1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [Seminar] [Voorbereiding Uw site voor het web]

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

3
00:00:05,000 --> 00:00:07,000
[Dit is CS50.] [CS50.TV]

4
00:00:07,000 --> 00:00:11,660
>> Oke. Hier is nog een uur van web ontwikkeling als jullie er klaar voor.

5
00:00:11,660 --> 00:00:16,290
Vandaag ga ik het hebben over de voorbereiding van uw site voor het web.

6
00:00:16,290 --> 00:00:20,260
De hele dag - en waarschijnlijk voor de laatste 2 weken -

7
00:00:20,260 --> 00:00:22,240
We hebben gesproken over hoe je een website te maken,

8
00:00:22,240 --> 00:00:24,880
hoe je HTML, hoe om PHP te gebruiken, hoe frameworks gebruiken, gebruik

9
00:00:24,880 --> 00:00:29,420
hoe ervoor te zorgen dat u kunt communiceren met de database - dat soort dingen.

10
00:00:29,420 --> 00:00:34,830
Maar vandaag gaan we het hebben over waar uw site gaat achter CS50 om te leven.

11
00:00:34,830 --> 00:00:40,010
Want na al, doet CS50 niet gebeuren afgelopen december.

12
00:00:40,010 --> 00:00:42,090
We gaan het hebben over domeinnamen, hosting.

13
00:00:42,090 --> 00:00:44,790
We gaan praten over wat cross-browser compatibiliteit

14
00:00:44,790 --> 00:00:49,540
en cross-platform compatibiliteit zijn, en hoe kunt u ervoor zorgen dat uw site

15
00:00:49,540 --> 00:00:51,610
zal werken onder alle omstandigheden.

16
00:00:51,610 --> 00:00:54,330
We praten over foutafhandeling en andere server magie.

17
00:00:54,330 --> 00:00:57,890
We hebben het over performance optimalisatie, zoekmachine optimalisatie,

18
00:00:57,890 --> 00:01:00,310
en hoe je mensen om daadwerkelijk een bezoek aan uw website.

19
00:01:00,310 --> 00:01:05,960
En tot slot, maar enkele goede middelen om ervoor te zorgen dat je jongens hebben genoeg van die

20
00:01:05,960 --> 00:01:09,680
af te gaan met je afstudeerproject, en hopelijk na.

21
00:01:09,680 --> 00:01:13,120
>> Het eerste dat we gaan praten over domeinnamen.

22
00:01:13,120 --> 00:01:18,020
Nu je programmeren in uw apparaat, je gaat naar een lokale host

23
00:01:18,020 --> 00:01:20,360
die niet is eigenlijk een domeinnaam.

24
00:01:20,360 --> 00:01:26,370
Dat is een soort van gewoon een bijnaam of een alias voor uw werkelijke Linux installatie

25
00:01:26,370 --> 00:01:31,150
binnenkant van een van beide VMware op een Mac of VMware Player op een pc.

26
00:01:31,150 --> 00:01:36,510
Domeinnamen toestaan ​​om een ​​site te zetten op het web en ga dan naar iets als

27
00:01:36,510 --> 00:01:39,400
www.google.com en krijgt de website.

28
00:01:39,400 --> 00:01:41,500
Hoe werken ze?

29
00:01:41,500 --> 00:01:43,390
Laten we zeggen dat je gewoon een gemiddelde webserver -

30
00:01:43,390 --> 00:01:50,080
gemiddelde websurfer en je hebt een laptop, en ga je naar www.howstuffworks.com.

31
00:01:50,080 --> 00:01:52,570
Je kunt waarschijnlijk zien waar ik dit gestolen uit.

32
00:01:52,570 --> 00:01:57,300
Hoe spul werkt - uw computer zal dan vragen een lokale DNS-server,

33
00:01:57,300 --> 00:01:59,300
"Weet u waar deze website is?"

34
00:01:59,300 --> 00:02:02,200
"Weet je het IP-adres van www.howstuffworks.com?"

35
00:02:02,200 --> 00:02:05,580
Uw DNS-server zou kunnen zeggen: "Ja, dat doe ik."

36
00:02:05,580 --> 00:02:09,139
In dat geval krijg je het IP-adres, en uw computer toegang krijgt tot dat IP-adres.

37
00:02:09,139 --> 00:02:15,050
Als dit niet gebeurt, vraagt ​​een andere DNS-server, "Hey! Weet je wat www.howstuffworks.com is?"

38
00:02:15,050 --> 00:02:17,670
Die server zou kunnen zeggen: "Ja, dat doe ik."

39
00:02:17,670 --> 00:02:22,500
Dus, het vertelt de ander wat het is, en ten slotte, dat de informatie wordt doorgegeven aan de computer,

40
00:02:22,500 --> 00:02:24,680
en u toegang howstuffworks.com.

41
00:02:24,680 --> 00:02:27,540
>> Hoe kun je een van deze magische dingen?

42
00:02:27,540 --> 00:02:32,940
Hoe kun je misschien www.yourname.com of www.ilovecats.com?

43
00:02:32,940 --> 00:02:35,350
U kunt zich aanmelden voor een,

44
00:02:35,350 --> 00:02:38,280
en er zijn veel websites die er zijn die u in staat om dit te doen.

45
00:02:38,280 --> 00:02:41,420
Je moet - in de meeste gevallen moet je betalen voor hen.

46
00:02:41,420 --> 00:02:43,890
Er zijn bepaalde domeinnamen die zijn gratis.

47
00:02:43,890 --> 00:02:50,900
Als je naar www.co.cc of. Tkdomainnames, die zijn gratis.

48
00:02:50,900 --> 00:02:56,500
Maar, komen ze met bepaalde beperkingen, en in feite een aantal van hen misschien niet eens zijn

49
00:02:56,500 --> 00:03:00,540
echt, top-level domeinnamen zoals. com of. net.

50
00:03:00,540 --> 00:03:03,300
Normaal gesproken zou ik willen voorstellen gaan voor een van hen

51
00:03:03,300 --> 00:03:07,060
omdat de gebruikers zijn gewoon meer comfortabel met deze.

52
00:03:07,060 --> 00:03:10,070
Je hebt veel. Coms gezien. Je hebt veel van netten. Gezien.

53
00:03:10,070 --> 00:03:13,790
Je waarschijnlijk niet veel gezien van. Co.cc 's, zodat ze moeilijker te onthouden.

54
00:03:13,790 --> 00:03:18,900
Verschillende websites zoals GoDaddy of NameCheap of - Ik gebruikte een die

55
00:03:18,900 --> 00:03:21,550
beetje schimmig - genaamd activedomain.com.

56
00:03:21,550 --> 00:03:24,160
Het ziet er echt vaag, maar het is echt goed gewerkt voor mij.

57
00:03:24,160 --> 00:03:27,810
>> En tot slot, heb je anderen die misschien meer reclame, zoals Network Solutions.

58
00:03:27,810 --> 00:03:31,140
Maar als je gaat naar NetworkSolutions.com en kijken naar hun prijsbeleid

59
00:03:31,140 --> 00:03:34,070
het is erg duur. Ik was op zoek naar hen gisteravond.

60
00:03:34,070 --> 00:03:37,400
Voor een jaar van een domeinnaam, het is waarschijnlijk niet zo veel geld waard.

61
00:03:37,400 --> 00:03:40,210
In feite, als je nu op een. Com of. Org of een. Netto

62
00:03:40,210 --> 00:03:43,430
de gebruikelijke prijs is ongeveer $ 10 per jaar.

63
00:03:43,430 --> 00:03:48,710
Dus als je veel meer dan dat te betalen, is het waarschijnlijk niet dat de moeite waard

64
00:03:48,710 --> 00:03:52,440
want tenslotte, deze websites niet iets doen met die domeinnaam.

65
00:03:52,440 --> 00:03:58,270
Ze geven alleen maar aan u, en dus als je het kan krijgen voor goedkoop, waarom niet?

66
00:03:58,270 --> 00:04:02,540
>> Het andere ding is zodra u uw domeinnaam hebt, dan heb je waarschijnlijk wilt

67
00:04:02,540 --> 00:04:08,610
gaan om ofwel Godaddy.com of waar u uw domeinnaam gekocht

68
00:04:08,610 --> 00:04:11,220
en stel de nameservers voor die domeinnaam.

69
00:04:11,220 --> 00:04:15,560
Wat dat betekent is zodra een gebruiker gaat naar www.howstuffworks.com,

70
00:04:15,560 --> 00:04:20,839
die nameserver IP-adressen zijn de IP-adressen die ze kunnen opzoeken zou zijn.

71
00:04:20,839 --> 00:04:24,680
Zij zouden in staat zijn om toegang te krijgen tot uw website via deze nameservers.

72
00:04:24,680 --> 00:04:26,830
Als u zich aanmeldt voor het hosten ergens

73
00:04:26,830 --> 00:04:31,210
dan is uw gastheer zal waarschijnlijk geven u de nameservers te gebruiken.

74
00:04:31,210 --> 00:04:34,210
>> En tot slot, er is dit ding heet een WHOIS.

75
00:04:34,210 --> 00:04:38,890
Een WHOIS database is een database waarmee je kon invoeren van een domeinnaam

76
00:04:38,890 --> 00:04:44,170
en het zal uitspugen wat informatie over de eigenaar van die site en andere contactinformatie.

77
00:04:44,170 --> 00:04:49,080
Nu, zult u zeggen, "Ik wil eigenlijk niet dat mijn huisadres of ik wil eigenlijk niet mijn e-mailadres

78
00:04:49,080 --> 00:04:54,010
op de website voor iedereen te zien of op het internet voor iedereen te zien. "

79
00:04:54,010 --> 00:04:57,740
Dan wilt u misschien om iets te gebruiken dat veel hosting diensten -

80
00:04:57,740 --> 00:04:59,740
als een WHOIS-manager.

