1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [Seminar] [Forberedelse dit websted til Web]

2
00:00:02,000 --> 00:00:05,000
[Yuechen Zhao] [Harvard University]

3
00:00:05,000 --> 00:00:07,000
[Dette er CS50.] [CS50.TV]

4
00:00:07,000 --> 00:00:11,660
>> Okay. Her er en anden time af web udvikling, hvis du fyre er op til det.

5
00:00:11,660 --> 00:00:16,290
I dag har jeg tænkt mig at tale om at forberede dit websted til internettet.

6
00:00:16,290 --> 00:00:20,260
Hele dagen - og sandsynligvis i de sidste 2 uger -

7
00:00:20,260 --> 00:00:22,240
Vi har talt om, hvordan du opretter en hjemmeside,

8
00:00:22,240 --> 00:00:24,880
hvordan man bruger HTML, hvordan man bruger PHP, hvordan man bruger rammer,

9
00:00:24,880 --> 00:00:29,420
hvordan man sørge for, at du kan interagere med databasen - ting som.

10
00:00:29,420 --> 00:00:34,830
Men i dag, vi kommer til at tale om, hvor dit websted kommer til at leve efter CS50.

11
00:00:34,830 --> 00:00:40,010
Fordi efter alt, er CS50 ikke ske tidligere December.

12
00:00:40,010 --> 00:00:42,090
Vi kommer til at tale om domænenavne, hosting.

13
00:00:42,090 --> 00:00:44,790
Vi kommer til at tale om, hvad cross-browser kompatibilitet

14
00:00:44,790 --> 00:00:49,540
og cross-platform kompatibilitet er, og hvordan du kan sikre dig, at dit websted

15
00:00:49,540 --> 00:00:51,610
kommer til at operere under alle forhold.

16
00:00:51,610 --> 00:00:54,330
Vi taler om fejlhåndtering og andre server magi.

17
00:00:54,330 --> 00:00:57,890
Vi taler om performance optimering, søgemaskine optimering,

18
00:00:57,890 --> 00:01:00,310
og hvordan man får folk til rent faktisk at besøge dine hjemmesider.

19
00:01:00,310 --> 00:01:05,960
Og endelig at bare nogle gode ressourcer sørge for, at du fyre har nok af dem,

20
00:01:05,960 --> 00:01:09,680
at gå ud med din endelige projekt, og forhåbentlig efter.

21
00:01:09,680 --> 00:01:13,120
>> Den første ting, vi kommer til at tale om, er domænenavne.

22
00:01:13,120 --> 00:01:18,020
Lige nu er du programmering i dit apparat, du går til en lokal vært

23
00:01:18,020 --> 00:01:20,360
der er faktisk ikke et domænenavn.

24
00:01:20,360 --> 00:01:26,370
Det er slags bare et kaldenavn eller et alias for din faktiske Linux installation

25
00:01:26,370 --> 00:01:31,150
indersiden af ​​enten VMware på en Mac eller VMware Player på en pc.

26
00:01:31,150 --> 00:01:36,510
Domænenavne kan du sætte et websted på internettet, og derefter gå til noget som

27
00:01:36,510 --> 00:01:39,400
www.google.com og få hjemmesiden.

28
00:01:39,400 --> 00:01:41,500
Hvordan virker de?

29
00:01:41,500 --> 00:01:43,390
Lad os sige, at du er bare en gennemsnitlig web server -

30
00:01:43,390 --> 00:01:50,080
gennemsnitlige Web surfer, og du har en bærbar computer, og du går til www.howstuffworks.com.

31
00:01:50,080 --> 00:01:52,570
Du kan sikkert se, hvor jeg stjal det fra.

32
00:01:52,570 --> 00:01:57,300
Hvordan ting virker - computeren vil derefter bede en lokal DNS-server,

33
00:01:57,300 --> 00:01:59,300
"Ved du, hvor denne hjemmeside er?"

34
00:01:59,300 --> 00:02:02,200
"Kender du IP-adressen på www.howstuffworks.com?"

35
00:02:02,200 --> 00:02:05,580
Din DNS-server kan sige, "Ja, det gør jeg."

36
00:02:05,580 --> 00:02:09,139
I så fald får du den IP-adresse, og din computer adgang, at IP-adresse.

37
00:02:09,139 --> 00:02:15,050
Hvis den ikke gør, spørger en anden DNS-server, "Hey! Ved du, hvad www.howstuffworks.com er?"

38
00:02:15,050 --> 00:02:17,670
Denne server kan sige, "Ja, det gør jeg."

39
00:02:17,670 --> 00:02:22,500
Så det fortæller den anden, hvad det er, og endelig får at oplysninger videregives til din computer,

40
00:02:22,500 --> 00:02:24,680
og du kan få adgang til howstuffworks.com.

41
00:02:24,680 --> 00:02:27,540
>> Hvordan kan du få en af ​​disse magiske ting?

42
00:02:27,540 --> 00:02:32,940
Hvordan kan du få måske www.yourname.com eller www.ilovecats.com?

43
00:02:32,940 --> 00:02:35,350
Du kan tilmelde dig en,

44
00:02:35,350 --> 00:02:38,280
og der er en masse hjemmesider derude, der tillader dig at gøre det.

45
00:02:38,280 --> 00:02:41,420
Du skal - i de fleste tilfælde skal du betale for dem.

46
00:02:41,420 --> 00:02:43,890
Der er visse domænenavne, der er gratis.

47
00:02:43,890 --> 00:02:50,900
Hvis du går til www.co.cc eller. Tkdomainnames, de er gratis.

48
00:02:50,900 --> 00:02:56,500
Men kommer de med visse begrænsninger, og i virkeligheden nogle af dem måske ikke engang være

49
00:02:56,500 --> 00:03:00,540
reelle, top-level domænenavne som. com eller. net.

50
00:03:00,540 --> 00:03:03,300
Normalt ville jeg foreslå at gå til en af ​​dem

51
00:03:03,300 --> 00:03:07,060
fordi brugerne er bare mere komfortabel med dem.

52
00:03:07,060 --> 00:03:10,070
Du har set en masse. Coms. Du har set en masse. Net.

53
00:03:10,070 --> 00:03:13,790
Du har sikkert ikke set en masse. Co.cc 's, så de er sværere at huske.

54
00:03:13,790 --> 00:03:18,900
Forskellige websites som GoDaddy eller NameCheap eller - jeg brugte en, der er

55
00:03:18,900 --> 00:03:21,550
slags sketchy - kaldet activedomain.com.

56
00:03:21,550 --> 00:03:24,160
Det ser virkelig overfladisk, men det har fungeret rigtig godt for mig.

57
00:03:24,160 --> 00:03:27,810
>> Og endelig har du andre, der måske gøre mere reklame som Network Solutions.

58
00:03:27,810 --> 00:03:31,140
Men hvis du går ind på NetworkSolutions.com og se på deres prissætning

59
00:03:31,140 --> 00:03:34,070
det er virkelig dyrt. Jeg kiggede på dem i aftes.

60
00:03:34,070 --> 00:03:37,400
For et år et domænenavn, er det nok ikke værd at så mange penge.

61
00:03:37,400 --> 00:03:40,210
I virkeligheden, hvis du får en. Com eller. Org eller. Net

62
00:03:40,210 --> 00:03:43,430
den sædvanlige pris er omkring $ 10 om året.

63
00:03:43,430 --> 00:03:48,710
Så hvis du betaler meget mere end det, det er nok ikke så værd

64
00:03:48,710 --> 00:03:52,440
fordi, trods alt, har disse hjemmesider ikke gøre noget med dette domænenavn.

65
00:03:52,440 --> 00:03:58,270
De bare give det til dig, og så hvis du kan få det for billige, hvorfor ikke?

66
00:03:58,270 --> 00:04:02,540
>> Den anden ting er, når du har dit domænenavn, så er du sandsynligvis ønsker at

67
00:04:02,540 --> 00:04:08,610
gå videre til enten Godaddy.com eller hvor du har købt dit domænenavn

68
00:04:08,610 --> 00:04:11,220
og indstille navneservere for dette domænenavn.

69
00:04:11,220 --> 00:04:15,560
Det betyder, når en bruger går til www.howstuffworks.com,

70
00:04:15,560 --> 00:04:20,839
disse navneserver IP-adresser er de IP-adresser, de ville være i stand til at se op.

71
00:04:20,839 --> 00:04:24,680
De ville være i stand til at få adgang til din hjemmeside via disse navneservere.

72
00:04:24,680 --> 00:04:26,830
Hvis du ansøger om hosting sted

73
00:04:26,830 --> 00:04:31,210
så vil din vært vil højst sandsynligt give dig de navneservere til at bruge.

74
00:04:31,210 --> 00:04:34,210
>> Og endelig er der denne ting kaldet en WHOIS.

75
00:04:34,210 --> 00:04:38,890
En WHOIS-databasen er en database, som du kunne indtaste et domænenavn

76
00:04:38,890 --> 00:04:44,170
og det vil spytte ud af nogle oplysninger om ejeren af ​​stedet, og andre kontaktoplysninger.

77
00:04:44,170 --> 00:04:49,080
Nu kan du sige, "Jeg har ikke rigtig have min hjemmeadresse eller jeg ikke virkelig ønsker min e-mail-adresse

78
00:04:49,080 --> 00:04:54,010
på hjemmesiden for nogen at se eller på internettet for alle at se. "

79
00:04:54,010 --> 00:04:57,740
Så er du måske ønsker at bruge noget, som en masse af hosting-tjenester, giver -

80
00:04:57,740 --> 00:04:59,740
ligesom en WHOIS manager.

81
00:04:59,740 --> 00:05:03,550
En WHOIS manager er simpelthen en anden service, at en masse af dem giver, at

