1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [Seminář] [Příprava vaše stránky na webu]

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

3
00:00:05,000 --> 00:00:07,000
[To je CS50.] [CS50.TV]

4
00:00:07,000 --> 00:00:11,660
>> Dobře. Zde je další hodina vývoj webových aplikací, pokud vy jste se na to.

5
00:00:11,660 --> 00:00:16,290
Dnes budu mluvit o přípravě své stránky na webu.

6
00:00:16,290 --> 00:00:20,260
Po celý den - a pravděpodobně za poslední dva týdny -

7
00:00:20,260 --> 00:00:22,240
jsme mluvili o tom, jak vytvořit webové stránky,

8
00:00:22,240 --> 00:00:24,880
jak používat HTML, jak používat PHP, jak používat rámce,

9
00:00:24,880 --> 00:00:29,420
jak se ujistit, že můžete komunikovat s databází - takové věci.

10
00:00:29,420 --> 00:00:34,830
Ale dnes budeme hovořit o tom, kde se vaše stránky bude žít po CS50.

11
00:00:34,830 --> 00:00:40,010
Protože po tom všem, CS50 nestane přes prosinci.

12
00:00:40,010 --> 00:00:42,090
Budeme mluvit o názvy domén, hosting.

13
00:00:42,090 --> 00:00:44,790
Budeme mluvit o tom, co cross-browser kompatibilitu

14
00:00:44,790 --> 00:00:49,540
a multiplatformní kompatibilitu, a jak se můžete ujistit, že vaše stránky

15
00:00:49,540 --> 00:00:51,610
bude fungovat za všech podmínek.

16
00:00:51,610 --> 00:00:54,330
Budeme mluvit o tom, chyb a jiných serverů magie.

17
00:00:54,330 --> 00:00:57,890
Mluvíme o optimalizaci výkonu, optimalizace pro vyhledávače,

18
00:00:57,890 --> 00:01:00,310
a jak přimět lidi, aby skutečně navštíví vaše webové stránky.

19
00:01:00,310 --> 00:01:05,960
A konečně, jen několik dobrých zdrojů, aby se ujistil, že vy máte dost těch

20
00:01:05,960 --> 00:01:09,680
odejít s konečnou projektu, a doufejme, že po něm.

21
00:01:09,680 --> 00:01:13,120
>> První věc, kterou budeme mluvit o doménová jména.

22
00:01:13,120 --> 00:01:18,020
Právě teď jste v programování přístroje, budete na lokálním počítači

23
00:01:18,020 --> 00:01:20,360
který není ve skutečnosti název domény.

24
00:01:20,360 --> 00:01:26,370
To je druh jen přezdívka nebo alias na vaše skutečné instalaci Linuxu

25
00:01:26,370 --> 00:01:31,150
uvnitř obou VMware na Mac nebo VMware Player na PC.

26
00:01:31,150 --> 00:01:36,510
Doménová jména vám umožní dát stránky na webu a pak jít na něco jako

27
00:01:36,510 --> 00:01:39,400
www.google.com a získat na internetových stránkách.

28
00:01:39,400 --> 00:01:41,500
Jak fungují?

29
00:01:41,500 --> 00:01:43,390
Řekněme, že jste jen průměrný web server -

30
00:01:43,390 --> 00:01:50,080
průměr Web surfař a máte notebook, a jdete do www.howstuffworks.com.

31
00:01:50,080 --> 00:01:52,570
Můžete si asi vidět, kde jsem ukradl z.

32
00:01:52,570 --> 00:01:57,300
Jak látka pracuje - počítač se vás zeptá místního DNS serveru,

33
00:01:57,300 --> 00:01:59,300
"Víte, kde je tento web?"

34
00:01:59,300 --> 00:02:02,200
"Znáte IP adresu www.howstuffworks.com?"

35
00:02:02,200 --> 00:02:05,580
DNS server by se říci: "Ano, já."

36
00:02:05,580 --> 00:02:09,139
V takovém případě dostanete IP adresu a počítač přistupuje k dané IP adresy.

37
00:02:09,139 --> 00:02:15,050
Pokud tomu tak není, požádá jiný DNS server, "Hej! Víte, co www.howstuffworks.com je?"

38
00:02:15,050 --> 00:02:17,670
Tento server by mohl říci: "Ano, já."

39
00:02:17,670 --> 00:02:22,500
Tak, to říká ten druhý, co to je, a nakonec dostane tato informace předána do počítače,

40
00:02:22,500 --> 00:02:24,680
a budete mít přístup howstuffworks.com.

41
00:02:24,680 --> 00:02:27,540
>> Jak můžete získat jednu z těchto kouzelných věcí?

42
00:02:27,540 --> 00:02:32,940
Jak můžete získat možná www.yourname.com nebo www.ilovecats.com?

43
00:02:32,940 --> 00:02:35,350
Můžete se zaregistrovat na jeden,

44
00:02:35,350 --> 00:02:38,280
a existuje mnoho internetových stránek, tam venku, které vám umožní učinit.

45
00:02:38,280 --> 00:02:41,420
Musíte - ve většině případů je nutné za ně zaplatit.

46
00:02:41,420 --> 00:02:43,890
Existují určité názvy domén, které jsou zdarma.

47
00:02:43,890 --> 00:02:50,900
Pokud půjdete do www.co.cc nebo. Tkdomainnames, které jsou zdarma.

48
00:02:50,900 --> 00:02:56,500
Ale oni přicházejí s určitými omezeními, a ve skutečnosti některé z nich nemusí být ani

49
00:02:56,500 --> 00:03:00,540
skutečné, top-level domény jako. com nebo. NET.

50
00:03:00,540 --> 00:03:03,300
Normálně bych navrhnout jít na jeden z nich

51
00:03:03,300 --> 00:03:07,060
protože uživatelé jsou prostě pohodlnější s těmi.

52
00:03:07,060 --> 00:03:10,070
Vy jste viděl hodně. COMS. Vy jste viděl hodně. Sítí.

53
00:03:10,070 --> 00:03:13,790
Pravděpodobně jste to viděli spoustu. Co.cc 's, takže jsou těžší si vzpomenout.

54
00:03:13,790 --> 00:03:18,900
Různé webové stránky, jako Godaddy nebo NameCheap nebo - Použil jsem ten, který je

55
00:03:18,900 --> 00:03:21,550
druh útržkovité - tzv. activedomain.com.

56
00:03:21,550 --> 00:03:24,160
Vypadá to opravdu povrchní, ale to funguje opravdu dobře pro mě.

57
00:03:24,160 --> 00:03:27,810
>> A nakonec, máte další, které možná udělat víc reklamy, jako je Network Solutions.

58
00:03:27,810 --> 00:03:31,140
Ale když jdete na NetworkSolutions.com a podívat se na jejich cen

59
00:03:31,140 --> 00:03:34,070
je to opravdu drahé. Díval jsem se na ně v noci.

60
00:03:34,070 --> 00:03:37,400
Za jeden rok doménového jména, je to asi nestojí tolik peněz.

61
00:03:37,400 --> 00:03:40,210
Ve skutečnosti, pokud jste stále. Com nebo. Org nebo. NET

62
00:03:40,210 --> 00:03:43,430
obvyklá cena je asi 10 dolarů ročně.

63
00:03:43,430 --> 00:03:48,710
Takže pokud platíte mnohem více než to, že to asi není, že to stojí za to

64
00:03:48,710 --> 00:03:52,440
, protože po tom všem, tyto stránky nemají dělat něco s tímto názvem domény.

65
00:03:52,440 --> 00:03:58,270
Prostě vám to, a tak pokud můžete dostat na levné, proč ne?

66
00:03:58,270 --> 00:04:02,540
>> Druhá věc je, až budete mít své doménové jméno, pak se pravděpodobně budete chtít

67
00:04:02,540 --> 00:04:08,610
jít na jeden Godaddy.com nebo tam, kde jste si koupili své doménové jméno

68
00:04:08,610 --> 00:04:11,220
a nastavení jmenných serverů pro tento název domény.

69
00:04:11,220 --> 00:04:15,560
To znamená, že to, co je opět uživatel přejde www.howstuffworks.com,

70
00:04:15,560 --> 00:04:20,839
ty IP adresu jmenného serveru jsou IP adresy, které budou moci vyhledat.

71
00:04:20,839 --> 00:04:24,680
Budou mít přístup ke své webové stránky prostřednictvím těchto jmenných serverů.

72
00:04:24,680 --> 00:04:26,830
Pokud budete žádat o hostování někde

73
00:04:26,830 --> 00:04:31,210
pak váš hostitel bude s největší pravděpodobností vám jméno servery používají.

74
00:04:31,210 --> 00:04:34,210
>> A konečně je tu ta věc s názvem WHOIS.

75
00:04:34,210 --> 00:04:38,890
Databáze WHOIS je databáze, se kterou byste mohli zadat název domény

76
00:04:38,890 --> 00:04:44,170
a bude to vyplivne nějaké informace o vlastníkovi tohoto webu a další kontaktní informace.

77
00:04:44,170 --> 00:04:49,080
Nyní můžete říct: "Já opravdu nechci svou domácí adresu nebo já opravdu nechci mou e-mailovou adresu

78
00:04:49,080 --> 00:04:54,010
na internetových stránkách někdo viděl, nebo na internetu pro všechny vidět. "

79
00:04:54,010 --> 00:04:57,740
Pak možná budete chtít použít něco, co mnoho hostingové služby poskytovat -

80
00:04:57,740 --> 00:04:59,740
jako manažer WHOIS.

81
00:04:59,740 --> 00:05:03,550
Manažer WHOIS je prostě jiná služba, která mnoho z nich stanoví, že

82
00:05:03,550 --> 00:05:07,700
ukrývá, že informační a právě staví v tom, kdo je manažer pro název -