81
00:04:59,740 --> 00:05:03,550
Een WHOIS manager is gewoon een andere dienst die veel van hen bepalen dat

82
00:05:03,550 --> 00:05:07,700
verbergt weg die informatie en net zet in die manager voor de naam -

83
00:05:07,700 --> 00:05:13,070
het adres is het meestal gewoon die naam bedrijf dat u deze domeinnaam heeft gegeven -

84
00:05:13,070 --> 00:05:17,350
en zo vervolgens uw persoonlijke gegevens niet wordt gelekt op het internet,

85
00:05:17,350 --> 00:05:19,350
dat is meestal vrij goed.

86
00:05:19,350 --> 00:05:21,350
Zelf gebruik ik een van deze diensten.

87
00:05:21,350 --> 00:05:25,630
Als je niet de zorg over uw eigen privacy dan maakt het eigenlijk niet uit.

88
00:05:25,630 --> 00:05:32,490
>> Een DNS-server staat voor Domain Name System, en wat het is -

89
00:05:32,490 --> 00:05:36,560
Het is een soort als een hash table ergens dat zegt,

90
00:05:36,560 --> 00:05:42,320
 "Deze website adres zal toewijzen aan dit IP-adres." En dat is alles wat het is.

91
00:05:42,320 --> 00:05:48,180
Dus zodra je deze DNS-server een query, dan kunt u de IP-adressen krijgen

92
00:05:48,180 --> 00:05:51,930
voor dat de bijbehorende domeinnaam en vervolgens bezoeken die website.

93
00:05:51,930 --> 00:05:59,820
(Publiekslid stellen van een vraag - onhoorbaar)

94
00:05:59,820 --> 00:06:07,910
De eerste? Het eerste niveau is eigenlijk meestal gewoon de computer cache zelf.

95
00:06:07,910 --> 00:06:12,570
Uw computer soort herinnert zich de laatste keer dat je ging naar www.google.com

96
00:06:12,570 --> 00:06:18,090
het was op dit IP-adres, en vervolgens na een tijdje, zal die cache verlopen,

97
00:06:18,090 --> 00:06:23,560
en het zal vragen als de Comcast DNS,

98
00:06:23,560 --> 00:06:26,400
"He, wat is www.google.com?"

99
00:06:26,400 --> 00:06:31,040
Normaal gesproken, als je een domeinnaam te kopen en u registreert een, en je het opzetten van een website,

100
00:06:31,040 --> 00:06:35,670
je kunt niet meteen naar die website met die domeinnaam, omdat de nameservers

101
00:06:35,670 --> 00:06:40,180
over de hele wereld weet niet over uw domeinnaam nog niet. Het moet vullen.

102
00:06:40,180 --> 00:06:43,220
Het duurt meestal ongeveer 24-48 uur.

103
00:06:43,220 --> 00:06:48,460
Oke. Dus, dat is een beetje over domeinnamen. Ze zijn erg cool.

104
00:06:48,460 --> 00:06:51,540
Ik vind dat je er een krijgt als je serieus bent over het project bent

105
00:06:51,540 --> 00:06:55,300
en als je echt wilt om uw project bekend over de campus,

106
00:06:55,300 --> 00:06:58,050
het hebben van een domeinnaam maakt het er echt professioneel.

107
00:06:58,050 --> 00:07:01,510
>> Dan is de volgende stap, natuurlijk, is om een ​​soort van hosting hebben.

108
00:07:01,510 --> 00:07:05,540
Als je gewoon hosten op uw computer, is niemand ooit te kunnen gaan om het te kunnen.

109
00:07:05,540 --> 00:07:09,110
Je zou kunnen opzetten van een server op uw computer en uw computer blijven voor altijd,

110
00:07:09,110 --> 00:07:11,160
maar dat is niet aan te raden.

111
00:07:11,160 --> 00:07:14,000
Er zijn verschillende soorten van hosting online beschikbaar.

112
00:07:14,000 --> 00:07:21,870
Er is shared hosting. Er is VPN (onverstaanbaar) die virtual hosts zijn.

113
00:07:21,870 --> 00:07:23,870
Er is semi-dedicated en toegewijd.

114
00:07:23,870 --> 00:07:29,030
Van de laatste 3, VPN, semi-dedicated en dedicated zijn meestal duurder.

115
00:07:29,030 --> 00:07:32,660
Ze worden meestal gebruikt voor websites die meer middelen nodig.

116
00:07:32,660 --> 00:07:34,680
Als je net begint met een website,

117
00:07:34,680 --> 00:07:40,670
het misschien gewoon zuiniger om te gaan met de shared hosting.

118
00:07:40,670 --> 00:07:43,430
En wat gedeelde betekent is gewoon een stelletje websites zijn allemaal samen

119
00:07:43,430 --> 00:07:51,560
sorteren van op een server op deze website op deze host server, en hebt u toegang tot uw website

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

121
00:07:53,660 --> 00:07:55,980
>> Er zijn veel populaire gastheren die er zijn.

122
00:07:55,980 --> 00:08:01,160
HostGator en DreamHost - dat zijn heel, heel groot en heel erg populair

123
00:08:01,160 --> 00:08:03,160
en zeer, zeer succesvol.

124
00:08:03,160 --> 00:08:05,160
Persoonlijk gebruik ik een zogenaamde MDDHosting.

125
00:08:05,160 --> 00:08:08,240
Als je naar www.mddhosting.com, dat is mijn gastheer van keuze.

126
00:08:08,240 --> 00:08:10,240
Ik vind ze erg goed.

127
00:08:10,240 --> 00:08:14,550
Ze hebben altijd zeer betrouwbaar geweest, en ik heb nooit problemen gehad met hen.

128
00:08:14,550 --> 00:08:18,610
Ze hebben ook zeer concurrerende prijsstelling.

129
00:08:18,610 --> 00:08:24,400
Twee die ik niet echt leuk zijn GoDaddy - dat is ook een zeer populaire gastheer,

130
00:08:24,400 --> 00:08:26,400
maar ik heb vreselijke ervaringen gehad met hen,

131
00:08:26,400 --> 00:08:29,430
en veel mensen die ik ken hebben echt verschrikkelijk ervaringen met hen gehad.

132
00:08:29,430 --> 00:08:32,150
Ze soort van gaan na mensen die niet weten wat ze doen -

133
00:08:32,150 --> 00:08:34,150
misschien ben je het maken van een website voor de eerste keer,

134
00:08:34,150 --> 00:08:37,150
en dus zijn ze soort van con hen in het kopen van hun hosting pakket.

135
00:08:37,150 --> 00:08:42,570
Doe het niet. Val niet voor. Ga op zoek naar andere hosting pakketten die echt past bij uw behoeften.

136
00:08:42,570 --> 00:08:44,880
En de andere is - er zijn gratis hosts die er zijn.

137
00:08:44,880 --> 00:08:47,350
Er zijn websites die uw website wordt gehost -

138
00:08:47,350 --> 00:08:49,350
soms door de invoering van een advertentie op uw site,

139
00:08:49,350 --> 00:08:52,290
soms door het maken van je deelnemen aan de forums,

140
00:08:52,290 --> 00:08:54,340
maar soms juist ook gratis.

141
00:08:54,340 --> 00:09:00,000
Maar, wees voorzichtig met gratis hosts omdat veel van hen echt alleen uit te gaan van het bedrijfsleven

142
00:09:00,000 --> 00:09:03,480
na enkele maanden. Je kunt gewoon niet bijhouden met de kosten.

143
00:09:03,480 --> 00:09:07,460
Anderen zijn gewoon zeer onbetrouwbaar, en uw site zal altijd naar beneden,

144
00:09:07,460 --> 00:09:09,700
en u niet wilt dat dit gebeurt.

145
00:09:09,700 --> 00:09:12,330
>> Elke host zal bieden hun eigen bedieningspaneel.

146
00:09:12,330 --> 00:09:16,520
Merk op dat voor uw apparaat, er is echt niet een bedieningspaneel per se.

147
00:09:16,520 --> 00:09:19,230
Je moet terminal gebruiken om te gaan en bewerken van de bestanden.

148
00:09:19,230 --> 00:09:21,230
Je moet chmod dingen zelf.

149
00:09:21,230 --> 00:09:24,770
Als je wilde gaan naar PHPMyAdmin,

150
00:09:24,770 --> 00:09:29,560
je moet naar localhost @ / phpmyadmin en dat soort dingen.

151
00:09:29,560 --> 00:09:36,660
Maar met een bedieningspaneel kunt u in gaan en bewerken van de bestanden op uw server

152
00:09:36,660 --> 00:09:40,350
met Windows Verkenner of Finder-type application.

153
00:09:40,350 --> 00:09:44,810
Of u kunt gaan door en kijk naar uw databases met hun eigen gereedschap

154
00:09:44,810 --> 00:09:47,280
in plaats van phpmyadmin.

155
00:09:47,280 --> 00:09:52,240
Dus, er is veel keuze hier, en enkele van de meer populaire bedieningspanelen zijn daarboven.

156
00:09:52,240 --> 00:09:54,240
Maar als je op zoek bent naar een host,

157
00:09:54,240 --> 00:09:57,090
dan je zou willen kijken naar wat voor soort aanpassingen en opties

158
00:09:57,090 --> 00:10:02,810
ze bieden me aan mijn server aan te passen en om mijn website beter lopen.

159
00:10:02,810 --> 00:10:07,110
Zo is, dan zou je kunnen vragen: "Nou, hoe kan ik kiezen voor hosting?"

160
00:10:07,110 --> 00:10:11,460
Als je op om elke host website is er veel jargon, en er zijn een heleboel opties.

161
00:10:11,460 --> 00:10:14,470
Er zijn een heleboel verschillende prijzen ook.

162
00:10:14,470 --> 00:10:19,690
Normaal ga ik voor de goedkopere, alleen maar omdat websites die je misschien en ik maak -