82
00:05:03,550 --> 00:05:07,700
huder væk, at information og bare lægger hvem der er manager for det navn -

83
00:05:07,700 --> 00:05:13,070
efter adressen er det normalt bare, at selskabets navn, der er givet dig dette domænenavn -

84
00:05:13,070 --> 00:05:17,350
og så derefter dine personlige oplysninger ikke bliver lækket på internettet,

85
00:05:17,350 --> 00:05:19,350
som normalt er temmelig godt.

86
00:05:19,350 --> 00:05:21,350
Jeg selv bruger en af ​​disse tjenester.

87
00:05:21,350 --> 00:05:25,630
Hvis du er ligeglad med dit eget privatliv, så er det virkelig ligegyldigt.

88
00:05:25,630 --> 00:05:32,490
>> En DNS-server står for Domain Name System, og hvad det er -

89
00:05:32,490 --> 00:05:36,560
Det er lidt ligesom en hash tabel et sted, der siger,

90
00:05:36,560 --> 00:05:42,320
 "Dette hjemmeside adresse vil kortlægge til denne IP-adresse." Og det er alt det er.

91
00:05:42,320 --> 00:05:48,180
Så når du forespørge denne DNS-server, så kan du få IP-adresser

92
00:05:48,180 --> 00:05:51,930
for at tilsvarende domænenavn og derefter besøge denne hjemmeside.

93
00:05:51,930 --> 00:05:59,820
(Tilhørerne medlem stiller et spørgsmål - uhørligt)

94
00:05:59,820 --> 00:06:07,910
Den første? Det første niveau er faktisk som regel bare computerens cache selv.

95
00:06:07,910 --> 00:06:12,570
Din computer slags husker den sidste gang, at du gik til www.google.com

96
00:06:12,570 --> 00:06:18,090
Det var på denne IP-adresse, og derefter efter et stykke tid, vil det cache udløbe,

97
00:06:18,090 --> 00:06:23,560
og det vil spørge ligesom Comcast DNS,

98
00:06:23,560 --> 00:06:26,400
"Hey, hvad er www.google.com?"

99
00:06:26,400 --> 00:06:31,040
Normalt, når du køber et domænenavn, og du registrere en, og du har oprettet en hjemmeside,

100
00:06:31,040 --> 00:06:35,670
du kan ikke gå til denne hjemmeside umiddelbart med dette domænenavn, fordi navneservere

101
00:06:35,670 --> 00:06:40,180
på tværs af kloden ikke kender dit domænenavn endnu. Det har at befolke.

102
00:06:40,180 --> 00:06:43,220
Det tager normalt omkring 24-48 timer.

103
00:06:43,220 --> 00:06:48,460
Ok. Så det er en lille smule om domænenavne. De er meget cool.

104
00:06:48,460 --> 00:06:51,540
Jeg synes du skal få en, hvis du er seriøs omkring projektet

105
00:06:51,540 --> 00:06:55,300
og hvis du virkelig ønsker at gøre dit projekt kendt over hele campus,

106
00:06:55,300 --> 00:06:58,050
have et domænenavn gør det ser virkelig professionel.

107
00:06:58,050 --> 00:07:01,510
>> Så det næste skridt, selvfølgelig, er at have en form for hosting.

108
00:07:01,510 --> 00:07:05,540
Hvis du bare hoste det på din computer, er ingen nogensinde vil være i stand til at gå til den.

109
00:07:05,540 --> 00:07:09,110
Du kan potentielt oprette en server på din computer og holde din computer for evigt,

110
00:07:09,110 --> 00:07:11,160
men det er ikke anbefales.

111
00:07:11,160 --> 00:07:14,000
Der er forskellige former for hosting er tilgængelige online.

112
00:07:14,000 --> 00:07:21,870
Der er delt hosting. Der er VPN (uforståelige), som er virtuelle værter.

113
00:07:21,870 --> 00:07:23,870
Der er semi-engagerede og dedikerede.

114
00:07:23,870 --> 00:07:29,030
Af de 3 sidste, er VPN, semi-dedikeret og engageret som regel dyrere.

115
00:07:29,030 --> 00:07:32,660
De er normalt anvendes til websites, der kræver flere ressourcer.

116
00:07:32,660 --> 00:07:34,680
Hvis du lige er startet ud med en hjemmeside,

117
00:07:34,680 --> 00:07:40,670
det måske bare være mere økonomisk at gå med den delte hosting.

118
00:07:40,670 --> 00:07:43,430
Og hvad delte betyder er bare en flok websites er alle sammen

119
00:07:43,430 --> 00:07:51,560
sortere i på én server på denne hjemmeside på denne vært server, og du kan få adgang til din hjemmeside

120
00:07:51,560 --> 00:07:53,660
via domænenavn.

121
00:07:53,660 --> 00:07:55,980
>> Der er en masse af populære værter derude.

122
00:07:55,980 --> 00:08:01,160
HostGator og DreamHost - dem er meget, meget store og meget, meget populær

123
00:08:01,160 --> 00:08:03,160
og meget, meget vellykket.

124
00:08:03,160 --> 00:08:05,160
Jeg personligt bruge en kaldet MDDHosting.

125
00:08:05,160 --> 00:08:08,240
Hvis du går til www.mddhosting.com, det er min væld af valg.

126
00:08:08,240 --> 00:08:10,240
Jeg synes de er meget gode.

127
00:08:10,240 --> 00:08:14,550
De har altid været meget pålidelig, og jeg har aldrig haft nogen problemer med dem.

128
00:08:14,550 --> 00:08:18,610
De har også meget konkurrencedygtige priser.

129
00:08:18,610 --> 00:08:24,400
To, at jeg ikke rigtig lide, er GoDaddy - det er også en meget populær vært,

130
00:08:24,400 --> 00:08:26,400
men jeg har haft forfærdelige erfaringer med dem,

131
00:08:26,400 --> 00:08:29,430
og en masse mennesker, som jeg kender, har haft virkelig forfærdelige erfaringer med dem.

132
00:08:29,430 --> 00:08:32,150
De slags går efter folk, der ikke ved, hvad de laver -

133
00:08:32,150 --> 00:08:34,150
måske du laver en hjemmeside for første gang,

134
00:08:34,150 --> 00:08:37,150
og så de slags con dem til at købe deres hosting pakke.

135
00:08:37,150 --> 00:08:42,570
Gør det ikke. Må ikke falde for det. Go kigge efter andre hosting pakker, der virkelig passer til dine behov.

136
00:08:42,570 --> 00:08:44,880
Og den anden er - der er gratis værter derude.

137
00:08:44,880 --> 00:08:47,350
Der er hjemmesider, der vil hoste din hjemmeside til fri -

138
00:08:47,350 --> 00:08:49,350
undertiden ved at sætte en annonce på dit websted,

139
00:08:49,350 --> 00:08:52,290
undertiden ved at du deltager i deres fora,

140
00:08:52,290 --> 00:08:54,340
men nogle gange bare også gratis.

141
00:08:54,340 --> 00:09:00,000
Men vær forsigtig med gratis værter, fordi en masse af dem virkelig bare gå ud af markedet

142
00:09:00,000 --> 00:09:03,480
efter et par måneder. Du kan bare ikke holde op med omkostningerne.

143
00:09:03,480 --> 00:09:07,460
Andre er bare meget upålidelig, og dit websted vil altid være nede,

144
00:09:07,460 --> 00:09:09,700
og du ikke ønsker at det skal ske.

145
00:09:09,700 --> 00:09:12,330
>> Hver vært vil tilbyde deres egne kontrolpanel.

146
00:09:12,330 --> 00:09:16,520
Bemærk, at for dit apparat, der er virkelig ikke et kontrolpanel per se.

147
00:09:16,520 --> 00:09:19,230
Du er nødt til at bruge terminalen til at gå og redigere filerne.

148
00:09:19,230 --> 00:09:21,230
Du er nødt til chmod ting ved dig selv.

149
00:09:21,230 --> 00:09:24,770
Hvis du ønskede at gå til phpMyAdmin

150
00:09:24,770 --> 00:09:29,560
du er nødt til at gå til localhost @ / phpmyadmin og sådan noget.

151
00:09:29,560 --> 00:09:36,660
Men med et kontrolpanel, kan du gå ind og redigere filerne på din server

152
00:09:36,660 --> 00:09:40,350
med Windows Stifinder eller en finderen-typen ansøgning.

153
00:09:40,350 --> 00:09:44,810
Eller du kan gå igennem og se på dine databaser med deres eget værktøj

154
00:09:44,810 --> 00:09:47,280
i stedet for phpMyAdmin.

155
00:09:47,280 --> 00:09:52,240
Så der er en masse valg her, og nogle af de mere populære kontrolpaneler er deroppe.

156
00:09:52,240 --> 00:09:54,240
Men hvis du er på udkig efter en vært,

157
00:09:54,240 --> 00:09:57,090
så er du måske ønsker at se på, hvad slags tilpasninger og optioner

158
00:09:57,090 --> 00:10:02,810
de tilbyder mig at tilpasse min server og laver min hjemmeside køre bedre.

159
00:10:02,810 --> 00:10:07,110
Ja, så er du måske spørge, "Nå, hvordan kan jeg vælger hosting?"

160
00:10:07,110 --> 00:10:11,460
Hvis du går videre til enhver vært hjemmeside er der en masse af jargon, og der er en masse muligheder.

161
00:10:11,460 --> 00:10:14,470
Der er en masse forskellige priser også.

162
00:10:14,470 --> 00:10:19,690
Normalt går jeg de billigere, bare fordi hjemmesider, måske du og jeg gør -

163
00:10:19,690 --> 00:10:23,520
og især lige nu, især som startere - de kan ikke brug for så mange ressourcer