83
00:05:07,700 --> 00:05:13,070
pro adresu je obvykle jen, že název společnosti, která je vám dal tento název domény -

84
00:05:13,070 --> 00:05:17,350
a tak pak se vaše osobní údaje nejsou unikly na internet,

85
00:05:17,350 --> 00:05:19,350
který je obvykle docela dobře.

86
00:05:19,350 --> 00:05:21,350
Já sám jsem použít jeden z těchto služeb.

87
00:05:21,350 --> 00:05:25,630
Pokud se nechcete starat o své vlastní soukromí, pak je to opravdu nezáleží.

88
00:05:25,630 --> 00:05:32,490
>> Server DNS je zkratka pro Domain Name System, a co to je -

89
00:05:32,490 --> 00:05:36,560
je to něco jako funkce hash určitého typu, že někde říká,

90
00:05:36,560 --> 00:05:42,320
 "Tato webová adresa bude mapovat na této adrese." A to je vše, co je.

91
00:05:42,320 --> 00:05:48,180
Takže jakmile se tento dotaz DNS server, pak se můžete dostat IP adresy

92
00:05:48,180 --> 00:05:51,930
k tomuto příslušného jména domény a pak navštivte tuto stránku.

93
00:05:51,930 --> 00:05:59,820
(Divák položení otázky - neslyšitelný)

94
00:05:59,820 --> 00:06:07,910
První? První úroveň je ve skutečnosti obvykle jen počítač mezipaměti sám.

95
00:06:07,910 --> 00:06:12,570
Počítač trochu pamatuje poslední čas, který šel do www.google.com

96
00:06:12,570 --> 00:06:18,090
to bylo u této IP adresy, a pak po chvíli, bude to mezipaměti vyprší,

97
00:06:18,090 --> 00:06:23,560
a bude žádat jako Comcast DNS,

98
00:06:23,560 --> 00:06:26,400
"Hej, co je www.google.com?"

99
00:06:26,400 --> 00:06:31,040
Normálně, když si koupíte doménu a zaregistrovat jeden, a nastavit webové stránky,

100
00:06:31,040 --> 00:06:35,670
nemůžete jít k dané internetové stránce okamžitě s tímto názvem domény, protože jmenné servery

101
00:06:35,670 --> 00:06:40,180
na celém světě neví o vaší domény ještě. To má naplnit.

102
00:06:40,180 --> 00:06:43,220
To obvykle trvá asi 24 až 48 hodina.

103
00:06:43,220 --> 00:06:48,460
Dobrá. Tak, to je trochu o doménových jmen. Jsou velmi cool.

104
00:06:48,460 --> 00:06:51,540
Myslím, že byste měli dostat jeden, pokud jste vážně o projektu

105
00:06:51,540 --> 00:06:55,300
a pokud si opravdu chcete, aby váš projekt známý po celém areálu,

106
00:06:55,300 --> 00:06:58,050
s doménové jméno dělá to vypadat opravdu profesionálně.

107
00:06:58,050 --> 00:07:01,510
>> Pak je dalším krokem, samozřejmě, je mít nějaký hosting.

108
00:07:01,510 --> 00:07:05,540
Pokud jste právě hostovat na vašem počítači, nikdo nikdy nebude moci jít na to.

109
00:07:05,540 --> 00:07:09,110
Ty by mohly nastavit server na vašem počítači a udržet váš počítač na věky,

110
00:07:09,110 --> 00:07:11,160
ale to se nedoporučuje.

111
00:07:11,160 --> 00:07:14,000
Existují různé druhy hosting on-line k dispozici.

112
00:07:14,000 --> 00:07:21,870
Tam je sdílený hosting. Je tu VPN (nesrozumitelné), které jsou virtuální hostitelé.

113
00:07:21,870 --> 00:07:23,870
K dispozici je semi-specializované a oddaný.

114
00:07:23,870 --> 00:07:29,030
Z poslední 3, VPN, semi-oddaný, a specializované jsou obvykle dražší.

115
00:07:29,030 --> 00:07:32,660
Jsou obvykle používá pro webové stránky, které vyžadují více zdrojů.

116
00:07:32,660 --> 00:07:34,680
Pokud jste právě začínáte s internetové stránky,

117
00:07:34,680 --> 00:07:40,670
Mohlo by to být výhodnější jít s sdílený hosting.

118
00:07:40,670 --> 00:07:43,430
A co sdílený prostředek je jen banda internetových stránek jsou všichni spolu

119
00:07:43,430 --> 00:07:51,560
nějak na jednom serveru, na těchto internetových stránkách na tomto hostitelském serveru, a můžete přistupovat ke svému webové stránky

120
00:07:51,560 --> 00:07:53,660
pomocí názvu domény.

121
00:07:53,660 --> 00:07:55,980
>> Existuje mnoho populárních počítačů tam venku.

122
00:07:55,980 --> 00:08:01,160
Hostgator a Dreamhost - to jsou velmi, velmi velký a velmi, velmi populární

123
00:08:01,160 --> 00:08:03,160
a velmi, velmi úspěšný.

124
00:08:03,160 --> 00:08:05,160
Já osobně používám jeden volal MDDHosting.

125
00:08:05,160 --> 00:08:08,240
Pokud půjdete do www.mddhosting.com, to je můj hostitel volby.

126
00:08:08,240 --> 00:08:10,240
Myslím, že jsou velmi dobré.

127
00:08:10,240 --> 00:08:14,550
Vždycky byl velmi spolehlivý, a nikdy jsem neměl žádné problémy s nimi.

128
00:08:14,550 --> 00:08:18,610
Mají také velmi konkurenční ceny.

129
00:08:18,610 --> 00:08:24,400
Dva, že jsem to opravdu jako jsou GoDaddy - to je také velmi populární host,

130
00:08:24,400 --> 00:08:26,400
ale já jsem měl hrozné zkušenosti s nimi,

131
00:08:26,400 --> 00:08:29,430
a spousta lidí, které znám, měl opravdu hrozné zkušenosti s nimi.

132
00:08:29,430 --> 00:08:32,150
Oni nějak jít po lidech, kteří nevědí, co dělají -

133
00:08:32,150 --> 00:08:34,150
Možná budete dělat webové stránky poprvé,

134
00:08:34,150 --> 00:08:37,150
a tak trochu kon je ke koupi jejich hosting balíčku.

135
00:08:37,150 --> 00:08:42,570
Nedělej to. Nepodléhejte za to. Jděte se podívat na další hosting balíčky, které skutečně odpovídají vašim potřebám.

136
00:08:42,570 --> 00:08:44,880
A ten druhý je - tam jsou volné hostitelé venku.

137
00:08:44,880 --> 00:08:47,350
Existují webové stránky, které budou hostit vaše webové stránky zdarma -

138
00:08:47,350 --> 00:08:49,350
někdy tím, že reklamy na svých stránkách,

139
00:08:49,350 --> 00:08:52,290
někdy tím se podílet na jejich fórech,

140
00:08:52,290 --> 00:08:54,340
ale někdy stačí i zdarma.

141
00:08:54,340 --> 00:09:00,000
Ale pozor volných serverů, protože mnoho z nich opravdu jen jít ven obchodu

142
00:09:00,000 --> 00:09:03,480
po několika měsících. Prostě nemůže držet krok s náklady.

143
00:09:03,480 --> 00:09:07,460
Ostatní jsou jen velmi nespolehlivé, a vaše stránky budou vždy dolů,

144
00:09:07,460 --> 00:09:09,700
a nechcete, aby se to stalo.

145
00:09:09,700 --> 00:09:12,330
>> Každý hostitel nabídne vlastní ovládací panel.

146
00:09:12,330 --> 00:09:16,520
Všimněte si, že pro vaše zařízení, tam opravdu není ovládací panel sám o sobě.

147
00:09:16,520 --> 00:09:19,230
Musíte použít terminál jít a editovat soubory.

148
00:09:19,230 --> 00:09:21,230
Musíte chmod věci sami.

149
00:09:21,230 --> 00:09:24,770
Pokud byste chtěli jít do PHPMyAdmin,

150
00:09:24,770 --> 00:09:29,560
budete muset jít na localhost @ / phpmyadmin a podobné věci.

151
00:09:29,560 --> 00:09:36,660
Ale s ovládacím panelem, můžete jít a editovat soubory na vašem serveru

152
00:09:36,660 --> 00:09:40,350
s Windows Explorer nebo Finder typu aplikace.

153
00:09:40,350 --> 00:09:44,810
Nebo si můžete projít a podívat se na své databáze s vlastním nástrojem

154
00:09:44,810 --> 00:09:47,280
místo phpMyAdmin.

155
00:09:47,280 --> 00:09:52,240
Takže, tam je moc na výběr zde, a některé z nejpopulárnějších ovládacích panelů jsou tam.

156
00:09:52,240 --> 00:09:54,240
Ale pokud hledáte pro hostitele,

157
00:09:54,240 --> 00:09:57,090
pak budete chtít podívat na to, co druhy úprav a možností

158
00:09:57,090 --> 00:10:02,810
nabízejí mi přizpůsobit svůj server a udělat mých stránkách lépe řídit.

159
00:10:02,810 --> 00:10:07,110
Takže pak se můžete zeptat: "No, jak vybrat hosting?"

160
00:10:07,110 --> 00:10:11,460
Pokud půjdete na jakékoli hostitelské webové stránky je tu spousta žargonu, a existuje spousta možností.

161
00:10:11,460 --> 00:10:14,470
Existuje mnoho různých cen také.

162
00:10:14,470 --> 00:10:19,690
Normálně bych jít na levnějších jen proto, že webové stránky, které možná ty a já, aby -

163
00:10:19,690 --> 00:10:23,520
a zvláště teď, zejména proto, začátek - že se nemusí tolik zdrojů

