[MUZIKO Ludante] Allison BUCHHOLTZ-AU: Bone, ĉiuj. Bonvenon al sekcio. Do nia agendo por hodiaŭ tuj super multe pli TTT dev ajxoj. Mi ne scias kiom multaj el vi vidis vian psets kiam estis liberigitaj antaŭe ĉimatene. Mi egale kiom homoj legis la specifo, sed vidante kiel kiel vi ricevis ĉiujn de, kiel, sep horojn por rigardi ĝin kaj ĝi estas lundo kaj vi probable havis klason, Mi iras al supozi ke plej multaj el vi ne havas. Se vi havas, ekstra Kudos. Vi esence helpi implementar simpla retejo servilo en C, kiu estas tutnova pset, tial vi uloj alvenas al esti la kobajoj. Ĝi tuj estos amuza, sovaĝaj semajno sed mi kredas ke estos tre amuza kaj gxi estos vere bona sperto vere. Do por pretigi por vi ke, en sekcio hodiaŭ, ni tuj iru chmod, TCP / IP, kaj tiam iom de HTML kaj CSS. 

Fine, ni fakte kodo supren simpla retpaĝo kune helpi vin infanoj ia akiri pli familiarizados kun tio. Kaj tiam, se vi ne reprenita via kvizojn, ili estas antauxe, sed mi sufiĉe certas ke ĉiuj tie havas siajn kvizo. Kaj ankaŭ sur tiu noto, solvoj ne estas ankoraux, sed tuj kiam ni finish-- ŝatas, la lasta malmultaj homoj prenante siajn quizzes-- ili estos supren. Se vi havas ajnajn demandojn intertempe, bonvolu retmesaĝi al mi persone. Mi respondos al via individua demandojn, ĉar mi ĉiam faras. 

Do en tiu noto, chmod. Do esence ĉiuj vi bezonas scii pri chmod estas ke ĝi estas uzata por ŝanĝi dosiero permesojn, dekstra? Do estas nur iuj sistemoj nomi tion ŝanĝi permesojn, kiel ĝi diras ĉi tie. Kaj se vi iam volas vidi kio permesojn dosiero havas, anstataŭ simple faranta ls, vi povus fari ls -l. l staras longe. 

Do vi devos fari longajn listojn ĉio, kaj tio donos al vi pli detalan informojn pri ĉiu el viaj dosieroj. Kaj vi vidos something-- min tuj salti antaŭen por second-- sed vi vidos ion similan al ke alta linio tie por ĉiu dosiero. Kaj ni trairu kion tio signifas. 

Do esence, ŝanĝi via dosiero permesojn, vi nur volas uzi chmod. Vi povas pensi pri tio, kiel ĉiu alia UNIKSO nomas kiel ls aŭ KD aŭ whatnot. Estas nur ia alia kiel alvoko. 

Do ni faru chmod kaj poste ni havas tri ciferoj tipe. Estas paro manieroj fari tio, el kiuj ni transiru. Sed tipe, vi havas tri ciferoj kiuj iras de 0 al 7 ĉiufoje. 

Do unu afero estas, ke ne estas tri malsamajn permesojn ke ni povas doni ĉiun dosieron. Kaj ĝi estas legebla, kio estas reprezentita de r, kiu faros senson en iom; w, kiu estas skribebla; kaj plenumebla, kio estas x. Mi scias, ke la e unu, plenumebla, eble ne la plej senco, sed ni reprezenti ĝin per x. 

Kaj do kio okazas estas ĉiu el tiuj ankaŭ havas la numeron reprezento. Do ni havas 1, 2, kaj 4. Kaj esence kio okazas estas ĉiu el tiuj tri numeroj tie korespondas al malsaman aron de uzantoj ke tiuj permesoj rilatas al. 

Do vi povas pensi ke la unua numero respondas al la efektiva uzanto aŭ la posedanto de la dosiero, la dua cifero respondas al la grupo, kaj la lasta aludas al la mondo, OK? Do kio okazas estas memori tiuj numbers-- r 4, w estas 2, x estas 1, dekstra? This-- se vi elprenu tiujn supren, kiu donas al vi, ke la unua numero ke ni enigo en nia chmod. 

Do en ĉi tiu kazo, kion estus tiu nombro estus? Estus 4 plus 2 plus 1, kiu estas 7, dekstra? Kaj en ĉi tiu kazo, ĉi tiuj havas nenion, tial tiu rajto tie farus traduki al chmod 700, OK? Kaj kion tio faras estas ĝi donas ĉiuj de tiuj permesoj por via uzanto. 

Do tio signifas nia uzanto povas fari kion ili volas. Ili povas legi tiun dosieron. Ili povas ekzekuti ĉi tiu dosiero. Ili povas skribi al ĉi tiu dosiero. Sed grupo kaj la mondo, neniu permesojn ajn, OK? 

Do alia vojo por skribi ke, ni povas fari chmod de tri ciferoj, ĉiu el kiuj respondas al kiom la sumo aŭ ke specifa grupo estas specifa subaro. Aŭ ni povas fari reale alia afero. Rezisti. Ni povas fari ion kun tiuj ĉi tie. 

Kiel multaj el vi vidis ekzemplon kie similis al chmod alpago x? Ĉu vi vidas, ke en prelego, mi pensas? Do oni staras por ĉiuj. Ĝi signifas doni ĝin al ĉiuj uzantoj, kiun mi forgesis meti tien. 

Sed alpago x, se ni rimarki tie, se ni faras al chmod-- kio grupo ni parolas pli la permesojn Ni volas doni al ili. Do tio povas esti pli aŭ malpli. Plus aldonas permeson. Minus forprenas permeson. Bela intuicia, mi pensas. 

Do alpago x signifas chmod. Tiel ŝanĝi la permesojn de ĉiuj homoj se tio estas a-- add permesojn. Kaj x-- tio signifas kion permeso ni koncedante ĉiuj. Legi, skribi, aŭ ekzekuti? 

Publiko: Plenumu. 

Allison BUCHHOLTZ-AU: Plenumu. Do ni donas al ĉiuj uzantoj permeson por ekzekuti ĉi dosiero, OK? Do kio se ni volis fari ke kun la nombra formo? Do memoru kun nombraj, ni deziras tri nombroj. 

Publiko: 4. Allison BUCHHOLTZ-AU: Kio estis tio? Publiko: 4. Allison BUCHHOLTZ-AU: Not 4. Publiko: 0, 0, 4. Allison BUCHHOLTZ-AU: Nu, ni volas doni ĝin al ĉiuj uzantoj, dekstra? Do ni tuj havos nombro en ĉiu fendo. Ke tuj estos la sama nombro en ĉiu fendo ĉar ni nur volas doni ĉiuj plenumebla permesojn. Do plenumebla estas 1, sed sur la ĝusta vojo. 

Do se ni chmod 111 kiu farus esti la ekvivalento de chmod alpago x. Ĉu tio havas sencon por ĉiuj? Ni tuj trairos paro de ekzemploj. 

Do la granda takeaway tie estas ne ĉi tie, Sed plena signifas doni ĝin al ĉiuj uzantoj. u estas se vi volas nur doni aŭ forpreni specifa permeso de la uzanto aŭ la posedanto. g estas por la grupo, tiel ke duono ciferaj. Kaj poste aliaj povas pensi kiel ĉiuj, kiujn lasta cifero. 

Do per tio, ke ni iru al ekzemplo, ĉar mi sentas min kiel ekzemploj ĉiam fari tion pli facile kompreni. Do rwx-- Ni trapasis this-- Ankaŭ eblas reprezenti kiel 700. Tio estas la ekzemplo ni rigardis je pli de la bildo. Do chmod 444 sur iu dosiero donus kion permesojn? Vi estis vere proksima. Publiko: Legado por ĉiuj. Allison BUCHHOLTZ-AU: Legado. Do legebla por ĉiuj, ĉu ne? Kaj do kio estas alia maniero por fari tion? Se ni volas fari chmod kun ĉu R aŭ w estas, pli kaj malpli, kio estus tiu alvoko similas? Estus chmod kio? 

Publiko: alpago r. 

Allison BUCHHOLTZ-AU: alpago r sur la 5. OK, do tio estas la sama kiel tiu, nur du malsamaj tradukoj de la sama aĵo. Do kun tio, ni havas tiujn. Do mi volas ke vi infanoj provi kaj skribi tiuj ia en ilia kontraŭa vojo. 

Do kun chmod 555, kio ĝi similus? Ĉu ĝi estu pli aŭ u plus aŭ whatnot? Por u plus x, donu al mi la tri nombroj. Kaj diru al mi pri kio permesojn ni fakte koncedante kaj al kiu? 