164
00:10:23,520 --> 00:10:26,770
som måske en hjemmeside som Microsoft.com.

165
00:10:26,770 --> 00:10:32,090
>> Først du ønsker at se på operativsystemet, hvis du er virkelig nysgerrig om

166
00:10:32,090 --> 00:10:35,090
dit websted kommer til at være vært på Linux, Windows eller på Mac.

167
00:10:35,090 --> 00:10:39,790
Normalt vi bare gå med Linux, fordi det er normalt den billigste,

168
00:10:39,790 --> 00:10:43,730
og også den, der måske er du fyre er mere fortrolige med, fordi apparatet.

169
00:10:43,730 --> 00:10:48,040
Og så måske de vil sætte nogle begrænsninger på mængden af ​​båndbredde, du får -

170
00:10:48,040 --> 00:10:53,030
ligesom hvor mange megabyte eller gigabyte data kan brugerne downloade

171
00:10:53,030 --> 00:10:55,470
fra din hjemmeside om måneden? Eller diskplads.

172
00:10:55,470 --> 00:11:00,640
Hvor meget plads har du? Er det 500 MB? Er det 2 GB? Er det ubegrænset?

173
00:11:00,640 --> 00:11:05,920
I dag, en masse af web-servere giver dig ubegrænset diskplads som en måde for dem

174
00:11:05,920 --> 00:11:08,560
at lokke dig til at få deres hosting pakke.

175
00:11:08,560 --> 00:11:11,850
Men hvis du virkelig tænker over det, er, når du nogensinde vil få brug for ubegrænset diskplads?

176
00:11:11,850 --> 00:11:18,060
Hvis du har et par HTML-filer, et par PHP, et par billeder -

177
00:11:18,060 --> 00:11:20,060
det er kun et par megabyte, og så

178
00:11:20,060 --> 00:11:23,110
plejer jeg bare gå til måske et par gigabytes værd af rummet,

179
00:11:23,110 --> 00:11:27,990
og der kan være nok til at starte mig indtil jeg har brug for mere.

180
00:11:27,990 --> 00:11:31,480
>> Endelig kan de sætte begrænsninger på, hvad slags - hvor mange databaser, du kan have.

181
00:11:31,480 --> 00:11:34,760
Måske du kan kun have 1 database. Måske kan du have 2. Måske kan du have 10.

182
00:11:34,760 --> 00:11:38,330
Er det virkelig vigtigt for dig, hvor mange du får?

183
00:11:38,330 --> 00:11:40,330
Ting at spørge dig selv.

184
00:11:40,330 --> 00:11:42,330
Og så endelig, kun ting som sprog.

185
00:11:42,330 --> 00:11:44,330
Har de understøtter PHP? Har de understøtter MySQL?

186
00:11:44,330 --> 00:11:49,010
De fleste hosting websites går til disse, fordi de er gratis. De er open source.

187
00:11:49,010 --> 00:11:51,190
Det betyder ikke koste dem noget at give dem for dig.

188
00:11:51,190 --> 00:11:55,680
Men hvis du ønsker at bruge, siger, Ruby eller Python eller nogle af disse andre sprog -

189
00:11:55,680 --> 00:11:59,490
kan de ikke støtte det på deres server, så det er vigtigt at kigge efter den slags ting.

190
00:11:59,490 --> 00:12:05,620
>> Og endelig, de tillader dig at gøre nogle mere avancerede ting som SSL eller cron jobs?

191
00:12:05,620 --> 00:12:12,060
SSL er en mulighed, hvor du kan gøre din hjemmeside mere sikker ved at gøre det HTTPS

192
00:12:12,060 --> 00:12:14,060
og kryptere dine forbindelser.

193
00:12:14,060 --> 00:12:17,230
Og cron job er bare måske scripts, som du ønsker at køre

194
00:12:17,230 --> 00:12:19,510
hver 5 minutter, hver 10 minutter, hver 15.

195
00:12:19,510 --> 00:12:22,030
En masse delte hosting hjemmesider putter restriktioner

196
00:12:22,030 --> 00:12:26,310
om antallet af cron job, du kan køre, fordi der fylder flere ressourcer.

197
00:12:26,310 --> 00:12:31,800
>> Og endelig, bare alt andet, som du ønsker at se på - sørg præcis, hvad der foregår

198
00:12:31,800 --> 00:12:35,180
før du køber din hosting pakke.

199
00:12:35,180 --> 00:12:37,720
Og endelig ydeevne. Performance er enorm.

200
00:12:37,720 --> 00:12:39,740
Hvor hurtigt bliver min hjemmeside kommer til at køre?

201
00:12:39,740 --> 00:12:42,950
De fleste brugere vil ikke vente for selv sekunder til din hjemmeside til at køre

202
00:12:42,950 --> 00:12:47,640
før de bare keder sig, og de går videre til MeanBase og begynde at se på billeder

203
00:12:47,640 --> 00:12:52,240
af katte - du ved det sker, og du vil være sikker på, at du får denne bruger om bord

204
00:12:52,240 --> 00:12:54,300
og at du har gode oppetid hvilket betyder blot, at

205
00:12:54,300 --> 00:12:56,300
din hjemmeside vil være tilgængelig på alle tidspunkter.

206
00:12:56,300 --> 00:13:01,880
En masse værter har virkelig dårlig oppetid og det betyder bare din hjemmeside kommer ikke til at være

207
00:13:01,880 --> 00:13:06,500
tilgængelige, og du ikke ønsker at det skal ske, fordi du måske være ked af det.

208
00:13:06,500 --> 00:13:10,360
Og du kan også spore din vært ydeevne med hjemmesider som

209
00:13:10,360 --> 00:13:16,440
Pingdom.com eller Host-tracker.com, og de bare fortælle dig, hvor ofte dit websted ned.

210
00:13:16,440 --> 00:13:18,490
>> Og endelig, du ønsker at se om deres støtte.

211
00:13:18,490 --> 00:13:21,890
Hvis du har et problem vil de svare dig inden for 24 timer?

212
00:13:21,890 --> 00:13:23,890
Vil de svare dig inden for 48 timer?

213
00:13:23,890 --> 00:13:26,500
Den hosting service, som jeg bruger normalt reagerer på mig inden for minutter

214
00:13:26,500 --> 00:13:29,760
som er virkelig rart.

215
00:13:29,760 --> 00:13:33,990
Puha! All right! Det er tid til en pause. Men jeg har ikke tænkt mig at give det til dig.

216
00:13:33,990 --> 00:13:38,200
Vi vil bare se på billeder af søde katte og næ.

217
00:13:38,200 --> 00:13:42,740
>> En anden virkelig, virkelig store ting er cross-browser kompatibilitet.

218
00:13:42,740 --> 00:13:45,890
Hvad mener jeg med cross-browser kompatibilitet?

219
00:13:45,890 --> 00:13:50,970
Du ved, i dag er det ikke bare Microsoft Internet Explorer.

220
00:13:50,970 --> 00:13:53,970
Det er ikke kun Mozilla Firefox eller Safari.

221
00:13:53,970 --> 00:13:58,190
Nu har vi Chrome. Vi har Opera. Vi har Dolphin. Vi har Camino.

222
00:13:58,190 --> 00:14:00,540
Vi har Conqueror. Vi har alle disse forskellige browsere.

223
00:14:00,540 --> 00:14:05,950
Ting, der kommer ud nu - RockMelt - selvom de alle er baseret på Chromium.

224
00:14:05,950 --> 00:14:10,990
Men Sagen er, at der er ikke bare en browser længere.

225
00:14:10,990 --> 00:14:13,860
Du er ikke bare ser disse websider med én ansøgning.

226
00:14:13,860 --> 00:14:17,660
Og så vil forskellige browsere reagere på forskellige HTML, forskellige CSS, og

227
00:14:17,660 --> 00:14:21,210
anderledes JavaScript forskelligt, og hvordan vil du håndtere det?

228
00:14:21,210 --> 00:14:24,370
Tja, i visse tilfælde, du virkelig ikke kan.

229
00:14:24,370 --> 00:14:29,160
Din hjemmeside - hvis det fungerer i en browser, vil den kode, du skrev ikke arbejde

230
00:14:29,290 --> 00:14:32,910
i en anden browser, er det og er dit job at sørge for, at den kode, som du skriver

231
00:14:32,910 --> 00:14:36,000
er universel, at det virker overalt.

232
00:14:36,000 --> 00:14:38,000
Så det er virkelig farligt.

233
00:14:38,000 --> 00:14:42,450
Hvis du siger: "Nå, det er at arbejde på min computer. Great! Lad os gå videre."

234
00:14:42,450 --> 00:14:46,040
Nå, er det sandsynligvis ikke kommer til at arbejde på mine, og når jeg gå til din hjemmeside

235
00:14:46,040 --> 00:14:49,210
Jeg har tænkt mig at være meget trist, og jeg har tænkt mig at forlade højre væk.

236
00:14:49,210 --> 00:14:51,570
Så lad os se, hvordan du kan forhindre dette.

237
00:14:51,570 --> 00:14:55,520
>> Den første ting, selvfølgelig, er kun at bruge standard HTML, CSS og JavaScript.

238
00:14:55,520 --> 00:14:57,520
Hvad mener jeg med det?

239
00:14:57,520 --> 00:15:00,180
Nå, der er en masse af ikke standard ting derude.

240
00:15:00,180 --> 00:15:03,490
For eksempel er der i CSS er mange versioner.

241
00:15:03,490 --> 00:15:10,830
Hvis du ser nogen CSS regler med-moz-eller-webkit-, disse regler er specifikke

242
00:15:10,830 --> 00:15:15,720
på både Mozilla browsere og WebKit-browsere,

