1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [Lecture de musique] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 ALLISON BUCHHOLTZ-UA: Très bien, tout le monde. 5 00:00:12,540 --> 00:00:13,860 Bienvenue à la section. 6 00:00:13,860 --> 00:00:19,559 Donc, notre ordre du jour pour aujourd'hui va sur beaucoup plus web dev choses. 7 00:00:19,559 --> 00:00:21,600 Je ne sais pas combien de vous avez vu vos psets 8 00:00:21,600 --> 00:00:24,414 étant donné qu'il a été relâché plus tôt ce matin. 9 00:00:24,414 --> 00:00:26,330 Je voudrais que le nombre de de gens ont lu les spécifications, 10 00:00:26,330 --> 00:00:29,910 mais voyant que vous avez eu tout de, comme, sept heures pour regarder ce 11 00:00:29,910 --> 00:00:31,910 et il est un lundi et vous avez probablement eu classe, 12 00:00:31,910 --> 00:00:34,160 Je vais supposer que plupart d'entre vous ne l'ont pas. 13 00:00:34,160 --> 00:00:37,170 Si vous avez, bravo supplémentaires. 14 00:00:37,170 --> 00:00:39,400 >> Vous êtes essentiellement aider mettre en place un web simple 15 00:00:39,400 --> 00:00:43,270 serveur en C, qui est un nouveau jeu de processeurs de la marque, si vous les gars arrivent à être les cobayes. 16 00:00:43,270 --> 00:00:49,730 Ça va être un plaisir, la semaine sauvage, mais je pense que ce sera beaucoup de plaisir 17 00:00:49,730 --> 00:00:52,260 et ce sera une très bonne expérience en fait. 18 00:00:52,260 --> 00:00:54,920 Donc, pour vous préparer à que, dans la section aujourd'hui, 19 00:00:54,920 --> 00:01:00,940 nous allons aller chmod, TCP / IP, et puis un peu de HTML et CSS. 20 00:01:00,940 --> 00:01:05,080 >> A la fin, nous allons en fait le code une simple page web ensemble 21 00:01:05,080 --> 00:01:09,042 pour vous aider les gars genre de faire plus familiarisé avec cela. 22 00:01:09,042 --> 00:01:11,750 Et puis si vous ne l'avez pas ramassé vos questionnaires, ils sont à l'avant, 23 00:01:11,750 --> 00:01:14,890 mais je suis sûr que tout le monde ici a leur questionnaire. 24 00:01:14,890 --> 00:01:17,880 Et aussi sur cette note, solutions ne sont pas encore en place, 25 00:01:17,880 --> 00:01:21,490 mais dès que nous aimons finish--, la dernières quelques personnes qui prennent leur quizzes-- 26 00:01:21,490 --> 00:01:22,280 ils seront en place. 27 00:01:22,280 --> 00:01:24,630 Si vous avez des questions pendant ce temps, 28 00:01:24,630 --> 00:01:26,240 hésitez pas à me contacter personnellement. 29 00:01:26,240 --> 00:01:30,700 Je vais répondre à votre personne questions, comme je le fais toujours. 30 00:01:30,700 --> 00:01:33,890 >> Donc, sur cette note, chmod. 31 00:01:33,890 --> 00:01:36,390 Donc, fondamentalement, tout ce que vous besoin de savoir à propos de chmod 32 00:01:36,390 --> 00:01:39,620 est qu'il est utilisé pour changer les permissions de fichiers, non? 33 00:01:39,620 --> 00:01:44,050 Donc, il est seulement certains systèmes appellent une changer les permissions, comme il est dit ici. 34 00:01:44,050 --> 00:01:48,540 Et si jamais vous voulez voir les autorisations que le fichier a, 35 00:01:48,540 --> 00:01:52,240 au lieu de simplement faire ls, vous pourriez faire ls -l. 36 00:01:52,240 --> 00:01:54,010 L signifie longue. 37 00:01:54,010 --> 00:01:56,460 >> Alors vous allez faire de longues listes de tout, et il 38 00:01:56,460 --> 00:02:02,080 vous donnera beaucoup plus détaillée d'informations sur chacun de vos fichiers. 39 00:02:02,080 --> 00:02:05,540 Et vous verrez quelque chose-- je suis va sauter pour une second-- 40 00:02:05,540 --> 00:02:08,910 mais vous verrez quelque chose de similaire à cette ligne haut il pour chaque fichier. 41 00:02:08,910 --> 00:02:11,560 Et nous allons passer en revue ce que cela signifie. 42 00:02:11,560 --> 00:02:15,260 >> Donc, fondamentalement, à changer les permissions des fichiers, 43 00:02:15,260 --> 00:02:16,850 vous voulez juste utiliser la commande chmod. 44 00:02:16,850 --> 00:02:23,620 Vous pouvez penser que tout autre UNIX appeler comme ls ou cd ou autres joyeusetés. 45 00:02:23,620 --> 00:02:25,540 Il est juste un peu d'un autre appel comme. 46 00:02:25,540 --> 00:02:30,530 >> Donc, nous faisons chmod et puis nous allons trois chiffres généralement. 47 00:02:30,530 --> 00:02:33,570 Il ya deux façons de le faire il, dont nous allons passer en revue. 48 00:02:33,570 --> 00:02:37,650 Mais généralement, vous aurez trois chiffres allant de 0 à 7 chaque fois. 49 00:02:37,650 --> 00:02:43,530 >> Donc, une chose est qu'il ya trois types de droits 50 00:02:43,530 --> 00:02:45,510 que nous pouvons donner à chaque fichier. 51 00:02:45,510 --> 00:02:49,480 Et il est lisible, ce qui est représenté par R, qui fera sens 52 00:02:49,480 --> 00:02:54,020 dans un peu; w, qui est écriture; et exécutable, qui est x. 53 00:02:54,020 --> 00:02:57,630 Je sais que le e un exécutable, peut-être pas le plus de sens, mais nous 54 00:02:57,630 --> 00:02:59,120 représenter avec x. 55 00:02:59,120 --> 00:03:05,290 >> Et puis ce qui se passe est chacun de ces ont également la représentation des nombres. 56 00:03:05,290 --> 00:03:07,990 Nous avons donc 1, 2 et 4. 57 00:03:07,990 --> 00:03:12,060 Et dans le fond ce qui se passe est chacun de ces trois nombres 58 00:03:12,060 --> 00:03:17,380 ici correspond à une ensemble différent d'utilisateurs 59 00:03:17,380 --> 00:03:19,420 qui se rapportent à ces autorisations. 60 00:03:19,420 --> 00:03:24,820 >> Ainsi, vous pouvez penser de cette première nombre correspondant à l'utilisateur actuel 61 00:03:24,820 --> 00:03:29,360 ou le propriétaire du fichier, la seconde nombre correspond au groupe, 62 00:03:29,360 --> 00:03:33,590 et la dernière référence dans le monde, OK? 63 00:03:33,590 --> 00:03:39,995 Donc ce qui arrive est de se rappeler ceux numbers-- r est 4, w est 2, 64 00:03:39,995 --> 00:03:42,550 x est 1, non? 65 00:03:42,550 --> 00:03:46,630 This-- si vous les résumer, qui vous donne ce premier numéro 66 00:03:46,630 --> 00:03:48,600 que nous pourrions entrée dans notre chmod. 67 00:03:48,600 --> 00:03:52,191 >> Donc dans ce cas, ce serait ce nombre est? 68 00:03:52,191 --> 00:03:57,030 Ce serait 4 plus 2 plus 1, qui est un 7, à droite? 69 00:03:57,030 --> 00:03:59,250 Et dans ce cas, ces ne pas avoir quoi que ce soit, 70 00:03:59,250 --> 00:04:06,450 si ce droit serait ici traduire à chmod 700, OK? 71 00:04:06,450 --> 00:04:12,030 Et ce que cela fait est qu'il accorde tous de ces autorisations à votre utilisateur. 72 00:04:12,030 --> 00:04:14,400 >> Cela signifie donc notre utilisateur peuvent faire ce qu'ils veulent. 73 00:04:14,400 --> 00:04:15,400 Ils peuvent lire ce fichier. 74 00:04:15,400 --> 00:04:16,810 Ils peuvent exécuter ce fichier. 75 00:04:16,810 --> 00:04:18,360 Ils peuvent écrire dans ce fichier. 76 00:04:18,360 --> 00:04:23,545 Mais le groupe et dans le monde, ne autorisations que ce soit, OK? 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> Donc, une autre façon d'écrire, nous pouvons chmod de trois chiffres, dont chacune 79 00:04:32,680 --> 00:04:40,040 tout ce qui correspond à la somme ou que groupe spécifique est, sous-ensemble spécifique. 80 00:04:40,040 --> 00:04:44,870 Ou nous pouvons réellement faire autre chose. 81 00:04:44,870 --> 00:04:45,590 Attendez. 82 00:04:45,590 --> 00:04:49,330 Nous pouvons faire quelque chose avec ces ici. 83 00:04:49,330 --> 00:04:55,615 >> Combien d'entre vous ont vu un exemple où il était comme à chmod a plus x? 84 00:04:55,615 --> 00:04:58,070 Avez-vous vu que dans la leçon, je pense? 85 00:04:58,070 --> 00:05:00,610 Donc A représente pour tous. 86 00:05:00,610 --> 00:05:04,990 Cela signifie donner à tous les utilisateurs, qui je oublié de mettre ici. 87 00:05:04,990 --> 00:05:08,790 >> Mais un plus x, si nous remarquer ici, si nous faisons 88 00:05:08,790 --> 00:05:13,420 à chmod-- ce groupe nous sommes parler ainsi que les autorisations 89 00:05:13,420 --> 00:05:14,660 nous voulons leur donner. 90 00:05:14,660 --> 00:05:16,120 Donc, cela peut être un avantage ou un inconvénient. 91 00:05:16,120 --> 00:05:17,690 Plus ajoute permission. 92 00:05:17,690 --> 00:05:19,510 Moins enlève permission. 93 00:05:19,510 --> 00:05:22,520 Assez intuitif, je pense. 94 00:05:22,520 --> 00:05:25,720 >> Ainsi, un plus x signifie chmod. 95 00:05:25,720 --> 00:05:32,260 Donc changer les autorisations de toutes les personnes Si cela est une des autorisations d'ajout A-. 96 00:05:32,260 --> 00:05:37,110 Et x-- cela signifie que l'autorisation nous nous accordons tous. 97 00:05:37,110 --> 00:05:38,510 Lire, écrire ou exécuter? 98 00:05:38,510 --> 00:05:39,360 >> PUBLIC: Exécuter. 99 00:05:39,360 --> 00:05:40,610 >> ALLISON BUCHHOLTZ-UA: Exécuter. 100 00:05:40,610 --> 00:05:46,080 Donc, nous donnons tous les utilisateurs l'autorisation d'exécuter ce fichier, OK? 101 00:05:46,080 --> 00:05:53,370 Alors que faire si nous voulions faire que la forme numérique? 102 00:05:53,370 --> 00:05:56,290 Alors rappelez-vous avec numérique, nous voulons trois numéros. 103 00:05:56,290 --> 00:05:56,790 >> PUBLIC: 4. 104 00:05:56,790 --> 00:05:58,290 ALLISON BUCHHOLTZ-UA: Quel était ce? 105 00:05:58,290 --> 00:05:59,260 PUBLIC: 4. 106 00:05:59,260 --> 00:06:00,426 ALLISON BUCHHOLTZ-UA: Non 4. 107 00:06:00,426 --> 00:06:01,599 PUBLIC: 0, 0, 4. 108 00:06:01,599 --> 00:06:04,390 ALLISON BUCHHOLTZ-UA: Eh bien, nous voulons donner à tous les utilisateurs, non? 109 00:06:04,390 --> 00:06:07,442 Nous allons donc avoir un certain nombre dans chaque fente. 110 00:06:07,442 --> 00:06:09,400 Ça va être la même nombre dans chaque logement 111 00:06:09,400 --> 00:06:13,800 parce que nous voulons simplement donner chacun autorisations exécutables. 112 00:06:13,800 --> 00:06:16,480 Donc exécutable est 1, mais sur la bonne voie. 113 00:06:16,480 --> 00:06:23,055 >> Donc, si nous ne chmod 111 qui serait l'équivalent de chmod a plus x. 114 00:06:23,055 --> 00:06:24,430 Cela fait-il sens à tout le monde? 115 00:06:24,430 --> 00:06:26,910 Nous allons passer par quelques exemples. 116 00:06:26,910 --> 00:06:29,860 >> Ainsi, la grande emporter ici est un est pas ici, 117 00:06:29,860 --> 00:06:33,360 mais un moyen juste donner à tous les utilisateurs. 118 00:06:33,360 --> 00:06:36,610 u est si vous voulez juste à donner ou à emporter 119 00:06:36,610 --> 00:06:40,600 une autorisation spécifique de l'utilisateur ou le propriétaire. 120 00:06:40,600 --> 00:06:43,800 g est pour le groupe, de sorte que chiffre du milieu. 121 00:06:43,800 --> 00:06:49,440 Et puis d'autres que vous pouvez penser comme le monde, ce dernier chiffre. 122 00:06:49,440 --> 00:06:52,840 >> Donc, avec cela, nous allons passer à un exemple, parce que je me sens comme exemples toujours 123 00:06:52,840 --> 00:06:56,240 faire ces choses plus faciles à comprendre. 124 00:06:56,240 --> 00:07:01,240 Donc, nous sommes allés à travers rwx-- this-- pourrait également être représenter 700. 125 00:07:01,240 --> 00:07:05,070 Voilà l'exemple que nous avons examiné au plus de l'image. 126 00:07:05,070 --> 00:07:09,990 Donc chmod 444 sur certains fichiers donnerait les autorisations? 127 00:07:09,990 --> 00:07:11,947 Vous étiez très proche. 128 00:07:11,947 --> 00:07:13,030 PUBLIC: lisible à tous. 129 00:07:13,030 --> 00:07:14,321 ALLISON BUCHHOLTZ-UA: lisible. 130 00:07:14,321 --> 00:07:15,660 Donc lisible pour tout le monde, non? 131 00:07:15,660 --> 00:07:17,910 Et puis ce qui est une autre façon de le faire? 132 00:07:17,910 --> 00:07:23,070 Si nous voulons faire avec chmod soit de w de r ou, plus et des moins, 133 00:07:23,070 --> 00:07:25,300 ce serait cet appel ressembler? 134 00:07:25,300 --> 00:07:27,336 Il serait chmod quoi? 135 00:07:27,336 --> 00:07:28,590 >> PUBLIC: un plus r. 136 00:07:28,590 --> 00:07:32,900 >> ALLISON BUCHHOLTZ-UA: un r + du 5. 137 00:07:32,900 --> 00:07:40,980 OK, si cela est le même que celui, seulement deux traductions différentes 138 00:07:40,980 --> 00:07:42,500 de la même chose. 139 00:07:42,500 --> 00:07:45,650 Donc, avec cela, nous avons ces. 140 00:07:45,650 --> 00:07:50,310 Donc, je veux que vous les gars pour essayer d'écrire ce genre de dans leur sens inverse. 141 00:07:50,310 --> 00:07:53,710 >> Donc, avec chmod 555, ce serait-il? 142 00:07:53,710 --> 00:07:56,704 Serait-ce un plus ou U plus ou quoi? 143 00:07:56,704 --> 00:07:58,370 Pour plus x u, donnez-moi les trois chiffres. 144 00:07:58,370 --> 00:08:03,530 Et dites-moi au sujet de ce autorisations nous sommes en train de l'octroi et à qui? 145 00:08:03,530 --> 00:08:06,600 >> Donc, je vais vous donner deux gars minutes pour travailler. 146 00:08:06,600 --> 00:08:08,160 Sentez-vous libre de parler les uns avec les autres. 147 00:08:08,160 --> 00:08:11,910 Pour ceux d'entre vous qui sont venus dans un peu tard, il ya des bonbons et des chemises. 148 00:08:11,910 --> 00:08:14,590 Nous avons trois chemises à gauche, et nous avons Kit Kats et Starbursts. 149 00:08:14,590 --> 00:08:17,630 Donc hésitez pas à venir grab certains dans ce petit intermède. 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> En outre, le dernier est délicate. 152 00:09:04,440 --> 00:09:06,670 Il est deux chmods pour le dernier. 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 En fait, permettez-moi de fermer la porte tandis que vous les gars travaillent sur cela. 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 Bonbons est toujours nécessaire le lundi après-midi. 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> OK, donc chmod 555. 159 00:09:34,756 --> 00:09:36,380 Quel est un autre moyen que nous pourrions écrire? 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 Toutes les idées? 162 00:09:41,790 --> 00:09:42,290 Oui. 163 00:09:42,290 --> 00:09:43,280 >> PUBLIC: un rx plus. 164 00:09:43,280 --> 00:09:44,613 >> ALLISON BUCHHOLTZ-UA: R Plus rx. 165 00:09:44,613 --> 00:09:47,290 Voulez-vous expliquer pourquoi il avait être rx? 166 00:09:47,290 --> 00:09:49,570 >> PUBLIC: Parce que vous avez 5, de sorte que ce 4 plus 1, 167 00:09:49,570 --> 00:09:51,734 de sorte que a lu plus de exécutable, et il est pour tous. 168 00:09:51,734 --> 00:09:52,900 ALLISON BUCHHOLTZ-UA: Droit. 169 00:09:52,900 --> 00:09:58,540 Il suffit donc de rappeler, ici 5 on sait que la somme de 4 et 1, 170 00:09:58,540 --> 00:10:04,760 parce que chaque numéro de notre trio est la somme des autorisations pour ce sous-ensemble, 171 00:10:04,760 --> 00:10:05,260 droit? 172 00:10:05,260 --> 00:10:07,070 Soit l'utilisateur, la groupe, ou dans le monde. 173 00:10:07,070 --> 00:10:11,160 Donc dans ce cas, nous savons que 5 doit être formé par 4 et 1. 174 00:10:11,160 --> 00:10:15,240 >> Et 4 et correspondent à une lisible et exécutable. 175 00:10:15,240 --> 00:10:21,717 Nous sommes le donner à tout le monde, afin que nous puissions faire un chmod rx plus. 176 00:10:21,717 --> 00:10:24,050 Et évidemment, nous sommes allés à travers les questions là-bas, 177 00:10:24,050 --> 00:10:28,810 maintenant ce fichier est exécutable et lisibles par tous. 178 00:10:28,810 --> 00:10:31,120 >> Alors que dire de la seconde? 179 00:10:31,120 --> 00:10:32,900 Quel pourrait être le nombre de que l'on est? 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 Toutes les idées? 182 00:10:37,180 --> 00:10:37,680 Aller de l'avant. 183 00:10:37,680 --> 00:10:38,600 >> PUBLIC: 100 [inaudible]. 184 00:10:38,600 --> 00:10:39,683 >> ALLISON BUCHHOLTZ-UA: 100. 185 00:10:39,683 --> 00:10:40,270 Exactement. 186 00:10:40,270 --> 00:10:42,455 Alors voulez-vous expliquer pourquoi 100? 187 00:10:42,455 --> 00:10:45,080 PUBLIC: Parce qu'il est pour le utilisateur, il est donc en première position. 188 00:10:45,080 --> 00:10:47,371 Et puis x exécutable est 1. 189 00:10:47,371 --> 00:10:48,620 ALLISON BUCHHOLTZ-UA: Exactement. 190 00:10:48,620 --> 00:10:53,120 Donc, nous accordons exécutable des autorisations à l'utilisateur juste. 191 00:10:53,120 --> 00:10:55,100 Donc dans ce cas, il serait de 100. 192 00:10:55,100 --> 00:10:57,570 Et je dois toutes les réponses sur la diapositive suivante en cas 193 00:10:57,570 --> 00:11:00,060 vous écrivez beaucoup de choses. 194 00:11:00,060 --> 00:11:08,410 >> OK, donc ce prochain est réellement fait avec deux chmods, vous pourriez le faire. 195 00:11:08,410 --> 00:11:11,120 Donc, quelqu'un at-il une idée de comment vous pourriez 196 00:11:11,120 --> 00:11:14,150 obtenir chmod 640 réécrite dans l'autre sens? 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 Vous pouvez modifier l'utilisateur d'abord et ensuite vous pouvez changer le groupe est mon soupçon. 199 00:11:22,820 --> 00:11:29,740 >> Donc, si nous étions juste en train de changer la utilisateur, qui est cette première ici, 200 00:11:29,740 --> 00:11:33,830 ce pourrait être notre appel? 201 00:11:33,830 --> 00:11:36,080 Ainsi, l'utilisateur est u, non? 202 00:11:36,080 --> 00:11:38,780 Donc chmod u plus de quoi? 203 00:11:38,780 --> 00:11:39,280 Mmhmm? 204 00:11:39,280 --> 00:11:40,469 >> PUBLIC: rw. 205 00:11:40,469 --> 00:11:41,510 ALLISON BUCHHOLTZ-UA: rw. 206 00:11:41,510 --> 00:11:47,470 Droit, pour lire et écrire, parce lecture est 4, p est égal à 2, ceux somme ainsi que six. 207 00:11:47,470 --> 00:11:52,760 Nous obtenons donc chmod u plus RW, et nous obtenons notre premier 6 il. 208 00:11:52,760 --> 00:11:56,860 >> Alors pour obtenir le 4, nous voulons maintenant à modifier nos réglages de groupe. 209 00:11:56,860 --> 00:12:00,960 Nous allons donc faire chmod g plus ce? 210 00:12:00,960 --> 00:12:02,380 Qu'est-ce qu'un 4? 211 00:12:02,380 --> 00:12:03,040 >> PUBLIC: r. 212 00:12:03,040 --> 00:12:04,040 ALLISON BUCHHOLTZ-UA: r. 213 00:12:04,040 --> 00:12:05,070 Précisément. 214 00:12:05,070 --> 00:12:09,140 Nous sommes donc en donnant au propriétaire lecture et écriture 215 00:12:09,140 --> 00:12:13,141 et nous donnons la lecture de groupe autorisations, que nous avons tous ici. 216 00:12:13,141 --> 00:12:13,640 Mmhmm? 217 00:12:13,640 --> 00:12:17,740 >> Public: Si vous pouvez écrire quelque chose, que cela implique que vous pouvez l'exécuter? 218 00:12:17,740 --> 00:12:20,700 >> ALLISON BUCHHOLTZ-UA: Vous peut écrire quelque chose-- 219 00:12:20,700 --> 00:12:22,900 Je ne crois pas qu'il implique que vous pouvez exécuter. 220 00:12:22,900 --> 00:12:25,951 221 00:12:25,951 --> 00:12:26,450 Laisser refroidir. 222 00:12:26,450 --> 00:12:29,620 Voilà donc tout ce que nous venons de traverser. 223 00:12:29,620 --> 00:12:33,075 Donc, sur ce côté-ci, il est cas juste un peu de communes 224 00:12:33,075 --> 00:12:35,200 que vous voulez garder dans l'esprit pour votre problème réglé. 225 00:12:35,200 --> 00:12:39,800 Ce sont généralement les autorisations que nous aimons vous utilisez. 226 00:12:39,800 --> 00:12:44,900 >> Donc, pour 711, qui donne nous, bien sûr, l'utilisateur 227 00:12:44,900 --> 00:12:47,720 toutes les autorisations, qui tend à faire sens. 228 00:12:47,720 --> 00:12:51,920 Et puis il est exécutable par le groupe dans le monde, ce qui est logique 229 00:12:51,920 --> 00:12:56,150 si vous avez un répertoire, vous veulent être en mesure de traverser en elle. 230 00:12:56,150 --> 00:12:58,160 Les gens doivent avoir accès. 231 00:12:58,160 --> 00:13:04,680 >> Pour tout fichier non PHP, vous allez à utiliser 644, qui ferait quoi? 232 00:13:04,680 --> 00:13:07,560 Qu'est-ce que cela implique, ou ce que autorisations ne donnent que? 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 Ainsi, le propriétaire peut quoi? 235 00:13:14,409 --> 00:13:15,450 PUBLIC: Lire et écrire. 236 00:13:15,450 --> 00:13:16,991 ALLISON BUCHHOLTZ-UA: Lire et écrire. 237 00:13:16,991 --> 00:13:21,560 Et puis groupe et les autres peut seulement lire, non? 238 00:13:21,560 --> 00:13:25,660 Et puis chmod 600 pour toute Les fichiers PHP que vous utilisez, 239 00:13:25,660 --> 00:13:27,980 votre propriétaire, encore une fois, peut lire et écrire pour elle 240 00:13:27,980 --> 00:13:32,310 mais tout le monde est juste un peu bloqué. 241 00:13:32,310 --> 00:13:34,540 >> Donc, ce sera effectivement être plus utile quand 242 00:13:34,540 --> 00:13:37,700 vous arrivez à votre problème mettre la semaine prochaine où 243 00:13:37,700 --> 00:13:40,290 vous êtes en train de construire un site web. 244 00:13:40,290 --> 00:13:43,100 Donc, si jamais vous rencontrez des problèmes étranges 245 00:13:43,100 --> 00:13:45,970 où il est pas chargement correctement, peut-être vous 246 00:13:45,970 --> 00:13:50,670 besoin d'ajouter un exécutable autorisation, ou peut-être vous avez besoin d'une lecture 247 00:13:50,670 --> 00:13:52,990 ou écrire permission. 248 00:13:52,990 --> 00:13:56,980 Les petites choses qui ont tendance à déclencher personnes , mais qui est un peu comme le go-to 249 00:13:56,980 --> 00:13:58,564 lorsque vous démarrez le jeu de processeurs de la semaine prochaine. 250 00:13:58,564 --> 00:14:00,730 Et je voudrais vous donner plus conseils sur le jeu de processeurs de cette semaine, 251 00:14:00,730 --> 00:14:05,010 mais je dois encore regarder depuis il a été libéré ce matin. 252 00:14:05,010 --> 00:14:10,600 Mais vous écrivez-moi, je vais avoir l'air à elle au moment où je réponds demain. 253 00:14:10,600 --> 00:14:14,310 >> Alors maintenant, tout le monde est bon avec chmod? 254 00:14:14,310 --> 00:14:16,040 Toutes les questions qui persistent? 255 00:14:16,040 --> 00:14:17,240 Assez simple. 256 00:14:17,240 --> 00:14:20,620 Juste sorte de garder la trace de ce que lire, écrire, et exécuter des numéros sont 257 00:14:20,620 --> 00:14:23,660 est probablement la partie la plus difficile. 258 00:14:23,660 --> 00:14:29,620 >> Donc, avec TCP / IP, toutes ces protocoles, un peu comme avec vos structures de données 259 00:14:29,620 --> 00:14:31,990 la semaine dernière, il est beaucoup plus important de genre de se 260 00:14:31,990 --> 00:14:33,900 une intuition de niveau supérieur d'entre eux. 261 00:14:33,900 --> 00:14:37,390 Cela ne veut pas CS143 où nous allons vous demander de mettre en place un réseau, 262 00:14:37,390 --> 00:14:39,870 de sorte que vous serez très bien si vous ne comprenez pas 263 00:14:39,870 --> 00:14:42,900 le Nitty Gritty de tous les protocoles. 264 00:14:42,900 --> 00:14:46,050 Ce qui est important à comprendre est un peu comme ce qu'ils représentent 265 00:14:46,050 --> 00:14:47,300 et pourquoi ils sont importants. 266 00:14:47,300 --> 00:14:52,320 >> Ainsi, le protocole TCP / IP, bien entendu, il est la Transmission Control Protocol 267 00:14:52,320 --> 00:14:57,270 ou Internet Protocol, qui est fondamentalement juste un ensemble de lois essentiellement 268 00:14:57,270 --> 00:15:00,800 ou normes qui racontent données comment il doit être manipulé, 269 00:15:00,800 --> 00:15:04,900 comment il devrait être mis en paquets, transmettre et recevoir. 270 00:15:04,900 --> 00:15:09,200 Alors qu'il est fondamentalement, tout comme il dit ici, augmente les chances 271 00:15:09,200 --> 00:15:12,950 que les données obtient où vous voulez en venir. 272 00:15:12,950 --> 00:15:15,950 >> Je suis sûr que si vous les gars sont allés à conférence ou regardé en ligne, 273 00:15:15,950 --> 00:15:18,232 il has-- Je ne sais pas si il l'a fait cette année, 274 00:15:18,232 --> 00:15:20,940 mais je sais que l'an dernier, il avait un démonstration où il avait une photo de Rob 275 00:15:20,940 --> 00:15:23,320 et il scinder en quatre et le mettre dans des enveloppes 276 00:15:23,320 --> 00:15:26,590 et a essayé de le faire passer Sanders. 277 00:15:26,590 --> 00:15:29,430 Et vous pouvez genre de penser de cette façon. 278 00:15:29,430 --> 00:15:35,400 Il est juste un ensemble de règles qui dire la façon d'obtenir des données quelque part 279 00:15:35,400 --> 00:15:37,640 et vous permet de savoir si vous manquez données, 280 00:15:37,640 --> 00:15:40,460 de la même manière que si vous êtes prenant plusieurs pages de notes 281 00:15:40,460 --> 00:15:46,490 et vous devez les étiqueter avec la page 104, à la page 204, et vous retournez à étudier plus tard 282 00:15:46,490 --> 00:15:50,220 et vous manquez quelque chose-- vous ne pouvez pas trouver la page que vous savez 304-- 283 00:15:50,220 --> 00:15:53,310 quelque chose qui ne va pas, si vous peut regarder à travers vos notes 284 00:15:53,310 --> 00:15:58,666 nouveau ou demandez à quelqu'un de vous renvoyer la conférence note de ce jour. 285 00:15:58,666 --> 00:16:00,290 De la même façon que des données sur l'Internet. 286 00:16:00,290 --> 00:16:03,220 Si je demande quelque chose de certain serveur 287 00:16:03,220 --> 00:16:05,377 et il a besoin d'envoyer dans plusieurs paquets, 288 00:16:05,377 --> 00:16:07,210 va probablement nombre d'une certaine façon, laisser 289 00:16:07,210 --> 00:16:12,430 me sais combien je l'aurais reçu, et dites-moi, oh, ceci est l'un des 10 290 00:16:12,430 --> 00:16:13,990 ou ce est l'un des 10000. 291 00:16:13,990 --> 00:16:17,030 De cette façon, quand je vais à remonter tous les morceaux ensemble, 292 00:16:17,030 --> 00:16:21,504 Je sais que si quelque chose est manquant et je peux demander ça. 293 00:16:21,504 --> 00:16:22,730 Est-ce logique? 294 00:16:22,730 --> 00:16:23,610 Tout un ensemble de règles. 295 00:16:23,610 --> 00:16:28,120 A sa base, un ensemble de règles, OK? 296 00:16:28,120 --> 00:16:31,360 >> Donc, nous avons également parlé d'un peu de ports. 297 00:16:31,360 --> 00:16:36,150 Ceci est vraiment juste une norme vous permet de savoir quel type de données 298 00:16:36,150 --> 00:16:38,650 qui est transmis dans ces paquets. 299 00:16:38,650 --> 00:16:40,790 Si nous allons avec notre exemple enveloppe, nous ne faisons pas 300 00:16:40,790 --> 00:16:43,510 sait qu'il est une image de Rob là à moins que nous l'écrivons 301 00:16:43,510 --> 00:16:45,480 à l'extérieur de notre enveloppe. 302 00:16:45,480 --> 00:16:47,100 Donc ports sont fondamentalement la même chose. 303 00:16:47,100 --> 00:16:51,670 Il est juste une façon de comprendre ce que le type de données est en cours de transmission. 304 00:16:51,670 --> 00:16:56,260 >> Donc, nous avons tous de la la plupart des plus communs ici. 305 00:16:56,260 --> 00:16:59,790 Donc, ce sont aussi 21-- genre de comme de bonnes choses à savoir. 306 00:16:59,790 --> 00:17:01,560 Il est le genre de question quiz facile. 307 00:17:01,560 --> 00:17:03,590 Soyez comme, qu'est-ce que le port 80 faire? 308 00:17:03,590 --> 00:17:06,970 Ou, qu'est-ce que le port 443 faire? 309 00:17:06,970 --> 00:17:09,359 Donc, de bonnes choses à savoir. 310 00:17:09,359 --> 00:17:12,569 >> Nous avons donc ici, 21 est fichier protocole de transfert, si juste 311 00:17:12,569 --> 00:17:15,050 les règles qui régissent le transfert de fichiers. 312 00:17:15,050 --> 00:17:19,550 25, quelque chose que nous avons tous utiliser beaucoup trop, est email. 313 00:17:19,550 --> 00:17:22,790 53 est le nom de domaine système, qui est essentiellement 314 00:17:22,790 --> 00:17:26,910 juste une sorte de recherche pour le adresse IP d'un nom de domaine. 315 00:17:26,910 --> 00:17:29,900 >> Donc, je suis sûr qu'il était mentionné dans la leçon, si vous 316 00:17:29,900 --> 00:17:33,960 aller à quelque chose comme google.com, il dispose d'une adresse IP 317 00:17:33,960 --> 00:17:35,818 qui est associé avec elle. 318 00:17:35,818 --> 00:17:37,026 Il est pas vraiment google.com. 319 00:17:37,026 --> 00:17:40,720 Et si 53 est le port qui prend réellement 320 00:17:40,720 --> 00:17:44,050 soins de genre de la traduire en cette adresse IP pour vous. 321 00:17:44,050 --> 00:17:47,830 Et puis 80 et 443 sont très fréquents. 322 00:17:47,830 --> 00:17:50,710 Soit vous avez votre page Web ou vous avez votre page Web sécurisée, 323 00:17:50,710 --> 00:17:56,100 que beaucoup de pages Web sont le transfert de plus maintenant. 324 00:17:56,100 --> 00:18:02,540 >> Voilà donc sorte de haut niveau aperçu de protocole de transfert. 325 00:18:02,540 --> 00:18:05,170 Je ne vois pas beaucoup plus en profondeur. 326 00:18:05,170 --> 00:18:07,320 Il est le genre de trucs cool si vous êtes intéressé. 327 00:18:07,320 --> 00:18:08,590 Il ya beaucoup de ressources. 328 00:18:08,590 --> 00:18:10,780 Wikipedia est en fait une assez bonne page. 329 00:18:10,780 --> 00:18:13,850 Donc, je le regardais Il ya juste un peu de temps, 330 00:18:13,850 --> 00:18:16,580 alors je vous recommande fortement regarder si vous êtes intéressé 331 00:18:16,580 --> 00:18:22,160 ou prendre 143 en deux ans en raison Je pense qu'il est tous les deux ans. 332 00:18:22,160 --> 00:18:27,590 >> Donc, sur la fin de cela, nous sommes parler de pages web et HTTP, 333 00:18:27,590 --> 00:18:33,790 qui est en fait notre prochain sujet de aujourd'hui avant d'aller en HTML et CSS 334 00:18:33,790 --> 00:18:37,920 et vous pouvez réellement coder une page web. 335 00:18:37,920 --> 00:18:38,650 Ce sera amusant. 336 00:18:38,650 --> 00:18:42,220 Nous avons des photos de lapins et il sera grand. 337 00:18:42,220 --> 00:18:48,630 >> Donc, HTTP, comme vous pouvez le voir ici, est l'un des beaux acronymes 338 00:18:48,630 --> 00:18:53,220 pour cette semaine, ce qui est Hypertext Transfer Protocol. 339 00:18:53,220 --> 00:18:57,940 Encore une fois, il est juste un autre ensemble de règles qui 340 00:18:57,940 --> 00:19:01,440 régit hypertexte transférer, dans ce cas. 341 00:19:01,440 --> 00:19:04,120 Donc meilleure façon d'apprendre à ce sujet est juste un peu 342 00:19:04,120 --> 00:19:07,650 à décomposer en ces mots individuels 343 00:19:07,650 --> 00:19:10,770 parce qu'il ya beaucoup de mots sur l'écran il. 344 00:19:10,770 --> 00:19:13,290 >> Nous allons donc commencer par hypertexte. 345 00:19:13,290 --> 00:19:17,630 Donc, "hyper", vous pouvez penser "Au-dessus", comme super-type chose. 346 00:19:17,630 --> 00:19:24,615 Donc, il est vraiment juste texte tiré de la niveau suivant, il est comme super texte, 347 00:19:24,615 --> 00:19:27,850 comme le texte suivant. 348 00:19:27,850 --> 00:19:34,890 Donc, il est fondamentalement juste texte qui nous donne 349 00:19:34,890 --> 00:19:37,490 plus d'informations que texte normal fait, OK? 350 00:19:37,490 --> 00:19:40,510 >> Donc dans ce cas ici, cela est hypertexte. 351 00:19:40,510 --> 00:19:45,710 Cela nous dit que nous avons un lien que nous allons, 352 00:19:45,710 --> 00:19:49,620 qui est cs50.net, qui est maintenant cs50.harvard.edu. 353 00:19:49,620 --> 00:19:51,420 Ces lames sont un peu vieux. 354 00:19:51,420 --> 00:19:55,330 Et il va afficher comme cela, comme un lien hypertexte, 355 00:19:55,330 --> 00:19:58,140 et puis un site vraiment cool. 356 00:19:58,140 --> 00:20:02,080 >> Donc son texte, qui est un peu peu de choses vraiment cool là-dedans. 357 00:20:02,080 --> 00:20:08,170 Ainsi, vous pouvez lier les choses et vous pouvez insérer des images et vous pouvez définir le style des choses. 358 00:20:08,170 --> 00:20:11,740 Et la chose la plus familière que vous les gars ont probablement avec hypertexte 359 00:20:11,740 --> 00:20:19,100 est HyperText Markup Language, HTML, ce qui bien sûr est tout le web 360 00:20:19,100 --> 00:20:23,080 que nous voyons autour de nous, accordé avec un peu de style CSS jeté. 361 00:20:23,080 --> 00:20:25,580 >> Mais si quelqu'un était vraiment grande avec MySpace, 362 00:20:25,580 --> 00:20:28,240 Je suis sûr que vous avez tous utilisé HTML tout le temps pour créer 363 00:20:28,240 --> 00:20:30,640 ces profils parfaits, non? 364 00:20:30,640 --> 00:20:34,930 Je me sens comme cela pourrait être un référence obsolète maintenant, mais peu importe. 365 00:20:34,930 --> 00:20:37,780 Juste un little-- vous les gars ne sont pas que beaucoup plus jeune. 366 00:20:37,780 --> 00:20:40,480 Certains d'entre vous sont plus âgés que moi. 367 00:20:40,480 --> 00:20:42,480 MySpace était encore un chose quand je étais jeune. 368 00:20:42,480 --> 00:20:44,510 Je ne suis pas si vieux. 369 00:20:44,510 --> 00:20:49,265 >> Quoi qu'il en soit, HTML juste une forme de l'hypertexte. 370 00:20:49,265 --> 00:20:55,640 Donc hypertexte est juste texte avec des fonctions supplémentaires. 371 00:20:55,640 --> 00:21:01,790 Donc, le protocole de transfert est probablement la chose la plus incertain à expliquer. 372 00:21:01,790 --> 00:21:04,870 De toute évidence, transfer-- il suffit de transférer des données. 373 00:21:04,870 --> 00:21:09,370 Donc, soit entre le client, comme votre frère web et un serveur. 374 00:21:09,370 --> 00:21:12,090 Donc, fondamentalement juste le façon dont l'Internet fonctionne. 375 00:21:12,090 --> 00:21:16,339 >> Ainsi, la demande de exact comment ces travaux, nous sommes 376 00:21:16,339 --> 00:21:18,755 effectivement nous pencher sur un exemple de demande et de réponse. 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 Mais la façon dont nous demandons des informations d'un serveur 379 00:21:25,220 --> 00:21:30,590 et comment le serveur répond à nous est ce ce protocole de transfert régit. 380 00:21:30,590 --> 00:21:35,320 Ainsi, la demande et la réponse ont de suivre ces ensemble de règles spécifiques. 381 00:21:35,320 --> 00:21:38,340 Il est normalisé de telle sorte que, peu importe où vous utilisez l'Internet, 382 00:21:38,340 --> 00:21:40,720 il fonctionne toujours de la même, OK? 383 00:21:40,720 --> 00:21:43,220 >> Encore une fois, le protocole, un ensemble de règles. 384 00:21:43,220 --> 00:21:45,620 Il est juste une normale interaction de la même manière 385 00:21:45,620 --> 00:21:49,500 que le professeur Malan parle si quelqu'un étend la main, 386 00:21:49,500 --> 00:21:52,880 vous savez qu'il est courtoisie à atteindre le vôtre sortir et leur serrer la main. 387 00:21:52,880 --> 00:21:54,580 Voilà un protocole, non? 388 00:21:54,580 --> 00:21:59,060 >> Donc, je donne quelques formulaires standardisés de demande, qui est que je veux vous serrer la main, 389 00:21:59,060 --> 00:22:01,975 et vous donner quelques standardisé réponse, qui est soit non merci 390 00:22:01,975 --> 00:22:04,600 ou vous pouvez essayer et me serrer main ou peut-être vous allez essayer 391 00:22:04,600 --> 00:22:06,490 et poing bosse moi. 392 00:22:06,490 --> 00:22:08,320 Et nous ne disposons pas d'un protocole pour cela. 393 00:22:08,320 --> 00:22:09,360 Il se décompose. 394 00:22:09,360 --> 00:22:12,030 Mais si tout le monde suit la même protocole, bien sûr, 395 00:22:12,030 --> 00:22:14,250 il va beaucoup plus transparente. 396 00:22:14,250 --> 00:22:15,590 Les gens apprennent à se connaître les uns les autres. 397 00:22:15,590 --> 00:22:16,830 Tout le monde est heureux. 398 00:22:16,830 --> 00:22:20,750 >> Ainsi, dans le monde du web, tout le monde suit le même rules-- 399 00:22:20,750 --> 00:22:22,940 légèrement mieux que les normes sociales. 400 00:22:22,940 --> 00:22:26,950 Mais avec cela, nous verrons à une demande d'exemple ici. 401 00:22:26,950 --> 00:22:30,020 Donc, il ya cette petite clé ici sur le fond 402 00:22:30,020 --> 00:22:34,990 qui vous indique les différentes couleurs, ce qu'ils sont censés dire. 403 00:22:34,990 --> 00:22:38,290 >> Donc blanc est comme votre méthode demande et protocole version-- 404 00:22:38,290 --> 00:22:42,400 si la demande de la méthode, la version. 405 00:22:42,400 --> 00:22:44,630 Et puis ce sont quelques-uns nom de champ et la valeur 406 00:22:44,630 --> 00:22:47,630 de ce domaine, que nous aller dans très, très peu de temps. 407 00:22:47,630 --> 00:22:49,840 Donc ceci est un exemple de demande. 408 00:22:49,840 --> 00:22:54,470 Ceci est comme moi étendant sur, vouloir me présenter. 409 00:22:54,470 --> 00:22:58,507 >> Ceci est ce que le client ou ce que votre navigateur Web 410 00:22:58,507 --> 00:22:59,840 serait envoi de votre serveur. 411 00:22:59,840 --> 00:23:04,500 Donc, ceci est une requête GET, il est donc demander quelque chose à partir du serveur. 412 00:23:04,500 --> 00:23:09,690 Et il est, bien sûr, HTTP et il est la version 1.1. 413 00:23:09,690 --> 00:23:16,060 >> Donc, le reste de cet ici est ce que nous appelons la tête, et son information supplémentaire 414 00:23:16,060 --> 00:23:20,050 ce qui nous donne une meilleure idée de ce que nous sommes en train de demander, 415 00:23:20,050 --> 00:23:23,190 ou de l'information que nous voulons donner le serveur qui pourraient être pertinentes. 416 00:23:23,190 --> 00:23:32,880 Donc User-Agent donne un peu plus Description on-- par exemple, ici, 417 00:23:32,880 --> 00:23:38,720 boucle / 7.24.0 qui se passe réellement à dire le serveur que nous utilisons Google 418 00:23:38,720 --> 00:23:40,700 Chrome comme notre navigateur. 419 00:23:40,700 --> 00:23:43,290 Donc si jamais vous entendez sur les gens qui parlent 420 00:23:43,290 --> 00:23:48,160 de faire une application sensible pour plusieurs navigateurs, 421 00:23:48,160 --> 00:23:50,330 ceci est quelque chose qu'ils utiliserait parce que si vous 422 00:23:50,330 --> 00:23:53,000 Je ne sais pas quel navigateur la demande provient, 423 00:23:53,000 --> 00:23:55,050 vous ne pouvez pas personnaliser les données à ce sujet. 424 00:23:55,050 --> 00:23:57,690 Donc dans ce cas, l'utilisateur est juste de donner ce genre 425 00:23:57,690 --> 00:24:01,030 des informations d'identification sur ce navigateur 426 00:24:01,030 --> 00:24:06,510 votre utilisateur utilise actuellement, OK? 427 00:24:06,510 --> 00:24:11,640 >> Alors nous avons également l'hôte, qui est où nous sommes en train de vouloir aller. 428 00:24:11,640 --> 00:24:15,280 Dans ce cas, nous voulons aller à apple.com, acheter des nouveaux iPads fraîches 429 00:24:15,280 --> 00:24:19,540 ou quelque chose, peut-être mignon lumières dans nos salles de dortoir. 430 00:24:19,540 --> 00:24:24,900 Et la valeur de nom à la fin est juste une charge, juste une chose générale 431 00:24:24,900 --> 00:24:25,760 pour vous les gars à voir. 432 00:24:25,760 --> 00:24:28,240 Il ne fait pas réellement correspondre à rien ici. 433 00:24:28,240 --> 00:24:32,360 >> Ainsi, vous pouvez avoir autant ou aussi peu que vous voulez dans chaque cas. 434 00:24:32,360 --> 00:24:36,990 La plupart du temps, ces éléments sont optionnels. 435 00:24:36,990 --> 00:24:41,780 Tout dépend de ce que vous avez besoin à partir du navigateur, 436 00:24:41,780 --> 00:24:45,120 de votre utilisateur pour donner correctement la demande. 437 00:24:45,120 --> 00:24:48,970 Ou cela dépend de ce que votre utilisateur veut réellement donner sur le serveur. 438 00:24:48,970 --> 00:24:54,550 Ainsi, vous pouvez avoir beaucoup, beaucoup de ces noms de champs d'en-tête 439 00:24:54,550 --> 00:24:57,140 ou vous pourriez juste avoir un couple. 440 00:24:57,140 --> 00:24:59,630 Comme pour beaucoup de choses Je l'ai déjà dit dans cette section, 441 00:24:59,630 --> 00:25:03,590 cela dépend vraiment du contexte de la façon dont vous utilisez ce. 442 00:25:03,590 --> 00:25:06,810 >> Alors, est-ce que fait sens pour tout le monde? 443 00:25:06,810 --> 00:25:11,463 Ceci est juste un exemple de une demande, en-têtes, ainsi de suite. 444 00:25:11,463 --> 00:25:16,910 OK, donc avec cela, nous avons une réponse. 445 00:25:16,910 --> 00:25:20,510 >> Encore une fois, nous avons notre code de statut, le protocole la version, puis le nom et le champ domaine 446 00:25:20,510 --> 00:25:21,700 valoriser comme toujours. 447 00:25:21,700 --> 00:25:25,500 Donc, notre version du protocole et notre code d'état est de 200. 448 00:25:25,500 --> 00:25:28,610 OK, ce qui signifie que, oui, tout allait bien. 449 00:25:28,610 --> 00:25:30,230 Voici ce que vous voulez. 450 00:25:30,230 --> 00:25:33,750 >> Le type de serveur, le contenu bien-- il nous dit, OK, vous êtes 451 00:25:33,750 --> 00:25:37,210 allez obtenir un texte HTML. 452 00:25:37,210 --> 00:25:40,520 Voici la longueur de celui-ci et est ici ce que vous devez faire avec la connexion. 453 00:25:40,520 --> 00:25:43,004 OK, à nouveau, en fonction sur les données que vous 454 00:25:43,004 --> 00:25:45,670 demander, en fonction de ce que le serveur veut revenir à vous, 455 00:25:45,670 --> 00:25:49,440 vous pouvez avoir plus de ces champs noms, vous pourriez avoir moins. 456 00:25:49,440 --> 00:25:53,950 Totalement dépendant du contexte. 457 00:25:53,950 --> 00:25:56,650 >> Et dans la mesure où ce statut code ici, bien sûr, 458 00:25:56,650 --> 00:25:59,590 200 est la seule à ne pas vous pourriez avoir, non? 459 00:25:59,590 --> 00:26:01,580 Nous avons beaucoup de codes d'état. 460 00:26:01,580 --> 00:26:06,120 Quelqu'un se souvient l'un des d'autres que nous avons mentionné dans la leçon? 461 00:26:06,120 --> 00:26:08,310 Beaucoup d'entre eux commencent par 4. 462 00:26:08,310 --> 00:26:09,680 >> PUBLIC: 404. 463 00:26:09,680 --> 00:26:11,310 >> ALLISON BUCHHOLTZ-UA: 404, qui est? 464 00:26:11,310 --> 00:26:12,140 >> PUBLIC: File not found? 465 00:26:12,140 --> 00:26:13,250 >> ALLISON BUCHHOLTZ-UA: Fichier non trouvé. 466 00:26:13,250 --> 00:26:14,120 Exactement. 467 00:26:14,120 --> 00:26:15,587 Alors que sur 403? 468 00:26:15,587 --> 00:26:16,420 Public: Interdit. 469 00:26:16,420 --> 00:26:17,120 ALLISON BUCHHOLTZ-UA: Interdite. 470 00:26:17,120 --> 00:26:18,695 Alors, que pensez-vous ce qui signifie avec chmods? 471 00:26:18,695 --> 00:26:20,890 >> PUBLIC: Cela signifie que vous ne pas avoir la permission de le lire. 472 00:26:20,890 --> 00:26:22,400 >> ALLISON BUCHHOLTZ-UA: Exactement. 473 00:26:22,400 --> 00:26:25,190 D'une certaine manière, vous ne devez pas l'autorisation d'accès, droit? 474 00:26:25,190 --> 00:26:27,242 Donc, 404, 403. 475 00:26:27,242 --> 00:26:28,950 Il ya un vraiment drôle un que nous avons toujours 476 00:26:28,950 --> 00:26:31,116 présenter chaque année que Je l'ai mis ici, 477 00:26:31,116 --> 00:26:33,370 comme 413, qui est que je suis une théière. 478 00:26:33,370 --> 00:26:34,390 Vous pouvez google cela. 479 00:26:34,390 --> 00:26:38,490 Il est drôle comme, qui est le code 413 et il est je suis une théière. 480 00:26:38,490 --> 00:26:41,240 Ce que je ne sais pas pourquoi vous le feriez jamais besoin que sur l'Internet, 481 00:26:41,240 --> 00:26:42,935 mais je digresse. 482 00:26:42,935 --> 00:26:44,310 PUBLIC: Peut-être que vous êtes un pot de thé. 483 00:26:44,310 --> 00:26:46,476 ALLISON BUCHHOLTZ-UA: Peut-être le serveur est un pot de thé. 484 00:26:46,476 --> 00:26:47,890 Qui sait? 485 00:26:47,890 --> 00:26:51,840 Très bien, alors nous sommes sur le point de la transition vers réel codage. 486 00:26:51,840 --> 00:26:54,750 Je me sens comme vous les gars allez sortir d'ici assez rapidement. 487 00:26:54,750 --> 00:26:56,940 >> Public: Pourquoi faut-il dire "serveur: deux fois? 488 00:26:56,940 --> 00:26:57,981 >> ALLISON BUCHHOLTZ-UA: Hm? 489 00:26:57,981 --> 00:27:00,350 Serveur deux fois? 490 00:27:00,350 --> 00:27:03,750 Voilà une bonne question. 491 00:27:03,750 --> 00:27:04,630 Je ne suis pas sûr. 492 00:27:04,630 --> 00:27:07,520 Je vais me renseigner et Je vais tout vous envoyer un courriel. 493 00:27:07,520 --> 00:27:11,410 >> OK, d'autres questions en dehors de ça? 494 00:27:11,410 --> 00:27:12,310 Bonne? 495 00:27:12,310 --> 00:27:14,390 Laisser refroidir. 496 00:27:14,390 --> 00:27:17,280 >> HTML et CSS, et maintenant nous accéder à toutes les parties amusantes. 497 00:27:17,280 --> 00:27:21,697 Donc, comme je l'ai mentionné avant, HTML est probablement l'une des choses 498 00:27:21,697 --> 00:27:23,030 vous les gars êtes le plus familier. 499 00:27:23,030 --> 00:27:25,760 Nous avons donc HyperText Markup Language. 500 00:27:25,760 --> 00:27:29,900 >> La meilleure façon d'apprendre this-- Je ne sais pas avoir toutes les diapositives ou tout préparés 501 00:27:29,900 --> 00:27:31,480 pour vous les gars avec HTML. 502 00:27:31,480 --> 00:27:33,640 Il est vraiment à propos de l'apprentissage de la syntaxe. 503 00:27:33,640 --> 00:27:38,380 Et si vous étiez dans le MySpace jour, vous auriez cette baisse. 504 00:27:38,380 --> 00:27:42,790 >> Alors, vraiment, la chose la plus importante est juste pour pratiquer et expérimenter. 505 00:27:42,790 --> 00:27:48,000 L'une des grandes ressources Je voudrais hautement recommandé d'utiliser est W3Schools. 506 00:27:48,000 --> 00:27:50,620 Il suffit donc de W, 3, puis les écoles. 507 00:27:50,620 --> 00:27:54,810 Ils ont beaucoup de ressources sur HTML, CSS sur, 508 00:27:54,810 --> 00:27:58,970 et ils ont en fait un scission sorte d'écran de chose 509 00:27:58,970 --> 00:28:00,830 où ils vont vous donner des exemples de code. 510 00:28:00,830 --> 00:28:03,290 Vous pouvez jouer avec lui, modifier, et appuyez sur Mise à jour, 511 00:28:03,290 --> 00:28:06,410 et ça va vous montrer ce qu'il fait réellement à la page Web. 512 00:28:06,410 --> 00:28:08,380 >> Donc, je recommande fortement d'utiliser cela. 513 00:28:08,380 --> 00:28:11,300 Il est assez cool. 514 00:28:11,300 --> 00:28:14,560 Vous ne recevrez pas les défauts seg ici quand les choses vont mal. 515 00:28:14,560 --> 00:28:16,430 Si vous parvenez à obtenir un défaut de seg avec HTML, 516 00:28:16,430 --> 00:28:19,446 laissez-moi le sais parce que je suis va être intrigué réel. 517 00:28:19,446 --> 00:28:21,570 Mais il est vraiment cool parce que vous pouvez changer les choses, 518 00:28:21,570 --> 00:28:23,550 vous pouvez voir les mises à jour en direct. 519 00:28:23,550 --> 00:28:26,210 Et je pense que vous aurez une bien compréhension plus intuitive de HTML 520 00:28:26,210 --> 00:28:28,690 si vous avez réellement juste passer un peu de temps à expérimenter avec lui. 521 00:28:28,690 --> 00:28:32,590 Voilà pourquoi je l'ai dit, pratique et expérience. 522 00:28:32,590 --> 00:28:34,490 >> Google, à partir d'ici sur, sera probablement 523 00:28:34,490 --> 00:28:36,440 l'une de vos meilleures ressources et amis. 524 00:28:36,440 --> 00:28:41,080 Ou Bing-- je travaille chez Microsoft, alors peut-être devrais-je dire Bing. 525 00:28:41,080 --> 00:28:45,590 Mais à peu près tout va juste être la syntaxe, 526 00:28:45,590 --> 00:28:51,300 Ainsi, comprendre ce que les balises sont, understanding-- au moins avec CSS-- 527 00:28:51,300 --> 00:28:53,360 comment changer certains attributs. 528 00:28:53,360 --> 00:28:55,300 Ça va être super utile. 529 00:28:55,300 --> 00:28:58,852 >> Ainsi, même si nous ne le faisons pas avoir des choses préparées, 530 00:28:58,852 --> 00:29:02,060 nous ne devons genre de certaines des meilleures pratiques que nous voulons vous les gars d'essayer et de se conformer 531 00:29:02,060 --> 00:29:06,640 by-- ou plutôt, vous devriez respecter jusqu'à nouvel ordre. 532 00:29:06,640 --> 00:29:09,722 Donc fermer toutes vos balises. 533 00:29:09,722 --> 00:29:12,930 Espérons que tout le monde has-- vous savez quoi, si cela n'a pas de sens en ce moment, 534 00:29:12,930 --> 00:29:15,388 Je vous promets que ce sera logique lorsque nous le codage de la page. 535 00:29:15,388 --> 00:29:16,680 Mais fermer toutes vos balises. 536 00:29:16,680 --> 00:29:20,410 Donc si jamais vous avez un peu de en-tête qui est support, 537 00:29:20,410 --> 00:29:24,180 H1, support, assurez-vous que chaque fois que vous en avez fini avec cela, 538 00:29:24,180 --> 00:29:26,570 vous fermez cet en-tête. 539 00:29:26,570 --> 00:29:30,260 Validez votre page avec W3 Validator. 540 00:29:30,260 --> 00:29:34,689 Si vous ne fermez pas vos balises, vous pouvez obtenir un comportement inattendu. 541 00:29:34,689 --> 00:29:37,730 Il dira que votre page est invalide si vous l'exécutez à travers ce validateur. 542 00:29:37,730 --> 00:29:41,000 Alors, quand en doubt-- et surtout sur cette semaine et de la semaine prochaine 543 00:29:41,000 --> 00:29:46,220 pset-- de la même manière que nous demandons vous employez le chèque et le style 50 50, 544 00:29:46,220 --> 00:29:49,130 vous pourriez penser de cette comme l'un de vos chèques, OK? 545 00:29:49,130 --> 00:29:51,950 >> Donc, si elle ne passe pas le W3 Validator. 546 00:29:51,950 --> 00:29:53,810 Voilà quelque chose que nous allons vous accoster sur. 547 00:29:53,810 --> 00:29:55,960 Ou je vous le dis droit maintenant, je vais vous accoster sur. 548 00:29:55,960 --> 00:29:58,202 Donc, assurez-vous qu'il valide. 549 00:29:58,202 --> 00:29:58,785 Il est pas difficile. 550 00:29:58,785 --> 00:30:01,530 Vous collez simplement dans votre code et il va dire soit bon travail 551 00:30:01,530 --> 00:30:03,630 ou vous êtes absent quelque chose de la même manière 552 00:30:03,630 --> 00:30:07,760 ce style 50 vous dit où vous gâcher. 553 00:30:07,760 --> 00:30:11,360 >> Et puis une dernière chose est que vous voulez séparer 554 00:30:11,360 --> 00:30:15,980 votre balisage, qui est tout ce que HTML ou votre texte et votre style. 555 00:30:15,980 --> 00:30:19,420 Donc, nous allons faire un exemple de ce droit après cela. 556 00:30:19,420 --> 00:30:21,830 Donc, HTML et CSS doivent être séparées. 557 00:30:21,830 --> 00:30:26,030 Et nous allons parler de MVC, qui est Model View Controller, 558 00:30:26,030 --> 00:30:27,100 prochaine semaine. 559 00:30:27,100 --> 00:30:29,360 Vous devriez probablement apprendre à ce sujet dans la leçon 560 00:30:29,360 --> 00:30:32,130 demain si vous aviez déjà appris aujourd'hui. 561 00:30:32,130 --> 00:30:34,250 >> Et il est juste une sorte de un paradigme que nous avons tendance 562 00:30:34,250 --> 00:30:37,460 à utiliser lors de la création web pages pour séparer les choses. 563 00:30:37,460 --> 00:30:41,440 Vous pouvez penser de la même façon que nous avons tendance à fonctions séparées dans C 564 00:30:41,440 --> 00:30:43,360 où nous hachage de trouver des choses. 565 00:30:43,360 --> 00:30:45,530 Il est juste un moyen de vous rendre la vie plus facile. 566 00:30:45,530 --> 00:30:51,790 Il sépare les attributs ou code vous utilisez encore et encore, 567 00:30:51,790 --> 00:30:55,360 mais de cette manière, il genre de garde il est agréable et soigné. 568 00:30:55,360 --> 00:30:58,260 Et si vous voulez changer une chose, vous changez une fois 569 00:30:58,260 --> 00:31:00,150 et il a changé partout ailleurs. 570 00:31:00,150 --> 00:31:05,010 Il est donc plus pour votre facilité et flexibilité. 571 00:31:05,010 --> 00:31:11,430 >> Donc, avec CSS, il est très similaire à HTML, mais au lieu de balises 572 00:31:11,430 --> 00:31:15,120 que je l'ai mentionné tout à l'heure, nous utiliser ce qu'on appelle des sélecteurs. 573 00:31:15,120 --> 00:31:21,900 Et ils fondamentalement juste genre de associer un certain tag 574 00:31:21,900 --> 00:31:24,620 en HTML avec des attributs différents. 575 00:31:24,620 --> 00:31:29,060 Et quand je dis attributs, je veux dire choses comme la couleur de la police, style de police, 576 00:31:29,060 --> 00:31:32,694 la couleur de l'arrière-plan, la couleur de votre texte. 577 00:31:32,694 --> 00:31:33,610 Ces sortes de choses. 578 00:31:33,610 --> 00:31:36,270 Comme si elle est centrée, si elle est sur la droite, 579 00:31:36,270 --> 00:31:39,430 si elle est inverted-- tous de ces choses cool. 580 00:31:39,430 --> 00:31:42,490 Les choses stylistiques que vous faites pour votre texte, 581 00:31:42,490 --> 00:31:45,070 ce que je veux dire avec des attributs. 582 00:31:45,070 --> 00:31:50,140 >> Et puis deux choses principales à savoir est que selectors-- deux de la factors-- principal 583 00:31:50,140 --> 00:31:53,090 sont ID, qui est unique. 584 00:31:53,090 --> 00:31:54,859 Vous ne pouvez utiliser que pour une chose. 585 00:31:54,859 --> 00:31:56,400 Sinon, il va crier à vous. 586 00:31:56,400 --> 00:31:59,970 Et quand nous le définissons dans un fichier CSS, il sera 587 00:31:59,970 --> 00:32:03,182 être ID hachage et puis quels sont les attributs que nous voulons. 588 00:32:03,182 --> 00:32:05,140 Je vous promets que nous allons passer par un exemple. 589 00:32:05,140 --> 00:32:06,830 Il va faire beaucoup plus de sens. 590 00:32:06,830 --> 00:32:08,830 >> Classe peut se référer à plusieurs blocs. 591 00:32:08,830 --> 00:32:13,400 Ainsi, vous pouvez avoir votre premier et troisième alinéas 592 00:32:13,400 --> 00:32:17,240 avoir le même genre d'attributs si vous les associez à la même classe. 593 00:32:17,240 --> 00:32:21,050 Et quand nous les définissons en CSS, nous faisons une classe de points, 594 00:32:21,050 --> 00:32:25,710 avec classe étant ce que vous voulez qu'il soit nommé. 595 00:32:25,710 --> 00:32:28,559 >> Donc, je sais que cela est bon maintenant très abstrait. 596 00:32:28,559 --> 00:32:29,850 Voilà pourquoi nous allons code. 597 00:32:29,850 --> 00:32:32,060 Je sais que vous l'amour que, et vous êtes tous 598 00:32:32,060 --> 00:32:34,210 va me aider parce que ceci est votre page web. 599 00:32:34,210 --> 00:32:36,310 Ceci est la page web de notre section, les gars. 600 00:32:36,310 --> 00:32:40,158 Donc, y at-il des questions avant que je éteindre le PowerPoint, ou quoi que ce soit 601 00:32:40,158 --> 00:32:42,366 vous voulez me pour revenir en arrière avant de commencer à coder? 602 00:32:42,366 --> 00:32:45,074 >> PUBLIC: Quand vous dites les balises de match, voulez-vous dire sélecteurs ou mots-clés? 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 ALLISON BUCHHOLTZ-UA: Vous pouvez les considérer comme la même chose. 605 00:32:53,010 --> 00:32:54,590 Il est juste des mots différents. 606 00:32:54,590 --> 00:32:56,460 Je veux dire, comme sélecteurs. 607 00:32:56,460 --> 00:32:59,470 Mais sélecteurs carte également les tags. 608 00:32:59,470 --> 00:33:02,800 Ainsi, vous pouvez les considérer comme des effectivement la même chose. 609 00:33:02,800 --> 00:33:05,900 Je vous promets que ça va faire plus de sens quand on code. 610 00:33:05,900 --> 00:33:08,400 Quelque chose de la PowerPoint ou des questions 611 00:33:08,400 --> 00:33:12,980 en ce moment avant que nous créer la page de notre section? 612 00:33:12,980 --> 00:33:15,040 Tout le monde est prêt? 613 00:33:15,040 --> 00:33:15,540 Laisser refroidir. 614 00:33:15,540 --> 00:33:19,820 615 00:33:19,820 --> 00:33:24,760 >> Je dois donc on a commencé. 616 00:33:24,760 --> 00:33:27,030 Permettez-moi augmenter la police pour vous les gars. 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 OK, donc en ce moment, nous avons juste un squelette de la page web ici. 619 00:33:36,730 --> 00:33:38,360 >> Nous avons peu de HTML. 620 00:33:38,360 --> 00:33:41,050 Nous avons une en-tête, qui nous voir ici comme exemple de page web. 621 00:33:41,050 --> 00:33:44,540 Certaines titre, certains police. 622 00:33:44,540 --> 00:33:47,580 Ce sont des balises, OK? 623 00:33:47,580 --> 00:33:53,930 Alors, quand je veux fermer vos balises, nous voyons ici cette tête de support est votre ouverture 624 00:33:53,930 --> 00:33:59,670 tag, et ce support / Tête est fermer, OK? 625 00:33:59,670 --> 00:34:04,380 >> Ainsi, vous pouvez penser à cela comme vos accolades dans vos si les conditions 626 00:34:04,380 --> 00:34:05,420 ou votre pour les boucles. 627 00:34:05,420 --> 00:34:08,630 Si vous avez une au début, vous voulez un à la fin. 628 00:34:08,630 --> 00:34:13,500 Il faudra encore travailler la plupart du temps Si vous ne disposez pas d'une balise fermée, 629 00:34:13,500 --> 00:34:17,659 mais la meilleure pratique est de fermer les balises. 630 00:34:17,659 --> 00:34:20,940 >> Donc dans ce cas, nous allons changer cela. 631 00:34:20,940 --> 00:34:24,150 Nous allons avoir une section sept. 632 00:34:24,150 --> 00:34:25,270 "Section page Web." 633 00:34:25,270 --> 00:34:26,969 Donc je vais juste changer cela. 634 00:34:26,969 --> 00:34:32,100 >> Et si nous dépassons ici et nous reload-- dois enregistrer et reload-- 635 00:34:32,100 --> 00:34:36,750 nous remarquons que ici il a changé, non? 636 00:34:36,750 --> 00:34:38,250 Laisser refroidir. 637 00:34:38,250 --> 00:34:39,380 Donc, cela change le titre. 638 00:34:39,380 --> 00:34:41,920 Ceci est tout ce qui est sur votre onglet. 639 00:34:41,920 --> 00:34:43,870 >> Donc, ce genre est de regarder un peu ennuyeux. 640 00:34:43,870 --> 00:34:44,870 Je ne sais pas pour les gars. 641 00:34:44,870 --> 00:34:46,810 Je pense que nous voulons quelque chose d'autre ici. 642 00:34:46,810 --> 00:34:51,900 >> Donc, ce que nous pouvons faire est de le tête est juste là. 643 00:34:51,900 --> 00:34:54,320 Faisons une sorte de corps. 644 00:34:54,320 --> 00:34:56,550 Donc, nous avons un corps ici. 645 00:34:56,550 --> 00:35:01,360 Je fais toujours ouverte et fermer les balises pour commencer, 646 00:35:01,360 --> 00:35:04,850 de la même manière que je fais accolades. 647 00:35:04,850 --> 00:35:06,326 Ah. 648 00:35:06,326 --> 00:35:09,010 Attendez, quoi? 649 00:35:09,010 --> 00:35:10,949 >> PUBLIC: [inaudible]. 650 00:35:10,949 --> 00:35:11,990 ALLISON BUCHHOLTZ-UA: Ah. 651 00:35:11,990 --> 00:35:13,895 Les gars, vous me GOT. 652 00:35:13,895 --> 00:35:14,930 Bon travail. 653 00:35:14,930 --> 00:35:16,270 Étoile d'or. 654 00:35:16,270 --> 00:35:20,300 >> OK, nous avons donc certains corps ici. 655 00:35:20,300 --> 00:35:22,920 Et maintenant, nous allons commencer à ajouter du texte. 656 00:35:22,920 --> 00:35:26,110 Donc, vous avez un autre couple options pour l'ajout de texte. 657 00:35:26,110 --> 00:35:29,380 Nous avons des choses comme les en-têtes. 658 00:35:29,380 --> 00:35:32,144 Nous avons juste le texte normal. 659 00:35:32,144 --> 00:35:33,560 Donc, nous allons commencer avec juste un en-tête. 660 00:35:33,560 --> 00:35:36,670 En fait, si vous voulez les gars à tirer vers le haut HTML W3 école, 661 00:35:36,670 --> 00:35:38,860 vous pouvez genre de regarder autour de et si il ya quelque chose 662 00:35:38,860 --> 00:35:42,470 en particulier que vous voulez essayer avec cette page web, nous pouvons le faire. 663 00:35:42,470 --> 00:35:46,250 Donc dans ce cas, nous allons juste faire un peu de h1. 664 00:35:46,250 --> 00:35:48,710 Donc h1 est comme la plus haute tête. 665 00:35:48,710 --> 00:35:52,260 Il vous donnera quelque chose qui est très grand et gras. 666 00:35:52,260 --> 00:35:58,010 >> Et dans ce cas, que voulons-nous pour le premier texte sur notre page Web? 667 00:35:58,010 --> 00:35:58,640 Rien. 668 00:35:58,640 --> 00:35:59,800 Les gars, vous allez créer ce fichier. 669 00:35:59,800 --> 00:36:00,758 Je vais juste à taper. 670 00:36:00,758 --> 00:36:01,620 PUBLIC: Bienvenue. 671 00:36:01,620 --> 00:36:02,870 >> ALLISON BUCHHOLTZ-UA: Bienvenue. 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 OK, donc si nous les sauvegardons et le chargement, nous avons un grand grand accueil. 674 00:36:12,620 --> 00:36:17,365 Donc, pour que vous puissiez voir la différences, nous allons faire quelque chose sur H6. 675 00:36:17,365 --> 00:36:18,490 Que voulons-nous ici? 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 Droit? 678 00:36:27,440 --> 00:36:30,356 >> OK, alors juste pour que vous le pouvez voir la différence. 679 00:36:30,356 --> 00:36:31,990 Ouais, Sublime. 680 00:36:31,990 --> 00:36:34,680 Donc, si vous remarquez, h1, très, très grand. 681 00:36:34,680 --> 00:36:39,030 h6, comme gras, mais beaucoup plus petit, et vous avez tout le reste. 682 00:36:39,030 --> 00:36:41,550 Donc, vous pourriez avoir h2, h3, h4. 683 00:36:41,550 --> 00:36:43,750 Et ce ne sont que des en-têtes, Donc, si vous essayez 684 00:36:43,750 --> 00:36:46,010 à créer une page Web qui a différentes sections, 685 00:36:46,010 --> 00:36:48,810 peut-être que vous voulez utiliser têtes quelque part. 686 00:36:48,810 --> 00:36:49,580 >> Laisser refroidir. 687 00:36:49,580 --> 00:36:53,270 Donc, nous allons ajouter un peu plus choses dans notre corps. 688 00:36:53,270 --> 00:36:58,380 Je vois que ce serait un peu cool si nous avions une image. 689 00:36:58,380 --> 00:37:02,840 Je me sens comme tout le monde pourrait peut-être utiliser une image mignonne de lapin droite environ maintenant, 690 00:37:02,840 --> 00:37:05,082 de sorte que nous allons trouver un lapin image première. 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> Je ne sais pas si vous avez des préférences sur lequel on nous veulent. 693 00:37:12,960 --> 00:37:14,890 Avez-vous des préférences? 694 00:37:14,890 --> 00:37:15,925 Celui-là? 695 00:37:15,925 --> 00:37:17,160 Down. 696 00:37:17,160 --> 00:37:17,750 D'accord. 697 00:37:17,750 --> 00:37:18,760 Que l'on est. 698 00:37:18,760 --> 00:37:20,080 Les bons choix. 699 00:37:20,080 --> 00:37:21,850 >> OK, donc nous allons voir notre image. 700 00:37:21,850 --> 00:37:22,920 Regardez ça. 701 00:37:22,920 --> 00:37:24,250 Regardez cette chose adorable. 702 00:37:24,250 --> 00:37:27,080 Comment pourriez-vous être triste un lundi avec cela? 703 00:37:27,080 --> 00:37:30,180 >> Donc, nous allons juste à copier le URL de l'image. 704 00:37:30,180 --> 00:37:38,720 Et ce que nous voulons faire est, disons simplement dire que nous avons un p pour paragraphe. 705 00:37:38,720 --> 00:37:41,140 Nous allons dire: «Regardez regarder le lapin mignon. 706 00:37:41,140 --> 00:37:44,130 d'awwww. " 707 00:37:44,130 --> 00:37:44,880 I love my lapins. 708 00:37:44,880 --> 00:37:45,838 Je dois un lapin à la maison. 709 00:37:45,838 --> 00:37:48,085 Je manque mon lapin. 710 00:37:48,085 --> 00:37:50,460 Donc, ce que nous allons do-- Je ne sais pas si vous voulez les gars 711 00:37:50,460 --> 00:37:55,970 à google this-- mais avec HTML, comment pourriez-vous inclure une image? 712 00:37:55,970 --> 00:37:58,355 Littéralement, si vous google "Inclure l'image HTML" 713 00:37:58,355 --> 00:38:00,480 Pourquoi ne pas vous les gars me disent ce cette balise doit être? 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> PUBLIC: img source-- 716 00:38:06,290 --> 00:38:07,767 >> ALLISON BUCHHOLTZ-UA: img source-- 717 00:38:07,767 --> 00:38:08,600 PUBLIC: --equals-- 718 00:38:08,600 --> 00:38:09,000 ALLISON BUCHHOLTZ-UA: --equals-- 719 00:38:09,000 --> 00:38:10,181 PUBLIC: --quote-- ouais. 720 00:38:10,181 --> 00:38:11,430 ALLISON BUCHHOLTZ-UA: Parfait. 721 00:38:11,430 --> 00:38:12,090 Belle. 722 00:38:12,090 --> 00:38:15,470 Voir, MySpace génération, non? 723 00:38:15,470 --> 00:38:16,220 Public: Neopets. 724 00:38:16,220 --> 00:38:17,470 ALLISON BUCHHOLTZ-UA: Neopets. 725 00:38:17,470 --> 00:38:18,950 Oh, OK. 726 00:38:18,950 --> 00:38:20,200 Sensationnel. 727 00:38:20,200 --> 00:38:21,260 Il a été fou. 728 00:38:21,260 --> 00:38:23,120 D'accord. 729 00:38:23,120 --> 00:38:25,600 >> Donc, assurez-je obtenir ce droit. 730 00:38:25,600 --> 00:38:26,100 Laisser refroidir. 731 00:38:26,100 --> 00:38:27,750 Donc, ce devrait être ici. 732 00:38:27,750 --> 00:38:34,146 Et puis si le chargement, nous avons notre lapin de la page est-ce pas adorable? 733 00:38:34,146 --> 00:38:35,030 >> Cela est si mignon. 734 00:38:35,030 --> 00:38:36,860 Vous avez choisi un grand, grand photo. 735 00:38:36,860 --> 00:38:38,180 Je creuse il. 736 00:38:38,180 --> 00:38:41,350 >> OK, nous avons donc cette adorable lapin maintenant. 737 00:38:41,350 --> 00:38:44,590 Nous avons pu ajouter une l'image, juste comme ça. 738 00:38:44,590 --> 00:38:47,550 Donc, fondamentalement, si il ya une image vous voulez ajouter à votre page Web, 739 00:38:47,550 --> 00:38:49,430 vous pouvez l'ajouter comme ça. 740 00:38:49,430 --> 00:38:52,910 Une autre chose serait si vous avez l'image stockée 741 00:38:52,910 --> 00:38:55,670 dans le même dossier que ce fichier, il vous suffit de 742 00:38:55,670 --> 00:38:59,595 écrire ce que le nom de cette image est au lieu d'avoir un lien Web. 743 00:38:59,595 --> 00:39:01,010 >> Il serait encore entre guillemets. 744 00:39:01,010 --> 00:39:03,700 Il serait juste comme si nous avions appelé this-- 745 00:39:03,700 --> 00:39:06,695 si cette image avait été sauvé dans le dossier de ce fichier HTML 746 00:39:06,695 --> 00:39:08,570 que je suis d'édition et il a été appelé bunny.jpg. 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 Nous pourrions également faire et il se montrerait. 749 00:39:13,080 --> 00:39:16,600 Cependant, je ne ai pas enregistré dans cette le fichier et je veux garder le lapin, 750 00:39:16,600 --> 00:39:18,092 donc nous allons garder le lien. 751 00:39:18,092 --> 00:39:20,720 >> Public: Quel est rabbit.org? 752 00:39:20,720 --> 00:39:22,980 >> ALLISON BUCHHOLTZ-UA: rabbit.org. 753 00:39:22,980 --> 00:39:25,170 Il est un les circonstances: regardez, vous pouvez adopter. 754 00:39:25,170 --> 00:39:25,770 Adoption. 755 00:39:25,770 --> 00:39:27,690 bunny.jpg. 756 00:39:27,690 --> 00:39:29,190 Je veux adopter ce lapin. 757 00:39:29,190 --> 00:39:31,180 Oh, mon dieu, il est tellement mignon. 758 00:39:31,180 --> 00:39:34,230 >> OK, alors nous avons ajouté des en-têtes. 759 00:39:34,230 --> 00:39:35,500 Nous avons ajouté une photo. 760 00:39:35,500 --> 00:39:37,760 De toute évidence, nous avons ajouté du texte ici, non? 761 00:39:37,760 --> 00:39:40,920 Si nous voulions ajouter d'autres textes, nous allions comme ça. 762 00:39:40,920 --> 00:39:43,760 Voilà donc un autre paragraphe. 763 00:39:43,760 --> 00:39:49,070 >> Et nous disons «ceci est un autre paragraphe." 764 00:39:49,070 --> 00:39:52,510 Aussi, je suis un correcteur orthographique, horrible, afin que je puisse orthographier choses. 765 00:39:52,510 --> 00:39:54,930 Cordialement. 766 00:39:54,930 --> 00:39:58,450 >> Donc, nous avons un autre paragraphe ici, non? 767 00:39:58,450 --> 00:40:02,190 Alors peut-être que vous voulez faire quelque chose un peu plus intéressant que juste 768 00:40:02,190 --> 00:40:04,640 avoir tout votre texte, comme aligné à droite. 769 00:40:04,640 --> 00:40:08,490 Peut-être que vous voulez centrer votre texte, OK? 770 00:40:08,490 --> 00:40:11,820 >> Donc, si quelqu'un veut utiliser ceux ordinateurs à portée de main en face de vous 771 00:40:11,820 --> 00:40:19,034 et me dire comment vous êtes va centrer ce texte, 772 00:40:19,034 --> 00:40:20,300 >> PUBLIC: p align. 773 00:40:20,300 --> 00:40:24,834 >> ALLISON BUCHHOLTZ-UA: Donc, p align égale «centre». 774 00:40:24,834 --> 00:40:25,750 Il a tuer, les gars. 775 00:40:25,750 --> 00:40:28,240 Y'all doivent intensifier. 776 00:40:28,240 --> 00:40:36,042 Et nous avons "Ceci est centrée." 777 00:40:36,042 --> 00:40:37,500 Et maintenant nous avons quelque chose centré. 778 00:40:37,500 --> 00:40:39,380 >> De la même manière, si vous veut il aligné à gauche, 779 00:40:39,380 --> 00:40:42,020 vous pourriez faire égaux align gauche, align égal droit. 780 00:40:42,020 --> 00:40:42,850 Totalement à vous. 781 00:40:42,850 --> 00:40:55,580 Si je l'ai fait ici, alors ce devraient: maintenant il est aligné à droite. 782 00:40:55,580 --> 00:40:57,020 >> PUBLIC: Allison? 783 00:40:57,020 --> 00:41:00,884 Par source de l'image, pourquoi pas il près de la source de img? 784 00:41:00,884 --> 00:41:02,050 ALLISON BUCHHOLTZ-UA: Désolé. 785 00:41:02,050 --> 00:41:05,300 Celui-ci devrait être Maintenant il que vous êtes bon. 786 00:41:05,300 --> 00:41:06,026 Maintenant, nous sommes bons. 787 00:41:06,026 --> 00:41:08,150 PUBLIC: Ne pas vous avez fermer là, ou pas? 788 00:41:08,150 --> 00:41:11,450 ALLISON BUCHHOLTZ-UA: Eh bien, si img la source, celui-ci est just-- avec l'image, 789 00:41:11,450 --> 00:41:17,110 il est juste considéré comme un élément, alors que si vous remarquez pour le reste d'entre eux, 790 00:41:17,110 --> 00:41:22,106 nous avons une étiquette alors que l'information ce qui a trait à, puis une balise de fermeture. 791 00:41:22,106 --> 00:41:24,480 Mais à l'image, tout est juste une sorte d'auto-contenue. 792 00:41:24,480 --> 00:41:28,540 793 00:41:28,540 --> 00:41:29,040 Laisser refroidir. 794 00:41:29,040 --> 00:41:33,530 Alors vous les gars savent comment créer un tête, vous savez comment saisir du texte, 795 00:41:33,530 --> 00:41:37,060 vous savez comment mettre une image maintenant, vous pouvez aligner les choses. 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> Une autre chose que vous voudrez peut-être en mesure de faire 798 00:41:42,590 --> 00:41:47,649 est de créer une liste dans CS- nous sommes genre d'aller dans le pset de la semaine prochaine. 799 00:41:47,649 --> 00:41:49,440 Les choses que nous enseigner généralement cette semaine 800 00:41:49,440 --> 00:41:51,480 va vraiment bien avec l'ensemble de processeurs de la semaine prochaine, donc nous sommes 801 00:41:51,480 --> 00:41:54,250 sorte de mélange, qui se chevauchent choses ici. 802 00:41:54,250 --> 00:41:56,290 Mais ça va être utile pour la semaine prochaine. 803 00:41:56,290 --> 00:42:02,500 >> Donc, si nous voulions créer quelque liste, comment pourrions-nous le faire? 804 00:42:02,500 --> 00:42:03,760 Vous ne pouvez pas répondre à ce temps. 805 00:42:03,760 --> 00:42:04,700 Quelqu'un d'autre doit le faire. 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 Il est facile, les gars, la promesse. 808 00:42:09,440 --> 00:42:13,090 Google "liste non ordonnée HTML." 809 00:42:13,090 --> 00:42:14,076 Ca ce était quoi? 810 00:42:14,076 --> 00:42:16,244 >> PUBLIC: [inaudible]. 811 00:42:16,244 --> 00:42:17,410 ALLISON BUCHHOLTZ-UA: Droit. 812 00:42:17,410 --> 00:42:20,490 Ainsi voulons-nous ordonnée ou non? 813 00:42:20,490 --> 00:42:21,500 Faisons un non ordonnée. 814 00:42:21,500 --> 00:42:25,240 Nous avons donc une certaine ul, qui signifie une liste non triée. 815 00:42:25,240 --> 00:42:27,997 Et qu'est-ce que nous avons pour chaque élément? 816 00:42:27,997 --> 00:42:29,080 Est-il besoin de son propre tag? 817 00:42:29,080 --> 00:42:30,556 Pouvons-nous commencer juste écrire des choses? 818 00:42:30,556 --> 00:42:31,330 >> PUBLIC: li. 819 00:42:31,330 --> 00:42:32,826 >> ALLISON BUCHHOLTZ-UA: li. 820 00:42:32,826 --> 00:42:34,785 Alors, quelle est notre liste va être? 821 00:42:34,785 --> 00:42:37,050 Que voulons-nous ici? 822 00:42:37,050 --> 00:42:38,190 Nous faisons juste des noms. 823 00:42:38,190 --> 00:42:39,250 Il suffit de faire Jacob. 824 00:42:39,250 --> 00:42:40,340 >> aliments de lapin: l'auditoire. 825 00:42:40,340 --> 00:42:40,990 >> ALLISON BUCHHOLTZ-UA: aliments de lapin. 826 00:42:40,990 --> 00:42:41,910 OK I like this. 827 00:42:41,910 --> 00:42:42,520 aliments de lapin. 828 00:42:42,520 --> 00:42:44,440 >> OK, donc nous avons carottes. 829 00:42:44,440 --> 00:42:46,640 I like this thème de lapin. 830 00:42:46,640 --> 00:42:48,024 Je creuse beaucoup. 831 00:42:48,024 --> 00:42:50,440 PUBLIC: En fait, je pensais que Jacob serait légitime. 832 00:42:50,440 --> 00:42:51,606 ALLISON BUCHHOLTZ-UA: Jacob? 833 00:42:51,606 --> 00:42:53,120 Jacob est la nourriture de lapin. 834 00:42:53,120 --> 00:42:55,310 Si vous avez vu Jacob photo de heures de bureau, 835 00:42:55,310 --> 00:42:56,850 vous avez peut-être pensé qu'il a attaqué par un lapin tueur. 836 00:42:56,850 --> 00:42:58,099 >> PUBLIC: Je dois maintenant un lapin. 837 00:42:58,099 --> 00:42:59,710 Je dois un lapin tueur maintenant. 838 00:42:59,710 --> 00:43:00,540 >> ALLISON BUCHHOLTZ-UA: Vous plaisantez je espère? 839 00:43:00,540 --> 00:43:02,081 >> PUBLIC: Je vais amener section suivante. 840 00:43:02,081 --> 00:43:02,990 Je l'ai. 841 00:43:02,990 --> 00:43:04,240 >> ALLISON BUCHHOLTZ-UA: Ceci est ridicule. 842 00:43:04,240 --> 00:43:04,730 Quoi qu'il en soit. 843 00:43:04,730 --> 00:43:05,510 >> PUBLIC: [Inaudible] 844 00:43:05,510 --> 00:43:07,510 >> PUBLIC: Ouais, mon surveillant a un lapin ainsi. 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> ALLISON BUCHHOLTZ-UA: Je veux un lapin. 847 00:43:11,580 --> 00:43:15,415 OK, celui qui apporte un vrai lapin à la section suivante, des bons points au total. 848 00:43:15,415 --> 00:43:16,290 PUBLIC: [Inaudible] 849 00:43:16,290 --> 00:43:16,943 PUBLIC: Oh, il est pas réel. 850 00:43:16,943 --> 00:43:17,910 Il est un lapin en peluche. 851 00:43:17,910 --> 00:43:18,855 >> ALLISON BUCHHOLTZ-UA: Oh oui, nous pouvons fermer ces. 852 00:43:18,855 --> 00:43:20,174 On dirait rad. 853 00:43:20,174 --> 00:43:21,590 Public: Est-ce vraiment important? 854 00:43:21,590 --> 00:43:23,465 ALLISON BUCHHOLTZ-UA: Il ne fait pas. 855 00:43:23,465 --> 00:43:25,590 Avec la plupart de ces choses, vous ne fermez pas la balise, 856 00:43:25,590 --> 00:43:28,750 99% du temps rien de mauvais va se produire, mais il est bon style, aussi. 857 00:43:28,750 --> 00:43:30,250 Alors Jacob. 858 00:43:30,250 --> 00:43:31,864 Et nous avons la laitue. 859 00:43:31,864 --> 00:43:33,655 Public: Pour les liens, il est vraiment important. 860 00:43:33,655 --> 00:43:34,696 ALLISON BUCHHOLTZ-UA: Hm? 861 00:43:34,696 --> 00:43:35,890 Public: Pour hyperliens. 862 00:43:35,890 --> 00:43:37,431 ALLISON BUCHHOLTZ-UA: pour les hyperliens. 863 00:43:37,431 --> 00:43:38,610 Oui, hyperliens besoin. 864 00:43:38,610 --> 00:43:40,770 OK, donc nous allons voir ici. 865 00:43:40,770 --> 00:43:44,810 Et nous avons la fin de notre liste. 866 00:43:44,810 --> 00:43:46,635 Et nous attendons à ce. 867 00:43:46,635 --> 00:43:49,680 Nous avons tous-- Jacob, juste là. 868 00:43:49,680 --> 00:43:52,310 la nourriture de lapin. 869 00:43:52,310 --> 00:43:54,000 Ca me rappelle Bunnicula. 870 00:43:54,000 --> 00:43:55,234 >> PUBLIC: [Inaudible] 871 00:43:55,234 --> 00:43:58,400 ALLISON BUCHHOLTZ-UA: Je ramener Toutes les anciennes références scolaires d'aujourd'hui, 872 00:43:58,400 --> 00:43:59,130 sont-ce pas? 873 00:43:59,130 --> 00:44:01,210 Seulement toutes les anciennes références scolaires. 874 00:44:01,210 --> 00:44:05,767 Aurait apporté comme Gogurts ou quelque chose pour les collations. 875 00:44:05,767 --> 00:44:07,079 >> PUBLIC: Ou diluviennes. 876 00:44:07,079 --> 00:44:08,120 ALLISON BUCHHOLTZ-UA: Oh. 877 00:44:08,120 --> 00:44:08,620 D'accord. 878 00:44:08,620 --> 00:44:10,920 Je vais voir si je peux suivre bas diluviennes de la semaine prochaine. 879 00:44:10,920 --> 00:44:11,980 Je pense que je peux le faire. 880 00:44:11,980 --> 00:44:13,980 Je pense que nous pourrions avoir certains dans le bureau. 881 00:44:13,980 --> 00:44:18,570 >> OK, donc nous avons couvert beaucoup de différent choses que vous pouvez faire avec HTML, non? 882 00:44:18,570 --> 00:44:23,910 Et comme vous pouvez probablement le voir, il est nothing-- espérons-le, pas trop intim-- 883 00:44:23,910 --> 00:44:25,750 si elle est, je ne veux pas dire à rabaisser quiconque. 884 00:44:25,750 --> 00:44:29,090 Si vous rencontrez des difficultés, se il vous plaît venir me parler. 885 00:44:29,090 --> 00:44:31,340 >> Mais la plupart de celui-ci est juste regarder la syntaxe, non? 886 00:44:31,340 --> 00:44:34,180 Si vous voulez une liste non ordonnée, si vous voulez une sorte de liste, 887 00:44:34,180 --> 00:44:38,450 si vous souhaitez aligner quelque chose ou Format quelque chose, il est tout au sujet juste 888 00:44:38,450 --> 00:44:42,080 type de recherche jusqu'à la syntaxe HTML, non? 889 00:44:42,080 --> 00:44:44,720 Et une chose qui est assez cool en fait 890 00:44:44,720 --> 00:44:51,360 est si vous allez to-- voyons, ce qui est un beau site que nous aimons? 891 00:44:51,360 --> 00:44:54,920 Quelqu'un at-il des sites préférés qui sont OK pour faire apparaître en ligne? 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 Vous savez quoi, nous allons juste faire CS50. 894 00:44:58,840 --> 00:45:01,800 Voilà agréable et sûr, non? 895 00:45:01,800 --> 00:45:03,060 >> OK, donc CS50 ici. 896 00:45:03,060 --> 00:45:05,540 Oh, regardez, il ya une section pour le moment. 897 00:45:05,540 --> 00:45:07,113 Si vous aimez la façon dont elle regarde. 898 00:45:07,113 --> 00:45:08,030 >> PUBLIC: [inaudible]. 899 00:45:08,030 --> 00:45:10,696 ALLISON BUCHHOLTZ-AU: Nous ne sommes pas va faire méta section, les gars. 900 00:45:10,696 --> 00:45:11,560 Il ne se passe rien. 901 00:45:11,560 --> 00:45:14,540 Ce serait cool, mais on ne va pas le faire. 902 00:45:14,540 --> 00:45:17,040 >> Alors qu'est-ce que vous pourriez faire si vous aimez la façon dont 903 00:45:17,040 --> 00:45:21,390 cela fonctionne est que vous pouvez toujours raison cliquez sur une page web que vous aimez 904 00:45:21,390 --> 00:45:23,660 et vous pouvez faire source de la page. 905 00:45:23,660 --> 00:45:26,030 Il apportera tout le HTML. 906 00:45:26,030 --> 00:45:30,800 Et cela est en fait un très bon façon de styliser votre propre page Web. 907 00:45:30,800 --> 00:45:33,640 Aller à une page Web que vous aimez vraiment et regarder le HTML 908 00:45:33,640 --> 00:45:35,430 et de comprendre comment ils ont fait. 909 00:45:35,430 --> 00:45:39,280 >> Et littéralement, tant que vous citez choses, 910 00:45:39,280 --> 00:45:41,940 aussi longtemps que vous n'êtes pas seulement voler des gens, il est OK. 911 00:45:41,940 --> 00:45:43,890 Surtout pour CS50 [? Finances?], nous sommes 912 00:45:43,890 --> 00:45:46,950 sorte de vous attendre à obtenir l'inspiration de l'autre site. 913 00:45:46,950 --> 00:45:48,070 Donc sentir libre. 914 00:45:48,070 --> 00:45:51,360 Regardez à travers les sites Web qui vous pensez que sont vraiment assez 915 00:45:51,360 --> 00:45:54,870 et comprendre comment ils utilisent HTML et CSS pour faire ces choses. 916 00:45:54,870 --> 00:45:59,860 >> Donc, comme vous le voyez ici, il n'y a évidemment comme des liens et nous avons une classe ici. 917 00:45:59,860 --> 00:46:00,950 Nous avons un lien ici. 918 00:46:00,950 --> 00:46:03,100 Nous avons une liste. 919 00:46:03,100 --> 00:46:05,370 Nous avons probablement une photos ici quelque part. 920 00:46:05,370 --> 00:46:08,332 >> Nous avons quelques style cool ici. 921 00:46:08,332 --> 00:46:10,040 Ceci est la chose suivante nous allons faire. 922 00:46:10,040 --> 00:46:14,580 Donc, le style, chaque fois que vous voyez ces crochets de style, il est essentiellement CSS. 923 00:46:14,580 --> 00:46:15,880 Ben, avez-vous une question? 924 00:46:15,880 --> 00:46:16,880 >> Public: Quel est div? 925 00:46:16,880 --> 00:46:20,039 >> ALLISON BUCHHOLTZ-UA: div est juste A- ce qui est div? 926 00:46:20,039 --> 00:46:20,830 PUBLIC: Division. 927 00:46:20,830 --> 00:46:22,121 ALLISON BUCHHOLTZ-UA: Division. 928 00:46:22,121 --> 00:46:25,960 Oui, il est juste comme séparer les différents éléments. 929 00:46:25,960 --> 00:46:28,650 OK, alors voici ce que nous sommes va aller dans la prochaine. 930 00:46:28,650 --> 00:46:31,550 Donc, cela peut ne pas être le meilleur style, car, si vous remarquez 931 00:46:31,550 --> 00:46:37,681 nous avons HTML et le style dans la même page, et nous voulons en fait de séparer ceux-ci, 932 00:46:37,681 --> 00:46:38,180 D'accord? 933 00:46:38,180 --> 00:46:41,620 Et en fait, laissez-moi ouvrir ma droite 934 00:46:41,620 --> 00:46:45,990 parce que ce qui est censé être le PDF, de sorte que nous avons style.css. 935 00:46:45,990 --> 00:46:51,210 >> Donc, ce que nous pouvons faire ici est de ces ya des choses intéressantes comme certains fondu 936 00:46:51,210 --> 00:46:55,550 et nous pourrions essayer de le faire, mais je me sens comme je le ferais louper ça à la volée, 937 00:46:55,550 --> 00:46:58,520 Je vous encourage donc les gars à aller essayer que sur votre propre, 938 00:46:58,520 --> 00:47:00,310 mais je ne vais pas le faire maintenant. 939 00:47:00,310 --> 00:47:03,790 Donc, si vous les gars, rappelez-vous, si jamais vous frappez ensemble du problème, 940 00:47:03,790 --> 00:47:05,584 quelque chose se précipite dans le côté. 941 00:47:05,584 --> 00:47:08,000 Il a à voir avec le fondu et la transition et ainsi de suite. 942 00:47:08,000 --> 00:47:09,630 >> Public: Et voilà tout CSS et HTML? 943 00:47:09,630 --> 00:47:11,460 >> ALLISON BUCHHOLTZ-UA: Toutes les feuilles CSS et HTML. 944 00:47:11,460 --> 00:47:12,420 Ouais. 945 00:47:12,420 --> 00:47:17,720 Ainsi, vous pouvez faire beaucoup de bien choses cool avec CSS et HTML. 946 00:47:17,720 --> 00:47:22,280 Donc, avec notre impressionnant page Web lapin ici, nous 947 00:47:22,280 --> 00:47:25,240 allez faire un peu peu de style CSS avec elle. 948 00:47:25,240 --> 00:47:28,850 >> Donc si jamais vous avez un style feuille, que nous avons ici, 949 00:47:28,850 --> 00:47:30,550 vous pouvez simplement appeler style.css. 950 00:47:30,550 --> 00:47:32,090 Vous pouvez appeler ça comme vous voulez. 951 00:47:32,090 --> 00:47:37,110 Ce qui est important est que nous allons à référencer dans notre web.html ici. 952 00:47:37,110 --> 00:47:41,670 >> Donc, ce que nous allons faire est nous-- donc je ne plaisante pas cette up-- 953 00:47:41,670 --> 00:47:46,180 nous allons relier ces deux fichiers ensemble. 954 00:47:46,180 --> 00:47:49,340 Ainsi, dans le même way-- je vais à établir une analogie avec C ici. 955 00:47:49,340 --> 00:47:53,510 De la même manière que si vous avez certains library-- et nous avons cs50.h-- 956 00:47:53,510 --> 00:47:55,520 notre compilateur lie. 957 00:47:55,520 --> 00:47:58,040 Ceci est juste un explicite lien de notre part. 958 00:47:58,040 --> 00:48:01,840 Donc, de la même manière que nous le faisons hachage inclure certains fichiers, ce qui 959 00:48:01,840 --> 00:48:06,890 Je suis sur le point d'écrire est que le HTML / CSS équivalent de cela. 960 00:48:06,890 --> 00:48:11,970 >> Nous disons simplement, OK, cette page web va utiliser cette feuille de style, OK? 961 00:48:11,970 --> 00:48:23,360 Nous avons donc link rel égale à la feuille de style. 962 00:48:23,360 --> 00:48:30,870 Et puis nous avons le type, css. 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 Et puis est égal href. 965 00:48:37,060 --> 00:48:41,910 966 00:48:41,910 --> 00:48:42,860 >> D'accord. 967 00:48:42,860 --> 00:48:45,680 Donc, tout cela fait ici vous est peut penser à ce que la même chose 968 00:48:45,680 --> 00:48:47,550 comme un hachage comprendre. 969 00:48:47,550 --> 00:48:53,450 Évidemment, il est un peu plus compliqué, mais dans tous les cas, 970 00:48:53,450 --> 00:48:55,370 il est effectivement la même chose. 971 00:48:55,370 --> 00:49:00,940 Donc, ceci est juste une certaine liaison d'un feuille de style, il est de type text / css, 972 00:49:00,940 --> 00:49:02,875 et le nom de celui-ci est style.css. 973 00:49:02,875 --> 00:49:05,560 >> Ce qui est important à savoir est que la page Web 974 00:49:05,560 --> 00:49:09,155 que je travaille droit maintenant-- web.html et style.css-- sont dans le même dossier. 975 00:49:09,155 --> 00:49:14,740 Parce que dans des dossiers différents, vous devez donner la racine réelle 976 00:49:14,740 --> 00:49:17,480 ou à son chemin d'accès. 977 00:49:17,480 --> 00:49:20,620 Mais dans ce cas, nous préférons rester super simple et ça va être ici. 978 00:49:20,620 --> 00:49:26,730 Donc, si nous faisons cela, je dois certains choses déjà en file d'attente ici. 979 00:49:26,730 --> 00:49:31,680 >> Donc, nous avons un corps, qui va d'avoir notre couleur de fond, qui 980 00:49:31,680 --> 00:49:33,320 est dès maintenant en bleu clair. 981 00:49:33,320 --> 00:49:36,850 Nous pouvons changer cela si nous voulons, mais si je me souviens correctement, 982 00:49:36,850 --> 00:49:39,270 il faut juste changer à la lumière bleue. 983 00:49:39,270 --> 00:49:42,050 Et maintenant nous avons un fond bleu clair. 984 00:49:42,050 --> 00:49:47,490 Et nous avons eu ici-- quelqu'un peut-il se rappeler qui est un ID de hachage ou classe? 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> PUBLIC: ID. 987 00:49:51,080 --> 00:49:51,800 >> ALLISON BUCHHOLTZ-UA: ID. 988 00:49:51,800 --> 00:49:52,420 Laisser refroidir. 989 00:49:52,420 --> 00:49:58,920 Donc, ce que nous voulons faire est qui de ces polices 990 00:49:58,920 --> 00:50:01,534 ou desquelles: voulons-nous "Regardez le lapin mignon "pour être violet? 991 00:50:01,534 --> 00:50:02,950 Je pense que nous voulons que, pour être violet. 992 00:50:02,950 --> 00:50:04,640 Je suis assez bas avec qui être violet. 993 00:50:04,640 --> 00:50:08,790 >> Donc, ce que vous faites est que vous ne ID equals-- dans ce cas 994 00:50:08,790 --> 00:50:13,630 Je l'ai dit, ce que, jolie couleur ici. 995 00:50:13,630 --> 00:50:14,780 Nous rechargeons. 996 00:50:14,780 --> 00:50:17,460 Tout d'un coup, il est violet. 997 00:50:17,460 --> 00:50:20,680 OK, donc avec ID, rappelez-vous il doit être unique, 998 00:50:20,680 --> 00:50:24,370 donc je ne serais jamais l'aide cet ID nulle part ailleurs. 999 00:50:24,370 --> 00:50:27,760 Mais avec classe, comme nous l'avons ici avec une jolie police, 1000 00:50:27,760 --> 00:50:30,300 Je devrais être en mesure d'utiliser que partout où je veux. 1001 00:50:30,300 --> 00:50:33,160 >> Alors, faisons celui-là. 1002 00:50:33,160 --> 00:50:41,100 On peut donc dire classe équivaut assez police. 1003 00:50:41,100 --> 00:50:46,190 Et si nous regardons maintenant, nous avons cette jolie police fraîche ici. 1004 00:50:46,190 --> 00:50:49,160 Alors peut-être que je veux faire à la fois. 1005 00:50:49,160 --> 00:50:52,786 OK, en fait je ne sais pas si cela est aller travailler mais je veux essayer. 1006 00:50:52,786 --> 00:50:54,410 Et voilà comment vous apprenez CSS et HTML. 1007 00:50:54,410 --> 00:50:55,660 Vous êtes comme, vous savez quoi, je veux essayer. 1008 00:50:55,660 --> 00:50:56,430 Je ne sais pas si ça va fonctionner. 1009 00:50:56,430 --> 00:50:57,346 Voyons voir si cela fonctionne. 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> Et regardez ça. 1012 00:51:01,540 --> 00:51:04,540 Maintenant il est en violet et il est une jolie police. 1013 00:51:04,540 --> 00:51:08,692 OK, donc vous avez tous ces différentes choses que vous pouvez faire. 1014 00:51:08,692 --> 00:51:09,650 Avez-vous une question? 1015 00:51:09,650 --> 00:51:10,275 >> PUBLIC: Ouais. 1016 00:51:10,275 --> 00:51:13,280 Eh bien, tout comme les couleurs que vous utilisez sont les mots. 1017 00:51:13,280 --> 00:51:16,005 Y at-il un moyen de faire des couleurs avec l'hexadécimale RGB? 1018 00:51:16,005 --> 00:51:18,880 ALLISON BUCHHOLTZ-UA: Vous pouvez également faire avec hexadécimal, je crois. 1019 00:51:18,880 --> 00:51:19,803 Ouais. 1020 00:51:19,803 --> 00:51:22,136 Mais il est plutôt agréable si vous ne veulent pas regarder vers le haut. 1021 00:51:22,136 --> 00:51:23,762 Vous pouvez juste comme, violet ou bleu. 1022 00:51:23,762 --> 00:51:25,720 PUBLIC: Espérons qu'ils savent ce que cela signifie. 1023 00:51:25,720 --> 00:51:26,886 ALLISON BUCHHOLTZ-UA: Droit. 1024 00:51:26,886 --> 00:51:29,580 Faisons donc cette lecture ou chartreuse. 1025 00:51:29,580 --> 00:51:32,060 Pourquoi voudriez-vous jamais choisir chartreuse? 1026 00:51:32,060 --> 00:51:33,340 Il est une couleur intéressante. 1027 00:51:33,340 --> 00:51:37,355 >> OK, donc évidemment nous pouvons nous voir peut changer les choses mais nous voulons. 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 Si vous voulez create-- disons nous voulions créer une autre classe. 1030 00:51:45,392 --> 00:51:46,850 Que pourriez-vous les gars veulent changer? 1031 00:51:46,850 --> 00:51:51,840 Si vous tirez W3Schools » documentation de CSS, 1032 00:51:51,840 --> 00:51:54,450 Je laisse la parole à vous les gars. 1033 00:51:54,450 --> 00:51:57,990 Nous pouvons essayer de faire quelque chose de cool avec ce dans les deux dernières minutes. 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 Parce que je suis gentil de votre part donné un Crash Course sur beaucoup de choses cool 1036 00:52:03,150 --> 00:52:03,970 que vous pouvez faire. 1037 00:52:03,970 --> 00:52:09,956 Mais à la fin, comme je l'ai dit, si vous juste expérience, vous apprendrez beaucoup. 1038 00:52:09,956 --> 00:52:12,212 >> Public: Avez-vous regardez cette police? 1039 00:52:12,212 --> 00:52:14,295 >> ALLISON BUCHHOLTZ-UA: Ouais, Je levai les yeux cette police. 1040 00:52:14,295 --> 00:52:17,200 Donc, comme littéralement, je suis allé to-- qu'ai-je fait? 1041 00:52:17,200 --> 00:52:22,371 Je l'ai CSS liste des polices, et alors je l'ai fait pile police, 1042 00:52:22,371 --> 00:52:25,120 et puis je me suis dit, regardez, ici sont toutes les polices cool que vous pouvez faire. 1043 00:52:25,120 --> 00:52:28,180 Et il y avait celui-ci, de sorte Je l'ai copié à mon presse-papiers. 1044 00:52:28,180 --> 00:52:31,820 Et puis je me suis dit, OK, cool, là nous allons. 1045 00:52:31,820 --> 00:52:32,320 Tout est fait. 1046 00:52:32,320 --> 00:52:35,920 >> PUBLIC: Donc, vous ne devez vous assurer qui sait ce que CSS police est. 1047 00:52:35,920 --> 00:52:37,370 >> ALLISON BUCHHOLTZ-UA: Oui. 1048 00:52:37,370 --> 00:52:38,190 >> Public: Qu'est-ce qu'il dit à la fin? 1049 00:52:38,190 --> 00:52:38,790 Cursive? 1050 00:52:38,790 --> 00:52:40,040 >> ALLISON BUCHHOLTZ-UA: Cursive. 1051 00:52:40,040 --> 00:52:40,950 Ouais. 1052 00:52:40,950 --> 00:52:42,310 >> PUBLIC: image de fond. 1053 00:52:42,310 --> 00:52:43,290 >> ALLISON BUCHHOLTZ-UA: l'image de fond. 1054 00:52:43,290 --> 00:52:44,180 D'accord. 1055 00:52:44,180 --> 00:52:46,490 Donc, vous voulez me dire comment faire. 1056 00:52:46,490 --> 00:52:47,390 Je laisse cela à vous. 1057 00:52:47,390 --> 00:52:49,070 Je suis juste en tapant ici maintenant. 1058 00:52:49,070 --> 00:52:51,714 La roue est entre vos mains. 1059 00:52:51,714 --> 00:52:52,660 >> PUBLIC: OK 1060 00:52:52,660 --> 00:52:53,701 >> ALLISON BUCHHOLTZ-UA: OK. 1061 00:52:53,701 --> 00:52:54,720 Que fais-je? 1062 00:52:54,720 --> 00:53:02,929 >> PUBLIC: Doing-- Je sais ce que vient après l'accolade. 1063 00:53:02,929 --> 00:53:03,970 ALLISON BUCHHOLTZ-UA: OK. 1064 00:53:03,970 --> 00:53:06,707 Donc, probablement dans le corps, je assumerait, parce que nous sommes 1065 00:53:06,707 --> 00:53:08,040 faire avec l'image de fond. 1066 00:53:08,040 --> 00:53:08,940 >> PUBLIC: Oui, nous allons le faire. 1067 00:53:08,940 --> 00:53:09,981 >> ALLISON BUCHHOLTZ-UA: OK. 1068 00:53:09,981 --> 00:53:14,260 PUBLIC: OK, donc fond côlon, et puis nous 1069 00:53:14,260 --> 00:53:16,894 besoin d'une adresse URL de cette image. 1070 00:53:16,894 --> 00:53:18,560 Peut-être que le pseudo-code que pour le moment, peut-être. 1071 00:53:18,560 --> 00:53:20,601 >> ALLISON BUCHHOLTZ-UA: Qu'est-ce voulez-vous que je to-- 1072 00:53:20,601 --> 00:53:22,574 PUBLIC: Je pense comme un GIF. 1073 00:53:22,574 --> 00:53:23,740 ALLISON BUCHHOLTZ-UA: Un GIF? 1074 00:53:23,740 --> 00:53:26,070 Cela va être intéressant. 1075 00:53:26,070 --> 00:53:27,840 OK, qu'est-ce que je googler ici? 1076 00:53:27,840 --> 00:53:29,670 >> PUBLIC: Non, ça votre choix. 1077 00:53:29,670 --> 00:53:32,090 >> ALLISON BUCHHOLTZ-UA: Pourquoi ne nous-- pas si il est un lapin, 1078 00:53:32,090 --> 00:53:35,610 Je pense que nous devrions avoir un belle pelouse ou quelque chose herbeux. 1079 00:53:35,610 --> 00:53:38,275 >> PUBLIC: Meadow. 1080 00:53:38,275 --> 00:53:39,350 Une prairie. 1081 00:53:39,350 --> 00:53:40,641 >> ALLISON BUCHHOLTZ-UA: Une prairie? 1082 00:53:40,641 --> 00:53:41,851 D'accord. 1083 00:53:41,851 --> 00:53:42,975 PUBLIC: Ou Rachel Maddow. 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 ALLISON BUCHHOLTZ-UA: Celui-ci semble assez. 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 Oh, ce est minuscule, cependant. 1088 00:53:50,380 --> 00:53:51,700 Nous avons besoin d'une image de bonne taille. 1089 00:53:51,700 --> 00:53:53,142 Voyons. 1090 00:53:53,142 --> 00:53:54,570 Oh, regarde. 1091 00:53:54,570 --> 00:53:55,630 Voilà une jolie prairie. 1092 00:53:55,630 --> 00:53:58,320 Vous savez quoi, je l'aime celui-ci. 1093 00:53:58,320 --> 00:53:59,300 Disons copier celui-ci. 1094 00:53:59,300 --> 00:54:08,020 >> PUBLIC: OK, donc je pense qu'il est l'URL, les parenthèses ouvertes. 1095 00:54:08,020 --> 00:54:09,590 >> ALLISON BUCHHOLTZ-UA: OK, URL. 1096 00:54:09,590 --> 00:54:11,500 >> PUBLIC: Puis l'adresse. 1097 00:54:11,500 --> 00:54:13,610 >> ALLISON BUCHHOLTZ-UA: OK. 1098 00:54:13,610 --> 00:54:14,750 Est-ce là tout ce qu'il faut? 1099 00:54:14,750 --> 00:54:20,550 >> PUBLIC: Fermer parenthèses point-virgule, et puis espace, fond trait d'union 1100 00:54:20,550 --> 00:54:27,050 attachement côlon fixe, et une accolade. 1101 00:54:27,050 --> 00:54:28,110 >> ALLISON BUCHHOLTZ-UA: OK. 1102 00:54:28,110 --> 00:54:29,114 Voyons voir si cela fonctionne. 1103 00:54:29,114 --> 00:54:30,780 Ça va être assez cool si il le fait. 1104 00:54:30,780 --> 00:54:33,880 Je suis très excité ici. 1105 00:54:33,880 --> 00:54:35,070 Cela n'a pas fonctionné. 1106 00:54:35,070 --> 00:54:35,700 Je me demande pourquoi. 1107 00:54:35,700 --> 00:54:37,700 PUBLIC: Peut-être que l'URL doit être entre guillemets. 1108 00:54:37,700 --> 00:54:38,866 ALLISON BUCHHOLTZ-UA: Peut-être. 1109 00:54:38,866 --> 00:54:41,520 Et voilà comment nous apprenons, les gars. 1110 00:54:41,520 --> 00:54:44,340 >> PUBLIC: Pouvons-nous avoir fond couleur et image de fond? 1111 00:54:44,340 --> 00:54:45,390 >> PUBLIC: Non 1112 00:54:45,390 --> 00:54:46,550 Un prévaut sur les autres. 1113 00:54:46,550 --> 00:54:46,960 >> ALLISON BUCHHOLTZ-UA: Je ne sais pas. 1114 00:54:46,960 --> 00:54:47,460 Voyons. 1115 00:54:47,460 --> 00:54:48,860 Allons voir et voir. 1116 00:54:48,860 --> 00:54:51,567 >> PUBLIC: Oh, peut-être, oui. 1117 00:54:51,567 --> 00:54:52,400 [Interposition VOIX] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> ALLISON BUCHHOLTZ-UA: OK, cela est obviously-- je [inaudible] ici. 1120 00:55:03,260 --> 00:55:04,927 Donc OK. 1121 00:55:04,927 --> 00:55:06,260 PUBLIC: attachement de fond. 1122 00:55:06,260 --> 00:55:07,301 ALLISON BUCHHOLTZ-UA: Ah. 1123 00:55:07,301 --> 00:55:12,096 1124 00:55:12,096 --> 00:55:13,946 >> PUBLIC: OK, je ne sais pas. 1125 00:55:13,946 --> 00:55:16,070 ALLISON BUCHHOLTZ-UA: Il semble que cela devrait fonctionner. 1126 00:55:16,070 --> 00:55:19,074 Etes-vous sûr qu'il est colon après l'URL? 1127 00:55:19,074 --> 00:55:20,439 >> PUBLIC: Non, il est le point-virgule. 1128 00:55:20,439 --> 00:55:21,980 ALLISON BUCHHOLTZ-UA: Il est point-virgule. 1129 00:55:21,980 --> 00:55:22,530 PUBLIC: Ai-je dit côlon? 1130 00:55:22,530 --> 00:55:24,155 ALLISON BUCHHOLTZ-UA: Vous avez dit un colon. 1131 00:55:24,155 --> 00:55:26,222 PUBLIC: Oh non. 1132 00:55:26,222 --> 00:55:27,680 ALLISON BUCHHOLTZ-UA: Là vous allez. 1133 00:55:27,680 --> 00:55:29,350 PUBLIC: Oh, attendez, maintenant nous ne pouvons pas lire le texte. 1134 00:55:29,350 --> 00:55:30,320 ALLISON BUCHHOLTZ-UA: Maintenant vous ne pouvez pas lire le texte, 1135 00:55:30,320 --> 00:55:32,740 mais nous avons l'image de fond. 1136 00:55:32,740 --> 00:55:33,300 Mmhmm? 1137 00:55:33,300 --> 00:55:35,220 >> Public: Est-ce que HTML soutenir le contenu dynamique? 1138 00:55:35,220 --> 00:55:39,070 Comme, pourriez-vous redimensionner cette image en fonction de la taille de la fenêtre, 1139 00:55:39,070 --> 00:55:39,890 ou est-ce un CSS-- 1140 00:55:39,890 --> 00:55:41,723 >> ALLISON BUCHHOLTZ-UA: Donc CSS doit le faire. 1141 00:55:41,723 --> 00:55:45,210 Donc, si vous les gars sont intéressés dans l'apprentissage CSS avancées, 1142 00:55:45,210 --> 00:55:50,789 Je suis co-enseignement une séminaire sur CSS sur le 7ème. 1143 00:55:50,789 --> 00:55:52,580 Et je promets que ce sera beaucoup plus en profondeur 1144 00:55:52,580 --> 00:55:55,220 et faire beaucoup plus froid choses dans cette section. 1145 00:55:55,220 --> 00:55:59,234 Et mon co-enseignant est comme totale frontal maître web dev. 1146 00:55:59,234 --> 00:56:02,150 Donc ça va être assez cool si vous voulez de se renseigner sur toutes les choses cool 1147 00:56:02,150 --> 00:56:03,960 que CSS peut faire. 1148 00:56:03,960 --> 00:56:06,860 >> Mais ce que nous avons ici avec son attachement de fond 1149 00:56:06,860 --> 00:56:13,330 fixed-- il est donc certain size-- fixe mais vous pouvez réellement dynamically-- 1150 00:56:13,330 --> 00:56:17,610 Si jamais vous voyez des pages web, que la plupart des pages Web de qualité feront, 1151 00:56:17,610 --> 00:56:19,470 lorsque vous réglez le taille de votre navigateur, 1152 00:56:19,470 --> 00:56:23,980 il ajuste le fond ou combien est de montrer ou reformate les choses, non? 1153 00:56:23,980 --> 00:56:27,100 Voilà ce que nous appelons positionnement relatif. 1154 00:56:27,100 --> 00:56:33,410 >> Et CSS peut effectivement saisir la taille de votre la largeur du navigateur est ou quelle taille il est, 1155 00:56:33,410 --> 00:56:37,970 et vous pouvez positionner choses en fonction des tailles relatives 1156 00:56:37,970 --> 00:56:40,420 par rapport à la taille absolue. 1157 00:56:40,420 --> 00:56:44,920 Et qui est évidemment plus avancé CSS, mais qui est quelque chose que vous pouvez faire. 1158 00:56:44,920 --> 00:56:47,390 Si vous voulez apprendre plus, venez à mon séminaire. 1159 00:56:47,390 --> 00:56:50,540 >> Voilà donc quelque chose que vous pouvez faire. 1160 00:56:50,540 --> 00:56:54,450 Et CSS peut effectivement do-- CSS et JavaScript 1161 00:56:54,450 --> 00:56:58,790 que nous verrons dans la prochaine week-- peut vous permettre de modifier dynamiquement 1162 00:56:58,790 --> 00:57:02,160 pages sans avoir à les recharger tout le temps. 1163 00:57:02,160 --> 00:57:04,590 Et vous arrivez à faire un peu de trucs assez cool. 1164 00:57:04,590 --> 00:57:09,317 >> Donc, il ya une autre chose que vous les gars pourraient vouloir faire 1165 00:57:09,317 --> 00:57:10,650 ou tout ce que vous voulez explorer? 1166 00:57:10,650 --> 00:57:12,900 Nous avons 10 minutes. 1167 00:57:12,900 --> 00:57:19,010 Nous pouvons aussi partir plus tôt, mais si vous voulez faire un peu plus de choses web, 1168 00:57:19,010 --> 00:57:20,960 nous pouvons, mais je ne suis pas va vous forcer à. 1169 00:57:20,960 --> 00:57:23,510 Mais on peut aussi simplement manger des bonbons. 1170 00:57:23,510 --> 00:57:25,760 PUBLIC: Sélectionnez le texte blanc afin que vous puissiez le lire. 1171 00:57:25,760 --> 00:57:27,680 ALLISON BUCHHOLTZ-UA: OK. 1172 00:57:27,680 --> 00:57:33,389 Donc dans ce cas, nous voulons une certaine p. 1173 00:57:33,389 --> 00:57:36,305 PUBLIC: Devrions-nous le faire dans le corps, il applique donc à toute la page? 1174 00:57:36,305 --> 00:57:38,096 ALLISON BUCHHOLTZ-UA: Oui, nous pouvons. 1175 00:57:38,096 --> 00:57:40,880 Voilà une bonne idée. 1176 00:57:40,880 --> 00:57:43,420 Donc, nous vous faisons have-- savons ce que nous devrions être? 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 Je ne sais pas si nous pouvons faire la couleur du texte. 1179 00:57:50,260 --> 00:57:54,946 Je vais essayer et créer une autre classe ici. 1180 00:57:54,946 --> 00:57:58,394 >> Public: Comment obtenez-vous si qu'il dispose des suggestions? 1181 00:57:58,394 --> 00:58:00,560 ALLISON BUCHHOLTZ-UA: Donc, si vous les gars sont intéressés, 1182 00:58:00,560 --> 00:58:03,480 ceci est un autre texte éditeur appelé Sublime. 1183 00:58:03,480 --> 00:58:07,180 Vous devriez être capable de l'installer sur votre appareil. 1184 00:58:07,180 --> 00:58:08,659 Parfois, il devient un peu difficile. 1185 00:58:08,659 --> 00:58:10,950 Si vous voulez aider, Je suis super heureux de vous aider 1186 00:58:10,950 --> 00:58:14,720 avec elle, parce que gedit est grande et il est génial parce que vous pouvez compiler 1187 00:58:14,720 --> 00:58:17,790 sur le fond, mais je vraiment comme Sublime, car il est assez 1188 00:58:17,790 --> 00:58:19,498 et il ne faire les choses comme l'auto-complétion. 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> Ainsi, vous pouvez certainement sentir libre de laissez-moi savoir si vous voulez le faire. 1191 00:58:26,890 --> 00:58:28,940 Si vous venez de Google "Sublime texte, "il généralement 1192 00:58:28,940 --> 00:58:32,860 a des instructions sur la façon d'installer sur différents systèmes d'exploitation. 1193 00:58:32,860 --> 00:58:37,590 Il est vraiment cool, je penser, à mon avis. 1194 00:58:37,590 --> 00:58:38,355 Ainsi, p. 1195 00:58:38,355 --> 00:58:45,616 Je pense que je peux faire ou text-- nous pouvons juste faire couleur est «blanc». 1196 00:58:45,616 --> 00:58:47,050 Là. 1197 00:58:47,050 --> 00:58:50,770 >> Donc, ce que je faisais ici est que je ne pas changer tout le texte. 1198 00:58:50,770 --> 00:58:54,040 Mais p est seulement un tag que nous avons, non? 1199 00:58:54,040 --> 00:58:55,450 Cette balise de paragraphe. 1200 00:58:55,450 --> 00:59:00,380 Donc, je viens de créer un élément de CSS dit, OK, rien de ce tag 1201 00:59:00,380 --> 00:59:02,510 p, faire ressortir le blanc. 1202 00:59:02,510 --> 00:59:05,690 >> Donc, si vous avez remarqué, il fait ce blanc et ce blanc. 1203 00:59:05,690 --> 00:59:09,100 Il n'a pas fait notre liste blanche parce que il est pas associé à cela. 1204 00:59:09,100 --> 00:59:11,180 Vous pouvez aller à travers et vous pouvez say-- 1205 00:59:11,180 --> 00:59:11,860 >> Public: Avez-couleur de fond. 1206 00:59:11,860 --> 00:59:12,660 >> ALLISON BUCHHOLTZ-UA: Couleur de fond? 1207 00:59:12,660 --> 00:59:15,660 >> PUBLIC: Contexte de tuyau en couleur où vous mettez la balise p. 1208 00:59:15,660 --> 00:59:16,701 >> ALLISON BUCHHOLTZ-UA: OK. 1209 00:59:16,701 --> 00:59:21,980 1210 00:59:21,980 --> 00:59:22,804 Vous voulez blanc? 1211 00:59:22,804 --> 00:59:23,470 PUBLIC: Mmhmm. 1212 00:59:23,470 --> 00:59:25,070 ALLISON BUCHHOLTZ-UA: OK. 1213 00:59:25,070 --> 00:59:26,342 Là vous allez. 1214 00:59:26,342 --> 00:59:27,300 Public: Ce est bizarre. 1215 00:59:27,300 --> 00:59:29,190 ALLISON BUCHHOLTZ-UA: Plutôt cool, non? 1216 00:59:29,190 --> 00:59:31,640 Donc, si vous venez de perdre son temps, vous allez apprendre beaucoup de choses. 1217 00:59:31,640 --> 00:59:34,720 Et il peut être assez cool. 1218 00:59:34,720 --> 00:59:37,312 Je pense qu'il est certainement plus gratifiant que parfois 1219 00:59:37,312 --> 00:59:39,770 parce que vous ne devez pas attendre pour votre programme à compiler. 1220 00:59:39,770 --> 00:59:41,895 Vous pouvez juste frapper Actualiser et vous êtes comme, oh, regardez, 1221 00:59:41,895 --> 00:59:44,276 il a travaillé, ou oh, je suis probablement manquer quelque chose. 1222 00:59:44,276 --> 00:59:47,359 Et ce quelque chose qui est vraiment cool sur cette prochaine partie de la classe, 1223 00:59:47,359 --> 00:59:49,250 est il est certainement, je les pensées, les plus faciles à vérifier 1224 00:59:49,250 --> 00:59:52,640 comme vous allez le long du chemin par rapport à avoir à écrire ces programmes longs 1225 00:59:52,640 --> 00:59:57,830 et qui souhaitent et prier qu'il fonctionne à la fin. 1226 00:59:57,830 --> 01:00:01,960 >> Donc, avec cela, je pense que vous les gars semblez tous bien. 1227 01:00:01,960 --> 01:00:05,360 Si vous avez des questions, comme toujours, venir me parler, viens me le faire savoir. 1228 01:00:05,360 --> 01:00:08,180 Je serai juste à l'extérieur pour les 15 prochaines minutes 1229 01:00:08,180 --> 01:00:11,340 si vous souhaitez discuter de rien et tout. 1230 01:00:11,340 --> 01:00:13,530 >> Je vous souhaite donc guys-- bonne chance avec ce jeu de processeurs. 1231 01:00:13,530 --> 01:00:18,150 La date limite est le vendredi à midi parce qu'il a été publié à la fin. 1232 01:00:18,150 --> 01:00:21,220 Je vais donc probablement verrais Beaucoup d'entre vous les gars, le jeudi, 1233 01:00:21,220 --> 01:00:21,970 mais heureusement pas. 1234 01:00:21,970 --> 01:00:23,386 Peut-être que vous l'avez fait d'ici là. 1235 01:00:23,386 --> 01:00:24,440 Je serais super fier. 1236 01:00:24,440 --> 01:00:26,410 >> Mais sinon, je vais vous voir jeudi. 1237 01:00:26,410 --> 01:00:30,030 Vous pouvez également utiliser une date tardive, qui l'étend au samedi à midi. 1238 01:00:30,030 --> 01:00:31,730 Mais je don't-- hein? 1239 01:00:31,730 --> 01:00:32,580 >> PUBLIC: Halloween. 1240 01:00:32,580 --> 01:00:34,538 >> ALLISON BUCHHOLTZ-UA: Il est l'Halloween, a et b, 1241 01:00:34,538 --> 01:00:37,050 Je ne pense pas qu'il y aura être des heures de bureau le vendredi. 1242 01:00:37,050 --> 01:00:40,920 Alors, vraiment ne pas essayer et obtenir fait par Vendredi afin que nous puissions tous célébrer 1243 01:00:40,920 --> 01:00:42,010 Week-end Hallow. 1244 01:00:42,010 --> 01:00:44,670 Très bien, je vous vois la semaine prochaine. 1245 01:00:44,670 --> 01:00:45,888