Do mi donos al vi du infanoj minutojn por labori sur tio. Bonvolu paroli unu kun la alia. Por tiuj el vi, kiuj venis en la Fine, estas dolĉaj kaj ĉemizoj. Ni tri ĉemizojn forlasis, kaj ni havos Kit Kats kaj Starbursts. Do bonvolu veni grab iuj en tiu malgranda interludo. 

Ankaŭ, la lasta estas malfacila. Estas du chmods por la lasta. Efektive, mi volas fermi tiun pordon dum vi uloj laboras en tio. Candy ĉiam necesa sur lundon posttagmeze. 

OK, do chmod 555. Kio estas alia maniero ni povus skribi tion? Ajna ideoj? Jes. 

Publiko: alpago rx. 

Allison BUCHHOLTZ-AU: r plus rx. Ĉu vi volas klarigi kial ĝi estus Rx? 

Publiko: Ĉar vi havas 5, tiel ke estas 4 plus 1, tiel ke la legi pli plenumebla, kaj ĝi estas por ĉiuj. Allison BUCHHOLTZ-AU: Ĝuste. Do simple ripeti, 5 tien Ni scias kiel sumo de 4 kaj 1, ĉar ĉiu nombro en nia trio estas sumo de la permesojn por ke subaro, dekstra? Ĉu la uzanto, la grupo, aŭ la mondo. Do en ĉi tiu kazo, ni scias, ke 5 devas esti formita de 4 kaj 1. 

Kaj 4 kaj 1 respondas al legebla kaj plenumebla. Ni donas ĝin al ĉiuj, do ni povas fari chmod alpago rx. Kaj evidente, ni nur iris tra la demandoj tie, tial nun tiu dosiero estas plenumebla kaj legebla por ĉiuj. 

Do kio pri la dua? Kio povus la nombro por tiu estus? Ajna ideoj? Iri antaŭen. 

Publiko: 100 [inaudible]. 

Allison BUCHHOLTZ-AU: 100. Ĝuste. Do ĉu vi volas ekspliki kial 100? Publiko: Ĉar ĝi estas la uzanto, do ĝi estas en la unua pozicio. Kaj tiam x plenumebla estas 1. Allison BUCHHOLTZ-AU: Ekzakte. Do ni koncedante plenumebla permesojn al nur la uzanton. Do en ĉi tiu kazo, estus 100. Kaj mi havas ĉiujn respondojn ĝis la sekvantan diapozitivo en kazo vi skribas multajn aferojn suben. 

OK, do tiu proksima estas efektive farita kun du chmods, vi povus fari tion. Do ĉu iu havas ia ideo kiom vi povus akiri chmod 640 reskribita en la alia vojo? Vi povas ŝanĝi la uzanto unue kaj poste Vi povas ŝanĝi la grupo estas mia aludo. 

Do se ni simple ŝanĝanta la uzanto, kiu estas tiu unua ĉi tie, kio povus nia alvoko estos? Tiel uzanto estas u, dekstra? Do chmod u plus kio? Mmhmm? 

Publiko: rw. Allison BUCHHOLTZ-AU: rw. Bone, por legi kaj skribi, ĉar legado estas 4, w estas 2, tiuj sumo kune kiel 6. Do ni preni chmod u plus rw, kaj ni preni nian unuaj 6 tie. 

Tial atingi la 4, ni nun volas ŝanĝi nia grupo agordojn. Do ni tuj faros chmod g plus kio? Kio estas 4? 

Publiko: r. Allison BUCHHOLTZ-AU: r. Ĝuste. Do ni donanta la posedanto legi kaj skribi permesojn kaj ni donas al la grupo legado permesojn, kiun ni havas ĉiujn ĉi tien. Mmhmm? 

Publiko: Se vi povas skribi ion, faras ĝi implicas vi povas ekzekuti ĝin? 

Allison BUCHHOLTZ-AU: Vi povas skribi al something-- Mi ne kredas ke ĝi implicas vi povas ekzekuti ĝin. Malvarmeta. Do tio estas ĉio, kion ni ĵus travivis. Do en ĉi venonta unu, ĝi estas nur speco de komuna kazoj ke vi volas konservi en gravas por via problemo starigis. Tio estas tipe la permesojn ke ni ŝatas vin uzi. 

Do por 711, kiu donas Ni kompreneble uzanto ĉiuj permesojn, kiuj inklinas sencon. Kaj tiam ĝi estas plenumebla de la grupo en la mondo, kiuj havas sencon se vi havas iuj dosierujo, vi deziras povi trairi en ĝin. Homoj bezonas aliron. 

Por ĉiu ne-PHP-dosiero, vi tuj uzi 644, kiu faras kio? Kion tio implicas, aux kion permesojn tio ke doni? Do la posedanto povas kio? Publiko: Legi kaj skribi. Allison BUCHHOLTZ-AU: Legi kaj skribi. Kaj tiam grupo kaj aliaj povas nur legi, ĉu ne? Kaj tiam chmod 600 por ajna PHP dosierojn kiujn vi uzas, via mastro, denove, povas legi kaj skribi al ĝi sed ĉiuj aliaj estas nur speco de blokita for. 

Do tio efektive esti pli utila kiam vi alvenas al via problemo metis apud semajno kie vi fakte konstrui afiŝinto. Do se vi iam kolizii ia stranga problemoj kie ĝi ne ŝarĝi konvene, eble vi bezonas aldoni plenumebla permeson, aŭ eble vi bezonas legado aŭ skribi permeson. Cosillas kiu inklinas trip homoj supren, sed tio estas speco de kiel la go-to Kiam vi komencas sekva semajno pset. Kaj Mi donos al vi pli aludoj en ĉi tiu semajno pset, sed mi havas ankoraŭ rigardi ĝin ekde estis liberigitaj ĉimatene. Sed vi retposxtu min, mi rigardis ĝin per la tempo mi respondos morgaŭ. 

Do nun, estas cxiu bona kun chmod? Ajna konstanta demandoj? Sufiĉe simpla. Nur ia konservanta trako de kio legi, skribi, kaj ekzekuti nombroj estas estas probable la plej malfacila parto. 

Do per TCP / IP, ĉiuj tiuj protokoloj, speco de kiel via datumstrukturoj lasta semajno, ĝi estas multe pli grave ia akiri pli altan nivelon intuicio pri ili. Tio ne CS143 kien ni iras demandi vin implementar reto, tiel vi estos bone se Vi ne komprenas la nitty aspra de ĉiuj protokoloj. Kio estas grave kompreni estas speco de kiel kio reprezentas kaj kial ili estas gravaj. 

Do TCP / IP, kompreneble, estas la Transdono Kontrolo Protokolo aŭ interreto Protokolo, kiu estas esence nur aro de leĝoj esence aŭ normoj kiuj diros datumoj kiel ĝi devus esti manipulitaj, kiel ĝi devus esti packetized, transdonita, kaj ricevis. Do esence, ĝuste kiel diras ĉi tie, ĝi pliigas la ŝancojn ke datumoj ricevas kie vi volas atingi. 

Mi certas ke se infanoj iris al prelego aŭ rigardis ĝin en linio, li has-- Mi ne scias se li faris tiun jaron, sed mi scias, pasintjare, li havis demo kie havis bildon de Rob kaj li fendis gxin en kvar kaj meti ĝin en kovertoj kaj provis akiri ĝin tra Sanders. Kaj vi povas ia pensi ĝin tiel. Ĝi estas nur aro de reguloj kiuj diru datumojn kiel akiri someplace kaj permesas scii se Vi mankas datumoj, en la sama maniero ke se vi estas prenante plurajn paĝojn de notoj kaj vi etiquetar ilin paĝo 104, paĝo 204, kaj vi reiru studi poste kaj vi mankas something-- vi ne povas trovi paĝo 304-- vi scias io malĝustas, do vi povas trarigardi viajn notojn denove aŭ demandi iun resendi vin la prelego notas de tiu tago. Same kun datumoj sur la interreto. Se mi petas ion de iu servilo kaj bezonas sendi al en multnombraj pakoj, probable tuj nombro ĝi iel, lasu Mi scias kiom mi ricevus, kaj diru al mi, ho, tio estas unu el la 10 aŭ tio estas unu el 10,000. Tiel, kiam mi iros al munti ĉiuj pecoj kune, Mi scias ke io mankas kaj mi povas peti ke denove. Ĉu tio havas sencon? Nur aro da reguloj. Ĉe ĝia bazo, aro de reguloj, OK? 

Tiel same ni ankaux parolis Iomete da havenoj. Tiu estas vere ĝuste normo kiu permesas scii kion tipo de datumoj estas transdonita en tiuj pakoj. Se ni iras kun nia koverto Ekzemple, ni ne scias, ke ĝi estas bildo de Rob tie se ni skribu tion ekster nia koverto. Do havenoj estas esence la sama afero. Estas nur vojo elkompreni tipo de datumoj estas transdonitaj. 