243
00:15:15,720 --> 00:15:20,590
og så du vil være sikker på, at du måske ønsker at undgå disse ting

244
00:15:20,590 --> 00:15:25,150
fordi hvis du bruger-moz-denne regel er kun kommer til at arbejde på Firefox.

245
00:15:25,150 --> 00:15:29,640
Og hvis du virkelig ønsker det skal se godt ud på Internet Explorer også,

246
00:15:29,640 --> 00:15:31,640
du kommer til at være ude af lykke.

247
00:15:31,640 --> 00:15:37,910
For HTML også, kan du gøre tingene i HTML, der arbejder i en browser

248
00:15:37,910 --> 00:15:41,830
men at pauser i en anden, og du ønsker at undgå, at så meget som muligt.

249
00:15:41,830 --> 00:15:44,830
Og endelig for JavaScript endda - der er mange versioner af JavaScript,

250
00:15:44,830 --> 00:15:50,570
og denne sommer vi løb ind i et problem, hvor Document.getElementsByClassName--

251
00:15:50,570 --> 00:15:54,500
som normalt er en funktion, der er defineret som en del af JavaScript-standarden -

252
00:15:54,500 --> 00:15:58,120
var ikke at finde i Internet Explorer 8.

253
00:15:58,120 --> 00:16:01,900
Så i løbet af sommeren jeg arbejdede i et laboratorium, og vi var ved at bygge online eksperimenter.

254
00:16:01,900 --> 00:16:06,210
Og vi troede, det var fungerer rigtig godt indtil vi indset brugere, der anvender

255
00:16:06,210 --> 00:16:09,780
Internet Explorer 8 ikke kunne indsende deres resultater.

256
00:16:09,780 --> 00:16:13,200
Vi var glip af en masse data. Det gjorde os virkelig trist.

257
00:16:13,200 --> 00:16:17,790
Så du altid vil være sikker på, at dine scripts kommer til at arbejde overalt.

258
00:16:17,790 --> 00:16:20,500
>> Og endelig, brug validator.w3.org

259
00:16:20,500 --> 00:16:22,770
hvilket er, hvad vi fortæller dig at gøre i Pset 7..

260
00:16:22,770 --> 00:16:24,530
Sørg for, at dine sider er valideret.

261
00:16:24,530 --> 00:16:28,310
Det er vigtigt, fordi det i det mindste er et første skridt sanity check.

262
00:16:28,310 --> 00:16:31,870
Er min kode egentlig standarder kompatibel?

263
00:16:34,930 --> 00:16:39,320
En anden måde at sortere i hjælpe dig med at sørge for, at dit websted er at gå på arbejde

264
00:16:39,320 --> 00:16:42,610
under de fleste omstændigheder er at måske bruge nogle biblioteker og frameworks

265
00:16:42,610 --> 00:16:46,210
fordi disse virkelig smarte udviklere har tænkt over disse spørgsmål for dig.

266
00:16:46,210 --> 00:16:49,850
De er gået igennem, og de har skrevet forskellige funktioner, der arbejder på tværs af browsere.

267
00:16:49,850 --> 00:16:53,560
For eksempel bruger vi jQuery i Pset 7..

268
00:16:53,560 --> 00:16:58,030
Selvom du måske ikke har set det, jQuery giver en masse funktioner

269
00:16:58,030 --> 00:17:00,280
der ellers ville du nødt til at skrive selv.

270
00:17:00,280 --> 00:17:05,310
Men disse udviklere skrev det, og de sørget for, at det virker på tværs af alle browsere.

271
00:17:05,310 --> 00:17:10,280
Og Bootstrap - som er en anden CSS rammer, som vi viste dig i Pset 7 -

272
00:17:10,280 --> 00:17:17,000
det virkelig tager væk en masse af de hovedpine med at designe hjemmesider, der ser godt ud.

273
00:17:17,000 --> 00:17:19,000
i alle browsere.

274
00:17:19,000 --> 00:17:23,660
>> Og endelig, hvis du kan undgå det, jeg normalt undgå kodning fra bunden.

275
00:17:23,660 --> 00:17:28,079
Hvis du bare er ved at oprette en hjemmeside til din skole klub, for eksempel,

276
00:17:28,079 --> 00:17:33,920
og alt hvad du behøver at gøre er at vise et par sider, og måske har din præsident gå

277
00:17:33,920 --> 00:17:38,910
og ændre et par ting her og der - der er virkelig ingen grund til at kode, op selv.

278
00:17:38,910 --> 00:17:40,910
Det tager en masse af din tid.

279
00:17:40,910 --> 00:17:42,660
Det tager en masse af din energi, og du er nødt til at gå igennem, og du er nødt til at finde ud af,

280
00:17:42,660 --> 00:17:45,930
Nå, dette kommer til at se godt ud i denne browser, er det vil se godt ud i denne browser.

281
00:17:45,930 --> 00:17:50,610
Måske bruge nogle af disse patches som andre allerede har skrevet til dig, som

282
00:17:50,610 --> 00:17:52,610
WordPress eller Joomla eller Drupal.

283
00:17:52,610 --> 00:17:59,400
Disse kaldes indhold - disse kaldes CMS'er som dybest set er lige pakker,

284
00:17:59,400 --> 00:18:03,020
allerede kommet gjort for dig, og du kan downloade dem, sætte dem på din server,

285
00:18:03,020 --> 00:18:07,510
og tilpasse dem, som du vil, og du allerede har en kørende hjemmeside.

286
00:18:07,510 --> 00:18:11,680
Disse kode pakker er noget at se på.

287
00:18:11,680 --> 00:18:15,400
Disse ting er open source, medmindre du gå efter noget lignende -

288
00:18:15,400 --> 00:18:19,390
hvis du leder efter en formular pakke, der er ting, der ikke er gratis som

289
00:18:19,390 --> 00:18:21,570
VBulletin eller IP.Board.

290
00:18:21,570 --> 00:18:23,790
Hvis du ikke har brug for nogle af disse avancerede funktioner,

291
00:18:23,790 --> 00:18:27,530
kan du altid vælge den gratis mulighed.

292
00:18:27,530 --> 00:18:31,300
>> Og endelig er der ingen undgå det.

293
00:18:31,300 --> 00:18:33,300
Du skal teste, test, test.

294
00:18:33,300 --> 00:18:37,690
Du skal teste din kode på alle disse browsere og på alle disse platforme.

295
00:18:37,690 --> 00:18:44,110
Og du ved, IE6 - har gudskelov folk begyndte at bevæge sig væk fra IE6

296
00:18:44,110 --> 00:18:49,190
fordi tilbage i dag, et par år siden måske, webudviklere skulle altid, altid,

297
00:18:49,190 --> 00:18:55,280
altid lefle for IE6 svagheder i at følge standarderne.

298
00:18:55,280 --> 00:19:00,860
Websites bare kiggede slags 1990'erne i mangel af en bedre måde at håndtere det.

299
00:19:00,860 --> 00:19:04,380
Du kan også bruge browseren screenshots til at tjekke din CSS.

300
00:19:04,380 --> 00:19:08,100
Et virkelig cool hjemmeside er browserlab.adobe.com.

301
00:19:08,100 --> 00:19:11,070
Dette er en gratis service, sat ud af Adobe.

302
00:19:11,070 --> 00:19:15,160
Og hvad de gør, er at de kan tage screenshots af din hjemmeside

303
00:19:15,160 --> 00:19:18,890
kører under forskellige forhold - som at løbe under forskellige browsere,

304
00:19:18,890 --> 00:19:22,660
kører under forskellige platforme - og vise dig, hvad de ser ud.

305
00:19:22,660 --> 00:19:33,260
Blot for at vise dig, hvad jeg mener her, jeg oprettet en hjemmeside sidste år kaldte menneskeliv på Harvard,

306
00:19:33,260 --> 00:19:39,150
og hvad jeg forsøgte at gøre - jeg forsøgte at gøre my.harvard bedre.

307
00:19:39,150 --> 00:19:43,840
Fordi hvis du var her sidste år, har my.harvard ikke ser ud, som det ser ud nu.

308
00:19:43,840 --> 00:19:46,640
Det ser lidt ulækkert.

309
00:19:46,640 --> 00:19:50,470
Men nu ser det meget bedre.

310
00:19:50,470 --> 00:19:57,070
Min implementering var ikke så nyttigt længere, men alle de samme,

311
00:19:57,070 --> 00:20:01,310
du ved, jeg forsøgte at tilføje - (uforståelige) mange uanset -

312
00:20:01,310 --> 00:20:04,680
og det ser - det ser meget godt ud på min computer.

313
00:20:04,680 --> 00:20:08,560
Og så, måske hvis jeg havde haft mere tid ville jeg har gået på at browser lab,

314
00:20:08,560 --> 00:20:13,020
og jeg ville have kigget på, vel, hvordan det ser ud i Chrome 18 på Windows.

315
00:20:13,020 --> 00:20:17,060
Jeg ville rulle ned og jeg ville se - oh no! Kig på annonceringer kassen.

316
00:20:17,060 --> 00:20:20,200
Min tekst var overfyldte. Så det er slemt, right?

317
00:20:20,200 --> 00:20:23,700
Hvis en bruger bruger Chrome på Windows og kommer til min hjemmeside,

318
00:20:23,700 --> 00:20:26,730
der umiddelbart ser meget uprofessionelt.

319
00:20:26,730 --> 00:20:30,760
Så skal jeg gå ind i min CSS og finde ud af, hvilken del af min CSS er at bryde her.

320
00:20:30,760 --> 00:20:35,090
Hvorfor er det ikke vises korrekt, og ordne det, så alle brugere kan se det samme website

321
00:20:35,090 --> 00:20:37,770
og være lige så glade.