163
00:10:19,690 --> 00:10:23,520
en vooral nu, in het bijzonder als voorgerecht - ze kunnen niet zo veel middelen

164
00:10:23,520 --> 00:10:26,770
als zou een website als Microsoft.com.

165
00:10:26,770 --> 00:10:32,090
>> Eerst wilt u kijken naar het besturingssysteem als je echt benieuwd of

166
00:10:32,090 --> 00:10:35,090
uw site gaat over Linux worden gehost op Windows of op de Mac.

167
00:10:35,090 --> 00:10:39,790
Normaal gesproken zijn we gewoon gaan met Linux, want dat is meestal de goedkoopste,

168
00:10:39,790 --> 00:10:43,730
en ook degene die jullie misschien meer vertrouwd zijn met als gevolg van het toestel.

169
00:10:43,730 --> 00:10:48,040
En dan, misschien zullen zij een aantal beperkingen op de hoeveelheid bandbreedte die je krijgt -

170
00:10:48,040 --> 00:10:53,030
zoals hoeveel megabytes of gigabytes aan gegevens kunnen gebruikers downloaden

171
00:10:53,030 --> 00:10:55,470
vanaf uw website per maand? Of schijfruimte.

172
00:10:55,470 --> 00:11:00,640
Hoeveel ruimte heb je? Is het 500 MB? Is het 2 GB? Is het onbeperkt?

173
00:11:00,640 --> 00:11:05,920
Tegenwoordig zijn veel van webservers geven u onbeperkte schijfruimte als een manier voor hen

174
00:11:05,920 --> 00:11:08,560
om u te verleiden om hun hosting pakket te krijgen.

175
00:11:08,560 --> 00:11:11,850
Maar als je echt goed over nadenkt, als je ooit naar onbeperkte schijfruimte nodig?

176
00:11:11,850 --> 00:11:18,060
Als je een paar HTML-bestanden, een paar PHP, een paar foto's -

177
00:11:18,060 --> 00:11:20,060
dat is slechts een paar megabytes, en dus

178
00:11:20,060 --> 00:11:23,110
meestal Ik ga er gewoon voor de waarde van de ruimte misschien een paar gigabytes ',

179
00:11:23,110 --> 00:11:27,990
en dat zou genoeg zijn om me te beginnen totdat ik meer nodig zijn.

180
00:11:27,990 --> 00:11:31,480
>> Tenslotte kunnen zij beperkingen op wat voor soort zetten - hoeveel databases je kunt hebben.

181
00:11:31,480 --> 00:11:34,760
Misschien kun je maar 1 database. Misschien kun je hebt 2. Misschien kun je er 10.

182
00:11:34,760 --> 00:11:38,330
Is het echt belangrijk om je hoeveel je krijgt?

183
00:11:38,330 --> 00:11:40,330
Dingen om jezelf te vragen.

184
00:11:40,330 --> 00:11:42,330
En dan eindelijk, net dingen als talen.

185
00:11:42,330 --> 00:11:44,330
Hebben ze PHP ondersteunen? Hebben ze MySQL ondersteunen?

186
00:11:44,330 --> 00:11:49,010
De meeste hosting van websites niet ondersteunen deze, omdat ze vrij zijn. Ze zijn open source.

187
00:11:49,010 --> 00:11:51,190
Het kost hen niets om deze voor u verzorgen.

188
00:11:51,190 --> 00:11:55,680
Maar als u wilt gebruiken, zeggen, Ruby of Python of sommige van deze andere talen -

189
00:11:55,680 --> 00:11:59,490
zij mogen niet steunen op hun server, dus het is belangrijk om te zoeken naar dat soort dingen.

190
00:11:59,490 --> 00:12:05,620
>> En tot slot, ze toestaan ​​om wat meer geavanceerde dingen zoals SSL of cron jobs doen?

191
00:12:05,620 --> 00:12:12,060
SSL is een optie waar u uw website veiliger kunnen maken door het HTTPS

192
00:12:12,060 --> 00:12:14,060
en versleutelen uw verbindingen.

193
00:12:14,060 --> 00:12:17,230
En cron jobs zijn heel misschien scripts die u wilt uitvoeren

194
00:12:17,230 --> 00:12:19,510
elke 5 minuten, elke 10 minuten, elke 15.

195
00:12:19,510 --> 00:12:22,030
Veel shared hosting websites zijn gezet beperkingen

196
00:12:22,030 --> 00:12:26,310
op het aantal cron jobs die u kunt uitvoeren, want dat neemt meer middelen.

197
00:12:26,310 --> 00:12:31,800
>> En tot slot, maar al het andere dat je wilt kijken naar - zorg ervoor dat precies wat er gaande is

198
00:12:31,800 --> 00:12:35,180
voordat u uw hosting pakket te kopen.

199
00:12:35,180 --> 00:12:37,720
Tenslotte prestaties. Prestatie is enorm.

200
00:12:37,720 --> 00:12:39,740
Hoe snel wordt mijn website gaat lopen?

201
00:12:39,740 --> 00:12:42,950
De meeste gebruikers zijn niet van plan te wachten tot zelfs seconden voor uw website om te draaien

202
00:12:42,950 --> 00:12:47,640
voordat ze gewoon te vervelen, en ze gaan op naar MeanBase en ga op zoek naar foto's

203
00:12:47,640 --> 00:12:52,240
van katten - weet je dat er gebeurt, en wilt u ervoor zorgen dat u die gebruiker aan boord

204
00:12:52,240 --> 00:12:54,300
en dat u een goede uptime die net betekent dat

205
00:12:54,300 --> 00:12:56,300
uw website zal te allen tijde toegankelijk te zijn.

206
00:12:56,300 --> 00:13:01,880
Veel hosts hebben echt slecht uptime en dat alleen maar betekent dat uw website is niet van plan te zijn

207
00:13:01,880 --> 00:13:06,500
toegankelijk, en u niet wilt dat dit gebeurt, omdat u misschien verdrietig te zijn.

208
00:13:06,500 --> 00:13:10,360
En je kunt ook de prestaties van uw gastheer volgen met websites als

209
00:13:10,360 --> 00:13:16,440
Pingdom.com of Host-tracker.com, en ze je gewoon vertellen hoe vaak uw site naar beneden.

210
00:13:16,440 --> 00:13:18,490
>> En tot slot, je wilt zien over hun steun.

211
00:13:18,490 --> 00:13:21,890
Als u een probleem hebt gaan ze aan u binnen 24 uur?

212
00:13:21,890 --> 00:13:23,890
Gaan ze aan u binnen 48 uur?

213
00:13:23,890 --> 00:13:26,500
De hosting service die ik gebruik normaal reageert op mij binnen enkele minuten

214
00:13:26,500 --> 00:13:29,760
dat is echt leuk.

215
00:13:29,760 --> 00:13:33,990
Oef! Goed zo! Het is tijd voor een pauze. Maar ik ben niet van plan om het je geven.

216
00:13:33,990 --> 00:13:38,200
We zullen kijken naar foto's van schattige katten zo nu en dan.

217
00:13:38,200 --> 00:13:42,740
>> Een ander echt, echt groot ding is cross-browser compatibiliteit.

218
00:13:42,740 --> 00:13:45,890
Wat bedoel ik met cross-browser compatibiliteit?

219
00:13:45,890 --> 00:13:50,970
Weet je, tegenwoordig is het niet alleen Microsoft Internet Explorer.

220
00:13:50,970 --> 00:13:53,970
Het is niet alleen Mozilla Firefox of Safari.

221
00:13:53,970 --> 00:13:58,190
Nu hebben we Chrome. We hebben Opera. We hebben Dolphin. We hebben Camino.

222
00:13:58,190 --> 00:14:00,540
We hebben Veroveraar. We hebben al deze verschillende browsers.

223
00:14:00,540 --> 00:14:05,950
Dingen die komen nu uit - RockMelt - hoewel deze zijn allemaal gebaseerd op Chromium.

224
00:14:05,950 --> 00:14:10,990
Maar het feit van de zaak is, is er niet alleen een browser meer.

225
00:14:10,990 --> 00:14:13,860
Je bent niet alleen het bekijken van deze webpagina's met een applicatie.

226
00:14:13,860 --> 00:14:17,660
En dus zullen verschillende browsers reageren op verschillende HTML, CSS verschillende, en

227
00:14:17,660 --> 00:14:21,210
verschillende JavaScript verschillend, en hoe ga je om met dat?

228
00:14:21,210 --> 00:14:24,370
Nou ja, in bepaalde gevallen, je kan echt niet.

229
00:14:24,370 --> 00:14:29,160
Jouw website - als het werkt in een browser, de code die je schrijft zal niet werken

230
00:14:29,290 --> 00:14:32,910
in een andere browser, en het is jouw taak om ervoor te zorgen dat de code die je schrijft

231
00:14:32,910 --> 00:14:36,000
is universeel, dat werkt overal.

232
00:14:36,000 --> 00:14:38,000
Dus, dit is echt gevaarlijk.

233
00:14:38,000 --> 00:14:42,450
Als je zegt: "Wel, het werkt op mijn computer. Great! Laten we verder gaan."

234
00:14:42,450 --> 00:14:46,040
Nou, het is waarschijnlijk niet gaat werken op de mijne, en als ik naar uw website

235
00:14:46,040 --> 00:14:49,210
Ik ga zijn erg verdrietig, en ik ga meteen vertrekken.

236
00:14:49,210 --> 00:14:51,570
Dus, laten we eens kijken hoe je dit kunt voorkomen.

237
00:14:51,570 --> 00:14:55,520
>> Het eerste ding, natuurlijk, is om alleen gebruik maken van standaard HTML, CSS en JavaScript.

238
00:14:55,520 --> 00:14:57,520
Wat bedoel ik daarmee?

239
00:14:57,520 --> 00:15:00,180
Nou, er zijn een heleboel niet standaard dingen die er zijn.

240
00:15:00,180 --> 00:15:03,490
Bijvoorbeeld, in CSS er vele versies.

