1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [Семинар] [Подготовка вашия сайт за Web]

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

3
00:00:05,000 --> 00:00:07,000
[Това е CS50.] [CS50.TV]

4
00:00:07,000 --> 00:00:11,660
>> Добре. Ето още един час на Мрежата за развитие, ако вие сте за него.

5
00:00:11,660 --> 00:00:16,290
Днес аз отивам да се говори за подготовката на вашия сайт за Web.

6
00:00:16,290 --> 00:00:20,260
През целия ден - и вероятно за последните 2 седмици -

7
00:00:20,260 --> 00:00:22,240
ние сме били говорим за това как да се създаде уеб сайт,

8
00:00:22,240 --> 00:00:24,880
как да използвате HTML, как да се използва PHP, как да използвате рамки,

9
00:00:24,880 --> 00:00:29,420
как да се уверите, че можете да си взаимодействат с базата данни - такива неща.

10
00:00:29,420 --> 00:00:34,830
Но днес, ние ще се говори за това къде вашия сайт ще живеят след CS50.

11
00:00:34,830 --> 00:00:40,010
Защото в края на краищата, CS50 не се случи миналото декември.

12
00:00:40,010 --> 00:00:42,090
Ще се говори за имена на домейни, хостинг.

13
00:00:42,090 --> 00:00:44,790
Отиваме да се говори за това, което кръстосано браузър съвместимост

14
00:00:44,790 --> 00:00:49,540
и междуплатформена съвместимост, и как можете да се уверите, че вашият сайт

15
00:00:49,540 --> 00:00:51,610
ще работи при всякакви условия.

16
00:00:51,610 --> 00:00:54,330
Ще говорим за обработка на грешки и друга магия сървър.

17
00:00:54,330 --> 00:00:57,890
Ние говорим за оптимизация на производителността, оптимизация на уеб сайтове,

18
00:00:57,890 --> 00:01:00,310
и как да накараш хората да действително посещават вашия уеб сайтове.

19
00:01:00,310 --> 00:01:05,960
И най-накрая, само някои добри ресурси, за да се уверите, че вие ​​имате достатъчно от тези,

20
00:01:05,960 --> 00:01:09,680
да отиде с крайна вашия проект, и се надяваме след това.

21
00:01:09,680 --> 00:01:13,120
>> Първото нещо, което ние ще говорим за е имена на домейни.

22
00:01:13,120 --> 00:01:18,020
В момента сте програмиране на уреда, ти започваш да се на локалния хост

23
00:01:18,020 --> 00:01:20,360
, които в действителност не е име на домейн.

24
00:01:20,360 --> 00:01:26,370
Това е нещо просто псевдоним или псевдоним на действителната Linux инсталация

25
00:01:26,370 --> 00:01:31,150
вътрешността на една от VMware на Mac или VMware Player на компютър.

26
00:01:31,150 --> 00:01:36,510
Имената на домейни ви позволи да се сложи сайт върху Web и след това преминете към нещо подобно

27
00:01:36,510 --> 00:01:39,400
www.google.com и да получите на сайта.

28
00:01:39,400 --> 00:01:41,500
Как работят те?

29
00:01:41,500 --> 00:01:43,390
Да кажем, че ти си просто средно уеб сървър -

30
00:01:43,390 --> 00:01:50,080
Средната уеб сърфист и имате лаптоп, и да отидете до www.howstuffworks.com.

31
00:01:50,080 --> 00:01:52,570
Вероятно можете да видите къде съм откраднал това от.

32
00:01:52,570 --> 00:01:57,300
Как работят нещата - на компютъра, след това ще поиска от локален сървър DNS,

33
00:01:57,300 --> 00:01:59,300
"Знаете ли къде е този сайт е?"

34
00:01:59,300 --> 00:02:02,200
"Знаеш ли на IP адрес на www.howstuffworks.com?"

35
00:02:02,200 --> 00:02:05,580
Вашият DNS сървър може да се каже: "Да, и аз."

36
00:02:05,580 --> 00:02:09,139
В този случай, можете да получите IP адрес, и вашият компютър има достъп, че IP адрес.

37
00:02:09,139 --> 00:02:15,050
Ако това не стане, той пита друг сървър DNS, "Хей! Знаеш ли какво www.howstuffworks.com е?"

38
00:02:15,050 --> 00:02:17,670
Този сървър може да се каже: "Да, и аз."

39
00:02:17,670 --> 00:02:22,500
Значи, това казва на другия това, което е, и най-накрая, че информацията, тя започва да се на вашия компютър,

40
00:02:22,500 --> 00:02:24,680
и можете да получите достъп howstuffworks.com.

41
00:02:24,680 --> 00:02:27,540
>> Как можете да получите един от тези магически неща?

42
00:02:27,540 --> 00:02:32,940
Как можете да получите може би www.yourname.com или www.ilovecats.com?

43
00:02:32,940 --> 00:02:35,350
Можете да се регистрирате за една,

44
00:02:35,350 --> 00:02:38,280
и има много сайтове там, които ви позволяват да го направят.

45
00:02:38,280 --> 00:02:41,420
Трябва да - в повечето случаи трябва да плати за тях.

46
00:02:41,420 --> 00:02:43,890
Има някои имена на домейни, които са безплатни.

47
00:02:43,890 --> 00:02:50,900
Ако отидете в www.co.cc или. Tkdomainnames, тези са безплатни.

48
00:02:50,900 --> 00:02:56,500
Но, те идват с някои ограничения, а в действителност някои от тях може дори да не

49
00:02:56,500 --> 00:03:00,540
реални, най-високо ниво домейни като. COM или. мрежата.

50
00:03:00,540 --> 00:03:03,300
Обикновено бих предложил става за един от тях

51
00:03:03,300 --> 00:03:07,060
, тъй като потребителите са просто по-удобно с тях.

52
00:03:07,060 --> 00:03:10,070
Вие сте видели много. Комс. Вие сте видели много. Мрежи.

53
00:03:10,070 --> 00:03:13,790
Може би не съм виждал много. Co.cc лидер, така че те са по-трудно да си спомня.

54
00:03:13,790 --> 00:03:18,900
Различни сайтове като Godaddy NameCheap или или - аз бях този, който е

55
00:03:18,900 --> 00:03:21,550
вид оскъдни - нар. activedomain.com.

56
00:03:21,550 --> 00:03:24,160
Тя изглежда наистина оскъдни, но е работил много добре за мен.

57
00:03:24,160 --> 00:03:27,810
>> И накрая, имате други, които може би правят повече реклама като Network Solutions.

58
00:03:27,810 --> 00:03:31,140
Но ако отидете върху NetworkSolutions.com и погледнете в техните цени

59
00:03:31,140 --> 00:03:34,070
това е наистина скъпо. Гледах ги снощи.

60
00:03:34,070 --> 00:03:37,400
За една година от име на домейн, то вероятно не си струва толкова много пари.

61
00:03:37,400 --> 00:03:40,210
В действителност, ако сте се. COM или. Орг или. Мрежата

62
00:03:40,210 --> 00:03:43,430
обичайната цена е около $ 10 на година.

63
00:03:43,430 --> 00:03:48,710
Така че, ако плащат много повече от това, то вероятно не е, че си заслужава

64
00:03:48,710 --> 00:03:52,440
защото в крайна сметка, тези сайтове не правят нищо с това име на домейн.

65
00:03:52,440 --> 00:03:58,270
Те просто я дам на вас, и така че ако можете да го получите за евтини, защо не?

66
00:03:58,270 --> 00:04:02,540
>> Другото е, след като имате домейн име, а след това вероятно ще пожелаете да

67
00:04:02,540 --> 00:04:08,610
преминете към Godaddy.com или където и да купи името на домейна

68
00:04:08,610 --> 00:04:11,220
и да зададете сървърите за имена, че името на домейна.

69
00:04:11,220 --> 00:04:15,560
Какво означава това е, след като ползвателят отива www.howstuffworks.com,

70
00:04:15,560 --> 00:04:20,839
тези имена сървър IP адреси са IP адреси, които те ще могат да гледат нагоре.

71
00:04:20,839 --> 00:04:24,680
Те ще имат достъп до вашия сайт чрез тези сървъри за имена.

72
00:04:24,680 --> 00:04:26,830
Ако кандидатствате за хостинг някъде

73
00:04:26,830 --> 00:04:31,210
тогава домакин най-вероятно ще ви даде сървъри за имена да я ползва.

74
00:04:31,210 --> 00:04:34,210
>> И накрая, има едно нещо, наречено на WHOIS.

75
00:04:34,210 --> 00:04:38,890
Базата данни WHOIS е база данни, с които бихте могли да въведете име на домейн

76
00:04:38,890 --> 00:04:44,170
и той ще изплюе някаква информация за собственика на този сайт и други данни за контакт.

77
00:04:44,170 --> 00:04:49,080
Сега, може да каже: "Аз не искам моят домашен адрес или аз наистина не искам моят имейл адрес

78
00:04:49,080 --> 00:04:54,010
на уебсайта за всеки, да се види или по интернет за всички да видят. "

79
00:04:54,010 --> 00:04:57,740
Тогава може да искате да използвате нещо, че много от хостинг услуги за вас -

80
00:04:57,740 --> 00:04:59,740
като мениджър WHOIS.

81
00:04:59,740 --> 00:05:03,550
A мениджър WHOIS е просто друга услуга, която много от тях предвиждат, че

