[Powered by Google Translate] [Семинар] [Припрема за Веб сајт]
[Иуецхен Зхао] [Универзитет Харвард]
[Ово је ЦС50.] [ЦС50.ТВ]
>> Ок. Ево још сат веб развоја Ако ви за њу.
Данас ћу говорити о припрема свој сајт на Интернету.
Цео дан - и вероватно за последње 2 недеље -
смо говорили о томе како да направите сајт,
како да користите ХТМЛ, како да користе ПХП, како да користи оквире,
како да се уверите да можете да интеракцију са базом података - такве ствари.
Али данас, ми ћемо говорити о томе где је ваш сајт ће живети после ЦС50.
Јер на крају крајева, не дешава ЦС50 прошлост децембра.
Ми ћемо да говоримо о именима домена, хостинг.
Ми ћемо да причамо о томе шта цросс-бровсер компатибилност
и цросс-платформ компатибилност су, и како можете да проверите да ли ваш сајт
ће да ради под свим условима.
Причаћемо о еррор хандлинг и други сервер магије.
Говоримо о оптимизацију перформанси, Сеарцх Енгине Оптимизатион,
и како да се људи заправо посетите веб сајтове.
И на крају, само неке добре ресурсе да се уверите да ви имате довољно оних
да престанете са завршног пројекта, и надамо се после.
>> Прва ствар коју ћемо да разговарамо је имена домена.
Сада сте у вашем апарату програмирање, идете на локалном серверу
што заправо није име домена.
То је врста само надимак или псеудоним за стварне инсталације Линук
унутар или ВМваре на Мац или ВМваре Плаиер на рачунару.
Имена домена омогућити да стави сајт на Интернету, а затим идите на овако нешто
ввв.гоогле.цом и добити на сајту.
Како раде?
Рецимо да си само просек веб сервер -
Просечна веб сурфера и имате лаптоп, а ви идите на ввв.ховстуффворкс.цом.
Вероватно да видим где сам украо од.
Како ствари радови - ваш рачунар ће питати локални ДНС сервер,
"Да ли знате где је ово сајт?"
"Да ли знате ИП адресу ввв.ховстуффворкс.цом?"
Ваша ДНС сервер може рећи: "Да, сећам се."
У том случају, добијате ИП адресу, а ваш рачунар приступа ту ИП адресу.
Ако се то не деси, она тражи други ДНС сервер, "Хеј! Да ли знате шта је ввв.ховстуффворкс.цом?"
Тај сервер може рећи: "Да, сећам се."
Дакле, то говори онај други, који је, и коначно, да информације се прослеђују на рачунар,
и можете да приступите ховстуффворкс.цом.
>> Како можете добити један од ових магијских ствари?
Како можете добити можда ввв.иоурнаме.цом или ввв.иловецатс.цом?
Можете се регистровати за једну,
и постоји много сајтова тамо који омогућавају вам да то урадите.
Морате - у већини случајева морате да платите за њих.
Постоје одређене имена домена који су бесплатни.
Ако одете на ввв.цо.цц или. Ткдомаиннамес, они су слободни.
Али, они не долазе са одређеним ограничењима, а у ствари, неке од њих можда неће ни бити
реалне, топ-левел домена попут цом или нет...
Нормално Предложио бих иде за једну од њих
јер корисници су само са онима удобније.
Видели сте много позив.. Видели сте много мрежа..
Вероватно сте видели није много цо.цц. 'А, тако да они теже да се сетим.
Различитих сајтова као што су ГоДадди или НамеЦхеап или - ја сам онај који је
некако непотпуни - ацтиведомаин.цом тзв.
Изгледа стварно ретко, али је радила јако добро за мене.
>> И на крају, имате друге да можда то више реклама као Нетворк Солутионс.
Али, ако се иде на НетворкСолутионс.цом и погледајте њихове цене
то је заиста скупо. Гледао сам их синоћ.
За годину дана од имена домена, вероватно не вреди толико новца.
У ствари, ако сте добијање цом или орг.. Или нет.
Уобичајена цена је око $ 10 годишње.
Дакле, ако плаћате много више од тога, то је вероватно да се то не вреди
јер, на крају крајева, ови сајтови не раде ништа са тим именом домена.
Они су само да ти га дам, па ако можете га добити за јефтино, зашто да не?
>> Друга ствар је када имате своје име домена, онда вероватно желите да
иду на било Годадди.цом или где год сте купили ваше име домена
и подесите ДНС сервере за тај домен.
То значи да када корисник иде ввв.ховстуффворкс.цом,
оне наме сервер ИП адресе су ИП адресе које ће бити у стању да се угледају.
Они ће бити у могућности да приступите свом сајту преко тих сервера имена.
Уколико се пријавите за хостинг негде
онда ваш домаћин ће највероватније вам дати ДНС сервере да користе.
>> И на крају, ту је ова ствар зове ВХОИС.
ВХОИС база је база података са којима сте могли улаз име домена
и то ће испљунути неке информације о власнику тог сајта и друге контакт информације.
Сада, можете рећи: "Ја не желим своју кућну адресу, или ја не желим своју е-маил адресу
на сајту за свако може да види или на Интернету за све да виде. "
Онда ћете можда желети да користите нешто што је много хостинг услуге пружа -
као ВХОИС менаџера.
ВХОИС менаџер је само још један сервис који пружа много њих који
крије и то да и даље само ставља у који је менаџер за име -
за адресу обично је само да име компаније која је дао ово име домена -
па онда ваши лични подаци се не процурела на Интернету,
што је обично прилично добро.
Ја лично користите неку од ових услуга.
Ако не брига за своју приватност онда то није ни битно.
>> ДНС сервер је скраћеница за Домаин Наме Систем, а шта је то -
то је нешто као хеш табели негде да каже,
"Овај сајт адреса ће мапирати на ову ИП адресу." И то је све што јесте.
Дакле, једном када овај упит ДНС серверу, онда можете да добијете ИП адресе
за то одговарајуће име домена, а затим посетите тај сајт.
(Гледалац поставља питање - нечујан)
Први? Први ниво је обично заправо само рачунар кеш сама.
Ваш врста компјутер памти последњи пут када сте отишли ​​на ввв.гоогле.цом
То је у овом ИП адресу, а затим после неког времена, да ће кеш истећи,
и она ће тражити као Цомцаст ДНС,
"Хеј, шта је ввв.гоогле.цом?"
Нормално, када купите име домена и да региструјете једну, а ви подесили сајт,
не можете ићи на тај сајт одмах са тим именом домена, јер сервери имена
широм света не знају за име домена увек. То мора да попуните.
Обично је потребно око 24-48 сати.
У реду. Дакле, то је нешто о именима домена. Они су веома кул.
Мислим да треба да се један, ако сте озбиљни о пројекту
а ако заиста желите да ваш пројекат познат широм кампуса,
има име домена чини да изгледа заиста професионално.
>> Онда следећи корак, наравно, јесте да имају неку врсту хостинг.
Уколико га домаћин на свом рачунару, нико никада неће моћи да иде на њега.
Ви потенцијално могао подесити сервер на вашем рачунару и држите рачунар заувек,
али то се не препоручује.
Постоје различите врсте хостинг доступан на мрежи.
Ту је схаред хостинг. Има ВПН (неразумљиво) који су виртуелни домаћини.
Постоји полу-посвећен и посвећена.
Од последње 3, ВПН, полу-посвећени, и посвећени су обично скупљи.
Се обично користе за веб сајтове који захтевају више средстава.
Ако сте тек почиње оут са сајта,
то само може бити економичније да иде са дељеног хостинга.
А шта значи дели је само гомила сајтова су сви заједно
некако на једном серверу на овом сајту на овом серверу домаћина, а можете да приступите свом сајту
преко домена.
>> Постоји много популарних домаћина тамо.
ХостГатор и ДреамХост - то су веома, веома велики и веома, веома популаран
и веома, веома успешна.
Ја користим један под називом МДДХостинг.
Ако одете у ввв.мддхостинг.цом, то је мој домаћин избора.
Мислим да су веома добри.
Они су одувек били веома поуздани, а ја никада нисам имао никаквих проблема са њима.
Они такође имају веома конкурентне цене.
Два да ја не волим су ГоДадди - то је такође веома популаран домаћин,
али ја сам имао страшне искуства са њима,
и много људи које знам да су заиста страшне искуства са њима.
Они некако иду после људи који не знају шта раде -
Можда правите сајт по први пут,
и тако су на неки начин их допринесе у куповину истог хостинг пакет.
Немој то да радиш. Немојте пасти за то. Иди траже друге хостинг пакета који заиста одговара вашим потребама.
А друга је - постоје бесплатне домаћини тамо.
Постоје сајтови који ће бити домаћин свој сајт за бесплатно -
понекад стављањем огласа на вашем сајту,
понекад тако што сте учествовали у њиховим форумима,
али понекад једноставно и бесплатно.
Али, будите опрезни са слободним домаћинима, јер многи од њих заправо само иду без посла
после неколико месеци. Једноставно не могу да држе корак са трошковима.
Остали су само веома непоуздани, и ваш сајт ће увек бити доле,
а ви не желите да се то деси.
>> Сваки домаћин ће понудити своју контролну таблу.
Приметимо да за свој апарат, заиста није контролни панел по себи.
Морате да користите терминал да иде и измените фајлове.
Морате цхмод ствари сами.
Ако сте желели да иду у пхпМиАдмин,
морате да одете на @ лоцалхост / пхпмиадмин и такве ствари.
Али са контролне табле можете ићи у и измените датотеке на свом серверу
са Виндовс Екплорер или Финдер-тип апликације.
Или можете да одете и погледате кроз своје базе података са својим алатом
уместо пхпМиАдмин.
Дакле, постоји много избора овде, а неке од популарних цонтрол панела су тамо.
Али, ако сте у потрази за домаћина,
онда ћете можда желети да погледате шта врсте прилагођавања и опција
они нуде ми да прилагодите свој сервер и да мој сајт покренути боље.
Дакле, онда можете питати, "Па, како да изаберете хостинг?"
Ако одете на било који сајт домаћина има пуно жаргон, и има много опција.
Постоји много различитих цена.
Обично идем за оне јефтиније само зато сајтова да можда и ја направити -
а поготово сада, поготово што почетнике - они не морају као много ресурса
као што би сајт као Мицрософт.цом.
>> Прво желите да погледате на оперативни систем, ако сте заиста занима да ли је
Ваш сајт ће бити домаћин на Линук, на Виндовс, Мац или.
Обично само идите са Линуком, јер то је обично најјефтинији,
као и онај који можда сте више упознати са због апарата.
А онда, можда ће ставити нека ограничења на количину података које добијате -
свиђа колико мегабајта или гигабајта података, корисници могу преузети
са вашег сајта месечно? Или простора на диску.
Колико простора ти? Да ли је то 500 МБ? Да ли је 2 ГБ? Да ли је неограничено?
Данас, много веб сервера вам дати неограничен простор на диску као начин за њих
да примами да добију хостинг пакет.
Али ако стварно мислите о томе, када се ти икада требати неограничен простор на диску?
Ако имате неколико ХТМЛ фајлова, неколико ПХП, неколико слика -
то је само пар мегабајта, и тако
Обично сам само идите на вредности можда и неколико гигабајта простора,
и то може бити довољно да ме кренути док не треба више.
>> На крају, они могу ставити ограничења на какву - колико базе података можете да имате.
Можда можете имати само 1 базу података. Можда можете имати 2. Можда можете да имате 10.
Да ли је заиста важно за вас колико сте добили?
Ствари које треба да поставите себи.
И на крају, само ствари као језика.
Да ли они подржавају ПХП? Да ли они подржавају МиСКЛ?
Већина хостинг сајтова не подржавају ово јер су ослобођена. Они су отвореног кода.
Их не кошта ништа да се обезбеди ово за тебе.
Али, ако желите да користите, рецимо, рубин или Питхон или неку од ових других језика -
они не могу да га подрже на њиховом серверу, тако да је важно да се траже такве ствари.
>> И на крају, они вам омогућавају да урадите неке напредније ствари као што је ССЛ или Црон Јобс?
ССЛ је опција где можете направити свој сајт сигурнијим тако да што ХТТПС
и шифровање везе.
И црон послови су само можда скрипте које желите да покренете
сваких 5 минута, сваких 10 минута, сваких 15.
Много схаред хостинг сајтова не ставља ограничења
о броју Црон Јобс који можете да покренете јер да заузима више ресурса.
>> И на крају, само све остало што желите да погледате - проверите шта се дешава
пре него што купите хостинг пакет.
И на крају, перформансе. Перформансе је огромна.
Колико брзо се мој сајт ће да ради?
Већина корисника неће чекати чак секунди за свој сајт да ради
пре него што се само досадно, и они иду на МеанБасе и почети гледа слике
мачака - ви знате да се деси, а желите да се уверите да вам тај корисник на броду
и да имају добар уптиме што само значи да
Ваш сајт ће бити доступан у сваком тренутку.
Многи домаћини су заиста лоше време рада и то само значи да је ваш сајт неће бити
доступан, а ви не желите да се то деси јер можда бити тужан.
А можете да пратите учинак вашег сервера са сајтова као што су
Пингдом.цом или хост-трацкер.цом, а они само да вам кажем колико често је ваш сајт доле.
>> И на крају, желите да видите о подршци.
Ако имате проблема ће они да одговоре у року од 24 сата?
Да ли ће да одговори у року од 48 сати?
Хостинг сервис који ја обично користим одговара ми за неколико минута
што је заиста лепо.
Уф! У реду! То је време за паузу. Али нећу да ти га дам.
Само ћемо погледати слике слатких мачака сваки сада и онда.
>> Још једна заиста, заиста велика ствар је цросс-бровсер компатибилност.
Шта мислим по цросс-бровсер компатибилност?
Знате, данас то није само Мицрософт Интернет Екплорер.
То није само Мозилла Фирефок или Сафари.
Сада имамо Цхроме. Имамо Опера. Имамо Делфин. Имамо Цамино.
Имамо Освајача. Имамо све ове различите претраживаче.
Ствари које излазе сада - РоцкМелт - мада они су базирани на хрома.
Али, чињеница је, не постоји више само један претраживач.
Не само да прегледате ове веб странице са једне апликације.
И тако, различити претраживачи ће одговорити на различите ХТМЛ, ЦСС другачије, и
другачији ЈаваСцрипт другачије, и како се носите са тим?
Па, у одређеним случајевима, заиста не могу.
Ваш сајт - ако се то ради у једном претраживачу, код који сте написали неће радити
у другом претраживачу, а то је ваш посао да се уверите да код који пишете
универзална, да је то свуда ради.
Дакле, ово је заиста опасно.
Ако кажете: "Па, то ради на мом компјутеру Сјајно! Идемо даље.".
Па, вероватно се неће радити на моје, и када одем на свој сајт
Ја ћу бити веома тужан, а ја ћу да одем одмах.
Дакле, хајде да видимо како се то може спречити.
>> Прва ствар, наравно, јесте да користите само стандардне ХТМЛ, ЦСС и ЈаваСцрипт.
Шта хоћу да кажем?
Па, постоји много ствари које не стандардних тамо.
На пример, у ЦСС-у постоји много верзија.
Ако видите неке ЦСС правила са-моз-или-ВебКит-, та правила су специфични
на оба претраживача Мозилла и ВебКит претраживача,
и тако желите да се уверите да можда желите да избегнете те ствари
јер ако користите-моз-да правило само ће радити на Фирефок.
А ако заиста желите да изгледате добро на Интернет Екплорер, такође,
ћеш бити среће.
За ХТМЛ, такође, можете да радите ствари у ХТМЛ-у који раде на једном претраживачу
али да су прекиди у други, а желите да избегнете да што је више могуће.
И на крају, чак и за ЈаваСцрипт - постоји много верзија ЈаваСцрипт,
и овог лета смо наишли на проблем - где Доцумент.гетЕлементсБиЦлассНаме-
што је обично функција која је дефинисана као део ЈаваСцрипт стандарда -
није био да се пронађе у Интернет Екплорер 8.
Дакле, преко лета сам радио у лабораторији, а ми смо градили на мрежи експерименте.
А ми смо мислили да је радио веома добро док нисмо схватили да су корисници коришћењем
Интернет Екплорер 8 не може да поднесе своје резултате.
Смо пропуштате много података. То нас је заиста тужно.
Дакле, увек желите да се уверите да су ваши скрипте ће се свуда ради.
>> И на крају, употребите валидатор.в3.орг
што је оно што вам кажем да у псет 7.
Уверите се да су проверене ваше странице.
То је важно, јер је то најмање први корак разум чек.
Да ли је мој број заправо стандардима усклађен?
Још један начин да се некако помоћи да се уверите да ваш сајт ће радити
у већини случајева је да можда користе неке библиотеке и оквире
јер ти заиста паметни програмери су размишљали о овим питањима за вас.
Отишли ​​су кроз и они писани различите функције које раде преко претраживача.
На пример, ми користимо јКуери у Псет 7.
Чак и ако не може да га види, јКуери пружа много функција
који иначе морали да се напише.
Али ови програмери то написао, и они су сигурни да то ради у свим прегледачима.
И Боотстрап - што је још један ЦСС оквир који смо вам показали у Псет 7 -
је заиста уклања много главобоље са дизајнирању сајтова који изгледају добро.
у свим прегледачима.
>> И на крају, ако можете да га избегнете, ја обично избегавају кодирање од нуле.
Ако само правите сајт за своју школу клуба, на пример,
и све што треба да урадите је да прикаже неколико страница, а можда се ваш председник ићи у
и промени пар ствари овде и тамо - стварно нема потребе да се то код себе горе.
За то је потребно много времена.
Потребно је много своје енергије, а ви морате да прође кроз и морате да сазнате,
добро, то ће се изгледа добро у овом претраживачу, је ли ће изгледати добро у овом претраживачу.
Можда користите неке од тих закрпа које су други већ написао за вас, као и
ВордПресс или Јоомла или Друпал.
То се зове садржај - то се зове ЦМСС који су у основи само пакете који
Већ се уради за вас, а можете их преузети, ставите их на сервер,
и прилагодите их како год желите, а ви већ имате покренут сајт.
Ови пакети су код нешто да изгледа да у.
Ове ствари су опен соурце, осим ако идете за тако нешто -
Ако сте у потрази за облик пакета, постоје ствари које нису слободни као
ВБуллетин и ЕКС.
Ако вам не треба неки од тих напредних могућности,
увек можете одлучити за слободан опцију.
>> И на крају, нема га избегава.
Морате да мерите, тест, тест.
Морате да тестирате свој код на свим овим претраживачима и на свим овим платформама.
И знате, ИЕ6 - хвала богу људи су почели удаљава од ИЕ6
јер је у њихово време, можда пре неколико година, веб програмери су морали да увек, увек,
увек подстицати ИЕ6 слабости на следећим стандарда.
Сајтови само изгледао некако 1990 у недостатку бољег начина да се носе са њом.
Такође можете да користите сцреенсхот претраживача Провери ЦСС.
Један сајт је заиста кул бровсерлаб.адобе.цом.
То је бесплатан сервис угаси Адобе.
И оно што они раде је да могу узети сцреенсхот на Вашем сајту
ради под различитим условима - као ради под различитим прегледачима,
ради под различитим платформама - и показати вам како изгледају.
Само да вам покажем шта сам овде да кажем, направили сајт прошле године зове живот на Харварду,
и оно што сам покушао да урадим - Покушао сам да ми.харвард боље.
Јер, ако сте били овде прошле године, ми.харвард није изгледао као што сада изгледа.
То изгледа некако одвратно.
Али сада изгледа много боље.
Моја имплементација није била толико корисна више, али свеједно,
знате, покушао сам да додам - ​​(неразумљиво) много шта год -
и изгледа - изгледа веома добро на мом компјутеру.
А онда, можда да сам имао више времена да бих отишао на прегледача лабораторију,
и ја бих погледао, па, како то изгледа у Цхроме 18 на Виндовс.
Ја бих идите доле па ћу видети - О, не! Погледајте најаве кутију.
Мој текст је био препун. Дакле, то је лоше, зар не?
Уколико корисник користи Цхроме на Виндовс и долази на мој сајт,
да одмах изгледа врло непрофесионално.
Дакле, ја треба да одем у ЦСС и сазнајте шта део мог ЦСС се овде прекида.
Зашто се не приказују исправно и то поправити, тако да сви корисници могу да виде исти веб сајт
и бити једнако срећни.
>> И на крају, добро, лепо бровсер сцреенсхотс су за тестирање вашег ЦСС,
али шта је ЈаваСцрипт?
Шта ако имате неки компликован сценарио који се ради?
Па, увек можете да урадите виртуализације.
Ако имате Мац можете да користите Боотцамп или ВМваре можда виртуелизација копију
Виндовс и тамо користите Интернет Екплорер.
Или, можете ићи на нешто попут Споон.нет, која нажалост ради само на рачунарима.
Али, оно што они раде је веома кул.
Они виртуелизација софтвер за вас тако да можете покренути различите верзије ИЕ, на пример.
Можете да покренете различите верзије Фирефок.
Можете да покренете различите верзије Сафари и да испробају све своје веб сајтове тамо.
Нажалост, они нису слободни.
То је плаћена услуга, тако да увек постоји нека врста ово -
Увек постоји нека врста ове трговине измедју, па ћу да мој сајт изгледа добро.
Ако је тако, можда ћу морати да платим за неке сервисе да ми помогне да урадим.
Сва питања у овом тренутку о свему томе смо разговарали?
Авесоме. Ок.
>> Сада имамо више о чему да причамо.
Шта мислите о грешкама?
Како да проверите да ли ваш сајт ће радити чак и када
нешто лоше деси?
Можда не постоји страница са именом фоод.пхп.
Али ја, ја идем на свој веб сајт и покушам да приступим фоод.пхп.
Да ли само ће да ми покаже да бели страницу на којој пише 404 - Филе нот фоунд?
Или ћеш рећи, "Па, жао ми је што нисам могао да нађем ово за тебе,
али можда ево неких ресурса који ће вам помоћи да тражите оно што вам је потребно. "
Остале грешке - па, то се зове ХТТП грешке које су само неки кодови грешке
да ваш сервер можда вратио на претраживачу у случају да се нешто лоше догодити.
400 - Бад Рекуест. 401 - Неовлашћено.
403 је некако уобичајено, када имате директоријум који не би требало да се приступи
од стране корисника, али корисник покуша да у сваком случају.
А 500 - Интернал Сервер Еррор - то се обично дешава када имате нешто
стварно лоше дешава са вашим ПХП кода.
Али у сваком случају, ова врста претраживача - такве грешке се дешавају.
>> Дакле, како да проверите да ли грациозно рукујете ове грешке
и уверите се да корисник није само висе ту?
Ево хтаццесс..
Сада, хтаццесс је нешто што ради на Апацхе серверима.,
нешто што ради и ради на пар других сервера и.
То је само начин на који можете да подесите свој сервер тако да
можете да га радите шта год желите то да урадите.
Неке ствари које можете да урадите. Можете да контролишете своја подешавања кеша.
Можда постоји одређена страна на вашем сајту да се уверите да је корисник
поново да преузмете сваки пут када корисник дође и посети ваш веб сајт.
Или можда имате неку УРЛ адресу која је као иоурсите.цом / тест / хтмл / пагес / хелло.хтмл
а ви само желите да се иоурнаме.цом / здраво - па, можете да користите хтаццесс.
да преусмери једну страну на другу.
Можете да га користите и да аутентикацију.
Можда постоје неки делови вашег сајта које треба да користите другу лозинку.
Можете да блокирате одређене ИП адресе, блокира одређене домене.
Можда заиста не воле Харвардоваца користећи свој сајт.
Па, имате опцију да блокира све Харварда ИП адресе.
>> Коначно, можете третирати ствари - можете да напишете неки код да би ваш сервер
третирају као хелло страницама или Зхао.. ваше име или. као ПХП кода.
Можда ће бити корисно. Можда то неће бити.
И на крају, можете да га користите за руковање одговоре грешке.
Шта хоћу да кажем?
Ако додате само код овако - ЕррорДоцумент 404 и онда их усмерити на неке
грешка страна, можете бити сигурни да је корисник не само види стварно, заиста ружно
404 и показати им нешто лепо.
>> Хајде да ствари погледамо како то можемо да урадимо са Псет 7.
Ево, ја сам у свом уређају.
Ја ћу да отворим Цхроме, а онда ћу покушати да се страница
који не постоји на ЦС50 финансија.
Дакле, локални хост - цатс.пхп--тако, приметио да сам направио грешку документ
да каже, "не пронађе Цанз З!"
Она има веома тужну мачку о томе.
Ако одете на Твиттер-у, ако идете на било који од ових других сајтова,
Ви не можете да пронађете страницу, они обично покушавају да вам покажем слику слатка
тако да нисте превише разочарани.
Такође је могуће да нешто што је више професионално да каже,
Па, жао ми је што нисам могао наћи страницу, али можда ево сеарцх бок.
Или можда ево неколико линкова који ће вам помоћи да пронађете везу коју желите.
Дакле, како сам урадио ово? Како је то уопште могуће?
Ако идемо у наш терминал овде -
Само ћу да зумирате мало -
приметити да имам нову страницу.
Инсиде Ми ХТМЛ директоријум зове се - не можете га видети -
то се зове еррор.пхп.
И еррор.пхп је само фајл који сам направио
који показује да саме стране.
Могу да вам покажем шта је еррор.пхп.
Управо је ова страница.
Он каже, "О, не Цанз! Не пронађе З!"
А, ако желите да видите - тако, приметићете да хтаццесс врста је чудно име..
Она почиње тачком, што значи да је систем датотека.
То је скривени фајл који се не приказује нормално.
Ако не лс-, можете да видите све скривене фајлове у одређеном директоријуму,
и заиста, ви видите хтаццесс је један од њих..
Идемо напред и отвори. Хтаццесс -
са гедит -
Бум! Све што имам је једна линија унутра - Грешка документ за грешке 404
који су такође познат као филе-не-наћи грешака.
Хајде да их преусмери на нешто што се зове еррор.пхп.
Можете имати забавне ствари као цанз не пронађе З!
А ту су и веома кул ствари које можете да урадите са хтаццесс..
Ако желите да видите више. Хтаццесс магија,
Ово је веома кул сајт да иде - то се зове јавасцрипткит.цом/ховто/хтаццесс.схтмл--
Ако желите да извршите више магију сервера. И то може бити веома забавно.
>> Уф! У реду! Више слика цуте.
То је момак ради склекове, а његова мачка покушава да помогне. Мислим да је веома сладак.
Нажалост, ја немам такву мачку.
У реду. Дакле, ми смо разговарали о хтаццесс..
Говорили смо о грешци руковање.
Говорили смо о хостинг, домен имена.
Говорили смо о цросс-бровсер компатибилност.
Сада како да проверите да ли ваш сајт заправо обавља?
Како смо се уверили да ако одем на свој сајт
Ја могу да видим страницу у року од неколико секунди?
Једна од ствари које мислим да људи једноставно некако заборави
је оптимизација слика.
Рецимо да желите да ставите слику на вашем сајту
и то је велика 2. МГ.
То би могло бити добро за нас, јер смо на Харварду,
и имамо веома брзу Интернет везу.
Али замислите некога у Кини. Замислите некога у Индији.
Замислите некога можда у руралном Канзасу, који можда нема исту врсту
широкопојасни интернет који имамо.
Ако имате 2 МБ слику на вашем сајту и корисника покушава да приступи,
то ће им требати заиста много времена за преузимање.
Дакле, ако вам не треба такве резолуције,
онда можете да промените величину слике са нечим као што је Адобе Пхото Схоп.
Обично постоји опција зове безбедан за веб и уређаја,
и оно што ради је да се скида све непотребне информације
и врста компактних вашу датотеку на мале величине слике, тако да можете
стави га на свој сајт, а сваки корисник који покушава да преузмете ту страницу
ће преузети мању верзију слике.
Уколико немате Адобе Пхото Схоп
вебресизер.цом је такође још један ресурс, где можете унети свој имиџ
и то ће испљунути потпуно исту слику,
али то ће бити нешто као 3 пута мање.
Дакле, то је врло корисно за своје кориснике.
>> Још једна ствар коју можете да урадите је умањити број.
Уколико погледамо Гоогле.цом,
видећете да није реч о истом ХТМЛ и ЦСС који смо навикли.
Само ћемо да погледамо изворни код овде.
Ако само идите доле - Вау, то изгледа прилично одвратно.
То ће добити нулу на стил.
Ако сте кодирани за ово Псет, добићете нула на вашем стилу.
Ово нема размака. Имена изгледају заиста загонетан.
Све је стварно одвратно.
И скрипта да се затвори у телу - ХТМЛ затварања -
они су сви заједно - сви смусхед заједно.
Зашто су то урадили?
Они минифиед свој код.
Обратите пажњу да је овај документ ће бити много мањи
за мене да преузмете него нешто са белом простору,
него нешто са дугих имена променљивих.
Ако умањити своју шифру траку из све белине.
Наравно, ваш бровсер не занима ме да ли имате бели простор у вашем коду.
Можете скинути га, сад могу преузети мању датотеку -
сада фајл - документ који ћемо да преузмете има мању величину фајла,
то ће бити бржи за мене да преузмете, а то је корисно.
Ако радите са сајтовима и ви покретање сајт,
то је скоро увек добро да се умањити свој код.
Још један разлог зашто би било добро можда не желите да користите други код.
Можда не желите да користите други ЦСС.
Ви знате да ли заиста жели да буде шкрт са тим,
онда можете умањити свој код, и било би теже да га украде
јер немам појма шта се дешава.
Такође можете ићи на сајтовима као што је минифи.авиво.си.
Услуге као што је овај на мрежи помоћи да умањити свој код, тако да не морате то да радите ручно.
Дефинитивно не ради то ручно.
>> Ок. Сада говоримо о скрипте.
Можда у вашем ПХП коду постоји нешто што не треба да раде.
Можда има ектра кругова у тамо.
Разговарали смо о томе код дизајна у ЦС50.
Чак и ако сте кодирање у Ц ако имате - ако радите додатни посао
да не морате да урадите, добро, то ће успорити ваше скрипте на свом сајту,
а ово је посебно важно за веб сајтове, јер корисници данас су веома нестрпљиви.
Ако радите непотребан посао, то ће их више
да дођете до информација које желе, а они ће бити веома несрећан.
На крају, можда ћете желети да оптимизујете табеле базе података.
Сећам се да смо разговарали о индексима.
Они нису само добри за то да имате ред који је јединствен.
Они су такође добри за то да ваша база података ради брзо.
Ако желите да прочитате горе на који иду на МиСКЛ документацији,
или можете да погледате - Па, како да оптимизујем свој табелу базе података?
Како да проверите да ли имам индексе који ће ми помоћи да дођете до информације брже?
>> Постоје мали трикови које можете да користите као кеширање.
Ако имате ПХП - ако имате блог, на пример,
и ви имате - а то је на основу ПХП или било ког другог језика -
можете да кешира свој блог на рецимо 50-минутним интервалима, тако да може да служи статичне странице
или статички ХТМЛ посетиоцима вашег сајта.
На тај начин корисници не морају да покренете свој ПХП скрипт сваки пут,
и да ће можда бити брже за њих да приступите ту информацију.
>> И на крају, можете да користите нешто као ЦДН.
Обратите пажњу да сваки пут када преузмете Псет,
увек иду у ЦДН.ЦС50.нет. Зашто је то тако?
ЦС50 такође користи нешто као ЦДН - садржаја дистрибутивну мрежу -
што само значи да је то гомила сервера можда негде око света
да помогне служе своје странице за ваше посетиоце.
Ако је ваш посетилац добија страницу са сервера који је географски ближе њима,
онда највероватније ваш посетилац ће добити тај фајл много брже.
Ту су и извори на мрежи који ће вам помоћи да урадите.
Један од њих је ЦлоудФларе. Они нуде бесплатну услугу ЦДН.
Ако имате велике датотеке које ваш служе својим корисницима,
онда је можда боље да их стави на ЦДН тако да они могу доћи до њих брже.
>> Коначна тема за данас је Сеарцх Енгине Оптимизатион.
Шта је Сеарцх Енгине Оптимизатион?
То је да се уверите да претраживачима попут Гоогле или Бинг или Иахоо
може да иде на свој сајт и попишемо сајт и индексира ваш сајт и када
Ја, на пример, идите на Гоогле.цом и ја покушати да тражи нешто,
онда ваш сајт ће се појавити.
Како да проверите да ли ваш сајт је један од првих 10?
Јер, као што сви знамо, ако тражите нешто на Гоогле-у
и није у топ 10 ви вероватно неће гледати у наредних 10.
То је врста теми која је обавијено велом мистерије.
Има много ентузијазму тамо на Интернету.
Постоји много сујеверја мислите да урадите к Гоогле ће вам се свиђа боље.
Ако не г Гоогле ће вам се свиђа боље.
Вероватно је боље да погледамо у себе гигант претраге документима.
>> Ово је један од докумената на Гоогле-у да вам кажем тачно како да оптимизујете свој сајт
тако да Гоогле може да приступи, а индекс је веома лепо.
Не морате да копирате овај доле УРЛ јер презентација ће
бити онлине у сваком случају.
Ако погледате ово и читате ово постоје врло корисни савети у тамо.
Гоогле вам говори - ако заиста желите да ваш сајт буде добро индексиран
онда би требало да урадите све ове ствари.
>> Још једна ствар која претраживачи заиста свиђа је свеж садржај.
Ако имате садржај који се редовно ажурира веома
онда претраживачи кажу, ох, ја волим свој сајт.
Ја ћу да идем на ваш сајт често.
Идем да индекс доста својих страница.
Ако имате свеже садржаја онда сте вероватно да се појави -
сте више вероватно да ће бити више релевантан.
Ви сте више вероватно да ће бити више ажурира,
и претраживачи су више вероватно да ће ставити свој сајт изнад осталих.
>> Дубоке везе су такође важни.
Ако сте заиста желели да ваш сајт изгледа добро у очима претраживача
имају много других сајтова повезани са њим повезани и дубоко у ваш сајт.
Немојте само линк на своју почетну страницу.
Линк за можда иоурнаме.цом / несто / несто / сометхинг.пхп.
- То у претраживач - значи, вау, они имају заиста интересантан садржај
Да неко други повезује тако дубоко у њиховом сајту да бих стварно, стварно
стави већи значај на страницама тог сајта.
>> Ако имате тачне наслова страница, ако нема грешке то је добро, јер
Ако је претраживач покушава да посете ваш сајт, а то је добијање грешку,
вероватно ће одустати врло, врло брзо.
И на крају, желите да имате брзо време учитавања јер претраживача -
као људи - немојте имати много стрпљења за споре сајтовима.
То је начин на који можете да се уверите да сте појавити већи у
упите претраге мотора и надамо се тиме добијете више саобраћаја.
Јер на крају крајева, ви сте провели све време развија свој сајт.
Ти си провео све време пуштање ове веб странице на интернету.
Ви желите да се уверите да имате доста корисника који заиста видети ваш садржај.
>> Други добри извори за коришћење.
Гоогле Вебмастер Тоолс је нешто да се погледамо у.
То само помаже вам да видите - Гоогле не индексира свој сајт.
Које грешке је то наилази?
Колико страница је то индексиране?
Шта мислите да је најважнији садржај на мојој страни?
Можда то није оно што ја желим да буде.
Можда ћете морати да промените свој сајт мало таква да се то одражава боље
оно што је мој сајт је заиста о томе.
Гоогле Аналитицс је још једна кул алат.
Можете додати мало ЈаваСцрипт вашим страницама.
И онда после тога можете да одете на Гоогле Аналитицс, а то ће пратити
ваш посетилац демографије и ваш сајт раста.
То ће вам рећи тачно колико посетилаца посетити ваш сајт
у одређени дан, у одређеном часу, у одређеном недељу.
Колико посетиоци из Кине? Колико посетилаца из Антарктику -
Ви добијате на ваш сајт.
то би могло бити нешто занимљиво за погледати или чак може бити корисно
јер покушавате да циљате одређену групу.
Можда покушавате да циљате тинејџере са вашег сајта, а ви видите да
већина посетилаца вашег сајта су можда 30 - до 40-годишњака,
онда можда било да имате проблем, или само могу да кажем,
Па, можда само треба да промени фокус мог веб сајта, тако да
Ја се више фокусирају на тој старосној групи.
>> Гоогле Аппс - ако желите да имате неку врсту е-поште са вашег домена -
Можда нешто као иоурнаме@иоурнаме.цом--
можете да користите Гмаил адресе - можете да користите Гмаил сервиса
Гоогле Аппс је и један од начина да се то уради.
Можете да подесите одређене адресе е-поште које су специфичне за ваше име домена
уместо тога оф@гмаил.цом.
>> И на крају, постоје веб девелопер екстензије и додаци - за Цхроме,
за Фирефок, за друге претраживаче - који вам омогућавају да иде у инспекцију и
ЦСС, ЈаваСцрипт прегледати, видети шта није у реду са вашим ЈаваСцрипт скрипте,
и можда ће то бити од користи за ваше де гњави сврхе, за вас проналажење -
добро, зашто се мој сајт не приказује исправно у овом прегледачу?
>> И на крају, ако сте желели да сазнате више о свим овим темама -
Ако сте желели да сазнате више о ХТМЛ и ЦСС и ЈаваСцрипт -
јер на крају крајева, ми смо само ти учио мало -
можете ићи сајтове као што В3Сцхоолс.цом да траже више средстава.
Они имају веома лепе туторијале о томе како да то урадим к, или шта год да значи?
Ако сте желели да сазнате више о овим језика можете једноставно да овде иде.
>> У реду. Мислим да сам желео да одем последњих неколико минута за ово питања,
тако да постоје било каква питања о свему што смо причали?
[Гледалац] Какве ствари су на в3сцхоолс и како је то покривено?
[Иуецхен Зхао] Какве ствари?
Дакле, једна од веома највећих ствари које ја користим доста је своје референце.
Њихов референце детаљ, на пример, за ЦСС -
шта то значи, или ако желите да промените позадину странице -
како ви то радите?
Који прегледачи подржавају ту команду? Такве ствари.
И онда они само имају веома лепе туторијала на ХТМЛ-у, на ПХП, ЈаваСцрипт-у,
на МиСКЛ, на све врсте различитих тема.
Имају лепе упутства. Они уче како да раде ствари.
Лепо је бити у могућности да иду и науче више о овим темама.
>> [Гледалац] ХТМЛ 5 још увек није компатибилан са свим претраживачима тамо.
Да ли би препоручио само боравак далеко од ње због проблема са компатибилношћу?
Како се носите са тим?
[Иуецхен Зхао] Да, тако, питање је ХТМЛ5 је још увек беба стандард.
То стварно није подржан од стране много претраживача, тако да би требало да га избегавају?
Мислим да сам прошле године био би велики заговорник, хајде да избегавају ХТМЛ5
јер је још увек - и даље је веома ново и, у ствари, ХТМЛ5 стандард
још није завршен.
И тако, заиста нема ХТМЛ5 стандард.
Али мислим, посебно ако сте сада пројектовање сајт,
можда би било боље да одеш са ХТМЛ5, јер је то на неки начин ће бити будућност,
а ако желите да ваш сајт буде окренут будућности и желите да ваш сајт да раде
у будућим прегледачима, можда би било боље да се почне нешто капацитета за будућност
него у прошлости, као и само због чињенице да ХТМЛ5 заиста није тако различит
из ХТМЛ4 или КСХТМЛ.
Ако користите ХТМЛ5, нормално ће радити у већини прегледача.
Потребно је само да некако иде у и уверите се са овим снимцима
и уверивши се дешава са овим сајтовима себе.
Али највероватније ће радити ако користите веома специфичне карактеристике у ХТМЛ5.
Приметимо такође да је за ЦС50 - на пример, за видео плејера који користимо -
користи ХТМЛ5 и ХТМЛ5 видео приказ предавања.
Али, ако имате заиста стари прегледач, онда ће пасти назад на флеш.
Дакле, то је такође нешто друго -
имају пад-назад систем када једноставно знате да претраживач не иде за руковање
шта желите да рукује.
>> Остала питања?
Све што смо причали.
У реду. Онда мислим да је о томе за мене.
Ја мислим да је то.
(Аплауз)
Цоол.
[ЦС50.ТВ]