241
00:15:03,490 --> 00:15:10,830
Als u alle CSS-regels met-moz-of-webkit-, die regels zijn specifieke

242
00:15:10,830 --> 00:15:15,720
aan zowel de Mozilla browsers en de Webkit browsers,

243
00:15:15,720 --> 00:15:20,590
en dus je wilt er zeker van dat je misschien wilt die dingen te vermijden

244
00:15:20,590 --> 00:15:25,150
want als je gebruik-moz-die regel is alleen maar om te werken aan Firefox.

245
00:15:25,150 --> 00:15:29,640
En als je echt wilt dat het ook goed op Internet Explorer kijken,

246
00:15:29,640 --> 00:15:31,640
je gaat uit geluk.

247
00:15:31,640 --> 00:15:37,910
Voor HTML ook, kan je dingen doen in HTML die werken in een browser

248
00:15:37,910 --> 00:15:41,830
maar dat breekt in een andere, en u wilt vermijden dat zo veel mogelijk.

249
00:15:41,830 --> 00:15:44,830
En tenslotte voor JavaScript zelfs - zijn er vele versies van JavaScript,

250
00:15:44,830 --> 00:15:50,570
en deze zomer kwamen we een probleem waar Document.getElementsByClassName--

251
00:15:50,570 --> 00:15:54,500
die meestal een functie die wordt gedefinieerd als deel van de standaard webbrowser -

252
00:15:54,500 --> 00:15:58,120
was niet te vinden in Internet Explorer 8.

253
00:15:58,120 --> 00:16:01,900
Dus, in de zomer was ik werkzaam in een lab en we waren het bouwen van online experimenten.

254
00:16:01,900 --> 00:16:06,210
En we dachten dat het was echt goed bezig tot we beseften gebruikers die werden gebruikt

255
00:16:06,210 --> 00:16:09,780
Internet Explorer 8 konden hun resultaten voorleggen.

256
00:16:09,780 --> 00:16:13,200
We misten op een heleboel gegevens. Dat maakte ons echt triest.

257
00:16:13,200 --> 00:16:17,790
Dus, wil je altijd zorgen dat je scripts gaat overal werken.

258
00:16:17,790 --> 00:16:20,500
>> En tot slot, gebruik validator.w3.org

259
00:16:20,500 --> 00:16:22,770
dat is wat wij je vertellen om te doen in pset 7.

260
00:16:22,770 --> 00:16:24,530
Zorg ervoor dat uw pagina's zijn gevalideerd.

261
00:16:24,530 --> 00:16:28,310
Dat is belangrijk, want dat is tenminste een eerste stap sanity check.

262
00:16:28,310 --> 00:16:31,870
Is mijn code daadwerkelijk voldoen aan de standaard?

263
00:16:34,930 --> 00:16:39,320
Een andere manier om een ​​soort van helpen u ervoor zorgen dat uw website gaat werken

264
00:16:39,320 --> 00:16:42,610
onder de meeste omstandigheden is het misschien gebruik maken van een aantal bibliotheken en frameworks

265
00:16:42,610 --> 00:16:46,210
omdat deze echt slimme ontwikkelaars hebben gedacht over deze zaken voor u.

266
00:16:46,210 --> 00:16:49,850
Ze hebben doorgemaakt en ze hebben verschillende functies die werken in browsers geschreven.

267
00:16:49,850 --> 00:16:53,560
Zo gebruiken we jQuery in Pset 7.

268
00:16:53,560 --> 00:16:58,030
Ook al heb je het niet hebt gezien, jQuery biedt veel functies

269
00:16:58,030 --> 00:17:00,280
dat anders zou je hebt om jezelf te schrijven.

270
00:17:00,280 --> 00:17:05,310
Maar deze ontwikkelaars schreef het, en ze zorgden ervoor dat het werkt in alle browsers.

271
00:17:05,310 --> 00:17:10,280
En Bootstrap - dat is een andere CSS framework dat we zien je in Pset 7 -

272
00:17:10,280 --> 00:17:17,000
het echt nodig is veel weg van de hoofdpijn met het ontwerpen van websites die er goed uitzien.

273
00:17:17,000 --> 00:17:19,000
in alle browsers.

274
00:17:19,000 --> 00:17:23,660
>> En tenslotte, als je het kunt vermijden, heb ik vermijd meestal codering van de grond af.

275
00:17:23,660 --> 00:17:28,079
Als je gewoon het creëren van een website voor uw school club, bijvoorbeeld,

276
00:17:28,079 --> 00:17:33,920
en alles wat je hoeft te doen is om een ​​paar pagina's weer te geven en misschien hebben uw voorzitter gaat in

277
00:17:33,920 --> 00:17:38,910
en een paar dingen hier en daar - er is echt geen behoefte aan code die op jezelf.

278
00:17:38,910 --> 00:17:40,910
Dat kost veel van uw tijd.

279
00:17:40,910 --> 00:17:42,660
Het kost veel van je energie, en je hebt om door te gaan en je hebt om uit te vinden,

280
00:17:42,660 --> 00:17:45,930
goed, dit gaat er goed uitzien in deze browser, gaat het er goed uitzien in deze browser.

281
00:17:45,930 --> 00:17:50,610
Misschien gebruik maken van een aantal van deze patches die anderen al voor u hebben geschreven, zoals

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

283
00:17:52,610 --> 00:17:59,400
Deze worden inhoud genoemd - deze worden CMS'en die in feite zijn slechts pakketten die genoemd

284
00:17:59,400 --> 00:18:03,020
al gekomen voor u gedaan, en je kunt ze downloaden, zet ze op je server,

285
00:18:03,020 --> 00:18:07,510
en aan te passen zoals u dat wilt, en je hebt al een lopende website.

286
00:18:07,510 --> 00:18:11,680
Die code pakketten zijn iets om te kijken in.

287
00:18:11,680 --> 00:18:15,400
Deze dingen zijn open source, tenzij je gaat voor iets als -

288
00:18:15,400 --> 00:18:19,390
als u op zoek bent naar een vorm pakket, er zijn dingen die niet gratis, zoals zijn

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

290
00:18:21,570 --> 00:18:23,790
Als je niet nodig een aantal van deze geavanceerde functies,

291
00:18:23,790 --> 00:18:27,530
U kunt altijd kiezen voor de gratis optie.

292
00:18:27,530 --> 00:18:31,300
>> Tenslotte is er geen ontkomen aan.

293
00:18:31,300 --> 00:18:33,300
U moet testen, test, test.

294
00:18:33,300 --> 00:18:37,690
U moet uw code te testen op al deze browsers en op al deze platformen.

295
00:18:37,690 --> 00:18:44,110
En weet je, IE6 - hebben godzijdank mensen begonnen af ​​te stappen van IE6

296
00:18:44,110 --> 00:18:49,190
want terug in de dag, misschien een paar jaar geleden, webontwikkelaars moest altijd, altijd,

297
00:18:49,190 --> 00:18:55,280
altijd toegeven aan zwakheden IE6's in het volgen van de normen.

298
00:18:55,280 --> 00:19:00,860
Websites keek soort van 1990 bij gebrek aan een betere manier om te gaan met het.

299
00:19:00,860 --> 00:19:04,380
U kunt ook gebruik maken van browser screenshots om je CSS te controleren.

300
00:19:04,380 --> 00:19:08,100
Een echt cool website is browserlab.adobe.com.

301
00:19:08,100 --> 00:19:11,070
Dit is een gratis dienst die door Adobe gezet.

302
00:19:11,070 --> 00:19:15,160
En wat ze doen is dat ze screenshots kunnen nemen van uw website

303
00:19:15,160 --> 00:19:18,890
draaien onder verschillende omstandigheden - zoals lopen onder verschillende browsers,

304
00:19:18,890 --> 00:19:22,660
draaien onder verschillende platformen - en je laten zien hoe ze er uitzien.

305
00:19:22,660 --> 00:19:33,260
Gewoon om te laten zien wat ik bedoel hier, heb ik een website vorig jaar riep Life At Harvard,

306
00:19:33,260 --> 00:19:39,150
en wat ik probeerde te doen - Ik heb geprobeerd om my.harvard beter te maken.

307
00:19:39,150 --> 00:19:43,840
Want als je hier was vorig jaar, had my.harvard niet uitzien zoals het er nu uitziet.

308
00:19:43,840 --> 00:19:46,640
Het ziet er soort walgelijk.

309
00:19:46,640 --> 00:19:50,470
Maar nu lijkt het een stuk beter.

310
00:19:50,470 --> 00:19:57,070
Mijn implementatie was niet meer zo nuttig, maar allemaal hetzelfde,

311
00:19:57,070 --> 00:20:01,310
weet je, ik heb geprobeerd om toe te voegen - (onverstaanbaar) veel wat dan ook -

312
00:20:01,310 --> 00:20:04,680
en het ziet - het ziet er erg goed op mijn computer.

313
00:20:04,680 --> 00:20:08,560
En dan, misschien als ik meer tijd had zou ik zijn gegaan naar browser lab,

314
00:20:08,560 --> 00:20:13,020
en ik zou hebben gekeken, nou ja, hoe ziet het eruit in Chrome 18 voor Windows.

315
00:20:13,020 --> 00:20:17,060
Ik zou scroll naar beneden en ik zou zien - oh nee! Kijkt u naar het kader aankondigingen.

316
00:20:17,060 --> 00:20:20,200
Mijn tekst was overvol. Dus, dat is slecht, toch?

317
00:20:20,200 --> 00:20:23,700
Als een gebruiker met behulp van Chrome op Windows en komt op mijn website,

318
00:20:23,700 --> 00:20:26,730
die onmiddellijk ziet er erg onprofessioneel.

319
00:20:26,730 --> 00:20:30,760
Dus, moet ik gaan in mijn CSS en ontdek wat een deel van mijn CSS is hier te breken.