164
00:10:23,520 --> 00:10:26,770
jak by mohla vypadat webové stránky, jako Microsoft.com.

165
00:10:26,770 --> 00:10:32,090
>> Nejprve se chcete podívat na operačním systému, pokud jste opravdu zvědaví, zda

166
00:10:32,090 --> 00:10:35,090
Vaše stránky se bude umístěn na Linuxu, Windows, nebo Mac.

167
00:10:35,090 --> 00:10:39,790
Normálně bychom prostě jít s operačním systémem Linux, protože to je obvykle nejlevnější,

168
00:10:39,790 --> 00:10:43,730
a také ten, který jste možná jsou více obeznámeni s, protože spotřebiče.

169
00:10:43,730 --> 00:10:48,040
A pak, možná, že si dát nějaké omezení na množství šířky pásma, kterou dostanete -

170
00:10:48,040 --> 00:10:53,030
jako kolik megabajtů nebo gigabajty dat si uživatelé mohou stáhnout

171
00:10:53,030 --> 00:10:55,470
z vašich stránek za měsíc? Nebo místa na disku.

172
00:10:55,470 --> 00:11:00,640
Kolik místa dostanete? Je to 500 megabajtů? Je to 2 GB? Je to neomezené?

173
00:11:00,640 --> 00:11:05,920
V dnešní době, mnoho webových serverů vám neomezené místo na disku jako způsob, jak pro ně

174
00:11:05,920 --> 00:11:08,560
lákat, abyste si jejich hosting balíček.

175
00:11:08,560 --> 00:11:11,850
Ale pokud si opravdu myslíte, že o tom, kdy jste se někdy bude potřebovat neomezené místo na disku?

176
00:11:11,850 --> 00:11:18,060
Pokud máte několik souborů HTML, PHP pár, pár obrázků -

177
00:11:18,060 --> 00:11:20,060
to je jen pár megabajtů, a tak

178
00:11:20,060 --> 00:11:23,110
většinou jsem prostě jít na hodnotě asi několik GB prostoru ",

179
00:11:23,110 --> 00:11:27,990
a to může být dost odstartovat mě, dokud jsem potřebovat víc.

180
00:11:27,990 --> 00:11:31,480
>> Nakonec, oni mohou dát omezení na jaké typy - kolik databází můžete mít.

181
00:11:31,480 --> 00:11:34,760
Možná, že můžete mít pouze jeden databáze. Možná, že můžete mít dva. Možná, že můžete mít 10.

182
00:11:34,760 --> 00:11:38,330
Je to pro vás opravdu důležité, kolik dostanete?

183
00:11:38,330 --> 00:11:40,330
Věci, zeptejte se sami sebe.

184
00:11:40,330 --> 00:11:42,330
A nakonec, jen věci, jako jazyky.

185
00:11:42,330 --> 00:11:44,330
Myslíte, že podporují PHP? Mají podporu MySQL?

186
00:11:44,330 --> 00:11:49,010
Většina hostingových stránky Podporuji to, protože jsou zdarma. Jsou to open source.

187
00:11:49,010 --> 00:11:51,190
Nestojí jim nic, než poskytnutí objednaných pro vás.

188
00:11:51,190 --> 00:11:55,680
Ale jestli chcete použít, řekněme, Ruby nebo Python nebo některé z těchto dalších jazyků -

189
00:11:55,680 --> 00:11:59,490
nemusí podporovat na svém serveru, takže je důležité se podívat na ty druhy věcí.

190
00:11:59,490 --> 00:12:05,620
>> A konečně, to, že vám umožní udělat nějaké pokročilejší věci, jako je SSL nebo cron zaměstnání?

191
00:12:05,620 --> 00:12:12,060
SSL je možnost, kde si můžete vytvořit vaše webové stránky bezpečnější tím, že jej HTTPS

192
00:12:12,060 --> 00:12:14,060
a šifrování připojení.

193
00:12:14,060 --> 00:12:17,230
A cron je možná jen skripty, které chcete spustit

194
00:12:17,230 --> 00:12:19,510
každých 5 minut, každých 10 minut, každých 15.

195
00:12:19,510 --> 00:12:22,030
Mnoho sdílený hosting webových stránek si dát omezení

196
00:12:22,030 --> 00:12:26,310
o počtu cron, které můžete spustit, protože to zabírá více zdrojů.

197
00:12:26,310 --> 00:12:31,800
>> A konečně, jen všechno ostatní, co budete chtít podívat na - ujistěte se, že přesně to, co se děje

198
00:12:31,800 --> 00:12:35,180
než si koupíte hosting balíček.

199
00:12:35,180 --> 00:12:37,720
A konečně, výkon. Výkon je obrovský.

200
00:12:37,720 --> 00:12:39,740
Jak rychle se moje webové stránky bude běžet?

201
00:12:39,740 --> 00:12:42,950
Většina uživatelů se nebude čekat i sekund pro vaše webové stránky spustit

202
00:12:42,950 --> 00:12:47,640
než se jen nudit, a jdou na MeanBase a začít hledat na obrázky

203
00:12:47,640 --> 00:12:52,240
koček - víte, co se děje, a chcete, aby se ujistil, že jste si, že uživatel na palubě

204
00:12:52,240 --> 00:12:54,300
a že máte dobré provozuschopnosti což prostě znamená, že

205
00:12:54,300 --> 00:12:56,300
vaše webové stránky to bude přístupná po celou dobu.

206
00:12:56,300 --> 00:13:01,880
Mnoho počítačů má špatnou dobu provozuschopnosti a to jen znamená, že vaše webové stránky je nebude

207
00:13:01,880 --> 00:13:06,500
přístupné, a nechcete, aby se to stalo, protože byste mohli být smutní.

208
00:13:06,500 --> 00:13:10,360
A můžete také sledovat váš výkon pocítace s webovými stránkami, jako je

209
00:13:10,360 --> 00:13:16,440
Pingdom.com nebo Host-tracker.com, a oni jen říct, jak často se vaše stránky dolů.

210
00:13:16,440 --> 00:13:18,490
>> A konečně, chcete vidět na jejich podporu.

211
00:13:18,490 --> 00:13:21,890
Pokud máte nějaký problém jdou reagovat do 24 hodin?

212
00:13:21,890 --> 00:13:23,890
Chystají se reagovat na vás do 48 hodin?

213
00:13:23,890 --> 00:13:26,500
Hostingové služby, které používám normálně reaguje na mě během několika minut

214
00:13:26,500 --> 00:13:29,760
což je opravdu pěkné.

215
00:13:29,760 --> 00:13:33,990
No nazdar! V pořádku! Je čas na přestávku. Ale já nebudu vám to.

216
00:13:33,990 --> 00:13:38,200
Budeme se dívat na obrázky roztomilých koček každou chvíli.

217
00:13:38,200 --> 00:13:42,740
>> Dalším opravdu, ale opravdu velká věc je cross-browser kompatibilitu.

218
00:13:42,740 --> 00:13:45,890
Co mám na mysli kompatibility s různými prohlížeči?

219
00:13:45,890 --> 00:13:50,970
Víte, v dnešní době to není jen aplikace Microsoft Internet Explorer.

220
00:13:50,970 --> 00:13:53,970
Není to jen Mozilla Firefox nebo Safari.

221
00:13:53,970 --> 00:13:58,190
Nyní máme Chrome. Máme Opera. Máme Dolphin. Máme Camino.

222
00:13:58,190 --> 00:14:00,540
Máme Dobyvatelem. Máme všechny tyto různých prohlížečích.

223
00:14:00,540 --> 00:14:05,950
Věci, které se blíží ven - RockMelt - i když ty jsou založeny na Chromium.

224
00:14:05,950 --> 00:14:10,990
Ale faktem je, že tam není jen jeden prohlížeč už.

225
00:14:10,990 --> 00:14:13,860
Nejsi jen prohlížení těchto webových stránek s jednou aplikací.

226
00:14:13,860 --> 00:14:17,660
A tak se různé prohlížeče reagovat na různé HTML, CSS liší, a

227
00:14:17,660 --> 00:14:21,210
jiný JavaScript jinak, a jak se s tím vypořádat?

228
00:14:21,210 --> 00:14:24,370
No, v některých případech, si opravdu nemůže.

229
00:14:24,370 --> 00:14:29,160
Vaše webové stránky - pokud to funguje v jednom prohlížeči, bude kód, který jsi napsal nefunguje

230
00:14:29,290 --> 00:14:32,910
v jiném prohlížeči, a je to vaše práce, aby se ujistil, že kód, který napíšete

231
00:14:32,910 --> 00:14:36,000
je univerzální, že to funguje všude.

232
00:14:36,000 --> 00:14:38,000
Tak, to je velmi nebezpečné.

233
00:14:38,000 --> 00:14:42,450
Pokud řeknete: "No, je to práce na mém počítači. Výborně! Pojďme dál."

234
00:14:42,450 --> 00:14:46,040
No, to asi nebude fungovat na mé, a když jdu na vaše webové stránky

235
00:14:46,040 --> 00:14:49,210
Budu velmi smutná a já odejdu hned.

236
00:14:49,210 --> 00:14:51,570
Takže, pojďme se podívat, jak můžete zabránit.

237
00:14:51,570 --> 00:14:55,520
>> První věc, samozřejmě, je pouze standardní HTML, CSS a JavaScript.

238
00:14:55,520 --> 00:14:57,520
Co mám na mysli, že?

239
00:14:57,520 --> 00:15:00,180
No, existuje spousta věcí, které nejsou standardní venku.

240
00:15:00,180 --> 00:15:03,490
Například, v CSS existuje mnoho verzí.

241
00:15:03,490 --> 00:15:10,830
Pokud vidíte jakékoliv pravidla CSS s-moz-a-webkit-, tato pravidla jsou specifické

