1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [Seminar] [Pregătirea site-ul dvs. de Web]

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

3
00:00:05,000 --> 00:00:07,000
[Aceasta este CS50.] [CS50.TV]

4
00:00:07,000 --> 00:00:11,660
>> Bine. Iată încă o oră de dezvoltare web în cazul în care voi sunteți pentru el.

5
00:00:11,660 --> 00:00:16,290
Azi am de gând să fie vorba despre pregătirea site-ul dvs. de Web.

6
00:00:16,290 --> 00:00:20,260
Toată ziua - și, probabil, în ultimele două săptămâni -

7
00:00:20,260 --> 00:00:22,240
am vorbit despre cum de a crea un site web,

8
00:00:22,240 --> 00:00:24,880
Cum să utilizați HTML, cum să folosească PHP, cum să folosească cadre,

9
00:00:24,880 --> 00:00:29,420
cum să vă asigurați că puteți interacționa cu baza de date - lucruri de genul asta.

10
00:00:29,420 --> 00:00:34,830
Dar astăzi, vom vorbi despre cazul în care site-ul dvs. va trăi după CS50.

11
00:00:34,830 --> 00:00:40,010
Pentru că la urma urmei, CS50 nu se întâmplă trecut decembrie.

12
00:00:40,010 --> 00:00:42,090
Vom vorbi despre nume de domenii, gazduire.

13
00:00:42,090 --> 00:00:44,790
Vom vorbi despre ceea ce compatibilitate cross-browser

14
00:00:44,790 --> 00:00:49,540
și compatibilitate cross-platform sunt, și cum puteți să vă asigurați că site-ul dvs.

15
00:00:49,540 --> 00:00:51,610
va funcționa în toate condițiile.

16
00:00:51,610 --> 00:00:54,330
Vom vorbi despre eroare de manipulare și alt server magie.

17
00:00:54,330 --> 00:00:57,890
Vorbim despre optimizarea performantei, optimizarea motorului de căutare,

18
00:00:57,890 --> 00:01:00,310
și cum să obțineți de oameni pentru a vizita de fapt, site-uri web.

19
00:01:00,310 --> 00:01:05,960
Și, în sfârșit, la doar câteva resurse bune pentru a vă asigura că voi avea suficient de cei

20
00:01:05,960 --> 00:01:09,680
să plece cu proiectul final, și, sperăm, după.

21
00:01:09,680 --> 00:01:13,120
>> Primul lucru pe care am de gând să vorbesc despre este numele de domeniu.

22
00:01:13,120 --> 00:01:18,020
Acum sunteți de programare în aparat, aveți de gând să o gazdă locală

23
00:01:18,020 --> 00:01:20,360
care nu este de fapt un nume de domeniu.

24
00:01:20,360 --> 00:01:26,370
Asta e un fel de doar o porecla sau un alias pentru instalare Linux real

25
00:01:26,370 --> 00:01:31,150
interiorul, fie VMware pe un jucător Mac sau VMware pe un PC.

26
00:01:31,150 --> 00:01:36,510
Numele de domeniu vă permit să pună un site pe Web și apoi du-te la ceva de genul

27
00:01:36,510 --> 00:01:39,400
www.google.com și pentru a obține site-ul web.

28
00:01:39,400 --> 00:01:41,500
Cum funcționează?

29
00:01:41,500 --> 00:01:43,390
Să spunem că ești doar un server web medie -

30
00:01:43,390 --> 00:01:50,080
medie Web surfer și aveți un laptop, și tu du-te la www.howstuffworks.com.

31
00:01:50,080 --> 00:01:52,570
Puteți vedea, probabil, în cazul în care am furat de la.

32
00:01:52,570 --> 00:01:57,300
Cum facem - computerul dvs. va cere apoi un server DNS local,

33
00:01:57,300 --> 00:01:59,300
"Știi unde acest site?"

34
00:01:59,300 --> 00:02:02,200
"Nu știți adresa IP a www.howstuffworks.com?"

35
00:02:02,200 --> 00:02:05,580
Serverul DNS s-ar putea spune, "Da, îmi place."

36
00:02:05,580 --> 00:02:09,139
În acest caz, veți obține adresa IP, și computerul accesează că adresa IP.

37
00:02:09,139 --> 00:02:15,050
Dacă nu, se cere un alt server DNS, "Hei! Știi ce e www.howstuffworks.com?"

38
00:02:15,050 --> 00:02:17,670
Acel server ar putea spune, "Da, îmi place."

39
00:02:17,670 --> 00:02:22,500
Deci, se spune celălalt ceea ce este, și în cele din urmă, aceste informații să fie transmisă la computer,

40
00:02:22,500 --> 00:02:24,680
și puteți accesa howstuffworks.com.

41
00:02:24,680 --> 00:02:27,540
>> Cum puteți obține unul dintre aceste lucruri magice?

42
00:02:27,540 --> 00:02:32,940
Cum puteți obține poate www.yourname.com sau www.ilovecats.com?

43
00:02:32,940 --> 00:02:35,350
Poti sa te inregistrezi pentru unul,

44
00:02:35,350 --> 00:02:38,280
și există o mulțime de site-uri acolo care vă permit să facă acest lucru.

45
00:02:38,280 --> 00:02:41,420
Trebuie - în cele mai multe cazuri, trebuie să plătească pentru ele.

46
00:02:41,420 --> 00:02:43,890
Există anumite nume de domenii, care sunt gratuite.

47
00:02:43,890 --> 00:02:50,900
Dacă te duci la tkdomainnames www.co.cc sau., Acestea sunt gratuite.

48
00:02:50,900 --> 00:02:56,500
Dar, ei nu vin cu anumite restricții, și, de fapt, unele dintre ele nu ar putea fi chiar

49
00:02:56,500 --> 00:03:00,540
nume de domenii reale, de nivel superior, cum ar fi. com sau. net.

50
00:03:00,540 --> 00:03:03,300
În mod normal, aș sugera merge pentru unul dintre ei

51
00:03:03,300 --> 00:03:07,060
deoarece utilizatorii sunt doar mult mai confortabil cu cele.

52
00:03:07,060 --> 00:03:10,070
Ai văzut o mulțime de. Com. Ai văzut o mulțime de. Plase.

53
00:03:10,070 --> 00:03:13,790
Probabil că nu au văzut o mulțime de. Co.cc "s, astfel încât acestea sunt mai greu să-și amintească.

54
00:03:13,790 --> 00:03:18,900
Site-uri diferite, cum ar fi GoDaddy sau NameCheap sau - am folosit unul care este

55
00:03:18,900 --> 00:03:21,550
fel de vag - numit activedomain.com.

56
00:03:21,550 --> 00:03:24,160
Se pare foarte vag, dar e lucrat foarte bine pentru mine.

57
00:03:24,160 --> 00:03:27,810
>> Și, în sfârșit, ai altora care fac poate mai mult publicitate cum ar fi Network Solutions.

58
00:03:27,810 --> 00:03:31,140
Dar dacă te duci pe NetworkSolutions.com si uita-te la prețurile lor

59
00:03:31,140 --> 00:03:34,070
este foarte scump. M-am uitat la ei noaptea trecută.

60
00:03:34,070 --> 00:03:37,400
Timp de un an a unui nume de domeniu, nu este, probabil, în valoare de atât de mult de bani.

61
00:03:37,400 --> 00:03:40,210
De fapt, dacă vei primi o com. Sau. Org sau. Net

62
00:03:40,210 --> 00:03:43,430
prețul obișnuit este de aproximativ 10 dolari pe an.

63
00:03:43,430 --> 00:03:48,710
Deci, dacă sunteți de plată mult mai mult decât atât, nu este probabil ca merita

64
00:03:48,710 --> 00:03:52,440
pentru că, la urma urmei, aceste site-uri nu fac nimic cu acest nume de domeniu.

65
00:03:52,440 --> 00:03:58,270
Ele dau doar pentru tine, și deci, dacă puteți să-l de ieftin, de ce nu?

66
00:03:58,270 --> 00:04:02,540
>> Un alt lucru este o dată ce aveți un nume de domeniu, atunci probabil că doriți să

67
00:04:02,540 --> 00:04:08,610
du-te pe la oricare Godaddy.com sau ori de câte ori ați cumpărat numele de domeniu

68
00:04:08,610 --> 00:04:11,220
și a stabilit serverelor de nume pentru numele de domeniu.

69
00:04:11,220 --> 00:04:15,560
Ceea ce înseamnă că odată ce un utilizator se duce la www.howstuffworks.com,

70
00:04:15,560 --> 00:04:20,839
aceste nume de adrese IP a serverului sunt adresele IP pe care le-ar putea să se uite în sus.

71
00:04:20,839 --> 00:04:24,680
Ei vor putea accesa site-ul dvs. prin intermediul acestor servere de nume.

72
00:04:24,680 --> 00:04:26,830
Dacă se aplică pentru găzduirea undeva

73
00:04:26,830 --> 00:04:31,210
apoi gazda va oferi cel mai probabil serverelor de nume a utiliza.

74
00:04:31,210 --> 00:04:34,210
>> Și, în sfârșit, există o chestie numită o WHOIS.

75
00:04:34,210 --> 00:04:38,890
O bază de date WHOIS este o bază de date cu care ai putea introduce un nume de domeniu

76
00:04:38,890 --> 00:04:44,170
și-l va scuipa câteva informații despre proprietarul site-ului si alte informatii de contact.

77
00:04:44,170 --> 00:04:49,080
Acum, ați putea spune, "Eu nu vreau adresa mea de acasa sau eu nu vreau adresa mea de e-mail

78
00:04:49,080 --> 00:04:54,010
pe site-ul pentru oricine pentru a vedea sau de pe Internet pentru toată lumea să vadă. "

79
00:04:54,010 --> 00:04:57,740
Atunci este posibil să doriți să utilizați ceva care o mulțime de servicii de hosting oferă -

80
00:04:57,740 --> 00:04:59,740
ca un manager de WHOIS.

81
00:04:59,740 --> 00:05:03,550
Un manager WHOIS este pur și simplu un alt serviciu care o mulțime dintre ei prevăd că

82
00:05:03,550 --> 00:05:07,700
ascunde aceste informații și doar pune în care este managerul de nume -