82
00:05:03,550 --> 00:05:07,700
скрива, че информационните и просто поставя в който е мениджър за името -

83
00:05:07,700 --> 00:05:13,070
за адрес обикновено е само, че името на фирмата, който е дал това име на домейн -

84
00:05:13,070 --> 00:05:17,350
и така след това вашата лична информация не се изтече в интернет,

85
00:05:17,350 --> 00:05:19,350
която обикновено е доста добър.

86
00:05:19,350 --> 00:05:21,350
Аз самият използвате една от тези услуги.

87
00:05:21,350 --> 00:05:25,630
Ако не ви е грижа за собствения си личен живот след това няма значение.

88
00:05:25,630 --> 00:05:32,490
>> A сървър DNS е съкращение от Domain Name System, и какво е то -

89
00:05:32,490 --> 00:05:36,560
това е нещо като хеш някъде таблица, която казва:

90
00:05:36,560 --> 00:05:42,320
 "Този сайт адрес ще картографирането на този IP адрес." И това е всичко.

91
00:05:42,320 --> 00:05:48,180
Така че, след като заявки този сървър DNS, а след това можете да получите на IP адреси

92
00:05:48,180 --> 00:05:51,930
за които съответното име на домейн и след това посетете този сайт.

93
00:05:51,930 --> 00:05:59,820
(Публиката задавате въпрос - недоловим)

94
00:05:59,820 --> 00:06:07,910
Първата? Първото ниво всъщност е обикновено просто компютъра си кеш.

95
00:06:07,910 --> 00:06:12,570
Компютърът ви вид спомня последния път, когато отиде в www.google.com

96
00:06:12,570 --> 00:06:18,090
Тя е в този IP адрес, и след това, след известно време, че кеш ще изтече,

97
00:06:18,090 --> 00:06:23,560
и той ще ви попита като Comcast DNS,

98
00:06:23,560 --> 00:06:26,400
"Хей, какво е www.google.com?"

99
00:06:26,400 --> 00:06:31,040
Обикновено, когато купувате име на домейн и да регистрирате едно, а вие се създаде уеб сайт,

100
00:06:31,040 --> 00:06:35,670
не можете да отидете до тази интернет страница незабавно с този домейн име, защото името сървъри

101
00:06:35,670 --> 00:06:40,180
по света не знаят за името на домейна си. Тя трябва да попълните.

102
00:06:40,180 --> 00:06:43,220
Това обикновено отнема около 24-48 часа.

103
00:06:43,220 --> 00:06:48,460
Добре. Така че, това е малко за имена на домейни. Те са много готино.

104
00:06:48,460 --> 00:06:51,540
Мисля, че трябва да се получи един, ако сте сериозно за проекта

105
00:06:51,540 --> 00:06:55,300
и ако наистина искате да направите вашия проект, известен в колежа,

106
00:06:55,300 --> 00:06:58,050
като име на домейн прави да изглежда наистина професионално.

107
00:06:58,050 --> 00:07:01,510
>> Тогава следващата стъпка, разбира се, е да има някакъв вид хостинг.

108
00:07:01,510 --> 00:07:05,540
Ако просто го бъде домакин на вашия компютър, никой никога няма да бъде в състояние да отидете в него.

109
00:07:05,540 --> 00:07:09,110
Вие може потенциално да създаде сървър на вашия компютър и поддържате компютъра си вечно,

110
00:07:09,110 --> 00:07:11,160
Но това не е препоръчително.

111
00:07:11,160 --> 00:07:14,000
Има различни видове хостинг на разположение онлайн.

112
00:07:14,000 --> 00:07:21,870
Има споделен хостинг. Има VPN (неразбираемо), които са виртуални хостове.

113
00:07:21,870 --> 00:07:23,870
Има полу-посветен и отдаден.

114
00:07:23,870 --> 00:07:29,030
От последните 3, VPN, полу-посветен и специален обикновено са по-скъпи.

115
00:07:29,030 --> 00:07:32,660
Те обикновено се използва за уеб сайтове, които изискват повече ресурси.

116
00:07:32,660 --> 00:07:34,680
Ако сте само началото с един сайт,

117
00:07:34,680 --> 00:07:40,670
тя може да бъде само по-икономично да отида с споделен хостинг.

118
00:07:40,670 --> 00:07:43,430
И какво сподели средства е само куп сайтове са всички заедно

119
00:07:43,430 --> 00:07:51,560
някак на един сървър в този сайт в този хост сървъра, и можете да получите достъп до вашия сайт

120
00:07:51,560 --> 00:07:53,660
чрез името на домейна.

121
00:07:53,660 --> 00:07:55,980
>> Има много известни хостове там.

122
00:07:55,980 --> 00:08:01,160
HostGator и DreamHost - тези, които са много, много големи и много, много популярна

123
00:08:01,160 --> 00:08:03,160
и много, много успешна.

124
00:08:03,160 --> 00:08:05,160
Аз лично използвам един нар. MDDHosting.

125
00:08:05,160 --> 00:08:08,240
Ако отидете в www.mddhosting.com, че е домакин на моя избор.

126
00:08:08,240 --> 00:08:10,240
Мисля, че са много добри.

127
00:08:10,240 --> 00:08:14,550
Винаги са били много надежден, и никога не съм имал никакви проблеми с тях.

128
00:08:14,550 --> 00:08:18,610
Те също имат много конкурентни цени.

129
00:08:18,610 --> 00:08:24,400
Две, че аз наистина не като са GoDaddy - това е също много популярен домакин,

130
00:08:24,400 --> 00:08:26,400
но аз съм имал ужасни преживявания с тях,

131
00:08:26,400 --> 00:08:29,430
и много хора, които знам, че са имали наистина ужасни преживявания с тях.

132
00:08:29,430 --> 00:08:32,150
Те някак не отива след хората, които не знаят какво правят -

133
00:08:32,150 --> 00:08:34,150
Може би сте прави сайта за първи път,

134
00:08:34,150 --> 00:08:37,150
и така те някак ги Дог в закупуване си хостинг пакет.

135
00:08:37,150 --> 00:08:42,570
Не го прави. Не си падат по него. Отиди търсят други хостинг пакети, които наистина отговаря на нуждите ви.

136
00:08:42,570 --> 00:08:44,880
А другият е - има безплатни хостове там.

137
00:08:44,880 --> 00:08:47,350
Има сайтове, които ще бъде домакин на вашия сайт за безплатно -

138
00:08:47,350 --> 00:08:49,350
понякога чрез поставяне на реклама на вашия сайт,

139
00:08:49,350 --> 00:08:52,290
понякога като ви кара да участват в техните форуми,

140
00:08:52,290 --> 00:08:54,340
но понякога просто също безплатно.

141
00:08:54,340 --> 00:09:00,000
Но бъдете внимателни с източници, защото много от тях наистина просто да излязат от бизнеса

142
00:09:00,000 --> 00:09:03,480
след няколко месеца. Ти просто не може да се справи с разходите.

143
00:09:03,480 --> 00:09:07,460
Други са просто много ненадеждни, и вашия сайт ще бъде винаги надолу,

144
00:09:07,460 --> 00:09:09,700
и не искате това да се случи.

145
00:09:09,700 --> 00:09:12,330
>> Всеки хост ще предложи свой собствен контролен панел.

146
00:09:12,330 --> 00:09:16,520
Забележете, че за вашия уред, там наистина не е контролния панел по себе си.

147
00:09:16,520 --> 00:09:19,230
Трябва да използвате терминал да отиде и да редактирате файлове.

148
00:09:19,230 --> 00:09:21,230
Трябва да коригирате неща от себе си.

149
00:09:21,230 --> 00:09:24,770
Ако искате да отидете на PHPMyAdmin,

150
00:09:24,770 --> 00:09:29,560
Вие трябва да отидете на Localhost @ / PhpMyAdmin и такива неща.

151
00:09:29,560 --> 00:09:36,660
Но с контролен панел, можете да отидете в и редактиране на файлове на вашия сървър

152
00:09:36,660 --> 00:09:40,350
с Windows Explorer или търсач тип приложение.

153
00:09:40,350 --> 00:09:44,810
Или можете да минете през и погледнете вашите бази данни със собствен инструмент

154
00:09:44,810 --> 00:09:47,280
вместо PHPmyadmin.

155
00:09:47,280 --> 00:09:52,240
Така че, има голям избор тук, както и някои от най-популярните контролни панели са там.

156
00:09:52,240 --> 00:09:54,240
Но ако търсите за хост,

157
00:09:54,240 --> 00:09:57,090
тогава може да искате да погледнете какво видове персонализации и опции

158
00:09:57,090 --> 00:10:02,810
те предлагат ми да персонализирате моя сървър и да направите своя уебсайт вървят по-добре.

159
00:10:02,810 --> 00:10:07,110
Така че, след това можете да попитате: "Е, как да избера хостинг?"

160
00:10:07,110 --> 00:10:11,460
Ако преминете към всеки хост сайта има много на жаргон, а има и много възможности.

161
00:10:11,460 --> 00:10:14,470
Има много различни цени също.

162
00:10:14,470 --> 00:10:19,690
Обикновено аз отивам за евтини такива, само защото уебсайтове, които може би трябва и аз да -

163
00:10:19,690 --> 00:10:23,520
и особено в момента, особено като начало - те не може да се наложи като много ресурси

