[Musika jotzen] ALLISON BUCHHOLTZ-AU: Guztiak eskubidea, denok. Ongi etorri berriro atala. Beraz, gure gaurko agenda joan Askoz gehiago web dev gauzak gainetik. Ez dakit zenbat ikusi duzu zure psets geroztik kaleratu zen gaur goizean lehenago. Zenbat litzateke I Jende zehaztapenak irakurri dute, baina ikusten nola Denek edan ahala , bezala, zazpi ordu begiratu eta hori da bat astelehenean eta Seguruenik klasea izan duzu, Suposatuko noa duzun gehienak ez dute. , Kudos estra badaukazu. Funtsean, laguntzen ari zara web sinple bat ezartzeko C-zerbitzariak, eta horrek marka pset berria da, beraz, you guys Ginea txerriak izan. Honez dibertigarri bat izango da, aste basatiak, baina uste dut fun asko izango da eta benetan bat besterik ez da izango esperientzia ona benetan. Beraz duzu prestatzeko hori, gaur atalean, chmod, TCP / IP joan goaz, eta ondoren, HTML eta CSS pixka bat. 

Amaieran, benetan dugu kodea Web orri sinple bat elkarrekin lagundu nahi baduzu guys motatako lortzeko gehiago ohituta. Eta gero, ez baduzu dute bildu Zure galdetegiak, Oraindik aurrean dute, baina nahiko ziur denek naiz hemen beren galdetegi ditu. Eta, gainera, ohar horretan, konponbideak ez daude oraindik, baina ahalik eta azkarren gustuko dugu amaitzeko gisa, azken biztanleen beren quizzes-- hartu gora izango dira. Edozein zalantza izanez duzu bien bitartean, me email pertsonalki free sentitzen. Zure banakako egingo dut erantzuteko galderak, beti egin dudan bezala. 

Beraz, ohar horretan, chmod on. Beraz, funtsean duzun guztia to chmod buruz jakin behar da aldatzeko erabiltzen duten fitxategi baimenak, ezta? Beraz, sistema batzuetan deitu da aldatzeko baimenak, hemen dio gisa. Eta inoiz ikusi nahi badituzu zer du fitxategi baten baimenak, ordez egiteko ls, ls -l egin ahal izango duzu. l luzea egiteko dago. 

Beraz, zerrendak luzea egin duzu guztiaz, eta horrekin zuk askoz zehatzagoa emango Zure fitxategi bakoitzari buruzko informazioa. Eta ikusten duzu zerbait naiz aurretik saltatzeko segundo bat joan baina antzeko zerbait ikusiko duzu Goiko lerroan han fitxategi bakoitzeko. Eta zer esan nahi bidez egingo dugu. 

Beraz, funtsean, aldatu fitxategi baimenak, chmod erabili nahi duzun. Dezakezu uste daiteke beste edozein bezala UNIX ls edo cd edo halakoak sartzen deitu. Besterik bestera bezalako dei mota. 

Beraz chmod egiten dugu eta gero egingo ditugu hiru digituak normalean. Badira pare bat modu egin eta horietako bat da, guk joan beharko. Baina, normalean, hiru izan dituzu digituak 0tik 7 aldi bakoitzean bitarteko. 

Beraz, gauza bat da, ez direla hiru baimen ezberdinak duen fitxategi bakoitzarekin eman dezakegu. Eta irakurgarria da, hau da, r irudikatzen dute, eta horrek zentzurik izango pixka batean; w, hau da, idazgarria; eta exekutagarria, eta horrek x da. Dakit, e bat, exekutagarria, agian ez du zentzurik, baina adierazten da x batekin. 

Eta gero, zer gertatzen da horietako bakoitzean Era berean, zenbaki irudikapena. Beraz, 1, 2 eta 4. Eta, batez ere, zer gertatzen da hiru zenbaki horiek bakoitzaren Hemen bat dagokio erabiltzaile multzo ezberdinak baimen horiek pertain dute. 

Beraz, pentsa dezakezu lehenengoa Zenbaki erreala erabiltzaileari dagokio edo fitxategiaren jabea, bigarrena zenbakia zein taldean sartzen da, eta azkena aipatzen munduari, OK? Beraz, zer gertatzen da gogoratu zenbakien r horiek 4 da, w 2, x 1 da, ezta? This-- horiek laburbildu nahi izanez gero, duten lehen zenbaki hori ematen dizu Gure chmod sarrera agian dugula. 

Kasu honetan Beraz, zer zenbaki hau izango litzateke? Litzaidake 4 gehi 2 izango da plus 1, hau da, 7 bat, ezta? Eta, kasu honetan, hauek ez ezer izan, beraz, hau hementxe litzateke itzuli 700 chmod, OK? Eta zer esan du guztia ematen dute Zure erabiltzaile baimen horiek. 

Beraz, hau da gure erabiltzaileak esan nahi du egin dezakeen edozer egiten du. Fitxategi hau irakurtzen dute. Fitxategi hau exekutatu ahal izango dute. Ez dago fitxategi honetara dute idazteko. Baina talde eta munduko, no cer-baimenak, OK? 

Beraz, modu batean idazteko, ahal dugun Egin chmod hiru digituak of, hauetako bakoitza edozein dela batuketa edo dagokie talde jakin da, azpimultzo espezifikoak. Edo benetan ahal izango dugu beste gauza bat. Hold on. Horiek hemen zerbait egin ahal izango dugu. 

Nola asko adibidea ikusi non plus x a chmod bezalakoa izan zen? Ba ikusten duzu hitzaldia, uste dut? Beraz, guztiek nabarmentzen. Eman erabiltzaile guztiei esan nahi du, horrek hemen jartzea ahaztu dut. 

Baina gehi x bat, badugu konturatu hemen, ez badugu zein taldetan gaude chmod-- to baimenak buruz plus hizketan eman nahi dugu. Beraz, hau plus edo minus bat izan daiteke. Plus baimena gehitzen. Minus kentzen baimena. Nahiko intuitiboa, uste dut. 

Beraz, plus bat x chmod esan nahi du. Beraz, pertsona guztien baimenak aldatu hau bat a-- add baimenak bada. Eta x-- hori zer esan nahi du baimena guztiontzat emateko dugu. Irakurri, idatzi, edo exekutatu? 

Ikusleak: Execute. 

ALLISON BUCHHOLTZ-AU: Exekutatu. Beraz, erabiltzaile guztiei ematen ari gara baimenik fitxategi hau exekutatu, OK? Beraz, zer egin nahi badugu zenbakitan adierazita duten? Beraz zenbakizko gogoratzen, hiru zenbaki nahi dugu. 

Ikusleak: 4. ALLISON BUCHHOLTZ-AU: Zer izan da hori? Ikusleak: 4. ALLISON BUCHHOLTZ-AU: Not 4. Ikusleak: 0, 0, 4. ALLISON BUCHHOLTZ-AU: Beno, nahi dugun emateko erabiltzaile guztiei, ezta? Beraz, behar joan slot bakoitzean zenbaki bat. Hori izango da slot bakoitzeko kopuru bera eman besterik ez dugu nahi duelako Denek exekutagarria baimenak. Beraz, exekutagarria 1, baina bide onetik. 

Genuen chmod 111 Hala bada litzateke chmod plus x baten baliokidea izango da. Ez duela zentzurik guztiontzat? To bidez joan goaz adibide pare bat. 

Beraz, takeaway big Hemen da bat, ez da hemen, baina bat bakarrik esan nahi du eman duten erabiltzaile guztiei. u da zuk nahi baduzu emateko edo eraman baimena zehatz bat erabiltzaileak edo jabeak. g taldearentzako da, beraz, erdian US duten. Eta gero, beste uste dezakezu mundua, azken digitua duten moduan. 

Beraz, ikusiko dugu joan adibide bat da, Adibide bezala sentitzen dut beti delako egiteko gauza horiek errazago ulertzeko. Beraz rwx-- this-- igaro genituen izan ere, 700 irudikatzeko. Hori adibide begiratu dugu Irudian gehiago. Beraz chmod 444 file batzuk zer baimenak emango luke? Benetan itxi zinen. Ikusleak: guztiei Readable. ALLISON BUCHHOLTZ-AU: Readable. Beraz, denek irakurtzeko moduan, ezta? Eta gero, zer da hori egiteko beste modu bat? Chmod egin nahi baditugu bai r-ren edo w en, plus eta minuses, dei hori litzateke itxura? It chmod beharko litzateke zer? 

Ikusleak: plus r a. 

ALLISON BUCHHOLTZ-AU: plus r a 5 edo. Ados, beraz, honek ez horixe bera da, itzulpenak bi besterik gabe, desberdinak Gauza bera. Beraz, honako hau dugu. Beraz, saiatu behar duzu guys eta idatzi nahi dut haien kontrako bidean horrelako. 

Beraz chmod 555 batekin, zer itxura izango luke? Litzateke plus edo u plus edo whatnot izango da? U gehi x, eman zidan hiru zenbaki. Eta gero esan zer baimenak buruz egia esan genuen ematen ari da eta nor den? 

