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

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
>> Dobre. Tu je ďalšia hodina vývoj webových aplikácií, ak vy ste sa na to.

5
00:00:11,660 --> 00:00:16,290
Dnes budem hovoriť o príprave svojej stránky na webe.

6
00:00:16,290 --> 00:00:20,260
Po celý deň - a pravdepodobne za posledné dva týždne -

7
00:00:20,260 --> 00:00:22,240
sme hovorili o tom, ako vytvoriť webové stránky,

8
00:00:22,240 --> 00:00:24,880
ako používať HTML, ako používať PHP, ako používať rámcoch,

9
00:00:24,880 --> 00:00:29,420
ako sa uistiť, že môžete komunikovať s databázou - také veci.

10
00:00:29,420 --> 00:00:34,830
Ale dnes budeme hovoriť o tom, kde sa vaše stránky bude žiť po CS50.

11
00:00:34,830 --> 00:00:40,010
Pretože po tom všetkom, CS50 nestane cez decembri.

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

13
00:00:42,090 --> 00:00:44,790
Budeme hovoriť o tom, čo cross-browser kompatibilitu

14
00:00:44,790 --> 00:00:49,540
a multiplatformný kompatibilitu, a ako sa môžete uistiť, že vaše stránky

15
00:00:49,540 --> 00:00:51,610
bude fungovať za všetkých podmienok.

16
00:00:51,610 --> 00:00:54,330
Budeme hovoriť o tom, chýb a iným serverovým mágie.

17
00:00:54,330 --> 00:00:57,890
Hovoríme o optimalizáciu výkonu, optimalizácia pre vyhľadávače,

18
00:00:57,890 --> 00:01:00,310
a ako prinútiť ľudí, aby skutočne navštívi vaše webové stránky.

19
00:01:00,310 --> 00:01:05,960
A konečne, len niekoľko dobrých zdrojov, aby sa ubezpečil, že vy máte dosť tých

20
00:01:05,960 --> 00:01:09,680
odísť s konečnou projektu, a dúfajme, že po ňom.

21
00:01:09,680 --> 00:01:13,120
>> Prvá vec, ktorú budeme hovoriť o doménové mená.

22
00:01:13,120 --> 00:01:18,020
Práve teraz ste programovaní prístroja, budete na lokálnom počítači

23
00:01:18,020 --> 00:01:20,360
ktorý nie je v skutočnosti názov domény.

24
00:01:20,360 --> 00:01:26,370
To je druh len prezývka alebo alias na vaše skutočné inštaláciu Linuxu

25
00:01:26,370 --> 00:01:31,150
vnútri oboch VMware na Mac alebo VMware Player na PC.

26
00:01:31,150 --> 00:01:36,510
Doménové mená vám umožní dať stránky na webe a potom ísť na niečo ako

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

28
00:01:39,400 --> 00:01:41,500
Ako fungujú?

29
00:01:41,500 --> 00:01:43,390
Povedzme, že ste len priemerný web server -

30
00:01:43,390 --> 00:01:50,080
priemer Web surfer a máte notebook, a idete do www.howstuffworks.com.

31
00:01:50,080 --> 00:01:52,570
Môžete si asi vidieť, kde som ukradol z

32
00:01:52,570 --> 00:01:57,300
Ako látka pracuje - počítač sa vás spýta miestneho DNS server,

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

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

35
00:02:02,200 --> 00:02:05,580
DNS server by sa povedať: "Áno, ja."

36
00:02:05,580 --> 00:02:09,139
V takom prípade dostanete IP adresu a počítač pristupuje k danej IP adresy.

37
00:02:09,139 --> 00:02:15,050
Ak tomu tak nie je, požiada iný DNS server, "Hej! Viete, čo www.howstuffworks.com je?"

38
00:02:15,050 --> 00:02:17,670
Tento server by mohol povedať: "Áno, ja."

39
00:02:17,670 --> 00:02:22,500
Tak, to hovorí ten druhý, čo to je, a nakoniec dostane táto informácia odovzdaná do počítača,

40
00:02:22,500 --> 00:02:24,680
a budete mať prístup howstuffworks.com.

41
00:02:24,680 --> 00:02:27,540
>> Ako môžete získať jednu z týchto čarovných vecí?

42
00:02:27,540 --> 00:02:32,940
Ako môžete získať možná www.yourname.com alebo www.ilovecats.com?

43
00:02:32,940 --> 00:02:35,350
Môžete sa zaregistrovať na jeden,

44
00:02:35,350 --> 00:02:38,280
a existuje mnoho internetových stránok, tam vonku, ktoré vám umožní urobiť.

45
00:02:38,280 --> 00:02:41,420
Musíte - vo väčšine prípadov je potrebné za ne zaplatiť.

46
00:02:41,420 --> 00:02:43,890
Existujú určité názvy domén, ktoré sú zadarmo.

47
00:02:43,890 --> 00:02:50,900
Ak pôjdete do www.co.cc alebo. Tkdomainnames, ktoré sú zadarmo.

48
00:02:50,900 --> 00:02:56,500
Ale oni prichádzajú s určitými obmedzeniami, a v skutočnosti niektoré z nich nemusia byť ani

49
00:02:56,500 --> 00:03:00,540
skutočné, top-level domény ako. com alebo. NET.

50
00:03:00,540 --> 00:03:03,300
Normálne by som navrhnúť ísť na jeden z nich

51
00:03:03,300 --> 00:03:07,060
pretože používatelia sú jednoducho pohodlnejšie s tými.

52
00:03:07,060 --> 00:03:10,070
Vy ste videl veľa. COMS. Vy ste videl veľa. Sieťou.

53
00:03:10,070 --> 00:03:13,790
Pravdepodobne ste to videli veľa. Co.cc 's, takže sú ťažšie si spomenúť.

54
00:03:13,790 --> 00:03:18,900
Rôzne webové stránky, ako Godaddy alebo NameCheap alebo - Použil som ten, ktorý 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
Vyzerá to naozaj povrchné, ale to funguje naozaj dobre pre mňa.

57
00:03:24,160 --> 00:03:27,810
>> A nakoniec, máte ďalšie, ktoré možno urobiť viac reklamy, ako je Network Solutions.

58
00:03:27,810 --> 00:03:31,140
Ale keď idete na NetworkSolutions.com a pozrieť sa na ich cien

59
00:03:31,140 --> 00:03:34,070
je to naozaj drahé. Díval som sa na ne v noci.

60
00:03:34,070 --> 00:03:37,400
Za jeden rok doménového mena, je to asi nestojí toľko peňazí.

61
00:03:37,400 --> 00:03:40,210
V skutočnosti, ak ste stále. Com alebo. Org alebo. NET

62
00:03:40,210 --> 00:03:43,430
obvyklá cena je asi 10 dolárov ročne.

63
00:03:43,430 --> 00:03:48,710
Takže ak platíte oveľa viac než to, že to asi nie je, že to stojí za to

64
00:03:48,710 --> 00:03:52,440
, Pretože po tom všetkom, tieto stránky nemajú robiť niečo s týmto názvom domény.

65
00:03:52,440 --> 00:03:58,270
Proste vám to, a tak ak môžete dostať na lacné, prečo nie?

66
00:03:58,270 --> 00:04:02,540
>> Druhá vec je, až budete mať svoje doménové meno, potom sa pravdepodobne budete chcieť

67
00:04:02,540 --> 00:04:08,610
ísť na jeden Godaddy.com alebo tam, kde ste si kúpili svoje doménové meno

68
00:04:08,610 --> 00:04:11,220
a nastavenie menných serverov pre tento názov domény.

69
00:04:11,220 --> 00:04:15,560
To znamená, že to, čo je opäť používateľ prejde www.howstuffworks.com,

70
00:04:15,560 --> 00:04:20,839
tie IP adresu menného servera sú IP adresy, ktoré budú môcť vyhľadať.

71
00:04:20,839 --> 00:04:24,680
Budú mať prístup k svojej webovej stránky prostredníctvom týchto menných serverov.

72
00:04:24,680 --> 00:04:26,830
Ak budete žiadať o hosťovaní niekde

73
00:04:26,830 --> 00:04:31,210
potom váš hostiteľ bude s najväčšou pravdepodobnosťou vám meno servery používajú.

74
00:04:31,210 --> 00:04:34,210
>> A konečne je tu tá vec s názvom WHOIS.

75
00:04:34,210 --> 00:04:38,890
Databáza WHOIS je databáza, s ktorou by ste mohli zadať názov domény

76
00:04:38,890 --> 00:04:44,170
a bude to vypľuje nejaké informácie o vlastníkovi tohto webu a ďalšie kontaktné informácie.

77
00:04:44,170 --> 00:04:49,080
Teraz môžete povedať: "Ja naozaj nechcem svoju domácu adresu alebo ja naozaj nechcem moju e-mailovú adresu

78
00:04:49,080 --> 00:04:54,010
na internetových stránkach niekto videl, alebo na internete pre všetky vidieť. "

79
00:04:54,010 --> 00:04:57,740
Potom možno budete chcieť použiť niečo, čo mnoho hostingové služby poskytovať -

80
00:04:57,740 --> 00:04:59,740
ako manažér WHOIS.

81
00:04:59,740 --> 00:05:03,550
Manažér WHOIS je proste iná služba, ktorá veľa z nich stanovuje, že

82
00:05:03,550 --> 00:05:07,700
ukrýva, že informačné a práve stavia v tom, kto je manažér pre názov -

83
00:05:07,700 --> 00:05:13,070
pre adresu je zvyčajne len, že názov spoločnosti, ktorá je vám dal tento názov domény -

