1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [Muziek] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 ALLISON Buchholtz-AU: Oké, iedereen. 5 00:00:12,540 --> 00:00:13,860 Welkom terug bij sectie. 6 00:00:13,860 --> 00:00:19,559 Dus onze agenda voor vandaag gaat over veel meer web dev spullen. 7 00:00:19,559 --> 00:00:21,600 Ik weet niet hoeveel van u uw psets hebt gezien 8 00:00:21,600 --> 00:00:24,414 sinds het werd uitgebracht eerder deze ochtend. 9 00:00:24,414 --> 00:00:26,330 Ik zou als hoeveel mensen hebben de spec gelezen, 10 00:00:26,330 --> 00:00:29,910 maar zien hoe je alles hebt gehad van, als, zeven uren naar kijken 11 00:00:29,910 --> 00:00:31,910 en het is een maandag en je hebt waarschijnlijk had klasse, 12 00:00:31,910 --> 00:00:34,160 Ik ga ervan uit dat de meeste van jullie hebben niet. 13 00:00:34,160 --> 00:00:37,170 Als je hebt, extra kudos. 14 00:00:37,170 --> 00:00:39,400 >> U bent in principe helpen implementeren van een eenvoudige web 15 00:00:39,400 --> 00:00:43,270 server in C, dat is een gloednieuwe PSET, dus jullie krijgen de cavia's zijn. 16 00:00:43,270 --> 00:00:49,730 Het zal een plezier zijn, wilde week, maar ik denk dat het een heel leuk worden 17 00:00:49,730 --> 00:00:52,260 en het zal een echt goede ervaring eigenlijk. 18 00:00:52,260 --> 00:00:54,920 Dus om je voor te bereiden dat, in sectie vandaag, 19 00:00:54,920 --> 00:01:00,940 we gaan chmod, TCP / IP te gaan, en vervolgens een beetje van HTML en CSS. 20 00:01:00,940 --> 00:01:05,080 >> Op het einde, we eigenlijk code up van een eenvoudige webpagina samen 21 00:01:05,080 --> 00:01:09,042 om u te helpen jongens min of meer kunt meer vertrouwd mee. 22 00:01:09,042 --> 00:01:11,750 En dan als je niet hebt opgepikt uw quizzen, ze zijn aan de voorkant, 23 00:01:11,750 --> 00:01:14,890 maar ik ben vrij zeker dat iedereen hier heeft hun quiz. 24 00:01:14,890 --> 00:01:17,880 En ook op deze nota, oplossingen voldoen nog niet, 25 00:01:17,880 --> 00:01:21,490 maar zodra we finish-- willen, de laatste paar mensen die hun quizzes-- 26 00:01:21,490 --> 00:01:22,280 zij zullen worden. 27 00:01:22,280 --> 00:01:24,630 Als u vragen heeft in de tussentijd, 28 00:01:24,630 --> 00:01:26,240 voel je vrij om zelf e-mail me. 29 00:01:26,240 --> 00:01:30,700 Ik zal reageren met uw individuele vragen, zoals ik altijd doe. 30 00:01:30,700 --> 00:01:33,890 >> Dus op die opmerking, chmod. 31 00:01:33,890 --> 00:01:36,390 Dus eigenlijk alles wat je moet weten over chmod 32 00:01:36,390 --> 00:01:39,620 is dat het wordt gebruikt om te veranderen bestandstoegang, toch? 33 00:01:39,620 --> 00:01:44,050 Dus het is slechts enkele systemen noemen het een Machtigingen wijzigen, zoals het hier staat. 34 00:01:44,050 --> 00:01:48,540 En als je ooit wilt zien Welke rechten heeft een bestand, 35 00:01:48,540 --> 00:01:52,240 in plaats van gewoon te doen ls, kon je ls -l doen. 36 00:01:52,240 --> 00:01:54,010 L staat voor lang. 37 00:01:54,010 --> 00:01:56,460 >> Dus je zult lange lijsten doen van alles, en het 38 00:01:56,460 --> 00:02:02,080 zal je veel meer gedetailleerde geven informatie over elk van uw bestanden. 39 00:02:02,080 --> 00:02:05,540 En je zult zien something-- ik ben gaan om vooruit te spoelen voor een second-- 40 00:02:05,540 --> 00:02:08,910 maar je zult iets dergelijks te zien die bovenste lijn er voor elk bestand. 41 00:02:08,910 --> 00:02:11,560 En we gaan door wat dat betekent. 42 00:02:11,560 --> 00:02:15,260 >> Dus eigenlijk, om te veranderen permissies, 43 00:02:15,260 --> 00:02:16,850 wil je gewoon chmod gebruiken. 44 00:02:16,850 --> 00:02:23,620 U kunt hierbij denken aan het als elke andere UNIX noemen als ls of cd of zo. 45 00:02:23,620 --> 00:02:25,540 Het is gewoon een soort van een ander zoals call. 46 00:02:25,540 --> 00:02:30,530 >> Dus we doen chmod en dan zullen we hebben drie cijfers meestal. 47 00:02:30,530 --> 00:02:33,570 Er zijn een paar manieren om te doen het, waarvan we zullen overgaan. 48 00:02:33,570 --> 00:02:37,650 Maar meestal zul je drie hebben getallen variërend van 0 tot 7 telkens. 49 00:02:37,650 --> 00:02:43,530 >> Dus een ding is dat er drie verschillende toestemmingen 50 00:02:43,530 --> 00:02:45,510 dat we elk bestand kunnen geven. 51 00:02:45,510 --> 00:02:49,480 En het is leesbaar, wat vertegenwoordigd door r, die zin zal maken 52 00:02:49,480 --> 00:02:54,020 in een klein beetje; w, hetgeen beschrijfbaar; en uitvoerbaar, dat is x. 53 00:02:54,020 --> 00:02:57,630 Ik weet dat de e ene, uitvoerbare, misschien niet het meest logisch, maar we 54 00:02:57,630 --> 00:02:59,120 vertegenwoordigen het met x. 55 00:02:59,120 --> 00:03:05,290 >> En wat gebeurt er dan is elk van deze hebben ook de nummer representatie. 56 00:03:05,290 --> 00:03:07,990 Dus we hebben 1, 2, en 4. 57 00:03:07,990 --> 00:03:12,060 En eigenlijk wat er gebeurt is elk van deze drie getallen 58 00:03:12,060 --> 00:03:17,380 hier overeen met een andere set van gebruikers 59 00:03:17,380 --> 00:03:19,420 dat deze rechten betrekking hebben. 60 00:03:19,420 --> 00:03:24,820 >> Zo kunt u eerst bedenken dat nummer correspondeert met de werkelijke gebruiker 61 00:03:24,820 --> 00:03:29,360 of de eigenaar van het bestand, de tweede nummer correspondeert met de groep, 62 00:03:29,360 --> 00:03:33,590 en de laatste verwijst aan de wereld, OK? 63 00:03:33,590 --> 00:03:39,995 Dus wat er gebeurt is onthouden die numbers-- r 4, w 2, 64 00:03:39,995 --> 00:03:42,550 x is 1, toch? 65 00:03:42,550 --> 00:03:46,630 Dit-- als je samenvatten deze up, dat geeft je dat eerste getal 66 00:03:46,630 --> 00:03:48,600 dat we zouden kunnen invoeren in onze chmod. 67 00:03:48,600 --> 00:03:52,191 >> Dus in dit geval, wat zou dit aantal zijn? 68 00:03:52,191 --> 00:03:57,030 Het zou 4 plus 2 plus 1, dat is een 7, toch? 69 00:03:57,030 --> 00:03:59,250 En in dit geval, deze hebben niets, 70 00:03:59,250 --> 00:04:06,450 dus dit hier zou doen vertalen naar chmod 700, OK? 71 00:04:06,450 --> 00:04:12,030 En wat dat doet is het verleent alle van deze machtigingen aan uw gebruiker. 72 00:04:12,030 --> 00:04:14,400 >> Dus dit betekent dat onze gebruiker kunnen doen wat ze willen. 73 00:04:14,400 --> 00:04:15,400 Ze kunnen dit bestand te lezen. 74 00:04:15,400 --> 00:04:16,810 Zij kunnen dit bestand uit te voeren. 75 00:04:16,810 --> 00:04:18,360 Ze kan schrijven naar dit bestand. 76 00:04:18,360 --> 00:04:23,545 Maar groep en de wereld geen permissies dan ook, OK? 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> Dus een andere manier om te schrijven dat, we kunnen doe chmod van drie cijfers, die elk 79 00:04:32,680 --> 00:04:40,040 overeen met de som ongeacht of die specifieke groep is, specifieke deelverzameling. 80 00:04:40,040 --> 00:04:44,870 Of we kunnen eigenlijk doen een ander ding. 81 00:04:44,870 --> 00:04:45,590 Hold on. 82 00:04:45,590 --> 00:04:49,330 We kunnen iets met deze hier te doen. 83 00:04:49,330 --> 00:04:55,615 >> Hoeveel van jullie een voorbeeld zag waar het was om een ​​plus x chmod? 84 00:04:55,615 --> 00:04:58,070 Heb je die in collegezaal, denk ik? 85 00:04:58,070 --> 00:05:00,610 Dus staat voor alle. 86 00:05:00,610 --> 00:05:04,990 Het betekent het aan alle gebruikers, die ik ben vergeten om hier te zetten. 87 00:05:04,990 --> 00:05:08,790 >> Maar een plus x, als we merkt hier, als we dat doen 88 00:05:08,790 --> 00:05:13,420 om chmod-- welke groep we zijn praten over plus de permissies 89 00:05:13,420 --> 00:05:14,660 we willen hen te geven. 90 00:05:14,660 --> 00:05:16,120 Dus dit kan een plus of een min worden. 91 00:05:16,120 --> 00:05:17,690 Plus voegt toestemming. 92 00:05:17,690 --> 00:05:19,510 Minus neemt toestemming weg. 93 00:05:19,510 --> 00:05:22,520 Vrij intuïtief, denk ik. 94 00:05:22,520 --> 00:05:25,720 >> Dus een plus x betekent chmod. 95 00:05:25,720 --> 00:05:32,260 Dus verander de permissies van alle mensen als dit een a-- add permissies. 96 00:05:32,260 --> 00:05:37,110 En x-- dat betekent wat toestemming zijn we het verlenen van iedereen. 97 00:05:37,110 --> 00:05:38,510 Lezen, schrijven of uit te voeren? 98 00:05:38,510 --> 00:05:39,360 >> Publiek: Uitvoeren. 99 00:05:39,360 --> 00:05:40,610 >> ALLISON Buchholtz-AU: Uitvoeren. 100 00:05:40,610 --> 00:05:46,080 Dus we geven alle gebruikers toestemming om dit bestand uit te voeren, OK? 101 00:05:46,080 --> 00:05:53,370 Dus wat als we wilden doen dat met de numerieke vorm? 102 00:05:53,370 --> 00:05:56,290 Dus vergeet niet met numerieke, we willen drie nummers. 103 00:05:56,290 --> 00:05:56,790 >> Publiek: 4. 104 00:05:56,790 --> 00:05:58,290 ALLISON Buchholtz-AU: Wat was dat? 105 00:05:58,290 --> 00:05:59,260 Publiek: 4. 106 00:05:59,260 --> 00:06:00,426 ALLISON Buchholtz-AU: Not 4. 107 00:06:00,426 --> 00:06:01,599 Publiek: 0, 0, 4. 108 00:06:01,599 --> 00:06:04,390 ALLISON Buchholtz-AU: Nou, we willen om het te geven aan alle gebruikers, toch? 109 00:06:04,390 --> 00:06:07,442 Dus we gaan te hebben een aantal in elke sleuf. 110 00:06:07,442 --> 00:06:09,400 Dat gaat het worden hetzelfde nummer in elke sleuf 111 00:06:09,400 --> 00:06:13,800 want we willen gewoon geven iedereen executable permissies. 112 00:06:13,800 --> 00:06:16,480 Dus uitvoerbaar is 1, maar op het juiste spoor. 113 00:06:16,480 --> 00:06:23,055 >> Dus als we chmod 111 dat zou doen zijn het equivalent van chmod een plus x. 114 00:06:23,055 --> 00:06:24,430 Is dat zinvol voor iedereen? 115 00:06:24,430 --> 00:06:26,910 We gaan om te gaan door een paar voorbeelden. 116 00:06:26,910 --> 00:06:29,860 >> Dus de grote afhaalrestaurant Hier is een niet op hier, 117 00:06:29,860 --> 00:06:33,360 maar betekent gewoon geef het aan alle gebruikers. 118 00:06:33,360 --> 00:06:36,610 u is als je gewoon wilt aan te geven of mee te nemen 119 00:06:36,610 --> 00:06:40,600 een specifieke toestemming van de gebruiker of de eigenaar. 120 00:06:40,600 --> 00:06:43,800 G is voor de groep, zodat middelste cijfer. 121 00:06:43,800 --> 00:06:49,440 En dan anderen die je kunt bedenken als de wereld, dat laatste cijfer. 122 00:06:49,440 --> 00:06:52,840 >> Dus met dat, gaan we naar een voorbeeld, want ik voel me als voorbeelden altijd 123 00:06:52,840 --> 00:06:56,240 maken deze dingen makkelijker te begrijpen. 124 00:06:56,240 --> 00:07:01,240 Dus rwx-- we door dit-- ging kan ook vertegenwoordigen als 700. 125 00:07:01,240 --> 00:07:05,070 Dat is het voorbeeld dat we keken bij meer van het beeld. 126 00:07:05,070 --> 00:07:09,990 Dus chmod 444 op sommige bestand zou geven welke permissies? 127 00:07:09,990 --> 00:07:11,947 Je was echt dicht. 128 00:07:11,947 --> 00:07:13,030 Publiek: Leesbaar voor iedereen. 129 00:07:13,030 --> 00:07:14,321 ALLISON Buchholtz-AU: leesbaar. 130 00:07:14,321 --> 00:07:15,660 Dus leesbaar voor iedereen, toch? 131 00:07:15,660 --> 00:07:17,910 En wat is dan een andere manier om dat te doen? 132 00:07:17,910 --> 00:07:23,070 Als we willen chmod doen met ofwel r of w's, plus en minnen, 133 00:07:23,070 --> 00:07:25,300 wat zou dat gesprek eruit? 134 00:07:25,300 --> 00:07:27,336 Het zou worden chmod wat? 135 00:07:27,336 --> 00:07:28,590 >> Publiek: een plus r. 136 00:07:28,590 --> 00:07:32,900 >> ALLISON Buchholtz-AU: een plus r op de 5. 137 00:07:32,900 --> 00:07:40,980 OK, dus dit is hetzelfde als deze, slechts twee verschillende vertalingen 138 00:07:40,980 --> 00:07:42,500 van hetzelfde. 139 00:07:42,500 --> 00:07:45,650 Dus met dat, wij hebben deze. 140 00:07:45,650 --> 00:07:50,310 Dus ik wil jullie om te proberen en te schrijven deze soort in hun tegenovergestelde manier. 141 00:07:50,310 --> 00:07:53,710 >> Dus met chmod 555, wat zou het zijn? 142 00:07:53,710 --> 00:07:56,704 Zou het een plus of u plus of wat? 143 00:07:56,704 --> 00:07:58,370 For u plus x, geef mij de drie nummers. 144 00:07:58,370 --> 00:08:03,530 En dan vertel me over welke permissies we zijn eigenlijk de toekenning en op wie? 145 00:08:03,530 --> 00:08:06,600 >> Dus zal ik jullie twee geven minuten aan werken. 146 00:08:06,600 --> 00:08:08,160 Voel je vrij om met elkaar te praten. 147 00:08:08,160 --> 00:08:11,910 Voor degenen onder u die in een beetje kwam laat, er is snoep en overhemden. 148 00:08:11,910 --> 00:08:14,590 We hebben drie overhemden verlaten, en we hebben Kit Kats en Starbursts. 149 00:08:14,590 --> 00:08:17,630 Dus voel je vrij om grab komen sommigen in dit kleine intermezzo. 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> Ook de laatste is lastig. 152 00:09:04,440 --> 00:09:06,670 Het is twee chmods voor de laatste. 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 Eigenlijk, laat me die deur sluiten terwijl jullie bezig zijn dat. 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 Candy is altijd nodig op maandagmiddag. 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> OK, dus chmod 555. 159 00:09:34,756 --> 00:09:36,380 Wat is een andere manier kunnen we schrijven dat? 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 Het even welke ideeën? 162 00:09:41,790 --> 00:09:42,290 Ja. 163 00:09:42,290 --> 00:09:43,280 >> Publiek: een 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 Wilt u uitleggen waarom het zou worden rx? 166 00:09:47,290 --> 00:09:49,570 >> Publiek: Omdat je 5, dus dat is 4 plus 1, 167 00:09:49,570 --> 00:09:51,734 dus dat is te lezen plus uitvoerbaar, en het is voor iedereen. 168 00:09:51,734 --> 00:09:52,900 ALLISON Buchholtz-AU: Right. 169 00:09:52,900 --> 00:09:58,540 Dus gewoon om te herhalen, 5 hier we kennen als de som van 4 en 1, 170 00:09:58,540 --> 00:10:04,760 omdat elk getal in ons trio is het som van de rechten voor die subgroep, 171 00:10:04,760 --> 00:10:05,260 toch? 172 00:10:05,260 --> 00:10:07,070 Ofwel de gebruiker, de groep, of de wereld. 173 00:10:07,070 --> 00:10:11,160 Dus in dit geval, we weten dat 5 moet worden gevormd door 4 en 1. 174 00:10:11,160 --> 00:10:15,240 >> En 4 en 1 overeen met leesbaar en uitvoerbaar. 175 00:10:15,240 --> 00:10:21,717 We zijn het geven aan iedereen, zodat we kunnen doen chmod een plus rx. 176 00:10:21,717 --> 00:10:24,050 En natuurlijk, we gingen gewoon door de vragen daar, 177 00:10:24,050 --> 00:10:28,810 dus nu dit bestand uitvoerbaar en leesbaar voor iedereen. 178 00:10:28,810 --> 00:10:31,120 >> Dus hoe zit het met de tweede? 179 00:10:31,120 --> 00:10:32,900 Wat zou het aantal voor die ene zijn? 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 Het even welke ideeën? 182 00:10:37,180 --> 00:10:37,680 Ga je gang. 183 00:10:37,680 --> 00:10:38,600 >> Publiek: 100 [onverstaanbaar]. 184 00:10:38,600 --> 00:10:39,683 >> ALLISON Buchholtz-AU: 100. 185 00:10:39,683 --> 00:10:40,270 Precies. 186 00:10:40,270 --> 00:10:42,455 Dus wilt u uitleggen waarom 100? 187 00:10:42,455 --> 00:10:45,080 Publiek: Omdat het voor de gebruiker, dus het is in eerste positie. 188 00:10:45,080 --> 00:10:47,371 En dan x executable is 1. 189 00:10:47,371 --> 00:10:48,620 ALLISON Buchholtz-AU: Precies. 190 00:10:48,620 --> 00:10:53,120 Dus we zijn het verlenen van uitvoerbare toestemmingen om gewoon de gebruiker. 191 00:10:53,120 --> 00:10:55,100 Dus in dit geval, zou het 100. 192 00:10:55,100 --> 00:10:57,570 En ik heb alle antwoorden omhoog op de volgende dia in geval 193 00:10:57,570 --> 00:11:00,060 je schrijft veel dingen af. 194 00:11:00,060 --> 00:11:08,410 >> OK, dus dit volgende wordt eigenlijk gedaan met twee chmods, kon je het doet. 195 00:11:08,410 --> 00:11:11,120 Dus heeft iemand nog enig idee hoe je misschien 196 00:11:11,120 --> 00:11:14,150 krijgen chmod 640 herschreven in de andere kant op? 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 U kunt de gebruiker eerst en dan veranderen u kunt veranderen van de groep is mijn hint. 199 00:11:22,820 --> 00:11:29,740 >> Dus als we alleen het veranderen van de gebruiker, die deze eerste hier, 200 00:11:29,740 --> 00:11:33,830 wat zou onze oproep zijn? 201 00:11:33,830 --> 00:11:36,080 Dus gebruiker is u, nietwaar? 202 00:11:36,080 --> 00:11:38,780 Dus chmod u plus wat? 203 00:11:38,780 --> 00:11:39,280 Mmhmm? 204 00:11:39,280 --> 00:11:40,469 >> Publiek: rw. 205 00:11:40,469 --> 00:11:41,510 ALLISON Buchholtz-AU: rw. 206 00:11:41,510 --> 00:11:47,470 Rechts, voor lezen en schrijven, want lezen is 4, w 2, die som bij elkaar als 6. 207 00:11:47,470 --> 00:11:52,760 Dus krijgen we chmod u plus rw, en krijgen we onze eerste 6 daar. 208 00:11:52,760 --> 00:11:56,860 >> Dus dan naar de 4 te krijgen, willen we nu om onze groep te wijzigen. 209 00:11:56,860 --> 00:12:00,960 Dus we gaan naar chmod g plus wat te doen? 210 00:12:00,960 --> 00:12:02,380 Wat is een 4? 211 00:12:02,380 --> 00:12:03,040 >> Publiek: r. 212 00:12:03,040 --> 00:12:04,040 ALLISON Buchholtz-AU: r. 213 00:12:04,040 --> 00:12:05,070 Precies. 214 00:12:05,070 --> 00:12:09,140 Dus we geven de eigenaar lezen en schrijven permissies 215 00:12:09,140 --> 00:12:13,141 en we geven de groep gelezen toestemmingen, die we allemaal hier. 216 00:12:13,141 --> 00:12:13,640 Mmhmm? 217 00:12:13,640 --> 00:12:17,740 >> PUBLIEK: Als je iets kan schrijven, sluit het je kan het uit te voeren? 218 00:12:17,740 --> 00:12:20,700 >> ALLISON Buchholtz-AU: U kan schrijven naar something-- 219 00:12:20,700 --> 00:12:22,900 Ik geloof niet dat het houdt u het uit te voeren. 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 Dus dat is alles wat we gingen gewoon door. 223 00:12:29,620 --> 00:12:33,075 Dus deze volgende, het gewoon een soort van gemeenschappelijke gevallen 224 00:12:33,075 --> 00:12:35,200 dat u wilt in te houden erg voor je probleem te stellen. 225 00:12:35,200 --> 00:12:39,800 Dit zijn meestal de permissies dat we graag willen dat u gebruikt. 226 00:12:39,800 --> 00:12:44,900 >> Dus voor 711, dat geeft ons natuurlijk user 227 00:12:44,900 --> 00:12:47,720 alle toestemmingen, die heeft de neiging om zin te maken. 228 00:12:47,720 --> 00:12:51,920 En dan is het uitvoerbaar door de groep in de wereld, wat logisch is 229 00:12:51,920 --> 00:12:56,150 als je een aantal directory, je willen kunnen doorlopen in. 230 00:12:56,150 --> 00:12:58,160 Mensen moeten toegang. 231 00:12:58,160 --> 00:13:04,680 >> Voor elke niet-PHP-bestand, je gaat te gebruiken 644, die wat zou doen? 232 00:13:04,680 --> 00:13:07,560 Wat betekent dat impliceren, of wat permissies geeft dat? 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 Zodat de eigenaar kan wat? 235 00:13:14,409 --> 00:13:15,450 PUBLIEK: lezen en schrijven. 236 00:13:15,450 --> 00:13:16,991 ALLISON Buchholtz-AU: lezen en schrijven. 237 00:13:16,991 --> 00:13:21,560 En dan de groep en anderen kan het gewoon lezen, toch? 238 00:13:21,560 --> 00:13:25,660 En dan chmod 600 voor elke PHP bestanden die u wilt gebruiken, 239 00:13:25,660 --> 00:13:27,980 je eigenaar, nogmaals, kan lezen en schrijven naar het 240 00:13:27,980 --> 00:13:32,310 maar iedereen is gewoon een soort van afgesloten. 241 00:13:32,310 --> 00:13:34,540 >> Zo zal dit ook daadwerkelijk nuttiger wanneer 242 00:13:34,540 --> 00:13:37,700 u krijgt om uw probleem set volgende week waar 243 00:13:37,700 --> 00:13:40,290 je bent eigenlijk het bouwen van een website. 244 00:13:40,290 --> 00:13:43,100 Dus als je ooit tegenkomen elke vreemde problemen 245 00:13:43,100 --> 00:13:45,970 waar het niet laden correct, misschien heb je 246 00:13:45,970 --> 00:13:50,670 nodig hebt om een ​​uitvoerbaar voegen toestemming, of misschien heb je een read nodig 247 00:13:50,670 --> 00:13:52,990 of schrijf toestemming. 248 00:13:52,990 --> 00:13:56,980 Kleine dingen die de neiging hebben om mensen struikelen up, maar dat is net zoiets als de go-to 249 00:13:56,980 --> 00:13:58,564 als je volgende week pset beginnen. 250 00:13:58,564 --> 00:14:00,730 En ik zou je meer te geven tips over deze week PSET, 251 00:14:00,730 --> 00:14:05,010 maar ik heb nog te kijken naar het sinds het werd vanochtend vrijgelaten. 252 00:14:05,010 --> 00:14:10,600 Maar je me mailen, ik zal gekeken hebben bij het tegen de tijd dat ik reageer morgen. 253 00:14:10,600 --> 00:14:14,310 >> Dus nu is iedereen goed met chmod? 254 00:14:14,310 --> 00:14:16,040 Alle resterende vragen? 255 00:14:16,040 --> 00:14:17,240 Vrij eenvoudig. 256 00:14:17,240 --> 00:14:20,620 Gewoon een soort van het bijhouden van wat lezen, schrijven en uitvoeren nummers zijn 257 00:14:20,620 --> 00:14:23,660 is waarschijnlijk het moeilijkste deel. 258 00:14:23,660 --> 00:14:29,620 >> Dus met TCP / IP, al deze protocollen, net zoiets als met je datastructuren 259 00:14:29,620 --> 00:14:31,990 vorige week, het is veel meer belangrijk om soort te krijgen 260 00:14:31,990 --> 00:14:33,900 een hoger niveau intuïtie van hen. 261 00:14:33,900 --> 00:14:37,390 Dit is niet CS143 waar we heen gaan om u te vragen om de uitvoering van een netwerk, 262 00:14:37,390 --> 00:14:39,870 dus je zult prima als zijn je begrijpt het niet 263 00:14:39,870 --> 00:14:42,900 de Nitty Gritty van alle protocollen. 264 00:14:42,900 --> 00:14:46,050 Wat is belangrijk om te begrijpen is net zoiets als wat ze vertegenwoordigen 265 00:14:46,050 --> 00:14:47,300 en waarom ze belangrijk zijn. 266 00:14:47,300 --> 00:14:52,320 >> Dus TCP / IP, natuurlijk, is de Transmission Control Protocol 267 00:14:52,320 --> 00:14:57,270 of Internet Protocol, eigenlijk gewoon een reeks wetten in principe 268 00:14:57,270 --> 00:15:00,800 of normen die vertellen data hoe het moet worden behandeld, 269 00:15:00,800 --> 00:15:04,900 hoe het moet worden tot pakketten, verzonden en ontvangen. 270 00:15:04,900 --> 00:15:09,200 Dus eigenlijk, zoals het zegt hier, verhoogt de kans op 271 00:15:09,200 --> 00:15:12,950 dat data wordt wanneer je wilt dat het te krijgen. 272 00:15:12,950 --> 00:15:15,950 >> Ik weet zeker dat als jullie naar lezing of zag het online, 273 00:15:15,950 --> 00:15:18,232 hij has-- weet ik niet als hij deed het dit jaar, 274 00:15:18,232 --> 00:15:20,940 maar ik weet van vorig jaar, had hij een demo waar hij een foto van Rob had 275 00:15:20,940 --> 00:15:23,320 en hij ontleedt tot vier en zet het in enveloppen 276 00:15:23,320 --> 00:15:26,590 en probeerde om het te krijgen over Sanders. 277 00:15:26,590 --> 00:15:29,430 En je kan soort denk aan het op die manier. 278 00:15:29,430 --> 00:15:35,400 Het is gewoon een set van regels die gegevens vertellen hoe ergens te krijgen 279 00:15:35,400 --> 00:15:37,640 en laat u weten of je mist data, 280 00:15:37,640 --> 00:15:40,460 op dezelfde manier dat als je het nemen van meerdere pagina's met aantekeningen 281 00:15:40,460 --> 00:15:46,490 en je ze te labelen met pagina 104, pagina 204, en ga je terug naar later studeren 282 00:15:46,490 --> 00:15:50,220 en je bent something-- vermist je kunt niet pagina vinden 304-- je weet 283 00:15:50,220 --> 00:15:53,310 er iets mis is, zodat u kunt kijken via uw notities 284 00:15:53,310 --> 00:15:58,666 opnieuw of vraag iemand om u opnieuw te verzenden de dictaten van die dag. 285 00:15:58,666 --> 00:16:00,290 Op dezelfde manier met de gegevens op het internet. 286 00:16:00,290 --> 00:16:03,220 Als ik vraag voor iets van enkele server 287 00:16:03,220 --> 00:16:05,377 en het moet sturen in meerdere pakketten, 288 00:16:05,377 --> 00:16:07,210 waarschijnlijk gaat om het aantal het in een manier laten 289 00:16:07,210 --> 00:16:12,430 me weten hoeveel ik had moeten ontvangen, en vertel me, oh, dit is één van de 10 290 00:16:12,430 --> 00:16:13,990 of is dit een van de 10.000. 291 00:16:13,990 --> 00:16:17,030 Op die manier als ik naar weer in elkaar zetten alle stukjes bij elkaar, 292 00:16:17,030 --> 00:16:21,504 Ik weet dat als er ontbreekt iets en ik kan opnieuw vragen voor. 293 00:16:21,504 --> 00:16:22,730 Heeft dat zin? 294 00:16:22,730 --> 00:16:23,610 Gewoon een set van regels. 295 00:16:23,610 --> 00:16:28,120 Op haar basis, set van regels, OK? 296 00:16:28,120 --> 00:16:31,360 >> Dus spraken we ook een beetje over poorten. 297 00:16:31,360 --> 00:16:36,150 Dit is eigenlijk gewoon een standaard die laat je weten wat voor soort data 298 00:16:36,150 --> 00:16:38,650 wordt overgedragen in deze pakketten. 299 00:16:38,650 --> 00:16:40,790 Als we gaan met onze envelop bijvoorbeeld, doen we niet 300 00:16:40,790 --> 00:16:43,510 weet dat het een foto van Rob daar tenzij we schrijven 301 00:16:43,510 --> 00:16:45,480 op de buitenkant van onze envelop. 302 00:16:45,480 --> 00:16:47,100 Dus poorten zijn in principe hetzelfde. 303 00:16:47,100 --> 00:16:51,670 Het is gewoon een manier om erachter te komen wat type van de gegevens overgebracht. 304 00:16:51,670 --> 00:16:56,260 >> Dus we hebben al de meest voorkomende hier. 305 00:16:56,260 --> 00:16:59,790 Dus 21-- deze zijn ook soort van als goede dingen om te weten. 306 00:16:59,790 --> 00:17:01,560 Het is een soort van een eenvoudig quizvraag. 307 00:17:01,560 --> 00:17:03,590 Wees als, wat doet poort 80 te doen? 308 00:17:03,590 --> 00:17:06,970 Of, wat doet poort 443 te doen? 309 00:17:06,970 --> 00:17:09,359 Dus goede dingen om te weten. 310 00:17:09,359 --> 00:17:12,569 >> Dus we hebben hier 21 is bestand transfer protocol, dus gewoon 311 00:17:12,569 --> 00:17:15,050 de regels die bestandsoverdracht regeren. 312 00:17:15,050 --> 00:17:19,550 25, iets dat we allemaal gebruiken veel te veel, is e-mail. 313 00:17:19,550 --> 00:17:22,790 53 is de domeinnaam systeem, die in feite 314 00:17:22,790 --> 00:17:26,910 gewoon een soort van een lookup voor de IP-adres van een domeinnaam. 315 00:17:26,910 --> 00:17:29,900 >> Dus ik ben er vrij zeker van dat het was in collegezaal genoemd, als u 316 00:17:29,900 --> 00:17:33,960 ga naar iets als google.com, het heeft een IP-adres 317 00:17:33,960 --> 00:17:35,818 die wordt geassocieerd met het. 318 00:17:35,818 --> 00:17:37,026 Het is eigenlijk niet google.com. 319 00:17:37,026 --> 00:17:40,720 En dus 53 is de poort dat eigenlijk kost 320 00:17:40,720 --> 00:17:44,050 zorg voor soort vertalen in dat IP-adres voor je. 321 00:17:44,050 --> 00:17:47,830 En dan 80 en 443 zijn zeer algemeen. 322 00:17:47,830 --> 00:17:50,710 Of je hebt je webpagina of je hebt je beveiligde webpagina, 323 00:17:50,710 --> 00:17:56,100 die veel webpagina's zijn overbrengen naar nu. 324 00:17:56,100 --> 00:18:02,540 >> Dus dat is een soort van hoog niveau overzicht van transfer protocol. 325 00:18:02,540 --> 00:18:05,170 Ik zie niet veel meer in de diepte. 326 00:18:05,170 --> 00:18:07,320 Het is een soort van cool stuff als je geïnteresseerd bent. 327 00:18:07,320 --> 00:18:08,590 Er is genoeg van de middelen. 328 00:18:08,590 --> 00:18:10,780 Wikipedia eigenlijk is een vrij goede pagina. 329 00:18:10,780 --> 00:18:13,850 Dus ik was op zoek naar het gewoon een tijdje geleden, 330 00:18:13,850 --> 00:18:16,580 dus ik zou sterk aanbevelen naar te kijken als je geïnteresseerd bent 331 00:18:16,580 --> 00:18:22,160 of neem 143 in twee jaar, omdat Ik denk dat het om het andere jaar. 332 00:18:22,160 --> 00:18:27,590 >> Dus aan het einde van deze, we zijn het over webpagina's en HTTP, 333 00:18:27,590 --> 00:18:33,790 dat is eigenlijk onze volgende onderwerp voor vandaag voordat we gaan in HTML en CSS 334 00:18:33,790 --> 00:18:37,920 en je kunt eigenlijk coderen van een webpagina. 335 00:18:37,920 --> 00:18:38,650 Het zal leuk zijn. 336 00:18:38,650 --> 00:18:42,220 We zullen foto's van hebben konijntjes en het zal geweldig zijn. 337 00:18:42,220 --> 00:18:48,630 >> Dus HTTP, zoals je hier kunt zien, is een van de mooie acroniemen 338 00:18:48,630 --> 00:18:53,220 deze week, wat Hypertext Transfer Protocol. 339 00:18:53,220 --> 00:18:57,940 Dus nogmaals, het is gewoon een andere set van regels die 340 00:18:57,940 --> 00:19:01,440 regeert hypertext overdragen, in dit geval. 341 00:19:01,440 --> 00:19:04,120 Dus beste manier om te leren over dit is gewoon een soort van 342 00:19:04,120 --> 00:19:07,650 om het af te breken in deze individuele woorden 343 00:19:07,650 --> 00:19:10,770 want er zijn een heleboel woorden op het scherm daar. 344 00:19:10,770 --> 00:19:13,290 >> Dus we gaan beginnen met hypertext. 345 00:19:13,290 --> 00:19:17,630 Dus "hyper," je kunt bedenken "Boven", zoals super-type ding. 346 00:19:17,630 --> 00:19:24,615 Dus het is echt alleen tekst genomen om de volgende niveau, dus het is net als super tekst, 347 00:19:24,615 --> 00:19:27,850 zoals de volgende tekst. 348 00:19:27,850 --> 00:19:34,890 Dus het is eigenlijk gewoon tekst, dat geeft ons 349 00:19:34,890 --> 00:19:37,490 meer informatie dan normale tekst doet, OK? 350 00:19:37,490 --> 00:19:40,510 >> Dus in dit geval hier, dit is hypertext. 351 00:19:40,510 --> 00:19:45,710 Dit vertelt ons dat we hebben enkele link die wij gaan, 352 00:19:45,710 --> 00:19:49,620 die cs50.net die is nu cs50.harvard.edu. 353 00:19:49,620 --> 00:19:51,420 Deze dia's zijn een beetje oud. 354 00:19:51,420 --> 00:19:55,330 En het gaat om te laten zien als dit als een hyperlink, 355 00:19:55,330 --> 00:19:58,140 en vervolgens een echt cool website. 356 00:19:58,140 --> 00:20:02,080 >> Dus het is tekst, die een beetje beetje echt coole dingen in daar. 357 00:20:02,080 --> 00:20:08,170 Zodat je dingen kunt koppelen en je kunt afbeeldingen invoegen en je kunt dingen stylen. 358 00:20:08,170 --> 00:20:11,740 En de meest vertrouwde ding dat je jongens hebben waarschijnlijk met hypertext 359 00:20:11,740 --> 00:20:19,100 is HyperText Markup Language, HTML, die uiteraard alle web 360 00:20:19,100 --> 00:20:23,080 dat we om ons heen zien, verleend met enkele CSS stijl gegooid. 361 00:20:23,080 --> 00:20:25,580 >> Maar als er iemand was echt groot met MySpace, 362 00:20:25,580 --> 00:20:28,240 Ik weet zeker dat je alle gebruikte HTML alle tijd te creëren 363 00:20:28,240 --> 00:20:30,640 die perfecte profielen, toch? 364 00:20:30,640 --> 00:20:34,930 Ik voel me als dat zou kunnen zijn van een achterhaalde referentie nu, maar wat. 365 00:20:34,930 --> 00:20:37,780 Gewoon een little-- jullie zijn niet zo veel jonger. 366 00:20:37,780 --> 00:20:40,480 Sommigen van jullie zijn ouder dan ik. 367 00:20:40,480 --> 00:20:42,480 MySpace was nog een ding toen ik jong was. 368 00:20:42,480 --> 00:20:44,510 Ik ben niet zo oud. 369 00:20:44,510 --> 00:20:49,265 >> Anyways, HTML gewoon een vorm van hypertext. 370 00:20:49,265 --> 00:20:55,640 Dus hypertext is gewoon tekst met extra functies. 371 00:20:55,640 --> 00:21:01,790 Dus transfer protocol is waarschijnlijk de meer dubieus ding uit te leggen. 372 00:21:01,790 --> 00:21:04,870 Uiteraard transfer-- slechts overdragen van gegevens. 373 00:21:04,870 --> 00:21:09,370 Dus ofwel tussen de cliënt, zoals uw web broer, en een server. 374 00:21:09,370 --> 00:21:12,090 Dus eigenlijk gewoon de manier waarop het internet werkt. 375 00:21:12,090 --> 00:21:16,339 >> Dus de exacte vraag van hoe deze werken, zijn we 376 00:21:16,339 --> 00:21:18,755 eigenlijk gaan kijken naar een Bijvoorbeeld verzoek en reactie. 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 Maar hoe we vragen informatie van een server 379 00:21:25,220 --> 00:21:30,590 en hoe reageert de server voor ons is wat deze transfer protocol beheerst. 380 00:21:30,590 --> 00:21:35,320 Dus de aanvraag en de respons op deze specifieke set van regels te volgen. 381 00:21:35,320 --> 00:21:38,340 Het is zo gestandaardiseerd dat het niet uitmaakt waar je met behulp van het internet, 382 00:21:38,340 --> 00:21:40,720 het werkt altijd hetzelfde, OK? 383 00:21:40,720 --> 00:21:43,220 >> Nogmaals, het protocol, set van regels. 384 00:21:43,220 --> 00:21:45,620 Het is gewoon een normale interactie op dezelfde wijze 385 00:21:45,620 --> 00:21:49,500 dat Professor Malan praat over als iemand breidt hun hand, 386 00:21:49,500 --> 00:21:52,880 je weet dat het gemeenschappelijke hoffelijkheid om bereiken van jou uit en schudden hun hand. 387 00:21:52,880 --> 00:21:54,580 Dat is een protocol, toch? 388 00:21:54,580 --> 00:21:59,060 >> Dus ik geef een aantal gestandaardiseerde verzoek, dat is Ik wil je hand te schudden, 389 00:21:59,060 --> 00:22:01,975 en je geeft een aantal gestandaardiseerde reactie, die ofwel geen dank 390 00:22:01,975 --> 00:22:04,600 of je zou kunnen proberen en schud mijn hand of misschien bent u gaan proberen 391 00:22:04,600 --> 00:22:06,490 en fist bump me. 392 00:22:06,490 --> 00:22:08,320 En we hebben geen protocol voor. 393 00:22:08,320 --> 00:22:09,360 Het breekt. 394 00:22:09,360 --> 00:22:12,030 Maar als iedereen volgt de hetzelfde protocol, natuurlijk 395 00:22:12,030 --> 00:22:14,250 het gaat veel meer naadloos. 396 00:22:14,250 --> 00:22:15,590 Mensen krijgen om elkaar te leren kennen. 397 00:22:15,590 --> 00:22:16,830 Iedereen is blij. 398 00:22:16,830 --> 00:22:20,750 >> Dus in de wereld van het web, iedereen volgt dezelfde rules-- 399 00:22:20,750 --> 00:22:22,940 iets beter dan de sociale normen. 400 00:22:22,940 --> 00:22:26,950 Maar met dat zullen we kijken naar een voorbeeld verzoek hier. 401 00:22:26,950 --> 00:22:30,020 Dus er is dit kleine belangrijkste hier op bodem 402 00:22:30,020 --> 00:22:34,990 dat vertelt je de verschillende kleuren, wat ze te betekenen. 403 00:22:34,990 --> 00:22:38,290 >> Dus wit is net als uw methode aanvraag en protocol version-- 404 00:22:38,290 --> 00:22:42,400 dus methode verzoek versie. 405 00:22:42,400 --> 00:22:44,630 En dan is dit wat veldnaam en de waarde 406 00:22:44,630 --> 00:22:47,630 van dat veld, die we zullen gaan in zeer, zeer binnenkort. 407 00:22:47,630 --> 00:22:49,840 Dit is dus een voorbeeld aanvraag. 408 00:22:49,840 --> 00:22:54,470 Dit is zoals ik breiden uit, wil me even voorstellen. 409 00:22:54,470 --> 00:22:58,507 >> Dit is wat de klant of wat je webbrowser 410 00:22:58,507 --> 00:22:59,840 zou sturen naar je server. 411 00:22:59,840 --> 00:23:04,500 Dus dit is een GET-verzoek, dus het is iets vragen van de server. 412 00:23:04,500 --> 00:23:09,690 En het is natuurlijk HTTP en het is versie 1.1. 413 00:23:09,690 --> 00:23:16,060 >> Dus de rest van dit hier is wat wij noemen de header, en de extra informatie 414 00:23:16,060 --> 00:23:20,050 dat geeft ons een beter idee van wat we eigenlijk vragen om, 415 00:23:20,050 --> 00:23:23,190 of informatie die we willen geven de server die mogelijk relevant. 416 00:23:23,190 --> 00:23:32,880 Dus User-Agent geeft wat meer beschrijving on-- bijvoorbeeld hier, 417 00:23:32,880 --> 00:23:38,720 krul / 7.24.0 is eigenlijk ga vertellen de server die we met behulp van Google 418 00:23:38,720 --> 00:23:40,700 Chrome als onze browser. 419 00:23:40,700 --> 00:23:43,290 Dus als je ooit gehoord over mensen die praten 420 00:23:43,290 --> 00:23:48,160 over het maken van een app responsieve meerdere browsers, 421 00:23:48,160 --> 00:23:50,330 dit is iets dat ze zou want gebruiken als u 422 00:23:50,330 --> 00:23:53,000 weet niet wat browser het verzoek vandaan komt, 423 00:23:53,000 --> 00:23:55,050 U kan de gegevens niet af te stemmen op dat. 424 00:23:55,050 --> 00:23:57,690 Dus in dit geval, de gebruiker is alleen het geven van dit soort 425 00:23:57,690 --> 00:24:01,030 van identificatiegegevens over wat browser 426 00:24:01,030 --> 00:24:06,510 uw gebruiker gebruikt momenteel, OK? 427 00:24:06,510 --> 00:24:11,640 >> Dus dan hebben we ook gastheer, dat is waar we eigenlijk nu willen gaan naar. 428 00:24:11,640 --> 00:24:15,280 In dit geval, we willen naar apple.com, koop een paar leuke nieuwe iPads 429 00:24:15,280 --> 00:24:19,540 of iets, misschien schattig lichten op onze slaapzalen. 430 00:24:19,540 --> 00:24:24,900 En de naam van de waarde aan het einde is gewoon een vulmiddel, maar een algemene ding 431 00:24:24,900 --> 00:24:25,760 voor jullie om te zien. 432 00:24:25,760 --> 00:24:28,240 Het doet niet echt overeen met iets hier. 433 00:24:28,240 --> 00:24:32,360 >> Dus je kunt zo veel of zo hebben weinig als je wilt in elk geval. 434 00:24:32,360 --> 00:24:36,990 Meestal, deze zijn optioneel. 435 00:24:36,990 --> 00:24:41,780 Het is maar net wat je nodig hebt van de browser, 436 00:24:41,780 --> 00:24:45,120 van uw gebruiker om het verzoek naar behoren te geven. 437 00:24:45,120 --> 00:24:48,970 Of het hangt af van wat uw gebruiker eigenlijk wil geven aan de server. 438 00:24:48,970 --> 00:24:54,550 Dus je kan hebben vele, vele van deze header veldnamen 439 00:24:54,550 --> 00:24:57,140 of je kan gewoon een paar. 440 00:24:57,140 --> 00:24:59,630 Zoals met zoveel dingen Ik heb gezegd in deze sectie, 441 00:24:59,630 --> 00:25:03,590 het is echt afhankelijk van de context van hoe je met behulp van deze. 442 00:25:03,590 --> 00:25:06,810 >> Dus doet dat zinvol is voor iedereen? 443 00:25:06,810 --> 00:25:11,463 Dit is slechts een voorbeeld van een verzoek, headers, wat al niet. 444 00:25:11,463 --> 00:25:16,910 OK, dus met dat, we hebben enkele reactie. 445 00:25:16,910 --> 00:25:20,510 >> Nogmaals, we hebben onze status code, protocol versie, en dan de naam en het veld veld 446 00:25:20,510 --> 00:25:21,700 waarderen zoals altijd. 447 00:25:21,700 --> 00:25:25,500 Dus ons protocol versie en onze status code is 200. 448 00:25:25,500 --> 00:25:28,610 OK, waardoor, ja, alles ging goed. 449 00:25:28,610 --> 00:25:30,230 Hier is wat je wilt. 450 00:25:30,230 --> 00:25:33,750 >> Het type server, de inhoud type-- het ons vertelt, OK, je bent 451 00:25:33,750 --> 00:25:37,210 ga wat tekst HTML te krijgen. 452 00:25:37,210 --> 00:25:40,520 Hier is de lengte van het en hier is wat je moet doen met de verbinding. 453 00:25:40,520 --> 00:25:43,004 OK, dus nogmaals, afhankelijk op de gegevens die u bent 454 00:25:43,004 --> 00:25:45,670 vragen om, afhankelijk van de server wil terugkeren naar u, 455 00:25:45,670 --> 00:25:49,440 je kan meer van deze veld hebben namen, zou je minder hebt. 456 00:25:49,440 --> 00:25:53,950 Totally context afhankelijk. 457 00:25:53,950 --> 00:25:56,650 >> En voor zover deze status code hier natuurlijk 458 00:25:56,650 --> 00:25:59,590 200 is niet de enige je zou kunnen hebben, toch? 459 00:25:59,590 --> 00:26:01,580 We hebben veel statuscodes. 460 00:26:01,580 --> 00:26:06,120 Is er iemand die een van de onthouden anderen dat we in collegezaal vermeld? 461 00:26:06,120 --> 00:26:08,310 Veel van hen beginnen met 4. 462 00:26:08,310 --> 00:26:09,680 >> Publiek: 404. 463 00:26:09,680 --> 00:26:11,310 >> ALLISON Buchholtz-AU: 404, dat is? 464 00:26:11,310 --> 00:26:12,140 >> Publiek: Bestand niet gevonden? 465 00:26:12,140 --> 00:26:13,250 >> ALLISON Buchholtz-AU: File not found. 466 00:26:13,250 --> 00:26:14,120 Precies. 467 00:26:14,120 --> 00:26:15,587 Dus hoe zit het met 403? 468 00:26:15,587 --> 00:26:16,420 Publiek: Verboden. 469 00:26:16,420 --> 00:26:17,120 ALLISON Buchholtz-AU: Verboden. 470 00:26:17,120 --> 00:26:18,695 Dus wat denk je dat betekent met chmods? 471 00:26:18,695 --> 00:26:20,890 >> Publiek: Het betekent dat je geen toestemming om het te lezen niet. 472 00:26:20,890 --> 00:26:22,400 >> ALLISON Buchholtz-AU: Precies. 473 00:26:22,400 --> 00:26:25,190 Op een bepaalde manier, hoef je niet toestemming om toegang te krijgen, toch? 474 00:26:25,190 --> 00:26:27,242 Dus 404, 403. 475 00:26:27,242 --> 00:26:28,950 Er is een echt grappig een die we altijd 476 00:26:28,950 --> 00:26:31,116 per jaar te introduceren dat Ik zou hier kunnen zetten, 477 00:26:31,116 --> 00:26:33,370 als 413, dat is ik ben een theepot. 478 00:26:33,370 --> 00:26:34,390 U kunt deze google. 479 00:26:34,390 --> 00:26:38,490 Het is grappig als, dat is code 413 en het is ik ben een theepot. 480 00:26:38,490 --> 00:26:41,240 Waarvan ik weet niet waarom je dat zou ooit nodig dat op het internet, 481 00:26:41,240 --> 00:26:42,935 maar ik dwaal af. 482 00:26:42,935 --> 00:26:44,310 Publiek: Misschien bent u een pot thee. 483 00:26:44,310 --> 00:26:46,476 ALLISON Buchholtz-AU: Misschien de server is een theepot. 484 00:26:46,476 --> 00:26:47,890 Wie weet? 485 00:26:47,890 --> 00:26:51,840 Oké, dus we staan ​​op het punt om te overgang naar echte codering. 486 00:26:51,840 --> 00:26:54,750 Ik voel me als jullie gaan hier weg vrij snel. 487 00:26:54,750 --> 00:26:56,940 >> Publiek: Waarom doet het zeggen "server: twee keer? 488 00:26:56,940 --> 00:26:57,981 >> ALLISON Buchholtz-AU: Hm? 489 00:26:57,981 --> 00:27:00,350 Server twee keer? 490 00:27:00,350 --> 00:27:03,750 Dat is een goede vraag. 491 00:27:03,750 --> 00:27:04,630 Ik ben niet zeker. 492 00:27:04,630 --> 00:27:07,520 Ik zal te weten komen en Ik zal u alle e-mail. 493 00:27:07,520 --> 00:27:11,410 >> OK, andere vragen naast dat? 494 00:27:11,410 --> 00:27:12,310 Goed? 495 00:27:12,310 --> 00:27:14,390 Cool. 496 00:27:14,390 --> 00:27:17,280 >> HTML en CSS, en nu zijn we krijgen om al het plezier delen. 497 00:27:17,280 --> 00:27:21,697 Dus zoals ik al zei, HTML is waarschijnlijk een van de dingen 498 00:27:21,697 --> 00:27:23,030 jullie zijn het meest vertrouwd zijn. 499 00:27:23,030 --> 00:27:25,760 Dus hebben we HyperText Markup Language. 500 00:27:25,760 --> 00:27:29,900 >> De beste manier om dit-- leren doe ik niet hebt voorbereid dia's of iets 501 00:27:29,900 --> 00:27:31,480 voor jullie met HTML. 502 00:27:31,480 --> 00:27:33,640 Het is echt over het leren van de syntax. 503 00:27:33,640 --> 00:27:38,380 En als je in de MySpace dag, zou je dit moeten naar beneden. 504 00:27:38,380 --> 00:27:42,790 >> Dus echt, het grootste ding is gewoon om te oefenen en te experimenteren. 505 00:27:42,790 --> 00:27:48,000 Een van de grote middelen zou ik raden het gebruik is W3Schools. 506 00:27:48,000 --> 00:27:50,620 Dus gewoon W, 3, en vervolgens Scholen. 507 00:27:50,620 --> 00:27:54,810 Ze hebben veel middelen op HTML op CSS, 508 00:27:54,810 --> 00:27:58,970 en ze hebben een split screen soort dingen 509 00:27:58,970 --> 00:28:00,830 waar ze je voorbeeld code geven. 510 00:28:00,830 --> 00:28:03,290 Je kunt experimenteren met het, veranderen, en druk op Update, 511 00:28:03,290 --> 00:28:06,410 en het zal je laten zien wat het eigenlijk doet naar de webpagina. 512 00:28:06,410 --> 00:28:08,380 >> Dus ik zou aanraden met behulp van dat. 513 00:28:08,380 --> 00:28:11,300 Het is wel cool. 514 00:28:11,300 --> 00:28:14,560 U zult niet seg fouten krijgen hier als er dingen fout gaan. 515 00:28:14,560 --> 00:28:16,430 Als het je lukt om te krijgen een seg fout met HTML, 516 00:28:16,430 --> 00:28:19,446 laat het me weten, want ik ben gaat echt te worden geïntrigeerd. 517 00:28:19,446 --> 00:28:21,570 Maar het is echt cool, want kun je dingen veranderen, 518 00:28:21,570 --> 00:28:23,550 zie je ze levend bijgewerkt. 519 00:28:23,550 --> 00:28:26,210 En ik denk dat je krijgt een veel meer intuïtief begrip van HTML 520 00:28:26,210 --> 00:28:28,690 als je eigenlijk alleen maar geef wat tijd experimenteren. 521 00:28:28,690 --> 00:28:32,590 Dus dat is waarom ik zei, praktijk en experiment. 522 00:28:32,590 --> 00:28:34,490 >> Google, van hier op out, zal waarschijnlijk 523 00:28:34,490 --> 00:28:36,440 een van de beste middelen en vrienden. 524 00:28:36,440 --> 00:28:41,080 Of Bing-- Ik werk bij Microsoft, dus misschien moet ik zeggen Bing. 525 00:28:41,080 --> 00:28:45,590 Maar vrijwel alles is gewoon om syntax zijn, 526 00:28:45,590 --> 00:28:51,300 dus te begrijpen wat de tags zijn, understanding-- tenminste met CSS-- 527 00:28:51,300 --> 00:28:53,360 hoe je bepaalde attributen te veranderen. 528 00:28:53,360 --> 00:28:55,300 Het zal super handig. 529 00:28:55,300 --> 00:28:58,852 >> Dus hoewel we dat niet doen nog bereid dingen, 530 00:28:58,852 --> 00:29:02,060 we hebben soort van een aantal best practices dat willen we jullie om te proberen en zich houden 531 00:29:02,060 --> 00:29:06,640 by-- of beter gezegd, moet je houden aan tot nader order. 532 00:29:06,640 --> 00:29:09,722 Dus sluit al uw labels. 533 00:29:09,722 --> 00:29:12,930 Hopelijk iedereen has-- weet je wat, als dit heeft geen zin nu, 534 00:29:12,930 --> 00:29:15,388 Ik beloof het zal zinvol wanneer we het coderen van de pagina. 535 00:29:15,388 --> 00:29:16,680 Maar sluit al uw labels. 536 00:29:16,680 --> 00:29:20,410 Dus als je ooit wat hebben header dat is beugel, 537 00:29:20,410 --> 00:29:24,180 H1, beugel, zorg ervoor dat wanneer je klaar bent met dat, 538 00:29:24,180 --> 00:29:26,570 je sluit die header. 539 00:29:26,570 --> 00:29:30,260 Bevestig uw pagina met W3 Validator. 540 00:29:30,260 --> 00:29:34,689 Als u niet uw woorden sluiten, kunt u onverwacht gedrag te krijgen. 541 00:29:34,689 --> 00:29:37,730 Het zal zeggen dat uw pagina is ongeldig als je het uit te voeren door middel van deze validator. 542 00:29:37,730 --> 00:29:41,000 Dus toen in doubt-- en vooral op deze week en volgende week 543 00:29:41,000 --> 00:29:46,220 pset-- op dezelfde manier dat we vragen u om te gebruiken controleren 50 en stijl 50, 544 00:29:46,220 --> 00:29:49,130 je zou kunnen denken aan deze als een van uw cheques, OK? 545 00:29:49,130 --> 00:29:51,950 >> Dus als het niet voorbij de W3 Validator. 546 00:29:51,950 --> 00:29:53,810 Dat is iets wat we zullen je dock op. 547 00:29:53,810 --> 00:29:55,960 Of ik zeg het je recht nu, ik zal je dock op. 548 00:29:55,960 --> 00:29:58,202 Dus zorg ervoor dat het valideert. 549 00:29:58,202 --> 00:29:58,785 Het is niet moeilijk. 550 00:29:58,785 --> 00:30:01,530 Je plakt gewoon in je code en het zal ofwel zeggen goede baan 551 00:30:01,530 --> 00:30:03,630 of je mist iets dezelfde manier 552 00:30:03,630 --> 00:30:07,760 die stijl 50 vertelt u waar je verpesten. 553 00:30:07,760 --> 00:30:11,360 >> En dan nog een laatste ding is dat je wilt scheiden 554 00:30:11,360 --> 00:30:15,980 je markup, dat is alles wat HTML of uw tekst, en je styling. 555 00:30:15,980 --> 00:30:19,420 Dus zullen we een voorbeeld doen van dat recht na deze. 556 00:30:19,420 --> 00:30:21,830 Dus HTML en CSS moeten gescheiden zijn. 557 00:30:21,830 --> 00:30:26,030 En we gaan het hebben over MVC, dat is Model View Controller, 558 00:30:26,030 --> 00:30:27,100 volgende week. 559 00:30:27,100 --> 00:30:29,360 Jullie moet waarschijnlijk leren over dat in collegezaal 560 00:30:29,360 --> 00:30:32,130 morgen als je moest al geleerd vandaag. 561 00:30:32,130 --> 00:30:34,250 >> En het is gewoon een soort van een paradigma dat we de neiging 562 00:30:34,250 --> 00:30:37,460 om te gebruiken bij het maken van web pagina's om dingen uit te scheiden. 563 00:30:37,460 --> 00:30:41,440 U kunt denken aan het op dezelfde manier dat we de neiging om verschillende functies in C 564 00:30:41,440 --> 00:30:43,360 waar we hash om dingen te vinden. 565 00:30:43,360 --> 00:30:45,530 Het is gewoon een manier om uw leven gemakkelijker maken. 566 00:30:45,530 --> 00:30:51,790 Een onderscheid van attributen of code die zou je met behulp van over en weer, 567 00:30:51,790 --> 00:30:55,360 maar op deze manier vriendelijk van houdt het leuk en netjes. 568 00:30:55,360 --> 00:30:58,260 En als u wilt wijzigen een ding, je het veranderen als 569 00:30:58,260 --> 00:31:00,150 en het is overal anders veranderd. 570 00:31:00,150 --> 00:31:05,010 Dus het is meer voor uw gemak en flexibiliteit. 571 00:31:05,010 --> 00:31:11,430 >> Dus met CSS, het is zeer vergelijkbaar naar HTML, maar in plaats van labels 572 00:31:11,430 --> 00:31:15,120 die ik noemde net nu, we gebruiken wat heet selectors. 573 00:31:15,120 --> 00:31:21,900 En ze eigenlijk gewoon een soort van associëren een bepaalde tag 574 00:31:21,900 --> 00:31:24,620 in HTML met verschillende attributen. 575 00:31:24,620 --> 00:31:29,060 En als ik zeg attributen, ik bedoel dingen zoals tekstkleur, lettertype, 576 00:31:29,060 --> 00:31:32,694 de kleur van de achtergrond, de kleur van uw tekst. 577 00:31:32,694 --> 00:31:33,610 Dat soort dingen. 578 00:31:33,610 --> 00:31:36,270 Net als het gecentreerd, als het naar rechts, 579 00:31:36,270 --> 00:31:39,430 als het inverted-- alle van deze coole dingen. 580 00:31:39,430 --> 00:31:42,490 Elke stilistische dingen die u doen om uw tekst, 581 00:31:42,490 --> 00:31:45,070 dit is wat ik bedoel met attributen. 582 00:31:45,070 --> 00:31:50,140 >> En dan twee belangrijke dingen om te weten is dat selectors-- twee van de belangrijkste factors-- 583 00:31:50,140 --> 00:31:53,090 zijn ID, die uniek is. 584 00:31:53,090 --> 00:31:54,859 U kunt alleen gebruik maken van dat voor een ding. 585 00:31:54,859 --> 00:31:56,400 Anders gaat het om tegen je schreeuwen. 586 00:31:56,400 --> 00:31:59,970 En als wij het bepalen in een CSS-bestand, het zal 587 00:31:59,970 --> 00:32:03,182 zijn hash ID en vervolgens welke kenmerken we willen. 588 00:32:03,182 --> 00:32:05,140 Ik beloof dat we gaan gaan door middel van een voorbeeld. 589 00:32:05,140 --> 00:32:06,830 Het zal veel meer zin te maken. 590 00:32:06,830 --> 00:32:08,830 >> Klasse kan verwijzen naar meerdere blokken. 591 00:32:08,830 --> 00:32:13,400 Dus u kunt uw eerste en derde paragraaf 592 00:32:13,400 --> 00:32:17,240 hebben dezelfde soort attributen als je ze associëren met dezelfde klasse. 593 00:32:17,240 --> 00:32:21,050 En als we ze definiëren in CSS, doen we een dot-klasse, 594 00:32:21,050 --> 00:32:25,710 met klasse zijn wat je wilt dat het een naam geven. 595 00:32:25,710 --> 00:32:28,559 >> Dus ik weet dat dit recht is nu heel abstract. 596 00:32:28,559 --> 00:32:29,850 Daarom gaan we de code. 597 00:32:29,850 --> 00:32:32,060 Ik weet dat jullie lief dat, en u allen bent 598 00:32:32,060 --> 00:32:34,210 gaat me helpen, want dit is uw webpagina. 599 00:32:34,210 --> 00:32:36,310 Dit is onze rubriek webpagina, jongens. 600 00:32:36,310 --> 00:32:40,158 Zo zijn er nog vragen voordat ik uitschakelen van de PowerPoint, of iets 601 00:32:40,158 --> 00:32:42,366 je wilt dat ik om terug te bladeren om voordat we beginnen te coderen? 602 00:32:42,366 --> 00:32:45,074 >> PUBLIEK: Als je zegt match-tags, bedoel je selectors of labels? 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 ALLISON Buchholtz-AU: U kunt denken aan hen als hetzelfde. 605 00:32:53,010 --> 00:32:54,590 Het is gewoon verschillende woorden. 606 00:32:54,590 --> 00:32:56,460 Ik bedoel, als selectors. 607 00:32:56,460 --> 00:32:59,470 Maar selectors ook kaart om tags. 608 00:32:59,470 --> 00:33:02,800 Zo kunt u denken aan hen als effectief hetzelfde. 609 00:33:02,800 --> 00:33:05,900 Ik beloof dat het gaat maken meer zin als we coderen. 610 00:33:05,900 --> 00:33:08,400 Iets van de PowerPoint of vragen 611 00:33:08,400 --> 00:33:12,980 nu, voordat we daadwerkelijk creëren pagina onze rubriek's? 612 00:33:12,980 --> 00:33:15,040 Iedereen klaar? 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 >> Dus ik heb één begonnen. 616 00:33:24,760 --> 00:33:27,030 Laat me verhogen het lettertype voor jullie. 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 OK, dus op dit moment, we hebben net een Bare Bones webpagina hier. 619 00:33:36,730 --> 00:33:38,360 >> We hebben een aantal HTML. 620 00:33:38,360 --> 00:33:41,050 We hebben een aantal header die we zie hier als voorbeeld webpagina. 621 00:33:41,050 --> 00:33:44,540 Sommige titel, sommige lettertype. 622 00:33:44,540 --> 00:33:47,580 Dit zijn labels, OK? 623 00:33:47,580 --> 00:33:53,930 Dus toen ik bedoel sluit uw labels, wij zien hier deze beugel hoofd is uw opening 624 00:33:53,930 --> 00:33:59,670 tag, en deze beugel / Head sluit het, OK? 625 00:33:59,670 --> 00:34:04,380 >> Dus je zou kunnen denken aan dit als uw braces in je als de omstandigheden 626 00:34:04,380 --> 00:34:05,420 of je voor loops. 627 00:34:05,420 --> 00:34:08,630 Als u een aan het begin, je wilt een aan het eind. 628 00:34:08,630 --> 00:34:13,500 Het zal nog steeds het grootste deel van de tijd werken als je niet een gesloten tag hebben, 629 00:34:13,500 --> 00:34:17,659 maar best practice is sluit je labels. 630 00:34:17,659 --> 00:34:20,940 >> Dus in dit geval, laten we dit veranderen. 631 00:34:20,940 --> 00:34:24,150 We gaan in hoofdstuk zeven hebben. 632 00:34:24,150 --> 00:34:25,270 "Sectie webpagina." 633 00:34:25,270 --> 00:34:26,969 Dus ik ga gewoon om dit te veranderen. 634 00:34:26,969 --> 00:34:32,100 >> En als we gaan hier en we reload-- gotta slaan en reload-- 635 00:34:32,100 --> 00:34:36,750 we merken dat hier het veranderd, toch? 636 00:34:36,750 --> 00:34:38,250 Cool. 637 00:34:38,250 --> 00:34:39,380 Dus dit verandert de titel. 638 00:34:39,380 --> 00:34:41,920 Dit is alles wat er op je tab. 639 00:34:41,920 --> 00:34:43,870 >> Dus dit is een soort van zoek een beetje saai. 640 00:34:43,870 --> 00:34:44,870 Ik weet niet over jongens. 641 00:34:44,870 --> 00:34:46,810 Ik denk dat we iets willen anders hier. 642 00:34:46,810 --> 00:34:51,900 >> Dus wat we kunnen doen is het header is er gewoon. 643 00:34:51,900 --> 00:34:54,320 Laten we doen een soort van body. 644 00:34:54,320 --> 00:34:56,550 Dus we hebben een aantal lichaam hier. 645 00:34:56,550 --> 00:35:01,360 Ik altijd open te doen en sluit mijn tags om te beginnen, 646 00:35:01,360 --> 00:35:04,850 op dezelfde manier dat ik een beugel. 647 00:35:04,850 --> 00:35:06,326 Ah. 648 00:35:06,326 --> 00:35:09,010 Wacht, wat? 649 00:35:09,010 --> 00:35:10,949 >> Publiek: [onverstaanbaar]. 650 00:35:10,949 --> 00:35:11,990 ALLISON Buchholtz-AU: Ah. 651 00:35:11,990 --> 00:35:13,895 Jullie hebben me. 652 00:35:13,895 --> 00:35:14,930 Good job. 653 00:35:14,930 --> 00:35:16,270 Gouden ster. 654 00:35:16,270 --> 00:35:20,300 >> OK, dus we hebben een aantal lichaam hier. 655 00:35:20,300 --> 00:35:22,920 En laten we nu beginnen met wat tekst toe te voegen. 656 00:35:22,920 --> 00:35:26,110 Dus je hebt een paar verschillende opties voor het toevoegen van tekst. 657 00:35:26,110 --> 00:35:29,380 We hebben dingen zoals headers. 658 00:35:29,380 --> 00:35:32,144 We hebben gewoon een normale tekst. 659 00:35:32,144 --> 00:35:33,560 Dus laten we gewoon beginnen met een kopbal. 660 00:35:33,560 --> 00:35:36,670 Eigenlijk, als je jongens willen op te trekken HTML W3 School, 661 00:35:36,670 --> 00:35:38,860 U kunt soort rondkijken en als er iets is 662 00:35:38,860 --> 00:35:42,470 in het bijzonder dat u wilt uitproberen met deze webpagina, kunnen we dat doen. 663 00:35:42,470 --> 00:35:46,250 Dus in dit geval, laten we gewoon doen wat h1. 664 00:35:46,250 --> 00:35:48,710 Dus h1 is als de hoogste header. 665 00:35:48,710 --> 00:35:52,260 Het zal je iets geven dat is zeer groot en vet. 666 00:35:52,260 --> 00:35:58,010 >> En in dit geval, wat willen we voor de eerste tekst op onze website? 667 00:35:58,010 --> 00:35:58,640 Om het even wat. 668 00:35:58,640 --> 00:35:59,800 Jullie gaan dit te creëren. 669 00:35:59,800 --> 00:36:00,758 Ik ga gewoon om te typen. 670 00:36:00,758 --> 00:36:01,620 Publiek: Welkom. 671 00:36:01,620 --> 00:36:02,870 >> ALLISON Buchholtz-AU: Welkom. 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 OK, dus als we redden het en we herladen, we hebben een hele grote welkom. 674 00:36:12,620 --> 00:36:17,365 Dus gewoon zo kunt u zien de verschillen, laten we iets doen op H6. 675 00:36:17,365 --> 00:36:18,490 Wat doen we hier willen? 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 Right? 678 00:36:27,440 --> 00:36:30,356 >> OK, dus gewoon zodat je kunt zie het verschil. 679 00:36:30,356 --> 00:36:31,990 Ja, Sublime. 680 00:36:31,990 --> 00:36:34,680 Dus als u merkt, h1, zeer, zeer groot. 681 00:36:34,680 --> 00:36:39,030 h6, zoals vet, maar veel kleiner, en je hebt alles wat daar tussen. 682 00:36:39,030 --> 00:36:41,550 Dus je zou kunnen H2, H3, H4 hebben. 683 00:36:41,550 --> 00:36:43,750 En dit zijn slechts headers, dus als je probeert 684 00:36:43,750 --> 00:36:46,010 naar een webpagina te creëren die heeft verschillende secties, 685 00:36:46,010 --> 00:36:48,810 misschien dat u wilt gebruiken headers daar ergens. 686 00:36:48,810 --> 00:36:49,580 >> Cool. 687 00:36:49,580 --> 00:36:53,270 Dus we zullen nog wat meer toe te voegen dingen in ons lichaam. 688 00:36:53,270 --> 00:36:58,380 Ik zie dat het aardig zou zijn van cool als we een foto hadden. 689 00:36:58,380 --> 00:37:02,840 Ik heb het gevoel alsof iedereen misschien zou kunnen gebruiken een schattig konijntje plaatje gelijk over nu, 690 00:37:02,840 --> 00:37:05,082 dus we gaan om uit te vinden een konijntje afbeelding eerste. 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> Ik weet niet of jullie nog voorkeuren van welke we willen. 693 00:37:12,960 --> 00:37:14,890 Heeft u bepaalde wensen? 694 00:37:14,890 --> 00:37:15,925 Deze hier? 695 00:37:15,925 --> 00:37:17,160 Down. 696 00:37:17,160 --> 00:37:17,750 OK. 697 00:37:17,750 --> 00:37:18,760 Die is. 698 00:37:18,760 --> 00:37:20,080 Goede keuzes. 699 00:37:20,080 --> 00:37:21,850 >> OK, dus we gaan om onze afbeelding te bekijken. 700 00:37:21,850 --> 00:37:22,920 Kijk naar die. 701 00:37:22,920 --> 00:37:24,250 Kijk eens naar dat schattige ding. 702 00:37:24,250 --> 00:37:27,080 Hoe zou je verdrietig zijn op een maandag met dit? 703 00:37:27,080 --> 00:37:30,180 >> Dus we gaan gewoon om de URL van de afbeelding kopiëren. 704 00:37:30,180 --> 00:37:38,720 En wat wij willen doen is, laten we gewoon zeggen we hebben een aantal p voor paragraaf. 705 00:37:38,720 --> 00:37:41,140 We gaan om te zeggen: "Kijk kijken naar de schattige konijntje. 706 00:37:41,140 --> 00:37:44,130 d'awwww. " 707 00:37:44,130 --> 00:37:44,880 Ik hou van mijn konijntjes. 708 00:37:44,880 --> 00:37:45,838 Ik heb een konijntje thuis. 709 00:37:45,838 --> 00:37:48,085 Ik mis mijn konijntje. 710 00:37:48,085 --> 00:37:50,460 Dus wat we gaan doen-- Ik weet niet of jullie willen 711 00:37:50,460 --> 00:37:55,970 om dit-- maar met HTML google, hoe kun je een afbeelding in? 712 00:37:55,970 --> 00:37:58,355 Letterlijk, als je google "Omvatten afbeelding HTML," 713 00:37:58,355 --> 00:38:00,480 waarom niet jullie mij vertellen wat deze tag zou moeten zijn? 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> Publiek: 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 Publiek: --equals-- 718 00:38:08,600 --> 00:38:09,000 ALLISON Buchholtz-AU: --equals-- 719 00:38:09,000 --> 00:38:10,181 Publiek: --quote-- ja. 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 Zie, MySpace generatie, toch? 723 00:38:15,470 --> 00:38:16,220 Publiek: 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 Het is gek geweest. 728 00:38:21,260 --> 00:38:23,120 OK. 729 00:38:23,120 --> 00:38:25,600 >> Dus zorg ervoor dat ik dit goed te krijgen. 730 00:38:25,600 --> 00:38:26,100 Cool. 731 00:38:26,100 --> 00:38:27,750 Dus dit hier zou moeten zijn. 732 00:38:27,750 --> 00:38:34,146 En dan, als we herladen, hebben we onze bunny op de pagina Is dit niet schattig? 733 00:38:34,146 --> 00:38:35,030 >> Dit is zo schattig. 734 00:38:35,030 --> 00:38:36,860 U koos voor een grote, grote foto. 735 00:38:36,860 --> 00:38:38,180 Ik ben het opgraven. 736 00:38:38,180 --> 00:38:41,350 >> OK, dus we hebben nu dit schattige konijntje. 737 00:38:41,350 --> 00:38:44,590 We waren in staat om een ​​toe te voegen afbeelding, net als dat. 738 00:38:44,590 --> 00:38:47,550 Dus eigenlijk als er een image u wilt toevoegen aan uw webpagina, 739 00:38:47,550 --> 00:38:49,430 kunt u deze toevoegen net als dit. 740 00:38:49,430 --> 00:38:52,910 Een ander ding zou zijn als u de afbeelding hebt opgeslagen 741 00:38:52,910 --> 00:38:55,670 in dezelfde map als Dit bestand kun je gewoon 742 00:38:55,670 --> 00:38:59,595 schrijven wat de naam van die afbeelding is in plaats van het hebben van een web link. 743 00:38:59,595 --> 00:39:01,010 >> Het zou nog steeds tussen aanhalingstekens. 744 00:39:01,010 --> 00:39:03,700 Het zou net zijn als als we hadden vernoemd dit-- 745 00:39:03,700 --> 00:39:06,695 als dit plaatje was gered in de map met deze HTML-bestand 746 00:39:06,695 --> 00:39:08,570 dat ik het bewerken en het werd bunny.jpg genoemd. 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 We konden ook dat doen en het zou opdagen. 749 00:39:13,080 --> 00:39:16,600 Echter, ik heb niet dit opgeslagen in het bestand en ik wil het konijntje houden, 750 00:39:16,600 --> 00:39:18,092 dus we gaan om de koppeling te houden. 751 00:39:18,092 --> 00:39:20,720 >> Publiek: Wat is 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 Het is een appropriate-- kijk, je kunt het goed te keuren. 754 00:39:25,170 --> 00:39:25,770 Adoptie. 755 00:39:25,770 --> 00:39:27,690 bunny.jpg. 756 00:39:27,690 --> 00:39:29,190 Ik wil dit konijntje adopteren. 757 00:39:29,190 --> 00:39:31,180 Oh, god, het is zo schattig. 758 00:39:31,180 --> 00:39:34,230 >> OK, dus we hebben headers toegevoegd. 759 00:39:34,230 --> 00:39:35,500 We hebben een foto toegevoegd. 760 00:39:35,500 --> 00:39:37,760 Uiteraard voegden we wat tekst hier, toch? 761 00:39:37,760 --> 00:39:40,920 Als we wilden andere toe te voegen teksten, zouden we gaan als dit. 762 00:39:40,920 --> 00:39:43,760 Dus dit is een andere paragraaf. 763 00:39:43,760 --> 00:39:49,070 >> En wij zeggen: "dit is een andere paragraaf." 764 00:39:49,070 --> 00:39:52,510 Ook ik ben een vreselijke speller, dus ik kan dingen verkeerd spelt. 765 00:39:52,510 --> 00:39:54,930 Net FYI. 766 00:39:54,930 --> 00:39:58,450 >> Dus we hebben een andere paragraaf hier, toch? 767 00:39:58,450 --> 00:40:02,190 Dus misschien wilt u iets doen een beetje interessanter dan alleen 768 00:40:02,190 --> 00:40:04,640 hebben al uw tekst, zoals rechts uitgelijnd. 769 00:40:04,640 --> 00:40:08,490 Misschien wilt u uw tekst te centreren, OK? 770 00:40:08,490 --> 00:40:11,820 >> Dus als iemand wil die gebruiken handig computers voor u 771 00:40:11,820 --> 00:40:19,034 en vertel me hoe je bent gaat deze tekst te centreren, 772 00:40:19,034 --> 00:40:20,300 >> Publiek: p align. 773 00:40:20,300 --> 00:40:24,834 >> ALLISON Buchholtz-AU: So p align gelijk "center." 774 00:40:24,834 --> 00:40:25,750 Hij doodt het, jongens. 775 00:40:25,750 --> 00:40:28,240 Jullie moeten opvoeren. 776 00:40:28,240 --> 00:40:36,042 En we hebben "Dit is gecentreerd." 777 00:40:36,042 --> 00:40:37,500 En nu hebben we iets gecentreerd. 778 00:40:37,500 --> 00:40:39,380 >> Op dezelfde manier, als je wil het links uitgelijnd, 779 00:40:39,380 --> 00:40:42,020 je kon align gelijken doen links, align gelijk rechts. 780 00:40:42,020 --> 00:40:42,850 Helemaal aan jou. 781 00:40:42,850 --> 00:40:55,580 Als ik dat hier, dan is dit should-- nu is rechts uitgelijnd. 782 00:40:55,580 --> 00:40:57,020 >> Publiek: Allison? 783 00:40:57,020 --> 00:41:00,884 Door beeldbron, waarom niet er dicht van de img bron? 784 00:41:00,884 --> 00:41:02,050 ALLISON Buchholtz-AU: Sorry. 785 00:41:02,050 --> 00:41:05,300 Deze moet er Nu je goed bent. 786 00:41:05,300 --> 00:41:06,026 Nu zijn we goed. 787 00:41:06,026 --> 00:41:08,150 Publiek: Heb je geen om het daar te sluiten, of niet? 788 00:41:08,150 --> 00:41:11,450 ALLISON Buchholtz-AU: Nou, dus img bron, is dit één gewoon-- met afbeelding, 789 00:41:11,450 --> 00:41:17,110 het is gewoon gezien als één element, terwijl als u merkt dat voor de rest van deze, 790 00:41:17,110 --> 00:41:22,106 we hebben een aantal tag dan informatie die het gaat om en vervolgens een afsluitende tag. 791 00:41:22,106 --> 00:41:24,480 Maar met imago, alles is gewoon soort van self-contained. 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 Dus jullie weten hoe je een te creëren header, weet je hoe je tekst invoeren, 795 00:41:33,530 --> 00:41:37,060 je weet hoe je een afbeelding zetten in nu, kan je dingen af ​​te stemmen. 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> Een ander ding dat je Misschien wil je in staat zijn om te doen 798 00:41:42,590 --> 00:41:47,649 is om een ​​lijst te maken in CS-- we zijn soort van in te gaan op volgende week pset. 799 00:41:47,649 --> 00:41:49,440 Het spul dat we leren meestal deze week 800 00:41:49,440 --> 00:41:51,480 gaat echt goed met volgende week PSET, dus we zijn 801 00:41:51,480 --> 00:41:54,250 soort mengen, overlappende dingen hier. 802 00:41:54,250 --> 00:41:56,290 Maar het zal nuttig zijn voor volgende week zijn. 803 00:41:56,290 --> 00:42:02,500 >> Dus als we wilden wat te creëren lijst, hoe kunnen we dat doen? 804 00:42:02,500 --> 00:42:03,760 Je kunt geen antwoord op deze tijd. 805 00:42:03,760 --> 00:42:04,700 Iemand anders moet. 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 Het is niet moeilijk, jongens, beloven. 808 00:42:09,440 --> 00:42:13,090 Google "ongeordende lijst HTML." 809 00:42:13,090 --> 00:42:14,076 Wat was dat? 810 00:42:14,076 --> 00:42:16,244 >> Publiek: [onverstaanbaar]. 811 00:42:16,244 --> 00:42:17,410 ALLISON Buchholtz-AU: Right. 812 00:42:17,410 --> 00:42:20,490 Dus willen we besteld of ongeordende? 813 00:42:20,490 --> 00:42:21,500 Laten we een ongeordende. 814 00:42:21,500 --> 00:42:25,240 Dus hebben we een aantal ul, waarvan staat voor ongeordende lijst. 815 00:42:25,240 --> 00:42:27,997 En wat hebben we voor elk element? 816 00:42:27,997 --> 00:42:29,080 Doet zij haar eigen label nodig heeft? 817 00:42:29,080 --> 00:42:30,556 Kunnen we gewoon beginnen met het schrijven van dingen? 818 00:42:30,556 --> 00:42:31,330 >> Publiek: li. 819 00:42:31,330 --> 00:42:32,826 >> ALLISON Buchholtz-AU: li. 820 00:42:32,826 --> 00:42:34,785 Dus wat is onze lijst zal worden? 821 00:42:34,785 --> 00:42:37,050 Wat doen we hier willen? 822 00:42:37,050 --> 00:42:38,190 We namen ook te doen. 823 00:42:38,190 --> 00:42:39,250 Gewoon doen Jacob. 824 00:42:39,250 --> 00:42:40,340 >> Publiek: Konijn voedsel. 825 00:42:40,340 --> 00:42:40,990 >> ALLISON Buchholtz-AU: Konijn voedsel. 826 00:42:40,990 --> 00:42:41,910 OK, ik vind dit leuk. 827 00:42:41,910 --> 00:42:42,520 Konijn voedsel. 828 00:42:42,520 --> 00:42:44,440 >> OK, dus we hebben wortelen. 829 00:42:44,440 --> 00:42:46,640 Ik vind dit een konijn thema. 830 00:42:46,640 --> 00:42:48,024 Ik ben het graven van een stuk. 831 00:42:48,024 --> 00:42:50,440 PUBLIEK: Eigenlijk, dacht ik dat Jacob een legit zou zijn. 832 00:42:50,440 --> 00:42:51,606 ALLISON Buchholtz-AU: Jacob? 833 00:42:51,606 --> 00:42:53,120 Jacob is konijnenvoer. 834 00:42:53,120 --> 00:42:55,310 Als je zag Jacob's foto uit de kantooruren, 835 00:42:55,310 --> 00:42:56,850 je zou gedacht hebben dat hij kreeg aangevallen door een killer rabbit. 836 00:42:56,850 --> 00:42:58,099 >> Publiek: Ik heb een konijn nu. 837 00:42:58,099 --> 00:42:59,710 Ik heb nu een killer rabbit. 838 00:42:59,710 --> 00:43:00,540 >> ALLISON Buchholtz-AU: Are you kidding me? 839 00:43:00,540 --> 00:43:02,081 >> Publiek: Ik zal het volgende hoofdstuk te brengen. 840 00:43:02,081 --> 00:43:02,990 Ik heb het. 841 00:43:02,990 --> 00:43:04,240 >> ALLISON Buchholtz-AU: Dit is belachelijk. 842 00:43:04,240 --> 00:43:04,730 Hoe dan ook. 843 00:43:04,730 --> 00:43:05,510 >> Publiek: [onverstaanbaar] 844 00:43:05,510 --> 00:43:07,510 >> Publiek: Ja, mijn Proctor een konijn ook. 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> ALLISON Buchholtz-AU: Ik wil een konijn. 847 00:43:11,580 --> 00:43:15,415 OK, wie brengt een echt konijn aan de volgende sectie, totaal brownie punten. 848 00:43:15,415 --> 00:43:16,290 Publiek: [onverstaanbaar] 849 00:43:16,290 --> 00:43:16,943 PUBLIEK: Oh, het is niet echt. 850 00:43:16,943 --> 00:43:17,910 Het is een gevulde konijn. 851 00:43:17,910 --> 00:43:18,855 >> ALLISON Buchholtz-AU: Oh ja, we kunnen deze sluiten. 852 00:43:18,855 --> 00:43:20,174 Ziet er rad. 853 00:43:20,174 --> 00:43:21,590 Publiek: Maakt het eigenlijk uit? 854 00:43:21,590 --> 00:43:23,465 ALLISON Buchholtz-AU: Het maakt niet. 855 00:43:23,465 --> 00:43:25,590 Met de meeste van deze dingen, je hoeft niet de tag te sluiten, 856 00:43:25,590 --> 00:43:28,750 99% van de tijd niets slecht gaat te gebeuren, maar het is een goede stijl, ook. 857 00:43:28,750 --> 00:43:30,250 Dus Jacob. 858 00:43:30,250 --> 00:43:31,864 En we hebben sla. 859 00:43:31,864 --> 00:43:33,655 Publiek: voor koppelingen, het is echt belangrijk. 860 00:43:33,655 --> 00:43:34,696 ALLISON Buchholtz-AU: Hm? 861 00:43:34,696 --> 00:43:35,890 Publiek: voor hyperlinks. 862 00:43:35,890 --> 00:43:37,431 ALLISON Buchholtz-AU: Voor hyperlinks. 863 00:43:37,431 --> 00:43:38,610 Ja, hyperlinks nodig hebben. 864 00:43:38,610 --> 00:43:40,770 OK, dus laten we hier zien. 865 00:43:40,770 --> 00:43:44,810 En we hebben het einde van onze lijst. 866 00:43:44,810 --> 00:43:46,635 En we kijken naar dat. 867 00:43:46,635 --> 00:43:49,680 We hebben Jacob all--, precies daar. 868 00:43:49,680 --> 00:43:52,310 Konijnenvoer. 869 00:43:52,310 --> 00:43:54,000 Doet me denken aan Bunnicula. 870 00:43:54,000 --> 00:43:55,234 >> Publiek: [onverstaanbaar] 871 00:43:55,234 --> 00:43:58,400 ALLISON Buchholtz-AU: Ik breng terug alle oude school referenties vandaag, 872 00:43:58,400 --> 00:43:59,130 niet ik? 873 00:43:59,130 --> 00:44:01,210 Gewoon alle oude school referenties. 874 00:44:01,210 --> 00:44:05,767 Wil hebben gebracht Gogurts of iets voor snacks. 875 00:44:05,767 --> 00:44:07,079 >> Publiek: Of 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 Ik zal kijken of ik kan volgen neer Gushers voor volgende week. 879 00:44:10,920 --> 00:44:11,980 Ik denk dat ik dat kan doen. 880 00:44:11,980 --> 00:44:13,980 Ik denk dat we kunnen hebben sommigen in het kantoor. 881 00:44:13,980 --> 00:44:18,570 >> OK, dus we hebben een heleboel verschillende overdekte dingen die je kunt doen met HTML, toch? 882 00:44:18,570 --> 00:44:23,910 En zoals je waarschijnlijk wel kunt zien, het is nothing-- hopelijk niet al te intim-- 883 00:44:23,910 --> 00:44:25,750 als het is, bedoel ik niet om iedereen te kleineren. 884 00:44:25,750 --> 00:44:29,090 Als u problemen ondervindt, kom alsjeblieft met me praten. 885 00:44:29,090 --> 00:44:31,340 >> Maar het meeste is gewoon kijken naar de syntax, toch? 886 00:44:31,340 --> 00:44:34,180 Als u wilt dat een ongeordende lijst, als je wilt een soort van lijst, 887 00:44:34,180 --> 00:44:38,450 als je iets wilt uitlijnen of formaat iets, het draait allemaal om gewoon 888 00:44:38,450 --> 00:44:42,080 soort opzoeken van de syntaxis voor HTML, toch? 889 00:44:42,080 --> 00:44:44,720 En een ding dat is wel cool eigenlijk 890 00:44:44,720 --> 00:44:51,360 is als je naar to-- laten we eens kijken, wat is een leuke website die we willen? 891 00:44:51,360 --> 00:44:54,920 Iemand enig favoriete websites dat zijn OK om online te brengen? 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 Weet je wat, laten we gewoon doen CS50. 894 00:44:58,840 --> 00:45:01,800 Dat is leuk en veilig, toch? 895 00:45:01,800 --> 00:45:03,060 >> OK, dus CS50 hier. 896 00:45:03,060 --> 00:45:05,540 Oh kijk, er is een sectie op dit moment. 897 00:45:05,540 --> 00:45:07,113 Als je van de manier waarop het eruit ziet. 898 00:45:07,113 --> 00:45:08,030 >> Publiek: [onverstaanbaar]. 899 00:45:08,030 --> 00:45:10,696 ALLISON Buchholtz-AU: Wij zijn niet ga meta sectie doen, jongens. 900 00:45:10,696 --> 00:45:11,560 Het gebeurt niet. 901 00:45:11,560 --> 00:45:14,540 Het zou cool zijn, maar we zijn niet van plan om het te doen. 902 00:45:14,540 --> 00:45:17,040 >> Dus wat doe je kon doen als je van de weg 903 00:45:17,040 --> 00:45:21,390 dit werkt is je kan altijd gelijk Klik op een webpagina die je leuk vindt 904 00:45:21,390 --> 00:45:23,660 en je kunt doen View Page Source. 905 00:45:23,660 --> 00:45:26,030 Het zal al de HTML. 906 00:45:26,030 --> 00:45:30,800 En dit is eigenlijk een heel goede manier om uw eigen webpagina te stylen. 907 00:45:30,800 --> 00:45:33,640 Ga naar een webpagina die u echt leuk vindt en kijk naar de HTML 908 00:45:33,640 --> 00:45:35,430 en erachter te komen hoe ze het deden. 909 00:45:35,430 --> 00:45:39,280 >> En letterlijk, zolang zoals u citeren dingen, 910 00:45:39,280 --> 00:45:41,940 zolang je bent niet alleen stelen van mensen, het is OK. 911 00:45:41,940 --> 00:45:43,890 Speciaal voor CS50 [? financieren?], we zijn 912 00:45:43,890 --> 00:45:46,950 soort verwachten u om te krijgen inspiratie uit andere website. 913 00:45:46,950 --> 00:45:48,070 Dus voel je vrij. 914 00:45:48,070 --> 00:45:51,360 Kijk door websites die je denkt dat ze echt mooi 915 00:45:51,360 --> 00:45:54,870 en erachter te komen hoe ze te gebruiken HTML en CSS om deze dingen te doen. 916 00:45:54,870 --> 00:45:59,860 >> Dus zoals je hier ziet, is er natuurlijk zoals koppelingen en we hebben een klasse hier. 917 00:45:59,860 --> 00:46:00,950 We hebben een link hier. 918 00:46:00,950 --> 00:46:03,100 We hebben een lijst. 919 00:46:03,100 --> 00:46:05,370 We hebben waarschijnlijk een aantal foto's hier ergens. 920 00:46:05,370 --> 00:46:08,332 >> We hebben hier een aantal leuke stijl. 921 00:46:08,332 --> 00:46:10,040 Dit is het volgende ding we gaan doen. 922 00:46:10,040 --> 00:46:14,580 Dus stijl, wanneer u deze stijl tussen haakjes, het is CSS principe. 923 00:46:14,580 --> 00:46:15,880 Ben, heb je een vraag? 924 00:46:15,880 --> 00:46:16,880 >> Publiek: Wat is div? 925 00:46:16,880 --> 00:46:20,039 >> ALLISON Buchholtz-AU: div is gewoon A-- wat is div? 926 00:46:20,039 --> 00:46:20,830 Publiek: Divisie. 927 00:46:20,830 --> 00:46:22,121 ALLISON Buchholtz-AU: Division. 928 00:46:22,121 --> 00:46:25,960 Ja, het is net als scheiden van verschillende elementen. 929 00:46:25,960 --> 00:46:28,650 OK, dus hier is wat we zijn in te gaan op de volgende te gaan. 930 00:46:28,650 --> 00:46:31,550 Dus dit is misschien niet de beste te zijn stijl, want, als u merkt 931 00:46:31,550 --> 00:46:37,681 we hebben HTML en stijl in dezelfde pagina, en we eigenlijk willen die scheiden, 932 00:46:37,681 --> 00:46:38,180 OK? 933 00:46:38,180 --> 00:46:41,620 En eigenlijk, laat me open mijn rechter 934 00:46:41,620 --> 00:46:45,990 want dit hoort te zijn de PDF, dus we hebben style.css. 935 00:46:45,990 --> 00:46:51,210 >> Dus wat kunnen we hier doen, is deze zijn leuke dingen, zoals sommige fade 936 00:46:51,210 --> 00:46:55,550 en we konden proberen en dat te doen, maar ik voel zoals ik zou puinhoop die up on the fly, 937 00:46:55,550 --> 00:46:58,520 dus ik moedig jullie aan ga proberen dat op uw eigen, 938 00:46:58,520 --> 00:47:00,310 maar ik ben niet van plan om het te doen nu. 939 00:47:00,310 --> 00:47:03,790 Dus als jullie, vergeet niet, als je ooit probleem set hit, 940 00:47:03,790 --> 00:47:05,584 iets duikvluchten in vanaf de zijkant. 941 00:47:05,584 --> 00:47:08,000 Het heeft te maken met de fade en de overgang en wat al niet. 942 00:47:08,000 --> 00:47:09,630 >> Publiek: En dat is alles wat CSS en HTML? 943 00:47:09,630 --> 00:47:11,460 >> ALLISON Buchholtz-AU: Alle CSS en HTML. 944 00:47:11,460 --> 00:47:12,420 Yeah. 945 00:47:12,420 --> 00:47:17,720 Dus je kunt een heleboel doen echt leuke dingen doen met CSS en HTML. 946 00:47:17,720 --> 00:47:22,280 Dus met onze geweldige bunny webpagina hier, we 947 00:47:22,280 --> 00:47:25,240 gaan om een ​​beetje te doen beetje CSS styling mee. 948 00:47:25,240 --> 00:47:28,850 >> Dus als je ooit een stijl vel, die we hier hebben, 949 00:47:28,850 --> 00:47:30,550 je kan het gewoon style.css noemen. 950 00:47:30,550 --> 00:47:32,090 Je kunt het noemen wat je wilt. 951 00:47:32,090 --> 00:47:37,110 Wat belangrijk is, is dat we gaan om het bestand te verwijzen in onze web.html hier. 952 00:47:37,110 --> 00:47:41,670 >> Dus wat we gaan doen is we-- zodat ik niet knoeien dit up-- 953 00:47:41,670 --> 00:47:46,180 we gaan koppelen deze twee bestanden samen. 954 00:47:46,180 --> 00:47:49,340 Dus in dezelfde way-- ik ga om een ​​analogie hier vestigen op C. 955 00:47:49,340 --> 00:47:53,510 Op dezelfde manier dat als je sommige library-- en we hebben cs50.h-- 956 00:47:53,510 --> 00:47:55,520 onze compiler verbindt het. 957 00:47:55,520 --> 00:47:58,040 Dit is slechts een expliciete koppeling van onze kant. 958 00:47:58,040 --> 00:48:01,840 Dus op dezelfde manier als wij hash ook enkele file, wat 959 00:48:01,840 --> 00:48:06,890 Ik sta op het punt om te schrijven is alleen de HTML / CSS equivalent van dat. 960 00:48:06,890 --> 00:48:11,970 >> We zijn gewoon te zeggen, OK, deze webpagina gaat deze stylesheet gebruiken, OK? 961 00:48:11,970 --> 00:48:23,360 Dus we hebben link rel gelijk aan stylesheet. 962 00:48:23,360 --> 00:48:30,870 En dan hebben we het type, css. 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 En dan href gelijk. 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 Dus alles wat hier dit deed je is kan Denk aan dit als hetzelfde 968 00:48:45,680 --> 00:48:47,550 als hash omvatten. 969 00:48:47,550 --> 00:48:53,450 Uiteraard ziet het er een beetje meer ingewikkeld, maar in alle gevallen, 970 00:48:53,450 --> 00:48:55,370 het is in feite hetzelfde ding. 971 00:48:55,370 --> 00:49:00,940 Dus dit is slechts enkele koppeling van een stylesheet, het is van het type text / css, 972 00:49:00,940 --> 00:49:02,875 en de naam van het style.css. 973 00:49:02,875 --> 00:49:05,560 >> Wat is belangrijk om te weten is dat de webpagina 974 00:49:05,560 --> 00:49:09,155 dat ik rechts ben bezig now-- web.html en style.css-- zijn in dezelfde map. 975 00:49:09,155 --> 00:49:14,740 Omdat in verschillende mappen, je nodig hebt om de werkelijke wortel geven 976 00:49:14,740 --> 00:49:17,480 om het of het pad naar het. 977 00:49:17,480 --> 00:49:20,620 Maar in dit geval, we houden het super eenvoudig en het gaat om hier te zijn. 978 00:49:20,620 --> 00:49:26,730 Dus als we dat doen, ik heb een aantal dingen al in de wachtrij hier boven. 979 00:49:26,730 --> 00:49:31,680 >> Dus hebben we een aantal lichaam, die gaat onze achtergrondkleur hebben die 980 00:49:31,680 --> 00:49:33,320 op dit moment is lichtblauw. 981 00:49:33,320 --> 00:49:36,850 We kunnen het veranderen als we willen, maar als ik dit goed herinner, 982 00:49:36,850 --> 00:49:39,270 het moet gewoon veranderen naar lichtblauw. 983 00:49:39,270 --> 00:49:42,050 En nu hebben we een lichtblauwe achtergrond. 984 00:49:42,050 --> 00:49:47,490 En we hadden hier-- kan iedereen zich herinneren waarvan er een hash ID of klasse? 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> Publiek: ID. 987 00:49:51,080 --> 00:49:51,800 >> ALLISON Buchholtz-AU: ID. 988 00:49:51,800 --> 00:49:52,420 Cool. 989 00:49:52,420 --> 00:49:58,920 Dus wat we willen doen is welke van deze lettertypen 990 00:49:58,920 --> 00:50:01,534 of which-- willen we "Kijk naar het schattige konijntje "tot paars zijn? 991 00:50:01,534 --> 00:50:02,950 Ik denk dat we willen dat tot paars zijn. 992 00:50:02,950 --> 00:50:04,640 Ik ben er vrij naar beneden en als dat paars. 993 00:50:04,640 --> 00:50:08,790 >> Dus wat je doet is je doet ID equals-- in dit geval 994 00:50:08,790 --> 00:50:13,630 Ik zei, wat, mooie kleur hier. 995 00:50:13,630 --> 00:50:14,780 We herladen. 996 00:50:14,780 --> 00:50:17,460 Alle van een plotselinge, het is paars. 997 00:50:17,460 --> 00:50:20,680 OK, dus met ID, herinneren moet uniek zijn, 998 00:50:20,680 --> 00:50:24,370 dus ik mag nooit gebruikt dit id ergens anders. 999 00:50:24,370 --> 00:50:27,760 Maar met klasse, zoals we hebben hier met een mooi lettertype, 1000 00:50:27,760 --> 00:50:30,300 Ik moet in staat zijn om te gebruiken die overal ik wil. 1001 00:50:30,300 --> 00:50:33,160 >> Dus laten we deze hier. 1002 00:50:33,160 --> 00:50:41,100 Dus we kunnen zeggen klasse evenaart mooie lettertype. 1003 00:50:41,100 --> 00:50:46,190 En als we nu eens kijken, we hebben deze coole mooie lettertype hier. 1004 00:50:46,190 --> 00:50:49,160 Dus misschien wil ik om beide te doen. 1005 00:50:49,160 --> 00:50:52,786 OK, ik weet het eigenlijk niet weten of dit gaan werken, maar ik wil het proberen. 1006 00:50:52,786 --> 00:50:54,410 En dit is hoe je CSS en HTML te leren. 1007 00:50:54,410 --> 00:50:55,660 Je bent net als, je weet wat, ik wil dit proberen. 1008 00:50:55,660 --> 00:50:56,430 Ik ben niet zeker of het gaat werken. 1009 00:50:56,430 --> 00:50:57,346 Eens kijken of het werkt. 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> En kijk eens naar dat. 1012 00:51:01,540 --> 00:51:04,540 Nu is het in paars en het is een mooi lettertype. 1013 00:51:04,540 --> 00:51:08,692 OK, dus je hebt al deze verschillende dingen die je kunt doen. 1014 00:51:08,692 --> 00:51:09,650 Heeft u een vraag? 1015 00:51:09,650 --> 00:51:10,275 >> Publiek: Ja. 1016 00:51:10,275 --> 00:51:13,280 Nou, net als de kleuren die je gebruikt wel woorden. 1017 00:51:13,280 --> 00:51:16,005 Is er een manier om kleuren te doen met de hexadecimale RGB? 1018 00:51:16,005 --> 00:51:18,880 ALLISON Buchholtz-AU: U kunt ook doe het met hexadecimale, geloof ik. 1019 00:51:18,880 --> 00:51:19,803 Yeah. 1020 00:51:19,803 --> 00:51:22,136 Maar het is wel leuk als je niet willen ze opzoeken. 1021 00:51:22,136 --> 00:51:23,762 Je kunt gewoon zijn zoals, paars of blauw. 1022 00:51:23,762 --> 00:51:25,720 Publiek: Laten we hopen dat ze weet wat dat betekent. 1023 00:51:25,720 --> 00:51:26,886 ALLISON Buchholtz-AU: Right. 1024 00:51:26,886 --> 00:51:29,580 Dus laten we dit lezen of Chartreuse. 1025 00:51:29,580 --> 00:51:32,060 Waarom zou je ooit chartreuse kiezen? 1026 00:51:32,060 --> 00:51:33,340 Het is een interessante kleur. 1027 00:51:33,340 --> 00:51:37,355 >> OK, dus uiteraard kunnen we we zien kunnen dingen veranderen maar we willen. 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 Als je wilde create-- laten we zeggen wilden we een andere klasse te maken. 1030 00:51:45,392 --> 00:51:46,850 Wat zou jullie willen veranderen? 1031 00:51:46,850 --> 00:51:51,840 Als je trek W3Schools ' CSS documentatie, 1032 00:51:51,840 --> 00:51:54,450 Ik laat het woord aan jullie. 1033 00:51:54,450 --> 00:51:57,990 We kunnen proberen en iets leuks doen met dit in de laatste paar minuten. 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 Want ik heb je soort van gegeven een Spoedcursus op een heleboel coole dingen 1036 00:52:03,150 --> 00:52:03,970 dat je kunt doen. 1037 00:52:03,970 --> 00:52:09,956 Maar uiteindelijk, zoals ik al zei, als je enkel experiment, dan heb je een hoop leren. 1038 00:52:09,956 --> 00:52:12,212 >> PUBLIEK: Heb je omhoog kijkt dat lettertype? 1039 00:52:12,212 --> 00:52:14,295 >> ALLISON Buchholtz-AU: Yeah, Ik keek op dat lettertype. 1040 00:52:14,295 --> 00:52:17,200 Dus als letterlijk, ik ging to-- wat heb ik gedaan? 1041 00:52:17,200 --> 00:52:22,371 Ik deed CSS lettertype lijst en toen deed ik lettertype stack, 1042 00:52:22,371 --> 00:52:25,120 en toen was ik net, kijk, hier zijn alle coole fonts die je kunt doen. 1043 00:52:25,120 --> 00:52:28,180 En er was deze, zo Ik kopieerde het naar mijn klembord. 1044 00:52:28,180 --> 00:52:31,820 En toen was ik als, OK, cool, daar gaan we. 1045 00:52:31,820 --> 00:52:32,320 Alle gedaan. 1046 00:52:32,320 --> 00:52:35,920 >> Publiek: Dus je moet ervoor zorgen dat dat CSS weet wat dat lettertype is. 1047 00:52:35,920 --> 00:52:37,370 >> ALLISON Buchholtz-AU: Ja. 1048 00:52:37,370 --> 00:52:38,190 >> Publiek: Wat staat er op het einde? 1049 00:52:38,190 --> 00:52:38,790 Cursief? 1050 00:52:38,790 --> 00:52:40,040 >> ALLISON Buchholtz-AU: Cursief. 1051 00:52:40,040 --> 00:52:40,950 Yeah. 1052 00:52:40,950 --> 00:52:42,310 >> Publiek: Achtergrondafbeelding. 1053 00:52:42,310 --> 00:52:43,290 >> ALLISON Buchholtz-AU: Achtergrondafbeelding. 1054 00:52:43,290 --> 00:52:44,180 OK. 1055 00:52:44,180 --> 00:52:46,490 Dus je wilt me ​​vertellen hoe dit te doen. 1056 00:52:46,490 --> 00:52:47,390 Ik laat dit aan u. 1057 00:52:47,390 --> 00:52:49,070 Ik ben gewoon te typen hier nu. 1058 00:52:49,070 --> 00:52:51,714 Het wiel is in uw handen. 1059 00:52:51,714 --> 00:52:52,660 >> Publiek: OK 1060 00:52:52,660 --> 00:52:53,701 >> ALLISON Buchholtz-AU: OK. 1061 00:52:53,701 --> 00:52:54,720 Wat doe ik? 1062 00:52:54,720 --> 00:53:02,929 >> Publiek: Doing-- Ik weet wat komt na de accolade. 1063 00:53:02,929 --> 00:53:03,970 ALLISON Buchholtz-AU: OK. 1064 00:53:03,970 --> 00:53:06,707 Dus waarschijnlijk in het lichaam, ik zou aannemen, want we zijn 1065 00:53:06,707 --> 00:53:08,040 doen met de achtergrondafbeelding. 1066 00:53:08,040 --> 00:53:08,940 >> Publiek: Ja, laten we dat doen. 1067 00:53:08,940 --> 00:53:09,981 >> ALLISON Buchholtz-AU: OK. 1068 00:53:09,981 --> 00:53:14,260 Publiek: OK, dus achtergrond dikke darm, en dan hebben we 1069 00:53:14,260 --> 00:53:16,894 moet een URL-adres van dat imago. 1070 00:53:16,894 --> 00:53:18,560 Misschien pseudo-code die voor nu, misschien. 1071 00:53:18,560 --> 00:53:20,601 >> ALLISON Buchholtz-AU: Wat wil je me to-- 1072 00:53:20,601 --> 00:53:22,574 Publiek: Ik denk als een GIF. 1073 00:53:22,574 --> 00:53:23,740 ALLISON Buchholtz-AU: A GIF? 1074 00:53:23,740 --> 00:53:26,070 Dat gaat interessant worden. 1075 00:53:26,070 --> 00:53:27,840 OK, wat moet ik googlen hier? 1076 00:53:27,840 --> 00:53:29,670 >> Publiek: Nee, dat is jouw keuze. 1077 00:53:29,670 --> 00:53:32,090 >> ALLISON Buchholtz-AU: Waarom niet we-- als het een konijntje, 1078 00:53:32,090 --> 00:53:35,610 Ik heb het gevoel dat we een moeten hebben mooie gazon of zoiets. 1079 00:53:35,610 --> 00:53:38,275 >> Publiek: Meadow. 1080 00:53:38,275 --> 00:53:39,350 Een weide. 1081 00:53:39,350 --> 00:53:40,641 >> ALLISON Buchholtz-AU: Een weide? 1082 00:53:40,641 --> 00:53:41,851 OK. 1083 00:53:41,851 --> 00:53:42,975 Publiek: Of Rachel Maddow. 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 ALLISON Buchholtz-AU: Deze ziet er mooi uit. 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 Oh, dat is klein, dat wel. 1088 00:53:50,380 --> 00:53:51,700 We moeten het een goede grootte. 1089 00:53:51,700 --> 00:53:53,142 Laten we eens kijken. 1090 00:53:53,142 --> 00:53:54,570 Oh, kijk. 1091 00:53:54,570 --> 00:53:55,630 Dat is een mooie weide. 1092 00:53:55,630 --> 00:53:58,320 Weet je wat, ik hou van deze. 1093 00:53:58,320 --> 00:53:59,300 Laten we kopiëren deze. 1094 00:53:59,300 --> 00:54:08,020 >> Publiek: OK, dus ik denk dat het de URL, haakjes geopend. 1095 00:54:08,020 --> 00:54:09,590 >> ALLISON Buchholtz-AU: OK, URL. 1096 00:54:09,590 --> 00:54:11,500 >> Publiek: Dan het adres. 1097 00:54:11,500 --> 00:54:13,610 >> ALLISON Buchholtz-AU: OK. 1098 00:54:13,610 --> 00:54:14,750 Is dat alles wat we nodig hebben? 1099 00:54:14,750 --> 00:54:20,550 >> Publiek: Sluit haakjes puntkomma, en dan de ruimte, achtergrond koppelteken 1100 00:54:20,550 --> 00:54:27,050 gehechtheid vaste colon, en accolade. 1101 00:54:27,050 --> 00:54:28,110 >> ALLISON Buchholtz-AU: OK. 1102 00:54:28,110 --> 00:54:29,114 Eens kijken of dat werkt. 1103 00:54:29,114 --> 00:54:30,780 Het zal wel cool als het niet te zijn. 1104 00:54:30,780 --> 00:54:33,880 Ik ben hier echt opgewonden. 1105 00:54:33,880 --> 00:54:35,070 Het werkte niet. 1106 00:54:35,070 --> 00:54:35,700 Ik vraag me af waarom. 1107 00:54:35,700 --> 00:54:37,700 Publiek: Misschien is de URL moet in citaten. 1108 00:54:37,700 --> 00:54:38,866 ALLISON Buchholtz-AU: Misschien. 1109 00:54:38,866 --> 00:54:41,520 En dit is hoe we leren, jongens. 1110 00:54:41,520 --> 00:54:44,340 >> Publiek: Kunnen we achtergrond afbeelding achtergrondkleur en? 1111 00:54:44,340 --> 00:54:45,390 >> Publiek: No. 1112 00:54:45,390 --> 00:54:46,550 Men vervangt de andere. 1113 00:54:46,550 --> 00:54:46,960 >> ALLISON Buchholtz-AU: I dunno. 1114 00:54:46,960 --> 00:54:47,460 Laten we eens kijken. 1115 00:54:47,460 --> 00:54:48,860 Laten we check it out en zie. 1116 00:54:48,860 --> 00:54:51,567 >> PUBLIEK: Oh, misschien, ja. 1117 00:54:51,567 --> 00:54:52,400 [Tussenplaatsen VOICES] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> ALLISON Buchholtz-AU: OK, dit is obviously-- ik [onverstaanbaar] hier. 1120 00:55:03,260 --> 00:55:04,927 Dus OK. 1121 00:55:04,927 --> 00:55:06,260 Publiek: Achtergrond attachment. 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 >> Publiek: OK, ik weet het niet. 1125 00:55:13,946 --> 00:55:16,070 ALLISON Buchholtz-AU: Het het lijkt alsof het zou moeten werken. 1126 00:55:16,070 --> 00:55:19,074 Weet je zeker dat het colon na de URL? 1127 00:55:19,074 --> 00:55:20,439 >> Publiek: Nee, het is puntkomma. 1128 00:55:20,439 --> 00:55:21,980 ALLISON Buchholtz-AU: Het is puntkomma. 1129 00:55:21,980 --> 00:55:22,530 Publiek: Heb ik colon zeggen? 1130 00:55:22,530 --> 00:55:24,155 ALLISON Buchholtz-AU: Je zei dat een dubbele punt. 1131 00:55:24,155 --> 00:55:26,222 Publiek: Oh nee. 1132 00:55:26,222 --> 00:55:27,680 ALLISON Buchholtz-AU: Daar ga je. 1133 00:55:27,680 --> 00:55:29,350 PUBLIEK: Oh, wacht, nu we kunnen de tekst niet lezen. 1134 00:55:29,350 --> 00:55:30,320 ALLISON Buchholtz-AU: Now kunt u de tekst niet lezen, 1135 00:55:30,320 --> 00:55:32,740 maar we hebben de achtergrondafbeelding. 1136 00:55:32,740 --> 00:55:33,300 Mmhmm? 1137 00:55:33,300 --> 00:55:35,220 >> Publiek: Doet HTML ondersteuning voor dynamische inhoud? 1138 00:55:35,220 --> 00:55:39,070 Zoals, zou je die foto vergroten of verkleinen Afhankelijk van de venstergrootte 1139 00:55:39,070 --> 00:55:39,890 of dat een CSS-- 1140 00:55:39,890 --> 00:55:41,723 >> ALLISON Buchholtz-AU: Dus CSS heeft om dat te doen. 1141 00:55:41,723 --> 00:55:45,210 Dus als jullie geïnteresseerd zijn in het leren van geavanceerde CSS, 1142 00:55:45,210 --> 00:55:50,789 Ik ben mede-onderwijs een seminar over CSS op de 7e. 1143 00:55:50,789 --> 00:55:52,580 En ik beloof het zal te veel grondiger 1144 00:55:52,580 --> 00:55:55,220 en doe nog veel meer leuke dingen in deze sectie. 1145 00:55:55,220 --> 00:55:59,234 En mijn co-docent is als totale front-end web dev meester. 1146 00:55:59,234 --> 00:56:02,150 Dus het zal wel cool als je wilt zijn om over alle coole dingen te leren 1147 00:56:02,150 --> 00:56:03,960 dat CSS kan doen. 1148 00:56:03,960 --> 00:56:06,860 >> Maar wat we hier hebben met zijn achtergrond attachment 1149 00:56:06,860 --> 00:56:13,330 fixed-- dus het is een aantal vaste omvang-- maar je kunt eigenlijk dynamically-- 1150 00:56:13,330 --> 00:56:17,610 als je ooit webpagina's, zoals te zien de meeste goede webpagina's zal doen, 1151 00:56:17,610 --> 00:56:19,470 wanneer u met het aanpassen van de grootte van uw browser, 1152 00:56:19,470 --> 00:56:23,980 Het past de achtergrond of hoeveel toont of formatteert dingen, toch? 1153 00:56:23,980 --> 00:56:27,100 Dus dat is wat wij noemen relatieve positionering. 1154 00:56:27,100 --> 00:56:33,410 >> En CSS kan eigenlijk grijpen hoe groot uw browser breedte is of hoe groot het is, 1155 00:56:33,410 --> 00:56:37,970 en je kunt dingen positioneren volgens de relatieve afmetingen 1156 00:56:37,970 --> 00:56:40,420 versus absolute maten. 1157 00:56:40,420 --> 00:56:44,920 En dat is uiteraard meer geavanceerde CSS, maar dat is iets wat je kunt doen. 1158 00:56:44,920 --> 00:56:47,390 Als je wilt leren meer, kom naar mijn seminar. 1159 00:56:47,390 --> 00:56:50,540 >> Dus dat is iets wat je kunt doen. 1160 00:56:50,540 --> 00:56:54,450 En CSS kan eigenlijk doen-- CSS en JavaScript, 1161 00:56:54,450 --> 00:56:58,790 die we zullen krijgen in volgende week-- kan u toestaan ​​om dynamisch te wijzigen 1162 00:56:58,790 --> 00:57:02,160 pagina's zonder dat u herladen ze de hele tijd. 1163 00:57:02,160 --> 00:57:04,590 En je krijgt om wat te doen pretty cool stuff. 1164 00:57:04,590 --> 00:57:09,317 >> Dus is er een ander ding dat jullie zou willen doen 1165 00:57:09,317 --> 00:57:10,650 of alles wat je wilt om te verkennen? 1166 00:57:10,650 --> 00:57:12,900 We hebben 10 minuten over. 1167 00:57:12,900 --> 00:57:19,010 We kunnen ook vroeg te vertrekken, maar als u wilt wat meer web dingen te doen, 1168 00:57:19,010 --> 00:57:20,960 we kunnen, maar ik ben niet zal je dwingen om. 1169 00:57:20,960 --> 00:57:23,510 Maar we kunnen ook gewoon eten snoep. 1170 00:57:23,510 --> 00:57:25,760 Publiek: Markeer de tekst wit zodat je het kunt lezen. 1171 00:57:25,760 --> 00:57:27,680 ALLISON Buchholtz-AU: OK. 1172 00:57:27,680 --> 00:57:33,389 Dus in dit geval willen we een aantal p. 1173 00:57:33,389 --> 00:57:36,305 Publiek: Moeten we het doen in de lichaam, zodat zij van toepassing op de hele pagina? 1174 00:57:36,305 --> 00:57:38,096 ALLISON Buchholtz-AU: Ja, we kunnen eigenlijk. 1175 00:57:38,096 --> 00:57:40,880 Dat is een goed idee. 1176 00:57:40,880 --> 00:57:43,420 Dus have-- wij u doen weten wat we zouden moeten zijn? 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 Ik weet niet of we de tekstkleur kunnen doen. 1179 00:57:50,260 --> 00:57:54,946 Ik was van plan om te proberen en maak hier een andere klasse. 1180 00:57:54,946 --> 00:57:58,394 >> Publiek: Hoe krijg je zo dat het de suggesties? 1181 00:57:58,394 --> 00:58:00,560 ALLISON Buchholtz-AU: So als jullie geïnteresseerd zijn, 1182 00:58:00,560 --> 00:58:03,480 dit is een andere tekst editor genaamd Sublime. 1183 00:58:03,480 --> 00:58:07,180 Je moet in staat zijn om installeer deze op uw apparaat. 1184 00:58:07,180 --> 00:58:08,659 Soms wordt het een beetje lastig. 1185 00:58:08,659 --> 00:58:10,950 Als u hulp met dat willen, Ik ben super blij om u te helpen 1186 00:58:10,950 --> 00:58:14,720 met het, omdat gedit is groot en het is geweldig want je kunt compileren 1187 00:58:14,720 --> 00:58:17,790 op de bodem, maar ik heb echt zoals Sublime want het is vrij 1188 00:58:17,790 --> 00:58:19,498 en het maakt dingen te doen zoals auto-complete. 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> Dus je kan zeker gerust laat het me weten als je wilt om dat te doen. 1191 00:58:26,890 --> 00:58:28,940 Als je gewoon google "Sublime tekst, "het meestal 1192 00:58:28,940 --> 00:58:32,860 heeft instructies over hoe te installeren op verschillende besturingssystemen. 1193 00:58:32,860 --> 00:58:37,590 Het is echt cool, ik denken, in mijn mening. 1194 00:58:37,590 --> 00:58:38,355 So p. 1195 00:58:38,355 --> 00:58:45,616 Ik denk dat ik kan gewoon doen text-- of kunnen we gewoon doen kleur is "wit." 1196 00:58:45,616 --> 00:58:47,050 Er. 1197 00:58:47,050 --> 00:58:50,770 >> Dus wat ik hier gedaan heb is dat ik niet al tekst te veranderen. 1198 00:58:50,770 --> 00:58:54,040 Maar p hier is slechts een tag die we hebben, toch? 1199 00:58:54,040 --> 00:58:55,450 Deze paragraaf tag. 1200 00:58:55,450 --> 00:59:00,380 Dus heb ik zojuist een CSS element dat zei, OK, iets met deze tag 1201 00:59:00,380 --> 00:59:02,510 p, maken de kleur wit. 1202 00:59:02,510 --> 00:59:05,690 >> Dus als het je opgevallen, het maakte dit wit en deze witte. 1203 00:59:05,690 --> 00:59:09,100 Het heeft niet onze lijst wit omdat maken het is niet geassocieerd met dat. 1204 00:59:09,100 --> 00:59:11,180 Je kon door gaan en je kon say-- 1205 00:59:11,180 --> 00:59:11,860 >> Publiek: Doe achtergrondkleur. 1206 00:59:11,860 --> 00:59:12,660 >> ALLISON Buchholtz-AU: Achtergrond kleur? 1207 00:59:12,660 --> 00:59:15,660 >> Publiek: Achtergrond van pijp in kleur waar je de 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 Je wilt het wit? 1211 00:59:22,804 --> 00:59:23,470 Publiek: Mmhmm. 1212 00:59:23,470 --> 00:59:25,070 ALLISON Buchholtz-AU: OK. 1213 00:59:25,070 --> 00:59:26,342 Daar ga je. 1214 00:59:26,342 --> 00:59:27,300 Publiek: Dat is raar. 1215 00:59:27,300 --> 00:59:29,190 ALLISON Buchholtz-AU: Pretty cool, toch? 1216 00:59:29,190 --> 00:59:31,640 Dus als je rotzooi maar, je gaat om veel te leren. 1217 00:59:31,640 --> 00:59:34,720 En het kan behoorlijk cool. 1218 00:59:34,720 --> 00:59:37,312 Ik denk dat het zeker meer verheugend dan soms 1219 00:59:37,312 --> 00:59:39,770 omdat je niet hoeft te wachten voor uw programma te compileren. 1220 00:59:39,770 --> 00:59:41,895 U kunt gewoon op Vernieuwen en je bent zoals, oh, kijk, 1221 00:59:41,895 --> 00:59:44,276 het werkte, of oh, ik ben waarschijnlijk iets te missen. 1222 00:59:44,276 --> 00:59:47,359 En dat is iets dat echt cool over het volgende deel van de klas, 1223 00:59:47,359 --> 00:59:49,250 is het is zeker, ik denk, makkelijker om te controleren 1224 00:59:49,250 --> 00:59:52,640 als je langs de weg versus hoeven deze lange programma's te schrijven 1225 00:59:52,640 --> 00:59:57,830 en wensen en bidden dat het werkt op het einde. 1226 00:59:57,830 --> 01:00:01,960 >> Dus met dat, denk ik jullie lijken allemaal goed. 1227 01:00:01,960 --> 01:00:05,360 Als je zoals altijd nog vragen hebben,, kom met me praten, kom laat het me weten. 1228 01:00:05,360 --> 01:00:08,180 Ik zal net buiten zijn de volgende 15 minuten 1229 01:00:08,180 --> 01:00:11,340 als je wilt over chatten alles en nog wat. 1230 01:00:11,340 --> 01:00:13,530 >> Dus ik hoop dat je guys-- veel succes met deze pset. 1231 01:00:13,530 --> 01:00:18,150 De deadline is vrijdag op de middag want het was te laat uitgebracht. 1232 01:00:18,150 --> 01:00:21,220 Dus ik zal waarschijnlijk moeten zien veel van jullie op donderdag, 1233 01:00:21,220 --> 01:00:21,970 maar hopelijk niet. 1234 01:00:21,970 --> 01:00:23,386 Misschien heb je het gedaan door dan. 1235 01:00:23,386 --> 01:00:24,440 Ik zou super trots zijn. 1236 01:00:24,440 --> 01:00:26,410 >> Maar zo niet, dan zie ik je donderdag. 1237 01:00:26,410 --> 01:00:30,030 U kunt ook een late datum, gebruik die breidt het uit tot en met zaterdag 's middags. 1238 01:00:30,030 --> 01:00:31,730 Maar ik don't-- huh? 1239 01:00:31,730 --> 01:00:32,580 >> Publiek: Halloween. 1240 01:00:32,580 --> 01:00:34,538 >> ALLISON Buchholtz-AU: Het is Halloween, a en b, 1241 01:00:34,538 --> 01:00:37,050 Ik denk niet dat er zal zijn spreekuur op vrijdag. 1242 01:00:37,050 --> 01:00:40,920 Dus echt proberen en krijgen het gedaan door Vrijdag, zodat we allemaal kunnen vieren 1243 01:00:40,920 --> 01:00:42,010 Hallow weekend. 1244 01:00:42,010 --> 01:00:44,670 Oké, ik zie jullie volgende week. 1245 01:00:44,670 --> 01:00:45,888