83
00:05:07,700 --> 00:05:13,070
pentru adresa de e, de obicei, doar că numele companiei pe care ți-a dat acest nume de domeniu -

84
00:05:13,070 --> 00:05:17,350
și așa mai apoi informațiile dumneavoastră personale este să nu fie scurgeri de pe Internet,

85
00:05:17,350 --> 00:05:19,350
care este, de obicei, destul de bine.

86
00:05:19,350 --> 00:05:21,350
Eu mă folosesc unul dintre aceste servicii.

87
00:05:21,350 --> 00:05:25,630
Dacă nu vă pasă de intimitatea ta, atunci nu contează cu adevărat.

88
00:05:25,630 --> 00:05:32,490
>> Un server DNS standuri pentru Domain Name System, și ceea ce este -

89
00:05:32,490 --> 00:05:36,560
E ca un fel de tabel pe undeva hash care spune,

90
00:05:36,560 --> 00:05:42,320
 "Aceasta adresa de site-ul se va mapa la această adresă IP." Și asta e tot ce este.

91
00:05:42,320 --> 00:05:48,180
Deci, odată ce interogați acest server DNS, atunci puteți obține adresele IP

92
00:05:48,180 --> 00:05:51,930
pentru că numele de domeniu corespondent și apoi vizitați acel site.

93
00:05:51,930 --> 00:05:59,820
(Membru al audienței a pune o întrebare - inaudibil)

94
00:05:59,820 --> 00:06:07,910
Primul? Primul nivel de fapt este, de obicei doar cache-ul computerului în sine.

95
00:06:07,910 --> 00:06:12,570
Un fel de computer din amintește de ultima dată când te-ai dus la www.google.com

96
00:06:12,570 --> 00:06:18,090
a fost la această adresă IP, și apoi după o vreme, că cache-ul va expira,

97
00:06:18,090 --> 00:06:23,560
și se va cere ca Comcast DNS,

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

99
00:06:26,400 --> 00:06:31,040
În mod normal, atunci când cumperi un nume de domeniu și vă înregistrați, și ați creat un site web,

100
00:06:31,040 --> 00:06:35,670
nu puteți merge la care site-ul imediat cu acest nume de domeniu, deoarece serverele de nume

101
00:06:35,670 --> 00:06:40,180
de pe tot globul nu știu despre numele de domeniu încă. Ea are pentru a popula.

102
00:06:40,180 --> 00:06:43,220
De obicei durează aproximativ 24-48 de ore.

103
00:06:43,220 --> 00:06:48,460
Bine. Deci, care e un pic despre numele de domeniu. Sunt foarte misto.

104
00:06:48,460 --> 00:06:51,540
Cred că ar trebui să obțineți unul daca esti serios despre proiect

105
00:06:51,540 --> 00:06:55,300
și, dacă doriți cu adevărat să facă proiectul cunoscut în întreaga campus,

106
00:06:55,300 --> 00:06:58,050
având un nume de domeniu face arata foarte profesional.

107
00:06:58,050 --> 00:07:01,510
>> Apoi, urmatorul pas, desigur, este de a avea un fel de hosting.

108
00:07:01,510 --> 00:07:05,540
Dacă aveți doar o gazdă pe computerul dumneavoastră, nimeni nu va fi vreodată capabil să meargă la ea.

109
00:07:05,540 --> 00:07:09,110
Ai putea stabili eventual un server de pe computerul dumneavoastră și a vă menține computerul pe vecie,

110
00:07:09,110 --> 00:07:11,160
Dar asta nu e recomandat.

111
00:07:11,160 --> 00:07:14,000
Există diferite tipuri de gazduire disponibile online.

112
00:07:14,000 --> 00:07:21,870
Nu a shared hosting. Există VPN (neinteligibil) care sunt gazde virtuale.

113
00:07:21,870 --> 00:07:23,870
Nu e semi-dedicat și dedicat.

114
00:07:23,870 --> 00:07:29,030
Din ultimul 3, VPN, semi-dedicate, și dedicat sunt de obicei mai scumpe.

115
00:07:29,030 --> 00:07:32,660
Ele sunt de obicei utilizate pentru site-urile care au nevoie de mai multe resurse.

116
00:07:32,660 --> 00:07:34,680
Dacă sunteți doar la început cu un site web,

117
00:07:34,680 --> 00:07:40,670
ar putea fi doar mai economic pentru a merge cu shared hosting.

118
00:07:40,670 --> 00:07:43,430
Și ce înseamnă partajate este doar o grămadă de site-uri sunt toate împreună

119
00:07:43,430 --> 00:07:51,560
un fel de pe un server pe acest site de pe acest server gazdă, și puteți accesa site-ul dvs.

120
00:07:51,560 --> 00:07:53,660
prin numele de domeniu.

121
00:07:53,660 --> 00:07:55,980
>> Există o mulțime de gazde populare acolo.

122
00:07:55,980 --> 00:08:01,160
HostGator și DreamHost - acestea sunt foarte, foarte mari și foarte, foarte popular

123
00:08:01,160 --> 00:08:03,160
și foarte, foarte de succes.

124
00:08:03,160 --> 00:08:05,160
Eu personal folosesc unul numit MDDHosting.

125
00:08:05,160 --> 00:08:08,240
Dacă te duci la www.mddhosting.com, care este gazda mea de alegere.

126
00:08:08,240 --> 00:08:10,240
Cred că sunt foarte bune.

127
00:08:10,240 --> 00:08:14,550
Ei au fost întotdeauna foarte de încredere, și nu am avut probleme cu ei.

128
00:08:14,550 --> 00:08:18,610
Ei au, de asemenea, prețuri foarte competitive.

129
00:08:18,610 --> 00:08:24,400
Doi că nu-mi place foarte mult sunt GoDaddy - care este, de asemenea, o serie foarte popular,

130
00:08:24,400 --> 00:08:26,400
dar am avut experiențe teribile cu ei,

131
00:08:26,400 --> 00:08:29,430
și o mulțime de oameni care stiu ca au avut experiente groaznic cu ei.

132
00:08:29,430 --> 00:08:32,150
Ei au un fel de du-te după oameni care nu știu ce fac -

133
00:08:32,150 --> 00:08:34,150
Poate faci un site web pentru prima dată,

134
00:08:34,150 --> 00:08:37,150
și astfel au un fel de ele con de cumpărare în pachetul lor de găzduire.

135
00:08:37,150 --> 00:08:42,570
Nu o face. Nu se încadrează pentru ea. Du-te uita-te pentru alte pachete de gazduire care se potrivesc cu adevarat nevoilor tale.

136
00:08:42,570 --> 00:08:44,880
Iar celălalt este - sunt gazde gratuit acolo.

137
00:08:44,880 --> 00:08:47,350
Există site-uri care va găzdui site-ul dvs. pentru gratuit -

138
00:08:47,350 --> 00:08:49,350
uneori, de a pune un anunț pe site-ul dvs.,

139
00:08:49,350 --> 00:08:52,290
uneori prin făcându-te să participe la forumuri lor,

140
00:08:52,290 --> 00:08:54,340
dar, uneori, pur și simplu, de asemenea, gratuit.

141
00:08:54,340 --> 00:09:00,000
Dar, fii atent cu gazdele gratuit, deoarece multe dintre ele într-adevăr merge doar afară din afaceri

142
00:09:00,000 --> 00:09:03,480
după câteva luni. Pur si simplu nu pot ține pasul cu costurile.

143
00:09:03,480 --> 00:09:07,460
Altele sunt pur și simplu foarte fiabile, iar site-ul dvs. va fi întotdeauna în jos,

144
00:09:07,460 --> 00:09:09,700
și nu vrei să se întâmple asta.

145
00:09:09,700 --> 00:09:12,330
>> Fiecare gazdă va oferi propria lor panoul de control.

146
00:09:12,330 --> 00:09:16,520
Observați că pentru aparatul dumneavoastră, există într-adevăr nu este un panou de control în sine.

147
00:09:16,520 --> 00:09:19,230
Trebuie să utilizați terminalul pentru a merge și de a edita fișiere.

148
00:09:19,230 --> 00:09:21,230
Trebuie să chmod lucruri de unul singur.

149
00:09:21,230 --> 00:09:24,770
Dacă ați vrut să meargă la PHPMyAdmin,

150
00:09:24,770 --> 00:09:29,560
trebuie să te duci la localhost @ / phpMyAdmin și lucruri de genul asta.

151
00:09:29,560 --> 00:09:36,660
Dar, cu un panou de control puteți merge în și edita fișiere pe serverul dvs.

152
00:09:36,660 --> 00:09:40,350
cu Windows Explorer sau o aplicație Finder-tip.

153
00:09:40,350 --> 00:09:44,810
Sau poti sa te duci prin si uita-te la bazele de date cu propriul lor instrument

154
00:09:44,810 --> 00:09:47,280
în loc de phpMyAdmin.

155
00:09:47,280 --> 00:09:52,240
Deci, există o mulțime de alegere aici, și unele dintre cele mai populare panouri de control sunt acolo sus.

156
00:09:52,240 --> 00:09:54,240
Dar dacă sunteți în căutarea pentru o gazdă,

157
00:09:54,240 --> 00:09:57,090
atunci ați putea dori să se uite la ce fel de particularizări și opțiuni

158
00:09:57,090 --> 00:10:02,810
pe care le oferă-mi personaliza serverul meu și de a face site-ul meu a alerga mai bine.

159
00:10:02,810 --> 00:10:07,110
Deci, atunci s-ar putea întreba, "Ei bine, cum pot alege de hosting?"

160
00:10:07,110 --> 00:10:11,460
Dacă te duci la orice site-ul gazdă, există o mulțime de jargon, și există o mulțime de opțiuni.

161
00:10:11,460 --> 00:10:14,470
Există o mulțime de prețuri diferite, de asemenea.

162
00:10:14,470 --> 00:10:19,690
În mod normal, mă duc pentru cele mai ieftine doar pentru site-uri care poate că și eu fac -

163
00:10:19,690 --> 00:10:23,520
și mai ales acum, mai ales ca început - ar putea să nu nevoie de cât mai multe resurse

164
00:10:23,520 --> 00:10:26,770
ca s-ar putea un site ca Microsoft.com.