84
00:05:13,070 --> 00:05:17,350
a tak potom sa vaše osobné údaje nie sú unikli na internet,

85
00:05:17,350 --> 00:05:19,350
ktorý je zvyčajne celkom dobre.

86
00:05:19,350 --> 00:05:21,350
Ja sám som použiť jeden z týchto služieb.

87
00:05:21,350 --> 00:05:25,630
Ak sa nechcete starať o svoje vlastné súkromie, potom je to naozaj nezáleží.

88
00:05:25,630 --> 00:05:32,490
>> Server DNS je skratka pre Domain Name System, a čo to je -

89
00:05:32,490 --> 00:05:36,560
je to niečo ako funkcia hash určitého typu, že niekde hovorí,

90
00:05:36,560 --> 00:05:42,320
 "Táto webová adresa bude mapovať na tejto adrese." A to je všetko, čo je.

91
00:05:42,320 --> 00:05:48,180
Takže akonáhle sa tento dotaz DNS server, potom sa môžete dostať IP adresy

92
00:05:48,180 --> 00:05:51,930
k tomuto príslušného názvu domény a potom navštívte túto stránku.

93
00:05:51,930 --> 00:05:59,820
(Divák položenie otázky - nepočuteľný)

94
00:05:59,820 --> 00:06:07,910
Prvý? Prvá úroveň je v skutočnosti zvyčajne len počítač medzipamäte sám.

95
00:06:07,910 --> 00:06:12,570
Počítač trochu pamätá posledný čas, ktorý šiel do www.google.com

96
00:06:12,570 --> 00:06:18,090
to bolo pri tejto IP adresy, a potom po chvíli, bude to medzipamäte vyprší,

97
00:06:18,090 --> 00:06:23,560
a bude žiadať ako Comcast DNS,

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

99
00:06:26,400 --> 00:06:31,040
Normálne, keď si kúpite doménu a zaregistrovať jeden, a nastaviť webové stránky,

100
00:06:31,040 --> 00:06:35,670
nemôžete ísť na danej internetovej stránke okamžite s týmto názvom domény, pretože menné servery

101
00:06:35,670 --> 00:06:40,180
na celom svete nevie o vašej domény ešte. To má naplniť.

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

103
00:06:43,220 --> 00:06:48,460
Dobrá. Tak, to je trochu o doménových mien. Sú veľmi cool.

104
00:06:48,460 --> 00:06:51,540
Myslím, že by ste mali dostať jeden, ak ste vážne o projekte

105
00:06:51,540 --> 00:06:55,300
a ak si naozaj chcete, aby váš projekt známy po celom areáli,

106
00:06:55,300 --> 00:06:58,050
s doménové meno robí to vyzerať naozaj profesionálne.

107
00:06:58,050 --> 00:07:01,510
>> Potom je ďalším krokom, samozrejme, je mať nejaký hosting.

108
00:07:01,510 --> 00:07:05,540
Ak ste práve hosťovať na vašom počítači, nikto nikdy nebude môcť ísť na to.

109
00:07:05,540 --> 00:07:09,110
Tie by mohli nastaviť server na vašom počítači a udržať váš počítač na veky,

110
00:07:09,110 --> 00:07:11,160
ale to sa neodporúča.

111
00:07:11,160 --> 00:07:14,000
Existujú rôzne druhy hosting on-line k dispozícii.

112
00:07:14,000 --> 00:07:21,870
Tam je zdieľaný hosting. Je tu VPN (nezrozumiteľné), ktoré sú virtuálne hostitelia.

113
00:07:21,870 --> 00:07:23,870
K dispozícii je semi-špecializované a oddaný.

114
00:07:23,870 --> 00:07:29,030
Z poslednej 3, VPN, semi-oddaný, a špecializované sú zvyčajne drahšie.

115
00:07:29,030 --> 00:07:32,660
Sú zvyčajne používa pre webové stránky, ktoré vyžadujú viac zdrojov.

116
00:07:32,660 --> 00:07:34,680
Ak ste práve začínate s internetovej stránky,

117
00:07:34,680 --> 00:07:40,670
Mohlo by to byť výhodnejšie ísť s zdieľaný hosting.

118
00:07:40,670 --> 00:07:43,430
A čo zdieľaný prostriedok je len banda internetových stránok sú všetci spolu

119
00:07:43,430 --> 00:07:51,560
nejako na jednom serveri, na týchto internetových stránkach na tomto hostiteľskom serveri, a môžete pristupovať k svojmu webové stránky

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

121
00:07:53,660 --> 00:07:55,980
>> Existuje mnoho populárnych počítačov tam vonku.

122
00:07:55,980 --> 00:08:01,160
Hostgator a Dreamhost - to sú veľmi, veľmi veľký a veľmi, veľmi populárna

123
00:08:01,160 --> 00:08:03,160
a veľmi, veľmi úspešný.

124
00:08:03,160 --> 00:08:05,160
Ja osobne používam jeden volal MDDHosting.

125
00:08:05,160 --> 00:08:08,240
Ak pôjdete do www.mddhosting.com, to je môj hostiteľ voľby.

126
00:08:08,240 --> 00:08:10,240
Myslím, že sú veľmi dobré.

127
00:08:10,240 --> 00:08:14,550
Vždy bol veľmi spoľahlivý, a nikdy som nemal žiadne problémy s nimi.

128
00:08:14,550 --> 00:08:18,610
Majú tiež veľmi konkurenčné ceny.

129
00:08:18,610 --> 00:08:24,400
Dva, že som to naozaj ako sú GoDaddy - to je tiež veľmi populárny host,

130
00:08:24,400 --> 00:08:26,400
ale ja som mal hrozné skúsenosti s nimi,

131
00:08:26,400 --> 00:08:29,430
a veľa ľudí, ktorých poznám, mal naozaj hrozné skúsenosti s nimi.

132
00:08:29,430 --> 00:08:32,150
Oni nejako ísť po ľuďoch, ktorí nevedia, čo robia -

133
00:08:32,150 --> 00:08:34,150
Možno budete robiť webové stránky prvýkrát,

134
00:08:34,150 --> 00:08:37,150
a tak trochu kon je ku kúpe ich hosting balíčka.

135
00:08:37,150 --> 00:08:42,570
Nerob to. Nepodliehajte za to. Choďte sa pozrieť na ďalšie hosting balíčky, ktoré skutočne zodpovedajú vašim potrebám.

136
00:08:42,570 --> 00:08:44,880
A ten druhý je - tam sú voľné hostitelia vonku.

137
00:08:44,880 --> 00:08:47,350
Existujú webové stránky, ktoré budú hostiť vaše webové stránky zdarma -

138
00:08:47,350 --> 00:08:49,350
niekedy tým, že reklamy na svojich stránkach,

139
00:08:49,350 --> 00:08:52,290
niekedy tým sa podieľať na ich fórach,

140
00:08:52,290 --> 00:08:54,340
ale niekedy stačí aj zadarmo.

141
00:08:54,340 --> 00:09:00,000
Ale pozor voľných serverov, pretože mnoho z nich naozaj len ísť von obchodu

142
00:09:00,000 --> 00:09:03,480
po niekoľkých mesiacoch. Jednoducho nemôže držať krok s nákladmi.

143
00:09:03,480 --> 00:09:07,460
Ostatné sú len veľmi nespoľahlivé, a vaše stránky budú vždy nadol,

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

145
00:09:09,700 --> 00:09:12,330
>> Každý hostiteľ ponúkne vlastný ovládací panel.

146
00:09:12,330 --> 00:09:16,520
Všimnite si, že pre vaše zariadenie, tam naozaj nie je ovládací panel sám o sebe.

147
00:09:16,520 --> 00:09:19,230
Musíte použiť terminál ísť a editovať súbory.

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

149
00:09:21,230 --> 00:09:24,770
Ak by ste chceli ísť do PHPMyAdmin,

150
00:09:24,770 --> 00:09:29,560
budete musieť ísť na localhost @ / phpmyadmin a podobné veci.

151
00:09:29,560 --> 00:09:36,660
Ale s ovládacím panelom, môžete ísť a editovať súbory na vašom serveri

152
00:09:36,660 --> 00:09:40,350
s Windows Explorer alebo Finder typu aplikácie.

153
00:09:40,350 --> 00:09:44,810
Alebo si môžete prejsť a pozrieť sa na svoje databázy s vlastným nástrojom

154
00:09:44,810 --> 00:09:47,280
miesto phpMyAdmin.

155
00:09:47,280 --> 00:09:52,240
Takže, tam je moc na výber tu, a niektoré z najpopulárnejších ovládacích panelov sú tam.

156
00:09:52,240 --> 00:09:54,240
Ale ak hľadáte pre hostiteľa,

157
00:09:54,240 --> 00:09:57,090
potom budete chcieť pozrieť na to, čo druhy úprav a možností

158
00:09:57,090 --> 00:10:02,810
ponúkajú mi prispôsobiť svoj server a urobiť mojich stránkach lepšie riadiť.

159
00:10:02,810 --> 00:10:07,110
Takže potom sa môžete opýtať: "No, ako vybrať hosting?"

160
00:10:07,110 --> 00:10:11,460
Ak pôjdete na akejkoľvek hostiteľskej webovej stránky je tu veľa žargónu, a existuje veľa možností.

161
00:10:11,460 --> 00:10:14,470
Existuje mnoho rôznych cien tiež.

162
00:10:14,470 --> 00:10:19,690
Normálne by som ísť na lacnejších len preto, že webové stránky, ktoré možno ty a ja, aby -

163
00:10:19,690 --> 00:10:23,520
a zvlášť teraz, najmä preto, začiatok - že sa nemusí toľko zdrojov

