1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [Seminar] [Forberedelse nettstedet for nettet]

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
>> Ok. Her er enda en time av webutvikling hvis dere er opp for det.

5
00:00:11,660 --> 00:00:16,290
I dag skal jeg snakke om å forberede ditt nettsted for Internett.

6
00:00:16,290 --> 00:00:20,260
Hele dagen - og trolig de siste to uker -

7
00:00:20,260 --> 00:00:22,240
vi har snakket om hvordan du oppretter et nettsted,

8
00:00:22,240 --> 00:00:24,880
hvordan du bruker HTML, hvordan du bruker PHP, hvordan du bruker rammer,

9
00:00:24,880 --> 00:00:29,420
hvordan å være sikker på at du kan samhandle med databasen - slike ting.

10
00:00:29,420 --> 00:00:34,830
Men i dag, vi skal snakke om hvor nettstedet kommer til å leve etter CS50.

11
00:00:34,830 --> 00:00:40,010
Fordi tross alt, ikke CS50 ikke skje siste desember.

12
00:00:40,010 --> 00:00:42,090
Vi skal snakke om domenenavn, hosting.

13
00:00:42,090 --> 00:00:44,790
Vi kommer til å snakke om hva kryss-nettleser kompatibilitet

14
00:00:44,790 --> 00:00:49,540
og kryss-plattform kompatibilitet er, og hvordan du kan sørge for at nettstedet ditt

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

16
00:00:51,610 --> 00:00:54,330
Vi skal snakke om feilhåndtering og andre server magi.

17
00:00:54,330 --> 00:00:57,890
Vi snakker om ytelse optimalisering, søkemotoroptimalisering,

18
00:00:57,890 --> 00:01:00,310
og hvordan å få folk til å faktisk besøke nettsteder.

19
00:01:00,310 --> 00:01:05,960
Og til slutt, til bare noen gode ressurser sørge for at dere har nok av dem

20
00:01:05,960 --> 00:01:09,680
å gå av med det endelige prosjektet, og forhåpentligvis etter.

21
00:01:09,680 --> 00:01:13,120
>> Det første som vi skal snakke om er domenenavn.

22
00:01:13,120 --> 00:01:18,020
Akkurat nå er du programmerer i apparatet ditt, du kommer til en lokal host

23
00:01:18,020 --> 00:01:20,360
som ikke er faktisk et domenenavn.

24
00:01:20,360 --> 00:01:26,370
Det er liksom bare et kallenavn eller et alias for den faktiske Linux installasjon

25
00:01:26,370 --> 00:01:31,150
innsiden av enten VMware på en Mac eller VMware Player på en PC.

26
00:01:31,150 --> 00:01:36,510
Domenenavn tillate deg å sette et område på nettet og deretter gå til noe sånt

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

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

29
00:01:41,500 --> 00:01:43,390
La oss si at du er bare en gjennomsnittlig web server -

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

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

32
00:01:52,570 --> 00:01:57,300
Hvordan ting fungerer - maskinen din vil da spørre en lokal DNS-server,

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

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

35
00:02:02,200 --> 00:02:05,580
DNS-serveren kan si: "Ja, det gjør jeg."

36
00:02:05,580 --> 00:02:09,139
I så fall får du IP-adressen, og datamaskinen åpner den IP-adressen.

37
00:02:09,139 --> 00:02:15,050
Hvis den ikke gjør det, spør den annen DNS-server, "Hey! Vet du hva www.howstuffworks.com er?"

38
00:02:15,050 --> 00:02:17,670
Den serveren kan si: "Ja, det gjør jeg."

39
00:02:17,670 --> 00:02:22,500
Så, forteller den andre hva det er, og til slutt, blir denne informasjonen sendes til datamaskinen,

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

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

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

43
00:02:32,940 --> 00:02:35,350
Du kan registrere deg for en,

44
00:02:35,350 --> 00:02:38,280
og det finnes en rekke nettsteder der ute som lar deg gjøre det.

45
00:02:38,280 --> 00:02:41,420
Du må - i de fleste tilfeller må du betale for dem.

46
00:02:41,420 --> 00:02:43,890
Det er visse domenenavn som 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, de kommer med visse begrensninger, og faktisk noen av dem kanskje ikke engang være

49
00:02:56,500 --> 00:03:00,540
ekte, toppnivå domenenavn som. com eller. net.

50
00:03:00,540 --> 00:03:03,300
Normalt ville jeg foreslå å gå for en av dem

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

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

53
00:03:10,070 --> 00:03:13,790
Du sannsynligvis ikke har sett mye av. Co.cc 's, slik at de er vanskeligere å huske.

54
00:03:13,790 --> 00:03:18,900
Ulike nettsteder som GoDaddy eller NameCheap eller - Jeg brukte en som er

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

56
00:03:21,550 --> 00:03:24,160
Det ser virkelig sketchy, men det har fungert veldig bra for meg.

57
00:03:24,160 --> 00:03:27,810
>> Og til slutt, har du andre som kanskje gjøre mer reklame som Network Solutions.

58
00:03:27,810 --> 00:03:31,140
Men hvis du går inn på NetworkSolutions.com og se på sine priser

59
00:03:31,140 --> 00:03:34,070
det er veldig dyrt. Jeg så på dem i går kveld.

60
00:03:34,070 --> 00:03:37,400
For ett år av et domenenavn, er det sannsynligvis ikke verdt så mye penger.

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

62
00:03:40,210 --> 00:03:43,430
vanlig pris er ca $ 10 i året.

63
00:03:43,430 --> 00:03:48,710
Så hvis du betaler mye mer enn det, er det sannsynligvis ikke det verdt det

64
00:03:48,710 --> 00:03:52,440
fordi, tross alt, disse nettstedene ikke gjøre noe med dette domenenavnet.

65
00:03:52,440 --> 00:03:58,270
De bare gi den til deg, og så hvis du kan få det for billig, hvorfor ikke?

66
00:03:58,270 --> 00:04:02,540
>> Den andre tingen er når du har ditt domenenavn, så har du sannsynligvis ønsker å

67
00:04:02,540 --> 00:04:08,610
gå videre til enten Godaddy.com eller hvor du kjøpte domenenavnet

68
00:04:08,610 --> 00:04:11,220
og sette navnetjenerne for dette domenenavnet.

69
00:04:11,220 --> 00:04:15,560
Hva det betyr er når en bruker går til www.howstuffworks.com,

70
00:04:15,560 --> 00:04:20,839
de navnetjenere IP-adresser er IP-adressene som de ville være i stand til å se opp.

71
00:04:20,839 --> 00:04:24,680
De ville være i stand til å få tilgang til nettstedet gjennom disse navnetjenerne.

72
00:04:24,680 --> 00:04:26,830
Hvis du søker på hosting sted

73
00:04:26,830 --> 00:04:31,210
da verten vil mest sannsynlig gi deg navnetjenerne å bruke.

74
00:04:31,210 --> 00:04:34,210
>> Og til slutt, det er dette som kalles en WHOIS.

75
00:04:34,210 --> 00:04:38,890
En WHOIS-database er en database som du kan legge inn et domenenavn

76
00:04:38,890 --> 00:04:44,170
og det vil spytte ut litt informasjon om eieren av dette området og annen kontaktinformasjon.

77
00:04:44,170 --> 00:04:49,080
Nå, du kan si: "jeg egentlig ikke ønsker min hjemmeadresse eller jeg vet egentlig ikke ønsker min e-postadresse

78
00:04:49,080 --> 00:04:54,010
på nettsiden for alle å se eller på internett for alle å se. "

79
00:04:54,010 --> 00:04:57,740
Da vil du kanskje å bruke noe som mange av hosting tjenester tilbyr -

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

81
00:04:59,740 --> 00:05:03,550
En WHOIS manager er rett og slett en annen tjeneste som mange av dem sørge for at

82
00:05:03,550 --> 00:05:07,700
skjuler unna som informasjon og bare setter i hvem som er manager for navnet -

83
00:05:07,700 --> 00:05:13,070
for adressen er det vanligvis bare at firmanavnet som har gitt deg dette domenenavnet -

84
00:05:13,070 --> 00:05:17,350
og så deretter dine personlige opplysninger ikke blir lekket på internett,

85
00:05:17,350 --> 00:05:19,350
som vanligvis er ganske bra.

86
00:05:19,350 --> 00:05:21,350
Jeg selv bruker en av disse tjenestene.

