1 00:00:00,000 --> 00:00:01,390 2 00:00:01,390 --> 00:00:04,890 >> [Tónlist spila] 3 00:00:04,890 --> 00:00:10,955 4 00:00:10,955 --> 00:00:12,580 DAVID J MALAN: Allt í lagi, velkominn aftur. 5 00:00:12,580 --> 00:00:13,600 Þetta er CS50. 6 00:00:13,600 --> 00:00:15,540 Þetta er endir viku sjö. 7 00:00:15,540 --> 00:00:18,180 Og það er í lok þess hrææta veiði frá Heimadæmi fjórir 8 00:00:18,180 --> 00:00:19,220 að þú gætir muna. 9 00:00:19,220 --> 00:00:21,650 Eftir að jafna öll þessir JPEG starfsmanna, 10 00:00:21,650 --> 00:00:24,820 þú varst áskorun, ef þú vilt, að ljósmynda sjálfur með eins og margir 11 00:00:24,820 --> 00:00:25,981 af þeim fólkinu sem þú getur. 12 00:00:25,981 --> 00:00:28,480 Við fengum helling af uppgjöf á undanförnum vikum, 13 00:00:28,480 --> 00:00:32,980 reyndar alveg nokkrar rétt fyrir hádegi dag, eru sum hver þau hér, 14 00:00:32,980 --> 00:00:37,670 veiddur hér in-- lítur like-- Annenberg Hall á skrifstofutíma, einn hér 15 00:00:37,670 --> 00:00:39,530 í Lowell House með Nick. 16 00:00:39,530 --> 00:00:41,750 Hér er Ramon verið veiddur á símanum. 17 00:00:41,750 --> 00:00:43,870 Þetta var á CS50 hádeginu. 18 00:00:43,870 --> 00:00:46,840 Þetta var Jason skyping með meira skapandi bekkjarfélaga, 19 00:00:46,840 --> 00:00:48,280 sem hringdi hann á þennan veg. 20 00:00:48,280 --> 00:00:49,690 Við vitum ekki hvað þetta var. 21 00:00:49,690 --> 00:00:51,940 >> [Hlátur] 22 00:00:51,940 --> 00:00:54,570 >> DAVID J MALAN: En það er þess virði að gígabæti. 23 00:00:54,570 --> 00:00:56,960 Hér er Chang, sem bókstaflega hljóp niður af sviðinu 24 00:00:56,960 --> 00:01:00,480 til að forðast að ljósmynda einn dag, en var að lokum veiddur. 25 00:01:00,480 --> 00:01:02,050 Hér er Nick. 26 00:01:02,050 --> 00:01:03,480 Hér er Nick. 27 00:01:03,480 --> 00:01:04,080 Hér er Nick. 28 00:01:04,080 --> 00:01:05,090 29 00:01:05,090 --> 00:01:07,670 Og hér er Alison niður um reitina. 30 00:01:07,670 --> 00:01:11,840 Og Zamyla jafnvel fannst á danssalur samkeppni. 31 00:01:11,840 --> 00:01:14,100 Þannig að við munum fara í gegnum þessar myndir, reikna út 32 00:01:14,100 --> 00:01:16,690 sem lögð mest elstu, og laun 33 00:01:16,690 --> 00:01:20,662 einn stórkostlegur verðlaun, eins lofað í sérstakur. 34 00:01:20,662 --> 00:01:23,120 Og við munum líka að fylgja upp um plássið sem var að ræða. 35 00:01:23,120 --> 00:01:26,860 >> A par af announcements-- svo hádegismat er, aftur, á föstudaginn á 13:15. 36 00:01:26,860 --> 00:01:30,420 Ef þú vilt tengja okkur, RSVP á þessari vefslóð hér. 37 00:01:30,420 --> 00:01:33,730 Jason birtist aftur hér frá einu gagnabankanum a par af ár 38 00:01:33,730 --> 00:01:35,510 aftur, sem gerðist að falla á Halloween. 39 00:01:35,510 --> 00:01:38,950 Og reyndar, klæddur hann sem a grasker sem einkum ári. 40 00:01:38,950 --> 00:01:42,700 Ef þú horfir á þetta kafla af hans frá 2011 kafla 41 00:01:42,700 --> 00:01:46,480 átta, ef þú ert forvitinn, á CS50.tv, held ég 42 00:01:46,480 --> 00:01:49,730 þetta var árið sem Loftdæla hans var að vinna. 43 00:01:49,730 --> 00:01:52,490 >> Ef þú horfir þá svipað kafla árið 2012, 44 00:01:52,490 --> 00:01:55,620 þú munt sjá þetta Jason mikið reiknaðar, þar sem málið er ekki lengur virkað, 45 00:01:55,620 --> 00:01:58,060 sem er aðeins að segja á föstudaginn, ef að þú vilt 46 00:01:58,060 --> 00:02:02,720 eins og til að móta grasker með Daven og Gabe og aðrir, RSVP til höfuð 47 00:02:02,720 --> 00:02:04,480 á cs50.harvard.edu heimilisfang. 48 00:02:04,480 --> 00:02:06,200 Það lofar að vera frábær skemmtun. 49 00:02:06,200 --> 00:02:08,660 Daven, við erum sagði, hefur skorið Pumpkins allt líf hans. 50 00:02:08,660 --> 00:02:11,930 Gabriel frá Brasilíu hefur aldrei rista grasker fyrir Halloween. 51 00:02:11,930 --> 00:02:14,700 Svo vera þar með þeim sem hann lærir. 52 00:02:14,700 --> 00:02:16,830 >> Málstofur, meanwhile-- svo þú munt læra fljótt 53 00:02:16,830 --> 00:02:20,650 um hvaða væntingar okkar eru fyrir lokaverkefni, sem í raun 54 00:02:20,650 --> 00:02:23,150 mun sjóða niður hanna og innleiða 55 00:02:23,150 --> 00:02:26,440 flest allir verkefni áhugaverð þú, að vísu með fyrirvara um samþykki 56 00:02:26,440 --> 00:02:28,490 og leiðsögn frá kennslu náungi þinn. 57 00:02:28,490 --> 00:02:32,110 Undir lok hins önn, kynna við fjölda 58 00:02:32,110 --> 00:02:35,610 ráðstefna, sem eru valfrjáls flokkum leiddi af kennslu félagar og Harvard 59 00:02:35,610 --> 00:02:38,570 starfsfólk, vinir námskeiðsins allan Campus, um ýmis málefni sem 60 00:02:38,570 --> 00:02:41,470 eru snertifleti undirliggjandi kennsluáætlun Auðvitað er 61 00:02:41,470 --> 00:02:45,590 en engu að síður við, gaman, og mismunandi fyrir hugsanlegum lokaverkefnum. 62 00:02:45,590 --> 00:02:49,530 >> Til dæmis, í fyrsta lagi ef þú vilt að skrá, höfuð til þessa vefslóð þar. 63 00:02:49,530 --> 00:02:53,010 Og þetta er lína fyrir málstofur á þessu ári ein. 64 00:02:53,010 --> 00:02:56,060 En ljóst að við höfum heilmikið af námskeið frá árum áður, sem öll 65 00:02:56,060 --> 00:02:59,774 eru tengd í málstofum valmyndinni kost á heimasíðu Auðvitað er. 66 00:02:59,774 --> 00:03:02,190 Þannig að ef þú ert að hugsa um fara út svæðinu þægindi 67 00:03:02,190 --> 00:03:05,060 eða tína upp nokkrar nýja færni, til dæmis, forritun iPhone 68 00:03:05,060 --> 00:03:08,100 Apps með Swift, nýtt tungumál frá Apple eða Objective-C 69 00:03:08,100 --> 00:03:11,230 eða Android apps eða forritun [? bending?] ljósaperur, eða einhverju efni 70 00:03:11,230 --> 00:03:15,490 upp hér og fleiri, vegna stöðva út the skráning blaðsíða. 71 00:03:15,490 --> 00:03:19,730 >> Svo við byrjuðum og lauk á Mánudagur með útlit á HTTP. 72 00:03:19,730 --> 00:03:22,675 Svo fljótur refresher-- HTTP, HyperText Transfer Protocol. 73 00:03:22,675 --> 00:03:24,045 En hvað þýðir það í raun þýtt? 74 00:03:24,045 --> 00:03:26,805 75 00:03:26,805 --> 00:03:27,930 Hvað þýðir það í raun þýtt? 76 00:03:27,930 --> 00:03:30,665 77 00:03:30,665 --> 00:03:31,290 Er að hönd? 78 00:03:31,290 --> 00:03:33,074 79 00:03:33,074 --> 00:03:34,740 Ég veit að þú ert bara að klóra höfuðið. 80 00:03:34,740 --> 00:03:36,400 En þú vilt að leggja hvað HTTP er? 81 00:03:36,400 --> 00:03:37,792 82 00:03:37,792 --> 00:03:40,576 >> Áhorfendur: Hvernig tölvur samskipti við [inaudible]. 83 00:03:40,576 --> 00:03:41,517 84 00:03:41,517 --> 00:03:43,100 DAVID J MALAN: Ég missti síðasta hluta. 85 00:03:43,100 --> 00:03:45,774 Hvernig tölvur samskipti with-- 86 00:03:45,774 --> 00:03:47,325 >> Áhorfendur: Internet netþjónum. 87 00:03:47,325 --> 00:03:50,450 DAVID J MALAN: Good-- með internetið netþjóna, og sérstaklega, vefur framreiðslumaður. 88 00:03:50,450 --> 00:03:53,533 Vegna muna, það er fullt af þjónustu á internetinu, sem sum hver 89 00:03:53,533 --> 00:03:57,349 þú notar líklega daglega milli spjall og skilaboð, spjall, og vefur, og email, 90 00:03:57,349 --> 00:03:57,890 og þess háttar. 91 00:03:57,890 --> 00:04:00,900 Og HTTP er bara siðareglur sem vefur flettitæki 92 00:04:00,900 --> 00:04:03,750 tala í samskiptum við vefþjónum, og öfugt. 93 00:04:03,750 --> 00:04:05,580 Og hliðstæðu við að manna heim gæti verið, 94 00:04:05,580 --> 00:04:08,730 Ég lengja hönd mína að hrista sumir Annað er mannlegt og hann eða hún 95 00:04:08,730 --> 00:04:11,970 viðurkennir með því að útvíkka hans eða hönd hennar eins og heilbrigður. 96 00:04:11,970 --> 00:04:13,970 Svo er það bara siðareglur, a setja af samningum. 97 00:04:13,970 --> 00:04:15,630 >> Og hvað reyndar eru þessir sáttmálar? 98 00:04:15,630 --> 00:04:18,640 Jæja, sjóða það bara niður að senda skilaboð fram og til baka, 99 00:04:18,640 --> 00:04:19,770 eins og við lýst hér. 100 00:04:19,770 --> 00:04:22,520 Og það er a par af leiðir sem hægt er að senda þessi skilaboð. 101 00:04:22,520 --> 00:04:24,360 Og kannski mest algengt er þekktur og fá. 102 00:04:24,360 --> 00:04:26,510 Og við munum sjá andstæða þessu áður en langur. 103 00:04:26,510 --> 00:04:30,010 >> En fá beiðni frá vafranum við miðlara bara lítur svona út. 104 00:04:30,010 --> 00:04:32,960 Það er fullt af texta sem það setur inni í raunverulegur umslagi. 105 00:04:32,960 --> 00:04:35,854 Á utan á þeim umslagi fara nokkra stykki af upplýsingar. 106 00:04:35,854 --> 00:04:37,770 Hvað þarf að fara á umslag, svo að segja, 107 00:04:37,770 --> 00:04:41,820 í því skyni að fá beiðni eins þetta frá mér til a vefur framreiðslumaður? 108 00:04:41,820 --> 00:04:42,320 Já. 109 00:04:42,320 --> 00:04:43,270 >> Áhorfendur: IP talan þín. 110 00:04:43,270 --> 00:04:45,890 >> DAVID J MALAN: IP netfang mitt í From reitinn, svo að segja, 111 00:04:45,890 --> 00:04:49,490 og að sjálfsögðu, IP heimilisfang viðtakanda. 112 00:04:49,490 --> 00:04:52,710 En í tilfelli af a vefur pakka, þurfum aðeins meiri smáatriði 113 00:04:52,710 --> 00:04:55,254 Það er ekki nóg bara að senda umslag til miðlara, 114 00:04:55,254 --> 00:04:57,670 vegna þess að framreiðslumaður gæti verið hlusta mismunandi gerðir 115 00:04:57,670 --> 00:04:59,180 internetið umferð. 116 00:04:59,180 --> 00:05:01,370 Svo hvað annað þurfum auk IP viðtakanda? 117 00:05:01,370 --> 00:05:02,723 118 00:05:02,723 --> 00:05:03,222 Já? 119 00:05:03,222 --> 00:05:04,241 >> Áhorfendur: Er það TCP? 120 00:05:04,241 --> 00:05:05,074 DAVID J MALAN: Good. 121 00:05:05,074 --> 00:05:06,470 TCP-- 122 00:05:06,470 --> 00:05:07,340 >> Áhorfendur: Address. 123 00:05:07,340 --> 00:05:09,340 >> DAVID J MALAN: Heimilisfang, eða höfn, eins og það er kallað. 124 00:05:09,340 --> 00:05:11,010 Loka, en TCP höfn tala. 125 00:05:11,010 --> 00:05:12,220 Og það er fullt af þessu. 126 00:05:12,220 --> 00:05:14,310 En örugglega mest þekki ætti lokum 127 00:05:14,310 --> 00:05:17,590 vera 80, sem er sjálfgefið er notað fyrir umferð á vefnum. 128 00:05:17,590 --> 00:05:20,040 Og annar þekki einn brátt verður 443, 129 00:05:20,040 --> 00:05:24,280 sem er notað fyrir örugga vefur umferð, vefslóðir sem byrja á https. 130 00:05:24,280 --> 00:05:26,650 >> Svo er þetta það sem fer inni af því umslagi. 131 00:05:26,650 --> 00:05:29,780 Og fá / bara þýðir, gefa mér vefsíðan sjálfgefna síðu. 132 00:05:29,780 --> 00:05:32,700 Gefðu mér rót harður aka á þeim vefþjóni. 133 00:05:32,700 --> 00:05:36,050 Og vonandi, vefur framreiðslumaður vilja bregðast við, OK 134 00:05:36,050 --> 00:05:39,630 og fjöldi 200, sem er bara a venju segja, já, alla 135 00:05:39,630 --> 00:05:40,470 er örugglega í lagi. 136 00:05:40,470 --> 00:05:41,680 Hér er síðan. 137 00:05:41,680 --> 00:05:45,510 The tegund af vefsíðu er að fara að vera texti, en nánar tiltekið, HTML, 138 00:05:45,510 --> 00:05:47,010 sem við erum að fara að kafa aftur í. 139 00:05:47,010 --> 00:05:49,877 Og punktur punktur punktur bara leið, hér er HTML. 140 00:05:49,877 --> 00:05:51,710 Og það er þar sem við taka upp söguna í dag, 141 00:05:51,710 --> 00:05:55,740 raun skrifa HTML, HyperText Markup Language, sem 142 00:05:55,740 --> 00:05:57,727 er tungumál sem vefsíður eru skrifuð. 143 00:05:57,727 --> 00:05:59,060 Það er ekki forritunarmál. 144 00:05:59,060 --> 00:06:01,270 There er engar aðgerðir eða lykkjur eða aðstæður. 145 00:06:01,270 --> 00:06:03,800 Það er Markup Language, svo aftur sjá í dag, 146 00:06:03,800 --> 00:06:07,240 sem gerir þér kleift að tilgreina hvernig á að uppbygging og stylize 147 00:06:07,240 --> 00:06:09,300 fagurfræðilega a vefur blaðsíða. 148 00:06:09,300 --> 00:06:11,470 >> Svo þetta var einn og aðeins síðu sem við virkilega 149 00:06:11,470 --> 00:06:13,930 horfði á, ef stuttlega, á mánudag. 150 00:06:13,930 --> 00:06:16,250 Og taka nokkrar mikilvæg einkenni. 151 00:06:16,250 --> 00:06:20,170 There er a einhver fjöldi af opinn horn krappi og loka horn krappi. 152 00:06:20,170 --> 00:06:23,160 Á milli þessara horn sviga eru orð. 153 00:06:23,160 --> 00:06:25,660 Og við erum að fara að byrja hringja þessi orð tags. 154 00:06:25,660 --> 00:06:28,800 Svo opinn krappi höfuð og lokað krappi höfuð 155 00:06:28,800 --> 00:06:33,620 eru opin og lokuð tags, eða upphaf og lok merki 156 00:06:33,620 --> 00:06:37,660 sömu röð, af HTML frumefni, eins og við munum kalla það, sem kallast höfuð. 157 00:06:37,660 --> 00:06:41,760 Og sama hrognamál gildir á líkama í HTML og svo framvegis. 158 00:06:41,760 --> 00:06:43,970 >> Og hvað er gott er HTML-- og reyndar við munum 159 00:06:43,970 --> 00:06:47,187 eyða hrikalega lítill tími á það, vegna þess að þú munt aðallega bara reikna út 160 00:06:47,187 --> 00:06:49,770 hvaða eiginleika það hefur þegar þér raun hafa steypu vandamál 161 00:06:49,770 --> 00:06:52,820 að solve-- þú munt komast að því að vafrinn er ansi heimsk. 162 00:06:52,820 --> 00:06:56,450 Það er bara að fara að do-- ekki ólíkt a computer-- hvað þú segir því að gera. 163 00:06:56,450 --> 00:06:59,279 Og svo þegar þú ert opinn krappi HTML á mjög toppur 164 00:06:59,279 --> 00:07:01,320 það, sem fyrst og fremst bara þýðir, hey, vafrinn, 165 00:07:01,320 --> 00:07:04,090 hér kemur vefsíðu skrifuð í HTML. 166 00:07:04,090 --> 00:07:06,130 >> Þegar það sér opinn krappi höfuð, það bara þýðir, 167 00:07:06,130 --> 00:07:10,350 hey, vafrinn, hér kemur höfuð, eða hæstur hluti vefsíðu mína. 168 00:07:10,350 --> 00:07:14,192 Þegar það sér lokaðan krappi höfuð, það bara þýðir, hey, 169 00:07:14,192 --> 00:07:15,150 það er það fyrir höfuð. 170 00:07:15,150 --> 00:07:16,420 Biðstaða fyrir eitthvað annað. 171 00:07:16,420 --> 00:07:18,878 Og að eitthvað annað er virðist fara að vera líkaminn. 172 00:07:18,878 --> 00:07:22,630 Og þegar þú ert ekki með merki, eins þú hefur bara halló, kommum, veröld, 173 00:07:22,630 --> 00:07:26,610 það er bara að fara að vera hrár texti sem lokum birtist á skjánum. 174 00:07:26,610 --> 00:07:29,220 >> Nú, þú munt taka eftir líka inndrátt hér. 175 00:07:29,220 --> 00:07:32,160 Þú getur sennilega álykta hvernig við erum stylizing það. 176 00:07:32,160 --> 00:07:34,850 Í hvert skipti sem ég opna merki, svo að segja, að draga inn I. 177 00:07:34,850 --> 00:07:38,540 Og í hvert skipti sem ég loka a tag, ég un-undirlið 178 00:07:38,540 --> 00:07:40,690 svipuð í anda við hrokkið axlabönd. 179 00:07:40,690 --> 00:07:43,470 Og umfram það, ég er góður að nota dómgreind mína. 180 00:07:43,470 --> 00:07:48,380 Takið eftir að ég gerði ekki nennir hitting Sláðu inni þessi titill tag. 181 00:07:48,380 --> 00:07:48,990 Hvers vegna? 182 00:07:48,990 --> 00:07:51,920 Jæja, ég ákvað bara að það horfði a lítið hreinni mér, manna, 183 00:07:51,920 --> 00:07:53,181 bara ekki nenna að gera það. 184 00:07:53,181 --> 00:07:54,930 Svo aftur, það er sumir dómur kallar bara 185 00:07:54,930 --> 00:07:57,670 eins og það er í C ​​eða hvaða tungumáli. 186 00:07:57,670 --> 00:08:04,110 >> En taka líka að þetta inndráttur lánar sig til andlegs fyrirmynd, 187 00:08:04,110 --> 00:08:05,670 ekki til yfir flækja það. 188 00:08:05,670 --> 00:08:07,020 En tré, ekki satt? 189 00:08:07,020 --> 00:08:09,290 Ef þú hugsa um vef síðu, greinilega skrifað 190 00:08:09,290 --> 00:08:12,050 eins og þetta, eins og að vera fallega inndregin þannig, 191 00:08:12,050 --> 00:08:17,390 þú getur nánast hugsa um opinn krappi HTML lokað krappi tag er demarcating 192 00:08:17,390 --> 00:08:21,380 rót hnút, fjölskyldu tré stíl hnút í stíl trjánum 193 00:08:21,380 --> 00:08:22,900 við skoðuðum síðasta föstudag. 194 00:08:22,900 --> 00:08:27,630 >> Og reyndar höfum við á hérna það sem við munum kalla DOM, D-O-M, skjal 195 00:08:27,630 --> 00:08:31,680 mótmæla líkan, fínt leið til að segja tré sem táknar að HTML. 196 00:08:31,680 --> 00:08:36,140 Og taka eftir að HTML hafi munum við segja, eins ættartré, tvö börn. 197 00:08:36,140 --> 00:08:37,659 Á vinstri er höfuð. 198 00:08:37,659 --> 00:08:39,179 Á hægri er líkami. 199 00:08:39,179 --> 00:08:44,220 >> Og rétt eins og mindless hugsun æfingu, höfuð, að sjálfsögðu, hefur hversu mörg börn 200 00:08:44,220 --> 00:08:46,070 í samræmi við þessa byggingu? 201 00:08:46,070 --> 00:08:48,200 Svo bara einn, title-- og það er þess vegna sem við höfum 202 00:08:48,200 --> 00:08:50,580 örin fara frá höfði að titlinum. 203 00:08:50,580 --> 00:08:55,110 Svo það er eins og þessi maður í ættartré hafði bara einn afkvæmi. 204 00:08:55,110 --> 00:08:58,230 Og þá titill sig geta að segja að eignast barn líka. 205 00:08:58,230 --> 00:09:01,780 >> Muna að HTML hafði halló, komma, veröld undir honum. 206 00:09:01,780 --> 00:09:06,090 Og ég hef einfaldlega dregið hana innan sporöskjulaga í stað þess að ferhyrnings bara 207 00:09:06,090 --> 00:09:10,559 að segja merkingu að jafnvel þótt það er a hnút í tré, svo að segja, 208 00:09:10,559 --> 00:09:12,100 það er tegund af grundvallaratriðum öðruvísi. 209 00:09:12,100 --> 00:09:12,800 Það er ekki merki. 210 00:09:12,800 --> 00:09:14,780 Eða meira rétt, það er ekki frumefni. 211 00:09:14,780 --> 00:09:16,590 Það er bara texti hnút, ef þú vilt. 212 00:09:16,590 --> 00:09:18,990 En þetta eru alveg handahófskennt manna samninga. 213 00:09:18,990 --> 00:09:23,180 Þetta er bara núna mín leið fulltrúi hvað ég sem samanlagt 214 00:09:23,180 --> 00:09:24,340 hringja í skjalið. 215 00:09:24,340 --> 00:09:27,750 >> Og sem innskot, the hlutur á frábær efst vinstra horninu, 216 00:09:27,750 --> 00:09:32,080 opinn krappi upphrópunarmerki Doc gerð HTML, þetta lítur út eins og merki, 217 00:09:32,080 --> 00:09:35,560 en það er heimskulegt horn tilfelli þar það er bara þarna, afrita og líma 218 00:09:35,560 --> 00:09:38,460 til kynna vafra þetta er HTML útgáfa 5. 219 00:09:38,460 --> 00:09:41,540 Heimurinn heldur að breytast hvað á Fyrsta lína af kóða í síðu ætti að vera. 220 00:09:41,540 --> 00:09:43,820 Þetta þýðir bara útgáfa 5. 221 00:09:43,820 --> 00:09:45,950 Svo það er ekki alveg líta út eins og aðrir. 222 00:09:45,950 --> 00:09:48,120 >> Allt í lagi, svo við að sagði, þú munt nú þakka 223 00:09:48,120 --> 00:09:50,767 þetta nokkuð þetta heimskur húðflúr einhver fékk. 224 00:09:50,767 --> 00:09:51,990 >> [Hlátur] 225 00:09:51,990 --> 00:09:54,210 >> DAVID J MALAN: Allt í lagi, og nú skulum raunverulega kafa 226 00:09:54,210 --> 00:09:55,710 í að gera eitthvað með þetta. 227 00:09:55,710 --> 00:09:58,610 Þú munt muna að síðasta sinn Ég opnaði CS50 Tæki 228 00:09:58,610 --> 00:10:01,650 og ég gerði eitthvað sem einfalt og opnun upp gedit. 229 00:10:01,650 --> 00:10:05,190 Og ég spara skrána jafnvel á desktop-- minn hvergi special-- 230 00:10:05,190 --> 00:10:05,870 eins hello.html. 231 00:10:05,870 --> 00:10:07,100 232 00:10:07,100 --> 00:10:10,984 >> Svo láta mig gera það again-- hello.html Enter. 233 00:10:10,984 --> 00:10:13,900 Og nú í þessari skrá, er ég að fara að fara á undan og endurtaka það sem við bara 234 00:10:13,900 --> 00:10:18,850 saw-- læknir gerð HTML þá er ég að fara til legg krappi HTML lokað krappi. 235 00:10:18,850 --> 00:10:21,890 Og þá er ég að fara að preemptively opna og loka merki. 236 00:10:21,890 --> 00:10:22,390 Hvers vegna? 237 00:10:22,390 --> 00:10:23,598 Bara svo ég gleymi ekki síðar. 238 00:10:23,598 --> 00:10:26,850 Það er bara gott starf, eins og opnun og loka hrokkið axlabönd allt í einu. 239 00:10:26,850 --> 00:10:28,900 >> Og hvað þá kom næst? 240 00:10:28,900 --> 00:10:30,582 Þú getur hugsað um húðflúr. 241 00:10:30,582 --> 00:10:31,450 >> Áhorfendur: Höfuð. 242 00:10:31,450 --> 00:10:32,500 >> DAVID J MALAN: The höfuð. 243 00:10:32,500 --> 00:10:36,020 Og þá í hérna, ég hafði titilinn, held ég. 244 00:10:36,020 --> 00:10:39,886 Og titill var geðþótta, halló, heimur loka titill. 245 00:10:39,886 --> 00:10:42,760 Og svo niður hér, líkami, af course-- þá við loka líkami tag. 246 00:10:42,760 --> 00:10:45,660 Og þá bara nokkuð redundantly, Ég hafði það sama hérna. 247 00:10:45,660 --> 00:10:47,150 >> Þannig að ég halda því fram að þetta er vefur blaðsíða. 248 00:10:47,150 --> 00:10:49,050 Þetta er eitthvað sem gæti nú lifa á vefnum, 249 00:10:49,050 --> 00:10:51,925 jafnvel þó auðvitað er það bókstaflega býr á skjáborðinu mínu núna. 250 00:10:51,925 --> 00:10:55,837 En reyndar, ef ég lágmarka gedit, Ég sé á skjáborðinu mínu íkon þess. 251 00:10:55,837 --> 00:10:58,420 Jafnvel þó að þetta er tækið, þú gætir gert þetta á Mac OS 252 00:10:58,420 --> 00:11:01,580 án TextEdit eða Glugga með Notepad jafnvel. 253 00:11:01,580 --> 00:11:06,115 >> Og ef ég fer á undan og tvöfaldur smellur að jafnvel, og select-- Jæja, við skulum 254 00:11:06,115 --> 00:11:07,990 ekki valið að vegna Chrome er ekki opnuð. 255 00:11:07,990 --> 00:11:09,281 Skulum fara á undan og opna Chrome. 256 00:11:09,281 --> 00:11:10,160 257 00:11:10,160 --> 00:11:14,040 Og þá gera Command-O fyrir opinn Og sigla á skjáborðið mitt 258 00:11:14,040 --> 00:11:15,320 og opna þá skrá. 259 00:11:15,320 --> 00:11:20,120 Það er hvernig vafrinn túlkar HTML, toppur til botn, vinstri til hægri. 260 00:11:20,120 --> 00:11:21,314 Hey, vafrinn hér er HTML. 261 00:11:21,314 --> 00:11:21,980 Hér er höfuð. 262 00:11:21,980 --> 00:11:23,250 Hér er titillinn. 263 00:11:23,250 --> 00:11:24,090 Hér er líkaminn. 264 00:11:24,090 --> 00:11:26,620 Og reyndar, þetta er hvernig það gerir þessi vefur blaðsíða. 265 00:11:26,620 --> 00:11:27,800 >> En taka slóðina. 266 00:11:27,800 --> 00:11:32,430 Enginn yðar gæti draga upp þessa tiltekna síðu á fartölvur núna, 267 00:11:32,430 --> 00:11:34,910 jafnvel inni af þinn tæki með þessari vefslóð, 268 00:11:34,910 --> 00:11:40,130 því skrá: // bendir það er í raun á skrá kerfi minn, harður ökuferð mín, 269 00:11:40,130 --> 00:11:40,990 ekki þitt. 270 00:11:40,990 --> 00:11:42,440 Þannig að þetta er ekki allt sem að gagni. 271 00:11:42,440 --> 00:11:44,940 >> Skulum fara nú til nota raunveruleg vefþjón. 272 00:11:44,940 --> 00:11:48,309 Og það kemur í ljós á CS50 Tæki er meira en bara umhverfi þar 273 00:11:48,309 --> 00:11:51,100 þú getur skrifað C kóða og safna saman og keyra það eins og þú hafir verið að gera. 274 00:11:51,100 --> 00:11:55,500 Það hefur einnig verið stillt af starfsfólk til að tákna dæmigerður vefur 275 00:11:55,500 --> 00:11:58,290 Miðlarinn sem er á netinu, eitt sem þú vilt borga fyrir 276 00:11:58,290 --> 00:12:00,210 eða einn sem er í svokölluðu ský. 277 00:12:00,210 --> 00:12:02,600 >> Og það er í gangi staðall frjáls opinn uppspretta 278 00:12:02,600 --> 00:12:06,160 hugbúnaður, til dæmis, eitthvað heitir Apache, sem er ef til vill 279 00:12:06,160 --> 00:12:08,700 enn vinsæll vefur framreiðslumaður hugbúnaður í heimi 280 00:12:08,700 --> 00:12:11,030 að þúsundir vefsíður nota í dag. 281 00:12:11,030 --> 00:12:13,420 Og það hefur einnig jafnvel hugbúnaður eins og MySQL, 282 00:12:13,420 --> 00:12:16,240 sem er gagnagrunnur miðlara að við munum loksins fá að, 283 00:12:16,240 --> 00:12:18,330 sem er aðeins að segja Ég get byrjað að meðhöndla 284 00:12:18,330 --> 00:12:22,040 tæki mitt eins og a fullur viðvaningur framreiðslumaður að ég ætla ekki að borga fyrir annars staðar. 285 00:12:22,040 --> 00:12:25,980 Það býr bara á eigin fartölvu mína fyrir þróun og þægindi tilgangi. 286 00:12:25,980 --> 00:12:27,870 >> Svo skulum við fara á undan og nýta þetta. 287 00:12:27,870 --> 00:12:30,120 Ég ætla að fara á undan og opna Terminal glugga. 288 00:12:30,120 --> 00:12:33,030 Og ég ætla að fara á undan og move-- raun, fyrst ég er 289 00:12:33,030 --> 00:12:34,860 fara að sigla til minn skrifborð. 290 00:12:34,860 --> 00:12:36,400 Ef ég LS, það er hello.html. 291 00:12:36,400 --> 00:12:37,022 292 00:12:37,022 --> 00:12:38,730 Og ég ætla að fara undan og byrja að nota 293 00:12:38,730 --> 00:12:40,800 til nýja möppu sem við höfum ekki notað fyrr en í dag. 294 00:12:40,800 --> 00:12:46,840 >> hello.html-- Ég ætla að fara að flytja til ../vhosts fyrir raunverulegur hosts-- 295 00:12:46,840 --> 00:12:50,940 meira um það í future-- og þá í möppu sem heitir localhost, 296 00:12:50,940 --> 00:12:54,420 sem er gælunafn gefið næstum hvaða tölvu, hvort sem það er a Mac, PC, 297 00:12:54,420 --> 00:12:57,560 eða Linux tölva, og þá sérstaklega í möppu sem við, 298 00:12:57,560 --> 00:13:01,260 starfsfólk þegar búið til fyrir þig þegar þú sótt tæki heitir 299 00:13:01,260 --> 00:13:01,760 opinber. 300 00:13:01,760 --> 00:13:04,551 Og eins og nafn þess gefur til kynna, eitthvað Ég setti í þessari möppu, í orði, 301 00:13:04,551 --> 00:13:07,790 er að fara til nú almenningi, að minnsta kosti að fólk 302 00:13:07,790 --> 00:13:10,030 sem hafa bein tengingu í tölvuna mína. 303 00:13:10,030 --> 00:13:13,160 >> Svo nú láta mig fara á undan og gera CD í sama skrá 304 00:13:13,160 --> 00:13:15,490 svo ég geti séð hvað er gangi og gerð LS. 305 00:13:15,490 --> 00:13:17,630 Og reyndar, það er eina þar. 306 00:13:17,630 --> 00:13:23,250 Ég kröfu nú að því að ég hef sett þetta skrá hello.html inni möppu 307 00:13:23,250 --> 00:13:26,940 kallast opinber inni möppu kallast localhost inni möppu 308 00:13:26,940 --> 00:13:29,810 kallast vhosts, sem Þökk sé CS50 starfsfólk 309 00:13:29,810 --> 00:13:34,390 hefur verið forstillt til að vera rót vefþjóninum þínum, 310 00:13:34,390 --> 00:13:36,900 Ég get nú vonandi gert þetta. 311 00:13:36,900 --> 00:13:38,390 >> Ég ætla að opna nýjan flipa. 312 00:13:38,390 --> 00:13:40,090 Og ég ætla að fara að skrá: //. 313 00:13:40,090 --> 00:13:44,520 Ég ætla að nota raunverulegt HTTP / localhost, sem 314 00:13:44,520 --> 00:13:47,470 aftur, er gælunafn fyrir minn eigin miðlara. 315 00:13:47,470 --> 00:13:51,085 Og þá er ég að fara að fara á það skrá nafn, bara til að vera skýr? 316 00:13:51,085 --> 00:13:52,680 317 00:13:52,680 --> 00:13:54,320 Hvar er þessi saga líklega fara? 318 00:13:54,320 --> 00:13:56,066 319 00:13:56,066 --> 00:13:56,565 hello.html. 320 00:13:56,565 --> 00:13:58,350 321 00:13:58,350 --> 00:14:04,270 >> Svo í öðrum orðum, ég vil nú þetta er eigin minn tölva, eigin tæki minn, 322 00:14:04,270 --> 00:14:05,660 eins og það er í raun miðlara. 323 00:14:05,660 --> 00:14:07,490 Gælunafnið hennar er localhost. 324 00:14:07,490 --> 00:14:10,210 En hugsa um localhost og eins Facebook.com google.com, hvað sem er. 325 00:14:10,210 --> 00:14:11,600 Það er bara staðbundin nafn mitt. 326 00:14:11,600 --> 00:14:14,810 Og þá er það sem kemur síðas ég vil í rót á disknum, svo að segja, 327 00:14:14,810 --> 00:14:17,729 eða rót vefþjóni, Ergo skástrik og svo 328 00:14:17,729 --> 00:14:18,770 skrá nafn hello.html. 329 00:14:18,770 --> 00:14:19,880 330 00:14:19,880 --> 00:14:21,930 >> Leyfðu mér að súmma út og ýttu á Enter. 331 00:14:21,930 --> 00:14:24,266 Og reyndar, það er nú vefur síðuna mína. 332 00:14:24,266 --> 00:14:25,390 Svo það er aðeins öðruvísi. 333 00:14:25,390 --> 00:14:26,880 Og það er bara eins og underwhelming. 334 00:14:26,880 --> 00:14:27,904 Þetta er gamla útgáfan. 335 00:14:27,904 --> 00:14:29,070 Leyfðu mér að minnka letur aftur. 336 00:14:29,070 --> 00:14:29,745 Þetta er gamla. 337 00:14:29,745 --> 00:14:30,890 Þetta er nýtt. 338 00:14:30,890 --> 00:14:35,430 En hvað er í grundvallaratriðum að gerast nú er að HTTP er að nota. 339 00:14:35,430 --> 00:14:39,344 >> Skulum gera þetta svolítið skýrari eða, ef þú vilt, svolítið flóknara. 340 00:14:39,344 --> 00:14:41,760 Leyfðu mér að fara til the botn réttur hornið tækis míns. 341 00:14:41,760 --> 00:14:44,000 Og taka eftir að allt þetta tími, það er verið að tala. 342 00:14:44,000 --> 00:14:47,330 Það er einstakt netfang af CS50 Appliance þínum. 343 00:14:47,330 --> 00:14:50,800 Það er einkarekinn heimilisfang, eins og fólst í 172,16, 344 00:14:50,800 --> 00:14:53,860 sem bara þýðir aðeins að þú líkamlega hafa aðgang að þessum vefþjóni. 345 00:14:53,860 --> 00:14:56,340 Allt er firewalled og fallega varið frá öðrum 346 00:14:56,340 --> 00:14:58,130 af heiminum vegna þessa takast. 347 00:14:58,130 --> 00:15:01,920 >> Og nú taka þó ef ég fer að Heimilisfangið, ekki í tækið mitt, 348 00:15:01,920 --> 00:15:04,340 en í Mac OS-- ég ætla að fara aftur yfir hér. 349 00:15:04,340 --> 00:15:05,930 Þetta er Mac minn núna. 350 00:15:05,930 --> 00:15:08,460 Og núna er ég að fara að opna þessi útgáfa af Króm hér. 351 00:15:08,460 --> 00:15:17,370 Og ég ætla að fara á http: //172.16.25 / Og ég gleymi rest-- 133. 352 00:15:17,370 --> 00:15:25,210 >> Þannig að ég ætla að fara að skoða af Mac minn að IP heimilisfang /hello.html Enter. 353 00:15:25,210 --> 00:15:29,850 Og nú sé ég frá Mac minn að CS50 Appliance minn, sem er 354 00:15:29,850 --> 00:15:32,600 IP heimilisfang er að númer er örugglega hagar 355 00:15:32,600 --> 00:15:34,320 eins og a vefur framreiðslumaður á internetinu. 356 00:15:34,320 --> 00:15:36,944 Það þýðir ekki að hafa a ágætur auðvelt að muna nafn eins Facebook.com, 357 00:15:36,944 --> 00:15:40,370 en það er með HTTP virðist, jafnvel þótt Chrome 358 00:15:40,370 --> 00:15:43,560 er eins konar einfalda heiminn fyrir okkur en ekki að sýna okkur HTTP. 359 00:15:43,560 --> 00:15:46,210 En þetta er örugglega einmitt það. 360 00:15:46,210 --> 00:15:48,470 Chrome er bara að safna nokkrum mínútum þessa dagana. 361 00:15:48,470 --> 00:15:50,530 Og það er það sem við sjáum núna. 362 00:15:50,530 --> 00:15:51,890 >> Svo er það allt fínt og gott. 363 00:15:51,890 --> 00:15:53,740 En það er ansi underwhelming síðu. 364 00:15:53,740 --> 00:15:56,230 Leyfðu mér að fara inn og gera eitthvað svolítið öðruvísi núna. 365 00:15:56,230 --> 00:15:57,910 Svo láta mig fara aftur til gedit. 366 00:15:57,910 --> 00:16:00,580 Og í stað þess halló, heiminum, við skulum setja mynd. 367 00:16:00,580 --> 00:16:05,880 Og ég hélt frá before-- láta mig fara í localhost skrá almennings minn. 368 00:16:05,880 --> 00:16:10,580 Og láta mig fara á undan og afrita allt fullt af skrá frá dag 369 00:16:10,580 --> 00:16:15,633 frá Dropbox möppu mína inn hér. 370 00:16:15,633 --> 00:16:19,470 371 00:16:19,470 --> 00:16:21,680 >> Nú ef ég tegund LS, líta á öllum þessum skrám 372 00:16:21,680 --> 00:16:24,940 sem ég hef dreift um website Auðvitað er fyrirfram í dag, 373 00:16:24,940 --> 00:16:26,830 einn sem er enn hello.html. 374 00:16:26,830 --> 00:16:27,830 Svo er það að einn. 375 00:16:27,830 --> 00:16:30,730 Og rifja upp þessa vitleysu einn frá síðasta time-- cat.jpg. 376 00:16:30,730 --> 00:16:34,550 Svo láta mig að reyna að fella cat.jpg inni vefsíðu mína. 377 00:16:34,550 --> 00:16:37,690 >> Ég ætla að fara á undan og gera cat.jpg, vista. 378 00:16:37,690 --> 00:16:38,950 Leyfðu mér að fara aftur við Chrome. 379 00:16:38,950 --> 00:16:41,140 Og láta mig súmma í leturgerð og nú endurhlaða. 380 00:16:41,140 --> 00:16:43,090 381 00:16:43,090 --> 00:16:45,030 Úbbs, þar sem ég setti þetta? 382 00:16:45,030 --> 00:16:48,210 383 00:16:48,210 --> 00:16:51,520 Standby-- ég hef enn gamla útgáfa af skjáborðinu opið út. 384 00:16:51,520 --> 00:16:56,020 Svo láta mig fara í vhost minn, minn localhost, opinber minn og hello.html. 385 00:16:56,020 --> 00:16:57,320 386 00:16:57,320 --> 00:17:00,670 Svo nú láta mig fara á undan og segja cat.jpg inni í líkamanum 387 00:17:00,670 --> 00:17:02,830 þar sem ég vil það að vera birtist og endurhlaða. 388 00:17:02,830 --> 00:17:04,560 Auðvitað, þetta er ekki rétt. 389 00:17:04,560 --> 00:17:08,050 >> Þannig að ég þarf að segja Vafrinn smá meira vísvitandi það sem ég vil að hún geri. 390 00:17:08,050 --> 00:17:10,210 Einfaldlega að slá nafnið er augljóslega ekki nóg. 391 00:17:10,210 --> 00:17:15,134 Svo muna að það var annar tag, mynd, IMG fyrir stuttu. 392 00:17:15,134 --> 00:17:17,550 Það er bara vegna þess að menn líkar ekki gerð full orð. 393 00:17:17,550 --> 00:17:19,050 Og þá getum við gert uppspretta = "cat.jpg". 394 00:17:19,050 --> 00:17:21,470 395 00:17:21,470 --> 00:17:23,550 >> Og nú ætla ég að gera eitt öðruvísi hér. 396 00:17:23,550 --> 00:17:25,390 Jafnvel þótt öllum Tags okkar svona langt hafa 397 00:17:25,390 --> 00:17:28,086 hafði þetta hugmyndinni um byrja tag og endir tag, 398 00:17:28,086 --> 00:17:30,210 sem er í raun ekki að gera vit að mynd, ekki satt? 399 00:17:30,210 --> 00:17:32,430 Mynd er annað hvort það eða ekki þar. 400 00:17:32,430 --> 00:17:36,650 Og svo menn hafa komið upp með einfaldari samningur. 401 00:17:36,650 --> 00:17:40,310 Hvenær þú hafa a merki sem geta bæði byrja og enda á sama time-- 402 00:17:40,310 --> 00:17:43,790 það getur verið tóm, svo að speak-- bara setja skástrik inni í merkinu 403 00:17:43,790 --> 00:17:44,710 aftast. 404 00:17:44,710 --> 00:17:45,776 405 00:17:45,776 --> 00:17:47,150 Nú láta mig fara aftur til vafranum mínum. 406 00:17:47,150 --> 00:17:50,377 Högg Reload Damn, eitthvað er rangt. 407 00:17:50,377 --> 00:17:52,460 Þú hefur sennilega séð þetta stundum á vefnum, 408 00:17:52,460 --> 00:17:53,600 jafnvel ef það er ekki verið að kenna. 409 00:17:53,600 --> 00:17:54,766 Það er þér að kenna Vefþjónninn er. 410 00:17:54,766 --> 00:17:56,240 Hvaða Odes þetta virðist benda til? 411 00:17:56,240 --> 00:17:57,450 412 00:17:57,450 --> 00:17:58,009 Það er brotinn. 413 00:17:58,009 --> 00:17:59,300 Það er þar sem myndin tilheyrir. 414 00:17:59,300 --> 00:17:59,700 Já? 415 00:17:59,700 --> 00:18:01,560 >> Áhorfendur: En það virkar ekki hafa aðgang að myndinni. 416 00:18:01,560 --> 00:18:03,070 >> DAVID J MALAN: Það er ekki hafa aðgang að myndinni. 417 00:18:03,070 --> 00:18:05,230 Það, eða jafnvel verri, kannski það er ekki einu sinni til. 418 00:18:05,230 --> 00:18:06,729 Við skulum sjá hvort við getum ekki greina það. 419 00:18:06,729 --> 00:18:09,390 Muna frá síðasta sinn að ef í Chrome, í tækið, 420 00:18:09,390 --> 00:18:11,870 eða jafnvel á Mac eða PC, þú ferð til framkvæmdaraðila valmyndinni 421 00:18:11,870 --> 00:18:14,650 og fara í Developer Tools valkostur, sem sennilega þú hefur 422 00:18:14,650 --> 00:18:16,850 ekki notuð mikið eða alltaf. 423 00:18:16,850 --> 00:18:20,780 Og ef ég fer í Network og endurhlaða síðunni, 424 00:18:20,780 --> 00:18:24,110 skulum líta í raun á HTTP beiðnir sem eru gerðar. 425 00:18:24,110 --> 00:18:28,400 >> Það lítur út eins og hello.html er örugglega í lagi, þess vegna 200. 426 00:18:28,400 --> 00:18:30,630 En cat.jpg er 403. 427 00:18:30,630 --> 00:18:31,650 Svo það er ekki 404. 428 00:18:31,650 --> 00:18:33,490 Skrá er sennilega. 429 00:18:33,490 --> 00:18:35,250 403 þýðir bannað. 430 00:18:35,250 --> 00:18:37,790 Þannig að þetta er svolítið ruglingslegt. 431 00:18:37,790 --> 00:18:42,340 Ég ætla að fara aftur Til Terminal gluggann minn. 432 00:18:42,340 --> 00:18:43,700 Leyfðu mér að súmma inn hér. 433 00:18:43,700 --> 00:18:44,750 Og láta mig gera LS. 434 00:18:44,750 --> 00:18:46,430 There er þessir sömu skrá. 435 00:18:46,430 --> 00:18:49,410 >> Nú láta mig gera LS-l, sem þú hefur sennilega 436 00:18:49,410 --> 00:18:53,350 notað áður til að líta á skrá stærðir kannski eða timestamps. 437 00:18:53,350 --> 00:18:55,590 Og við sjáum í heild búnt af yfirþyrmandi upplýsingar. 438 00:18:55,590 --> 00:18:57,040 En taka nokkrar upplýsingar. 439 00:18:57,040 --> 00:19:01,660 Hér er hello.html í þessu róa hér og hér er cat.jpg. 440 00:19:01,660 --> 00:19:02,934 441 00:19:02,934 --> 00:19:05,850 Og það er bara tæki vera notendavænt með því að undirstrika JPEG er 442 00:19:05,850 --> 00:19:07,380 í fjólublátt eins og þetta. 443 00:19:07,380 --> 00:19:11,470 En hvað annað er öðruvísi hjá skráarstærð og skrá nafn? 444 00:19:11,470 --> 00:19:13,438 445 00:19:13,438 --> 00:19:14,754 >> Áhorfendur: [inaudible]. 446 00:19:14,754 --> 00:19:16,920 DAVID J MALAN: Já, það er tveimur fleiri R er hérna. 447 00:19:16,920 --> 00:19:20,170 Taka eftir hvað hello.html hefur að fara á. 448 00:19:20,170 --> 00:19:24,050 Svo kemur í ljós að nafn Þessi mappa almennings er mikilvægt. 449 00:19:24,050 --> 00:19:26,400 Nokkuð í þessari möppu er ætlað að vera opinber. 450 00:19:26,400 --> 00:19:28,790 En það er ekki nóg bara að sleppa skrám þar. 451 00:19:28,790 --> 00:19:31,480 Þú þarft einnig að breyta háttur af the skrá, 452 00:19:31,480 --> 00:19:35,180 breyta leyfisveitingum skrána stanslaust ekki 453 00:19:35,180 --> 00:19:37,650 vera sjálfgefin stilling, sem er að aðeins ég get lesið 454 00:19:37,650 --> 00:19:39,220 og skrifa það, ég að vera eigandi. 455 00:19:39,220 --> 00:19:43,540 Ég vil að allur heimurinn alla til vera fær um að lesa skrána mína, svo að segja. 456 00:19:43,540 --> 00:19:44,950 Las bara þýðir að skoða það. 457 00:19:44,950 --> 00:19:49,780 >> Og reyndar, eins og þú munt sjá í vanda setja sjö, það er það meðaltal ÞESSIR R er. 458 00:19:49,780 --> 00:19:53,160 Meina þessi tvö R er láta alla annars staðar í heiminum líka að lesa það, 459 00:19:53,160 --> 00:19:55,300 sérstaklega núna þegar það er í þessari skrá. 460 00:19:55,300 --> 00:19:59,620 Svo einfaldasta leiðin til að laga þetta er að fara að hvetja mína og gera chmod til breytinga 461 00:19:59,620 --> 00:20:05,580 ham og þá gera a + r, að öllu leyti, allir, allir, auk r um les, 462 00:20:05,580 --> 00:20:07,944 og þá cat.jpg Enter. 463 00:20:07,944 --> 00:20:10,360 Ekkert virðist gerast, sem yfirleitt þýðir gott. 464 00:20:10,360 --> 00:20:13,850 Svo LS-L again-- nú skulum líta á cat.jpg. 465 00:20:13,850 --> 00:20:15,750 Og þetta leyfi virðast hafa breyst. 466 00:20:15,750 --> 00:20:18,670 Sem innskot, ef þú gera a mistök og þú, til dæmis, 467 00:20:18,670 --> 00:20:23,210 bara gert your-- ég know-- ekki ritgerð opinberlega aðgengilegt fyrir slysni, 468 00:20:23,210 --> 00:20:25,480 þú getur gert hið gagnstæða, chmod a-r. 469 00:20:25,480 --> 00:20:25,909 470 00:20:25,909 --> 00:20:28,200 Þó hreinskilnislega, ætti það ekki vera í almenna símaskrá 471 00:20:28,200 --> 00:20:29,760 samt ef það er áhyggjuefni. 472 00:20:29,760 --> 00:20:32,475 >> Svo nú skulum við fara aftur til vafrinn minn og endurhlaða. 473 00:20:32,475 --> 00:20:32,904 474 00:20:32,904 --> 00:20:34,820 Og ég ætla að fara að smella litli Ghostbusters 475 00:20:34,820 --> 00:20:38,030 tákn til að hreinsa þann hluta af skjár svo við getum séð nýjar beiðnir. 476 00:20:38,030 --> 00:20:40,630 Og reyndar, hér er Grump Cat frá áður. 477 00:20:40,630 --> 00:20:43,010 En meira um vert, tæknilega, það er 478 00:20:43,010 --> 00:20:45,565 fjöldi 200, sem þýðir að við fengum það í lagi. 479 00:20:45,565 --> 00:20:47,190 Allt í lagi, svo það er allt fínt og gott. 480 00:20:47,190 --> 00:20:48,940 En við erum ekki að gera bestu vefsíður, 481 00:20:48,940 --> 00:20:51,967 né við erum að fara að reyna of erfitt að gera fanciest vefsíður í dag. 482 00:20:51,967 --> 00:20:54,550 En við skulum að minnsta kosti að gera eitthvað Super þekki áður rattling 483 00:20:54,550 --> 00:20:56,030 burt nokkrum öðrum merkjum. 484 00:20:56,030 --> 00:20:58,470 Svo ætla ég ekki bara kött hérna. 485 00:20:58,470 --> 00:21:02,530 Segjum að ég vil í raun og veru þetta köttur að tengja við eitthvað. 486 00:21:02,530 --> 00:21:07,210 >> Ég gæti til dæmis gera eitthvað eins og this. 487 00:21:07,210 --> 00:21:08,580 488 00:21:08,580 --> 00:21:12,890 a fyrir akkeri href fyrir há tilvísun equals-- 489 00:21:12,890 --> 00:21:17,440 og við skulum gera bara eitthvað eins www.google.com loka 490 00:21:17,440 --> 00:21:19,540 vitna loka krappi. 491 00:21:19,540 --> 00:21:22,000 Og nú leita fyrir ketti. 492 00:21:22,000 --> 00:21:23,520 Loka akkeri tag. 493 00:21:23,520 --> 00:21:26,760 Svo hefur þetta aðeins eins konar af grundvallaratriðum ný smáatriði. 494 00:21:26,760 --> 00:21:28,190 The tag er að sjálfsögðu öðruvísi. 495 00:21:28,190 --> 00:21:31,770 Það er nafnið a fyrir akkeri href eða há tilvísun. 496 00:21:31,770 --> 00:21:35,269 >> En meira um vert, það er þetta syntactical lögun hér. 497 00:21:35,269 --> 00:21:37,810 Þetta er það sem við munum byrja að hringja ekki tag heldur eiginleiki. 498 00:21:37,810 --> 00:21:40,830 Og eiginleiki er eitthvað sem breytir hegðun merki. 499 00:21:40,830 --> 00:21:45,400 Og þetta eiginleiki, href, þýðir breyta hegðun Þetta akkeri 500 00:21:45,400 --> 00:21:48,430 þannig að þegar það er smellt það fer á þessa slóð hér. 501 00:21:48,430 --> 00:21:50,330 Og auðvitað, það URL er Google. 502 00:21:50,330 --> 00:21:53,951 >> Meðan, hvað er þetta texta hér að fara að vera? 503 00:21:53,951 --> 00:21:55,950 Jæja, það er að fara til vera hvað mönnum raunverulega 504 00:21:55,950 --> 00:21:58,470 sér sem undirstrikaði hlekkur, eins einfalt eins og þessi. 505 00:21:58,470 --> 00:21:59,220 Svo skulum reyna þetta. 506 00:21:59,220 --> 00:21:59,980 Leyfðu mér að spara hana. 507 00:21:59,980 --> 00:22:01,650 Ég er enn í hello.html. 508 00:22:01,650 --> 00:22:05,360 En í útgáfum á netinu, munt þú sjá the raunverulegur skrá nöfn við fyrirfram undirbúin. 509 00:22:05,360 --> 00:22:06,805 Leyfðu mér að fara á undan og endurhlaða. 510 00:22:06,805 --> 00:22:08,680 Og nú er það mjög underwhelming síðu enn. 511 00:22:08,680 --> 00:22:10,910 En ef ég sveima yfir there-- og það er a lítill lítill, 512 00:22:10,910 --> 00:22:13,576 but-- þú geta sjá í the botn vinstri hönd horn á skjánum þínum, 513 00:22:13,576 --> 00:22:15,242 það er örugglega að fara á google.com. 514 00:22:15,242 --> 00:22:19,280 Og ef ég smelli að það mun whisk mér leið til raunverulegur Google. 515 00:22:19,280 --> 00:22:22,610 >> En taka hér tækifæri fyrir misnotkun, rétt eins til hliðar. 516 00:22:22,610 --> 00:22:25,150 Og við munum koma aftur til annarra málefni öryggi áður en langur. 517 00:22:25,150 --> 00:22:29,290 Vegna þess að það er þetta dichotomy milli þar sem þú ferð og hvað þú segir, 518 00:22:29,290 --> 00:22:34,722 þú gætir gert eitthvað eins this-- http://www.google.com. 519 00:22:34,722 --> 00:22:37,134 OK, og nú ef ég endurhlaða eftir vistun þá síðu, 520 00:22:37,134 --> 00:22:38,800 það lítur út fyrir að ég ætla að fara á Google. 521 00:22:38,800 --> 00:22:40,966 En það er engin ástæða sem ég þarft að fara á Google, ekki satt? 522 00:22:40,966 --> 00:22:47,460 Ég gæti í raun farið að eitthvað eins badguy.com, endurhlaða síðunni hérna. 523 00:22:47,460 --> 00:22:49,750 Og taka eftir, það virðist vera að Google. 524 00:22:49,750 --> 00:22:52,020 Og aðeins ef ég er skarpur nóg að sveima hérna 525 00:22:52,020 --> 00:22:54,770 get ég séð að það er jafnvel að fara að fara á annan stað. 526 00:22:54,770 --> 00:22:57,400 >> Þannig að ef þú hefur einhvern tíma fengið tölvupóst, sérstaklega 527 00:22:57,400 --> 00:22:59,610 einn frá Paypal, eða virðist frá Paypal 528 00:22:59,610 --> 00:23:01,830 biðja þig um að skrá þig inn á á reikninginn þinn, þetta 529 00:23:01,830 --> 00:23:06,380 er hvers vegna þú ættir aldrei alltaf smella á tengla í tölvupósti, 530 00:23:06,380 --> 00:23:07,930 Frankly, tengla í tölvupósti. 531 00:23:07,930 --> 00:23:10,380 Ef þú veist að þú ert raunveruleg peningar í Paypal eða banka 532 00:23:10,380 --> 00:23:14,250 Ameríku eða Fidelity eða einhverju website, handvirkt slá það inn. 533 00:23:14,250 --> 00:23:17,530 Vegna líta hversu auðvelt það er að bragð einhvern í að kynna hvað 534 00:23:17,530 --> 00:23:18,526 lítur út eins og tengil. 535 00:23:18,526 --> 00:23:20,400 En það gæti í raun fara algerlega hvar. 536 00:23:20,400 --> 00:23:23,301 >> Og það er miklu meiri ógnir en þetta. 537 00:23:23,301 --> 00:23:25,300 Í raun er þetta dálítið af snertir nú, en einn 538 00:23:25,300 --> 00:23:28,430 af bestu sem ég sá alltaf sem hefur síðan verið lokað, 539 00:23:28,430 --> 00:23:34,060 er einhver leiddi fólk to-- svo þetta gætu sagt, 540 00:23:34,060 --> 00:23:37,660 smelltu hér til að skrá þig inn í þinn Reikningur, bankareikningsnúmer. 541 00:23:37,660 --> 00:23:40,985 Og þetta var Bank á Vesturlöndum. 542 00:23:40,985 --> 00:23:43,030 543 00:23:43,030 --> 00:23:44,250 >> Svo einhver keypti þetta. 544 00:23:44,250 --> 00:23:47,090 Og það er svolítið auðveldara að sjá það í mónó dreift leturgerð aðdregna 545 00:23:47,090 --> 00:23:49,190 í á 30 feta skjávarpa. 546 00:23:49,190 --> 00:23:51,720 En þegar það er smátt letur í tölvupóstinum sem þú ert að fá, 547 00:23:51,720 --> 00:23:54,690 þetta lítur út eins bankofthewest.com, ekki bankofthevvest.com, 548 00:23:54,690 --> 00:23:58,230 sem einhver hafði greitt $ 10 til að kaupa. 549 00:23:58,230 --> 00:24:00,840 Og þá er þetta leiddi þá til jafnvirði slæmar website. 550 00:24:00,840 --> 00:24:05,540 >> Og þú munt sjá too-- reyndar við getum gert this-- ef ég fer til the raunverulegur website, 551 00:24:05,540 --> 00:24:10,335 bankofthewest.com, aftur, muna frá síðasta sinn 552 00:24:10,335 --> 00:24:13,210 að ef þetta er vefsíðan þeirra og þú ert forvitinn um hvernig það virkar, 553 00:24:13,210 --> 00:24:15,610 þú getur örugglega farið til Króm verktaki verkfæri. 554 00:24:15,610 --> 00:24:18,890 Og þú getur séð allar HTML fallega sniðinn þar. 555 00:24:18,890 --> 00:24:20,890 >> En meira til að benda, þú cam-- skulum loka 556 00:24:20,890 --> 00:24:24,760 this-- þú getur farið að skoða Developer View Source. 557 00:24:24,760 --> 00:24:25,770 558 00:24:25,770 --> 00:24:28,350 Af hverju get ég ekki afrita bara allt af því og þá er ég 559 00:24:28,350 --> 00:24:31,630 getur farið inn í litla gedit gluggann minn hér og gera eigin vefsíðu mína. 560 00:24:31,630 --> 00:24:33,210 Vista þetta í hello.html. 561 00:24:33,210 --> 00:24:36,770 Og sennilega er þetta að fara að brjóta, því það er ekki þetta auðvelt yfirleitt. 562 00:24:36,770 --> 00:24:41,590 En nú ef ég endurhlaða eigin síðuna mína á búðu CS50 Appliance og högg Reload, 563 00:24:41,590 --> 00:24:42,990 OK, smá dót braut. 564 00:24:42,990 --> 00:24:45,750 En ég er nokkuð nálægt því að vera með eigin bankastarfsemi website minn, ekki satt? 565 00:24:45,750 --> 00:24:46,570 Allt þetta HTML-- 566 00:24:46,570 --> 00:24:47,370 >> [Hlátur] 567 00:24:47,370 --> 00:24:49,210 >> DAVID J MALAN: -I ekki actually-- og þú 568 00:24:49,210 --> 00:24:52,210 veit að það er einhver þarna úti sem myndi í raun að smella þessa tengla líka. 569 00:24:52,210 --> 00:24:54,864 Svo greinilega, smá dót braut. 570 00:24:54,864 --> 00:24:56,780 En það er að fara að leiða okkur inn í umræðu, 571 00:24:56,780 --> 00:25:00,810 óþörfu núna, eins og til hvaða CSS, Cascading Style Sheets, eru, 572 00:25:00,810 --> 00:25:03,410 og hvernig þú í raun sækja aðrar HTML skrár 573 00:25:03,410 --> 00:25:06,140 og JPEG skrár GIF skrár sem the website gæti verið að nota. 574 00:25:06,140 --> 00:25:07,960 En allt sem er accomplishable. 575 00:25:07,960 --> 00:25:11,110 En það snýst í raun um að þessar mjög einfaldar leitandi. 576 00:25:11,110 --> 00:25:14,450 >> Svo nú skulum Lögð bara í gegnum a par af öðrum dæmum um HTML 577 00:25:14,450 --> 00:25:16,680 bara til að gefa þér tilfinningu hvað annað sem þú getur gert. 578 00:25:16,680 --> 00:25:18,670 Fyrir dæmi, þetta er list.html. 579 00:25:18,670 --> 00:25:23,240 Segjum að ég vildi gera vefsíðu með lista yfir hús í quad. 580 00:25:23,240 --> 00:25:28,960 Ég gæti notað ul tag fyrir Óraðaður lista og þá listi atriði barnið 581 00:25:28,960 --> 00:25:33,760 og þá kunnugt over-- eða lista, rather-- húsin sem um ræðir. 582 00:25:33,760 --> 00:25:36,080 >> Og ef ég opna þetta upp, við skulum gera þetta. 583 00:25:36,080 --> 00:25:40,670 Skulum fara að hello.html, heldur til list.html. 584 00:25:40,670 --> 00:25:42,160 Fjandinn það. 585 00:25:42,160 --> 00:25:43,000 Hvernig laga ég þetta? 586 00:25:43,000 --> 00:25:45,679 587 00:25:45,679 --> 00:25:47,220 Það er sama málið og áður, ekki satt? 588 00:25:47,220 --> 00:25:52,510 Svo láta mig gera chmod-- oops-- chmod a + r af list.html. 589 00:25:52,510 --> 00:25:54,610 590 00:25:54,610 --> 00:25:59,610 Og nú ef ég fer aftur í vafranum mínum og smelltu á Reload, þarna er hún. 591 00:25:59,610 --> 00:26:02,360 Þannig að ef þú hefur alltaf langað til að gera a Punktalisti, getur þú gert það. 592 00:26:02,360 --> 00:26:06,210 Ef þú vilt vera frábær ímynda sér og gera skipað lista, ekki óraðaðan lista, 593 00:26:06,210 --> 00:26:10,170 breyta þeim í ol, endurhlaða síðuna og nú flettitæki vilja tala það fyrir þig. 594 00:26:10,170 --> 00:26:11,241 >> Hvað annað getum við gert? 595 00:26:11,241 --> 00:26:13,990 Jæja, a par af others-- ef þú hafir fengið lengi málsgreinum text-- 596 00:26:13,990 --> 00:26:15,698 til dæmis, sumir Latin texta eins this-- 597 00:26:15,698 --> 00:26:20,730 og þú vilt hafa það í aðskildum málsgreinum, opna p, nálægt p fyrir málsgreinarinnar merkinu. 598 00:26:20,730 --> 00:26:22,010 Og gera það aftur og aftur. 599 00:26:22,010 --> 00:26:26,600 Og ef ég opna nú upp þessa skrá, paragraphs.html vel, þetta 600 00:26:26,600 --> 00:26:27,570 er að fá pirrandi. 601 00:26:27,570 --> 00:26:34,320 Svo nú skulum fara bara aftur til mín hvetja, chmod a + r r stjörnu .html-- 602 00:26:34,320 --> 00:26:36,099 a ágætur lítill villtur nafnspjald svo að segja. 603 00:26:36,099 --> 00:26:37,890 Það ætti að festa öll þessi vandamál fyrir mig. 604 00:26:37,890 --> 00:26:38,990 Skulum endurhlaða. 605 00:26:38,990 --> 00:26:40,500 There er þrjár málsgreinar. 606 00:26:40,500 --> 00:26:42,930 >> Og nú skulum fara á undan og opna einn annar. 607 00:26:42,930 --> 00:26:44,310 Hvernig um borð? 608 00:26:44,310 --> 00:26:46,440 Þú munt taka eftir borð útlit svolítið flóknari. 609 00:26:46,440 --> 00:26:49,110 En það er sama idea-- opinn tag, opið tag, 610 00:26:49,110 --> 00:26:51,360 opinn, opinn, opna, loka tag, opinn tag. 611 00:26:51,360 --> 00:26:54,410 Og þessa verður að standa fyrir borð, sem landamæri er greinilega 612 00:26:54,410 --> 00:26:58,500 fara að vera þykkt 1-- hvað að means-- borð róður, borð 613 00:26:58,500 --> 00:27:00,320 gögn, sem þýðir a klefi. 614 00:27:00,320 --> 00:27:03,840 Og ef ég fer aftur í vafranum mínum hér og fara að table.html, 615 00:27:03,840 --> 00:27:05,840 þú getur séð eitthvað eins og þetta, hideous. 616 00:27:05,840 --> 00:27:07,840 En við munum komast að benda þar sem við getum í raun 617 00:27:07,840 --> 00:27:09,260 gera hlutina fallegri en það. 618 00:27:09,260 --> 00:27:10,530 >> Svo láta mig kveða í bili. 619 00:27:10,530 --> 00:27:11,870 There er bunches af fleiri skipanir. 620 00:27:11,870 --> 00:27:15,225 Og HTML er dásamlegt að taka upp vegna þess, hreinskilnislega, það eina sem þú þarft að gera 621 00:27:15,225 --> 00:27:17,600 er að horfa á núverandi vefsíðum sem þú ert kunnug. 622 00:27:17,600 --> 00:27:20,340 Og þú ert eins og, ó, það er hvernig þeir gerðu þetta fagurfræðilega. 623 00:27:20,340 --> 00:27:23,159 >> Eða þú getur litið upp allir online úrræði um hvernig HTML virkar, 624 00:27:23,159 --> 00:27:25,700 og þú munt sjá að það er a heild orðaforða annarra tags. 625 00:27:25,700 --> 00:27:30,110 En með einföldu andlega líkan einn sem nánast allir tag þú opnar 626 00:27:30,110 --> 00:27:33,620 þarf að vera lokað, það virkilega hjartarskinn nægja að kenna sig 627 00:27:33,620 --> 00:27:36,950 HTML eftir skilja Þessar undirstöðu hugmyndir af tags 628 00:27:36,950 --> 00:27:40,520 og eiginleikar og vel formedness að við höfum talað um, 629 00:27:40,520 --> 00:27:44,697 lokun eitthvað sem við gætum opnað svo að við förum ekki rugla ekki vafra. 630 00:27:44,697 --> 00:27:46,780 Svo skulum nú taka þetta að a fleiri áhugaverður stigi 631 00:27:46,780 --> 00:27:48,100 með því að fara í raun. 632 00:27:48,100 --> 00:27:51,095 Og við skulum fara til Mac minn hér, að google.com. 633 00:27:51,095 --> 00:27:52,280 634 00:27:52,280 --> 00:27:54,020 Og nú notice-- skulum gera þetta. 635 00:27:54,020 --> 00:27:57,280 Ég ætla gong að fara til Stillingar, Leitarstillingar. 636 00:27:57,280 --> 00:28:01,070 Ég vil að slökkva þetta pirrandi augnablik Niðurstöður hlutur þar sem það strax 637 00:28:01,070 --> 00:28:02,450 byrjar að bregðast við vélritun. 638 00:28:02,450 --> 00:28:05,300 Við skulum gera þetta eldri skóla svo sjáum í raun hvað er að gerast. 639 00:28:05,300 --> 00:28:08,260 >> Þannig að ég ætla að spara minn Google stillingar hér. 640 00:28:08,260 --> 00:28:11,160 Og nú notice-- ég ætla að leita að einhverju eins og kettir. 641 00:28:11,160 --> 00:28:14,500 Og það er enn að gera farartæki Heill hér, en byggt á hlutum 642 00:28:14,500 --> 00:28:15,970 fólk hefur slegið í fortíðinni. 643 00:28:15,970 --> 00:28:17,490 En taka eftir hvað er að fara að gerast. 644 00:28:17,490 --> 00:28:20,272 >> Í vefslóð í augnablikinu er þetta, bara google.com. 645 00:28:20,272 --> 00:28:22,650 Og tæknilega er það slash. 646 00:28:22,650 --> 00:28:25,910 Google er bara að safna persónu og ekki að sýna okkur það. 647 00:28:25,910 --> 00:28:30,400 Þeir eru að sýna okkur https, bara að vera frábær hughreystandi að við erum 648 00:28:30,400 --> 00:28:32,850 á öruggum eða örugg síða. 649 00:28:32,850 --> 00:28:35,690 >> Svo láta mig fara á undan og leita fyrir ketti. 650 00:28:35,690 --> 00:28:37,670 Nú þetta fékk mjög yfirþyrmandi fljótt. 651 00:28:37,670 --> 00:28:39,470 Horfðu á lengd þessa vefslóð. 652 00:28:39,470 --> 00:28:43,070 En það kemur í ljós að flestir af þessu efni í slóð er í raun frekar gagnslaus. 653 00:28:43,070 --> 00:28:45,320 Ég ætla að byrja að eyða hlutir sem ég skil ekki. 654 00:28:45,320 --> 00:28:46,560 655 00:28:46,560 --> 00:28:47,360 Ég sé ketti. 656 00:28:47,360 --> 00:28:48,470 Ég skil ketti. 657 00:28:48,470 --> 00:28:50,380 Ég veit ekki af hverju kettir eru þar aftur. 658 00:28:50,380 --> 00:28:52,620 Ég virkilega veit ekki hvað þetta bull er. 659 00:28:52,620 --> 00:28:56,030 Þannig að ég ætla bara að fara að halda auðkenning og eyða efni 660 00:28:56,030 --> 00:28:59,905 að ég skil ekki, eima vefslóðina í bara þetta. 661 00:28:59,905 --> 00:29:00,920 662 00:29:00,920 --> 00:29:02,270 >> Nú láta mig fá þátt aftur. 663 00:29:02,270 --> 00:29:03,814 Það lítur út eins og Google virkar enn. 664 00:29:03,814 --> 00:29:06,980 Svo af einhverjum ástæðum, þá eru þeir að bæta við mikið af efni til sjálfgefið url síns. 665 00:29:06,980 --> 00:29:09,000 En það er ekki alveg nauðsynlegt. 666 00:29:09,000 --> 00:29:10,340 Svo er það gott um þetta? 667 00:29:10,340 --> 00:29:13,630 Jæja, láttu mig fara á undan og opna Eftirlitsmaður Króm. 668 00:29:13,630 --> 00:29:15,960 There er a lítill mús flýtileið fyrir það. 669 00:29:15,960 --> 00:29:17,360 >> Fara á flipann Network. 670 00:29:17,360 --> 00:29:19,340 Og nú láta mig endurhlaða síðuna aftur. 671 00:29:19,340 --> 00:29:20,280 Og ég ætla að halda Shift. 672 00:29:20,280 --> 00:29:22,520 Sem innskot, vafra hafa tilhneigingu til að skyndiminni eða vista 673 00:29:22,520 --> 00:29:24,697 upplýsingar bara fyrir sakir skilvirkni er. 674 00:29:24,697 --> 00:29:27,280 En yfirleitt, halda Shift og Endurnýjun mun neyða allt 675 00:29:27,280 --> 00:29:28,994 að byrja upp á frá byrjun. 676 00:29:28,994 --> 00:29:30,410 Og það er það sem ég vil gera hér. 677 00:29:30,410 --> 00:29:33,550 >> Og taka eftir öllum þessum raðir sem bara birtist. 678 00:29:33,550 --> 00:29:37,920 Það kemur í ljós að í hverjum vef síðu, það gæti verið bara ein skrá 679 00:29:37,920 --> 00:29:43,500 involved-- hello.html-- eða þar gæti verið 52, eins og í þessu tilfelli. 680 00:29:43,500 --> 00:29:45,820 Þegar ég fer google.com, virðist, vafrinn minn 681 00:29:45,820 --> 00:29:49,650 ánægja burt 52 sérstakar HTTP beiðnir. 682 00:29:49,650 --> 00:29:50,520 Hvers vegna er það? 683 00:29:50,520 --> 00:29:53,380 >> Jæja, líta á það sem er inni þessa vefsíðu áðan. 684 00:29:53,380 --> 00:29:55,620 Það er ekki bara texti, en það er raunverulegt myndir 685 00:29:55,620 --> 00:29:57,130 kettir yfir til hægri. 686 00:29:57,130 --> 00:29:59,110 There er a litrík logo upp hér á vinstri. 687 00:29:59,110 --> 00:30:01,750 There er öllum þessum táknum fyrir hljóðnema og svo framvegis. 688 00:30:01,750 --> 00:30:05,130 There er a einhver fjöldi af stykki, byggja blokkir, klóra stykki, ef þú vilt, 689 00:30:05,130 --> 00:30:06,250 á þessa vefsíðu. 690 00:30:06,250 --> 00:30:10,310 Og hvað vafrinn er að gera við fá fyrstu skrána sem 691 00:30:10,310 --> 00:30:16,180 er þetta röð hér, er það fyrst og fremst iterating yfir HTML efst 692 00:30:16,180 --> 00:30:19,880 til botn, vinstri til hægri, leita hlutir eins tags mynd eða öðrum merkjum 693 00:30:19,880 --> 00:30:23,160 sem eru að minnast aðrar skrár og þegar það sér þá, fer og ná í þá 694 00:30:23,160 --> 00:30:26,050 gegnum HTTP, hagkvæmur heild umslag samlíking, 695 00:30:26,050 --> 00:30:29,670 og þá birtir þau í viðeigandi stað á vefsíðu. 696 00:30:29,670 --> 00:30:33,370 >> En taka hér ef ég áherslu á fyrstu kasta, leita kettir, 697 00:30:33,370 --> 00:30:37,090 taka eftir því, örugglega það er með HTTP 1.1. 698 00:30:37,090 --> 00:30:41,690 Og því miður, Google Chrome núna í útgáfu 39 699 00:30:41,690 --> 00:30:45,110 er eins konar dumbing hluti niður og ekki sýna okkur raunverulegt haus. 700 00:30:45,110 --> 00:30:49,680 En hvað var örugglega sendur er beiðni fyrir ekki rista, en / leit? q = kettir. 701 00:30:49,680 --> 00:30:52,830 702 00:30:52,830 --> 00:30:54,340 >> Nú, hvers vegna er það mikilvægt? 703 00:30:54,340 --> 00:30:57,110 Jæja, ég ætla að álykta frá þessu að ef þú Google 704 00:30:57,110 --> 00:31:01,520 styður fyrirspurnir þessu formi, hvers vegna get ég ekki innleiða eigin leit mína 705 00:31:01,520 --> 00:31:06,420 vél fyrir CS50, en bara að framan endir, bara grafísku notendaviðmóti. 706 00:31:06,420 --> 00:31:09,610 Og við munum útvista bak endir, raunverulegt leitarniðurstöður Google. 707 00:31:09,610 --> 00:31:10,510 >> Svo hvernig get ég gert þetta? 708 00:31:10,510 --> 00:31:13,820 Jæja, láttu mig fara inn gedit hérna. 709 00:31:13,820 --> 00:31:19,180 Og láta mig fara á undan og opna upp, við skulum segja, nýja skrá. 710 00:31:19,180 --> 00:31:22,280 Og ég ætla að fara að spara þetta tímabundið sem search 0.html. 711 00:31:22,280 --> 00:31:25,111 712 00:31:25,111 --> 00:31:27,860 Og svo að lokum, við munum hratt hlakka til það sem ég fyrirfram undirbúin. 713 00:31:27,860 --> 00:31:30,190 >> Og ég ætla að fljótt svipa upp doc tegund 714 00:31:30,190 --> 00:31:33,840 HTML opinn krappi HTML Loka krappi HTML. 715 00:31:33,840 --> 00:31:38,390 Þá er ég að fara að gera höfuð Loka höfuð opinn titill CS50 716 00:31:38,390 --> 00:31:40,150 Leita í stað Google leit. 717 00:31:40,150 --> 00:31:43,480 Down hér ég ætla að hafa líkaminn, niður hér skammt líkami. 718 00:31:43,480 --> 00:31:45,835 Og nú þarf ég CS50 Search. 719 00:31:45,835 --> 00:31:47,710 Og í raun, við skulum byggja þetta smám. 720 00:31:47,710 --> 00:31:51,043 Ég ætla að fara á undan og loka þessu og reyndar setja það í almenna símaskrá mínum. 721 00:31:51,043 --> 00:31:52,730 Svo gefa mér bara eitt augnablik. 722 00:31:52,730 --> 00:31:55,390 leit-0.html-- ég ætla að tímabundið kalla það search.html. 723 00:31:55,390 --> 00:31:56,600 724 00:31:56,600 --> 00:31:59,750 Ég ætla að chmod það + r search.html. 725 00:31:59,750 --> 00:32:01,072 726 00:32:01,072 --> 00:32:02,280 Og núna er ég að fara að opna hana. 727 00:32:02,280 --> 00:32:03,224 728 00:32:03,224 --> 00:32:04,390 Allt í lagi, svo það var fljótur. 729 00:32:04,390 --> 00:32:06,800 En markmiðið var einfaldlega að fá okkur til að benda 730 00:32:06,800 --> 00:32:09,630 af því að hafa þennan texta skrá sem heitir search.html. 731 00:32:09,630 --> 00:32:10,940 732 00:32:10,940 --> 00:32:12,790 Svo ekki mikið að horfa á enn. 733 00:32:12,790 --> 00:32:16,970 Reyndar, ef ég fer til vafranum mínum, og fara til search.html, það er allt það er. 734 00:32:16,970 --> 00:32:17,720 En þú veist hvað? 735 00:32:17,720 --> 00:32:19,000 Ég get verið svolítið áhugamaður. 736 00:32:19,000 --> 00:32:22,710 Ég las í bók að það er a fyrirsögn tag kallast H1. 737 00:32:22,710 --> 00:32:26,100 Og ég ætla að fara á undan og nota þessi opinn H1 og loka H1. 738 00:32:26,100 --> 00:32:27,220 Endurhlaða síðunni. 739 00:32:27,220 --> 00:32:29,600 Og nú er það stærri og djarfari, ekki allt sem áhugavert, 740 00:32:29,600 --> 00:32:32,399 en að minnsta kosti það byggingarlega meira áhugavert. 741 00:32:32,399 --> 00:32:33,940 En nú láta mig kynna aðra tag. 742 00:32:33,940 --> 00:32:36,500 Það kemur í ljós að það er mynd tag. 743 00:32:36,500 --> 00:32:38,400 Og láta mig loka tagið. 744 00:32:38,400 --> 00:32:40,830 Og það kemur í ljós að það er inntak merki sem 745 00:32:40,830 --> 00:32:44,600 hefur eigindi sem heitir Type, sem eru gögnin gerð sviði, 746 00:32:44,600 --> 00:32:45,200 ef þú vilt. 747 00:32:45,200 --> 00:32:47,050 Og er að fara að vera af gerð texta. 748 00:32:47,050 --> 00:32:52,200 Og gildi þess er að fara vera CS50 Search. 749 00:32:52,200 --> 00:32:53,850 Loka tag. 750 00:32:53,850 --> 00:32:57,100 Og það er að fara að vera nein hugmynd um opnun og lokun með aðskilja tags. 751 00:32:57,100 --> 00:33:00,300 >> Leyfðu mér að fara aftur hingað og sjá hvað er að gerast, endurhlaða. 752 00:33:00,300 --> 00:33:01,380 Getting áhugavert. 753 00:33:01,380 --> 00:33:02,950 Það lítur út eins og það er textabox. 754 00:33:02,950 --> 00:33:04,080 755 00:33:04,080 --> 00:33:06,999 Og í raun, gerði ég ekki vilja að setja gildi þar enn. 756 00:33:06,999 --> 00:33:10,040 Leyfðu mér að fara aftur hingað og í raun fá losna við þetta gildi til að halda það einfalt. 757 00:33:10,040 --> 00:33:12,939 Í stað þess að verðmæti, það sem ég vildi að gefa þetta var nafn. 758 00:33:12,939 --> 00:33:15,230 Og ég veit ekki hvað það er, svo ég kem aftur til að. 759 00:33:15,230 --> 00:33:18,270 >> En undir það, ég vil að gera inntak type = leggja. 760 00:33:18,270 --> 00:33:19,840 761 00:33:19,840 --> 00:33:22,120 Og þetta gildi verður CS50 Search. 762 00:33:22,120 --> 00:33:24,850 Og við munum sjá hvers vegna ég flutti gildi á þessu. 763 00:33:24,850 --> 00:33:28,900 Þegar ég endurhlaða, virðist ég að nú hafa upphaf eigin leit minni 764 00:33:28,900 --> 00:33:30,820 vél, frábær hideous, þó hreinskilnislega, það er 765 00:33:30,820 --> 00:33:34,260 ekki langt innkast frá hvaða Google sjálfgefna síðu lítur út. 766 00:33:34,260 --> 00:33:37,950 >> Ef ég fer hér núna, get ég tegund í kettir og vonandi smella á Leita. 767 00:33:37,950 --> 00:33:40,380 En ég er ekki alveg búin enn, vegna þess að ég hef ekki til framkvæmda, 768 00:33:40,380 --> 00:33:41,045 augljóslega, gagnagrunni. 769 00:33:41,045 --> 00:33:42,940 Ég hef ekki skríða á vefur fyrir leitarniðurstöður. 770 00:33:42,940 --> 00:33:44,840 Þannig að ég þarf að útvista það til Google. 771 00:33:44,840 --> 00:33:46,290 Svo hvernig á ég að gera þetta? 772 00:33:46,290 --> 00:33:49,170 >> Jæja, fyrst af öllu ég þarf að bæta við og aðgerð 773 00:33:49,170 --> 00:33:58,460 eigindi til að mynda merki mínum sem er http://www.google.com/search. 774 00:33:58,460 --> 00:34:01,180 Og ég veit að aðeins að hafa álykta því að horfa náið 775 00:34:01,180 --> 00:34:02,505 á slóð þeirra. 776 00:34:02,505 --> 00:34:03,380 Og nú taka giska. 777 00:34:03,380 --> 00:34:09,090 Hvað ætti þessi texti sviði sennilega að kalla, út frá því hvar við komum 778 00:34:09,090 --> 00:34:09,754 frá áður? 779 00:34:09,754 --> 00:34:11,896 780 00:34:11,896 --> 00:34:13,290 >> Áhorfendur:? Q. 781 00:34:13,290 --> 00:34:14,370 >> DAVID J MALAN: q. 782 00:34:14,370 --> 00:34:17,800 Og við gerum ekki raunverulega þörf spurning merkja það kemur í ljós, en q er örugglega það, 783 00:34:17,800 --> 00:34:20,489 q fyrir fyrirspurn líklega með sjálfgefið, bara vegna þess að það er 784 00:34:20,489 --> 00:34:23,060 hvað Larry og Sergey kom upp með árum. 785 00:34:23,060 --> 00:34:24,739 Svo nú láta mig endurhlaða síðuna. 786 00:34:24,739 --> 00:34:26,409 Það lítur ekki allt sem öðruvísi. 787 00:34:26,409 --> 00:34:28,120 En nú horfa á það sem gerist. 788 00:34:28,120 --> 00:34:32,360 >> Ef ég slæ inn í köttum og smell CS50 Leita og láta fara, 789 00:34:32,360 --> 00:34:35,770 taka ég fá whisked burtu raunverulegum Google. 790 00:34:35,770 --> 00:34:38,150 Nú, Google er að vera svolítið pirrandi í því sem þeir eru 791 00:34:38,150 --> 00:34:41,877 auka við viðbótar breytu, ef þú vilt, á slóðina. 792 00:34:41,877 --> 00:34:43,960 Það er allt að gerast sjálfkrafa á Google hlið. 793 00:34:43,960 --> 00:34:48,730 >> The mikilvægur hluti er að ég virðist hafi skilað þessari beiðni hér. 794 00:34:48,730 --> 00:34:50,179 Og reyndar, það er það sem gerist. 795 00:34:50,179 --> 00:34:53,040 Þegar þú hefur HTML sem lítur svona, þetta 796 00:34:53,040 --> 00:34:57,620 er tegund af vefur verktaki merki fyrir að segja, fara á undan og búa til mynd 797 00:34:57,620 --> 00:34:59,990 að þegar það er lagt fram, það er að fara að fara á þessa slóð. 798 00:34:59,990 --> 00:35:03,430 Og þegar URL hefur veitt gildi fyrir hluti eins Q, 799 00:35:03,430 --> 00:35:05,440 ekki fara bara á þessa slóð. 800 00:35:05,440 --> 00:35:08,210 Reyndar er farið í spurningu Mark og þá q = kettir. 801 00:35:08,210 --> 00:35:09,590 802 00:35:09,590 --> 00:35:13,060 Auka við the breytu, sem HTTP breytu svoleiðis. 803 00:35:13,060 --> 00:35:15,590 >> Og bara til að vera frábær nákvæmur, hvað er verið að álykta here-- 804 00:35:15,590 --> 00:35:18,130 en ég ætla að vera meira explicit-- er að aðferðin sem ég vil nota 805 00:35:18,130 --> 00:35:22,270 er að fá, í stað þess að eitthvað eins staða, sem við munum að lokum sjá. 806 00:35:22,270 --> 00:35:27,710 Svo í stuttu máli, einfaldlega með því að skilja HTML og nota sumir nokkuð einfaldar merkingar, 807 00:35:27,710 --> 00:35:30,610 við getum nú byrjað að búa eigin andlit okkar endir notandi 808 00:35:30,610 --> 00:35:32,850 tengi með leit vél á bak við það. 809 00:35:32,850 --> 00:35:34,800 >> En þetta er að sjálfsögðu ansi hideous. 810 00:35:34,800 --> 00:35:37,259 Svo láta mig opna raunverulega upp örlítið betri útgáfa. 811 00:35:37,259 --> 00:35:39,800 Þetta er sá sem ég er gerður í fyrirfram að hefur einhverja athugasemdir. 812 00:35:39,800 --> 00:35:41,900 En þú munt sjá að ég ansi mikið endurskapa það. 813 00:35:41,900 --> 00:35:44,150 Þannig að þetta er nú þegar í boði á netinu. 814 00:35:44,150 --> 00:35:48,050 Og ég kom fyrir preemptively fara til https bara að halda það einfalt. 815 00:35:48,050 --> 00:35:50,610 >> Og nú skulum opna næsta endurtekning af þessu. 816 00:35:50,610 --> 00:35:52,510 Er útgáfa 1 í stað 0. 817 00:35:52,510 --> 00:35:55,315 Hvað stekkur út á þig eins örlítið mismunandi í þessu dæmi? 818 00:35:55,315 --> 00:35:59,480 819 00:35:59,480 --> 00:36:00,440 >> Áhorfendur: [inaudible]. 820 00:36:00,440 --> 00:36:03,020 >> Já, það er þetta texti Miðjustilla. 821 00:36:03,020 --> 00:36:04,590 Þetta er svolítið skrítið upp hér. 822 00:36:04,590 --> 00:36:06,150 En þetta er örugglega ný. 823 00:36:06,150 --> 00:36:07,800 Og kannski giska á hvað er að fara að gerast. 824 00:36:07,800 --> 00:36:11,730 Ef ég fer í vafranum mínum núna og heimsækja leit-1.html, 825 00:36:11,730 --> 00:36:13,090 það er nánast það sama. 826 00:36:13,090 --> 00:36:15,705 En það er skref nær vera svolítið meira falleg. 827 00:36:15,705 --> 00:36:19,150 Það er samt ljótur, en fallegri því amk allt er nú miðju. 828 00:36:19,150 --> 00:36:23,470 >> Svo kemur í ljós að það sem ég ætla að nota er annað mál að öllu leyti kallað 829 00:36:23,470 --> 00:36:25,680 CSS, Cascading Style Sheets. 830 00:36:25,680 --> 00:36:28,310 Og CSS, hreinskilnislega, er góður af, í persónulegum mínu mati, 831 00:36:28,310 --> 00:36:29,775 sem atrociously hannað tungumál. 832 00:36:29,775 --> 00:36:33,110 Það er mjög pirrandi að muna allar hinar ýmsu upplýsingar. 833 00:36:33,110 --> 00:36:38,479 En það er það sem stylizes sem allt um allan heim vefur dag. 834 00:36:38,479 --> 00:36:39,270 Ég móðga einhvern. 835 00:36:39,270 --> 00:36:39,769 Allt í lagi. 836 00:36:39,769 --> 00:36:43,180 Svo skulum við fara aftur hingað og sjá hvernig við erum í raun að nota þetta. 837 00:36:43,180 --> 00:36:45,940 Og það kemur í ljós, að minnsta kosti er það raun frekar einfalt mál. 838 00:36:45,940 --> 00:36:49,470 Það er bara lykill gildi par, eiginleikar og gildi, eiginleikar og gildi. 839 00:36:49,470 --> 00:36:52,080 Reyndar, hér er ein slík eign og verðmæti. 840 00:36:52,080 --> 00:36:55,890 >> Einfaldlega með því að nota stíl eigindi á líkama tag minn 841 00:36:55,890 --> 00:37:00,360 og gefa það a gildi af a orð ristill og annað orð, 842 00:37:00,360 --> 00:37:03,730 eða eign og verðmæti, Ég get haft áhrif á fagurfræði 843 00:37:03,730 --> 00:37:06,210 á vefsíðu, ekki endilega uppbygging enn, 844 00:37:06,210 --> 00:37:07,550 en fagurfræði hennar. 845 00:37:07,550 --> 00:37:10,960 Og bara með Googling kring, átta ég að CSS, Cascading Style Sheets, 846 00:37:10,960 --> 00:37:14,170 styður eign heitir texta-align, ætíð er hægt 847 00:37:14,170 --> 00:37:16,980 vera vinstri, hægri, eða miðju, til dæmis. 848 00:37:16,980 --> 00:37:19,990 >> Svo núna þegar ég endurhlaða síðuna, það sem ég gerði að fá 849 00:37:19,990 --> 00:37:22,730 var miðju síðu, en samt ansi ljót. 850 00:37:22,730 --> 00:37:25,770 Skulum fara á undan og opna upp útgáfu 2 af leit. 851 00:37:25,770 --> 00:37:28,570 Og nú eftir að ég hef gert svolítið meira. 852 00:37:28,570 --> 00:37:33,760 Takið eftir að hér inni í höfðinu tag, þar er hægt að vera meira en titil. 853 00:37:33,760 --> 00:37:35,400 Í staðreynd, there er a stíll tag. 854 00:37:35,400 --> 00:37:38,630 Og þetta er þar sem það fær bara lítið sóðalegur sjón CSS stundum. 855 00:37:38,630 --> 00:37:41,971 >> Takið eftir að ég virðist hafa eitthvað að byggingu lítur mjög öðruvísi. 856 00:37:41,971 --> 00:37:44,095 En hér er nafn merkið sem ég vil stílfærð. 857 00:37:44,095 --> 00:37:47,570 Hér eru gamlir vinir okkar hrokkið axlabönd og lokað hrokkið Brace. 858 00:37:47,570 --> 00:37:50,290 Og þá er hér að eign og verðmæti þess. 859 00:37:50,290 --> 00:37:56,300 >> Ef ég hlaða þessari skrá, search2.html, niðurstaðan er eins. 860 00:37:56,300 --> 00:37:59,300 En það er skref í átt að betri hönnun. 861 00:37:59,300 --> 00:38:04,560 Með þátta þessa CSS, hef ég ekki commingled það með HTML mínum. 862 00:38:04,560 --> 00:38:07,560 Og reyndar, eins og við munum sjá, ég gat endurnýta þessa eiginleika og gildi. 863 00:38:07,560 --> 00:38:10,420 Ef ég vildi gera bunches af hlutar vefsíðu mína miðju, 864 00:38:10,420 --> 00:38:13,630 Ég þarf ekki að slá style = text-align Center um allt. 865 00:38:13,630 --> 00:38:16,580 Ég get sett á einum stað kannski, eins og upp á toppinn. 866 00:38:16,580 --> 00:38:18,210 >> En jafnvel er þetta ekki besta hönnun. 867 00:38:18,210 --> 00:38:21,720 Í raun einn af þeim hlutum sem þú munt læra sem þú eyðir meiri og meiri tíma með 868 00:38:21,720 --> 00:38:25,730 vefur forritun er að því meira sem þú getur modularize hluti og þáttur hlutum út 869 00:38:25,730 --> 00:38:30,610 eins .h skrám láta okkur storkuþátt dót út, eins helpers.c láta okkur þáttur hlutum út 870 00:38:30,610 --> 00:38:31,880 nokkrum psets síðan. 871 00:38:31,880 --> 00:38:34,200 Álíka, gætum við vilja til að ná þessu. 872 00:38:34,200 --> 00:38:37,920 >> Svo taka í útgáfu þrjú search.html ég hef 873 00:38:37,920 --> 00:38:40,610 hreinsa upp höfuð á síðunni og bara setja 874 00:38:40,610 --> 00:38:43,320 í þessu, tengill tag, sem bága við nafni, 875 00:38:43,320 --> 00:38:44,700 ekki gefa þér tengil. 876 00:38:44,700 --> 00:38:49,150 Hún tengist aðra skrá við vegur af sem er href ætíð er í þessu tilfelli, 877 00:38:49,150 --> 00:38:51,586 er leitin-3.css 878 00:38:51,586 --> 00:38:52,960 Svo ég átta sig að við erum að fara fljótlega. 879 00:38:52,960 --> 00:38:54,600 En allt sem ég er að gera er góður að færa hlutina í kring. 880 00:38:54,600 --> 00:38:55,760 Leyfðu mér að opna leit-3.css. 881 00:38:55,760 --> 00:38:57,114 882 00:38:57,114 --> 00:38:58,530 Þar er ekkert í raun til þess. 883 00:38:58,530 --> 00:39:02,270 Ég afrita bara og líma það inn í nýjan skrá, mikið eins og við þáttur dót út 884 00:39:02,270 --> 00:39:03,509 í öðrum skrám áður. 885 00:39:03,509 --> 00:39:05,300 Og result-- alveg underwhelming-- 886 00:39:05,300 --> 00:39:06,730 er að fara að vera nákvæmlega sú sama. 887 00:39:06,730 --> 00:39:10,490 En við erum að flytja toward-- nei, það er ekki. 888 00:39:10,490 --> 00:39:11,930 Oh, ég veit af hverju. 889 00:39:11,930 --> 00:39:13,790 >> Svo virðist vera galla. 890 00:39:13,790 --> 00:39:15,010 Og það er í einhverjum skilningi. 891 00:39:15,010 --> 00:39:17,730 En láta mig opna flipann Network mína. 892 00:39:17,730 --> 00:39:19,660 Leyfðu mér að endurhlaða síðunni. 893 00:39:19,660 --> 00:39:23,315 Æ, hvers vegna er CSS ekki verið beitt? 894 00:39:23,315 --> 00:39:26,920 Vel, CSS skrá, álíka hefur að vera heimur læsileg, svo að segja. 895 00:39:26,920 --> 00:39:28,440 Og það líka er nú bannað. 896 00:39:28,440 --> 00:39:33,760 Svo láta mig gera chmod a + r Star punktur CSS-- whoops-- 897 00:39:33,760 --> 00:39:37,067 við erum punktur CSS er bara skrá eftirnafn fyrir CSS skrár. 898 00:39:37,067 --> 00:39:38,900 Nú láta mig fara aftur til vafrinn minn og endurhlaða. 899 00:39:38,900 --> 00:39:40,910 OK, smá betri. 900 00:39:40,910 --> 00:39:42,282 >> Nú láta mig gera eitt síðasta hlutur. 901 00:39:42,282 --> 00:39:42,990 Í leit-4.html. 902 00:39:42,990 --> 00:39:44,550 903 00:39:44,550 --> 00:39:48,220 Ég er með útgáfu sem ég hélt bara var vegur kaldari vísu vegur meira 904 00:39:48,220 --> 00:39:48,980 flókið. 905 00:39:48,980 --> 00:39:50,690 Við skulum líta á niðurstöðuna fyrst. 906 00:39:50,690 --> 00:39:52,290 Loka þessu að gefa okkur meira pláss. 907 00:39:52,290 --> 00:39:54,275 Breytt þessu til að leita-4, Enter. 908 00:39:54,275 --> 00:39:55,430 909 00:39:55,430 --> 00:39:57,200 >> Og nú fullt af hlutum eru brotin. 910 00:39:57,200 --> 00:39:59,910 Ég ætla að fara aftur í skrá minn hér. 911 00:39:59,910 --> 00:40:04,190 Og núna er ég bara að fara að gera a chmod af a + r á file-- 912 00:40:04,190 --> 00:40:07,450 vegna þess að ég veit að það exists-- kallað logo.gif, sem er mynd. 913 00:40:07,450 --> 00:40:08,590 Og nú endurhlaða. 914 00:40:08,590 --> 00:40:11,040 Og wow-- svo núna er ég frekar nálægt, hreinskilnislega, 915 00:40:11,040 --> 00:40:15,860 til eins og 1999 útgáfa af Google, og Frankly, 2014 útgáfa af Google, 916 00:40:15,860 --> 00:40:16,360 ekki satt? 917 00:40:16,360 --> 00:40:21,920 >> Svo það er nú að fara til þeirra website, Á endanum, ef ég leita að ketti. 918 00:40:21,920 --> 00:40:23,900 Og reyndar er það. 919 00:40:23,900 --> 00:40:26,410 En hvað gerði ég öðruvísi í þessari útgáfu 4? 920 00:40:26,410 --> 00:40:28,020 Þannig að við munum ekki búa of mikið á það hér. 921 00:40:28,020 --> 00:40:30,100 Þú munt sjá þetta í vandamál setja sjö endanum. 922 00:40:30,100 --> 00:40:31,350 En taka ég gerði nokkra hluti. 923 00:40:31,350 --> 00:40:33,690 >> Ég kynnti div tag, sem er deildarstjóri, 924 00:40:33,690 --> 00:40:35,450 svipuð í anda við efnisgreinaskipun. 925 00:40:35,450 --> 00:40:38,220 En deild er bara eins, hér er rétthyrnd ósýnilega svæði 926 00:40:38,220 --> 00:40:39,150 af skjánum. 927 00:40:39,150 --> 00:40:41,680 Við skulum gefa það einstakt auðkenni, fótur, bara 928 00:40:41,680 --> 00:40:44,700 svo að við getum talað um það í HTML okkar annars staðar. 929 00:40:44,700 --> 00:40:47,952 Hér er annað div á síðunni Hvers ID er að fara að vera efni. 930 00:40:47,952 --> 00:40:49,160 Það er efni á síðunni. 931 00:40:49,160 --> 00:40:51,090 Og hér er haus á síðunni. 932 00:40:51,090 --> 00:40:54,960 >> Með öðrum orðum, hef ég meginatriðum í HTML am andlega 933 00:40:54,960 --> 00:40:57,700 skoða þessa vefsíðu sem þrír þættir, a haus 934 00:40:57,700 --> 00:41:01,200 upp hér við þessa ósýnilega rétthyrningur, efni í miðjunni, og þá 935 00:41:01,200 --> 00:41:04,800 síðufótinn niður neðan, jafnvel þó að við sjáum ekki þá hluti. 936 00:41:04,800 --> 00:41:09,940 Vegna þess að ég vil í höfðinu mínu síðu hér, eða í .css skrá, 937 00:41:09,940 --> 00:41:11,460 Ég get notað þetta setningafræði. 938 00:41:11,460 --> 00:41:13,070 >> Header er ekki tag. 939 00:41:13,070 --> 00:41:17,060 Það er ID svo það snýr út að með því að gera #header, 940 00:41:17,060 --> 00:41:20,840 Ég get nú sótt eitt eða fleiri eiginleikar við hausinn. 941 00:41:20,840 --> 00:41:24,130 Ég get gert það sama efni, sama fyrir efni sem hér er. 942 00:41:24,130 --> 00:41:27,230 >> Svo til dæmis, í fót, fyrirvara allar þessar eignir sem ég ætla að bæta. 943 00:41:27,230 --> 00:41:30,660 Og ég veit að þeir eru bara með því að lesa upp á heimildasöfnun fyrir CSS. 944 00:41:30,660 --> 00:41:33,450 Leturstærð er að fara til vera smaller-- svo sumir font size. 945 00:41:33,450 --> 00:41:34,741 Þyngd er að fara að vera djörf. 946 00:41:34,741 --> 00:41:37,340 Margin-- hversu margir punktar kring er it-- 20 punktar. 947 00:41:37,340 --> 00:41:38,590 Og það er að fara að vera fyrir miðju. 948 00:41:38,590 --> 00:41:40,256 >> En núna, síðan lítur svona út. 949 00:41:40,256 --> 00:41:42,840 Ef ég er ekki ánægð með mitt eintak rétt þar, 950 00:41:42,840 --> 00:41:46,560 Ég gæti gert eitthvað eins rauða litinn. 951 00:41:46,560 --> 00:41:50,570 Og þá get ég vistað þetta, endurhleður og nú er ég hef stílfærð footer. 952 00:41:50,570 --> 00:41:54,130 Þannig að þetta er bara vísbending á vald um hvað þú getur gert í vefsíðu 953 00:41:54,130 --> 00:41:55,510 að breyta gangi leiksins. 954 00:41:55,510 --> 00:41:59,080 >> Og jafnvel kælir en þetta, ef þú vilt að pota í kring með raunverulegum vefsíður, 955 00:41:59,080 --> 00:42:00,810 þú getur ekki varanlega breyta þeim. 956 00:42:00,810 --> 00:42:03,640 En ef ég opna Inspector Króm aftur 957 00:42:03,640 --> 00:42:07,610 og ég fer ekki til vinstri hönd hlið hér, sem sýnir HTML Facebook, 958 00:42:07,610 --> 00:42:11,380 en sýnir á hægri hönd hlið öllum CSS þess, 959 00:42:11,380 --> 00:42:13,789 þú getur annaðhvort og breyta hlutum á flugu. 960 00:42:13,789 --> 00:42:15,080 Svo láta mig fara á undan og gera þetta. 961 00:42:15,080 --> 00:42:18,670 >> Leyfðu mér að fara á undan og stjórn smelltu á þennan handahófi orð hér, 962 00:42:18,670 --> 00:42:21,230 undirrita og smelltu Skoðið frumefni. 963 00:42:21,230 --> 00:42:25,130 Chrome stökk mjög þægilegur til H1 tag sem Facebook er að nota. 964 00:42:25,130 --> 00:42:27,290 Og taka eftir hér Facebook hefur konar lazily 965 00:42:27,290 --> 00:42:29,960 harður dulmáli leturstærð sem eign hér. 966 00:42:29,960 --> 00:42:33,530 >> Svo kaldur hlutur er þó að ef ég fer reyndar í hér 967 00:42:33,530 --> 00:42:39,560 og segja, ó, Facebook, mér líkar ekki það 64. dílar, getum við nú að breyta Facebook. 968 00:42:39,560 --> 00:42:42,590 Auðvitað erum við aðeins að breyta henni fyrir mig persónulega í augnablikinu. 969 00:42:42,590 --> 00:42:45,150 En þetta er bara annar tól í verkfærasett okkar 970 00:42:45,150 --> 00:42:48,360 það er að fara að leyfa okkur að fínstilla og reikna út og einnig greina 971 00:42:48,360 --> 00:42:49,729 málefni í okkar eigin vefsíðum. 972 00:42:49,729 --> 00:42:52,270 Og við gætum á sama hátt farið yfir hér, sem er það sama. 973 00:42:52,270 --> 00:42:55,830 Ef þú vilt virkilega að fá ímynda sér, ég meina, nú að þú getur raunverulega stökkbreyst síðuna 974 00:42:55,830 --> 00:42:57,380 og gera brjálaður hlutina. 975 00:42:57,380 --> 00:42:59,870 >> Svo hvers vegna er þetta allt að gagni? 976 00:42:59,870 --> 00:43:02,330 Jæja, að lokum, við erum fara til að vilja vera 977 00:43:02,330 --> 00:43:07,110 fær um að búa til vefsíður sem eru knúin áfram af eigin baki okkar endar, 978 00:43:07,110 --> 00:43:10,520 ekki bara með því að Google og útvistun bak endir þar. 979 00:43:10,520 --> 00:43:13,510 Við viljum í raun og veru að gildi, til dæmis, 980 00:43:13,510 --> 00:43:18,830 aðgerða leitarvélarinnar okkar eigindi til að fara ekki til einhvers annars, 981 00:43:18,830 --> 00:43:24,270 en að eitthvað eins search.php, þar search.php er á eigin miðlara okkar, 982 00:43:24,270 --> 00:43:25,670 ekki á einhver annars. 983 00:43:25,670 --> 00:43:30,316 >> Og svo til að fá það, við í raun þarf að kynna nýtt tungumál. 984 00:43:30,316 --> 00:43:33,190 Þannig að við höfum nú þegar litið á eitt nýtt tungumál hér, eða tveir í raun, HTML 985 00:43:33,190 --> 00:43:33,700 og CSS. 986 00:43:33,700 --> 00:43:36,330 En þeir eru í raun bara uppbyggingu og fagurfræðilegu tungumálum. 987 00:43:36,330 --> 00:43:38,360 Þeir eru ekki að forritun tungumál í sjálfu sér. 988 00:43:38,360 --> 00:43:41,160 Og það er um eins mikið formleg tíma sem við munum eyða þeim. 989 00:43:41,160 --> 00:43:44,910 Þar sem við munum byrja núna að umskipti á PHP. 990 00:43:44,910 --> 00:43:48,160 >> Svo er PHP raunverulegur forritunarmál. 991 00:43:48,160 --> 00:43:50,750 Það er a forskriftarþarfir tungumál í þeim skilningi að það er 992 00:43:50,750 --> 00:43:52,855 ætlað að vera léttari þyngd en eitthvað eins C. 993 00:43:52,855 --> 00:43:56,082 Og það er túlkað tungumál, sem þýðir að það er ekki unnin. 994 00:43:56,082 --> 00:43:58,790 Svo í hnotskurn, hvað gerði það þýtt þegar við notuðum tungumál eins og C 995 00:43:58,790 --> 00:44:00,290 og við þurftum að taka saman það? 996 00:44:00,290 --> 00:44:02,120 Hvað þýðir það að þýða C kóðann? 997 00:44:02,120 --> 00:44:03,864 998 00:44:03,864 --> 00:44:04,780 Áhorfendur: [inaudible]. 999 00:44:04,780 --> 00:44:06,184 DAVID J MALAN: Segja það aftur? 1000 00:44:06,184 --> 00:44:07,100 Áhorfendur: [inaudible]. 1001 00:44:07,100 --> 00:44:07,962 1002 00:44:07,962 --> 00:44:08,920 DAVID J MALAN: Perfect. 1003 00:44:08,920 --> 00:44:10,180 Það kemur því í tvöfaldur. 1004 00:44:10,180 --> 00:44:14,200 Það kemur því í zeroes og sjálfur frá raunverulegum English-Source kóða. 1005 00:44:14,200 --> 00:44:16,424 Og þá getum við í raun keyra þær zeroes og sjálfur 1006 00:44:16,424 --> 00:44:18,840 því komið þeim í gegnum CPU með því að tvísmella tákn 1007 00:44:18,840 --> 00:44:19,980 eða keyra skipunina. 1008 00:44:19,980 --> 00:44:23,770 >> PHP og Python og Ruby og Perl og JavaScript 1009 00:44:23,770 --> 00:44:26,250 og bunches af öðrum tungumál eru túlkuð 1010 00:44:26,250 --> 00:44:29,290 tungumál, sem er að segja þú saman ekki. 1011 00:44:29,290 --> 00:44:34,220 Frekar, fæða þig þá sem innlegg forrit sem heitir túlk. 1012 00:44:34,220 --> 00:44:36,640 Og það túlkur, sem einhver annar skrifaði, 1013 00:44:36,640 --> 00:44:40,930 les fengið kóðann þinn toppur til botn, vinstri til hægri og aðeins túlkar 1014 00:44:40,930 --> 00:44:43,000 þeim línum og gerir það sem þú segir. 1015 00:44:43,000 --> 00:44:45,360 >> Svo ef þú lendir a lína sem segir prenta, 1016 00:44:45,360 --> 00:44:48,660 það er ekki endilega umbreyta prenta við samsvarandi núllum og sjálfur. 1017 00:44:48,660 --> 00:44:51,910 Það hefur bara þessa túlk eins stór ef ástand sem segir, 1018 00:44:51,910 --> 00:44:56,110 Ef kennsla forritari er prenta, gera þá eftirfarandi. 1019 00:44:56,110 --> 00:44:58,170 Svo það túlkar það bara með konar röksemdafærslu 1020 00:44:58,170 --> 00:44:59,800 gegnum það sem þú ert að segja það að gera. 1021 00:44:59,800 --> 00:45:01,320 >> Og PHP er einn af þessum tungumálum. 1022 00:45:01,320 --> 00:45:05,310 Og PHP árum var hannað einmitt fyrir forritun vefnum. 1023 00:45:05,310 --> 00:45:08,160 Og það var upphaflega mjög sloppy sóðalegur tungumál. 1024 00:45:08,160 --> 00:45:10,940 Og reyndar, það er a gríðarstór magn af slæmur PHP kóða þarna úti. 1025 00:45:10,940 --> 00:45:13,520 En tungumálið sjálft hefur þroskast í gegnum árin, 1026 00:45:13,520 --> 00:45:16,200 svo mikið svo að nú er það raun yndislegt næsta skref 1027 00:45:16,200 --> 00:45:19,970 pedagogically úr C því það er svo darned kunnugleg allt 1028 00:45:19,970 --> 00:45:22,380 þú hefur bara séð á undanförnum vikum. 1029 00:45:22,380 --> 00:45:25,724 >> Sá Upphafleg munur við munum sjá er að það er engin Helsta hlutverk lengur. 1030 00:45:25,724 --> 00:45:28,890 Þegar þú byrjar að skrifa kóðann, það er bara fara að fá fram sama hvað, 1031 00:45:28,890 --> 00:45:30,220 eins og við munum sjá í smá stund. 1032 00:45:30,220 --> 00:45:33,320 Meðan, hér er það a breytu lítur eins og í PHP. 1033 00:45:33,320 --> 00:45:35,840 Það er svolítið öðruvísi, en aðeins varla. 1034 00:45:35,840 --> 00:45:39,380 >> Í PHP, það er ekki sterkt vélritun. 1035 00:45:39,380 --> 00:45:41,430 There er viku Vélritun, sem bara þýðir að það 1036 00:45:41,430 --> 00:45:44,030 eru gögn tegundir eins strengi og tölur og annað. 1037 00:45:44,030 --> 00:45:47,030 En þú nennir ekki að tilgreina hvað þeir eru lengur. 1038 00:45:47,030 --> 00:45:48,980 PHP tölum út fyrir þig. 1039 00:45:48,980 --> 00:45:52,030 The dollari skilti er bara ákvörðun að PHP fólk með ára 1040 00:45:52,030 --> 00:45:54,890 síðan þannig að allir breytu í PHP bara byrjar með dollaramerki. 1041 00:45:54,890 --> 00:45:58,130 Það er í raun eins konar gagnleg í að það stekkur út á þig smá meira. 1042 00:45:58,130 --> 00:46:01,315 >> En eftir það, þetta er ástand í PHP. 1043 00:46:01,315 --> 00:46:03,140 1044 00:46:03,140 --> 00:46:04,730 Hvað er öðruvísi móti C? 1045 00:46:04,730 --> 00:46:07,180 1046 00:46:07,180 --> 00:46:09,600 Bragð question-- ekkert, sem er reyndar mjög gott. 1047 00:46:09,600 --> 00:46:12,140 Boolean tjáning í PHP-- sama. 1048 00:46:12,140 --> 00:46:19,354 Boolean tjáning með og móti eða, rofar, lykkjur, lykkjur, loops-- OK, 1049 00:46:19,354 --> 00:46:20,270 þetta er öðruvísi. 1050 00:46:20,270 --> 00:46:22,660 >> Svo kemur í ljós að það er a par af öðrum aðgerðum í PHP. 1051 00:46:22,660 --> 00:46:25,243 Einn af þeim er í raun þetta, sem er frábærlega þægilegur. 1052 00:46:25,243 --> 00:46:29,250 Ef $ tölur er array að þú hafir lýst áður í forriti, 1053 00:46:29,250 --> 00:46:33,350 þú hefur þetta ímynda fyrir hvert reisa að í stað þess að gera allt sem 1054 00:46:33,350 --> 00:46:37,020 pirrandi I er 0, ég er minna en þetta, [? Ég ++?] 1055 00:46:37,020 --> 00:46:40,320 fyrir hvert númer sem fjölda, þar sem hver af þeim skilti dollara gildi er bara 1056 00:46:40,320 --> 00:46:42,790 breytu, og seinni þú getur hugsað sem I. 1057 00:46:42,790 --> 00:46:44,290 Þú gætir kalla það hvað sem þú vilt. 1058 00:46:44,290 --> 00:46:45,770 Ég kallaði hana tala. 1059 00:46:45,770 --> 00:46:48,825 Þetta er að fara að iterate yfir array heitir númer. 1060 00:46:48,825 --> 00:46:51,200 Og á hverjum endurtekning, það er fara sjálfkrafa uppfæra 1061 00:46:51,200 --> 00:46:54,340 fyrir þig dollaramerki tala breytu svo að þú stöðugt 1062 00:46:54,340 --> 00:46:58,210 hafa aðgang að breytu sem þú vilt án þess að þurfa að gera allir hornklofi 1063 00:46:58,210 --> 00:47:00,980 Rithátturinn eða flokkun í fylkinu. 1064 00:47:00,980 --> 00:47:04,950 >> Umfram það, höfum við jafnvel hluti eins fylki, sem líta næstum því sama, 1065 00:47:04,950 --> 00:47:08,210 nema það er mjög algengt, sem við munum sjá, bæði í PHP og Javascript 1066 00:47:08,210 --> 00:47:10,750 til pre frumstilla fylki nota hornklofa. 1067 00:47:10,750 --> 00:47:12,040 C notar hrokkið axlabönd. 1068 00:47:12,040 --> 00:47:15,330 Svo það er örlítið öðruvísi, jafnvel þótt við vissum ekki raunverulega nota þessi bragð mikið. 1069 00:47:15,330 --> 00:47:20,090 >> En jafnvel meira kröftuglega, PHP hefur tengin fylki, 1070 00:47:20,090 --> 00:47:23,100 sem er fínt leið segja kjötkássa matskeið. 1071 00:47:23,100 --> 00:47:31,610 Í staðreynd, ef þú vilt að lýsa yfir kjötkássa borð í PHP, ólíkt í C-- hversu margir 1072 00:47:31,610 --> 00:47:34,775 línur af kóða var það tekið til raun innleiða kjötkássa borð í C? 1073 00:47:34,775 --> 00:47:38,310 Eða hversu margar línur af kóða er það taka að innleiða kjötkássa borð í C? 1074 00:47:38,310 --> 00:47:39,820 Svo það er líklega mikið, ekki satt? 1075 00:47:39,820 --> 00:47:41,680 Það er nokkrum tugum, kannski 100 eða 200. 1076 00:47:41,680 --> 00:47:42,980 Það er nontrivial. 1077 00:47:42,980 --> 00:47:45,420 Eða það er um að vera, eins og þú munt fljótlega sjá, nontrivial 1078 00:47:45,420 --> 00:47:48,080 að innleiða kjötkássa borð [Inaudible] og einnig að reyna. 1079 00:47:48,080 --> 00:47:50,580 En í PHP-- og hreinskilnislega, ég sennilega ætti ekki að segja þér þetta 1080 00:47:50,580 --> 00:47:53,630 þar Monday-- í PHP, ef þú vilt borð, gert. 1081 00:47:53,630 --> 00:47:56,431 Það er a kjötkássa table-- svo með einni línu af kóða. 1082 00:47:56,431 --> 00:47:56,930 Og 1083 00:47:56,930 --> 00:47:58,810 >> A einhver fjöldi af tungumálum gera það. 1084 00:47:58,810 --> 00:48:00,190 Hafa gaman með pset fimm. 1085 00:48:00,190 --> 00:48:01,980 Svo mikið af tungumálum gera þetta. 1086 00:48:01,980 --> 00:48:03,050 1087 00:48:03,050 --> 00:48:06,140 Þeir gefa þér þessar abstraktmyndir að annað fólk, önnur forritari, 1088 00:48:06,140 --> 00:48:09,870 hafa búið til fyrir þig svo að þú getur staðið á herðum þeirra 1089 00:48:09,870 --> 00:48:13,290 og byrja að nota hugmyndir sem eru frábær sannfærandi, eins kjötkássa matskeið og tré 1090 00:48:13,290 --> 00:48:14,140 og reynir. 1091 00:48:14,140 --> 00:48:17,790 En þú þarft ekki endilega að innleiða þá hluti sjálfur. 1092 00:48:17,790 --> 00:48:20,850 >> Og svo að lokum, hvað við erum að fara að nota PHP til að 1093 00:48:20,850 --> 00:48:23,580 er hugsanlega að skrifa forrit af svokölluðu stjórn lína. 1094 00:48:23,580 --> 00:48:26,600 Við gætum endurskapað hvert forrit við höfum skrifað þessa önn svona langt, 1095 00:48:26,600 --> 00:48:30,410 nema kannski Brot sem notar kerbrotum, sem er sérstaklega við C í augnablikinu. 1096 00:48:30,410 --> 00:48:33,100 En annan hvern Heimadæmi, vissulega Mario og Caesar 1097 00:48:33,100 --> 00:48:35,300 og Vigenere og [? Sprunga?] Og áfram, Við 1098 00:48:35,300 --> 00:48:39,520 gæti aftur innleiða í PHP, og líklega aðeins auðveldara. 1099 00:48:39,520 --> 00:48:43,050 >> En hvað við erum að lokum fara að nota PHP til að er vefur forritun. 1100 00:48:43,050 --> 00:48:46,420 Og við erum að fara að kynna næstu viku andlegt líkan, fyrirmynd sem kallast 1101 00:48:46,420 --> 00:48:49,610 MVC, líkan skoða stjórnandi, sem ef þú hefur gert forritun 1102 00:48:49,610 --> 00:48:51,610 áður í Python eða Ruby eða annars staðar, þú 1103 00:48:51,610 --> 00:48:54,112 gæti vita af þessu liði með Teinum og Django og þess háttar. 1104 00:48:54,112 --> 00:48:55,820 En ef þú ert nýr til þetta líka, sérðu 1105 00:48:55,820 --> 00:48:59,652 að þetta er í raun mjög eðlilegt framhald af þáttun 1106 00:48:59,652 --> 00:49:01,360 og tegund af hönnun af kóða sem við höfum 1107 00:49:01,360 --> 00:49:04,670 verið að gera í C. Við erum að fara til nú beita sumir af þeim lærdóm til PHP 1108 00:49:04,670 --> 00:49:07,190 svo að lokum, við erum framkvæmd eigin vefsíður okkar. 1109 00:49:07,190 --> 00:49:09,080 Og ef þú ert eins konar mesmerized eða undrandi 1110 00:49:09,080 --> 00:49:10,954 að við erum að fara að gera allt af svo fljótt, 1111 00:49:10,954 --> 00:49:13,410 átta sig á því nánast á hverjum önn, næstum 90% 1112 00:49:13,410 --> 00:49:16,560 nemenda CS50, þ.mt þær sem hafa aldrei forritað áður, 1113 00:49:16,560 --> 00:49:20,329 enda á því að gera lokaverkefni sem eru byggðar á vefnum forritun. 1114 00:49:20,329 --> 00:49:23,120 Og svo þú munt sjá að arðsemi eru hátt í næstu vikur. 1115 00:49:23,120 --> 00:49:24,965 Þannig að við munum sjá þig þá á mánudaginn. 1116 00:49:24,965 --> 00:49:27,260 1117 00:49:27,260 --> 00:49:30,120 >> Ræðumaður 1: Og nú, Deep Hugsun eftir Daven Farnham. 1118 00:49:30,120 --> 00:49:34,055 1119 00:49:34,055 --> 00:49:34,780 Kjötkássa matskeið. 1120 00:49:34,780 --> 00:49:37,180 1121 00:49:37,180 --> 00:49:38,402 >> [Hlátur] 1122 00:49:38,402 --> 00:49:38,902