164
00:10:23,520 --> 00:10:26,770
Както може един сайт като Microsoft.com.

165
00:10:26,770 --> 00:10:32,090
>> Първо искате да погледнете на операционната система, ако сте наистина любопитно дали

166
00:10:32,090 --> 00:10:35,090
вашия сайт ще бъде домакин на Linux, за Windows или на Mac.

167
00:10:35,090 --> 00:10:39,790
Обикновено ние просто отидете с Linux, защото това е обикновено най-евтините,

168
00:10:39,790 --> 00:10:43,730
, а също и този, който може би вие сте по-запознати с защото на уреда.

169
00:10:43,730 --> 00:10:48,040
И тогава, може би ще поставят ограничения за размера на честотната лента, че получавате -

170
00:10:48,040 --> 00:10:53,030
харесва колко мегабайта или гигабайта данни може да изтеглите потребители

171
00:10:53,030 --> 00:10:55,470
от вашия сайт на месец? Или дисково пространство.

172
00:10:55,470 --> 00:11:00,640
Колко пространство ще получите? Дали е 500 MB? Дали е 2 GB? Дали е неограничен?

173
00:11:00,640 --> 00:11:05,920
В днешно време, много уеб сървъри ви даде неограничен дисково пространство, като начин за тях

174
00:11:05,920 --> 00:11:08,560
да ви примами да им хостинг пакет.

175
00:11:08,560 --> 00:11:11,850
Но ако наистина мислите за него, когато са ви някога ще трябва неограничено дисково пространство?

176
00:11:11,850 --> 00:11:18,060
Ако имате няколко HTML файлове, няколко PHP, няколко снимки -

177
00:11:18,060 --> 00:11:20,060
това е само няколко мегабайта, и така

178
00:11:20,060 --> 00:11:23,110
Обикновено аз просто отиде за струва може би няколко гигабайта "на пространството,

179
00:11:23,110 --> 00:11:27,990
и това може да е достатъчно, за да ме започнем, докато не се нуждаят от повече.

180
00:11:27,990 --> 00:11:31,480
>> И накрая, те могат да налагат ограничения за това какъв вид - колко бази данни може да има.

181
00:11:31,480 --> 00:11:34,760
Може би може да има само една база данни. Може би можете да имате два. Може би, ще има 10.

182
00:11:34,760 --> 00:11:38,330
Наистина ли е важно за вас колко получавате?

183
00:11:38,330 --> 00:11:40,330
Неща, за да си зададете.

184
00:11:40,330 --> 00:11:42,330
И накрая, само неща като езика.

185
00:11:42,330 --> 00:11:44,330
Да те подкрепя PHP? Да те подкрепя MySQL?

186
00:11:44,330 --> 00:11:49,010
Повечето хостинг сайтове не подкрепят тези, защото те са свободни. Те са с отворен код.

187
00:11:49,010 --> 00:11:51,190
Тя не им струва нищо, за да предоставят тези данни за вас.

188
00:11:51,190 --> 00:11:55,680
Но ако искате да използвате, да речем, Ruby или Python или някои от тези други езици -

189
00:11:55,680 --> 00:11:59,490
те не могат да го подкрепят на техния сървър, така че е важно да се търсят такива неща.

190
00:11:59,490 --> 00:12:05,620
>> И накрая, те ви позволяват да се направят някои по-съвременни неща като SSL или Cron работни места?

191
00:12:05,620 --> 00:12:12,060
SSL е опция, където можете да направите вашия сайт по-сигурна, като я прави HTTPS

192
00:12:12,060 --> 00:12:14,060
и кодиране на вашите връзки.

193
00:12:14,060 --> 00:12:17,230
И Cron работни места са само може би скриптове, които искате да стартирате

194
00:12:17,230 --> 00:12:19,510
на всеки 5 минути, на всеки 10 минути, на всеки 15.

195
00:12:19,510 --> 00:12:22,030
Много от споделен хостинг сайтове слагат ограничения

196
00:12:22,030 --> 00:12:26,310
от броя на Cron работни места, които можете да изпълните, защото, който отнема повече ресурси.

197
00:12:26,310 --> 00:12:31,800
>> И накрая, просто всичко останало, което искате да погледнете - уверете се, точно това, което става

198
00:12:31,800 --> 00:12:35,180
преди да купите вашия хостинг пакет.

199
00:12:35,180 --> 00:12:37,720
И накрая, резултатите. Производителността е огромен.

200
00:12:37,720 --> 00:12:39,740
Колко бързо е моя сайт ще избяга?

201
00:12:39,740 --> 00:12:42,950
Най-много потребители няма да чакаме дори секунда за вашия уеб сайт да тече

202
00:12:42,950 --> 00:12:47,640
преди те просто се отегчават и да отидат, за да MeanBase и да започне търсене на снимки

203
00:12:47,640 --> 00:12:52,240
на котки - вие знаете, че се случва, а вие искате да се уверите, че получавате, че потребител на борда

204
00:12:52,240 --> 00:12:54,300
и че имате добър ъптайм което просто означава, че

205
00:12:54,300 --> 00:12:56,300
Вашият сайт ще бъде достъпно по всяко време.

206
00:12:56,300 --> 00:13:01,880
Много от домакините са много зле ъптайм и че просто означава, че вашият сайт няма да бъде

207
00:13:01,880 --> 00:13:06,500
достъпни, и не искате това да се случи, защото може да бъде тъжен.

208
00:13:06,500 --> 00:13:10,360
И вие можете също така да следите изпълнението на вашия хост с сайтове като

209
00:13:10,360 --> 00:13:16,440
Pingdom.com или домакин-tracker.com, и те просто да ви кажа колко често вашият сайт е надолу.

210
00:13:16,440 --> 00:13:18,490
>> И накрая, за да видите статистиката за тяхната подкрепа.

211
00:13:18,490 --> 00:13:21,890
В случай че имате проблем са те ще отговорят на вас в рамките на 24 часа?

212
00:13:21,890 --> 00:13:23,890
Дали ще ви отговори до 48 часа?

213
00:13:23,890 --> 00:13:26,500
The хостинг услуга, която аз използвам обикновено отговаря с мен в рамките на минути

214
00:13:26,500 --> 00:13:29,760
което е много хубаво.

215
00:13:29,760 --> 00:13:33,990
Уф! Добре! Това е време за почивка. Но аз няма да ти го дам.

216
00:13:33,990 --> 00:13:38,200
Ние просто ще гледате снимки на сладки котки всеки сега и тогава.

217
00:13:38,200 --> 00:13:42,740
>> Друг много, много голямо нещо е кръстосано браузър съвместимост.

218
00:13:42,740 --> 00:13:45,890
Какво имам предвид с кръстосано браузър съвместимост?

219
00:13:45,890 --> 00:13:50,970
Знаеш ли, в днешно време това не е само Microsoft Internet Explorer.

220
00:13:50,970 --> 00:13:53,970
Това не е просто Mozilla Firefox или Safari.

221
00:13:53,970 --> 00:13:58,190
Сега имаме Chrome. Имаме Opera. Имаме Dolphin. Имаме Camino.

222
00:13:58,190 --> 00:14:00,540
Имаме Conqueror. Ние имаме всички тези различни браузъри.

223
00:14:00,540 --> 00:14:05,950
Нещата, които излизат сега - RockMelt - че тези са базирани на Chromium.

224
00:14:05,950 --> 00:14:10,990
Но фактът на въпроса е, че не е само един браузър вече.

225
00:14:10,990 --> 00:14:13,860
Ти не си просто гледане тези уеб страници с едно заявление.

226
00:14:13,860 --> 00:14:17,660
И така, различните браузъри ще отговарят на различни HTML, CSS различно, и

227
00:14:17,660 --> 00:14:21,210
различни JavaScript различен начин, и как се справяте с това?

228
00:14:21,210 --> 00:14:24,370
Е, в някои случаи, наистина не мога.

229
00:14:24,370 --> 00:14:29,160
Вашият сайт - ако тя работи в един браузър, кодът, който сте написали няма да работи

230
00:14:29,290 --> 00:14:32,910
в друг браузър, и това е Вашата работа е да се уверите, че кода, който пиша

231
00:14:32,910 --> 00:14:36,000
е универсален, че той работи навсякъде.

232
00:14:36,000 --> 00:14:38,000
Така че, това е много опасно.

233
00:14:38,000 --> 00:14:42,450
Ако кажеш: "Е, това е работа на моя компютър. Great! Да продължим нататък."

234
00:14:42,450 --> 00:14:46,040
Е, това вероятно няма да работят по моя, и когато отида към вашия сайт

235
00:14:46,040 --> 00:14:49,210
Ще бъде много тъжно, и аз отивам да напусне веднага.

236
00:14:49,210 --> 00:14:51,570
Така че, нека да видим как може да се предотврати това.

237
00:14:51,570 --> 00:14:55,520
>> Първото нещо, което, разбира се, е да се използват само стандартни HTML, CSS и JavaScript.

238
00:14:55,520 --> 00:14:57,520
Какво имам предвид с това?

239
00:14:57,520 --> 00:15:00,180
Е, има много не стандартни неща там.

240
00:15:00,180 --> 00:15:03,490
Например, в CSS има много варианти.

241
00:15:03,490 --> 00:15:10,830
Ако забележите CSS правила с-Моз-или-на WebKit, тези правила са специфични