87
00:05:21,350 --> 00:05:25,630
Hvis du ikke bryr deg om ditt eget privatliv så det spiller ingen rolle egentlig.

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

89
00:05:32,490 --> 00:05:36,560
det er liksom som en hash table et sted som sier:

90
00:05:36,560 --> 00:05:42,320
 "Denne nettsiden adressen skal tilordnes til denne IP-adressen." Og det er alt det er.

91
00:05:42,320 --> 00:05:48,180
Så når du spør på dette DNS server, så kan du få IP-adressene

92
00:05:48,180 --> 00:05:51,930
for at tilsvarende domenenavn og deretter besøke dette nettstedet.

93
00:05:51,930 --> 00:05:59,820
(Publikummer stille et spørsmål - ikke hørbar)

94
00:05:59,820 --> 00:06:07,910
Den første? Det første nivået er faktisk vanligvis bare datamaskinen cachen.

95
00:06:07,910 --> 00:06:12,570
Datamaskinen slags husker sist gang du gikk til www.google.com

96
00:06:12,570 --> 00:06:18,090
det var på denne IP-adressen, og deretter etter en stund, vil det cache utløper,

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

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

99
00:06:26,400 --> 00:06:31,040
Normalt, når du kjøper et domenenavn, og du registrerer en, og du setter opp en nettside,

100
00:06:31,040 --> 00:06:35,670
du kan ikke gå til denne nettsiden straks med dette domenenavnet fordi navnetjenere

101
00:06:35,670 --> 00:06:40,180
over hele kloden vet ikke om ditt domenenavn ennå. Det må fylles ut.

102
00:06:40,180 --> 00:06:43,220
Det tar vanligvis ca 24-48 timer.

103
00:06:43,220 --> 00:06:48,460
OK. Så, det er litt om domenenavn. De er veldig kul.

104
00:06:48,460 --> 00:06:51,540
Jeg tror du bør få en hvis du er seriøs om prosjektet

105
00:06:51,540 --> 00:06:55,300
og hvis du virkelig ønsker å gjøre prosjektet kjent over campus,

106
00:06:55,300 --> 00:06:58,050
å ha et domenenavn gjør det ser veldig profesjonelt.

107
00:06:58,050 --> 00:07:01,510
>> Så neste steg, selvfølgelig, er å ha noen form for hosting.

108
00:07:01,510 --> 00:07:05,540
Hvis du bare legge den ut på datamaskinen, er ingen noensinne kommer til å være i stand til å gå til det.

109
00:07:05,540 --> 00:07:09,110
Du kan potensielt sette opp en server på datamaskinen og holde datamaskinen på evig,

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

111
00:07:11,160 --> 00:07:14,000
Det finnes forskjellige typer hosting online tilgjengelig.

112
00:07:14,000 --> 00:07:21,870
Det er delt hosting. Det er VPN (uforståelig) som er virtuelle verter.

113
00:07:21,870 --> 00:07:23,870
Det er semi-dedikerte og dedikerte.

114
00:07:23,870 --> 00:07:29,030
Av de siste tre, VPN, semi-dedikerte og engasjerte er vanligvis dyrere.

115
00:07:29,030 --> 00:07:32,660
De er vanligvis brukes til nettsteder som krever mer ressurser.

116
00:07:32,660 --> 00:07:34,680
Hvis du bare starte opp med en nettside,

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

118
00:07:40,670 --> 00:07:43,430
Og hva delte betyr er bare en haug med nettsteder er alle sammen

119
00:07:43,430 --> 00:07:51,560
liksom på en server på denne nettsiden på denne verten server, og du kan få tilgang til nettstedet

120
00:07:51,560 --> 00:07:53,660
via domenenavn.

121
00:07:53,660 --> 00:07:55,980
>> Det er mange populære verter der ute.

122
00:07:55,980 --> 00:08:01,160
HostGator og DreamHost - de er veldig, veldig stort og veldig, veldig populær

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

124
00:08:03,160 --> 00:08:05,160
Jeg personlig bruker en som heter MDDHosting.

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

126
00:08:08,240 --> 00:08:10,240
Jeg tror de er veldig bra.

127
00:08:10,240 --> 00:08:14,550
De har alltid vært veldig pålitelig, og jeg har aldri hatt noen problemer med dem.

128
00:08:14,550 --> 00:08:18,610
De har også svært konkurransedyktige priser.

129
00:08:18,610 --> 00:08:24,400
To som jeg ikke liker er GoDaddy - det er også en svært populær vert,

130
00:08:24,400 --> 00:08:26,400
men jeg har hatt forferdelige opplevelser med dem,

131
00:08:26,400 --> 00:08:29,430
og en masse folk som jeg vet har hatt virkelig forferdelige opplevelser med dem.

132
00:08:29,430 --> 00:08:32,150
De liksom gå etter folk som ikke vet hva de gjør -

133
00:08:32,150 --> 00:08:34,150
kanskje du gjør et nettsted for første gang,

134
00:08:34,150 --> 00:08:37,150
og slik at de liksom lure dem til å kjøpe sine hosting pakken.

135
00:08:37,150 --> 00:08:42,570
Ikke gjør det. Ikke fall for det. Gå se etter andre hosting-pakker som virkelig passer dine behov.

136
00:08:42,570 --> 00:08:44,880
Og den andre er - det er gratis vertene der ute.

137
00:08:44,880 --> 00:08:47,350
Det finnes nettsteder som vert for nettstedet ditt gratis -

138
00:08:47,350 --> 00:08:49,350
noen ganger ved å sette en annonse på nettstedet ditt,

139
00:08:49,350 --> 00:08:52,290
noen ganger ved å gjøre deltar du i deres forum,

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

141
00:08:54,340 --> 00:09:00,000
Men vær forsiktig med gratis vertene fordi mange av dem egentlig bare gå ut av business

142
00:09:00,000 --> 00:09:03,480
etter noen måneder. Du bare ikke kan holde tritt med kostnadene.

143
00:09:03,480 --> 00:09:07,460
Andre er bare veldig upålitelig, og nettstedet vil alltid være nede,

144
00:09:07,460 --> 00:09:09,700
og du ikke vil at det skal skje.

145
00:09:09,700 --> 00:09:12,330
>> Hver vert vil tilby sitt eget kontrollpanel.

146
00:09:12,330 --> 00:09:16,520
Legg merke til at for apparatet ditt, det er egentlig ikke et kontrollpanel per se.

147
00:09:16,520 --> 00:09:19,230
Du må bruke terminalen til å gå og redigere filene.

148
00:09:19,230 --> 00:09:21,230
Du må chmod ting ved deg selv.

149
00:09:21,230 --> 00:09:24,770
Hvis du ønsket å gå til PHPMyAdmin,

150
00:09:24,770 --> 00:09:29,560
du må gå til localhost @ / phpmyadmin og sånne ting.

151
00:09:29,560 --> 00:09:36,660
Men med et kontrollpanel kan du gå inn og redigere filene på serveren din

152
00:09:36,660 --> 00:09:40,350
med Windows Utforsker eller en finder-type program.

153
00:09:40,350 --> 00:09:44,810
Eller du kan gå gjennom og se på dine databaser med sitt eget verktøy

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

155
00:09:47,280 --> 00:09:52,240
Så, det er mange valg her, og noen av de mer populære kontrollpaneler er der oppe.

156
00:09:52,240 --> 00:09:54,240
Men hvis du er ute etter en vert,

157
00:09:54,240 --> 00:09:57,090
bør du kanskje å se på hva slags tilpasninger og opsjoner

158
00:09:57,090 --> 00:10:02,810
de tilbyr meg å tilpasse min server og lage min nettside kjører bedre.

159
00:10:02,810 --> 00:10:07,110
Ja, så du kan spørre, "Vel, hvordan jeg velger hosting?"

160
00:10:07,110 --> 00:10:11,460
Hvis du går på til enhver vert nettside det er mye sjargong, og det finnes en rekke alternativer.

161
00:10:11,460 --> 00:10:14,470
Det er mange forskjellige priser også.

162
00:10:14,470 --> 00:10:19,690
Normalt jeg gå for billigere de bare fordi nettsteder som kanskje du og jeg gjør -

163
00:10:19,690 --> 00:10:23,520
og spesielt akkurat nå, spesielt som forretter - de trenger kanskje ikke så mange ressurser

