[Muzikos grojimo] ALLISON Buchholtz-AU: Gerai, visi. Sveiki sugrįžę į skyrių. Taigi, mūsų darbotvarkė šiandien vyksta per daug daugiau interneto dev stuff. Nežinau, kiek iš jūs matėte savo psets nes ji buvo išleista anksčiau šį rytą. Norėčiau kaip kiek žmonių skaityti spec, bet atsižvelgiant į tai, kad, kaip jūs jau visi iš, pavyzdžiui, septynias valandas žiūrėti į jį ir tai pirmadienis ir jūs tikriausiai turėjo klasę, Aš einu daryti prielaidą, kad dauguma iš jūsų ne. Jei turite, papildomi Ačiū. Jūs iš esmės padėti įgyvendinti paprastą interneto serveris C, kuris yra visiškai naujas pset, taip vaikinai gauti turi būti su jūrų kiaulytėmis. Ji ketina būti įdomus, laukiniai savaitę bet manau, kad tai bus smagu ir tai bus tikrai gera patirtis iš tikrųjų. Taigi, kad galėtų pasiruošti kad šiandien skyriuje, mes ketiname eiti chmod, TCP / IP, ir tada šiek tiek HTML ir CSS. 

Pabaigoje mes iš tikrųjų kodas iki paprasto tinklalapio kartu padėti Jums vaikinai natūra gauti daugiau susipažinę su tuo. Ir tada, jei turite ne pakėlė jūsų viktorinos, jie priešais, bet aš esu gana įsitikinęs, kiekvienas čia turi savo viktoriną. Ir taip pat dėl ​​šio rašto, sprendimai nėra iki dar, bet kaip tik mes finish-- patinka, Pastaruosius keletą žmonių, vartojančių savo quizzes-- jie bus iki. Jei turite kokių nors klausimų, tuo tarpu, nedvejodami rašykite man asmeniškai. Aš atsakyti su savo asmens klausimai, kaip aš visada daryti. 

Taigi dėl šio rašto, chmod. Taigi, iš esmės visi jus reikia žinoti apie chmod yra tai, kad manimi naudojama pakeisti failų leidimus, tiesa? Taigi, tai tik keletas sistemų Šiandien pakaks pakeisti leidimus, kaip ji sako, čia. Ir jei jūs kada nors nori pamatyti kokias jiems teises failas, o ne tik daro ls, galite tai padaryti ls -l. l stovi ilgai. 

Todėl jums padaryti ilgus visko, ir jis duos jums daug detalesnis informacija apie kiekvieną iš savo failus. Ir pamatysite something-- aš ketina praleisti į priekį už second-- bet pamatysite kažką panašaus į kad viršutinėje eilutėje yra kiekvieno failo. Ir mes eiti per ką tai reiškia. 

Taigi, iš esmės, pakeisti Jūsų failas leidimus, Jūs tiesiog norite naudoti chmod. Jūs galite galvoti apie tai, kaip bet kuri kita UNIX skambinti kaip ls ar CD ar Papuošalą. Tai tiesiog rūšies kito kaip skambutį. 

Taigi mes chmod ir tada mes Yra trys skaitmenys papras. Yra keletas būdų, kaip padaryti, jis, vienas iš kurių mes eisime virš. Bet paprastai, turėsite tris skaitmenų svyruoja 0-7 kiekvieną kartą. 

Taigi vienas dalykas, kad yra Trys skirtingi leidimai kad mes galime duoti kiekvieną failą. Ir tai skaitoma, o tai atstovaujamos r, kuri bus prasminga į šiek tiek; w, kuris yra rašyti; ir vykdomąjį, kuri yra x. Aš žinau, kad elektroninio vienas, vykdomąjį, gal ne pats jausmas, bet mes atstovauti jai su x. 

Ir kas tada atsitinka kiekvieną iš jų taip pat turi skaičių atstovavimą. Taigi, mes turime 1, 2, ir 4 dalys. Ir iš esmės tai, kas vyksta, yra kiekviena iš šių trijų skaičių čia atitinka kitoks rinkinys vartotojams kad tie leidimai yra susiję su. 

Taigi jūs galite galvoti, kad pirmasis skaičius atitinka faktinį vartotojas arba failo savininkas, antra numeris bus lygi į grupę, o paskutinis nuoroda pasauliui, gerai? Taigi, kas atsitinka, yra prisiminti r yra tie numbers-- 4, w yra 2, x yra 1, tiesa? This-- jei Apibendrinant tai aukštyn, kuri suteikia jums, kad pirmas numeris kad mes galime įvesti į mūsų chmod. 

Taigi šiuo atveju, ką būtų šis skaičius bus? Tai būčiau 4 plius 2 plius 1, tai yra 7, tiesa? Ir šiuo atveju, tai neturiu nieko, todėl tai čia būtų versti chmod 700, OK? Ir kas, kad yra ji suteikia visą Šių leidimų į jūsų vartotoją. 

Taigi tai reiškia, mūsų vartotoją gali daryti ką tik nori. Jie gali skaityti šį failą. Jie gali paleisti failą. Jie gali rašyti į šį failą. Bet grupė ir pasaulis, ne leidimai, išskyrus, gerai? 

Taigi dar vienas būdas rašyti, kad mes galime padaryti chmod iš trijų skaitmenų, kiekvienas iš kurių atitinka bet kokios sumos, arba kad specifinė grupė, specifinis pogrupis. Ar mes galime padaryti iš tikrųjų kitą daiktą. Prašome palaukti. Mes galime padaryti kažką su šiais čia. 

Kaip daugelis iš jūsų matė pavyzdį kur ji norėtų chmod pliuso x? Ar tu matei, kad paskaitos, manau? Taigi stovi visiems. Tai reiškia duoti visiems vartotojams, kurį aš pamiršau įdėti čia. 

Bet plius x, jei mes pastebėsite čia, jei mes darome į chmod-- ką grupė mes kalbu apie plius leidimai norime juos. Todėl tai gali būti plius arba minus. Plius prideda leidimą. Minuso atima leidimą. Pretty intuityvus, manau. 

Taigi plius x reiškia chmod. Taigi pakeisti visų žmonių teises Jei tai a-- Add teises. Ir x-- tai reiškia ką leidimą mes suteikti visiems. Skaityti, rašyti, arba vykdyti? 

AUDITORIJA: Įvykdykite. 

ALLISON Buchholtz-AU: Įvykdykite. Taigi, mes suteikiame visiems vartotojams leidimas vykdyti šį failą, gerai? Taigi ką daryti, jei mes norėjome padaryti kad su skaitine forma? Taigi nepamirškite jų skaitines, norime tris numerius. 

AUDITORIJA: 4. ALLISON Buchholtz-AU: Kas tai buvo? AUDITORIJA: 4. ALLISON Buchholtz-AU: Ne 4. AUDITORIJA: 0, 0, 4. ALLISON Buchholtz-AU: Na, mes norime duoti visiems vartotojams, ar ne? Taigi, mes ketiname turėti kiekvienoje angoje skaičius. Kad tai bus tas pats skaičius kiekvienoje lizdą nes mes tiesiog norime suteikti everyone vykdomąjį teises. Taigi vykdomąjį yra 1, bet teisingame kelyje. 

Taigi, jei mes chmod 111, kad būtų būti chmod pliuso x ekvivalentas. Ar tai prasminga visiems? Mes ketiname eiti per Pora pavyzdžių. 

Taigi didelis takeaway čia yra ne čia, bet tik reiškia duoti visiems vartotojams. u jei jūs tiesiog norite suteikti arba atimti specialaus leidimo vartotojas arba savininkas. g yra už grupės, kad vidutinio skaitmenų. Ir tada kiti gali galvoti apie kaip pasaulyje, tame paskutinio skaitmens. 

Taigi su tuo, mes pereiti į pavyzdį nes aš jaučiu, kaip pavyzdžių visada Kad visa lengviau suprasti. Taigi rwx-- mes perėjome this-- taip pat galėtų būti atstovauti kaip 700. Štai pavyzdys, mes pažvelgė ne daugiau paveikslėlyje. Taigi chmod 444 ant kai kurių failų suteiktų kokias jiems teises? Jūs buvote tikrai arti. AUDITORIJA: skaitymo visiems. ALLISON Buchholtz-AU: skaitymo. Taigi skaitymo visiems, tiesa? Ir kas tada kitas būdas tai padaryti? Jei mes norime padaryti chmod su arba R arba W s, plius ir minusų, kas būtų, kad kvietimas atrodo? Būtų chmod ką? 

AUDITORIJA: plius r. 

ALLISON Buchholtz-AU: plius r ant 5. Gerai, kad tai yra tas pats, kaip šis, tik du skirtingi vertimai to paties dalyko. Taigi su tuo, mes turime juos. Taigi aš noriu jums vaikinai išbandyti ir rašyti tai iš jų atvirkščiai natūra. 

Taigi su chmod 555, kas tai būtų kaip? Ar būtų pliusas ar u plius arba Papuošalą? U plius x, duok man tris numerius. Ir tada papasakok man apie kokias jiems teises mes iš tikrųjų suteikimo ir kas? 