242
00:15:10,830 --> 00:15:15,720
както на Mozilla браузъри и WebKit браузъри,

243
00:15:15,720 --> 00:15:20,590
и така вие искате да се уверите, че може би искате да избегнете тези неща,

244
00:15:20,590 --> 00:15:25,150
защото, ако използвате-Моз-това правило е само ще работят на Firefox.

245
00:15:25,150 --> 00:15:29,640
И ако наистина го искат да изглеждат добре на Internet Explorer също,

246
00:15:29,640 --> 00:15:31,640
ти започваш да бъдат изложени на късмет.

247
00:15:31,640 --> 00:15:37,910
За HTML също така, бихте могли да направите неща в HTML, които работят в един браузър

248
00:15:37,910 --> 00:15:41,830
но който разгражда в друга, а вие искате да се избегне, доколкото е възможно.

249
00:15:41,830 --> 00:15:44,830
И най-накрая за JavaScript още - има много варианти на JavaScript,

250
00:15:44,830 --> 00:15:50,570
и това лято се натъкнахме на проблем, когато Document.getElementsByClassName--

251
00:15:50,570 --> 00:15:54,500
която обикновено е функция, която е дефинирана като част от JavaScript стандарт -

252
00:15:54,500 --> 00:15:58,120
не е да се намери в Internet Explorer 8.

253
00:15:58,120 --> 00:16:01,900
Така че, през лятото бях на работа в лаборатория и строяхме онлайн експерименти.

254
00:16:01,900 --> 00:16:06,210
И си мислехме, че работи много добре, докато не осъзнах, че потребителите са използвали

255
00:16:06,210 --> 00:16:09,780
Internet Explorer 8 не могат да представят своите резултати.

256
00:16:09,780 --> 00:16:13,200
Ние се лишите от много данни. Това ни накара наистина тъжно.

257
00:16:13,200 --> 00:16:17,790
Така че, вие винаги искате да се уверите, че вашите скриптове ще работят навсякъде.

258
00:16:17,790 --> 00:16:20,500
>> И най-накрая, използвайте validator.w3.org

259
00:16:20,500 --> 00:16:22,770
което е това, което ти казвам да се направи в PSET 7.

260
00:16:22,770 --> 00:16:24,530
Уверете се, че вашите страници са валидирани.

261
00:16:24,530 --> 00:16:28,310
Това е важно, защото това най-малко е първата проверка стъпка здрав разум.

262
00:16:28,310 --> 00:16:31,870
Е кодът всъщност съвместим със стандартите?

263
00:16:34,930 --> 00:16:39,320
Друг начин да се справи на ви помогне да се уверите, че вашият сайт ще работи

264
00:16:39,320 --> 00:16:42,610
в повечето случаи е да може да използвате някои библиотеки и рамки

265
00:16:42,610 --> 00:16:46,210
защото тези наистина интелигентни разработчиците са помислили и за тези проблеми вместо вас.

266
00:16:46,210 --> 00:16:49,850
Те са преминали през и те съм писал различни функции, които работят в браузъри.

267
00:16:49,850 --> 00:16:53,560
Например, ние използваме Jquery в PSET 7.

268
00:16:53,560 --> 00:16:58,030
Въпреки че може да не сте го виждали, JQuery предоставя много функции

269
00:16:58,030 --> 00:17:00,280
че в противен случай ще трябва да се пише.

270
00:17:00,280 --> 00:17:05,310
Но тези фирми го е написал, и те се уверите, че той работи във всички браузъри.

271
00:17:05,310 --> 00:17:10,280
И Bootstrap - което е още една рамка CSS, които ви показахме в PSET 7 -

272
00:17:10,280 --> 00:17:17,000
тя наистина отнема много от главоболия с проектиране на интернет страници, които изглеждат добре.

273
00:17:17,000 --> 00:17:19,000
във всички браузъри.

274
00:17:19,000 --> 00:17:23,660
>> И накрая, ако можете да го избегнете, аз обикновено се избегне кодиране от нулата.

275
00:17:23,660 --> 00:17:28,079
Ако сте просто създаване на уеб сайт за вашето училище клуб, например,

276
00:17:28,079 --> 00:17:33,920
и всичко, което трябва да направите, е да се покаже на няколко страници и може би има своя президент отиде в

277
00:17:33,920 --> 00:17:38,910
и да промени някои неща тук и там - там наистина няма нужда от код, който се нагоре.

278
00:17:38,910 --> 00:17:40,910
Това отнема много от времето си.

279
00:17:40,910 --> 00:17:42,660
Това отнема много от енергията си, а вие трябва да мине през и вие трябва да разберете,

280
00:17:42,660 --> 00:17:45,930
добре, е това ще изглежда добре в този браузър, е че ще изглежда добре в този браузър.

281
00:17:45,930 --> 00:17:50,610
Може би използвате някои от тези петна, които други вече са дадени за вас, като

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

283
00:17:52,610 --> 00:17:59,400
Те се наричат ​​съдържание - те се наричат ​​ЗСЧ, които основно са само пакети,

284
00:17:59,400 --> 00:18:03,020
вече е дошъл направил за вас, и можете да ги свалите, сложете ги на вашия сървър,

285
00:18:03,020 --> 00:18:07,510
и да ги персонализирате обаче искате, и вече имате работещ уеб сайт.

286
00:18:07,510 --> 00:18:11,680
Тези кодови пакети са нещо, което да изглежда, за да.

287
00:18:11,680 --> 00:18:15,400
Тези неща са с отворен код, освен ако не отиде за нещо подобно -

288
00:18:15,400 --> 00:18:19,390
ако търсите за формата пакет, има неща, които не са свободни като

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

290
00:18:21,570 --> 00:18:23,790
Ако не е нужно някои от тези допълнителни функции,

291
00:18:23,790 --> 00:18:27,530
винаги можете да се откажете за безплатна опция.

292
00:18:27,530 --> 00:18:31,300
>> И накрая, няма го избягва.

293
00:18:31,300 --> 00:18:33,300
Трябва да тест, тест, тест.

294
00:18:33,300 --> 00:18:37,690
Вие трябва да тествате вашия код на всички тези браузъри и на всички тези платформи.

295
00:18:37,690 --> 00:18:44,110
И знаете ли, IE6 - Слава богу, хората започнаха да се отдалечават от IE6

296
00:18:44,110 --> 00:18:49,190
защото през деня, може би преди няколко години, уеб разработчици трябваше да винаги, винаги,

297
00:18:49,190 --> 00:18:55,280
винаги поощрявам слабости IE6 в следвайки стандартите.

298
00:18:55,280 --> 00:19:00,860
Уебсайтове просто изглеждаше доста на 1990 поради липса на по-добър начин да се справят с него.

299
00:19:00,860 --> 00:19:04,380
Можете да използвате браузъра скрийншоти, за да проверите вашия CSS.

300
00:19:04,380 --> 00:19:08,100
Един наистина страхотен сайт е browserlab.adobe.com.

301
00:19:08,100 --> 00:19:11,070
Това е безплатна услуга изнеса от Adobe.

302
00:19:11,070 --> 00:19:15,160
И това, което правят е, че те могат да свалят скрийншотове на вашия сайт

303
00:19:15,160 --> 00:19:18,890
работещ при различни условия - като тичане под различни браузъри,

304
00:19:18,890 --> 00:19:22,660
работещи под различни платформи - и ще ви покаже как изглеждат.

305
00:19:22,660 --> 00:19:33,260
Само да ви покажа какво имам предвид тук, е създаден един сайт миналата година призова Life в Харвард,

306
00:19:33,260 --> 00:19:39,150
и това, което се опитах да направя - Опитах се да направя my.harvard по-добре.

307
00:19:39,150 --> 00:19:43,840
Защото, ако беше тук миналата година, my.harvard не изглеждаше, колкото изглежда сега.

308
00:19:43,840 --> 00:19:46,640
Тя изглежда някак отвратително.

309
00:19:46,640 --> 00:19:50,470
Но сега изглежда много по-добре.

310
00:19:50,470 --> 00:19:57,070
Моята изпълнение не е, че вече полезни, но все пак,

311
00:19:57,070 --> 00:20:01,310
знаеш ли, аз се опитах да добавя - (неразбираемо) мнозина все едно -

312
00:20:01,310 --> 00:20:04,680
и тя изглежда - той изглежда много добре на моя компютър.

313
00:20:04,680 --> 00:20:08,560
И тогава, може би, ако имах повече време, щях да отида, за да браузъра лабораторията,

314
00:20:08,560 --> 00:20:13,020
и щях да погледна, добре, как изглежда той в Chrome 18 за Windows.

315
00:20:13,020 --> 00:20:17,060
Бих превъртете надолу и ще видя - о, не! Погледни кутията съобщения.

316
00:20:17,060 --> 00:20:20,200
Моят текст е преизпълнен. Така че, това е лошо, нали?

317
00:20:20,200 --> 00:20:23,700
Ако даден потребител използва Chrome на Windows и идва в моя сайт,

318
00:20:23,700 --> 00:20:26,730
че веднага изглежда много непрофесионално.

319
00:20:26,730 --> 00:20:30,760
Така, че трябва да отида в моя CSS и да разберете каква част от моя CSS се къса тук.

320
00:20:30,760 --> 00:20:35,090
Защо не го показва правилно и да я поправи, така че всички потребители могат да виждат същия уебсайт