164
00:10:23,520 --> 00:10:26,770
som kanskje en nettside som Microsoft.com.

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

166
00:10:32,090 --> 00:10:35,090
nettstedet ditt kommer til å ligge på Linux, Windows eller på Mac.

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

168
00:10:39,790 --> 00:10:43,730
og også den som kanskje dere er mer kjent med på grunn av apparatet.

169
00:10:43,730 --> 00:10:48,040
Og så, kanskje de vil sette noen begrensninger på hvor mye båndbredde som du får -

170
00:10:48,040 --> 00:10:53,030
som hvor mange megabyte eller gigabyte data kan brukere laste ned

171
00:10:53,030 --> 00:10:55,470
fra deres nettside per måned? Eller diskplass.

172
00:10:55,470 --> 00:11:00,640
Hvor mye plass får du? Er det 500 MB? Er det 2 GB? Er det ubegrenset?

173
00:11:00,640 --> 00:11:05,920
I dag, mange av webservere gir deg ubegrenset diskplass som en måte for dem

174
00:11:05,920 --> 00:11:08,560
å lokke deg til å få sine hosting pakken.

175
00:11:08,560 --> 00:11:11,850
Men hvis du virkelig tenker over det, er når du noensinne kommer til å trenge ubegrenset diskplass?

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

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

178
00:11:20,060 --> 00:11:23,110
jeg vanligvis bare gå for kanskje noen gigabytes med plass,

179
00:11:23,110 --> 00:11:27,990
og som kan være nok til å starte meg før jeg trenger mer.

180
00:11:27,990 --> 00:11:31,480
>> Endelig kan de sette begrensninger på hva slags - hvor mange databaser du kan ha.

181
00:11:31,480 --> 00:11:34,760
Kanskje du bare kan ha en database. Kanskje du kan ha to. Kanskje du kan ha 10.

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

183
00:11:38,330 --> 00:11:40,330
Ting å stille deg selv.

184
00:11:40,330 --> 00:11:42,330
Og så til slutt, bare ting som språk.

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

186
00:11:44,330 --> 00:11:49,010
De fleste hosting nettsteder støtter ikke disse fordi de er gratis. De er åpen kildekode.

187
00:11:49,010 --> 00:11:51,190
Det koster ikke dem noe å gi disse for deg.

188
00:11:51,190 --> 00:11:55,680
Men hvis du ønsker å bruke, sier Ruby eller Python eller noen av disse andre språk -

189
00:11:55,680 --> 00:11:59,490
de kan ikke støtte det på deres server, så det er viktig å se etter slike ting.

190
00:11:59,490 --> 00:12:05,620
>> Og til slutt, lar de deg til å gjøre noen mer avanserte ting som SSL eller cron jobber?

191
00:12:05,620 --> 00:12:12,060
SSL er et alternativ der du kan gjøre nettstedet mer sikker ved å gjøre det HTTPS

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

193
00:12:14,060 --> 00:12:17,230
Og cron jobbene er bare kanskje skript som du vil kjøre

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

195
00:12:19,510 --> 00:12:22,030
Mange delte hosting nettsteder gjør sette begrensninger

196
00:12:22,030 --> 00:12:26,310
på antall cron jobber som du kan kjøre fordi det tar opp mer ressurser.

197
00:12:26,310 --> 00:12:31,800
>> Og til slutt, bare alt annet som du ønsker å se på - sørg nøyaktig hva som skjer

198
00:12:31,800 --> 00:12:35,180
før du kjøper hosting pakken.

199
00:12:35,180 --> 00:12:37,720
Og til slutt, ytelse. Ytelsen er enorme.

200
00:12:37,720 --> 00:12:39,740
Hvor rask er min nettside kommer til å kjøre?

201
00:12:39,740 --> 00:12:42,950
De fleste brukere kommer ikke til å vente på selv sekunder for nettstedet ditt for å kjøre

202
00:12:42,950 --> 00:12:47,640
før de bare blir lei, og de går videre til MeanBase og begynne å se på bildene

203
00:12:47,640 --> 00:12:52,240
av katter - du vet det skjer, og du vil være sikker på at du får den brukeren om bord

204
00:12:52,240 --> 00:12:54,300
og at du har god oppetid som betyr nettopp det

205
00:12:54,300 --> 00:12:56,300
nettstedet ditt kommer til å være tilgjengelig til enhver tid.

206
00:12:56,300 --> 00:13:01,880
Mange verter har virkelig dårlig oppetid og som bare betyr at nettstedet kommer ikke til å være

207
00:13:01,880 --> 00:13:06,500
tilgjengelig, og du ikke vil at det skal skje fordi du kan være trist.

208
00:13:06,500 --> 00:13:10,360
Og du kan også spore din vertens ytelse med nettsteder som

209
00:13:10,360 --> 00:13:16,440
Pingdom.com eller Host-tracker.com, og de bare fortelle deg hvor ofte er nettstedet ned.

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

211
00:13:18,490 --> 00:13:21,890
Hvis du har et problem de kommer til å svare deg innen 24 timer?

212
00:13:21,890 --> 00:13:23,890
De kommer til å svare deg innen 48 timer?

213
00:13:23,890 --> 00:13:26,500
Hosting tjeneste som jeg bruker normalt reagerer på meg i løpet av minutter

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

215
00:13:29,760 --> 00:13:33,990
Puh! All right! Det er tid for en pause. Men jeg har ikke tenkt å gi det til deg.

216
00:13:33,990 --> 00:13:38,200
Vi vil bare se på bilder av søte katter nå og da.

217
00:13:38,200 --> 00:13:42,740
>> En annen virkelig, virkelig store ting er kryss-nettleser kompatibilitet.

218
00:13:42,740 --> 00:13:45,890
Hva mener jeg med kryss-nettleser kompatibilitet?

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

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

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

222
00:13:58,190 --> 00:14:00,540
Vi har Erobreren. Vi har alle disse forskjellige nettlesere.

223
00:14:00,540 --> 00:14:05,950
Ting som kommer ut nå - RockMelt - selv om de er alle basert på Chromium.

224
00:14:05,950 --> 00:14:10,990
Men faktum i saken er at det er ikke bare en nettleser lenger.

225
00:14:10,990 --> 00:14:13,860
Du er ikke bare vise disse nettsidene med ett program.

226
00:14:13,860 --> 00:14:17,660
Og så vil ulike nettlesere svare på annen HTML, ulike CSS, og

227
00:14:17,660 --> 00:14:21,210
annerledes JavaScript annerledes, og hvordan takler du det?

228
00:14:21,210 --> 00:14:24,370
Vel, i visse tilfeller, du virkelig ikke kan.

229
00:14:24,370 --> 00:14:29,160
Ditt nettsted - hvis det fungerer i en nettleser, vil koden du skrev ikke fungerer

230
00:14:29,290 --> 00:14:32,910
i en annen nettleser, og det er din jobb å sørge for at koden som du skriver

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

232
00:14:36,000 --> 00:14:38,000
Så, dette er virkelig farlig.

233
00:14:38,000 --> 00:14:42,450
Hvis du sier: "Vel, det fungerer på min datamaskin. Great! La oss gå videre."

234
00:14:42,450 --> 00:14:46,040
Vel, er det sannsynligvis ikke kommer til å fungere på min, og når jeg går til nettstedet ditt

235
00:14:46,040 --> 00:14:49,210
Jeg kommer til å være veldig trist, og jeg kommer til å forlate med en gang.

236
00:14:49,210 --> 00:14:51,570
Så, la oss se hvordan du kan unngå dette.

237
00:14:51,570 --> 00:14:55,520
>> Det første, selvfølgelig, er å bare bruke standard HTML, CSS og JavaScript.

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

239
00:14:57,520 --> 00:15:00,180
Vel, det er mange av ikke standard ting der ute.

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

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

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

243
00:15:15,720 --> 00:15:20,590
og så du vil være sikker på at du kanskje ønsker å unngå disse tingene

244
00:15:20,590 --> 00:15:25,150
fordi hvis du bruker-moz-som regel bare kommer til å jobbe med Firefox.

245
00:15:25,150 --> 00:15:29,640
Og hvis du virkelig vil at det skal se bra ut på Internet Explorer også,

246
00:15:29,640 --> 00:15:31,640
du kommer til å være ute av lykken.

247
00:15:31,640 --> 00:15:37,910
For HTML også, kan du gjøre ting i HTML som fungerer i en nettleser