242
00:15:10,830 --> 00:15:15,720
na obou prohlížečích Mozilla a WebKit prohlížeče,

243
00:15:15,720 --> 00:15:20,590
a tak se chcete ujistit, že možná budete chtít, aby se zabránilo ty věci

244
00:15:20,590 --> 00:15:25,150
protože pokud použijete-moz-toto pravidlo jen bude pracovat na Firefox.

245
00:15:25,150 --> 00:15:29,640
A pokud opravdu chcete, aby to vypadalo dobře na Internet Explorer také

246
00:15:29,640 --> 00:15:31,640
budete mít smůlu.

247
00:15:31,640 --> 00:15:37,910
Pro HTML také můžete dělat věci v HTML, které fungují v jednom prohlížeči

248
00:15:37,910 --> 00:15:41,830
ale že přestávky v jiném, a chcete-li zabránit tomu, aby co nejvíce.

249
00:15:41,830 --> 00:15:44,830
A konečně, i pro JavaScript - existuje mnoho verzí JavaScriptu,

250
00:15:44,830 --> 00:15:50,570
a letos v létě jsme narazili na problém, kdy Document.getElementsByClassName, -

251
00:15:50,570 --> 00:15:54,500
který je obvykle funkce, která je definována jako součást JavaScript normy -

252
00:15:54,500 --> 00:15:58,120
nebylo nalézt v aplikaci Internet Explorer 8.

253
00:15:58,120 --> 00:16:01,900
Takže přes léto jsem pracoval v laboratoři a my jsme stavěli on-line experimenty.

254
00:16:01,900 --> 00:16:06,210
A mysleli jsme si, že to funguje opravdu dobře, dokud jsme si uvědomili, uživatele, které byly pomocí

255
00:16:06,210 --> 00:16:09,780
Internet Explorer 8 nemohla předložit své výsledky.

256
00:16:09,780 --> 00:16:13,200
Byli jsme chybět na velké množství dat. To z nás opravdu smutné.

257
00:16:13,200 --> 00:16:17,790
Takže, vždy chcete, aby se ujistil, že vaše skripty budou fungovat všude.

258
00:16:17,790 --> 00:16:20,500
>> A konečně, použijte validator.w3.org

259
00:16:20,500 --> 00:16:22,770
což je to, co jsme vám dělat v Pset 7.

260
00:16:22,770 --> 00:16:24,530
Ujistěte se, že vaše stránky jsou validovány.

261
00:16:24,530 --> 00:16:28,310
To je důležité, protože to je alespoň první krok sanity kontrola.

262
00:16:28,310 --> 00:16:31,870
Je můj kód vlastně vyhovující standardům?

263
00:16:34,930 --> 00:16:39,320
Dalším způsobem, jak nějak pomůže ujistěte se, že váš web bude fungovat

264
00:16:39,320 --> 00:16:42,610
ve většině případů, je třeba použít některé knihovny a rámce

265
00:16:42,610 --> 00:16:46,210
protože tyto opravdu chytrý vývojáři uvažovali o těchto otázkách pro vás.

266
00:16:46,210 --> 00:16:49,850
Oni prošli a že jsem napsal různé funkce, které pracují v různých prohlížečích.

267
00:16:49,850 --> 00:16:53,560
Například používáme jQuery v Pset 7.

268
00:16:53,560 --> 00:16:58,030
I když nemusí to viděl, jQuery poskytuje mnoho funkcí,

269
00:16:58,030 --> 00:17:00,280
které by jinak budete muset napsat sami.

270
00:17:00,280 --> 00:17:05,310
Ale tito vývojáři to napsal, a oni se o to, že to funguje ve všech prohlížečích.

271
00:17:05,310 --> 00:17:10,280
A Bootstrap - což je další rámec, CSS, které jsme vám ukázal v Pset 7 -

272
00:17:10,280 --> 00:17:17,000
je to opravdu bere spoustu starostí s navrhování webových stránek, které vypadají dobře.

273
00:17:17,000 --> 00:17:19,000
ve všech prohlížečích.

274
00:17:19,000 --> 00:17:23,660
>> A konečně, pokud můžete vyhnout, obvykle vyhnout kódování od nuly.

275
00:17:23,660 --> 00:17:28,079
Pokud jste právě vytvoření webové stránky pro vaši školu klub, například,

276
00:17:28,079 --> 00:17:33,920
a vše, co potřebujete udělat, je zobrazit několik stránek a možná se váš prezident jít

277
00:17:33,920 --> 00:17:38,910
a změnit pár věcí sem a tam - tam opravdu není potřeba kód, který se sám.

278
00:17:38,910 --> 00:17:40,910
To vyžaduje hodně času.

279
00:17:40,910 --> 00:17:42,660
To vyžaduje spoustu své energie, a vy budete muset projít a vy budete muset zjistit,

280
00:17:42,660 --> 00:17:45,930
No, je to bude vypadat dobře v tomto prohlížeči, je to bude vypadat dobře v tomto prohlížeči.

281
00:17:45,930 --> 00:17:50,610
Možná, že některé z těchto oprav, které ostatní již bylo napsáno pro vás, stejně jako

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

283
00:17:52,610 --> 00:17:59,400
Jedná se o tzv. obsah - to jsou tzv. CMS, které v podstatě jsou jen balíčky, které

284
00:17:59,400 --> 00:18:03,020
již přišel pro tebe udělal, a můžete si je stáhnout, dát je na vašem serveru,

285
00:18:03,020 --> 00:18:07,510
a přizpůsobit jim však budete chtít, a vy již běžící webové stránky.

286
00:18:07,510 --> 00:18:11,680
Tyto balíčky jsou kód na co se dívat do.

287
00:18:11,680 --> 00:18:15,400
Tyto věci jsou open source, pokud jdete na něco takového -

288
00:18:15,400 --> 00:18:19,390
pokud hledáte pro formuláře balíček, tam jsou věci, které nejsou zdarma, jako

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

290
00:18:21,570 --> 00:18:23,790
Pokud nepotřebujete některé z těchto pokročilých funkcí,

291
00:18:23,790 --> 00:18:27,530
můžete se vždy rozhodnout pro volný volby.

292
00:18:27,530 --> 00:18:31,300
>> A konečně, neexistuje žádný vyhýbat se tomu.

293
00:18:31,300 --> 00:18:33,300
Musíte test, test, test.

294
00:18:33,300 --> 00:18:37,690
Musíte otestovat svůj kód na všech těchto prohlížečích a na všech těchto platformách.

295
00:18:37,690 --> 00:18:44,110
A víš, IE6 - Díky bohu lidé začali stěhovat pryč od IE6

296
00:18:44,110 --> 00:18:49,190
protože zpět v den, možná před několika lety, weboví vývojáři museli vždycky, vždycky,

297
00:18:49,190 --> 00:18:55,280
vždy podbízet nedostatků IE6 v návaznosti na standardy.

298
00:18:55,280 --> 00:19:00,860
Webové stránky se podíval druh 1990 pro nedostatek lepší způsob, jak se s tím.

299
00:19:00,860 --> 00:19:04,380
Můžete také použít prohlížeče screenshoty pro kontrolu CSS.

300
00:19:04,380 --> 00:19:08,100
Jeden opravdu cool web je browserlab.adobe.com.

301
00:19:08,100 --> 00:19:11,070
To je doplňková služba vyhánění Adobe.

302
00:19:11,070 --> 00:19:15,160
A to, co dělají je, že mohou vzít screenshoty z vašich webových stránek

303
00:19:15,160 --> 00:19:18,890
běh v různých podmínkách - jako běh v různých prohlížečích,

304
00:19:18,890 --> 00:19:22,660
běží pod různými platformami - a ukáže vám, jak vypadají.

305
00:19:22,660 --> 00:19:33,260
Stačí ukázat, co mám na mysli tu, jsem vytvořil webové stránky, minulý rok s názvem Život na Harvardu,

306
00:19:33,260 --> 00:19:39,150
a to, co jsem se snažil udělat - Snažil jsem se my.harvard lépe.

307
00:19:39,150 --> 00:19:43,840
Protože pokud jsi tu byl minulý rok, my.harvard nevypadal, jak to vypadá teď.

308
00:19:43,840 --> 00:19:46,640
Vypadá to druh nechutné.

309
00:19:46,640 --> 00:19:50,470
Ale teď to vypadá mnohem lépe.

310
00:19:50,470 --> 00:19:57,070
Moje implementace nebyla tak užitečná už, ale všechny stejné,

311
00:19:57,070 --> 00:20:01,310
Víte, jsem se snažil přidat - (nesrozumitelné) mnoho cokoliv -

312
00:20:01,310 --> 00:20:04,680
a vypadá to - vypadá to velmi dobře na mém počítači.

313
00:20:04,680 --> 00:20:08,560
A pak, možná, kdybych měl více času bych šel do prohlížeče laboratoře,

314
00:20:08,560 --> 00:20:13,020
a já bych se podíval na, no, jak to vypadá v Chrome 18 pro Windows.

315
00:20:13,020 --> 00:20:17,060
Chtěl bych posunout dolů a já bych vidět - oh ne! Podívejte se na krabici hlášek.

316
00:20:17,060 --> 00:20:20,200
Můj text byl přetéká. Tak to je špatné, že jo?

317
00:20:20,200 --> 00:20:23,700
Pokud uživatel používá Chrome na Windows a je na mých stránkách,

318
00:20:23,700 --> 00:20:26,730
že okamžitě vypadá velmi neprofesionální.

319
00:20:26,730 --> 00:20:30,760
Takže, měl bych jít do svého CSS a zjistit, jaká část mého CSS je lámání zde.

320
00:20:30,760 --> 00:20:35,090
Proč je to tak správné zobrazení a opravit tak, aby všichni uživatelé mohou vidět stejné webové stránky

