1 00:00:00,000 --> 00:00:03,486 >> [Мусиц плаиинг] 2 00:00:03,486 --> 00:00:10,460 3 00:00:10,460 --> 00:00:14,250 >> Давид Ј Малан: Ово је ЦС50 и ово је почетак недеље 7. 4 00:00:14,250 --> 00:00:15,060 Дакле, велцоме бацк. 5 00:00:15,060 --> 00:00:17,540 А можда ћете се сетити да у проблему сет четири, 6 00:00:17,540 --> 00:00:21,510 било је помало Сцавенгер Хунт за неке феноменалне награде при чему 7 00:00:21,510 --> 00:00:24,219 након што поврати фотографије и овде и у Нев Хавен особље, 8 00:00:24,219 --> 00:00:27,468 сте пред изазовом да пронађу што више они компјутерски научници као што сте могли. 9 00:00:27,468 --> 00:00:29,550 И имамо читав гомила поднесака. 10 00:00:29,550 --> 00:00:31,930 Мислио сам да поделим неке са вама данас. 11 00:00:31,930 --> 00:00:35,100 >> И ми ћемо постављати све ово мрежи. 12 00:00:35,100 --> 00:00:39,310 Али конкретно, хтео сам да да вам скренем пажњу да-- бунара једном, 13 00:00:39,310 --> 00:00:42,670 Сам је био у доста њих углавном позира овако. 14 00:00:42,670 --> 00:00:45,750 Али изгледа да је од Јутрос, победник 15 00:00:45,750 --> 00:00:51,170 је одређена неко по имену Кен са 24 запослених заробљени на камери 16 00:00:51,170 --> 00:00:54,600 или мало више када се узме у налог вишеструко особље у сликама. 17 00:00:54,600 --> 00:00:58,300 На слици овде је Кен следећа Марији у Нев Хавен. 18 00:00:58,300 --> 00:01:01,300 >> Сада Кен, међутим, претвара оут је помало углу случаја 19 00:01:01,300 --> 00:01:02,880 да се још није догодило. 20 00:01:02,880 --> 00:01:05,713 Испоставило се да то није падало за мене да стави фине принт у проблему 21 00:01:05,713 --> 00:01:09,710 сет четири која каже да особље неподобан за феноменалних награда у 22 00:01:09,710 --> 00:01:13,130 јер Кен је, наравно, један од фотографи на нашег особља. 23 00:01:13,130 --> 00:01:16,820 Сада, са тим рекао, првобитно ми је писао да кажем 24 00:01:16,820 --> 00:01:19,180 молим вас немојте писати ове фотографије на мрежи. 25 00:01:19,180 --> 00:01:21,630 Мислим да је у великој мери јер је већина фотографија 26 00:01:21,630 --> 00:01:24,499 да је овај фотограф је погледати мало овако нешто. 27 00:01:24,499 --> 00:01:25,040 И слично. 28 00:01:25,040 --> 00:01:28,990 >> Али Кен бих ја да вас уверим да је он јако добар фотограф, 29 00:01:28,990 --> 00:01:33,190 Он је професионалац, он узима фотографије које нису мутна, 30 00:01:33,190 --> 00:01:37,270 да су бољи у фокусу, а он је доста нашег особља. 31 00:01:37,270 --> 00:01:40,370 Али, уместо да само признају Кен, шта смо мислили да радимо 32 00:01:40,370 --> 00:01:43,390 се иде кроз листу Стварни студенти који су поднели. 33 00:01:43,390 --> 00:01:48,640 И испоставило се да је Ланце са 15 фотографије у јутрос 34 00:01:48,640 --> 00:01:50,030 је био наш победник. 35 00:01:50,030 --> 00:01:55,730 >> А на слици овде је Ланце са Колтоном, са Сказ, са собом, и са Самом. 36 00:01:55,730 --> 00:02:00,230 Али онда се испостави да је од 11:46, па мало пре, 37 00:02:00,230 --> 00:02:04,380 Вратио сам се у мој е-маил и фоунд да смо имали још једна тврдња 38 00:02:04,380 --> 00:02:08,300 од студента по имену Бони чија е-маил, рекао је само ово. 39 00:02:08,300 --> 00:02:10,800 Не лагати, ја сам радим ово током часа. 40 00:02:10,800 --> 00:02:17,620 А онда је наставио да само приложите 14 фотографија, један од стидљиви Ленс је 15. 41 00:02:17,620 --> 00:02:22,690 >> Али у Бонние фотографијама, испоставило од било више чланова особља, Сем 42 00:02:22,690 --> 00:02:25,960 Међу њима, тако да оно што смо мислили ће учинити је признати и од њих. 43 00:02:25,960 --> 00:02:29,240 Дакле, поред добијању Дропбок простор да свако ко је учествовао 44 00:02:29,240 --> 00:02:33,900 прима, ова два дела се и добити леп цатеред ручак за њих 45 00:02:33,900 --> 00:02:36,100 и њихова секција пари ове недеље. 46 00:02:36,100 --> 00:02:38,970 И тако ћете чути од нас, Ленс и Бони, о томе. 47 00:02:38,970 --> 00:02:40,002 Дакле, велики честитам на њих. 48 00:02:40,002 --> 00:02:42,210 Сада, они од вас који би као ручак генерално 49 00:02:42,210 --> 00:02:45,320 знам да ЦС50 ручак у Кембриџу и Нев Хавен је у петак. 50 00:02:45,320 --> 00:02:48,510 Иди на ЦС50 аутора сласх РСВП. 51 00:02:48,510 --> 00:02:49,800 А сада реч о семинарима. 52 00:02:49,800 --> 00:02:50,730 Више цуррицуларли. 53 00:02:50,730 --> 00:02:52,490 Дакле, ми се приближавамо тачка семестра 54 00:02:52,490 --> 00:02:55,200 где треба да почне размишљам о коначним пројектима. 55 00:02:55,200 --> 00:02:59,309 И у ствари, у само мало, зар Такозвани пре предлози да се догоди. 56 00:02:59,309 --> 00:03:01,850 Дакле, пре предлози треба да бити веома мали утицај и заиста 57 00:03:01,850 --> 00:03:04,109 само прилика за можете да напишете кратку поруку 58 00:03:04,109 --> 00:03:06,900 Ваш демонстратор на апприсе њему или њој шта мислиш 59 00:03:06,900 --> 00:03:09,140 Можда желите да урадите за своју коначног пројекта. 60 00:03:09,140 --> 00:03:11,730 >> Сада, многи студенти завршавају ради веб базирани коначне пројекте. 61 00:03:11,730 --> 00:03:13,800 И наравно, ми смо само Сада је прошле недеље у ово 62 00:03:13,800 --> 00:03:15,890 и даље роњење у веб програмирање. 63 00:03:15,890 --> 00:03:18,200 Тако да не брините ако Немам појма како 64 00:03:18,200 --> 00:03:21,594 ти би изградити идеје да можда ћете морати у вашем уму. 65 00:03:21,594 --> 00:03:24,510 Ово је заиста само тера функција да се мислиш и причаш 66 00:03:24,510 --> 00:03:25,650 са ТФ о томе. 67 00:03:25,650 --> 00:03:28,810 Али да ти помогнем са тим, и са коначним пројектима на крају, 68 00:03:28,810 --> 00:03:31,750 знам да ЦС50 има традицију понуди семинаре. 69 00:03:31,750 --> 00:03:36,084 >> А ово су опциони, руке на, или предавање на основу могућности 70 00:03:36,084 --> 00:03:39,000 да бисте сазнали више о темама које су мало споредна курс је 71 00:03:39,000 --> 00:03:43,310 Наставни план и програм, али ипак дивно Материјал за вожњу коначне пројекте. 72 00:03:43,310 --> 00:03:46,840 И то је списак који је ЦС50 особље овде у Нев Хавен 73 00:03:46,840 --> 00:03:48,600 смислили за ове године око иОС 74 00:03:48,600 --> 00:03:50,730 програмирање Андроид програмирање, развој игре, 75 00:03:50,730 --> 00:03:54,480 и гомиле више алата и језици и технике. 76 00:03:54,480 --> 00:03:56,780 >> Зато пазите на сајту ЦС50 је. 77 00:03:56,780 --> 00:04:00,110 А у међувремену, ако желите да регистрирајте интереса у било којој од њих, 78 00:04:00,110 --> 00:04:02,510 идите на ЦС50 је сласх регистар. 79 00:04:02,510 --> 00:04:05,770 И онда ћемо пратити како до дана и летења и локације 80 00:04:05,770 --> 00:04:09,090 и све-- скоро све ће бити стримују као и доступни на захтев 81 00:04:09,090 --> 00:04:11,750 после ако не можете заиста успети. 82 00:04:11,750 --> 00:04:15,800 Дакле, без даљег одлагања, ми стали прошли пут са ГЕТ. 83 00:04:15,800 --> 00:04:19,610 >> И то је као поруку да је унутар виртуелне коверти, подсјетимо, 84 00:04:19,610 --> 00:04:23,960 да смо прошли од рутера до рутера у рутер између веб претраживача и веб 85 00:04:23,960 --> 00:04:24,487 сервера. 86 00:04:24,487 --> 00:04:26,695 А да је порука изгледала мало нешто овако. 87 00:04:26,695 --> 00:04:29,700 Ово је била још порука коју волшебни је, у ствари унутар коверти 88 00:04:29,700 --> 00:04:34,440 написан на парчету папира чија је Прва линија каже дословно, да црте. 89 00:04:34,440 --> 00:04:37,830 >> И баш као што проверу исправности, шта је коса црта означава? 90 00:04:37,830 --> 00:04:40,455 Шта значи када сласх тражи сајт? 91 00:04:40,455 --> 00:04:43,070 92 00:04:43,070 --> 00:04:44,250 Ви га тражити све време. 93 00:04:44,250 --> 00:04:47,333 Већина сваки пут када посетите сајт, можете Не заправо не укуцајте име датотеке. 94 00:04:47,333 --> 00:04:50,960 Вероватно само идите на Фацебоок.цом, ентер, гмаил.цом, или слично. 95 00:04:50,960 --> 00:04:52,260 И шта коса црта представља? 96 00:04:52,260 --> 00:04:53,506 Шта фајл? 97 00:04:53,506 --> 00:04:54,630 Или шта страна, конкретно? 98 00:04:54,630 --> 00:04:59,642 99 00:04:59,642 --> 00:05:00,720 >> Индекс, да. 100 00:05:00,720 --> 00:05:01,810 Дакле, подразумевани страници. 101 00:05:01,810 --> 00:05:04,810 Дакле, ако не наведете датотеку назвати ћемо почети да видимо, 102 00:05:04,810 --> 00:05:07,750 ви у ствари само тражи дај ми Дефаулт паге Фацебоока 103 00:05:07,750 --> 00:05:10,800 или да ми инбок или дати ми подразумевани страница вести 104 00:05:10,800 --> 00:05:12,510 на сајту ЦНН-а или слично. 105 00:05:12,510 --> 00:05:15,220 И сервер онда реагује на та порука са нечим 106 00:05:15,220 --> 00:05:18,420 овако, рекавши да, Говорим ХТТП верзију 1.1. 107 00:05:18,420 --> 00:05:21,130 >> 200, што је статус код које смо ретко хуманс 108 00:05:21,130 --> 00:05:22,790 икада видели, јер је то добро. 109 00:05:22,790 --> 00:05:26,640 Зато што то значи ОК, захтев је примљено и рукује на одговарајући начин. 110 00:05:26,640 --> 00:05:28,960 А тип садржаја наводно у одговору 111 00:05:28,960 --> 00:05:31,170 је веома често, али не увек, текст. 112 00:05:31,170 --> 00:05:32,580 А конкретно ХТМЛ. 113 00:05:32,580 --> 00:05:34,760 И то је, заправо, где гледамо данас. 114 00:05:34,760 --> 00:05:37,140 >> Дакле, у ствари, ја идем напред и отвори бровсер. 115 00:05:37,140 --> 00:05:40,410 Ја ћу користити Цхроме, можете користити највише било бровсер у недељама које долазе. 116 00:05:40,410 --> 00:05:42,410 Ми генерално препоручујемо Цхроме јер посебно је 117 00:05:42,410 --> 00:05:43,750 добро за програмере. 118 00:05:43,750 --> 00:05:46,070 Има много уграђених у алати који олакшавају 119 00:05:46,070 --> 00:05:49,800 да се развије не само ХТМЛ и ЦСС, ствари ћемо почети говоримо о данас, 120 00:05:49,800 --> 00:05:51,530 али и други језици као добро. 121 00:05:51,530 --> 00:05:55,530 >> И ја ћу ићи напред и го да-- Идем да контролише клик или десни 122 00:05:55,530 --> 00:05:57,210 кликните било где на веб страници. 123 00:05:57,210 --> 00:05:59,070 И ја ћу да одем да прегледа елемент. 124 00:05:59,070 --> 00:06:03,850 И ја ћу да подесите мој Екран мало овде. 125 00:06:03,850 --> 00:06:05,790 Дозволите ми да померим ово на дну. 126 00:06:05,790 --> 00:06:08,140 Дакле, то је оно што се зове Цхроме инспектор. 127 00:06:08,140 --> 00:06:11,010 Дакле, ово је као отклањање грешака алатка уграђена у Цхроме. 128 00:06:11,010 --> 00:06:13,520 >> Сви сте већ ово Ако сте користили Цхроме. 129 00:06:13,520 --> 00:06:17,169 И то вам омогућава да видите шта се дешава на испод хаубе неке веб странице. 130 00:06:17,169 --> 00:06:19,210 Дакле, хајде да ствари потрајати погледај ово на следећи начин. 131 00:06:19,210 --> 00:06:21,251 Има начин више функција а ми стало данас. 132 00:06:21,251 --> 00:06:22,760 Али ове картице овамо. 133 00:06:22,760 --> 00:06:25,890 Елементи, мрежа, извори, Тимелине, и неке друге ствари. 134 00:06:25,890 --> 00:06:27,800 Идем да кликну на Мрежа за тренутак. 135 00:06:27,800 --> 00:06:30,500 >> И то је мало неодољив на први поглед овде. 136 00:06:30,500 --> 00:06:34,190 Али шта ћу да урадим је да пусти мене је мало поједноставити. 137 00:06:34,190 --> 00:06:37,560 Ја ћу окренути на снимање светло, тако да је црвено. 138 00:06:37,560 --> 00:06:39,140 И ја ћу да кажем сачува евиденцију. 139 00:06:39,140 --> 00:06:41,015 А ово је само мало што сам схватио 140 00:06:41,015 --> 00:06:44,120 током времена које ће спасити све што се дешава у претраживачу. 141 00:06:44,120 --> 00:06:50,030 А сада идем да хттп://фацебоок.цом. 142 00:06:50,030 --> 00:06:52,690 >> Заправо, хајде да урадимо ввв за сваки случај, сласх. 143 00:06:52,690 --> 00:06:53,643 Ентер. 144 00:06:53,643 --> 00:06:56,180 Тако УРЛ да су многи можда су посетили. 145 00:06:56,180 --> 00:06:58,830 И сада Фацебоока веб страна долази одозго. 146 00:06:58,830 --> 00:07:02,350 И онда гомила ствари пролетело на дну. 147 00:07:02,350 --> 00:07:04,830 И у ствари, испоставило се да када посетите фацебоок.цом, 148 00:07:04,830 --> 00:07:09,320 ви не само што један ХТТП захтев, испада да ће Фацебоок.цом 149 00:07:09,320 --> 00:07:14,320 шаље 41 тих коверте, свака са својим гет захтев, 150 00:07:14,320 --> 00:07:18,360 као што је назначено, мада иза екрана Овде, на дну екрана, 151 00:07:18,360 --> 00:07:24,040 то значи да, заиста, моја прегледач је 41 захтева. 152 00:07:24,040 --> 00:07:29,689 >> У укупно, пренијела 861 килобајта и требало је из неког разлога 153 00:07:29,689 --> 00:07:31,730 чак осам секунди да преузмете све то. 154 00:07:31,730 --> 00:07:33,790 Дакле, то је заправо мало чудно да би Фацебоока сајт узети 155 00:07:33,790 --> 00:07:35,600 дуго, али нека буде тако у овом случају. 156 00:07:35,600 --> 00:07:39,520 Сада, све ово не стало о изузев највишем захтев. 157 00:07:39,520 --> 00:07:46,440 Дакле, идемо да овај овде и дозволите ми умањили за тренутак. 158 00:07:46,440 --> 00:07:47,754 >> И дозволите ми да зумира ово. 159 00:07:47,754 --> 00:07:50,670 Дакле, оно што сам урадио на лево иако има много дешава овде 160 00:07:50,670 --> 00:07:53,360 је сам истакао Фацебоок.цом а затим 161 00:07:53,360 --> 00:07:56,540 приметити да сам сцроллинг доле, сцроллинг доле, доле сцроллинг, 162 00:07:56,540 --> 00:07:58,330 да затражи заглавља. 163 00:07:58,330 --> 00:08:01,720 И видећете да Цхроме показује ме суштини унутрашњи садржај 164 00:08:01,720 --> 00:08:02,810 захтјева сам направио. 165 00:08:02,810 --> 00:08:06,130 Није форматирање на сасвим исти начин, али примећујете да је помињање добити, 166 00:08:06,130 --> 00:08:09,481 примећујете да је помињање домаћина, Фацебоок.цом, пут, или коса црта, 167 00:08:09,481 --> 00:08:10,730 који је фајл сам тражио. 168 00:08:10,730 --> 00:08:12,930 >> И онда ако дођите резервну копију, ми заправо ћу 169 00:08:12,930 --> 00:08:17,270 видим да оно што се вратио на Фацебоок За мене је све ове заглавља. 170 00:08:17,270 --> 00:08:21,040 Дакле, унутар тог виртуелног коверти заиста има много кључних вредности парова. 171 00:08:21,040 --> 00:08:23,130 Реч, двотачка, а онда вредност. 172 00:08:23,130 --> 00:08:25,050 Реч, дебелог црева и вредност. 173 00:08:25,050 --> 00:08:26,160 То су тзв заглавља. 174 00:08:26,160 --> 00:08:31,860 И има много више детаља него овде Ми смо заправо стало до сада. 175 00:08:31,860 --> 00:08:33,750 >> Али ово је други на последњи је тамо доле, 176 00:08:33,750 --> 00:08:38,809 приметити, да фацебоок.цом серверу, овде заиста рекао питању неки текст ХТМЛ. 177 00:08:38,809 --> 00:08:41,409 Дакле, све ово је рећи да када сте тражили веб 178 00:08:41,409 --> 00:08:44,300 страница са претраживача до сервера, сервер одговара да 179 00:08:44,300 --> 00:08:47,630 са коверту за себе унутар којих је текст. 180 00:08:47,630 --> 00:08:49,020 Другим речима, ХТМЛ. 181 00:08:49,020 --> 00:08:50,590 Jezik za opis hiper-teksta. 182 00:08:50,590 --> 00:08:53,200 Који је други језик да данас уводимо 183 00:08:53,200 --> 00:08:57,740 да су људи или рачунара генерише како да спроведе веб странице. 184 00:08:57,740 --> 00:08:59,580 >> Конкретно, хајде да погледамо ово. 185 00:08:59,580 --> 00:09:03,277 Идем сад да се вратим на сајт Фацебоока. 186 00:09:03,277 --> 00:09:05,360 И ја ћу само Контрола клик или десни клик 187 00:09:05,360 --> 00:09:07,634 и кликните на Виев Паге Соурце. 188 00:09:07,634 --> 00:09:10,550 А чак и ако не користите Цхроме, ИЕ може да уради, Сафари може да уради, 189 00:09:10,550 --> 00:09:14,060 Фирефок можете да урадите, иако мени Опције можда изгледа мало другачије. 190 00:09:14,060 --> 00:09:18,990 И то је ХТМЛ који Марк и Компанија на Фацебоок писали. 191 00:09:18,990 --> 00:09:24,640 >> И да колективно, овај језик овде имплементира плаво и бело страницу 192 00:09:24,640 --> 00:09:26,370 да смо видели малопре. 193 00:09:26,370 --> 00:09:28,030 Дакле, ово је мало превелик. 194 00:09:28,030 --> 00:09:31,400 Али ако погледамо горе у горњем левом углу, ми смо ће почети да виде неке моделе. 195 00:09:31,400 --> 00:09:34,140 Изгледа да постоји много ових отвореног угла конзоле 196 00:09:34,140 --> 00:09:35,970 а онда је ова кључна ХТМЛ. 197 00:09:35,970 --> 00:09:38,330 Ево још једног отворено угаона заграда и главе. 198 00:09:38,330 --> 00:09:41,560 >> Ево, ако спустимо и доле и доле, ја сам 199 00:09:41,560 --> 00:09:43,820 отићи напред и покушајте да тражи нешто. 200 00:09:43,820 --> 00:09:48,510 Тамо далеко изнад са десне стране Овде је отворена носач тело. 201 00:09:48,510 --> 00:09:50,800 И сећам из прошле Време које смо предложили 202 00:09:50,800 --> 00:09:53,364 да је најједноставнији веб страници да би човек напише 203 00:09:53,364 --> 00:09:55,030 може да изгледа нешто овако. 204 00:09:55,030 --> 00:09:58,430 Отвори ХТМЛ тег, отворена глава ознака, отворен титле таг, 205 00:09:58,430 --> 00:10:03,230 онда затворена наслов, затворена главе, отворен Тело ознака, неки текст, затворена каросерија, 206 00:10:03,230 --> 00:10:04,720 затворена ХТМЛ. 207 00:10:04,720 --> 00:10:06,290 >> Али пауза овде за тренутак. 208 00:10:06,290 --> 00:10:09,030 Овај код, чак и ако сте никада није написано пре 209 00:10:09,030 --> 00:10:11,864 али и даље не разумем шта се дешава, изгледа прилично добро. 210 00:10:11,864 --> 00:10:12,821 Добро, то је веома чист. 211 00:10:12,821 --> 00:10:14,120 Веома је стилски лепо. 212 00:10:14,120 --> 00:10:16,190 Много увлачењу и белог простора. 213 00:10:16,190 --> 00:10:18,020 Фацебоок је није. 214 00:10:18,020 --> 00:10:23,190 Па зашто је Фацебоок толико горе него што сам у писању ХТМЛ? 215 00:10:23,190 --> 00:10:24,310 Очигледно. 216 00:10:24,310 --> 00:10:26,899 >> Добро, ово је као један од пет за стил. 217 00:10:26,899 --> 00:10:29,315 Постоји убедљив разлог за њих да смањи ове углове. 218 00:10:29,315 --> 00:10:31,069 219 00:10:31,069 --> 00:10:33,860 У реду, тако да не желе да лакше за вас да га прочитате. 220 00:10:33,860 --> 00:10:36,940 Дакле, у извесном смислу, они су то обфусцатинг, некако је кодирање 221 00:10:36,940 --> 00:10:40,260 барем естетски тако да је теже Миспаце 222 00:10:40,260 --> 00:10:42,705 да одем и откинути њихову страница и ХТМЛ за то. 223 00:10:42,705 --> 00:10:45,080 Испоставило се да је са програмима мада, укључујући Цхроме, 224 00:10:45,080 --> 00:10:47,020 можемо очистити ово супер лако. 225 00:10:47,020 --> 00:10:49,420 Дакле, није баш да је као разлог. 226 00:10:49,420 --> 00:10:51,290 Шта још може бити узрок. 227 00:10:51,290 --> 00:10:51,790 Да. 228 00:10:51,790 --> 00:10:54,680 229 00:10:54,680 --> 00:10:55,890 Да, бели трошкови простор података. 230 00:10:55,890 --> 00:10:56,598 Шта мислите? 231 00:10:56,598 --> 00:11:02,250 232 00:11:02,250 --> 00:11:02,979 Да, баш тако. 233 00:11:02,979 --> 00:11:06,020 Ако притисните тастер ТАБ много или размак, размотри импликације. 234 00:11:06,020 --> 00:11:10,060 Дакле, сваки тастер на тастатури је [Неразумљиво] представљени као један бајт. 235 00:11:10,060 --> 00:11:14,560 >> Тако предпостављам да Обелешити или било који од девс ових дана погађа само једном размак 236 00:11:14,560 --> 00:11:17,899 У овом ХТМЛ страницу која представља Фацебоока страницу. 237 00:11:17,899 --> 00:11:19,690 И Фацебоок има доста оф усерс ових дана. 238 00:11:19,690 --> 00:11:24,030 Дакле, претпостављам да је Фацебоок страница посети милијарду људи данас. 239 00:11:24,030 --> 00:11:27,020 И неко има на Фацебоок погодио пречку простора само једном. 240 00:11:27,020 --> 00:11:29,890 >> Дакле, један додатни бајт, милијарду прегледа, 241 00:11:29,890 --> 00:11:32,790 колико више података на Фацебоок преношење преко Интернета 242 00:11:32,790 --> 00:11:37,160 јер је неко ударио размак на свом тастатури? 243 00:11:37,160 --> 00:11:41,660 А милијарда бајта, или један гигабајт Подаци се шаљу из Фацебоок сервера 244 00:11:41,660 --> 00:11:43,626 људима широм свет без икаквог разлога. 245 00:11:43,626 --> 00:11:44,750 Дакле, то је само један простор. 246 00:11:44,750 --> 00:11:48,866 >> Замислите да смо заиста чисти ово ствар се и то увучен и додао 247 00:11:48,866 --> 00:11:50,990 доста белог простора и таб карактера и простори, 248 00:11:50,990 --> 00:11:53,656 завршиш гигабајта потрошње, ако не Терра бајтова више простора. 249 00:11:53,656 --> 00:11:56,640 И тако супер уобичајено у стварни свет веб развоја 250 00:11:56,640 --> 00:11:58,950 је да Смањите свој код. 251 00:11:58,950 --> 00:12:01,280 И ми ћемо на крају видети како можете да урадите. 252 00:12:01,280 --> 00:12:04,630 >> Али данас, ми ћемо почети писање кода то је заправо читљив од нас људи. 253 00:12:04,630 --> 00:12:10,120 Испоставило се, међутим, ако се вратиш на овај алат у Цхроме Проверите Елемент, 254 00:12:10,120 --> 00:12:12,030 Раније смо били на картици Нетворк. 255 00:12:12,030 --> 00:12:15,430 Испоставило се да ако идете до Картица елементи, шта сте заправо видели 256 00:12:15,430 --> 00:12:19,230 је Цхроме је прилично штампан верзија тог истог ХТМЛ. 257 00:12:19,230 --> 00:12:20,640 Тако смо га деобфусцатед. 258 00:12:20,640 --> 00:12:22,472 Дакле, то није меч за рачунар. 259 00:12:22,472 --> 00:12:24,430 А сада можете кликните около и почети 260 00:12:24,430 --> 00:12:27,630 да видимо хијерархију која је веб страница. 261 00:12:27,630 --> 00:12:28,780 Дакле, хајде да заиста раде ово. 262 00:12:28,780 --> 00:12:32,120 Ја идем напред и отвори на мој Мац програм који се зове текст измени. 263 00:12:32,120 --> 00:12:35,490 И сећам се да је ово само супер једноставан текст програма. 264 00:12:35,490 --> 00:12:37,490 Виндовс има нотепад.еке. 265 00:12:37,490 --> 00:12:39,820 И ја ћу на дословне откуцајте следеће. 266 00:12:39,820 --> 00:12:44,650 Док тип ХТМЛ отворена заграда ХТМЛ затворена брацкет ХТМЛ, 267 00:12:44,650 --> 00:12:49,000 имамо главу странице овде, крај главе странице овде, 268 00:12:49,000 --> 00:12:52,310 наслов ће бити слично, Хелло ворлд. 269 00:12:52,310 --> 00:12:56,660 >> А онда овде, морамо тело веб странице. 270 00:12:56,660 --> 00:12:58,050 Затворена каросерија. 271 00:12:58,050 --> 00:13:00,700 А онда овде, здраво свет. 272 00:13:00,700 --> 00:13:01,270 У реду. 273 00:13:01,270 --> 00:13:03,350 Тако смо написали супер брзо веб страницу. 274 00:13:03,350 --> 00:13:06,675 Идем да га сачувате као хелло.хтмл на мом десктопу. 275 00:13:06,675 --> 00:13:09,050 Мој Мац је да се жалим, мислећи да, чекај мало, 276 00:13:09,050 --> 00:13:11,091 ово је текстуални фајл, урадите желите да га назовете .ткт? 277 00:13:11,091 --> 00:13:13,300 Али не, желим да користим дот ХТМЛ. 278 00:13:13,300 --> 00:13:16,140 >> И онда шта је лепо ако само двоструко кликнути ову слику, 279 00:13:16,140 --> 00:13:18,600 хелло.хтмл, овде је моја веб страница. 280 00:13:18,600 --> 00:13:22,564 Нажалост, ја сам Једина особа на свету 281 00:13:22,564 --> 00:13:23,980 који можете посетити ову страницу одмах. 282 00:13:23,980 --> 00:13:26,734 Зато где то очигледно живи? 283 00:13:26,734 --> 00:13:27,650 То је на мом Мац, зар не? 284 00:13:27,650 --> 00:13:28,470 Који је бескорисна. 285 00:13:28,470 --> 00:13:30,390 Да нико у овој соби а камоли на интернету 286 00:13:30,390 --> 00:13:31,598 заправо може посетити ту страницу. 287 00:13:31,598 --> 00:13:33,820 Тако данас, морамо да увести још један елемент. 288 00:13:33,820 --> 00:13:36,720 >> И то урадити, ја ћу само напред и отвори Цлоуд 9. 289 00:13:36,720 --> 00:13:40,090 Дакле, облак 9 је, наравно, облак базирана сервице-- ЦС50 290 00:13:40,090 --> 00:13:44,890 ИДЕ-- То је све наше радне просторе ради негде на интернету. 291 00:13:44,890 --> 00:13:48,330 А то значи да су сви наши фајлова већ су јавно доступни. 292 00:13:48,330 --> 00:13:49,830 Дакле, идемо напред и урадите то. 293 00:13:49,830 --> 00:13:53,670 Ја идем напред и креирате нову датотеку НЦС50ИДЕ. 294 00:13:53,670 --> 00:13:58,819 Идем да га сачувате као пре као хелло.хтмл и кликните на саве. 295 00:13:58,819 --> 00:14:01,860 И сада само да уштедим време, ја идем да иде напред и цопи пасте овај код 296 00:14:01,860 --> 00:14:03,470 него је поново унесите да. 297 00:14:03,470 --> 00:14:04,550 И сачувајте га. 298 00:14:04,550 --> 00:14:07,550 И сада имам фајл под називом хелло.хтмл. 299 00:14:07,550 --> 00:14:09,710 Али како радим ствари отворите га као веб страницу? 300 00:14:09,710 --> 00:14:14,120 Па, испоставило се да уграђена у ЦС50 ИДЕ је не само преводилац као кланг 301 00:14:14,120 --> 00:14:16,670 и отклањање грешака као и ГДБ гомиле других програма, 302 00:14:16,670 --> 00:14:21,140 заправо постоји пуноправни веб сервер ради у ЦС50 ИДЕ. 303 00:14:21,140 --> 00:14:23,900 >> Сви ви, то јест, имају свој веб сервер. 304 00:14:23,900 --> 00:14:26,850 И веб сервер је само комад софтвера чија је сврха у животу 305 00:14:26,850 --> 00:14:28,220 је да служи се веб странице. 306 00:14:28,220 --> 00:14:32,490 Да бисте слушали за захтеве из бровсер-а одговорити са малим виртуелних коверте 307 00:14:32,490 --> 00:14:35,290 од којих је у садржај који сам написао. 308 00:14:35,290 --> 00:14:38,372 Дакле, ово веб сервер је стварно слободан и опен соурце. 309 00:14:38,372 --> 00:14:40,830 Где Опен Соурце само значи софтвер који неко други има 310 00:14:40,830 --> 00:14:43,480 пише да свако од нас може заправо видети и преузети, па чак и 311 00:14:43,480 --> 00:14:44,780 промените изворни код. 312 00:14:44,780 --> 00:14:46,150 И то се зове Апацхе. 313 00:14:46,150 --> 00:14:51,450 >> И ми смо се да је мало лакше користити у ЦС50ИДЕ називајући га Апацхе 50. 314 00:14:51,450 --> 00:14:53,780 Тако да је то заправо може разумеју следеће. 315 00:14:53,780 --> 00:14:56,560 Ја ћу рећи апацхе 50 почетак. 316 00:14:56,560 --> 00:14:58,910 И онда ћу да кажем тачку. 317 00:14:58,910 --> 00:15:01,080 И видимо неке помало волшебни поруку рекавши 318 00:15:01,080 --> 00:15:04,640 постављање Апацхе-ов документ [? група?] куће, Убунту, шта год да је, 319 00:15:04,640 --> 00:15:05,770 сласх радног простора. 320 00:15:05,770 --> 00:15:08,280 Покретање веб сервер Апацхе 2 успешно. 321 00:15:08,280 --> 00:15:11,330 >> Тако скратим причу, ја Управо сам притиснуо дугме 322 00:15:11,330 --> 00:15:18,000 и окрену на веб сервер који је сада слушање на интернету на ТЦП порт 323 00:15:18,000 --> 00:15:20,587 80 на одређеној адреси. 324 00:15:20,587 --> 00:15:22,420 И овде пише, и ово ће се променити Басед 325 00:15:22,420 --> 00:15:26,550 на своје корисничко име и другим факторима, али приметио сада, ако кликнем ово, 326 00:15:26,550 --> 00:15:30,211 ИДЕ50 тачка јхарвард и тако и тако, приметити да све ово време 327 00:15:30,211 --> 00:15:31,960 У последњих неколико недеља, можда ћете морати 328 00:15:31,960 --> 00:15:35,200 приметио да свој корисничко име је уграђен у горњем десном руком 329 00:15:35,200 --> 00:15:37,130 угао ЦС50ИДЕ. 330 00:15:37,130 --> 00:15:41,050 >> А то је у ствари био све ово темпирати адресу на којој можете 331 00:15:41,050 --> 00:15:43,574 посетите све ваше фајлове преко веба. 332 00:15:43,574 --> 00:15:45,990 До сада, није важно, јер у Ц, обично 333 00:15:45,990 --> 00:15:48,073 да ствари приказује у терминала, а не на вебу. 334 00:15:48,073 --> 00:15:50,800 Али данас, почињемо писање веб базирана код 335 00:15:50,800 --> 00:15:53,350 да ми желимо доступна на јавним адресама. 336 00:15:53,350 --> 00:15:56,100 Па шта ћу урадите је да кликнете овај УРЛ. 337 00:15:56,100 --> 00:16:00,880 >> И приметите да видим доста ружно индекс, попис директоријум, 338 00:16:00,880 --> 00:16:04,090 али оно фајл скаче на вас, вероватно? 339 00:16:04,090 --> 00:16:05,210 Хелло.хтмл. 340 00:16:05,210 --> 00:16:07,870 То је зато што сам спасио фајл у мом радном простору. 341 00:16:07,870 --> 00:16:12,310 И оно што сам рекао Апацхе веб сервер се погледате у директоријуму радног простора Давидовом. 342 00:16:12,310 --> 00:16:15,300 И нека неко у свет види те фајлове. 343 00:16:15,300 --> 00:16:19,050 >> И заиста, ако сада кликните на хелло.хтмл, 344 00:16:19,050 --> 00:16:22,180 Видим у овој картици управо тај фајл. 345 00:16:22,180 --> 00:16:26,430 Сада обратите пажњу, Цлоуд 9 ради несто мало корисно за нас. 346 00:16:26,430 --> 00:16:29,480 У оквиру ЦС50 ИДЕ, примећујете да је изненада адреса бара. 347 00:16:29,480 --> 00:16:33,690 То је зато што, иако смо користите Цхроме да посетите ЦС50ИДЕ, 348 00:16:33,690 --> 00:16:37,940 унутар ЦС50ИДЕ је сама верзија веб претраживача сада. 349 00:16:37,940 --> 00:16:40,820 И тако, уместо компликује ствари као што су, 350 00:16:40,820 --> 00:16:42,955 Ја ћу ићи напред и само копирајте овај УРЛ. 351 00:16:42,955 --> 00:16:45,330 Ја идем напред и само отвори свој прозор Цхроме. 352 00:16:45,330 --> 00:16:47,800 Дакле, нема магије овде, не ЦС50ИДЕ. 353 00:16:47,800 --> 00:16:51,800 Ја ћу само да буквално налепите мој Ј. Харвард УРЛ и притисните Ентер. 354 00:16:51,800 --> 00:16:54,750 И Воила, сада, и у теорији, сви 355 00:16:54,750 --> 00:16:57,700 на интернету, ако сам подесио Дозволе на одговарајући начин, 356 00:16:57,700 --> 00:16:58,720 могу посетити ову слику. 357 00:16:58,720 --> 00:17:03,230 И сада, ако сам рекао хелло.хтмл, воила, нема 358 00:17:03,230 --> 00:17:06,366 је мој невероватно ундервхелминг веб страница. 359 00:17:06,366 --> 00:17:07,740 Па хајде да урадимо брзо проверу исправности. 360 00:17:07,740 --> 00:17:09,710 Због свега тога је концептуална поставка. 361 00:17:09,710 --> 00:17:13,180 И ми заправо сам стварно научио како да пишу ХТМЛ-по себи. 362 00:17:13,180 --> 00:17:16,084 Има ли питања до сада на шта се управо догодило? 363 00:17:16,084 --> 00:17:18,549 364 00:17:18,549 --> 00:17:19,049 Да. 365 00:17:19,049 --> 00:17:24,290 366 00:17:24,290 --> 00:17:25,800 Да ли ЦС50 власници ове веб странице? 367 00:17:25,800 --> 00:17:26,460 У ком смислу? 368 00:17:26,460 --> 00:17:28,947 369 00:17:28,947 --> 00:17:29,530 Добро питање. 370 00:17:29,530 --> 00:17:32,429 Дакле, ЦС50 је власник ЦС50.ио. 371 00:17:32,429 --> 00:17:33,970 Заиста смо купили то име домена. 372 00:17:33,970 --> 00:17:37,240 А по природи вас пријавити на ЦС50ИДЕ, 373 00:17:37,240 --> 00:17:39,270 сви добити оно што се зове поддомен. 374 00:17:39,270 --> 00:17:46,840 >> Дакле, ИДЕ50-Малан, или ИДЕ50-Роб.ЦС50.ио, то је ваш јединствени адреса у 375 00:17:46,840 --> 00:17:47,730 наше име домена. 376 00:17:47,730 --> 00:17:50,850 Дакле, за потребе курса, имате своју јединствену адресу. 377 00:17:50,850 --> 00:17:55,150 Али смо поједностављен ствари од куповине левел домаин топ, ЦС50 тачка 378 00:17:55,150 --> 00:17:58,050 И / О и онда сви остали унутар тога, да се тако изразим. 379 00:17:58,050 --> 00:17:59,890 И ми ћемо се вратити на то за пар недеља вероватно, 380 00:17:59,890 --> 00:18:01,930 посебно у завршној пројекта време, када су неки од вас 381 00:18:01,930 --> 00:18:03,596 можда желите да своје имена домена. 382 00:18:03,596 --> 00:18:06,270 Заправо је релативно једноставно. 383 00:18:06,270 --> 00:18:06,770 У реду. 384 00:18:06,770 --> 00:18:07,880 Па хајде да сада ово. 385 00:18:07,880 --> 00:18:11,910 Идем да се вратим у ЦС50ИДЕ, где мој досије сада, 386 00:18:11,910 --> 00:18:14,710 хелло.хтмл, није све то занимљиво. 387 00:18:14,710 --> 00:18:17,130 Волео бих да урадим нешто мало лепше од тога. 388 00:18:17,130 --> 00:18:19,440 Зато ћу да урадим овако нешто. 389 00:18:19,440 --> 00:18:21,510 Пусти ме отворен параграпхс.хтмл. 390 00:18:21,510 --> 00:18:23,560 Дакле, ово је фајл сам написао унапред. 391 00:18:23,560 --> 00:18:26,480 На врху тога, као и Увек имамо коментаре. 392 00:18:26,480 --> 00:18:28,730 Али у ХТМЛ, коментари изгледају мало другачије. 393 00:18:28,730 --> 00:18:33,270 На линији три и линије 14, ви види синтаксу за покретање коментар 394 00:18:33,270 --> 00:18:34,020 и завршава коментар. 395 00:18:34,020 --> 00:18:36,820 >> Али ништа од ствари у између питања функционално. 396 00:18:36,820 --> 00:18:40,250 То је само белешку са људски шта се овде дешава. 397 00:18:40,250 --> 00:18:43,040 И баш као што брзо разум проверите, ако спустите, 398 00:18:43,040 --> 00:18:46,820 шта је очигледно нови ознака које смо увели? 399 00:18:46,820 --> 00:18:52,130 Ознаке до сада смо видели смо отворени носач ХТМЛ главу, наслов и тело. 400 00:18:52,130 --> 00:18:54,400 Али оно што је сада очигледно ново? 401 00:18:54,400 --> 00:18:55,200 >> Да, тако стр. 402 00:18:55,200 --> 00:18:57,320 П ознака или ознака став. 403 00:18:57,320 --> 00:19:01,182 И онда само сам позајмио неку дефаулт Латински текст да представљају своје ставове. 404 00:19:01,182 --> 00:19:03,390 Јер оно што сам хтео да показати како сте могли 405 00:19:03,390 --> 00:19:05,859 представљају ставове текста у ХТМЛ. 406 00:19:05,859 --> 00:19:08,400 И тако шта почиње да се дешава Овде је да већ постоји 407 00:19:08,400 --> 00:19:09,657 образац у развоју. 408 00:19:09,657 --> 00:19:10,990 И пусти ме само напред и урадите то. 409 00:19:10,990 --> 00:19:12,760 Дозволите ми да прво искључите Апацхе. 410 00:19:12,760 --> 00:19:17,340 И ја ћу то рећи да се почне поново у данашње извора седам 411 00:19:17,340 --> 00:19:18,420 м директоријум. 412 00:19:18,420 --> 00:19:20,100 Тако да имам приступ свему. 413 00:19:20,100 --> 00:19:22,230 >> И сада, ако се вратим у да преведем директоријум, 414 00:19:22,230 --> 00:19:24,846 приметити да видим све датотеке од данас. 415 00:19:24,846 --> 00:19:26,720 И видећете у Следећи проблем скуп, ми ћемо 416 00:19:26,720 --> 00:19:28,594 да ти дам упутства за то управо то. 417 00:19:28,594 --> 00:19:35,210 Ако отворим параграпхс.хтмл, ово би могло као и изгледају као програмски језик 418 00:19:35,210 --> 00:19:36,970 за вас ако не говори или читам латински. 419 00:19:36,970 --> 00:19:40,525 Али ово је само три пасуса од текста који су означени у ХТМЛ. 420 00:19:40,525 --> 00:19:43,100 >> И приметио став паузе између њих. 421 00:19:43,100 --> 00:19:46,400 Зато што се испоставило, и иако вас 422 00:19:46,400 --> 00:19:49,210 могу бити склони да то урадите, док у стварном свету, 423 00:19:49,210 --> 00:19:51,370 ако желите да ставите ред паузама између ствари, 424 00:19:51,370 --> 00:19:55,680 могао би једноставно ово и ударио Саве. 425 00:19:55,680 --> 00:19:59,460 И сад, ако сам овде релоад, обавештење да је све само замагљује заједно 426 00:19:59,460 --> 00:20:01,100 у само једном блоб текста. 427 00:20:01,100 --> 00:20:03,570 Због ХТМЛ је некако глупо језика. 428 00:20:03,570 --> 00:20:07,230 >> Намењена је да се користи у таквим начин да се претраживач ће само 429 00:20:07,230 --> 00:20:09,920 урадите оно што експлицитно не кажете да уради. 430 00:20:09,920 --> 00:20:12,890 Дакле, ако не кажеш дај ми нови став, 431 00:20:12,890 --> 00:20:14,569 нећеш да види нови став. 432 00:20:14,569 --> 00:20:16,360 А у ствари, оно што је претраживач ће да уради 433 00:20:16,360 --> 00:20:20,020 је чак и ако притиснете Ентер, идемо опет и опет кажем 434 00:20:20,020 --> 00:20:23,190 и опет, креће овај текст пут доле по екрану, а затим сачувајте 435 00:20:23,190 --> 00:20:26,610 а затим поново, претраживач ће до колапса све те беле простора 436 00:20:26,610 --> 00:20:29,021 у само једној, видљиве белине. 437 00:20:29,021 --> 00:20:29,520 У реду. 438 00:20:29,520 --> 00:20:30,869 Дакле, то је став ознака. 439 00:20:30,869 --> 00:20:32,910 И шта је образац То је овде у развоју? 440 00:20:32,910 --> 00:20:37,450 Па, изгледа да је случај да ХТМЛ је све о покретању таг 441 00:20:37,450 --> 00:20:38,460 и завршава ознаку. 442 00:20:38,460 --> 00:20:39,300 А шта је таг? 443 00:20:39,300 --> 00:20:41,160 Па, то је само комад синтаксе. 444 00:20:41,160 --> 00:20:44,400 Отворите носач, кључна реч, затворена заграда је ознака. 445 00:20:44,400 --> 00:20:45,510 Или старт таг. 446 00:20:45,510 --> 00:20:48,590 И онда када си урађено изражавајући себе, 447 00:20:48,590 --> 00:20:52,300 као у завршите са ставом, то чините да говоре супротно. 448 00:20:52,300 --> 00:20:55,480 Али супротно није сасвим уназад. 449 00:20:55,480 --> 00:21:00,630 >> Једноставно префикс иста ознака је име са коса црта овако. 450 00:21:00,630 --> 00:21:01,130 У реду. 451 00:21:01,130 --> 00:21:02,570 Дакле, није све тако узбудљиво. 452 00:21:02,570 --> 00:21:05,270 И у ствари, ми не чинећи веб све то занимљивији. 453 00:21:05,270 --> 00:21:07,630 Шта ако желим да ствари веће и смеле? 454 00:21:07,630 --> 00:21:11,780 Тако испада да овде је један пример у хеадингс.хтмл, где је у мом телу, 455 00:21:11,780 --> 00:21:17,280 Имам Х1 таг, Х2, Х3, четири, пет или шест, од којих сви 456 00:21:17,280 --> 00:21:18,310 изгледају прилично волшебни. 457 00:21:18,310 --> 00:21:21,010 Али ако отворим Пример, хајде да погледамо. 458 00:21:21,010 --> 00:21:22,490 Хеадингс.хтмл. 459 00:21:22,490 --> 00:21:27,030 >> Дакле, претраживачи по дефаулту могу да вам текст То је велики и храбар од различитих величина. 460 00:21:27,030 --> 00:21:28,070 Х1 је велика. 461 00:21:28,070 --> 00:21:31,240 Х6 је мањи и потом све остало између. 462 00:21:31,240 --> 00:21:34,170 Дакле, то је занимљиво, али и даље Није баш веб знам. 463 00:21:34,170 --> 00:21:36,870 Шта ако желимо да имам нешто као листе. . 464 00:21:36,870 --> 00:21:40,190 Дакле, овде је нумерисана листа три Харварда кућа. 465 00:21:40,190 --> 00:21:41,600 >> Како сте то радили ово? 466 00:21:41,600 --> 00:21:45,410 Па, погледајте лист.хтмл. 467 00:21:45,410 --> 00:21:47,870 И овде, видимо Мало функинесс 468 00:21:47,870 --> 00:21:49,630 али хајде да размотримо шта се дешава. 469 00:21:49,630 --> 00:21:56,182 Дакле, на основу онога што сте управо видели, УЛ означава несређене листе. 470 00:21:56,182 --> 00:21:57,640 Списак без редних бројева само значи нумерисана. 471 00:21:57,640 --> 00:21:58,431 Нема бројева. 472 00:21:58,431 --> 00:22:01,850 Постоји нешто зове наредио листу, што представља Ол на таг. 473 00:22:01,850 --> 00:22:05,350 Затим Ли, на листи је све то значи. 474 00:22:05,350 --> 00:22:07,790 >> И тако га аутоматски Бројеви све за вас. 475 00:22:07,790 --> 00:22:11,270 Али опет, све моје отиска и бела простор само за мене. 476 00:22:11,270 --> 00:22:13,050 Претраживач није у ствари бити брига. 477 00:22:13,050 --> 00:22:16,670 Тако да, иако нисте могли ово, само да буде јасно, 478 00:22:16,670 --> 00:22:19,880 не би требало да иако претраживач ће и даље 479 00:22:19,880 --> 00:22:22,130 бити у стању да разуме сасвим добро. 480 00:22:22,130 --> 00:22:24,590 Ја сам ударање у мом релоад претраживач, ја клика релоад 481 00:22:24,590 --> 00:22:26,760 и не промене се дешавају јер претраживач даље 482 00:22:26,760 --> 00:22:29,550 ради управо оно што ја кажем. 483 00:22:29,550 --> 00:22:30,050 >> У реду. 484 00:22:30,050 --> 00:22:31,340 Дакле, ово је све само текст. 485 00:22:31,340 --> 00:22:33,730 Хајде да урадимо нешто занимљиво. 486 00:22:33,730 --> 00:22:36,660 Ја идем напред и позајми неке од ове ХТМЛ. 487 00:22:36,660 --> 00:22:40,910 Ја идем напред и креирате нову датотеку овде. 488 00:22:40,910 --> 00:22:43,370 И ми ћемо назвати рицк.хтмл. 489 00:22:43,370 --> 00:22:46,190 490 00:22:46,190 --> 00:22:48,916 Ми имамо несразмерно Половни нешто 491 00:22:48,916 --> 00:22:51,290 назива Рицк Ролл у овом класа ове године, не знам, 492 00:22:51,290 --> 00:22:53,880 то се управо догодило органски. 493 00:22:53,880 --> 00:22:55,397 >> И сада се отела контроли. 494 00:22:55,397 --> 00:22:56,730 Дакле, ја само идем са њим. 495 00:22:56,730 --> 00:22:59,700 И ако одем на Гоогле Слике и Рицк Астлеи. 496 00:22:59,700 --> 00:23:02,450 497 00:23:02,450 --> 00:23:06,170 Ако не знаш зашто радимо ово сам прочитао горе на Википедији. 498 00:23:06,170 --> 00:23:11,520 Сваки пут сте кликнули на линк, да је неко смеје негде. 499 00:23:11,520 --> 00:23:14,860 И пусти ме ахеад-- тамо Идемо, идемо видели ову слику. 500 00:23:14,860 --> 00:23:16,750 >> Дакле, овде имамо све слика у Гоогле Имагес. 501 00:23:16,750 --> 00:23:19,390 И претпоставимо да је ово разумно свуда на интернету. 502 00:23:19,390 --> 00:23:22,570 Зато ћу претпоставити да је у реду за мене да стварно стави ово у моју веб страницу. 503 00:23:22,570 --> 00:23:24,820 Ја ћу ићи напред и копирајте УРЛ слике. 504 00:23:24,820 --> 00:23:28,600 И сада, ако се вратим на Цлоуд 9, хајде да видимо шта могу да урадим овде. 505 00:23:28,600 --> 00:23:30,630 Дакле, овде је само веб страница. 506 00:23:30,630 --> 00:23:39,020 Ово је Рицк Астлеи, хаха, Идем сад да се вратим 507 00:23:39,020 --> 00:23:43,510 мом бровсер, поново, и занимљиво. 508 00:23:43,510 --> 00:23:44,530 >> Где је Рик? 509 00:23:44,530 --> 00:23:46,050 Дакле, да видим шта се десило. 510 00:23:46,050 --> 00:23:49,114 Заправо, ја ћу претварати као да то нисам урадио. 511 00:23:49,114 --> 00:23:50,280 [Неразумљиво] га овде. 512 00:23:50,280 --> 00:23:52,520 Вратићемо се на то за који тренутак. 513 00:23:52,520 --> 00:23:54,200 Дакле, овде је рицк.хтмл. 514 00:23:54,200 --> 00:23:56,070 Дакле, то није Рицк Астлеи. 515 00:23:56,070 --> 00:23:59,680 Тако испада да можемо заправо га додати овде. 516 00:23:59,680 --> 00:24:00,830 Ово је Рицк Астлеи. 517 00:24:00,830 --> 00:24:06,680 Ја ћу рећи да ми слику чија извор је УРЛ Само копира, која 518 00:24:06,680 --> 00:24:09,110 очигледно је срећан рођендан или нешто друго. 519 00:24:09,110 --> 00:24:13,280 >> И сада ћу затворите ознаку овако. 520 00:24:13,280 --> 00:24:15,170 Дакле, ово је паковање лонг. 521 00:24:15,170 --> 00:24:17,740 Али приметити да све имам урађено је отворена носач слике, 522 00:24:17,740 --> 00:24:20,270 извор са атрибутом ово. 523 00:24:20,270 --> 00:24:21,530 И то је заиста дуго УРЛ адреса. 524 00:24:21,530 --> 00:24:23,720 И на самом крају, приметио ово. 525 00:24:23,720 --> 00:24:29,530 Зашто сам то урадио коса црта под углом носач уместо да, као и сваки други таг, 526 00:24:29,530 --> 00:24:33,590 има отворену заграду, ИМГ, затворена конзолу? 527 00:24:33,590 --> 00:24:37,040 Само да претпоставите чак и ако нема упознати икаквог 528 00:24:37,040 --> 00:24:40,410 са ХТМЛ раније. 529 00:24:40,410 --> 00:24:42,710 >> Тако је како је затвара команда, али зашто 530 00:24:42,710 --> 00:24:45,850 то није стварно да интуитивно смисла нешто учинити мало 531 00:24:45,850 --> 00:24:48,820 вербосе као блиске слике? 532 00:24:48,820 --> 00:24:51,400 Да. 533 00:24:51,400 --> 00:24:52,000 Да. 534 00:24:52,000 --> 00:24:55,620 Само семантички, нема осећај покретање слику и завршава слику, 535 00:24:55,620 --> 00:24:56,870 то је било тамо или није. 536 00:24:56,870 --> 00:25:00,960 Тако да нема смисла да остави празнину за било шта друго унутар слике. 537 00:25:00,960 --> 00:25:02,010 Једноставно не могу то да урадим. 538 00:25:02,010 --> 00:25:03,720 И тако је синтакса су генерално бити само 539 00:25:03,720 --> 00:25:07,910 да уради косу црту унутар отвореног ознаке или старт таг 540 00:25:07,910 --> 00:25:09,020 а затим ударио Саве. 541 00:25:09,020 --> 00:25:13,350 >> Дакле, ако сам сада поново ову слику, сада Имам добар веб страници кување овде. 542 00:25:13,350 --> 00:25:15,100 И свакако могли стварно нервира људе 543 00:25:15,100 --> 00:25:17,010 уградњом уместо као ИоуТубе линк. 544 00:25:17,010 --> 00:25:19,350 И у ствари, сваки пут сте икада отишли ​​на ИоуТубе, 545 00:25:19,350 --> 00:25:22,190 и нека ме заправо случајно Рицк Ролл себе овде. 546 00:25:22,190 --> 00:25:25,770 Па, Рицк Ролл. 547 00:25:25,770 --> 00:25:29,592 Па, Рицк ролл-- ја идем одавде. 548 00:25:29,592 --> 00:25:31,900 >> [Мусиц плаиинг] 549 00:25:31,900 --> 00:25:33,730 >> У реду, једна особа се допало. 550 00:25:33,730 --> 00:25:37,270 Тако приметити све ово време, ако вас кликните на линк Схаре, те наравно 551 00:25:37,270 --> 00:25:41,390 гет УРЛ који заправо можете уградити у емаил или форензички слике 552 00:25:41,390 --> 00:25:43,730 или у проблему постављена или у слајду. 553 00:25:43,730 --> 00:25:49,055 И сада, ако уместо тога кликнете на Ембед, приметити да све ово време, ова ствар 554 00:25:49,055 --> 00:25:49,680 је био тамо. 555 00:25:49,680 --> 00:25:50,910 Ја идем напред и копирати ово. 556 00:25:50,910 --> 00:25:54,000 >> И само тако можемо боље видети, ја сам да га налепите у мојој текст едитору. 557 00:25:54,000 --> 00:25:55,860 Обратите пажњу да ово што ИоуТубе је ти. 558 00:25:55,860 --> 00:25:57,693 Сваки пут када посети Иоутубе видео, ако вас 559 00:25:57,693 --> 00:26:00,410 Желим да уграде видео на свој веб страница, једноставно узми ово. 560 00:26:00,410 --> 00:26:03,350 Дакле, ово је још један ХТМЛ тагове зове ифраме. 561 00:26:03,350 --> 00:26:04,590 Или у оквиру линије. 562 00:26:04,590 --> 00:26:08,680 Дакле, и она изгледа мало више комплекснији од свих осталих. 563 00:26:08,680 --> 00:26:11,950 Тако испада да слике таг и очигледно ифраме ознака 564 00:26:11,950 --> 00:26:13,370 узети оно што се назива атрибути. 565 00:26:13,370 --> 00:26:15,710 >> И ово је још једна комад синтаксе у ХТМЛ. 566 00:26:15,710 --> 00:26:19,240 Поред ознака је име, отворена носач ознака име, 567 00:26:19,240 --> 00:26:23,780 можете контролисати понашање тага тако што гомилу атрибута 568 00:26:23,780 --> 00:26:24,860 једнака вредност. 569 00:26:24,860 --> 00:26:26,290 Атрибут једнака вредности. 570 00:26:26,290 --> 00:26:28,100 И тако рецимо, ИоуТубе је нам говори 571 00:26:28,100 --> 00:26:31,990 Ако желите ширину овај видео да буде 420 пиксела и висине 572 00:26:31,990 --> 00:26:35,470 да буде 315 пиксела, то је како то да изрази у ХТМЛ. 573 00:26:35,470 --> 00:26:38,480 >> Извор спота иде да буде толико дуго ИоуТубе УРЛ адреса 574 00:26:38,480 --> 00:26:40,830 и онда неке друге ствари као оквир граница је нула, 575 00:26:40,830 --> 00:26:43,500 тако да вероватно значи да је нема граница око ствари. 576 00:26:43,500 --> 00:26:45,450 Вероватно Дозволи цео екран значи да корисник 577 00:26:45,450 --> 00:26:47,840 кликните на дугме и заправо Фулл Сцреен видео. 578 00:26:47,840 --> 00:26:52,870 Дакле, ако заиста желим да будем импресивно овде у Рицк дот ХТМЛ, 579 00:26:52,870 --> 00:26:58,490 уместо да користе слике таг, нека ја избришете да, уместо пасте ово. 580 00:26:58,490 --> 00:27:00,810 И сада релоад. 581 00:27:00,810 --> 00:27:02,500 И ево нас опет. 582 00:27:02,500 --> 00:27:04,979 583 00:27:04,979 --> 00:27:06,020 У реду, то је довољно. 584 00:27:06,020 --> 00:27:08,970 У реду, тако да ћу пробати Тешко да то не ради опет. 585 00:27:08,970 --> 00:27:11,400 Дакле, шта су неки од Такеаваис овде? 586 00:27:11,400 --> 00:27:15,130 Дакле, ХТМЛ, ружан као овим страницама су, заправо прилично једноставна. 587 00:27:15,130 --> 00:27:16,467 То није програмски језик. 588 00:27:16,467 --> 00:27:17,550 Она нема функције. 589 00:27:17,550 --> 00:27:18,410 Она нема петље. 590 00:27:18,410 --> 00:27:19,535 Она нема услове. 591 00:27:19,535 --> 00:27:22,900 Све што има је на десетине различитих тагова, од којих сваки 592 00:27:22,900 --> 00:27:24,620 има нула или више атрибута. 593 00:27:24,620 --> 00:27:27,320 И, у ствари, оно што је забавно вези ХТМЛ као што почнете да зарони у 594 00:27:27,320 --> 00:27:29,560 је да је сама себи може научити. 595 00:27:29,560 --> 00:27:32,880 >> Све што је потребно је разумевање општег оквира ХТМЛ. 596 00:27:32,880 --> 00:27:36,510 Шта је ознака, што је атрибут, како заправо конфигуришете веб страницу 597 00:27:36,510 --> 00:27:37,250 као што следи. 598 00:27:37,250 --> 00:27:40,720 И све остало је заиста резултат гледања у онлине референце 599 00:27:40,720 --> 00:27:43,080 или гооглинг како да урадите нешто технике или као што смо видели, 600 00:27:43,080 --> 00:27:45,371 гледа на извору Фацебоок- код, гледајући на сајту 601 00:27:45,371 --> 00:27:48,710 да ли у томе је изворни код и разумевање како програмери тамо 602 00:27:48,710 --> 00:27:50,550 заправо положили ствари. 603 00:27:50,550 --> 00:27:52,180 >> Дакле, можемо да урадимо слике као добро. 604 00:27:52,180 --> 00:27:53,994 И у ствари, ми смо га малопре урадио. 605 00:27:53,994 --> 00:27:55,410 Пусти ме само напред и само вам показати. 606 00:27:55,410 --> 00:27:56,770 Ево неких узорак кода. 607 00:27:56,770 --> 00:27:58,380 Ако сте икада желите да видите мрзовољан мачку. 608 00:27:58,380 --> 00:28:00,620 Дакле, приметите да могу имам овде слику ознаку. 609 00:28:00,620 --> 00:28:02,090 И ја имам коментар изнад њега. 610 00:28:02,090 --> 00:28:04,490 Имам алтернативу Текст за приступачност. 611 00:28:04,490 --> 00:28:07,250 Дакле, неко ко је користи екран Читалац из разлога вида 612 00:28:07,250 --> 00:28:10,172 заправо може онда имају своје читач екрана кажу мрзовољан мачку. 613 00:28:10,172 --> 00:28:11,880 Јер, ако они не могу види слику, они 614 00:28:11,880 --> 00:28:14,504 може барем имају свој компјутер реци им вербално шта је то. 615 00:28:14,504 --> 00:28:18,020 А извор тог фајла је цат.јпег. 616 00:28:18,020 --> 00:28:22,472 Дакле, у ствари, ако сам стварно желео да се паметан, оно што сам могао да доне-- 617 00:28:22,472 --> 00:28:25,680 Обећавам да нећу ићи у Рицк Астлеи, тако Идем на гоогле за мачку умјесто. 618 00:28:25,680 --> 00:28:28,290 И ако одем на Гоогле Имагес овде, а ми ћемо претпоставити 619 00:28:28,290 --> 00:28:30,040 да је ово слика моје мачке. 620 00:28:30,040 --> 00:28:35,070 >> Претпоставимо да имам контролу кликнуо или право кликнули на то, случајно 621 00:28:35,070 --> 00:28:35,630 језиво. 622 00:28:35,630 --> 00:28:40,320 И цат.јпег Идем да сачувате на десктопу. 623 00:28:40,320 --> 00:28:44,700 Дозволите ми сада да се вратимо у облаку 9. 624 00:28:44,700 --> 00:28:48,150 Приметите да овде могу да идите за уплоад локалне датотеке. 625 00:28:48,150 --> 00:28:51,530 А ако узмем ово Филе, цат.јпег, обавештење 626 00:28:51,530 --> 00:28:54,674 да могу да га превуците и дроп га у облак 9 627 00:28:54,674 --> 00:28:56,090 и да ће викати на мене. 628 00:28:56,090 --> 00:28:59,000 >> Пошто смо већ дали ти цат.јпег фајл, 629 00:28:59,000 --> 00:29:01,430 али је супер лако зграбите фотографију коју сте 630 00:29:01,430 --> 00:29:03,220 преузет из Фацебоок или Флицкр или слично 631 00:29:03,220 --> 00:29:05,678 и заправо драг анд дроп ит у цлоуд 9 и онда успети 632 00:29:05,678 --> 00:29:07,970 део вашег личног сајт или проблем 633 00:29:07,970 --> 00:29:10,442 сет седам или осам као што ћемо ускоро видети. 634 00:29:10,442 --> 00:29:12,150 И онда када вас коначно посети ту мачку, 635 00:29:12,150 --> 00:29:16,610 под претпоставком Скинуо сам тај исти мачку, Обавештење то-- то је било дивно. 636 00:29:16,610 --> 00:29:19,160 >> Оно што ће видети је нешто слично овим лицем овде. 637 00:29:19,160 --> 00:29:21,810 Тако датотека које сте референца на веб страници 638 00:29:21,810 --> 00:29:26,050 може да буде локално у свој рачун или даљински неком другом серверу на 639 00:29:26,050 --> 00:29:29,670 као у случају Рицка Астлеи фото мало пре. 640 00:29:29,670 --> 00:29:32,990 Па где елсе-- шта друго можемо да овде? 641 00:29:32,990 --> 00:29:34,890 Дакле, хајде да погледамо следеће. 642 00:29:34,890 --> 00:29:36,160 Знаш шта је кул? 643 00:29:36,160 --> 00:29:39,330 >> Ми смо до сада били израду Веома статички веб странице. 644 00:29:39,330 --> 00:29:41,830 Желим да зачинити ствари као што следи. 645 00:29:41,830 --> 00:29:44,344 Желим да свој претраживач. 646 00:29:44,344 --> 00:29:47,010 Тако да се направи претраживача, хајдемо само напред и почети радим ово. 647 00:29:47,010 --> 00:29:52,570 Ја идем напред и створити нови фајл који се зове сеарцх.хтмл. 648 00:29:52,570 --> 00:29:54,890 И ми смо префабед верзије на мрежи. 649 00:29:54,890 --> 00:29:56,027 Упс. 650 00:29:56,027 --> 00:29:57,610 Не пасте у прозор свог терминала. 651 00:29:57,610 --> 00:29:58,744 Префаб верзије онлине. 652 00:29:58,744 --> 00:30:00,160 И ја ћу почети на следећи начин. 653 00:30:00,160 --> 00:30:04,490 Дакле, овде је почетак фајл под именом сеарцх.хтмл. 654 00:30:04,490 --> 00:30:07,510 Ја ћу да га сместите у данашњи извор директоријум. 655 00:30:07,510 --> 00:30:09,079 Ја ћу да позовем ову претрагу. 656 00:30:09,079 --> 00:30:10,370 Заправо, ми ћемо учинити боље. 657 00:30:10,370 --> 00:30:13,600 ЦС50 Тражи и заправо бренд. 658 00:30:13,600 --> 00:30:17,500 И сад, ја ћу рећи нешто као Х1 ЦС50 Сеарцх. 659 00:30:17,500 --> 00:30:20,930 А онда овде доле, Х2 ускоро. 660 00:30:20,930 --> 00:30:23,230 И само да подсетимо, Х1 и Х2 мислим оно, односно? 661 00:30:23,230 --> 00:30:26,750 662 00:30:26,750 --> 00:30:30,320 >> Да, тако велики и храбар, и не као велики, али ипак храбар. 663 00:30:30,320 --> 00:30:37,375 Дакле, ако сам спасити ово и иди тамо, хајде да видимо фајла сеарцх.хтмл. 664 00:30:37,375 --> 00:30:42,560 У реду, а ова је ригхт-- [неразумљиво]. 665 00:30:42,560 --> 00:30:46,980 666 00:30:46,980 --> 00:30:49,110 Причекати. 667 00:30:49,110 --> 00:30:49,945 Давид је збуњен. 668 00:30:49,945 --> 00:30:52,610 669 00:30:52,610 --> 00:30:54,080 Ох, то је тамо. 670 00:30:54,080 --> 00:30:54,860 Дејвид је идиот. 671 00:30:54,860 --> 00:30:55,420 ОК. 672 00:30:55,420 --> 00:30:56,660 Дакле, то је то. 673 00:30:56,660 --> 00:30:58,350 Дакле, ЦС50 претрага ускоро. 674 00:30:58,350 --> 00:31:00,370 Дакле, сада, хајде да синтетишу оно што смо урадили прошле недеље. 675 00:31:00,370 --> 00:31:03,400 >> Где смо разговарали о нижи механика ХТТП нивоу. 676 00:31:03,400 --> 00:31:05,780 И ове нове идеје ХТМЛ, који је само 677 00:31:05,780 --> 00:31:08,890 овај језик за означавање где си реци бровсер тачно шта да радим 678 00:31:08,890 --> 00:31:10,740 и спровести сопствену претраживач. 679 00:31:10,740 --> 00:31:12,520 Дакле, уместо да само говорећи ускоро, ја сам 680 00:31:12,520 --> 00:31:14,810 увешће нешто што се зове форма ознаку. 681 00:31:14,810 --> 00:31:19,610 И у овом облику, ја ћу има нешто као поље за унос. 682 00:31:19,610 --> 00:31:22,450 >> А име тог улаза поље, ја ћу да га зовем П 683 00:31:22,450 --> 00:31:26,240 А тип овом пољу за унос Ја ћу рећи само "текст". 684 00:31:26,240 --> 00:31:29,130 И текст поље, као што ћемо види, је само оквир за текст. 685 00:31:29,130 --> 00:31:32,830 И тако не осете овде да ништа унутар ње у овом тренутку. 686 00:31:32,830 --> 00:31:35,320 И тако ја само идем да бисте затворили ознаку са тим 687 00:31:35,320 --> 00:31:38,099 коса црта право у самом таг. 688 00:31:38,099 --> 00:31:39,890 А онда ћу још једно улаз. 689 00:31:39,890 --> 00:31:43,480 Инпут једнако поднесу. 690 00:31:43,480 --> 00:31:45,320 А онда ћу затворити и ову једну. 691 00:31:45,320 --> 00:31:46,840 >> А сада ћу да се вратим овде. 692 00:31:46,840 --> 00:31:49,520 И већ видимо, мада прилично гадно, имам 693 00:31:49,520 --> 00:31:52,460 Имам почетке моја претрага страну овде. 694 00:31:52,460 --> 00:31:55,150 У ствари, дозволите ми да очистити ово мало. 695 00:31:55,150 --> 00:31:57,330 Испоставило се да на улаз овде, могу имати 696 00:31:57,330 --> 00:31:59,910 још један атрибут зове чувар места. 697 00:31:59,910 --> 00:32:05,165 И можда ћете видети нешто као кључне речи, или прецизније, упит за к. 698 00:32:05,165 --> 00:32:07,820 >> И приметио, сад, имам ова врста сиве текста 699 00:32:07,820 --> 00:32:10,440 да нестаје као чим почнем да куцате, 700 00:32:10,440 --> 00:32:12,930 али то је вероватно нешто сте видели у другим веб страницама. 701 00:32:12,930 --> 00:32:14,650 Ја стварно не волим дугме Субмит. 702 00:32:14,650 --> 00:32:18,320 Зато ћу стварно да дају Дугме поднијети вредност претраге. 703 00:32:18,320 --> 00:32:21,680 И сада, ако релоад, приметити да мој дугме постаје зове претрага. 704 00:32:21,680 --> 00:32:24,140 Знате, ја стварно не као лого хере. 705 00:32:24,140 --> 00:32:27,140 Дакле, Гоогле Фонт Генератор. 706 00:32:27,140 --> 00:32:28,820 >> Желим да зачинити ово даље. 707 00:32:28,820 --> 00:32:30,660 Тако ЦС50 претрага. 708 00:32:30,660 --> 00:32:31,870 Дозволите ми да креирам сопствени лого. 709 00:32:31,870 --> 00:32:33,080 То изгледа лепо. 710 00:32:33,080 --> 00:32:36,945 Дакле, сада пусти ме спаси ово као- хајде. 711 00:32:36,945 --> 00:32:40,710 712 00:32:40,710 --> 00:32:43,120 Где иде? 713 00:32:43,120 --> 00:32:43,620 Тамо. 714 00:32:43,620 --> 00:32:44,160 ОК. 715 00:32:44,160 --> 00:32:44,980 Миссед ит. 716 00:32:44,980 --> 00:32:47,740 Сачувај као. 717 00:32:47,740 --> 00:32:49,470 Глупи претраживача. 718 00:32:49,470 --> 00:32:51,700 Станд би, идемо у поправим ово једном за свагда. 719 00:32:51,700 --> 00:32:57,650 720 00:32:57,650 --> 00:32:58,590 Ево га. 721 00:32:58,590 --> 00:32:59,090 У реду. 722 00:32:59,090 --> 00:32:59,600 Извините. 723 00:32:59,600 --> 00:33:00,750 Dan za odmor. 724 00:33:00,750 --> 00:33:02,310 Ово је фанки. 725 00:33:02,310 --> 00:33:03,160 Екит целог екрана. 726 00:33:03,160 --> 00:33:04,150 У реду. 727 00:33:04,150 --> 00:33:06,870 >> Сада, као нормалан Лице, саве имаге ас. 728 00:33:06,870 --> 00:33:08,810 Лого.гиф. 729 00:33:08,810 --> 00:33:13,194 Сада ћу да улазим у ЦС50ИДЕ и Идем да једноставно зграбите лого, 730 00:33:13,194 --> 00:33:15,360 Ја ћу да га увукао у мој извор седам директоријум, 731 00:33:15,360 --> 00:33:17,002 фајл вец постоји, ја сам ОК са тим. 732 00:33:17,002 --> 00:33:19,210 Зато ћу да га замените јер већ сам га имала. 733 00:33:19,210 --> 00:33:20,630 И сад како да се отарасим овога? 734 00:33:20,630 --> 00:33:24,670 >> Идемо напред овдје и радити Извор једнако лого.гиф. 735 00:33:24,670 --> 00:33:25,490 Затвори ово. 736 00:33:25,490 --> 00:33:26,050 Саве. 737 00:33:26,050 --> 00:33:30,560 И сада, ако се вратим у потрази страна, сада се изгледа прилично добро. 738 00:33:30,560 --> 00:33:33,610 У реду, тако да не мора доста урадио нешто корисно. 739 00:33:33,610 --> 00:33:37,000 У ствари, дозволите ми да покушам сеарцхинг за мачку и види шта се дешава. 740 00:33:37,000 --> 00:33:38,890 Цатс. 741 00:33:38,890 --> 00:33:39,420 Проклетство. 742 00:33:39,420 --> 00:33:41,400 То не само ради, очигледно. 743 00:33:41,400 --> 00:33:43,760 Дакле, шта је кључни дио Оно што недостаје овде? 744 00:33:43,760 --> 00:33:49,100 >> Тако је, чак и ако не знате било ХТМЛ, Почео сам означавање форму телефона 745 00:33:49,100 --> 00:33:54,130 и ја сам га рекао како да се улази, дај ми оквир за текст и дугме субмит, 746 00:33:54,130 --> 00:33:55,730 оно што је очигледно недостаје комад? 747 00:33:55,730 --> 00:33:58,975 Претпоставимо да желимо да заиста добити ова ствар ради исправно. 748 00:33:58,975 --> 00:34:02,420 749 00:34:02,420 --> 00:34:05,360 Шта треба да урадимо? 750 00:34:05,360 --> 00:34:08,860 Имамо потребу да се задњи крај база података или трагање сама мотор, 751 00:34:08,860 --> 00:34:11,210 и да ће то потрајати много времена, искрено. 752 00:34:11,210 --> 00:34:13,380 >> Тако се шта смо прошли пут. 753 00:34:13,380 --> 00:34:18,230 Дакле, ако тражите нешто на Гоогле-у а ви сте унапред искључити, 754 00:34:18,230 --> 00:34:20,355 опозив, Инстант Сеарцх. 755 00:34:20,355 --> 00:34:22,230 Дакле, дозволите ми да угаси то тако да је то стварно 756 00:34:22,230 --> 00:34:26,650 понаша као старији школски претраживача, ако сам сада тражити нешто попут мачке, 757 00:34:26,650 --> 00:34:28,190 сећате шта је УРЛ адреса изгледа. 758 00:34:28,190 --> 00:34:29,449 То је прилично загонетан. 759 00:34:29,449 --> 00:34:33,000 Али уграђен у ту, опозив, коса црта је претрага. 760 00:34:33,000 --> 00:34:35,100 Знак питања К једнако мачке. 761 00:34:35,100 --> 00:34:37,760 >> А то би изгледало да ми дају гомила резултата претраге. 762 00:34:37,760 --> 00:34:39,134 Знаш шта ћу да урадим? 763 00:34:39,134 --> 00:34:41,650 Идем да позајмим Гоогле само минут. 764 00:34:41,650 --> 00:34:43,670 Ја ћу да одем овде и ја ћу рећи 765 00:34:43,670 --> 00:34:47,850 да то чини радњу или дестинација, да тако кажем, 766 00:34:47,850 --> 00:34:49,330 треба буквално да буде Гоогле. 767 00:34:49,330 --> 00:34:52,590 И метод сам желео да употреби ће бити добити. 768 00:34:52,590 --> 00:34:53,560 >> Дакле, шта је акција? 769 00:34:53,560 --> 00:34:55,760 Акција је чудно име, али то само значи 770 00:34:55,760 --> 00:34:58,120 ко ће за руковање акција овог облика? 771 00:34:58,120 --> 00:35:00,820 Кад кликнем Сеарцх, где треба да резултат иде? 772 00:35:00,820 --> 00:35:05,300 И ако се вратимо на моју форму овде и релоад моју веб страницу 773 00:35:05,300 --> 00:35:09,000 а сада траже нешто као пас, приметио сада 774 00:35:09,000 --> 00:35:10,850 Ја сам поново спроводе Гоогле. 775 00:35:10,850 --> 00:35:11,350 Jel tako? 776 00:35:11,350 --> 00:35:14,141 >> Ако желите да тражите нешто друго, ради не само псе, 777 00:35:14,141 --> 00:35:16,400 такође ради за мачке. 778 00:35:16,400 --> 00:35:21,930 Такође ради за ЦС50. 779 00:35:21,930 --> 00:35:24,310 И ОК, ово је само под вхелминг, зар не? 780 00:35:24,310 --> 00:35:25,920 У реду, али заправо ради. 781 00:35:25,920 --> 00:35:27,360 Дакле, шта се заправо дешава? 782 00:35:27,360 --> 00:35:31,340 Тако сам научио своју бровсер, користећи ХТМЛ да улаз од корисника 783 00:35:31,340 --> 00:35:35,810 и заправо послали тог улаза на удаљеном серверу користећи ХТТП. 784 00:35:35,810 --> 00:35:39,120 >> И зато мој бровсер разуме ХТТП, заправо 785 00:35:39,120 --> 00:35:43,500 изгради УРЛ тако да оно што Ја завршити тамо у мом бровсеру, 786 00:35:43,500 --> 00:35:45,660 приметити шта се дешава када сам трагала за пса. 787 00:35:45,660 --> 00:35:49,270 Ако кликните Сеарцх, приметити да УРЛ мења како сам намеравао 788 00:35:49,270 --> 00:35:52,770 да гоогле.цом/сеарцх~~В упит једнака пса. 789 00:35:52,770 --> 00:35:56,020 А то је зато облику зна, јер је метод је добити, 790 00:35:56,020 --> 00:35:59,560 једноставно га додајте на ту УРЛ тамо. 791 00:35:59,560 --> 00:36:01,730 >> Сада, ове странице су и даље ружна. 792 00:36:01,730 --> 00:36:04,890 Дакле, хајде да представимо један други комад синтаксе ако можемо данас. 793 00:36:04,890 --> 00:36:07,640 И то је нешто познато као Цасцадинг Стиле Схеетс. 794 00:36:07,640 --> 00:36:10,720 Дакле, дозволите ми да погледам Овај пример овде и види 795 00:36:10,720 --> 00:36:12,380 ако можемо закључити шта се дешава. 796 00:36:12,380 --> 00:36:14,520 Ово је ЦСС0.хтмл. 797 00:36:14,520 --> 00:36:16,532 И ово је место где ствари да мало ружно. 798 00:36:16,532 --> 00:36:18,490 Зато што, нажалост, у свету вебу, 799 00:36:18,490 --> 00:36:20,920 ХТМЛ-сама не може да уради све. 800 00:36:20,920 --> 00:36:22,920 И тако, ако желите да стилизовати своју веб страницу, 801 00:36:22,920 --> 00:36:28,370 ви заправо треба да се усредсреде на естетика на другачији начин. 802 00:36:28,370 --> 00:36:33,090 Дакле, овде, имам тело моје веб страна унутар којих је велика див. 803 00:36:33,090 --> 00:36:34,700 И див само значи поделу. 804 00:36:34,700 --> 00:36:38,060 Дакле, то је као став, али њега нема исте семантику 805 00:36:38,060 --> 00:36:39,180 од става текста. 806 00:36:39,180 --> 00:36:40,940 >> То само значи до претраживач, ево 807 00:36:40,940 --> 00:36:45,210 велики правоугаони регион мог веб страна, желим да се носим посебно. 808 00:36:45,210 --> 00:36:47,420 Сада, линија 21 је где је то див почиње. 809 00:36:47,420 --> 00:36:48,770 И само да претпоставите. 810 00:36:48,770 --> 00:36:53,080 Шта је ефекат линије 21 на Остатак садржаја странице? 811 00:36:53,080 --> 00:36:55,640 812 00:36:55,640 --> 00:36:56,311 Центрирање га. 813 00:36:56,311 --> 00:36:56,810 То је све. 814 00:36:56,810 --> 00:36:58,830 Дакле, ми нисмо видели начин заправо центрирање текста. 815 00:36:58,830 --> 00:37:00,996 >> У ствари, мој претраживач, за разлику од стварног Гоогле, 816 00:37:00,996 --> 00:37:03,040 је све оправдано преко са леве стране. 817 00:37:03,040 --> 00:37:07,430 И тако сада у складу 21, кажем, хеј претраживач, направите поделу странице. 818 00:37:07,430 --> 00:37:09,450 Само ми дај један велики невидљиви правоугаоник. 819 00:37:09,450 --> 00:37:11,490 Тако желим да размишљати о веб страници. 820 00:37:11,490 --> 00:37:13,870 А онда је стилизовати на следећи начин. 821 00:37:13,870 --> 00:37:16,900 Унутар тих цитата, Сада је други језик 822 00:37:16,900 --> 00:37:19,969 да смо увели данас тзв Цасцадинг Стиле Схеетс. 823 00:37:19,969 --> 00:37:22,010 Срећом, и она није програмски језик, 824 00:37:22,010 --> 00:37:26,470 тако да је врло ограничен у својој синтакси, али такође веома ограничен у својој функционалности 825 00:37:26,470 --> 00:37:30,670 док је све о ХТМЛ означавање података веб странице 826 00:37:30,670 --> 00:37:32,130 и структура веб странице. 827 00:37:32,130 --> 00:37:35,320 ЦСС је генерално о ласт миле, естетика, 828 00:37:35,320 --> 00:37:40,160 узимајући величину и боју и пласман потпуно у праву у веб страници. 829 00:37:40,160 --> 00:37:43,000 И заиста, формира се са кључним вредности паровима. 830 00:37:43,000 --> 00:37:46,290 >> Својство овако, текст алигн, након чега следи колона, 831 00:37:46,290 --> 00:37:49,720 затим вредности које имовина, која је у овом случају центар. 832 00:37:49,720 --> 00:37:51,910 А сада вас приметити могу гнездо те ствари. 833 00:37:51,910 --> 00:37:56,780 Да сам хтео све у томе Ја сам истакао да буде центриран, 834 00:37:56,780 --> 00:38:00,270 зато ја имам линију 21 и одговарајућа линија 31. 835 00:38:00,270 --> 00:38:04,820 Али претпоставимо сада желим да кажем Јохн Харвард велцоме то ми хоме паге. 836 00:38:04,820 --> 00:38:06,530 >> Симбол Ауторска права Џон Харварду. 837 00:38:06,530 --> 00:38:09,180 И претпостављам да хоћу први те линије бити прилично велика. 838 00:38:09,180 --> 00:38:10,450 36 пиксела. 839 00:38:10,450 --> 00:38:11,530 Дакле, то је пристојна величина. 840 00:38:11,530 --> 00:38:13,240 И желео сам своју тежину да га подрже. 841 00:38:13,240 --> 00:38:15,450 Али онда испод тога, Желим мањи текст. 842 00:38:15,450 --> 00:38:19,980 И испод тога, ја желим чак и мањи текст. 843 00:38:19,980 --> 00:38:20,480 Извините. 844 00:38:20,480 --> 00:38:24,490 845 00:38:24,490 --> 00:38:26,940 Данас изгледа као офф дан. 846 00:38:26,940 --> 00:38:29,840 >> Па сад, шта ја то радим да изразим ово? 847 00:38:29,840 --> 00:38:34,580 Овде он лине 22 је уграђена див или Угнијежђена див, ако хоћете. 848 00:38:34,580 --> 00:38:36,190 Она такође има свој стил ознаку. 849 00:38:36,190 --> 00:38:38,160 Ја одредити величину фонта 36. 850 00:38:38,160 --> 00:38:40,460 Ја одредите тежину фонта храбар. 851 00:38:40,460 --> 00:38:43,360 Овде доле, ја навести само 24 пиксела. 852 00:38:43,360 --> 00:38:45,960 И коначно, у складу 28, да прецизирам 12. 853 00:38:45,960 --> 00:38:49,070 Дакле, само као брзи проверу исправности а као човек читање овога, 854 00:38:49,070 --> 00:38:52,545 које речи на екрану су стварно це бити храбар? 855 00:38:52,545 --> 00:38:56,100 856 00:38:56,100 --> 00:38:58,760 Које линије су заправо храбар? 857 00:38:58,760 --> 00:38:59,570 >> Само Јохн Харвард. 858 00:38:59,570 --> 00:39:00,070 Jel tako? 859 00:39:00,070 --> 00:39:05,940 Јер, баш као линија 22 каже хеј претраживач, овде је подела странице. 860 00:39:05,940 --> 00:39:07,920 Маке ит величину фонта 36 поен. 861 00:39:07,920 --> 00:39:09,460 Нека тежина фонта подебљано. 862 00:39:09,460 --> 00:39:11,920 Чим стигнете до одговарајући крај ознака 863 00:39:11,920 --> 00:39:15,340 или затворена ознака на линији 24, то значи, хеј претраживач, 864 00:39:15,340 --> 00:39:17,640 престати да радиш шта год је то што радите. 865 00:39:17,640 --> 00:39:21,020 И обавештење да буде јасно, иако линија 22 има све од ових атрибута 866 00:39:21,020 --> 00:39:24,430 као стил, те када затворите ознаку у складу 24, 867 00:39:24,430 --> 00:39:25,940 имате само споменути име ознаку екипе. 868 00:39:25,940 --> 00:39:29,990 >> Не понављати реч или стил све што је унутар тих цитата. 869 00:39:29,990 --> 00:39:32,860 И тако ако погледате ово сада у свом претраживачу, узмимо 870 00:39:32,860 --> 00:39:38,060 Поглед на крајњи резултат. Пусти ме напред у овом фајлу, који је ЦСС 0. 871 00:39:38,060 --> 00:39:41,814 И још увек је прилично јасно, али постаје веома интересантно. 872 00:39:41,814 --> 00:39:43,980 Али испоставило се да постоји друге ствари које можете да урадите овде, 873 00:39:43,980 --> 00:39:46,490 и на ризик прављења ово потпуно одвратан, 874 00:39:46,490 --> 00:39:48,630 приметити овде да у мом Тело моје веб странице, 875 00:39:48,630 --> 00:39:53,930 Могу да урадим нешто смешно као бг или боју позадине. 876 00:39:53,930 --> 00:39:56,670 >> И брзо, која је твоја омиљена боја? 877 00:39:56,670 --> 00:39:57,720 Зелена сам чуо. 878 00:39:57,720 --> 00:39:58,750 У реду. 879 00:39:58,750 --> 00:40:02,920 Дакле, сада, ако сам погодио Релоад сада, имамо зелену веб страницу. 880 00:40:02,920 --> 00:40:04,710 У реду, тако да није лоше. 881 00:40:04,710 --> 00:40:08,350 И сада, ако желите да се ово стварно кул, ја могу да боју мог текста 882 00:40:08,350 --> 00:40:09,360 чак и црвене. 883 00:40:09,360 --> 00:40:10,870 Дакле, хајде да видимо шта ово личи. 884 00:40:10,870 --> 00:40:12,230 Сада је изгледа прилично добро. 885 00:40:12,230 --> 00:40:15,460 И овде, ако стварно Желим да неред са неким 886 00:40:15,460 --> 00:40:17,487 или ако желите да будете један од оних људи који 887 00:40:17,487 --> 00:40:20,570 покушава да вас преваре у посети веб страна јер су преварили Гоогле 888 00:40:20,570 --> 00:40:27,610 у размишљању постоји гомила од кључне речи као-- да видимо, релоад. 889 00:40:27,610 --> 00:40:29,020 890 00:40:29,020 --> 00:40:30,680 Где је нестао? 891 00:40:30,680 --> 00:40:31,530 И ту је нас. 892 00:40:31,530 --> 00:40:32,030 У реду. 893 00:40:32,030 --> 00:40:34,905 Дакле, ја кажем ово као на страну, ми ћемо говорити о овим стварима у наредних неколико недеља 894 00:40:34,905 --> 00:40:36,740 када говоримо о сигурност, ако вас стварно 895 00:40:36,740 --> 00:40:38,852 ембед целе гомиле кључне речи у веб странице, 896 00:40:38,852 --> 00:40:41,810 чак и ако нису видљив човек, неко као Гоогле, наравно, 897 00:40:41,810 --> 00:40:43,250 и даље могу наћи у ствари ово. 898 00:40:43,250 --> 00:40:45,820 У реду, тако да је прилично одвратно прилично брзо. 899 00:40:45,820 --> 00:40:48,420 >> И, у ствари, то није све толико за разлику од мог веб 900 00:40:48,420 --> 00:40:51,480 страна као студент, који Почео сам гооглинг око наћи 901 00:40:51,480 --> 00:40:53,690 Протеклих верзије мојих старих сајтова. 902 00:40:53,690 --> 00:40:54,500 То је било прилично лоше. 903 00:40:54,500 --> 00:40:56,650 У ствари, нисам наћи један непосредно пред класе. 904 00:40:56,650 --> 00:40:58,620 Али ту је још горе тамо. 905 00:40:58,620 --> 00:41:01,534 Ово очигледно је био мој Почетна страница Натраг 1996. године. 906 00:41:01,534 --> 00:41:04,200 Очигледно сам мислио да је прикладно да питам људе своје име 907 00:41:04,200 --> 00:41:05,991 пре него што су могли заправо видим моју веб страницу. 908 00:41:05,991 --> 00:41:09,380 909 00:41:09,380 --> 00:41:11,920 >> А онда сам им показао нешто глупо, вероватно. 910 00:41:11,920 --> 00:41:13,450 Ја ћу ископати више за следећи пут. 911 00:41:13,450 --> 00:41:16,220 Али за сада, хајде да размислите мало дизајна. 912 00:41:16,220 --> 00:41:17,444 Разговарали смо о стилу. 913 00:41:17,444 --> 00:41:19,735 И ова страница тако далеко и скоро све што сам написао 914 00:41:19,735 --> 00:41:21,890 је прилично чист стилски. 915 00:41:21,890 --> 00:41:23,320 Али шта о дизајну? 916 00:41:23,320 --> 00:41:25,990 Па, има пуно вишка запослених у шта сам радио овде. 917 00:41:25,990 --> 00:41:28,156 >> Ја сам поменуо реч боја у неколико места. 918 00:41:28,156 --> 00:41:31,630 Ја сам поменуо фонт сизе у пар места и храбар у неколико места. 919 00:41:31,630 --> 00:41:34,870 И у основи, ја сам цо дружење два језика. 920 00:41:34,870 --> 00:41:38,100 Имам ХТМЛ са својим ознакама и мој атрибуте и онда одједном, 921 00:41:38,100 --> 00:41:40,100 између наводника, имам други језик данас 922 00:41:40,100 --> 00:41:43,830 зове ЦСС што опет, само ово кључне вредности парови или ова својства 923 00:41:43,830 --> 00:41:45,280 одвојени колонама. 924 00:41:45,280 --> 00:41:47,700 >> Испоставило се да је много као у Ц где смо 925 00:41:47,700 --> 00:41:50,550 могу почети да се фактор неки код у хеадер фајловима, 926 00:41:50,550 --> 00:41:53,520 тако да можемо да урадимо исто у ХТМЛ. 927 00:41:53,520 --> 00:41:56,030 И корак ка који је као што следи. 928 00:41:56,030 --> 00:42:02,230 Обратите пажњу да ова верзија, ЦСС1.хтмл је структурно потпуно исту веб страницу. 929 00:42:02,230 --> 00:42:05,250 Дакле, имам гомилу од Дивс, али овај пут, имам 930 00:42:05,250 --> 00:42:07,220 се отарасили омоту див као што ћете видети. 931 00:42:07,220 --> 00:42:12,390 >> И ја сам дао те три дивови топ, миддле и дно, јединствене личне карте. 932 00:42:12,390 --> 00:42:14,760 То је лепо, јер је дајући те поделе 933 00:42:14,760 --> 00:42:18,715 оф тхе паге јединствених идентификатора, Могу да их референце на другом месту. 934 00:42:18,715 --> 00:42:19,215 Где? 935 00:42:19,215 --> 00:42:21,070 Па, дозволите ми да померите се нагоре. 936 00:42:21,070 --> 00:42:24,070 И до сада, било кад смо погледали на челу веб странице, што је 937 00:42:24,070 --> 00:42:28,560 једина ознака смо имали у глава веб странице? 938 00:42:28,560 --> 00:42:29,740 Мало гласније. 939 00:42:29,740 --> 00:42:30,799 Само наслов до сада. 940 00:42:30,799 --> 00:42:32,590 Али испоставило се да постоји неколико других ствари 941 00:42:32,590 --> 00:42:35,840 можете ставити унутра, један од која се зове стил ознака. 942 00:42:35,840 --> 00:42:37,850 Дакле, малочас, гледали смо у стилу атрибута. 943 00:42:37,850 --> 00:42:39,150 Испоставило се да има стил ознака. 944 00:42:39,150 --> 00:42:41,200 Он припада унутар шеф веб странице. 945 00:42:41,200 --> 00:42:42,840 А сада погледајте шта радим. 946 00:42:42,840 --> 00:42:46,540 Имам унутар ове стил ознака следеће. 947 00:42:46,540 --> 00:42:51,190 Буквално сам напоменути на линији 20. назив ознаке које желим да стилизовати. 948 00:42:51,190 --> 00:42:53,489 >> Онда ја имам отворен коврџаву браце и затворене коврџаву браце. 949 00:42:53,489 --> 00:42:56,030 Тако слично у духу Ц, али опет, ово није функција, 950 00:42:56,030 --> 00:42:57,796 ово је само синтаксичко детаљ овде. 951 00:42:57,796 --> 00:43:00,170 И онда, наравно, говорим прегледач, хеј претраживач, 952 00:43:00,170 --> 00:43:05,210 да цело тело странице имају текстуалну поравнање центра. 953 00:43:05,210 --> 00:43:06,930 И онда се каже следеће. 954 00:43:06,930 --> 00:43:12,600 Хеј претраживач, ако видите ХТМЛ елемент или ознака на страници која 955 00:43:12,600 --> 00:43:17,040 поседује јединствени идентификатор у врху, тако да је симбол хасх овде само значи 956 00:43:17,040 --> 00:43:21,010 јединствена идеја врху, само напред и да његова фонт сизе 36 957 00:43:21,010 --> 00:43:22,490 а његова тежина фонта подебљано. 958 00:43:22,490 --> 00:43:26,840 >> Хеј претраживач, елемент чије ИД је средњи, чине га 24 пиксела. 959 00:43:26,840 --> 00:43:31,070 И хеј претраживач, ако погледате на Идеја дну, чине га 12 пиксела. 960 00:43:31,070 --> 00:43:33,540 Ефекат на крају је управо Сам. 961 00:43:33,540 --> 00:43:36,500 Ако одем у ЦСС 1, Страница изгледа исто. 962 00:43:36,500 --> 00:43:39,810 Али ми смо корак ка нешто бољи дизајн. 963 00:43:39,810 --> 00:43:44,850 Дозволите ми сада да се вратимо овде да ЦСС2 и видим шта још сам урадио. 964 00:43:44,850 --> 00:43:48,030 >> Сада је страница стварно, стварно чист. 965 00:43:48,030 --> 00:43:50,730 У ствари, ја могу стати све садржаја на страници овде. 966 00:43:50,730 --> 00:43:54,270 Али шта ново ознака имам уведен, очигледно? 967 00:43:54,270 --> 00:43:54,770 Линк. 968 00:43:54,770 --> 00:43:57,853 И то није најбоље име за таг, јер то није веза у смислу 969 00:43:57,853 --> 00:44:00,780 да ми то знамо, али то значи карика у некој другој датотеци. 970 00:44:00,780 --> 00:44:02,890 Ово је врста као оштар укључити у Ц. 971 00:44:02,890 --> 00:44:06,280 >> Ово је начин на ХТМЛ то саи хеј бровсер, 972 00:44:06,280 --> 00:44:10,240 иди садржај фајл под називом цсс2.цсс. 973 00:44:10,240 --> 00:44:12,880 Однос, за мене, је да је то стила. 974 00:44:12,880 --> 00:44:17,980 И заиста, то је оно један од С је у Цасцадинг Стиле Схеетс средствима. 975 00:44:17,980 --> 00:44:20,350 Ово је лист стила. 976 00:44:20,350 --> 00:44:23,120 То је само текстуални фајл који садржи гомила имовине. 977 00:44:23,120 --> 00:44:25,940 То је гомила стилова који желите да примените на страницу. 978 00:44:25,940 --> 00:44:28,860 >> И то је очигледно односи на други датотеку. 979 00:44:28,860 --> 00:44:32,970 А ако отворим ту, ЦСС2.цсс, приметити да све што сам урадио 980 00:44:32,970 --> 00:44:35,900 је да копирате све ово у овом фајлу. 981 00:44:35,900 --> 00:44:38,220 А сада, чак и ако никад нисам кодирана ово раније, 982 00:44:38,220 --> 00:44:40,700 Само размислите са пословичан инжењеринг шешир 983 00:44:40,700 --> 00:44:44,220 , зашто је ово бољи дизајн вероватно? 984 00:44:44,220 --> 00:44:48,910 Факторинг од тих ЦСС својства, стављајући их у своју датотеку. 985 00:44:48,910 --> 00:44:51,330 Иако смо решили ово Пре проблем као пет минута 986 00:44:51,330 --> 00:44:52,600 у првој верзији. 987 00:44:52,600 --> 00:44:55,730 >> Нисмо побољшан страница стилски, 988 00:44:55,730 --> 00:44:57,520 ово је само бољи Дизајн у неком смислу. 989 00:44:57,520 --> 00:44:58,990 Зашто тако мислиш зашто зашто мислиш да је тако? 990 00:44:58,990 --> 00:45:01,510 Да. 991 00:45:01,510 --> 00:45:02,260 Више флексибилан како? 992 00:45:02,260 --> 00:45:05,040 993 00:45:05,040 --> 00:45:05,540 Да. 994 00:45:05,540 --> 00:45:07,373 Дакле, ако желите да идете назад и мења ствари, 995 00:45:07,373 --> 00:45:09,540 Сада, имате једно место где можете да промените ствари. 996 00:45:09,540 --> 00:45:11,622 И у ствари, нешто Као Проблем сет седам, 997 00:45:11,622 --> 00:45:13,690 где ћемо спровести Стоцк Традинг сајт, 998 00:45:13,690 --> 00:45:15,523 који ће имати гомила странице. 999 00:45:15,523 --> 00:45:17,620 И било би заиста досадан ако се одлучите, ХМ, 1000 00:45:17,620 --> 00:45:21,630 Ја стварно не волим 24 пиксела, хоћу да буде 28 пиксела или мало већи. 1001 00:45:21,630 --> 00:45:23,550 А онда треба да урадите Глобална пронашли и заменили 1002 00:45:23,550 --> 00:45:27,560 или отворити све фајлове свог веб сајта само да се заиста променити једну вредност. 1003 00:45:27,560 --> 00:45:31,290 До факторинга ових стилова у једном централном месту, 1004 00:45:31,290 --> 00:45:34,720 Сада можете да отворите један текстуалну датотеку у ЦС50ИДЕ у било ком програму, 1005 00:45:34,720 --> 00:45:36,479 промените га, снимите је и учињено. 1006 00:45:36,479 --> 00:45:38,270 Ти си пропагирао оне Промене свуда. 1007 00:45:38,270 --> 00:45:42,450 И то би било исто у тачка х датотеку као добро. 1008 00:45:42,450 --> 00:45:46,697 Тако да било питања на тај начин сада на овој синтакси? 1009 00:45:46,697 --> 00:45:48,530 У реду, тако да смо учињено све што се чини 1010 00:45:48,530 --> 00:45:51,170 осим заправо спроводи хипервезе. 1011 00:45:51,170 --> 00:45:52,740 И тако идемо напред и урадите то. 1012 00:45:52,740 --> 00:45:54,830 Пусти ме само напред и креирате нову датотеку овде. 1013 00:45:54,830 --> 00:45:59,970 Ја ћу да га зовем линк.хтмл, ставити у данашњем коду. 1014 00:45:59,970 --> 00:46:03,000 >> И ја ћу да радим отворено носач тип доц ХТМЛ. 1015 00:46:03,000 --> 00:46:05,970 Као на страну, овај ствар у Топ, ово докторе тип декларација, 1016 00:46:05,970 --> 00:46:08,420 то је једини који је чудно са знаком узвика. 1017 00:46:08,420 --> 00:46:12,100 Потребно је само да то тамо и то значи да се коришћењем ХТМЛ верзију 5. 1018 00:46:12,100 --> 00:46:14,460 Старије верзије језик је много дуже 1019 00:46:14,460 --> 00:46:16,400 жице које је потребно да тамо ставио. 1020 00:46:16,400 --> 00:46:18,620 Дакле, овде је пример зове веза. 1021 00:46:18,620 --> 00:46:20,950 >> Треба ми тело моје веб странице овде. 1022 00:46:20,950 --> 00:46:29,770 А овде, а хреф једнаки рецимо ХТТП://ввв.диснеи.цом 1023 00:46:29,770 --> 00:46:35,420 и мој омиљени сајт, ми ћемо рећи. 1024 00:46:35,420 --> 00:46:38,550 У реду, тако да је веома безазлена, усер фриендли страна. 1025 00:46:38,550 --> 00:46:42,950 Ако сада одем у моју директоријум листинг тук и отворити линк.хтмл, 1026 00:46:42,950 --> 00:46:44,780 имамо хипер текста. 1027 00:46:44,780 --> 00:46:47,410 >> И заиста, ово је место где Х у ХТТП долази. 1028 00:46:47,410 --> 00:46:51,580 Хипертект Трансфер Протоцол је о пребацивању текст 1029 00:46:51,580 --> 00:46:53,840 да има линкове ка другим ресурсима. 1030 00:46:53,840 --> 00:46:58,210 И заиста, овде је познато, ако Ретро, ​​блуе линк који ако кликне, 1031 00:46:58,210 --> 00:47:02,607 ће ме заиста довести до Диснеи.цом. 1032 00:47:02,607 --> 00:47:03,940 Сада, ох, то излази ускоро. 1033 00:47:03,940 --> 00:47:08,970 У реду, тако да сада, шта су неки од импликација ово? 1034 00:47:08,970 --> 00:47:11,610 >> И искрено, свет почиње да се мало више упознати 1035 00:47:11,610 --> 00:47:15,090 као и мало страшније али и мало више 1036 00:47:15,090 --> 00:47:17,840 само бранити кад почнете да разумеју ове ствари. 1037 00:47:17,840 --> 00:47:21,610 Пошто квоте су, неки од вас, ако идете преко вашег Гмаил спам фолдер или чак 1038 00:47:21,610 --> 00:47:23,990 ваш инбок, вероватно сте стечен неку врсту емаил 1039 00:47:23,990 --> 00:47:26,980 да те питам да промените лозинка можда или можда провери 1040 00:47:26,980 --> 00:47:28,910 Ваши ПаиПал акредитиве или шта све не. 1041 00:47:28,910 --> 00:47:34,510 >> А у ствари, можда сте добили нешто што каже као кликните овде 1042 00:47:34,510 --> 00:47:42,260 да бисте поново поставили ПаиПал лозинку. 1043 00:47:42,260 --> 00:47:44,130 А сада, приметите, ако ово није Диснеи.цом 1044 00:47:44,130 --> 00:47:51,600 али као и бадплаце.цом релоад, имајте на уму да је текст овде 1045 00:47:51,600 --> 00:47:53,710 Могло би се рећи ништа уопште. 1046 00:47:53,710 --> 00:47:55,260 И у ствари, ово је само речи. 1047 00:47:55,260 --> 00:48:04,610 Зашто не стварно бити супер злонамеран и кажу хттп://ввв.паипал.цом. 1048 00:48:04,610 --> 00:48:14,090 >> Кликните овде ресетује ПаиПал лозинком и сада поново. 1049 00:48:14,090 --> 00:48:16,220 Ово изгледа прилично легитимно, зар не? 1050 00:48:16,220 --> 00:48:20,470 Мислим, не бих кликните на е-маил то само каже. 1051 00:48:20,470 --> 00:48:22,450 Али, приметио дихотомију овде. 1052 00:48:22,450 --> 00:48:26,880 Каже ввв.паипал.цом, и, у ствари, чекај мало, 1053 00:48:26,880 --> 00:48:29,210 Знамо да желите С за безбедност. 1054 00:48:29,210 --> 00:48:35,450 Па сад, идите на ввв.паипал.цом ХТТПС али ако никада нисте урадили раније, 1055 00:48:35,450 --> 00:48:38,182 да уђу у навику лебди над малим повезано овде. 1056 00:48:38,182 --> 00:48:39,890 И то је тешко видети тамо екрану, 1057 00:48:39,890 --> 00:48:41,340 и то није све што лакше овде. 1058 00:48:41,340 --> 00:48:43,615 Али како овде у малена мали кутак 1059 00:48:43,615 --> 00:48:45,740 не браузер ствари да ти кажем да идемо 1060 00:48:45,740 --> 00:48:48,850 да бадплаце.цом уместо паипал.цом. 1061 00:48:48,850 --> 00:48:51,620 Сада, где идемо са овим? 1062 00:48:51,620 --> 00:48:54,859 Сви ови примери које смо данас урадили, смо фиксирани и откуцала ручно. 1063 00:48:54,859 --> 00:48:56,900 Веб је невероватно незанимљив када вас тешко 1064 00:48:56,900 --> 00:48:59,844 код Ваше веб странице, тако да садржај је статички и никада се мења. 1065 00:48:59,844 --> 00:49:01,760 Наравно, сви наши омиљени сајтови данас, 1066 00:49:01,760 --> 00:49:04,470 да ли је Гмаил или Твиттер или Фацебоок или било који број других 1067 00:49:04,470 --> 00:49:05,290 су динамични. 1068 00:49:05,290 --> 00:49:07,340 Они мењају у одговор на корисничког уноса 1069 00:49:07,340 --> 00:49:08,840 баш као Гоогле резултатима претраге. 1070 00:49:08,840 --> 00:49:12,415 >> И тако у среду, оно што ми радимо је одлазимо ХТМЛ и ЦСС увод 1071 00:49:12,415 --> 00:49:14,290 иза нас и узмемо здраво за готово да смо сада 1072 00:49:14,290 --> 00:49:16,640 знам га и уводимо нови програмски језик 1073 00:49:16,640 --> 00:49:19,050 назван пхп, који воле Ц ће нам дати 1074 00:49:19,050 --> 00:49:22,450 моћ да правите програме да сами генеришу излаз. 1075 00:49:22,450 --> 00:49:25,900 У том случају, ми ћемо користити ПХП-да генерише динамички веб 1076 00:49:25,900 --> 00:49:27,340 страница које користе овај нови језик. 1077 00:49:27,340 --> 00:49:28,989 Дакле, више о томе у среду. 1078 00:49:28,989 --> 00:49:29,530 Видимо се онда. 1079 00:49:29,530 --> 00:49:33,130 1080 00:49:33,130 --> 00:49:37,380 >> [Мусиц плаиинг] 1081 00:49:37,380 --> 00:52:38,864