248
00:15:37,910 --> 00:15:41,830
men at brudd i en annen, og du vil unngå at så mye som mulig.

249
00:15:41,830 --> 00:15:44,830
Og til slutt for JavaScript selv - det er mange versjoner av JavaScript,

250
00:15:44,830 --> 00:15:50,570
og denne sommeren vi kjørte inn i et problem der Document.getElementsByClassName--

251
00:15:50,570 --> 00:15:54,500
som vanligvis er en funksjon som er definert som en del av JavaScript standard -

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

253
00:15:58,120 --> 00:16:01,900
Så, i løpet av sommeren jobbet jeg i et laboratorium, og vi holdt på å bygge online eksperimenter.

254
00:16:01,900 --> 00:16:06,210
Og vi trodde det var fungerer veldig bra før vi innså brukere som brukte

255
00:16:06,210 --> 00:16:09,780
Internet Explorer 8 ikke kunne sende inn sine resultater.

256
00:16:09,780 --> 00:16:13,200
Vi var glipp av mye data. Det gjorde oss veldig trist.

257
00:16:13,200 --> 00:16:17,790
Så, du alltid vil være sikker på at skriptene skal jobbe overalt.

258
00:16:17,790 --> 00:16:20,500
>> Og til slutt, bruk validator.w3.org

259
00:16:20,500 --> 00:16:22,770
som er det vi forteller deg å gjøre i PSett 7.

260
00:16:22,770 --> 00:16:24,530
Pass på at sidene er validert.

261
00:16:24,530 --> 00:16:28,310
Det er viktig fordi at minst er et første skritt tilregnelighet sjekk.

262
00:16:28,310 --> 00:16:31,870
Er koden min faktisk standard kompatibel?

263
00:16:34,930 --> 00:16:39,320
En annen måte å sortere hjelp du sørge for at nettstedet skal fungere

264
00:16:39,320 --> 00:16:42,610
under de fleste omstendigheter er å kanskje bruke noen biblioteker og rammeverk

265
00:16:42,610 --> 00:16:46,210
fordi disse virkelig smarte utviklere har tenkt på disse spørsmålene for deg.

266
00:16:46,210 --> 00:16:49,850
De har gått gjennom, og de har skrevet ulike funksjoner som fungerer på tvers av nettlesere.

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

268
00:16:53,560 --> 00:16:58,030
Selv om du kanskje ikke har sett den, gir jQuery en rekke funksjoner

269
00:16:58,030 --> 00:17:00,280
som ellers ville ha til å skrive selv.

270
00:17:00,280 --> 00:17:05,310
Men disse utviklerne skrev det, og de sørget for at det fungerer i alle nettlesere.

271
00:17:05,310 --> 00:17:10,280
Og Bootstrap - som er en annen CSS rammeverk som vi viste deg i PSett 7 -

272
00:17:10,280 --> 00:17:17,000
det virkelig tar bort mye av hodepine med å utforme nettsteder som ser bra ut.

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

274
00:17:19,000 --> 00:17:23,660
>> Og til slutt, hvis du kan unngå det, jeg vanligvis unngå koding fra bunnen av.

275
00:17:23,660 --> 00:17:28,079
Hvis du bare lage en nettside for din skole klubb, for eksempel,

276
00:17:28,079 --> 00:17:33,920
og alt du trenger å gjøre er å vise noen få sider og kanskje har din president gå i

277
00:17:33,920 --> 00:17:38,910
og endre et par ting her og der - det er egentlig ingen grunn til å kode det opp selv.

278
00:17:38,910 --> 00:17:40,910
Som tar mye av din tid.

279
00:17:40,910 --> 00:17:42,660
Det tar mye av energien din, og du må gå gjennom, og du må finne ut,

280
00:17:42,660 --> 00:17:45,930
vel, dette kommer til å se bra ut i denne nettleseren, går det å se bra ut i denne nettleseren.

281
00:17:45,930 --> 00:17:50,610
Kanskje bruke noen av disse oppdateringene som andre allerede har skrevet for deg, 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 kalles innhold - disse kalles CMSs som i utgangspunktet er like pakker som

284
00:17:59,400 --> 00:18:03,020
allerede kommet gjort for deg, og du kan laste dem ned, sette dem på serveren din,

285
00:18:03,020 --> 00:18:07,510
og tilpasse dem slik du vil, og du allerede har en løpende nettside.

286
00:18:07,510 --> 00:18:11,680
De kode pakkene er noe å se på.

287
00:18:11,680 --> 00:18:15,400
Disse tingene er åpen kildekode med mindre du går for noe sånt -

288
00:18:15,400 --> 00:18:19,390
Hvis du leter etter en form pakke, det er ting som 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 trenger noen av disse avanserte funksjonene,

291
00:18:23,790 --> 00:18:27,530
du kan alltid velge den gratis alternativ.

292
00:18:27,530 --> 00:18:31,300
>> Og til slutt, er det ingen unngår det.

293
00:18:31,300 --> 00:18:33,300
Du må teste, teste, teste.

294
00:18:33,300 --> 00:18:37,690
Du må teste koden på alle disse nettleserne og på alle disse plattformene.

295
00:18:37,690 --> 00:18:44,110
Og du vet, IE6 - har gudskjelov folk begynt å flytte bort fra IE6

296
00:18:44,110 --> 00:18:49,190
fordi tilbake i dag, kanskje et par år siden, hadde webutviklere å alltid, alltid,

297
00:18:49,190 --> 00:18:55,280
alltid frir til IE6 svakheter i å følge standarder.

298
00:18:55,280 --> 00:19:00,860
Nettsider bare så slags 1990-tallet i mangel av et bedre måte å håndtere det.

299
00:19:00,860 --> 00:19:04,380
Du kan også bruke nettleseren screenshots å sjekke CSS.

300
00:19:04,380 --> 00:19:08,100
En virkelig kul nettside er browserlab.adobe.com.

301
00:19:08,100 --> 00:19:11,070
Dette er en gratis tjeneste satt ut av Adobe.

302
00:19:11,070 --> 00:19:15,160
Og hva de gjør er kan de ta skjermbilder av nettstedet ditt

303
00:19:15,160 --> 00:19:18,890
kjører under ulike forhold - som kjører under forskjellige nettlesere,

304
00:19:18,890 --> 00:19:22,660
kjører under ulike plattformer - og viser deg hvordan de ser ut.

305
00:19:22,660 --> 00:19:33,260
Bare for å vise deg hva jeg mener her, jeg opprettet en nettside i fjor kalt Livet ved Harvard,

306
00:19:33,260 --> 00:19:39,150
og hva jeg prøvde å gjøre - Jeg prøvde å gjøre my.harvard bedre.

307
00:19:39,150 --> 00:19:43,840
Fordi hvis du var her i fjor, gjorde my.harvard ikke ser ut som det ser ut nå.

308
00:19:43,840 --> 00:19:46,640
Det ser litt ekkelt.

309
00:19:46,640 --> 00:19:50,470
Men nå ser det mye bedre.

310
00:19:50,470 --> 00:19:57,070
Min gjennomføringen var ikke så nyttig lenger, men alt det samme,

311
00:19:57,070 --> 00:20:01,310
du vet, jeg prøvde å legge til - (uforståelig) mange uansett -

312
00:20:01,310 --> 00:20:04,680
og det ser ut - det ser veldig bra ut på min datamaskin.

313
00:20:04,680 --> 00:20:08,560
Og så, kanskje hvis jeg hadde hatt mer tid ville jeg ha gått videre til nettleseren lab,

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

315
00:20:13,020 --> 00:20:17,060
Jeg ville bla ned og jeg ville se - oh no! Se på kunngjøringer boksen.

316
00:20:17,060 --> 00:20:20,200
Teksten min var overfylte. Så, det er ille, ikke sant?

317
00:20:20,200 --> 00:20:23,700
Hvis en bruker er å bruke Chrome på Windows og kommer til nettstedet mitt,

318
00:20:23,700 --> 00:20:26,730
som ser umiddelbart veldig uprofesjonelt.

319
00:20:26,730 --> 00:20:30,760
Så skal jeg gå inn i CSS min og finne ut hvilken del av CSS mitt er å bryte her.

320
00:20:30,760 --> 00:20:35,090
Hvorfor er det ikke vises riktig og fikse det slik at alle brukere kan se den samme nettsiden

321
00:20:35,090 --> 00:20:37,770
og være like fornøyd.