Taigi, aš duosiu jums vaikinai du min dirbti, kad. Jauskitės laisvai kalbėti viena su kita. Tiems iš jūsų, kurie atvyko į mažai vėlai, yra saldainių ir marškinėliai. Mes trys marškinėliai kairėn ir turime Kit Kats ir pliūpsniais. Taigi nedvejodami ateiti patraukti kai šioje mažoje Interlude. 

Be to, paskutinis iš jų yra sudėtinga. Tai du chmods dėl paskutinis. Tiesą sakant, leiskite man baigti šį duris o vaikinai dirba, kad. Candy visada reikia pirmadienio popietę. 

Gerai, kad chmod 555. Kas kitas būdas, mes galime parašyti, kad? Any ideas? Taip. 

AUDITORIJA: plius rx. 

ALLISON Buchholtz-AU r plius rx. Norite paaiškinti, kodėl ji nori būti rx? 

AUDITORIJA: Kadangi jūs turite 5, kad: 4 plius 1, Štai perskaičiau plius vykdomąjį, ir tai visiems. ALLISON Buchholtz-AU: Teisė. Taigi tik pakartoti, 5 čia mes žinome, kaip 4 ir 1 suma, nes kiekvienas mūsų trio skaičius suma už tą pogrupyje leidimus, tiesa? Arba naudotojas, grupė arba pasaulis. Taigi šiuo atveju, mes žinome, kad 5 turi būti suformuotas ir 4 1. 

Ir 4 ir 1 atitinka skaitoma ir naudojama. Mes suteikiame jį visiems, todėl mes galime padaryti chmod pliuso rx. Ir akivaizdu, kad mes tiesiog nuėjo per ten pateiktus klausimus, todėl dabar šis failas yra vykdomasis ir įskaitomas visiems. 

Taigi, ką apie antrąjį vieno? Kokie galėtų būti vienas, kad skaičius? Any ideas? Tęsk. 

AUDITORIJA: 100 [nesigirdi]. 

ALLISON Buchholtz-AU: 100. Tiksliai. Taigi jūs norite paaiškinti, kodėl 100? AUDITORIJA: Nes tai už vartotojas, todėl į pirmąją poziciją. Ir tada x vykdomąjį 1. ALLISON Buchholtz-AU: Būtent. Taigi mes suteikimo vykdomąjį Leidimai tik vartotojas. Taigi šiuo atveju, tai būtų 100. Ir aš turiu visus atsakymus ant kitą skaidrę, jei rašote daug dalykų žemyn. 

Gerai, kad tai kitas vienas iš tikrųjų padaryta su dviem chmods, galite tai padaryti. Taigi ar kas nors turi bet idėja, kaip galite gauti CHMOD 640 perrašytas kitose būdu? Galite pakeisti vartotoją, o tada Jūs galite pakeisti grupės yra mano patarimas. 

Taigi, jei mes buvome tik keičiasi vartotojo, kuris yra tai pirmasis čia, kas gali mūsų kvietimas būti? Taigi vartotojas u, tiesa? Taigi chmod u plius kas? Mmhmm? 

AUDITORIJA: rw. ALLISON Buchholtz-AU: rw. Teisus, nes skaityti ir rašyti, nes perskaitytą yra 4, 2 w yra, tie, suma kartu kaip 6. Taigi mes gauname chmod u plius rw, ir mes savo pirmąjį 6 ten. 

Taigi gauti 4, dabar mes norime pakeisti savo grupės nustatymus. Taigi, mes ketiname padaryti chmod g pliusas? Kas 4? 

AUDITORIJA: r. ALLISON Buchholtz-AU r. Tiksliai. Taigi mes teikiame savininką skaityti ir rašyti leidimus ir mes teikiame grupės skaityti leidimai, kuriuos mes visi čia. Mmhmm? 

AUDITORIJA: Jei kažką galite rašyti, tai reiškia, galite jį vykdyti? 

ALLISON Buchholtz-AU: Taip galite parašyti something-- Netikiu, kad tai reiškia galima vykdyti. Cool. Kad viskas, kad mes tiesiog nuėjo per. Taigi dėl šio kito, tai tiesiog rūšies bendri atvejai kad norite, kad į mind už jūsų problema nustatyti. Tai yra paprastai leidimai kad mums patinka jums naudoti. 

Taigi 711, kuri suteikia mums, žinoma, vartotojas visi leidimai, kurie linkęs prasmės. Ir tada tai executable grupė pasaulyje, kuri turi prasmę jei turite kokių nors katalogą, jums norite, kad būtų galima kirsti į jį. Žmonės turi priėjimą. 

Bet kuriai PHP failą, jūs ketinate naudoti 644, kuris darys tai, kas? Ką tai reiškia, ar tai, ką leidimai ar tai duoti? Taigi savininkas gali kas? AUDITORIJA: Skaityti ir rašyti. ALLISON Buchholtz-AU: Skaityti ir rašyti. Ir tada grupė ir kiti gali tiesiog skaityti, ar ne? Ir tada chmod 600 bet PHP failų, jūs naudojate, Jūsų savininkė vėl gali skaityti ir rašyti į jį bet visi kiti yra tiesiog rūšies atkirsta. 

Taigi tai tikrai daugiau naudinga, kai gausite savo problemą nustatyti kitą savaitę, kur jūs iš tikrųjų sukurti svetainę. Taigi, jei jūs kada nors paleisti į šalių problemas kur jis neįkeliami tinkamai, o gal jums reikia pridėti vykdomąjį leidimas, o gal jums reikia skaityti ar rašymo leidimo nebuvimas. Mažai dalykų, kurie yra linkę į kelionę žmonių iki, bet tai lyg eiti į paleidus kitą savaitę pset. Ir aš norėčiau duoti jums daugiau Nuorodos dėl šią savaitę pset, bet aš turiu dar reikia žiūrėti į jį, nes jis buvo išleistas šį rytą. Bet jūs man email, aš pažvelgė į jį tuo metu aš atsakyti rytoj. 

Taigi, dabar, yra visi geras su chmod? Bet kurie išlikęs klausimų? Gana paprasta. Tiesiog rūšies sekti ką skaityti, rašyti ir vykdyti numeriai turbūt sunkiausia dalis. 

Taigi su TCP / IP, visus šiuos protokolus, tipo kaip su savo duomenų struktūras Praėjusią savaitę, tai daug daugiau Svarbu rūšies gauti aukštesnio lygio intuicija iš jų. Tai ne CS143, kur mes einame Jūsų paprašyti įdiegti tinklą, taip jums bus gerai, jei tu nesupranti Kasdieniai smėlinis visų protokolų. Kas svarbu suprasti, lyg ką jie atstovauja ir kodėl jie svarbūs. 

Taigi TCP / IP, žinoma, ji yra Perdavimo valdymo protokolas arba interneto protokolo, kuris yra iš esmės tik įstatymų rinkinys iš esmės arba standartai, pasakyti duomenis kaip ji turėtų būti tvarkoma, kaip ji turi būti paketo perdavimo, perduodami ir gaunami. Todėl iš esmės, kaip tai sako čia, didina tikimybę, kad duomenys tampa kur norite jį gauti. 

Aš tikiu, kad, jei jus vaikinai nuėjo į paskaita ar stebėjo jį internete, jis has-- Nežinau jei jis šiemet padarė, bet aš žinau, pernai jis turėjo demo, kur jis turėjo Rob vaizdą Jis jį suskirstyti keturių ir įdėti jį į vokų ir bandė priversti jį per Sanders. Ir jūs galite rūšies galvoti apie tai, kad taip. Tai tiesiog nustatyti reikalavimai, pasakyti duomenis kaip gauti kažkur ir leidžia jums žinoti, jei jums trūksta duomenų, tuo pačiu būdu, kad, jei esate vartojusiems kartotines puslapių užrašų ir jūs juos paženklina su puslapio 104, puslapio 204, ir grįši studijuoti vėliau ir jums trūksta something-- nerandate puslapį 304-- žinote kažkas negerai, todėl jums gali atrodyti per savo užrašus dar kartą arba kreipkitės į ką nors naujo išsiųsti paskaita pažymi nuo tos dienos. Taip pat, su duomenimis internete. Jei aš klausia kažkas iš kažkokio serverio ir ji turi siųsti jis keliomis paketais, tikriausiai ketina skaičių jis tam tikru būdu, tegu man žinoti, kiek aš turėjo gauti, ir pasakyk man, oi, tai yra viena iš 10 arba tai yra viena iš 10.000. Tokiu būdu, kai aš einu vėl surinkite visus gabalus kartu, Žinau, jei kokių nors funkcijas ir aš galiu paprašyti, kad dar kartą. Ar tai prasminga? Tiesiog taisyklių rinkinys. Savo pagrindu taisyklių rinkinys, gerai? 

Taigi mes taip pat kalbėjome Šiek tiek apie uostus. Tai tikrai tik standartas, leidžia jums žinoti, kokio tipo duomenis yra perduodami tokiomis paketus. Jei mes einame su mūsų voko pavyzdys, mes neturime žinau, kad tai iš nuotraukos Robas ten nebent mes rašyti dėl mūsų voke išorėje. Taigi uostai iš esmės tas pats. Tai tiesiog būdas išsiaiškinti, kas duomenų tipas yra siunčiamas. 