165
00:10:26,770 --> 00:10:32,090
>> În primul rând vrei să te uiți la sistemul de operare, dacă sunteți cu adevărat curios dacă

166
00:10:32,090 --> 00:10:35,090
site-ul dvs. va fi găzduit pe Linux, pe Windows, sau pe Mac.

167
00:10:35,090 --> 00:10:39,790
În mod normal, vom merge doar cu Linux, pentru că de obicei mai ieftine,

168
00:10:39,790 --> 00:10:43,730
și, de asemenea, cel care poate voi sunt mult mai familiarizați cu cauza aparatului.

169
00:10:43,730 --> 00:10:48,040
Și apoi, poate vor pune unele restricții cu privire la cantitatea de lățime de bandă pe care le obține -

170
00:10:48,040 --> 00:10:53,030
cum ar fi modul de multe megabytes sau gigabytes de date pot descărca utilizatori

171
00:10:53,030 --> 00:10:55,470
de pe site-ul dvs. pe lună? Sau spațiu pe disc.

172
00:10:55,470 --> 00:11:00,640
Cat spatiu ai? Este de 500 MB? Este de 2 GB? Este nelimitat?

173
00:11:00,640 --> 00:11:05,920
În prezent, o mulțime de servere de web vă oferă spațiu nelimitat pe disc ca o modalitate pentru ei

174
00:11:05,920 --> 00:11:08,560
pentru a vă atrage pentru a obține pachetul lor de găzduire.

175
00:11:08,560 --> 00:11:11,850
Dar dacă într-adevăr crezi despre asta, când ai mai avea nevoie de spatiu pe disc nelimitat?

176
00:11:11,850 --> 00:11:18,060
Dacă aveți o pereche de fișiere HTML, un cuplu de PHP, o pereche de imagini -

177
00:11:18,060 --> 00:11:20,060
că e doar o pereche de megaocteți, și așa

178
00:11:20,060 --> 00:11:23,110
Eu merg de obicei doar pentru valoare, poate câteva gigabytes "de spațiu,

179
00:11:23,110 --> 00:11:27,990
și care ar putea fi de ajuns pentru a-mi începe până când am nevoie de mai mult.

180
00:11:27,990 --> 00:11:31,480
>> În cele din urmă, ele pot pune restricții asupra a ceea ce fel de - cât de multe baze de date poate avea.

181
00:11:31,480 --> 00:11:34,760
Poate că poți avea doar 1 bază de date. Poate că puteți avea 2. Poate că puteți avea 10.

182
00:11:34,760 --> 00:11:38,330
Este foarte important să vă cât de multe ai?

183
00:11:38,330 --> 00:11:40,330
Lucrurile să te întrebi.

184
00:11:40,330 --> 00:11:42,330
Și în final, doar lucruri, cum ar fi limbi.

185
00:11:42,330 --> 00:11:44,330
În sprijinul PHP? În sprijinul MySQL?

186
00:11:44,330 --> 00:11:49,010
Cele mai multe site-uri web hosting sunt compatibile cu acestea, deoarece acestea sunt gratuite. Sunt open source.

187
00:11:49,010 --> 00:11:51,190
Ea nu-i costa nimic pentru a furniza aceste pentru tine.

188
00:11:51,190 --> 00:11:55,680
Dar, dacă doriți să utilizați, să zicem, Ruby sau Python sau unele din alte limbi -

189
00:11:55,680 --> 00:11:59,490
ei nu-l susține pe serverul lor, deci este important să se uite pentru aceste tipuri de lucruri.

190
00:11:59,490 --> 00:12:05,620
>> Și, în sfârșit, te lasă să faci unele lucruri mai avansate, cum ar fi locuri de muncă SSL sau cron?

191
00:12:05,620 --> 00:12:12,060
SSL este o opțiune în cazul în care vă puteți face site-ul mai sigur de ceea ce face HTTPS

192
00:12:12,060 --> 00:12:14,060
și cripta conexiunile.

193
00:12:14,060 --> 00:12:17,230
Și locuri de muncă cron sunt doar poate scripturi pe care doriți să o executați

194
00:12:17,230 --> 00:12:19,510
la fiecare 5 minute, la fiecare 10 minute, la fiecare 15.

195
00:12:19,510 --> 00:12:22,030
O mulțime de site-uri web de shared hosting nu pune restricții

196
00:12:22,030 --> 00:12:26,310
cu privire la numărul de locuri de muncă cron care se pot executa pentru că are mai multe resurse.

197
00:12:26,310 --> 00:12:31,800
>> Și, în sfârșit, doar tot ceea ce vrei să te uiți la - asigurați-vă că exact ceea ce se întâmplă

198
00:12:31,800 --> 00:12:35,180
înainte de a cumpăra pachetul dvs. de găzduire.

199
00:12:35,180 --> 00:12:37,720
Și, în sfârșit, de performanță. De performanță este foarte mare.

200
00:12:37,720 --> 00:12:39,740
Cât de rapid este site-ul meu va rula?

201
00:12:39,740 --> 00:12:42,950
Cei mai mulți utilizatori nu sunt de gând să aștepte chiar secunde pentru site-ul dvs. pentru a rula

202
00:12:42,950 --> 00:12:47,640
înainte de a lua doar plictisit, și ei merg pe la MeanBase și începi să cauți la poze

203
00:12:47,640 --> 00:12:52,240
de pisici - știți că se întâmplă, și doriți să vă asigurați că veți obține acel utilizator la bord

204
00:12:52,240 --> 00:12:54,300
și că aveți uptime bun, ceea ce înseamnă doar că

205
00:12:54,300 --> 00:12:56,300
site-ul dvs. va fi accesibil în orice moment.

206
00:12:56,300 --> 00:13:01,880
O mulțime de gazde au uptime foarte rău și că doar înseamnă că site-ul dvs. nu va fi

207
00:13:01,880 --> 00:13:06,500
accesibil, și nu vrei să se întâmple asta pentru că s-ar putea fi trist.

208
00:13:06,500 --> 00:13:10,360
Și puteți urmări, de asemenea, performanța gazda cu site-uri web, cum ar fi

209
00:13:10,360 --> 00:13:16,440
Pingdom.com sau Host-tracker.com, și ei să vă spun cât de des este site-ul dvs. în jos.

210
00:13:16,440 --> 00:13:18,490
>> Și, în sfârșit, vrei să vezi despre sprijinul lor.

211
00:13:18,490 --> 00:13:21,890
Dacă aveți o problemă au de gând să vă răspundă în termen de 24 de ore?

212
00:13:21,890 --> 00:13:23,890
Au de gând să răspundă la tine în 48 de ore?

213
00:13:23,890 --> 00:13:26,500
Serviciul de găzduire pe care le folosesc în mod normal, răspunde-mi în câteva minute

214
00:13:26,500 --> 00:13:29,760
care este foarte frumos.

215
00:13:29,760 --> 00:13:33,990
Uau! În regulă! Este timpul pentru o pauză. Dar eu nu am de gând să-l dea la tine.

216
00:13:33,990 --> 00:13:38,200
Ne vom uita doar la poze cu pisici drăguț fiecare acum și apoi.

217
00:13:38,200 --> 00:13:42,740
>> Un alt lucru foarte, foarte important este compatibilitatea cross-browser.

218
00:13:42,740 --> 00:13:45,890
Ce vreau să spun de compatibilitate cross-browser-ul?

219
00:13:45,890 --> 00:13:50,970
Știi, în zilele noastre nu este doar Microsoft Internet Explorer.

220
00:13:50,970 --> 00:13:53,970
Nu e doar Mozilla Firefox sau Safari.

221
00:13:53,970 --> 00:13:58,190
Acum avem Chrome. Avem Opera. Avem Dolphin. Avem Camino.

222
00:13:58,190 --> 00:14:00,540
Avem Cuceritorul. Avem toate aceste browsere diferite.

223
00:14:00,540 --> 00:14:05,950
Lucruri care ies acum - RockMelt - desi acestea sunt toate bazate pe crom.

224
00:14:05,950 --> 00:14:10,990
Dar faptul de a problemei este, nu este doar un browser mai.

225
00:14:10,990 --> 00:14:13,860
Nu ești doar vizualizarea acestor pagini web cu o singură cerere.

226
00:14:13,860 --> 00:14:17,660
Și astfel, diferite browsere va raspunde la diferite HTML, CSS diferite, și

227
00:14:17,660 --> 00:14:21,210
diferite JavaScript diferit, si cum te descurci cu asta?

228
00:14:21,210 --> 00:14:24,370
Ei bine, în anumite cazuri, tu chiar nu se poate.

229
00:14:24,370 --> 00:14:29,160
Site-ul dvs. - în cazul în care funcționează într-un browser, cod care ați scris nu va funcționa

230
00:14:29,290 --> 00:14:32,910
într-un alt browser, și este treaba ta pentru a vă asigura că codul pe care îl scrie

231
00:14:32,910 --> 00:14:36,000
este universal, care funcționează peste tot.

232
00:14:36,000 --> 00:14:38,000
Deci, acest lucru este foarte periculos.

233
00:14:38,000 --> 00:14:42,450
Dacă spui, "Ei bine, e de lucru pe computerul meu. Mare! Să trecem mai departe."

234
00:14:42,450 --> 00:14:46,040
Ei bine, nu va probabil pentru a lucra pe a mea, și când mă duc la site-ul dvs.

235
00:14:46,040 --> 00:14:49,210
Am de gând să fie foarte trist, și am de gând să plece imediat.

236
00:14:49,210 --> 00:14:51,570
Deci, haideți să vedem cum puteți preveni acest lucru.

237
00:14:51,570 --> 00:14:55,520
>> Primul lucru pe care, desigur, este de a folosi doar standard de HTML, CSS, JavaScript.

238
00:14:55,520 --> 00:14:57,520
Ce vreau să spun cu asta?

239
00:14:57,520 --> 00:15:00,180
Ei bine, există o mulțime de lucruri pe care nu standard de acolo.

240
00:15:00,180 --> 00:15:03,490
De exemplu, în CSS sunt multe variante.

241
00:15:03,490 --> 00:15:10,830
Dacă vedeți orice reguli CSS-moz-sau-WebKit, aceste norme sunt specifice