321
00:20:35,090 --> 00:20:37,770
a byl stejně rád.

322
00:20:37,770 --> 00:20:44,280
>> A konečně, no, prohlížeče obrázky jsou příjemné pro testování CSS,

323
00:20:44,280 --> 00:20:46,020
ale co váš JavaScript?

324
00:20:46,020 --> 00:20:48,660
Co když máte nějaký složitý skript, který běží?

325
00:20:48,660 --> 00:20:50,460
No, můžete vždycky virtualizaci.

326
00:20:50,460 --> 00:20:56,360
Pokud máte Mac, můžete použít Bootcamp nebo VMWare virtualizovat možná kopii

327
00:20:56,360 --> 00:20:59,540
Windows a Internet Explorer použití tam.

328
00:20:59,540 --> 00:21:03,400
Nebo můžete jít na něco jako Spoon.net, který bohužel pracuje pouze na PC.

329
00:21:03,400 --> 00:21:05,290
Ale to, co dělají, je velmi cool.

330
00:21:05,290 --> 00:21:10,080
Oni virtualizovat software pro vás, takže můžete spustit různé verze IE, například.

331
00:21:10,080 --> 00:21:12,080
Můžete spustit různé verze Firefoxu.

332
00:21:12,080 --> 00:21:15,720
Můžete spustit různé verze Safari a vyzkoušet všechny vaše webové stránky existují.

333
00:21:15,720 --> 00:21:18,360
Bohužel nejsou zadarmo.

334
00:21:18,360 --> 00:21:20,860
To je placená služba, takže se vždy nějak to -

335
00:21:20,860 --> 00:21:26,070
tam je vždy jakýsi kompromis mezi tímto, dobře, budu dělat mé webové stránky vypadat dobře.

336
00:21:26,070 --> 00:21:31,970
Pokud ano, možná budu muset platit za některé služby, aby mi pomohl udělat.

337
00:21:31,970 --> 00:21:35,890
Veškeré dotazy v tomto bodě o něco, co jsme mluvili?

338
00:21:38,500 --> 00:21:41,210
Skvělé. Dobře.

339
00:21:41,210 --> 00:21:43,870
>> Nyní máme více věcí mluvit.

340
00:21:43,870 --> 00:21:45,820
Jak se o chyby?

341
00:21:45,820 --> 00:21:48,670
Jak se ujistit, že vaše webové stránky bude fungovat, i když

342
00:21:48,670 --> 00:21:50,150
se stane něco špatného?

343
00:21:50,150 --> 00:21:53,940
Možná nemáte stránku s názvem food.php.

344
00:21:53,940 --> 00:21:57,000
Ale já, já jdu na vaše webové stránky a snažím se přistupovat food.php.

345
00:21:57,000 --> 00:22:00,770
Jste právě mi ukázat, že bílá stránka, která říká, 404 - Soubor nebyl nalezen?

346
00:22:00,770 --> 00:22:04,400
Nebo jste chtěl říct: "No, je mi líto, že jsem nemohl najít to pro vás,

347
00:22:04,400 --> 00:22:08,520
ale možná, že zde jsou některé další zdroje, které vám pomohou hledat to, co budete potřebovat. "

348
00:22:08,520 --> 00:22:13,180
Ostatní chyby - tak toto je nazýváno chyby protokolu HTTP, které jsou jen některé chybové kódy

349
00:22:13,180 --> 00:22:17,130
že váš server mohlo poslán zpět do prohlížeče v případě něco špatného děje.

350
00:22:17,130 --> 00:22:20,160
400 - Bad Request. 401 - Neoprávněné.

351
00:22:20,160 --> 00:22:25,560
403 je docela běžné, když máte adresář, který se nemělo přistupovat

352
00:22:25,560 --> 00:22:27,310
uživatelem, ale uživatel se pokusí stejně.

353
00:22:27,310 --> 00:22:30,840
A 500 - Internal Server Error - to obvykle stává, když máte něco

354
00:22:30,840 --> 00:22:33,070
opravdu špatné se děje s vaším PHP kódu.

355
00:22:33,070 --> 00:22:36,140
Ale v každém případě, tyto druhy prohlížečů - tyto druhy chyb se stávají.

356
00:22:36,140 --> 00:22:40,550
>> Tak, jak se ujistit, že jste řádně zpracovat tyto chyby

357
00:22:40,550 --> 00:22:43,230
a ujistěte se, že uživatel není jen tak visí tam?

358
00:22:46,850 --> 00:22:48,850
Tady je. Htaccess.

359
00:22:48,850 --> 00:22:51,300
Teď. Htaccess je něco, co funguje na servery Apache,

360
00:22:51,300 --> 00:22:55,550
něco, co funguje, a pracuje na několika dalších serverech stejně.

361
00:22:55,550 --> 00:23:01,350
To je jen způsob, jak nakonfigurovat server tak, aby

362
00:23:01,350 --> 00:23:04,470
jej můžete dělat, co chcete dělat.

363
00:23:04,470 --> 00:23:06,790
Některé věci, které byste mohli udělat. Dalo by se ovládat své nastavení mezipaměti.

364
00:23:06,790 --> 00:23:11,290
Možná je určitá strana na svých webových stránkách, abyste se ujistili, že uživatel

365
00:23:11,290 --> 00:23:14,740
stáhnout znovu pokaždé, když uživatel přijde a navštíví vaše webové stránky.

366
00:23:14,740 --> 00:23:26,980
Nebo možná máte nějaké URL, který je jako yoursite.com / test / html / pages / hello.html

367
00:23:26,980 --> 00:23:31,270
a vy prostě chcete, aby se yourname.com / ahoj -. dobře, můžete použít htaccess

368
00:23:31,270 --> 00:23:34,760
přesměrovat jedné webové stránky na druhou.

369
00:23:34,760 --> 00:23:36,600
Můžete ji také použít k tomu ověřování.

370
00:23:36,600 --> 00:23:39,890
Možná, že tam jsou některé části své webové stránky, které je třeba použít jiné heslo.

371
00:23:39,890 --> 00:23:42,620
Můžete blokovat určité IP adresy, blokovat určité domény.

372
00:23:42,620 --> 00:23:46,770
Možná jste jen opravdu nelíbí Harvard studenty pomocí své webové stránky.

373
00:23:46,770 --> 00:23:49,910
No, máte možnost blokuje všechny Harvard IP adresy.

374
00:23:49,910 --> 00:23:56,370
>> A konečně, můžete léčit věci - můžete psát určitý kód, aby se váš server

375
00:23:56,370 --> 00:24:03,100
zacházet jako. Zhao nebo. Vaše jméno nebo. ahoj stránek jako PHP kód.

376
00:24:03,100 --> 00:24:05,170
Možná, že to bude užitečné. Možná to nebude.

377
00:24:05,170 --> 00:24:07,980
A konečně, můžete jej použít ke zpracování chybové reakce.

378
00:24:07,980 --> 00:24:10,300
Co mám na mysli, že?

379
00:24:10,300 --> 00:24:16,030
Pokud jednoduše přidat kód, jako je tento - ErrorDocument 404 a nasměrovat je na některé

380
00:24:16,030 --> 00:24:20,440
Chybová stránka, můžete se ujistěte, že uživatel není jen vidět opravdu, ale opravdu ošklivý

381
00:24:20,440 --> 00:24:23,550
404 a ukázat jim něco pěkného.

382
00:24:23,550 --> 00:24:29,000
>> Pojďme vlastně se podívat na to, jak to můžeme udělat s Pset 7.

383
00:24:29,000 --> 00:24:34,190
Tady jsem v zařízení.

384
00:24:34,190 --> 00:24:38,440
Jdu otevřít Chrome, a pak budu pokusu o přístup na stránku

385
00:24:38,440 --> 00:24:43,350
že neexistuje CS50 financí.

386
00:24:43,350 --> 00:24:52,710
Takže místního hostitele - cats.php--tak si všimněte, že jsem vytvořil chybovou dokumentu

387
00:24:52,710 --> 00:24:54,770
, který říká, "Canz nenajdete z. stránku!"

388
00:24:54,770 --> 00:24:56,990
Má velmi smutný kočku na to.

389
00:24:56,990 --> 00:24:59,910
Vydáte-li se na Twitteru, pokud jdete na některý z těchto jiných stránek,

390
00:24:59,910 --> 00:25:02,700
nemůžete najít stránku, oni obvykle se snaží ukázat vám roztomilý obrázek

391
00:25:02,700 --> 00:25:04,850
tak, že nejste příliš zklamán.

392
00:25:04,850 --> 00:25:07,830
Také můžete mít něco, co je více profesionální, který říká,

393
00:25:07,830 --> 00:25:11,760
dobře, Promiň, že jsem nemohl najít stránku, ale možná tady je vyhledávací pole.

394
00:25:11,760 --> 00:25:16,750
Nebo možná zde jsou některé odkazy, které vám pomohou najít odkaz, který chcete.

395
00:25:16,750 --> 00:25:21,410
Tak, jak jsem to udělal? Jak je to vůbec možné?

396
00:25:21,410 --> 00:25:23,500
Pokud bychom se do našeho terminálu zde -

397
00:25:23,500 --> 00:25:26,300
Jdu jen přiblížit trochu -

398
00:25:26,300 --> 00:25:30,110
Všimněte si, že mám novou stránku.

399
00:25:30,110 --> 00:25:34,440
Uvnitř mého adresáře HTML se to jmenuje - nemůžete vidět -

400
00:25:34,440 --> 00:25:37,280
je to jen error.php.

401
00:25:37,280 --> 00:25:41,010
A error.php je jen soubor, který jsem

402
00:25:41,010 --> 00:25:43,030
, který vám ukáže, že stránku sám.

403
00:25:43,030 --> 00:25:46,710
Mohu vám ukázat, co je error.php.