321
00:20:35,090 --> 00:20:37,770
и да бъде също толкова щастлив.

322
00:20:37,770 --> 00:20:44,280
>> И накрая, добре, браузър скрийншоти са приятни за тестване на CSS,

323
00:20:44,280 --> 00:20:46,020
но какво да кажем за вашата JavaScript?

324
00:20:46,020 --> 00:20:48,660
Какво ще кажете, ако имате някакъв сложен скрипт, който бяга?

325
00:20:48,660 --> 00:20:50,460
Е, винаги можете да направите за виртуализация.

326
00:20:50,460 --> 00:20:56,360
Ако имате Mac, можете да използвате Bootcamp или VMWare да виртуализира може би копие от

327
00:20:56,360 --> 00:20:59,540
Windows и използването Internet Explorer там.

328
00:20:59,540 --> 00:21:03,400
Или, можете да преминете към нещо като Spoon.net, което за съжаление работи само на компютри.

329
00:21:03,400 --> 00:21:05,290
Но това, което те правят, е много готино.

330
00:21:05,290 --> 00:21:10,080
Те виртуализира софтуер за вас, така че може да работи с различни версии на IE, например.

331
00:21:10,080 --> 00:21:12,080
Можете да стартирате различни версии на Firefox.

332
00:21:12,080 --> 00:21:15,720
Можете да стартирате различни версии на Safari и тества всичките си сайтове там.

333
00:21:15,720 --> 00:21:18,360
За съжаление, те не са свободни.

334
00:21:18,360 --> 00:21:20,860
Това е платена услуга, така че винаги има нещо като това -

335
00:21:20,860 --> 00:21:26,070
винаги има нещо като този компромис между, добре, отивам да направя моя сайт изглежда добре.

336
00:21:26,070 --> 00:21:31,970
Ако е така, може би трябва да плащат за някои услуги, за да ми помогне да го направя.

337
00:21:31,970 --> 00:21:35,890
Всички въпроси в този момент за всичко, което си говорихме?

338
00:21:38,500 --> 00:21:41,210
Awesome. Добре.

339
00:21:41,210 --> 00:21:43,870
>> Сега имаме повече неща, за да си говорим.

340
00:21:43,870 --> 00:21:45,820
Какво ще кажете за грешки?

341
00:21:45,820 --> 00:21:48,670
Как да се уверите, че вашият сайт ще работи дори и при

342
00:21:48,670 --> 00:21:50,150
се случи нещо лошо?

343
00:21:50,150 --> 00:21:53,940
Може би не е нужно да има страница с име food.php.

344
00:21:53,940 --> 00:21:57,000
Но ме, отивам към вашия сайт и се опитвам да вляза food.php.

345
00:21:57,000 --> 00:22:00,770
Възможно ли е просто да ми покаже, че бяла страница, която казва 404 - Файлът не е намерен?

346
00:22:00,770 --> 00:22:04,400
Или ще кажете: "Е, съжалявам, че не можах да намеря това за вас,

347
00:22:04,400 --> 00:22:08,520
но може би тук са някои други ресурси, за да ви помогне да намерите това, което ви трябва. "

348
00:22:08,520 --> 00:22:13,180
Други грешки - това е така, това се нарича HTTP грешки, които са само някои кодове за грешка

349
00:22:13,180 --> 00:22:17,130
че вашият сървър може да изпраща обратно към браузъра, в случай на нещо лошо се случва.

350
00:22:17,130 --> 00:22:20,160
400 - Bad Request. 401 - неправомерно.

351
00:22:20,160 --> 00:22:25,560
403 е един вид често, когато имате една директория, която не е трябвало да бъдат достъпни

352
00:22:25,560 --> 00:22:27,310
от страна на потребителя, а потребителят се опитва да така или иначе.

353
00:22:27,310 --> 00:22:30,840
И 500 - вътрешна грешка в сървър - това обикновено се случва, когато има нещо

354
00:22:30,840 --> 00:22:33,070
наистина лошо става с код PHP.

355
00:22:33,070 --> 00:22:36,140
Но във всеки случай, тези видове браузъри - Тези видове грешки се случват.

356
00:22:36,140 --> 00:22:40,550
>> Така че, как да се уверете, че грациозно се справят с тези грешки

357
00:22:40,550 --> 00:22:43,230
и се уверете, че потребителят не е само нещо като виси там?

358
00:22:46,850 --> 00:22:48,850
Тук идва. Htaccess.

359
00:22:48,850 --> 00:22:51,300
Сега. Htaccess е нещо, което работи на Apache сървъри,

360
00:22:51,300 --> 00:22:55,550
нещо, което работи и работи върху няколко други сървъри, както добре.

361
00:22:55,550 --> 00:23:01,350
Това е просто начин да конфигурирате вашия сървър, така че

362
00:23:01,350 --> 00:23:04,470
можете да го правите каквото си искате да направите.

363
00:23:04,470 --> 00:23:06,790
Някои неща, които може да направи. Можете да контролирате настройките на кеша.

364
00:23:06,790 --> 00:23:11,290
Може би има известна страница на вашия уеб сайт, който да гарантира, че на потребителя

365
00:23:11,290 --> 00:23:14,740
изтеглите отново всеки път, когато потребителят идва и посещения на вашия сайт.

366
00:23:14,740 --> 00:23:26,980
Или може би имате някои URL, че е като yoursite.com / тест / HTML / страници / hello.html

367
00:23:26,980 --> 00:23:31,270
и просто искам това да бъде yourname.com / здравей -. добре, можете да използвате Htaccess

368
00:23:31,270 --> 00:23:34,760
за пренасочване на една страница в друга.

369
00:23:34,760 --> 00:23:36,600
Можете да го използвате, за да направи проверка на автентичността.

370
00:23:36,600 --> 00:23:39,890
Може би има някои части на уебсайта си, че ще трябва да използвате друга парола.

371
00:23:39,890 --> 00:23:42,620
Можете да блокирате определени адреси, да блокирате определени домейни.

372
00:23:42,620 --> 00:23:46,770
Може би просто наистина не ми харесва Харвард учениците използват вашия сайт.

373
00:23:46,770 --> 00:23:49,910
Е, имате възможност да блокира всички IP адреси в Харвард.

374
00:23:49,910 --> 00:23:56,370
>> И накрая, може да лекува неща - можете да напишете някои код, за да направите вашия сървър

375
00:23:56,370 --> 00:24:03,100
третират като. Джао или. вашето име или. Здравейте страници като код PHP.

376
00:24:03,100 --> 00:24:05,170
Може би това ще бъде от полза. Може би това няма да бъде.

377
00:24:05,170 --> 00:24:07,980
И накрая, можете да го използвате, за да се справят грешки отговори.

378
00:24:07,980 --> 00:24:10,300
Какво имам предвид с това?

379
00:24:10,300 --> 00:24:16,030
Ако просто добавете код, подобен на този - ErrorDocument 404 и след това да ги насочи към някои

380
00:24:16,030 --> 00:24:20,440
грешка на страницата, можете да се уверите, че потребителят не вижда само много, много грозна

381
00:24:20,440 --> 00:24:23,550
404 и да им покажем нещо хубаво.

382
00:24:23,550 --> 00:24:29,000
>> Нека наистина да погледнем как можем да направим това с вашия PSET 7.

383
00:24:29,000 --> 00:24:34,190
Ето, аз съм в моя уред.

384
00:24:34,190 --> 00:24:38,440
Ще се отвори Chrome, а след това аз ще се опитам да получат достъп до страница

385
00:24:38,440 --> 00:24:43,350
че не съществува в CS50 Finance.

386
00:24:43,350 --> 00:24:52,710
Така че, локалния хост - cats.php--така, забелязвам, че съм създал грешка документ

387
00:24:52,710 --> 00:24:54,770
, който казва: "Canz не намерите Z страница!"

388
00:24:54,770 --> 00:24:56,990
Тя е с много тъжна котка върху него.

389
00:24:56,990 --> 00:24:59,910
Ако отидете на Twitter, ако отидете на някой от тези сайтове,

390
00:24:59,910 --> 00:25:02,700
не можете да намерите на страница, те обикновено се опитват да ви покажа една сладка снимка

391
00:25:02,700 --> 00:25:04,850
така че не си много разочарован.

392
00:25:04,850 --> 00:25:07,830
Вие също може да има нещо, което е по-професионално, което казва:

393
00:25:07,830 --> 00:25:11,760
Е, съжалявам, че не можа да намери страницата, но може би тук е и поле за търсене.

394
00:25:11,760 --> 00:25:16,750
Или може би тук има линкове, които ще ви помогнат да намерите връзката, която искате.

395
00:25:16,750 --> 00:25:21,410
Е, как да направя това? Как е възможно?

396
00:25:21,410 --> 00:25:23,500
Ако се върнем в нашия терминал тук -

397
00:25:23,500 --> 00:25:26,300
Отивам да я увеличите малко -

398
00:25:26,300 --> 00:25:30,110
забележите, че имам една нова страница.

399
00:25:30,110 --> 00:25:34,440
Inside HTML моята директория се нарича - не можете да го видите -

400
00:25:34,440 --> 00:25:37,280
тя се нарича error.php.

401
00:25:37,280 --> 00:25:41,010
И error.php е просто файл, който съм направил

402
00:25:41,010 --> 00:25:43,030
който ви показва, че самата страница.