Do ni havas ĉiujn plej komunaj tie. Do 21-- tiuj estas ankaŭ speco de kiel bonaĵojn scii. Estas speco de facila kvizo demando. Estu kiel, kion signifas havenon 80 faru? Aŭ, kion signifas havenon 443 fari? Do bonaĵojn scii. 

Do ni havas tie 21 estas file transporto protokolo, do nur la reguloj kiuj regas dosieron transporto. 25, iu kiun ni ĉiuj uzu tro da, estas retpoŝto. 53 estas la domajna nomo sistemon, kiu estas esence nur speco de serĉo por la IP adreso de domajno nomo. 

Do mi sufiĉe certas ke estis menciita en prelego, se vi iru al iu kiel google.com, havas IP-adreso kiuj estas asociita kun ĝi. Ĝi ne estas vere google.com. Kaj tial 53 estas la haveno kiu fakte prenas prizorgas ia traduki ĝin en tiu IP-adreso por vi. Kaj poste 80 kaj 443 estas tre komuna. Oni devas aŭ via retpaĝo aŭ Vi havas vian sekura retpaĝon, kio multajn retpaĝojn estas transfiriendo super nun. 

Do tio estas speco de alta nivelo ĉefrigardo de transporto protokolo. Mi ne vidas multe pli en profundo. Estas speco de malvarmeta stuff se vi estas interesata. Ekzistas multe da rimedoj. Vikipedio vere estas sufiĉe bona paĝo. Do mi serĉis ĉe ŝi nur nelonge, tial mi ege rekomendas rigardas se vi estas interesita aŭ preni 143 en du jaroj pro Mi kredas ke estas ĉiu alia jaro. 

Tial en la fino de tiu, ni parolas retpaĝojn kaj HTTP, kio estas fakte nia sekvanta temo por hodiaŭ antaŭ ni iru en HTML kaj CSS kaj vi povas efektive programi ĉe retpaĝo. Estos amuze. Ni havos bildojn de kuniklojn kaj estos grandaj. 

Do HTTP, kiel vi povas vidi ĉi tie, estas unu el la belaj Akronimoj por ĉi tiu semajno, kiu estas Hiperteksto-Transiga Protokolo. Do denove, nur alia aro de reguloj kiuj regas hiperteksto transferir, en ĉi tiu kazo. Tiel bona maniero por lerni pri tiu estas ĝuste speco de rompi ĝin malsupren en tiujn individuajn vortojn ĉar ekzistas multaj vortoj sur la ekrano. 

Do ni tuj komencos kun hiperteksto. Do "hiper", vi povas pensi pri "Supre", kiel super-tipo afero. Do ĝi estas vere nur Teksto prenita al la sekva nivelo, tiel estas kiel la super teksto, kiel la sekva teksto. Do ĝi estas esence nur teksto kiu donas al ni pli da informoj ol normala teksto faras, OK? 

Do en tiu kazo tie, tiu estas hiperteksto. Tiu nin diras ke ni havas iu ligilo ke ni tuj, kio estas cs50.net, kiu nun cs50.harvard.edu. Tiuj diapozitivoj estas iom maljuna. Kaj tuj vidigi kiel tiu, kiel hiperligilo, kaj tiam vere malvarmeta retejo. 

Do estas teksto, kiu estas iom iom el vere malvarmeta aĵoj en tie. Do vi povas ligi aferojn kaj vi povas enmeti bildojn kaj vi povas stiligi aĵoj. Kaj la plej familiara afero ke vi infanoj probable havas kun hiperteksto estas hiperteksta Markup Language, HTML, kiu kompreneble estas ĉiuj de la retejo ke ni vidas ĉirkaŭ ni, donita kun iuj CSS stilo jxetita en. 

Sed se iu estis vere granda kun MySpace, Mi certas ke vi ĉiuj uzis HTML tutan tempon por krei tiuj perfektaj profiloj, dekstra? Mi sentas, ke povus esti antikva referenco nun, sed kion ajn. Nur little-- vi uloj ne estas tiom juna. Iuj el vi estas pli aĝa ol mi. MySpace estis ankoraŭ aferon, kiam mi estis juna. Mi ne estas tiu malnova. 

Anyways, HTML nur formo de hiperteksto. Do hiperteksto estas nur teksto kun aldonis karakterizaĵoj. Do transporto protokolo estas probable pli iffy aferon klarigi. Evidente, transfer-- simple kopii de datumoj. Do ĉu inter la kliento, kiel via retejo fraton kaj servanton. Do esence nur la vojo interreto funkcias. 

Do la ĝusta peto de kiel tiuj laboroj, ni estas fakte tuj rigardi je Ekzemple peto kaj respondo. Sed kiamaniere ni petas informoj el servilo kaj kiel la servilo respondas al ni estas kion tiu kopio protokolo regas. Do la peto kaj la respondo havas sekvi tiujn specifa aro de reguloj. Ĝi estas normaligitaj tiel ke ne gravas kie vi estas uzanta la interreto, ĝi ĉiam funkcias same, OK? 

Denove, protokolo, la aro de reguloj. Estas nur normala interago en la sama vojo Profesoro Malan parolas pri se iu etendas siajn manojn, vi scias, ke ĝi estas komuna ĝentileco atingi viajn eksteren kaj balancas sian manon. Tio estas protokolo, dekstra? 

Do mi donas iun normigita peto, kio mi volis skui vian manon, kaj vi donos al iu normigita respondo, kiu estas aŭ ne dankon aŭ vi povus provi skui mian mano aŭ eble vi tuj provi kaj pugno pusxigxas mi. Kaj ni ne havas protokolon por tio. Ĝi rompas malsupren. Sed se ĉiuj sekvas la sama protokolo, kompreneble, Ĝi iras multe pli perfekte. Homoj ekkoni unu la alian. Ĉies feliĉaj. 

Do, en la mondo de la retejo, ĉiuj sekvas la saman rules-- iomete pli ol sociaj normoj. Sed kun tio, ni rigardu je ekzemplo peton tie. Do tie estas tio iom ŝlosilo tie sur fundo kiuj diras al vi la malsamajn kolorojn, kion ili supozis signifi. 

Do la celo estas nur ŝatas vian metodon peto kaj protokolo version-- do metodo peto, versio. Kaj tiam ĉi tiu estas iuj kampo nomo kaj la valoro de tiu kampo, kiun ni volas iru en tre, tre baldaŭ. Do tiu estas ekzemplo peton. Ĉi tio estas kiel mi etendas eksteren, volante prezenti min. 

Jen kion la kliento aux kion via foliumilo estus la sendo al via servilo. Do tio estas get peto, tial estas petante ion de la servilo. Kaj estas, kompreneble, HTTP Kaj ĝi estas versio 1.1. 

Do la resto de ĉi tiu estas kion ni nomas la ĉapon, kaj ĝia ekstra informo kiu donas al ni pli bonan ideon de kion ni vere petante, aŭ informo kiun ni volas doni la servilo estu adekvataj. Do Uzanto-Agento donas iun pli priskribo on-- ekzemple, ĉi tie, frizo / 7.24.0 vere tuj diru la servilon, ke ni per Google Chrome kiel nia retumilo. Do se vi iam aŭdis pri homoj kiuj parolas proksimume farante app respondema multnombraj retumiloj, tio estas iu kiun ili uzus ĉar se vi ne scias kio retumilo La peto estas devenante, vi ne povas adapti la datumojn al tio. Do tiukaze uzanto Estas simple donante ĉi speco identigi informon pri kio retumilo via uzanto aktuale uzas, OK? 

Tial ni ankaŭ havas gastiganto, kiu estas kie ni vere volas iri. En ĉi tiu kazo, ni volas iri al apple.com, aĉeti malvarmeta novaj iPads aŭ ion, eble beleta lumoj ĉe nia dormejo ĉambroj. Kaj nomo valoro fine estas nur kompletigo, nur ĝenerala afero por vi uloj vidi. Ĝi ne reale respondas al nenio ĉi tie. 

Do vi povas havi tiel aŭ kiel iom kiel vi deziras en ĉiu kazo. Plejparto de la tempo, tiuj estas laŭvola. Ĝi nur dependas sur kio vi bezonas de la navegador, de via uzanto por konvene doni la peton. Aŭ ĝi dependas sur kio via uzanto vere volas rezigni al la servilo. Do eble multaj, multaj de tiuj kaplinio kampo nomoj aŭ eble vi simple havas paron. Kiel kun multaj aferoj Mi jam diris en tiu sekcio, Vere dependas de la kunteksto de kiel vi uzas ĉi. 