242
00:15:10,830 --> 00:15:15,720
atât de browserele Mozilla și browsere Webkit,

243
00:15:15,720 --> 00:15:20,590
și astfel încât să doriți să vă asigurați că poate doriți, pentru a evita aceste lucruri

244
00:15:20,590 --> 00:15:25,150
pentru că dacă utilizați-moz-care regula este doar de gând să lucreze pe Firefox.

245
00:15:25,150 --> 00:15:29,640
Și dacă chiar vrei să arate bine pe Internet Explorer, de asemenea,

246
00:15:29,640 --> 00:15:31,640
ai de gând să fie în afara de noroc.

247
00:15:31,640 --> 00:15:37,910
Pentru HTML, de asemenea, ai putea face lucruri în HTML care lucrează într-un browser

248
00:15:37,910 --> 00:15:41,830
dar care rupe într-un alt, și doriți, pentru a evita ca cât mai mult posibil.

249
00:15:41,830 --> 00:15:44,830
Și, în cele din urmă de activarea JavaScript chiar - există mai multe versiuni de JavaScript,

250
00:15:44,830 --> 00:15:50,570
Și în această vară am fugit într-o problemă în cazul în Document.getElementsByClassName--

251
00:15:50,570 --> 00:15:54,500
care este, de obicei, o funcție care este definit ca o parte din standard JavaScript -

252
00:15:54,500 --> 00:15:58,120
nu a fost de a găsi în Internet Explorer 8.

253
00:15:58,120 --> 00:16:01,900
Deci, în timpul verii am lucrat într-un laborator și am fost construirea experimente on-line.

254
00:16:01,900 --> 00:16:06,210
Și am crezut că a fost de lucru foarte bine până când am realizat utilizatori care foloseau

255
00:16:06,210 --> 00:16:09,780
Internet Explorer 8 nu a putut prezenta rezultatele lor.

256
00:16:09,780 --> 00:16:13,200
Am fost lipsesc pe o mulțime de date. Asta ne-a făcut într-adevăr trist.

257
00:16:13,200 --> 00:16:17,790
Deci, vrei mereu să vă asigurați că scripturile sunt de gând să lucreze peste tot.

258
00:16:17,790 --> 00:16:20,500
>> Și, în sfârșit, utilizați validator.w3.org

259
00:16:20,500 --> 00:16:22,770
care este ceea ce am să vă spun să faceți în PSET 7.

260
00:16:22,770 --> 00:16:24,530
Asigurați-vă că paginile dvs. sunt validate.

261
00:16:24,530 --> 00:16:28,310
Asta e important pentru că cel puțin este o primă verificare bun-simț pas.

262
00:16:28,310 --> 00:16:31,870
Este codul meu de fapt conforme cu standardele?

263
00:16:34,930 --> 00:16:39,320
Un alt mod de a sorta de a vă ajuta să vă asigurați că site-ul dvs. este de gând să lucreze

264
00:16:39,320 --> 00:16:42,610
în cele mai multe cazuri este de a utiliza, poate unele biblioteci și cadre

265
00:16:42,610 --> 00:16:46,210
deoarece aceste dezvoltatorii foarte inteligente au gândit la aceste probleme pentru tine.

266
00:16:46,210 --> 00:16:49,850
Au trecut printr-și le-am scris funcții diferite, care lucrează pe diferite browsere.

267
00:16:49,850 --> 00:16:53,560
De exemplu, vom folosi jQuery în PSET 7.

268
00:16:53,560 --> 00:16:58,030
Chiar dacă nu l-au văzut, jQuery oferă o mulțime de funcții

269
00:16:58,030 --> 00:17:00,280
care altfel ar trebui să vă scrie.

270
00:17:00,280 --> 00:17:05,310
Dar aceste dezvoltatorii scris, și au făcut-vă că acesta funcționează în toate browserele.

271
00:17:05,310 --> 00:17:10,280
Și Bootstrap - care este un alt cadru CSS pe care le-am arătat în PSET 7 -

272
00:17:10,280 --> 00:17:17,000
într-adevăr nevoie de departe o mulțime de dureri de cap cu proiectarea site-uri care arata bine.

273
00:17:17,000 --> 00:17:19,000
în toate browserele.

274
00:17:19,000 --> 00:17:23,660
>> Și, în sfârșit, dacă puteți evita, de obicei evita codificare de la zero.

275
00:17:23,660 --> 00:17:28,079
Dacă sunteți doar crearea unui site pentru clubul dvs. școală, de exemplu,

276
00:17:28,079 --> 00:17:33,920
și tot ce trebuie să faceți este de a afișa câteva pagini și poate avea președinte tău merge în

277
00:17:33,920 --> 00:17:38,910
și de a schimba câteva lucruri aici și acolo - nu e într-adevăr nevoie să cod care chiar tu.

278
00:17:38,910 --> 00:17:40,910
Care are o mulțime de timp.

279
00:17:40,910 --> 00:17:42,660
Este nevoie de o mulțime de energie, și va trebui să treacă printr-și va trebui să afle,

280
00:17:42,660 --> 00:17:45,930
Ei bine, se întâmplă acest lucru pentru a arata bine în acest browser, este de gând să arate bine în acest browser.

281
00:17:45,930 --> 00:17:50,610
Poate utiliza unele dintre aceste patch-uri care altii au scris deja pentru tine, cum ar fi

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

283
00:17:52,610 --> 00:17:59,400
Acestea sunt numite de conținut - acestea sunt numite CMS care, practic, sunt doar pachete care

284
00:17:59,400 --> 00:18:03,020
vin deja făcut pentru tine, și le puteți descărca, le-a pus pe server-ul dvs.,

285
00:18:03,020 --> 00:18:07,510
și le personaliza cum vrei tu, și aveți deja un site web care rulează.

286
00:18:07,510 --> 00:18:11,680
Aceste pachete de cod sunt ceva să se uite în la.

287
00:18:11,680 --> 00:18:15,400
Aceste lucruri sunt open source dacă te duci pentru ceva de genul -

288
00:18:15,400 --> 00:18:19,390
dacă sunteți în căutarea pentru un pachet de formă, sunt lucruri care nu sunt liber ca

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

290
00:18:21,570 --> 00:18:23,790
Dacă nu aveți nevoie de unele dintre aceste caracteristici avansate,

291
00:18:23,790 --> 00:18:27,530
puteți opta mereu pentru opțiunea liberă.

292
00:18:27,530 --> 00:18:31,300
>> Și, în sfârșit, nu există nici o evita.

293
00:18:31,300 --> 00:18:33,300
Trebuie să testeze, de testare, de testare.

294
00:18:33,300 --> 00:18:37,690
Trebuie să testați codul dumneavoastră în toate aceste browsere și pe toate aceste platforme.

295
00:18:37,690 --> 00:18:44,110
Și știi, IE6 - oameni slavă Domnului au început să se îndepărteze de IE6

296
00:18:44,110 --> 00:18:49,190
deoarece din nou în a doua zi, poate că acum câțiva ani, dezvoltatorii web a trebuit să mereu, mereu,

297
00:18:49,190 --> 00:18:55,280
întotdeauna menajeze la punctele slabe IE6 în urma standardelor.

298
00:18:55,280 --> 00:19:00,860
Site-uri doar sa uitat un fel de 1990, pentru lipsa de o modalitate mai bună de a face cu ea.

299
00:19:00,860 --> 00:19:04,380
Puteți folosi, de asemenea, capturi de ecran browser pentru a verifica CSS-ul.

300
00:19:04,380 --> 00:19:08,100
Un site foarte misto este browserlab.adobe.com.

301
00:19:08,100 --> 00:19:11,070
Acesta este un serviciu gratuit pus de Adobe.

302
00:19:11,070 --> 00:19:15,160
Și ceea ce fac ei este că ei pot lua capturi de ecran din site-ul dvs.

303
00:19:15,160 --> 00:19:18,890
care rulează în condiții diferite - cum ar fi alergatul sub diferite browsere,

304
00:19:18,890 --> 00:19:22,660
care rulează sub diferite platforme - și vă arată cum arată.

305
00:19:22,660 --> 00:19:33,260
Doar pentru a vă arăta ce vreau să spun aici, am creat un site web de anul trecut numita Viata la Harvard,

306
00:19:33,260 --> 00:19:39,150
și ceea ce am încercat să fac - Am încercat să fac my.harvard mai bine.

307
00:19:39,150 --> 00:19:43,840
Pentru că dacă ați fost aici anul trecut, my.harvard nu arata asa cum arata acum.

308
00:19:43,840 --> 00:19:46,640
Se pare un fel de dezgustător.

309
00:19:46,640 --> 00:19:50,470
Dar acum se pare mult mai bine.

310
00:19:50,470 --> 00:19:57,070
Implementarea meu nu era ca mai utile, dar toate la fel,

311
00:19:57,070 --> 00:20:01,310
Știi, am încercat să adăugați - (neinteligibil) mai multe orice -

312
00:20:01,310 --> 00:20:04,680
și se pare - se arata foarte bine pe computerul meu.

313
00:20:04,680 --> 00:20:08,560
Și apoi, poate că dacă aș fi avut mai mult timp mi-ar fi dus la laborator browser-ul,

314
00:20:08,560 --> 00:20:13,020
și aș fi uitat la, ei bine, cum se arata in Chrome 18 pe Windows.

315
00:20:13,020 --> 00:20:17,060
Mi-ar derula în jos și mi-ar vedea - Oh, nu! Uită-te la caseta de anunțuri.

316
00:20:17,060 --> 00:20:20,200
Textul meu a fost debordant. Deci, ce e rău, nu?

317
00:20:20,200 --> 00:20:23,700
Dacă un utilizator este folosind Chrome pe Windows și vine la site-ul meu,

318
00:20:23,700 --> 00:20:26,730
care arata imediat foarte neprofesional.

319
00:20:26,730 --> 00:20:30,760
Deci, eu ar trebui să meargă în CSS mea și de a afla ce parte din CSS mi se rupe aici.

320
00:20:30,760 --> 00:20:35,090
De ce nu se afișează corect și fixați-l, astfel încât toți utilizatorii pot vedea același site-ul web

321
00:20:35,090 --> 00:20:37,770
și să fie la fel de fericit.

