1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [MUSIC PLAYING] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 Allison Buchholtz-AU: Baiklah, semua orang. 5 00:00:12,540 --> 00:00:13,860 Selamat datang kembali ke bagian. 6 00:00:13,860 --> 00:00:19,559 Jadi agenda kami untuk hari ini akan lebih banyak lagi web barang dev. 7 00:00:19,559 --> 00:00:21,600 Saya tidak tahu berapa banyak dari Anda telah melihat psets Anda 8 00:00:21,600 --> 00:00:24,414 sejak dirilis awal pagi ini. 9 00:00:24,414 --> 00:00:26,330 Saya akan berapa banyak orang telah membaca spec, 10 00:00:26,330 --> 00:00:29,910 tapi melihat bagaimana Anda telah memiliki semua dari, seperti, tujuh jam untuk melihat itu 11 00:00:29,910 --> 00:00:31,910 dan itu hari Senin dan Anda mungkin sudah kelas, 12 00:00:31,910 --> 00:00:34,160 Aku akan menganggap bahwa sebagian besar dari Anda belum. 13 00:00:34,160 --> 00:00:37,170 Jika Anda memiliki, pujian ekstra. 14 00:00:37,170 --> 00:00:39,400 >> Anda pada dasarnya membantu menerapkan web sederhana 15 00:00:39,400 --> 00:00:43,270 server C, yang merupakan pset merek baru, sehingga kalian bisa menjadi babi Guinea. 16 00:00:43,270 --> 00:00:49,730 Ini akan menjadi menyenangkan, minggu liar, tapi saya pikir itu akan sangat menyenangkan 17 00:00:49,730 --> 00:00:52,260 dan itu akan menjadi benar-benar pengalaman yang baik sebenarnya. 18 00:00:52,260 --> 00:00:54,920 Jadi untuk mempersiapkan Anda untuk bahwa, dalam bagian hari ini, 19 00:00:54,920 --> 00:01:00,940 kita akan pergi chmod, TCP / IP, dan maka sedikit HTML dan CSS. 20 00:01:00,940 --> 00:01:05,080 >> Pada akhirnya, kita akan benar-benar kode sebuah halaman web sederhana bersama-sama 21 00:01:05,080 --> 00:01:09,042 untuk membantu kalian mendapatkan semacam lebih akrab dengan itu. 22 00:01:09,042 --> 00:01:11,750 Dan kemudian jika Anda belum dijemput kuis Anda, mereka berada di depan, 23 00:01:11,750 --> 00:01:14,890 tapi aku cukup yakin semua orang di sini memiliki kuis mereka. 24 00:01:14,890 --> 00:01:17,880 Dan juga pada catatan itu, solusi yang belum bangun, 25 00:01:17,880 --> 00:01:21,490 tetapi segera setelah kami finish-- suka, beberapa orang lalu mengambil quizzes-- mereka 26 00:01:21,490 --> 00:01:22,280 mereka akan sampai. 27 00:01:22,280 --> 00:01:24,630 Jika Anda memiliki pertanyaan sementara itu, 28 00:01:24,630 --> 00:01:26,240 merasa bebas untuk email saya secara pribadi. 29 00:01:26,240 --> 00:01:30,700 Aku akan menjawab dengan individu pertanyaan, seperti saya selalu lakukan. 30 00:01:30,700 --> 00:01:33,890 >> Jadi pada catatan itu, chmod. 31 00:01:33,890 --> 00:01:36,390 Jadi pada dasarnya semua yang Anda perlu tahu tentang chmod 32 00:01:36,390 --> 00:01:39,620 adalah bahwa hal itu digunakan untuk mengubah hak akses file, kan? 33 00:01:39,620 --> 00:01:44,050 Jadi itu hanya beberapa sistem menyebutnya mengubah hak akses, seperti dikatakan di sini. 34 00:01:44,050 --> 00:01:48,540 Dan jika Anda pernah ingin melihat hak akses file memiliki, 35 00:01:48,540 --> 00:01:52,240 bukan hanya melakukan ls, Anda bisa melakukan ls-l. 36 00:01:52,240 --> 00:01:54,010 l singkatan panjang. 37 00:01:54,010 --> 00:01:56,460 >> Jadi Anda akan melakukan daftar panjang dari segala sesuatu, dan itu 38 00:01:56,460 --> 00:02:02,080 akan memberikan jauh lebih rinci informasi tentang setiap file Anda. 39 00:02:02,080 --> 00:02:05,540 Dan Anda akan melihat something-- Aku akan langsung beralih untuk second-- 40 00:02:05,540 --> 00:02:08,910 tetapi Anda akan melihat sesuatu yang mirip dengan bahwa garis atas ada untuk setiap file. 41 00:02:08,910 --> 00:02:11,560 Dan kita akan pergi melalui apa artinya. 42 00:02:11,560 --> 00:02:15,260 >> Jadi pada dasarnya, untuk mengubah hak akses file Anda, 43 00:02:15,260 --> 00:02:16,850 Anda hanya ingin menggunakan chmod. 44 00:02:16,850 --> 00:02:23,620 Anda dapat menganggap itu seperti yang lain UNIX panggilan seperti ls atau cd atau entah apa lagi. 45 00:02:23,620 --> 00:02:25,540 Ini hanya semacam panggilan seperti yang lain. 46 00:02:25,540 --> 00:02:30,530 >> Jadi kita lakukan chmod dan kemudian kita akan memiliki tiga digit biasanya. 47 00:02:30,530 --> 00:02:33,570 Ada beberapa cara yang dapat dilakukan itu, salah satunya kita akan pergi ke. 48 00:02:33,570 --> 00:02:37,650 Tapi biasanya, Anda akan memiliki tiga digit mulai 0-7 setiap kali. 49 00:02:37,650 --> 00:02:43,530 >> Jadi satu hal adalah bahwa ada tiga hak akses yang berbeda 50 00:02:43,530 --> 00:02:45,510 bahwa kita dapat memberikan setiap file. 51 00:02:45,510 --> 00:02:49,480 Dan itu dapat dibaca, yang diwakili oleh r, yang akan masuk akal 52 00:02:49,480 --> 00:02:54,020 dalam sedikit; w, yang ditulis; dan dieksekusi, yaitu x. 53 00:02:54,020 --> 00:02:57,630 Saya tahu bahwa e satu, executable, mungkin bukan yang paling masuk akal, tapi kami 54 00:02:57,630 --> 00:02:59,120 mewakilinya dengan x. 55 00:02:59,120 --> 00:03:05,290 >> Dan kemudian yang terjadi adalah masing-masing juga memiliki representasi nomor. 56 00:03:05,290 --> 00:03:07,990 Jadi kita memiliki 1, 2, dan 4. 57 00:03:07,990 --> 00:03:12,060 Dan pada dasarnya apa yang terjadi adalah masing-masing tiga angka ini 58 00:03:12,060 --> 00:03:17,380 di sini sesuai dengan yang berbeda pengguna 59 00:03:17,380 --> 00:03:19,420 bahwa mereka izin berkaitan dengan. 60 00:03:19,420 --> 00:03:24,820 >> Jadi Anda bisa memikirkan yang pertama nomor sesuai dengan pengguna yang sebenarnya 61 00:03:24,820 --> 00:03:29,360 atau pemilik file, yang kedua nomor akan sesuai dengan kelompok, 62 00:03:29,360 --> 00:03:33,590 dan yang terakhir merujuk kepada dunia, OK? 63 00:03:33,590 --> 00:03:39,995 Jadi apa yang terjadi adalah ingat mereka Numbers r adalah 4, w adalah 2, 64 00:03:39,995 --> 00:03:42,550 x adalah 1, kan? 65 00:03:42,550 --> 00:03:46,630 This-- jika Anda jumlah ini naik, yang memberikan Anda bahwa nomor pertama 66 00:03:46,630 --> 00:03:48,600 bahwa kita mungkin masukan dalam chmod kami. 67 00:03:48,600 --> 00:03:52,191 >> Jadi dalam hal ini, apa akan nomor ini menjadi? 68 00:03:52,191 --> 00:03:57,030 Ini akan menjadi 4 ditambah 2 ditambah 1, yang merupakan 7, kan? 69 00:03:57,030 --> 00:03:59,250 Dan dalam hal ini, ini tidak memiliki apa-apa, 70 00:03:59,250 --> 00:04:06,450 jadi ini di sini akan menerjemahkan chmod 700, OK? 71 00:04:06,450 --> 00:04:12,030 Dan apa yang dilakukannya itu memberikan semua izin ini untuk pengguna Anda. 72 00:04:12,030 --> 00:04:14,400 >> Jadi ini berarti pengguna kami dapat melakukan apapun yang mereka inginkan. 73 00:04:14,400 --> 00:04:15,400 Mereka dapat membaca file ini. 74 00:04:15,400 --> 00:04:16,810 Mereka dapat menjalankan file ini. 75 00:04:16,810 --> 00:04:18,360 Mereka dapat menulis ke berkas ini. 76 00:04:18,360 --> 00:04:23,545 Namun kelompok dan dunia, tidak ada izin apapun, OK? 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> Jadi cara lain untuk menulis itu, kita bisa melakukan chmod dari tiga digit, yang masing-masing 79 00:04:32,680 --> 00:04:40,040 sesuai dengan apa pun jumlah atau kelompok tertentu adalah, bagian-bagian spesifik. 80 00:04:40,040 --> 00:04:44,870 Atau kita bisa lakukan sebenarnya hal lain. 81 00:04:44,870 --> 00:04:45,590 Tunggu. 82 00:04:45,590 --> 00:04:49,330 Kita bisa melakukan sesuatu dengan ini di sini. 83 00:04:49,330 --> 00:04:55,615 >> Berapa banyak dari Anda melihat contoh mana rasanya chmod plus x? 84 00:04:55,615 --> 00:04:58,070 Apakah Anda melihat bahwa dalam ceramah, saya pikir? 85 00:04:58,070 --> 00:05:00,610 Jadi berdiri untuk semua. 86 00:05:00,610 --> 00:05:04,990 Ini berarti memberikannya kepada semua pengguna, yang saya lupa untuk menempatkan di sini. 87 00:05:04,990 --> 00:05:08,790 >> Tapi plus x, jika kita perhatikan di sini, jika kita melakukan 88 00:05:08,790 --> 00:05:13,420 untuk chmod-- apa kelompok kami bicarakan ditambah izin 89 00:05:13,420 --> 00:05:14,660 kami ingin memberi mereka. 90 00:05:14,660 --> 00:05:16,120 Jadi ini bisa menjadi plus atau minus. 91 00:05:16,120 --> 00:05:17,690 Plus menambahkan izin. 92 00:05:17,690 --> 00:05:19,510 Minus menghapus izin. 93 00:05:19,510 --> 00:05:22,520 Cukup intuitif, saya pikir. 94 00:05:22,520 --> 00:05:25,720 >> Jadi plus x berarti chmod. 95 00:05:25,720 --> 00:05:32,260 Jadi mengubah hak akses dari semua orang jika ini adalah a-- izin add. 96 00:05:32,260 --> 00:05:37,110 Dan x-- itu berarti apa izin kita memberikan setiap orang. 97 00:05:37,110 --> 00:05:38,510 Membaca, menulis, atau mengeksekusi? 98 00:05:38,510 --> 00:05:39,360 >> AUDIENCE: Jalankan. 99 00:05:39,360 --> 00:05:40,610 >> Allison Buchholtz-AU: Jalankan. 100 00:05:40,610 --> 00:05:46,080 Jadi kami memberikan semua pengguna izin untuk menjalankan file ini, OK? 101 00:05:46,080 --> 00:05:53,370 Jadi bagaimana jika kita ingin lakukan bahwa dengan bentuk angka? 102 00:05:53,370 --> 00:05:56,290 Jadi ingat dengan angka, kami ingin tiga angka. 103 00:05:56,290 --> 00:05:56,790 >> AUDIENCE: 4. 104 00:05:56,790 --> 00:05:58,290 Allison Buchholtz-AU: Apa itu? 105 00:05:58,290 --> 00:05:59,260 AUDIENCE: 4. 106 00:05:59,260 --> 00:06:00,426 Allison Buchholtz-AU: Tidak 4. 107 00:06:00,426 --> 00:06:01,599 AUDIENCE: 0, 0, 4. 108 00:06:01,599 --> 00:06:04,390 Allison Buchholtz-AU: Yah, kita ingin untuk memberikannya kepada semua pengguna, kan? 109 00:06:04,390 --> 00:06:07,442 Jadi kita akan memiliki angka dalam setiap slot. 110 00:06:07,442 --> 00:06:09,400 Itu akan menjadi nomor yang sama di setiap slot 111 00:06:09,400 --> 00:06:13,800 karena kami hanya ingin memberikan hak akses executable semua orang. 112 00:06:13,800 --> 00:06:16,480 Jadi dieksekusi adalah 1, tapi di jalur yang benar. 113 00:06:16,480 --> 00:06:23,055 >> Jadi jika kita chmod 111 yang akan menjadi setara dengan chmod plus x. 114 00:06:23,055 --> 00:06:24,430 Apakah itu masuk akal untuk semua orang? 115 00:06:24,430 --> 00:06:26,910 Kita akan pergi melalui beberapa contoh. 116 00:06:26,910 --> 00:06:29,860 >> Jadi takeaway besar di sini adalah tidak di sini, 117 00:06:29,860 --> 00:06:33,360 tapi hanya berarti memberikannya kepada semua pengguna. 118 00:06:33,360 --> 00:06:36,610 u adalah jika Anda hanya ingin untuk memberikan atau mengambil 119 00:06:36,610 --> 00:06:40,600 izin dari pengguna atau pemilik. 120 00:06:40,600 --> 00:06:43,800 g adalah untuk grup, sehingga digit tengah. 121 00:06:43,800 --> 00:06:49,440 Dan kemudian orang lain yang dapat Anda pikirkan sebagai dunia, yang angka terakhir. 122 00:06:49,440 --> 00:06:52,840 >> Maka dengan itu, kita akan pergi ke sebuah contoh, karena saya merasa seperti contoh selalu 123 00:06:52,840 --> 00:06:56,240 membuat hal-hal ini lebih mudah dimengerti. 124 00:06:56,240 --> 00:07:01,240 Jadi rwx-- kami pergi melalui this-- juga bisa menjadi mewakili 700. 125 00:07:01,240 --> 00:07:05,070 Itulah contoh kita melihat di lebih dari gambar. 126 00:07:05,070 --> 00:07:09,990 Jadi chmod 444 pada beberapa berkas akan memberikan hak akses? 127 00:07:09,990 --> 00:07:11,947 Kau benar-benar dekat. 128 00:07:11,947 --> 00:07:13,030 AUDIENCE: Readable untuk semua. 129 00:07:13,030 --> 00:07:14,321 Allison Buchholtz-AU: Readable. 130 00:07:14,321 --> 00:07:15,660 Jadi dibaca untuk semua orang, kan? 131 00:07:15,660 --> 00:07:17,910 Dan lalu apa cara lain untuk melakukan itu? 132 00:07:17,910 --> 00:07:23,070 Jika kita ingin melakukan chmod dengan baik r atau w, ditambah dan minus, 133 00:07:23,070 --> 00:07:25,300 apa yang akan panggilan yang terlihat seperti? 134 00:07:25,300 --> 00:07:27,336 Ini akan chmod apa? 135 00:07:27,336 --> 00:07:28,590 >> AUDIENCE: plus r. 136 00:07:28,590 --> 00:07:32,900 >> Allison Buchholtz-AU: plus r pada 5. 137 00:07:32,900 --> 00:07:40,980 OK, jadi ini adalah sama seperti ini, hanya dua terjemahan yang berbeda 138 00:07:40,980 --> 00:07:42,500 dari hal yang sama. 139 00:07:42,500 --> 00:07:45,650 Maka dengan itu, kita harus ini. 140 00:07:45,650 --> 00:07:50,310 Jadi saya ingin kalian mencoba dan menulis semacam ini dengan cara yang berlawanan mereka. 141 00:07:50,310 --> 00:07:53,710 >> Jadi dengan chmod 555, apa rasanya? 142 00:07:53,710 --> 00:07:56,704 Apakah itu menjadi plus atau u plus atau yang lainnya? 143 00:07:56,704 --> 00:07:58,370 Untuk u ditambah x, memberi saya tiga angka. 144 00:07:58,370 --> 00:08:03,530 Dan kemudian ceritakan tentang perizinan apa kita benar-benar memberikan dan siapa? 145 00:08:03,530 --> 00:08:06,600 >> Jadi saya akan memberikan kalian dua menit untuk bekerja pada itu. 146 00:08:06,600 --> 00:08:08,160 Jangan ragu untuk berbicara dengan satu sama lain. 147 00:08:08,160 --> 00:08:11,910 Bagi Anda yang datang sedikit terlambat, ada permen dan kemeja. 148 00:08:11,910 --> 00:08:14,590 Kami telah tiga kemeja kiri, dan kita memiliki Kit Kats dan Starbursts. 149 00:08:14,590 --> 00:08:17,630 Jadi jangan ragu untuk datang ambil beberapa di selingan kecil ini. 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> Juga, yang terakhir adalah rumit. 152 00:09:04,440 --> 00:09:06,670 Ini adalah dua chmods untuk yang terakhir. 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 Sebenarnya, biarkan aku menutup pintu itu sementara kalian bekerja pada itu. 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 Permen selalu diperlukan pada Senin sore. 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> OK, jadi chmod 555. 159 00:09:34,756 --> 00:09:36,380 Apa cara lain kita bisa menulis itu? 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 Ada gagasan? 162 00:09:41,790 --> 00:09:42,290 Ya. 163 00:09:42,290 --> 00:09:43,280 >> AUDIENCE: a rx plus. 164 00:09:43,280 --> 00:09:44,613 >> Allison Buchholtz-AU: r ditambah rx. 165 00:09:44,613 --> 00:09:47,290 Apakah Anda ingin menjelaskan mengapa itu akan menjadi rx? 166 00:09:47,290 --> 00:09:49,570 >> AUDIENCE: Karena Anda memiliki 5, jadi itu 4 ditambah 1, 167 00:09:49,570 --> 00:09:51,734 sehingga yang dibaca ditambah executable, dan itu untuk semua. 168 00:09:51,734 --> 00:09:52,900 Allison Buchholtz-AU: Benar. 169 00:09:52,900 --> 00:09:58,540 Jadi hanya untuk mengulangi, 5 di sini kita kenal sebagai jumlah dari 4 dan 1, 170 00:09:58,540 --> 00:10:04,760 karena setiap nomor dalam trio kita adalah jumlah izin untuk bagian itu, 171 00:10:04,760 --> 00:10:05,260 kan? 172 00:10:05,260 --> 00:10:07,070 Entah pengguna, kelompok, atau dunia. 173 00:10:07,070 --> 00:10:11,160 Jadi dalam hal ini, kita tahu bahwa 5 harus dibentuk oleh 4 dan 1. 174 00:10:11,160 --> 00:10:15,240 >> Dan 4 dan 1 sesuai dengan dibaca dan dieksekusi. 175 00:10:15,240 --> 00:10:21,717 Kami memberikan kepada semua orang, sehingga kami dapat melakukan chmod plus rx. 176 00:10:21,717 --> 00:10:24,050 Dan jelas, kami hanya pergi melalui pertanyaan-pertanyaan di sana, 177 00:10:24,050 --> 00:10:28,810 jadi sekarang file ini bisa dijalankan dan dibaca untuk semua orang. 178 00:10:28,810 --> 00:10:31,120 >> Jadi bagaimana dengan yang kedua? 179 00:10:31,120 --> 00:10:32,900 Apa yang mungkin nomor satu itu? 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 Ada gagasan? 182 00:10:37,180 --> 00:10:37,680 Silakan. 183 00:10:37,680 --> 00:10:38,600 >> AUDIENCE: 100 [tak terdengar]. 184 00:10:38,600 --> 00:10:39,683 >> Allison Buchholtz-AU: 100. 185 00:10:39,683 --> 00:10:40,270 Tepat. 186 00:10:40,270 --> 00:10:42,455 Jadi jangan Anda ingin menjelaskan mengapa 100? 187 00:10:42,455 --> 00:10:45,080 AUDIENCE: Karena itu untuk pengguna, jadi di posisi pertama. 188 00:10:45,080 --> 00:10:47,371 Dan kemudian x dieksekusi adalah 1. 189 00:10:47,371 --> 00:10:48,620 Allison Buchholtz-AU: Tepat. 190 00:10:48,620 --> 00:10:53,120 Jadi kita memberikan executable izin untuk hanya pengguna. 191 00:10:53,120 --> 00:10:55,100 Jadi dalam hal ini, itu akan menjadi 100. 192 00:10:55,100 --> 00:10:57,570 Dan saya memiliki semua jawaban up pada slide berikutnya dalam kasus 193 00:10:57,570 --> 00:11:00,060 Anda sedang menulis banyak hal bawah. 194 00:11:00,060 --> 00:11:08,410 >> OK, jadi yang berikutnya ini sebenarnya dilakukan dengan dua chmods, Anda bisa melakukannya. 195 00:11:08,410 --> 00:11:11,120 Jadi apakah ada yang punya ide bagaimana Anda mungkin 196 00:11:11,120 --> 00:11:14,150 mendapatkan chmod 640 ditulis ulang dengan cara lain? 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 Anda dapat mengubah pengguna pertama dan kemudian Anda dapat mengubah kelompok adalah petunjuk saya. 199 00:11:22,820 --> 00:11:29,740 >> Jadi jika kita hanya mengubah pengguna, yang merupakan salah satu pertama ini di sini, 200 00:11:29,740 --> 00:11:33,830 apa yang mungkin panggilan kita menjadi? 201 00:11:33,830 --> 00:11:36,080 Jadi pengguna u, kan? 202 00:11:36,080 --> 00:11:38,780 Jadi chmod u ditambah apa? 203 00:11:38,780 --> 00:11:39,280 Mmhmm? 204 00:11:39,280 --> 00:11:40,469 >> AUDIENCE: rw. 205 00:11:40,469 --> 00:11:41,510 Allison Buchholtz-AU: rw. 206 00:11:41,510 --> 00:11:47,470 Benar, untuk membaca dan menulis, karena membaca adalah 4, w adalah 2, jumlah mereka bersama-sama sebagai 6. 207 00:11:47,470 --> 00:11:52,760 Jadi kita mendapatkan chmod u ditambah rw, dan kami mendapatkan 6 pertama kami di sana. 208 00:11:52,760 --> 00:11:56,860 >> Jadi untuk mendapatkan 4, kita sekarang ingin untuk mengubah pengaturan kelompok kami. 209 00:11:56,860 --> 00:12:00,960 Jadi kita akan melakukan chmod g ditambah apa? 210 00:12:00,960 --> 00:12:02,380 Apa itu 4? 211 00:12:02,380 --> 00:12:03,040 >> AUDIENCE: r. 212 00:12:03,040 --> 00:12:04,040 Allison Buchholtz-AU: r. 213 00:12:04,040 --> 00:12:05,070 Tepatnya. 214 00:12:05,070 --> 00:12:09,140 Jadi kami memberikan pemilik membaca dan menulis izin 215 00:12:09,140 --> 00:12:13,141 dan kami memberikan kelompok membaca perizinan, yang kita semua di sini. 216 00:12:13,141 --> 00:12:13,640 Mmhmm? 217 00:12:13,640 --> 00:12:17,740 >> AUDIENCE: Jika Anda dapat menulis sesuatu, apakah itu berarti Anda bisa menjalankan itu? 218 00:12:17,740 --> 00:12:20,700 >> Allison Buchholtz-AU: Anda dapat menulis untuk something-- 219 00:12:20,700 --> 00:12:22,900 Saya tidak percaya bahwa itu berarti Anda dapat mengeksekusinya. 220 00:12:22,900 --> 00:12:25,951 221 00:12:25,951 --> 00:12:26,450 Keren. 222 00:12:26,450 --> 00:12:29,620 Jadi itu saja yang baru saja kita pergi melalui. 223 00:12:29,620 --> 00:12:33,075 Jadi pada berikutnya ini, itu kasus hanya jenis umum 224 00:12:33,075 --> 00:12:35,200 bahwa Anda ingin menyimpan dalam pikiran untuk masalah Anda mengatur. 225 00:12:35,200 --> 00:12:39,800 Ini biasanya izin yang kita sukai Anda gunakan. 226 00:12:39,800 --> 00:12:44,900 >> Jadi untuk 711, yang memberikan kita, tentu saja, pengguna 227 00:12:44,900 --> 00:12:47,720 semua izin, yang cenderung masuk akal. 228 00:12:47,720 --> 00:12:51,920 Dan kemudian itu dieksekusi oleh kelompok di dunia, yang masuk akal 229 00:12:51,920 --> 00:12:56,150 jika Anda memiliki beberapa direktori, Anda ingin dapat melintasi ke dalamnya. 230 00:12:56,150 --> 00:12:58,160 Orang-orang membutuhkan akses. 231 00:12:58,160 --> 00:13:04,680 >> Untuk file non-PHP, Anda akan menggunakan 644, yang akan melakukan apa? 232 00:13:04,680 --> 00:13:07,560 Apa yang menyiratkan, atau apa izin apakah itu memberikan? 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 Sehingga pemilik bisa apa? 235 00:13:14,409 --> 00:13:15,450 AUDIENCE: Membaca dan menulis. 236 00:13:15,450 --> 00:13:16,991 Allison Buchholtz-AU: Membaca dan menulis. 237 00:13:16,991 --> 00:13:21,560 Dan kemudian kelompok dan lain-lain hanya bisa membaca, kan? 238 00:13:21,560 --> 00:13:25,660 Dan kemudian chmod 600 untuk setiap File PHP yang Anda gunakan, 239 00:13:25,660 --> 00:13:27,980 pemilik Anda, sekali lagi, bisa membaca dan menulis untuk itu 240 00:13:27,980 --> 00:13:32,310 tapi tidak semua orang hanya jenis diblokir. 241 00:13:32,310 --> 00:13:34,540 >> Jadi ini benar-benar akan akan lebih berguna bila 242 00:13:34,540 --> 00:13:37,700 Anda bisa masalah Anda mengatur minggu depan di mana 243 00:13:37,700 --> 00:13:40,290 Anda benar-benar membangun sebuah situs web. 244 00:13:40,290 --> 00:13:43,100 Jadi jika Anda pernah mengalami masalah aneh 245 00:13:43,100 --> 00:13:45,970 mana itu tidak memuat benar, mungkin Anda 246 00:13:45,970 --> 00:13:50,670 perlu menambahkan executable izin, atau mungkin Anda perlu membaca sebuah 247 00:13:50,670 --> 00:13:52,990 atau menulis izin. 248 00:13:52,990 --> 00:13:56,980 Hal-hal kecil yang cenderung untuk perjalanan orang up, tapi itu jenis seperti go-to 249 00:13:56,980 --> 00:13:58,564 ketika Anda mulai minggu depan pset. 250 00:13:58,564 --> 00:14:00,730 Dan saya akan memberikan Anda lebih banyak petunjuk tentang minggu ini pset, 251 00:14:00,730 --> 00:14:05,010 tapi saya belum melihatnya sejak dirilis pagi ini. 252 00:14:05,010 --> 00:14:10,600 Tapi Anda email saya, saya akan telah melihat hal itu pada saat saya merespon besok. 253 00:14:10,600 --> 00:14:14,310 >> Jadi sekarang, semua orang baik dengan chmod? 254 00:14:14,310 --> 00:14:16,040 Setiap pertanyaan yang tersisa? 255 00:14:16,040 --> 00:14:17,240 Cukup sederhana. 256 00:14:17,240 --> 00:14:20,620 Hanya jenis melacak apa membaca, menulis, dan mengeksekusi jumlahnya 257 00:14:20,620 --> 00:14:23,660 mungkin adalah bagian tersulit. 258 00:14:23,660 --> 00:14:29,620 >> Jadi dengan TCP / IP, semua protokol ini, jenis seperti dengan struktur data Anda 259 00:14:29,620 --> 00:14:31,990 pekan lalu, itu jauh lebih penting untuk mendapatkan semacam 260 00:14:31,990 --> 00:14:33,900 intuisi tingkat yang lebih tinggi dari mereka. 261 00:14:33,900 --> 00:14:37,390 Ini bukan CS143 mana kita akan untuk meminta Anda untuk membuat jaringan, 262 00:14:37,390 --> 00:14:39,870 sehingga Anda akan baik-baik saja jika Anda tidak mengerti 263 00:14:39,870 --> 00:14:42,900 seluk beluk semua protokol. 264 00:14:42,900 --> 00:14:46,050 Yang penting untuk dipahami adalah jenis seperti apa yang mereka wakili 265 00:14:46,050 --> 00:14:47,300 dan mengapa mereka penting. 266 00:14:47,300 --> 00:14:52,320 >> Jadi TCP / IP, tentu saja, itu adalah Transmission Control Protocol 267 00:14:52,320 --> 00:14:57,270 atau Internet Protocol, yang pada dasarnya hanya satu set hukum pada dasarnya 268 00:14:57,270 --> 00:15:00,800 atau standar yang memberitahu Data bagaimana harus ditangani, 269 00:15:00,800 --> 00:15:04,900 bagaimana harus packetized, ditransmisikan, dan diterima. 270 00:15:04,900 --> 00:15:09,200 Jadi pada dasarnya, sama seperti mengatakan di sini, meningkatkan kemungkinan 271 00:15:09,200 --> 00:15:12,950 Data yang mendapat di mana Anda ingin mendapatkan. 272 00:15:12,950 --> 00:15:15,950 >> Saya yakin jika kalian pergi ke kuliah atau menonton secara online, 273 00:15:15,950 --> 00:15:18,232 ia has-- Saya tidak tahu jika ia melakukannya tahun ini, 274 00:15:18,232 --> 00:15:20,940 tapi aku tahu tahun lalu, ia memiliki demo di mana ia memiliki gambar Rob 275 00:15:20,940 --> 00:15:23,320 dan ia membaginya menjadi empat dan memasukkannya ke dalam amplop 276 00:15:23,320 --> 00:15:26,590 dan mencoba untuk mendapatkannya di Sanders. 277 00:15:26,590 --> 00:15:29,430 Dan Anda dapat jenis berpikir seperti itu. 278 00:15:29,430 --> 00:15:35,400 Ini hanya seperangkat aturan yang memberitahu Data bagaimana untuk mendapatkan tempat 279 00:15:35,400 --> 00:15:37,640 dan memungkinkan Anda mengetahui apakah Anda akan kehilangan data, 280 00:15:37,640 --> 00:15:40,460 dengan cara yang sama bahwa jika Anda mengambil beberapa halaman dari catatan 281 00:15:40,460 --> 00:15:46,490 dan Anda label mereka dengan halaman 104, halaman 204, dan Anda kembali untuk belajar nanti 282 00:15:46,490 --> 00:15:50,220 dan Anda kehilangan something-- Anda tidak dapat menemukan halaman 304-- Anda tahu 283 00:15:50,220 --> 00:15:53,310 ada sesuatu yang salah, sehingga Anda dapat melihat melalui catatan Anda 284 00:15:53,310 --> 00:15:58,666 lagi atau meminta seseorang untuk mengirim ulang Anda kuliah catatan dari hari itu. 285 00:15:58,666 --> 00:16:00,290 Cara yang sama dengan data di internet. 286 00:16:00,290 --> 00:16:03,220 Jika saya meminta sesuatu dari beberapa server yang 287 00:16:03,220 --> 00:16:05,377 dan perlu untuk mengirim dalam beberapa paket, 288 00:16:05,377 --> 00:16:07,210 mungkin akan nomor dalam beberapa cara, biarkan 289 00:16:07,210 --> 00:16:12,430 aku tahu berapa banyak saya harus menerima, dan katakan padaku, oh, ini adalah salah satu dari 10 290 00:16:12,430 --> 00:16:13,990 atau ini adalah salah satu dari 10.000. 291 00:16:13,990 --> 00:16:17,030 Dengan begitu ketika saya pergi untuk berkumpul kembali semua potongan, 292 00:16:17,030 --> 00:16:21,504 Aku tahu jika ada sesuatu yang hilang dan aku bisa meminta itu lagi. 293 00:16:21,504 --> 00:16:22,730 Apakah itu masuk akal? 294 00:16:22,730 --> 00:16:23,610 Hanya satu set aturan. 295 00:16:23,610 --> 00:16:28,120 Pada dasarnya, seperangkat aturan, OK? 296 00:16:28,120 --> 00:16:31,360 >> Jadi kita juga berbicara sebuah sedikit tentang port. 297 00:16:31,360 --> 00:16:36,150 Ini benar-benar hanya standar yang memungkinkan Anda tahu apa jenis data 298 00:16:36,150 --> 00:16:38,650 sedang dikirim dalam paket ini. 299 00:16:38,650 --> 00:16:40,790 Jika kita pergi dengan kami contoh amplop, kita tidak 300 00:16:40,790 --> 00:16:43,510 tahu bahwa itu gambar Rob di sana kecuali kita menulis itu 301 00:16:43,510 --> 00:16:45,480 di luar amplop kami. 302 00:16:45,480 --> 00:16:47,100 Jadi port pada dasarnya hal yang sama. 303 00:16:47,100 --> 00:16:51,670 Ini hanya cara untuk mencari tahu apa Jenis data sedang dikirim. 304 00:16:51,670 --> 00:16:56,260 >> Jadi kita memiliki semua paling yang umum di sini. 305 00:16:56,260 --> 00:16:59,790 Jadi 21-- ini juga baik seperti hal-hal yang baik untuk mengetahui. 306 00:16:59,790 --> 00:17:01,560 Ini semacam pertanyaan kuis mudah. 307 00:17:01,560 --> 00:17:03,590 Seperti, apa port 80 lakukan? 308 00:17:03,590 --> 00:17:06,970 Atau, apa port 443 lakukan? 309 00:17:06,970 --> 00:17:09,359 Jadi hal-hal yang baik untuk tahu. 310 00:17:09,359 --> 00:17:12,569 >> Jadi kita miliki di sini, 21 adalah berkas Protokol transfer, jadi hanya 311 00:17:12,569 --> 00:17:15,050 peraturan yang mengatur transfer file. 312 00:17:15,050 --> 00:17:19,550 25, sesuatu yang kita semua menggunakan terlalu banyak, adalah email. 313 00:17:19,550 --> 00:17:22,790 53 adalah nama domain sistem, yang pada dasarnya adalah 314 00:17:22,790 --> 00:17:26,910 hanya jenis pencarian untuk Alamat IP dari sebuah nama domain. 315 00:17:26,910 --> 00:17:29,900 >> Jadi saya cukup yakin itu disebutkan dalam kuliah, jika Anda 316 00:17:29,900 --> 00:17:33,960 pergi ke sesuatu seperti google.com, ia memiliki alamat IP 317 00:17:33,960 --> 00:17:35,818 yang terkait dengan itu. 318 00:17:35,818 --> 00:17:37,026 Hal ini tidak benar-benar google.com. 319 00:17:37,026 --> 00:17:40,720 Dan 53 adalah port yang benar-benar membutuhkan 320 00:17:40,720 --> 00:17:44,050 perawatan jenis menerjemahkannya ke alamat IP untuk Anda. 321 00:17:44,050 --> 00:17:47,830 Dan kemudian 80 dan 443 adalah sangat umum. 322 00:17:47,830 --> 00:17:50,710 Anda juga memiliki halaman web Anda atau Anda memiliki halaman web yang aman Anda, 323 00:17:50,710 --> 00:17:56,100 yang banyak halaman web yang mentransfer lebih dari sekarang. 324 00:17:56,100 --> 00:18:02,540 >> Jadi itulah tingkat agak tinggi ikhtisar protokol transfer. 325 00:18:02,540 --> 00:18:05,170 Saya tidak melihat banyak lebih mendalam. 326 00:18:05,170 --> 00:18:07,320 Ini semacam hal-hal keren jika Anda tertarik. 327 00:18:07,320 --> 00:18:08,590 Ada banyak sumber daya. 328 00:18:08,590 --> 00:18:10,780 Wikipedia sebenarnya halaman cukup bagus. 329 00:18:10,780 --> 00:18:13,850 Jadi saya melihat itu hanya beberapa saat yang lalu, 330 00:18:13,850 --> 00:18:16,580 jadi saya akan sangat menyarankan melihat itu jika Anda tertarik 331 00:18:16,580 --> 00:18:22,160 atau mengambil 143 dalam dua tahun karena Saya pikir itu setiap tahun. 332 00:18:22,160 --> 00:18:27,590 >> Jadi pada akhir ini, kami berbicara tentang halaman web dan HTTP, 333 00:18:27,590 --> 00:18:33,790 yang sebenarnya topik kita berikutnya untuk hari ini sebelum kita masuk ke HTML dan CSS 334 00:18:33,790 --> 00:18:37,920 dan Anda benar-benar dapat kode sebuah halaman web. 335 00:18:37,920 --> 00:18:38,650 Ini akan menyenangkan. 336 00:18:38,650 --> 00:18:42,220 Kita akan memiliki gambar kelinci dan itu akan menjadi besar. 337 00:18:42,220 --> 00:18:48,630 >> Jadi HTTP, seperti yang Anda lihat di sini, adalah salah satu akronim yang indah 338 00:18:48,630 --> 00:18:53,220 untuk minggu ini, yang Protokol transfer hypertext. 339 00:18:53,220 --> 00:18:57,940 Jadi sekali lagi, itu hanya satu set aturan yang 340 00:18:57,940 --> 00:19:01,440 mengatur hypertext mentransfer, dalam kasus ini. 341 00:19:01,440 --> 00:19:04,120 Jadi cara terbaik untuk belajar tentang ini adalah hanya semacam 342 00:19:04,120 --> 00:19:07,650 untuk memecahnya menjadi kata-kata individu 343 00:19:07,650 --> 00:19:10,770 karena ada banyak kata-kata di layar sana. 344 00:19:10,770 --> 00:19:13,290 >> Jadi kita akan mulai dengan hypertext. 345 00:19:13,290 --> 00:19:17,630 Jadi "hiper," Anda bisa memikirkan "Di atas," seperti super-jenis hal. 346 00:19:17,630 --> 00:19:24,615 Jadi itu benar-benar hanya teks dibawa ke tingkat berikutnya, jadi seperti teks super, 347 00:19:24,615 --> 00:19:27,850 seperti teks berikutnya. 348 00:19:27,850 --> 00:19:34,890 Jadi itu pada dasarnya hanya teks yang memberi kita 349 00:19:34,890 --> 00:19:37,490 informasi lebih dari teks normal yang ada, OK? 350 00:19:37,490 --> 00:19:40,510 >> Jadi dalam hal ini di sini, ini adalah hypertext. 351 00:19:40,510 --> 00:19:45,710 Ini memberitahu kita bahwa kita memiliki beberapa link yang kita akan, 352 00:19:45,710 --> 00:19:49,620 yang cs50.net, yang sekarang cs50.harvard.edu. 353 00:19:49,620 --> 00:19:51,420 Slide ini agak tua. 354 00:19:51,420 --> 00:19:55,330 Dan itu akan menampilkan itu karena hal ini, sebagai hyperlink, 355 00:19:55,330 --> 00:19:58,140 dan kemudian sebuah website benar-benar keren. 356 00:19:58,140 --> 00:20:02,080 >> Jadi itu teks, yang sedikit sedikit hal yang benar-benar keren di sana. 357 00:20:02,080 --> 00:20:08,170 Sehingga Anda dapat menghubungkan hal-hal dan Anda bisa menyisipkan gambar dan Anda dapat gaya hal. 358 00:20:08,170 --> 00:20:11,740 Dan hal yang paling akrab bahwa Anda Orang-orang mungkin memiliki dengan hypertext 359 00:20:11,740 --> 00:20:19,100 adalah HyperText Markup Language, HTML, yang tentu saja semua web 360 00:20:19,100 --> 00:20:23,080 yang kita lihat di sekitar kita, yang diberikan dengan beberapa gaya CSS dilemparkan. 361 00:20:23,080 --> 00:20:25,580 >> Tapi apakah ada orang benar-benar besar dengan MySpace, 362 00:20:25,580 --> 00:20:28,240 Saya yakin Anda semua bekas HTML sepanjang waktu untuk membuat 363 00:20:28,240 --> 00:20:30,640 profil tersebut sempurna, kan? 364 00:20:30,640 --> 00:20:34,930 Saya merasa seperti itu mungkin menjadi usang referensi sekarang, tapi apa pun. 365 00:20:34,930 --> 00:20:37,780 Hanya little-- sebuah kalian tidak yang jauh lebih muda. 366 00:20:37,780 --> 00:20:40,480 Beberapa dari Anda yang lebih tua dari saya. 367 00:20:40,480 --> 00:20:42,480 MySpace masih hal ketika saya masih muda. 368 00:20:42,480 --> 00:20:44,510 Aku tidak setua itu. 369 00:20:44,510 --> 00:20:49,265 >> Anyways, HTML hanya bentuk hypertext. 370 00:20:49,265 --> 00:20:55,640 Jadi hypertext hanya teks dengan fitur yang ditambahkan. 371 00:20:55,640 --> 00:21:01,790 Jadi transfer protocol mungkin hal yang lebih rapuh untuk menjelaskan. 372 00:21:01,790 --> 00:21:04,870 Jelas, transfer-- hanya mentransfer data. 373 00:21:04,870 --> 00:21:09,370 Jadi baik antara klien, seperti saudara web Anda, dan server. 374 00:21:09,370 --> 00:21:12,090 Jadi pada dasarnya hanya cara internet bekerja. 375 00:21:12,090 --> 00:21:16,339 >> Jadi permintaan tepat bagaimana pekerjaan ini, kami 376 00:21:16,339 --> 00:21:18,755 benar-benar akan melihat sebuah contoh permintaan dan respon. 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 Tapi bagaimana kita meminta informasi dari server 379 00:21:25,220 --> 00:21:30,590 dan bagaimana server merespon kita adalah apa protokol transfer ini mengatur. 380 00:21:30,590 --> 00:21:35,320 Jadi permintaan dan respon memiliki untuk ikuti set khusus aturan. 381 00:21:35,320 --> 00:21:38,340 Ini standar sehingga tidak peduli di mana Anda menggunakan internet, 382 00:21:38,340 --> 00:21:40,720 selalu bekerja sama, OK? 383 00:21:40,720 --> 00:21:43,220 >> Sekali lagi, protokol, seperangkat aturan. 384 00:21:43,220 --> 00:21:45,620 Ini hanya normal interaksi dengan cara yang sama 385 00:21:45,620 --> 00:21:49,500 Profesor Malan berbicara tentang jika seseorang meluas tangan mereka, 386 00:21:49,500 --> 00:21:52,880 Anda tahu bahwa itu milik umum untuk mencapai Anda dan berjabat tangan mereka. 387 00:21:52,880 --> 00:21:54,580 Itu protokol, kan? 388 00:21:54,580 --> 00:21:59,060 >> Jadi saya memberikan beberapa permintaan standar, yang saya ingin menjabat tangan Anda, 389 00:21:59,060 --> 00:22:01,975 dan Anda memberikan beberapa standar respon, yang merupakan salah tidak, terima kasih 390 00:22:01,975 --> 00:22:04,600 atau Anda bisa mencoba dan kocok saya tangan atau mungkin Anda akan mencoba 391 00:22:04,600 --> 00:22:06,490 dan tinju benjolan saya. 392 00:22:06,490 --> 00:22:08,320 Dan kita tidak memiliki protokol untuk itu. 393 00:22:08,320 --> 00:22:09,360 Itu rusak. 394 00:22:09,360 --> 00:22:12,030 Tetapi jika semua orang mengikuti protokol yang sama, tentu saja, 395 00:22:12,030 --> 00:22:14,250 ia pergi jauh lebih mulus. 396 00:22:14,250 --> 00:22:15,590 Orang mengenal satu sama lain. 397 00:22:15,590 --> 00:22:16,830 Semua orang senang. 398 00:22:16,830 --> 00:22:20,750 >> Jadi dalam dunia web, semua orang mengikuti rules-- sama 399 00:22:20,750 --> 00:22:22,940 sedikit lebih baik dari standar sosial. 400 00:22:22,940 --> 00:22:26,950 Tapi dengan itu, kita akan melihat pada permintaan contoh di sini. 401 00:22:26,950 --> 00:22:30,020 Jadi ada ini sedikit kunci di sini di bawah 402 00:22:30,020 --> 00:22:34,990 yang memberitahu Anda warna yang berbeda, apa yang mereka seharusnya berarti. 403 00:22:34,990 --> 00:22:38,290 >> Begitu putih adalah seperti metode Anda permintaan dan protokol version-- 404 00:22:38,290 --> 00:22:42,400 sehingga permintaan metode, versi. 405 00:22:42,400 --> 00:22:44,630 Dan maka ini adalah beberapa nama field dan nilai 406 00:22:44,630 --> 00:22:47,630 dari bidang itu, yang kita akan masuk ke sangat, sangat lama. 407 00:22:47,630 --> 00:22:49,840 Jadi ini adalah permintaan contoh. 408 00:22:49,840 --> 00:22:54,470 Ini seperti saya memperpanjang keluar, ingin memperkenalkan diri. 409 00:22:54,470 --> 00:22:58,507 >> Ini adalah apa yang klien atau apa browser web Anda 410 00:22:58,507 --> 00:22:59,840 akan mengirim ke server Anda. 411 00:22:59,840 --> 00:23:04,500 Jadi ini adalah permintaan get, sehingga meminta sesuatu dari server. 412 00:23:04,500 --> 00:23:09,690 Dan itu, tentu saja, HTTP dan itu versi 1.1. 413 00:23:09,690 --> 00:23:16,060 >> Jadi sisa ini di sini adalah apa yang kita sebut header, dan informasi tambahan yang 414 00:23:16,060 --> 00:23:20,050 yang memberi kita ide yang lebih baik dari apa yang kita benar-benar meminta, 415 00:23:20,050 --> 00:23:23,190 atau informasi yang kita ingin memberikan server yang mungkin berhubungan. 416 00:23:23,190 --> 00:23:32,880 Jadi User-Agent memberikan lagi deskripsi on-- misalnya, di sini, 417 00:23:32,880 --> 00:23:38,720 keriting / 7.24.0 sebenarnya akan memberitahu server yang kita sedang menggunakan Google 418 00:23:38,720 --> 00:23:40,700 Chrome sebagai browser kita. 419 00:23:40,700 --> 00:23:43,290 Jadi, jika Anda pernah mendengar tentang orang-orang yang berbicara 420 00:23:43,290 --> 00:23:48,160 tentang membuat sebuah aplikasi responsif untuk beberapa browser, 421 00:23:48,160 --> 00:23:50,330 ini adalah sesuatu yang mereka akan menggunakan karena jika Anda 422 00:23:50,330 --> 00:23:53,000 tidak tahu apa browser Permintaan tersebut datang dari, 423 00:23:53,000 --> 00:23:55,050 Anda tidak dapat menyesuaikan data itu. 424 00:23:55,050 --> 00:23:57,690 Jadi dalam hal ini, pengguna hanya memberikan semacam ini 425 00:23:57,690 --> 00:24:01,030 informasi mengidentifikasi tentang apa browser 426 00:24:01,030 --> 00:24:06,510 pengguna Anda saat ini menggunakan, OK? 427 00:24:06,510 --> 00:24:11,640 >> Jadi kami juga memiliki tuan, yang di mana kita benar-benar ingin pergi ke. 428 00:24:11,640 --> 00:24:15,280 Dalam hal ini, kami ingin pergi ke apple.com, membeli beberapa iPads baru yang keren 429 00:24:15,280 --> 00:24:19,540 atau sesuatu, mungkin lucu lampu di kamar asrama kami. 430 00:24:19,540 --> 00:24:24,900 Dan nilai nama di akhir hanya pengisi, hanya hal umum 431 00:24:24,900 --> 00:24:25,760 untuk kalian untuk melihat. 432 00:24:25,760 --> 00:24:28,240 Ini tidak benar-benar sesuai dengan apa pun di sini. 433 00:24:28,240 --> 00:24:32,360 >> Sehingga Anda dapat memiliki sebanyak atau sedikit yang Anda inginkan dalam setiap kasus. 434 00:24:32,360 --> 00:24:36,990 Sebagian besar waktu, ini adalah opsional. 435 00:24:36,990 --> 00:24:41,780 Itu hanya tergantung pada apa yang Anda butuhkan dari browser, 436 00:24:41,780 --> 00:24:45,120 dari pengguna Anda untuk benar memberikan permintaan tersebut. 437 00:24:45,120 --> 00:24:48,970 Atau itu tergantung pada apa yang pengguna Anda benar-benar ingin menyerah ke server. 438 00:24:48,970 --> 00:24:54,550 Jadi, Anda mungkin memiliki banyak, banyak nama kolom header ini 439 00:24:54,550 --> 00:24:57,140 atau Anda mungkin hanya memiliki beberapa. 440 00:24:57,140 --> 00:24:59,630 Seperti begitu banyak hal Aku sudah mengatakan dalam bagian ini, 441 00:24:59,630 --> 00:25:03,590 itu benar-benar tergantung pada konteks bagaimana Anda menggunakan ini. 442 00:25:03,590 --> 00:25:06,810 >> Begitu juga yang masuk akal bagi semua orang? 443 00:25:06,810 --> 00:25:11,463 Ini hanyalah sebuah contoh permintaan, header, entah apa lagi. 444 00:25:11,463 --> 00:25:16,910 OK, jadi dengan itu, kami memiliki beberapa respon. 445 00:25:16,910 --> 00:25:20,510 >> Sekali lagi, kita memiliki kode status kita, protokol versi, dan kemudian nama field dan lapangan 446 00:25:20,510 --> 00:25:21,700 nilai seperti biasa. 447 00:25:21,700 --> 00:25:25,500 Jadi versi protokol kami dan kode status kita adalah 200. 448 00:25:25,500 --> 00:25:28,610 OK, yang berarti bahwa, ya, semuanya berjalan baik. 449 00:25:28,610 --> 00:25:30,230 Berikut adalah apa yang Anda inginkan. 450 00:25:30,230 --> 00:25:33,750 >> Jenis server, isi type-- itu memberitahu kita, OK, kau 451 00:25:33,750 --> 00:25:37,210 akan mendapatkan beberapa teks HTML. 452 00:25:37,210 --> 00:25:40,520 Berikut adalah panjang dan inilah apa yang harus Anda lakukan dengan koneksi. 453 00:25:40,520 --> 00:25:43,004 OK, jadi sekali lagi, tergantung pada data Anda 454 00:25:43,004 --> 00:25:45,670 meminta, tergantung pada apa yang Server ingin kembali ke Anda, 455 00:25:45,670 --> 00:25:49,440 Anda mungkin memiliki lebih dari lapangan ini nama, Anda mungkin memiliki lebih sedikit. 456 00:25:49,440 --> 00:25:53,950 Benar-benar tergantung konteks. 457 00:25:53,950 --> 00:25:56,650 >> Dan sejauh status ini kode di sini, tentu saja, 458 00:25:56,650 --> 00:25:59,590 200 adalah bukan satu-satunya Anda bisa memiliki, kan? 459 00:25:59,590 --> 00:26:01,580 Kami memiliki banyak kode status. 460 00:26:01,580 --> 00:26:06,120 Apakah ada yang ingat salah satu orang lain yang kami sebutkan dalam kuliah? 461 00:26:06,120 --> 00:26:08,310 Banyak dari mereka mulai dengan 4. 462 00:26:08,310 --> 00:26:09,680 >> AUDIENCE: 404. 463 00:26:09,680 --> 00:26:11,310 >> Allison Buchholtz-AU: 404, yang? 464 00:26:11,310 --> 00:26:12,140 >> AUDIENCE: File tidak ditemukan? 465 00:26:12,140 --> 00:26:13,250 >> Allison Buchholtz-AU: File tidak ditemukan. 466 00:26:13,250 --> 00:26:14,120 Tepat. 467 00:26:14,120 --> 00:26:15,587 Jadi bagaimana dengan 403? 468 00:26:15,587 --> 00:26:16,420 AUDIENCE: Terlarang. 469 00:26:16,420 --> 00:26:17,120 Allison Buchholtz-AU: Terlarang. 470 00:26:17,120 --> 00:26:18,695 Jadi apa yang Anda pikirkan yang berarti dengan chmods? 471 00:26:18,695 --> 00:26:20,890 >> AUDIENCE: Ini berarti bahwa Anda tidak memiliki izin untuk membacanya. 472 00:26:20,890 --> 00:26:22,400 >> Allison Buchholtz-AU: Tepat. 473 00:26:22,400 --> 00:26:25,190 Dalam beberapa cara, Anda tidak perlu izin untuk mengaksesnya, kan? 474 00:26:25,190 --> 00:26:27,242 Jadi 404, 403. 475 00:26:27,242 --> 00:26:28,950 Ada benar-benar lucu salah satu yang kita selalu 476 00:26:28,950 --> 00:26:31,116 memperkenalkan setiap tahun yang Aku harus meletakkan di sini, 477 00:26:31,116 --> 00:26:33,370 seperti 413, yang aku teko. 478 00:26:33,370 --> 00:26:34,390 Anda dapat google ini. 479 00:26:34,390 --> 00:26:38,490 Ini lucu seperti, itu adalah kode 413 dan itu aku teko. 480 00:26:38,490 --> 00:26:41,240 Yang saya tidak tahu mengapa Anda akan merasa perlu bahwa di internet, 481 00:26:41,240 --> 00:26:42,935 tapi saya ngelantur. 482 00:26:42,935 --> 00:26:44,310 AUDIENCE: Mungkin Anda pot teh. 483 00:26:44,310 --> 00:26:46,476 Allison Buchholtz-AU: Mungkin server adalah pot teh. 484 00:26:46,476 --> 00:26:47,890 Siapa yang tahu? 485 00:26:47,890 --> 00:26:51,840 Baiklah, jadi kita akan transisi ke coding nyata. 486 00:26:51,840 --> 00:26:54,750 Saya merasa seperti kalian akan keluar dari sini cukup cepat. 487 00:26:54,750 --> 00:26:56,940 >> AUDIENCE: Mengapa itu mengatakan "server: dua kali? 488 00:26:56,940 --> 00:26:57,981 >> Allison Buchholtz-AU: Hm? 489 00:26:57,981 --> 00:27:00,350 Server dua kali? 490 00:27:00,350 --> 00:27:03,750 Itu adalah pertanyaan yang bagus. 491 00:27:03,750 --> 00:27:04,630 Saya tidak yakin. 492 00:27:04,630 --> 00:27:07,520 Aku akan mencari tahu dan Saya akan mengirimkan email kepada Anda semua. 493 00:27:07,520 --> 00:27:11,410 >> OK, pertanyaan lain selain itu? 494 00:27:11,410 --> 00:27:12,310 Baik? 495 00:27:12,310 --> 00:27:14,390 Keren. 496 00:27:14,390 --> 00:27:17,280 >> HTML dan CSS, dan sekarang kami sampai ke semua bagian yang menyenangkan. 497 00:27:17,280 --> 00:27:21,697 Jadi seperti yang saya sebutkan sebelumnya, HTML mungkin salah satu hal 498 00:27:21,697 --> 00:27:23,030 kalian yang paling akrab dengan. 499 00:27:23,030 --> 00:27:25,760 Jadi kita memiliki HyperText Markup Language. 500 00:27:25,760 --> 00:27:29,900 >> Cara terbaik untuk belajar this-- aku tidak memiliki slide disiapkan atau apa pun 501 00:27:29,900 --> 00:27:31,480 untuk kalian dengan HTML. 502 00:27:31,480 --> 00:27:33,640 Ini benar-benar tentang belajar sintaks. 503 00:27:33,640 --> 00:27:38,380 Dan jika Anda berada di MySpace hari, Anda akan memiliki ini turun. 504 00:27:38,380 --> 00:27:42,790 >> Jadi benar-benar, yang terbesar adalah hanya untuk berlatih dan bereksperimen. 505 00:27:42,790 --> 00:27:48,000 Salah satu sumber daya yang besar saya akan sangat menyarankan menggunakan adalah W3Schools. 506 00:27:48,000 --> 00:27:50,620 Jadi hanya W, 3, dan kemudian Sekolah. 507 00:27:50,620 --> 00:27:54,810 Mereka memiliki banyak sumber daya pada HTML, CSS, 508 00:27:54,810 --> 00:27:58,970 dan mereka benar-benar memiliki layar terbelah semacam itu 509 00:27:58,970 --> 00:28:00,830 di mana mereka akan memberikan contoh kode. 510 00:28:00,830 --> 00:28:03,290 Anda dapat bermain-main dengan hal itu, mengubahnya, dan tekan Update, 511 00:28:03,290 --> 00:28:06,410 dan itu akan menunjukkan kepada Anda apa yang sebenarnya ke halaman web. 512 00:28:06,410 --> 00:28:08,380 >> Jadi saya akan sangat menyarankan menggunakan itu. 513 00:28:08,380 --> 00:28:11,300 Hal ini cukup keren. 514 00:28:11,300 --> 00:28:14,560 Anda tidak akan mendapatkan kesalahan seg di sini bila ada yang salah. 515 00:28:14,560 --> 00:28:16,430 Jika Anda berhasil mendapatkan kesalahan seg dengan HTML, 516 00:28:16,430 --> 00:28:19,446 biarkan aku tahu karena aku akan nyata tertarik. 517 00:28:19,446 --> 00:28:21,570 Tapi itu benar-benar keren karena Anda dapat mengubah hal-hal, 518 00:28:21,570 --> 00:28:23,550 Anda dapat melihat mereka diperbarui hidup. 519 00:28:23,550 --> 00:28:26,210 Dan saya pikir Anda akan mendapatkan banyak pegang lebih intuitif dari HTML 520 00:28:26,210 --> 00:28:28,690 jika Anda benar-benar hanya menghabiskan waktu bereksperimen dengan itu. 521 00:28:28,690 --> 00:28:32,590 Jadi itu sebabnya aku berkata, praktek dan eksperimen. 522 00:28:32,590 --> 00:28:34,490 >> Google, dari sini keluar, mungkin akan 523 00:28:34,490 --> 00:28:36,440 salah satu sumber daya terbaik Anda dan teman-teman. 524 00:28:36,440 --> 00:28:41,080 Atau Bing-- Aku sedang bekerja di Microsoft, jadi mungkin aku harus mengatakan Bing. 525 00:28:41,080 --> 00:28:45,590 Tapi apa pun cukup banyak hanya akan menjadi sintaks, 526 00:28:45,590 --> 00:28:51,300 sehingga memahami apa yang tag, understanding-- setidaknya dengan CSS-- 527 00:28:51,300 --> 00:28:53,360 cara mengubah atribut tertentu. 528 00:28:53,360 --> 00:28:55,300 Ini akan menjadi super berguna. 529 00:28:55,300 --> 00:28:58,852 >> Jadi meskipun kita tidak memiliki hal-hal siap, 530 00:28:58,852 --> 00:29:02,060 kami memiliki jenis beberapa praktek terbaik bahwa kami ingin kalian untuk mencoba dan mematuhi 531 00:29:02,060 --> 00:29:06,640 by-- atau lebih tepatnya, Anda harus mematuhi sampai pemberitahuan lebih lanjut. 532 00:29:06,640 --> 00:29:09,722 Jadi menutup semua tag Anda. 533 00:29:09,722 --> 00:29:12,930 Mudah-mudahan semua orang has-- Anda tahu apa, jika hal ini tidak masuk akal sekarang, 534 00:29:12,930 --> 00:29:15,388 Aku janji akan masuk akal ketika kita pengkodean halaman. 535 00:29:15,388 --> 00:29:16,680 Tapi menutup semua tag Anda. 536 00:29:16,680 --> 00:29:20,410 Jadi jika Anda pernah memiliki beberapa Header itu braket, 537 00:29:20,410 --> 00:29:24,180 H1, braket, pastikan bahwa setiap kali Anda selesai dengan itu, 538 00:29:24,180 --> 00:29:26,570 Anda menutup header yang. 539 00:29:26,570 --> 00:29:30,260 Validasi halaman Anda dengan W3 Validator. 540 00:29:30,260 --> 00:29:34,689 Jika Anda tidak menutup tag Anda, Anda bisa mendapatkan perilaku tak terduga. 541 00:29:34,689 --> 00:29:37,730 Ini akan mengatakan bahwa halaman Anda tidak valid jika Anda menjalankannya melalui validator ini. 542 00:29:37,730 --> 00:29:41,000 Jadi ketika di doubt-- dan terutama pada minggu ini dan minggu depan 543 00:29:41,000 --> 00:29:46,220 pset-- dengan cara yang sama yang kita minta Anda untuk menggunakan memeriksa 50 dan gaya 50, 544 00:29:46,220 --> 00:29:49,130 Anda bisa memikirkan ini sebagai salah satu cek Anda, OK? 545 00:29:49,130 --> 00:29:51,950 >> Jadi jika tidak lulus W3 Validator. 546 00:29:51,950 --> 00:29:53,810 Itu adalah sesuatu yang kita akan dermaga Anda pada. 547 00:29:53,810 --> 00:29:55,960 Atau aku bilang benar sekarang, aku akan dermaga Anda pada. 548 00:29:55,960 --> 00:29:58,202 Jadi pastikan memvalidasi. 549 00:29:58,202 --> 00:29:58,785 Ini tidak sulit. 550 00:29:58,785 --> 00:30:01,530 Anda hanya sisipkan dalam kode Anda dan itu akan baik mengatakan pekerjaan yang baik 551 00:30:01,530 --> 00:30:03,630 atau Anda kehilangan sesuatu dengan cara yang sama 552 00:30:03,630 --> 00:30:07,760 bahwa gaya 50 memberitahu Anda di mana Anda mengacaukan. 553 00:30:07,760 --> 00:30:11,360 >> Dan kemudian satu hal adalah Anda ingin memisahkan 554 00:30:11,360 --> 00:30:15,980 markup Anda, yang adalah semua HTML yang atau teks Anda, dan styling Anda. 555 00:30:15,980 --> 00:30:19,420 Jadi kami akan melakukan contoh itu setelah ini. 556 00:30:19,420 --> 00:30:21,830 Jadi HTML dan CSS harus terpisah. 557 00:30:21,830 --> 00:30:26,030 Dan kita akan berbicara tentang MVC, yang merupakan Model View Controller, 558 00:30:26,030 --> 00:30:27,100 minggu depan. 559 00:30:27,100 --> 00:30:29,360 Kalian mungkin harus belajar tentang itu dalam kuliah 560 00:30:29,360 --> 00:30:32,130 besok jika Anda memiliki sudah belajar hari ini. 561 00:30:32,130 --> 00:30:34,250 >> Dan itu hanya semacam paradigma yang kita cenderung 562 00:30:34,250 --> 00:30:37,460 untuk digunakan saat membuat web halaman untuk memisahkan hal-hal. 563 00:30:37,460 --> 00:30:41,440 Anda dapat menganggap itu dengan cara yang sama bahwa kita cenderung fungsi terpisah di C 564 00:30:41,440 --> 00:30:43,360 di mana kita hash untuk menemukan hal-hal. 565 00:30:43,360 --> 00:30:45,530 Ini hanya cara untuk membuat hidup Anda lebih mudah. 566 00:30:45,530 --> 00:30:51,790 Ini memisahkan keluar atribut atau kode yang Anda akan menggunakan berulang-ulang, 567 00:30:51,790 --> 00:30:55,360 tapi dengan cara ini, itu jenis dari terus itu bagus dan rapi. 568 00:30:55,360 --> 00:30:58,260 Dan jika Anda ingin mengubah satu hal, Anda mengubahnya sekali 569 00:30:58,260 --> 00:31:00,150 dan itu berubah di tempat lain. 570 00:31:00,150 --> 00:31:05,010 Jadi itu lebih untuk Anda kemudahan dan fleksibilitas. 571 00:31:05,010 --> 00:31:11,430 >> Jadi dengan CSS, itu sangat mirip untuk HTML, tapi bukannya tag 572 00:31:11,430 --> 00:31:15,120 yang saya sebutkan tadi, kita menggunakan apa yang disebut penyeleksi. 573 00:31:15,120 --> 00:31:21,900 Dan mereka pada dasarnya hanya jenis dari mengasosiasikan tag tertentu 574 00:31:21,900 --> 00:31:24,620 dalam HTML dengan atribut yang berbeda. 575 00:31:24,620 --> 00:31:29,060 Dan ketika saya mengatakan atribut, maksudku hal-hal seperti warna font, gaya font, 576 00:31:29,060 --> 00:31:32,694 warna latar belakang, warna teks Anda. 577 00:31:32,694 --> 00:31:33,610 Orang-orang macam hal. 578 00:31:33,610 --> 00:31:36,270 Seperti jika itu berpusat, apakah itu ke kanan, 579 00:31:36,270 --> 00:31:39,430 jika inverted-- semua dari hal-hal keren. 580 00:31:39,430 --> 00:31:42,490 Apa saja hal-hal gaya yang Anda lakukan untuk teks Anda, 581 00:31:42,490 --> 00:31:45,070 ini adalah apa yang saya maksud dengan atribut. 582 00:31:45,070 --> 00:31:50,140 >> Dan kemudian dua hal utama yang harus tahu adalah bahwa selectors-- dua factors-- utama 583 00:31:50,140 --> 00:31:53,090 adalah ID, yang unik. 584 00:31:53,090 --> 00:31:54,859 Anda hanya dapat menggunakannya untuk satu hal. 585 00:31:54,859 --> 00:31:56,400 Jika tidak, itu akan berteriak pada Anda. 586 00:31:56,400 --> 00:31:59,970 Dan ketika kita mendefinisikannya dalam file CSS, itu akan 587 00:31:59,970 --> 00:32:03,182 menjadi hash ID dan kemudian apa atribut yang kita inginkan. 588 00:32:03,182 --> 00:32:05,140 Aku berjanji kita akan melalui contoh. 589 00:32:05,140 --> 00:32:06,830 Itu akan membuat banyak lebih masuk akal. 590 00:32:06,830 --> 00:32:08,830 >> Kelas dapat merujuk ke beberapa blok. 591 00:32:08,830 --> 00:32:13,400 Sehingga Anda dapat memiliki Anda pertama dan ketiga ayat 592 00:32:13,400 --> 00:32:17,240 memiliki jenis yang sama atribut jika Anda mengasosiasikan mereka dengan kelas yang sama. 593 00:32:17,240 --> 00:32:21,050 Dan ketika kita mendefinisikan mereka di CSS, kita melakukan kelas dot, 594 00:32:21,050 --> 00:32:25,710 dengan class menjadi apa pun Anda ingin disebutkan namanya. 595 00:32:25,710 --> 00:32:28,559 >> Jadi saya tahu ini benar sekarang sangat abstrak. 596 00:32:28,559 --> 00:32:29,850 Itu sebabnya kita akan kode. 597 00:32:29,850 --> 00:32:32,060 Aku tahu kalian cinta itu, dan Anda semua 598 00:32:32,060 --> 00:32:34,210 akan membantu saya karena ini adalah halaman web Anda. 599 00:32:34,210 --> 00:32:36,310 Ini adalah halaman web bagian kita, guys. 600 00:32:36,310 --> 00:32:40,158 Jadi apakah ada pertanyaan sebelum saya mematikan PowerPoint, atau apa pun 601 00:32:40,158 --> 00:32:42,366 Anda ingin saya untuk menggulir kembali sebelum kita mulai coding? 602 00:32:42,366 --> 00:32:45,074 >> AUDIENCE: Ketika Anda mengatakan tag pertandingan, maksudmu penyeleksi atau tag? 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 Allison Buchholtz-AU: Anda dapat menganggap mereka sebagai hal yang sama. 605 00:32:53,010 --> 00:32:54,590 Ini kata-kata hanya berbeda. 606 00:32:54,590 --> 00:32:56,460 Maksudku, seperti penyeleksi. 607 00:32:56,460 --> 00:32:59,470 Tapi pemilih juga memetakan tag. 608 00:32:59,470 --> 00:33:02,800 Sehingga Anda dapat menganggap mereka sebagai efektif hal yang sama. 609 00:33:02,800 --> 00:33:05,900 Aku berjanji itu akan membuat lebih masuk akal ketika kita kode. 610 00:33:05,900 --> 00:33:08,400 Apa pun dari PowerPoint atau pertanyaan 611 00:33:08,400 --> 00:33:12,980 sekarang sebelum kita benar-benar membuat halaman bagian kita? 612 00:33:12,980 --> 00:33:15,040 Semua orang sudah siap? 613 00:33:15,040 --> 00:33:15,540 Keren. 614 00:33:15,540 --> 00:33:19,820 615 00:33:19,820 --> 00:33:24,760 >> Jadi saya punya satu mulai. 616 00:33:24,760 --> 00:33:27,030 Mari saya meningkatkan font untuk kalian. 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 OK, jadi sekarang, kita hanya memiliki tulang telanjang halaman web di sini. 619 00:33:36,730 --> 00:33:38,360 >> Kami memiliki beberapa HTML. 620 00:33:38,360 --> 00:33:41,050 Kami memiliki beberapa header, yang kita lihat di sini sebagai halaman contoh web. 621 00:33:41,050 --> 00:33:44,540 Beberapa judul, beberapa font. 622 00:33:44,540 --> 00:33:47,580 Ini adalah tag, OK? 623 00:33:47,580 --> 00:33:53,930 Jadi ketika aku berarti menutup tag Anda, kita lihat di sini kepala bracket ini adalah pembukaan Anda 624 00:33:53,930 --> 00:33:59,670 tag, dan braket ini / Head menutup itu, OK? 625 00:33:59,670 --> 00:34:04,380 >> Jadi Anda bisa menganggap ini sebagai kawat gigi Anda jika kondisi Anda 626 00:34:04,380 --> 00:34:05,420 atau untuk loop. 627 00:34:05,420 --> 00:34:08,630 Jika Anda memiliki satu di awal, Anda ingin satu di akhir. 628 00:34:08,630 --> 00:34:13,500 Ini akan tetap bekerja sebagian besar waktu jika Anda tidak memiliki tag tertutup, 629 00:34:13,500 --> 00:34:17,659 tapi praktek terbaik adalah menutup tag Anda. 630 00:34:17,659 --> 00:34:20,940 >> Jadi dalam hal ini, mari kita mengubah ini. 631 00:34:20,940 --> 00:34:24,150 Kita akan memiliki bagian tujuh. 632 00:34:24,150 --> 00:34:25,270 "Bagian Webpage." 633 00:34:25,270 --> 00:34:26,969 Jadi aku hanya akan mengubah ini. 634 00:34:26,969 --> 00:34:32,100 >> Dan jika kita pergi ke sini dan kami Harus reload-- menyimpan dan reload-- 635 00:34:32,100 --> 00:34:36,750 kita melihat bahwa di sini itu berubah, kan? 636 00:34:36,750 --> 00:34:38,250 Keren. 637 00:34:38,250 --> 00:34:39,380 Jadi ini mengubah judul. 638 00:34:39,380 --> 00:34:41,920 Ini adalah ini apa pun pada tab Anda. 639 00:34:41,920 --> 00:34:43,870 >> Jadi ini adalah jenis mencari jenis membosankan. 640 00:34:43,870 --> 00:34:44,870 Aku tidak tahu tentang orang-orang. 641 00:34:44,870 --> 00:34:46,810 Saya pikir kita ingin sesuatu yang lain di sini. 642 00:34:46,810 --> 00:34:51,900 >> Jadi apa yang bisa kita lakukan adalah header hanya ada. 643 00:34:51,900 --> 00:34:54,320 Mari kita melakukan semacam tubuh. 644 00:34:54,320 --> 00:34:56,550 Jadi kita memiliki beberapa tubuh di sini. 645 00:34:56,550 --> 00:35:01,360 Saya selalu melakukan terbuka dan menutup tag saya untuk memulai, 646 00:35:01,360 --> 00:35:04,850 dengan cara yang sama yang saya lakukan kawat gigi. 647 00:35:04,850 --> 00:35:06,326 Ah. 648 00:35:06,326 --> 00:35:09,010 Tunggu, apa? 649 00:35:09,010 --> 00:35:10,949 >> AUDIENCE: [tak terdengar]. 650 00:35:10,949 --> 00:35:11,990 Allison Buchholtz-AU: Ah. 651 00:35:11,990 --> 00:35:13,895 Kalian punya aku. 652 00:35:13,895 --> 00:35:14,930 Good job. 653 00:35:14,930 --> 00:35:16,270 Bintang emas. 654 00:35:16,270 --> 00:35:20,300 >> OK, jadi kami memiliki beberapa tubuh di sini. 655 00:35:20,300 --> 00:35:22,920 Dan sekarang mari kita mulai menambahkan beberapa teks. 656 00:35:22,920 --> 00:35:26,110 Jadi Anda memiliki pasangan yang berbeda Pilihan untuk menambahkan teks. 657 00:35:26,110 --> 00:35:29,380 Kami memiliki hal-hal seperti header. 658 00:35:29,380 --> 00:35:32,144 Kami memiliki teks biasa saja. 659 00:35:32,144 --> 00:35:33,560 Jadi mari kita mulai dengan sebuah sundulan. 660 00:35:33,560 --> 00:35:36,670 Sebenarnya, jika kalian ingin untuk menarik W3 School HTML, 661 00:35:36,670 --> 00:35:38,860 Anda dapat jenis melihat-lihat dan jika ada sesuatu 662 00:35:38,860 --> 00:35:42,470 terutama bahwa Anda ingin mencoba dengan halaman web ini, kita bisa melakukan itu. 663 00:35:42,470 --> 00:35:46,250 Jadi dalam hal ini, mari kita melakukan beberapa h1. 664 00:35:46,250 --> 00:35:48,710 Jadi h1 seperti header tertinggi. 665 00:35:48,710 --> 00:35:52,260 Ini akan memberi Anda sesuatu yang sangat besar dan tebal. 666 00:35:52,260 --> 00:35:58,010 >> Dan dalam hal ini, apa yang kita inginkan untuk teks pertama pada halaman web kami? 667 00:35:58,010 --> 00:35:58,640 Apa pun. 668 00:35:58,640 --> 00:35:59,800 Kalian akan membuat ini. 669 00:35:59,800 --> 00:36:00,758 Aku hanya akan mengetik. 670 00:36:00,758 --> 00:36:01,620 AUDIENCE: Welcome. 671 00:36:01,620 --> 00:36:02,870 >> Allison Buchholtz-AU: Welcome. 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 OK, jadi jika kita simpan dan kita kembali, kami memiliki besar besar menyambut. 674 00:36:12,620 --> 00:36:17,365 Jadi hanya sehingga Anda dapat melihat perbedaan, mari kita lakukan sesuatu pada H6. 675 00:36:17,365 --> 00:36:18,490 Apa yang kita inginkan di sini? 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 Benar? 678 00:36:27,440 --> 00:36:30,356 >> OK, jadi hanya sehingga Anda dapat melihat perbedaannya. 679 00:36:30,356 --> 00:36:31,990 Ya, Sublime. 680 00:36:31,990 --> 00:36:34,680 Jadi jika Anda perhatikan, h1, sangat, sangat besar. 681 00:36:34,680 --> 00:36:39,030 h6, seperti tebal, tetapi jauh lebih kecil, dan Anda memiliki segala sesuatu di antaranya. 682 00:36:39,030 --> 00:36:41,550 Jadi Anda bisa memiliki h2, h3, h4. 683 00:36:41,550 --> 00:36:43,750 Dan ini hanya header, jadi jika Anda mencoba 684 00:36:43,750 --> 00:36:46,010 untuk membuat sebuah halaman web yang memiliki bagian yang berbeda, 685 00:36:46,010 --> 00:36:48,810 mungkin Anda ingin menggunakan header di sana di suatu tempat. 686 00:36:48,810 --> 00:36:49,580 >> Keren. 687 00:36:49,580 --> 00:36:53,270 Jadi kita akan menambahkan beberapa lagi hal dalam tubuh kita. 688 00:36:53,270 --> 00:36:58,380 Saya melihat bahwa itu akan baik keren jika kita memiliki gambar. 689 00:36:58,380 --> 00:37:02,840 Aku merasa seperti orang bisa menggunakan mungkin gambar kelinci lucu benar tentang sekarang, 690 00:37:02,840 --> 00:37:05,082 jadi kita akan menemukan gambar kelinci pertama. 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> Aku tidak tahu apakah kalian punya preferensi mana yang kita inginkan. 693 00:37:12,960 --> 00:37:14,890 Apakah Anda memiliki preferensi apapun? 694 00:37:14,890 --> 00:37:15,925 Satu ini di sini? 695 00:37:15,925 --> 00:37:17,160 Down. 696 00:37:17,160 --> 00:37:17,750 OK. 697 00:37:17,750 --> 00:37:18,760 Yang satu itu. 698 00:37:18,760 --> 00:37:20,080 Pilihan yang baik. 699 00:37:20,080 --> 00:37:21,850 >> OK, jadi kita akan melihat gambar kita. 700 00:37:21,850 --> 00:37:22,920 Lihat itu. 701 00:37:22,920 --> 00:37:24,250 Lihat itu hal menggemaskan. 702 00:37:24,250 --> 00:37:27,080 Bagaimana kau bisa sedih pada hari Senin dengan ini? 703 00:37:27,080 --> 00:37:30,180 >> Jadi kita hanya akan untuk menyalin URL gambar. 704 00:37:30,180 --> 00:37:38,720 Dan apa yang ingin kita lakukan adalah, mari kita mengatakan bahwa kita memiliki beberapa p untuk paragraf. 705 00:37:38,720 --> 00:37:41,140 Kita akan mengatakan "Lihatlah melihat kelinci lucu. 706 00:37:41,140 --> 00:37:44,130 d'awwww. " 707 00:37:44,130 --> 00:37:44,880 Saya suka kelinci saya. 708 00:37:44,880 --> 00:37:45,838 Aku punya kelinci di rumah. 709 00:37:45,838 --> 00:37:48,085 Aku rindu kelinci saya. 710 00:37:48,085 --> 00:37:50,460 Jadi apa yang kita akan do-- Aku tidak tahu apakah kalian ingin 711 00:37:50,460 --> 00:37:55,970 google this-- tetapi dengan HTML, bagaimana mungkin Anda menyertakan gambar? 712 00:37:55,970 --> 00:37:58,355 Secara harfiah, jika Anda google "Termasuk gambar HTML," 713 00:37:58,355 --> 00:38:00,480 kenapa tidak kalian katakan padaku apa tag ini harus? 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> AUDIENCE: img source-- 716 00:38:06,290 --> 00:38:07,767 >> Allison Buchholtz-AU: img source-- 717 00:38:07,767 --> 00:38:08,600 AUDIENCE: --equals-- 718 00:38:08,600 --> 00:38:09,000 Allison Buchholtz-AU: --equals-- 719 00:38:09,000 --> 00:38:10,181 AUDIENCE: --quote-- ya. 720 00:38:10,181 --> 00:38:11,430 Allison Buchholtz-AU: Perfect. 721 00:38:11,430 --> 00:38:12,090 Indah. 722 00:38:12,090 --> 00:38:15,470 Lihat, MySpace generasi, kan? 723 00:38:15,470 --> 00:38:16,220 AUDIENCE: Neopets. 724 00:38:16,220 --> 00:38:17,470 Allison Buchholtz-AU: Neopets. 725 00:38:17,470 --> 00:38:18,950 Oh, OK. 726 00:38:18,950 --> 00:38:20,200 Wow. 727 00:38:20,200 --> 00:38:21,260 Sudah gila. 728 00:38:21,260 --> 00:38:23,120 OK. 729 00:38:23,120 --> 00:38:25,600 >> Jadi pastikan saya mendapatkan hak ini. 730 00:38:25,600 --> 00:38:26,100 Keren. 731 00:38:26,100 --> 00:38:27,750 Jadi ini harus berada di sini. 732 00:38:27,750 --> 00:38:34,146 Dan kemudian jika kita kembali, kita memiliki kami kelinci pada halaman Bukankah ini menggemaskan? 733 00:38:34,146 --> 00:38:35,030 >> Ini sangat lucu. 734 00:38:35,030 --> 00:38:36,860 Anda memilih besar, foto besar. 735 00:38:36,860 --> 00:38:38,180 Aku menggali itu. 736 00:38:38,180 --> 00:38:41,350 >> OK, jadi kita memiliki kelinci menggemaskan ini sekarang. 737 00:38:41,350 --> 00:38:44,590 Kami mampu untuk menambahkan gambar, hanya seperti itu. 738 00:38:44,590 --> 00:38:47,550 Jadi pada dasarnya jika ada gambar apapun Anda ingin menambahkan ke halaman web Anda, 739 00:38:47,550 --> 00:38:49,430 Anda dapat menambahkannya seperti ini. 740 00:38:49,430 --> 00:38:52,910 Hal lain akan jika Anda memiliki gambar yang disimpan 741 00:38:52,910 --> 00:38:55,670 dalam folder yang sama dengan file ini, Anda hanya dapat 742 00:38:55,670 --> 00:38:59,595 menulis apa pun nama gambar yang adalah alih-alih memiliki link web. 743 00:38:59,595 --> 00:39:01,010 >> Itu akan tetap dalam tanda kutip. 744 00:39:01,010 --> 00:39:03,700 Itu hanya akan seperti jika kita telah bernama this-- 745 00:39:03,700 --> 00:39:06,695 jika gambar ini telah diselamatkan dalam folder dengan file HTML ini 746 00:39:06,695 --> 00:39:08,570 bahwa aku mengedit dan disebut bunny.jpg. 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 Kita juga bisa melakukan itu dan itu akan muncul. 749 00:39:13,080 --> 00:39:16,600 Namun, saya tidak memiliki ini disimpan dalam file dan saya ingin menyimpan kelinci, 750 00:39:16,600 --> 00:39:18,092 jadi kita akan terus link. 751 00:39:18,092 --> 00:39:20,720 >> AUDIENCE: Apa itu rabbit.org? 752 00:39:20,720 --> 00:39:22,980 >> Allison Buchholtz-AU: rabbit.org. 753 00:39:22,980 --> 00:39:25,170 Ini adalah appropriate-- melihat, Anda dapat mengadopsinya. 754 00:39:25,170 --> 00:39:25,770 Adopsi. 755 00:39:25,770 --> 00:39:27,690 bunny.jpg. 756 00:39:27,690 --> 00:39:29,190 Saya ingin mengadopsi kelinci ini. 757 00:39:29,190 --> 00:39:31,180 Oh, Tuhan, itu sangat lucu. 758 00:39:31,180 --> 00:39:34,230 >> OK, jadi kami telah menambahkan header. 759 00:39:34,230 --> 00:39:35,500 Kami telah menambahkan gambar. 760 00:39:35,500 --> 00:39:37,760 Jelas, kami menambahkan beberapa teks di sini, kan? 761 00:39:37,760 --> 00:39:40,920 Jika kita ingin menambahkan lain teks, kita akan pergi seperti ini. 762 00:39:40,920 --> 00:39:43,760 Jadi ini adalah ayat lain. 763 00:39:43,760 --> 00:39:49,070 >> Dan kita mengatakan "ini adalah paragraf lain." 764 00:39:49,070 --> 00:39:52,510 Juga, aku ejaan yang mengerikan, jadi saya mungkin misspell hal. 765 00:39:52,510 --> 00:39:54,930 Hanya FYI. 766 00:39:54,930 --> 00:39:58,450 >> Jadi kita memiliki lain ayat di sini, kan? 767 00:39:58,450 --> 00:40:02,190 Jadi mungkin Anda ingin melakukan sesuatu sedikit lebih menarik daripada hanya 768 00:40:02,190 --> 00:40:04,640 memiliki semua teks Anda, seperti selaras tepat. 769 00:40:04,640 --> 00:40:08,490 Mungkin Anda ingin pusat teks Anda, OK? 770 00:40:08,490 --> 00:40:11,820 >> Jadi jika seseorang ingin menggunakan mereka komputer berguna di depan Anda 771 00:40:11,820 --> 00:40:19,034 dan memberitahu saya bagaimana Anda akan pusat teks ini, 772 00:40:19,034 --> 00:40:20,300 >> AUDIENCE: p align. 773 00:40:20,300 --> 00:40:24,834 >> Allison Buchholtz-AU: Jadi p align sama dengan "pusat." 774 00:40:24,834 --> 00:40:25,750 Dia membunuh itu, guys. 775 00:40:25,750 --> 00:40:28,240 Kalian perlu untuk meningkatkan. 776 00:40:28,240 --> 00:40:36,042 Dan kami memiliki "ini berpusat." 777 00:40:36,042 --> 00:40:37,500 Dan sekarang kami telah sesuatu berpusat. 778 00:40:37,500 --> 00:40:39,380 >> Dengan cara yang sama, jika Anda ingin rata kiri, 779 00:40:39,380 --> 00:40:42,020 Anda bisa melakukan equals menyelaraskan kiri, menyelaraskan sama dengan benar. 780 00:40:42,020 --> 00:40:42,850 Benar-benar terserah Anda. 781 00:40:42,850 --> 00:40:55,580 Jika saya melakukan di sini, maka ini should-- sekarang itu benar selaras. 782 00:40:55,580 --> 00:40:57,020 >> AUDIENCE: Allison? 783 00:40:57,020 --> 00:41:00,884 Dengan sumber gambar, mengapa tidak ada dekat sumber img? 784 00:41:00,884 --> 00:41:02,050 Allison Buchholtz-AU: Maaf. 785 00:41:02,050 --> 00:41:05,300 Yang satu ini harus ada Sekarang Anda baik. 786 00:41:05,300 --> 00:41:06,026 Sekarang kita baik. 787 00:41:06,026 --> 00:41:08,150 AUDIENCE: Apa kau tidak punya untuk menutupnya ada, atau tidak? 788 00:41:08,150 --> 00:41:11,450 Allison Buchholtz-AU: Nah, agar img sumber, yang satu ini hanya-- dengan gambar, 789 00:41:11,450 --> 00:41:17,110 itu hanya dilihat sebagai salah satu elemen, sedangkan jika Anda perhatikan untuk sisa ini, 790 00:41:17,110 --> 00:41:22,106 kami memiliki beberapa tag maka informasi yang berkaitan dengan dan kemudian tag penutup. 791 00:41:22,106 --> 00:41:24,480 Tapi dengan gambar, semuanya hanya semacam mandiri. 792 00:41:24,480 --> 00:41:28,540 793 00:41:28,540 --> 00:41:29,040 Keren. 794 00:41:29,040 --> 00:41:33,530 Jadi kalian tahu cara membuat header, Anda tahu bagaimana untuk memasukkan teks, 795 00:41:33,530 --> 00:41:37,060 Anda tahu bagaimana untuk menempatkan gambar sekarang, Anda dapat menyelaraskan hal. 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> Hal lain yang Anda mungkin ingin dapat melakukan 798 00:41:42,590 --> 00:41:47,649 adalah untuk membuat daftar di CS-- kami jenis masuk ke minggu depan pset. 799 00:41:47,649 --> 00:41:49,440 Hal-hal yang kita biasanya mengajarkan minggu ini 800 00:41:49,440 --> 00:41:51,480 akan sangat baik dengan minggu depan pset, jadi kita 801 00:41:51,480 --> 00:41:54,250 jenis pencampuran, tumpang tindih hal di sini. 802 00:41:54,250 --> 00:41:56,290 Tapi itu akan berguna untuk minggu depan. 803 00:41:56,290 --> 00:42:02,500 >> Jadi jika kita ingin membuat beberapa daftar, bagaimana kita bisa melakukan itu? 804 00:42:02,500 --> 00:42:03,760 Anda tidak dapat menjawab kali ini. 805 00:42:03,760 --> 00:42:04,700 Orang lain harus. 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 Ini tidak sulit, guys, janji. 808 00:42:09,440 --> 00:42:13,090 Google "unordered list HTML." 809 00:42:13,090 --> 00:42:14,076 Apa itu? 810 00:42:14,076 --> 00:42:16,244 >> AUDIENCE: [tak terdengar]. 811 00:42:16,244 --> 00:42:17,410 Allison Buchholtz-AU: Benar. 812 00:42:17,410 --> 00:42:20,490 Jadi kita ingin memesan atau unordered? 813 00:42:20,490 --> 00:42:21,500 Mari kita melakukan unordered. 814 00:42:21,500 --> 00:42:25,240 Jadi kita memiliki beberapa ul, yang singkatan Unordered List. 815 00:42:25,240 --> 00:42:27,997 Dan apa yang kita miliki untuk setiap elemen? 816 00:42:27,997 --> 00:42:29,080 Apakah perlu tag sendiri? 817 00:42:29,080 --> 00:42:30,556 Bisakah kita mulai menulis hal-hal? 818 00:42:30,556 --> 00:42:31,330 >> AUDIENCE: li. 819 00:42:31,330 --> 00:42:32,826 >> Allison Buchholtz-AU: li. 820 00:42:32,826 --> 00:42:34,785 Jadi apa yang daftar kami akan? 821 00:42:34,785 --> 00:42:37,050 Apa yang kita inginkan di sini? 822 00:42:37,050 --> 00:42:38,190 Kami hanya melakukan nama. 823 00:42:38,190 --> 00:42:39,250 Lakukan saja Jacob. 824 00:42:39,250 --> 00:42:40,340 >> AUDIENCE: Kelinci makanan. 825 00:42:40,340 --> 00:42:40,990 >> Allison Buchholtz-AU: makanan Kelinci. 826 00:42:40,990 --> 00:42:41,910 OK Saya suka ini. 827 00:42:41,910 --> 00:42:42,520 Kelinci makanan. 828 00:42:42,520 --> 00:42:44,440 >> OK, jadi kita harus wortel. 829 00:42:44,440 --> 00:42:46,640 Saya suka kelinci tema ini. 830 00:42:46,640 --> 00:42:48,024 Aku menggali banyak. 831 00:42:48,024 --> 00:42:50,440 AUDIENCE: Sebenarnya, saya pikir bahwa Yakub akan menjadi legit. 832 00:42:50,440 --> 00:42:51,606 Allison Buchholtz-AU: Jacob? 833 00:42:51,606 --> 00:42:53,120 Yakub makanan kelinci. 834 00:42:53,120 --> 00:42:55,310 Jika Anda melihat Yakub foto dari jam kantor, 835 00:42:55,310 --> 00:42:56,850 Anda mungkin berpikir dia mendapat diserang oleh kelinci pembunuh. 836 00:42:56,850 --> 00:42:58,099 >> AUDIENCE: Aku punya kelinci sekarang. 837 00:42:58,099 --> 00:42:59,710 Aku punya kelinci pembunuh sekarang. 838 00:42:59,710 --> 00:43:00,540 >> Allison Buchholtz-AU: Are you kidding me? 839 00:43:00,540 --> 00:43:02,081 >> AUDIENCE: Aku akan membawanya bagian berikutnya. 840 00:43:02,081 --> 00:43:02,990 Saya memilikinya. 841 00:43:02,990 --> 00:43:04,240 >> Allison Buchholtz-AU: Ini konyol. 842 00:43:04,240 --> 00:43:04,730 Pokoknya. 843 00:43:04,730 --> 00:43:05,510 >> AUDIENCE: [tidak terdengar] 844 00:43:05,510 --> 00:43:07,510 >> AUDIENCE: Ya, proctor saya memiliki kelinci juga. 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> Allison Buchholtz-AU: Saya ingin kelinci. 847 00:43:11,580 --> 00:43:15,415 OK, siapa pun membawa kelinci nyata untuk Pada bagian berikutnya, jumlah poin brownies. 848 00:43:15,415 --> 00:43:16,290 AUDIENCE: [tidak terdengar] 849 00:43:16,290 --> 00:43:16,943 AUDIENCE: Oh, itu tidak nyata. 850 00:43:16,943 --> 00:43:17,910 Ini adalah boneka kelinci. 851 00:43:17,910 --> 00:43:18,855 >> Allison Buchholtz-AU: Oh yeah, kita bisa menutup ini. 852 00:43:18,855 --> 00:43:20,174 Tampak rad. 853 00:43:20,174 --> 00:43:21,590 AUDIENCE: Apakah itu benar-benar penting? 854 00:43:21,590 --> 00:43:23,465 Allison Buchholtz-AU: Tidak. 855 00:43:23,465 --> 00:43:25,590 Dengan sebagian besar hal-hal ini, Anda tidak menutup tag, 856 00:43:25,590 --> 00:43:28,750 99% dari waktu tidak ada hal buruk yang terjadi terjadi, tapi itu gaya yang baik, juga. 857 00:43:28,750 --> 00:43:30,250 Jadi Yakub. 858 00:43:30,250 --> 00:43:31,864 Dan kami memiliki selada. 859 00:43:31,864 --> 00:43:33,655 AUDIENCE: Untuk link, itu benar-benar penting. 860 00:43:33,655 --> 00:43:34,696 Allison Buchholtz-AU: Hm? 861 00:43:34,696 --> 00:43:35,890 AUDIENCE: Untuk hyperlink. 862 00:43:35,890 --> 00:43:37,431 Allison Buchholtz-AU: Untuk hyperlink. 863 00:43:37,431 --> 00:43:38,610 Ya, hyperlink membutuhkannya. 864 00:43:38,610 --> 00:43:40,770 OK, jadi mari kita lihat di sini. 865 00:43:40,770 --> 00:43:44,810 Dan kami memiliki penutupan daftar kami. 866 00:43:44,810 --> 00:43:46,635 Dan kita melihat itu. 867 00:43:46,635 --> 00:43:49,680 Kami telah all-- Yakub, di sana. 868 00:43:49,680 --> 00:43:52,310 Makanan kelinci. 869 00:43:52,310 --> 00:43:54,000 Mengingatkan saya pada Bunnicula. 870 00:43:54,000 --> 00:43:55,234 >> AUDIENCE: [tidak terdengar] 871 00:43:55,234 --> 00:43:58,400 Allison Buchholtz-AU: Aku akan membawa kembali semua referensi sekolah tua hari ini, 872 00:43:58,400 --> 00:43:59,130 bukan? 873 00:43:59,130 --> 00:44:01,210 Hanya semua referensi sekolah tua. 874 00:44:01,210 --> 00:44:05,767 Seharusnya membawa seperti Gogurts atau sesuatu untuk makanan ringan. 875 00:44:05,767 --> 00:44:07,079 >> AUDIENCE: Atau Gushers. 876 00:44:07,079 --> 00:44:08,120 Allison Buchholtz-AU: Oh. 877 00:44:08,120 --> 00:44:08,620 OK. 878 00:44:08,620 --> 00:44:10,920 Aku akan melihat apakah saya dapat melacak bawah Gushers untuk minggu depan. 879 00:44:10,920 --> 00:44:11,980 Saya pikir saya bisa melakukan itu. 880 00:44:11,980 --> 00:44:13,980 Saya pikir kita mungkin memiliki beberapa di kantor. 881 00:44:13,980 --> 00:44:18,570 >> OK, jadi kita telah membahas banyak berbeda hal yang dapat Anda lakukan dengan HTML, kan? 882 00:44:18,570 --> 00:44:23,910 Dan seperti yang Anda mungkin dapat melihat, itu nothing-- mudah-mudahan, tidak terlalu intim-- 883 00:44:23,910 --> 00:44:25,750 jika sudah, saya tidak berarti untuk meremehkan siapa pun. 884 00:44:25,750 --> 00:44:29,090 Jika Anda mengalami kesulitan, silahkan datang bicara padaku. 885 00:44:29,090 --> 00:44:31,340 >> Tapi sebagian besar itu hanya melihat sintaks, kan? 886 00:44:31,340 --> 00:44:34,180 Jika Anda ingin daftar unordered, jika Anda ingin semacam daftar, 887 00:44:34,180 --> 00:44:38,450 jika Anda ingin menyelaraskan sesuatu atau Format sesuatu, itu semua tentang hanya 888 00:44:38,450 --> 00:44:42,080 jenis mendongak sintaks untuk HTML, kan? 889 00:44:42,080 --> 00:44:44,720 Dan satu hal yang cukup keren sebenarnya 890 00:44:44,720 --> 00:44:51,360 adalah jika Anda pergi to-- mari kita lihat, apa website yang bagus yang kita sukai? 891 00:44:51,360 --> 00:44:54,920 Ada yang punya situs web favorit yang OK untuk membuka secara online? 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 Kau tahu apa, mari kita lakukan CS50. 894 00:44:58,840 --> 00:45:01,800 Itu bagus dan aman, kan? 895 00:45:01,800 --> 00:45:03,060 >> OK, jadi CS50 sini. 896 00:45:03,060 --> 00:45:05,540 Oh, lihat, ada bagian yang sekarang. 897 00:45:05,540 --> 00:45:07,113 Jika Anda suka dengan cara terlihat. 898 00:45:07,113 --> 00:45:08,030 >> AUDIENCE: [tak terdengar]. 899 00:45:08,030 --> 00:45:10,696 Allison Buchholtz-AU: Kami tidak akan melakukan meta bagian, guys. 900 00:45:10,696 --> 00:45:11,560 Ini tidak terjadi. 901 00:45:11,560 --> 00:45:14,540 Ini akan menjadi dingin, tapi kami tidak akan melakukannya. 902 00:45:14,540 --> 00:45:17,040 >> Jadi apa yang Anda bisa dilakukan jika Anda suka jalan 903 00:45:17,040 --> 00:45:21,390 ini bekerja adalah Anda bisa selalu benar klik pada setiap halaman web yang Anda sukai 904 00:45:21,390 --> 00:45:23,660 dan Anda dapat melakukan View Page Source. 905 00:45:23,660 --> 00:45:26,030 Ini akan memunculkan semua HTML. 906 00:45:26,030 --> 00:45:30,800 Dan ini sebenarnya benar-benar baik cara untuk gaya halaman web Anda sendiri. 907 00:45:30,800 --> 00:45:33,640 Pergi ke halaman web yang Anda benar-benar suka dan melihat HTML 908 00:45:33,640 --> 00:45:35,430 dan mencari tahu bagaimana mereka melakukannya. 909 00:45:35,430 --> 00:45:39,280 >> Dan secara harfiah, selama Anda mengutip hal, 910 00:45:39,280 --> 00:45:41,940 selama Anda tidak hanya mencuri dari orang-orang, itu OK. 911 00:45:41,940 --> 00:45:43,890 Khusus untuk CS50 [? membiayai?], kita 912 00:45:43,890 --> 00:45:46,950 jenis mengharapkan Anda untuk mendapatkan inspirasi dari website lain. 913 00:45:46,950 --> 00:45:48,070 Jadi merasa bebas. 914 00:45:48,070 --> 00:45:51,360 Lihat melalui website yang Anda berpikir benar-benar cantik 915 00:45:51,360 --> 00:45:54,870 dan mencari tahu bagaimana mereka menggunakan HTML dan CSS untuk melakukan hal-hal ini. 916 00:45:54,870 --> 00:45:59,860 >> Jadi seperti yang Anda lihat di sini, ada jelas seperti link dan kami memiliki kelas di sini. 917 00:45:59,860 --> 00:46:00,950 Kami memiliki link di sini. 918 00:46:00,950 --> 00:46:03,100 Kami memiliki daftar. 919 00:46:03,100 --> 00:46:05,370 Kami mungkin memiliki beberapa gambar di sini. 920 00:46:05,370 --> 00:46:08,332 >> Kami punya beberapa gaya keren di sini. 921 00:46:08,332 --> 00:46:10,040 Ini adalah hal berikutnya kita akan lakukan. 922 00:46:10,040 --> 00:46:14,580 Jadi gaya, setiap kali Anda melihat ini gaya kurung, itu CSS pada dasarnya. 923 00:46:14,580 --> 00:46:15,880 Ben, apakah Anda memiliki pertanyaan? 924 00:46:15,880 --> 00:46:16,880 >> AUDIENCE: Apa itu div? 925 00:46:16,880 --> 00:46:20,039 >> Allison Buchholtz-AU: div hanya a-- apa div? 926 00:46:20,039 --> 00:46:20,830 AUDIENCE: Divisi. 927 00:46:20,830 --> 00:46:22,121 Allison Buchholtz-AU: Divisi. 928 00:46:22,121 --> 00:46:25,960 Ya, itu hanya seperti memisahkan unsur-unsur yang berbeda. 929 00:46:25,960 --> 00:46:28,650 OK, jadi di sini adalah apa yang kita akan pergi ke depan. 930 00:46:28,650 --> 00:46:31,550 Jadi ini mungkin tidak menjadi yang terbaik gaya karena, jika Anda perhatikan 931 00:46:31,550 --> 00:46:37,681 kami memiliki HTML dan gaya halaman yang sama, dan kita benar-benar ingin memisahkan mereka, 932 00:46:37,681 --> 00:46:38,180 OK? 933 00:46:38,180 --> 00:46:41,620 Dan sebenarnya, biarkan aku membuka satu kananku 934 00:46:41,620 --> 00:46:45,990 karena ini seharusnya PDF, jadi kita memiliki style.css. 935 00:46:45,990 --> 00:46:51,210 >> Jadi apa yang bisa kita lakukan di sini adalah ini hal-hal keren seperti beberapa fade 936 00:46:51,210 --> 00:46:55,550 dan kami bisa mencoba dan melakukan itu, tapi aku merasa seperti aku akan mengacaukan yang on the fly, 937 00:46:55,550 --> 00:46:58,520 jadi saya mendorong kalian untuk pergi mencoba bahwa pada Anda sendiri, 938 00:46:58,520 --> 00:47:00,310 tapi aku tidak akan melakukannya sekarang. 939 00:47:00,310 --> 00:47:03,790 Jadi jika kalian, ingat, jika Anda pernah terkena masalah set, 940 00:47:03,790 --> 00:47:05,584 sesuatu menyapu dari samping. 941 00:47:05,584 --> 00:47:08,000 Ini ada hubungannya dengan memudar dan transisi dan yang lainnya. 942 00:47:08,000 --> 00:47:09,630 >> AUDIENCE: Dan itu semua CSS dan HTML? 943 00:47:09,630 --> 00:47:11,460 >> Allison Buchholtz-AU: Semua CSS dan HTML. 944 00:47:11,460 --> 00:47:12,420 Ya. 945 00:47:12,420 --> 00:47:17,720 Sehingga Anda dapat melakukan banyak yang benar-benar hal keren dengan CSS dan HTML. 946 00:47:17,720 --> 00:47:22,280 Jadi dengan mengagumkan kami Halaman web kelinci di sini, kita 947 00:47:22,280 --> 00:47:25,240 akan melakukan sedikit sedikit CSS styling dengan itu. 948 00:47:25,240 --> 00:47:28,850 >> Jadi jika Anda pernah memiliki gaya lembar, yang kita miliki di sini, 949 00:47:28,850 --> 00:47:30,550 Anda hanya dapat memanggil style.css. 950 00:47:30,550 --> 00:47:32,090 Anda dapat menyebutnya apa pun yang Anda inginkan. 951 00:47:32,090 --> 00:47:37,110 Yang penting adalah bahwa kita akan untuk referensi dalam web.html kami di sini. 952 00:47:37,110 --> 00:47:41,670 >> Jadi apa yang akan kita lakukan adalah we-- jadi saya tidak main-main ini up-- 953 00:47:41,670 --> 00:47:46,180 kita akan menghubungkan dua file ini bersama-sama. 954 00:47:46,180 --> 00:47:49,340 Jadi dalam way-- yang sama aku akan menggambar analogi C di sini. 955 00:47:49,340 --> 00:47:53,510 Dengan cara yang sama bahwa jika Anda memiliki beberapa library-- dan kami memiliki cs50.h-- 956 00:47:53,510 --> 00:47:55,520 compiler kami link itu. 957 00:47:55,520 --> 00:47:58,040 Ini hanyalah sebuah eksplisit link pada bagian kita. 958 00:47:58,040 --> 00:48:01,840 Jadi dengan cara yang sama yang kita lakukan hash mencakup beberapa berkas, apa 959 00:48:01,840 --> 00:48:06,890 Aku akan menulis adalah hanya HTML / CSS setara dengan itu. 960 00:48:06,890 --> 00:48:11,970 >> Kami hanya mengatakan, OK, halaman web ini akan menggunakan stylesheet ini, OK? 961 00:48:11,970 --> 00:48:23,360 Jadi kita memiliki link rel sama dengan stylesheet. 962 00:48:23,360 --> 00:48:30,870 Dan kemudian kita memiliki jenis, css. 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 Dan kemudian href sama. 965 00:48:37,060 --> 00:48:41,910 966 00:48:41,910 --> 00:48:42,860 >> OK. 967 00:48:42,860 --> 00:48:45,680 Jadi semua ini lakukan di sini adalah Anda dapat menganggap ini sebagai hal yang sama 968 00:48:45,680 --> 00:48:47,550 sebagai hash termasuk. 969 00:48:47,550 --> 00:48:53,450 Jelas terlihat sedikit lebih rumit, tetapi dalam semua kasus, 970 00:48:53,450 --> 00:48:55,370 itu efektif hal yang sama. 971 00:48:55,370 --> 00:49:00,940 Jadi ini hanyalah beberapa menghubungkan dari style sheet, itu jenis text / css, 972 00:49:00,940 --> 00:49:02,875 dan nama itu adalah style.css. 973 00:49:02,875 --> 00:49:05,560 >> Yang penting untuk mengetahui adalah bahwa halaman web 974 00:49:05,560 --> 00:49:09,155 bahwa aku bekerja tepat sekarang-- web.html dan style.css-- berada dalam folder yang sama. 975 00:49:09,155 --> 00:49:14,740 Karena dalam folder yang berbeda, Anda perlu memberikan akar yang sebenarnya 976 00:49:14,740 --> 00:49:17,480 untuk itu atau jalan untuk itu. 977 00:49:17,480 --> 00:49:20,620 Tapi dalam kasus ini, kita menjaganya agar tetap super sederhana dan itu akan berada di sini. 978 00:49:20,620 --> 00:49:26,730 Jadi jika kita melakukan itu, saya memiliki beberapa hal yang sudah antri di sini. 979 00:49:26,730 --> 00:49:31,680 >> Jadi kita memiliki beberapa tubuh, yang akan untuk memiliki warna latar belakang kami, yang 980 00:49:31,680 --> 00:49:33,320 saat ini adalah biru muda. 981 00:49:33,320 --> 00:49:36,850 Kita dapat mengubahnya jika kita ingin, tapi jika saya ingat ini dengan benar, 982 00:49:36,850 --> 00:49:39,270 itu hanya harus mengubahnya ke biru muda. 983 00:49:39,270 --> 00:49:42,050 Dan sekarang kita memiliki latar belakang biru muda. 984 00:49:42,050 --> 00:49:47,490 Dan kami memiliki di sini-bisa ada yang ingat mana yang ID hash atau kelas? 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> AUDIENCE: ID. 987 00:49:51,080 --> 00:49:51,800 >> Allison Buchholtz-AU: ID. 988 00:49:51,800 --> 00:49:52,420 Keren. 989 00:49:52,420 --> 00:49:58,920 Jadi apa yang ingin kita lakukan adalah yang font ini 990 00:49:58,920 --> 00:50:01,534 atau which-- kita ingin "Lihatlah kelinci lucu "menjadi ungu? 991 00:50:01,534 --> 00:50:02,950 Saya pikir kita ingin hal itu menjadi ungu. 992 00:50:02,950 --> 00:50:04,640 Aku cukup turun dengan bahwa menjadi ungu. 993 00:50:04,640 --> 00:50:08,790 >> Jadi apa yang Anda lakukan adalah Anda lakukan ID equals-- dalam hal ini 994 00:50:08,790 --> 00:50:13,630 Aku berkata, apa, warna cantik di sini. 995 00:50:13,630 --> 00:50:14,780 Kami reload. 996 00:50:14,780 --> 00:50:17,460 Tiba-tiba, itu ungu. 997 00:50:17,460 --> 00:50:20,680 OK, jadi dengan ID, ingat itu harus unik, 998 00:50:20,680 --> 00:50:24,370 jadi aku tidak pernah harus menggunakan ID ini di tempat lain. 999 00:50:24,370 --> 00:50:27,760 Tapi dengan kelas, seperti yang telah kita di sini dengan font cantik, 1000 00:50:27,760 --> 00:50:30,300 Aku harus bisa menggunakan bahwa di mana saja saya ingin. 1001 00:50:30,300 --> 00:50:33,160 >> Jadi mari kita lakukan satu ini di sini. 1002 00:50:33,160 --> 00:50:41,100 Jadi kita dapat mengatakan kelas sama cantik font. 1003 00:50:41,100 --> 00:50:46,190 Dan jika kita melihat sekarang, kami memiliki ini cukup font yang keren di sini. 1004 00:50:46,190 --> 00:50:49,160 Jadi mungkin saya ingin melakukan keduanya. 1005 00:50:49,160 --> 00:50:52,786 OK, saya benar-benar tidak tahu apakah ini adalah akan bekerja tapi aku ingin mencobanya. 1006 00:50:52,786 --> 00:50:54,410 Dan ini adalah bagaimana Anda belajar CSS dan HTML. 1007 00:50:54,410 --> 00:50:55,660 Kau seperti, Anda tahu apa, saya ingin mencoba ini. 1008 00:50:55,660 --> 00:50:56,430 Saya tidak yakin apakah itu akan bekerja. 1009 00:50:56,430 --> 00:50:57,346 Mari kita lihat apakah ia bekerja. 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> Dan lihat itu. 1012 00:51:01,540 --> 00:51:04,540 Sekarang ungu dan itu font cantik. 1013 00:51:04,540 --> 00:51:08,692 OK, jadi Anda memiliki semua ini hal yang berbeda yang dapat Anda lakukan. 1014 00:51:08,692 --> 00:51:09,650 Apakah Anda memiliki pertanyaan? 1015 00:51:09,650 --> 00:51:10,275 >> AUDIENCE: Ya. 1016 00:51:10,275 --> 00:51:13,280 Nah, sama seperti warna Anda menggunakan kata-kata. 1017 00:51:13,280 --> 00:51:16,005 Apakah ada cara untuk melakukan warna dengan heksadesimal RGB? 1018 00:51:16,005 --> 00:51:18,880 Allison Buchholtz-AU: Anda juga bisa melakukannya dengan heksadesimal, saya percaya. 1019 00:51:18,880 --> 00:51:19,803 Ya. 1020 00:51:19,803 --> 00:51:22,136 Tapi itu jenis yang baik jika Anda tidak ingin melihat mereka. 1021 00:51:22,136 --> 00:51:23,762 Anda hanya bisa seperti, ungu atau biru. 1022 00:51:23,762 --> 00:51:25,720 AUDIENCE: Mari kita berharap mereka tahu apa artinya. 1023 00:51:25,720 --> 00:51:26,886 Allison Buchholtz-AU: Benar. 1024 00:51:26,886 --> 00:51:29,580 Jadi mari kita buat membaca ini atau kekuning-kuningan. 1025 00:51:29,580 --> 00:51:32,060 Mengapa Anda pernah memilih hijau kekuning-kuningan? 1026 00:51:32,060 --> 00:51:33,340 Ini adalah warna yang menarik. 1027 00:51:33,340 --> 00:51:37,355 >> OK, jadi jelas kita dapat melihat kita dapat mengubah hal namun kita inginkan. 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 Jika Anda ingin create-- katakanlah kami ingin membuat kelas lain. 1030 00:51:45,392 --> 00:51:46,850 Apa yang mungkin kalian ingin mengubah? 1031 00:51:46,850 --> 00:51:51,840 Jika Anda menarik W3Schools ' Dokumentasi CSS, 1032 00:51:51,840 --> 00:51:54,450 Aku meninggalkan lantai untuk kalian. 1033 00:51:54,450 --> 00:51:57,990 Kita bisa mencoba dan melakukan sesuatu yang keren dengan ini di beberapa menit terakhir. 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 Karena aku sudah semacam Anda kecelakaan saja pada banyak hal keren 1036 00:52:03,150 --> 00:52:03,970 yang dapat Anda lakukan. 1037 00:52:03,970 --> 00:52:09,956 Tapi pada akhirnya, seperti yang saya katakan, jika Anda hanya percobaan, Anda akan belajar banyak. 1038 00:52:09,956 --> 00:52:12,212 >> AUDIENCE: Apakah Anda mencari font yang? 1039 00:52:12,212 --> 00:52:14,295 >> Allison Buchholtz-AU: Yeah, Aku mendongak font yang. 1040 00:52:14,295 --> 00:52:17,200 Jadi seperti harfiah, saya pergi to-- apa yang saya lakukan? 1041 00:52:17,200 --> 00:52:22,371 Saya melakukan CSS daftar font, dan maka aku tumpukan font, 1042 00:52:22,371 --> 00:52:25,120 dan kemudian aku seperti, lihat, di sini semua font keren yang dapat Anda lakukan. 1043 00:52:25,120 --> 00:52:28,180 Dan ada satu ini, jadi Saya menyalin ke clipboard saya. 1044 00:52:28,180 --> 00:52:31,820 Dan kemudian aku seperti, OK, keren, di sana kita pergi. 1045 00:52:31,820 --> 00:52:32,320 Semua dilakukan. 1046 00:52:32,320 --> 00:52:35,920 >> AUDIENCE: Jadi Anda harus memastikan CSS yang tahu apa font yang. 1047 00:52:35,920 --> 00:52:37,370 >> Allison Buchholtz-AU: Ya. 1048 00:52:37,370 --> 00:52:38,190 >> AUDIENCE: Apa isinya di akhir? 1049 00:52:38,190 --> 00:52:38,790 Kursif? 1050 00:52:38,790 --> 00:52:40,040 >> Allison Buchholtz-AU: Kursif. 1051 00:52:40,040 --> 00:52:40,950 Ya. 1052 00:52:40,950 --> 00:52:42,310 >> AUDIENCE: Gambar latar belakang. 1053 00:52:42,310 --> 00:52:43,290 >> Allison Buchholtz-AU: Gambar latar belakang. 1054 00:52:43,290 --> 00:52:44,180 OK. 1055 00:52:44,180 --> 00:52:46,490 Jadi, Anda ingin memberitahu saya bagaimana untuk melakukan hal ini. 1056 00:52:46,490 --> 00:52:47,390 Saya meninggalkan ini untuk Anda. 1057 00:52:47,390 --> 00:52:49,070 Aku hanya mengetik di sini sekarang. 1058 00:52:49,070 --> 00:52:51,714 Roda adalah di tangan Anda. 1059 00:52:51,714 --> 00:52:52,660 >> AUDIENCE: OK 1060 00:52:52,660 --> 00:52:53,701 >> Allison Buchholtz-AU: OK. 1061 00:52:53,701 --> 00:52:54,720 Apa yang saya lakukan? 1062 00:52:54,720 --> 00:53:02,929 >> AUDIENCE: Doing-- Aku tahu apa muncul setelah kurung kurawal. 1063 00:53:02,929 --> 00:53:03,970 Allison Buchholtz-AU: OK. 1064 00:53:03,970 --> 00:53:06,707 Jadi mungkin di dalam tubuh, aku akan menganggap, karena kita 1065 00:53:06,707 --> 00:53:08,040 lakukan dengan gambar latar belakang. 1066 00:53:08,040 --> 00:53:08,940 >> AUDIENCE: Yeah, mari kita lakukan itu. 1067 00:53:08,940 --> 00:53:09,981 >> Allison Buchholtz-AU: OK. 1068 00:53:09,981 --> 00:53:14,260 AUDIENCE: OK, jadi latar belakang usus, dan kemudian kita 1069 00:53:14,260 --> 00:53:16,894 membutuhkan alamat URL gambar tersebut. 1070 00:53:16,894 --> 00:53:18,560 Mungkin pseudo-kode yang untuk saat ini, mungkin. 1071 00:53:18,560 --> 00:53:20,601 >> Allison Buchholtz-AU: Apa Anda ingin saya to-- 1072 00:53:20,601 --> 00:53:22,574 AUDIENCE: Aku berpikir seperti GIF. 1073 00:53:22,574 --> 00:53:23,740 Allison Buchholtz-AU: A GIF? 1074 00:53:23,740 --> 00:53:26,070 Itu akan menjadi menarik. 1075 00:53:26,070 --> 00:53:27,840 OK, apa yang saya googling di sini? 1076 00:53:27,840 --> 00:53:29,670 >> AUDIENCE: Tidak, itu pilihan Anda. 1077 00:53:29,670 --> 00:53:32,090 >> Allison Buchholtz-AU: Mengapa tidak we-- jika kelinci, 1078 00:53:32,090 --> 00:53:35,610 Saya merasa seperti kita harus memiliki rumput berumput bagus atau sesuatu. 1079 00:53:35,610 --> 00:53:38,275 >> AUDIENCE: Meadow. 1080 00:53:38,275 --> 00:53:39,350 Sebuah padang rumput. 1081 00:53:39,350 --> 00:53:40,641 >> Allison Buchholtz-AU: A padang rumput? 1082 00:53:40,641 --> 00:53:41,851 OK. 1083 00:53:41,851 --> 00:53:42,975 AUDIENCE: Atau Rachel Maddow. 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 Allison Buchholtz-AU: Yang satu ini terlihat cantik. 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 Oh, itu kecil, meskipun. 1088 00:53:50,380 --> 00:53:51,700 Kami membutuhkan ukuran gambar yang baik. 1089 00:53:51,700 --> 00:53:53,142 Mari kita lihat. 1090 00:53:53,142 --> 00:53:54,570 Oh, lihat. 1091 00:53:54,570 --> 00:53:55,630 Itu padang rumput yang cukup. 1092 00:53:55,630 --> 00:53:58,320 Kau tahu apa, aku seperti ini. 1093 00:53:58,320 --> 00:53:59,300 Mari kita menyalin satu ini. 1094 00:53:59,300 --> 00:54:08,020 >> AUDIENCE: OK, jadi saya pikir itu URL, kurung terbuka. 1095 00:54:08,020 --> 00:54:09,590 >> Allison Buchholtz-AU: OK, URL. 1096 00:54:09,590 --> 00:54:11,500 >> AUDIENCE: Lalu alamat. 1097 00:54:11,500 --> 00:54:13,610 >> Allison Buchholtz-AU: OK. 1098 00:54:13,610 --> 00:54:14,750 Apakah itu semua yang kita butuhkan? 1099 00:54:14,750 --> 00:54:20,550 >> AUDIENCE: Tutup kurung titik koma, dan kemudian ruang, latar belakang tanda hubung 1100 00:54:20,550 --> 00:54:27,050 lampiran usus tetap, dan brace keriting. 1101 00:54:27,050 --> 00:54:28,110 >> Allison Buchholtz-AU: OK. 1102 00:54:28,110 --> 00:54:29,114 Mari kita lihat apakah yang bekerja. 1103 00:54:29,114 --> 00:54:30,780 Ini akan menjadi keren jika itu terjadi. 1104 00:54:30,780 --> 00:54:33,880 Aku sebenarnya senang di sini. 1105 00:54:33,880 --> 00:54:35,070 Tidak berhasil. 1106 00:54:35,070 --> 00:54:35,700 Aku bertanya-tanya mengapa. 1107 00:54:35,700 --> 00:54:37,700 AUDIENCE: Mungkin URL harus dalam kutipan. 1108 00:54:37,700 --> 00:54:38,866 Allison Buchholtz-AU: Mungkin. 1109 00:54:38,866 --> 00:54:41,520 Dan ini adalah bagaimana kita belajar, guys. 1110 00:54:41,520 --> 00:54:44,340 >> AUDIENCE: Dapatkah kita memiliki latar belakang warna dan gambar latar belakang? 1111 00:54:44,340 --> 00:54:45,390 >> AUDIENCE: No. 1112 00:54:45,390 --> 00:54:46,550 Satu menggantikan yang lain. 1113 00:54:46,550 --> 00:54:46,960 >> Allison Buchholtz-AU: Aku tak tahu. 1114 00:54:46,960 --> 00:54:47,460 Mari kita lihat. 1115 00:54:47,460 --> 00:54:48,860 Mari kita check it out dan melihat. 1116 00:54:48,860 --> 00:54:51,567 >> AUDIENCE: Oh, mungkin, ya. 1117 00:54:51,567 --> 00:54:52,400 [Interposing SUARA] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> Allison Buchholtz-AU: OK, ini adalah obviously-- Aku [tak terdengar] di sini. 1120 00:55:03,260 --> 00:55:04,927 Jadi OK. 1121 00:55:04,927 --> 00:55:06,260 AUDIENCE: lampiran Latar Belakang. 1122 00:55:06,260 --> 00:55:07,301 Allison Buchholtz-AU: Ah. 1123 00:55:07,301 --> 00:55:12,096 1124 00:55:12,096 --> 00:55:13,946 >> AUDIENCE: OK, saya tidak tahu. 1125 00:55:13,946 --> 00:55:16,070 Allison Buchholtz-AU: Ini terlihat seperti itu harus bekerja. 1126 00:55:16,070 --> 00:55:19,074 Apakah Anda yakin itu usus setelah URL? 1127 00:55:19,074 --> 00:55:20,439 >> AUDIENCE: Tidak, itu titik koma. 1128 00:55:20,439 --> 00:55:21,980 Allison Buchholtz-AU: Ini titik koma. 1129 00:55:21,980 --> 00:55:22,530 AUDIENCE: Apakah saya mengatakan usus? 1130 00:55:22,530 --> 00:55:24,155 Allison Buchholtz-AU: Kau bilang titik dua. 1131 00:55:24,155 --> 00:55:26,222 AUDIENCE: Oh tidak. 1132 00:55:26,222 --> 00:55:27,680 Allison Buchholtz-AU: Ada Anda pergi. 1133 00:55:27,680 --> 00:55:29,350 AUDIENCE: Oh, tunggu, sekarang kita tidak bisa membaca teks. 1134 00:55:29,350 --> 00:55:30,320 Allison Buchholtz-AU: Sekarang Anda tidak dapat membaca teks, 1135 00:55:30,320 --> 00:55:32,740 tapi kami memiliki gambar latar belakang. 1136 00:55:32,740 --> 00:55:33,300 Mmhmm? 1137 00:55:33,300 --> 00:55:35,220 >> AUDIENCE: Apakah HTML mendukung konten dinamis? 1138 00:55:35,220 --> 00:55:39,070 Seperti, bisa Anda mengubah ukuran gambar yang tergantung pada ukuran jendela, 1139 00:55:39,070 --> 00:55:39,890 atau adalah bahwa CSS-- sebuah 1140 00:55:39,890 --> 00:55:41,723 >> Allison Buchholtz-AU: Jadi CSS harus melakukan itu. 1141 00:55:41,723 --> 00:55:45,210 Jadi jika kalian tertarik dalam belajar CSS maju, 1142 00:55:45,210 --> 00:55:50,789 Saya co-mengajar seminar tentang CSS pada 7. 1143 00:55:50,789 --> 00:55:52,580 Dan aku berjanji itu akan jauh lebih mendalam 1144 00:55:52,580 --> 00:55:55,220 dan melakukan lebih banyak lagi keren hal dalam bagian ini. 1145 00:55:55,220 --> 00:55:59,234 Dan rekan-guru seperti Total front end web master dev. 1146 00:55:59,234 --> 00:56:02,150 Sehingga akan cukup keren jika Anda ingin untuk belajar tentang semua hal keren 1147 00:56:02,150 --> 00:56:03,960 CSS yang dapat dilakukan. 1148 00:56:03,960 --> 00:56:06,860 >> Tapi apa yang kita miliki di sini dengan lampiran latar belakangnya 1149 00:56:06,860 --> 00:56:13,330 fixed-- sehingga beberapa size-- tetap tapi Anda benar-benar dapat dynamically-- 1150 00:56:13,330 --> 00:56:17,610 jika Anda pernah melihat halaman web, seperti sebagian besar halaman web yang baik akan lakukan, 1151 00:56:17,610 --> 00:56:19,470 ketika Anda menyesuaikan ukuran browser Anda, 1152 00:56:19,470 --> 00:56:23,980 ia akan menyesuaikan latar belakang atau berapa banyak menunjukkan atau memformat ulang hal, kan? 1153 00:56:23,980 --> 00:56:27,100 Jadi itulah yang kita sebut posisi relatif. 1154 00:56:27,100 --> 00:56:33,410 >> Dan CSS sebenarnya bisa ambil seberapa besar Anda lebar browser atau seberapa tinggi itu, 1155 00:56:33,410 --> 00:56:37,970 dan Anda dapat memposisikan hal menurut ukuran relatif 1156 00:56:37,970 --> 00:56:40,420 dibandingkan ukuran mutlak. 1157 00:56:40,420 --> 00:56:44,920 Dan itu jelas lebih maju CSS, tapi itu adalah sesuatu yang dapat Anda lakukan. 1158 00:56:44,920 --> 00:56:47,390 Jika Anda ingin belajar lebih, datang ke seminar saya. 1159 00:56:47,390 --> 00:56:50,540 >> Jadi itu adalah sesuatu yang dapat Anda lakukan. 1160 00:56:50,540 --> 00:56:54,450 Dan CSS sebenarnya bisa do-- CSS dan JavaScript, 1161 00:56:54,450 --> 00:56:58,790 yang akan kita masuk ke berikutnya week-- dapat memungkinkan Anda untuk mengubah secara dinamis 1162 00:56:58,790 --> 00:57:02,160 halaman tanpa harus kembali mereka sepanjang waktu. 1163 00:57:02,160 --> 00:57:04,590 Dan Anda bisa melakukan beberapa hal yang cukup keren. 1164 00:57:04,590 --> 00:57:09,317 >> Jadi apakah ada hal lain bahwa kalian mungkin ingin melakukan 1165 00:57:09,317 --> 00:57:10,650 atau apa pun yang Anda ingin menjelajahi? 1166 00:57:10,650 --> 00:57:12,900 Kami memiliki 10 menit tersisa. 1167 00:57:12,900 --> 00:57:19,010 Kami juga dapat pergi lebih awal, tetapi jika Anda ingin melakukan lebih banyak barang web, 1168 00:57:19,010 --> 00:57:20,960 kita bisa, tapi aku tidak akan memaksa Anda untuk. 1169 00:57:20,960 --> 00:57:23,510 Tapi kita juga bisa hanya makan permen. 1170 00:57:23,510 --> 00:57:25,760 AUDIENCE: Sorot teks putih sehingga Anda dapat membacanya. 1171 00:57:25,760 --> 00:57:27,680 Allison Buchholtz-AU: OK. 1172 00:57:27,680 --> 00:57:33,389 Jadi dalam hal ini, kita ingin beberapa hal. 1173 00:57:33,389 --> 00:57:36,305 AUDIENCE: Haruskah kita melakukannya di tubuh sehingga berlaku untuk seluruh halaman? 1174 00:57:36,305 --> 00:57:38,096 Allison Buchholtz-AU: Ya, kita bisa benar-benar. 1175 00:57:38,096 --> 00:57:40,880 Itu ide yang baik. 1176 00:57:40,880 --> 00:57:43,420 Jadi kita have-- apakah Anda tahu apa yang kita harus? 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 Saya tidak tahu apakah kita bisa melakukan warna teks. 1179 00:57:50,260 --> 00:57:54,946 Saya akan mencoba dan membuat kelas lain di sini. 1180 00:57:54,946 --> 00:57:58,394 >> AUDIENCE: Bagaimana Anda mendapatkan begitu bahwa ia memiliki saran? 1181 00:57:58,394 --> 00:58:00,560 Allison Buchholtz-AU: Jadi jika kalian tertarik, 1182 00:58:00,560 --> 00:58:03,480 ini adalah teks lain Editor disebut Sublime. 1183 00:58:03,480 --> 00:58:07,180 Anda harus dapat menginstalnya pada alat Anda. 1184 00:58:07,180 --> 00:58:08,659 Kadang-kadang menjadi sedikit rumit. 1185 00:58:08,659 --> 00:58:10,950 Jika Anda ingin membantu dengan itu, Aku super senang untuk membantu Anda 1186 00:58:10,950 --> 00:58:14,720 dengan itu, karena gedit besar dan itu mengagumkan karena Anda dapat compile 1187 00:58:14,720 --> 00:58:17,790 di bagian bawah, tapi aku benar-benar seperti Sublime karena itu cukup 1188 00:58:17,790 --> 00:58:19,498 dan itu tidak melakukan hal-hal seperti auto-lengkap. 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> Sehingga Anda pasti dapat merasa bebas untuk beritahu saya jika Anda ingin melakukan itu. 1191 00:58:26,890 --> 00:58:28,940 Jika Anda hanya google "Sublime teks, "biasanya 1192 00:58:28,940 --> 00:58:32,860 memiliki petunjuk tentang cara menginstal pada berbagai sistem operasi. 1193 00:58:32,860 --> 00:58:37,590 Ini benar-benar keren, saya Menurut opini saya. 1194 00:58:37,590 --> 00:58:38,355 Jadi hal. 1195 00:58:38,355 --> 00:58:45,616 Saya pikir saya hanya bisa melakukan text-- atau kita hanya bisa melakukan warna "putih." 1196 00:58:45,616 --> 00:58:47,050 Ada. 1197 00:58:47,050 --> 00:58:50,770 >> Jadi apa yang saya lakukan di sini adalah bahwa saya tidak mengubah semua teks. 1198 00:58:50,770 --> 00:58:54,040 Tapi p di sini adalah hanya tag yang kita miliki, kan? 1199 00:58:54,040 --> 00:58:55,450 Tag paragraf ini. 1200 00:58:55,450 --> 00:59:00,380 Jadi saya baru saja membuat sebuah elemen CSS yang kata, OK, apa-apa dengan tag ini 1201 00:59:00,380 --> 00:59:02,510 p, membuat warna putih. 1202 00:59:02,510 --> 00:59:05,690 >> Jadi, jika Anda perhatikan, itu membuat putih ini dan putih ini. 1203 00:59:05,690 --> 00:59:09,100 Itu tidak membuat daftar kami putih karena itu tidak terkait dengan itu. 1204 00:59:09,100 --> 00:59:11,180 Anda bisa pergi melalui dan Anda bisa say-- 1205 00:59:11,180 --> 00:59:11,860 >> AUDIENCE: Apakah warna latar belakang. 1206 00:59:11,860 --> 00:59:12,660 >> Allison Buchholtz-AU: Warna latar belakang? 1207 00:59:12,660 --> 00:59:15,660 >> AUDIENCE: Latar belakang pipa di warna di mana Anda meletakkan tag p. 1208 00:59:15,660 --> 00:59:16,701 >> Allison Buchholtz-AU: OK. 1209 00:59:16,701 --> 00:59:21,980 1210 00:59:21,980 --> 00:59:22,804 Anda ingin putih? 1211 00:59:22,804 --> 00:59:23,470 AUDIENCE: Mmhmm. 1212 00:59:23,470 --> 00:59:25,070 Allison Buchholtz-AU: OK. 1213 00:59:25,070 --> 00:59:26,342 Di sana Anda pergi. 1214 00:59:26,342 --> 00:59:27,300 AUDIENCE: Itu aneh. 1215 00:59:27,300 --> 00:59:29,190 Allison Buchholtz-AU: Cukup keren, kan? 1216 00:59:29,190 --> 00:59:31,640 Jadi jika Anda hanya main-main, Anda akan belajar banyak. 1217 00:59:31,640 --> 00:59:34,720 Dan itu bisa sangat keren. 1218 00:59:34,720 --> 00:59:37,312 Saya pikir itu pasti lebih menyenangkan daripada kadang-kadang 1219 00:59:37,312 --> 00:59:39,770 karena Anda tidak harus menunggu untuk program Anda untuk compile. 1220 00:59:39,770 --> 00:59:41,895 Anda hanya dapat menekan Segarkan dan Anda seperti, oh, lihat, 1221 00:59:41,895 --> 00:59:44,276 itu bekerja, atau oh, aku mungkin kehilangan sesuatu. 1222 00:59:44,276 --> 00:59:47,359 Dan itu adalah sesuatu yang benar-benar keren tentang ini bagian berikutnya dari kelas, 1223 00:59:47,359 --> 00:59:49,250 itu pasti, saya berpikir, lebih mudah untuk memeriksa 1224 00:59:49,250 --> 00:59:52,640 sambil jalan jalan vs harus menulis program-program lama 1225 00:59:52,640 --> 00:59:57,830 dan berharap dan berdoa bahwa ia bekerja di akhir. 1226 00:59:57,830 --> 01:00:01,960 >> Jadi dengan itu, saya pikir kalian semua tampak baik. 1227 01:00:01,960 --> 01:00:05,360 Jika Anda memiliki pertanyaan, seperti biasa, datang bicara padaku, datang beritahu saya. 1228 01:00:05,360 --> 01:00:08,180 Aku akan tepat di luar selama 15 menit berikutnya 1229 01:00:08,180 --> 01:00:11,340 jika Anda ingin chatting tentang apa saja dan segalanya. 1230 01:00:11,340 --> 01:00:13,530 >> Jadi saya harap Anda guys-- good luck dengan pset ini. 1231 01:00:13,530 --> 01:00:18,150 Batas waktu adalah Jumat pada siang hari karena dirilis akhir. 1232 01:00:18,150 --> 01:00:21,220 Jadi saya mungkin akan melihat banyak dari kalian pada hari Kamis, 1233 01:00:21,220 --> 01:00:21,970 tapi mudah-mudahan tidak. 1234 01:00:21,970 --> 01:00:23,386 Mungkin Anda akan memiliki itu dilakukan pada saat itu. 1235 01:00:23,386 --> 01:00:24,440 Aku akan menjadi super bangga. 1236 01:00:24,440 --> 01:00:26,410 >> Tapi jika tidak, saya akan melihat Anda Kamis. 1237 01:00:26,410 --> 01:00:30,030 Anda juga dapat menggunakan tanggal akhir, yang meluas sampai Sabtu pada siang hari. 1238 01:00:30,030 --> 01:00:31,730 Tapi aku don't-- ya? 1239 01:00:31,730 --> 01:00:32,580 >> AUDIENCE: Halloween. 1240 01:00:32,580 --> 01:00:34,538 >> Allison Buchholtz-AU: Ini Halloween,, dan b, 1241 01:00:34,538 --> 01:00:37,050 Saya tidak berpikir akan ada menjadi jam kantor pada hari Jumat. 1242 01:00:37,050 --> 01:00:40,920 Jadi benar-benar mencoba dan mendapatkannya dilakukan oleh Jumat sehingga kita semua dapat merayakan 1243 01:00:40,920 --> 01:00:42,010 Akhir pekan Hallow. 1244 01:00:42,010 --> 01:00:44,670 Baiklah, aku akan melihat kalian minggu depan. 1245 01:00:44,670 --> 01:00:45,888