1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [Musiikki soi] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 ALLISON Buchholtz-AU: Okei, kaikille. 5 00:00:12,540 --> 00:00:13,860 Tervetuloa takaisin osiosta. 6 00:00:13,860 --> 00:00:19,559 Joten meidän asialistalla tänään on menossa yli paljon enemmän web dev kamaa. 7 00:00:19,559 --> 00:00:21,600 En tiedä, kuinka moni olet nähnyt psets 8 00:00:21,600 --> 00:00:24,414 koska se julkaistiin aiemmin tänä aamuna. 9 00:00:24,414 --> 00:00:26,330 Haluaisin niin kuinka monta ihmiset lukenut spec, 10 00:00:26,330 --> 00:00:29,910 mutta kun huomataan miten olet ollut kaikki on, kuten, seitsemän tuntia katsomaan sitä 11 00:00:29,910 --> 00:00:31,910 ja se on maanantaina ja olet todennäköisesti ollut luokassa, 12 00:00:31,910 --> 00:00:34,160 Aion olettaa, että useimmat teistä eivät ole. 13 00:00:34,160 --> 00:00:37,170 Jos sinulla on ylimääräisiä Kudos. 14 00:00:37,170 --> 00:00:39,400 >> Olet periaatteessa auttaa toteuttaa yksinkertaisen web 15 00:00:39,400 --> 00:00:43,270 palvelin C, joka on upouusi PSET, joten te saada olla marsuja. 16 00:00:43,270 --> 00:00:49,730 Se tulee olemaan hauskaa, villi viikko, mutta mielestäni se tulee olemaan hauskaa 17 00:00:49,730 --> 00:00:52,260 ja se tulee olemaan todella hyvä kokemus itse. 18 00:00:52,260 --> 00:00:54,920 Joten voit valmistautua että osassa tänään, 19 00:00:54,920 --> 00:01:00,940 aiomme mennä chmod, TCP / IP, ja sitten hieman HTML ja CSS. 20 00:01:00,940 --> 00:01:05,080 >> Lopussa, me oikeastaan ​​koodi jopa yksinkertainen verkkosivu yhdessä 21 00:01:05,080 --> 00:01:09,042 auttaa te sellaista saada enemmän perehtynyt siihen. 22 00:01:09,042 --> 00:01:11,750 Ja sitten jos et ole kyytiin tietokilpailuja, he edessä, 23 00:01:11,750 --> 00:01:14,890 mutta olen melko varma, että jokainen tässä on heidän tietokilpailu. 24 00:01:14,890 --> 00:01:17,880 Ja myös tämän muistion, ratkaisut eivät ole vielä liittynyt, 25 00:01:17,880 --> 00:01:21,490 mutta heti kun me finish-- haluavat, Viime ihmiset ottavat quizzes-- 26 00:01:21,490 --> 00:01:22,280 ne ylös. 27 00:01:22,280 --> 00:01:24,630 Jos sinulla on kysyttävää sillä välin, 28 00:01:24,630 --> 00:01:26,240 rohkeasti sähköpostia minulle henkilökohtaisesti. 29 00:01:26,240 --> 00:01:30,700 Vastaan ​​kanssa yksilöllisen kysymyksiä, kuten aina. 30 00:01:30,700 --> 00:01:33,890 >> Niin Komitea suosittelee, että chmod. 31 00:01:33,890 --> 00:01:36,390 Joten periaatteessa kaikki mitä täytyy tietää chmod 32 00:01:36,390 --> 00:01:39,620 on, että sitä käytetään muuttamaan tiedostojen oikeudet, eikö? 33 00:01:39,620 --> 00:01:44,050 Joten se on vain joissakin järjestelmissä kutsuvat sitä muuttaa käyttöoikeuksia, koska tässä sanotaan. 34 00:01:44,050 --> 00:01:48,540 Ja jos joskus haluat nähdä mitkä käyttöoikeudet tiedosto on, 35 00:01:48,540 --> 00:01:52,240 sijaan juuri tekemässä ls, voisit tehdä ls -l. 36 00:01:52,240 --> 00:01:54,010 l tarkoittaa pitkiä. 37 00:01:54,010 --> 00:01:56,460 >> Joten voit tehdä pitkiä listoja kaiken, ja se 38 00:01:56,460 --> 00:02:02,080 antaa sinulle paljon yksityiskohtaisempia tietoa jokaisesta tiedostoja. 39 00:02:02,080 --> 00:02:05,540 Ja näet something-- olen menossa ohittaa eteenpäin second-- 40 00:02:05,540 --> 00:02:08,910 mutta näet jotain vastaavaa että ylin rivi on jokaisen tiedoston. 41 00:02:08,910 --> 00:02:11,560 Ja käymme läpi, mitä se tarkoittaa. 42 00:02:11,560 --> 00:02:15,260 >> Joten periaatteessa, muuttaa tiedostojen oikeuksien, 43 00:02:15,260 --> 00:02:16,850 haluat vain käyttää chmod. 44 00:02:16,850 --> 00:02:23,620 Voit ajatella sitä muuta UNIX soittaa kuten ls tai CD tai vaikka mitä. 45 00:02:23,620 --> 00:02:25,540 Se on vain sellainen toinen, kuten puhelun. 46 00:02:25,540 --> 00:02:30,530 >> Joten teemme chmod ja sitten me on kolme numeroa yleensä. 47 00:02:30,530 --> 00:02:33,570 On olemassa pari tapaa tehdä se, joista me mennä yli. 48 00:02:33,570 --> 00:02:37,650 Mutta yleensä, sinulla on kolme numerot vaihtelevat 0-7 kerta. 49 00:02:37,650 --> 00:02:43,530 >> Niin yksi asia on, että on olemassa kolme eri käyttöoikeuksia 50 00:02:43,530 --> 00:02:45,510 että voimme antaa jokaisen tiedoston. 51 00:02:45,510 --> 00:02:49,480 Ja se on luettavissa, mikä on edustaa R, joka on järkeä 52 00:02:49,480 --> 00:02:54,020 vuonna hieman; w, joka on kirjoitettavissa; ja suoritettavan, joka on x. 53 00:02:54,020 --> 00:02:57,630 Tiedän, että e yksi, suoritettavan, ehkä ole mielekästä, mutta me 54 00:02:57,630 --> 00:02:59,120 edustaa sitä X. 55 00:02:59,120 --> 00:03:05,290 >> Ja mitä sitten tapahtuu, on kukin näistä on myös numero edustus. 56 00:03:05,290 --> 00:03:07,990 Joten meillä on 1, 2, ja 4. 57 00:03:07,990 --> 00:03:12,060 Ja periaatteessa mitä tapahtuu, on kukin näistä kolmesta numerosta 58 00:03:12,060 --> 00:03:17,380 tässä vastaa eri joukko käyttäjiä 59 00:03:17,380 --> 00:03:19,420 että nämä oikeudet koskevat. 60 00:03:19,420 --> 00:03:24,820 >> Voit siis ajatella, että ensin numero vastaa todellista käyttäjä 61 00:03:24,820 --> 00:03:29,360 tai tiedoston omistaja, toinen numero vastaavat ryhmään, 62 00:03:29,360 --> 00:03:33,590 ja viimeinen viittaa maailmalle, OK? 63 00:03:33,590 --> 00:03:39,995 Mitä tapahtuu, on muistettava, ne numbers-- r on 4, w on 2, 64 00:03:39,995 --> 00:03:42,550 x on 1, eikö? 65 00:03:42,550 --> 00:03:46,630 This-- Jos sanottuna nämä ylös, joka antaa sinulle, että ensimmäinen numero 66 00:03:46,630 --> 00:03:48,600 että meillä voi syöttää meidän chmod. 67 00:03:48,600 --> 00:03:52,191 >> Joten tässä tapauksessa, mitä olisi tämä numero on? 68 00:03:52,191 --> 00:03:57,030 Se olis 4 plus 2 plus 1, joka on 7, eikö? 69 00:03:57,030 --> 00:03:59,250 Ja tässä tapauksessa, nämä ei ole mitään, 70 00:03:59,250 --> 00:04:06,450 joten tämä täällä olisi kääntää chmod 700, OK? 71 00:04:06,450 --> 00:04:12,030 Ja mitä se tekee, on se myöntää kaikille Näiden oikeudet käyttäjätunnuksesi. 72 00:04:12,030 --> 00:04:14,400 >> Joten tämä tarkoittaa meidän käyttäjältä voivat tehdä mitä haluavat. 73 00:04:14,400 --> 00:04:15,400 Ne voi lukea tätä tiedostoa. 74 00:04:15,400 --> 00:04:16,810 He voivat suorittaa tämän tiedoston. 75 00:04:16,810 --> 00:04:18,360 He voivat kirjoittaa tähän tiedostoon. 76 00:04:18,360 --> 00:04:23,545 Mutta ryhmä ja maailman, ei käyttöoikeudet mitään, OK? 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> Joten toinen tapa kirjoittaa, että voimme tehdä chmod kolmesta numerosta, joista kukin 79 00:04:32,680 --> 00:04:40,040 vastaa mitä tahansa summaa tai että erityinen ryhmä on erityinen osajoukko. 80 00:04:40,040 --> 00:04:44,870 Tai voimme tehdä oikeastaan ​​toinen juttu. 81 00:04:44,870 --> 00:04:45,590 Pidä kiinni. 82 00:04:45,590 --> 00:04:49,330 Me voimme tehdä jotain näillä täällä. 83 00:04:49,330 --> 00:04:55,615 >> Kuinka moni näit esimerkki missä se oli kuin chmod plus x? 84 00:04:55,615 --> 00:04:58,070 Näitkö luennossa, luulen? 85 00:04:58,070 --> 00:05:00,610 Niin seisoo kaikille. 86 00:05:00,610 --> 00:05:04,990 Se tarkoittaa antaa sen kaikille käyttäjille, jonka unohdin laittaa tänne. 87 00:05:04,990 --> 00:05:08,790 >> Mutta plus x, jos me huomaa täällä, jos teemme 88 00:05:08,790 --> 00:05:13,420 jotta chmod-- mitä ryhmässä olemme puhumme plus käyttöoikeudet 89 00:05:13,420 --> 00:05:14,660 haluamme antaa heille. 90 00:05:14,660 --> 00:05:16,120 Joten tämä voi olla plus tai miinus. 91 00:05:16,120 --> 00:05:17,690 Plus lisää lupaa. 92 00:05:17,690 --> 00:05:19,510 Miinus vie lupaa. 93 00:05:19,510 --> 00:05:22,520 Melko intuitiivinen, luulen. 94 00:05:22,520 --> 00:05:25,720 >> Joten plus x tarkoittaa chmod. 95 00:05:25,720 --> 00:05:32,260 Joten muuttaa oikeuksia kaikkien ihmisten jos tämä on a-- add käyttöoikeudet. 96 00:05:32,260 --> 00:05:37,110 Ja x-- se tarkoittaa mitä lupaa me myöntämistä kaikille. 97 00:05:37,110 --> 00:05:38,510 Lukea, kirjoittaa tai suorittaa? 98 00:05:38,510 --> 00:05:39,360 >> Yleisö: Suorita. 99 00:05:39,360 --> 00:05:40,610 >> ALLISON Buchholtz-AU: Suorita. 100 00:05:40,610 --> 00:05:46,080 Joten annamme kaikille käyttäjille oikeuksia suorittaa tämän tiedoston, OK? 101 00:05:46,080 --> 00:05:53,370 Joten mitä jos halusimme tehdä että numeerinen muodossa? 102 00:05:53,370 --> 00:05:56,290 Joten muistakaa numeronäppäimillä, haluamme kolme numeroa. 103 00:05:56,290 --> 00:05:56,790 >> Yleisö: 4. 104 00:05:56,790 --> 00:05:58,290 ALLISON Buchholtz-AU: Mikä se oli? 105 00:05:58,290 --> 00:05:59,260 Yleisö: 4. 106 00:05:59,260 --> 00:06:00,426 ALLISON Buchholtz-AU: Ei 4. 107 00:06:00,426 --> 00:06:01,599 Yleisö: 0, 0, 4. 108 00:06:01,599 --> 00:06:04,390 ALLISON Buchholtz-AU: No, me haluamme antaa sen kaikille käyttäjille, eikö? 109 00:06:04,390 --> 00:06:07,442 Joten aiomme olla määrä kussakin välissä. 110 00:06:07,442 --> 00:06:09,400 Tämä tulee olemaan sama määrä kussakin välissä 111 00:06:09,400 --> 00:06:13,800 koska emme halua antaa jokainen suoritettavan käyttöoikeudet. 112 00:06:13,800 --> 00:06:16,480 Joten suoritettavan on 1, mutta oikealla tiellä. 113 00:06:16,480 --> 00:06:23,055 >> Joten jos emme chmod 111, joka olla vastaava chmod plus x. 114 00:06:23,055 --> 00:06:24,430 Onko järkeä kaikille? 115 00:06:24,430 --> 00:06:26,910 Aiomme käydä läpi pari esimerkkiä. 116 00:06:26,910 --> 00:06:29,860 >> Joten iso takeaway tässä ei ole täällä, 117 00:06:29,860 --> 00:06:33,360 mutta tarkoittaa vain antaa sen kaikille käyttäjille. 118 00:06:33,360 --> 00:06:36,610 U on jos vain haluat antaa tai ottaa pois 119 00:06:36,610 --> 00:06:40,600 erityistä lupaa käyttäjälle tai omistajalle. 120 00:06:40,600 --> 00:06:43,800 g on ryhmä, niin että keskimmäinen numero. 121 00:06:43,800 --> 00:06:49,440 Ja sitten toiset voit ajatella maailman, että viimeisen numeron. 122 00:06:49,440 --> 00:06:52,840 >> Niin, että, menemme esimerkiksi koska minusta tuntuu esimerkkejä aina 123 00:06:52,840 --> 00:06:56,240 nämä asiat on helpompi ymmärtää. 124 00:06:56,240 --> 00:07:01,240 Joten rwx-- kävimme läpi this-- voisi olla myös edustaa 700. 125 00:07:01,240 --> 00:07:05,070 Se on esimerkki me katsoimme lisää kuvan. 126 00:07:05,070 --> 00:07:09,990 Niin chmod 444 joitakin tiedosto antaisi mitä oikeuksia? 127 00:07:09,990 --> 00:07:11,947 Olit todella lähellä. 128 00:07:11,947 --> 00:07:13,030 Yleisö: Luettavissa kaikille. 129 00:07:13,030 --> 00:07:14,321 ALLISON Buchholtz-AU: luettavissa. 130 00:07:14,321 --> 00:07:15,660 Joten luettavissa kaikille, eikö? 131 00:07:15,660 --> 00:07:17,910 Ja mitä sitten on toinen tapa tehdä se? 132 00:07:17,910 --> 00:07:23,070 Jos haluamme tehdä chmod joko R: n tai w: n, plus ja miinuksia, 133 00:07:23,070 --> 00:07:25,300 Mikä se puhelu näyttää? 134 00:07:25,300 --> 00:07:27,336 Olisi chmod mitä? 135 00:07:27,336 --> 00:07:28,590 >> Yleisö: plus r. 136 00:07:28,590 --> 00:07:32,900 >> ALLISON Buchholtz-AU: plus R 5. 137 00:07:32,900 --> 00:07:40,980 OK, joten tämä on sama kuin tämä, vain kaksi eri käännökset 138 00:07:40,980 --> 00:07:42,500 sama asia. 139 00:07:42,500 --> 00:07:45,650 Niin, että meillä on nämä. 140 00:07:45,650 --> 00:07:50,310 Joten haluan sinun kaverit yrittää kirjoittaa tällaisia ​​heidän päinvastoin. 141 00:07:50,310 --> 00:07:53,710 >> Joten chmod 555, mikä se on? 142 00:07:53,710 --> 00:07:56,704 Olisiko plus tai u plus tai vaikka mitä? 143 00:07:56,704 --> 00:07:58,370 U plus x, anna minulle kolme numeroa. 144 00:07:58,370 --> 00:08:03,530 Ja sitten kertoa mitä oikeuksia olemme todella myöntämisestä ja kuka? 145 00:08:03,530 --> 00:08:06,600 >> Niin minä annan teille kaverit kaksi minuuttia työtä, että. 146 00:08:06,600 --> 00:08:08,160 Voit vapaasti puhua toistensa kanssa. 147 00:08:08,160 --> 00:08:11,910 Niille teistä, jotka tulivat hieman myöhään, on karkkia ja paitoja. 148 00:08:11,910 --> 00:08:14,590 Meillä on kolme paitoja jäljellä, ja meillä Kit Kats ja starbursts. 149 00:08:14,590 --> 00:08:17,630 Joten rohkeasti tulemaan napata jotkut tässä vähän välisoitto. 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> Myös viimeinen on hankalaa. 152 00:09:04,440 --> 00:09:06,670 Se on kaksi chmods varten viimeinen. 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 Oikeastaan ​​haluaisin sulkea ovea kun te olette työskennellyt sen. 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 Candy on aina tarpeen maanantaina iltapäivällä. 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> OK, niin chmod 555. 159 00:09:34,756 --> 00:09:36,380 Mikä on toinen tapa, jolla voimme kirjoittaa, että? 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 Onko ideoita? 162 00:09:41,790 --> 00:09:42,290 Kyllä. 163 00:09:42,290 --> 00:09:43,280 >> Yleisö: plus rx. 164 00:09:43,280 --> 00:09:44,613 >> ALLISON Buchholtz-AU: R plus rx. 165 00:09:44,613 --> 00:09:47,290 Haluatko selittää, miksi se olis rx? 166 00:09:47,290 --> 00:09:49,570 >> Yleisö: Koska sinä olet 5, niin se on 4 plus 1, 167 00:09:49,570 --> 00:09:51,734 niin, että on lukenut plus suoritettavan, ja se on kaikille. 168 00:09:51,734 --> 00:09:52,900 ALLISON Buchholtz-AU: Right. 169 00:09:52,900 --> 00:09:58,540 Joten vain toistaa, 5 täällä Tiedämme summana 4 ja 1, 170 00:09:58,540 --> 00:10:04,760 koska jokainen numero meidän trio on summa käyttöoikeudet että osajoukko, 171 00:10:04,760 --> 00:10:05,260 oikeassa? 172 00:10:05,260 --> 00:10:07,070 Joko käyttäjä, ryhmä, tai maailma. 173 00:10:07,070 --> 00:10:11,160 Joten tässä tapauksessa, me tiedämme, että 5 on muodostettu 4 ja 1. 174 00:10:11,160 --> 00:10:15,240 >> Ja 4 ja 1 vastaavat luettava ja suoritettavan. 175 00:10:15,240 --> 00:10:21,717 Annamme sitä kaikille, jotta voimme tehdä chmod plus rx. 176 00:10:21,717 --> 00:10:24,050 Ja tietenkin, me vain meni läpi kysymyksiä siellä, 177 00:10:24,050 --> 00:10:28,810 joten nyt tämä tiedosto on suoritettavissa ja luettavissa kaikille. 178 00:10:28,810 --> 00:10:31,120 >> Entä toinen? 179 00:10:31,120 --> 00:10:32,900 Mikä mahtaa numero että yksi olla? 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 Onko ideoita? 182 00:10:37,180 --> 00:10:37,680 Menkää. 183 00:10:37,680 --> 00:10:38,600 >> Yleisö: 100 [kuulumaton]. 184 00:10:38,600 --> 00:10:39,683 >> ALLISON Buchholtz-AU: 100. 185 00:10:39,683 --> 00:10:40,270 Täsmälleen. 186 00:10:40,270 --> 00:10:42,455 Joten haluat selittää, miksi 100? 187 00:10:42,455 --> 00:10:45,080 Yleisö: Koska se on käyttäjä, joten se on ensimmäisellä sijalla. 188 00:10:45,080 --> 00:10:47,371 Ja sitten x suoritettavan on 1. 189 00:10:47,371 --> 00:10:48,620 ALLISON Buchholtz-AU: Aivan. 190 00:10:48,620 --> 00:10:53,120 Joten me myöntämistä suoritettavaa oikeudet vain käyttäjälle. 191 00:10:53,120 --> 00:10:55,100 Joten tässä tapauksessa, se olisi 100. 192 00:10:55,100 --> 00:10:57,570 Ja minulla on kaikki vastaukset ylös seuraava dia tapauksessa 193 00:10:57,570 --> 00:11:00,060 kirjoitat paljon asioita alas. 194 00:11:00,060 --> 00:11:08,410 >> OK, joten tämä seuraava on todella tehneet kaksi chmods, voit tehdä sen. 195 00:11:08,410 --> 00:11:11,120 Joten ei kellään mitään käsitystä miten voisit 196 00:11:11,120 --> 00:11:14,150 saada chmod 640 kirjoitettiin uudelleen vuonna toisinpäin? 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 Voit muuttaa käyttäjän ensin ja sitten Voit muuttaa ryhmän on minun vihje. 199 00:11:22,820 --> 00:11:29,740 >> Joten jos me vain muuttamalla Käyttäjä, joka on tämä ensimmäinen täällä, 200 00:11:29,740 --> 00:11:33,830 mitä voisi meidän soittaa olla? 201 00:11:33,830 --> 00:11:36,080 Joten käyttäjän on u, eikö? 202 00:11:36,080 --> 00:11:38,780 Joten chmod u plus mitä? 203 00:11:38,780 --> 00:11:39,280 Mmhmm? 204 00:11:39,280 --> 00:11:40,469 >> Yleisö: rw. 205 00:11:40,469 --> 00:11:41,510 ALLISON Buchholtz-AU: rw. 206 00:11:41,510 --> 00:11:47,470 Oikea, lukea ja kirjoittaa, koska luku- on 4, w on 2, ne summaa yhteen 6. 207 00:11:47,470 --> 00:11:52,760 Joten saamme chmod u plus rw, ja saamme ensimmäiset 6 siellä. 208 00:11:52,760 --> 00:11:56,860 >> Niin sitten saat 4, haluamme nyt muuttaa ryhmämme asetuksia. 209 00:11:56,860 --> 00:12:00,960 Niin me aiomme tehdä chmod g plus mitä? 210 00:12:00,960 --> 00:12:02,380 Mikä on 4? 211 00:12:02,380 --> 00:12:03,040 >> Yleisö: r. 212 00:12:03,040 --> 00:12:04,040 ALLISON Buchholtz-AU: r. 213 00:12:04,040 --> 00:12:05,070 Täsmällisesti. 214 00:12:05,070 --> 00:12:09,140 Niin me annamme omistaja luku- ja kirjoitusoikeudet 215 00:12:09,140 --> 00:12:13,141 ja me annamme ryhmä Read käyttöoikeudet, jotka olemme kaikki täällä. 216 00:12:13,141 --> 00:12:13,640 Mmhmm? 217 00:12:13,640 --> 00:12:17,740 >> Yleisö: Jos voit kirjoittaa jotain, se tarkoita, voit suorittaa sen? 218 00:12:17,740 --> 00:12:20,700 >> ALLISON Buchholtz-AU: You voi kirjoittaa something-- 219 00:12:20,700 --> 00:12:22,900 En usko, että se merkitsee voit suorittaa sen. 220 00:12:22,900 --> 00:12:25,951 221 00:12:25,951 --> 00:12:26,450 Cool. 222 00:12:26,450 --> 00:12:29,620 Niin, että kaikki, mitä me vain meni läpi. 223 00:12:29,620 --> 00:12:33,075 Joten tämä seuraava, se on vain sellainen yhteinen tapauksia 224 00:12:33,075 --> 00:12:35,200 jotka haluat säilyttää mieleen ongelman asetettu. 225 00:12:35,200 --> 00:12:39,800 Nämä ovat tyypillisesti käyttöoikeudet että haluamme voit käyttää. 226 00:12:39,800 --> 00:12:44,900 >> Joten 711, joka antaa Meille tietysti käyttäjän 227 00:12:44,900 --> 00:12:47,720 kaikki oikeudet, jotka taipumus järkeä. 228 00:12:47,720 --> 00:12:51,920 Ja sitten se on suoritettavissa ryhmä maailmassa, jossa on järkeä 229 00:12:51,920 --> 00:12:56,150 jos sinulla on, saat haluavat pystyä kulkemaan osaksi sitä. 230 00:12:56,150 --> 00:12:58,160 Ihmisten tulee saada. 231 00:12:58,160 --> 00:13:04,680 >> Mistään ei-PHP-tiedosto, olet menossa käyttää 644, joka tekisi mitä? 232 00:13:04,680 --> 00:13:07,560 Mitä tämä tarkoita, tai mitä käyttöoikeudet Tekeekö se? 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 Joten omistaja voi mitä? 235 00:13:14,409 --> 00:13:15,450 Yleisö: lukemaan ja kirjoittamaan. 236 00:13:15,450 --> 00:13:16,991 ALLISON Buchholtz-AU: lukemaan ja kirjoittamaan. 237 00:13:16,991 --> 00:13:21,560 Ja sitten ryhmä ja muut voi vain lukea, eikö? 238 00:13:21,560 --> 00:13:25,660 Ja sitten chmod 600 mistään PHP-tiedostot, joita käytät, 239 00:13:25,660 --> 00:13:27,980 Omistajan, jälleen, voi lukea ja kirjoittaa sille 240 00:13:27,980 --> 00:13:32,310 mutta kaikki muu on juuri sellainen suljettu. 241 00:13:32,310 --> 00:13:34,540 >> Joten tämä todella olla enemmän hyötyä, kun 242 00:13:34,540 --> 00:13:37,700 saat ongelman asettaa ensi viikolla, jos 243 00:13:37,700 --> 00:13:40,290 olet todella rakentaa verkkosivuilla. 244 00:13:40,290 --> 00:13:43,100 Joten jos olet koskaan joutunut outoja pulmia 245 00:13:43,100 --> 00:13:45,970 jos se ei lataudu oikein, ehkä 246 00:13:45,970 --> 00:13:50,670 tarvitse lisätä suoritettavan lupaa, tai ehkä sinun lukea 247 00:13:50,670 --> 00:13:52,990 tai kirjoitusoikeudet. 248 00:13:52,990 --> 00:13:56,980 Pikku asioita, jotka yleensä laukea ihmisiä ylös, mutta se on sellainen kuin go-to 249 00:13:56,980 --> 00:13:58,564 kun alkaa ensi viikolla PSET. 250 00:13:58,564 --> 00:14:00,730 Ja haluaisin antaa sinulle enemmän vihjeitä tämän viikon PSET, 251 00:14:00,730 --> 00:14:05,010 mutta en ole vielä katsomaan sitä, koska se julkaistiin tänä aamuna. 252 00:14:05,010 --> 00:14:10,600 Mutta sinulle sähköpostia minulle, minä katselin sitä kun olen vastata huomenna. 253 00:14:10,600 --> 00:14:14,310 >> Joten nyt, on kaikki hyvä chmod? 254 00:14:14,310 --> 00:14:16,040 Kaikki jäljellä olevat kysymykset? 255 00:14:16,040 --> 00:14:17,240 Melko suoraviivaista. 256 00:14:17,240 --> 00:14:20,620 Juuri sellainen pitää kirjaa siitä, mitä lukea, kirjoittaa ja suorittaa numerot ovat 257 00:14:20,620 --> 00:14:23,660 on luultavasti vaikein osa. 258 00:14:23,660 --> 00:14:29,620 >> Joten TCP / IP, kaikki nämä protokollat sellainen kuin teidän tietorakenteita 259 00:14:29,620 --> 00:14:31,990 viime viikolla, se on paljon enemmän tärkeää sellaista saada 260 00:14:31,990 --> 00:14:33,900 korkeampaa intuitio niistä. 261 00:14:33,900 --> 00:14:37,390 Tämä ei ole CS143 minne olemme menossa pyytää teitä toteuttaa verkko, 262 00:14:37,390 --> 00:14:39,870 joten sinun on hieno, jos et ymmärrä 263 00:14:39,870 --> 00:14:42,900 pikkuseikoista kaikkien protokollia. 264 00:14:42,900 --> 00:14:46,050 Mikä on tärkeää ymmärtää, sellainen kuin mitä ne edustavat 265 00:14:46,050 --> 00:14:47,300 ja miksi ne ovat tärkeitä. 266 00:14:47,300 --> 00:14:52,320 >> Joten TCP / IP, tietenkin, se on Transmission Control Protocol 267 00:14:52,320 --> 00:14:57,270 tai Internet Protocol, joka on pohjimmiltaan vain joukko lakeja pohjimmiltaan 268 00:14:57,270 --> 00:15:00,800 tai standardeja, jotka kertovat tiedot miten se tulisi hoitaa, 269 00:15:00,800 --> 00:15:04,900 miten se pitäisi paketoidaan lähetetään ja vastaanotetaan. 270 00:15:04,900 --> 00:15:09,200 Niin se periaatteessa, aivan kuten Tässä lukee, lisää mahdollisuuksia 271 00:15:09,200 --> 00:15:12,950 että tiedot saa, jos haluat päästä. 272 00:15:12,950 --> 00:15:15,950 >> Olen varma, että jos te meni luento tai katsellut sitä verkossa, 273 00:15:15,950 --> 00:15:18,232 Hän has-- En tiedä jos hän teki sen tänä vuonna, 274 00:15:18,232 --> 00:15:20,940 mutta tiedän viime vuonna hän oli demo, jossa hän oli kuva Rob 275 00:15:20,940 --> 00:15:23,320 ja hän jakaa sen ylös neljä ja laita se kirjekuoret 276 00:15:23,320 --> 00:15:26,590 ja yritti saada sen poikki Sanders. 277 00:15:26,590 --> 00:15:29,430 Ja voit eräänlainen ajattele sitä tällä tavalla. 278 00:15:29,430 --> 00:15:35,400 Se on vain joukko sääntöjä, jotka kertovat tiedot miten päästä jonnekin 279 00:15:35,400 --> 00:15:37,640 ja ilmoittaa, jos olet puuttuu tietoja, 280 00:15:37,640 --> 00:15:40,460 samalla tavalla, että jos olet ottaen useita sivuja muistiinpanoja 281 00:15:40,460 --> 00:15:46,490 ja voit merkitä niitä sivu 104, sivu 204, ja voit palata opiskelemaan myöhemmin 282 00:15:46,490 --> 00:15:50,220 ja olet puuttuu something-- et löydä sivulta 304-- tiedät 283 00:15:50,220 --> 00:15:53,310 jotain on vialla, niin voit voi katsoa läpi muistiinpanoja 284 00:15:53,310 --> 00:15:58,666 uudelleen tai pyydä jotakuta lähettämään sinulle luentomoniste kyseisestä päivästä. 285 00:15:58,666 --> 00:16:00,290 Samalla tavoin tietoja Internetissä. 286 00:16:00,290 --> 00:16:03,220 Jos pyydän jotain jostain palvelimelta 287 00:16:03,220 --> 00:16:05,377 ja se on lähetettävä sitä useita paketteja, 288 00:16:05,377 --> 00:16:07,210 luultavasti numero sitä jotenkin, anna 289 00:16:07,210 --> 00:16:12,430 minulle, kuinka paljon olisin saanut, ja kerro minulle, oi, tämä on yksi niistä 10 290 00:16:12,430 --> 00:16:13,990 tai tämä on yksi 10000. 291 00:16:13,990 --> 00:16:17,030 Tällä tavoin kun menen koota kaikki palaset yhteen, 292 00:16:17,030 --> 00:16:21,504 En tiedä, jos jotain puuttuu ja voin kysyä, että uudelleen. 293 00:16:21,504 --> 00:16:22,730 Onko järkeä? 294 00:16:22,730 --> 00:16:23,610 Vain joukko sääntöjä. 295 00:16:23,610 --> 00:16:28,120 Sen perusteella, asettaa sääntöjä, OK? 296 00:16:28,120 --> 00:16:31,360 >> Joten Keskustelimme myös vähän tietoa satamissa. 297 00:16:31,360 --> 00:16:36,150 Tämä on oikeastaan ​​vain standardi, joka voit tietää, minkälaisia ​​tietoja 298 00:16:36,150 --> 00:16:38,650 ollaan lähettämässä näissä paketeissa. 299 00:16:38,650 --> 00:16:40,790 Jos me lähdemme kirjekuori Esimerkiksi emme 300 00:16:40,790 --> 00:16:43,510 tiedämme, että se on kuva Rob siellä ellemme kirjoittaa sen 301 00:16:43,510 --> 00:16:45,480 ulkopuolella meidän kirjekuoressa. 302 00:16:45,480 --> 00:16:47,100 Joten satamat ovat pohjimmiltaan sama asia. 303 00:16:47,100 --> 00:16:51,670 Se on vain tapa selvittää, mitä tyyppistä tietoa siirretään. 304 00:16:51,670 --> 00:16:56,260 >> Joten meillä on kaikki yleisimpiä täällä. 305 00:16:56,260 --> 00:16:59,790 Joten 21-- nämä ovat myös eräänlainen samankaltaisten hyviä asioita tietää. 306 00:16:59,790 --> 00:17:01,560 Se on tavallaan helppo tietokilpailu kysymys. 307 00:17:01,560 --> 00:17:03,590 Olla, mitä portti 80 tekee? 308 00:17:03,590 --> 00:17:06,970 Tai mitä portti 443 tekee? 309 00:17:06,970 --> 00:17:09,359 Niin hyviä asioita tietää. 310 00:17:09,359 --> 00:17:12,569 >> Joten meillä on täällä, 21 on tiedosto transfer protocol, joten vain 311 00:17:12,569 --> 00:17:15,050 säännöt, jotka ohjaavat tiedostonsiirto. 312 00:17:15,050 --> 00:17:19,550 25, jota me kaikki käyttää aivan liian paljon, on sähköposti. 313 00:17:19,550 --> 00:17:22,790 53 on verkkotunnus järjestelmä, joka on pohjimmiltaan 314 00:17:22,790 --> 00:17:26,910 juuri sellainen -haku IP-osoite verkkotunnus. 315 00:17:26,910 --> 00:17:29,900 >> Joten olen melko varma, että se oli mainittu luento, jos 316 00:17:29,900 --> 00:17:33,960 mennä jotain google.com, se on IP-osoite 317 00:17:33,960 --> 00:17:35,818 joka on liittyy siihen. 318 00:17:35,818 --> 00:17:37,026 Se ei ole oikeastaan ​​google.com. 319 00:17:37,026 --> 00:17:40,720 Ja niin 53 on portti joka todella vie 320 00:17:40,720 --> 00:17:44,050 huolta sellainen kääntämisestä tuohon IP-osoitteen sinulle. 321 00:17:44,050 --> 00:17:47,830 Ja sitten 80 ja 443 ovat hyvin yleisiä. 322 00:17:47,830 --> 00:17:50,710 Sinulla on joko web-sivun tai sinulla on turvallinen web-sivun, 323 00:17:50,710 --> 00:17:56,100 joka paljon web-sivut ovat siirtämällä yli nyt. 324 00:17:56,100 --> 00:18:02,540 >> Niin, että sellainen korkean tason yleiskatsaus transfer protocol. 325 00:18:02,540 --> 00:18:05,170 En näe paljon enemmän syvyyttä. 326 00:18:05,170 --> 00:18:07,320 Se on tavallaan hienoja juttuja jos olet kiinnostunut. 327 00:18:07,320 --> 00:18:08,590 Siellä on runsaasti resursseja. 328 00:18:08,590 --> 00:18:10,780 Wikipedia oikeastaan ​​on aika hyvä sivu. 329 00:18:10,780 --> 00:18:13,850 Joten olin katsot sitä vain vähän aikaa sitten, 330 00:18:13,850 --> 00:18:16,580 niin minä suosittelen katsomalla sitä, jos olet kiinnostunut 331 00:18:16,580 --> 00:18:22,160 tai ottaa 143 kahdessa vuodessa, koska Minusta se on joka toinen vuosi. 332 00:18:22,160 --> 00:18:27,590 >> Joten loppuun, olemme puhumme web-sivuja ja HTTP, 333 00:18:27,590 --> 00:18:33,790 joka on itse asiassa meidän seuraava aihe tänään ennen kuin menemme HTML ja CSS 334 00:18:33,790 --> 00:18:37,920 ja voit itse koodata jopa web-sivun. 335 00:18:37,920 --> 00:18:38,650 Se tulee olemaan hauskaa. 336 00:18:38,650 --> 00:18:42,220 Meillä on kuvia puput ja se tulee olemaan suuri. 337 00:18:42,220 --> 00:18:48,630 >> Joten HTTP, kuten voitte nähdä täällä, on yksi ihana lyhenteet 338 00:18:48,630 --> 00:18:53,220 tällä viikolla, mikä on Hypertext Transfer Protocol. 339 00:18:53,220 --> 00:18:57,940 Joten jälleen, se on vain toinen joukko sääntöjä, jotka 340 00:18:57,940 --> 00:19:01,440 hallitsee hypertekstin siirtää, tässä tapauksessa. 341 00:19:01,440 --> 00:19:04,120 Joten paras tapa oppia tästä on vain eräänlainen 342 00:19:04,120 --> 00:19:07,650 murtaa se alas Näiden yksittäisten sanojen 343 00:19:07,650 --> 00:19:10,770 koska siellä on paljon sanoja ruudulla siellä. 344 00:19:10,770 --> 00:19:13,290 >> Joten aiomme aloittaa hypertekstin. 345 00:19:13,290 --> 00:19:17,630 Joten "hyper", voit ajatella "Edellä", kuten Super-tyyppinen juttu. 346 00:19:17,630 --> 00:19:24,615 Joten se on todella tekstiviesteistä toteutettu seuraavalle tasolle, joten se on kuin Super tekstiä, 347 00:19:24,615 --> 00:19:27,850 kuten seuraava teksti. 348 00:19:27,850 --> 00:19:34,890 Joten se on pohjimmiltaan vain teksti, joka antaa meille 349 00:19:34,890 --> 00:19:37,490 enemmän tietoa kuin normaali teksti tekee, OK? 350 00:19:37,490 --> 00:19:40,510 >> Joten tässä tapauksessa täällä, tämä on hyperteksti. 351 00:19:40,510 --> 00:19:45,710 Tämä kertoo meille, että meillä on Joissakin linkki että olemme menossa, 352 00:19:45,710 --> 00:19:49,620 joka on cs50.net, joka on nyt cs50.harvard.edu. 353 00:19:49,620 --> 00:19:51,420 Nämä kalvot ovat hieman vanhoja. 354 00:19:51,420 --> 00:19:55,330 Ja se tulee näyttämään sillä tämä, kuten hyperlinkin, 355 00:19:55,330 --> 00:19:58,140 ja sitten todella viileä verkkosivuilla. 356 00:19:58,140 --> 00:20:02,080 >> Joten se on teksti, joka on hieman hieman todella hienoja asioita siellä. 357 00:20:02,080 --> 00:20:08,170 Joten voit liittää asioita ja pystyt lisätä kuvia ja voit muotoilla asioita. 358 00:20:08,170 --> 00:20:11,740 Ja tutuin asia, että sinun kaverit todennäköisesti Hypertekstillä 359 00:20:11,740 --> 00:20:19,100 on Hypertext Markup Language, HTML, joka tietenkin on kaikki web 360 00:20:19,100 --> 00:20:23,080 että näemme ympärillämme, myönnetään joidenkin CSS tyyli heittää. 361 00:20:23,080 --> 00:20:25,580 >> Mutta jos joku oli todella iso ja MySpace, 362 00:20:25,580 --> 00:20:28,240 Olen varma, että kaikki käytetyn HTML kaikki aika luoda 363 00:20:28,240 --> 00:20:30,640 nämä täydellinen profiilit, eikö? 364 00:20:30,640 --> 00:20:34,930 Minusta tuntuu, että voisi olla vanhentunut viittaus nyt, mutta mitä. 365 00:20:34,930 --> 00:20:37,780 Vain little-- te eivät ole niin paljon nuorempi. 366 00:20:37,780 --> 00:20:40,480 Jotkut teistä ovat minua vanhempia. 367 00:20:40,480 --> 00:20:42,480 MySpace oli vielä asia, kun olin nuori. 368 00:20:42,480 --> 00:20:44,510 En ole niin vanha. 369 00:20:44,510 --> 00:20:49,265 >> Anyways, HTML vain muoto hypertekstin. 370 00:20:49,265 --> 00:20:55,640 Joten hyperteksti on vain teksti on lisätty ominaisuuksia. 371 00:20:55,640 --> 00:21:01,790 Joten siirto protokolla on luultavasti enemmän epävarma asia selittää. 372 00:21:01,790 --> 00:21:04,870 On selvää, transfer-- vain tietojen siirtoa. 373 00:21:04,870 --> 00:21:09,370 Joten joko asiakkaan välillä, kuten Web-veli, ja palvelin. 374 00:21:09,370 --> 00:21:12,090 Joten periaatteessa vain miten internet toimii. 375 00:21:12,090 --> 00:21:16,339 >> Niin tarkka pyynnöstä miten nämä toimivat, olemme 376 00:21:16,339 --> 00:21:18,755 todella menossa katsomaan Esimerkiksi pyyntö ja vastaus. 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 Mutta miten pyydämme tietoja palvelimelta 379 00:21:25,220 --> 00:21:30,590 ja miten palvelin vastaa meille on mitä tämä transfer protocol hallitsee. 380 00:21:30,590 --> 00:21:35,320 Joten pyyntö ja vastaus on noudattaa näitä erityisiä sääntöjä. 381 00:21:35,320 --> 00:21:38,340 Se on vakioitu siten, että ei väliä jos käytät internet, 382 00:21:38,340 --> 00:21:40,720 Se toimii aina sama, OK? 383 00:21:40,720 --> 00:21:43,220 >> Jälleen protokolla, ratkaisuna. 384 00:21:43,220 --> 00:21:45,620 Se on vain normaali vuorovaikutus samalla tavalla 385 00:21:45,620 --> 00:21:49,500 että professori Malan puhuu jos joku ulottuu kätensä, 386 00:21:49,500 --> 00:21:52,880 tiedät, että se on yhteinen kohteliaisuudesta tavoittaa sinun ulos ja ravista kätensä. 387 00:21:52,880 --> 00:21:54,580 Se on protokolla, eikö? 388 00:21:54,580 --> 00:21:59,060 >> Joten annan joitakin standardoituja pyynnöstä, joka on Haluan puristaa kättäsi, 389 00:21:59,060 --> 00:22:01,975 ja annat joitakin standardoituja vastaus, joka on joko ei kiitos 390 00:22:01,975 --> 00:22:04,600 tai voit kokeilla ja pudistaa käsi tai ehkä aiot kokeilla 391 00:22:04,600 --> 00:22:06,490 ja nyrkki kolahtaa minuun. 392 00:22:06,490 --> 00:22:08,320 Ja meillä ei ole protokolla, joka. 393 00:22:08,320 --> 00:22:09,360 Se hajoaa. 394 00:22:09,360 --> 00:22:12,030 Mutta jos kaikki noudattavat sama protokolla, tietenkin, 395 00:22:12,030 --> 00:22:14,250 se menee paljon enemmän saumattomasti. 396 00:22:14,250 --> 00:22:15,590 Ihmiset tutustuvat toisiinsa. 397 00:22:15,590 --> 00:22:16,830 Kaikki ovat tyytyväisiä. 398 00:22:16,830 --> 00:22:20,750 >> Joten maailman web, jokainen noudattaa samaa rules-- 399 00:22:20,750 --> 00:22:22,940 hieman parempi kuin sosiaalisia normeja. 400 00:22:22,940 --> 00:22:26,950 Mutta, että me tarkastelemme klo esimerkki pyynnöstä täällä. 401 00:22:26,950 --> 00:22:30,020 Joten ei tämä pieni Tärkeintä tässä alhaalla 402 00:22:30,020 --> 00:22:34,990 joka kertoo eri värejä, mitä he tarkoitti. 403 00:22:34,990 --> 00:22:38,290 >> Niin valkoinen on aivan kuin menetelmä pyynnöstä ja protokolla version-- 404 00:22:38,290 --> 00:22:42,400 joten menetelmä pyynnöstä versio. 405 00:22:42,400 --> 00:22:44,630 Ja sitten tämä on jonkin verran kentän nimi ja arvo 406 00:22:44,630 --> 00:22:47,630 Tämän kentän, josta me mennä hyvin, hyvin pian. 407 00:22:47,630 --> 00:22:49,840 Joten tämä on esimerkki pyynnöstä. 408 00:22:49,840 --> 00:22:54,470 Tämä on minun kaltaiseni, joka ulottuu ulos, haluavat esitellä itseni. 409 00:22:54,470 --> 00:22:58,507 >> Tämä on sitä, mitä asiakas tai mikä selain 410 00:22:58,507 --> 00:22:59,840 olisi lähettää palvelimelle. 411 00:22:59,840 --> 00:23:04,500 Joten tämä on GET-pyyntöä, joten se on pyytää jotain palvelimelta. 412 00:23:04,500 --> 00:23:09,690 Ja se on, tietenkin, HTTP ja se on versio 1.1. 413 00:23:09,690 --> 00:23:16,060 >> Joten loput tästä täällä on mitä me kutsumme otsikko, ja sen lisätietoja 414 00:23:16,060 --> 00:23:20,050 joka antaa meille paremman käsityksen mitä me oikeastaan ​​pyydä, 415 00:23:20,050 --> 00:23:23,190 tai tietoja, jotka haluamme antaa palvelin, joka saattaa olla merkitystä. 416 00:23:23,190 --> 00:23:32,880 Joten User-Agent antaa jonkin verran enemmän Kuvaus on-- esimerkiksi täällä, 417 00:23:32,880 --> 00:23:38,720 kiemura / 7.24.0 on todella aio kertoa palvelin että käytämme Google 418 00:23:38,720 --> 00:23:40,700 Chrome meidän selain. 419 00:23:40,700 --> 00:23:43,290 Joten jos olet koskaan kuullut ihmisistä, jotka puhuvat 420 00:23:43,290 --> 00:23:48,160 kyse siitä, että sovellus reagoiva useita selaimia, 421 00:23:48,160 --> 00:23:50,330 tämä on jotain, että he käyttäisi koska jos 422 00:23:50,330 --> 00:23:53,000 en tiedä mitä selainta pyyntö on lähtöisin, 423 00:23:53,000 --> 00:23:55,050 et voi räätälöidä tietoja että. 424 00:23:55,050 --> 00:23:57,690 Joten tässä tapauksessa käyttäjä on vain antaa tällainen 425 00:23:57,690 --> 00:24:01,030 tunnistaa tiedon mitä selainta 426 00:24:01,030 --> 00:24:06,510 Käyttäjänimesi on tällä hetkellä käytössä, OK? 427 00:24:06,510 --> 00:24:11,640 >> Niin silloin meillä on myös isäntä, joka on minne olemme todella haluavat mennä. 428 00:24:11,640 --> 00:24:15,280 Tässä tapauksessa haluamme mennä apple.com, ostaa hienoja uusia iPad 429 00:24:15,280 --> 00:24:19,540 tai jotain, ehkä söpö valot meidän asuntolan huonetta. 430 00:24:19,540 --> 00:24:24,900 Ja nimi arvo lopussa on vain täyteainetta, vain yleinen asia 431 00:24:24,900 --> 00:24:25,760 sillä te nähdä. 432 00:24:25,760 --> 00:24:28,240 Se ei oikeastaan vastaa mitään täällä. 433 00:24:28,240 --> 00:24:32,360 >> Joten voit olla niin paljon tai vähän kuin haluat kussakin tapauksessa. 434 00:24:32,360 --> 00:24:36,990 Suurimman osan ajasta, nämä ovat valinnaisia. 435 00:24:36,990 --> 00:24:41,780 Se vain riippuu siitä, mitä sinä tarvitset selaimen, 436 00:24:41,780 --> 00:24:45,120 alkaen käyttäjätunnuksesi jotta oikein antaa pyynnöstä. 437 00:24:45,120 --> 00:24:48,970 Tai se riippuu siitä, mitä käyttäjä todella haluaa luopua palvelimelle. 438 00:24:48,970 --> 00:24:54,550 Joten sinulla voi olla monia, monia Näiden otsikkokentästä nimet 439 00:24:54,550 --> 00:24:57,140 tai ehkä vain pari. 440 00:24:57,140 --> 00:24:59,630 Kuten niin monet asiat Olen sanonut tässä jaksossa, 441 00:24:59,630 --> 00:25:03,590 se todella riippuu asiayhteydestä miten käytät tätä. 442 00:25:03,590 --> 00:25:06,810 >> Joten ei se järkevää kaikille? 443 00:25:06,810 --> 00:25:11,463 Tämä on vain esimerkki pyynnöstä, otsikot, vaikka mitä. 444 00:25:11,463 --> 00:25:16,910 OK, niin on, että meillä on joitakin vastausta. 445 00:25:16,910 --> 00:25:20,510 >> Jälleen meillä on tilakoodi, protokolla versio, ja sitten kentän nimi ja kentän 446 00:25:20,510 --> 00:25:21,700 Arvostamme kuten aina. 447 00:25:21,700 --> 00:25:25,500 Joten meidän protokollan versio ja meidän tilan koodi on 200. 448 00:25:25,500 --> 00:25:28,610 OK, mikä tarkoittaa sitä, että, Kyllä, kaikki meni hyvin. 449 00:25:28,610 --> 00:25:30,230 Tässä on mitä haluat. 450 00:25:30,230 --> 00:25:33,750 >> Palvelimen tyyppi, sisältö type-- se kertoo meille, OK, olet 451 00:25:33,750 --> 00:25:37,210 menossa hakemaan tekstiä HTML. 452 00:25:37,210 --> 00:25:40,520 Tässä on pituus sen ja tässä on mitä pitäisi tehdä yhteys. 453 00:25:40,520 --> 00:25:43,004 OK, niin taas, riippuen tietoihin olet 454 00:25:43,004 --> 00:25:45,670 pyytää, riippuen siitä, mitä palvelin haluaa palata teille, 455 00:25:45,670 --> 00:25:49,440 sinulla voi olla useampi näistä kenttä nimiä, saatat olla vähemmän. 456 00:25:49,440 --> 00:25:53,950 Täysin yhteydessä riippuvainen. 457 00:25:53,950 --> 00:25:56,650 >> Ja sikäli kuin tämä tila koodi täällä, tietenkin, 458 00:25:56,650 --> 00:25:59,590 200 ei ole ainoa sinulla voisi olla, eikö? 459 00:25:59,590 --> 00:26:01,580 Meillä on paljon tilakoodien. 460 00:26:01,580 --> 00:26:06,120 Onko kukaan muista mitään muille, että me mainitut luento? 461 00:26:06,120 --> 00:26:08,310 Monet heistä alkavat 4. 462 00:26:08,310 --> 00:26:09,680 >> Yleisö: 404. 463 00:26:09,680 --> 00:26:11,310 >> ALLISON Buchholtz-AU: 404, mikä on? 464 00:26:11,310 --> 00:26:12,140 >> Yleisö: Tiedostoa ei löydy? 465 00:26:12,140 --> 00:26:13,250 >> ALLISON Buchholtz-AU: Tiedostoa ei löydy. 466 00:26:13,250 --> 00:26:14,120 Täsmälleen. 467 00:26:14,120 --> 00:26:15,587 Entä 403? 468 00:26:15,587 --> 00:26:16,420 Yleisö: Kielletty. 469 00:26:16,420 --> 00:26:17,120 ALLISON Buchholtz-AU: Kielletty. 470 00:26:17,120 --> 00:26:18,695 Joten mitä mieltä olette joka tarkoittaa kanssa chmods? 471 00:26:18,695 --> 00:26:20,890 >> Yleisö: Se tarkoittaa, että voit ei ole lupaa lukea sitä. 472 00:26:20,890 --> 00:26:22,400 >> ALLISON Buchholtz-AU: Aivan. 473 00:26:22,400 --> 00:26:25,190 Jollakin tavalla, sinun ei tarvitse lupa käyttää sitä, eikö? 474 00:26:25,190 --> 00:26:27,242 Niin 404, 403. 475 00:26:27,242 --> 00:26:28,950 On todella hauska jota emme aina 476 00:26:28,950 --> 00:26:31,116 käyttöön joka vuosi, että Minun olisi pitänyt laittaa tänne, 477 00:26:31,116 --> 00:26:33,370 kuten 413, joka on olen teekannu. 478 00:26:33,370 --> 00:26:34,390 Voit google tätä. 479 00:26:34,390 --> 00:26:38,490 Hassua kuin, että on koodi 413 ja se olen teekannu. 480 00:26:38,490 --> 00:26:41,240 Jota en tiedä miksi olisit koskaan tarvitse että internetissä, 481 00:26:41,240 --> 00:26:42,935 mutta minä eksyä. 482 00:26:42,935 --> 00:26:44,310 Yleisö: Ehkä olet teetä potin. 483 00:26:44,310 --> 00:26:46,476 ALLISON Buchholtz-AU: Ehkä palvelin on teetä potin. 484 00:26:46,476 --> 00:26:47,890 Kuka tietää? 485 00:26:47,890 --> 00:26:51,840 Okei, joten aiomme siirtyminen todellista koodausta. 486 00:26:51,840 --> 00:26:54,750 Tunnen te olette menossa täältä pois melko nopeasti. 487 00:26:54,750 --> 00:26:56,940 >> Yleisö: Miksi se sanoa "palvelin: kahdesti? 488 00:26:56,940 --> 00:26:57,981 >> ALLISON Buchholtz-AU: Hm? 489 00:26:57,981 --> 00:27:00,350 Palvelin kahdesti? 490 00:27:00,350 --> 00:27:03,750 Se on hyvä kysymys. 491 00:27:03,750 --> 00:27:04,630 En ole varma. 492 00:27:04,630 --> 00:27:07,520 Aion selvittää ja Aion lähettää teille kaikille. 493 00:27:07,520 --> 00:27:11,410 >> OK, muita kysymyksiä lisäksi? 494 00:27:11,410 --> 00:27:12,310 Hyvä? 495 00:27:12,310 --> 00:27:14,390 Cool. 496 00:27:14,390 --> 00:27:17,280 >> HTML ja CSS, ja nyt me saada kaikki hauska osat. 497 00:27:17,280 --> 00:27:21,697 Niin aiemmin mainitsin, HTML on luultavasti yksi niistä asioista, 498 00:27:21,697 --> 00:27:23,030 te tutuin. 499 00:27:23,030 --> 00:27:25,760 Joten meillä on Hypertext Markup Language. 500 00:27:25,760 --> 00:27:29,900 >> Paras tapa oppia this-- en ole valmistettu dioja tai jotain 501 00:27:29,900 --> 00:27:31,480 sillä te HTML. 502 00:27:31,480 --> 00:27:33,640 Se on todella oppimisesta syntaksin. 503 00:27:33,640 --> 00:27:38,380 Ja jos olit MySpace päivä, olisit tämän alas. 504 00:27:38,380 --> 00:27:42,790 >> Siis todella, suurin asia on vain harjoitella ja kokeilla. 505 00:27:42,790 --> 00:27:48,000 Yksi suuria resursseja olisin Suosittelemme, että käytät on W3Schools. 506 00:27:48,000 --> 00:27:50,620 Joten W, 3, ja sitten koulut. 507 00:27:50,620 --> 00:27:54,810 Heillä on paljon resursseja HTML, CSS, 508 00:27:54,810 --> 00:27:58,970 ja heillä todella on Jaettu näyttö jutuissa 509 00:27:58,970 --> 00:28:00,830 jos he antavat sinulle esimerkki koodin. 510 00:28:00,830 --> 00:28:03,290 Voit viulu se, muuttaa sitä, ja paina Update, 511 00:28:03,290 --> 00:28:06,410 ja se näytän teille, mitä se itse asiassa tekee web-sivulle. 512 00:28:06,410 --> 00:28:08,380 >> Joten olisin erittäin suositeltavaa käyttää sitä. 513 00:28:08,380 --> 00:28:11,300 Se on aika siistiä. 514 00:28:11,300 --> 00:28:14,560 Et saa seg viat täällä kun asiat menevät pieleen. 515 00:28:14,560 --> 00:28:16,430 Jos onnistut saamaan seg vika HTML, 516 00:28:16,430 --> 00:28:19,446 älä kerro minulle, koska olen menossa todellinen kiehtoi. 517 00:28:19,446 --> 00:28:21,570 Mutta se on todella siistiä, koska voit muuttaa asioita, 518 00:28:21,570 --> 00:28:23,550 näet ne päivitetään elää. 519 00:28:23,550 --> 00:28:26,210 Ja luulen, että saat paljon intuitiivinen käsitys HTML 520 00:28:26,210 --> 00:28:28,690 jos todella vain viettää aikaa kokeilemalla sitä. 521 00:28:28,690 --> 00:28:32,590 Joten siksi sanoin, käytäntö ja kokeilu. 522 00:28:32,590 --> 00:28:34,490 >> Google, mistä täällä ulos, luultavasti 523 00:28:34,490 --> 00:28:36,440 yksi parhaita resursseja ja ystäviä. 524 00:28:36,440 --> 00:28:41,080 Tai Bing-- Olen työskennellyt Microsoftilla joten ehkä minun pitäisi sanoa Bing. 525 00:28:41,080 --> 00:28:45,590 Mutta melko paljon mitään on juuri menossa olevan syntaksin, 526 00:28:45,590 --> 00:28:51,300 niin ymmärtää, mitä tagit ovat, understanding-- ainakin CSS-- 527 00:28:51,300 --> 00:28:53,360 miten muuttaa tiettyjä ominaisuuksia. 528 00:28:53,360 --> 00:28:55,300 Se tulee olemaan erittäin hyödyllinen. 529 00:28:55,300 --> 00:28:58,852 >> Joten vaikka emme ole valmiita asioita, 530 00:28:58,852 --> 00:29:02,060 meillä on sellainen joitakin parhaita käytäntöjä että haluamme te kokeilla ja noudattaa 531 00:29:02,060 --> 00:29:06,640 by-- tai pikemminkin, sinun pitäisi noudattaa toistaiseksi. 532 00:29:06,640 --> 00:29:09,722 Niin lähellä kaikki tagit. 533 00:29:09,722 --> 00:29:12,930 Toivottavasti jokainen has-- tiedätkö mitä, Jos tämä ei ole järkeä juuri nyt, 534 00:29:12,930 --> 00:29:15,388 Lupaan se järkevää kun olemme koodaus ylös sivulle. 535 00:29:15,388 --> 00:29:16,680 Mutta lähellä kaikkia tageja. 536 00:29:16,680 --> 00:29:20,410 Joten jos joskus on joitakin header se kiinnike, 537 00:29:20,410 --> 00:29:24,180 H1, kiinnike, varmista, että kun olet tehnyt, että 538 00:29:24,180 --> 00:29:26,570 suljet että otsikko. 539 00:29:26,570 --> 00:29:30,260 Vahvista sivu W3 Validator. 540 00:29:30,260 --> 00:29:34,689 Jos et sulje tunnisteet, voit saada odottamattomalla tavalla. 541 00:29:34,689 --> 00:29:37,730 Se tulee sanoa, että sivusi on virheellinen jos ajaa se läpi tämä validaattoriin. 542 00:29:37,730 --> 00:29:41,000 Joten kun doubt-- ja erityisesti tämän viikon ja ensi viikolla 543 00:29:41,000 --> 00:29:46,220 pset-- samalla tavalla, että pyydämme voit käyttää tarkistaa 50 ja tyyli 50, 544 00:29:46,220 --> 00:29:49,130 voisit ajatella tämän yhtenä shekkejä, OK? 545 00:29:49,130 --> 00:29:51,950 >> Joten jos se ei läpäise W3 Validator. 546 00:29:51,950 --> 00:29:53,810 Tämä meidän rantautua sinut. 547 00:29:53,810 --> 00:29:55,960 Tai minä kerron teille oikean Nyt, minä rantautua sinut. 548 00:29:55,960 --> 00:29:58,202 Joten varmista, että se vahvistaa. 549 00:29:58,202 --> 00:29:58,785 Se ei ole vaikeaa. 550 00:29:58,785 --> 00:30:01,530 Olet juuri liitä koodi ja se tulee joko sanoa hyvää työtä 551 00:30:01,530 --> 00:30:03,630 tai olet puuttuu jotain samalla tavalla 552 00:30:03,630 --> 00:30:07,760 että tyyli 50 kertoo jos olet Messing ylös. 553 00:30:07,760 --> 00:30:11,360 >> Ja sitten vielä yksi asia on haluat erottaa 554 00:30:11,360 --> 00:30:15,980 oman markup, joka on kaikki HTML tai tekstin, ja muotoilutuotteet. 555 00:30:15,980 --> 00:30:19,420 Joten teemme esimerkki Tämän oikeuden tämän jälkeen. 556 00:30:19,420 --> 00:30:21,830 Joten HTML ja CSS: n pitäisi olla erillinen. 557 00:30:21,830 --> 00:30:26,030 Ja aiomme puhua MVC, joka on Model View Controller, 558 00:30:26,030 --> 00:30:27,100 ensi viikolla. 559 00:30:27,100 --> 00:30:29,360 Te pitäisi luultavasti oppia, että luento 560 00:30:29,360 --> 00:30:32,130 huomenna, jos sinulla on ollut jo oppinut sen tänään. 561 00:30:32,130 --> 00:30:34,250 >> Ja se on vain eräänlainen paradigma, että meillä on taipumus 562 00:30:34,250 --> 00:30:37,460 käyttää luotaessa web sivut erottaa asioita. 563 00:30:37,460 --> 00:30:41,440 Voit ajatella sitä samalla tavalla että meillä on tapana erillisten toimintojen C 564 00:30:41,440 --> 00:30:43,360 jossa hash löytää asioita. 565 00:30:43,360 --> 00:30:45,530 Se on vain tapa helpottaa elämääsi. 566 00:30:45,530 --> 00:30:51,790 Se erottelee määritteitä tai koodia, joka sinulla olisi käyttää uudestaan ​​ja uudestaan, 567 00:30:51,790 --> 00:30:55,360 mutta tällä tavalla, se tavallaan ja pitää se mukava ja siisti. 568 00:30:55,360 --> 00:30:58,260 Ja jos haluat muuttaa yksi asia, voit muuttaa sitä kerran 569 00:30:58,260 --> 00:31:00,150 ja se on muuttunut kaikkialla muualla. 570 00:31:00,150 --> 00:31:05,010 Joten se on enemmän sinun helppous ja joustavuus. 571 00:31:05,010 --> 00:31:11,430 >> Niin CSS, se on hyvin samankaltainen HTML, mutta sen sijaan tagit 572 00:31:11,430 --> 00:31:15,120 jotka mainitsin juuri nyt, me käyttää mitä kutsutaan valitsimia. 573 00:31:15,120 --> 00:31:21,900 Ja ne pohjimmiltaan juuri sellainen Associate tiettyjen tag 574 00:31:21,900 --> 00:31:24,620 HTML eri ominaisuuksia. 575 00:31:24,620 --> 00:31:29,060 Ja kun sanon määritteitä, tarkoitan asioita, kuten fontin värin, fontin tyyli, 576 00:31:29,060 --> 00:31:32,694 taustan väri, Tekstin väriä. 577 00:31:32,694 --> 00:31:33,610 Tuollaiset asiat. 578 00:31:33,610 --> 00:31:36,270 Kuten jos se on keskitetty, Jos se on pois oikealle, 579 00:31:36,270 --> 00:31:39,430 jos se on inverted-- kaikki Näiden hienoja asioita. 580 00:31:39,430 --> 00:31:42,490 Mitään tyylillisiä asioita että voit tehdä oman tekstin, 581 00:31:42,490 --> 00:31:45,070 tämä on mitä tarkoitan attribuutteja. 582 00:31:45,070 --> 00:31:50,140 >> Ja sitten kaksi asiaa on tietää, että selectors-- kaksi tärkeimmistä factors-- 583 00:31:50,140 --> 00:31:53,090 ovat tunnus, joka on ainutlaatuinen. 584 00:31:53,090 --> 00:31:54,859 Voit käyttää vain, että yksi asia. 585 00:31:54,859 --> 00:31:56,400 Muuten, se tulee huutaa sinulle. 586 00:31:56,400 --> 00:31:59,970 Ja kun me määrittelemme sen in CSS-tiedoston, se 587 00:31:59,970 --> 00:32:03,182 olla hash tunnus ja sitten mitä ominaisuuksia haluamme. 588 00:32:03,182 --> 00:32:05,140 Lupaan aiomme läpi esimerkki. 589 00:32:05,140 --> 00:32:06,830 Se tekee paljon enemmän järkeä. 590 00:32:06,830 --> 00:32:08,830 >> Luokka voi viitata useita lohkoja. 591 00:32:08,830 --> 00:32:13,400 Joten voit saada ensimmäinen ja kolmas kohta 592 00:32:13,400 --> 00:32:17,240 on samanlaista määritteitä, jos voit liittää ne samaan luokkaan. 593 00:32:17,240 --> 00:32:21,050 Ja kun me määrittelemme ne CSS, teemme piste luokka, 594 00:32:21,050 --> 00:32:25,710 luokan ollessa tahansa haluat sen nimeksi. 595 00:32:25,710 --> 00:32:28,559 >> Joten tiedän että tämä on oikea nyt hyvin abstrakti. 596 00:32:28,559 --> 00:32:29,850 Siksi aiomme koodia. 597 00:32:29,850 --> 00:32:32,060 Tiedän, että te rakastat että, ja te kaikki olette 598 00:32:32,060 --> 00:32:34,210 auta minua, koska Tämä on web-sivulla. 599 00:32:34,210 --> 00:32:36,310 Tämä on meidän osassa web-sivu, kaverit. 600 00:32:36,310 --> 00:32:40,158 Joten onko mitään kysymyksiä ennen I sammuta PowerPoint, tai jotain 601 00:32:40,158 --> 00:32:42,366 Haluatko minun vierittää takaisin ja ennen kuin aloitamme koodaus? 602 00:32:42,366 --> 00:32:45,074 >> Yleisö: Kun sanot ottelu tunnisteet, Mitä tarkoitat, valitsimet ja tunnisteet? 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 ALLISON Buchholtz-AU: Voit ajatella niitä sama asia. 605 00:32:53,010 --> 00:32:54,590 Se on vain eri sanoja. 606 00:32:54,590 --> 00:32:56,460 Tarkoitan, kuten valitsimet. 607 00:32:56,460 --> 00:32:59,470 Mutta valitsimet myös kartta tunnisteita. 608 00:32:59,470 --> 00:33:02,800 Joten voit ajatella niitä käytännössä sama asia. 609 00:33:02,800 --> 00:33:05,900 Lupaan sen tulee tehdä järkevämpää kun koodia. 610 00:33:05,900 --> 00:33:08,400 Mitään PowerPoint tai kysyttävää 611 00:33:08,400 --> 00:33:12,980 juuri nyt, ennen kuin me itse luomme §: n sivulla? 612 00:33:12,980 --> 00:33:15,040 Jokainen valmis? 613 00:33:15,040 --> 00:33:15,540 Cool. 614 00:33:15,540 --> 00:33:19,820 615 00:33:19,820 --> 00:33:24,760 >> Joten minulla on yksi alkuun. 616 00:33:24,760 --> 00:33:27,030 Saanen lisätä fontin teitä. 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 OK, joten nyt meillä on vain paljain luut web-sivu täällä. 619 00:33:36,730 --> 00:33:38,360 >> Meillä on joitakin HTML. 620 00:33:38,360 --> 00:33:41,050 Meillä on joitakin header, jota me katso täällä esimerkiksi web-sivun. 621 00:33:41,050 --> 00:33:44,540 Jotkut otsikko, jotkut fontti. 622 00:33:44,540 --> 00:33:47,580 Nämä ovat tagit, OK? 623 00:33:47,580 --> 00:33:53,930 Joten kun en tarkoita sulkea tageja, näemme tässä tämä kiinnike pää on aukko 624 00:33:53,930 --> 00:33:59,670 tag, ja tämä kiinnike / Pää sulkee sen, OK? 625 00:33:59,670 --> 00:34:04,380 >> Joten voi ajatella tätä sinun henkselit teidän jos olosuhteet 626 00:34:04,380 --> 00:34:05,420 tai silmukoita. 627 00:34:05,420 --> 00:34:08,630 Jos sinulla on yksi alussa, haluat yhden lopussa. 628 00:34:08,630 --> 00:34:13,500 Se toimii edelleen suurimman osan ajasta Jos sinulla ei ole suljettu tunniste, 629 00:34:13,500 --> 00:34:17,659 mutta paras käytäntö sulkea tageja. 630 00:34:17,659 --> 00:34:20,940 >> Joten tässä tapauksessa, katsotaanpa muuttaa tätä. 631 00:34:20,940 --> 00:34:24,150 Aiomme olla kohta seitsemän. 632 00:34:24,150 --> 00:34:25,270 "Kohta Verkkosivun." 633 00:34:25,270 --> 00:34:26,969 Joten olen juuri menossa muuttaa tätä. 634 00:34:26,969 --> 00:34:32,100 >> Ja jos mennään tänne ja me reload-- täytyy säästää ja reload-- 635 00:34:32,100 --> 00:34:36,750 huomaamme, että täällä se muuttui, eikö? 636 00:34:36,750 --> 00:34:38,250 Cool. 637 00:34:38,250 --> 00:34:39,380 Niin tämä muuttaa otsikko. 638 00:34:39,380 --> 00:34:41,920 Tämä on mitä on teidän välilehti. 639 00:34:41,920 --> 00:34:43,870 >> Joten tämä on tavallaan etsivät sellaista tylsää. 640 00:34:43,870 --> 00:34:44,870 En tiedä kaverit. 641 00:34:44,870 --> 00:34:46,810 Mielestäni me haluamme jotain muuta täällä. 642 00:34:46,810 --> 00:34:51,900 >> Joten mitä voimme tehdä, on otsikko on juuri siellä. 643 00:34:51,900 --> 00:34:54,320 Tehdään jonkinlainen elin. 644 00:34:54,320 --> 00:34:56,550 Joten meillä on joitakin kehon täällä. 645 00:34:56,550 --> 00:35:01,360 Teen aina auki ja Suljen tagit aloittaa, 646 00:35:01,360 --> 00:35:04,850 samalla tavalla, että en olkaimet. 647 00:35:04,850 --> 00:35:06,326 Ah. 648 00:35:06,326 --> 00:35:09,010 Odota, mitä? 649 00:35:09,010 --> 00:35:10,949 >> Yleisö: [kuulumaton]. 650 00:35:10,949 --> 00:35:11,990 ALLISON Buchholtz-AU: Ah. 651 00:35:11,990 --> 00:35:13,895 Te minut. 652 00:35:13,895 --> 00:35:14,930 Hyvää työtä. 653 00:35:14,930 --> 00:35:16,270 Gold Star. 654 00:35:16,270 --> 00:35:20,300 >> OK, joten meillä on joitakin kehon täällä. 655 00:35:20,300 --> 00:35:22,920 Ja nyt aloitamme lisäämällä tekstiä. 656 00:35:22,920 --> 00:35:26,110 Joten sinulla on pari eri vaihtoehtoja lisäämällä tekstiä. 657 00:35:26,110 --> 00:35:29,380 Meillä on asioita, kuten otsikoita. 658 00:35:29,380 --> 00:35:32,144 Meillä on vain normaalia tekstiä. 659 00:35:32,144 --> 00:35:33,560 Joten vain alkaa puskea. 660 00:35:33,560 --> 00:35:36,670 Oikeastaan, jos kaverit haluavat vetää W3 Schoolin HTML, 661 00:35:36,670 --> 00:35:38,860 voit sellaista katsoa ympärilleen ja jos on jotain 662 00:35:38,860 --> 00:35:42,470 erityisesti, että haluat kokeilla Tämän sivun, voimme tehdä sen. 663 00:35:42,470 --> 00:35:46,250 Joten tässä tapauksessa, haluan vain tehdä joitakin H1. 664 00:35:46,250 --> 00:35:48,710 Joten H1 on kuin korkein otsikko. 665 00:35:48,710 --> 00:35:52,260 Se antaa sinulle jotain joka on erittäin suuri ja lihavoitu. 666 00:35:52,260 --> 00:35:58,010 >> Ja tässä tapauksessa, mitä haluamme ensimmäistä tekstiä nettisivuille? 667 00:35:58,010 --> 00:35:58,640 Mitään. 668 00:35:58,640 --> 00:35:59,800 Te olette luomassa tätä. 669 00:35:59,800 --> 00:36:00,758 Olen juuri menossa kirjoittaa. 670 00:36:00,758 --> 00:36:01,620 Yleisö: Tervetuloa. 671 00:36:01,620 --> 00:36:02,870 >> ALLISON Buchholtz-AU: Tervetuloa. 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 OK, joten jos tallennat sen ja me reload, meillä on iso tervetullut. 674 00:36:12,620 --> 00:36:17,365 Joten niin näet eroja, tehdään jotain H6. 675 00:36:17,365 --> 00:36:18,490 Mitä me haluamme täällä? 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 Oikea? 678 00:36:27,440 --> 00:36:30,356 >> OK, joten niin voit nähdä ero. 679 00:36:30,356 --> 00:36:31,990 Joo, Sublime. 680 00:36:31,990 --> 00:36:34,680 Joten jos huomaat, H1, hyvin, hyvin suuri. 681 00:36:34,680 --> 00:36:39,030 h6, kuten rohkea, mutta paljon pienempi, ja sinulla on kaikkea siltä väliltä. 682 00:36:39,030 --> 00:36:41,550 Joten voi olla H2, H3, H4. 683 00:36:41,550 --> 00:36:43,750 Ja nämä ovat vain otsikot, joten jos yrität 684 00:36:43,750 --> 00:36:46,010 luoda web-sivun, on eri kohdissa, 685 00:36:46,010 --> 00:36:48,810 ehkä haluat käyttää otsikot siellä jossain. 686 00:36:48,810 --> 00:36:49,580 >> Cool. 687 00:36:49,580 --> 00:36:53,270 Niin me lisätä hieman asioita kehossamme. 688 00:36:53,270 --> 00:36:58,380 Näen, että se olisi eräänlainen viileä, jos meillä olisi kuva. 689 00:36:58,380 --> 00:37:02,840 Tunnen jokainen voisi käyttää ehkä söpö pupu kuva juuri nyt, 690 00:37:02,840 --> 00:37:05,082 joten aiomme löytää bunnykuva ensin. 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> En tiedä, jos teillä mitään mieltymykset siitä kumpi haluamme. 693 00:37:12,960 --> 00:37:14,890 Onko sinulla mitään mieltymyksiä? 694 00:37:14,890 --> 00:37:15,925 Tämä yksi täällä? 695 00:37:15,925 --> 00:37:17,160 Alas. 696 00:37:17,160 --> 00:37:17,750 OK. 697 00:37:17,750 --> 00:37:18,760 Tuo se on. 698 00:37:18,760 --> 00:37:20,080 Hyviä valintoja. 699 00:37:20,080 --> 00:37:21,850 >> OK, joten olemme menossa nähdäksesi kuvan. 700 00:37:21,850 --> 00:37:22,920 Katsokaa tuota. 701 00:37:22,920 --> 00:37:24,250 Katsokaa, että ihana asia. 702 00:37:24,250 --> 00:37:27,080 Miten voisit olla surullinen maanantaina tämän? 703 00:37:27,080 --> 00:37:30,180 >> Joten olemme juuri menossa kopioida kuvan URL. 704 00:37:30,180 --> 00:37:38,720 Ja mitä haluamme tehdä, on, sanotaan nyt sanoa, että olemme jonkin verran p kohdassa. 705 00:37:38,720 --> 00:37:41,140 Aiomme sanoa "Look katsokaa söpö pupu. 706 00:37:41,140 --> 00:37:44,130 d'awwww. " 707 00:37:44,130 --> 00:37:44,880 Rakastan pupuja. 708 00:37:44,880 --> 00:37:45,838 Minulla on pupu kotona. 709 00:37:45,838 --> 00:37:48,085 Kaipaan pupu. 710 00:37:48,085 --> 00:37:50,460 Joten mitä me aiomme do-- En tiedä, jos kaverit haluavat 711 00:37:50,460 --> 00:37:55,970 google this-- mutta HTML, miten voisit sisällyttää kuvan? 712 00:37:55,970 --> 00:37:58,355 Kirjaimellisesti, jos google "Esimerkiksi kuvien HTML" 713 00:37:58,355 --> 00:38:00,480 mikset kaverit kerro minulle mitä tämä tunniste pitäisi olla? 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> Yleisö: img source-- 716 00:38:06,290 --> 00:38:07,767 >> ALLISON Buchholtz-AU: img source-- 717 00:38:07,767 --> 00:38:08,600 Yleisö: --equals-- 718 00:38:08,600 --> 00:38:09,000 ALLISON Buchholtz-AU: --equals-- 719 00:38:09,000 --> 00:38:10,181 Yleisö: --quote-- joo. 720 00:38:10,181 --> 00:38:11,430 ALLISON Buchholtz-AU: Perfect. 721 00:38:11,430 --> 00:38:12,090 Lovely. 722 00:38:12,090 --> 00:38:15,470 Katso, MySpace sukupolvi, eikö? 723 00:38:15,470 --> 00:38:16,220 Yleisö: Neopets. 724 00:38:16,220 --> 00:38:17,470 ALLISON Buchholtz-AU: Neopets. 725 00:38:17,470 --> 00:38:18,950 Oh, OK. 726 00:38:18,950 --> 00:38:20,200 Wow. 727 00:38:20,200 --> 00:38:21,260 Se on ollut hullu. 728 00:38:21,260 --> 00:38:23,120 OK. 729 00:38:23,120 --> 00:38:25,600 >> Joten varmista, että saan tämän oikeuden. 730 00:38:25,600 --> 00:38:26,100 Cool. 731 00:38:26,100 --> 00:38:27,750 Joten tämän pitäisi olla täällä. 732 00:38:27,750 --> 00:38:34,146 Ja sitten jos me uudelleen, meillä on pupu sivu Eikö tämä ihana? 733 00:38:34,146 --> 00:38:35,030 >> Tämä on niin söpö. 734 00:38:35,030 --> 00:38:36,860 Valitsit suuri, suuri kuva. 735 00:38:36,860 --> 00:38:38,180 Olen kaivaa sitä. 736 00:38:38,180 --> 00:38:41,350 >> OK, joten meillä on tämä ihana pupu nyt. 737 00:38:41,350 --> 00:38:44,590 Pystyimme lisätä kuva, aivan kuten se. 738 00:38:44,590 --> 00:38:47,550 Joten periaatteessa, jos on olemassa jokin kuva haluat lisätä Web-sivulle, 739 00:38:47,550 --> 00:38:49,430 voit lisätä sen aivan kuten tämä. 740 00:38:49,430 --> 00:38:52,910 Toinen asia olisi, jos olet tallennetun kuvan 741 00:38:52,910 --> 00:38:55,670 samaan kansioon kuin tämän tiedoston, voit vain 742 00:38:55,670 --> 00:38:59,595 kirjoittaa mitä nimi että kuva on sen sijaan, että web-linkin. 743 00:38:59,595 --> 00:39:01,010 >> Olisi silti olla lainausmerkkejä. 744 00:39:01,010 --> 00:39:03,700 Se olisi aivan kuten jos olisimme nimeltään this-- 745 00:39:03,700 --> 00:39:06,695 jos tämä kuva oli tallennettu Kansion tämän HTML-tiedosto 746 00:39:06,695 --> 00:39:08,570 että olen muokkaamalla ja se kutsuttiin bunny.jpg. 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 Voisimme myös tehdä Se osoittaisi ylös. 749 00:39:13,080 --> 00:39:16,600 En kuitenkaan ole tätä tallennettu tiedosto ja haluan pitää pupu, 750 00:39:16,600 --> 00:39:18,092 joten aiomme säilyttää linkin. 751 00:39:18,092 --> 00:39:20,720 >> Yleisö: Mikä on rabbit.org? 752 00:39:20,720 --> 00:39:22,980 >> ALLISON Buchholtz-AU: rabbit.org. 753 00:39:22,980 --> 00:39:25,170 Se appropriate-- ulkoasua, voit hyväksyä sen. 754 00:39:25,170 --> 00:39:25,770 Hyväksymistä. 755 00:39:25,770 --> 00:39:27,690 bunny.jpg. 756 00:39:27,690 --> 00:39:29,190 Haluan antaa tämän pupu. 757 00:39:29,190 --> 00:39:31,180 Voi luoja, se on niin söpö. 758 00:39:31,180 --> 00:39:34,230 >> OK, joten olemme lisänneet otsikot. 759 00:39:34,230 --> 00:39:35,500 Olemme lisänneet kuva. 760 00:39:35,500 --> 00:39:37,760 On selvää, lisäsimme tekstiä täällä, eikö? 761 00:39:37,760 --> 00:39:40,920 Jos halusimme lisätä muita tekstit, menemme näin. 762 00:39:40,920 --> 00:39:43,760 Joten tämä on toinen kohta. 763 00:39:43,760 --> 00:39:49,070 >> Ja me sanomme "tämä on toinen kohta." 764 00:39:49,070 --> 00:39:52,510 Lisäksi olen kamala aapinen, joten en voi misspell asioita. 765 00:39:52,510 --> 00:39:54,930 Tiedoksesi. 766 00:39:54,930 --> 00:39:58,450 >> Joten meillä on toinen kohta täällä, eikö? 767 00:39:58,450 --> 00:40:02,190 Joten ehkä haluat tehdä jotain hieman mielenkiintoisempi kuin vain 768 00:40:02,190 --> 00:40:04,640 on kaikki teksti, kuten oikeassa linjassa. 769 00:40:04,640 --> 00:40:08,490 Ehkä haluat keskittää tekstin, OK? 770 00:40:08,490 --> 00:40:11,820 >> Joten jos joku haluaa käyttää näitä kätevä tietokoneiden edessäsi 771 00:40:11,820 --> 00:40:19,034 ja kertoa, miten olet menossa keskustaan ​​tämän tekstin, 772 00:40:19,034 --> 00:40:20,300 >> Yleisö: p align. 773 00:40:20,300 --> 00:40:24,834 >> ALLISON Buchholtz-AU: So p align yhtä kuin "keskus". 774 00:40:24,834 --> 00:40:25,750 Hän tappaa sen, kaverit. 775 00:40:25,750 --> 00:40:28,240 Y'all on tehostettava. 776 00:40:28,240 --> 00:40:36,042 Ja meillä on "Tämä on keskitetty." 777 00:40:36,042 --> 00:40:37,500 Ja nyt meillä on jotain keskellä. 778 00:40:37,500 --> 00:40:39,380 >> Samalla tavalla, jos haluavat sen tasattu vasemmalle, 779 00:40:39,380 --> 00:40:42,020 voisit tehdä align vertaistensa vasen, align yhtä kuin oikea. 780 00:40:42,020 --> 00:40:42,850 Täysin sinusta. 781 00:40:42,850 --> 00:40:55,580 Jos en täällä, niin tämä should-- nyt se oikea linjassa. 782 00:40:55,580 --> 00:40:57,020 >> Yleisö: Allison? 783 00:40:57,020 --> 00:41:00,884 Kuvan mukaan lähde, miksi ei siellä päättyessä img lähde? 784 00:41:00,884 --> 00:41:02,050 ALLISON Buchholtz-AU: Anteeksi. 785 00:41:02,050 --> 00:41:05,300 Tämän pitäisi olla siellä nyt olet hyvä. 786 00:41:05,300 --> 00:41:06,026 Nyt olemme hyviä. 787 00:41:06,026 --> 00:41:08,150 Yleisö: Eikö sinulla ole Sulje se siellä, vai ei? 788 00:41:08,150 --> 00:41:11,450 ALLISON Buchholtz-AU: No, niin img lähde, tämä on just-- kanssa kuva, 789 00:41:11,450 --> 00:41:17,110 se on vain nähtävä yhtenä tekijä, kun taas Jos huomaat, että näitä muita, 790 00:41:17,110 --> 00:41:22,106 meillä on joitakin tag sitten tietoa, se koskee ja sitten sulkevan. 791 00:41:22,106 --> 00:41:24,480 Mutta kuva, että kaikki on vain eräänlainen omavarainen. 792 00:41:24,480 --> 00:41:28,540 793 00:41:28,540 --> 00:41:29,040 Cool. 794 00:41:29,040 --> 00:41:33,530 Joten te tiedä, miten luoda header, osaat syöttää tekstiä, 795 00:41:33,530 --> 00:41:37,060 osaat laittaa kuvan vuonna nyt, voit tasata asioita. 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> Toinen asia, että sinun kannattaa pystyä tekemään 798 00:41:42,590 --> 00:41:47,649 on luoda luettelon CS-- olemme Tällainen menee ensi viikolla PSET. 799 00:41:47,649 --> 00:41:49,440 Kamaa, että me tyypillisesti opettaa tällä viikolla 800 00:41:49,440 --> 00:41:51,480 menee todella hyvin ensi viikolla PSET, joten olemme 801 00:41:51,480 --> 00:41:54,250 eräänlainen sekoitus, päällekkäisiä asioita täällä. 802 00:41:54,250 --> 00:41:56,290 Mutta se tulee olemaan hyödyllinen ensi viikolla. 803 00:41:56,290 --> 00:42:02,500 >> Joten jos halusimme luoda jonkinlaista lista, miten voisimme tehdä? 804 00:42:02,500 --> 00:42:03,760 Et voi vastata tähän aikaa. 805 00:42:03,760 --> 00:42:04,700 Joku muu on. 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 Ei ole vaikea, kaverit, lupaan. 808 00:42:09,440 --> 00:42:13,090 Google "Järjestämätön lista HTML." 809 00:42:13,090 --> 00:42:14,076 Mikä se oli? 810 00:42:14,076 --> 00:42:16,244 >> Yleisö: [kuulumaton]. 811 00:42:16,244 --> 00:42:17,410 ALLISON Buchholtz-AU: Right. 812 00:42:17,410 --> 00:42:20,490 Joten Haluammeko tilattu tai järjestämättömiä? 813 00:42:20,490 --> 00:42:21,500 Tehdäänpä järjestämättömiä. 814 00:42:21,500 --> 00:42:25,240 Joten meillä on ul, joka sanoista Järjestämätön lista. 815 00:42:25,240 --> 00:42:27,997 Ja mitä meillä on jokaiselle elementille? 816 00:42:27,997 --> 00:42:29,080 Onko se tarvitsee oman tunnisteen? 817 00:42:29,080 --> 00:42:30,556 Voimmeko aloita kirjoittamaan asioita? 818 00:42:30,556 --> 00:42:31,330 >> Yleisö: li. 819 00:42:31,330 --> 00:42:32,826 >> ALLISON Buchholtz-AU: li. 820 00:42:32,826 --> 00:42:34,785 Joten mikä on lista tulee olemaan? 821 00:42:34,785 --> 00:42:37,050 Mitä me haluamme täällä? 822 00:42:37,050 --> 00:42:38,190 Emme vain nimiä. 823 00:42:38,190 --> 00:42:39,250 Tehkää Jacob. 824 00:42:39,250 --> 00:42:40,340 >> Yleisö: Kani elintarvikkeita. 825 00:42:40,340 --> 00:42:40,990 >> ALLISON Buchholtz-AU: Kani elintarvikkeita. 826 00:42:40,990 --> 00:42:41,910 OK Pidän tästä. 827 00:42:41,910 --> 00:42:42,520 Kani elintarvikkeita. 828 00:42:42,520 --> 00:42:44,440 >> OK, joten meillä on porkkanat. 829 00:42:44,440 --> 00:42:46,640 Pidän tätä kani teema. 830 00:42:46,640 --> 00:42:48,024 Olen kaivaa sitä paljon. 831 00:42:48,024 --> 00:42:50,440 Yleisö: Oikeastaan, ajattelin että Jaakob olisi helposti luettava. 832 00:42:50,440 --> 00:42:51,606 ALLISON Buchholtz-AU: Jacob? 833 00:42:51,606 --> 00:42:53,120 Jacob on kanin ruokaa. 834 00:42:53,120 --> 00:42:55,310 Jos näit Jaakobin valokuvan virka, 835 00:42:55,310 --> 00:42:56,850 saatat ajatella että hän sai hyökkäsi tappaja kani. 836 00:42:56,850 --> 00:42:58,099 >> Yleisö: Minulla on kani nyt. 837 00:42:58,099 --> 00:42:59,710 Minulla on tappaja kani nyt. 838 00:42:59,710 --> 00:43:00,540 >> ALLISON Buchholtz-AU: Oletko tosissasi? 839 00:43:00,540 --> 00:43:02,081 >> Yleisö: Tuon sen seuraavaan osaan. 840 00:43:02,081 --> 00:43:02,990 Minulla on se. 841 00:43:02,990 --> 00:43:04,240 >> ALLISON Buchholtz-AU: Tämä on naurettavaa. 842 00:43:04,240 --> 00:43:04,730 Muutenkin. 843 00:43:04,730 --> 00:43:05,510 >> Yleisö: [kuulumaton] 844 00:43:05,510 --> 00:43:07,510 >> Yleisö: Joo, minun Proctor on kani samoin. 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> ALLISON Buchholtz-AU: Haluan kani. 847 00:43:11,580 --> 00:43:15,415 OK, kuka tuo todellinen kani Seuraavassa osassa, yhteensä tonttu pistettä. 848 00:43:15,415 --> 00:43:16,290 Yleisö: [kuulumaton] 849 00:43:16,290 --> 00:43:16,943 Yleisö: Voi, se ei ole todellista. 850 00:43:16,943 --> 00:43:17,910 Se on täytetty jänis. 851 00:43:17,910 --> 00:43:18,855 >> ALLISON Buchholtz-AU: Oh joo, me voimme sulkea näitä. 852 00:43:18,855 --> 00:43:20,174 Näyttää rad. 853 00:43:20,174 --> 00:43:21,590 Yleisö: Onko se todella väliä? 854 00:43:21,590 --> 00:43:23,465 ALLISON Buchholtz-AU: Näin ei ole. 855 00:43:23,465 --> 00:43:25,590 Useimmat näistä asioista, et sulje tag, 856 00:43:25,590 --> 00:43:28,750 99% ajasta mitään pahaa tapahtuu tapahtua, mutta se on hyvä tyyli, liian. 857 00:43:28,750 --> 00:43:30,250 Niin Jaakob. 858 00:43:30,250 --> 00:43:31,864 Ja meillä on salaattia. 859 00:43:31,864 --> 00:43:33,655 Yleisö: Linkkejä, se on todella tärkeää. 860 00:43:33,655 --> 00:43:34,696 ALLISON Buchholtz-AU: Hm? 861 00:43:34,696 --> 00:43:35,890 Yleisö: hyperlinkeille. 862 00:43:35,890 --> 00:43:37,431 ALLISON Buchholtz-AU: hyperlinkeille. 863 00:43:37,431 --> 00:43:38,610 Kyllä, hyperlinkkejä tarvitse sitä. 864 00:43:38,610 --> 00:43:40,770 OK, joten katsotaanpa täällä. 865 00:43:40,770 --> 00:43:44,810 Ja meillä on lähellä meidän luettelosta. 866 00:43:44,810 --> 00:43:46,635 Ja katsomme, että. 867 00:43:46,635 --> 00:43:49,680 Olemme all-- Jaakobin oikeassa. 868 00:43:49,680 --> 00:43:52,310 Kanin ruokaa. 869 00:43:52,310 --> 00:43:54,000 Mieleeni Bunnicula. 870 00:43:54,000 --> 00:43:55,234 >> Yleisö: [kuulumaton] 871 00:43:55,234 --> 00:43:58,400 ALLISON Buchholtz-AU: Tuon takaisin kaikki vanhan koulun viittauksia tänään, 872 00:43:58,400 --> 00:43:59,130 enkö? 873 00:43:59,130 --> 00:44:01,210 Vain kaikki vanhan koulun viittauksia. 874 00:44:01,210 --> 00:44:05,767 Olisi pitänyt nostaa kuten Gogurts tai jotain pientä purtavaa. 875 00:44:05,767 --> 00:44:07,079 >> Yleisö: Or gushers. 876 00:44:07,079 --> 00:44:08,120 ALLISON Buchholtz-AU: Oh. 877 00:44:08,120 --> 00:44:08,620 OK. 878 00:44:08,620 --> 00:44:10,920 Nähdään jos voin seurata alas gushers ensi viikolla. 879 00:44:10,920 --> 00:44:11,980 En usko, että voin tehdä sen. 880 00:44:11,980 --> 00:44:13,980 Mielestäni meillä olisi Joissakin toimistossa. 881 00:44:13,980 --> 00:44:18,570 >> OK, joten olemme kattaa paljon erilaisia mitä voi tehdä HTML, eikö? 882 00:44:18,570 --> 00:44:23,910 Ja kuten voit todennäköisesti nähdä, se on nothing-- toivottavasti ei liian intim-- 883 00:44:23,910 --> 00:44:25,750 jos se on, en tarkoita vähätellä ketään. 884 00:44:25,750 --> 00:44:29,090 Jos sinulla on ongelmia, tulkaa juttelemaan. 885 00:44:29,090 --> 00:44:31,340 >> Mutta suurin osa siitä on vain katsot syntaksin, eikö? 886 00:44:31,340 --> 00:44:34,180 Jos haluat Järjestämätön lista, jos haluat jonkinlainen lista, 887 00:44:34,180 --> 00:44:38,450 Jos haluat tasata jotain tai muodossa jotain, kyse on vain 888 00:44:38,450 --> 00:44:42,080 Tällainen etsii syntaksi HTML, eikö? 889 00:44:42,080 --> 00:44:44,720 Ja yksi asia, joka on melko viileä itse 890 00:44:44,720 --> 00:44:51,360 on jos menet to-- katsotaanpa, mikä on kiva sivusto, joka haluamme? 891 00:44:51,360 --> 00:44:54,920 Kellään mitään suosikki sivustot jotka ovat OK, niin näet verkossa? 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 Tiedätkö mitä, haluan vain tehdä CS50. 894 00:44:58,840 --> 00:45:01,800 Se on mukava ja turvallinen, eikö? 895 00:45:01,800 --> 00:45:03,060 >> OK, joten CS50 täällä. 896 00:45:03,060 --> 00:45:05,540 Oi katso, siellä osio juuri nyt. 897 00:45:05,540 --> 00:45:07,113 Jos pidät miltä se näyttää. 898 00:45:07,113 --> 00:45:08,030 >> Yleisö: [kuulumaton]. 899 00:45:08,030 --> 00:45:10,696 ALLISON Buchholtz-AU: Emme ole aikoo tehdä meta-osiosta, kaverit. 900 00:45:10,696 --> 00:45:11,560 Se ei tapahdu. 901 00:45:11,560 --> 00:45:14,540 Se olisi siistiä, mutta emme aio tehdä sitä. 902 00:45:14,540 --> 00:45:17,040 >> Joten mitä voisit tehdä, jos pidät tavalla 903 00:45:17,040 --> 00:45:21,390 tämä toimii on, voit aina oikeassa Napsauta mitä tahansa web-sivu, jonka haluat 904 00:45:21,390 --> 00:45:23,660 ja voit tehdä View Page Source. 905 00:45:23,660 --> 00:45:26,030 Se tuo esiin kaikki HTML. 906 00:45:26,030 --> 00:45:30,800 Ja tämä on oikeastaan ​​todella hyvä tapa muotoilla oma web-sivu. 907 00:45:30,800 --> 00:45:33,640 Siirry Web-sivulle, jonka todella ja katsoa HTML 908 00:45:33,640 --> 00:45:35,430 ja selvittää, miten he tekivät sen. 909 00:45:35,430 --> 00:45:39,280 >> Ja kirjaimellisesti, niin kauan niin voisitteko mainita asioita, 910 00:45:39,280 --> 00:45:41,940 kunhan et vain varastaa ihmisiltä, ​​se on OK. 911 00:45:41,940 --> 00:45:43,890 Erityisesti CS50 [? rahoittaa?] olemme 912 00:45:43,890 --> 00:45:46,950 sellaista odottaa sinua saamaan inspiraatiota muiden verkkosivuilla. 913 00:45:46,950 --> 00:45:48,070 Joten rohkeasti. 914 00:45:48,070 --> 00:45:51,360 Katsoa läpi sivustoja, jotka luulet ovat oikeastaan ​​aika 915 00:45:51,360 --> 00:45:54,870 ja selvittää, miten he käyttävät HTML ja CSS tehdä näitä asioita. 916 00:45:54,870 --> 00:45:59,860 >> Joten kuten näette täällä, siellä on ilmeisesti kuten linkkejä ja meillä on luokka täällä. 917 00:45:59,860 --> 00:46:00,950 Meillä on linkki tänne. 918 00:46:00,950 --> 00:46:03,100 Meillä on lista. 919 00:46:03,100 --> 00:46:05,370 Meillä luultavasti joitakin kuvia täällä jossain. 920 00:46:05,370 --> 00:46:08,332 >> Meillä on joitakin hienoja tyyli täällä. 921 00:46:08,332 --> 00:46:10,040 Tämä on seuraava asia me aiomme tehdä. 922 00:46:10,040 --> 00:46:14,580 Niin tyyli, kun näet nämä tyyli suluissa, se on CSS periaatteessa. 923 00:46:14,580 --> 00:46:15,880 Ben Oliko sinulla kysymys? 924 00:46:15,880 --> 00:46:16,880 >> Yleisö: Mikä on div? 925 00:46:16,880 --> 00:46:20,039 >> ALLISON Buchholtz-AU: div on vain a-- mikä on div? 926 00:46:20,039 --> 00:46:20,830 Yleisö: Division. 927 00:46:20,830 --> 00:46:22,121 ALLISON Buchholtz-AU: Division. 928 00:46:22,121 --> 00:46:25,960 Joo, se on aivan kuin erottaa eri elementtejä. 929 00:46:25,960 --> 00:46:28,650 OK, joten tässä on mitä me olemme aio mennä seuraavaan. 930 00:46:28,650 --> 00:46:31,550 Joten tämä ei ehkä ole paras tyyli sillä, jos huomaat 931 00:46:31,550 --> 00:46:37,681 meillä on HTML ja tyyli samalla sivulla, ja me todella haluamme erotella, 932 00:46:37,681 --> 00:46:38,180 OK? 933 00:46:38,180 --> 00:46:41,620 Ja todella, haluan avata minun oikea 934 00:46:41,620 --> 00:46:45,990 koska tämä on tarkoitus olla PDF, joten meillä on style.css. 935 00:46:45,990 --> 00:46:51,210 >> Joten mitä voimme tehdä tässä nämä ovat hienoja asioita, kuten jotkut fade 936 00:46:51,210 --> 00:46:55,550 ja voisimme yrittää tehdä sitä, mutta tunnen kuten haluaisin sotku, että jopa lennossa, 937 00:46:55,550 --> 00:46:58,520 joten kannustan kaverit mennä yrittää se itse, 938 00:46:58,520 --> 00:47:00,310 mutta en aio tehdä sitä nyt. 939 00:47:00,310 --> 00:47:03,790 Joten jos te, muistakaa, Jos joskus lyödä Harjoitus, 940 00:47:03,790 --> 00:47:05,584 jotain swoops sisään puolelta. 941 00:47:05,584 --> 00:47:08,000 Se on tekemistä häivyttää ja siirtyminen ja vaikka mitä. 942 00:47:08,000 --> 00:47:09,630 >> Yleisö: Ja siinä kaikki CSS ja HTML? 943 00:47:09,630 --> 00:47:11,460 >> ALLISON Buchholtz-AU: Kaikki CSS ja HTML. 944 00:47:11,460 --> 00:47:12,420 Joo. 945 00:47:12,420 --> 00:47:17,720 Voit siis tehdä paljon todella hienoja asioita CSS ja HTML. 946 00:47:17,720 --> 00:47:22,280 Joten meidän mahtava pupu web sivu täällä, me 947 00:47:22,280 --> 00:47:25,240 aiomme tehdä vähän vähän CSS-tyyleille kanssa. 948 00:47:25,240 --> 00:47:28,850 >> Joten jos koskaan on tyyli levyt, jotka olemme täällä, 949 00:47:28,850 --> 00:47:30,550 voit vain soittaa style.css. 950 00:47:30,550 --> 00:47:32,090 Voit kutsua sitä mitä haluat. 951 00:47:32,090 --> 00:47:37,110 Tärkeää on, että olemme menossa viitata se meidän web.html täällä. 952 00:47:37,110 --> 00:47:41,670 >> Joten mitä aiomme tehdä, on we-- joten en sotke tätä up-- 953 00:47:41,670 --> 00:47:46,180 aiomme yhdistää nämä kaksi tiedostoa yhteen. 954 00:47:46,180 --> 00:47:49,340 Joten samalla way-- aion piirtää analogisesti C täällä. 955 00:47:49,340 --> 00:47:53,510 Samalla tavalla, että jos sinulla on Joissakin library-- ja meillä on cs50.h-- 956 00:47:53,510 --> 00:47:55,520 Meidän kääntäjä kytkevät sen. 957 00:47:55,520 --> 00:47:58,040 Tämä on juuri nimenomainen linkki meidän puoleltamme. 958 00:47:58,040 --> 00:48:01,840 Niin samalla tavalla, että teemme hash kuuluu joitakin tiedosto, mitä 959 00:48:01,840 --> 00:48:06,890 Olen aikeissa kirjoittaa on juuri HTML / CSS vastaa siitä. 960 00:48:06,890 --> 00:48:11,970 >> Olemme vain sanoa, OK, tämä verkkosivu aikoo käyttää tätä tyylitiedoston, OK? 961 00:48:11,970 --> 00:48:23,360 Joten meillä on linkki suht sama tyylitiedoston. 962 00:48:23,360 --> 00:48:30,870 Ja sitten meillä on tyyppi, css. 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 Ja sitten href tasavertaisina. 965 00:48:37,060 --> 00:48:41,910 966 00:48:41,910 --> 00:48:42,860 >> OK. 967 00:48:42,860 --> 00:48:45,680 Joten kaikki tämä teki tässä voit ajatella tätä samaa asiaa 968 00:48:45,680 --> 00:48:47,550 kuten hash kuuluu. 969 00:48:47,550 --> 00:48:53,450 Ilmeisesti se näyttää hieman enemmän monimutkainen, mutta kaikissa tapauksissa, 970 00:48:53,450 --> 00:48:55,370 se on käytännössä sama asia. 971 00:48:55,370 --> 00:49:00,940 Joten tämä on vain joitakin linkittäminen tyylitiedosto, se on tyyppiä text / css, 972 00:49:00,940 --> 00:49:02,875 ja nimi on style.css. 973 00:49:02,875 --> 00:49:05,560 >> Mikä on tärkeää tietää on, että web-sivu 974 00:49:05,560 --> 00:49:09,155 että olen työskennellyt oikea now-- web.html ja style.css-- ovat samassa kansiossa. 975 00:49:09,155 --> 00:49:14,740 Koska eri kansioihin, sinun täytyy antaa todellinen root 976 00:49:14,740 --> 00:49:17,480 siihen tai polku. 977 00:49:17,480 --> 00:49:20,620 Mutta tässä tapauksessa, me pitää se super yksinkertainen ja se tulee olemaan täällä. 978 00:49:20,620 --> 00:49:26,730 Joten jos teemme sen, minulla on jonkin verran asiat jo jonottivat täällä. 979 00:49:26,730 --> 00:49:31,680 >> Joten meillä on elin, joka on menossa on meidän taustaväri, joka 980 00:49:31,680 --> 00:49:33,320 Juuri nyt on vaaleansininen. 981 00:49:33,320 --> 00:49:36,850 Emme voi muuttaa sitä, jos haluamme, mutta jos muistan tämän oikein, 982 00:49:36,850 --> 00:49:39,270 se pitäisi vain muuttaa sen vaaleansininen. 983 00:49:39,270 --> 00:49:42,050 Ja nyt meillä on vaaleansininen tausta. 984 00:49:42,050 --> 00:49:47,490 Ja meillä oli here-- kukaan voi muistaa kumpi on hash tunnus tai luokka? 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> Yleisö: tunnus. 987 00:49:51,080 --> 00:49:51,800 >> ALLISON Buchholtz-AU: tunnus. 988 00:49:51,800 --> 00:49:52,420 Cool. 989 00:49:52,420 --> 00:49:58,920 Joten mitä me haluamme tehdä on, mitkä nämä fontit 990 00:49:58,920 --> 00:50:01,534 tai which-- haluammeko "Katsokaa söpö pupu "olla violetti? 991 00:50:01,534 --> 00:50:02,950 Mielestäni me haluamme sen olevan violetti. 992 00:50:02,950 --> 00:50:04,640 Olen melko alas, että on violetti. 993 00:50:04,640 --> 00:50:08,790 >> Joten mitä tehdä, on teet ID equals-- tässä tapauksessa 994 00:50:08,790 --> 00:50:13,630 Sanoin, mitä, kaunis väri täällä. 995 00:50:13,630 --> 00:50:14,780 Me reload. 996 00:50:14,780 --> 00:50:17,460 Yhtäkkiä, se on violetti. 997 00:50:17,460 --> 00:50:20,680 OK, niin on tunnus, muistakaa sen on oltava yksilöllinen, 998 00:50:20,680 --> 00:50:24,370 joten en olisi koskaan käyttää tämä tunnus missään muualla. 999 00:50:24,370 --> 00:50:27,760 Mutta luokka, koska meillä on täällä melko fontti, 1000 00:50:27,760 --> 00:50:30,300 Minun pitäisi pystyä käyttämään että missä tahansa haluan. 1001 00:50:30,300 --> 00:50:33,160 >> Tehdäänpä tämä yksi täällä. 1002 00:50:33,160 --> 00:50:41,100 Voimme siis sanoa luokka on yhtä kaunis fontti. 1003 00:50:41,100 --> 00:50:46,190 Ja jos katsomme nyt, meillä on tämän jäähtyä melko fontti täällä. 1004 00:50:46,190 --> 00:50:49,160 Joten ehkä haluan tehdä molempia. 1005 00:50:49,160 --> 00:50:52,786 OK, en oikeastaan ​​tiedä, jos tämä on menossa töihin, mutta haluan kokeilla sitä. 1006 00:50:52,786 --> 00:50:54,410 Ja näin opit CSS ja HTML. 1007 00:50:54,410 --> 00:50:55,660 Olet kuin, tiedät mitä haluan kokeilla tätä. 1008 00:50:55,660 --> 00:50:56,430 En ole varma, jos se on menossa töihin. 1009 00:50:56,430 --> 00:50:57,346 Katsotaanpa, jos se toimii. 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> Ja katsokaa, että. 1012 00:51:01,540 --> 00:51:04,540 Nyt se on violetti ja se on melko fontti. 1013 00:51:04,540 --> 00:51:08,692 OK, joten sinulla on kaikki nämä eri asioita voit tehdä. 1014 00:51:08,692 --> 00:51:09,650 Onko sinulla kysymys? 1015 00:51:09,650 --> 00:51:10,275 >> Yleisö: Joo. 1016 00:51:10,275 --> 00:51:13,280 No, aivan kuten värit käytät sanoja. 1017 00:51:13,280 --> 00:51:16,005 Onko tapa tehdä värejä heksadesimaalilukuina RGB? 1018 00:51:16,005 --> 00:51:18,880 ALLISON Buchholtz-AU: Voit myös tehdä sen heksadesimaaliarvo, uskon. 1019 00:51:18,880 --> 00:51:19,803 Joo. 1020 00:51:19,803 --> 00:51:22,136 Mutta se on tavallaan mukavaa, jos halua etsiä niitä. 1021 00:51:22,136 --> 00:51:23,762 Voit vain olla, violetti tai sininen. 1022 00:51:23,762 --> 00:51:25,720 Yleisö: Toivotaan he tiedä mitä se tarkoittaa. 1023 00:51:25,720 --> 00:51:26,886 ALLISON Buchholtz-AU: Right. 1024 00:51:26,886 --> 00:51:29,580 Joten tehkäämme tästä luku- tai chartreuse. 1025 00:51:29,580 --> 00:51:32,060 Miksi et koskaan valita chartreuse? 1026 00:51:32,060 --> 00:51:33,340 Se on mielenkiintoinen väri. 1027 00:51:33,340 --> 00:51:37,355 >> OK, joten ilmeisesti voimme nähdä meidän voi muuttaa asioita, mutta me haluamme. 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 Jos halusi create-- sanotaanko Halusimme luoda toisen luokan. 1030 00:51:45,392 --> 00:51:46,850 Mikä voisi te haluta muuttaa? 1031 00:51:46,850 --> 00:51:51,840 Jos vedät W3Schools " CSS asiakirjat, 1032 00:51:51,840 --> 00:51:54,450 Jätän puheenvuoron te. 1033 00:51:54,450 --> 00:51:57,990 Voimme yrittää ja tehdä jotain kivaa kanssa Tämän viimeisen pari minuuttia. 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 Koska olen tavallaan antanut sinulle pikakurssin paljon hienoja asioita 1036 00:52:03,150 --> 00:52:03,970 että voit tehdä. 1037 00:52:03,970 --> 00:52:09,956 Mutta loppujen lopuksi, kuten sanoin, jos vain kokeilu, opit paljon. 1038 00:52:09,956 --> 00:52:12,212 >> Yleisö: Oletko etsiä että fontti? 1039 00:52:12,212 --> 00:52:14,295 >> ALLISON Buchholtz-AU: Joo, Katsoin, että fontti. 1040 00:52:14,295 --> 00:52:17,200 Niin kuin kirjaimellisesti, minä meni to-- mitä minä tein? 1041 00:52:17,200 --> 00:52:22,371 Tein CSS Fonttiluettelon ja Sitten tein font pino, 1042 00:52:22,371 --> 00:52:25,120 ja sitten olin kuin, katso, tässä ovat kaikki hienoja fontteja voit tehdä. 1043 00:52:25,120 --> 00:52:28,180 Ja siellä oli tämä yksi, joten Olen kopioinut sen minun leikepöydälle. 1044 00:52:28,180 --> 00:52:31,820 Ja sitten olin kuin, OK, viileä, siellä mennään. 1045 00:52:31,820 --> 00:52:32,320 Kaikki valmista. 1046 00:52:32,320 --> 00:52:35,920 >> Yleisö: Joten sinun täytyy varmistaa, että CSS tietää mitä tämä fontti on. 1047 00:52:35,920 --> 00:52:37,370 >> ALLISON Buchholtz-AU: Kyllä. 1048 00:52:37,370 --> 00:52:38,190 >> Yleisö: Mitä se sano lopussa? 1049 00:52:38,190 --> 00:52:38,790 Cursive? 1050 00:52:38,790 --> 00:52:40,040 >> ALLISON Buchholtz-AU: Cursive. 1051 00:52:40,040 --> 00:52:40,950 Joo. 1052 00:52:40,950 --> 00:52:42,310 >> Yleisö: Taustakuva. 1053 00:52:42,310 --> 00:52:43,290 >> ALLISON Buchholtz-AU: Taustakuva. 1054 00:52:43,290 --> 00:52:44,180 OK. 1055 00:52:44,180 --> 00:52:46,490 Joten haluat kertoa minulle, miten tämä. 1056 00:52:46,490 --> 00:52:47,390 Jätän tämän sinulle. 1057 00:52:47,390 --> 00:52:49,070 Olen vain kirjoittamalla tänne nyt. 1058 00:52:49,070 --> 00:52:51,714 Pyörä on käsissäsi. 1059 00:52:51,714 --> 00:52:52,660 >> Yleisö: OK 1060 00:52:52,660 --> 00:52:53,701 >> ALLISON Buchholtz-AU: OK. 1061 00:52:53,701 --> 00:52:54,720 Mitä teen? 1062 00:52:54,720 --> 00:53:02,929 >> Yleisö: Doing-- Tiedän mitä tulee sen jälkeen kihara ahdin. 1063 00:53:02,929 --> 00:53:03,970 ALLISON Buchholtz-AU: OK. 1064 00:53:03,970 --> 00:53:06,707 Joten luultavasti elin, I Olettaisin, koska olemme 1065 00:53:06,707 --> 00:53:08,040 teet taustakuvan. 1066 00:53:08,040 --> 00:53:08,940 >> Yleisö: Joo, tehdään se. 1067 00:53:08,940 --> 00:53:09,981 >> ALLISON Buchholtz-AU: OK. 1068 00:53:09,981 --> 00:53:14,260 Yleisö: OK, niin tausta paksusuoli, ja sitten me 1069 00:53:14,260 --> 00:53:16,894 tarvitsevat URL-osoite, joka kuvaa. 1070 00:53:16,894 --> 00:53:18,560 Ehkä pseudo-koodi, joka nyt, ehkä. 1071 00:53:18,560 --> 00:53:20,601 >> ALLISON Buchholtz-AU: Mikä haluaisit minun to-- 1072 00:53:20,601 --> 00:53:22,574 Yleisö: Olen ajatellut kuin GIF. 1073 00:53:22,574 --> 00:53:23,740 ALLISON Buchholtz-AU: GIF? 1074 00:53:23,740 --> 00:53:26,070 Tämä tulee olemaan mielenkiintoinen. 1075 00:53:26,070 --> 00:53:27,840 OK, mitä minä Google-hakuja täällä? 1076 00:53:27,840 --> 00:53:29,670 >> Yleisö: Ei, se on sinun valintasi. 1077 00:53:29,670 --> 00:53:32,090 >> ALLISON Buchholtz-AU: Miksi älä we-- jos se pupu, 1078 00:53:32,090 --> 00:53:35,610 Tunnen meillä pitäisi olla mukava ruohoinen nurmikko tai jotain. 1079 00:53:35,610 --> 00:53:38,275 >> Yleisö: Meadow. 1080 00:53:38,275 --> 00:53:39,350 Niitty. 1081 00:53:39,350 --> 00:53:40,641 >> ALLISON Buchholtz-AU: niitty? 1082 00:53:40,641 --> 00:53:41,851 OK. 1083 00:53:41,851 --> 00:53:42,975 Yleisö: Tai Rachel Maddow. 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 ALLISON Buchholtz-AU: Tämä yksi näyttää aika. 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 Voi, että pieni, vaikka. 1088 00:53:50,380 --> 00:53:51,700 Tarvitsemme hyvä koko kuvan. 1089 00:53:51,700 --> 00:53:53,142 Katsotaanpa. 1090 00:53:53,142 --> 00:53:54,570 Oi, katso. 1091 00:53:54,570 --> 00:53:55,630 Se on aika niitty. 1092 00:53:55,630 --> 00:53:58,320 Tiedätkö mitä, Pidän tästä. 1093 00:53:58,320 --> 00:53:59,300 Katsotaanpa kopioi tämä. 1094 00:53:59,300 --> 00:54:08,020 >> Yleisö: OK, joten mielestäni se on URL, avoimet sulut. 1095 00:54:08,020 --> 00:54:09,590 >> ALLISON Buchholtz-AU: OK, URL. 1096 00:54:09,590 --> 00:54:11,500 >> Yleisö: Sitten osoite. 1097 00:54:11,500 --> 00:54:13,610 >> ALLISON Buchholtz-AU: OK. 1098 00:54:13,610 --> 00:54:14,750 On, että kaikki me tarvitsemme? 1099 00:54:14,750 --> 00:54:20,550 >> Yleisö: Sulje suluissa puolipiste, ja sitten tilaa, tausta väliviivaa 1100 00:54:20,550 --> 00:54:27,050 kiinnitys paksusuolen kiinteä, ja kihara ahdin. 1101 00:54:27,050 --> 00:54:28,110 >> ALLISON Buchholtz-AU: OK. 1102 00:54:28,110 --> 00:54:29,114 Katsotaan jos se toimii. 1103 00:54:29,114 --> 00:54:30,780 Se tulee olemaan aika siistiä, jos se tekee. 1104 00:54:30,780 --> 00:54:33,880 Olen todella innoissani täällä. 1105 00:54:33,880 --> 00:54:35,070 Se ei toiminut. 1106 00:54:35,070 --> 00:54:35,700 Ihmettelen miksi. 1107 00:54:35,700 --> 00:54:37,700 Yleisö: Ehkä URL täytyy olla lainausmerkeissä. 1108 00:54:37,700 --> 00:54:38,866 ALLISON Buchholtz-AU: Ehkä. 1109 00:54:38,866 --> 00:54:41,520 Ja tämä on se, miten me opimme, kaverit. 1110 00:54:41,520 --> 00:54:44,340 >> Yleisö: Voimmeko tausta värin ja taustakuvan? 1111 00:54:44,340 --> 00:54:45,390 >> Yleisö: Ei. 1112 00:54:45,390 --> 00:54:46,550 Yksi syrjäyttää muut. 1113 00:54:46,550 --> 00:54:46,960 >> ALLISON Buchholtz-AU: En tiedä. 1114 00:54:46,960 --> 00:54:47,460 Katsotaanpa. 1115 00:54:47,460 --> 00:54:48,860 Katsotaan check it out ja nähdä. 1116 00:54:48,860 --> 00:54:51,567 >> Yleisö: Voi, ehkä, joo. 1117 00:54:51,567 --> 00:54:52,400 [Väliin ÄÄNTÄ] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> ALLISON Buchholtz-AU: OK, tämä on obviously-- I [kuultavissa] täällä. 1120 00:55:03,260 --> 00:55:04,927 Niin OK. 1121 00:55:04,927 --> 00:55:06,260 Yleisö: Taustaa liitetiedostona. 1122 00:55:06,260 --> 00:55:07,301 ALLISON Buchholtz-AU: Ah. 1123 00:55:07,301 --> 00:55:12,096 1124 00:55:12,096 --> 00:55:13,946 >> Yleisö: OK, en tiedä. 1125 00:55:13,946 --> 00:55:16,070 ALLISON Buchholtz-AU: Se näyttää siltä kuin se olisi työtä. 1126 00:55:16,070 --> 00:55:19,074 Oletko varma että se on paksusuolen paikantimen jälkeen? 1127 00:55:19,074 --> 00:55:20,439 >> Yleisö: Ei, se on puolipiste. 1128 00:55:20,439 --> 00:55:21,980 ALLISON Buchholtz-AU: Se on puolipiste. 1129 00:55:21,980 --> 00:55:22,530 Yleisö: Sanoinko kaksoispiste? 1130 00:55:22,530 --> 00:55:24,155 ALLISON Buchholtz-AU: Sanoit paksusuolen. 1131 00:55:24,155 --> 00:55:26,222 Yleisö: Voi ei. 1132 00:55:26,222 --> 00:55:27,680 ALLISON Buchholtz-AU: Ole hyvä. 1133 00:55:27,680 --> 00:55:29,350 Yleisö: Hei, odota nyt emme voi lukea tekstiä. 1134 00:55:29,350 --> 00:55:30,320 ALLISON Buchholtz-AU: Now et voi lukea tekstiä, 1135 00:55:30,320 --> 00:55:32,740 mutta meillä on taustakuvan. 1136 00:55:32,740 --> 00:55:33,300 Mmhmm? 1137 00:55:33,300 --> 00:55:35,220 >> Yleisö: Onko HTML tukee dynaamista sisältöä? 1138 00:55:35,220 --> 00:55:39,070 Kuten, voisitko muuttaa, että kuva riippuen ikkunan kokoa, 1139 00:55:39,070 --> 00:55:39,890 tai on, että CSS-- 1140 00:55:39,890 --> 00:55:41,723 >> ALLISON Buchholtz-AU: Joten CSS on tehdä niin. 1141 00:55:41,723 --> 00:55:45,210 Joten jos te olette kiinnostunut oppimiseen kehittyneitä CSS, 1142 00:55:45,210 --> 00:55:50,789 Olen co-opetus seminaari CSS 7.. 1143 00:55:50,789 --> 00:55:52,580 Ja lupaan se tulee olla paljon syvällisempi 1144 00:55:52,580 --> 00:55:55,220 ja tehdä paljon enemmän cool asioita tässä jaksossa. 1145 00:55:55,220 --> 00:55:59,234 Ja minun yhteistyö opettaja on kuin yhteensä etupään web dev mestari. 1146 00:55:59,234 --> 00:56:02,150 Joten se on aika siistiä, jos haluat oppia kaikki hienoja asioita 1147 00:56:02,150 --> 00:56:03,960 että CSS voi tehdä. 1148 00:56:03,960 --> 00:56:06,860 >> Mutta mitä meillä on täällä hänen taustansa kiinnitys 1149 00:56:06,860 --> 00:56:13,330 fixed-- joten se on jokin kiinteä size-- mutta voit itse dynamically-- 1150 00:56:13,330 --> 00:56:17,610 Jos joskus näet verkkosivut, koska useimmat hyvät verkkosivut tekee, 1151 00:56:17,610 --> 00:56:19,470 kun säädät koko selaimen, 1152 00:56:19,470 --> 00:56:23,980 se säätää taustan tai kuinka paljon näkyy tai alustaa asioita, eikö? 1153 00:56:23,980 --> 00:56:27,100 Niin, että mitä me kutsumme suhteellinen paikannus. 1154 00:56:27,100 --> 00:56:33,410 >> Ja CSS voi todella tarttua, kuinka suuri selain leveys on tai kuinka pitkä se on, 1155 00:56:33,410 --> 00:56:37,970 ja voit sijoittaa asioita mukaan suhteelliset koot 1156 00:56:37,970 --> 00:56:40,420 vs. absoluuttisesta koosta. 1157 00:56:40,420 --> 00:56:44,920 Ja se on tietysti kehittyneempi CSS, mutta se on jotain, voit tehdä. 1158 00:56:44,920 --> 00:56:47,390 Jos haluat oppia enemmän, tulla minun seminaari. 1159 00:56:47,390 --> 00:56:50,540 >> Niin, että on jotain, voit tehdä. 1160 00:56:50,540 --> 00:56:54,450 Ja CSS voi todella do-- CSS ja JavaScript, 1161 00:56:54,450 --> 00:56:58,790 josta saamme ensi week-- voi voit muuttaa dynaamisesti 1162 00:56:58,790 --> 00:57:02,160 sivuja ilman ladata niitä koko ajan. 1163 00:57:02,160 --> 00:57:04,590 Ja saat tehdä joitakin aika siistiä kamaa. 1164 00:57:04,590 --> 00:57:09,317 >> Joten on olemassa toinen asia että te ehkä haluta tehdä 1165 00:57:09,317 --> 00:57:10,650 tai mitä haluat tutustua? 1166 00:57:10,650 --> 00:57:12,900 Meillä on 10 minuuttia jäljellä. 1167 00:57:12,900 --> 00:57:19,010 Voimme myös lähteä aikaisin, mutta jos haluat tehdä joitakin enemmän web juttuja, 1168 00:57:19,010 --> 00:57:20,960 voimme, mutta en ole menossa pakottaa sinut. 1169 00:57:20,960 --> 00:57:23,510 Mutta voimme myös vain syödä karkkia. 1170 00:57:23,510 --> 00:57:25,760 Yleisö: Valitse teksti valkoinen, jotta voit lukea sen. 1171 00:57:25,760 --> 00:57:27,680 ALLISON Buchholtz-AU: OK. 1172 00:57:27,680 --> 00:57:33,389 Joten tässä tapauksessa haluamme joitakin s. 1173 00:57:33,389 --> 00:57:36,305 Yleisö: Pitäisikö meidän tehdä se elin niin se koskee koko sivun? 1174 00:57:36,305 --> 00:57:38,096 ALLISON Buchholtz-AU: Kyllä, voimme todella. 1175 00:57:38,096 --> 00:57:40,880 Se on hyvä idea. 1176 00:57:40,880 --> 00:57:43,420 Joten me have-- sinä tiedä, mitä meidän pitäisi olla? 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 En tiedä, jos voimme tehdä tekstin väri. 1179 00:57:50,260 --> 00:57:54,946 Aioin yrittää luoda toisen luokan täällä. 1180 00:57:54,946 --> 00:57:58,394 >> Yleisö: Miten saat niin että sillä on ehdotuksia? 1181 00:57:58,394 --> 00:58:00,560 ALLISON Buchholtz-AU: So jos te olette kiinnostuneita, 1182 00:58:00,560 --> 00:58:03,480 tämä on toinen teksti editori nimeltään Sublime. 1183 00:58:03,480 --> 00:58:07,180 Sinun pitäisi pystyä asenna se laitteeseen. 1184 00:58:07,180 --> 00:58:08,659 Joskus se saa hieman hankala. 1185 00:58:08,659 --> 00:58:10,950 Jos haluat auttaa tässä, Olen erittäin iloinen voidessani auttaa sinua 1186 00:58:10,950 --> 00:58:14,720 sen kanssa, koska gedit on suuri ja se on mahtavaa, koska voit kääntää sen 1187 00:58:14,720 --> 00:58:17,790 pohjalle, mutta en todellakaan kuten Sublime koska se on melko 1188 00:58:17,790 --> 00:58:19,498 ja se ei tee asioita kuten automaattinen täydennys. 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> Joten voit varmasti vapaasti Kerrothan, jos et halua tehdä sitä. 1191 00:58:26,890 --> 00:58:28,940 Jos vain google "Sublime teksti ", se yleensä 1192 00:58:28,940 --> 00:58:32,860 on ohjeet siitä, miten asentaa eri käyttöjärjestelmistä. 1193 00:58:32,860 --> 00:58:37,590 Se on todella hienoa, I ajatella, mielestäni. 1194 00:58:37,590 --> 00:58:38,355 Niin s. 1195 00:58:38,355 --> 00:58:45,616 Mielestäni voin vain tehdä text-- tai Voimme vain tehdä väri on "valkoinen". 1196 00:58:45,616 --> 00:58:47,050 Siellä. 1197 00:58:47,050 --> 00:58:50,770 >> Joten mitä tein täällä on se, että minä ei muuttanut koko tekstin. 1198 00:58:50,770 --> 00:58:54,040 Mutta p tässä vain tag, että meillä on, eikö? 1199 00:58:54,040 --> 00:58:55,450 Tämän kohdan tunniste. 1200 00:58:55,450 --> 00:59:00,380 Joten olen juuri luonut CSS elementti, joka sanoi, OK, mitään tämä tunniste 1201 00:59:00,380 --> 00:59:02,510 p, tee väri valkoinen. 1202 00:59:02,510 --> 00:59:05,690 >> Joten jos olet huomannut, se teki tämä valkoinen ja tämä valkoinen. 1203 00:59:05,690 --> 00:59:09,100 Se ei tee lista valkoinen, koska se ei liity tähän. 1204 00:59:09,100 --> 00:59:11,180 Voisit mennä läpi ja voisit say-- 1205 00:59:11,180 --> 00:59:11,860 >> Yleisö: Onko taustaväri. 1206 00:59:11,860 --> 00:59:12,660 >> ALLISON Buchholtz-AU: Tausta väri? 1207 00:59:12,660 --> 00:59:15,660 >> Yleisö: tausta putki väri jos laitat p tag. 1208 00:59:15,660 --> 00:59:16,701 >> ALLISON Buchholtz-AU: OK. 1209 00:59:16,701 --> 00:59:21,980 1210 00:59:21,980 --> 00:59:22,804 Haluat sen valkoinen? 1211 00:59:22,804 --> 00:59:23,470 Yleisö: mmhmm. 1212 00:59:23,470 --> 00:59:25,070 ALLISON Buchholtz-AU: OK. 1213 00:59:25,070 --> 00:59:26,342 Siellä mennään. 1214 00:59:26,342 --> 00:59:27,300 Yleisö: Se on outoa. 1215 00:59:27,300 --> 00:59:29,190 ALLISON Buchholtz-AU: Aika siistiä, eikö? 1216 00:59:29,190 --> 00:59:31,640 Joten jos vain pelleillä, aiot oppia paljon. 1217 00:59:31,640 --> 00:59:34,720 Ja se voi olla aika siistiä. 1218 00:59:34,720 --> 00:59:37,312 Minusta se on ehdottomasti enemmän ilahduttavaa kuin joskus 1219 00:59:37,312 --> 00:59:39,770 koska sinun ei tarvitse odottaa oman ohjelman laatimiseen. 1220 00:59:39,770 --> 00:59:41,895 Voit painaa Päivitä ja et pidä, Oi, katso, 1221 00:59:41,895 --> 00:59:44,276 se toimi, tai oi, olen luultavasti puuttuu jotain. 1222 00:59:44,276 --> 00:59:47,359 Ja se on jotain, joka on todella viileä tästä seuraava osa luokan, 1223 00:59:47,359 --> 00:59:49,250 on se varmasti, minä Ajattele helpompi tarkistaa 1224 00:59:49,250 --> 00:59:52,640 kuten mennä matkan varrella vastaan ottaa kirjoittamaan näitä pitkiä ohjelmia 1225 00:59:52,640 --> 00:59:57,830 ja joka haluaa ja rukoilee että se toimii lopussa. 1226 00:59:57,830 --> 01:00:01,960 >> Niin, että olen sitä mieltä, te kaikki näyttää hyvältä. 1227 01:00:01,960 --> 01:00:05,360 Jos sinulla on kysyttävää, kuten aina, tulla juttelemaan minulle, tule haluaisin tietää. 1228 01:00:05,360 --> 01:00:08,180 Aion olla aivan seuraavien 15 minuuttia 1229 01:00:08,180 --> 01:00:11,340 jos haluat jutella mitään ja kaikki. 1230 01:00:11,340 --> 01:00:13,530 >> Toivon siis guys-- Onnea tämän PSET. 1231 01:00:13,530 --> 01:00:18,150 Määräaika on perjantaina keskipäivällä koska se julkaistiin myöhään. 1232 01:00:18,150 --> 01:00:21,220 Joten en todennäköisesti näkemään paljon te torstaina 1233 01:00:21,220 --> 01:00:21,970 mutta toivottavasti ei. 1234 01:00:21,970 --> 01:00:23,386 Ehkä sinulla on se tapahtuu sitten. 1235 01:00:23,386 --> 01:00:24,440 Olisin erittäin ylpeä. 1236 01:00:24,440 --> 01:00:26,410 >> Mutta jos ei, Nähdään torstaina. 1237 01:00:26,410 --> 01:00:30,030 Voit myös käyttää myöhään, mikä ulottuu sen lauantaihin klo. 1238 01:00:30,030 --> 01:00:31,730 Mutta minä don't-- vai? 1239 01:00:31,730 --> 01:00:32,580 >> Yleisö: Halloween. 1240 01:00:32,580 --> 01:00:34,538 >> ALLISON Buchholtz-AU: Se on Halloween, ja b, 1241 01:00:34,538 --> 01:00:37,050 En usko, että tulee olla virka perjantaina. 1242 01:00:37,050 --> 01:00:40,920 Joten todellakin yrittää saada se tehdään Perjantai jotta voimme kaikki juhlia 1243 01:00:40,920 --> 01:00:42,010 Hallow viikonloppuna. 1244 01:00:42,010 --> 01:00:44,670 Okei, minä Nähdään ensi viikolla. 1245 01:00:44,670 --> 01:00:45,888