322
00:20:37,770 --> 00:20:44,280
>> Și, în sfârșit, ei bine, capturi de ecran browser sunt frumos pentru testarea CSS-ul,

323
00:20:44,280 --> 00:20:46,020
dar ceea ce despre JavaScript?

324
00:20:46,020 --> 00:20:48,660
Ce zici dacă aveți un scenariu complicat care se execută?

325
00:20:48,660 --> 00:20:50,460
Ei bine, puteți face întotdeauna virtualizare.

326
00:20:50,460 --> 00:20:56,360
Dacă aveți un Mac puteți folosi Bootcamp sau VMWare pentru virtualizare poate o copie a

327
00:20:56,360 --> 00:20:59,540
Windows și utilizarea Internet Explorer acolo.

328
00:20:59,540 --> 00:21:03,400
Sau, poti sa te duci pe la ceva de genul Spoon.net, care, din păcate, funcționează doar pe PC-uri.

329
00:21:03,400 --> 00:21:05,290
Dar ceea ce fac ei este foarte rece.

330
00:21:05,290 --> 00:21:10,080
Ei virtualizeze software-ul pentru tine, astfel încât să puteți rula versiuni diferite ale IE, de exemplu.

331
00:21:10,080 --> 00:21:12,080
Puteți rula versiuni diferite ale Firefox.

332
00:21:12,080 --> 00:21:15,720
Puteți rula versiuni diferite ale Safari și testa toate site-urile de acolo.

333
00:21:15,720 --> 00:21:18,360
Din păcate, ele nu sunt gratuite.

334
00:21:18,360 --> 00:21:20,860
Acesta este un serviciu plătit, astfel încât există întotdeauna un fel de acest lucru -

335
00:21:20,860 --> 00:21:26,070
există întotdeauna un fel de acest compromis între, ei bine, am de gând să fac site-ul meu arata bine.

336
00:21:26,070 --> 00:21:31,970
Dacă da, s-ar putea trebui să plătească pentru unele servicii să mă ajute să fac asta.

337
00:21:31,970 --> 00:21:35,890
Orice întrebare în acest moment despre ceva despre care am vorbit?

338
00:21:38,500 --> 00:21:41,210
Minunat. Bine.

339
00:21:41,210 --> 00:21:43,870
>> Acum avem mai multe lucruri de discutat.

340
00:21:43,870 --> 00:21:45,820
Cum despre erori?

341
00:21:45,820 --> 00:21:48,670
Cum vă asigurați-vă că site-ul dvs. este de gând să funcționeze chiar și atunci când

342
00:21:48,670 --> 00:21:50,150
se întâmplă ceva rău?

343
00:21:50,150 --> 00:21:53,940
Poate că nu aveți o pagină denumită food.php.

344
00:21:53,940 --> 00:21:57,000
Dar mă, mă duc la site-ul dvs. și am încerca să acceseze food.php.

345
00:21:57,000 --> 00:22:00,770
Sunt doar de gând să-mi arate ca pagină albă pe care scrie 404 - File not found?

346
00:22:00,770 --> 00:22:04,400
Sau ai de gând să spui, "Ei bine, îmi pare rău că nu am putut găsi acest lucru pentru tine,

347
00:22:04,400 --> 00:22:08,520
dar poate că aici sunt câteva alte resurse pentru a vă ajuta să căutați pentru ceea ce ai nevoie. "

348
00:22:08,520 --> 00:22:13,180
Alte erori - astfel, aceasta se numește erori HTTP, care sunt doar câteva coduri de eroare

349
00:22:13,180 --> 00:22:17,130
că server-ul dvs. ar putea fi trimis înapoi la browser-ul în cazul în care se întâmplă ceva rău.

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

351
00:22:20,160 --> 00:22:25,560
403 este un fel de comun atunci când aveți un director care nu ar trebui să fie accesate

352
00:22:25,560 --> 00:22:27,310
de către utilizator, dar utilizatorul încearcă să oricum.

353
00:22:27,310 --> 00:22:30,840
Și 500 - Internal Server Error - care se întâmplă de obicei atunci când ai ceva

354
00:22:30,840 --> 00:22:33,070
foarte rău se întâmplă cu codul PHP.

355
00:22:33,070 --> 00:22:36,140
Dar, în orice caz, aceste tipuri de browsere - aceste tipuri de erori se întâmplă.

356
00:22:36,140 --> 00:22:40,550
>> Deci, cum vă asigurați-vă că te descurci cu grație aceste erori

357
00:22:40,550 --> 00:22:43,230
și asigurați-vă că utilizatorul nu este doar un fel de agățat acolo?

358
00:22:46,850 --> 00:22:48,850
Aici vine. Htaccess.

359
00:22:48,850 --> 00:22:51,300
Acum,. Htaccess este ceva care funcționează pe servere Apache,

360
00:22:51,300 --> 00:22:55,550
ceva care funcționează și funcționează pe câteva servere, de asemenea.

361
00:22:55,550 --> 00:23:01,350
Aceasta este doar o modalitate de a configura serverul, astfel încât

362
00:23:01,350 --> 00:23:04,470
puteți face face orice vrei tu să faci.

363
00:23:04,470 --> 00:23:06,790
Unele lucruri pe care le-ar putea face. Ai putea controla setările de cache.

364
00:23:06,790 --> 00:23:11,290
Poate că există o anumită pagină pe site-ul dvs. să vă asigurați că utilizatorul

365
00:23:11,290 --> 00:23:14,740
re-descărcare de fiecare dată când utilizatorul vine și vizitează site-ul dumneavoastră.

366
00:23:14,740 --> 00:23:26,980
Sau poate aveti unele URL-ul asta e ca yoursite.com / testare / HTML / pagini / hello.html

367
00:23:26,980 --> 00:23:31,270
și vrei doar ca să fie yourname.com / salut -. bine, puteți folosi htaccess

368
00:23:31,270 --> 00:23:34,760
pentru a redirecționa o pagină web la alta.

369
00:23:34,760 --> 00:23:36,600
De asemenea, puteți folosi pentru a face autentificarea.

370
00:23:36,600 --> 00:23:39,890
Poate că există unele porțiuni ale site-ul dvs. de care aveți nevoie să utilizați o altă parolă.

371
00:23:39,890 --> 00:23:42,620
Puteți bloca anumite adrese IP, bloca anumite domenii.

372
00:23:42,620 --> 00:23:46,770
Poate că pur și simplu într-adevăr nu le place studenții de la Harvard folosind site-ul dumneavoastră.

373
00:23:46,770 --> 00:23:49,910
Ei bine, aveți opțiunea de a bloca toate adresele IP Harvard.

374
00:23:49,910 --> 00:23:56,370
>> În cele din urmă, se pot trata lucrurile - puteți scrie anumit cod pentru a face server-ul dvs.

375
00:23:56,370 --> 00:24:03,100
trata ca. zhao sau. numele sau. pagini salut ca cod PHP.

376
00:24:03,100 --> 00:24:05,170
Poate că va fi util. Poate că nu va fi.

377
00:24:05,170 --> 00:24:07,980
Și, în sfârșit, îl puteți utiliza pentru a gestiona răspunsuri eroare.

378
00:24:07,980 --> 00:24:10,300
Ce vreau să spun cu asta?

379
00:24:10,300 --> 00:24:16,030
Dacă pur și simplu adăugați ca acest cod - 404 ErrorDocument și apoi le direct la unele

380
00:24:16,030 --> 00:24:20,440
pagină de eroare, puteți să vă asigurați că utilizatorul nu vedea doar foarte, foarte urât

381
00:24:20,440 --> 00:24:23,550
404 și arată-le ceva frumos.

382
00:24:23,550 --> 00:24:29,000
>> Să aruncăm de fapt, o privire la modul în care putem face acest lucru cu PSET dvs. 7.

383
00:24:29,000 --> 00:24:34,190
Aici, eu sunt în aparat mea.

384
00:24:34,190 --> 00:24:38,440
Am de gând să deschidă Chrome, și apoi voi încerca să acceseze o pagină

385
00:24:38,440 --> 00:24:43,350
că nu exista pe CS50 Finanțelor.

386
00:24:43,350 --> 00:24:52,710
Deci, host-ul local - cats.php--atât, observăm că am creat un document de eroare

387
00:24:52,710 --> 00:24:54,770
care spune, "pagina Z nu Canz găsi!"

388
00:24:54,770 --> 00:24:56,990
Ea are o pisica foarte trist pe ea.

389
00:24:56,990 --> 00:24:59,910
Dacă te duci pe Twitter, dacă te duci la oricare din aceste alte site-uri,

390
00:24:59,910 --> 00:25:02,700
nu se poate găsi o pagină, care, de obicei, încearcă să-ți arăt o imagine drăguț

391
00:25:02,700 --> 00:25:04,850
astfel că nu ești prea dezamăgit.

392
00:25:04,850 --> 00:25:07,830
Ai putea avea, de asemenea, ceva care este mult mai profesionist, care spune,

393
00:25:07,830 --> 00:25:11,760
bine, îmi pare rău că nu am putut găsi pagina, dar poate că aici este o casetă de căutare.

394
00:25:11,760 --> 00:25:16,750
Sau poate că aici sunt cateva link-uri care vă va ajuta să găsiți link-ul pe care doriți.

395
00:25:16,750 --> 00:25:21,410
Deci, cum am făcut asta? Cum este acest lucru posibil?

396
00:25:21,410 --> 00:25:23,500
Dacă vom merge în terminalul nostru aici -

397
00:25:23,500 --> 00:25:26,300
Mă duc pentru a mări un pic -

398
00:25:26,300 --> 00:25:30,110
observa că am o nouă pagină.

399
00:25:30,110 --> 00:25:34,440
În interiorul directorul meu HTML se numește - nu se poate vedea -

400
00:25:34,440 --> 00:25:37,280
se numește error.php.

401
00:25:37,280 --> 00:25:41,010
Și error.php este doar un fișier pe care am făcut

402
00:25:41,010 --> 00:25:43,030
care arată că pagina în sine.

403
00:25:43,030 --> 00:25:46,710
Pot să vă arăt ceea ce error.php este.

404
00:25:46,710 --> 00:25:48,710
Este exact această pagină.