322
00:20:37,770 --> 00:20:44,280
>> Og endelig, godt, browser screenshots er rart for at teste din CSS,

323
00:20:44,280 --> 00:20:46,020
men hvad med din JavaScript?

324
00:20:46,020 --> 00:20:48,660
Hvad hvis du har nogle komplicerede script, der kører?

325
00:20:48,660 --> 00:20:50,460
Nå, kan du altid gøre virtualisering.

326
00:20:50,460 --> 00:20:56,360
Hvis du har en Mac, kan du bruge Bootcamp eller VMWare at virtualisere måske en kopi af

327
00:20:56,360 --> 00:20:59,540
Windows og brug Internet Explorer der.

328
00:20:59,540 --> 00:21:03,400
Eller du kan gå videre til noget som Spoon.net, som desværre virker kun på pc'er.

329
00:21:03,400 --> 00:21:05,290
Men hvad de gør, er meget cool.

330
00:21:05,290 --> 00:21:10,080
De virtualisere software til dig, så du kan køre forskellige versioner af IE, for eksempel.

331
00:21:10,080 --> 00:21:12,080
Du kan køre forskellige versioner af Firefox.

332
00:21:12,080 --> 00:21:15,720
Du kan køre forskellige versioner af Safari og afprøve alle dine websteder der.

333
00:21:15,720 --> 00:21:18,360
Desværre, de ikke er fri.

334
00:21:18,360 --> 00:21:20,860
Det er en betalt service, så der er altid slags dette -

335
00:21:20,860 --> 00:21:26,070
der er altid slags denne afvejning mellem, ja, jeg kommer til at gøre min hjemmeside se godt ud.

336
00:21:26,070 --> 00:21:31,970
Hvis ja, kan jeg nødt til at betale for nogle tjenester til at hjælpe mig gøre det.

337
00:21:31,970 --> 00:21:35,890
Eventuelle spørgsmål på dette punkt om noget, som vi talte om?

338
00:21:38,500 --> 00:21:41,210
Awesome. Okay.

339
00:21:41,210 --> 00:21:43,870
>> Nu har vi flere ting at tale om.

340
00:21:43,870 --> 00:21:45,820
Hvordan omkring fejl?

341
00:21:45,820 --> 00:21:48,670
Hvordan kan du sikre dig, at dit website kommer til at fungere, selv når

342
00:21:48,670 --> 00:21:50,150
der sker noget slemt?

343
00:21:50,150 --> 00:21:53,940
Måske har du ikke har en side med navnet food.php.

344
00:21:53,940 --> 00:21:57,000
Men mig, jeg gå til din hjemmeside, og jeg forsøger at få adgang food.php.

345
00:21:57,000 --> 00:22:00,770
Er du bare at vise mig, at hvide side, der siger 404 - Filen blev ikke fundet?

346
00:22:00,770 --> 00:22:04,400
Eller er du kommer til at sige: "Jamen, jeg er ked af, at jeg ikke kunne finde dette for dig,

347
00:22:04,400 --> 00:22:08,520
men måske her er nogle andre ressourcer til at hjælpe dig med søge efter hvad du har brug for. "

348
00:22:08,520 --> 00:22:13,180
Andre fejl - så, dette kaldes HTTP-fejl, der er bare nogle fejlkoder

349
00:22:13,180 --> 00:22:17,130
at din server kunne have sendt tilbage til browseren i tilfælde af noget slemt sker.

350
00:22:17,130 --> 00:22:20,160
400 - Bad Request. 401 - Uautoriseret.

351
00:22:20,160 --> 00:22:25,560
403 er en slags fælles, når du har en mappe, der ikke er meningen at få adgang

352
00:22:25,560 --> 00:22:27,310
af brugeren, brugeren, men forsøger at alligevel.

353
00:22:27,310 --> 00:22:30,840
Og 500 - Internal Server Error - der normalt sker, når du har noget

354
00:22:30,840 --> 00:22:33,070
virkelig dårlig sker med din PHP-kode.

355
00:22:33,070 --> 00:22:36,140
Men under alle omstændigheder, den slags browsere - gør disse former for fejl sker.

356
00:22:36,140 --> 00:22:40,550
>> Så hvordan kan du sikre, at du yndefuldt håndtere disse fejl

357
00:22:40,550 --> 00:22:43,230
og sørg for, at brugeren ikke er lige slags hængende der?

358
00:22:46,850 --> 00:22:48,850
Her kommer. Htaccess.

359
00:22:48,850 --> 00:22:51,300
Nu. Htaccess er noget, der virker på Apache-servere,

360
00:22:51,300 --> 00:22:55,550
noget, der virker og arbejder på et par andre servere som godt.

361
00:22:55,550 --> 00:23:01,350
Dette er blot en måde for dig at konfigurere din server sådan, at

362
00:23:01,350 --> 00:23:04,470
du kan gøre det gøre, hvad du vil have det at gøre.

363
00:23:04,470 --> 00:23:06,790
Nogle ting du kan gøre. Du kan styre dine cache-indstillinger.

364
00:23:06,790 --> 00:23:11,290
Måske er der en bestemt side på dit websted, som du sørge for, at brugeren

365
00:23:11,290 --> 00:23:14,740
re-download hver gang brugeren kommer og besøger dit website.

366
00:23:14,740 --> 00:23:26,980
Eller måske har du nogle URL, der er ligesom yoursite.com / test / html / pages / hello.html

367
00:23:26,980 --> 00:23:31,270
og du bare ønsker at det skal være yourname.com / goddag -. godt, kan du bruge htaccess

368
00:23:31,270 --> 00:23:34,760
at omdirigere en webside til en anden.

369
00:23:34,760 --> 00:23:36,600
Du kan også bruge det til at gøre godkendelse.

370
00:23:36,600 --> 00:23:39,890
Måske er der nogle dele af dit websted, som du har brug for at bruge en anden adgangskode.

371
00:23:39,890 --> 00:23:42,620
Du kan blokere visse IP-adresser, blokere bestemte domæner.

372
00:23:42,620 --> 00:23:46,770
Måske har du bare virkelig ikke kan lide Harvard studerende, der bruger dit website.

373
00:23:46,770 --> 00:23:49,910
Nå, har du mulighed for at blokere alle Harvard IP-adresser.

374
00:23:49,910 --> 00:23:56,370
>> Endelig kan du behandle tingene på - du kan skrive visse kode til at gøre din server

375
00:23:56,370 --> 00:24:03,100
behandle som. Zhao eller. dit navn eller. hello sider som PHP-kode.

376
00:24:03,100 --> 00:24:05,170
Måske der vil være nyttige. Måske vil det ikke være.

377
00:24:05,170 --> 00:24:07,980
Og endelig kan du bruge den til at håndtere fejl reaktioner.

378
00:24:07,980 --> 00:24:10,300
Hvad mener jeg med det?

379
00:24:10,300 --> 00:24:16,030
Hvis du blot føje kode som dette - ErrorDocument 404 og derefter henvise dem til nogle

380
00:24:16,030 --> 00:24:20,440
error side kan du sørge for, at brugeren ikke kun se virkelig, virkelig grim

381
00:24:20,440 --> 00:24:23,550
404 og vise dem noget rart.

382
00:24:23,550 --> 00:24:29,000
>> Lad os faktisk tage et kig på, hvordan vi kan gøre det med din Pset 7..

383
00:24:29,000 --> 00:24:34,190
Her er jeg i min apparatet.

384
00:24:34,190 --> 00:24:38,440
Jeg har tænkt mig at åbne Chrome, og så vil jeg prøve at få adgang til en side

385
00:24:38,440 --> 00:24:43,350
der ikke findes på CS50 Finance.

386
00:24:43,350 --> 00:24:52,710
Så lokale vært - cats.php-som så, bemærke, at jeg oprettede en fejl dokument

387
00:24:52,710 --> 00:24:54,770
som siger, "Canz ikke finde z side!"

388
00:24:54,770 --> 00:24:56,990
Det har en meget trist kat på den.

389
00:24:56,990 --> 00:24:59,910
Hvis du går på Twitter, hvis du går på nogen af ​​disse andre sites,

390
00:24:59,910 --> 00:25:02,700
du kan ikke finde en side, de normalt forsøger at vise dig en sød billede

391
00:25:02,700 --> 00:25:04,850
så at du ikke er alt for skuffet.

392
00:25:04,850 --> 00:25:07,830
Du kunne også have noget, der er mere professionelle, der siger,

393
00:25:07,830 --> 00:25:11,760
godt, jeg er ked af jeg kunne ikke finde den side, men måske her er et søgefelt.

394
00:25:11,760 --> 00:25:16,750
Eller måske her er nogle links, der vil hjælpe dig med at finde det link, du ønsker.

395
00:25:16,750 --> 00:25:21,410
Så, hvordan jeg gør det? Hvordan er det overhovedet muligt?

396
00:25:21,410 --> 00:25:23,500
Hvis vi går ind i vores terminal her -

397
00:25:23,500 --> 00:25:26,300
Jeg skal bare til at zoome ind lidt -

398
00:25:26,300 --> 00:25:30,110
bemærke, at jeg har en ny side.

399
00:25:30,110 --> 00:25:34,440
Inde i min HTML mappe det hedder - du kan ikke se det -

400
00:25:34,440 --> 00:25:37,280
det hedder error.php.

401
00:25:37,280 --> 00:25:41,010
Og error.php er blot en fil, som jeg gjorde

402
00:25:41,010 --> 00:25:43,030
der viser dig, at selve siden.

403
00:25:43,030 --> 00:25:46,710
Jeg kan vise dig, hvad error.php er.

404
00:25:46,710 --> 00:25:48,710
Det er præcis denne side.

405
00:25:48,710 --> 00:25:50,710
Den siger, "Åh nej! Canz ikke finde z side!"