Beraz, guys bi emango dizut minutu horretan lan egiteko. Feel free elkarren artean hitz egiteko. Duten apur bat izan zen ari dira Berandu, han gozokiak eta kamisetak da. Hiru kamisetak utzi dugu, eta Kit Kats eta Starbursts ditugu. Beraz, sentitzen free grab etortzen interlude txiki honetan zenbait. 

Era berean, azkena delikatua da. Bi chmods azkena da. Egia esan, utzi atea itxi me you guys diren bitartean lanean. Candy Beti beharrezkoa Astelehen arratsaldean. 

Ados, beraz, chmod 555. Zer da hori idatzi izan dugu beste modu bat? Ideia bat? Bai. 

Ikusleak: plus rx bat. 

ALLISON BUCHHOLTZ-AU: r plus rx. Zergatik ez, Rx litzaidake azaldu nahi duzu? 

Ikusleak: zuk izan delako 5, beraz, 4 plus 1, Beraz, irakurri plus exekutagarri, eta guztientzat da. ALLISON BUCHHOLTZ-AU: Eskuin. Beraz, besterik gabe, berretsi 5 hemen 4 eta 1 arteko batuketa bezala ezagutzen dugu, delako gure hirukotea zenbaki bakoitzak da azpimultzo duten baimenak batura, ezta? Edo erabiltzailea da, taldea, edo munduan. Beraz, kasu honetan, badakigu 5 4 eta 1 osatuko du. 

Eta 4 eta 1 dagozkie ulertzeko eta exekutagarria. Ematen ari gara, guztion, beraz chmod plus rx bat egin ahal izango dugu. Eta, jakina, joan besterik ez dugu galdera ez zaio; beraz, gaur egun fitxategi hau exekutagarria eta denek irakurri. 

Beraz, zer bigarren buruz? Zer liteke horretarako batuketa? Ideia bat? Anima zaitez. 

Ikusleak: 100 [INAUDIBLE]. 

ALLISON BUCHHOLTZ-AU: 100. Zehazki. Beraz, zergatik 100 azaldu nahi duzu? IKUSLEEN: da delako Erabiltzaileak, beraz, lehen postuan da. Eta gero exekutagarria x 1 da. ALLISON BUCHHOLTZ-AU: Zehazki. Beraz, exekutagarria emateko ari gara besterik erabiltzailearen baimenik. Beraz, kasu honetan, 100 izango litzateke. Eta erantzun guztiak I kasu horretan, hurrengo diapositiba sortu gauza asko idazten ari zaren behera. 

Ados, beraz, hurrengo hau benetan egiten da bi chmods batera, egin ahal izango duzu. Beraz, ez da inor izan edozein ideia nola you might lortu chmod 640 berridatzi beste modu batean? Lehenengo eta, ondoren, erabiltzaileak alda dezakezu aldatu ahal izango dira taldean nire aholkua da. 

Beraz, besterik ez ginen aldatzen bada erabiltzaileak, eta horrek lehen bat da hemen, zer liteke gure deia izan? Beraz, erabiltzaileak u da, ezta? Beraz chmod u plus zer? Mmhmm? 

Ikusleak: rw. ALLISON BUCHHOLTZ-AU: rw. Eskuin, irakurtzen eta idazten, irakurri duelako 4 da, w 2, batura horiek elkarrekin 6 gisa. Beraz chmod lortuko dugu u gehi rw, eta gure lehen 6 lortuko dugu han. 

Orduan 4 lortzeko, orain nahi dugu, Gure taldea ezarpenak aldatzeko. Beraz, chmod g plus zer egin behar dugu? Zer da 4 bat? 

Ikusleak: r. ALLISON BUCHHOLTZ-AU: r. Hain zuzen ere. Beraz, jabeak ematen ari gara irakurtzeko eta idazteko baimenak eta talde irakurritako ematen ari gara baimenak, eta horrek guztiak ditugu hemen. Mmhmm? 

IKUSLEEN: duzu zerbait idazten bada, du esan nahi da exekutatu ahal izango duzu? 

ALLISON BUCHHOLTZ-AU: You den zerbait idatzi ahal Ez dut uste hori dakar exekutatu ahal izango duzu. Cool. Beraz, hori da dena dugun joan bidez. Beraz, hau hurrengo, it da Kasu mota besterik ez ohikoa mantendu nahi duzula axola zure arazo multzo. Hauek dira normalean baimenak erabiltzen duzun bezala dugun. 

Beraz, 711, hori ematen gurekin, noski, erabiltzaile baimen guztiak, eta horrek zentzurik ohi da. Eta, ondoren, exekutatzeko da munduko talde, zentzua Direktorio batzuk izanez gero, duzu sartu zeharkatzeko gai izan nahi. Pertsonak eskuratzeko. 

Ez den edozein PHP fitxategia baterako, bazoazela 644 erabili, zer egingo zenuke? Zer esan esan nahi du, edo zer baimen hori eman du? Beraz jabea zer egin dezaket? Ikusleak: irakurri eta idaztea. ALLISON BUCHHOLTZ-AU: irakurri eta idaztea. Eta gero, talde eta beste batzuk irakurri ahal izango da, ezta? Eta gero chmod 600 inolako PHP erabiltzen dituzun fitxategi, zure jabea, berriz, ahal irakurri eta idatzi baina gainontzeko da Mota besterik blokeatu off. 

Beraz, hau benetan erabilgarriagoa da izan zaitez zure arazoa duzu datorren astean bertan benetan webgune bat eraikitzen ari zaren. Beraz, inoiz exekutatu bada arazorik arraro non ez da kargatzen behar bezala, agian exekutagarri bat gehitu behar baimena, edo agian, irakurri behar duzu edo idazteko baimenik. Jende bidaia ohi duten gauza txiki duenean, baina hori da mota go-like denean hurrengo astean pset hasten zara. Eta zuk gehiago emango nuke aste honetan pset gomendiorik, baina oraindik ez dut begiratu geroztik kaleratu zen gaur goizean. Baina niri mezu elektroniko bat, dut begiratu beharko at denbora bihar erantzuten dut. 

Beraz, gaur egun, mundu guztia da chmod ona? Lingering edozein galdera? Nahiko erraza. Mota besterik mantenduz pista zer irakurri, idatzi, eta exekutatu zenbakiak da seguruenik zailena parte. 

Beraz, TCP / IP, protokolo horiek guztiak izanda ere, mota zure datuen egitura bezala azken astean, askoz gehiago da Garrantzitsua mota lortu goi mailako horietako intuizio bat. Hau ez da CS143 nora goazen sare bat ezartzeko eskatu, beraz, isuna bada izango duzu ez baduzu ulertzen nitty protokoloak guztien gritty. Zer da garrantzitsua da ulertzeko motatako dutena ordezkatzen bezala eta zergatik garrantzitsua ari dira. 

Beraz, TCP / IP, noski, berau da Transmission Control Protocol edo Internet Protocol, hau da, funtsean, lege multzo bat, funtsean, edo estandarrak datu esango nola kudeatu behar da, nola packetized behar da, transmititu eta jaso. Beraz, funtsean, besterik ez bezala dio hemen, aukerak handitzen datuak lortzen non to lortu nahi duzun. 

Ziur nago asko guys joan bada Hitzaldia edo ikusi da online, Ez dakit bytes zuen Urte honetan egin zuen gero, baina iaz, ezagutzen dut izan du, demo non Rob argazki bat izan zuen eta zatitu zuen gora sartu lau eta jarri azalean eta saiatu lortzeko Sanders zehar. Eta mota egin dezakezu pentsatu horrela. Besterik ez da arau-multzo bat da, Datu kontatzeko nola someplace lortzeko eta aukera ematen dizu badakizu datuak falta dira, zuk, modu berean bazaude dagoela ohar orrialde bat baino gehiago hartzen eta etiketatuko 104 orria, orrialde-ekin 204, eta atzera egin duzu geroago aztertzeko eta zerbait falta zaizu Ezin duzu orri aurkitu 304-- badakizu zerbait gertatzen da, beraz, Zure oharrak azter ditzakete berriro edo galdetu norbaiti duzu bidaltzeko Hitzaldiaren amaieran egun horretatik aurrera oharrak. Interneten datuekin egiten diren moduan. I galdetzen bada nabil zerbitzari batzuk zerbait eta bidali behar da pakete bat baino gehiago da, Ziurrenik kopuru joan nolabait, utzi ni ezagutu zenbat jaso behar dut, eta esan dit, oh, hau da, 10 bat edo honek 10.000 bat. Horrela joan nintzen reassemble pieza guztiak elkarrekin, Zerbait falta bada ezagutzen dut eta ezin dut berriro eskatu. Ez duela zentzurik? Just arauak multzo bat. Bere oinarri berean, arauak ezarri, OK? 