Tiel faras ke sencoplena ĉiuj? Tiu estas nur ekzemplo de peto, kaplinioj, whatnot. OK, do je tio, ni havas iun respondon. 

Denove, ni havas nia status code, protokolo versio, kaj tiam kampo nomo kaj kampo taksas kiel ĉiam. Do nia protokolo versio kaj nia statuso kodo estas 200. OK, kio signifas ke Jes, ĉio iris bone. Jen kion vi volas. 

La servilo tipo, la enhavo type-- rakontas nin, OK, vi estas tuj akiri tekston HTML. Jen estas la longo kaj jen kion vi devas fari kun la rilaton. OK, tiom pli, depende sur la datumo vi petante, dependanta sur kiu la servilo volas redoni al vi, vi povas havi pli el tiuj kampo nomojn, vi povus havi malpli. Plene kuntekston dependa. 

Kaj koncerne al tiu statuso kodo tie, kompreneble, 200 ne estas la sola vi povus havi, ĉu ne? Ni havas multajn statuso kodojn. Ĉu iu memoras iu el la aliaj ke ni menciis en prelego? Multaj el ili komencos kun 4. 

Publiko: 404. 

Allison BUCHHOLTZ-AU: 404, kiu estas? 

Publiko: dosiero ne trovita? 

Allison BUCHHOLTZ-AU: Dosiero ne trovita. Ĝuste. Do kio pri 403? Publiko: Malpermesita. Allison BUCHHOLTZ-AU: Forbidden. Do kion vi opinias kiuj signifas kun chmods? 

Publiko: Ĝi signifas ke vi ne havas permeson legi ĝin. 

Allison BUCHHOLTZ-AU: Ekzakte. Iel, vi ne havas permeson por aliri ĝin, ĉu ne? Do 404, 403. Estas vere amuza Kiu ni ĉiam enkonduki ĉiun jaron ke Mi devus meti tien, kiel 413, kio mi estas tekruĉo. Vi povas google ĉi. Ĝi estas amuza kiel, tio estas kodo 413 kaj estas mi estas tekruĉo. Kiun mi ne scias kial vi volus iam bezonas ke en Interreto, sed mi divagar. Publiko: Eble vi estas teo poton. Allison BUCHHOLTZ-AU: Eble La servilo estas teo poton. Kiu scias? Bone, do ni estas estonta transiron en verajn kodigo. Mi sentas kiel vi uloj tuj eliri de ĉi tie bela rapide. 

Publiko: Kial ĝi diri "servilo: dufoje? 

Allison BUCHHOLTZ-AU: Hm? Servilo dufoje? Tio estas bona demando. Mi ne certas. Mi ekscias kaj Mi retmesaĝi vi cxiuj. 

OK, ajna alia demandoj krom tio? Bona? Malvarmeta. 

HTML kaj CSS, kaj nun ni atingi tuta amuzo partoj. Do kiel mi menciis antaŭe, HTML estas probable unu el la aĵoj vi uloj estas plej familiara kun. Do ni havos Hiperteksta Marko Lingvo. 

La plej bona maniero por lerni this-- mi ne havas preparita diapozitivoj aŭ ion por vi uloj kun HTML. Estas vere lerni la sintakso. Kaj se vi estis en la MySpace hodiaŭ vi havus ĉi suben. 

Do vere, la plej granda afero nur praktiki kaj eksperimento. Unu el la grandaj rimedoj mi volus tre rekomendas uzanta estas W3Schools. Do ĝuste W, 3, kaj tiam Lernejoj. Ili havas multajn rimedoj en HTML, en CSS kaj ili efektive havas ekrano dividita tiaj aferoj kie donos al vi ekzemplon kodon. Vi povas violonon kun ĝi, ŝanĝi ĝin, kaj premi Update, kaj tio montros al vi kion fakte faras la retpaĝo. 

Do mi forte rekomendas uzi tiun. Estas bela malvarmeta. Vi ne ricevos seg kulpoj tie kiam aferoj iras malbone. Se vi sukcesas ricevi oni seg kulpo kun HTML, Ne lasu min scii ĉar mi estas tuj estos vera intrigita. Sed estas vere malvarmeta ĉar Vi povas ŝanĝi tion, vi povas vidi ilin ĝisdatigita vivas. Kaj mi opinias, ke vi ricevos multe pli intuicia kompreno de HTML Se vi vere nur pasigas kelkajn tempo sperti kun tio. Do por tio mi diris, praktiko kaj eksperimento. 

Google, de tie sur eksteren, verŝajne unu el viaj plej bonaj rimedoj kaj amikoj. Aŭ Bing-- Mi laboras ĉe Microsoft, do eble mi devus diri Bing. Sed sufiĉe tre io estas ĝuste tuj estos sintakso, tial kompreni kion la etikedoj estas, understanding-- almenaŭ kun CSS-- kiel ŝanĝi iujn atributojn. Ĝi estos súper utila. 

Do eĉ se ni ne havas pretan aferojn, ni havos specon de iuj bonaj praktikoj ke ni volas ke vi infanoj provi kaj logxu by-- aŭ pli ĝuste, vi devus obei ĝis nova avizo. Tiel fermi ĉiujn viajn etikedojn. Espereble ĉiuj has-- vi scias kion, se tio ne havas sencon nun, Mi promesas faros senson Kiam ni kodigo la paĝo. Sed fermi ĉiujn viajn etikedojn. Do se vi iam havas iun kaplinio tio krampo, H1, krampo, certigu ke kiam ajn vi faris kun tiu, fermi ke kaploko. Validigi vian paĝon kun W3 Kontrolilo. Se vi ne fermu etikedoj, vi povas akiri neatendita konduto. Ĝi diros ke via paĝo estas nevalida Se vi kuras tra tiu Kontrolilo. Do kiam en doubt-- kaj speciale en ĉi tiu semajno kaj proksima semajno pset-- en la sama maniero kiun ni petas vin uzi kontrolu 50 kaj stilon 50, Vi povus pensi pri tio kiel unu el viaj ĉekoj, OK? 

Do se ĝi ne pasus la W3 Kontrolilo. Tio estas io ni albordiĝi vin. Aŭ mi diras al vi rajton nun Mi albordiĝi vin. Do certigi ke validigas. Ne estas malfacile. Vi nur alglui en via kodo kaj ĝi havos ĉu diri bonan laboron aŭ vi mankas io en la sama vojo ke stilo 50 informas vin kie vi rompado. 

Kaj tiam unu lasta afero Estas vi volas apartigi via markado, kio estas tio kion HTML aŭ via teksto, kaj via stilo. Do ni faros ekzemplo de tiu rajto post tio. Do HTML kaj CSS devus esti apartaj. Kaj ni tuj parolos pri MVC, kio estas Model View Controller, sekva semajno. Vi uloj devus verŝajne lerni pri tio en prelego morgaŭ, se vi havis jam lernis ĝin hodiaŭ. 

Kaj estas ĝuste speco de paradigma kiu inklinas uzi kiam kreante retejo paĝoj apartigi tion eksteren. Vi povas pensi pri tio en la sama vojo ke ni inklinas apartigi funkcioj en C kie hash trovi ion. Estas nur maniero fari vian vivon pli facila. Ĝi apartigas el atributoj aŭ kodon Vi devus esti uzante la saciedad, sed en ĉi tiu maniero, ĝi speco de tenas ĝin bela kaj pura. Kaj se vi volas ŝanĝi Unue, vi ŝanĝus tion unufoje kaj ĝi estas ŝanĝita ĉie alia. Do estas multe pli por via facileco kaj fleksebleco. 

Do kun CSS, estas tre similaj al HTML, sed anstataŭ etikedoj kiun mi menciis ĝuste nun ni uzu kio nomiĝas selectores. Ili esence nur speco de asocii certa etikedo en HTML kun malsamaj atributoj. Kaj kiam mi diras atributoj, mi volas diri aĵoj kiel tiparo koloro, tiparo stilo, La koloro de la fono la koloro de via teksto. Tiuj specoj de aĵoj. Kiel se ĝi estas centrita, se ĝi estas for dekstren, se estas inverted-- ĉiuj de tiuj malvarmeta aĵoj. Ajna stilaj aferoj ke vi faru al via teksto, jen kion mi volas diri per atributoj. 

Kaj tiam du ĉefajn aferojn scii estas ke selectors-- du de la ĉefaj factors-- estas ID, kiu estas unika. Vi nur povas uzi tiun unu aferon. Alie, ĝi estas tuj krias al vi. Kaj kiam ni difinas en CSS dosiero, gxi esti hash IRU kaj tiam kio atribuas ni volas. Mi promesas, ni tuj iri tra ekzemplo. Ĝi faros multe pli sentita. 

