1 00:00:00,000 --> 00:00:00,500 2 00:00:00,500 --> 00:00:03,946 [Musika sa pag-play] 3 00:00:03,946 --> 00:00:10,790 4 00:00:10,790 --> 00:00:12,540 Allison BUCHHOLTZ-AU: Ang lahat ng mga karapatan, sa lahat. 5 00:00:12,540 --> 00:00:13,860 Maligayang pagbabalik sa seksyon. 6 00:00:13,860 --> 00:00:19,559 Kaya aming mga agenda para sa araw ay pagpunta sa paglipas ng higit pang web dev bagay-bagay. 7 00:00:19,559 --> 00:00:21,600 Hindi ko alam kung gaano karami sa na nakita mo ang iyong psets 8 00:00:21,600 --> 00:00:24,414 dahil ito ay inilabas mas maaga umaga na ito. 9 00:00:24,414 --> 00:00:26,330 Gagawin ko ng kung gaano karaming mga tao na basahin ang spec, 10 00:00:26,330 --> 00:00:29,910 ngunit nakakakita ng kung paano nagkaroon ka ng lahat ng, tulad ng, pitong oras upang tingnan ito 11 00:00:29,910 --> 00:00:31,910 at ito ay isang Lunes at Malamang na nagkaroon ka ng klase, 12 00:00:31,910 --> 00:00:34,160 Pupunta ako sa ipinapalagay na karamihan ng mayroon ka ay hindi. 13 00:00:34,160 --> 00:00:37,170 Kung mayroon kang, labis na paggalang. 14 00:00:37,170 --> 00:00:39,400 >> Talaga ka pagtulong ipatupad ang isang simpleng web 15 00:00:39,400 --> 00:00:43,270 server sa C, na kung saan ay isang bagong tatak ng pset, kaya mo guys makakuha upang maging Guinea Pig. 16 00:00:43,270 --> 00:00:49,730 Ito ay magiging isang masaya, ligaw na linggo, ngunit sa palagay ko makikita itong maging ng maraming masaya 17 00:00:49,730 --> 00:00:52,260 at makikita itong maging isang tunay na mahusay na karanasan talaga. 18 00:00:52,260 --> 00:00:54,920 Kaya upang maghanda sa iyo para sa na, sa seksyon ngayon, 19 00:00:54,920 --> 00:01:00,940 kami ay pagpunta sa pumunta chmod, TCP / IP, at pagkatapos ng kaunting HTML at CSS. 20 00:01:00,940 --> 00:01:05,080 >> Sa dulo, ipapakita namin ang aktwal na code up ng isang simpleng web page nang magkasama 21 00:01:05,080 --> 00:01:09,042 upang matulungan kang guys uri ng makakuha ng higit pa familiarized may iyon. 22 00:01:09,042 --> 00:01:11,750 At pagkatapos ay kung hindi mo pa kinuha ang ang iyong maikling pagsusulit, sila ay nasa harap, 23 00:01:11,750 --> 00:01:14,890 ngunit ako medyo sigurado lahat ng tao dito ay ang kanilang mga pagsusulit. 24 00:01:14,890 --> 00:01:17,880 At din sa na tala, solusyon ay hindi up pa, 25 00:01:17,880 --> 00:01:21,490 ngunit sa lalong madaling finish-- naming i, ang nakalipas na ilang mga tao pagkuha ng kanilang mga quizzes-- 26 00:01:21,490 --> 00:01:22,280 sila ay magiging up. 27 00:01:22,280 --> 00:01:24,630 Kung mayroon kang anumang mga katanungan sa habang panahon, 28 00:01:24,630 --> 00:01:26,240 huwag mag-atubiling mag-email sa akin personal. 29 00:01:26,240 --> 00:01:30,700 Ako ay tumugon sa iyong mga indibidwal na mga tanong, gaya ng lagi kong gawin. 30 00:01:30,700 --> 00:01:33,890 >> Kaya sa na tala, chmod. 31 00:01:33,890 --> 00:01:36,390 Kaya talaga lahat mo Kailangan malaman tungkol sa chmod 32 00:01:36,390 --> 00:01:39,620 ay na ito ay ginagamit upang baguhin mga pahintulot ng file, i-right? 33 00:01:39,620 --> 00:01:44,050 Kaya tumawag ito ng ilang mga sistema lamang baguhin ang mga pahintulot, tulad ng sinasabi nito dito. 34 00:01:44,050 --> 00:01:48,540 At kung gusto mo man makita kung ano ang mga pahintulot ng file ay, 35 00:01:48,540 --> 00:01:52,240 sa halip ng paggawa lamang l, maaari mong gawin l -l. 36 00:01:52,240 --> 00:01:54,010 l ay kumakatawan sa haba. 37 00:01:54,010 --> 00:01:56,460 >> Kaya makikita mo gawin mahaba ang listahan ng lahat ng bagay, at 38 00:01:56,460 --> 00:02:02,080 ay magbibigay sa iyo magkano ang mas detalyadong impormasyon tungkol sa bawat isa sa iyong mga file. 39 00:02:02,080 --> 00:02:05,540 At makikita mo ang something-- ako pagpunta sa lumaktaw para sa isang second-- 40 00:02:05,540 --> 00:02:08,910 ngunit makikita mo ang isang bagay na katulad na tuktok linya doon para sa bawat file. 41 00:02:08,910 --> 00:02:11,560 At kami pumunta sa pamamagitan ng kung ano ang ibig sabihin nito ay. 42 00:02:11,560 --> 00:02:15,260 >> Kaya talaga, upang baguhin ang iyong mga pahintulot ng file, 43 00:02:15,260 --> 00:02:16,850 gusto mo lamang gamitin ang chmod. 44 00:02:16,850 --> 00:02:23,620 Maaari mong isipin na ito bilang anumang iba pang UNIX tumawag tulad ng l o cd o watnat. 45 00:02:23,620 --> 00:02:25,540 Ito ay lamang ang uri ng isa pang tulad ng tawag. 46 00:02:25,540 --> 00:02:30,530 >> Kaya ang ginagawa namin chmod at pagkatapos kami ay may tatlong digit karaniwang. 47 00:02:30,530 --> 00:02:33,570 May ilang mga paraan upang gawin ito, ang isa na ipagpapatuloy namin sa paglipas. 48 00:02:33,570 --> 00:02:37,650 Ngunit karaniwan, magkakaroon ka ng tatlong digit na nagmumula 0-7 sa bawat oras. 49 00:02:37,650 --> 00:02:43,530 >> Kaya ang isang bagay ay na mayroong mga tatlong iba't ibang mga pahintulot 50 00:02:43,530 --> 00:02:45,510 maaari naming bigyan ang bawat file. 51 00:02:45,510 --> 00:02:49,480 At ito ay nababasa, na kinakatawan ng r, na magkaroon ng kahulugan 52 00:02:49,480 --> 00:02:54,020 sa ilang sandali; w, na writable; at executable, na kung saan ay x. 53 00:02:54,020 --> 00:02:57,630 Alam ko na ang e isa, executable, Hindi siguro pinakamakabuluhan, ngunit namin 54 00:02:57,630 --> 00:02:59,120 kumakatawan ito sa x. 55 00:02:59,120 --> 00:03:05,290 >> At pagkatapos ay kung ano ang mangyayari ay bawat isa sa mga Mayroon din ang bilang na pangangatawan. 56 00:03:05,290 --> 00:03:07,990 Kaya mayroon kaming 1, 2, at 4. 57 00:03:07,990 --> 00:03:12,060 At talaga kung ano ang mangyayari ay bawat isa sa mga tatlong numero 58 00:03:12,060 --> 00:03:17,380 dito ay kumakatawan sa isang iba't ibang hanay ng mga gumagamit 59 00:03:17,380 --> 00:03:19,420 na mga pahintulot tumutukoy sa. 60 00:03:19,420 --> 00:03:24,820 >> Kaya maaari mong isipin na ang unang bilang tumutugon sa aktwal na user 61 00:03:24,820 --> 00:03:29,360 o ang may-ari ng file, ang pangalawang numero ay tumutugma sa mga pangkat, 62 00:03:29,360 --> 00:03:33,590 at ang huli ay tumutukoy sa buong mundo, ang OK? 63 00:03:33,590 --> 00:03:39,995 Kaya kung ano ang mangyayari ay matandaan mga numbers-- r ay 4, w ay 2, 64 00:03:39,995 --> 00:03:42,550 x ay 1, ang tama? 65 00:03:42,550 --> 00:03:46,630 This-- kung sabihin sa ilang mo ang mga up, na nagbibigay sa iyo na unang numero 66 00:03:46,630 --> 00:03:48,600 na maaari naming input sa aming chmod. 67 00:03:48,600 --> 00:03:52,191 >> Kaya sa kasong ito, kung ano ang ay magiging ang numerong ito? 68 00:03:52,191 --> 00:03:57,030 Gusto ito ay 4 plus 2 plus 1, na kung saan ay 7, i-right? 69 00:03:57,030 --> 00:03:59,250 At sa kasong ito, ang mga walang anuman, 70 00:03:59,250 --> 00:04:06,450 kaya ito dito mismo gagawin isalin sa chmod 700, OK? 71 00:04:06,450 --> 00:04:12,030 At kung ano na ang ginagawa ito ay nagbibigay sa lahat ng mga pahintulot na ito sa iyong mga user. 72 00:04:12,030 --> 00:04:14,400 >> Kaya ito ay nangangahulugan na ang aming mga gumagamit Maaari gawin kung ano ang kanilang nais. 73 00:04:14,400 --> 00:04:15,400 Maaari nilang mabasa ang file na ito. 74 00:04:15,400 --> 00:04:16,810 Maaari silang magsagawa ng file na ito. 75 00:04:16,810 --> 00:04:18,360 Maaari silang sumulat sa file na ito. 76 00:04:18,360 --> 00:04:23,545 Ngunit group at sa buong mundo, walang mga pahintulot sa kung ano pa man, OK? 77 00:04:23,545 --> 00:04:26,480 78 00:04:26,480 --> 00:04:32,680 >> Kaya isa pang paraan upang isulat iyon, maaari naming gawin chmod ng tatlong digit, ang bawat isa 79 00:04:32,680 --> 00:04:40,040 tumutugon sa anumang ang kabuuan o na tiyak na pangkat ay, tukoy na subset. 80 00:04:40,040 --> 00:04:44,870 O maaari naming gawin aktwal isa pang bagay. 81 00:04:44,870 --> 00:04:45,590 Sandali. 82 00:04:45,590 --> 00:04:49,330 Maaari naming gawin ang isang bagay sa mga dito. 83 00:04:49,330 --> 00:04:55,615 >> Paano marami sa inyo nakita ang isang halimbawa kung saan ito ay katulad ng sa chmod ng plus x? 84 00:04:55,615 --> 00:04:58,070 Makita mo ba na sa aralin, ako sa tingin? 85 00:04:58,070 --> 00:05:00,610 Kaya ang ibig sabihin ay para sa lahat. 86 00:05:00,610 --> 00:05:04,990 Ang ibig sabihin nito ibigay ito sa lahat ng mga gumagamit, na Nakalimutan ko ang upang ilagay dito. 87 00:05:04,990 --> 00:05:08,790 >> Ngunit ng plus x, kung namin mapansin dito, kung ang ginagawa namin 88 00:05:08,790 --> 00:05:13,420 sa chmod-- kung ano ang pangkat na kami ay pinag-uusapan kasama ang mga pahintulot 89 00:05:13,420 --> 00:05:14,660 nais naming bigyan ang mga ito. 90 00:05:14,660 --> 00:05:16,120 Kaya ito ay maaaring maging isang plus o ng minus. 91 00:05:16,120 --> 00:05:17,690 Dagdag pa nagdaragdag ng pahintulot. 92 00:05:17,690 --> 00:05:19,510 Minus tumatagal ang layo ng pahintulot. 93 00:05:19,510 --> 00:05:22,520 Medyo madaling maunawaan, sa tingin ko. 94 00:05:22,520 --> 00:05:25,720 >> Kaya plus x nangangahulugan chmod. 95 00:05:25,720 --> 00:05:32,260 Kaya baguhin ang mga pahintulot ng lahat ng mga tao kung ito ay isang a-- pahintulot add. 96 00:05:32,260 --> 00:05:37,110 At x-- na nangangahulugan kung ano ang pahintulot ay namin ang pagbibigay sa lahat. 97 00:05:37,110 --> 00:05:38,510 Magbasa, magsulat, o isagawa? 98 00:05:38,510 --> 00:05:39,360 >> Madla: Ipatupad. 99 00:05:39,360 --> 00:05:40,610 >> Allison BUCHHOLTZ-AU: Ipatupad. 100 00:05:40,610 --> 00:05:46,080 Kaya binibigyan ka namin ang lahat ng mga gumagamit pahintulot upang maisagawa ang file na ito, OK? 101 00:05:46,080 --> 00:05:53,370 Kaya kung ano kung gusto naming gawin na may mga numeric na form? 102 00:05:53,370 --> 00:05:56,290 Kaya tandaan may mga numeric, Gusto namin ang tatlong numero. 103 00:05:56,290 --> 00:05:56,790 >> Madla: 4. 104 00:05:56,790 --> 00:05:58,290 Allison BUCHHOLTZ-AU: Ano iyon? 105 00:05:58,290 --> 00:05:59,260 Madla: 4. 106 00:05:59,260 --> 00:06:00,426 Allison BUCHHOLTZ-AU: Hindi 4. 107 00:06:00,426 --> 00:06:01,599 Madla: 0, 0, 4. 108 00:06:01,599 --> 00:06:04,390 Allison BUCHHOLTZ-AU: Well, nais naming upang ibigay ito sa lahat ng mga gumagamit, i-right? 109 00:06:04,390 --> 00:06:07,442 Kaya kami ay pagpunta sa may isang numero sa bawat puwang. 110 00:06:07,442 --> 00:06:09,400 Na pupuntahan maging ang parehong bilang sa bawat puwang 111 00:06:09,400 --> 00:06:13,800 dahil gusto lang namin na bigyan lahat executable pahintulot. 112 00:06:13,800 --> 00:06:16,480 Kaya executable ay 1, ngunit sa kanan track. 113 00:06:16,480 --> 00:06:23,055 >> Kaya kung namin ginawa chmod 111 na gagawin maging ang katumbas ng chmod ng plus x. 114 00:06:23,055 --> 00:06:24,430 Ay na magkaroon ng kahulugan sa lahat? 115 00:06:24,430 --> 00:06:26,910 Kami ay pagpunta sa pumunta sa pamamagitan ng isang pares ng mga halimbawa. 116 00:06:26,910 --> 00:06:29,860 >> Kaya ang malaking takeaway dito ay isang hindi sa dito, 117 00:06:29,860 --> 00:06:33,360 ngunit lamang ay nangangahulugan ibigay ito sa lahat ng mga gumagamit. 118 00:06:33,360 --> 00:06:36,610 u ay kung gusto mo lang upang bigyan o tumagal ang layo ng 119 00:06:36,610 --> 00:06:40,600 isang tukoy na pahintulot mula sa ang user o ang may-ari. 120 00:06:40,600 --> 00:06:43,800 g ay para sa pangkat, upang ang gitnang digit. 121 00:06:43,800 --> 00:06:49,440 At pagkatapos ay iba maaari mong isipin bilang sa mundo, na huling digit. 122 00:06:49,440 --> 00:06:52,840 >> Kaya sa na, magpapadala kami pumunta sa isang halimbawa, dahil nararamdaman kong halimbawa palagi 123 00:06:52,840 --> 00:06:56,240 gawing mas madali ang mga bagay na ito upang maunawaan. 124 00:06:56,240 --> 00:07:01,240 Kaya rwx-- namin nagpunta sa pamamagitan ng this-- maaari ring maging kinakatawan bilang 700. 125 00:07:01,240 --> 00:07:05,070 Iyan ang halimbawa namin ay tumingin sa higit pa sa mga larawan. 126 00:07:05,070 --> 00:07:09,990 Kaya chmod 444 sa ilang mga file Ito ay magbibigay sa kung ano ang mga pahintulot? 127 00:07:09,990 --> 00:07:11,947 Ikaw ay talagang malapit. 128 00:07:11,947 --> 00:07:13,030 Madla: nababasa sa lahat. 129 00:07:13,030 --> 00:07:14,321 Allison BUCHHOLTZ-AU: nababasa. 130 00:07:14,321 --> 00:07:15,660 Kaya nababasa sa lahat ng tao, tama? 131 00:07:15,660 --> 00:07:17,910 At pagkatapos ay kung ano ang isa pang paraan upang gawin iyon? 132 00:07:17,910 --> 00:07:23,070 Kung gusto naming gawin chmod na may alinman sa r o w, at ng at minuses, 133 00:07:23,070 --> 00:07:25,300 kung ano ang magiging hitsura ng tawag na iyon tulad? 134 00:07:25,300 --> 00:07:27,336 Ito ay chmod ano? 135 00:07:27,336 --> 00:07:28,590 >> Madla: plus r. 136 00:07:28,590 --> 00:07:32,900 >> Allison BUCHHOLTZ-AU: plus r sa 5. 137 00:07:32,900 --> 00:07:40,980 OK, sa gayon ito ay kapareho ng ito, iba't-ibang mga pagsasalin dalawang lamang 138 00:07:40,980 --> 00:07:42,500 ng parehong bagay. 139 00:07:42,500 --> 00:07:45,650 Kaya may mga iyon, mayroon kaming mga ito. 140 00:07:45,650 --> 00:07:50,310 Kaya gusto ko sa iyo guys upang subukan at sumulat mga uri ng sa kanilang tapat na paraan. 141 00:07:50,310 --> 00:07:53,710 >> Kaya sa chmod 555, kung ano ang magiging tulad? 142 00:07:53,710 --> 00:07:56,704 Gusto ito ng plus o u plus o watnat? 143 00:07:56,704 --> 00:07:58,370 Para sa u plus x, bigyan mo ako ng tatlong numero. 144 00:07:58,370 --> 00:08:03,530 At pagkatapos ay sabihin sa akin tungkol sa kung ano ang mga pahintulot talaga kami sa pagbibigay at sa kung sino? 145 00:08:03,530 --> 00:08:06,600 >> Kaya Bibigyan kita ng dalawang guys minuto upang gumana sa na. 146 00:08:06,600 --> 00:08:08,160 Huwag mag-atubiling makipag-usap sa isa't isa. 147 00:08:08,160 --> 00:08:11,910 Para sa mga ng sa iyo kung sino ang dumating sa isang maliit na late, may candy at mga kamiseta. 148 00:08:11,910 --> 00:08:14,590 Kami ay tatlong mga kamiseta sa kaliwa, at mayroon kaming Kit Kats at Starbursts. 149 00:08:14,590 --> 00:08:17,630 Kaya huwag mag-atubili na dumating mang-agaw ilan sa maliit na patlang. 150 00:08:17,630 --> 00:09:03,190 151 00:09:03,190 --> 00:09:04,440 >> Gayundin, ang huli ay nakakalito. 152 00:09:04,440 --> 00:09:06,670 Ito ay dalawang chmods para sa huling isa. 153 00:09:06,670 --> 00:09:10,990 154 00:09:10,990 --> 00:09:15,880 Sa totoo lang, hayaan mo akong isara na pinto habang guys ay nagtatrabaho sa na. 155 00:09:15,880 --> 00:09:26,240 156 00:09:26,240 --> 00:09:28,225 Kendi palaging kinakailangan sa hapon Lunes. 157 00:09:28,225 --> 00:09:31,740 158 00:09:31,740 --> 00:09:34,756 >> OK, kaya chmod 555. 159 00:09:34,756 --> 00:09:36,380 Ano ang isa pang paraan na maaari kaming isulat iyon? 160 00:09:36,380 --> 00:09:39,860 161 00:09:39,860 --> 00:09:41,790 Ang anumang mga ideya? 162 00:09:41,790 --> 00:09:42,290 Oo. 163 00:09:42,290 --> 00:09:43,280 >> Madla: plus Rx. 164 00:09:43,280 --> 00:09:44,613 >> Allison BUCHHOLTZ-AU: r plus Rx. 165 00:09:44,613 --> 00:09:47,290 Gusto mo upang ipaliwanag kung bakit nais ito Rx? 166 00:09:47,290 --> 00:09:49,570 >> Madla: Dahil mayroon kang 5, sa gayon na 4 plus 1, 167 00:09:49,570 --> 00:09:51,734 kaya na basahin ang plus executable, at ito ay para sa lahat. 168 00:09:51,734 --> 00:09:52,900 Allison BUCHHOLTZ-AU: I-right. 169 00:09:52,900 --> 00:09:58,540 Kaya lang mag-ulit, 5 dito alam namin bilang ang kabuuan ng 4 at 1, 170 00:09:58,540 --> 00:10:04,760 dahil ang bawat numero sa aming trio ay ang kabuuan ng mga pahintulot para sa na subset, 171 00:10:04,760 --> 00:10:05,260 tama? 172 00:10:05,260 --> 00:10:07,070 Alinman sa user, ang group, o sa buong mundo. 173 00:10:07,070 --> 00:10:11,160 Kaya sa kasong ito, alam namin na 5 ay dapat na nabuo sa pamamagitan ng 4 at 1. 174 00:10:11,160 --> 00:10:15,240 >> At 4 at 1 tumutugma sa nababasa at executable. 175 00:10:15,240 --> 00:10:21,717 Na nagbibigay kami ng mga ito sa lahat, upang maaari naming gawin chmod ng plus Rx. 176 00:10:21,717 --> 00:10:24,050 At malinaw naman, nagpunta kami lamang sa pamamagitan ng mga tanong doon, 177 00:10:24,050 --> 00:10:28,810 kaya ngayon ang file na ito ay executable at nababasa sa lahat. 178 00:10:28,810 --> 00:10:31,120 >> Kaya kung ano ang tungkol sa pangalawang isa? 179 00:10:31,120 --> 00:10:32,900 Kung ano ang maaaring ang bilang para sa isa na maging? 180 00:10:32,900 --> 00:10:36,676 181 00:10:36,676 --> 00:10:37,180 Ang anumang mga ideya? 182 00:10:37,180 --> 00:10:37,680 Sige. 183 00:10:37,680 --> 00:10:38,600 >> Madla: 100 [hindi marinig]. 184 00:10:38,600 --> 00:10:39,683 >> Allison BUCHHOLTZ-AU: 100. 185 00:10:39,683 --> 00:10:40,270 Mismong. 186 00:10:40,270 --> 00:10:42,455 Kaya nais mong ipaliwanag kung bakit 100? 187 00:10:42,455 --> 00:10:45,080 Madla: Dahil ito ay para sa gumagamit, kaya sa unang posisyon. 188 00:10:45,080 --> 00:10:47,371 At pagkatapos ay x executable ay 1. 189 00:10:47,371 --> 00:10:48,620 Allison BUCHHOLTZ-AU: Eksaktong. 190 00:10:48,620 --> 00:10:53,120 Kaya binibigyan namin executable mga pahintulot upang lamang user. 191 00:10:53,120 --> 00:10:55,100 Kaya sa kasong ito, magiging 100. 192 00:10:55,100 --> 00:10:57,570 At Mayroon akong lahat ng mga sagot hanggang sa susunod na slide sa kasong 193 00:10:57,570 --> 00:11:00,060 sumusulat ka ng maraming mga bagay pababa. 194 00:11:00,060 --> 00:11:08,410 >> OK, kaya ang susunod na isa ay talagang tapos na may dalawang chmods, maaari mong gawin ito. 195 00:11:08,410 --> 00:11:11,120 Kaya mayroon sinuman kung paano maaari kang anumang mga ideya 196 00:11:11,120 --> 00:11:14,150 makakuha ng chmod 640 rewritten sa ibang paraan? 197 00:11:14,150 --> 00:11:17,770 198 00:11:17,770 --> 00:11:22,820 Maaari mong baguhin ang una at pagkatapos ay ang user maaari mong baguhin ang pangkat ay aking pahiwatig. 199 00:11:22,820 --> 00:11:29,740 >> Kaya kung saan namin lamang sa pagbabago ng ng gumagamit, na kung saan ay ang unang isa dito, 200 00:11:29,740 --> 00:11:33,830 kung ano ang maaaring maging ang aming mga tawag? 201 00:11:33,830 --> 00:11:36,080 Kaya gumagamit ay u, tama? 202 00:11:36,080 --> 00:11:38,780 Kaya chmod u plus kung ano? 203 00:11:38,780 --> 00:11:39,280 Mmhmm? 204 00:11:39,280 --> 00:11:40,469 >> Madla: RW. 205 00:11:40,469 --> 00:11:41,510 Allison BUCHHOLTZ-AU: RW. 206 00:11:41,510 --> 00:11:47,470 I-right, para basahin at isulat, dahil nabasa na 4, w ay 2, ang mga kabuuan nang sama-sama bilang 6. 207 00:11:47,470 --> 00:11:52,760 Kaya makuha namin chmod u plus RW, at makakuha ng namin ang aming mga unang 6 doon. 208 00:11:52,760 --> 00:11:56,860 >> Kaya pagkatapos na makuha ang 4, nais naming ngayon upang baguhin ang aming mga setting ng pangkat. 209 00:11:56,860 --> 00:12:00,960 Kaya kami ay pagpunta sa gawin chmod g plus kung ano? 210 00:12:00,960 --> 00:12:02,380 Ano ang isang 4? 211 00:12:02,380 --> 00:12:03,040 >> Madla: r. 212 00:12:03,040 --> 00:12:04,040 Allison BUCHHOLTZ-AU: r. 213 00:12:04,040 --> 00:12:05,070 Eksaktong. 214 00:12:05,070 --> 00:12:09,140 Kaya kami ay nagbibigay ng may-ari basahin at isulat ang mga pahintulot 215 00:12:09,140 --> 00:12:13,141 at kami ay nagbibigay ng nabasa na pangkat mga pahintulot, na magkaroon ng hanggang ang lahat ng namin dito. 216 00:12:13,141 --> 00:12:13,640 Mmhmm? 217 00:12:13,640 --> 00:12:17,740 >> Madla: Kung maaari mong magsulat ng isang bagay, aabutin magpahiwatig maaari mo itong isagawa? 218 00:12:17,740 --> 00:12:20,700 >> Allison BUCHHOLTZ-AU: mo maaaring sumulat sa something-- 219 00:12:20,700 --> 00:12:22,900 Hindi ko naniniwala na ito nagpapahiwatig maaari mo itong maisagawa. 220 00:12:22,900 --> 00:12:25,951 221 00:12:25,951 --> 00:12:26,450 Ayos. 222 00:12:26,450 --> 00:12:29,620 Kaya na ang lahat na nagpunta kami sa pamamagitan lamang. 223 00:12:29,620 --> 00:12:33,075 Kaya sa susunod na isa, ito ay lamang uri ng mga karaniwang mga kaso 224 00:12:33,075 --> 00:12:35,200 na nais mong panatilihin sa ayos lang para itakda ang iyong problema. 225 00:12:35,200 --> 00:12:39,800 Ang mga ito ay karaniwang ang mga pahintulot na nais ka naming gamitin. 226 00:12:39,800 --> 00:12:44,900 >> Kaya para sa 711, na nagbibigay sa amin, siyempre, gumagamit 227 00:12:44,900 --> 00:12:47,720 lahat ng mga pahintulot, na ay may gawi na magkaroon ng kahulugan. 228 00:12:47,720 --> 00:12:51,920 At pagkatapos ito ay executable sa pamamagitan ng pangkat sa mundo, na saysay 229 00:12:51,920 --> 00:12:56,150 kung mayroon kang ilang mga direktoryo, mo Nais na magawang tawirin ito. 230 00:12:56,150 --> 00:12:58,160 Ang mga taong kailangan ng access. 231 00:12:58,160 --> 00:13:04,680 >> Para sa anumang mga file na hindi pang-PHP, na iyong pupuntahan gamitin ang 644, na maaaring gawin kung ano? 232 00:13:04,680 --> 00:13:07,560 Ano ang ibig na nagpapahiwatig, o kung ano ang mga pahintulot ay na bigyan? 233 00:13:07,560 --> 00:13:12,210 234 00:13:12,210 --> 00:13:14,409 Kaya ang may-ari maaari ano? 235 00:13:14,409 --> 00:13:15,450 Madla: Basahin at isulat. 236 00:13:15,450 --> 00:13:16,991 Allison BUCHHOLTZ-AU: Basahin at isulat. 237 00:13:16,991 --> 00:13:21,560 At pagkatapos group at iba pa Maaari lamang basahin, i-right? 238 00:13:21,560 --> 00:13:25,660 At pagkatapos ay chmod 600 para sa anumang PHP file na gamitin mo, 239 00:13:25,660 --> 00:13:27,980 ang iyong mga may-ari, muli, maaari magbasa at magsulat dito 240 00:13:27,980 --> 00:13:32,310 ngunit ang iba ay uri ng block lamang off. 241 00:13:32,310 --> 00:13:34,540 >> Kaya na ito ay talagang maging mas kapaki-pakinabang kapag 242 00:13:34,540 --> 00:13:37,700 nakarating ka na sa iyong problema -set sa susunod na linggo kung saan 243 00:13:37,700 --> 00:13:40,290 aktwal na pagbuo ng website. 244 00:13:40,290 --> 00:13:43,100 Kaya kung sakaling magkatagpo anumang kakaibang mga problema 245 00:13:43,100 --> 00:13:45,970 kung saan hindi ito sa paglo-load nang maayos, siguro sa iyo 246 00:13:45,970 --> 00:13:50,670 kailangan upang magdagdag ng isang executable pahintulot, o siguro kailangan mo ng nabasa na 247 00:13:50,670 --> 00:13:52,990 o magsulat ng pahintulot. 248 00:13:52,990 --> 00:13:56,980 Little mga bagay na may posibilidad na trip mga tao up, ngunit uri ng tulad ng go-to 249 00:13:56,980 --> 00:13:58,564 kapag sinimulan mo ang pset susunod na linggo. 250 00:13:58,564 --> 00:14:00,730 At Gusto ko makapagbigay ng higit pang mo pahiwatig sa pset na ito linggong, 251 00:14:00,730 --> 00:14:05,010 ngunit mayroon akong pa upang tumingin sa ito mula noong ito ay inilabas na ito umaga. 252 00:14:05,010 --> 00:14:10,600 Ngunit mo ako ng email, ay magkakaroon Tiningnan ko sa ito sa oras na tumugon ako bukas. 253 00:14:10,600 --> 00:14:14,310 >> Kaya ngayon, ay maganda sa chmod sa lahat? 254 00:14:14,310 --> 00:14:16,040 Anumang matagal katanungan? 255 00:14:16,040 --> 00:14:17,240 Medyo simple. 256 00:14:17,240 --> 00:14:20,620 Lamang uri ng pagsubaybay sa kung ano ang magbasa, magsulat, at magsagawa ng mga numero 257 00:14:20,620 --> 00:14:23,660 Marahil ang hardest bahagi. 258 00:14:23,660 --> 00:14:29,620 >> Kaya sa TCP / IP, ang lahat ng mga protocol, uri ng tulad ng sa iyong mga istraktura ng data 259 00:14:29,620 --> 00:14:31,990 noong nakaraang linggo, ito ay mas Mahalagang uri ng makakuha ng 260 00:14:31,990 --> 00:14:33,900 isang mas mataas na antas ng Swersey sa kanila. 261 00:14:33,900 --> 00:14:37,390 Ito ay hindi CS143 kung saan kami pupuntahan sa hihilingin sa iyo na ipatupad ang isang network, 262 00:14:37,390 --> 00:14:39,870 kaya magagawa mong fine kung hindi mo naiintindihan 263 00:14:39,870 --> 00:14:42,900 ang kutuhin magaspang ng lahat ng mga protocol. 264 00:14:42,900 --> 00:14:46,050 Upang maunawaan kung ano ang mahalaga ay uri ng tulad ng kung ano ang kanilang kinakatawan 265 00:14:46,050 --> 00:14:47,300 at kung bakit ang mga ito ay mahalaga. 266 00:14:47,300 --> 00:14:52,320 >> Kaya TCP / IP, siyempre, ito ay ang Transmission Control Protocol 267 00:14:52,320 --> 00:14:57,270 o Internet Protocol, na isang set talaga lamang ng mga batas talaga 268 00:14:57,270 --> 00:15:00,800 o pamantayan na sabihin sa data kung paano dapat pangasiwaan ito, 269 00:15:00,800 --> 00:15:04,900 kung paano dapat itong packetized, ipinadala, at natanggap. 270 00:15:04,900 --> 00:15:09,200 Kaya ito talaga, tulad ng ito Sinasabi dito, pinatataas ang mga pagkakataon 271 00:15:09,200 --> 00:15:12,950 ang data na iyon kung saan ay makakakuha ng gusto mo upang makapunta sa. 272 00:15:12,950 --> 00:15:15,950 >> Ako sigurado kung ikaw guys napunta sa mga panayam o napanood na ito sa online, 273 00:15:15,950 --> 00:15:18,232 has-- siya Hindi ko alam kung ginawa niya ito sa taong ito, 274 00:15:18,232 --> 00:15:20,940 ngunit alam ko noong nakaraang taon, nagkaroon siya ng demo kung saan siya ay nagkaroon ng isang larawan ng Rob 275 00:15:20,940 --> 00:15:23,320 at hinati niya ito hanggang sa apat at ilagay ito sa envelopes 276 00:15:23,320 --> 00:15:26,590 at sinubukan upang makakuha ng mga ito sa buong Sanders. 277 00:15:26,590 --> 00:15:29,430 At maaari mong uri ng isipin na ito na paraan. 278 00:15:29,430 --> 00:15:35,400 Ito ay isang hanay lamang ng mga panuntunan na sabihin ng data kung paano makakuha ng isang lugar na naa 279 00:15:35,400 --> 00:15:37,640 at ipinapaalam sa iyo kung kulang ka ng mga data, 280 00:15:37,640 --> 00:15:40,460 sa parehong paraan na kung ikaw ay pagkuha ng maraming mga pahina ng mga tala 281 00:15:40,460 --> 00:15:46,490 at lagyan ng label mo ang mga ito sa pahina 104, pahina 204, at pumunta ka pabalik upang pag-aralan sa ibang pagkakataon 282 00:15:46,490 --> 00:15:50,220 at kulang ka ng mga something-- hindi mo mahanap ang pahina 304-- alam mo 283 00:15:50,220 --> 00:15:53,310 isang bagay ang mali, kaya mo Maaari tumingin sa iyong mga tala 284 00:15:53,310 --> 00:15:58,666 muli o hilingin sa isang tao upang muling ipadala mo ang aralin mga tala mula sa araw na iyon. 285 00:15:58,666 --> 00:16:00,290 Ang parehong paraan na may data sa internet. 286 00:16:00,290 --> 00:16:03,220 Kapag ako ay humihingi ng isang bagay mula sa ilang server 287 00:16:03,220 --> 00:16:05,377 at kailangan nito upang magpadala ng ito sa maramihang mga packet, 288 00:16:05,377 --> 00:16:07,210 marahil pagpunta sa numero ng ito sa ilang mga paraan, sabihin 289 00:16:07,210 --> 00:16:12,430 -alam sa akin kung gaano karaming mga dapat kong natanggap, at sabihin sa akin, oh, ito ay isa sa 10 290 00:16:12,430 --> 00:16:13,990 o ito ay isa sa 10,000. 291 00:16:13,990 --> 00:16:17,030 Sa ganoong paraan kapag pumunta ako sa buuing muli lahat ng mga piraso magkasama, 292 00:16:17,030 --> 00:16:21,504 Alam ko kung may isang bagay kulang at ko muli humingi iyon. 293 00:16:21,504 --> 00:16:22,730 Ay na magkaroon ng kahulugan? 294 00:16:22,730 --> 00:16:23,610 Isang hanay lamang ng mga panuntunan. 295 00:16:23,610 --> 00:16:28,120 Sa batayan nito, magtakda ng mga panuntunan, OK? 296 00:16:28,120 --> 00:16:31,360 >> Kaya usapan din kami ng isang Medyo tungkol sa port. 297 00:16:31,360 --> 00:16:36,150 Ito ay talagang isang karaniwang lamang na Hinahayaan ka ng kung ano ang uri ng data 298 00:16:36,150 --> 00:16:38,650 ay ipinadala sa mga packet. 299 00:16:38,650 --> 00:16:40,790 Kung pumunta kami sa aming mga sobre Halimbawa, hindi namin 300 00:16:40,790 --> 00:16:43,510 malaman na ito ay isang larawan ng Rob doon maliban kung sumulat namin ito 301 00:16:43,510 --> 00:16:45,480 sa labas ng aming mga sobre. 302 00:16:45,480 --> 00:16:47,100 Kaya port ay isa lamang ang parehong bagay. 303 00:16:47,100 --> 00:16:51,670 Ito ay lamang ng isang paraan upang malaman kung ano uri ng data ay ipinadala. 304 00:16:51,670 --> 00:16:56,260 >> Kaya mayroon kaming ang lahat ng mga pinaka-karaniwang mga dito. 305 00:16:56,260 --> 00:16:59,790 Kaya 21-- mga ito ay mga uri din tulad ng mahusay na mga bagay upang malaman. 306 00:16:59,790 --> 00:17:01,560 Ito ay uri ng isang madaling tanong pagsusulit. 307 00:17:01,560 --> 00:17:03,590 Mag-tulad ng, ano ang port 80 gawin? 308 00:17:03,590 --> 00:17:06,970 O, ano ang port 443 gawin? 309 00:17:06,970 --> 00:17:09,359 Kaya mahusay na mga bagay upang malaman. 310 00:17:09,359 --> 00:17:12,569 >> Kaya mayroon kaming dito, 21 ay file transfer protocol, kaya lamang 311 00:17:12,569 --> 00:17:15,050 ang mga patakaran na namamahala sa paglilipat ng file. 312 00:17:15,050 --> 00:17:19,550 25, isang bagay na namin ang lahat ng gamitin ngayon ng masyadong maraming, ay email. 313 00:17:19,550 --> 00:17:22,790 53 ay ang pangalan ng domain system, na kung saan ay isa lamang 314 00:17:22,790 --> 00:17:26,910 lamang uri ng ng lookup para sa IP address ng isang pangalan ng domain. 315 00:17:26,910 --> 00:17:29,900 >> Kaya ako medyo bang ito ay nabanggit sa aralin, kung 316 00:17:29,900 --> 00:17:33,960 pumunta sa isang bagay tulad ng google.com, ito ay isang IP address 317 00:17:33,960 --> 00:17:35,818 na nauugnay dito. 318 00:17:35,818 --> 00:17:37,026 Ito ay hindi tunay na google.com. 319 00:17:37,026 --> 00:17:40,720 At kaya 53 ay ang port na aktwal na tumatagal 320 00:17:40,720 --> 00:17:44,050 pag-aalaga ng uri ng nagta-translate ito sa na IP address para sa iyo. 321 00:17:44,050 --> 00:17:47,830 At pagkatapos ay 80 at 443 ay napakakaraniwan. 322 00:17:47,830 --> 00:17:50,710 Mong alinman sa magkaroon ng iyong web page o mayroon kang ang iyong mga secure na web page, 323 00:17:50,710 --> 00:17:56,100 kung saan ng maraming mga pahina ng web ay paglilipat ng mahigit sa ngayon. 324 00:17:56,100 --> 00:18:02,540 >> Kaya na uri ng mataas na antas ng Pangkalahatang-ideya ng transfer protocol. 325 00:18:02,540 --> 00:18:05,170 Hindi ako nakakakita ng mas malalalim na. 326 00:18:05,170 --> 00:18:07,320 Ito ay uri ng mga cool na bagay kung interesado ka. 327 00:18:07,320 --> 00:18:08,590 Mayroong maraming mga mapagkukunan. 328 00:18:08,590 --> 00:18:10,780 Wikipedia talaga isang mahusay na pahina. 329 00:18:10,780 --> 00:18:13,850 Kaya ako ay naghahanap sa ito lamang kanina, 330 00:18:13,850 --> 00:18:16,580 kaya mataas ko inirerekumenda ng pagtingin sa ito kung interesado ka 331 00:18:16,580 --> 00:18:22,160 o kumuha ng 143 sa loob ng dalawang taon dahil Sa tingin ko ito sa bawat iba pang mga taon. 332 00:18:22,160 --> 00:18:27,590 >> Kaya sa katapusan ng ito, hindi kami pinag-uusapan ng mga web page at HTTP, 333 00:18:27,590 --> 00:18:33,790 na kung saan ay aktwal na ang aming susunod na paksa para sa ngayon bago tayo pumunta sa HTML at CSS 334 00:18:33,790 --> 00:18:37,920 at maaari mong aktwal na code up ng isang web page. 335 00:18:37,920 --> 00:18:38,650 Makikita itong maging masaya. 336 00:18:38,650 --> 00:18:42,220 Magkakaroon kami ng mga larawan ng Bunnies at makikita ito maging mahusay. 337 00:18:42,220 --> 00:18:48,630 >> Kaya HTTP, tulad ng maaari mong makita dito, ay isa sa mga kaibig-ibig acronym 338 00:18:48,630 --> 00:18:53,220 para sa linggong ito, na Hypertext Transfer protocol. 339 00:18:53,220 --> 00:18:57,940 Kaya muli, ito lamang isa pang hanay ng mga panuntunan na 340 00:18:57,940 --> 00:19:01,440 namamahala ng hypertext maglipat, sa kasong ito. 341 00:19:01,440 --> 00:19:04,120 Kaya pinakamahusay na paraan upang malaman ang tungkol na ito ay lamang uri ng 342 00:19:04,120 --> 00:19:07,650 masira ito down sa ang mga indibidwal na mga salita 343 00:19:07,650 --> 00:19:10,770 dahil mayroong maraming mga salita sa screen doon. 344 00:19:10,770 --> 00:19:13,290 >> Kaya kami ay pagpunta sa magsimula sa hypertext. 345 00:19:13,290 --> 00:19:17,630 Kaya "hyper," maaari mong isipin "Sa itaas," tulad ng napakabilis na uri ng bagay. 346 00:19:17,630 --> 00:19:24,615 Kaya ito ay talagang lamang ang teksto dadalhin sa susunod na antas, kaya tulad ng sobrang teksto, 347 00:19:24,615 --> 00:19:27,850 tulad ng susunod na teksto. 348 00:19:27,850 --> 00:19:34,890 Kaya ito ay isa lamang lamang teksto na nagbibigay sa amin 349 00:19:34,890 --> 00:19:37,490 sa higit pang impormasyon sa normal na teksto ang, OK? 350 00:19:37,490 --> 00:19:40,510 >> Kaya sa kasong ito dito, ito ay hypertext. 351 00:19:40,510 --> 00:19:45,710 Sinasabi nito sa atin na mayroon kami ang ilang mga link na aming pagpunta sa, 352 00:19:45,710 --> 00:19:49,620 na kung saan ay cs50.net, na ngayon ay cs50.harvard.edu. 353 00:19:49,620 --> 00:19:51,420 Ang mga slide ay isang maliit na gulang. 354 00:19:51,420 --> 00:19:55,330 At ito ang nangyayari upang ipakita ang ito bilang na ito, bilang isang hyperlink, 355 00:19:55,330 --> 00:19:58,140 at pagkatapos ay isang talagang cool na website. 356 00:19:58,140 --> 00:20:02,080 >> Kaya teksto, na isang maliit kaunting talagang cool na mga bagay sa doon. 357 00:20:02,080 --> 00:20:08,170 Kaya maaari mong iugnay ang mga bagay at maaari mong magpasok ng mga imahe at maaari kang istilong bagay. 358 00:20:08,170 --> 00:20:11,740 At ang pinaka-pamilyar na bagay na guys malamang na mayroon na may hypertext 359 00:20:11,740 --> 00:20:19,100 ay Hypertext Markup Language, HTML, na siyempre ay ang lahat ng web 360 00:20:19,100 --> 00:20:23,080 na nakikita namin sa paligid sa amin, binigyan may ilang mga estilo ng CSS itinapon sa. 361 00:20:23,080 --> 00:20:25,580 >> Ngunit kung ang sinuman ay talagang malaki sa MySpace, 362 00:20:25,580 --> 00:20:28,240 Ako ba mo ang lahat ng gamit na HTML sa lahat ng oras upang lumikha ng 363 00:20:28,240 --> 00:20:30,640 mga perpektong mga profile, i-right? 364 00:20:30,640 --> 00:20:34,930 Pakiramdam ko ay tulad na maaaring maging isang hindi napapanahong reference ngayon, ngunit ang kahit anong. 365 00:20:34,930 --> 00:20:37,780 Isang little-- lang sa iyo guys ay hindi na magkano ang mas bata. 366 00:20:37,780 --> 00:20:40,480 Ang ilan sa iyo ay mas luma kaysa sa akin. 367 00:20:40,480 --> 00:20:42,480 MySpace ay pa rin ng isang bagay kapag ako ay bata pa. 368 00:20:42,480 --> 00:20:44,510 Hindi ako na gulang. 369 00:20:44,510 --> 00:20:49,265 >> Pa rin, HTML isang form lamang ng hypertext. 370 00:20:49,265 --> 00:20:55,640 Kaya hypertext lamang teksto na may idinagdag na mga tampok. 371 00:20:55,640 --> 00:21:01,790 Kaya transfer protocol ay marahil mas iffy bagay upang ipaliwanag. 372 00:21:01,790 --> 00:21:04,870 Malinaw, transfer-- maglipat lang ng data. 373 00:21:04,870 --> 00:21:09,370 Kaya alinman sa pagitan ng mga client, tulad ng iyong web kapatid na lalaki, at isang server. 374 00:21:09,370 --> 00:21:12,090 Kaya talaga lang ang paraan kung paano gumagana ang internet. 375 00:21:12,090 --> 00:21:16,339 >> Kaya ang eksaktong kahilingan ng kung paano ang mga trabaho, kami ay 376 00:21:16,339 --> 00:21:18,755 talagang pagpunta sa tumingin sa isang Halimbawa kahilingan at tugon. 377 00:21:18,755 --> 00:21:21,730 378 00:21:21,730 --> 00:21:25,220 Ngunit kung paano namin humiling impormasyon mula sa isang server 379 00:21:25,220 --> 00:21:30,590 at kung paano tutugon ang server sa amin ay kung ano ang namamahala ito transfer protocol. 380 00:21:30,590 --> 00:21:35,320 Kaya ang kahilingan at ang tugon ay may upang sundin ang mga tiyak na hanay ng mga panuntunan. 381 00:21:35,320 --> 00:21:38,340 Ito ay Standardized nang sa gayon ay hindi mahalaga kung saan gumagamit ka ng internet, 382 00:21:38,340 --> 00:21:40,720 ito palaging gumagana sa parehong, OK? 383 00:21:40,720 --> 00:21:43,220 >> Muli, protocol, magtakda ng mga panuntunan. 384 00:21:43,220 --> 00:21:45,620 Ito ay lamang ng isang normal na pakikipag-ugnayan sa parehong paraan 385 00:21:45,620 --> 00:21:49,500 na Propesor Malan uusap tungkol sa kapag ang isang tao ay umaabot sa kanilang mga kamay, 386 00:21:49,500 --> 00:21:52,880 alam sa iyo na ito ay karaniwang paggalang sa mga maabot sa iyo out at iling ang kanilang mga kamay. 387 00:21:52,880 --> 00:21:54,580 Iyon ang isang protocol, tama? 388 00:21:54,580 --> 00:21:59,060 >> Kaya ako magbibigay sa ilang mga standardized na kahilingan, na gusto kong i-iling ang iyong mga kamay, 389 00:21:59,060 --> 00:22:01,975 at bigyan ng kaunting standardized tugon, na kung saan ay alinman sa hindi salamat 390 00:22:01,975 --> 00:22:04,600 o maaari mong subukan at kalugin ang aking kamay o marahil ka ng pagpunta sa subukan 391 00:22:04,600 --> 00:22:06,490 at kamao paga sa akin. 392 00:22:06,490 --> 00:22:08,320 At wala kaming isang protocol para sa iyon. 393 00:22:08,320 --> 00:22:09,360 Ito Pinaghihiwa-hiwalay. 394 00:22:09,360 --> 00:22:12,030 Ngunit kung sumusunod sa lahat ng parehong protocol, siyempre, 395 00:22:12,030 --> 00:22:14,250 mangyaring hindi ito mas tuluy-tuloy. 396 00:22:14,250 --> 00:22:15,590 Ang mga tao na makilala ang bawat isa. 397 00:22:15,590 --> 00:22:16,830 Ang bawat tao'y ay masaya. 398 00:22:16,830 --> 00:22:20,750 >> Kaya sa mundo ng web, lahat ng tao ay sumusunod sa parehong rules-- 399 00:22:20,750 --> 00:22:22,940 bahagyang mas mahusay kaysa sa mga social na pamantayan. 400 00:22:22,940 --> 00:22:26,950 Ngunit sa iyon, titingnan namin ang isang halimbawa ng kahilingan dito. 401 00:22:26,950 --> 00:22:30,020 Kaya mayroong maliit na ito key dito sa ibaba 402 00:22:30,020 --> 00:22:34,990 na nagsasabi sa iyo ang iba't ibang kulay, kung ano ang kanilang dapat sabihin. 403 00:22:34,990 --> 00:22:38,290 >> Kaya puti tulad ng iyong paraan ng kahilingan at protocol version-- 404 00:22:38,290 --> 00:22:42,400 kaya kahilingan paraan, bersyon. 405 00:22:42,400 --> 00:22:44,630 At pagkatapos na ito ay ilang pangalan ng field at ang halaga 406 00:22:44,630 --> 00:22:47,630 ng patlang na iyon, na kung saan kami ay pumunta sa napaka, napaka ilang sandali. 407 00:22:47,630 --> 00:22:49,840 Kaya ito ay isang halimbawa kahilingan. 408 00:22:49,840 --> 00:22:54,470 Ito ay tulad ng sa akin pagpapalawig out, kinakapos upang ipakilala ang sarili ko. 409 00:22:54,470 --> 00:22:58,507 >> Ito ay kung ano ang client o kung ano ang iyong web browser 410 00:22:58,507 --> 00:22:59,840 Gusto nagpapadala sa iyong server. 411 00:22:59,840 --> 00:23:04,500 Kaya ito ay isang kahilingan get, kaya na nagtatanong ng isang bagay mula sa server. 412 00:23:04,500 --> 00:23:09,690 At, siyempre, HTTP at ito ay bersyon 1.1. 413 00:23:09,690 --> 00:23:16,060 >> Kaya ang natitirang bahagi ng ito dito ay ang tinatawag naming ang header, at dagdag na impormasyon nito 414 00:23:16,060 --> 00:23:20,050 na nagbibigay sa amin ng isang mas mahusay na ideya kung ano ang talagang hinihingi namin para sa, 415 00:23:20,050 --> 00:23:23,190 o impormasyon na nais naming bigyan ang ang server na maaaring may kinalaman. 416 00:23:23,190 --> 00:23:32,880 Kaya ay nagbibigay sa User-Agent ilang higit pang paglalarawan on-- halimbawa, narito, 417 00:23:32,880 --> 00:23:38,720 mabaluktot / 7.24.0 ay aktwal na pagpunta upang sabihin sa ang server na ginagamit namin Google 418 00:23:38,720 --> 00:23:40,700 Chrome ng aming browser. 419 00:23:40,700 --> 00:23:43,290 Kaya kung sakaling marinig tungkol sa mga tao na makipag-usap 420 00:23:43,290 --> 00:23:48,160 tungkol sa paggawa ng may magaang kalooban ng app sa maraming mga browser, 421 00:23:48,160 --> 00:23:50,330 ito ay isang bagay na kanilang maaaring gamitin dahil kung 422 00:23:50,330 --> 00:23:53,000 hindi alam kung ano browser ang kahilingan ay nagmumula, 423 00:23:53,000 --> 00:23:55,050 hindi mo maaaring maiangkop ang data na iyon. 424 00:23:55,050 --> 00:23:57,690 Kaya sa kasong ito, ang user ay nagbibigay sa lamang uri na ito 425 00:23:57,690 --> 00:24:01,030 ng nakakapagpakilalang impormasyon tungkol sa kung ano browser 426 00:24:01,030 --> 00:24:06,510 ang iyong mga user ay kasalukuyang gumagamit, OK? 427 00:24:06,510 --> 00:24:11,640 >> Kaya pagkatapos ay mayroon rin kaming host, na kung saan ay kung saan talaga kami kinakapos upang pumunta sa. 428 00:24:11,640 --> 00:24:15,280 Sa kasong ito, nais naming pumunta sa apple.com, bumili ng ilang mga cool na bagong iPad 429 00:24:15,280 --> 00:24:19,540 o ang isang bagay, siguro maganda mga ilaw sa aming dorm room. 430 00:24:19,540 --> 00:24:24,900 At halaga ng pangalan sa dulo lamang isang pamasak, isang pangkalahatang bagay 431 00:24:24,900 --> 00:24:25,760 para sa iyo guys upang makita. 432 00:24:25,760 --> 00:24:28,240 Hindi tunay tumutugma sa anuman dito. 433 00:24:28,240 --> 00:24:32,360 >> Kaya maaari kang magkaroon ng hanggang sa o bilang kaunti ayon sa gusto mo sa bawat kaso. 434 00:24:32,360 --> 00:24:36,990 Karamihan ng panahon, ang mga ito ay opsyonal. 435 00:24:36,990 --> 00:24:41,780 Depende lang ito sa kung anong kailangan mo mula sa browser, 436 00:24:41,780 --> 00:24:45,120 mula sa iyong mga gumagamit upang maayos na bigyan ang kahilingan. 437 00:24:45,120 --> 00:24:48,970 O kaya ito ay depende sa kung ano ang iyong user talaga ay nais na magbigay ng hanggang sa server. 438 00:24:48,970 --> 00:24:54,550 Kaya maaaring mayroon kang maraming, maraming ng mga pangalan ng field ng header 439 00:24:54,550 --> 00:24:57,140 o maaaring mayroon ka lamang ng ilang. 440 00:24:57,140 --> 00:24:59,630 Tulad ng sa gayon maraming bagay Na sinabi ko sa seksyong ito, 441 00:24:59,630 --> 00:25:03,590 ito ay talagang depende sa konteksto ng kung paano mo ginagamit ito. 442 00:25:03,590 --> 00:25:06,810 >> Kaya ang ginagawa na may katuturan sa lahat? 443 00:25:06,810 --> 00:25:11,463 Ito ay lamang ng isang halimbawa ng isang kahilingan, header, watnat. 444 00:25:11,463 --> 00:25:16,910 OK, kaya sa na, mayroon kaming ilang mga tugon. 445 00:25:16,910 --> 00:25:20,510 >> Muli, mayroon namin ang aming code ng katayuan, protocol bersyon, at pagkatapos ay patlang ng pangalan at field 446 00:25:20,510 --> 00:25:21,700 Pinahahalagahan tulad ng nakasanayan. 447 00:25:21,700 --> 00:25:25,500 Kaya aming bersyon ng protocol at ang aming code ng katayuan ay 200. 448 00:25:25,500 --> 00:25:28,610 OK, na nangangahulugan na, oo, nagpunta ang lahat ng bagay na rin. 449 00:25:28,610 --> 00:25:30,230 Narito kung ano ang gusto mo. 450 00:25:30,230 --> 00:25:33,750 >> Ang uri ng server, ang nilalaman type-- ito ay nagsasabi sa amin, OK, ikaw ay 451 00:25:33,750 --> 00:25:37,210 pagpunta upang makakuha ng ilang teksto HTML. 452 00:25:37,210 --> 00:25:40,520 Narito ang haba nito at narito ano ang dapat mong gawin sa koneksyon. 453 00:25:40,520 --> 00:25:43,004 OK, kaya muli, depende sa data ikaw ay 454 00:25:43,004 --> 00:25:45,670 humihingi, depende sa kung ano ang Nais ng server upang ibalik sa iyo, 455 00:25:45,670 --> 00:25:49,440 Maaaring mayroon kang higit pa sa mga field mga pangalan, maaaring mayroon kang mas. 456 00:25:49,440 --> 00:25:53,950 Ganap konteksto umaasa. 457 00:25:53,950 --> 00:25:56,650 >> At kung ang ang katayuang ito code dito, siyempre, 458 00:25:56,650 --> 00:25:59,590 200 ay hindi ang isa lamang maaari kang magkaroon ng, tama? 459 00:25:59,590 --> 00:26:01,580 Mayroon kaming napakaraming mga code ng katayuan. 460 00:26:01,580 --> 00:26:06,120 Sinuman matandaan ang alinman sa mga iba na aming nabanggit sa aralin? 461 00:26:06,120 --> 00:26:08,310 Marami sa mga ito magsimula sa 4. 462 00:26:08,310 --> 00:26:09,680 >> Madla: 404. 463 00:26:09,680 --> 00:26:11,310 >> Allison BUCHHOLTZ-AU: 404, na kung saan ay? 464 00:26:11,310 --> 00:26:12,140 >> Madla: Hindi natagpuan ang file? 465 00:26:12,140 --> 00:26:13,250 >> Allison BUCHHOLTZ-AU: Hindi natagpuan ang file. 466 00:26:13,250 --> 00:26:14,120 Mismong. 467 00:26:14,120 --> 00:26:15,587 Kaya kung ano ang tungkol sa 403? 468 00:26:15,587 --> 00:26:16,420 Madla: Forbidden. 469 00:26:16,420 --> 00:26:17,120 Allison BUCHHOLTZ-AU: Forbidden. 470 00:26:17,120 --> 00:26:18,695 Kaya kung ano ang iyong palagay Nangangahulugan iyon na may chmods? 471 00:26:18,695 --> 00:26:20,890 >> Madla: Ito ay nangangahulugan na sa iyo wala kang pahintulot na basahin ito. 472 00:26:20,890 --> 00:26:22,400 >> Allison BUCHHOLTZ-AU: Eksaktong. 473 00:26:22,400 --> 00:26:25,190 Sa ilang mga paraan, hindi mo kailangang pahintulot na i-access ito, i-right? 474 00:26:25,190 --> 00:26:27,242 Kaya 404, 403. 475 00:26:27,242 --> 00:26:28,950 Mayroong isang talagang nakakatawa isa na palagi kaming 476 00:26:28,950 --> 00:26:31,116 ipakilala sa bawat taon na Dapat na maglagay ako dito, 477 00:26:31,116 --> 00:26:33,370 tulad ng 413, na kung saan ay Isa akong tsarera. 478 00:26:33,370 --> 00:26:34,390 Maaari mong google ito. 479 00:26:34,390 --> 00:26:38,490 Ito ay tulad ng nakakatawang, na code 413 at ito ay Isa akong tsarera. 480 00:26:38,490 --> 00:26:41,240 Aling Hindi ko alam kung bakit gagawin mo kailanman kailangan na sa internet, 481 00:26:41,240 --> 00:26:42,935 ngunit lumihis sa pinag-uusapan ko. 482 00:26:42,935 --> 00:26:44,310 Madla: Siguro ikaw ay isang kagamitan sa pagtimpla ng palayok. 483 00:26:44,310 --> 00:26:46,476 Allison BUCHHOLTZ-AU: Baka ang server ay isang kagamitan sa pagtimpla ng palayok. 484 00:26:46,476 --> 00:26:47,890 Sino ang nakakaalam? 485 00:26:47,890 --> 00:26:51,840 Ang lahat ng mga karapatan, kaya kami ay tungkol sa lumipat sa tunay na coding. 486 00:26:51,840 --> 00:26:54,750 Nararamdaman ko na tulad mo guys ay pumunta sa mawalan ng dito medyo mabilis. 487 00:26:54,750 --> 00:26:56,940 >> Madla: Bakit ito gumagana sabihin ang "server: dalawang beses? 488 00:26:56,940 --> 00:26:57,981 >> Allison BUCHHOLTZ-AU: Hm? 489 00:26:57,981 --> 00:27:00,350 Server ng dalawang beses? 490 00:27:00,350 --> 00:27:03,750 Iyon ay isang mahusay na tanong. 491 00:27:03,750 --> 00:27:04,630 Hindi ako sigurado. 492 00:27:04,630 --> 00:27:07,520 Ako malaman at Ako ay mo ang lahat ng email. 493 00:27:07,520 --> 00:27:11,410 >> OK, ang anumang iba pang mga tanong bukod sa iyon? 494 00:27:11,410 --> 00:27:12,310 Magandang? 495 00:27:12,310 --> 00:27:14,390 Ayos. 496 00:27:14,390 --> 00:27:17,280 >> HTML at CSS, at ngayon kami makapunta sa lahat ng kasiyahan bahagi. 497 00:27:17,280 --> 00:27:21,697 Kaya bilang ko nabanggit bago, HTML Marahil ang isa sa mga bagay 498 00:27:21,697 --> 00:27:23,030 ka guys ay pinaka-pamilyar sa. 499 00:27:23,030 --> 00:27:25,760 Kaya mayroon kaming Hypertext Markup Language. 500 00:27:25,760 --> 00:27:29,900 >> Ang pinakamahusay na paraan upang malaman ang this-- gagawin ko hindi mayroon kang anumang naghanda ng mga slide o anumang bagay 501 00:27:29,900 --> 00:27:31,480 para sa iyo guys sa HTML. 502 00:27:31,480 --> 00:27:33,640 Ito ay talagang tungkol sa pag-aaral ng syntax. 503 00:27:33,640 --> 00:27:38,380 At kung ikaw ay sa MySpace araw, magkakaroon ka ng ito pababa. 504 00:27:38,380 --> 00:27:42,790 >> Kaya talaga, ang pinakamalaking bagay ay lamang sa pagsasanay at eksperimento. 505 00:27:42,790 --> 00:27:48,000 Ang isa sa mga mahusay na mapagkukunan ng gagawin ko lubos na inirerekomenda ang paggamit ay W3Schools. 506 00:27:48,000 --> 00:27:50,620 Kaya lang W, 3, at pagkatapos ay i-Paaralan. 507 00:27:50,620 --> 00:27:54,810 Ang mga ito ay may maraming mga mga mapagkukunan sa HTML, sa CSS, 508 00:27:54,810 --> 00:27:58,970 at aktwal na sila ay may split screen uri ng bagay 509 00:27:58,970 --> 00:28:00,830 kung saan ang mga ito ay magbibigay sa iyo ng halimbawang code. 510 00:28:00,830 --> 00:28:03,290 Maaari mong magbiyolin na may ito, baguhin ito, at pindutin Update, 511 00:28:03,290 --> 00:28:06,410 at makikita ito ipakita sa iyo kung ano ito talaga gumagana sa web page. 512 00:28:06,410 --> 00:28:08,380 >> Kaya ako ay lubos na inirerekomenda ang paggamit na iyon. 513 00:28:08,380 --> 00:28:11,300 Ito ay medyo cool. 514 00:28:11,300 --> 00:28:14,560 Hindi ka makakakuha ng seg pagkakamali dito kapag bagay magkamali. 515 00:28:14,560 --> 00:28:16,430 Kung pinamamahalaan mo upang makakuha ng isang seg kasalanan sa HTML, 516 00:28:16,430 --> 00:28:19,446 huwag ipaalam sa akin dahil ako pagpunta sa ay tunay intrigued. 517 00:28:19,446 --> 00:28:21,570 Ngunit ito ay talagang cool na dahil maaari mong baguhin ang mga bagay, 518 00:28:21,570 --> 00:28:23,550 Maaari mong makita ang mga ito na-update live. 519 00:28:23,550 --> 00:28:26,210 At sa tingin ko makakakuha ka ng isang mas mas intuitive na kaalaman sa HTML 520 00:28:26,210 --> 00:28:28,690 kung aktwal mong gastusin lamang ng ilang oras-eksperimento sa ito. 521 00:28:28,690 --> 00:28:32,590 Kaya na ang dahilan kung bakit sinabi ko, kasanayan at eksperimento. 522 00:28:32,590 --> 00:28:34,490 >> Google, mula dito sa out, ay malamang na maging 523 00:28:34,490 --> 00:28:36,440 ang isa sa iyong pinakamahusay na mga mapagkukunan at mga kaibigan. 524 00:28:36,440 --> 00:28:41,080 O Bing-- ako nagtatrabaho sa Microsoft, kaya siguro ang dapat kong sabihin Bing. 525 00:28:41,080 --> 00:28:45,590 Pero halos kahit ano ay lamang ng pagpunta sa maging syntax, 526 00:28:45,590 --> 00:28:51,300 kaya pag-unawa kung ano ang mga tag ay, understanding-- ng hindi bababa sa CSS-- 527 00:28:51,300 --> 00:28:53,360 kung paano baguhin ang ilang mga katangian. 528 00:28:53,360 --> 00:28:55,300 Ito ay sobrang kapaki-pakinabang. 529 00:28:55,300 --> 00:28:58,852 >> Kaya kahit na hindi namin mayroon kang anumang mga inihandang mga bagay, 530 00:28:58,852 --> 00:29:02,060 kailangang namin uri ng ilang mga pinakamahusay na kasanayan na gusto namin sa iyo guys upang subukan at sumunod 531 00:29:02,060 --> 00:29:06,640 by-- o sa halip, dapat mong sumunod sa hanggang sa susunod na abiso. 532 00:29:06,640 --> 00:29:09,722 Kaya isara ang lahat ng iyong mga tag. 533 00:29:09,722 --> 00:29:12,930 Sana lahat has-- alam mo kung ano, kung ito ay hindi magkaroon ng kahulugan ngayon, 534 00:29:12,930 --> 00:29:15,388 Nangangako ako ay itong magkaroon ng kahulugan kapag kami coding ang pahina. 535 00:29:15,388 --> 00:29:16,680 Ngunit isara ang lahat ng iyong mga tag. 536 00:29:16,680 --> 00:29:20,410 Kaya kung sakaling mayroon kang ilang mga header na bracket, 537 00:29:20,410 --> 00:29:24,180 H1, bracket, tiyakin na sa tuwing tapos ka na sa na, 538 00:29:24,180 --> 00:29:26,570 isasara mo ang header na iyon. 539 00:29:26,570 --> 00:29:30,260 Patunayan ang iyong pahina sa W3 Validator. 540 00:29:30,260 --> 00:29:34,689 Kung hindi mo isara ang iyong mga tag, maaari kang makakuha ng mga hindi inaasahang pag-uugali. 541 00:29:34,689 --> 00:29:37,730 Ito sabihin na ang iyong pahina ay hindi wasto kung patatakbuhin mo sa pamamagitan ng validator. 542 00:29:37,730 --> 00:29:41,000 Kaya kapag nasa doubt-- at lalo na sa linggong ito at susunod na linggo 543 00:29:41,000 --> 00:29:46,220 pset-- sa parehong paraan na aming hinihiling mong gamitin ang check 50 at estilo 50, 544 00:29:46,220 --> 00:29:49,130 maaari mong isipin na ito bilang isa sa iyong mga pagsusuri, OK? 545 00:29:49,130 --> 00:29:51,950 >> Kaya kung hindi ito pumasa sa W3 Validator. 546 00:29:51,950 --> 00:29:53,810 Iyon ay isang bagay na kami ay i-dock ka. 547 00:29:53,810 --> 00:29:55,960 O kaya naman ako na nagsasabi sa iyo karapatan ngayon, ako ay i-dock ka. 548 00:29:55,960 --> 00:29:58,202 Kaya't tiyaking ito napatunayan. 549 00:29:58,202 --> 00:29:58,785 Ito ay hindi mahirap. 550 00:29:58,785 --> 00:30:01,530 Ilagay mo lang sa iyong code at ito makikita alinman sabihin magaling 551 00:30:01,530 --> 00:30:03,630 o nawawala isang bagay sa parehong paraan 552 00:30:03,630 --> 00:30:07,760 ay nagsasabi sa iyo na style 50 kung saan ka panggugulo up. 553 00:30:07,760 --> 00:30:11,360 >> At pagkatapos ay isang huling bagay ay gusto mong ihiwalay 554 00:30:11,360 --> 00:30:15,980 ang iyong mga markup, na ang lahat ng mga HTML na o ang iyong teksto, at ang iyong mga estilo. 555 00:30:15,980 --> 00:30:19,420 Kaya makikita natin ang isang halimbawa ng karapatang iyon pagkatapos na ito. 556 00:30:19,420 --> 00:30:21,830 Kaya dapat maging hiwalay na HTML at CSS. 557 00:30:21,830 --> 00:30:26,030 At kami ay pagpunta sa ay pakikipag-usap tungkol sa MVC, na Modelo Tingnan ang Kontroler, 558 00:30:26,030 --> 00:30:27,100 susunod na linggo. 559 00:30:27,100 --> 00:30:29,360 Ikaw guys dapat marahil alamin ang tungkol sa na sa panayam 560 00:30:29,360 --> 00:30:32,130 bukas kung mayroon kang na natutunan ito ngayon. 561 00:30:32,130 --> 00:30:34,250 >> At ito ay lamang uri ng isang tularan na kami ay may gawi 562 00:30:34,250 --> 00:30:37,460 upang gamitin kapag lumilikha ng web mga pahina upang paghiwalayin ang mga bagay out. 563 00:30:37,460 --> 00:30:41,440 Maaari mong isipin na ito sa parehong paraan na may posibilidad naming hiwalay na function sa C 564 00:30:41,440 --> 00:30:43,360 kung saan hash namin upang mahanap ang mga bagay. 565 00:30:43,360 --> 00:30:45,530 Ito ay isang paraan lamang upang gawing mas madali ang iyong buhay. 566 00:30:45,530 --> 00:30:51,790 Ito ay hinihiwalay katangian o code na Gusto gumagamit ka ng paulit-ulit, 567 00:30:51,790 --> 00:30:55,360 ngunit sa ganitong paraan, ito uri ng iniingatan nito ang maganda at malinis at maayos. 568 00:30:55,360 --> 00:30:58,260 At kung gusto mong baguhin isang bagay, baguhin mo ito nang isang beses 569 00:30:58,260 --> 00:31:00,150 at ito ang nagbago sa lahat ng dako iba pa. 570 00:31:00,150 --> 00:31:05,010 Kaya ito ay higit pa para sa iyong luwag at kakayahang umangkop. 571 00:31:05,010 --> 00:31:11,430 >> Kaya gamit ang CSS, ito ay katulad na katulad sa HTML, ngunit sa halip ng mga tag 572 00:31:11,430 --> 00:31:15,120 na nabanggit ko lang ngayon, namin gamitin kung ano ang tinatawag na tagapili. 573 00:31:15,120 --> 00:31:21,900 At sila ay isa lamang lamang uri ng iugnay ang isang tiyak na tag 574 00:31:21,900 --> 00:31:24,620 sa HTML na may iba't ibang mga katangian. 575 00:31:24,620 --> 00:31:29,060 At kapag sinabi ko katangian, ibig kong sabihin mga bagay tulad ng kulay ng font, estilo ng font, 576 00:31:29,060 --> 00:31:32,694 ang kulay ng background, ang kulay ng iyong teksto. 577 00:31:32,694 --> 00:31:33,610 Ang mga uri ng mga bagay. 578 00:31:33,610 --> 00:31:36,270 Tulad ng kung ito ay nakasentro, kung ito ay off sa kanan, 579 00:31:36,270 --> 00:31:39,430 kung ito ay inverted-- lahat ng mga cool na bagay. 580 00:31:39,430 --> 00:31:42,490 Ang anumang pangkakanyahan bagay na gawin mo sa iyong teksto, 581 00:31:42,490 --> 00:31:45,070 ito ay kung ano ang aking ibig sabihin na may mga katangian. 582 00:31:45,070 --> 00:31:50,140 >> At pagkatapos ay dalawang pangunahing mga bagay upang malaman ay ang selectors-- dalawang mga pangunahing factors-- 583 00:31:50,140 --> 00:31:53,090 mga ID, na kung saan ay natatangi. 584 00:31:53,090 --> 00:31:54,859 Maaari mo lamang gamitin na para sa isang bagay. 585 00:31:54,859 --> 00:31:56,400 Kung hindi man, ito ay pagpunta sa sumigaw sa iyo. 586 00:31:56,400 --> 00:31:59,970 At kapag tinutukoy namin sa isang CSS file, ito 587 00:31:59,970 --> 00:32:03,182 maging hash ID at pagkatapos ay kung ano ang mga katangian na nais namin. 588 00:32:03,182 --> 00:32:05,140 Nangangako ako kami ng pagpunta sa pumunta sa pamamagitan ng isang halimbawa. 589 00:32:05,140 --> 00:32:06,830 Ito gumawa ng maraming higit pang mga kahulugan. 590 00:32:06,830 --> 00:32:08,830 >> Class ay maaaring sumangguni sa maraming mga block. 591 00:32:08,830 --> 00:32:13,400 Kaya maaari kang magkaroon ng iyong una at ikatlong talata 592 00:32:13,400 --> 00:32:17,240 magkaroon ng parehong uri ng mga katangian kung -ugnay ka sa kanila gamit ang parehong klase. 593 00:32:17,240 --> 00:32:21,050 At kapag tinutukoy namin ang mga ito sa CSS, mayroon kaming isang tuldok klase, 594 00:32:21,050 --> 00:32:25,710 may klase pagiging anumang gusto mo ito na may pangalang. 595 00:32:25,710 --> 00:32:28,559 >> Kaya Alam ko na ito ay tama ngayon napaka abstract. 596 00:32:28,559 --> 00:32:29,850 Iyon ang dahilan kung bakit kami ng pagpunta sa code. 597 00:32:29,850 --> 00:32:32,060 Alam ko ka guys pag-ibig iyon, at ang lahat ng mga 598 00:32:32,060 --> 00:32:34,210 pagpunta sa makakatulong sa akin dahil ito ay ang iyong web page. 599 00:32:34,210 --> 00:32:36,310 Ito ay ang web page aming seksyon, na guys. 600 00:32:36,310 --> 00:32:40,158 Kaya ay mayroong anumang mga katanungan bago ako i-off ang PowerPoint, o anumang bagay 601 00:32:40,158 --> 00:32:42,366 Gusto mo sa akin upang mag-scroll pabalik sa bago namin simulang coding? 602 00:32:42,366 --> 00:32:45,074 >> Madla: Kapag sinabi mo ang pagtutugma ng mga tag, ang ibig mong sabihin tagapili o tag? 603 00:32:45,074 --> 00:32:50,427 604 00:32:50,427 --> 00:32:53,010 Allison BUCHHOLTZ-AU: Maaari mo palagay sa kanila ng parehong bagay. 605 00:32:53,010 --> 00:32:54,590 Iba ito lamang ang mga salita. 606 00:32:54,590 --> 00:32:56,460 Ibig kong sabihin, tulad ng tagapili. 607 00:32:56,460 --> 00:32:59,470 Ngunit tagapili ring i-map sa mga tag. 608 00:32:59,470 --> 00:33:02,800 Kaya maaari mong isipin ang mga ito bilang epektibo ang parehong bagay. 609 00:33:02,800 --> 00:33:05,900 Ipinapangako ko ito ang nangyayari upang gawing higit pang kahulugan kapag code namin. 610 00:33:05,900 --> 00:33:08,400 Anumang bagay mula sa PowerPoint o anumang mga katanungan 611 00:33:08,400 --> 00:33:12,980 ngayon bago namin talaga lumikha ng pahina ng aming seksyon ng? 612 00:33:12,980 --> 00:33:15,040 Ang bawat tao'y handa? 613 00:33:15,040 --> 00:33:15,540 Ayos. 614 00:33:15,540 --> 00:33:19,820 615 00:33:19,820 --> 00:33:24,760 >> Kaya Mayroon akong isa makapagsimula. 616 00:33:24,760 --> 00:33:27,030 Hayaan akong taasan ang font para sa iyo guys. 617 00:33:27,030 --> 00:33:29,810 618 00:33:29,810 --> 00:33:36,730 OK, kaya sa ngayon, mayroon kaming lamang walang kalaman-laman na web page buto dito mismo. 619 00:33:36,730 --> 00:33:38,360 >> Mayroon kaming ilang mga HTML. 620 00:33:38,360 --> 00:33:41,050 Mayroon kaming ilang mga header, na namin makikita dito bilang halimbawa web page. 621 00:33:41,050 --> 00:33:44,540 Ang ilang mga pamagat, ang ilang mga font. 622 00:33:44,540 --> 00:33:47,580 Ito ang mga tag, OK? 623 00:33:47,580 --> 00:33:53,930 Kaya kapag ibig kong sabihin isara ang iyong mga tag, tingnan ang aming dito ang bracket ulo ay iyong pambungad na 624 00:33:53,930 --> 00:33:59,670 tag, at ito bracket / Head Magsasara na ito, OK? 625 00:33:59,670 --> 00:34:04,380 >> Kaya maaari mong isipin na ito bilang ang iyong brace sa iyong mga kondisyon kung 626 00:34:04,380 --> 00:34:05,420 o ang iyong para sa loop. 627 00:34:05,420 --> 00:34:08,630 Kung mayroon kang isa sa simula, gusto mo ang isa sa dulo. 628 00:34:08,630 --> 00:34:13,500 Ito ay pa rin gumagana sa karamihan ng mga oras kung hindi mo magkaroon ng isang closed tag, 629 00:34:13,500 --> 00:34:17,659 ngunit pinakamahusay na kasanayan ay isara ang iyong mga tag. 630 00:34:17,659 --> 00:34:20,940 >> Kaya sa kasong ito, ay baguhin ito ipaalam. 631 00:34:20,940 --> 00:34:24,150 Kami ay pagpunta sa may seksyon ng pitong. 632 00:34:24,150 --> 00:34:25,270 "Seksyon Webpage." 633 00:34:25,270 --> 00:34:26,969 Kaya ako lamang ang pagpunta upang baguhin ito. 634 00:34:26,969 --> 00:34:32,100 >> At kung pumunta sa paglipas kami dito at kami reload-- gotta i-save at reload-- 635 00:34:32,100 --> 00:34:36,750 napansin namin na dito Binago ito, i-right? 636 00:34:36,750 --> 00:34:38,250 Ayos. 637 00:34:38,250 --> 00:34:39,380 Kaya ito ang mga pagbabago sa pamagat. 638 00:34:39,380 --> 00:34:41,920 Ito ay ang anumang sa iyong mga tab. 639 00:34:41,920 --> 00:34:43,870 >> Kaya ito ay uri ng naghahanap ng uri ng mayamot. 640 00:34:43,870 --> 00:34:44,870 Hindi ko alam tungkol sa guys. 641 00:34:44,870 --> 00:34:46,810 Sa tingin ko gusto naming ibang bagay dito. 642 00:34:46,810 --> 00:34:51,900 >> Kaya kung ano ang maaari naming gawin ay ang header ay may lamang. 643 00:34:51,900 --> 00:34:54,320 Gawin ang ilang mga uri ng katawan Hayaan. 644 00:34:54,320 --> 00:34:56,550 Kaya mayroon kaming ilang mga katawan dito. 645 00:34:56,550 --> 00:35:01,360 Palagi kong gawin bukas at isara ang aking mga tag upang simulan, 646 00:35:01,360 --> 00:35:04,850 sa parehong paraan na gagawin ko brace. 647 00:35:04,850 --> 00:35:06,326 Ah. 648 00:35:06,326 --> 00:35:09,010 Maghintay, ano? 649 00:35:09,010 --> 00:35:10,949 >> Madla: [hindi marinig]. 650 00:35:10,949 --> 00:35:11,990 Allison BUCHHOLTZ-AU: Ah. 651 00:35:11,990 --> 00:35:13,895 Ikaw guys Nakakuha ako. 652 00:35:13,895 --> 00:35:14,930 Mahusay. 653 00:35:14,930 --> 00:35:16,270 Gold bituin. 654 00:35:16,270 --> 00:35:20,300 >> OK, kaya mayroon kaming ilang mga katawan dito. 655 00:35:20,300 --> 00:35:22,920 At simulan ang pagdaragdag ng ilang teksto na ngayon hayaan. 656 00:35:22,920 --> 00:35:26,110 Kaya mayroon kang dalawang magkaibang mga pagpipilian para sa pagdaragdag ng teksto. 657 00:35:26,110 --> 00:35:29,380 Mayroon kaming mga bagay tulad ng mga header. 658 00:35:29,380 --> 00:35:32,144 Mayroon kaming lamang sa normal na teksto. 659 00:35:32,144 --> 00:35:33,560 Kaya ipaalam sa magsimula lamang na may isang header. 660 00:35:33,560 --> 00:35:36,670 Sa totoo lang, kung gusto mong guys upang makuha ang HTML School ng W3, 661 00:35:36,670 --> 00:35:38,860 maaari mong uri ng tumingin sa paligid at kung mayroong anumang bagay 662 00:35:38,860 --> 00:35:42,470 Partikular na nais mong subukan ang gamit ang web page, maaari naming gawin iyon. 663 00:35:42,470 --> 00:35:46,250 Gawin na lamang ng ilang h1 Kaya sa kasong ito, sabihin. 664 00:35:46,250 --> 00:35:48,710 Kaya h1 ay tulad ng pinakamataas na header. 665 00:35:48,710 --> 00:35:52,260 Ito ay magbibigay sa iyo ng isang bagay ito ay isang malaki at naka-bold. 666 00:35:52,260 --> 00:35:58,010 >> At sa kasong ito, kung ano ang gusto namin para sa unang teksto sa aming web page? 667 00:35:58,010 --> 00:35:58,640 Kahit ano. 668 00:35:58,640 --> 00:35:59,800 Ikaw guys ay pagpunta upang lumikha ng ito. 669 00:35:59,800 --> 00:36:00,758 Lamang ako ng pagpunta sa i-type. 670 00:36:00,758 --> 00:36:01,620 Madla: Maligayang pagdating. 671 00:36:01,620 --> 00:36:02,870 >> Allison BUCHHOLTZ-AU: Maligayang pagdating. 672 00:36:02,870 --> 00:36:06,660 673 00:36:06,660 --> 00:36:12,620 OK, kaya kung i-save namin ito at i-reload namin, mayroon kaming isang mahusay na malaki maligayang pagdating. 674 00:36:12,620 --> 00:36:17,365 Kaya lang nang sa gayon maaari mong makita ang pagkakaiba, gawin ang isang bagay sa H6 ipaalam. 675 00:36:17,365 --> 00:36:18,490 Ano ang gusto namin dito mismo? 676 00:36:18,490 --> 00:36:24,951 677 00:36:24,951 --> 00:36:27,440 Mag-right? 678 00:36:27,440 --> 00:36:30,356 >> OK, kaya lamang upang maaari kang mag makita ang pagkakaiba. 679 00:36:30,356 --> 00:36:31,990 Oo, kahanga-hanga. 680 00:36:31,990 --> 00:36:34,680 Kaya kung napansin mo, h1, napaka, napakalaking. 681 00:36:34,680 --> 00:36:39,030 h6, tulad ng naka-bold, ngunit mas maliit, at mayroon kang lahat ng bagay sa pagitan. 682 00:36:39,030 --> 00:36:41,550 Kaya maaari kang magkaroon ng h2, h3, h4. 683 00:36:41,550 --> 00:36:43,750 At ang mga ito ay lamang ang mga header, kaya kung sinusubukan mong 684 00:36:43,750 --> 00:36:46,010 upang lumikha ng isang web page na May iba't ibang mga seksyon, 685 00:36:46,010 --> 00:36:48,810 siguro na gusto mong gamitin mga header sa may lugar. 686 00:36:48,810 --> 00:36:49,580 >> Ayos. 687 00:36:49,580 --> 00:36:53,270 Kaya gagamitin namin magdagdag ng ilang higit pa bagay sa ating katawan. 688 00:36:53,270 --> 00:36:58,380 Nakikita ko na magiging uri mga astig na kung nagkaroon kami ng larawan. 689 00:36:58,380 --> 00:37:02,840 Nararamdaman kong maaaring gamitin ng lahat ng tao siguro isang cute na kuneho larawan karapatan tungkol sa ngayon, 690 00:37:02,840 --> 00:37:05,082 kaya kami ay pagpunta upang mahanap ang isang kuneho unang larawan. 691 00:37:05,082 --> 00:37:10,010 692 00:37:10,010 --> 00:37:12,960 >> Hindi ko alam kung guys ay may anumang Mga kagustuhan sa kung alin ang gusto naming. 693 00:37:12,960 --> 00:37:14,890 Mayroon ba kayong mga kagustuhan? 694 00:37:14,890 --> 00:37:15,925 Isa ito dito? 695 00:37:15,925 --> 00:37:17,160 Pababa. 696 00:37:17,160 --> 00:37:17,750 OK. 697 00:37:17,750 --> 00:37:18,760 Isa na ito ay. 698 00:37:18,760 --> 00:37:20,080 Magandang pagpipilian. 699 00:37:20,080 --> 00:37:21,850 >> OK, kaya kami ay pagpunta upang tingnan ang aming mga larawan. 700 00:37:21,850 --> 00:37:22,920 Tumingin sa iyon. 701 00:37:22,920 --> 00:37:24,250 Tumingin sa kaibig-ibig na bagay. 702 00:37:24,250 --> 00:37:27,080 Paano mong maging malungkot sa Lunes na may ito? 703 00:37:27,080 --> 00:37:30,180 >> Kaya kami lamang ang pagpunta upang kopyahin ang URL ng larawan. 704 00:37:30,180 --> 00:37:38,720 At kung ano ang gusto naming gawin ay, sabihin lamang sabihin nating mayroon kami ng ilang p para sa talata. 705 00:37:38,720 --> 00:37:41,140 Kami ay pagpunta sa sabihin ang "Hanapin tumingin sa cute na kuneho. 706 00:37:41,140 --> 00:37:44,130 d'awwww. " 707 00:37:44,130 --> 00:37:44,880 Gustung-gusto ko ang aking Bunnies. 708 00:37:44,880 --> 00:37:45,838 Mayroon akong kuneho sa bahay. 709 00:37:45,838 --> 00:37:48,085 Hinahanap-hanap ko ang aking kuneho. 710 00:37:48,085 --> 00:37:50,460 Kaya kung ano ang namin ang pagpunta sa do-- Hindi ko alam kung gusto mong guys 711 00:37:50,460 --> 00:37:55,970 sa google this-- ngunit sa HTML, kung paano maaaring isama mo ang isang larawan? 712 00:37:55,970 --> 00:37:58,355 Literal, kung google "Isama ang HTML imahe," 713 00:37:58,355 --> 00:38:00,480 bakit hindi mo guys sabihin sa akin kung ano ang dapat na ang tag na ito? 714 00:38:00,480 --> 00:38:05,150 715 00:38:05,150 --> 00:38:06,290 >> Madla: 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 Madla: --equals-- 718 00:38:08,600 --> 00:38:09,000 Allison BUCHHOLTZ-AU: --equals-- 719 00:38:09,000 --> 00:38:10,181 Madla: --quote-- oo. 720 00:38:10,181 --> 00:38:11,430 Allison BUCHHOLTZ-AU: Perpekto. 721 00:38:11,430 --> 00:38:12,090 Kaibig-ibig. 722 00:38:12,090 --> 00:38:15,470 Tingnan, pagbuo ng MySpace, tama? 723 00:38:15,470 --> 00:38:16,220 Madla: Neopets. 724 00:38:16,220 --> 00:38:17,470 Allison BUCHHOLTZ-AU: Neopets. 725 00:38:17,470 --> 00:38:18,950 Oh, ang OK. 726 00:38:18,950 --> 00:38:20,200 Wow. 727 00:38:20,200 --> 00:38:21,260 Naging baliw. 728 00:38:21,260 --> 00:38:23,120 OK. 729 00:38:23,120 --> 00:38:25,600 >> Kaya tiyaking nakakatanggap ako ng karapatang ito. 730 00:38:25,600 --> 00:38:26,100 Ayos. 731 00:38:26,100 --> 00:38:27,750 Kaya ito ay dapat na naririto. 732 00:38:27,750 --> 00:38:34,146 At pagkatapos ay kung i-reload namin, mayroon kaming kuneho sa pahina kaibig-ibig Ay hindi ito? 733 00:38:34,146 --> 00:38:35,030 >> Ito ay upang nakatutuwa. 734 00:38:35,030 --> 00:38:36,860 Pinili mo ang isang mahusay, mahusay na larawan. 735 00:38:36,860 --> 00:38:38,180 Ako paghuhukay ito. 736 00:38:38,180 --> 00:38:41,350 >> OK, kaya kami ay may ito kaibig-ibig kuneho ngayon. 737 00:38:41,350 --> 00:38:44,590 Nagawa naming upang magdagdag ng isang imahe, tulad ng iyon. 738 00:38:44,590 --> 00:38:47,550 Kaya isa lamang kung mayroong anumang larawan na gusto mong idagdag sa iyong web page, 739 00:38:47,550 --> 00:38:49,430 maaari mo itong idagdag ganito lamang. 740 00:38:49,430 --> 00:38:52,910 Isa pang bagay ay magiging kung mo na ang mga imahe na naka-imbak 741 00:38:52,910 --> 00:38:55,670 sa parehong folder bilang ang file na ito, maaari mo lamang 742 00:38:55,670 --> 00:38:59,595 isulat ang anumang mga pangalan ng na imahe ay sa halip ng pagkakaroon ng isang web link. 743 00:38:59,595 --> 00:39:01,010 >> Ito ay dapat nasa mga panipi pa rin. 744 00:39:01,010 --> 00:39:03,700 Ito ay magiging tulad kung kami ay may pangalang this-- 745 00:39:03,700 --> 00:39:06,695 kung ang larawang ito ay nai-save sa folder sa file na HTML 746 00:39:06,695 --> 00:39:08,570 na ako sa pag-edit at ito ay tinawag bunny.jpg. 747 00:39:08,570 --> 00:39:11,289 748 00:39:11,289 --> 00:39:13,080 Maaari rin kaming gawin iyon at gusto itong lumabas. 749 00:39:13,080 --> 00:39:16,600 Gayunpaman, hindi ko magkaroon ang naka-save sa ang file at nais kong panatilihin ang kuneho, 750 00:39:16,600 --> 00:39:18,092 kaya kami ay pagpunta upang panatilihin ang mga link. 751 00:39:18,092 --> 00:39:20,720 >> Madla: Ano ang 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 Ito ay isang appropriate-- tumingin, maaari mo itong magpatibay. 754 00:39:25,170 --> 00:39:25,770 Pag-ampon. 755 00:39:25,770 --> 00:39:27,690 bunny.jpg. 756 00:39:27,690 --> 00:39:29,190 Gusto kong magpatibay ito kuneho. 757 00:39:29,190 --> 00:39:31,180 Oh, diyos, ito ay kaya maganda. 758 00:39:31,180 --> 00:39:34,230 >> OK, kaya nagdagdag kami ng mga header. 759 00:39:34,230 --> 00:39:35,500 Nagdagdag kami ng isang larawan. 760 00:39:35,500 --> 00:39:37,760 Malinaw, nagdagdag kami ilang teksto dito, tama? 761 00:39:37,760 --> 00:39:40,920 Kung gusto naming magdagdag ng iba pang mga teksto, nais naming tulad nito. 762 00:39:40,920 --> 00:39:43,760 Kaya ito ay isa pang talata. 763 00:39:43,760 --> 00:39:49,070 >> At sinasabi namin sa "ito ay isa pang talata." 764 00:39:49,070 --> 00:39:52,510 Gayundin, ako ay isang kakila-kilabot speller, kaya maaaring ko bumaybay nang pamali bagay. 765 00:39:52,510 --> 00:39:54,930 Para sa iyong impormasyon lamang. 766 00:39:54,930 --> 00:39:58,450 >> Kaya mayroon kaming isa pang talata dito, tama? 767 00:39:58,450 --> 00:40:02,190 Kaya marahil gusto mong gawin ang isang bagay mas kawili-wiling pa sa isang maliit na 768 00:40:02,190 --> 00:40:04,640 ang lahat ng iyong teksto, tulad ng karapatan nakahanay. 769 00:40:04,640 --> 00:40:08,490 Siguro gusto mong upang igitna ang iyong teksto, OK? 770 00:40:08,490 --> 00:40:11,820 >> Kaya kapag ang isang tao ay nais na gumamit ng mga madaling magamit na mga computer sa harap ng sa iyo 771 00:40:11,820 --> 00:40:19,034 at sabihin sa akin kung paano ikaw ay pagpunta sa igitna ang tekstong ito, 772 00:40:19,034 --> 00:40:20,300 >> Madla: Ihanay sa p. 773 00:40:20,300 --> 00:40:24,834 >> Allison BUCHHOLTZ-AU: Kaya ay katumbas ng Ihanay p "center." 774 00:40:24,834 --> 00:40:25,750 Siya'y pagpatay ito, guys. 775 00:40:25,750 --> 00:40:28,240 Kailangan Y'all sa hakbang up. 776 00:40:28,240 --> 00:40:36,042 At mayroon kaming "Ito ay nakasentro." 777 00:40:36,042 --> 00:40:37,500 At ngayon ng isang bagay na namin ang nakasentro. 778 00:40:37,500 --> 00:40:39,380 >> Sa parehong paraan, kung Gusto ito hinayaang nakahanay, 779 00:40:39,380 --> 00:40:42,020 maaari mong gawin Ihanay equals kaliwang, Ihanay katumbas ng karapatan. 780 00:40:42,020 --> 00:40:42,850 Ganap na nakasalalay sa iyo. 781 00:40:42,850 --> 00:40:55,580 Kung ginawa ko dito mismo, pagkatapos ito should-- ngayon ito kanan nakahanay. 782 00:40:55,580 --> 00:40:57,020 >> Madla: Allison? 783 00:40:57,020 --> 00:41:00,884 Sa pamamagitan ng pinagmulan ng larawan, bakit hindi Mayroon bang malapit ng source img? 784 00:41:00,884 --> 00:41:02,050 Allison BUCHHOLTZ-AU: Paumanhin. 785 00:41:02,050 --> 00:41:05,300 Isa ito ay dapat na Mayroon Ngayon ay handa ka mabuti. 786 00:41:05,300 --> 00:41:06,026 Ngayon kami ay mabuti. 787 00:41:06,026 --> 00:41:08,150 Madla: Hindi Mayroon kayong upang isara ang doon, o hindi? 788 00:41:08,150 --> 00:41:11,450 Allison BUCHHOLTZ-AU: Well, kaya img pinagmulan, ang isang ito ay just-- na may larawan, 789 00:41:11,450 --> 00:41:17,110 lamang ito ay itinuturing na isang elemento, samantalang ang kung napansin mo para sa natitirang bahagi ng mga ito, 790 00:41:17,110 --> 00:41:22,106 mayroon kaming ilang mga tag pagkatapos ay i-impormasyon na ito ay hinggil sa at pagkatapos ng pansarang tag. 791 00:41:22,106 --> 00:41:24,480 Ngunit may larawan, ang lahat ng lamang uri ng mga self-contained. 792 00:41:24,480 --> 00:41:28,540 793 00:41:28,540 --> 00:41:29,040 Ayos. 794 00:41:29,040 --> 00:41:33,530 Kaya mo guys malaman kung paano lumikha ng isang header, alam mo kung paano i-input ng teksto, 795 00:41:33,530 --> 00:41:37,060 alam mo kung paano maglagay ng isang imahe sa ngayon, maaari mong align bagay. 796 00:41:37,060 --> 00:41:39,940 797 00:41:39,940 --> 00:41:42,590 >> Isa pang bagay na Maaaring gusto upang magawa 798 00:41:42,590 --> 00:41:47,649 ay ang lumikha ng isang listahan sa CS-- kami uri ng pagpunta sa pset susunod na linggo. 799 00:41:47,649 --> 00:41:49,440 Ang mga bagay-bagay na aming Karaniwang magturo sa linggong ito 800 00:41:49,440 --> 00:41:51,480 mangyaring hindi talagang maayos sa pset sa susunod na linggo, kaya kami ay 801 00:41:51,480 --> 00:41:54,250 uri ng paghahalo, nagpapang-abot na mga bagay dito. 802 00:41:54,250 --> 00:41:56,290 Ngunit ito ay maging kapaki-pakinabang para sa susunod na linggo. 803 00:41:56,290 --> 00:42:02,500 >> Kaya kung gusto naming gumawa ng ilang mga listahan, kung paano maaaring gawin namin iyon? 804 00:42:02,500 --> 00:42:03,760 Hindi mo masagot ngayon. 805 00:42:03,760 --> 00:42:04,700 May iba ay sa. 806 00:42:04,700 --> 00:42:07,290 807 00:42:07,290 --> 00:42:09,440 Ito ay hindi mahirap, guys, nangangako. 808 00:42:09,440 --> 00:42:13,090 Google "unordered listahan ng HTML." 809 00:42:13,090 --> 00:42:14,076 Ano iyon? 810 00:42:14,076 --> 00:42:16,244 >> Madla: [hindi marinig]. 811 00:42:16,244 --> 00:42:17,410 Allison BUCHHOLTZ-AU: I-right. 812 00:42:17,410 --> 00:42:20,490 Kaya huwag namin nais na-order o unordered? 813 00:42:20,490 --> 00:42:21,500 Ay gawin ang isang unordered Hayaan. 814 00:42:21,500 --> 00:42:25,240 Kaya mayroon kaming ilang mga ul, na ang ibig sabihin ay Unordered List. 815 00:42:25,240 --> 00:42:27,997 At ano ang mayroon kami para sa bawat elemento? 816 00:42:27,997 --> 00:42:29,080 Gumagana ba kailangan nito ng sarili nitong tag na ito? 817 00:42:29,080 --> 00:42:30,556 Masimulan lang namin sa pagsusulat ng mga bagay? 818 00:42:30,556 --> 00:42:31,330 >> Madla: li. 819 00:42:31,330 --> 00:42:32,826 >> Allison BUCHHOLTZ-AU: li. 820 00:42:32,826 --> 00:42:34,785 Kaya kung ano ang aming listahan ng pagpunta sa maging? 821 00:42:34,785 --> 00:42:37,050 Ano ang gusto namin dito? 822 00:42:37,050 --> 00:42:38,190 Lamang gawin namin mga pangalan. 823 00:42:38,190 --> 00:42:39,250 Gawin lamang Jacob. 824 00:42:39,250 --> 00:42:40,340 >> Madla: Kuneho pagkain. 825 00:42:40,340 --> 00:42:40,990 >> Allison BUCHHOLTZ-AU: Kuneho pagkain. 826 00:42:40,990 --> 00:42:41,910 OK na nais ko ito. 827 00:42:41,910 --> 00:42:42,520 Kuneho pagkain. 828 00:42:42,520 --> 00:42:44,440 >> OK, kaya kami ay may karot. 829 00:42:44,440 --> 00:42:46,640 Gusto ko ito tema kuneho. 830 00:42:46,640 --> 00:42:48,024 Ako paghuhukay ito ng maraming. 831 00:42:48,024 --> 00:42:50,440 Madla: Sa totoo lang, naisip ko na Jacob ay magiging isang legit. 832 00:42:50,440 --> 00:42:51,606 Allison BUCHHOLTZ-AU: Jacob? 833 00:42:51,606 --> 00:42:53,120 Jacob ay kuneho pagkain. 834 00:42:53,120 --> 00:42:55,310 Kung nakita mong ni Jacob larawan mula sa oras ng opisina, 835 00:42:55,310 --> 00:42:56,850 maaaring naisip mo siya Nakakuha inaatake ng isang nakamamatay na kuneho. 836 00:42:56,850 --> 00:42:58,099 >> Madla: Mayroon akong kuneho ngayon. 837 00:42:58,099 --> 00:42:59,710 Mayroon akong killer kuneho ngayon. 838 00:42:59,710 --> 00:43:00,540 >> Allison BUCHHOLTZ-AU: Sigurado ka sa akin kidding? 839 00:43:00,540 --> 00:43:02,081 >> Madla: Makikita ko dalhin ito sa susunod na seksyon. 840 00:43:02,081 --> 00:43:02,990 Mayroon akong ito. 841 00:43:02,990 --> 00:43:04,240 >> Allison BUCHHOLTZ-AU: Ito ay katawa-tawa. 842 00:43:04,240 --> 00:43:04,730 Pa Rin. 843 00:43:04,730 --> 00:43:05,510 >> Madla: [hindi marinig] 844 00:43:05,510 --> 00:43:07,510 >> Madla: Oo, ang aking Proctor May pati na rin ng kuneho. 845 00:43:07,510 --> 00:43:09,660 846 00:43:09,660 --> 00:43:11,580 >> Allison BUCHHOLTZ-AU: Gusto ko ng kuneho. 847 00:43:11,580 --> 00:43:15,415 OK, kung sinuman ang nagdadala ng tunay na kuneho sa sa susunod na seksyon, ang kabuuang puntos brownie. 848 00:43:15,415 --> 00:43:16,290 Madla: [hindi marinig] 849 00:43:16,290 --> 00:43:16,943 Madla: Oh, ito ay hindi real. 850 00:43:16,943 --> 00:43:17,910 Ito ay isang pinalamanan kuneho. 851 00:43:17,910 --> 00:43:18,855 >> Allison BUCHHOLTZ-AU: Oh oo, maaari naming isara ang mga ito. 852 00:43:18,855 --> 00:43:20,174 Mukhang Rad. 853 00:43:20,174 --> 00:43:21,590 Madla: talaga ba ito mahalaga? 854 00:43:21,590 --> 00:43:23,465 Allison BUCHHOLTZ-AU: Ito ay hindi. 855 00:43:23,465 --> 00:43:25,590 Sa karamihan ng mga bagay na ito, hindi mo isara ang tag, 856 00:43:25,590 --> 00:43:28,750 99% ng oras walang masamang nangyayari mangyari, ngunit ito ay mahusay na estilo, masyadong. 857 00:43:28,750 --> 00:43:30,250 Kaya Jacob. 858 00:43:30,250 --> 00:43:31,864 At mayroon kaming litsugas. 859 00:43:31,864 --> 00:43:33,655 Madla: Para sa mga link, talaga mahalaga. 860 00:43:33,655 --> 00:43:34,696 Allison BUCHHOLTZ-AU: Hm? 861 00:43:34,696 --> 00:43:35,890 Madla: Para sa mga hyperlink. 862 00:43:35,890 --> 00:43:37,431 Allison BUCHHOLTZ-AU: Para sa mga hyperlink. 863 00:43:37,431 --> 00:43:38,610 Oo, kailangan ang mga hyperlink ito. 864 00:43:38,610 --> 00:43:40,770 OK, tingnan dito upang ipaalam. 865 00:43:40,770 --> 00:43:44,810 At mayroon kaming mga malapit sa aming listahan. 866 00:43:44,810 --> 00:43:46,635 At tinitingnan namin ang iyon. 867 00:43:46,635 --> 00:43:49,680 Na all-- namin Jacob, doon. 868 00:43:49,680 --> 00:43:52,310 Kuneho pagkain. 869 00:43:52,310 --> 00:43:54,000 Reminds sa akin ng Bunnicula. 870 00:43:54,000 --> 00:43:55,234 >> Madla: [hindi marinig] 871 00:43:55,234 --> 00:43:58,400 Allison BUCHHOLTZ-AU: ako nagdadala sa likod ang lahat ng mga lumang mga sanggunian ng paaralan ngayon, 872 00:43:58,400 --> 00:43:59,130 Hindi ko? 873 00:43:59,130 --> 00:44:01,210 Lang lahat ang lumang mga sanggunian ng paaralan. 874 00:44:01,210 --> 00:44:05,767 Dapat ay dinala tulad ng Gogurts o isang bagay na para sa meryenda. 875 00:44:05,767 --> 00:44:07,079 >> Madla: O Gushers. 876 00:44:07,079 --> 00:44:08,120 Allison BUCHHOLTZ-AU: Oh. 877 00:44:08,120 --> 00:44:08,620 OK. 878 00:44:08,620 --> 00:44:10,920 Kukunin ko makita kung ang maaari kong subaybayan down na Gushers para sa susunod na linggo. 879 00:44:10,920 --> 00:44:11,980 Sa tingin ko ang maaari kong gawin iyon. 880 00:44:11,980 --> 00:44:13,980 Sa tingin ko na maaaring mayroon kami ilan sa opisina. 881 00:44:13,980 --> 00:44:18,570 >> OK, kaya sakop kami ng maraming iba't ibang mga bagay na maaari mong gawin sa HTML, tama? 882 00:44:18,570 --> 00:44:23,910 At bilang maaari mong malamang na makita ito, nothing-- sana, hindi masyadong intim-- 883 00:44:23,910 --> 00:44:25,750 kung ito ay, hindi ko ibig sabihin upang maliitin ang sinuman. 884 00:44:25,750 --> 00:44:29,090 Kung nagkakaroon ka ng problema, mangyaring makipag-usap sa akin. 885 00:44:29,090 --> 00:44:31,340 >> Ngunit higit sa ito ay lamang ng pagtingin sa mga syntax, tama? 886 00:44:31,340 --> 00:44:34,180 Kung gusto mo ang isang unordered listahan, kung nais mo ang ilang mga uri ng mga listahan, 887 00:44:34,180 --> 00:44:38,450 kung gusto mong i-align ng isang bagay o format ang isang bagay, ang lahat ay tungkol lamang 888 00:44:38,450 --> 00:44:42,080 uri ng hinahanap ang syntax para sa HTML, tama? 889 00:44:42,080 --> 00:44:44,720 At isang bagay na medyo cool talaga 890 00:44:44,720 --> 00:44:51,360 ay kung pumunta ka to-- tingnan natin, kung ano ang gandang website na gusto naming? 891 00:44:51,360 --> 00:44:54,920 Sinuman ay may anumang mga paboritong website na OK upang ilabas ang online? 892 00:44:54,920 --> 00:44:57,424 893 00:44:57,424 --> 00:44:58,840 Alam mo kung ano, hayaan gawin ni lamang CS50. 894 00:44:58,840 --> 00:45:01,800 Iyon ang maganda at safe, tama? 895 00:45:01,800 --> 00:45:03,060 >> OK, kaya CS50 dito. 896 00:45:03,060 --> 00:45:05,540 Oh hitsura, mayroong isang seksyon ngayon. 897 00:45:05,540 --> 00:45:07,113 Kung gusto mo ang hitsura nito. 898 00:45:07,113 --> 00:45:08,030 >> Madla: [hindi marinig]. 899 00:45:08,030 --> 00:45:10,696 Allison BUCHHOLTZ-AU: Hindi namin pagpunta sa gawin meta seksyon, guys. 900 00:45:10,696 --> 00:45:11,560 Hindi ito nangyayari. 901 00:45:11,560 --> 00:45:14,540 Ito ay cool, ngunit Hindi namin pagpunta sa gawin ito. 902 00:45:14,540 --> 00:45:17,040 >> Kaya kung ano ang ginagawa ng dati mo gawin kung gusto mo ang paraan 903 00:45:17,040 --> 00:45:21,390 ito gumagana ay maaari ka laging tama mag-click sa anumang web page na gusto mo 904 00:45:21,390 --> 00:45:23,660 at maaari mong gawin Tingnan ang Pinagmulan ng Pahina. 905 00:45:23,660 --> 00:45:26,030 Ito ay ilabas ang lahat ng mga HTML. 906 00:45:26,030 --> 00:45:30,800 At ito ay tunay na isang talagang magandang paraan upang estilo ng iyong sariling mga web page. 907 00:45:30,800 --> 00:45:33,640 Pumunta sa isang web page na iyong talagang gusto at tumingin sa HTML 908 00:45:33,640 --> 00:45:35,430 at malaman kung paano nila ginawa ito. 909 00:45:35,430 --> 00:45:39,280 >> At literal, hangga't bilang sipiin ka ng mga bagay, 910 00:45:39,280 --> 00:45:41,940 hangga't ikaw ay hindi lamang ang pagnanakaw mula sa mga tao, ito ay OK. 911 00:45:41,940 --> 00:45:43,890 Lalo na para sa CS50 [? tustusan?], kami ay 912 00:45:43,890 --> 00:45:46,950 uri ng inaasahan mo upang makakuha ng inspirasyon mula sa ibang mga website. 913 00:45:46,950 --> 00:45:48,070 Kaya huwag mag-atubiling. 914 00:45:48,070 --> 00:45:51,360 Tumingin sa mga website na sa tingin mo ay talagang kaakit-akit 915 00:45:51,360 --> 00:45:54,870 at malaman kung paano sila ginagamit HTML at CSS upang gawin ang mga bagay. 916 00:45:54,870 --> 00:45:59,860 >> Kaya bilang na iyong nakikita dito, may malinaw naman tulad ng mga link at mayroon kaming isang klase dito. 917 00:45:59,860 --> 00:46:00,950 Mayroon kaming link dito. 918 00:46:00,950 --> 00:46:03,100 Mayroon kaming isang listahan. 919 00:46:03,100 --> 00:46:05,370 Malamang mayroon kaming ilang mga mga larawan sa isang lugar dito. 920 00:46:05,370 --> 00:46:08,332 >> Mayroon kaming ilang mga magandang istilong dito. 921 00:46:08,332 --> 00:46:10,040 Ito ay ang susunod na bagay kami ay pagpunta sa gawin. 922 00:46:10,040 --> 00:46:14,580 Kaya style, tuwing makikita mo ang mga style bracket, ito ay CSS talaga. 923 00:46:14,580 --> 00:46:15,880 Ben, ay may tanong ka? 924 00:46:15,880 --> 00:46:16,880 >> Madla: Ano ang div? 925 00:46:16,880 --> 00:46:20,039 >> Allison BUCHHOLTZ-AU: div ay a-- lamang kung ano ang div? 926 00:46:20,039 --> 00:46:20,830 Madla: Division. 927 00:46:20,830 --> 00:46:22,121 Allison BUCHHOLTZ-AU: Division. 928 00:46:22,121 --> 00:46:25,960 Oo, ito ay tulad ng naghihiwalay sa iba't ibang mga elemento. 929 00:46:25,960 --> 00:46:28,650 OK, kaya dito ay kung ano ang hindi namin pagpunta upang pumunta sa susunod. 930 00:46:28,650 --> 00:46:31,550 Kaya ito ay maaaring hindi ang pinakamahusay na style dahil, kung napansin mo 931 00:46:31,550 --> 00:46:37,681 mayroon kaming HTML at estilo sa parehong pahina, at talaga namin nais upang paghiwalayin ang mga, 932 00:46:37,681 --> 00:46:38,180 OK? 933 00:46:38,180 --> 00:46:41,620 At talagang, ipaalam sa akin buksan ang aking mga karapatan ng isa 934 00:46:41,620 --> 00:46:45,990 dahil ito ay dapat na maging ang PDF, kaya kami ay style.css. 935 00:46:45,990 --> 00:46:51,210 >> Kaya kung ano ang maaari naming gawin dito ay mga mga cool na bagay tulad ng ilang fade 936 00:46:51,210 --> 00:46:55,550 at maaari naming subukan at gawin iyon, subalit nararamdaman ko tulad ng gagawin ko gulo na hanggang sa mabilisang, 937 00:46:55,550 --> 00:46:58,520 kaya hinihikayat kitang guys sa pumunta subukan na ito sa iyong sariling, 938 00:46:58,520 --> 00:47:00,310 ngunit hindi ako pagpunta sa gawin ito ngayon. 939 00:47:00,310 --> 00:47:03,790 Kaya kung guys, tandaan, kung pindutin mo ang hanay ng problema, 940 00:47:03,790 --> 00:47:05,584 isang bagay swoops sa mula sa gilid. 941 00:47:05,584 --> 00:47:08,000 Mayroon itong gawin sa fade sa at ang paglipat at watnat. 942 00:47:08,000 --> 00:47:09,630 >> Madla: At na ang lahat ng CSS at HTML? 943 00:47:09,630 --> 00:47:11,460 >> Allison BUCHHOLTZ-AU: Lahat ng CSS at HTML. 944 00:47:11,460 --> 00:47:12,420 Oo. 945 00:47:12,420 --> 00:47:17,720 Kaya maaari mong gawin ng maraming talaga cool na bagay sa CSS at HTML. 946 00:47:17,720 --> 00:47:22,280 Kaya sa aming mga kahanga-hangang dito kuneho web page, namin 947 00:47:22,280 --> 00:47:25,240 ay pagpunta sa gawin ng kaunti kaunting CSS estilo sa mga ito. 948 00:47:25,240 --> 00:47:28,850 >> Kaya kung sakaling mayroon kang isang estilo sheet, na kung saan mayroon kaming dito, 949 00:47:28,850 --> 00:47:30,550 maaari kang tumawag lamang style.css. 950 00:47:30,550 --> 00:47:32,090 Maaari mo itong tumawag sa anumang gusto mo. 951 00:47:32,090 --> 00:47:37,110 Kung ano ang mahalaga ay na kami ay pagpunta na banggitin ang mga ito sa aming web.html dito. 952 00:47:37,110 --> 00:47:41,670 >> Kaya kung ano ang namin ang pagpunta sa gawin ay we-- kaya gagawin ko hindi gulo ito up-- 953 00:47:41,670 --> 00:47:46,180 pupunta kami mag-link ang dalawang mga file nang sabay. 954 00:47:46,180 --> 00:47:49,340 Kaya sa parehong way-- ako pupunta upang maglabas ng pagkakatulad sa C dito. 955 00:47:49,340 --> 00:47:53,510 Sa parehong paraan na kung mayroon kang ilang library-- at mayroon kaming cs50.h-- 956 00:47:53,510 --> 00:47:55,520 ang aming mga compiler nagli-link dito. 957 00:47:55,520 --> 00:47:58,040 Ito ay lamang ng isang tahasang link sa aming bahagi. 958 00:47:58,040 --> 00:48:01,840 Kaya sa parehong paraan na ginagawa namin hash isama ang ilang mga file, kung ano ang 959 00:48:01,840 --> 00:48:06,890 Ako tungkol sa upang magsulat ay lamang ang HTML / CSS katumbas ng iyon. 960 00:48:06,890 --> 00:48:11,970 >> Ang sinasabi lang namin, OK, ang web page Mawawala upang magamit ang stylesheet, OK? 961 00:48:11,970 --> 00:48:23,360 Kaya mayroon kaming link na rel katumbas ng stylesheet. 962 00:48:23,360 --> 00:48:30,870 At pagkatapos ay mayroon kaming uri, css. 963 00:48:30,870 --> 00:48:34,630 964 00:48:34,630 --> 00:48:37,060 At pagkatapos ay href katumbas. 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 Kaya ang lahat ng ito ginawa dito ay maaari mo isipin na ito bilang ang parehong bagay 968 00:48:45,680 --> 00:48:47,550 bilang isang hash isama. 969 00:48:47,550 --> 00:48:53,450 Malinaw na mukha itong isang kaunti pa kumplikado, ngunit sa lahat ng kaso, 970 00:48:53,450 --> 00:48:55,370 ito ay epektibo ang parehong bagay. 971 00:48:55,370 --> 00:49:00,940 Kaya ito ay ilan lang sa pag-link ng isang style sheet, ito ay ang uri ng text / css, 972 00:49:00,940 --> 00:49:02,875 at ang pangalan ng ito ay style.css. 973 00:49:02,875 --> 00:49:05,560 >> Ano ang Mahalagang malaman ay ang web page 974 00:49:05,560 --> 00:49:09,155 na ako gumagana nang tama ang now-- web.html at style.css-- ay sa parehong folder. 975 00:49:09,155 --> 00:49:14,740 Dahil sa iba't ibang mga folder, Kailangan mong bigyan ang aktwal na ugat 976 00:49:14,740 --> 00:49:17,480 dito o sa landas dito. 977 00:49:17,480 --> 00:49:20,620 Ngunit sa kasong ito, Pinananatili namin ito sobrang simple at ito ay magiging dito. 978 00:49:20,620 --> 00:49:26,730 Kaya kung gagawin namin na, mayroon akong ilang mga mga bagay na naka-queue up dito. 979 00:49:26,730 --> 00:49:31,680 >> Kaya mayroon kaming ilang mga katawan, na kung saan ay pagpunta na magkaroon ng aming mga kulay ng background, na 980 00:49:31,680 --> 00:49:33,320 ngayon ay mapusyaw na asul. 981 00:49:33,320 --> 00:49:36,850 Maaari naming baguhin ito kung gusto namin, ngunit kung natatandaan ko na ito ng tama, 982 00:49:36,850 --> 00:49:39,270 dapat itong baguhin lamang ito sa mapusyaw na asul. 983 00:49:39,270 --> 00:49:42,050 At ngayon kami ay may isang mapusyaw na asul na background. 984 00:49:42,050 --> 00:49:47,490 At namin ay may maaari here-- sinuman tandaan kung saan ang isa ay hash ID o klase? 985 00:49:47,490 --> 00:49:50,370 986 00:49:50,370 --> 00:49:51,080 >> Madla: ID. 987 00:49:51,080 --> 00:49:51,800 >> Allison BUCHHOLTZ-AU: ID. 988 00:49:51,800 --> 00:49:52,420 Ayos. 989 00:49:52,420 --> 00:49:58,920 Kaya kung ano ang gusto naming gawin ay kung alin sa mga font 990 00:49:58,920 --> 00:50:01,534 o which-- ang gusto naming "Tumingin sa ang cute na kuneho "upang maging purple? 991 00:50:01,534 --> 00:50:02,950 Sa tingin ko gusto namin na maging mga lilang. 992 00:50:02,950 --> 00:50:04,640 Ako ay medyo pababa gamit na pagiging marangal. 993 00:50:04,640 --> 00:50:08,790 >> Kaya ang ginagawa mo ay ginagawa mo ID equals-- sa kasong ito 994 00:50:08,790 --> 00:50:13,630 Sinabi ko, kung ano ang, kaakit-akit na kulay dito. 995 00:50:13,630 --> 00:50:14,780 -Reload namin. 996 00:50:14,780 --> 00:50:17,460 Lahat ng isang biglaang, ito ay mga lilang. 997 00:50:17,460 --> 00:50:20,680 OK, kaya may ID, alalahanin kailangan nito upang maging natatangi, 998 00:50:20,680 --> 00:50:24,370 kaya hindi ko dapat na gamit ang ID na ito kahit saan pa. 999 00:50:24,370 --> 00:50:27,760 Ngunit sa klase, pati na mayroon kami dito sa isang kaakit-akit font, 1000 00:50:27,760 --> 00:50:30,300 Dapat ko magagawang gamitin na kahit saan nais na ako. 1001 00:50:30,300 --> 00:50:33,160 >> Kaya ipaalam gawin natin ang isa dito. 1002 00:50:33,160 --> 00:50:41,100 Upang maaari naming sabihin klase ay katumbas ng magandang font. 1003 00:50:41,100 --> 00:50:46,190 At kung tinitingnan namin ngayon, mayroon kaming ang cool na medyo font dito. 1004 00:50:46,190 --> 00:50:49,160 Kaya siguro gusto kong gawin pareho. 1005 00:50:49,160 --> 00:50:52,786 OK, talagang hindi ko alam kung ito pagpunta sa gumana ngunit gusto kong subukan ito. 1006 00:50:52,786 --> 00:50:54,410 At ito ay kung paano ka matuto CSS at HTML. 1007 00:50:54,410 --> 00:50:55,660 Ikaw ay tulad ng, alam mo ano, gusto kong subukan ito. 1008 00:50:55,660 --> 00:50:56,430 Hindi ako sigurado kung ito ay pagpunta sa gumana. 1009 00:50:56,430 --> 00:50:57,346 Tingnan natin kung ito gumagana Hayaan. 1010 00:50:57,346 --> 00:51:00,580 1011 00:51:00,580 --> 00:51:01,540 >> At tumingin sa iyon. 1012 00:51:01,540 --> 00:51:04,540 Ngayon, sa mga lilang at ito ay isang magandang font. 1013 00:51:04,540 --> 00:51:08,692 OK, kaya mayroon ka ng lahat ng mga iba't ibang bagay na maaari mong gawin. 1014 00:51:08,692 --> 00:51:09,650 Mayroon ka bang katanungan? 1015 00:51:09,650 --> 00:51:10,275 >> Madla: Oo. 1016 00:51:10,275 --> 00:51:13,280 Well, gusto lamang ang mga kulay gumagamit ka ng mga salita. 1017 00:51:13,280 --> 00:51:16,005 Mayroon bang paraan upang gawin ang mga kulay sa hexadecimal RGB? 1018 00:51:16,005 --> 00:51:18,880 Allison BUCHHOLTZ-AU: maaari ka ring gawin ito sa hexidecimal, naniniwala ako. 1019 00:51:18,880 --> 00:51:19,803 Oo. 1020 00:51:19,803 --> 00:51:22,136 Ngunit ito ay uri ng magaling kung ayaw mong hanapin ang mga ito. 1021 00:51:22,136 --> 00:51:23,762 Maaari mong lamang na tulad ng, mga lilang o asul. 1022 00:51:23,762 --> 00:51:25,720 Madla: Umaasa sa mga ito Hayaan kung ano ang ibig sabihin nito ay. 1023 00:51:25,720 --> 00:51:26,886 Allison BUCHHOLTZ-AU: I-right. 1024 00:51:26,886 --> 00:51:29,580 Kaya ipaalam gumawa ng ito nabasa o chartreuse. 1025 00:51:29,580 --> 00:51:32,060 Bakit ba pinili mo chartreuse? 1026 00:51:32,060 --> 00:51:33,340 Ito ay isang kawili-wiling kulay. 1027 00:51:33,340 --> 00:51:37,355 >> OK, kaya malinaw naman maaari naming makita namin Maaaring baguhin ng mga bagay gayunpaman namin gusto. 1028 00:51:37,355 --> 00:51:39,910 1029 00:51:39,910 --> 00:51:45,392 Kung nais mong create-- sabihin nating gusto naming lumikha ng isa pang klase. 1030 00:51:45,392 --> 00:51:46,850 Ano ang maaaring gusto mong guys upang baguhin? 1031 00:51:46,850 --> 00:51:51,840 Kung hilahin mo up W3Schools ' Dokumentasyon ng CSS, 1032 00:51:51,840 --> 00:51:54,450 Umalis ako sa sahig sa iyo guys. 1033 00:51:54,450 --> 00:51:57,990 Maaari naming subukan at gawin ang isang bagay cool na may ito sa huling ilang minuto. 1034 00:51:57,990 --> 00:52:00,275 1035 00:52:00,275 --> 00:52:03,150 Dahil ang uri ng ko na ibinigay sa iyo ng Siyempre crash sa ng maraming cool na mga bagay 1036 00:52:03,150 --> 00:52:03,970 na maaari mong gawin. 1037 00:52:03,970 --> 00:52:09,956 Ngunit sa dulo, tulad ng sinabi ko, kung eksperimento lang, makakakita ka ng maraming matuto. 1038 00:52:09,956 --> 00:52:12,212 >> Madla: tumingin ka ba up ng font na? 1039 00:52:12,212 --> 00:52:14,295 >> Allison BUCHHOLTZ-AU: Oo, Ako ay tumingin up ng font na iyon. 1040 00:52:14,295 --> 00:52:17,200 Kaya tulad ng literal, ako nagpunta to-- kung ano ang gagawin ko? 1041 00:52:17,200 --> 00:52:22,371 Ginawa ko ang CSS listahan ng font, at pagkatapos ay ginawa ko stack ng font, 1042 00:52:22,371 --> 00:52:25,120 at pagkatapos ay ako ay tulad ng, tumingin, narito ang lahat ng mga cool na font na maaari mong gawin. 1043 00:52:25,120 --> 00:52:28,180 At nagkaroon ng isang ito, kaya Kinopya ko ito sa aking clipboard. 1044 00:52:28,180 --> 00:52:31,820 At pagkatapos ay ako tulad noon, OK, cool na, may pumunta namin. 1045 00:52:31,820 --> 00:52:32,320 Tapos na ang lahat. 1046 00:52:32,320 --> 00:52:35,920 >> Madla: Kaya mo na kailangang tiyakin alam na CSS kung ano ang font na. 1047 00:52:35,920 --> 00:52:37,370 >> Allison BUCHHOLTZ-AU: Oo. 1048 00:52:37,370 --> 00:52:38,190 >> Madla: Ano ang sinasabi sa dulo? 1049 00:52:38,190 --> 00:52:38,790 Kursiba? 1050 00:52:38,790 --> 00:52:40,040 >> Allison BUCHHOLTZ-AU: kursiba. 1051 00:52:40,040 --> 00:52:40,950 Oo. 1052 00:52:40,950 --> 00:52:42,310 >> Madla: Imahe ng background. 1053 00:52:42,310 --> 00:52:43,290 >> Allison BUCHHOLTZ-AU: Imahe ng background. 1054 00:52:43,290 --> 00:52:44,180 OK. 1055 00:52:44,180 --> 00:52:46,490 Kaya nais mong sabihin sa akin kung paano gawin ito. 1056 00:52:46,490 --> 00:52:47,390 Iwan ko ito sa iyo. 1057 00:52:47,390 --> 00:52:49,070 Ako mag-type dito ngayon lang. 1058 00:52:49,070 --> 00:52:51,714 Gulong ay nasa iyong mga kamay. 1059 00:52:51,714 --> 00:52:52,660 >> Madla: OK 1060 00:52:52,660 --> 00:52:53,701 >> Allison BUCHHOLTZ-AU: OK. 1061 00:52:53,701 --> 00:52:54,720 Ano ang aking ginagawa? 1062 00:52:54,720 --> 00:53:02,929 >> Madla: Doing-- Alam ko kung ano ang nauuna matapos ang kulot suhay. 1063 00:53:02,929 --> 00:53:03,970 Allison BUCHHOLTZ-AU: OK. 1064 00:53:03,970 --> 00:53:06,707 Kaya marahil sa katawan, ako Gusto ipinapalagay, dahil kami 1065 00:53:06,707 --> 00:53:08,040 ginagawa sa imahe sa background. 1066 00:53:08,040 --> 00:53:08,940 >> Madla: Oo, ni gawin na ipaalam. 1067 00:53:08,940 --> 00:53:09,981 >> Allison BUCHHOLTZ-AU: OK. 1068 00:53:09,981 --> 00:53:14,260 Madla: OK, kaya background tutuldok, at pagkatapos ay namin 1069 00:53:14,260 --> 00:53:16,894 Kailangan ang isang URL address ng imaheng iyon. 1070 00:53:16,894 --> 00:53:18,560 Siguro palsipikado-code na sa ngayon, marahil. 1071 00:53:18,560 --> 00:53:20,601 >> Allison BUCHHOLTZ-AU: Ano ang Gusto mo bang ako to-- 1072 00:53:20,601 --> 00:53:22,574 Madla: ako nag-iisip na tulad ng isang GIF. 1073 00:53:22,574 --> 00:53:23,740 Allison BUCHHOLTZ-AU: Ang isang GIF? 1074 00:53:23,740 --> 00:53:26,070 Na magiging kawili-wili. 1075 00:53:26,070 --> 00:53:27,840 OK, kung ano ako sa Pag-Google dito? 1076 00:53:27,840 --> 00:53:29,670 >> Madla: Hindi, na iyong pinili. 1077 00:53:29,670 --> 00:53:32,090 >> Allison BUCHHOLTZ-AU: Bakit huwag we-- kung ito ay isang kuneho, 1078 00:53:32,090 --> 00:53:35,610 Pakiramdam ko ay tulad ng dapat naming magkaroon ng isang magaling madilaw damuhan o isang bagay. 1079 00:53:35,610 --> 00:53:38,275 >> Madla: Meadow. 1080 00:53:38,275 --> 00:53:39,350 Ang isang halaman. 1081 00:53:39,350 --> 00:53:40,641 >> Allison BUCHHOLTZ-AU: Isang halaman? 1082 00:53:40,641 --> 00:53:41,851 OK. 1083 00:53:41,851 --> 00:53:42,975 Madla: O Rachel Maddow. 1084 00:53:42,975 --> 00:53:44,747 1085 00:53:44,747 --> 00:53:46,580 Allison BUCHHOLTZ-AU: Isa na ito ang hitsura ng kaakit-akit. 1086 00:53:46,580 --> 00:53:49,380 1087 00:53:49,380 --> 00:53:50,380 Oh, na napakaliit, bagaman. 1088 00:53:50,380 --> 00:53:51,700 Kailangan namin ng isang mahusay na imahe laki. 1089 00:53:51,700 --> 00:53:53,142 Tingnan natin Hayaan. 1090 00:53:53,142 --> 00:53:54,570 Oh, hanapin. 1091 00:53:54,570 --> 00:53:55,630 Iyon ay isang magandang halaman. 1092 00:53:55,630 --> 00:53:58,320 Alam mo kung ano, gusto ko ang isang ito. 1093 00:53:58,320 --> 00:53:59,300 Kopyahin ang isang ito Hayaan. 1094 00:53:59,300 --> 00:54:08,020 >> Madla: OK, kaya tingin ko ito ang URL, bukas panaklong. 1095 00:54:08,020 --> 00:54:09,590 >> Allison BUCHHOLTZ-AU: OK, URL. 1096 00:54:09,590 --> 00:54:11,500 >> Madla: Pagkatapos ng address. 1097 00:54:11,500 --> 00:54:13,610 >> Allison BUCHHOLTZ-AU: OK. 1098 00:54:13,610 --> 00:54:14,750 Iyan ba ang lahat ng namin? 1099 00:54:14,750 --> 00:54:20,550 >> Madla: Isara ang mga panaklong semicolon, at pagkatapos espasyo, background gitling 1100 00:54:20,550 --> 00:54:27,050 tutuldok maayos ang attachment, at kulot suhay. 1101 00:54:27,050 --> 00:54:28,110 >> Allison BUCHHOLTZ-AU: OK. 1102 00:54:28,110 --> 00:54:29,114 Tingnan natin kung na gumagana Hayaan. 1103 00:54:29,114 --> 00:54:30,780 Ito ay magiging medyo cool kung ginagawa nito. 1104 00:54:30,780 --> 00:54:33,880 Ako ay tunay na nasasabik dito mismo. 1105 00:54:33,880 --> 00:54:35,070 Hindi ito gumana. 1106 00:54:35,070 --> 00:54:35,700 Siguro kung bakit. 1107 00:54:35,700 --> 00:54:37,700 Madla: Siguro ang URL ay dapat sa pagbanggit. 1108 00:54:37,700 --> 00:54:38,866 Allison BUCHHOLTZ-AU: Baka. 1109 00:54:38,866 --> 00:54:41,520 At ito ay kung paano namin matuto, guys. 1110 00:54:41,520 --> 00:54:44,340 >> Madla: Maaari ba kaming background kulay at larawan sa background? 1111 00:54:44,340 --> 00:54:45,390 >> Madla: Hindi. 1112 00:54:45,390 --> 00:54:46,550 Isa supersedes sa iba pa. 1113 00:54:46,550 --> 00:54:46,960 >> Allison BUCHHOLTZ-AU: dunno ko. 1114 00:54:46,960 --> 00:54:47,460 Tingnan natin Hayaan. 1115 00:54:47,460 --> 00:54:48,860 Tingnan natin ito out at makita Hayaan. 1116 00:54:48,860 --> 00:54:51,567 >> Madla: Oh, siguro, oo. 1117 00:54:51,567 --> 00:54:52,400 [INTERPOSING boses] 1118 00:54:52,400 --> 00:54:59,640 1119 00:54:59,640 --> 00:55:03,260 >> Allison BUCHHOLTZ-AU: OK, na ito ay obviously-- ko [hindi marinig] dito. 1120 00:55:03,260 --> 00:55:04,927 Kaya ang OK. 1121 00:55:04,927 --> 00:55:06,260 Madla: attachment ng background. 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 >> Madla: OK, hindi ko alam. 1125 00:55:13,946 --> 00:55:16,070 Allison BUCHHOLTZ-AU: Ito Mukhang ito ay gagana. 1126 00:55:16,070 --> 00:55:19,074 Sigurado ka bang ito tutuldok pagkatapos ng URL? 1127 00:55:19,074 --> 00:55:20,439 >> Madla: Hindi, ito ay semicolon. 1128 00:55:20,439 --> 00:55:21,980 Allison BUCHHOLTZ-AU: Ito ay semicolon. 1129 00:55:21,980 --> 00:55:22,530 Madla: sabihin ba akong tutuldok? 1130 00:55:22,530 --> 00:55:24,155 Allison BUCHHOLTZ-AU: Sinabi mo ng tutuldok. 1131 00:55:24,155 --> 00:55:26,222 Madla: Ay naku. 1132 00:55:26,222 --> 00:55:27,680 Allison BUCHHOLTZ-AU: Mayroon kang pumunta. 1133 00:55:27,680 --> 00:55:29,350 Madla: Oh, maghintay, ngayon Hindi namin mabasa ang teksto. 1134 00:55:29,350 --> 00:55:30,320 Allison BUCHHOLTZ-AU: Ngayon hindi mo maaaring basahin ang teksto, 1135 00:55:30,320 --> 00:55:32,740 ngunit mayroon kaming ang larawan sa background. 1136 00:55:32,740 --> 00:55:33,300 Mmhmm? 1137 00:55:33,300 --> 00:55:35,220 >> Madla: ba ng HTML sumusuporta sa dynamic na nilalaman? 1138 00:55:35,220 --> 00:55:39,070 Tulad ng, maaari mong baguhin ang laki na larawan depende sa laki ng window, 1139 00:55:39,070 --> 00:55:39,890 o na ang isang CSS-- 1140 00:55:39,890 --> 00:55:41,723 >> Allison BUCHHOLTZ-AU: Kaya may gawin na CSS. 1141 00:55:41,723 --> 00:55:45,210 Kaya kung guys ay interesado sa pag-aaral ng mga advanced na CSS, 1142 00:55:45,210 --> 00:55:50,789 Ako co-pagtuturo ng pantas-aral sa CSS sa ika-7. 1143 00:55:50,789 --> 00:55:52,580 At ipinapangako ng ako'y ito maging mas malalalim 1144 00:55:52,580 --> 00:55:55,220 at makagawa ng higit pa cool na bagay sa seksyong ito. 1145 00:55:55,220 --> 00:55:59,234 At ang aking mga co-guro ay tulad ng kabuuang front end web dev master. 1146 00:55:59,234 --> 00:56:02,150 Kaya ito ay magiging medyo cool kung nais mong upang matuto nang higit pa tungkol sa lahat ng mga cool na bagay 1147 00:56:02,150 --> 00:56:03,960 magagawa na CSS. 1148 00:56:03,960 --> 00:56:06,860 >> Ngunit kung ano ang mayroon kaming dito sa ang kanyang attachment sa background 1149 00:56:06,860 --> 00:56:13,330 fixed-- kaya ilang mga nakapirming size-- ngunit maaari mong aktwal na dynamically-- 1150 00:56:13,330 --> 00:56:17,610 kung sakaling makita mo ang mga web page, tulad ng pinaka-mahusay na mga web page ay gawin, 1151 00:56:17,610 --> 00:56:19,470 kapag inaayos mo ang laki ng iyong browser, 1152 00:56:19,470 --> 00:56:23,980 ito inaayos ng background o kung magkano ay nagpapakita o reformats bagay, tama? 1153 00:56:23,980 --> 00:56:27,100 Kaya na kung ano ang tinatawag naming kamag-anak pagpoposisyon. 1154 00:56:27,100 --> 00:56:33,410 >> At CSS ay maaaring aktwal na-grab kung gaano kalaki ang iyong Lapad ng browser o kung gaano kataas ito ay, 1155 00:56:33,410 --> 00:56:37,970 at maaari mong iposisyon ang mga bagay ayon sa mga kamag-anak na laki 1156 00:56:37,970 --> 00:56:40,420 kumpara sa ganap na laki. 1157 00:56:40,420 --> 00:56:44,920 At na malinaw naman higit na advanced CSS, ngunit iyon ay isang bagay na maaari mong gawin. 1158 00:56:44,920 --> 00:56:47,390 Kung gusto mong matuto nang higit pa, dumating sa aking seminar. 1159 00:56:47,390 --> 00:56:50,540 >> Kaya na ay isang bagay na maaari mong gawin. 1160 00:56:50,540 --> 00:56:54,450 At CSS maaari talaga do-- CSS at JavaScript, 1161 00:56:54,450 --> 00:56:58,790 na makikita namin sa susunod na week-- Maaaring payagan pabago-bago mong baguhin 1162 00:56:58,790 --> 00:57:02,160 mga pahina nang hindi na kinakailangang -reload ang mga ito sa lahat ng oras. 1163 00:57:02,160 --> 00:57:04,590 At makakuha ng mong gawin ang ilang mga medyo cool na bagay. 1164 00:57:04,590 --> 00:57:09,317 >> Kaya mayroong isa pang bagay na maaaring gusto mo guys gawin 1165 00:57:09,317 --> 00:57:10,650 o anumang bagay na gusto mong tuklasin? 1166 00:57:10,650 --> 00:57:12,900 Mayroon kaming 10 minuto ang natitira. 1167 00:57:12,900 --> 00:57:19,010 Pwede rin kaming mag-iwan nang maaga, ngunit kung Gusto mo bang gawin ang ilang higit pang mga bagay-bagay sa web, 1168 00:57:19,010 --> 00:57:20,960 makakaya namin, ngunit hindi ako pagpunta upang pilitin mong i-. 1169 00:57:20,960 --> 00:57:23,510 Ngunit maaari rin kaming kumain lamang kendi. 1170 00:57:23,510 --> 00:57:25,760 Madla: I-highlight ang teksto puti upang mabasa mo ito. 1171 00:57:25,760 --> 00:57:27,680 Allison BUCHHOLTZ-AU: OK. 1172 00:57:27,680 --> 00:57:33,389 Kaya sa kasong ito, nais namin ang ilang p. 1173 00:57:33,389 --> 00:57:36,305 Madla: Dapat gawin namin ito sa katawan kaya Nalalapat ito sa buong pahina? 1174 00:57:36,305 --> 00:57:38,096 Allison BUCHHOLTZ-AU: Oo, maaari naming aktwal na. 1175 00:57:38,096 --> 00:57:40,880 Iyon ay isang magandang ideya. 1176 00:57:40,880 --> 00:57:43,420 Kaya have-- namin gawin mo malaman kung ano ang dapat naming maging? 1177 00:57:43,420 --> 00:57:47,452 1178 00:57:47,452 --> 00:57:50,260 Hindi ko alam kung magagawa natin ang kulay ng teksto. 1179 00:57:50,260 --> 00:57:54,946 Ako ay pagpunta sa subukan at lumikha ng isa pang klase dito. 1180 00:57:54,946 --> 00:57:58,394 >> Madla: Paano ka makakakuha ng kaya na may mga mungkahi ito? 1181 00:57:58,394 --> 00:58:00,560 Allison BUCHHOLTZ-AU: Kaya kung ka guys ay interesado, 1182 00:58:00,560 --> 00:58:03,480 ito ay isa pang teksto editor na tinatawag na kahanga-hanga. 1183 00:58:03,480 --> 00:58:07,180 Dapat mo magagawang i-install ito sa iyong appliance. 1184 00:58:07,180 --> 00:58:08,659 Minsan ito ay makakakuha ng isang maliit na nakakalito. 1185 00:58:08,659 --> 00:58:10,950 Kung gusto mo ng tulong sa na, Ako ay sobrang masaya na tulungan kang 1186 00:58:10,950 --> 00:58:14,720 kasama nito, dahil gedit ay mahusay at ito ay kahanga-hangang dahil maaari mo itong compile 1187 00:58:14,720 --> 00:58:17,790 sa ibaba, ngunit ko talaga tulad ng kahanga-hanga dahil ito ay medyo 1188 00:58:17,790 --> 00:58:19,498 at ito ay gumawa ng mga bagay katulad ng auto-complete. 1189 00:58:19,498 --> 00:58:21,560 1190 00:58:21,560 --> 00:58:26,890 >> Kaya maaari mong Talagang huwag mag-atubiling ipaalam sa akin kung gusto mong gawin iyon. 1191 00:58:26,890 --> 00:58:28,940 Kung google mo lang ang "kahanga-hanga teksto, "ito ay karaniwang 1192 00:58:28,940 --> 00:58:32,860 May mga tagubilin kung paano i-install sa iba't-ibang mga operating system. 1193 00:58:32,860 --> 00:58:37,590 Ito ay talagang cool, ako Sa tingin, sa aking opinyon. 1194 00:58:37,590 --> 00:58:38,355 Kaya p. 1195 00:58:38,355 --> 00:58:45,616 Sa tingin ko ang maaari kong gawin lamang text-- o maaari naming lamang gawin kulay ay "puti." 1196 00:58:45,616 --> 00:58:47,050 Mayroon. 1197 00:58:47,050 --> 00:58:50,770 >> Kaya kung ano ang ginawa ko dito ay na ako Hindi baguhin ang lahat ng teksto. 1198 00:58:50,770 --> 00:58:54,040 Ngunit p dito lamang tag na mayroon kami, tama? 1199 00:58:54,040 --> 00:58:55,450 Talataang ito tag. 1200 00:58:55,450 --> 00:59:00,380 Kaya lang Lumikha ako ng elemento ng CSS na sinabi, OK, kahit ano na may ganitong tag 1201 00:59:00,380 --> 00:59:02,510 p, gumawa ng puti ang kulay. 1202 00:59:02,510 --> 00:59:05,690 >> Kaya kung napansin mo, ginawa ito ang puti at ang puti. 1203 00:59:05,690 --> 00:59:09,100 Hindi nito gumawa ng aming listahan puting dahil hindi ito nauugnay sa iyon. 1204 00:59:09,100 --> 00:59:11,180 Maaari kang pumunta sa pamamagitan ng at maaari mong say-- 1205 00:59:11,180 --> 00:59:11,860 >> Madla: Gumawa ng kulay ng background. 1206 00:59:11,860 --> 00:59:12,660 >> Allison BUCHHOLTZ-AU: ang kulay ng background? 1207 00:59:12,660 --> 00:59:15,660 >> Madla: Background sa pipe sa Kulay ng kung saan inilagay mo ang p tag. 1208 00:59:15,660 --> 00:59:16,701 >> Allison BUCHHOLTZ-AU: OK. 1209 00:59:16,701 --> 00:59:21,980 1210 00:59:21,980 --> 00:59:22,804 Gusto mo itong puti? 1211 00:59:22,804 --> 00:59:23,470 Madla: Mmhmm. 1212 00:59:23,470 --> 00:59:25,070 Allison BUCHHOLTZ-AU: OK. 1213 00:59:25,070 --> 00:59:26,342 Mayroon kang pumunta. 1214 00:59:26,342 --> 00:59:27,300 Madla: Iyon ay kakaiba. 1215 00:59:27,300 --> 00:59:29,190 Allison BUCHHOLTZ-AU: Medyo cool, tama? 1216 00:59:29,190 --> 00:59:31,640 Kaya kung gulo lang sa paligid, na iyong pupuntahan upang matuto ng maraming. 1217 00:59:31,640 --> 00:59:34,720 At ito ay maaaring maging medyo cool. 1218 00:59:34,720 --> 00:59:37,312 Sa tingin ko ito ay talagang higit pa gratifying kaysa sa kung minsan 1219 00:59:37,312 --> 00:59:39,770 dahil hindi mo na kailangang maghintay para sa iyong programa upang ipunin. 1220 00:59:39,770 --> 00:59:41,895 Maaari mo lang pindutin ang I-refresh at ikaw ay tulad ng, oh, tumingin, 1221 00:59:41,895 --> 00:59:44,276 ito ay nagtrabaho, o oh, ako Marahil nawawalang isang bagay. 1222 00:59:44,276 --> 00:59:47,359 At iyon ang isang bagay na talagang cool na tungkol sa susunod na bahagi ng klase, 1223 00:59:47,359 --> 00:59:49,250 ay ito ay talagang, ako Mag-isip, mas madaling mag-check 1224 00:59:49,250 --> 00:59:52,640 bilang pumunta ka sa kahabaan ng paraan kumpara pagkakaroon na magsulat ng mga mahabang programa 1225 00:59:52,640 --> 00:59:57,830 at nagnanais at nagdarasal na ito ay gumagana sa dulo. 1226 00:59:57,830 --> 01:00:01,960 >> Kaya may mga iyon, sa palagay ko mo guys lahat mukhang mabuti. 1227 01:00:01,960 --> 01:00:05,360 Kung mayroon kang anumang mga katanungan, gaya ng lagi, ay makipag-usap sa akin, ay ipaalam sa akin. 1228 01:00:05,360 --> 01:00:08,180 Ako ay magiging karapatan sa labas sa susunod na 15 minuto 1229 01:00:08,180 --> 01:00:11,340 kung gusto mong makipag-chat tungkol sa kahit ano at lahat ng bagay. 1230 01:00:11,340 --> 01:00:13,530 >> Kaya Umaasa ako guys-- mo good luck sa pset. 1231 01:00:13,530 --> 01:00:18,150 Ang deadline ay Biyernes sa tanghali dahil ito ay inilabas huli na. 1232 01:00:18,150 --> 01:00:21,220 Kaya ako ay marahil ang dapat makita Marami ka guys sa Huwebes, 1233 01:00:21,220 --> 01:00:21,970 ngunit sana ay hindi. 1234 01:00:21,970 --> 01:00:23,386 Siguro magkakaroon ka ito nagagawa sa pamamagitan ng pagkatapos. 1235 01:00:23,386 --> 01:00:24,440 Gusto ko maging sobrang mapagmataas. 1236 01:00:24,440 --> 01:00:26,410 >> Ngunit kung hindi, ako ay iyong nakikita Huwebes. 1237 01:00:26,410 --> 01:00:30,030 Maaari mo ring gamitin ng late petsa, na ay umaabot ito hanggang Sabado sa tanghali. 1238 01:00:30,030 --> 01:00:31,730 Ngunit don't-- ko huh? 1239 01:00:31,730 --> 01:00:32,580 >> Madla: Halloween. 1240 01:00:32,580 --> 01:00:34,538 >> Allison BUCHHOLTZ-AU: Ito ay Halloween, isang, at b, 1241 01:00:34,538 --> 01:00:37,050 Hindi sa tingin ko habilin doon maging opisina na oras sa Biyernes. 1242 01:00:37,050 --> 01:00:40,920 Kaya talagang huwag subukan at makakuha ng ito tapos na sa pamamagitan ng Biyernes upang maaari naming ang lahat ng ipagdiwang 1243 01:00:40,920 --> 01:00:42,010 Pabanalin pagtatapos ng linggo. 1244 01:00:42,010 --> 01:00:44,670 Ang lahat ng mga karapatan, kukunin ko na nakikita mo guys sa susunod na linggo. 1245 01:00:44,670 --> 01:00:45,888