322
00:20:37,770 --> 00:20:44,280
>> Og til slutt, vel, nettleser screenshots er fin for å teste CSS,

323
00:20:44,280 --> 00:20:46,020
men hva om JavaScript ditt?

324
00:20:46,020 --> 00:20:48,660
Hva om hvis du har noen kompliserte skript som kjører?

325
00:20:48,660 --> 00:20:50,460
Vel, du kan alltid gjøre virtualisering.

326
00:20:50,460 --> 00:20:56,360
Hvis du har en Mac kan du bruke Bootcamp eller VMWare å virtualisere kanskje en kopi av

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

328
00:20:59,540 --> 00:21:03,400
Eller du kan gå videre til noe sånt Spoon.net, som dessverre kun fungerer på PC.

329
00:21:03,400 --> 00:21:05,290
Men det de gjør er veldig kul.

330
00:21:05,290 --> 00:21:10,080
De virtualisere programvare for deg slik at du kan kjøre forskjellige versjoner av IE, for eksempel.

331
00:21:10,080 --> 00:21:12,080
Du kan kjøre forskjellige versjoner av Firefox.

332
00:21:12,080 --> 00:21:15,720
Du kan kjøre forskjellige versjoner av Safari og teste ut alle nettsteder der.

333
00:21:15,720 --> 00:21:18,360
Dessverre er de ikke gratis.

334
00:21:18,360 --> 00:21:20,860
Det er en betalt tjeneste, så det er alltid liksom dette -

335
00:21:20,860 --> 00:21:26,070
det er alltid liksom dette kompromisset mellom, vel, jeg kommer til å gjøre min hjemmeside ser bra ut.

336
00:21:26,070 --> 00:21:31,970
I så fall kan jeg betale for enkelte tjenester for å hjelpe meg gjøre det.

337
00:21:31,970 --> 00:21:35,890
Eventuelle spørsmål på dette punktet om noe som vi snakket om?

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

339
00:21:41,210 --> 00:21:43,870
>> Nå har vi flere ting å snakke om.

340
00:21:43,870 --> 00:21:45,820
Hva med feil?

341
00:21:45,820 --> 00:21:48,670
Hvordan kan du sørge for at nettstedet skal styre selv når

342
00:21:48,670 --> 00:21:50,150
skjer det noe galt?

343
00:21:50,150 --> 00:21:53,940
Kanskje du ikke har en side som heter food.php.

344
00:21:53,940 --> 00:21:57,000
Men meg, jeg går til nettstedet ditt, og jeg prøver å få tilgang til food.php.

345
00:21:57,000 --> 00:22:00,770
Er du bare kommer til å vise meg at hvit side der det står 404 - Fil ikke funnet?

346
00:22:00,770 --> 00:22:04,400
Eller har du tenkt til å si, "Vel, jeg beklager at jeg ikke kunne finne dette for deg,

347
00:22:04,400 --> 00:22:08,520
men kanskje her er noen andre ressurser for å hjelpe deg søke etter det du trenger. "

348
00:22:08,520 --> 00:22:13,180
Andre feil - så, dette kalles HTTP-feil som er bare noen feilkoder

349
00:22:13,180 --> 00:22:17,130
at serveren kan ha sendt tilbake til nettleseren i tilfelle noe dårlig skjer.

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

351
00:22:20,160 --> 00:22:25,560
403 er slags vanlig når du har en katalog som ikke er ment å nås

352
00:22:25,560 --> 00:22:27,310
av brukeren, men brukeren prøver å uansett.

353
00:22:27,310 --> 00:22:30,840
Og 500 - Internal Server Error - som vanligvis skjer når du har noe

354
00:22:30,840 --> 00:22:33,070
virkelig ille skjer med din PHP-kode.

355
00:22:33,070 --> 00:22:36,140
Men i alle fall, disse slags nettlesere - gjør disse slags feil skjer.

356
00:22:36,140 --> 00:22:40,550
>> Så, hvordan kan du være sikker på at du grasiøst håndtere disse feilene

357
00:22:40,550 --> 00:22:43,230
og sørge for at brukeren ikke bare liksom henger der?

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

359
00:22:48,850 --> 00:22:51,300
Nå. Htaccess er noe som fungerer på Apache-servere,

360
00:22:51,300 --> 00:22:55,550
noe som fungerer og fungerer på noen andre servere også.

361
00:22:55,550 --> 00:23:01,350
Dette er bare en måte for deg å konfigurere serveren slik at

362
00:23:01,350 --> 00:23:04,470
du kan gjøre det gjøre hva du vil den skal gjøre.

363
00:23:04,470 --> 00:23:06,790
Noen ting du kan gjøre. Du kan kontrollere cache innstillinger.

364
00:23:06,790 --> 00:23:11,290
Kanskje det er en bestemt side på nettstedet ditt at du sørge for at brukeren

365
00:23:11,290 --> 00:23:14,740
re-laste ned hver gang brukeren kommer og besøker ditt nettsted.

366
00:23:14,740 --> 00:23:26,980
Eller kanskje du har noen URL som er som 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 / hallo -. vel, kan du bruke htaccess

368
00:23:31,270 --> 00:23:34,760
å omdirigere en nettside til en annen.

369
00:23:34,760 --> 00:23:36,600
Du kan også bruke den til å gjøre godkjenning.

370
00:23:36,600 --> 00:23:39,890
Kanskje det er noen deler av nettstedet ditt som du må bruke en annen passord.

371
00:23:39,890 --> 00:23:42,620
Du kan blokkere bestemte IP-adresser, blokkere bestemte domener.

372
00:23:42,620 --> 00:23:46,770
Kanskje du bare virkelig ikke liker Harvard studenter med ditt nettsted.

373
00:23:46,770 --> 00:23:49,910
Vel, har du muligheten til å blokkere alle Harvard IP-adresser.

374
00:23:49,910 --> 00:23:56,370
>> Til slutt, kan du behandle ting - du kan skrive viss kode for å lage din server

375
00:23:56,370 --> 00:24:03,100
behandler som. Zhao eller. navnet ditt eller. hallo sider som PHP-kode.

376
00:24:03,100 --> 00:24:05,170
Kanskje det vil være nyttig. Kanskje det ikke vil være.

377
00:24:05,170 --> 00:24:07,980
Og til slutt, kan du bruke den til å håndtere feil svar.

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

379
00:24:10,300 --> 00:24:16,030
Hvis du bare legge kode som dette - ErrorDocument 404 og deretter henvise dem til noen

380
00:24:16,030 --> 00:24:20,440
feil side, kan du være sikker på at brukeren ikke ser bare veldig, veldig stygg

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

382
00:24:23,550 --> 00:24:29,000
>> La oss faktisk ta en titt på hvordan vi kan gjøre det med din PSett 7.

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

384
00:24:34,190 --> 00:24:38,440
Jeg kommer til å åpne Chrome, og da skal jeg prøve å få tilgang til en side

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

386
00:24:43,350 --> 00:24:52,710
Så, lokale verten - cats.php-så, legge merke til at jeg opprettet en feil dokument

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

388
00:24:54,770 --> 00:24:56,990
Den har en veldig trist katt på den.

389
00:24:56,990 --> 00:24:59,910
Hvis du går på Twitter, hvis du går på noen av disse andre steder,

390
00:24:59,910 --> 00:25:02,700
du kan ikke finne en side, de vanligvis prøver å vise deg en søt bilde

391
00:25:02,700 --> 00:25:04,850
slik at du ikke er altfor skuffet.

392
00:25:04,850 --> 00:25:07,830
Du kan også ha noe som er mer profesjonelle som sier:

393
00:25:07,830 --> 00:25:11,760
vel, jeg er lei for at jeg ikke kunne finne siden, men kanskje her er en søkeboks.

394
00:25:11,760 --> 00:25:16,750
Eller kanskje her er noen linker som vil hjelpe deg å finne den linken som du ønsker.

395
00:25:16,750 --> 00:25:21,410
Så hvordan gjør jeg dette? Hvordan er dette enda mulig?

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

397
00:25:23,500 --> 00:25:26,300
Jeg skal bare å zoome inn litt -

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

399
00:25:30,110 --> 00:25:34,440
Inside my HTML katalogen det heter - du kan ikke se det -

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

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

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

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

404
00:25:46,710 --> 00:25:48,710
Det er akkurat denne siden.