405
00:25:48,710 --> 00:25:50,710
Se spune, "Oh, nu! Canz nu pagina z găsi!"

406
00:25:50,710 --> 00:25:58,630
Și, dacă doriți să vedeți - astfel, observăm că htaccess fel este un nume ciudat..

407
00:25:58,630 --> 00:26:01,040
Acesta începe cu un punct, ceea ce înseamnă că este un sistem de fișiere.

408
00:26:01,040 --> 00:26:03,360
Este un fișier ascuns, care nu este afișat în mod normal.

409
00:26:03,360 --> 00:26:09,060
Dacă veți face LS-o, poți vedea toate fișierele ascunse într-un anumit director,

410
00:26:09,060 --> 00:26:12,030
și într-adevăr, veți vedea. htaccess este unul dintre ele.

411
00:26:12,030 --> 00:26:15,490
Să mergem mai departe și deschide htaccess. -

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

413
00:26:19,830 --> 00:26:26,870
Boom! Tot ce trebuie este o linie acolo - documentul de eroare de 404 erori

414
00:26:26,870 --> 00:26:28,760
care sunt, de asemenea, cunoscut sub numele de erori de file-nu-găsit.

415
00:26:28,760 --> 00:26:32,720
Să le redirecționa către ceva numit error.php.

416
00:26:36,100 --> 00:26:42,030
Puteți avea lucruri distractive cum ar fi pagina z nu canz găsi!

417
00:26:42,030 --> 00:26:46,770
Și acolo sunt, de asemenea, lucruri foarte interesante pe care le puteți face cu. Htaccess.

418
00:26:46,770 --> 00:26:49,520
Dacă doriți să vedeți mai mult. Htaccess magie,

419
00:26:49,520 --> 00:26:56,470
Acesta este un site foarte cool pentru a merge la - se numește javascriptkit.com/howto/htaccess.shtml--

420
00:26:56,470 --> 00:27:01,880
dacă doriți să efectuați mai multe server de magie. Și ar putea fi foarte distractiv.

421
00:27:01,880 --> 00:27:05,490
>> Uau! În regulă! Mai multe imagini drăguț.

422
00:27:05,490 --> 00:27:10,060
Acesta este un tip de a face push-up-uri, și pisica lui încearcă să ajute. Cred că e foarte drăguț.

423
00:27:10,060 --> 00:27:14,830
Din păcate, nu am o pisica de genul asta.

424
00:27:14,830 --> 00:27:17,640
Bine. Deci, am vorbit despre. Htaccess.

425
00:27:17,640 --> 00:27:19,640
Am vorbit despre eroare de manipulare.

426
00:27:19,640 --> 00:27:20,940
Am vorbit despre hosting, nume de domenii.

427
00:27:20,940 --> 00:27:23,230
Am vorbit despre compatibilitatea cross-browser.

428
00:27:23,230 --> 00:27:25,210
Acum, cum ne asigurăm că site-ul dvs. funcționează de fapt?

429
00:27:25,210 --> 00:27:26,950
Cum ne asigurăm că dacă mă duc la site-ul dvs.

430
00:27:26,950 --> 00:27:29,830
Eu pot vedea pagina dvs. în câteva secunde?

431
00:27:29,830 --> 00:27:33,520
Unul dintre lucrurile pe care cred că oamenii pur și simplu un fel de uitat

432
00:27:33,520 --> 00:27:36,160
este optimizarea imaginii.

433
00:27:36,160 --> 00:27:37,560
Să spunem că ai vrut să pun o poza de pe site-ul dvs.

434
00:27:37,560 --> 00:27:40,330
și este de 2 mg de mare.

435
00:27:40,330 --> 00:27:42,670
Asta ar putea fi bine pentru noi, pentru că suntem la Harvard,

436
00:27:42,670 --> 00:27:45,000
și avem o conexiune foarte rapidă la internet.

437
00:27:45,000 --> 00:27:47,470
Dar imaginați-vă pe cineva din China. Imaginați-vă pe cineva în India.

438
00:27:47,470 --> 00:27:52,440
imagina cineva poate în mediul rural Kansas, care poate nu are același tip de

439
00:27:52,440 --> 00:27:54,690
Internet în bandă largă pe care le avem.

440
00:27:54,690 --> 00:27:57,710
Dacă aveți o imagine 2 MB pe site-ul dvs. și utilizatorul încearcă să-l acceseze,

441
00:27:57,710 --> 00:28:00,890
o să le ia foarte mult timp pentru a descărca.

442
00:28:00,890 --> 00:28:04,160
Deci, dacă nu aveți nevoie de acest fel de rezoluție,

443
00:28:04,160 --> 00:28:09,220
atunci puteți redimensiona imaginea cu ceva de genul Adobe Photo Shop.

444
00:28:09,220 --> 00:28:13,400
Există, de obicei, o opțiune numită în condiții de siguranță pentru web si dispozitive,

445
00:28:13,400 --> 00:28:15,850
și ceea ce face este benzi din toate informațiile inutile

446
00:28:15,850 --> 00:28:20,160
și un fel de compacte de fișiere într-un format de mici dimensiuni, astfel încât să puteți

447
00:28:20,160 --> 00:28:22,960
pune-l pe site-ul dvs., și orice utilizator care încearcă să descarce că pagina

448
00:28:22,960 --> 00:28:26,950
se va descărca o versiune mai mică a imaginii.

449
00:28:26,950 --> 00:28:28,230
Dacă nu aveți Adobe Photo Shop

450
00:28:28,230 --> 00:28:32,650
webresizer.com este, de asemenea, o altă resursă unde puteți introduce imaginea

451
00:28:32,650 --> 00:28:36,470
și-l va scuipa aceeași imagine exactă,

452
00:28:36,470 --> 00:28:39,970
dar va fi ceva de genul de 3 ori mai mici.

453
00:28:39,970 --> 00:28:41,970
Așa că e foarte utile pentru utilizatori.

454
00:28:41,970 --> 00:28:45,930
>> Un alt lucru pe care il poti face este maxify cod.

455
00:28:45,930 --> 00:28:48,460
Dacă ne uităm la Google.com,

456
00:28:48,460 --> 00:28:56,400
veți vedea că nu e un fel de acelasi HTML si CSS cu care suntem obișnuiți să.

457
00:28:56,400 --> 00:29:02,250
Doar de gând să se uite la codul sursă aici.

458
00:29:02,250 --> 00:29:07,600
Dacă am defilați în jos - Wow, care pare destul de dezgustător.

459
00:29:07,600 --> 00:29:09,650
Acest lucru s-ar obține un zero, pe stil.

460
00:29:09,650 --> 00:29:13,470
Dacă ați codificat pentru PSET dvs., veți primi un zero pe stilul tau.

461
00:29:13,470 --> 00:29:16,990
Aceasta nu are nici o spațiere. Denumirile arata foarte criptic.

462
00:29:16,990 --> 00:29:19,800
Totul e adevărat dezgustătoare.

463
00:29:19,800 --> 00:29:24,060
Și script-ul pentru a închide în organism - HTML închidere -

464
00:29:24,060 --> 00:29:26,280
sunt toate împreună - toate smushed împreună.

465
00:29:26,280 --> 00:29:28,280
De ce fac ei asta?

466
00:29:28,280 --> 00:29:30,650
Ei minified codul lor.

467
00:29:30,650 --> 00:29:33,310
Observați că acest document va fi mult mai mic

468
00:29:33,310 --> 00:29:36,660
pentru mine pentru a descărca decât ceva cu spațiu alb,

469
00:29:36,660 --> 00:29:39,410
decât ceva cu nume foarte lungi de variabile.

470
00:29:39,410 --> 00:29:41,710
Dacă vă maxify codul tau te benzi tot spațiul alb.

471
00:29:41,710 --> 00:29:45,960
Desigur, browser-ul nu-i pasă dacă aveți orice spațiu alb în codul dumneavoastră.

472
00:29:45,960 --> 00:29:49,630
Ai benzi afară, acum eu pot descărca un fișier mai mic -

473
00:29:49,630 --> 00:29:52,770
acum dosar - documentul care vom descărca are o dimensiune de fișier mai mică,

474
00:29:52,770 --> 00:29:56,180
acesta va fi mai rapid pentru mine pentru a descărca, și care este util.

475
00:29:56,180 --> 00:30:01,550
Dacă lucrați cu site-uri web și sunteți lansarea unui site web,

476
00:30:01,550 --> 00:30:04,630
este aproape întotdeauna bun pentru a maxify codul.

477
00:30:04,630 --> 00:30:08,150
Un alt motiv pentru care ar fi bine este poate că nu doriți ca alte persoane să utilizeze codul.

478
00:30:08,150 --> 00:30:11,050
Poate că nu doriți ca alții să utilizeze CSS-ul.

479
00:30:11,050 --> 00:30:13,460
Știi dacă într-adevăr a vrut să fie zgârcit cu care,

480
00:30:13,460 --> 00:30:16,670
atunci puteți maxify, de asemenea, codul dvs., și ar fi mai greu pentru mine să-l fure

481
00:30:16,670 --> 00:30:19,170
pentru că nu am nici o idee ce se întâmplă.

482
00:30:19,170 --> 00:30:22,990
Puteți merge, de asemenea, la site-uri precum minify.avivo.si.

483
00:30:22,990 --> 00:30:27,900
Servicii on-line, cum ar fi acest lucru va ajuta sa maxify cod, astfel încât să nu trebuie să-l faci cu mâna.

484
00:30:27,900 --> 00:30:30,080
Categoric nu-l fac cu mâna.

485
00:30:30,080 --> 00:30:32,210
>> Bine. Acum, vorbind despre scripturi.

486
00:30:32,210 --> 00:30:35,040
Poate că în codul PHP este ceva care nu aveți nevoie să faceți.

487
00:30:35,040 --> 00:30:37,910
Poate e bucle suplimentare acolo.

488
00:30:37,910 --> 00:30:40,850
Am vorbit despre design cod în CS50.

489
00:30:40,850 --> 00:30:44,550
Chiar dacă sunteți de codificare în C, dacă aveți - dacă faci o muncă suplimentară

490
00:30:44,550 --> 00:30:49,440
care nu trebuie să fac, bine, care va încetini script-urile de pe site-ul dvs.,