Taigi, mes turime visi dažniausiai jie čia. Taigi 21-- tai pat rūšies tiek kaip gerų dalykų žinoti. Tai koks lengvas viktorina klausimą. Būti panašiam, ką uostas 80 daryti? Arba ką 443 daryti? Taigi, kas gera žinoti. 

Taigi, mes turime čia, 21 yra failas perdavimo protokolas, todėl tiesiog taisyklės, reglamentuojančios failų perdavimas. 25, kažkas, kad mes visi naudoti per daug, yra siųsti. 53 yra domeno vardas sistema, kuri iš esmės yra tiesiog rūšies buvo suorganizuotas paieškos IP adresas domeno vardo. 

Taigi, aš esu gana įsitikinęs, jis buvo minėta paskaitos jei jus eiti į kažką panašaus google.com, jis turi IP adresą Štai su juo susiję. Iš tikrųjų tai ne google.com. Ir taip 53 yra uostas kad iš tiesų jis priežiūra rūšies vertimą į tą IP adresą už jus. Ir tada 80 ir 443 yra labai dažnas. Jūs arba turite savo tinklalapį arba jūs turite savo saugų interneto puslapį, kuris iš tinklalapių daug yra perduodant per šiol. 

Kad tipo aukšto lygio apžvalga perdavimo protokolą. Nematau daug išsamiau. Tai tipo cool stuff jei jus domina. Yra daug išteklių. Vikipedija tikrųjų yra gana geras puslapis. Taigi, aš ieškojau ne jo tik šiek tiek, o atgal, todėl aš labai rekomenduoju žiūri į jį, jei jus domina arba imtis 143 per dvejus metus, nes Manau, kad tai kas antrus metus. 

Taigi remiantis šiuo tikslu, mes kalbame apie tinklalapius ir HTTP, kuris iš tikrųjų mūsų sekančią temą už šiandien, kol mes eiti į HTML ir CSS ir jūs iš tikrųjų galite koduoti iki tinklalapį. Tai bus smagu. Mes turime nuotraukas Bunnies ir tai bus puikus. 

Taigi HTTP, kaip matote čia, yra vienas iš gražių akronimai šią savaitę, kuris yra Hiperteksto perdavimo protokolas. Taigi dar kartą, tai tik kitas nustatyti reikalavimai, reglamentuoja Hipertekstas perleisti, šioje byloje. Taigi geriausias būdas mokytis apie tai tiesiog rūšies ją padalyti į šie atskiri žodžiai nes yra daug " žodžiai ten ekrane. 

Taigi, mes ketiname pradėti hipertekstas. Taigi "Hyper", galite galvoti apie "Viršus", kaip super tipas dalykas. Taigi tai tikrai tik tekstas atsižvelgti į Kitas lygis, todėl kaip super tekstą, kaip kitą tekstą. Taigi tai iš esmės tik tekstas, kuris suteikia mums daugiau informacijos nei paprastas tekstas daro, gerai? 

Taigi šiuo atveju čia, tai yra hiperteksto. Tai mums sako, kad mes turime kai nuoroda, mes ketiname, kuri yra cs50.net, kuris dabar cs50.harvard.edu. Šie skaidres tiek senas. Ir jis ketina rodyti tai kaip tai, kaip hipersaitą, ir tada tikrai cool svetainė. 

Taigi, tai tekstas, kuris yra mažai tiek tikrai cool dalykų ten. Taigi galite susieti dalykų, ir jūs galite įterpti atvaizdus, ​​ir jūs galite stiliaus dalykus. Ir labiausiai susipažinęs dalykas, kad jums vaikinai tikriausiai su hiperteksto yra hiperteksto kalba, HTML, kuris, žinoma, yra visi iš mūsų web kad mes matome aplink mus, suteikė su kai CSS stiliaus mesti. 

Bet jei kas nors buvo tikrai didelis su MySpace, Aš tikiu, kad jūs visai naudotai HTML visi laikas kurti tie puikus profiliai, tiesa? Jaučiu, kad gali būti pasenusi nuoroda dabar, bet nesvarbu. Tiesiog little-- vaikinai yra ne tai, kad daug jaunesnis. Kai kurie iš jūsų yra vyresnis už mane. MySpace dar buvo dalykas, kai aš buvau jaunas. Aš ne tai, kad senas. 

Anyways, HTML tiesiog hiperteksto forma. Taigi hipertekstas yra tik tekstas su papildomų funkcijų. Taigi perdavimo protokolas yra turbūt daugiau iffy dalykas paaiškinti. Akivaizdu, transfer-- tiesiog perkelti duomenis. Taigi, arba tarp kliento, kaip Jūsų interneto brolis, ir serveris. Taigi, iš esmės tik būdas interneto veikia. 

Taigi tikslaus prašymu kaip jos darbas, mes iš tikrųjų ketiname ieškoti pavyzdys prašymas ir atsakymas. Bet kaip mes prašome informacija iš serverio ir kaip serveris atsako į mus yra kas tai perdavimo protokolas reglamentuoja. Taigi prašymas ir atsakymas turi ŠIŲ specialių taisyklių rinkinio. Tai standartizuota, kad nesvarbu kur jūs naudojate internetą, ji visada veikia taip pat, gerai? 

Vėlgi, protokolas, taisyklių rinkinys. Tai tiesiog normalu sąveika tokiu pačiu būdu kad profesorius Malan kalba apie jei kas išplečia savo jėgas, jūs žinote, kad tai įprasta mandagumo pasiekti jūsų dėmesį ir purtyti savo rankas. Štai protokolas, tiesa? 

Taigi aš pateikti keletą standartizuotą prašymą, kuris Noriu purtyti ranką, ir jums suteikti šiek tiek standartizuoti atsakymas, kuriame yra arba ne ačiū arba galite pabandyti ir purtyti savo ranka, o gal jūs ketinate bandyti ir kumščio guzas mane. Ir mes neturime už tą protokolą. Jis skyla. Bet jei visi taip elgiasi tas pats protokolas, žinoma, jis eina daug sklandžiai. Žmonės geriau pažinti vieni kitus. Kiekvienas yra laimingas. 

Taigi, kad interneto pasaulyje, visi laikosi tokios pačios rules-- šiek tiek geresni nei socialinių standartų. Bet kad mes pažvelgti į pavyzdį užklausos čia. Todėl ten ši maža Svarbiausias čia apačioje kad rasi įvairių spalvų, ką jie turėtų reikšti. 

Taigi balta yra kaip tavo metodas prašymas ir protokolas version-- to prašo metodas, versija. Ir tai yra šiek tiek lauko pavadinimas ir vertė iš tos srities, kurį mes eiti į labai, labai greitai. Taigi tai yra pavyzdys prašymas. Tai kaip man tęsdamasis, nori pristatyti save. 

Tai yra tai, ką klientas ar tai, ką jūsų interneto naršyklė būtų išsiųsti į savo serverį. Taigi tai yra GET užklausos, todėl kažko prašo iš serverio. Ir tai, žinoma, HTTP ir tai versija 1.1. 

Taigi tai čia ilsėtis, ką mes vadiname antraštė, o jos papildomos informacijos kad suteikia mums geriau suprasti, ką mes iš tikrųjų klausia, arba informacija, kad norime suteikti serveris, kuris gali būti svarbios. Taigi User-Agent suteikia šiek tiek daugiau aprašymas on-- pavyzdžiui, čia, garbanės / 7.24.0 iš tikrųjų vyksta pasakyti serveris, mes naudojame Google "Chrome", kaip mūsų naršyklę. Taigi, jei jūs kada nors išgirsti apie žmones, kurie kalba apie tai app reaguoja keliems naršyklių, tai yra kažkas, kad jie būtų naudoti, nes jei nežinau, ką naršyklė Prašymas iš, Jūs negalite pritaikyti duomenis, kad. Taigi šiuo atveju, klientą yra tiesiog suteikiant šios rūšies iš identifikavimo informacijos apie ką naršyklė Jūsų vartotojas šiuo metu naudojate, OK? 

Taigi mes taip pat turime šeimininką, kuris yra kur mes iš tikrųjų nori eiti. Šiuo atveju mes norime eiti į apple.com, nusipirkti naujų šaunių iPad ar kažką, o gal mielas Indikatorių mūsų bendrabučio kambariai. Ir pavadinimas vertės pabaigoje yra tik užpildas, tiesiog apskritai dalykas už jus vaikinai pamatyti. Tai iš tikrųjų nėra atitikti nieko čia. 

Todėl jūs galite turėti tiek daug arba kiek norite kiekvienu atveju. Dauguma laiko, tai yra neprivaloma. Tai tiesiog priklauso nuo to, jums reikia iš naršyklės, iš savo naudotoju, kad būtų tinkamai suteikti prašymą. Ar jis priklauso nuo to, jūsų naudotojo tikrai nori mesti į serverį. Todėl jums gali tekti daug, daug Šių antraštės laukų pavadinimų arba galite tiesiog pora. Kaip su tiek daug dalykų Sakiau šiame skyriuje, tai tikrai priklauso nuo konteksto kaip jūs naudojate tai. 

Taigi ar tai prasminga visiems? Tai tik pavyzdys, prašymas, antraštes, Papuošalą. Gerai, kad su tuo, mes kai atsakas. 