Klaso povas raporti al pluraj blokoj. Do vi povas havi vian unua kaj tria paragrafo havas la saman specon de atributoj se vi asocias ilin kun la sama klaso. Kaj kiam ni difinas ilin en CSS ni faros dot klaso, kun klaso esti ajn Vi volas ke ĝi estu nomata. 

Do mi scias tio decas nun tre abstrakta. Tio estas kial ni tuj kodon. Mi konas vin infanoj amas tio, kaj vi cxiuj estas tuj helpi min ĉar tio estas la retpaĝo. Tio estas nia sekcio retpaĝon, knaboj. Do estas nenia demandoj antaŭ mi malŝalti la PowerPoint, aŭ ion vi deziras min rulumi reen al antaŭ ni komencas kodigo? 

Publiko: Kiam vi diras match etikedoj, ĉu vi volas diri selectores aŭ etikedoj? Allison BUCHHOLTZ-AU: Vi povas pensi pri ili, kiel la sama afero. Estas nur malsamaj vortoj. Mi volas diri, kiel selectores. Sed selectores ankaŭ mapi al etikedojn. Do vi povas pensi pri ili, kiel efike la sama afero. Mi promesas ke tuj faros pli sentita kiam ni kodigi. Ion de la PowerPoint aŭ ajna demandoj nun antaux ni reale krei nian sekcion pagxo? Ĉiuj pretas? Malvarmeta. 

Do mi havas unu komenciĝis. Lasu min pliigi la tiparon por vi uloj. OK, do nun, ni nur havas nudaj ostoj retpaĝo ĉi tie. 

Ni havas kelkajn HTML. Ni havas kelkajn kaplinio, kiun ni vidu tie kiel ekzemple retpaĝo. Iuj titolo, iu tiparo. Tiuj estas etikedoj, OK? Do kiam mi intencas fermi viajn etikedoj, ni vidas tie ĉi krampo kapo estas via malfermo etikedo, kaj tiu krampo / Kapo fermante ĝin, OK? 

Tiel vi povus pensi pri tio kiel via streĉaj en vian se kondiĉoj aŭ via por bukloj. Se vi havas unu ĉe la komenco, vi deziras unu al la fino. Ĝi ankoraŭ funkcias plejofte Se vi ne havas fermitan etikedo, sed bona praktiko estas fermi viajn etikedojn. 

Do en ĉi tiu kazo, ni ŝanĝu tion. Ni tuj havos sekcion sep. "Sekcio Retpaĝo." Do mi simple tuj ŝanĝos tion. 

Kaj se ni iros tien, kaj ni reload-- Gotta savi kaj reload-- ni rimarkos ke tien tio ŝanĝiĝis, ĉu ne? Malvarmeta. Do tio ŝanĝas la titolon. Tio estas kion la sur via langeto. 

Do ĉi tiu estas speco de rigardante ia teda. Mi ne scias pri infanoj. Mi pensas, ke ni volas ion alian ĉi tie. 

Do kion ni povas fari, estas la kaplinio estas ĝuste tie. Ni faru ian korpon. Do ni havas iun korpon tie. Mi ĉiam faras malferma kaj fermi miajn tags komenci, en la sama maniero kiu mi faras krampoj. Ah. Atendu, kio? 

Publiko: [inaudible]. Allison BUCHHOLTZ-AU: Ha. Vi ĉiuj havas min. Bonan laboron. Oro stelo. 

OK, do ni havos iom korpo tie. Kaj nun ni komencu aldonante iuj tekston. Do vi havas paron malsamajn opciojn por aldoni tekston. Ni havas aĵojn kiel titolaj. Ni havas nur normalan tekston. Do ni komencu kun kaploko. Reale, se vi uloj volas tiri supren W3 Lernejo de HTML, Vi povas ia rigardi ĉirkaŭe kaj se estas io aparte, ke vi volas provi per ĉi tiu retpaĝo, ni povos fari tion. Do en ĉi tiu kazo, ni nur faru kelkajn h1. Do h1 estas kiel la plej alta kaploko. Ĝi donos al vi ion kiu estas tre granda kaj aŭdaca. 

Kaj en ĉi tiu kazo, kion ni volas por la unua teksto sur nia retpaĝo? Nenion. Vi uloj tuj kreos ĉi. Mi nur tuj tajpi. Publiko: Bonvenon. 

Allison BUCHHOLTZ-AU: Bonvenon. OK, do se ni savos kaj ni reŝarĝi, Ni havas grandegan bonvena. Do ĝuste tial vi povas vidi la diferencoj, ni faru ion sur H6. Kion ni volas ĝuste ĉi tie? Rajto? 

OK, do nur por ke vi vidi la diferencon. Yeah, Sublima. Do se vi rimarkas, h1, tre, tre granda. H6, kiel aŭdaca, sed multe pli malgranda, kaj vi havas ĉion en inter. Tiel vi povus havi h2, h3, h4. Kaj tiuj estas nur titolaj, do se vi provas krei retpaĝon ke havas malsamajn sekciojn, eble vi volas uzi kaplinioj en tie ie. 

Malvarmeta. Do ni aldonos kelkajn pli aferojn en nia korpo. Mi vidas, ke ĝi estus speco de malvarmeta se ni havis bildon. Mi sentas kiel ĉiuj povus uzi eble bela bunny bildo pravas pri nun, do ni iras por trovi oni bunny foton unue. 

Mi ne scias se vi infanoj havas ajnan preferoj sur kiu ni volas. Ĉu vi havas preferojn? Ĉi tie? Malsupren. OK. Tiu estas tiel. Bona elekto. 

OK, do ni iras por rigardi nian bildon. Rigardu tiun. Rigardu tiun adorable afero. Kiel vi povis esti malĝoja sur lundo per tio? 

Do ni nur tuj kopii la bildon URL. Kaj kion ni volas fari estas, ni nur ke ni havas iom p por alineo. Ni tuj diru "Look rigardi la cute bunny. d'awwww. " Mi amas miajn kuniklojn. Mi havas bunny hejme. Mi perdos mian bunny. Do kion ni tuj do-- Mi ne scias, ĉu vi uloj volas al google this-- sed kun HTML, kiom eble vi inkludas bildon? Laŭvorte, se vi google "Inkludas bildon HTML" kial vi ne onkloj sciigu min kion ĉi etikedon devus esti? 

Publiko: img source-- 

Allison BUCHHOLTZ-AU: img source-- Publiko: --equals-- Allison BUCHHOLTZ-AU: --equals-- Publiko: --quote-- yeah. Allison BUCHHOLTZ-AU: Perfekta. Amindaj. Vidu, MySpace generacio, dekstra? Publiko: Neopets. Allison BUCHHOLTZ-AU: Neopets. Ho, OK. Wow. Jam pasis freneza. OK. 

Do certigi min akiri tiun rajton. Malvarmeta. Do tiu devus esti tie. Kaj tiam se ni reŝarĝi, ni havas niajn Bunny sur la paĝo ne estas tiu adorables? 

Tiu estas tiel bela. Vi elektis grandan, grandan foton. Mi fosis ĝin. 

OK, do ni havas tiun adorable bunny nun. Ni povis aldoni bildo, ĝuste tiel. Do esence, se estas iu bildo vi volas aldoni al via retpaĝo: vi povas aldoni ĝin ĝuste kiel ĉi. Alia afero estus se Vi la bildo stokitaj en la sama dosierujo kiel dosiero, vi povas simple skribi kion ajn la nomo de tiu bildo Estas anstataŭ havi retejon ligilon. 

Estus ankoraŭ esti en citiloj. Estus simple esti kiel se ni enoficigis this-- se tiu bildo estis savitaj en la dosierujo kun tiu HTML- dosiero kiun mi redaktas kaj ĝi nomata bunny.jpg. Ni povus ankaŭ fari tion kaj ĝi montrus supren. Tamen, mi ne havas tiun savita en la dosieron kaj mi volas konservi la conejita, do ni iras por gardi la ligilon. 

Publiko: Kio estas rabbit.org? 

Allison BUCHHOLTZ-AU: rabbit.org. Ĝi estas appropriate-- rigardi, vi povas adopti ĝin. Adopto. bunny.jpg. Mi volas adopti ĉi bunny. Ho, Dio, estas tiom bela. 

OK, do ni aldonis titolaj. Ni aldonis foton. Evidente, ni aldonis tekston ĉi tie, ĉu ne? Se ni volas aldoni alian tekstoj, ni irus ŝatas ĉi. Do ĉi tio estas alia alineo. 

Kaj ni diras "ĉi tiu estas alia alineo." Ankaŭ, mi estas hida Speller, tial mi misspell aĵoj. Nur FYI. 