164
00:10:23,520 --> 00:10:26,770
ako by mohla vyzerať webové stránky, ako Microsoft.com.

165
00:10:26,770 --> 00:10:32,090
>> Najprv sa chcete pozrieť na operačnom systéme, ak ste naozaj zvedaví, či

166
00:10:32,090 --> 00:10:35,090
Vaše stránky sa bude umiestnený na Linuxe, Windows, alebo Mac.

167
00:10:35,090 --> 00:10:39,790
Normálne by sme jednoducho ísť s operačným systémom Linux, pretože to je zvyčajne najlacnejšie,

168
00:10:39,790 --> 00:10:43,730
a tiež ten, ktorý ste možno sú viac oboznámení s, pretože spotrebiča.

169
00:10:43,730 --> 00:10:48,040
A potom, možno, že si dať nejaké obmedzenia na množstvo šírky pásma, ktorú dostanete -

170
00:10:48,040 --> 00:10:53,030
ako koľko megabajtov alebo gigabajty dát si používatelia môžu stiahnuť

171
00:10:53,030 --> 00:10:55,470
z vašich stránok za mesiac? Alebo miesta na disku.

172
00:10:55,470 --> 00:11:00,640
Koľko miesta dostanete? Je to 500 megabajtov? Je to 2 GB? Je to neobmedzené?

173
00:11:00,640 --> 00:11:05,920
V dnešnej dobe, veľa webových serverov vám neobmedzené miesto na disku ako spôsob, ako pre nich

174
00:11:05,920 --> 00:11:08,560
lákať, aby ste si ich hosting balík.

175
00:11:08,560 --> 00:11:11,850
Ale ak si naozaj myslíte, že o tom, kedy ste sa niekedy bude potrebovať neobmedzené miesto na disku?

176
00:11:11,850 --> 00:11:18,060
Ak máte niekoľko súborov HTML, PHP pár, pár obrázkov -

177
00:11:18,060 --> 00:11:20,060
to je len pár megabajtov, a tak

178
00:11:20,060 --> 00:11:23,110
väčšinou som jednoducho ísť na hodnote asi niekoľko GB priestoru ",

179
00:11:23,110 --> 00:11:27,990
a to môže byť dosť odštartovať ma, kým som potrebovať viac.

180
00:11:27,990 --> 00:11:31,480
>> Nakoniec, oni môžu dať obmedzenia na aké typy - koľko databáz môžete mať.

181
00:11:31,480 --> 00:11:34,760
Možno, že môžete mať iba jeden databázy. Možno, že môžete mať dva. Možno, že môžete mať 10.

182
00:11:34,760 --> 00:11:38,330
Je to pre vás naozaj dôležité, koľko dostanete?

183
00:11:38,330 --> 00:11:40,330
Veci, spýtajte sa sami seba.

184
00:11:40,330 --> 00:11:42,330
A nakoniec, len veci, ako 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äčšina hostingových stránky Podporujem to, pretože sú zadarmo. Sú to open source.

187
00:11:49,010 --> 00:11:51,190
Nestojí im nič, než poskytnutie objednaných pre vás.

188
00:11:51,190 --> 00:11:55,680
Ale ak chcete použiť, povedzme, Ruby alebo Python alebo niektoré z týchto ďalších jazykov -

189
00:11:55,680 --> 00:11:59,490
nemusí podporovať na svojom serveri, takže je dôležité sa pozrieť na tie druhy vecí.

190
00:11:59,490 --> 00:12:05,620
>> A konečne, to, že vám umožní urobiť nejaké pokročilejšie veci, ako je SSL alebo cron zamestnanie?

191
00:12:05,620 --> 00:12:12,060
SSL je možnosť, kde si môžete vytvoriť vaše webové stránky bezpečnejšie tým, že ho HTTPS

192
00:12:12,060 --> 00:12:14,060
a šifrovanie pripojenia.

193
00:12:14,060 --> 00:12:17,230
A cron je možná len skripty, ktoré chcete spustiť

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

195
00:12:19,510 --> 00:12:22,030
Mnoho zdieľaný hosting webových stránok si dať obmedzenia

196
00:12:22,030 --> 00:12:26,310
o počte cron, ktoré môžete spustiť, pretože to zaberá viac zdrojov.

197
00:12:26,310 --> 00:12:31,800
>> A konečne, len všetko ostatné, čo budete chcieť pozrieť na - uistite sa, že presne to, čo sa deje

198
00:12:31,800 --> 00:12:35,180
než si kúpite hosting balík.

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

200
00:12:37,720 --> 00:12:39,740
Ako rýchlo sa moje webové stránky bude bežať?

201
00:12:39,740 --> 00:12:42,950
Väčšina užívateľov sa nebude čakať aj sekúnd pre vaše webové stránky spustiť

202
00:12:42,950 --> 00:12:47,640
než sa len nudiť, a idú na MeanBase a začať hľadať na obrázky

203
00:12:47,640 --> 00:12:52,240
mačiek - viete, čo sa deje, a chcete, aby sa ubezpečil, že ste si, že používateľ na palube

204
00:12:52,240 --> 00:12:54,300
a že máte dobré prevádzkyschopnosti čo jednoducho znamená, že

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

206
00:12:56,300 --> 00:13:01,880
Mnoho počítačov má zlú dobu prevádzkyschopnosti a to len znamená, že vaše webové stránky je nebude

207
00:13:01,880 --> 00:13:06,500
prístupné, a nechcete, aby sa to stalo, pretože by ste mohli byť smutní.

208
00:13:06,500 --> 00:13:10,360
A môžete tiež sledovať váš výkon pocítaca s webovými stránkami, ako je

209
00:13:10,360 --> 00:13:16,440
Pingdom.com alebo Host-tracker.com, a oni len povedať, ako často sa vaše stránky nadol.

210
00:13:16,440 --> 00:13:18,490
>> A konečne, chcete vidieť na ich podporu.

211
00:13:18,490 --> 00:13:21,890
Ak máte problém idú reagovať do 24 hodín?

212
00:13:21,890 --> 00:13:23,890
Chystajú sa reagovať na vás do 48 hodín?

213
00:13:23,890 --> 00:13:26,500
Hostingové služby, ktoré používam normálne reaguje na mňa v priebehu niekoľkých minút

214
00:13:26,500 --> 00:13:29,760
čo je naozaj pekné.

215
00:13:29,760 --> 00:13:33,990
No nazdar! V poriadku! Je čas na prestávku. Ale ja nebudem vám to.

216
00:13:33,990 --> 00:13:38,200
Budeme sa pozerať na obrázky roztomilých mačiek každú chvíľu.

217
00:13:38,200 --> 00:13:42,740
>> Ďalším naozaj, ale naozaj veľká vec je cross-browser kompatibilitu.

218
00:13:42,740 --> 00:13:45,890
Čo mám na mysli kompatibility s rôznymi prehliadačmi?

219
00:13:45,890 --> 00:13:50,970
Viete, v dnešnej dobe to nie je len program Microsoft Internet Explorer.

220
00:13:50,970 --> 00:13:53,970
Nie je to len Mozilla Firefox alebo Safari.

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

222
00:13:58,190 --> 00:14:00,540
Máme Dobyvateľom. Máme všetky tieto rôznych prehliadačoch.

223
00:14:00,540 --> 00:14:05,950
Veci, ktoré sa blížia von - RockMelt - aj keď tie sú založené na Chromium.

224
00:14:05,950 --> 00:14:10,990
Ale faktom je, že tam nie je len jeden prehliadač už.

225
00:14:10,990 --> 00:14:13,860
Nie si len prezeranie týchto webových stránok s jednou aplikáciou.

226
00:14:13,860 --> 00:14:17,660
A tak sa rôzne prehliadače reagovať na rôzne HTML, CSS líši, a

227
00:14:17,660 --> 00:14:21,210
iný JavaScript inak, a ako sa s tým vysporiadať?

228
00:14:21,210 --> 00:14:24,370
No, v niektorých prípadoch, si naozaj nemôže.

229
00:14:24,370 --> 00:14:29,160
Vaše webové stránky - ak to funguje v jednom prehliadači, bude kód, ktorý si napísal nefunguje

230
00:14:29,290 --> 00:14:32,910
v inom prehliadači, a je to vaša práca, aby sa ubezpečil, že kód, ktorý napíšete

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

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

233
00:14:38,000 --> 00:14:42,450
Ak poviete: "No, je to práca na mojom počítači. Výborne! Poďme ďalej."

234
00:14:42,450 --> 00:14:46,040
No, to asi nebude fungovať na mojej, a keď idem na vaše webové stránky

235
00:14:46,040 --> 00:14:49,210
Budem veľmi smutná a ja odídem hneď.

236
00:14:49,210 --> 00:14:51,570
Takže, poďme sa pozrieť, ako môžete zabrániť.

237
00:14:51,570 --> 00:14:55,520
>> Prvá vec, samozrejme, je len štandardný HTML, CSS a JavaScript.

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

239
00:14:57,520 --> 00:15:00,180
No, existuje veľa vecí, ktoré nie sú štandardné vonku.

240
00:15:00,180 --> 00:15:03,490
Napríklad, v CSS existuje mnoho verzií.

241
00:15:03,490 --> 00:15:10,830
Ak vidíte akékoľvek pravidlá CSS s-moz-a-webkit-, tieto pravidlá sú špecifické

242
00:15:10,830 --> 00:15:15,720
na oboch prehliadačoch Mozilla a WebKit prehliadača,

243
00:15:15,720 --> 00:15:20,590
a tak sa chcete uistiť, že možno budete chcieť, aby sa zabránilo tie veci

244
00:15:20,590 --> 00:15:25,150
pretože ak použijete-moz-toto pravidlo len bude pracovať na Firefox.