Vėlgi, mes turime būsenos kodą, protokolas versija, ir tada lauko pavadinimas ir laukas Vertiname kaip visada. Taigi mūsų IP versijos ir mūsų kodas statuso 200. Gerai, o tai reiškia, kad Taip, viskas buvo gerai. Štai ką jums reikia. 

Serveris tipas, turinys type-- jis pasakoja, Gerai, jūs kažkiek teksto HTML. Čia yra jo ilgis ir štai Ką reikia padaryti, su jungtimi. Gerai, kad vėl, priklausomai duomenimis tu esi klausia, priklausomai nuo to, Serveris nori grįžti į jus, Jūs galite turėti daugiau šių srityje pavadinimai, galite turėti mažiau. Visiškai priklausomi kontekstas. 

Ir kiek šios būklės kodas čia, žinoma, 200 yra ne tik vienas galite turėti, ar ne? Turime daug būsenos kodų. Ar kas nors prisiminti bet kiti, kad mes paminėti paskaitos? Daugelis iš jų pradėti 4. 

AUDITORIJA: 404. 

ALLISON Buchholtz-AU: 404, o tai yra? 

AUDITORIJA: Failas nerastas? 

ALLISON Buchholtz-AU: Failas nerastas. Tiksliai. Taigi, ką apie 403? AUDITORIJA: Forbidden. ALLISON Buchholtz-AU: Forbidden. Taigi, ką jūs manote tai reiškia, kad su chmods? 

AUDITORIJA: Tai reiškia, kad jums neturite leidimo jį perskaityti. 

ALLISON Buchholtz-AU: Būtent. Tam tikru būdu, jūs neturite prieigos teisių, tiesa? Taigi 404, 403. Yra tikrai juokinga vienas, kad mes visada pristatyti kiekvienais metais, kad Aš turėjo taikstytis čia kaip 413, o tai yra aš arbatinukas. Galite google tai. Tai juokinga, kaip, kad yra kodas 413, ir tai aš arbatinukas. Aš nežinau, kodėl jūs, kada reikia, kad internete, bet aš nutolti. AUDITORIJA: Gal esate Arbatinukas. ALLISON Buchholtz-AU: Gal serveris Arbatinukas. Kas žino? Gerai, kad mes ruošiamės pereiti į nekilnojamąjį kodavimas. Jaučiu, kaip jus vaikinai ketinate išeiti iš čia gana greitai. 

AUDITORIJA: kodėl ji jo pasakyti "serveris: du kartus? 

ALLISON Buchholtz-AU: Hm? Serverio du kartus? Tai geras klausimas. Nesu tikras. Aš išsiaiškinti ir Aš atsiųsime jums visiems. 

Gerai, kitus klausimus, be to? Geras? Cool. 

HTML ir CSS, ir dabar mes gauti visi įdomus dalių. Taigi kaip jau minėjau anksčiau, HTML tikriausiai yra vienas iš dalykų, Jūs vaikinai yra labiausiai susipažinęs su. Taigi, mes turime hiperteksto kalba. 

Geriausias būdas sužinoti this-- aš ne turite paruoštus skaidres arba nieko Jums vaikinai su HTML. Tai tikrai apie mokymosi sintaksę. Ir jei buvo į MySpace diena, tai būtų tai žemyn. 

Taigi tikrai, didžiausias dalykas yra tiesiog praktikuoti ir eksperimentas. Vienas iš didžiausių išteklių Norėčiau labai rekomenduojame naudoti yra W3Schools. Taigi tiesiog W, 3, ir tada Mokyklos. Jie turi daug išteklius į HTML, CSS, ir jie iš tikrųjų turi split screen per daiktas kur jie jums duos kodo pavyzdį. Galite krapštytis su ja, keisti, ir paspauskite Update, ir jis bus parodyti jums, ką ji iš tiesų į tinklalapį. 

Taigi aš labai rekomenduojame naudoti, kad. Tai gana kietas. Jūs negausite SEG gedimus čia kai kas nors nesiseka. Jei pavyks gauti seg kaltės su HTML, tai duok man žinoti, nes aš tikiu, bus reali suintrigavo. Bet tai tikrai cool, nes galite keisti dalykai, jūs galite pamatyti juos atnaujinti gyvų. Ir aš manau, jūs gausite daug daugiau intuityvus suvokimas HTML jei jūs iš tikrųjų tiesiog praleisti kai laikas eksperimentuoti su ja. Štai kodėl aš sakė, praktika ir eksperimentas. 

Google, iš čia out, tikriausiai bus vienas iš jūsų geriausias išteklių ir draugais. Arba Bing-- Dirbu Microsoft ", tai gal turėčiau sakyti "Bing. Bet beveik nieko tiesiog bus sintaksė, taip suprasti, ką žymekliai, understanding-- bent CSS-- kaip pakeisti tam tikrus atributus. Tai bus super naudinga. 

Taigi, nors mes ne turite paruoštus daiktus, mes turime natūra kai kurių geriausios praktikos kad mes norime, kad jūs, vaikinai, kad pabandyti ir laikytis by-- ar veikiau, turėtumėte laikytis iki atskiro pranešimo. Taigi uždaryti visus savo žymes. Tikimės kiekvienas has-- žinote ką, jei tai nėra prasmės dabar, Pažadu, kad bus prasminga kai mes kodavimo iki puslapį. Bet uždaryti visus savo žymes. Taigi, jei jūs kada nors kai header tai laikiklis, H1, laikiklis, įsitikinkite, kad kai baigsite su tuo, uždaryti šį pavadinimą. Patvirtinkite savo puslapį su W3 tvirtintojas. Jei neturite uždaryti savo žymelių, Jūs galite gauti netikėtą elgesį. Jis pasakys, kad jūsų puslapis yra neteisingas jei per jį paleisti šią tvirtintojas. Taigi, kai į doubt-- ir ypač šią savaitę ir kitą savaitę pset-- taip pat, kad mes prašome jums naudoti patikrinti 50 ir stilius 50, galima galvoti apie tai kaip vieną iš savo patikrinimus, gerai? 

Taigi, jei jis neišlaiko W3 Validator. Tai yra kažkas, mes prijungti jus. Ar aš sakau dešinę Dabar, aš dokas jums. Todėl įsitikinkite, kad jis patvirtina. Tai nėra sunku. Jūs tiesiog įklijuokite savo kodą ir jis bus arba pasakyti gerą darbą ar jums trūksta kažkas tokiu pačiu būdu kad stilius 50 pasakys kur jūs Messing. 

Ir tada paskutinis dalykas yra norite atskirti Tavo žymėjimas, kuris yra viskas, HTML ar jūsų tekstas, o tavo stiliaus. Taigi mes padarysime pavyzdį Šios teisės po šio. Taigi HTML ir CSS, turėtų būti atskiros. Ir mes ketiname kalbėti apie MVC, kuris modelis Peržiūrėti Controller, kitą savaitę. Vaikinai tikriausiai turėtų sužinoti, kad paskaitos rytoj, jei buvo jau išmoko šiandien. 

Ir tai tiesiog rūšies paradigma, kad mes linkę naudoti kuriant interneto puslapiai atskirti dalykus. Jūs galite galvoti apie tai, taip pat, kad mes linkę atskirų funkcijų C kur mes maišos rasti ką. Tai tiesiog būdas kad jūsų gyvenimas būtų lengvesnis. Ji atskiria atributus ar kodą jums bus naudojant vėl ir vėl, tačiau šiuo būdu, jis natūra iš išlaiko jį gražus ir tvarkingas. Ir jei norite pakeisti vienas dalykas, jūs pakeisite vieną kartą ir jis pasikeitė visur kitur. Taigi, tai daugiau jūsų palengvinti ir lankstumas. 

Taigi su CSS, tai labai panaši HTML, tačiau vietoj žymos kad minėjau, tik dabar mes naudoti tai, kas vadinama selektoriai. Ir jie iš esmės tik tipo Docento tam tag HTML su skirtingais atributais. Ir kai aš sakau atributus, aš turiu galvoje, tokie dalykai kaip šrifto spalvą, šrifto stilių, fono spalva, savo teksto spalvą. Šie dalykų rūšių. Pavyzdžiui, jei jis orientuotas, jei tai ne į dešinę, jei tai inverted-- visi iš šių cool dalykų. Stilistinėmis dalykai kad tai darote su savo tekstą, tai ką aš turiu galvoje su atributais. 

Ir tada du pagrindiniai dalykai, kuriuos reikia žinoti yra tai, kad selectors-- dvi pagrindinės factors-- yra ID, kuris yra unikalus. Galite naudoti tik, kad vienas dalykas. Priešingu atveju, jis ketina klykauti ne jums. Ir kai mes ją apibrėžti CSS failą, jis bus būti maišos ID ir tada ką atributus norime. Pažadu, mes ketiname pereiti pavyzdys. Tai bus padaryti daug daugiau prasmės. 

Klasė gali kreiptis į kelis blokus. Taigi jūs galite turėti savo Pirmoji ir trečioji dalis turėti tos pačios rūšies atributų reikšmes jūs susieti juos su toje pačioje klasėje. Ir kai mes juos apibrėžti CSS, mes darome dot klasę, su klasės yra kokia Jūs norite, kad ji būtų pavadinta. 