320
00:20:30,760 --> 00:20:35,090
Waarom is het niet correct weergeven van en zet het vast, zodat alle gebruikers dezelfde website kan zien

321
00:20:35,090 --> 00:20:37,770
en zijn net zo blij.

322
00:20:37,770 --> 00:20:44,280
>> En tot slot, goed, browser screenshots zijn leuk voor het testen van uw CSS,

323
00:20:44,280 --> 00:20:46,020
maar hoe zit het met uw webbrowser?

324
00:20:46,020 --> 00:20:48,660
Hoe zit het als je een aantal ingewikkelde script dat draait?

325
00:20:48,660 --> 00:20:50,460
Nou, je kunt altijd doen virtualisatie.

326
00:20:50,460 --> 00:20:56,360
Als je een Mac hebt kun je Bootcamp of VMWare gebruiken om misschien virtualiseren een kopie van

327
00:20:56,360 --> 00:20:59,540
Windows en gebruik Internet Explorer daar.

328
00:20:59,540 --> 00:21:03,400
Of, kunt u gaan naar iets als Spoon.net, die helaas werkt alleen op pc's.

329
00:21:03,400 --> 00:21:05,290
Maar wat ze doen is erg cool.

330
00:21:05,290 --> 00:21:10,080
Ze virtualiseren software voor u, zodat u verschillende versies van IE draaien, bijvoorbeeld.

331
00:21:10,080 --> 00:21:12,080
U kunt verschillende versies van Firefox draaien.

332
00:21:12,080 --> 00:21:15,720
U kunt verschillende versies van Safari lopen en testen van al uw websites daar.

333
00:21:15,720 --> 00:21:18,360
Helaas, ze zijn niet gratis.

334
00:21:18,360 --> 00:21:20,860
Dat is een betaalde dienst, dus er is altijd soort van deze -

335
00:21:20,860 --> 00:21:26,070
er is altijd soort van deze afweging tussen, goed, ik ga om mijn website er goed uitzien.

336
00:21:26,070 --> 00:21:31,970
Als dat zo is, zou ik moeten betalen voor sommige diensten om me te helpen dat te doen.

337
00:21:31,970 --> 00:21:35,890
Voor vragen op dit punt over iets dat we over gesproken?

338
00:21:38,500 --> 00:21:41,210
Geweldig. Oke.

339
00:21:41,210 --> 00:21:43,870
>> Nu hebben we meer dingen om over te praten.

340
00:21:43,870 --> 00:21:45,820
Hoe zit het met fouten?

341
00:21:45,820 --> 00:21:48,670
Hoe zorg je ervoor dat uw website gaat ook wanneer

342
00:21:48,670 --> 00:21:50,150
iets ergs gebeurt?

343
00:21:50,150 --> 00:21:53,940
Misschien heb je niet beschikt over een pagina met de naam food.php.

344
00:21:53,940 --> 00:21:57,000
Maar mij, ik ga naar uw website en ik probeer om tot food.php.

345
00:21:57,000 --> 00:22:00,770
Ga je gewoon naar me te tonen dat witte pagina die zegt 404 - Bestand niet gevonden?

346
00:22:00,770 --> 00:22:04,400
Of ga je zeggen: "Wel, het spijt me dat ik dit niet kon vinden voor u,

347
00:22:04,400 --> 00:22:08,520
maar misschien hier zijn enkele andere hulpmiddelen om u te helpen zoeken naar wat je nodig hebt. "

348
00:22:08,520 --> 00:22:13,180
Andere fouten - dus, dit heet HTTP-fouten die slechts enkele foutcodes zijn

349
00:22:13,180 --> 00:22:17,130
dat uw server rug zou hebben gestuurd naar de browser in het geval van iets ergs gebeuren.

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

351
00:22:20,160 --> 00:22:25,560
403 is een soort van gemeenschappelijke wanneer u een map die niet zou moeten worden benaderd

352
00:22:25,560 --> 00:22:27,310
door de gebruiker, maar de gebruiker probeert om toch.

353
00:22:27,310 --> 00:22:30,840
En 500 - Internal Server Error - dat meestal gebeurt als je iets hebt

354
00:22:30,840 --> 00:22:33,070
echt slecht gebeurt met uw PHP-code.

355
00:22:33,070 --> 00:22:36,140
Maar in ieder geval, dit soort browsers - dit soort fouten gebeuren.

356
00:22:36,140 --> 00:22:40,550
>> Dus, hoe kan je ervoor zorgen dat u zich netjes omgaan met deze fouten

357
00:22:40,550 --> 00:22:43,230
en zorg ervoor dat de gebruiker geen enkel soort van opknoping daar?

358
00:22:46,850 --> 00:22:48,850
Hier komt. Htaccess.

359
00:22:48,850 --> 00:22:51,300
Nu,. Htaccess is iets dat werkt op Apache servers,

360
00:22:51,300 --> 00:22:55,550
iets dat werkt en werkt op een paar andere servers ook.

361
00:22:55,550 --> 00:23:01,350
Dit is slechts een manier voor u om te configureren uw server zodanig dat

362
00:23:01,350 --> 00:23:04,470
je kunt laten doen wat je wilt doen.

363
00:23:04,470 --> 00:23:06,790
Sommige dingen die je zou kunnen doen. Je kon je cache-instellingen te controleren.

364
00:23:06,790 --> 00:23:11,290
Misschien is er een bepaalde pagina op uw website dat u ervoor zorgen dat de gebruiker

365
00:23:11,290 --> 00:23:14,740
opnieuw downloaden iedere keer dat de gebruiker komt en uw website bezoekt.

366
00:23:14,740 --> 00:23:26,980
Of misschien heb je een aantal URL die is net yoursite.com / test / html / pages / hello.html

367
00:23:26,980 --> 00:23:31,270
en je wil gewoon dat aan yourname.com / hello zijn -. goed, kunt u gebruik maken van htaccess

368
00:23:31,270 --> 00:23:34,760
een webpagina omleiden naar een andere.

369
00:23:34,760 --> 00:23:36,600
U kunt het ook gebruiken om authenticatie te doen.

370
00:23:36,600 --> 00:23:39,890
Misschien zijn er een aantal delen van uw website die u nodig hebt om een ​​ander wachtwoord te gebruiken.

371
00:23:39,890 --> 00:23:42,620
U kunt bepaalde IP-adressen te blokkeren, blokkeren bepaalde domeinen.

372
00:23:42,620 --> 00:23:46,770
Misschien heb je gewoon echt niet leuk Harvard studenten met behulp van uw website.

373
00:23:46,770 --> 00:23:49,910
Nou, heb je de mogelijkheid om alle Harvard IP-adressen te blokkeren.

374
00:23:49,910 --> 00:23:56,370
>> Ten slotte kunt u dingen behandelen - kunt u bepaalde code schrijven om uw server te maken

375
00:23:56,370 --> 00:24:03,100
zo behandelen. Zhao of. uw naam of. hallo pagina's als PHP-code.

376
00:24:03,100 --> 00:24:05,170
Misschien is dat nuttig zal zijn. Misschien dat zal niet zijn.

377
00:24:05,170 --> 00:24:07,980
En tot slot, kunt u deze gebruiken om foutreacties verwerken.

378
00:24:07,980 --> 00:24:10,300
Wat bedoel ik daarmee?

379
00:24:10,300 --> 00:24:16,030
Als je gewoon code zoals deze add - ErrorDocument 404 en vervolgens direct hen om wat

380
00:24:16,030 --> 00:24:20,440
error pagina, kunt u ervoor zorgen dat de gebruiker niet alleen zien het echt, echt lelijk

381
00:24:20,440 --> 00:24:23,550
404 en laat ze iets leuks.

382
00:24:23,550 --> 00:24:29,000
>> Laten we het eigenlijk eens kijken hoe we dat kunnen doen met uw Pset 7 te nemen.

383
00:24:29,000 --> 00:24:34,190
Hier, ik ben in mijn apparaat.

384
00:24:34,190 --> 00:24:38,440
Ik ga naar Chrome te openen, en dan ga ik proberen om toegang te krijgen tot een pagina

385
00:24:38,440 --> 00:24:43,350
dat niet bestaat op CS50 Finance.

386
00:24:43,350 --> 00:24:52,710
Dus, lokale host - cats.php--zo, merk ik dat ik een fout document gemaakt

387
00:24:52,710 --> 00:24:54,770
die zegt, "canz z pagina niet vinden!"

388
00:24:54,770 --> 00:24:56,990
Het heeft een zeer trieste kat op het.

389
00:24:56,990 --> 00:24:59,910
Als je op Twitter, als je op een van deze andere sites,

390
00:24:59,910 --> 00:25:02,700
U kunt een pagina niet vinden, zijn ze meestal proberen om u een leuke foto tonen

391
00:25:02,700 --> 00:25:04,850
zodat je niet al te teleurgesteld.

392
00:25:04,850 --> 00:25:07,830
Je zou ook iets dat meer professionele die zegt,

393
00:25:07,830 --> 00:25:11,760
goed, het spijt me dat ik kon de pagina niet vinden, maar misschien is hier een zoekvak.

394
00:25:11,760 --> 00:25:16,750
Of misschien zijn hier een aantal links die u zullen helpen de koppeling die u wilt vinden.

395
00:25:16,750 --> 00:25:21,410
Dus, hoe heb ik dit doen? Hoe is dit mogelijk?

396
00:25:21,410 --> 00:25:23,500
Als we gaan in onze terminal hier -

397
00:25:23,500 --> 00:25:26,300
Ik ga gewoon om in te zoomen een beetje -

398
00:25:26,300 --> 00:25:30,110
merken dat ik een nieuwe pagina.

399
00:25:30,110 --> 00:25:34,440
In mijn HTML directory het heet - je kunt het niet zien -

400
00:25:34,440 --> 00:25:37,280
het heet error.php.

401
00:25:37,280 --> 00:25:41,010
En error.php is gewoon een bestand dat ik heb gemaakt