491
00:30:49,440 --> 00:30:53,280
iar acest lucru este deosebit de important pentru site-uri, deoarece utilizatorii în zilele noastre sunt foarte nerăbdător.

492
00:30:53,280 --> 00:30:56,110
Dacă faci de lucru inutil, o să-i ia mai mult

493
00:30:56,110 --> 00:31:00,080
pentru a ajunge la informațiile pe care le doresc, și ei vor fi foarte nefericit.

494
00:31:00,080 --> 00:31:02,200
În cele din urmă, poate doriți pentru a optimiza tabelele bazei de date.

495
00:31:02,200 --> 00:31:05,020
Amintiți-vă, am vorbit despre indicii.

496
00:31:05,020 --> 00:31:09,420
Ele nu sunt numai bune pentru a vă asigura că aveți un rând care este unic.

497
00:31:09,420 --> 00:31:12,440
Sunt, de asemenea, bun pentru a vă asigura că baza de date funcționează rapid.

498
00:31:12,440 --> 00:31:16,240
Dacă doriți să citiți pe care merg la documentația MySQL,

499
00:31:16,240 --> 00:31:18,710
sau poti sa te uiti la - ei bine, cum pot optimiza masa baza mea de date?

500
00:31:18,710 --> 00:31:23,350
Cum mă asigur că am indicii care ajuta-ma sa la informația mai repede?

501
00:31:23,350 --> 00:31:27,300
>> Există, de asemenea, mici trucuri pe care le puteți folosi ca cache.

502
00:31:27,300 --> 00:31:28,980
Dacă aveți PHP - dacă aveți un blog, de exemplu,

503
00:31:28,980 --> 00:31:31,980
și aveți - și este alimentat de PHP sau prin orice altă limbă -

504
00:31:31,980 --> 00:31:37,690
puteți cache blog-ul dvs. la, să zicem intervale de 50 de minute, astfel încât să puteți servi pagini statice

505
00:31:37,690 --> 00:31:40,610
sau HTML static pentru vizitatorii site-ului.

506
00:31:40,610 --> 00:31:43,380
În acest fel utilizatorii nu trebuie să ruleze script PHP de fiecare dată,

507
00:31:43,380 --> 00:31:47,410
și poate că va fi mai rapid pentru ei de a accesa aceste informații.

508
00:31:47,410 --> 00:31:49,410
>> Și, în sfârșit, puteți folosi ceva de genul CDN.

509
00:31:49,410 --> 00:31:51,900
Observați că ori de câte ori vă descărcați un PSET,

510
00:31:51,900 --> 00:31:54,890
te duci mereu la CDN.CS50.net. De ce este asta?

511
00:31:54,890 --> 00:32:01,540
CS50 foloseste, de asemenea, ca un fel de CDN - o rețea de distribuție de conținut -

512
00:32:01,540 --> 00:32:06,120
ceea ce înseamnă doar că este o grămadă de servere poate undeva pe glob

513
00:32:06,120 --> 00:32:08,120
care ajuta la servi paginile dvs. pentru vizitatori.

514
00:32:08,120 --> 00:32:13,770
În cazul în care vizitatorul este obtinerea o pagină de pe un server care este mai aproape de ei punct de vedere geografic,

515
00:32:13,770 --> 00:32:16,770
atunci cel mai probabil, vizitatorul este de gând pentru a obține acel fișier mult mai repede.

516
00:32:16,770 --> 00:32:20,490
Există, de asemenea, surse online, care vă ajută să faci asta.

517
00:32:20,490 --> 00:32:24,070
Una dintre ele este CloudFlare. Ele oferă un serviciu CDN gratuit.

518
00:32:24,070 --> 00:32:26,020
Dacă aveți fișiere de mari dimensiuni care dvs. de servire a utilizatorilor,

519
00:32:26,020 --> 00:32:32,260
atunci poate că e mai bine să le-a pus pe un CDN, astfel încât acestea să poată ajunge la ele mai repede.

520
00:32:32,260 --> 00:32:39,070
>> Subiect de zi este optimizarea motorului de căutare.

521
00:32:39,070 --> 00:32:41,070
Ce este optimizarea motorului de căutare?

522
00:32:41,070 --> 00:32:44,070
Care este asigurându-vă că motoarele de căutare, precum Google sau Bing sau Yahoo

523
00:32:44,070 --> 00:32:50,740
poate merge pe site-ul dvs. și să intrați site-ul dvs. și site-ul dvs. index și atunci când

524
00:32:50,740 --> 00:32:53,040
Eu, de exemplu, du-te la Google.com și încerc să caute ceva,

525
00:32:53,040 --> 00:32:55,040
atunci site-ul dvs. va apărea.

526
00:32:55,040 --> 00:32:57,000
Cum vă asigurați-vă că site-ul dvs. este una din top 10?

527
00:32:57,000 --> 00:33:00,000
Pentru că așa cum știm cu toții, dacă veți căuta ceva pe Google

528
00:33:00,000 --> 00:33:02,880
și nu este pe partea de sus de 10 esti cel mai probabil nu voi uita în următorii 10.

529
00:33:02,880 --> 00:33:07,160
Aceasta este un fel de un subiect care este învăluită în mister.

530
00:33:07,160 --> 00:33:09,850
Există o mulțime de hype acolo pe Internet.

531
00:33:09,850 --> 00:33:14,680
Există o mulțime de superstiții legate dacă nu x, atunci Google va place mai bine.

532
00:33:14,680 --> 00:33:16,680
Dacă nu, atunci y Google va place mai bine.

533
00:33:16,680 --> 00:33:19,680
Este, probabil, mai bine să se uite în documentele gigantul de căutare în sine.

534
00:33:19,680 --> 00:33:27,470
>> Acesta este unul dintre documentele de pe Google pe care le spun exact cum de a optimiza site-ul dvs.

535
00:33:27,470 --> 00:33:30,860
astfel încât Google poate accesa și indicele foarte frumos.

536
00:33:30,860 --> 00:33:33,680
Nu trebuie să copiați acest URL deoarece aceasta prezentare se va

537
00:33:33,680 --> 00:33:36,680
fie online, oricum.

538
00:33:36,680 --> 00:33:38,770
Dacă te uiți la asta și ai citit acest lucru, există câteva sfaturi foarte utile acolo.

539
00:33:38,770 --> 00:33:42,240
Google vă spune - dacă chiar vrei site-ul dvs. să fie indexate bine

540
00:33:42,240 --> 00:33:44,610
atunci ar trebui să faci toate aceste lucruri.

541
00:33:44,610 --> 00:33:47,570
>> Un alt lucru pe care motoarele de căutare cum ar fi într-adevăr este conținut în stare proaspătă.

542
00:33:47,570 --> 00:33:49,500
Dacă aveți conținut care este actualizat foarte regulat

543
00:33:49,500 --> 00:33:51,950
apoi motoarele de căutare spune, ooh, îmi place site-ul tău.

544
00:33:51,950 --> 00:33:53,950
Am de gând să merg la site-ul dvs. foarte des.

545
00:33:53,950 --> 00:33:56,840
Am de gând să indice o mulțime de pagini.

546
00:33:56,840 --> 00:33:59,560
Dacă aveți conținut în stare proaspătă, atunci esti mult mai probabil să apară -

547
00:33:59,560 --> 00:34:02,540
ai mai multe sanse de a fi mai relevantă.

548
00:34:02,540 --> 00:34:04,630
Esti mult mai probabil să fie mai actualizat,

549
00:34:04,630 --> 00:34:08,860
și motoarele de căutare sunt mai susceptibile de a pune site-ul dvs. mai sus altele.

550
00:34:08,860 --> 00:34:10,860
>> Profunde legături sunt de asemenea importante.

551
00:34:10,860 --> 00:34:13,530
Dacă ați vrut site-ul dvs. să arate bine în ochii unui motor de căutare

552
00:34:13,530 --> 00:34:18,090
au o mulțime de alte site-uri legate de acesta și legată adânc în site-ul dumneavoastră.

553
00:34:18,090 --> 00:34:20,090
Nu doar link la pagina de pornire.

554
00:34:20,090 --> 00:34:26,719
Link-ul de la Poate yourname.com / ceva / ceva / something.php.

555
00:34:26,719 --> 00:34:29,840
Care - la un motor de căutare - mijloace, wow, ei au un conținut foarte interesant

556
00:34:29,840 --> 00:34:35,350
că altcineva se leagă atât de adânc în site-ul lor că eu ar trebui într-adevăr, într-adevăr

557
00:34:35,350 --> 00:34:38,260
pune mai important pe paginile site-ul lui.

558
00:34:38,260 --> 00:34:41,940
>> Dacă aveți titluri exacte pagină, dacă nu aveți erori asta e bine pentru că

559
00:34:41,940 --> 00:34:44,670
în cazul în care un motor de căutare este încercarea de a vizita site-ul dvs., și se face o eroare,

560
00:34:44,670 --> 00:34:46,780
este, probabil, de gând să renunțe foarte, foarte repede.

561
00:34:46,780 --> 00:34:49,510
Și, în sfârșit, doriți să aveți un timp de încărcare rapid, deoarece motoarele de cautare -

562
00:34:49,510 --> 00:34:53,820
la fel ca oamenii - no avea o mulțime de răbdare pentru site-urile lente.

563
00:34:53,820 --> 00:34:57,070
Aceasta este o modalitate de a vă asigura că vă apar mai mare în

564
00:34:57,070 --> 00:35:01,390
interogări de căutare motor și sperăm să astfel mai mult trafic.

565
00:35:01,390 --> 00:35:04,730
Pentru că la urma urmei, ce-ai petrecut tot acest timp în curs de dezvoltare site-ul tau.

566
00:35:04,730 --> 00:35:06,280
Ai petrecut tot acest timp, lansarea acestui site-ul online.

567
00:35:06,280 --> 00:35:11,780
Vă doriți să vă asigurați că aveți o mulțime de utilizatori care văd de fapt de conținut.

568
00:35:13,330 --> 00:35:15,660
>> Alte resurse bune de a utiliza.

569
00:35:15,660 --> 00:35:19,210
Google Webmaster Tools este ceva să se uite la la.