404
00:25:46,710 --> 00:25:48,710
Je to přesně na tuto stránku.

405
00:25:48,710 --> 00:25:50,710
To říká: "Ale ne! Canz nenajdete z. stránku!"

406
00:25:50,710 --> 00:25:58,630
A pokud chcete vidět - tak zjistíte, že htaccess druh je divný jméno..

407
00:25:58,630 --> 00:26:01,040
Začíná s tečkou, což znamená, že je to systémový soubor.

408
00:26:01,040 --> 00:26:03,360
Je to skrytý soubor, který není obvykle zobrazen.

409
00:26:03,360 --> 00:26:09,060
Pokud nemáte ls-a, můžete vidět všechny skryté soubory v určitém adresáři,

410
00:26:09,060 --> 00:26:12,030
a opravdu, víte. htaccess je jedním z nich.

411
00:26:12,030 --> 00:26:15,490
Pojďme dál a otevřete htaccess. -

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

413
00:26:19,830 --> 00:26:26,870
Boom! Všechno, co mám, je jeden řádek tam - Chyba dokument pro 404 chyb

414
00:26:26,870 --> 00:26:28,760
které jsou také známé jako file-ne nalezených chyb.

415
00:26:28,760 --> 00:26:32,720
Pojďme přesměrovat je na něco, co nazývá error.php.

416
00:26:36,100 --> 00:26:42,030
Můžete mít zábavné věci, jako canz nenajdete z. stránku!

417
00:26:42,030 --> 00:26:46,770
A jsou tu také velmi chladné věcí, které můžete dělat se. Htaccess.

418
00:26:46,770 --> 00:26:49,520
Pokud chcete vidět více. Htaccess magie,

419
00:26:49,520 --> 00:26:56,470
to je velmi cool webové stránky jít - je to tzv. javascriptkit.com/howto/htaccess.shtml--

420
00:26:56,470 --> 00:27:01,880
Chcete-li provést více serverů magii. A to může být velmi zábavné.

421
00:27:01,880 --> 00:27:05,490
>> No nazdar! V pořádku! Více roztomilé obrázky.

422
00:27:05,490 --> 00:27:10,060
To je chlap dělá push-up, a jeho kočka se snaží pomoci. Myslím, že je to velmi roztomilé.

423
00:27:10,060 --> 00:27:14,830
Bohužel, nemám kočku takhle.

424
00:27:14,830 --> 00:27:17,640
Dobrá. Takže jsme mluvili. Htaccess.

425
00:27:17,640 --> 00:27:19,640
Mluvili jsme o chyb.

426
00:27:19,640 --> 00:27:20,940
Mluvili jsme o hosting, názvy domén.

427
00:27:20,940 --> 00:27:23,230
Mluvili jsme o kompatibility s různými prohlížeči.

428
00:27:23,230 --> 00:27:25,210
Teď jak se ujistit, že vaše webové stránky skutečně provádí?

429
00:27:25,210 --> 00:27:26,950
Jak se ujistil, že když půjdu na vaše webové stránky

430
00:27:26,950 --> 00:27:29,830
Vidím vaše stránky během několika sekund?

431
00:27:29,830 --> 00:27:33,520
Jedna z věcí, které si myslím, že lidé prostě nějak zapomenout

432
00:27:33,520 --> 00:27:36,160
je optimalizace obrazu.

433
00:27:36,160 --> 00:27:37,560
Řekněme, že byste chtěli, aby obraz na vašem webu

434
00:27:37,560 --> 00:27:40,330
a to je 2 mg velké.

435
00:27:40,330 --> 00:27:42,670
To by mohlo být v pořádku pro nás, protože jsme na Harvardu,

436
00:27:42,670 --> 00:27:45,000
a máme velmi rychlé připojení k internetu.

437
00:27:45,000 --> 00:27:47,470
Ale představte si, že někdo v Číně. Představte si, že někdo v Indii.

438
00:27:47,470 --> 00:27:52,440
představte si, někdo možná ve venkovských Kansasu, který možná nemá stejný druh

439
00:27:52,440 --> 00:27:54,690
širokopásmového připojení k internetu, které máme.

440
00:27:54,690 --> 00:27:57,710
Pokud máte 2 MB obraz na vašich stránkách a uživatel se pokouší o přístup,

441
00:27:57,710 --> 00:28:00,890
to bude trvat jim opravdu dlouhou dobu ke stažení.

442
00:28:00,890 --> 00:28:04,160
Takže, pokud nepotřebujete tento druh řešení,

443
00:28:04,160 --> 00:28:09,220
pak si můžete změnit velikost obrazu s něčím, jako je Adobe Photo Shop.

444
00:28:09,220 --> 00:28:13,400
Tam je obvykle volba je bezpečné pro web a zařízení,

445
00:28:13,400 --> 00:28:15,850
a co to dělá, je to zbaví se všech zbytečných informací

446
00:28:15,850 --> 00:28:20,160
a třídění výlisků vašeho souboru do malé velikosti, takže si můžete

447
00:28:20,160 --> 00:28:22,960
dát na své webové stránky, a každý uživatel, který se pokusí stáhnout tuto stránku

448
00:28:22,960 --> 00:28:26,950
se chystá stáhnout menší verzi obrázku.

449
00:28:26,950 --> 00:28:28,230
Pokud nemáte Adobe Photo Shop

450
00:28:28,230 --> 00:28:32,650
webresizer.com je také další zdroje, kde můžete zadat soubor na disk

451
00:28:32,650 --> 00:28:36,470
a bude vyplivnout přesně stejný obraz,

452
00:28:36,470 --> 00:28:39,970
ale bude to něco jako 3 krát menší.

453
00:28:39,970 --> 00:28:41,970
Tak to je velmi užitečné pro uživatele.

454
00:28:41,970 --> 00:28:45,930
>> Další věc, kterou můžete udělat, je minify kód.

455
00:28:45,930 --> 00:28:48,460
Pokud se podíváme na Google.com,

456
00:28:48,460 --> 00:28:56,400
uvidíte, že to není nějak stejné HTML a CSS, které jsme zvyklí.

457
00:28:56,400 --> 00:29:02,250
Jen se podíváme na zdrojový kód zde.

458
00:29:02,250 --> 00:29:07,600
Kdybych přejděte dolů - wow, to vypadá dost nechutné.

459
00:29:07,600 --> 00:29:09,650
To by si nulu na stylu.

460
00:29:09,650 --> 00:29:13,470
Pokud kódované to pro Pset, budete mít nulu na vašem stylu.

461
00:29:13,470 --> 00:29:16,990
Tento jev nemá žádný mezery. Jména vypadají opravdu záhadné.

462
00:29:16,990 --> 00:29:19,800
Je to všechno opravdu nechutné.

463
00:29:19,800 --> 00:29:24,060
A skript ukončit v těle - uzavírací HTML -

464
00:29:24,060 --> 00:29:26,280
že jsou všichni spolu - to vše smushed dohromady.

465
00:29:26,280 --> 00:29:28,280
Proč to dělají?

466
00:29:28,280 --> 00:29:30,650
Oni minified svůj kód.

467
00:29:30,650 --> 00:29:33,310
Všimněte si, že tento dokument bude mnohem menší

468
00:29:33,310 --> 00:29:36,660
pro mě stáhnout, než něco s mezerou,

469
00:29:36,660 --> 00:29:39,410
než něco s opravdu dlouhými názvy proměnných.

470
00:29:39,410 --> 00:29:41,710
Pokud minify kód svléknout se na všechny mezery.

471
00:29:41,710 --> 00:29:45,960
Samozřejmě, že váš prohlížeč nezajímá, jestli máte nějaké mezery v kódu.

472
00:29:45,960 --> 00:29:49,630
Svléknout to, teď můžu stáhnout menší soubor -

473
00:29:49,630 --> 00:29:52,770
Nyní soubor - dokument, který budeme ke stažení má menší velikost souboru,

474
00:29:52,770 --> 00:29:56,180
to bude rychlejší, abych ke stažení, a to je užitečné.

475
00:29:56,180 --> 00:30:01,550
Pokud pracujete s webovými stránkami, a vy spuštění webové stránky,

476
00:30:01,550 --> 00:30:04,630
je to téměř vždy dobré minify váš kód.

477
00:30:04,630 --> 00:30:08,150
Dalším důvodem, proč by to mohlo být dobré, je možná nechcete, aby využili svůj kód.

478
00:30:08,150 --> 00:30:11,050
Možná, že nechcete, aby ostatní používat CSS.

479
00:30:11,050 --> 00:30:13,460
Víte, jestli jste opravdu chtěli být lakomý s tím,

480
00:30:13,460 --> 00:30:16,670
pak si můžete také minify kódu, a to by bylo pro mě těžší ukrást

481
00:30:16,670 --> 00:30:19,170
protože nemám tušení, co se děje.

482
00:30:19,170 --> 00:30:22,990
Můžete také přejít na webové stránky, jako je minify.avivo.si.

483
00:30:22,990 --> 00:30:27,900
Služby, jako je to on-line vám pomůže minify kódu, takže nemusíte to dělat ručně.

484
00:30:27,900 --> 00:30:30,080
Rozhodně nedělejte to ručně.

485
00:30:30,080 --> 00:30:32,210
>> Dobře. Teď mluví o skriptech.

486
00:30:32,210 --> 00:30:35,040
Možná, že v PHP kódu je tu něco, co nepotřebujete dělat.

487
00:30:35,040 --> 00:30:37,910
Možná je to další smyčky tam.

488
00:30:37,910 --> 00:30:40,850
Mluvili jsme o kódu v designu CS50.

489
00:30:40,850 --> 00:30:44,550
Dokonce i když jste kódování v C, pokud máte - pokud děláte práci navíc