Do ni havos alian alineo tie, ĉu ne? Do eble vi volas fari ion iom pli interesa ol nur havi vian tutan tekston, kiel dekstra vicigitaj. Eble vi volas centri vian tekston, OK? 

Do se iu volas uzi tiujn oportuna komputiloj antaŭ vi kaj diru al mi kiel vi estas tuj centros tiu teksto, 

Publiko: p Ĝisrandigi. 

Allison BUCHHOLTZ-AU: Do p Ĝisrandigi egalas "centro". Li mortigas lin, knaboj. Kaj'All bezonas pliigu. Kaj ni havas "Tiu estas centrita." Kaj nun ni ion centrita. 

En la sama maniero, se vi deziras eliris vicigitaj, Vi povus fari Ĝisrandigi egaluloj maldekstra, konformigi egalas pravas. Plene ĝis vi. Se mi faris ĉi tie, do tio should-- nun pravas vicigitaj. 

Publiko: Allison? Per bildo fonto, kial ne tie proksime de la img fonto? Allison BUCHHOLTZ-AU: Pardonu. Ĉi tiu devus esti tie Nun vi estas bona. Nun ni estas bonaj. Publiko: Ĉu vi ne havas fermi ĝin tie, aŭ ne? Allison BUCHHOLTZ-AU: Nu, do img fonto, ĉi tiu estas just-- kun bildo, Estas nur vidis kiel unu elemento, dum se vi rimarkas dum la cetero de tiuj, Ni havas kelkajn etikedo tiam informoj ĝi rilatas al kaj tiam fermo etikedo. Sed kun bildo, ĉio nur speco de mem-enhavis. Malvarmeta. Do vi uloj scipovas krei kaplinio, vi scipovas eniga teksto, vi scias kiel meti bildon nun vi povas vicigi aĵoj. 

Alia afero ke vi eble volas povi fari estas krei liston en CS-- ni speco de iranta en proksima semajno pset. La aĵoj kiujn ni tipe instrui tiu semajno iras vere bone kun sekva semajno pset, tial ni estas speco de miksante, interkovrantaj aferoj tie. Sed estos utile por la proksima semajno. 

Do se ni volas krei iun lerta, kiel povus ni fari? Vi ne povas respondi al tiu tempo. Iu alia devas. Ĝi estas ne malfacila, knaboj, ili promesas. Google "neordigitan liston HTML." Kio estis tio? 

Publiko: [inaudible]. Allison BUCHHOLTZ-AU: Ĝuste. Do ni volas ordigita aŭ neordigitaj? Ni faru neordigitan. Do ni havas kelkajn ul, kiu staras por neordigitan liston. Kaj kion ni havas por ĉiu elemento? Ĉu ŝi bezonas sian propran etikedon? Ĉu ni komencu skribi tion? 

Publiko: Li. 

Allison BUCHHOLTZ-AU: Li. Do kio estas nia lerta tuj estos? Kion ni volas cxi tie? Ni nur faru nomojn. Nur faru Jakob. 

Publiko: Kuniklo nutraĵoj. 

Allison BUCHHOLTZ-AU: Kuniklo nutraĵoj. OK mi ŝatas tiu. Kuniklo nutraĵoj. 

OK, do ni havas karotojn. Mi ŝatas ĉi kuniklo temo. Mi fosis ĝin tre. Publiko: Fakte, mi pensis Jakob estus legit. Allison BUCHHOLTZ-AU: Jakob? Jakob estas kuniklo manĝo. Se vi vidis Jakob foto de oficejo horoj, vi eble pensis, ke li akiris atakita de murdisto kuniklo. 

Publiko: Mi havas kuniklon nun. Mi havas murdisto kuniklo nun. 

Allison BUCHHOLTZ-AU: Ĉu vi ŝercis mi? 

Publiko: Mi alportos gxin venonta sekcio. Mi havas ĝin. 

Allison BUCHHOLTZ-AU: Tio estas ridinda. Ĉiuokaze. 

Publiko: [inaudible] 

Publiko: Yeah, mia Proctor havas kuniklon tiel. 

Allison BUCHHOLTZ-AU: Mi volas kuniklo. OK, kiu alportas vera kuniklo al la venonta sekcio, entute Brownie punktoj. Publiko: [inaudible] Publiko: Ho, ne realaj. Ĝi estas plenigita kuniklo. 

Allison BUCHHOLTZ-AU: Ho jes, ni povas fermi tiujn. Aspektas rad. Publiko: Ĉu vere gravas? Allison BUCHHOLTZ-AU: Ĝi ne. Kun la plimulto de ĉi tiuj aĵoj, Ne fermi la etikedo, 99% de la tempo nenio malbona okazas okazi, sed tio estas bona stilo, tro. Kaj Jakob. Kaj ni havas laktuko. Publiko: Por ligiloj: ĝi estas vere grava. Allison BUCHHOLTZ-AU: Hm? Publiko: Por hiperligiloj. Allison BUCHHOLTZ-AU: Por hiperligiloj. Jes, hiperligiloj bezonas. OK, do ni vidas ĉi tie. Kaj ni havas la klozo di nia listo. Kaj ni rigardu tion. Ni all-- Jakob pravas. Kuniklo manĝo. Memorigas min pri Bunnicula. 

Publiko: [inaudible] Allison BUCHHOLTZ-AU: tie ilin alportas reen ĉiuj malnova lernejo referencoj hodiaŭ, ne estas mi? Nur cxiujn malnova lernejo referencoj. Devus esti alportita kiel Gogurts aŭ ion por manĝetoj. 

Publiko: Aŭ Gushers. Allison BUCHHOLTZ-AU: Oh. OK. Mi vidos ĉu mi povas spuri malsupren Gushers por la proksima semajno. Mi kredas ke mi povas fari tion. Mi opinias, ke ni havu iu en la oficejo. 

OK, tiel ni kovras multajn malsamajn tion vi povas fari kun HTML, dekstra? Kaj kiel vi versxajne povas vidi, estas nothing-- espereble ne tro intim-- se ĝi estas, mi ne signifas por malgrandigi neniu. Se vi havas problemojn, bonvolu veni alparolas min. 

Sed plejparte estas nur rigardante la sintakso, dekstra? Se vi volas neordigitan liston, se vi volas ian liston, se vi volas vicigi ion aŭ formato ion, ĉio pri nur ia suprenrigardante la sintakso por HTML, dekstra? Sed unu afero tio bela malvarmeta reale estas se vi iros to-- ni vidas, kio estas agrabla retejo kiu ni ŝatas? Iu havas preferataj retejoj ke estas bone por venigi online? Vi scias kion, ni nur faru CS50. Tio estas bela kaj sekura, ĉu ne? 

OK, tiel CS50 tie. Ho rigardu, estas sekcio nun. Se vi ŝatas la manieron ĝi aspektas. 

Publiko: [inaudible]. Allison BUCHHOLTZ-AU: Ni ne faros meta sekcio, knaboj. Tio ne okazas. Estus cool, sed ni ne tuj agu. 

Do kion vi povis do se vi ŝatas la vojon tio funkcias estas vi povas ĉiam pravas Klaku sur iu ajn retpaĝo, kiun vi ŝatas kaj vi povas fari Vidi Paĝo Fonto. Ĝi alportos ĉiujn HTML. Kaj tio estas vere tre bona vojo stiligi via propra retpaĝo. Iru al retpaĝo kiu vi vere ŝatas rigardi la HTML kaj elŝeligi kiel ili faris. 

Kaj laŭvorte, tiel longe kiel vi citas tion, Tiel longe kiel vi estas ne nur ŝtelado de homoj, ĝi estas en ordo. Speciale por CS50 [? financi?], ni estas ia atendante vin akiri inspiro de aliaj retejo. Do bonvolu. Rigardu tra retejoj kiuj Vi pensas vere bela kaj elŝeligi kiel ili uzos HTML kaj CSS fari tion. 

Do kiel vi vidas tie, estas evidente kiel ligiloj kaj ni havas klason tie. Ni havas ligilon ĉi tie. Ni havas liston. Ni probable havas iun bildoj en ĉi tie ie. 

Ni havas iom malvarmeta stilo tie. Tiu estas lin proksima ni tuj faros. Do stilo, kiam vi vidos, ke stilo krampoj, estas CSS esence. Ben, ĉu vi havas demandon? 

Publiko: Kio estas div? 

Allison BUCHHOLTZ-AU: div Estas ĝuste a-- kio div? Publiko: Divido. Allison BUCHHOLTZ-AU: Divido. Jes, estas nur kiel disigante malsamaj elementoj. OK, do jen kion ni tuj eniros en proksima. Do tio povas esti la plej bona stilo ĉar, se vi rimarkos ni havos HTML kaj stilo en la sama paĝo, kaj ni efektive volas disigi tiujn, OK? Kaj fakte, lasu min malfermu miajn dekstra ĉar tiu estas supozita esti PDF, tiel ni havos style.css. 