245
00:15:25,150 --> 00:15:29,640
A ak naozaj chcete, aby to vyzeralo dobre na Internet Explorer tiež

246
00:15:29,640 --> 00:15:31,640
budete mať smolu.

247
00:15:31,640 --> 00:15:37,910
Pre HTML tiež môžete robiť veci v HTML, ktoré fungujú v jednom prehliadači

248
00:15:37,910 --> 00:15:41,830
ale že prestávky v inom, a ak chcete zabrániť tomu, aby čo najviac.

249
00:15:41,830 --> 00:15:44,830
A konečne, aj pre JavaScript - existuje veľa verzií JavaScriptu,

250
00:15:44,830 --> 00:15:50,570
a tento rok v lete sme narazili na problém, kedy Document.getElementsByClassName, -

251
00:15:50,570 --> 00:15:54,500
ktorý je zvyčajne funkcia, ktorá je definovaná ako súčasť JavaScript normy -

252
00:15:54,500 --> 00:15:58,120
nebolo nájsť v programe Internet Explorer 8.

253
00:15:58,120 --> 00:16:01,900
Takže cez leto som pracoval v laboratóriu a my sme stavali on-line experimenty.

254
00:16:01,900 --> 00:16:06,210
A mysleli sme si, že to funguje naozaj dobre, kým sme si uvedomili, užívateľa, ktoré boli pomocou

255
00:16:06,210 --> 00:16:09,780
Internet Explorer 8 nemohla predložiť svoje výsledky.

256
00:16:09,780 --> 00:16:13,200
Boli sme chýbať na veľké množstvo dát. To z nás naozaj smutné.

257
00:16:13,200 --> 00:16:17,790
Takže, vždy chcete, aby sa ubezpečil, že vaše skripty budú fungovať všade.

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

259
00:16:20,500 --> 00:16:22,770
čo je to, čo sme vám robiť v pset 7.

260
00:16:22,770 --> 00:16:24,530
Uistite sa, že vaše stránky sú validované.

261
00:16:24,530 --> 00:16:28,310
To je dôležité, pretože to je aspoň prvý krok sanity kontrola.

262
00:16:28,310 --> 00:16:31,870
Je môj kód vlastne vyhovujúce štandardom?

263
00:16:34,930 --> 00:16:39,320
Ďalším spôsobom, ako nejako pomôže uistite sa, že váš web bude fungovať

264
00:16:39,320 --> 00:16:42,610
vo väčšine prípadov, je potrebné použiť niektoré knižnice a rámca

265
00:16:42,610 --> 00:16:46,210
pretože tieto naozaj šikovný vývojári uvažovali o týchto otázkach pre vás.

266
00:16:46,210 --> 00:16:49,850
Oni prešli a že som napísal rôzne funkcie, ktoré pracujú v rôznych prehliadačoch.

267
00:16:49,850 --> 00:16:53,560
Napríklad používame jQuery v pset 7.

268
00:16:53,560 --> 00:16:58,030
Aj keď nemusí to videl, jQuery poskytuje mnoho funkcií,

269
00:16:58,030 --> 00:17:00,280
ktoré by inak budete musieť napísať sami.

270
00:17:00,280 --> 00:17:05,310
Ale títo vývojári to napísal, a oni sa o to, že to funguje vo všetkých prehliadačoch.

271
00:17:05,310 --> 00:17:10,280
A Bootstrap - čo je ďalší rámec, CSS, ktoré sme vám ukázal v pset 7 -

272
00:17:10,280 --> 00:17:17,000
je to naozaj berie veľa starostí s navrhovanie webových stránok, ktoré vyzerajú dobre.

273
00:17:17,000 --> 00:17:19,000
vo všetkých prehliadačoch.

274
00:17:19,000 --> 00:17:23,660
>> A napokon, ak môžete vyhnúť, zvyčajne vyhnúť kódovanie od nuly.

275
00:17:23,660 --> 00:17:28,079
Ak ste práve vytvorenie webovej stránky pre vašu školu klub, napríklad,

276
00:17:28,079 --> 00:17:33,920
a všetko, čo potrebujete urobiť, je zobraziť niekoľko stránok a možno sa váš prezident ísť

277
00:17:33,920 --> 00:17:38,910
a zmeniť pár vecí sem a tam - tam naozaj nie je potreba kód, ktorý sa sám.

278
00:17:38,910 --> 00:17:40,910
To si vyžaduje veľa času.

279
00:17:40,910 --> 00:17:42,660
To si vyžaduje veľa svojej energie, a vy budete musieť prejsť a vy budete musieť zistiť,

280
00:17:42,660 --> 00:17:45,930
No, je to bude vyzerať dobre v tomto prehliadači, je to bude vyzerať dobre v tomto prehliadači.

281
00:17:45,930 --> 00:17:50,610
Možno, že niektoré z týchto opráv, ktoré ostatní už bolo napísané pre vás, rovnako ako

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

283
00:17:52,610 --> 00:17:59,400
Jedná sa o tzv obsah - to sú tzv CMS, ktoré v podstate sú len balíky, ktoré

284
00:17:59,400 --> 00:18:03,020
už prišiel pre teba urobil, a môžete si ich stiahnuť, dať ich na vašom serveri,

285
00:18:03,020 --> 00:18:07,510
a prispôsobiť im však budete chcieť, a vy už bežiaci webové stránky.

286
00:18:07,510 --> 00:18:11,680
Tieto balíčky sú kód na čo sa pozerať do.

287
00:18:11,680 --> 00:18:15,400
Tieto veci sú open source, ak idete na niečo také -

288
00:18:15,400 --> 00:18:19,390
ak hľadáte pre formuláre balíček, tam sú veci, ktoré nie sú zadarmo, ako

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

290
00:18:21,570 --> 00:18:23,790
Ak nepotrebujete niektoré z týchto pokročilých funkcií,

291
00:18:23,790 --> 00:18:27,530
môžete sa vždy rozhodnúť pre voľný voľby.

292
00:18:27,530 --> 00:18:31,300
>> A konečne, neexistuje žiadny vyhýbať sa 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 otestovať svoj kód na všetkých týchto prehliadačoch a na všetkých týchto platformách.

295
00:18:37,690 --> 00:18:44,110
A vieš, IE6 - Vďaka bohu ľudia začali sťahovať preč od IE6

296
00:18:44,110 --> 00:18:49,190
pretože späť v deň, možno pred niekoľkými rokmi, weboví vývojári museli vždy, vždy,

297
00:18:49,190 --> 00:18:55,280
vždy podhodnotiť nedostatkov IE6 v nadväznosti na štandardy.

298
00:18:55,280 --> 00:19:00,860
Webové stránky sa pozrel druh 1990 pre nedostatok lepší spôsob, ako sa s tým.

299
00:19:00,860 --> 00:19:04,380
Môžete tiež použiť prehliadača screenshoty pre kontrolu CSS.

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

301
00:19:08,100 --> 00:19:11,070
To je doplnková služba vyháňanie Adobe.

302
00:19:11,070 --> 00:19:15,160
A to, čo robia je, že môžu vziať screenshoty z vašich webových stránok

303
00:19:15,160 --> 00:19:18,890
beh v rôznych podmienkach - ako beh v rôznych prehliadačoch,

304
00:19:18,890 --> 00:19:22,660
beží pod rôznymi platformami - a ukáže vám, ako vyzerajú.

305
00:19:22,660 --> 00:19:33,260
Stačí ukázať, čo mám na mysli tú, som vytvoril webové stránky, minulý rok s názvom Život na Harvarde,

306
00:19:33,260 --> 00:19:39,150
a to, čo som sa snažil urobiť - Snažil som sa my.harvard lepšie.

307
00:19:39,150 --> 00:19:43,840
Pretože ak si tu bol minulý rok, my.harvard nevyzeral, ako to vyzerá teraz.

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

309
00:19:46,640 --> 00:19:50,470
Ale teraz to vyzerá oveľa lepšie.

310
00:19:50,470 --> 00:19:57,070
Moja implementácia nebola tak užitočná už, ale všetky rovnaké,

311
00:19:57,070 --> 00:20:01,310
Viete, som sa snažil pridať - (nezrozumiteľné) veľa čokoľvek -

312
00:20:01,310 --> 00:20:04,680
a vyzerá to - vyzerá to veľmi dobre na mojom počítači.

313
00:20:04,680 --> 00:20:08,560
A potom, možno, keby som mal viac času by som šiel do prehliadača laboratória,

314
00:20:08,560 --> 00:20:13,020
a ja by som sa pozrel na, no, ako to vyzerá v Chrome 18 pre Windows.

315
00:20:13,020 --> 00:20:17,060
Chcel by som posunúť dole a ja by som vidieť - oh nie! Pozrite sa na krabici hlášok.

316
00:20:17,060 --> 00:20:20,200
Môj text bol preteká. Tak to je zlé, že jo?

317
00:20:20,200 --> 00:20:23,700
Ak užívateľ používa Chrome na Windows a je na mojich stránkach,

318
00:20:23,700 --> 00:20:26,730
že okamžite vyzerá veľmi neprofesionálne.

319
00:20:26,730 --> 00:20:30,760
Takže, mal by som ísť do svojho CSS a zistiť, aká časť môjho CSS je lámanie tu.

320
00:20:30,760 --> 00:20:35,090
Prečo je to tak správne zobrazenie a opraviť tak, aby všetci užívatelia môžu vidieť rovnaké webové stránky

321
00:20:35,090 --> 00:20:37,770
a bol rovnako rád.

322
00:20:37,770 --> 00:20:44,280
>> A konečne, no, prehliadače obrázky sú príjemné pre testovanie CSS,

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