405
00:25:48,710 --> 00:25:50,710
Det sier: "Oh no! Canz ikke finne z side!"

406
00:25:50,710 --> 00:25:58,630
Og hvis du ønsker å se - så merker at htaccess slags er et merkelig navn..

407
00:25:58,630 --> 00:26:01,040
Det starter med en prikk som betyr at det er en systemfil.

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

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

410
00:26:09,060 --> 00:26:12,030
og ja, skjønner du. htaccess er en av dem.

411
00:26:12,030 --> 00:26:15,490
La oss gå videre og åpne 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 der - Feil dokument for 404 feil

414
00:26:26,870 --> 00:26:28,760
som også er kjent som fil-ikke-funnet feil.

415
00:26:28,760 --> 00:26:32,720
La oss omdirigere dem til noe som kalles error.php.

416
00:26:36,100 --> 00:26:42,030
Du kan ha morsomme ting som canz ikke finne z side!

417
00:26:42,030 --> 00:26:46,770
Og det er også veldig kule ting du kan gjøre med. Htaccess.

418
00:26:46,770 --> 00:26:49,520
Hvis du ønsker å se mer. Htaccess magi,

419
00:26:49,520 --> 00:26:56,470
dette er en veldig kul nettside for å gå til - det heter javascriptkit.com/howto/htaccess.shtml--

420
00:26:56,470 --> 00:27:01,880
Hvis du ønsker å utføre mer server magi. Og det kan være veldig gøy.

421
00:27:01,880 --> 00:27:05,490
>> Puh! All right! Mer søte bilder.

422
00:27:05,490 --> 00:27:10,060
Dette er en fyr å gjøre push-ups, og hans katt prøver å hjelpe. Jeg tror det er veldig søt.

423
00:27:10,060 --> 00:27:14,830
Dessverre, jeg har ikke en katt sånn.

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

425
00:27:17,640 --> 00:27:19,640
Vi har snakket om feilbehandling.

426
00:27:19,640 --> 00:27:20,940
Vi har snakket om hosting, domenenavn.

427
00:27:20,940 --> 00:27:23,230
Vi har snakket om kryss-nettleser kompatibilitet.

428
00:27:23,230 --> 00:27:25,210
Nå hvordan gjør vi for at nettstedet faktisk utfører?

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

430
00:27:26,950 --> 00:27:29,830
Jeg kan se din side i løpet av få sekunder?

431
00:27:29,830 --> 00:27:33,520
En av de tingene som jeg tror folk bare liksom glemme

432
00:27:33,520 --> 00:27:36,160
er bilde optimalisering.

433
00:27:36,160 --> 00:27:37,560
La oss si at du ønsket å sette et bilde på nettstedet ditt

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

435
00:27:40,330 --> 00:27:42,670
Det kan være greit for oss fordi vi er ved Harvard,

436
00:27:42,670 --> 00:27:45,000
og vi har en veldig rask Internett-tilkobling.

437
00:27:45,000 --> 00:27:47,470
Men tenk noen i Kina. Tenk deg noen i India.

438
00:27:47,470 --> 00:27:52,440
Tenk at noen kanskje i landlige Kansas som kanskje ikke har den samme typen

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

440
00:27:54,690 --> 00:27:57,710
Hvis du har en 2 MB bilde på nettstedet ditt, og brukeren prøver å få tilgang til den,

441
00:27:57,710 --> 00:28:00,890
det kommer til å ta dem veldig lang tid å laste ned.

442
00:28:00,890 --> 00:28:04,160
Så, hvis du ikke trenger den slags oppløsning,

443
00:28:04,160 --> 00:28:09,220
så kan du endre størrelsen på bildet med noe som Adobe Photo Shop.

444
00:28:09,220 --> 00:28:13,400
Det er vanligvis et alternativ som heter trygt for web og enheter,

445
00:28:13,400 --> 00:28:15,850
og hva den gjør er det strimler ut all unødvendig informasjon

446
00:28:15,850 --> 00:28:20,160
og liksom komprimerer filen til en liten størrelse, slik at du kan

447
00:28:20,160 --> 00:28:22,960
sette det på nettstedet ditt, og alle brukere som prøver å laste ned den siden

448
00:28:22,960 --> 00:28:26,950
kommer til å laste ned en mindre versjon av bildet.

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 annen ressurs hvor du kan legge inn ditt bilde

451
00:28:32,650 --> 00:28:36,470
og det vil spytte ut nøyaktig samme bilde,

452
00:28:36,470 --> 00:28:39,970
men det vil være noe sånt som tre ganger mindre.

453
00:28:39,970 --> 00:28:41,970
Så det er veldig nyttig for brukerne.

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

455
00:28:45,930 --> 00:28:48,460
Hvis vi tar en titt på Google.com,

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

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

458
00:29:02,250 --> 00:29:07,600
Hvis jeg bare bla nedover - wow, ser det ganske ekkelt.

459
00:29:07,600 --> 00:29:09,650
Dette ville få en null på stilen.

460
00:29:09,650 --> 00:29:13,470
Hvis du kodet dette for PSett din, vil du få en null på stilen din.

461
00:29:13,470 --> 00:29:16,990
Dette har ikke noe mellomrom. Navnene ser virkelig kryptisk.

462
00:29:16,990 --> 00:29:19,800
Det er alt veldig ekkelt.

463
00:29:19,800 --> 00:29:24,060
Og manuset for å lukke i kroppen - den avsluttende HTML -

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

465
00:29:26,280 --> 00:29:28,280
Hvorfor gjør de dette?

466
00:29:28,280 --> 00:29:30,650
De minified koden sin.

467
00:29:30,650 --> 00:29:33,310
Legg merke til at dette dokumentet kommer til å være mye mindre

468
00:29:33,310 --> 00:29:36,660
for meg å laste ned enn noe med hvite felt,

469
00:29:36,660 --> 00:29:39,410
enn noe med virkelig lange variabelnavn.

470
00:29:39,410 --> 00:29:41,710
Hvis du minify koden du stripe ut alt det hvite området.

471
00:29:41,710 --> 00:29:45,960
Selvfølgelig Nettleseren din ikke bryr seg hvis du har noen mellomrom i koden.

472
00:29:45,960 --> 00:29:49,630
Du stripe det ut, nå kan jeg laste ned en mindre fil -

473
00:29:49,630 --> 00:29:52,770
Nå filen - dokumentet som vi kommer til å laste ned har en mindre filstørrelse,

474
00:29:52,770 --> 00:29:56,180
det vil være raskere for meg å laste ned, og det er nyttig.

475
00:29:56,180 --> 00:30:01,550
Hvis du arbeider med nettsteder og du lanserer en nettside,

476
00:30:01,550 --> 00:30:04,630
det er nesten alltid godt å minify koden.

477
00:30:04,630 --> 00:30:08,150
En annen grunn til at det kan være bra er kanskje du ikke vil at andre skal bruke koden.

478
00:30:08,150 --> 00:30:11,050
Kanskje du ikke vil at andre skal bruke CSS.

479
00:30:11,050 --> 00:30:13,460
Du vet hvis du virkelig ønsket å være gjerrig med det,

480
00:30:13,460 --> 00:30:16,670
så kan du også minify koden din, og det ville være vanskeligere for meg å stjele den

481
00:30:16,670 --> 00:30:19,170
fordi jeg har ingen anelse om hva som skjer.

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

483
00:30:22,990 --> 00:30:27,900
Tjenester som dette på nettet hjelpe deg minify koden din, slik at du ikke trenger å gjøre det for hånd.

484
00:30:27,900 --> 00:30:30,080
Definitivt ikke gjøre det for hånd.

485
00:30:30,080 --> 00:30:32,210
>> Ok. Nå snakker om skript.

486
00:30:32,210 --> 00:30:35,040
Kanskje i din PHP-koden er det noe som du ikke trenger å gjøre.

487
00:30:35,040 --> 00:30:37,910
Kanskje det er ekstra sløyfer i det.

488
00:30:37,910 --> 00:30:40,850
Vi snakket om koden utforming i CS50.

489
00:30:40,850 --> 00:30:44,550
Selv om du koder i C hvis du har - hvis du gjør ekstra arbeid

490
00:30:44,550 --> 00:30:49,440
at du ikke trenger å gjøre, vel, som kommer til å bremse ned skript på nettstedet ditt,

491
00:30:49,440 --> 00:30:53,280
og dette er spesielt viktig for nettsteder fordi brukerne i dag er svært utålmodig.