490
00:30:44,550 --> 00:30:49,440
že nemusíte dělat dobře, že se to zpomalit váš skripty na vašich webových stránkách,

491
00:30:49,440 --> 00:30:53,280
a to je důležité zejména pro webové stránky, protože uživatelé v současné době jsou velmi netrpěliví.

492
00:30:53,280 --> 00:30:56,110
Pokud děláte zbytečnou práci, že to bude trvat déle, je

493
00:30:56,110 --> 00:31:00,080
se dostat k informacím, které chtějí, a oni bude velmi nešťastný.

494
00:31:00,080 --> 00:31:02,200
Nakonec, možná budete chtít optimalizovat databázové tabulky.

495
00:31:02,200 --> 00:31:05,020
Vzpomínám si, jsme si povídali o indexů.

496
00:31:05,020 --> 00:31:09,420
Jsou to dobré nejen pro ujistěte se, že máte řádek, který je jedinečný.

497
00:31:09,420 --> 00:31:12,440
Jsou dobré i pro to, aby vaše databáze funguje rychle.

498
00:31:12,440 --> 00:31:16,240
Pokud si chcete přečíst o které jdou do MySQL dokumentaci,

499
00:31:16,240 --> 00:31:18,710
nebo se můžete podívat na - no, jak lze optimalizovat databázové tabulky?

500
00:31:18,710 --> 00:31:23,350
Jak se mohu ujistit, že mám indexy, které mi pomohou dostat se k informacím rychleji?

501
00:31:23,350 --> 00:31:27,300
>> Tam jsou také malé triky, které můžete použít jako cache.

502
00:31:27,300 --> 00:31:28,980
Pokud máte PHP - pokud máte blog, například,

503
00:31:28,980 --> 00:31:31,980
a máte - a je poháněn PHP nebo jiném jazyce -

504
00:31:31,980 --> 00:31:37,690
můžete mezipaměti svůj blog na řekněme 50-minutových intervalech, takže můžete servírovat statických stránek

505
00:31:37,690 --> 00:31:40,610
nebo statické HTML návštěvníky na vaše stránky.

506
00:31:40,610 --> 00:31:43,380
Tímto způsobem se uživatelé nemusí spustit PHP skript pokaždé,

507
00:31:43,380 --> 00:31:47,410
a možná, že bude rychlejší pro ně k těmto informacím přístup.

508
00:31:47,410 --> 00:31:49,410
>> A konečně, můžete použít něco jako CDN.

509
00:31:49,410 --> 00:31:51,900
Všimněte si, že kdykoliv si stáhnete Pset,

510
00:31:51,900 --> 00:31:54,890
vždy jít do CDN.CS50.net. Proč tomu tak je?

511
00:31:54,890 --> 00:32:01,540
CS50 také používá něco jako CDN - obsahu distribuční sítě -

512
00:32:01,540 --> 00:32:06,120
což prostě znamená, že je to banda serverů možná někde po celém světě

513
00:32:06,120 --> 00:32:08,120
které pomáhají sloužit vaše stránky pro vaše návštěvníky.

514
00:32:08,120 --> 00:32:13,770
Pokud váš návštěvník se dostává stránku ze serveru, který je blíže k nim geograficky,

515
00:32:13,770 --> 00:32:16,770
pak s největší pravděpodobností váš návštěvník dostane tento soubor mnohem rychleji.

516
00:32:16,770 --> 00:32:20,490
Tam jsou také on-line zdroje, které vám pomohou udělat.

517
00:32:20,490 --> 00:32:24,070
Jedním z nich je CloudFlare. Nabízejí bezplatnou službu CDN.

518
00:32:24,070 --> 00:32:26,020
Pokud máte velké soubory, které váš sloužící k uživatelům,

519
00:32:26,020 --> 00:32:32,260
pak možná je lepší dát je na CDN, aby mohli se k nim dostat rychleji.

520
00:32:32,260 --> 00:32:39,070
>> Posledním tématem pro dnešní den je optimalizace pro vyhledávače.

521
00:32:39,070 --> 00:32:41,070
Co je optimalizace pro vyhledávače?

522
00:32:41,070 --> 00:32:44,070
To je ujistit se, že vyhledávače jako Google nebo Bing nebo Yahoo

523
00:32:44,070 --> 00:32:50,740
může jít na vaše stránky a procházet vaše stránky a index vaše stránky a kdy

524
00:32:50,740 --> 00:32:53,040
Já, například, jděte na Google.com a snažím se hledat něco,

525
00:32:53,040 --> 00:32:55,040
pak se vaše stránky budou vyskočí.

526
00:32:55,040 --> 00:32:57,000
Jak se ujistit, že váš web je jedním z top 10?

527
00:32:57,000 --> 00:33:00,000
Vzhledem k tomu, jak všichni víme, pokud hledáte něco na Google

528
00:33:00,000 --> 00:33:02,880
a to není v top 10 už s největší pravděpodobností nebude vypadat v příštích 10.

529
00:33:02,880 --> 00:33:07,160
To je něco jako téma, které je zahalen tajemstvím.

530
00:33:07,160 --> 00:33:09,850
Je tu spousta humbuku tam na internetu.

531
00:33:09,850 --> 00:33:14,680
Existuje mnoho pověr o pokud x pak Google bude líbit lépe.

532
00:33:14,680 --> 00:33:16,680
Pokud nemáte y pak Google bude líbit lépe.

533
00:33:16,680 --> 00:33:19,680
Je to asi lepší se podívat do vyhledávací gigant dokumentům sám.

534
00:33:19,680 --> 00:33:27,470
>> To je jedním z dokumentů, na Google, který vám přesně, jak optimalizovat vaše stránky

535
00:33:27,470 --> 00:33:30,860
takže Google můžete přistupovat a index je velmi pěkně.

536
00:33:30,860 --> 00:33:33,680
Nemusíte kopírovat se toto URL, protože tato prezentace bude

537
00:33:33,680 --> 00:33:36,680
být online tak jako tak.

538
00:33:36,680 --> 00:33:38,770
Když se podíváte na to a budete číst tento existuje několik velmi užitečných rad tam.

539
00:33:38,770 --> 00:33:42,240
Google vám řekne - pokud opravdu chcete, aby vaše stránky indexovány dobře

540
00:33:42,240 --> 00:33:44,610
pak byste měli dělat všechny tyto věci.

541
00:33:44,610 --> 00:33:47,570
>> Další věc, že ​​vyhledávače opravdu líbí, je čerstvý obsah.

542
00:33:47,570 --> 00:33:49,500
Pokud máte obsah, který je obzvláště pravidelně aktualizovány

543
00:33:49,500 --> 00:33:51,950
pak vyhledávače říct, ooh, líbí se mi vaše stránky.

544
00:33:51,950 --> 00:33:53,950
Chystám se jít na vašich stránkách velmi často.

545
00:33:53,950 --> 00:33:56,840
Chystám se index spoustu vašich stránek.

546
00:33:56,840 --> 00:33:59,560
Pokud máte nový obsah pak máte větší šanci se ukázat -

547
00:33:59,560 --> 00:34:02,540
máte větší šanci být více relevantní.

548
00:34:02,540 --> 00:34:04,630
Máš větší šanci být aktuálnější,

549
00:34:04,630 --> 00:34:08,860
a vyhledávače jsou více pravděpodobné, aby vaše stránky nad ostatními.

550
00:34:08,860 --> 00:34:10,860
>> Hluboké odkazy jsou také důležité.

551
00:34:10,860 --> 00:34:13,530
Pokud jste opravdu chtěli vaše stránky vypadat dobře v očích vyhledávače

552
00:34:13,530 --> 00:34:18,090
mají mnoho dalších webových stránek s ní souvisí a navazují hluboko do vašich webových stránkách.

553
00:34:18,090 --> 00:34:20,090
Nepoužívejte jen odkaz na domovskou stránku.

554
00:34:20,090 --> 00:34:26,719
Odkaz na možná yourname.com / něco / něco / something.php.

555
00:34:26,719 --> 00:34:29,840
To - do vyhledávače - znamená, wow, mají opravdu zajímavý obsah

556
00:34:29,840 --> 00:34:35,350
že někdo jiný je propojení tak hluboko do svých stránek, že jsem měl opravdu

557
00:34:35,350 --> 00:34:38,260
klást větší důraz na tohoto webu stránkách.

558
00:34:38,260 --> 00:34:41,940
>> Máte-li přesné názvy stránek, pokud nemáte žádné chyby, to je dobře, protože

559
00:34:41,940 --> 00:34:44,670
Pokud vyhledávač se snaží, aby navštívili vaše stránky, a je to stále chybu,

560
00:34:44,670 --> 00:34:46,780
Pravděpodobně to vzdát velmi, velmi brzy.

561
00:34:46,780 --> 00:34:49,510
A konečně, chcete mít krátkou dobu načítání, protože vyhledávače -

562
00:34:49,510 --> 00:34:53,820
stejně jako lidé - nedělej mít hodně trpělivosti pro pomalé webové stránky.

563
00:34:53,820 --> 00:34:57,070
To je způsob, jak pro vás, aby se ujistil, že se objevíš vyšší

564
00:34:57,070 --> 00:35:01,390
vyhledávače dotazy a doufejme, že tím získat větší provoz.

565
00:35:01,390 --> 00:35:04,730
Protože po tom všem, co jste strávili celý čas rozvíjet své webové stránky.

566
00:35:04,730 --> 00:35:06,280
Strávil jsi celou tu dobu spuštění této webové stránky online.

567
00:35:06,280 --> 00:35:11,780
Chcete, aby se ujistil, že máte spoustu uživatelů, kteří skutečně vidět obsah.

568
00:35:13,330 --> 00:35:15,660
>> Další dobré zdroje použít.

569
00:35:15,660 --> 00:35:19,210
Google Webmaster Tools je na co se dívat do.

