1 00:00:00,000 --> 00:00:03,486 >> [Musiikkia] 2 00:00:03,486 --> 00:00:10,460 3 00:00:10,460 --> 00:00:14,250 >> DAVID J MALAN: Tﺣ۳mﺣ۳ on CS50 ja tﺣ۳mﺣ۳ on alku viikolla 7. 4 00:00:14,250 --> 00:00:15,060 Joten tervetuloa takaisin. 5 00:00:15,060 --> 00:00:17,540 Ja ehkﺣ۳ muistatte, ettﺣ۳ ongelmatilanteissa asettanut neljﺣ۳, 6 00:00:17,540 --> 00:00:21,510 oli hieman raadonsyﺣﭘjﺣ۳ metsﺣ۳stﺣ۳ﺣ۳ joidenkin mahtavia palkintoja jolloin 7 00:00:21,510 --> 00:00:24,219 jﺣ۳lkeen voit palauttaa kuvia henkilﺣﭘkunta sekﺣ۳ tﺣ۳ﺣ۳llﺣ۳ ettﺣ۳ New Haven, 8 00:00:24,219 --> 00:00:27,468 olit haastoi lﺣﭘytﺣ۳ﺣ۳ niin monta ne tietotekniikan tutkijoita kuin voit. 9 00:00:27,468 --> 00:00:29,550 Ja meillﺣ۳ koko nippu huomautuksia. 10 00:00:29,550 --> 00:00:31,930 Ajattelin jakaa muutaman kanssanne tﺣ۳ﺣ۳llﺣ۳ tﺣ۳nﺣ۳ﺣ۳n. 11 00:00:31,930 --> 00:00:35,100 >> Ja me post kaikki nﺣ۳istﺣ۳ online. 12 00:00:35,100 --> 00:00:39,310 Mutta erityisesti, halusin kiinnittﺣ۳ﺣ۳ huomiota to-- hyvin yksi, 13 00:00:39,310 --> 00:00:42,670 Sam oli melkoisesti niistﺣ۳ yleensﺣ۳ poseeraa kuin tﺣ۳mﺣ۳. 14 00:00:42,670 --> 00:00:45,750 Mutta nﺣ۳yttﺣ۳ﺣ۳ siltﺣ۳, ﻗ€‹ﻗ€‹ettﺣ۳ vuodesta tﺣ۳nﺣ۳ aamuna, voittaja 15 00:00:45,750 --> 00:00:51,170 oli tietty joku nimeltﺣ۳ Ken kanssa 24 henkilﺣﭘstﺣﭘn kaapattu kamera 16 00:00:51,170 --> 00:00:54,600 tai muutama enemmﺣ۳n, kun otetaan tilin useita henkilﺣﭘstﺣﭘn kuvia. 17 00:00:54,600 --> 00:00:58,300 Kuvassa Ken seuraava Mary New Haven. 18 00:00:58,300 --> 00:01:01,300 >> Nyt, Ken, vaikka, muuttuu out on hieman kulma tapaus 19 00:01:01,300 --> 00:01:02,880 ettﺣ۳ ei ole vielﺣ۳ tapahtunut ennen. 20 00:01:02,880 --> 00:01:05,713 On kﺣ۳ynyt ilmi, ettﺣ۳ se ei tapahtunut minulle laittaa pikkuprﺣ۳ntin ongelmatilanteissa 21 00:01:05,713 --> 00:01:09,710 asettanut neljﺣ۳ joka sanoo, ettﺣ۳ henkilﺣﭘstﺣﭘ ovat voida myﺣﭘntﺣ۳ﺣ۳ mahtavia palkintoja 22 00:01:09,710 --> 00:01:13,130 koska Ken on tietenkin yksi valokuvaajat meidﺣ۳n henkilﺣﭘkunta. 23 00:01:13,130 --> 00:01:16,820 Nyt, ettﺣ۳ sanoi, hﺣ۳n alunperin kirjoitti minulle sanoa 24 00:01:16,820 --> 00:01:19,180 ﺣ۳lﺣ۳ lﺣ۳hetﺣ۳ nﺣ۳itﺣ۳ kuvia verkossa. 25 00:01:19,180 --> 00:01:21,630 Mielestﺣ۳ni suuri osa koska useimmat kuvat 26 00:01:21,630 --> 00:01:24,499 ettﺣ۳ Valokuvaajan otti nﺣ۳yttﺣ۳ﺣ۳ vﺣ۳hﺣ۳n jotain tﺣ۳llaista. 27 00:01:24,499 --> 00:01:25,040 Ja vastaavat. 28 00:01:25,040 --> 00:01:28,990 >> Mutta Ken haluaisi minun vakuuttaa sinulle ettﺣ۳ hﺣ۳n on erittﺣ۳in hyvﺣ۳ valokuvaaja, 29 00:01:28,990 --> 00:01:33,190 hﺣ۳n on ammattilainen, hﺣ۳n ottaa kuvia, jotka eivﺣ۳t ole epﺣ۳selvﺣ۳, 30 00:01:33,190 --> 00:01:37,270 jotka ovat paremmin keskittyﺣ۳, ja hﺣ۳n otti melkoisesti oman henkilﺣﭘkunnan. 31 00:01:37,270 --> 00:01:40,370 Mutta sen sijaan vain tunnustaa Ken, mitﺣ۳ ajattelimme tehdﺣ۳ 32 00:01:40,370 --> 00:01:43,390 on kﺣ۳ydﺣ۳ lﺣ۳pi luettelon todellinen opiskelijat, jotka ovat jﺣ۳ttﺣ۳neet. 33 00:01:43,390 --> 00:01:48,640 Ja kﺣ۳y ilmi, ettﺣ۳ Lance kanssa 15 kuvia tﺣ۳stﺣ۳ aamusta 34 00:01:48,640 --> 00:01:50,030 oli meidﺣ۳n voittaja. 35 00:01:50,030 --> 00:01:55,730 >> Ja Kuvassa on Lance kanssa Colton, kanssa Skaz, itseni kanssa, ja Samin kanssa. 36 00:01:55,730 --> 00:02:00,230 Mutta sitten kﺣ۳y ilmi, ettﺣ۳ vuodesta 11:46, joten vain vﺣ۳hﺣ۳n sitten, 37 00:02:00,230 --> 00:02:04,380 Menin takaisin minun email ja lﺣﭘytyi ettﺣ۳ meillﺣ۳ oli vielﺣ۳ yksi jﺣ۳ttﺣ۳misestﺣ۳ 38 00:02:04,380 --> 00:02:08,300 jonka opiskelija nimeltﺣ۳ Bonnie jonka sﺣ۳hkﺣﭘpostien sanoi vain tﺣ۳mﺣ۳. 39 00:02:08,300 --> 00:02:10,800 Aio valehdella, olen Nﺣ۳in tunnilla. 40 00:02:10,800 --> 00:02:17,620 Ja sitten vielﺣ۳ liittﺣ۳ﺣ۳ vain 14 kuvaa, yksi ujo Lance n 15. 41 00:02:17,620 --> 00:02:22,690 >> Mutta Bonnie n valokuvia, se kﺣ۳ﺣ۳ntyy out oli useita henkilﺣﭘkunnan jﺣ۳seniﺣ۳, Sam 42 00:02:22,690 --> 00:02:25,960 heidﺣ۳n joukossaan, joten mitﺣ۳ luulimme tekisi on tunnustaa molemmat. 43 00:02:25,960 --> 00:02:29,240 Joten lisﺣ۳ksi saada Dropbox tilaa, ettﺣ۳ jokainen, joka osallistui 44 00:02:29,240 --> 00:02:33,900 vastaanottaa, nﺣ۳mﺣ۳ kaksi osaa tulee myﺣﭘs saada mukava katettu lounas heille 45 00:02:33,900 --> 00:02:36,100 ja niiden jakso Mates tulevalla viikolla. 46 00:02:36,100 --> 00:02:38,970 Ja niin kuulet meiltﺣ۳, Lance ja Bonnie, siitﺣ۳. 47 00:02:38,970 --> 00:02:40,002 Niin iso onnittelut heille. 48 00:02:40,002 --> 00:02:42,210 Nyt ne teistﺣ۳, jotka olisi kuten lounas yleisemmin 49 00:02:42,210 --> 00:02:45,320 tietﺣ۳ﺣ۳, ettﺣ۳ CS50 lounas Cambridge ja New Haven on perjantaina. 50 00:02:45,320 --> 00:02:48,510 Siirry CS50 verkkosivuilla slash RSVP. 51 00:02:48,510 --> 00:02:49,800 Ja nyt sana seminaareista. 52 00:02:49,800 --> 00:02:50,730 Lisﺣ۳ﺣ۳ curricularly. 53 00:02:50,730 --> 00:02:52,490 Joten olemme lﺣ۳hestymﺣ۳ssﺣ۳ kohta lukukauden 54 00:02:52,490 --> 00:02:55,200 jos sinun pitﺣ۳isi aloittaa ajatellut lopullinen hankkeita. 55 00:02:55,200 --> 00:02:59,309 Ja itse asiassa vain vﺣ۳hﺣ۳n, tulee niin kutsuttua pre ehdotuksia johtua. 56 00:02:59,309 --> 00:03:01,850 Joten ennen ehdotusten tarkoitus olla melko vﺣ۳hﺣ۳inen vaikutus ja todella 57 00:03:01,850 --> 00:03:04,109 vain mahdollisuus voit kirjoittaa lyhyen viestin 58 00:03:04,109 --> 00:03:06,900 opetukseesi mies voi tuntea hﺣ۳nelle mitﺣ۳ olet ajatellut sinua 59 00:03:06,900 --> 00:03:09,140 kannattaa tehdﺣ۳ oman opinnﺣ۳ytetyﺣﭘn. 60 00:03:09,140 --> 00:03:11,730 >> Nyt monet opiskelijat pﺣ۳ﺣ۳tyvﺣ۳t tekee web-pohjainen opinnﺣ۳ytetﺣﭘiden. 61 00:03:11,730 --> 00:03:13,800 Ja tietysti olemme vain nyt viime viikolla tﺣ۳ssﺣ۳ 62 00:03:13,800 --> 00:03:15,890 ja sen jﺣ۳lkeen sukeltamalla web ohjelmointi. 63 00:03:15,890 --> 00:03:18,200 Joten ei hﺣ۳tﺣ۳ﺣ۳, jos ei ole aavistustakaan siitﺣ۳, miten 64 00:03:18,200 --> 00:03:21,594 voisitte rakentaa ajatuksia saatat olla mielessﺣ۳si. 65 00:03:21,594 --> 00:03:24,510 Tﺣ۳mﺣ۳ on oikeastaan ﻗ€‹ﻗ€‹vain pakottaa toiminto saada sinut ajattelua ja puhuminen 66 00:03:24,510 --> 00:03:25,650 kanssa TF siitﺣ۳. 67 00:03:25,650 --> 00:03:28,810 Mutta auttaa sinua siinﺣ۳, ja lopullinen hankkeiden lopulta, 68 00:03:28,810 --> 00:03:31,750 tietﺣ۳vﺣ۳t, ettﺣ۳ CS50 on perinne tarjota seminaareja. 69 00:03:31,750 --> 00:03:36,084 >> Ja nﺣ۳mﺣ۳ ovat valinnaisia, kﺣ۳det, tai luento perustuu mahdollisuuksiin 70 00:03:36,084 --> 00:03:39,000 oppia lisﺣ۳ﺣ۳ aiheita, jotka ovat vﺣ۳hﺣ۳n liitﺣ۳nnﺣ۳inen kurssin 71 00:03:39,000 --> 00:03:43,310 oppimﺣ۳ﺣ۳rﺣ۳n, mutta silti ihana materiaali ajaa opinnﺣ۳ytetﺣﭘiden. 72 00:03:43,310 --> 00:03:46,840 Ja niin tﺣ۳mﺣ۳ on luettelo, joka on CS50 henkilﺣﭘkunta tﺣ۳ﺣ۳llﺣ۳ New Haven 73 00:03:46,840 --> 00:03:48,600 ovat keksiﺣ۳ varten tﺣ۳nﺣ۳ vuonna noin iOS 74 00:03:48,600 --> 00:03:50,730 ohjelmointi, Android ohjelmointi, pelin kehitys, 75 00:03:50,730 --> 00:03:54,480 ja rypﺣ۳leterttuja enemmﺣ۳n tyﺣﭘkaluja ja kieliﺣ۳ ja tekniikoita. 76 00:03:54,480 --> 00:03:56,780 >> Joten pitﺣ۳ﺣ۳ silmﺣ۳llﺣ۳ CS50 verkkosivuilla. 77 00:03:56,780 --> 00:04:00,110 Ja sillﺣ۳ vﺣ۳lin, jos haluat rekisterﺣﭘi kiinnostuksesi missﺣ۳ tahansa nﺣ۳istﺣ۳, 78 00:04:00,110 --> 00:04:02,510 Siirry CS50 n slash rekisteriin. 79 00:04:02,510 --> 00:04:05,770 Ja me sitten seurata siitﺣ۳, pﺣ۳ivﺣ۳ﺣ۳ ja lentoajat ja paikat 80 00:04:05,770 --> 00:04:09,090 ja everything-- useimmat kaikki on siirtﺣ۳ﺣ۳ ja myﺣﭘs saatavilla pyynnﺣﭘstﺣ۳ 81 00:04:09,090 --> 00:04:11,750 jﺣ۳lkeen, jos et voi todella tehdﺣ۳ sitﺣ۳. 82 00:04:11,750 --> 00:04:15,800 Joten pitemmittﺣ۳ puheitta, me jﺣ۳i viime kerralla kanssa GET. 83 00:04:15,800 --> 00:04:19,610 >> Ja tﺣ۳mﺣ۳ oli kuin viesti, jonka oli sisﺣ۳llﺣ۳ virtuaalisen kirjekuoren, muistaa, 84 00:04:19,610 --> 00:04:23,960 ettﺣ۳ teimme reitittimeltﺣ۳ reitittimen reitittimen vﺣ۳lillﺣ۳ selain ja Web- 85 00:04:23,960 --> 00:04:24,487 palvelin. 86 00:04:24,487 --> 00:04:26,695 Ja ettﺣ۳ viesti katsoin vﺣ۳hﺣ۳n jotain tﺣ۳llaista. 87 00:04:26,695 --> 00:04:29,700 Tﺣ۳mﺣ۳ oli enemmﺣ۳n mystistﺣ۳ viestin, ettﺣ۳ oli itse sisﺣ۳llﺣ۳ kirjekuoren 88 00:04:29,700 --> 00:04:34,440 kirjoitettu paperille, jonka ensimmﺣ۳inen rivi sanoo kirjaimellisesti, saada slash. 89 00:04:34,440 --> 00:04:37,830 >> Ja aivan kuten jﺣ۳rki tarkistaa, mitﺣ۳ slash tarkoittavat? 90 00:04:37,830 --> 00:04:40,455 Mitﺣ۳ slash tarkoittaa, kun pyytﺣ۳mﺣ۳llﺣ۳ sivuston? 91 00:04:40,455 --> 00:04:43,070 92 00:04:43,070 --> 00:04:44,250 Voit pyytﺣ۳ﺣ۳ sitﺣ۳ koko ajan. 93 00:04:44,250 --> 00:04:47,333 Useimmat tahansa kﺣ۳yt sivustossa, sinua eivﺣ۳t itse kirjoita tiedoston nimi. 94 00:04:47,333 --> 00:04:50,960 Luultavasti vain mennﺣ۳ Facebook.com, syﺣﭘttﺣ۳ﺣ۳, gmail.com, tai vastaavat. 95 00:04:50,960 --> 00:04:52,260 Ja mitﺣ۳ slash edustaa? 96 00:04:52,260 --> 00:04:53,506 Mitﺣ۳ tiedosto? 97 00:04:53,506 --> 00:04:54,630 Tai mitﺣ۳ sivu, erityisesti? 98 00:04:54,630 --> 00:04:59,642 99 00:04:59,642 --> 00:05:00,720 >> Indeksi, joo. 100 00:05:00,720 --> 00:05:01,810 Joten oletus sivu. 101 00:05:01,810 --> 00:05:04,810 Joten jos et mﺣ۳ﺣ۳ritﺣ۳ tiedosto nimi alamme nﺣ۳hdﺣ۳, 102 00:05:04,810 --> 00:05:07,750 olet todella vain pyynnﺣﭘn anna minulle oletussivu Facebook 103 00:05:07,750 --> 00:05:10,800 tai antaa minulle minun postilaatikkoon tai antaa minulle oletussivu uutiset 104 00:05:10,800 --> 00:05:12,510 CNN: n verkkosivuilla tai vastaavaa. 105 00:05:12,510 --> 00:05:15,220 Ja palvelin vastaa ettﺣ۳ viesti jotain 106 00:05:15,220 --> 00:05:18,420 nﺣ۳in, sanoa kyllﺣ۳, minﺣ۳ puhua HTTP-versiota 1.1. 107 00:05:18,420 --> 00:05:21,130 >> 200, joka on tila koodi ettﺣ۳ me ihmiset harvoin 108 00:05:21,130 --> 00:05:22,790 koskaan nﺣ۳hdﺣ۳, koska se on hyvﺣ۳. 109 00:05:22,790 --> 00:05:26,640 Koska se tarkoittaa OK, pyyntﺣﭘ vastaanotettiin ja kﺣ۳siteltﺣ۳vﺣ۳ asianmukaisesti. 110 00:05:26,640 --> 00:05:28,960 Ja sisﺣ۳ltﺣﭘtyyppi ilmeisesti vastaus 111 00:05:28,960 --> 00:05:31,170 on usein, mutta ei aina, tekstiﺣ۳. 112 00:05:31,170 --> 00:05:32,580 Ja erityisesti, HTML. 113 00:05:32,580 --> 00:05:34,760 Ja se on todella jossa katsomme tﺣ۳nﺣ۳ﺣ۳n. 114 00:05:34,760 --> 00:05:37,140 >> Joten itse asiassa, aion mennﺣ۳ eteenpﺣ۳in ja avata selaimen. 115 00:05:37,140 --> 00:05:40,410 Aion kﺣ۳yttﺣ۳ﺣ۳ Chrome, voit kﺣ۳yttﺣ۳ﺣ۳ eniten tahansa selain tulevina viikkoina. 116 00:05:40,410 --> 00:05:42,410 Suosittelemme tavallisesti Chrome koska se on erityisen 117 00:05:42,410 --> 00:05:43,750 hyvﺣ۳ ohjelmistokehittﺣ۳jille. 118 00:05:43,750 --> 00:05:46,070 Se sai paljon rakennettu tyﺣﭘkaluja, jotka helpottavat 119 00:05:46,070 --> 00:05:49,800 kehittﺣ۳ﺣ۳ paitsi HTML ja CSS, asiat me alkaa puhua tﺣ۳nﺣ۳ﺣ۳n, 120 00:05:49,800 --> 00:05:51,530 mutta myﺣﭘs muilla kielillﺣ۳. 121 00:05:51,530 --> 00:05:55,530 >> Ja aion mennﺣ۳ eteenpﺣ۳in ja mennﺣ۳ to-- Aion valvoa napsautuksella tai oikealle 122 00:05:55,530 --> 00:05:57,210 osoittamalla mitﺣ۳ tahansa web-sivulla. 123 00:05:57,210 --> 00:05:59,070 Ja aion mennﺣ۳ Tarkasta Element. 124 00:05:59,070 --> 00:06:03,850 Ja aion nipistﺣ۳ﺣ۳ minun nﺣ۳yttﺣﭘ vain vﺣ۳hﺣ۳n tﺣ۳ﺣ۳llﺣ۳. 125 00:06:03,850 --> 00:06:05,790 Siirryn tﺣ۳mﺣ۳ pohjaan. 126 00:06:05,790 --> 00:06:08,140 Joten tﺣ۳mﺣ۳ on mitﺣ۳ kutsutaan Chromen tarkastaja. 127 00:06:08,140 --> 00:06:11,010 Joten tﺣ۳mﺣ۳ on kuin virheenkorjaus tyﺣﭘkalu rakennettu Chrome. 128 00:06:11,010 --> 00:06:13,520 >> Kaikki sinulla on jo tﺣ۳mﺣ۳n jos olet kﺣ۳yttﺣ۳nyt Chrome. 129 00:06:13,520 --> 00:06:17,169 Ja sen avulla voit nﺣ۳hdﺣ۳, mitﺣ۳ tapahtuu on alla huppu joidenkin web-sivun. 130 00:06:17,169 --> 00:06:19,210 Joten todella ottaa katso tﺣ۳tﺣ۳ seuraavasti. 131 00:06:19,210 --> 00:06:21,251 Se on paljon enemmﺣ۳n ominaisuuksia ja vﺣ۳litﺣ۳mme tﺣ۳nﺣ۳ﺣ۳n. 132 00:06:21,251 --> 00:06:22,760 Mutta on nﺣ۳itﺣ۳ vﺣ۳lilehdet tﺣ۳ﺣ۳llﺣ۳. 133 00:06:22,760 --> 00:06:25,890 Elementtejﺣ۳, verkko, lﺣ۳hteet, aikajana, ja joitakin muita juttuja. 134 00:06:25,890 --> 00:06:27,800 Aion klikkaa Verkko hetkeksi. 135 00:06:27,800 --> 00:06:30,500 >> Ja se on vﺣ۳hﺣ۳n ylivoimainen ensi silmﺣ۳yksellﺣ۳ tﺣ۳ﺣ۳llﺣ۳. 136 00:06:30,500 --> 00:06:34,190 Mutta mitﺣ۳ aion tehdﺣ۳, on antaa minulle yksinkertaistaa sitﺣ۳ vﺣ۳hﺣ۳n. 137 00:06:34,190 --> 00:06:37,560 Aion pﺣ۳ﺣ۳lle tallennus valoa niin ettﺣ۳ se on punainen. 138 00:06:37,560 --> 00:06:39,140 Ja aion sanoa sﺣ۳ilyttﺣ۳ﺣ۳ loki. 139 00:06:39,140 --> 00:06:41,015 Ja tﺣ۳mﺣ۳ on vain hieman mitﺣ۳ olen tajunnut 140 00:06:41,015 --> 00:06:44,120 ajan mittaan tulee sﺣ۳ﺣ۳stﺣ۳ﺣ۳ kaikki mikﺣ۳ tapahtuu selaimessa. 141 00:06:44,120 --> 00:06:50,030 Ja nyt aion mennﺣ۳ on http://facebook.com. 142 00:06:50,030 --> 00:06:52,690 >> Oikeastaan, tehdﺣ۳ﺣ۳n www hyvﺣ۳ toimenpide, kauttaviiva. 143 00:06:52,690 --> 00:06:53,643 Anna. 144 00:06:53,643 --> 00:06:56,180 Niin URL ettﺣ۳ monet saatat kﺣ۳ynyt. 145 00:06:56,180 --> 00:06:58,830 Ja nyt Facebookin web sivu nousee ylﺣ۳reunassa. 146 00:06:58,830 --> 00:07:02,350 Ja sitten koko joukko tavaraa lensi alareunassa. 147 00:07:02,350 --> 00:07:04,830 Ja itse asiassa, se kﺣ۳ﺣ۳ntyy pois, ettﺣ۳ kun kﺣ۳yt Facebook.com, 148 00:07:04,830 --> 00:07:09,320 et ole vain tehdﺣ۳ yksi HTTP-pyyntﺣﭘ, kﺣ۳y ilmi, ettﺣ۳ menossa Facebook.com 149 00:07:09,320 --> 00:07:14,320 lﺣ۳hettﺣ۳ﺣ۳ 41 nﺣ۳istﺣ۳ kirjekuoria, jokaisella on oma GET-pyynnﺣﭘn, 150 00:07:14,320 --> 00:07:18,360 kuten, vaikka takana nﺣ۳ytﺣﭘn tﺣ۳ﺣ۳llﺣ۳, alareunassa nﺣ۳ytﺣﭘn 151 00:07:18,360 --> 00:07:24,040 se osoittaa, ettﺣ۳ todellakin, minun selain teki 41. pyyntﺣﭘjﺣ۳. 152 00:07:24,040 --> 00:07:29,689 >> Ja yhteensﺣ۳, se siirretﺣ۳ﺣ۳n 861 kilotavua ja kesti jostain syystﺣ۳ 153 00:07:29,689 --> 00:07:31,730 perﺣ۳ti kahdeksan sekuntia ladata kaikki tﺣ۳mﺣ۳. 154 00:07:31,730 --> 00:07:33,790 Niin, ettﺣ۳ on itse asiassa hieman outo ettﺣ۳ Facebookin sivusto veisi ettﺣ۳ 155 00:07:33,790 --> 00:07:35,600 pitkﺣ۳, mutta olkoon se tﺣ۳ssﺣ۳ tapauksessa. 156 00:07:35,600 --> 00:07:39,520 Nyt kaikki tﺣ۳mﺣ۳ en todellakaan vﺣ۳litﺣ۳ noin lukuun ottamatta ylimmﺣ۳n pyynnﺣﭘstﺣ۳. 157 00:07:39,520 --> 00:07:46,440 Joten mennﺣ۳ﺣ۳n tﺣ۳mﺣ۳ tﺣ۳ﺣ۳llﺣ۳ ja haluan loitontaa vain hetken. 158 00:07:46,440 --> 00:07:47,754 >> Ja haluan lﺣ۳hentﺣ۳ﺣ۳ tﺣ۳ssﺣ۳. 159 00:07:47,754 --> 00:07:50,670 Joten mitﺣ۳ olen tehnyt vasemmalla vaikka siellﺣ۳ on paljon meneillﺣ۳ﺣ۳n tﺣ۳ﺣ۳llﺣ۳ 160 00:07:50,670 --> 00:07:53,360 on olen korostanut Facebook.com ja sitten 161 00:07:53,360 --> 00:07:56,540 Huomaan, ettﺣ۳ olen vierittﺣ۳mﺣ۳llﺣ۳, vierittﺣ۳mﺣ۳llﺣ۳, vierittﺣ۳mﺣ۳llﺣ۳, 162 00:07:56,540 --> 00:07:58,330 pyytﺣ۳ﺣ۳ otsikot. 163 00:07:58,330 --> 00:08:01,720 Ja huomaat, ettﺣ۳ Chrome nﺣ۳yttﺣ۳ﺣ۳ minulle olennaisesti sisemmﺣ۳n sisﺣ۳ltﺣﭘ 164 00:08:01,720 --> 00:08:02,810 pyynnﺣﭘn tein. 165 00:08:02,810 --> 00:08:06,130 Se ei muoto aivan samalla tavalla, mutta huomaa siellﺣ۳ mainintaa saada, 166 00:08:06,130 --> 00:08:09,481 huomaa siellﺣ۳ mainintaa isﺣ۳ntﺣ۳, Facebook.com, polku, tai slash, 167 00:08:09,481 --> 00:08:10,730 joka on tiedosto pyysin. 168 00:08:10,730 --> 00:08:12,930 >> Ja sitten jos selaa varmuuskopioida, kﺣ۳ymme oikeastaan 169 00:08:12,930 --> 00:08:17,270 nﺣ۳hdﺣ۳, ettﺣ۳ mitﺣ۳ Facebook palasi minulle on kaikki nﺣ۳mﺣ۳ otsikot. 170 00:08:17,270 --> 00:08:21,040 Niin sisﺣ۳llﺣ۳ ettﺣ۳ virtuaalinen kirjekuori todellakin olemassa paljon keskeinen arvo-pareja. 171 00:08:21,040 --> 00:08:23,130 Sana, paksusuoli, ja sitten arvo. 172 00:08:23,130 --> 00:08:25,050 Sana, paksusuoli, ja arvo. 173 00:08:25,050 --> 00:08:26,160 Nﺣ۳itﺣ۳ kutsutaan otsikot. 174 00:08:26,160 --> 00:08:31,860 Ja siellﺣ۳ on paljon enemmﺣ۳n yksityiskohtia tﺣ۳ﺣ۳llﺣ۳ kuin me todella kiinnostaa juuri nyt. 175 00:08:31,860 --> 00:08:33,750 >> Mutta tﺣ۳mﺣ۳ on toinen viimeisin siellﺣ۳, 176 00:08:33,750 --> 00:08:38,809 huomata, ettﺣ۳ Facebook.com palvelin, todellakin sanoi tﺣ۳ssﺣ۳ tulee tekstiﺣ۳ HTML. 177 00:08:38,809 --> 00:08:41,409 Joten kaikki tﺣ۳mﺣ۳ on sanoa ettﺣ۳ kun pyydﺣ۳t Web 178 00:08:41,409 --> 00:08:44,300 sivun selaimen palvelin, ettﺣ۳ palvelin vastaa 179 00:08:44,300 --> 00:08:47,630 kirjekuori omien jonka sisﺣ۳llﺣ۳ on tekstiﺣ۳. 180 00:08:47,630 --> 00:08:49,020 Toisin sanoen, HTML-. 181 00:08:49,020 --> 00:08:50,590 HyperText Markup Language. 182 00:08:50,590 --> 00:08:53,200 Joka on toinen kieli ettﺣ۳ esittelemme tﺣ۳nﺣ۳ﺣ۳n 183 00:08:53,200 --> 00:08:57,740 ettﺣ۳ ihmiset tai tietokoneet tuottavat tﺣ۳ytﺣ۳ntﺣﭘﺣﭘnpanemiseksi verkkosivuja. 184 00:08:57,740 --> 00:08:59,580 >> Erityisesti katsokaamme tﺣ۳hﺣ۳n. 185 00:08:59,580 --> 00:09:03,277 Aion nyt mennﺣ۳ takaisin Facebookin verkkosivuilla. 186 00:09:03,277 --> 00:09:05,360 Ja aion vain ohjaus napsautuksella tai oikealla painikkeella 187 00:09:05,360 --> 00:09:07,634 ja klikkaa Nﺣ۳ytﺣ۳ sivun lﺣ۳hdekoodi. 188 00:09:07,634 --> 00:09:10,550 Ja vaikka et kﺣ۳ytﺣ۳ Chrome, IE voi tehdﺣ۳ tﺣ۳tﺣ۳, Firefox voi tehdﺣ۳ tﺣ۳mﺣ۳n, 189 00:09:10,550 --> 00:09:14,060 Safari voi tehdﺣ۳ tﺣ۳mﺣ۳n, vaikka valikosta vaihtoehdoista voisi nﺣ۳yttﺣ۳ﺣ۳ hieman erilaiselta. 190 00:09:14,060 --> 00:09:18,990 Ja tﺣ۳mﺣ۳ on HTML ettﺣ۳ Mark ja Yhtiﺣﭘ Facebookissa kirjoittanut. 191 00:09:18,990 --> 00:09:24,640 >> Ja kollektiivisesti, tﺣ۳llﺣ۳ kielellﺣ۳ tﺣ۳ﺣ۳llﺣ۳ toteuttaa sininen ja valkoinen sivu 192 00:09:24,640 --> 00:09:26,370 ettﺣ۳ nﺣ۳imme hetki sitten. 193 00:09:26,370 --> 00:09:28,030 Nyt, tﺣ۳mﺣ۳ on vﺣ۳hﺣ۳n ylivoimainen. 194 00:09:28,030 --> 00:09:31,400 Mutta jos katsomme ylﺣﭘs vasemmassa ylﺣ۳kulmassa, olemme menossa alkaa nﺣ۳hdﺣ۳ joitakin malleja. 195 00:09:31,400 --> 00:09:34,140 Nﺣ۳yttﺣ۳ﺣ۳ siltﺣ۳, ﻗ€‹ﻗ€‹ettﺣ۳ on paljon Nﺣ۳iden avoin kulmasulje 196 00:09:34,140 --> 00:09:35,970 ja sitten on tﺣ۳mﺣ۳ avainsanan HTML. 197 00:09:35,970 --> 00:09:38,330 Tﺣ۳ssﺣ۳ toinen avoin kulmasulkeen ja pﺣ۳ﺣ۳. 198 00:09:38,330 --> 00:09:41,560 >> Tﺣ۳ssﺣ۳ on, jos me selaa ja alas ja alas, olen 199 00:09:41,560 --> 00:09:43,820 menossa mennﺣ۳ eteenpﺣ۳in ja yrittﺣ۳ﺣ۳ etsiﺣ۳ jotain. 200 00:09:43,820 --> 00:09:48,510 Siellﺣ۳ tiensﺣ۳ yli oikealla tﺣ۳ssﺣ۳ alkusulkumerkki elin. 201 00:09:48,510 --> 00:09:50,800 Ja muistaa viime aika ehdotimme 202 00:09:50,800 --> 00:09:53,364 ettﺣ۳ yksinkertaisin sivun ettﺣ۳ ihmisen voi kirjoittaa 203 00:09:53,364 --> 00:09:55,030 saattaa nﺣ۳yttﺣ۳ﺣ۳ hieman jotain tﺣ۳llaista. 204 00:09:55,030 --> 00:09:58,430 Avaavat HTML tag, avoin pﺣ۳ﺣ۳ tag, avoin otsikkokoodi, 205 00:09:58,430 --> 00:10:03,230 suljettiin sitten otsikko, suljettu pﺣ۳ﺣ۳, avoin body, tekstiﺣ۳, suljettu runko, 206 00:10:03,230 --> 00:10:04,720 suljettu HTML. 207 00:10:04,720 --> 00:10:06,290 >> Mutta tauko tﺣ۳ﺣ۳llﺣ۳ vain hetken. 208 00:10:06,290 --> 00:10:09,030 Tﺣ۳mﺣ۳ koodi, vaikka olet koskaan kirjoittanut ennen 209 00:10:09,030 --> 00:10:11,864 mutta silti eivﺣ۳t oikein ymmﺣ۳rrﺣ۳ mitﺣ۳ tapahtuu, nﺣ۳yttﺣ۳ﺣ۳ aika hyvﺣ۳ltﺣ۳. 210 00:10:11,864 --> 00:10:12,821 Oikea, se on erittﺣ۳in puhdasta. 211 00:10:12,821 --> 00:10:14,120 Se on erittﺣ۳in tyylillisesti mukava. 212 00:10:14,120 --> 00:10:16,190 Paljon sisennys ja valkoinen tila. 213 00:10:16,190 --> 00:10:18,020 Facebook ei ole. 214 00:10:18,020 --> 00:10:23,190 Joten miksi on Facebook niin paljon pahempi kuin minﺣ۳ kirjoittamaan HTML? 215 00:10:23,190 --> 00:10:24,310 Ilmeisesti. 216 00:10:24,310 --> 00:10:26,899 >> Oikea, tﺣ۳mﺣ۳ on kuin yksi viidestﺣ۳ tyyli. 217 00:10:26,899 --> 00:10:29,315 On pakottavaa syytﺣ۳ ne leikata nﺣ۳mﺣ۳ kulmat. 218 00:10:29,315 --> 00:10:31,069 219 00:10:31,069 --> 00:10:33,860 Selvﺣ۳, joten he eivﺣ۳t halua helpottaa voit lukea sen. 220 00:10:33,860 --> 00:10:36,940 Joten jossain mielessﺣ۳, he hﺣ۳mﺣ۳rtﺣ۳vﺣ۳t se, tavallaan muokkaamisella se 221 00:10:36,940 --> 00:10:40,260 ainakin esteettisesti niin ettﺣ۳ se on vaikeampi Myspace 222 00:10:40,260 --> 00:10:42,705 mennﺣ۳ ja repiﺣ۳ pois niiden kotisivu ja HTML se. 223 00:10:42,705 --> 00:10:45,080 On kﺣ۳ynyt ilmi, ettﺣ۳ ohjelmia kuitenkin, kuten Chrome, 224 00:10:45,080 --> 00:10:47,020 voimme puhdistaa tﺣ۳mﺣ۳n ylﺣﭘs Super helposti. 225 00:10:47,020 --> 00:10:49,420 Joten se ei ole aivan ettﺣ۳ syyksi. 226 00:10:49,420 --> 00:10:51,290 Mitﺣ۳ muuta voisi olla syy. 227 00:10:51,290 --> 00:10:51,790 Joo. 228 00:10:51,790 --> 00:10:54,680 229 00:10:54,680 --> 00:10:55,890 Joo, valkoinen tila kustannukset tietoja. 230 00:10:55,890 --> 00:10:56,598 Mitﺣ۳ sinﺣ۳ tarkoitat? 231 00:10:56,598 --> 00:11:02,250 232 00:11:02,250 --> 00:11:02,979 Joo, tﺣ۳smﺣ۳lleen. 233 00:11:02,979 --> 00:11:06,020 Jos osut sarkainnﺣ۳ppﺣ۳intﺣ۳ paljon tai vﺣ۳lilyﺣﭘntiﺣ۳, harkitse seurauksia. 234 00:11:06,020 --> 00:11:10,060 Joten jokainen nﺣ۳ppﺣ۳imistﺣﭘn on [Kuulumaton] vastaa yksi tavu. 235 00:11:10,060 --> 00:11:14,560 >> Niin oletetaan, ettﺣ۳ Merkitse tai jollekin devs nﺣ۳inﺣ۳ pﺣ۳ivinﺣ۳ osuu vﺣ۳lilyﺣﭘntiﺣ۳ vain kerran 236 00:11:14,560 --> 00:11:17,899 Tﺣ۳ssﺣ۳ HTML-sivu, edustaa Facebookin kotisivu. 237 00:11:17,899 --> 00:11:19,690 Ja Facebook on paljon kﺣ۳yttﺣ۳jistﺣ۳ nﺣ۳inﺣ۳ pﺣ۳ivinﺣ۳. 238 00:11:19,690 --> 00:11:24,030 Niin oletetaan, ettﺣ۳ Facebookin kotisivu on kﺣ۳ynyt miljardia ihmistﺣ۳ tﺣ۳nﺣ۳ﺣ۳n. 239 00:11:24,030 --> 00:11:27,020 Ja joku Facebook on vﺣ۳lilyﺣﭘntiﺣ۳ vain kerran. 240 00:11:27,020 --> 00:11:29,890 >> Joten yksi ylimﺣ۳ﺣ۳rﺣ۳inen tavu, miljardia pyyntﺣﭘjﺣ۳, 241 00:11:29,890 --> 00:11:32,790 kuinka paljon enemmﺣ۳n tietoa on Facebook siirtﺣ۳mﺣ۳llﺣ۳ Internetissﺣ۳ 242 00:11:32,790 --> 00:11:37,160 koska joku osuma vﺣ۳linﺣ۳ppﺣ۳intﺣ۳ hﺣ۳nen nﺣ۳ppﺣ۳imistﺣﭘ? 243 00:11:37,160 --> 00:11:41,660 Miljardi tavua, tai yksi gigatavu dataa lﺣ۳hetetﺣ۳ﺣ۳n Facebook palvelimet 244 00:11:41,660 --> 00:11:43,626 ihmisille ympﺣ۳ri maailma ilman hyvﺣ۳ﺣ۳ syytﺣ۳. 245 00:11:43,626 --> 00:11:44,750 Nyt, se on vain yksi tila. 246 00:11:44,750 --> 00:11:48,866 >> Kuvitelkaa, jos me todella puhdista jutun ja sisennetty sitﺣ۳ ja lisﺣ۳tﺣ۳ﺣ۳n 247 00:11:48,866 --> 00:11:50,990 paljon valkoista tilaa ja sarkainmerkeillﺣ۳ ja tilat, 248 00:11:50,990 --> 00:11:53,656 voit pﺣ۳ﺣ۳tyﺣ۳ menoja gigatavua, jos ei Terra tavua enemmﺣ۳n tilaa. 249 00:11:53,656 --> 00:11:56,640 Ja niin Super yleisiﺣ۳ todellisia web-kehitystﺣ۳ 250 00:11:56,640 --> 00:11:58,950 on minify koodi. 251 00:11:58,950 --> 00:12:01,280 Ja me lopulta nﺣ۳hdﺣ۳ miten voit tehdﺣ۳ tﺣ۳mﺣ۳n. 252 00:12:01,280 --> 00:12:04,630 >> Mutta tﺣ۳nﺣ۳ﺣ۳n aloitamme kirjoittaa koodia se on todella luettavissa meille ihmisille. 253 00:12:04,630 --> 00:12:10,120 On kﺣ۳ynyt ilmi, mutta jos menet takaisin Tﺣ۳mﺣ۳n tyﺣﭘkalun Chrome Tarkista Element, 254 00:12:10,120 --> 00:12:12,030 Aiemmin olimme Verkko-vﺣ۳lilehteﺣ۳. 255 00:12:12,030 --> 00:12:15,430 Osoittautuu, ettﺣ۳ jos menet elementtejﺣ۳ vﺣ۳lilehti, mitﺣ۳ itse nﺣ۳hdﺣ۳ 256 00:12:15,430 --> 00:12:19,230 on Chromen melko painettu versio saman HTML. 257 00:12:19,230 --> 00:12:20,640 Joten olemme deobfuscated sen. 258 00:12:20,640 --> 00:12:22,472 Joten se ei ottelu tietokone. 259 00:12:22,472 --> 00:12:24,430 Ja nyt voit itse klikkaa ympﺣ۳ri ja aloita 260 00:12:24,430 --> 00:12:27,630 nﺣ۳hdﺣ۳ hierarkia joka on web-sivu. 261 00:12:27,630 --> 00:12:28,780 Joten itse tehdﺣ۳ tﺣ۳mﺣ۳n. 262 00:12:28,780 --> 00:12:32,120 Aion mennﺣ۳ eteenpﺣ۳in ja avata edelleen Mac ohjelma nimeltﺣ۳ tekstin muokkauksen. 263 00:12:32,120 --> 00:12:35,490 Ja muistuttaa, ettﺣ۳ tﺣ۳mﺣ۳ on vain Super yksinkertainen teksti-ohjelman. 264 00:12:35,490 --> 00:12:37,490 Windows on notepad.exe. 265 00:12:37,490 --> 00:12:39,820 Ja aion Verbatim kirjoittamalla seuraavan. 266 00:12:39,820 --> 00:12:44,650 Doc tyyppi HTML, alkusulkumerkki HTML, suljettu kiinnike HTML, 267 00:12:44,650 --> 00:12:49,000 meillﺣ۳ on pﺣ۳ﺣ۳ sivu tﺣ۳ﺣ۳llﺣ۳, loppuun pﺣ۳ﺣ۳n sivu tﺣ۳ﺣ۳llﺣ۳, 268 00:12:49,000 --> 00:12:52,310 otsikko on kuin, Hello World. 269 00:12:52,310 --> 00:12:56,660 >> Ja sitten tﺣ۳ﺣ۳llﺣ۳, me tarvitsemme ruumiin sivun. 270 00:12:56,660 --> 00:12:58,050 Suljettu elin. 271 00:12:58,050 --> 00:13:00,700 Ja sitten tﺣ۳ﺣ۳llﺣ۳, Hei maailma. 272 00:13:00,700 --> 00:13:01,270 Selvﺣ۳. 273 00:13:01,270 --> 00:13:03,350 Joten olemme kirjoittanut huippunopea sivun. 274 00:13:03,350 --> 00:13:06,675 Aion tallentaa sen hello.html tyﺣﭘpﺣﭘydﺣ۳lle. 275 00:13:06,675 --> 00:13:09,050 Maciin on menossa valittaa, ajattelu, ettﺣ۳ hetkinen, 276 00:13:09,050 --> 00:13:11,091 tﺣ۳mﺣ۳ on tekstitiedosto, do haluat soittaa sitﺣ۳ .txt? 277 00:13:11,091 --> 00:13:13,300 Mutta ei, haluan kﺣ۳yttﺣ۳ﺣ۳ piste HTML. 278 00:13:13,300 --> 00:13:16,140 >> Ja sitten mitﺣ۳ mukavaa, jos en tupla klikkaa tﺣ۳tﺣ۳ tiedostoa, 279 00:13:16,140 --> 00:13:18,600 hello.html, tﺣ۳ssﺣ۳ on minun verkkosivu. 280 00:13:18,600 --> 00:13:22,564 Valitettavasti olen vain ihminen maailmassa 281 00:13:22,564 --> 00:13:23,980 jotka voivat vierailla tﺣ۳mﺣ۳n sivun juuri nyt. 282 00:13:23,980 --> 00:13:26,734 Koska jos se elﺣ۳ﺣ۳ ilmeisesti? 283 00:13:26,734 --> 00:13:27,650 Se on minun Mac, eikﺣﭘ? 284 00:13:27,650 --> 00:13:28,470 Joka on hyﺣﭘdytﺣﭘn. 285 00:13:28,470 --> 00:13:30,390 Kuin kukaan tﺣ۳ssﺣ۳ huoneessa puhumattakaan Internetissﺣ۳ 286 00:13:30,390 --> 00:13:31,598 voi itse kﺣ۳ydﺣ۳ sivulla. 287 00:13:31,598 --> 00:13:33,820 Joten tﺣ۳nﺣ۳ﺣ۳n, meidﺣ۳n on kﺣ۳yttﺣﭘﺣﭘn toinen elementti. 288 00:13:33,820 --> 00:13:36,720 >> Ja tehdﺣ۳ tﺣ۳mﺣ۳n, aion mennﺣ۳ eteenpﺣ۳in ja avata pilvi 9. 289 00:13:36,720 --> 00:13:40,090 Joten pilvi 9 on tietenkin pilvi pohjainen service-- CS50 290 00:13:40,090 --> 00:13:44,890 IDE-- Tﺣ۳mﺣ۳ on meidﺣ۳n kaikkien tyﺣﭘtilojen kﺣ۳ynnissﺣ۳ jossain internetissﺣ۳. 291 00:13:44,890 --> 00:13:48,330 Ja se tarkoittaa, ettﺣ۳ kaikki meidﺣ۳n tiedostot ovat julkisesti saatavilla jo. 292 00:13:48,330 --> 00:13:49,830 Joten mene eteenpﺣ۳in ja tehdﺣ۳ tﺣ۳mﺣ۳n. 293 00:13:49,830 --> 00:13:53,670 Aion mennﺣ۳ eteenpﺣ۳in ja Luo uusi tiedosto NCS50IDE. 294 00:13:53,670 --> 00:13:58,819 Aion tallentaa sen ennen kuten hello.html ja valitse tallenna. 295 00:13:58,819 --> 00:14:01,860 Ja nyt vain sﺣ۳ﺣ۳stﺣ۳ﺣ۳ aikaa, aion mennﺣ۳ eteenpﺣ۳in ja kopioi liitﺣ۳ tﺣ۳mﺣ۳ koodi 296 00:14:01,860 --> 00:14:03,470 sijaan kirjoita se. 297 00:14:03,470 --> 00:14:04,550 Ja tallenna se. 298 00:14:04,550 --> 00:14:07,550 Ja nyt minulla on tiedosto nimeltﺣ۳ hello.html. 299 00:14:07,550 --> 00:14:09,710 Mutta miten voin itse avaa se Web-sivu? 300 00:14:09,710 --> 00:14:14,120 No, se osoittautuu rakennettu sisﺣ۳ﺣ۳n CS50 IDE ei ole vain kﺣ۳ﺣ۳ntﺣ۳jﺣ۳ kuten kalahtaa 301 00:14:14,120 --> 00:14:16,670 ja debuggeri kuten GDB ja rypﺣ۳leterttuja muita ohjelmia, 302 00:14:16,670 --> 00:14:21,140 siellﺣ۳ oikeastaan ﻗ€‹ﻗ€‹tﺣ۳ysivaltaiseksi web-palvelin kﺣ۳ynnissﺣ۳ sisﺣ۳llﺣ۳ CS50 IDE. 303 00:14:21,140 --> 00:14:23,900 >> Kaikki te, toisin sanoen, on oma web-palvelin. 304 00:14:23,900 --> 00:14:26,850 Ja web-palvelin on vain pala ohjelmistojen joiden tarkoitus elﺣ۳mﺣ۳ssﺣ۳ 305 00:14:26,850 --> 00:14:28,220 on palvella jopa web-sivuja. 306 00:14:28,220 --> 00:14:32,490 Kuuntelemaan pyyntﺣﭘjﺣ۳ selaimet ja vastata vﺣ۳hﺣ۳n virtuaalisen kirjekuoret 307 00:14:32,490 --> 00:14:35,290 jonka sisﺣ۳llﺣ۳ on sisﺣ۳ltﺣﭘﺣ۳ ettﺣ۳ olen kirjoittanut. 308 00:14:35,290 --> 00:14:38,372 Joten tﺣ۳mﺣ۳ web-palvelin on todella vapaa ja avoimen lﺣ۳hdekoodin. 309 00:14:38,372 --> 00:14:40,830 Jos avoimen lﺣ۳hdekoodin vain tarkoittaa ohjelmisto, ettﺣ۳ joku muu on 310 00:14:40,830 --> 00:14:43,480 kirjoittanut, ettﺣ۳ kaikki voimme itse nﺣ۳hdﺣ۳ ja ladata ja jopa 311 00:14:43,480 --> 00:14:44,780 muutoksia lﺣ۳hdekoodiin. 312 00:14:44,780 --> 00:14:46,150 Ja sitﺣ۳ kutsutaan Apache. 313 00:14:46,150 --> 00:14:51,450 >> Ja teimme sen hieman helpompi kﺣ۳yttﺣ۳ﺣ۳ CS50IDE kutsumalla sitﺣ۳ Apache 50. 314 00:14:51,450 --> 00:14:53,780 Niin ettﺣ۳ se voi todella ymmﺣ۳rtﺣ۳mﺣ۳ﺣ۳n seuraavat. 315 00:14:53,780 --> 00:14:56,560 Aion sanoa Apache 50 alusta. 316 00:14:56,560 --> 00:14:58,910 Ja sitten olen juuri menossa sanoa piste. 317 00:14:58,910 --> 00:15:01,080 Ja nﺣ۳emme hieman mystistﺣ۳ sanomalla 318 00:15:01,080 --> 00:15:04,640 asettamalla Apachen asiakirja [? ryhmﺣ۳?] kotia, ubuntu, mitﺣ۳ se on, 319 00:15:04,640 --> 00:15:05,770 slash tyﺣﭘtila. 320 00:15:05,770 --> 00:15:08,280 Alkaen web-palvelin Apache 2 onnistuneesti. 321 00:15:08,280 --> 00:15:11,330 >> Niin pitkﺣ۳n tarinan lyhyesti, olen juuri tyﺣﭘnsi painiketta 322 00:15:11,330 --> 00:15:18,000 ja pﺣ۳ﺣ۳llﺣ۳ web-palvelin, joka on nyt kuuntelee Internetissﺣ۳ TCP-portti 323 00:15:18,000 --> 00:15:20,587 80 tiettyyn osoitteeseen. 324 00:15:20,587 --> 00:15:22,420 Ja tﺣ۳ssﺣ۳ sanotaan, ja tﺣ۳mﺣ۳ muuttuu Based 325 00:15:22,420 --> 00:15:26,550 on kﺣ۳yttﺣ۳jﺣ۳tunnuksesi ja muut tekijﺣ۳t, mutta huomaa nyt jos napsautan tﺣ۳mﺣ۳, 326 00:15:26,550 --> 00:15:30,211 IDE50 piste jharvard ja niin ja niin, huomaa ettﺣ۳ koko tﺣ۳mﺣ۳n ajan 327 00:15:30,211 --> 00:15:31,960 jo usean viikkoa, saatat olla 328 00:15:31,960 --> 00:15:35,200 huomannut, ettﺣ۳ oma kﺣ۳yttﺣ۳jﺣ۳tunnus on upotettu sivun oikeassa 329 00:15:35,200 --> 00:15:37,130 nurkassa CS50IDE. 330 00:15:37,130 --> 00:15:41,050 >> Ja tosiasiallisesti on ollut koko tﺣ۳mﺣ۳n ajoittaa osoite, johon voit 331 00:15:41,050 --> 00:15:43,574 kﺣ۳ydﺣ۳ kaikki tiedostot verkon kautta. 332 00:15:43,574 --> 00:15:45,990 Tﺣ۳hﺣ۳n asti se ei ole vﺣ۳liﺣ۳, koska C, te yleensﺣ۳ 333 00:15:45,990 --> 00:15:48,073 haluavat asiat kﺣ۳ynnissﺣ۳ terminaali, ei verkossa. 334 00:15:48,073 --> 00:15:50,800 Mutta tﺣ۳nﺣ۳ﺣ۳n, alamme kirjallisesti web-pohjainen koodi 335 00:15:50,800 --> 00:15:53,350 ettﺣ۳ haluamme esteetﺣﭘn pﺣ۳ﺣ۳sy julkinen URL. 336 00:15:53,350 --> 00:15:56,100 Joten mitﺣ۳ aion vain klikata URL-osoitteen. 337 00:15:56,100 --> 00:16:00,880 >> Ja huomaa, ettﺣ۳ nﺣ۳en melko ruma indeksi, luokkahakemisto, 338 00:16:00,880 --> 00:16:04,090 mutta mitﺣ۳ tiedosto hyppﺣ۳ﺣ۳ ulos sinua luultavasti? 339 00:16:04,090 --> 00:16:05,210 Hello.html. 340 00:16:05,210 --> 00:16:07,870 Ettﺣ۳ koska olen tallentanut tiedosto minun tyﺣﭘtilaan. 341 00:16:07,870 --> 00:16:12,310 Ja mitﺣ۳ olen kertonut Apache www-palvelin on katsoa Daavidin tyﺣﭘtilassa hakemistoon. 342 00:16:12,310 --> 00:16:15,300 Ja anna kenenkﺣ۳ﺣ۳n maailman nﺣ۳hdﺣ۳ kyseiset tiedostot. 343 00:16:15,300 --> 00:16:19,050 >> Ja todellakin, jos minﺣ۳ nyt klikkaa hello.html, 344 00:16:19,050 --> 00:16:22,180 Nﺣ۳en tﺣ۳ssﺣ۳ vﺣ۳lilehdessﺣ۳ juuri tiedoston. 345 00:16:22,180 --> 00:16:26,430 Nyt huomaa, pilvi 9 tekee jotain vﺣ۳hﺣ۳n hyﺣﭘtyﺣ۳ meille. 346 00:16:26,430 --> 00:16:29,480 Sisﺣ۳llﺣ۳ CS50 IDE, huomaa siellﺣ۳ yhtﺣ۳kkiﺣ۳ osoiteriville. 347 00:16:29,480 --> 00:16:33,690 Tﺣ۳mﺣ۳ johtuu siitﺣ۳, vaikka olemme Chromen vierailla CS50IDE, 348 00:16:33,690 --> 00:16:37,940 sisﺣ۳llﺣ۳ CS50IDE on oma versio web-selaimen juuri nyt. 349 00:16:37,940 --> 00:16:40,820 Ja niin sen sijaan mutkistaa asioita sinﺣ۳nsﺣ۳, 350 00:16:40,820 --> 00:16:42,955 Aion mennﺣ۳ eteenpﺣ۳in ja vain kopioida URL-osoitteen. 351 00:16:42,955 --> 00:16:45,330 Aion mennﺣ۳ eteenpﺣ۳in ja vain avata oman Chrome-ikkuna. 352 00:16:45,330 --> 00:16:47,800 Joten ei ole taikuutta tﺣ۳ﺣ۳llﺣ۳, ei CS50IDE. 353 00:16:47,800 --> 00:16:51,800 Olen juuri menossa kirjaimellisesti liittﺣ۳ﺣ۳ minun J Harvardin URL ja paina Enter. 354 00:16:51,800 --> 00:16:54,750 Ja voila, nyt minﺣ۳, ja teoriassa, jokainen 355 00:16:54,750 --> 00:16:57,700 Internetissﺣ۳, jos olen mﺣ۳ﺣ۳rittﺣ۳nyt kﺣ۳yttﺣﭘoikeudet asianmukaisesti, 356 00:16:57,700 --> 00:16:58,720 voi kﺣ۳ydﺣ۳ tﺣ۳tﺣ۳ tiedostoa. 357 00:16:58,720 --> 00:17:03,230 Ja nyt, jos sanoin hello.html, voila, siellﺣ۳ 358 00:17:03,230 --> 00:17:06,366 on minun uskomattoman underwhelming sivun. 359 00:17:06,366 --> 00:17:07,740 Joten tehdﺣ۳ nopeasti jﺣ۳rki tarkistaa. 360 00:17:07,740 --> 00:17:09,710 Koska kaikki, ettﺣ۳ on kﺣ۳sitteellinen perustaa. 361 00:17:09,710 --> 00:17:13,180 Ja olemme oikeastaan ﻗ€‹ﻗ€‹ole oikeastaan opetti, miten kirjoittaa HTML sinﺣ۳nsﺣ۳. 362 00:17:13,180 --> 00:17:16,084 Kysyttﺣ۳vﺣ۳ﺣ۳ tﺣ۳hﺣ۳n mennessﺣ۳ siitﺣ۳, mitﺣ۳ juuri tapahtui? 363 00:17:16,084 --> 00:17:18,549 364 00:17:18,549 --> 00:17:19,049 Kyllﺣ۳. 365 00:17:19,049 --> 00:17:24,290 366 00:17:24,290 --> 00:17:25,800 Onko CS50 omistamaan nﺣ۳mﺣ۳ verkkosivut? 367 00:17:25,800 --> 00:17:26,460 Missﺣ۳ mielessﺣ۳? 368 00:17:26,460 --> 00:17:28,947 369 00:17:28,947 --> 00:17:29,530 Hyvﺣ۳ kysymys. 370 00:17:29,530 --> 00:17:32,429 Joten CS50: n omistaa CS50.io. 371 00:17:32,429 --> 00:17:33,970 Olemme todellakin osti ettﺣ۳ verkkotunnus. 372 00:17:33,970 --> 00:17:37,240 Ja luonteen mukaan te kirjautumalla CS50IDE, 373 00:17:37,240 --> 00:17:39,270 te kaikki saavat mitﺣ۳ kutsutaan aliverkkotunnus. 374 00:17:39,270 --> 00:17:46,840 >> Niin IDE50-Malan, tai IDE50-Rob.CS50.io, se on teidﺣ۳n yksilﺣﭘllinen osoite sisﺣ۳llﺣ۳ 375 00:17:46,840 --> 00:17:47,730 meidﺣ۳n verkkotunnus. 376 00:17:47,730 --> 00:17:50,850 Joten varten tietenkin sinulla on oma ainutlaatuinen osoite. 377 00:17:50,850 --> 00:17:55,150 Mutta olemme yksinkertaistettu asioita ostaa aluetunnus, CS50 piste 378 00:17:55,150 --> 00:17:58,050 I / O ja sitten kaikki muu on sisﺣ۳llﺣ۳ ettﺣ۳, niin sanoakseni. 379 00:17:58,050 --> 00:17:59,890 Ja me palaamme ettﺣ۳ pari viikkoa luultavasti, 380 00:17:59,890 --> 00:18:01,930 erityisesti opinnﺣ۳ytetyﺣﭘn aika, kun jotkut teistﺣ۳ 381 00:18:01,930 --> 00:18:03,596 ehkﺣ۳ saada oman verkkotunnuksia. 382 00:18:03,596 --> 00:18:06,270 Se on itse asiassa suhteellisen suoraviivainen. 383 00:18:06,270 --> 00:18:06,770 Selvﺣ۳. 384 00:18:06,770 --> 00:18:07,880 Joten nyt tehdﺣ۳ tﺣ۳tﺣ۳. 385 00:18:07,880 --> 00:18:11,910 Aion mennﺣ۳ takaisin CS50IDE, jossa minun tiedosto juuri nyt, 386 00:18:11,910 --> 00:18:14,710 hello.html, ei ole kovin kiinnostava. 387 00:18:14,710 --> 00:18:17,130 Haluaisin tehdﺣ۳ jotain hieman mukavampaa kuin ettﺣ۳. 388 00:18:17,130 --> 00:18:19,440 Joten aion tehdﺣ۳ jotain tﺣ۳llaista. 389 00:18:19,440 --> 00:18:21,510 Minﺣ۳pﺣ۳ auki paragraphs.html. 390 00:18:21,510 --> 00:18:23,560 Joten tﺣ۳mﺣ۳ on tiedosto kirjoitin etukﺣ۳teen. 391 00:18:23,560 --> 00:18:26,480 Ylimpﺣ۳nﺣ۳ se, kuten aina, meillﺣ۳ on kommentteja. 392 00:18:26,480 --> 00:18:28,730 Mutta HTML, kommentteja nﺣ۳yttﺣ۳ﺣ۳ hieman erilaiselta. 393 00:18:28,730 --> 00:18:33,270 On line kolme ja linja 14, sinua katso syntaksi alkavat kommentti 394 00:18:33,270 --> 00:18:34,020 ja pﺣ۳ﺣ۳ttyy kommenttia. 395 00:18:34,020 --> 00:18:36,820 >> Mutta mikﺣ۳ﺣ۳n tavaraa vﺣ۳lillﺣ۳ asioissa toiminnallisesti. 396 00:18:36,820 --> 00:18:40,250 Se on vain merkinnﺣ۳n ihmisen mitﺣ۳ tﺣ۳ﺣ۳llﺣ۳ tapahtuu. 397 00:18:40,250 --> 00:18:43,040 Ja aivan kuten nopea jﺣ۳rki tarkista, jos minﺣ۳ selaa, 398 00:18:43,040 --> 00:18:46,820 mitﺣ۳ ilmeinen uusi tag ettﺣ۳ olemme ottaneet kﺣ۳yttﺣﭘﺣﭘn? 399 00:18:46,820 --> 00:18:52,130 Tunnisteet tﺣ۳hﺣ۳n mennessﺣ۳ olemme nﺣ۳hneet avoinna kiinnike HTML, pﺣ۳ﺣ۳, otsikko, ja runko. 400 00:18:52,130 --> 00:18:54,400 Mutta mitﺣ۳ on tietysti uutta nyt? 401 00:18:54,400 --> 00:18:55,200 >> Joo, niin s. 402 00:18:55,200 --> 00:18:57,320 P tag tai kohta tag. 403 00:18:57,320 --> 00:19:01,182 Ja sitten minﺣ۳ vain lainannut oletus Latinankielinen teksti muodostaa minun kappaleita. 404 00:19:01,182 --> 00:19:03,390 Koska mitﺣ۳ halusin osoittavat, miten saatat 405 00:19:03,390 --> 00:19:05,859 edustavat tekstikappaletta HTML. 406 00:19:05,859 --> 00:19:08,400 Ja niin mitﺣ۳ alkaa tapahtua tﺣ۳ssﺣ۳ on se, ettﺣ۳ siellﺣ۳ on jo 407 00:19:08,400 --> 00:19:09,657 kuvio kehittﺣ۳ﺣ۳. 408 00:19:09,657 --> 00:19:10,990 Ja anna minun mennﺣ۳ eteenpﺣ۳in ja tehdﺣ۳ tﺣ۳mﺣ۳n. 409 00:19:10,990 --> 00:19:12,760 Haluaisin ensin sammuttaa Apache. 410 00:19:12,760 --> 00:19:17,340 Ja aion kertoa sen kﺣ۳ynnistﺣ۳ﺣ۳ itsensﺣ۳ jﺣ۳lleen sisﺣ۳llﺣ۳ nykypﺣ۳ivﺣ۳n lﺣ۳hde seitsemﺣ۳n 411 00:19:17,340 --> 00:19:18,420 m hakemistoon. 412 00:19:18,420 --> 00:19:20,100 Niin ettﺣ۳ minulla on pﺣ۳ﺣ۳sy kaikkeen. 413 00:19:20,100 --> 00:19:22,230 >> Ja nyt, jos menen takaisin Tﺣ۳mﺣ۳n luokkahakemisto, 414 00:19:22,230 --> 00:19:24,846 huomaa nﺣ۳en joka tiedosto tﺣ۳nﺣ۳ﺣ۳n. 415 00:19:24,846 --> 00:19:26,720 Ja nﺣ۳et vuonna seuraava ongelma asettaa kﺣ۳ymme 416 00:19:26,720 --> 00:19:28,594 antaa sinulle ohjeita tekemiseen juuri tﺣ۳mﺣ۳n. 417 00:19:28,594 --> 00:19:35,210 Jos avaan paragraphs.html, tﺣ۳mﺣ۳ saattaa samoin nﺣ۳yttﺣ۳ﺣ۳ ohjelmointikieli 418 00:19:35,210 --> 00:19:36,970 sinulle, jos et puhu tai lukea latina. 419 00:19:36,970 --> 00:19:40,525 Mutta tﺣ۳mﺣ۳ on vain kolme kohtaa tekstiﺣ۳, joka on merkitty ylﺣﭘs HTML. 420 00:19:40,525 --> 00:19:43,100 >> Ja huomaa kohta tauot niiden vﺣ۳lillﺣ۳. 421 00:19:43,100 --> 00:19:46,400 Koska se kﺣ۳ﺣ۳ntyy pois, ja vaikka 422 00:19:46,400 --> 00:19:49,210 ehkﺣ۳ taipuvaisia ﻗ€‹ﻗ€‹tehdﺣ۳ tﺣ۳mﺣ۳n, kun taas todellisessa maailmassa, 423 00:19:49,210 --> 00:19:51,370 jos haluat laittaa linja taukoja asioiden vﺣ۳lillﺣ۳, 424 00:19:51,370 --> 00:19:55,680 saatat yksinkertaisesti tehdﺣ۳ tﺣ۳mﺣ۳n ja lyﺣﭘdﺣ۳ Tallenna. 425 00:19:55,680 --> 00:19:59,460 Ja nyt, jos olen ladata tﺣ۳ﺣ۳llﺣ۳, ilmoitus ettﺣ۳ kaikki vain sumentaa yhdessﺣ۳ 426 00:19:59,460 --> 00:20:01,100 vain yksi mﺣﭘykky tekstiﺣ۳. 427 00:20:01,100 --> 00:20:03,570 Koska HTML on sellainen tyhmﺣ۳ kielen. 428 00:20:03,570 --> 00:20:07,230 >> Se on tarkoitettu kﺣ۳ytettﺣ۳vﺣ۳ksi tﺣ۳llaisissa siten, ettﺣ۳ selain vain 429 00:20:07,230 --> 00:20:09,920 do selkeﺣ۳sti mitﺣ۳ kerrot sen tehdﺣ۳. 430 00:20:09,920 --> 00:20:12,890 Joten jos et kerro sitﺣ۳ anna minulle uusi kohta, 431 00:20:12,890 --> 00:20:14,569 et tule nﺣ۳kemﺣ۳ﺣ۳n uusi kohta. 432 00:20:14,569 --> 00:20:16,360 Ja itse asiassa, mitﺣ۳ selain aikoo tehdﺣ۳ 433 00:20:16,360 --> 00:20:20,020 on vaikka enteriﺣ۳, sanokaamme uudelleen ja uudelleen 434 00:20:20,020 --> 00:20:23,190 ja uudelleen, siirtﺣ۳mﺣ۳llﺣ۳ tﺣ۳mﺣ۳ teksti tavoin alas ruudulla ja tallentaa 435 00:20:23,190 --> 00:20:26,610 ja sitten uudelleen, selain on menossa romahtaa kaikki tﺣ۳mﺣ۳ valkoinen tila 436 00:20:26,610 --> 00:20:29,021 osaksi vain yksi, nﺣ۳kyvﺣ۳ vﺣ۳lilyﺣﭘnnillﺣ۳. 437 00:20:29,021 --> 00:20:29,520 Selvﺣ۳. 438 00:20:29,520 --> 00:20:30,869 Niin, ettﺣ۳ kohta tag. 439 00:20:30,869 --> 00:20:32,910 Ja niin mitﺣ۳ kuvio joka on kehitysmaiden tﺣ۳ﺣ۳llﺣ۳? 440 00:20:32,910 --> 00:20:37,450 No, se nﺣ۳yttﺣ۳ﺣ۳ olevan niin, ettﺣ۳ HTML on kyse alkavat tag 441 00:20:37,450 --> 00:20:38,460 ja pﺣ۳ﺣ۳ttyy tag. 442 00:20:38,460 --> 00:20:39,300 Ja mikﺣ۳ on tagi? 443 00:20:39,300 --> 00:20:41,160 No, se on vain murikka syntaksin. 444 00:20:41,160 --> 00:20:44,400 Alkusulkumerkki, avainsana, suljettu kiinnike, on tunniste. 445 00:20:44,400 --> 00:20:45,510 Tai aloita tag. 446 00:20:45,510 --> 00:20:48,590 Ja sitten kun olet tehty ilmaista itseﺣ۳si, 447 00:20:48,590 --> 00:20:52,300 kuten olet tehnyt kohdan, teet niin sanotusti vastakohta. 448 00:20:52,300 --> 00:20:55,480 Mutta pﺣ۳invastainen ei ole aivan taaksepﺣ۳in. 449 00:20:55,480 --> 00:21:00,630 >> Sinun tarvitsee vain etuliite sama tagin nimi ja kauttaviivaa nﺣ۳in. 450 00:21:00,630 --> 00:21:01,130 Selvﺣ۳. 451 00:21:01,130 --> 00:21:02,570 Joten kaikki niin jﺣ۳nnittﺣ۳vﺣ۳ﺣ۳. 452 00:21:02,570 --> 00:21:05,270 Ja itse asiassa, emme tehdﺣ۳ Web kaikki ettﺣ۳ mielenkiintoisempia. 453 00:21:05,270 --> 00:21:07,630 Mitﺣ۳ jos haluan tehdﺣ۳ asiat isompi ja rohkea? 454 00:21:07,630 --> 00:21:11,780 Joten kﺣ۳y ilmi, ettﺣ۳ tﺣ۳ssﺣ۳ on esimerkki vuonna headings.html, missﺣ۳ ruumiini, 455 00:21:11,780 --> 00:21:17,280 Minulla H1 tag, H2, H3, neljﺣ۳, viisi tai kuusi, jotka kaikki 456 00:21:17,280 --> 00:21:18,310 nﺣ۳yttﺣ۳vﺣ۳t melko vaikeaselkoisia. 457 00:21:18,310 --> 00:21:21,010 Mutta jos menen avaa tﺣ۳mﺣ۳ Oletetaan esimerkiksi, katsomaan. 458 00:21:21,010 --> 00:21:22,490 Headings.html. 459 00:21:22,490 --> 00:21:27,030 >> Joten selaimet oletuksena voi antaa sinulle tekstiﺣ۳ se on iso ja rohkea erilaisia ﻗ€‹ﻗ€‹kokoja. 460 00:21:27,030 --> 00:21:28,070 H1 on iso. 461 00:21:28,070 --> 00:21:31,240 H6 on pienempi ja sitten kaikki muu siltﺣ۳ vﺣ۳liltﺣ۳. 462 00:21:31,240 --> 00:21:34,170 Niin, ettﺣ۳ on mielenkiintoista, mutta silti ei oikeastaan ﻗ€‹ﻗ€‹web tiedﺣ۳n. 463 00:21:34,170 --> 00:21:36,870 Mitﺣ۳ jos haluamme minulla on jotain lista. . 464 00:21:36,870 --> 00:21:40,190 Joten tﺣ۳ssﺣ۳ luettelomerkeillﺣ۳ kolme Harvardin taloja. 465 00:21:40,190 --> 00:21:41,600 >> Miten te sitten teet tﺣ۳mﺣ۳n? 466 00:21:41,600 --> 00:21:45,410 No, vilkaise list.html. 467 00:21:45,410 --> 00:21:47,870 Ja tﺣ۳ssﺣ۳ nﺣ۳emme hieman funkiness 468 00:21:47,870 --> 00:21:49,630 mutta Tarkastellaan mitﺣ۳ tapahtuu. 469 00:21:49,630 --> 00:21:56,182 Joten sen perusteella, mitﺣ۳ olet juuri nﺣ۳hnyt, UL tarkoittaa Jﺣ۳rjestﺣ۳mﺣ۳tﺣﭘn lista. 470 00:21:56,182 --> 00:21:57,640 Jﺣ۳rjestﺣ۳mﺣ۳tﺣﭘn lista tarkoittaa vain luettelomerkeillﺣ۳. 471 00:21:57,640 --> 00:21:58,431 Ei ole numeroita. 472 00:21:58,431 --> 00:22:01,850 Mukana on myﺣﭘs jotain kutsutaan jﺣ۳rjestetty lista, joka on OL klo tunniste. 473 00:22:01,850 --> 00:22:05,350 Sitten LI, luettelokohteen on kaikki se tarkoittaa. 474 00:22:05,350 --> 00:22:07,790 >> Ja niin se automaattisesti numerot kaiken puolestasi. 475 00:22:07,790 --> 00:22:11,270 Mutta jﺣ۳lleen kerran, kaikki minun sisennys ja valkoinen tila on vain minun tﺣ۳hteni. 476 00:22:11,270 --> 00:22:13,050 Selain ei ole todella tulee hoitaa. 477 00:22:13,050 --> 00:22:16,670 Joten vaikka et voisi tehdﺣ۳ tﺣ۳mﺣ۳n vain olla selkeﺣ۳, 478 00:22:16,670 --> 00:22:19,880 sinun ei pitﺣ۳isi vaikka selain vielﺣ۳ 479 00:22:19,880 --> 00:22:22,130 voi ymmﺣ۳rtﺣ۳ﺣ۳ sitﺣ۳ hienosti. 480 00:22:22,130 --> 00:22:24,590 Olen lyﺣﭘmﺣ۳llﺣ۳ reload minun selain, olen napsauttamalla reload 481 00:22:24,590 --> 00:22:26,760 ja mitﺣ۳ﺣ۳n muutosta tapahtuu sillﺣ۳ selain vielﺣ۳ 482 00:22:26,760 --> 00:22:29,550 tekee mitﺣ۳ sanon sitﺣ۳ tekemﺣ۳ﺣ۳n. 483 00:22:29,550 --> 00:22:30,050 >> Selvﺣ۳. 484 00:22:30,050 --> 00:22:31,340 Joten tﺣ۳mﺣ۳ kaikki on vain tekstiﺣ۳. 485 00:22:31,340 --> 00:22:33,730 Nyt tehdﺣ۳ﺣ۳n jotain mielenkiintoisempaa. 486 00:22:33,730 --> 00:22:36,660 Aion mennﺣ۳ eteenpﺣ۳in ja lainata tﺣ۳mﺣ۳n HTML. 487 00:22:36,660 --> 00:22:40,910 Aion mennﺣ۳ eteenpﺣ۳in ja Luo uusi tiedosto tﺣ۳stﺣ۳. 488 00:22:40,910 --> 00:22:43,370 Ja me kutsumme tﺣ۳tﺣ۳ rick.html. 489 00:22:43,370 --> 00:22:46,190 490 00:22:46,190 --> 00:22:48,916 Meillﺣ۳ on suhteettoman kﺣ۳ytetty jotain 491 00:22:48,916 --> 00:22:51,290 kutsutaan rick tela tﺣ۳ssﺣ۳ luokan tﺣ۳nﺣ۳ vuonna, en tiedﺣ۳, 492 00:22:51,290 --> 00:22:53,880 se vain tapahtui orgaanisesti. 493 00:22:53,880 --> 00:22:55,397 >> Ja nyt se sai kﺣ۳sistﺣ۳. 494 00:22:55,397 --> 00:22:56,730 Joten olen juuri menossa mennﺣ۳ sen kanssa. 495 00:22:56,730 --> 00:22:59,700 Ja jos menen Google Kuvat ja Rick Astley. 496 00:22:59,700 --> 00:23:02,450 497 00:23:02,450 --> 00:23:06,170 Jos et tiedﺣ۳ miksi me teemme tﺣ۳mﺣ۳, vain lukea siitﺣ۳ Wikipediasta. 498 00:23:06,170 --> 00:23:11,520 Joka kerta olet klikannut linkkiﺣ۳, Joku on nauraa jonnekin. 499 00:23:11,520 --> 00:23:14,860 Ja anna minun mennﺣ۳ ahead-- sinne menemme, katsotaanpa nﺣ۳hdﺣ۳ksesi kuva. 500 00:23:14,860 --> 00:23:16,750 >> Joten tﺣ۳ssﺣ۳ meillﺣ۳ kuvan Google Images. 501 00:23:16,750 --> 00:23:19,390 Ja Oletetaan, ettﺣ۳ tﺣ۳mﺣ۳ on kohtuudella kaikkialla Internetissﺣ۳. 502 00:23:19,390 --> 00:23:22,570 Joten aion olettaa se on OK minulle todella toteuttaa tﺣ۳mﺣ۳ minun verkkosivu. 503 00:23:22,570 --> 00:23:24,820 Aion mennﺣ۳ eteenpﺣ۳in ja kopioi kuvan URL-osoite. 504 00:23:24,820 --> 00:23:28,600 Ja nyt jos menen takaisin Cloud 9, katsotaanpa mitﺣ۳ voin tehdﺣ۳ tﺣ۳ﺣ۳llﺣ۳. 505 00:23:28,600 --> 00:23:30,630 Joten tﺣ۳ssﺣ۳ on vain web-sivun. 506 00:23:30,630 --> 00:23:39,020 Tﺣ۳mﺣ۳ on Rick Astley, haha, Aion nyt mennﺣ۳ takaisin 507 00:23:39,020 --> 00:23:43,510 minun selain, lataa, ja mielenkiintoinen. 508 00:23:43,510 --> 00:23:44,530 >> Missﺣ۳ Rick? 509 00:23:44,530 --> 00:23:46,050 Joten haluan nﺣ۳hdﺣ۳ mitﺣ۳ on tapahtunut. 510 00:23:46,050 --> 00:23:49,114 Oikeastaan, aion teeskennellﺣ۳ kuten en tee sitﺣ۳. 511 00:23:49,114 --> 00:23:50,280 [ﺣ„ﺣ۳netﺣﭘn] pani hﺣ۳net tﺣ۳nne. 512 00:23:50,280 --> 00:23:52,520 Palaamme tﺣ۳hﺣ۳n hetken kuluttua. 513 00:23:52,520 --> 00:23:54,200 Joten tﺣ۳ssﺣ۳ rick.html. 514 00:23:54,200 --> 00:23:56,070 Joten se ei ole Rick Astley. 515 00:23:56,070 --> 00:23:59,680 Joten se kﺣ۳ﺣ۳ntyy pois voimme itse lisﺣ۳tﺣ۳ hﺣ۳net tﺣ۳ﺣ۳llﺣ۳. 516 00:23:59,680 --> 00:24:00,830 Tﺣ۳mﺣ۳ on Rick Astley. 517 00:24:00,830 --> 00:24:06,680 Aion sanoa antaa minulle kuvan, jonka lﺣ۳hde on URL minﺣ۳ vain kopioida, joka 518 00:24:06,680 --> 00:24:09,110 ilmeisesti on onnellinen syntymﺣ۳pﺣ۳ivﺣ۳ jotain tai muuta. 519 00:24:09,110 --> 00:24:13,280 >> Ja nyt aion Sulje tag nﺣ۳in. 520 00:24:13,280 --> 00:24:15,170 Joten tﺣ۳mﺣ۳ on kﺣ۳ﺣ۳re erittﺣ۳in pitkﺣ۳. 521 00:24:15,170 --> 00:24:17,740 Mutta huomaan, ettﺣ۳ kaikki olen tehty on alkusulkumerkki kuva, 522 00:24:17,740 --> 00:24:20,270 lﺣ۳hde ominaisuus tﺣ۳mﺣ۳n. 523 00:24:20,270 --> 00:24:21,530 Ja se on todella pitkﺣ۳ URL. 524 00:24:21,530 --> 00:24:23,720 Ja aivan lopussa, huomaa. 525 00:24:23,720 --> 00:24:29,530 Miksi olen tehnyt slash kulma kiinnike sijasta, kuten kaikki muutkin tag, 526 00:24:29,530 --> 00:24:33,590 ottaa alkusulkumerkki, IMG, suljettu kiinnike? 527 00:24:33,590 --> 00:24:37,040 Vain yrittﺣ۳ﺣ۳ arvata, vaikka ei ole perehtyneisyys lainkaan 528 00:24:37,040 --> 00:24:40,410 HTML ennen. 529 00:24:40,410 --> 00:24:42,710 >> Joten se on, miten se sulkeutuu komento, mutta miksi 530 00:24:42,710 --> 00:24:45,850 se ei oikeastaan ﻗ€‹ﻗ€‹tee intuitiivinen jﺣ۳rkeﺣ۳ tehdﺣ۳ jotain hieman 531 00:24:45,850 --> 00:24:48,820 teonsana kuin lﺣ۳hellﺣ۳ kuva? 532 00:24:48,820 --> 00:24:51,400 Joo. 533 00:24:51,400 --> 00:24:52,000 Joo. 534 00:24:52,000 --> 00:24:55,620 Vain semanttisesti, ei ole mitﺣ۳ﺣ۳n tunnetta alkaen kuvan ja pﺣ۳ﺣ۳ttyy kuva, 535 00:24:55,620 --> 00:24:56,870 se on joko siellﺣ۳ tai se ei ole. 536 00:24:56,870 --> 00:25:00,960 Joten se ei ole jﺣ۳rkevﺣ۳ﺣ۳ jﺣ۳ttﺣ۳ﺣ۳ aukon mitﺣ۳ﺣ۳n muuta sisﺣ۳llﺣ۳ kuvan. 537 00:25:00,960 --> 00:25:02,010 Et vain voi tehdﺣ۳ sitﺣ۳. 538 00:25:02,010 --> 00:25:03,720 Ja niin syntaksin olisi yleensﺣ۳ vain 539 00:25:03,720 --> 00:25:07,910 tehdﺣ۳ vinoviiva sisﺣ۳llﺣ۳ avoimen tunnisteen tai alkutunniste 540 00:25:07,910 --> 00:25:09,020 ja sitten lyﺣﭘdﺣ۳ Tallenna. 541 00:25:09,020 --> 00:25:13,350 >> Jos siis nyt ladata tﺣ۳mﺣ۳ tiedosto, nyt Minulla on hyvﺣ۳ web-sivun ruoanlaitto tﺣ۳ﺣ۳llﺣ۳. 542 00:25:13,350 --> 00:25:15,100 Ja voisimme varmasti todella ﺣ۳rsyttﺣ۳ﺣ۳ ihmisiﺣ۳ 543 00:25:15,100 --> 00:25:17,010 upottamalla sijaan kuten YouTube linkki. 544 00:25:17,010 --> 00:25:19,350 Ja itse asiassa, tahansa olet koskaan mennyt YouTubeen, 545 00:25:19,350 --> 00:25:22,190 ja haluan todella vahingossa Rick Roll itseﺣ۳ni tﺣ۳ﺣ۳llﺣ۳. 546 00:25:22,190 --> 00:25:25,770 Joten Rick Roll. 547 00:25:25,770 --> 00:25:29,592 Joten Rick roll-- aion mennﺣ۳ tﺣ۳ﺣ۳llﺣ۳. 548 00:25:29,592 --> 00:25:31,900 >> [Musiikkia] 549 00:25:31,900 --> 00:25:33,730 >> OK, yksi henkilﺣﭘ pitﺣ۳nyt siitﺣ۳. 550 00:25:33,730 --> 00:25:37,270 Joten huomaat koko tﺣ۳mﺣ۳n ajan, jos Napsauta Jaa linkki, voit tietysti 551 00:25:37,270 --> 00:25:41,390 saada URL ettﺣ۳ voit itse upottaa sﺣ۳hkﺣﭘpostia tai oikeuslﺣ۳ﺣ۳ketieteen kuva 552 00:25:41,390 --> 00:25:43,730 tai ongelma asetettu tai dia. 553 00:25:43,730 --> 00:25:49,055 Ja nyt, jos olen sen sijaan klikkaa upottaa, huomaa, ettﺣ۳ koko tﺣ۳mﺣ۳n ajan, tﺣ۳tﺣ۳ tavaraa 554 00:25:49,055 --> 00:25:49,680 on ollut siellﺣ۳. 555 00:25:49,680 --> 00:25:50,910 Aion mennﺣ۳ eteenpﺣ۳in ja kopioi tﺣ۳mﺣ۳. 556 00:25:50,910 --> 00:25:54,000 >> Ja vain niin voimme nﺣ۳hdﺣ۳ sen paremmin, olen menossa liitﺣ۳ se minun tekstieditori. 557 00:25:54,000 --> 00:25:55,860 Huomaa, ettﺣ۳ tﺣ۳mﺣ۳ mitﺣ۳ YouTube on kertonut sinulle. 558 00:25:55,860 --> 00:25:57,693 Joka kerta kun vierailet YouTube-video, jos 559 00:25:57,693 --> 00:26:00,410 haluat upottaa videon web-sivun, yksinkertaisesti tarttua tﺣ۳hﺣ۳n. 560 00:26:00,410 --> 00:26:03,350 Joten tﺣ۳mﺣ۳ on vielﺣ۳ toinen HTML-koodi kutsutaan iframe. 561 00:26:03,350 --> 00:26:04,590 Tai linjassa runko. 562 00:26:04,590 --> 00:26:08,680 Joten se liian nﺣ۳yttﺣ۳ﺣ۳ hieman enemmﺣ۳n monimutkainen kuin kaikki muut. 563 00:26:08,680 --> 00:26:11,950 Joten kﺣ۳y ilmi, ettﺣ۳ kuva tag ja ilmeisesti IFRAME 564 00:26:11,950 --> 00:26:13,370 ottaa mitﺣ۳ kutsutaan mﺣ۳ﺣ۳ritteitﺣ۳. 565 00:26:13,370 --> 00:26:15,710 >> Ja tﺣ۳mﺣ۳ on toinen pala syntaksin HTML. 566 00:26:15,710 --> 00:26:19,240 Lisﺣ۳ksi tagin nimi, alkusulkumerkki tunnisteen nimi, 567 00:26:19,240 --> 00:26:23,780 voit ohjata kﺣ۳yttﺣ۳ytymistﺣ۳ tunnisteen ottaa koko joukko ominaisuus 568 00:26:23,780 --> 00:26:24,860 vastaa arvo. 569 00:26:24,860 --> 00:26:26,290 Taito vastaa arvo. 570 00:26:26,290 --> 00:26:28,100 Ja niin esimerkiksi, YouTube sanoo meille 571 00:26:28,100 --> 00:26:31,990 jos haluat leveys tﺣ۳mﺣ۳n videon olla 420 pikseliﺣ۳ ja korkeus 572 00:26:31,990 --> 00:26:35,470 olla 315 pikseliﺣ۳, joka on miten ilmaista se HTML. 573 00:26:35,470 --> 00:26:38,480 >> Lﺣ۳hde videon on menossa olla, ettﺣ۳ pitkﺣ۳ YouTuben URL-osoite 574 00:26:38,480 --> 00:26:40,830 ja sitten joitakin muita juttuja kuten runko raja on nolla, 575 00:26:40,830 --> 00:26:43,500 joten luultavasti tarkoittaa, ettﺣ۳ on ei reunus asia. 576 00:26:43,500 --> 00:26:45,450 Salli koko nﺣ۳ytﺣﭘn luultavasti tarkoittaa, ettﺣ۳ kﺣ۳yttﺣ۳jﺣ۳ 577 00:26:45,450 --> 00:26:47,840 voi napsauttaa painiketta ja todella koko nﺣ۳ytﺣﭘn videon. 578 00:26:47,840 --> 00:26:52,870 Joten jos en todellakaan halua olla vaikuttava tﺣ۳ﺣ۳llﺣ۳ Rick piste HTML, 579 00:26:52,870 --> 00:26:58,490 sijaan kﺣ۳yttﺣ۳ﺣ۳ kuvaa tunnistetta, anna minulle poistaa ettﺣ۳ sen sijaan, liitﺣ۳ tﺣ۳mﺣ۳. 580 00:26:58,490 --> 00:27:00,810 Ja nyt uudelleen. 581 00:27:00,810 --> 00:27:02,500 Ja nyt taas mennﺣ۳ﺣ۳n. 582 00:27:02,500 --> 00:27:04,979 583 00:27:04,979 --> 00:27:06,020 Okei, se riittﺣ۳ﺣ۳. 584 00:27:06,020 --> 00:27:08,970 Hyvﺣ۳ niin yritﺣ۳n vaikea ei tehdﺣ۳ sitﺣ۳ uudelleen. 585 00:27:08,970 --> 00:27:11,400 Mitkﺣ۳ ovat joitakin noutoruokapaikkoja tﺣ۳ﺣ۳llﺣ۳? 586 00:27:11,400 --> 00:27:15,130 Niin HTML, niin ruma kuin nﺣ۳iltﺣ۳ sivuilta ovat, on oikeastaan ﻗ€‹ﻗ€‹aika yksinkertainen. 587 00:27:15,130 --> 00:27:16,467 Se ei ole ohjelmointikieli. 588 00:27:16,467 --> 00:27:17,550 Se ei ole toimintoja. 589 00:27:17,550 --> 00:27:18,410 Se ei ole silmukoita. 590 00:27:18,410 --> 00:27:19,535 Se ei ole edellytyksiﺣ۳. 591 00:27:19,535 --> 00:27:22,900 Kaikki se on on kymmeniﺣ۳ tunnisteita, joista jokainen 592 00:27:22,900 --> 00:27:24,620 on nolla tai useampia ominaisuuksia. 593 00:27:24,620 --> 00:27:27,320 Ja itse asiassa, mitﺣ۳ hauskaa siitﺣ۳ HTML kun alkaa sukeltaa 594 00:27:27,320 --> 00:27:29,560 on, ettﺣ۳ se on hyvin itsensﺣ۳ oppivainen. 595 00:27:29,560 --> 00:27:32,880 >> Kaikki se kestﺣ۳ﺣ۳ on kﺣ۳sitys yleisen kehyksen HTML. 596 00:27:32,880 --> 00:27:36,510 Mikﺣ۳ on tunniste, mikﺣ۳ on ominaisuus, miten voit itse mﺣ۳ﺣ۳rittﺣ۳ﺣ۳ sivun 597 00:27:36,510 --> 00:27:37,250 seuraavasti. 598 00:27:37,250 --> 00:27:40,720 Ja kaikki muu on todella tulos etsimisessﺣ۳ online viittaus 599 00:27:40,720 --> 00:27:43,080 tai googling miten tehdﺣ۳ joitakin tekniikkaa tai kuten olemme nﺣ۳hneet, 600 00:27:43,080 --> 00:27:45,371 katsomalla Facebookin lﺣ۳hde koodi, katsot verkkosivuilla 601 00:27:45,371 --> 00:27:48,710 ettﺣ۳ pidﺣ۳t sitﺣ۳ lﺣ۳hdekoodista ja ymmﺣ۳rtﺣ۳ﺣ۳, miten kehittﺣ۳jﺣ۳t siellﺣ۳ 602 00:27:48,710 --> 00:27:50,550 todella sﺣ۳ﺣ۳detyn asioita. 603 00:27:50,550 --> 00:27:52,180 >> Joten voimme tehdﺣ۳ kuvia samoin. 604 00:27:52,180 --> 00:27:53,994 Ja itse asiassa me teimme sen hetki sitten. 605 00:27:53,994 --> 00:27:55,410 Anna minun mennﺣ۳ eteenpﺣ۳in ja vain nﺣ۳yttﺣ۳ﺣ۳. 606 00:27:55,410 --> 00:27:56,770 Seuraavassa joitakin mallikoodia. 607 00:27:56,770 --> 00:27:58,380 Jos joskus haluat nﺣ۳hdﺣ۳ jﺣﭘrﺣﭘ kissa. 608 00:27:58,380 --> 00:28:00,620 Niin huomaa, ettﺣ۳ voin on kuva tag tﺣ۳ﺣ۳llﺣ۳. 609 00:28:00,620 --> 00:28:02,090 Ja minulla kommentin ylﺣ۳puolella. 610 00:28:02,090 --> 00:28:04,490 Minulla vaihtoehto teksti esteettﺣﭘmyyden. 611 00:28:04,490 --> 00:28:07,250 Joten joku on kﺣ۳yttﺣ۳en nﺣ۳ytﺣﭘn lukija syistﺣ۳ nﺣ۳ﺣﭘn 612 00:28:07,250 --> 00:28:10,172 voi itse sitten heidﺣ۳n nﺣ۳ytﺣﭘnlukijaohjelma sanoa jﺣﭘrﺣﭘ kissa. 613 00:28:10,172 --> 00:28:11,880 Koska jos he eivﺣ۳t voi katso kuva, ne 614 00:28:11,880 --> 00:28:14,504 voi ainakin olla heidﺣ۳n tietokone kertoa heille suullisesti, mikﺣ۳ on. 615 00:28:14,504 --> 00:28:18,020 Ja lﺣ۳hde ettﺣ۳ tiedosto on cat.jpeg. 616 00:28:18,020 --> 00:28:22,472 Niin itse asiassa, jos halusin saada fiksu, mitﺣ۳ voisin olla done-- 617 00:28:22,472 --> 00:28:25,680 Lupaan ei mennﺣ۳ Rick Astley, joten Aion google kissa sijaan. 618 00:28:25,680 --> 00:28:28,290 Ja jos menen Google Images tﺣ۳ﺣ۳llﺣ۳, ja oletamme 619 00:28:28,290 --> 00:28:30,040 ettﺣ۳ tﺣ۳mﺣ۳ on kuva minun kissa. 620 00:28:30,040 --> 00:28:35,070 >> Oletetaan, ettﺣ۳ minulla on ohjaus napsautetaan tai oikealle napsautti tﺣ۳mﺣ۳n, vahingossa 621 00:28:35,070 --> 00:28:35,630 kammottava. 622 00:28:35,630 --> 00:28:40,320 Ja cat.jpeg aion sﺣ۳ﺣ۳stﺣ۳ﺣ۳ tyﺣﭘpﺣﭘydﺣ۳lle. 623 00:28:40,320 --> 00:28:44,700 Haluaisin nyt palata pilvi 9. 624 00:28:44,700 --> 00:28:48,150 Huomaa, ettﺣ۳ tﺣ۳ﺣ۳llﺣ۳, voin Siirry ladata paikallisia tiedostoja. 625 00:28:48,150 --> 00:28:51,530 Ja jos nappaan tﺣ۳mﺣ۳n tiedosto, cat.jpeg, ilmoitus 626 00:28:51,530 --> 00:28:54,674 ettﺣ۳ voin vetﺣ۳ﺣ۳ sen ja pudota Cloud 9 627 00:28:54,674 --> 00:28:56,090 ja se tulee huutaa minua tﺣ۳ﺣ۳llﺣ۳. 628 00:28:56,090 --> 00:28:59,000 >> Koska olemme jo antanut sinulle cat.jpeg tiedoston, 629 00:28:59,000 --> 00:29:01,430 mutta se on erittﺣ۳in helppo napata kuva ettﺣ۳ olet 630 00:29:01,430 --> 00:29:03,220 otettu Facebook tai Flickr tms 631 00:29:03,220 --> 00:29:05,678 ja todella vetﺣ۳ﺣ۳ ja pudottaa sen osaksi pilvi 9 ja sitten tehdﺣ۳ se 632 00:29:05,678 --> 00:29:07,970 osa oman henkilﺣﭘkohtaisen verkkosivuilla tai ongelma 633 00:29:07,970 --> 00:29:10,442 asettaa seitsemﺣ۳n tai kahdeksan kuten tulemme pian nﺣ۳hdﺣ۳. 634 00:29:10,442 --> 00:29:12,150 Ja sitten kun vihdoin kﺣ۳ydﺣ۳ ettﺣ۳ kissa, 635 00:29:12,150 --> 00:29:16,610 olettaen olen ladannut ettﺣ۳ sama kissa, ilmoitusta that-- ettﺣ۳ oli ihana. 636 00:29:16,610 --> 00:29:19,160 >> Mitﺣ۳ nﺣ۳kisitte on jotain tﺣ۳llaista kasvot tﺣ۳ﺣ۳llﺣ۳. 637 00:29:19,160 --> 00:29:21,810 Joten tiedostot viittaus web-sivulla 638 00:29:21,810 --> 00:29:26,050 voi olla joko paikallinen omassa tili tai kauko muulla palvelimella 639 00:29:26,050 --> 00:29:29,670 kuten tapauksessa Rick Astley kuva hieman sitten. 640 00:29:29,670 --> 00:29:32,990 Joten jos else-- mitﺣ۳ muuta voimme tehdﺣ۳ tﺣ۳ﺣ۳llﺣ۳? 641 00:29:32,990 --> 00:29:34,890 Joten katsomaan seuraavaa. 642 00:29:34,890 --> 00:29:36,160 Tiedﺣ۳tkﺣﭘ mikﺣ۳ on erﺣ۳ﺣ۳nlainen jﺣ۳ﺣ۳htyﺣ۳? 643 00:29:36,160 --> 00:29:39,330 >> Olemme tﺣ۳hﺣ۳n mennessﺣ۳ tehneet hyvin staattisia verkkosivuja. 644 00:29:39,330 --> 00:29:41,830 Haluan mausteeksi asioita seuraavasti. 645 00:29:41,830 --> 00:29:44,344 Haluan tehdﺣ۳ oman hakukoneen. 646 00:29:44,344 --> 00:29:47,010 Joten tehdﺣ۳ hakukoneen, katsotaanpa mennﺣ۳ eteenpﺣ۳in ja alkaa tehdﺣ۳ tﺣ۳tﺣ۳. 647 00:29:47,010 --> 00:29:52,570 Aion mennﺣ۳ eteenpﺣ۳in ja luoda uusi tiedosto nimeltﺣ۳ search.html. 648 00:29:52,570 --> 00:29:54,890 Ja olemme prefabed versioita verkossa. 649 00:29:54,890 --> 00:29:56,027 Oho. 650 00:29:56,027 --> 00:29:57,610 ﺣ„lﺣ۳ liitﺣ۳ pﺣ۳ﺣ۳teikkuna. 651 00:29:57,610 --> 00:29:58,744 Valmistalo versiot verkossa. 652 00:29:58,744 --> 00:30:00,160 Ja aion aloittaa seuraavasti. 653 00:30:00,160 --> 00:30:04,490 Joten tﺣ۳ssﺣ۳ on alku tiedosto nimeltﺣ۳ search.html. 654 00:30:04,490 --> 00:30:07,510 Aion tallentaa sen pﺣ۳ivﺣ۳n lﺣ۳hde hakemistoon. 655 00:30:07,510 --> 00:30:09,079 Aion kutsua tﺣ۳tﺣ۳ haku. 656 00:30:09,079 --> 00:30:10,370 Oikeastaan ﻗ€‹ﻗ€‹me tehdﺣ۳ se paremmin. 657 00:30:10,370 --> 00:30:13,600 CS50 Etsi ja todella tuotemerkin sitﺣ۳. 658 00:30:13,600 --> 00:30:17,500 Ja nyt, aion sanoa jotain H1 CS50 Etsi. 659 00:30:17,500 --> 00:30:20,930 Ja sitten tﺣ۳ﺣ۳llﺣ۳, H2 tulossa pian. 660 00:30:20,930 --> 00:30:23,230 Ja vain kertaus, H1 ja H2 tarkoittaa mitﺣ۳ vastaavasti? 661 00:30:23,230 --> 00:30:26,750 662 00:30:26,750 --> 00:30:30,320 >> Joo, niin iso ja rohkea, ja ole niin suuri, mutta silti rohkea. 663 00:30:30,320 --> 00:30:37,375 Jos siis tallentaa tﺣ۳mﺣ۳n ja mennﺣ۳ tﺣ۳nne, katsotaanpa tiedosto search.html. 664 00:30:37,375 --> 00:30:42,560 Selvﺣ۳, ja tﺣ۳mﺣ۳ on right-- [ﺣ۳ﺣ۳netﺣﭘn]. 665 00:30:42,560 --> 00:30:46,980 666 00:30:46,980 --> 00:30:49,110 Valmiustila. 667 00:30:49,110 --> 00:30:49,945 David on sekava. 668 00:30:49,945 --> 00:30:52,610 669 00:30:52,610 --> 00:30:54,080 Voi, se on tuolla. 670 00:30:54,080 --> 00:30:54,860 Daavidin idiootti. 671 00:30:54,860 --> 00:30:55,420 OK. 672 00:30:55,420 --> 00:30:56,660 Joten siellﺣ۳ se on. 673 00:30:56,660 --> 00:30:58,350 Joten CS50 haku tulossa pian. 674 00:30:58,350 --> 00:31:00,370 Joten nyt, nyt koota mitﺣ۳ teimme viime viikolla. 675 00:31:00,370 --> 00:31:03,400 >> Jossa puhuimme alemman tason mekaniikka HTTP. 676 00:31:03,400 --> 00:31:05,780 Ja nﺣ۳mﺣ۳ uudet ideat HTML, joka on vain 677 00:31:05,780 --> 00:31:08,890 tﺣ۳mﺣ۳ markup language missﺣ۳ kertoa selaimen tarkalleen, mitﺣ۳ tehdﺣ۳ 678 00:31:08,890 --> 00:31:10,740 ja toteuttaa oman hakukoneen. 679 00:31:10,740 --> 00:31:12,520 Joten sen sijaan vain sanomalla tulossa, olen 680 00:31:12,520 --> 00:31:14,810 menossa esitellﺣ۳ jotain kutsutaan muodossa tag. 681 00:31:14,810 --> 00:31:19,610 Ja tﺣ۳ssﺣ۳ muodossa, aion on jotain syﺣﭘttﺣﭘkentﺣ۳ssﺣ۳. 682 00:31:19,610 --> 00:31:22,450 >> Ja nimi tﺣ۳mﺣ۳n tulon kenttﺣ۳, aion kutsua sitﺣ۳ Q. 683 00:31:22,450 --> 00:31:26,240 Ja tyyppi tﺣ۳mﺣ۳n syﺣﭘttﺣﭘkentﺣ۳n Aion sanoa vain "teksti". 684 00:31:26,240 --> 00:31:29,130 Ja tekstikenttﺣ۳ﺣ۳n, kuten tulemme katso, on vain tekstikenttﺣ۳ﺣ۳n. 685 00:31:29,130 --> 00:31:32,830 Ja niin se ei tunnista tﺣ۳ﺣ۳llﺣ۳ on mitﺣ۳ﺣ۳n sen sisﺣ۳llﺣ۳ tﺣ۳ssﺣ۳ vaiheessa. 686 00:31:32,830 --> 00:31:35,320 Ja niin olen yksinkertaisesti menossa Sulje tag, ettﺣ۳ 687 00:31:35,320 --> 00:31:38,099 kauttaviiva aivan tag itse. 688 00:31:38,099 --> 00:31:39,890 Ja sitten aion on yksi muu tulo. 689 00:31:39,890 --> 00:31:43,480 Tulotyypin vastaa esittﺣ۳ﺣ۳. 690 00:31:43,480 --> 00:31:45,320 Ja sitten aion Sulje tﺣ۳mﺣ۳kin. 691 00:31:45,320 --> 00:31:46,840 >> Ja nyt aion mennﺣ۳ takaisin tﺣ۳nne. 692 00:31:46,840 --> 00:31:49,520 Ja jo nﺣ۳emme, vaikkakin melko ruma, olen 693 00:31:49,520 --> 00:31:52,460 sai alkaa oma haku sivu tﺣ۳ﺣ۳llﺣ۳. 694 00:31:52,460 --> 00:31:55,150 Itse asiassa, haluaisin yrittﺣ۳ﺣ۳ puhdista ylﺣﭘs hieman. 695 00:31:55,150 --> 00:31:57,330 On kﺣ۳ynyt ilmi, ettﺣ۳ tulo tﺣ۳ﺣ۳llﺣ۳, voin olla 696 00:31:57,330 --> 00:31:59,910 toinen ominaisuus nimeltﺣ۳ﺣ۳n paikkamerkki. 697 00:31:59,910 --> 00:32:05,165 Ja voisin nﺣ۳hdﺣ۳ jotain avainsanoja, tai tarkemmin, kyselyn q. 698 00:32:05,165 --> 00:32:07,820 >> Ja huomaa, nyt minulla on tﺣ۳llainen harmaa teksti 699 00:32:07,820 --> 00:32:10,440 ettﺣ۳ katoaa heti kun alat kirjoittaa, 700 00:32:10,440 --> 00:32:12,930 mutta se on luultavasti jotain olet nﺣ۳hnyt muissa web-sivuja. 701 00:32:12,930 --> 00:32:14,650 En todellakaan pidﺣ۳ Lﺣ۳hetﺣ۳-painiketta. 702 00:32:14,650 --> 00:32:18,320 Joten olen todella aio antaa Lﺣ۳hetﺣ۳-painiketta arvon haku. 703 00:32:18,320 --> 00:32:21,680 Ja nyt, jos olen ladata, huomaan, ettﺣ۳ minun painike muuttuu nimeltﺣ۳ﺣ۳n haku. 704 00:32:21,680 --> 00:32:24,140 Tiedﺣ۳tkﺣﭘ, en oikein kuten logo tﺣ۳ﺣ۳llﺣ۳. 705 00:32:24,140 --> 00:32:27,140 Joten Google Font generaattori. 706 00:32:27,140 --> 00:32:28,820 >> Haluan piristﺣ۳ﺣ۳ tﺣ۳tﺣ۳ entisestﺣ۳ﺣ۳n. 707 00:32:28,820 --> 00:32:30,660 Niin CS50 haku. 708 00:32:30,660 --> 00:32:31,870 Saanen luoda oma logo. 709 00:32:31,870 --> 00:32:33,080 Se nﺣ۳yttﺣ۳ﺣ۳ hienolta. 710 00:32:33,080 --> 00:32:36,945 Joten nyt haluan tallentaa tﺣ۳mﺣ۳n as-- tulla. 711 00:32:36,945 --> 00:32:40,710 712 00:32:40,710 --> 00:32:43,120 Jos menee? 713 00:32:43,120 --> 00:32:43,620 Siellﺣ۳. 714 00:32:43,620 --> 00:32:44,160 OK. 715 00:32:44,160 --> 00:32:44,980 Ohi. 716 00:32:44,980 --> 00:32:47,740 Tallenna nimellﺣ۳. 717 00:32:47,740 --> 00:32:49,470 Tyhmﺣ۳ selaimissa. 718 00:32:49,470 --> 00:32:51,700 Valmiustila, aiomme korjata lopullisesti. 719 00:32:51,700 --> 00:32:57,650 720 00:32:57,650 --> 00:32:58,590 Siellﺣ۳ mennﺣ۳ﺣ۳n. 721 00:32:58,590 --> 00:32:59,090 Selvﺣ۳. 722 00:32:59,090 --> 00:32:59,600 Anteeksi. 723 00:32:59,600 --> 00:33:00,750 Vapaapﺣ۳ivﺣ۳. 724 00:33:00,750 --> 00:33:02,310 Nyt tﺣ۳mﺣ۳ on funky. 725 00:33:02,310 --> 00:33:03,160 Poistu koko nﺣ۳ytﺣﭘn. 726 00:33:03,160 --> 00:33:04,150 Selvﺣ۳. 727 00:33:04,150 --> 00:33:06,870 >> Nyt, kuten normaali henkilﺣﭘ, tallentaa kuvan. 728 00:33:06,870 --> 00:33:08,810 Logo.gif. 729 00:33:08,810 --> 00:33:13,194 Nyt aion mennﺣ۳ CS50IDE ja Aion yksinkertaisesti napata logo, 730 00:33:13,194 --> 00:33:15,360 Aion vedﺣ۳ se minun lﺣ۳hde seitsemﺣ۳n hakemistoon, 731 00:33:15,360 --> 00:33:17,002 tiedosto on jo olemassa, olen OK kanssa. 732 00:33:17,002 --> 00:33:19,210 Joten aion ohittaa sen koska olen jo ollut se. 733 00:33:19,210 --> 00:33:20,630 Ja nyt miten voin pﺣ۳ﺣ۳stﺣ۳ eroon tﺣ۳stﺣ۳? 734 00:33:20,630 --> 00:33:24,670 >> Mennﺣ۳ﺣ۳n eteenpﺣ۳in tﺣ۳ﺣ۳llﺣ۳ ja tehdﺣ۳ kuvalﺣ۳hde vastaa logo.gif. 735 00:33:24,670 --> 00:33:25,490 Sulje tﺣ۳mﺣ۳. 736 00:33:25,490 --> 00:33:26,050 Tallenna. 737 00:33:26,050 --> 00:33:30,560 Ja nyt jos menen takaisin minun haku sivu, nyt se nﺣ۳yttﺣ۳nyt aika hyvﺣ۳ltﺣ۳. 738 00:33:30,560 --> 00:33:33,610 Selvﺣ۳, joten se ei ole varsin tehnyt mitﺣ۳ﺣ۳n hyﺣﭘdyllistﺣ۳. 739 00:33:33,610 --> 00:33:37,000 Itse asiassa, haluaisin kokeile hakua kissa ja katso mitﺣ۳ tapahtuu. 740 00:33:37,000 --> 00:33:38,890 Kissat. 741 00:33:38,890 --> 00:33:39,420 Perkele. 742 00:33:39,420 --> 00:33:41,400 Se ei vain toimi, ilmeisesti. 743 00:33:41,400 --> 00:33:43,760 Niin mitﺣ۳ avain pala ettﺣ۳ puuttuu tﺣ۳ﺣ۳llﺣ۳? 744 00:33:43,760 --> 00:33:49,100 >> Oikea, vaikka et tiedﺣ۳ mitﺣ۳ﺣ۳n HTML, Olen alkanut merkintﺣ۳ ylﺣﭘs puhelin lomake 745 00:33:49,100 --> 00:33:54,130 ja olen kertonut sen, miten saada tuloa, anna minulle tekstikenttﺣ۳ﺣ۳n ja Lﺣ۳hetﺣ۳-painiketta, 746 00:33:54,130 --> 00:33:55,730 mitﺣ۳ pala on ilmeisesti puuttuu? 747 00:33:55,730 --> 00:33:58,975 Oletetaan haluamme todella saada tﺣ۳mﺣ۳ asia toimii oikein. 748 00:33:58,975 --> 00:34:02,420 749 00:34:02,420 --> 00:34:05,360 Mitﺣ۳ meidﺣ۳n pitﺣ۳ﺣ۳ tehdﺣ۳? 750 00:34:05,360 --> 00:34:08,860 Meillﺣ۳ on tarve toteuttaa loppupﺣ۳ﺣ۳tﺣ۳ tietokanta tai hakukoneen itse, 751 00:34:08,860 --> 00:34:11,210 ja ettﺣ۳ tulee viemﺣ۳ﺣ۳n paljon aikaa, rehellisesti. 752 00:34:11,210 --> 00:34:13,380 >> Joten muistaa, mitﺣ۳ teimme viime kerralla. 753 00:34:13,380 --> 00:34:18,230 Joten jos etsit jotain Googlessa ja olet etukﺣ۳teen estetty, 754 00:34:18,230 --> 00:34:20,355 Recall, instant haku. 755 00:34:20,355 --> 00:34:22,230 Haluan siis puolestaan, ettﺣ۳ pois niin, ettﺣ۳ tﺣ۳mﺣ۳ todella 756 00:34:22,230 --> 00:34:26,650 kﺣ۳yttﺣ۳ytyy kuin vanhempi koulu selain, jos en nyt etsiﺣ۳ jotain kissat, 757 00:34:26,650 --> 00:34:28,190 muistaa, mitﺣ۳ URL nﺣ۳yttﺣ۳ﺣ۳. 758 00:34:28,190 --> 00:34:29,449 Se on aika arvoituksellinen. 759 00:34:29,449 --> 00:34:33,000 Mutta upotettu siellﺣ۳, Recall, on kauttaviiva haku. 760 00:34:33,000 --> 00:34:35,100 Kysymysmerkki Q on yhtﺣ۳ kissaa. 761 00:34:35,100 --> 00:34:37,760 >> Ja ettﺣ۳ nﺣ۳yttﺣ۳isi antaa minulle koko joukko hakutuloksissa. 762 00:34:37,760 --> 00:34:39,134 Niin tiedﺣ۳t mitﺣ۳ aion tehdﺣ۳? 763 00:34:39,134 --> 00:34:41,650 Aion lainata Google vain minuutin. 764 00:34:41,650 --> 00:34:43,670 Aion mennﺣ۳ yli tﺣ۳ﺣ۳llﺣ۳ ja aion sanoa 765 00:34:43,670 --> 00:34:47,850 ettﺣ۳ tﺣ۳mﺣ۳ muodostaa toiminta tai kohde, niin sanoakseni, 766 00:34:47,850 --> 00:34:49,330 olisi kirjaimellisesti olla Google. 767 00:34:49,330 --> 00:34:52,590 Ja menetelmﺣ۳ halusin kﺣ۳yttﺣﭘtarkoituksen tulee olemaan saada. 768 00:34:52,590 --> 00:34:53,560 >> Joten mikﺣ۳ on toimia? 769 00:34:53,560 --> 00:34:55,760 Toiminta on outo nimi, mutta se tarkoittaa vain 770 00:34:55,760 --> 00:34:58,120 kuka kﺣ۳sittelemﺣ۳ﺣ۳n toimia tﺣ۳mﺣ۳n lomakkeen? 771 00:34:58,120 --> 00:35:00,820 Kun klikkaa haku, jossa olisi tulos mennﺣ۳? 772 00:35:00,820 --> 00:35:05,300 Ja jos minﺣ۳ nyt mennﺣ۳ takaisin minun muodossa tﺣ۳ﺣ۳llﺣ۳ ja lataa Web-sivu 773 00:35:05,300 --> 00:35:09,000 ja nyt etsiﺣ۳ jotain kuten koira, huomaa nyt 774 00:35:09,000 --> 00:35:10,850 Olen uudelleen toteutettu Google. 775 00:35:10,850 --> 00:35:11,350 Oikea? 776 00:35:11,350 --> 00:35:14,141 >> Jos haluan etsiﺣ۳ jotain muuten, se toimii ei vain koiria, 777 00:35:14,141 --> 00:35:16,400 se toimii myﺣﭘs kissoille. 778 00:35:16,400 --> 00:35:21,930 Se toimii myﺣﭘs CS50. 779 00:35:21,930 --> 00:35:24,310 Ja OK, tﺣ۳mﺣ۳ on vain alle whelming, eikﺣﭘ olekin? 780 00:35:24,310 --> 00:35:25,920 Hyvﺣ۳ on, mutta se todella toimii. 781 00:35:25,920 --> 00:35:27,360 Joten mitﺣ۳ todella tapahtuu? 782 00:35:27,360 --> 00:35:31,340 Joten olen opettanut selaimen avulla HTML, ottaa panosta kﺣ۳yttﺣ۳jﺣ۳ 783 00:35:31,340 --> 00:35:35,810 ja itse lﺣ۳hettﺣ۳ﺣ۳ ettﺣ۳ panos etﺣ۳palvelimeen HTTP. 784 00:35:35,810 --> 00:35:39,120 >> Ja koska minun selain ymmﺣ۳rtﺣ۳ﺣ۳ HTTP, se todella 785 00:35:39,120 --> 00:35:43,500 rakentaa URL niin, ettﺣ۳ mitﺣ۳ Pﺣ۳ﺣ۳dyn yli minun selaimessa, 786 00:35:43,500 --> 00:35:45,660 huomaa, mitﺣ۳ tapahtuu kun olen etsinyt koira. 787 00:35:45,660 --> 00:35:49,270 Jos minﺣ۳ klikkaa haku, huomaat ettﺣ۳ URL muuttuu aioin 788 00:35:49,270 --> 00:35:52,770 ettﺣ۳ google.com/search kysely vastaa koira. 789 00:35:52,770 --> 00:35:56,020 Ja se johtuu muodossa tietﺣ۳ﺣ۳, koska menetelmﺣ۳ on saada, 790 00:35:56,020 --> 00:35:59,560 yksinkertaisesti liittﺣ۳ﺣ۳ sen, ettﺣ۳ URL siellﺣ۳. 791 00:35:59,560 --> 00:36:01,730 >> Nyt nﺣ۳mﺣ۳ sivut ovat vielﺣ۳ ruma. 792 00:36:01,730 --> 00:36:04,890 Joten kﺣ۳yttﺣﭘﺣﭘn yksi muu pala syntaksin jos voimme tﺣ۳nﺣ۳ﺣ۳n. 793 00:36:04,890 --> 00:36:07,640 Ja tﺣ۳mﺣ۳ on jotain tunnettu kuten CSS-tyylisivuja. 794 00:36:07,640 --> 00:36:10,720 Saanen siis katsomaan Tﺣ۳ssﺣ۳ esimerkissﺣ۳ tﺣ۳ﺣ۳llﺣ۳ ja nﺣ۳hdﺣ۳ 795 00:36:10,720 --> 00:36:12,380 jos voimme pﺣ۳ﺣ۳tellﺣ۳, mitﺣ۳ on tekeillﺣ۳. 796 00:36:12,380 --> 00:36:14,520 Tﺣ۳mﺣ۳ on CSS0.html. 797 00:36:14,520 --> 00:36:16,532 Ja tﺣ۳mﺣ۳ on silloin, kun asiat saada vﺣ۳hﺣ۳n ruma. 798 00:36:16,532 --> 00:36:18,490 Koska valitettavasti, maailmassa rainan, 799 00:36:18,490 --> 00:36:20,920 HTML ei voi yksin tehdﺣ۳ kaikkea. 800 00:36:20,920 --> 00:36:22,920 Joten jos haluat tyylitellﺣ۳ web-sivun, 801 00:36:22,920 --> 00:36:28,370 todella tarvitset keskittyﺣ۳ estetiikka eri tavalla. 802 00:36:28,370 --> 00:36:33,090 Joten tﺣ۳ssﺣ۳, minulla on ruumiin minun web sivu jonka sisﺣ۳llﺣ۳ on suuri div. 803 00:36:33,090 --> 00:36:34,700 Ja div vain tarkoittaa jako. 804 00:36:34,700 --> 00:36:38,060 Joten se on kuin kohta, mutta se ei ole sama semantiikkaa 805 00:36:38,060 --> 00:36:39,180 of tekstikappale. 806 00:36:39,180 --> 00:36:40,940 >> Tﺣ۳mﺣ۳ vain tarkoittaa selain, tﺣ۳ssﺣ۳ tulee 807 00:36:40,940 --> 00:36:45,210 iso suorakulmainen alue minun web sivu, haluan kﺣ۳sitellﺣ۳ sitﺣ۳ erityisesti. 808 00:36:45,210 --> 00:36:47,420 Nyt, linja 21 on silloin, ettﺣ۳ div alkaa. 809 00:36:47,420 --> 00:36:48,770 Ja ota arvaus. 810 00:36:48,770 --> 00:36:53,080 Mikﺣ۳ vaikutus linjan 21 Loput sivun sisﺣ۳ltﺣﭘﺣ۳? 811 00:36:53,080 --> 00:36:55,640 812 00:36:55,640 --> 00:36:56,311 Keskitys se. 813 00:36:56,311 --> 00:36:56,810 Siinﺣ۳ kaikki. 814 00:36:56,810 --> 00:36:58,830 Joten emme ole nﺣ۳hneet tapa todella keskitys tekstiﺣ۳. 815 00:36:58,830 --> 00:37:00,996 >> Itse asiassa, minun hakukone, toisin kuin todellinen Google, 816 00:37:00,996 --> 00:37:03,040 kaikki oli perusteltua yli vasemmalle. 817 00:37:03,040 --> 00:37:07,430 Ja niin nyt linjassa 21, sanon, hei selain, luoda jako sivun. 818 00:37:07,430 --> 00:37:09,450 Anna minulle iso, nﺣ۳kymﺣ۳tﺣﭘn suorakulmio. 819 00:37:09,450 --> 00:37:11,490 Niin haluan ajatella sivun. 820 00:37:11,490 --> 00:37:13,870 Ja sitten tyylitellﺣ۳ sen seuraavasti. 821 00:37:13,870 --> 00:37:16,900 Sisﺣ۳ltﺣ۳ lainausmerkit, nyt on toinen kieli 822 00:37:16,900 --> 00:37:19,969 ettﺣ۳ otimme kﺣ۳yttﺣﭘﺣﭘn tﺣ۳nﺣ۳ﺣ۳n nimeltﺣ۳ﺣ۳n CSS. 823 00:37:19,969 --> 00:37:22,010 Onneksi, se myﺣﭘs ei ole ohjelmointikieli, 824 00:37:22,010 --> 00:37:26,470 joten se on hyvin rajallinen sen syntaksi mutta myﺣﭘs hyvin rajoitettu sen toimivuus 825 00:37:26,470 --> 00:37:30,670 katsoo HTML on kyse merkintﺣ۳ ylﺣﭘs tiedot web-sivun 826 00:37:30,670 --> 00:37:32,130 ja rakenne Web-sivun. 827 00:37:32,130 --> 00:37:35,320 CSS on yleensﺣ۳ noin viimeisen mailin, estetiikka, 828 00:37:35,320 --> 00:37:40,160 saada koko ja vﺣ۳ri ja sijoitus juuri oikea web-sivulle. 829 00:37:40,160 --> 00:37:43,000 Ja todellakin, se muodostuu keskeisten arvoparit. 830 00:37:43,000 --> 00:37:46,290 >> Omaisuus nﺣ۳in, teksti kohdista, seuraa kaksoispiste, 831 00:37:46,290 --> 00:37:49,720 jota seuraa arvo, joka omaisuus, joka tﺣ۳ssﺣ۳ tapauksessa on keskus. 832 00:37:49,720 --> 00:37:51,910 Ja nyt huomaa voi pesﺣ۳ nﺣ۳mﺣ۳ asiat. 833 00:37:51,910 --> 00:37:56,780 Jos halusin kaiken ettﺣ۳ Olen korostanut olla keskitetty, 834 00:37:56,780 --> 00:38:00,270 siksi minulla on linja 21 ja vastaava rivi 31. 835 00:38:00,270 --> 00:38:04,820 Mutta oletetaan nyt halua sanoa John Harvardin, tervetuloa kotisivuilleni. 836 00:38:04,820 --> 00:38:06,530 >> Copyright-merkin John Harvard. 837 00:38:06,530 --> 00:38:09,180 Ja kai haluan ensin nﺣ۳mﺣ۳ linjat olla aika iso. 838 00:38:09,180 --> 00:38:10,450 36 pikseliﺣ۳. 839 00:38:10,450 --> 00:38:11,530 Niin, ettﺣ۳ kunnon kokoinen. 840 00:38:11,530 --> 00:38:13,240 Ja halusin sen paino olla rohkea. 841 00:38:13,240 --> 00:38:15,450 Mutta sitten alle, Haluan pienempi teksti. 842 00:38:15,450 --> 00:38:19,980 Ja sen alapuolella, haluan jopa pienempi teksti. 843 00:38:19,980 --> 00:38:20,480 Anteeksi. 844 00:38:20,480 --> 00:38:24,490 845 00:38:24,490 --> 00:38:26,940 Tﺣ۳nﺣ۳ﺣ۳n tuntuu pois pﺣ۳ivﺣ۳. 846 00:38:26,940 --> 00:38:29,840 >> Joten nyt, mitﺣ۳ teen ilmaista tﺣ۳mﺣ۳n? 847 00:38:29,840 --> 00:38:34,580 Tﺣ۳ﺣ۳llﺣ۳ linjalla 22 on upotettu div tai sisﺣ۳kkﺣ۳isiﺣ۳ div, jos haluatte. 848 00:38:34,580 --> 00:38:36,190 Sekin on oma tyyli tag. 849 00:38:36,190 --> 00:38:38,160 Voin mﺣ۳ﺣ۳ritellﺣ۳ fontin kokoa 36. 850 00:38:38,160 --> 00:38:40,460 Voin mﺣ۳ﺣ۳ritellﺣ۳ fontin paino rohkeita. 851 00:38:40,460 --> 00:38:43,360 Alas tﺣ۳ﺣ۳llﺣ۳, vain mﺣ۳ﺣ۳rittﺣ۳ﺣ۳ 24 pikseliﺣ۳. 852 00:38:43,360 --> 00:38:45,960 Ja lopuksi, linjassa 28, voin mﺣ۳ﺣ۳ritellﺣ۳ 12. 853 00:38:45,960 --> 00:38:49,070 Aivan kuten nopeasti jﺣ۳rki tarkistaa ja ihmisenﺣ۳ luet tﺣ۳tﺣ۳, 854 00:38:49,070 --> 00:38:52,545 mitﺣ۳ sanoja ruudulla ovat todella tulee olla rohkea? 855 00:38:52,545 --> 00:38:56,100 856 00:38:56,100 --> 00:38:58,760 Jotka linjat ovat todella rohkeita? 857 00:38:58,760 --> 00:38:59,570 >> Vain John Harvard. 858 00:38:59,570 --> 00:39:00,070 Oikea? 859 00:39:00,070 --> 00:39:05,940 Koska aivan kuten linja 22 sanoo hei selain, tﺣ۳ssﺣ۳ jako sivun. 860 00:39:05,940 --> 00:39:07,920 Tee se fontin koko 36 kohta. 861 00:39:07,920 --> 00:39:09,460 Tee fontin paino rohkea. 862 00:39:09,460 --> 00:39:11,920 Heti kun saavutat vastaava lopputunniste 863 00:39:11,920 --> 00:39:15,340 tai suljettu tag linja 24, ettﺣ۳ vﺣ۳lineet, hei selain, 864 00:39:15,340 --> 00:39:17,640 lakata tekemﺣ۳stﺣ۳ mitﺣ۳ se on olet tekemﺣ۳ssﺣ۳. 865 00:39:17,640 --> 00:39:21,020 Ja ilmoitus on selkeﺣ۳, vaikka linja 22 on kaikki nﺣ۳mﺣ۳ ominaisuudet 866 00:39:21,020 --> 00:39:24,430 tyyliin, kun Sulje tag linjassa 24, 867 00:39:24,430 --> 00:39:25,940 vain mainita tunnisteen nimi. 868 00:39:25,940 --> 00:39:29,990 >> Et toista sanaa tyyliﺣ۳ tai jotain, joka on sisﺣ۳llﺣ۳ nﺣ۳itﺣ۳ lainauksia. 869 00:39:29,990 --> 00:39:32,860 Joten jos katson tﺣ۳tﺣ۳ nyt minun selaimessa, sallikaa 870 00:39:32,860 --> 00:39:38,060 katso lopputulos. Anna minun mennﺣ۳ eteenpﺣ۳in tﺣ۳hﺣ۳n tiedostoon, joka on CSS 0. 871 00:39:38,060 --> 00:39:41,814 Ja se on edelleen melko tavallinen, mutta tulossa melko mielenkiintoinen. 872 00:39:41,814 --> 00:39:43,980 Mutta se osoittautuu siellﺣ۳ muita asioita voin tehdﺣ۳ tﺣ۳ﺣ۳llﺣ۳, 873 00:39:43,980 --> 00:39:46,490 ja riski tehdﺣ۳ tﺣ۳mﺣ۳ tﺣ۳ysin vastenmielinen, 874 00:39:46,490 --> 00:39:48,630 huomata tﺣ۳ssﺣ۳, ettﺣ۳ minun elin minun web-sivun, 875 00:39:48,630 --> 00:39:53,930 Voin tehdﺣ۳ jotain hauskaa kuten BG tai taustavﺣ۳ri. 876 00:39:53,930 --> 00:39:56,670 >> Ja nopea, mikﺣ۳ on lempivﺣ۳risi? 877 00:39:56,670 --> 00:39:57,720 Green Kuulin. 878 00:39:57,720 --> 00:39:58,750 Selvﺣ۳. 879 00:39:58,750 --> 00:40:02,920 Joten nyt, jos osuin reload nyt, meillﺣ۳ on vihreﺣ۳ web-sivun. 880 00:40:02,920 --> 00:40:04,710 Selvﺣ۳, joten se ei ole huono. 881 00:40:04,710 --> 00:40:08,350 Ja nyt, jos haluan tehdﺣ۳ tﺣ۳mﺣ۳ todella viileﺣ۳, voin tehdﺣ۳ vﺣ۳ri minun tekstiﺣ۳ 882 00:40:08,350 --> 00:40:09,360 jopa punainen. 883 00:40:09,360 --> 00:40:10,870 Joten mitﺣ۳ tﺣ۳mﺣ۳ nﺣ۳yttﺣ۳ﺣ۳. 884 00:40:10,870 --> 00:40:12,230 Nyt se on nﺣ۳yttﺣ۳nyt aika hyvﺣ۳ltﺣ۳. 885 00:40:12,230 --> 00:40:15,460 Ja tﺣ۳nne, jos todella halua sotkea jonkun 886 00:40:15,460 --> 00:40:17,487 tai jos haluat olla yksi niistﺣ۳ ihmisistﺣ۳, jotka 887 00:40:17,487 --> 00:40:20,570 yrittﺣ۳ﺣ۳ huijata sinua vierailevat web sivu koska he ovat huijasi Google 888 00:40:20,570 --> 00:40:27,610 luulemaan siellﺣ۳ koko joukko avainsanoista like-- Katsotaanpa, lataa. 889 00:40:27,610 --> 00:40:29,020 890 00:40:29,020 --> 00:40:30,680 Mihin se meni? 891 00:40:30,680 --> 00:40:31,530 Ja siellﺣ۳ se meille. 892 00:40:31,530 --> 00:40:32,030 Selvﺣ۳. 893 00:40:32,030 --> 00:40:34,905 Joten sanon tﺣ۳mﺣ۳n syrjﺣ۳ﺣ۳n, kﺣ۳ymme puhua tﺣ۳stﺣ۳ tavaraa muutaman viikon 894 00:40:34,905 --> 00:40:36,740 kun puhumme turvallisuus, jos todella 895 00:40:36,740 --> 00:40:38,852 upottaa koko rypﺣ۳leterttuja avainsanoja Web-sivun, 896 00:40:38,852 --> 00:40:41,810 vaikka ne eivﺣ۳t nﺣ۳y ihmisen, joku kuten Google, tietenkin, 897 00:40:41,810 --> 00:40:43,250 voi vielﺣ۳ itse lﺣﭘytﺣ۳ﺣ۳ tﺣ۳mﺣ۳. 898 00:40:43,250 --> 00:40:45,820 Selvﺣ۳, niin se on aika hirveﺣ۳ melko nopeasti. 899 00:40:45,820 --> 00:40:48,420 >> Ja itse asiassa, se ei ole kaikki ettﺣ۳ paljon toisin kuin oma web 900 00:40:48,420 --> 00:40:51,480 sivun perustutkintoa, joka Aloin googling noin lﺣﭘytﺣ۳ﺣ۳ 901 00:40:51,480 --> 00:40:53,690 menneisyyden versioita vanhoista verkkosivuilla. 902 00:40:53,690 --> 00:40:54,500 Se oli melko huono. 903 00:40:54,500 --> 00:40:56,650 Itse en lﺣﭘytﺣ۳nyt yksi juuri ennen luokan. 904 00:40:56,650 --> 00:40:58,620 Mutta on pahempi siellﺣ۳. 905 00:40:58,620 --> 00:41:01,534 Tﺣ۳mﺣ۳ ilmeisesti oli minun etusivu takaisin vuonna 1996. 906 00:41:01,534 --> 00:41:04,200 Ilmeisesti ajattelin, ettﺣ۳ se oli aiheellista pyytﺣ۳ﺣ۳ ihmisiﺣ۳ heidﺣ۳n nimensﺣ۳ 907 00:41:04,200 --> 00:41:05,991 ennen tilaisuuden tullen itse nﺣ۳hdﺣ۳ minun verkkosivu. 908 00:41:05,991 --> 00:41:09,380 909 00:41:09,380 --> 00:41:11,920 >> Ja sitten nﺣ۳ytin heille jotain tyhmﺣ۳ﺣ۳, todennﺣ۳kﺣﭘisesti. 910 00:41:11,920 --> 00:41:13,450 Minﺣ۳ kaivaa enemmﺣ۳n ensi kerralla. 911 00:41:13,450 --> 00:41:16,220 Mutta nyt, nyt harkita hieman suunnittelu. 912 00:41:16,220 --> 00:41:17,444 Olemme puhuneet tyyliin. 913 00:41:17,444 --> 00:41:19,735 Ja tﺣ۳mﺣ۳ sivu toistaiseksi ja lﺣ۳hes kaiken olen kirjoittanut 914 00:41:19,735 --> 00:41:21,890 on melko puhdas tyylillisesti. 915 00:41:21,890 --> 00:41:23,320 Mutta entﺣ۳ suunnittelu? 916 00:41:23,320 --> 00:41:25,990 No, siellﺣ۳ on paljon irtisanomisten mitﺣ۳ olen tehnyt tﺣ۳ﺣ۳llﺣ۳. 917 00:41:25,990 --> 00:41:28,156 >> Olen maininnut sanaa vﺣ۳ri pari paikkaa. 918 00:41:28,156 --> 00:41:31,630 Olen maininnut kirjasinkokoa pari paikkoja ja rohkea pari paikkaa. 919 00:41:31,630 --> 00:41:34,870 Ja pohjimmiltaan, olen co sekoittuminen kahdella kielellﺣ۳. 920 00:41:34,870 --> 00:41:38,100 Minulla HTML minun tageja ja minun ominaisuudet ja sitten yhtﺣ۳kkiﺣ۳, 921 00:41:38,100 --> 00:41:40,100 vﺣ۳lillﺣ۳ lainausmerkit, minulla on toinen kieli tﺣ۳nﺣ۳ﺣ۳n 922 00:41:40,100 --> 00:41:43,830 nimeltﺣ۳ﺣ۳n CSS, joka taas on vain nﺣ۳mﺣ۳ keskeinen arvo pareittain tai nﺣ۳itﺣ۳ ominaisuuksia 923 00:41:43,830 --> 00:41:45,280 kaksoispisteellﺣ۳ erotettuja. 924 00:41:45,280 --> 00:41:47,700 >> On kﺣ۳ynyt ilmi, ettﺣ۳ paljon kuten C jossa 925 00:41:47,700 --> 00:41:50,550 voi alkaa tekijﺣ۳ ulos jotkut koodi header-tiedostot, 926 00:41:50,550 --> 00:41:53,520 joten voimme tehdﺣ۳ saman HTML. 927 00:41:53,520 --> 00:41:56,030 Ja askel kohti, joka on seuraava. 928 00:41:56,030 --> 00:42:02,230 Huomaa, ettﺣ۳ tﺣ۳mﺣ۳ versio, CSS1.html on Rakenteellisesti tﺣ۳smﺣ۳lleen sama sivun. 929 00:42:02,230 --> 00:42:05,250 Joten minulla koko joukko on divs, mutta tﺣ۳llﺣ۳ kertaa, olen 930 00:42:05,250 --> 00:42:07,220 pﺣ۳ﺣ۳ssyt eroon kﺣ۳ﺣ۳reen div kuten nﺣ۳et. 931 00:42:07,220 --> 00:42:12,390 >> Ja olen antanut nﺣ۳mﺣ۳ kolme divs ylﺣ۳-, keski- ja pohja, ainutlaatuinen tunnukset. 932 00:42:12,390 --> 00:42:14,760 Tﺣ۳mﺣ۳ on mukavaa, koska mukaan antaa nﺣ۳iden toimialojen 933 00:42:14,760 --> 00:42:18,715 Sivun yksilﺣﭘlliset tunnisteet, Voin viitata niitﺣ۳ muualta. 934 00:42:18,715 --> 00:42:19,215 Missﺣ۳? 935 00:42:19,215 --> 00:42:21,070 No, minﺣ۳pﺣ۳ selaamalla ylﺣﭘspﺣ۳in. 936 00:42:21,070 --> 00:42:24,070 Ja tﺣ۳hﺣ۳n mennessﺣ۳, milloin teimme kﺣ۳rjessﺣ۳ web-sivun, mitﺣ۳ 937 00:42:24,070 --> 00:42:28,560 ainoa tag meillﺣ۳ on ollut pﺣ۳ﺣ۳n sivun? 938 00:42:28,560 --> 00:42:29,740 Vﺣ۳hﺣ۳n kovempaa. 939 00:42:29,740 --> 00:42:30,799 Vain otsikko toistaiseksi. 940 00:42:30,799 --> 00:42:32,590 Mutta se osoittautuu siellﺣ۳ muutamia muita asioita 941 00:42:32,590 --> 00:42:35,840 voit laittaa sinne, yksi joka sitﺣ۳ kutsutaan tyyliin tag. 942 00:42:35,840 --> 00:42:37,850 Niin hetki sitten, me katsoimme klo tyyliattribuutti. 943 00:42:37,850 --> 00:42:39,150 Osoittautuu siellﺣ۳ tyyliin tag. 944 00:42:39,150 --> 00:42:41,200 Se kuuluu sisﺣ۳llﺣ۳ pﺣ۳ﺣ۳n sivun. 945 00:42:41,200 --> 00:42:42,840 Ja nyt huomaa, mitﺣ۳ olen tekemﺣ۳ssﺣ۳. 946 00:42:42,840 --> 00:42:46,540 Minulla on sisﺣ۳llﺣ۳ tﺣ۳mﺣ۳n tyyli tag seuraavat. 947 00:42:46,540 --> 00:42:51,190 Olen kirjaimellisesti viittaavat linjalla 20 nimeksi tag mikﺣ۳ haluan tyylitellﺣ۳. 948 00:42:51,190 --> 00:42:53,489 >> Sitten minulla on auki kihara ahdin ja suljettu kihara ahdin. 949 00:42:53,489 --> 00:42:56,030 Niin samanlaisia ﻗ€‹ﻗ€‹hengeltﺣ۳ﺣ۳n C, mutta jﺣ۳lleen, tﺣ۳mﺣ۳ ei ole funktio, 950 00:42:56,030 --> 00:42:57,796 tﺣ۳mﺣ۳ on vain syntaktinen tﺣ۳ssﺣ۳ yksityiskohtaisesti. 951 00:42:57,796 --> 00:43:00,170 Ja sitten tietysti, minﺣ۳ kerron selain, hei selain, 952 00:43:00,170 --> 00:43:05,210 tehdﺣ۳ koko kehon sivun on teksti yhdenmukaistaminen keskustasta. 953 00:43:05,210 --> 00:43:06,930 Ja sitten tﺣ۳mﺣ۳ sanoo seuraavaa. 954 00:43:06,930 --> 00:43:12,600 Hei selain, jos nﺣ۳et HTML elementti tai tag tulevalla sivulla 955 00:43:12,600 --> 00:43:17,040 on yksilﺣﭘllinen tunniste alkuun, joten hash symboli tﺣ۳ﺣ۳llﺣ۳ vain sitﺣ۳, 956 00:43:17,040 --> 00:43:21,010 ainutlaatuinen idea alkuun, mennﺣ۳ eteenpﺣ۳in ja tehdﺣ۳ sen fontin kokoa 36 957 00:43:21,010 --> 00:43:22,490 ja sen fontti paino rohkea. 958 00:43:22,490 --> 00:43:26,840 >> Hei selain, elementti jonka ID on keskellﺣ۳, jotta se 24 pikseliﺣ۳. 959 00:43:26,840 --> 00:43:31,070 Ja hei selain, jos nﺣ۳et Ajatus pohja, jotta se 12 pikseliﺣ۳. 960 00:43:31,070 --> 00:43:33,540 Vaikutus lopulta on tﺣ۳smﺣ۳lleen sam. 961 00:43:33,540 --> 00:43:36,500 Jos menen CSS 1, sivu nﺣ۳yttﺣ۳ﺣ۳ samalta. 962 00:43:36,500 --> 00:43:39,810 Mutta olemme askeleen kohti hieman parempi suunnittelu. 963 00:43:39,810 --> 00:43:44,850 Haluaisin nyt palata tﺣ۳nne CSS2 ja katso, mitﺣ۳ muuta olen tehnyt. 964 00:43:44,850 --> 00:43:48,030 >> Nyt sivu on todella, todella puhdas. 965 00:43:48,030 --> 00:43:50,730 Itse en mahtuu kaikki sisﺣ۳llﺣﭘn sivu tﺣ۳ﺣ۳llﺣ۳. 966 00:43:50,730 --> 00:43:54,270 Mutta mitﺣ۳ uusi tunniste on I kﺣ۳yttﺣﭘﺣﭘn, ilmeisesti? 967 00:43:54,270 --> 00:43:54,770 Link. 968 00:43:54,770 --> 00:43:57,853 Ja se ei ole paras nimeﺣ۳ tag, koska se ei ole linkkiﺣ۳ mielessﺣ۳ 969 00:43:57,853 --> 00:44:00,780 ettﺣ۳ me tiedﺣ۳mme sen, mutta tﺣ۳mﺣ۳ tarkoittaa, linkki jonkin muun tiedoston. 970 00:44:00,780 --> 00:44:02,890 Tﺣ۳mﺣ۳ on ikﺣ۳ﺣ۳n kuin terﺣ۳vﺣ۳ sisﺣ۳ltﺣ۳vﺣ۳t C. 971 00:44:02,890 --> 00:44:06,280 >> Tﺣ۳mﺣ۳ on tapa HTML sanoa hei selain, 972 00:44:06,280 --> 00:44:10,240 hae sisﺣ۳ltﺣﭘﺣ۳ tiedosto nimeltﺣ۳ css2.css. 973 00:44:10,240 --> 00:44:12,880 Suhde, minulle, on, ettﺣ۳ se on tyylisivu. 974 00:44:12,880 --> 00:44:17,980 Ja todellakin, sitﺣ۳hﺣ۳n yksi S: n CSS keinoin. 975 00:44:17,980 --> 00:44:20,350 Tﺣ۳mﺣ۳ on tyylisivu. 976 00:44:20,350 --> 00:44:23,120 Se on vain tekstitiedosto, joka sisﺣ۳ltﺣ۳ﺣ۳ koko joukko omaisuutta. 977 00:44:23,120 --> 00:44:25,940 Se on koko joukko tyylejﺣ۳ ettﺣ۳ haluat hakea sivulle. 978 00:44:25,940 --> 00:44:28,860 >> Ja niin tﺣ۳mﺣ۳ ilmeisesti on viittaa toiseen tiedostoon. 979 00:44:28,860 --> 00:44:32,970 Ja jos avaan, ettﺣ۳ CSS2.css, huomaa ettﺣ۳ kaikki olen tehnyt 980 00:44:32,970 --> 00:44:35,900 on kopioida ja liittﺣ۳ﺣ۳ kaikki Tﺣ۳mﺣ۳n tﺣ۳hﺣ۳n tiedostoon. 981 00:44:35,900 --> 00:44:38,220 Ja nyt, vaikka et ole koskaan koodattu tﺣ۳tﺣ۳ kamaa ennen, 982 00:44:38,220 --> 00:44:40,700 vain pohtimaan sananlaskun konetekniikka hattu 983 00:44:40,700 --> 00:44:44,220 on, miksi tﺣ۳mﺣ۳ parempi suunnittelu luultavasti? 984 00:44:44,220 --> 00:44:48,910 Factoring pois ne CSS-ominaisuuksia, laittamalla heidﺣ۳t omaan tiedostoon. 985 00:44:48,910 --> 00:44:51,330 Vaikka me ratkaisseet tﺣ۳mﺣ۳n ongelma kuin viisi minuuttia sitten 986 00:44:51,330 --> 00:44:52,600 aivan ensimmﺣ۳inen versio. 987 00:44:52,600 --> 00:44:55,730 >> Olemme ei parantunut sivu tyylillisesti, 988 00:44:55,730 --> 00:44:57,520 tﺣ۳mﺣ۳ on vain parempi suunnittelu jossain mielessﺣ۳. 989 00:44:57,520 --> 00:44:58,990 Miksi luulet? 990 00:44:58,990 --> 00:45:01,510 Joo. 991 00:45:01,510 --> 00:45:02,260 Joustavampi miten? 992 00:45:02,260 --> 00:45:05,040 993 00:45:05,040 --> 00:45:05,540 Joo. 994 00:45:05,540 --> 00:45:07,373 Joten jos haluat mennﺣ۳ takaisin ja muuttaa asioita, 995 00:45:07,373 --> 00:45:09,540 nyt, sinulla on yksi paikka jossa voit muuttaa asioita. 996 00:45:09,540 --> 00:45:11,622 Ja itse asiassa jotain kuten ongelma asettaa seitsemﺣ۳n, 997 00:45:11,622 --> 00:45:13,690 jossa me toteuttaa varastossa kaupankﺣ۳ynnin verkkosivuilla, 998 00:45:13,690 --> 00:45:15,523 joka on menossa on koko joukko sivuja. 999 00:45:15,523 --> 00:45:17,620 Ja se olisi todella harmittaa jos pﺣ۳ﺣ۳tﺣ۳t, hm, 1000 00:45:17,620 --> 00:45:21,630 En todellakaan pidﺣ۳ 24 pikseliﺣ۳, haluan sen olevan 28 pikseliﺣ۳ tai hieman suurempi. 1001 00:45:21,630 --> 00:45:23,550 Ja sitten tﺣ۳ytyy tehdﺣ۳ maailmanlaajuinen etsiﺣ۳ ja korvata 1002 00:45:23,550 --> 00:45:27,560 tai avaa kaikki sivuston tiedostot yksinkertaisesti todella muuttaa yksi arvo. 1003 00:45:27,560 --> 00:45:31,290 Factoring nﺣ۳mﺣ۳ tyylit yhdeksi keskeinen paikka, 1004 00:45:31,290 --> 00:45:34,720 voit nyt avata yhden tekstitiedosto vuonna CS50IDE mihin tahansa ohjelmaan, 1005 00:45:34,720 --> 00:45:36,479 muuttaa sitﺣ۳, tallentaa sen, ja tehty. 1006 00:45:36,479 --> 00:45:38,270 Olet levittﺣ۳vﺣ۳t ne muutoksia kaikkialla. 1007 00:45:38,270 --> 00:45:42,450 Ja ettﺣ۳ olisi sama dot h tiedosto samoin. 1008 00:45:42,450 --> 00:45:46,697 Joten kysyttﺣ۳vﺣ۳ﺣ۳ nﺣ۳in mennessﺣ۳ tﺣ۳tﺣ۳ syntaksia? 1009 00:45:46,697 --> 00:45:48,530 Hyvﺣ۳ on, joten olemme tehnyt kaiken nﺣ۳yttﺣ۳ﺣ۳ 1010 00:45:48,530 --> 00:45:51,170 paitsi todella toteuttaa hyperlinkkejﺣ۳. 1011 00:45:51,170 --> 00:45:52,740 Ja niin mennﺣ۳ﺣ۳n eteenpﺣ۳in ja tehdﺣ۳ tﺣ۳mﺣ۳n. 1012 00:45:52,740 --> 00:45:54,830 Anna minun mennﺣ۳ eteenpﺣ۳in ja Luo uusi tiedosto tﺣ۳stﺣ۳. 1013 00:45:54,830 --> 00:45:59,970 Aion kutsua sitﺣ۳ link.html, laita nykypﺣ۳ivﺣ۳n koodi. 1014 00:45:59,970 --> 00:46:03,000 >> Ja aion tehdﺣ۳ avoin kiinnike asiak tyyppi html. 1015 00:46:03,000 --> 00:46:05,970 Sivuhuomautuksena, tﺣ۳mﺣ۳ asia on top, tﺣ۳mﺣ۳ doc tyyppi julistuksen, 1016 00:46:05,970 --> 00:46:08,420 se on ainoa, joka on outoa kanssa huutomerkki. 1017 00:46:08,420 --> 00:46:12,100 Sinun tﺣ۳ytyy vain tehdﺣ۳ se siellﺣ۳ ja se tarkoittaa kﺣ۳ytﺣ۳mme HTML-versio 5. 1018 00:46:12,100 --> 00:46:14,460 Vanhemmat versiot kieli oli paljon kauemmin 1019 00:46:14,460 --> 00:46:16,400 jouset ettﺣ۳ sinun piti laittaa sinne. 1020 00:46:16,400 --> 00:46:18,620 Joten tﺣ۳ssﺣ۳ on esimerkki nimeltﺣ۳ﺣ۳n linkin. 1021 00:46:18,620 --> 00:46:20,950 >> Tarvitsen elin minun web sivu tﺣ۳ﺣ۳llﺣ۳. 1022 00:46:20,950 --> 00:46:29,770 Ja tﺣ۳ﺣ۳llﺣ۳, href tasavertaiseen sanokaamme HTTP://www.disney.com 1023 00:46:29,770 --> 00:46:35,420 ja suosikkini verkkosivuilla, me sanomme. 1024 00:46:35,420 --> 00:46:38,550 Selvﺣ۳, niin hyvin harmittomia, kﺣ۳yttﺣ۳jﺣ۳ystﺣ۳vﺣ۳llinen sivu. 1025 00:46:38,550 --> 00:46:42,950 Jos minﺣ۳ nyt mennﺣ۳ minun hakemistoon listalle tﺣ۳ﺣ۳llﺣ۳ ja avata link.html, 1026 00:46:42,950 --> 00:46:44,780 meillﺣ۳ on hyper teksti. 1027 00:46:44,780 --> 00:46:47,410 >> Ja todellakin, tﺣ۳mﺣ۳ on silloin, H HTTP tulee. 1028 00:46:47,410 --> 00:46:51,580 Hypertext Transfer Protocol on noin siirtﺣ۳mﺣ۳llﺣ۳ teksti 1029 00:46:51,580 --> 00:46:53,840 ettﺣ۳ on linkkejﺣ۳ muihin resursseihin. 1030 00:46:53,840 --> 00:46:58,210 Ja todellakin, tﺣ۳ssﺣ۳ on tuttu, jos retro, sininen linkki, jos napsautetaan, 1031 00:46:58,210 --> 00:47:02,607 todella saavat minut Disney.com. 1032 00:47:02,607 --> 00:47:03,940 Nyt, oi, ettﺣ۳ on tulossa pian. 1033 00:47:03,940 --> 00:47:08,970 Selvﺣ۳, joten nyt, mitkﺣ۳ ovat seurauksista tﺣ۳mﺣ۳n? 1034 00:47:08,970 --> 00:47:11,610 >> Ja rehellisesti, maailma alkaa saada hieman tutumpi 1035 00:47:11,610 --> 00:47:15,090 ja myﺣﭘs hieman scarier mutta myﺣﭘs hieman 1036 00:47:15,090 --> 00:47:17,840 itse puolustettavissa kun aloitat ymmﺣ۳rtﺣ۳ﺣ۳ nﺣ۳itﺣ۳ asioita. 1037 00:47:17,840 --> 00:47:21,610 Koska kertoimet ovat, jotkut teistﺣ۳, jos menet kautta Gmail roskapostikansioon tai jopa 1038 00:47:21,610 --> 00:47:23,990 postilaatikkoon, olet luultavasti saanut jonkinlaisen sﺣ۳hkﺣﭘpostin 1039 00:47:23,990 --> 00:47:26,980 ettﺣ۳ kysyy voit muuttaa salasana ehkﺣ۳ tai ehkﺣ۳ tarkistaa 1040 00:47:26,980 --> 00:47:28,910 PayPal tunnistetiedot tai vaikka mitﺣ۳. 1041 00:47:28,910 --> 00:47:34,510 >> Ja itse asiassa, olet ehkﺣ۳ saanut jotain, joka sanoo esimerkiksi tﺣ۳ﺣ۳ltﺣ۳ 1042 00:47:34,510 --> 00:47:42,260 nollata PayPal salasana. 1043 00:47:42,260 --> 00:47:44,130 Ja nyt, huomaa, jos Tﺣ۳mﺣ۳ ei ole Disney.com 1044 00:47:44,130 --> 00:47:51,600 mutta kuten badplace.com ja reload, huomaa, ettﺣ۳ teksti tﺣ۳hﺣ۳n 1045 00:47:51,600 --> 00:47:53,710 voisi sanoa mitﺣ۳ﺣ۳n lainkaan. 1046 00:47:53,710 --> 00:47:55,260 Ja itse asiassa tﺣ۳mﺣ۳ on vain sanoja. 1047 00:47:55,260 --> 00:48:04,610 Miksi en oikeastaan ﻗ€‹ﻗ€‹super ilkeﺣ۳ ja sanoa http://www.paypal.com. 1048 00:48:04,610 --> 00:48:14,090 >> Klikkaa tﺣ۳stﺣ۳ palauttaa PayPal salasana ja nyt uudelleen. 1049 00:48:14,090 --> 00:48:16,220 Tﺣ۳mﺣ۳ nﺣ۳yttﺣ۳ﺣ۳ melko laillista, eikﺣﭘ? 1050 00:48:16,220 --> 00:48:20,470 Tarkoitan, en klikkaa sﺣ۳hkﺣﭘpostia ettﺣ۳ vain sanoo. 1051 00:48:20,470 --> 00:48:22,450 Mutta huomaa kahtiajako tﺣ۳ﺣ۳llﺣ۳. 1052 00:48:22,450 --> 00:48:26,880 Siinﺣ۳ sanotaan www.paypal.com, ja itse asiassa, odota minuutti, 1053 00:48:26,880 --> 00:48:29,210 me tiedﺣ۳mme, ettﺣ۳ haluat n turvallisuutta. 1054 00:48:29,210 --> 00:48:35,450 Joten nyt, mene www.paypal.com HTTPS, mutta jos et ole koskaan tehnyt tﺣ۳tﺣ۳ ennen, 1055 00:48:35,450 --> 00:48:38,182 ﺣ۳lﺣ۳ pﺣ۳ﺣ۳stﺣ۳ tapana leijuu vﺣ۳hﺣ۳n linkkejﺣ۳ tﺣ۳ﺣ۳llﺣ۳. 1056 00:48:38,182 --> 00:48:39,890 Ja on vaikea nﺣ۳hdﺣ۳ ruudulla siellﺣ۳, 1057 00:48:39,890 --> 00:48:41,340 ja se ei ole kaikki, ettﺣ۳ helpompaa tﺣ۳ﺣ۳llﺣ۳. 1058 00:48:41,340 --> 00:48:43,615 Mutta alas tﺣ۳ﺣ۳llﺣ۳ pikku nurkassa 1059 00:48:43,615 --> 00:48:45,740 ei selaimen todella kertoa teille, ettﺣ۳ olemme menossa 1060 00:48:45,740 --> 00:48:48,850 ja badplace.com sijasta Paypal.com. 1061 00:48:48,850 --> 00:48:51,620 Nyt, minne olemme menossa tﺣ۳hﺣ۳n? 1062 00:48:51,620 --> 00:48:54,859 Kaikki esimerkit olemme tehneet tﺣ۳nﺣ۳ﺣ۳n, olemme kova koodattu ja kirjoitetaan kﺣ۳sin. 1063 00:48:54,859 --> 00:48:56,900 Internet on uskomattoman mielenkiinnoton kun kova 1064 00:48:56,900 --> 00:48:59,844 koodia Web-sivuja niin, ettﺣ۳ sisﺣ۳ltﺣﭘ on staattinen ja koskaan muuttuvat. 1065 00:48:59,844 --> 00:49:01,760 Tietenkin, kaikki meidﺣ۳n lempisivustot tﺣ۳nﺣ۳ﺣ۳n, 1066 00:49:01,760 --> 00:49:04,470 onko se Gmailin tai Twitter tai Facebook tai jokin monet muut 1067 00:49:04,470 --> 00:49:05,290 ovat dynaamisia. 1068 00:49:05,290 --> 00:49:07,340 He muuttumassa vasteena kﺣ۳yttﺣ۳jﺣ۳n syﺣﭘttﺣ۳ﺣ۳ 1069 00:49:07,340 --> 00:49:08,840 aivan kuten Googlen hakutuloksissa. 1070 00:49:08,840 --> 00:49:12,415 >> Ja niin keskiviikkona, mitﺣ۳ teemme, on jﺣ۳tﺣ۳mme HTML ja CSS kﺣ۳yttﺣﭘﺣﭘnotto 1071 00:49:12,415 --> 00:49:14,290 takanamme ja otamme selvﺣ۳nﺣ۳, ettﺣ۳ me nyt 1072 00:49:14,290 --> 00:49:16,640 tietﺣ۳vﺣ۳t sen ja esittelemme uusi ohjelmointikieli 1073 00:49:16,640 --> 00:49:19,050 nimeltﺣ۳ﺣ۳n PHP, joka kuten C, aikoo antaa meille 1074 00:49:19,050 --> 00:49:22,450 valta itse luoda ohjelmia ettﺣ۳ itse tuottaa tuotos. 1075 00:49:22,450 --> 00:49:25,900 Tﺣ۳ssﺣ۳ tapauksessa Kﺣ۳ytﺣ۳mme PHP tuottaa dynaamisesti web 1076 00:49:25,900 --> 00:49:27,340 sivuja kﺣ۳yttﺣ۳mﺣ۳llﺣ۳ tﺣ۳tﺣ۳ uutta kieltﺣ۳. 1077 00:49:27,340 --> 00:49:28,989 Niin siitﺣ۳ lisﺣ۳ﺣ۳ keskiviikkona. 1078 00:49:28,989 --> 00:49:29,530 Nﺣ۳hdﺣ۳ﺣ۳n silloin. 1079 00:49:29,530 --> 00:49:33,130 1080 00:49:33,130 --> 00:49:37,380 >> [Musiikkia] 1081 00:49:37,380 --> 00:52:38,864