Taigi, aš žinau, tai yra teisinga dabar labai abstraktus. Štai kodėl mes ketiname kodą. Žinau vaikinai patinka kad ir jūs visi ketina padėti man, nes tai yra jūsų interneto puslapis. Tai mūsų sekcijos tinklalapis, vaikinai. Taigi ar yra kokių nors, prieš man klausimai išjunkite PowerPoint, arba nieko norite man slinkti atgal iki kol pradėsime kodavimo? 

AUDITORIJA: Kai sakote rungtynės žodžius, jums reiškia selektoriai ar žymes? ALLISON Buchholtz-AU: Jūs galite galvoti apie juos kaip tą patį dalyką. Tai tiesiog skirtingi žodžiai. Aš turiu galvoje, kaip selektoriai. Bet selektoriai taip pat žemėlapį į žymes. Taigi, ką galima galvoti apie juos kaip vienas ir tas pats dalykas. Pažadu tai ketina padaryti daugiau prasmės, kai mes kodą. Viskas iš PowerPoint ar kokių nors klausimų dabar, kol mes iš tikrųjų kurti mūsų skyriaus puslapį? Kiekvienas pasiruošęs? Cool. 

Taigi turiu viena pradėti. Leiskite padidinti šrifto jums vaikinai. Gerai, kad dabar, mes tiesiog pagimdė kaulų interneto puslapyje čia. 

Mes turime HTML. Mes turime antraštę, kurią mes matyti čia kaip pavyzdys puslapyje. Kai pavadinimas, kai šrifto. Tai žymos, gerai? Taigi, kai aš tai uždaryti savo žymelių matome čia tai laikiklis vadovas yra jūsų atidarymas tag, ir tai laikiklis / Galva uždarymo, gerai? 

Taigi jums gali galvoti apie tai, kaip jūsų petnešos Jūsų jei sąlygos ar jūsų už kilpomis. Jei turite vieną iš pradžių, norite vienu metu pabaigoje. Jis bus dar dirbti didžiąją laiko dalį jei jūs neturite uždarą žymeles, bet geriausia praktika užmerkite žymes. 

Taigi šiuo atveju, tikėkimės rungtynėse pakeisti šią padėtį. Mes ketiname turėti septintajame skirsnyje. "Svetainė skyrius." Taigi aš tik ketina tai pakeisti. 

Ir jei mes einame čia ir mes reload-- turiu įrašyti ir reload-- pastebime, kad čia jis pasikeitė, ar ne? Cool. Taigi, šis keičia pavadinimą. Tai tik tuo, kas jūsų kortelėje. 

Taigi tai yra natūra atrodai nuobodi. Aš nežinau apie vaikinų. Aš manau, kad mes norime ką nors kita čia. 

Taigi, ką mes galime padaryti, tai Antraštė yra tik ten. Pobawmy kūno rūšiuoti. Taigi, mes turime šiek tiek kūną čia. Aš visada tai atviras ir užmerkti žymes pradėti, taip pat, kad aš galiu padaryti petnešos. Ak. Palaukite, ką? 

AUDITORIJA: [nesigirdi]. ALLISON Buchholtz-AU: Ah. Vaikinai gavo mane. Geras darbas. Gold Star. 

Gerai, kad mes turime tam tikrą kūną čia. O dabar pradėkime pridedant tekstą. Taigi jūs turite porą skiriasi pridėjimo parinkčių tekstą. Mes turime tokius dalykus kaip antraštes. Turime tik normalus tekstas. Todėl galime tik pradėti antrašte. Tiesą sakant, jei jus vaikinai nori atsigriebti W3 mokyklos HTML, galite rūšies apsižvalgyti ir jei nėra nieko ypač, kad norite išbandyti su šiuo tinklalapiu, ką galime padaryti, kad. Taigi šiuo atveju, tegul tiesiog padaryti kai h1. Taigi h1 kaip aukščiausios antraštėje. Jis duos jums kažką kad yra labai didelis ir drąsus. 

Ir šiuo atveju, ką mes norime pirmą teksto mūsų interneto puslapį? Nieko. Vaikinai ketinate kurti tai. Aš tik ketina rašyti. AUDITORIJA: Sveiki. 

ALLISON Buchholtz-AU: Sveiki. Gerai, taigi, jei mes jį išsaugoti ir mes iš naujo įkelti, turime didelį didelį priėmimą. Taigi tiesiog todėl jūs galite pamatyti skirtumai, darykime ką nors H6. Ką mes norime čia? Teisė? 

Gerai, kad tik taip galite pamatysite skirtumą. Taip, Sublime. Taigi, jei pastebėjote, h1, labai, labai didelis. h6, kaip drąsus, bet daug mažesnis, ir viskas būtų tarp jų. Taigi galite turėti H2 H3 H4. Ir tai yra tik antraštes, todėl, jei jūs bandote sukurti interneto puslapį, turi skirtingus skirsnius, O gal norite naudoti headers in ten kažkur. 

Cool. Todėl mes pridėti šiek tiek daugiau dalykų mūsų organizme. Matau, kad tai būtų geras cool, jei mes turėjome vaizdą. Jaučiu, kaip kiekvienas gali naudoti gal mielas triušelis vaizdas teisus dabar taigi ketiname rasti Bunny nuotrauką pirmiausia. 

Aš nežinau, jei jus vaikinai bet preferencijos, kuris iš jų norime. Ar turite kokių nors lengvatų? Tai vienas čia? Žemyn. Gerai. Kad vienas yra. Geras pasirinkimas. 

Gerai, kad mes ketiname peržiūrėti savo įvaizdį. Pažvelkite, kad. Pažvelgti į tą žavinga dalykas. Kaip galėtumėte liūdėti pirmadienį su tai? 

Taigi mes tiesiog ketinate kopijuoti vaizdo URL. Ir tai, ką mes norime daryti tai, galime tik sako, kad mes turime tam tikrą dalį psl. Mes ketiname pasakyti: "Žiūrėk pažvelgti mielas triušelis. Kaulo awwww. " Myliu savo zuikiai. Turiu namie Bunny. Aš pasiilgstu savo zuikį. Taigi, ką mes ketiname do-- Aš nežinau, jei jus vaikinai nori google this-- bet su HTML, kaip tai galėtumėte įtraukti paveikslėlį? Drąsiai, jei google "Įtraukti paveikslėlį HTML," Kodėl ne jūs vaikinai man pasakyti, ką ši žymė turėtų būti? 

AUDITORIJA: img source-- 

ALLISON Buchholtz-AU: img source-- AUDITORIJA: --equals-- ALLISON Buchholtz-AU: --equals-- AUDITORIJA: --quote-- taip. ALLISON Buchholtz-AU: Perfect. Gražus. Žr, MySpace karta, ar ne? Auditorija: Neopets. ALLISON Buchholtz-AU: Neopets. Oi, gerai. Wow. Tai buvo beprotiška. Gerai. 

Todėl įsitikinkite, kad gauti šią teisę. Cool. Taigi tai turėtų būti čia. Ir tada, jei mes iš naujo įkelti, mes turime bunny puslapyje Argi ne žavinga? 

Tai yra toks mielas. Jūs pasirinkote didelį, didelį nuotrauką. Aš kasti jį. 

Gerai, kad turime šį žavinga Bunny dabar. Mes pridėjome vaizdo, kaip kad. Taigi, iš esmės, jei yra kokių nors vaizdo norite įtraukti į savo tinklalapį, Jūs galite pridėti jį kaip tai. Kitas dalykas būtų, jei Jūs išsaugotas vaizdas į tą patį aplanką kaip Šis failas, galite tiesiog rašyti ką tos paveikslėlio pavadinimą yra vietoj turintys interneto nuorodą. 

Vis tiek būtų kabutėse. Tai būtų tik kaip jei būtume pavadintas this-- jei ši nuotrauka buvo išgelbėtas aplanke šį HTML failą kad aš redagavimo ir jį vadinosi bunny.jpg. Mes taip pat gali tai padaryti ir ji pasirodys. Tačiau aš neturiu tai išsaugotas failą ir aš noriu išlaikyti zuikį, taigi ketiname išlaikyti ryšį. 

AUDITORIJA: Kas rabbit.org? 

ALLISON Buchholtz-AU: rabbit.org. Tai appropriate-- žiūrėti, galite jį priimti. Priėmimas. bunny.jpg. Noriu priimti šią Bunny. O, Dieve, tai toks mielas. 

Gerai, kad mes pridėjome antraštes. Mes pridėjome nuotrauką. Akivaizdu, mes pridėjome nors tekstas čia, tiesa? Jei mes norime pridėti kitų Tekstai, eisime, kaip šis. Taigi tai yra dar vienas punktas. 

Ir mes sakome: "Tai yra dar vienas punktas." Be to, aš esu siaubinga Speller, todėl aš gali klaidomis dalykų. Tiesiog jūsų informacijai. 

Taigi, mes turime kitą dalis čia, tiesa? Tai gal jūs norite daryti ką nors šiek tiek įdomesnis nei tiesiog turėti visus savo tekstą, kaip sulygiuoti prie dešiniojo krašto. Gal norite centruoti tekstą, gerai? 