406
00:25:50,710 --> 00:25:58,630
Og hvis du ønsker at se - så bemærke, at htaccess slags er en underlig navn..

407
00:25:58,630 --> 00:26:01,040
Det starter med en prik, hvilket betyder, at det er et system fil.

408
00:26:01,040 --> 00:26:03,360
Det er en skjult fil, som normalt ikke vises.

409
00:26:03,360 --> 00:26:09,060
Hvis du gør ls-a, kan du se alle de skjulte filer i en bestemt mappe,

410
00:26:09,060 --> 00:26:12,030
og ja, du ser. htaccess er en af ​​dem.

411
00:26:12,030 --> 00:26:15,490
Lad os gå videre og åbne htaccess. -

412
00:26:15,490 --> 00:26:19,830
med gedit -

413
00:26:19,830 --> 00:26:26,870
Boom! Alt jeg har, er en linje derinde - Fejl dokument 404 fejl

414
00:26:26,870 --> 00:26:28,760
som også er kendt som en fil-not-fundne fejl.

415
00:26:28,760 --> 00:26:32,720
Lad os omdirigere dem til noget, der hedder error.php.

416
00:26:36,100 --> 00:26:42,030
Du kan have det sjovt ting som canz ikke finde z side!

417
00:26:42,030 --> 00:26:46,770
Og der er også meget cool ting, du kan gøre med. Htaccess.

418
00:26:46,770 --> 00:26:49,520
Hvis du vil se mere. Htaccess magi,

419
00:26:49,520 --> 00:26:56,470
dette er en meget cool hjemmeside til at gå til - det hedder javascriptkit.com/howto/htaccess.shtml--

420
00:26:56,470 --> 00:27:01,880
hvis du ønsker at udføre mere server magi. Og det kunne være meget sjovt.

421
00:27:01,880 --> 00:27:05,490
>> Puha! All right! Flere søde billeder.

422
00:27:05,490 --> 00:27:10,060
Dette er en fyr gør push-ups, og hans kat forsøger at hjælpe. Jeg synes det er meget sød.

423
00:27:10,060 --> 00:27:14,830
Desværre har jeg ikke en kat som.

424
00:27:14,830 --> 00:27:17,640
Ok. Så vi har talt om. Htaccess.

425
00:27:17,640 --> 00:27:19,640
Vi har talt om fejlhåndtering.

426
00:27:19,640 --> 00:27:20,940
Vi har talt om hosting, domænenavne.

427
00:27:20,940 --> 00:27:23,230
Vi har talt om cross-browser kompatibilitet.

428
00:27:23,230 --> 00:27:25,210
Nu hvordan kan vi sørge for, at dit websted faktisk udfører?

429
00:27:25,210 --> 00:27:26,950
Hvordan kan vi sørge for, at hvis jeg går til din hjemmeside

430
00:27:26,950 --> 00:27:29,830
Jeg kan se din side inden for et par sekunder?

431
00:27:29,830 --> 00:27:33,520
En af de ting, som jeg tror folk bare slags glemme alt om

432
00:27:33,520 --> 00:27:36,160
er billedet optimering.

433
00:27:36,160 --> 00:27:37,560
Lad os sige, at du ønskede at sætte et billede på dit site

434
00:27:37,560 --> 00:27:40,330
og det er 2 MG store.

435
00:27:40,330 --> 00:27:42,670
Det kunne være fint for os, fordi vi er på Harvard,

436
00:27:42,670 --> 00:27:45,000
og vi har en meget hurtig internetforbindelse.

437
00:27:45,000 --> 00:27:47,470
Men forestil dig en person i Kina. Forestille mig nogen i Indien.

438
00:27:47,470 --> 00:27:52,440
forestille mig nogen måske i landdistrikterne Kansas, som måske ikke har den samme slags

439
00:27:52,440 --> 00:27:54,690
bredbåndsinternet, vi har.

440
00:27:54,690 --> 00:27:57,710
Hvis du har en 2 MB billede på din hjemmeside, og brugeren forsøger at få adgang til det,

441
00:27:57,710 --> 00:28:00,890
det kommer til at tage dem rigtig lang tid at downloade.

442
00:28:00,890 --> 00:28:04,160
Så hvis du ikke har brug for den slags opløsning,

443
00:28:04,160 --> 00:28:09,220
så kan du ændre størrelsen på dit billede med noget som Adobe Photo Shop.

444
00:28:09,220 --> 00:28:13,400
Der er normalt en valgmulighed kaldet sikker for web og enheder

445
00:28:13,400 --> 00:28:15,850
og hvad det gør, er det strimler ud af alle de unødvendige oplysninger

446
00:28:15,850 --> 00:28:20,160
og sortering af komprimerer din fil i en lille billedstørrelse, så du kan

447
00:28:20,160 --> 00:28:22,960
sætte det på din hjemmeside, og enhver bruger, der forsøger at hente den side

448
00:28:22,960 --> 00:28:26,950
kommer til at downloade en mindre version af dit billede.

449
00:28:26,950 --> 00:28:28,230
Hvis du ikke har Adobe Photo Shop

450
00:28:28,230 --> 00:28:32,650
webresizer.com er også en anden ressource, hvor du kan indtaste dit billede

451
00:28:32,650 --> 00:28:36,470
og det vil spytte ud af den nøjagtige samme billede,

452
00:28:36,470 --> 00:28:39,970
men det vil være noget lignende 3 gange mindre.

453
00:28:39,970 --> 00:28:41,970
Så det er meget nyttigt for dine brugere.

454
00:28:41,970 --> 00:28:45,930
>> En anden ting, du kan gøre, er at minify kode.

455
00:28:45,930 --> 00:28:48,460
Hvis vi tager et kig på Google.com,

456
00:28:48,460 --> 00:28:56,400
vil du se, at det ikke er slags den samme HTML og CSS, som vi er vant til.

457
00:28:56,400 --> 00:29:02,250
Bare kommer til at se på kildekoden her.

458
00:29:02,250 --> 00:29:07,600
Hvis jeg bare rulle ned - wow, det ser temmelig ulækkert.

459
00:29:07,600 --> 00:29:09,650
Dette ville få et nul på stil.

460
00:29:09,650 --> 00:29:13,470
Hvis du kodet dette til din Pset, vil du få et nul på din stil.

461
00:29:13,470 --> 00:29:16,990
Dette har ingen mellemrum. Navnene ser virkelig kryptisk.

462
00:29:16,990 --> 00:29:19,800
Det hele er virkelig modbydelig.

463
00:29:19,800 --> 00:29:24,060
Og scriptet til at lukke i kroppen - den afsluttende HTML -

464
00:29:24,060 --> 00:29:26,280
de er alle sammen - alle smushed sammen.

465
00:29:26,280 --> 00:29:28,280
Hvorfor gør de det?

466
00:29:28,280 --> 00:29:30,650
De minified deres kode.

467
00:29:30,650 --> 00:29:33,310
Bemærk, at dette dokument kommer til at være en meget mindre

468
00:29:33,310 --> 00:29:36,660
for mig at hente end noget med white space,

469
00:29:36,660 --> 00:29:39,410
end noget med rigtig lange variabelnavne.

470
00:29:39,410 --> 00:29:41,710
Hvis du minify din kode du strimler ud af alle de hvide rum.

471
00:29:41,710 --> 00:29:45,960
Selvfølgelig, din browser ligeglad, hvis du har nogen hvide rum i din kode.

472
00:29:45,960 --> 00:29:49,630
Du fratage det ud, nu kan jeg downloade en mindre fil -

473
00:29:49,630 --> 00:29:52,770
nu filen - det dokument, vi kommer til at hente en mindre filstørrelse,

474
00:29:52,770 --> 00:29:56,180
vil det være hurtigere for mig at hente, og det er nyttigt.

475
00:29:56,180 --> 00:30:01,550
Hvis du arbejder med hjemmesider og du lancere en hjemmeside,

476
00:30:01,550 --> 00:30:04,630
det er næsten altid godt at minify din kode.

477
00:30:04,630 --> 00:30:08,150
En anden grund til, at det kunne være godt, er måske du ikke ønsker andre skal bruge din kode.

478
00:30:08,150 --> 00:30:11,050
Måske har du ikke ønsker at andre skal bruge din CSS.

479
00:30:11,050 --> 00:30:13,460
Du ved, hvis du virkelig ønskede at være nærig med det,

480
00:30:13,460 --> 00:30:16,670
så kan du også minify din kode, og det ville være sværere for mig at stjæle det

481
00:30:16,670 --> 00:30:19,170
fordi jeg har ingen idé om, hvad der foregår.

482
00:30:19,170 --> 00:30:22,990
Du kan også gå til websteder som minify.avivo.si.

483
00:30:22,990 --> 00:30:27,900
Tjenester som dette online hjælpe dig minify din kode, så du ikke behøver at gøre det i hånden.

484
00:30:27,900 --> 00:30:30,080
Absolut ikke gøre det i hånden.

485
00:30:30,080 --> 00:30:32,210
>> Okay. Nu taler om scripts.

486
00:30:32,210 --> 00:30:35,040
Måske i din PHP kode der er noget, du ikke behøver at gøre.

487
00:30:35,040 --> 00:30:37,910
Måske er der ekstra sløjfer derinde.

488
00:30:37,910 --> 00:30:40,850
Vi talte om kode design i CS50.

489
00:30:40,850 --> 00:30:44,550
Selv hvis du kodning i C, hvis du har - hvis du laver ekstra arbejde

490
00:30:44,550 --> 00:30:49,440
at du ikke behøver at gøre, ja, er, at kommer til at bremse dine scripts på dit websted,