570
00:35:19,210 --> 00:35:21,780
Acest lucru doar vă ajută să vedeți - Google nu este indexarea site-ul meu.

571
00:35:21,780 --> 00:35:24,490
Ce tipuri de erori se confruntă cu ea?

572
00:35:24,490 --> 00:35:27,490
Cât de multe pagini le-a indexat?

573
00:35:27,490 --> 00:35:29,490
Ce nu-l crede este cel mai important conținut de pe pagina mea?

574
00:35:29,490 --> 00:35:31,490
Poate că nu e ceea ce vreau eu să fie.

575
00:35:31,490 --> 00:35:36,880
Poate am nevoie pentru a schimba site-ul meu un pic, astfel încât este reflectat mai bine

576
00:35:36,880 --> 00:35:38,880
ceea ce site-ul meu este cu adevarat despre.

577
00:35:38,880 --> 00:35:41,000
Google Analytics este un alt instrument foarte cool.

578
00:35:41,000 --> 00:35:44,120
Puteți adăuga un pic de JavaScript pentru paginile dvs..

579
00:35:44,120 --> 00:35:47,020
Și apoi după aceea poti sa te duci la Google Analytics, și se va urmări

580
00:35:47,020 --> 00:35:49,020
demografice de vizitator și creșterea site-ul dvs..

581
00:35:49,020 --> 00:35:51,810
Acesta vă va spune exact cât de multi vizitatori viziteaza site-ul dvs.

582
00:35:51,810 --> 00:35:55,310
într-o anumită zi, într-o anumită oră, într-o anumită săptămână.

583
00:35:55,310 --> 00:35:57,310
Cât de mulți vizitatori din China? Cât de mulți vizitatori din Antarctica -

584
00:35:57,310 --> 00:35:59,310
vei primi site-ul tau.

585
00:35:59,310 --> 00:36:03,470
care ar putea fi ceva cool pentru a vedea sau ar putea fi chiar utile

586
00:36:03,470 --> 00:36:05,470
pentru că sunteți încercarea de a viza un anumit grup.

587
00:36:05,470 --> 00:36:08,410
Poate că sunteți încercarea de a-tinta adolescenti cu site-ul dvs., și veți vedea că

588
00:36:08,410 --> 00:36:11,410
cele mai multe dintre vizitatorii site-ul dvs. sunt, poate 30 - pentru a tinerilor in varsta de 40 de ani,

589
00:36:11,410 --> 00:36:15,130
atunci poate că, fie aveți o problemă sau vă pot spune doar,

590
00:36:15,130 --> 00:36:19,590
Ei bine, atunci poate ar trebui să se schimbe doar se concentreze site-ul meu, astfel încât

591
00:36:19,590 --> 00:36:22,240
I se concentreze mai mult pe acest grup de vârstă.

592
00:36:22,240 --> 00:36:28,500
>> Google Apps - dacă ai vrut să aibă un fel de e-mailuri cu numele dvs. de domeniu -

593
00:36:28,500 --> 00:36:31,230
Poate ceva de genul yourname@yourname.com--

594
00:36:31,230 --> 00:36:35,270
puteți folosi adrese gmail - puteți utiliza serviciul Gmail

595
00:36:35,270 --> 00:36:38,500
și Google Apps este o modalitate de a face acest lucru.

596
00:36:38,500 --> 00:36:44,050
Aveți posibilitatea să configurați adrese de e-mail specifice, care sunt specifice pentru numele de domeniu

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

598
00:36:46,800 --> 00:36:51,840
>> Și, în sfârșit, există extensii web developer și add-on-uri - pentru Chrome,

599
00:36:51,840 --> 00:36:56,380
pentru Firefox, pentru alte browsere - care vă permit să intrați și să inspecteze

600
00:36:56,380 --> 00:37:02,290
CSS, JavaScript inspecta, vezi exact ce e în neregulă cu script-ul JavaScript,

601
00:37:02,290 --> 00:37:05,290
și poate că va fi util pentru scopuri de debugging, pentru ai afla -

602
00:37:05,290 --> 00:37:08,630
Ei bine, de ce nu este site-ul meu afișează corect în acest browser?

603
00:37:08,630 --> 00:37:11,800
>> Și, în sfârșit, dacă ai vrut să afle mai multe despre toate aceste subiecte -

604
00:37:11,800 --> 00:37:14,410
Dacă ați vrut să aflați mai multe despre HTML și CSS și JavaScript -

605
00:37:14,410 --> 00:37:16,790
pentru că, după toate, am învățat numai tu un pic -

606
00:37:16,790 --> 00:37:21,240
poti sa te duci site-uri web, cum ar fi W3Schools.com să caute mai multe resurse.

607
00:37:21,240 --> 00:37:26,340
Ei au tutoriale foarte frumos despre cum fac x, sau ce înseamnă Y?

608
00:37:26,340 --> 00:37:30,400
Dacă ați fi dorit să afle mai multe despre aceste limbi puteti merge pur și simplu aici.

609
00:37:30,400 --> 00:37:37,690
>> Bine. Cred că am vrut să plec în ultimele câteva minute de acest lucru pentru întrebări,

610
00:37:37,690 --> 00:37:39,810
astfel încât există întrebări cu privire la tot ceea ce am vorbit?

611
00:37:39,810 --> 00:37:43,500
[Membru al audienței] Ce fel de lucruri sunt pe W3Schools și modul în care este acoperit?

612
00:37:43,500 --> 00:37:45,500
[Yuechen Zhao] Ce fel de lucruri?

613
00:37:45,500 --> 00:37:50,180
Deci, una dintre cele mai mari lucruri care le folosesc foarte mult este referințele lor.

614
00:37:50,180 --> 00:37:54,430
Lor detaliu referințe, de exemplu, pentru CSS -

615
00:37:54,430 --> 00:37:59,480
ce înseamnă acest lucru sau dacă ai vrut pentru a schimba fundalul unei pagini -

616
00:37:59,480 --> 00:38:01,480
cum o faci?

617
00:38:01,480 --> 00:38:04,550
Ce browsere susține că comanda? Lucruri de genul asta.

618
00:38:04,550 --> 00:38:10,870
Și apoi au, de asemenea, au doar tutoriale foarte frumos pe HTML, pe PHP, pe JavaScript,

619
00:38:10,870 --> 00:38:14,290
pe MySQL, pe tot felul de subiecte diferite.

620
00:38:14,290 --> 00:38:18,800
Ei au tutoriale frumoase. Ei te învață cum să faci lucruri.

621
00:38:18,800 --> 00:38:22,590
E frumos să fie în măsură de a merge si de a invata mai multe despre aceste subiecte.

622
00:38:22,590 --> 00:38:27,180
>> [Membru al audienței] HTML 5 nu este încă compatibil cu toate browserele acolo.

623
00:38:27,180 --> 00:38:30,700
Ar recomanda doar stau departe de ea din cauza unor probleme de compatibilitate?

624
00:38:30,700 --> 00:38:32,700
Cum te descurci cu asta?

625
00:38:32,700 --> 00:38:38,640
[Yuechen Zhao] Da, deci, întrebarea este HTML5 este încă un standard de copil.

626
00:38:38,640 --> 00:38:42,030
Nu este într-adevăr susținută de o mulțime de browsere, deci ar trebui să-l evite?

627
00:38:42,030 --> 00:38:48,040
Cred că anul trecut, aș fi fost un susținător foarte mare de, să evite HTML5

628
00:38:48,040 --> 00:38:52,430
deoarece este încă - este încă foarte mult nou și, de fapt, standardul HTML5

629
00:38:52,430 --> 00:38:55,610
nu a fost finalizat încă.

630
00:38:55,610 --> 00:38:58,790
Și astfel, există într-adevăr există nici un standard HTML5.

631
00:38:58,790 --> 00:39:03,840
Dar cred că mai ales dacă sunteți proiectarea unui site web acum,

632
00:39:03,840 --> 00:39:07,450
ar fi mai bine dacă te duci doar cu HTML5 pentru că e un fel de gând să fie în viitor,

633
00:39:07,450 --> 00:39:11,250
și, dacă doriți site-ul dvs. sa fie de viitor și doriți site-ul dvs. la locul de muncă

634
00:39:11,250 --> 00:39:14,320
în browsere în viitor, ar putea fi mai bine pentru a incepe ceva de constructie pentru viitor

635
00:39:14,320 --> 00:39:19,830
decât pentru trecut, și, de asemenea, doar din cauza faptului că HTML5 într-adevăr nu este faptul că diferite

636
00:39:19,830 --> 00:39:23,080
de la HTML4 sau XHTML.

637
00:39:23,080 --> 00:39:29,780
Dacă utilizați HTML5, în mod normal, se va lucra în cele mai multe browsere.

638
00:39:29,780 --> 00:39:34,660
Trebuie doar pentru a sorta de merge în și asigurați-vă cu aceste capturi de ecran

639
00:39:34,660 --> 00:39:38,630
și asigurându-vă cu a merge la aceste site-uri te.

640
00:39:38,630 --> 00:39:44,280
Dar cel mai probabil acesta va funcționa dacă nu sunteți folosind caracteristici foarte specifice pentru HTML5.

641
00:39:44,280 --> 00:39:50,240
Observați de asemenea că pentru CS50 - de exemplu, pentru player video pe care le folosim -

642
00:39:50,240 --> 00:39:56,230
folosește HTML5 și HTML5 video pentru a afișa prelegeri.

643
00:39:56,230 --> 00:39:59,420
Dar, dacă aveți un browser foarte vechi, atunci acesta va cădea înapoi pe Flash.

644
00:39:59,420 --> 00:40:01,420
Deci, care e, de asemenea, altceva -

645
00:40:01,420 --> 00:40:05,190
au un sistem de rezervă pentru atunci când doar știi că browser-ul nu este de gând să se ocupe de

646
00:40:05,190 --> 00:40:08,140
ceea ce vrei să se ocupe.

647
00:40:08,140 --> 00:40:10,140
>> Alte intrebari?

648
00:40:10,140 --> 00:40:13,270
Ceva despre care am vorbit.

649
00:40:16,910 --> 00:40:20,750
Bine. Atunci cred că e vorba de asta pentru mine.

650
00:40:20,750 --> 00:40:23,090
Eu cred că este.

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

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

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