403
00:25:43,030 --> 00:25:46,710
Мога да ви покажа какво е error.php.

404
00:25:46,710 --> 00:25:48,710
Това е точно тази страница.

405
00:25:48,710 --> 00:25:50,710
Той казва: "О, не, не! Canz намерите Z страница!"

406
00:25:50,710 --> 00:25:58,630
И, ако искате да видите - това е така, забелязвам, че Htaccess вид е странно име..

407
00:25:58,630 --> 00:26:01,040
То започва с точка, което означава, че това е една файлова система.

408
00:26:01,040 --> 00:26:03,360
Това е един скрит файл, който обикновено не се показват.

409
00:26:03,360 --> 00:26:09,060
Ако го направите ли-а, можете да видите всички скрити файлове в дадена директория,

410
00:26:09,060 --> 00:26:12,030
И наистина, да те видя. Htaccess е един от тях.

411
00:26:12,030 --> 00:26:15,490
Да вървим напред и да се отворят Htaccess. -

412
00:26:15,490 --> 00:26:19,830
с Gedit -

413
00:26:19,830 --> 00:26:26,870
Boom! Всичко, което имам е една линия там - Грешка документ за грешки 404

414
00:26:26,870 --> 00:26:28,760
които са известни и като файл не--откритите грешки.

415
00:26:28,760 --> 00:26:32,720
Нека да ги пренасочи към нещо, наречено error.php.

416
00:26:36,100 --> 00:26:42,030
Можете да имате забавни неща, като не canz намерите Z страница!

417
00:26:42,030 --> 00:26:46,770
И там също са много готини неща, които можете да правите с. Htaccess.

418
00:26:46,770 --> 00:26:49,520
Ако искате да видите повече. Htaccess магия,

419
00:26:49,520 --> 00:26:56,470
това е много готин сайт, за да отидете на - тя се нарича javascriptkit.com/howto/htaccess.shtml--

420
00:26:56,470 --> 00:27:01,880
ако искате да се извършват повече магия сървър. И това може да бъде много забавно.

421
00:27:01,880 --> 00:27:05,490
>> Уф! Добре! Повече сладки снимки.

422
00:27:05,490 --> 00:27:10,060
Това е човек, който прави лицеви опори, и котката се опитва да помогне. Мисля, че е много сладък.

423
00:27:10,060 --> 00:27:14,830
За съжаление, аз не разполагат с котка подобно.

424
00:27:14,830 --> 00:27:17,640
Добре. Така че, ние сме говорили за. Htaccess.

425
00:27:17,640 --> 00:27:19,640
Ние говорихме за обработка на грешки.

426
00:27:19,640 --> 00:27:20,940
Ние говорихме за хостинг, домейн имена.

427
00:27:20,940 --> 00:27:23,230
Ние говорихме за кръстосано браузър съвместимост.

428
00:27:23,230 --> 00:27:25,210
Сега как ще се уверите, че вашият сайт фактически осъществява?

429
00:27:25,210 --> 00:27:26,950
Как да се уверите, че ако отида към вашия сайт

430
00:27:26,950 --> 00:27:29,830
Мога да видя вашия сайт в рамките на няколко секунди?

431
00:27:29,830 --> 00:27:33,520
Едно от нещата, които мисля, че хората просто някак забравят за

432
00:27:33,520 --> 00:27:36,160
е изображението оптимизация.

433
00:27:36,160 --> 00:27:37,560
Да речем, че искате да сложите снимка на твоя сайт

434
00:27:37,560 --> 00:27:40,330
за 2 MG голям.

435
00:27:40,330 --> 00:27:42,670
Това може да е добре за нас, защото ние сме в Харвард,

436
00:27:42,670 --> 00:27:45,000
и ние имаме много бърза интернет връзка.

437
00:27:45,000 --> 00:27:47,470
Но представете си някой в ​​Китай. Представете си някой в ​​Индия.

438
00:27:47,470 --> 00:27:52,440
представете си някой може би в селските Канзас, които може би не са едно и също нещо

439
00:27:52,440 --> 00:27:54,690
широколентов интернет, че имаме.

440
00:27:54,690 --> 00:27:57,710
Ако имате 2 MB изображението на сайта си, а потребителят се опитва да го достигнете,

441
00:27:57,710 --> 00:28:00,890
това ще им отнеме много дълго време, за да изтеглите.

442
00:28:00,890 --> 00:28:04,160
Така че, ако не се нуждаят от този вид резолюция,

443
00:28:04,160 --> 00:28:09,220
След това можете да промените размера на изображението с нещо като Adobe Photo Shop.

444
00:28:09,220 --> 00:28:13,400
Обикновено има опция, наречена безопасни за уеб и устройства,

445
00:28:13,400 --> 00:28:15,850
и това, което тя прави е да го извлича по всички канали на ненужна информация

446
00:28:15,850 --> 00:28:20,160
и нещо като уплътнява файла си в малък размер на изображението, така че да можете да

447
00:28:20,160 --> 00:28:22,960
сложи го на вашия сайт, и всеки потребител, който се опитва да изтеглите тази страница

448
00:28:22,960 --> 00:28:26,950
ще изтеглите по-малка версия на изображението.

449
00:28:26,950 --> 00:28:28,230
Ако не разполагате с Adobe Photo Shop

450
00:28:28,230 --> 00:28:32,650
webresizer.com и друг ресурс, където можете да въведете вашия имидж

451
00:28:32,650 --> 00:28:36,470
и той ще изплюе точно същия образ,

452
00:28:36,470 --> 00:28:39,970
но това ще бъде нещо като три пъти по-малки.

453
00:28:39,970 --> 00:28:41,970
Така че това е много полезно за потребителите си.

454
00:28:41,970 --> 00:28:45,930
>> Друго нещо, което можете да направите, е да омаловажавам код.

455
00:28:45,930 --> 00:28:48,460
Ако вземем един поглед към Google.com,

456
00:28:48,460 --> 00:28:56,400
ще видите, че това не е нещо от същия HTML и CSS, които сме свикнали.

457
00:28:56,400 --> 00:29:02,250
Просто ще погледнете изходния код тук.

458
00:29:02,250 --> 00:29:07,600
Ако аз просто превъртете надолу - Уау, това изглежда доста отвратително.

459
00:29:07,600 --> 00:29:09,650
Това ще се получи нула за стил.

460
00:29:09,650 --> 00:29:13,470
Ако кодиран този за PSET, вие ще получите нула на вашия стил.

461
00:29:13,470 --> 00:29:16,990
Това не е разстояние. Имената изглежда наистина загадъчен.

462
00:29:16,990 --> 00:29:19,800
Всичко е наистина отвратително.

463
00:29:19,800 --> 00:29:24,060
И сценария, за да затворите в тялото - на HTML затваряне -

464
00:29:24,060 --> 00:29:26,280
всички те са заедно - всички smushed заедно.

465
00:29:26,280 --> 00:29:28,280
Защо го правят това?

466
00:29:28,280 --> 00:29:30,650
Те minified им код.

467
00:29:30,650 --> 00:29:33,310
Забележете, че този документ ще бъде много по-малък

468
00:29:33,310 --> 00:29:36,660
за мен да изтеглите от нещо с бяло пространство,

469
00:29:36,660 --> 00:29:39,410
отколкото нещо с много дълги имена на променливи.

470
00:29:39,410 --> 00:29:41,710
Ако стопяват кода ви съблекат цялото празно пространство.

471
00:29:41,710 --> 00:29:45,960
Разбира се, вашият браузър не му пука, ако имате някакви празно пространство в кода си.

472
00:29:45,960 --> 00:29:49,630
Ти го съблекат, сега мога да изтеглите по-малък файл -

473
00:29:49,630 --> 00:29:52,770
сега файла - документът, който ние ще изтеглите има по-малък размер на файла,

474
00:29:52,770 --> 00:29:56,180
тя ще бъде по-бързо за мен да изтеглите, и това е полезно.

475
00:29:56,180 --> 00:30:01,550
Ако работите с уеб сайтове и сте стартиране на уебсайт,

476
00:30:01,550 --> 00:30:04,630
това е почти винаги е добре да омаловажавам вашия код.

477
00:30:04,630 --> 00:30:08,150
Друга причина, поради която може да е добро, е може би не искате другите да използвате вашия код.

478
00:30:08,150 --> 00:30:11,050
Може би не искате другите да използвате CSS.

479
00:30:11,050 --> 00:30:13,460
Знаеш ли, ако наистина искаше да бъде стиснат с това,

480
00:30:13,460 --> 00:30:16,670
След това можете да омаловажавам си код, и би било по-трудно за мен да го открадне

481
00:30:16,670 --> 00:30:19,170
защото нямам представа какво става.

482
00:30:19,170 --> 00:30:22,990
Можете също да отидете в сайтове като minify.avivo.si.

483
00:30:22,990 --> 00:30:27,900
Услуги като този онлайн помогне да омаловажавам кода си, така че да не се налага да го правя на ръка.

484
00:30:27,900 --> 00:30:30,080
Определено не го прави на ръка.

485
00:30:30,080 --> 00:30:32,210
>> Добре. Сега говорим за скриптове.

486
00:30:32,210 --> 00:30:35,040
Може би в PHP кода си има нещо, което не е нужно да се направи.

487
00:30:35,040 --> 00:30:37,910
Може да има допълнителни линии в там.

488
00:30:37,910 --> 00:30:40,850
Ние говорихме за код дизайн в CS50.

