1 00:00:00,000 --> 00:00:02,000 [Powered by Google Translate] [Семинар] [Припрема за Веб сајт] 2 00:00:02,000 --> 00:00:05,000 [Иуецхен Зхао] [Универзитет Харвард] 3 00:00:05,000 --> 00:00:07,000 [Ово је ЦС50.] [ЦС50.ТВ] 4 00:00:07,000 --> 00:00:11,660 >> Ок. Ево још сат веб развоја Ако ви за њу. 5 00:00:11,660 --> 00:00:16,290 Данас ћу говорити о припрема свој сајт на Интернету. 6 00:00:16,290 --> 00:00:20,260 Цео дан - и вероватно за последње 2 недеље - 7 00:00:20,260 --> 00:00:22,240 смо говорили о томе како да направите сајт, 8 00:00:22,240 --> 00:00:24,880 како да користите ХТМЛ, како да користе ПХП, како да користи оквире, 9 00:00:24,880 --> 00:00:29,420 како да се уверите да можете да интеракцију са базом података - такве ствари. 10 00:00:29,420 --> 00:00:34,830 Али данас, ми ћемо говорити о томе где је ваш сајт ће живети после ЦС50. 11 00:00:34,830 --> 00:00:40,010 Јер на крају крајева, не дешава ЦС50 прошлост децембра. 12 00:00:40,010 --> 00:00:42,090 Ми ћемо да говоримо о именима домена, хостинг. 13 00:00:42,090 --> 00:00:44,790 Ми ћемо да причамо о томе шта цросс-бровсер компатибилност 14 00:00:44,790 --> 00:00:49,540 и цросс-платформ компатибилност су, и како можете да проверите да ли ваш сајт 15 00:00:49,540 --> 00:00:51,610 ће да ради под свим условима. 16 00:00:51,610 --> 00:00:54,330 Причаћемо о еррор хандлинг и други сервер магије. 17 00:00:54,330 --> 00:00:57,890 Говоримо о оптимизацију перформанси, Сеарцх Енгине Оптимизатион, 18 00:00:57,890 --> 00:01:00,310 и како да се људи заправо посетите веб сајтове. 19 00:01:00,310 --> 00:01:05,960 И на крају, само неке добре ресурсе да се уверите да ви имате довољно оних 20 00:01:05,960 --> 00:01:09,680 да престанете са завршног пројекта, и надамо се после. 21 00:01:09,680 --> 00:01:13,120 >> Прва ствар коју ћемо да разговарамо је имена домена. 22 00:01:13,120 --> 00:01:18,020 Сада сте у вашем апарату програмирање, идете на локалном серверу 23 00:01:18,020 --> 00:01:20,360 што заправо није име домена. 24 00:01:20,360 --> 00:01:26,370 То је врста само надимак или псеудоним за стварне инсталације Линук 25 00:01:26,370 --> 00:01:31,150 унутар или ВМваре на Мац или ВМваре Плаиер на рачунару. 26 00:01:31,150 --> 00:01:36,510 Имена домена омогућити да стави сајт на Интернету, а затим идите на овако нешто 27 00:01:36,510 --> 00:01:39,400 ввв.гоогле.цом и добити на сајту. 28 00:01:39,400 --> 00:01:41,500 Како раде? 29 00:01:41,500 --> 00:01:43,390 Рецимо да си само просек веб сервер - 30 00:01:43,390 --> 00:01:50,080 Просечна веб сурфера и имате лаптоп, а ви идите на ввв.ховстуффворкс.цом. 31 00:01:50,080 --> 00:01:52,570 Вероватно да видим где сам украо од. 32 00:01:52,570 --> 00:01:57,300 Како ствари радови - ваш рачунар ће питати локални ДНС сервер, 33 00:01:57,300 --> 00:01:59,300 "Да ли знате где је ово сајт?" 34 00:01:59,300 --> 00:02:02,200 "Да ли знате ИП адресу ввв.ховстуффворкс.цом?" 35 00:02:02,200 --> 00:02:05,580 Ваша ДНС сервер може рећи: "Да, сећам се." 36 00:02:05,580 --> 00:02:09,139 У том случају, добијате ИП адресу, а ваш рачунар приступа ту ИП адресу. 37 00:02:09,139 --> 00:02:15,050 Ако се то не деси, она тражи други ДНС сервер, "Хеј! Да ли знате шта је ввв.ховстуффворкс.цом?" 38 00:02:15,050 --> 00:02:17,670 Тај сервер може рећи: "Да, сећам се." 39 00:02:17,670 --> 00:02:22,500 Дакле, то говори онај други, који је, и коначно, да информације се прослеђују на рачунар, 40 00:02:22,500 --> 00:02:24,680 и можете да приступите ховстуффворкс.цом. 41 00:02:24,680 --> 00:02:27,540 >> Како можете добити један од ових магијских ствари? 42 00:02:27,540 --> 00:02:32,940 Како можете добити можда ввв.иоурнаме.цом или ввв.иловецатс.цом? 43 00:02:32,940 --> 00:02:35,350 Можете се регистровати за једну, 44 00:02:35,350 --> 00:02:38,280 и постоји много сајтова тамо који омогућавају вам да то урадите. 45 00:02:38,280 --> 00:02:41,420 Морате - у већини случајева морате да платите за њих. 46 00:02:41,420 --> 00:02:43,890 Постоје одређене имена домена који су бесплатни. 47 00:02:43,890 --> 00:02:50,900 Ако одете на ввв.цо.цц или. Ткдомаиннамес, они су слободни. 48 00:02:50,900 --> 00:02:56,500 Али, они не долазе са одређеним ограничењима, а у ствари, неке од њих можда неће ни бити 49 00:02:56,500 --> 00:03:00,540 реалне, топ-левел домена попут цом или нет... 50 00:03:00,540 --> 00:03:03,300 Нормално Предложио бих иде за једну од њих 51 00:03:03,300 --> 00:03:07,060 јер корисници су само са онима удобније. 52 00:03:07,060 --> 00:03:10,070 Видели сте много позив.. Видели сте много мрежа.. 53 00:03:10,070 --> 00:03:13,790 Вероватно сте видели није много цо.цц. 'А, тако да они теже да се сетим. 54 00:03:13,790 --> 00:03:18,900 Различитих сајтова као што су ГоДадди или НамеЦхеап или - ја сам онај који је 55 00:03:18,900 --> 00:03:21,550 некако непотпуни - ацтиведомаин.цом тзв. 56 00:03:21,550 --> 00:03:24,160 Изгледа стварно ретко, али је радила јако добро за мене. 57 00:03:24,160 --> 00:03:27,810 >> И на крају, имате друге да можда то више реклама као Нетворк Солутионс. 58 00:03:27,810 --> 00:03:31,140 Али, ако се иде на НетворкСолутионс.цом и погледајте њихове цене 59 00:03:31,140 --> 00:03:34,070 то је заиста скупо. Гледао сам их синоћ. 60 00:03:34,070 --> 00:03:37,400 За годину дана од имена домена, вероватно не вреди толико новца. 61 00:03:37,400 --> 00:03:40,210 У ствари, ако сте добијање цом или орг.. Или нет. 62 00:03:40,210 --> 00:03:43,430 Уобичајена цена је око $ 10 годишње. 63 00:03:43,430 --> 00:03:48,710 Дакле, ако плаћате много више од тога, то је вероватно да се то не вреди 64 00:03:48,710 --> 00:03:52,440 јер, на крају крајева, ови сајтови не раде ништа са тим именом домена. 65 00:03:52,440 --> 00:03:58,270 Они су само да ти га дам, па ако можете га добити за јефтино, зашто да не? 66 00:03:58,270 --> 00:04:02,540 >> Друга ствар је када имате своје име домена, онда вероватно желите да 67 00:04:02,540 --> 00:04:08,610 иду на било Годадди.цом или где год сте купили ваше име домена 68 00:04:08,610 --> 00:04:11,220 и подесите ДНС сервере за тај домен. 69 00:04:11,220 --> 00:04:15,560 То значи да када корисник иде ввв.ховстуффворкс.цом, 70 00:04:15,560 --> 00:04:20,839 оне наме сервер ИП адресе су ИП адресе које ће бити у стању да се угледају. 71 00:04:20,839 --> 00:04:24,680 Они ће бити у могућности да приступите свом сајту преко тих сервера имена. 72 00:04:24,680 --> 00:04:26,830 Уколико се пријавите за хостинг негде 73 00:04:26,830 --> 00:04:31,210 онда ваш домаћин ће највероватније вам дати ДНС сервере да користе. 74 00:04:31,210 --> 00:04:34,210 >> И на крају, ту је ова ствар зове ВХОИС. 75 00:04:34,210 --> 00:04:38,890 ВХОИС база је база података са којима сте могли улаз име домена 76 00:04:38,890 --> 00:04:44,170 и то ће испљунути неке информације о власнику тог сајта и друге контакт информације. 77 00:04:44,170 --> 00:04:49,080 Сада, можете рећи: "Ја не желим своју кућну адресу, или ја не желим своју е-маил адресу 78 00:04:49,080 --> 00:04:54,010 на сајту за свако може да види или на Интернету за све да виде. " 79 00:04:54,010 --> 00:04:57,740 Онда ћете можда желети да користите нешто што је много хостинг услуге пружа - 80 00:04:57,740 --> 00:04:59,740 као ВХОИС менаџера. 81 00:04:59,740 --> 00:05:03,550 ВХОИС менаџер је само још један сервис који пружа много њих који 82 00:05:03,550 --> 00:05:07,700 крије и то да и даље само ставља у који је менаџер за име - 83 00:05:07,700 --> 00:05:13,070 за адресу обично је само да име компаније која је дао ово име домена - 84 00:05:13,070 --> 00:05:17,350 па онда ваши лични подаци се не процурела на Интернету, 85 00:05:17,350 --> 00:05:19,350 што је обично прилично добро. 86 00:05:19,350 --> 00:05:21,350 Ја лично користите неку од ових услуга. 87 00:05:21,350 --> 00:05:25,630 Ако не брига за своју приватност онда то није ни битно. 88 00:05:25,630 --> 00:05:32,490 >> ДНС сервер је скраћеница за Домаин Наме Систем, а шта је то - 89 00:05:32,490 --> 00:05:36,560 то је нешто као хеш табели негде да каже, 90 00:05:36,560 --> 00:05:42,320  "Овај сајт адреса ће мапирати на ову ИП адресу." И то је све што јесте. 91 00:05:42,320 --> 00:05:48,180 Дакле, једном када овај упит ДНС серверу, онда можете да добијете ИП адресе 92 00:05:48,180 --> 00:05:51,930 за то одговарајуће име домена, а затим посетите тај сајт. 93 00:05:51,930 --> 00:05:59,820 (Гледалац поставља питање - нечујан) 94 00:05:59,820 --> 00:06:07,910 Први? Први ниво је обично заправо само рачунар кеш сама. 95 00:06:07,910 --> 00:06:12,570 Ваш врста компјутер памти последњи пут када сте отишли ​​на ввв.гоогле.цом 96 00:06:12,570 --> 00:06:18,090 То је у овом ИП адресу, а затим после неког времена, да ће кеш истећи, 97 00:06:18,090 --> 00:06:23,560 и она ће тражити као Цомцаст ДНС, 98 00:06:23,560 --> 00:06:26,400 "Хеј, шта је ввв.гоогле.цом?" 99 00:06:26,400 --> 00:06:31,040 Нормално, када купите име домена и да региструјете једну, а ви подесили сајт, 100 00:06:31,040 --> 00:06:35,670 не можете ићи на тај сајт одмах са тим именом домена, јер сервери имена 101 00:06:35,670 --> 00:06:40,180 широм света не знају за име домена увек. То мора да попуните. 102 00:06:40,180 --> 00:06:43,220 Обично је потребно око 24-48 сати. 103 00:06:43,220 --> 00:06:48,460 У реду. Дакле, то је нешто о именима домена. Они су веома кул. 104 00:06:48,460 --> 00:06:51,540 Мислим да треба да се један, ако сте озбиљни о пројекту 105 00:06:51,540 --> 00:06:55,300 а ако заиста желите да ваш пројекат познат широм кампуса, 106 00:06:55,300 --> 00:06:58,050 има име домена чини да изгледа заиста професионално. 107 00:06:58,050 --> 00:07:01,510 >> Онда следећи корак, наравно, јесте да имају неку врсту хостинг. 108 00:07:01,510 --> 00:07:05,540 Уколико га домаћин на свом рачунару, нико никада неће моћи да иде на њега. 109 00:07:05,540 --> 00:07:09,110 Ви потенцијално могао подесити сервер на вашем рачунару и држите рачунар заувек, 110 00:07:09,110 --> 00:07:11,160 али то се не препоручује. 111 00:07:11,160 --> 00:07:14,000 Постоје различите врсте хостинг доступан на мрежи. 112 00:07:14,000 --> 00:07:21,870 Ту је схаред хостинг. Има ВПН (неразумљиво) који су виртуелни домаћини. 113 00:07:21,870 --> 00:07:23,870 Постоји полу-посвећен и посвећена. 114 00:07:23,870 --> 00:07:29,030 Од последње 3, ВПН, полу-посвећени, и посвећени су обично скупљи. 115 00:07:29,030 --> 00:07:32,660 Се обично користе за веб сајтове који захтевају више средстава. 116 00:07:32,660 --> 00:07:34,680 Ако сте тек почиње оут са сајта, 117 00:07:34,680 --> 00:07:40,670 то само може бити економичније да иде са дељеног хостинга. 118 00:07:40,670 --> 00:07:43,430 А шта значи дели је само гомила сајтова су сви заједно 119 00:07:43,430 --> 00:07:51,560 некако на једном серверу на овом сајту на овом серверу домаћина, а можете да приступите свом сајту 120 00:07:51,560 --> 00:07:53,660 преко домена. 121 00:07:53,660 --> 00:07:55,980 >> Постоји много популарних домаћина тамо. 122 00:07:55,980 --> 00:08:01,160 ХостГатор и ДреамХост - то су веома, веома велики и веома, веома популаран 123 00:08:01,160 --> 00:08:03,160 и веома, веома успешна. 124 00:08:03,160 --> 00:08:05,160 Ја користим један под називом МДДХостинг. 125 00:08:05,160 --> 00:08:08,240 Ако одете у ввв.мддхостинг.цом, то је мој домаћин избора. 126 00:08:08,240 --> 00:08:10,240 Мислим да су веома добри. 127 00:08:10,240 --> 00:08:14,550 Они су одувек били веома поуздани, а ја никада нисам имао никаквих проблема са њима. 128 00:08:14,550 --> 00:08:18,610 Они такође имају веома конкурентне цене. 129 00:08:18,610 --> 00:08:24,400 Два да ја не волим су ГоДадди - то је такође веома популаран домаћин, 130 00:08:24,400 --> 00:08:26,400 али ја сам имао страшне искуства са њима, 131 00:08:26,400 --> 00:08:29,430 и много људи које знам да су заиста страшне искуства са њима. 132 00:08:29,430 --> 00:08:32,150 Они некако иду после људи који не знају шта раде - 133 00:08:32,150 --> 00:08:34,150 Можда правите сајт по први пут, 134 00:08:34,150 --> 00:08:37,150 и тако су на неки начин их допринесе у куповину истог хостинг пакет. 135 00:08:37,150 --> 00:08:42,570 Немој то да радиш. Немојте пасти за то. Иди траже друге хостинг пакета који заиста одговара вашим потребама. 136 00:08:42,570 --> 00:08:44,880 А друга је - постоје бесплатне домаћини тамо. 137 00:08:44,880 --> 00:08:47,350 Постоје сајтови који ће бити домаћин свој сајт за бесплатно - 138 00:08:47,350 --> 00:08:49,350 понекад стављањем огласа на вашем сајту, 139 00:08:49,350 --> 00:08:52,290 понекад тако што сте учествовали у њиховим форумима, 140 00:08:52,290 --> 00:08:54,340 али понекад једноставно и бесплатно. 141 00:08:54,340 --> 00:09:00,000 Али, будите опрезни са слободним домаћинима, јер многи од њих заправо само иду без посла 142 00:09:00,000 --> 00:09:03,480 после неколико месеци. Једноставно не могу да држе корак са трошковима. 143 00:09:03,480 --> 00:09:07,460 Остали су само веома непоуздани, и ваш сајт ће увек бити доле, 144 00:09:07,460 --> 00:09:09,700 а ви не желите да се то деси. 145 00:09:09,700 --> 00:09:12,330 >> Сваки домаћин ће понудити своју контролну таблу. 146 00:09:12,330 --> 00:09:16,520 Приметимо да за свој апарат, заиста није контролни панел по себи. 147 00:09:16,520 --> 00:09:19,230 Морате да користите терминал да иде и измените фајлове. 148 00:09:19,230 --> 00:09:21,230 Морате цхмод ствари сами. 149 00:09:21,230 --> 00:09:24,770 Ако сте желели да иду у пхпМиАдмин, 150 00:09:24,770 --> 00:09:29,560 морате да одете на @ лоцалхост / пхпмиадмин и такве ствари. 151 00:09:29,560 --> 00:09:36,660 Али са контролне табле можете ићи у и измените датотеке на свом серверу 152 00:09:36,660 --> 00:09:40,350 са Виндовс Екплорер или Финдер-тип апликације. 153 00:09:40,350 --> 00:09:44,810 Или можете да одете и погледате кроз своје базе података са својим алатом 154 00:09:44,810 --> 00:09:47,280 уместо пхпМиАдмин. 155 00:09:47,280 --> 00:09:52,240 Дакле, постоји много избора овде, а неке од популарних цонтрол панела су тамо. 156 00:09:52,240 --> 00:09:54,240 Али, ако сте у потрази за домаћина, 157 00:09:54,240 --> 00:09:57,090 онда ћете можда желети да погледате шта врсте прилагођавања и опција 158 00:09:57,090 --> 00:10:02,810 они нуде ми да прилагодите свој сервер и да мој сајт покренути боље. 159 00:10:02,810 --> 00:10:07,110 Дакле, онда можете питати, "Па, како да изаберете хостинг?" 160 00:10:07,110 --> 00:10:11,460 Ако одете на било који сајт домаћина има пуно жаргон, и има много опција. 161 00:10:11,460 --> 00:10:14,470 Постоји много различитих цена. 162 00:10:14,470 --> 00:10:19,690 Обично идем за оне јефтиније само зато сајтова да можда и ја направити - 163 00:10:19,690 --> 00:10:23,520 а поготово сада, поготово што почетнике - они не морају као много ресурса 164 00:10:23,520 --> 00:10:26,770 као што би сајт као Мицрософт.цом. 165 00:10:26,770 --> 00:10:32,090 >> Прво желите да погледате на оперативни систем, ако сте заиста занима да ли је 166 00:10:32,090 --> 00:10:35,090 Ваш сајт ће бити домаћин на Линук, на Виндовс, Мац или. 167 00:10:35,090 --> 00:10:39,790 Обично само идите са Линуком, јер то је обично најјефтинији, 168 00:10:39,790 --> 00:10:43,730 као и онај који можда сте више упознати са због апарата. 169 00:10:43,730 --> 00:10:48,040 А онда, можда ће ставити нека ограничења на количину података које добијате - 170 00:10:48,040 --> 00:10:53,030 свиђа колико мегабајта или гигабајта података, корисници могу преузети 171 00:10:53,030 --> 00:10:55,470 са вашег сајта месечно? Или простора на диску. 172 00:10:55,470 --> 00:11:00,640 Колико простора ти? Да ли је то 500 МБ? Да ли је 2 ГБ? Да ли је неограничено? 173 00:11:00,640 --> 00:11:05,920 Данас, много веб сервера вам дати неограничен простор на диску као начин за њих 174 00:11:05,920 --> 00:11:08,560 да примами да добију хостинг пакет. 175 00:11:08,560 --> 00:11:11,850 Али ако стварно мислите о томе, када се ти икада требати неограничен простор на диску? 176 00:11:11,850 --> 00:11:18,060 Ако имате неколико ХТМЛ фајлова, неколико ПХП, неколико слика - 177 00:11:18,060 --> 00:11:20,060 то је само пар мегабајта, и тако 178 00:11:20,060 --> 00:11:23,110 Обично сам само идите на вредности можда и неколико гигабајта простора, 179 00:11:23,110 --> 00:11:27,990 и то може бити довољно да ме кренути док не треба више. 180 00:11:27,990 --> 00:11:31,480 >> На крају, они могу ставити ограничења на какву - колико базе података можете да имате. 181 00:11:31,480 --> 00:11:34,760 Можда можете имати само 1 базу података. Можда можете имати 2. Можда можете да имате 10. 182 00:11:34,760 --> 00:11:38,330 Да ли је заиста важно за вас колико сте добили? 183 00:11:38,330 --> 00:11:40,330 Ствари које треба да поставите себи. 184 00:11:40,330 --> 00:11:42,330 И на крају, само ствари као језика. 185 00:11:42,330 --> 00:11:44,330 Да ли они подржавају ПХП? Да ли они подржавају МиСКЛ? 186 00:11:44,330 --> 00:11:49,010 Већина хостинг сајтова не подржавају ово јер су ослобођена. Они су отвореног кода. 187 00:11:49,010 --> 00:11:51,190 Их не кошта ништа да се обезбеди ово за тебе. 188 00:11:51,190 --> 00:11:55,680 Али, ако желите да користите, рецимо, рубин или Питхон или неку од ових других језика - 189 00:11:55,680 --> 00:11:59,490 они не могу да га подрже на њиховом серверу, тако да је важно да се траже такве ствари. 190 00:11:59,490 --> 00:12:05,620 >> И на крају, они вам омогућавају да урадите неке напредније ствари као што је ССЛ или Црон Јобс? 191 00:12:05,620 --> 00:12:12,060 ССЛ је опција где можете направити свој сајт сигурнијим тако да што ХТТПС 192 00:12:12,060 --> 00:12:14,060 и шифровање везе. 193 00:12:14,060 --> 00:12:17,230 И црон послови су само можда скрипте које желите да покренете 194 00:12:17,230 --> 00:12:19,510 сваких 5 минута, сваких 10 минута, сваких 15. 195 00:12:19,510 --> 00:12:22,030 Много схаред хостинг сајтова не ставља ограничења 196 00:12:22,030 --> 00:12:26,310 о броју Црон Јобс који можете да покренете јер да заузима више ресурса. 197 00:12:26,310 --> 00:12:31,800 >> И на крају, само све остало што желите да погледате - проверите шта се дешава 198 00:12:31,800 --> 00:12:35,180 пре него што купите хостинг пакет. 199 00:12:35,180 --> 00:12:37,720 И на крају, перформансе. Перформансе је огромна. 200 00:12:37,720 --> 00:12:39,740 Колико брзо се мој сајт ће да ради? 201 00:12:39,740 --> 00:12:42,950 Већина корисника неће чекати чак секунди за свој сајт да ради 202 00:12:42,950 --> 00:12:47,640 пре него што се само досадно, и они иду на МеанБасе и почети гледа слике 203 00:12:47,640 --> 00:12:52,240 мачака - ви знате да се деси, а желите да се уверите да вам тај корисник на броду 204 00:12:52,240 --> 00:12:54,300 и да имају добар уптиме што само значи да 205 00:12:54,300 --> 00:12:56,300 Ваш сајт ће бити доступан у сваком тренутку. 206 00:12:56,300 --> 00:13:01,880 Многи домаћини су заиста лоше време рада и то само значи да је ваш сајт неће бити 207 00:13:01,880 --> 00:13:06,500 доступан, а ви не желите да се то деси јер можда бити тужан. 208 00:13:06,500 --> 00:13:10,360 А можете да пратите учинак вашег сервера са сајтова као што су 209 00:13:10,360 --> 00:13:16,440 Пингдом.цом или хост-трацкер.цом, а они само да вам кажем колико често је ваш сајт доле. 210 00:13:16,440 --> 00:13:18,490 >> И на крају, желите да видите о подршци. 211 00:13:18,490 --> 00:13:21,890 Ако имате проблема ће они да одговоре у року од 24 сата? 212 00:13:21,890 --> 00:13:23,890 Да ли ће да одговори у року од 48 сати? 213 00:13:23,890 --> 00:13:26,500 Хостинг сервис који ја обично користим одговара ми за неколико минута 214 00:13:26,500 --> 00:13:29,760 што је заиста лепо. 215 00:13:29,760 --> 00:13:33,990 Уф! У реду! То је време за паузу. Али нећу да ти га дам. 216 00:13:33,990 --> 00:13:38,200 Само ћемо погледати слике слатких мачака сваки сада и онда. 217 00:13:38,200 --> 00:13:42,740 >> Још једна заиста, заиста велика ствар је цросс-бровсер компатибилност. 218 00:13:42,740 --> 00:13:45,890 Шта мислим по цросс-бровсер компатибилност? 219 00:13:45,890 --> 00:13:50,970 Знате, данас то није само Мицрософт Интернет Екплорер. 220 00:13:50,970 --> 00:13:53,970 То није само Мозилла Фирефок или Сафари. 221 00:13:53,970 --> 00:13:58,190 Сада имамо Цхроме. Имамо Опера. Имамо Делфин. Имамо Цамино. 222 00:13:58,190 --> 00:14:00,540 Имамо Освајача. Имамо све ове различите претраживаче. 223 00:14:00,540 --> 00:14:05,950 Ствари које излазе сада - РоцкМелт - мада они су базирани на хрома. 224 00:14:05,950 --> 00:14:10,990 Али, чињеница је, не постоји више само један претраживач. 225 00:14:10,990 --> 00:14:13,860 Не само да прегледате ове веб странице са једне апликације. 226 00:14:13,860 --> 00:14:17,660 И тако, различити претраживачи ће одговорити на различите ХТМЛ, ЦСС другачије, и 227 00:14:17,660 --> 00:14:21,210 другачији ЈаваСцрипт другачије, и како се носите са тим? 228 00:14:21,210 --> 00:14:24,370 Па, у одређеним случајевима, заиста не могу. 229 00:14:24,370 --> 00:14:29,160 Ваш сајт - ако се то ради у једном претраживачу, код који сте написали неће радити 230 00:14:29,290 --> 00:14:32,910 у другом претраживачу, а то је ваш посао да се уверите да код који пишете 231 00:14:32,910 --> 00:14:36,000 универзална, да је то свуда ради. 232 00:14:36,000 --> 00:14:38,000 Дакле, ово је заиста опасно. 233 00:14:38,000 --> 00:14:42,450 Ако кажете: "Па, то ради на мом компјутеру Сјајно! Идемо даље.". 234 00:14:42,450 --> 00:14:46,040 Па, вероватно се неће радити на моје, и када одем на свој сајт 235 00:14:46,040 --> 00:14:49,210 Ја ћу бити веома тужан, а ја ћу да одем одмах. 236 00:14:49,210 --> 00:14:51,570 Дакле, хајде да видимо како се то може спречити. 237 00:14:51,570 --> 00:14:55,520 >> Прва ствар, наравно, јесте да користите само стандардне ХТМЛ, ЦСС и ЈаваСцрипт. 238 00:14:55,520 --> 00:14:57,520 Шта хоћу да кажем? 239 00:14:57,520 --> 00:15:00,180 Па, постоји много ствари које не стандардних тамо. 240 00:15:00,180 --> 00:15:03,490 На пример, у ЦСС-у постоји много верзија. 241 00:15:03,490 --> 00:15:10,830 Ако видите неке ЦСС правила са-моз-или-ВебКит-, та правила су специфични 242 00:15:10,830 --> 00:15:15,720 на оба претраживача Мозилла и ВебКит претраживача, 243 00:15:15,720 --> 00:15:20,590 и тако желите да се уверите да можда желите да избегнете те ствари 244 00:15:20,590 --> 00:15:25,150 јер ако користите-моз-да правило само ће радити на Фирефок. 245 00:15:25,150 --> 00:15:29,640 А ако заиста желите да изгледате добро на Интернет Екплорер, такође, 246 00:15:29,640 --> 00:15:31,640 ћеш бити среће. 247 00:15:31,640 --> 00:15:37,910 За ХТМЛ, такође, можете да радите ствари у ХТМЛ-у који раде на једном претраживачу 248 00:15:37,910 --> 00:15:41,830 али да су прекиди у други, а желите да избегнете да што је више могуће. 249 00:15:41,830 --> 00:15:44,830 И на крају, чак и за ЈаваСцрипт - постоји много верзија ЈаваСцрипт, 250 00:15:44,830 --> 00:15:50,570 и овог лета смо наишли на проблем - где Доцумент.гетЕлементсБиЦлассНаме- 251 00:15:50,570 --> 00:15:54,500 што је обично функција која је дефинисана као део ЈаваСцрипт стандарда - 252 00:15:54,500 --> 00:15:58,120 није био да се пронађе у Интернет Екплорер 8. 253 00:15:58,120 --> 00:16:01,900 Дакле, преко лета сам радио у лабораторији, а ми смо градили на мрежи експерименте. 254 00:16:01,900 --> 00:16:06,210 А ми смо мислили да је радио веома добро док нисмо схватили да су корисници коришћењем 255 00:16:06,210 --> 00:16:09,780 Интернет Екплорер 8 не може да поднесе своје резултате. 256 00:16:09,780 --> 00:16:13,200 Смо пропуштате много података. То нас је заиста тужно. 257 00:16:13,200 --> 00:16:17,790 Дакле, увек желите да се уверите да су ваши скрипте ће се свуда ради. 258 00:16:17,790 --> 00:16:20,500 >> И на крају, употребите валидатор.в3.орг 259 00:16:20,500 --> 00:16:22,770 што је оно што вам кажем да у псет 7. 260 00:16:22,770 --> 00:16:24,530 Уверите се да су проверене ваше странице. 261 00:16:24,530 --> 00:16:28,310 То је важно, јер је то најмање први корак разум чек. 262 00:16:28,310 --> 00:16:31,870 Да ли је мој број заправо стандардима усклађен? 263 00:16:34,930 --> 00:16:39,320 Још један начин да се некако помоћи да се уверите да ваш сајт ће радити 264 00:16:39,320 --> 00:16:42,610 у већини случајева је да можда користе неке библиотеке и оквире 265 00:16:42,610 --> 00:16:46,210 јер ти заиста паметни програмери су размишљали о овим питањима за вас. 266 00:16:46,210 --> 00:16:49,850 Отишли ​​су кроз и они писани различите функције које раде преко претраживача. 267 00:16:49,850 --> 00:16:53,560 На пример, ми користимо јКуери у Псет 7. 268 00:16:53,560 --> 00:16:58,030 Чак и ако не може да га види, јКуери пружа много функција 269 00:16:58,030 --> 00:17:00,280 који иначе морали да се напише. 270 00:17:00,280 --> 00:17:05,310 Али ови програмери то написао, и они су сигурни да то ради у свим прегледачима. 271 00:17:05,310 --> 00:17:10,280 И Боотстрап - што је још један ЦСС оквир који смо вам показали у Псет 7 - 272 00:17:10,280 --> 00:17:17,000 је заиста уклања много главобоље са дизајнирању сајтова који изгледају добро. 273 00:17:17,000 --> 00:17:19,000 у свим прегледачима. 274 00:17:19,000 --> 00:17:23,660 >> И на крају, ако можете да га избегнете, ја обично избегавају кодирање од нуле. 275 00:17:23,660 --> 00:17:28,079 Ако само правите сајт за своју школу клуба, на пример, 276 00:17:28,079 --> 00:17:33,920 и све што треба да урадите је да прикаже неколико страница, а можда се ваш председник ићи у 277 00:17:33,920 --> 00:17:38,910 и промени пар ствари овде и тамо - стварно нема потребе да се то код себе горе. 278 00:17:38,910 --> 00:17:40,910 За то је потребно много времена. 279 00:17:40,910 --> 00:17:42,660 Потребно је много своје енергије, а ви морате да прође кроз и морате да сазнате, 280 00:17:42,660 --> 00:17:45,930 добро, то ће се изгледа добро у овом претраживачу, је ли ће изгледати добро у овом претраживачу. 281 00:17:45,930 --> 00:17:50,610 Можда користите неке од тих закрпа које су други већ написао за вас, као и 282 00:17:50,610 --> 00:17:52,610 ВордПресс или Јоомла или Друпал. 283 00:17:52,610 --> 00:17:59,400 То се зове садржај - то се зове ЦМСС који су у основи само пакете који 284 00:17:59,400 --> 00:18:03,020 Већ се уради за вас, а можете их преузети, ставите их на сервер, 285 00:18:03,020 --> 00:18:07,510 и прилагодите их како год желите, а ви већ имате покренут сајт. 286 00:18:07,510 --> 00:18:11,680 Ови пакети су код нешто да изгледа да у. 287 00:18:11,680 --> 00:18:15,400 Ове ствари су опен соурце, осим ако идете за тако нешто - 288 00:18:15,400 --> 00:18:19,390 Ако сте у потрази за облик пакета, постоје ствари које нису слободни као 289 00:18:19,390 --> 00:18:21,570 ВБуллетин и ЕКС. 290 00:18:21,570 --> 00:18:23,790 Ако вам не треба неки од тих напредних могућности, 291 00:18:23,790 --> 00:18:27,530 увек можете одлучити за слободан опцију. 292 00:18:27,530 --> 00:18:31,300 >> И на крају, нема га избегава. 293 00:18:31,300 --> 00:18:33,300 Морате да мерите, тест, тест. 294 00:18:33,300 --> 00:18:37,690 Морате да тестирате свој код на свим овим претраживачима и на свим овим платформама. 295 00:18:37,690 --> 00:18:44,110 И знате, ИЕ6 - хвала богу људи су почели удаљава од ИЕ6 296 00:18:44,110 --> 00:18:49,190 јер је у њихово време, можда пре неколико година, веб програмери су морали да увек, увек, 297 00:18:49,190 --> 00:18:55,280 увек подстицати ИЕ6 слабости на следећим стандарда. 298 00:18:55,280 --> 00:19:00,860 Сајтови само изгледао некако 1990 у недостатку бољег начина да се носе са њом. 299 00:19:00,860 --> 00:19:04,380 Такође можете да користите сцреенсхот претраживача Провери ЦСС. 300 00:19:04,380 --> 00:19:08,100 Један сајт је заиста кул бровсерлаб.адобе.цом. 301 00:19:08,100 --> 00:19:11,070 То је бесплатан сервис угаси Адобе. 302 00:19:11,070 --> 00:19:15,160 И оно што они раде је да могу узети сцреенсхот на Вашем сајту 303 00:19:15,160 --> 00:19:18,890 ради под различитим условима - као ради под различитим прегледачима, 304 00:19:18,890 --> 00:19:22,660 ради под различитим платформама - и показати вам како изгледају. 305 00:19:22,660 --> 00:19:33,260 Само да вам покажем шта сам овде да кажем, направили сајт прошле године зове живот на Харварду, 306 00:19:33,260 --> 00:19:39,150 и оно што сам покушао да урадим - Покушао сам да ми.харвард боље. 307 00:19:39,150 --> 00:19:43,840 Јер, ако сте били овде прошле године, ми.харвард није изгледао као што сада изгледа. 308 00:19:43,840 --> 00:19:46,640 То изгледа некако одвратно. 309 00:19:46,640 --> 00:19:50,470 Али сада изгледа много боље. 310 00:19:50,470 --> 00:19:57,070 Моја имплементација није била толико корисна више, али свеједно, 311 00:19:57,070 --> 00:20:01,310 знате, покушао сам да додам - ​​(неразумљиво) много шта год - 312 00:20:01,310 --> 00:20:04,680 и изгледа - изгледа веома добро на мом компјутеру. 313 00:20:04,680 --> 00:20:08,560 А онда, можда да сам имао више времена да бих отишао на прегледача лабораторију, 314 00:20:08,560 --> 00:20:13,020 и ја бих погледао, па, како то изгледа у Цхроме 18 на Виндовс. 315 00:20:13,020 --> 00:20:17,060 Ја бих идите доле па ћу видети - О, не! Погледајте најаве кутију. 316 00:20:17,060 --> 00:20:20,200 Мој текст је био препун. Дакле, то је лоше, зар не? 317 00:20:20,200 --> 00:20:23,700 Уколико корисник користи Цхроме на Виндовс и долази на мој сајт, 318 00:20:23,700 --> 00:20:26,730 да одмах изгледа врло непрофесионално. 319 00:20:26,730 --> 00:20:30,760 Дакле, ја треба да одем у ЦСС и сазнајте шта део мог ЦСС се овде прекида. 320 00:20:30,760 --> 00:20:35,090 Зашто се не приказују исправно и то поправити, тако да сви корисници могу да виде исти веб сајт 321 00:20:35,090 --> 00:20:37,770 и бити једнако срећни. 322 00:20:37,770 --> 00:20:44,280 >> И на крају, добро, лепо бровсер сцреенсхотс су за тестирање вашег ЦСС, 323 00:20:44,280 --> 00:20:46,020 али шта је ЈаваСцрипт? 324 00:20:46,020 --> 00:20:48,660 Шта ако имате неки компликован сценарио који се ради? 325 00:20:48,660 --> 00:20:50,460 Па, увек можете да урадите виртуализације. 326 00:20:50,460 --> 00:20:56,360 Ако имате Мац можете да користите Боотцамп или ВМваре можда виртуелизација копију 327 00:20:56,360 --> 00:20:59,540 Виндовс и тамо користите Интернет Екплорер. 328 00:20:59,540 --> 00:21:03,400 Или, можете ићи на нешто попут Споон.нет, која нажалост ради само на рачунарима. 329 00:21:03,400 --> 00:21:05,290 Али, оно што они раде је веома кул. 330 00:21:05,290 --> 00:21:10,080 Они виртуелизација софтвер за вас тако да можете покренути различите верзије ИЕ, на пример. 331 00:21:10,080 --> 00:21:12,080 Можете да покренете различите верзије Фирефок. 332 00:21:12,080 --> 00:21:15,720 Можете да покренете различите верзије Сафари и да испробају све своје веб сајтове тамо. 333 00:21:15,720 --> 00:21:18,360 Нажалост, они нису слободни. 334 00:21:18,360 --> 00:21:20,860 То је плаћена услуга, тако да увек постоји нека врста ово - 335 00:21:20,860 --> 00:21:26,070 Увек постоји нека врста ове трговине измедју, па ћу да мој сајт изгледа добро. 336 00:21:26,070 --> 00:21:31,970 Ако је тако, можда ћу морати да платим за неке сервисе да ми помогне да урадим. 337 00:21:31,970 --> 00:21:35,890 Сва питања у овом тренутку о свему томе смо разговарали? 338 00:21:38,500 --> 00:21:41,210 Авесоме. Ок. 339 00:21:41,210 --> 00:21:43,870 >> Сада имамо више о чему да причамо. 340 00:21:43,870 --> 00:21:45,820 Шта мислите о грешкама? 341 00:21:45,820 --> 00:21:48,670 Како да проверите да ли ваш сајт ће радити чак и када 342 00:21:48,670 --> 00:21:50,150 нешто лоше деси? 343 00:21:50,150 --> 00:21:53,940 Можда не постоји страница са именом фоод.пхп. 344 00:21:53,940 --> 00:21:57,000 Али ја, ја идем на свој веб сајт и покушам да приступим фоод.пхп. 345 00:21:57,000 --> 00:22:00,770 Да ли само ће да ми покаже да бели страницу на којој пише 404 - Филе нот фоунд? 346 00:22:00,770 --> 00:22:04,400 Или ћеш рећи, "Па, жао ми је што нисам могао да нађем ово за тебе, 347 00:22:04,400 --> 00:22:08,520 али можда ево неких ресурса који ће вам помоћи да тражите оно што вам је потребно. " 348 00:22:08,520 --> 00:22:13,180 Остале грешке - па, то се зове ХТТП грешке које су само неки кодови грешке 349 00:22:13,180 --> 00:22:17,130 да ваш сервер можда вратио на претраживачу у случају да се нешто лоше догодити. 350 00:22:17,130 --> 00:22:20,160 400 - Бад Рекуест. 401 - Неовлашћено. 351 00:22:20,160 --> 00:22:25,560 403 је некако уобичајено, када имате директоријум који не би требало да се приступи 352 00:22:25,560 --> 00:22:27,310 од стране корисника, али корисник покуша да у сваком случају. 353 00:22:27,310 --> 00:22:30,840 А 500 - Интернал Сервер Еррор - то се обично дешава када имате нешто 354 00:22:30,840 --> 00:22:33,070 стварно лоше дешава са вашим ПХП кода. 355 00:22:33,070 --> 00:22:36,140 Али у сваком случају, ова врста претраживача - такве грешке се дешавају. 356 00:22:36,140 --> 00:22:40,550 >> Дакле, како да проверите да ли грациозно рукујете ове грешке 357 00:22:40,550 --> 00:22:43,230 и уверите се да корисник није само висе ту? 358 00:22:46,850 --> 00:22:48,850 Ево хтаццесс.. 359 00:22:48,850 --> 00:22:51,300 Сада, хтаццесс је нешто што ради на Апацхе серверима., 360 00:22:51,300 --> 00:22:55,550 нешто што ради и ради на пар других сервера и. 361 00:22:55,550 --> 00:23:01,350 То је само начин на који можете да подесите свој сервер тако да 362 00:23:01,350 --> 00:23:04,470 можете да га радите шта год желите то да урадите. 363 00:23:04,470 --> 00:23:06,790 Неке ствари које можете да урадите. Можете да контролишете своја подешавања кеша. 364 00:23:06,790 --> 00:23:11,290 Можда постоји одређена страна на вашем сајту да се уверите да је корисник 365 00:23:11,290 --> 00:23:14,740 поново да преузмете сваки пут када корисник дође и посети ваш веб сајт. 366 00:23:14,740 --> 00:23:26,980 Или можда имате неку УРЛ адресу која је као иоурсите.цом / тест / хтмл / пагес / хелло.хтмл 367 00:23:26,980 --> 00:23:31,270 а ви само желите да се иоурнаме.цом / здраво - па, можете да користите хтаццесс. 368 00:23:31,270 --> 00:23:34,760 да преусмери једну страну на другу. 369 00:23:34,760 --> 00:23:36,600 Можете да га користите и да аутентикацију. 370 00:23:36,600 --> 00:23:39,890 Можда постоје неки делови вашег сајта које треба да користите другу лозинку. 371 00:23:39,890 --> 00:23:42,620 Можете да блокирате одређене ИП адресе, блокира одређене домене. 372 00:23:42,620 --> 00:23:46,770 Можда заиста не воле Харвардоваца користећи свој сајт. 373 00:23:46,770 --> 00:23:49,910 Па, имате опцију да блокира све Харварда ИП адресе. 374 00:23:49,910 --> 00:23:56,370 >> Коначно, можете третирати ствари - можете да напишете неки код да би ваш сервер 375 00:23:56,370 --> 00:24:03,100 третирају као хелло страницама или Зхао.. ваше име или. као ПХП кода. 376 00:24:03,100 --> 00:24:05,170 Можда ће бити корисно. Можда то неће бити. 377 00:24:05,170 --> 00:24:07,980 И на крају, можете да га користите за руковање одговоре грешке. 378 00:24:07,980 --> 00:24:10,300 Шта хоћу да кажем? 379 00:24:10,300 --> 00:24:16,030 Ако додате само код овако - ЕррорДоцумент 404 и онда их усмерити на неке 380 00:24:16,030 --> 00:24:20,440 грешка страна, можете бити сигурни да је корисник не само види стварно, заиста ружно 381 00:24:20,440 --> 00:24:23,550 404 и показати им нешто лепо. 382 00:24:23,550 --> 00:24:29,000 >> Хајде да ствари погледамо како то можемо да урадимо са Псет 7. 383 00:24:29,000 --> 00:24:34,190 Ево, ја сам у свом уређају. 384 00:24:34,190 --> 00:24:38,440 Ја ћу да отворим Цхроме, а онда ћу покушати да се страница 385 00:24:38,440 --> 00:24:43,350 који не постоји на ЦС50 финансија. 386 00:24:43,350 --> 00:24:52,710 Дакле, локални хост - цатс.пхп--тако, приметио да сам направио грешку документ 387 00:24:52,710 --> 00:24:54,770 да каже, "не пронађе Цанз З!" 388 00:24:54,770 --> 00:24:56,990 Она има веома тужну мачку о томе. 389 00:24:56,990 --> 00:24:59,910 Ако одете на Твиттер-у, ако идете на било који од ових других сајтова, 390 00:24:59,910 --> 00:25:02,700 Ви не можете да пронађете страницу, они обично покушавају да вам покажем слику слатка 391 00:25:02,700 --> 00:25:04,850 тако да нисте превише разочарани. 392 00:25:04,850 --> 00:25:07,830 Такође је могуће да нешто што је више професионално да каже, 393 00:25:07,830 --> 00:25:11,760 Па, жао ми је што нисам могао наћи страницу, али можда ево сеарцх бок. 394 00:25:11,760 --> 00:25:16,750 Или можда ево неколико линкова који ће вам помоћи да пронађете везу коју желите. 395 00:25:16,750 --> 00:25:21,410 Дакле, како сам урадио ово? Како је то уопште могуће? 396 00:25:21,410 --> 00:25:23,500 Ако идемо у наш терминал овде - 397 00:25:23,500 --> 00:25:26,300 Само ћу да зумирате мало - 398 00:25:26,300 --> 00:25:30,110 приметити да имам нову страницу. 399 00:25:30,110 --> 00:25:34,440 Инсиде Ми ХТМЛ директоријум зове се - не можете га видети - 400 00:25:34,440 --> 00:25:37,280 то се зове еррор.пхп. 401 00:25:37,280 --> 00:25:41,010 И еррор.пхп је само фајл који сам направио 402 00:25:41,010 --> 00:25:43,030 који показује да саме стране. 403 00:25:43,030 --> 00:25:46,710 Могу да вам покажем шта је еррор.пхп. 404 00:25:46,710 --> 00:25:48,710 Управо је ова страница. 405 00:25:48,710 --> 00:25:50,710 Он каже, "О, не Цанз! Не пронађе З!" 406 00:25:50,710 --> 00:25:58,630 А, ако желите да видите - тако, приметићете да хтаццесс врста је чудно име.. 407 00:25:58,630 --> 00:26:01,040 Она почиње тачком, што значи да је систем датотека. 408 00:26:01,040 --> 00:26:03,360 То је скривени фајл који се не приказује нормално. 409 00:26:03,360 --> 00:26:09,060 Ако не лс-, можете да видите све скривене фајлове у одређеном директоријуму, 410 00:26:09,060 --> 00:26:12,030 и заиста, ви видите хтаццесс је један од њих.. 411 00:26:12,030 --> 00:26:15,490 Идемо напред и отвори. Хтаццесс - 412 00:26:15,490 --> 00:26:19,830 са гедит - 413 00:26:19,830 --> 00:26:26,870 Бум! Све што имам је једна линија унутра - Грешка документ за грешке 404 414 00:26:26,870 --> 00:26:28,760 који су такође познат као филе-не-наћи грешака. 415 00:26:28,760 --> 00:26:32,720 Хајде да их преусмери на нешто што се зове еррор.пхп. 416 00:26:36,100 --> 00:26:42,030 Можете имати забавне ствари као цанз не пронађе З! 417 00:26:42,030 --> 00:26:46,770 А ту су и веома кул ствари које можете да урадите са хтаццесс.. 418 00:26:46,770 --> 00:26:49,520 Ако желите да видите више. Хтаццесс магија, 419 00:26:49,520 --> 00:26:56,470 Ово је веома кул сајт да иде - то се зове јавасцрипткит.цом/ховто/хтаццесс.схтмл-- 420 00:26:56,470 --> 00:27:01,880 Ако желите да извршите више магију сервера. И то може бити веома забавно. 421 00:27:01,880 --> 00:27:05,490 >> Уф! У реду! Више слика цуте. 422 00:27:05,490 --> 00:27:10,060 То је момак ради склекове, а његова мачка покушава да помогне. Мислим да је веома сладак. 423 00:27:10,060 --> 00:27:14,830 Нажалост, ја немам такву мачку. 424 00:27:14,830 --> 00:27:17,640 У реду. Дакле, ми смо разговарали о хтаццесс.. 425 00:27:17,640 --> 00:27:19,640 Говорили смо о грешци руковање. 426 00:27:19,640 --> 00:27:20,940 Говорили смо о хостинг, домен имена. 427 00:27:20,940 --> 00:27:23,230 Говорили смо о цросс-бровсер компатибилност. 428 00:27:23,230 --> 00:27:25,210 Сада како да проверите да ли ваш сајт заправо обавља? 429 00:27:25,210 --> 00:27:26,950 Како смо се уверили да ако одем на свој сајт 430 00:27:26,950 --> 00:27:29,830 Ја могу да видим страницу у року од неколико секунди? 431 00:27:29,830 --> 00:27:33,520 Једна од ствари које мислим да људи једноставно некако заборави 432 00:27:33,520 --> 00:27:36,160 је оптимизација слика. 433 00:27:36,160 --> 00:27:37,560 Рецимо да желите да ставите слику на вашем сајту 434 00:27:37,560 --> 00:27:40,330 и то је велика 2. МГ. 435 00:27:40,330 --> 00:27:42,670 То би могло бити добро за нас, јер смо на Харварду, 436 00:27:42,670 --> 00:27:45,000 и имамо веома брзу Интернет везу. 437 00:27:45,000 --> 00:27:47,470 Али замислите некога у Кини. Замислите некога у Индији. 438 00:27:47,470 --> 00:27:52,440 Замислите некога можда у руралном Канзасу, који можда нема исту врсту 439 00:27:52,440 --> 00:27:54,690 широкопојасни интернет који имамо. 440 00:27:54,690 --> 00:27:57,710 Ако имате 2 МБ слику на вашем сајту и корисника покушава да приступи, 441 00:27:57,710 --> 00:28:00,890 то ће им требати заиста много времена за преузимање. 442 00:28:00,890 --> 00:28:04,160 Дакле, ако вам не треба такве резолуције, 443 00:28:04,160 --> 00:28:09,220 онда можете да промените величину слике са нечим као што је Адобе Пхото Схоп. 444 00:28:09,220 --> 00:28:13,400 Обично постоји опција зове безбедан за веб и уређаја, 445 00:28:13,400 --> 00:28:15,850 и оно што ради је да се скида све непотребне информације 446 00:28:15,850 --> 00:28:20,160 и врста компактних вашу датотеку на мале величине слике, тако да можете 447 00:28:20,160 --> 00:28:22,960 стави га на свој сајт, а сваки корисник који покушава да преузмете ту страницу 448 00:28:22,960 --> 00:28:26,950 ће преузети мању верзију слике. 449 00:28:26,950 --> 00:28:28,230 Уколико немате Адобе Пхото Схоп 450 00:28:28,230 --> 00:28:32,650 вебресизер.цом је такође још један ресурс, где можете унети свој имиџ 451 00:28:32,650 --> 00:28:36,470 и то ће испљунути потпуно исту слику, 452 00:28:36,470 --> 00:28:39,970 али то ће бити нешто као 3 пута мање. 453 00:28:39,970 --> 00:28:41,970 Дакле, то је врло корисно за своје кориснике. 454 00:28:41,970 --> 00:28:45,930 >> Још једна ствар коју можете да урадите је умањити број. 455 00:28:45,930 --> 00:28:48,460 Уколико погледамо Гоогле.цом, 456 00:28:48,460 --> 00:28:56,400 видећете да није реч о истом ХТМЛ и ЦСС који смо навикли. 457 00:28:56,400 --> 00:29:02,250 Само ћемо да погледамо изворни код овде. 458 00:29:02,250 --> 00:29:07,600 Ако само идите доле - Вау, то изгледа прилично одвратно. 459 00:29:07,600 --> 00:29:09,650 То ће добити нулу на стил. 460 00:29:09,650 --> 00:29:13,470 Ако сте кодирани за ово Псет, добићете нула на вашем стилу. 461 00:29:13,470 --> 00:29:16,990 Ово нема размака. Имена изгледају заиста загонетан. 462 00:29:16,990 --> 00:29:19,800 Све је стварно одвратно. 463 00:29:19,800 --> 00:29:24,060 И скрипта да се затвори у телу - ХТМЛ затварања - 464 00:29:24,060 --> 00:29:26,280 они су сви заједно - сви смусхед заједно. 465 00:29:26,280 --> 00:29:28,280 Зашто су то урадили? 466 00:29:28,280 --> 00:29:30,650 Они минифиед свој код. 467 00:29:30,650 --> 00:29:33,310 Обратите пажњу да је овај документ ће бити много мањи 468 00:29:33,310 --> 00:29:36,660 за мене да преузмете него нешто са белом простору, 469 00:29:36,660 --> 00:29:39,410 него нешто са дугих имена променљивих. 470 00:29:39,410 --> 00:29:41,710 Ако умањити своју шифру траку из све белине. 471 00:29:41,710 --> 00:29:45,960 Наравно, ваш бровсер не занима ме да ли имате бели простор у вашем коду. 472 00:29:45,960 --> 00:29:49,630 Можете скинути га, сад могу преузети мању датотеку - 473 00:29:49,630 --> 00:29:52,770 сада фајл - документ који ћемо да преузмете има мању величину фајла, 474 00:29:52,770 --> 00:29:56,180 то ће бити бржи за мене да преузмете, а то је корисно. 475 00:29:56,180 --> 00:30:01,550 Ако радите са сајтовима и ви покретање сајт, 476 00:30:01,550 --> 00:30:04,630 то је скоро увек добро да се умањити свој код. 477 00:30:04,630 --> 00:30:08,150 Још један разлог зашто би било добро можда не желите да користите други код. 478 00:30:08,150 --> 00:30:11,050 Можда не желите да користите други ЦСС. 479 00:30:11,050 --> 00:30:13,460 Ви знате да ли заиста жели да буде шкрт са тим, 480 00:30:13,460 --> 00:30:16,670 онда можете умањити свој код, и било би теже да га украде 481 00:30:16,670 --> 00:30:19,170 јер немам појма шта се дешава. 482 00:30:19,170 --> 00:30:22,990 Такође можете ићи на сајтовима као што је минифи.авиво.си. 483 00:30:22,990 --> 00:30:27,900 Услуге као што је овај на мрежи помоћи да умањити свој код, тако да не морате то да радите ручно. 484 00:30:27,900 --> 00:30:30,080 Дефинитивно не ради то ручно. 485 00:30:30,080 --> 00:30:32,210 >> Ок. Сада говоримо о скрипте. 486 00:30:32,210 --> 00:30:35,040 Можда у вашем ПХП коду постоји нешто што не треба да раде. 487 00:30:35,040 --> 00:30:37,910 Можда има ектра кругова у тамо. 488 00:30:37,910 --> 00:30:40,850 Разговарали смо о томе код дизајна у ЦС50. 489 00:30:40,850 --> 00:30:44,550 Чак и ако сте кодирање у Ц ако имате - ако радите додатни посао 490 00:30:44,550 --> 00:30:49,440 да не морате да урадите, добро, то ће успорити ваше скрипте на свом сајту, 491 00:30:49,440 --> 00:30:53,280 а ово је посебно важно за веб сајтове, јер корисници данас су веома нестрпљиви. 492 00:30:53,280 --> 00:30:56,110 Ако радите непотребан посао, то ће их више 493 00:30:56,110 --> 00:31:00,080 да дођете до информација које желе, а они ће бити веома несрећан. 494 00:31:00,080 --> 00:31:02,200 На крају, можда ћете желети да оптимизујете табеле базе података. 495 00:31:02,200 --> 00:31:05,020 Сећам се да смо разговарали о индексима. 496 00:31:05,020 --> 00:31:09,420 Они нису само добри за то да имате ред који је јединствен. 497 00:31:09,420 --> 00:31:12,440 Они су такође добри за то да ваша база података ради брзо. 498 00:31:12,440 --> 00:31:16,240 Ако желите да прочитате горе на који иду на МиСКЛ документацији, 499 00:31:16,240 --> 00:31:18,710 или можете да погледате - Па, како да оптимизујем свој табелу базе података? 500 00:31:18,710 --> 00:31:23,350 Како да проверите да ли имам индексе који ће ми помоћи да дођете до информације брже? 501 00:31:23,350 --> 00:31:27,300 >> Постоје мали трикови које можете да користите као кеширање. 502 00:31:27,300 --> 00:31:28,980 Ако имате ПХП - ако имате блог, на пример, 503 00:31:28,980 --> 00:31:31,980 и ви имате - а то је на основу ПХП или било ког другог језика - 504 00:31:31,980 --> 00:31:37,690 можете да кешира свој блог на рецимо 50-минутним интервалима, тако да може да служи статичне странице 505 00:31:37,690 --> 00:31:40,610 или статички ХТМЛ посетиоцима вашег сајта. 506 00:31:40,610 --> 00:31:43,380 На тај начин корисници не морају да покренете свој ПХП скрипт сваки пут, 507 00:31:43,380 --> 00:31:47,410 и да ће можда бити брже за њих да приступите ту информацију. 508 00:31:47,410 --> 00:31:49,410 >> И на крају, можете да користите нешто као ЦДН. 509 00:31:49,410 --> 00:31:51,900 Обратите пажњу да сваки пут када преузмете Псет, 510 00:31:51,900 --> 00:31:54,890 увек иду у ЦДН.ЦС50.нет. Зашто је то тако? 511 00:31:54,890 --> 00:32:01,540 ЦС50 такође користи нешто као ЦДН - садржаја дистрибутивну мрежу - 512 00:32:01,540 --> 00:32:06,120 што само значи да је то гомила сервера можда негде око света 513 00:32:06,120 --> 00:32:08,120 да помогне служе своје странице за ваше посетиоце. 514 00:32:08,120 --> 00:32:13,770 Ако је ваш посетилац добија страницу са сервера који је географски ближе њима, 515 00:32:13,770 --> 00:32:16,770 онда највероватније ваш посетилац ће добити тај фајл много брже. 516 00:32:16,770 --> 00:32:20,490 Ту су и извори на мрежи који ће вам помоћи да урадите. 517 00:32:20,490 --> 00:32:24,070 Један од њих је ЦлоудФларе. Они нуде бесплатну услугу ЦДН. 518 00:32:24,070 --> 00:32:26,020 Ако имате велике датотеке које ваш служе својим корисницима, 519 00:32:26,020 --> 00:32:32,260 онда је можда боље да их стави на ЦДН тако да они могу доћи до њих брже. 520 00:32:32,260 --> 00:32:39,070 >> Коначна тема за данас је Сеарцх Енгине Оптимизатион. 521 00:32:39,070 --> 00:32:41,070 Шта је Сеарцх Енгине Оптимизатион? 522 00:32:41,070 --> 00:32:44,070 То је да се уверите да претраживачима попут Гоогле или Бинг или Иахоо 523 00:32:44,070 --> 00:32:50,740 може да иде на свој сајт и попишемо сајт и индексира ваш сајт и када 524 00:32:50,740 --> 00:32:53,040 Ја, на пример, идите на Гоогле.цом и ја покушати да тражи нешто, 525 00:32:53,040 --> 00:32:55,040 онда ваш сајт ће се појавити. 526 00:32:55,040 --> 00:32:57,000 Како да проверите да ли ваш сајт је један од првих 10? 527 00:32:57,000 --> 00:33:00,000 Јер, као што сви знамо, ако тражите нешто на Гоогле-у 528 00:33:00,000 --> 00:33:02,880 и није у топ 10 ви вероватно неће гледати у наредних 10. 529 00:33:02,880 --> 00:33:07,160 То је врста теми која је обавијено велом мистерије. 530 00:33:07,160 --> 00:33:09,850 Има много ентузијазму тамо на Интернету. 531 00:33:09,850 --> 00:33:14,680 Постоји много сујеверја мислите да урадите к Гоогле ће вам се свиђа боље. 532 00:33:14,680 --> 00:33:16,680 Ако не г Гоогле ће вам се свиђа боље. 533 00:33:16,680 --> 00:33:19,680 Вероватно је боље да погледамо у себе гигант претраге документима. 534 00:33:19,680 --> 00:33:27,470 >> Ово је један од докумената на Гоогле-у да вам кажем тачно како да оптимизујете свој сајт 535 00:33:27,470 --> 00:33:30,860 тако да Гоогле може да приступи, а индекс је веома лепо. 536 00:33:30,860 --> 00:33:33,680 Не морате да копирате овај доле УРЛ јер презентација ће 537 00:33:33,680 --> 00:33:36,680 бити онлине у сваком случају. 538 00:33:36,680 --> 00:33:38,770 Ако погледате ово и читате ово постоје врло корисни савети у тамо. 539 00:33:38,770 --> 00:33:42,240 Гоогле вам говори - ако заиста желите да ваш сајт буде добро индексиран 540 00:33:42,240 --> 00:33:44,610 онда би требало да урадите све ове ствари. 541 00:33:44,610 --> 00:33:47,570 >> Још једна ствар која претраживачи заиста свиђа је свеж садржај. 542 00:33:47,570 --> 00:33:49,500 Ако имате садржај који се редовно ажурира веома 543 00:33:49,500 --> 00:33:51,950 онда претраживачи кажу, ох, ја волим свој сајт. 544 00:33:51,950 --> 00:33:53,950 Ја ћу да идем на ваш сајт често. 545 00:33:53,950 --> 00:33:56,840 Идем да индекс доста својих страница. 546 00:33:56,840 --> 00:33:59,560 Ако имате свеже садржаја онда сте вероватно да се појави - 547 00:33:59,560 --> 00:34:02,540 сте више вероватно да ће бити више релевантан. 548 00:34:02,540 --> 00:34:04,630 Ви сте више вероватно да ће бити више ажурира, 549 00:34:04,630 --> 00:34:08,860 и претраживачи су више вероватно да ће ставити свој сајт изнад осталих. 550 00:34:08,860 --> 00:34:10,860 >> Дубоке везе су такође важни. 551 00:34:10,860 --> 00:34:13,530 Ако сте заиста желели да ваш сајт изгледа добро у очима претраживача 552 00:34:13,530 --> 00:34:18,090 имају много других сајтова повезани са њим повезани и дубоко у ваш сајт. 553 00:34:18,090 --> 00:34:20,090 Немојте само линк на своју почетну страницу. 554 00:34:20,090 --> 00:34:26,719 Линк за можда иоурнаме.цом / несто / несто / сометхинг.пхп. 555 00:34:26,719 --> 00:34:29,840 - То у претраживач - значи, вау, они имају заиста интересантан садржај 556 00:34:29,840 --> 00:34:35,350 Да неко други повезује тако дубоко у њиховом сајту да бих стварно, стварно 557 00:34:35,350 --> 00:34:38,260 стави већи значај на страницама тог сајта. 558 00:34:38,260 --> 00:34:41,940 >> Ако имате тачне наслова страница, ако нема грешке то је добро, јер 559 00:34:41,940 --> 00:34:44,670 Ако је претраживач покушава да посете ваш сајт, а то је добијање грешку, 560 00:34:44,670 --> 00:34:46,780 вероватно ће одустати врло, врло брзо. 561 00:34:46,780 --> 00:34:49,510 И на крају, желите да имате брзо време учитавања јер претраживача - 562 00:34:49,510 --> 00:34:53,820 као људи - немојте имати много стрпљења за споре сајтовима. 563 00:34:53,820 --> 00:34:57,070 То је начин на који можете да се уверите да сте појавити већи у 564 00:34:57,070 --> 00:35:01,390 упите претраге мотора и надамо се тиме добијете више саобраћаја. 565 00:35:01,390 --> 00:35:04,730 Јер на крају крајева, ви сте провели све време развија свој сајт. 566 00:35:04,730 --> 00:35:06,280 Ти си провео све време пуштање ове веб странице на интернету. 567 00:35:06,280 --> 00:35:11,780 Ви желите да се уверите да имате доста корисника који заиста видети ваш садржај. 568 00:35:13,330 --> 00:35:15,660 >> Други добри извори за коришћење. 569 00:35:15,660 --> 00:35:19,210 Гоогле Вебмастер Тоолс је нешто да се погледамо у. 570 00:35:19,210 --> 00:35:21,780 То само помаже вам да видите - Гоогле не индексира свој сајт. 571 00:35:21,780 --> 00:35:24,490 Које грешке је то наилази? 572 00:35:24,490 --> 00:35:27,490 Колико страница је то индексиране? 573 00:35:27,490 --> 00:35:29,490 Шта мислите да је најважнији садржај на мојој страни? 574 00:35:29,490 --> 00:35:31,490 Можда то није оно што ја желим да буде. 575 00:35:31,490 --> 00:35:36,880 Можда ћете морати да промените свој сајт мало таква да се то одражава боље 576 00:35:36,880 --> 00:35:38,880 оно што је мој сајт је заиста о томе. 577 00:35:38,880 --> 00:35:41,000 Гоогле Аналитицс је још једна кул алат. 578 00:35:41,000 --> 00:35:44,120 Можете додати мало ЈаваСцрипт вашим страницама. 579 00:35:44,120 --> 00:35:47,020 И онда после тога можете да одете на Гоогле Аналитицс, а то ће пратити 580 00:35:47,020 --> 00:35:49,020 ваш посетилац демографије и ваш сајт раста. 581 00:35:49,020 --> 00:35:51,810 То ће вам рећи тачно колико посетилаца посетити ваш сајт 582 00:35:51,810 --> 00:35:55,310 у одређени дан, у одређеном часу, у одређеном недељу. 583 00:35:55,310 --> 00:35:57,310 Колико посетиоци из Кине? Колико посетилаца из Антарктику - 584 00:35:57,310 --> 00:35:59,310 Ви добијате на ваш сајт. 585 00:35:59,310 --> 00:36:03,470 то би могло бити нешто занимљиво за погледати или чак може бити корисно 586 00:36:03,470 --> 00:36:05,470 јер покушавате да циљате одређену групу. 587 00:36:05,470 --> 00:36:08,410 Можда покушавате да циљате тинејџере са вашег сајта, а ви видите да 588 00:36:08,410 --> 00:36:11,410 већина посетилаца вашег сајта су можда 30 - до 40-годишњака, 589 00:36:11,410 --> 00:36:15,130 онда можда било да имате проблем, или само могу да кажем, 590 00:36:15,130 --> 00:36:19,590 Па, можда само треба да промени фокус мог веб сајта, тако да 591 00:36:19,590 --> 00:36:22,240 Ја се више фокусирају на тој старосној групи. 592 00:36:22,240 --> 00:36:28,500 >> Гоогле Аппс - ако желите да имате неку врсту е-поште са вашег домена - 593 00:36:28,500 --> 00:36:31,230 Можда нешто као иоурнаме@иоурнаме.цом-- 594 00:36:31,230 --> 00:36:35,270 можете да користите Гмаил адресе - можете да користите Гмаил сервиса 595 00:36:35,270 --> 00:36:38,500 Гоогле Аппс је и један од начина да се то уради. 596 00:36:38,500 --> 00:36:44,050 Можете да подесите одређене адресе е-поште које су специфичне за ваше име домена 597 00:36:44,050 --> 00:36:46,800 уместо тога оф@гмаил.цом. 598 00:36:46,800 --> 00:36:51,840 >> И на крају, постоје веб девелопер екстензије и додаци - за Цхроме, 599 00:36:51,840 --> 00:36:56,380 за Фирефок, за друге претраживаче - који вам омогућавају да иде у инспекцију и 600 00:36:56,380 --> 00:37:02,290 ЦСС, ЈаваСцрипт прегледати, видети шта није у реду са вашим ЈаваСцрипт скрипте, 601 00:37:02,290 --> 00:37:05,290 и можда ће то бити од користи за ваше де гњави сврхе, за вас проналажење - 602 00:37:05,290 --> 00:37:08,630 добро, зашто се мој сајт не приказује исправно у овом прегледачу? 603 00:37:08,630 --> 00:37:11,800 >> И на крају, ако сте желели да сазнате више о свим овим темама - 604 00:37:11,800 --> 00:37:14,410 Ако сте желели да сазнате више о ХТМЛ и ЦСС и ЈаваСцрипт - 605 00:37:14,410 --> 00:37:16,790 јер на крају крајева, ми смо само ти учио мало - 606 00:37:16,790 --> 00:37:21,240 можете ићи сајтове као што В3Сцхоолс.цом да траже више средстава. 607 00:37:21,240 --> 00:37:26,340 Они имају веома лепе туторијале о томе како да то урадим к, или шта год да значи? 608 00:37:26,340 --> 00:37:30,400 Ако сте желели да сазнате више о овим језика можете једноставно да овде иде. 609 00:37:30,400 --> 00:37:37,690 >> У реду. Мислим да сам желео да одем последњих неколико минута за ово питања, 610 00:37:37,690 --> 00:37:39,810 тако да постоје било каква питања о свему што смо причали? 611 00:37:39,810 --> 00:37:43,500 [Гледалац] Какве ствари су на в3сцхоолс и како је то покривено? 612 00:37:43,500 --> 00:37:45,500 [Иуецхен Зхао] Какве ствари? 613 00:37:45,500 --> 00:37:50,180 Дакле, једна од веома највећих ствари које ја користим доста је своје референце. 614 00:37:50,180 --> 00:37:54,430 Њихов референце детаљ, на пример, за ЦСС - 615 00:37:54,430 --> 00:37:59,480 шта то значи, или ако желите да промените позадину странице - 616 00:37:59,480 --> 00:38:01,480 како ви то радите? 617 00:38:01,480 --> 00:38:04,550 Који прегледачи подржавају ту команду? Такве ствари. 618 00:38:04,550 --> 00:38:10,870 И онда они само имају веома лепе туторијала на ХТМЛ-у, на ПХП, ЈаваСцрипт-у, 619 00:38:10,870 --> 00:38:14,290 на МиСКЛ, на све врсте различитих тема. 620 00:38:14,290 --> 00:38:18,800 Имају лепе упутства. Они уче како да раде ствари. 621 00:38:18,800 --> 00:38:22,590 Лепо је бити у могућности да иду и науче више о овим темама. 622 00:38:22,590 --> 00:38:27,180 >> [Гледалац] ХТМЛ 5 још увек није компатибилан са свим претраживачима тамо. 623 00:38:27,180 --> 00:38:30,700 Да ли би препоручио само боравак далеко од ње због проблема са компатибилношћу? 624 00:38:30,700 --> 00:38:32,700 Како се носите са тим? 625 00:38:32,700 --> 00:38:38,640 [Иуецхен Зхао] Да, тако, питање је ХТМЛ5 је још увек беба стандард. 626 00:38:38,640 --> 00:38:42,030 То стварно није подржан од стране много претраживача, тако да би требало да га избегавају? 627 00:38:42,030 --> 00:38:48,040 Мислим да сам прошле године био би велики заговорник, хајде да избегавају ХТМЛ5 628 00:38:48,040 --> 00:38:52,430 јер је још увек - и даље је веома ново и, у ствари, ХТМЛ5 стандард 629 00:38:52,430 --> 00:38:55,610 још није завршен. 630 00:38:55,610 --> 00:38:58,790 И тако, заиста нема ХТМЛ5 стандард. 631 00:38:58,790 --> 00:39:03,840 Али мислим, посебно ако сте сада пројектовање сајт, 632 00:39:03,840 --> 00:39:07,450 можда би било боље да одеш са ХТМЛ5, јер је то на неки начин ће бити будућност, 633 00:39:07,450 --> 00:39:11,250 а ако желите да ваш сајт буде окренут будућности и желите да ваш сајт да раде 634 00:39:11,250 --> 00:39:14,320 у будућим прегледачима, можда би било боље да се почне нешто капацитета за будућност 635 00:39:14,320 --> 00:39:19,830 него у прошлости, као и само због чињенице да ХТМЛ5 заиста није тако различит 636 00:39:19,830 --> 00:39:23,080 из ХТМЛ4 или КСХТМЛ. 637 00:39:23,080 --> 00:39:29,780 Ако користите ХТМЛ5, нормално ће радити у већини прегледача. 638 00:39:29,780 --> 00:39:34,660 Потребно је само да некако иде у и уверите се са овим снимцима 639 00:39:34,660 --> 00:39:38,630 и уверивши се дешава са овим сајтовима себе. 640 00:39:38,630 --> 00:39:44,280 Али највероватније ће радити ако користите веома специфичне карактеристике у ХТМЛ5. 641 00:39:44,280 --> 00:39:50,240 Приметимо такође да је за ЦС50 - на пример, за видео плејера који користимо - 642 00:39:50,240 --> 00:39:56,230 користи ХТМЛ5 и ХТМЛ5 видео приказ предавања. 643 00:39:56,230 --> 00:39:59,420 Али, ако имате заиста стари прегледач, онда ће пасти назад на флеш. 644 00:39:59,420 --> 00:40:01,420 Дакле, то је такође нешто друго - 645 00:40:01,420 --> 00:40:05,190 имају пад-назад систем када једноставно знате да претраживач не иде за руковање 646 00:40:05,190 --> 00:40:08,140 шта желите да рукује. 647 00:40:08,140 --> 00:40:10,140 >> Остала питања? 648 00:40:10,140 --> 00:40:13,270 Све што смо причали. 649 00:40:16,910 --> 00:40:20,750 У реду. Онда мислим да је о томе за мене. 650 00:40:20,750 --> 00:40:23,090 Ја мислим да је то. 651 00:40:23,090 --> 00:40:28,430 (Аплауз) 652 00:40:28,430 --> 00:40:30,000 Цоол. 653 00:40:30,500 --> 00:40:32,700 [ЦС50.ТВ]