Taigi, jei kas nors nori naudoti tuos parankūs kompiuteriai priešais jus ir pasakyk man, kaip tu vyksta iki centro šį tekstą, 

AUDITORIJA: p align. 

ALLISON Buchholtz-AU: Taigi p align lygus "centrą". Jis žuvo jį, vaikinai. Y'all turi sparčiau. Ir mes turime "Tai yra centruota." Ir dabar mes turime kažką centre. 

Tuo pačiu būdu, jei jūs noriu jį sulygiuoti prie kairiojo krašto, galima padaryti ALIGN kaip lygių kairysis, align lygus dešinėje. Visiškai priklauso nuo jūsų. Jei aš čia, tai should-- dabar jis sulygiuoti prie dešiniojo krašto. 

AUDITORIJA: Allison? Per Image Source, kodėl nėra ten beveik iš img šaltinio? ALLISON Buchholtz-AU: Atsiprašau. Tai vienas turėtų būti ten dabar jūs gerai. Dabar mes geri. AUDITORIJA: Jūs neturite uždaryti ten, ar ne? ALLISON Buchholtz-AU: Na, taip, img šaltinis, tai vienas yra just-- su paveiksliuko tai tiesiog laikoma vienu elementu, o jei pastebėjote, kad iš šių poilsio, mes kai tegus tada informacija, jis susijęs su ir tada uždarymo tegus. Bet paveiksliuko viskas tiesiog tarsi savarankiškas. Cool. Taigi jūs vaikinai žino, kaip sukurti header, jūs žinote, kaip įvesti tekstą, žinote, kaip įdėti paveikslėlį dabar galite suderinti dalykų. 

Kitas dalykas, kad jums galbūt norėsite, kad būtų galima padaryti yra sukurti sąrašą CS-- mes rūšies eiti į kitą savaitę pset. Daiktai, kad mes paprastai moko šią savaitę eina tikrai gerai kitą savaitę pset, todėl mes rūšies maišymo, sutampančių dalykų čia. Bet tai bus naudinga, tai kitą savaitę. 

Taigi, jei mes norėjome sukurti kai sąrašas, kaip gali mes tai padarysime? Jūs negalite atsakyti į šį kartą. Kažkas turi. Tai nėra sunku, vaikinai žada. Google "netvarkingai sąrašą HTML". Kas tai buvo? 

AUDITORIJA: [nesigirdi]. ALLISON Buchholtz-AU: Teisė. Taigi mes norime užsisakyti arba netvarkingai? Darom netvarkingai. Taigi, mes turime šiek tiek UL, kuris reiškia Nenumeruotas sąrašas. Ir ką mes turime atitinkamai pagal kiekvieną elementą? Ar jis turi savo žymę? Ar galime tiesiog pradėti rašyti dalykus? 

AUDITORIJA: li. 

ALLISON Buchholtz-AU: li. Taigi, kas yra mūsų sąraše bus? Ką mes norime čia? Mes tiesiog padaryti pavadinimus. Tiesiog atlikite Jokūbą. 

AUDITORIJA: Triušis maisto. 

ALLISON Buchholtz-AU: Triušis maisto. Gerai man patinka tai. Triušis maisto. 

Gerai, kad mes turime morkas. Man patinka šis triušio temą. Aš kasti tai daug. AUDITORIJA: Tiesą sakant, aš maniau Jokūbas būtų teisėtas. ALLISON Buchholtz-AU: Jokūbas? Jokūbas triušiai maistas. Jei matėte Jokūbui nuotrauka iš darbo valandomis, Jūs galbūt jau maniau, kad jis gavo užpuolė žudikas triušis. 

AUDITORIJA: Turiu triušį dabar. Turiu žudikas triušis dabar. 

ALLISON Buchholtz-AU: Jūs juokaujate mane? 

AUDITORIJA: aš atnešti tai kitame skyriuje. Turiu ją. 

ALLISON Buchholtz-AU: Tai juokinga. Vistiek. 

AUDITORIJA: [nesigirdi] 

AUDITORIJA: Taip, mano Proctor turi triušį, taip pat. 

ALLISON Buchholtz-AU: Noriu triušį. Gerai, kas atneša realią triušį į Kitame skyriuje viso Brownie taškai. AUDITORIJA: [nesigirdi] AUDITORIJA: Oi, tai ne tikra. Tai įdarytas triušis. 

ALLISON Buchholtz-AU: oh yeah, galime užbaigti jų. Atrodo rad. AUDITORIJA: Ar ji iš tikrųjų svarbu? ALLISON Buchholtz-AU: Tai ne. Su daugeliu iš šių dalykų, Jūs neturite uždaryti žymeles, 99% laiko nieko blogo vyksta atsitikti, bet tai geras stilius, per daug. Jokūbas. Ir mes turime salotas. AUDITORIJA: Dėl nuorodos, tai tikrai svarbu. ALLISON Buchholtz-AU: Hm? AUDITORIJA: Dėl hipersaitus. ALLISON Buchholtz-AU: Dėl hipersaitus. Taip, hipersaitus reikia. Gerai, kad galime pamatyti čia. Ir mes turime mūsų sąraše arti. Ir mes pažvelgti, kad. Mes all-- Jokūbą, teisę ten. Rabbit maisto. Primena man Bunnicula. 

AUDITORIJA: [nesigirdi] ALLISON Buchholtz-AU: Aš sugrąžinsiu į visi old school nuorodos šiandien yra ne? Tik visi old school nuorodos. Turėjo pareikšti kaip Gogurts ar kažkas užkandžių. 

AUDITORIJA: Arba Gushers. ALLISON Buchholtz-AU: Oh. Gerai. Aš pamatyti, jei aš galiu sekti žemyn Gushers už kitą savaitę. Manau, kad galiu tai padaryti. Manau, mes galime turėti kai biure. 

Gerai, kad mes apėmė skirtingas daug dalykų, kuriuos galite padaryti su HTML, tiesa? Ir kaip jūs tikriausiai galite matyti, tai nothing-- tikiuosi, ne per intim-- jei jis yra, aš nenoriu pasakyti, menkinti niekam. Jei jums kyla problemų, prašome atvykti pasikalbėti su manimi. 

Bet dauguma tai yra tiesiog žiūri į sintaksę, tiesa? Jei norite netvarkingai sąrašą Jei norite šiek tiek sąrašą rūšiuoti, Jei norite suderinti kažką arba formatas kažkas, tai visi apie ką tik rūšies žiūrint sintaksė HTML, tiesa? Ir vienas dalykas, kad gana kietas tikrųjų yra, jei jūs einate to-- pažiūrėkime, kas gražus svetainę, kuri mums patinka? Kiekvienas turi kokių nors mėgstamų svetainių kad yra gerai auklėti internete? Žinai ką, tegul tiesiog padaryti CS50. Kad malonu ir saugu, tiesa? 

Gerai, kad CS50 čia. Oh atrodo, ten skyriuje dabar. Jei jums patinka tai, kaip jis atrodo. 

AUDITORIJA: [nesigirdi]. ALLISON Buchholtz-AU: mes nesame ketina daryti meta skyrių, vaikinai. Tai ne vyksta. Būtų kietas, bet mes neketiname to daryti. 

Taigi, ką daryti, tu gali daryti, jei jums patinka tai, kaip tai veikia, galite visada teisus spustelėkite bet kurį tinklalapį, kuris jums patinka ir jūs galite padaryti Rodyti puslapio šaltinį. Tai leis iki visą HTML. Ir tai yra iš tikrųjų tikrai gera būdas stiliaus savo interneto puslapyje. Eiti į puslapį, kuriame jums tikrai patinka ir pažvelgti į HTML ir išsiaiškinti, kaip jie tai padarė. 

Ir tiesiog, kaip ilgai kaip jūs paminėti dalykus, tol, kol jūs esate ne tik vagia iš žmonių, tai OK. Ypač CS50 [? finansuoti?] mes rūšies laukia jums gauti įkvėpimas iš kitos svetainės. Taigi nedvejodami. Žiūrėk, kad interneto svetainėse jūsų nuomone, yra tikrai gana ir išsiaiškinti, kaip jos naudoja HTML ir CSS tai daryti. 

Taigi, kaip matote čia, yra akivaizdžiai kaip nuorodos ir mes turime klasę čia. Turime nuorodą čia. Mes turime sąrašą. Mes tikriausiai kai paveikslėlių čia kažkur. 

Mes turime puikų stilių čia. Tai yra kitas dalykas mes ketiname daryti. Taigi stilius, kai jūs matote šiuos stilius kronšteinai, tai CSS esmės. Ben, jūs turite klausimų? 

AUDITORIJA: Kas div? 

ALLISON Buchholtz-AU: div tik a-- kas div? AUDITORIJA: skyrius. ALLISON Buchholtz-AU: skyrius. Taip, tai tik kaip skirtingų elementų atskiriant. Gerai, kad čia yra tai, ką mes Išvykstate į kitas. Taigi, tai gali būti ne pati geriausia stilius, nes jei pastebėjote mes turime HTML ir stilių pačiame puslapyje, ir mes iš tikrųjų norime atskirti tuos, Gerai? Ir iš tikrųjų, tegul mane atverti savo tinkamą vieną nes tai turėtų būti PDF, todėl mes turime style.css. 