489
00:30:40,850 --> 00:30:44,550
Дори ако сте кодиране в C, ако имате - ако правиш допълнителна работа

490
00:30:44,550 --> 00:30:49,440
че не е нужно да се направи, е, че това ще се забави скриптове на вашия сайт,

491
00:30:49,440 --> 00:30:53,280
и това е особено важно за сайтове, защото потребителите в днешно време са много нетърпеливи.

492
00:30:53,280 --> 00:30:56,110
Ако правите ненужната работа, че ще ги отнеме повече време

493
00:30:56,110 --> 00:31:00,080
за да стигнем до информация, която те искат, и те ще бъдат много нещастни.

494
00:31:00,080 --> 00:31:02,200
И накрая, може да искате да оптимизирате таблиците в базата данни.

495
00:31:02,200 --> 00:31:05,020
Запомни говорихме за индексите.

496
00:31:05,020 --> 00:31:09,420
Те не са само добро за като се уверите, че имате ред, който е уникален.

497
00:31:09,420 --> 00:31:12,440
Те също са добри за да гарантира, че вашата база данни работи бързо.

498
00:31:12,440 --> 00:31:16,240
Ако искате да прочетете за това, че вървим към документацията MySQL,

499
00:31:16,240 --> 00:31:18,710
или можете да погледнете - Е, как да оптимизирам моята маса база данни?

500
00:31:18,710 --> 00:31:23,350
Как да съм сигурен, че имам показатели, които да ми помогне да стигнем до информация по-бързо?

501
00:31:23,350 --> 00:31:27,300
>> Има и малки трикове, които можете да използвате, като кеширане.

502
00:31:27,300 --> 00:31:28,980
Ако имате PHP - ако имате блог, например,

503
00:31:28,980 --> 00:31:31,980
и трябва - и се захранва от PHP или от друг език -

504
00:31:31,980 --> 00:31:37,690
можете да кешират блога си Да кажем, 50-минутни интервали, така че да може да служи на статични страници

505
00:31:37,690 --> 00:31:40,610
или статични HTML на посетителите на вашия сайт.

506
00:31:40,610 --> 00:31:43,380
По този начин потребителите не се налага да стартирате PHP скрипт всеки път,

507
00:31:43,380 --> 00:31:47,410
и може би това ще бъде по-бързо, за да получите достъп до тази информация.

508
00:31:47,410 --> 00:31:49,410
>> И накрая, можете да използвате нещо като CDN.

509
00:31:49,410 --> 00:31:51,900
Забележете, че когато сваляте PSET,

510
00:31:51,900 --> 00:31:54,890
Вие винаги отивам да CDN.CS50.net. Защо е така?

511
00:31:54,890 --> 00:32:01,540
CS50 също използва нещо като CDN - мрежа за разпространение на съдържание -

512
00:32:01,540 --> 00:32:06,120
което просто означава, че това е куп от сървъри, може би някъде по света

513
00:32:06,120 --> 00:32:08,120
че помощта служи страниците на посетителите си.

514
00:32:08,120 --> 00:32:13,770
Ако си посетител става една страница от сървър, който е по-близо до тях географски,

515
00:32:13,770 --> 00:32:16,770
тогава най-вероятно си посетител ще получи този файл, много по-бързо.

516
00:32:16,770 --> 00:32:20,490
Има и онлайн източници, които ви помагат да направите това.

517
00:32:20,490 --> 00:32:24,070
Един от тях е CloudFlare. Те предлагат безплатен CDN.

518
00:32:24,070 --> 00:32:26,020
Ако имате големи файлове, които си служат за вашите потребители,

519
00:32:26,020 --> 00:32:32,260
тогава може би е по-добре да бъдат поставени на една CDN, така че те могат да стигнат до тях по-бързо.

520
00:32:32,260 --> 00:32:39,070
>> Крайният тема за деня е оптимизация на уеб сайтове.

521
00:32:39,070 --> 00:32:41,070
Какво е оптимизация за търсачки?

522
00:32:41,070 --> 00:32:44,070
Това е като се уверите, че търсачки като Google или Bing или Yahoo

523
00:32:44,070 --> 00:32:50,740
може да продължи към вашия сайт и индексираме сайта и индексира вашия сайт и когато

524
00:32:50,740 --> 00:32:53,040
Аз, например, преминете към Google.com и аз се опитвам да търси нещо,

525
00:32:53,040 --> 00:32:55,040
тогава вашия сайт ще изскочи.

526
00:32:55,040 --> 00:32:57,000
Как да се уверите, че вашият сайт е един от топ 10?

527
00:32:57,000 --> 00:33:00,000
Защото както всички знаем, ако търсите нещо на Google

528
00:33:00,000 --> 00:33:02,880
и това не е за топ 10, което най-вероятно няма да гледам през следващите 10.

529
00:33:02,880 --> 00:33:07,160
Това е нещо като тема, която е обвит в мистерия.

530
00:33:07,160 --> 00:33:09,850
Има много на свръх там в интернет.

531
00:33:09,850 --> 00:33:14,680
Има много суеверия, ако трябва да се х след това Google ще искате по-добре.

532
00:33:14,680 --> 00:33:16,680
Ако все пак у тогава Google ще искате по-добре.

533
00:33:16,680 --> 00:33:19,680
Това е може би по-добре да погледнем в търсене гигант самите документи.

534
00:33:19,680 --> 00:33:27,470
>> Това е един от документите на Google, които ви кажа точно как да оптимизирате сайта си

535
00:33:27,470 --> 00:33:30,860
така че Google може да има достъп и да го индекс много добре.

536
00:33:30,860 --> 00:33:33,680
Не е нужно да копирате този URL, защото това представяне ще

537
00:33:33,680 --> 00:33:36,680
да бъде на линия във всеки случай.

538
00:33:36,680 --> 00:33:38,770
Ако се вгледате в това и да прочетете това има някои много полезни съвети там.

539
00:33:38,770 --> 00:33:42,240
The Google ви казва - ако наистина искате вашия сайт да се индексира добре

540
00:33:42,240 --> 00:33:44,610
след това трябва да направите всички тези неща.

541
00:33:44,610 --> 00:33:47,570
>> Друго нещо, което търсачките наистина харесвам е прясно съдържание.

542
00:33:47,570 --> 00:33:49,500
Ако имате съдържание, което се актуализира много редовно

543
00:33:49,500 --> 00:33:51,950
тогава търсачките казват, ох, аз харесвам вашия сайт.

544
00:33:51,950 --> 00:33:53,950
Отивам да отидете на сайта си много често.

545
00:33:53,950 --> 00:33:56,840
Отивам да индексира много от страниците си.

546
00:33:56,840 --> 00:33:59,560
Ако имате прясно съдържание след това е по-вероятно да се появи -

547
00:33:59,560 --> 00:34:02,540
вие сте по-вероятно да бъде по-голямо значение.

548
00:34:02,540 --> 00:34:04,630
Ти си по-вероятно да бъде по-актуална,

549
00:34:04,630 --> 00:34:08,860
и търсачките са по-склонни да сложиш сайт над другите.

550
00:34:08,860 --> 00:34:10,860
>> Дълбоки връзки също са важни.

551
00:34:10,860 --> 00:34:13,530
Ако наистина искате вашия сайт да изглежда добре в очите на търсачката

552
00:34:13,530 --> 00:34:18,090
има много други уеб сайтове, свързани с него и са свързани дълбоко в уебсайта си.

553
00:34:18,090 --> 00:34:20,090
Не просто линк към началната си страница.

554
00:34:20,090 --> 00:34:26,719
Линк към може би yourname.com / нещо / нещо / something.php.

555
00:34:26,719 --> 00:34:29,840
Това - на търсачката - средства, уау, те имат наистина интересно съдържание

556
00:34:29,840 --> 00:34:35,350
че някой друг се свързва така дълбоко в своя сайт, че аз трябва наистина, наистина

557
00:34:35,350 --> 00:34:38,260
постави по-голямо значение върху страниците, които сайта.

558
00:34:38,260 --> 00:34:41,940
>> Ако имате точни заглавия на страници, ако нямате грешки, че е добре, защото

559
00:34:41,940 --> 00:34:44,670
ако на търсачката се опитва да посещават вашия сайт, и става все по грешка,

560
00:34:44,670 --> 00:34:46,780
Това вероятно ще се откажат от много, много скоро.

561
00:34:46,780 --> 00:34:49,510
И накрая, вие искате да имате зарежда бързо, защото търсачките -

562
00:34:49,510 --> 00:34:53,820
точно като хората - Недей да има много търпение, за бавни сайтове.

563
00:34:53,820 --> 00:34:57,070
Това е начин за вас да се уверете, че се появи по-високо в

564
00:34:57,070 --> 00:35:01,390
търсачката запитвания и да се надяваме по този начин да получите повече трафик.

565
00:35:01,390 --> 00:35:04,730
Защото в края на краищата, вие сте прекарали цялото това време развитието на вашия сайт.

566
00:35:04,730 --> 00:35:06,280
Прекара цялото това време стартира този уебсайт онлайн.

567
00:35:06,280 --> 00:35:11,780
Вие искате да се уверите, че имате много потребители, които действително виждат вашето съдържание.

568
00:35:13,330 --> 00:35:15,660
>> Други добри ресурси, за да използвате.

