[MUSIC Playing]
ALLISON BUCHHOLTZ-AU: Të gjithë të drejtë, të gjithë.
Mirë se vini përsëri në seksion.
Pra, axhenda jonë për sot është duke shkuar mbi shumë më tepër gjëra web dev.
Unë nuk e di se sa prej ju keni parë psets tuaj
pasi ai u lirua herët këtë mëngjes.
Unë do aq sa njerëz e kanë lexuar spekulim,
por duke parë se si ju keni pasur të gjitha e, si, shtatë orë për të parë atë
dhe kjo është një hënë dhe ju ndoshta keni pasur klasë,
Unë jam duke shkuar për të supozojmë se shumica prej jush nuk e kanë.
Nëse keni, famë shtesë.
>> Ju jeni në thelb duke ndihmuar zbatuar një web të thjeshtë
server në C, e cila është një pset krejt të re, kështu që ju djema të merrni të jetë e derra gini.
Ajo do të jetë një argëtim, javë egra, por unë mendoj se kjo do të jetë një shumë e fun
dhe kjo do të jetë me të vërtetë përvojë e mirë në fakt.
Pra, për të përgatitur jeni për që, në nenin sot,
ne jemi duke shkuar për të shkuar chmod, TCP / IP, dhe pas pak i HTML dhe CSS.
>> Në fund, ne do të vërtetë Kodi up një faqe të thjeshtë web bashku
për t'ju ndihmuar djemtë lloj i merrni më shumë të familjarizuar me këtë.
Dhe pastaj në qoftë se ju nuk e keni kap kuize tuaj, ata janë në para,
por unë jam goxha i sigurt se të gjithë këtu ka të quiz e tyre.
Dhe gjithashtu në lidhje me këtë, zgjidhje nuk janë lart akoma,
por sa më shpejt që ne të finish-- pëlqen, Disa njerëz e fundit duke marrë quizzes-- tyre
ata do të jenë lart.
Nëse keni ndonjë pyetje në ndërkohë,
të ndjehen të lirë të email mua personalisht.
Unë do të përgjigjet me tuaj individuale pyetje, si unë gjithmonë të bëjë.
>> Pra, në këtë shënim, chmod.
Pra, në thelb të gjithë ju duhet të dini në lidhje me chmod
është se ajo është përdorur për të ndryshuar lejet fotografi, e drejtë?
Pra, kjo është vetëm disa sisteme të thërrasë atë një ndryshojë lejet, siç thuhet këtu.
Dhe në qoftë se ju ndonjëherë të dëshironi të shihni leja një skedar ka,
në vend të vetëm duke bërë ls, ju mund të bëni ls -l.
l qëndron për kohë të gjatë.
>> Pra, ju do të bëni lista të gjata i çdo gjëje, dhe kjo
do t'ju japë shumë më i detajuar informacion në lidhje me secilin nga dosjet tuaja.
Dhe ju do të shihni something-- unë jam do të kaloni përpara për një second--
por ju do të shihni diçka të ngjashme për se vija e lartë atje për çdo dosje.
Dhe ne do të shkojnë nëpër çka do të thotë.
>> Pra, në thelb, për të ndryshuar lejet tuaj fotografi,
ju vetëm dëshironi të përdorni chmod.
Ju mund të mendoni për atë si çdo tjetër UNIX quajnë si ls apo CD ose gjësend.
Kjo është vetëm një tjetër lloj i si thirrje.
>> Pra, ne bëjmë chmod dhe pastaj ne do të kemi tre shifra tipike.
Ka disa mënyra për ta bërë kjo, njëra prej të cilave ne do të shkojnë mbi.
Por zakonisht, ju do të keni tre numra variojnë 0-7 secili kohë.
>> Pra, një gjë është se ka tre lejet e ndryshme
që ne mund të japim çdo skedar.
Dhe kjo është e lexueshme, e cila është përfaqësuar nga r, e cila do të bëjë kuptim
në pak; w, i cili është shkruajtshme; dhe ekzekutueshëm, e cila është e x.
Unë e di se e ai, i ekzekutueshëm, ndoshta jo më sens, por ne
përfaqësojnë atë me x.
>> Dhe pastaj çfarë ndodh është secila nga këto gjithashtu kanë numrin e përfaqësimit.
Pra, ne kemi 1, 2, dhe 4.
Dhe në thelb ajo që ndodh është secili prej ketyre tre numra
këtu korrespondon me një grup të ndryshme të përdoruesve
se ato kanë të bëjnë me lejet.
>> Kështu që ju mund të mendoni se pare Numri korrespondon tek përdoruesi aktuale
ose pronari i file, dytë Numri i korrespondon grupit,
dhe e fundit i referohet në botë, OK?
Pra, ajo që ndodh është të mbani mend ato r numbers-- është 4, w eshte 2,
x eshte 1, e drejtë?
This-- në qoftë se ju të përmbledhur këto deri, që ju jep këtë numër parë
që ne të mund input në chmod tonë.
>> Pra, në këtë rast, çfarë do të jetë ky numër?
Ajo do të jetë 4 plus 2 plus 1, e cila është një 7, drejtë?
Dhe në këtë rast, këto nuk kanë asgjë,
kështu që kjo e drejtë këtu do përkthehet në chmod 700, OK?
Dhe ajo që nuk është ajo jep gjithçka e këtyre lejeve për përdoruesit tuaj.
>> Pra, kjo do të thotë që përdoruesit tonë mund të bëjnë çdo gjë që ata duan.
Ata mund të lexojnë këtë fotografi.
Ata mund të ekzekutojë këtë fotografi.
Ata mund të shkruajnë tek kjo skedë.
Por grupi dhe bota, asnjë lejet whatsoever, OK?
>> Pra, një mënyrë tjetër për të shkruar atë, ne mund të bëni chmod prej tre numra, secila prej të cilave
korrespondon me çfarëdo shumën apo se grupi specifik është, mesin specifike.
Ose ne mund të bëjmë në fakt një tjetër gjë.
Të mbajë në.
Ne mund të bëjë diçka me këto këtu.
>> Sa prej jush pa një shembull ku ishte si të chmod një plus x?
A e shihni se në leksion, unë mendoj se?
Pra, a qëndron për të gjithë.
Kjo do të thotë t'i jepte për të gjithë përdoruesit, të cilën kam harruar për të vënë këtu.
>> Por një plus x, nëse ne njoftim këtu, në qoftë se ne bëjmë
të chmod-- atë grup që ne jemi duke folur në lidhje me plus lejet
ne duam të japim atyre.
Pra, kjo mund të jetë një plus ose minus.
Plus shton leje.
Minus merr leje.
Pretty intuitive, unë mendoj.
>> Pra, a do të thotë plus x chmod.
Pra, të ndryshojë të drejtat e të gjithë njerëzve nëse kjo është një leje a-- shtoni.
Dhe x-- kjo do të thotë se çfarë leje jemi dhënies gjithë.
Lexoni, shkruani, apo ekzekutuar?
>> AUDIENCA: Execute.
>> ALLISON BUCHHOLTZ-AU: Execute.
Pra, ne jemi duke i dhënë të gjithë përdoruesit leje për të ekzekutuar këtë fotografi, OK?
Pra, çfarë nëse kemi dashur të bëjmë se me formën numerike?
Pra, mos harroni me numerik, ne duam tre numra.
>> AUDIENCA: 4.
ALLISON BUCHHOLTZ-AU: Çfarë ishte ajo?
AUDIENCA: 4.
ALLISON BUCHHOLTZ-AU: Jo 4.
AUDIENCA: 0, 0, 4.
ALLISON BUCHHOLTZ-AU: E pra, ne duam për të dhënë atë për të gjithë përdoruesit, e drejtë?
Pra, ne do të kemi një numër në çdo slot.
Kjo do të jetë Numri i njëjtë në çdo slot
sepse ne thjesht duam të japim Ç'do lejet ekzekutueshme.
Pra ekzekutueshme është 1, por në rrugën e duhur.
>> Pra, nëse ne nuk chmod 111 që do të të jetë ekuivalent i chmod një plus x.
Ka që e bëjnë kuptim për të gjithë?
Ne jemi duke shkuar për të shkuar nëpër disa shembuj.
>> Pra, të takeaway madhe këtu është një nuk është më këtu,
por a do të thotë vetëm t'i jepte për të gjithë përdoruesit.
u është në qoftë se ju vetëm dëshironi për të dhënë ose të marrë larg
një leje të veçantë nga përdoruesi ose pronari.
g është për grupin, kështu që shifra e mesme.
Dhe pastaj të tjerët që ju mund të mendoni si bota, se shifra e fundit.
>> Pra, me këtë, ne do të shkojmë në një shembull, sepse unë të ndjehen si shembuj gjithmonë
bëjnë këto gjëra më të lehtë për të kuptuar.
Kështu rwx-- kaluam this-- mund të jetë gjithashtu paraqesin si 700.
Kjo është shembulli kemi shikuar në më shumë foto.
Pra, chmod 444 në disa dosje do të japë çfarë leje?
Ju keni qenë me të vërtetë afër.
AUDIENCA: lexueshëm për të gjithë.
ALLISON BUCHHOLTZ-AU: lexueshëm.
Pra, i lexueshëm për të gjithë, apo jo?
Dhe pastaj çfarë është një tjetër mënyrë për të bërë këtë?
Nëse ne duam të bëjmë chmod me ose r apo w, plus dhe minuset,
çfarë do të duken se thirrja si?
Ajo do të jetë chmod çfarë?
>> AUDIENCA: a r plus.
>> ALLISON BUCHHOLTZ-AU: a r plus në 5.
OK, kështu që kjo është e njëjtë si kjo, vetëm dy përkthime të ndryshme
të njëjtën gjë.
Pra, me këtë, ne kemi këto.
Kështu që unë dua që ju djema për të përpiqen dhe të shkruar këto lloj në rrugën e tyre të kundërt.
>> Pra, me chmod 555, çfarë do të jetë si?
Do të jetë një plus ose u plus apo gjësend?
Për u plus x, më jepni tre numra.
Dhe pastaj më thoni në lidhje me atë lejet ne jemi në fakt dhënien dhe për të cilët?
>> Kështu që unë do të ju jap djema dy minuta për të punuar në atë.
Ndjehen të lirë për të folur me njëri-tjetrin.
Për ata prej jush që kanë ardhur në pak vonë, ka karamele dhe këmisha.
Ne kemi lënë tre shirts, dhe ne kemi Kit Kats dhe Starbursts.
Pra, të ndjehen të lirë për të ardhur kapje disa në këtë interludet pak.
>> Gjithashtu, ai i fundit është i ndërlikuar.
Kjo është dy chmods për të fundit.
Në fakt, më lejoni të mbyllë atë derë ndërsa ju djema janë duke punuar në atë.
Candy është gjithmonë e nevojshme në një pasdite të hënën.
>> OK, kështu që chmod 555.
Çfarë është një mënyrë që ne mund të shkruani atë?
Ndonjë ide?
Po.
>> AUDIENCA: a rx plus.
>> ALLISON BUCHHOLTZ-AU: r plus rx.
A doni të shpjegojë se pse ajo do të jetë RX?
>> AUDIENCA: Sepse ju keni 5, kështu që është 4 plus 1,
kështu që është lexuar plus ekzekutueshme, dhe kjo është për të gjithë.
ALLISON BUCHHOLTZ-AU: E drejta.
Pra, vetëm për të përsëritur, 5 here ne e dimë si shuma e 4 dhe 1,
sepse çdo numër në treshe tonë është Shuma e lejeve për këtë nëngrup,
e drejtë?
Ose përdoruesit, grup, apo bota.
Pra, në këtë rast, ne e dimë se 5 ka të formohet nga 4 dhe 1.
>> Dhe 4 dhe 1 korrespondojnë me lexueshëm dhe të ekzekutueshme.
Ne jemi duke i dhënë atë për të gjithë, kështu që ne mund të bëjmë chmod një RX plus.
Dhe natyrisht, ne vetëm shkoi përmes pyetjeve atje,
kështu që tani kjo skedë është ekzekutues dhe i lexueshëm për të gjithë.
>> Pra, ajo që për një të dytë?
Çfarë mund numri për këtë një jetë?
Ndonjë ide?
Shkoni përpara.
>> AUDIENCA: 100 [padëgjueshme].
>> ALLISON BUCHHOLTZ-AU: 100.
Pikërisht.
Pra, ju doni të shpjegoni pse 100?
AUDIENCA: Sepse kjo është për përdoruesit, kështu që është në vendin e parë.
Dhe pastaj x ekzekutues është 1.
ALLISON BUCHHOLTZ-AU: Pikërisht.
Pra, ne jemi të dhënë ekzekutues lejet për vetëm përdoruesit.
Pra, në këtë rast, do të ishte 100.
Dhe unë kam të gjitha përgjigjet deri në rrëshqitje tjetër në rast
ju jeni duke shkruar shumë gjëra poshtë.
>> OK, kështu që kjo një tjetër është bërë në të vërtetë me dy chmods, ju mund të bëni atë.
Pra, ka njeri të ketë ndonjë ide se si ju mund të
merrni chmod 640 rishkruhet në mënyrë tjetër?
Ju mund ta ndryshoni përdoruesit të parë dhe pastaj të ju mund të ndryshojë grupi është hint ime.
>> Pra, nëse ne ishim vetëm ndryshimin përdorues, cila është kjo e para here,
çfarë mund të jetë thirrja jonë?
Pra, përdoruesi është u, e drejtë?
Pra, chmod u plus çfarë?
Mmhmm?
>> AUDIENCA: rw.
ALLISON BUCHHOLTZ-AU: rw.
E drejta për të lexuar dhe shkruar, për shkak të lexuar është 4, w eshte 2, ato shuma bashku si 6.
Pra, ne të merrni chmod u plus rw, dhe të marrim 6 tonë të parë atje.
>> Kështu, pra, për të marrë 4, ne tani duam për të ndryshuar parametrat tona grup.
Pra, ne jemi duke shkuar për të bërë chmod g plus çfarë?
Çfarë është një 4?
>> AUDIENCA: r.
ALLISON BUCHHOLTZ-AU: r.
Pikërisht.
Pra, ne jemi duke i dhënë pronari lexojnë dhe shkruajnë lejet
dhe ne jemi duke i dhënë grupit të lexoni lejet, të cilat ne kemi të gjithë këtu.
Mmhmm?
>> AUDIENCA: Në qoftë se ju mund të shkruani diçka, e bën atë të thotë që ju mund të ekzekutojë atë?
>> ALLISON BUCHHOLTZ-AU: Ju mund të shkruani something--
Unë nuk besoj se kjo nënkupton që ju mund të ekzekutojë atë.
Ftohtë.
Pra, kjo është e gjitha që ne vetëm shkoi nëpër.
Pra, në këtë një tjetër, është e raste vetëm lloj të përbashkëta
se ju doni të mbani në mendje për problemin tuaj të vendosur.
Këto janë zakonisht lejet që ne dëshironim që ju të përdorni.
>> Pra, për 711, që i jep ne, sigurisht, përdorues
të gjitha lejet, të cilat ka tendencë për të bërë kuptim.
Dhe atëherë është i ekzekutueshëm nga Grupi në botë, e cila ka kuptim
në qoftë se ju keni disa dosjen, ju duan të jenë në gjendje të kaloj në të.
Njerëzit kanë nevojë për qasje.
>> Për çdo skedar jo-PHP, ju do të jeni për të përdorur 644, e cila do ta bëjë atë?
Çfarë ka që nënkupton, apo çfarë lejet e bën që të japë?
Pra, pronari mund çka?
AUDIENCA: Lexoni dhe shkruani.
ALLISON BUCHHOLTZ-AU: Lexoni dhe shkruani.
Dhe pastaj në grup dhe të tjerët vetëm mund të lexojnë, e drejtë?
Dhe pastaj chmod 600 për çdo PHP fotografi që ju përdorni,
Pronari tuaj, përsëri, mund të lexojnë dhe shkruajnë për të
por të gjithë të tjerët është vetëm lloji i bllokuar off.
>> Pra, kjo do të vërtetë të jetë më e dobishme kur
ju merrni për problemin tuaj vendos javën e ardhshme, ku
ju jeni në të vërtetë ndërtimin e një faqe interneti.
Pra, nëse ju ndonjëherë të kandidojë në ndonjë problem të çuditshme
ku ajo nuk është e ngarkimit siç duhet, ndoshta ju
nevojë të shtoni një ekzekutueshme leje, apo ndoshta keni nevojë për një lexuar
ose shkruani leje.
Pak gjëra që tentojnë të udhëtimit njerëzit up, por kjo është lloj i si go-to
kur ju filloni pset javës së ardhshme.
Dhe unë do të ju jap më shumë lë të kuptohet se në pset kësaj jave,
por unë kam ende për të parë atë që nga viti ai u lirua këtë mëngjes.
Por ju email mua, unë do të ketë shikuar në atë me kohë të përgjigjet nesër.
>> Deri tani, është e të gjithë mirë me chmod?
Çdo pyetje e zgjatura?
Pretty thjeshtë.
Vetëm lloj mbajtja e asaj që lexojnë, shkruajnë, dhe ekzekutuar numrat janë
është ndoshta pjesa më e vështirë.
>> Pra, me TCP / IP, të gjitha këto protokolle, lloj si me strukturat e të dhënave tuaja
javën e kaluar, kjo është shumë më e e rëndësishme për të marrë lloj
një intuitë më të lartë nivelin e tyre.
Kjo nuk është CS143 ku ne jemi duke shkuar për të ju pyes për të zbatuar një rrjet,
kështu që ju do të jetë mirë në qoftë se ju nuk e kuptoni
rëre mortajë të gjitha protokollet.
Çfarë është e rëndësishme për të kuptuar është lloj i pëlqen ajo që ata përfaqësojnë
dhe pse ata janë të rëndësishëm.
>> Pra, TCP / IP, sigurisht, ajo është Transmission Control Protocol
ose Internet Protocol, e cila është në thelb vetëm një grup i ligjeve në thelb
ose standarde që tregojnë të dhënat e se si duhet të trajtohet,
se si duhet të packetized, transmetuar, dhe ka marrë.
Pra, në thelb, ashtu si ajo thotë këtu, rrit shanset
se të dhënat e merr ku ju doni që ajo të marrë për të.
>> Unë jam i sigurt nëse ju djema shkoi në Leksioni apo shikuar atë online,
ai has-- Unë nuk e di në qoftë se ai e bëri atë të këtij viti,
por unë e di se vitin e kaluar, ai kishte një demo, ku ai kishte një pamje të Rob
dhe ai e ndarë atë në katër dhe e vënë atë në zarf
dhe u përpoq për të marrë atë të gjithë Sanders.
Dhe ju mund të lloj të mendojnë për atë në këtë mënyrë.
Kjo është vetëm një grup rregullash që tregojnë të dhënat se si për të marrë diku
dhe ju lejon të dini nëse ju jeni të humbur e të dhënave,
në të njëjtën mënyrë që në qoftë se ju jeni marrë faqet e shumta të shënimeve
dhe ju etiketë ata me faqen 104, faqe 204, dhe ju shkoni përsëri për të studiuar më vonë
dhe ju jeni të humbur something-- ju nuk mund të gjeni faqen që ju e dini 304--
diçka është e gabuar, kështu që ju mund të shikoni nëpër shënimet tuaja
sërish ose pyesni dikë për të ridërguar ju shënime leksion nga ajo ditë.
Në të njëjtën mënyrë me të dhëna në internet.
Nëse unë jam duke kërkuar për diçka nga një server
dhe ajo ka nevojë për të dërguar atë në pako të shumta,
ndoshta do të numrit të kjo në një farë mënyre, le
mua e di se sa do ta kisha marrë, dhe më thoni, oh, ky është një nga 10
ose kjo është një prej 10,000.
Në këtë mënyrë, kur të shkoj për të reassemble të gjitha pjesët së bashku,
Unë e di se në qoftë se diçka po mungon dhe unë mund të kërkoni për atë përsëri.
Ka që e bëjnë kuptim?
Vetëm një grup i rregullave.
Në bazë të saj, të vendosur e rregullave, OK?
>> Pra, ne gjithashtu biseduam a pak për portet.
Kjo është me të vërtetë vetëm një standard që ju lejon të dini se çfarë lloji i të dhënave
po transmetohet në këto pako.
Nëse ne do të shkojmë me tonë shembull zarf, ne nuk bëjmë
e di se kjo është një foto e Rob aty nëse nuk e shkruajnë atë
në pjesën e jashtme të zarfit tonë.
Pra, portet janë në thelb e njëjta gjë.
Kjo është vetëm një mënyrë për të kuptoj se çfarë lloj i të dhënave është duke u transmetuar.
>> Pra, ne kemi të gjitha më ato të zakonshme këtu.
Pra, 21-- këto janë gjithashtu të lloj e si gjëra të mira për të dini.
Kjo është lloj i një pyetje të lehtë quiz.
Të jetë si, çfarë bën portin 80 bëj?
Ose, çfarë bën port 443 bëni?
Pra, gjërat e mira të dini.
>> Kështu që ne kemi këtu, 21 është fotografi Protokolli i transferimit të, kështu që vetëm
rregullat që qeverisin transferimin e skedarit.
25, diçka që ne të gjithë përdorin shumë më shumë, është e email.
53 është emri i domain Sistemi, e cila është në thelb
vetëm lloj i një lookup për Adresa IP e një emri domain-i.
>> Kështu që unë jam goxha i sigurt se ishte përmendur në leksion, në qoftë se ju
shkoni në diçka si google.com, ajo ka një adresë IP
që është i lidhur me të.
Kjo nuk është e vërtetë google.com.
Dhe kështu që 53 është porti që në fakt merr
kujdesi i këtij lloji të përkthyer atë në atë adresë IP për ju.
Dhe pastaj 80 dhe 443 janë shumë të zakonshme.
Ju ose keni faqen tuaj web ose ju keni faqen tuaj web të sigurt,
të cilat një shumë e faqeve web janë transferimin e më shumë se tani.
>> Pra, kjo është lloj i nivelit të lartë pasqyrë e protokollit të transferimit.
Unë nuk e shoh më shumë në thellësi.
Kjo është lloj i stuff cool në qoftë se ju jeni të interesuar.
Ka shumë të burimeve.
Wikipedia aktualisht është një faqe mjaft të mirë.
Kështu që unë isha duke kërkuar në atë vetëm pak kohë më parë,
kështu që unë do të highly recomend kërkoni në atë në qoftë se ju jeni të interesuar
ose të marrë 143 për dy vjet për shkak Unë mendoj se është për çdo vit tjetër.
>> Pra, në fund të kësaj, ne jemi duke folur në lidhje me faqet e internetit dhe HTTP,
e cila është në të vërtetë temë tonë të ardhshëm për sot para se të shkojmë në HTML dhe CSS
dhe ju në fakt mund të kodit deri në një web faqe.
Ajo do të jetë kënaqësi.
Ne do të kemi fotografi të bunnies dhe ajo do të jetë e madhe.
>> Pra HTTP, si ju mund të shihni këtu, është një prej akronimeve bukur
për këtë jave, i cili është Protokoll Hypertext Transfer.
Pra, përsëri, kjo është vetëm një grup i rregullave që
rregullon HyperText transferimin, në këtë rast.
Pra, mënyra më e mirë për të mësuar në lidhje me këtë është vetëm lloj i
për të thyer atë në këto fjalë individuale
sepse ka një shumë të Fjalët në ekran atje.
>> Pra, ne jemi duke shkuar për të filluar me HyperText.
Pra "hiper", ju mund të mendoni "Lart", si gjë e super-type.
Pra, kjo është me të vërtetë vetëm teksti dërgua në Nivelin e ardhshëm, kështu që është si tekst super,
si tekst tjetër.
Pra, kjo është në thelb vetëm Teksti që na jep
më shumë informacion se tekst normal bën, OK?
>> Pra, në këtë rast këtu, kjo është e HyperText.
Kjo na tregon se ne kemi disa lidhje që ne jemi duke shkuar për të,
e cila është cs50.net, i cili është tani cs50.harvard.edu.
Këto slides janë pak të vjetra.
Dhe kjo do të shfaqur atë si kjo, si një hyperlink,
dhe pastaj një website të vërtetë cool.
>> Pra, kjo është teksti, e cila është pak më bit për gjërat me të vërtetë ftohtë në atje.
Kështu që ju mund të lidhura gjëra dhe ju mund të futur imazhe dhe ju mund të stilit gjëra.
Dhe gjëja më e njohur se ju djema ndoshta keni me HyperText
është HyperText Markup Language, HTML, e cila natyrisht është e gjitha e internetit
që ne shohim përreth nesh, të dhënë me disa stil CSS hedhur në.
>> Por në qoftë se dikush kishte me të vërtetë i madh me MySpace,
Unë jam i sigurt që të gjithë HTML përdorur gjatë gjithë kohës për të krijuar
ato profilet përsosur, e drejtë?
Unë ndjehem si kjo mund të jetë një vjetëruar reference tani, por çdo gjë.
Vetëm një little-- ju djema nuk janë aq shumë të rinj.
Disa prej jush janë më të vjetër se unë.
MySpace është ende një gjë, kur unë isha i ri.
Unë nuk jam aq i vjetër.
>> Anyways, HTML vetëm një formë e HyperText.
Pra HyperText është vetëm tekst me karakteristika të shtuar.
Pra protokoll transferimi është ndoshta gjëja më iffy për të shpjeguar.
Natyrisht, transfer-- vetëm transferimin e të dhënave.
Pra, ose në mes të klientit, si vëllai juaj web, dhe një server.
Pra, në thelb vetëm Mënyra internet punon.
>> Pra, me kërkesën e saktë të se si këto punë, ne jemi
në të vërtetë do të shikojmë në një Shembulli Kërkesa dhe përgjigja.
Por se si ne kërkojmë Informatat nga nje server
dhe si server përgjigjet për ne është ajo rregullon këtë protokoll transferimi.
Pra, kërkesa dhe përgjigja kanë për të ndjekur këto grup të veçantë të rregullave.
Është standardizuar në mënyrë që nuk ka rëndësi ku ju jeni duke përdorur internetin,
ajo gjithmonë punon njëjtë, OK?
>> Përsëri, protokoll, i vendosur të rregullave.
Kjo është vetëm një normale bashkëveprim në të njëjtën mënyrë
se Profesor Malan flet nëse dikush shtrihet dorën e tyre,
ju e dini se kjo është mirësjellje përbashkët për të arritur tuajat jashtë dhe shkundur dorën e tyre.
Kjo është një protokoll, e drejtë?
>> Kështu që unë jap disa kërkesë standardizuar, e cila është që unë dua të shkundur dorën tuaj,
dhe ju jep disa të standardizuar përgjigje, e cila eshte ose jo sajë
ose ju mund të provoni dhe të shkundur tim dora apo ndoshta ju jeni duke shkuar për të provoni
dhe grusht përplasem mua.
Dhe ne nuk kemi një protokoll për këtë.
Ajo prishet.
Por në qoftë se të gjithë poshtë Ky protokoll, sigurisht,
ajo shkon shumë më tepër seamlessly.
Njerëzit të merrni të njohin njëri-tjetrin.
Gjithkush është i lumtur.
>> Pra, në botën e internetit, secili ndjek të njëjtën rules--
pak më mirë se standardeve sociale.
Por me atë, ne do të shohim në një kërkesë shembull këtu.
Pra, nuk është kjo pak kyç këtu në fund
që ju tregon ngjyra të ndryshme, atë që ata janë menduar për të do të thotë.
>> Pra, të bardhë është vetëm si metodën tuaj Kërkesa dhe protokoll version--
kështu që kërkesa metodë, version.
Dhe pastaj kjo është një Emri fushë dhe vlera
të kësaj fushe, të cilat ne do të shkojnë në shumë, shumë shpejt.
Pra, kjo është një kërkesë shembull.
Kjo është si unë zgjeruar jashtë, dashur për të prezantuar veten.
>> Kjo është ajo që klienti ose çfarë shfletuesi juaj web
do të jetë dërguar në serverin tuaj.
Pra, kjo është një kërkesë get, kështu që është e duke kërkuar për diçka nga serveri.
Dhe kjo është, sigurisht, HTTP dhe kjo është version 1.1.
>> Kështu pjesa tjetër e kjo këtu është ajo që ne e quajmë header, dhe informatat e saj shtesë
që na jep një ide më të mirë të ajo që ne jemi të vërtetë duke kërkuar për të,
ose informacion që ne duam të japim server që mund të jetë me vend.
Pra, User-Agent jep disa më shumë Përshkrimi i on-- për shembull, këtu,
curl / 7.24.0 është në të vërtetë do të tregojë server që ne jemi duke përdorur Google
Krom si shfletuesin tonë.
Pra, nëse keni dëgjuar ndonjëherë për njerëz që flasin
për të bërë një app të përgjegjshëm në shfletues të shumta,
kjo është diçka që ata do të përdorin për shkak se në qoftë se ju
nuk e di se çfarë shfletues kërkesa vjen nga,
ju nuk mund të qepur e të dhënave për këtë.
Pra, në këtë rast, përdoruesi është vetëm duke i dhënë këtë lloj
e identifikimin e informacionit për atë që shfletuesi
përdoruesit e juaj është duke përdorur, OK?
>> Kështu, pra, ne të kemi ushtrinë, e cila është ku ne jemi në të vërtetë dëshirojnë të shkojnë në.
Në këtë rast, ne duam të shkojnë në apple.com, blej disa iPads të ftohtë të reja
apo diçka, ndoshta bukur dritat në dhomat tona konvikt.
Dhe Vlera emrin në fund është vetëm një filler, vetëm një gjë të përgjithshme
për ju djema për të parë.
Ajo nuk ka të vërtetë korrespondojnë me çdo gjë këtu.
>> Kështu që ju mund të ketë sa më shumë ose sa pak si ju dëshironi në çdo rast.
Shumica e kohës, këto janë opsionale.
Kjo varet vetëm nga çfarë ju duhet nga shfletuesi,
nga përdoruesit tuaj në mënyrë që të duhet të japin kërkesën.
Ose kjo varet se çfarë përdoruesit tuaj në të vërtetë do të japë deri në server.
Kështu që ju mund të keni shumë, shumë prej këtyre emrave header terren
ose ju mund të ketë vetëm një çift.
Ashtu si me kaq shumë gjëra Unë e kam thënë në këtë seksion,
me të vërtetë varet nga konteksti se si ju jeni duke përdorur këtë.
>> Pra bën që e bën kuptim për të gjithë?
Ky është vetëm një shembull i një kërkesë, headers, gjësend.
OK, kështu që me këtë, ne kemi disa përgjigje.
>> Përsëri, ne kemi kodin status tonë, protokoll version, dhe pastaj emrin fushë dhe fushë
vlerësojnë si gjithmonë.
Pra, versionin tonë të protokollit dhe kodi ynë statusi është 200.
OK, që do të thotë se, po, çdo gjë shkoi mirë.
Këtu është ajo që ju dëshironi.
>> Lloji server, përmbajtja type-- ajo na tregon, OK, ju jeni
do të marrë disa HTML tekst.
Këtu është gjatësia e tij dhe këtu është çfarë ju duhet të bëni me lidhje.
OK, kështu që përsëri, në varësi në të dhënat që ju jeni të
kërkuar, në varësi të asaj server do të kthehet tek ju,
ju mund të keni më shumë nga këto fusha emrat, ju mund të keni më pak.
Krejtësisht konteksti varur.
>> Dhe, sa i përket këtij statusi Kodi këtu, natyrisht,
200 nuk është vetmi ju mund të keni, apo jo?
Ne kemi shumë të kodeve të statusit.
A ka dikush kujtohet ndonjë nga të tjerët që kemi përmendur në leksion?
Një shumë prej tyre fillojnë me 4.
>> AUDIENCA: 404.
>> ALLISON BUCHHOLTZ-BA: 404, e cila është?
>> AUDIENCA: File not gjetur?
>> ALLISON BUCHHOLTZ-AU: file nuk u gjet.
Pikërisht.
Pra, ajo që për 403?
AUDIENCA: Forbidden.
ALLISON BUCHHOLTZ-AU: Forbidden.
Pra, çfarë mendoni që do të thotë me chmods?
>> AUDIENCA: Kjo do të thotë se ju nuk kanë leje për të lexuar atë.
>> ALLISON BUCHHOLTZ-AU: Pikërisht.
Në një farë mënyre, ju nuk keni leje për të hyrë në atë, e drejtë?
Pra 404, 403.
Ka një të vërtetë qesharake ai që ne gjithmonë
futur çdo vit që Unë duhet të ketë vënë këtu,
si 413, e cila është unë jam një ibrik çaji.
Ju mund google këtë.
Është qesharake si, kjo është kodi 413 dhe kjo është që unë jam një ibrik çaji.
Të cilën unë nuk e di pse ju do të ndonjëherë kanë nevojë që në internet,
por unë dal nga tema.
AUDIENCA: Ndoshta ju jeni një tenxhere çaj.
ALLISON BUCHHOLTZ-AU: Ndoshta server është një tenxhere çaj.
Kush e di?
Në rregull, kështu që ne jemi gati për të tranzicionit në kodim të vërtetë.
Unë të ndjehen si ju djema do të dal nga këtu shumë shpejt.
>> AUDIENCA: Pse e bën atë thonë "server: dy herë?
>> ALLISON BUCHHOLTZ-AU: Hm?
Server dy herë?
Kjo është një pyetje e mirë.
Unë nuk jam i sigurt.
Unë do të gjeni dhe të Unë do të ju të gjithë email.
>> OK, ndonjë pyetje të tjera përveç se?
Mirë?
Ftohtë.
>> HTML dhe CSS, dhe tani ne të marrë në të gjitha pjesët e fun.
Pra, siç e përmenda më parë, HTML është ndoshta një nga gjërat
ju djema jeni më të njohur me të.
Pra, ne kemi HyperText Markup Language.
>> Mënyra më e mirë për të mësuar this-- unë nuk bëj kanë ndonjë slides përgatitur apo ndonjë gjë
per ju djema me HTML.
Është me të vërtetë për të mësuar sintaksë.
Dhe në qoftë se ju keni qenë në MySpace ditë, ju do të keni këtë poshtë.
>> Pra me të vërtetë, gjëja më e madhe është vetëm për të praktikuar dhe eksperiment.
Një prej burimeve të mëdha që unë do highly recomend duke përdorur është W3Schools.
Pra, vetëm W, 3, dhe pastaj Shkollat.
Ata kanë një shumë të Burimet në HTML, CSS në,
dhe ata në fakt kanë një ekran ndarë gjë e tillë
ku ata do të ju jap shembull kodin.
Ju mund të shëndoshë me të, ndryshuar atë, dhe shtypni Update,
dhe ai do t'ju tregojë se çfarë ajo në fakt bën për web faqe.
>> Kështu që unë do të highly recomend duke përdorur atë.
Kjo është pretty cool.
Ju nuk do të merrni gabimet segmente here kur gjërat shkojnë keq.
Nëse keni arritur të merrni një faj Seg me HTML,
e lejoni të dinë, sepse unë jam do të jenë të intriguar të vërtetë.
Por kjo është me të vërtetë e ftohtë, sepse ju mund të ndryshojë gjërat,
ju mund të shihni ata të përditësuar jetojnë.
Dhe unë mendoj se ju do të merrni një shumë të rrokje më intuitive e HTML
në qoftë se ju në të vërtetë të shpenzojnë vetëm disa Ora eksperimente me të.
Pra, kjo është arsyeja pse unë tha, praktikë dhe eksperiment.
>> Google, prej këtu në jashtë, ndoshta do të jetë
një nga burimet më të mirë tuaj dhe miqtë.
Ose Bing-- Unë jam duke punuar në Microsoft, kështu që ndoshta unë duhet të them Bing.
Por pretty much çdo gjë është vetëm do të jetë sintaksë,
kështu të kuptuarit se çfarë tags janë, understanding-- paktën me CSS--
se si të ndryshojë atribute të caktuara.
Ajo do të jetë super i dobishëm.
>> Pra, edhe pse ne nuk bëjmë kanë ndonjë gjë të përgatitura,
ne nuk kemi lloj të disa praktikave më të mira se ne duam që ju djema për të përpiqen dhe të përmbahen
by-- ose më mirë, ju duhet përmbahen nga deri në një njoftim të mëtejshëm.
Pra, mbyllni të gjitha etiketimet tuaja.
Shpresojmë që të gjithë has-- ju e dini se çfarë, në qoftë se kjo nuk ka kuptim tani,
Unë premtoj se do të kishte kuptim kur ne jemi coding up faqe.
Por mbyllni të gjitha etiketimet tuaja.
Pra, nëse ju ndonjëherë keni disa header kjo është kllapa,
H1, kllapa, sigurohuni që kur ju jeni bërë me këtë,
ju mbyllni atë header.
Vlereso faqen tuaj me W3 Validator.
Nëse ju nuk e mbyllni tags tuaj, ju mund të merrni sjellje të papritur.
Ai do të thonë se faqja juaj është i pavlefshëm në qoftë se ju drejtuar atë nëpërmjet kësaj validator.
Pra, kur në doubt-- dhe sidomos në këtë javë dhe të ardhshme jave
pset-- në të njëjtën mënyrë që ne kërkojmë që ju të përdorni të kontrolluar 50 dhe stil 50,
ju mund të mendoni për këtë si një nga kontrollet tuaja, OK?
>> Pra, në qoftë se ajo nuk do të kalojë W3 Validator.
Kjo është diçka që ne do të ju në bankën e të akuzuarve.
Ose unë jam i thënë ju të drejtë Tani, unë do të ju në bankën e të akuzuarve.
Pra, sigurohuni që vërteton.
Kjo nuk është e vështirë.
Ju vetëm të ngjitur në kodin tuaj dhe ajo ose do të thonë punë të mirë
ose ju jeni të humbur diçka në të njëjtën mënyrë
se stili i 50 ju tregon ku ju jeni messing up.
>> Dhe pastaj një gjë e fundit është që ju dëshironi për të ndarë
markup tuaj, e cila është e gjitha që HTML ose tekstin tuaj, dhe styling tuaj.
Pra, ne do të bëjmë një shembull e kësaj të drejte pas kësaj.
Pra, HTML dhe CSS duhet të jenë të ndara.
Dhe ne jemi duke shkuar për të folur në lidhje me MVC, e cila është Model View Controller,
javën e ardhshme.
Ju djema ndoshta duhet të mësojnë në lidhje me atë në leksion
nesër, nëse keni pasur tashmë të mësuar sot.
>> Dhe kjo është vetëm një lloj i një paradigmë që ne priren
për të përdorur kur të krijuar web faqet për të ndarë gjëra jashtë.
Ju mund të mendoni për atë në të njëjtën mënyrë që ne priren të funksioneve të veçanta në C
ku ne hash për të gjetur gjëra.
Kjo është vetëm një mënyrë për të e bëjnë jetën tuaj më të lehtë.
Ajo ndan nga atributet ose kodin që ju do të jetë duke përdorur pa pushim,
por në këtë mënyrë, atë lloj e mban atë të mirë dhe i zoti.
Dhe në qoftë se ju doni të ndryshoni një gjë, të ndryshojë një herë
dhe kjo është ndryshuar kudo tjetër.
Pra, kjo është më shumë për të tuaj lehtësi dhe fleksibilitet.
>> Pra, me CSS, ajo është shumë e ngjashme në HTML, por në vend të etiketave
që unë përmenda vetëm tani, ne kemi përdorin atë që quhet syresh.
Dhe ata në thelb vetëm lloji i shoqërojnë një kod të caktuar
në HTML me atributet e ndryshme.
Dhe kur them atribute, dua të them gjëra të tilla si font ngjyra, stil font,
ngjyra e sfondit, ngjyra e tekstit tuaj.
Këto llojet e gjërave.
Ashtu si në qoftë se ajo është në qendër, në qoftë se është jashtë në të djathtë,
nëse është e inverted-- gjitha këto gjëra cool.
Çdo gjë stilistike që ju të bëni për tekstin tuaj,
kjo është ajo që dua të them me atributet.
>> Dhe pastaj dy gjëra kryesore për të dini është se selectors-- dy të factors-- kryesore
janë ID, e cila është unik.
Ju mund të përdorni vetëm se për një gjë.
Përndryshe, ajo do të çirrem në ju.
Dhe kur ne define atë në një skedar CSS, ajo do të
të jenë ID hash dhe pastaj ajo që atributet që ne duam.
Unë premtoj ne do të të kalojnë nëpër një shembull.
Kjo do të bëjë shumë më tepër kuptim.
>> Klasa mund të referohen për blloqe të shumta.
Kështu që ju mund të ketë tuaj paragrafi i parë dhe i tretë
kanë të njëjtin lloj të atributeve nëse ju i shoqëroni ato me të njëjtën klasë.
Dhe kur ne të përcaktojë ato në CSS, ne bëjmë një dot klasë,
me klasë të qenit çfarëdo ju dëshironi që ajo të jetë emëruar.
>> Kështu që unë e di se kjo është e drejtë tani shumë abstrakte.
Kjo është arsyeja pse ne jemi duke shkuar për kodin.
Unë e di ju djema duan se, dhe ju të gjithë jeni
do të më ndihmojë, sepse kjo është faqja juaj web.
Kjo është web faqja Sektorit tonë, djema.
Pra, a ka ndonjë pyetje para se të fikur PowerPoint, apo ndonjë gjë
ju doni mua për të lundruar përsëri që para se të fillojmë kodim?
>> AUDIENCA: Kur ju thoni tags ndeshje, do të thotë selectors apo etiketa?
ALLISON BUCHHOLTZ-AU: Ju mund të mendoj se prej tyre si të njëjtën gjë.
Është vetëm fjalë të ndryshme.
Unë do të thotë, si selektorë.
Por selectors gjithashtu hartë për tags.
Kështu që ju mund të mendoni për to, si efektivisht të njëjtën gjë.
Unë premtoj se do të bëjë më shumë ndjenjë kur ne kodin.
Çdo gjë nga PowerPoint ose ndonjë pyetje
tani para se ne të vërtetë krijuar faqe SEKSIONI tonë?
Gjithkush gati?
Ftohtë.
>> Kështu që unë kam një filluar.
Më lejoni të rrisë font për ju djema.
OK, kështu që tani për tani, ne vetëm kemi një kockat zhveshur web faqe të drejtë këtu.
>> Ne kemi disa HTML.
Ne kemi disa kokë, të cilat ne shikoni këtu si shembull i web faqes.
Disa titulli, disa font.
Këto janë tags, OK?
Pra, kur Unë do të thotë mbyllni tags tuaja, ne shohim këtu këtë kreu kllapa është hapja juaj
tag, dhe kjo kllapa / Kokë është e mbyllur atë, OK?
>> Kështu që ju mund të mendoni për këtë si formatimin e teksteve tuaja në qoftë se kushtet tuaja
ose tuaj për sythe.
Nëse ju keni një të tillë në fillim, ju doni një në fund.
Ajo do të vazhdojë të punojë më të madhe të kohës në qoftë se ju nuk keni një tag të mbyllur,
por praktika më e mirë është të mbyllë tags tuaj.
>> Pra, në këtë rast, le të ndryshojë këtë.
Ne do të kemi seksionin shtatë.
"Seksioni Webpage."
Kështu që unë jam vetëm duke shkuar për të ndryshuar këtë.
>> Dhe në qoftë se ne do të shkojmë mbi këtu dhe ne Gotta reload-- ruani dhe reload--
vërejmë se deri këtu ajo ndryshoi, e drejtë?
Ftohtë.
Pra, kjo ndryshon titullin.
Kjo është çdo gjë që është në skedën tuaj.
>> Pra, kjo është lloj i në kërkim të lloj të mërzitshëm.
Unë nuk e di në lidhje me djemtë.
Unë mendoj se ne duam diçka tjetër këtu.
>> Pra, ajo që ne mund të bëjmë është header është vetëm atje.
Le të bëjmë një lloj të trupit.
Pra, ne kemi një trup ketu.
Unë gjithmonë e bëj të hapur dhe mbyllur tags mia për të filluar,
në të njëjtën mënyrë që unë bëj formatimin e teksteve.
Ah.
Prisni, çfarë?
>> Audienca: [padëgjueshme].
ALLISON BUCHHOLTZ-AU: Ah.
Ju djema mori mua.
Punë të mirë.
Yll Gold.
>> OK, kështu që ne kemi një trup ketu.
Dhe tani le të fillojë duke shtuar disa tekst.
Pra, ju keni një çift të ndryshme Opsionet për të shtuar tekst.
Ne kemi gjëra të tilla si headers.
Ne kemi tekst vetëm normale.
Pra, le të fillojë vetëm me një kokë.
Në fakt, në qoftë se ju djema doni për të tërhequr deri HTML W3 shkollor,
ju mund të lloj të shikoj dhe nëse ka ndonjë gjë
veçanërisht se ju doni të provoni me këtë web faqe, ne mund të bëjmë atë.
Pra, në këtë rast, le të vetëm të bëjë disa H1.
Pra h1 është si kokë lartë.
Kjo do t'ju japë diçka që është shumë e madhe dhe të guximshme.
>> Dhe në këtë rast, ajo që duam për tekstin e parë në faqen tonë të internetit?
Çdo gjë.
Ju djema do të krijojë këtë.
Unë jam vetëm duke shkuar për të tipit.
AUDIENCA: Mirë se vini.
>> ALLISON BUCHHOLTZ-AU: Mirë se vini.
OK, kështu që në qoftë se ne të shpëtuar atë dhe rifreskoni, ne kemi një mirëseardhje e madhe e madhe.
Pra, vetëm kështu që ju mund të shihni dallime, le të bëjë diçka në h6.
Çfarë duam të drejtë këtu?
E drejtë?
>> OK, kështu që vetëm kështu që ju mund të të shihni ndryshim.
Yeah, Sublime.
Pra, nëse ju njoftim, H1, shumë, shumë të mëdha.
h6, si të guximshme, por shumë më të vogla, dhe ju keni gjithçka në mes.
Kështu që ju mund të keni H2, H3, H4.
Dhe këto janë vetëm headers, kështu që nëse ju jeni duke u përpjekur
për të krijuar një faqe web që ka seksione të ndryshme,
ndoshta ju doni të përdorni headers në atje diku.
>> Ftohtë.
Pra, ne do të shtoni disa më shumë gjërat në trupin tonë.
Unë shoh se ajo do të jetë i sjellshëm e ftohtë në qoftë se kemi pasur një foto.
Unë ndjehem si të gjithë mund të përdorni ndoshta një foto e bukur lepur të drejtë në lidhje me tani,
kështu që ne jemi duke shkuar për të gjetur një foto lepur parë.
>> Unë nuk e di nëse ju djema keni ndonjë Preferencat për të cilin ne e duam.
A keni ndonjë preferencat?
Kjo këtu?
Poshtë.
OK.
Se një është.
Zgjedhje të mirë.
>> OK, kështu që ne jemi duke shkuar për të parë imazhin tonë.
Shikoni në atë.
Shikoni në atë gjë adorable.
Si mund të jeni të trishtuar në një e hënë me këtë?
>> Pra, ne jemi vetëm duke shkuar të kopjoni imazhin URL.
Dhe ajo që ne duam të bëjmë është, le të vetëm thonë se ne kemi disa p për paragrafin.
Ne jemi duke shkuar për të thënë: "Ja shikoni në lepur cute.
d'awwww ".
I dua bunnies mia.
Unë kam një lepur në shtëpi.
I miss lepur tim.
Pra, ajo që ne jemi duke shkuar për do-- Unë nuk e di nëse ju djema doni
në google this-- por me HTML, se si mund të përfshijë një imazh?
Fjalë për fjalë, në qoftë se ju google "Përfshijnë imazhit HTML,"
Pse nuk djema të më thoni çfarë duhet të jetë ky tag?
>> AUDIENCA: img source--
>> ALLISON BUCHHOLTZ-AU: img source--
AUDIENCA: --equals--
ALLISON BUCHHOLTZ-AU: --equals--
AUDIENCA: --quote-- vërtet.
ALLISON BUCHHOLTZ-AU: Perfect.
Bukuroshe.
Shih, brez MySpace, apo jo?
Audienca: Neopets.
ALLISON BUCHHOLTZ-AU: Neopets.
Oh, OK.
Wow.
Ajo ka qenë i çmendur.
OK.
>> Pra, sigurohuni që unë të marrë këtë të drejtë.
Ftohtë.
Pra, kjo duhet të jetë këtu.
Dhe pastaj, nëse ne të rifreskoni, ne kemi tonë lepur në faqen A nuk është kjo adorable?
>> Kjo është aq e bukur.
Keni zgjedhur një të madh, foto e madhe.
Unë jam gërmimi atë.
>> OK, kështu që ne kemi këtë lepur adorable tani.
Ne ishim në gjendje për të shtuar një image, ashtu si kjo.
Pra, në thelb, nëse ka ndonjë imazh ju doni të shtoni në faqen tuaj të internetit,
ju mund të shtoni atë vetëm si kjo.
Një tjetër gjë që do të jetë në qoftë se ju keni imazhin ruajtur
në të njëjtën dosje si kjo fotografi, ju mund vetëm të
shkruani çfarëdo emrin e atij imazhi është në vend të paturit e një lidhje web.
>> Ajo do të jetë ende në thonjëza.
Ajo do të jetë vetëm si nëse do të kishim quajtur this--
nëse kjo foto ishte shpëtuar në dosje me këtë skedar HTML
se unë jam redaktimi dhe atë u quajt bunny.jpg.
Ne gjithashtu mund të bëjë atë dhe kjo do të shfaqen.
Megjithatë, unë nuk kam këtë ruhen në fotografi dhe unë dua për të mbajtur lepur,
kështu që ne jemi duke shkuar për të mbajtur lidhjen.
>> AUDIENCA: Çfarë është rabbit.org?
>> ALLISON BUCHHOLTZ-AU: rabbit.org.
Kjo është një appropriate-- shikoni, ju mund ta miratojë atë.
Miratimi.
bunny.jpg.
Unë dua ta miratojë këtë lepur.
Oh, zot, ajo është aq e bukur.
>> OK, kështu që ne kemi shtuar headers.
Ne kemi shtuar një foto.
Natyrisht, ne kemi shtuar disa tekst këtu, apo jo?
Nëse ne të kërkuar për të shtuar të tjera tekste, ne do të shkojnë si kjo.
Pra, kjo është një tjetër paragraf.
>> Dhe ne themi "kjo është një tjetër paragraf."
Gjithashtu, unë jam një speller tmerrshme, kështu që unë mund të misspell gjëra.
Vetëm FYI.
>> Pra, ne kemi një tjetër paragrafi këtu, apo jo?
Pra, ndoshta ju doni të bëni diçka pak më shumë interesante se vetëm
kanë të gjithë tekstin tuaj, si një linjë të drejtë.
Ndoshta ju doni të qendrës tekstin tuaj, OK?
>> Pra, nëse dikush dëshiron të përdorë ato kompjutera dobishëm në frontin e ju
dhe më tregoni se si jeni do të përqendrohen në këtë tekst,
>> AUDIENCA: p align.
>> ALLISON BUCHHOLTZ-AU: Pra p align barabartë "qendër".
Ai është vrarë atë, djema.
Y'all nevojë për të rritur.
Dhe ne kemi "Kjo është në qendër."
Dhe tani ne kemi diçka të përqëndruar.
>> Në të njëjtën mënyrë, në qoftë se ju duan që ajo la një linjë,
ju mund të bëni të barabartëve lidhur majtë, align barabartë drejtë.
Krejtësisht e deri te ju.
Në qoftë se kam bërë këtu, atëherë kjo should-- tani kjo është një linjë të drejtë.
>> AUDIENCA: Allison?
Sipas burimit imazhit, pse nuk është aty afër nga burimi img?
ALLISON BUCHHOLTZ-AU: Më vjen keq.
Kjo duhet të jetë e atje Tani ju jeni të mirë.
Tani ne jemi të mirë.
AUDIENCA: A nuk e keni për të mbyllur atë atje, apo jo?
ALLISON BUCHHOLTZ-AU: Well, kështu img burimi, kjo është just-- me imazhin,
kjo është parë vetëm si një element, ndërsa nëse vëreni për pjesën tjetër të tyre,
ne kemi disa tag pastaj informacionin që kjo ka të bëjë për të dhe pastaj të një tag mbylljes.
Por me imazhin, çdo gjë është vetëm lloj i vetë-përmbante.
Ftohtë.
Pra, ju djema e di se si për të krijuar një header, ju e dini se si të tekstit të dhëna,
ju e dini se si të vënë një imazh në tani, ju mund të lidhur gjërat.
>> Një tjetër gjë që ju mund të duan të jenë në gjendje për të bërë
është për të krijuar një listë në CS-- jemi lloj i shkon në pset javës së ardhshme.
Sende që ne zakonisht mësojnë këtë javë
shkon me të vërtetë mirë me pset javës së ardhshme, kështu që ne jemi
lloj i përzierjes, mbivendosje gjëra këtu.
Por kjo do të jetë e dobishme për javën e ardhshme.
>> Pra, nëse ne të kërkuar për të krijuar disa lista, si mund ta bëjmë këtë?
Ju nuk mund të përgjigjeni në këtë kohë.
Dikush tjetër ka për të.
Kjo nuk është e vështirë, djema, premtimin.
Google "lista e parenditur HTML."
Çfarë është kjo?
>> Audienca: [padëgjueshme].
ALLISON BUCHHOLTZ-AU: E drejta.
Pra, nuk duam urdhëruar apo parenditur?
Le të bëjmë një parenditur.
Pra, ne kemi disa ul, i cili qëndron për paorganizuar Lista.
Dhe çfarë kemi për secilin element?
A ka nevojë për etiketën e vet?
A mund ne vetëm të filloni të shkruani gjëra?
>> AUDIENCA: li.
>> ALLISON BUCHHOLTZ-AU: li.
Pra, çfarë është lista jonë do të jetë?
Çfarë duam këtu?
Ne vetëm të bëjë emra.
Vetëm të bëjë Jakobit.
>> Ushqime Lepuri: AUDIENCA.
>> ALLISON BUCHHOLTZ-AU: ushqime lepuri.
OK I pëlqen këtë.
Ushqime Rabbit.
>> OK, kështu që ne kemi karrota.
Më pëlqen këtë temë lepuri.
Unë jam gërmimi atë shumë.
AUDIENCA: Në fakt, kam menduar Jakobi do të jetë një legit.
ALLISON BUCHHOLTZ-AU: Jacob?
Jakobi është ushqim lepuri.
Nëse ju pashë Jakobit foto nga orarit të punës,
ju mund të keni menduar se ai mori sulmuar nga një lepur vrasës.
>> AUDIENCA: Unë kam një lepuri tani.
Unë kam një lepur vrasës tani.
>> ALLISON BUCHHOLTZ-AU: A jeni kidding me?
>> AUDIENCA: Unë do ta sjellë atë seksion tjetër.
Unë kam atë.
>> ALLISON BUCHHOLTZ-AU: Kjo është qesharake.
Anyway.
>> Audienca: [padëgjueshme]
>> AUDIENCA: Po, Proctor im ka një lepur si.
>> ALLISON BUCHHOLTZ-AU: Unë dua një lepuri.
OK, kushdo që sjell një lepur të vërtetë për Seksioni tjetër, gjithsej pikë brownie.
Audienca: [padëgjueshme]
AUDIENCA: Oh, kjo nuk është e vërtetë.
Kjo është një lepur i mbushur.
>> ALLISON BUCHHOLTZ-AU: Oh vërtet, ne mund të mbyllë këto.
Duket rad.
AUDIENCA: A ka të vërtetë rëndësi?
ALLISON BUCHHOLTZ-AU: Nuk ka.
Me shumicën e këtyre gjërave, ju nuk e mbyllë tag,
99% e kohës asgjë e keqe po ndodh të ndodhë, por kjo është në stilin e mirë, too.
Pra Jakobit.
Dhe ne kemi marule.
AUDIENCA: Për lidhje, është vërtet e rëndësishme.
ALLISON BUCHHOLTZ-AU: Hm?
AUDIENCA: Për hyperlinks.
ALLISON BUCHHOLTZ-AU: Për të hyperlinks.
Po, hyperlinks nevojë.
OK, kështu që le të shohim këtu.
Dhe ne kemi afërt e listës sonë.
Dhe ne e shohim në atë.
Ne kemi all-- Jakobin, e drejtë atje.
Ushqim lepuri.
Më kujton Bunnicula.
>> Audienca: [padëgjueshme]
ALLISON BUCHHOLTZ-AU: Unë jam duke e çuar përsëri të gjitha referencat e vjetra shkollore sot,
nuk kam?
Vetëm të gjitha referencat e vjetra shkollore.
Duhet të ketë sjellë si Gogurts ose diçka për të snacks.
>> AUDIENCA: Ose Gushers.
ALLISON BUCHHOLTZ-AU: Oh.
OK.
Unë do të shohim nëse unë mund të gjetur poshtë Gushers për javën e ardhshme.
Unë mendoj se unë mund ta bëjë këtë.
Unë mendoj se ne mund të kemi disa në zyrë.
>> OK, kështu që ne kemi mbuluar një shumë të ndryshme gjëra që ju mund të bëni me HTML, e drejtë?
Dhe si ju ndoshta mund të shihni, është e nothing-- shpresë, jo shumë intim--
në qoftë se ajo është, unë nuk do të thotë për pakëson askënd.
Nëse ju jeni ka probleme, ju lutem të vijë flasin për mua.
>> Por shumica e saj është vetëm duke kërkuar në sintaksë, e drejtë?
Nëse doni një listë të renditura, në qoftë se ju doni një lloj të listës,
në qoftë se ju doni për të lidhur diçka apo format diçka, kjo është e gjitha për vetëm
lloj i shikuar lart Sintaksa për HTML, e drejtë?
Dhe një gjë që është e pretty cool vërtetë
është në qoftë se ju shkoni to-- le të shohim, çfarë është një website mirë që ne si?
Dikush ka ndonjë faqet e internetit të preferuar që janë në rregull për të sjellë online?
Ju e dini se çfarë, le të vetëm të bëjë CS50.
Kjo është e bukur dhe të sigurt, e drejtë?
>> OK, kështu që CS50 këtu.
Oh shikoni, ka një seksion tani.
Nëse ju pëlqen mënyra se duket.
>> Audienca: [padëgjueshme].
ALLISON BUCHHOLTZ-AU: Ne nuk jemi do të bëjë pjesën meta, djema.
Kjo nuk po ndodh.
Ajo do të jetë i ftohtë, por ne nuk jemi duke shkuar për të bërë atë.
>> Pra, çfarë ju mund të të bëni nëse ju pëlqen mënyra
punon kjo është që ju mund gjithmonë të drejtë kliko mbi çdo web faqe që ju pëlqen
dhe ju mund të bëni View Page Source.
Kjo do të sjellë deri të gjitha HTML të.
Dhe kjo është në fakt një të vërtetë të mirë mënyrë të stilit vetë faqen tuaj web.
Shkoni në një faqe interneti që ju të vërtetë si dhe të kërkoni në HTML
dhe të kuptoj se si ata e bëri atë.
>> Dhe fjalë për fjalë, për aq kohë si ju përmendin gjëra,
për aq kohë sa ju nuk jeni vetëm vjedhur nga njerëzit, kjo është OK.
Sidomos për CS50 [? financuar?], ne jemi
lloj i pritur që ju të merrni frymëzim nga website të tjera.
Pra, të ndjehen të lirë.
Shikoni nëpër faqet e internetit të cilat ju mendoni se jeni të vërtetë bukur
dhe të kuptoj se si ata përdorin HTML dhe CSS për të bërë këto gjëra.
>> Pra, siç e shihni këtu, nuk është e qartë si lidhje dhe ne kemi një klasë këtu.
Ne kemi një lidhje këtu.
Ne kemi një listë.
Ne ndoshta kemi disa fotografi në këtu diku.
>> Ne kemi marrë një stil të ftohtë këtu.
Kjo është gjë tjetër ne jemi duke shkuar për të bërë.
Pra stil, sa herë që ju shihni këto kllapa stil, kjo është në thelb CSS.
Ben, nuk keni një pyetje?
>> AUDIENCA: Çfarë është div?
>> ALLISON BUCHHOLTZ-AU: div është vetëm a-- çfarë është div?
AUDIENCA: Division.
ALLISON BUCHHOLTZ-AU: Division.
Yeah, kjo është vetëm si ndan elemente të ndryshme.
OK, kështu që këtu është ajo që ne jemi do të shkojë në të ardhshëm.
Pra, kjo nuk mund të jetë e mirë style sepse, në qoftë se ju vëreni
ne kemi HTML dhe stil në të njëjtën faqe, dhe ne të vërtetë duan për të ndarë ato,
OK?
Dhe në fakt, më lejoni të hapur një të djathtë
sepse kjo është menduar të jetë PDF, kështu që ne kemi style.css.
>> Pra, çfarë mund të bëjmë këtu është këto janë gjëra të ftohtë të tilla si disa zbehet
dhe ne mund të përpiqemi dhe të bëjë atë, por unë të ndjehen të si unë do të rrëmujë se deri në fluturojnë,
kështu që unë ju inkurajoj djema për shkoni provoni që në tuaj,
por unë nuk jam duke shkuar për të bërë atë të drejtë tani.
Pra, nëse ju djema, mos harroni, në qoftë se ju goditi ndonjëherë vendosur problemit,
diçka swoops nga ana.
Ajo ka të bëjë me zbehet dhe tranzicionit dhe gjësend.
>> AUDIENCA: Dhe kjo është e gjitha CSS dhe HTML?
>> ALLISON BUCHHOLTZ-AU: Gjithë CSS dhe HTML.
Po.
Kështu që ju mund të bëni një shumë të vërtetë gjëra të freskët me CSS dhe HTML.
Pra, me të tmerrshëm tonë web faqja lepur ketu, ne
do të bëjë pak bit e CSS styling me të.
>> Pra, nëse ju ndonjëherë keni një stil fletë, të cilat ne kemi këtu,
ju vetëm mund të telefononi style.css.
Ju mund të telefononi atë çdo gjë që ju dëshironi.
Çfarë është e rëndësishme është që ne jemi duke shkuar për referencë atë në web.html tonë këtu.
>> Pra, ajo që ne jemi duke shkuar për të bëni është të we-- kështu që unë nuk e bëj rrëmujë këtë up--
ne do të lidhin këto dy fotografi së bashku.
Pra, në të njëjtën way-- unë jam duke shkuar për të tërhequr një analogji me C këtu.
Në të njëjtën mënyrë që në qoftë se ju keni disa library-- dhe ne kemi cs50.h--
përpilues tonë e lidh këtë.
Kjo është vetëm një eksplicit Lidhje nga ana jonë.
Pra, në të njëjtën mënyrë që ne bëjmë hash përfshijnë disa fotografi, çfarë
Unë jam gati për të shkruar është vetëm HTML / CSS ekuivalent për këtë.
>> Ne jemi vetëm duke thënë, OK, kete web faqe do të përdorni këtë stylesheet, OK?
Pra, ne kemi lidhje rel barabartë me stylesheet.
Dhe pastaj ne kemi lloji, CSS.
Dhe pastaj href barabartë.
>> OK.
Pra, e gjithë kjo e bëri këtu ju mund të është të mendojnë për këtë si të njëjtën gjë
si një hash përfshijnë.
Natyrisht kjo duket pak më shumë komplikuar, por në të gjitha rastet,
kjo është efektivisht e njëjta gjë.
Pra, kjo është vetëm disa lidhja e një fletë stil, është e tipit text / css,
dhe emri i tij është style.css.
>> Çfarë është e rëndësishme të dini është se web faqe
se unë jam duke punuar drejtë now-- web.html dhe style.css-- janë në të njëjtën dosje.
Sepse në dosje të ndryshme, ju duhet të jepni rrënjë aktuale
për atë apo rruga në të.
Por në këtë rast, ne jemi duke e mbajtur atë super e thjeshtë dhe ajo do të jetë këtu.
Pra, nëse ne bëjmë atë, kam disa gjërat tashmë queued deri këtu.
>> Pra, ne kemi një trup, i cili do të ketë ngjyrën e sfondit tonë, e cila
tani është blu dritë.
Ne mund të ndryshojë atë, nëse duam, por nëse më kujtohet saktë këtë,
ajo duhet vetëm të ndryshojë atë në dritë blu.
Dhe tani ne kemi një sfond të lehta blu.
Dhe ne kishim here-- mund dikush kujtohet e cila është një ID hash ose klasë?
>> AUDIENCA: ID.
>> ALLISON BUCHHOLTZ-AU: ID.
Ftohtë.
Pra, ajo që ne duam të bëjmë është se cili prej këtyre fonts
ose which-- duam "Shikojeni lepur cute "të purpurt?
Unë mendoj se ne duam që të jenë të purpurtë.
Unë jam goxha poshtë me atë të qenit purpurtë.
>> Pra, çfarë ju bëni është që ju të bëni ID equals-- në këtë rast
Unë i thashë, çfarë, ngjyra e bukur këtu.
Ne reload.
Të gjitha të papritur, është purple.
OK, kështu që me ID, mos harroni ajo duhet të jetë unike,
kështu që unë nuk duhet të jetë duke përdorur ky ID kudo tjetër.
Por me klasë, si ne kemi këtu me një font të bukur,
Unë duhet të jetë në gjendje të përdorin se kudo që unë dua të.
>> Pra, le ta bëjmë këtë këtu.
Pra, ne mund të themi klasë të barabartë të bukur font.
Dhe në qoftë se ne e shohim tani, ne kemi kjo goxha font ftohtë këtu.
Kështu që ndoshta unë dua të bëj të dyja.
OK, unë në fakt nuk e di nëse kjo është e do të punojë, por unë dua të provoni atë.
Dhe kjo është se si ju të mësoni CSS dhe HTML.
Ju jeni si, ju e dini atë, unë dua të provoni këtë.
Unë nuk jam i sigurt nëse ajo do të punojë.
Le të shohim nëse ajo punon.
>> Dhe shikoni në atë.
Tani ajo është në purpur dhe kjo është një font goxha.
OK, kështu që ju keni të gjitha këto gjëra të ndryshme që ju mund të bëni.
A keni një pyetje?
>> AUDIENCA: Po.
E pra, ashtu si ngjyra ju jeni duke përdorur janë fjalë.
A ka ndonjë mënyrë për të bërë ngjyra me heksadecimal RGB?
ALLISON BUCHHOLTZ-AU: Ju gjithashtu mund të bëjë atë me hexidecimal, unë besoj.
Po.
Por kjo është lloj i mirë në qoftë se ju nuk duan të duken ato.
Ju mund të jetë vetëm si, vjollcë ose blu.
AUDIENCA: Le të shpresojmë se ata e di se çfarë do të thotë.
ALLISON BUCHHOLTZ-AU: E drejta.
Pra, le të bëjmë këtë lexim apo chartreuse.
Pse do të keni ndonjëherë të zgjidhni Chartreuse?
Është një ngjyrë interesante.
>> OK, kështu që natyrisht që ne mund të shohim ne mund të ndryshojnë gjërat megjithatë ne duam.
Nëse dëshironi të create-- le të themi kemi dashur për të krijuar një klasë.
Çfarë mund të ju djema doni të ndryshoni?
Nëse ju tërheq lart W3Schools ' Dokumentacioni CSS,
I lënë fjalën për ju djema.
Ne mund të përpiqemi dhe të bëjë diçka të ftohtë me këtë në dy të fundit e minuta.
Sepse unë ju kam dhënë lloj a përplasje kurs në një shumë gjëra të ftohtë
që ju mund të bëni.
Por në fund, siç kam thënë, në qoftë se ju thjesht eksperiment, ju do të mësoni shumë.
>> AUDIENCA: A ju kërkoni që font?
>> ALLISON BUCHHOLTZ-AU: Po, I shikuar deri në këtë font.
Pra si fjalë për fjalë, unë shkoi to-- çfarë të bëj?
Unë e bëri CSS listën font, dhe atëherë kam bërë font rafte,
dhe pastaj unë kam qenë si, shikoni, këtu janë të gjitha fonts ftohtë që ju mund të bëni.
Dhe ishte kjo, kështu I kopjuar atë në clipboard tim.
Dhe atëherë unë kam qenë si, OK, cool, atje ne do të shkojmë.
Të gjitha të bërë.
>> Audienca: Pra, ju nuk keni për të bërë të sigurtë kjo CSS e di se çfarë font është.
>> ALLISON BUCHHOLTZ-AU: Po.
>> AUDIENCA: Çfarë është ajo thonë se në fund?
Kursiv?
>> ALLISON BUCHHOLTZ-AU: kursiv.
Po.
>> AUDIENCA: image Historiku.
>> ALLISON BUCHHOLTZ-AU: image Historiku.
OK.
Pra, ju doni të më tregoni se si ta bëni këtë.
I lënë këtë për ju.
Unë jam vetëm shtypni këtu tani.
Rrota është në duart tuaja.
>> AUDIENCA: OK
>> ALLISON BUCHHOLTZ-AU: OK.
Çfarë jam unë duke bërë?
>> AUDIENCA: Doing-- Unë e di se çfarë vjen pas mbajtëse kaçurrel.
ALLISON BUCHHOLTZ-AU: OK.
Pra, ndoshta në trup, do të marrë, sepse ne jemi
bërë me imazhin e sfondit.
>> AUDIENCA: Po, le ta bëjmë atë.
>> ALLISON BUCHHOLTZ-AU: OK.
AUDIENCA: OK, kështu sfond zorrës, dhe pastaj ne
nevojë për një adresë URL e këtij imazhi.
Ndoshta pseudo-kodin që tani për tani, ndoshta.
>> ALLISON BUCHHOLTZ-AU: Çfarë do të ju pëlqen të më to--
AUDIENCA: Unë jam duke menduar si një GIF.
ALLISON BUCHHOLTZ-AU: A GIF?
Kjo do të jetë interesante.
OK, çfarë jam unë googling këtu?
>> AUDIENCA: Jo, kjo është zgjedhja juaj.
>> ALLISON BUCHHOLTZ-AU: Pse nuk we-- qoftë se kjo është një lepur,
Unë ndjehem si ne duhet të kemi një lëndinë e bukur me bar apo diçka.
>> AUDIENCA: Meadow.
Një livadh.
>> ALLISON BUCHHOLTZ-AU: Një livadh?
OK.
AUDIENCA: Ose Rachel Maddow.
ALLISON BUCHHOLTZ-AU: Kjo duket goxha.
Oh, kjo është e vogël, edhe pse.
Ne kemi nevojë për një imazh të mirë me permasa.
Le të shohim.
Oh, shikoni.
Kjo është një livadh e bukur.
Ju e dini se çfarë, unë si këtë.
Le të kopjoni këtë.
>> AUDIENCA: OK, kështu që unë mendoj se është URL, kllapa të hapura.
>> ALLISON BUCHHOLTZ-AU: OK, URL.
>> AUDIENCA: Pastaj adresa.
>> ALLISON BUCHHOLTZ-AU: OK.
Është se të gjithë ne kemi nevojë?
>> AUDIENCA: Mbylle kllapa pikëpresje, dhe pastaj hapësirë, ndarëse sfond
zorrës së trashë attachment fikse, dhe mbajtëse kaçurrel.
>> ALLISON BUCHHOLTZ-AU: OK.
Le të shohim nëse që punon.
Ajo do të jetë goxha ftohtë në qoftë se ajo bën.
Unë jam i gëzuar të vërtetë të drejtë këtu.
Ajo nuk ka punë.
Unë pyes veten pse.
AUDIENCA: Ndoshta URL duhet të jetë në kuotimin.
ALLISON BUCHHOLTZ-AU: Ndoshta.
Dhe kjo është se si ne mësojmë, djema.
>> AUDIENCA: A mund të kemi prejardhje ngjyra dhe background image?
>> AUDIENCA: Jo
Një zëvendëson tjetër.
>> ALLISON BUCHHOLTZ-AU: I dunno.
Le të shohim.
Le të kontrolloni it out dhe shikoni.
>> AUDIENCA: Oh, ndoshta, vërtet.
[Bashkëvendosur Zërat]
>> ALLISON BUCHHOLTZ-AU: OK, kjo është obviously-- I [padëgjueshme] ketu.
Pra OK.
AUDIENCA: attachment Historiku.
ALLISON BUCHHOLTZ-AU: Ah.
>> AUDIENCA: OK, unë nuk e di.
ALLISON BUCHHOLTZ-AU: It duket si ajo duhet të punojnë.
A jeni i sigurt se është e trashë pas URL?
>> AUDIENCA: Jo, është e pikëpresje.
ALLISON BUCHHOLTZ-AU: Është pikëpresje.
AUDIENCA: A them zorrës së trashë?
ALLISON BUCHHOLTZ-AU: Ju thatë një zorrë e trashë.
AUDIENCA: Oh no.
ALLISON BUCHHOLTZ-AU: Nuk ju shkoni.
AUDIENCA: Oh, prisni, tani ne nuk mund të lexoj tekstin.
ALLISON BUCHHOLTZ-AU: Tani ju nuk mund të lexoni tekstin,
por ne kemi imazhin e sfondit.
Mmhmm?
>> AUDIENCA: A HTML mbështetur përmbajtje dinamike?
Si, ju mund të resize atë foto në varësi të madhësisë dritares,
ose është se një CSS--
>> ALLISON BUCHHOLTZ-AU: Pra, CSS ka për të bërë këtë.
Pra, nëse ju djema janë të interesuar për të mësuar CSS përparuar,
Unë jam bashkë-mësim a seminar mbi CSS në 7.
Dhe unë premtoj se do të të jetë shumë më në thellësi
dhe të bëjë shumë më të freskët gjërat në këtë seksion.
Dhe bashkë-mësuesi im është si gjithsej fund para web dev mjeshtër.
Pra, kjo do të jetë goxha ftohtë në qoftë se ju dëshironi për të mësuar në lidhje me të gjitha gjërat e ftohtë
që CSS mund të bëjë.
>> Por ajo që ne kemi këtu me dëshira e tij background
fixed-- kështu që është një size-- fikse por ju mund të vërtetë dynamically--
në qoftë se ju shihni ndonjëherë faqet e internetit, si shumica e faqet e internetit të mirë do të bëjë,
kur ju përshtateni Madhësia e shfletuesit tuaj,
ajo rregullon sfond ose sa është treguar ose reformats gjërat, apo jo?
Pra, kjo është ajo që ne e quajmë Pozicionimi relative.
>> Dhe CSS fakt mund të rrëmbej sa e madhe tuaj shfletuesi gjerësia është apo sa gjatë është,
dhe ju mund të pozicionojë gjëra sipas përmasave relative
kundrejt madhësive absolute.
Dhe kjo është padyshim më e avancuar CSS, por kjo është diçka që ju mund të bëni.
Nëse doni të mësoni më shumë, vijnë në seminarin tim.
>> Pra, kjo është diçka që ju mund të bëni.
Dhe CSS mund të vërtetë do-- CSS dhe JavaScript,
të cilat ne do të merrni në tjetër week-- mund të ju lejojnë të ndryshojë dinamikisht
faqe pa pasur nevojë për të ringarkoni atyre gjatë gjithë kohës.
Dhe ju merrni për të bërë disa gjëra pretty cool.
>> Pra, a ka ndonjë gjë se ju djema mund të dëshironi të bëni
ose ndonjë gjë që ju doni të eksploruar?
Ne kemi 10 minuta të mbetura.
Ne gjithashtu mund të lënë në fillim, por nëse ju doni të bëni disa gjëra më shumë web,
ne mund të, por unë nuk jam do të detyrojë që ju të.
Por ne mund të hani vetëm karamele.
AUDIENCA: Highlight tekstin bardhë kështu që ju mund ta lexoni atë.
ALLISON BUCHHOLTZ-AU: OK.
Pra, në këtë rast, ne duam disa p.
AUDIENCA: Duhet të bëjmë atë në Trupi kështu që vlen për tërë faqen?
ALLISON BUCHHOLTZ-AU: Po, ne mund të vërtetë.
Kjo është një ide e mirë.
Pra, ne bëjmë have-- ju e di se çfarë duhet të jemi?
Unë nuk e di nëse ne mund të bëjmë ngjyrën e tekstit.
Unë kam qenë duke shkuar për të përpiqen dhe të të krijojë një klasë këtu.
>> AUDIENCA: Si mund të merrni në mënyrë se ka sugjerime?
ALLISON BUCHHOLTZ-AU: Pra në qoftë se ju djema jeni të interesuar,
kjo është një tjetër tekst editor quajtur Sublime.
Ju duhet të jenë në gjendje të instaloni atë në pajisjen tuaj.
Ndonjëherë ajo merr një pak i ndërlikuar.
Nëse ju doni të ndihmuar me këtë, Unë jam super i lumtur për t'ju ndihmuar
me të, sepse gedit është e madhe dhe kjo është awesome për shkak se ju mund të përpilojnë atë
në fund, por unë me të vërtetë si Sublime sepse kjo është goxha
dhe kjo ka të bëjë gjëra si auto-plotë.
>> Kështu që ju mund të patjetër të ndjehen të lirë për të më lejoni të di nëse ju doni të bëni atë.
Nëse ju vetëm google "Sublime Teksti, "ajo zakonisht
ka udhëzime se si ta instaloni në sisteme të ndryshme operative.
Kjo është me të vërtetë cool, I mendoj se, sipas mendimit tim.
Kështu p.
Unë mendoj se unë mund të bëni vetëm text-- ose ne mund të bëjmë vetëm ngjyra është "e bardhë."
Atje.
>> Pra, ajo që kam bërë këtu është se unë nuk e ndryshojnë të gjithë tekstin.
Por p këtu është vetëm një tag që ne kemi, të drejtë?
Ky paragraf tag.
Kështu që unë vetëm të krijuar një element CSS që tha: OK, çdo gjë me këtë tag
p, të bëjë ngjyrë të bardhë.
>> Pra, nëse keni vënë re, ajo bëri kjo e bardhë dhe kjo e bardhë.
Ajo nuk ka bërë listën tonë të bardhë, sepse kjo nuk është e lidhur me këtë.
Ju mund të shkoni nëpër dhe ju mund të say--
>> AUDIENCA: A ngjyrën e sfondit.
>> ALLISON BUCHHOLTZ-AU: Ngjyra e sfondit?
>> AUDIENCA: Sfondi të tub në ngjyra ku ju vendosni tag p.
>> ALLISON BUCHHOLTZ-AU: OK.
Ju dëshironi që ajo të bardhë?
AUDIENCA: Mmhmm.
ALLISON BUCHHOLTZ-AU: OK.
Nuk ju shkoni.
AUDIENCA: Kjo është e çuditshme.
ALLISON BUCHHOLTZ-AU: Pretty cool, e drejtë?
Pra, nëse ju vetëm rrëmujë rreth, ju jeni duke shkuar për të mësuar shumë.
Dhe kjo mund të jetë mjaft i ftohtë.
Unë mendoj se është patjetër më shumë gratifying se ndonjëherë
sepse ju nuk duhet të presin për programin tuaj për të hartuar.
Ju mund të goditur vetëm Refresh dhe ju jeni si, oh, shikoni,
ai ka punuar, apo oh, unë jam ndoshta humbur diçka.
Dhe kjo është diçka që është me të vërtetë ftohtë në lidhje me këtë pjesën tjetër të klasës,
është definitivisht, unë mendoj, më të lehtë për të kontrolluar
si ju shkojnë së bashku rrugën kundrejt ka për të shkruar këto programe gjatë
dhe të cilët dëshirojnë dhe duke u lutur që punon në fund.
>> Pra, me këtë, unë mendoj se ju djema të gjitha duket e mirë.
Nëse keni ndonjë pyetje, si gjithmonë, vijnë flasin për mua, eja let me know.
Unë do të jetë e drejtë jashtë për të ardhshëm 15 minuta
në qoftë se ju dëshironi të bisedoni në lidhje me asgjë dhe çdo gjë.
>> Kështu që unë shpresoj se ju guys-- fat të mirë me këtë pset.
Afati i fundit është të premten në mesditë për shkak se ajo u lirua vonë.
Kështu që unë ndoshta do të shohim një shumë e ju djema të enjten,
por shpresojmë se jo.
Ndoshta ju do të keni bërë atë deri atëherë.
Unë do të jetë super krenar.
>> Por në qoftë se jo, unë do t'ju shoh të enjten.
Ju gjithashtu mund të përdorni një datë vonë, e cila shtrihet atë për të shtunën në mesditë.
Por unë don't-- huh?
>> AUDIENCA: Halloween.
>> ALLISON BUCHHOLTZ-AU: Është e Halloween, një, dhe b,
Unë nuk mendoj se ka do të jetë i orarit të punës të premten.
Pra, me të vërtetë do të përpiqet dhe për të marrë atë bërë nga E premte në mënyrë që ne të gjithë mund të festojmë
Fundjavë shenjtëroj.
Në rregull, unë do të shoh ju djema javën e ardhshme.