1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [RIPRODUZIONE DI BRANI MUSICALI] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 ALLISON Buchholtz-AU: Va bene, tutti. 5 00:00:12,540 --> 00:00:13,860 Bentornato alla sezione. 6 00:00:13,860 --> 00:00:19,559 Quindi il nostro ordine del giorno per oggi sta su molto più web dev roba. 7 00:00:19,559 --> 00:00:21,600 Non so quanti di avete visto i vostri p-set 8 00:00:21,600 --> 00:00:24,414 quando è stato rilasciato questa mattina. 9 00:00:24,414 --> 00:00:26,330 Vorrei come il numero di persone hanno letto le specifiche, 10 00:00:26,330 --> 00:00:29,910 ma visto che hai avuto tutto di, come, sette ore per guardare a questo 11 00:00:29,910 --> 00:00:31,910 ed è un Lunedi e probabilmente hai avuto classe, 12 00:00:31,910 --> 00:00:34,160 Ho intenzione di assumere che la maggior parte di voi non hanno. 13 00:00:34,160 --> 00:00:37,170 Se avete, complimenti extra. 14 00:00:37,170 --> 00:00:39,400 >> Tu sei fondamentalmente aiutando implementare un semplice web 15 00:00:39,400 --> 00:00:43,270 Server in C, che è un nuovo pset, così voi ragazzi arrivare a essere le cavie. 16 00:00:43,270 --> 00:00:49,730 Sta andando essere un divertimento, una settimana selvaggia, ma penso che sarà un sacco di divertimento 17 00:00:49,730 --> 00:00:52,260 e sarà davvero un buona esperienza in realtà. 18 00:00:52,260 --> 00:00:54,920 Quindi, per preparare per che, in sezione oggi, 19 00:00:54,920 --> 00:01:00,940 stiamo per andare chmod, TCP / IP, e poi un po 'di HTML e CSS. 20 00:01:00,940 --> 00:01:05,080 >> Alla fine, ci troveremo a codice una semplice pagina web insieme 21 00:01:05,080 --> 00:01:09,042 per aiutare voi ragazzi tipo di ottenere più familiarità con questo. 22 00:01:09,042 --> 00:01:11,750 E poi se non hai raccolto i tuoi quiz, che sono di fronte, 23 00:01:11,750 --> 00:01:14,890 ma sono abbastanza sicuro che tutti qui ha loro quiz. 24 00:01:14,890 --> 00:01:17,880 E anche su questa nota, soluzioni non sono ancora, 25 00:01:17,880 --> 00:01:21,490 ma appena ci finish-- piace, il ultime persone che prendono la loro quizzes-- 26 00:01:21,490 --> 00:01:22,280 saranno all'altezza. 27 00:01:22,280 --> 00:01:24,630 Se avete domande Intanto, 28 00:01:24,630 --> 00:01:26,240 sentitevi liberi di scrivermi personalmente. 29 00:01:26,240 --> 00:01:30,700 Risponderò con il vostro individuale domande, come faccio sempre. 30 00:01:30,700 --> 00:01:33,890 >> Così su quella nota, chmod. 31 00:01:33,890 --> 00:01:36,390 Quindi, in pratica tutto quello che bisogno di sapere su chmod 32 00:01:36,390 --> 00:01:39,620 è che è usato per cambiare i permessi dei file, giusto? 33 00:01:39,620 --> 00:01:44,050 Quindi è solo alcuni sistemi richiedono un cambiare i permessi, come si dice qui. 34 00:01:44,050 --> 00:01:48,540 E se vi capitasse di voler vedere Quali autorizzazioni ha un file, 35 00:01:48,540 --> 00:01:52,240 invece di fare ls, si potrebbe fare ls -l. 36 00:01:52,240 --> 00:01:54,010 L sta per molto tempo. 37 00:01:54,010 --> 00:01:56,460 >> Così potrai fare lunghi elenchi di tutto, e 38 00:01:56,460 --> 00:02:02,080 vi darà molto più dettagliata informazioni su ciascuno dei vostri file. 39 00:02:02,080 --> 00:02:05,540 E vedrai something-- sono andando a saltare per un secondo-- 40 00:02:05,540 --> 00:02:08,910 ma vedrete qualcosa di simile a che riga superiore ci per ogni file. 41 00:02:08,910 --> 00:02:11,560 E andremo attraverso che cosa significa. 42 00:02:11,560 --> 00:02:15,260 >> Quindi, fondamentalmente, di cambiare i permessi dei file, 43 00:02:15,260 --> 00:02:16,850 si vuole solo utilizzare chmod. 44 00:02:16,850 --> 00:02:23,620 Si può pensare ad esso come qualsiasi altro UNIX chiamata come ls o cd o roba del genere. 45 00:02:23,620 --> 00:02:25,540 E 'solo un po' come un'altra chiamata. 46 00:02:25,540 --> 00:02:30,530 >> Così facciamo chmod e poi ci avere tre cifre in genere. 47 00:02:30,530 --> 00:02:33,570 Ci sono un paio di modi per farlo essa, uno dei quali andremo oltre. 48 00:02:33,570 --> 00:02:37,650 Ma in genere, avrete tre cifre che vanno da 0 a 7 ogni volta. 49 00:02:37,650 --> 00:02:43,530 >> Quindi una cosa è che ci sono tre autorizzazioni diverse 50 00:02:43,530 --> 00:02:45,510 che siamo in grado di dare ad ogni file. 51 00:02:45,510 --> 00:02:49,480 Ed è leggibile, che è rappresentato da r, che senso 52 00:02:49,480 --> 00:02:54,020 in un po '; w, che è scrivibile; ed eseguibile, che è x. 53 00:02:54,020 --> 00:02:57,630 So che l'e uno, eseguibile, forse non ha più senso, ma noi 54 00:02:57,630 --> 00:02:59,120 rappresentare con x. 55 00:02:59,120 --> 00:03:05,290 >> E allora ciò che accade è ciascuno di questi hanno anche la rappresentazione dei numeri. 56 00:03:05,290 --> 00:03:07,990 Così abbiamo 1, 2, e 4. 57 00:03:07,990 --> 00:03:12,060 E in fondo ciò che accade è ciascuno di questi tre numeri 58 00:03:12,060 --> 00:03:17,380 questo corrisponde ad un diverso insieme di utenti 59 00:03:17,380 --> 00:03:19,420 che tali autorizzazioni riguardano. 60 00:03:19,420 --> 00:03:24,820 >> Quindi si può pensare che la prima numero corrisponde al vero utente 61 00:03:24,820 --> 00:03:29,360 o il proprietario del file, la seconda numero corrisponderà al gruppo, 62 00:03:29,360 --> 00:03:33,590 e l'ultima si riferisce al mondo, OK? 63 00:03:33,590 --> 00:03:39,995 Quindi, quello che succede è ricordare quelli r numbers-- è 4, w è 2, 64 00:03:39,995 --> 00:03:42,550 x è 1, giusto? 65 00:03:42,550 --> 00:03:46,630 Questa poi, se si somma questi in su, che ti dà quel primo numero 66 00:03:46,630 --> 00:03:48,600 che potremmo ingresso nel nostro chmod. 67 00:03:48,600 --> 00:03:52,191 >> Quindi, in questo caso, ciò sarebbe questo numero è? 68 00:03:52,191 --> 00:03:57,030 Sarebbe 4 più 2 più 1, che è un 7, giusto? 69 00:03:57,030 --> 00:03:59,250 E in questo caso, questi non hanno nulla, 70 00:03:59,250 --> 00:04:06,450 quindi questo qui sarebbe tradurre in chmod 700, OK? 71 00:04:06,450 --> 00:04:12,030 E ciò che fa è consente a tutte le di queste autorizzazioni per l'utente. 72 00:04:12,030 --> 00:04:14,400 >> Quindi questo significa che il nostro utente può fare ciò che vogliono. 73 00:04:14,400 --> 00:04:15,400 Si può leggere questo file. 74 00:04:15,400 --> 00:04:16,810 Possono eseguire questo file. 75 00:04:16,810 --> 00:04:18,360 Possono scrivere in questo file. 76 00:04:18,360 --> 00:04:23,545 Ma di gruppo e il mondo, non autorizzazioni di sorta, OK? 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> Quindi un altro modo di scrivere che, possiamo fare chmod di tre cifre, ognuna delle quali 79 00:04:32,680 --> 00:04:40,040 corrisponde a qualsiasi somma o che gruppo specifico è, sottoinsieme specifico. 80 00:04:40,040 --> 00:04:44,870 Oppure possiamo fare davvero un'altra cosa. 81 00:04:44,870 --> 00:04:45,590 Resisti. 82 00:04:45,590 --> 00:04:49,330 Siamo in grado di fare qualcosa con questi qui. 83 00:04:49,330 --> 00:04:55,615 >> Quanti di voi hanno visto un esempio dove è stato come chmod un plus x? 84 00:04:55,615 --> 00:04:58,070 Hai visto che in conferenza, penso? 85 00:04:58,070 --> 00:05:00,610 Così una sta per tutti. 86 00:05:00,610 --> 00:05:04,990 Significa dare a tutti gli utenti, che ho dimenticato di mettere qui. 87 00:05:04,990 --> 00:05:08,790 >> Ma un plus x, se notare qui, se lo facciamo 88 00:05:08,790 --> 00:05:13,420 a chmod-- quale gruppo siamo parlare di più i permessi 89 00:05:13,420 --> 00:05:14,660 vogliamo dare loro. 90 00:05:14,660 --> 00:05:16,120 Quindi questo può essere un più o un meno. 91 00:05:16,120 --> 00:05:17,690 Inoltre aggiunge il permesso. 92 00:05:17,690 --> 00:05:19,510 Minus toglie il permesso. 93 00:05:19,510 --> 00:05:22,520 Abbastanza intuitivo, credo. 94 00:05:22,520 --> 00:05:25,720 >> Così un plus x significa chmod. 95 00:05:25,720 --> 00:05:32,260 Quindi, modificare le autorizzazioni di tutte le persone Se questo è un add permessi A--. 96 00:05:32,260 --> 00:05:37,110 E X-- che cosa significa il permesso stiamo concediamo tutti. 97 00:05:37,110 --> 00:05:38,510 Leggere, scrivere o eseguire? 98 00:05:38,510 --> 00:05:39,360 >> PUBBLICO: Esegui. 99 00:05:39,360 --> 00:05:40,610 >> ALLISON Buchholtz-AU: Esegui. 100 00:05:40,610 --> 00:05:46,080 Così stiamo dando tutti gli utenti il permesso di eseguire il file, OK? 101 00:05:46,080 --> 00:05:53,370 E se volessimo fare che con la forma numerica? 102 00:05:53,370 --> 00:05:56,290 Quindi ricorda con numerico, vogliamo tre numeri. 103 00:05:56,290 --> 00:05:56,790 >> PUBBLICO: 4. 104 00:05:56,790 --> 00:05:58,290 ALLISON Buchholtz-AU: Che cosa è stato? 105 00:05:58,290 --> 00:05:59,260 PUBBLICO: 4. 106 00:05:59,260 --> 00:06:00,426 ALLISON Buchholtz-AU: Non è un 4. 107 00:06:00,426 --> 00:06:01,599 PUBBLICO: 0, 0, 4. 108 00:06:01,599 --> 00:06:04,390 ALLISON Buchholtz-AU: Beh, noi vogliamo per dare a tutti gli utenti, giusto? 109 00:06:04,390 --> 00:06:07,442 Quindi stiamo andando ad avere un numero in ogni slot. 110 00:06:07,442 --> 00:06:09,400 Che sta per essere il stesso numero in ogni slot 111 00:06:09,400 --> 00:06:13,800 perché vogliamo solo dare permessi eseguibili tutti. 112 00:06:13,800 --> 00:06:16,480 Così eseguibile è 1, ma sulla strada giusta. 113 00:06:16,480 --> 00:06:23,055 >> Quindi, se abbiamo fatto chmod 111 che avrebbe essere l'equivalente di chmod un plus x. 114 00:06:23,055 --> 00:06:24,430 Questo fa senso per tutti? 115 00:06:24,430 --> 00:06:26,910 Stiamo per passare attraverso un paio di esempi. 116 00:06:26,910 --> 00:06:29,860 >> Così la grande asporto ecco un non è qui, 117 00:06:29,860 --> 00:06:33,360 ma significa solo dare a tutti gli utenti. 118 00:06:33,360 --> 00:06:36,610 u è se si desidera solo di dare o togliere 119 00:06:36,610 --> 00:06:40,600 una esplicita autorizzazione della l'utente o il proprietario. 120 00:06:40,600 --> 00:06:43,800 g è per il gruppo, in modo che cifre di mezzo. 121 00:06:43,800 --> 00:06:49,440 E poi gli altri si può pensare come il mondo, che l'ultima cifra. 122 00:06:49,440 --> 00:06:52,840 >> Quindi, con questo, andremo in un esempio, perché mi sento come esempi sempre 123 00:06:52,840 --> 00:06:56,240 fare queste cose più facili da capire. 124 00:06:56,240 --> 00:07:01,240 Così rwx-- siamo andati attraverso questo-- potrebbe anche essere rappresentare come 700. 125 00:07:01,240 --> 00:07:05,070 Questo è l'esempio abbiamo guardato da più del quadro. 126 00:07:05,070 --> 00:07:09,990 Così chmod 444 su qualche file darebbe quali autorizzazioni? 127 00:07:09,990 --> 00:07:11,947 Sei stato davvero vicino. 128 00:07:11,947 --> 00:07:13,030 PUBBLICO: leggibile a tutti. 129 00:07:13,030 --> 00:07:14,321 ALLISON Buchholtz-AU: leggibile. 130 00:07:14,321 --> 00:07:15,660 Così leggibile a tutti, giusto? 131 00:07:15,660 --> 00:07:17,910 E poi che cosa è un altro modo per farlo? 132 00:07:17,910 --> 00:07:23,070 Se vogliamo fare sia con chmod di w di R o, più e svantaggi, 133 00:07:23,070 --> 00:07:25,300 cosa sarebbe quella chiamata simile? 134 00:07:25,300 --> 00:07:27,336 Sarebbe chmod cosa? 135 00:07:27,336 --> 00:07:28,590 >> PUBBLICO: un plus r. 136 00:07:28,590 --> 00:07:32,900 >> ALLISON Buchholtz-AU: un plus r sul 5. 137 00:07:32,900 --> 00:07:40,980 OK, quindi questo è lo stesso di questo, solo due diverse traduzioni 138 00:07:40,980 --> 00:07:42,500 della stessa cosa. 139 00:07:42,500 --> 00:07:45,650 E con questo, abbiamo questi. 140 00:07:45,650 --> 00:07:50,310 Quindi voglio che voi ragazzi a provare e scrivere questo tipo di loro in modo opposto. 141 00:07:50,310 --> 00:07:53,710 >> Quindi, con chmod 555, che cosa sarebbe come? 142 00:07:53,710 --> 00:07:56,704 Sarebbe un segno più o u più o roba del genere? 143 00:07:56,704 --> 00:07:58,370 Per u più x, dammi i tre numeri. 144 00:07:58,370 --> 00:08:03,530 E poi dimmi di che cosa permessi stiamo in realtà la concessione e per chi? 145 00:08:03,530 --> 00:08:06,600 >> Quindi io ti darò due ragazzi minuti per lavorare su questo. 146 00:08:06,600 --> 00:08:08,160 Sentitevi liberi di parlare tra di loro. 147 00:08:08,160 --> 00:08:11,910 Per quelli di voi che sono venuti in un po ' in ritardo, c'è caramelle e camicie. 148 00:08:11,910 --> 00:08:14,590 Abbiamo tre camicie a sinistra, e abbiamo Kit Kats e Starbursts. 149 00:08:14,590 --> 00:08:17,630 Quindi sentitevi liberi di venire afferrare un po 'in questo piccolo intermezzo. 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> Inoltre, l'ultima è difficile. 152 00:09:04,440 --> 00:09:06,670 Si tratta di due chmods per l'ultimo. 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 A dire il vero, mi permetta di chiudere quella porta mentre voi ragazzi stanno lavorando su questo. 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 Candy è sempre necessario su un Lunedi pomeriggio. 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> OK, quindi chmod 555. 159 00:09:34,756 --> 00:09:36,380 Che cosa è un altro modo potremmo scrivere che? 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 Tutte le idee? 162 00:09:41,790 --> 00:09:42,290 Sì. 163 00:09:42,290 --> 00:09:43,280 >> PUBBLICO: un 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 Vuoi spiegare il motivo per cui sarebbe stato rx? 166 00:09:47,290 --> 00:09:49,570 >> PUBBLICO: Perché hai 5, in modo che è 4 più 1, 167 00:09:49,570 --> 00:09:51,734 Ecco, questo è leggere più eseguibile, ed è per tutti. 168 00:09:51,734 --> 00:09:52,900 ALLISON Buchholtz-AU: Giusto. 169 00:09:52,900 --> 00:09:58,540 Quindi, solo per ribadire, 5 qui sappiamo come somma di 4 e 1, 170 00:09:58,540 --> 00:10:04,760 perché ogni numero nel nostro trio è il somma delle autorizzazioni per tale sottoinsieme, 171 00:10:04,760 --> 00:10:05,260 giusto? 172 00:10:05,260 --> 00:10:07,070 Sia l'uso, la gruppo, o il mondo. 173 00:10:07,070 --> 00:10:11,160 Quindi, in questo caso, sappiamo che 5 deve essere formato da 4 e 1. 174 00:10:11,160 --> 00:10:15,240 >> E 4 e 1 corrispondono a leggibile ed eseguibile. 175 00:10:15,240 --> 00:10:21,717 Stiamo dando a tutti, in modo che possiamo fare chmod un plus rx. 176 00:10:21,717 --> 00:10:24,050 E ovviamente, siamo andati attraverso le domande lì, 177 00:10:24,050 --> 00:10:28,810 così ora questo file è eseguibile e leggibile a tutti. 178 00:10:28,810 --> 00:10:31,120 >> E per quanto riguarda il secondo? 179 00:10:31,120 --> 00:10:32,900 Quale potrebbe essere il numero per quello essere? 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 Tutte le idee? 182 00:10:37,180 --> 00:10:37,680 Vai avanti. 183 00:10:37,680 --> 00:10:38,600 >> PUBBLICO: 100 [incomprensibile]. 184 00:10:38,600 --> 00:10:39,683 >> ALLISON Buchholtz-AU: 100. 185 00:10:39,683 --> 00:10:40,270 Esattamente. 186 00:10:40,270 --> 00:10:42,455 Quindi vuoi spiegare perché 100? 187 00:10:42,455 --> 00:10:45,080 PUBBLICO: Perché è per il utente, quindi è in prima posizione. 188 00:10:45,080 --> 00:10:47,371 E poi x eseguibile è 1. 189 00:10:47,371 --> 00:10:48,620 ALLISON Buchholtz-AU: Esattamente. 190 00:10:48,620 --> 00:10:53,120 Così ci concediamo eseguibile autorizzazioni per solo l'utente. 191 00:10:53,120 --> 00:10:55,100 Quindi in questo caso, sarebbe 100. 192 00:10:55,100 --> 00:10:57,570 E ho tutte le risposte sulla diapositiva successiva nel caso 193 00:10:57,570 --> 00:11:00,060 stai scrivendo un sacco di cose. 194 00:11:00,060 --> 00:11:08,410 >> OK, quindi questo prossimo è in realtà fatto con due chmods, si poteva fare. 195 00:11:08,410 --> 00:11:11,120 Così qualcuno ha qualsiasi idea di come si potrebbe 196 00:11:11,120 --> 00:11:14,150 ottenere chmod 640 riscritto in altro modo? 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 È possibile modificare l'utente e poi è possibile modificare il gruppo è il mio suggerimento. 199 00:11:22,820 --> 00:11:29,740 >> Quindi, se siamo stati solo cambiando il utente, che è il primo qui 200 00:11:29,740 --> 00:11:33,830 quello che potrebbe essere la nostra chiamata? 201 00:11:33,830 --> 00:11:36,080 Quindi l'utente è u, giusto? 202 00:11:36,080 --> 00:11:38,780 Così chmod u più che cosa? 203 00:11:38,780 --> 00:11:39,280 Mmhmm? 204 00:11:39,280 --> 00:11:40,469 >> PUBBLICO: rw. 205 00:11:40,469 --> 00:11:41,510 ALLISON Buchholtz-AU: rw. 206 00:11:41,510 --> 00:11:47,470 Destra, per leggere e scrivere, perché di lettura è 4, w è 2, quelli che somma insieme come 6. 207 00:11:47,470 --> 00:11:52,760 Così otteniamo chmod u più rw, e otteniamo il nostro primo 6 lì. 208 00:11:52,760 --> 00:11:56,860 >> Ecco che allora per ottenere il 4, ora vogliamo a cambiare le nostre impostazioni del gruppo. 209 00:11:56,860 --> 00:12:00,960 Quindi stiamo andando a fare chmod g più che cosa? 210 00:12:00,960 --> 00:12:02,380 Che cosa è un 4? 211 00:12:02,380 --> 00:12:03,040 >> PUBBLICO: r. 212 00:12:03,040 --> 00:12:04,040 ALLISON Buchholtz-AU: r. 213 00:12:04,040 --> 00:12:05,070 Proprio. 214 00:12:05,070 --> 00:12:09,140 Così stiamo dando il proprietario leggere e scrivere le autorizzazioni 215 00:12:09,140 --> 00:12:13,141 e stiamo dando lettura di gruppo permessi, che abbiamo tutti qui. 216 00:12:13,141 --> 00:12:13,640 Mmhmm? 217 00:12:13,640 --> 00:12:17,740 >> PUBBLICO: Se è possibile scrivere qualcosa, implica puoi eseguirlo? 218 00:12:17,740 --> 00:12:20,700 >> ALLISON Buchholtz-AU: Si può scrivere a something-- 219 00:12:20,700 --> 00:12:22,900 Non credo che implica puoi eseguirlo. 220 00:12:22,900 --> 00:12:25,951 221 00:12:25,951 --> 00:12:26,450 Freddo. 222 00:12:26,450 --> 00:12:29,620 Ecco, questo è tutto quello che siamo andati attraverso. 223 00:12:29,620 --> 00:12:33,075 Così in questo successivo, è casi solo tipo di comuni 224 00:12:33,075 --> 00:12:35,200 che si desidera mantenere in mente per il vostro problema impostato. 225 00:12:35,200 --> 00:12:39,800 Questi sono in genere i permessi che ci piace di utilizzare. 226 00:12:39,800 --> 00:12:44,900 >> Così per 711, che dà noi, naturalmente, l'uso 227 00:12:44,900 --> 00:12:47,720 tutte le autorizzazioni, che tende ad avere un senso. 228 00:12:47,720 --> 00:12:51,920 E poi è eseguibile dal gruppo nel mondo, che ha un senso 229 00:12:51,920 --> 00:12:56,150 se si dispone di una directory, si vogliono essere in grado di attraversare in esso. 230 00:12:56,150 --> 00:12:58,160 La gente ha bisogno di accesso. 231 00:12:58,160 --> 00:13:04,680 >> Per qualsiasi tipo di file non PHP, si sta andando di utilizzare 644, che fare che cosa? 232 00:13:04,680 --> 00:13:07,560 Che cosa implica, o che cosa autorizzazioni sono che danno? 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 Quindi, il proprietario può cosa? 235 00:13:14,409 --> 00:13:15,450 PUBBLICO: Leggere e scrivere. 236 00:13:15,450 --> 00:13:16,991 ALLISON Buchholtz-AU: Leggere e scrivere. 237 00:13:16,991 --> 00:13:21,560 E poi di gruppo e gli altri può solo leggere, giusto? 238 00:13:21,560 --> 00:13:25,660 E poi chmod 600 per qualsiasi File PHP che si utilizza, 239 00:13:25,660 --> 00:13:27,980 il tuo padrone, ancora una volta, può leggere e scrivere ad esso 240 00:13:27,980 --> 00:13:32,310 ma tutti gli altri è solo un po 'bloccato. 241 00:13:32,310 --> 00:13:34,540 >> Quindi questo sarà effettivamente essere più utile quando 242 00:13:34,540 --> 00:13:37,700 si arriva al vostro problema impostare la prossima settimana in cui 243 00:13:37,700 --> 00:13:40,290 si sta effettivamente costruire un sito web. 244 00:13:40,290 --> 00:13:43,100 Quindi, se mai esegue in problemi strani 245 00:13:43,100 --> 00:13:45,970 dove non sta caricando correttamente, forse si 246 00:13:45,970 --> 00:13:50,670 bisogno di aggiungere un file eseguibile il permesso, o forse hai bisogno di una lettura 247 00:13:50,670 --> 00:13:52,990 o il permesso di scrittura. 248 00:13:52,990 --> 00:13:56,980 Piccole cose che tendono a inciampare persone up, ma questo è un po 'come il go-to 249 00:13:56,980 --> 00:13:58,564 quando si avvia pset della prossima settimana. 250 00:13:58,564 --> 00:14:00,730 E darei più suggerimenti su pset di questa settimana, 251 00:14:00,730 --> 00:14:05,010 ma devo ancora vedere le cose dal è stato rilasciato questa mattina. 252 00:14:05,010 --> 00:14:10,600 Ma tu mi email, io ho guardato a lui per il momento rispondo domani. 253 00:14:10,600 --> 00:14:14,310 >> Così ora, è tutto buono con chmod? 254 00:14:14,310 --> 00:14:16,040 Tutte le domande persistenti? 255 00:14:16,040 --> 00:14:17,240 Abbastanza semplice. 256 00:14:17,240 --> 00:14:20,620 Solo tipo di tenere traccia di ciò che lettura, scrittura ed esecuzione numeri sono 257 00:14:20,620 --> 00:14:23,660 è probabilmente la parte più difficile. 258 00:14:23,660 --> 00:14:29,620 >> Quindi, con TCP IP, tutti questi protocolli /, un po 'come con le strutture di dati 259 00:14:29,620 --> 00:14:31,990 la scorsa settimana, è molto più importante per tipo di ottenere 260 00:14:31,990 --> 00:14:33,900 intuizione livello più alto di loro. 261 00:14:33,900 --> 00:14:37,390 Questo non è CS143 dove stiamo andando per chiedere di implementare una rete, 262 00:14:37,390 --> 00:14:39,870 così andrà tutto bene se non si capisce 263 00:14:39,870 --> 00:14:42,900 la parte fondamentale di tutti i protocolli. 264 00:14:42,900 --> 00:14:46,050 Quello che è importante capire è un po 'come ciò che rappresentano 265 00:14:46,050 --> 00:14:47,300 e perché sono importanti. 266 00:14:47,300 --> 00:14:52,320 >> Così TCP / IP, naturalmente, è il Transmission Control Protocol 267 00:14:52,320 --> 00:14:57,270 o Internet Protocol, che è fondamentalmente solo una serie di leggi in fondo 268 00:14:57,270 --> 00:15:00,800 o norme che dicono i dati come dovrebbe essere gestito, 269 00:15:00,800 --> 00:15:04,900 come dovrebbe essere packetized, trasmessi e ricevuti. 270 00:15:04,900 --> 00:15:09,200 Quindi, fondamentalmente, così come dice qui, aumenta le possibilità 271 00:15:09,200 --> 00:15:12,950 che i dati finisce dove si desidera raggiungere. 272 00:15:12,950 --> 00:15:15,950 >> Sono sicuro che se voi ragazzi è andato a conferenza o guardato on-line, 273 00:15:15,950 --> 00:15:18,232 egli has-- Non so se lo ha fatto quest'anno, 274 00:15:18,232 --> 00:15:20,940 ma so che l'anno scorso, ha avuto un demo dove aveva una foto di Rob 275 00:15:20,940 --> 00:15:23,320 e ha spaccato in su in quattro e metterlo in buste 276 00:15:23,320 --> 00:15:26,590 e ha cercato di farlo attraverso Sanders. 277 00:15:26,590 --> 00:15:29,430 E si può tipo di pensare in questo modo. 278 00:15:29,430 --> 00:15:35,400 E 'solo un insieme di regole che dire i dati come arrivare da qualche parte 279 00:15:35,400 --> 00:15:37,640 e ti consente di sapere se ti manca di dati, 280 00:15:37,640 --> 00:15:40,460 allo stesso modo che se si è prendendo più pagine di note 281 00:15:40,460 --> 00:15:46,490 e li etichetta con la pagina 104, pagina 204, e si torna a studiare tardi 282 00:15:46,490 --> 00:15:50,220 e ti manca something-- Non è possibile trovare la pagina 304-- sai 283 00:15:50,220 --> 00:15:53,310 qualcosa che non va, in modo da in grado di guardare attraverso le note 284 00:15:53,310 --> 00:15:58,666 di nuovo o chiedere a qualcuno di inviare di nuovo voi la conferenza rileva da quel giorno. 285 00:15:58,666 --> 00:16:00,290 Allo stesso modo con i dati su Internet. 286 00:16:00,290 --> 00:16:03,220 Se sto chiedendo qualcosa da alcuni server 287 00:16:03,220 --> 00:16:05,377 e ha bisogno di inviare in più pacchetti, 288 00:16:05,377 --> 00:16:07,210 probabilmente andando a numero in qualche modo, far 289 00:16:07,210 --> 00:16:12,430 me so quante avrei ritirato, e dimmi, oh, questo è uno dei 10 290 00:16:12,430 --> 00:16:13,990 o questa è una delle 10.000. 291 00:16:13,990 --> 00:16:17,030 In questo modo quando vado a riassemblare tutti i pezzi insieme, 292 00:16:17,030 --> 00:16:21,504 So che se qualcosa manca e posso chiedere di nuovo. 293 00:16:21,504 --> 00:16:22,730 Questo fa senso? 294 00:16:22,730 --> 00:16:23,610 Solo un insieme di regole. 295 00:16:23,610 --> 00:16:28,120 Alla sua base, un insieme di regole, OK? 296 00:16:28,120 --> 00:16:31,360 >> Così abbiamo anche parlato un po 'di porte. 297 00:16:31,360 --> 00:16:36,150 Questo è in realtà solo uno standard che permette di sapere che tipo di dati 298 00:16:36,150 --> 00:16:38,650 viene trasmesso in questi pacchetti. 299 00:16:38,650 --> 00:16:40,790 Se andiamo con la nostra esempio busta, non lo facciamo 300 00:16:40,790 --> 00:16:43,510 so che si tratta di una foto di Rob in là se non lo scriviamo 301 00:16:43,510 --> 00:16:45,480 all'esterno della nostra busta. 302 00:16:45,480 --> 00:16:47,100 Quindi, le porte sono fondamentalmente la stessa cosa. 303 00:16:47,100 --> 00:16:51,670 E 'solo un modo per capire che cosa tipo di dati che vengono trasmessi. 304 00:16:51,670 --> 00:16:56,260 >> Così abbiamo tutti i la maggior parte dei più comuni qui. 305 00:16:56,260 --> 00:16:59,790 Così 21-- questi sono anche gentile di come le cose buone da sapere. 306 00:16:59,790 --> 00:17:01,560 È un po 'una domanda facile quiz. 307 00:17:01,560 --> 00:17:03,590 Siate come, che cosa porta 80 fare? 308 00:17:03,590 --> 00:17:06,970 Oppure, che cosa porta 443 fare? 309 00:17:06,970 --> 00:17:09,359 Quindi le cose buone da sapere. 310 00:17:09,359 --> 00:17:12,569 >> Così abbiamo qui, il 21 è il file protocollo di trasferimento, quindi basta 311 00:17:12,569 --> 00:17:15,050 le regole che governano il trasferimento di file. 312 00:17:15,050 --> 00:17:19,550 25, qualcosa che tutti noi utilizzare troppo, è e-mail. 313 00:17:19,550 --> 00:17:22,790 53 è il nome di dominio sistema, che è fondamentalmente 314 00:17:22,790 --> 00:17:26,910 solo tipo di una ricerca per la Indirizzo IP di un nome di dominio. 315 00:17:26,910 --> 00:17:29,900 >> Quindi sono abbastanza sicuro che fosse di cui lezione, se 316 00:17:29,900 --> 00:17:33,960 andare a qualcosa di simile google.com, ha un indirizzo IP 317 00:17:33,960 --> 00:17:35,818 che è associato con esso. 318 00:17:35,818 --> 00:17:37,026 In realtà non è google.com. 319 00:17:37,026 --> 00:17:40,720 E così 53 è la porta che prende in realtà 320 00:17:40,720 --> 00:17:44,050 cura di tipo di tradurlo in tale indirizzo IP per voi. 321 00:17:44,050 --> 00:17:47,830 E poi 80 e 443 sono molto comuni. 322 00:17:47,830 --> 00:17:50,710 Hai la tua pagina web o avete la vostra pagina Web protetta, 323 00:17:50,710 --> 00:17:56,100 che un sacco di pagine web sono trasferimento verso la società. 324 00:17:56,100 --> 00:18:02,540 >> Ecco, questo è un po 'alto livello Panoramica del protocollo di trasferimento. 325 00:18:02,540 --> 00:18:05,170 Non vedo molto più in profondità. 326 00:18:05,170 --> 00:18:07,320 È un po 'di cose interessanti se siete interessati. 327 00:18:07,320 --> 00:18:08,590 C'è un sacco di risorse. 328 00:18:08,590 --> 00:18:10,780 Wikipedia è in realtà una buona pagina. 329 00:18:10,780 --> 00:18:13,850 Così stavo guardando esso solo un po 'di tempo fa, 330 00:18:13,850 --> 00:18:16,580 quindi mi raccomando guardando se siete interessati 331 00:18:16,580 --> 00:18:22,160 o prendere 143 in due anni, perché Penso che sia ogni due anni. 332 00:18:22,160 --> 00:18:27,590 >> Così alla fine di questo, siamo parlando di pagine web e HTTP, 333 00:18:27,590 --> 00:18:33,790 che in realtà è il nostro prossimo argomento per oggi prima di andare in HTML e CSS 334 00:18:33,790 --> 00:18:37,920 e si può effettivamente codificare una pagina web. 335 00:18:37,920 --> 00:18:38,650 Sarà divertente. 336 00:18:38,650 --> 00:18:42,220 Avremo immagini di coniglietti e sarà fantastico. 337 00:18:42,220 --> 00:18:48,630 >> Così HTTP, come potete vedere qui, è una delle belle sigle 338 00:18:48,630 --> 00:18:53,220 per questa settimana, che è Hypertext Transfer Protocol. 339 00:18:53,220 --> 00:18:57,940 Quindi, di nuovo, è solo un'altra serie di regole che 340 00:18:57,940 --> 00:19:01,440 disciplina ipertesto trasferire, in questo caso. 341 00:19:01,440 --> 00:19:04,120 Quindi il modo migliore per imparare questo è solo un po ' 342 00:19:04,120 --> 00:19:07,650 per scomposizione in queste singole parole 343 00:19:07,650 --> 00:19:10,770 perché ci sono molte parole sullo schermo lì. 344 00:19:10,770 --> 00:19:13,290 >> Quindi stiamo andando a iniziare con l'ipertesto. 345 00:19:13,290 --> 00:19:17,630 Quindi "iper", si può pensare "Al di sopra", come super-tipo di cosa. 346 00:19:17,630 --> 00:19:24,615 Quindi è in realtà solo il testo portato in livello successivo, quindi è come il testo super, 347 00:19:24,615 --> 00:19:27,850 come il testo successivo. 348 00:19:27,850 --> 00:19:34,890 Quindi è fondamentalmente solo testo che ci dà 349 00:19:34,890 --> 00:19:37,490 più informazioni rispetto testo normale fa, OK? 350 00:19:37,490 --> 00:19:40,510 >> Quindi in questo caso qui, questa è ipertesto. 351 00:19:40,510 --> 00:19:45,710 Questo ci dice che abbiamo qualche link che stiamo andando a, 352 00:19:45,710 --> 00:19:49,620 che è cs50.net, che è ora cs50.harvard.edu. 353 00:19:49,620 --> 00:19:51,420 Queste diapositive sono un po 'vecchio. 354 00:19:51,420 --> 00:19:55,330 E sta andando a visualizzare come tale, come un collegamento ipertestuale, 355 00:19:55,330 --> 00:19:58,140 e poi un sito web davvero cool. 356 00:19:58,140 --> 00:20:02,080 >> Quindi è testo, che è un po ' po 'di cose davvero cool in là. 357 00:20:02,080 --> 00:20:08,170 In modo da poter collegare le cose e si può inserire immagini ed è possibile lo stile cose. 358 00:20:08,170 --> 00:20:11,740 E la cosa più familiare che si ragazzi hanno probabilmente con l'ipertesto 359 00:20:11,740 --> 00:20:19,100 è HyperText Markup Language, HTML, che naturalmente è tutto il web 360 00:20:19,100 --> 00:20:23,080 che vediamo intorno a noi, concesso con un po 'di stile CSS gettato in. 361 00:20:23,080 --> 00:20:25,580 >> Ma se qualcuno fosse davvero grande con MySpace, 362 00:20:25,580 --> 00:20:28,240 Sono sicuro che tutti voi usate HTML tutto il tempo per creare 363 00:20:28,240 --> 00:20:30,640 i profili perfetti, giusto? 364 00:20:30,640 --> 00:20:34,930 Mi sento come che potrebbe essere un riferimento obsoleto ora, ma qualunque cosa. 365 00:20:34,930 --> 00:20:37,780 Solo un little-- voi ragazzi non sono che molto più giovane. 366 00:20:37,780 --> 00:20:40,480 Alcuni di voi sono più grandi di me. 367 00:20:40,480 --> 00:20:42,480 MySpace è stato ancora una cosa quando ero giovane. 368 00:20:42,480 --> 00:20:44,510 Non sono così vecchio. 369 00:20:44,510 --> 00:20:49,265 >> In ogni modo, HTML solo una forma di ipertesto. 370 00:20:49,265 --> 00:20:55,640 Quindi ipertesto è solo il testo con le caratteristiche aggiunte. 371 00:20:55,640 --> 00:21:01,790 Così protocollo di trasferimento è probabilmente la cosa più incerto da spiegare. 372 00:21:01,790 --> 00:21:04,870 Ovviamente, transfer-- solo il trasferimento dei dati. 373 00:21:04,870 --> 00:21:09,370 Quindi, o tra il client, come tuo fratello web, e un server. 374 00:21:09,370 --> 00:21:12,090 Quindi, in pratica solo il modo in cui funziona Internet. 375 00:21:12,090 --> 00:21:16,339 >> Quindi la richiesta esatta di come funzionano, siamo 376 00:21:16,339 --> 00:21:18,755 in realtà andando a guardare un esempio di richiesta e risposta. 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 Ma come si richiede informazioni da un server 379 00:21:25,220 --> 00:21:30,590 e come il server risponde per noi è ciò che questo protocollo di trasferimento governa. 380 00:21:30,590 --> 00:21:35,320 Quindi la richiesta e la risposta hanno di seguire queste specifiche serie di regole. 381 00:21:35,320 --> 00:21:38,340 Si standardizzato in modo che non importa in cui si sta utilizzando Internet, 382 00:21:38,340 --> 00:21:40,720 funziona sempre lo stesso, OK? 383 00:21:40,720 --> 00:21:43,220 >> Anche in questo caso, il protocollo, un insieme di regole. 384 00:21:43,220 --> 00:21:45,620 E 'solo un normale interazione nello stesso modo 385 00:21:45,620 --> 00:21:49,500 che il professor Malan parla se qualcuno si estende la loro mano, 386 00:21:49,500 --> 00:21:52,880 si sa che è cortesia comune raggiungere il vostro fuori e stringe loro la mano. 387 00:21:52,880 --> 00:21:54,580 Questo è un protocollo, giusto? 388 00:21:54,580 --> 00:21:59,060 >> Così ho dare qualche richiesta standardizzata, che è che voglio stringerti la mano, 389 00:21:59,060 --> 00:22:01,975 e si dà un po 'standardizzato risposta, che è o no grazie 390 00:22:01,975 --> 00:22:04,600 oppure si potrebbe cercare di scuotere la mia mano o forse si sta andando a provare 391 00:22:04,600 --> 00:22:06,490 e pugno mi urto. 392 00:22:06,490 --> 00:22:08,320 E noi non abbiamo un protocollo per questo. 393 00:22:08,320 --> 00:22:09,360 Si rompe. 394 00:22:09,360 --> 00:22:12,030 Ma se ognuno segue la stesso protocollo, ovviamente, 395 00:22:12,030 --> 00:22:14,250 va molto di più senza soluzione di continuità. 396 00:22:14,250 --> 00:22:15,590 La gente di conoscersi l'un l'altro. 397 00:22:15,590 --> 00:22:16,830 Tutti sono felici. 398 00:22:16,830 --> 00:22:20,750 >> Così nel mondo del web, ognuno segue la stessa rules-- 399 00:22:20,750 --> 00:22:22,940 leggermente migliore rispetto agli standard sociali. 400 00:22:22,940 --> 00:22:26,950 Ma con questo, vedremo ad un esempio di richiesta qui. 401 00:22:26,950 --> 00:22:30,020 Quindi c'è questa piccola chiave qui in basso 402 00:22:30,020 --> 00:22:34,990 che ti dice i diversi colori, quello che si suppone significhi. 403 00:22:34,990 --> 00:22:38,290 >> Così il bianco è proprio come il tuo metodo richiesta e il protocollo version-- 404 00:22:38,290 --> 00:22:42,400 così metodo di richiesta, versione. 405 00:22:42,400 --> 00:22:44,630 E allora questo è un certo nome del campo e il valore 406 00:22:44,630 --> 00:22:47,630 di quel campo, che ci sarà andare in molto, molto presto. 407 00:22:47,630 --> 00:22:49,840 Quindi questo è un esempio di richiesta. 408 00:22:49,840 --> 00:22:54,470 Questo è come me si estende, volendo presentarmi. 409 00:22:54,470 --> 00:22:58,507 >> Questo è ciò che il cliente o che cosa il vostro browser web 410 00:22:58,507 --> 00:22:59,840 sarebbe l'invio al server. 411 00:22:59,840 --> 00:23:04,500 Quindi questa è una richiesta GET, quindi è chiedere qualcosa dal server. 412 00:23:04,500 --> 00:23:09,690 Ed è, ovviamente, HTTP ed è la versione 1.1. 413 00:23:09,690 --> 00:23:16,060 >> Così il resto di questo qui è ciò che noi chiamiamo l'intestazione e le informazioni supplementari 414 00:23:16,060 --> 00:23:20,050 che ci dà una migliore idea di quello che stiamo realmente chiedendo, 415 00:23:20,050 --> 00:23:23,190 o le informazioni che vogliamo dare il server che potrebbe essere pertinente. 416 00:23:23,190 --> 00:23:32,880 Così User-Agent dà ancora un po ' Descrizione on-- per esempio, qui, 417 00:23:32,880 --> 00:23:38,720 ricciolo / 7.24.0 è in realtà sta per dire il server che stiamo usando Google 418 00:23:38,720 --> 00:23:40,700 Chrome come il nostro browser. 419 00:23:40,700 --> 00:23:43,290 Quindi, se avete mai sentito circa le persone che parlano 420 00:23:43,290 --> 00:23:48,160 di fare un app reattivo per più browser, 421 00:23:48,160 --> 00:23:50,330 questo è qualcosa che si avrebbe utilizzato perché se si 422 00:23:50,330 --> 00:23:53,000 non so quale browser la richiesta proviene da, 423 00:23:53,000 --> 00:23:55,050 Non è possibile personalizzare i dati a questo. 424 00:23:55,050 --> 00:23:57,690 Quindi, in questo caso, l'utente è solo dare questo tipo 425 00:23:57,690 --> 00:24:01,030 delle informazioni di identificazione su quale browser 426 00:24:01,030 --> 00:24:06,510 l'utente sta utilizzando, OK? 427 00:24:06,510 --> 00:24:11,640 >> Allora abbiamo anche padrone di casa, che è dove stiamo realmente voglia di andare. 428 00:24:11,640 --> 00:24:15,280 In questo caso, vogliamo andare a apple.com, acquistare alcuni nuovi iPad fresco 429 00:24:15,280 --> 00:24:19,540 o qualcosa del genere, forse carino luci presso i nostri dormitori. 430 00:24:19,540 --> 00:24:24,900 E il valore nome alla fine è solo un riempitivo, solo una cosa generale 431 00:24:24,900 --> 00:24:25,760 per voi ragazzi a vedere. 432 00:24:25,760 --> 00:24:28,240 In realtà non corrispondono a nulla qui. 433 00:24:28,240 --> 00:24:32,360 >> Così si può avere più o poco quanto si vuole in ogni caso. 434 00:24:32,360 --> 00:24:36,990 La maggior parte del tempo, questi sono opzionali. 435 00:24:36,990 --> 00:24:41,780 Dipende solo da cosa dal browser è necessario, 436 00:24:41,780 --> 00:24:45,120 dal vostro utente, al fine di dare correttamente la richiesta. 437 00:24:45,120 --> 00:24:48,970 O dipende da ciò che il vostro utente in realtà vuole rinunciare al server. 438 00:24:48,970 --> 00:24:54,550 Così si può avere molti, molti di questi nomi di campo di intestazione 439 00:24:54,550 --> 00:24:57,140 o si può solo avere un paio. 440 00:24:57,140 --> 00:24:59,630 Come per tante cose L'ho già detto in questa sezione, 441 00:24:59,630 --> 00:25:03,590 in realtà dipende dal contesto di come si sta utilizzando questo. 442 00:25:03,590 --> 00:25:06,810 >> Così fa che abbia un senso per tutti? 443 00:25:06,810 --> 00:25:11,463 Questo è solo un esempio di una richiesta, intestazioni, roba del genere. 444 00:25:11,463 --> 00:25:16,910 OK, così con questo, abbiamo qualche risposta. 445 00:25:16,910 --> 00:25:20,510 >> Ancora una volta, abbiamo il nostro codice di stato, il protocollo versione, e poi il nome del campo e il campo 446 00:25:20,510 --> 00:25:21,700 valorizzare come sempre. 447 00:25:21,700 --> 00:25:25,500 Così la nostra versione del protocollo e il nostro codice di stato 200. 448 00:25:25,500 --> 00:25:28,610 OK, il che significa che, Sì, tutto è andato bene. 449 00:25:28,610 --> 00:25:30,230 Ecco ciò che si desidera. 450 00:25:30,230 --> 00:25:33,750 >> Il tipo di server, il contenuto type-- ci dice, OK, tu sei 451 00:25:33,750 --> 00:25:37,210 andando a prendere un po 'di testo HTML. 452 00:25:37,210 --> 00:25:40,520 Qui è la lunghezza di esso e qui cosa si dovrebbe fare con la connessione. 453 00:25:40,520 --> 00:25:43,004 OK, quindi ancora una volta, a seconda sui dati che siete 454 00:25:43,004 --> 00:25:45,670 chiedendo, a seconda che il server vuole per tornare a te, 455 00:25:45,670 --> 00:25:49,440 si può avere più di questi campi nomi, potrebbe essere meno. 456 00:25:49,440 --> 00:25:53,950 Totalmente dipendente dal contesto. 457 00:25:53,950 --> 00:25:56,650 >> E quanto questo status codice qui, naturalmente, 458 00:25:56,650 --> 00:25:59,590 200 non è l'unico si potrebbe avere, giusto? 459 00:25:59,590 --> 00:26:01,580 Abbiamo un sacco di codici di stato. 460 00:26:01,580 --> 00:26:06,120 Qualcuno ricorda una delle altri che abbiamo menzionato in conferenza? 461 00:26:06,120 --> 00:26:08,310 Molti di loro iniziano con 4. 462 00:26:08,310 --> 00:26:09,680 >> PUBBLICO: 404. 463 00:26:09,680 --> 00:26:11,310 >> ALLISON Buchholtz-AU: 404, che è? 464 00:26:11,310 --> 00:26:12,140 >> PUBBLICO: File non trovato? 465 00:26:12,140 --> 00:26:13,250 >> ALLISON Buchholtz-AU: File non trovato. 466 00:26:13,250 --> 00:26:14,120 Esattamente. 467 00:26:14,120 --> 00:26:15,587 E per quanto riguarda 403? 468 00:26:15,587 --> 00:26:16,420 PUBBLICO: Proibita. 469 00:26:16,420 --> 00:26:17,120 ALLISON Buchholtz-AU: Proibita. 470 00:26:17,120 --> 00:26:18,695 Allora, cosa ne pensi questo significa che con chmods? 471 00:26:18,695 --> 00:26:20,890 >> PUBBLICO: Significa che non hanno il permesso di leggerlo. 472 00:26:20,890 --> 00:26:22,400 >> ALLISON Buchholtz-AU: Esattamente. 473 00:26:22,400 --> 00:26:25,190 In qualche modo, non è necessario il permesso di accedervi, giusto? 474 00:26:25,190 --> 00:26:27,242 Così 404, 403. 475 00:26:27,242 --> 00:26:28,950 C'è una molto divertente quello che abbiamo sempre 476 00:26:28,950 --> 00:26:31,116 presentare ogni anno che Avrei dovuto inserire qui, 477 00:26:31,116 --> 00:26:33,370 come il 413, che è io sono una teiera. 478 00:26:33,370 --> 00:26:34,390 È possibile google questo. 479 00:26:34,390 --> 00:26:38,490 E 'divertente come, cioè il codice 413 ed è che sono una teiera. 480 00:26:38,490 --> 00:26:41,240 Che io non so perché si farebbe mai bisogno che su internet, 481 00:26:41,240 --> 00:26:42,935 ma sto divagando. 482 00:26:42,935 --> 00:26:44,310 PUBBLICO: Forse sei una teiera. 483 00:26:44,310 --> 00:26:46,476 ALLISON Buchholtz-AU: Forse il server è una teiera. 484 00:26:46,476 --> 00:26:47,890 Chi lo sa? 485 00:26:47,890 --> 00:26:51,840 Va bene, allora stiamo per transizione in vera e propria codifica. 486 00:26:51,840 --> 00:26:54,750 Mi sento come voi ragazzi state andando uscire di qui abbastanza rapidamente. 487 00:26:54,750 --> 00:26:56,940 >> PUBBLICO: Perché lo fa dire "server: due volte? 488 00:26:56,940 --> 00:26:57,981 >> ALLISON Buchholtz-AU: Hm? 489 00:26:57,981 --> 00:27:00,350 Server due volte? 490 00:27:00,350 --> 00:27:03,750 Questa è una buona domanda. 491 00:27:03,750 --> 00:27:04,630 Non sono sicuro. 492 00:27:04,630 --> 00:27:07,520 Lo scoprirò e Io con la posta elettronica tutti. 493 00:27:07,520 --> 00:27:11,410 >> OK, tutte le altre domande oltre a quello? 494 00:27:11,410 --> 00:27:12,310 Buono? 495 00:27:12,310 --> 00:27:14,390 Freddo. 496 00:27:14,390 --> 00:27:17,280 >> HTML e CSS, e ora siamo raggiungere tutte le parti divertenti. 497 00:27:17,280 --> 00:27:21,697 Quindi, come ho detto prima, HTML è probabilmente una delle cose 498 00:27:21,697 --> 00:27:23,030 voi ragazzi sono più familiarità. 499 00:27:23,030 --> 00:27:25,760 Così abbiamo HyperText Markup Language. 500 00:27:25,760 --> 00:27:29,900 >> Il modo migliore per imparare questo-- non lo faccio Per qualsiasi diapositive o nulla preparati 501 00:27:29,900 --> 00:27:31,480 per voi ragazzi con HTML. 502 00:27:31,480 --> 00:27:33,640 E 'davvero di imparare la sintassi. 503 00:27:33,640 --> 00:27:38,380 E se tu fossi in MySpace giorno, si dovrebbe avere questo verso il basso. 504 00:27:38,380 --> 00:27:42,790 >> Quindi, in realtà, la cosa più importante è solo di praticare e sperimentare. 505 00:27:42,790 --> 00:27:48,000 Una delle grandi risorse vorrei Consiglio vivamente usando è W3Schools. 506 00:27:48,000 --> 00:27:50,620 Quindi, solo W, 3, e poi le scuole. 507 00:27:50,620 --> 00:27:54,810 Hanno un sacco di risorse su HTML, il CSS, 508 00:27:54,810 --> 00:27:58,970 e che in realtà hanno un Divisione dello schermo genere di cose 509 00:27:58,970 --> 00:28:00,830 dove vi daranno esempio di codice. 510 00:28:00,830 --> 00:28:03,290 Si può giocherellare con esso, modificarlo e premere Update, 511 00:28:03,290 --> 00:28:06,410 e vi mostrerò quello che in realtà lo fa per la pagina web. 512 00:28:06,410 --> 00:28:08,380 >> Quindi mi raccomando utilizzando tale. 513 00:28:08,380 --> 00:28:11,300 E 'piuttosto fresco. 514 00:28:11,300 --> 00:28:14,560 Non sarà possibile ottenere gli errori seg qui quando le cose vanno male. 515 00:28:14,560 --> 00:28:16,430 Se si riesce a ottenere un guasto seg con HTML, 516 00:28:16,430 --> 00:28:19,446 non me lo faccia sapere perché io sono andare da vera incuriosito. 517 00:28:19,446 --> 00:28:21,570 Ma è davvero cool, perché è possibile cambiare le cose, 518 00:28:21,570 --> 00:28:23,550 è possibile vederli aggiornati in tempo reale. 519 00:28:23,550 --> 00:28:26,210 E penso che avrai una molto comprensione più intuitiva di HTML 520 00:28:26,210 --> 00:28:28,690 se in realtà solo passare un po ' tempo a sperimentare con esso. 521 00:28:28,690 --> 00:28:32,590 Ecco, questo è il motivo per cui ho detto, pratica e sperimentare. 522 00:28:32,590 --> 00:28:34,490 >> Google, da qui in poi out, sarà probabilmente 523 00:28:34,490 --> 00:28:36,440 uno dei tuoi migliori risorse e amici. 524 00:28:36,440 --> 00:28:41,080 O Bing-- sto lavorando a Microsoft, quindi forse dovrei dire Bing. 525 00:28:41,080 --> 00:28:45,590 Ma praticamente qualsiasi cosa è solo andare a essere la sintassi, 526 00:28:45,590 --> 00:28:51,300 in modo da capire quali sono i tag, understanding-- almeno con CSS-- 527 00:28:51,300 --> 00:28:53,360 come modificare determinati attributi. 528 00:28:53,360 --> 00:28:55,300 Sarà super utile. 529 00:28:55,300 --> 00:28:58,852 >> Quindi, anche se non lo facciamo avere le cose preparate, 530 00:28:58,852 --> 00:29:02,060 noi abbiamo genere di alcune buone pratiche che vogliamo che voi ragazzi a provare e rispettare 531 00:29:02,060 --> 00:29:06,640 by-- o meglio, si dovrebbe rispettare fino a nuovo avviso. 532 00:29:06,640 --> 00:29:09,722 Quindi, chiudere tutti i tag. 533 00:29:09,722 --> 00:29:12,930 Speriamo che tutti has-- sai una cosa, se questo non ha senso in questo momento, 534 00:29:12,930 --> 00:29:15,388 Io prometto che avrà senso quando stiamo codifica la pagina. 535 00:29:15,388 --> 00:29:16,680 Ma chiudere tutti i tag. 536 00:29:16,680 --> 00:29:20,410 Quindi, se avete mai avuto un po ' colpo di testa che è la staffa, 537 00:29:20,410 --> 00:29:24,180 H1, staffa, assicurarsi che ogni volta che hai finito con questo, 538 00:29:24,180 --> 00:29:26,570 si chiude tale intestazione. 539 00:29:26,570 --> 00:29:30,260 Confermi la sua pagina con W3 Validator. 540 00:29:30,260 --> 00:29:34,689 Se non si chiude i tag, è possibile ottenere un comportamento imprevisto. 541 00:29:34,689 --> 00:29:37,730 Si dirà che la pagina non è valido se lo si esegue attraverso questo validatore. 542 00:29:37,730 --> 00:29:41,000 Così, quando in doubt-- e, soprattutto, su di questa settimana e la prossima settimana di 543 00:29:41,000 --> 00:29:46,220 pset-- nello stesso modo in cui chiediamo di utilizzare il check 50 e 50 stile, 544 00:29:46,220 --> 00:29:49,130 si potrebbe pensare a questo come uno dei vostri controlli, OK? 545 00:29:49,130 --> 00:29:51,950 >> Quindi, se non passa il W3 Validator. 546 00:29:51,950 --> 00:29:53,810 Questo è qualcosa che noi approdiamo voi su. 547 00:29:53,810 --> 00:29:55,960 O che ti sto dicendo a destra ora, io attraccherà voi su. 548 00:29:55,960 --> 00:29:58,202 Quindi assicurarsi che convalida. 549 00:29:58,202 --> 00:29:58,785 Non è difficile. 550 00:29:58,785 --> 00:30:01,530 Basta incollare nel codice e ti sia dire buon lavoro 551 00:30:01,530 --> 00:30:03,630 o vi state perdendo qualcosa nello stesso modo 552 00:30:03,630 --> 00:30:07,760 che stile 50 ti dice dove si sta rovinare. 553 00:30:07,760 --> 00:30:11,360 >> E poi un'ultima cosa è che si vuole separare 554 00:30:11,360 --> 00:30:15,980 il tuo markup, che è tutto ciò che HTML o il testo, e il vostro stile. 555 00:30:15,980 --> 00:30:19,420 Quindi faremo un esempio di che subito dopo questo. 556 00:30:19,420 --> 00:30:21,830 Quindi, HTML e CSS dovrebbero essere separati. 557 00:30:21,830 --> 00:30:26,030 E stiamo andando a parlare di MVC, che è Model View Controller, 558 00:30:26,030 --> 00:30:27,100 la prossima settimana. 559 00:30:27,100 --> 00:30:29,360 Voi ragazzi dovreste probabilmente conoscere che in conferenza 560 00:30:29,360 --> 00:30:32,130 domani se aveste già imparato oggi. 561 00:30:32,130 --> 00:30:34,250 >> Ed è solo un po ' un paradigma che tendiamo 562 00:30:34,250 --> 00:30:37,460 da utilizzare durante la creazione di web pagine per separare le cose. 563 00:30:37,460 --> 00:30:41,440 Si può pensare ad esso nello stesso modo che tendiamo a funzioni separate in C 564 00:30:41,440 --> 00:30:43,360 dove hash per trovare le cose. 565 00:30:43,360 --> 00:30:45,530 E 'solo un modo per rendere la vita più facile. 566 00:30:45,530 --> 00:30:51,790 Si separa attributi o codice che si sarebbe utilizzando più e più volte, 567 00:30:51,790 --> 00:30:55,360 ma in questo modo, esso genere di mantiene bello e pulito. 568 00:30:55,360 --> 00:30:58,260 E se si desidera modificare una cosa, si cambia una volta 569 00:30:58,260 --> 00:31:00,150 ed è cambiato tutto il resto. 570 00:31:00,150 --> 00:31:05,010 Quindi è più per la tua facilità e flessibilità. 571 00:31:05,010 --> 00:31:11,430 >> Quindi, con i CSS, è molto simile in HTML, ma invece di tag 572 00:31:11,430 --> 00:31:15,120 di cui ho parlato poco fa, abbiamo utilizzare ciò che è chiamato selettori. 573 00:31:15,120 --> 00:31:21,900 E fondamentalmente solo tipo di associare un determinato tag 574 00:31:21,900 --> 00:31:24,620 in HTML con attributi diversi. 575 00:31:24,620 --> 00:31:29,060 E quando dico attributi, voglio dire cose come il colore del carattere, lo stile del carattere, 576 00:31:29,060 --> 00:31:32,694 il colore dello sfondo, il colore del testo. 577 00:31:32,694 --> 00:31:33,610 Questo genere di cose. 578 00:31:33,610 --> 00:31:36,270 Come se è centrato, se è a destra, 579 00:31:36,270 --> 00:31:39,430 se si tratta di inverted-- tutto di queste cose interessanti. 580 00:31:39,430 --> 00:31:42,490 Tutte le cose stilistiche che fate per il vostro testo, 581 00:31:42,490 --> 00:31:45,070 questo è ciò che intendo con gli attributi. 582 00:31:45,070 --> 00:31:50,140 >> E poi due cose principali da sapere è che selectors-- due dei factors-- principale 583 00:31:50,140 --> 00:31:53,090 sono ID, che è unica. 584 00:31:53,090 --> 00:31:54,859 È possibile utilizzare solo che per una cosa. 585 00:31:54,859 --> 00:31:56,400 In caso contrario, sta andando a urlare contro di voi. 586 00:31:56,400 --> 00:31:59,970 E quando lo definiamo in un file CSS, sarà 587 00:31:59,970 --> 00:32:03,182 essere ID hash e poi quali attributi che vogliamo. 588 00:32:03,182 --> 00:32:05,140 Ti prometto che andremo a passare attraverso un esempio. 589 00:32:05,140 --> 00:32:06,830 Farà molto più senso. 590 00:32:06,830 --> 00:32:08,830 >> Classe può fare riferimento a più blocchi. 591 00:32:08,830 --> 00:32:13,400 Così si può avere il tuo primo e terzo comma 592 00:32:13,400 --> 00:32:17,240 avere lo stesso tipo di attributi se li associa con la stessa classe. 593 00:32:17,240 --> 00:32:21,050 E quando noi li definiamo in CSS, facciamo una classe di punti, 594 00:32:21,050 --> 00:32:25,710 con classe è tutto ciò che si desidera essere nominato. 595 00:32:25,710 --> 00:32:28,559 >> Quindi so che questo è giusto ora molto astratto. 596 00:32:28,559 --> 00:32:29,850 È per questo che stiamo andando a codice. 597 00:32:29,850 --> 00:32:32,060 So che voi ragazzi amore che, e siete tutti 598 00:32:32,060 --> 00:32:34,210 mi aiuterà perché questa è la vostra pagina web. 599 00:32:34,210 --> 00:32:36,310 Questa la pagina web della nostra sezione, ragazzi. 600 00:32:36,310 --> 00:32:40,158 Quindi ci sono delle domande prima di spegnere il PowerPoint, o qualsiasi cosa 601 00:32:40,158 --> 00:32:42,366 vuoi che io per scorrere indietro a prima di iniziare a scrivere codice? 602 00:32:42,366 --> 00:32:45,074 >> PUBBLICO: Quando si dice corrispondente a Tags, vuoi dire selettori o tag? 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 ALLISON Buchholtz-AU: è possibile pensare a loro come la stessa cosa. 605 00:32:53,010 --> 00:32:54,590 E 'solo parole diverse. 606 00:32:54,590 --> 00:32:56,460 Voglio dire, come selettori. 607 00:32:56,460 --> 00:32:59,470 Ma selettori mappa anche ai tag. 608 00:32:59,470 --> 00:33:02,800 Così si può pensare a loro come effettivamente la stessa cosa. 609 00:33:02,800 --> 00:33:05,900 Prometto che sta andando a fare più senso quando codice. 610 00:33:05,900 --> 00:33:08,400 Qualsiasi cosa, da la PowerPoint o tutte le domande 611 00:33:08,400 --> 00:33:12,980 in questo momento prima di riuscire a generazione pagina della nostra sezione? 612 00:33:12,980 --> 00:33:15,040 Tutti pronti? 613 00:33:15,040 --> 00:33:15,540 Freddo. 614 00:33:15,540 --> 00:33:19,820 615 00:33:19,820 --> 00:33:24,760 >> Così ho iniziato uno. 616 00:33:24,760 --> 00:33:27,030 Mi permetta di aumentare il tipo di carattere per voi ragazzi. 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 OK, così in questo momento, non ci resta che una ossa nude pagina web proprio qui. 619 00:33:36,730 --> 00:33:38,360 >> Abbiamo un po 'HTML. 620 00:33:38,360 --> 00:33:41,050 Abbiamo un po 'di testa, che noi vedi qui come esempio pagina web. 621 00:33:41,050 --> 00:33:44,540 Alcuni titolo, un po 'di carattere. 622 00:33:44,540 --> 00:33:47,580 Questi sono i tag, OK? 623 00:33:47,580 --> 00:33:53,930 Così, quando voglio dire chiudere i tag, vediamo qui questa testa staffa è la vostra apertura 624 00:33:53,930 --> 00:33:59,670 tag, e questa staffa / Testa sta chiudendo, ok? 625 00:33:59,670 --> 00:34:04,380 >> Così si potrebbe pensare a questo come la tua parentesi a tua se condizioni 626 00:34:04,380 --> 00:34:05,420 o il vostro cicli for. 627 00:34:05,420 --> 00:34:08,630 Se si dispone di una all'inizio, volete uno alla fine. 628 00:34:08,630 --> 00:34:13,500 Si continua a funzionare più del tempo se non si dispone di un tag di chiusura, 629 00:34:13,500 --> 00:34:17,659 ma pratica migliore è chiudere i tag. 630 00:34:17,659 --> 00:34:20,940 >> Quindi, in questo caso, cambiamo questo. 631 00:34:20,940 --> 00:34:24,150 Stiamo per avere sezione sette. 632 00:34:24,150 --> 00:34:25,270 "Sezione pagina web." 633 00:34:25,270 --> 00:34:26,969 Così sto solo andando a cambiare questo. 634 00:34:26,969 --> 00:34:32,100 >> E se andiamo qui e ci devo reload-- salvare e reload-- 635 00:34:32,100 --> 00:34:36,750 notiamo che qui è cambiato, giusto? 636 00:34:36,750 --> 00:34:38,250 Freddo. 637 00:34:38,250 --> 00:34:39,380 Quindi, questo cambia il titolo. 638 00:34:39,380 --> 00:34:41,920 Questo è tutto quello che è sulla vostra scheda. 639 00:34:41,920 --> 00:34:43,870 >> Quindi questo è una specie di guardando un po 'noioso. 640 00:34:43,870 --> 00:34:44,870 Non so di ragazzi. 641 00:34:44,870 --> 00:34:46,810 Penso che noi vogliamo qualcosa di diverso qui. 642 00:34:46,810 --> 00:34:51,900 >> Quindi, quello che possiamo fare è la intestazione è proprio lì. 643 00:34:51,900 --> 00:34:54,320 Facciamo una sorta di corpo. 644 00:34:54,320 --> 00:34:56,550 Così abbiamo un corpo qui. 645 00:34:56,550 --> 00:35:01,360 Faccio sempre aperta e Chiudo tag per iniziare, 646 00:35:01,360 --> 00:35:04,850 nello stesso modo che faccio parentesi graffe. 647 00:35:04,850 --> 00:35:06,326 Ah. 648 00:35:06,326 --> 00:35:09,010 Aspetta, che cosa? 649 00:35:09,010 --> 00:35:10,949 >> PUBBLICO: [incomprensibile]. 650 00:35:10,949 --> 00:35:11,990 ALLISON Buchholtz-AU: Ah. 651 00:35:11,990 --> 00:35:13,895 Voi ragazzi mi ha fatto. 652 00:35:13,895 --> 00:35:14,930 Buon lavoro. 653 00:35:14,930 --> 00:35:16,270 Stella d'oro. 654 00:35:16,270 --> 00:35:20,300 >> OK, quindi abbiamo un po 'di corpo qui. 655 00:35:20,300 --> 00:35:22,920 E ora iniziamo l'aggiunta di un testo. 656 00:35:22,920 --> 00:35:26,110 In modo da avere una coppia diversa opzioni per l'aggiunta di testo. 657 00:35:26,110 --> 00:35:29,380 Ci sono cose come le intestazioni. 658 00:35:29,380 --> 00:35:32,144 Abbiamo solo testo normale. 659 00:35:32,144 --> 00:35:33,560 Quindi cerchiamo di iniziare solo con un colpo di testa. 660 00:35:33,560 --> 00:35:36,670 In realtà, se voi volete per tirare su HTML di W3 Scuola, 661 00:35:36,670 --> 00:35:38,860 è possibile tipo di guardarsi intorno e se c'è qualcosa 662 00:35:38,860 --> 00:35:42,470 particolare che si desidera provare con questa pagina web, possiamo farlo. 663 00:35:42,470 --> 00:35:46,250 Quindi, in questo caso, facciamo solo fare un po 'h1. 664 00:35:46,250 --> 00:35:48,710 Così h1 è come la più alta intestazione. 665 00:35:48,710 --> 00:35:52,260 Essa vi darà qualcosa di che è molto grande e in grassetto. 666 00:35:52,260 --> 00:35:58,010 >> E in questo caso, quello che vogliamo per il primo testo sul nostro sito? 667 00:35:58,010 --> 00:35:58,640 Qualsiasi cosa. 668 00:35:58,640 --> 00:35:59,800 Voi ragazzi stanno andando a creare questo. 669 00:35:59,800 --> 00:36:00,758 Sto solo andando a digitare. 670 00:36:00,758 --> 00:36:01,620 PUBBLICO: Benvenuti. 671 00:36:01,620 --> 00:36:02,870 >> ALLISON Buchholtz-AU: Benvenuti. 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 OK, quindi se lo salviamo e ricarichiamo, abbiamo un grande grande benvenuto. 674 00:36:12,620 --> 00:36:17,365 Quindi, solo così è possibile vedere il differenze, facciamo qualcosa su H6. 675 00:36:17,365 --> 00:36:18,490 Cosa vogliamo proprio qui? 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 Giusto? 678 00:36:27,440 --> 00:36:30,356 >> OK, così solo così si può vedere la differenza. 679 00:36:30,356 --> 00:36:31,990 Sì, Sublime. 680 00:36:31,990 --> 00:36:34,680 Quindi, se si nota, h1, molto, molto grande. 681 00:36:34,680 --> 00:36:39,030 h6, come il grassetto, ma molto più piccolo, e si dispone di tutto il resto. 682 00:36:39,030 --> 00:36:41,550 Così si potrebbe avere h2, h3, h4. 683 00:36:41,550 --> 00:36:43,750 E queste sono solo le intestazioni, quindi se si sta cercando 684 00:36:43,750 --> 00:36:46,010 per creare una pagina web che ha diverse sezioni, 685 00:36:46,010 --> 00:36:48,810 forse si vuole utilizzare intestazioni in là da qualche parte. 686 00:36:48,810 --> 00:36:49,580 >> Freddo. 687 00:36:49,580 --> 00:36:53,270 Quindi aggiungeremo un po 'di più cose nel nostro corpo. 688 00:36:53,270 --> 00:36:58,380 Vedo che sarebbe sorta di fresco se avessimo una foto. 689 00:36:58,380 --> 00:37:02,840 Mi sento come se tutti potevano usare forse un quadro simpatico coniglietto proprio in questi giorni, 690 00:37:02,840 --> 00:37:05,082 quindi stiamo andando a trovare un quadro coniglietto prima. 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> Non so se voi ragazzi avete qualsiasi preferenze su quale vogliamo. 693 00:37:12,960 --> 00:37:14,890 Avete delle preferenze? 694 00:37:14,890 --> 00:37:15,925 Questa qui? 695 00:37:15,925 --> 00:37:17,160 Giù. 696 00:37:17,160 --> 00:37:17,750 Ok. 697 00:37:17,750 --> 00:37:18,760 Quello che è. 698 00:37:18,760 --> 00:37:20,080 Buone scelte. 699 00:37:20,080 --> 00:37:21,850 >> OK, quindi stiamo andando a vedere la nostra immagine. 700 00:37:21,850 --> 00:37:22,920 Guardate che. 701 00:37:22,920 --> 00:37:24,250 Guardate che cosa adorabile. 702 00:37:24,250 --> 00:37:27,080 Come puoi essere triste su un Lunedi con questo? 703 00:37:27,080 --> 00:37:30,180 >> Quindi stiamo solo andando per copiare l'URL dell'immagine. 704 00:37:30,180 --> 00:37:38,720 E quello che vogliamo fare è, diciamo solo dire che abbiamo un po 'di p per paragrafo. 705 00:37:38,720 --> 00:37:41,140 Andiamo a dire: "Guarda guardare il coniglio carino. 706 00:37:41,140 --> 00:37:44,130 d'awwww ". 707 00:37:44,130 --> 00:37:44,880 Amo i miei coniglietti. 708 00:37:44,880 --> 00:37:45,838 Ho un coniglio a casa. 709 00:37:45,838 --> 00:37:48,085 Mi manca il mio coniglietto. 710 00:37:48,085 --> 00:37:50,460 Così che cosa stiamo andando a fare-- Non so se voi volete 711 00:37:50,460 --> 00:37:55,970 to google questo-- ma con HTML, come si potrebbe includere un'immagine? 712 00:37:55,970 --> 00:37:58,355 Letteralmente, se google "Includere immagini HTML," 713 00:37:58,355 --> 00:38:00,480 Perché non me l'hai detto ragazzi ciò che questo tag dovrebbe avere? 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> PUBBLICO: img sorgente-- 716 00:38:06,290 --> 00:38:07,767 >> ALLISON Buchholtz-AU: img sorgente-- 717 00:38:07,767 --> 00:38:08,600 PUBBLICO: --equals-- 718 00:38:08,600 --> 00:38:09,000 ALLISON Buchholtz-AU: --equals-- 719 00:38:09,000 --> 00:38:10,181 PUBBLICO: --quote-- sì. 720 00:38:10,181 --> 00:38:11,430 ALLISON Buchholtz-AU: Perfect. 721 00:38:11,430 --> 00:38:12,090 Incantevole. 722 00:38:12,090 --> 00:38:15,470 Vedi, la generazione di MySpace, giusto? 723 00:38:15,470 --> 00:38:16,220 Pubblico: 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 E 'stato pazzesco. 728 00:38:21,260 --> 00:38:23,120 Ok. 729 00:38:23,120 --> 00:38:25,600 >> Quindi assicuratevi ho questo diritto. 730 00:38:25,600 --> 00:38:26,100 Freddo. 731 00:38:26,100 --> 00:38:27,750 Quindi questo dovrebbe essere qui. 732 00:38:27,750 --> 00:38:34,146 E poi se ricarichiamo, abbiamo il nostro coniglio sulla pagina non è questo adorabile? 733 00:38:34,146 --> 00:38:35,030 >> Questo è così carino. 734 00:38:35,030 --> 00:38:36,860 Si è scelto un grande, grande foto. 735 00:38:36,860 --> 00:38:38,180 Sto scavando esso. 736 00:38:38,180 --> 00:38:41,350 >> OK, quindi abbiamo questo adorabile coniglietto ora. 737 00:38:41,350 --> 00:38:44,590 Siamo stati in grado di aggiungere un immagine, proprio così. 738 00:38:44,590 --> 00:38:47,550 Quindi, in pratica se c'è qualche immagine che si desidera aggiungere alla tua pagina web, 739 00:38:47,550 --> 00:38:49,430 è possibile aggiungerlo come questo. 740 00:38:49,430 --> 00:38:52,910 Altra cosa sarebbe se avete l'immagine memorizzata 741 00:38:52,910 --> 00:38:55,670 nella stessa cartella questo file, si può solo 742 00:38:55,670 --> 00:38:59,595 scrivere quello il nome di quell'immagine è invece di avere un collegamento web. 743 00:38:59,595 --> 00:39:01,010 >> E sarebbe ancora tra virgolette. 744 00:39:01,010 --> 00:39:03,700 Sarebbe solo come se avessimo chiamato questo-- 745 00:39:03,700 --> 00:39:06,695 se questa immagine fosse stata salvata nella cartella con il file HTML 746 00:39:06,695 --> 00:39:08,570 che sto modificando e è stato chiamato bunny.jpg. 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 Potremmo anche farlo e sarebbe presentarsi. 749 00:39:13,080 --> 00:39:16,600 Tuttavia, non ho salvato in questo il file e voglio mantenere il coniglio, 750 00:39:16,600 --> 00:39:18,092 quindi stiamo andando a mantenere il collegamento. 751 00:39:18,092 --> 00:39:20,720 >> PUBBLICO: Che cosa è 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 E 'un appropriate-- guarda, si può adottarlo. 754 00:39:25,170 --> 00:39:25,770 Adozione. 755 00:39:25,770 --> 00:39:27,690 bunny.jpg. 756 00:39:27,690 --> 00:39:29,190 Voglio adottare questo coniglio. 757 00:39:29,190 --> 00:39:31,180 Oh, Dio, è così carino. 758 00:39:31,180 --> 00:39:34,230 >> OK, quindi abbiamo aggiunto le intestazioni. 759 00:39:34,230 --> 00:39:35,500 Abbiamo aggiunto una foto. 760 00:39:35,500 --> 00:39:37,760 Ovviamente, abbiamo aggiunto un po 'di testo qui, giusto? 761 00:39:37,760 --> 00:39:40,920 Se volessimo aggiungere altro testi, ci piacerebbe andare in questo modo. 762 00:39:40,920 --> 00:39:43,760 Quindi questo è un altro paragrafo. 763 00:39:43,760 --> 00:39:49,070 >> E noi diciamo "questo è un altro paragrafo." 764 00:39:49,070 --> 00:39:52,510 Inoltre, io sono un correttore ortografico orribile, così che io possa errori ortografici cose. 765 00:39:52,510 --> 00:39:54,930 Cordiali saluti. 766 00:39:54,930 --> 00:39:58,450 >> Quindi abbiamo un altro paragrafo qui, giusto? 767 00:39:58,450 --> 00:40:02,190 Così forse si vuole fare qualcosa un po 'più interessante di un semplice 768 00:40:02,190 --> 00:40:04,640 hanno tutto il testo, come allineato a destra. 769 00:40:04,640 --> 00:40:08,490 Forse si vuole centrare il testo, OK? 770 00:40:08,490 --> 00:40:11,820 >> Quindi, se qualcuno vuole usare quelli computer a portata di mano di fronte a voi 771 00:40:11,820 --> 00:40:19,034 e dimmi come sei andando a centrare il testo, 772 00:40:19,034 --> 00:40:20,300 >> PUBBLICO: p align. 773 00:40:20,300 --> 00:40:24,834 >> ALLISON Buchholtz-AU: Così p align è uguale a "centro". 774 00:40:24,834 --> 00:40:25,750 Egli sta uccidendo, ragazzi. 775 00:40:25,750 --> 00:40:28,240 Y'all devono moltiplicare. 776 00:40:28,240 --> 00:40:36,042 E abbiamo "Questo è centrato." 777 00:40:36,042 --> 00:40:37,500 E ora abbiamo centrato qualcosa. 778 00:40:37,500 --> 00:40:39,380 >> Allo stesso modo, se voglio allineato a sinistra, 779 00:40:39,380 --> 00:40:42,020 si potrebbe fare uguale allineamento sinistro, allineamento è uguale a destra. 780 00:40:42,020 --> 00:40:42,850 Totalmente a voi. 781 00:40:42,850 --> 00:40:55,580 Se ho fatto bene qui, allora questo should-- ora è allineato a destra. 782 00:40:55,580 --> 00:40:57,020 >> PUBBLICO: Allison? 783 00:40:57,020 --> 00:41:00,884 Da fonte dell'immagine, perché non è lì vicino della sorgente IMG? 784 00:41:00,884 --> 00:41:02,050 ALLISON Buchholtz-AU: Mi dispiace. 785 00:41:02,050 --> 00:41:05,300 Questo dovrebbe essere Ora ci si sta bene. 786 00:41:05,300 --> 00:41:06,026 Ora siamo a posto. 787 00:41:06,026 --> 00:41:08,150 PUBBLICO: Non hai per chiuderla lì, o no? 788 00:41:08,150 --> 00:41:11,450 ALLISON Buchholtz-AU: Bene, così img fonte, questo è solo-- con l'immagine, 789 00:41:11,450 --> 00:41:17,110 è solo visto come un elemento, mentre se si nota per il resto di questi, 790 00:41:17,110 --> 00:41:22,106 abbiamo qualche tag, allora le informazioni che esso riguarda e poi un tag di chiusura. 791 00:41:22,106 --> 00:41:24,480 Ma con l'immagine, tutto è appena sorta di self-contained. 792 00:41:24,480 --> 00:41:28,540 793 00:41:28,540 --> 00:41:29,040 Freddo. 794 00:41:29,040 --> 00:41:33,530 Quindi, voi ragazzi sapete come creare un intestazione, si sa come inserire il testo, 795 00:41:33,530 --> 00:41:37,060 sai come mettere un'immagine ora, è possibile allineare le cose. 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> Un'altra cosa che si potrebbe desiderare di essere in grado di fare 798 00:41:42,590 --> 00:41:47,649 è quello di creare una lista in CS-- siamo tipo di andare in pset della prossima settimana. 799 00:41:47,649 --> 00:41:49,440 La roba che abbiamo tipicamente insegnare questa settimana 800 00:41:49,440 --> 00:41:51,480 va molto bene con pset della prossima settimana, quindi siamo 801 00:41:51,480 --> 00:41:54,250 tipo di miscelazione, si sovrappongono le cose qui. 802 00:41:54,250 --> 00:41:56,290 Ma sarà utile per la prossima settimana. 803 00:41:56,290 --> 00:42:02,500 >> Quindi, se abbiamo voluto creare un po ' lista, come potremmo farlo? 804 00:42:02,500 --> 00:42:03,760 Non è possibile rispondere questa volta. 805 00:42:03,760 --> 00:42:04,700 Qualcun altro deve. 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 Non è difficile, ragazzi, prometto. 808 00:42:09,440 --> 00:42:13,090 Google "lista non ordinata HTML." 809 00:42:13,090 --> 00:42:14,076 Che cos 'era questo? 810 00:42:14,076 --> 00:42:16,244 >> PUBBLICO: [incomprensibile]. 811 00:42:16,244 --> 00:42:17,410 ALLISON Buchholtz-AU: Giusto. 812 00:42:17,410 --> 00:42:20,490 Così vogliamo ordinato o non ordinato? 813 00:42:20,490 --> 00:42:21,500 Facciamo un non ordinato. 814 00:42:21,500 --> 00:42:25,240 Così abbiamo un po 'ul, che sta per elenchi non ordinati. 815 00:42:25,240 --> 00:42:27,997 E cosa abbiamo per ogni elemento? 816 00:42:27,997 --> 00:42:29,080 Fa bisogno di un proprio tag? 817 00:42:29,080 --> 00:42:30,556 Possiamo solo iniziare a scrivere le cose? 818 00:42:30,556 --> 00:42:31,330 >> PUBBLICO: li. 819 00:42:31,330 --> 00:42:32,826 >> ALLISON Buchholtz-AU: li. 820 00:42:32,826 --> 00:42:34,785 Allora, qual è la nostra lista sta per essere? 821 00:42:34,785 --> 00:42:37,050 Che cosa vogliamo qui? 822 00:42:37,050 --> 00:42:38,190 Dobbiamo solo fare i nomi. 823 00:42:38,190 --> 00:42:39,250 Basta fare Jacob. 824 00:42:39,250 --> 00:42:40,340 >> Alimenti Coniglio: UDIENZA. 825 00:42:40,340 --> 00:42:40,990 >> ALLISON Buchholtz-AU: alimenti coniglio. 826 00:42:40,990 --> 00:42:41,910 OK Mi piace questo. 827 00:42:41,910 --> 00:42:42,520 Alimenti coniglio. 828 00:42:42,520 --> 00:42:44,440 >> OK, quindi abbiamo le carote. 829 00:42:44,440 --> 00:42:46,640 Mi piace questo tema coniglio. 830 00:42:46,640 --> 00:42:48,024 Sto scavando un sacco. 831 00:42:48,024 --> 00:42:50,440 PUBBLICO: In realtà, ho pensato che Jacob sarebbe un legit. 832 00:42:50,440 --> 00:42:51,606 ALLISON Buchholtz-AU: Jacob? 833 00:42:51,606 --> 00:42:53,120 Jacob è cibo per conigli. 834 00:42:53,120 --> 00:42:55,310 Se avete visto Giacobbe foto dalla orario d'ufficio, 835 00:42:55,310 --> 00:42:56,850 si potrebbe pensare ha ottenuto attaccato da un coniglio assassino. 836 00:42:56,850 --> 00:42:58,099 >> PUBBLICO: Ho un coniglio ora. 837 00:42:58,099 --> 00:42:59,710 Ho un coniglio assassino ora. 838 00:42:59,710 --> 00:43:00,540 >> ALLISON Buchholtz-AU: Ma stai scherzando? 839 00:43:00,540 --> 00:43:02,081 >> PUBBLICO: Porterò la prossima sezione. 840 00:43:02,081 --> 00:43:02,990 Ce l'ho. 841 00:43:02,990 --> 00:43:04,240 >> ALLISON Buchholtz-AU: Questo è ridicolo. 842 00:43:04,240 --> 00:43:04,730 In ogni caso. 843 00:43:04,730 --> 00:43:05,510 >> PUBBLICO: [incomprensibile] 844 00:43:05,510 --> 00:43:07,510 >> PUBBLICO: Sì, il mio procuratore ha un coniglio pure. 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> ALLISON Buchholtz-AU: Voglio un coniglio. 847 00:43:11,580 --> 00:43:15,415 OK, chi porta un vero e proprio coniglio la sezione successiva, il totale punti brownie. 848 00:43:15,415 --> 00:43:16,290 PUBBLICO: [incomprensibile] 849 00:43:16,290 --> 00:43:16,943 PUBBLICO: Oh, non è vero. 850 00:43:16,943 --> 00:43:17,910 E 'un coniglio ripieno. 851 00:43:17,910 --> 00:43:18,855 >> ALLISON Buchholtz-AU: Oh sì, possiamo chiudere questi. 852 00:43:18,855 --> 00:43:20,174 Sembra rad. 853 00:43:20,174 --> 00:43:21,590 PUBBLICO: Ha davvero importanza? 854 00:43:21,590 --> 00:43:23,465 ALLISON Buchholtz-AU: Non è così. 855 00:43:23,465 --> 00:43:25,590 Con la maggior parte di queste cose, non si chiude il tag, 856 00:43:25,590 --> 00:43:28,750 Il 99% del tempo nulla di male sta andando che accada, ma è buono stile, troppo. 857 00:43:28,750 --> 00:43:30,250 Giacobbe. 858 00:43:30,250 --> 00:43:31,864 E abbiamo lattuga. 859 00:43:31,864 --> 00:43:33,655 PUBBLICO: Per i collegamenti, è davvero importante. 860 00:43:33,655 --> 00:43:34,696 ALLISON Buchholtz-AU: Hm? 861 00:43:34,696 --> 00:43:35,890 Destinatari: per i collegamenti ipertestuali. 862 00:43:35,890 --> 00:43:37,431 ALLISON Buchholtz-AU: per i collegamenti ipertestuali. 863 00:43:37,431 --> 00:43:38,610 Sì, i collegamenti ipertestuali bisogno. 864 00:43:38,610 --> 00:43:40,770 OK, vediamo qui. 865 00:43:40,770 --> 00:43:44,810 E abbiamo la chiusura della nostra lista. 866 00:43:44,810 --> 00:43:46,635 E guardiamo a questo. 867 00:43:46,635 --> 00:43:49,680 Abbiamo tutto-- Jacob, proprio lì. 868 00:43:49,680 --> 00:43:52,310 Cibo per conigli. 869 00:43:52,310 --> 00:43:54,000 Mi ricorda Bunnicula. 870 00:43:54,000 --> 00:43:55,234 >> PUBBLICO: [incomprensibile] 871 00:43:55,234 --> 00:43:58,400 ALLISON Buchholtz-AU: sto riportando Tutti i vecchi riferimenti scuola oggi, 872 00:43:58,400 --> 00:43:59,130 non sono io? 873 00:43:59,130 --> 00:44:01,210 Appena tutti i vecchi riferimenti scuola. 874 00:44:01,210 --> 00:44:05,767 Dovuto portare come Gogurts o qualcosa del genere per gli spuntini. 875 00:44:05,767 --> 00:44:07,079 >> PUBBLICO: O 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 Vedrò se riesco a tenere traccia giù Gushers per la prossima settimana. 879 00:44:10,920 --> 00:44:11,980 Penso di poter fare. 880 00:44:11,980 --> 00:44:13,980 Penso che potremmo avere alcuni in ufficio. 881 00:44:13,980 --> 00:44:18,570 >> OK, abbiamo trattato un sacco di diverso cose che si possono fare con HTML, giusto? 882 00:44:18,570 --> 00:44:23,910 E come probabilmente si può vedere, è nothing-- si spera, non troppo intim-- 883 00:44:23,910 --> 00:44:25,750 se lo è, non voglio dire sminuire nessuno. 884 00:44:25,750 --> 00:44:29,090 Se hai problemi, si prega di venire a parlare con me. 885 00:44:29,090 --> 00:44:31,340 >> Ma la maggior parte di esso è solo guardando la sintassi, giusto? 886 00:44:31,340 --> 00:44:34,180 Se volete una lista non ordinata, se volete qualche sorta di lista, 887 00:44:34,180 --> 00:44:38,450 se si desidera allineare qualcosa o Formato di qualcosa, è tutta una questione solo 888 00:44:38,450 --> 00:44:42,080 tipo di guardare in alto del sintassi per HTML, giusto? 889 00:44:42,080 --> 00:44:44,720 E una cosa che è piuttosto fresco in realtà 890 00:44:44,720 --> 00:44:51,360 è se si va a-- vediamo, che cosa è un bel sito che ci piace? 891 00:44:51,360 --> 00:44:54,920 Qualcuno ha qualche siti web preferiti che sono OK per far apparire on-line? 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 Sai una cosa, facciamo solo fare CS50. 894 00:44:58,840 --> 00:45:01,800 Questo è bello e sicuro, giusto? 895 00:45:01,800 --> 00:45:03,060 >> OK, così CS50 qui. 896 00:45:03,060 --> 00:45:05,540 Oh guarda, c'è una sezione in questo momento. 897 00:45:05,540 --> 00:45:07,113 Se ti piace il suo aspetto. 898 00:45:07,113 --> 00:45:08,030 >> PUBBLICO: [incomprensibile]. 899 00:45:08,030 --> 00:45:10,696 ALLISON Buchholtz-AU: Non siamo intenzione di fare la sezione meta, ragazzi. 900 00:45:10,696 --> 00:45:11,560 Non sta succedendo. 901 00:45:11,560 --> 00:45:14,540 Che sarebbe stato bello, ma non abbiamo intenzione di farlo. 902 00:45:14,540 --> 00:45:17,040 >> Allora, cosa si potrebbe fare fare se ti piace il modo 903 00:45:17,040 --> 00:45:21,390 questo funziona è che si può sempre ragione fare clic su qualsiasi pagina web che ti piace 904 00:45:21,390 --> 00:45:23,660 e si può fare Visualizza sorgente pagina. 905 00:45:23,660 --> 00:45:26,030 Si aprirà tutto il codice HTML. 906 00:45:26,030 --> 00:45:30,800 E questo è in realtà un ottimo modo per lo stile la propria pagina web. 907 00:45:30,800 --> 00:45:33,640 Andare a una pagina web che si piace molto e guardare il codice HTML 908 00:45:33,640 --> 00:45:35,430 e capire come hanno fatto. 909 00:45:35,430 --> 00:45:39,280 >> E letteralmente, purché come si citano le cose, 910 00:45:39,280 --> 00:45:41,940 fino a quando non sei solo rubare da persone, va bene. 911 00:45:41,940 --> 00:45:43,890 Soprattutto per CS50 [? finanziamo?], siamo 912 00:45:43,890 --> 00:45:46,950 gentile da parte vostra in attesa di ottenere ispirazione da altri siti web. 913 00:45:46,950 --> 00:45:48,070 Quindi sentitevi liberi. 914 00:45:48,070 --> 00:45:51,360 Guardare attraverso i siti web che pensate che sono davvero carina 915 00:45:51,360 --> 00:45:54,870 e capire come usano HTML e CSS per fare queste cose. 916 00:45:54,870 --> 00:45:59,860 >> Quindi, come vedete qui, non c'è, ovviamente, come i collegamenti e abbiamo una classe qui. 917 00:45:59,860 --> 00:46:00,950 Abbiamo un link qui. 918 00:46:00,950 --> 00:46:03,100 Abbiamo una lista. 919 00:46:03,100 --> 00:46:05,370 Probabilmente abbiamo un po ' foto in qui da qualche parte. 920 00:46:05,370 --> 00:46:08,332 >> Abbiamo un certo stile fresco qui. 921 00:46:08,332 --> 00:46:10,040 Questa è la prossima cosa stiamo andando a fare. 922 00:46:10,040 --> 00:46:14,580 Quindi stile, ogni volta che vedi questi staffe di stile, è fondamentalmente CSS. 923 00:46:14,580 --> 00:46:15,880 Ben, hai avuto una domanda? 924 00:46:15,880 --> 00:46:16,880 >> PUBBLICO: Che cosa è div? 925 00:46:16,880 --> 00:46:20,039 >> ALLISON Buchholtz-AU: div è proprio quello che è a-- div? 926 00:46:20,039 --> 00:46:20,830 PUBBLICO: Divisione. 927 00:46:20,830 --> 00:46:22,121 ALLISON Buchholtz-AU: Divisione. 928 00:46:22,121 --> 00:46:25,960 Sì, è proprio come separare diversi elementi. 929 00:46:25,960 --> 00:46:28,650 OK, ecco è ciò che siamo intenzione di andare in successiva. 930 00:46:28,650 --> 00:46:31,550 Quindi questo potrebbe non essere il migliore stile, perché, se si nota 931 00:46:31,550 --> 00:46:37,681 abbiamo HTML e stile nella stessa pagina, e vogliamo davvero separare quelli, 932 00:46:37,681 --> 00:46:38,180 Ok? 933 00:46:38,180 --> 00:46:41,620 E in realtà, mi permetta aprire il mio quello giusto 934 00:46:41,620 --> 00:46:45,990 perché questo dovrebbe essere il PDF, quindi abbiamo style.css. 935 00:46:45,990 --> 00:46:51,210 >> Che cosa possiamo fare qui è questi sono cose interessanti come alcuni dissolvenza 936 00:46:51,210 --> 00:46:55,550 e potremmo cercare di farlo, ma mi sento come farei confusione che fino al volo, 937 00:46:55,550 --> 00:46:58,520 così Vi incoraggio ragazzi a andare provare che da soli, 938 00:46:58,520 --> 00:47:00,310 ma io non ho intenzione di farlo adesso. 939 00:47:00,310 --> 00:47:03,790 Quindi, se voi ragazzi, ricordo, se mai colpito set problema, 940 00:47:03,790 --> 00:47:05,584 qualcosa piomba dal lato. 941 00:47:05,584 --> 00:47:08,000 Ha a che fare con la dissolvenza e la transizione e quant'altro. 942 00:47:08,000 --> 00:47:09,630 >> PUBBLICO: E questo è tutto CSS e HTML? 943 00:47:09,630 --> 00:47:11,460 >> ALLISON Buchholtz-AU: Tutti i CSS e HTML. 944 00:47:11,460 --> 00:47:12,420 Sì. 945 00:47:12,420 --> 00:47:17,720 Così si può fare un sacco di veramente cose interessanti con i CSS e HTML. 946 00:47:17,720 --> 00:47:22,280 Quindi, con il nostro fantastico pagina web coniglietto qui, abbiamo 947 00:47:22,280 --> 00:47:25,240 stanno andando a fare un po ' po 'di stile CSS con esso. 948 00:47:25,240 --> 00:47:28,850 >> Quindi, se avete mai avuto uno stile foglio, che abbiamo qui, 949 00:47:28,850 --> 00:47:30,550 si può chiamare style.css. 950 00:47:30,550 --> 00:47:32,090 Si può chiamare quello che vuoi. 951 00:47:32,090 --> 00:47:37,110 Quello che è importante è che stiamo andando di riferimento nel nostro web.html qui. 952 00:47:37,110 --> 00:47:41,670 >> Così che cosa stiamo andando a fare è we-- quindi non si scherza questo up-- 953 00:47:41,670 --> 00:47:46,180 ci accingiamo a collegare questi due file insieme. 954 00:47:46,180 --> 00:47:49,340 Così nella stessa way-- vado disegnare un analogia C qui. 955 00:47:49,340 --> 00:47:53,510 Allo stesso modo che se si dispone di alcuni library-- e abbiamo cs50.h-- 956 00:47:53,510 --> 00:47:55,520 il nostro compilatore collega. 957 00:47:55,520 --> 00:47:58,040 Questo è solo un esplicito Link da parte nostra. 958 00:47:58,040 --> 00:48:01,840 Quindi, nello stesso modo in cui lo facciamo hash includere qualche file, cosa 959 00:48:01,840 --> 00:48:06,890 Sto per scrivere è solo il HTML / CSS equivalente di quella. 960 00:48:06,890 --> 00:48:11,970 >> Stiamo solo dicendo, OK, questa pagina web sta per utilizzare questo foglio di stile, OK? 961 00:48:11,970 --> 00:48:23,360 Così abbiamo link rel pari al foglio di stile. 962 00:48:23,360 --> 00:48:30,870 E poi abbiamo il tipo, css. 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 E poi è uguale a href. 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 Quindi, tutto questo ha fatto qui è possibile pensare a questo come la stessa cosa 968 00:48:45,680 --> 00:48:47,550 come un hash includere. 969 00:48:47,550 --> 00:48:53,450 Ovviamente sembra un po 'più complicato, ma in tutti i casi, 970 00:48:53,450 --> 00:48:55,370 è effettivamente la stessa cosa. 971 00:48:55,370 --> 00:49:00,940 Quindi, questo è solo un po 'di collegamento di un foglio di stile, è di tipo text / css, 972 00:49:00,940 --> 00:49:02,875 e il nome di essa è style.css. 973 00:49:02,875 --> 00:49:05,560 >> Ciò che è importante sapere è che la pagina web 974 00:49:05,560 --> 00:49:09,155 che sto lavorando proprio now-- web.html e style.css-- sono nella stessa cartella. 975 00:49:09,155 --> 00:49:14,740 Perché in cartelle diverse, è necessario dare la radice reale 976 00:49:14,740 --> 00:49:17,480 ad essa o il percorso. 977 00:49:17,480 --> 00:49:20,620 Ma in questo caso, stiamo mantenendolo super semplice e che sta per essere qui. 978 00:49:20,620 --> 00:49:26,730 Quindi, se lo facciamo, ho un po ' cose già in coda qui. 979 00:49:26,730 --> 00:49:31,680 >> Così abbiamo un corpo, che sta di avere il nostro colore di sfondo, che 980 00:49:31,680 --> 00:49:33,320 in questo momento è di colore azzurro. 981 00:49:33,320 --> 00:49:36,850 Siamo in grado di cambiare se vogliamo, ma se ricordo correttamente, 982 00:49:36,850 --> 00:49:39,270 si deve solo cambiare alla luce blu. 983 00:49:39,270 --> 00:49:42,050 E ora abbiamo uno sfondo blu chiaro. 984 00:49:42,050 --> 00:49:47,490 E abbiamo avuto qui-- qualcuno può ricordare che uno è ID hash o di classe? 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> PUBBLICO: ID. 987 00:49:51,080 --> 00:49:51,800 >> ALLISON Buchholtz-AU: ID. 988 00:49:51,800 --> 00:49:52,420 Freddo. 989 00:49:52,420 --> 00:49:58,920 Così che cosa vogliamo fare è che di questi tipi di carattere 990 00:49:58,920 --> 00:50:01,534 o which-- vogliamo "Guarda il coniglio carino "essere viola? 991 00:50:01,534 --> 00:50:02,950 Credo che noi vogliamo che per essere viola. 992 00:50:02,950 --> 00:50:04,640 Sono abbastanza giù con che essere viola. 993 00:50:04,640 --> 00:50:08,790 >> Quindi, ciò che si fa è di fare ID equals-- in questo caso 994 00:50:08,790 --> 00:50:13,630 Ho detto, che cosa, piuttosto colore qui. 995 00:50:13,630 --> 00:50:14,780 Ricarichiamo. 996 00:50:14,780 --> 00:50:17,460 Tutto d'un tratto, si è viola. 997 00:50:17,460 --> 00:50:20,680 OK, quindi con ID, ricordare deve essere unico, 998 00:50:20,680 --> 00:50:24,370 quindi dovrei mai usare questo ID in qualsiasi altro luogo. 999 00:50:24,370 --> 00:50:27,760 Ma con classe, come abbiamo qui con un bel carattere, 1000 00:50:27,760 --> 00:50:30,300 Dovrei essere in grado di utilizzare che ovunque io voglio. 1001 00:50:30,300 --> 00:50:33,160 >> Allora, facciamo questo qui. 1002 00:50:33,160 --> 00:50:41,100 Quindi possiamo dire che classe è uguale piuttosto font. 1003 00:50:41,100 --> 00:50:46,190 E se guardiamo ora, abbiamo questo bel carattere fresco qui. 1004 00:50:46,190 --> 00:50:49,160 Così forse voglio fare entrambe le cose. 1005 00:50:49,160 --> 00:50:52,786 OK, io in realtà non so se questo è andare al lavoro, ma voglio provare. 1006 00:50:52,786 --> 00:50:54,410 Ed è così che si impara CSS e HTML. 1007 00:50:54,410 --> 00:50:55,660 Sei come, sai cosa, voglio provare questo. 1008 00:50:55,660 --> 00:50:56,430 Non sono sicuro se si tratta di andare a lavorare. 1009 00:50:56,430 --> 00:50:57,346 Vediamo se funziona. 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> E guarda un po '. 1012 00:51:01,540 --> 00:51:04,540 Ora è in viola e si tratta di un bel carattere. 1013 00:51:04,540 --> 00:51:08,692 OK, in modo da avere tutte queste cose che si possono fare. 1014 00:51:08,692 --> 00:51:09,650 Hai una domanda? 1015 00:51:09,650 --> 00:51:10,275 >> PUBBLICO: Sì. 1016 00:51:10,275 --> 00:51:13,280 Beh, proprio come i colori Stai usando sei parole. 1017 00:51:13,280 --> 00:51:16,005 C'è un modo per fare i colori con l'esadecimale RGB? 1018 00:51:16,005 --> 00:51:18,880 ALLISON Buchholtz-AU: È possibile anche farlo con esadecimale, credo. 1019 00:51:18,880 --> 00:51:19,803 Sì. 1020 00:51:19,803 --> 00:51:22,136 Ma è una specie di bello se si non voglio guardare in su. 1021 00:51:22,136 --> 00:51:23,762 Si può solo essere come, viola o blu. 1022 00:51:23,762 --> 00:51:25,720 PUBBLICO: Speriamo che sanno che cosa significa. 1023 00:51:25,720 --> 00:51:26,886 ALLISON Buchholtz-AU: Giusto. 1024 00:51:26,886 --> 00:51:29,580 Quindi cerchiamo di fare questa lettura o chartreuse. 1025 00:51:29,580 --> 00:51:32,060 Perché mai scegliere chartreuse? 1026 00:51:32,060 --> 00:51:33,340 Si tratta di un colore interessante. 1027 00:51:33,340 --> 00:51:37,355 >> OK, quindi ovviamente possiamo vedere noi può cambiare le cose però vogliamo. 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 Se si voleva create-- diciamo abbiamo voluto creare un'altra classe. 1030 00:51:45,392 --> 00:51:46,850 Che cosa voi ragazzi potrebbe desiderare di cambiare? 1031 00:51:46,850 --> 00:51:51,840 Se si tira su W3Schools ' Documentazione CSS, 1032 00:51:51,840 --> 00:51:54,450 Lascio la parola a voi ragazzi. 1033 00:51:54,450 --> 00:51:57,990 Possiamo cercare di fare qualcosa di fresco con questo negli ultimi due minuti. 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 Perché ho tipo di dato un Crash Course su un sacco di cose interessanti 1036 00:52:03,150 --> 00:52:03,970 che si può fare. 1037 00:52:03,970 --> 00:52:09,956 Ma alla fine, come ho detto, se si solo esperimento, imparerete molto. 1038 00:52:09,956 --> 00:52:12,212 >> PUBBLICO: Hai guardato in su che tipo di carattere? 1039 00:52:12,212 --> 00:52:14,295 >> ALLISON Buchholtz-AU: Sì, Alzai lo sguardo quel font. 1040 00:52:14,295 --> 00:52:17,200 Così come, letteralmente, mi andato a-- cosa ho fatto? 1041 00:52:17,200 --> 00:52:22,371 Ho fatto l'elenco dei font CSS, e poi ho fatto pila di carattere, 1042 00:52:22,371 --> 00:52:25,120 e poi mi sono detto, guarda, qui sono tutti i font interessanti si possono fare. 1043 00:52:25,120 --> 00:52:28,180 E c'era questo, quindi Ho copiato al mio appunti. 1044 00:52:28,180 --> 00:52:31,820 E poi mi sono detto, OK, fresco, ci andiamo. 1045 00:52:31,820 --> 00:52:32,320 Tutto fatto. 1046 00:52:32,320 --> 00:52:35,920 >> PUBBLICO: quindi bisogna fare in modo che i CSS sa che cosa quel font sia. 1047 00:52:35,920 --> 00:52:37,370 >> ALLISON Buchholtz-AU: Sì. 1048 00:52:37,370 --> 00:52:38,190 >> PUBBLICO: Cosa dice alla fine? 1049 00:52:38,190 --> 00:52:38,790 Corsivo? 1050 00:52:38,790 --> 00:52:40,040 >> ALLISON Buchholtz-AU: Cursive. 1051 00:52:40,040 --> 00:52:40,950 Sì. 1052 00:52:40,950 --> 00:52:42,310 >> PUBBLICO: Immagine di sfondo. 1053 00:52:42,310 --> 00:52:43,290 >> ALLISON Buchholtz-AU: Immagine di sfondo. 1054 00:52:43,290 --> 00:52:44,180 Ok. 1055 00:52:44,180 --> 00:52:46,490 Quindi vuoi dirmi come fare questo. 1056 00:52:46,490 --> 00:52:47,390 Lascio a voi. 1057 00:52:47,390 --> 00:52:49,070 Sto solo scrivendo qui ora. 1058 00:52:49,070 --> 00:52:51,714 La ruota è nelle vostre mani. 1059 00:52:51,714 --> 00:52:52,660 >> PUBBLICO: OK 1060 00:52:52,660 --> 00:52:53,701 >> ALLISON Buchholtz-AU: OK. 1061 00:52:53,701 --> 00:52:54,720 Che cosa sto facendo? 1062 00:52:54,720 --> 00:53:02,929 >> PUBBLICO: Doing-- So cosa viene dopo la parentesi graffa. 1063 00:53:02,929 --> 00:53:03,970 ALLISON Buchholtz-AU: OK. 1064 00:53:03,970 --> 00:53:06,707 Quindi probabilmente in corpo, mi avrebbe assunto, perché siamo 1065 00:53:06,707 --> 00:53:08,040 fare l'immagine di sfondo. 1066 00:53:08,040 --> 00:53:08,940 >> PUBBLICO: Sì, facciamolo. 1067 00:53:08,940 --> 00:53:09,981 >> ALLISON Buchholtz-AU: OK. 1068 00:53:09,981 --> 00:53:14,260 PUBBLICO: OK, allora sfondo colon, e poi ci 1069 00:53:14,260 --> 00:53:16,894 bisogno di un indirizzo URL di quell'immagine. 1070 00:53:16,894 --> 00:53:18,560 Forse pseudo-codice che per ora, forse. 1071 00:53:18,560 --> 00:53:20,601 >> ALLISON Buchholtz-AU: Che cosa vuoi che a-- 1072 00:53:20,601 --> 00:53:22,574 PUBBLICO: Sto pensando come un GIF. 1073 00:53:22,574 --> 00:53:23,740 ALLISON Buchholtz-AU: A GIF? 1074 00:53:23,740 --> 00:53:26,070 Che sta per essere interessante. 1075 00:53:26,070 --> 00:53:27,840 OK, che cosa sono io googling qui? 1076 00:53:27,840 --> 00:53:29,670 >> PUBBLICO: No, questa è la vostra scelta. 1077 00:53:29,670 --> 00:53:32,090 >> ALLISON Buchholtz-AU: Perché non we-- se si tratta di un coniglio, 1078 00:53:32,090 --> 00:53:35,610 Mi sento come dovremmo avere un bel prato erboso o qualcosa del genere. 1079 00:53:35,610 --> 00:53:38,275 >> PUBBLICO: Prato. 1080 00:53:38,275 --> 00:53:39,350 Un prato. 1081 00:53:39,350 --> 00:53:40,641 >> ALLISON Buchholtz-AU: Un prato? 1082 00:53:40,641 --> 00:53:41,851 Ok. 1083 00:53:41,851 --> 00:53:42,975 PUBBLICO: O Rachel Maddow. 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 ALLISON Buchholtz-AU: Questo sembra piuttosto. 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 Oh, questo è molto piccolo, però. 1088 00:53:50,380 --> 00:53:51,700 Abbiamo bisogno di una buona immagine di dimensione. 1089 00:53:51,700 --> 00:53:53,142 Vediamo. 1090 00:53:53,142 --> 00:53:54,570 Oh, guarda. 1091 00:53:54,570 --> 00:53:55,630 Questo è un bel prato. 1092 00:53:55,630 --> 00:53:58,320 Sai cosa, mi piace questo. 1093 00:53:58,320 --> 00:53:59,300 Cerchiamo di copiare questo. 1094 00:53:59,300 --> 00:54:08,020 >> PUBBLICO: OK, quindi penso che sia l'URL, parentesi aperte. 1095 00:54:08,020 --> 00:54:09,590 >> ALLISON Buchholtz-AU: OK, URL. 1096 00:54:09,590 --> 00:54:11,500 >> PUBBLICO: Quindi l'indirizzo. 1097 00:54:11,500 --> 00:54:13,610 >> ALLISON Buchholtz-AU: OK. 1098 00:54:13,610 --> 00:54:14,750 È che tutti abbiamo bisogno? 1099 00:54:14,750 --> 00:54:20,550 >> PUBBLICO: Chiudi parentesi e virgola, e poi spazio, sfondo trattino 1100 00:54:20,550 --> 00:54:27,050 due punti di attacco fisso, e parentesi graffa. 1101 00:54:27,050 --> 00:54:28,110 >> ALLISON Buchholtz-AU: OK. 1102 00:54:28,110 --> 00:54:29,114 Vediamo se funziona. 1103 00:54:29,114 --> 00:54:30,780 Sta andando essere abbastanza freddo se lo fa. 1104 00:54:30,780 --> 00:54:33,880 Sono davvero felice qui. 1105 00:54:33,880 --> 00:54:35,070 Non ha funzionato. 1106 00:54:35,070 --> 00:54:35,700 Mi chiedo perché. 1107 00:54:35,700 --> 00:54:37,700 PUBBLICO: Forse l'URL deve essere tra virgolette. 1108 00:54:37,700 --> 00:54:38,866 ALLISON Buchholtz-AU: Forse. 1109 00:54:38,866 --> 00:54:41,520 Ed è così che si impara, ragazzi. 1110 00:54:41,520 --> 00:54:44,340 >> PUBBLICO: Possiamo avere sfondo il colore e l'immagine di sfondo? 1111 00:54:44,340 --> 00:54:45,390 >> PUBBLICO: No. 1112 00:54:45,390 --> 00:54:46,550 Si sostituisce l'altra. 1113 00:54:46,550 --> 00:54:46,960 >> ALLISON Buchholtz-AU: Non lo so. 1114 00:54:46,960 --> 00:54:47,460 Vediamo. 1115 00:54:47,460 --> 00:54:48,860 Andiamo a controllare e vedere. 1116 00:54:48,860 --> 00:54:51,567 >> PUBBLICO: Oh, forse, sì. 1117 00:54:51,567 --> 00:54:52,400 [VOCI interponendo] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> ALLISON Buchholtz-AU: OK, questo è obviously-- I [incomprensibile] qui. 1120 00:55:03,260 --> 00:55:04,927 Quindi OK. 1121 00:55:04,927 --> 00:55:06,260 PUBBLICO: attaccamento Sfondo. 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 >> PUBBLICO: OK, io non lo so. 1125 00:55:13,946 --> 00:55:16,070 ALLISON Buchholtz-AU: Si sembra che dovrebbe funzionare. 1126 00:55:16,070 --> 00:55:19,074 Sei sicuro che sia i due punti dopo l'URL? 1127 00:55:19,074 --> 00:55:20,439 >> PUBBLICO: No, è punto e virgola. 1128 00:55:20,439 --> 00:55:21,980 ALLISON Buchholtz-AU: E 'punto e virgola. 1129 00:55:21,980 --> 00:55:22,530 PUBBLICO: Ho detto colon? 1130 00:55:22,530 --> 00:55:24,155 ALLISON Buchholtz-AU: Hai detto due punti. 1131 00:55:24,155 --> 00:55:26,222 PUBBLICO: Oh no. 1132 00:55:26,222 --> 00:55:27,680 ALLISON Buchholtz-AU: ci si va. 1133 00:55:27,680 --> 00:55:29,350 PUBBLICO: Oh, aspetta, ora non siamo in grado di leggere il testo. 1134 00:55:29,350 --> 00:55:30,320 ALLISON Buchholtz-AU: Ora Non è possibile leggere il testo, 1135 00:55:30,320 --> 00:55:32,740 ma abbiamo l'immagine di sfondo. 1136 00:55:32,740 --> 00:55:33,300 Mmhmm? 1137 00:55:33,300 --> 00:55:35,220 >> PUBBLICO: Fa HTML supportare contenuti dinamici? 1138 00:55:35,220 --> 00:55:39,070 Come, potrebbe ridimensionare quella foto a seconda della dimensione della finestra, 1139 00:55:39,070 --> 00:55:39,890 o è che un CSS-- 1140 00:55:39,890 --> 00:55:41,723 >> ALLISON Buchholtz-AU: Così CSS ha a che fare questo. 1141 00:55:41,723 --> 00:55:45,210 Quindi, se voi siete interessati nell'apprendimento avanzata CSS, 1142 00:55:45,210 --> 00:55:50,789 Io sono co-docenza di un seminario sul CSS al 7 °. 1143 00:55:50,789 --> 00:55:52,580 E vi prometto che vi essere molto più in profondità 1144 00:55:52,580 --> 00:55:55,220 e fare molto di più fresco cose in questa sezione. 1145 00:55:55,220 --> 00:55:59,234 E il mio co-insegnante è come totale front-end web dev master. 1146 00:55:59,234 --> 00:56:02,150 Così sarà piuttosto fresco se si desidera per conoscere tutte le cose interessanti 1147 00:56:02,150 --> 00:56:03,960 che i CSS può fare. 1148 00:56:03,960 --> 00:56:06,860 >> Ma quello che abbiamo qui con il suo attaccamento sfondo 1149 00:56:06,860 --> 00:56:13,330 fixed-- quindi è un po 'size-- fisso ma si può effettivamente dynamically-- 1150 00:56:13,330 --> 00:56:17,610 se avete mai visto le pagine web, come maggior parte delle pagine web buone farà, 1151 00:56:17,610 --> 00:56:19,470 quando si regola il dimensione del tuo browser, 1152 00:56:19,470 --> 00:56:23,980 regola lo sfondo o quanto sta mostrando o riformatta le cose, giusto? 1153 00:56:23,980 --> 00:56:27,100 Ecco, questo è ciò che noi chiamiamo posizionamento relativo. 1154 00:56:27,100 --> 00:56:33,410 >> E CSS può effettivamente afferrare quanto è grande il tuo larghezza del browser è o quanto alto sia, 1155 00:56:33,410 --> 00:56:37,970 e si può posizionare le cose secondo le dimensioni relative 1156 00:56:37,970 --> 00:56:40,420 rispetto a dimensioni assolute. 1157 00:56:40,420 --> 00:56:44,920 E questo è ovviamente più avanzata CSS, ma questo è qualcosa che si può fare. 1158 00:56:44,920 --> 00:56:47,390 Se volete imparare più, venire al mio seminario. 1159 00:56:47,390 --> 00:56:50,540 >> In modo che sia qualcosa che si può fare. 1160 00:56:50,540 --> 00:56:54,450 E CSS può effettivamente fare-- CSS e JavaScript, 1161 00:56:54,450 --> 00:56:58,790 di cui parleremo nel prossimo week-- può permettere di cambiare in modo dinamico 1162 00:56:58,790 --> 00:57:02,160 pagine senza dover ricarica loro tutto il tempo. 1163 00:57:02,160 --> 00:57:04,590 E si arriva a fare un po ' roba abbastanza fresco. 1164 00:57:04,590 --> 00:57:09,317 >> Così, c'è un'altra cosa che voi ragazzi potrebbe voler fare 1165 00:57:09,317 --> 00:57:10,650 o tutto quello che vuoi esplorare? 1166 00:57:10,650 --> 00:57:12,900 Abbiamo 10 minuti dalla fine. 1167 00:57:12,900 --> 00:57:19,010 Possiamo anche partire presto, ma se si vuole fare un po 'di roba web, 1168 00:57:19,010 --> 00:57:20,960 possiamo, ma non sono andando a costringerti a. 1169 00:57:20,960 --> 00:57:23,510 Ma possiamo anche semplicemente mangiare caramelle. 1170 00:57:23,510 --> 00:57:25,760 PUBBLICO: Evidenziare il testo bianco in modo da poter leggere. 1171 00:57:25,760 --> 00:57:27,680 ALLISON Buchholtz-AU: OK. 1172 00:57:27,680 --> 00:57:33,389 Quindi, in questo caso, vogliamo alcune p. 1173 00:57:33,389 --> 00:57:36,305 PUBBLICO: Dovremmo farlo nel corpo in modo che si applica a tutta pagina? 1174 00:57:36,305 --> 00:57:38,096 ALLISON Buchholtz-AU: Sì, possiamo in realtà. 1175 00:57:38,096 --> 00:57:40,880 Questa è una buona idea. 1176 00:57:40,880 --> 00:57:43,420 Così abbiamo have-- Sei il sappiamo che cosa dovremmo essere? 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 Non so se si può fare il colore del testo. 1179 00:57:50,260 --> 00:57:54,946 Stavo andando a cercare di creare un'altra classe qui. 1180 00:57:54,946 --> 00:57:58,394 >> PUBBLICO: Come si ottiene così che ha suggerimenti? 1181 00:57:58,394 --> 00:58:00,560 ALLISON Buchholtz-AU: Così se voi siete interessati, 1182 00:58:00,560 --> 00:58:03,480 questo è un altro testo Editor chiamato Sublime. 1183 00:58:03,480 --> 00:58:07,180 Si dovrebbe essere in grado di installarlo sul vostro apparecchio. 1184 00:58:07,180 --> 00:58:08,659 A volte diventa un po 'difficile. 1185 00:58:08,659 --> 00:58:10,950 Se si vuole aiutare in questo, Sono super felice di aiutarvi 1186 00:58:10,950 --> 00:58:14,720 con essa, perché gedit è grande e è impressionante perché si può compilarlo 1187 00:58:14,720 --> 00:58:17,790 sul fondo, ma realmente come Sublime perché è abbastanza 1188 00:58:17,790 --> 00:58:19,498 e lo fa fare le cose come il completamento automatico. 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> Così si può sicuramente sentire liberi di fatemi sapere se si desidera farlo. 1191 00:58:26,890 --> 00:58:28,940 Se solo Google "Sublime il testo, "è in genere 1192 00:58:28,940 --> 00:58:32,860 ha le istruzioni su come installare su vari sistemi operativi. 1193 00:58:32,860 --> 00:58:37,590 E 'davvero cool, mi pensare, a mio parere. 1194 00:58:37,590 --> 00:58:38,355 Così p. 1195 00:58:38,355 --> 00:58:45,616 Penso di poter fare solo text-- o possiamo solo fare colore è "bianco". 1196 00:58:45,616 --> 00:58:47,050 Là. 1197 00:58:47,050 --> 00:58:50,770 >> Quindi quello che ho fatto qui è che io non ha modificato tutto il testo. 1198 00:58:50,770 --> 00:58:54,040 Ma p qui è solo un tag che abbiamo, giusto? 1199 00:58:54,040 --> 00:58:55,450 Questo tag di paragrafo. 1200 00:58:55,450 --> 00:59:00,380 Così ho appena creato un elemento CSS che detto, OK, qualsiasi cosa con questo tag 1201 00:59:00,380 --> 00:59:02,510 p, rendono il colore bianco. 1202 00:59:02,510 --> 00:59:05,690 >> Quindi, se avete notato, ha fatto questo bianco e questo bianco. 1203 00:59:05,690 --> 00:59:09,100 Non aveva la nostra lista bianca perché non è associato a questo. 1204 00:59:09,100 --> 00:59:11,180 Si potrebbe passare attraverso e si potrebbe say-- 1205 00:59:11,180 --> 00:59:11,860 >> PUBBLICO: Do colore di sfondo. 1206 00:59:11,860 --> 00:59:12,660 >> ALLISON Buchholtz-AU: Colore di sfondo? 1207 00:59:12,660 --> 00:59:15,660 >> PUBBLICO: Sfondo di tubi in colore in cui si inserisce il tag p. 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 Lo vuoi bianco? 1211 00:59:22,804 --> 00:59:23,470 PUBBLICO: Mmhmm. 1212 00:59:23,470 --> 00:59:25,070 ALLISON Buchholtz-AU: OK. 1213 00:59:25,070 --> 00:59:26,342 Ecco fatto. 1214 00:59:26,342 --> 00:59:27,300 PUBBLICO: Questo è strano. 1215 00:59:27,300 --> 00:59:29,190 ALLISON Buchholtz-AU: Abbastanza freddo, giusto? 1216 00:59:29,190 --> 00:59:31,640 Quindi, se si scherza, hai intenzione di imparare molto. 1217 00:59:31,640 --> 00:59:34,720 E può essere piuttosto fresco. 1218 00:59:34,720 --> 00:59:37,312 Penso che sia decisamente più gratificante che a volte 1219 00:59:37,312 --> 00:59:39,770 perché non c'è bisogno di aspettare per il vostro programma per la compilazione. 1220 00:59:39,770 --> 00:59:41,895 Si può solo colpire Aggiorna e tu sei come, oh, guarda, 1221 00:59:41,895 --> 00:59:44,276 ha funzionato, o oh, io sono probabilmente manca qualcosa. 1222 00:59:44,276 --> 00:59:47,359 E questo è qualcosa che è veramente interessante di questa nuova parte della classe, 1223 00:59:47,359 --> 00:59:49,250 è è sicuramente, ho pensare, più facile da controllare 1224 00:59:49,250 --> 00:59:52,640 come si va lungo la strada contro dover scrivere questi lunghi programmi 1225 00:59:52,640 --> 00:59:57,830 e desiderando e pregando che funziona alla fine. 1226 00:59:57,830 --> 01:00:01,960 >> E con questo, credo voi ragazzi sembrano tutti bene. 1227 01:00:01,960 --> 01:00:05,360 Se avete domande, come sempre, venire a parlare con me, vieni me lo faccia sapere. 1228 01:00:05,360 --> 01:00:08,180 Sarò proprio fuori per i prossimi 15 minuti 1229 01:00:08,180 --> 01:00:11,340 se si vuole parlare di tutto e di più. 1230 01:00:11,340 --> 01:00:13,530 >> Quindi spero che guys-- buona fortuna con questo pset. 1231 01:00:13,530 --> 01:00:18,150 Il termine ultimo è il Venerdì a mezzogiorno perché è stato rilasciato alla fine. 1232 01:00:18,150 --> 01:00:21,220 Così mi sarà probabilmente vedendo un sacco di voi ragazzi il Giovedi, 1233 01:00:21,220 --> 01:00:21,970 ma speriamo non. 1234 01:00:21,970 --> 01:00:23,386 Forse avrai fatto da allora. 1235 01:00:23,386 --> 01:00:24,440 Sarei super-orgoglioso. 1236 01:00:24,440 --> 01:00:26,410 >> Ma se non, ci vediamo Giovedi. 1237 01:00:26,410 --> 01:00:30,030 È inoltre possibile utilizzare una data di fine, che si estende a Sabato a mezzogiorno. 1238 01:00:30,030 --> 01:00:31,730 Ma io don't-- eh? 1239 01:00:31,730 --> 01:00:32,580 >> PUBBLICO: Halloween. 1240 01:00:32,580 --> 01:00:34,538 >> ALLISON Buchholtz-AU: È Halloween, un, e b, 1241 01:00:34,538 --> 01:00:37,050 Non credo che ci sarà essere l'orario di ufficio il Venerdì. 1242 01:00:37,050 --> 01:00:40,920 Quindi, in realtà non cercare di farlo fare da Venerdì in modo che tutti possiamo festeggiare 1243 01:00:40,920 --> 01:00:42,010 Fine settimana Hallow. 1244 01:00:42,010 --> 01:00:44,670 Va bene, ci vediamo ragazzi la prossima settimana. 1245 01:00:44,670 --> 01:00:45,888