569
00:35:15,660 --> 00:35:19,210
Google Webmaster Tools е нещо, което да изглежда, за да.

570
00:35:19,210 --> 00:35:21,780
Това само ще ви помогне да видите - Google не индексира сайта ми.

571
00:35:21,780 --> 00:35:24,490
Какви видове грешки се натъкват на него?

572
00:35:24,490 --> 00:35:27,490
Колко страници е тя индексира?

573
00:35:27,490 --> 00:35:29,490
Какво мислите, че е най-важното съдържание на страницата ми?

574
00:35:29,490 --> 00:35:31,490
Може би това не е, което искам да бъде.

575
00:35:31,490 --> 00:35:36,880
Може би трябва да променя моя сайт малко, така че това е отразено по-добре

576
00:35:36,880 --> 00:35:38,880
какво ми сайт е наистина за.

577
00:35:38,880 --> 00:35:41,000
Google Analytics е друг много готин инструмент.

578
00:35:41,000 --> 00:35:44,120
Можете да добавите малко JavaScript на страниците си.

579
00:35:44,120 --> 00:35:47,020
И след това след това можете да отидете на Google Analytics, и ще следи

580
00:35:47,020 --> 00:35:49,020
си посетител демографски и вашия сайт растеж.

581
00:35:49,020 --> 00:35:51,810
Тя ще Ви каже точно колко посетители посещават вашия сайт

582
00:35:51,810 --> 00:35:55,310
в рамките на определен ден, в определен час, в рамките на определен седмица.

583
00:35:55,310 --> 00:35:57,310
Колко посетители от Китай? Колко посетители от Антарктида -

584
00:35:57,310 --> 00:35:59,310
сте се към вашия сайт.

585
00:35:59,310 --> 00:36:03,470
, че може да е нещо готино да се види или може дори да бъдат полезни

586
00:36:03,470 --> 00:36:05,470
защото се опитвате да насочите определена група.

587
00:36:05,470 --> 00:36:08,410
Може би се опитвате да насочите тийнейджъри с вашия уеб сайт, и ще видите, че

588
00:36:08,410 --> 00:36:11,410
повечето от посетителите на уебсайта, са може би 30 - до 40-годишните,

589
00:36:11,410 --> 00:36:15,130
тогава може би или че имате проблем или може просто да се каже,

590
00:36:15,130 --> 00:36:19,590
Е, тогава може би просто трябва да се промени фокуса моя сайт, така че

591
00:36:19,590 --> 00:36:22,240
Аз се съсредоточи повече върху тази възрастова група.

592
00:36:22,240 --> 00:36:28,500
>> Google Apps - ако исках да имам нещо като имейли с вашето име на домейн -

593
00:36:28,500 --> 00:36:31,230
може би нещо като yourname@yourname.com--

594
00:36:31,230 --> 00:36:35,270
можете да използвате Gmail адреси - можете да използвате Gmail услуга

595
00:36:35,270 --> 00:36:38,500
и Google Apps е един от начините да се направи това.

596
00:36:38,500 --> 00:36:44,050
Можете да зададете конкретни имейл адреси, които са специфични за вашето име на домейн

597
00:36:44,050 --> 00:36:46,800
вместо of@gmail.com.

598
00:36:46,800 --> 00:36:51,840
>> И накрая, има и уеб разработчик разширения и добавки - за Chrome,

599
00:36:51,840 --> 00:36:56,380
за Firefox, за други браузъри - които ви позволяват да ида и да инспектира

600
00:36:56,380 --> 00:37:02,290
CSS, JavaScript инспектира, вижте какво точно не е наред с вашия скрипт JavaScript,

601
00:37:02,290 --> 00:37:05,290
и може би това ще бъде полезно за вашите де-подслушване цели, за да намери изход -

602
00:37:05,290 --> 00:37:08,630
Е, защо да не е моя сайт показва правилно в този браузър?

603
00:37:08,630 --> 00:37:11,800
>> И накрая, ако искате да научите повече за всички тези теми -

604
00:37:11,800 --> 00:37:14,410
ако искате да научите повече за HTML CSS и JavaScript и -

605
00:37:14,410 --> 00:37:16,790
защото в крайна сметка, ние само да ви научи малко -

606
00:37:16,790 --> 00:37:21,240
можете да отидете на сайтове като W3Schools.com да търсят повече ресурси.

607
00:37:21,240 --> 00:37:26,340
Те имат много хубави уроци за това как да направя, X, Y или какво означава това?

608
00:37:26,340 --> 00:37:30,400
Ако искате да научите повече за тези езици, можете просто да отидете тук.

609
00:37:30,400 --> 00:37:37,690
>> Добре. Мисля, че иска да напусне последните няколко минути на тази за въпроси,

610
00:37:37,690 --> 00:37:39,810
така че има ли въпроси за всичко, което си говорихме?

611
00:37:39,810 --> 00:37:43,500
[Публиката] Какви видове неща са на W3Schools и как се покриват?

612
00:37:43,500 --> 00:37:45,500
[Yuechen Zhao] Какви неща?

613
00:37:45,500 --> 00:37:50,180
Така че, един от най-големите неща, които използват много е справки за тях.

614
00:37:50,180 --> 00:37:54,430
Справки за тях подробно, например за CSS -

615
00:37:54,430 --> 00:37:59,480
какво означава това, или ако искате да промените фона на страницата -

616
00:37:59,480 --> 00:38:01,480
как да го направя?

617
00:38:01,480 --> 00:38:04,550
Кои браузъри поддържат тази команда? Такива неща.

618
00:38:04,550 --> 00:38:10,870
И тогава те просто имат много хубави уроци за HTML, за PHP, за JavaScript,

619
00:38:10,870 --> 00:38:14,290
на MySQL, на най-различни теми.

620
00:38:14,290 --> 00:38:18,800
Те имат хубави уроци. Те ви научи как да правят нещата.

621
00:38:18,800 --> 00:38:22,590
Това е хубаво да бъде в състояние да отидат и да научат повече за тези теми.

622
00:38:22,590 --> 00:38:27,180
>> [Публиката] HTML 5 е все още не е съвместим с всички браузъри там.

623
00:38:27,180 --> 00:38:30,700
Бихте ли препоръчали просто да стоим далеч от него поради проблеми със съвместимостта?

624
00:38:30,700 --> 00:38:32,700
Как ще се справят с това?

625
00:38:32,700 --> 00:38:38,640
[Yuechen Zhao] Да, това е така, въпросът е HTML5 все още е бебе стандарт.

626
00:38:38,640 --> 00:38:42,030
Всъщност не е подкрепен от много браузъри, така че трябва да се избегне това?

627
00:38:42,030 --> 00:38:48,040
Мисля, че миналата година, щях да съм много голям привърженик на, нека да се избегне HTML5

628
00:38:48,040 --> 00:38:52,430
, защото тя все още е - това е все още много нов и в действителност, HTML5 стандарт

629
00:38:52,430 --> 00:38:55,610
не е приключила.

630
00:38:55,610 --> 00:38:58,790
И така, наистина не е HTML5 стандарт.

631
00:38:58,790 --> 00:39:03,840
Но аз мисля, особено ако сте проектиране на уеб сайт сега,

632
00:39:03,840 --> 00:39:07,450
тя може да бъде по-добре, ако просто отидете с HTML5, защото това е един вид ще бъде в бъдеще,

633
00:39:07,450 --> 00:39:11,250
и ако искате вашия сайт да бъде пригоден за бъдещето, и искате вашия сайт да работи

634
00:39:11,250 --> 00:39:14,320
в бъдещите браузъри, може да е по-добре да започнеш нещо сграда за бъдещето

635
00:39:14,320 --> 00:39:19,830
отколкото за миналото, а също и само заради факта, че HTML5 наистина не е толкова различно

636
00:39:19,830 --> 00:39:23,080
от HTML4 или XHTML.

637
00:39:23,080 --> 00:39:29,780
Ако използвате HTML5, той обикновено ще работи в повечето браузъри.

638
00:39:29,780 --> 00:39:34,660
Просто трябва някак да ида и да се уверите с тези скрийншоти

639
00:39:34,660 --> 00:39:38,630
и като се уверите с става с тези сайтове себе си.

640
00:39:38,630 --> 00:39:44,280
Но най-вероятно той ще работи, освен ако не се използват много специфични характеристики на HTML5.

641
00:39:44,280 --> 00:39:50,240
Забележете също, че за CS50 - например за видео плейър, който ние използваме -

642
00:39:50,240 --> 00:39:56,230
той използва HTML5 и HTML5 видео за показване на лекциите.

643
00:39:56,230 --> 00:39:59,420
Но ако имате много стар браузър, а след това ще падне обратно на Flash.

644
00:39:59,420 --> 00:40:01,420
Така, че това също е нещо друго -

645
00:40:01,420 --> 00:40:05,190
имат алтернативен система за когато просто знам, че браузърът няма да се справят

646
00:40:05,190 --> 00:40:08,140
това, което искате да се справя.

647
00:40:08,140 --> 00:40:10,140
>> Други въпроси?

648
00:40:10,140 --> 00:40:13,270
Всичко, което си говорихме.

649
00:40:16,910 --> 00:40:20,750
Добре. Тогава мисля, че е за него и за мен.

650
00:40:20,750 --> 00:40:23,090
Мисля, че това е всичко.

651
00:40:23,090 --> 00:40:28,430
(Аплодисменти)

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

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