Beraz, hitz egin dugu bat portu buruz pixka. Hau da, benetan estandar bat besterik ez da zer datu-mota ezagutzen pergamino da pakete hauetan bidaltzen ari. Batera joan gara, gure gutunazal Adibidez, ez dugu Badakizu argazki bat dela Rob han idatziko dugu behintzat Gure kartazal kanpoaldean. Beraz portuak dira, funtsean, gauza bera. Besterik irudikatu modu bat da zer datu mota bidaltzen ari dira. 

Beraz, hori guztia egin behar dugu komunak direnak gehien hemen. Beraz 21-- horiek dira ere mota gauza onak gustatzen jakitea. Galdetegi erraza galdera mota da. Bezala, zer du 80 ataka egin izan? Edo, zer egiten du 443 portuan? Beraz, gauza ona da jakitea. 

Beraz, hemen dugu, 21 fitxategi transferentzia protokoloa, beraz, besterik ez arauak fitxategi transferentzia arautzen duten. 25, zerbait dugun guztiak erabili gehiegi, email da. 53 domeinu izena da sistema, hau da, funtsean, besterik ez du bilaketa bat mota IP domeinu baten ezaugarriak. 

Beraz, nahiko ziur zen naiz hitzaldian aipatu, baduzu antzeko zerbait joan google.com, IP helbide bat du hori da lotutako. Ez da benetan google.com. Eta beraz, 53 ataka da hori benetan hartzen itzultzeko moduko zainketa IP zuretzat helbide horretan. Eta gero, 80 eta 443 espezie oso arruntak. Duzu, bai zure web eduki edo zure web segurua duzu, zein web orriak asko daude gorako transferitzeko orain. 

Beraz, maila motatako altua da transferentzia protokoloa ikuspegi orokorra. Ez dut askoz sakonki gehiago ikusteko. Cool stuff mota It Oraindik Interesik baduzue. Badira baliabide askorekin. Wikipedia benetan orria nahiko ona. I Beraz, begira zegoen duela pixka bat, beraz, gomendatzen nuke begira Oraindik Interesik baduzue edo hartu 143 bi urte delako Uste dut beste urtero da. 

Beraz, honen bukaeran, gaude web orriak eta HTTP buruz hitz egiten, benetan gure hurrengo gaia da gaur egun baino lehen dugu HTML eta CSS sartu eta egia esan kode dezakezu gora web-orri bat. Dibertigarria izango da. Argazkiak izan dugu bunnies du, eta handia izango da. 

Beraz, HTTP, hemen ikusi dezakezu bezala, da eder sigla bat Aste honetarako, hau da, Hipertestua transferitzeko protokolo. Beraz, berriro ere, besterik ez da arau multzo bat dagoela hipertestu arautzen transferitzeko, kasu honetan. Beraz, ikasteko modurik onena buruz hau besterik ez mota apurtu behera sartu banakako hitz horiek daudelako asko pantaila ez hitzak. 

Beraz, goaz hipertestu batekin hasiko da. Beraz, "hiper", zuk pentsa dezakezu "Goian", bezalako super-mota gauza. Beraz, benetan besterik testua eraman Hurrengo maila, da super testu atsegin eta beraz, hurrengo testua bezala. Beraz, funtsean, besterik gabe, hori ematen digu testu baino informazio gehiago Testua normal egiten du, OK? 

Beraz, kasu honetan hemen, hau hipertestu da. Hau kontatzen digu badugula horretara goaz esteka batzuk bertan cs50.net da, eta horrek da orain cs50.harvard.edu. Diapositibak horiek pixka bat zaharra dira. Eta hori zer erakutsi joan da hau, hiperesteka gisa, eta, ondoren, benetan cool web orri bat. 

Beraz, testua da, hau da, pixka bat Han gauza benetan cool apur. Beraz, gauzak lotu ahal izango duzu, eta ahal duzun irudiak sartzea eta gauzak estiloa izan daiteke. Eta gauzarik ezagutzen duzun guys ziurrenik hipertestu behar da Hipertestua Markatzeko Lengoaia, HTML, jakina, web-guztiak gure inguruan ikusten dugun, emandako CSS estilo batzuk bota. 

Baina inor bada zen Benetan MySpace big, Ziur zuk erabilitako HTML nago Sortuko denbora guztian profilak perfektua horiek, ezta? Bezalako bat izan daiteke sentitzen dut erreferentzia zaharkitu orain, baina edozein dela ere. Just pixka bat asko guys ez direla askoz gazteagoa. Batzuk ni baino zaharragoak dira. MySpace zen oraindik bat Gauza gaztea nintzen. Ez naiz zaharra. 

Anyways, HTML hipertestu-modu bat besterik ez. Beraz hipertestu besterik ez da erantsia duten testua. Beraz transferitzeko protokoloa da seguruenik gehiago iffy gauza azaltzeko. Jakina, transfer-- besterik datuen transferentzia. Beraz, bai bezeroaren artean, bezalako Zure web anaia, eta zerbitzari bat. Beraz, funtsean, besterik gabe, Bide Interneten lan egiten du. 

Beraz eskatuta zehatza nola lan horiek, gaude benetan bat begiratu Adibidez eskaera eta erantzun. Baina, nola eskatu zerbitzari batetik informazioa eta nola zerbitzariak gurekin erantzuten da transferentzia protokolo hori zer arautzen du. Beraz, eskaera eta erantzun dute berariazko araudi hauek jarraitu. Honez normalizatua axola, beraz, non internet erabiltzen ari zarela, beti berdina funtzionatzen du, OK? 

Berriz ere, protokolo, arauak ezarri. Besterik normal bat modu berean, elkarrekintza duten Malan irakaslea buruz hitz egiten du norbaitek bere eskua zabaltzen bada, badakizu courtesy komun dela Zurea iristea, eta astindu bere eskua. Hori protokolo bat da, ezta? 

Beraz, eskaera normalizatua batzuk emango ditut, hau da zure eskua nahi dut, eta normalizatua batzuk ematen dizute erantzunez, bai esker ez da: edo saiatu eta astindu ahal izango duzu nire eskuz edo agian zu saiatu joan eta ukabila erliebe me. Eta ez dugu horretarako protokolo bat. Behera hausten da. Baina denek jarraitzen du Protokolo bera, noski, askoz gehiago baitituzte doa. Pertsonak elkar ezagutzeko. Pertsona orok zoriontsu. 

Beraz, web-aren munduan, denek rules-- berean jarraitzen gizarte-estandarrak baino zertxobait hobeto. Baina hori, ikusiko begiratzen dugu Adibidez eskaera bat hemen. Beraz, ez da txiki honetan gakoa hemen behean duen kolore ezberdinak esaten dizu, zer suposatzen ari dira esan. 

Beraz, zuria besterik ez da zure metodoa bezalako eskaera eta protokoloa version-- beraz, metodo eskaera, version. Eta gero, hau da, zenbait Eremuaren izena eta balioa Eremu horretan, zein izango dugu oso, oso laster sartu. Beraz, honen adibide eskaera bat da. Hau zabalduz, ni bezalako da, neure burua aurkeztu nahi. 

Honek zer bezeroa da edo zer zure nabigatzailean egon zure zerbitzarira bidaltzen litzateke. Beraz, hau get eskaera bat da, beraz, handia da zerbitzariak zerbait eskatuz. Eta, jakina, HTTP eta 1.1 bertsioa da. 

Hortaz, hona hemen honen gainerako da, zer deitzen dugun goiburua, eta bere informazio gehigarria duten ideia hobea ematen digu benetan ari gara eskatuz, edo nahi dugun informazioa emateko zerbitzaria Bidezkotzat liteke. Beraz Erabiltzaile-agentea ematen batzuk gehiago deskribapen adibidez, nik, hemen, Curl / 7.24.0 benetan kontatzeko joan Googleren erabiltzen ari gara zerbitzariak Gure nabigatzailea Chrome. Beraz, inoiz entzuten duzun zerbaiti buruz hitz egin duten Aplikazio bat sentikorrena egiten buruz hainbat nabigatzaile, Hau da, zerbait dutela zeren erabili nahi duzun bada ez dakit zer nabigatzaileak eskaera da datozen, Ezin duzu datuak neurrira horretara. Beraz, kasu honetan, erabiltzaile besterik ez da, mota honetako ematea identifikatuz informazioa zer nabigatzaileak buruz Zure erabiltzaile Unean erabiltzen ari OK? 

Orduan ere izan dugu antolatzailea, hau da, non benetan ari gara joan nahi. Kasu honetan, joan nahi dugu apple.com, erosi batzuk cool iPads berria edo zerbait, agian cute gure gela logela at argiak. Eta izena amaierako balioa besterik ez da betegarri, gauza orokor bat besterik ez you guys ikusteko. Ez du benetan Hemen ezer dagozkie. 

Beraz, askoz ere edo hitz egin dezakezu Apur kasu bakoitzean nahi duzun bezala. Gehienetan, hauek aukerazkoak dira. Zer araberakoa arakatzailetik behar duzu, Zure erabiltzaile ordena tik behar bezala eskaera emango. Edo araberakoa da zer zure erabiltzailea benetan amore ematen zerbitzariak nahi du. Beraz, asko, asko izan ditzake horien goiburua eremuen izenak edo, besterik gabe dezakezu pare bat. Beraz, gauza asko gertatzen den bezala Atal honetako Nik esan, testuinguruan benetan araberakoa of hau nola erabiltzen ari zarela. 