570
00:35:19,210 --> 00:35:21,780
To jen vám pomůže vidět - Google není indexování mé stránky.

571
00:35:21,780 --> 00:35:24,490
Jaké druhy chyb se potýká?

572
00:35:24,490 --> 00:35:27,490
Kolik stránek má to indexovány?

573
00:35:27,490 --> 00:35:29,490
Co to myslíte, že je nejdůležitější obsah na mé stránce?

574
00:35:29,490 --> 00:35:31,490
Možná, že to není to, co chci, aby to bylo.

575
00:35:31,490 --> 00:35:36,880
Možná, že je třeba změnit mé stránky trochu tak, že to odráží lepší

576
00:35:36,880 --> 00:35:38,880
co můj web je opravdu o.

577
00:35:38,880 --> 00:35:41,000
Google Analytics je další opravdu cool nástroj.

578
00:35:41,000 --> 00:35:44,120
Můžete přidat trochu JavaScriptu vašich stránek.

579
00:35:44,120 --> 00:35:47,020
A pak poté můžete jít do Google Analytics, a bude sledovat

580
00:35:47,020 --> 00:35:49,020
návštěvník demografie a vaše stránky růst.

581
00:35:49,020 --> 00:35:51,810
To vám řekne přesně, kolik návštěvníků navštíví vaše stránky

582
00:35:51,810 --> 00:35:55,310
v určitý den, v určitou hodinu, v rámci určitého týdne.

583
00:35:55,310 --> 00:35:57,310
Kolik návštěvníků z Číny? Kolik návštěvníků z Antarktidy -

584
00:35:57,310 --> 00:35:59,310
jste stále na své webové stránky.

585
00:35:59,310 --> 00:36:03,470
že by mohlo být něco cool vidět, nebo to může být dokonce užitečné,

586
00:36:03,470 --> 00:36:05,470
protože se snažíte zaměřit na určitou skupinu.

587
00:36:05,470 --> 00:36:08,410
Možná se snažíte zaměřit teenagery s vaší webové stránky a uvidíte, že

588
00:36:08,410 --> 00:36:11,410
většina návštěvníků na vašich webových stránkách je možná 30 - až 40-letých,

589
00:36:11,410 --> 00:36:15,130
pak možná buď máte problém, nebo si můžete jen říct,

590
00:36:15,130 --> 00:36:19,590
dobře, možná bych měl změnit mých stránkách zaostření tak, aby

591
00:36:19,590 --> 00:36:22,240
Jsem se více zaměřit na této věkové skupiny.

592
00:36:22,240 --> 00:36:28,500
>> Google Apps - pokud byste chtěli mít jakousi e-maily s vaší domény -

593
00:36:28,500 --> 00:36:31,230
Možná něco takového yourname@yourname.com--

594
00:36:31,230 --> 00:36:35,270
můžete použít Gmail adresy - můžete použít službu Gmail

595
00:36:35,270 --> 00:36:38,500
a Google Apps je jeden způsob, jak to udělat.

596
00:36:38,500 --> 00:36:44,050
Můžete vytvořit zvláštní e-mailové adresy, které jsou specifické pro domény

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

598
00:36:46,800 --> 00:36:51,840
>> A konečně, je webový vývojář rozšíření a add-ons - pro Chrome,

599
00:36:51,840 --> 00:36:56,380
pro Firefox, pro jiné prohlížeče -, které vám umožní jít a kontrolovat

600
00:36:56,380 --> 00:37:02,290
CSS, JavaScript, zkontrolujte, vidět přesně to, co se děje s vaším skriptu JavaScript,

601
00:37:02,290 --> 00:37:05,290
a možná, že to bude užitečné pro vaše de-odposlouchávacích účely, pro vás zjistil -

602
00:37:05,290 --> 00:37:08,630
No, proč ne mé webové stránky zobrazeny správně v tomto prohlížeči?

603
00:37:08,630 --> 00:37:11,800
>> A konečně, pokud byste chtěli dozvědět více o všech těchto tématech -

604
00:37:11,800 --> 00:37:14,410
pokud byste chtěli dozvědět více o HTML a CSS a JavaScript -

605
00:37:14,410 --> 00:37:16,790
protože koneckonců, my jen naučil trochu -

606
00:37:16,790 --> 00:37:21,240
můžete jít na webové stránky, jako W3Schools.com hledat další zdroje.

607
00:37:21,240 --> 00:37:26,340
Mají velmi pěkné návody na to, jak to mám udělat, x nebo y co znamená?

608
00:37:26,340 --> 00:37:30,400
Pokud byste chtěli dozvědět více o těchto jazycích si můžete jednoduše naleznete zde.

609
00:37:30,400 --> 00:37:37,690
>> Dobrá. Myslím, že jsem chtěl odejít na posledních několik minut to na otázky,

610
00:37:37,690 --> 00:37:39,810
tak jsou nějaké otázky o něco, co jsme mluvili?

611
00:37:39,810 --> 00:37:43,500
[Divák] Jaké věci jsou na W3Schools a jak se to vztahuje?

612
00:37:43,500 --> 00:37:45,500
[Yuechen Zhao] Jaké věci?

613
00:37:45,500 --> 00:37:50,180
Takže, jedna z největších věcí, velmi, že jsem použít hodně je jejich reference.

614
00:37:50,180 --> 00:37:54,430
Jejich reference detail, například pro CSS -

615
00:37:54,430 --> 00:37:59,480
co to znamená, nebo pokud byste chtěli změnit pozadí stránky -

616
00:37:59,480 --> 00:38:01,480
jak to děláte?

617
00:38:01,480 --> 00:38:04,550
Které prohlížeče podporují tento příkaz? Takové věci.

618
00:38:04,550 --> 00:38:10,870
A pak také jen velmi pěkné návody na HTML na PHP, na JavaScriptu,

619
00:38:10,870 --> 00:38:14,290
na MySQL, na všechny druhy různých témat.

620
00:38:14,290 --> 00:38:18,800
Mají pěkné tutoriály. Učí vás, jak dělat věci.

621
00:38:18,800 --> 00:38:22,590
Je to hezké být schopen jít a dozvědět se více o těchto tématech.

622
00:38:22,590 --> 00:38:27,180
>> [Divák] HTML 5 je stále ještě není kompatibilní se všemi prohlížeči venku.

623
00:38:27,180 --> 00:38:30,700
Doporučili byste jen zůstat pryč od toho, protože problémy s kompatibilitou?

624
00:38:30,700 --> 00:38:32,700
Jak byste se s tím vypořádat?

625
00:38:32,700 --> 00:38:38,640
[Yuechen Zhao] Ano, ano, otázka je HTML5 je ještě dítě standardem.

626
00:38:38,640 --> 00:38:42,030
Je to opravdu podporován mnoha prohlížečů, takže by jsme se vyhnout?

627
00:38:42,030 --> 00:38:48,040
Myslím, že v loňském roce, že bych byl velký zastánce, pojďme se zabránilo HTML5

628
00:38:48,040 --> 00:38:52,430
protože je stále - je to stále velmi nové a ve skutečnosti, HTML5 standardní

629
00:38:52,430 --> 00:38:55,610
nebyl dosud dokončen.

630
00:38:55,610 --> 00:38:58,790
A tak tam opravdu není standardní HTML5.

631
00:38:58,790 --> 00:39:03,840
Ale myslím, že zvláště pokud jste navrhování webových stránek nyní,

632
00:39:03,840 --> 00:39:07,450
to by mohlo být lepší, kdyby jste prostě jít s HTML5, protože to je druh bude budoucnost,

633
00:39:07,450 --> 00:39:11,250
a pokud chcete, aby vaše webové stránky mají být pro budoucnost, a chcete, aby vaše webové stránky pracovat

634
00:39:11,250 --> 00:39:14,320
v budoucích prohlížečích, mohlo by to být lepší začít budovat něco pro budoucnost

635
00:39:14,320 --> 00:39:19,830
než v minulosti, a také jen z toho důvodu, že HTML5 opravdu není tak odlišné

636
00:39:19,830 --> 00:39:23,080
od HTML4 nebo XHTML.

637
00:39:23,080 --> 00:39:29,780
Pokud používáte HTML5, obvykle bude fungovat ve většině prohlížečů.

638
00:39:29,780 --> 00:39:34,660
Stačí se jen nějak jít a ujistěte se, že s těmito screenshoty

639
00:39:34,660 --> 00:39:38,630
a ujistěte se děje na těchto webových stránkách sami.

640
00:39:38,630 --> 00:39:44,280
Ale s největší pravděpodobností to bude fungovat, pokud používáte velmi specifické funkce pro HTML5.

641
00:39:44,280 --> 00:39:50,240
Všimněte si také, že na CS50 - například pro video přehrávač, který používáme -

642
00:39:50,240 --> 00:39:56,230
používá HTML5 a HTML5 video se zobrazí na přednášky.

643
00:39:56,230 --> 00:39:59,420
Ale pokud máte opravdu starý prohlížeč, pak to bude padat zpět na Flash.

644
00:39:59,420 --> 00:40:01,420
Tak, to je také něco jiného -

645
00:40:01,420 --> 00:40:05,190
mít nouzový systém, kdy prostě víte, že prohlížeč nebude řešit

646
00:40:05,190 --> 00:40:08,140
to, co chcete zvládnout.

647
00:40:08,140 --> 00:40:10,140
>> Další otázky?

648
00:40:10,140 --> 00:40:13,270
Cokoliv, co jsme mluvili.

649
00:40:16,910 --> 00:40:20,750
Dobrá. Pak si myslím, že je to o tom pro mě.

650
00:40:20,750 --> 00:40:23,090
Myslím, že to je.

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

652
00:40:28,430 --> 00:40:30,000
Skvělý.

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