1 00:00:00,000 --> 00:00:00,127 2 00:00:00,127 --> 00:00:01,210 Давид Ј Малан: У реду. 3 00:00:01,210 --> 00:00:02,160 Вратили смо се. 4 00:00:02,160 --> 00:00:05,810 Дакле, циљ ове завршне сесије је да се уведе још неколико концепата 5 00:00:05,810 --> 00:00:09,290 али и дати свима шансу да се некако протежу прсте 6 00:00:09,290 --> 00:00:11,270 и заиста уради нешто а литтле хандс-он. 7 00:00:11,270 --> 00:00:13,897 Циљ није да се окрену да сви у веб девелопера 8 00:00:13,897 --> 00:00:16,230 на било који начин, али заиста само да вам укус неких 9 00:00:16,230 --> 00:00:21,750 од основних конструкција од онога иде у веб програмирање и данас веб 10 00:00:21,750 --> 00:00:23,980 развој, тако да статички страна ствари-- 11 00:00:23,980 --> 00:00:26,660 никакве логике, не програмирање језика, само статички садржај. 12 00:00:26,660 --> 00:00:29,660 И то ће нам дати прилику да стварно видимо шта веб сервер је, 13 00:00:29,660 --> 00:00:34,140 Погледајте шта ХТМЛ фајл, види шта је ХТТП је заправо служи горе. 14 00:00:34,140 --> 00:00:38,600 Али пре него што почнемо, било ретроспективу питања о цлоуд цомпутинг 15 00:00:38,600 --> 00:00:43,922 или сигурност или нешто између? 16 00:00:43,922 --> 00:00:44,890 >> Не? 17 00:00:44,890 --> 00:00:47,181 У реду, па, хајде да ово, за сваки случај 18 00:00:47,181 --> 00:00:49,680 процес пријављивања за нешто траје неколико минута. 19 00:00:49,680 --> 00:00:51,221 Ми ћемо дозволити да то у позадини. 20 00:00:51,221 --> 00:00:56,860 Само напред, ако можеш, на овај УРЛ овде- ц9.ио. 21 00:00:56,860 --> 00:01:02,810 Ово је треће стране сервице-- платформа као услуга, ако вилл-- 22 00:01:02,810 --> 00:01:05,190 који ће вас позвати да се пријавите за налог, 23 00:01:05,190 --> 00:01:08,650 и да ће дати сваком од вас рачун у такозваној цлоуд 24 00:01:08,650 --> 00:01:11,330 на инфраструктуру туђој, компанија се зове Цлоуд9. 25 00:01:11,330 --> 00:01:13,350 Али оно што је лепо о ово је да ти дају 26 00:01:13,350 --> 00:01:15,990 апроксимација стварни реалном свету развој 27 00:01:15,990 --> 00:01:18,530 окружење, иако у облак и на веб претраживача, 28 00:01:18,530 --> 00:01:21,175 а ми ћемо их стварно експериментирати мало данас. 29 00:01:21,175 --> 00:01:27,116 30 00:01:27,116 --> 00:01:30,260 А онда само напред и само смер свој пут до поступка пријаве 31 00:01:30,260 --> 00:01:32,630 ако можеш. 32 00:01:32,630 --> 00:01:36,080 Тако да се деси да користите у класи Ја предајем за све ученике, 33 00:01:36,080 --> 00:01:39,140 и на кампусу и ван сада, и то је заменио шта историјски 34 00:01:39,140 --> 00:01:41,390 је иначе Онлине софтвер. 35 00:01:41,390 --> 00:01:44,620 Дакле, оно што се добије приступ је један од тих виртуелних машина, 36 00:01:44,620 --> 00:01:46,460 у суштини, то сам описао раније. 37 00:01:46,460 --> 00:01:50,260 Дакле, ова компанија Цлоуд9 вероватно ренте из трећег забаву-- заиста 38 00:01:50,260 --> 00:01:52,760 у овом случају, Гоогле-- целину гомила виртуелних машина 39 00:01:52,760 --> 00:01:56,500 да су некако исецкати у илузија појединачних сервера 40 00:01:56,500 --> 00:01:58,610 да свако од нас има пуну контролу над. 41 00:01:58,610 --> 00:02:01,640 То није баш тачно рећи да су виртуелне машине, 42 00:02:01,640 --> 00:02:04,550 мада, јер оно Цлоуд9 заправо користи 43 00:02:04,550 --> 00:02:07,570 је нешто новија технологија зове Контејнеризација. 44 00:02:07,570 --> 00:02:13,150 И дозволите ми да узмем ову слику овде да сликам ову слику. 45 00:02:13,150 --> 00:02:16,540 >> Контејнер је, ако ли се сећате слику 46 00:02:16,540 --> 00:02:19,900 од раније, мало лакши тежина од виртуелној машини. 47 00:02:19,900 --> 00:02:22,090 У ствари, док задња време смо причали тамо 48 00:02:22,090 --> 00:02:25,170 Као оперативни систем и хипервизором 49 00:02:25,170 --> 00:02:28,260 а затим гост оперативни систем, гост оперативни систем, гост оперативни 50 00:02:28,260 --> 00:02:30,940 систем, на врху Физички хардверски, 51 00:02:30,940 --> 00:02:33,740 разлика са овим новија технологија, Контејнеризација, 52 00:02:33,740 --> 00:02:37,290 је да су сви некако деле исти оперативни систем. 53 00:02:37,290 --> 00:02:39,970 Али они и даље стварају илузија свакога 54 00:02:39,970 --> 00:02:44,590 да његов сопствени ексклузивни административних права и датотеке 55 00:02:44,590 --> 00:02:45,400 на серверу. 56 00:02:45,400 --> 00:02:48,230 Али мање софтвер у између вас и хардвера. 57 00:02:48,230 --> 00:02:52,260 Чији резултат је, теорија, већи учинак, 58 00:02:52,260 --> 00:02:55,470 јер користите или расипање мање ресурса 59 00:02:55,470 --> 00:02:57,360 на тој такозваној виртуелизације слоја. 60 00:02:57,360 --> 00:02:59,420 Дакле, ово се зове Контејнеризација по природи 61 00:02:59,420 --> 00:03:02,920 путем технологије која се зове Доцкер, који је у великој мери долази на своје. 62 00:03:02,920 --> 00:03:05,086 И то је нешто што инжењери у вашој компанији 63 00:03:05,086 --> 00:03:08,610 Можда мало врста проговори око ускоро ако већ нисте, 64 00:03:08,610 --> 00:03:11,590 мада сигурно нема разлог за скок на било бандвагонс. 65 00:03:11,590 --> 00:03:15,410 >> Имајући то рекао, шта вероватно видети сада 66 00:03:15,410 --> 00:03:22,670 је екран који изгледа мало овако. 67 00:03:22,670 --> 00:03:23,170 ОК. 68 00:03:23,170 --> 00:03:25,260 И само зови ме више ако не. 69 00:03:25,260 --> 00:03:27,440 И ако па-- Долазим ако не. 70 00:03:27,440 --> 00:03:30,244 Само напред и кликните да велики Плус да створи радни простор, 71 00:03:30,244 --> 00:03:31,660 и видећете екран овако. 72 00:03:31,660 --> 00:03:35,020 Можете позвати радни простор Име шта год хоћеш за сада. 73 00:03:35,020 --> 00:03:38,660 И само заправо због једноставности, го и-- добро, неки од вас 74 00:03:38,660 --> 00:03:39,660 већ имају радне просторе. 75 00:03:39,660 --> 00:03:47,050 Назовите то како год желим-- посао, Харвард, четвртак, шта год желите. 76 00:03:47,050 --> 00:03:48,800 Не треба ти опис. 77 00:03:48,800 --> 00:03:52,380 Можете га оставити приватним, осим ако вас већ имају гомилу радних простора. 78 00:03:52,380 --> 00:03:55,280 Ако сте приморани да то буде јавно, То је у реду за данашње потребе. 79 00:03:55,280 --> 00:03:56,750 Овде, такође, један од Упселлс. 80 00:03:56,750 --> 00:03:59,939 Имаш право на један сајт радни простор Уобичајено. Али ако желите више, 81 00:03:59,939 --> 00:04:00,980 морате да платите више. 82 00:04:00,980 --> 00:04:02,870 У супротном, они вас присилити како би ваш рад јавности. 83 00:04:02,870 --> 00:04:05,600 Али то је у реду, јер су и таргет овај у опен-соурце заједнице 84 00:04:05,600 --> 00:04:07,700 да охрабри људе да заправо сарађују. 85 00:04:07,700 --> 00:04:10,699 >> И последња ствар која је важна, иако је, након што одаберете име 86 00:04:10,699 --> 00:04:17,140 и након што одаберете приватно или јавно, кликните ХТМЛ5, наранџасту иконицу велики 87 00:04:17,140 --> 00:04:22,430 други са леве стране, и затим кликните на Цреате Воркспаце. 88 00:04:22,430 --> 00:04:24,580 И вероватно ће узети мало или тако, 89 00:04:24,580 --> 00:04:26,540 али ћете онда имати окружење, када 90 00:04:26,540 --> 00:04:30,544 то, то изгледа подсећа на шта имам овде сада на екрану. 91 00:04:30,544 --> 00:04:33,210 Али, опет, можда ће бити потребно мало или више да се на овај екран 92 00:04:33,210 --> 00:04:34,770 када кликнете на Цреате Воркспаце. 93 00:04:34,770 --> 00:04:37,936 Само ми застава изнад ако би волела да се погледамо шта или савет. 94 00:04:37,936 --> 00:04:40,191 95 00:04:40,191 --> 00:04:40,690 У реду. 96 00:04:40,690 --> 00:04:42,390 Па ћу позадину ово за сада. 97 00:04:42,390 --> 00:04:44,260 Назови ме ако изгледа да имали техничких потешкоћа. 98 00:04:44,260 --> 00:04:46,210 Али, опет, то би могло потрајати Мало за то да се отвори. 99 00:04:46,210 --> 00:04:49,570 И идемо напред и говорити о томе шта то заправо значи да се направи веб страницу, 100 00:04:49,570 --> 00:04:52,780 шта ХТМЛ је, и како све ово сада повезује као почињемо 101 00:04:52,780 --> 00:04:54,730 да заправо користе неке од технологије. 102 00:04:54,730 --> 00:04:58,310 Тако испада да могу го он мој мали Мац овде, 103 00:04:58,310 --> 00:05:01,650 отвори једноставан програм под називом ТектЕдит, или на Виндовс сам могао 104 00:05:01,650 --> 00:05:04,480 отворен нешто што се зове нотепад.еке. 105 00:05:04,480 --> 00:05:08,260 И ја могли једноставно уради нешто овако-- "Хелло, ворлд." 106 00:05:08,260 --> 00:05:12,020 И онда сам могао сачували као хелло.ткт Дакле, нема магије тамо. 107 00:05:12,020 --> 00:05:15,200 Ово нема никакве везе са веб програмирање, нема никакве везе са ХТМЛ. 108 00:05:15,200 --> 00:05:16,790 Само креирање једноставне текстуалне датотеке. 109 00:05:16,790 --> 00:05:20,600 Али испоставило се да је веб страница је буквално само то. 110 00:05:20,600 --> 00:05:24,020 То је једноставан текст фајл који садржи текст да би куцате на тастатури, 111 00:05:24,020 --> 00:05:30,070 али обично, али не увек завршава у не .ткт, али .хтмл или .хтм. 112 00:05:30,070 --> 00:05:32,050 А ти не само тип речи у фајлу. 113 00:05:32,050 --> 00:05:35,280 Ти стварно морате да користите ствари које се зову ознаке, или уопште, нешто 114 00:05:35,280 --> 00:05:37,190 зове језик за означавање. 115 00:05:37,190 --> 00:05:40,510 >> Тако да ћу врло брзо куцате а онда објаснити следеће. 116 00:05:40,510 --> 00:05:42,290 Ја ћу први ово писем, који каже, 117 00:05:42,290 --> 00:05:45,730 хеј, претраживач, овде долази веб страница написан у ХТМЛ. 118 00:05:45,730 --> 00:05:51,850 И те две ствари заједно рећи, хеј, претраживач, следећи је заиста ХТМЛ. 119 00:05:51,850 --> 00:05:55,790 Хеј, претраживач, ево глава или на врху моје странице. 120 00:05:55,790 --> 00:05:59,900 Хеј, претраживач, унутар врха моја страна, стави наслов који је, "здраво, 121 00:05:59,900 --> 00:06:01,610 свет. " 122 00:06:01,610 --> 00:06:08,370 Хеј, претраживач, након што је шеф мој страна, ево тело моје стране. 123 00:06:08,370 --> 00:06:12,170 И, хеј, браузер, тело мог страна би требало да каже, "здраво свет." 124 00:06:12,170 --> 00:06:15,500 Дакле, шта су битне детаље овде? 125 00:06:15,500 --> 00:06:17,960 То је оно што је генерално зове декларација доктор-тип, 126 00:06:17,960 --> 00:06:20,190 и, искрено, мало је тешко да запамтите ово на први поглед. 127 00:06:20,190 --> 00:06:21,481 Ти некако цопи-пасте. 128 00:06:21,481 --> 00:06:23,760 Ово је формалан начин да се каже, хеј, браузер, 129 00:06:23,760 --> 00:06:28,030 Ја сам користећи ХТМЛ верзију 5 која је изашао нешто недавно. 130 00:06:28,030 --> 00:06:31,380 То је магичан бајање да неки људи са лошим смислу дизајна 131 00:06:31,380 --> 00:06:33,640 одлучио да ставе на самом врху датотеке. 132 00:06:33,640 --> 00:06:35,473 Иако је то мало волшебни, то је све 133 00:06:35,473 --> 00:06:38,250 то меанс-- Хеј, бровсер, овде долази са верзијом 5 ХТМЛ. 134 00:06:38,250 --> 00:06:41,741 >> Остатак је ово било код нас већ неко време, историјски, 135 00:06:41,741 --> 00:06:44,740 али то је било развија, а то је вероватно су се мало једноставније. 136 00:06:44,740 --> 00:06:47,320 Приметити неколико карактеристика онога што сам истакао. 137 00:06:47,320 --> 00:06:49,890 Има те ствари са углом брацкетс-- леву заграду 138 00:06:49,890 --> 00:06:51,040 и право носач. 139 00:06:51,040 --> 00:06:52,490 И приметити симетрију овде. 140 00:06:52,490 --> 00:06:57,340 И симетријом, мислим, баш као што сам имају ову ознаку старт овде или отворену ознаку 141 00:06:57,340 --> 00:07:01,560 ако хоћете, овде имам близу ознака или крај ознака да је 142 00:07:01,560 --> 00:07:06,460 разликује само утолико што је ово сласх на почетку речи 143 00:07:06,460 --> 00:07:07,360 ХТМЛ-а. 144 00:07:07,360 --> 00:07:09,360 И ти падне на памет ово што сам био лежерно 145 00:07:09,360 --> 00:07:12,280 предлагање пре, хеј, претраживач, ево мало ХТМЛ. 146 00:07:12,280 --> 00:07:16,060 И, обрнуто, хеј, браузер, то је је за почетак ХТМЛ-- и крај. 147 00:07:16,060 --> 00:07:18,440 >> У међувремену хеј, браузер, овде долази главу мог странице. 148 00:07:18,440 --> 00:07:20,140 Хеј, претраживач, то је за главу. 149 00:07:20,140 --> 00:07:22,240 Хеј, претраживач, овде је Тело моје стране. 150 00:07:22,240 --> 00:07:24,020 Хеј, претраживач, то је за тело. 151 00:07:24,020 --> 00:07:26,940 И унутар тога је неки произвољан текст за сада. 152 00:07:26,940 --> 00:07:30,520 И унутар главе, у међувремену, је неки произвољан, али таггед, 153 00:07:30,520 --> 00:07:34,410 да тако кажем, текст који каже, наслов на мојој страници ће бити "здраво, свет." 154 00:07:34,410 --> 00:07:37,470 Сада, за сада, можете претпоставити да је претраживаче 155 00:07:37,470 --> 00:07:41,762 има само--, односно, веб странице имају само два партс-- главу и тело. 156 00:07:41,762 --> 00:07:44,220 А глава је углавном само као и менија, ствари 157 00:07:44,220 --> 00:07:45,510 стварно само на самом врху. 158 00:07:45,510 --> 00:07:48,910 А тело је храбрости у страну, све у тој великој правоугаоника 159 00:07:48,910 --> 00:07:50,239 да испуњава екран. 160 00:07:50,239 --> 00:07:51,780 Тако да идем напред и уради то. 161 00:07:51,780 --> 00:07:54,400 Ја ћу да наставим кликните Саве, Филе Саве. 162 00:07:54,400 --> 00:07:58,580 И ја ћу спасити ово као хелло.хтмл, 163 00:07:58,580 --> 00:08:00,870 и ја ћу само да стави на радној површини. 164 00:08:00,870 --> 00:08:03,520 И ја идем напред и кликните на дугме Саве. 165 00:08:03,520 --> 00:08:05,806 И нотице-- ми Мац у бар се дере на мене. 166 00:08:05,806 --> 00:08:07,180 Да ли сте сигурни да желите да урадите ово? 167 00:08:07,180 --> 00:08:08,710 И ја ћу рећи, да користите ХТМЛ. 168 00:08:08,710 --> 00:08:10,400 Знам боље у овом случају. 169 00:08:10,400 --> 00:08:14,686 А сада ћу да одем у десктоп где сам ову слику одједном. 170 00:08:14,686 --> 00:08:16,060 И ја ћу двапут кликните на њу. 171 00:08:16,060 --> 00:08:18,268 И приметићете да, поред Цхроме подразумевано отвара. 172 00:08:18,268 --> 00:08:19,996 То је зато што је то подразумевани претраживач. 173 00:08:19,996 --> 00:08:21,370 И то само каже, "здраво, свет." 174 00:08:21,370 --> 00:08:23,078 Али каже "здраво, свет "на два места. 175 00:08:23,078 --> 00:08:23,979 Обратите пажњу на горњем левом углу. 176 00:08:23,979 --> 00:08:25,020 Прилично тешко да пропустим. 177 00:08:25,020 --> 00:08:26,180 То је велики и храбар. 178 00:08:26,180 --> 00:08:30,690 И где другде то изгледа да каже: "Хелло, Ворлд"? 179 00:08:30,690 --> 00:08:31,470 >> ПУБЛИКА: Картица. 180 00:08:31,470 --> 00:08:33,100 >> Давид Ј Малан: Да, сама картица. 181 00:08:33,100 --> 00:08:35,159 Дакле, када сам рекао је шеф страница је све горе топ-- 182 00:08:35,159 --> 00:08:36,367 и заиста ово је наслов. 183 00:08:36,367 --> 00:08:37,710 То је само на картици овде. 184 00:08:37,710 --> 00:08:40,320 И ја могу повући ову картицу од како се не би збунили. 185 00:08:40,320 --> 00:08:43,360 Ово је само једна таблета сада, и заиста видимо "Хелло, Ворлд" 186 00:08:43,360 --> 00:08:45,970 овде и "здраво, свете" овде доле. 187 00:08:45,970 --> 00:08:47,160 Тако прилично јасно. 188 00:08:47,160 --> 00:08:49,050 Али то је такође прилично једноставно. 189 00:08:49,050 --> 00:08:50,440 И, заправо, зумира сам у. 190 00:08:50,440 --> 00:08:53,272 Могу се променити величину слова само како би повећали за приступачност. 191 00:08:53,272 --> 00:08:56,830 Али хајде да сада урадимо нешто мало више занимљив. 192 00:08:56,830 --> 00:08:59,760 >> Идем да иде-- упс, нека ми да се вратим текстуалну датотеку. 193 00:08:59,760 --> 00:09:02,400 Враћам се на мој текст фајл, а ја идем 194 00:09:02,400 --> 00:09:06,320 да се то промени и рећи "Здраво, Дизниленд." 195 00:09:06,320 --> 00:09:07,970 Саве. 196 00:09:07,970 --> 00:09:10,919 И врати се у мој прегледач и кликните на дугме Релоад. 197 00:09:10,919 --> 00:09:12,710 И сада, наравно, да каже "Диснеи Ворлд". 198 00:09:12,710 --> 00:09:15,500 И ја ћу да вештачки зоом у само да је лакше видети. 199 00:09:15,500 --> 00:09:19,012 Тако да сада, на жалост, ја сам хтео да-- заправо, то је особина Мац. 200 00:09:19,012 --> 00:09:21,720 Желим да кликнете на Дизниленд и идем негде као диснеи.цом, 201 00:09:21,720 --> 00:09:23,290 али то не ради. 202 00:09:23,290 --> 00:09:26,850 Дакле, основни принцип оф тхе веб је хиперлинкови, везе које иду негде другде. 203 00:09:26,850 --> 00:09:28,390 Како то да урадим? 204 00:09:28,390 --> 00:09:34,690 Па, могао бих да кажем, "Здраво, хттп://ввв.диснеи.цом." 205 00:09:34,690 --> 00:09:36,110 Сачувајте ово. 206 00:09:36,110 --> 00:09:37,620 Релоад. 207 00:09:37,620 --> 00:09:39,400 Али то такође, не може да се кликне. 208 00:09:39,400 --> 00:09:42,930 А шта је лепо овде, иако ово није функционална још, 209 00:09:42,930 --> 00:09:45,930 је да се чини да је претраживач буквално само да 210 00:09:45,930 --> 00:09:46,950 шта ја кажем. 211 00:09:46,950 --> 00:09:50,110 Дакле, ако сам само укуцајте УРЛ овако, то је само да ми покаже УРЛ. 212 00:09:50,110 --> 00:09:54,270 Морам да користим ознаке или ознаке језика да заправо рећи 213 00:09:54,270 --> 00:09:55,621 бровсер да учини још више. 214 00:09:55,621 --> 00:09:57,870 Тако да идем напред и избрисати ово за тренутак. 215 00:09:57,870 --> 00:10:00,980 И ја ћу рећи, хеј, претраживач, почети сидро овде, 216 00:10:00,980 --> 00:10:02,650 линк да тако кажем. 217 00:10:02,650 --> 00:10:07,500 И хипер-референтна, одредиште те сидра, требало би да буде овај УРЛ. 218 00:10:07,500 --> 00:10:08,750 И приметио моје цитате. 219 00:10:08,750 --> 00:10:11,590 Добро би апострофе, такође, али морате бити доследни, 220 00:10:11,590 --> 00:10:14,270 и ја бих уопште само користити двоструки наводници да буде једноставно. 221 00:10:14,270 --> 00:10:16,820 Приметила сам да ћу затворити ознаку. 222 00:10:16,820 --> 00:10:21,160 А онда овде ћу да каже, "Диснеи Ворлд". 223 00:10:21,160 --> 00:10:26,890 Сада ми је потребно мало симметри-- отворено носач, / А, затворена конзолу. 224 00:10:26,890 --> 00:10:28,090 >> Дакле, шта сам увео? 225 00:10:28,090 --> 00:10:30,100 Ми смо већ неколико ознака. 226 00:10:30,100 --> 00:10:32,410 ХТМЛ Глава, наслов, тело, су све ознаке, да тако кажем, 227 00:10:32,410 --> 00:10:34,280 са отвореним и затвореним колегама. 228 00:10:34,280 --> 00:10:36,530 Али обавештење, ово је врста на фундаментално другачији. 229 00:10:36,530 --> 00:10:39,140 То је оно што ћемо назвати у ХТМЛ атрибут. 230 00:10:39,140 --> 00:10:41,451 И атрибут је само кључни вредност пар. 231 00:10:41,451 --> 00:10:43,950 То је уобичајена ствар у рачунара сциенце-- кључ-вредност паровима. 232 00:10:43,950 --> 00:10:45,770 То је нека врста алата у трговини. 233 00:10:45,770 --> 00:10:47,040 Кључни и вредност. 234 00:10:47,040 --> 00:10:49,390 Реч и онда неки друга реч или речи. 235 00:10:49,390 --> 00:10:53,790 И у овом случају, кључ је хреф, а вредност је да пуна УРЛ адреса. 236 00:10:53,790 --> 00:10:57,890 А шта је атрибут ради је то утиче на понашање ознаке. 237 00:10:57,890 --> 00:11:01,010 И у овом случају, треба да утиче са таквим понашањем ознака сидра, 238 00:11:01,010 --> 00:11:04,140 јер треба да се учврсти овај линк на негде. 239 00:11:04,140 --> 00:11:06,960 И како ти је то путем атрибута. 240 00:11:06,960 --> 00:11:08,970 >> Па ћу ићи напред и спремити датотеку сада. 241 00:11:08,970 --> 00:11:11,300 Да се ​​вратим свом бровсеру и релоад. 242 00:11:11,300 --> 00:11:14,580 И, воила, сада имамо Почеци легитимног веб страници. 243 00:11:14,580 --> 00:11:18,420 Супер-једноставан, али ако наведите курсор ово-- обавештење у доњем левом углу, 244 00:11:18,420 --> 00:11:19,830 то је супер мали. 245 00:11:19,830 --> 00:11:21,730 Али ти видиш ввв.диснеи.цом. 246 00:11:21,730 --> 00:11:27,076 И ако га кликните, заиста ово одводи ме на гостовању диснеи.цом. 247 00:11:27,076 --> 00:11:29,380 Сада је чудна ствар овде да није 248 00:11:29,380 --> 00:11:33,940 најбоље-- највише тртиште УРЛ, али То је у реду, јер ову слику не 249 00:11:33,940 --> 00:11:35,360 постоје на Ворлд Виде Веб. 250 00:11:35,360 --> 00:11:39,740 Она постоји као локални датотеке у свему судећи моји корисници дирецтори-- / јхарвард-- 251 00:11:39,740 --> 00:11:41,890 за Јохн Харвард-- / десктоп. 252 00:11:41,890 --> 00:11:42,634 Али има УРЛ. 253 00:11:42,634 --> 00:11:43,800 То се једноставно деси да се локално. 254 00:11:43,800 --> 00:11:47,050 На жалост, нико од вас да посетите то, јер ако откуцате ове УРЛ адресе, 255 00:11:47,050 --> 00:11:49,980 ти би рекао своје претраживача, Потражите датотеку под називом хелло.хтмл 256 00:11:49,980 --> 00:11:50,772 на чврстом диску. 257 00:11:50,772 --> 00:11:53,271 И, наравно, ако нисте пратили уз ручно, 258 00:11:53,271 --> 00:11:54,530 то неће постојати тамо. 259 00:11:54,530 --> 00:11:55,190 >> Дакле, то је у реду. 260 00:11:55,190 --> 00:11:57,815 Још увек потребан начин, у крајњој линији, да ову слику у мрежу, 261 00:11:57,815 --> 00:12:01,180 али хајде да задиркују, осим неколико безбедносне импликације шта смо 262 00:12:01,180 --> 00:12:04,850 видео и повезати га назад у раније дискусија од јутрос. 263 00:12:04,850 --> 00:12:08,200 Испоставило се да, ако претраживач буквално ради 264 00:12:08,200 --> 00:12:12,560 шта ја кажем да уради, и чини да је случај да је сидро ознака 265 00:12:12,560 --> 00:12:17,380 под утицајем вредности ово атрибут зове хреф 266 00:12:17,380 --> 00:12:20,810 али приказује ово текст, то би изгледа 267 00:12:20,810 --> 00:12:26,520 имплицира да бих могао да УРЛ у оба места, а затим поново 268 00:12:26,520 --> 00:12:29,100 и сада виде УРЛ и идите на УРЛ. 269 00:12:29,100 --> 00:12:32,680 Обавештење, ако наведите курсор у доњем левом, Ја заиста ћу и даље да диснеи.цом. 270 00:12:32,680 --> 00:12:38,340 >> Дакле, ако сте икада били пхисхед-- П-Х-И-С-Х-Е-Д-- 271 00:12:38,340 --> 00:12:42,820 са једним од тих лажних е-поште од као ПаиПал Ваше банке, 272 00:12:42,820 --> 00:12:46,470 вероватно сте добили линкове у на е-маил који сте прочитали да 273 00:12:46,470 --> 00:12:49,970 казује да кликнете овде да се потврди лозинка или потврдити датум рођења 274 00:12:49,970 --> 00:12:53,840 или социјалног или нешто друштвено инжењеринг вас да открије 275 00:12:53,840 --> 00:12:54,920 информације. 276 00:12:54,920 --> 00:12:57,625 Па, могао бих некако узети Предност овог, не могу ја? 277 00:12:57,625 --> 00:13:01,240 Могао бих да кажем нешто као, ввв.паипал.цом. 278 00:13:01,240 --> 00:13:11,340 И уместо диснеи.цом, ја могли да, као, бадгуи.цом. 279 00:13:11,340 --> 00:13:12,850 Релоад. 280 00:13:12,850 --> 00:13:16,620 И како је лако је то за дупе, посебно не-технички читач 281 00:13:16,620 --> 00:13:20,649 или површно читање читач него да кликнете 282 00:13:20,649 --> 00:13:23,940 линк овако, који ако кликнем то-- Ја заправо не желим да идем бадгуи.цом. 283 00:13:23,940 --> 00:13:25,398 Ја не знам шта је заправо тамо. 284 00:13:25,398 --> 00:13:30,080 Тако паипал.цом, обавештење, је шта она каже да ће се, 285 00:13:30,080 --> 00:13:33,210 али наравно, ако погледам доле супер ниска, мало је мутна, 286 00:13:33,210 --> 00:13:34,230 али каже бадгуи.цом. 287 00:13:34,230 --> 00:13:38,644 То је једини рећи одмах да идем на погрешно место. 288 00:13:38,644 --> 00:13:41,560 И када сам раније рекао да банке стварно не би требало да подстакне или воз 289 00:13:41,560 --> 00:13:44,510 корисници да кликне на линкове, ово је само једна од манифестација тога. 290 00:13:44,510 --> 00:13:45,430 И то је тако једноставно. 291 00:13:45,430 --> 00:13:48,120 Сада сте противник ако ви овако нешто 292 00:13:48,120 --> 00:13:51,000 и покушати да преваре корисника у посети ваш веб сајт. 293 00:13:51,000 --> 00:13:53,320 Али за сада, ми ћемо задржати ствари лепо и чисто. 294 00:13:53,320 --> 00:13:55,640 Ми ћемо ићи напред и уназад ове промене. 295 00:13:55,640 --> 00:13:56,530 Релоад тхе паге. 296 00:13:56,530 --> 00:13:57,740 И ја се вратим у диснеи.цом. 297 00:13:57,740 --> 00:14:00,660 >> Да видимо да ли можемо да задиркује ово осим мало више. 298 00:14:00,660 --> 00:14:04,160 Тако "здраво, Дизниленд." 299 00:14:04,160 --> 00:14:05,950 Ја ћу рећи овде. 300 00:14:05,950 --> 00:14:08,220 Можда ћу да направим собу. 301 00:14:08,220 --> 00:14:12,730 "Надамо се да ћете уживати боравак!" 302 00:14:12,730 --> 00:14:13,830 Саве. 303 00:14:13,830 --> 00:14:15,850 Релоад. 304 00:14:15,850 --> 00:14:19,010 Није реа-- то није оно што сам намеравао, зар не? 305 00:14:19,010 --> 00:14:21,870 Мислим, ако сам лечење мој текст филе као програм за обраду текста, 306 00:14:21,870 --> 00:14:24,894 шта сте се надам ће се десити овде? 307 00:14:24,894 --> 00:14:27,060 Да, осећам се као да треба да буде пауза линија овде, 308 00:14:27,060 --> 00:14:28,799 тако да осећа луд на неки начин. 309 00:14:28,799 --> 00:14:31,090 Али то је заправо намерно, јер баш као и раније, 310 00:14:31,090 --> 00:14:33,381 бровсер ће само то што ти то кажем. 311 00:14:33,381 --> 00:14:34,806 Нисам то рекао да се пробије линије. 312 00:14:34,806 --> 00:14:37,930 Нисам то рекао да се креће наниже, чак мада, интуитивно, осећам се као да јесам. 313 00:14:37,930 --> 00:14:39,805 Тако испада да је потребно мало више означавање, 314 00:14:39,805 --> 00:14:41,390 и ја ћу да поправим ово на следећи начин. 315 00:14:41,390 --> 00:14:46,160 Ја ћу први увод ово здраво са оним што се зове став ознака. 316 00:14:46,160 --> 00:14:48,920 А онда ћу да наставим и завршити ову другу реченицу 317 00:14:48,920 --> 00:14:54,370 у другом ставу ознаци, иако они су супер кратке пасусе. 318 00:14:54,370 --> 00:14:55,930 Сада ћу спасити. 319 00:14:55,930 --> 00:14:57,160 Релоад. 320 00:14:57,160 --> 00:14:59,070 И сада имамо да простор, и некако смо 321 00:14:59,070 --> 00:15:01,680 имају семантику два одвојена ст. 322 00:15:01,680 --> 00:15:05,290 >> То је све у реду и добро, али било би би лепо да бисте додали слику на овој страници, 323 00:15:05,290 --> 00:15:08,710 па ћу да потражим Мики Маус на Гоогле Имагес. 324 00:15:08,710 --> 00:15:12,830 И само за забаву, ја сам да узмем ову слику. 325 00:15:12,830 --> 00:15:15,350 Ја ћу да идем напред и зграбите УРЛ ове слике, 326 00:15:15,350 --> 00:15:16,510 мада је другачије начина за то. 327 00:15:16,510 --> 00:15:18,520 За сада, ја ћу да копирате УРЛ. 328 00:15:18,520 --> 00:15:24,770 Ја ћу да се вратим у мој текст фајл, а ја ћу рећи овде, 329 00:15:24,770 --> 00:15:31,160 имг срц = под знацима навода да УРЛ адреса, супер дуг. 330 00:15:31,160 --> 00:15:34,580 А онда је појам слика је мало другачија. 331 00:15:34,580 --> 00:15:38,640 стварно нема појма покретања слика и завршава слику, 332 00:15:38,640 --> 00:15:40,630 као почетак означили завршни таг. 333 00:15:40,630 --> 00:15:43,840 Тако да се осећа мало цудно ми семантички за то, 334 00:15:43,840 --> 00:15:45,390 да имају близак-ознаке слике. 335 00:15:45,390 --> 00:15:46,780 То није нетачно. 336 00:15:46,780 --> 00:15:48,840 То је потпуно у праву, и то је охрабрио, 337 00:15:48,840 --> 00:15:50,870 али ту је скраћеница ознаке. 338 00:15:50,870 --> 00:15:53,780 Ја могу некако истовремено отварање и затварање исту ознаку, 339 00:15:53,780 --> 00:15:55,510 и да ће учинити бровсер срећан. 340 00:15:55,510 --> 00:15:56,950 Тако да је само мали више језгровит за ствари 341 00:15:56,950 --> 00:15:59,408 да концептуално заиста не смисла за почетак и крај. 342 00:15:59,408 --> 00:16:01,190 Они само постоје, или нису. 343 00:16:01,190 --> 00:16:06,020 >> Тако да ћу ово да сачувам и вратити мом "Хелло, Ворлд" страницу и релоад. 344 00:16:06,020 --> 00:16:09,880 И то је мало ван контроле, јер та слика је у ствари 345 00:16:09,880 --> 00:16:12,210 мало велики, али то је у реду. 346 00:16:12,210 --> 00:16:13,710 Могу да га смањите у програму. 347 00:16:13,710 --> 00:16:14,900 Или знаш шта. 348 00:16:14,900 --> 00:16:17,350 Само да се покаже, ја сам да заправо рећи 349 00:16:17,350 --> 00:16:21,760 да је ширина те ствари треба бити само 200 пиксела, 200 тачака. 350 00:16:21,760 --> 00:16:24,360 Пусти ме напред и сачувати и поново, а сада страница 351 00:16:24,360 --> 00:16:25,690 Изгледа мало више разуман. 352 00:16:25,690 --> 00:16:27,260 Али приметите образац. 353 00:16:27,260 --> 00:16:30,030 Па, ја сам некако научио си све ХТМЛ у извесном смислу, барем 354 00:16:30,030 --> 00:16:33,531 концептуално, јер сви ХТМЛ је је ово тагс-- отворене ознаке, затворен ознаке, 355 00:16:33,531 --> 00:16:35,280 и атрибуте који мењају своје понашање. 356 00:16:35,280 --> 00:16:38,380 И, очигледно, сваки таг може имати нула или један 357 00:16:38,380 --> 00:16:43,005 или два или више атрибута, сваки од који ради нешто мало другачије. 358 00:16:43,005 --> 00:16:44,380 Сада, како знаш шта постоји? 359 00:16:44,380 --> 00:16:46,800 Ви само слушате некога као да ти кажем шта постоји, 360 00:16:46,800 --> 00:16:50,860 или само Гоогле около за туториал на ХТМЛ, а заиста је ово једноставно. 361 00:16:50,860 --> 00:16:54,030 >> Заиста, када сам био Ундерград пре неколико година и научио ХТМЛ, 362 00:16:54,030 --> 00:16:56,530 један од мојих из математике наставе асистенти сам провео 363 00:16:56,530 --> 00:16:59,600 мало времена ме подучавао за само пола сата, сат, 364 00:16:59,600 --> 00:17:00,660 а онда сам био на путу. 365 00:17:00,660 --> 00:17:03,300 Био сам на путу ка одлука највише одвратне сајтови икада, 366 00:17:03,300 --> 00:17:05,549 који, очигледно, нисам стварно пређе. 367 00:17:05,549 --> 00:17:09,849 Али поента је да, када разуме ове једноставне идејама-- 368 00:17:09,849 --> 00:17:13,450 ако волшебни тект-- али то једноставно идеје покретање мисао 369 00:17:13,450 --> 00:17:15,960 и затварање мисао, чување све лепо избалансиране, 370 00:17:15,960 --> 00:17:19,150 гледа нешто горе, модификовањем Понашање тага, то је стварно све 371 00:17:19,150 --> 00:17:20,079 што је потребно. 372 00:17:20,079 --> 00:17:28,140 И у ствари, ако сада идемо на нешто као гоогле.цом-- заправо, 373 00:17:28,140 --> 00:17:31,920 идемо место мало више разумном-- станфорд.еду. 374 00:17:31,920 --> 00:17:37,800 И ја идем на Виев, Девелопер, Погледај Извор. 375 00:17:37,800 --> 00:17:41,400 То је ружно, али нотице-- и ја ћу зумирати у обавештењу 376 00:17:41,400 --> 00:17:43,432 неке ствари то је већ познато. 377 00:17:43,432 --> 00:17:45,140 Ту је ово овде, који је бровсер. 378 00:17:45,140 --> 00:17:46,800 Ево долази ХТМЛ5. 379 00:17:46,800 --> 00:17:47,634 Има ХТМЛ-а. 380 00:17:47,634 --> 00:17:49,550 Изгледа да је атрибут да нисам 381 00:17:49,550 --> 00:17:51,540 користе да задаје језик странице, 382 00:17:51,540 --> 00:17:54,380 и то може помоћи са аутоматским превод и такве ствари. 383 00:17:54,380 --> 00:17:55,546 Овде је глава странице. 384 00:17:55,546 --> 00:17:57,790 Овде је наслов Станфорд страници. 385 00:17:57,790 --> 00:17:59,832 Ту је ознака нисам говоримо о иет-- Мета таг. 386 00:17:59,832 --> 00:18:01,540 То је некако основне информације. 387 00:18:01,540 --> 00:18:04,210 Помаже код СЕО, или оптимизација претраживача, 388 00:18:04,210 --> 00:18:06,320 или Гоогле претраживача резултата или слично. 389 00:18:06,320 --> 00:18:09,029 Али ако настави да тражи, задржати гледајући, ево ознака тела. 390 00:18:09,029 --> 00:18:11,570 А ту је и гомиле други ознаке смо нисмо разговарали још о томе. 391 00:18:11,570 --> 00:18:13,750 Али Див једна фор а подела странице. 392 00:18:13,750 --> 00:18:16,680 То је као невидљиви правоугаоника ако сам хтео само да ментално 393 00:18:16,680 --> 00:18:20,160 поделите страницу у различите јединице онлине. 394 00:18:20,160 --> 00:18:22,650 И онда много Дивс ја види, нешто што се зове класа, 395 00:18:22,650 --> 00:18:24,440 али ћемо се вратити на то. 396 00:18:24,440 --> 00:18:26,200 >> Ово је интерестинг-- облици. 397 00:18:26,200 --> 00:18:27,730 Облици су свуда по Интернету. 398 00:18:27,730 --> 00:18:30,310 Било поље за претраживање си увек користи је облик. 399 00:18:30,310 --> 00:18:31,490 И, тако, хајде да ствари видимо. 400 00:18:31,490 --> 00:18:32,790 Облик. 401 00:18:32,790 --> 00:18:33,910 Акција. 402 00:18:33,910 --> 00:18:37,660 Акција овог облика, из било ког историјских разлога, да УРЛ адреса. 403 00:18:37,660 --> 00:18:38,840 Метод је "порука." 404 00:18:38,840 --> 00:18:44,060 Испоставило се да је ХТТП захтеви могу користити глагол "гет", као што смо раније видели, 405 00:18:44,060 --> 00:18:45,070 или "порука." 406 00:18:45,070 --> 00:18:47,030 И видећете разлику ово у једном тренутку. 407 00:18:47,030 --> 00:18:48,363 Да ствари видимо шта је то. 408 00:18:48,363 --> 00:18:49,830 Да се ​​вратим на Станфорд страници. 409 00:18:49,830 --> 00:18:53,330 Који облик су они причају о, ти мислиш? 410 00:18:53,330 --> 00:18:54,485 Оно што скаче на вас? 411 00:18:54,485 --> 00:18:54,970 >> ПУБЛИКА: Поље за претрагу. 412 00:18:54,970 --> 00:18:55,845 >> Давид Ј Малан: Да. 413 00:18:55,845 --> 00:18:58,410 Дакле, горе у горњем десном углу овде је то Поље за претрагу. 414 00:18:58,410 --> 00:19:02,441 И тако они спроводе то-- ознака који је буквално отворено-носач облик. 415 00:19:02,441 --> 00:19:03,940 А онда да тражи нешто. 416 00:19:03,940 --> 00:19:09,220 Хајде да тражите пријатеља од мине-- "Ницк Парланте." 417 00:19:09,220 --> 00:19:11,380 Ентер. 418 00:19:11,380 --> 00:19:13,750 И наравно, да је отишао у мало другачије УРЛ адреса. 419 00:19:13,750 --> 00:19:15,140 Да се ​​вратим овде. 420 00:19:15,140 --> 00:19:18,960 Хајде да тражи "курсеве." 421 00:19:18,960 --> 00:19:19,460 Проклетство. 422 00:19:19,460 --> 00:19:20,484 Је на различит УРЛ. 423 00:19:20,484 --> 00:19:23,400 Дакле, Стенфорд је додао неку магију да ми не узимајући у УРЛ 424 00:19:23,400 --> 00:19:25,820 да смо видели у акција атрибута тамо. 425 00:19:25,820 --> 00:19:32,480 Али овај облик овде се реализује искључиво путем ове марже овде, ове ознаке. 426 00:19:32,480 --> 00:19:35,710 У ствари, овде је улаз за тип претраге које желите. 427 00:19:35,710 --> 00:19:38,940 Овде је улаз за други тип претраге. 428 00:19:38,940 --> 00:19:41,960 Овде је улаз за саму низ. 429 00:19:41,960 --> 00:19:45,394 Па циљ није да закључи наши умови око свих тих ознака 430 00:19:45,394 --> 00:19:46,060 али само да видимо. 431 00:19:46,060 --> 00:19:48,300 То је само отварање и затварање ознаке и траже ствари. 432 00:19:48,300 --> 00:19:48,560 Да? 433 00:19:48,560 --> 00:19:48,920 Вицториа? 434 00:19:48,920 --> 00:19:49,795 >> ПУБЛИКА: [неразумљиво] 435 00:19:49,795 --> 00:19:51,925 436 00:19:51,925 --> 00:19:53,550 Давид Ј Малан: То је добро питање. 437 00:19:53,550 --> 00:19:54,660 То је мало компликованије да се види. 438 00:19:54,660 --> 00:19:56,300 Дозволите ми да се вратим на то Питање за само неколико минута 439 00:19:56,300 --> 00:19:59,000 када погледамо нешто што се зове ЦСС или Цасцадинг Стиле Схеетс, 440 00:19:59,000 --> 00:20:02,500 и можемо покушати да закључи колико са странице. 441 00:20:02,500 --> 00:20:08,090 Дакле, ако сада погледамо гоогле.цом, Хајде да видимо шта је њихова страна изгледа. 442 00:20:08,090 --> 00:20:09,840 Ти би Она су да је слатко данас. 443 00:20:09,840 --> 00:20:12,490 444 00:20:12,490 --> 00:20:12,990 ОК. 445 00:20:12,990 --> 00:20:13,690 Завршено. 446 00:20:13,690 --> 00:20:15,260 У реду, тако Виев Извор. 447 00:20:15,260 --> 00:20:19,590 Помислили бисте да Гоогле има лепо изворни код. 448 00:20:19,590 --> 00:20:24,970 Дакле, очигледно, шта се овде дешава? 449 00:20:24,970 --> 00:20:27,880 И у ствари, то није ни ХТМЛ. 450 00:20:27,880 --> 00:20:30,930 То је нешто што се зове Јавасцрипт. 451 00:20:30,930 --> 00:20:32,344 И хајде да иде и иде. 452 00:20:32,344 --> 00:20:34,010 Ја не знам ни где почиње страница. 453 00:20:34,010 --> 00:20:37,240 Ја ћу користити Цомманд П, отворен носач ХТМЛ-а. 454 00:20:37,240 --> 00:20:38,200 У реду, то је то. 455 00:20:38,200 --> 00:20:44,150 Нашао сам почетак странице, и има много ствари овде. 456 00:20:44,150 --> 00:20:45,310 >> Шта се заправо дешава? 457 00:20:45,310 --> 00:20:47,460 Па, знате шта, можемо очистити ово. 458 00:20:47,460 --> 00:20:52,109 Ако сам уместо тога идем у ово Проверите палета, овај посебан дијагностички алат, 459 00:20:52,109 --> 00:20:54,150 и не иди на мрежу, где наставимо данас, 460 00:20:54,150 --> 00:20:56,420 али ако одем у Елементс, шта је стварно лепо 461 00:20:56,420 --> 00:20:59,990 је да браузер има много много боље очи од мене. 462 00:20:59,990 --> 00:21:02,670 И претраживач може прочитати да неред на веб страници, 463 00:21:02,670 --> 00:21:04,700 да ХТМЛ-пошта смо погледао, и да може 464 00:21:04,700 --> 00:21:08,340 парсе или прочитајте и анализирају и мењање га 465 00:21:08,340 --> 00:21:09,910 у лијепом људски-пријатељски начин. 466 00:21:09,910 --> 00:21:11,740 Дакле, оно што видим сада у овом екрану овде 467 00:21:11,740 --> 00:21:15,470 под Елементс, потпуно исти садржај, али они су увлачи све, 468 00:21:15,470 --> 00:21:18,140 они су га цолоризед, али то је потпуно исти текст 469 00:21:18,140 --> 00:21:19,620 да ја преузети са сервера. 470 00:21:19,620 --> 00:21:23,630 >> А шта је лепо сад је видим у телу, за инстанце-- обавештење, 471 00:21:23,630 --> 00:21:26,480 страница је и даље састоји од само глава и тело, 472 00:21:26,480 --> 00:21:28,660 и ја хијерархијски могу ронити овде. 473 00:21:28,660 --> 00:21:32,420 Приметити да Гоогле изгледа да има да дивс-- овај и овај један. 474 00:21:32,420 --> 00:21:33,310 Могу да прошири то. 475 00:21:33,310 --> 00:21:35,370 Постоји гомила других Дивс. 476 00:21:35,370 --> 00:21:36,900 Тако да је мало комплекс. 477 00:21:36,900 --> 00:21:37,400 Али чекај. 478 00:21:37,400 --> 00:21:40,970 Ово изгледа много више читљив, релативно, него ово. 479 00:21:40,970 --> 00:21:43,840 Зашто је Гоогле непријатно Сама за само слање 480 00:21:43,840 --> 00:21:50,400 ово велика збрка код неких врста само да спроведе нешто 481 00:21:50,400 --> 00:21:53,640 да изгледа тако једноставно на први поглед? 482 00:21:53,640 --> 00:21:55,270 Као, зашто не додати још простора? 483 00:21:55,270 --> 00:21:56,811 Зашто нису притисните Ентер као ја? 484 00:21:56,811 --> 00:21:59,110 Види како сам добар био у писању веб страницу. 485 00:21:59,110 --> 00:22:00,680 Ударио сам Ентер да марљиво. 486 00:22:00,680 --> 00:22:03,760 Ја увучен тако све је тако лепа и читљив. 487 00:22:03,760 --> 00:22:08,463 Зашто Гоогле не практикују исти? 488 00:22:08,463 --> 00:22:11,409 >> ПУБЛИКА: [неразумљиво] 489 00:22:11,409 --> 00:22:12,305 490 00:22:12,305 --> 00:22:13,180 Давид Ј Малан: Добро. 491 00:22:13,180 --> 00:22:14,270 Веома поштено. 492 00:22:14,270 --> 00:22:16,650 Они немају неки Лице на Гоогле-у ручно 493 00:22:16,650 --> 00:22:18,160 ажурирање почетну страницу више. 494 00:22:18,160 --> 00:22:20,010 Није 1999 више. 495 00:22:20,010 --> 00:22:21,140 Дакле, они имају софтвер. 496 00:22:21,140 --> 00:22:25,397 Они имају и друге алате генеришу динамички су ХТМЛ. 497 00:22:25,397 --> 00:22:27,480 Наравно, да сама шифра је написао људи, 498 00:22:27,480 --> 00:22:30,220 али реалност је, сасвим је фер да се каже, 499 00:22:30,220 --> 00:22:33,340 бровсер сигурно не занима ме како прљав код је. 500 00:22:33,340 --> 00:22:35,940 Али постоји још више убедљив технички разлог 501 00:22:35,940 --> 00:22:42,580 да Гоогле дистрибуира своје ХТМЛ Код на такав аљкави, наизглед 502 00:22:42,580 --> 00:22:48,350 Огромна начин спаковано заједно са врло мало долази у обзир-- врло мало 503 00:22:48,350 --> 00:22:51,274 на путу форматирање као ја. 504 00:22:51,274 --> 00:22:52,570 >> ПУБЛИКА: [неразумљиво] 505 00:22:52,570 --> 00:22:53,528 >> Давид Ј Малан: Брже? 506 00:22:53,528 --> 00:22:54,040 Зашто? 507 00:22:54,040 --> 00:22:55,680 И шта си рекао, Лидију? 508 00:22:55,680 --> 00:22:56,240 Брже? 509 00:22:56,240 --> 00:22:57,281 Зашто брже? 510 00:22:57,281 --> 00:22:58,156 ПУБЛИКА: [неразумљиво] 511 00:22:58,156 --> 00:23:00,522 512 00:23:00,522 --> 00:23:02,230 Давид Ј Малан: Има нема места за читање. 513 00:23:02,230 --> 00:23:02,730 Да. 514 00:23:02,730 --> 00:23:04,560 Дакле, размислите о томе шта размак је. 515 00:23:04,560 --> 00:23:08,394 Дакле, сваки знак на тастатури потребно одређена количина простора да представља, 516 00:23:08,394 --> 00:23:10,560 или физички, лике ит заузима толико простора, 517 00:23:10,560 --> 00:23:13,250 или некако се испод хауба, који захтева памћење. 518 00:23:13,250 --> 00:23:15,740 И као асиде-- и ми ћемо говорити више о овом сутра-- 519 00:23:15,740 --> 00:23:19,930 сваки лик на тастатури обично захтева 8 бита или један бајт. 520 00:23:19,930 --> 00:23:23,360 Дакле, образац 8 нула или Они, или само 1 бајт, као и ми 521 00:23:23,360 --> 00:23:24,720 Људи се обично каже. 522 00:23:24,720 --> 00:23:27,690 Тако да је мали, али ипак је не-нула. 523 00:23:27,690 --> 00:23:29,940 Још увек је одређена количина простора. 524 00:23:29,940 --> 00:23:36,082 Дакле, ако инжењер или Гоогле хитс размакницу само једном, и претпостављам 525 00:23:36,082 --> 00:23:38,540 Гоогле-- то је супер-популар-- Претпоставимо да милијарду људи 526 00:23:38,540 --> 00:23:40,780 посетите њихову почетну страницу дневно, или неки број људи 527 00:23:40,780 --> 00:23:43,290 посетите хоме паге А милијарду пута дневно, 528 00:23:43,290 --> 00:23:48,890 колико додатних бајтова је да софтверски инжењер само коштати Гоогле 529 00:23:48,890 --> 00:23:51,310 од удара његово или њено место бар једном? 530 00:23:51,310 --> 00:23:52,692 >> ПУБЛИКА: [неразумљиво] 531 00:23:52,692 --> 00:23:54,150 Давид Ј Малан: Није баш тако лоше. 532 00:23:54,150 --> 00:23:57,070 Само један бите пута милијарде. 533 00:23:57,070 --> 00:23:57,871 tako је-- 534 00:23:57,871 --> 00:23:59,120 ПУБЛИКА: 8 милијарди гигабајта. 535 00:23:59,120 --> 00:24:00,370 Давид Ј Малан: Не 8 милијарди. 536 00:24:00,370 --> 00:24:01,240 8 милијарди бајтова. 537 00:24:01,240 --> 00:24:02,410 Али 1 гигабајт. 538 00:24:02,410 --> 00:24:04,080 1 гигабајт би била јединица мере. 539 00:24:04,080 --> 00:24:08,240 Ако он или она два простори, 2 гигабајта. 540 00:24:08,240 --> 00:24:09,030 Три гигабајта. 541 00:24:09,030 --> 00:24:09,530 У праву? 542 00:24:09,530 --> 00:24:11,860 То ваге скупо. 543 00:24:11,860 --> 00:24:16,150 И тако у случајевима попут Гоогле-а, који, готово, су екстремни случајеви, 544 00:24:16,150 --> 00:24:21,450 постоје и друга питања која се јављају само доношењем веома разумна одлука 545 00:24:21,450 --> 00:24:25,744 или узимање врло једноставне људске активности, јер има ту Магнифиед ефекат. 546 00:24:25,744 --> 00:24:27,660 Дакле, један од разлога ово изгледа тако компримовани 547 00:24:27,660 --> 00:24:30,660 је исто као Викторија рекао-- је било само генерише компјутера у сваком случају. 548 00:24:30,660 --> 00:24:31,900 Дакле, није велика ствар. 549 00:24:31,900 --> 00:24:33,309 Нека претраживач схватити. 550 00:24:33,309 --> 00:24:35,350 Али исто тако намерно нема пуно простора, 551 00:24:35,350 --> 00:24:36,766 јер простор није неопходно. 552 00:24:36,766 --> 00:24:38,250 И простор заправо кошта. 553 00:24:38,250 --> 00:24:40,670 >> То ни кошта времена, јер само гурати 554 00:24:40,670 --> 00:24:44,670 да много више података од Седиште Гоогле.цом је само 555 00:24:44,670 --> 00:24:47,710 има да се одређена количина време, чак и ако је то милисекунди 556 00:24:47,710 --> 00:24:51,190 или микросекунди, али то се своди преко многих корисника, или чешће, 557 00:24:51,190 --> 00:24:52,270 вероватно кошта. 558 00:24:52,270 --> 00:24:54,690 Гоогле вероватно се повезује са неко други у свету, један 559 00:24:54,690 --> 00:24:56,398 од оних који вири бодова, а ако имају 560 00:24:56,398 --> 00:24:59,880 нека врста финансијске везе при чему су њихови подаци кошта, 561 00:24:59,880 --> 00:25:01,730 Могли су и минимизира колико података 562 00:25:01,730 --> 00:25:04,530 они пљују се на њихов интернет конекција. 563 00:25:04,530 --> 00:25:07,630 >> Дакле, Смешно, ипак, на крају, или можда умирујуће ствар, 564 00:25:07,630 --> 00:25:11,030 је да, иако то изгледа ужасно огромна, на крају дана, 565 00:25:11,030 --> 00:25:16,750 то је још увек тачне исти принципи као Овај веома једноставан страна овде неког ХТМЛ 566 00:25:16,750 --> 00:25:17,390 страна. 567 00:25:17,390 --> 00:25:20,610 Дакле, само да резимирамо и тако да има канонски верзију ако нисте били 568 00:25:20,610 --> 00:25:25,900 након дуж по избору овде, овде може бити најједноставнији веб страница, 569 00:25:25,900 --> 00:25:28,240 тако нешто да се играју са можда касније. 570 00:25:28,240 --> 00:25:30,790 >> Па, хајде да уведе пар других идеја сада. 571 00:25:30,790 --> 00:25:33,420 Ми смо се да уведе нешто што се зове ознаку стилу. 572 00:25:33,420 --> 00:25:38,110 Можемо стилизовати ову страницу у више интересантне начине. 573 00:25:38,110 --> 00:25:40,860 Према томе, док ХТМЛ-маил је све о означавање 574 00:25:40,860 --> 00:25:44,470 подаци, на неки начин наводећи да претраживач како на структуру података, 575 00:25:44,470 --> 00:25:48,110 где да стави то, ЦСС, или Цасцадинг Стиле Схеетс, 576 00:25:48,110 --> 00:25:52,640 је други језик који углавном добија помешаних са ХТМЛ 577 00:25:52,640 --> 00:25:55,670 као што ћемо видео-- али можемо да почистимо да се у тренутак-- који узима 578 00:25:55,670 --> 00:25:59,850 то коначна миља, а то је стилизује. 579 00:25:59,850 --> 00:26:02,460 Постаје боје како треба, фонт величина таман, 580 00:26:02,460 --> 00:26:03,860 позиционирање само право. 581 00:26:03,860 --> 00:26:06,510 То је све о естетици или форматирање, а не о 582 00:26:06,510 --> 00:26:08,330 основна подаци сама. 583 00:26:08,330 --> 00:26:11,390 И најлакши начин да се покаже ово је можда примером. 584 00:26:11,390 --> 00:26:15,320 Тако да ћу да одем у мом једноставне текстуалне датотеке. 585 00:26:15,320 --> 00:26:17,970 И за тренутак, ја ћу хода нас кроз процес 586 00:26:17,970 --> 00:26:19,360 да се то уради сами. 587 00:26:19,360 --> 00:26:23,310 >> Ја ћу да се вратим у мој досије овде и поново страницу само 588 00:26:23,310 --> 00:26:25,800 да потврди како то изгледа. 589 00:26:25,800 --> 00:26:27,190 То је место где смо у сада. 590 00:26:27,190 --> 00:26:31,170 Осећам се као да деца уживају има мало боје на овој веб страници. 591 00:26:31,170 --> 00:26:34,480 Тако да ћу ићи горе у главу странице. 592 00:26:34,480 --> 00:26:38,130 И ја ћу учинити стил, / стил. 593 00:26:38,130 --> 00:26:44,060 А онда унутар тога, ја идем да каже тело моје паге-- 594 00:26:44,060 --> 00:26:46,870 а ово форматирање, на први поглед, можда мало 595 00:26:46,870 --> 00:26:49,400 чудно, али конвенционално. 596 00:26:49,400 --> 00:26:55,010 Ја ћу рећи да позадини боја ове странице треба да буде зелена. 597 00:26:55,010 --> 00:26:57,960 И то је, нажалост, некако није најбољи дизајн. 598 00:26:57,960 --> 00:27:00,710 Приметити да претходно у свету ХТМЛ, 599 00:27:00,710 --> 00:27:03,190 Ја сам рекао да атрибути су ови парови кључ-вредност. 600 00:27:03,190 --> 00:27:05,760 Нешто једнако цитат Крај цитата "нешто". 601 00:27:05,760 --> 00:27:08,810 У свету ЦСС, који је био десигнед неком од разних људи, 602 00:27:08,810 --> 00:27:11,020 одлучили су да, у њиховим ворлд, кључ-вредност парова 603 00:27:11,020 --> 00:27:13,920 ће бити реч дебело црево нешто. 604 00:27:13,920 --> 00:27:15,220 Тако да је иста идеја, мада. 605 00:27:15,220 --> 00:27:18,620 То је удруживање вредност са неким кључ који некако 606 00:27:18,620 --> 00:27:20,330 утиче на понашање ове странице. 607 00:27:20,330 --> 00:27:21,901 >> И што вероватно можете погодити. 608 00:27:21,901 --> 00:27:24,150 Шта је ово вероватно ће да раде чак и ако никад 609 00:27:24,150 --> 00:27:27,867 види ХТМЛ и ЦСС раније? 610 00:27:27,867 --> 00:27:29,450 ПУБЛИКА: Промените боју позадине. 611 00:27:29,450 --> 00:27:30,560 Давид Ј Малан: Да, променити боју позадине. 612 00:27:30,560 --> 00:27:33,280 И конкретно боја позадине тела. 613 00:27:33,280 --> 00:27:36,290 Али утолико што орган за сада је веб 614 00:27:36,290 --> 00:27:38,870 паге-- то је једина ствар Испод наслова бар стварно-- 615 00:27:38,870 --> 00:27:40,870 вероватно је да ће утичу на исту ствар. 616 00:27:40,870 --> 00:27:41,430 Па да видимо. 617 00:27:41,430 --> 00:27:42,490 Оставимо то. 618 00:27:42,490 --> 00:27:44,310 Иди овде и релоад. 619 00:27:44,310 --> 00:27:46,140 То је прилично одвратно. 620 00:27:46,140 --> 00:27:48,070 А шта се дешава Овде је нуспојава. 621 00:27:48,070 --> 00:27:49,850 Ја сам изабрао ову слику случајно. 622 00:27:49,850 --> 00:27:53,305 Зашто је зелено не прожима иза Мики? 623 00:27:53,305 --> 00:27:54,180 ПУБЛИКА: [неразумљиво] 624 00:27:54,180 --> 00:27:56,880 625 00:27:56,880 --> 00:27:57,880 Давид Ј Малан: Управо тако. 626 00:27:57,880 --> 00:28:01,750 Испоставило се да су слике, прилично много све слике које бисмо могли користити, 627 00:28:01,750 --> 00:28:03,670 су сви рецтанглес-- од правоугаоника. 628 00:28:03,670 --> 00:28:07,710 Чак и ако Мики има неке криве за себе и има позадину, 629 00:28:07,710 --> 00:28:09,330 да позадина мора да буде нешто. 630 00:28:09,330 --> 00:28:10,280 То мора да буде бела. 631 00:28:10,280 --> 00:28:11,910 То мора бити црн или нешто друго. 632 00:28:11,910 --> 00:28:13,650 То може бити транспарентан. 633 00:28:13,650 --> 00:28:16,100 И, у ствари, да могу отвори Мицкеи Моусе овде 634 00:28:16,100 --> 00:28:18,590 у програму под називом Пхотосхоп или нешто слично 635 00:28:18,590 --> 00:28:21,176 и променити све те беле Позадина транспарентна, 636 00:28:21,176 --> 00:28:22,550 тако да је зелени би видело. 637 00:28:22,550 --> 00:28:25,980 Али то је нешто што би требало да питам себе или графичар 638 00:28:25,980 --> 00:28:28,130 или дизајнер на мој компанија, на пример, 639 00:28:28,130 --> 00:28:31,490 да уради, поготово јер сам само позајмио ово са интернета. 640 00:28:31,490 --> 00:28:33,030 Али то је зашто се ово дешава. 641 00:28:33,030 --> 00:28:34,980 >> Дакле, шта још може да желимо да урадимо? 642 00:28:34,980 --> 00:28:41,040 Па, могли бисмо да ми кажемо Стварно се надам да ћете уживати боравак. 643 00:28:41,040 --> 00:28:44,150 И за истицање, хоћу да ово јак, 644 00:28:44,150 --> 00:28:48,310 па ћу рећи отворено јак и затварање јака и затим поново. 645 00:28:48,310 --> 00:28:50,320 И то је мало тешко да се види на пројектор 646 00:28:50,320 --> 00:28:53,250 али можда баш сада скаче на вас мало више. 647 00:28:53,250 --> 00:28:56,180 Тако да можете додати курзив у ово начин, храбар облога на овај начин. 648 00:28:56,180 --> 00:28:57,500 Могли би да промените боју. 649 00:28:57,500 --> 00:29:01,610 У ствари, само из зезања, ја сам отићи напред и уради то. 650 00:29:01,610 --> 00:29:05,120 Ја стварно не волим како мој параграфи су тако близу заједно, 651 00:29:05,120 --> 00:29:06,870 тако да може да уради овако нешто. 652 00:29:06,870 --> 00:29:13,310 Ја ћу рећи бровсер, мењају сваки став ознаку да, 653 00:29:13,310 --> 00:29:16,952 хајде да заправо говоре--, знаш шта, Хајде да алигн то тект-алигн, центар. 654 00:29:16,952 --> 00:29:19,410 И опет, знам да је ово само јер га је неко научио да ми 655 00:29:19,410 --> 00:29:21,118 или сам погледао у онлине референца. 656 00:29:21,118 --> 00:29:22,450 Дакле, дозволите ми да спаси ово. 657 00:29:22,450 --> 00:29:25,070 И, ах, сад сам центрирана слику тамо. 658 00:29:25,070 --> 00:29:28,490 И заиста, знате шта, ако Прелазим мој лик у ставу 659 00:29:28,490 --> 00:29:34,510 таг-- па трећи пасус, иако није текст. 660 00:29:34,510 --> 00:29:36,917 Оставимо то и поново. 661 00:29:36,917 --> 00:29:40,000 Сада је страница почиње да изгледа од-- Мислим, то је још увек прилично ружно, 662 00:29:40,000 --> 00:29:43,180 али барем изгледа да сам провео два минута уместо један минут 663 00:29:43,180 --> 00:29:43,950 што га. 664 00:29:43,950 --> 00:29:47,200 >> И тако, постепено, можемо направити ове естетске промене сада на страници? 665 00:29:47,200 --> 00:29:50,860 Ја сам стварно променио податке у страна осим додајући реч заиста. 666 00:29:50,860 --> 00:29:52,650 Додао сам метаподатке, ако хоћете. 667 00:29:52,650 --> 00:29:54,830 Хеј, претраживач, чине Реч "стварно" храбар. 668 00:29:54,830 --> 00:29:56,940 Али подаци нису јаки. 669 00:29:56,940 --> 00:29:57,830 То је метаподатака. 670 00:29:57,830 --> 00:29:59,410 Податак је "стварно." 671 00:29:59,410 --> 00:30:02,200 Дакле, још увек имамо неке од исти концепти као и раније. 672 00:30:02,200 --> 00:30:05,990 Сада, наравно, то није на Интернету, па ћу да урадим један завршни корак овде. 673 00:30:05,990 --> 00:30:10,300 >> Ја идем у хелло.хтмл и само истаћи и копирати ово. 674 00:30:10,300 --> 00:30:12,285 А сада ћу иду у Цлоуд9, који 675 00:30:12,285 --> 00:30:13,910 Ја ћу вас провести кроз који тренутак. 676 00:30:13,910 --> 00:30:17,080 И шансе су ускоро ће бити, ако већ није, на екрану овако. 677 00:30:17,080 --> 00:30:21,080 И дозволите ми да вам брзо Обилазак што Цлоуд9 заправо. 678 00:30:21,080 --> 00:30:26,590 Дакле, опет Цлоуд 9 је овај облак-басед сервице 679 00:30:26,590 --> 00:30:30,580 да ти и ја даје илузију да имају своју виртуелну машину 680 00:30:30,580 --> 00:30:33,090 у облаку, технички контејнер у облаку, 681 00:30:33,090 --> 00:30:35,160 да имамо пуну административне привилегије то. 682 00:30:35,160 --> 00:30:37,130 Дакле, у теорији, нико другде у свету има 683 00:30:37,130 --> 00:30:39,152 приступ екрану сам гледајући сада, 684 00:30:39,152 --> 00:30:40,860 осим можда људи који воде сајт, 685 00:30:40,860 --> 00:30:43,470 јер технички имају физички приступ и тако даље. 686 00:30:43,470 --> 00:30:44,740 >> Дакле, шта видимо у овом окружењу? 687 00:30:44,740 --> 00:30:46,230 Идем да бисте умањили, јер је мало мали. 688 00:30:46,230 --> 00:30:48,104 И дозволите ми да преко овде на тренутак. 689 00:30:48,104 --> 00:30:53,210 На левој страни мог и вашег екран, ту је фајл браузер на левој страни. 690 00:30:53,210 --> 00:30:55,362 Тако слични по духу на Мац ОС и Виндовс. 691 00:30:55,362 --> 00:30:57,070 То су све од датотеке у мом рачуну. 692 00:30:57,070 --> 00:30:59,250 И по дефаулту, ако ваш рачун је као моја, 693 00:30:59,250 --> 00:31:05,090 видећете или ускоро хелловорлд.хтмл и реадме.мд. 694 00:31:05,090 --> 00:31:07,950 Овамо са десне стране, ово је где су моји текстуалне датотеке отићи. 695 00:31:07,950 --> 00:31:11,620 Ако сте икада користили Мицрософт Реч или Нотепад или ТектЕдит, 696 00:31:11,620 --> 00:31:14,100 ово је реч моја уређивање фајлова ће ићи. 697 00:31:14,100 --> 00:31:16,540 А онда највише волшебни одлика ове средине 698 00:31:16,540 --> 00:31:20,100 да нећемо стварно треба да користимо је овде се зове прозор терминала. 699 00:31:20,100 --> 00:31:23,390 Ако сте користили ДОС из прошла година, ово је Линук 700 00:31:23,390 --> 00:31:25,450 или Линук еквивалент ДОС. 701 00:31:25,450 --> 00:31:28,190 То је интерфаце-- текстуалних кликова мишем, не вуче. 702 00:31:28,190 --> 00:31:30,770 Све што можете да урадите је да унесете команде, али те команде 703 00:31:30,770 --> 00:31:34,400 може створити датотеке, померање фајлова, отворен именици, блиски именици, 704 00:31:34,400 --> 00:31:35,740 до било који број ствари. 705 00:31:35,740 --> 00:31:38,060 Али за сада, ми ћемо само трошимо време овде. 706 00:31:38,060 --> 00:31:39,050 >> Па хајде да урадимо то. 707 00:31:39,050 --> 00:31:41,008 Ако сте у ово окружење, које би требало 708 00:31:41,008 --> 00:31:45,900 бити ако сте креирали радни простор већ, само напред и само иди 709 00:31:45,900 --> 00:31:48,690 на Филе, Нев за тренутак. 710 00:31:48,690 --> 00:31:51,740 И да ће вам дати нови Картица овде у средини. 711 00:31:51,740 --> 00:31:54,250 И ја само и немојмо само напред и уради то. 712 00:31:54,250 --> 00:31:59,910 Идемо напред и сада не Филе, Саве и напред и зову га хелло.хтмл, 713 00:31:59,910 --> 00:32:02,740 не треба мешати са хелловорлд.хтмл, који 714 00:32:02,740 --> 00:32:06,910 дошао са својим новим бесплатан налог, што је само узорак датотеке. 715 00:32:06,910 --> 00:32:11,020 Видећете да је изненада појави, највероватније на левој страни, 716 00:32:11,020 --> 00:32:12,810 и картица ће и даље бити отворен. 717 00:32:12,810 --> 00:32:21,300 И дозволите ми да вам и сада да се поново ову слику или неки њихови варијанте. 718 00:32:21,300 --> 00:32:24,607 А ако не можеш баш да видимо на екран, то је идентична слајдовима 719 00:32:24,607 --> 00:32:26,190 да вероватно имате у другој картици. 720 00:32:26,190 --> 00:32:29,296 >> Дакле укратко, да своју прву веб страницу, саве то, а онда за тренутак, 721 00:32:29,296 --> 00:32:31,170 Ја ћу вам показати како може заправо видели ове. 722 00:32:31,170 --> 00:32:32,970 Али променити барем једну ствар. 723 00:32:32,970 --> 00:32:35,400 Цханге ХеллоВорлд на нешто по сопственом избору, 724 00:32:35,400 --> 00:32:39,821 тако да сте уверени да је ваш филе, а не онај сам створио. 725 00:32:39,821 --> 00:32:40,320 У реду. 726 00:32:40,320 --> 00:32:43,804 И кад реади-- не русх-- када сте спремни, 727 00:32:43,804 --> 00:32:46,220 само напред и сачувајте датотеку кад сте направили ове промене. 728 00:32:46,220 --> 00:32:49,540 И ако кликнете на Рун дугме на врху, ово 729 00:32:49,540 --> 00:32:53,610 би требало да отвори нову картицу која ће рећи Ви који УРЛ можете посетити датотеке у, 730 00:32:53,610 --> 00:32:56,380 али то може узети тренутак за под знацима навода "старт Апацхе," који 731 00:32:56,380 --> 00:32:58,820 је име веб сервера. 732 00:32:58,820 --> 00:33:02,430 Зато будите пажљиви да тачно до шта је у датотеци на крају. 733 00:33:02,430 --> 00:33:04,610 Тако да сада, ја ћу увећали. 734 00:33:04,610 --> 00:33:07,780 Ако почнем да куцате отворена-носач ХТМЛ обавештење 735 00:33:07,780 --> 00:33:09,650 то ме је навело да завршим мисао. 736 00:33:09,650 --> 00:33:13,750 И ако сам завршио своју мисао је, аутоматски ми даје завршну ознаку. 737 00:33:13,750 --> 00:33:17,190 Али је очекивање онда ћу ударити Ентер, а затим прећи унутра 738 00:33:17,190 --> 00:33:21,180 и да главу унутра и онда ја тело унутра. 739 00:33:21,180 --> 00:33:24,430 И то је мало чудно у почетку, јер ради посао за вас, 740 00:33:24,430 --> 00:33:27,110 али схватите да на крају То вам штеди типке. 741 00:33:27,110 --> 00:33:30,500 И, у ствари, веома заједничка карактеристика програмирање окружења ових дана 742 00:33:30,500 --> 00:33:33,260 како за веб развој као ово и стварни програмирање, 743 00:33:33,260 --> 00:33:36,960 који ћемо говорити о сутра, је ова ауто-комплетан функције, 744 00:33:36,960 --> 00:33:39,710 ствари које само дозвољавају програмер или дизајнер 745 00:33:39,710 --> 00:33:42,010 да куцате мање типке на постићи исту ствар. 746 00:33:42,010 --> 00:33:43,176 Понекад је добро. 747 00:33:43,176 --> 00:33:44,560 Понекад ме иритира. 748 00:33:44,560 --> 00:33:49,290 749 00:33:49,290 --> 00:33:54,010 И, опет, кад сте транскрибује слајд или неки варијанта, 750 00:33:54,010 --> 00:33:57,360 можете да кликнете на дугме Рун горе. 751 00:33:57,360 --> 00:33:59,910 А затим у дну прозор, бићете обавештени 752 00:33:59,910 --> 00:34:04,290 на коју УРЛ адресу можете да посетите веб страницу. 753 00:34:04,290 --> 00:34:08,790 Мине, на пример, је у бусинесс-дахарвард.ц9усерс.ио 754 00:34:08,790 --> 00:34:11,480 и тако даље. 755 00:34:11,480 --> 00:34:14,580 У реду, па, ми реци-- било каквих питања? 756 00:34:14,580 --> 00:34:19,460 Неких питања у вези постаје све ово ради пре него што додамо функције? 757 00:34:19,460 --> 00:34:21,692 И дозволите ми да предложи, само да се људи цомфортабле-- 758 00:34:21,692 --> 00:34:24,400 јер једна је ствар само цопи-пасте слепо оно што сам урадио. 759 00:34:24,400 --> 00:34:27,177 Али само да људи рвати са најмање једним до-до, 760 00:34:27,177 --> 00:34:28,510 Ја ћу да пређем на неку музику. 761 00:34:28,510 --> 00:34:32,630 Ја ћу предложити листу ствари које потенцијално може да додате. 762 00:34:32,630 --> 00:34:34,086 А сигурно да користите Гоогле. 763 00:34:34,086 --> 00:34:36,210 А зашто не бисмо само Предлажем да покушате да решите 764 00:34:36,210 --> 00:34:38,710 најмање један посебан проблем. 765 00:34:38,710 --> 00:34:45,090 Дакле, у погледу ознака, дозволите ми да поновно ово овде. 766 00:34:45,090 --> 00:34:48,280 >> У ствари, ево да она у облику текста. 767 00:34:48,280 --> 00:35:02,380 Рецимо да је међу тагова бисмо могли користе овде су неки ознаке овде. 768 00:35:02,380 --> 00:35:06,090 Видели смо став ознаку. 769 00:35:06,090 --> 00:35:07,850 Сада ће ауто-комплетан. 770 00:35:07,850 --> 00:35:12,220 Став ознака, сидро ознака. 771 00:35:12,220 --> 00:35:15,250 Рецимо да желите да направити нешто већи, 772 00:35:15,250 --> 00:35:19,480 тако да би као-- распон ознака може да помогне. 773 00:35:19,480 --> 00:35:23,010 Па, можда требати помоћ за само који тренутак. 774 00:35:23,010 --> 00:35:24,830 Видели смо див. 775 00:35:24,830 --> 00:35:26,170 Видећете да је сто. 776 00:35:26,170 --> 00:35:27,928 Постоји нешто што се зове тр, тд. 777 00:35:27,928 --> 00:35:30,736 778 00:35:30,736 --> 00:35:32,860 Тх, тд. 779 00:35:32,860 --> 00:35:34,770 Вратити на то у тренутку. 780 00:35:34,770 --> 00:35:36,590 Шта друго може да буде при руци? 781 00:35:36,590 --> 00:35:38,310 Постоји јак. 782 00:35:38,310 --> 00:35:43,640 Ту је нагласак, односно их. 783 00:35:43,640 --> 00:35:50,110 Је-- шта друго Можда пожелите овде? 784 00:35:50,110 --> 00:35:51,930 Па, Узећемо погледај заједно. 785 00:35:51,930 --> 00:35:53,230 Облик, који смо видели. 786 00:35:53,230 --> 00:35:54,130 Има облик. 787 00:35:54,130 --> 00:35:56,500 Постоји улаз и неколико других. 788 00:35:56,500 --> 00:35:58,924 789 00:35:58,924 --> 00:36:00,090 У реду, хајде да урадимо то. 790 00:36:00,090 --> 00:36:02,330 За одговарање на Викторија је питање, пусти ме први 791 00:36:02,330 --> 00:36:05,020 само пазите да сви у стању да добију хелло рад. 792 00:36:05,020 --> 00:36:06,900 Онда дозволите да се представим пар друге идеје. 793 00:36:06,900 --> 00:36:09,209 Онда ћемо пустити људи решити неки проблем сами. 794 00:36:09,209 --> 00:36:11,500 Онда ћемо заиста вратити на тај појам форме, 795 00:36:11,500 --> 00:36:14,950 и ми ћемо заправо поново имплементирати заједно фронт-енд интерфејс, 796 00:36:14,950 --> 00:36:16,450 да тако кажем, за сам Гоогле. 797 00:36:16,450 --> 00:36:19,700 Ми ћемо користити Гоогле као задњем крају и пустити им раде тежак посао, претраживање, 798 00:36:19,700 --> 00:36:22,760 али ми ћемо поново предњи крај Гоогле и форме за претрагу 799 00:36:22,760 --> 00:36:24,520 да они имају на својој почетној страници. 800 00:36:24,520 --> 00:36:27,050 Па ћемо се вратити на Ове ознаке у само тренутак. 801 00:36:27,050 --> 00:36:30,270 >> Дакле, то је оно што сам предложио пре неколико тренутака. 802 00:36:30,270 --> 00:36:33,940 Можемо додати и стилизацију до А страна унутар овог стила таг, 803 00:36:33,940 --> 00:36:36,950 и можемо стилизовати позадину боја, усклађивање текста, 804 00:36:36,950 --> 00:36:39,000 да ли је то центар или лево или десно. 805 00:36:39,000 --> 00:36:41,630 Али врло брзо ти би наћи или веб дизајнер 806 00:36:41,630 --> 00:36:44,060 ће наћи да је ово постаје мало незграпна, 807 00:36:44,060 --> 00:36:48,330 јер радиш оно што је под називом садржај мешање 808 00:36:48,330 --> 00:36:50,120 са презентацијом истих. 809 00:36:50,120 --> 00:36:53,756 Мешате своје податке и естетика него. 810 00:36:53,756 --> 00:36:56,380 И у ствари, ако узмете у обзир шта ће се десити преко једном-- 811 00:36:56,380 --> 00:36:58,350 ово је веома мали веб страница, наравно. 812 00:36:58,350 --> 00:37:01,590 Али ако додам садржај ове странице и да додам стил на овој страници, 813 00:37:01,590 --> 00:37:04,650 страница врло брзо постаје дуже и дуже и дуже. 814 00:37:04,650 --> 00:37:07,510 И претпоставимо да желим имају другу веб страницу која 815 00:37:07,510 --> 00:37:09,010 дели неке од ових атрибута. 816 00:37:09,010 --> 00:37:12,350 Претпоставимо да моју другу веб страницу за мој сите-- Такође, желим све што центар, 817 00:37:12,350 --> 00:37:14,960 и ја исто желим све са зеленом позадином. 818 00:37:14,960 --> 00:37:17,940 Ја углавном морати да копирате неки од ових линија 819 00:37:17,940 --> 00:37:20,730 у овом другом фајлу, који осећа добро. 820 00:37:20,730 --> 00:37:22,030 То ће решити проблем. 821 00:37:22,030 --> 00:37:26,060 >> Али шта ако хоћу трећу страну или 30. страна или 40. страна? 822 00:37:26,060 --> 00:37:28,730 Сада ћу да се копира и лијепити доста дупликата кода 823 00:37:28,730 --> 00:37:30,430 у више фајлова. 824 00:37:30,430 --> 00:37:32,600 И тако претпостављам да Ја одлучујем или Речено ми је да, 825 00:37:32,600 --> 00:37:34,780 хеј, ми не користећи зелена позадина више. 826 00:37:34,780 --> 00:37:36,380 Ми ћемо да почнете да користите наранџасто. 827 00:37:36,380 --> 00:37:38,690 Шта имате да промените? 828 00:37:38,690 --> 00:37:42,900 Па, морате да промените тај стил од зелене у наранџасту за колико места? 829 00:37:42,900 --> 00:37:44,920 Као 30 или 40 места. 830 00:37:44,920 --> 00:37:45,900 То је досадан. 831 00:37:45,900 --> 00:37:47,039 То је склон грешкама. 832 00:37:47,039 --> 00:37:49,580 Постоји више разлога где не би желео да изазове 833 00:37:49,580 --> 00:37:51,840 та врста бола за себе. 834 00:37:51,840 --> 00:37:54,760 Па не би било лепо ако бисмо могли узети оно што сам 835 00:37:54,760 --> 00:37:58,240 пут између ова два жута ознаке, ове ознаке, 836 00:37:58,240 --> 00:38:04,050 фактор га, и стави све моје стилизација у један централни фајл 837 00:38:04,050 --> 00:38:08,470 да свих 30 или 40 мојих осталих списа позајмити од или некако референце, 838 00:38:08,470 --> 00:38:11,640 не за разлику од умрежавање дијаграми смо радили раније? 839 00:38:11,640 --> 00:38:15,030 >> Дакле, ако одем у ту, ја сам да стварно предложи 840 00:38:15,030 --> 00:38:17,880 да ми замени стил ознака са нечим 841 00:38:17,880 --> 00:38:21,620 назива веза ознака, који је ужасно, ужасно назван, 842 00:38:21,620 --> 00:38:24,370 јер не користите Линк ознака да створи шта 843 00:38:24,370 --> 00:38:26,380 ми људи знају као линк у веб страници. 844 00:38:26,380 --> 00:38:29,750 За то, користите што ознака? 845 00:38:29,750 --> 00:38:31,464 Како се креира везу на веб страници? 846 00:38:31,464 --> 00:38:32,130 ПУБЛИКА: Тхе А. 847 00:38:32,130 --> 00:38:34,870 Давид Ј Малан: Тхе А, или сидро ознака, који је отишао у Диснеи пре. 848 00:38:34,870 --> 00:38:39,090 Линк ознака овде говори ово-- линк до датотеке под називом 849 00:38:39,090 --> 00:38:44,350 стилес.цсс, однос према коме ће бити да је то моја стилова. 850 00:38:44,350 --> 00:38:48,290 Тако да је ово једна од С-их година у ЦСС-- Цасцадинг Стиле Схеетс. 851 00:38:48,290 --> 00:38:50,490 Стил схеет-- два С-их година у ЦСС. 852 00:38:50,490 --> 00:38:52,550 Каскадно стила. 853 00:38:52,550 --> 00:38:58,640 То само значи, хеј, браузер, иди пронађу стилес.цсс на локалном серверу 854 00:38:58,640 --> 00:39:01,870 и користити га као стилова, што значи да унутар тог фајла 855 00:39:01,870 --> 00:39:05,310 ће бити од стлизације да смо управо урадили. 856 00:39:05,310 --> 00:39:07,396 И шта тај фајл може изгледати као да је ово. 857 00:39:07,396 --> 00:39:10,020 И ја ћу учинити ово је брз пример, јер нам не треба 858 00:39:10,020 --> 00:39:12,000 да се превише у коров овде. 859 00:39:12,000 --> 00:39:17,840 Али ако копирате ово, шта сам предлаже је да је програмер креира нову датотеку, 860 00:39:17,840 --> 00:39:24,450 пасте у тим линес-- вхоопс-- пасте у тим линијама, 861 00:39:24,450 --> 00:39:32,270 сачувајте га као стилес.цсс, а затим, у други фајл, избрисати све то 862 00:39:32,270 --> 00:39:35,450 и замените га уместо тога са овом линку таг. 863 00:39:35,450 --> 00:39:43,090 Тако да ако линк хреф = "стилес.цсс", однос ће бити "стилесхеет" 864 00:39:43,090 --> 00:39:44,170 близу ознака. 865 00:39:44,170 --> 00:39:45,250 Сачувај то. 866 00:39:45,250 --> 00:39:47,000 Да се ​​вратим свом ХеллоВорлд. 867 00:39:47,000 --> 00:39:48,690 Релоад. 868 00:39:48,690 --> 00:39:51,290 >> Буквално ништа није десило. 869 00:39:51,290 --> 00:39:54,710 То је добра ствар, јер њега значи да је заправо све ради. 870 00:39:54,710 --> 00:39:58,860 Да би доказао колико, предпостављам да направи куцању, а ја зовем "стилес.цсс" 871 00:39:58,860 --> 00:40:03,080 са великим С, који је нетачна, а затим поново. 872 00:40:03,080 --> 00:40:05,470 Сада можете да видите да једноставно не ради. 873 00:40:05,470 --> 00:40:06,362 Е сад, зашто? 874 00:40:06,362 --> 00:40:08,070 Па, хајде да користи техника од раније. 875 00:40:08,070 --> 00:40:10,153 Пусти ме само напред и, у мој бровсер, у Цхроме-у, ја сам 876 00:40:10,153 --> 00:40:12,900 ће отворити да се посебна мрежа картица као и раније, 877 00:40:12,900 --> 00:40:15,560 и пусти ме да обнови страницу. 878 00:40:15,560 --> 00:40:19,341 Оно што се не чуди да видите? 879 00:40:19,341 --> 00:40:20,840 Или можда сте изненађени што га виде. 880 00:40:20,840 --> 00:40:23,225 У сваком случају, шта сада? 881 00:40:23,225 --> 00:40:24,100 ПУБЛИКА: [неразумљиво] 882 00:40:24,100 --> 00:40:24,770 Давид Ј Малан: То није пронађен. 883 00:40:24,770 --> 00:40:25,680 Зашто се то није пронађена? 884 00:40:25,680 --> 00:40:28,480 Па, Стилес.цсс-- капитал Успела-- не постоји. 885 00:40:28,480 --> 00:40:29,230 Ја га миснамед. 886 00:40:29,230 --> 00:40:30,430 Једноставно грешка. 887 00:40:30,430 --> 00:40:33,816 Али ја се разумљиво сада 404, јер сервер каже, хеј, 888 00:40:33,816 --> 00:40:34,440 није пронађен. 889 00:40:34,440 --> 00:40:36,300 Буквално, не знам где тај документ је. 890 00:40:36,300 --> 00:40:38,880 Дакле, као резултат тога, претраживача показује вам оно што може, 891 00:40:38,880 --> 00:40:42,860 сирова садржај странице, који је био 200, ХТМЛ, 892 00:40:42,860 --> 00:40:45,390 али стилизација не могу бити након тога додат. 893 00:40:45,390 --> 00:40:47,120 И то је оно што се подразумева под каскадно. 894 00:40:47,120 --> 00:40:49,070 Ти си некако да га додати после, а некако 895 00:40:49,070 --> 00:40:50,874 оплемењује естетику веб страници. 896 00:40:50,874 --> 00:40:53,790 А чак можете заменити оне Стилови са неким другим стилова датотеке 897 00:40:53,790 --> 00:40:54,700 ако желиш. 898 00:40:54,700 --> 00:40:57,780 То није пронађен, међутим, у овом случају, јер наравно, то миснамед сам. 899 00:40:57,780 --> 00:41:00,330 Тако да би требало да поправи онај први. 900 00:41:00,330 --> 00:41:04,667 >> Дакле, идемо напред и предлаже следеће. 901 00:41:04,667 --> 00:41:07,410 902 00:41:07,410 --> 00:41:11,140 Идемо напред и уради то. 903 00:41:11,140 --> 00:41:14,220 Почевши од можда ваш ХеллоВорлд фајл, 904 00:41:14,220 --> 00:41:17,740 само да позове пар од имају предлоге. 905 00:41:17,740 --> 00:41:20,400 Дакле, Викторија, желео да да неки текст већи, зар не? 906 00:41:20,400 --> 00:41:24,555 У реду, тако да можемо да би текст већи. 907 00:41:24,555 --> 00:41:26,860 А ми ћемо сваки извади ван само један проблем да реши. 908 00:41:26,860 --> 00:41:30,867 Направи текст већи. 909 00:41:30,867 --> 00:41:32,700 Нећу да сметам ово писао када смо 910 00:41:32,700 --> 00:41:35,600 имају буллет технологију овамо. 911 00:41:35,600 --> 00:41:39,970 Тако неки проблеми. 912 00:41:39,970 --> 00:41:44,670 Па ћемо покушати да текст већи. 913 00:41:44,670 --> 00:41:45,170 У реду. 914 00:41:45,170 --> 00:41:48,360 Шта би друго неко запросио? 915 00:41:48,360 --> 00:41:50,332 Шта још може да желимо да раде у веб странице? 916 00:41:50,332 --> 00:41:52,040 Хајде да смисли кратак списак ствари 917 00:41:52,040 --> 00:41:55,366 и онда пренијети на група да то схватим. 918 00:41:55,366 --> 00:41:56,270 >> ПУБЛИКА: [неразумљиво] 919 00:41:56,270 --> 00:42:02,251 >> Давид Ј Малан: У реду, позиција текст на различитим странама странице? 920 00:42:02,251 --> 00:42:02,750 У реду. 921 00:42:02,750 --> 00:42:04,620 Нешто друго. 922 00:42:04,620 --> 00:42:05,784 >> ПУБЛИКА: [неразумљиво] 923 00:42:05,784 --> 00:42:06,700 Давид Ј Малан: То је. 924 00:42:06,700 --> 00:42:08,720 Дакле, ГИФ је само другачији формат. 925 00:42:08,720 --> 00:42:12,830 Некада смо, колико, ПНГ или ЈПГ вероватно? 926 00:42:12,830 --> 00:42:14,480 Користили смо јпг. 927 00:42:14,480 --> 00:42:16,780 Ако сте радознали, прекомерна одговор на ваше питање 928 00:42:16,780 --> 00:42:19,404 ис а јпг се генерално користи за фотографије, јер подржава 929 00:42:19,404 --> 00:42:21,500 милиони боја или 24-битне боје. 930 00:42:21,500 --> 00:42:26,930 ГИФ се обично користи за, као, Интернет Мим ове даис-- анимације, 931 00:42:26,930 --> 00:42:28,810 као анимирани ГИФ. 932 00:42:28,810 --> 00:42:32,320 Али то се дешава да се користи мањи боју палета, само 256 могућих боја, 933 00:42:32,320 --> 00:42:35,230 али подржава транспарентност и анимација. 934 00:42:35,230 --> 00:42:40,330 А ту је ПНГ, који подржава транспарентност и више боја 935 00:42:40,330 --> 00:42:41,300 али не анимација. 936 00:42:41,300 --> 00:42:42,133 Тако да је компромис. 937 00:42:42,133 --> 00:42:44,144 938 00:42:44,144 --> 00:42:46,060 Дакле, додајући гиф, ипак, ће бити функционално 939 00:42:46,060 --> 00:42:48,396 еквивалентно додавање ПНГ или јпг. 940 00:42:48,396 --> 00:42:49,110 Да. 941 00:42:49,110 --> 00:42:50,550 извор слика једнако. 942 00:42:50,550 --> 00:42:51,590 Тако нешто друго. 943 00:42:51,590 --> 00:42:57,288 Хајде да смислимо нешто што послали смо у Викторију да радим овде. 944 00:42:57,288 --> 00:42:59,209 >> ПУБЛИКА: Додај дугме за облик. 945 00:42:59,209 --> 00:43:00,000 Давид Ј Малан: У реду. 946 00:43:00,000 --> 00:43:02,179 Па додати дугмад за форму. 947 00:43:02,179 --> 00:43:03,470 И ми ћемо то урадити једну заједно. 948 00:43:03,470 --> 00:43:07,220 Тако да ће бити савршен Сегуе одмах након овог изазова. 949 00:43:07,220 --> 00:43:10,357 Још нешто? 950 00:43:10,357 --> 00:43:11,440 Шта би желите да учините? 951 00:43:11,440 --> 00:43:14,040 952 00:43:14,040 --> 00:43:16,516 Веб осећа веома ундервхелминг ако је ово све што можемо да урадимо. 953 00:43:16,516 --> 00:43:18,140 ПУБЛИКА: Промените боју текста. 954 00:43:18,140 --> 00:43:19,500 Давид Ј Малан: Промена шта? 955 00:43:19,500 --> 00:43:20,666 ПУБЛИКА: Боја текста. 956 00:43:20,666 --> 00:43:22,311 Давид Ј Малан: Промена боје текста. 957 00:43:22,311 --> 00:43:22,810 У реду. 958 00:43:22,810 --> 00:43:23,790 Дакле, хајде да урадимо то. 959 00:43:23,790 --> 00:43:27,209 Само једном, тако да ти не, само по сећању, ради управо оно што ја радим, 960 00:43:27,209 --> 00:43:29,500 Ја ћу да укључите музику за неких пет минута овде. 961 00:43:29,500 --> 00:43:30,450 Добродошли сте да користите Гоогле. 962 00:43:30,450 --> 00:43:33,130 Добродошли сте да ме питате, и Ја ћу шапутати наговештај у ухо. 963 00:43:33,130 --> 00:43:35,171 Добродошли сте да погледате у на другим рамена. 964 00:43:35,171 --> 00:43:37,340 Али решити само један од ових проблема. 965 00:43:37,340 --> 00:43:40,190 Али ми ћемо учинити последњи, у формира један, ако можемо, заједно. 966 00:43:40,190 --> 00:43:42,790 Дакле, пет минута да реши сваки од ових проблема 967 00:43:42,790 --> 00:43:46,780 коришћењем Гоогле, интуиције, или било који друга средства на располагању. 968 00:43:46,780 --> 00:43:48,630 >> [Мусиц плаиинг] 969 00:43:48,630 --> 00:43:49,130 У реду. 970 00:43:49,130 --> 00:43:50,838 Без бриге, ако желите да би петљао, 971 00:43:50,838 --> 00:43:53,880 али ћу покварити пар од ових одговора. 972 00:43:53,880 --> 00:43:57,986 Дакле, први предлог из Вицториа је био да се текст већи. 973 00:43:57,986 --> 00:43:59,360 Дакле, постоји неколико начина да се то уради. 974 00:43:59,360 --> 00:44:01,530 Ја тренутно сам обновљена мој екран на ове величине, 975 00:44:01,530 --> 00:44:04,310 иако сам зумира вештачки само да видим ствари. 976 00:44:04,310 --> 00:44:07,470 И урадимо то. 977 00:44:07,470 --> 00:44:11,380 Пусти ме напред и зграби неки општи латински текст 978 00:44:11,380 --> 00:44:19,540 тако имамо нешто за рад. 979 00:44:19,540 --> 00:44:20,715 Па дај ми само један тренутак. 980 00:44:20,715 --> 00:44:21,840 Ја ћу направити три пасуса. 981 00:44:21,840 --> 00:44:53,430 982 00:44:53,430 --> 00:44:53,930 ОК. 983 00:44:53,930 --> 00:44:55,560 Ово ће бити бољи пример. 984 00:44:55,560 --> 00:44:57,840 Дакле, за радознала, у мој хелло.хтмл, само 985 00:44:57,840 --> 00:45:01,645 налепљен три бесмислен латин ст 986 00:45:01,645 --> 00:45:03,270 тако да имамо неки текст за рад. 987 00:45:03,270 --> 00:45:06,720 И циљ је био да Вицториа да неке текста веће. 988 00:45:06,720 --> 00:45:09,879 Тако да сам могао, као и раније, идите овде. 989 00:45:09,879 --> 00:45:11,170 И пусти ме то на прави начин. 990 00:45:11,170 --> 00:45:13,253 Ја ћу имати везу ознака која указује на датотеку 991 00:45:13,253 --> 00:45:20,560 под називом "стилес.цсс," однос од којих је опет "стилова." 992 00:45:20,560 --> 00:45:25,221 А онда ћу да спасе и отвори ту "стилес.цсс." 993 00:45:25,221 --> 00:45:28,940 >> Дакле, као и раније, ја имам способност у овом ЦСС фајлу 994 00:45:28,940 --> 00:45:31,569 да стварно променити уобичајену естетика веб странице, 995 00:45:31,569 --> 00:45:33,860 и дефаулт естетика, наравно, прилично досадно. 996 00:45:33,860 --> 00:45:36,943 То је врста нормалне величине фонта, црна текст, бела позадина, и тако даље. 997 00:45:36,943 --> 00:45:39,440 Претпостављам да желите да се сви овог текста већи. 998 00:45:39,440 --> 00:45:40,460 Могао бих пар ствари. 999 00:45:40,460 --> 00:45:43,750 У мом стилес.цсс фајлу, ја Могло би се рећи, знаш шта, 1000 00:45:43,750 --> 00:45:46,950 применити следеће у Тело моје стране. 1001 00:45:46,950 --> 00:45:51,390 Само напред и чине величина 24 поена, 1002 00:45:51,390 --> 00:45:54,130 што је број Можда користе у Мицрософт Ворд. 1003 00:45:54,130 --> 00:45:57,620 Пусти ме да се вратим свом веб страна овде и релоад, 1004 00:45:57,620 --> 00:45:59,640 а види се да већ је много већи. 1005 00:45:59,640 --> 00:46:02,223 И можемо бити мало луд, баш као што можемо на десктоп-- 1006 00:46:02,223 --> 00:46:03,670 да је 96 бодова. 1007 00:46:03,670 --> 00:46:04,950 Релоад. 1008 00:46:04,950 --> 00:46:07,610 И то постаје мало незграпан у овом тренутку. 1009 00:46:07,610 --> 00:46:09,500 >> Али да могу да будем мало прецизнији. 1010 00:46:09,500 --> 00:46:14,530 Уместо примене овог стиловима у тело моје стране, 1011 00:46:14,530 --> 00:46:21,740 шта још могу ли га применити уместо тога, шта друго ознака која би могла још 1012 00:46:21,740 --> 00:46:25,445 Функција на исти начин? 1013 00:46:25,445 --> 00:46:26,444 >> ПУБЛИКА Тхе стр ознака? 1014 00:46:26,444 --> 00:46:27,360 Давид Ј Малан: Д ознака. 1015 00:46:27,360 --> 00:46:29,350 Тако да глава не би било исправан, јер главе, 1016 00:46:29,350 --> 00:46:31,300 Ви заправо не може контролише естетику. 1017 00:46:31,300 --> 00:46:32,700 Ту је било текстуалне тамо или не. 1018 00:46:32,700 --> 00:46:36,760 Али с таг-- могу ронити у мало дубље, да тако кажем, са ставом 1019 00:46:36,760 --> 00:46:37,350 ознаке. 1020 00:46:37,350 --> 00:46:41,600 И иако постоје три, То је сасвим у реду, јер у ЦСС, 1021 00:46:41,600 --> 00:46:44,900 кад сам само рећи "п" ово значи применити следеће 1022 00:46:44,900 --> 00:46:48,300 на било који таг који одговара ово селектор, селектор само 1023 00:46:48,300 --> 00:46:49,430 је име ознаке. 1024 00:46:49,430 --> 00:46:52,350 Дакле, где год да видите "П" применити величину фонта, 1025 00:46:52,350 --> 00:46:55,222 па да чине више разуман Поново: 24 поен. 1026 00:46:55,222 --> 00:46:56,930 И знаш шта, само за сваки случај, 1027 00:46:56,930 --> 00:46:59,810 хајде да боју црвена само за тренутак. 1028 00:46:59,810 --> 00:47:03,740 И сада, ако ја поново, сада види три ружне ставове. 1029 00:47:03,740 --> 00:47:07,180 >> Али сада претпоставимо да сам врста од-- Желим први пасус 1030 00:47:07,180 --> 00:47:08,210 да искочи на корисника. 1031 00:47:08,210 --> 00:47:11,150 Не желим да се повећа величина фонта свега. 1032 00:47:11,150 --> 00:47:16,105 Па ја заправо желим да идентификују или разлику међу овим ставовима. 1033 00:47:16,105 --> 00:47:18,730 Дакле, хајде да се ослободи од црвене, јер то је само мало лепљив, 1034 00:47:18,730 --> 00:47:23,885 и идемо напред и чине величина слова 12 тачака подразумевано, 1035 00:47:23,885 --> 00:47:26,260 тако да смо се вратили на нешто мало више разуман. 1036 00:47:26,260 --> 00:47:29,190 И сада само желим да се повећа фонт сизе првог става. 1037 00:47:29,190 --> 00:47:31,440 Могу ја то у неколико начине, али један од начина да се 1038 00:47:31,440 --> 00:47:37,180 можда највише наставни На моменат је да урадите следеће. 1039 00:47:37,180 --> 00:47:43,280 Пусти ме напред и рећи, ово став има јединствену ИД за "први". 1040 00:47:43,280 --> 00:47:45,000 Могла бих да позовем ову шта желим. 1041 00:47:45,000 --> 00:47:46,874 Могао бих ово назвао "фоо" или неку другу реч, 1042 00:47:46,874 --> 00:47:49,290 али ћу му дати мало семантички смисао име 1043 00:47:49,290 --> 00:47:50,320 као "први". 1044 00:47:50,320 --> 00:47:54,790 Ово је јединствени идентификатор, лична, за мој први став. 1045 00:47:54,790 --> 00:47:59,360 >> Оно што сада могу да радим у стилова је бити мало прецизнији. 1046 00:47:59,360 --> 00:48:02,330 Уместо да се каже, важе следеће на п таг, 1047 00:48:02,330 --> 00:48:04,890 Могу да кажем фолловинг-- применити следеће, 1048 00:48:04,890 --> 00:48:11,000 или изаберите, ХТМЛ елемент који има јединствену ИД за "први". 1049 00:48:11,000 --> 00:48:12,350 Оно што желим да се пријаве на то? 1050 00:48:12,350 --> 00:48:15,250 Величине фонта 24 тачке. 1051 00:48:15,250 --> 00:48:16,640 Тако да имам два селекторе сада. 1052 00:48:16,640 --> 00:48:19,690 Један чини све од параграфи 12 тачака. 1053 00:48:19,690 --> 00:48:24,960 Али овај, посебно јер се ради секунду-- је у питању последњи у филе-- 1054 00:48:24,960 --> 00:48:27,090 ово има ефекат каскадни. 1055 00:48:27,090 --> 00:48:30,200 Управо сам направио све моје пасуса 12-поинт, 1056 00:48:30,200 --> 00:48:34,350 али ово сада каскаде и поништава да за било елемената 1057 00:48:34,350 --> 00:48:38,800 на страници, свака ознака на страници чији јединствени ИД је под знацима навода "први". 1058 00:48:38,800 --> 00:48:41,720 А хаштагот у том контексту само значи "јединствени идентификатор." 1059 00:48:41,720 --> 00:48:43,750 Не стављати у ХТМЛ датотеку. 1060 00:48:43,750 --> 00:48:46,880 Ја, овде, само реци под знацима навода "први". 1061 00:48:46,880 --> 00:48:48,470 >> Па пусти ме поново. 1062 00:48:48,470 --> 00:48:49,919 И сада видим, ах, у реду. 1063 00:48:49,919 --> 00:48:51,710 Мислим, није то лепо, али некако 1064 00:48:51,710 --> 00:48:53,600 Као предговору књига или нешто слично, 1065 00:48:53,600 --> 00:48:55,100 где је први пасус је већи. 1066 00:48:55,100 --> 00:48:57,933 Могао бити још прецизнији са само прва слова, али бар 1067 00:48:57,933 --> 00:48:59,110 Ја сам вршио већу контролу. 1068 00:48:59,110 --> 00:49:04,760 Сада маибе-- можда желим да урадим повремено из било ког разлога, 1069 00:49:04,760 --> 00:49:09,010 па ја не желим то да примењују се само један ХТМЛ таг. 1070 00:49:09,010 --> 00:49:15,110 Уместо тога, хајде да прицала- хајдемо Такође урадите следеће. 1071 00:49:15,110 --> 00:49:18,810 Цласс = "увоз." 1072 00:49:18,810 --> 00:49:23,970 Док се ИД користи за јединствено идентификују једну ствар, једну ознаку, 1073 00:49:23,970 --> 00:49:30,190 у својој веб страници, класа треба да буде користити на било ком броју елемената или ознакама 1074 00:49:30,190 --> 00:49:30,950 на својој веб страници. 1075 00:49:30,950 --> 00:49:31,710 Тако да је за вишекратну употребу. 1076 00:49:31,710 --> 00:49:33,090 Лична није поново употребљив. 1077 00:49:33,090 --> 00:49:34,450 Класа је погодан за рециклажу. 1078 00:49:34,450 --> 00:49:37,830 >> И знаш шта, за шта год филозофски реасонс-- 1079 00:49:37,830 --> 00:49:40,180 Нисам завршио мој мислила сам ћу рећи 1080 00:49:40,180 --> 00:49:44,300 да први став и Други став су важни. 1081 00:49:44,300 --> 00:49:48,600 Зато ћу применити на класу "Важно" да, ако спасим слику 1082 00:49:48,600 --> 00:49:51,510 и поново, нема функционалан утицај још. 1083 00:49:51,510 --> 00:49:53,780 Али сам додао неке метаподатака датотеке, 1084 00:49:53,780 --> 00:49:56,610 некако нешто одвојено од основних података датотеке, 1085 00:49:56,610 --> 00:50:02,300 тако да сада у мом стилова, ако И уместо тога кажу ".импортант" - знате, 1086 00:50:02,300 --> 00:50:07,110 све што је важно, ја сам да би боју слова, ред-- 1087 00:50:07,110 --> 00:50:09,930 односно не фонт-боју, само боју. 1088 00:50:09,930 --> 00:50:12,930 Има недоследности у ЦСС нажалост. 1089 00:50:12,930 --> 00:50:14,120 И релоад. 1090 00:50:14,120 --> 00:50:17,640 Сада приметите прва два пасуса су црвене 1091 00:50:17,640 --> 00:50:20,880 али не и трећи, јер ја само примењена класа "важно" 1092 00:50:20,880 --> 00:50:25,020 на прва два од тих ствари. 1093 00:50:25,020 --> 00:50:28,030 >> Тако да у личним картама, имате могућност одредити веома прецизно. 1094 00:50:28,030 --> 00:50:30,110 Класама, имате могућности поновног коришћења. 1095 00:50:30,110 --> 00:50:33,800 Међутим, у оба случаја, приметити да врста принципа добре-дизајн 1096 00:50:33,800 --> 00:50:39,072 где сам фактор од све од естетика то ми стилес.цсс фајл. 1097 00:50:39,072 --> 00:50:40,280 Значи, нема збрци овде. 1098 00:50:40,280 --> 00:50:44,490 Нема помена о црвеном или Болд-облога или величину текста у овом фајлу. 1099 00:50:44,490 --> 00:50:49,430 Радије сам семантички имам, смислено карактерише моје податке као, 1100 00:50:49,430 --> 00:50:51,240 Овде је неколико важних података. 1101 00:50:51,240 --> 00:50:52,800 Овде је неки важнији подаци. 1102 00:50:52,800 --> 00:50:56,500 Осим тога, ту је "Први" од мојих важних података. 1103 00:50:56,500 --> 00:51:01,050 Дакле, ХТМЛ је све о врста од означавање, буквално, речи 1104 00:51:01,050 --> 00:51:05,270 и ставови и конструкције у ваш страница са овим малим саветима, ако вас 1105 00:51:05,270 --> 00:51:07,640 ће, да можете некако искористити користећи 1106 00:51:07,640 --> 00:51:10,880 друге технике као што су ЦСС на овај начин. 1107 00:51:10,880 --> 00:51:14,760 >> Дакле, у одговору на питање Вицториа, можемо направити текст већи на тај начин. 1108 00:51:14,760 --> 00:51:18,380 Постоји толико много других начина, али фонт таг-- отворен носач "тект" - 1109 00:51:18,380 --> 00:51:19,770 је заправо неколико година. 1110 00:51:19,770 --> 00:51:21,410 И то је проблем, такође, са ослањајући се само 1111 00:51:21,410 --> 00:51:23,485 на онлајн ресоурцес-- они имају тенденцију да буду застарели. 1112 00:51:23,485 --> 00:51:26,110 И заиста, која је била застарела, јер је свет схватио, 1113 00:51:26,110 --> 00:51:28,970 Шта значи "фонт-фамили = 7" значи? 1114 00:51:28,970 --> 00:51:29,670 То не зна. 1115 00:51:29,670 --> 00:51:32,770 И тако дуги низ година и да ова даи-- један од стране 1116 00:51:32,770 --> 00:51:36,060 наводи овде је да је заправо невероватно болно и даље понекад 1117 00:51:36,060 --> 00:51:38,900 да развију места за Веб, јер Мицрософт 1118 00:51:38,900 --> 00:51:44,220 и Гоогле и Мозилла и други често не слажу како 1119 00:51:44,220 --> 00:51:47,480 тумачити спецификацију као ХТМЛ. 1120 00:51:47,480 --> 00:51:52,490 >> Постоји правилник за ХТМЛ то генерално каже шта свака ознака значи. 1121 00:51:52,490 --> 00:51:55,690 Али понекад је остало до дискреција имплементација је, 1122 00:51:55,690 --> 00:51:57,290 Мицрософт дискреција и Гоогле. 1123 00:51:57,290 --> 00:52:00,000 И тако да ћу врло често види на сајту нешто 1124 00:52:00,000 --> 00:52:04,954 изгледа другачије на ПЦ него ради на Мац, 1125 00:52:04,954 --> 00:52:06,995 и то је заиста јер, на крају дана, 1126 00:52:06,995 --> 00:52:08,891 нису га тестирамо и на обе платформе. 1127 00:52:08,891 --> 00:52:11,390 Али исто тако је зато разумно, паметни људи неће сложити са мном 1128 00:52:11,390 --> 00:52:14,970 и компаније неће сложити са мном, и тако један од изазова програмирања 1129 00:52:14,970 --> 00:52:16,980 за веб или пројектовање ствари за веб 1130 00:52:16,980 --> 00:52:21,700 пише веб-сајт на неки начин који ради на сваком веб бровсер. 1131 00:52:21,700 --> 00:52:23,410 Али чак и да је неразумно, зар не? 1132 00:52:23,410 --> 00:52:27,807 Постоји толико много верзија толико браузери тамо да, у неком тренутку, 1133 00:52:27,807 --> 00:52:30,890 имате и да пресуду позив и морате одлучити као компанија, 1134 00:52:30,890 --> 00:52:33,082 посебно за е-цоммерце стилу места где си 1135 00:52:33,082 --> 00:52:36,290 покушавајући да користе најновије и најбоље технологије да би стварно добар корисника 1136 00:52:36,290 --> 00:52:37,110 искуство. 1137 00:52:37,110 --> 00:52:41,019 Међутим, неки проценат од ваших корисници могу још увек користе Интернет Екплорер 6 или 7 1138 00:52:41,019 --> 00:52:43,810 или 8, а посебно у зависности од земља која долазе из. 1139 00:52:43,810 --> 00:52:46,760 >> И тако врло често консултовани је нешто 1140 00:52:46,760 --> 00:52:50,920 као "статистика веб бровсер." 1141 00:52:50,920 --> 00:52:56,560 И ако идемо да-- да видимо Википедиа и видети како горе-то-дате ово графикон 1142 00:52:56,560 --> 00:52:59,320 ако постоји. 1143 00:52:59,320 --> 00:53:02,420 Дакле, овде можете видети где претраживачи заправо 1144 00:53:02,420 --> 00:53:06,160 су, према децембра 2015. године, према Владе САД. 1145 00:53:06,160 --> 00:53:11,170 Цхроме је на 42% тржишног удела, затим од ИЕ углавном у корпоративним подешавањима 1146 00:53:11,170 --> 00:53:14,490 или подешавања ПЦ, наравно, затим Фирефок, 1147 00:53:14,490 --> 00:53:17,440 онда Фирефок, онда опера није направити мапу овде из неког разлога, 1148 00:53:17,440 --> 00:53:18,210 и од других. 1149 00:53:18,210 --> 00:53:19,500 Можда је под осталих. 1150 00:53:19,500 --> 00:53:27,700 Али више проблематичан од тога је-- Хајде да видимо да ли Википедија има 1151 00:53:27,700 --> 00:53:35,194 верзије претраживача версион-- 1152 00:53:35,194 --> 00:53:36,160 1153 00:53:36,160 --> 00:53:39,190 >> Идемо у статистици претраживача. 1154 00:53:39,190 --> 00:53:40,680 ИЕ. 1155 00:53:40,680 --> 00:53:42,030 Ни то није довољно. 1156 00:53:42,030 --> 00:53:44,854 Бровсер статистика. 1157 00:53:44,854 --> 00:53:45,353 Моја верзија. 1158 00:53:45,353 --> 00:53:48,980 1159 00:53:48,980 --> 00:53:50,540 То неће бити у праву. 1160 00:53:50,540 --> 00:53:53,414 Да видимо верзије. 1161 00:53:53,414 --> 00:53:54,830 Бровсер удео на тржишту. 1162 00:53:54,830 --> 00:53:57,110 Да видимо да ли ово појави. 1163 00:53:57,110 --> 00:53:57,610 ОК. 1164 00:53:57,610 --> 00:54:00,010 Сада ово постаје мало користан. 1165 00:54:00,010 --> 00:54:04,870 Дакле, овде, приметио да сви имамо различите верзије претраживача. 1166 00:54:04,870 --> 00:54:09,887 И, боже, ако изгледаш-- Цхроме 48, хром 47, Хром 31 Цхроме 45. 1167 00:54:09,887 --> 00:54:12,970 Мислим, претраживачи све ажуриран, и понекад неке од тих промена 1168 00:54:12,970 --> 00:54:16,430 су значајне у Услови функционалности. 1169 00:54:16,430 --> 00:54:20,630 И тако у једном тренутку, производа менаџери или инжењери 1170 00:54:20,630 --> 00:54:23,620 треба да се направи децисион-- ти Знаш шта, само 1% света 1171 00:54:23,620 --> 00:54:24,740 још увек користи ИЕ 7. 1172 00:54:24,740 --> 00:54:25,490 У пакао са њима. 1173 00:54:25,490 --> 00:54:27,470 Ми једноставно неће подржава тај бровсер. 1174 00:54:27,470 --> 00:54:28,740 И шта то значи да не подржава? 1175 00:54:28,740 --> 00:54:31,170 То би могло да значи да дугмад не раде на својој веб страници, 1176 00:54:31,170 --> 00:54:33,050 или можда значе форматирање је потпуно искључен. 1177 00:54:33,050 --> 00:54:35,091 Или можда морати да тај исти суд позива 1178 00:54:35,091 --> 00:54:39,089 у мобилним ових дана, где, ми смо неће више да подржи иОС 5. 1179 00:54:39,089 --> 00:54:40,380 Тако да људи једноставно морају да надограде. 1180 00:54:40,380 --> 00:54:45,850 Или нећемо подржати Цупцаке на Андроид ОС за Андроид уређаје, 1181 00:54:45,850 --> 00:54:48,629 јер као ворлд-- као Тецх Ворлд жели да иде напред, 1182 00:54:48,629 --> 00:54:51,170 некако жели да превуците свет са њим, тако да они не 1183 00:54:51,170 --> 00:54:53,295 морају да наставе да буду компатибилна тако да 1184 00:54:53,295 --> 00:54:54,920 може да понуди нове и добре особине. 1185 00:54:54,920 --> 00:54:57,878 Ово је заиста један од разлога зашто тако многе компаније су избацујемо 1186 00:54:57,878 --> 00:55:01,440 аутоматско ажурирање и некако тера најновије верзије софтвера на нас. 1187 00:55:01,440 --> 00:55:04,010 Па чак и компаније као Аппле ће те некако 1188 00:55:04,010 --> 00:55:07,280 присилити вас скоро или присилити Ви у погледу тржишне снаге 1189 00:55:07,280 --> 00:55:11,164 купити нови телефон јер само неће више ажурирати стари телефон. 1190 00:55:11,164 --> 00:55:13,330 Тако да пропустите на најновији и највећи функције, 1191 00:55:13,330 --> 00:55:17,520 јер је скупо да их као компанија за одржавање старији, вероватно 1192 00:55:17,520 --> 00:55:19,330 инфериорни верзије софтвера. 1193 00:55:19,330 --> 00:55:23,660 Али је нето ефекат је да такође трпе и ово. 1194 00:55:23,660 --> 00:55:26,550 >> Дакле, хајде да погледамо само неколико коначних ствари овде. 1195 00:55:26,550 --> 00:55:29,740 Хајде да склепати врло брзо неке од те друге меци, ако радознао. 1196 00:55:29,740 --> 00:55:33,440 Дакле, ако сте покушавали да, на пример, положај 1197 00:55:33,440 --> 00:55:36,420 текст на различитим странама страница, ја ћу да урадим један брз начин, 1198 00:55:36,420 --> 00:55:38,360 али има другачији начини да се то уради. 1199 00:55:38,360 --> 00:55:42,610 Пусти ме напред и елиминате-- поједноставити на следећи начин. 1200 00:55:42,610 --> 00:55:45,330 Дозволите ми да се вратим у мој једноставни, прости ставови. 1201 00:55:45,330 --> 00:55:47,760 Да се ​​вратим на мој стилес.цсс. 1202 00:55:47,760 --> 00:55:51,040 И Ја ћу користити симпле-- који сте можда видели на Гоогле-у 1203 00:55:51,040 --> 00:55:54,430 или га позовите из еарлиер-- текст-алигн у праву. 1204 00:55:54,430 --> 00:55:56,220 И релоад тхис паге. 1205 00:55:56,220 --> 00:55:58,470 Сада све делује да је десно поравнат, 1206 00:55:58,470 --> 00:56:00,770 као што можете да видите на графоскоп овде. 1207 00:56:00,770 --> 00:56:04,470 >> Можемо да изгледа мало више наручити налик, и можемо рећи "оправдати" 1208 00:56:04,470 --> 00:56:05,640 и релоад. 1209 00:56:05,640 --> 00:56:09,870 Сада је лепо и квадрат на оба стране, што је лепо. 1210 00:56:09,870 --> 00:56:12,220 Још један циљ који смо имали овде је промена боје текста. 1211 00:56:12,220 --> 00:56:13,650 Па видели смо да са својим црвеним текстом. 1212 00:56:13,650 --> 00:56:15,630 И сада додати дугмад за форму. 1213 00:56:15,630 --> 00:56:19,390 Па зашто не би пробали да ураде управо то? 1214 00:56:19,390 --> 00:56:23,656 Али прво пусти ме на сајту који већина нас користи сваки даи-- Гоогле. 1215 00:56:23,656 --> 00:56:25,780 И хајде да погледамо како Гоогле заправо ради. 1216 00:56:25,780 --> 00:56:26,821 Али ја ћу учинити ово. 1217 00:56:26,821 --> 00:56:31,930 Прво пусти мене у-- Да, Пусти ме да Гоогле. 1218 00:56:31,930 --> 00:56:34,530 Ја ћу морати да иде у Гоогле подешавањима, 1219 00:56:34,530 --> 00:56:40,660 јер желим да искључите нешто што се зове инстант резултати. 1220 00:56:40,660 --> 00:56:43,580 >> Тако да можда приметили у Гоогле то даис-- пусти ме да се вратим 1221 00:56:43,580 --> 00:56:44,850 и укључите ово. 1222 00:56:44,850 --> 00:56:47,900 Па ако започели претрагу за "цатс" као што је ова, 1223 00:56:47,900 --> 00:56:50,120 приметити да не само да Да добијем ауто заврши до 1224 00:56:50,120 --> 00:56:54,520 врх, одједном, сама страница Изгледа да прилично брзо мењају, као, 1225 00:56:54,520 --> 00:56:58,750 и да је Гоогле коришћењем језика позвао Јавасцрипт покушава да буде од помоћи. 1226 00:56:58,750 --> 00:57:01,540 Али, нажалост, некако од поремети наше дискусију 1227 00:57:01,540 --> 00:57:04,010 о томе шта се заиста дешава испод хаубе овде. 1228 00:57:04,010 --> 00:57:09,070 Тако да сам некако брзо искључите инстант резултате. 1229 00:57:09,070 --> 00:57:11,510 И ја ћу да кликнете Саве. 1230 00:57:11,510 --> 00:57:13,930 А сада ћу да отворим да дијагностичка трака са алаткама да 1231 00:57:13,930 --> 00:57:16,150 држати отвор на картици Нетворк. 1232 00:57:16,150 --> 00:57:17,720 Хајде да урадимо ово. 1233 00:57:17,720 --> 00:57:21,960 Пусти ме-- вхоопс-- идите ово доле мало. 1234 00:57:21,960 --> 00:57:24,410 И пусти ме тражи "мачке." 1235 00:57:24,410 --> 00:57:26,790 >> И сада нотице-- заправо, ово је добра прилика 1236 00:57:26,790 --> 00:57:28,840 да разговарају на тренутак. 1237 00:57:28,840 --> 00:57:32,460 Обратите пажњу на тренутак сам типе-- га заустави. 1238 00:57:32,460 --> 00:57:35,250 Престани. 1239 00:57:35,250 --> 00:57:35,790 ОК. 1240 00:57:35,790 --> 00:57:40,870 Обратите пажњу на тренутак сам тип писмо Ц гледају дно екрана. 1241 00:57:40,870 --> 00:57:48,600 А-Т С Шта дно овог екрана, моја мрежа картица, 1242 00:57:48,600 --> 00:57:53,320 Предлажем се дешава сваки време сам тип писмо? 1243 00:57:53,320 --> 00:57:57,700 На жалост, жаба је врло збуњујући данас или детелина 1244 00:57:57,700 --> 00:58:00,339 или шта год да је. 1245 00:58:00,339 --> 00:58:01,880 Шта се дешавало сваки пут кад откуцана? 1246 00:58:01,880 --> 00:58:04,230 И пусти ме јасно да тај тампон и укуцајте је поново. 1247 00:58:04,230 --> 00:58:06,580 Дакле-- упс. 1248 00:58:06,580 --> 00:58:13,280 Сваки пут када притиснете слово, Ц-А-Т-- па нови ред очигледно настави да се приказује. 1249 00:58:13,280 --> 00:58:16,530 Шта свака од ових редова представљају, на основу онога што смо видели и разговарали 1250 00:58:16,530 --> 00:58:17,339 до сада? 1251 00:58:17,339 --> 00:58:18,130 ПУБЛИКА: Претрес? 1252 00:58:18,130 --> 00:58:21,770 Давид Ј Малан: Претрес, или више генерички, ХТТП захтев 1253 00:58:21,770 --> 00:58:23,125 из мог претраживача на серверу. 1254 00:58:23,125 --> 00:58:29,090 Па, зашто је мој бровсер што ХТТП тражити сваки пут када ја типкам писмо? 1255 00:58:29,090 --> 00:58:30,502 >> ПУБЛИКА: [неразумљиво] 1256 00:58:30,502 --> 00:58:33,210 Давид Ј Малан: Да, то је давање ми ове ауто-комплетан резултата. 1257 00:58:33,210 --> 00:58:35,190 Као, где се и ови Резултати претраге долазе? 1258 00:58:35,190 --> 00:58:38,120 Па, сваки пут кад укуцате писмо, Гоогле пошаље више 1259 00:58:38,120 --> 00:58:40,460 и све више и више Реч куцам. 1260 00:58:40,460 --> 00:58:41,040 Зашто? 1261 00:58:41,040 --> 00:58:44,540 Јер они желе да ми дају све боље и боље, боље предлог, 1262 00:58:44,540 --> 00:58:48,880 списак предлога, за шта реч Покушавам да заиста потпун. 1263 00:58:48,880 --> 00:58:53,030 Дакле, ово значи да буквално сваки карактер куцате у Гоогле 1264 00:58:53,030 --> 00:58:56,900 се шаље, на крају у булк, али понекад оне 1265 00:58:56,900 --> 00:59:00,620 у једном тренутку у циљу спровођења ови ауто-комплетан функције када 1266 00:59:00,620 --> 00:59:03,000 подаци су, наравно, на Интернету. 1267 00:59:03,000 --> 00:59:08,780 >> Сада, хајде да погледамо шта је заправо се дешава када кликнем Гоогле претрага. 1268 00:59:08,780 --> 00:59:10,420 А онда ћемо искористити ово сами. 1269 00:59:10,420 --> 00:59:15,320 Дакле, ако сам спустите сада у веома Први захтев који се управо догодило. 1270 00:59:15,320 --> 00:59:17,130 Обратите пажњу на следеће. 1271 00:59:17,130 --> 00:59:25,550 Упућено је прилично дуго УРЛ-- хттпс://ввв.гоогле.цом/сеарцх? 1272 00:59:25,550 --> 00:59:27,100 а онда гомила ствари. 1273 00:59:27,100 --> 00:59:29,620 Да стварно видим ово сада на картици претраживача саме. 1274 00:59:29,620 --> 00:59:31,310 Хајде да се реши алаткама овде. 1275 00:59:31,310 --> 00:59:33,140 Овде је страница резултата претраге. 1276 00:59:33,140 --> 00:59:34,790 И обавештење овде је УРЛ адреса. 1277 00:59:34,790 --> 00:59:37,430 Сада, што вероватно можете погодити шта се овде дешава у делу. 1278 00:59:37,430 --> 00:59:39,090 Пре свега, дефиниција. 1279 00:59:39,090 --> 00:59:42,570 Ово је очигледно дестинација где се образац. 1280 00:59:42,570 --> 00:59:44,910 Дакле, када сам откуцао у речи "цатс" и хит Ентер, 1281 00:59:44,910 --> 00:59:48,460 очигледно Гоогле је послао мој унос текста на овај УРЛ 1282 00:59:48,460 --> 00:59:50,770 да сам истакао тамо, сласх претрагу. 1283 00:59:50,770 --> 00:59:56,530 Испоставило се да, у УРЛ, било шта што се дешава после упитник је, 1284 00:59:56,530 --> 01:00:01,270 као што смо стално говорим, кључни вредност пар који је откуцан у образац или некако 1285 01:00:01,270 --> 01:00:04,500 преноси из претраживач на сервер. 1286 01:00:04,500 --> 01:00:07,180 >> Дакле, сваки пут када Инпут у облику на веб 1287 01:00:07,180 --> 01:00:10,000 и то је послата као што смо расправљали, преко гет, 1288 01:00:10,000 --> 01:00:12,400 један од ових виртуал коверте, садржај 1289 01:00:12,400 --> 01:00:15,510 од тога енвелопе-- да, задржати геттинг пуњена физички 1290 01:00:15,510 --> 01:00:19,010 у коверти у класи данас, али технолошки 1291 01:00:19,010 --> 01:00:21,110 то је заправо ставити у УРЛ. 1292 01:00:21,110 --> 01:00:22,940 Дакле, у ствари, дозволите ми претура кроз ово. 1293 01:00:22,940 --> 01:00:25,010 Где ви видите упутство за улаз? 1294 01:00:25,010 --> 01:00:27,490 Где ви видите нешто да сам ја куцао овде? 1295 01:00:27,490 --> 01:00:32,100 1296 01:00:32,100 --> 01:00:33,491 Да, тако "мачке." 1297 01:00:33,491 --> 01:00:33,990 У праву? 1298 01:00:33,990 --> 01:00:36,380 Дакле, да ми дестилирати ово у нешто једноставније. 1299 01:00:36,380 --> 01:00:39,917 Ја ћу избрисати све у вези ово УРЛ који ја не разумем, 1300 01:00:39,917 --> 01:00:42,250 и ја ћу само да одем она као ово-- / сеарцх? к = мачке. 1301 01:00:42,250 --> 01:00:45,640 1302 01:00:45,640 --> 01:00:47,890 Видећемо где к долази из у тренутку, 1303 01:00:47,890 --> 01:00:51,220 али да се осећа као минимум Количина информација које сам дао. 1304 01:00:51,220 --> 01:00:53,050 А сада ћу да ударим Ентер. 1305 01:00:53,050 --> 01:00:55,520 И приметити да и даље ради. 1306 01:00:55,520 --> 01:00:57,950 Још увек се вратимо гомилу мачака. 1307 01:00:57,950 --> 01:01:00,340 Дакле, Гоогле је одгајивач од овога ових дана. 1308 01:01:00,340 --> 01:01:01,934 То је 2016, а не 1999. 1309 01:01:01,934 --> 01:01:04,600 Тако да је остало, што ми претраживач шаље на сервер. 1310 01:01:04,600 --> 01:01:07,100 Али ово је минимално све што је потребно. 1311 01:01:07,100 --> 01:01:08,380 >> Дакле, шта се дешава? 1312 01:01:08,380 --> 01:01:14,320 Па, прво пусти ме напред и го назад на Цлоуд9 и пусти ме само напред 1313 01:01:14,320 --> 01:01:15,620 и затворим картице раније. 1314 01:01:15,620 --> 01:01:18,230 И ја ћу то урадити на мој овн само за тренутак. 1315 01:01:18,230 --> 01:01:20,730 Ја идем напред и створити нову датотеку. 1316 01:01:20,730 --> 01:01:23,739 И ја ћу га спремити као гоогле.хтмл. 1317 01:01:23,739 --> 01:01:26,280 И ја ћу врло куицкли-- Ја ћу да украдем, заправо, 1318 01:01:26,280 --> 01:01:28,510 неки од овог текста да би уштедели време. 1319 01:01:28,510 --> 01:01:30,610 Ја ћу да налепите ово овде. 1320 01:01:30,610 --> 01:01:33,850 Нећу да сметам са било стилизација овај пут. 1321 01:01:33,850 --> 01:01:38,340 Ми ћемо назвати "Ми Гоогле." 1322 01:01:38,340 --> 01:01:41,230 И ја ћу да се отарасим свега у телу. 1323 01:01:41,230 --> 01:01:42,740 И ја ћу да урадите следеће. 1324 01:01:42,740 --> 01:01:45,690 Пусти ме увећање. 1325 01:01:45,690 --> 01:01:50,620 Облик ацтион-- и као што сам поменуо еарлиер-- вхоопс-- као што сам укратко 1326 01:01:50,620 --> 01:01:54,130 што је раније поменуто, дејства образац је место где послати податке на. 1327 01:01:54,130 --> 01:01:56,620 Тако гоогле.цом/сеарцх. 1328 01:01:56,620 --> 01:01:59,390 И метод желим да користим може бити један од две ствари. 1329 01:01:59,390 --> 01:02:02,870 Може бити или "гет", како држимо расправља, или може бити "пост." 1330 01:02:02,870 --> 01:02:05,340 За сада, основни Разлика је у томе, ако користите "гет" 1331 01:02:05,340 --> 01:02:09,590 све је информацију да је Корисник обезбеђује шаљу у УРЛ. 1332 01:02:09,590 --> 01:02:13,530 >> То је одлично за ствари као што су претрага мотори и неколико других апликација, 1333 01:02:13,530 --> 01:02:17,080 али у каквим околностима би Ви не желите да попуните формулар 1334 01:02:17,080 --> 01:02:21,620 и да информације завршити на УРЛ адреса, као у адресно поље читача? 1335 01:02:21,620 --> 01:02:25,470 1336 01:02:25,470 --> 01:02:26,605 Какав облика до ти-- 1337 01:02:26,605 --> 01:02:27,480 ПУБЛИКА: [неразумљиво] 1338 01:02:27,480 --> 01:02:28,450 Давид Ј Малан: Да, као шта? 1339 01:02:28,450 --> 01:02:29,270 ПУБЛИКА: Лозинке. 1340 01:02:29,270 --> 01:02:31,936 Давид Ј Малан: Да, тако се улогујете на Фацебоок или неком сајту. 1341 01:02:31,936 --> 01:02:34,395 То је корисник улаз из облик, текст кутија, 1342 01:02:34,395 --> 01:02:37,020 али вероватно не желе појављују у УРЛ претраживача. 1343 01:02:37,020 --> 01:02:38,121 Зашто? 1344 01:02:38,121 --> 01:02:40,870 Мислим, можда постоји неки безбедносне импликације на мрежи, 1345 01:02:40,870 --> 01:02:44,830 али море-- воле, више једноставно, шта ако цимер, ваше друге значајне, 1346 01:02:44,830 --> 01:02:47,710 Ваша деца, ваш супружник изгледа кроз историју прегледача? 1347 01:02:47,710 --> 01:02:50,762 Постоји лозинка праву тамо у историји вашег претраживача. 1348 01:02:50,762 --> 01:02:52,220 То не изгледа као добар дизајн. 1349 01:02:52,220 --> 01:02:54,500 Или чак и више технички, Претпостављам да покушаваш 1350 01:02:54,500 --> 01:02:59,180 да поставите фотографију на Флицкр или Фацебоок или вхеревер-- 1351 01:02:59,180 --> 01:03:03,010 да је корисник улаз, иако то је мало више интерестинг-- како 1352 01:03:03,010 --> 01:03:05,530 да угура неку слику у УРЛ траци? 1353 01:03:05,530 --> 01:03:06,730 Некако некако не могу. 1354 01:03:06,730 --> 01:03:07,396 Некако могу. 1355 01:03:07,396 --> 01:03:10,210 Али, стварно, ја сам под великим притиском замислити то ради. 1356 01:03:10,210 --> 01:03:13,470 Па ми треба још један начин за постављање фотографија на сајту, 1357 01:03:13,470 --> 01:03:15,657 и да други метод се зове "порука." 1358 01:03:15,657 --> 01:03:18,740 Али за сада, само ћемо говорити о "Гет", који је једноставнији од та два. 1359 01:03:18,740 --> 01:03:21,100 Управо ставља све корисник улаз у УРЛ. 1360 01:03:21,100 --> 01:03:22,830 >> Дакле, ово је облик Ја правим. 1361 01:03:22,830 --> 01:03:24,070 Желим улаз. 1362 01:03:24,070 --> 01:03:24,820 И знаш шта? 1363 01:03:24,820 --> 01:03:26,111 Ја ћу да претпоставите овде. 1364 01:03:26,111 --> 01:03:31,600 Ја ћу да се сетим мој улаз "К" за "упит." 1365 01:03:31,600 --> 01:03:34,970 И мислим да је ово један од оригинални дизајн, можда, из 1999. године. 1366 01:03:34,970 --> 01:03:39,560 И онда тип овог улаза тек ће бити "текст." 1367 01:03:39,560 --> 01:03:43,040 А онда ћу имати још један улаз да не треба име, као што ћемо ускоро 1368 01:03:43,040 --> 01:03:45,120 види, тип који је "поднети." 1369 01:03:45,120 --> 01:03:47,070 А ово ће дај ми посебан тастер. 1370 01:03:47,070 --> 01:03:48,320 И то је то. 1371 01:03:48,320 --> 01:03:50,790 >> Па пусти ме само напред и сачувајте ову датотеку. 1372 01:03:50,790 --> 01:03:54,910 Ја ћу да се вратим у мој прегледач и идите на гоогле.хтмл. 1373 01:03:54,910 --> 01:03:56,140 Ентер. 1374 01:03:56,140 --> 01:03:59,680 И то је некако ретка у најмању руку. 1375 01:03:59,680 --> 01:04:03,110 Али пусти ме напред и потражите "мачке." 1376 01:04:03,110 --> 01:04:06,510 И приметио сам тренутно у овом Цлоуд9 УРЛ. 1377 01:04:06,510 --> 01:04:09,240 Али оног тренутка када кликнем ово, где се надате да ћу завршити? 1378 01:04:09,240 --> 01:04:10,160 >> ПУБЛИКА Гоогле. 1379 01:04:10,160 --> 01:04:11,118 >> Давид Ј Малан Гоогле. 1380 01:04:11,118 --> 01:04:12,740 Дакле, да кликнете на Пошаљи. 1381 01:04:12,740 --> 01:04:15,200 И заиста сам поново спроводи Гоогле. 1382 01:04:15,200 --> 01:04:15,700 У праву? 1383 01:04:15,700 --> 01:04:16,480 То је једноставније. 1384 01:04:16,480 --> 01:04:17,120 То је лакши. 1385 01:04:17,120 --> 01:04:20,350 Мислим, мој код је јасно бољи од њихов, од нереда смо видели раније. 1386 01:04:20,350 --> 01:04:21,100 И знаш шта? 1387 01:04:21,100 --> 01:04:22,610 Ја ћу зачинити ово мало. 1388 01:04:22,610 --> 01:04:23,860 Ја нисам поменуо раније. 1389 01:04:23,860 --> 01:04:27,860 Постоје ознаке као што Х1, уз тарифни број 1, најважнија одредница у странице. 1390 01:04:27,860 --> 01:04:30,570 "Моја Гоогле," Ја ћу назвати ово. 1391 01:04:30,570 --> 01:04:31,940 Пусти ме релоад. 1392 01:04:31,940 --> 01:04:33,772 Изгледа већ мало боље. 1393 01:04:33,772 --> 01:04:34,980 И, у ствари, знаш шта? 1394 01:04:34,980 --> 01:04:36,430 Ја сам алреади-- сам лагала. 1395 01:04:36,430 --> 01:04:40,200 Рекао сам да неће стил ово, али ћу стил ово као раније. 1396 01:04:40,200 --> 01:04:46,860 И моје тело ће бити, рецимо, фонт-сизе центар. 1397 01:04:46,860 --> 01:04:48,800 Изгледа већ више као што је Гоогле. 1398 01:04:48,800 --> 01:04:51,090 >> Треба ми нови ред, ипак, за то Субмит дугме. 1399 01:04:51,090 --> 01:04:52,798 И испоставило се да, ви могу да користе ставове, 1400 01:04:52,798 --> 01:04:57,320 или можете више буквално само да кажем, дај ми линију пауза овдје-- Бр таг. 1401 01:04:57,320 --> 01:04:59,319 А ако поново ово, сада оде. 1402 01:04:59,319 --> 01:05:01,610 Мало је ружно, па сам могао више редова, 1403 01:05:01,610 --> 01:05:03,310 али немојмо се превише похлепни овде. 1404 01:05:03,310 --> 01:05:06,430 Дакле, сада да видимо да ли ради за "псе." 1405 01:05:06,430 --> 01:05:08,640 Чини се да ради за "пси", као и. 1406 01:05:08,640 --> 01:05:10,780 Дакле, шта је убедљив понети овде? 1407 01:05:10,780 --> 01:05:13,600 Један-- није био велики скок у увести још неколико ознака, 1408 01:05:13,600 --> 01:05:15,370 као ознаке форме у улазном таг. 1409 01:05:15,370 --> 01:05:17,120 Али, важније је, све што радимо 1410 01:05:17,120 --> 01:05:20,610 је усклађивање нашег разумевања ХТТП и чињенице 1411 01:05:20,610 --> 01:05:24,900 који се формира на крају мења шта је у УРЛ претраживача, 1412 01:05:24,900 --> 01:05:28,540 и тако, стога, можемо механички дају свој допринос на сервер 1413 01:05:28,540 --> 01:05:33,600 тако што ХТМЛ форму и знања да сервер разуме ХТТП, 1414 01:05:33,600 --> 01:05:36,890 баш као наше тело схвата, као, тресе рукама, тај исти протокол, 1415 01:05:36,890 --> 01:05:40,920 и тако се вратимо на одговор да смо на крају очекујемо. 1416 01:05:40,920 --> 01:05:44,050 >> Дакле, хајде да покушамо да урадимо један Последња ствар коју сада са мобилног, 1417 01:05:44,050 --> 01:05:47,052 и ја ћу маке-- ћу додати ово код на слајдовима. 1418 01:05:47,052 --> 01:05:49,760 Дакле, ако желите да Тинкер, те свакако може узети одатле. 1419 01:05:49,760 --> 01:05:51,551 Али ја идем напред и уради једну ствар. 1420 01:05:51,551 --> 01:05:54,120 Ја идем напред и отворим индекс паге-- 1421 01:05:54,120 --> 01:05:59,030 мој здраво страна као и раније, што има доста овог фаук-латиничног текста, 1422 01:05:59,030 --> 01:06:05,470 или бесмислена латински текст, и хас-- то изгледа овако на ове величине фонта. 1423 01:06:05,470 --> 01:06:07,850 Али, дозволите ми само напред и уради то. 1424 01:06:07,850 --> 01:06:09,300 Ја идем у Цлоуд9. 1425 01:06:09,300 --> 01:06:10,380 И не треба да урадите овај корак. 1426 01:06:10,380 --> 01:06:11,420 Ја ћу то да урадим. 1427 01:06:11,420 --> 01:06:12,890 Идем да кликнете Схаре. 1428 01:06:12,890 --> 01:06:15,170 А то је карактеристика само од Цлоуд9, при чему 1429 01:06:15,170 --> 01:06:17,710 Могу да моја околина јавност. 1430 01:06:17,710 --> 01:06:20,240 >> И само ради демонстрација, пусти ме да урадим ово. 1431 01:06:20,240 --> 01:06:22,870 Идем да направим апликација јавности. 1432 01:06:22,870 --> 01:06:25,230 Приметити да ме упозорава, сам Сам сигуран да желим да радим ово, 1433 01:06:25,230 --> 01:06:28,438 јер ће направити све у свету, без обзира да ли су овде сада 1434 01:06:28,438 --> 01:06:33,560 или гледање видео касније на Интернет могао да види оно што ја видим. 1435 01:06:33,560 --> 01:06:34,440 Али то је у реду. 1436 01:06:34,440 --> 01:06:37,870 Ја ћу рећи "Доне." 1437 01:06:37,870 --> 01:06:42,080 И да ти охрабри, да јесам ово цоррецтли-- Прво да га тестирамо. 1438 01:06:42,080 --> 01:06:45,590 Само напред, ако не минд-- у претраживачу на рачунару, 1439 01:06:45,590 --> 01:06:49,900 идите на овај УРЛ, и надам се видећете мој латински текст. 1440 01:06:49,900 --> 01:06:52,820 И да буде јасно, то је ради не на лаптопу. 1441 01:06:52,820 --> 01:06:53,610 То је у облаку. 1442 01:06:53,610 --> 01:06:58,120 То је на цлоуд9, буквално, али Донео сам радног простора јавности 1443 01:06:58,120 --> 01:07:03,450 тако да свако на интернету могу да приступим свом латински хоме паге. 1444 01:07:03,450 --> 01:07:07,209 >> Иди на истом УРЛ на ваш телефон, ако можеш. 1445 01:07:07,209 --> 01:07:09,750 Ако ће те то коштати, али, ти могу само гледати преко рамена. 1446 01:07:09,750 --> 01:07:40,688 1447 01:07:40,688 --> 01:07:42,467 ПУБЛИКА: [неразумљиво] 1448 01:07:42,467 --> 01:07:43,550 Давид Ј Малан: Жао ми је? 1449 01:07:43,550 --> 01:07:45,390 ПУБЛИКА: [неразумљиво] 1450 01:07:45,390 --> 01:07:47,710 Давид Ј Малан: Само Латин речи. 1451 01:07:47,710 --> 01:07:48,210 То је све. 1452 01:07:48,210 --> 01:07:49,250 Али, то је оно што треба да видите. 1453 01:07:49,250 --> 01:07:49,875 >> ПУБЛИКА: Да. 1454 01:07:49,875 --> 01:07:50,790 Давид Ј Малан: Да. 1455 01:07:50,790 --> 01:07:51,300 Да. 1456 01:07:51,300 --> 01:07:51,540 ОК. 1457 01:07:51,540 --> 01:07:53,530 Да ли могу да Подигни телефон за тренутак? 1458 01:07:53,530 --> 01:07:57,504 Дакле, надамо се, ако приступате то, то би требало да изгледа готово нечитљив. 1459 01:07:57,504 --> 01:07:59,920 То је стилл-- Мислим, то је нечитак због латинског. 1460 01:07:59,920 --> 01:08:01,920 Али је исто тако нечитљиве из ког другог разлога? 1461 01:08:01,920 --> 01:08:03,775 Као, шта ви допада о овоме? 1462 01:08:03,775 --> 01:08:04,650 ПУБЛИКА: То је мали. 1463 01:08:04,650 --> 01:08:06,420 Давид Ј Малан: То је супер, супер мали. 1464 01:08:06,420 --> 01:08:07,920 Па како можемо поправити ово? 1465 01:08:07,920 --> 01:08:09,730 То је супер, супер мали на Вицториа телефону 1466 01:08:09,730 --> 01:08:11,400 и, ако сте повукли да се сами, вероватно 1467 01:08:11,400 --> 01:08:14,660 мали на свом телефону, све док вас има омогућено подешавања приступачности. 1468 01:08:14,660 --> 01:08:15,530 Шта је ово? 1469 01:08:15,530 --> 01:08:18,497 Ви само може укљештити и зум, који је изводљив, 1470 01:08:18,497 --> 01:08:20,330 али онда видите само неколико речи одједном. 1471 01:08:20,330 --> 01:08:20,859 Па цекај мало. 1472 01:08:20,859 --> 01:08:21,720 Знам како да поправим ово. 1473 01:08:21,720 --> 01:08:22,219 У праву? 1474 01:08:22,219 --> 01:08:26,130 Ја могу да користе ЦСС, и ја могу да промените фонт сизе од 12 тачака до 24 тачке. 1475 01:08:26,130 --> 01:08:29,020 Али нуспојава које, наравно, ће бити сада, 1476 01:08:29,020 --> 01:08:32,630 на десктоп или лаптоп, сада је текст је двоструко већа. 1477 01:08:32,630 --> 01:08:35,810 Па то би некако било лепо направити разлику између уређаја, 1478 01:08:35,810 --> 01:08:37,840 и испоставило се тамо начини да се то ради. 1479 01:08:37,840 --> 01:08:39,590 Има их неколико различити начини, у ствари, 1480 01:08:39,590 --> 01:08:44,189 при чему користи ЦСС и одгајивача функције да нећемо ићи у веома детаљно, 1481 01:08:44,189 --> 01:08:46,960 Ви у суштини можете упит претраживач и рећи, 1482 01:08:46,960 --> 01:08:51,550 ако је екран мањи него ово Велики број пиксела, користите ову величину фонта. 1483 01:08:51,550 --> 01:08:55,180 Ако екран је већи од овога Велики број пиксела, користите ову другу величину слова. 1484 01:08:55,180 --> 01:08:57,080 >> Можете бити чак и одгајивач и даље. 1485 01:08:57,080 --> 01:09:00,140 Ако сте икада посетила веб страница које, на радној површини, 1486 01:09:00,140 --> 01:09:04,404 има велику мени можда искључен до сиде, а потом сав садржај 1487 01:09:04,404 --> 01:09:07,029 је страни која мену-- То је нека врста заједничког парадигме. 1488 01:09:07,029 --> 01:09:09,670 Мени на левој, садржају на десној страни, или обрнуто. 1489 01:09:09,670 --> 01:09:13,569 Баш и не делује на мобилном телефону када ваш Екран је само оволико пиксела. 1490 01:09:13,569 --> 01:09:16,233 Дакле, чешће на мобилни је, Ваш мени ће изненада 1491 01:09:16,233 --> 01:09:18,399 пропао, а ви треба да кликните на дугме да га виде, 1492 01:09:18,399 --> 01:09:22,404 или на сајту ће ставити мени изнад њега и ставио садржај испод њега. 1493 01:09:22,404 --> 01:09:24,779 И можете имплементирати ове ствари у више начине. 1494 01:09:24,779 --> 01:09:28,340 Можете да питате своје програмере, хеј, тим, сваки пут 1495 01:09:28,340 --> 01:09:34,450 видиш ХТТП захтев од Андроид уређај, Мицрософт уређај, Гоогле 1496 01:09:34,450 --> 01:09:39,930 уређај, Аппле уређај, користите величину фонта и користите овај изглед менија, 1497 01:09:39,930 --> 01:09:42,670 иначе користе ово подразумевано већи изглед. 1498 01:09:42,670 --> 01:09:45,410 >> Сада, користећи оно што Темељна техника данас 1499 01:09:45,410 --> 01:09:48,529 Да ли су инжењери користе да ли је то 1500 01:09:48,529 --> 01:09:53,660 иПхоне, Андроид телефон, лаптоп, десктоп посети сервер компаније? 1501 01:09:53,660 --> 01:09:55,310 Где они добили ту информацију? 1502 01:09:55,310 --> 01:09:56,080 >> ПУБЛИКА: хеадер? 1503 01:09:56,080 --> 01:09:57,740 >> Давид Ј Малан: Да, ХТТП заглавље. 1504 01:09:57,740 --> 01:10:01,714 Дакле, сваки ХТТП захтев из њихови клијенти њиховим серверима 1505 01:10:01,714 --> 01:10:03,880 укључују, унутра је виртуална коверат, гомила 1506 01:10:03,880 --> 01:10:08,260 ХТТП заглавља, од којих је један претраживач и оперативни систем 1507 01:10:08,260 --> 01:10:10,290 чак, ако вам је стало до тај ниво детаља. 1508 01:10:10,290 --> 01:10:13,790 Сада, то је загонетан изгледа низ, али постоји софтвер који ће само 1509 01:10:13,790 --> 01:10:18,530 поједноставити да, а ви само да питате у програмирању цоде-- ПХП, Јава, Ц ++, 1510 01:10:18,530 --> 01:10:23,650 вхатевер-- шта је телефон ово-- шта уређај је ово корисник користи? 1511 01:10:23,650 --> 01:10:27,501 А онда можете рећи, показати им ово верзија сајта ако је телефон. 1512 01:10:27,501 --> 01:10:30,250 Покажи им Ова верзија аутора ако је лаптоп или десктоп. 1513 01:10:30,250 --> 01:10:32,316 Али не треба ни на страни сервера сложеност. 1514 01:10:32,316 --> 01:10:33,940 То можете учинити чак и оне најједноставније ствари. 1515 01:10:33,940 --> 01:10:34,815 >> Ја ћу да урадим ово. 1516 01:10:34,815 --> 01:10:38,995 Ја ћу да наставим у мој Цлоуд9 окружење, 1517 01:10:38,995 --> 01:10:41,370 и ја ћу додати ознаку да сте видели у Гоогле пре. 1518 01:10:41,370 --> 01:10:42,770 То се зове метаознака. 1519 01:10:42,770 --> 01:10:45,520 И никад се овога, тако Ја ћу да га препише овде. 1520 01:10:45,520 --> 01:10:50,552 Мета наме = "виевпорт", а затим Садржај = "видтх = ширина уређај, интитал 1521 01:10:50,552 --> 01:11:02,060 скала = 1 "и то је то. 1522 01:11:02,060 --> 01:11:06,230 >> Тако да би могло бити и као магични Инцантатион. 1523 01:11:06,230 --> 01:11:11,300 То није све то јасно, али ово је неке везе са прозора, 1524 01:11:11,300 --> 01:11:15,070 и приказа је само орган јединице веб страница, правоугаони регион који 1525 01:11:15,070 --> 01:11:16,690 дефинише највећи део странице. 1526 01:11:16,690 --> 01:11:19,060 А ово је само говори бровсер, знаш шта? 1527 01:11:19,060 --> 01:11:22,589 Направите ширину ове странице ефективно једнака ширини уређаја. 1528 01:11:22,589 --> 01:11:25,380 Другим речима, немојте претпостављати да имате неку врсту неограниченог простора. 1529 01:11:25,380 --> 01:11:29,920 Претпостављам да имате само толико простор као самог уређаја је велика. 1530 01:11:29,920 --> 01:11:34,454 И сада, ако Релоад тхис у мом бровсер, видим никакву промену. 1531 01:11:34,454 --> 01:11:37,370 Али, ако сам ову цоррецтли-- и пусти ме пало фингерс-- ако сви 1532 01:11:37,370 --> 01:11:42,920 релоад телефоне, зар не види убедљиву промену? 1533 01:11:42,920 --> 01:11:43,620 Да је то-- 1534 01:11:43,620 --> 01:11:45,067 >> ПУБЛИКА: [неразумљиво] 1535 01:11:45,067 --> 01:11:45,900 Давид Ј Малан: Да. 1536 01:11:45,900 --> 01:11:46,400 ОК. 1537 01:11:46,400 --> 01:11:47,850 Дакле, вероватно више читати сада? 1538 01:11:47,850 --> 01:11:53,070 Ипак мали, да будемо фер, али не тако мали као да је неизводљива. 1539 01:11:53,070 --> 01:11:56,920 И свакако могао да замени ово даље са ЦСС или на страни сервера, 1540 01:11:56,920 --> 01:12:00,120 али све оно што сте види се све више и више функција 1541 01:12:00,120 --> 01:12:02,900 се додаје у на страни клијента енвиронментс-- 1542 01:12:02,900 --> 01:12:06,530 Јавасцрипт, као што ћемо дискутовати сутра, ЦСС и ХТМЛ-- тако 1543 01:12:06,530 --> 01:12:09,190 да све те упита се може урадити на клијенту 1544 01:12:09,190 --> 01:12:11,910 тако да замарамо Сервер много мање и не 1545 01:12:11,910 --> 01:12:14,530 морати да држе корак са, за пример, стални најезда 1546 01:12:14,530 --> 01:12:17,210 новог оперативног система верзија, нове верзије претраживача. 1547 01:12:17,210 --> 01:12:20,190 Можете само нека претраживач питајте уређај, колики си, 1548 01:12:20,190 --> 01:12:22,890 и онда направити нешто логично одлуке које се заснивају на томе. 1549 01:12:22,890 --> 01:12:25,140 Али видећемо више могућности за логичке одлуке 1550 01:12:25,140 --> 01:12:27,223 сутра у контексту од програмског језика. 1551 01:12:27,223 --> 01:12:29,800 1552 01:12:29,800 --> 01:12:32,760 >> Дакле, било каква питања, онда, на веб развој? 1553 01:12:32,760 --> 01:12:36,130 Данас није веб програмирање, по се, јер већина Све што смо радили 1554 01:12:36,130 --> 01:12:38,370 је био веома естетски, ако хоћете. 1555 01:12:38,370 --> 01:12:41,750 Нема одлучивање у код које смо написали, 1556 01:12:41,750 --> 01:12:44,990 и тако зато ХТМЛ је означавање језика, а не програмски језик. 1557 01:12:44,990 --> 01:12:47,140 Али сутра ћемо узети брз поглед, на крају, 1558 01:12:47,140 --> 01:12:49,340 на ЈаваСцрипт, који је стварни програмирање 1559 01:12:49,340 --> 01:12:54,220 језик који нам омогућава да урадимо нешто више. 1560 01:12:54,220 --> 01:12:56,800 >> Неко питање? 1561 01:12:56,800 --> 01:13:00,480 Па, да предложи два могућности по избору за домаћи. 1562 01:13:00,480 --> 01:13:02,900 Један је-- ове Цлоуд9 рачуни неће истећи. 1563 01:13:02,900 --> 01:13:04,669 Добродошли сте да користите да се поигравати са. 1564 01:13:04,669 --> 01:13:05,960 То је бесплатно ниво услуге. 1565 01:13:05,960 --> 01:13:08,754 Схватити да, ако приликом креирања ваш радни простор, ви сте га јавно, 1566 01:13:08,754 --> 01:13:11,670 то значи да је свима на Интернет може да види шта куцате. 1567 01:13:11,670 --> 01:13:15,104 Дакле, можда само узети у обзир не се срамотите 1568 01:13:15,104 --> 01:13:18,020 ако ви износите свој први веб страна тамо јавно случајно, 1569 01:13:18,020 --> 01:13:20,134 али нико неће да знам да погледају тамо ионако. 1570 01:13:20,134 --> 01:13:23,760 >> И два-- пусти ме бацити горе овај УРЛ као и, 1571 01:13:23,760 --> 01:13:28,250 посебно ако је у данас мало мање пријатнији од других, 1572 01:13:28,250 --> 01:13:30,430 сигурни шта све ово значи. 1573 01:13:30,430 --> 01:13:36,780 Схватити да је много више од овог видеа, који је и добар начин да заспим 1574 01:13:36,780 --> 01:13:39,380 као и да се смеје док тај начин, такође има 1575 01:13:39,380 --> 01:13:44,300 много социеталли занимљиво и безбедносни релевантне дискусије 1576 01:13:44,300 --> 01:13:47,370 у њему од Јохн Оливер, иако комичар. 1577 01:13:47,370 --> 01:13:55,456 >> Али ако нема више питања, који нас доводи до рецепције. 1578 01:13:55,456 --> 01:13:56,830 Па зашто не укључим музику. 1579 01:13:56,830 --> 01:13:58,610 Требало би да пије и грицкалице ван. 1580 01:13:58,610 --> 01:14:00,220 Драго ми је да се мешају онолико док бих људи, 1581 01:14:00,220 --> 01:14:01,600 одговорити на питања још један-на-један. 1582 01:14:01,600 --> 01:14:03,330 Али, иначе, нема на чему да скине у било ком тренутку, 1583 01:14:03,330 --> 01:14:05,740 па ћемо видети те опет сутра ујутру за мало више. 1584 01:14:05,740 --> 01:14:07,290 У реду, хвала. 1585 01:14:07,290 --> 01:14:10,428