[Powered by Google Translate] [Семинар] [Подготовка вашия сайт за Web]
[Yuechen Zhao] [Harvard University]
[Това е CS50.] [CS50.TV]
>> Добре. Ето още един час на Мрежата за развитие, ако вие сте за него.
Днес аз отивам да се говори за подготовката на вашия сайт за Web.
През целия ден - и вероятно за последните 2 седмици -
ние сме били говорим за това как да се създаде уеб сайт,
как да използвате HTML, как да се използва PHP, как да използвате рамки,
как да се уверите, че можете да си взаимодействат с базата данни - такива неща.
Но днес, ние ще се говори за това къде вашия сайт ще живеят след CS50.
Защото в края на краищата, CS50 не се случи миналото декември.
Ще се говори за имена на домейни, хостинг.
Отиваме да се говори за това, което кръстосано браузър съвместимост
и междуплатформена съвместимост, и как можете да се уверите, че вашият сайт
ще работи при всякакви условия.
Ще говорим за обработка на грешки и друга магия сървър.
Ние говорим за оптимизация на производителността, оптимизация на уеб сайтове,
и как да накараш хората да действително посещават вашия уеб сайтове.
И най-накрая, само някои добри ресурси, за да се уверите, че вие ​​имате достатъчно от тези,
да отиде с крайна вашия проект, и се надяваме след това.
>> Първото нещо, което ние ще говорим за е имена на домейни.
В момента сте програмиране на уреда, ти започваш да се на локалния хост
, които в действителност не е име на домейн.
Това е нещо просто псевдоним или псевдоним на действителната Linux инсталация
вътрешността на една от VMware на Mac или VMware Player на компютър.
Имената на домейни ви позволи да се сложи сайт върху Web и след това преминете към нещо подобно
www.google.com и да получите на сайта.
Как работят те?
Да кажем, че ти си просто средно уеб сървър -
Средната уеб сърфист и имате лаптоп, и да отидете до www.howstuffworks.com.
Вероятно можете да видите къде съм откраднал това от.
Как работят нещата - на компютъра, след това ще поиска от локален сървър DNS,
"Знаете ли къде е този сайт е?"
"Знаеш ли на IP адрес на www.howstuffworks.com?"
Вашият DNS сървър може да се каже: "Да, и аз."
В този случай, можете да получите IP адрес, и вашият компютър има достъп, че IP адрес.
Ако това не стане, той пита друг сървър DNS, "Хей! Знаеш ли какво www.howstuffworks.com е?"
Този сървър може да се каже: "Да, и аз."
Значи, това казва на другия това, което е, и най-накрая, че информацията, тя започва да се на вашия компютър,
и можете да получите достъп howstuffworks.com.
>> Как можете да получите един от тези магически неща?
Как можете да получите може би www.yourname.com или www.ilovecats.com?
Можете да се регистрирате за една,
и има много сайтове там, които ви позволяват да го направят.
Трябва да - в повечето случаи трябва да плати за тях.
Има някои имена на домейни, които са безплатни.
Ако отидете в www.co.cc или. Tkdomainnames, тези са безплатни.
Но, те идват с някои ограничения, а в действителност някои от тях може дори да не
реални, най-високо ниво домейни като. COM или. мрежата.
Обикновено бих предложил става за един от тях
, тъй като потребителите са просто по-удобно с тях.
Вие сте видели много. Комс. Вие сте видели много. Мрежи.
Може би не съм виждал много. Co.cc лидер, така че те са по-трудно да си спомня.
Различни сайтове като Godaddy NameCheap или или - аз бях този, който е
вид оскъдни - нар. activedomain.com.
Тя изглежда наистина оскъдни, но е работил много добре за мен.
>> И накрая, имате други, които може би правят повече реклама като Network Solutions.
Но ако отидете върху NetworkSolutions.com и погледнете в техните цени
това е наистина скъпо. Гледах ги снощи.
За една година от име на домейн, то вероятно не си струва толкова много пари.
В действителност, ако сте се. COM или. Орг или. Мрежата
обичайната цена е около $ 10 на година.
Така че, ако плащат много повече от това, то вероятно не е, че си заслужава
защото в крайна сметка, тези сайтове не правят нищо с това име на домейн.
Те просто я дам на вас, и така че ако можете да го получите за евтини, защо не?
>> Другото е, след като имате домейн име, а след това вероятно ще пожелаете да
преминете към Godaddy.com или където и да купи името на домейна
и да зададете сървърите за имена, че името на домейна.
Какво означава това е, след като ползвателят отива www.howstuffworks.com,
тези имена сървър IP адреси са IP адреси, които те ще могат да гледат нагоре.
Те ще имат достъп до вашия сайт чрез тези сървъри за имена.
Ако кандидатствате за хостинг някъде
тогава домакин най-вероятно ще ви даде сървъри за имена да я ползва.
>> И накрая, има едно нещо, наречено на WHOIS.
Базата данни WHOIS е база данни, с които бихте могли да въведете име на домейн
и той ще изплюе някаква информация за собственика на този сайт и други данни за контакт.
Сега, може да каже: "Аз не искам моят домашен адрес или аз наистина не искам моят имейл адрес
на уебсайта за всеки, да се види или по интернет за всички да видят. "
Тогава може да искате да използвате нещо, че много от хостинг услуги за вас -
като мениджър WHOIS.
A мениджър WHOIS е просто друга услуга, която много от тях предвиждат, че
скрива, че информационните и просто поставя в който е мениджър за името -
за адрес обикновено е само, че името на фирмата, който е дал това име на домейн -
и така след това вашата лична информация не се изтече в интернет,
която обикновено е доста добър.
Аз самият използвате една от тези услуги.
Ако не ви е грижа за собствения си личен живот след това няма значение.
>> A сървър DNS е съкращение от Domain Name System, и какво е то -
това е нещо като хеш някъде таблица, която казва:
"Този сайт адрес ще картографирането на този IP адрес." И това е всичко.
Така че, след като заявки този сървър DNS, а след това можете да получите на IP адреси
за които съответното име на домейн и след това посетете този сайт.
(Публиката задавате въпрос - недоловим)
Първата? Първото ниво всъщност е обикновено просто компютъра си кеш.
Компютърът ви вид спомня последния път, когато отиде в www.google.com
Тя е в този IP адрес, и след това, след известно време, че кеш ще изтече,
и той ще ви попита като Comcast DNS,
"Хей, какво е www.google.com?"
Обикновено, когато купувате име на домейн и да регистрирате едно, а вие се създаде уеб сайт,
не можете да отидете до тази интернет страница незабавно с този домейн име, защото името сървъри
по света не знаят за името на домейна си. Тя трябва да попълните.
Това обикновено отнема около 24-48 часа.
Добре. Така че, това е малко за имена на домейни. Те са много готино.
Мисля, че трябва да се получи един, ако сте сериозно за проекта
и ако наистина искате да направите вашия проект, известен в колежа,
като име на домейн прави да изглежда наистина професионално.
>> Тогава следващата стъпка, разбира се, е да има някакъв вид хостинг.
Ако просто го бъде домакин на вашия компютър, никой никога няма да бъде в състояние да отидете в него.
Вие може потенциално да създаде сървър на вашия компютър и поддържате компютъра си вечно,
Но това не е препоръчително.
Има различни видове хостинг на разположение онлайн.
Има споделен хостинг. Има VPN (неразбираемо), които са виртуални хостове.
Има полу-посветен и отдаден.
От последните 3, VPN, полу-посветен и специален обикновено са по-скъпи.
Те обикновено се използва за уеб сайтове, които изискват повече ресурси.
Ако сте само началото с един сайт,
тя може да бъде само по-икономично да отида с споделен хостинг.
И какво сподели средства е само куп сайтове са всички заедно
някак на един сървър в този сайт в този хост сървъра, и можете да получите достъп до вашия сайт
чрез името на домейна.
>> Има много известни хостове там.
HostGator и DreamHost - тези, които са много, много големи и много, много популярна
и много, много успешна.
Аз лично използвам един нар. MDDHosting.
Ако отидете в www.mddhosting.com, че е домакин на моя избор.
Мисля, че са много добри.
Винаги са били много надежден, и никога не съм имал никакви проблеми с тях.
Те също имат много конкурентни цени.
Две, че аз наистина не като са GoDaddy - това е също много популярен домакин,
но аз съм имал ужасни преживявания с тях,
и много хора, които знам, че са имали наистина ужасни преживявания с тях.
Те някак не отива след хората, които не знаят какво правят -
Може би сте прави сайта за първи път,
и така те някак ги Дог в закупуване си хостинг пакет.
Не го прави. Не си падат по него. Отиди търсят други хостинг пакети, които наистина отговаря на нуждите ви.
А другият е - има безплатни хостове там.
Има сайтове, които ще бъде домакин на вашия сайт за безплатно -
понякога чрез поставяне на реклама на вашия сайт,
понякога като ви кара да участват в техните форуми,
но понякога просто също безплатно.
Но бъдете внимателни с източници, защото много от тях наистина просто да излязат от бизнеса
след няколко месеца. Ти просто не може да се справи с разходите.
Други са просто много ненадеждни, и вашия сайт ще бъде винаги надолу,
и не искате това да се случи.
>> Всеки хост ще предложи свой собствен контролен панел.
Забележете, че за вашия уред, там наистина не е контролния панел по себе си.
Трябва да използвате терминал да отиде и да редактирате файлове.
Трябва да коригирате неща от себе си.
Ако искате да отидете на PHPMyAdmin,
Вие трябва да отидете на Localhost @ / PhpMyAdmin и такива неща.
Но с контролен панел, можете да отидете в и редактиране на файлове на вашия сървър
с Windows Explorer или търсач тип приложение.
Или можете да минете през и погледнете вашите бази данни със собствен инструмент
вместо PHPmyadmin.
Така че, има голям избор тук, както и някои от най-популярните контролни панели са там.
Но ако търсите за хост,
тогава може да искате да погледнете какво видове персонализации и опции
те предлагат ми да персонализирате моя сървър и да направите своя уебсайт вървят по-добре.
Така че, след това можете да попитате: "Е, как да избера хостинг?"
Ако преминете към всеки хост сайта има много на жаргон, а има и много възможности.
Има много различни цени също.
Обикновено аз отивам за евтини такива, само защото уебсайтове, които може би трябва и аз да -
и особено в момента, особено като начало - те не може да се наложи като много ресурси
Както може един сайт като Microsoft.com.
>> Първо искате да погледнете на операционната система, ако сте наистина любопитно дали
вашия сайт ще бъде домакин на Linux, за Windows или на Mac.
Обикновено ние просто отидете с Linux, защото това е обикновено най-евтините,
, а също и този, който може би вие сте по-запознати с защото на уреда.
И тогава, може би ще поставят ограничения за размера на честотната лента, че получавате -
харесва колко мегабайта или гигабайта данни може да изтеглите потребители
от вашия сайт на месец? Или дисково пространство.
Колко пространство ще получите? Дали е 500 MB? Дали е 2 GB? Дали е неограничен?
В днешно време, много уеб сървъри ви даде неограничен дисково пространство, като начин за тях
да ви примами да им хостинг пакет.
Но ако наистина мислите за него, когато са ви някога ще трябва неограничено дисково пространство?
Ако имате няколко HTML файлове, няколко PHP, няколко снимки -
това е само няколко мегабайта, и така
Обикновено аз просто отиде за струва може би няколко гигабайта "на пространството,
и това може да е достатъчно, за да ме започнем, докато не се нуждаят от повече.
>> И накрая, те могат да налагат ограничения за това какъв вид - колко бази данни може да има.
Може би може да има само една база данни. Може би можете да имате два. Може би, ще има 10.
Наистина ли е важно за вас колко получавате?
Неща, за да си зададете.
И накрая, само неща като езика.
Да те подкрепя PHP? Да те подкрепя MySQL?
Повечето хостинг сайтове не подкрепят тези, защото те са свободни. Те са с отворен код.
Тя не им струва нищо, за да предоставят тези данни за вас.
Но ако искате да използвате, да речем, Ruby или Python или някои от тези други езици -
те не могат да го подкрепят на техния сървър, така че е важно да се търсят такива неща.
>> И накрая, те ви позволяват да се направят някои по-съвременни неща като SSL или Cron работни места?
SSL е опция, където можете да направите вашия сайт по-сигурна, като я прави HTTPS
и кодиране на вашите връзки.
И Cron работни места са само може би скриптове, които искате да стартирате
на всеки 5 минути, на всеки 10 минути, на всеки 15.
Много от споделен хостинг сайтове слагат ограничения
от броя на Cron работни места, които можете да изпълните, защото, който отнема повече ресурси.
>> И накрая, просто всичко останало, което искате да погледнете - уверете се, точно това, което става
преди да купите вашия хостинг пакет.
И накрая, резултатите. Производителността е огромен.
Колко бързо е моя сайт ще избяга?
Най-много потребители няма да чакаме дори секунда за вашия уеб сайт да тече
преди те просто се отегчават и да отидат, за да MeanBase и да започне търсене на снимки
на котки - вие знаете, че се случва, а вие искате да се уверите, че получавате, че потребител на борда
и че имате добър ъптайм което просто означава, че
Вашият сайт ще бъде достъпно по всяко време.
Много от домакините са много зле ъптайм и че просто означава, че вашият сайт няма да бъде
достъпни, и не искате това да се случи, защото може да бъде тъжен.
И вие можете също така да следите изпълнението на вашия хост с сайтове като
Pingdom.com или домакин-tracker.com, и те просто да ви кажа колко често вашият сайт е надолу.
>> И накрая, за да видите статистиката за тяхната подкрепа.
В случай че имате проблем са те ще отговорят на вас в рамките на 24 часа?
Дали ще ви отговори до 48 часа?
The хостинг услуга, която аз използвам обикновено отговаря с мен в рамките на минути
което е много хубаво.
Уф! Добре! Това е време за почивка. Но аз няма да ти го дам.
Ние просто ще гледате снимки на сладки котки всеки сега и тогава.
>> Друг много, много голямо нещо е кръстосано браузър съвместимост.
Какво имам предвид с кръстосано браузър съвместимост?
Знаеш ли, в днешно време това не е само Microsoft Internet Explorer.
Това не е просто Mozilla Firefox или Safari.
Сега имаме Chrome. Имаме Opera. Имаме Dolphin. Имаме Camino.
Имаме Conqueror. Ние имаме всички тези различни браузъри.
Нещата, които излизат сега - RockMelt - че тези са базирани на Chromium.
Но фактът на въпроса е, че не е само един браузър вече.
Ти не си просто гледане тези уеб страници с едно заявление.
И така, различните браузъри ще отговарят на различни HTML, CSS различно, и
различни JavaScript различен начин, и как се справяте с това?
Е, в някои случаи, наистина не мога.
Вашият сайт - ако тя работи в един браузър, кодът, който сте написали няма да работи
в друг браузър, и това е Вашата работа е да се уверите, че кода, който пиша
е универсален, че той работи навсякъде.
Така че, това е много опасно.
Ако кажеш: "Е, това е работа на моя компютър. Great! Да продължим нататък."
Е, това вероятно няма да работят по моя, и когато отида към вашия сайт
Ще бъде много тъжно, и аз отивам да напусне веднага.
Така че, нека да видим как може да се предотврати това.
>> Първото нещо, което, разбира се, е да се използват само стандартни HTML, CSS и JavaScript.
Какво имам предвид с това?
Е, има много не стандартни неща там.
Например, в CSS има много варианти.
Ако забележите CSS правила с-Моз-или-на WebKit, тези правила са специфични
както на Mozilla браузъри и WebKit браузъри,
и така вие искате да се уверите, че може би искате да избегнете тези неща,
защото, ако използвате-Моз-това правило е само ще работят на Firefox.
И ако наистина го искат да изглеждат добре на Internet Explorer също,
ти започваш да бъдат изложени на късмет.
За HTML също така, бихте могли да направите неща в HTML, които работят в един браузър
но който разгражда в друга, а вие искате да се избегне, доколкото е възможно.
И най-накрая за JavaScript още - има много варианти на JavaScript,
и това лято се натъкнахме на проблем, когато Document.getElementsByClassName--
която обикновено е функция, която е дефинирана като част от JavaScript стандарт -
не е да се намери в Internet Explorer 8.
Така че, през лятото бях на работа в лаборатория и строяхме онлайн експерименти.
И си мислехме, че работи много добре, докато не осъзнах, че потребителите са използвали
Internet Explorer 8 не могат да представят своите резултати.
Ние се лишите от много данни. Това ни накара наистина тъжно.
Така че, вие винаги искате да се уверите, че вашите скриптове ще работят навсякъде.
>> И най-накрая, използвайте validator.w3.org
което е това, което ти казвам да се направи в PSET 7.
Уверете се, че вашите страници са валидирани.
Това е важно, защото това най-малко е първата проверка стъпка здрав разум.
Е кодът всъщност съвместим със стандартите?
Друг начин да се справи на ви помогне да се уверите, че вашият сайт ще работи
в повечето случаи е да може да използвате някои библиотеки и рамки
защото тези наистина интелигентни разработчиците са помислили и за тези проблеми вместо вас.
Те са преминали през и те съм писал различни функции, които работят в браузъри.
Например, ние използваме Jquery в PSET 7.
Въпреки че може да не сте го виждали, JQuery предоставя много функции
че в противен случай ще трябва да се пише.
Но тези фирми го е написал, и те се уверите, че той работи във всички браузъри.
И Bootstrap - което е още една рамка CSS, които ви показахме в PSET 7 -
тя наистина отнема много от главоболия с проектиране на интернет страници, които изглеждат добре.
във всички браузъри.
>> И накрая, ако можете да го избегнете, аз обикновено се избегне кодиране от нулата.
Ако сте просто създаване на уеб сайт за вашето училище клуб, например,
и всичко, което трябва да направите, е да се покаже на няколко страници и може би има своя президент отиде в
и да промени някои неща тук и там - там наистина няма нужда от код, който се нагоре.
Това отнема много от времето си.
Това отнема много от енергията си, а вие трябва да мине през и вие трябва да разберете,
добре, е това ще изглежда добре в този браузър, е че ще изглежда добре в този браузър.
Може би използвате някои от тези петна, които други вече са дадени за вас, като
WordPress или Joomla или Drupal.
Те се наричат ​​съдържание - те се наричат ​​ЗСЧ, които основно са само пакети,
вече е дошъл направил за вас, и можете да ги свалите, сложете ги на вашия сървър,
и да ги персонализирате обаче искате, и вече имате работещ уеб сайт.
Тези кодови пакети са нещо, което да изглежда, за да.
Тези неща са с отворен код, освен ако не отиде за нещо подобно -
ако търсите за формата пакет, има неща, които не са свободни като
VBulletin или IP.Board.
Ако не е нужно някои от тези допълнителни функции,
винаги можете да се откажете за безплатна опция.
>> И накрая, няма го избягва.
Трябва да тест, тест, тест.
Вие трябва да тествате вашия код на всички тези браузъри и на всички тези платформи.
И знаете ли, IE6 - Слава богу, хората започнаха да се отдалечават от IE6
защото през деня, може би преди няколко години, уеб разработчици трябваше да винаги, винаги,
винаги поощрявам слабости IE6 в следвайки стандартите.
Уебсайтове просто изглеждаше доста на 1990 поради липса на по-добър начин да се справят с него.
Можете да използвате браузъра скрийншоти, за да проверите вашия CSS.
Един наистина страхотен сайт е browserlab.adobe.com.
Това е безплатна услуга изнеса от Adobe.
И това, което правят е, че те могат да свалят скрийншотове на вашия сайт
работещ при различни условия - като тичане под различни браузъри,
работещи под различни платформи - и ще ви покаже как изглеждат.
Само да ви покажа какво имам предвид тук, е създаден един сайт миналата година призова Life в Харвард,
и това, което се опитах да направя - Опитах се да направя my.harvard по-добре.
Защото, ако беше тук миналата година, my.harvard не изглеждаше, колкото изглежда сега.
Тя изглежда някак отвратително.
Но сега изглежда много по-добре.
Моята изпълнение не е, че вече полезни, но все пак,
знаеш ли, аз се опитах да добавя - (неразбираемо) мнозина все едно -
и тя изглежда - той изглежда много добре на моя компютър.
И тогава, може би, ако имах повече време, щях да отида, за да браузъра лабораторията,
и щях да погледна, добре, как изглежда той в Chrome 18 за Windows.
Бих превъртете надолу и ще видя - о, не! Погледни кутията съобщения.
Моят текст е преизпълнен. Така че, това е лошо, нали?
Ако даден потребител използва Chrome на Windows и идва в моя сайт,
че веднага изглежда много непрофесионално.
Така, че трябва да отида в моя CSS и да разберете каква част от моя CSS се къса тук.
Защо не го показва правилно и да я поправи, така че всички потребители могат да виждат същия уебсайт
и да бъде също толкова щастлив.
>> И накрая, добре, браузър скрийншоти са приятни за тестване на CSS,
но какво да кажем за вашата JavaScript?
Какво ще кажете, ако имате някакъв сложен скрипт, който бяга?
Е, винаги можете да направите за виртуализация.
Ако имате Mac, можете да използвате Bootcamp или VMWare да виртуализира може би копие от
Windows и използването Internet Explorer там.
Или, можете да преминете към нещо като Spoon.net, което за съжаление работи само на компютри.
Но това, което те правят, е много готино.
Те виртуализира софтуер за вас, така че може да работи с различни версии на IE, например.
Можете да стартирате различни версии на Firefox.
Можете да стартирате различни версии на Safari и тества всичките си сайтове там.
За съжаление, те не са свободни.
Това е платена услуга, така че винаги има нещо като това -
винаги има нещо като този компромис между, добре, отивам да направя моя сайт изглежда добре.
Ако е така, може би трябва да плащат за някои услуги, за да ми помогне да го направя.
Всички въпроси в този момент за всичко, което си говорихме?
Awesome. Добре.
>> Сега имаме повече неща, за да си говорим.
Какво ще кажете за грешки?
Как да се уверите, че вашият сайт ще работи дори и при
се случи нещо лошо?
Може би не е нужно да има страница с име food.php.
Но ме, отивам към вашия сайт и се опитвам да вляза food.php.
Възможно ли е просто да ми покаже, че бяла страница, която казва 404 - Файлът не е намерен?
Или ще кажете: "Е, съжалявам, че не можах да намеря това за вас,
но може би тук са някои други ресурси, за да ви помогне да намерите това, което ви трябва. "
Други грешки - това е така, това се нарича HTTP грешки, които са само някои кодове за грешка
че вашият сървър може да изпраща обратно към браузъра, в случай на нещо лошо се случва.
400 - Bad Request. 401 - неправомерно.
403 е един вид често, когато имате една директория, която не е трябвало да бъдат достъпни
от страна на потребителя, а потребителят се опитва да така или иначе.
И 500 - вътрешна грешка в сървър - това обикновено се случва, когато има нещо
наистина лошо става с код PHP.
Но във всеки случай, тези видове браузъри - Тези видове грешки се случват.
>> Така че, как да се уверете, че грациозно се справят с тези грешки
и се уверете, че потребителят не е само нещо като виси там?
Тук идва. Htaccess.
Сега. Htaccess е нещо, което работи на Apache сървъри,
нещо, което работи и работи върху няколко други сървъри, както добре.
Това е просто начин да конфигурирате вашия сървър, така че
можете да го правите каквото си искате да направите.
Някои неща, които може да направи. Можете да контролирате настройките на кеша.
Може би има известна страница на вашия уеб сайт, който да гарантира, че на потребителя
изтеглите отново всеки път, когато потребителят идва и посещения на вашия сайт.
Или може би имате някои URL, че е като yoursite.com / тест / HTML / страници / hello.html
и просто искам това да бъде yourname.com / здравей -. добре, можете да използвате Htaccess
за пренасочване на една страница в друга.
Можете да го използвате, за да направи проверка на автентичността.
Може би има някои части на уебсайта си, че ще трябва да използвате друга парола.
Можете да блокирате определени адреси, да блокирате определени домейни.
Може би просто наистина не ми харесва Харвард учениците използват вашия сайт.
Е, имате възможност да блокира всички IP адреси в Харвард.
>> И накрая, може да лекува неща - можете да напишете някои код, за да направите вашия сървър
третират като. Джао или. вашето име или. Здравейте страници като код PHP.
Може би това ще бъде от полза. Може би това няма да бъде.
И накрая, можете да го използвате, за да се справят грешки отговори.
Какво имам предвид с това?
Ако просто добавете код, подобен на този - ErrorDocument 404 и след това да ги насочи към някои
грешка на страницата, можете да се уверите, че потребителят не вижда само много, много грозна
404 и да им покажем нещо хубаво.
>> Нека наистина да погледнем как можем да направим това с вашия PSET 7.
Ето, аз съм в моя уред.
Ще се отвори Chrome, а след това аз ще се опитам да получат достъп до страница
че не съществува в CS50 Finance.
Така че, локалния хост - cats.php--така, забелязвам, че съм създал грешка документ
, който казва: "Canz не намерите Z страница!"
Тя е с много тъжна котка върху него.
Ако отидете на Twitter, ако отидете на някой от тези сайтове,
не можете да намерите на страница, те обикновено се опитват да ви покажа една сладка снимка
така че не си много разочарован.
Вие също може да има нещо, което е по-професионално, което казва:
Е, съжалявам, че не можа да намери страницата, но може би тук е и поле за търсене.
Или може би тук има линкове, които ще ви помогнат да намерите връзката, която искате.
Е, как да направя това? Как е възможно?
Ако се върнем в нашия терминал тук -
Отивам да я увеличите малко -
забележите, че имам една нова страница.
Inside HTML моята директория се нарича - не можете да го видите -
тя се нарича error.php.
И error.php е просто файл, който съм направил
който ви показва, че самата страница.
Мога да ви покажа какво е error.php.
Това е точно тази страница.
Той казва: "О, не, не! Canz намерите Z страница!"
И, ако искате да видите - това е така, забелязвам, че Htaccess вид е странно име..
То започва с точка, което означава, че това е една файлова система.
Това е един скрит файл, който обикновено не се показват.
Ако го направите ли-а, можете да видите всички скрити файлове в дадена директория,
И наистина, да те видя. Htaccess е един от тях.
Да вървим напред и да се отворят Htaccess. -
с Gedit -
Boom! Всичко, което имам е една линия там - Грешка документ за грешки 404
които са известни и като файл не--откритите грешки.
Нека да ги пренасочи към нещо, наречено error.php.
Можете да имате забавни неща, като не canz намерите Z страница!
И там също са много готини неща, които можете да правите с. Htaccess.
Ако искате да видите повече. Htaccess магия,
това е много готин сайт, за да отидете на - тя се нарича javascriptkit.com/howto/htaccess.shtml--
ако искате да се извършват повече магия сървър. И това може да бъде много забавно.
>> Уф! Добре! Повече сладки снимки.
Това е човек, който прави лицеви опори, и котката се опитва да помогне. Мисля, че е много сладък.
За съжаление, аз не разполагат с котка подобно.
Добре. Така че, ние сме говорили за. Htaccess.
Ние говорихме за обработка на грешки.
Ние говорихме за хостинг, домейн имена.
Ние говорихме за кръстосано браузър съвместимост.
Сега как ще се уверите, че вашият сайт фактически осъществява?
Как да се уверите, че ако отида към вашия сайт
Мога да видя вашия сайт в рамките на няколко секунди?
Едно от нещата, които мисля, че хората просто някак забравят за
е изображението оптимизация.
Да речем, че искате да сложите снимка на твоя сайт
за 2 MG голям.
Това може да е добре за нас, защото ние сме в Харвард,
и ние имаме много бърза интернет връзка.
Но представете си някой в ​​Китай. Представете си някой в ​​Индия.
представете си някой може би в селските Канзас, които може би не са едно и също нещо
широколентов интернет, че имаме.
Ако имате 2 MB изображението на сайта си, а потребителят се опитва да го достигнете,
това ще им отнеме много дълго време, за да изтеглите.
Така че, ако не се нуждаят от този вид резолюция,
След това можете да промените размера на изображението с нещо като Adobe Photo Shop.
Обикновено има опция, наречена безопасни за уеб и устройства,
и това, което тя прави е да го извлича по всички канали на ненужна информация
и нещо като уплътнява файла си в малък размер на изображението, така че да можете да
сложи го на вашия сайт, и всеки потребител, който се опитва да изтеглите тази страница
ще изтеглите по-малка версия на изображението.
Ако не разполагате с Adobe Photo Shop
webresizer.com и друг ресурс, където можете да въведете вашия имидж
и той ще изплюе точно същия образ,
но това ще бъде нещо като три пъти по-малки.
Така че това е много полезно за потребителите си.
>> Друго нещо, което можете да направите, е да омаловажавам код.
Ако вземем един поглед към Google.com,
ще видите, че това не е нещо от същия HTML и CSS, които сме свикнали.
Просто ще погледнете изходния код тук.
Ако аз просто превъртете надолу - Уау, това изглежда доста отвратително.
Това ще се получи нула за стил.
Ако кодиран този за PSET, вие ще получите нула на вашия стил.
Това не е разстояние. Имената изглежда наистина загадъчен.
Всичко е наистина отвратително.
И сценария, за да затворите в тялото - на HTML затваряне -
всички те са заедно - всички smushed заедно.
Защо го правят това?
Те minified им код.
Забележете, че този документ ще бъде много по-малък
за мен да изтеглите от нещо с бяло пространство,
отколкото нещо с много дълги имена на променливи.
Ако стопяват кода ви съблекат цялото празно пространство.
Разбира се, вашият браузър не му пука, ако имате някакви празно пространство в кода си.
Ти го съблекат, сега мога да изтеглите по-малък файл -
сега файла - документът, който ние ще изтеглите има по-малък размер на файла,
тя ще бъде по-бързо за мен да изтеглите, и това е полезно.
Ако работите с уеб сайтове и сте стартиране на уебсайт,
това е почти винаги е добре да омаловажавам вашия код.
Друга причина, поради която може да е добро, е може би не искате другите да използвате вашия код.
Може би не искате другите да използвате CSS.
Знаеш ли, ако наистина искаше да бъде стиснат с това,
След това можете да омаловажавам си код, и би било по-трудно за мен да го открадне
защото нямам представа какво става.
Можете също да отидете в сайтове като minify.avivo.si.
Услуги като този онлайн помогне да омаловажавам кода си, така че да не се налага да го правя на ръка.
Определено не го прави на ръка.
>> Добре. Сега говорим за скриптове.
Може би в PHP кода си има нещо, което не е нужно да се направи.
Може да има допълнителни линии в там.
Ние говорихме за код дизайн в CS50.
Дори ако сте кодиране в C, ако имате - ако правиш допълнителна работа
че не е нужно да се направи, е, че това ще се забави скриптове на вашия сайт,
и това е особено важно за сайтове, защото потребителите в днешно време са много нетърпеливи.
Ако правите ненужната работа, че ще ги отнеме повече време
за да стигнем до информация, която те искат, и те ще бъдат много нещастни.
И накрая, може да искате да оптимизирате таблиците в базата данни.
Запомни говорихме за индексите.
Те не са само добро за като се уверите, че имате ред, който е уникален.
Те също са добри за да гарантира, че вашата база данни работи бързо.
Ако искате да прочетете за това, че вървим към документацията MySQL,
или можете да погледнете - Е, как да оптимизирам моята маса база данни?
Как да съм сигурен, че имам показатели, които да ми помогне да стигнем до информация по-бързо?
>> Има и малки трикове, които можете да използвате, като кеширане.
Ако имате PHP - ако имате блог, например,
и трябва - и се захранва от PHP или от друг език -
можете да кешират блога си Да кажем, 50-минутни интервали, така че да може да служи на статични страници
или статични HTML на посетителите на вашия сайт.
По този начин потребителите не се налага да стартирате PHP скрипт всеки път,
и може би това ще бъде по-бързо, за да получите достъп до тази информация.
>> И накрая, можете да използвате нещо като CDN.
Забележете, че когато сваляте PSET,
Вие винаги отивам да CDN.CS50.net. Защо е така?
CS50 също използва нещо като CDN - мрежа за разпространение на съдържание -
което просто означава, че това е куп от сървъри, може би някъде по света
че помощта служи страниците на посетителите си.
Ако си посетител става една страница от сървър, който е по-близо до тях географски,
тогава най-вероятно си посетител ще получи този файл, много по-бързо.
Има и онлайн източници, които ви помагат да направите това.
Един от тях е CloudFlare. Те предлагат безплатен CDN.
Ако имате големи файлове, които си служат за вашите потребители,
тогава може би е по-добре да бъдат поставени на една CDN, така че те могат да стигнат до тях по-бързо.
>> Крайният тема за деня е оптимизация на уеб сайтове.
Какво е оптимизация за търсачки?
Това е като се уверите, че търсачки като Google или Bing или Yahoo
може да продължи към вашия сайт и индексираме сайта и индексира вашия сайт и когато
Аз, например, преминете към Google.com и аз се опитвам да търси нещо,
тогава вашия сайт ще изскочи.
Как да се уверите, че вашият сайт е един от топ 10?
Защото както всички знаем, ако търсите нещо на Google
и това не е за топ 10, което най-вероятно няма да гледам през следващите 10.
Това е нещо като тема, която е обвит в мистерия.
Има много на свръх там в интернет.
Има много суеверия, ако трябва да се х след това Google ще искате по-добре.
Ако все пак у тогава Google ще искате по-добре.
Това е може би по-добре да погледнем в търсене гигант самите документи.
>> Това е един от документите на Google, които ви кажа точно как да оптимизирате сайта си
така че Google може да има достъп и да го индекс много добре.
Не е нужно да копирате този URL, защото това представяне ще
да бъде на линия във всеки случай.
Ако се вгледате в това и да прочетете това има някои много полезни съвети там.
The Google ви казва - ако наистина искате вашия сайт да се индексира добре
след това трябва да направите всички тези неща.
>> Друго нещо, което търсачките наистина харесвам е прясно съдържание.
Ако имате съдържание, което се актуализира много редовно
тогава търсачките казват, ох, аз харесвам вашия сайт.
Отивам да отидете на сайта си много често.
Отивам да индексира много от страниците си.
Ако имате прясно съдържание след това е по-вероятно да се появи -
вие сте по-вероятно да бъде по-голямо значение.
Ти си по-вероятно да бъде по-актуална,
и търсачките са по-склонни да сложиш сайт над другите.
>> Дълбоки връзки също са важни.
Ако наистина искате вашия сайт да изглежда добре в очите на търсачката
има много други уеб сайтове, свързани с него и са свързани дълбоко в уебсайта си.
Не просто линк към началната си страница.
Линк към може би yourname.com / нещо / нещо / something.php.
Това - на търсачката - средства, уау, те имат наистина интересно съдържание
че някой друг се свързва така дълбоко в своя сайт, че аз трябва наистина, наистина
постави по-голямо значение върху страниците, които сайта.
>> Ако имате точни заглавия на страници, ако нямате грешки, че е добре, защото
ако на търсачката се опитва да посещават вашия сайт, и става все по грешка,
Това вероятно ще се откажат от много, много скоро.
И накрая, вие искате да имате зарежда бързо, защото търсачките -
точно като хората - Недей да има много търпение, за бавни сайтове.
Това е начин за вас да се уверете, че се появи по-високо в
търсачката запитвания и да се надяваме по този начин да получите повече трафик.
Защото в края на краищата, вие сте прекарали цялото това време развитието на вашия сайт.
Прекара цялото това време стартира този уебсайт онлайн.
Вие искате да се уверите, че имате много потребители, които действително виждат вашето съдържание.
>> Други добри ресурси, за да използвате.
Google Webmaster Tools е нещо, което да изглежда, за да.
Това само ще ви помогне да видите - Google не индексира сайта ми.
Какви видове грешки се натъкват на него?
Колко страници е тя индексира?
Какво мислите, че е най-важното съдържание на страницата ми?
Може би това не е, което искам да бъде.
Може би трябва да променя моя сайт малко, така че това е отразено по-добре
какво ми сайт е наистина за.
Google Analytics е друг много готин инструмент.
Можете да добавите малко JavaScript на страниците си.
И след това след това можете да отидете на Google Analytics, и ще следи
си посетител демографски и вашия сайт растеж.
Тя ще Ви каже точно колко посетители посещават вашия сайт
в рамките на определен ден, в определен час, в рамките на определен седмица.
Колко посетители от Китай? Колко посетители от Антарктида -
сте се към вашия сайт.
, че може да е нещо готино да се види или може дори да бъдат полезни
защото се опитвате да насочите определена група.
Може би се опитвате да насочите тийнейджъри с вашия уеб сайт, и ще видите, че
повечето от посетителите на уебсайта, са може би 30 - до 40-годишните,
тогава може би или че имате проблем или може просто да се каже,
Е, тогава може би просто трябва да се промени фокуса моя сайт, така че
Аз се съсредоточи повече върху тази възрастова група.
>> Google Apps - ако исках да имам нещо като имейли с вашето име на домейн -
може би нещо като yourname@yourname.com--
можете да използвате Gmail адреси - можете да използвате Gmail услуга
и Google Apps е един от начините да се направи това.
Можете да зададете конкретни имейл адреси, които са специфични за вашето име на домейн
вместо of@gmail.com.
>> И накрая, има и уеб разработчик разширения и добавки - за Chrome,
за Firefox, за други браузъри - които ви позволяват да ида и да инспектира
CSS, JavaScript инспектира, вижте какво точно не е наред с вашия скрипт JavaScript,
и може би това ще бъде полезно за вашите де-подслушване цели, за да намери изход -
Е, защо да не е моя сайт показва правилно в този браузър?
>> И накрая, ако искате да научите повече за всички тези теми -
ако искате да научите повече за HTML CSS и JavaScript и -
защото в крайна сметка, ние само да ви научи малко -
можете да отидете на сайтове като W3Schools.com да търсят повече ресурси.
Те имат много хубави уроци за това как да направя, X, Y или какво означава това?
Ако искате да научите повече за тези езици, можете просто да отидете тук.
>> Добре. Мисля, че иска да напусне последните няколко минути на тази за въпроси,
така че има ли въпроси за всичко, което си говорихме?
[Публиката] Какви видове неща са на W3Schools и как се покриват?
[Yuechen Zhao] Какви неща?
Така че, един от най-големите неща, които използват много е справки за тях.
Справки за тях подробно, например за CSS -
какво означава това, или ако искате да промените фона на страницата -
как да го направя?
Кои браузъри поддържат тази команда? Такива неща.
И тогава те просто имат много хубави уроци за HTML, за PHP, за JavaScript,
на MySQL, на най-различни теми.
Те имат хубави уроци. Те ви научи как да правят нещата.
Това е хубаво да бъде в състояние да отидат и да научат повече за тези теми.
>> [Публиката] HTML 5 е все още не е съвместим с всички браузъри там.
Бихте ли препоръчали просто да стоим далеч от него поради проблеми със съвместимостта?
Как ще се справят с това?
[Yuechen Zhao] Да, това е така, въпросът е HTML5 все още е бебе стандарт.
Всъщност не е подкрепен от много браузъри, така че трябва да се избегне това?
Мисля, че миналата година, щях да съм много голям привърженик на, нека да се избегне HTML5
, защото тя все още е - това е все още много нов и в действителност, HTML5 стандарт
не е приключила.
И така, наистина не е HTML5 стандарт.
Но аз мисля, особено ако сте проектиране на уеб сайт сега,
тя може да бъде по-добре, ако просто отидете с HTML5, защото това е един вид ще бъде в бъдеще,
и ако искате вашия сайт да бъде пригоден за бъдещето, и искате вашия сайт да работи
в бъдещите браузъри, може да е по-добре да започнеш нещо сграда за бъдещето
отколкото за миналото, а също и само заради факта, че HTML5 наистина не е толкова различно
от HTML4 или XHTML.
Ако използвате HTML5, той обикновено ще работи в повечето браузъри.
Просто трябва някак да ида и да се уверите с тези скрийншоти
и като се уверите с става с тези сайтове себе си.
Но най-вероятно той ще работи, освен ако не се използват много специфични характеристики на HTML5.
Забележете също, че за CS50 - например за видео плейър, който ние използваме -
той използва HTML5 и HTML5 видео за показване на лекциите.
Но ако имате много стар браузър, а след това ще падне обратно на Flash.
Така, че това също е нещо друго -
имат алтернативен система за когато просто знам, че браузърът няма да се справят
това, което искате да се справя.
>> Други въпроси?
Всичко, което си говорихме.
Добре. Тогава мисля, че е за него и за мен.
Мисля, че това е всичко.
(Аплодисменти)
Cool.
[CS50.TV]