324
00:20:46,020 --> 00:20:48,660
Čo keď máte nejaký zložitý skript, ktorý beží?

325
00:20:48,660 --> 00:20:50,460
No, môžete vždy virtualizáciu.

326
00:20:50,460 --> 00:20:56,360
Ak máte Mac, môžete použiť Bootcamp alebo VMWare virtualizovať možná kópiu

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

328
00:20:59,540 --> 00:21:03,400
Alebo môžete ísť na niečo ako Spoon.net, ktorý žiaľ pracuje iba na PC.

329
00:21:03,400 --> 00:21:05,290
Ale to, čo robia, je veľmi cool.

330
00:21:05,290 --> 00:21:10,080
Oni virtualizovať softvér pre vás, takže môžete spustiť rôzne verzie IE, napríklad.

331
00:21:10,080 --> 00:21:12,080
Môžete spustiť rôzne verzie Firefoxu.

332
00:21:12,080 --> 00:21:15,720
Môžete spustiť rôzne verzie Safari a vyskúšať všetky vaše webové stránky existujú.

333
00:21:15,720 --> 00:21:18,360
Bohužiaľ nie sú zadarmo.

334
00:21:18,360 --> 00:21:20,860
To je platená služba, takže sa vždy nejako to -

335
00:21:20,860 --> 00:21:26,070
tam je vždy akýsi kompromis medzi týmto, dobre, budem robiť moje webové stránky vyzerať dobre.

336
00:21:26,070 --> 00:21:31,970
Ak áno, možno budem musieť platiť za niektoré služby, aby mi pomohol urobiť.

337
00:21:31,970 --> 00:21:35,890
Všetky otázky v tomto bode o niečo, čo sme hovorili?

338
00:21:38,500 --> 00:21:41,210
Desivá. Dobre.

339
00:21:41,210 --> 00:21:43,870
>> Teraz máme viac vecí hovoriť.

340
00:21:43,870 --> 00:21:45,820
Ako sa o chyby?

341
00:21:45,820 --> 00:21:48,670
Ako sa uistiť, že vaše webové stránky bude fungovať, aj keď

342
00:21:48,670 --> 00:21:50,150
sa stane niečo zlé?

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

344
00:21:53,940 --> 00:21:57,000
Ale ja, ja idem na vaše webové stránky a snažím sa pristupovať food.php.

345
00:21:57,000 --> 00:22:00,770
Ste práve mi ukázať, že biela stránka, ktorá hovorí, 404 - Súbor nebol nájdený?

346
00:22:00,770 --> 00:22:04,400
Alebo ste chcel povedať: "No, je mi ľúto, že som nemohol nájsť to pre vás,

347
00:22:04,400 --> 00:22:08,520
ale možno, že tu sú niektoré ďalšie zdroje, ktoré vám pomôžu hľadať to, čo budete potrebovať. "

348
00:22:08,520 --> 00:22:13,180
Ostatné chyby - tak toto je nazývané chyby protokolu HTTP, ktoré sú len niektoré chybové kódy

349
00:22:13,180 --> 00:22:17,130
že váš server mohlo poslaný späť do prehliadača v prípade niečo zlé deje.

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

351
00:22:20,160 --> 00:22:25,560
403 je celkom bežné, keď máte adresár, ktorý sa nemalo pristupovať

352
00:22:25,560 --> 00:22:27,310
užívateľom, ale užívateľ sa pokúsi rovnako.

353
00:22:27,310 --> 00:22:30,840
A 500 - Internal Server Error - to zvyčajne stáva, keď máte niečo

354
00:22:30,840 --> 00:22:33,070
naozaj zlé sa deje s vaším PHP kódu.

355
00:22:33,070 --> 00:22:36,140
Ale v každom prípade, tieto druhy prehliadačov - tieto druhy chýb sa stávajú.

356
00:22:36,140 --> 00:22:40,550
>> Tak, ako sa uistiť, že ste riadne spracovať tieto chyby

357
00:22:40,550 --> 00:22:43,230
a uistite sa, že užívateľ nie je len tak visí tam?

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

359
00:22:48,850 --> 00:22:51,300
Teraz. Htaccess je niečo, čo funguje na servery Apache,

360
00:22:51,300 --> 00:22:55,550
niečo, čo funguje, a pracuje na niekoľkých ďalších serveroch rovnako.

361
00:22:55,550 --> 00:23:01,350
To je len spôsob, ako nakonfigurovať server tak, aby

362
00:23:01,350 --> 00:23:04,470
ho môžete robiť, čo chcete robiť.

363
00:23:04,470 --> 00:23:06,790
Niektoré veci, ktoré by ste mohli urobiť. Dalo by sa ovládať svoje nastavenia vyrovnávacej pamäte.

364
00:23:06,790 --> 00:23:11,290
Možno je určitá strana na svojich webových stránkach, aby ste sa uistili, že užívateľ

365
00:23:11,290 --> 00:23:14,740
stiahnuť znovu zakaždým, keď užívateľ príde a navštívi vaše webové stránky.

366
00:23:14,740 --> 00:23:26,980
Alebo možno máte nejaké URL, ktorý je ako yoursite.com / test / html / pages / hello.html

367
00:23:26,980 --> 00:23:31,270
a vy proste chcete, aby sa yourname.com / ahoj -. dobre, môžete použiť htaccess

368
00:23:31,270 --> 00:23:34,760
presmerovať jednej webovej stránky na druhú.

369
00:23:34,760 --> 00:23:36,600
Môžete ju tiež použiť k tomu overovania.

370
00:23:36,600 --> 00:23:39,890
Možno, že tam sú niektoré časti svojej webovej stránky, ktoré je potrebné použiť iné heslo.

371
00:23:39,890 --> 00:23:42,620
Môžete blokovať určitej IP adresy, blokovať určité domény.

372
00:23:42,620 --> 00:23:46,770
Možno ste len naozaj nepáči Harvard študentmi pomocou svojej webovej stránky.

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

374
00:23:49,910 --> 00:23:56,370
>> A konečne, môžete liečiť veci - môžete písať určitý kód, aby sa váš server

375
00:23:56,370 --> 00:24:03,100
zaobchádzať ako. Zhao alebo. Vaše meno alebo. ahoj stránok ako PHP kód.

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

377
00:24:05,170 --> 00:24:07,980
A konečne, môžete ho použiť na spracovanie chybové reakcie.

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

379
00:24:10,300 --> 00:24:16,030
Ak jednoducho pridať kód, ako je tento - ErrorDocument 404 a nasmerovať ich na niektoré

380
00:24:16,030 --> 00:24:20,440
Chybová stránka, môžete sa uistite, že používateľ nie je len vidieť naozaj, ale naozaj škaredý

381
00:24:20,440 --> 00:24:23,550
404 a ukázať im niečo pekného.

382
00:24:23,550 --> 00:24:29,000
>> Poďme vlastne sa pozrieť na to, ako to môžeme urobiť s pset 7.

383
00:24:29,000 --> 00:24:34,190
Tu som v zariadení.

384
00:24:34,190 --> 00:24:38,440
Idem otvoriť Chrome, a potom budem pokuse o prístup na stránku

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

386
00:24:43,350 --> 00:24:52,710
Takže miestneho hostiteľa - cats.php--tak si všimnite, že som vytvoril chybovú dokumente

387
00:24:52,710 --> 00:24:54,770
, Ktorý hovorí, "Canz nenájdete z stránku!"

388
00:24:54,770 --> 00:24:56,990
Má veľmi smutný mačku na to.

389
00:24:56,990 --> 00:24:59,910
Ak sa vydáte na Twitteri, ak idete na niektorý z týchto iných stránok,

390
00:24:59,910 --> 00:25:02,700
nemôžete nájsť stránku, oni zvyčajne sa snažia ukázať vám roztomilý obrázok

391
00:25:02,700 --> 00:25:04,850
tak, že nie ste príliš sklamaný.

392
00:25:04,850 --> 00:25:07,830
Tiež môžete mať niečo, čo je viac profesionálne, ktorý hovorí,

393
00:25:07,830 --> 00:25:11,760
dobre, Prepáč, že som nemohol nájsť stránku, ale možno tu je vyhľadávacie pole.

394
00:25:11,760 --> 00:25:16,750
Alebo možno tu sú niektoré odkazy, ktoré vám pomôžu nájsť odkaz, ktorý chcete.

395
00:25:16,750 --> 00:25:21,410
Tak, ako som to urobil? Ako je to vôbec možné?

396
00:25:21,410 --> 00:25:23,500
Ak by sme sa do nášho terminálu tu -

397
00:25:23,500 --> 00:25:26,300
Idem len priblížiť trochu -

398
00:25:26,300 --> 00:25:30,110
Všimnite si, že mám novú stránku.

399
00:25:30,110 --> 00:25:34,440
Vnútri môjho adresára HTML sa to volá - nemôžete vidieť -

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

401
00:25:37,280 --> 00:25:41,010
A error.php je len súbor, ktorý som

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

403
00:25:43,030 --> 00:25:46,710
Môžem vám ukázať, čo je error.php.

404
00:25:46,710 --> 00:25:48,710
Je to presne na túto stránku.

405
00:25:48,710 --> 00:25:50,710
To hovorí: "Ale nie! Canz nenájdete z stránku!"

406
00:25:50,710 --> 00:25:58,630
A ak chcete vidieť - tak zistíte, že htaccess druh je divný meno ..

407
00:25:58,630 --> 00:26:01,040
Začína s bodkou, čo znamená, že je to systémový súbor.

408
00:26:01,040 --> 00:26:03,360
Je to skrytý súbor, ktorý nie je obvykle zobrazený.

