1 00:00:00,000 --> 00:00:01,390 2 00:00:01,390 --> 00:00:04,890 >> [CHWARAE CERDDORIAETH] 3 00:00:04,890 --> 00:00:10,955 4 00:00:10,955 --> 00:00:12,580 DAVID J Malan: pob hawl, croeso nôl. 5 00:00:12,580 --> 00:00:13,600 Mae hyn yn CS50. 6 00:00:13,600 --> 00:00:15,540 Mae hyn yn ddiwedd yr wythnos saith. 7 00:00:15,540 --> 00:00:18,180 Ac mae'n diwedd y sborion hela o broblem a osodwyd bedwar 8 00:00:18,180 --> 00:00:19,220 y gallai byddwch yn cofio. 9 00:00:19,220 --> 00:00:21,650 Wedi adfer pob un JPEG hynny o staff, 10 00:00:21,650 --> 00:00:24,820 cawsoch eich herio, os hoffech, i dynnu lluniau eich hun gyda chymaint 11 00:00:24,820 --> 00:00:25,981 o Folks rhai ag y gallwch. 12 00:00:25,981 --> 00:00:28,480 Rydym yn cael criw cyfan o gyflwyniadau dros yr ychydig wythnosau diwethaf, 13 00:00:28,480 --> 00:00:32,980 yn wir, yn eithaf ychydig o dde cyn hanner dydd heddiw, rhai ohonynt yn rhai yma, 14 00:00:32,980 --> 00:00:37,670 dal yma in-- edrych like-- Annenberg Neuadd yn oriau swyddfa, un fan hyn 15 00:00:37,670 --> 00:00:39,530 yn Lowell House gyda Nick. 16 00:00:39,530 --> 00:00:41,750 Dyma ei Ramon cael eu dal ar y ffôn. 17 00:00:41,750 --> 00:00:43,870 Roedd hyn mewn cinio CS50. 18 00:00:43,870 --> 00:00:46,840 Roedd hyn Jason Skyping gyda a classmate yn fwy creadigol, 19 00:00:46,840 --> 00:00:48,280 a ffoniodd iddo y modd hwn. 20 00:00:48,280 --> 00:00:49,690 Nid ydym yn gwybod beth y mae hyn yn. 21 00:00:49,690 --> 00:00:51,940 >> [Chwerthin] 22 00:00:51,940 --> 00:00:54,570 >> DAVID J Malan: Ond sy'n werth gigabeit. 23 00:00:54,570 --> 00:00:56,960 Dyma Chang, pwy llythrennol yn rhedeg oddi ar y llwyfan 24 00:00:56,960 --> 00:01:00,480 er mwyn osgoi cael llun un dydd, ond ei ddal yn y pen draw. 25 00:01:00,480 --> 00:01:02,050 Dyma Nick. 26 00:01:02,050 --> 00:01:03,480 Dyma Nick. 27 00:01:03,480 --> 00:01:04,080 Dyma Nick. 28 00:01:04,080 --> 00:01:05,090 29 00:01:05,090 --> 00:01:07,670 A dyma yw Alison i lawr gan y caeau. 30 00:01:07,670 --> 00:01:11,840 A Zamyla Daethpwyd o hyd hyd yn oed mewn cystadleuaeth neuadd ddawns. 31 00:01:11,840 --> 00:01:14,100 Felly, byddwn yn mynd drwy lluniau hyn, chyfrif i maes 32 00:01:14,100 --> 00:01:16,690 a gyflwynodd y mwyaf y cynharaf, a gwobrwyo 33 00:01:16,690 --> 00:01:20,662 un wobr wych, fel y addawyd yn y fanyleb. 34 00:01:20,662 --> 00:01:23,120 A byddwn hefyd yn dilyn i fyny am y gofod a oedd yn cymryd rhan. 35 00:01:23,120 --> 00:01:26,860 >> Mae cwpl o announcements-- felly cinio yw, unwaith eto, y dydd Gwener hwn am 1:15. 36 00:01:26,860 --> 00:01:30,420 Os hoffech chi ymuno â ni, RSVP ar y URL yma. 37 00:01:30,420 --> 00:01:33,730 Jason yn ymddangos eto yma o un o'r adrannau ychydig o flynyddoedd 38 00:01:33,730 --> 00:01:35,510 yn ôl, a ddigwyddodd i ddisgyn ar Nos Galan Gaeaf. 39 00:01:35,510 --> 00:01:38,950 Ac yn wir, efe a gwisgo fel pwmpen y flwyddyn benodol. 40 00:01:38,950 --> 00:01:42,700 Os ydych yn gwylio yr adran hon o o'r rhan o'i 2011 41 00:01:42,700 --> 00:01:46,480 wyth, os ydych yn chwilfrydig, yn CS50.tv, rwy'n credu 42 00:01:46,480 --> 00:01:49,730 hon oedd y flwyddyn y ei pwmp awyr yn gweithio. 43 00:01:49,730 --> 00:01:52,490 >> Os ydych, yna gwyliwch y adran tebyg yn 2012, 44 00:01:52,490 --> 00:01:55,620 byddwch yn gweld Jason hwn fflat yn llawer, gan nad y siwt yn gweithredu, 45 00:01:55,620 --> 00:01:58,060 sydd ond i ddweud dydd Gwener yma, os byddech yn 46 00:01:58,060 --> 00:02:02,720 yn hoffi i gerfio pwmpen gyda Daven ac Gabe ac eraill, RSVP at y pennau 47 00:02:02,720 --> 00:02:04,480 yn y cyfeiriad cs50.harvard.edu. 48 00:02:04,480 --> 00:02:06,200 Mae'n argoeli i fod yn hwyl fawr. 49 00:02:06,200 --> 00:02:08,660 Daven, rydym yn gwybod, wedi cerfio pwmpenni ei holl fywyd. 50 00:02:08,660 --> 00:02:11,930 Byth Gabriel o Frasil wedi cerfio pwmpen ar gyfer Calan Gaeaf. 51 00:02:11,930 --> 00:02:14,700 Felly byddwch yn yno gyda nhw wrth iddo ddysgu. 52 00:02:14,700 --> 00:02:16,830 >> Seminarau, meanwhile-- felly byddwch yn dysgu yn fuan 53 00:02:16,830 --> 00:02:20,650 am yr hyn y mae ein disgwyliadau ar gyfer y prosiect terfynol, sydd yn eu hanfod 54 00:02:20,650 --> 00:02:23,150 Bydd berwi i lawr i gynllunio a gweithredu 55 00:02:23,150 --> 00:02:26,440 unrhyw brosiect o ddiddordeb i'r rhan fwyaf i chi, er bod hynny yn amodol ar gymeradwyaeth 56 00:02:26,440 --> 00:02:28,490 ac arweiniad gan eich cyd-addysgu. 57 00:02:28,490 --> 00:02:32,110 Tua diwedd y semester, rydym yn cyflwyno nifer 58 00:02:32,110 --> 00:02:35,610 o seminarau, sef ddosbarthiadau dewisol dan arweiniad y cymrodyr addysgu a Harvard 59 00:02:35,610 --> 00:02:38,570 staff, cyfeillion o'r cwrs ar draws campws, ar wahanol bynciau sy'n 60 00:02:38,570 --> 00:02:41,470 yn ymylol i'r maes llafur y cwrs yn sylfaenol 61 00:02:41,470 --> 00:02:45,590 ond serch hynny yn berthnasol, yn hwyl, a gwahanol ar gyfer prosiectau terfynol posibl. 62 00:02:45,590 --> 00:02:49,530 >> Er enghraifft, yn gyntaf, os yr hoffech i gofrestru, pen i'r URL yno. 63 00:02:49,530 --> 00:02:53,010 Ac mae hyn yn y lineup ar gyfer seminarau eleni ben ei hun. 64 00:02:53,010 --> 00:02:56,060 Ond sylweddoli gennym dwsinau o seminarau o flynyddoedd diwethaf, mae pob un ohonynt 65 00:02:56,060 --> 00:02:59,774 yn cael eu cysylltu yn y ddewislen Seminarau opsiwn o wefan y cwrs. 66 00:02:59,774 --> 00:03:02,190 Felly os ydych chi'n meddwl am yn mynd y tu hwnt i'ch parth cysur 67 00:03:02,190 --> 00:03:05,060 neu yn cydio yn rhai sgiliau newydd, er enghraifft, rhaglennu iPhone 68 00:03:05,060 --> 00:03:08,100 apps gyda Swift, iaith newydd o Apple neu Amcan-C 69 00:03:08,100 --> 00:03:11,230 neu Android apps neu raglennu [? ciw?] bylbiau golau, neu unrhyw un o'r pynciau 70 00:03:11,230 --> 00:03:15,490 hyd yma ac yn fwy siec, sy'n ddyledus allan y dudalen gofrestru. 71 00:03:15,490 --> 00:03:19,730 >> Felly, rydym yn dechrau ac yn dod i'r casgliad ar Llun gyda edrych ar HTTP. 72 00:03:19,730 --> 00:03:22,675 Felly HTTP refresher-- gyflym, Protocol Trosglwyddo HyperText. 73 00:03:22,675 --> 00:03:24,045 Ond beth mae hynny'n ei olygu mewn gwirionedd? 74 00:03:24,045 --> 00:03:26,805 75 00:03:26,805 --> 00:03:27,930 Beth mae hynny'n ei olygu mewn gwirionedd? 76 00:03:27,930 --> 00:03:30,665 77 00:03:30,665 --> 00:03:31,290 A yw hynny'n llaw? 78 00:03:31,290 --> 00:03:33,074 79 00:03:33,074 --> 00:03:34,740 Rwy'n gwybod eich bod yn dim ond crafu eich pen. 80 00:03:34,740 --> 00:03:36,400 Ond eich bod am gynnig pa HTTP yw? 81 00:03:36,400 --> 00:03:37,792 82 00:03:37,792 --> 00:03:40,576 >> GYNULLEIDFA: Sut y cyfrifiaduron cyfathrebu â [Anghlywadwy]. 83 00:03:40,576 --> 00:03:41,517 84 00:03:41,517 --> 00:03:43,100 DAVID J Malan: collais y rhan olaf. 85 00:03:43,100 --> 00:03:45,774 Sut cyfrifiaduron yn cyfathrebu with-- 86 00:03:45,774 --> 00:03:47,325 >> Gweinyddion Rhyngrwyd: CYNULLEIDFA. 87 00:03:47,325 --> 00:03:50,450 DAVID J Malan: Good-- gyda y rhyngrwyd gweinyddwyr, ac yn benodol, gweinyddwyr gwe. 88 00:03:50,450 --> 00:03:53,533 Gan fod galw i gof, mae 'na griw o gwasanaethau ar y rhyngrwyd, y mae rhai ohonynt 89 00:03:53,533 --> 00:03:57,349 ydych yn ei ddefnyddio yn ôl pob tebyg yn ddyddiol rhwng sgwrsio a neges, sgwrsio, ac ar y we, ac e-bost, 90 00:03:57,349 --> 00:03:57,890 ac yn y blaen. 91 00:03:57,890 --> 00:04:00,900 A HTTP yn unig yw protocol y porwyr gwe 92 00:04:00,900 --> 00:04:03,750 siarad wrth gyfathrebu â gweinyddwyr y we, ac i'r gwrthwyneb. 93 00:04:03,750 --> 00:04:05,580 Ac mae'r analog yn y Efallai y byd dynol fod, 94 00:04:05,580 --> 00:04:08,730 Rwy'n estyn fy llaw i ysgwyd rhai dynol eraill, ac ef neu hi 95 00:04:08,730 --> 00:04:11,970 cydnabod drwy ymestyn ei law yn ogystal. 96 00:04:11,970 --> 00:04:13,970 Felly dyna dim ond protocol, set o gonfensiynau. 97 00:04:13,970 --> 00:04:15,630 >> A beth yn wir yw'r confensiynau hynny? 98 00:04:15,630 --> 00:04:18,640 Wel, 'i jyst yn berwi i lawr i anfon negeseuon yn ôl ac ymlaen, 99 00:04:18,640 --> 00:04:19,770 wrth i ni darlunio yma. 100 00:04:19,770 --> 00:04:22,520 Ac mae un neu ddau o ffyrdd y y gallwch anfon negeseuon hyn. 101 00:04:22,520 --> 00:04:24,360 Ac efallai y mwyaf cyffredin yn cael ei adnabod fel get. 102 00:04:24,360 --> 00:04:26,510 A chawn weld cyferbyniad at hyn cyn hir. 103 00:04:26,510 --> 00:04:30,010 >> Ond cais get o borwr â'r gweinydd yn union edrych fel hyn. 104 00:04:30,010 --> 00:04:32,960 Mae'n bagad o destun ei fod yn rhoi tu mewn i amlen rhithwir. 105 00:04:32,960 --> 00:04:35,854 Ar y tu allan yr amlen mynd cwpl o ddarnau o fanylion. 106 00:04:35,854 --> 00:04:37,770 Beth sydd angen i fynd ar y amlen, fel petai, 107 00:04:37,770 --> 00:04:41,820 er mwyn cael cais tebyg hwn oddi wrthyf i weinydd y we? 108 00:04:41,820 --> 00:04:42,320 Yeah. 109 00:04:42,320 --> 00:04:43,270 >> GYNULLEIDFA: Mae eich cyfeiriad IP. 110 00:04:43,270 --> 00:04:45,890 >> DAVID J Malan: My cyfeiriad IP yn y O cae, fel petai, 111 00:04:45,890 --> 00:04:49,490 ac wrth gwrs, y cyfeiriad IP derbynnydd. 112 00:04:49,490 --> 00:04:52,710 Ond yn achos pecyn ar y we, mae arnom angen ychydig mwy o fanylion 113 00:04:52,710 --> 00:04:55,254 Nid yw'n ddigon dim ond i anfonwch amlen i weinydd, 114 00:04:55,254 --> 00:04:57,670 oherwydd efallai y gweinydd fod gwrando ar gyfer gwahanol fathau 115 00:04:57,670 --> 00:04:59,180 y traffig ar y rhyngrwyd. 116 00:04:59,180 --> 00:05:01,370 Felly, beth arall y mae angen wahân IP y derbynnydd? 117 00:05:01,370 --> 00:05:02,723 118 00:05:02,723 --> 00:05:03,222 Yeah? 119 00:05:03,222 --> 00:05:04,241 >> GYNULLEIDFA: A yw'n TCP? 120 00:05:04,241 --> 00:05:05,074 DAVID J Malan: Da. 121 00:05:05,074 --> 00:05:06,470 TCP-- 122 00:05:06,470 --> 00:05:07,340 >> GYNULLEIDFA: Cyfeiriad. 123 00:05:07,340 --> 00:05:09,340 >> DAVID J Malan: Cyfeiriad, neu porthladd, gan ei fod yn enw. 124 00:05:09,340 --> 00:05:11,010 Close, ond mae rhif porth TCP. 125 00:05:11,010 --> 00:05:12,220 Ac mae 'na griw o rhain. 126 00:05:12,220 --> 00:05:14,310 Ond yn sicr y mwyaf Dylai cyfarwydd yn y pen draw 127 00:05:14,310 --> 00:05:17,590 fod yn 80, sef y diofyn un a ddefnyddir ar gyfer traffig ar y we. 128 00:05:17,590 --> 00:05:20,040 Ac cyfarwydd arall un a fydd cyn bo hir yn 443, 129 00:05:20,040 --> 00:05:24,280 sy'n cael ei ddefnyddio ar gyfer y we yn ddiogel traffig, URLs sy'n dechrau gyda https. 130 00:05:24,280 --> 00:05:26,650 >> Felly, mae hyn yn beth sy'n mynd tu mewn amlen hwnnw. 131 00:05:26,650 --> 00:05:29,780 Ac yn ei gael / yn unig yn golygu, yn rhoi 'm' r dudalen we ball. 132 00:05:29,780 --> 00:05:32,700 Rhowch gwraidd y galed i mi gyrru ar y gweinydd gwe. 133 00:05:32,700 --> 00:05:36,050 A, gobeithio, y we gweinydd yn ymateb gyda, OK 134 00:05:36,050 --> 00:05:39,630 ac mae'r rhif 200, sydd ychydig confensiwn yn dweud, ie, pob 135 00:05:39,630 --> 00:05:40,470 yn wir OK. 136 00:05:40,470 --> 00:05:41,680 Dyma y dudalen. 137 00:05:41,680 --> 00:05:45,510 Y math o y dudalen we yn mynd i fod yn destun, ond yn fwy penodol, HTML, 138 00:05:45,510 --> 00:05:47,010 yr ydym chi ar fin i ddeifio yn ôl i mewn. 139 00:05:47,010 --> 00:05:49,877 Ac mae'r dot dot dot yn unig modd, dyma yw'r HTML. 140 00:05:49,877 --> 00:05:51,710 A dyna lle rydym yn codwch y stori heddiw, 141 00:05:51,710 --> 00:05:55,740 mewn gwirionedd yn ysgrifennu HTML, Iaith HyperText Markup, a oedd 142 00:05:55,740 --> 00:05:57,727 yn yr iaith y tudalennau gwe yn cael eu hysgrifennu. 143 00:05:57,727 --> 00:05:59,060 Dyw hi ddim yn iaith raglennu. 144 00:05:59,060 --> 00:06:01,270 Does dim swyddogaethau neu ddolenni neu amodau. 145 00:06:01,270 --> 00:06:03,800 Mae'n iaith markup, yn ogystal eto yn gweld heddiw, 146 00:06:03,800 --> 00:06:07,240 sy'n eich galluogi i bennu sut i strwythuro a stylize 147 00:06:07,240 --> 00:06:09,300 esthetaidd tudalen ar y we. 148 00:06:09,300 --> 00:06:11,470 >> Felly, hwn oedd yr un a dim ond dudalen mae gwir 149 00:06:11,470 --> 00:06:13,930 edrych ar, os yn fyr, ar ddydd Llun. 150 00:06:13,930 --> 00:06:16,250 Ac yn sylwi ar ychydig nodweddion amlwg. 151 00:06:16,250 --> 00:06:20,170 Mae 'na lot o ongl agored braced braced ongl ac yn agos. 152 00:06:20,170 --> 00:06:23,160 Yn rhwng y rheiny onglog cromfachau yn eiriau. 153 00:06:23,160 --> 00:06:25,660 Ac rydym yn mynd i ddechrau galw tagiau geiriau hynny. 154 00:06:25,660 --> 00:06:28,800 Braced pen mor agored a braced pen caeedig 155 00:06:28,800 --> 00:06:33,620 yw'r tagiau agored a chaeedig, neu dechrau a diwedd tagiau 156 00:06:33,620 --> 00:06:37,660 yn y drefn honno, o elfen HTML, fel y byddwn yn ei alw, a elwir yn pen. 157 00:06:37,660 --> 00:06:41,760 Ac mae'r un peth yn berthnasol jargon i gorff yn HTML ac yn y blaen. 158 00:06:41,760 --> 00:06:43,970 >> A beth braf yw HTML-- ac yn wir, yr ydym yn annhymerus 159 00:06:43,970 --> 00:06:47,187 ofnadwy treulio ychydig o amser arno, oherwydd byddwch yn bennaf yn unig chyfrif i maes 160 00:06:47,187 --> 00:06:49,770 pa nodweddion sydd ganddo pan fyddwch mewn gwirionedd yn cael problem concrid 161 00:06:49,770 --> 00:06:52,820 i solve-- fe welwch fod porwr ydy 'n bert' n fud. 162 00:06:52,820 --> 00:06:56,450 Dim ond mae'n mynd i do-- nid annhebyg a computer-- yr hyn yr ydych yn dweud iddo ei wneud. 163 00:06:56,450 --> 00:06:59,279 Ac felly pan fydd gennych agored HTML braced ar y brig 164 00:06:59,279 --> 00:07:01,320 yno, hynny yn ei hanfod jyst yn golygu, hey, porwr, 165 00:07:01,320 --> 00:07:04,090 yma hon tudalen ar y we a ysgrifennwyd yn HTML. 166 00:07:04,090 --> 00:07:06,130 >> Pan mae'n gweld braced agored pen, mai dim ond yn ei olygu, 167 00:07:06,130 --> 00:07:10,350 hey, porwr, yma hon y pennaeth, neu y rhan topmost o fy dudalen we. 168 00:07:10,350 --> 00:07:14,192 Pan fydd yn gweld fraced caeedig pen, mai dim ond yn golygu, hey, 169 00:07:14,192 --> 00:07:15,150 dyna ni ar gyfer y pennaeth. 170 00:07:15,150 --> 00:07:16,420 Wrth gefn ar gyfer rhywbeth arall. 171 00:07:16,420 --> 00:07:18,878 A bod rhywbeth arall yn yn ôl pob golwg yn mynd i fod yn y corff. 172 00:07:18,878 --> 00:07:22,630 A phan nad oes gennych tag, fel ydych newydd hello, coma, byd, 173 00:07:22,630 --> 00:07:26,610 mae hynny'n unig yn mynd i fod yn destun amrwd sy'n yn y pen draw yn cael ei dangos ar y sgrin. 174 00:07:26,610 --> 00:07:29,220 >> Nawr, byddwch yn sylwi yn rhy y mewnoliad yma. 175 00:07:29,220 --> 00:07:32,160 Mae'n debyg y gallwch ei gasglu sut rydym yn stylizing iddo. 176 00:07:32,160 --> 00:07:34,850 Bob tro rwy'n agor tag, fel petai, yr wyf yn indent. 177 00:07:34,850 --> 00:07:38,540 A phob tro y byddaf yn cau tag, yr wyf heb ei indent, 178 00:07:38,540 --> 00:07:40,690 debyg o ran ysbryd i'r braces cyrliog. 179 00:07:40,690 --> 00:07:43,470 A thu hwnt i hynny, rwy'n garedig o ddefnyddio fy marn. 180 00:07:43,470 --> 00:07:48,380 Rhybudd nad oeddwn yn trafferthu taro Rhowch tu mewn y tag teitl. 181 00:07:48,380 --> 00:07:48,990 Pam? 182 00:07:48,990 --> 00:07:51,920 Wel, Fi jyst yn penderfynu ei bod yn edrych yn ychydig glanach i mi, y dynol, 183 00:07:51,920 --> 00:07:53,181 dim ond i beidio â thrafferthu gwneud hynny. 184 00:07:53,181 --> 00:07:54,930 Felly, unwaith eto, mae rhywfaint dyfarniad yn galw yn unig 185 00:07:54,930 --> 00:07:57,670 fel y mae mewn C neu unrhyw iaith. 186 00:07:57,670 --> 00:08:04,110 >> Ond yn sylwi hefyd bod pant hwn cynnig ei hun i fodel meddyliol, 187 00:08:04,110 --> 00:08:05,670 peidio â gor gymhlethu iddo. 188 00:08:05,670 --> 00:08:07,020 Ond coeden, dde? 189 00:08:07,020 --> 00:08:09,290 Os ydych yn meddwl am y we dudalen, yn ôl pob golwg yn ysgrifenedig 190 00:08:09,290 --> 00:08:12,050 fel hyn, fel rhai 'n glws mewnoli y ffordd honno, 191 00:08:12,050 --> 00:08:17,390 gallwch chi bron yn meddwl am y braced agored Tag HTML braced caeedig yn nodi ffiniau 192 00:08:17,390 --> 00:08:21,380 gwraidd cainc, coeden deulu nod arddull yn arddull y coed 193 00:08:21,380 --> 00:08:22,900 buom yn edrych ar ddydd Gwener diwethaf. 194 00:08:22,900 --> 00:08:27,630 >> Ac yn wir, yr ydym yn ei gael ar y dde yma yr hyn y byddwn yn ei alw'n DOM, D-O-M, dogfen 195 00:08:27,630 --> 00:08:31,680 model gwrthrych, yn ffordd ffansi o ddweud coeden sy'n cynrychioli hwnnw HTML. 196 00:08:31,680 --> 00:08:36,140 Ac yn sylwi bod HTML wedi, byddwn yn dweud, fel coeden deulu, dau o blant. 197 00:08:36,140 --> 00:08:37,659 Ar y chwith mae pen. 198 00:08:37,659 --> 00:08:39,179 Ar y dde mae corff. 199 00:08:39,179 --> 00:08:44,220 >> Ac yn union fel ymarfer meddwl difeddwl, pennaeth, wrth gwrs, mae gan faint o blant 200 00:08:44,220 --> 00:08:46,070 yn ôl y strwythur hwn? 201 00:08:46,070 --> 00:08:48,200 Felly dim ond un, title-- a dyna pam yr ydym wedi 202 00:08:48,200 --> 00:08:50,580 y saeth yn mynd o pen i'r teitl. 203 00:08:50,580 --> 00:08:55,110 Felly mae'n fel pe y person hwnnw yn y Roedd coeden deulu dim ond un epil. 204 00:08:55,110 --> 00:08:58,230 Ac yna teitl ei hun yn gallu cael ei ddweud i gael plentyn hefyd. 205 00:08:58,230 --> 00:09:01,780 >> Dwyn i gof bod y HTML oedd hello, coma, byd oddi tano. 206 00:09:01,780 --> 00:09:06,090 Ac yr wyf wedi tynnu yn syml ei fod o fewn hirgrwn yn hytrach na petryal yn unig 207 00:09:06,090 --> 00:09:10,559 i gyfleu semantig hynny er bod ei fod yn nod yn y goeden, fel petai, 208 00:09:10,559 --> 00:09:12,100 ei fod yn fath o sylfaenol wahanol. 209 00:09:12,100 --> 00:09:12,800 Nid ei fod yn tag. 210 00:09:12,800 --> 00:09:14,780 Neu yn fwy priodol, nid yw'n elfen. 211 00:09:14,780 --> 00:09:16,590 Mae'n dim ond nod destun, os mynnwch. 212 00:09:16,590 --> 00:09:18,990 Ond mae'r rhain yn gwbl confensiynau dynol mympwyol. 213 00:09:18,990 --> 00:09:23,180 Mae hyn yn unig yn awr fy ffordd o yn cynrychioli yr hyn 'n annhymerus' fel agreg 214 00:09:23,180 --> 00:09:24,340 ffoniwch y ddogfen. 215 00:09:24,340 --> 00:09:27,750 >> Ac wrth fynd heibio, y peth yn y gornel chwith top super, 216 00:09:27,750 --> 00:09:32,080 braced agored doc pwynt exclamation math HTML, mae hyn yn edrych fel tag, 217 00:09:32,080 --> 00:09:35,560 ond mae'n wir gornel dwp lle bod yn unig yno, copïo a gludo 218 00:09:35,560 --> 00:09:38,460 er mwyn dangos y porwyr mae hyn yn HTML Fersiwn 5. 219 00:09:38,460 --> 00:09:41,540 Mae'r byd yn cadw newid yr hyn y mae'r Dylai llinell gyntaf o god mewn tudalen fod. 220 00:09:41,540 --> 00:09:43,820 Mae hyn yn unig yn golygu fersiwn 5. 221 00:09:43,820 --> 00:09:45,950 Felly, nid yw'n hollol edrych fel y lleill. 222 00:09:45,950 --> 00:09:48,120 >> Mae pob hawl, fel gyda hynny Meddai, byddwch yn awr yn gwerthfawrogi 223 00:09:48,120 --> 00:09:50,767 mae hyn yn deg hyn dwp tattoo rhywun got. 224 00:09:50,767 --> 00:09:51,990 >> [Chwerthin] 225 00:09:51,990 --> 00:09:54,210 >> DAVID J Malan: pob hawl, ac yn awr gadewch i ni mewn gwirionedd yn plymio 226 00:09:54,210 --> 00:09:55,710 i wneud rhywbeth gyda hyn. 227 00:09:55,710 --> 00:09:58,610 Byddwch yn cofio bod tro diwethaf I agor y Appliance CS50 228 00:09:58,610 --> 00:10:01,650 ac yr wyf yn gwneud rhywbeth fel syml â agor gedit. 229 00:10:01,650 --> 00:10:05,190 Ac yr wyf yn arbed y ffeil, hyd yn oed ar fy desktop-- unman special-- 230 00:10:05,190 --> 00:10:05,870 fel hello.html. 231 00:10:05,870 --> 00:10:07,100 232 00:10:07,100 --> 00:10:10,984 >> Felly, gadewch i mi wneud hynny again-- hello.html Enter. 233 00:10:10,984 --> 00:10:13,900 Ac yn awr yn y ffeil hon, yr wyf i'n mynd i mynd yn ei flaen ac yn efelychu'r hyn yr ydym newydd 234 00:10:13,900 --> 00:10:18,850 doc saw-- math html Yna mi i'n mynd i gwneud html braced braced agored caeedig. 235 00:10:18,850 --> 00:10:21,890 Ac yna dwi'n mynd i preemptively agor a chau'r tag. 236 00:10:21,890 --> 00:10:22,390 Pam? 237 00:10:22,390 --> 00:10:23,598 Yn union felly nid wyf yn anghofio yn nes ymlaen. 238 00:10:23,598 --> 00:10:26,850 Mae'n arfer da yn unig, fel agor a chau braces cyrliog i gyd ar unwaith. 239 00:10:26,850 --> 00:10:28,900 >> Ac yna beth ddaeth nesaf? 240 00:10:28,900 --> 00:10:30,582 Gallwch chi feddwl am y tattoo. 241 00:10:30,582 --> 00:10:31,450 >> GYNULLEIDFA: Y pen. 242 00:10:31,450 --> 00:10:32,500 >> DAVID J Malan: Y pen. 243 00:10:32,500 --> 00:10:36,020 Ac yna yn y fan hyn, yr wyf yn Roedd gan y teitl, yr wyf yn meddwl. 244 00:10:36,020 --> 00:10:39,886 A rhaid nodi teitl yn fympwyol, helo, teitl agos byd. 245 00:10:39,886 --> 00:10:42,760 Ac yna i lawr yma, y ​​corff, o course-- yna rydym yn cau'r tag corff. 246 00:10:42,760 --> 00:10:45,660 Ac yna dim ond braidd redundantly, Cefais yr un peth i lawr yma. 247 00:10:45,660 --> 00:10:47,150 >> Felly yr wyf yn honni bod hon yn dudalen we. 248 00:10:47,150 --> 00:10:49,050 Mae hyn yn rhywbeth y Gallai awr yn fyw ar y we, 249 00:10:49,050 --> 00:10:51,925 hyd yn oed er, wrth gwrs, mae'n llythrennol byw ar fy n ben-desg ar hyn o bryd. 250 00:10:51,925 --> 00:10:55,837 Ond yn wir, os byddaf yn lleihau gedit, 'N annhymerus' gweld ar fy n ben-desg ei eicon. 251 00:10:55,837 --> 00:10:58,420 Er bod hyn yn yr offer, gallech wneud hyn ar Mac OS 252 00:10:58,420 --> 00:11:01,580 heb TextEdit neu Ffenestri gyda Notepad hyd yn oed. 253 00:11:01,580 --> 00:11:06,115 >> Ac os wyf yn mynd yn ei flaen a chliciwch ddwywaith hynny hyd yn oed, ac yn select-- yn dda, gadewch i ni 254 00:11:06,115 --> 00:11:07,990 Nid yw dewis hynny oherwydd Nid yw Chrome ei agor. 255 00:11:07,990 --> 00:11:09,281 Gadewch i ni fynd yn ei flaen ac yn agor Chrome. 256 00:11:09,281 --> 00:11:10,160 257 00:11:10,160 --> 00:11:14,040 Ac yna yn ei wneud Command-O am agored A llywio at fy n ben-desg 258 00:11:14,040 --> 00:11:15,320 ac yn agor y ffeil. 259 00:11:15,320 --> 00:11:20,120 Dyna sut y porwr yn dehongli HTML, top i'r gwaelod, o'r chwith i'r dde. 260 00:11:20,120 --> 00:11:21,314 Hey, porwr dyma HTML. 261 00:11:21,314 --> 00:11:21,980 Dyma y pen. 262 00:11:21,980 --> 00:11:23,250 Dyma y teitl. 263 00:11:23,250 --> 00:11:24,090 Dyma y corff. 264 00:11:24,090 --> 00:11:26,620 Ac yn wir, dyma sut mae'n peri y dudalen we. 265 00:11:26,620 --> 00:11:27,800 >> Ond yn sylwi ar y URL. 266 00:11:27,800 --> 00:11:32,430 Gallai neb ohonoch tynnu i fyny penodol hwn dudalen ar eich gliniaduron ar hyn o bryd, 267 00:11:32,430 --> 00:11:34,910 hyd yn oed tu mewn i'ch offer trwy gyfrwng y URL, 268 00:11:34,910 --> 00:11:40,130 gan fod file: // yn nodi ei fod mewn gwirionedd ar fy system ffeiliau, fy 'n anawdd cathrena, 269 00:11:40,130 --> 00:11:40,990 Nid yw eich un chi. 270 00:11:40,990 --> 00:11:42,440 Felly, nid yw hyn yn bob un sy'n ddefnyddiol. 271 00:11:42,440 --> 00:11:44,940 >> Gadewch i ni yn awr yn symud tuag at gan ddefnyddio gweinydd gwe gwirioneddol. 272 00:11:44,940 --> 00:11:48,309 Ac mae'n troi allan y Appliance CS50 yn fwy na dim ond amgylchedd lle 273 00:11:48,309 --> 00:11:51,100 gallwch ysgrifennu cod C a llunio a'i redeg fel chi wedi bod yn gwneud. 274 00:11:51,100 --> 00:11:55,500 Mae hefyd wedi cael ei ffurfweddu gan y staff i gynrychioli we nodweddiadol 275 00:11:55,500 --> 00:11:58,290 gweinydd sydd ar y we, un y gallai eich bod yn talu am 276 00:11:58,290 --> 00:12:00,210 neu un sydd yn y cwmwl fel y'u gelwir. 277 00:12:00,210 --> 00:12:02,600 >> Ac mae'n rhedeg ffynhonnell agored am ddim safonol 278 00:12:02,600 --> 00:12:06,160 meddalwedd, er enghraifft, rhywbeth Gelwir Apache, sef o bosibl 279 00:12:06,160 --> 00:12:08,700 dal y we mwyaf poblogaidd meddalwedd gweinydd yn y byd 280 00:12:08,700 --> 00:12:11,030 bod miloedd o wefannau yn defnyddio heddiw. 281 00:12:11,030 --> 00:12:13,420 Ac mae hefyd hyd yn oed wedi meddalwedd megis MySQL, 282 00:12:13,420 --> 00:12:16,240 sydd yn weinydd cronfa ddata y byddwn yn y pen draw yn mynd i, 283 00:12:16,240 --> 00:12:18,330 sydd ond i ddweud Gallaf ddechrau trin 284 00:12:18,330 --> 00:12:22,040 fy offer fel gweinydd fledged llawn nad ydw i'n talu am rywle arall. 285 00:12:22,040 --> 00:12:25,980 'I jyst yn byw ar fy laptop ei hun ar gyfer ddibenion datblygu a hwylustod. 286 00:12:25,980 --> 00:12:27,870 >> Felly, gadewch i ni fynd yn ei flaen ac fanteisio ar hyn. 287 00:12:27,870 --> 00:12:30,120 Rydw i'n mynd i fynd yn ei flaen ac agor i fyny derfynnell ffenest. 288 00:12:30,120 --> 00:12:33,030 Ac yr wyf i'n mynd i fynd yn ei flaen ac move-- mewn gwirionedd, yn gyntaf rwy'n 289 00:12:33,030 --> 00:12:34,860 mynd i lywio i fy n ben-desg. 290 00:12:34,860 --> 00:12:36,400 Os byddaf yn gwneud ls, mae hello.html. 291 00:12:36,400 --> 00:12:37,022 292 00:12:37,022 --> 00:12:38,730 Ac yr wyf i'n mynd i fynd ymlaen a dechrau defnyddio 293 00:12:38,730 --> 00:12:40,800 cyfeiriadur newydd rydym wedi na chaiff ei ddefnyddio cyn heddiw. 294 00:12:40,800 --> 00:12:46,840 >> hello.html-- Rydw i'n mynd i symud i ../vhosts am hosts-- rhithwir 295 00:12:46,840 --> 00:12:50,940 mwy am hynny yn y future-- ac yna i mewn cyfeiriadur o'r enw localhost, 296 00:12:50,940 --> 00:12:54,420 sef y ffugenw a roddwyd i bron unrhyw gyfrifiadur, boed yn Mac, PC, 297 00:12:54,420 --> 00:12:57,560 neu Linux cyfrifiadur, ac yna yn benodol i mewn i cyfeiriadur yr ydym, 298 00:12:57,560 --> 00:13:01,260 y staff a grëwyd yn barod i chi pan i chi lwytho i lawr y peiriant o'r enw 299 00:13:01,260 --> 00:13:01,760 cyhoeddus. 300 00:13:01,760 --> 00:13:04,551 Ac fel yr awgryma'r enw, unrhyw beth Wyf yn rhoi yn y ffolder hwn, mewn theori, 301 00:13:04,551 --> 00:13:07,790 yn mynd i fod yn awr y cyhoedd, o leiaf i bobl 302 00:13:07,790 --> 00:13:10,030 sydd â uniongyrchol cysylltiad i 'm chyfrifiadur. 303 00:13:10,030 --> 00:13:13,160 >> Felly nawr gadewch i mi fynd yn ei flaen ac gwneud cd at yr un cyfeiriadur 304 00:13:13,160 --> 00:13:15,490 felly gallaf weld beth sydd mynd ymlaen ac ls math. 305 00:13:15,490 --> 00:13:17,630 Ac yn wir, dyna'r unig beth i mewn 'na. 306 00:13:17,630 --> 00:13:23,250 I'n hawlio nawr bod am fy mod wedi rhoi hyn ffeil hello.html tu mewn cyfeiriadur 307 00:13:23,250 --> 00:13:26,940 Gelwir tu gyhoeddus cyfeiriadur Gelwir localhost tu mewn cyfeiriadur 308 00:13:26,940 --> 00:13:29,810 Gelwir vhosts, a oedd diolch i staff CS50 309 00:13:29,810 --> 00:13:34,390 wedi cael ei cyn-ffurfweddu i fod yn gwraidd eich gweinydd gwe, 310 00:13:34,390 --> 00:13:36,900 Gallaf nawr gobeithio gwneud hyn. 311 00:13:36,900 --> 00:13:38,390 >> Rydw i'n mynd i agor tab newydd. 312 00:13:38,390 --> 00:13:40,090 Ac yr wyf i'n mynd i fynd i beidio â ffeilio: //. 313 00:13:40,090 --> 00:13:44,520 Rydw i'n mynd i ddefnyddio gwirioneddol http / localhost, a oedd 314 00:13:44,520 --> 00:13:47,470 unwaith eto, yn y llysenw ar gyfer fy gweinyddwr hun. 315 00:13:47,470 --> 00:13:51,085 Ac yna yr wyf i'n mynd i fynd at yr hyn ffeil enw, dim ond i fod yn glir? 316 00:13:51,085 --> 00:13:52,680 317 00:13:52,680 --> 00:13:54,320 Ble mae'r stori hon yn ôl pob tebyg yn mynd? 318 00:13:54,320 --> 00:13:56,066 319 00:13:56,066 --> 00:13:56,565 hello.html. 320 00:13:56,565 --> 00:13:58,350 321 00:13:58,350 --> 00:14:04,270 >> Felly, mewn geiriau eraill, yr wyf am nawr hwn yw fy cyfrifiadur eich hun, fy offer hun, 322 00:14:04,270 --> 00:14:05,660 fel pe ei fod yn weinydd gwirioneddol. 323 00:14:05,660 --> 00:14:07,490 Mae ei lysenw yn localhost. 324 00:14:07,490 --> 00:14:10,210 Ond meddwl am localhost fel fel Facebook.com google.com, beth bynnag. 325 00:14:10,210 --> 00:14:11,600 'I' jyst fy enw lleol. 326 00:14:11,600 --> 00:14:14,810 Ac yna y rownd derfynol Rwyf am yn y wraidd y disg caled, fel petai, 327 00:14:14,810 --> 00:14:17,729 neu gwraidd y gweinydd gwe, Ergo y slaes ac yna 328 00:14:17,729 --> 00:14:18,770 y hello.html enw ffeil. 329 00:14:18,770 --> 00:14:19,880 330 00:14:19,880 --> 00:14:21,930 >> Gadewch i mi chwyddo allan a daro Chofnoda. 331 00:14:21,930 --> 00:14:24,266 Ac yn wir, mae fy nhudalen we yn awr. 332 00:14:24,266 --> 00:14:25,390 Felly mae'n ychydig yn wahanol. 333 00:14:25,390 --> 00:14:26,880 A 'i' yr un mor anfoddhaol. 334 00:14:26,880 --> 00:14:27,904 Mae hyn yn yr hen fersiwn. 335 00:14:27,904 --> 00:14:29,070 Gadewch i mi crebachu y ffont yn ôl. 336 00:14:29,070 --> 00:14:29,745 Mae hyn yn hen. 337 00:14:29,745 --> 00:14:30,890 Mae hyn yn y newydd. 338 00:14:30,890 --> 00:14:35,430 Ond beth sy'n digwydd yn sylfaenol yn awr yw bod HTTP yn cael ei ddefnyddio. 339 00:14:35,430 --> 00:14:39,344 >> Gadewch i ni wneud hyn ychydig yn fwy eglur, neu, os mynnwch, ychydig yn fwy cymhleth. 340 00:14:39,344 --> 00:14:41,760 Gadewch i mi fynd ar y gwaelod ar y dde gornel o fy offer. 341 00:14:41,760 --> 00:14:44,000 Ac yn sylwi bod hyn i gyd amser, mae nifer wedi bod. 342 00:14:44,000 --> 00:14:47,330 Dyna'r gyfeiriad unigryw o'ch Appliance CS50. 343 00:14:47,330 --> 00:14:50,800 Mae'n gyfeiriad preifat, fel a awgrymir gan y 172.16, 344 00:14:50,800 --> 00:14:53,860 a dim ond yn golygu mai dim ond eich bod yn gorfforol Gall gael mynediad i'r gweinydd gwe. 345 00:14:53,860 --> 00:14:56,340 Mae popeth wal tan a eu diogelu 'n glws oddi wrth y gweddill 346 00:14:56,340 --> 00:14:58,130 o'r byd oherwydd hyn i'r afael. 347 00:14:58,130 --> 00:15:01,920 >> Ac yn awr yn sylwi ond os byddaf yn mynd i y cyfeiriad hwn, nid yn fy offer, 348 00:15:01,920 --> 00:15:04,340 ond yn Mac OS-- dwi'n mynd i fynd yn ôl dros yma. 349 00:15:04,340 --> 00:15:05,930 Mae hyn yn fy Mac nawr. 350 00:15:05,930 --> 00:15:08,460 Ac yn awr yr wyf i'n mynd i agor i fyny fersiwn yma o Chrome yma. 351 00:15:08,460 --> 00:15:17,370 Ac yr wyf i'n mynd i fynd i http: //172.16.25 / Ac yr wyf yn anghofio y rest-- 133. 352 00:15:17,370 --> 00:15:25,210 >> Felly, dw i'n mynd i ymweliad gan fy Mac /hello.html fod cyfeiriad IP Enter. 353 00:15:25,210 --> 00:15:29,850 Ac yn awr yr wyf yn gweld o fy Mac bod fy Appliance CS50, pwy sy'n 354 00:15:29,850 --> 00:15:32,600 Cyfeiriad IP yw bod rif, yn wir yn ymddwyn 355 00:15:32,600 --> 00:15:34,320 fel gweinydd gwe ar y rhyngrwyd. 356 00:15:34,320 --> 00:15:36,944 Nid oes ganddo hawdd braf cofio enw fel Facebook.com, 357 00:15:36,944 --> 00:15:40,370 ond mae'n defnyddio HTTP yn ôl pob golwg, er bod Chrome 358 00:15:40,370 --> 00:15:43,560 yn fath o symleiddio'r y byd i ni, ond nid yw yn dangos i ni HTTP. 359 00:15:43,560 --> 00:15:46,210 Ond mae hyn yn wir yn union hynny. 360 00:15:46,210 --> 00:15:48,470 Chrome yn unig gan arbed tua keystrokes y dyddiau hyn. 361 00:15:48,470 --> 00:15:50,530 A dyna beth yr ydym yn awr yn gweld. 362 00:15:50,530 --> 00:15:51,890 >> Felly dyna i gyd iawn ac yn dda. 363 00:15:51,890 --> 00:15:53,740 Ond mae'n 'n bert underwhelming dudalen. 364 00:15:53,740 --> 00:15:56,230 Gadewch i mi fynd i mewn ac yn gwneud rhywbeth ychydig yn wahanol yn awr. 365 00:15:56,230 --> 00:15:57,910 Felly, gadewch i mi fynd yn ôl i gedit. 366 00:15:57,910 --> 00:16:00,580 Ac yn hytrach na helo, byd, gadewch i ni roi delwedd. 367 00:16:00,580 --> 00:16:05,880 Ac yr wyf yn hawlio oddi before-- gadael i mi fynd i mewn i fy cyfeiriadur localhost cyhoeddus. 368 00:16:05,880 --> 00:16:10,580 A gadewch i mi fynd yn ei flaen a chopïo criw cyfan o ffeiliau o heddiw 369 00:16:10,580 --> 00:16:15,633 o fy ffolder Dropbox i mewn fan hyn. 370 00:16:15,633 --> 00:16:19,470 371 00:16:19,470 --> 00:16:21,680 >> Nawr, os wyf deipio ls, edrychwch ar bob ffeiliau hyn 372 00:16:21,680 --> 00:16:24,940 fy mod i wedi dosbarthu gan y Gwefan cwrs cyn heddiw, 373 00:16:24,940 --> 00:16:26,830 un ohonynt yn dal i fod yn hello.html. 374 00:16:26,830 --> 00:16:27,830 Felly mae bod un. 375 00:16:27,830 --> 00:16:30,730 A dwyn i gof yr un gwirion o cat.jpg adeg-- diwethaf. 376 00:16:30,730 --> 00:16:34,550 Felly, gadewch i mi geisio ymgorffori cat.jpg tu mewn fy tudalen ar y we. 377 00:16:34,550 --> 00:16:37,690 >> Rydw i'n mynd i fynd yn ei flaen ac yn gwneud cat.jpg, arbed. 378 00:16:37,690 --> 00:16:38,950 Gadewch i mi fynd yn ôl at Chrome. 379 00:16:38,950 --> 00:16:41,140 A gadewch i mi chwyddo yn y ffont a reload erbyn hyn. 380 00:16:41,140 --> 00:16:43,090 381 00:16:43,090 --> 00:16:45,030 Wps, lle yr wyf yn rhoi hyn? 382 00:16:45,030 --> 00:16:48,210 383 00:16:48,210 --> 00:16:51,520 Standby-- wyf yn dal i gael yr hen fersiwn o fy n ben-desg ar agor. 384 00:16:51,520 --> 00:16:56,020 Felly, gadewch i mi fynd i mewn i fy vhost, fy localhost, fy cyhoedd, a hello.html. 385 00:16:56,020 --> 00:16:57,320 386 00:16:57,320 --> 00:17:00,670 Felly nawr gadewch i mi fynd yn ei flaen ac dweud cat.jpg tu mewn i'r corff 387 00:17:00,670 --> 00:17:02,830 ble rwyf am iddo fod arddangos ac ail-lwytho. 388 00:17:02,830 --> 00:17:04,560 Wrth gwrs, nid yw hyn yn gywir. 389 00:17:04,560 --> 00:17:08,050 >> Felly mae angen i mi ddweud wrth y porwr ychydig fwy fwriadol hyn yr wyf am ei wneud. 390 00:17:08,050 --> 00:17:10,210 Yn syml deipio yr enw yw yn amlwg nid yn ddigonol. 391 00:17:10,210 --> 00:17:15,134 Felly, yn cofio bod yna un arall tag, delwedd, img yn fyr. 392 00:17:15,134 --> 00:17:17,550 Dyna dim ond am fod pobl ddim yn hoffi y math geiriau llawn. 393 00:17:17,550 --> 00:17:19,050 Ac yna gallwn wneud ffynhonnell = "cat.jpg". 394 00:17:19,050 --> 00:17:21,470 395 00:17:21,470 --> 00:17:23,550 >> Ac yn awr yr wyf i'n mynd i wneud un peth yn wahanol yma. 396 00:17:23,550 --> 00:17:25,390 Er bod pob un o'r mae ein tagiau hyd yn hyn wedi 397 00:17:25,390 --> 00:17:28,086 Roedd syniad hwn o dechrau tag a tag ben, 398 00:17:28,086 --> 00:17:30,210 nid yw hynny'n wir yn gwneud synnwyr ar gyfer delwedd, dde? 399 00:17:30,210 --> 00:17:32,430 Delwedd naill ai yno neu beidio. 400 00:17:32,430 --> 00:17:36,650 Ac felly mae'r bobl wedi dod i fyny gyda confensiwn symlach. 401 00:17:36,650 --> 00:17:40,310 Pan fyddwch yn cael tag y gall y ddau cychwyn ac yn gorffen ar yr un adeg-- 402 00:17:40,310 --> 00:17:43,790 gall fod yn wag, felly i speak-- unig rhoi'r slaes tu mewn y tag 403 00:17:43,790 --> 00:17:44,710 ar y diwedd un. 404 00:17:44,710 --> 00:17:45,776 405 00:17:45,776 --> 00:17:47,150 Yn awr gad i mi fynd yn ôl at fy porwr. 406 00:17:47,150 --> 00:17:50,377 Hit Reload Damn, rhywbeth o'i le. 407 00:17:50,377 --> 00:17:52,460 Mae'n debyg eich bod wedi gweld hyn o bryd i'w gilydd ar y we, 408 00:17:52,460 --> 00:17:53,600 hyd yn oed os nad mae wedi bod yn eich bai chi ydyw. 409 00:17:53,600 --> 00:17:54,766 Mae'n fai y gweinydd gwe. 410 00:17:54,766 --> 00:17:56,240 Pa awdlau hyn yn ymddangos i ddangos? 411 00:17:56,240 --> 00:17:57,450 412 00:17:57,450 --> 00:17:58,009 Mae'n torri. 413 00:17:58,009 --> 00:17:59,300 Dyna lle mae'r ddelwedd yn perthyn. 414 00:17:59,300 --> 00:17:59,700 Yeah? 415 00:17:59,700 --> 00:18:01,560 >> GYNULLEIDFA: Ond nid yw'n gwneud yn cael mynediad at y ddelwedd. 416 00:18:01,560 --> 00:18:03,070 >> DAVID J Malan: Nid Mae'n gwneud yn cael mynediad at y ddelwedd. 417 00:18:03,070 --> 00:18:05,230 Mae hynny, neu hyd yn oed yn waeth, efallai Nid yw'n bodoli hyd yn oed. 418 00:18:05,230 --> 00:18:06,729 Gadewch i ni weld os na allwn wneud diagnosis hynny. 419 00:18:06,729 --> 00:18:09,390 Dwyn i gof o dro diwethaf, os yn Chrome, yn y peiriant, 420 00:18:09,390 --> 00:18:11,870 neu hyd yn oed ar eich Mac neu PC, byddwch yn mynd i'r ddewislen Datblygwr 421 00:18:11,870 --> 00:18:14,650 ac yn mynd i'r Offer Datblygwr opsiwn, a oedd yn ôl pob tebyg eich bod wedi 422 00:18:14,650 --> 00:18:16,850 na chaiff ei ddefnyddio fawr nac erioed. 423 00:18:16,850 --> 00:18:20,780 Ac os af i Rhwydweithio ac yn ail-lwytho y dudalen, 424 00:18:20,780 --> 00:18:24,110 gadewch i ni mewn gwirionedd yn edrych ar y HTTP ceisiadau sy'n cael eu gwneud. 425 00:18:24,110 --> 00:18:28,400 >> Mae'n edrych fel hello.html yw OK yn wir, a dyna pam y 200. 426 00:18:28,400 --> 00:18:30,630 Ond cat.jpg yn 403. 427 00:18:30,630 --> 00:18:31,650 Felly, nid yw'n 404. 428 00:18:31,650 --> 00:18:33,490 Yn ôl pob tebyg ffeil yn bodoli. 429 00:18:33,490 --> 00:18:35,250 403 yn golygu wahardd. 430 00:18:35,250 --> 00:18:37,790 Felly mae hwn yn ychydig yn ddryslyd. 431 00:18:37,790 --> 00:18:42,340 Rydw i'n mynd i fynd yn ôl at fy ffenestr terfynell. 432 00:18:42,340 --> 00:18:43,700 Gadewch i mi chwyddo i mewn hyd yma. 433 00:18:43,700 --> 00:18:44,750 A gadewch i mi wneud i ls. 434 00:18:44,750 --> 00:18:46,430 Mae un ffeiliau hynny. 435 00:18:46,430 --> 00:18:49,410 >> Nawr, gadewch i mi wneud ls-l, yr ydych i wedi yn ôl pob tebyg 436 00:18:49,410 --> 00:18:53,350 ddefnyddiwyd o'r blaen i edrych ar ffeil meintiau efallai neu timestamps. 437 00:18:53,350 --> 00:18:55,590 Ac rydym yn gweld criw cyfan o Gwybodaeth llethol. 438 00:18:55,590 --> 00:18:57,040 Ond yn sylwi ar ychydig o fanylion. 439 00:18:57,040 --> 00:19:01,660 Dyma hello.html yn hyn rhes yma ac dyma cat.jpg. 440 00:19:01,660 --> 00:19:02,934 441 00:19:02,934 --> 00:19:05,850 A dim ond y peiriant yn cael gyfeillgar drwy amlygu JPEG yn ddefnyddiwr 442 00:19:05,850 --> 00:19:07,380 yn y porffor fel hyn. 443 00:19:07,380 --> 00:19:11,470 Ond beth arall yn wahanol wrth ochr maint y ffeil ac enw ffeil? 444 00:19:11,470 --> 00:19:13,438 445 00:19:13,438 --> 00:19:14,754 >> GYNULLEIDFA: [Anghlywadwy]. 446 00:19:14,754 --> 00:19:16,920 DAVID J Malan: Yeah, mae dau yn fwy R dros yma. 447 00:19:16,920 --> 00:19:20,170 Sylwi ar yr hyn hello.html wedi digwydd. 448 00:19:20,170 --> 00:19:24,050 Felly, mae'n ymddangos bod yr enw cyfeiriadur hwn cyhoedd yn bwysig. 449 00:19:24,050 --> 00:19:26,400 Unrhyw beth yn y cyfeiriadur hwn i fod i fod yn gyhoeddus. 450 00:19:26,400 --> 00:19:28,790 Ond nid yw'n ddigon dim ond i ollwng rengau i mewn 'na. 451 00:19:28,790 --> 00:19:31,480 Angen i chi hefyd newid y dull o y ffeiliau, 452 00:19:31,480 --> 00:19:35,180 newid y caniatadau o y ffeil i yn rhagweithiol beidio 453 00:19:35,180 --> 00:19:37,650 fod y gosodiad diofyn, sef mai dim ond gallaf ei ddarllen 454 00:19:37,650 --> 00:19:39,220 a'i ysgrifennu, yr wyf yn cael y perchennog. 455 00:19:39,220 --> 00:19:43,540 Rwyf am i'r cyfan bawb byd i yn gallu darllen fy ffeil, fel petai. 456 00:19:43,540 --> 00:19:44,950 Darllen yn unig yn golygu edrych arno. 457 00:19:44,950 --> 00:19:49,780 >> Ac yn wir, fel y byddwch yn gweld yn broblem gosod saith, dyna beth cymedr hyn R yn. 458 00:19:49,780 --> 00:19:53,160 Cymedr y ddau R yn gadael i bawb arall yn y byd hefyd yn ei ddarllen, 459 00:19:53,160 --> 00:19:55,300 yn enwedig gan fod 'i' yn y cyfeirlyfr hwn. 460 00:19:55,300 --> 00:19:59,620 Felly, y ffordd symlaf i atgyweiria hon yw mynd i fy brydlon ac yn gwneud chmod ar gyfer newid 461 00:19:59,620 --> 00:20:05,580 modd ac yna gwneud a + r, yn gyfan gwbl, pawb, i gyd, yn ogystal â r ar gyfer darllen, 462 00:20:05,580 --> 00:20:07,944 ac yna cat.jpg Enter. 463 00:20:07,944 --> 00:20:10,360 Nid oes dim yn ymddangos i ddigwydd, a oedd fel arfer yn golygu yn beth da. 464 00:20:10,360 --> 00:20:13,850 Felly ls-l again-- nawr gadewch i ni edrych ar cat.jpg. 465 00:20:13,850 --> 00:20:15,750 Ac mae caniatâd hwn ymddangos eu bod wedi newid. 466 00:20:15,750 --> 00:20:18,670 Fel o'r neilltu, os byddwch yn gwneud camgymeriad a chi, er enghraifft, 467 00:20:18,670 --> 00:20:23,210 newydd ei wneud your-- Nid wyf yn know-- traethawd yn gyhoeddus yn hygyrch trwy ddamwain, 468 00:20:23,210 --> 00:20:25,480 gallwch wneud y gwrthwyneb, chmod a-r. 469 00:20:25,480 --> 00:20:25,909 470 00:20:25,909 --> 00:20:28,200 Er dweud y gwir, na ddylai fod yn y cyfeiriadur cyhoeddus 471 00:20:28,200 --> 00:20:29,760 beth bynnag os dyna'r pryder. 472 00:20:29,760 --> 00:20:32,475 >> Felly nawr gadewch i ni fynd yn ôl i fy porwr ac ail-lwytho. 473 00:20:32,475 --> 00:20:32,904 474 00:20:32,904 --> 00:20:34,820 Ac yr wyf i'n mynd i glicio y Ghostbusters bach 475 00:20:34,820 --> 00:20:38,030 symbol i glirio rhan honno o'r sgrin er mwyn i ni weld ceisiadau newydd. 476 00:20:38,030 --> 00:20:40,630 Ac yn wir, dyma Cat Grump o'r blaen. 477 00:20:40,630 --> 00:20:43,010 Ond yn bwysicach, dechnegol, mae 478 00:20:43,010 --> 00:20:45,565 y rhif 200, a oedd yn golygu ein bod wedi gwneud pethau'n iawn. 479 00:20:45,565 --> 00:20:47,190 Mae pob hawl, felly dyna i gyd iawn ac yn dda. 480 00:20:47,190 --> 00:20:48,940 Ond nid ydym yn gwneud y gorau o wefannau, 481 00:20:48,940 --> 00:20:51,967 ac nid ydym yn mynd i roi cynnig yn rhy galed i gwneud y fanciest o wefannau heddiw. 482 00:20:51,967 --> 00:20:54,550 Ond gadewch i ni o leiaf yn gwneud rhywbeth super cyfarwydd cyn ysgwyd 483 00:20:54,550 --> 00:20:56,030 off ychydig o tagiau eraill. 484 00:20:56,030 --> 00:20:58,470 Felly mae'n debyg Dydw i ddim jyst eisiau cath yma. 485 00:20:58,470 --> 00:21:02,530 Tybiwch Fi 'n weithredol am i hyn cath i gysylltu i rywbeth. 486 00:21:02,530 --> 00:21:07,210 >> A gaf, er enghraifft yn gwneud rhywbeth fel hyn. 487 00:21:07,210 --> 00:21:08,580 488 00:21:08,580 --> 00:21:12,890 a am href angor ar gyfer equals-- cyfeirio hyper 489 00:21:12,890 --> 00:21:17,440 a gadewch i ni jyst yn gwneud rhywbeth fel www.google.com cau 490 00:21:17,440 --> 00:21:19,540 Dyfynnwch braced agos. 491 00:21:19,540 --> 00:21:22,000 Ac yn awr yn chwilio am cathod. 492 00:21:22,000 --> 00:21:23,520 Tag angor agos. 493 00:21:23,520 --> 00:21:26,760 Felly, mae hyn wedi dim ond un math manylion sylfaenol newydd. 494 00:21:26,760 --> 00:21:28,190 Mae'r tag wrth gwrs, yn wahanol. 495 00:21:28,190 --> 00:21:31,770 Mae'n enw a am angor cyfeirio href neu hyper. 496 00:21:31,770 --> 00:21:35,269 >> Ond yn bwysicach, mae ' nodwedd hon cystrawennol yma. 497 00:21:35,269 --> 00:21:37,810 Dyma'r hyn y byddwn yn dechrau galw Nid tag, ond nodwedd. 498 00:21:37,810 --> 00:21:40,830 Ac priodoledd yn rhywbeth y addasu ymddygiad tag. 499 00:21:40,830 --> 00:21:45,400 Ac mae hyn priodoledd, href, fodd addasu ymddygiad angor hwn 500 00:21:45,400 --> 00:21:48,430 fel bod pan gaiff ei glicio, mae'n mynd at URL hwn yma. 501 00:21:48,430 --> 00:21:50,330 Ac wrth gwrs, bod URL yn Google. 502 00:21:50,330 --> 00:21:53,951 >> Yn y cyfamser, beth yw hyn testun yma yn mynd i fod? 503 00:21:53,951 --> 00:21:55,950 Wel, mae hynny'n mynd i fod yn yr hyn y mae'r dynol mewn gwirionedd 504 00:21:55,950 --> 00:21:58,470 gweld fel y tanlinellu cyswllt, mor syml â hynny. 505 00:21:58,470 --> 00:21:59,220 Felly gadewch i ni roi cynnig ar hyn. 506 00:21:59,220 --> 00:21:59,980 Gadewch i mi ei chadw. 507 00:21:59,980 --> 00:22:01,650 Rwy'n dal yn hello.html. 508 00:22:01,650 --> 00:22:05,360 Ond yn y fersiynau ar-lein, byddwch yn gweld yr enwau ffeiliau gwirioneddol i ni ymlaen llaw baratoi. 509 00:22:05,360 --> 00:22:06,805 Gadewch i mi fynd yn ei flaen ac yn ail-lwytho. 510 00:22:06,805 --> 00:22:08,680 Ac yn awr ei fod yn iawn dudalen underwhelming o hyd. 511 00:22:08,680 --> 00:22:10,910 Ond os wyf yn hofran dros there-- ac mae'n ychydig yn fach, 512 00:22:10,910 --> 00:22:13,576 but-- gallwch weld yn y gwaelod gornel chwith eich sgrin, 513 00:22:13,576 --> 00:22:15,242 mae'n wir yn mynd i google.com. 514 00:22:15,242 --> 00:22:19,280 Ac os wyf yn clicio hynny, bydd yn chwisg fi ffordd at y gwir Google. 515 00:22:19,280 --> 00:22:22,610 >> Ond sylwi yma yn gyfle i ecsbloetio, yn union fel o'r neilltu. 516 00:22:22,610 --> 00:22:25,150 A byddwn yn dod yn ôl at eraill materion yn ymwneud â diogelwch cyn bo hir. 517 00:22:25,150 --> 00:22:29,290 Oherwydd mae ddeuoliaeth hon rhwng ble rydych yn mynd a beth rydych yn ei ddweud, 518 00:22:29,290 --> 00:22:34,722 gallech wneud rhywbeth fel this-- http://www.google.com. 519 00:22:34,722 --> 00:22:37,134 OK, ac yn awr os byddaf yn ail-lwytho ar ôl arbed y dudalen honno, 520 00:22:37,134 --> 00:22:38,800 mae'n edrych fel fy mod i'n mynd i fynd i Google. 521 00:22:38,800 --> 00:22:40,966 Ond does dim rheswm i mi rhaid i chi fynd i Google, dde? 522 00:22:40,966 --> 00:22:47,460 Gallai Fi 'n weithredol yn mynd i rywbeth fel badguy.com, ail-lwytho y dudalen dros yma. 523 00:22:47,460 --> 00:22:49,750 A rhybudd, mae'n dal i edrych fel Google. 524 00:22:49,750 --> 00:22:52,020 A dim ond os ydw i'n miniog digon i hofran dros yma 525 00:22:52,020 --> 00:22:54,770 ydw i'n gweld hyd yn oed yn mynd i mynd i leoliad gwahanol. 526 00:22:54,770 --> 00:22:57,400 >> Felly, os ydych chi wedi gotten erioed e-bost, yn enwedig 527 00:22:57,400 --> 00:22:59,610 un gan Paypal, neu yn ôl pob golwg o Paypal 528 00:22:59,610 --> 00:23:01,830 yn gofyn i chi fewngofnodi at eich cyfrif, mae hyn 529 00:23:01,830 --> 00:23:06,380 Dyna pam y dylech byth byth cliciwch dolenni mewn negeseuon e-bost, 530 00:23:06,380 --> 00:23:07,930 dweud y gwir, unrhyw gysylltiadau mewn negeseuon e-bost. 531 00:23:07,930 --> 00:23:10,380 Os ydych yn gwybod eich bod wedi gwirioneddol arian mewn Paypal neu Banc 532 00:23:10,380 --> 00:23:14,250 o America neu Fidelity neu unrhyw gwefan, â llaw deipio i mewn. 533 00:23:14,250 --> 00:23:17,530 Gan fod yn edrych pa mor hawdd yw hi i twyllo rhywun i mewn i gyflwyno beth 534 00:23:17,530 --> 00:23:18,526 edrych fel cyswllt. 535 00:23:18,526 --> 00:23:20,400 Ond gallai mewn gwirionedd yn mynd yn hollol unrhyw le. 536 00:23:20,400 --> 00:23:23,301 >> Ac mae llawer mwy bygythiadau na hyn. 537 00:23:23,301 --> 00:23:25,300 Mewn gwirionedd, mae hyn yn ychydig o tangiad yn awr, ond mae un 538 00:23:25,300 --> 00:23:28,430 o'r rhai gorau welais i erioed ers hynny sydd wedi bod ar gau, 539 00:23:28,430 --> 00:23:34,060 yw rhywun a arweinir bobl i-- felly gallai hyn yn dweud, 540 00:23:34,060 --> 00:23:37,660 cliciwch yma i fewngofnodi i mewn i'ch cyfrif, cyfrif banc. 541 00:23:37,660 --> 00:23:40,985 Ac roedd hyn yn Banc y Gorllewin. 542 00:23:40,985 --> 00:23:43,030 543 00:23:43,030 --> 00:23:44,250 >> Felly mae rhywun brynu hon. 544 00:23:44,250 --> 00:23:47,090 Ac mae'n ychydig yn haws i'w weld mewn mono gofod ffont chwyddo 545 00:23:47,090 --> 00:23:49,190 mewn ar daflunydd 30-droed. 546 00:23:49,190 --> 00:23:51,720 Ond pan mae'n ffont bach mewn e-bost eich bod yn derbyn, 547 00:23:51,720 --> 00:23:54,690 mae hyn yn edrych fel bankofthewest.com, Nid bankofthevvest.com, 548 00:23:54,690 --> 00:23:58,230 a oedd rhywun wedi talu $ 10 i brynu. 549 00:23:58,230 --> 00:24:00,840 Ac yna yn eu Arweiniodd hyn at y sy'n cyfateb i ryw gwefan drwg. 550 00:24:00,840 --> 00:24:05,540 >> A byddwch yn gweld too-- gwirionedd y gallwn ei wneud this-- os byddaf yn mynd at y wefan ei hun, 551 00:24:05,540 --> 00:24:10,335 bankofthewest.com, unwaith eto, galw i gof o dro diwethaf 552 00:24:10,335 --> 00:24:13,210 os yw hyn yn eu tudalen we a eich bod yn chwilfrydig ynghylch sut y mae'n gweithio, 553 00:24:13,210 --> 00:24:15,610 gallwch chi yn sicr yn mynd i Offer datblygwr Chrome ar. 554 00:24:15,610 --> 00:24:18,890 A gallwch weld pob un o'r HTML fformatio 'n glws yno. 555 00:24:18,890 --> 00:24:20,890 >> Ond yn fwy at y pwynt, cam-- chi gadewch i ni gau 556 00:24:20,890 --> 00:24:24,760 this-- gallwch fynd i View Datblygwr View Source. 557 00:24:24,760 --> 00:24:25,770 558 00:24:25,770 --> 00:24:28,350 Pam nad ydw i'n jyst adysgrifia hynny i gyd Ac yna yr wyf yn 559 00:24:28,350 --> 00:24:31,630 yn gallu mynd i mewn i fy ffenestr gedit bach yma ac yn gwneud fy dudalen gwe eu hunain. 560 00:24:31,630 --> 00:24:33,210 Achub hyn yn hello.html. 561 00:24:33,210 --> 00:24:36,770 Ac mae'n debyg bod hyn yn mynd i dorri, gan nad yw'n hyn yn hawdd fel arfer. 562 00:24:36,770 --> 00:24:41,590 Ond erbyn hyn os byddaf yn ail-lwytho fy dudalen hun ar fy hun Appliance CS50 a reload taro, 563 00:24:41,590 --> 00:24:42,990 OK, mae rhai pethau torrodd. 564 00:24:42,990 --> 00:24:45,750 Ond rwy'n eithaf agos at gael fy ngwefan bancio hun, dde? 565 00:24:45,750 --> 00:24:46,570 Mae hyn i gyd HTML-- 566 00:24:46,570 --> 00:24:47,370 >> [Chwerthin] 567 00:24:47,370 --> 00:24:49,210 >> DAVID J Malan: --I Nid oedd actually-- a chi 568 00:24:49,210 --> 00:24:52,210 gwybod bod rhywun allan yna sydd Byddai mewn gwirionedd cliciwch y dolenni hyn hefyd. 569 00:24:52,210 --> 00:24:54,864 Felly, yn amlwg, mae rhai pethau torrodd. 570 00:24:54,864 --> 00:24:56,780 Ond mae hynny'n mynd i arwain ni i drafodaeth, 571 00:24:56,780 --> 00:25:00,810 ddiangen ar hyn o bryd, o ran yr hyn CSS, taflenni arddull rhaeadrol, mae, 572 00:25:00,810 --> 00:25:03,410 a sut yr ydych mewn gwirionedd lawrlwytho'r ffeiliau HTML eraill 573 00:25:03,410 --> 00:25:06,140 a JPEG ffeiliau ffeiliau GIF sy'n efallai y bydd y wefan yn cael ei defnyddio. 574 00:25:06,140 --> 00:25:07,960 Ond mae hynny i gyd yn accomplishable. 575 00:25:07,960 --> 00:25:11,110 Ond mae wir boils i lawr i hyn heuristics syml iawn. 576 00:25:11,110 --> 00:25:14,450 >> Felly nawr gadewch i jyst sgimio drwy cwpl o enghreifftiau eraill o HTML 577 00:25:14,450 --> 00:25:16,680 dim ond er mwyn rhoi ymdeimlad i chi o beth arall y gallwch ei wneud. 578 00:25:16,680 --> 00:25:18,670 Er enghraifft, mae hyn yn list.html. 579 00:25:18,670 --> 00:25:23,240 Gadewch i ni dybio roeddwn am wneud tudalen ar y we gyda rhestr o dai yn y cwad. 580 00:25:23,240 --> 00:25:28,960 Efallai fy mod yn defnyddio'r tag ul ar gyfer di-drefn rhestr ac yna mae'r rhestr eitem plentyn 581 00:25:28,960 --> 00:25:33,760 ac yna ailadrodd over-- neu restr, rather-- y tai dan sylw. 582 00:25:33,760 --> 00:25:36,080 >> Ac os wyf yn agor hyn i fyny, gadewch i ni wneud hyn. 583 00:25:36,080 --> 00:25:40,670 Gadewch i ni fynd i beidio â hello.html, ond i list.html. 584 00:25:40,670 --> 00:25:42,160 Damia. 585 00:25:42,160 --> 00:25:43,000 Sut ydw i'n atgyweiria hon? 586 00:25:43,000 --> 00:25:45,679 587 00:25:45,679 --> 00:25:47,220 Mae yr un mater ag o'r blaen, dde? 588 00:25:47,220 --> 00:25:52,510 Felly, gadewch i mi wneud oops-- chmod-- chmod a + r o list.html. 589 00:25:52,510 --> 00:25:54,610 590 00:25:54,610 --> 00:25:59,610 Ac yn awr os byddaf yn mynd yn ôl at fy porwr a chliciwch Reload, yno y mae. 591 00:25:59,610 --> 00:26:02,360 Felly, os ydych chi erioed wedi bod eisiau gwneud rhestr bwledi, gallwch wneud hynny. 592 00:26:02,360 --> 00:26:06,210 Os ydych am fod yn super ffansi ac yn gwneud rhestr archebu, nid rhestr di-drefn, 593 00:26:06,210 --> 00:26:10,170 newid hynny i ol, ail-lwytho y dudalen, ac yn awr y bydd y porwr yn rif hynny ar eich rhan. 594 00:26:10,170 --> 00:26:11,241 >> Beth arall allwn ni ei wneud? 595 00:26:11,241 --> 00:26:13,990 Wel, un neu ddau o others-- os gennych paragraffau hir o text-- 596 00:26:13,990 --> 00:26:15,698 er enghraifft, mae rhai Testun Lladin fel this-- 597 00:26:15,698 --> 00:26:20,730 ac rydych am iddo mewn paragraffau ar wahân, p agored, p cau ar gyfer y paragraff tag. 598 00:26:20,730 --> 00:26:22,010 Ac yn gwneud hynny dro ar ôl tro. 599 00:26:22,010 --> 00:26:26,600 Ac os wyf yn awr yn agor i fyny y ffeil, paragraphs.html, yn dda, mae hyn 600 00:26:26,600 --> 00:26:27,570 yn mynd yn blino. 601 00:26:27,570 --> 00:26:34,320 Felly nawr gadewch i jyst yn mynd yn ôl at fy prydlon, chmod a + seren r r .html-- 602 00:26:34,320 --> 00:26:36,099 cerdyn gwyllt bach neis fel petai. 603 00:26:36,099 --> 00:26:37,890 Dylai atgyweiria i gyd problemau hyn i mi. 604 00:26:37,890 --> 00:26:38,990 Gadewch i ail-lwytho. 605 00:26:38,990 --> 00:26:40,500 Mae tri paragraffau. 606 00:26:40,500 --> 00:26:42,930 >> Ac yn awr gadewch i ni fynd yn ei flaen ac agor un arall. 607 00:26:42,930 --> 00:26:44,310 Beth am y tabl? 608 00:26:44,310 --> 00:26:46,440 Byddwch yn sylwi yn edrych tabl ychydig yn fwy cymhleth. 609 00:26:46,440 --> 00:26:49,110 Ond 'i' yr un idea-- tag agored, tag agored, 610 00:26:49,110 --> 00:26:51,360 agored agored agored tag,,, yn agos, tag agored. 611 00:26:51,360 --> 00:26:54,410 Ac mae'r rhain yn digwydd i sefyll am tabl, y mae ei ffin yn ôl pob golwg 612 00:26:54,410 --> 00:26:58,500 mynd i fod yn drwch 1-- beth bynnag y rhes tabl yw--, tabl 613 00:26:58,500 --> 00:27:00,320 data, sy'n golygu cell. 614 00:27:00,320 --> 00:27:03,840 Ac os byddaf yn mynd yn ôl at fy porwr yma ac ewch i table.html, 615 00:27:03,840 --> 00:27:05,840 gallwch weld rhywbeth fel hyn, erchyll. 616 00:27:05,840 --> 00:27:07,840 Ond byddwn yn cyrraedd y pwynt lle y gallwn mewn gwirionedd 617 00:27:07,840 --> 00:27:09,260 gwneud pethau'n prettier na hynny. 618 00:27:09,260 --> 00:27:10,530 >> Felly, gadewch i mi nodi am y tro. 619 00:27:10,530 --> 00:27:11,870 Mae tusw o fwy o dagiau. 620 00:27:11,870 --> 00:27:15,225 Ac HTML yn wych i godi oherwydd, a dweud y gwir, y cyfan sydd angen i chi ei wneud 621 00:27:15,225 --> 00:27:17,600 yn edrych ar dudalennau gwe sy'n bodoli eisoes eich bod yn gyfarwydd â hwy. 622 00:27:17,600 --> 00:27:20,340 A ydych chi fel, oh, dyna sut eu bod yn gwneud hyn yn esthetaidd. 623 00:27:20,340 --> 00:27:23,159 >> Neu gallwch edrych i fyny unrhyw ar-lein adnoddau o ran sut y HTML yn gweithio, 624 00:27:23,159 --> 00:27:25,700 a byddwch yn gweld bod yna geirfa cyfan o dagiau eraill. 625 00:27:25,700 --> 00:27:30,110 Ond gyda model meddyliol syml ei ben ei hun bod bron unrhyw tag byddwch yn agor 626 00:27:30,110 --> 00:27:33,620 wedi cael eu cau, y mae mewn gwirionedd ddim yn ddigon i addysgu eich hun 627 00:27:33,620 --> 00:27:36,950 HTML ar ôl deall y syniadau sylfaenol o dagiau 628 00:27:36,950 --> 00:27:40,520 a phriodoleddau ac mae'r-formedness yn dda ein bod wedi siarad am, 629 00:27:40,520 --> 00:27:44,697 unrhyw beth a cau y gallem agor fel nad ydym yn drysu porwr. 630 00:27:44,697 --> 00:27:46,780 Felly gadewch i ni bellach yn cymryd hyn i lefel fwy diddorol 631 00:27:46,780 --> 00:27:48,100 drwy fynd i'r gwir. 632 00:27:48,100 --> 00:27:51,095 A gadewch i ni fynd at fy Mac yma, i google.com. 633 00:27:51,095 --> 00:27:52,280 634 00:27:52,280 --> 00:27:54,020 Ac yn awr notice-- gadewch i ni wneud hyn. 635 00:27:54,020 --> 00:27:57,280 Rydw i'n gong i fynd i'r Settings, Chwilio Gosodiadau. 636 00:27:57,280 --> 00:28:01,070 Rwyf am i droi oddi ar y fan a'r lle yn blino beth canlyniadau lle mae'n unwaith 637 00:28:01,070 --> 00:28:02,450 yn dechrau ymateb i'ch teipio. 638 00:28:02,450 --> 00:28:05,300 Gadewch i ni wneud hyn yn yr ysgol hŷn, felly byddwn yn gweld beth sy'n digwydd. 639 00:28:05,300 --> 00:28:08,260 >> Felly, dw i'n mynd i achub fy Lleoliadau Google yma. 640 00:28:08,260 --> 00:28:11,160 Ac yn awr notice-- fy mod i'n mynd i chwilio am rywbeth fel cathod. 641 00:28:11,160 --> 00:28:14,500 Ac mae'n dal i wneud auto cyflawn yma, ond yn seiliedig ar y pethau 642 00:28:14,500 --> 00:28:15,970 mae pobl wedi ei deipio yn y gorffennol. 643 00:28:15,970 --> 00:28:17,490 Ond sylwi ar beth sy'n mynd i ddigwydd. 644 00:28:17,490 --> 00:28:20,272 >> Yn yr URL ar hyn o bryd yn hyn, dim ond google.com. 645 00:28:20,272 --> 00:28:22,650 Ac yn dechnegol, mae'n slaes. 646 00:28:22,650 --> 00:28:25,910 Google 'jyst arbed cymeriad ac nid gan ddangos i ni hynny. 647 00:28:25,910 --> 00:28:30,400 Maent yn cael eu dangos i ni https, dim ond i fod yn super galonogol ein bod yn 648 00:28:30,400 --> 00:28:32,850 ar dudalen ddiogel neu ei amgryptio. 649 00:28:32,850 --> 00:28:35,690 >> Felly, gadewch i mi fynd yn ei flaen ac yn chwilio am gathod. 650 00:28:35,690 --> 00:28:37,670 Nawr mae hyn got 'n sylweddol llethol yn gyflym. 651 00:28:37,670 --> 00:28:39,470 Edrychwch ar hyd y URL yma. 652 00:28:39,470 --> 00:28:43,070 Ond mae'n ymddangos bod y rhan fwyaf o'r pethau hyn yn yr URL mewn gwirionedd 'n bert' n annefnyddiol. 653 00:28:43,070 --> 00:28:45,320 Rydw i'n mynd i ddechrau ddileu pethau nad wyf yn deall. 654 00:28:45,320 --> 00:28:46,560 655 00:28:46,560 --> 00:28:47,360 Rwy'n gweld cathod. 656 00:28:47,360 --> 00:28:48,470 Deallaf cathod. 657 00:28:48,470 --> 00:28:50,380 Nid wyf yn gwybod pam mae cathod yn yno eto. 658 00:28:50,380 --> 00:28:52,620 Fi 'n sylweddol ddim yn gwybod beth mae hyn yn nonsens. 659 00:28:52,620 --> 00:28:56,030 Felly, Im 'jyst yn mynd i gadw amlygu a dileu stwff 660 00:28:56,030 --> 00:28:59,905 nad wyf yn ei ddeall, distyllu'r URL i mewn dim ond hyn. 661 00:28:59,905 --> 00:29:00,920 662 00:29:00,920 --> 00:29:02,270 >> Nawr, gadewch i mi gael mynd i mewn eto. 663 00:29:02,270 --> 00:29:03,814 Mae'n edrych fel Google yn dal i weithio. 664 00:29:03,814 --> 00:29:06,980 Felly, am ryw reswm, maent yn ychwanegu llawer o bethau i yn ddiofyn eu URL yn. 665 00:29:06,980 --> 00:29:09,000 Ond nid ei angen yn llym ei. 666 00:29:09,000 --> 00:29:10,340 Felly, yr hyn sy'n braf am hyn? 667 00:29:10,340 --> 00:29:13,630 Wel, gadewch i mi fynd yn ei flaen ac agor Arolygydd Chrome ar. 668 00:29:13,630 --> 00:29:15,960 Does fawr a shortcut llygoden ar ei gyfer. 669 00:29:15,960 --> 00:29:17,360 >> Ewch i'r tab Rhwydwaith. 670 00:29:17,360 --> 00:29:19,340 Ac yn awr gadewch i mi ail-lwytho y dudalen hon unwaith eto. 671 00:29:19,340 --> 00:29:20,280 A dwi'n dal Shift. 672 00:29:20,280 --> 00:29:22,520 Fel o'r neilltu, porwyr yn tueddu i cache neu gynilo 673 00:29:22,520 --> 00:29:24,697 gwybodaeth yn unig er mwyn effeithlonrwydd yn. 674 00:29:24,697 --> 00:29:27,280 Ond fel arfer, yn dal Shift a ail-lwytho yn gorfodi bopeth 675 00:29:27,280 --> 00:29:28,994 i ddechrau drosodd o'r dechrau. 676 00:29:28,994 --> 00:29:30,410 A dyna beth yr wyf eisiau ei wneud yma. 677 00:29:30,410 --> 00:29:33,550 >> Ac yn sylwi pob un o'r rhain rhesi fod ychydig yn ymddangos. 678 00:29:33,550 --> 00:29:37,920 Mae'n ymddangos bod mewn unrhyw gwe a roddir dudalen, efallai y byddai un ffeil yn unig 679 00:29:37,920 --> 00:29:43,500 involved-- hello.html-- neu yno Gallai fod yn 52, fel yn yr achos hwn. 680 00:29:43,500 --> 00:29:45,820 Pan fyddaf yn ymweld google.com, yn ôl pob golwg, mae fy porwr 681 00:29:45,820 --> 00:29:49,650 yn cychwyn 52 o geisiadau HTTP ar wahân. 682 00:29:49,650 --> 00:29:50,520 Pam hynny? 683 00:29:50,520 --> 00:29:53,380 >> Wel, edrych ar yr hyn sydd y tu mewn o y dudalen gwefan hon i fyny top. 684 00:29:53,380 --> 00:29:55,620 Does dim testun yn unig, ond mae lluniau go iawn 685 00:29:55,620 --> 00:29:57,130 cathod draw i'r dde. 686 00:29:57,130 --> 00:29:59,110 Mae 'na logo lliwgar i fyny yma ar y chwith. 687 00:29:59,110 --> 00:30:01,750 Mae pob un o'r eiconau hyn am meicroffon ac yn y blaen. 688 00:30:01,750 --> 00:30:05,130 Mae 'na lot o ddarnau, gan adeiladu blociau, darnau crafu, os gwnewch, 689 00:30:05,130 --> 00:30:06,250 at y dudalen yma. 690 00:30:06,250 --> 00:30:10,310 A'r hyn y mae'r porwr yn ei wneud ar cael y ffeil cyntaf un, a oedd yn 691 00:30:10,310 --> 00:30:16,180 yw rhes hyn yma, mae'n cael ei hanfod ailadrodd dros y top HTML 692 00:30:16,180 --> 00:30:19,880 i'r gwaelod, o'r chwith i'r dde, yn chwilio am pethau fel tagiau delwedd neu dagiau eraill 693 00:30:19,880 --> 00:30:23,160 sy'n cael eu crybwyll ffeiliau eraill a pan fydd yn eu gweld, yn mynd ac yn eu fetches 694 00:30:23,160 --> 00:30:26,050 drwy HTTP, cyfan yn hyfyw trosiad amlen, 695 00:30:26,050 --> 00:30:29,670 ac yna yn eu dangos yn y lleoliad priodol yn y dudalen we. 696 00:30:29,670 --> 00:30:33,370 >> Ond sylwi yma os wyf yn canolbwyntio ar y cathod taflu, chwilio cyntaf, 697 00:30:33,370 --> 00:30:37,090 hysbysiad ei fod, yn wir, ei fod yn defnyddio HTTP 1.1. 698 00:30:37,090 --> 00:30:41,690 Ac yn anffodus, Google Chrome ar hyn o bryd mewn fersiwn 39 699 00:30:41,690 --> 00:30:45,110 yn fath o bethau dumbing i lawr ac beidio â dangos i ni y penawdau gwirioneddol. 700 00:30:45,110 --> 00:30:49,680 Ond yr hyn oedd yn wir anfon yn gais am beidio slaes, ond / chwilio? q = cathod. 701 00:30:49,680 --> 00:30:52,830 702 00:30:52,830 --> 00:30:54,340 >> Yn awr, pam y mae mor bwysig â hynny? 703 00:30:54,340 --> 00:30:57,110 Wel, dw i'n mynd i awgrymu o hyn, os ydych yn Google 704 00:30:57,110 --> 00:31:01,520 cefnogi ymholiadau o'r ffurflen hon, pam peidiwch â wyf yn gweithredu fy chwilio hun 705 00:31:01,520 --> 00:31:06,420 peiriant ar gyfer CS50, ond dim ond y blaen ben, dim ond y rhyngwyneb defnyddiwr graffigol. 706 00:31:06,420 --> 00:31:09,610 A byddwn yn allanoli y pen ôl, y chwiliad gwirioneddol canlyniadau i Google. 707 00:31:09,610 --> 00:31:10,510 >> Felly, sut y gallaf wneud hyn? 708 00:31:10,510 --> 00:31:13,820 Wel, gadewch i mi fynd i mewn i gedit dros yma. 709 00:31:13,820 --> 00:31:19,180 A gadewch i mi fynd yn ei flaen ac yn agor i fyny, gadewch i ni ddweud, ffeil newydd. 710 00:31:19,180 --> 00:31:22,280 Ac yr wyf i'n mynd i achub hyn dros dro fel chwilio-0.html. 711 00:31:22,280 --> 00:31:25,111 712 00:31:25,111 --> 00:31:27,860 Ac yna yn y pen draw, rydym annhymerus gyflym ymlaen at yr un yr wyf yn ei baratoi ymlaen llaw. 713 00:31:27,860 --> 00:31:30,190 >> Ac yr wyf i'n mynd i gyflym chwip i fyny doc math 714 00:31:30,190 --> 00:31:33,840 html html braced agored html braced agos. 715 00:31:33,840 --> 00:31:38,390 Yna rwy'n mynd i wneud pen pen yn agos teitl agored CS50 716 00:31:38,390 --> 00:31:40,150 Chwilio yn hytrach na chwilio Google. 717 00:31:40,150 --> 00:31:43,480 Lawr yma yr wyf i'n mynd i gael y corff, corff i lawr yma yn agos. 718 00:31:43,480 --> 00:31:45,835 Ac yn awr mae angen i CS50 Search I. 719 00:31:45,835 --> 00:31:47,710 Ac mewn gwirionedd, gadewch i ni adeiladu'r hyn yn raddol. 720 00:31:47,710 --> 00:31:51,043 Rydw i'n mynd i fynd yn ei flaen a chau hyn a mewn gwirionedd yn ei roi yn fy cyfeiriadur gyhoeddus. 721 00:31:51,043 --> 00:31:52,730 Felly, yn rhoi dim ond un eiliad i mi. 722 00:31:52,730 --> 00:31:55,390 chwilio-0.html-- Rydw i'n mynd i dymhorol alw yn search.html. 723 00:31:55,390 --> 00:31:56,600 724 00:31:56,600 --> 00:31:59,750 Rydw i'n mynd i chmod ei fod yn search.html + r. 725 00:31:59,750 --> 00:32:01,072 726 00:32:01,072 --> 00:32:02,280 Ac yn awr yr wyf i'n mynd i agor. 727 00:32:02,280 --> 00:32:03,224 728 00:32:03,224 --> 00:32:04,390 Mae pob hawl, fel eu bod yn gyflym. 729 00:32:04,390 --> 00:32:06,800 Ond y nod yn syml oedd i fynd â ni at y pwynt 730 00:32:06,800 --> 00:32:09,630 o gael testun hwn ffeil o'r enw search.html. 731 00:32:09,630 --> 00:32:10,940 732 00:32:10,940 --> 00:32:12,790 Felly, nid yw llawer i edrych ar eto. 733 00:32:12,790 --> 00:32:16,970 Yn wir, os af i fy porwr, ac ewch i search.html, dyna i gyd ei fod yn. 734 00:32:16,970 --> 00:32:17,720 Ond eich bod yn gwybod beth? 735 00:32:17,720 --> 00:32:19,000 Gallaf fod ychydig yn ffansi. 736 00:32:19,000 --> 00:32:22,710 Rwyf yn darllen mewn llyfr fod yna tag pennawd o'r enw h1. 737 00:32:22,710 --> 00:32:26,100 Ac yr wyf i'n mynd i fynd yn ei flaen ac defnyddio hynny h1 agored a h1 agos. 738 00:32:26,100 --> 00:32:27,220 Ail-lwytho y dudalen. 739 00:32:27,220 --> 00:32:29,600 Ac yn awr ei fod yn fwy ac yn fwy beiddgar, nid yw pob bod yn ddiddorol, 740 00:32:29,600 --> 00:32:32,399 ond o leiaf ei fod yn strwythurol yn fwy diddorol. 741 00:32:32,399 --> 00:32:33,940 Ond yn awr gadewch i mi gyflwyno tag arall. 742 00:32:33,940 --> 00:32:36,500 Mae'n troi allan mae ffurflen tag. 743 00:32:36,500 --> 00:32:38,400 A gadewch i mi gau'r tag hwnnw. 744 00:32:38,400 --> 00:32:40,830 Ac mae'n troi allan yno yn tag mewnbwn hwnnw 745 00:32:40,830 --> 00:32:44,600 Mae gan priodoledd o'r enw math, a oedd yw'r math data o y cae, 746 00:32:44,600 --> 00:32:45,200 os mynnwch. 747 00:32:45,200 --> 00:32:47,050 Ac yn mynd i fod o destun fath. 748 00:32:47,050 --> 00:32:52,200 Ac mae ei werth yn mynd i fod yn CS50 Chwilio. 749 00:32:52,200 --> 00:32:53,850 Tag Close. 750 00:32:53,850 --> 00:32:57,100 Ac mae mynd i fod unrhyw syniad o agor ac yn cau gyda tagiau ar wahân. 751 00:32:57,100 --> 00:33:00,300 >> Gadewch i mi fynd yn ôl dros yma ac gweld beth sy'n mynd ymlaen, ail-lwytho. 752 00:33:00,300 --> 00:33:01,380 Cael diddorol. 753 00:33:01,380 --> 00:33:02,950 Mae'n edrych fel ei fod yn faes testun. 754 00:33:02,950 --> 00:33:04,080 755 00:33:04,080 --> 00:33:06,999 Ac mewn gwirionedd, doeddwn i ddim eisiau rhoi gwerth yno eto. 756 00:33:06,999 --> 00:33:10,040 Gadewch i mi fynd yn ôl yma ac mewn gwirionedd yn cael gwared ar y gwerth hwn i'w gadw'n syml. 757 00:33:10,040 --> 00:33:12,939 Yn hytrach na gwerth, yr hyn oeddwn i eisiau i roi peth hwn yn enw. 758 00:33:12,939 --> 00:33:15,230 Ac nid wyf yn gwybod beth ydyw, felly byddaf yn dod yn ôl at hynny. 759 00:33:15,230 --> 00:33:18,270 >> Ond yn is na hynny, yr wyf am i wneud y math mewnbwn = cyflwyno. 760 00:33:18,270 --> 00:33:19,840 761 00:33:19,840 --> 00:33:22,120 A bydd y gwerth hwn yn CS50 Chwilio. 762 00:33:22,120 --> 00:33:24,850 A byddwn yn gweld pam yr wyf symudodd y gwerth i hyn. 763 00:33:24,850 --> 00:33:28,900 Pan fyddaf yn ail-lwytho, yr wyf yn ymddangos i bellach dechreuadau fy chwilio hun 764 00:33:28,900 --> 00:33:30,820 injan, super erchyll, ond dweud y gwir, 'i' 765 00:33:30,820 --> 00:33:34,260 nid yw tafliad ymhell o beth Dudalen diofyn Google yn edrych fel. 766 00:33:34,260 --> 00:33:37,950 >> Os byddaf yn mynd fan hyn nawr, gallaf deipio i mewn cathod a gobeithio cliciwch Chwilio. 767 00:33:37,950 --> 00:33:40,380 Ond dydw i ddim yn hollol wneud eto, oherwydd nid wyf wedi rhoi ar waith, 768 00:33:40,380 --> 00:33:41,045 yn amlwg, cronfa ddata. 769 00:33:41,045 --> 00:33:42,940 Nid wyf wedi cropian y we ar gyfer canlyniadau chwilio. 770 00:33:42,940 --> 00:33:44,840 Felly mae angen i mi allanoli hynny i Google. 771 00:33:44,840 --> 00:33:46,290 Felly sut ydw i'n gwneud hyn? 772 00:33:46,290 --> 00:33:49,170 >> Wel, yn gyntaf oll i mi Mae angen i ychwanegu a gweithredu 773 00:33:49,170 --> 00:33:58,460 priodoli i fy ffurflen tag sy'n yw http://www.google.com/search. 774 00:33:58,460 --> 00:34:01,180 Ac yr wyf yn gwybod mai dim ond o gael casglu drwy edrych yn fanwl 775 00:34:01,180 --> 00:34:02,505 yn eu URL yn. 776 00:34:02,505 --> 00:34:03,380 Ac yn awr yn cymryd dyfalu. 777 00:34:03,380 --> 00:34:09,090 Beth ddylai y maes testun yn ôl pob tebyg yn cael eu galw, yn seiliedig ar le y daethom 778 00:34:09,090 --> 00:34:09,754 o o'r blaen? 779 00:34:09,754 --> 00:34:11,896 780 00:34:11,896 --> 00:34:13,290 >> GYNULLEIDFA:? Q. 781 00:34:13,290 --> 00:34:14,370 >> DAVID J Malan:? Q. 782 00:34:14,370 --> 00:34:17,800 Ac nid oes mewn gwirionedd yn rhaid i gwestiwn i ni farcio mae'n troi allan, ond mae q yn wir iddo, 783 00:34:17,800 --> 00:34:20,489 q am ymholiad yn ôl pob tebyg gan diofyn, dim ond oherwydd dyna 784 00:34:20,489 --> 00:34:23,060 beth Larry a Sergey feddyliodd am flynyddoedd yn ôl. 785 00:34:23,060 --> 00:34:24,739 Felly nawr gadewch i mi ail-lwytho y dudalen hon. 786 00:34:24,739 --> 00:34:26,409 Nid yw'n edrych yn gyd yn wahanol hwnnw. 787 00:34:26,409 --> 00:34:28,120 Ond yn awr gwyliwch beth sy'n digwydd. 788 00:34:28,120 --> 00:34:32,360 >> Os byddaf yn teipio mewn cathod a cliciwch CS50 Chwilio ac yn gadael i fynd, 789 00:34:32,360 --> 00:34:35,770 yn sylwi fy mod yn cael cludo i ffwrdd i gwirioneddol Google. 790 00:34:35,770 --> 00:34:38,150 Yn awr, Google hynny'n rhy blino yn eu bod yn 791 00:34:38,150 --> 00:34:41,877 atodi baramedr ychwanegol, os mynnwch, i'r URL. 792 00:34:41,877 --> 00:34:43,960 Dyna i gyd yn digwydd awtomatig ar ochr Google. 793 00:34:43,960 --> 00:34:48,730 >> Mae'r rhan bwysig yw fy mod yn ymddangos i wedi creu cais hwn yn fan hyn. 794 00:34:48,730 --> 00:34:50,179 Ac yn wir, dyna beth fydd yn digwydd. 795 00:34:50,179 --> 00:34:53,040 Pan fyddwch wedi HTML sy'n yn edrych fel hyn, mae hyn yn 796 00:34:53,040 --> 00:34:57,620 yn fath o ddatblygwyr gwe nodiant dros ddweud, mynd yn ei flaen a chreu ffurflen 797 00:34:57,620 --> 00:34:59,990 bod pan gaiff ei gyflwyno, mae'n mynd i fynd i'r URL yma. 798 00:34:59,990 --> 00:35:03,430 A phan fydd y URL wedi darparu gwerthoedd ar gyfer pethau fel q, 799 00:35:03,430 --> 00:35:05,440 peidiwch â mynd yn unig i URL yma. 800 00:35:05,440 --> 00:35:08,210 A dweud y gwir, ewch i gwestiwn marc ac yna q = cathod. 801 00:35:08,210 --> 00:35:09,590 802 00:35:09,590 --> 00:35:13,060 Atodi y paramedr, mae'r Paramedr HTTP fel 'na. 803 00:35:13,060 --> 00:35:15,590 >> A dim ond i fod yn super fanwl gywir, beth sy'n cael ei casglu Yma-- 804 00:35:15,590 --> 00:35:18,130 ond byddaf yn fwy explicit-- yw bod y dull yr wyf am ei ddefnyddio 805 00:35:18,130 --> 00:35:22,270 yn ei gael, yn hytrach na rhywbeth fel post, y byddwn yn y pen draw yn gweld. 806 00:35:22,270 --> 00:35:27,710 Felly, yn fyr, dim ond drwy ddeall HTML a defnyddio rhai tagiau gweddol syml, 807 00:35:27,710 --> 00:35:30,610 gallwn yn awr yn dechrau creu ein defnyddiwr terfynol ffrynt ei hun 808 00:35:30,610 --> 00:35:32,850 rhyngwyneb gyda chwiliad peiriant y tu ôl iddo. 809 00:35:32,850 --> 00:35:34,800 >> Ond mae hyn, wrth gwrs, yn eithaf erchyll. 810 00:35:34,800 --> 00:35:37,259 Felly, gadewch i mi mewn gwirionedd yn agor i fyny fersiwn ychydig yn well. 811 00:35:37,259 --> 00:35:39,800 Mae hwn yn un yr wyf yn paratoi yn ymlaen llaw sydd â rhai sylwadau. 812 00:35:39,800 --> 00:35:41,900 Ond byddwch yn gweld fy mod 'n bert lawer ei hail-greu. 813 00:35:41,900 --> 00:35:44,150 Felly, mae hyn eisoes ar gael ar-lein. 814 00:35:44,150 --> 00:35:48,050 Ac yr wyf ddim yn digwydd i preemptively ewch i https dim ond er mwyn cadw pethau'n syml. 815 00:35:48,050 --> 00:35:50,610 >> Ac yn awr gadewch i ni agor fersiwn nesaf o hyn. 816 00:35:50,610 --> 00:35:52,510 A yw fersiwn 1 yn lle 0. 817 00:35:52,510 --> 00:35:55,315 Beth sy'n neidio allan ar chi fel ychydig yn wahanol yn yr enghraifft hon? 818 00:35:55,315 --> 00:35:59,480 819 00:35:59,480 --> 00:36:00,440 >> GYNULLEIDFA: [Anghlywadwy]. 820 00:36:00,440 --> 00:36:03,020 >> Yeah, mae hyn yn ganolfan alinio testun. 821 00:36:03,020 --> 00:36:04,590 Mae hyn ychydig yn od i fyny yma. 822 00:36:04,590 --> 00:36:06,150 Ond mae hyn yn wir yn newydd. 823 00:36:06,150 --> 00:36:07,800 Ac efallai dyfalu beth sy'n mynd i ddigwydd. 824 00:36:07,800 --> 00:36:11,730 Os byddaf yn mynd i fy porwr nawr ac ewch i chwilio-1.html, 825 00:36:11,730 --> 00:36:13,090 mae bron yr un peth. 826 00:36:13,090 --> 00:36:15,705 Ond mae'n gam yn nes at fod ychydig yn fwy 'n bert. 827 00:36:15,705 --> 00:36:19,150 Mae'n dal i fod yn hyll, ond prettier yn hynny bellach o leiaf popeth yn canolbwyntio. 828 00:36:19,150 --> 00:36:23,470 >> Felly, mae'n troi allan bod yr hyn rwy'n ei ddefnyddio mae iaith arall a elwir yn gyfan gwbl 829 00:36:23,470 --> 00:36:25,680 CSS, taflenni arddull rhaeadrol. 830 00:36:25,680 --> 00:36:28,310 A CSS, dweud y gwir, yn garedig o, yn fy marn bersonol, 831 00:36:28,310 --> 00:36:29,775 iaith a gynlluniwyd atrociously. 832 00:36:29,775 --> 00:36:33,110 Mae'n iawn yn blino i gofio holl wahanol fanylion. 833 00:36:33,110 --> 00:36:38,479 Ond mae'n beth stylizes yw'r cyfan we fyd-eang heddiw. 834 00:36:38,479 --> 00:36:39,270 I troseddu rhywun. 835 00:36:39,270 --> 00:36:39,769 Mae pob hawl. 836 00:36:39,769 --> 00:36:43,180 Felly, gadewch i ni fynd yn ôl yma ac yn gweld sut rydym yn mewn gwirionedd yn arfer hon. 837 00:36:43,180 --> 00:36:45,940 Ac mae'n troi allan, o leiaf ei fod yn mewn gwirionedd yn iaith eithaf syml. 838 00:36:45,940 --> 00:36:49,470 Mae'n parau gwerth allweddol yn unig, eiddo a gwerthoedd, priodweddau a gwerthoedd. 839 00:36:49,470 --> 00:36:52,080 Yn wir, dyma un eiddo a gwerth o'r fath. 840 00:36:52,080 --> 00:36:55,890 >> Yn syml drwy ddefnyddio'r arddull priodoli ar tag fy nghorff 841 00:36:55,890 --> 00:37:00,360 a gan roi gwerth colon air a gair arall, 842 00:37:00,360 --> 00:37:03,730 neu eiddo a gwerth, Rwy'n gallu effeithio ar estheteg 843 00:37:03,730 --> 00:37:06,210 o'r dudalen we, nid reidrwydd strwythur eto, 844 00:37:06,210 --> 00:37:07,550 ond mae'r estheteg ohono. 845 00:37:07,550 --> 00:37:10,960 A dim ond drwy Googling o gwmpas, yr wyf yn sylweddoli bod taflenni CSS, arddull rhaeadru, 846 00:37:10,960 --> 00:37:14,170 cefnogi eiddo o'r enw testun-alinio, y mae eu gwerth yn gallu 847 00:37:14,170 --> 00:37:16,980 yn cael ei adael, dde, neu ganolfan, er enghraifft. 848 00:37:16,980 --> 00:37:19,990 >> Felly nawr pan fyddaf yn ail-lwytho y dudalen hon, yr hyn yr wyf yn ei gael 849 00:37:19,990 --> 00:37:22,730 Roedd tudalen sy'n canolbwyntio, ond yn dal yn eithaf hyll. 850 00:37:22,730 --> 00:37:25,770 Gadewch i ni fynd yn ei flaen ac yn agor i fyny fersiwn 2 o Chwilio. 851 00:37:25,770 --> 00:37:28,570 Ac yn awr yn sylwi fy mod i wedi gwneud ychydig yn fwy. 852 00:37:28,570 --> 00:37:33,760 Hysbysiad bod hyd yma y tu mewn i'r pen tag, gall fod mwy nag teitl. 853 00:37:33,760 --> 00:37:35,400 Yn wir, mae 'na tag steil. 854 00:37:35,400 --> 00:37:38,630 A dyma lle 'i jyst yn cael Ychydig CSS i weld gwahanol anniben weithiau. 855 00:37:38,630 --> 00:37:41,971 >> Hysbysiad sy'n ymddangos i mi gael rhywbeth hynny strwythurol yn edrych yn wahanol iawn. 856 00:37:41,971 --> 00:37:44,095 Ond dyma yw enw y tag rwyf am arddullaidd. 857 00:37:44,095 --> 00:37:47,570 Dyma ein hen gyfeillion cyrliog bresys a Brace cyrliog caeedig. 858 00:37:47,570 --> 00:37:50,290 Ac yna yma yw bod eiddo a'i werth. 859 00:37:50,290 --> 00:37:56,300 >> Os byddaf yn llwytho y ffeil, search2.html, y canlyniad terfynol yn union yr un fath. 860 00:37:56,300 --> 00:37:59,300 Ond mae'n gam tuag at ddyluniad gwell. 861 00:37:59,300 --> 00:38:04,560 Drwy ffactoreiddio allan CSS hwn, rydw i wedi Nid cymysg 'i ag fy HTML. 862 00:38:04,560 --> 00:38:07,560 Ac yn wir, fel y byddwn yn gweld, y gallwn ailddefnyddio adeiladau a gwerthoedd hyn. 863 00:38:07,560 --> 00:38:10,420 Os byddaf eisiau gwneud sypiau o rhannau o fy tudalen ar y we sy'n canolbwyntio ar, 864 00:38:10,420 --> 00:38:13,630 Nid oes rhaid i mi deipio arddull = testun-alinio canolfan i gyd dros y lle. 865 00:38:13,630 --> 00:38:16,580 Gallaf roi mewn un lle efallai, yn hoffi i fyny ar y brig. 866 00:38:16,580 --> 00:38:18,210 >> Ond hyd yn oed nid yw hyn yn y dyluniad gorau. 867 00:38:18,210 --> 00:38:21,720 Yn wir, un o'r pethau y byddwch yn dysgu wrth i chi dreulio mwy a mwy o amser gyda 868 00:38:21,720 --> 00:38:25,730 rhaglennu ar y we yw bod y mwy gallwch modiwlareiddio pethau a ffactor pethau allan 869 00:38:25,730 --> 00:38:30,610 fel ffeiliau .h gadewch i ni pethau ffactor allan, helpers.c hoffi gadael i ffactor i ni bethau allan 870 00:38:30,610 --> 00:38:31,880 ychydig psets yn ôl. 871 00:38:31,880 --> 00:38:34,200 Yn yr un modd, efallai i ni am ei gyflawni hyn. 872 00:38:34,200 --> 00:38:37,920 >> Felly, yn sylwi yn y fersiwn tri o search.html gen i 873 00:38:37,920 --> 00:38:40,610 glanhau i fyny 'r pennaeth y dudalen a dim ond rhoi 874 00:38:40,610 --> 00:38:43,320 yn hyn, mae tag cyswllt, a oedd groes i'r enw, 875 00:38:43,320 --> 00:38:44,700 nid yw'n rhoi hypergyswllt i chi. 876 00:38:44,700 --> 00:38:49,150 Mae'n cysylltu â ffeil arall drwy gyfrwng mae href y mae ei gwerth yn yr achos hwn, 877 00:38:49,150 --> 00:38:51,586 yn chwilio-3.css 878 00:38:51,586 --> 00:38:52,960 Felly, yr wyf yn sylweddoli ein bod ni'n mynd yn gyflym. 879 00:38:52,960 --> 00:38:54,600 Ond yr holl wyf i'n gwneud yn garedig o symud pethau o gwmpas. 880 00:38:54,600 --> 00:38:55,760 Gadewch i mi agor chwilio-3.css. 881 00:38:55,760 --> 00:38:57,114 882 00:38:57,114 --> 00:38:58,530 Yno y mae, dim byd mewn gwirionedd iddo. 883 00:38:58,530 --> 00:39:02,270 Fi jyst copïo a gludo i mewn i newydd ffeilio, yn debyg iawn i ni ffactoreiddio pethau allan 884 00:39:02,270 --> 00:39:03,509 i mewn i ffeiliau eraill o'r blaen. 885 00:39:03,509 --> 00:39:05,300 Ac mae'r result-- hollol underwhelming-- 886 00:39:05,300 --> 00:39:06,730 yn mynd i fod yn union yr un fath. 887 00:39:06,730 --> 00:39:10,490 Ond rydym yn symud toward-- na, nid yw'n. 888 00:39:10,490 --> 00:39:11,930 O, rwy'n gwybod pam. 889 00:39:11,930 --> 00:39:13,790 >> Felly, mae'n ymddangos i fod yn bug. 890 00:39:13,790 --> 00:39:15,010 Ac y mae mewn rhyw ystyr. 891 00:39:15,010 --> 00:39:17,730 Ond gadewch i mi agor fy tab Rhwydwaith. 892 00:39:17,730 --> 00:39:19,660 Gadewch i mi ail-lwytho y dudalen. 893 00:39:19,660 --> 00:39:23,315 Ah, pam y mae'r CSS beidio cael eu cymhwyso? 894 00:39:23,315 --> 00:39:26,920 Wel, y ffeil CSS, yn yr un modd, mae gan i fod yn fyd ddarllenadwy, fel petai. 895 00:39:26,920 --> 00:39:28,440 Ac mae hefyd yn cael ei wahardd ar hyn o bryd. 896 00:39:28,440 --> 00:39:33,760 Felly, gadewch i mi wneud chmod a + r o seren dot CSS-- whoops-- 897 00:39:33,760 --> 00:39:37,067 rydym yn dot CSS yn unig yw estyniad ffeil ar gyfer ffeiliau CSS. 898 00:39:37,067 --> 00:39:38,900 Yn awr gad i mi fynd yn ôl i fy porwr ac ail-lwytho. 899 00:39:38,900 --> 00:39:40,910 OK, ychydig yn well. 900 00:39:40,910 --> 00:39:42,282 >> Nawr, gadewch i mi wneud un peth diwethaf. 901 00:39:42,282 --> 00:39:42,990 Yn chwilio-4.html. 902 00:39:42,990 --> 00:39:44,550 903 00:39:44,550 --> 00:39:48,220 Mae gen i fersiwn yr wyf newydd ei meddwl Roedd ffordd oerach, er yn ffordd fwy 904 00:39:48,220 --> 00:39:48,980 gymhleth. 905 00:39:48,980 --> 00:39:50,690 Gadewch i ni edrych ar y canlyniad cyntaf. 906 00:39:50,690 --> 00:39:52,290 Caewch hyn er mwyn rhoi mwy o le i ni. 907 00:39:52,290 --> 00:39:54,275 Newid hyn i chwilio-4, Enter. 908 00:39:54,275 --> 00:39:55,430 909 00:39:55,430 --> 00:39:57,200 >> Ac yn awr criw o bethau yn cael eu torri. 910 00:39:57,200 --> 00:39:59,910 Rydw i'n mynd i fynd yn ôl i mewn i fy cyfeiriadur yma. 911 00:39:59,910 --> 00:40:04,190 Ac yn awr Im 'jyst yn mynd i wneud a chmod o a + r ar file-- 912 00:40:04,190 --> 00:40:07,450 gan fy mod yn gwybod ei fod exists-- gelwir logo.gif, sef delwedd. 913 00:40:07,450 --> 00:40:08,590 Ac yn ail-lwytho yn awr. 914 00:40:08,590 --> 00:40:11,040 Ac yn wow-- felly nawr rwy'n eithaf agos, dweud y gwir, 915 00:40:11,040 --> 00:40:15,860 i yn hoffi y fersiwn 1999 o Google, ac dweud y gwir, mae'r fersiwn 2014 o Google, 916 00:40:15,860 --> 00:40:16,360 iawn? 917 00:40:16,360 --> 00:40:21,920 >> Felly, mae'n awr yn mynd at eu gwefan, yn y pen draw, os wyf yn chwilio am cathod. 918 00:40:21,920 --> 00:40:23,900 Ac yn wir y mae. 919 00:40:23,900 --> 00:40:26,410 Ond beth wnaeth i mi ei wneud yn wahanol yn y fersiwn 4? 920 00:40:26,410 --> 00:40:28,020 Felly, ni fyddwn yn trigo gormod arno yma. 921 00:40:28,020 --> 00:40:30,100 Byddwch yn gweld hyn yn broblem gosod saith yn y pen draw. 922 00:40:30,100 --> 00:40:31,350 Ond sylwi wnes i ychydig o bethau. 923 00:40:31,350 --> 00:40:33,690 >> Cyflwynais div tag, sef is-adran, 924 00:40:33,690 --> 00:40:35,450 debyg o ran ysbryd i'r tag paragraff. 925 00:40:35,450 --> 00:40:38,220 Ond mae is-adran yn union fel, dyma rhanbarth anweledig hirsgwar 926 00:40:38,220 --> 00:40:39,150 y sgrin. 927 00:40:39,150 --> 00:40:41,680 Gadewch i ni roi cynnig unigryw dynodwr, troedyn, dim ond 928 00:40:41,680 --> 00:40:44,700 fel y gallwn siarad am ei fod yn ein HTML mewn mannau eraill. 929 00:40:44,700 --> 00:40:47,952 Dyma div arall o'r dudalen y mae eu ID yn mynd i fod y cynnwys. 930 00:40:47,952 --> 00:40:49,160 Mae'n cynnwys y dudalen. 931 00:40:49,160 --> 00:40:51,090 A hyd yma yw'r pennawd y dudalen. 932 00:40:51,090 --> 00:40:54,960 >> Mewn geiriau eraill, yr wyf i wedi yn y bôn yn HTML wyf yn feddyliol 933 00:40:54,960 --> 00:40:57,700 edrych ar y dudalen yma fel tair cydran, a header 934 00:40:57,700 --> 00:41:01,200 hyd yma gyda hwn petryal anweledig, cynnwys yn y canol, ac yna 935 00:41:01,200 --> 00:41:04,800 y troedyn i lawr isod, hyd yn oed er nad ydym yn gweld y pethau hynny. 936 00:41:04,800 --> 00:41:09,940 Oherwydd yr wyf am i yn fy mhen o dudalen fan hyn, neu mewn ffeil .css, 937 00:41:09,940 --> 00:41:11,460 Gallaf ddefnyddio cystrawen hwn. 938 00:41:11,460 --> 00:41:13,070 >> Nid yw pennawd yn tag. 939 00:41:13,070 --> 00:41:17,060 Mae'n ID felly mae'n troi allan drwy wneud #header, 940 00:41:17,060 --> 00:41:20,840 Gallaf nawr wneud cais un neu ragor eiddo i'r header. 941 00:41:20,840 --> 00:41:24,130 Rwy'n gallu gwneud yr un cynnwys, yr un peth ar gyfer y cynnwys yma. 942 00:41:24,130 --> 00:41:27,230 >> Felly, er enghraifft, yn y troedyn, rhybudd pob un o'r eiddo hyn i ddim yn ychwanegu. 943 00:41:27,230 --> 00:41:30,660 Ac yr wyf yn gwybod eu bod yn bodoli dim ond drwy ddarllen i fyny ar y dogfennau ar gyfer CSS. 944 00:41:30,660 --> 00:41:33,450 Maint y ffont yn mynd i fod smaller-- felly mae rhai maint ffont perthynol. 945 00:41:33,450 --> 00:41:34,741 Mae'r pwysau yn mynd i fod yn feiddgar. 946 00:41:34,741 --> 00:41:37,340 Margin-- faint o picsel gwmpas iddo-- yw 20 picsel. 947 00:41:37,340 --> 00:41:38,590 Ac mae'n mynd i gael ei ganoli. 948 00:41:38,590 --> 00:41:40,256 >> Ond ar hyn o bryd, mae'r dudalen yn edrych fel hyn. 949 00:41:40,256 --> 00:41:42,840 Os nad wyf yn hapus â'r fy copi iawn yno, 950 00:41:42,840 --> 00:41:46,560 Gallwn i wneud rhywbeth fel goch lliw. 951 00:41:46,560 --> 00:41:50,570 Ac yna gallaf arbed hyn, ail-lwytho, ac yn awr yr wyf i wedi arddullaidd y troedyn. 952 00:41:50,570 --> 00:41:54,130 Felly, mae hyn yn unig yw hinting ar y pŵer o'r hyn y gallwch ei wneud mewn tudalen we 953 00:41:54,130 --> 00:41:55,510 i newid pethau o gwmpas. 954 00:41:55,510 --> 00:41:59,080 >> A hyd yn oed yn oerach na hyn, os ydych yn dymuno i brocio o gwmpas gyda gwefannau gwirioneddol, 955 00:41:59,080 --> 00:42:00,810 nad ydych yn gallu eu newid yn barhaol. 956 00:42:00,810 --> 00:42:03,640 Ond os wyf yn agor i fyny Arolygydd Chrome eto 957 00:42:03,640 --> 00:42:07,610 ac nid wyf yn mynd at yr ochr chwith yma, sy'n dangos HTML Facebook yn, 958 00:42:07,610 --> 00:42:11,380 ond yn dangos ar y dde ochr ei holl CSS, 959 00:42:11,380 --> 00:42:13,789 gallwch naill ai a newid pethau ar y hedfan. 960 00:42:13,789 --> 00:42:15,080 Felly, gadewch i mi fynd yn ei flaen ac yn gwneud hyn. 961 00:42:15,080 --> 00:42:18,670 >> Gadewch i mi fynd yn ei flaen ac yn rheoli cliciwch ar y gair ar hap fan hyn, 962 00:42:18,670 --> 00:42:21,230 llofnodi, a chliciwch Archwilio Elfen. 963 00:42:21,230 --> 00:42:25,130 Chrome yn gyfleus iawn yn neidio i y tag h1 a Facebook yn ei ddefnyddio. 964 00:42:25,130 --> 00:42:27,290 Ac yn sylwi yma Facebook Mae gan fath o lazily 965 00:42:27,290 --> 00:42:29,960 codio galed maint y ffont fel eiddo yma. 966 00:42:29,960 --> 00:42:33,530 >> Felly, y peth oer er yw os wyf mewn gwirionedd yn mynd i mewn yma 967 00:42:33,530 --> 00:42:39,560 ac yn dweud, oh, Facebook, dwi ddim yn hoffi hynny 64 picsel, gallwn yn awr yn newid Facebook. 968 00:42:39,560 --> 00:42:42,590 Wrth gwrs, rydym yn unig ei newid i mi yn bersonol ar hyn o bryd. 969 00:42:42,590 --> 00:42:45,150 Ond mae hyn yn unig yw un arall offeryn yn ein pecyn cymorth 970 00:42:45,150 --> 00:42:48,360 mae hynny'n mynd i ganiatáu i ni i tweak a chyfrif i maes a hefyd yn gwneud diagnosis 971 00:42:48,360 --> 00:42:49,729 materion yn ein tudalennau gwe eu hunain. 972 00:42:49,729 --> 00:42:52,270 A gallem fynd yn yr un modd dros yma, sef yr un peth. 973 00:42:52,270 --> 00:42:55,830 Os ydych wir eisiau cael ffansi, yr wyf yn yn golygu, yn awr gallwch chi wir yn treiglo'n y dudalen 974 00:42:55,830 --> 00:42:57,380 ac yn gwneud pethau gwallgof. 975 00:42:57,380 --> 00:42:59,870 >> Felly pam mae hyn i gyd yn ddefnyddiol? 976 00:42:59,870 --> 00:43:02,330 Wel, yn y pen draw, rydym yn mynd i eisiau bod yn 977 00:43:02,330 --> 00:43:07,110 gallu creu tudalennau gwe sy'n yn cael eu gyrru gan ein ben yn ôl eu hunain, 978 00:43:07,110 --> 00:43:10,520 nid gan ddim ond Google a allanoli'r pen yn ôl yno. 979 00:43:10,520 --> 00:43:13,510 Yr ydym mewn gwirionedd am i'r gwerth, er enghraifft, 980 00:43:13,510 --> 00:43:18,830 o weithredu ein peiriant chwilio yn priodoli i fynd i beidio â rywun arall, 981 00:43:18,830 --> 00:43:24,270 ond i rhywbeth fel search.php, lle mae search.php yw ar ein gweinydd hunain, 982 00:43:24,270 --> 00:43:25,670 nid ar rhywun arall. 983 00:43:25,670 --> 00:43:30,316 >> Ac felly i gyrraedd yno, yr ydym mewn gwirionedd Mae angen i gyflwyno iaith newydd. 984 00:43:30,316 --> 00:43:33,190 Felly, rydym eisoes wedi edrych ar un newydd iaith fan hyn, neu ddwy mewn gwirionedd, HTML 985 00:43:33,190 --> 00:43:33,700 a CSS. 986 00:43:33,700 --> 00:43:36,330 Ond maent mewn gwirionedd yn unig ieithoedd strwythurol ac esthetig. 987 00:43:36,330 --> 00:43:38,360 Nid ydynt yn rhaglennu ieithoedd fel y cyfryw. 988 00:43:38,360 --> 00:43:41,160 A dyna am gymaint ffurfiol amser ag y byddwn yn ei wario arnynt. 989 00:43:41,160 --> 00:43:44,910 Oherwydd byddwn yn dechrau nawr â throsglwyddo i PHP. 990 00:43:44,910 --> 00:43:48,160 >> Felly PHP yn wirioneddol iaith raglennu. 991 00:43:48,160 --> 00:43:50,750 Mae'n iaith sgriptio yn yr ystyr ei fod yn 992 00:43:50,750 --> 00:43:52,855 i fod pwysau ysgafnach na rhywbeth fel C. 993 00:43:52,855 --> 00:43:56,082 Ac mae'n iaith dehongli, sy'n golygu nad yw'n llunio. 994 00:43:56,082 --> 00:43:58,790 Felly, yn gryno, yr hyn a wnaeth ei olygu pan fyddwn yn defnyddio iaith fel c 995 00:43:58,790 --> 00:44:00,290 ac roedd rhaid i grynhoi ei? 996 00:44:00,290 --> 00:44:02,120 Beth mae'n ei olygu i lunio C cod ffynhonnell? 997 00:44:02,120 --> 00:44:03,864 998 00:44:03,864 --> 00:44:04,780 GYNULLEIDFA: [Anghlywadwy]. 999 00:44:04,780 --> 00:44:06,184 DAVID J Malan: Dweud eto? 1000 00:44:06,184 --> 00:44:07,100 GYNULLEIDFA: [Anghlywadwy]. 1001 00:44:07,100 --> 00:44:07,962 1002 00:44:07,962 --> 00:44:08,920 DAVID J Malan: Perffaith. 1003 00:44:08,920 --> 00:44:10,180 Mae'n troi i mewn deuaidd. 1004 00:44:10,180 --> 00:44:14,200 Mae'n troi i mewn i sero a rhai o cod ffynhonnell gwirioneddol Saesneg-debyg. 1005 00:44:14,200 --> 00:44:16,424 Ac yna gallwn mewn gwirionedd rhedeg sero a'r rhai y rhai 1006 00:44:16,424 --> 00:44:18,840 drwy eu pasio drwy'r CPU trwy glicio ddwywaith eicon 1007 00:44:18,840 --> 00:44:19,980 neu redeg archa. 1008 00:44:19,980 --> 00:44:23,770 >> PHP a Python a Ruby a Perl a JavaScript 1009 00:44:23,770 --> 00:44:26,250 a sypiau o eraill ieithoedd yn cael eu dehongli 1010 00:44:26,250 --> 00:44:29,290 ieithoedd, sef dweud nad ydych yn eu llunio. 1011 00:44:29,290 --> 00:44:34,220 Yn hytrach, yr ydych yn eu bwydo fel mewnbwn i rhaglen o'r enw cyfieithydd ar y pryd. 1012 00:44:34,220 --> 00:44:36,640 A bod y cyfieithydd, arall a ysgrifennodd pa rhywun, 1013 00:44:36,640 --> 00:44:40,930 darllen eich ffynhonnell cod top i'r gwaelod, o'r chwith i'r dde ac ychydig dehongli 1014 00:44:40,930 --> 00:44:43,000 llinellau hynny ac yn gwneud yr hyn rydych yn ei ddweud. 1015 00:44:43,000 --> 00:44:45,360 >> Felly, os ydych yn dod ar draws lein sy'n dweud print, 1016 00:44:45,360 --> 00:44:48,660 nid yw o reidrwydd drosi print at y zeros a rhai cyfatebol. 1017 00:44:48,660 --> 00:44:51,910 'I jyst wedi gyfieithydd hwn fel a os yw cyflwr mawr sy'n dweud, 1018 00:44:51,910 --> 00:44:56,110 os cyfarwyddyd rhaglennydd yw print, yna gwneud y canlynol. 1019 00:44:56,110 --> 00:44:58,170 Felly mae'n dehongli 'i jyst yn ôl math o resymu 1020 00:44:58,170 --> 00:44:59,800 trwy hyn yr ydych yn dweud iddo wneud. 1021 00:44:59,800 --> 00:45:01,320 >> A PHP yn un o'r ieithoedd hyn. 1022 00:45:01,320 --> 00:45:05,310 A PHP flynyddoedd yn ôl ei gynllunio yn union ar gyfer rhaglennu we. 1023 00:45:05,310 --> 00:45:08,160 Ac yr oedd yn y dechrau yn iaith anniben flêr iawn. 1024 00:45:08,160 --> 00:45:10,940 Ac yn wir, mae 'na enfawr swm y cod PHP drwg i maes 'na. 1025 00:45:10,940 --> 00:45:13,520 Ond mae'r iaith ei hun wedi aeddfedu dros y blynyddoedd, 1026 00:45:13,520 --> 00:45:16,200 cymaint felly fel bod nawr mae'n mewn gwirionedd yn gam nesaf gwych 1027 00:45:16,200 --> 00:45:19,970 bedagogaidd o C am ei fod yn mor darned gyfarwydd i bopeth 1028 00:45:19,970 --> 00:45:22,380 rydych chi newydd ei weld yn ystod yr wythnosau diwethaf. 1029 00:45:22,380 --> 00:45:25,724 >> Mae'r un gwahaniaeth cychwynnol byddwn yn gweld yw nad oes prif swyddogaeth anymore. 1030 00:45:25,724 --> 00:45:28,890 Pan fyddwch yn dechrau ysgrifennu cod, 'i' jyst mynd i gael eu gweithredu ni waeth beth, 1031 00:45:28,890 --> 00:45:30,220 fel y byddwn yn gweld mewn munud. 1032 00:45:30,220 --> 00:45:33,320 Yn y cyfamser, dyma beth a newidyn yn edrych fel yn PHP. 1033 00:45:33,320 --> 00:45:35,840 Mae'n ychydig yn wahanol, ond dim ond prin. 1034 00:45:35,840 --> 00:45:39,380 >> Yn PHP, does dim teipio cryf. 1035 00:45:39,380 --> 00:45:41,430 Mae teipio yr wythnos, a dim ond yn golygu bod 1036 00:45:41,430 --> 00:45:44,030 yn fathau data fel llinynnau a rhifau a phethau eraill. 1037 00:45:44,030 --> 00:45:47,030 Ond nad ydych yn trafferthu gan nodi beth ydyn nhw anymore. 1038 00:45:47,030 --> 00:45:48,980 PHP ffigurau allan ar eich rhan. 1039 00:45:48,980 --> 00:45:52,030 Mae'r arwydd doler yn unig yw penderfyniad bod y PHP pobl yn gwneud flynyddoedd 1040 00:45:52,030 --> 00:45:54,890 yn ôl fel bod unrhyw newidyn yn PHP dim ond yn dechrau gyda arwydd doler. 1041 00:45:54,890 --> 00:45:58,130 Mae'n mewn gwirionedd yn fath o ddefnyddiol yn hynny mae'n neidio allan ar chi ychydig yn fwy. 1042 00:45:58,130 --> 00:46:01,315 >> Ond ar ôl hynny, mae hyn yn yn gyflwr yn PHP. 1043 00:46:01,315 --> 00:46:03,140 1044 00:46:03,140 --> 00:46:04,730 Beth sy'n wahanol yn erbyn C? 1045 00:46:04,730 --> 00:46:07,180 1046 00:46:07,180 --> 00:46:09,600 Castia question-- dim byd, sydd mewn gwirionedd yn neis iawn. 1047 00:46:09,600 --> 00:46:12,140 Mynegiadau Boole yn PHP-- yr un fath. 1048 00:46:12,140 --> 00:46:19,354 Mynegiadau Boole gyda ac yn erbyn neu, switsys, dolenni, dolenni, loops-- OK, 1049 00:46:19,354 --> 00:46:20,270 yr un yma yn wahanol. 1050 00:46:20,270 --> 00:46:22,660 >> Felly, mae'n troi allan yna cwpl o nodweddion eraill yn PHP. 1051 00:46:22,660 --> 00:46:25,243 Mae un ohonynt mewn gwirionedd hyn, sydd yn hynod o gyfleus. 1052 00:46:25,243 --> 00:46:29,250 Os $ rhifau yn arae yr ydych wedi datgan yn flaenorol mewn rhaglen, 1053 00:46:29,250 --> 00:46:33,350 gennych chi ffansi hwn ar gyfer bob elfen hynny yn hytrach na gwneud hynny i gyd 1054 00:46:33,350 --> 00:46:37,020 Rwy'n blino yn dychwelyd 0, yr wyf yn llai na hyn, [? Rwy'n ++?], 1055 00:46:37,020 --> 00:46:40,320 ar gyfer pob un rhifau fel rhif, lle mae pob o werthoedd arwydd doler y rhai yn unig 1056 00:46:40,320 --> 00:46:42,790 newidyn, ac yn yr olaf y gallwch feddwl amdano fel I. 1057 00:46:42,790 --> 00:46:44,290 Gallech ei alw'n unrhyw beth yr hoffech. 1058 00:46:44,290 --> 00:46:45,770 Rwy'n galw ei rhif. 1059 00:46:45,770 --> 00:46:48,825 Mae hyn yn mynd i ailadrodd drosodd yr amrywiaeth a elwir yn rhifau. 1060 00:46:48,825 --> 00:46:51,200 Ac ar bob iteriad, 'i' mynd i ddiweddaru yn awtomatig 1061 00:46:51,200 --> 00:46:54,340 ar eich cyfer y rhif arwydd doler amrywiol er mwyn i chi yn gyson 1062 00:46:54,340 --> 00:46:58,210 yn cael mynediad at y newidyn rydych am heb orfod gwneud unrhyw braced sgwâr 1063 00:46:58,210 --> 00:47:00,980 nodiant neu mynegeio i mewn arae. 1064 00:47:00,980 --> 00:47:04,950 >> Y tu hwnt i hynny, yr ydym hyd yn oed gael pethau fel araeau, sy'n edrych bron yr un fath, 1065 00:47:04,950 --> 00:47:08,210 ac eithrio ei fod yn gyffredin iawn, gan ein bod annhymerus gweld, yn PHP a JavaScript 1066 00:47:08,210 --> 00:47:10,750 i cyn ymgychwyn amrywiaeth gan ddefnyddio cromfachau sgwâr. 1067 00:47:10,750 --> 00:47:12,040 C yn defnyddio braces cyrliog. 1068 00:47:12,040 --> 00:47:15,330 Felly mae'n ychydig yn wahanol, er bod doedden ni ddim wir yn defnyddio'r tric lawer. 1069 00:47:15,330 --> 00:47:20,090 >> Ond hyd yn oed yn fwy pwerus, Mae PHP araeau cysylltiadol, 1070 00:47:20,090 --> 00:47:23,100 sydd yn ffordd ffansi o ddweud tablau hash. 1071 00:47:23,100 --> 00:47:31,610 Yn wir, os ydych am ddatgan hash tabl yn PHP, yn wahanol yn C-- faint o 1072 00:47:31,610 --> 00:47:34,775 llinellau o god oedd yn ei gymryd i mewn gwirionedd yn gweithredu tabl hash yn C? 1073 00:47:34,775 --> 00:47:38,310 Na faint o linellau o god a yw'n cymryd i weithredu tabl hash yn C? 1074 00:47:38,310 --> 00:47:39,820 Felly, mae'n fwy na thebyg yn llawer, dde? 1075 00:47:39,820 --> 00:47:41,680 Mae'n ychydig dwsin, efallai 100 neu 200. 1076 00:47:41,680 --> 00:47:42,980 Mae'n nontrivial. 1077 00:47:42,980 --> 00:47:45,420 Neu mae'n ymwneud i fod, fel y byddwch yn fuan yn gweld, nontrivial 1078 00:47:45,420 --> 00:47:48,080 i weithredu tabl hash [Anghlywadwy] ac hefyd cais. 1079 00:47:48,080 --> 00:47:50,580 Ond yn PHP-- ac yn dweud y gwir, yr wyf yn yn ôl pob tebyg ni ddylai ddweud wrthych hon 1080 00:47:50,580 --> 00:47:53,630 tan Monday-- yn PHP, os ydych am gael bwrdd, ei wneud. 1081 00:47:53,630 --> 00:47:56,431 Dyna hash table-- felly gydag un llinell o god. 1082 00:47:56,431 --> 00:47:56,930 Ac 1083 00:47:56,930 --> 00:47:58,810 >> Mae llawer o ieithoedd yn gwneud hynny. 1084 00:47:58,810 --> 00:48:00,190 Dewch i gael hwyl gyda pset phump. 1085 00:48:00,190 --> 00:48:01,980 Felly, mae llawer o ieithoedd yn gwneud hyn. 1086 00:48:01,980 --> 00:48:03,050 1087 00:48:03,050 --> 00:48:06,140 Maent yn rhoi tyniadau hyn i chi bod pobl eraill, rhaglenwyr eraill, 1088 00:48:06,140 --> 00:48:09,870 wedi creu ar eich cyfer er mwyn i gallwch sefyll ar eu hysgwyddau 1089 00:48:09,870 --> 00:48:13,290 a dechrau defnyddio syniadau sy'n super grymus, fel tablau hash a choed 1090 00:48:13,290 --> 00:48:14,140 ac yn ceisio. 1091 00:48:14,140 --> 00:48:17,790 Ond nid oes rhaid i chi gweithredu'r pethau hynny eich hun. 1092 00:48:17,790 --> 00:48:20,850 >> Ac felly yn y pen draw, yr hyn y rydym yn mynd i ddefnyddio PHP am 1093 00:48:20,850 --> 00:48:23,580 yn bosibl yn ysgrifennu rhaglenni o'r llinell orchymyn hyn a elwir yn. 1094 00:48:23,580 --> 00:48:26,600 Gallem ail-greu pob rhaglen rydym wedi ysgrifennu semester hwn hyd yn hyn, 1095 00:48:26,600 --> 00:48:30,410 ac eithrio efallai Breakout sy'n defnyddio SPL, sy'n benodol i C ar hyn o bryd. 1096 00:48:30,410 --> 00:48:33,100 Ond bob problem arall a bennwyd, sicr Mario a Cesar 1097 00:48:33,100 --> 00:48:35,300 a Vigenere a [? Crac?] Ac ymlaen, rydym yn 1098 00:48:35,300 --> 00:48:39,520 Gallai ail-rhoi ar waith yng PHP, ac yn ôl pob tebyg ychydig yn haws. 1099 00:48:39,520 --> 00:48:43,050 >> Ond yr hyn rydym yn mynd yn y pen draw i ddefnyddio PHP am ei rhaglennu ar y we. 1100 00:48:43,050 --> 00:48:46,420 Ac rydym yn mynd i gyflwyno nesaf wythnos model meddyliol, patrwm enw 1101 00:48:46,420 --> 00:48:49,610 MVC, model barn rheolwr, ac os ydych wedi gwneud rhaglennu 1102 00:48:49,610 --> 00:48:51,610 o'r blaen yn Python neu Rhuddem neu yn rhywle arall, rydych 1103 00:48:51,610 --> 00:48:54,112 Gallai gwybod o'r tîm hwn gyda Rheiliau a Django ac yn y blaen. 1104 00:48:54,112 --> 00:48:55,820 Ond os ydych yn newydd i mae hyn hefyd, byddwch yn gweld 1105 00:48:55,820 --> 00:48:59,652 bod hyn mewn gwirionedd yn naturiol iawn ymestyn y factorization 1106 00:48:59,652 --> 00:49:01,360 a'r math o ddylunio o god yr ydym i wedi 1107 00:49:01,360 --> 00:49:04,670 bod yn ei wneud yn C. Rydym yn mynd i nawr cymhwyso rhai o'r gwersi hynny i PHP 1108 00:49:04,670 --> 00:49:07,190 fel bod yn y pen draw, rydym yn gweithredu ein gwefannau eu hunain. 1109 00:49:07,190 --> 00:49:09,080 Ac os ydych yn fath o swyno neu rhyfeddu 1110 00:49:09,080 --> 00:49:10,954 ein bod ni'n mynd i wneud pob un o'r mor gyflym, 1111 00:49:10,954 --> 00:49:13,410 sylweddoli bod bron pob semester, mae bron 90% 1112 00:49:13,410 --> 00:49:16,560 o CS50 myfyrwyr, gan gynnwys y rhai nad ydynt erioed wedi rhaglennu o'r blaen, 1113 00:49:16,560 --> 00:49:20,329 yn y pen draw yn gwneud prosiectau terfynol sy'n yn seiliedig ar y we rhaglennu. 1114 00:49:20,329 --> 00:49:23,120 Ac felly byddwch yn gweld bod y ffurflenni yn uchel yn yr wythnosau i ddod. 1115 00:49:23,120 --> 00:49:24,965 Felly, byddwn yn eich gweld ac yna ar ddydd Llun. 1116 00:49:24,965 --> 00:49:27,260 1117 00:49:27,260 --> 00:49:30,120 >> SIARADWR 1: Ac yn awr, Deep Meddyliau gan Daven Farnham. 1118 00:49:30,120 --> 00:49:34,055 1119 00:49:34,055 --> 00:49:34,780 Tablau hash. 1120 00:49:34,780 --> 00:49:37,180 1121 00:49:37,180 --> 00:49:38,402 >> [Chwerthin] 1122 00:49:38,402 --> 00:49:38,902