402
00:25:41,010 --> 00:25:43,030
dat je laat zien dat pagina zelf.

403
00:25:43,030 --> 00:25:46,710
Ik kan je laten zien wat error.php is.

404
00:25:46,710 --> 00:25:48,710
Het is precies deze pagina.

405
00:25:48,710 --> 00:25:50,710
Het zegt, "Oh nee! Canz niet z pagina vinden!"

406
00:25:50,710 --> 00:25:58,630
En, als je wilt zien - zo, merken dat htaccess soort is een rare naam..

407
00:25:58,630 --> 00:26:01,040
Het begint met een punt, wat betekent dat het een systeembestand.

408
00:26:01,040 --> 00:26:03,360
Het is een verborgen bestand die gewoonlijk niet wordt getoond.

409
00:26:03,360 --> 00:26:09,060
Als je dat doet ls-a, kunt u alle verborgen bestanden zien in een bepaalde directory,

410
00:26:09,060 --> 00:26:12,030
en inderdaad, zie je. htaccess is een van hen.

411
00:26:12,030 --> 00:26:15,490
Laten we verder gaan en openen htaccess. -

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

413
00:26:19,830 --> 00:26:26,870
Boom! Alles wat ik heb is een lijn daarbinnen - Error document voor 404 fouten

414
00:26:26,870 --> 00:26:28,760
die ook wel bekend als file-niet-gevonden fouten.

415
00:26:28,760 --> 00:26:32,720
Laten redirect ze naar iets genaamd error.php.

416
00:26:36,100 --> 00:26:42,030
U kunt leuke dingen hebben, zoals canz niet z pagina vinden!

417
00:26:42,030 --> 00:26:46,770
En er zijn ook heel leuke dingen die je kunt doen met. Htaccess.

418
00:26:46,770 --> 00:26:49,520
Als u meer wilt zien. Htaccess magie,

419
00:26:49,520 --> 00:26:56,470
Dit is een zeer koele website te gaan - het heet javascriptkit.com/howto/htaccess.shtml--

420
00:26:56,470 --> 00:27:01,880
als je meer wilt weten server magie uit te voeren. En het kan heel leuk.

421
00:27:01,880 --> 00:27:05,490
>> Oef! Goed zo! Meer leuke foto's.

422
00:27:05,490 --> 00:27:10,060
Dit is een man doen push-ups, en zijn kat probeert te helpen. Ik vind het heel schattig.

423
00:27:10,060 --> 00:27:14,830
Helaas, ik heb niet een kat als dat.

424
00:27:14,830 --> 00:27:17,640
Oke. Dus hebben we het over. Htaccess.

425
00:27:17,640 --> 00:27:19,640
We hebben gesproken over de afhandeling van fouten.

426
00:27:19,640 --> 00:27:20,940
We hebben gesproken over hosting, domeinnamen.

427
00:27:20,940 --> 00:27:23,230
We hebben gesproken over cross-browser compatibiliteit.

428
00:27:23,230 --> 00:27:25,210
Nu hoe kunnen we ervoor zorgen dat uw website ook daadwerkelijk uitvoert?

429
00:27:25,210 --> 00:27:26,950
Hoe zorgen we ervoor zorgen dat als ik naar uw website

430
00:27:26,950 --> 00:27:29,830
Ik kan uw pagina te zien binnen een paar seconden?

431
00:27:29,830 --> 00:27:33,520
Een van de dingen die ik denk dat mensen gewoon soort van vergeten

432
00:27:33,520 --> 00:27:36,160
is beeldoptimalisatie.

433
00:27:36,160 --> 00:27:37,560
Laten we zeggen dat je wilde een foto op uw site

434
00:27:37,560 --> 00:27:40,330
en het is 2 MG groot.

435
00:27:40,330 --> 00:27:42,670
Dat zou fijn zijn voor ons omdat we op Harvard,

436
00:27:42,670 --> 00:27:45,000
en we hebben een zeer snelle internetverbinding.

437
00:27:45,000 --> 00:27:47,470
Maar stel je voor iemand in China. Voorstellen dat iemand in India.

438
00:27:47,470 --> 00:27:52,440
voorstellen dat iemand misschien op het platteland van Kansas, die misschien niet de zelfde soort

439
00:27:52,440 --> 00:27:54,690
breedband internet die we hebben.

440
00:27:54,690 --> 00:27:57,710
Als u een afbeelding 2 MB op uw site en de gebruiker moet het probeert te openen,

441
00:27:57,710 --> 00:28:00,890
het gaat om hen te nemen een hele lange tijd om te downloaden.

442
00:28:00,890 --> 00:28:04,160
Dus, als je niet dat soort resolutie nodig hebt,

443
00:28:04,160 --> 00:28:09,220
dan kunt u het formaat van uw afbeelding met iets als Adobe Photo Shop.

444
00:28:09,220 --> 00:28:13,400
Er is meestal een optie genaamd veilig voor web en apparaten,

445
00:28:13,400 --> 00:28:15,850
en wat het doet is het strips uit alle overbodige informatie

446
00:28:15,850 --> 00:28:20,160
en soort van compacts uw bestand in een klein beeldformaat zodat u

447
00:28:20,160 --> 00:28:22,960
zet het op je website, en elke gebruiker die probeert om die pagina te downloaden

448
00:28:22,960 --> 00:28:26,950
gaat om een ​​kleinere versie van de afbeelding te downloaden.

449
00:28:26,950 --> 00:28:28,230
Als u niet beschikt over Adobe Photo Shop

450
00:28:28,230 --> 00:28:32,650
webresizer.com is ook een andere bron waar u uw afbeelding kunt invoeren

451
00:28:32,650 --> 00:28:36,470
en het zal uitspugen exact hetzelfde beeld,

452
00:28:36,470 --> 00:28:39,970
maar het zal iets 3 keer kleiner.

453
00:28:39,970 --> 00:28:41,970
Dus dat is erg handig voor uw gebruikers.

454
00:28:41,970 --> 00:28:45,930
>> Een ander ding dat je kunt doen is minify code.

455
00:28:45,930 --> 00:28:48,460
Als we een kijkje nemen op Google.com,

456
00:28:48,460 --> 00:28:56,400
je zult zien dat het niet soort van dezelfde HTML en CSS die we gewend zijn.

457
00:28:56,400 --> 00:29:02,250
Gewoon gaan hier kijken naar de broncode.

458
00:29:02,250 --> 00:29:07,600
Als ik scroll gewoon naar beneden - wow, dat ziet er behoorlijk walgelijk.

459
00:29:07,600 --> 00:29:09,650
Dit zou een nul op stijl te krijgen.

460
00:29:09,650 --> 00:29:13,470
Als u deze gecodeerd voor uw Pset, zal je een nul krijgen op uw stijl.

461
00:29:13,470 --> 00:29:16,990
Dit heeft geen tussenruimte. De namen lijken erg cryptisch.

462
00:29:16,990 --> 00:29:19,800
Het is allemaal echt walgelijk.

463
00:29:19,800 --> 00:29:24,060
En het script te sluiten in het lichaam - de sluiting HTML -

464
00:29:24,060 --> 00:29:26,280
ze zijn allemaal bij elkaar - al smushed elkaar.

465
00:29:26,280 --> 00:29:28,280
Waarom doen ze dit?

466
00:29:28,280 --> 00:29:30,650
Ze minified hun code.

467
00:29:30,650 --> 00:29:33,310
Merk op dat dit document zal worden een stuk kleiner

468
00:29:33,310 --> 00:29:36,660
voor mij om te downloaden dan iets met witte ruimte,

469
00:29:36,660 --> 00:29:39,410
dan iets met heel lange variabele namen.

470
00:29:39,410 --> 00:29:41,710
Als u uw code minify je strip uit alle witte ruimte.

471
00:29:41,710 --> 00:29:45,960
Natuurlijk, uw browser niet schelen als u een witte ruimte in uw code.

472
00:29:45,960 --> 00:29:49,630
Je strippen het uit, nu kan ik een kleiner bestand downloaden -

473
00:29:49,630 --> 00:29:52,770
nu het bestand - het document dat we gaan downloaden heeft een kleinere bestandsgrootte,

474
00:29:52,770 --> 00:29:56,180
zal het sneller zijn voor mij om te downloaden, en dat is handig.

475
00:29:56,180 --> 00:30:01,550
Als je werkt met websites en je bent de lancering van een website,

476
00:30:01,550 --> 00:30:04,630
het is bijna altijd goed om je code kleineren.

477
00:30:04,630 --> 00:30:08,150
Een andere reden waarom het goed zou kunnen zijn is misschien niet wilt dat anderen uw wachtwoord te gebruiken.

478
00:30:08,150 --> 00:30:11,050
Misschien heb je niet wilt dat anderen je CSS gebruiken.

479
00:30:11,050 --> 00:30:13,460
Je weet dat als je echt wilde zijn gierig met dat,

480
00:30:13,460 --> 00:30:16,670
dan kunt u ook minify uw code, en het moeilijker zou zijn voor mij om het te stelen

481
00:30:16,670 --> 00:30:19,170
want ik heb geen idee wat er gaande is.

482
00:30:19,170 --> 00:30:22,990
U kunt ook naar websites als minify.avivo.si.

483
00:30:22,990 --> 00:30:27,900
Diensten zoals deze online helpen uw code kleineren, zodat u niet hoeft te doen met de hand.

484
00:30:27,900 --> 00:30:30,080
Zeker niet met de hand doen.

485
00:30:30,080 --> 00:30:32,210
>> Oke. Nu spreken over scripts.

486
00:30:32,210 --> 00:30:35,040
Misschien in je PHP-code is er iets dat je niet hoeft te doen.

487
00:30:35,040 --> 00:30:37,910
Misschien is er extra lussen in.

488
00:30:37,910 --> 00:30:40,850
We spraken over codeontwerp in CS50.