409
00:26:03,360 --> 00:26:09,060
Ak nemáte ls-a, môžete vidieť všetky skryté súbory v určitom adresári,

410
00:26:09,060 --> 00:26:12,030
a naozaj, viete. htaccess je jedným z nich.

411
00:26:12,030 --> 00:26:15,490
Poďme ďalej a otvorte htaccess. -

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

413
00:26:19,830 --> 00:26:26,870
Boom! Všetko, čo mám, je jeden riadok tam - Chyba dokument pre 404 chýb

414
00:26:26,870 --> 00:26:28,760
ktoré sú tiež známe ako file-nie nájdených chýb.

415
00:26:28,760 --> 00:26:32,720
Poďme presmerovať je na niečo, čo nazýva error.php.

416
00:26:36,100 --> 00:26:42,030
Môžete mať zábavné veci, ako canz nenájdete z stránku!

417
00:26:42,030 --> 00:26:46,770
A sú tu tiež veľmi chladné vecí, ktoré môžete robiť so. Htaccess.

418
00:26:46,770 --> 00:26:49,520
Ak chcete vidieť viac. Htaccess mágie,

419
00:26:49,520 --> 00:26:56,470
to je veľmi cool webové stránky ísť - je to tzv javascriptkit.com/howto/htaccess.shtml--

420
00:26:56,470 --> 00:27:01,880
Ak chcete vykonať viac serverov mágiu. A to môže byť veľmi zábavné.

421
00:27:01,880 --> 00:27:05,490
>> No nazdar! V poriadku! Viac roztomilé obrázky.

422
00:27:05,490 --> 00:27:10,060
To je chlap robí push-up, a jeho mačka sa snaží pomôcť. Myslím, že je to veľmi roztomilé.

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

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

425
00:27:17,640 --> 00:27:19,640
Hovorili sme o chýb.

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

427
00:27:20,940 --> 00:27:23,230
Hovorili sme o kompatibility s rôznymi prehliadačmi.

428
00:27:23,230 --> 00:27:25,210
Teraz ako sa uistiť, že vaše webové stránky skutočne vykonáva?

429
00:27:25,210 --> 00:27:26,950
Ako sa uistil, že keď pôjdem na vaše webové stránky

430
00:27:26,950 --> 00:27:29,830
Vidím vaše stránky počas niekoľkých sekúnd?

431
00:27:29,830 --> 00:27:33,520
Jedna z vecí, ktoré si myslím, že ľudia jednoducho nejako zabudnúť

432
00:27:33,520 --> 00:27:36,160
je optimalizácia obrazu.

433
00:27:36,160 --> 00:27:37,560
Povedzme, že by ste chceli, aby obraz na vašom webe

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

435
00:27:40,330 --> 00:27:42,670
To by mohlo byť v poriadku pre nás, pretože sme na Harvarde,

436
00:27:42,670 --> 00:27:45,000
a máme veľmi rýchle pripojenie k internetu.

437
00:27:45,000 --> 00:27:47,470
Ale predstavte si, že niekto v Číne. Predstavte si, že niekto v Indii.

438
00:27:47,470 --> 00:27:52,440
predstavte si, niekto možno vo vidieckych Kansasu, ktorý možno nemá rovnaký druh

439
00:27:52,440 --> 00:27:54,690
širokopásmového pripojenia k internetu, ktoré máme.

440
00:27:54,690 --> 00:27:57,710
Ak máte 2 MB obraz na vašich stránkach a užívateľ sa pokúša o prístup,

441
00:27:57,710 --> 00:28:00,890
to bude trvať im naozaj dlhú dobu k stiahnutiu.

442
00:28:00,890 --> 00:28:04,160
Takže, ak nepotrebujete tento druh riešenia,

443
00:28:04,160 --> 00:28:09,220
potom si môžete zmeniť veľkosť obrazu s niečím, ako je Adobe Photo Shop.

444
00:28:09,220 --> 00:28:13,400
Tam je zvyčajne voľba je bezpečné pre web a zariadenia,

445
00:28:13,400 --> 00:28:15,850
a čo to robí, je to zbaví sa všetkých zbytočných informácií

446
00:28:15,850 --> 00:28:20,160
a triedenie výliskov vášho súboru do malej veľkosti, takže si môžete

447
00:28:20,160 --> 00:28:22,960
dať na svoje webové stránky, a každý používateľ, ktorý sa pokúsi stiahnuť túto stránku

448
00:28:22,960 --> 00:28:26,950
sa chystá stiahnuť menšiu verziu obrázka.

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

450
00:28:28,230 --> 00:28:32,650
webresizer.com je tiež ďalšie zdroje, kde môžete zadať súbor na disk

451
00:28:32,650 --> 00:28:36,470
a bude vypľuť presne rovnaký obraz,

452
00:28:36,470 --> 00:28:39,970
ale bude to niečo ako 3 krát menšie.

453
00:28:39,970 --> 00:28:41,970
Tak to je veľmi užitočné pre užívateľov.

454
00:28:41,970 --> 00:28:45,930
>> Ďalšia vec, ktorú môžete urobiť, je minify kód.

455
00:28:45,930 --> 00:28:48,460
Ak sa pozrieme na Google.com,

456
00:28:48,460 --> 00:28:56,400
uvidíte, že to nie je nejako rovnaké HTML a CSS, ktoré sme zvyknutí.

457
00:28:56,400 --> 00:29:02,250
Len sa pozrieme na zdrojový kód tu.

458
00:29:02,250 --> 00:29:07,600
Keby som prejdite dole - wow, to vyzerá dosť nechutné.

459
00:29:07,600 --> 00:29:09,650
To by si nulu na štýle.

460
00:29:09,650 --> 00:29:13,470
Ak kódované to pre pset, budete mať nulu na vašom štýle.

461
00:29:13,470 --> 00:29:16,990
Tento jav nemá žiadny medzery. Mená vyzerajú naozaj záhadné.

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

463
00:29:19,800 --> 00:29:24,060
A skript ukončiť v tele - uzatváracie HTML -

464
00:29:24,060 --> 00:29:26,280
že sú všetci spolu - to všetko smushed dohromady.

465
00:29:26,280 --> 00:29:28,280
Prečo to robia?

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

467
00:29:30,650 --> 00:29:33,310
Všimnite si, že tento dokument bude oveľa menšia

468
00:29:33,310 --> 00:29:36,660
pre mňa stiahnuť, než niečo s medzerou,

469
00:29:36,660 --> 00:29:39,410
než niečo s naozaj dlhými názvami premenných.

470
00:29:39,410 --> 00:29:41,710
Ak minify kód vyzliecť sa na všetky medzery.

471
00:29:41,710 --> 00:29:45,960
Samozrejme, že váš prehliadač nezaujíma, či máte nejaké medzery v kóde.

472
00:29:45,960 --> 00:29:49,630
Vyzliecť to, teraz môžem stiahnuť menší súbor -

473
00:29:49,630 --> 00:29:52,770
Teraz súbor - dokument, ktorý budeme na prevzatie má menšiu veľkosť súboru,

474
00:29:52,770 --> 00:29:56,180
to bude rýchlejšie, aby som na prevzatie, a to je užitočné.

475
00:29:56,180 --> 00:30:01,550
Ak pracujete s webovými stránkami, a vy spustenie webovej stránky,

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

477
00:30:04,630 --> 00:30:08,150
Ďalším dôvodom, prečo by to mohlo byť dobré, je možná nechcete, aby využili svoj kód.

478
00:30:08,150 --> 00:30:11,050
Možno, že nechcete, aby ostatní používať CSS.

479
00:30:11,050 --> 00:30:13,460
Viete, či ste naozaj chceli byť lakomý s tým,

480
00:30:13,460 --> 00:30:16,670
potom si môžete tiež minify kódu, a to by bolo pre mňa ťažšie ukradnúť

481
00:30:16,670 --> 00:30:19,170
pretože nemám tušenie, čo sa deje.

482
00:30:19,170 --> 00:30:22,990
Môžete tiež prejsť na webové stránky, ako je minify.avivo.si.

483
00:30:22,990 --> 00:30:27,900
Služby, ako je to on-line vám pomôže minify kódu, takže nemusíte to robiť ručne.

484
00:30:27,900 --> 00:30:30,080
Rozhodne nerobte to ručne.

485
00:30:30,080 --> 00:30:32,210
>> Dobre. Teraz hovorí o skriptoch.

486
00:30:32,210 --> 00:30:35,040
Možno, že v PHP kódu je tu niečo, čo nepotrebujete robiť.

487
00:30:35,040 --> 00:30:37,910
Možno je to ďalší slučky tam.

488
00:30:37,910 --> 00:30:40,850
Hovorili sme o kóde v dizajne CS50.

489
00:30:40,850 --> 00:30:44,550
Dokonca aj keď ste kódovanie v C, ak máte - ak robíte prácu navyše

490
00:30:44,550 --> 00:30:49,440
že nemusíte robiť dobre, že sa to spomaliť váš skripty na vašich webových stránkach,

491
00:30:49,440 --> 00:30:53,280
a to je dôležité najmä pre webové stránky, pretože používatelia v súčasnej dobe sú veľmi netrpezliví.

492
00:30:53,280 --> 00:30:56,110
Ak robíte zbytočnú prácu, že to bude trvať dlhšie, je

493
00:30:56,110 --> 00:31:00,080
sa dostať k informáciám, ktoré chcú, a oni bude veľmi nešťastný.

494
00:31:00,080 --> 00:31:02,200
Nakoniec, možno budete chcieť optimalizovať databázové tabuľky.

495
00:31:02,200 --> 00:31:05,020
Spomínam si, sme sa rozprávali o indexov.