Beraz, ez du zentzua guztiontzat? Hau besterik adibidea da eskaera, goiburuak, whatnot. Ados, beraz, erantzun batzuk ditugu. 

Berriz ere, gure egoera kodea protokoloa daukagu bertsioa, eta, ondoren, eremuaren izena eta eremu baloratzen beti bezala. Beraz, gure protokolo bertsioa eta gure egoera kodea 200 da. Ados, horrek esan nahi du, Bai, dena ondo joan zen. Hona hemen zer nahi duzu. 

The zerbitzari mota, edukia Kontatzen digu Asteko du Ados, Oraindik Testua HTML batzuk lortzeko. Hemen luzera da eta hemen, zer konexioa egin behar duzu. Ados, beraz, berriro ere, arabera Oraindik data- eskatuz, kontuan hartuta zer zerbitzarian dauden itzuli nahi, eremu horiek gehiago izan ditzake izenak, gutxiago izatea. Guztiz testuinguruaren menpe. 

Eta izan ere, egoera hau bezala Hemen kodea, noski, 200 ez da bakarra izan duzu, ezta? Egoera kode asko ditugu. Norbaitek gogoratu edozein beste batzuek hitzaldian aipatu dugu? Horietako asko hasteko 4. 

Ikusleak: 404. 

ALLISON BUCHHOLTZ-AU: 404, zein da? 

Ikusleak: Ez da fitxategia aurkitu? 

ALLISON BUCHHOLTZ-AU: Ez da fitxategia aurkitu. Zehazki. Beraz, zer 403 buruz? Ikusleak: Debekatuta. ALLISON BUCHHOLTZ-AU: Debekatuta. Beraz, zer uste duzu duten chmods esan nahi du? 

Ikusleak: esan nahi du, ez, irakurtzeko baimenik. 

ALLISON BUCHHOLTZ-AU: Zehazki. Nolabait, Ez duzu- baimena sartzeko, ezta? Beraz, 404, 403. Benetan dibertigarria bat, beti dugu urtero aurkeztu duten I jarri behar hemen, 413 bezala, hau da, teapot bat naiz. Hau google ditzakezu. Honelako Bitxia da, duela kodea da 413 eta teapot bat naiz da. Zein, ez dakit zergatik egiten duzun inoiz behar duten Interneten, baina I digress. IKUSLEEN: Agian tea pot bat. ALLISON BUCHHOLTZ-AU: Beharbada zerbitzariak tea pot bat da. Nork daki? Ondo da, beraz, buruz ari gara kodetze benetako trantsizioa. Ari zaren guys joan sentitzen dut hemendik nahiko azkar. 

IKUSLEEN: Zergatik egiten du esan "zerbitzaria: bi aldiz? 

ALLISON BUCHHOLTZ-AU: Hm? Server birritan? Hori galdera ona da. Ez nago ziur. Jakin ahal izango dut, eta Duzun guztia email egingo dut. 

Ados, beste edozein galdera gain? Good? Cool. 

HTML eta CSS, eta gaur egun dugun fun leku guztietara iristeko. Beraz, lehen aipatu dut, HTML da seguruenik gauza bat you guys gehienak ezagutzen. Beraz, Hipertestua Markatzeko Lengoaia. 

Modurik onena this-- ikasteko ez dut Bat prestatutako diapositiba edo ezer you guys HTML da. Benetan da sintaxia ikasteko. Eta MySpace hasi zinen Egun, hau behera izango litzateke. 

Beraz, benetan, gauzarik handiena da justu eta landu esperimentua. Dituzten baliabide handi bat nuke handiko erabiltzea gomendatzen W3Schools da. Beraz, besterik W, 3, eta, ondoren, Ikastetxeak. Asko behar dute HTML baliabideak, CSS on, eta benetan dute bat pantaila zatitu gauza sort bertan emango dizute, adibidez kodea. It fiddle dezakezu, aldatzeko, eta sakatu Update, eta zuk erakusteko izango da zer benetan web orrialdera egiten du. 

Beraz, oso nuke gomendatzen hori erabilita. Nahiko cool. Ez duzu, matxurak seg zaitez Hemen gauzak okertuko. Iristeko kudeatzen baduzu HTML seg matxura bat, Ez utzi ni ezagutu nago delako joan errealean jakin ahal izateko. Baina benetan cool delako Gauzak aldatu ahal izango dira, Ikusten duzun zuzeneko eguneratu itzazu. Eta uste dut asko bat lortuko duzu HTML eusten intuitiboagoa benetan besterik ez pasatzeko bada batzuk Denbora da esperimentatzen. Beraz, horregatik esan dut, praktika eta esperimentua. 

Google, hemendik aurrera out, ziurrenik izango zure baliabideak eta lagun onenetako bat. Edo Bing-- naiz Microsoft lan, beraz, agian Bing esan behar dut. Baina gauza askotarako besterik ez da sintaxia izango da, beraz, zer tags dira ulertzeko, understanding-- gutxienez CSS-ekin atributu jakin nola aldatu. Super erabilgarria izango da. 

Ez dugu Beraz, nahiz eta Bat prestatutako gauzak, Izan ez dugu praktika onenak batzuk mota saiatu duzu guys eta egon nahi dugula by-- edo, hobeto esanda, behar duzu aniztasunean bat eginik abisatu arte. Beraz, itxi etiketa guztiak. Zorionez denek bytes badakizu zer, hau da, ez duela zentzurik oraintxe, Agintzen dut zentzurik izango da Orria kodeketa ari gara. Baina itxi etiketa guztiak. Beraz, inoiz ez baduzu batzuek bada goiburua duen tarte, H1, parentesi, ziurtatu hori gordetzen egin direnean zaren, goiburuak ixtean. Balidatu zure orrian W3 Validator batekin. Zuk ez itxi tags bada, ustekabeko portaera lor dezakezu. Esango da zure orria ez da zuzena it validator honen bidez exekutatu bada. Beraz, doubt-- eta bereziki aste honetan eta datorren astean en duten galdetzen dugu modu berean pset-- check erabili behar duzu 50 eta estiloa 50, hau ezin duzu uste Zure egiaztapen bat dela, OK? 

Beraz, bada, ez du gainditu W3 Validator du. Zerbait duzun Dock egingo dugu. Edo dizut eskubidea orain, zuk Dock egingo dut. Beraz, ziurtatu baliozkotzen. Ez da zaila. Duzu zure kodea itsatsi besterik eta horren berri izango bai lan ona esan edo ari zaren falta modu berean zerbait estilo hori 50 esaten dizu non aldatzeari zaren. 

Eta gero, azken gauza bat da bereizteko nahi duzun Zure markaketa, horrek HTML hori guztia da edo zure testua, eta zure estiloa. Beraz, adibide bat egin dugu eskubide hori honen ondoren. Beraz, HTML eta CSS bereizi izan behar du. Eta ari gara buruz hitz egiten joan MVC, hau da Model View Controller, datorren astean. Zaudete egin beharko lukete seguruenik hitzaldia buruz ikasi bihar izan baduzu Dagoeneko ikasi gaur. 

Eta besterik ez mota paradigma duten joera dugu weba sortzeko erabili gauzak bereizteko orriak out. Duzu uste dezake, modu berean ohi dugun C funtzioak bereizteko non gauza aurkitu hash ditugu. Besterik modu bat da zure bizitza errazago. Out bereizten ezaugarriei edo kodea duten duzu behin eta erabiliz litzateke berriro, baina modu horretan, mota mantentzen polita eta neat. Eta aldatu nahi badituzu Gauza bat, aldatu duzu behin eta nonahi bestela aldatu da. Beraz, gehiago da, zure erraztasuna eta malgutasuna. 

Beraz, CSS, oso antzekoa da HTML, baizik etiketa Aipatu dut orain, dugu zer ari selectors izeneko erabili. Eta dute, funtsean, besterik gabe mota of erlazionatuko Etiketa jakin bat atributu desberdinetako HTML. Noiz eta atributuak diot, esan nahi dut letraren kolorea bezalako gauzak, letra-estiloa, Atzeko planoan kolorea, Zure testuaren kolorea. Gauza mota horiek. Da zentratuta bada bezala, da eskubidea off bada, guztiei inverted-- bada Gauza horiek cool. Edozein estilistiko gauzak ez duzula testua, hau da, zer esan nahi atributuak dut. 

Eta orduan ezagutu bi gauza nagusia dela the factors-- nagusietako bi selectors-- NAN, eta hori berezia da. Erabili dezakezu bakarrik gauza bat da. Bestela, nahi duzu Yell da joan. Eta noiz definitzen dugu CSS fitxategi batean izango da hash NAN eta, ondoren, zer egozten nahi dugu. Goaz agintzen dut adibide baten bidez joan. Zentzu askoz gehiago egin ahal izango da. 