491
00:30:49,440 --> 00:30:53,280
og dette er især vigtigt for websites, fordi brugerne i dag er meget utålmodige.

492
00:30:53,280 --> 00:30:56,110
Hvis du laver unødvendigt arbejde, det kommer til at tage dem længere tid

493
00:30:56,110 --> 00:31:00,080
for at komme til de oplysninger, de ønsker, og de kommer til at være meget ulykkelig.

494
00:31:00,080 --> 00:31:02,200
Endelig kan du ønsker at optimere dine databasetabeller.

495
00:31:02,200 --> 00:31:05,020
Husk at vi talte om indekser.

496
00:31:05,020 --> 00:31:09,420
De er ikke kun godt for at sikre, at du har en række, der er unik.

497
00:31:09,420 --> 00:31:12,440
De er også gode til at sikre, at din database virker hurtigt.

498
00:31:12,440 --> 00:31:16,240
Hvis du ønsker at læse op på, der går til MySQL dokumentationen,

499
00:31:16,240 --> 00:31:18,710
eller du kan se på - ja, hvordan kan jeg optimere min database tabel?

500
00:31:18,710 --> 00:31:23,350
Hvordan gør jeg sikker på, at jeg har indekser, der hjælper mig med at få de oplysninger hurtigere?

501
00:31:23,350 --> 00:31:27,300
>> Der er også små tricks som du kan bruge som caching.

502
00:31:27,300 --> 00:31:28,980
Hvis du har PHP - hvis du har en blog, for eksempel,

503
00:31:28,980 --> 00:31:31,980
og du har - og det er drevet af PHP eller noget andet sprog -

504
00:31:31,980 --> 00:31:37,690
du kan cache din blog på lad os sige 50 minutters intervaller, så du kan tjene statiske sider

505
00:31:37,690 --> 00:31:40,610
eller statisk HTML til de besøgende på dit websted.

506
00:31:40,610 --> 00:31:43,380
På den måde brugerne ikke behøver at køre din PHP script hver gang,

507
00:31:43,380 --> 00:31:47,410
og måske der vil være hurtigere for dem at få adgang til denne information.

508
00:31:47,410 --> 00:31:49,410
>> Og endelig kan du bruge noget lignende CDN.

509
00:31:49,410 --> 00:31:51,900
Bemærk, at når du downloader en Pset,

510
00:31:51,900 --> 00:31:54,890
du altid gå til CDN.CS50.net. Hvorfor er det?

511
00:31:54,890 --> 00:32:01,540
CS50 bruger også lidt ligesom en CDN - et indhold distributionsnet -

512
00:32:01,540 --> 00:32:06,120
hvilket betyder blot, at det er en flok servere måske et eller andet sted rundt om i verden

513
00:32:06,120 --> 00:32:08,120
der hjælper tjene dine sider til dine besøgende.

514
00:32:08,120 --> 00:32:13,770
Hvis dine besøgende er at få en side fra en server, der er tættere på dem geografisk,

515
00:32:13,770 --> 00:32:16,770
så vil det sandsynligvis dine besøgende kommer til at få denne fil meget hurtigere.

516
00:32:16,770 --> 00:32:20,490
Der er også kilder online, der hjælper dig gøre det.

517
00:32:20,490 --> 00:32:24,070
En af dem er CloudFlare. De tilbyder en gratis CDN service.

518
00:32:24,070 --> 00:32:26,020
Hvis du har store filer, som din tjener til dine brugere,

519
00:32:26,020 --> 00:32:32,260
så måske er det bedre at sætte dem på en CDN, så de kan komme til dem hurtigere.

520
00:32:32,260 --> 00:32:39,070
>> Det sidste emne for dagen er søgemaskine optimering.

521
00:32:39,070 --> 00:32:41,070
Hvad er søgemaskineoptimering?

522
00:32:41,070 --> 00:32:44,070
Det er at sikre, at søgemaskiner som Google eller Bing eller Yahoo

523
00:32:44,070 --> 00:32:50,740
kan gå videre til dit websted og gennemgå dit websted og indeksere dit websted, og når

524
00:32:50,740 --> 00:32:53,040
Jeg, for eksempel, gå videre til Google.com og jeg forsøger at søge efter noget,

525
00:32:53,040 --> 00:32:55,040
så dit websted vil poppe op.

526
00:32:55,040 --> 00:32:57,000
Hvordan kan du sikre dig, at dit websted er en af ​​de top 10?

527
00:32:57,000 --> 00:33:00,000
Fordi som vi alle ved, hvis du søger efter noget på Google

528
00:33:00,000 --> 00:33:02,880
og det er ikke på top 10, du sandsynligvis ikke kommer til at se i de næste 10.

529
00:33:02,880 --> 00:33:07,160
Dette er en slags emne, der er indhyllet i mystik.

530
00:33:07,160 --> 00:33:09,850
Der er en masse hype derude på internettet.

531
00:33:09,850 --> 00:33:14,680
Der er en masse overtro omkring hvis du x vil Google lide dig bedre.

532
00:33:14,680 --> 00:33:16,680
Hvis du y så skal Google vil lide dig bedre.

533
00:33:16,680 --> 00:33:19,680
Det er nok bedre at kigge ind i søgningen gigant dokumenter selv.

534
00:33:19,680 --> 00:33:27,470
>> Dette er et af de dokumenter på Google, der fortæller dig præcis, hvordan du optimerer dit websted

535
00:33:27,470 --> 00:33:30,860
så Google kan få adgang til og indeksere det meget pænt.

536
00:33:30,860 --> 00:33:33,680
Du behøver ikke at kopiere ned denne webadresse, fordi denne præsentation vil

537
00:33:33,680 --> 00:33:36,680
være online alligevel.

538
00:33:36,680 --> 00:33:38,770
Hvis man ser på dette, og du læser dette er der nogle meget nyttige tips derinde.

539
00:33:38,770 --> 00:33:42,240
Google fortæller dig - hvis du virkelig ønsker dit websted skal indekseres godt

540
00:33:42,240 --> 00:33:44,610
så skal du gøre alle disse ting.

541
00:33:44,610 --> 00:33:47,570
>> En anden ting, som søgemaskinerne virkelig gerne er nyt indhold.

542
00:33:47,570 --> 00:33:49,500
Hvis du har indhold, der er opdateret meget regelmæssigt

543
00:33:49,500 --> 00:33:51,950
derefter søgemaskiner siger ooh, jeg kan lide dit websted.

544
00:33:51,950 --> 00:33:53,950
Jeg har tænkt mig at gå til dit websted meget ofte.

545
00:33:53,950 --> 00:33:56,840
Jeg har tænkt mig at indeksere en masse af dine sider.

546
00:33:56,840 --> 00:33:59,560
Hvis du har nyt indhold, så du er mere tilbøjelige til at dukke op -

547
00:33:59,560 --> 00:34:02,540
du er mere tilbøjelige til at være mere relevant.

548
00:34:02,540 --> 00:34:04,630
Du er mere tilbøjelige til at være mere opdateret,

549
00:34:04,630 --> 00:34:08,860
og søgemaskiner er mere tilbøjelige til at sætte dit websted over andre.

550
00:34:08,860 --> 00:34:10,860
>> Dybe links er også vigtig.

551
00:34:10,860 --> 00:34:13,530
Hvis du virkelig ønskede dit websted til at se godt ud i en søgemaskines øjne

552
00:34:13,530 --> 00:34:18,090
har en masse andre hjemmesider forbundet til det og knyttet dybt på din hjemmeside.

553
00:34:18,090 --> 00:34:20,090
Må ikke bare linke til din hjemmeside.

554
00:34:20,090 --> 00:34:26,719
Link til måske yourname.com / noget / noget / something.php.

555
00:34:26,719 --> 00:34:29,840
At - til en søgemaskine - betyder, wow, de har virkelig interessant indhold

556
00:34:29,840 --> 00:34:35,350
at en anden er at linke så dybt ind i deres websted, som jeg burde virkelig, virkelig

557
00:34:35,350 --> 00:34:38,260
lægge mere vægt på, at webstedets sider.

558
00:34:38,260 --> 00:34:41,940
>> Hvis du har præcise sidetitler, hvis du ikke har nogen fejl, der er godt, fordi

559
00:34:41,940 --> 00:34:44,670
Hvis en søgemaskine forsøger at besøge dit websted, og det bliver en fejl,

560
00:34:44,670 --> 00:34:46,780
er det sandsynligvis kommer til at give op meget, meget snart.

561
00:34:46,780 --> 00:34:49,510
Og endelig, du ønsker at have en hurtig load tid, fordi søgemaskiner -

562
00:34:49,510 --> 00:34:53,820
ligesom mennesker - lad være have en masse tålmodighed for langsomme hjemmesider.

563
00:34:53,820 --> 00:34:57,070
Dette er en måde for dig at sørge for, at du møder op højere i

564
00:34:57,070 --> 00:35:01,390
søgemaskine forespørgsler og forhåbentlig derved få mere trafik.

565
00:35:01,390 --> 00:35:04,730
Fordi efter alt, har du brugt al den tid på at udvikle dit website.

566
00:35:04,730 --> 00:35:06,280
Du brugte alle denne gang lancerer dette website online.

567
00:35:06,280 --> 00:35:11,780
Du ønsker at sikre, at du har masser af brugere, der rent faktisk ser dit indhold.

568
00:35:13,330 --> 00:35:15,660
>> Andre gode ressourcer til at bruge.

569
00:35:15,660 --> 00:35:19,210
Google Webmaster Tools er noget at se på.

570
00:35:19,210 --> 00:35:21,780
Dette blot hjælper dig med at se - Google ikke indeksere min hjemmeside.

571
00:35:21,780 --> 00:35:24,490
Hvilke typer af fejl er det at støde?

