[Muusika mängimine]
ALLISON Buchholtz'ile-Aafrika: Olgu, kõigile.
Tere tulemast tagasi lõik.
Nii et meie tänase päevakorra läheb üle palju web dev kraami.
Ma ei tea, kui palju olete näinud oma psets
kuna see ilmus varem täna hommikul.
Ma tahaksin, kui palju inimesed lugenud spec,
kuid nähes, kuidas olete olnud kõik kohta, nagu on seitse tundi seda vaadata
ja see on esmaspäev ja olete ilmselt oli klassis
Ma lähen eeldada, et enamik teist ei ole.
Kui teil on ekstra kiitus.
>> Sa põhimõtteliselt aidata rakendada lihtne web
server C, mis on täiesti uus pset, nii kutid saad olla merisigu.
See saab olema lõbus, metsik nädalal aga ma arvan, et see saab olema väga lõbus
ja see saab olema tõesti hea kogemus tegelikult.
Nii, et valmistada sind et lahtris täna
me läheme chmod, TCP / IP, ja siis natuke HTML ja CSS.
>> Aasta lõpus, siis me tegelikult koodi kuni lihtsa veebilehe kokku
aidata kutid liiki saada rohkem tutvustatakse seda.
Ja siis kui sa ei ole kiirenenud oma viktoriinid, nad ees,
aga ma olen päris kindel, et kõik siin on oma viktoriini.
Ja ka see märkus, lahendused ei ole veel üles,
kuid niipea, kui me finish-- meeldi Viimastel inimesed võtavad oma quizzes--
nad üles.
Kui teil on küsimusi, vahepeal
emaili mulle isiklikult.
Ma vastan teie individuaalne küsimused, nagu ma alati teha.
>> Nii et selle teadmiseks, chmod.
Nii et põhimõtteliselt kõik, mida vaja teada chmod
on, et see saab muuta faili õigusi, eks?
Nii et see on lihtsalt mõned süsteemid nimetame seda muuta õigusi, kui ta ütleb siin.
Ja kui sa kunagi tahad näha mida load fail,
selle asemel, et lihtsalt teeme ls, mida võiks teha, ls -l.
l seisab kaua.
>> Nii saad teha pikki nimekirju kõike, ja see
annab sulle palju üksikasjalikum teavet iga faile.
Ja näete midagi-- ma olen läheb jätke ees second--
kuid näete midagi sarnast et ülemisel real on iga faili.
Ja me läheme läbi, mida see tähendab.
>> Nii et põhimõtteliselt, et muuta oma faili õigusi,
tahad lihtsalt kasutada chmod.
Sa ei mõtle seda kui muu UNIX helistada nagu ls või cd või tühi-tähi.
See on lihtsalt mingi teine ​​nagu kõne.
>> Nii et me chmod ja siis me kolm numbrit tavaliselt.
Seal on paar võimalust seda teha see, millest üks läheme üle.
Aga tavaliselt on teil kolm numbrit vahemikus 0-7 iga kord.
>> Nii et üks asi on see, et on olemas kolm erinevad õigused
et me ei saa anda iga faili.
Ja see on loetav, mis on esindajad r, mis mõtet
aastal veidi; w, mis on kirjutatav; ja käivitatav, mis on x.
Ma tean, et e üks, täidetavad, võibolla mitte kõige mõttekam, kuid me
esindada x.
>> Ja siis, mis juhtub, on kõik need Samuti on arvu.
Nii et meil on 1, 2 ja 4.
Ja põhimõtteliselt, mis juhtub, on Kõigi nende kolme numbrid
siin vastab teistsugused kasutajad
et need õigused puudutavad.
>> Nii et sa ei mõtle, et esimene number vastab tegelikule kasutaja
või faili omaniku, teine number vastab rühma,
ja viimane viitab maailmale, OK?
Mis juhtub, on meeles pidada nende numbers-- r on 4, w on 2,
x on 1, eks?
See-- kui te Kokkuvõttes need üles, mis annab teile, et esimene number
et me võiksime sisend meie chmod.
>> Nii et antud juhul see, mida oleks see number olema?
Ta tahaks olla 4 pluss 2 pluss 1, mis on 7, eks?
Ja sel juhul need ei ole midagi,
nii see siin oleks tõlkida chmod 700, OK?
Ja mida see teeb, on see annab kõik Nende õigusi oma kasutaja.
>> Nii et see tähendab, et meie kasutaja saab teha mida iganes nad tahavad.
Nad ei loe seda faili.
Nad võivad täita seda faili.
Neid saab kirjutada faili.
Kuid rühm ja maailmas, ei load üldse, eks?
>> Nii et üks võimalus kirjutada, et me saame teha chmod kolmest numbrist, millest igaüks
vastab sõltumata summa või mis erirühma on alaliik.
Või saame tegelikult veel üks asi.
Oota.
Me ei saa teha midagi nende siin.
>> Kui paljud nägid näiteks kus ta oli nagu chmod pluss x?
Kas sa nägid, et loeng, ma arvan?
Nii tähistab kõiki.
See tähendab, et anda see kõigile kasutajatele, mida ma unustasin panna siin.
>> Aga pluss x, kui me märkate siin, kui me teeme
et chmod-- mida grupp oleme räägime pluss load
Me tahame anda neile.
Nii võib see olla pluss või miinus.
Plus lisab loata.
Minus võtab ära loata.
Päris intuitiivne, ma arvan.
>> Nii et pluss x tähendab chmod.
Nii neid muuta kõigi inimeste kui see on a-- add õigused.
Ja x-ist, mis tähendab, mida loa me andmist kõigile.
Lugeda, kirjutada, või teostada?
>> Sihtrühm: Execute.
>> ALLISON Buchholtz'ile-Aafrika: Execute.
Nii et me anname kõigile kasutajatele loa teostada seda faili OK?
Mis siis, kui me tahtsime teha et koos numbrilise kujul?
Seega pidage meeles, numbriline, tahame kolm numbrit.
>> Sihtrühm: 4.
ALLISON Buchholtz'ile-Aafrika: Mis see oli?
Sihtrühm: 4.
ALLISON Buchholtz'ile-Aafrika: Ei ole 4.
Sihtrühm: 0, 0, 4.
ALLISON Buchholtz'ile-Aafrika: Noh, me tahame anda see kõigile kasutajatele, eks?
Nii et me ei kavatse olla on iga pesa.
See saab olema samas on iga pesa
sest me tahame anda kõik käivitatava õigused.
Nii käivitatav 1 kuid õigel teel.
>> Nii et kui me ei chmod 111, mis võrdväärseks chmod pluss x.
Kas on mõtet kõigile?
Me läheme läbi paar näidet.
>> Nii suur takeaway siin on ei ole siin,
vaid tähendab lihtsalt annan selle kõigile kasutajatele.
u on see, kui sa tahad anda või ära võtta
eriloata kasutaja või omanik.
g on grupi jaoks, nii et keset numbriga.
Ja siis teised võite mõelda maailma, et viimane number.
>> Nii et me läheme näiteks sest ma tunnen, näiteid alati
teha neid asju lihtsam mõista.
Nii rwx-- läksime läbi see-- võiks olla ka esindavad 700.
See on näide vaatasime rohkem pilt.
Nii chmod 444 mõne faili annaks mis õigused?
Sa olid tõesti lähedal.
Sihtrühm: Loetav kõigile.
ALLISON Buchholtz'ile-Aafrika: loetav.
Nii loetav kõigile, eks?
Ja mis siis on veel üks võimalus seda teha?
Kui me tahame teha chmod kas V või W, pluss ja miinused,
milline oleks selle kõne välja näeb?
Oleks chmod mida?
>> Sihtrühm: pluss r.
>> ALLISON Buchholtz'ile-Aafrika: pluss r on 5.
OK, nii et see on sama kui seda, lihtsalt kaks erinevat tõlked
sama asi.
Nii, et meil on need.
Ma tahan, et te poisid proovida ja kirjutada Sellised nende vastupidises suunas.
>> Nii chmod 555, mis see oleks nagu?
Kas oleks pluss u pluss või tühi-tähi?
Sest u pluss x, anna mulle kolm numbrit.
Ja siis ütle mulle, mida load me tegelikult andmise ja kes?
>> Nii et ma annan sulle poisid kaks minutit töötada selle kallal.
Julgelt rääkida omavahel.
Neile teist, kes tuli veidi lõpus on kristalliseerunud ja särgid.
Meil on kolm särgid vasakule ja meil Kit Kats ja Starbursts.
Nii et võid vabalt tulla haarata mõned see väike vahepala.
>> Ka viimane on keeruline.
See on kaks chmods jaoks viimane.
Tegelikult, las ma sulgeda ust kui kutid töötavad selle kallal.
Candy on alati vajalik esmaspäeva pärastlõunal.
>> OK, nii et chmod 555.
Mis on teine ​​viis, kuidas me võiks kirjutada, et?
Kõik ideed?
Jah.
>> Sihtrühm: pluss rx.
>> ALLISON Buchholtz'ile-Aafrika: r pluss rx.
Kas sa tahad, et selgitada, miks ta tahaks olla rx?
>> Sihtrühm: Kuna teil on 5, et on 4 + 1,
Nii et loe lisaks käivitatav, ja see on kõik.
ALLISON Buchholtz'ile-Aafrika: Õigus.
Nii lihtsalt korrata, 5 siin me teame summana 4 ja 1,
sest iga number meie trio on summa load, et alamhulk,
õige?
Kas kasutaja rühma või kogu maailmas.
Nii et kui me teame, et 5 tuleb moodustunud 4 ja 1.
>> Ja 4 ja 1 vastavad loetav ja täidetavad.
Me ei anna seda kõigile, et saaksime teha chmod pluss rx.
Ja loomulikult, me lihtsalt läks läbi küsimused seal,
nii et nüüd see fail on käivitatav ja arusaadavaks kõigile.
>> Nii kuidas teine?
Mis võiks olla number, et üks oleks?
Kõik ideed?
Lase käia.
>> Sihtrühm: 100 [kuuldamatu].
>> ALLISON Buchholtz'ile-AU: 100.
Täpselt.
Nii et sa tahad, miks 100?
Sihtrühm: Sest see on ette kasutaja, nii et see on esimese positsiooni.
Ja siis x käivitatav 1.
ALLISON Buchholtz'ile-Aafrika: Täpselt.
Nii anname käivitatava load lihtsalt kasutaja.
Nii sel juhul oleks 100.
Ja mul on kõik vastused üles järgmise slaidi puhul
sa oled kirjalikult palju asju ette.
>> OK, nii et see järgmine on tegelikult teinud Kahe chmods, siis võiks seda teha.
Nii et kas keegi on aimu, kuidas te võite
saada chmod 640 Ümberkirjutatud on muul viisil?
Teil on võimalik muuta kasutaja ja alles seejärel saate muuta rühma on minu vihje.
>> Nii et kui me olime lihtsalt muutes alla, mis on käesoleva esimesena kohal,
mis võib meie kõne olema?
Nii et kasutaja on u, eks?
Nii chmod u pluss mida?
Mmhmm?
>> Sihtrühm: rw.
ALLISON Buchholtz'ile-Aafrika: rw.
Õige, et lugeda ja kirjutada, sest lugeda on 4, w on 2, nende summa koos 6.
Nii saame chmod u pluss rw, ja me saame oma esimese 6 seal.
>> Siis saada 4 tahame nüüd muuta meie grupi seadeid.
Nii et me ei kavatse teha chmod g pluss mida?
Mis on 4?
>> Sihtrühm: r.
ALLISON Buchholtz'ile-Aafrika: r.
Täpselt.
Nii anname omanik lugeda ja kirjutada õigusi
ja anname grupi loetuks õigusi, mis meil on kõik siin.
Mmhmm?
>> Sihtrühm: Kui saate kirjutada midagi, see tähendab, saab käivitada seda?
>> ALLISON Buchholtz'ile-Aafrika: Te võib kirjutada midagi--
Ma ei usu, et see tähendab, saate käivitada.
Külm.
Nii et kõik, mida me lihtsalt läks läbi.
Nii et selle kõrval üks, see on lihtsalt selline ühine juhtudel
et sa tahad hoida pane oma probleem määratud.
Need on tavaliselt load et me tahame teid kasutada.
>> Nii et 711, mis annab meil muidugi kasutaja
kõik õigused, mis kipub mõtet.
Ja siis on käivitatav poolt rühm maailmas, mis on loogiline
kui teil on mõned kataloogi, siis taha suutma läbida ta.
Inimesed vajavad juurdepääsu.
>> Iga mitte-PHP fail, sa lähed kasutada 644, mis teeks mida?
Mida see tähendada, või mis load kas see annab?
Nii et omanik saab mida?
Sihtrühm: lugema ja kirjutama.
ALLISON Buchholtz'ile-Aafrika: lugema ja kirjutama.
Ja siis grupp ja teised lihtsalt lugeda, eks?
Ja siis chmod 600 tahes PHP faile, mida saate kasutada,
Sinu omanik jällegi võimalik lugeda ja kirjutada see
kuid kõik teised on lihtsalt selline blokeerida.
>> Nii see tegelikult olla kasulikum kui
sa saad oma probleemile määrata järgmisel nädalal, kui
sa oled tegelikult hoone veebilehel.
Nii et kui te olete kunagi sattunud mõni võõras probleeme
kus see ei lae korralikult, võibolla
vaja lisada käivitatava luba, või äkki sa pead loetuks
või kirjuta loata.
Väikesed asjad, mis kipuvad reis inimest üles, kuid see on selline nagu go-to
kui hakkate järgmise nädala pset.
Ja ma annaks sulle rohkem näpunäiteid selle nädala pset,
kuid ma ei ole veel seda vaadata, sest see ilmus täna hommikul.
Aga sa kirjuta mulle, ma vaatasin seda selleks ajaks ma vastan homme.
>> Nii et nüüd on kõik hea koos chmod?
Kõik ikka küsimusi?
Päris lihtne.
Just selline jälgida, mida lugeda, kirjutada ja käivitada numbrid on
on ilmselt kõige raskem osa.
>> Nii TCP / IP, kõik need protokollid selline nagu teie andmestruktuurid
eelmisel nädalal, see on palju rohkem oluline liiki saada
kõrgemat intuitsiooni neist.
See ei ole CS143, kuhu me läheme paluda teil rakendada võrgustik,
nii et sa pead olema hea, kui sa ei saa aru
Asja tuum kõiki protokolle.
Oluline on mõista, selline nagu see, mida nad esindavad
ja miks nad on olulised.
>> Nii TCP / IP, muidugi, see on Transmission Control Protocol
või Internet Protocol, mis on põhimõtteliselt ainult seaduste kogum põhiliselt
või standardeid, mida öelda andmed kuidas seda tuleks käsitleda,
kuidas seda paketti, edastatud ja vastuvõetud.
Nii et põhimõtteliselt, nagu see ütleb siin, suurendab tõenäosust,
et andmeid saab, kuhu sa tahad seda saada.
>> Olen kindel, et kui te poisid läksid loeng või vaatasin seda võrgus,
ta has-- Ma ei tea kui ta tegi seda sel aastal
aga ma tean, eelmisel aastal oli ta demo, kus oli pilt Rob
ja ta jagati see neli ja pane see ümbrikud
ja üritas seda üle Sanders.
Ja saate liiki mõtle seda.
See on lihtsalt reeglistik, mis rääkige andmed, kuidas saada kuskil
ja saate teada, kui sa puuduvate andmete
samamoodi, et kui te olete võttes mitu lehekülge märkmeid
ja sa märgista nad lk 104, lk 204, ja sa lähed tagasi õppima hiljem
ja sa oled kadunud midagi-- sa ei leia lehekülg 304-- tead
midagi on valesti, siis saab vaadata läbi oma märkmed
uuesti või paluge uuesti teile loengumaterjalid sellest päevast.
Samal viisil andmeid internetis.
Kui ma küsida midagi mõnest server
ja ta peab saatma see mitu paketid
ilmselt läheb number see kuidagi, las
mulle teada, kui palju ma olen saanud, ja ütle mulle, oh, see on üks 10
või see on üks 10.000.
Nii kui ma lähen uuesti kogunema kõik tükid kokku,
Ma tean, et kui midagi on puudu ja ma ei küsi seda uuesti.
Kas on mõtet?
Lihtsalt reeglistik.
Oma alusel kehtestatud eeskirju, OK?
>> Nii me ka rääkisime natuke sadamates.
See on tõesti ainult standard, mis saate teada, millist tüüpi andmeid
on edastatud nendes pakettides.
Kui me läheme meie ümbrik Näiteks meil ei ole
tean, et see on pilt Rob seal, kui me seda kirjutada
väljastpoolt meie ümbrikus.
Nii et sadamad on põhimõtteliselt sama asi.
See on lihtsalt nii, et aru saada, mis tüüpi andmeid on edastatud.
>> Nii et meil on kõik enim levinud siin.
Nii 21-- need on ka omamoodi samasuguste häid asju teada.
See on selline lihtne küsimusele.
Ole jms, mida ei port 80 teha?
Või mida see port 443 teha?
Nii häid asju teada.
>> Nii et meil on siin, 21 faili Transfer Protocol, lihtsalt
reegleid, failide edastamiseks.
25, midagi, mida me kõik kasutada liiga palju, on e-post.
53 on domeeninime süsteemi, mis on põhimõtteliselt
lihtsalt selline lookup IP-aadress domeeninime.
>> Nii et ma olen päris kindel, et see oli nimetatud loeng, kui te
minna midagi google.com, siis on IP aadress
mis on sellega seotud.
See ei ole tegelikult google.com.
Ja nii 53 sadam et tegelikult võtab
hoolt omamoodi tõlkides arvesse, et IP-aadressi teile.
Ja siis 80 ja 443 on väga levinud.
Sul on kas oma veebilehele või sul on turvaline veebileht,
mis palju veebilehti on kandes üle nüüd.
>> Nii et selline kõrge ülevaate edastamise protokoll.
Ma ei näe palju põhjalikumalt.
See on selline lahe värk kui oled huvitatud.
Seal on palju ressursse.
Wikipedia tegelikult on päris hea lehel.
Nii et ma vaatasin seda natuke aega tagasi,
nii et ma väga soovitada vaadates seda, kui olete huvitatud
või võtta 143 kaks aastat, sest Ma arvan, et iga kahe aasta tagant.
>> Nii et lõpuks see, et me oleme räägime veebilehti ja HTTP,
mis on tegelikult meie järgmine teema täna, enne kui me minema HTML ja CSS
ja saab tegelikult kodeerida üles veebilehele.
See saab olema lõbus.
Me peame pildid bunnies ja see saab olema suur.
>> Nii HTTP, nagu näete siin, on üks armas akronüümid
Selle nädalal, mis on Hypertext Transfer protokoll.
Nii et jällegi, see on lihtsalt teine ​​reeglistik, mis
reguleerib hyper kanda, antud juhul.
Nii et parim viis õppida sellest on lihtsalt selline
et jaotada see Nende üksikute sõnade
sest seal on palju sõnad ekraanil seal.
>> Nii et me ei kavatse alustada hüpertekst.
Nii et "hüper", siis ei mõtle "Üle", nagu super-tüüpi asi.
Nii et see on tõesti lihtsalt tekst võetud järgmisele tasandile, nii et see on nagu super teksti
nagu järgmine tekst.
Nii et see on põhimõtteliselt ainult tekst, mis annab meile
rohkem teavet kui tavaline tekst ei, OK?
>> Nii et selles asjas on see hyper.
See ütleb meile, et meil on mõned link, et me ei kavatse,
mis on cs50.net, mis Nüüd on cs50.harvard.edu.
Need slaidid on veidi vana.
Ja see saab kuvada kuna seda, kui hüperlink,
ja siis lahedaid kodulehel.
>> Seega see on tekst, mis on natuke natuke lahedaid asju seal.
Nii saab seostada asju ja saate Piltide ja saate stiilis asju.
Ja kõige tuttav asi, mida poisid ilmselt hüperteksti
on HyperText Markup Language, HTML, mis muidugi on kõik veebis
mis me enda ümber näeme, antakse mõned CSS visati.
>> Aga kui keegi on tõesti suur MySpace,
Olen kindel, et kõik kasutatud HTML kõik aeg luua
neile sobivaim profiilid, eks?
Ma tunnen, et võiks olla aegunud viide praegu, aga mis iganes.
Just little-- kutid ei ole nii palju noorem.
Mõned teist on vanem kui mina.
MySpace oli veel asi, kui olin noor.
Ma ei ole nii vana.
>> Niikuinii HTML lihtsalt vormis hüpertekst.
Nii hüpertekst on lihtsalt tekst, millele on lisatud funktsioone.
Nii edastamise protokoll on ilmselt rohkem Ebakindel asi seletada.
Ilmselt transfer-- lihtsalt kanda andmed.
Nii et kas vahel klient, nagu Veebi vend ja server.
Nii et põhimõtteliselt lihtsalt kuidas internet toimib.
>> Nii täpne taotlusel kuidas need töötavad, me oleme
tegelikult läheb vaadata Näiteks päring ja vastus.
Aga kuidas me nõuda teavet server
ja kuidas server vastab meile on mida see edastamise protokoll reguleerib.
Nii et taotluse ja vastus on järgida neid eraldi eeskirju.
See on standardiseeritud, et ükskõik kus te kasutate internetti,
see töötab alati sama, eks?
>> Jällegi protokolli eeskirjade kogum.
See on lihtsalt normaalne interaktsiooni samamoodi
et professor Humala räägib kui keegi laiendab nende poolt
sa tead, et see on viisakas jõuda sinu välja ja loksutatakse oma käsi.
See on protokoll, eks?
>> Nii et ma annan mõned standarditud taotluse mis ma tahan kätt suruda,
ja sa annad mõned standarditud vastuse, mis on kas no thanks
või võid proovida ja loksutatakse minu käsitsi või äkki sa lähed, et proovida
ja rusikas juhtuma minuga.
Ja meil ei ole protokolli selle eest.
See laguneb.
Aga kui kõik järgmised sama protokolli muidugi
see läheb palju sujuvalt.
Inimesed saavad üksteist tundma.
Igaüks on õnnelik.
>> Nii maailma veebis, igaüks järgib sama rules--
veidi parem kui sotsiaalsed standardid.
Aga et me vaatame näidet taotluse siin.
Nii et see väike Peamine alt
mis ütleb teile, erinevaid värve, mida nad peaks tähendama.
>> Nii valge on nagu oma meetod taotluse ja protokoll version--
nii meetod taotluse versiooni.
Ja siis see on mingi välja nimi ja väärtus
Selle valdkonna, mis me läheb väga, väga varsti.
Nii et see on näide palve.
See on nagu mina ulatub välja, kes tahavad ennast tutvustada.
>> See on see, mida klient või mida teie veebilehitseja
oleks saatmine serverisse.
Nii et see on get taotlust, nii et see on midagi paluma serverist.
Ja see, muidugi, HTTP ja see on versioon 1.1.
>> Nii ülejäänud seda siin on, mida me nimetame päise ja selle lisainfot
mis annab meile parema ülevaate sellest, mida me tegelikult küsida,
või teavet, et me tahame anda server, mis võivad olla asjakohased.
Nii User-Agent annab mõned rohkem kirjeldus nüüd-- näiteks siin,
Curl / 7.24.0 tegelikult ütlen serverile, et me kasutame Google
Chrome on meie brauserit.
Nii et kui te kunagi kuulnud inimesed, kes räägivad
umbes tegemise app tundlik mitu brauserid
see on midagi, mida nad kasutaks, sest kui sa
ei tea, mida brauseri taotlusel on pärit,
sa ei saa kohandada andmed sellele.
Nii et antud juhul kasutaja on lihtsalt annab selline
tuvastamise teave mida brauser
kasutaja kasutab hetkel, eks?
>> Siis on meil ka host, mis on kuhu me tegelikult tahavad minna.
Sellisel juhul me tahame minna apple.com, osta mõned lahedad uued iPads
või midagi, äkki armas tuled meie Dorm tuba.
Ja nimi väärtus lõpus on lihtsalt täiteaine, vaid üldine asi
kutid näha.
See ei ole tegelikult vastavad siin midagi.
>> Nii et sul võib olla nii palju või nii vähe kui soovite igal juhul.
Enamik aega, need ei ole kohustuslikud.
See lihtsalt sõltub sellest, mida sa vajad brauseris
Sinu kasutaja, et korralikult annavad taotluse.
Või see sõltub sellest, mida teie kasutaja tegelikult tahab anda kuni server.
Nii et teil võib olla palju, palju Nende päise väli nimed
või võid lihtsalt on paar.
Nagu nii palju asju Ma olen öelnud käesolevas paragrahvis
see tõesti oleneb kontekstist kuidas te kasutate seda.
>> Nii et kas see on mõttekas kõigile?
See on vaid üks näide taotluse, päised, tühi-tähi.
OK, nii koos, et meil on mõned vastust.
>> Taas on meil staatuse kood, protokoll versioon ja seejärel välja nime ja väli
Väärtustame nagu alati.
Nii et meie protokolli versiooni ja meie staatus kood on 200.
OK, mis tähendab, et jah, kõik läks hästi.
Siin on, mida sa tahad.
>> Serveri tüüp, sisu liik-- see ütleb meile, OK, sa oled
hakka mingi tekst HTML.
Siin on pikuti ja siin mida sa peaksid tegema ühendust võtta.
OK, nii et jällegi sõltuvalt andmete oled
küsib, sõltuvalt sellest, mida server tahab tagasi sind,
siis võib-olla rohkem nende valdkonnas nimesid, siis võib-olla vähem.
Täiesti kontekstis sõltuv.
>> Ja nii palju kui seda olekut koodi siin, muidugi,
200 ei ole ainult üks siis võiks olla, eks?
Meil on palju olekud.
Kas keegi mäletab mis tahes teised, et me mainitud loeng?
Paljud neist algavad 4.
>> Sihtrühm: 404.
>> ALLISON Buchholtz'ile-AU: 404, mis on?
>> Sihtrühm: Faili ei leitud?
>> ALLISON Buchholtz'ile-Aafrika: Faili ei leitud.
Täpselt.
Nii kuidas 403?
Sihtrühm: keelatud.
ALLISON Buchholtz'ile-Aafrika: keelatud.
Nii et mida sa arvad see tähendab, et koos chmods?
>> Sihtrühm: See tähendab, et sa ei ole õigust seda lugeda.
>> ALLISON Buchholtz'ile-Aafrika: Täpselt.
Mingil viisil, siis ei ole õigusi, et seda, eks?
Nii et 404, 403.
Seal on tõesti naljakas üks, et me alati
kehtestama igal aastal, et Ma peaks panema siia,
nagu 413, mis on ma olen teekann.
Võite google seda.
See on naljakas, nagu see on kood 413 ja see on ma olen teekann.
Mida ma ei tea, miks te oleks kunagi vaja, et internetis,
kuid ma põikama.
Sihtrühm: Võibolla sa oled Teekann.
ALLISON Buchholtz'ile-Aafrika: Võib-olla server on Teekann.
Kes teab?
Olgu, nii et me oleme umbes üleminek tõelisteks kodeerimine.
Mul on tunne, nagu te poisid lähevad siit välja saama päris kiiresti.
>> Sihtrühm: Miks see öelda "server: kaks korda?
>> ALLISON Buchholtz'ile-Aafrika: Hm?
Server kaks korda?
See on hea küsimus.
Ma ei ole kindel.
Ma teada ja Ma meilis kõik.
>> OK, muid küsimusi peale selle?
Hea?
Külm.
>> HTML ja CSS, ja nüüd me saada kõik lõbus osad.
Nii nagu ma mainisin enne, HTML on ilmselt üks neist asjadest
kutid on kõige rohkem kokku puutunud.
Nii et meil on HyperText Markup Language.
>> Parim viis õppida see-- ma ei mingit valmis slaidid või midagi
kutid HTML.
See on tõesti õppida, süntaks.
Ja kui sa olid MySpace päevas, siis oleks see maha.
>> Nii et tõesti, suurim asi on lihtsalt harjutada ja katsetada.
Üks suuri ressursse Oleksin soovitame kindlasti kasutada on W3Schools.
Nii lihtsalt, W, 3 ja seejärel koolid.
Neil on palju vahendid HTML, CSS,
ja nad tegelikult on Mitmikekraan asi
kus nad annan sulle näiteks koodi.
Võite viiul seda, muuta, ja vajutage Update
ja see näitan sulle, mida ta tegelikult teeb veebilehele.
>> Nii et ma soovitan kasutada seda.
See on päris lahe.
Sa ei saa seg vead siin kui asjad lähevad halvasti.
Kui teil õnnestub seg vigu HTML,
ärge andke mulle teada, sest ma olen saab olema tõeline paeluvad.
Aga see on tõesti lahe, sest saab muuta asju,
näete neid uuendatakse elada.
Ja ma arvan, et sa saad palju intuitiivsem haarata HTML
kui te tegelikult lihtsalt veeta aeg katsetavad seda.
Nii et miks ma ütlesin, praktika ja katsetada.
>> Google, siit edasi välja, tõenäoliselt
üks sinu parimaid vahendeid ja sõpradega.
Või Bing-- ma töötan Microsoftis et äkki ma peaks ütlema Bing.
Aga päris palju midagi on lihtsalt saab olema süntaks,
nii mõista, mida head on, understanding-- vähemalt CSS--
kuidas muuta teatud atribuute.
See oleks super kasulik.
>> Nii et kuigi me seda ei tee mingit valmis asjad,
meil on mingi mõned parimate tavade et me tahame, et te poisid püüda kinni
by-- või õigemini, peaksite kinni kuni täiendava teatamiseni.
Nii et sulgeda kõik oma silte.
Loodetavasti igaüks has-- sa tead, mida, kui seda ei ole mõtet praegu,
Ma luban, et see mõtet kui me kodeerimine up lehel.
Aga sulgema kõik oma silte.
Nii et kui teil kunagi on mõned header see sulg,
H1, sulg, veenduge, et kui sa oled teinud, et
sulgete et päises.
Kinnita oma lehele W3 süntaksi.
Kui sa ei sule oma silte, saad ootamatu käitumine.
Seda saad öelda, et teie leht on vigane kui sa jooksed seda läbi selle validator.
Nii et kui on doubt-- ja eriti Sellel nädalal ja järgmisel nädalal
pset-- samamoodi, et me palume teil kasutada kontrollima 50 ja stiil 50
sa võiks mõelda selle nagu üks teie kontrolli, OK?
>> Nii et, kui see ei liigu W3 süntaksi.
See on midagi, me dokk teid.
Või ma räägin sulle õige nüüd ma dokk teid.
Seega veenduge, et see kinnitab.
Ei ole raske.
Sa lihtsalt kleebi see kood ja siis see kas öelda head tööd
või sa oled kadunud midagi samamoodi
et stiil 50 ütleb teile kuhu jama.
>> Ja siis viimane asi on soovite eraldi
oma juurdehindlus, mis on kõik, mida HTML või oma teksti ja oma stiil.
Nii et me teeme näiteks selle õiguse pärast seda.
Nii HTML ja CSS peaks olema eraldi.
Ja me ei kavatse rääkida MVC, mis on Model View Controller,
järgmisel nädalal.
Te peaksite ilmselt õppida, et loeng
homme, kui teil oleks juba õppinud seda täna.
>> Ja see on lihtsalt selline paradigma, et me kaldume
kasutada, kui luua veebi lehekülgede eraldamiseks asju teha.
Sa ei mõtle seda samamoodi et me kaldume eraldi funktsioone C
kus me hash leida asju.
See on lihtsalt viis muuta oma elu lihtsamaks.
See eraldab atribuutide või koodi sa oleks kasutavad ikka ja jälle,
kuid sel juhul, see omamoodi ning hoiab seda kena ja puhas.
Ja kui sa tahad muuta üks asi, muudad ta kunagi
ja see on muutunud igal pool mujal.
Nii et see on rohkem oma lihtsuse ja paindlikkuse.
>> Nii CSS, see on väga sarnane HTML, kuid selle asemel silte
et äsja mainitud, me kasutada, mida nimetatakse valijad.
Ja nad põhimõtteliselt lihtsalt selline ning seostada teatud tag
HTML erinevaid atribuute.
Ja kui ma ütlen atribuute, ma mõtlen asju nagu font värvi, stiili,
värvi taustal oma teksti värvi.
Need erinevaid asju.
Like, kui see on keskne, kui see on välja paremale,
kas see on inverted-- kõik Nende lahedaid asju.
Iga stilistiline asjad mida te teete oma teksti,
see on, mida ma mõtlen atribuutidega.
>> Ja siis kaks peamist asja, on teada, et selectors-- kaks peamist factors--
on ID, mis on unikaalne.
Seda saab kasutada ainult, et üks asi.
Vastasel juhul läheb kisa sind.
Ja kui me seda defineerida in CSS faili, siis
olema hash ID ja siis mis omistab tahame.
Ma luban, me ei kavatse läbida näiteks.
Seda saad teha palju rohkem mõtet.
>> Klass võib viidata mitu plokki.
Nii et võite lasta esimene ja kolmas lõik
on sama tüüpi atribuute kui sa ühineda samasse klassi.
Ja kui me defineerime neid CSS, teeme dot klassi
klassi on olenemata sa tahad seda oma nime avaldada.
>> Nii et ma tean, et see on õige nüüd väga abstraktne.
Sellepärast me ei kavatse koodi.
Ma tean, et te poisid meeldib et, ja te kõik olete
aita mind, sest see on oma veebilehele.
See on meie sektsiooni veebilehe poisid.
Nii et on olemas küsimusi, enne kui ma lülitage PowerPoint, või midagi
sa tahad, et kerida tagasi et enne kui hakkame kodeerimine?
>> Sihtrühm: Kui sa ütled match silte sa mõtled lülitid ja sildid?
ALLISON Buchholtz'ile-Aafrika: te saate mõtle neid sama asi.
See on lihtsalt erinevad sõnad.
Ma mõtlen, nagu valijad.
Aga valijad ka map üles sildid.
Nii et sa ei mõtle neid tegelikult sama asi.
Ma luban, et see saab teha mõttekam kui me kodeerida.
Midagi PowerPoint või küsimusi
just nüüd, enne kui me tegelikult loome sektsiooni lehel?
Igaüks valmis?
Külm.
>> Nii et mul on üks alanud.
Lubage mul tõsta font kutid.
OK, nii et just nüüd, me lihtsalt tühi luud veebilehe siin.
>> Meil on mõned HTML.
Meil on mõned päis, mis me vaata siin näiteks veebilehele.
Mõned pealkiri, mõned font.
Need on head, eks?
Nii et kui ma mõtlen sulgeda oma silte näeme siin sulg peas on sinu avamine
tag, ja see sulg / Head sulgub see, OK?
>> Nii et sa võiks mõelda seda Sinu traksid Teie kui tingimused
või sinu jaoks silmuseid.
Kui teil on üks alguses, sa tahad ühte lõpus.
Ta töötab ikka enamiku ajast Kui sul ei ole suletud tag,
kuid parim viis on sulgeda oma silte.
>> Nii et antud juhul olgem muuta.
Me läheme on lõik seitse.
"§ veebilehel."
Nii et ma olen lihtsalt kavatse seda muuta.
>> Ja kui me läheme siia ja me reload-- pead salvestada ja reload--
näeme, et siin see muutunud, eks?
Külm.
Nii et see muudab pealkiri.
See on olenemata on Teie sakk.
>> Nii et see on omamoodi otsin mingi igav.
Ma ei tea poisid.
Ma arvan, et me tahame midagi muud siin.
>> Niisiis, mida me saame teha, on päis on lihtsalt olemas.
Teeme mingi keha.
Nii et meil on mõned keha siin.
Ma alati avatud ja sulen silte alustada,
samamoodi, et ma traksid.
Ah.
Oota, mida?
>> Sihtrühm: [kuuldamatu].
ALLISON Buchholtz'ile-Aafrika: Ah.
Kutid sai mulle.
Hea töö.
Gold star.
>> OK, nii et meil on mõned keha siin.
Ja nüüd alustame lisades mõned teksti.
Nii et teil on paar erinevat võimalusi lisades teksti.
Meil on asjad pealkirjad.
Meil on lihtsalt tavaline tekst.
Nii et olgem lihtsalt alustada päises.
Tegelikult, kui te tahate tõmba W3 kooli HTML,
saab omamoodi ringi vaadata ja kui on midagi,
eriti, et sa tahad proovida Selle veebilehe saame seda teha.
Nii et antud juhul, lähme lihtsalt teha mõned h1.
Nii h1 on nagu kõrgeima päises.
See annab sulle midagi mis on väga suur ja julge.
>> Ja sel juhul, mida me tahame esimest tekst meie kodulehel?
Midagi.
Te ei kavatse luua seda.
Ma lihtsalt kirjutada.
Sihtrühm: Tere.
>> ALLISON Buchholtz'ile-Aafrika: Tere.
OK, nii et kui me salvestada ja me uuesti, meil on väga suur teretulnud.
Nii lihtsalt, et näed, erinevusi, teeme midagi H6.
Mida me tahame siin?
Õigus?
>> OK, nii et just nii saab näha erinevust.
Jah, Sublime.
Seega, kui te märkate, h1, väga, väga suur.
h6, nagu julge, kuid palju väiksemad, ja sul on kõik sellises vahel.
Nii et sa oleks võinud H2, H3, H4.
Ja need on vaid päised, nii et kui sa üritad
luua veebilehe, mis on eri osades,
äkki soovid kasutada päised seal kuskil.
>> Külm.
Nii me lisada veel mõned asjad meie keha.
Ma näen, et see oleks omamoodi lahe, kui meil oleks pilt.
Ma tunnen, et igaüks võiks kasutada äkki armas jänku pilt õigus, nüüd,
nii me leiame bunny pilt esimesena.
>> Ma ei tea, kas teiega on mis tahes eelistused, mille üks me tahame.
Kas sul on eelistusi?
See üks siin?
Alla.
OK.
See üks on.
Hea valikuid.
>> OK, nii et me ei kavatse vaadata meie pilt.
Vaata seda.
Vaata, et jumalik asi.
Kuidas sa võisid olla kurb esmaspäeval on?
>> Nii et me lihtsalt läheb kopeerida pildi URL.
Ja mida me tahame teha, on, olgem lihtsalt öelda, meil on mõned p lõikes.
Me ei ütle "Vaata vaadata armas jänku.
d'awwww. "
Ma armastan oma bunnies.
Mul on jänku kodus.
Ma igatsen oma jänku.
Nii et me läheme do-- Ma ei tea, kas te tahate
to google see-- kuid HTML, kuidas võiks teil lisada pildi?
Sõna otseses mõttes, kui sa google "Hõlmavad pilt HTML,"
miks sa ei kutid mulle öelda mida see silt peaks olema?
>> Sihtrühm: img source--
>> ALLISON Buchholtz'ile-Aafrika: img source--
Sihtrühm: --equals--
ALLISON Buchholtz'ile-Aafrika: --equals--
Sihtrühm: --quote-- jah.
ALLISON Buchholtz'ile-Aafrika: Perfect.
Armas.
Vaata, MySpace põlvkond, eks?
Sihtrühm: Neopets.
ALLISON Buchholtz'ile-Aafrika: Neopets.
Oh, OK.
Wow.
See on olnud hull.
OK.
>> Seega veenduge, et saan seda paremale.
Külm.
Nii et see peaks olema siin.
Ja siis kui me uuesti, oleme meie bunny lehel Kas see ei ole jumalik?
>> See on nii armas.
Sa valisid suur, suur foto.
Ma kaevamine ta.
>> OK, nii et meil on see jumalik jänku nüüd.
Suutsime lisada pilt, just niimoodi.
Nii et põhimõtteliselt, kui seal on mingit pilti soovite lisada oma veebilehele,
võite lisada see lihtsalt niimoodi.
Teine asi oleks, kui olete salvestatud pilt
samasse kausta nagu Faili saate lihtsalt
kirjutada mis tahes nime, et pilt on selle asemel veebilink.
>> See oleks ikka jutumärkides.
See oleks lihtsalt nagu kui oleksime nimega see--
kui see pilt oli salvestatud kaustas selle HTML faili
et ma toimetamine ja see kutsuti bunny.jpg.
Me võiks ka teha ja see näitab.
Kuid ma ei ole seda salvestada fail ja ma tahan hoida jänku,
nii me kavatseme hoida link.
>> Sihtrühm: Mis on rabbit.org?
>> ALLISON Buchholtz'ile-Aafrika: rabbit.org.
See on appropriate-- vaata saate vastu.
Vastuvõtmine.
bunny.jpg.
Tahan võtta see jänku.
Oh, jumal, see on nii armas.
>> OK, nii et oleme lisanud pealkirjad.
Lisasime pilt.
Ilmselt oleme lisanud mingi tekst siin, eks?
Kui me tahame lisada muid tekstid, me tahaks minna niimoodi.
Nii et see on veel üks punkt.
>> Ja me ütleme: "See on teine ​​lõik."
Samuti, ma olen kohutav speller, nii ma vigadega kirjutama asju.
Lihtsalt FYI.
>> Nii et meil on veel üks punkt siin, eks?
Nii et äkki tahad midagi teha veidi huvitavam kui lihtsalt
kõik oma teksti, nagu paremjoondatult.
Ehk soovid keskus oma teksti, OK?
>> Nii et kui keegi tahab neid kasutada, mugav arvutite ees
ja ütle mulle, kuidas sa oled läheb keskus seda teksti,
>> Sihtrühm: p align.
>> ALLISON Buchholtz'ile-Aafrika: Nii p align võrdub "keskus".
Ta tapab ta, poisid.
Y'all vaja tõhustada.
Ja meil on "See on keskne."
Ja nüüd on meil midagi keskne.
>> Samamoodi, kui te tahan seda vasakule joondatud,
sa võiksid teha align võrdsete Vasakul align võrdne õigus.
Täiesti sinust.
Kui ma tegin siin, siis see peaks-- nüüd on see õige joondatud.
>> Sihtrühm: Allison?
Pildi allikas, miks ei ole seal lähedal on img allikas?
ALLISON Buchholtz'ile-Aafrika: Vabandust.
See üks peaks olema seal nüüd sa oled hea.
Nüüd oleme hea.
Sihtrühm: Kas sul pole sulgeda seal, või mitte?
ALLISON Buchholtz'ile-Aafrika: Noh, nii img allikas, see on lihtsalt-- pilt,
see on lihtsalt vaadelda kui üht elementi, kusjuures kui te märkate ülejäänud need,
meil on mõned tag siis teavet, see puudutab ja siis lõpusildiga.
Kuid pilt, kõik on lihtsalt omamoodi iseseisev.
Külm.
Nii et te teate, kuidas luua päis, sa tead, kuidas sisestada teksti,
sa tead, kuidas panna pilt kohe saate viia asju.
>> Teine asi, et sa Võiksid olla võimeline tegema
on luua nimekiri CS-- me oleme sellist laskumist järgmisel nädalal pset.
Asjad, mida me tavaliselt õpetavad sel nädalal
läheb tõesti hästi järgmisel nädalal pset, nii et me oleme
selline segamine, kattuvad asjad siin.
Aga see saab olema kasulik järgmisel nädalal.
>> Nii et kui me tahame luua mõned nimekiri, kuidas võiks seda teha?
Sa ei saa vastata selle aja jooksul.
Keegi teine ​​peab.
See ei ole raske, poisid, luban.
Google "järjestamata loend HTML."
Mis see oli?
>> Sihtrühm: [kuuldamatu].
ALLISON Buchholtz'ile-Aafrika: Õigus.
Nii et kas me tahame tellitud või ebakorrapärane?
Teeme ebakorrapärane.
Nii et meil on mõned ul, mis tähistab Tavalise nimekirja.
Ja mida me peame iga element?
Kas see vajab oma silt?
Kas me lihtsalt kirjutame asju?
>> Sihtrühm: li.
>> ALLISON Buchholtz'ile-Aafrika: li.
Mis on meie nimekirjas saab olema?
Mida me tahame siin?
Me lihtsalt teeme nimed.
Lihtsalt tee Jacob.
>> Sihtrühm: Rabbit toidud.
>> ALLISON Buchholtz'ile-Aafrika: Rabbit toidud.
OK mulle meeldib see.
Rabbit toidud.
>> OK, nii et me peame porgandid.
Mulle meeldib see jänes teema.
Ma kaevamine ta palju.
Sihtrühm: Tegelikult ma arvasin et Jacob oleks õigustatud.
ALLISON Buchholtz'ile-Aafrika: Jacob?
Jacob on küülik toitu.
Kui sa nägid Jaakobi foto tööaega
Te olete mõelnud ta sai rünnanud tapja jänes.
>> Sihtrühm: Mul on jänes nüüd.
Mul on killer rabbit nüüd.
>> ALLISON Buchholtz'ile-Aafrika: Kas sa teed nalja?
>> Sihtrühm: Ma toon ta järgmises osas.
Mul on see.
>> ALLISON Buchholtz'ile-Aafrika: See on naeruväärne.
Igatahes.
>> Sihtrühm: [kuuldamatu]
>> Sihtrühm: Jah, minu Proctor on küüliku samuti.
>> ALLISON Buchholtz'ile-Aafrika: tahan jänes.
OK, kes toob tõelise küülik Järgmises osas kokku hellake punkte.
Sihtrühm: [kuuldamatu]
Sihtrühm: Oh, see ei ole reaalne.
See on täidisega küülik.
>> ALLISON Buchholtz'ile-Aafrika: Oh yeah, saame sulgeda need.
Paistab rad.
Sihtrühm: Kas see tegelikult oluline?
ALLISON Buchholtz'ile-Aafrika: See ei ole.
Enamiku neist asjadest, sa ei sule tag
99% ajast midagi halba läheb juhtuda, aga see on hea stiil ka.
Ja Jaakob.
Ja meil on salat.
Sihtrühm: For lingid see on tõesti oluline.
ALLISON Buchholtz'ile-Aafrika: Hm?
Sihtrühm: For linke.
ALLISON Buchholtz'ile-Aafrika: For linke.
Jah, hüperlingid vaja.
OK, nii et vaatame siin.
Ja meil on lähedane meie nimekirja.
Ja me vaatame seda.
Oleme all-- Jacob, seal.
Rabbit toitu.
Meenutab mulle Bunnicula.
>> Sihtrühm: [kuuldamatu]
ALLISON Buchholtz'ile-Aafrika: ma tuues tagasi kõik vana kooli viited täna
ei ole ma?
Lihtsalt kõik vana kooli viited.
Kui on toonud nagu Gogurts või midagi suupisteid.
>> Sihtrühm: Või Gushers.
ALLISON Buchholtz'ile-Aafrika: Oh.
OK.
Ma vaatan, kas ma saan jälgida alla Gushers järgmisel nädalal.
Ma arvan, et ma ei saa seda teha.
Ma arvan, et meil oleks mõned kontoris.
>> OK, nii et oleme kaetud palju erinevaid asjad, mida saate teha HTML, eks?
Ja kui te saate tõenäoliselt näha, et see on nothing-- loodetavasti mitte liiga intim--
kui on, siis ma ei mõtle halvustama kedagi.
Kui sul on probleeme, tulge minuga rääkida.
>> Aga enamik neist on lihtsalt vaadates süntaks, eks?
Kui soovite ebakorrapärane nimekirja kui sa tahad mingi nimekirja
kui sa tahad, et viia midagi või formaat midagi, see kõik on umbes lihtsalt
liiki soojaks süntaks HTML, eks?
Ja üks asi, mis on päris lahe tegelikult
on see, kui sa lähed mina-- vaatame, mida on tore veebileht, mis meile meeldib?
Igaüks on lemmik veebilehed mis on OK, et kuvada online?
Tead mis, olgem lihtsalt ei CS50.
See on tore ja ohutu, õigus?
>> OK, nii et CS50 siin.
Oh vaata, seal on lõik kohe.
Kui sulle meeldib, kuidas tundub.
>> Sihtrühm: [kuuldamatu].
ALLISON Buchholtz'ile-Aafrika: Me ei ole kavatse teha meta osas poisid.
See ei juhtu.
Oleks lahe, aga me ei kavatse seda teha.
>> Niisiis, mida sa võiksid teha, kui sulle meeldib, kuidas
see töötab, on saate alati õigus kliki tahes veebilehe, mis sulle meeldib
ja mida saate teha View Page Source.
See avab kõik HTML.
Ja see on tegelikult väga hea viis stiilis oma veebilehel.
Mine veebilehele, mis sa tõesti meeldib ja vaadata HTML
ja nuputada, kuidas nad seda tegid.
>> Ja sõna otseses mõttes, kui nagu te tuua asju,
nii kaua, kui sa ei ole lihtsalt varastada inimesed, see on OK.
Eriti CS50 [? rahastada?] oleme
liiki ootab teid saada inspiratsiooni teisele veebilehele.
Nii et võid vabalt.
Vaata veebisaidid, mis Teie arvates tõesti ilus
ja nuputada, kuidas nad kasutavad HTML ja CSS neid asju teha.
>> Nii et nagu näete siin, seal on ilmselt nagu lingid ja meil on klass siin.
Meil on link siin.
Meil on nimekiri.
Meil on ilmselt mingit pildid siin kusagil.
>> Meil on mõned lahedad stiil siin.
See on järgmine asi me ei kavatse teha.
Nii stiil, kui sa näed neid stiil sulgudes, see on CSS põhimõtteliselt.
Ben, kas teil on küsimusi?
>> Sihtrühm: Mis on div?
>> ALLISON Buchholtz'ile-Aafrika: div on lihtsalt a_N mis on div?
Sihtrühm: Division.
ALLISON Buchholtz'ile-Aafrika: Division.
Jah, see on nagu eraldab erinevaid elemente.
OK, nii et siin on, mida me oleme lähe edasi.
Nii see ei pruugi olla parim stiili, sest kui te märkate
meil on HTML ja stiil samal lehel ja me tegelikult tahame, et eraldada need,
OK?
Ja tegelikult, las ma avada minu õige
sest see peaks olema PDF, nii et meil on style.css.
>> Niisiis, mida me saame teha, siin on need on lahedad asjad nagu mingi fade
ja me võiksime proovida ja teha, kuid ma tunnen, nagu ma oleks jama, et kuni lennult,
ma kutsun teid poisid minge proovige, et ise,
aga ma ei kavatse seda teha kohe.
Nii et kui te poisid, pidage meeles, kui sa kunagi tabanud probleem komplekt,
midagi swoops sisse küljelt.
See on pistmist fade ja ülemineku ja tühi-tähi.
>> Sihtrühm: Ja see on kõik, CSS ja HTML?
>> ALLISON Buchholtz'ile-Aafrika: Kõik CSS ja HTML.
Jah.
Niisiis, mida saate teha palju tõesti lahedaid asju CSS ja HTML.
Nii et meie awesome jänku veebilehele siin, me
teeme vähe natuke CSS stiili ta.
>> Nii et kui teil on kunagi stiil lehed, mis meil siin on,
võid lihtsalt helistada style.css.
Teil on võimalik helistada see, mida sa tahad.
Tähtis on, et me ei kavatse viitamiseks see meie web.html siin.
>> Niisiis, mida me teeme on we-- nii et ma ei jama see up--
me link need kaks faili kokku.
Nii et samal way-- ma lähen juhtida analoogselt C siin.
Samamoodi, et kui teil on mõned library-- ja meil cs50.h--
Meie koostaja seostab ta.
See on vaid selge link meie poolt.
Nii et samal viisil, mida me teeme hash lisada mõned fail, mida
Ma olen umbes kirjutada lihtsalt HTML / CSS samaväärne selle.
>> Me lihtsalt öelda, OK, see veebileht läheb seda kasutada laaditabeli, OK?
Nii et meil on link rel võrdne laaditabeli.
Ja siis on meil tüüpi CSS.
Ja siis href võrdub.
>> OK.
Nii et kõik see tegi siin on saate mõtlen seda sama asja
kui hash hulka.
Ilmselt tundub veidi keeruline, kuid kõigil juhtudel
see on tegelikult sama asi.
Nii et see on vaid mõned ühendamine laaditabelit, see tüüp text / css,
ja nimi on style.css.
>> Mida on oluline teada, on, et veebileht
et ma töötan õigus now-- web.html ja style.css-- on samas kaustas.
Kuna erinevates kaustades, sa pead andma tegelik juur
talle või tee seda.
Kuid antud juhul me hoides seda super lihtne ja see saab olema siin.
Nii et kui me seda teeme, on mul mõned asjad juba sabas siin.
>> Nii et meil on mõned keha, mis läheb on meie tausta värvi, mis
just nüüd on helesinine.
Me ei saa seda muuta, kui soovime, kuid kui ma mäletan seda õigesti,
tuleb lihtsalt muuta see helesinine.
Ja nüüd on helesinine taust.
Ja meil oli siin-- saab keegi mäletab millest üks on hash ID või klassi?
>> Sihtrühm: ID.
>> ALLISON Buchholtz'ile-Aafrika: ID.
Külm.
Niisiis, mida me tahame teha, on mis nende fontide
või misjärjekorras me tahame "Vaata armas jänku "olla lilla?
Ma arvan, et me tahame, et see on lilla.
Ma olen päris maha, et on lillad.
>> Nii et mida te teete on te teete ID equals-- antud juhul
Ma ütlesin, mida päris värvi siin.
Meil laadida.
Äkki on see lilla.
OK, nii et ID, mäletan see peab olema unikaalne,
nii et ma ei tohiks kunagi olla kasutades Selle ID kusagil mujal.
Aga klassi, nagu me oleme siin päris font,
Ma peaks olema võimalik kasutada et kuskil ma tahan.
>> Nii et teeme seda siin.
Nii võime öelda, klass võrdub ilus font.
Ja kui me vaatame nüüd, me oleme see lahe ilus font siin.
Nii et äkki ma tahan teha nii.
OK, ma tegelikult ei tea, kas see on läheb tööle, kuid ma tahan seda proovida.
Ja see on, kuidas sa õpid, CSS ja HTML.
Sa oled nagu, tead mida ma tahan proovida seda.
Ma ei ole kindel, kas see läheb tööle.
Vaatame, kas see töötab.
>> Ja vaadata seda.
Nüüd on purpuri ja see on päris font.
OK, nii et teil on kõik need erinevaid asju, mida saate teha.
Kas teil on küsimus?
>> Sihtrühm: Jah.
Noh, just nagu värvid sa kasutad sõnu.
Kas on võimalik teha värvid koos süsteemis RGB?
ALLISON Buchholtz'ile-Aafrika: Te saate ka tee seda hexidecimal, ma usun.
Jah.
Aga see on selline tore, kui sa ei soovi vaadata neid.
Sa võid olla nagu, lilla või sinine.
Sihtrühm: Loodame, et nad tean, mida see tähendab.
ALLISON Buchholtz'ile-Aafrika: Õigus.
Nii et teeme seda lugeda või chartreuse.
Miks sa kunagi valida chartreuse?
See on huvitav värvi.
>> OK, nii et ilmselt näeme me võib asju muuta aga tahame.
Kui soovid create-- oletame tahtsime luua teise klassi.
Mis võiks kutid tahavad muuta?
Kui sa tõmba W3Schools " CSS dokumendid
Ma jätan sõna kutid.
Me võime proovida ja teha midagi lahedat koos see on viimase paari minuti jooksul.
Sest ma olen selline andnud teile crash kursuse palju lahedaid asju
mida saate teha.
Aga lõppude lõpuks, nagu ma ütlesin, kui te lihtsalt eksperiment, saate teada palju.
>> Sihtrühm: Kas sa vaatad üles, et font?
>> ALLISON Buchholtz'ile-Aafrika: Jah, Vaatasin üles, et font.
Nii nagu sõna-sõnalt, ma läks mina-- mida ma tegin?
Ma tegin CSS font nimekirja ja siis tegin font pinu
ja siis ma olin nagu, vaata siia kõik jahe fonte, mida saate teha.
Ja seal oli see, et Ma kopeeris selle oma lõikelauale.
Ja siis ma olin nagu: OK, lahe, seal me läheme.
Kõik tehtud.
>> Sihtrühm: Nii et sa pead tegema, et et CSS teab, mida see kiri on.
>> ALLISON Buchholtz'ile-Aafrika: Jah.
>> Sihtrühm: Mis siis lõpus öelda?
Kursiivis?
>> ALLISON Buchholtz'ile-Aafrika: Cursive.
Jah.
>> Sihtrühm: taustapildi.
>> ALLISON Buchholtz'ile-Aafrika: taustapildi.
OK.
Nii et sa tahad mulle öelda, kuidas seda teha.
Ma jätan selle sulle.
Ma lihtsalt kirjutades siin nüüd.
Ratas on teie kätes.
>> Sihtrühm: OK
>> ALLISON Buchholtz'ile-Aafrika: OK.
Mida ma teen?
>> Sihtrühm: Doing-- Ma tean, mida tuleb pärast lokkis traksidega.
ALLISON Buchholtz'ile-Aafrika: OK.
Nii et arvatavasti keha, ma oletan, sest me oleme
teeme taustapildi.
>> Sihtrühm: Jah, teeme seda.
>> ALLISON Buchholtz'ile-Aafrika: OK.
Sihtrühm: OK, nii et taust koolon ja siis
vajame URL-aadress selle pildi.
Võib-olla pseudo-kood, mis nüüd, võib-olla.
>> ALLISON Buchholtz'ile-Aafrika: Mis soovite mina--
Sihtrühm: Ma mõtlesin nagu GIF.
ALLISON Buchholtz'ile-Aafrika: GIF?
See saab olema huvitav.
OK, mida ma googling siin?
>> Sihtrühm: Ei, see on sinu valik.
>> ALLISON Buchholtz'ile-Aafrika: Miks ei we-- kas see on jänes,
Ma tunnen, et meil peaks olema kena rohtukasvanud muru või midagi.
>> Sihtrühm: Meadow.
Heinamaa.
>> ALLISON Buchholtz'ile-Aafrika: heinamaa?
OK.
Sihtrühm: Või Rachel Maddow.
ALLISON Buchholtz'ile-Aafrika: See üks tundub päris.
Oh, see on väike, kuigi.
Me vajame head pilti.
Vaatame.
Oh, vaata.
See on päris heinamaa.
Tead mis, mulle meeldib see.
Olgem kopeeri see.
>> Sihtrühm: OK, nii et ma arvan, et see URL avatud sulgudes.
>> ALLISON Buchholtz'ile-Aafrika: OK, URL.
>> Sihtrühm: Siis aadress.
>> ALLISON Buchholtz'ile-Aafrika: OK.
Kas see on kõik, mida me vajame?
>> Sihtrühm: Sule sulgudes semikooloniga ja siis ruumi, taust sidekriips
manusena koolon fikseeritud ja lokkis traksidega.
>> ALLISON Buchholtz'ile-Aafrika: OK.
Vaatame, kas see töötab.
See saab olema päris lahe, kui ta teeb.
Ma olen tõeline põnevil siin.
See ei tööta.
Ma ei tea, miks.
Sihtrühm: Võib-olla on URL peab olema jutumärkides.
ALLISON Buchholtz'ile-Aafrika: Võib-olla.
Ja see, kuidas me õpime, poisid.
>> Sihtrühm: Kas meil on taust ja tausta pilt?
>> Sihtrühm: No.
Üks asendab teine.
>> ALLISON Buchholtz'ile-Aafrika: Ma ei tea.
Vaatame.
Teeme seda kontrollida ja vaadata.
>> Sihtrühm: Oh, võibolla, jah.
[Astudes VOICES]
>> ALLISON Buchholtz'ile-Aafrika: OK, see on obviously-- I [kuuldamatu] siin.
Nii OK.
Sihtrühm: Taust manusena.
ALLISON Buchholtz'ile-Aafrika: Ah.
>> Sihtrühm: OK, ma ei tea.
ALLISON Buchholtz'ile-Aafrika: See tundub, et see peaks toimima.
Oled sa kindel, et see järel koolon URL?
>> Sihtrühm: Ei, see on semikooloniga.
ALLISON Buchholtz'ile-Aafrika: See semikooloniga.
Sihtrühm: Kas ma ütlesin käärsoole?
ALLISON Buchholtz'ile-Aafrika: Sa ütlesid, et jämesooles.
Sihtrühm: Oh ei.
ALLISON Buchholtz'ile-Aafrika: Seal sa lähed.
Sihtrühm: Oh, oota nüüd Me ei saa lugeda teksti.
ALLISON Buchholtz'ile-Aafrika: Nüüd te ei saa lugeda teksti,
aga meil on taustapildi.
Mmhmm?
>> Sihtrühm: Kas HTML toetada dünaamilisi sisu?
Like, võib teil muuta, et pilt sõltuvalt akna suurusest,
või on see CSS--
>> ALLISON Buchholtz'ile-Aafrika: Nii et CSS on seda teha.
Nii et kui teil poisid on huvitatud õppida arenenud CSS,
Olen koostööd õpetamine seminar CSS kohta 7..
Ja ma luban, et see palju põhjalikum
ja teha palju rohkem cool asjad selles osas.
Ja minu kaas-õpetaja on nagu kogu esiosa web dev master.
Nii et see saab olema päris lahe, kui soovite õppida kõiki lahedaid asju
et CSS saab teha.
>> Aga mida me oleme siin koos tema tausta arestimine
fixed-- nii et see on teatud kindla size-- kuid tegelikult võite dynamically--
kui sa kunagi näha veebilehti, kui kõige hea veebilehti teha,
kui sa reguleerida suurus brauseris
ta korrigeerib tausta või kui palju näitab või vormindab asjad, eks?
Nii et see, mida me nimetame suhteline positsioneerimine.
>> Ja CSS võib tegelikult haarata kui suur on teie brauseri laius on või kui pikk see on,
ja saab paigutada asjad vastavalt suhtelised suurused
versus absoluutne suurused.
Ja see on ilmselt rohkem arenenud CSS, kuid see on midagi, mida saate teha.
Kui sa tahad õppida rohkem, tule minu seminar.
>> Nii et see on midagi, mida saate teha.
Ja CSS saab tegelikult do-- CSS ja JavaScript,
mida me võtame arvesse järgmise week-- võimaldab teil dünaamiliselt muuta
lehekülgi, ilma et laadige neid kogu aeg.
Ja sa saad teha mõningaid päris lahe värk.
>> Nii on seal teine ​​asi mis te poisid võiksid teha
või midagi tahad uurida?
Meil on 10 minutit aega.
Saame ka varem lahkuda, aga kui sa tahad teha mõned web kraami,
saame, aga ma ei ole sunni teid.
Aga me ei saa ka lihtsalt süüa kommi.
Sihtrühm: Highlight tekst valge, nii et saate seda lugeda.
ALLISON Buchholtz'ile-Aafrika: OK.
Nii et kui me tahame mõned lk.
Sihtrühm: Kui me teeme seda keha nii, et see kehtib kogu lehe?
ALLISON Buchholtz'ile-Aafrika: Jah, me saame tegelikult.
See on hea mõte.
Nii et me have-- sa teame, mida me peaks olema?
Ma ei tea, kas me saame seda teksti värvi.
Ma lähen, et proovida ja luua uus klass siin.
>> Sihtrühm: Kuidas sa saad nii et tal on ettepanekuid?
ALLISON Buchholtz'ile-Aafrika: Nii kui mehed on huvitatud,
see on teine ​​tekst toimetaja nimega Sublime.
Sa peaksid olema võimelised paigaldada see oma seadmele.
Vahel saab natuke keeruline.
Kui soovite aidata, et Ma olen super õnnelik, et aidata teil
koos, sest gedit on suur ja see on fantastiline, sest saab kompileerida
põhjale, kuid ma tõesti nagu Sublime sest see on päris
ja see ei tee asju nagu auto-complete.
>> Nii saate kindlasti julgelt andke mulle teada, kui soovite seda teha.
Kui sa lihtsalt google "Sublime teksti, "see tavaliselt
on juhised, kuidas paigaldada erinevate operatsioonisüsteemidega.
See on väga lahe, ma arvan, minu arvates.
Nii lk.
Ma arvan, et ma ei saa lihtsalt teha text-- või saame just seda värvi on "valge".
Ei.
>> Nii et mida ma tegin, on see, et ma ei muutunud kogu teksti.
Aga p siin on lihtsalt silt, et meil on, eks?
See lõige tag.
Nii et ma lihtsalt loodud CSS element, mis ütles OK, midagi selle sildiga
p, teevad valget värvi.
>> Nii et kui te olete märganud, on tehtud see valge ja see valge.
Ta ei meie nimekirja valged, sest see ei ole seotud selle.
Sa võid minna läbi ja sa võid say--
>> Sihtrühm: Kas taustavärvi.
>> ALLISON Buchholtz'ile-Aafrika: Tausta värv?
>> Sihtrühm: taust toru värvi kui paned p tag.
>> ALLISON Buchholtz'ile-Aafrika: OK.
Sa tahad seda valge?
Sihtrühm: mmhmm.
ALLISON Buchholtz'ile-Aafrika: OK.
Seal sa lähed.
Sihtrühm: See on imelik.
ALLISON Buchholtz'ile-Aafrika: Päris lahe, eks?
Nii et kui sa lihtsalt jändama, sa lähed palju õppida.
Ja see võib olla päris lahe.
Ma arvan, et see on kindlasti rohkem meeldiv kui mõnikord
sest sa ei pea ootama oma programmi koostada.
Saate lihtsalt vajuta Refresh ja sa oled nagu, oh, vaata,
see töötas, või oh, ma olen ilmselt midagi puudu.
Ja see on midagi, mis on tõesti cool sellest järgmine osa klassi,
on see kindlasti, ma arvan, lihtsam kontrollida
kui sa lähed mööda teed versus võttes kirjutada need pikad programmid
ja kes soovivad ja palvetades et see toimib lõpus.
>> Nii et ma arvan, kutid kõik tundub hea.
Kui teil on küsimusi, nagu alati, tule minuga rääkida, tule andke teada.
Ma olen siinsamas Järgmise 15 minuti
kui soovite vestelda kõike ja kõike.
>> Nii et ma loodan, et sa guys-- õnne see pset.
Tähtaeg on reede keskpäeval sest see ilmus hilja.
Nii et ma ilmselt näeme palju kutid neljapäeval
kuid loodetavasti mitte.
Võib-olla on teil seda teha siis.
Ma oleksin super uhke.
>> Aga kui mitte, siis ma näen sind neljapäeval.
Võite kasutada ka hilja kuupäeva, milleks laiendab seda laupäeva keskpäeval.
Aga ma don't-- ah?
>> Sihtrühm: Halloween.
>> ALLISON Buchholtz'ile-Aafrika: See Halloween, ja b,
Ma ei usu, et on olema tööajal reedel.
Nii et tõesti proovida ja saada seda teha Reede, nii et me kõik saame tähistada
Pühitsema nädalavahetusel.
Olgu, näeme poisid järgmisel nädalal.