Class bloke anitz aipatzeko. Beraz izan dezakezu zure Lehenengo eta hirugarren paragrafoan bada atributu moduko bera dute horiekin lotzen klase berean. Eta horiek definitzen dugu CSS ere, dot klase bat egiten dugu, klase izanik, edozein dela izendatu behar du nahi duzu. 

Beraz, ezagutzen dut, hau da eskuin orain oso abstraktua. Horregatik kodea goaz. You guys maite ezagutzen dut du, eta zauden guztiak me laguntzeko delako joan hau da, zure web. Hau da gure atalean, web orria da, guys. Beraz, I aurretik ez edozein galdera itzali PowerPoint, edo ezer berriz joan nahi duzu kodifikazioa hasten gara aurretik duzu? 

IKUSLEEN: Noiz Partidu tags esan duzu, ez Selectors edo etiketa esan nahi duzu? ALLISON BUCHHOLTZ-AU: You can Horietako uste gauza bera dira. Besterik hitz desberdinak da. Esan nahi Selectors atsegin dut. Baina Selectors halaber tags mapatzeko. Beraz, horiek pentsa dezakezu gisa eraginkortasunez gauza bera. Nik egin joan agintzen dut zentzu handiagoa hartu dugu kodea. Ezer PowerPoint edo galderaren bat oraintxe dugu aurretik benetan sortu gure atalean orria? Guztiek prest? Cool. 

Beraz, inork hasi behar dut. Let-tipoa handitu me you guys. Ados, beraz, oraintxe bertan, besterik ez dugu bat biluzi hezurrak web orria hemen. 

HTML batzuk ditugu. Goiburu batzuk daukagu ​​eta guk ikusi hemen adibide web orri gisa. Izenburu batzuk, letra batzuk. Hauek tags daude, OK? Beraz, esan nahi dut itxi tags, ikusiko dugu Hemen parentesi buru honetan zure inaugurazio da Etiketa, eta tarte horretan / Buru itxi da, OK? 

Beraz, honen duzula uste izan bezain zure giltza zure baldintza bada ere edo loops your. Hasieran bat badaukazu, amaieran bat nahi duzun. Oraindik lan egingo du denbora gehiena ez baduzu, etiketa bat itxia izan, baina praktika onenak itxi etiketa da. 

Beraz, kasu honetan, hau alda dezagun. Zazpi atalean izan gara. "Artikulua webgunean ere." Naiz, beraz, hau aldatuko. 

Eta badugu hona joan eta guk reload-- gotta gorde eta reload-- nabarituko dugu sortu hemen aldatu, ezta? Cool. Beraz, honen izenburua aldatzen. Hau dena delakoa zure fitxa dago. 

Beraz, hau da, mota aspergarria mota bila. Ez dut guys buruz jakin. Uste zerbait nahi dugu, bestela, hemen dut. 

Beraz, zer egin dezakegun da Goiburu da, besterik ez. Egin gorputzaren nolabaiteko dezagun. Beraz, gorputz batzuk ditugu hemen. Egin dut beti, irekia eta itxi nire tags hasteko, Modu berean horretan giltza egiten dut. Ah. Itxaron, zer? 

IKUSLEEN: [INAUDIBLE]. ALLISON BUCHHOLTZ-AU: Ah. Zaudete got me. Lan ona. Gold star. 

Ados, beraz, gorputz batzuk ditugu hemen. Eta orain hasiko testu batzuk gehituz utzi. Beraz, pare bat desberdinak behar duzu Testu gehituz aukerak. Goiburuak gauzak ditugu. Testu normala daukagu. Hargatik goiburu batekin hasi besterik ez. Egia esan, nahi baduzue W3 School HTML tira, mota dezakezu begiratu inguruan eta ez dago ezer bada probatu nahi bereziki duzula Web orri honekin, hori egin ahal izango dugu. Beraz, kasu honetan, egin besterik h1 batzuk utzi. Beraz h1 goiburua altuena bezalakoa da. Duzu zerbait emango dizu hori oso handia eta lodia da. 

Eta, kasu honetan, zer egin nahi dugun Gure web orrian lehenengo testua da? Ezer. Zaudete hau sortzeko. Besterik ez naiz idazten joan. Ikusleak: Ongi. 

ALLISON BUCHHOLTZ-AU: Ongi etorri. Ados, beraz, gorde egin dugu, eta kargatu berriro diogu, ongi etorri handi handi bat behar dugu. Beraz, besterik gabe, beraz, ikusi ahal izango duzu desberdintasunak, egin dezagun zerbait H6 utzi. Zer hementxe nahi dugu? Eskuin? 

Ados, beraz, besterik ez, beraz, ahal duzun aldea ikusteko. Bai, Sublime. Beraz, konturatu izanez gero, H1, oso, oso handiak. H6, lodia bezala, baina askoz ere txikiagoa, eta arteko guztia duzu. Beraz, h2, h3, h4 izan dezakezu. Eta horiek dira, goiburuak, saiatzen ari bazara orain Web orri bat sortu nahi duten atal ezberdinak ditu, Agian erabili nahi duzun hor nonbait goiburuak. 

Cool. Beraz, bat gehiago gehitu beharko dugu gure gorputzean gauzak. Mota izango litzateke ikusten dut cool irudi bat bagenu. Erabili izan denek bezala, agian, sentitzen dut cute bunny irudi bat oraintxe buruz, beraz ari gara aurkitzeko joan Bunny irudi bat lehen. 

Ez dakit you guys dute edozein bada lehentasunak zein bat dugu nahi. Ez lehentasunak edozein izan duzu? Hau hemen? Down. OK. Ohikoa aukera bat da. Good aukerak. 

Ados, beraz, ari gara gure irudia ikusteko joan. Begira hori. Begira adorable gauza horretan. Nola liteke triste izango duzu honekin astelehen batean? 

Beraz, ari gara joan Irudiaren URLa kopiatzeko. Eta zer egin nahi dugun, dezagun, besterik gabe Esan paragrafoaren p batzuk ditugu. Esateko "Look goaz Cute bunny begiratu. d'awwww ". Maite dut nire bunnies. Etxean bunny bat daukat. Nire bunny galdu dut. Beraz, zer do-- goaz Ez dakit nahi baduzue this-- baina HTML to google, nola liteke irudi bat izan al duzu? Literalki, google baduzu "Besteak beste, irudi HTML" zergatik esango ez zaudete niretzat zer Etiketa honek izan beharko luke? 

Ikusleak: img source 

ALLISON BUCHHOLTZ-AU: img source Ikusleak: --equals-- ALLISON BUCHHOLTZ-AU: --equals-- Ikusleak: --quote-- bai. ALLISON BUCHHOLTZ-AU: Perfect. Lovely. Ikusi, MySpace belaunaldi, ezta? Ikusleak: Neopets. ALLISON BUCHHOLTZ-AU: Neopets. Oh, OK. Wow. Crazy izan dira. OK. 

Beraz, ziurtatu eskubide hori lortu dut. Cool. Beraz, hau hemen izan behar du. Eta gero, berriz kargatu, gure daukagu orrian bunny Ez da hau adorable? 

Hau da, beraz cute. A, argazki handi handia aukeratu duzu. Jaurlaritzak naiz. 

Ados, beraz, adorable bunny hau dugu orain. Gai bat gehitzeko ginen irudia, besterik gabe. Beraz, funtsean, ez dago inolako irudi bada gehitu zure web nahi duzun, gehitu dezakezu hau atsegin dute. Bada beste gauza bat izango litzateke Izan irudia gordeta duzun karpeta gisa berean Fitxategi hau, besterik gabe, ahal duzun edozein dela ere, irudi horren izena idatzi ordez, web lotura bat izatea da. 

Oraindik litzateke komatxo artean egon. Besterik ez litzateke bezalakoa izan dugu izeneko this-- izan balu Argazki hau izan dut gorde HTML fitxategi honekin karpetan editatzen ari naiz eta horrekin bunny.jpg deitzen zen. Izan ere egiten dugu eta erakutsiko litzateke. Hala ere, ez dut honetan gordetzen fitxategia eta Bunny mantendu nahi dut, beraz ari gara esteka jarraitzea. 

Ikusleak: Zer da rabbit.org? 

ALLISON BUCHHOLTZ-AU: rabbit.org. Appropriate-- bat da begiratu, hura hartu ahal izango duzu. Abetxuko. bunny.jpg. Bunny hau hartzea nahi dut. Oh, jainko, beraz cute da. 

Ados, beraz, goiburuak gehitu ditugu. Argazki bat gehitu dugu. Jakina, dugu gehitu testu batzuk hemen, ezta? Beste gehitu nahi badugu testuak, hau bezalako genuke joan. Beraz, hau parrafo bat da. 

Eta esaten dugu "parrafo bat da." Era berean, izugarria speller bat naiz, beraz, gauzak misspell dezadan. Just FYI. 