492
00:30:53,280 --> 00:30:56,110
Hvis du gjør unødvendig arbeid, det kommer til å ta dem lenger

493
00:30:56,110 --> 00:31:00,080
for å komme til den informasjonen de ønsker, og de kommer til å være veldig fornøyd.

494
00:31:00,080 --> 00:31:02,200
Til slutt, kan det være lurt å optimalisere databasetabeller.

495
00:31:02,200 --> 00:31:05,020
Husker vi snakket om indekser.

496
00:31:05,020 --> 00:31:09,420
De er ikke bare bra for å sørge for at du har en rad som er unik.

497
00:31:09,420 --> 00:31:12,440
De er også bra for å sørge for at databasen virker raskt.

498
00:31:12,440 --> 00:31:16,240
Hvis du ønsker å lese opp på at farten til MySQL dokumentasjon,

499
00:31:16,240 --> 00:31:18,710
eller du kan se på - vel, hvordan jeg optimalisere database bordet?

500
00:31:18,710 --> 00:31:23,350
Hvordan kan jeg sørge for at jeg har indekser som hjelper meg med å få til informasjonen raskere?

501
00:31:23,350 --> 00:31:27,300
>> Det er også lite triks som du kan bruke som caching.

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

503
00:31:28,980 --> 00:31:31,980
og du har - og det er drevet av PHP eller noe annet språk -

504
00:31:31,980 --> 00:31:37,690
du kan cache din blogg på la oss si 50-minutters intervaller, slik at du kan tjene statiske sider

505
00:31:37,690 --> 00:31:40,610
eller statiske HTML til besøkende til nettstedet ditt.

506
00:31:40,610 --> 00:31:43,380
På den måten brukerne ikke trenger å kjøre PHP script hver gang,

507
00:31:43,380 --> 00:31:47,410
og kanskje det vil være raskere for dem å få tilgang til denne informasjonen.

508
00:31:47,410 --> 00:31:49,410
>> Og til slutt, kan du bruke noe sånt som CDN.

509
00:31:49,410 --> 00:31:51,900
Legg merke til at når du laster ned en PSett,

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

511
00:31:54,890 --> 00:32:01,540
CS50 bruker også liksom som en CDN - et innhold distribusjonsnett -

512
00:32:01,540 --> 00:32:06,120
noe som betyr bare at det er en haug med servere kanskje et sted rundt om i verden

513
00:32:06,120 --> 00:32:08,120
som hjelper tjene sidene til de besøkende.

514
00:32:08,120 --> 00:32:13,770
Hvis de besøkende får en side fra en server som er nærmere dem geografisk,

515
00:32:13,770 --> 00:32:16,770
så mest sannsynlig er det at besøkende kommer til å få denne filen mye raskere.

516
00:32:16,770 --> 00:32:20,490
Det er også kilder på nettet som hjelper deg å gjøre det.

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

518
00:32:24,070 --> 00:32:26,020
Hvis du har store filer som serverer til brukerne,

519
00:32:26,020 --> 00:32:32,260
så kanskje det er bedre å sette dem på en CDN slik at de kan komme til dem raskere.

520
00:32:32,260 --> 00:32:39,070
>> Den endelige tema for dagen er søkemotor optimalisering.

521
00:32:39,070 --> 00:32:41,070
Hva er søkemotor optimalisering?

522
00:32:41,070 --> 00:32:44,070
Det er å sørge for at søkemotorer som Google eller Bing eller Yahoo

523
00:32:44,070 --> 00:32:50,740
kan gå videre til nettstedet ditt, og gjennomgå webområdet ditt og indeksere nettstedet ditt, og når

524
00:32:50,740 --> 00:32:53,040
Jeg, for eksempel, kan du gå videre til Google.com og jeg prøver å søke etter noe,

525
00:32:53,040 --> 00:32:55,040
da nettstedet vil dukke opp.

526
00:32:55,040 --> 00:32:57,000
Hvordan kan du sørge for at nettstedet ditt er en av de 10 beste?

527
00:32:57,000 --> 00:33:00,000
For som vi alle vet, hvis du søker etter noe på Google

528
00:33:00,000 --> 00:33:02,880
og det er ikke på topp 10 du er mest sannsynlig ikke kommer til å se i neste 10 år.

529
00:33:02,880 --> 00:33:07,160
Dette er liksom et tema som er innhyllet i mystikk.

530
00:33:07,160 --> 00:33:09,850
Det er mye hype der ute på Internett.

531
00:33:09,850 --> 00:33:14,680
Det finnes en rekke overtro om hvis du x da Google vil like deg bedre.

532
00:33:14,680 --> 00:33:16,680
Hvis du y da Google vil like deg bedre.

533
00:33:16,680 --> 00:33:19,680
Det er nok bedre å se inn i søket giganten dokumenter selv.

534
00:33:19,680 --> 00:33:27,470
>> Dette er ett av dokumentene på Google som forteller deg nøyaktig hvordan du kan optimalisere nettstedet ditt

535
00:33:27,470 --> 00:33:30,860
slik at Google kan få tilgang og indeksere det veldig pent.

536
00:33:30,860 --> 00:33:33,680
Du trenger ikke å kopiere ned denne nettadressen fordi denne presentasjonen kommer til å

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

538
00:33:36,680 --> 00:33:38,770
Hvis du ser på dette og lese du dette er det noen svært nyttige tips der inne.

539
00:33:38,770 --> 00:33:42,240
Google forteller deg - hvis du virkelig vil at nettstedet skal indekseres godt

540
00:33:42,240 --> 00:33:44,610
så bør du gjøre alle disse tingene.

541
00:33:44,610 --> 00:33:47,570
>> En annen ting som søkemotorene virkelig liker er nytt innhold.

542
00:33:47,570 --> 00:33:49,500
Hvis du har innhold som er oppdatert svært regelmessig

543
00:33:49,500 --> 00:33:51,950
da søkemotorer si, ooh, jeg liker ditt nettsted.

544
00:33:51,950 --> 00:33:53,950
Jeg kommer til å gå til webområdet ditt veldig ofte.

545
00:33:53,950 --> 00:33:56,840
Jeg kommer til å indeksere mye av sidene.

546
00:33:56,840 --> 00:33:59,560
Hvis du har nytt innhold da er du mer sannsynlig å dukke opp -

547
00:33:59,560 --> 00:34:02,540
du er mer sannsynlig å være mer relevant.

548
00:34:02,540 --> 00:34:04,630
Du er mer sannsynlig å bli mer oppdatert,

549
00:34:04,630 --> 00:34:08,860
og søkemotorer er mer sannsynlig å sette området ovenfor andre.

550
00:34:08,860 --> 00:34:10,860
>> Dype lenker er også viktig.

551
00:34:10,860 --> 00:34:13,530
Hvis du virkelig ønsket at området skal se bra ut i en søkemotor øyne

552
00:34:13,530 --> 00:34:18,090
har en rekke andre nettsteder knyttet til det og knyttet dypt inn i din webside.

553
00:34:18,090 --> 00:34:20,090
Ikke bare link til hjemmesiden din.

554
00:34:20,090 --> 00:34:26,719
Link til kanskje yourname.com / noe / noe / something.php.

555
00:34:26,719 --> 00:34:29,840
Som - til en søkemotor - midler, wow, de har virkelig interessant innhold

556
00:34:29,840 --> 00:34:35,350
at noen andre er knytte så dypt inn på nettstedet deres at jeg burde virkelig, virkelig

557
00:34:35,350 --> 00:34:38,260
legge mer vekt på at nettstedets sider.

558
00:34:38,260 --> 00:34:41,940
>> Hvis du har nøyaktige side titler, hvis du ikke har noen feil som er bra fordi

559
00:34:41,940 --> 00:34:44,670
hvis en søkemotor prøver å besøke nettstedet ditt, og det blir en feil,

560
00:34:44,670 --> 00:34:46,780
er det sannsynligvis kommer til å gi opp veldig, veldig snart.

561
00:34:46,780 --> 00:34:49,510
Og til slutt, du vil ha en rask lastetid fordi søkemotorer -

562
00:34:49,510 --> 00:34:53,820
akkurat som mennesker - ikke ha mye tålmodighet for trege nettsteder.

563
00:34:53,820 --> 00:34:57,070
Dette er en måte for deg å sørge for at du møter opp høyere i