Taigi, ką mes galime padaryti čia yra tai yra cool dalykų, pavyzdžiui, vieni miršta ir mes galime pabandyti ir padaryti, bet aš jaučiu, kaip aš norėčiau netvarka, kad iki skristi, taigi ir aš kviečiu jus vaikinai į eiti pabandyti, kad jūsų pačių, bet aš ne ketinate daryti dabar. Taigi, jei jus vaikinai, nepamirškite, jei kada nors nukentėjo problematikos, kažkas swoops iš šono. Ji turi daryti su išnyks ir perėjimas ir Papuošalą. 

AUDITORIJA: Ir tai viskas, CSS ir HTML? 

ALLISON Buchholtz-AU: Visi CSS ir HTML. Taip. Taigi jūs galite padaryti daug daug tikrai cool dalykų, kurių CSS ir HTML. Taigi su mūsų awesome bunny tinklalapis čia, mes ketinate daryti mažai bit CSS stiliu su juo. 

Taigi, jei jūs kada nors stilius lapas, kuriame mes turime čia, galite tiesiog paskambinti style.css. Galite ją ką nori. Kas svarbu yra tai, kad mes ketiname į jo nuorodą mūsų web.html čia. 

Taigi, ką mes ketiname daryti, tai we--, kad aš ne bałagan šį up-- mes ketiname sujungti šios dvi bylos kartu. Taigi tuo pačiu way-- aš ruošiuosi čia Lyginti C. Tokiu pat būdu, kad jei turite kai library-- ir mes cs50.h-- mūsų sudarytojas sieja. Tai tik aiškiai nuorodą mūsų pusės. Taigi tuo pačiu būdu, kad mes darome maišos įtraukti kai failas, ką Aš apie rašyti tiesiog HTML / CSS ekvivalentas kad. 

Mes tiesiog pasakyti, GERAI, šį tinklalapį ketina naudoti šią stilių, gerai? Taigi, mes turime link rel lygus stilių lentelėje. Ir tada mes turime tipo, CSS. Ir tada href lygus. 

Gerai. Taigi visa tai darė čia galite galvoti apie tai, kaip tą patį dalyką kaip maišos yra. Akivaizdu, kad tai atrodo šiek tiek daugiau sudėtinga, tačiau visais atvejais, tai vienas ir tas pats dalykas. Taigi tai yra tik keli iš susiejimas stilių, tai tipo text / css, ir jo vardas yra style.css. 

Ką svarbu žinoti yra tai, kad interneto puslapio kad aš dirbu teisė now-- web.html ir style.css-- yra tame pačiame aplanke. Nes skirtinguose aplankuose, jums reikia suteikti realią šaknį į tai ar jai kelias. Tačiau šiuo atveju, mes visada ją super paprasta ir tai ketina būti čia. Taigi, jei mes darome, kad turiu šiek tiek dalykai jau eilę čia. 

Taigi, mes turime tam tikrą įstaigą, o kas vyksta kad mūsų fono spalvą, kuri dabar yra šviesiai mėlyna. Mes galime pakeisti jį, jei norime, bet jei aš atsimenu tai teisingai, jis turėtų tiesiog pakeisti jį šviesiai mėlynas. Ir dabar mes turime šviesiai mėlyną foną. Ir mes turėjome here-- gali kas nors prisiminti kuris iš jų yra maišos ID ar klasės? 

AUDITORIJA: ID. 

ALLISON Buchholtz-AU: ID. Cool. Taigi, ką mes norime daryti yra, kuris iš šių šriftų arba which-- norime "Pažvelkite mielas triušelis "būti violetinė? Aš manau, kad mes norime, kad būtų raudona. Aš esu gana žemyn, kad yra violetinė. 

Taigi, ką jūs darote, yra jums ID equals-- šiuo atveju Aš pasakiau, ką, gana spalvos čia. Mes iš naujo įkelti. Visi staiga, tai violetinė. Gerai, kad su ID, atminkite jis turi būti unikalus, todėl aš niekada neturėtų būti naudojant tai ID niekur kitur. Bet su klase, kaip mes turime čia su gana šriftu, Aš turėtų būti suteikta galimybė naudotis kad visur noriu. 

Taigi galime padaryti šį vieną čia. Taigi, mes galime pasakyti klasė lygus gražus šriftas. Ir jei mes žiūrime dabar turime tai kietas gana šrifto čia. Tai gal aš noriu daryti abu. Gerai, aš iš tikrųjų nežinau, ar tai yra ketina dirbti, bet aš noriu jį išbandyti. Ir tai, kaip jūs išmoksite CSS ir HTML. Jūs kaip jūs žinote, ką aš noriu pabandyti tai. Aš nesu įsitikinęs, jei tai vyksta į darbą. Leiskite pamatyti, jei ji veikia. 

Ir pažvelgti, kad. Dabar jis yra raudonos ir tai gana šriftu. Gerai, taigi jūs neturite visų šių skirtingi dalykai, kuriuos galite padaryti. Ar turite klausimų? 

AUDITORIJA: Taip. Na, tiesiog patinka spalvas Jūs naudojate žodžiai. Ar yra būdas padaryti spalvas su šešioliktainėje RGB? ALLISON Buchholtz-AU: Taip pat galite tai padaryti su szestnastkowa, manau. Taip. Bet tai tipo malonu, jei jus nenoriu atrodyti juos. Galite būti kaip, raudonos arba mėlynos spalvos. AUDITORIJA: Tikėkimės tie, žinau, ką tai reiškia. ALLISON Buchholtz-AU: Teisė. Taigi galime padaryti šį skaityti ar Chartreuse. Kodėl jūs niekada pasirinkti Chartreuse? Tai įdomu spalva. 

Gerai, taigi akivaizdu, kad mes galime pamatyti mes gali pakeisti dalykus, tačiau mes norime. Jei nori create-- tarkim norėjome sukurti kitą klasę. Kas gali jus vaikinai nori pakeisti? Jei atsigriebti W3Schools " CSS dokumentus, Aš palieku žodį jūsų vaikinai. Galime pabandyti ir padaryti ką nors šaunaus tai per pastaruosius porą minučių. Nes aš tipo daviau Avarijos metu ant cool dalykų kad jūs galite padaryti. Bet, galų gale, kaip jau sakiau, jei jums tiesiog eksperimentas, jūs daug išmoksite. 

AUDITORIJA: Ar ieškoti tą šriftą? 

ALLISON Buchholtz-AU: Taip, Aš pažvelgė kad šriftą. Taigi, kaip pažodžiui, aš Eime to-- Ką aš padariau? Aš CSS šriftų sąrašas, ir tada aš šrifto kamino, ir tada man buvo kaip, atrodo, čia yra visos cool šriftai, kuriuos galite padaryti. Ir ten buvo toks vienas, taip Aš nukopijuoti jį į mano iškarpinę. Ir tada man buvo kaip, Gerai, kietas, ten mes einame. Viskas padaryta. 

AUDITORIJA: Taigi jūs turite įsitikinti, kad CSS žino, ką tai šriftas. 

ALLISON Buchholtz-AU: Taip. 

AUDITORIJA: kas tai pasakyti pabaigoje? Rankraštinis? 

ALLISON Buchholtz-AU: kursyvas. Taip. 

AUDITORIJA: paveiksliukas. 

ALLISON Buchholtz-AU: paveiksliukas. Gerai. Taigi jūs norite pasakyti, kaip tai padaryti. Aš palieku jums tai. Aš tiesiog įvesdami čia dabar. Ratas yra jūsų rankose. 

AUDITORIJA: OK 

ALLISON Buchholtz-AU: Gerai. Ką aš darau? 

AUDITORIJA: Doing-- Aš žinau, ką ateina po garbanotais petnešomis. ALLISON Buchholtz-AU: Gerai. Taigi turbūt kūno, aš būtų manyti, nes mes daro su fono paveikslėlį. 

AUDITORIJA: Taip, tegul tai padaryti. 

ALLISON Buchholtz-AU: Gerai. AUDITORIJA: Gerai, kad fonas storosios žarnos, ir tada mes reikia interneto adresą, kad vaizdas. Gal pseudo kodas, kuris dabar, galbūt. 

ALLISON Buchholtz-AU: Kas norėtumėte man to-- AUDITORIJA: Aš galvoju kaip GIF. ALLISON Buchholtz-AU: GIF? Kad tai bus įdomu. Gerai, ką aš "Google" paiešką čia? 

AUDITORIJA: Ne, tai jūsų pasirinkimas. 

ALLISON Buchholtz-AU: Kodėl ne we-- jei tai bunny, Jaučiu, kaip turėtume gražus žoline veja ar kažkas. 

AUDITORIJA: pieva. Pieva. 

ALLISON Buchholtz-AU: pieva? Gerai. AUDITORIJA: Arba Rachel Maddow. ALLISON Buchholtz-AU: Tai vienas atrodo gana. Oi, tai maža, nors. Turime gerą dydžio vaizdą. Pažiūrėkime. Oi, atrodo. Tai gana pieva. Žinai ką, man patinka šis. Leiskite nukopijuokite šį vieną. 