Beraz, beste bat daukagu paragrafoa hemen, ezta? Beraz, agian, zerbait egin nahi duzu Apur bat baino gehiago interesgarri Zure testu guztiak, eskuinera lerrokatuta atsegin dute. Agian zure testua zentratzeko, OK nahi al duzu? 

Beraz, norbaitek horiek erabili nahi izanez gero Zure aurrean erabilgarri ordenagailuak eta esan nola Oraindik Testu hau zentratzen dute egingo, 

Ikusleak: p align. 

ALLISON BUCHHOLTZ-AU: Beraz, p align berdin "center". Nik zuen hil, guys. Urratsera behar Y'all. Eta behar dugu "Hau zentratua dago." Eta orain zerbait zentratua dugu. 

Era berean, baduzu Nahi ezkerrean lerrokatzea da, align berdinen egin dezakezu ezker, align berdin eskubidea. Erabat sortu duzu. Hementxe egin badut, orduan hau should-- orain, eskuineko bidetik. 

Ikusleak: Allison? Irudia iturri batez, zergatik ez da ez img iturri itxi? ALLISON BUCHHOLTZ-AU: Barkatu. Honek bat izan behar du Han orain onak duzu. Orain onak ditugu. IKUSLEEN: ez duzu itxi ez, edo ez? ALLISON BUCHHOLTZ-AU: Beno, beraz img iturri, hau irudiarekin just da, besterik ez da elementu bat bezala ikusten, berriz, horiek gainerako nabarituko duzu, Etiketa batzuk orduan informazioa egiaztatzen da batena itxiera etiketa batera eta gero. Baina irudi batekin, dena da sort auto-jasotako. Cool. Beraz, you guys ezagutzen nola bat sortzeko goiburua, sarrerako testuan nola badakizu, Irudi bat nola jarri badakizu gaur egun ere, gauzak lerroan dezakezu. 

Beste gauza bat duzula egiteko gai izan nahi izatea dagoen zerrenda bat sortzeko CS-- gaude Mota da hurrengo astean pset sartu. Gauzak dugun normalean irakatsi aste honetan doa oso ondo ekin hurrengo astean pset, beraz gara nahastuz, gauzak hemen gainjarriz mota. Baina hurrengo astean baliagarria izango da. 

Beraz batzuk sortu nahi badugu zerrenda, nola egin genezake hori? Ezin duzu denbora honen erantzun. Beste norbaitek egin behar du. Ez da gogorra, guys, agintzen. Google "orden gabeko zerrenda HTML." Zer izan da hori? 

IKUSLEEN: [INAUDIBLE]. ALLISON BUCHHOLTZ-AU: Eskuin. Beraz, agindu nahi dugun edo orden gabeko? Egin orden gabeko bat utzi. Beraz ul batzuk, behar dugu eta horrek zerrenda ordenatu stands. Eta zer elementu bakoitzerako behar dugu? Ba al du bere etiketa propioa behar du? Ezin besterik hasten gara gauzak idatziz? 

Ikusleak: li. 

ALLISON BUCHHOLTZ-AU: li. Beraz, zer da gure zerrendan izango da? Zer egin nahi dugu? Egin besterik ez dugu izen. Just egin Jacob. 

Ikusleak: Rabbit elikagai. 

ALLISON BUCHHOLTZ-AU: Rabbit elikagai. OK Gustatzen. Rabbit elikagai. 

Ados, beraz, azenarioak behar dugu. Untxi gaia hau gustatzen zait. Jaurlaritzak naiz asko. Ikusleak: Egia esan, pentsatu nuen Jacob duten legit bat izango litzateke. ALLISON BUCHHOLTZ-AU: Jacob? Jacob rabbit janaria da. Ikusi baduzu Jacob argazki bulego ordu, lortu zuen pentsatuko duzu agian hiltzaile rabbit erasoa. 

Ikusleak: Ez daukat untxi bat orain. Daukat killer untxi bat orain. 

ALLISON BUCHHOLTZ-AU: Are Txantxetan nauzu? 

IKUSLEEN: da hurrengo atala ekarriko dut. Dut. 

ALLISON BUCHHOLTZ-AU: Hau da barregarria. Hala ere. 

IKUSLEEN: [INAUDIBLE] 

AUDIENCE: Bai, nire PROCTOR untxi bat baita. 

ALLISON BUCHHOLTZ-AU: untxi bat nahi dut. Ados, duenak benetako untxi bat ekartzen Hurrengo atalean, guztira brownie puntu. IKUSLEEN: [INAUDIBLE] IKUSLEEN: Oh, ez da benetako. Beteak rabbit bat da. 

ALLISON BUCHHOLTZ-AU: Oh bai, itxi ahal izango ditugu hauek. Rad itxura. IKUSLEEN: benetan axola? ALLISON BUCHHOLTZ-AU: Ez da. Gauza horiek gehienak, ez dituzun etiketa itxi, Denbora ez da ezer txarra% 99 joan , gertatuko baina estilo ona da, too. Beraz, Jacob. Eta letxugak ditugu. Ikusleak: loturak egiteko, benetan garrantzitsua da. ALLISON BUCHHOLTZ-AU: Hm? Ikusleak: hiperestekak For. ALLISON BUCHHOLTZ-AU: hiperestekak For. Bai, hiperestekak behar. Ados, beraz, ikus dezagun hemen. Eta gure zerrendaren estua izan dugu. Eta begiratu hartan. All-- ditugu Jacob, bertan. Rabbit janaria. Gogorarazten dit Bunnicula dira. 

IKUSLEEN: [INAUDIBLE] ALLISON BUCHHOLTZ-AU: atzera jarriz naiz eskola erreferentziak zaharrean gaur egun guztian, ez dira I? Just Eskola zaharra erreferentzia guztiak. Beharko bezala ekarri dute Gogurts edo pintxoak zerbait. 

Ikusleak: Or Gushers. ALLISON BUCHHOLTZ-AU: Oh. OK. Ikusiko dut dut jarraipena bada Datorren astean Gushers behera. Uste dut hori egin daiteke. Baliteke behar dugula uste dut Bulegoan batzuk. 

Ados, beraz, ezberdinak asko estaltzen dugu Gauzak HTML egin dezakezu, ezta? Eta, seguru ikusten den bezala, oso ezer espero, ez oso intim-- bada, ez dut esan nahi Edozeinek gutxiesten duela. Arazorik izanez badituzu, mesedez, etorri nirekin hitz. 

Baina gehienak besterik ez da sintaxia begira, ezta? Ordenatu gabeko zerrenda bat nahi baduzu, Zerrenda moduko bat nahi baduzu, zerbait lerrokatu nahi baduzu edo formatu zerbait, guztia da bakarrik buruz moduko gora begira HTML sintaxia, ezta? Eta gauza bat da hori pretty cool benetan da joan behar zaie da Ikus dezagun, bada, Zer da web orri polit bat egin nahi dugun? Edonork edozein web orri gogokoenak direla OK up online ekartzea? Badakizu zer, utzi egin besterik ez CS50. Hori polita eta segurua, ezta? 

Ados, beraz, hemen CS50. Oh begiratu, ez da atal bat oraintxe. Bide nahi duzu bada itxura. 

IKUSLEEN: [INAUDIBLE]. ALLISON BUCHHOLTZ-AU: Ez gara meta atalean egin, guys joan. Ez da gertatzen. Cool izango litzateke, baina Oraindik ez dugu egin behar. 

Beraz, zer egin nahi duzu Could egin bidea nahi izanez gero obra hau beti da eskuin dezakezu Ezkutatu edozein nahi duzun web orrian eta egin dezakezu View Page Source. Gora ekarriko ditu HTML guztian. Eta hori da, benetan, benetan ona Modu zeure web orri estiloa emateko. Web orri batera joan zarela Benetan atsegin eta HTML begiratu eta irudikatu nola egin zuten. 

Eta literalki, betiere gauza aipatuko duzun bezala, betiere Oraindik besterik ez baita jendea lapurretan, OK da. Batez CS50 [? finantzatzeko?], gauden motatako zure zain iritsi beste webgune inspirazio. Beraz, sentitzen free. Webgune bidez Begira uste duzu dira benetan polita eta irudikatu nola erabiltzen dute HTML eta CSS gauza horiek egin. 

Beraz, hemen ikusten duzun bezala, ez da, jakina, loturak bezala eta klase bat dugu hemen. Esteka bat daukagu ​​hemen. Zerrenda bat daukagu. Ziurrenik daukagu ​​batzuk Hemen nonbait irudiak. 

Got cool estilo batzuk ditugu hemen. Honek hurrengo gauza da egin dugu. Beraz, estiloa, betiere, horiek ikusten duzu style parentesi, CSS da funtsean. Ben, ez zuen galdera bat duzu? 

Ikusleak: Zer da div? 

ALLISON BUCHHOLTZ-AU: div besterik ez da, era zer den div? Ikusleak: Division. ALLISON BUCHHOLTZ-AU: Division. Bai, besterik ez da bezalakoa da elementu ezberdinak bereizten. Ados, beraz, hemen zer gara ondoan sartu. Beraz, hori ez da onena estiloa, zeren antzematen baduzu HTML eta estilo behar dugu orri berean ere, eta egia esan, horiek bereizteko nahi dugu, OK? Eta egia esan, let me ireki nire eskuineko bat hau da, ustezko izango delako PDF, beraz style.css ditugu. 