Do kion ni povas fari ĉi tie estas tiuj estas malvarmeta aĵoj kiel iuj blankigi kaj ni povus provi kaj fari tion, sed mi sentas min kiel Mi volus salaton, ke sur la muŝo, tial mi kuraĝigas vin infanoj al iri provi ke en via propra, sed mi ne faros tion nun. Do se vi uloj, memoru, se vi iam batis problemo aro, io swoops el la flanko. Ĝi devas vidi kun la fade kaj la transiro kaj whatnot. 

Publiko: Kaj jen ĉio CSS kaj HTML? 

Allison BUCHHOLTZ-AU: Ĉiuj CSS kaj HTML. Yeah. Do vi povas fari multajn vere malvarmeta aĵoj kun CSS kaj HTML. Do kun nia respektinda bunny retpaĝon tie, ni tuj faros iom bito de CSS stilo kun ĝi. 

Do se vi iam havas stilon folio, kiun ni havas ĉi tie, Vi povas simple nomi style.css. Vi povas nomi ĝin kiel vi volas. Kio gravas estas ke ni iras por referenci ĝin en nia web.html tie. 

Do kion ni faros estas we-- do mi ne faras salaton ĉi up-- Ni tuj ligas tiuj du dosieroj kune. Do en la sama way-- Mi iras desegni analogio al C tie. En la sama maniero, ke se vi havas iuj library-- kaj ni havas cs50.h-- nia tradukilo ligiloj ĝin. Tiu estas ĝuste eksplicita ligilo por ni. Do, en la sama maniero ke ni faru hash inkludas iujn dosiero, kion Mi volis skribi estas nur la HTML / CSS ekvivalento de tio. 

Ni nur diras, OK, ĉi tiu retpaĝo tuj uzos tiun stilfolion, OK? Do ni havas ligon rel egala al stilfolio. Kaj tiam ni havas tipo, css. Kaj tiam href egalas. 

OK. Do cxio cxi tie estas pritondas pensi pri tio kiel la samon kiel hash inkluzivi. Evidente ĝi aspektas iom pli komplika, sed en ĉiuj kazoj, ĝi estas efike la sama afero. Do tio estas nur iuj sinsekvon de stilo folio, estas de tipo text / css, kaj la nomo de ĝi estas style.css. 

Kio estas grava scii estas ke la retpaĝo ke mi laboras dekstra now-- web.html kaj style.css-- estas en la sama dosierujo. Ĉar en malsamaj dosierujoj vi bezonas doni la reala radiko ĝin aŭ la vojo al ĝi. Sed en ĉi tiu kazo, ni konservante súper simpla kaj ĝi tuj estos tie. Do se ni faros tion, mi ne havas iun tion jam en vosto supren tie. 

Do ni havas iun korpon, kiu tuj havi nian fonkoloro, kiu nun estas helbluaj. Ni povas ŝanĝi ĝin se ni volas, sed se mi memoras ĉi ĝuste, ĝi devus nur ŝanĝi ĝin al lumo blua. Kaj nun ni havas lumo blua fono. Kaj ni devis here-- povas iu memoras kio estas hash ID aŭ klaso? 

Publiko: ID. 

Allison BUCHHOLTZ-AU: ID. Malvarmeta. Do kion ni volas fari Estas kiu el tiuj tiparoj aŭ which-- ni volas "Rigardu la cute bunny "esti purpura? Mi pensas, ke ni volas, ke esti purpura. Estas sufiĉe malsupren per kiu esti purpura. 

Do kion vi faros estas vi ID equals-- en tiu kazo Mi diris: Kio bela koloro tie. Ni reŝarĝi. Subite, estas purpura. OK, do kun ID, memoru ĝi bezonas esti sola, tial mi neniam uzanta ĉi ID aliloke. Sed kun klaso, kiel ni havas tie kun bela tiparo, Mi devus povi uzi ke ie mi volas. 

Do ni faru ĉi tie. Do ni povas diri klaso egalas bela tiparo. Kaj se ni rigardas nun ni havas tiu malvarmeta bela tiparo tie. Do eble mi volas fari ambaŭ. OK, mi vere ne scias, ĉu tiu estas tuj laboros sed mi volas provi ĝin. Kaj jen kiel vi lernas CSS kaj HTML. Vi ŝatas, scias kion mi volas provi tion. Mi ne certas se tuj funkcios. Vidu se ĝi funkcias. 

Kaj rigardu tion. Nun estas purpura kaj gxi estas bela tiparo. OK, do vi havas ĉiujn tiujn malsamaj aferoj vi povas fari. Ĉu vi havas demandon? 

Publiko: Yeah. Nu, simple ŝatas la kolorojn vi uzas estas vortoj. Ĉu ekzistas maniero por fari kolorojn kun la deksesuma RVB? Allison BUCHHOLTZ-AU: Vi povas ankaŭ faru kun hexidecimal, mi kredas. Yeah. Sed estas ia agrabla se vi ne volas serĉi ilin. Vi povas simple esti kiel, purpura aŭ blua. Publiko: Atendu ili scias kion tio signifas. Allison BUCHHOLTZ-AU: Ĝuste. Do ni faru ĉi legado aŭ Chartreuse. Kial vi iam elekti Chartreuse? Estas interesa koloro. 

OK, do evidente ni povas vidi ni povas ŝanĝi tion tamen ni deziras. Se vi volas create-- diru Ni volis krei alian klason. Kio povus vi uloj volas ŝanĝi? Se vi elsxiros W3Schools ' CSS dokumentaron, Mi lasas la plankon al vi uloj. Ni povas klopodi fari ion malvarmeta kun tiu en la lasta paro de minutoj. Ĉar mi ia donis al vi intensiva kurso sur tereno de malvarmeta aferoj ke vi povas fari. Sed en la fino, kiel mi diris, se vi nur eksperimento, vi lernos multon. 

Publiko: Ĉu vin serĉi tiu tiparo? 

Allison BUCHHOLTZ-AU: Yeah, Mi suprenrigardis tiu tiparo. Do kiel laŭvorte, mi iris to-- kion mi faru? Mi faris CSS tiparo lerta kaj tiam mi faris tiparon stako, kaj tiam mi estis kiel, rigardu, tie estas ĉiuj malvarmeta tiparojn vi povas fari. Kaj estis ĉi tiu, tiel Mi kopiis ĝin en mian poŝon. Kaj tiam mi estis kiel, OK, malvarmeta, tie ni iras. Ĉio faris. 

Publiko: Do ​​vi devos certigi ke CSS scias kion tiu tiparo estas. 

Allison BUCHHOLTZ-AU: Jes. 

Publiko: Kio ĝi diras ĉe la fino? Kursivo? 

Allison BUCHHOLTZ-AU: kursivo. Yeah. 

Publiko: Fona bildo. 

Allison BUCHHOLTZ-AU: Fona bildo. OK. Do vi volas diri al mi kiel fari tion. Mi lasos al vi. Mi nur tajpante tien nun. La rado estas en viaj manoj. 

Publiko: OK 

Allison BUCHHOLTZ-AU: OK. Kion mi faris? 

Publiko: Doing-- mi scias kion venas post la frizita krampoj. Allison BUCHHOLTZ-AU: OK. Do probable en korpo, mi supozus, ĉar ni estas fari kun la bildo de fundo. 

Publiko: Yeah, ni faru tion. 

Allison BUCHHOLTZ-AU: OK. Publiko: OK, do fono dupunkto, kaj poste ni bezonas URL-adreson de tiu bildo. Eble pseŭdo-kodo kiu nuntempe, eble. 

Allison BUCHHOLTZ-AU: Kion ĉu vi amas min to-- Publiko: Mi pensas kiel GIF. Allison BUCHHOLTZ-AU: A GIF? Ke tuj estos interesa. OK, kion mi googling tie? 

Publiko: Ne, tio estas via elekto. 

Allison BUCHHOLTZ-AU: Kial Ne we-- se estas bunny, Mi sentas kiel ni devus havi nice herba razeno aŭ io. 

Publiko: Paŝtejo. A herbejo. 

Allison BUCHHOLTZ-AU: A herbejo? OK. Publiko: Aŭ Rachel Maddow. Allison BUCHHOLTZ-AU: Ĉi tiu aspektas bela. Ho, tio estas tre eta, kvankam. Ni bezonas bonan grandecon bildo. Ni vidu. Ho, rigardu. Tio estas bela herbejo. Vi scias kion, mi ŝatas ĉi tiu. Ni kopias ĉi tiu. 

Publiko: Bone, do mi pensas, ke estas la URL, malfermita krampoj. 