489
00:30:40,850 --> 00:30:44,550
Zelfs als je coderen in C als je - als je extra werk doet

490
00:30:44,550 --> 00:30:49,440
dat je niet hoeft te doen, nou, dat gaat te vertragen uw scripts op uw website,

491
00:30:49,440 --> 00:30:53,280
en dit is vooral van belang voor websites, omdat gebruikers tegenwoordig zijn erg ongeduldig.

492
00:30:53,280 --> 00:30:56,110
Als je onnodig werk doet, het gaat om ze langer duren

493
00:30:56,110 --> 00:31:00,080
te krijgen tot de informatie die ze willen, en ze gaan heel ongelukkig te zijn.

494
00:31:00,080 --> 00:31:02,200
Tot slot kunt u uw database tabellen te optimaliseren.

495
00:31:02,200 --> 00:31:05,020
Onthouden we gesproken over indexen.

496
00:31:05,020 --> 00:31:09,420
Ze zijn niet alleen goed voor het maken van zeker dat u een rij dat is uniek.

497
00:31:09,420 --> 00:31:12,440
Ze zijn ook goed voor te zorgen dat uw database werkt snel.

498
00:31:12,440 --> 00:31:16,240
Als je wilt lezen over die onderweg naar de MySQL documentatie,

499
00:31:16,240 --> 00:31:18,710
of u kunt kijken naar - nou ja, hoe kan ik mijn database tabel te optimaliseren?

500
00:31:18,710 --> 00:31:23,350
Hoe kan ik ervoor zorgen dat ik heb indices die me helpen sneller te krijgen tot de informatie?

501
00:31:23,350 --> 00:31:27,300
>> Er zijn ook kleine trucjes die je kunt gebruiken, zoals caching.

502
00:31:27,300 --> 00:31:28,980
Als je PHP - als je een blog hebt, bijvoorbeeld,

503
00:31:28,980 --> 00:31:31,980
en je hebt - en het wordt aangedreven door PHP of een andere taal -

504
00:31:31,980 --> 00:31:37,690
kunt u uw blog cachen bij pakweg intervallen van 50 minuten, zodat u statische pagina's kan dienen

505
00:31:37,690 --> 00:31:40,610
of statische HTML om de bezoekers van uw site.

506
00:31:40,610 --> 00:31:43,380
Op die manier de gebruikers niet om je PHP-script elke keer uitvoeren,

507
00:31:43,380 --> 00:31:47,410
en misschien is dat sneller voor hen om toegang te krijgen tot die informatie zal zijn.

508
00:31:47,410 --> 00:31:49,410
>> En ten slotte, kunt u gebruik maken van iets als CDN.

509
00:31:49,410 --> 00:31:51,900
Merk op dat wanneer je een Pset downloaden,

510
00:31:51,900 --> 00:31:54,890
u altijd naar CDN.CS50.net. Waarom is dat?

511
00:31:54,890 --> 00:32:01,540
CS50 gebruikt ook als een soort CDN - een content distributie netwerk -

512
00:32:01,540 --> 00:32:06,120
hetgeen betekent gewoon dat het een stelletje servers misschien ergens rond de wereld

513
00:32:06,120 --> 00:32:08,120
die helpen uw pagina's dienen om uw bezoekers.

514
00:32:08,120 --> 00:32:13,770
Als uw bezoeker krijgt een pagina van een server die is dichter bij hen geografisch,

515
00:32:13,770 --> 00:32:16,770
dan is het meest waarschijnlijk uw bezoeker gaat naar dat bestand een stuk sneller te krijgen.

516
00:32:16,770 --> 00:32:20,490
Er zijn ook online bronnen die u helpen dat te doen.

517
00:32:20,490 --> 00:32:24,070
Een van hen is CloudFlare. Zij bieden een gratis CDN service.

518
00:32:24,070 --> 00:32:26,020
Als u grote bestanden die je dienen om uw gebruikers,

519
00:32:26,020 --> 00:32:32,260
dan misschien is het beter om ze op een CDN, zodat ze sneller kunnen krijgen voor hen.

520
00:32:32,260 --> 00:32:39,070
>> De laatste onderwerp voor de dag is zoekmachine optimalisatie.

521
00:32:39,070 --> 00:32:41,070
Wat is zoekmachine optimalisatie?

522
00:32:41,070 --> 00:32:44,070
Dat is ervoor te zorgen dat zoekmachines zoals Google of Bing of Yahoo

523
00:32:44,070 --> 00:32:50,740
kan gaan naar uw site en uw site kan doorzoeken en indexeren van uw site en wanneer

524
00:32:50,740 --> 00:32:53,040
Ik, bijvoorbeeld, ga naar Google.com en ik probeer te zoeken naar iets,

525
00:32:53,040 --> 00:32:55,040
dan is uw site zal verschijnen.

526
00:32:55,040 --> 00:32:57,000
Hoe zorg je ervoor dat uw site is een van de top 10?

527
00:32:57,000 --> 00:33:00,000
Want zoals we allemaal weten, als je zoekt naar iets op Google

528
00:33:00,000 --> 00:33:02,880
en het is niet op de top 10 je bent waarschijnlijk niet van plan om te kijken in de komende 10.

529
00:33:02,880 --> 00:33:07,160
Dit is een soort van een onderwerp dat is gehuld in mysterie.

530
00:33:07,160 --> 00:33:09,850
Er is veel hype die er op het internet.

531
00:33:09,850 --> 00:33:14,680
Er zijn veel bijgeloof over als je x dan zal Google zoals jij beter.

532
00:33:14,680 --> 00:33:16,680
Als u y dan zal Google zoals jij beter.

533
00:33:16,680 --> 00:33:19,680
Het is waarschijnlijk beter om te kijken naar documenten van de zoekgigant's zelf.

534
00:33:19,680 --> 00:33:27,470
>> Dit is een van de documenten op Google dat u precies vertellen hoe u uw site te optimaliseren

535
00:33:27,470 --> 00:33:30,860
zodat Google kan openen en indexeren zeer mooi.

536
00:33:30,860 --> 00:33:33,680
Je hoeft niet naar deze URL te kopiëren naar beneden omdat deze presentatie gaat

537
00:33:33,680 --> 00:33:36,680
zijn hoe dan ook online.

538
00:33:36,680 --> 00:33:38,770
Als je kijkt naar deze en u dit leest zijn er een aantal zeer nuttige tips in.

539
00:33:38,770 --> 00:33:42,240
De Google vertelt je - als je echt wilt dat uw site goed worden geïndexeerd

540
00:33:42,240 --> 00:33:44,610
dan moet je al deze dingen te doen.

541
00:33:44,610 --> 00:33:47,570
>> Een ander ding dat zoekmachines echt leuk is verse inhoud.

542
00:33:47,570 --> 00:33:49,500
Als u inhoud hebt die is zeer regelmatig geactualiseerd

543
00:33:49,500 --> 00:33:51,950
dan zoekmachines zeggen, ooh, ik hou van je website.

544
00:33:51,950 --> 00:33:53,950
Ik ga om te gaan naar uw site heel vaak.

545
00:33:53,950 --> 00:33:56,840
Ik ga index veel van uw pagina's.

546
00:33:56,840 --> 00:33:59,560
Als je verse inhoud dan heb je meer kans om te verschijnen -

547
00:33:59,560 --> 00:34:02,540
heb je meer kans meer relevant.

548
00:34:02,540 --> 00:34:04,630
Je hebt meer kans om meer bijgewerkt,

549
00:34:04,630 --> 00:34:08,860
en zoekmachines hebben meer kans om uw site te zetten boven anderen.

550
00:34:08,860 --> 00:34:10,860
>> Deeplinks zijn ook belangrijk.

551
00:34:10,860 --> 00:34:13,530
Als je echt wilde uw site er goed uitzien in de ogen van een zoekmachine

552
00:34:13,530 --> 00:34:18,090
hebben een heleboel andere websites gekoppeld aan het en gekoppeld diep in uw website.

553
00:34:18,090 --> 00:34:20,090
Niet alleen een link naar uw homepage.

554
00:34:20,090 --> 00:34:26,719
Link naar misschien yourname.com / iets / iets / something.php.

555
00:34:26,719 --> 00:34:29,840
Dat - om een ​​zoekmachine - middelen, wow, ze hebben echt interessante inhoud

556
00:34:29,840 --> 00:34:35,350
dat iemand anders is zo diep linken naar hun site die ik zou echt, echt

557
00:34:35,350 --> 00:34:38,260
zet meer belang op de pagina's van die site.

558
00:34:38,260 --> 00:34:41,940
>> Als u nauwkeurige paginatitels, als je geen fouten dat is goed omdat

559
00:34:41,940 --> 00:34:44,670
Als een zoekmachine probeert uw site te bezoeken, en het wordt steeds een foutmelding,

560
00:34:44,670 --> 00:34:46,780
Het gaat waarschijnlijk geven zeer, zeer binnenkort.

561
00:34:46,780 --> 00:34:49,510
En tot slot, je wilt een snelle laadtijd hebben omdat zoekmachines -

562
00:34:49,510 --> 00:34:53,820
net als mensen - Don 't hebben veel geduld voor trage websites.

563
00:34:53,820 --> 00:34:57,070
Dit is een manier voor u om ervoor te zorgen dat u hoger in

564
00:34:57,070 --> 00:35:01,390
zoekmachine queries en hopelijk daardoor meer verkeer te krijgen.

565
00:35:01,390 --> 00:35:04,730
Want na al, heb je al die tijd besteed aan het ontwikkelen van uw website.

566
00:35:04,730 --> 00:35:06,280
Je bracht al die tijd de lancering van deze website online.

567
00:35:06,280 --> 00:35:11,780
U wilt ervoor zorgen dat je genoeg gebruikers die daadwerkelijk uw inhoud te zien.

568
00:35:13,330 --> 00:35:15,660
>> Andere goede bronnen te gebruiken.

