>> [Musiikkia]
>> DAVID J MALAN: Tﺣ۳mﺣ۳ on CS50 ja tﺣ۳mﺣ۳ on alku viikolla 7.
Joten tervetuloa takaisin.
Ja ehkﺣ۳ muistatte, ettﺣ۳ ongelmatilanteissa asettanut neljﺣ۳,
oli hieman raadonsyﺣﭘjﺣ۳ metsﺣ۳stﺣ۳ﺣ۳ joidenkin mahtavia palkintoja jolloin
jﺣ۳lkeen voit palauttaa kuvia henkilﺣﭘkunta sekﺣ۳ tﺣ۳ﺣ۳llﺣ۳ ettﺣ۳ New Haven,
olit haastoi lﺣﭘytﺣ۳ﺣ۳ niin monta ne tietotekniikan tutkijoita kuin voit.
Ja meillﺣ۳ koko nippu huomautuksia.
Ajattelin jakaa muutaman kanssanne tﺣ۳ﺣ۳llﺣ۳ tﺣ۳nﺣ۳ﺣ۳n.
>> Ja me post kaikki nﺣ۳istﺣ۳ online.
Mutta erityisesti, halusin kiinnittﺣ۳ﺣ۳ huomiota to-- hyvin yksi,
Sam oli melkoisesti niistﺣ۳ yleensﺣ۳ poseeraa kuin tﺣ۳mﺣ۳.
Mutta nﺣ۳yttﺣ۳ﺣ۳ siltﺣ۳, ﻗﻗettﺣ۳ vuodesta tﺣ۳nﺣ۳ aamuna, voittaja
oli tietty joku nimeltﺣ۳ Ken kanssa 24 henkilﺣﭘstﺣﭘn kaapattu kamera
tai muutama enemmﺣ۳n, kun otetaan tilin useita henkilﺣﭘstﺣﭘn kuvia.
Kuvassa Ken seuraava Mary New Haven.
>> Nyt, Ken, vaikka, muuttuu out on hieman kulma tapaus
ettﺣ۳ ei ole vielﺣ۳ tapahtunut ennen.
On kﺣ۳ynyt ilmi, ettﺣ۳ se ei tapahtunut minulle laittaa pikkuprﺣ۳ntin ongelmatilanteissa
asettanut neljﺣ۳ joka sanoo, ettﺣ۳ henkilﺣﭘstﺣﭘ ovat voida myﺣﭘntﺣ۳ﺣ۳ mahtavia palkintoja
koska Ken on tietenkin yksi valokuvaajat meidﺣ۳n henkilﺣﭘkunta.
Nyt, ettﺣ۳ sanoi, hﺣ۳n alunperin kirjoitti minulle sanoa
ﺣ۳lﺣ۳ lﺣ۳hetﺣ۳ nﺣ۳itﺣ۳ kuvia verkossa.
Mielestﺣ۳ni suuri osa koska useimmat kuvat
ettﺣ۳ Valokuvaajan otti nﺣ۳yttﺣ۳ﺣ۳ vﺣ۳hﺣ۳n jotain tﺣ۳llaista.
Ja vastaavat.
>> Mutta Ken haluaisi minun vakuuttaa sinulle ettﺣ۳ hﺣ۳n on erittﺣ۳in hyvﺣ۳ valokuvaaja,
hﺣ۳n on ammattilainen, hﺣ۳n ottaa kuvia, jotka eivﺣ۳t ole epﺣ۳selvﺣ۳,
jotka ovat paremmin keskittyﺣ۳, ja hﺣ۳n otti melkoisesti oman henkilﺣﭘkunnan.
Mutta sen sijaan vain tunnustaa Ken, mitﺣ۳ ajattelimme tehdﺣ۳
on kﺣ۳ydﺣ۳ lﺣ۳pi luettelon todellinen opiskelijat, jotka ovat jﺣ۳ttﺣ۳neet.
Ja kﺣ۳y ilmi, ettﺣ۳ Lance kanssa 15 kuvia tﺣ۳stﺣ۳ aamusta
oli meidﺣ۳n voittaja.
>> Ja Kuvassa on Lance kanssa Colton, kanssa Skaz, itseni kanssa, ja Samin kanssa.
Mutta sitten kﺣ۳y ilmi, ettﺣ۳ vuodesta 11:46, joten vain vﺣ۳hﺣ۳n sitten,
Menin takaisin minun email ja lﺣﭘytyi ettﺣ۳ meillﺣ۳ oli vielﺣ۳ yksi jﺣ۳ttﺣ۳misestﺣ۳
jonka opiskelija nimeltﺣ۳ Bonnie jonka sﺣ۳hkﺣﭘpostien sanoi vain tﺣ۳mﺣ۳.
Aio valehdella, olen Nﺣ۳in tunnilla.
Ja sitten vielﺣ۳ liittﺣ۳ﺣ۳ vain 14 kuvaa, yksi ujo Lance n 15.
>> Mutta Bonnie n valokuvia, se kﺣ۳ﺣ۳ntyy out oli useita henkilﺣﭘkunnan jﺣ۳seniﺣ۳, Sam
heidﺣ۳n joukossaan, joten mitﺣ۳ luulimme tekisi on tunnustaa molemmat.
Joten lisﺣ۳ksi saada Dropbox tilaa, ettﺣ۳ jokainen, joka osallistui
vastaanottaa, nﺣ۳mﺣ۳ kaksi osaa tulee myﺣﭘs saada mukava katettu lounas heille
ja niiden jakso Mates tulevalla viikolla.
Ja niin kuulet meiltﺣ۳, Lance ja Bonnie, siitﺣ۳.
Niin iso onnittelut heille.
Nyt ne teistﺣ۳, jotka olisi kuten lounas yleisemmin
tietﺣ۳ﺣ۳, ettﺣ۳ CS50 lounas Cambridge ja New Haven on perjantaina.
Siirry CS50 verkkosivuilla slash RSVP.
Ja nyt sana seminaareista.
Lisﺣ۳ﺣ۳ curricularly.
Joten olemme lﺣ۳hestymﺣ۳ssﺣ۳ kohta lukukauden
jos sinun pitﺣ۳isi aloittaa ajatellut lopullinen hankkeita.
Ja itse asiassa vain vﺣ۳hﺣ۳n, tulee niin kutsuttua pre ehdotuksia johtua.
Joten ennen ehdotusten tarkoitus olla melko vﺣ۳hﺣ۳inen vaikutus ja todella
vain mahdollisuus voit kirjoittaa lyhyen viestin
opetukseesi mies voi tuntea hﺣ۳nelle mitﺣ۳ olet ajatellut sinua
kannattaa tehdﺣ۳ oman opinnﺣ۳ytetyﺣﭘn.
>> Nyt monet opiskelijat pﺣ۳ﺣ۳tyvﺣ۳t tekee web-pohjainen opinnﺣ۳ytetﺣﭘiden.
Ja tietysti olemme vain nyt viime viikolla tﺣ۳ssﺣ۳
ja sen jﺣ۳lkeen sukeltamalla web ohjelmointi.
Joten ei hﺣ۳tﺣ۳ﺣ۳, jos ei ole aavistustakaan siitﺣ۳, miten
voisitte rakentaa ajatuksia saatat olla mielessﺣ۳si.
Tﺣ۳mﺣ۳ on oikeastaan ﻗﻗvain pakottaa toiminto saada sinut ajattelua ja puhuminen
kanssa TF siitﺣ۳.
Mutta auttaa sinua siinﺣ۳, ja lopullinen hankkeiden lopulta,
tietﺣ۳vﺣ۳t, ettﺣ۳ CS50 on perinne tarjota seminaareja.
>> Ja nﺣ۳mﺣ۳ ovat valinnaisia, kﺣ۳det, tai luento perustuu mahdollisuuksiin
oppia lisﺣ۳ﺣ۳ aiheita, jotka ovat vﺣ۳hﺣ۳n liitﺣ۳nnﺣ۳inen kurssin
oppimﺣ۳ﺣ۳rﺣ۳n, mutta silti ihana materiaali ajaa opinnﺣ۳ytetﺣﭘiden.
Ja niin tﺣ۳mﺣ۳ on luettelo, joka on CS50 henkilﺣﭘkunta tﺣ۳ﺣ۳llﺣ۳ New Haven
ovat keksiﺣ۳ varten tﺣ۳nﺣ۳ vuonna noin iOS
ohjelmointi, Android ohjelmointi, pelin kehitys,
ja rypﺣ۳leterttuja enemmﺣ۳n tyﺣﭘkaluja ja kieliﺣ۳ ja tekniikoita.
>> Joten pitﺣ۳ﺣ۳ silmﺣ۳llﺣ۳ CS50 verkkosivuilla.
Ja sillﺣ۳ vﺣ۳lin, jos haluat rekisterﺣﭘi kiinnostuksesi missﺣ۳ tahansa nﺣ۳istﺣ۳,
Siirry CS50 n slash rekisteriin.
Ja me sitten seurata siitﺣ۳, pﺣ۳ivﺣ۳ﺣ۳ ja lentoajat ja paikat
ja everything-- useimmat kaikki on siirtﺣ۳ﺣ۳ ja myﺣﭘs saatavilla pyynnﺣﭘstﺣ۳
jﺣ۳lkeen, jos et voi todella tehdﺣ۳ sitﺣ۳.
Joten pitemmittﺣ۳ puheitta, me jﺣ۳i viime kerralla kanssa GET.
>> Ja tﺣ۳mﺣ۳ oli kuin viesti, jonka oli sisﺣ۳llﺣ۳ virtuaalisen kirjekuoren, muistaa,
ettﺣ۳ teimme reitittimeltﺣ۳ reitittimen reitittimen vﺣ۳lillﺣ۳ selain ja Web-
palvelin.
Ja ettﺣ۳ viesti katsoin vﺣ۳hﺣ۳n jotain tﺣ۳llaista.
Tﺣ۳mﺣ۳ oli enemmﺣ۳n mystistﺣ۳ viestin, ettﺣ۳ oli itse sisﺣ۳llﺣ۳ kirjekuoren
kirjoitettu paperille, jonka ensimmﺣ۳inen rivi sanoo kirjaimellisesti, saada slash.
>> Ja aivan kuten jﺣ۳rki tarkistaa, mitﺣ۳ slash tarkoittavat?
Mitﺣ۳ slash tarkoittaa, kun pyytﺣ۳mﺣ۳llﺣ۳ sivuston?
Voit pyytﺣ۳ﺣ۳ sitﺣ۳ koko ajan.
Useimmat tahansa kﺣ۳yt sivustossa, sinua eivﺣ۳t itse kirjoita tiedoston nimi.
Luultavasti vain mennﺣ۳ Facebook.com, syﺣﭘttﺣ۳ﺣ۳, gmail.com, tai vastaavat.
Ja mitﺣ۳ slash edustaa?
Mitﺣ۳ tiedosto?
Tai mitﺣ۳ sivu, erityisesti?
>> Indeksi, joo.
Joten oletus sivu.
Joten jos et mﺣ۳ﺣ۳ritﺣ۳ tiedosto nimi alamme nﺣ۳hdﺣ۳,
olet todella vain pyynnﺣﭘn anna minulle oletussivu Facebook
tai antaa minulle minun postilaatikkoon tai antaa minulle oletussivu uutiset
CNN: n verkkosivuilla tai vastaavaa.
Ja palvelin vastaa ettﺣ۳ viesti jotain
nﺣ۳in, sanoa kyllﺣ۳, minﺣ۳ puhua HTTP-versiota 1.1.
>> 200, joka on tila koodi ettﺣ۳ me ihmiset harvoin
koskaan nﺣ۳hdﺣ۳, koska se on hyvﺣ۳.
Koska se tarkoittaa OK, pyyntﺣﭘ vastaanotettiin ja kﺣ۳siteltﺣ۳vﺣ۳ asianmukaisesti.
Ja sisﺣ۳ltﺣﭘtyyppi ilmeisesti vastaus
on usein, mutta ei aina, tekstiﺣ۳.
Ja erityisesti, HTML.
Ja se on todella jossa katsomme tﺣ۳nﺣ۳ﺣ۳n.
>> Joten itse asiassa, aion mennﺣ۳ eteenpﺣ۳in ja avata selaimen.
Aion kﺣ۳yttﺣ۳ﺣ۳ Chrome, voit kﺣ۳yttﺣ۳ﺣ۳ eniten tahansa selain tulevina viikkoina.
Suosittelemme tavallisesti Chrome koska se on erityisen
hyvﺣ۳ ohjelmistokehittﺣ۳jille.
Se sai paljon rakennettu tyﺣﭘkaluja, jotka helpottavat
kehittﺣ۳ﺣ۳ paitsi HTML ja CSS, asiat me alkaa puhua tﺣ۳nﺣ۳ﺣ۳n,
mutta myﺣﭘs muilla kielillﺣ۳.
>> Ja aion mennﺣ۳ eteenpﺣ۳in ja mennﺣ۳ to-- Aion valvoa napsautuksella tai oikealle
osoittamalla mitﺣ۳ tahansa web-sivulla.
Ja aion mennﺣ۳ Tarkasta Element.
Ja aion nipistﺣ۳ﺣ۳ minun nﺣ۳yttﺣﭘ vain vﺣ۳hﺣ۳n tﺣ۳ﺣ۳llﺣ۳.
Siirryn tﺣ۳mﺣ۳ pohjaan.
Joten tﺣ۳mﺣ۳ on mitﺣ۳ kutsutaan Chromen tarkastaja.
Joten tﺣ۳mﺣ۳ on kuin virheenkorjaus tyﺣﭘkalu rakennettu Chrome.
>> Kaikki sinulla on jo tﺣ۳mﺣ۳n jos olet kﺣ۳yttﺣ۳nyt Chrome.
Ja sen avulla voit nﺣ۳hdﺣ۳, mitﺣ۳ tapahtuu on alla huppu joidenkin web-sivun.
Joten todella ottaa katso tﺣ۳tﺣ۳ seuraavasti.
Se on paljon enemmﺣ۳n ominaisuuksia ja vﺣ۳litﺣ۳mme tﺣ۳nﺣ۳ﺣ۳n.
Mutta on nﺣ۳itﺣ۳ vﺣ۳lilehdet tﺣ۳ﺣ۳llﺣ۳.
Elementtejﺣ۳, verkko, lﺣ۳hteet, aikajana, ja joitakin muita juttuja.
Aion klikkaa Verkko hetkeksi.
>> Ja se on vﺣ۳hﺣ۳n ylivoimainen ensi silmﺣ۳yksellﺣ۳ tﺣ۳ﺣ۳llﺣ۳.
Mutta mitﺣ۳ aion tehdﺣ۳, on antaa minulle yksinkertaistaa sitﺣ۳ vﺣ۳hﺣ۳n.
Aion pﺣ۳ﺣ۳lle tallennus valoa niin ettﺣ۳ se on punainen.
Ja aion sanoa sﺣ۳ilyttﺣ۳ﺣ۳ loki.
Ja tﺣ۳mﺣ۳ on vain hieman mitﺣ۳ olen tajunnut
ajan mittaan tulee sﺣ۳ﺣ۳stﺣ۳ﺣ۳ kaikki mikﺣ۳ tapahtuu selaimessa.
Ja nyt aion mennﺣ۳ on http://facebook.com.
>> Oikeastaan, tehdﺣ۳ﺣ۳n www hyvﺣ۳ toimenpide, kauttaviiva.
Anna.
Niin URL ettﺣ۳ monet saatat kﺣ۳ynyt.
Ja nyt Facebookin web sivu nousee ylﺣ۳reunassa.
Ja sitten koko joukko tavaraa lensi alareunassa.
Ja itse asiassa, se kﺣ۳ﺣ۳ntyy pois, ettﺣ۳ kun kﺣ۳yt Facebook.com,
et ole vain tehdﺣ۳ yksi HTTP-pyyntﺣﭘ, kﺣ۳y ilmi, ettﺣ۳ menossa Facebook.com
lﺣ۳hettﺣ۳ﺣ۳ 41 nﺣ۳istﺣ۳ kirjekuoria, jokaisella on oma GET-pyynnﺣﭘn,
kuten, vaikka takana nﺣ۳ytﺣﭘn tﺣ۳ﺣ۳llﺣ۳, alareunassa nﺣ۳ytﺣﭘn
se osoittaa, ettﺣ۳ todellakin, minun selain teki 41. pyyntﺣﭘjﺣ۳.
>> Ja yhteensﺣ۳, se siirretﺣ۳ﺣ۳n 861 kilotavua ja kesti jostain syystﺣ۳
perﺣ۳ti kahdeksan sekuntia ladata kaikki tﺣ۳mﺣ۳.
Niin, ettﺣ۳ on itse asiassa hieman outo ettﺣ۳ Facebookin sivusto veisi ettﺣ۳
pitkﺣ۳, mutta olkoon se tﺣ۳ssﺣ۳ tapauksessa.
Nyt kaikki tﺣ۳mﺣ۳ en todellakaan vﺣ۳litﺣ۳ noin lukuun ottamatta ylimmﺣ۳n pyynnﺣﭘstﺣ۳.
Joten mennﺣ۳ﺣ۳n tﺣ۳mﺣ۳ tﺣ۳ﺣ۳llﺣ۳ ja haluan loitontaa vain hetken.
>> Ja haluan lﺣ۳hentﺣ۳ﺣ۳ tﺣ۳ssﺣ۳.
Joten mitﺣ۳ olen tehnyt vasemmalla vaikka siellﺣ۳ on paljon meneillﺣ۳ﺣ۳n tﺣ۳ﺣ۳llﺣ۳
on olen korostanut Facebook.com ja sitten
Huomaan, ettﺣ۳ olen vierittﺣ۳mﺣ۳llﺣ۳, vierittﺣ۳mﺣ۳llﺣ۳, vierittﺣ۳mﺣ۳llﺣ۳,
pyytﺣ۳ﺣ۳ otsikot.
Ja huomaat, ettﺣ۳ Chrome nﺣ۳yttﺣ۳ﺣ۳ minulle olennaisesti sisemmﺣ۳n sisﺣ۳ltﺣﭘ
pyynnﺣﭘn tein.
Se ei muoto aivan samalla tavalla, mutta huomaa siellﺣ۳ mainintaa saada,
huomaa siellﺣ۳ mainintaa isﺣ۳ntﺣ۳, Facebook.com, polku, tai slash,
joka on tiedosto pyysin.
>> Ja sitten jos selaa varmuuskopioida, kﺣ۳ymme oikeastaan
nﺣ۳hdﺣ۳, ettﺣ۳ mitﺣ۳ Facebook palasi minulle on kaikki nﺣ۳mﺣ۳ otsikot.
Niin sisﺣ۳llﺣ۳ ettﺣ۳ virtuaalinen kirjekuori todellakin olemassa paljon keskeinen arvo-pareja.
Sana, paksusuoli, ja sitten arvo.
Sana, paksusuoli, ja arvo.
Nﺣ۳itﺣ۳ kutsutaan otsikot.
Ja siellﺣ۳ on paljon enemmﺣ۳n yksityiskohtia tﺣ۳ﺣ۳llﺣ۳ kuin me todella kiinnostaa juuri nyt.
>> Mutta tﺣ۳mﺣ۳ on toinen viimeisin siellﺣ۳,
huomata, ettﺣ۳ Facebook.com palvelin, todellakin sanoi tﺣ۳ssﺣ۳ tulee tekstiﺣ۳ HTML.
Joten kaikki tﺣ۳mﺣ۳ on sanoa ettﺣ۳ kun pyydﺣ۳t Web
sivun selaimen palvelin, ettﺣ۳ palvelin vastaa
kirjekuori omien jonka sisﺣ۳llﺣ۳ on tekstiﺣ۳.
Toisin sanoen, HTML-.
HyperText Markup Language.
Joka on toinen kieli ettﺣ۳ esittelemme tﺣ۳nﺣ۳ﺣ۳n
ettﺣ۳ ihmiset tai tietokoneet tuottavat tﺣ۳ytﺣ۳ntﺣﭘﺣﭘnpanemiseksi verkkosivuja.
>> Erityisesti katsokaamme tﺣ۳hﺣ۳n.
Aion nyt mennﺣ۳ takaisin Facebookin verkkosivuilla.
Ja aion vain ohjaus napsautuksella tai oikealla painikkeella
ja klikkaa Nﺣ۳ytﺣ۳ sivun lﺣ۳hdekoodi.
Ja vaikka et kﺣ۳ytﺣ۳ Chrome, IE voi tehdﺣ۳ tﺣ۳tﺣ۳, Firefox voi tehdﺣ۳ tﺣ۳mﺣ۳n,
Safari voi tehdﺣ۳ tﺣ۳mﺣ۳n, vaikka valikosta vaihtoehdoista voisi nﺣ۳yttﺣ۳ﺣ۳ hieman erilaiselta.
Ja tﺣ۳mﺣ۳ on HTML ettﺣ۳ Mark ja Yhtiﺣﭘ Facebookissa kirjoittanut.
>> Ja kollektiivisesti, tﺣ۳llﺣ۳ kielellﺣ۳ tﺣ۳ﺣ۳llﺣ۳ toteuttaa sininen ja valkoinen sivu
ettﺣ۳ nﺣ۳imme hetki sitten.
Nyt, tﺣ۳mﺣ۳ on vﺣ۳hﺣ۳n ylivoimainen.
Mutta jos katsomme ylﺣﭘs vasemmassa ylﺣ۳kulmassa, olemme menossa alkaa nﺣ۳hdﺣ۳ joitakin malleja.
Nﺣ۳yttﺣ۳ﺣ۳ siltﺣ۳, ﻗﻗettﺣ۳ on paljon Nﺣ۳iden avoin kulmasulje
ja sitten on tﺣ۳mﺣ۳ avainsanan HTML.
Tﺣ۳ssﺣ۳ toinen avoin kulmasulkeen ja pﺣ۳ﺣ۳.
>> Tﺣ۳ssﺣ۳ on, jos me selaa ja alas ja alas, olen
menossa mennﺣ۳ eteenpﺣ۳in ja yrittﺣ۳ﺣ۳ etsiﺣ۳ jotain.
Siellﺣ۳ tiensﺣ۳ yli oikealla tﺣ۳ssﺣ۳ alkusulkumerkki elin.
Ja muistaa viime aika ehdotimme
ettﺣ۳ yksinkertaisin sivun ettﺣ۳ ihmisen voi kirjoittaa
saattaa nﺣ۳yttﺣ۳ﺣ۳ hieman jotain tﺣ۳llaista.
Avaavat HTML tag, avoin pﺣ۳ﺣ۳ tag, avoin otsikkokoodi,
suljettiin sitten otsikko, suljettu pﺣ۳ﺣ۳, avoin body, tekstiﺣ۳, suljettu runko,
suljettu HTML.
>> Mutta tauko tﺣ۳ﺣ۳llﺣ۳ vain hetken.
Tﺣ۳mﺣ۳ koodi, vaikka olet koskaan kirjoittanut ennen
mutta silti eivﺣ۳t oikein ymmﺣ۳rrﺣ۳ mitﺣ۳ tapahtuu, nﺣ۳yttﺣ۳ﺣ۳ aika hyvﺣ۳ltﺣ۳.
Oikea, se on erittﺣ۳in puhdasta.
Se on erittﺣ۳in tyylillisesti mukava.
Paljon sisennys ja valkoinen tila.
Facebook ei ole.
Joten miksi on Facebook niin paljon pahempi kuin minﺣ۳ kirjoittamaan HTML?
Ilmeisesti.
>> Oikea, tﺣ۳mﺣ۳ on kuin yksi viidestﺣ۳ tyyli.
On pakottavaa syytﺣ۳ ne leikata nﺣ۳mﺣ۳ kulmat.
Selvﺣ۳, joten he eivﺣ۳t halua helpottaa voit lukea sen.
Joten jossain mielessﺣ۳, he hﺣ۳mﺣ۳rtﺣ۳vﺣ۳t se, tavallaan muokkaamisella se
ainakin esteettisesti niin ettﺣ۳ se on vaikeampi Myspace
mennﺣ۳ ja repiﺣ۳ pois niiden kotisivu ja HTML se.
On kﺣ۳ynyt ilmi, ettﺣ۳ ohjelmia kuitenkin, kuten Chrome,
voimme puhdistaa tﺣ۳mﺣ۳n ylﺣﭘs Super helposti.
Joten se ei ole aivan ettﺣ۳ syyksi.
Mitﺣ۳ muuta voisi olla syy.
Joo.
Joo, valkoinen tila kustannukset tietoja.
Mitﺣ۳ sinﺣ۳ tarkoitat?
Joo, tﺣ۳smﺣ۳lleen.
Jos osut sarkainnﺣ۳ppﺣ۳intﺣ۳ paljon tai vﺣ۳lilyﺣﭘntiﺣ۳, harkitse seurauksia.
Joten jokainen nﺣ۳ppﺣ۳imistﺣﭘn on [Kuulumaton] vastaa yksi tavu.
>> Niin oletetaan, ettﺣ۳ Merkitse tai jollekin devs nﺣ۳inﺣ۳ pﺣ۳ivinﺣ۳ osuu vﺣ۳lilyﺣﭘntiﺣ۳ vain kerran
Tﺣ۳ssﺣ۳ HTML-sivu, edustaa Facebookin kotisivu.
Ja Facebook on paljon kﺣ۳yttﺣ۳jistﺣ۳ nﺣ۳inﺣ۳ pﺣ۳ivinﺣ۳.
Niin oletetaan, ettﺣ۳ Facebookin kotisivu on kﺣ۳ynyt miljardia ihmistﺣ۳ tﺣ۳nﺣ۳ﺣ۳n.
Ja joku Facebook on vﺣ۳lilyﺣﭘntiﺣ۳ vain kerran.
>> Joten yksi ylimﺣ۳ﺣ۳rﺣ۳inen tavu, miljardia pyyntﺣﭘjﺣ۳,
kuinka paljon enemmﺣ۳n tietoa on Facebook siirtﺣ۳mﺣ۳llﺣ۳ Internetissﺣ۳
koska joku osuma vﺣ۳linﺣ۳ppﺣ۳intﺣ۳ hﺣ۳nen nﺣ۳ppﺣ۳imistﺣﭘ?
Miljardi tavua, tai yksi gigatavu dataa lﺣ۳hetetﺣ۳ﺣ۳n Facebook palvelimet
ihmisille ympﺣ۳ri maailma ilman hyvﺣ۳ﺣ۳ syytﺣ۳.
Nyt, se on vain yksi tila.
>> Kuvitelkaa, jos me todella puhdista jutun ja sisennetty sitﺣ۳ ja lisﺣ۳tﺣ۳ﺣ۳n
paljon valkoista tilaa ja sarkainmerkeillﺣ۳ ja tilat,
voit pﺣ۳ﺣ۳tyﺣ۳ menoja gigatavua, jos ei Terra tavua enemmﺣ۳n tilaa.
Ja niin Super yleisiﺣ۳ todellisia web-kehitystﺣ۳
on minify koodi.
Ja me lopulta nﺣ۳hdﺣ۳ miten voit tehdﺣ۳ tﺣ۳mﺣ۳n.
>> Mutta tﺣ۳nﺣ۳ﺣ۳n aloitamme kirjoittaa koodia se on todella luettavissa meille ihmisille.
On kﺣ۳ynyt ilmi, mutta jos menet takaisin Tﺣ۳mﺣ۳n tyﺣﭘkalun Chrome Tarkista Element,
Aiemmin olimme Verkko-vﺣ۳lilehteﺣ۳.
Osoittautuu, ettﺣ۳ jos menet elementtejﺣ۳ vﺣ۳lilehti, mitﺣ۳ itse nﺣ۳hdﺣ۳
on Chromen melko painettu versio saman HTML.
Joten olemme deobfuscated sen.
Joten se ei ottelu tietokone.
Ja nyt voit itse klikkaa ympﺣ۳ri ja aloita
nﺣ۳hdﺣ۳ hierarkia joka on web-sivu.
Joten itse tehdﺣ۳ tﺣ۳mﺣ۳n.
Aion mennﺣ۳ eteenpﺣ۳in ja avata edelleen Mac ohjelma nimeltﺣ۳ tekstin muokkauksen.
Ja muistuttaa, ettﺣ۳ tﺣ۳mﺣ۳ on vain Super yksinkertainen teksti-ohjelman.
Windows on notepad.exe.
Ja aion Verbatim kirjoittamalla seuraavan.
Doc tyyppi HTML, alkusulkumerkki HTML, suljettu kiinnike HTML,
meillﺣ۳ on pﺣ۳ﺣ۳ sivu tﺣ۳ﺣ۳llﺣ۳, loppuun pﺣ۳ﺣ۳n sivu tﺣ۳ﺣ۳llﺣ۳,
otsikko on kuin, Hello World.
>> Ja sitten tﺣ۳ﺣ۳llﺣ۳, me tarvitsemme ruumiin sivun.
Suljettu elin.
Ja sitten tﺣ۳ﺣ۳llﺣ۳, Hei maailma.
Selvﺣ۳.
Joten olemme kirjoittanut huippunopea sivun.
Aion tallentaa sen hello.html tyﺣﭘpﺣﭘydﺣ۳lle.
Maciin on menossa valittaa, ajattelu, ettﺣ۳ hetkinen,
tﺣ۳mﺣ۳ on tekstitiedosto, do haluat soittaa sitﺣ۳ .txt?
Mutta ei, haluan kﺣ۳yttﺣ۳ﺣ۳ piste HTML.
>> Ja sitten mitﺣ۳ mukavaa, jos en tupla klikkaa tﺣ۳tﺣ۳ tiedostoa,
hello.html, tﺣ۳ssﺣ۳ on minun verkkosivu.
Valitettavasti olen vain ihminen maailmassa
jotka voivat vierailla tﺣ۳mﺣ۳n sivun juuri nyt.
Koska jos se elﺣ۳ﺣ۳ ilmeisesti?
Se on minun Mac, eikﺣﭘ?
Joka on hyﺣﭘdytﺣﭘn.
Kuin kukaan tﺣ۳ssﺣ۳ huoneessa puhumattakaan Internetissﺣ۳
voi itse kﺣ۳ydﺣ۳ sivulla.
Joten tﺣ۳nﺣ۳ﺣ۳n, meidﺣ۳n on kﺣ۳yttﺣﭘﺣﭘn toinen elementti.
>> Ja tehdﺣ۳ tﺣ۳mﺣ۳n, aion mennﺣ۳ eteenpﺣ۳in ja avata pilvi 9.
Joten pilvi 9 on tietenkin pilvi pohjainen service-- CS50
IDE-- Tﺣ۳mﺣ۳ on meidﺣ۳n kaikkien tyﺣﭘtilojen kﺣ۳ynnissﺣ۳ jossain internetissﺣ۳.
Ja se tarkoittaa, ettﺣ۳ kaikki meidﺣ۳n tiedostot ovat julkisesti saatavilla jo.
Joten mene eteenpﺣ۳in ja tehdﺣ۳ tﺣ۳mﺣ۳n.
Aion mennﺣ۳ eteenpﺣ۳in ja Luo uusi tiedosto NCS50IDE.
Aion tallentaa sen ennen kuten hello.html ja valitse tallenna.
Ja nyt vain sﺣ۳ﺣ۳stﺣ۳ﺣ۳ aikaa, aion mennﺣ۳ eteenpﺣ۳in ja kopioi liitﺣ۳ tﺣ۳mﺣ۳ koodi
sijaan kirjoita se.
Ja tallenna se.
Ja nyt minulla on tiedosto nimeltﺣ۳ hello.html.
Mutta miten voin itse avaa se Web-sivu?
No, se osoittautuu rakennettu sisﺣ۳ﺣ۳n CS50 IDE ei ole vain kﺣ۳ﺣ۳ntﺣ۳jﺣ۳ kuten kalahtaa
ja debuggeri kuten GDB ja rypﺣ۳leterttuja muita ohjelmia,
siellﺣ۳ oikeastaan ﻗﻗtﺣ۳ysivaltaiseksi web-palvelin kﺣ۳ynnissﺣ۳ sisﺣ۳llﺣ۳ CS50 IDE.
>> Kaikki te, toisin sanoen, on oma web-palvelin.
Ja web-palvelin on vain pala ohjelmistojen joiden tarkoitus elﺣ۳mﺣ۳ssﺣ۳
on palvella jopa web-sivuja.
Kuuntelemaan pyyntﺣﭘjﺣ۳ selaimet ja vastata vﺣ۳hﺣ۳n virtuaalisen kirjekuoret
jonka sisﺣ۳llﺣ۳ on sisﺣ۳ltﺣﭘﺣ۳ ettﺣ۳ olen kirjoittanut.
Joten tﺣ۳mﺣ۳ web-palvelin on todella vapaa ja avoimen lﺣ۳hdekoodin.
Jos avoimen lﺣ۳hdekoodin vain tarkoittaa ohjelmisto, ettﺣ۳ joku muu on
kirjoittanut, ettﺣ۳ kaikki voimme itse nﺣ۳hdﺣ۳ ja ladata ja jopa
muutoksia lﺣ۳hdekoodiin.
Ja sitﺣ۳ kutsutaan Apache.
>> Ja teimme sen hieman helpompi kﺣ۳yttﺣ۳ﺣ۳ CS50IDE kutsumalla sitﺣ۳ Apache 50.
Niin ettﺣ۳ se voi todella ymmﺣ۳rtﺣ۳mﺣ۳ﺣ۳n seuraavat.
Aion sanoa Apache 50 alusta.
Ja sitten olen juuri menossa sanoa piste.
Ja nﺣ۳emme hieman mystistﺣ۳ sanomalla
asettamalla Apachen asiakirja [? ryhmﺣ۳?] kotia, ubuntu, mitﺣ۳ se on,
slash tyﺣﭘtila.
Alkaen web-palvelin Apache 2 onnistuneesti.
>> Niin pitkﺣ۳n tarinan lyhyesti, olen juuri tyﺣﭘnsi painiketta
ja pﺣ۳ﺣ۳llﺣ۳ web-palvelin, joka on nyt kuuntelee Internetissﺣ۳ TCP-portti
80 tiettyyn osoitteeseen.
Ja tﺣ۳ssﺣ۳ sanotaan, ja tﺣ۳mﺣ۳ muuttuu Based
on kﺣ۳yttﺣ۳jﺣ۳tunnuksesi ja muut tekijﺣ۳t, mutta huomaa nyt jos napsautan tﺣ۳mﺣ۳,
IDE50 piste jharvard ja niin ja niin, huomaa ettﺣ۳ koko tﺣ۳mﺣ۳n ajan
jo usean viikkoa, saatat olla
huomannut, ettﺣ۳ oma kﺣ۳yttﺣ۳jﺣ۳tunnus on upotettu sivun oikeassa
nurkassa CS50IDE.
>> Ja tosiasiallisesti on ollut koko tﺣ۳mﺣ۳n ajoittaa osoite, johon voit
kﺣ۳ydﺣ۳ kaikki tiedostot verkon kautta.
Tﺣ۳hﺣ۳n asti se ei ole vﺣ۳liﺣ۳, koska C, te yleensﺣ۳
haluavat asiat kﺣ۳ynnissﺣ۳ terminaali, ei verkossa.
Mutta tﺣ۳nﺣ۳ﺣ۳n, alamme kirjallisesti web-pohjainen koodi
ettﺣ۳ haluamme esteetﺣﭘn pﺣ۳ﺣ۳sy julkinen URL.
Joten mitﺣ۳ aion vain klikata URL-osoitteen.
>> Ja huomaa, ettﺣ۳ nﺣ۳en melko ruma indeksi, luokkahakemisto,
mutta mitﺣ۳ tiedosto hyppﺣ۳ﺣ۳ ulos sinua luultavasti?
Hello.html.
Ettﺣ۳ koska olen tallentanut tiedosto minun tyﺣﭘtilaan.
Ja mitﺣ۳ olen kertonut Apache www-palvelin on katsoa Daavidin tyﺣﭘtilassa hakemistoon.
Ja anna kenenkﺣ۳ﺣ۳n maailman nﺣ۳hdﺣ۳ kyseiset tiedostot.
>> Ja todellakin, jos minﺣ۳ nyt klikkaa hello.html,
Nﺣ۳en tﺣ۳ssﺣ۳ vﺣ۳lilehdessﺣ۳ juuri tiedoston.
Nyt huomaa, pilvi 9 tekee jotain vﺣ۳hﺣ۳n hyﺣﭘtyﺣ۳ meille.
Sisﺣ۳llﺣ۳ CS50 IDE, huomaa siellﺣ۳ yhtﺣ۳kkiﺣ۳ osoiteriville.
Tﺣ۳mﺣ۳ johtuu siitﺣ۳, vaikka olemme Chromen vierailla CS50IDE,
sisﺣ۳llﺣ۳ CS50IDE on oma versio web-selaimen juuri nyt.
Ja niin sen sijaan mutkistaa asioita sinﺣ۳nsﺣ۳,
Aion mennﺣ۳ eteenpﺣ۳in ja vain kopioida URL-osoitteen.
Aion mennﺣ۳ eteenpﺣ۳in ja vain avata oman Chrome-ikkuna.
Joten ei ole taikuutta tﺣ۳ﺣ۳llﺣ۳, ei CS50IDE.
Olen juuri menossa kirjaimellisesti liittﺣ۳ﺣ۳ minun J Harvardin URL ja paina Enter.
Ja voila, nyt minﺣ۳, ja teoriassa, jokainen
Internetissﺣ۳, jos olen mﺣ۳ﺣ۳rittﺣ۳nyt kﺣ۳yttﺣﭘoikeudet asianmukaisesti,
voi kﺣ۳ydﺣ۳ tﺣ۳tﺣ۳ tiedostoa.
Ja nyt, jos sanoin hello.html, voila, siellﺣ۳
on minun uskomattoman underwhelming sivun.
Joten tehdﺣ۳ nopeasti jﺣ۳rki tarkistaa.
Koska kaikki, ettﺣ۳ on kﺣ۳sitteellinen perustaa.
Ja olemme oikeastaan ﻗﻗole oikeastaan opetti, miten kirjoittaa HTML sinﺣ۳nsﺣ۳.
Kysyttﺣ۳vﺣ۳ﺣ۳ tﺣ۳hﺣ۳n mennessﺣ۳ siitﺣ۳, mitﺣ۳ juuri tapahtui?
Kyllﺣ۳.
Onko CS50 omistamaan nﺣ۳mﺣ۳ verkkosivut?
Missﺣ۳ mielessﺣ۳?
Hyvﺣ۳ kysymys.
Joten CS50: n omistaa CS50.io.
Olemme todellakin osti ettﺣ۳ verkkotunnus.
Ja luonteen mukaan te kirjautumalla CS50IDE,
te kaikki saavat mitﺣ۳ kutsutaan aliverkkotunnus.
>> Niin IDE50-Malan, tai IDE50-Rob.CS50.io, se on teidﺣ۳n yksilﺣﭘllinen osoite sisﺣ۳llﺣ۳
meidﺣ۳n verkkotunnus.
Joten varten tietenkin sinulla on oma ainutlaatuinen osoite.
Mutta olemme yksinkertaistettu asioita ostaa aluetunnus, CS50 piste
I / O ja sitten kaikki muu on sisﺣ۳llﺣ۳ ettﺣ۳, niin sanoakseni.
Ja me palaamme ettﺣ۳ pari viikkoa luultavasti,
erityisesti opinnﺣ۳ytetyﺣﭘn aika, kun jotkut teistﺣ۳
ehkﺣ۳ saada oman verkkotunnuksia.
Se on itse asiassa suhteellisen suoraviivainen.
Selvﺣ۳.
Joten nyt tehdﺣ۳ tﺣ۳tﺣ۳.
Aion mennﺣ۳ takaisin CS50IDE, jossa minun tiedosto juuri nyt,
hello.html, ei ole kovin kiinnostava.
Haluaisin tehdﺣ۳ jotain hieman mukavampaa kuin ettﺣ۳.
Joten aion tehdﺣ۳ jotain tﺣ۳llaista.
Minﺣ۳pﺣ۳ auki paragraphs.html.
Joten tﺣ۳mﺣ۳ on tiedosto kirjoitin etukﺣ۳teen.
Ylimpﺣ۳nﺣ۳ se, kuten aina, meillﺣ۳ on kommentteja.
Mutta HTML, kommentteja nﺣ۳yttﺣ۳ﺣ۳ hieman erilaiselta.
On line kolme ja linja 14, sinua katso syntaksi alkavat kommentti
ja pﺣ۳ﺣ۳ttyy kommenttia.
>> Mutta mikﺣ۳ﺣ۳n tavaraa vﺣ۳lillﺣ۳ asioissa toiminnallisesti.
Se on vain merkinnﺣ۳n ihmisen mitﺣ۳ tﺣ۳ﺣ۳llﺣ۳ tapahtuu.
Ja aivan kuten nopea jﺣ۳rki tarkista, jos minﺣ۳ selaa,
mitﺣ۳ ilmeinen uusi tag ettﺣ۳ olemme ottaneet kﺣ۳yttﺣﭘﺣﭘn?
Tunnisteet tﺣ۳hﺣ۳n mennessﺣ۳ olemme nﺣ۳hneet avoinna kiinnike HTML, pﺣ۳ﺣ۳, otsikko, ja runko.
Mutta mitﺣ۳ on tietysti uutta nyt?
>> Joo, niin s.
P tag tai kohta tag.
Ja sitten minﺣ۳ vain lainannut oletus Latinankielinen teksti muodostaa minun kappaleita.
Koska mitﺣ۳ halusin osoittavat, miten saatat
edustavat tekstikappaletta HTML.
Ja niin mitﺣ۳ alkaa tapahtua tﺣ۳ssﺣ۳ on se, ettﺣ۳ siellﺣ۳ on jo
kuvio kehittﺣ۳ﺣ۳.
Ja anna minun mennﺣ۳ eteenpﺣ۳in ja tehdﺣ۳ tﺣ۳mﺣ۳n.
Haluaisin ensin sammuttaa Apache.
Ja aion kertoa sen kﺣ۳ynnistﺣ۳ﺣ۳ itsensﺣ۳ jﺣ۳lleen sisﺣ۳llﺣ۳ nykypﺣ۳ivﺣ۳n lﺣ۳hde seitsemﺣ۳n
m hakemistoon.
Niin ettﺣ۳ minulla on pﺣ۳ﺣ۳sy kaikkeen.
>> Ja nyt, jos menen takaisin Tﺣ۳mﺣ۳n luokkahakemisto,
huomaa nﺣ۳en joka tiedosto tﺣ۳nﺣ۳ﺣ۳n.
Ja nﺣ۳et vuonna seuraava ongelma asettaa kﺣ۳ymme
antaa sinulle ohjeita tekemiseen juuri tﺣ۳mﺣ۳n.
Jos avaan paragraphs.html, tﺣ۳mﺣ۳ saattaa samoin nﺣ۳yttﺣ۳ﺣ۳ ohjelmointikieli
sinulle, jos et puhu tai lukea latina.
Mutta tﺣ۳mﺣ۳ on vain kolme kohtaa tekstiﺣ۳, joka on merkitty ylﺣﭘs HTML.
>> Ja huomaa kohta tauot niiden vﺣ۳lillﺣ۳.
Koska se kﺣ۳ﺣ۳ntyy pois, ja vaikka
ehkﺣ۳ taipuvaisia ﻗﻗtehdﺣ۳ tﺣ۳mﺣ۳n, kun taas todellisessa maailmassa,
jos haluat laittaa linja taukoja asioiden vﺣ۳lillﺣ۳,
saatat yksinkertaisesti tehdﺣ۳ tﺣ۳mﺣ۳n ja lyﺣﭘdﺣ۳ Tallenna.
Ja nyt, jos olen ladata tﺣ۳ﺣ۳llﺣ۳, ilmoitus ettﺣ۳ kaikki vain sumentaa yhdessﺣ۳
vain yksi mﺣﭘykky tekstiﺣ۳.
Koska HTML on sellainen tyhmﺣ۳ kielen.
>> Se on tarkoitettu kﺣ۳ytettﺣ۳vﺣ۳ksi tﺣ۳llaisissa siten, ettﺣ۳ selain vain
do selkeﺣ۳sti mitﺣ۳ kerrot sen tehdﺣ۳.
Joten jos et kerro sitﺣ۳ anna minulle uusi kohta,
et tule nﺣ۳kemﺣ۳ﺣ۳n uusi kohta.
Ja itse asiassa, mitﺣ۳ selain aikoo tehdﺣ۳
on vaikka enteriﺣ۳, sanokaamme uudelleen ja uudelleen
ja uudelleen, siirtﺣ۳mﺣ۳llﺣ۳ tﺣ۳mﺣ۳ teksti tavoin alas ruudulla ja tallentaa
ja sitten uudelleen, selain on menossa romahtaa kaikki tﺣ۳mﺣ۳ valkoinen tila
osaksi vain yksi, nﺣ۳kyvﺣ۳ vﺣ۳lilyﺣﭘnnillﺣ۳.
Selvﺣ۳.
Niin, ettﺣ۳ kohta tag.
Ja niin mitﺣ۳ kuvio joka on kehitysmaiden tﺣ۳ﺣ۳llﺣ۳?
No, se nﺣ۳yttﺣ۳ﺣ۳ olevan niin, ettﺣ۳ HTML on kyse alkavat tag
ja pﺣ۳ﺣ۳ttyy tag.
Ja mikﺣ۳ on tagi?
No, se on vain murikka syntaksin.
Alkusulkumerkki, avainsana, suljettu kiinnike, on tunniste.
Tai aloita tag.
Ja sitten kun olet tehty ilmaista itseﺣ۳si,
kuten olet tehnyt kohdan, teet niin sanotusti vastakohta.
Mutta pﺣ۳invastainen ei ole aivan taaksepﺣ۳in.
>> Sinun tarvitsee vain etuliite sama tagin nimi ja kauttaviivaa nﺣ۳in.
Selvﺣ۳.
Joten kaikki niin jﺣ۳nnittﺣ۳vﺣ۳ﺣ۳.
Ja itse asiassa, emme tehdﺣ۳ Web kaikki ettﺣ۳ mielenkiintoisempia.
Mitﺣ۳ jos haluan tehdﺣ۳ asiat isompi ja rohkea?
Joten kﺣ۳y ilmi, ettﺣ۳ tﺣ۳ssﺣ۳ on esimerkki vuonna headings.html, missﺣ۳ ruumiini,
Minulla H1 tag, H2, H3, neljﺣ۳, viisi tai kuusi, jotka kaikki
nﺣ۳yttﺣ۳vﺣ۳t melko vaikeaselkoisia.
Mutta jos menen avaa tﺣ۳mﺣ۳ Oletetaan esimerkiksi, katsomaan.
Headings.html.
>> Joten selaimet oletuksena voi antaa sinulle tekstiﺣ۳ se on iso ja rohkea erilaisia ﻗﻗkokoja.
H1 on iso.
H6 on pienempi ja sitten kaikki muu siltﺣ۳ vﺣ۳liltﺣ۳.
Niin, ettﺣ۳ on mielenkiintoista, mutta silti ei oikeastaan ﻗﻗweb tiedﺣ۳n.
Mitﺣ۳ jos haluamme minulla on jotain lista. .
Joten tﺣ۳ssﺣ۳ luettelomerkeillﺣ۳ kolme Harvardin taloja.
>> Miten te sitten teet tﺣ۳mﺣ۳n?
No, vilkaise list.html.
Ja tﺣ۳ssﺣ۳ nﺣ۳emme hieman funkiness
mutta Tarkastellaan mitﺣ۳ tapahtuu.
Joten sen perusteella, mitﺣ۳ olet juuri nﺣ۳hnyt, UL tarkoittaa Jﺣ۳rjestﺣ۳mﺣ۳tﺣﭘn lista.
Jﺣ۳rjestﺣ۳mﺣ۳tﺣﭘn lista tarkoittaa vain luettelomerkeillﺣ۳.
Ei ole numeroita.
Mukana on myﺣﭘs jotain kutsutaan jﺣ۳rjestetty lista, joka on OL klo tunniste.
Sitten LI, luettelokohteen on kaikki se tarkoittaa.
>> Ja niin se automaattisesti numerot kaiken puolestasi.
Mutta jﺣ۳lleen kerran, kaikki minun sisennys ja valkoinen tila on vain minun tﺣ۳hteni.
Selain ei ole todella tulee hoitaa.
Joten vaikka et voisi tehdﺣ۳ tﺣ۳mﺣ۳n vain olla selkeﺣ۳,
sinun ei pitﺣ۳isi vaikka selain vielﺣ۳
voi ymmﺣ۳rtﺣ۳ﺣ۳ sitﺣ۳ hienosti.
Olen lyﺣﭘmﺣ۳llﺣ۳ reload minun selain, olen napsauttamalla reload
ja mitﺣ۳ﺣ۳n muutosta tapahtuu sillﺣ۳ selain vielﺣ۳
tekee mitﺣ۳ sanon sitﺣ۳ tekemﺣ۳ﺣ۳n.
>> Selvﺣ۳.
Joten tﺣ۳mﺣ۳ kaikki on vain tekstiﺣ۳.
Nyt tehdﺣ۳ﺣ۳n jotain mielenkiintoisempaa.
Aion mennﺣ۳ eteenpﺣ۳in ja lainata tﺣ۳mﺣ۳n HTML.
Aion mennﺣ۳ eteenpﺣ۳in ja Luo uusi tiedosto tﺣ۳stﺣ۳.
Ja me kutsumme tﺣ۳tﺣ۳ rick.html.
Meillﺣ۳ on suhteettoman kﺣ۳ytetty jotain
kutsutaan rick tela tﺣ۳ssﺣ۳ luokan tﺣ۳nﺣ۳ vuonna, en tiedﺣ۳,
se vain tapahtui orgaanisesti.
>> Ja nyt se sai kﺣ۳sistﺣ۳.
Joten olen juuri menossa mennﺣ۳ sen kanssa.
Ja jos menen Google Kuvat ja Rick Astley.
Jos et tiedﺣ۳ miksi me teemme tﺣ۳mﺣ۳, vain lukea siitﺣ۳ Wikipediasta.
Joka kerta olet klikannut linkkiﺣ۳, Joku on nauraa jonnekin.
Ja anna minun mennﺣ۳ ahead-- sinne menemme, katsotaanpa nﺣ۳hdﺣ۳ksesi kuva.
>> Joten tﺣ۳ssﺣ۳ meillﺣ۳ kuvan Google Images.
Ja Oletetaan, ettﺣ۳ tﺣ۳mﺣ۳ on kohtuudella kaikkialla Internetissﺣ۳.
Joten aion olettaa se on OK minulle todella toteuttaa tﺣ۳mﺣ۳ minun verkkosivu.
Aion mennﺣ۳ eteenpﺣ۳in ja kopioi kuvan URL-osoite.
Ja nyt jos menen takaisin Cloud 9, katsotaanpa mitﺣ۳ voin tehdﺣ۳ tﺣ۳ﺣ۳llﺣ۳.
Joten tﺣ۳ssﺣ۳ on vain web-sivun.
Tﺣ۳mﺣ۳ on Rick Astley, haha, Aion nyt mennﺣ۳ takaisin
minun selain, lataa, ja mielenkiintoinen.
>> Missﺣ۳ Rick?
Joten haluan nﺣ۳hdﺣ۳ mitﺣ۳ on tapahtunut.
Oikeastaan, aion teeskennellﺣ۳ kuten en tee sitﺣ۳.
[ﺣﺣ۳netﺣﭘn] pani hﺣ۳net tﺣ۳nne.
Palaamme tﺣ۳hﺣ۳n hetken kuluttua.
Joten tﺣ۳ssﺣ۳ rick.html.
Joten se ei ole Rick Astley.
Joten se kﺣ۳ﺣ۳ntyy pois voimme itse lisﺣ۳tﺣ۳ hﺣ۳net tﺣ۳ﺣ۳llﺣ۳.
Tﺣ۳mﺣ۳ on Rick Astley.
Aion sanoa antaa minulle kuvan, jonka lﺣ۳hde on URL minﺣ۳ vain kopioida, joka
ilmeisesti on onnellinen syntymﺣ۳pﺣ۳ivﺣ۳ jotain tai muuta.
>> Ja nyt aion Sulje tag nﺣ۳in.
Joten tﺣ۳mﺣ۳ on kﺣ۳ﺣ۳re erittﺣ۳in pitkﺣ۳.
Mutta huomaan, ettﺣ۳ kaikki olen tehty on alkusulkumerkki kuva,
lﺣ۳hde ominaisuus tﺣ۳mﺣ۳n.
Ja se on todella pitkﺣ۳ URL.
Ja aivan lopussa, huomaa.
Miksi olen tehnyt slash kulma kiinnike sijasta, kuten kaikki muutkin tag,
ottaa alkusulkumerkki, IMG, suljettu kiinnike?
Vain yrittﺣ۳ﺣ۳ arvata, vaikka ei ole perehtyneisyys lainkaan
HTML ennen.
>> Joten se on, miten se sulkeutuu komento, mutta miksi
se ei oikeastaan ﻗﻗtee intuitiivinen jﺣ۳rkeﺣ۳ tehdﺣ۳ jotain hieman
teonsana kuin lﺣ۳hellﺣ۳ kuva?
Joo.
Vain semanttisesti, ei ole mitﺣ۳ﺣ۳n tunnetta alkaen kuvan ja pﺣ۳ﺣ۳ttyy kuva,
se on joko siellﺣ۳ tai se ei ole.
Joten se ei ole jﺣ۳rkevﺣ۳ﺣ۳ jﺣ۳ttﺣ۳ﺣ۳ aukon mitﺣ۳ﺣ۳n muuta sisﺣ۳llﺣ۳ kuvan.
Et vain voi tehdﺣ۳ sitﺣ۳.
Ja niin syntaksin olisi yleensﺣ۳ vain
tehdﺣ۳ vinoviiva sisﺣ۳llﺣ۳ avoimen tunnisteen tai alkutunniste
ja sitten lyﺣﭘdﺣ۳ Tallenna.
>> Jos siis nyt ladata tﺣ۳mﺣ۳ tiedosto, nyt Minulla on hyvﺣ۳ web-sivun ruoanlaitto tﺣ۳ﺣ۳llﺣ۳.
Ja voisimme varmasti todella ﺣ۳rsyttﺣ۳ﺣ۳ ihmisiﺣ۳
upottamalla sijaan kuten YouTube linkki.
Ja itse asiassa, tahansa olet koskaan mennyt YouTubeen,
ja haluan todella vahingossa Rick Roll itseﺣ۳ni tﺣ۳ﺣ۳llﺣ۳.
Joten Rick Roll.
Joten Rick roll-- aion mennﺣ۳ tﺣ۳ﺣ۳llﺣ۳.
>> [Musiikkia]
>> OK, yksi henkilﺣﭘ pitﺣ۳nyt siitﺣ۳.
Joten huomaat koko tﺣ۳mﺣ۳n ajan, jos Napsauta Jaa linkki, voit tietysti
saada URL ettﺣ۳ voit itse upottaa sﺣ۳hkﺣﭘpostia tai oikeuslﺣ۳ﺣ۳ketieteen kuva
tai ongelma asetettu tai dia.
Ja nyt, jos olen sen sijaan klikkaa upottaa, huomaa, ettﺣ۳ koko tﺣ۳mﺣ۳n ajan, tﺣ۳tﺣ۳ tavaraa
on ollut siellﺣ۳.
Aion mennﺣ۳ eteenpﺣ۳in ja kopioi tﺣ۳mﺣ۳.
>> Ja vain niin voimme nﺣ۳hdﺣ۳ sen paremmin, olen menossa liitﺣ۳ se minun tekstieditori.
Huomaa, ettﺣ۳ tﺣ۳mﺣ۳ mitﺣ۳ YouTube on kertonut sinulle.
Joka kerta kun vierailet YouTube-video, jos
haluat upottaa videon web-sivun, yksinkertaisesti tarttua tﺣ۳hﺣ۳n.
Joten tﺣ۳mﺣ۳ on vielﺣ۳ toinen HTML-koodi kutsutaan iframe.
Tai linjassa runko.
Joten se liian nﺣ۳yttﺣ۳ﺣ۳ hieman enemmﺣ۳n monimutkainen kuin kaikki muut.
Joten kﺣ۳y ilmi, ettﺣ۳ kuva tag ja ilmeisesti IFRAME
ottaa mitﺣ۳ kutsutaan mﺣ۳ﺣ۳ritteitﺣ۳.
>> Ja tﺣ۳mﺣ۳ on toinen pala syntaksin HTML.
Lisﺣ۳ksi tagin nimi, alkusulkumerkki tunnisteen nimi,
voit ohjata kﺣ۳yttﺣ۳ytymistﺣ۳ tunnisteen ottaa koko joukko ominaisuus
vastaa arvo.
Taito vastaa arvo.
Ja niin esimerkiksi, YouTube sanoo meille
jos haluat leveys tﺣ۳mﺣ۳n videon olla 420 pikseliﺣ۳ ja korkeus
olla 315 pikseliﺣ۳, joka on miten ilmaista se HTML.
>> Lﺣ۳hde videon on menossa olla, ettﺣ۳ pitkﺣ۳ YouTuben URL-osoite
ja sitten joitakin muita juttuja kuten runko raja on nolla,
joten luultavasti tarkoittaa, ettﺣ۳ on ei reunus asia.
Salli koko nﺣ۳ytﺣﭘn luultavasti tarkoittaa, ettﺣ۳ kﺣ۳yttﺣ۳jﺣ۳
voi napsauttaa painiketta ja todella koko nﺣ۳ytﺣﭘn videon.
Joten jos en todellakaan halua olla vaikuttava tﺣ۳ﺣ۳llﺣ۳ Rick piste HTML,
sijaan kﺣ۳yttﺣ۳ﺣ۳ kuvaa tunnistetta, anna minulle poistaa ettﺣ۳ sen sijaan, liitﺣ۳ tﺣ۳mﺣ۳.
Ja nyt uudelleen.
Ja nyt taas mennﺣ۳ﺣ۳n.
Okei, se riittﺣ۳ﺣ۳.
Hyvﺣ۳ niin yritﺣ۳n vaikea ei tehdﺣ۳ sitﺣ۳ uudelleen.
Mitkﺣ۳ ovat joitakin noutoruokapaikkoja tﺣ۳ﺣ۳llﺣ۳?
Niin HTML, niin ruma kuin nﺣ۳iltﺣ۳ sivuilta ovat, on oikeastaan ﻗﻗaika yksinkertainen.
Se ei ole ohjelmointikieli.
Se ei ole toimintoja.
Se ei ole silmukoita.
Se ei ole edellytyksiﺣ۳.
Kaikki se on on kymmeniﺣ۳ tunnisteita, joista jokainen
on nolla tai useampia ominaisuuksia.
Ja itse asiassa, mitﺣ۳ hauskaa siitﺣ۳ HTML kun alkaa sukeltaa
on, ettﺣ۳ se on hyvin itsensﺣ۳ oppivainen.
>> Kaikki se kestﺣ۳ﺣ۳ on kﺣ۳sitys yleisen kehyksen HTML.
Mikﺣ۳ on tunniste, mikﺣ۳ on ominaisuus, miten voit itse mﺣ۳ﺣ۳rittﺣ۳ﺣ۳ sivun
seuraavasti.
Ja kaikki muu on todella tulos etsimisessﺣ۳ online viittaus
tai googling miten tehdﺣ۳ joitakin tekniikkaa tai kuten olemme nﺣ۳hneet,
katsomalla Facebookin lﺣ۳hde koodi, katsot verkkosivuilla
ettﺣ۳ pidﺣ۳t sitﺣ۳ lﺣ۳hdekoodista ja ymmﺣ۳rtﺣ۳ﺣ۳, miten kehittﺣ۳jﺣ۳t siellﺣ۳
todella sﺣ۳ﺣ۳detyn asioita.
>> Joten voimme tehdﺣ۳ kuvia samoin.
Ja itse asiassa me teimme sen hetki sitten.
Anna minun mennﺣ۳ eteenpﺣ۳in ja vain nﺣ۳yttﺣ۳ﺣ۳.
Seuraavassa joitakin mallikoodia.
Jos joskus haluat nﺣ۳hdﺣ۳ jﺣﭘrﺣﭘ kissa.
Niin huomaa, ettﺣ۳ voin on kuva tag tﺣ۳ﺣ۳llﺣ۳.
Ja minulla kommentin ylﺣ۳puolella.
Minulla vaihtoehto teksti esteettﺣﭘmyyden.
Joten joku on kﺣ۳yttﺣ۳en nﺣ۳ytﺣﭘn lukija syistﺣ۳ nﺣ۳ﺣﭘn
voi itse sitten heidﺣ۳n nﺣ۳ytﺣﭘnlukijaohjelma sanoa jﺣﭘrﺣﭘ kissa.
Koska jos he eivﺣ۳t voi katso kuva, ne
voi ainakin olla heidﺣ۳n tietokone kertoa heille suullisesti, mikﺣ۳ on.
Ja lﺣ۳hde ettﺣ۳ tiedosto on cat.jpeg.
Niin itse asiassa, jos halusin saada fiksu, mitﺣ۳ voisin olla done--
Lupaan ei mennﺣ۳ Rick Astley, joten Aion google kissa sijaan.
Ja jos menen Google Images tﺣ۳ﺣ۳llﺣ۳, ja oletamme
ettﺣ۳ tﺣ۳mﺣ۳ on kuva minun kissa.
>> Oletetaan, ettﺣ۳ minulla on ohjaus napsautetaan tai oikealle napsautti tﺣ۳mﺣ۳n, vahingossa
kammottava.
Ja cat.jpeg aion sﺣ۳ﺣ۳stﺣ۳ﺣ۳ tyﺣﭘpﺣﭘydﺣ۳lle.
Haluaisin nyt palata pilvi 9.
Huomaa, ettﺣ۳ tﺣ۳ﺣ۳llﺣ۳, voin Siirry ladata paikallisia tiedostoja.
Ja jos nappaan tﺣ۳mﺣ۳n tiedosto, cat.jpeg, ilmoitus
ettﺣ۳ voin vetﺣ۳ﺣ۳ sen ja pudota Cloud 9
ja se tulee huutaa minua tﺣ۳ﺣ۳llﺣ۳.
>> Koska olemme jo antanut sinulle cat.jpeg tiedoston,
mutta se on erittﺣ۳in helppo napata kuva ettﺣ۳ olet
otettu Facebook tai Flickr tms
ja todella vetﺣ۳ﺣ۳ ja pudottaa sen osaksi pilvi 9 ja sitten tehdﺣ۳ se
osa oman henkilﺣﭘkohtaisen verkkosivuilla tai ongelma
asettaa seitsemﺣ۳n tai kahdeksan kuten tulemme pian nﺣ۳hdﺣ۳.
Ja sitten kun vihdoin kﺣ۳ydﺣ۳ ettﺣ۳ kissa,
olettaen olen ladannut ettﺣ۳ sama kissa, ilmoitusta that-- ettﺣ۳ oli ihana.
>> Mitﺣ۳ nﺣ۳kisitte on jotain tﺣ۳llaista kasvot tﺣ۳ﺣ۳llﺣ۳.
Joten tiedostot viittaus web-sivulla
voi olla joko paikallinen omassa tili tai kauko muulla palvelimella
kuten tapauksessa Rick Astley kuva hieman sitten.
Joten jos else-- mitﺣ۳ muuta voimme tehdﺣ۳ tﺣ۳ﺣ۳llﺣ۳?
Joten katsomaan seuraavaa.
Tiedﺣ۳tkﺣﭘ mikﺣ۳ on erﺣ۳ﺣ۳nlainen jﺣ۳ﺣ۳htyﺣ۳?
>> Olemme tﺣ۳hﺣ۳n mennessﺣ۳ tehneet hyvin staattisia verkkosivuja.
Haluan mausteeksi asioita seuraavasti.
Haluan tehdﺣ۳ oman hakukoneen.
Joten tehdﺣ۳ hakukoneen, katsotaanpa mennﺣ۳ eteenpﺣ۳in ja alkaa tehdﺣ۳ tﺣ۳tﺣ۳.
Aion mennﺣ۳ eteenpﺣ۳in ja luoda uusi tiedosto nimeltﺣ۳ search.html.
Ja olemme prefabed versioita verkossa.
Oho.
ﺣlﺣ۳ liitﺣ۳ pﺣ۳ﺣ۳teikkuna.
Valmistalo versiot verkossa.
Ja aion aloittaa seuraavasti.
Joten tﺣ۳ssﺣ۳ on alku tiedosto nimeltﺣ۳ search.html.
Aion tallentaa sen pﺣ۳ivﺣ۳n lﺣ۳hde hakemistoon.
Aion kutsua tﺣ۳tﺣ۳ haku.
Oikeastaan ﻗﻗme tehdﺣ۳ se paremmin.
CS50 Etsi ja todella tuotemerkin sitﺣ۳.
Ja nyt, aion sanoa jotain H1 CS50 Etsi.
Ja sitten tﺣ۳ﺣ۳llﺣ۳, H2 tulossa pian.
Ja vain kertaus, H1 ja H2 tarkoittaa mitﺣ۳ vastaavasti?
>> Joo, niin iso ja rohkea, ja ole niin suuri, mutta silti rohkea.
Jos siis tallentaa tﺣ۳mﺣ۳n ja mennﺣ۳ tﺣ۳nne, katsotaanpa tiedosto search.html.
Selvﺣ۳, ja tﺣ۳mﺣ۳ on right-- [ﺣ۳ﺣ۳netﺣﭘn].
Valmiustila.
David on sekava.
Voi, se on tuolla.
Daavidin idiootti.
OK.
Joten siellﺣ۳ se on.
Joten CS50 haku tulossa pian.
Joten nyt, nyt koota mitﺣ۳ teimme viime viikolla.
>> Jossa puhuimme alemman tason mekaniikka HTTP.
Ja nﺣ۳mﺣ۳ uudet ideat HTML, joka on vain
tﺣ۳mﺣ۳ markup language missﺣ۳ kertoa selaimen tarkalleen, mitﺣ۳ tehdﺣ۳
ja toteuttaa oman hakukoneen.
Joten sen sijaan vain sanomalla tulossa, olen
menossa esitellﺣ۳ jotain kutsutaan muodossa tag.
Ja tﺣ۳ssﺣ۳ muodossa, aion on jotain syﺣﭘttﺣﭘkentﺣ۳ssﺣ۳.
>> Ja nimi tﺣ۳mﺣ۳n tulon kenttﺣ۳, aion kutsua sitﺣ۳ Q.
Ja tyyppi tﺣ۳mﺣ۳n syﺣﭘttﺣﭘkentﺣ۳n Aion sanoa vain "teksti".
Ja tekstikenttﺣ۳ﺣ۳n, kuten tulemme katso, on vain tekstikenttﺣ۳ﺣ۳n.
Ja niin se ei tunnista tﺣ۳ﺣ۳llﺣ۳ on mitﺣ۳ﺣ۳n sen sisﺣ۳llﺣ۳ tﺣ۳ssﺣ۳ vaiheessa.
Ja niin olen yksinkertaisesti menossa Sulje tag, ettﺣ۳
kauttaviiva aivan tag itse.
Ja sitten aion on yksi muu tulo.
Tulotyypin vastaa esittﺣ۳ﺣ۳.
Ja sitten aion Sulje tﺣ۳mﺣ۳kin.
>> Ja nyt aion mennﺣ۳ takaisin tﺣ۳nne.
Ja jo nﺣ۳emme, vaikkakin melko ruma, olen
sai alkaa oma haku sivu tﺣ۳ﺣ۳llﺣ۳.
Itse asiassa, haluaisin yrittﺣ۳ﺣ۳ puhdista ylﺣﭘs hieman.
On kﺣ۳ynyt ilmi, ettﺣ۳ tulo tﺣ۳ﺣ۳llﺣ۳, voin olla
toinen ominaisuus nimeltﺣ۳ﺣ۳n paikkamerkki.
Ja voisin nﺣ۳hdﺣ۳ jotain avainsanoja, tai tarkemmin, kyselyn q.
>> Ja huomaa, nyt minulla on tﺣ۳llainen harmaa teksti
ettﺣ۳ katoaa heti kun alat kirjoittaa,
mutta se on luultavasti jotain olet nﺣ۳hnyt muissa web-sivuja.
En todellakaan pidﺣ۳ Lﺣ۳hetﺣ۳-painiketta.
Joten olen todella aio antaa Lﺣ۳hetﺣ۳-painiketta arvon haku.
Ja nyt, jos olen ladata, huomaan, ettﺣ۳ minun painike muuttuu nimeltﺣ۳ﺣ۳n haku.
Tiedﺣ۳tkﺣﭘ, en oikein kuten logo tﺣ۳ﺣ۳llﺣ۳.
Joten Google Font generaattori.
>> Haluan piristﺣ۳ﺣ۳ tﺣ۳tﺣ۳ entisestﺣ۳ﺣ۳n.
Niin CS50 haku.
Saanen luoda oma logo.
Se nﺣ۳yttﺣ۳ﺣ۳ hienolta.
Joten nyt haluan tallentaa tﺣ۳mﺣ۳n as-- tulla.
Jos menee?
Siellﺣ۳.
OK.
Ohi.
Tallenna nimellﺣ۳.
Tyhmﺣ۳ selaimissa.
Valmiustila, aiomme korjata lopullisesti.
Siellﺣ۳ mennﺣ۳ﺣ۳n.
Selvﺣ۳.
Anteeksi.
Vapaapﺣ۳ivﺣ۳.
Nyt tﺣ۳mﺣ۳ on funky.
Poistu koko nﺣ۳ytﺣﭘn.
Selvﺣ۳.
>> Nyt, kuten normaali henkilﺣﭘ, tallentaa kuvan.
Logo.gif.
Nyt aion mennﺣ۳ CS50IDE ja Aion yksinkertaisesti napata logo,
Aion vedﺣ۳ se minun lﺣ۳hde seitsemﺣ۳n hakemistoon,
tiedosto on jo olemassa, olen OK kanssa.
Joten aion ohittaa sen koska olen jo ollut se.
Ja nyt miten voin pﺣ۳ﺣ۳stﺣ۳ eroon tﺣ۳stﺣ۳?
>> Mennﺣ۳ﺣ۳n eteenpﺣ۳in tﺣ۳ﺣ۳llﺣ۳ ja tehdﺣ۳ kuvalﺣ۳hde vastaa logo.gif.
Sulje tﺣ۳mﺣ۳.
Tallenna.
Ja nyt jos menen takaisin minun haku sivu, nyt se nﺣ۳yttﺣ۳nyt aika hyvﺣ۳ltﺣ۳.
Selvﺣ۳, joten se ei ole varsin tehnyt mitﺣ۳ﺣ۳n hyﺣﭘdyllistﺣ۳.
Itse asiassa, haluaisin kokeile hakua kissa ja katso mitﺣ۳ tapahtuu.
Kissat.
Perkele.
Se ei vain toimi, ilmeisesti.
Niin mitﺣ۳ avain pala ettﺣ۳ puuttuu tﺣ۳ﺣ۳llﺣ۳?
>> Oikea, vaikka et tiedﺣ۳ mitﺣ۳ﺣ۳n HTML, Olen alkanut merkintﺣ۳ ylﺣﭘs puhelin lomake
ja olen kertonut sen, miten saada tuloa, anna minulle tekstikenttﺣ۳ﺣ۳n ja Lﺣ۳hetﺣ۳-painiketta,
mitﺣ۳ pala on ilmeisesti puuttuu?
Oletetaan haluamme todella saada tﺣ۳mﺣ۳ asia toimii oikein.
Mitﺣ۳ meidﺣ۳n pitﺣ۳ﺣ۳ tehdﺣ۳?
Meillﺣ۳ on tarve toteuttaa loppupﺣ۳ﺣ۳tﺣ۳ tietokanta tai hakukoneen itse,
ja ettﺣ۳ tulee viemﺣ۳ﺣ۳n paljon aikaa, rehellisesti.
>> Joten muistaa, mitﺣ۳ teimme viime kerralla.
Joten jos etsit jotain Googlessa ja olet etukﺣ۳teen estetty,
Recall, instant haku.
Haluan siis puolestaan, ettﺣ۳ pois niin, ettﺣ۳ tﺣ۳mﺣ۳ todella
kﺣ۳yttﺣ۳ytyy kuin vanhempi koulu selain, jos en nyt etsiﺣ۳ jotain kissat,
muistaa, mitﺣ۳ URL nﺣ۳yttﺣ۳ﺣ۳.
Se on aika arvoituksellinen.
Mutta upotettu siellﺣ۳, Recall, on kauttaviiva haku.
Kysymysmerkki Q on yhtﺣ۳ kissaa.
>> Ja ettﺣ۳ nﺣ۳yttﺣ۳isi antaa minulle koko joukko hakutuloksissa.
Niin tiedﺣ۳t mitﺣ۳ aion tehdﺣ۳?
Aion lainata Google vain minuutin.
Aion mennﺣ۳ yli tﺣ۳ﺣ۳llﺣ۳ ja aion sanoa
ettﺣ۳ tﺣ۳mﺣ۳ muodostaa toiminta tai kohde, niin sanoakseni,
olisi kirjaimellisesti olla Google.
Ja menetelmﺣ۳ halusin kﺣ۳yttﺣﭘtarkoituksen tulee olemaan saada.
>> Joten mikﺣ۳ on toimia?
Toiminta on outo nimi, mutta se tarkoittaa vain
kuka kﺣ۳sittelemﺣ۳ﺣ۳n toimia tﺣ۳mﺣ۳n lomakkeen?
Kun klikkaa haku, jossa olisi tulos mennﺣ۳?
Ja jos minﺣ۳ nyt mennﺣ۳ takaisin minun muodossa tﺣ۳ﺣ۳llﺣ۳ ja lataa Web-sivu
ja nyt etsiﺣ۳ jotain kuten koira, huomaa nyt
Olen uudelleen toteutettu Google.
Oikea?
>> Jos haluan etsiﺣ۳ jotain muuten, se toimii ei vain koiria,
se toimii myﺣﭘs kissoille.
Se toimii myﺣﭘs CS50.
Ja OK, tﺣ۳mﺣ۳ on vain alle whelming, eikﺣﭘ olekin?
Hyvﺣ۳ on, mutta se todella toimii.
Joten mitﺣ۳ todella tapahtuu?
Joten olen opettanut selaimen avulla HTML, ottaa panosta kﺣ۳yttﺣ۳jﺣ۳
ja itse lﺣ۳hettﺣ۳ﺣ۳ ettﺣ۳ panos etﺣ۳palvelimeen HTTP.
>> Ja koska minun selain ymmﺣ۳rtﺣ۳ﺣ۳ HTTP, se todella
rakentaa URL niin, ettﺣ۳ mitﺣ۳ Pﺣ۳ﺣ۳dyn yli minun selaimessa,
huomaa, mitﺣ۳ tapahtuu kun olen etsinyt koira.
Jos minﺣ۳ klikkaa haku, huomaat ettﺣ۳ URL muuttuu aioin
ettﺣ۳ google.com/search kysely vastaa koira.
Ja se johtuu muodossa tietﺣ۳ﺣ۳, koska menetelmﺣ۳ on saada,
yksinkertaisesti liittﺣ۳ﺣ۳ sen, ettﺣ۳ URL siellﺣ۳.
>> Nyt nﺣ۳mﺣ۳ sivut ovat vielﺣ۳ ruma.
Joten kﺣ۳yttﺣﭘﺣﭘn yksi muu pala syntaksin jos voimme tﺣ۳nﺣ۳ﺣ۳n.
Ja tﺣ۳mﺣ۳ on jotain tunnettu kuten CSS-tyylisivuja.
Saanen siis katsomaan Tﺣ۳ssﺣ۳ esimerkissﺣ۳ tﺣ۳ﺣ۳llﺣ۳ ja nﺣ۳hdﺣ۳
jos voimme pﺣ۳ﺣ۳tellﺣ۳, mitﺣ۳ on tekeillﺣ۳.
Tﺣ۳mﺣ۳ on CSS0.html.
Ja tﺣ۳mﺣ۳ on silloin, kun asiat saada vﺣ۳hﺣ۳n ruma.
Koska valitettavasti, maailmassa rainan,
HTML ei voi yksin tehdﺣ۳ kaikkea.
Joten jos haluat tyylitellﺣ۳ web-sivun,
todella tarvitset keskittyﺣ۳ estetiikka eri tavalla.
Joten tﺣ۳ssﺣ۳, minulla on ruumiin minun web sivu jonka sisﺣ۳llﺣ۳ on suuri div.
Ja div vain tarkoittaa jako.
Joten se on kuin kohta, mutta se ei ole sama semantiikkaa
of tekstikappale.
>> Tﺣ۳mﺣ۳ vain tarkoittaa selain, tﺣ۳ssﺣ۳ tulee
iso suorakulmainen alue minun web sivu, haluan kﺣ۳sitellﺣ۳ sitﺣ۳ erityisesti.
Nyt, linja 21 on silloin, ettﺣ۳ div alkaa.
Ja ota arvaus.
Mikﺣ۳ vaikutus linjan 21 Loput sivun sisﺣ۳ltﺣﭘﺣ۳?
Keskitys se.
Siinﺣ۳ kaikki.
Joten emme ole nﺣ۳hneet tapa todella keskitys tekstiﺣ۳.
>> Itse asiassa, minun hakukone, toisin kuin todellinen Google,
kaikki oli perusteltua yli vasemmalle.
Ja niin nyt linjassa 21, sanon, hei selain, luoda jako sivun.
Anna minulle iso, nﺣ۳kymﺣ۳tﺣﭘn suorakulmio.
Niin haluan ajatella sivun.
Ja sitten tyylitellﺣ۳ sen seuraavasti.
Sisﺣ۳ltﺣ۳ lainausmerkit, nyt on toinen kieli
ettﺣ۳ otimme kﺣ۳yttﺣﭘﺣﭘn tﺣ۳nﺣ۳ﺣ۳n nimeltﺣ۳ﺣ۳n CSS.
Onneksi, se myﺣﭘs ei ole ohjelmointikieli,
joten se on hyvin rajallinen sen syntaksi mutta myﺣﭘs hyvin rajoitettu sen toimivuus
katsoo HTML on kyse merkintﺣ۳ ylﺣﭘs tiedot web-sivun
ja rakenne Web-sivun.
CSS on yleensﺣ۳ noin viimeisen mailin, estetiikka,
saada koko ja vﺣ۳ri ja sijoitus juuri oikea web-sivulle.
Ja todellakin, se muodostuu keskeisten arvoparit.
>> Omaisuus nﺣ۳in, teksti kohdista, seuraa kaksoispiste,
jota seuraa arvo, joka omaisuus, joka tﺣ۳ssﺣ۳ tapauksessa on keskus.
Ja nyt huomaa voi pesﺣ۳ nﺣ۳mﺣ۳ asiat.
Jos halusin kaiken ettﺣ۳ Olen korostanut olla keskitetty,
siksi minulla on linja 21 ja vastaava rivi 31.
Mutta oletetaan nyt halua sanoa John Harvardin, tervetuloa kotisivuilleni.
>> Copyright-merkin John Harvard.
Ja kai haluan ensin nﺣ۳mﺣ۳ linjat olla aika iso.
36 pikseliﺣ۳.
Niin, ettﺣ۳ kunnon kokoinen.
Ja halusin sen paino olla rohkea.
Mutta sitten alle, Haluan pienempi teksti.
Ja sen alapuolella, haluan jopa pienempi teksti.
Anteeksi.
Tﺣ۳nﺣ۳ﺣ۳n tuntuu pois pﺣ۳ivﺣ۳.
>> Joten nyt, mitﺣ۳ teen ilmaista tﺣ۳mﺣ۳n?
Tﺣ۳ﺣ۳llﺣ۳ linjalla 22 on upotettu div tai sisﺣ۳kkﺣ۳isiﺣ۳ div, jos haluatte.
Sekin on oma tyyli tag.
Voin mﺣ۳ﺣ۳ritellﺣ۳ fontin kokoa 36.
Voin mﺣ۳ﺣ۳ritellﺣ۳ fontin paino rohkeita.
Alas tﺣ۳ﺣ۳llﺣ۳, vain mﺣ۳ﺣ۳rittﺣ۳ﺣ۳ 24 pikseliﺣ۳.
Ja lopuksi, linjassa 28, voin mﺣ۳ﺣ۳ritellﺣ۳ 12.
Aivan kuten nopeasti jﺣ۳rki tarkistaa ja ihmisenﺣ۳ luet tﺣ۳tﺣ۳,
mitﺣ۳ sanoja ruudulla ovat todella tulee olla rohkea?
Jotka linjat ovat todella rohkeita?
>> Vain John Harvard.
Oikea?
Koska aivan kuten linja 22 sanoo hei selain, tﺣ۳ssﺣ۳ jako sivun.
Tee se fontin koko 36 kohta.
Tee fontin paino rohkea.
Heti kun saavutat vastaava lopputunniste
tai suljettu tag linja 24, ettﺣ۳ vﺣ۳lineet, hei selain,
lakata tekemﺣ۳stﺣ۳ mitﺣ۳ se on olet tekemﺣ۳ssﺣ۳.
Ja ilmoitus on selkeﺣ۳, vaikka linja 22 on kaikki nﺣ۳mﺣ۳ ominaisuudet
tyyliin, kun Sulje tag linjassa 24,
vain mainita tunnisteen nimi.
>> Et toista sanaa tyyliﺣ۳ tai jotain, joka on sisﺣ۳llﺣ۳ nﺣ۳itﺣ۳ lainauksia.
Joten jos katson tﺣ۳tﺣ۳ nyt minun selaimessa, sallikaa
katso lopputulos. Anna minun mennﺣ۳ eteenpﺣ۳in tﺣ۳hﺣ۳n tiedostoon, joka on CSS 0.
Ja se on edelleen melko tavallinen, mutta tulossa melko mielenkiintoinen.
Mutta se osoittautuu siellﺣ۳ muita asioita voin tehdﺣ۳ tﺣ۳ﺣ۳llﺣ۳,
ja riski tehdﺣ۳ tﺣ۳mﺣ۳ tﺣ۳ysin vastenmielinen,
huomata tﺣ۳ssﺣ۳, ettﺣ۳ minun elin minun web-sivun,
Voin tehdﺣ۳ jotain hauskaa kuten BG tai taustavﺣ۳ri.
>> Ja nopea, mikﺣ۳ on lempivﺣ۳risi?
Green Kuulin.
Selvﺣ۳.
Joten nyt, jos osuin reload nyt, meillﺣ۳ on vihreﺣ۳ web-sivun.
Selvﺣ۳, joten se ei ole huono.
Ja nyt, jos haluan tehdﺣ۳ tﺣ۳mﺣ۳ todella viileﺣ۳, voin tehdﺣ۳ vﺣ۳ri minun tekstiﺣ۳
jopa punainen.
Joten mitﺣ۳ tﺣ۳mﺣ۳ nﺣ۳yttﺣ۳ﺣ۳.
Nyt se on nﺣ۳yttﺣ۳nyt aika hyvﺣ۳ltﺣ۳.
Ja tﺣ۳nne, jos todella halua sotkea jonkun
tai jos haluat olla yksi niistﺣ۳ ihmisistﺣ۳, jotka
yrittﺣ۳ﺣ۳ huijata sinua vierailevat web sivu koska he ovat huijasi Google
luulemaan siellﺣ۳ koko joukko avainsanoista like-- Katsotaanpa, lataa.
Mihin se meni?
Ja siellﺣ۳ se meille.
Selvﺣ۳.
Joten sanon tﺣ۳mﺣ۳n syrjﺣ۳ﺣ۳n, kﺣ۳ymme puhua tﺣ۳stﺣ۳ tavaraa muutaman viikon
kun puhumme turvallisuus, jos todella
upottaa koko rypﺣ۳leterttuja avainsanoja Web-sivun,
vaikka ne eivﺣ۳t nﺣ۳y ihmisen, joku kuten Google, tietenkin,
voi vielﺣ۳ itse lﺣﭘytﺣ۳ﺣ۳ tﺣ۳mﺣ۳.
Selvﺣ۳, niin se on aika hirveﺣ۳ melko nopeasti.
>> Ja itse asiassa, se ei ole kaikki ettﺣ۳ paljon toisin kuin oma web
sivun perustutkintoa, joka Aloin googling noin lﺣﭘytﺣ۳ﺣ۳
menneisyyden versioita vanhoista verkkosivuilla.
Se oli melko huono.
Itse en lﺣﭘytﺣ۳nyt yksi juuri ennen luokan.
Mutta on pahempi siellﺣ۳.
Tﺣ۳mﺣ۳ ilmeisesti oli minun etusivu takaisin vuonna 1996.
Ilmeisesti ajattelin, ettﺣ۳ se oli aiheellista pyytﺣ۳ﺣ۳ ihmisiﺣ۳ heidﺣ۳n nimensﺣ۳
ennen tilaisuuden tullen itse nﺣ۳hdﺣ۳ minun verkkosivu.
>> Ja sitten nﺣ۳ytin heille jotain tyhmﺣ۳ﺣ۳, todennﺣ۳kﺣﭘisesti.
Minﺣ۳ kaivaa enemmﺣ۳n ensi kerralla.
Mutta nyt, nyt harkita hieman suunnittelu.
Olemme puhuneet tyyliin.
Ja tﺣ۳mﺣ۳ sivu toistaiseksi ja lﺣ۳hes kaiken olen kirjoittanut
on melko puhdas tyylillisesti.
Mutta entﺣ۳ suunnittelu?
No, siellﺣ۳ on paljon irtisanomisten mitﺣ۳ olen tehnyt tﺣ۳ﺣ۳llﺣ۳.
>> Olen maininnut sanaa vﺣ۳ri pari paikkaa.
Olen maininnut kirjasinkokoa pari paikkoja ja rohkea pari paikkaa.
Ja pohjimmiltaan, olen co sekoittuminen kahdella kielellﺣ۳.
Minulla HTML minun tageja ja minun ominaisuudet ja sitten yhtﺣ۳kkiﺣ۳,
vﺣ۳lillﺣ۳ lainausmerkit, minulla on toinen kieli tﺣ۳nﺣ۳ﺣ۳n
nimeltﺣ۳ﺣ۳n CSS, joka taas on vain nﺣ۳mﺣ۳ keskeinen arvo pareittain tai nﺣ۳itﺣ۳ ominaisuuksia
kaksoispisteellﺣ۳ erotettuja.
>> On kﺣ۳ynyt ilmi, ettﺣ۳ paljon kuten C jossa
voi alkaa tekijﺣ۳ ulos jotkut koodi header-tiedostot,
joten voimme tehdﺣ۳ saman HTML.
Ja askel kohti, joka on seuraava.
Huomaa, ettﺣ۳ tﺣ۳mﺣ۳ versio, CSS1.html on Rakenteellisesti tﺣ۳smﺣ۳lleen sama sivun.
Joten minulla koko joukko on divs, mutta tﺣ۳llﺣ۳ kertaa, olen
pﺣ۳ﺣ۳ssyt eroon kﺣ۳ﺣ۳reen div kuten nﺣ۳et.
>> Ja olen antanut nﺣ۳mﺣ۳ kolme divs ylﺣ۳-, keski- ja pohja, ainutlaatuinen tunnukset.
Tﺣ۳mﺣ۳ on mukavaa, koska mukaan antaa nﺣ۳iden toimialojen
Sivun yksilﺣﭘlliset tunnisteet, Voin viitata niitﺣ۳ muualta.
Missﺣ۳?
No, minﺣ۳pﺣ۳ selaamalla ylﺣﭘspﺣ۳in.
Ja tﺣ۳hﺣ۳n mennessﺣ۳, milloin teimme kﺣ۳rjessﺣ۳ web-sivun, mitﺣ۳
ainoa tag meillﺣ۳ on ollut pﺣ۳ﺣ۳n sivun?
Vﺣ۳hﺣ۳n kovempaa.
Vain otsikko toistaiseksi.
Mutta se osoittautuu siellﺣ۳ muutamia muita asioita
voit laittaa sinne, yksi joka sitﺣ۳ kutsutaan tyyliin tag.
Niin hetki sitten, me katsoimme klo tyyliattribuutti.
Osoittautuu siellﺣ۳ tyyliin tag.
Se kuuluu sisﺣ۳llﺣ۳ pﺣ۳ﺣ۳n sivun.
Ja nyt huomaa, mitﺣ۳ olen tekemﺣ۳ssﺣ۳.
Minulla on sisﺣ۳llﺣ۳ tﺣ۳mﺣ۳n tyyli tag seuraavat.
Olen kirjaimellisesti viittaavat linjalla 20 nimeksi tag mikﺣ۳ haluan tyylitellﺣ۳.
>> Sitten minulla on auki kihara ahdin ja suljettu kihara ahdin.
Niin samanlaisia ﻗﻗhengeltﺣ۳ﺣ۳n C, mutta jﺣ۳lleen, tﺣ۳mﺣ۳ ei ole funktio,
tﺣ۳mﺣ۳ on vain syntaktinen tﺣ۳ssﺣ۳ yksityiskohtaisesti.
Ja sitten tietysti, minﺣ۳ kerron selain, hei selain,
tehdﺣ۳ koko kehon sivun on teksti yhdenmukaistaminen keskustasta.
Ja sitten tﺣ۳mﺣ۳ sanoo seuraavaa.
Hei selain, jos nﺣ۳et HTML elementti tai tag tulevalla sivulla
on yksilﺣﭘllinen tunniste alkuun, joten hash symboli tﺣ۳ﺣ۳llﺣ۳ vain sitﺣ۳,
ainutlaatuinen idea alkuun, mennﺣ۳ eteenpﺣ۳in ja tehdﺣ۳ sen fontin kokoa 36
ja sen fontti paino rohkea.
>> Hei selain, elementti jonka ID on keskellﺣ۳, jotta se 24 pikseliﺣ۳.
Ja hei selain, jos nﺣ۳et Ajatus pohja, jotta se 12 pikseliﺣ۳.
Vaikutus lopulta on tﺣ۳smﺣ۳lleen sam.
Jos menen CSS 1, sivu nﺣ۳yttﺣ۳ﺣ۳ samalta.
Mutta olemme askeleen kohti hieman parempi suunnittelu.
Haluaisin nyt palata tﺣ۳nne CSS2 ja katso, mitﺣ۳ muuta olen tehnyt.
>> Nyt sivu on todella, todella puhdas.
Itse en mahtuu kaikki sisﺣ۳llﺣﭘn sivu tﺣ۳ﺣ۳llﺣ۳.
Mutta mitﺣ۳ uusi tunniste on I kﺣ۳yttﺣﭘﺣﭘn, ilmeisesti?
Link.
Ja se ei ole paras nimeﺣ۳ tag, koska se ei ole linkkiﺣ۳ mielessﺣ۳
ettﺣ۳ me tiedﺣ۳mme sen, mutta tﺣ۳mﺣ۳ tarkoittaa, linkki jonkin muun tiedoston.
Tﺣ۳mﺣ۳ on ikﺣ۳ﺣ۳n kuin terﺣ۳vﺣ۳ sisﺣ۳ltﺣ۳vﺣ۳t C.
>> Tﺣ۳mﺣ۳ on tapa HTML sanoa hei selain,
hae sisﺣ۳ltﺣﭘﺣ۳ tiedosto nimeltﺣ۳ css2.css.
Suhde, minulle, on, ettﺣ۳ se on tyylisivu.
Ja todellakin, sitﺣ۳hﺣ۳n yksi S: n CSS keinoin.
Tﺣ۳mﺣ۳ on tyylisivu.
Se on vain tekstitiedosto, joka sisﺣ۳ltﺣ۳ﺣ۳ koko joukko omaisuutta.
Se on koko joukko tyylejﺣ۳ ettﺣ۳ haluat hakea sivulle.
>> Ja niin tﺣ۳mﺣ۳ ilmeisesti on viittaa toiseen tiedostoon.
Ja jos avaan, ettﺣ۳ CSS2.css, huomaa ettﺣ۳ kaikki olen tehnyt
on kopioida ja liittﺣ۳ﺣ۳ kaikki Tﺣ۳mﺣ۳n tﺣ۳hﺣ۳n tiedostoon.
Ja nyt, vaikka et ole koskaan koodattu tﺣ۳tﺣ۳ kamaa ennen,
vain pohtimaan sananlaskun konetekniikka hattu
on, miksi tﺣ۳mﺣ۳ parempi suunnittelu luultavasti?
Factoring pois ne CSS-ominaisuuksia, laittamalla heidﺣ۳t omaan tiedostoon.
Vaikka me ratkaisseet tﺣ۳mﺣ۳n ongelma kuin viisi minuuttia sitten
aivan ensimmﺣ۳inen versio.
>> Olemme ei parantunut sivu tyylillisesti,
tﺣ۳mﺣ۳ on vain parempi suunnittelu jossain mielessﺣ۳.
Miksi luulet?
Joo.
Joustavampi miten?
Joo.
Joten jos haluat mennﺣ۳ takaisin ja muuttaa asioita,
nyt, sinulla on yksi paikka jossa voit muuttaa asioita.
Ja itse asiassa jotain kuten ongelma asettaa seitsemﺣ۳n,
jossa me toteuttaa varastossa kaupankﺣ۳ynnin verkkosivuilla,
joka on menossa on koko joukko sivuja.
Ja se olisi todella harmittaa jos pﺣ۳ﺣ۳tﺣ۳t, hm,
En todellakaan pidﺣ۳ 24 pikseliﺣ۳, haluan sen olevan 28 pikseliﺣ۳ tai hieman suurempi.
Ja sitten tﺣ۳ytyy tehdﺣ۳ maailmanlaajuinen etsiﺣ۳ ja korvata
tai avaa kaikki sivuston tiedostot yksinkertaisesti todella muuttaa yksi arvo.
Factoring nﺣ۳mﺣ۳ tyylit yhdeksi keskeinen paikka,
voit nyt avata yhden tekstitiedosto vuonna CS50IDE mihin tahansa ohjelmaan,
muuttaa sitﺣ۳, tallentaa sen, ja tehty.
Olet levittﺣ۳vﺣ۳t ne muutoksia kaikkialla.
Ja ettﺣ۳ olisi sama dot h tiedosto samoin.
Joten kysyttﺣ۳vﺣ۳ﺣ۳ nﺣ۳in mennessﺣ۳ tﺣ۳tﺣ۳ syntaksia?
Hyvﺣ۳ on, joten olemme tehnyt kaiken nﺣ۳yttﺣ۳ﺣ۳
paitsi todella toteuttaa hyperlinkkejﺣ۳.
Ja niin mennﺣ۳ﺣ۳n eteenpﺣ۳in ja tehdﺣ۳ tﺣ۳mﺣ۳n.
Anna minun mennﺣ۳ eteenpﺣ۳in ja Luo uusi tiedosto tﺣ۳stﺣ۳.
Aion kutsua sitﺣ۳ link.html, laita nykypﺣ۳ivﺣ۳n koodi.
>> Ja aion tehdﺣ۳ avoin kiinnike asiak tyyppi html.
Sivuhuomautuksena, tﺣ۳mﺣ۳ asia on top, tﺣ۳mﺣ۳ doc tyyppi julistuksen,
se on ainoa, joka on outoa kanssa huutomerkki.
Sinun tﺣ۳ytyy vain tehdﺣ۳ se siellﺣ۳ ja se tarkoittaa kﺣ۳ytﺣ۳mme HTML-versio 5.
Vanhemmat versiot kieli oli paljon kauemmin
jouset ettﺣ۳ sinun piti laittaa sinne.
Joten tﺣ۳ssﺣ۳ on esimerkki nimeltﺣ۳ﺣ۳n linkin.
>> Tarvitsen elin minun web sivu tﺣ۳ﺣ۳llﺣ۳.
Ja tﺣ۳ﺣ۳llﺣ۳, href tasavertaiseen sanokaamme HTTP://www.disney.com
ja suosikkini verkkosivuilla, me sanomme.
Selvﺣ۳, niin hyvin harmittomia, kﺣ۳yttﺣ۳jﺣ۳ystﺣ۳vﺣ۳llinen sivu.
Jos minﺣ۳ nyt mennﺣ۳ minun hakemistoon listalle tﺣ۳ﺣ۳llﺣ۳ ja avata link.html,
meillﺣ۳ on hyper teksti.
>> Ja todellakin, tﺣ۳mﺣ۳ on silloin, H HTTP tulee.
Hypertext Transfer Protocol on noin siirtﺣ۳mﺣ۳llﺣ۳ teksti
ettﺣ۳ on linkkejﺣ۳ muihin resursseihin.
Ja todellakin, tﺣ۳ssﺣ۳ on tuttu, jos retro, sininen linkki, jos napsautetaan,
todella saavat minut Disney.com.
Nyt, oi, ettﺣ۳ on tulossa pian.
Selvﺣ۳, joten nyt, mitkﺣ۳ ovat seurauksista tﺣ۳mﺣ۳n?
>> Ja rehellisesti, maailma alkaa saada hieman tutumpi
ja myﺣﭘs hieman scarier mutta myﺣﭘs hieman
itse puolustettavissa kun aloitat ymmﺣ۳rtﺣ۳ﺣ۳ nﺣ۳itﺣ۳ asioita.
Koska kertoimet ovat, jotkut teistﺣ۳, jos menet kautta Gmail roskapostikansioon tai jopa
postilaatikkoon, olet luultavasti saanut jonkinlaisen sﺣ۳hkﺣﭘpostin
ettﺣ۳ kysyy voit muuttaa salasana ehkﺣ۳ tai ehkﺣ۳ tarkistaa
PayPal tunnistetiedot tai vaikka mitﺣ۳.
>> Ja itse asiassa, olet ehkﺣ۳ saanut jotain, joka sanoo esimerkiksi tﺣ۳ﺣ۳ltﺣ۳
nollata PayPal salasana.
Ja nyt, huomaa, jos Tﺣ۳mﺣ۳ ei ole Disney.com
mutta kuten badplace.com ja reload, huomaa, ettﺣ۳ teksti tﺣ۳hﺣ۳n
voisi sanoa mitﺣ۳ﺣ۳n lainkaan.
Ja itse asiassa tﺣ۳mﺣ۳ on vain sanoja.
Miksi en oikeastaan ﻗﻗsuper ilkeﺣ۳ ja sanoa http://www.paypal.com.
>> Klikkaa tﺣ۳stﺣ۳ palauttaa PayPal salasana ja nyt uudelleen.
Tﺣ۳mﺣ۳ nﺣ۳yttﺣ۳ﺣ۳ melko laillista, eikﺣﭘ?
Tarkoitan, en klikkaa sﺣ۳hkﺣﭘpostia ettﺣ۳ vain sanoo.
Mutta huomaa kahtiajako tﺣ۳ﺣ۳llﺣ۳.
Siinﺣ۳ sanotaan www.paypal.com, ja itse asiassa, odota minuutti,
me tiedﺣ۳mme, ettﺣ۳ haluat n turvallisuutta.
Joten nyt, mene www.paypal.com HTTPS, mutta jos et ole koskaan tehnyt tﺣ۳tﺣ۳ ennen,
ﺣ۳lﺣ۳ pﺣ۳ﺣ۳stﺣ۳ tapana leijuu vﺣ۳hﺣ۳n linkkejﺣ۳ tﺣ۳ﺣ۳llﺣ۳.
Ja on vaikea nﺣ۳hdﺣ۳ ruudulla siellﺣ۳,
ja se ei ole kaikki, ettﺣ۳ helpompaa tﺣ۳ﺣ۳llﺣ۳.
Mutta alas tﺣ۳ﺣ۳llﺣ۳ pikku nurkassa
ei selaimen todella kertoa teille, ettﺣ۳ olemme menossa
ja badplace.com sijasta Paypal.com.
Nyt, minne olemme menossa tﺣ۳hﺣ۳n?
Kaikki esimerkit olemme tehneet tﺣ۳nﺣ۳ﺣ۳n, olemme kova koodattu ja kirjoitetaan kﺣ۳sin.
Internet on uskomattoman mielenkiinnoton kun kova
koodia Web-sivuja niin, ettﺣ۳ sisﺣ۳ltﺣﭘ on staattinen ja koskaan muuttuvat.
Tietenkin, kaikki meidﺣ۳n lempisivustot tﺣ۳nﺣ۳ﺣ۳n,
onko se Gmailin tai Twitter tai Facebook tai jokin monet muut
ovat dynaamisia.
He muuttumassa vasteena kﺣ۳yttﺣ۳jﺣ۳n syﺣﭘttﺣ۳ﺣ۳
aivan kuten Googlen hakutuloksissa.
>> Ja niin keskiviikkona, mitﺣ۳ teemme, on jﺣ۳tﺣ۳mme HTML ja CSS kﺣ۳yttﺣﭘﺣﭘnotto
takanamme ja otamme selvﺣ۳nﺣ۳, ettﺣ۳ me nyt
tietﺣ۳vﺣ۳t sen ja esittelemme uusi ohjelmointikieli
nimeltﺣ۳ﺣ۳n PHP, joka kuten C, aikoo antaa meille
valta itse luoda ohjelmia ettﺣ۳ itse tuottaa tuotos.
Tﺣ۳ssﺣ۳ tapauksessa Kﺣ۳ytﺣ۳mme PHP tuottaa dynaamisesti web
sivuja kﺣ۳yttﺣ۳mﺣ۳llﺣ۳ tﺣ۳tﺣ۳ uutta kieltﺣ۳.
Niin siitﺣ۳ lisﺣ۳ﺣ۳ keskiviikkona.
Nﺣ۳hdﺣ۳ﺣ۳n silloin.
>> [Musiikkia]