Beraz, hemen zer egin ahal izango dugu horiek dira iraungitze batzuk bezalako gauzak cool eta saiatu izan dugu eta hori egiteko, baina sentitzen dut atsegin nahaspila nuke gora hegan, beraz, mutilak animatzen dut saiatu zaitez, zure kabuz, baina ez dut egin behar oraintxe joan. Beraz, you guys, gogoan izanez gero, inoiz hit duzu arazoa multzoa bada, Zerbait swoops en aldetik. To fade batera egin ditu, eta trantsizioa eta whatnot. 

IKUSLEEN: Eta hori CSS eta HTML guztia da? 

ALLISON BUCHHOLTZ-AU: CSS eta HTML guztiak. Bai. Beraz, asko egin ahal izango duzu benetan CSS eta HTML gauzak cool. Beraz, gure awesome ekin bunny web orrian hemen, dugun dira pixka bat egin da joan Berarekin CSS Sorozabal pixka. 

Beraz, inoiz ez baduzu estilo bat bada orriak, hemen dugu, ahal izango da besterik ez deitu style.css. Nahi duzuna, bestela akabo. Zer da garrantzitsua da ari garela horri erreferentzia egiteko hemen gure web.html batean. 

Beraz, zer egin behar dugu, badugu, beraz, ez dut nahastea, hau up-- lotura egiten ditugu Bi fitxategi horiek elkarrekin. Beraz, modu berean noa Analogia bat marraztu hemen C. Era berean baldin baduzu dagoela liburutegia batzuk eta daukagun cs50.h-- gure konpilatzailea lotzen da. Hau besterik ez da berariazko link gurean. Beraz, egiten dugun modu berean hash fitxategi batzuk, zer Idazteko naiz besterik ez da HTML / CSS horren baliokidea. 

Besterik gabe, esaten ari gara OK, web orri hau den estilo-orri hau erabiltzeko, OK joan? Beraz link stylesheet berdina rel ditugu. Eta, ondoren, mota, css ditugu. Eta gero href berdin. 

OK. Beraz, ez duzu hau hemen egin ahal guztiak honen ustez gauza bera, artean, hash gisa. Jakina, apur bat gehiago ikusten da zaila, baina kasu guztietan, modu eraginkorrean da gauza bera. Beraz, hori bat lotzen batzuk Estilo-orri, mota text / css beharrean, eta haren izenean style.css. 

Zer da garrantzitsua da jakitea Web orri dela naiz eskuineko lanean orain web.html eta style.css-- karpeta berean daude. Karpeta desberdinetan delako, benetako erroa eman behar duzu hura edo haren bidea. Baina kasu honetan, Lehengoan segitzen dugu super simple eta nik hemen izango da. Beraz, ez bada dugula, batzuk ditut Gauzak dagoeneko ilaran sortu hemen. 

Beraz, gorputz batzuk, hau da, egingo dugu Gure atzeko kolorea, eduki zein oraintxe urdin argia da. Aldatu ahal izango dugu nahi badugu, baina Gogoan dut hau behar bezala bada, besterik ez da aldatu behar da urdin argia. Eta orain, bat hondo urdin argi daukagu. Eta ezin hemen Edozeinek gogoratzen izan genuen zein bat hash NAN edo klase da? 

Ikusleak: ID. 

ALLISON BUCHHOLTZ-AU: NAN. Cool. Beraz, zer egin nahi dugun da letra-tipo horiek zein edo which-- egin "Look at nahi dugu Cute bunny "morea izan? Uste morea izan nahi dugu nintzen. Nahiko morea izanik behera nago. 

Beraz, zer egin nahi duzu egin nahi duzu ID kasu honetan berdin , Esan nuen, zer, nahiko kolorea hemen. Freskatuz dugu. Bat-batean, morea da. Ados, beraz, izena, gogoan bakarra izan behar du, beraz, inoiz erabili beharko dut ID hau beste inon. Baina klase batekin, izan dugun bezala Hemen letra-polit bat, Erabili ahal izango dut behar inora nahi dut. 

Beraz, egin hau hemen utzi. Beraz, esan klase nahiko letra-berdin esan dezakegu. Eta orain hartuz gero, daukagu cool polita font hau hemen. Beraz, agian bai egin nahi dut. OK, I benetan ez dakit hau bada lanera joan baina saiatu nahi dut. Eta hau da, nola CSS eta HTML ikasten duzu. Bezalakoa zara, badakizu zer, hau probatu nahi dut. Ez nago ziur da lanera joan bada. Ea funtzionatzen duen bada. 

Eta hori begiratu. Orain morea da eta letra-polit bat da. Ados, beraz, behar duzu, horiek guztiak hainbat gauza egin dezakezu. Galdera bat izan al duzu? 

IKUSLEEN: Bai. Tira, koloreak nahi hitzak dira zu erabiliz. Hor dago, koloreak egiteko modu bat hamaseitarra RGB batekin? ALLISON BUCHHOLTZ-AU: ere egin dezakezu egin ezazu hexidecimal batekin, uste dut. Bai. Baina mota polita bazara da nahi ez horiek bila dezan. Ahal izango duzu, besterik gabe, atsegin morea edo urdina izan. Ikusleak: Dezagun espero dute Badakizu zer esan nahi duen. ALLISON BUCHHOLTZ-AU: Eskuin. Hargatik egin irakurragiria edo chartreuse hau. Zergatik litzateke inoiz aukeratzen duzu chartreuse? Kolore interesgarri bat da. 

Ados, beraz, jakina, guk ikus dezakegun Gauzak aldatu ahal izango Hala ere nahi dugu. To create-- nahi baduzu, esan dezagun beste ikasgela sortu nahi izan dugu. Zer liteke aldatu nahi duzun mutilak? Tira baduzu W3Schools ' CSS dokumentazioa, Solairuan utzi dut guys. Saiatu eta zerbait cool egin dezakegu Bi minutuko azken bi urtean. Motatako Eman dut duzulako a kraska noski gauzak cool asko Hori egin ahal izango duzu. Baina, azken batean, esan dudan bezala bazara esperimentu besterik ez, asko ikasten dituzu. 

IKUSLEEN: Ba bilatuko duzun letra hori? 

ALLISON BUCHHOLTZ-AU: Bai, Letra begiratu nuen. Literalki bezalako Beraz, I joan zaie zer egin ditut? Egin nuen CSS letra-zerrenda, eta orduan letra-pila egin nuen, eta ondoren, itxura izan dut, hemen cool tipo guztiak egin dezakezu. Eta ez zen hori, beraz, Kopiatu dut nire arbelean. Eta gero, atsegin izan dut, Ados, cool, ez gara. Dena eginda. 

IKUSLEEN: ez duzu ziur CSS daki font hori zer den. 

ALLISON BUCHHOLTZ-AU: Bai. 

Ikusleak: Zer esan amaieran? Etzana? 

ALLISON BUCHHOLTZ-AU: etzana. Bai. 

Ikusleak: Atzeko irudia. 

ALLISON BUCHHOLTZ-AU: Atzeko irudia. OK. Beraz, esan zidan nola egin nahi duzun. Utzi dut hau duzu. Besterik ez naiz idazten hemen orain. Gurpila zure esku dago. 

Ikusleak: OK 

ALLISON BUCHHOLTZ-AU: OK. Zer egiten ari naiz? 

Ikusleak: Doing-- dakit zer kizkur giltza ondoren dator. ALLISON BUCHHOLTZ-AU: OK. Beraz, gorputza ziurrenik, I suposatuko luke, garelako atzeko irudia egiten. 

AUDIENCE: Bai, utzi egin dutela. 

ALLISON BUCHHOLTZ-AU: OK. Ikusleak: Ados, beraz, hondo bi puntu, eta orduan guk URL irudi horren helbidea behar. Agian sasi-kodea oraingoz, agian. 

ALLISON BUCHHOLTZ-AU: Zer litzateke me nahi duzu zaie Ikusleak: naiz pentsatzen GIF bat bezala. ALLISON BUCHHOLTZ-AU: GIF A? Hori interesgarria izango da. OK, zer naiz hemen googling? 

Ikusleak: Ez, hori zure aukera da. 

ALLISON BUCHHOLTZ-AU: Zergatik ez badugu bunny bat izanez gero, Atsegin bat izan behar dugu, sentitzen dut Polita belartsua belarra edo zerbait. 

Ikusleak: Pradera. Belardi bat. 

ALLISON BUCHHOLTZ-AU: belardian A? OK. Ikusleak: Or Rachel Maddow. ALLISON BUCHHOLTZ-AU: Honek bat itxura polita. Oh, hori txiki-txiki, baina. Irudi ona tamaina behar dugu. Ikus dezagun. Oh, begira. Hori belardi polit bat da. Dakit zer, hau gustatzen zait duzu. Dezagun kopia hau. 