569
00:35:15,660 --> 00:35:19,210
Google Webmaster Tools is iets om te kijken in.

570
00:35:19,210 --> 00:35:21,780
Dit helpt je laten zien - Google is niet indexeren van mijn site.

571
00:35:21,780 --> 00:35:24,490
Wat voor soort fouten wordt geconfronteerd?

572
00:35:24,490 --> 00:35:27,490
Hoeveel pagina's heeft geïndexeerd?

573
00:35:27,490 --> 00:35:29,490
Wat doet het denken is de belangrijkste content op mijn pagina?

574
00:35:29,490 --> 00:35:31,490
Misschien is dat niet wat ik wil dat het is.

575
00:35:31,490 --> 00:35:36,880
Misschien moet ik mijn website te veranderen een beetje zodanig dat het beter wordt weerspiegeld

576
00:35:36,880 --> 00:35:38,880
wat mijn website is echt over.

577
00:35:38,880 --> 00:35:41,000
Google Analytics is een ander echt cool tool.

578
00:35:41,000 --> 00:35:44,120
U kunt een beetje van JavaScript toe te voegen aan je pagina's.

579
00:35:44,120 --> 00:35:47,020
En dan daarna kun je naar Google Analytics, en het zal volgen

580
00:35:47,020 --> 00:35:49,020
uw bezoeker demografie en uw site groei.

581
00:35:49,020 --> 00:35:51,810
Het zal u precies vertellen hoeveel bezoekers uw site bezoeken

582
00:35:51,810 --> 00:35:55,310
binnen een bepaalde dag, binnen een bepaald uur, binnen een bepaalde week.

583
00:35:55,310 --> 00:35:57,310
Hoeveel bezoekers uit China? Hoeveel bezoekers van Antarctica -

584
00:35:57,310 --> 00:35:59,310
je krijgt naar uw website.

585
00:35:59,310 --> 00:36:03,470
dat er iets cool om te zien zou kunnen zijn of het zou zelfs nuttig zijn

586
00:36:03,470 --> 00:36:05,470
omdat je probeert om een ​​bepaalde doelgroep.

587
00:36:05,470 --> 00:36:08,410
Misschien bent u probeert om tieners te richten met uw website, en zie je dat

588
00:36:08,410 --> 00:36:11,410
het merendeel van de bezoekers van uw website zijn misschien 30 - tot 40-jarigen,

589
00:36:11,410 --> 00:36:15,130
dan misschien of je een probleem hebt of je kan gewoon zeggen,

590
00:36:15,130 --> 00:36:19,590
goed, dan misschien moet ik verander gewoon richten op mijn website, zodat

591
00:36:19,590 --> 00:36:22,240
Ik meer focussen op die leeftijdsgroep.

592
00:36:22,240 --> 00:36:28,500
>> Google Apps - als je wilde soort van e-mails met uw domeinnaam -

593
00:36:28,500 --> 00:36:31,230
misschien iets willen yourname@yourname.com--

594
00:36:31,230 --> 00:36:35,270
U kunt gebruik maken van gmail adressen - u kunt de gmail-service te gebruiken

595
00:36:35,270 --> 00:36:38,500
en Google Apps is een manier om dat te doen.

596
00:36:38,500 --> 00:36:44,050
U kunt het opzetten van specifieke e-mailadressen die specifiek zijn voor uw domeinnaam

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

598
00:36:46,800 --> 00:36:51,840
>> En tenslotte zijn er webontwikkelaar extensies en add-ons - voor Chrome,

599
00:36:51,840 --> 00:36:56,380
voor Firefox, voor andere browsers - die u in staat om te gaan en te inspecteren

600
00:36:56,380 --> 00:37:02,290
CSS, JavaScript inspecteren, precies zien wat er mis is met uw JavaScript script,

601
00:37:02,290 --> 00:37:05,290
en misschien is dat nuttig is voor uw de-afluisteren doeleinden zult zijn, voor u uit te zoeken -

602
00:37:05,290 --> 00:37:08,630
goed, waarom is niet mijn website goed weergegeven in deze browser?

603
00:37:08,630 --> 00:37:11,800
>> En tenslotte, als je wilde om meer te leren over al deze onderwerpen -

604
00:37:11,800 --> 00:37:14,410
als je wilde meer leren over HTML en CSS en JavaScript -

605
00:37:14,410 --> 00:37:16,790
want na al, we alleen geleerd je een beetje -

606
00:37:16,790 --> 00:37:21,240
kunt u websites als W3Schools.com om te zoeken naar meer middelen.

607
00:37:21,240 --> 00:37:26,340
Ze hebben zeer mooie tutorials over hoe doe ik x, of wat betekent y betekenen?

608
00:37:26,340 --> 00:37:30,400
Als je wilde meer leren over deze talen kunt u gewoon hier gaan.

609
00:37:30,400 --> 00:37:37,690
>> Oke. Ik denk dat ik wilde de laatste paar minuten van dit verlof voor vragen,

610
00:37:37,690 --> 00:37:39,810
zo zijn er nog vragen over iets dat we over gepraat?

611
00:37:39,810 --> 00:37:43,500
[Toeschouwer] Wat voor dingen zijn op W3Schools en hoe wordt het behandeld?

612
00:37:43,500 --> 00:37:45,500
[Yuechen Zhao] Wat voor dingen?

613
00:37:45,500 --> 00:37:50,180
Dus, een van de zeer grootste dingen die ik veel gebruik is hun referenties.

614
00:37:50,180 --> 00:37:54,430
De referenties detail, bijvoorbeeld voor DC -

615
00:37:54,430 --> 00:37:59,480
wat dit betekent of als je wilde de achtergrond van een pagina wijzigen -

616
00:37:59,480 --> 00:38:01,480
hoe doe je dat?

617
00:38:01,480 --> 00:38:04,550
Welke browsers ondersteunen dat bevel? Dat soort dingen.

618
00:38:04,550 --> 00:38:10,870
En dan zijn ze ook gewoon erg leuk tutorials over HTML, op PHP, op JavaScript,

619
00:38:10,870 --> 00:38:14,290
op MySQL, over allerlei verschillende onderwerpen.

620
00:38:14,290 --> 00:38:18,800
Ze hebben leuke tutorials. Ze leren je hoe je dingen te doen.

621
00:38:18,800 --> 00:38:22,590
Het is leuk om te kunnen gaan en meer informatie over deze onderwerpen kunnen.

622
00:38:22,590 --> 00:38:27,180
>> [Toeschouwer] HTML 5 is nog niet compatibel met alle browsers die er zijn.

623
00:38:27,180 --> 00:38:30,700
Zou je aanraden gewoon weg van een verblijf omwille van compatibiliteitsproblemen?

624
00:38:30,700 --> 00:38:32,700
Hoe zou u omgaan met dat?

625
00:38:32,700 --> 00:38:38,640
[Yuechen Zhao] Ja, ja, de vraag is HTML5 is nog een baby norm.

626
00:38:38,640 --> 00:38:42,030
Het is niet echt ondersteund door veel browsers, dus moeten we vermijden?

627
00:38:42,030 --> 00:38:48,040
Ik denk dat ik vorig jaar zou een zeer groot voorstander van zijn geweest, laten we voorkomen HTML5

628
00:38:48,040 --> 00:38:52,430
omdat het nog steeds - het is nog steeds erg nieuw en in feite de standaard HTML5

629
00:38:52,430 --> 00:38:55,610
is nog niet afgerond.

630
00:38:55,610 --> 00:38:58,790
En ja, er is echt geen HTML5 standaard.

631
00:38:58,790 --> 00:39:03,840
Maar ik denk vooral als je het ontwerpen van een website nu,

632
00:39:03,840 --> 00:39:07,450
is het misschien beter als je gewoon gaan met HTML5, want dat is een soort van naar de toekomst,

633
00:39:07,450 --> 00:39:11,250
en als u wilt dat uw website te zijn toekomstbestendig en u wilt dat uw website aan het werk

634
00:39:11,250 --> 00:39:14,320
in toekomstige browsers, is het misschien beter om te bouwen iets te beginnen voor de toekomst

635
00:39:14,320 --> 00:39:19,830
dan het verleden en ook alleen vanwege het feit dat HTML5 is echt niet zo verschillend

636
00:39:19,830 --> 00:39:23,080
van HTML4 of XHTML.

637
00:39:23,080 --> 00:39:29,780
Als u gebruik maakt van HTML5, het normaal zal werken in de meeste browsers.

638
00:39:29,780 --> 00:39:34,660
Je hoeft alleen om een ​​soort van gaan in en zorg ervoor dat met deze screenshots

639
00:39:34,660 --> 00:39:38,630
en ervoor te zorgen dat met de hand om deze websites zelf.

640
00:39:38,630 --> 00:39:44,280
Maar waarschijnlijk zal het werken, tenzij u gebruik maakt zeer specifieke functies voor HTML5.

641
00:39:44,280 --> 00:39:50,240
Merk ook op dat voor CS50 - bijvoorbeeld voor de video-speler die we gebruiken -

642
00:39:50,240 --> 00:39:56,230
het maakt gebruik van HTML5 en HTML5 video naar de lezingen te geven.

643
00:39:56,230 --> 00:39:59,420
Maar als je een echt oude browser, dan zal het terugvallen op Flash.

644
00:39:59,420 --> 00:40:01,420
Dus, dat is ook iets anders -

645
00:40:01,420 --> 00:40:05,190
hebben een fall-back systeem voor als je weet gewoon dat de browser niet zal behandelen

646
00:40:05,190 --> 00:40:08,140
wat je wilt dat het te hanteren.

647
00:40:08,140 --> 00:40:10,140
>> Andere vragen?

648
00:40:10,140 --> 00:40:13,270
Alles wat we over gesproken.

649
00:40:16,910 --> 00:40:20,750
Oke. Dan denk ik dat is het zo'n beetje voor mij.

650
00:40:20,750 --> 00:40:23,090
Ik denk dat is het.

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]