AUDITORIJA: Gerai, kad aš manau, kad tai URL, atviros skliaustelius. 

ALLISON Buchholtz-AU: Gerai, URL. 

AUDITORIJA: Tada adresas. 

ALLISON Buchholtz-AU: Gerai. Yra tai, kad visi mes turime? 

AUDITORIJA: Uždaryti skliaustai kabliataškis, ir tada erdvė, fonas brūkšnelis prisirišimas dvitaškis fiksuoti, garbanotas petnešomis. 

ALLISON Buchholtz-AU: Gerai. Leiskite pamatyti, jei tai veikia. Ji ketina būti gana kietas, jei ji veikia. Aš realus malonu čia. Ji neveikia. Įdomu, kodėl. AUDITORIJA: Gal URL turi būti citatų. ALLISON Buchholtz-AU: Gal. Ir tai yra tai, kaip mes mokomės, vaikinai. 

AUDITORIJA: Ar turime fonas spalva ir fono paveikslėlį? 

AUDITORIJA: Ne Vienas pakeičia kitas. 

ALLISON Buchholtz-AU: aš nežinau. Pažiūrėkime. Leiskite patikrinti jį ir pamatysite. 

AUDITORIJA: Oi, gal, taip. [Tarpines BALSAS] 

ALLISON Buchholtz-AU: Gerai, tai yra obviously-- aš [nesigirdi] čia. Taigi OK. AUDITORIJA: Background prisirišimas. ALLISON Buchholtz-AU: Ah. 

AUDITORIJA: Gerai, aš nežinau. ALLISON Buchholtz-AU: Tai atrodo, kad jis turėtų dirbti. Ar tikrai tai dvitaškis po URL? 

AUDITORIJA: Ne, tai kabliataškiu. ALLISON Buchholtz-AU: Tai kabliataškis. AUDITORIJA: Ar aš sakau dvitaškis? ALLISON Buchholtz-AU: Jūs sakėte, dvitaškis. AUDITORIJA: Oh no. ALLISON Buchholtz-AU: There you go. AUDITORIJA: Oi, palauk, dabar mes negalime perskaityti tekstą. ALLISON Buchholtz-AU: Dabar Jūs negalite perskaityti tekstą, bet mes turime fono paveikslėlį. Mmhmm? 

AUDITORIJA: Ar HTML remti dinaminį turinį? Kaip galėjo jūs pakeisite šį paveikslėlį priklausomai nuo lango dydžio, ar tai yra CSS-- 

ALLISON Buchholtz-AU: Taigi CSS turi tai padaryti. Taigi, jei jus vaikinai domina mokymosi pažangių CSS, Aš bendrai mokyti seminaras CSS dėl 7.. Ir aš pažadu, kad bus bus daug daugiau į gylį ir daug daugiau cool dalykai šiame skyriuje. Ir mano bendrai mokytojas yra tarsi Bendras priekis web dev meistras. Taigi, tai bus gana kietas, jei norite sužinoti apie visas cool dalykų kad CSS gali padaryti. 

Bet ką mes turime čia jo fonas priedas fixed-- todėl kai fiksuotas size-- bet jūs iš tikrųjų galite dynamically-- jei kada nors pamatyti tinklalapius, nes dauguma gerų interneto puslapių padarysime, kai jums koreguoti dydis jūsų naršyklėje, jis nustatomas fonas ar kiek rodomas arba reformatų dalykų, tiesa? Taigi tai, ką mes vadiname santykinis išdėstymas. 

Ir CSS tikrųjų gali patraukti kaip didelis jūsų Naršyklė plotis arba kaip aukštas yra, ir galima padėti daiktus pagal santykinius dydžius, prieš absoliučių dydžių. Ir tai akivaizdžiai labiau pažengęs CSS, bet tai, ką jūs galite padaryti. Jei norite sužinoti, daugiau, ateik į mano seminaro. 

Taigi tai yra kažkas, ką jūs galite padaryti. Ir CSS tikrųjų gali do-- CSS ir JavaScript, kuri mes gauti į kitas week-- gali leisti jums dinamiškai keisti teksto be reikalo Perkrauti jiems visą laiką. Ir jums padaryti kai gana kietas stuff. 

Taigi nėra dar vienas dalykas kad jūs, vaikinai, galbūt norėsite padaryti ar kas nors norite ieškoti? Mes turime 10 minučių liko. Mes taip pat gali palikti anksti, bet jei norite ką nors daugiau interneto stuff, galime, bet aš ne ketina priversti jus. Bet mes taip pat galite tiesiog valgyti saldainių. AUDITORIJA: Pažymėkite tekstą baltas, todėl galite jį perskaityti. ALLISON Buchholtz-AU: Gerai. Taigi šiuo atveju, mes norime šiek psl. AUDITORIJA: Jei mes tai padaryti organas taip ji taikoma visam puslapį? ALLISON Buchholtz-AU: Taip, mes galime iš tikrųjų. Kad tai gera idėja. Taigi mes have-- padaryti jums žinoti, ką turėtume? Aš nežinau, jei mes galime padaryti teksto spalvą. Aš buvau ketinate išbandyti ir sukurti kitą klasę čia. 

AUDITORIJA: Kaip jums toks kad ji turi pasiūlymų? ALLISON Buchholtz-AU: Taigi jei jus vaikinai domisi, tai yra dar vienas tekstas redaktorius vadinamas Sublime. Turėtumėte galėti įdiegti ją į jūsų prietaisą. Kartais ji pasireiškia šiek tiek sudėtinga. Jei norite padėti, kad, Aš super mielai Jums padėsime su juo, nes gedit yra didelis ir tai nuostabus, nes jūs galite sukompiliuoti ant dugno, bet aš tikrai kaip Sublime nes tai gana ir ji daryti dalykus kaip automatinio baigimo. 

Taigi galite tikrai nedvejodami leiskite man žinoti, jei jūs norite padaryti, kad. Jei tiesiog google "Sublime tekstas ", jis paprastai turi instrukcijas, kaip įdiegti dėl įvairių operacinių sistemų. Tai tikrai cool, aš manau, mano nuomone. Taigi p. Manau, kad galiu tiesiog padaryti text-- arba mes galime tik padaryti spalva "balta". Yra. 

Taigi, ką aš čia padariau, kad aš nepakito visą tekstą. Bet p čia yra tik tag, kad mes turime, ar ne? Ši dalis tag. Taigi, aš ką tik sukūrėte CSS elementas, sakė, gerai, nieko su šiai žymai p, padaryti balta spalva. 

Taigi, jei pastebėjote, kad padarė tai balta ir tai baltas. Jis nepadarė mūsų sąrašas baltas, nes jis nėra susijęs su tuo. Galite eiti per, ir jūs gali say-- 

AUDITORIJA: Ar fono spalvą. 

ALLISON Buchholtz-AU: Fono spalva? 

AUDITORIJA: Faktinės vamzdis spalva kur jūs įtraukėte p tag. 

ALLISON Buchholtz-AU: Gerai. Jūs norite, kad jis baltas? AUDITORIJA: Mmhmm. ALLISON Buchholtz-AU: Gerai. There you go. AUDITORIJA: Tai keista. ALLISON Buchholtz-AU: Gana kietas, ar ne? Taigi, jei jums tiesiog pažaisti, jūs ketinate mokytis daug. Ir ji gali būti gana kietas. Manau, kad tai tikrai daugiau Džiugu, nei kartais nes jūs neturite laukti jūsų programa kaupti. Jūs galite tiesiog paspausti Atnaujinti ir jūs kaip, oi, atrodo, jis dirbo, ar ne, aš tikiu, tikriausiai kažko trūksta. Ir kad kažkas, kad tikrai cool apie šį kitą dalis klasę, yra tai tikrai, aš manau, lengviau patikrinti kaip jūs einate keliu, palyginti su nereikės kurti šiuos ilgus programas ir norintiems ir meldžiasi kad ji veikia pabaigoje. 

Taigi su tuo, manau, vaikinai visi atrodo gerai. Jei turite kokių nors klausimų, kaip visada, ateiti pasikalbėti su manimi, ateina, leiskite man žinoti. Aš būsiu teisę už per ateinančius 15 minučių jei norite kalbėtis apie nieko ir viskas. 

Taigi, aš tikiuosi, kad jūs guys-- Sėkmės su šiuo pset. Terminas yra penktadienis vidurdienį nes jis buvo išleistas vėliau. Taigi, aš tikriausiai bus matyti iš jūsų vaikinai ketvirtadienį daug, bet tikiuosi ne. Gal jūs turite tai padaryti tada. Būčiau super didžiuotis. 

O jei ne, aš pamatysiu jus ketvirtadienis. Taip pat galite naudoti vėlyvą datą, išplečia jį iki šeštadienio vidurdienį. Bet aš don't-- huh? 

AUDITORIJA: Helovinas. 

ALLISON Buchholtz-AU: Tai Helovinas, A, ir B Aš nemanau, kad bus būti darbo valandos penktadienį. Taigi tikrai išbandyti ir gauti jį padaryti Penktadienis, kad mes visi galime švęsti Hallow savaitgalį. Gerai, aš pamatyti jus vaikinai kitą savaitę.