572
00:35:24,490 --> 00:35:27,490
Hvor mange sider har det indekseret?

573
00:35:27,490 --> 00:35:29,490
Hvad betyder det mener er det vigtigste indhold på min side?

574
00:35:29,490 --> 00:35:31,490
Måske er det ikke, hvad jeg vil have det til at være.

575
00:35:31,490 --> 00:35:36,880
Måske har jeg brug for at ændre min hjemmeside en lille smule, således at det afspejles bedre

576
00:35:36,880 --> 00:35:38,880
hvad min hjemmeside er virkelig om.

577
00:35:38,880 --> 00:35:41,000
Google Analytics er et andet virkelig cool værktøj.

578
00:35:41,000 --> 00:35:44,120
Du kan tilføje en lille smule af JavaScript til dine sider.

579
00:35:44,120 --> 00:35:47,020
Og så bagefter kan du gå til Google Analytics, og det vil spore

580
00:35:47,020 --> 00:35:49,020
dine besøgende demografi og dit websted vækst.

581
00:35:49,020 --> 00:35:51,810
Det vil fortælle dig, præcis hvor mange besøgende besøger dit websted

582
00:35:51,810 --> 00:35:55,310
inden for en bestemt dag, inden for et bestemt time, inden en bestemt uge.

583
00:35:55,310 --> 00:35:57,310
Hvor mange besøgende fra Kina? Hvor mange besøgende fra Antarktis -

584
00:35:57,310 --> 00:35:59,310
du får til din hjemmeside.

585
00:35:59,310 --> 00:36:03,470
der kunne være noget cool at se, eller det kan endda være nyttigt

586
00:36:03,470 --> 00:36:05,470
fordi du forsøger at målrette en bestemt gruppe.

587
00:36:05,470 --> 00:36:08,410
Måske er du forsøger at målrette teenagere med din hjemmeside, og du kan se, at

588
00:36:08,410 --> 00:36:11,410
de fleste af de besøgende på dit website er måske 30 - til 40-årige,

589
00:36:11,410 --> 00:36:15,130
så måske enten du har et problem, eller du kan bare sige,

590
00:36:15,130 --> 00:36:19,590
godt, så måske skulle jeg bare ændre min hjemmeside fokus, så

591
00:36:19,590 --> 00:36:22,240
Jeg fokuserer mere på denne aldersgruppe.

592
00:36:22,240 --> 00:36:28,500
>> Google Apps - hvis du ønskede at have slags e-mails med dit domænenavn -

593
00:36:28,500 --> 00:36:31,230
måske noget lignende yourname@yourname.com--

594
00:36:31,230 --> 00:36:35,270
kan du bruge Gmail-adresser - du kan bruge Gmail-tjenesten

595
00:36:35,270 --> 00:36:38,500
og Google Apps er én måde at gøre det.

596
00:36:38,500 --> 00:36:44,050
Du kan oprette specifikke e-mail-adresser, der er specifikke for dit domænenavn

597
00:36:44,050 --> 00:36:46,800
stedet of@gmail.com.

598
00:36:46,800 --> 00:36:51,840
>> Og endelig er der webudvikler udvidelser og add-ons - for Chrome,

599
00:36:51,840 --> 00:36:56,380
til Firefox, for andre browsere - der tillader dig at gå ind og inspicere

600
00:36:56,380 --> 00:37:02,290
CSS, inspicere JavaScript, se nøjagtigt, hvad der er galt med din JavaScript script,

601
00:37:02,290 --> 00:37:05,290
og måske der vil være nyttige for din de-aflytning formål, for du finde ud af -

602
00:37:05,290 --> 00:37:08,630
godt, hvorfor er ikke min hjemmeside vises korrekt i denne browser?

603
00:37:08,630 --> 00:37:11,800
>> Og endelig, hvis du ønsker at vide mere om alle disse emner -

604
00:37:11,800 --> 00:37:14,410
hvis du ønsker at lære mere om HTML og CSS og JavaScript -

605
00:37:14,410 --> 00:37:16,790
da der efter alt, vi kun lært dig en smule -

606
00:37:16,790 --> 00:37:21,240
kan du gå websites som W3Schools.com for at lede efter flere ressourcer.

607
00:37:21,240 --> 00:37:26,340
De har meget nice tutorials om hvordan gør jeg x, eller hvad betyder y betyder?

608
00:37:26,340 --> 00:37:30,400
Hvis du ønskede at lære mere om disse sprog, kan du blot gå her.

609
00:37:30,400 --> 00:37:37,690
>> Ok. Jeg tror, ​​jeg ønskede at forlade de sidste par minutter af denne til spørgsmål,

610
00:37:37,690 --> 00:37:39,810
så er der nogen spørgsmål om noget, som vi talte om?

611
00:37:39,810 --> 00:37:43,500
[Tilhørerne] Hvilke ting er på W3Schools og hvordan er det dækket?

612
00:37:43,500 --> 00:37:45,500
[Yuechen Zhao] Hvilke ting?

613
00:37:45,500 --> 00:37:50,180
Så en af ​​de allerstørste ting, som jeg bruger meget, er deres referencer.

614
00:37:50,180 --> 00:37:54,430
Deres referencer detaljer, for eksempel til CSS -

615
00:37:54,430 --> 00:37:59,480
hvad dette betyder, eller hvis du ønsker at ændre baggrunden på en side -

616
00:37:59,480 --> 00:38:01,480
hvordan gør du det?

617
00:38:01,480 --> 00:38:04,550
Hvilke browsere understøtter denne kommando? Ting som.

618
00:38:04,550 --> 00:38:10,870
Og så er de også bare har meget rart tutorials på HTML, på PHP, om JavaScript

619
00:38:10,870 --> 00:38:14,290
på MySQL. om alle mulige forskellige emner

620
00:38:14,290 --> 00:38:18,800
De har nice tutorials. De lærer dig, hvordan du gør tingene på.

621
00:38:18,800 --> 00:38:22,590
Det er rart at kunne gå og lære mere om disse emner.

622
00:38:22,590 --> 00:38:27,180
>> [Tilhørerne] HTML 5 er stadig ikke kompatibel med alle browsere derude.

623
00:38:27,180 --> 00:38:30,700
Vil du anbefale blot opholder sig væk fra det på grund af kompatibilitetsproblemer?

624
00:38:30,700 --> 00:38:32,700
Hvordan vil du håndtere det?

625
00:38:32,700 --> 00:38:38,640
[Yuechen Zhao] Ja, så er spørgsmålet, HTML5 er stadig en baby standard.

626
00:38:38,640 --> 00:38:42,030
Det er egentlig ikke understøttes af en masse browsere, så bør vi undgå det?

627
00:38:42,030 --> 00:38:48,040
Jeg tror sidste år ville jeg have været en meget stor fortaler for, lad os undgå HTML5

628
00:38:48,040 --> 00:38:52,430
fordi det stadig er - det er stadig meget nyt og i virkeligheden, HTML5 standarden

629
00:38:52,430 --> 00:38:55,610
er endnu ikke afsluttet endnu.

630
00:38:55,610 --> 00:38:58,790
Og så er der virkelig ingen HTML5 standard.

631
00:38:58,790 --> 00:39:03,840
Men jeg tror, ​​især hvis du designer en hjemmeside nu,

632
00:39:03,840 --> 00:39:07,450
det kunne være bedre, hvis du bare gå med HTML5, fordi det er slags kommer til at være i fremtiden,

633
00:39:07,450 --> 00:39:11,250
og hvis du vil have din hjemmeside til at være fremtidssikret, og du vil have din hjemmeside til at arbejde

634
00:39:11,250 --> 00:39:14,320
i fremtidige browsere, kan det være bedre at begynde at bygge noget for fremtiden

635
00:39:14,320 --> 00:39:19,830
end for fortiden, men også kun på grund af det faktum, at HTML5 er virkelig ikke så forskellige

636
00:39:19,830 --> 00:39:23,080
fra HTML4 eller XHTML.

637
00:39:23,080 --> 00:39:29,780
Hvis du bruger HTML5, det normalt vil fungere i de fleste browsere.

638
00:39:29,780 --> 00:39:34,660
Du skal bare nødt til at sortere i gå ind og sørge for med disse screenshots

639
00:39:34,660 --> 00:39:38,630
og sikre med at gå videre til disse hjemmesider selv.

640
00:39:38,630 --> 00:39:44,280
Men mest sandsynligt at det vil arbejde, medmindre du bruger meget specifikke funktioner til HTML5.

641
00:39:44,280 --> 00:39:50,240
Bemærk også, at for CS50 - for eksempel til den video-afspiller, som vi bruger -

642
00:39:50,240 --> 00:39:56,230
det bruger HTML5 og HTML5-video til at vise forelæsningerne.

643
00:39:56,230 --> 00:39:59,420
Men hvis du har en rigtig gammel browser, så det vil falde tilbage på Flash.

644
00:39:59,420 --> 00:40:01,420
Så det er også noget andet -

645
00:40:01,420 --> 00:40:05,190
har en fall-back-system for, når du bare vide, at browseren ikke kommer til at håndtere

646
00:40:05,190 --> 00:40:08,140
hvad du vil have det til at håndtere.

647
00:40:08,140 --> 00:40:10,140
>> Andre spørgsmål?

648
00:40:10,140 --> 00:40:13,270
Noget, vi talte om.

649
00:40:16,910 --> 00:40:20,750
Ok. Så jeg tror, ​​det er om det for mig.

650
00:40:20,750 --> 00:40:23,090
Jeg tror, ​​det er det.

651
00:40:23,090 --> 00:40:28,430
(Bifald)

652
00:40:28,430 --> 00:40:30,000
Cool.

653
00:40:30,500 --> 00:40:32,700
[CS50.TV]