496
00:31:05,020 --> 00:31:09,420
Sú to dobré nielen pre uistite sa, že máte riadok, ktorý je jedinečný.

497
00:31:09,420 --> 00:31:12,440
Sú dobré aj pre to, aby vaša databáza funguje rýchlo.

498
00:31:12,440 --> 00:31:16,240
Ak si chcete prečítať o ktoré idú do MySQL dokumentáciu,

499
00:31:16,240 --> 00:31:18,710
alebo sa môžete pozrieť na - no, ako možno optimalizovať databázové tabuľky?

500
00:31:18,710 --> 00:31:23,350
Ako sa môžem uistiť, že mám indexy, ktoré mi pomôžu dostať sa k informáciám rýchlejšie?

501
00:31:23,350 --> 00:31:27,300
>> Tam sú tiež malé triky, ktoré môžete použiť ako cache.

502
00:31:27,300 --> 00:31:28,980
Ak máte PHP - ak máte blog, napríklad,

503
00:31:28,980 --> 00:31:31,980
a máte - a je poháňaný PHP alebo inom jazyku -

504
00:31:31,980 --> 00:31:37,690
môžete medzipamäte svoj blog na povedzme 50-minútových intervaloch, takže môžete servírovať statických stránok

505
00:31:37,690 --> 00:31:40,610
alebo statické HTML návštevníkov na vaše stránky.

506
00:31:40,610 --> 00:31:43,380
Týmto spôsobom sa užívatelia nemusia spustiť PHP skript zakaždým,

507
00:31:43,380 --> 00:31:47,410
a možno, že bude rýchlejší pre ne k týmto informáciám prístup.

508
00:31:47,410 --> 00:31:49,410
>> A konečne, môžete použiť niečo ako CDN.

509
00:31:49,410 --> 00:31:51,900
Všimnite si, že kedykoľvek si stiahnete pset,

510
00:31:51,900 --> 00:31:54,890
vždy ísť do CDN.CS50.net. Prečo tomu tak je?

511
00:31:54,890 --> 00:32:01,540
CS50 tiež používa niečo ako CDN - obsahu distribučnej siete -

512
00:32:01,540 --> 00:32:06,120
čo jednoducho znamená, že je to banda serverov možno niekde po celom svete

513
00:32:06,120 --> 00:32:08,120
ktoré pomáhajú slúžiť vaše stránky pre vaše návštevníkov.

514
00:32:08,120 --> 00:32:13,770
Ak váš návštevník sa dostáva stránku zo servera, ktorý je bližšie k nim geograficky,

515
00:32:13,770 --> 00:32:16,770
potom s najväčšou pravdepodobnosťou váš návštevník dostane tento súbor oveľa rýchlejšie.

516
00:32:16,770 --> 00:32:20,490
Tam sú tiež on-line zdroje, ktoré vám pomôžu urobiť.

517
00:32:20,490 --> 00:32:24,070
Jedným z nich je CloudFlare. Ponúkajú bezplatnú službu CDN.

518
00:32:24,070 --> 00:32:26,020
Ak máte veľké súbory, ktoré váš slúžiace k užívateľom,

519
00:32:26,020 --> 00:32:32,260
potom možno je lepšie dať ich na CDN, aby mohli sa k nim dostať rýchlejšie.

520
00:32:32,260 --> 00:32:39,070
>> Posledným témou pre dnešný deň je optimalizácia pre vyhľadávače.

521
00:32:39,070 --> 00:32:41,070
Čo je optimalizácia pre vyhľadávače?

522
00:32:41,070 --> 00:32:44,070
To je uistiť sa, že vyhľadávače ako Google alebo Bing alebo Yahoo

523
00:32:44,070 --> 00:32:50,740
môže ísť na vaše stránky a prechádzať vaše stránky a index vaše stránky a kedy

524
00:32:50,740 --> 00:32:53,040
Ja, napríklad, choďte na Google.com a snažím sa hľadať niečo,

525
00:32:53,040 --> 00:32:55,040
potom sa vaše stránky budú vyskočí.

526
00:32:55,040 --> 00:32:57,000
Ako sa uistiť, že váš web je jedným z top 10?

527
00:32:57,000 --> 00:33:00,000
Vzhľadom k tomu, ako všetci vieme, ak hľadáte niečo na Google

528
00:33:00,000 --> 00:33:02,880
a to nie je v top 10 už s najväčšou pravdepodobnosťou nebude vyzerať v najbližších 10.

529
00:33:02,880 --> 00:33:07,160
To je niečo ako téma, ktorá je zahalený tajomstvom.

530
00:33:07,160 --> 00:33:09,850
Je tu veľa humbuku tam na internete.

531
00:33:09,850 --> 00:33:14,680
Existuje mnoho povier o ak x potom Google bude páčiť lepšie.

532
00:33:14,680 --> 00:33:16,680
Ak nemáte y potom Google bude páčiť lepšie.

533
00:33:16,680 --> 00:33:19,680
Je to asi lepšie sa pozrieť do vyhľadávací gigant dokumentom sám.

534
00:33:19,680 --> 00:33:27,470
>> To je jedným z dokumentov, na Google, ktorý vám presne, ako optimalizovať vaše stránky

535
00:33:27,470 --> 00:33:30,860
takže Google môžete pristupovať a index je veľmi pekne.

536
00:33:30,860 --> 00:33:33,680
Nemusíte kopírovať sa toto URL, pretože táto prezentácia bude

537
00:33:33,680 --> 00:33:36,680
byť online tak ako tak.

538
00:33:36,680 --> 00:33:38,770
Keď sa pozriete na to a budete čítať tento existuje niekoľko veľmi užitočných rád tam.

539
00:33:38,770 --> 00:33:42,240
Google vám povie - ak naozaj chcete, aby vaše stránky indexujú dobre

540
00:33:42,240 --> 00:33:44,610
potom by ste mali robiť všetky tieto veci.

541
00:33:44,610 --> 00:33:47,570
>> Ďalšia vec, že ​​vyhľadávače naozaj páči, je čerstvý obsah.

542
00:33:47,570 --> 00:33:49,500
Ak máte obsah, ktorý je obzvlášť pravidelne aktualizované

543
00:33:49,500 --> 00:33:51,950
potom vyhľadávače povedať, ooh, páči sa mi vaše stránky.

544
00:33:51,950 --> 00:33:53,950
Chystám sa ísť na vašich stránkach veľmi často.

545
00:33:53,950 --> 00:33:56,840
Chystám sa index veľa vašich stránok.

546
00:33:56,840 --> 00:33:59,560
Pokiaľ máte nový obsah potom máte väčšiu šancu sa ukázať -

547
00:33:59,560 --> 00:34:02,540
máte väčšiu šancu byť viac relevantné.

548
00:34:02,540 --> 00:34:04,630
Máš väčšiu šancu byť aktuálnejšie,

549
00:34:04,630 --> 00:34:08,860
a vyhľadávače sú viac pravdepodobné, aby vaše stránky nad ostatnými.

550
00:34:08,860 --> 00:34:10,860
>> Hlboké odkazy sú tiež dôležité.

551
00:34:10,860 --> 00:34:13,530
Ak ste naozaj chceli vaše stránky vyzerať dobre v očiach vyhľadávače

552
00:34:13,530 --> 00:34:18,090
majú mnoho ďalších webových stránok s ňou súvisí a nadväzujú hlboko do vašich webových stránkach.

553
00:34:18,090 --> 00:34:20,090
Nepoužívajte len odkaz na domovskú stránku.

554
00:34:20,090 --> 00:34:26,719
Odkaz na možno yourname.com / niečo / niečo / something.php.

555
00:34:26,719 --> 00:34:29,840
To - do vyhľadávača - znamená, wow, majú naozaj zaujímavý obsah

556
00:34:29,840 --> 00:34:35,350
že niekto iný je prepojenie tak hlboko do svojich stránok, že som mal naozaj

557
00:34:35,350 --> 00:34:38,260
klásť väčší dôraz na tohto webu stránkach.

558
00:34:38,260 --> 00:34:41,940
>> Ak máte presné názvy stránok, ak nemáte žiadne chyby, to je dobre, pretože

559
00:34:41,940 --> 00:34:44,670
Ak vyhľadávač sa snaží, aby navštívili vaše stránky, a je to stále chybu,

560
00:34:44,670 --> 00:34:46,780
Pravdepodobne to vzdať veľmi, veľmi skoro.

561
00:34:46,780 --> 00:34:49,510
A konečne, chcete mať krátku dobu načítanie, pretože vyhľadávače -

562
00:34:49,510 --> 00:34:53,820
rovnako ako ľudia - nerob mať veľa trpezlivosti pre pomalé webové stránky.

563
00:34:53,820 --> 00:34:57,070
To je spôsob, ako pre vás, aby sa ubezpečil, že sa objavíš vyššia

564
00:34:57,070 --> 00:35:01,390
vyhľadávače otázky a dúfajme, že tým získať väčšiu prevádzku.

565
00:35:01,390 --> 00:35:04,730
Pretože po tom všetkom, čo ste strávili celý čas rozvíjať svoje webové stránky.

566
00:35:04,730 --> 00:35:06,280
Strávil si celú tú dobu spustenia tejto webovej stránky online.

567
00:35:06,280 --> 00:35:11,780
Chcete, aby sa ubezpečil, že máte veľa užívateľov, ktorí skutočne vidieť obsah.

568
00:35:13,330 --> 00:35:15,660
>> Ďalšie dobré zdroje použiť.

569
00:35:15,660 --> 00:35:19,210
Google Webmaster Tools je na čo sa pozerať do.