Ikusleak: Ados, beraz, uste dut URL, parentesi irekiak. 

ALLISON BUCHHOLTZ-AU: OK, URL. 

IKUSLEEN: Orduan helbidea. 

ALLISON BUCHHOLTZ-AU: OK. Dela behar dugu? 

Ikusleak: Close parentesi koma, eta, ondoren, espazioa, background hyphen eranskin colon finkoa, eta kizkur. 

ALLISON BUCHHOLTZ-AU: OK. Ea lan egiten bada. Honez politak ez bada izango da. Benetako hunkituta nago hemen. Ez du funtzionatzen. Zergatik ote. IKUSLEEN: Agian URL to aipamen izan ditu. ALLISON BUCHHOLTZ-AU: Beharbada. Eta hau da, nola ikasten dugun, guys. 

IKUSLEEN: hondo daukagu kolorea eta atzeko irudia? 

Ikusleak: No. Bata bestearen behera uzten du. 

ALLISON BUCHHOLTZ-AU: I d sarrera eraldaturik. Ikus dezagun. Dezagun begiratu eta ikusi. 

IKUSLEEN: Oh, agian, bai. [AHOTS INTERPOSING] 

ALLISON BUCHHOLTZ-AU: Ados, hau da jakina dut [INAUDIBLE] hemen. Beraz, OK. Ikusleak: Aurrekariak eranskina. ALLISON BUCHHOLTZ-AU: Ah. 

Ikusleak: Ados, ez dakit. ALLISON BUCHHOLTZ-AU: It itxura lan egin behar. Ziur colon da URL ondoren zaude? 

Ikusleak: Ez, nik puntu eta koma da. ALLISON BUCHHOLTZ-AU: da puntu eta koma da. IKUSLEEN: Ba colon diot? ALLISON BUCHHOLTZ-AU: puntuz esan duzu. IKUSLEEN: Oh no. ALLISON BUCHHOLTZ-AU: Ba hori. IKUSLEEN: Oh, itxaron, orain ezin dugu testua irakurri. ALLISON BUCHHOLTZ-AU: orain Ezin duzu testua irakurri, baina atzeko irudia daukagu. Mmhmm? 

IKUSLEEN: HTML eduki dinamiko alde? Bezala, ezin irudi hori tamaina aldatzean leiho tamainaren arabera, edo CSS bat da, 

ALLISON BUCHHOLTZ-AU: Beraz CSS hori egin du. Beraz, you guys dira, interesa izanez gero CSS aurreratuak ezagutzeko, I am a co-irakaskuntza Mintegi CSS 7an on. Eta zin egiten dut izango askoz sakonera gehiago izan eta askoz gehiago cool egin Atal honetako gauzak. Eta nire co-irakasle bezalakoa da Guztira, frontend web dev maisua. Beraz, nahiko cool nahi baduzu izango da cool gauza guztiak buruz ikasteko CSS hori egin daiteke. 

Baina zer gertatzen da hemen daukagu bere background eranskin fixed-- Beraz, tamaina finko batzuk da baina benetan dynamically-- dezakezu Ikusi duzu inoiz web orriak, hala bada web orriak onak gehien izango, denean doitzeko duzu Nabigatzailearen tamaina, atzealdean edo zenbat egokitzen da erakusten edo gauzak berriro formateatu, ezta? Beraz, zer deitzen dugun kokatzea erlatiboa. 

Eta CSS benetan har daiteke nola big zure nabigatzaileak zabalera edo nola altu den, eta gauzak kokatzeko dezakezu tamaina erlatiboa arabera tamaina absolutuak versus. Eta hori, jakina, gehiago aurreratu CSS, baina horrek zerbait egin dezakezu. Ikasi nahi baduzu gehiago, nire mintegi etorri. 

Beraz, zerbait egin dezakezu. Eta CSS benetan do-- CSS eta JavaScript, datorren astean sartu egingo dugu dinamikoki aldatzeko aukera ematen beharrik gabe orriak freskatuz horiek denbora guztian. Eta batzuk egin lortuko duzu pretty cool stuff. 

Beraz, ez dago beste gauza bat you guys egin nahi izatea edo ezer nahi duzun arakatzeko? 10 minutu utzi ditugu. Era berean, goiz utzi daiteke, baina bada web gauza batzuk gehiago egin nahi baduzu, ahal dugu, baina ez naiz duzu behartzeko behar. Baina guk ere, besterik gabe, jan ahal gozokiak. Ikusleak: Nabarmendu testua zuriak, beraz, irakur dezakezu. ALLISON BUCHHOLTZ-AU: OK. Beraz, kasu honetan, nahi dugun p batzuk. Ikusleak: Egiten dugu hasi body beraz aplikatzen orri osoa behar du? ALLISON BUCHHOLTZ-AU: Bai, egia esan ahal dugu. Hau ideia ona da. Beraz, egin ez egun ditugun Badakizu zer izan behar dugu? Ez dakit testu kolore egin ahal izango badugu. Nintzen saiatzen joan eta beste ikasgela sortu hemen. 

IKUSLEEN: Zelan lortu duzu beraz iradokizunak egin du ez duela? ALLISON BUCHHOLTZ-AU: Beraz, you guys dira, interesa izanez gero, honek beste testu bat da Sublime izeneko editorea. Gai izan behar duzu instalatu zure tresnan. Batzuetan pixka bat delikatua lortzen. Duten laguntza nahi baduzu, Super zoriontsu laguntzeko nago horrekin batera, gedit handia da, zeren eta awesome da zaren konpilatu daitekeelako behean, baina benetan Sublime bezala polita delako eta gauza bera egin du like-auto osoa. 

Beraz, behin betiko sentitzen dezakezu free diezadazu hori egin nahi izanez gero. Zuk google besterik ez bada "Sublime testua, "normalean nola instalatu argibideak dauzka hainbat sistema eragilearen. Benetan cool da, I uste, nire ustez. Beraz, p. Uste dut besterik ez dut egin ahal text-- edo besterik ez dugu egin dezakezu kolore "zuria". Ez dago. 

Beraz, hemen zer egin nuen dut dela ez zuen testu guztia aldatuko. Baina p hemen besterik ez da Etiketa dugula, ezta? Paragrafoan etiketa hau. Beraz CSS elementu bat sortu besterik ez dut esan, OK, etiketa honekin ezer p, egin zuria. 

Beraz, konturatu izanez gero, egin zuri hau eta zuri honetan. Ez zuen egin gure zerrenda zuria delako Ez da horrekin lotutako. Bidez joan ahal izango duzu, eta esan ahal duzu 

IKUSLEEN: Ba atzeko kolorea. 

ALLISON BUCHHOLTZ-AU: Atzeko kolorea? 

Ikusleak: kanalizazioan Aurrekariak Kolore non p etiketa jarri duzu. 

ALLISON BUCHHOLTZ-AU: OK. Zuri nahi duzu? Ikusleak: Mmhmm. ALLISON BUCHHOLTZ-AU: OK. Bertan joan zaitezke. IKUSLEEN: Hori bitxi. ALLISON BUCHHOLTZ-AU: Pretty cool, ezta? Beraz, besterik ez nahaspila inguruan bazara, zu asko ikasi dugu. Eta nahiko cool izan daiteke. Uste dut behin betiko gehiago Poztekoa batzuetan baino ez duzulako izan arte itxaron zure programa konpilatu da. Sartu sakatzea nahikoa izango Freskatu eta Oraindik, oh bezala, begiratzen duzu, , lan egin edo oh, naiz ziurrenik zerbait falta. Eta hori da benetan zerbait hurrengo klasearen zati honi buruz cool, da behin betiko, ni uste, berriro egiaztatu errazago versus bidean joan ahala programak luze hauek idatzi beharrik eta nahi duten eta otoitz Badabilela amaieran. 

Beraz, uste dut You guys ona dirudi. Edozein zalantza izanez, beti bezala egin behar duzu, zatoz nirekin hitz, etorri let me ezagutu. Eskuineko kanpo izango naiz hurrengo 15 minutu buruz berriketan nahi badituzu ezer eta dena. 

Beraz guys-- aukera izatea espero dut pset honekin zorte ona. Azken eguna ostirala da eguerdian berandu kaleratu zen delako. Beraz, ziurrenik, ikusten dut ostegunean you guys asko, baina, zorionez, ez. Agian izan dituzu egin orduan zuen. Nuke super harro. 

Baina ez bada, ostegunean, ikusiko dut. Halaber, data bat berandu, erabili ahal izango duzu bertan hedatzen da larunbat eguerdian. Baina eh do not I? 

Ikusleak: Halloween. 

ALLISON BUCHHOLTZ-AU: Halloween da, bat, eta b, Ez dut uste han izango izan ostiralean bulego orduetan. Beraz, benetan saiatu eta lortu egin da egilea Ostirala, beraz, denok ospatzeko Hallow asteburuan. Ondo da, ikusi dut guys datorren astean.