Allison BUCHHOLTZ-AU: OK, URL. 

Publiko: Tiam la adreso. 

Allison BUCHHOLTZ-AU: OK. Estas ke ĉiuj ni bezonas? 

Publiko: Fermi krampoj punktokomo, kaj tiam la spaco, fono streketo alligiteco dupunkto fiksa kaj frizita krampoj. 

Allison BUCHHOLTZ-AU: OK. Vidu se tio funkcias. Ĝi tuj estos bela malvarmeta se ĝi faras. Mi estas vera ekscitita dekstren tie. Ĝi ne funkciis. Mi scivolas kial. Publiko: Eble la URL Devas esti en citaĵojn. Allison BUCHHOLTZ-AU: Eble. Kaj jen kiel ni lernas, knaboj. 

Publiko: Ĉu ni havas fonon koloro kaj fona bildo? 

Publiko: No. Unu desbanca la alia. 

Allison BUCHHOLTZ-AU: Mi ne scias. Ni vidu. Ni kontrolu ĝin kaj vi vidos. 

Publiko: Oh, eble, jes. [Intermetante voĉoj] 

Allison BUCHHOLTZ-AU: Bone, tiu estas obviously-- mi [inaudible] tie. Do bone. Publiko: Fona alligiteco. Allison BUCHHOLTZ-AU: Ha. 

Publiko: Bone, mi ne scias. Allison BUCHHOLTZ-AU: Ĝi aspektas kiel ĝi devus labori. Ĉu vi certas ke ĝi estas dupunkto post la URL? 

Publiko: Ne, ĝi punktokomo. Allison BUCHHOLTZ-AU: Estas punktokomo. Publiko: Ĉu mi diru dupunkto? Allison BUCHHOLTZ-AU: Vi diris dupunkto. Publiko: Ho ne. Allison BUCHHOLTZ-AU: tie vi iros. Publiko: Ho, atendu, nun ni ne povas legi la tekston. Allison BUCHHOLTZ-AU: Nun vi ne povas legi la tekston, sed ni havas la fono bildo. Mmhmm? 

Publiko: Ĉu HTML apogi dinamikan enhavon? Kiel, vi povus regrandigi tiu bildo depende de la fenestro grandeco, aŭ estas kiu CSS-- 

Allison BUCHHOLTZ-AU: Tiel CSS devas fari tion. Do se vi uloj estas interesata lerni antaŭita css, Mi co-instruanta al seminario pri CSS je la 7a. Kaj mi promesas volo estos multe pli en profundo kaj fari multe pli malvarmeta aĵojn en tiu sekcio. Kaj mia co-instruisto estas kiel tuta antaŭa fino retejo dev mastro. Do estos bela malvarmeta se vi volas lerni pri ĉiuj malvarmeta aferoj ke CSS povas fari. 

Sed kion ni havas ĉi tie kun lia fono alligiteco fixed-- tial estas iu fiksita size-- sed vi povas reale dynamically-- se vi iam vidi retpaĝojn, kiel plej bonaj retpaĝoj faros, kiam vi ĝustigi la grandeco de via retumilo, ĝi ĝustigas la fono aŭ kiom montras aŭ reformats tion, ĉu ne? Do, tio estas kion ni nomas relativa posicionamiento. 

Kaj CSS povas reale kaptu kiom granda viaj browser larĝa estas aŭ kiom alta estas, kaj vi povas posicionar aferoj laŭ la relativaj grandecoj kontre absoluta grandecoj. Kaj tio estas evidente pli progresinta CSS, sed tio estas io, kion vi povas fari. Se vi volas lerni pli, venu en mian seminarion. 

Do tio estas iu kiun vi povas fari. Kaj CSS povas reale do-- CSS kaj JavaScript, kiun ni akiros en proksima week-- povas permesi al vi dinamike ŝanĝi paĝoj sen devi reŝarĝi ilin la tutan tempon. Kaj vi alvenas al fari iun bela malvarmeta aĵoj. 

Do tie estas alia afero ke vi uloj volus fari aŭ kion ajn vi volas esplori? Ni havas 10 minutojn lasis. Ni povas ankaŭ lasi frue, sed se Vi deziras fari iun pli TTT stuff, ni povas, sed mi ne tuj devigos vin. Sed ni povas ankaŭ simple manĝi frandaĵon. Publiko: Emfazi la tekston blanka tiel vi povas legi ĝin. Allison BUCHHOLTZ-AU: OK. Do en ĉi tiu kazo, ni deziras iom p. Publiko: Ĉu ni faru ĝin en la korpon do aplikiĝas al la tuta paĝo? Allison BUCHHOLTZ-AU: Jes, ni povas fakte. Tio estas bona ideo. Do ni have-- vi scii kion ni devus esti? Mi ne scias se ni povos fari teksto koloro. Mi tuj provi krei alian klason tie. 

Publiko: Kiel vi akiris tiom kiu havas la sugestojn? Allison BUCHHOLTZ-AU: Do Se vi uloj estas interesata, ĉi tio estas alia teksto redaktilo nomata Sublima. Vi devus esti kapabla instali ĝin sur via aparato. Kelkfoje metas iom malfacila. Se vi volas helpi kun tio, Mi estas súper feliĉa helpi vin kun ĝi, ĉar gedit estas granda kaj ĝi estas timinda, ĉar vi povas kompili ĝin sur la fundo, sed vere kiel Sublima ĉar estas sufiĉe kaj ne faras tion, kiel auto-kompletaj. 

Do vi povas definitive bonvolu sciigi min se vi volas fari tion. Se vi simple Google "Sublima teksto, "ĝi tipe havas instrukciojn pri kiel instali sur diversaj mastrumaj sistemoj. Ĝi estas vere genia, mi pensas, en mia opinio. Do p. Mi kredas ke mi povas simple fari text-- aŭ ni povas simple fari koloro estas "blanka". Tie. 

Do kion mi faris tie estas ke mi ne ŝanĝis la tutan tekston. Sed p tie estas nur etikedo, kiun ni havas, ĉu ne? Tiu paragrafo etikedo. Do mi simple kreis CSS elemento kiu diris: Bone, ion kun tiu etikedo p, fari la koloro blanka. 

Do se vi rimarkis, eniris tiu celo kaj tiu blanka. Ĝi ne faris nian liston blanka ĉar ĝi ne estas asociita kun tiu. Vi povus iri paŝon kaj vi povus say-- 

Publiko: Ĉu fonkoloro. 

Allison BUCHHOLTZ-AU: Fona koloro? 

Publiko: Fona por pipo en koloro kie vi metas la p etikedo. 

Allison BUCHHOLTZ-AU: OK. Vi volas ĝin blanka? Publiko: Mmhmm. Allison BUCHHOLTZ-AU: OK. Tie vi iru. Publiko: Tio estas stranga. Allison BUCHHOLTZ-AU: Pretty cool, dekstra? Do se vi nur salaton ĉirkaŭe, vi lernos multon. Kaj ĝi povas esti bela malvarmeta. Mi kredas ke estas sendube pli kontentiganta ol kelkfoje ĉar vi ne devas atendi por via programo kompili. Vi povas simple batis Refresh kaj vi estas kiel, ho, rigardu, laboris aux Ho, mi estas verŝajne mankas io. Kaj tio estas iu kiu vere malvarmeta pri tiu proksima parto de la klaso, cxu definitive, mi Pensu, facile kontroli kiel vi iros sur la vojo kontraŭ devi skribi tiujn longaj programoj kaj deziras kaj preĝanta kiu laboras en la fino. 

Do kun tio, mi pensas vi uloj ĉiuj ŝajnas bona. Se vi havas ajnajn demandojn, kiel ĉiam, venu alparolas min, venu lasi min scii. Mi estos dekstra ekstere dum 15 minutoj Se vi volas babili pri nenion kaj ĉion. 

Do mi esperas ke vi guys-- Bonŝancon kun ĉi pset. La limdato estas vendredo tagmeze ĉar ĝi estis liberigita malfrue. Do mi probable vidos multan vi uloj ĵaŭde, sed espereble ne. Eble vi havas ĝin farita de tiam. Mi ŝatus esti súper fiera. 

Sed se ne, mi vin vidos ĵaŭdon. Vi povas ankaŭ uzi malfrua dato, kiu etendas ĝin al sabato tagmeze. Sed mi don't-- huh? 

Publiko: Halloween. 

Allison BUCHHOLTZ-AU: Ĝi estas Halloween, a, b, Mi ne kredas Ekzistos esti oficejo horoj vendrede. Do vere provi kaj fari tion per Vendredo tiel ke ni povas ĉiuj festas Dedicxu semajnfino. Bone, mi vidos vin infanoj venontan semajnon.