1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [Музика, яка грає] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 Аллісон Бухгольц-AU: Гаразд, все. 5 00:00:12,540 --> 00:00:13,860 Ласкаво просимо в розділ. 6 00:00:13,860 --> 00:00:19,559 Таким чином, наш порядок денний на сьогодні збирається над набагато більш веб-Dev речі. 7 00:00:19,559 --> 00:00:21,600 Я не знаю, скільки з Ви бачили ваші psets 8 00:00:21,600 --> 00:00:24,414 так як він був випущений сьогодні вранці. 9 00:00:24,414 --> 00:00:26,330 Я б, як, скільки люди читали специфікацію, 10 00:00:26,330 --> 00:00:29,910 але бачачи, як у вас було все з, як, 7:00, щоб дивитися на нього 11 00:00:29,910 --> 00:00:31,910 і це понеділок і Ви, напевно, був клас, 12 00:00:31,910 --> 00:00:34,160 Я буду вважати, що більшість з вас не мають. 13 00:00:34,160 --> 00:00:37,170 Якщо у вас є, додаткові престижність. 14 00:00:37,170 --> 00:00:39,400 >> Ви в основному допомагає реалізувати простий веб 15 00:00:39,400 --> 00:00:43,270 Сервер в C, який є новим PSET, так ви, хлопці, отримаєте бути морських свинок. 16 00:00:43,270 --> 00:00:49,730 Це буде весело, дикий тижня але я думаю, це буде дуже весело 17 00:00:49,730 --> 00:00:52,260 і це буде дійсно хороший досвід насправді. 18 00:00:52,260 --> 00:00:54,920 Таким чином, щоб підготувати вас до що, в розділі сьогодні, 19 00:00:54,920 --> 00:01:00,940 ми збираємося піти CHMOD, TCP / IP, і Потім трохи HTML і CSS. 20 00:01:00,940 --> 00:01:05,080 >> Зрештою, ми будемо насправді код до простого веб-сторінки разом 21 00:01:05,080 --> 00:01:09,042 щоб допомогти вам, хлопці, отримаєте вид більш ознайомилися з цим. 22 00:01:09,042 --> 00:01:11,750 І потім, якщо ви не підібрали Ваші вікторини, вони попереду, 23 00:01:11,750 --> 00:01:14,890 але я впевнений, що кожен тут має свою вікторину. 24 00:01:14,890 --> 00:01:17,880 А також на цій ноті, рішення не до ще, 25 00:01:17,880 --> 00:01:21,490 але як тільки ми finish-- подобається, Останні кілька людей, котрі беруть їх quizzes-- 26 00:01:21,490 --> 00:01:22,280 вони будуть до. 27 00:01:22,280 --> 00:01:24,630 Якщо у вас є які-небудь питання тим часом, 28 00:01:24,630 --> 00:01:26,240 не соромтеся, пишіть мені особисто. 29 00:01:26,240 --> 00:01:30,700 Я відповім з вашої особистості питання, як я завжди роблю. 30 00:01:30,700 --> 00:01:33,890 >> Так на цій ноті, CHMOD. 31 00:01:33,890 --> 00:01:36,390 Тому в основному все, що ви потрібно знати про CHMOD 32 00:01:36,390 --> 00:01:39,620 є те, що він використовується для зміни права доступу до файлів, чи не так? 33 00:01:39,620 --> 00:01:44,050 Так що це тільки деякі системи називають її в змінити права доступу, як тут кажуть. 34 00:01:44,050 --> 00:01:48,540 І якщо ви коли-небудь хотіли бачити які права має файл, 35 00:01:48,540 --> 00:01:52,240 замість того, щоб просто робити Ls, ви могли б зробити Ls -l. 36 00:01:52,240 --> 00:01:54,010 л варто довго. 37 00:01:54,010 --> 00:01:56,460 >> Таким чином, ви будете робити довгі списки все, і це 38 00:01:56,460 --> 00:02:02,080 дасть вам набагато більш докладний Інформація про кожного з ваших файлів. 39 00:02:02,080 --> 00:02:05,540 І ви побачите, something-- Я збираюся пропустити вперед для second-- 40 00:02:05,540 --> 00:02:08,910 але ви побачите щось схоже на що верхня лінія є для кожного файлу. 41 00:02:08,910 --> 00:02:11,560 І ми підемо через що це означає. 42 00:02:11,560 --> 00:02:15,260 >> Так в основному, для зміни Ваші права доступу до файлів, 43 00:02:15,260 --> 00:02:16,850 Ви просто хочете використовувати CHMOD. 44 00:02:16,850 --> 00:02:23,620 Ви можете думати про це, як і будь-який інший UNIX називають як Ls або компакт-диска або ще багато чого. 45 00:02:23,620 --> 00:02:25,540 Це просто якась іншим, як виклик. 46 00:02:25,540 --> 00:02:30,530 >> Так ми робимо CHMOD, а потім ми будемо є три цифри типово. 47 00:02:30,530 --> 00:02:33,570 Є пара способів зробити це, один з яких ми обговоримо. 48 00:02:33,570 --> 00:02:37,650 Але, як правило, ви будете мати три цифри в діапазоні від 0 до 7 щоразу. 49 00:02:37,650 --> 00:02:43,530 >> Так що, одне те, що є три різних дозволів 50 00:02:43,530 --> 00:02:45,510 що ми можемо дати кожен файл. 51 00:02:45,510 --> 00:02:49,480 І це читається, що представлений г, який буде мати сенс 52 00:02:49,480 --> 00:02:54,020 в небагато; W, який запису; і виконуваний, яка є х. 53 00:02:54,020 --> 00:02:57,630 Я знаю, що електронна один, виконуваний, можливо, не самий сенс, але ми 54 00:02:57,630 --> 00:02:59,120 представляють його з х. 55 00:02:59,120 --> 00:03:05,290 >> І тоді відбувається те, кожен з них Також має місце уявлення чисел. 56 00:03:05,290 --> 00:03:07,990 Тому у нас є 1, 2, і 4. 57 00:03:07,990 --> 00:03:12,060 І в основному те, що відбувається, кожен з цих трьох чисел 58 00:03:12,060 --> 00:03:17,380 тут відповідає другий набір користувачів 59 00:03:17,380 --> 00:03:19,420 що ці права відносяться к. 60 00:03:19,420 --> 00:03:24,820 >> Таким чином, ви можете думати про те, що перший число відповідає фактичному користувачеві 61 00:03:24,820 --> 00:03:29,360 або власник файлу, друга кількість буде відповідати групі, 62 00:03:29,360 --> 00:03:33,590 а останній відноситься в світі, ОК? 63 00:03:33,590 --> 00:03:39,995 Так що ж відбувається пам'ятати ті, numbers-- R 4, W = 2, 64 00:03:39,995 --> 00:03:42,550 х 1, чи не так? 65 00:03:42,550 --> 00:03:46,630 This-- якщо ви підвести їх вгору, що дає вам, що перше число 66 00:03:46,630 --> 00:03:48,600 що ми могли б вхід в наш CHMOD. 67 00:03:48,600 --> 00:03:52,191 >> Таким чином, в цьому випадку, те, що б це число може бути? 68 00:03:52,191 --> 00:03:57,030 Це було б 4 плюс 2 плюс 1, яка знаходиться в 7, чи не так? 69 00:03:57,030 --> 00:03:59,250 І в цьому випадку, ці немає нічого, 70 00:03:59,250 --> 00:04:06,450 так що це прямо тут би перевести на CHMOD 700, ОК? 71 00:04:06,450 --> 00:04:12,030 А що, що робить це надає всі з цих дозволів у вашій користувачем. 72 00:04:12,030 --> 00:04:14,400 >> Таким чином, це означає, що наші користувачеві може робити все, що вони хочуть. 73 00:04:14,400 --> 00:04:15,400 Вони можуть читати цей файл. 74 00:04:15,400 --> 00:04:16,810 Вони можуть виконати цей файл. 75 00:04:16,810 --> 00:04:18,360 Вони можуть записати в цей файл. 76 00:04:18,360 --> 00:04:23,545 Але група і мир, немає Дозволи б то не було, добре? 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> Так ще один спосіб написати що, ми можемо зробити CHMOD з трьох цифр, кожна з яких 79 00:04:32,680 --> 00:04:40,040 відповідає якій сумі чи що Певна група є, конкретних підмножина. 80 00:04:40,040 --> 00:04:44,870 Або ми можемо зробити насправді інше. 81 00:04:44,870 --> 00:04:45,590 Утримувати. 82 00:04:45,590 --> 00:04:49,330 Ми можемо щось зробити з цим тут. 83 00:04:49,330 --> 00:04:55,615 >> Як багато з вас бачили приклад де це було, як в Chmod плюс х? 84 00:04:55,615 --> 00:04:58,070 Ви бачили, що в лекції, я думаю? 85 00:04:58,070 --> 00:05:00,610 Так виступає за все. 86 00:05:00,610 --> 00:05:04,990 Це означає дати його всім користувачам, які я забув поставити тут. 87 00:05:04,990 --> 00:05:08,790 >> Але плюс х, якщо ми помітити тут, якщо ми робимо 88 00:05:08,790 --> 00:05:13,420 в chmod-- що група ми говорити про плюс дозволів 89 00:05:13,420 --> 00:05:14,660 ми хочемо дати їм. 90 00:05:14,660 --> 00:05:16,120 Так що це може бути плюс або мінус. 91 00:05:16,120 --> 00:05:17,690 Плюс додає дозвіл. 92 00:05:17,690 --> 00:05:19,510 Мінус віднімає дозвіл. 93 00:05:19,510 --> 00:05:22,520 Досить інтуїтивно, я думаю. 94 00:05:22,520 --> 00:05:25,720 >> Так плюс х означає CHMOD. 95 00:05:25,720 --> 00:05:32,260 Так змінити права всіх людей Якщо це A-- дозволу додати. 96 00:05:32,260 --> 00:05:37,110 І x-- що означає, що такий дозвіл ми надання всіх. 97 00:05:37,110 --> 00:05:38,510 Читати, писати, або виконати? 98 00:05:38,510 --> 00:05:39,360 >> АУДИТОРІЯ: Виконати. 99 00:05:39,360 --> 00:05:40,610 >> Аллісон Бухгольц-AU: Виконати. 100 00:05:40,610 --> 00:05:46,080 Таким чином, ми даємо всім користувачам дозвіл на виконання цього файлу, ОК? 101 00:05:46,080 --> 00:05:53,370 Так що, якщо ми хотіли зробити що з числовій формі? 102 00:05:53,370 --> 00:05:56,290 Так що пам'ятайте з числовим, ми хочемо три числа. 103 00:05:56,290 --> 00:05:56,790 >> АУДИТОРІЯ: 4. 104 00:05:56,790 --> 00:05:58,290 Аллісон Бухгольц-AU: Що це було? 105 00:05:58,290 --> 00:05:59,260 АУДИТОРІЯ: 4. 106 00:05:59,260 --> 00:06:00,426 Аллісон Бухгольц-AU: Чи не 4. 107 00:06:00,426 --> 00:06:01,599 АУДИТОРІЯ: 0, 0, 4. 108 00:06:01,599 --> 00:06:04,390 Аллісон Бухгольц-AU: Ну, ми хочемо дати його всім користувачам, чи не так? 109 00:06:04,390 --> 00:06:07,442 Таким чином, ми будемо мати число в кожному слоті. 110 00:06:07,442 --> 00:06:09,400 Це буде така ж кількість в кожному слоті 111 00:06:09,400 --> 00:06:13,800 бо ми просто хочемо дати Кожен виконувані дозволів. 112 00:06:13,800 --> 00:06:16,480 Так виконуваний одно 1, але на правильному шляху. 113 00:06:16,480 --> 00:06:23,055 >> Так що, якщо ми CHMOD 111, що б бути еквівалентом CHMOD плюс х. 114 00:06:23,055 --> 00:06:24,430 Чи має це сенс для всіх? 115 00:06:24,430 --> 00:06:26,910 Ми збираємося пройти через пара прикладів. 116 00:06:26,910 --> 00:06:29,860 >> Так великий винос от не тут, 117 00:06:29,860 --> 00:06:33,360 але просто означає дати його всім користувачам. 118 00:06:33,360 --> 00:06:36,610 у, якщо ви просто хочете дати або відняти 119 00:06:36,610 --> 00:06:40,600 спеціального дозволу від користувач або власник. 120 00:06:40,600 --> 00:06:43,800 г є для групи, так що середній розряд. 121 00:06:43,800 --> 00:06:49,440 А потім інші, ви можете думати про як світ, то останньою цифрою. 122 00:06:49,440 --> 00:06:52,840 >> Так з цим, ми підемо наприклад, бо я відчуваю, що приклади завжди 123 00:06:52,840 --> 00:06:56,240 зробити ці речі простіше для розуміння. 124 00:06:56,240 --> 00:07:01,240 Так rwx-- ми пройшли this-- також може бути представляти як 700. 125 00:07:01,240 --> 00:07:05,070 Ось приклад, який ми дивилися на більшій частині зображення. 126 00:07:05,070 --> 00:07:09,990 Так CHMOD 444 на деякому файлі дасть якісь дозволи? 127 00:07:09,990 --> 00:07:11,947 Ви були дуже близькі. 128 00:07:11,947 --> 00:07:13,030 АУДИТОРІЯ: Readable для всіх. 129 00:07:13,030 --> 00:07:14,321 Аллісон Бухгольц-AU: Readable. 130 00:07:14,321 --> 00:07:15,660 Так читаним для всіх, чи не так? 131 00:07:15,660 --> 00:07:17,910 І тоді те, що ще один спосіб зробити це? 132 00:07:17,910 --> 00:07:23,070 Якщо ми хочемо зробити CHMOD або з R, або ж-х, плюс і мінуси, 133 00:07:23,070 --> 00:07:25,300 що б що виклик виглядає? 134 00:07:25,300 --> 00:07:27,336 Це буде CHMOD що? 135 00:07:27,336 --> 00:07:28,590 >> АУДИТОРІЯ: плюс т. 136 00:07:28,590 --> 00:07:32,900 >> Аллісон Бухгольц-AU: плюс г на 5. 137 00:07:32,900 --> 00:07:40,980 ОК, так що це те ж саме, це, просто два різних перекладів 138 00:07:40,980 --> 00:07:42,500 про те ж. 139 00:07:42,500 --> 00:07:45,650 Так з цим, у нас є ці. 140 00:07:45,650 --> 00:07:50,310 Тому я хочу, щоб ви, хлопці, щоб спробувати написати такого роду в їх зворотному шляху. 141 00:07:50,310 --> 00:07:53,710 >> Так з CHMOD 555, що б це було схоже? 142 00:07:53,710 --> 00:07:56,704 Чи буде це плюс чи U плюс або ще багато чого? 143 00:07:56,704 --> 00:07:58,370 Для і плюс х, дайте мені три числа. 144 00:07:58,370 --> 00:08:03,530 А потім скажіть мені, про що дозволів ми насправді надання і хто? 145 00:08:03,530 --> 00:08:06,600 >> Тому я дам вам, хлопці два хвилин, щоб працювати над цим. 146 00:08:06,600 --> 00:08:08,160 Не соромтеся говорити один з одним. 147 00:08:08,160 --> 00:08:11,910 Для тих з вас, хто прийшов в маленький пізно, їсти цукерки і футболки. 148 00:08:11,910 --> 00:08:14,590 Ми три сорочки зліва, і у нас є комплект Кац і спалаху зореутворення. 149 00:08:14,590 --> 00:08:17,630 Так що не соромтеся прийти захоплення деякі в цій маленькій інтерлюдії. 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> Крім того, останній з яких є хитрим. 152 00:09:04,440 --> 00:09:06,670 Це два chmods для останнього. 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 Насправді, дозвольте мені закрити ці двері в той час як ви, хлопці, працюєте на що. 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 Candy завжди необхідно в понеділок вдень. 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> Отже, CHMOD 555. 159 00:09:34,756 --> 00:09:36,380 Що-іншому можна було б написати, що? 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 Будь-які ідеї? 162 00:09:41,790 --> 00:09:42,290 Так. 163 00:09:42,290 --> 00:09:43,280 >> АУДИТОРІЯ: плюс RX. 164 00:09:43,280 --> 00:09:44,613 >> Аллісон Бухгольц-AU: г плюс RX. 165 00:09:44,613 --> 00:09:47,290 Ви хочете, щоб пояснити, чому він був би гх ли? 166 00:09:47,290 --> 00:09:49,570 >> АУДИТОРІЯ: Тому що у вас є 5, так що це 4 плюс 1, 167 00:09:49,570 --> 00:09:51,734 так що читав плюс виконуваний, і це для всіх. 168 00:09:51,734 --> 00:09:52,900 Аллісон Бухгольц-AU: справа. 169 00:09:52,900 --> 00:09:58,540 Так просто, щоб повторити, 5 тут ми знаємо, як сума 4 і 1, 170 00:09:58,540 --> 00:10:04,760 бо кожен номер в нашій тріо сума дозволів на цій підгрупі, 171 00:10:04,760 --> 00:10:05,260 чи не так? 172 00:10:05,260 --> 00:10:07,070 Або користувач, група, або мир. 173 00:10:07,070 --> 00:10:11,160 Таким чином, в даному випадку, ми знаємо, що 5 повинен бути сформований 4 і 1. 174 00:10:11,160 --> 00:10:15,240 >> І 4 і 1 відповідають читання і виконання. 175 00:10:15,240 --> 00:10:21,717 Ми даємо його всім, так що ми можемо зробити CHMOD плюс RX. 176 00:10:21,717 --> 00:10:24,050 І очевидно, що ми просто пішли через питання там, 177 00:10:24,050 --> 00:10:28,810 так що тепер цей файл є виконуваним і читаним для всіх. 178 00:10:28,810 --> 00:10:31,120 >> Так що про другий? 179 00:10:31,120 --> 00:10:32,900 Що може кількість для цього одного буде? 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 Будь-які ідеї? 182 00:10:37,180 --> 00:10:37,680 Продовжуй. 183 00:10:37,680 --> 00:10:38,600 >> АУДИТОРІЯ: 100 [нерозбірливо]. 184 00:10:38,600 --> 00:10:39,683 >> Аллісон Бухгольц-AU: 100. 185 00:10:39,683 --> 00:10:40,270 Точно. 186 00:10:40,270 --> 00:10:42,455 Так що ви хочете пояснити, чому 100? 187 00:10:42,455 --> 00:10:45,080 АУДИТОРІЯ: Тому що це для Користувач, таким чином, це в першу позицію. 188 00:10:45,080 --> 00:10:47,371 І тоді х виконуваного 1. 189 00:10:47,371 --> 00:10:48,620 Аллісон Бухгольц-AU: Абсолютно вірно. 190 00:10:48,620 --> 00:10:53,120 Таким чином, ми наданні виконуваний Дозволи просто користувачем. 191 00:10:53,120 --> 00:10:55,100 Таким чином, в цьому випадку, це буде 100. 192 00:10:55,100 --> 00:10:57,570 І у мене є відповіді на всі питання на наступному слайді в разі 193 00:10:57,570 --> 00:11:00,060 Ви пишете багато речей вниз. 194 00:11:00,060 --> 00:11:08,410 >> ОК, так що це наступний фактично зроблено з двома chmods, ви могли б зробити це. 195 00:11:08,410 --> 00:11:11,120 Так хто-небудь є будь-яка ідея, як можна 196 00:11:11,120 --> 00:11:14,150 отримати CHMOD 640 переписані по-іншому? 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 Ви можете змінити користувача, а потім Ви можете змінити група моя натяк. 199 00:11:22,820 --> 00:11:29,740 >> Так що, якщо ми просто міняється Користувач, який цього перший тут, 200 00:11:29,740 --> 00:11:33,830 що може наш заклик бути? 201 00:11:33,830 --> 00:11:36,080 Так користувач і, чи не так? 202 00:11:36,080 --> 00:11:38,780 Так CHMOD U плюс те, що? 203 00:11:38,780 --> 00:11:39,280 Mmhmm? 204 00:11:39,280 --> 00:11:40,469 >> АУДИТОРІЯ: RW. 205 00:11:40,469 --> 00:11:41,510 Аллісон Бухгольц-AU: RW. 206 00:11:41,510 --> 00:11:47,470 Право, для читання і запису, тому що читання 4, W = 2, тим, сума разом, як 6. 207 00:11:47,470 --> 00:11:52,760 Таким чином, ми отримуємо CHMOD у плюс RW, і ми отримуємо наш перший 6 там. 208 00:11:52,760 --> 00:11:56,860 >> Отже, щоб отримати 4, тепер ми хочемо, змінити наші параметри групи. 209 00:11:56,860 --> 00:12:00,960 Так що ми збираємося робити CHMOD г плюс що? 210 00:12:00,960 --> 00:12:02,380 Що 4? 211 00:12:02,380 --> 00:12:03,040 >> АУДИТОРІЯ: м 212 00:12:03,040 --> 00:12:04,040 Аллісон Бухгольц-AU: м 213 00:12:04,040 --> 00:12:05,070 Точно. 214 00:12:05,070 --> 00:12:09,140 Таким чином, ми даємо власнику читати і писати дозволів 215 00:12:09,140 --> 00:12:13,141 і ми даємо групі Розпізнати Дозволи, які у нас є всі тут. 216 00:12:13,141 --> 00:12:13,640 Mmhmm? 217 00:12:13,640 --> 00:12:17,740 >> АУДИТОРІЯ: Якщо ви можете написати щось, це означає, ви можете запустити його? 218 00:12:17,740 --> 00:12:20,700 >> Аллісон Бухгольц-AU: Ви можете написати в something-- 219 00:12:20,700 --> 00:12:22,900 Я не вірю, що це означає, що ви можете виконати його. 220 00:12:22,900 --> 00:12:25,951 221 00:12:25,951 --> 00:12:26,450 Прохолодний. 222 00:12:26,450 --> 00:12:29,620 Так що все, що ми тільки що пройшов через. 223 00:12:29,620 --> 00:12:33,075 Так на цій наступної, це тільки почасти загальні випадки 224 00:12:33,075 --> 00:12:35,200 що ви хочете зберегти в розум для ваша проблема встановити. 225 00:12:35,200 --> 00:12:39,800 Вони, як правило дозволів що ми хотіли використовувати. 226 00:12:39,800 --> 00:12:44,900 >> Таким чином, для 711, що дає нам, звичайно, користувач 227 00:12:44,900 --> 00:12:47,720 всі дозволи, які прагне осмислити. 228 00:12:47,720 --> 00:12:51,920 А потім це виконувані група в світі, який має сенс 229 00:12:51,920 --> 00:12:56,150 якщо у вас є каталог, ви хочуть, щоб мати можливість пройти в нього. 230 00:12:56,150 --> 00:12:58,160 Люди повинні мати доступ. 231 00:12:58,160 --> 00:13:04,680 >> Для будь-якого НЕ-PHP-файл, який ви збираєтеся використовувати 644, який буде робити те, що? 232 00:13:04,680 --> 00:13:07,560 Що це означає, або те, що Дозволи чи дає це? 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 Так власник може які? 235 00:13:14,409 --> 00:13:15,450 АУДИТОРІЯ: Читання і запис. 236 00:13:15,450 --> 00:13:16,991 Аллісон Бухгольц-AU: Читання і запис. 237 00:13:16,991 --> 00:13:21,560 А потім група та інші може просто читати, чи не так? 238 00:13:21,560 --> 00:13:25,660 А потім CHMOD 600 для будь-якого PHP файли, які ви використовуєте, 239 00:13:25,660 --> 00:13:27,980 Ваш господар, знову ж таки, може читати і писати до них 240 00:13:27,980 --> 00:13:32,310 але всі інші тільки почасти перекриті. 241 00:13:32,310 --> 00:13:34,540 >> Так що це буде насправді бути більш корисним, коли 242 00:13:34,540 --> 00:13:37,700 Ви отримуєте на свій проблеми встановити на наступному тижні, де 243 00:13:37,700 --> 00:13:40,290 ви насправді створення веб-сайту. 244 00:13:40,290 --> 00:13:43,100 Так що, якщо ви коли-небудь зіткнетеся з якісь дивні проблеми 245 00:13:43,100 --> 00:13:45,970 де він не завантажується правильно, може бути, вам 246 00:13:45,970 --> 00:13:50,670 потрібно додати виконуваний дозвіл, або, може бути, вам потрібен читання 247 00:13:50,670 --> 00:13:52,990 або написати дозвіл. 248 00:13:52,990 --> 00:13:56,980 Дрібниці, які мають тенденцію до поїздки людей вгору, але це ніби як йти до 249 00:13:56,980 --> 00:13:58,564 при запуску PSET на наступному тижні. 250 00:13:58,564 --> 00:14:00,730 І я хотів би дати вам більш натяки на PSET на цьому тижні, 251 00:14:00,730 --> 00:14:05,010 але я до сих пір дивлюся на нього, так як він був випущений сьогодні вранці. 252 00:14:05,010 --> 00:14:10,600 Але ви напишіть мені, я буду подивився у нього до того часу, я відповім завтра. 253 00:14:10,600 --> 00:14:14,310 >> Так що тепер, це все добре з CHMOD? 254 00:14:14,310 --> 00:14:16,040 Будь-які зберігаються питання? 255 00:14:16,040 --> 00:14:17,240 Досить просто. 256 00:14:17,240 --> 00:14:20,620 Просто вид відстеження того, що читати, писати і виконувати цифри 257 00:14:20,620 --> 00:14:23,660 Ймовірно, найскладніша частина. 258 00:14:23,660 --> 00:14:29,620 >> Так з TCP / IP, всі ці протоколи, ніби як зі своїми структурами даних 259 00:14:29,620 --> 00:14:31,990 минулого тижня, це набагато більше, Важливо отримати вид 260 00:14:31,990 --> 00:14:33,900 більш високий рівень інтуїції з них. 261 00:14:33,900 --> 00:14:37,390 Це не CS143, куди ми йдемо попросити вас реалізувати мережу, 262 00:14:37,390 --> 00:14:39,870 так вам буде добре, якщо ви не розумієте, 263 00:14:39,870 --> 00:14:42,900 вошивий піщаний з усіх протоколів. 264 00:14:42,900 --> 00:14:46,050 Що важливо зрозуміти, ніби як те, що вони представляють 265 00:14:46,050 --> 00:14:47,300 і чому вони важливі. 266 00:14:47,300 --> 00:14:52,320 >> Так TCP / IP, звичайно, це Протокол управління передачею 267 00:14:52,320 --> 00:14:57,270 або інтернет-протоколу, який є в основному просто набір законів в основному 268 00:14:57,270 --> 00:15:00,800 або стандартів, які говорять дані як з ним слід звертатися, 269 00:15:00,800 --> 00:15:04,900 як це має бути пакетізірован, передаватися, і отримав. 270 00:15:04,900 --> 00:15:09,200 Так що в принципі, так само, як це говорить тут, збільшує шанси 271 00:15:09,200 --> 00:15:12,950 що дані отримує, де Ви хочете, щоб дістатися до. 272 00:15:12,950 --> 00:15:15,950 >> Я впевнений, що, якщо ви, хлопці, пішли Лекція або спостерігав його в Інтернеті, 273 00:15:15,950 --> 00:15:18,232 він has-- я не знаю якщо він зробив це в цьому році, 274 00:15:18,232 --> 00:15:20,940 але я знаю, в минулому році, він був демо, де він був зображений Робом 275 00:15:20,940 --> 00:15:23,320 і він розбити його на чотири і поклав його в конвертах 276 00:15:23,320 --> 00:15:26,590 і намагався донести його до людей Сандерс. 277 00:15:26,590 --> 00:15:29,430 І ви можете роду думати про це таким чином. 278 00:15:29,430 --> 00:15:35,400 Це просто набір правил, розповісти дані, як отримати де- 279 00:15:35,400 --> 00:15:37,640 і дозволяє дізнатися, якщо вам не вистачає даних, 280 00:15:37,640 --> 00:15:40,460 таким же чином, що, якщо ви приймаючи кілька сторінок заміток 281 00:15:40,460 --> 00:15:46,490 і ви маркувати їх з стр 104, стр 204, і ви повернетеся до вивчення пізніше 282 00:15:46,490 --> 00:15:50,220 і вам не вистачає something-- Ви не можете знайти сторінку 304-- ви знаєте 283 00:15:50,220 --> 00:15:53,310 щось не так, тому вам можете подивитися ваші замітки 284 00:15:53,310 --> 00:15:58,666 знову або попросити когось надіслати вас Лекція відзначає цей день. 285 00:15:58,666 --> 00:16:00,290 Так само, як з даними в Інтернеті. 286 00:16:00,290 --> 00:16:03,220 Якщо я прошу щось з якогось сервера 287 00:16:03,220 --> 00:16:05,377 і йому необхідно буде відправити це в кілька пакетів, 288 00:16:05,377 --> 00:16:07,210 ймовірно, буде номером це в якійсь мірі, нехай 289 00:16:07,210 --> 00:16:12,430 мені знати, скільки я мав отримати, і скажіть мені, о, це один з 10 290 00:16:12,430 --> 00:16:13,990 або це одна з 10000. 291 00:16:13,990 --> 00:16:17,030 Таким чином, коли я йду, щоб зібрати всі частини разом, 292 00:16:17,030 --> 00:16:21,504 Я знаю, якщо щось не вистачає і я можу попросити що знову. 293 00:16:21,504 --> 00:16:22,730 Чи має це сенс? 294 00:16:22,730 --> 00:16:23,610 Просто це набір правил. 295 00:16:23,610 --> 00:16:28,120 На його основі, набір правил, ОК? 296 00:16:28,120 --> 00:16:31,360 >> Таким чином, ми також говорили Трохи про порти. 297 00:16:31,360 --> 00:16:36,150 Це насправді просто стандарт, дозволяє дізнатися, який тип даних 298 00:16:36,150 --> 00:16:38,650 передається в цих пакетах. 299 00:16:38,650 --> 00:16:40,790 Якщо ми йдемо з нашим конверт приклад, ми не 300 00:16:40,790 --> 00:16:43,510 знаю, що це картина Роб там, якщо ми не писати 301 00:16:43,510 --> 00:16:45,480 на зовнішній стороні нашого конверта. 302 00:16:45,480 --> 00:16:47,100 Так порти в основному одне і те ж. 303 00:16:47,100 --> 00:16:51,670 Це просто спосіб з'ясувати, що тип даних передається. 304 00:16:51,670 --> 00:16:56,260 >> Тому у нас є всі Найбільш поширеними з них тут. 305 00:16:56,260 --> 00:16:59,790 Так 21-- це теж свого роду з як хороших речей, щоб знати. 306 00:16:59,790 --> 00:17:01,560 Це свого роду легкий питання вікторини. 307 00:17:01,560 --> 00:17:03,590 Будьте, як, що ж порт 80 зробити? 308 00:17:03,590 --> 00:17:06,970 Або, що ж порт 443 зробити? 309 00:17:06,970 --> 00:17:09,359 Так хороші речі знати. 310 00:17:09,359 --> 00:17:12,569 >> Таким чином, ми маємо тут, 21 файлів Протокол передачі, так що просто 311 00:17:12,569 --> 00:17:15,050 правила, що визначають передачу файлів. 312 00:17:15,050 --> 00:17:19,550 25, щось, що ми всі використовувати занадто багато, це електронна пошта. 313 00:17:19,550 --> 00:17:22,790 53 це доменне ім'я Система, яка є в основному 314 00:17:22,790 --> 00:17:26,910 просто свого роду пошуку для IP-адреса доменного імені. 315 00:17:26,910 --> 00:17:29,900 >> Так що я впевнений, що це було згадується в лекції, якщо вас 316 00:17:29,900 --> 00:17:33,960 перейти до чогось на зразок google.com, він має IP-адресу 317 00:17:33,960 --> 00:17:35,818 який пов'язаний з ним. 318 00:17:35,818 --> 00:17:37,026 Це насправді не google.com. 319 00:17:37,026 --> 00:17:40,720 І так 53 це порт що насправді відбувається 320 00:17:40,720 --> 00:17:44,050 догляд за виду переводячи його в цьому IP-адреса для вас. 321 00:17:44,050 --> 00:17:47,830 А потім 80 і 443 дуже поширені. 322 00:17:47,830 --> 00:17:50,710 Ви повинні або веб-сторінки або у вас є свій безпечний веб-сторінку, 323 00:17:50,710 --> 00:17:56,100 який багато веб-сторінок передачі по сей день. 324 00:17:56,100 --> 00:18:02,540 >> Так що начебто високий рівень Огляд протоколу передачі. 325 00:18:02,540 --> 00:18:05,170 Я не бачу набагато більше в глибину. 326 00:18:05,170 --> 00:18:07,320 Це свого роду цікавого матеріалу якщо ви зацікавлені. 327 00:18:07,320 --> 00:18:08,590 Там є багато ресурсів. 328 00:18:08,590 --> 00:18:10,780 Вікіпедія насправді досить хороший сторінка. 329 00:18:10,780 --> 00:18:13,850 Так що я дивився на нього просто деякий час назад, 330 00:18:13,850 --> 00:18:16,580 так що я дуже рекомендую дивлячись на нього, якщо ви зацікавлені 331 00:18:16,580 --> 00:18:22,160 або взяти 143 в два роки, бо Я думаю, що це раз на два роки. 332 00:18:22,160 --> 00:18:27,590 >> Так на кінець цього, ми говорити про веб-сторінок і HTTP, 333 00:18:27,590 --> 00:18:33,790 що насправді наша наступна тема для сьогодні, перш ніж іти в HTML і CSS 334 00:18:33,790 --> 00:18:37,920 і ви можете кодувати веб-сторінку. 335 00:18:37,920 --> 00:18:38,650 Це буде весело. 336 00:18:38,650 --> 00:18:42,220 Доведеться фотографії кролики і це буде здорово. 337 00:18:42,220 --> 00:18:48,630 >> Так HTTP, як ви можете бачити тут, є одним з прекрасних скорочень 338 00:18:48,630 --> 00:18:53,220 на цьому тижні, яка є Протокол передачі гіпертексту. 339 00:18:53,220 --> 00:18:57,940 Отже, ще раз, це просто інший набір правил, 340 00:18:57,940 --> 00:19:01,440 регулює гіпертекст передачі, в цьому випадку. 341 00:19:01,440 --> 00:19:04,120 Так найкращий спосіб дізнатися про це тільки частково 342 00:19:04,120 --> 00:19:07,650 щоб розбити його на ці окремі слова 343 00:19:07,650 --> 00:19:10,770 тому що є багато слова на екрані з'являється. 344 00:19:10,770 --> 00:19:13,290 >> Таким чином, ми збираємося почати з гіпертексту. 345 00:19:13,290 --> 00:19:17,630 Таким чином, "гіпер", ви можете думати про "Вище", як супер-річ типу. 346 00:19:17,630 --> 00:19:24,615 Так що це насправді просто текст, взятий в Наступний рівень, так що це як супер тексту, 347 00:19:24,615 --> 00:19:27,850 як наступний текст. 348 00:19:27,850 --> 00:19:34,890 Так що це в основному тільки Текст, який дає нам 349 00:19:34,890 --> 00:19:37,490 більше інформації, ніж звичайний текст робить, ОК? 350 00:19:37,490 --> 00:19:40,510 >> Так що в цьому випадку тут, це гіпертекст. 351 00:19:40,510 --> 00:19:45,710 Це говорить нам про те, що у нас є якийсь зв'язок, що ми збираємося, 352 00:19:45,710 --> 00:19:49,620 який cs50.net, які Тепер cs50.harvard.edu. 353 00:19:49,620 --> 00:19:51,420 Ці слайди трохи старі. 354 00:19:51,420 --> 00:19:55,330 І це буде відображатися це, як це, як гіперпосилання, 355 00:19:55,330 --> 00:19:58,140 а потім дійсно класний сайт. 356 00:19:58,140 --> 00:20:02,080 >> Так що це текст, який трохи Трохи дійсно класних речей в там. 357 00:20:02,080 --> 00:20:08,170 Таким чином, ви можете пов'язати речі, і ви можете вставляти зображення і ви можете стиль речі. 358 00:20:08,170 --> 00:20:11,740 І саме знайому справу, що вам Хлопці, напевно, з гіпертексту 359 00:20:11,740 --> 00:20:19,100 це мова гіпертекстової розмітки, HTML, що, звичайно, все в Інтернеті 360 00:20:19,100 --> 00:20:23,080 що ми бачимо навколо нас, експлуатацію з якою CSS стилю кинутого в. 361 00:20:23,080 --> 00:20:25,580 >> Але якщо хтось був дійсно великий з MySpace, 362 00:20:25,580 --> 00:20:28,240 Я впевнений, що ви всі б HTML весь час, щоб створити 363 00:20:28,240 --> 00:20:30,640 ці прекрасні профілі, чи не так? 364 00:20:30,640 --> 00:20:34,930 Я відчуваю, що це може бути застаріли посилання зараз, але все, що. 365 00:20:34,930 --> 00:20:37,780 Просто little-- ви, хлопці, ні, що набагато молодше. 366 00:20:37,780 --> 00:20:40,480 Деякі з вас старший за мене. 367 00:20:40,480 --> 00:20:42,480 MySpace і раніше справа, коли я був молодий. 368 00:20:42,480 --> 00:20:44,510 Я не настільки старий. 369 00:20:44,510 --> 00:20:49,265 >> У кожному разі, HTML просто форма гіпертексту. 370 00:20:49,265 --> 00:20:55,640 Так гіпертекст просто Текст з додатковими функціями. 371 00:20:55,640 --> 00:21:01,790 Так протокол передачі, ймовірно, більш сумнівним, що потрібно пояснити. 372 00:21:01,790 --> 00:21:04,870 Очевидно, transfer-- тільки передача даних. 373 00:21:04,870 --> 00:21:09,370 Так як між клієнтом, як Ваш веб-брат, і сервер. 374 00:21:09,370 --> 00:21:12,090 Так в основному просто спосіб інтернет працює. 375 00:21:12,090 --> 00:21:16,339 >> Так точної прохання як вони працюють, ми 376 00:21:16,339 --> 00:21:18,755 насправді відбувається, щоб подивитися на Приклад запиту і відповіді. 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 Але, як ми просимо Інформація з сервера 379 00:21:25,220 --> 00:21:30,590 і як сервер відповідає на нас що регулює цей протокол передачі. 380 00:21:30,590 --> 00:21:35,320 Так як запит і відповідь є слідувати цим певний набір правил. 381 00:21:35,320 --> 00:21:38,340 Це стандартизовані таким чином, що незалежно від того, де ви використовуєте Інтернет, 382 00:21:38,340 --> 00:21:40,720 він завжди працює так само, ОК? 383 00:21:40,720 --> 00:21:43,220 >> Знову ж, протокол, набір правил. 384 00:21:43,220 --> 00:21:45,620 Це просто нормальний взаємодія таким же чином, 385 00:21:45,620 --> 00:21:49,500 що професор Malan говорить про якщо хтось розширює свої сили, 386 00:21:49,500 --> 00:21:52,880 Ви знаєте, що це звичайна ввічливість до досягти твоє, і потиснути руку. 387 00:21:52,880 --> 00:21:54,580 Це протокол, чи не так? 388 00:21:54,580 --> 00:21:59,060 >> Так я даю деякий стандартизований запит, який я хочу потиснути вашу руку, 389 00:21:59,060 --> 00:22:01,975 а ти якийсь стандартизована Відповідь, що не є ні ні, дякую 390 00:22:01,975 --> 00:22:04,600 або ви могли б спробувати і качаю рука або, може бути, ви збираєтеся спробувати 391 00:22:04,600 --> 00:22:06,490 і кулак підняти мене. 392 00:22:06,490 --> 00:22:08,320 І ми не маємо протокол для цього. 393 00:22:08,320 --> 00:22:09,360 Це ламає. 394 00:22:09,360 --> 00:22:12,030 Але якщо всі слідують і той же протокол, звичайно, 395 00:22:12,030 --> 00:22:14,250 він йде набагато більш плавно. 396 00:22:14,250 --> 00:22:15,590 Люди впізнають один одного. 397 00:22:15,590 --> 00:22:16,830 Всі щасливі. 398 00:22:16,830 --> 00:22:20,750 >> Так в світі Інтернету, все з тієї ж rules-- 399 00:22:20,750 --> 00:22:22,940 трохи краще, ніж соціальних стандартів. 400 00:22:22,940 --> 00:22:26,950 Але з цим, ми будемо дивитися на прикладі запиту тут. 401 00:22:26,950 --> 00:22:30,020 Так що це трохи Ключовим моментом тут на дні 402 00:22:30,020 --> 00:22:34,990 що говорить вам різні кольори, що вони повинні мати на увазі. 403 00:22:34,990 --> 00:22:38,290 >> Так білий, як ваш метод Запит і протокол version-- 404 00:22:38,290 --> 00:22:42,400 так прохання метод, версія. 405 00:22:42,400 --> 00:22:44,630 І тоді це який- Ім'я поля і значення 406 00:22:44,630 --> 00:22:47,630 з цієї області, які ми будемо перейти в дуже, дуже скоро. 407 00:22:47,630 --> 00:22:49,840 Так що це приклад запиту. 408 00:22:49,840 --> 00:22:54,470 Це, як я розтікається, бажаючи представитися. 409 00:22:54,470 --> 00:22:58,507 >> Це те, що клієнт або те, що веб-браузер 410 00:22:58,507 --> 00:22:59,840 посилатиме на сервер. 411 00:22:59,840 --> 00:23:04,500 Так що це запит Get, так що просячи щось від сервера. 412 00:23:04,500 --> 00:23:09,690 І це, звичайно, HTTP і це версія 1.1. 413 00:23:09,690 --> 00:23:16,060 >> Так як інша частина це ось те, що ми називаємо Заголовок, і його додаткова інформація 414 00:23:16,060 --> 00:23:20,050 що дає нам краще уявлення про те, те, що ми насправді просять, 415 00:23:20,050 --> 00:23:23,190 або інформація, які ми хочемо дати сервер, який може мати відношення. 416 00:23:23,190 --> 00:23:32,880 Так User-Agent дає ще трохи Опис on-- наприклад, тут, 417 00:23:32,880 --> 00:23:38,720 локон / 7.24.0 насправді відбувається, щоб сказати сервер, що ми використовуємо Google 418 00:23:38,720 --> 00:23:40,700 Chrome, як наш браузер. 419 00:23:40,700 --> 00:23:43,290 Так що, якщо ви коли-небудь чули о люди, які кажуть 420 00:23:43,290 --> 00:23:48,160 про те, щоб додаток реагує в декількох браузерах, 421 00:23:48,160 --> 00:23:50,330 це те, що вони буде використовувати, тому що, якщо ви 422 00:23:50,330 --> 00:23:53,000 Не знаю, який браузер запит приходить від, 423 00:23:53,000 --> 00:23:55,050 Ви не можете пристосувати дані, що. 424 00:23:55,050 --> 00:23:57,690 Так, в даному випадку, користувач просто дає цей вид 425 00:23:57,690 --> 00:24:01,030 ідентифікуючої інформації про те, що браузер 426 00:24:01,030 --> 00:24:06,510 Ваш користувач в даний час з використанням, ОК? 427 00:24:06,510 --> 00:24:11,640 >> Отже у нас також є безліч, яке є де ми насправді бажаючи йти. 428 00:24:11,640 --> 00:24:15,280 В цьому випадку, ми хочемо поїхати в apple.com, купити деякі нові IPADS 429 00:24:15,280 --> 00:24:19,540 або щось, може бути, милий вогні на наших кімнатах гуртожитку. 430 00:24:19,540 --> 00:24:24,900 І ім'я значення наприкінці просто наповнювач, просто спільна справа 431 00:24:24,900 --> 00:24:25,760 для вас, хлопці, щоб побачити. 432 00:24:25,760 --> 00:24:28,240 Це насправді не відповідає ні тут. 433 00:24:28,240 --> 00:24:32,360 >> Таким чином, ви можете мати стільки ж або як мало, як ви хочете, в кожному конкретному випадку. 434 00:24:32,360 --> 00:24:36,990 Велику частину часу, вони не є обов'язковими. 435 00:24:36,990 --> 00:24:41,780 Це просто залежить від того, Вам потрібно з браузера, 436 00:24:41,780 --> 00:24:45,120 від вашого користувача в цілях правильно дати запит. 437 00:24:45,120 --> 00:24:48,970 Чи це залежить від того, який ваш користувач насправді хоче відмовитися на сервер. 438 00:24:48,970 --> 00:24:54,550 Таким чином, ви, можливо, багато, багато з цих імен полів заголовка 439 00:24:54,550 --> 00:24:57,140 або ви можете просто є пара. 440 00:24:57,140 --> 00:24:59,630 Як і в багатьох речах Я вже казав, у цьому розділі, 441 00:24:59,630 --> 00:25:03,590 це дійсно залежить від контексту про те, як ви використовуєте цей. 442 00:25:03,590 --> 00:25:06,810 >> Так само, що має сенс для всіх? 443 00:25:06,810 --> 00:25:11,463 Це просто приклад того, Запит, заголовки, ще багато чого. 444 00:25:11,463 --> 00:25:16,910 Отже, з цим, у нас є деякі відповідь. 445 00:25:16,910 --> 00:25:20,510 >> Знову ж, у нас є код стану, протокол версія, а потім ім'я поля і поля 446 00:25:20,510 --> 00:25:21,700 цінуєте як завжди. 447 00:25:21,700 --> 00:25:25,500 Так наш версії протоколу і наш код стану 200. 448 00:25:25,500 --> 00:25:28,610 Добре, що означає, що, да, все пройшло добре. 449 00:25:28,610 --> 00:25:30,230 Ось те, що ви хочете. 450 00:25:30,230 --> 00:25:33,750 >> Тип сервера, зміст type-- це говорить нам, ОК, ви 451 00:25:33,750 --> 00:25:37,210 збирається отримати текст HTML. 452 00:25:37,210 --> 00:25:40,520 Ось довжина його і ось що робити з підключенням. 453 00:25:40,520 --> 00:25:43,004 Отже, ще раз, в залежності на даних, які ви 454 00:25:43,004 --> 00:25:45,670 просячи, залежно від того, що Сервер хоче повернутися до вас, 455 00:25:45,670 --> 00:25:49,440 Ви можете мати кілька таких поля Імена, ви, можливо, менше. 456 00:25:49,440 --> 00:25:53,950 Повністю контекст залежить. 457 00:25:53,950 --> 00:25:56,650 >> І наскільки цей статус Код тут, звичайно, 458 00:25:56,650 --> 00:25:59,590 200 є не єдиним Ви могли б, чи не так? 459 00:25:59,590 --> 00:26:01,580 У нас є багато кодів стану. 460 00:26:01,580 --> 00:26:06,120 Хтось пам'ятає будь-який з інші, що ми, згадані в лекції? 461 00:26:06,120 --> 00:26:08,310 Багато з них починають з 4. 462 00:26:08,310 --> 00:26:09,680 >> АУДИТОРІЯ: 404. 463 00:26:09,680 --> 00:26:11,310 >> Аллісон Бухгольц-AU: 404, який є? 464 00:26:11,310 --> 00:26:12,140 >> АУДИТОРІЯ: Файл не знайдено? 465 00:26:12,140 --> 00:26:13,250 >> Аллісон Бухгольц-AU: Файл не знайдено. 466 00:26:13,250 --> 00:26:14,120 Точно. 467 00:26:14,120 --> 00:26:15,587 Так що про 403? 468 00:26:15,587 --> 00:26:16,420 АУДИТОРІЯ: Заборонене. 469 00:26:16,420 --> 00:26:17,120 Аллісон Бухгольц-AU: Заборонене. 470 00:26:17,120 --> 00:26:18,695 Так що ви думаєте що означає з chmods? 471 00:26:18,695 --> 00:26:20,890 >> АУДИТОРІЯ: Це означає, що вам немає дозволу, щоб прочитати його. 472 00:26:20,890 --> 00:26:22,400 >> Аллісон Бухгольц-AU: Абсолютно вірно. 473 00:26:22,400 --> 00:26:25,190 В якійсь мірі, вам не доведеться Дозвіл на доступ до нього, чи не так? 474 00:26:25,190 --> 00:26:27,242 Так 404, 403. 475 00:26:27,242 --> 00:26:28,950 Там справді смішно той, який ми завжди 476 00:26:28,950 --> 00:26:31,116 ввести з кожним роком, що Я повинен був покласти тут, 477 00:26:31,116 --> 00:26:33,370 як 413, який є, я чайник. 478 00:26:33,370 --> 00:26:34,390 Ви можете Google це. 479 00:26:34,390 --> 00:26:38,490 Це забавно, як, що це код 413, і це я чайник. 480 00:26:38,490 --> 00:26:41,240 Який я не знаю, чому ви б коли-небудь знадобиться, що в Інтернеті, 481 00:26:41,240 --> 00:26:42,935 але я відволікся. 482 00:26:42,935 --> 00:26:44,310 АУДИТОРІЯ: Може бути, ви чай горщик. 483 00:26:44,310 --> 00:26:46,476 Аллісон Бухгольц-AU: Може бути, сервер чайник. 484 00:26:46,476 --> 00:26:47,890 Хто знає? 485 00:26:47,890 --> 00:26:51,840 Гаразд, так що ми збираємося перехід в реальному кодування. 486 00:26:51,840 --> 00:26:54,750 Я відчуваю, що ви, хлопці, збираєтеся вибратися звідси досить швидко. 487 00:26:54,750 --> 00:26:56,940 >> АУДИТОРІЯ: Чому його сказати "сервер: двічі? 488 00:26:56,940 --> 00:26:57,981 >> Аллісон Бухгольц-AU: Хм? 489 00:26:57,981 --> 00:27:00,350 Сервер двічі? 490 00:27:00,350 --> 00:27:03,750 Це хороше запитання. 491 00:27:03,750 --> 00:27:04,630 Я не впевнений. 492 00:27:04,630 --> 00:27:07,520 Я дізнаюся і Я вам по електронній пошті все. 493 00:27:07,520 --> 00:27:11,410 >> ОК, будь-які інші питання, окрім цього? 494 00:27:11,410 --> 00:27:12,310 Добре? 495 00:27:12,310 --> 00:27:14,390 Прохолодний. 496 00:27:14,390 --> 00:27:17,280 >> HTML і CSS, і тепер ми дістатися до всіх цікавих деталей. 497 00:27:17,280 --> 00:27:21,697 Так як я вже казав, HTML Ймовірно, це одна з речей, 498 00:27:21,697 --> 00:27:23,030 Ви, хлопці, найкраще знайомі с. 499 00:27:23,030 --> 00:27:25,760 Тому у нас є мова розмітки гіпертексту. 500 00:27:25,760 --> 00:27:29,900 >> Кращий спосіб дізнатися this-- я не є підготовлені слайди або нічого 501 00:27:29,900 --> 00:27:31,480 для вас, хлопці з HTML. 502 00:27:31,480 --> 00:27:33,640 Це дійсно про вивчення синтаксису. 503 00:27:33,640 --> 00:27:38,380 І якщо ви були в MySpace день, вам доведеться це вниз. 504 00:27:38,380 --> 00:27:42,790 >> Так насправді, найбільша річ просто практикувати й експериментувати. 505 00:27:42,790 --> 00:27:48,000 Одна з великих ресурсів я б Настійно рекомендується використовувати це W3Schools. 506 00:27:48,000 --> 00:27:50,620 Так що просто W, 3, а потім школи. 507 00:27:50,620 --> 00:27:54,810 Вони мають багато ресурси по HTML, на CSS, 508 00:27:54,810 --> 00:27:58,970 і вони насправді мають поділ екрану роду речі 509 00:27:58,970 --> 00:28:00,830 де вони будуть давати вам приклад коду. 510 00:28:00,830 --> 00:28:03,290 Ви можете грати з ним, змінити його, а потім натисніть Update, 511 00:28:03,290 --> 00:28:06,410 і це покажу вам, що це насправді, щоб веб-сторінки. 512 00:28:06,410 --> 00:28:08,380 >> Так що я дуже рекомендував би використання цього. 513 00:28:08,380 --> 00:28:11,300 Це дуже здорово. 514 00:28:11,300 --> 00:28:14,560 Ви не будете отримувати SEG несправностей тут коли справи йдуть погано. 515 00:28:14,560 --> 00:28:16,430 Якщо вам вдасться отримати SEG вина з HTML, 516 00:28:16,430 --> 00:28:19,446 дайте мені знати, тому що я буде реальна заінтригований. 517 00:28:19,446 --> 00:28:21,570 Але це дійсно здорово, тому що Ви можете щось змінити, 518 00:28:21,570 --> 00:28:23,550 Ви можете бачити, що вони оновлюються в прямому ефірі. 519 00:28:23,550 --> 00:28:26,210 І я думаю, що ви отримаєте багато більш інтуїтивним розумінням HTML 520 00:28:26,210 --> 00:28:28,690 якщо ви насправді просто провести деякі Час експериментувати з ним. 521 00:28:28,690 --> 00:28:32,590 Так ось чому я сказав, практика і експеримент. 522 00:28:32,590 --> 00:28:34,490 >> Google, звідси на з, ймовірно, буде 523 00:28:34,490 --> 00:28:36,440 один з ваших кращих ресурсів і друзів. 524 00:28:36,440 --> 00:28:41,080 Або Bing-- я працюю в Microsoft, так що, можливо, я повинен сказати, Bing. 525 00:28:41,080 --> 00:28:45,590 Але майже все, що просто буде синтаксис, 526 00:28:45,590 --> 00:28:51,300 так що розуміння того, що мітки, understanding-- принаймні, з CSS-- 527 00:28:51,300 --> 00:28:53,360 як змінити деякі атрибути. 528 00:28:53,360 --> 00:28:55,300 Це буде супер корисно. 529 00:28:55,300 --> 00:28:58,852 >> Таким чином, навіть при тому, що ми робимо не є якісь готові речі, 530 00:28:58,852 --> 00:29:02,060 у нас є свого роду деяких кращих практик що ми хочемо, щоб ви, хлопці, щоб спробувати дотримуватися 531 00:29:02,060 --> 00:29:06,640 по-- вірніше, ви повинні не дотримуватися до подальшого повідомлення. 532 00:29:06,640 --> 00:29:09,722 Так закрити всі теги. 533 00:29:09,722 --> 00:29:12,930 Сподіваюся, кожен has-- ви знаєте, що, якщо це не має сенсу зараз, 534 00:29:12,930 --> 00:29:15,388 Я обіцяю, що це буде мати сенс коли ми кодування відкрити сторінку. 535 00:29:15,388 --> 00:29:16,680 Але закрити всі теги. 536 00:29:16,680 --> 00:29:20,410 Так що, якщо ви коли-небудь деякі Тема ось кронштейн, 537 00:29:20,410 --> 00:29:24,180 H1, кронштейн, переконайтеся, що всякий раз, коли ви закінчите з цим, 538 00:29:24,180 --> 00:29:26,570 закрити цей заголовок. 539 00:29:26,570 --> 00:29:30,260 Підтвердити сторінку з W3 Валідатор. 540 00:29:30,260 --> 00:29:34,689 Якщо ви не закриєте свої мітки, Ви можете отримати несподівану поведінку. 541 00:29:34,689 --> 00:29:37,730 Це буде сказати, що ваша сторінка є недійсним якщо ви запустите його через цей валідатор. 542 00:29:37,730 --> 00:29:41,000 Тому, коли в doubt-- і особливо на цьому тижні і на наступному тижні 543 00:29:41,000 --> 00:29:46,220 pset-- таким же чином, що ми запитуємо використовувати перевірити 50 і стиль 50, 544 00:29:46,220 --> 00:29:49,130 Ви могли б думати про це як один з ваших чеків, ОК? 545 00:29:49,130 --> 00:29:51,950 >> Так що, якщо він не проходить W3 валідатор. 546 00:29:51,950 --> 00:29:53,810 Це те, що ми будемо зістикувати вас на. 547 00:29:53,810 --> 00:29:55,960 Або я говорю вам прямо Тепер, я буду док вас на. 548 00:29:55,960 --> 00:29:58,202 Тому переконайтеся, що він перевіряє. 549 00:29:58,202 --> 00:29:58,785 Це не важко. 550 00:29:58,785 --> 00:30:01,530 Ви просто вставити в коді і це буде або сказати хорошу роботу 551 00:30:01,530 --> 00:30:03,630 або вам не вистачає -то таким же чином, 552 00:30:03,630 --> 00:30:07,760 що стиль 50 говорить вам де ви зіпсувати. 553 00:30:07,760 --> 00:30:11,360 >> А потім одна остання річ це ви хочете, щоб відокремити 554 00:30:11,360 --> 00:30:15,980 розмітка, яка це все, що HTML або текст, і ваш стиль. 555 00:30:15,980 --> 00:30:19,420 Так ми зробимо приклад цього права після цього. 556 00:30:19,420 --> 00:30:21,830 Так HTML і CSS повинні бути розділені. 557 00:30:21,830 --> 00:30:26,030 І ми збираємося говорити про MVC, який є Model View Controller, 558 00:30:26,030 --> 00:30:27,100 Наступний тиждень. 559 00:30:27,100 --> 00:30:29,360 Ви, хлопці, повинні, ймовірно, дізнатися про те, що в лекції 560 00:30:29,360 --> 00:30:32,130 завтра, якщо у вас вже впізнав його сьогодні. 561 00:30:32,130 --> 00:30:34,250 >> І це тільки частково парадигма, що ми, як правило, 562 00:30:34,250 --> 00:30:37,460 використовувати при створенні веб сторінки, щоб відокремити речі. 563 00:30:37,460 --> 00:30:41,440 Ви можете думати про це так само, що ми, як правило, окремі функції в C 564 00:30:41,440 --> 00:30:43,360 де ми хеш, щоб знайти речі. 565 00:30:43,360 --> 00:30:45,530 Це просто спосіб зробити ваше життя простіше. 566 00:30:45,530 --> 00:30:51,790 Це відокремлює атрибути або код, який ви будете використовувати знову і знову, 567 00:30:51,790 --> 00:30:55,360 але в цьому сенсі, це вид з утримує його гарним і акуратним. 568 00:30:55,360 --> 00:30:58,260 І якщо ви хочете змінити Одна справа, ви зміните його, як тільки 569 00:30:58,260 --> 00:31:00,150 і вона змінилася скрізь. 570 00:31:00,150 --> 00:31:05,010 Так що це більше для вашого легкість і гнучкість. 571 00:31:05,010 --> 00:31:11,430 >> Так за допомогою CSS, це дуже схоже на HTML, але замість тегів 572 00:31:11,430 --> 00:31:15,120 що я вже тільки зараз, ми використовувати те, що називається селектори. 573 00:31:15,120 --> 00:31:21,900 І вони в основному тільки почасти з асоціювати певний тег 574 00:31:21,900 --> 00:31:24,620 в HTML з різними атрибутами. 575 00:31:24,620 --> 00:31:29,060 І коли я говорю атрибути, я маю на увазі речі, як колір шрифту, стиль шрифту, 576 00:31:29,060 --> 00:31:32,694 Колір фону, Колір тексту. 577 00:31:32,694 --> 00:31:33,610 Ці види речей. 578 00:31:33,610 --> 00:31:36,270 Як, якщо він по центру, якщо він вимкнений вправо, 579 00:31:36,270 --> 00:31:39,430 якщо це inverted-- все з цих чудових речей. 580 00:31:39,430 --> 00:31:42,490 Будь-які стилістичні речі що ви робите, щоб ваш текст, 581 00:31:42,490 --> 00:31:45,070 це те, що я маю на увазі з атрибутами. 582 00:31:45,070 --> 00:31:50,140 >> А потім дві основні речі, щоб знати, що selectors-- два головному factors-- 583 00:31:50,140 --> 00:31:53,090 є ID, який є унікальним. 584 00:31:53,090 --> 00:31:54,859 Ви можете використовувати тільки те, що, з одного боку. 585 00:31:54,859 --> 00:31:56,400 В іншому випадку, це буде кричати на вас. 586 00:31:56,400 --> 00:31:59,970 І коли ми визначаємо його в файлі CSS, це буде 587 00:31:59,970 --> 00:32:03,182 бути хеш-ID, а потім які атрибути ми хочемо. 588 00:32:03,182 --> 00:32:05,140 Я обіцяю, що ми збираємося пройти прикладу. 589 00:32:05,140 --> 00:32:06,830 Це зробить набагато більше сенсу. 590 00:32:06,830 --> 00:32:08,830 >> Клас може відноситися до декількох блокам. 591 00:32:08,830 --> 00:32:13,400 Таким чином, ви можете мати свій Перший і третій пункт 592 00:32:13,400 --> 00:32:17,240 є такий же атрибути, коли Ви зв'язати їх з того ж класу. 593 00:32:17,240 --> 00:32:21,050 І коли ми визначаємо їх в CSS, ми робимо клас точка, 594 00:32:21,050 --> 00:32:25,710 з класом бути все, що Ви хочете, щоб називати його імені. 595 00:32:25,710 --> 00:32:28,559 >> Так що я знаю, що це правильно Тепер дуже абстрактний. 596 00:32:28,559 --> 00:32:29,850 Ось чому ми збираємося коду. 597 00:32:29,850 --> 00:32:32,060 Я знаю, що ви, хлопці люблять що, і ви все 598 00:32:32,060 --> 00:32:34,210 допоможе мені, бо це ваш веб-сторінка. 599 00:32:34,210 --> 00:32:36,310 Це веб-сторінка нашої глави, хлопці. 600 00:32:36,310 --> 00:32:40,158 То чи є які-небудь питання, перш ніж я вимкнути PowerPoint, або що-небудь 601 00:32:40,158 --> 00:32:42,366 Ви хочете, щоб я прокрутки назад щоб перш ніж ми почнемо кодування? 602 00:32:42,366 --> 00:32:45,074 >> АУДИТОРІЯ: Коли ви говорите теги матч, Ви маєте на увазі селектори або теги? 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 Аллісон Бухгольц-AU: Ви можете думати про них як одне і те ж. 605 00:32:53,010 --> 00:32:54,590 Це просто різні слова. 606 00:32:54,590 --> 00:32:56,460 Я маю на увазі, як селекторів. 607 00:32:56,460 --> 00:32:59,470 Але селектори також карту з тегами. 608 00:32:59,470 --> 00:33:02,800 Таким чином, ви можете думати про них як ефективно й те саме. 609 00:33:02,800 --> 00:33:05,900 Я обіцяю, що це збирається зробити більше сенсу, коли ми кодувати. 610 00:33:05,900 --> 00:33:08,400 Все, починаючи від PowerPoint або які-небудь питання 611 00:33:08,400 --> 00:33:12,980 Зараз до цього ми насправді створити сторінку нашої секції в? 612 00:33:12,980 --> 00:33:15,040 Всі готові? 613 00:33:15,040 --> 00:33:15,540 Прохолодний. 614 00:33:15,540 --> 00:33:19,820 615 00:33:19,820 --> 00:33:24,760 >> Тому у мене є один начал. 616 00:33:24,760 --> 00:33:27,030 Дозвольте мені збільшити шрифт для вас, хлопці. 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 Отже, прямо зараз, ми просто повинні голі кістки веб-сторінки прямо тут. 619 00:33:36,730 --> 00:33:38,360 >> У нас є деякі HTML. 620 00:33:38,360 --> 00:33:41,050 У нас є заголовок, який ми см тут як приклад веб-сторінки. 621 00:33:41,050 --> 00:33:44,540 Деякі назви, деякі шрифту. 622 00:33:44,540 --> 00:33:47,580 Це мітки, ОК? 623 00:33:47,580 --> 00:33:53,930 Так що, коли я маю на увазі закрити свої мітки, ми бачимо, тут це кронштейн голова ваша стартова 624 00:33:53,930 --> 00:33:59,670 Тег, і ця дужка / Голова його закриття, ОК? 625 00:33:59,670 --> 00:34:04,380 >> Таким чином, можна вважати, що це Ваші брекети в ваших Якщо умови 626 00:34:04,380 --> 00:34:05,420 або ваш для петель. 627 00:34:05,420 --> 00:34:08,630 Якщо у вас є один на початку, Ви хочете один наприкінці. 628 00:34:08,630 --> 00:34:13,500 Це все одно буде працювати більшу частину часу якщо у вас немає закриту тег, 629 00:34:13,500 --> 00:34:17,659 але кращі практики закрити свої мітки. 630 00:34:17,659 --> 00:34:20,940 >> Таким чином, в даному випадку, давайте змінимо це. 631 00:34:20,940 --> 00:34:24,150 Ми збираємося мати розділ сім. 632 00:34:24,150 --> 00:34:25,270 "Розділ сторінки в мережі Інтернет». 633 00:34:25,270 --> 00:34:26,969 Так що я просто хочу, щоб це змінити. 634 00:34:26,969 --> 00:34:32,100 >> І якщо ми йдемо сюди, і ми reload-- Повинен зберегти і reload-- 635 00:34:32,100 --> 00:34:36,750 ми помічаємо, що тут він змінив, чи не так? 636 00:34:36,750 --> 00:34:38,250 Прохолодний. 637 00:34:38,250 --> 00:34:39,380 Так що це змінює назву. 638 00:34:39,380 --> 00:34:41,920 Це які б у тебе на вкладці. 639 00:34:41,920 --> 00:34:43,870 >> Так що це свого роду дивлячись нудно. 640 00:34:43,870 --> 00:34:44,870 Я не знаю, про хлопців. 641 00:34:44,870 --> 00:34:46,810 Я думаю, що ми хочемо щось ще тут. 642 00:34:46,810 --> 00:34:51,900 >> Отже, що ми можемо зробити, це Тема якраз там. 643 00:34:51,900 --> 00:34:54,320 Давайте робити якісь тіла. 644 00:34:54,320 --> 00:34:56,550 Таким чином, ми маємо деяке тіло тут. 645 00:34:56,550 --> 00:35:01,360 Я завжди так роблю відкритим і закрити теги почати, 646 00:35:01,360 --> 00:35:04,850 таким же чином, що я роблю підтяжки. 647 00:35:04,850 --> 00:35:06,326 Ах. 648 00:35:06,326 --> 00:35:09,010 Зачекайте, що? 649 00:35:09,010 --> 00:35:10,949 >> АУДИТОРІЯ: [нерозбірливо]. 650 00:35:10,949 --> 00:35:11,990 Аллісон Бухгольц-AU: Ах. 651 00:35:11,990 --> 00:35:13,895 Ви, хлопці отримали мене. 652 00:35:13,895 --> 00:35:14,930 Відмінна робота. 653 00:35:14,930 --> 00:35:16,270 Золота зірка. 654 00:35:16,270 --> 00:35:20,300 >> Отже, у нас є деякий тіло тут. 655 00:35:20,300 --> 00:35:22,920 А тепер давайте почнемо додавати текст. 656 00:35:22,920 --> 00:35:26,110 Так у вас є пара відрізняється способи введення тексту. 657 00:35:26,110 --> 00:35:29,380 У нас є такі речі, як заголовки. 658 00:35:29,380 --> 00:35:32,144 У нас є тільки звичайний текст. 659 00:35:32,144 --> 00:35:33,560 Так що давайте просто почнемо з заголовка. 660 00:35:33,560 --> 00:35:36,670 Насправді, якщо ви, хлопці, хочете щоб підтягти W3 школи HTML, 661 00:35:36,670 --> 00:35:38,860 Ви можете почасти подивитися навколо і якщо є що-небудь 662 00:35:38,860 --> 00:35:42,470 Особливо, що ви хочете спробувати з цією веб-сторінці, ми можемо зробити це. 663 00:35:42,470 --> 00:35:46,250 Таким чином, в даному випадку, давайте просто робити деякі h1. 664 00:35:46,250 --> 00:35:48,710 Так як H1 є найвищою заголовку. 665 00:35:48,710 --> 00:35:52,260 Це дасть вам щось що є дуже великим і жирним шрифтом. 666 00:35:52,260 --> 00:35:58,010 >> І в цьому випадку, те, що ми хочемо в перший текст на нашому сайті? 667 00:35:58,010 --> 00:35:58,640 Все що завгодно. 668 00:35:58,640 --> 00:35:59,800 Ви, хлопці, збираєтеся створити цей. 669 00:35:59,800 --> 00:36:00,758 Я просто хочу, щоб надрукувати. 670 00:36:00,758 --> 00:36:01,620 АУДИТОРІЯ: Прошу. 671 00:36:01,620 --> 00:36:02,870 >> Аллісон Бухгольц-AU: Прошу. 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 Отже, якщо ми зберегти його, і ми перезарядити, у нас є відмінний великий прийом. 674 00:36:12,620 --> 00:36:17,365 Так, тільки так можна побачити відмінності, давайте щось робити на H6. 675 00:36:17,365 --> 00:36:18,490 Що ми хочемо тут? 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 Чи не так? 678 00:36:27,440 --> 00:36:30,356 >> ОК, так що просто так ви можете побачити різницю. 679 00:36:30,356 --> 00:36:31,990 Так, Sublime. 680 00:36:31,990 --> 00:36:34,680 Так що, якщо ви помітили, h1, дуже, дуже велика. 681 00:36:34,680 --> 00:36:39,030 h6, як сміливий, але набагато менше ,, і у вас все в між. 682 00:36:39,030 --> 00:36:41,550 Таким чином, ви могли б H2, H3, H4. 683 00:36:41,550 --> 00:36:43,750 І це тільки заголовки, так що якщо ви намагаєтеся 684 00:36:43,750 --> 00:36:46,010 створити веб-сторінку, яка є різні секції, 685 00:36:46,010 --> 00:36:48,810 може бути, ви хочете використовувати Заголовки в десь там. 686 00:36:48,810 --> 00:36:49,580 >> Прохолодний. 687 00:36:49,580 --> 00:36:53,270 Так ми додамо ще трохи речі в нашому організмі. 688 00:36:53,270 --> 00:36:58,380 Я бачу, що це буде свого роду круто, якби ми мали картину. 689 00:36:58,380 --> 00:37:02,840 Я відчуваю, що кожен може використовувати, може бути, милий зайчик картина праві зараз, 690 00:37:02,840 --> 00:37:05,082 так що ми збираємося знайти кролик картина в першу чергу. 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> Я не знаю, якщо ви, хлопці, є які-небудь Переваги по якій ми хочемо. 693 00:37:12,960 --> 00:37:14,890 Чи є у вас якісь переваги? 694 00:37:14,890 --> 00:37:15,925 Це один тут? 695 00:37:15,925 --> 00:37:17,160 Вниз 696 00:37:17,160 --> 00:37:17,750 Добре. 697 00:37:17,750 --> 00:37:18,760 Це один це. 698 00:37:18,760 --> 00:37:20,080 Хороший вибір. 699 00:37:20,080 --> 00:37:21,850 >> Отже, ми збираємося, щоб подивитися наш імідж. 700 00:37:21,850 --> 00:37:22,920 Подивіться на це. 701 00:37:22,920 --> 00:37:24,250 Подивіться на цю чарівні речі. 702 00:37:24,250 --> 00:37:27,080 Як ти міг бути сумним в понеділок з цим? 703 00:37:27,080 --> 00:37:30,180 >> Так ми тільки збираємося скопіювати URL зображення. 704 00:37:30,180 --> 00:37:38,720 І те, що ми хочемо зробити, це, давайте просто у нас є деякі р для пункту. 705 00:37:38,720 --> 00:37:41,140 Ми збираємося сказати "Подивіться подивитися на милий зайчик. 706 00:37:41,140 --> 00:37:44,130 d'Awwww. " 707 00:37:44,130 --> 00:37:44,880 Я люблю своїх зайчиків. 708 00:37:44,880 --> 00:37:45,838 У мене є кролик будинку. 709 00:37:45,838 --> 00:37:48,085 Я сумую за своєю кролика. 710 00:37:48,085 --> 00:37:50,460 Так що ми збираємося do-- Я не знаю, якщо ви, хлопці, хочете 711 00:37:50,460 --> 00:37:55,970 в Google this-- але з HTML, як Ви могли б включати в себе зображення? 712 00:37:55,970 --> 00:37:58,355 Буквально, якщо ви Google "Включають зображення HTML," 713 00:37:58,355 --> 00:38:00,480 Чому б вам не хлопці кажуть мені що цей тег повинен бути? 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> АУДИТОРІЯ: IMG source-- 716 00:38:06,290 --> 00:38:07,767 >> Аллісон Бухгольц-AU: IMG source-- 717 00:38:07,767 --> 00:38:08,600 АУДИТОРІЯ: --equals-- 718 00:38:08,600 --> 00:38:09,000 Аллісон Бухгольц-AU: --equals-- 719 00:38:09,000 --> 00:38:10,181 АУДИТОРІЯ: --quote-- да. 720 00:38:10,181 --> 00:38:11,430 Аллісон Бухгольц-AU: Прекрасно. 721 00:38:11,430 --> 00:38:12,090 Прекрасний. 722 00:38:12,090 --> 00:38:15,470 Дивіться, покоління MySpace, чи не так? 723 00:38:15,470 --> 00:38:16,220 Аудиторія: Neopets. 724 00:38:16,220 --> 00:38:17,470 Аллісон Бухгольц-AU: Neopets. 725 00:38:17,470 --> 00:38:18,950 О, добре. 726 00:38:18,950 --> 00:38:20,200 Вау. 727 00:38:20,200 --> 00:38:21,260 Це був божевільний. 728 00:38:21,260 --> 00:38:23,120 Добре. 729 00:38:23,120 --> 00:38:25,600 >> Тому переконайтеся, що я отримую це право. 730 00:38:25,600 --> 00:38:26,100 Прохолодний. 731 00:38:26,100 --> 00:38:27,750 Таким чином, це має бути тут. 732 00:38:27,750 --> 00:38:34,146 І потім, якщо ми перезавантажити, у нас є кролика на сторінці Хіба це не чудово? 733 00:38:34,146 --> 00:38:35,030 >> Це так мило. 734 00:38:35,030 --> 00:38:36,860 Ви вибрали відмінний, великий фото. 735 00:38:36,860 --> 00:38:38,180 Я копати його. 736 00:38:38,180 --> 00:38:41,350 >> Отже, у нас є цей чудовий зайчик зараз. 737 00:38:41,350 --> 00:38:44,590 Ми змогли додати Зображення, як і що. 738 00:38:44,590 --> 00:38:47,550 Так в основному, якщо є якась небудь зображення Ви хочете додати на свій веб-сторінці, 739 00:38:47,550 --> 00:38:49,430 Ви можете додати його так само, як це. 740 00:38:49,430 --> 00:38:52,910 Інша справа, якби Ви зображення зберігається 741 00:38:52,910 --> 00:38:55,670 в тій же папці, цей файл, ви можете просто 742 00:38:55,670 --> 00:38:59,595 написати все, що ім'я цього образу це замість того, веб-посилання. 743 00:38:59,595 --> 00:39:01,010 >> Це буде як і раніше бути в лапках. 744 00:39:01,010 --> 00:39:03,700 Це буде просто, як якби ми назвали this-- 745 00:39:03,700 --> 00:39:06,695 якщо ця картина була врятована в папці з цією HTML-файлу 746 00:39:06,695 --> 00:39:08,570 що я редагування і його називали bunny.jpg. 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 Ми могли б також зробити це і це буде відображатися. 749 00:39:13,080 --> 00:39:16,600 Тим не менш, у мене немає в цьому зберігаються в файл, і я хочу, щоб тримати кролика, 750 00:39:16,600 --> 00:39:18,092 тому ми збираємося продовжувати посилання. 751 00:39:18,092 --> 00:39:20,720 >> АУДИТОРІЯ: Що таке rabbit.org? 752 00:39:20,720 --> 00:39:22,980 >> Аллісон Бухгольц-AU: rabbit.org. 753 00:39:22,980 --> 00:39:25,170 Це appropriate-- дивитися, ви можете прийняти його. 754 00:39:25,170 --> 00:39:25,770 Прийняття. 755 00:39:25,770 --> 00:39:27,690 bunny.jpg. 756 00:39:27,690 --> 00:39:29,190 Я хочу, щоб прийняти цей кролик. 757 00:39:29,190 --> 00:39:31,180 О, Боже, це так мило. 758 00:39:31,180 --> 00:39:34,230 >> Отже, ми додали заголовки. 759 00:39:34,230 --> 00:39:35,500 Ми додали картину. 760 00:39:35,500 --> 00:39:37,760 Очевидно, ми додали якийсь текст тут, чи не так? 761 00:39:37,760 --> 00:39:40,920 Якби ми хотіли додати друга тексти, ми пішли б, як це. 762 00:39:40,920 --> 00:39:43,760 Так що це ще один пункт. 763 00:39:43,760 --> 00:39:49,070 >> І ми говоримо, "це ще один пункт." 764 00:39:49,070 --> 00:39:52,510 Крім того, я жахливо орфографії, так що я, можливо, опечатки речі. 765 00:39:52,510 --> 00:39:54,930 Просто FYI. 766 00:39:54,930 --> 00:39:58,450 >> Тому у нас є ще один пункт тут, чи не так? 767 00:39:58,450 --> 00:40:02,190 Так, може бути, ви хочете щось зробити трохи більш цікавим, ніж просто 768 00:40:02,190 --> 00:40:04,640 є всі ваші тексти, як правильно вирівняний. 769 00:40:04,640 --> 00:40:08,490 Може бути, ви хочете, щоб зосередити свій текст, ОК? 770 00:40:08,490 --> 00:40:11,820 >> Так що, якщо хтось хоче використати ті зручні комп'ютери перед вами 771 00:40:11,820 --> 00:40:19,034 і скажіть мені, як ти збирається до центру цей текст, 772 00:40:19,034 --> 00:40:20,300 >> АУДИТОРІЯ: р вирівняти. 773 00:40:20,300 --> 00:40:24,834 >> Аллісон Бухгольц-AU: Так р вирівнювання одно "центр". 774 00:40:24,834 --> 00:40:25,750 Він вбиває його, хлопці. 775 00:40:25,750 --> 00:40:28,240 Y'all потрібно активізувати. 776 00:40:28,240 --> 00:40:36,042 І у нас є "Це центру." 777 00:40:36,042 --> 00:40:37,500 А тепер ми щось по центру. 778 00:40:37,500 --> 00:40:39,380 >> Таким же чином, якщо ви хочу його вирівнювання по лівому краю, 779 00:40:39,380 --> 00:40:42,020 ви могли б зробити вирівнювання, рівних ліва, вирівнювання дорівнює правій. 780 00:40:42,020 --> 00:40:42,850 Всього до вас. 781 00:40:42,850 --> 00:40:55,580 Якби я зробив тут, то це повинні: тепер він по правому краю. 782 00:40:55,580 --> 00:40:57,020 >> АУДИТОРІЯ: Еллісон? 783 00:40:57,020 --> 00:41:00,884 До джерела зображення, тому не є є близько від джерела зображення? 784 00:41:00,884 --> 00:41:02,050 Аллісон Бухгольц-AU: Вибачте. 785 00:41:02,050 --> 00:41:05,300 Це має бути одним там тепер ви добре. 786 00:41:05,300 --> 00:41:06,026 Тепер ми добре. 787 00:41:06,026 --> 00:41:08,150 АУДИТОРІЯ: У вас немає щоб закрити його там, чи ні? 788 00:41:08,150 --> 00:41:11,450 Аллісон Бухгольц-AU: Ну, так IMG Джерело, на цей раз просто-- із зображенням, 789 00:41:11,450 --> 00:41:17,110 це тільки що бачили, як один з елементів, в той час як якщо ви помітили на всю їх, 790 00:41:17,110 --> 00:41:22,106 у нас є деякі тег потім інформація, що вона відноситься до, а потім закриває тега. 791 00:41:22,106 --> 00:41:24,480 Але з зображення, все в тільки вид самодостатнім. 792 00:41:24,480 --> 00:41:28,540 793 00:41:28,540 --> 00:41:29,040 Прохолодний. 794 00:41:29,040 --> 00:41:33,530 Так ви, хлопці, знаєте, як створити Заголовок, ви знаєте, як вводити текст, 795 00:41:33,530 --> 00:41:37,060 Ви знаєте, як розмістити зображення в даний час, можна вирівняти речі. 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> Інша справа, що вам можливо, захочете, щоб мати можливість робити 798 00:41:42,590 --> 00:41:47,649 це, щоб створити список в CS-- ми вид вдаючись у PSET на наступному тижні. 799 00:41:47,649 --> 00:41:49,440 Матеріал, який ми як правило, вчать на цьому тижні 800 00:41:49,440 --> 00:41:51,480 йде дійсно добре з PSET на наступному тижні, так що ми 801 00:41:51,480 --> 00:41:54,250 вид змішування, перекриття речі тут. 802 00:41:54,250 --> 00:41:56,290 Але це буде корисно для наступного тижня. 803 00:41:56,290 --> 00:42:02,500 >> Так що, якщо ми хотіли створити деякі Список, як ми могли б це зробити? 804 00:42:02,500 --> 00:42:03,760 Ви не можете відповісти на цей раз. 805 00:42:03,760 --> 00:42:04,700 Хтось ще має. 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 Це не важко, хлопці, обіцяю. 808 00:42:09,440 --> 00:42:13,090 Google "невпорядкований список HTML." 809 00:42:13,090 --> 00:42:14,076 Що це було? 810 00:42:14,076 --> 00:42:16,244 >> АУДИТОРІЯ: [нерозбірливо]. 811 00:42:16,244 --> 00:42:17,410 Аллісон Бухгольц-AU: справа. 812 00:42:17,410 --> 00:42:20,490 Так що ми хочемо замовити або невпорядкований? 813 00:42:20,490 --> 00:42:21,500 Давайте зробимо це невпорядковане. 814 00:42:21,500 --> 00:42:25,240 Таким чином, ми маємо деяку UL, який виступає за невпорядкованими списками. 815 00:42:25,240 --> 00:42:27,997 І що ж ми маємо для кожного елемента? 816 00:42:27,997 --> 00:42:29,080 Чи має він необхідний свій тег? 817 00:42:29,080 --> 00:42:30,556 Чи можемо ми просто почати писати речі? 818 00:42:30,556 --> 00:42:31,330 >> АУДИТОРІЯ: літій. 819 00:42:31,330 --> 00:42:32,826 >> Аллісон Бухгольц-AU: літій. 820 00:42:32,826 --> 00:42:34,785 Так що наш список буде? 821 00:42:34,785 --> 00:42:37,050 Що ми хочемо тут? 822 00:42:37,050 --> 00:42:38,190 Ми просто робимо імена. 823 00:42:38,190 --> 00:42:39,250 Просто робити Якова. 824 00:42:39,250 --> 00:42:40,340 >> АУДИТОРІЯ: Кролик продукти. 825 00:42:40,340 --> 00:42:40,990 >> Аллісон Бухгольц-AU: Кролик продукти. 826 00:42:40,990 --> 00:42:41,910 ОК, я хотів цього. 827 00:42:41,910 --> 00:42:42,520 Кролик продукти. 828 00:42:42,520 --> 00:42:44,440 >> Отже, у нас є морква. 829 00:42:44,440 --> 00:42:46,640 Мені подобається ця кролика тему. 830 00:42:46,640 --> 00:42:48,024 Я копати це багато. 831 00:42:48,024 --> 00:42:50,440 АУДИТОРІЯ: Насправді, я думав, що Яків буде нормально. 832 00:42:50,440 --> 00:42:51,606 Аллісон Бухгольц-AU: Яків? 833 00:42:51,606 --> 00:42:53,120 Джейкоб кролика їжі. 834 00:42:53,120 --> 00:42:55,310 Якщо ви побачили Якова Фото з офісних годин, 835 00:42:55,310 --> 00:42:56,850 Ви, можливо, думали, що він отримав напав вбивця кролика. 836 00:42:56,850 --> 00:42:58,099 >> АУДИТОРІЯ: у мене є кролик зараз. 837 00:42:58,099 --> 00:42:59,710 У мене є вбивця кролика зараз. 838 00:42:59,710 --> 00:43:00,540 >> Аллісон Бухгольц-AU: Ти знущаєшся з мене? 839 00:43:00,540 --> 00:43:02,081 >> АУДИТОРІЯ: Я принесу його в наступному розділі. 840 00:43:02,081 --> 00:43:02,990 У мене є його. 841 00:43:02,990 --> 00:43:04,240 >> Аллісон Бухгольц-AU: Це смішно. 842 00:43:04,240 --> 00:43:04,730 Так чи інакше. 843 00:43:04,730 --> 00:43:05,510 >> АУДИТОРІЯ: [нерозбірливо] 844 00:43:05,510 --> 00:43:07,510 >> АУДИТОРІЯ: Так, мій супроводжуючий є кролика, а також. 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> Аллісон Бухгольц-AU: Я хочу кролика. 847 00:43:11,580 --> 00:43:15,415 Добре, хто приносить реальну кролика до Наступний розділ, загальна кількість очок будинкового. 848 00:43:15,415 --> 00:43:16,290 АУДИТОРІЯ: [нерозбірливо] 849 00:43:16,290 --> 00:43:16,943 АУДИТОРІЯ: О, це не реально. 850 00:43:16,943 --> 00:43:17,910 Це опудало кролика. 851 00:43:17,910 --> 00:43:18,855 >> Аллісон Бухгольц-AU: О да, ми можемо закрити ці. 852 00:43:18,855 --> 00:43:20,174 Виглядає радий. 853 00:43:20,174 --> 00:43:21,590 АУДИТОРІЯ: Чи означає це насправді має значення? 854 00:43:21,590 --> 00:43:23,465 Аллісон Бухгольц-AU: Це не так. 855 00:43:23,465 --> 00:43:25,590 З більшістю з цих речей, Ви не закрити тег, 856 00:43:25,590 --> 00:43:28,750 99% часу нічого поганого відбувається щоб це відбулося, але це хороший стиль, занадто. 857 00:43:28,750 --> 00:43:30,250 Так Якова. 858 00:43:30,250 --> 00:43:31,864 І у нас є салат. 859 00:43:31,864 --> 00:43:33,655 АУДИТОРІЯ: Для посилання, це дійсно важливо. 860 00:43:33,655 --> 00:43:34,696 Аллісон Бухгольц-AU: Хм? 861 00:43:34,696 --> 00:43:35,890 АУДИТОРІЯ: Для гіперпосилань. 862 00:43:35,890 --> 00:43:37,431 Аллісон Бухгольц-AU: Для гіперпосилань. 863 00:43:37,431 --> 00:43:38,610 Так, гіперпосилання потрібно. 864 00:43:38,610 --> 00:43:40,770 Отже, давайте подивимося, тут. 865 00:43:40,770 --> 00:43:44,810 І у нас є закриття нашому списку. 866 00:43:44,810 --> 00:43:46,635 І ми дивимося на що. 867 00:43:46,635 --> 00:43:49,680 Ми all-- Якова, прямо там. 868 00:43:49,680 --> 00:43:52,310 Кролик їжі. 869 00:43:52,310 --> 00:43:54,000 Нагадує мені про Bunnicula. 870 00:43:54,000 --> 00:43:55,234 >> АУДИТОРІЯ: [нерозбірливо] 871 00:43:55,234 --> 00:43:58,400 Аллісон Бухгольц-AU: Я несу назад всі сьогодні посилання старі шкільні, 872 00:43:58,400 --> 00:43:59,130 чи не так? 873 00:43:59,130 --> 00:44:01,210 Просто всі старі шкільні посилання. 874 00:44:01,210 --> 00:44:05,767 Якщо принесли як Gogurts або щось для закуски. 875 00:44:05,767 --> 00:44:07,079 >> АУДИТОРІЯ: Або фонтанує свердловини. 876 00:44:07,079 --> 00:44:08,120 Аллісон Бухгольц-AU: О. 877 00:44:08,120 --> 00:44:08,620 Добре. 878 00:44:08,620 --> 00:44:10,920 Я буду бачити, якщо я можу відслідковувати вниз фонтанів на наступний тиждень. 879 00:44:10,920 --> 00:44:11,980 Я думаю, що я можу це зробити. 880 00:44:11,980 --> 00:44:13,980 Я думаю, що ми, можливо, деякі в офісі. 881 00:44:13,980 --> 00:44:18,570 >> Отже, ми розглянули багато різних речі, які можна зробити з HTML, вірно? 882 00:44:18,570 --> 00:44:23,910 І, як ви, ймовірно, може бачити, що це nothing--, сподіваюся, не надто intim-- 883 00:44:23,910 --> 00:44:25,750 якщо це так, я не маю на увазі принизити нікого. 884 00:44:25,750 --> 00:44:29,090 Якщо у вас виникли проблеми, будь ласка, приходьте поговорити зі мною. 885 00:44:29,090 --> 00:44:31,340 >> Але більшість це просто дивлячись на синтаксис, чи не так? 886 00:44:31,340 --> 00:44:34,180 Якщо ви хочете невпорядкований список, якщо ви хочете якийсь список, 887 00:44:34,180 --> 00:44:38,450 якщо ви хочете, щоб вирівняти щось або Формат-то, це все про просто 888 00:44:38,450 --> 00:44:42,080 вид дивлячись Синтаксис HTML, вірно? 889 00:44:42,080 --> 00:44:44,720 І одна річ, яка досить прохолодно фактично 890 00:44:44,720 --> 00:44:51,360 це якщо ви йдете to-- давайте подивимося, що хороший сайт, який нам подобається? 891 00:44:51,360 --> 00:44:54,920 Будь, є які-небудь улюблені веб-сайти що все в порядку, щоб викликати на сайті? 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 Ви знаєте, що, давайте просто робити CS50. 894 00:44:58,840 --> 00:45:01,800 Це хороший і безпечний, чи не так? 895 00:45:01,800 --> 00:45:03,060 >> Отже, CS50 тут. 896 00:45:03,060 --> 00:45:05,540 О, дивіться, є розділ прямо зараз. 897 00:45:05,540 --> 00:45:07,113 Якщо Вам подобається, як він виглядає. 898 00:45:07,113 --> 00:45:08,030 >> АУДИТОРІЯ: [нерозбірливо]. 899 00:45:08,030 --> 00:45:10,696 Аллісон Бухгольц-AU: Ми не збираюся зробити мета розділ, хлопці. 900 00:45:10,696 --> 00:45:11,560 Це не відбувається. 901 00:45:11,560 --> 00:45:14,540 Було б здорово, але ми не збираємося це робити. 902 00:45:14,540 --> 00:45:17,040 >> Так що ж ви могли робити, якщо Вам подобається, як 903 00:45:17,040 --> 00:45:21,390 Це працює, ви можете завжди правий натисніть на будь-який веб-сторінці, який вам подобається 904 00:45:21,390 --> 00:45:23,660 і ви можете зробити View Page Source. 905 00:45:23,660 --> 00:45:26,030 Це буде виховувати всю HTML. 906 00:45:26,030 --> 00:45:30,800 І це насправді дуже добре спосіб стилізувати свій власний веб-сторінки. 907 00:45:30,800 --> 00:45:33,640 Перейти на веб-сторінку, яка вам дуже подобається, і дивитися на HTML 908 00:45:33,640 --> 00:45:35,430 і з'ясувати, як вони це робили. 909 00:45:35,430 --> 00:45:39,280 >> І буквально, доти, як ви привести речі, 910 00:45:39,280 --> 00:45:41,940 доти, поки ви не просто крадіжка з людей, це нормально. 911 00:45:41,940 --> 00:45:43,890 Спеціально для CS50 [? фінансування?], ми 912 00:45:43,890 --> 00:45:46,950 вид чекає вас, щоб отримати натхнення від інших веб-сайтах. 913 00:45:46,950 --> 00:45:48,070 Так що не соромтеся. 914 00:45:48,070 --> 00:45:51,360 Подивіться через веб-сайти, які Ви думаєте, дійсно досить 915 00:45:51,360 --> 00:45:54,870 і з'ясувати, як вони використовують HTML і CSS, щоб зробити ці речі. 916 00:45:54,870 --> 00:45:59,860 >> Отже, як ви бачите тут, є, очевидно, як посилання і у нас є клас тут. 917 00:45:59,860 --> 00:46:00,950 У нас є посилання тут. 918 00:46:00,950 --> 00:46:03,100 У нас є список. 919 00:46:03,100 --> 00:46:05,370 Ми, ймовірно, деякі Фотографії в десь тут. 920 00:46:05,370 --> 00:46:08,332 >> У нас є якийсь класний стиль тут. 921 00:46:08,332 --> 00:46:10,040 Це наступна річ ми збираємося зробити. 922 00:46:10,040 --> 00:46:14,580 Так стиль, коли ви бачите ці стиль дужки, це CSS в основному. 923 00:46:14,580 --> 00:46:15,880 Бен, ти є питання? 924 00:46:15,880 --> 00:46:16,880 >> АУДИТОРІЯ: Що таке DIV? 925 00:46:16,880 --> 00:46:20,039 >> Аллісон Бухгольц-AU: DIV просто A-- що DIV? 926 00:46:20,039 --> 00:46:20,830 АУДИТОРІЯ: Відділ. 927 00:46:20,830 --> 00:46:22,121 Аллісон Бухгольц-AU: Відділ. 928 00:46:22,121 --> 00:46:25,960 Так, це так само, як розділення різних елементів. 929 00:46:25,960 --> 00:46:28,650 Отже, ось що ми збираюся йти в наступний. 930 00:46:28,650 --> 00:46:31,550 Так що це не може бути кращим стиль, тому що, якщо ви помітили, 931 00:46:31,550 --> 00:46:37,681 у нас є HTML і стиль в тій же сторінці, і ми насправді хочемо, щоб відокремити тих ,, 932 00:46:37,681 --> 00:46:38,180 Добре? 933 00:46:38,180 --> 00:46:41,620 І насправді, нехай мене відкрити свій правильний 934 00:46:41,620 --> 00:46:45,990 так як це, як передбачається, PDF, так що ми повинні style.css. 935 00:46:45,990 --> 00:46:51,210 >> Так що ми можемо зробити ось це класні речі, як якийсь зникають 936 00:46:51,210 --> 00:46:55,550 і ми могли б спробувати зробити це, але я відчуваю, як я б безлад, який на льоту, 937 00:46:55,550 --> 00:46:58,520 Тому я закликаю вас, хлопці в піти спробувати що самостійно, 938 00:46:58,520 --> 00:47:00,310 але я не збираюся робити це прямо зараз. 939 00:47:00,310 --> 00:47:03,790 Так що, якщо ви, хлопці, пам'ятайте, якщо ви коли-небудь хіт проблеми набору, 940 00:47:03,790 --> 00:47:05,584 щось налітає в з боку. 941 00:47:05,584 --> 00:47:08,000 Це пов'язано з зникати і перехід і ще багато чого. 942 00:47:08,000 --> 00:47:09,630 >> АУДИТОРІЯ: І це все, CSS і HTML? 943 00:47:09,630 --> 00:47:11,460 >> Аллісон Бухгольц-AU: Все CSS і HTML. 944 00:47:11,460 --> 00:47:12,420 Так. 945 00:47:12,420 --> 00:47:17,720 Таким чином, ви можете зробити багато дійсно класні речі з CSS і HTML. 946 00:47:17,720 --> 00:47:22,280 Так що з нашою дивовижним кролик веб-сторінка тут, ми 947 00:47:22,280 --> 00:47:25,240 збираються зробити трохи Трохи таблиць стилів з нею. 948 00:47:25,240 --> 00:47:28,850 >> Так що, якщо ви коли-небудь стиль лист, який ми маємо тут, 949 00:47:28,850 --> 00:47:30,550 Ви можете просто подзвонити style.css. 950 00:47:30,550 --> 00:47:32,090 Ви можете назвати це, що ви хочете. 951 00:47:32,090 --> 00:47:37,110 Важливо те, що ми збираємося щоб посилатися на нього в нашій web.html тут. 952 00:47:37,110 --> 00:47:41,670 >> Так що ми збираємося зробити, це we-- так що я не безлад цей up-- 953 00:47:41,670 --> 00:47:46,180 ми збираємося пов'язати ці два файли разом. 954 00:47:46,180 --> 00:47:49,340 Таким чином, в одній і тій же way-- я збираюся провести аналогію з C тут. 955 00:47:49,340 --> 00:47:53,510 Таким же чином, що, якщо ви маєте деякі library-- і у нас є cs50.h-- 956 00:47:53,510 --> 00:47:55,520 наш компілятор пов'язує його. 957 00:47:55,520 --> 00:47:58,040 Це просто явне посилання з нашого боку. 958 00:47:58,040 --> 00:48:01,840 Таким чином, в одній і тій же способом, що ми робимо Хеш включати якийсь файл, то, що 959 00:48:01,840 --> 00:48:06,890 Я збираюся написати просто HTML / CSS еквівалент, що. 960 00:48:06,890 --> 00:48:11,970 >> Ми просто говорю, добре, цю веб-сторінку збирається використовувати цю таблицю стилів, ОК? 961 00:48:11,970 --> 00:48:23,360 Тому у нас є посилання отн рівну стилів. 962 00:48:23,360 --> 00:48:30,870 А то у нас типу, CSS. 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 А потім HREF одно. 965 00:48:37,060 --> 00:48:41,910 966 00:48:41,910 --> 00:48:42,860 >> Добре. 967 00:48:42,860 --> 00:48:45,680 Так що все це зробив тут ви можете думати про це як одне і те ж 968 00:48:45,680 --> 00:48:47,550 як хеш включають. 969 00:48:47,550 --> 00:48:53,450 Очевидно, що це виглядає трохи більш складніше, але у всіх випадках, 970 00:48:53,450 --> 00:48:55,370 це фактично те ж саме, що. 971 00:48:55,370 --> 00:49:00,940 Так що це лише деякі зв'язування стилів, це типу текстового / CSS, 972 00:49:00,940 --> 00:49:02,875 і ім'я йому це style.css. 973 00:49:02,875 --> 00:49:05,560 >> Що важливо знати в тому, що веб-сторінки 974 00:49:05,560 --> 00:49:09,155 що я працюю прямо now-- web.html і style.css-- знаходяться в тій же папці. 975 00:49:09,155 --> 00:49:14,740 Тому що в різних папках, Ви повинні дати фактичну корінь 976 00:49:14,740 --> 00:49:17,480 щоб він або шлях до нього. 977 00:49:17,480 --> 00:49:20,620 Але в даному випадку, ми тримаємо його супер просто, і це буде тут. 978 00:49:20,620 --> 00:49:26,730 Так що, якщо ми це зробимо, у мене є деякі речі вже стояли в черзі тут. 979 00:49:26,730 --> 00:49:31,680 >> Таким чином, ми маємо деяке тіло, яке йде мати наш колір фону, який 980 00:49:31,680 --> 00:49:33,320 Прямо зараз ясно-блакитного кольору. 981 00:49:33,320 --> 00:49:36,850 Ми можемо змінити його, якщо ми хочемо, але якщо я правильно пам'ятаю це, 982 00:49:36,850 --> 00:49:39,270 він повинен просто змінити його на світло-блакитний. 983 00:49:39,270 --> 00:49:42,050 І тепер у нас є світло-блакитний фон. 984 00:49:42,050 --> 00:49:47,490 І ми повинні були here-- може хто-небудь пам'ятає який з них хеш ID або клас? 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> АУДИТОРІЯ: ID. 987 00:49:51,080 --> 00:49:51,800 >> Аллісон Бухгольц-AU: ID. 988 00:49:51,800 --> 00:49:52,420 Прохолодний. 989 00:49:52,420 --> 00:49:58,920 Так що ми хочемо зробити, це який з цих шрифтів 990 00:49:58,920 --> 00:50:01,534 або which-- ми хочемо "Подивіться на милий зайчик "буде фіолетовий? 991 00:50:01,534 --> 00:50:02,950 Я думаю, що ми хочемо, щоб бути фіолетовий. 992 00:50:02,950 --> 00:50:04,640 Я досить вниз с, що, будучи фіолетовий. 993 00:50:04,640 --> 00:50:08,790 >> Так що ви робите це ви робите ID equals-- в цьому випадку 994 00:50:08,790 --> 00:50:13,630 Я сказав, що, симпатичний колір тут. 995 00:50:13,630 --> 00:50:14,780 Ми перезавантажити. 996 00:50:14,780 --> 00:50:17,460 Раптом, це фіолетовий. 997 00:50:17,460 --> 00:50:20,680 Отже, з ID, пам'ятаю він повинен бути унікальним, 998 00:50:20,680 --> 00:50:24,370 так що я ніколи не повинно бути за допомогою це ID ніде. 999 00:50:24,370 --> 00:50:27,760 Але з класу, як у нас тут з симпатичною шрифтом, 1000 00:50:27,760 --> 00:50:30,300 Я повинен бути в змозі використати що завгодно, я хочу. 1001 00:50:30,300 --> 00:50:33,160 >> Так давайте зробимо цей тут. 1002 00:50:33,160 --> 00:50:41,100 Таким чином, ми можемо сказати, клас дорівнює симпатичну шрифт. 1003 00:50:41,100 --> 00:50:46,190 І якщо ми подивимося зараз, у нас є це круто досить шрифта тут. 1004 00:50:46,190 --> 00:50:49,160 Тому, можливо, що я хочу зробити, і інше. 1005 00:50:49,160 --> 00:50:52,786 ОК, я насправді не знаю, якщо це працюватиме, але я хочу спробувати його. 1006 00:50:52,786 --> 00:50:54,410 І це, як ви дізнаєтеся CSS і HTML. 1007 00:50:54,410 --> 00:50:55,660 Ти як, ви знаєте, що, я хочу спробувати це. 1008 00:50:55,660 --> 00:50:56,430 Я не впевнений, якщо це буде працювати. 1009 00:50:56,430 --> 00:50:57,346 Давайте подивимося, чи працює він. 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> І дивитися на це. 1012 00:51:01,540 --> 00:51:04,540 Тепер це в фіолетовий і це досить шрифту. 1013 00:51:04,540 --> 00:51:08,692 Отже, у вас є всі ці різні речі, які можна зробити. 1014 00:51:08,692 --> 00:51:09,650 У вас є питання? 1015 00:51:09,650 --> 00:51:10,275 >> АУДИТОРІЯ: Так. 1016 00:51:10,275 --> 00:51:13,280 Ну, просто подобаються кольори Ви використовуєте слова. 1017 00:51:13,280 --> 00:51:16,005 Чи є спосіб зробити кольори з шестнадцатеричной RGB? 1018 00:51:16,005 --> 00:51:18,880 Аллісон Бухгольц-AU: Ви також можете робити це з шістнадцятиричному, я вважаю. 1019 00:51:18,880 --> 00:51:19,803 Так. 1020 00:51:19,803 --> 00:51:22,136 Але це частково добре, якщо вам не хочу, щоб шукати їх. 1021 00:51:22,136 --> 00:51:23,762 Ви можете просто походити, фіолетовий або синій. 1022 00:51:23,762 --> 00:51:25,720 АУДИТОРІЯ: Будемо сподіватися, вони знаю, що це означає. 1023 00:51:25,720 --> 00:51:26,886 Аллісон Бухгольц-AU: справа. 1024 00:51:26,886 --> 00:51:29,580 Так давайте зробимо це читання або шартрез. 1025 00:51:29,580 --> 00:51:32,060 Чому б вам коли-небудь вибрати шартрез? 1026 00:51:32,060 --> 00:51:33,340 Це цікавий колір. 1027 00:51:33,340 --> 00:51:37,355 >> Отже, очевидно, що ми можемо бачити ми може щось змінити, однак ми хочемо. 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 Якщо ви хотіли create-- скажімо ми хотіли створити ще один клас. 1030 00:51:45,392 --> 00:51:46,850 Що може ви, хлопці, хочете змінити? 1031 00:51:46,850 --> 00:51:51,840 Якщо ви зупиняєтеся W3Schools ' CSS документації, 1032 00:51:51,840 --> 00:51:54,450 Я залишаю слово до вас, хлопці. 1033 00:51:54,450 --> 00:51:57,990 Ми можемо спробувати зробити щось прохолодне з це в останні пару хвилин. 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 Тому що я начебто дав вам Crash Course на багато класних речей 1036 00:52:03,150 --> 00:52:03,970 що ви можете зробити. 1037 00:52:03,970 --> 00:52:09,956 Але, зрештою, як я вже сказав, якщо вас просто експеримент, ви дізнаєтеся багато. 1038 00:52:09,956 --> 00:52:12,212 >> АУДИТОРІЯ: А ви подивіться на цей шрифт? 1039 00:52:12,212 --> 00:52:14,295 >> Аллісон Бухгольц-AU: Так, Я подивився, що шрифт. 1040 00:52:14,295 --> 00:52:17,200 Так як в буквальному сенсі, я пішов to-- що ж мені робити? 1041 00:52:17,200 --> 00:52:22,371 Я зробив список шрифтів CSS, і Потім я зробив стек шрифту, 1042 00:52:22,371 --> 00:52:25,120 і тоді я був би, подивитися, тут всі класні шрифти, які можна зробити. 1043 00:52:25,120 --> 00:52:28,180 І там був один, так Я скопіював його на мій буфер обміну. 1044 00:52:28,180 --> 00:52:31,820 І тоді я подумала: Добре, прохолодно, там ми йдемо. 1045 00:52:31,820 --> 00:52:32,320 Все зроблено. 1046 00:52:32,320 --> 00:52:35,920 >> АУДИТОРІЯ: Так ви повинні переконатися, що CSS знає, що цей шрифт. 1047 00:52:35,920 --> 00:52:37,370 >> Аллісон Бухгольц-AU: Так. 1048 00:52:37,370 --> 00:52:38,190 >> АУДИТОРІЯ: Що це сказати в кінці? 1049 00:52:38,190 --> 00:52:38,790 Курсив? 1050 00:52:38,790 --> 00:52:40,040 >> Аллісон Бухгольц-AU: Курсив. 1051 00:52:40,040 --> 00:52:40,950 Так. 1052 00:52:40,950 --> 00:52:42,310 >> АУДИТОРІЯ: Фонове зображення. 1053 00:52:42,310 --> 00:52:43,290 >> Аллісон Бухгольц-AU: Фонове зображення. 1054 00:52:43,290 --> 00:52:44,180 Добре. 1055 00:52:44,180 --> 00:52:46,490 Отже, ви хочете сказати мені, як це зробити. 1056 00:52:46,490 --> 00:52:47,390 Я залишаю це вам. 1057 00:52:47,390 --> 00:52:49,070 Я просто набравши тут зараз. 1058 00:52:49,070 --> 00:52:51,714 Колесо знаходиться у ваших руках. 1059 00:52:51,714 --> 00:52:52,660 >> АУДИТОРІЯ: ОК 1060 00:52:52,660 --> 00:52:53,701 >> Аллісон Бухгольц-AU: ОК. 1061 00:52:53,701 --> 00:52:54,720 Що я роблю? 1062 00:52:54,720 --> 00:53:02,929 >> АУДИТОРІЯ: Doing-- Я знаю, що приходить після фігурної дужки. 1063 00:53:02,929 --> 00:53:03,970 Аллісон Бухгольц-AU: ОК. 1064 00:53:03,970 --> 00:53:06,707 Так, ймовірно, в тілі, я було б припустити, тому що ми 1065 00:53:06,707 --> 00:53:08,040 робити з фоновим зображенням. 1066 00:53:08,040 --> 00:53:08,940 >> АУДИТОРІЯ: Так, давайте зробимо це. 1067 00:53:08,940 --> 00:53:09,981 >> Аллісон Бухгольц-AU: ОК. 1068 00:53:09,981 --> 00:53:14,260 АУДИТОРІЯ: ОК, так фон товстої кишки, і тоді ми 1069 00:53:14,260 --> 00:53:16,894 потрібен URL-адресу цього зображення. 1070 00:53:16,894 --> 00:53:18,560 Може бути, псевдо-код, що на даний момент, можливо. 1071 00:53:18,560 --> 00:53:20,601 >> Аллісон Бухгольц-AU: Що Ви б хотіли мене to-- 1072 00:53:20,601 --> 00:53:22,574 Аудиторія: Я маю на увазі, як GIF. 1073 00:53:22,574 --> 00:53:23,740 Аллісон Бухгольц-AU: GIF? 1074 00:53:23,740 --> 00:53:26,070 Це буде цікаво. 1075 00:53:26,070 --> 00:53:27,840 Добре, що я вдаючись до допомоги тут? 1076 00:53:27,840 --> 00:53:29,670 >> АУДИТОРІЯ: Ні, це ваш вибір. 1077 00:53:29,670 --> 00:53:32,090 >> Аллісон Бухгольц-AU: Чому НЕ we-- якщо це кролик, 1078 00:53:32,090 --> 00:53:35,610 Я відчуваю, що ми повинні мати хороший трав'яний газон або щось. 1079 00:53:35,610 --> 00:53:38,275 >> АУДИТОРІЯ: Луг. 1080 00:53:38,275 --> 00:53:39,350 Луг. 1081 00:53:39,350 --> 00:53:40,641 >> Аллісон Бухгольц-AU: луг? 1082 00:53:40,641 --> 00:53:41,851 Добре. 1083 00:53:41,851 --> 00:53:42,975 АУДИТОРІЯ: Або Рейчел Меддоу. 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 Аллісон Бухгольц-AU: Це виглядає досить. 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 О, це маленький, хоча. 1088 00:53:50,380 --> 00:53:51,700 Нам потрібен хороший розмір. 1089 00:53:51,700 --> 00:53:53,142 Подивимося. 1090 00:53:53,142 --> 00:53:54,570 О, дивіться. 1091 00:53:54,570 --> 00:53:55,630 Це досить луг. 1092 00:53:55,630 --> 00:53:58,320 Ви знаєте, що, мені подобається цей. 1093 00:53:58,320 --> 00:53:59,300 Давайте скопіювати цей. 1094 00:53:59,300 --> 00:54:08,020 >> АУДИТОРІЯ: ОК, так що я думаю, що це URL, відкриті дужки. 1095 00:54:08,020 --> 00:54:09,590 >> Аллісон Бухгольц-AU: ОК, URL. 1096 00:54:09,590 --> 00:54:11,500 >> АУДИТОРІЯ: Тоді адресу. 1097 00:54:11,500 --> 00:54:13,610 >> Аллісон Бухгольц-AU: ОК. 1098 00:54:13,610 --> 00:54:14,750 Це все, що нам потрібно? 1099 00:54:14,750 --> 00:54:20,550 >> АУДИТОРІЯ: закрити дужки крапка з комою, а потім простір, тло дефіс 1100 00:54:20,550 --> 00:54:27,050 Кріплення товстої кишки фіксується, і фігурна дужка. 1101 00:54:27,050 --> 00:54:28,110 >> Аллісон Бухгольц-AU: ОК. 1102 00:54:28,110 --> 00:54:29,114 Давайте подивимося, що працює. 1103 00:54:29,114 --> 00:54:30,780 Це буде здорово, якщо він робить. 1104 00:54:30,780 --> 00:54:33,880 Я реальний раді тут. 1105 00:54:33,880 --> 00:54:35,070 Це не спрацювало. 1106 00:54:35,070 --> 00:54:35,700 Цікаво, чому. 1107 00:54:35,700 --> 00:54:37,700 АУДИТОРІЯ: Може URL повинен бути в лапках. 1108 00:54:37,700 --> 00:54:38,866 Аллісон Бухгольц-AU: Може бути. 1109 00:54:38,866 --> 00:54:41,520 І це, як ми дізнаємося, хлопці. 1110 00:54:41,520 --> 00:54:44,340 >> АУДИТОРІЯ: Чи можемо ми мати фон колір і фон зображення? 1111 00:54:44,340 --> 00:54:45,390 >> АУДИТОРІЯ: Ні. 1112 00:54:45,390 --> 00:54:46,550 Один замінює інший. 1113 00:54:46,550 --> 00:54:46,960 >> Аллісон Бухгольц-AU: Я не знаю. 1114 00:54:46,960 --> 00:54:47,460 Подивимося. 1115 00:54:47,460 --> 00:54:48,860 Давайте перевіримо його і подивитися. 1116 00:54:48,860 --> 00:54:51,567 >> АУДИТОРІЯ: Ну, може бути, так. 1117 00:54:51,567 --> 00:54:52,400 [Вставляючи ГОЛОСУ] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> Аллісон Бухгольц-AU: ОК, це obviously-- я [нерозбірливо] тут. 1120 00:55:03,260 --> 00:55:04,927 Так ОК. 1121 00:55:04,927 --> 00:55:06,260 АУДИТОРІЯ: прихильність фону. 1122 00:55:06,260 --> 00:55:07,301 Аллісон Бухгольц-AU: Ах. 1123 00:55:07,301 --> 00:55:12,096 1124 00:55:12,096 --> 00:55:13,946 >> АУДИТОРІЯ: ОК, я не знаю. 1125 00:55:13,946 --> 00:55:16,070 Аллісон Бухгольц-AU: Це Схоже, він повинен працювати. 1126 00:55:16,070 --> 00:55:19,074 Ви впевнені, що це двокрапка після URL? 1127 00:55:19,074 --> 00:55:20,439 >> АУДИТОРІЯ: Ні, це крапка з комою. 1128 00:55:20,439 --> 00:55:21,980 Аллісон Бухгольц-AU: Це точка з коми. 1129 00:55:21,980 --> 00:55:22,530 АУДИТОРІЯ: Я казав, двокрапка? 1130 00:55:22,530 --> 00:55:24,155 Аллісон Бухгольц-AU: Ви сказали, що двокрапка. 1131 00:55:24,155 --> 00:55:26,222 АУДИТОРІЯ: О, ні. 1132 00:55:26,222 --> 00:55:27,680 Аллісон Бухгольц-AU: Там ви йдете. 1133 00:55:27,680 --> 00:55:29,350 АУДИТОРІЯ: Ой, зачекайте, зараз ми не можемо читати текст. 1134 00:55:29,350 --> 00:55:30,320 Аллісон Бухгольц-AU: Тепер ви не можете прочитати текст, 1135 00:55:30,320 --> 00:55:32,740 але у нас є фонове зображення. 1136 00:55:32,740 --> 00:55:33,300 Mmhmm? 1137 00:55:33,300 --> 00:55:35,220 >> АУДИТОРІЯ: Чи має HTML підтримка динамічного контенту? 1138 00:55:35,220 --> 00:55:39,070 Мовляв, не могли б ви змінити розмір цю картину залежно від розміру вікна, 1139 00:55:39,070 --> 00:55:39,890 або в тому, що в CSS-- 1140 00:55:39,890 --> 00:55:41,723 >> Аллісон Бухгольц-AU: Так CSS повинен зробити це. 1141 00:55:41,723 --> 00:55:45,210 Так що, якщо ви, хлопці, зацікавлені у вивченні передових CSS, 1142 00:55:45,210 --> 00:55:50,789 Шукаю спільного викладання семінар по CSS на сьомому. 1143 00:55:50,789 --> 00:55:52,580 І я обіцяю, що це буде набагато більш детально 1144 00:55:52,580 --> 00:55:55,220 і робити ще прохолодно речі в цьому розділі. 1145 00:55:55,220 --> 00:55:59,234 І мій со-учитель, як Загальна передня частина майстер веб DEV. 1146 00:55:59,234 --> 00:56:02,150 Так це буде здорово, якщо ви хочете щоб дізнатися про всі цікаві речей 1147 00:56:02,150 --> 00:56:03,960 що CSS може зробити. 1148 00:56:03,960 --> 00:56:06,860 >> Але те, що ми маємо тут з на його фоні прив'язаність 1149 00:56:06,860 --> 00:56:13,330 fixed-- так це деяка фіксована размер-- але ви можете dynamically-- 1150 00:56:13,330 --> 00:56:17,610 якщо ви коли-небудь бачити веб-сторінки, як більшість хороших веб-сторінок робитиме, 1151 00:56:17,610 --> 00:56:19,470 при регулюванні Розмір вашого браузера, 1152 00:56:19,470 --> 00:56:23,980 це налаштовує фон або скільки показує або переформатує речі, чи не так? 1153 00:56:23,980 --> 00:56:27,100 Так що те, що ми називаємо відносне позиціонування. 1154 00:56:27,100 --> 00:56:33,410 >> І CSS дійсно може захопити, наскільки велика ваша Ширина браузер або як високий це, 1155 00:56:33,410 --> 00:56:37,970 і ви можете помістити речі відповідно до відносними розмірами 1156 00:56:37,970 --> 00:56:40,420 порівняно з абсолютними розмірами. 1157 00:56:40,420 --> 00:56:44,920 І це, очевидно, більш просунутий CSS, але це те, що ви можете зробити. 1158 00:56:44,920 --> 00:56:47,390 Якщо ви хочете дізнатися, більш, прийти на мій семінар. 1159 00:56:47,390 --> 00:56:50,540 >> Так що те, що ви можете зробити. 1160 00:56:50,540 --> 00:56:54,450 І CSS може насправді do-- CSS і JavaScript, 1161 00:56:54,450 --> 00:56:58,790 які ми отримаємо наступного week-- може дозволити вам динамічно змінювати 1162 00:56:58,790 --> 00:57:02,160 сторінки без необхідності перезавантажити їх весь час. 1163 00:57:02,160 --> 00:57:04,590 І ви зможете зробити деякі досить цікавий матеріал. 1164 00:57:04,590 --> 00:57:09,317 >> Так є ще одна річ, що ви, хлопці, можете зробити 1165 00:57:09,317 --> 00:57:10,650 або все, що ви хочете вивчити? 1166 00:57:10,650 --> 00:57:12,900 У нас є 10 хвилин в запасі. 1167 00:57:12,900 --> 00:57:19,010 Ми також можемо піти раніше, але якщо Ви хочете, щоб зробити деякі більше веб речі, 1168 00:57:19,010 --> 00:57:20,960 ми можемо, але я не збираюся змусити вас. 1169 00:57:20,960 --> 00:57:23,510 Але ми можемо також просто з'їсти цукерку. 1170 00:57:23,510 --> 00:57:25,760 АУДИТОРІЯ: Виділіть текст білий, так що ви можете прочитати його. 1171 00:57:25,760 --> 00:57:27,680 Аллісон Бухгольц-AU: ОК. 1172 00:57:27,680 --> 00:57:33,389 Таким чином, в даному випадку, ми хочемо трохи с. 1173 00:57:33,389 --> 00:57:36,305 АУДИТОРІЯ: Чи повинні ми зробити це в Тіло так це поширюється на всю сторінку? 1174 00:57:36,305 --> 00:57:38,096 Аллісон Бухгольц-AU: Так, ми можемо насправді. 1175 00:57:38,096 --> 00:57:40,880 Це хороша ідея. 1176 00:57:40,880 --> 00:57:43,420 Таким чином, ми have-- зробити вас знаю, що ми повинні бути? 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 Я не знаю, чи можемо ми зробити колір тексту. 1179 00:57:50,260 --> 00:57:54,946 Я збираюся спробувати і створити ще один клас тут. 1180 00:57:54,946 --> 00:57:58,394 >> АУДИТОРІЯ: Як ви отримуєте так що він має пропозиції? 1181 00:57:58,394 --> 00:58:00,560 Аллісон Бухгольц-AU: Так якщо ви, хлопці зацікавлені, 1182 00:58:00,560 --> 00:58:03,480 це ще один текст редактор називається Sublime. 1183 00:58:03,480 --> 00:58:07,180 Ви повинні бути в змозі встановити його на свій прилад. 1184 00:58:07,180 --> 00:58:08,659 Іноді це стає трохи складніше. 1185 00:58:08,659 --> 00:58:10,950 Якщо ви хочете допомогти з цим, Я дуже щасливий допомогти вам 1186 00:58:10,950 --> 00:58:14,720 з ним, бо Gedit великий і це здорово, тому що ви можете скомпілювати його 1187 00:58:14,720 --> 00:58:17,790 на дні, але я дійсно як Sublime, тому що це досить 1188 00:58:17,790 --> 00:58:19,498 і це робити те, як автозаповнення. 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> Таким чином, ви можете безумовно не соромтеся дайте мені знати, якщо ви хочете, щоб зробити це. 1191 00:58:26,890 --> 00:58:28,940 Якщо ви тільки що Google "Sublime Текст ", це, як правило, 1192 00:58:28,940 --> 00:58:32,860 містить інструкції про те, як встановити на різних операційних системах. 1193 00:58:32,860 --> 00:58:37,590 Це дійсно здорово, я думаю, на мій погляд. 1194 00:58:37,590 --> 00:58:38,355 Так стр. 1195 00:58:38,355 --> 00:58:45,616 Я думаю, що я можу просто зробити text-- або ми можемо тільки зробити колір "білий". 1196 00:58:45,616 --> 00:58:47,050 Там. 1197 00:58:47,050 --> 00:58:50,770 >> Так що я зробив тут те, що я не зраджувати весь текст. 1198 00:58:50,770 --> 00:58:54,040 Але р тут просто тег, який у нас є, вірно? 1199 00:58:54,040 --> 00:58:55,450 Цей пункт тег. 1200 00:58:55,450 --> 00:59:00,380 Так що я просто створив елемент CSS, що сказав, добре, щось з цим тегом 1201 00:59:00,380 --> 00:59:02,510 р, зробити колір білий. 1202 00:59:02,510 --> 00:59:05,690 >> Так що, якщо ви помітили, він зробив це білий, і це біле. 1203 00:59:05,690 --> 00:59:09,100 Це не зробити наш список білий, бо це не пов'язано з цим. 1204 00:59:09,100 --> 00:59:11,180 Ви можете пройти і ви могли say-- 1205 00:59:11,180 --> 00:59:11,860 >> АУДИТОРІЯ: У колір фону. 1206 00:59:11,860 --> 00:59:12,660 >> Аллісон Бухгольц-AU: Колір фону? 1207 00:59:12,660 --> 00:59:15,660 >> АУДИТОРІЯ: Фон для труби в колір, де ви поклали р тег. 1208 00:59:15,660 --> 00:59:16,701 >> Аллісон Бухгольц-AU: ОК. 1209 00:59:16,701 --> 00:59:21,980 1210 00:59:21,980 --> 00:59:22,804 Ви хочете, щоб це біле? 1211 00:59:22,804 --> 00:59:23,470 АУДИТОРІЯ: Mmhmm. 1212 00:59:23,470 --> 00:59:25,070 Аллісон Бухгольц-AU: ОК. 1213 00:59:25,070 --> 00:59:26,342 Там ви йдете. 1214 00:59:26,342 --> 00:59:27,300 АУДИТОРІЯ: Це дивно. 1215 00:59:27,300 --> 00:59:29,190 Аллісон Бухгольц-AU: Досить прохолодно, чи не так? 1216 00:59:29,190 --> 00:59:31,640 Так що, якщо вам просто возитися, Ви збираєтеся вчитися багато. 1217 00:59:31,640 --> 00:59:34,720 І це може бути досить прохолодно. 1218 00:59:34,720 --> 00:59:37,312 Я думаю, що це, безумовно, більш приємно, чим іноді 1219 00:59:37,312 --> 00:59:39,770 тому що ви не повинні чекати для вашої програми для компіляції. 1220 00:59:39,770 --> 00:59:41,895 Ви можете просто натиснути Оновити і ви, як, ой, дивіться, 1221 00:59:41,895 --> 00:59:44,276 він працював, або о, я ймовірно, відсутній щось. 1222 00:59:44,276 --> 00:59:47,359 І це те, що насправді круто про це наступної частини класу, 1223 00:59:47,359 --> 00:59:49,250 це безперечно, я думаю, легше перевірити 1224 00:59:49,250 --> 00:59:52,640 як ви йдете по дорозі в порівнянні з того, щоб написати ці довгі програми 1225 00:59:52,640 --> 00:59:57,830 і бажаючи і молитися що він працює в кінці. 1226 00:59:57,830 --> 01:00:01,960 >> Так з цим, я думаю, Ви, хлопці, все, здається, добре. 1227 01:00:01,960 --> 01:00:05,360 Якщо у вас є які-небудь питання, як завжди, прийшов поговорити зі мною, підемо, дайте мені знати. 1228 01:00:05,360 --> 01:00:08,180 Я зараз поза протягом наступних 15 хвилин 1229 01:00:08,180 --> 01:00:11,340 якщо ви хочете, щоб поговорити про що-небудь, і все. 1230 01:00:11,340 --> 01:00:13,530 >> Так що я сподіваюся, що ви guys-- удачі з цим PSET. 1231 01:00:13,530 --> 01:00:18,150 Термін п'ятницю опівдні бо він був випущений в кінці. 1232 01:00:18,150 --> 01:00:21,220 Так що я, ймовірно, буде бачити багато з вас, хлопці, в четвер, 1233 01:00:21,220 --> 01:00:21,970 але, сподіваюся, немає. 1234 01:00:21,970 --> 01:00:23,386 Може бути, ви будете мати це робиться тоді. 1235 01:00:23,386 --> 01:00:24,440 Я був би супер пишатися. 1236 01:00:24,440 --> 01:00:26,410 >> Але якщо ні, я буду вас бачити четвер. 1237 01:00:26,410 --> 01:00:30,030 Ви також можете використовувати пізніше дати, які поширює його на суботу опівдні. 1238 01:00:30,030 --> 01:00:31,730 Але я don't-- да? 1239 01:00:31,730 --> 01:00:32,580 >> АУДИТОРІЯ: Хеллоуїн. 1240 01:00:32,580 --> 01:00:34,538 >> Аллісон Бухгольц-AU: Це Хеллоуїн, А і В, 1241 01:00:34,538 --> 01:00:37,050 Я не думаю, що буде бути робочі години в п'ятницю. 1242 01:00:37,050 --> 01:00:40,920 Так дійсно спробувати і зробити це за допомогою П'ятниця, так що ми всі можемо святкувати 1243 01:00:40,920 --> 01:00:42,010 Hallow вихідні. 1244 01:00:42,010 --> 01:00:44,670 Гаразд, я буду бачити вас, хлопці на наступному тижні. 1245 01:00:44,670 --> 01:00:45,888