570
00:35:19,210 --> 00:35:21,780
To len vám pomôže vidieť - Google nie je indexovanie mojej stránky.

571
00:35:21,780 --> 00:35:24,490
Aké druhy chýb sa potýka?

572
00:35:24,490 --> 00:35:27,490
Koľko stránok má to indexované?

573
00:35:27,490 --> 00:35:29,490
Čo to myslíte, že je najdôležitejší obsah na mojej stránke?

574
00:35:29,490 --> 00:35:31,490
Možno, že to nie je to, čo chcem, aby to bolo.

575
00:35:31,490 --> 00:35:36,880
Možno, že je potrebné zmeniť moje stránky trochu tak, že to odráža lepšie

576
00:35:36,880 --> 00:35:38,880
čo môj web je naozaj o

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

578
00:35:41,000 --> 00:35:44,120
Môžete pridať trochu JavaScriptu vašich stránok.

579
00:35:44,120 --> 00:35:47,020
A potom potom môžete ísť do Google Analytics, a bude sledovať

580
00:35:47,020 --> 00:35:49,020
návštevník demografia a vaše stránky rast.

581
00:35:49,020 --> 00:35:51,810
To vám povie presne, koľko návštevníkov navštívi vaše stránky

582
00:35:51,810 --> 00:35:55,310
v určitý deň, v určitú hodinu, v rámci určitého týždňa.

583
00:35:55,310 --> 00:35:57,310
Koľko návštevníkov z Číny? Koľko návštevníkov z Antarktídy -

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

585
00:35:59,310 --> 00:36:03,470
že by mohlo byť niečo cool vidieť, alebo to môže byť dokonca užitočné,

586
00:36:03,470 --> 00:36:05,470
pretože sa snažíte zamerať na určitú skupinu.

587
00:36:05,470 --> 00:36:08,410
Možno sa snažíte zamerať teenagerov s vašej webovej stránky a uvidíte, že

588
00:36:08,410 --> 00:36:11,410
väčšina návštevníkov na vašich webových stránkach je možno 30 - až 40-ročných,

589
00:36:11,410 --> 00:36:15,130
potom možno buď máte problém, alebo si môžete len povedať,

590
00:36:15,130 --> 00:36:19,590
dobre, možno by som mal zmeniť mojich stránkach zaostrenie tak, aby

591
00:36:19,590 --> 00:36:22,240
Som sa viac zamerať na tejto vekovej skupiny.

592
00:36:22,240 --> 00:36:28,500
>> Google Apps - ak by ste chceli mať akúsi e-maily s vašej domény -

593
00:36:28,500 --> 00:36:31,230
Možno niečo také yourname@yourname.com--

594
00:36:31,230 --> 00:36:35,270
môžete použiť Gmail adresy - môžete použiť službu Gmail

595
00:36:35,270 --> 00:36:38,500
a Google Apps je jeden spôsob, ako to urobiť.

596
00:36:38,500 --> 00:36:44,050
Môžete nastaviť konkrétne e-mailové adresy, ktoré sú špecifické pre domény

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

598
00:36:46,800 --> 00:36:51,840
>> A konečne, je webový vývojár rozšírenie a add-ons - pre Chrome,

599
00:36:51,840 --> 00:36:56,380
pre Firefox, pre iné prehliadače -, ktoré vám umožnia ísť a kontrolovať

600
00:36:56,380 --> 00:37:02,290
CSS, JavaScript, skontrolujte, vidieť presne to, čo sa deje s vaším skriptu JavaScript,

601
00:37:02,290 --> 00:37:05,290
a možno, že to bude užitočné pre vaše de-odpočúvacie účely, pre vás zistil -

602
00:37:05,290 --> 00:37:08,630
No, prečo nie moje webové stránky zobrazujú správne v tomto prehliadači?

603
00:37:08,630 --> 00:37:11,800
>> A napokon, ak by ste chceli dozvedieť viac o všetkých týchto témach -

604
00:37:11,800 --> 00:37:14,410
ak by ste chceli dozvedieť viac o HTML a CSS a JavaScript -

605
00:37:14,410 --> 00:37:16,790
pretože koniec koncov, my len naučil trochu -

606
00:37:16,790 --> 00:37:21,240
môžete ísť na webové stránky, ako W3Schools.com hľadať ďalšie zdroje.

607
00:37:21,240 --> 00:37:26,340
Majú veľmi pekné návody na to, ako to mám urobiť, x alebo y čo znamená?

608
00:37:26,340 --> 00:37:30,400
Ak by ste chceli dozvedieť viac o týchto jazykoch si môžete jednoducho nájdete tu.

609
00:37:30,400 --> 00:37:37,690
>> Dobrá. Myslím, že som chcel odísť na posledných niekoľko minút to na otázky,

610
00:37:37,690 --> 00:37:39,810
tak sú nejaké otázky o niečo, čo sme hovorili?

611
00:37:39,810 --> 00:37:43,500
[Divák] Aké veci sú na W3Schools a ako sa to vzťahuje?

612
00:37:43,500 --> 00:37:45,500
[Yuechen Zhao] Aké veci?

613
00:37:45,500 --> 00:37:50,180
Takže, jedna z najväčších vecí, veľmi, že som použiť veľa je ich referencie.

614
00:37:50,180 --> 00:37:54,430
Ich referencie detail, napríklad pre CSS -

615
00:37:54,430 --> 00:37:59,480
čo to znamená, alebo ak by ste chceli zmeniť pozadie stránky -

616
00:37:59,480 --> 00:38:01,480
ako to robíte?

617
00:38:01,480 --> 00:38:04,550
Ktoré prehliadače podporujú tento príkaz? Také veci.

618
00:38:04,550 --> 00:38:10,870
A potom tiež len veľmi pekné návody na HTML na PHP, na JavaScripte,

619
00:38:10,870 --> 00:38:14,290
na MySQL, na všetky druhy rôznych tém.

620
00:38:14,290 --> 00:38:18,800
Majú pekné tutoriály. Učí vás, ako robiť veci.

621
00:38:18,800 --> 00:38:22,590
Je to pekné byť schopný ísť a dozvedieť sa viac o týchto témach.

622
00:38:22,590 --> 00:38:27,180
>> [Divák] HTML 5 je stále ešte nie je kompatibilný so všetkými prehliadačmi vonku.

623
00:38:27,180 --> 00:38:30,700
Odporučili by ste len zostať preč od toho, pretože problémy s kompatibilitou?

624
00:38:30,700 --> 00:38:32,700
Ako by ste sa s tým vysporiadať?

625
00:38:32,700 --> 00:38:38,640
[Yuechen Zhao] Áno, áno, otázka je HTML5 je ešte dieťa štandardom.

626
00:38:38,640 --> 00:38:42,030
Je to naozaj podporovaný mnohými prehliadačov, takže by sme sa vyhnúť?

627
00:38:42,030 --> 00:38:48,040
Myslím, že v minulom roku, že by som bol veľký zástanca, poďme sa zabránilo HTML5

628
00:38:48,040 --> 00:38:52,430
pretože je stále - je to stále veľmi nové a v skutočnosti, HTML5 štandardné

629
00:38:52,430 --> 00:38:55,610
nebol doteraz dokončený.

630
00:38:55,610 --> 00:38:58,790
A tak tam naozaj nie je štandardné HTML5.

631
00:38:58,790 --> 00:39:03,840
Ale myslím, že najmä ak ste navrhovaní webových stránok teraz,

632
00:39:03,840 --> 00:39:07,450
to by mohlo byť lepšie, keby ste jednoducho ísť s HTML5, pretože to je druh bude budúcnosť,

633
00:39:07,450 --> 00:39:11,250
a ak chcete, aby vaše webové stránky majú byť pre budúcnosť, a chcete, aby vaše webové stránky pracovať

634
00:39:11,250 --> 00:39:14,320
v budúcich prehliadačoch, mohlo by to byť lepšie začať budovať niečo pre budúcnosť

635
00:39:14,320 --> 00:39:19,830
ako v minulosti, a tiež len z toho dôvodu, že HTML5 naozaj nie je tak odlišné

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

637
00:39:23,080 --> 00:39:29,780
Ak používate HTML5, zvyčajne bude fungovať vo väčšine prehliadačov.

638
00:39:29,780 --> 00:39:34,660
Stačí sa len nejako ísť a uistite sa, že s týmito screenshoty

639
00:39:34,660 --> 00:39:38,630
a uistite sa deje na týchto webových stránkach sami.

640
00:39:38,630 --> 00:39:44,280
Ale s najväčšou pravdepodobnosťou to bude fungovať, ak používate veľmi špecifické funkcie pre HTML5.

641
00:39:44,280 --> 00:39:50,240
Všimnite si tiež, že na CS50 - napríklad pre video prehrávač, ktorý používame -

642
00:39:50,240 --> 00:39:56,230
používa HTML5 a HTML5 video sa zobrazí na prednášky.

643
00:39:56,230 --> 00:39:59,420
Ale ak máte naozaj starý prehliadač, potom to bude padať späť na Flash.

644
00:39:59,420 --> 00:40:01,420
Tak, to je tiež niečo iné -

645
00:40:01,420 --> 00:40:05,190
mať núdzový systém, kedy jednoducho viete, že prehliadač nebude riešiť

646
00:40:05,190 --> 00:40:08,140
to, čo chcete zvládnuť.

647
00:40:08,140 --> 00:40:10,140
>> Ďalšie otázky?

648
00:40:10,140 --> 00:40:13,270
Čokoľvek, čo sme hovorili.

649
00:40:16,910 --> 00:40:20,750
Dobrá. Potom si myslím, že je to o tom pre mňa.

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
Skvelý.

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