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