564
00:34:57,070 --> 00:35:01,390
søkemotor søk og forhåpentligvis dermed få mer trafikk.

565
00:35:01,390 --> 00:35:04,730
Fordi tross alt, du har brukt all denne tiden utvikle ditt nettsted.

566
00:35:04,730 --> 00:35:06,280
Du brukte hele denne tiden lansere denne nettsiden online.

567
00:35:06,280 --> 00:35:11,780
Du ønsker å sørge for at du har nok av brukere som faktisk kan se innholdet.

568
00:35:13,330 --> 00:35:15,660
>> Andre gode ressurser å bruke.

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

570
00:35:19,210 --> 00:35:21,780
Dette hjelper bare du skal se - Google er ikke indeksere nettstedet mitt.

571
00:35:21,780 --> 00:35:24,490
Hva slags feil er det møter?

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

573
00:35:27,490 --> 00:35:29,490
Hva betyr det synes er det viktigste innholdet på siden min?

574
00:35:29,490 --> 00:35:31,490
Kanskje det er ikke det jeg vil den skal være.

575
00:35:31,490 --> 00:35:36,880
Kanskje jeg må endre min nettside litt slik at det er reflektert bedre

576
00:35:36,880 --> 00:35:38,880
hva min hjemmeside egentlig dreier seg om.

577
00:35:38,880 --> 00:35:41,000
Google Analytics er en annen veldig kul verktøy.

578
00:35:41,000 --> 00:35:44,120
Du kan legge til en liten bit av JavaScript til sidene dine.

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

580
00:35:47,020 --> 00:35:49,020
de besøkende demografi og nettstedet vekst.

581
00:35:49,020 --> 00:35:51,810
Den vil fortelle deg nøyaktig hvor mange besøkende besøker nettstedet ditt

582
00:35:51,810 --> 00:35:55,310
innenfor en bestemt dag, i løpet av en bestemt time, i løpet av en bestemt uke.

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

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

585
00:35:59,310 --> 00:36:03,470
som kan være noe kult å se eller det kan også være nyttig

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

587
00:36:05,470 --> 00:36:08,410
Kanskje du prøver å målrette tenåringer med nettstedet ditt, og du ser at

588
00:36:08,410 --> 00:36:11,410
de fleste av de besøkende til nettstedet ditt er kanskje 30 - til 40-åringer,

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

590
00:36:15,130 --> 00:36:19,590
vel, så kanskje jeg bare skal endre min nettstedets fokus slik at

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

592
00:36:22,240 --> 00:36:28,500
>> Google Apps - hvis du ønsket å ha slags e-post med ditt domenenavn -

593
00:36:28,500 --> 00:36:31,230
kanskje noe liker yourname@yourname.com--

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

595
00:36:35,270 --> 00:36:38,500
og Google Apps er en måte å gjøre det.

596
00:36:38,500 --> 00:36:44,050
Du kan sette opp spesifikke e-postadresser som er spesifikke for ditt domenenavn

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

598
00:36:46,800 --> 00:36:51,840
>> Og til slutt, det er webutvikler utvidelser og add-ons - for Chrome,

599
00:36:51,840 --> 00:36:56,380
for Firefox, for andre nettlesere - som lar deg gå inn og inspisere

600
00:36:56,380 --> 00:37:02,290
CSS, inspisere JavaScript, se nøyaktig hva som er galt med din JavaScript script,

601
00:37:02,290 --> 00:37:05,290
og kanskje det vil være nyttig for de-avlytting formål, for du finne ut -

602
00:37:05,290 --> 00:37:08,630
Vel, hvorfor ikke min nettside vises riktig i denne nettleseren?

603
00:37:08,630 --> 00:37:11,800
>> Og til slutt, hvis du ønsket å lære mer om alle disse temaene -

604
00:37:11,800 --> 00:37:14,410
hvis du ønsket å lære mer om HTML og CSS og JavaScript -

605
00:37:14,410 --> 00:37:16,790
fordi tross alt, vi bare lært deg litt -

606
00:37:16,790 --> 00:37:21,240
du kan gå nettsteder som W3Schools.com å lete etter mer ressurser.

607
00:37:21,240 --> 00:37:26,340
De har veldig fine tutorials på hvordan gjør jeg x, eller hva betyr y?

608
00:37:26,340 --> 00:37:30,400
Hvis du ønsket å lære mer om disse språkene du kan bare gå hit.

609
00:37:30,400 --> 00:37:37,690
>> OK. Jeg tror jeg ønsket å forlate de siste minuttene av denne for spørsmål,

610
00:37:37,690 --> 00:37:39,810
så er det noen spørsmål om noe som vi snakket om?

611
00:37:39,810 --> 00:37:43,500
[Publikummer] Hva slags ting er på W3Schools og hvordan er det dekket?

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

613
00:37:45,500 --> 00:37:50,180
Så, er en av de aller største tingene som jeg bruker mye deres referanser.

614
00:37:50,180 --> 00:37:54,430
Deres referanser detalj, for eksempel for CSS -

615
00:37:54,430 --> 00:37:59,480
hva dette betyr, eller hvis du ønsket å endre bakgrunnen på en side -

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

617
00:38:01,480 --> 00:38:04,550
Hvilke nettlesere støtter denne kommandoen? Ting som det.

618
00:38:04,550 --> 00:38:10,870
Og så har de også bare har veldig fine øvelser på HTML, på PHP, på JavaScript,

619
00:38:10,870 --> 00:38:14,290
på MySQL, på alle slags forskjellige emner.

620
00:38:14,290 --> 00:38:18,800
De har fine øvelser. De lærer deg hvordan du gjør ting.

621
00:38:18,800 --> 00:38:22,590
Det er hyggelig å være i stand til å gå og lære mer om disse emnene.

622
00:38:22,590 --> 00:38:27,180
>> [Publikummer] HTML 5 er fortsatt ikke kompatible med alle nettlesere der ute.

623
00:38:27,180 --> 00:38:30,700
Vil du anbefale bare bor borte fra det på grunn av kompatibilitetsproblemer?

624
00:38:30,700 --> 00:38:32,700
Hvordan vil du takle det?

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

626
00:38:38,640 --> 00:38:42,030
Det er egentlig ikke støttes av mange nettlesere, så bør vi unngå det?

627
00:38:42,030 --> 00:38:48,040
Jeg tror fjor jeg ville ha vært en veldig stor tilhenger av, la oss unngå HTML5

628
00:38:48,040 --> 00:38:52,430
fordi det fortsatt - det er fortsatt veldig mye nytt og faktisk HTML5-standarden

629
00:38:52,430 --> 00:38:55,610
har ikke blitt sluttført ennå.

630
00:38:55,610 --> 00:38:58,790
Og så, det er egentlig ingen HTML5-standarden.

631
00:38:58,790 --> 00:39:03,840
Men jeg tror spesielt hvis du utformer en hjemmeside nå,

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

633
00:39:07,450 --> 00:39:11,250
og hvis du vil at nettstedet skal være fremtidsrettet og du ønsker at nettstedet skal arbeide

634
00:39:11,250 --> 00:39:14,320
i fremtidige nettlesere, kan det være bedre å begynne å bygge noe for fremtiden

635
00:39:14,320 --> 00:39:19,830
enn for det siste, og også nettopp på grunn av det faktum at HTML5 er egentlig ikke så annerledes

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

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

638
00:39:29,780 --> 00:39:34,660
Du bare må liksom gå inn og sørge for at disse screenshots

639
00:39:34,660 --> 00:39:38,630
og sørge med å gå videre til disse nettstedene selv.

640
00:39:38,630 --> 00:39:44,280
Men mest sannsynlig vil det fungere med mindre du bruker svært spesifikke funksjoner som HTML5.

641
00:39:44,280 --> 00:39:50,240
Legg også merke til at for CS50 - for eksempel til videospiller som vi bruker -

642
00:39:50,240 --> 00:39:56,230
den bruker HTML5 og HTML5 video for å vise forelesningene.

643
00:39:56,230 --> 00:39:59,420
Men hvis du har en veldig gammel nettleser, så det vil falle tilbake på Flash.

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

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

646
00:40:05,190 --> 00:40:08,140
hva du vil den skal håndtere.

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

648
00:40:10,140 --> 00:40:13,270
Noe som vi snakket om.

649
00:40:16,910 --> 00:40:20,750
OK. Så jeg tror det er omtrent det for meg.

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

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

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

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