1
00:00:00,000 --> 00:00:02,000
[Powered by Google Translate] [Séminaire] [Préparation de votre site pour le Web]

2
00:00:02,000 --> 00:00:05,000
[Yuechen Zhao] [Université de Harvard]

3
00:00:05,000 --> 00:00:07,000
[C'est CS50.] [CS50.TV]

4
00:00:07,000 --> 00:00:11,660
>> Okay. Voici une autre heure du développement web si vous les gars sont prêts pour cela.

5
00:00:11,660 --> 00:00:16,290
Aujourd'hui, je vais parler de la préparation de votre site pour le Web.

6
00:00:16,290 --> 00:00:20,260
Toute la journée - et probablement pour les 2 dernières semaines -

7
00:00:20,260 --> 00:00:22,240
nous avons parlé de la façon de créer un site web,

8
00:00:22,240 --> 00:00:24,880
Comment utiliser le HTML, comment utiliser PHP, comment utiliser les cadres,

9
00:00:24,880 --> 00:00:29,420
Comment assurez-vous que vous pouvez interagir avec la base de données - des choses comme ça.

10
00:00:29,420 --> 00:00:34,830
Mais aujourd'hui, nous allons parler de là où votre site va vivre après CS50.

11
00:00:34,830 --> 00:00:40,010
Parce qu'après tout, CS50 n'arrive pas passé Décembre.

12
00:00:40,010 --> 00:00:42,090
Nous allons parler de noms de domaine, hébergement.

13
00:00:42,090 --> 00:00:44,790
Nous allons parler de ce que la compatibilité cross-browser

14
00:00:44,790 --> 00:00:49,540
et la compatibilité multi-plateforme, et comment vous pouvez vous assurer que votre site

15
00:00:49,540 --> 00:00:51,610
va fonctionner dans toutes les conditions.

16
00:00:51,610 --> 00:00:54,330
Nous parlerons de la gestion des erreurs et d'autres magie du serveur.

17
00:00:54,330 --> 00:00:57,890
Nous parlons d'optimisation des performances, l'optimisation des moteurs de recherche,

18
00:00:57,890 --> 00:01:00,310
et comment amener les gens à réellement visiter vos sites Web.

19
00:01:00,310 --> 00:01:05,960
Et enfin, juste quelques bonnes ressources pour vous assurer que vous les gars ont assez de ceux

20
00:01:05,960 --> 00:01:09,680
de partir avec votre projet final, et j'espère après.

21
00:01:09,680 --> 00:01:13,120
>> La première chose que nous allons parler est des noms de domaine.

22
00:01:13,120 --> 00:01:18,020
En ce moment vous programmez dans votre appareil, vous allez à un hôte local

23
00:01:18,020 --> 00:01:20,360
ce qui n'est pas réellement un nom de domaine.

24
00:01:20,360 --> 00:01:26,370
C'est en quelque sorte juste un surnom ou un pseudonyme pour votre installation réelle Linux

25
00:01:26,370 --> 00:01:31,150
à l'intérieur de chaque VMware sur un lecteur Mac ou VMware sur un PC.

26
00:01:31,150 --> 00:01:36,510
Les noms de domaine vous permettent de mettre un site sur le Web, puis allez à quelque chose comme

27
00:01:36,510 --> 00:01:39,400
www.google.com et obtenir le site.

28
00:01:39,400 --> 00:01:41,500
Comment fonctionnent-ils?

29
00:01:41,500 --> 00:01:43,390
Disons que vous êtes juste un serveur Web moyenne -

30
00:01:43,390 --> 00:01:50,080
moyenne internaute et vous avez un ordinateur portable, et vous allez à www.howstuffworks.com.

31
00:01:50,080 --> 00:01:52,570
Vous pouvez probablement voir où j'ai volé ce à partir.

32
00:01:52,570 --> 00:01:57,300
Comment la substance fonctionne - votre ordinateur va alors demander à un serveur DNS local,

33
00:01:57,300 --> 00:01:59,300
"Savez-vous où ce site est?"

34
00:01:59,300 --> 00:02:02,200
«Connaissez-vous l'adresse IP de www.howstuffworks.com?"

35
00:02:02,200 --> 00:02:05,580
Votre serveur DNS pourrait dire: «Oui, je le fais."

36
00:02:05,580 --> 00:02:09,139
Dans ce cas, vous obtenez l'adresse IP et votre ordinateur accède à cette adresse IP.

37
00:02:09,139 --> 00:02:15,050
Si ce n'est pas, il demande à un autre serveur DNS, "Hey! Savez-vous ce www.howstuffworks.com est?"

38
00:02:15,050 --> 00:02:17,670
Ce serveur peut dire: «Oui, je le fais."

39
00:02:17,670 --> 00:02:22,500
Alors, il dit l'autre ce qu'il est, et enfin, que l'information est transmis à votre ordinateur,

40
00:02:22,500 --> 00:02:24,680
et vous pouvez accéder howstuffworks.com.

41
00:02:24,680 --> 00:02:27,540
>> Comment pouvez-vous obtenir un de ces choses magiques?

42
00:02:27,540 --> 00:02:32,940
Comment pouvez-vous peut-être www.yourname.com ou www.ilovecats.com?

43
00:02:32,940 --> 00:02:35,350
Vous pouvez vous inscrire pour l'un,

44
00:02:35,350 --> 00:02:38,280
et il ya beaucoup de sites là-bas qui vous permettent de le faire.

45
00:02:38,280 --> 00:02:41,420
Vous devez - dans la plupart des cas, vous devez payer pour eux.

46
00:02:41,420 --> 00:02:43,890
Il ya certains noms de domaine qui sont libres.

47
00:02:43,890 --> 00:02:50,900
Si vous allez à tkdomainnames www.co.cc ou., Ceux qui sont libres.

48
00:02:50,900 --> 00:02:56,500
Mais, ils viennent avec certaines restrictions, et en fait, certains d'entre eux pourraient même ne pas être

49
00:02:56,500 --> 00:03:00,540
, les noms de domaine de premier niveau réel comme. com ou. net.

50
00:03:00,540 --> 00:03:03,300
Normalement, je suggère d'aller à l'un d'eux

51
00:03:03,300 --> 00:03:07,060
parce que les utilisateurs sont tout simplement plus à l'aise avec celles-ci.

52
00:03:07,060 --> 00:03:10,070
Vous avez vu beaucoup de. Coms. Vous avez vu beaucoup de filets..

53
00:03:10,070 --> 00:03:13,790
Vous n'avez probablement pas vu beaucoup de s '. Co.cc, ils sont donc plus difficiles à retenir.

54
00:03:13,790 --> 00:03:18,900
Différents sites comme Godaddy ou NameCheap ou - j'ai utilisé celui qui est

55
00:03:18,900 --> 00:03:21,550
assez rudimentaires - disant activedomain.com.

56
00:03:21,550 --> 00:03:24,160
On dirait vraiment rudimentaire, mais ça a très bien fonctionné pour moi.

57
00:03:24,160 --> 00:03:27,810
>> Et enfin, vous avez d'autres qui n'ont peut-être plus de publicité comme Network Solutions.

58
00:03:27,810 --> 00:03:31,140
Mais si vous allez sur NetworkSolutions.com et regardez leur prix

59
00:03:31,140 --> 00:03:34,070
il est vraiment trop cher. Je les regardais hier soir.

60
00:03:34,070 --> 00:03:37,400
Pendant un an, d'un nom de domaine, c'est probablement pas la peine que beaucoup d'argent.

61
00:03:37,400 --> 00:03:40,210
En fait, si vous obtenez un. Com ou un. Org ou. Net

62
00:03:40,210 --> 00:03:43,430
le prix habituel est d'environ 10 $ par année.

63
00:03:43,430 --> 00:03:48,710
Donc, si vous payez beaucoup plus que cela, il n'est probablement pas ce que ça vaut le coup

64
00:03:48,710 --> 00:03:52,440
car, après tout, ces sites ne font rien à ce nom de domaine.

65
00:03:52,440 --> 00:03:58,270
Elles me donnent à vous, et si vous pouvez l'obtenir pour pas cher, pourquoi pas?

66
00:03:58,270 --> 00:04:02,540
>> L'autre chose est que une fois que vous avez votre nom de domaine, alors vous voudrez probablement

67
00:04:02,540 --> 00:04:08,610
aller à soit Godaddy.com ou partout où vous avez acheté votre nom de domaine

68
00:04:08,610 --> 00:04:11,220
et définir les serveurs de noms pour ce nom de domaine.

69
00:04:11,220 --> 00:04:15,560
Qu'est-ce que cela signifie est une fois qu'un utilisateur se rend à www.howstuffworks.com,

70
00:04:15,560 --> 00:04:20,839
les adresses IP des serveurs de noms sont les adresses IP qu'ils seraient en mesure de regarder vers le haut.

71
00:04:20,839 --> 00:04:24,680
Ils seraient en mesure d'accéder à votre site web à travers les serveurs de noms.

72
00:04:24,680 --> 00:04:26,830
Si vous postulez pour accueillir quelque part

73
00:04:26,830 --> 00:04:31,210
alors votre hôte sera très probablement vous donner les serveurs de noms à utiliser.

74
00:04:31,210 --> 00:04:34,210
>> Et enfin, il ya ce qu'on appelle un WHOIS.

75
00:04:34,210 --> 00:04:38,890
Une base de données WHOIS est une base de données avec laquelle vous pouvez saisir un nom de domaine

76
00:04:38,890 --> 00:04:44,170
et il va cracher quelques informations sur le propriétaire de ce site et d'autres informations de contact.

77
00:04:44,170 --> 00:04:49,080
Maintenant, vous pouvez dire: «Je ne veux pas vraiment mon domicile ou je ne veux pas vraiment mon adresse email

78
00:04:49,080 --> 00:04:54,010
sur le site web pour quiconque de voir ou sur Internet pour tout le monde à voir ".

79
00:04:54,010 --> 00:04:57,740
Ensuite, vous pouvez utiliser quelque chose que beaucoup de services d'hébergement de fournir -

80
00:04:57,740 --> 00:04:59,740
comme un gestionnaire WHOIS.

81
00:04:59,740 --> 00:05:03,550
Un gestionnaire WHOIS est tout simplement un autre service que beaucoup d'entre eux prévoient que

82
00:05:03,550 --> 00:05:07,700
se cache cette information et met juste à qui est responsable pour le nom -

83
00:05:07,700 --> 00:05:13,070
pour l'adresse, il est généralement juste que nom de la société qui vous a donné ce nom de domaine -

84
00:05:13,070 --> 00:05:17,350
et ainsi, vos informations personnelles ne sont pas l'objet de fuites sur Internet,

85
00:05:17,350 --> 00:05:19,350
qui est généralement assez bon.

86
00:05:19,350 --> 00:05:21,350
J'utilise moi-même un de ces services.

87
00:05:21,350 --> 00:05:25,630
Si vous ne vous souciez pas de votre propre vie privée alors il n'a pas vraiment d'importance.

88
00:05:25,630 --> 00:05:32,490
>> Un serveur DNS est synonyme de système de noms de domaine, et ce qu'elle est -

89
00:05:32,490 --> 00:05:36,560
c'est un peu comme un endroit de table de hachage qui dit:

90
00:05:36,560 --> 00:05:42,320
 "Cette adresse de site va correspondre à cette adresse IP." Et c'est tout ce qu'il est.

91
00:05:42,320 --> 00:05:48,180
Donc une fois que vous interrogez ce serveur DNS, alors vous pouvez obtenir les adresses IP

92
00:05:48,180 --> 00:05:51,930
pour ce nom de domaine correspondant, puis visiter ce site.

93
00:05:51,930 --> 00:05:59,820
(Membre de l'auditoire de poser une question - inaudible)

94
00:05:59,820 --> 00:06:07,910
La première? Le premier niveau est en fait généralement juste le cache de votre ordinateur lui-même.

95
00:06:07,910 --> 00:06:12,570
Votre ordinateur sorte de se souvient de la dernière fois que vous êtes allé à www.google.com

96
00:06:12,570 --> 00:06:18,090
c'est à cette adresse IP, puis après un certain temps, que cache expire,

97
00:06:18,090 --> 00:06:23,560
et il vous sera demandé comme le DNS Comcast,

98
00:06:23,560 --> 00:06:26,400
"Hey, qu'est-ce www.google.com?"

99
00:06:26,400 --> 00:06:31,040
Normalement, lorsque vous achetez un nom de domaine et vous vous inscrivez, et vous configurez un site Web,

100
00:06:31,040 --> 00:06:35,670
vous ne pouvez pas aller à ce site immédiatement avec ce nom de domaine, car les serveurs de noms

101
00:06:35,670 --> 00:06:40,180
à travers le monde ne connaissent pas votre nom de domaine pour le moment. Il doit remplir.

102
00:06:40,180 --> 00:06:43,220
Cela prend habituellement environ 24-48 heures.

103
00:06:43,220 --> 00:06:48,460
Très bien. Donc, c'est un peu de noms de domaine. Ils sont très cool.

104
00:06:48,460 --> 00:06:51,540
Je pense que vous devriez obtenir un si vous êtes sérieux au sujet du projet

105
00:06:51,540 --> 00:06:55,300
et si vous voulez vraiment faire de votre projet connu à travers le campus,

106
00:06:55,300 --> 00:06:58,050
avoir un nom de domaine lui donne une apparence très professionnelle.

107
00:06:58,050 --> 00:07:01,510
>> Alors la prochaine étape, bien sûr, est d'avoir une sorte d'hébergement.

108
00:07:01,510 --> 00:07:05,540
Si vous venez de l'héberger sur votre ordinateur, personne ne va jamais pouvoir y aller.

109
00:07:05,540 --> 00:07:09,110
Vous pourriez éventuellement configurer un serveur sur votre ordinateur et de garder votre ordinateur à l'infini,

110
00:07:09,110 --> 00:07:11,160
Mais ce n'est pas recommandé.

111
00:07:11,160 --> 00:07:14,000
Il existe différents types d'hébergement disponibles en ligne.

112
00:07:14,000 --> 00:07:21,870
Il ya l'hébergement mutualisé. Il ya VPN (inintelligible), qui sont des hôtes virtuels.

113
00:07:21,870 --> 00:07:23,870
Il ya semi-dédié et dévoué.

114
00:07:23,870 --> 00:07:29,030
Sur les 3 derniers, VPN, semi-dédié et dévoué sont généralement plus chers.

115
00:07:29,030 --> 00:07:32,660
Ils sont généralement utilisés pour les sites qui nécessitent plus de ressources.

116
00:07:32,660 --> 00:07:34,680
Si vous êtes débutant avec un site web,

117
00:07:34,680 --> 00:07:40,670
c'est peut-être plus économique de passer à l'hébergement mutualisé.

118
00:07:40,670 --> 00:07:43,430
Et quels moyens partagé est juste un tas de sites sont tous ensemble

119
00:07:43,430 --> 00:07:51,560
trier sur un seul serveur sur ce site sur ce serveur hôte, et vous pouvez accéder à votre site Web

120
00:07:51,560 --> 00:07:53,660
par l'intermédiaire de nom de domaine.

121
00:07:53,660 --> 00:07:55,980
>> Il ya beaucoup de sites très connus là-bas.

122
00:07:55,980 --> 00:08:01,160
HostGator et DreamHost - ceux-ci sont très, très grand et très, très populaire

123
00:08:01,160 --> 00:08:03,160
et très, très réussie.

124
00:08:03,160 --> 00:08:05,160
Personnellement, j'utilise un appelé MDDHosting.

125
00:08:05,160 --> 00:08:08,240
Si vous allez à www.mddhosting.com, c'est mon hôte de choix.

126
00:08:08,240 --> 00:08:10,240
Je pense qu'ils sont très bons.

127
00:08:10,240 --> 00:08:14,550
Ils ont toujours été très fiable, et je n'ai jamais eu de problèmes avec eux.

128
00:08:14,550 --> 00:08:18,610
Ils ont aussi des prix très compétitifs.

129
00:08:18,610 --> 00:08:24,400
Deux que je n'aime pas vraiment sont GoDaddy - c'est aussi une foule très populaire,

130
00:08:24,400 --> 00:08:26,400
mais j'ai eu des expériences terribles avec eux,

131
00:08:26,400 --> 00:08:29,430
et beaucoup de gens que je connais ont eu des expériences terribles vraiment avec eux.

132
00:08:29,430 --> 00:08:32,150
Ils sorte de poursuivre les gens qui ne savent pas ce qu'ils font -

133
00:08:32,150 --> 00:08:34,150
peut-être vous faire un site web pour la première fois,

134
00:08:34,150 --> 00:08:37,150
et ils sorte de Con eux dans l'achat de leur pack d'hébergement.

135
00:08:37,150 --> 00:08:42,570
Ne pas le faire. Ne tombez pas pour elle. Aller chercher d'autres formules d'hébergement qui correspondent vraiment à vos besoins.

136
00:08:42,570 --> 00:08:44,880
Et l'autre est - il existe des hébergeurs gratuits là-bas.

137
00:08:44,880 --> 00:08:47,350
Il ya des sites qui accueilleront votre site web gratuitement -

138
00:08:47,350 --> 00:08:49,350
parfois en mettant une annonce sur votre site,

139
00:08:49,350 --> 00:08:52,290
parfois en vous faisant participer à leurs forums,

140
00:08:52,290 --> 00:08:54,340
mais parfois juste aussi gratuitement.

141
00:08:54,340 --> 00:09:00,000
Mais, soyez prudent avec les hébergeurs gratuits parce que beaucoup d'entre eux vraiment juste de sortir de l'entreprise

142
00:09:00,000 --> 00:09:03,480
après quelques mois. Vous ne pouvez pas suivre les coûts.

143
00:09:03,480 --> 00:09:07,460
D'autres sont tout simplement très peu fiable, et votre site sera toujours en baisse,

144
00:09:07,460 --> 00:09:09,700
et vous ne voulez pas que cela se produise.

145
00:09:09,700 --> 00:09:12,330
>> Chaque hôte offrir leur propre panneau de contrôle.

146
00:09:12,330 --> 00:09:16,520
Notez que pour votre appareil, il n'est vraiment pas un panneau de contrôle en soi.

147
00:09:16,520 --> 00:09:19,230
Vous devez utiliser la borne d'aller et de modifier les fichiers.

148
00:09:19,230 --> 00:09:21,230
Vous devez chmod choses par vous-même.

149
00:09:21,230 --> 00:09:24,770
Si vous vouliez aller à PHPMyAdmin,

150
00:09:24,770 --> 00:09:29,560
vous devez aller à localhost @ / phpmyadmin et des choses comme ça.

151
00:09:29,560 --> 00:09:36,660
Mais avec un panneau de contrôle, vous pouvez entrer et modifier les fichiers sur votre serveur

152
00:09:36,660 --> 00:09:40,350
avec l'Explorateur de Windows ou une application finder type.

153
00:09:40,350 --> 00:09:44,810
Ou vous pouvez passer et regarder vos bases de données avec leur propre outil

154
00:09:44,810 --> 00:09:47,280
au lieu de phpMyAdmin.

155
00:09:47,280 --> 00:09:52,240
Donc, il ya beaucoup de choix ici, et quelques-uns des panneaux de contrôle plus populaires sont là-haut.

156
00:09:52,240 --> 00:09:54,240
Mais si vous cherchez un hôte,

157
00:09:54,240 --> 00:09:57,090
alors vous voudrez peut-être regarder quelles sortes de personnalisations et des options

158
00:09:57,090 --> 00:10:02,810
ils offrent j'adapte mon serveur et de faire mon site web fonctionnera mieux.

159
00:10:02,810 --> 00:10:07,110
Ainsi, alors vous pourriez demander: «Eh bien, comment puis-je choisir l'hébergement?"

160
00:10:07,110 --> 00:10:11,460
Si vous allez sur n'importe quel site Web hôte, il ya beaucoup de jargon, et il ya beaucoup d'options.

161
00:10:11,460 --> 00:10:14,470
Il ya beaucoup de différents prix aussi.

162
00:10:14,470 --> 00:10:19,690
Normalement, je vais les moins chers simplement parce que les sites Web qui peut-être vous et moi font -

163
00:10:19,690 --> 00:10:23,520
et surtout en ce moment, d'autant que commencer - ils ne peuvent pas besoin d'autant de ressources

164
00:10:23,520 --> 00:10:26,770
Comme on pouvait un site comme Microsoft.com.

165
00:10:26,770 --> 00:10:32,090
>> D'abord, vous voulez regarder le système d'exploitation si vous êtes vraiment curieux de savoir si

166
00:10:32,090 --> 00:10:35,090
votre site va être hébergé sur Linux, sur Windows ou sur Mac.

167
00:10:35,090 --> 00:10:39,790
Normalement, nous allons juste avec Linux parce que c'est généralement le moins cher,

168
00:10:39,790 --> 00:10:43,730
et aussi celui qui peut-être vous les gars connaissent mieux parce que de l'appareil.

169
00:10:43,730 --> 00:10:48,040
Et puis, peut-être qu'ils vont mettre certaines restrictions sur la quantité de bande passante que vous obtenez -

170
00:10:48,040 --> 00:10:53,030
comme le nombre de méga-octets ou giga-octets de données utilisateurs peuvent télécharger

171
00:10:53,030 --> 00:10:55,470
à partir de votre site Web par mois? Ou l'espace disque.

172
00:10:55,470 --> 00:11:00,640
Combien d'espace que vous obtenez? Est-il 500 Mo? Est-ce 2 Go? Est-il illimité?

173
00:11:00,640 --> 00:11:05,920
Aujourd'hui, beaucoup de serveurs Web vous donne un espace disque illimité comme un moyen pour eux

174
00:11:05,920 --> 00:11:08,560
pour vous inciter à obtenir leur pack d'hébergement.

175
00:11:08,560 --> 00:11:11,850
Mais si vous pensez vraiment cela, quand vas-tu avoir besoin d'un espace disque illimité?

176
00:11:11,850 --> 00:11:18,060
Si vous avez un couple de fichiers HTML, un couple de PHP, un couple d'images -

177
00:11:18,060 --> 00:11:20,060
ce n'est que quelques mégaoctets, etc

178
00:11:20,060 --> 00:11:23,110
d'habitude je vais juste pour la valeur de l'espace peut-être quelques gigaoctets d',

179
00:11:23,110 --> 00:11:27,990
et cela pourrait être suffisant pour moi de commencer jusqu'à ce que j'ai besoin de plus.

180
00:11:27,990 --> 00:11:31,480
>> Enfin, elles peuvent imposer des restrictions sur le type de - combien de bases de données que vous pouvez avoir.

181
00:11:31,480 --> 00:11:34,760
Peut-être que vous ne pouvez avoir 1 base de données. Peut-être que vous pouvez avoir 2. Peut-être que vous pouvez avoir 10.

182
00:11:34,760 --> 00:11:38,330
Est-il vraiment important pour vous combien vous aller?

183
00:11:38,330 --> 00:11:40,330
Choses à vous poser.

184
00:11:40,330 --> 00:11:42,330
Et puis finalement, juste des choses comme les langues.

185
00:11:42,330 --> 00:11:44,330
Ils soutenir PHP? Ils soutenir MySQL?

186
00:11:44,330 --> 00:11:49,010
La plupart des sites d'hébergement ne supportent eux, car ils sont libres. Ils sont open source.

187
00:11:49,010 --> 00:11:51,190
Il ne leur coûte rien de les fournir pour vous.

188
00:11:51,190 --> 00:11:55,680
Mais si vous voulez utiliser, par exemple, Ruby ou Python ou partie de ces autres langues -

189
00:11:55,680 --> 00:11:59,490
ils ne peuvent pas appuyer sur leur serveur, il est donc important de rechercher ce genre de choses.

190
00:11:59,490 --> 00:12:05,620
>> Et enfin, ils vous permettent de faire des choses plus avancées comme les emplois SSL ou cron?

191
00:12:05,620 --> 00:12:12,060
SSL est une option où vous pouvez rendre votre site plus sûr en le faisant HTTPS

192
00:12:12,060 --> 00:12:14,060
et crypter vos connexions.

193
00:12:14,060 --> 00:12:17,230
Et les tâches cron sont juste peut-être scripts que vous souhaitez exécuter

194
00:12:17,230 --> 00:12:19,510
toutes les 5 minutes, toutes les 10 minutes, toutes les 15.

195
00:12:19,510 --> 00:12:22,030
Beaucoup de sites d'hébergement mutualisé ne pose aucune restriction

196
00:12:22,030 --> 00:12:26,310
sur le nombre de tâches cron que vous pouvez exécuter parce que cela prend plus de ressources.

197
00:12:26,310 --> 00:12:31,800
>> Et enfin, juste tout ce que vous voulez regarder - assurez-vous exactement ce qui se passe

198
00:12:31,800 --> 00:12:35,180
avant d'acheter votre pack d'hébergement.

199
00:12:35,180 --> 00:12:37,720
Et enfin, la performance. La performance est énorme.

200
00:12:37,720 --> 00:12:39,740
Combien de temps mon site va fonctionner?

201
00:12:39,740 --> 00:12:42,950
La plupart des utilisateurs ne vont pas attendre voire quelques secondes pour votre site web pour exécuter

202
00:12:42,950 --> 00:12:47,640
avant qu'ils ne s'ennuient pas juste, et ils vont à MeanBase et commencent à regarder des photos

203
00:12:47,640 --> 00:12:52,240
des chats - vous savez ce qui se passe, et vous voulez vous assurer que vous obtenez ce que l'utilisateur à bord

204
00:12:52,240 --> 00:12:54,300
et que vous avez une bonne disponibilité qui signifie simplement que

205
00:12:54,300 --> 00:12:56,300
votre site va être accessible en tout temps.

206
00:12:56,300 --> 00:13:01,880
Beaucoup d'hôtes ont vraiment mauvaise disponibilité et cela signifie simplement que votre site ne va pas être

207
00:13:01,880 --> 00:13:06,500
accessible, et vous ne voulez pas que cela se produise, car vous pourriez être triste.

208
00:13:06,500 --> 00:13:10,360
Et vous pouvez également suivre les performances de votre machine avec des sites comme

209
00:13:10,360 --> 00:13:16,440
Pingdom.com ou Host-tracker.com, et ils ont juste vous dire combien de fois votre site est en panne.

210
00:13:16,440 --> 00:13:18,490
>> Et enfin, vous voulez voir sur leur support.

211
00:13:18,490 --> 00:13:21,890
Si vous avez un problème vont-ils vous répondre dans les 24 heures?

212
00:13:21,890 --> 00:13:23,890
Vont-ils pour vous répondre dans les 48 heures?

213
00:13:23,890 --> 00:13:26,500
Le service d'hébergement que j'utilise normalement me répond en quelques minutes

214
00:13:26,500 --> 00:13:29,760
ce qui est vraiment agréable.

215
00:13:29,760 --> 00:13:33,990
Whew! Très bien! Il est temps pour une pause. Mais je ne vais pas vous le donner.

216
00:13:33,990 --> 00:13:38,200
Nous allons simplement regarder des photos de chats mignons de temps en temps.

217
00:13:38,200 --> 00:13:42,740
>> Un autre vraiment, vraiment important, c'est la compatibilité cross-browser.

218
00:13:42,740 --> 00:13:45,890
Qu'est-ce que je veux dire par la compatibilité cross-browser?

219
00:13:45,890 --> 00:13:50,970
Vous savez, aujourd'hui, ce n'est pas seulement Microsoft Internet Explorer.

220
00:13:50,970 --> 00:13:53,970
Ce n'est pas seulement Mozilla Firefox ou Safari.

221
00:13:53,970 --> 00:13:58,190
Maintenant, nous avons Chrome. Nous avons Opéra. Nous avons Dolphin. Nous avons Camino.

222
00:13:58,190 --> 00:14:00,540
Nous avons Conquérant. Nous avons tous de ces différents navigateurs.

223
00:14:00,540 --> 00:14:05,950
Les choses qui sortent aujourd'hui - RockMelt - même si ceux-ci sont tous à base de chrome.

224
00:14:05,950 --> 00:14:10,990
Mais le fait de la question est, il n'est pas seulement un navigateur plus.

225
00:14:10,990 --> 00:14:13,860
Vous n'êtes pas la seule visualisation de ces pages avec une seule application.

226
00:14:13,860 --> 00:14:17,660
Et donc, les différents navigateurs vont répondre à différents HTML, CSS différente, et

227
00:14:17,660 --> 00:14:21,210
JavaScript différent différemment, et comment réagissez-vous à cela?

228
00:14:21,210 --> 00:14:24,370
Eh bien, dans certains cas, vous ne pouvez pas vraiment.

229
00:14:24,370 --> 00:14:29,160
Votre site - s'il fonctionne dans un navigateur, le code que vous avez écrit ne fonctionnera pas

230
00:14:29,290 --> 00:14:32,910
dans un autre navigateur, et il est de votre devoir de faire en sorte que le code que vous écrivez

231
00:14:32,910 --> 00:14:36,000
est universel, qu'il fonctionne partout.

232
00:14:36,000 --> 00:14:38,000
Donc, c'est vraiment dangereux.

233
00:14:38,000 --> 00:14:42,450
Si vous dites: «Eh bien, ça marche sur mon ordinateur. Great! Passons."

234
00:14:42,450 --> 00:14:46,040
Eh bien, il ne va probablement pas à travailler sur moi, et quand je vais à votre site Web

235
00:14:46,040 --> 00:14:49,210
Je vais être très triste, et je vais partir tout de suite.

236
00:14:49,210 --> 00:14:51,570
Donc, nous allons voir comment vous pouvez éviter cela.

237
00:14:51,570 --> 00:14:55,520
>> La première chose, bien sûr, est de n'utiliser que des standards HTML, CSS et JavaScript.

238
00:14:55,520 --> 00:14:57,520
Qu'est-ce que je veux dire par là?

239
00:14:57,520 --> 00:15:00,180
Eh bien, il ya beaucoup de choses non-standard là-bas.

240
00:15:00,180 --> 00:15:03,490
Par exemple, dans CSS il ya beaucoup de versions.

241
00:15:03,490 --> 00:15:10,830
Si vous constatez des règles CSS avec-moz-ou-webkit-, ces règles sont spécifiques

242
00:15:10,830 --> 00:15:15,720
à la fois les navigateurs Mozilla et les navigateurs Webkit,

243
00:15:15,720 --> 00:15:20,590
et si vous voulez vous assurer que peut-être vous voulez éviter ces choses

244
00:15:20,590 --> 00:15:25,150
parce que si vous utilisez-moz-ce que la règle va seulement travailler sur Firefox.

245
00:15:25,150 --> 00:15:29,640
Et si vous voulez vraiment faire bonne impression sur Internet Explorer aussi,

246
00:15:29,640 --> 00:15:31,640
vous allez être hors de la chance.

247
00:15:31,640 --> 00:15:37,910
Pour le HTML aussi, vous pouvez faire des choses en HTML qui fonctionnent dans un navigateur

248
00:15:37,910 --> 00:15:41,830
mais que les pauses dans un autre, et que vous voulez éviter cela autant que possible.

249
00:15:41,830 --> 00:15:44,830
Et enfin pour JavaScript même - il existe de nombreuses versions de JavaScript,

250
00:15:44,830 --> 00:15:50,570
et cet été, nous avons rencontré un problème où document.getElementsByClassName--

251
00:15:50,570 --> 00:15:54,500
qui est généralement une fonction qui est définie comme une partie de la norme JavaScript -

252
00:15:54,500 --> 00:15:58,120
n'était pas à trouver dans Internet Explorer 8.

253
00:15:58,120 --> 00:16:01,900
Ainsi, au cours de l'été, je travaillais dans un laboratoire et que nous construisions des expériences en ligne.

254
00:16:01,900 --> 00:16:06,210
Et nous avons pensé qu'il travaillait très bien jusqu'à ce que nous avons réalisé les utilisateurs qui utilisaient

255
00:16:06,210 --> 00:16:09,780
Internet Explorer 8 ne pouvait pas soumettre leurs résultats.

256
00:16:09,780 --> 00:16:13,200
Nous étions à côté d'une grande quantité de données. Cela nous a vraiment triste.

257
00:16:13,200 --> 00:16:17,790
Alors, vous voulez toujours vous assurer que vos scripts vont travailler partout.

258
00:16:17,790 --> 00:16:20,500
>> Et enfin, utiliser validator.w3.org

259
00:16:20,500 --> 00:16:22,770
qui est ce que nous vous disons de faire en pset 7.

260
00:16:22,770 --> 00:16:24,530
Assurez-vous que vos pages sont validées.

261
00:16:24,530 --> 00:16:28,310
C'est important parce que c'est au moins un premier test de cohérence de l'étape.

262
00:16:28,310 --> 00:16:31,870
Est-ce réellement mon code conforme aux standards?

263
00:16:34,930 --> 00:16:39,320
Une autre façon de trier de vous aider à vous assurer que votre site va travailler

264
00:16:39,320 --> 00:16:42,610
dans la plupart des cas est de voir de quelques frameworks et des bibliothèques

265
00:16:42,610 --> 00:16:46,210
parce que ces développeurs vraiment intelligents ont réfléchi à ces questions pour vous.

266
00:16:46,210 --> 00:16:49,850
Ils ont vécu et ils ont écrit des fonctions différentes qui fonctionnent sur les navigateurs.

267
00:16:49,850 --> 00:16:53,560
Par exemple, nous utilisons jQuery dans Pset 7.

268
00:16:53,560 --> 00:16:58,030
Même si vous n'avez pas vu, jQuery fournit un grand nombre de fonctions

269
00:16:58,030 --> 00:17:00,280
qui, autrement, vous auriez à vous écrire.

270
00:17:00,280 --> 00:17:05,310
Mais ces développeurs ont écrit, et ils ont fait en sorte que cela fonctionne sur tous les navigateurs.

271
00:17:05,310 --> 00:17:10,280
Et Bootstrap - ce qui est un autre framework CSS que nous vous avons montré dans Pset 7 -

272
00:17:10,280 --> 00:17:17,000
il faut vraiment loin beaucoup des maux de tête avec conception de sites Web qui semblent bonnes.

273
00:17:17,000 --> 00:17:19,000
dans tous les navigateurs.

274
00:17:19,000 --> 00:17:23,660
>> Et enfin, si vous pouvez l'éviter, j'évite généralement de codage à partir de zéro.

275
00:17:23,660 --> 00:17:28,079
Si vous êtes juste de créer un site Internet pour votre club de l'école, par exemple,

276
00:17:28,079 --> 00:17:33,920
et tout ce que vous devez faire est d'afficher quelques pages et peut-être avoir votre président va en

277
00:17:33,920 --> 00:17:38,910
et changer quelques petites choses ici et là - il n'y a vraiment aucun besoin de coder que vous-même.

278
00:17:38,910 --> 00:17:40,910
Cela prend beaucoup de votre temps.

279
00:17:40,910 --> 00:17:42,660
Il prend beaucoup de votre énergie, et vous devez passer et vous devez le savoir,

280
00:17:42,660 --> 00:17:45,930
Eh bien, ça va bien paraître dans votre navigateur, cela va bien paraître dans votre navigateur.

281
00:17:45,930 --> 00:17:50,610
Peut-être utiliser certaines de ces taches que d'autres ont déjà écrit pour vous, comme

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

283
00:17:52,610 --> 00:17:59,400
Elles sont appelées contenu - ceux-ci sont appelés CMS qui, fondamentalement, ne sont que les paquets qui

284
00:17:59,400 --> 00:18:03,020
venez déjà fait pour vous, et vous pouvez les télécharger, les mettre sur votre serveur,

285
00:18:03,020 --> 00:18:07,510
et les personnaliser comme vous le voulez, et vous avez déjà un site en cours d'exécution.

286
00:18:07,510 --> 00:18:11,680
Ces paquets de code sont quelque chose à regarder dans.

287
00:18:11,680 --> 00:18:15,400
Ces choses sont open source, sauf si vous optez pour quelque chose comme -

288
00:18:15,400 --> 00:18:19,390
Si vous êtes à la recherche d'un paquet de forme, il ya des choses qui ne sont pas libres comme

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

290
00:18:21,570 --> 00:18:23,790
Si vous n'avez pas besoin de certaines de ces fonctionnalités avancées,

291
00:18:23,790 --> 00:18:27,530
vous pouvez toujours opter pour l'option gratuite.

292
00:18:27,530 --> 00:18:31,300
>> Et enfin, il peut pas être évité.

293
00:18:31,300 --> 00:18:33,300
Vous devez tester, tester, tester.

294
00:18:33,300 --> 00:18:37,690
Vous devez tester votre code sur tous ces navigateurs et sur toutes ces plates-formes.

295
00:18:37,690 --> 00:18:44,110
Et vous savez, IE6 - les gens de Dieu merci ont commencé à s'éloigner de IE6

296
00:18:44,110 --> 00:18:49,190
car à l'époque, peut-être il ya quelques années, les développeurs web devaient toujours, toujours,

297
00:18:49,190 --> 00:18:55,280
toujours flatter les faiblesses de IE6 à suivre les normes.

298
00:18:55,280 --> 00:19:00,860
Sites Web juste regardé genre de 1990, faute d'un meilleur moyen de traiter avec elle.

299
00:19:00,860 --> 00:19:04,380
Vous pouvez également utiliser captures d'écran du navigateur pour vérifier votre CSS.

300
00:19:04,380 --> 00:19:08,100
Un site vraiment cool, c'est browserlab.adobe.com.

301
00:19:08,100 --> 00:19:11,070
C'est un service gratuit lancé par Adobe.

302
00:19:11,070 --> 00:19:15,160
Et ce qu'ils font, c'est qu'ils peuvent prendre captures d'écran de votre site web

303
00:19:15,160 --> 00:19:18,890
fonctionnement dans des conditions différentes - comme fonctionnant sous différents navigateurs,

304
00:19:18,890 --> 00:19:22,660
fonctionnant sous différentes plates-formes - et vous montrer à quoi ils ressemblent.

305
00:19:22,660 --> 00:19:33,260
Juste pour vous montrer ce que je veux dire ici, j'ai créé un site Web appelé l'an dernier la vie à Harvard,

306
00:19:33,260 --> 00:19:39,150
et ce que j'ai essayé de faire - j'ai essayé de faire my.harvard mieux.

307
00:19:39,150 --> 00:19:43,840
Parce que si vous étiez ici l'année dernière, my.harvard n'avait pas l'air comme il ressemble maintenant.

308
00:19:43,840 --> 00:19:46,640
Il ressemble un peu dégoûtant.

309
00:19:46,640 --> 00:19:50,470
Mais maintenant, il ressemble beaucoup mieux.

310
00:19:50,470 --> 00:19:57,070
Ma mise en œuvre n'était pas plus utile, mais tout de même,

311
00:19:57,070 --> 00:20:01,310
vous le savez, j'ai essayé d'ajouter - (inintelligible) de tout -

312
00:20:01,310 --> 00:20:04,680
et il semble - il semble très bon sur mon ordinateur.

313
00:20:04,680 --> 00:20:08,560
Et puis, peut-être que si j'avais eu plus de temps, j'aurais continué à laboratoire de navigateur,

314
00:20:08,560 --> 00:20:13,020
et j'aurais regardé, eh bien, comment ça ressemble à Chrome 18 sur Windows.

315
00:20:13,020 --> 00:20:17,060
Je voudrais faire défiler vers le bas et je voudrais voir - oh non! Regardez la boîte annonces.

316
00:20:17,060 --> 00:20:20,200
Mon texte a été débordante. Donc, c'est mal, non?

317
00:20:20,200 --> 00:20:23,700
Si un utilisateur utilise Chrome sur Windows et vient sur mon site,

318
00:20:23,700 --> 00:20:26,730
qui ressemble immédiatement très professionnel.

319
00:20:26,730 --> 00:20:30,760
Donc, je devrais aller dans mon CSS et savoir quelle partie de mon CSS se lève ici.

320
00:20:30,760 --> 00:20:35,090
Pourquoi n'est-ce pas s'affiche pas correctement et le fixer de sorte que tous les utilisateurs peuvent voir le même site

321
00:20:35,090 --> 00:20:37,770
et tout aussi heureux.

322
00:20:37,770 --> 00:20:44,280
>> Et enfin, bien, captures d'écran du navigateur sont agréables pour tester votre CSS,

323
00:20:44,280 --> 00:20:46,020
mais qu'en est-il votre JavaScript?

324
00:20:46,020 --> 00:20:48,660
Qu'en est-il si vous avez un script complexe qui est en cours d'exécution?

325
00:20:48,660 --> 00:20:50,460
Eh bien, vous pouvez toujours faire la virtualisation.

326
00:20:50,460 --> 00:20:56,360
Si vous avez un Mac, vous pouvez utiliser Bootcamp ou VMWare pour virtualiser peut-être une copie de

327
00:20:56,360 --> 00:20:59,540
Windows et l'utilisation d'Internet Explorer il.

328
00:20:59,540 --> 00:21:03,400
Ou, vous pouvez passer à quelque chose comme Spoon.net, qui, malheureusement, ne fonctionne que sur PC.

329
00:21:03,400 --> 00:21:05,290
Mais qu'est-ce qu'ils font est très cool.

330
00:21:05,290 --> 00:21:10,080
Ils virtualiser logiciel pour vous afin que vous pouvez exécuter différentes versions de IE, par exemple.

331
00:21:10,080 --> 00:21:12,080
Vous pouvez exécuter différentes versions de Firefox.

332
00:21:12,080 --> 00:21:15,720
Vous pouvez exécuter différentes versions de Safari et de tester l'ensemble de vos sites là.

333
00:21:15,720 --> 00:21:18,360
Malheureusement, ils ne sont pas libres.

334
00:21:18,360 --> 00:21:20,860
C'est un service payant, alors il ya toujours cette sorte de -

335
00:21:20,860 --> 00:21:26,070
il ya toujours cette sorte de compromis entre, eh bien, je vais faire mon site web bien paraître.

336
00:21:26,070 --> 00:21:31,970
Si c'est le cas, je pourrais avoir à payer pour certains services pour m'aider à faire cela.

337
00:21:31,970 --> 00:21:35,890
Vous avez des questions sur ce point à propos de quelque chose dont nous avons parlé?

338
00:21:38,500 --> 00:21:41,210
Impressionnant. Okay.

339
00:21:41,210 --> 00:21:43,870
>> Maintenant, nous avons plus de choses à raconter.

340
00:21:43,870 --> 00:21:45,820
Que diriez-vous des erreurs?

341
00:21:45,820 --> 00:21:48,670
Comment vous assurez-vous que votre site va fonctionner même lorsque

342
00:21:48,670 --> 00:21:50,150
quelque chose se passe mal?

343
00:21:50,150 --> 00:21:53,940
Peut-être que vous n'avez pas une page nommée food.php.

344
00:21:53,940 --> 00:21:57,000
Mais moi, je vais vers votre site et j'essaie d'accéder food.php.

345
00:21:57,000 --> 00:22:00,770
Allez-vous juste pour me montrer que la page blanche qui dit: 404 - Fichier introuvable?

346
00:22:00,770 --> 00:22:04,400
Ou allez-vous dire: «Eh bien, je suis désolé que je ne pouvais pas trouver cela pour vous,

347
00:22:04,400 --> 00:22:08,520
mais peut-être, voici quelques autres ressources pour vous aider à rechercher ce dont vous avez besoin ".

348
00:22:08,520 --> 00:22:13,180
D'autres erreurs - oui, c'est ce qu'on appelle des erreurs HTTP qui sont quelques-unes des codes d'erreur

349
00:22:13,180 --> 00:22:17,130
que votre serveur peut-être envoyé au navigateur en cas de quelque chose de mauvais se produise.

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

351
00:22:20,160 --> 00:22:25,560
403 est une sorte de courant quand vous avez un répertoire qui n'est pas censé être consultée

352
00:22:25,560 --> 00:22:27,310
par l'utilisateur, mais l'utilisateur tente de toute façon.

353
00:22:27,310 --> 00:22:30,840
Et 500 - Internal Server Error - qui se produit généralement lorsque vous avez quelque chose

354
00:22:30,840 --> 00:22:33,070
très mauvaise passe avec votre code PHP.

355
00:22:33,070 --> 00:22:36,140
Mais en tout cas, ces sortes de navigateurs - ces sortes d'erreurs ne se produisent.

356
00:22:36,140 --> 00:22:40,550
>> Alors, comment vous assurez-vous que vous gérez gracieusement ces erreurs

357
00:22:40,550 --> 00:22:43,230
et assurez-vous que l'utilisateur n'est pas juste une sorte de là pendaison?

358
00:22:46,850 --> 00:22:48,850
Here comes. Htaccess.

359
00:22:48,850 --> 00:22:51,300
Maintenant,. Htaccess est quelque chose qui fonctionne sur des serveurs Apache,

360
00:22:51,300 --> 00:22:55,550
quelque chose qui fonctionne et travaille sur quelques autres serveurs aussi.

361
00:22:55,550 --> 00:23:01,350
C'est juste une façon pour vous de configurer votre serveur de telle sorte que

362
00:23:01,350 --> 00:23:04,470
vous pouvez lui faire faire ce que vous voulez qu'il fasse.

363
00:23:04,470 --> 00:23:06,790
Certaines choses que vous pourriez faire. Vous pouvez contrôler vos paramètres de cache.

364
00:23:06,790 --> 00:23:11,290
Peut-être il ya une certaine page sur votre site que vous vous assurez que l'utilisateur

365
00:23:11,290 --> 00:23:14,740
re-télécharger à chaque fois que l'utilisateur vient visiter votre site web.

366
00:23:14,740 --> 00:23:26,980
Ou peut-être vous avez une URL qui est comme yoursite.com / test / html / pages / hello.html

367
00:23:26,980 --> 00:23:31,270
et vous voulez juste que pour être yourname.com / bonjour -. bien, vous pouvez utiliser htaccess

368
00:23:31,270 --> 00:23:34,760
pour rediriger une page à l'autre.

369
00:23:34,760 --> 00:23:36,600
Vous pouvez également l'utiliser pour effectuer une authentification.

370
00:23:36,600 --> 00:23:39,890
Peut-être qu'il ya certaines parties de votre site Web que vous avez besoin d'utiliser un autre mot de passe.

371
00:23:39,890 --> 00:23:42,620
Vous pouvez bloquer certaines adresses IP, de bloquer certains domaines.

372
00:23:42,620 --> 00:23:46,770
Peut-être vous vraiment n'aimez pas les étudiants de Harvard à l'aide de votre site web.

373
00:23:46,770 --> 00:23:49,910
Eh bien, vous avez la possibilité de bloquer toutes les adresses IP de Harvard.

374
00:23:49,910 --> 00:23:56,370
>> Enfin, vous pouvez traiter les choses - vous pouvez écrire certain code pour faire de votre serveur

375
00:23:56,370 --> 00:24:03,100
traiter comme. zhao ou. votre nom ou. pages hello que le code PHP.

376
00:24:03,100 --> 00:24:05,170
Peut-être que ce sera utile. Peut-être que ce ne sera pas.

377
00:24:05,170 --> 00:24:07,980
Et enfin, vous pouvez l'utiliser pour gérer les réponses d'erreur.

378
00:24:07,980 --> 00:24:10,300
Qu'est-ce que je veux dire par là?

379
00:24:10,300 --> 00:24:16,030
Si vous ajoutez simplement le code comme ceci - ErrorDocument 404, puis de les diriger dans une certaine

380
00:24:16,030 --> 00:24:20,440
page d'erreur, vous pouvez faire en sorte que l'utilisateur n'a pas seulement voir le vraiment, vraiment laid

381
00:24:20,440 --> 00:24:23,550
404 et leur montrer quelque chose de gentil.

382
00:24:23,550 --> 00:24:29,000
>> Nous allons effectivement jeter un oeil à la façon dont nous pouvons faire cela avec votre Pset 7.

383
00:24:29,000 --> 00:24:34,190
Ici, je suis dans mon appareil.

384
00:24:34,190 --> 00:24:38,440
Je vais ouvrir Chrome, et puis je vais essayer d'accéder à une page

385
00:24:38,440 --> 00:24:43,350
qui n'existe pas sur CS50 Finances.

386
00:24:43,350 --> 00:24:52,710
Ainsi, l'hôte local - cats.php--so, notez que j'ai créé un document d'erreur

387
00:24:52,710 --> 00:24:54,770
qui dit: «Canz pas trouvé la page z!"

388
00:24:54,770 --> 00:24:56,990
Il a une très triste chat sur elle.

389
00:24:56,990 --> 00:24:59,910
Si vous allez sur Twitter, si vous allez sur un de ces autres sites,

390
00:24:59,910 --> 00:25:02,700
vous ne pouvez pas trouver une page, ils essaient généralement de vous montrer une image mignonne

391
00:25:02,700 --> 00:25:04,850
de sorte que vous n'êtes pas trop déçu.

392
00:25:04,850 --> 00:25:07,830
Vous pourriez aussi avoir quelque chose de plus professionnel qui dit,

393
00:25:07,830 --> 00:25:11,760
Eh bien, je suis désolé, je ne pouvais pas trouver la page, mais peut-être que c'est ici une zone de recherche.

394
00:25:11,760 --> 00:25:16,750
Ou peut-être, voici quelques liens qui vous aideront à trouver le lien que vous voulez.

395
00:25:16,750 --> 00:25:21,410
Alors, comment ai-je fait cela? Comment est-ce possible?

396
00:25:21,410 --> 00:25:23,500
Si nous allons dans notre terminal ici -

397
00:25:23,500 --> 00:25:26,300
Je vais juste pour zoomer un peu -

398
00:25:26,300 --> 00:25:30,110
remarquerez que j'ai une nouvelle page.

399
00:25:30,110 --> 00:25:34,440
Intérieur de mon répertoire HTML ça s'appelle - vous ne pouvez pas voir -

400
00:25:34,440 --> 00:25:37,280
ça s'appelle error.php.

401
00:25:37,280 --> 00:25:41,010
Et error.php est juste un fichier que j'ai fait

402
00:25:41,010 --> 00:25:43,030
qui vous montre que la page elle-même.

403
00:25:43,030 --> 00:25:46,710
Je peux vous montrer ce que error.php est.

404
00:25:46,710 --> 00:25:48,710
C'est exactement sur cette page.

405
00:25:48,710 --> 00:25:50,710
Il dit: «Oh non! Canz pas trouvé la page z!"

406
00:25:50,710 --> 00:25:58,630
Et, si vous voulez voir - si, notez que htaccess sorte de est un nom bizarre..

407
00:25:58,630 --> 00:26:01,040
Il commence par un point ce qui signifie que c'est un fichier système.

408
00:26:01,040 --> 00:26:03,360
Il s'agit d'un fichier caché qui n'est normalement pas montré.

409
00:26:03,360 --> 00:26:09,060
Si vous faites ls-a, vous pouvez voir tous les fichiers cachés dans un certain répertoire,

410
00:26:09,060 --> 00:26:12,030
et en effet, vous voyez. htaccess est l'un d'entre eux.

411
00:26:12,030 --> 00:26:15,490
Allons-y et ouvrez htaccess. -

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

413
00:26:19,830 --> 00:26:26,870
Boom! Tout ce que j'ai est une ligne là-dedans - Document d'erreur pour les erreurs 404

414
00:26:26,870 --> 00:26:28,760
qui sont également connus comme les erreurs de fichier non-trouvé.

415
00:26:28,760 --> 00:26:32,720
Voyons les rediriger vers quelque chose qui s'appelle error.php.

416
00:26:36,100 --> 00:26:42,030
Vous pouvez avoir des choses amusantes comme CANZ pas trouvé la page z!

417
00:26:42,030 --> 00:26:46,770
Et il ya aussi des choses très cool que vous pouvez faire avec. Htaccess.

418
00:26:46,770 --> 00:26:49,520
Si vous voulez en voir plus. Htaccess magie,

419
00:26:49,520 --> 00:26:56,470
il s'agit d'un site très cool pour aller à - ça s'appelle javascriptkit.com/howto/htaccess.shtml--

420
00:26:56,470 --> 00:27:01,880
si vous voulez effectuer plus magique du serveur. Et cela pourrait être très amusant.

421
00:27:01,880 --> 00:27:05,490
>> Whew! Très bien! Plus de photos mignonnes.

422
00:27:05,490 --> 00:27:10,060
C'est un gars faisant push-ups, et son chat essaie d'aider. Je pense qu'il est très mignon.

423
00:27:10,060 --> 00:27:14,830
Malheureusement, je n'ai pas un chat comme ça.

424
00:27:14,830 --> 00:27:17,640
Très bien. Donc, nous avons parlé. Htaccess.

425
00:27:17,640 --> 00:27:19,640
Nous avons parlé de la gestion des erreurs.

426
00:27:19,640 --> 00:27:20,940
Nous avons parlé de l'hébergement, noms de domaine.

427
00:27:20,940 --> 00:27:23,230
Nous avons parlé de la compatibilité cross-browser.

428
00:27:23,230 --> 00:27:25,210
Maintenant, comment pouvons-nous nous assurons que votre site fonctionne réellement?

429
00:27:25,210 --> 00:27:26,950
Comment nous assurons-nous que si je vais à votre site Web

430
00:27:26,950 --> 00:27:29,830
Je peux voir ta page en quelques secondes?

431
00:27:29,830 --> 00:27:33,520
Une des choses que je pense que les gens juste une sorte de oublient

432
00:27:33,520 --> 00:27:36,160
est l'optimisation de l'image.

433
00:27:36,160 --> 00:27:37,560
Disons que vous vouliez mettre une image sur votre site

434
00:27:37,560 --> 00:27:40,330
et c'est 2 MG large.

435
00:27:40,330 --> 00:27:42,670
C'est peut-être bien pour nous parce que nous sommes à Harvard,

436
00:27:42,670 --> 00:27:45,000
et nous avons une connexion Internet très rapide.

437
00:27:45,000 --> 00:27:47,470
Mais imaginez quelqu'un en Chine. Imaginez quelqu'un en Inde.

438
00:27:47,470 --> 00:27:52,440
Imaginez que quelqu'un peut-être en milieu rural Kansas qui peut-être n'a pas le même genre de

439
00:27:52,440 --> 00:27:54,690
Internet à large bande que nous avons.

440
00:27:54,690 --> 00:27:57,710
Si vous avez une image de 2 Mo sur votre site et l'utilisateur tente d'y accéder,

441
00:27:57,710 --> 00:28:00,890
ça va prendre un temps très long à télécharger.

442
00:28:00,890 --> 00:28:04,160
Donc, si vous n'avez pas besoin de ce genre de résolution,

443
00:28:04,160 --> 00:28:09,220
alors vous pouvez redimensionner votre image avec quelque chose comme Adobe Photo Shop.

444
00:28:09,220 --> 00:28:13,400
Il ya habituellement une option appelée sécurité pour le Web et les périphériques,

445
00:28:13,400 --> 00:28:15,850
et ce qu'il fait est qu'il enlève à toute l'information nécessaire

446
00:28:15,850 --> 00:28:20,160
et une sorte de pactes votre fichier dans une petite taille de l'image afin que vous puissiez

447
00:28:20,160 --> 00:28:22,960
mettre sur votre site web, et tout utilisateur qui essaie de télécharger cette page

448
00:28:22,960 --> 00:28:26,950
qui va se télécharger une version réduite de votre image.

449
00:28:26,950 --> 00:28:28,230
Si vous n'avez pas Adobe Photo Shop

450
00:28:28,230 --> 00:28:32,650
webresizer.com est également une autre ressource où vous pouvez entrer votre image

451
00:28:32,650 --> 00:28:36,470
et il va cracher la même image,

452
00:28:36,470 --> 00:28:39,970
mais ce sera quelque chose comme 3 fois plus petites.

453
00:28:39,970 --> 00:28:41,970
C'est donc très utile pour vos utilisateurs.

454
00:28:41,970 --> 00:28:45,930
>> Une autre chose que vous pouvez faire est de rapetisser code.

455
00:28:45,930 --> 00:28:48,460
Si nous prenons un coup d'œil à Google.com,

456
00:28:48,460 --> 00:28:56,400
vous verrez que ce n'est pas la même sorte de HTML et CSS que nous sommes habitués.

457
00:28:56,400 --> 00:29:02,250
Je vais juste regarder le code source ici.

458
00:29:02,250 --> 00:29:07,600
Si je fais défiler juste en bas - wow, qui semble assez dégoûtant.

459
00:29:07,600 --> 00:29:09,650
Ce serait faire un zéro sur le style.

460
00:29:09,650 --> 00:29:13,470
Si vous avez codé ceci pour votre Pset, vous obtiendrez un zéro à votre style.

461
00:29:13,470 --> 00:29:16,990
Cela n'a pas d'espacement. Les noms regardent vraiment énigmatique.

462
00:29:16,990 --> 00:29:19,800
Tout est vraiment dégoûtant.

463
00:29:19,800 --> 00:29:24,060
Et le script de fermer dans le corps - le code HTML de fermeture -

464
00:29:24,060 --> 00:29:26,280
ils sont tous ensemble - tout smushed ensemble.

465
00:29:26,280 --> 00:29:28,280
Pourquoi font-ils cela?

466
00:29:28,280 --> 00:29:30,650
Ils minified leur code.

467
00:29:30,650 --> 00:29:33,310
Notez que ce document va être beaucoup plus petit

468
00:29:33,310 --> 00:29:36,660
pour moi que pour télécharger quelque chose avec l'espace blanc,

469
00:29:36,660 --> 00:29:39,410
que quelque chose avec des noms très longs variables.

470
00:29:39,410 --> 00:29:41,710
Si vous rapetisser votre code on enlève tout l'espace blanc.

471
00:29:41,710 --> 00:29:45,960
Bien sûr, votre navigateur ne m'inquiète pas si vous avez un espace blanc dans votre code.

472
00:29:45,960 --> 00:29:49,630
Vous dépouillez-le, maintenant je peux télécharger un fichier plus petit -

473
00:29:49,630 --> 00:29:52,770
maintenant le fichier - le document que nous allons télécharger a une taille de fichier réduite,

474
00:29:52,770 --> 00:29:56,180
il sera plus rapide pour moi de téléchargement, et c'est utile.

475
00:29:56,180 --> 00:30:01,550
Si vous travaillez avec des sites Web et vous lancez un site web,

476
00:30:01,550 --> 00:30:04,630
il est presque toujours bon de rapetisser votre code.

477
00:30:04,630 --> 00:30:08,150
Une autre raison pour laquelle il pourrait être bon est peut-être que vous ne voulez pas que les autres utilisent votre code.

478
00:30:08,150 --> 00:30:11,050
Peut-être que vous ne voulez pas que les autres à utiliser votre CSS.

479
00:30:11,050 --> 00:30:13,460
Vous savez, si vous vouliez vraiment être avare avec qui,

480
00:30:13,460 --> 00:30:16,670
alors vous pouvez aussi rapetisser votre code, et il serait difficile pour moi de le voler

481
00:30:16,670 --> 00:30:19,170
parce que je n'ai aucune idée de ce qui se passe.

482
00:30:19,170 --> 00:30:22,990
Vous pouvez également accéder à des sites comme minify.avivo.si.

483
00:30:22,990 --> 00:30:27,900
Des services comme cette ligne vous aident à rapetisser votre code de sorte que vous n'avez pas à faire à la main.

484
00:30:27,900 --> 00:30:30,080
Certainement ne pas le faire à la main.

485
00:30:30,080 --> 00:30:32,210
>> Okay. Maintenant, parlant de son exécution.

486
00:30:32,210 --> 00:30:35,040
Peut-être que dans votre code PHP, il ya quelque chose que vous n'avez pas besoin de le faire.

487
00:30:35,040 --> 00:30:37,910
Peut-être il ya des boucles supplémentaires là-dedans.

488
00:30:37,910 --> 00:30:40,850
Nous avons parlé de la conception de code dans CS50.

489
00:30:40,850 --> 00:30:44,550
Même si vous codez en C si vous avez - si vous faites un travail supplémentaire

490
00:30:44,550 --> 00:30:49,440
que vous n'avez pas besoin de le faire, eh bien, cela va ralentir vos scripts sur votre site,

491
00:30:49,440 --> 00:30:53,280
et ceci est particulièrement important pour les sites web de nos jours parce que les utilisateurs sont très impatients.

492
00:30:53,280 --> 00:30:56,110
Si vous faites un travail inutile, il va prendre plus longtemps

493
00:30:56,110 --> 00:31:00,080
à obtenir l'information qu'ils veulent, et ils vont être très malheureux.

494
00:31:00,080 --> 00:31:02,200
Enfin, vous pouvez optimiser vos tables de base de données.

495
00:31:02,200 --> 00:31:05,020
N'oubliez pas que nous avons parlé index.

496
00:31:05,020 --> 00:31:09,420
Ils ne sont pas seulement bon pour faire en sorte que vous avez une ligne qui est unique.

497
00:31:09,420 --> 00:31:12,440
Ils sont aussi bons pour faire en sorte que votre base de données fonctionne rapidement.

498
00:31:12,440 --> 00:31:16,240
Si vous voulez lire sur qui vont à la documentation MySQL,

499
00:31:16,240 --> 00:31:18,710
ou vous pouvez regarder - et bien, comment puis-je optimiser ma table de base de données?

500
00:31:18,710 --> 00:31:23,350
Comment puis-je m'assurer que j'ai indices qui m'aident à obtenir de l'information plus vite?

501
00:31:23,350 --> 00:31:27,300
>> Il ya aussi des petits trucs que vous pouvez utiliser comme cache.

502
00:31:27,300 --> 00:31:28,980
Si vous avez PHP - si vous avez un blog, par exemple,

503
00:31:28,980 --> 00:31:31,980
et vous avez - et il est alimenté par PHP ou en toute autre langue -

504
00:31:31,980 --> 00:31:37,690
vous pouvez mettre en cache votre blog à Disons intervalles de 50 minutes afin que vous puissiez servir des pages statiques

505
00:31:37,690 --> 00:31:40,610
ou HTML statique pour les visiteurs de votre site.

506
00:31:40,610 --> 00:31:43,380
De cette façon, les utilisateurs n'ont pas à exécuter le script PHP à chaque fois,

507
00:31:43,380 --> 00:31:47,410
et peut-être que ce sera plus rapide pour eux d'accéder à cette information.

508
00:31:47,410 --> 00:31:49,410
>> Et enfin, vous pouvez utiliser quelque chose comme CDN.

509
00:31:49,410 --> 00:31:51,900
Notez que lorsque vous téléchargez une Pset,

510
00:31:51,900 --> 00:31:54,890
vous allez toujours à CDN.CS50.net. Pourquoi est-ce?

511
00:31:54,890 --> 00:32:01,540
CS50 utilise aussi comme une sorte de CDN - un réseau de distribution de contenu -

512
00:32:01,540 --> 00:32:06,120
ce qui signifie tout simplement que c'est un tas de serveurs peut-être quelque part dans le monde

513
00:32:06,120 --> 00:32:08,120
qui aider à servir vos pages à vos visiteurs.

514
00:32:08,120 --> 00:32:13,770
Si votre visiteur devient une page à partir d'un serveur qui est plus proche d'eux géographiquement,

515
00:32:13,770 --> 00:32:16,770
il est fort probable que votre visiteur va obtenir ce fichier beaucoup plus rapide.

516
00:32:16,770 --> 00:32:20,490
Il existe également des sources en ligne qui vous aident à faire cela.

517
00:32:20,490 --> 00:32:24,070
L'un d'eux est CloudFlare. Ils offrent un service de CDN gratuit.

518
00:32:24,070 --> 00:32:26,020
Si vous avez de gros fichiers que votre service pour vos utilisateurs,

519
00:32:26,020 --> 00:32:32,260
alors peut-être que c'est mieux de les mettre sur un CDN afin qu'ils puissent se rendre à leur plus rapidement.

520
00:32:32,260 --> 00:32:39,070
>> Le dernier thème de la journée est l'optimisation des moteurs de recherche.

521
00:32:39,070 --> 00:32:41,070
Quel est l'optimisation des moteurs de recherche?

522
00:32:41,070 --> 00:32:44,070
Ce n'est en s'assurant que les moteurs de recherche comme Google ou Bing ou Yahoo

523
00:32:44,070 --> 00:32:50,740
peut aller sur votre site et explorer votre site et indexer votre site et quand

524
00:32:50,740 --> 00:32:53,040
Moi, par exemple, passer à Google.com et j'essaie de chercher quelque chose,

525
00:32:53,040 --> 00:32:55,040
alors votre site apparaîtra.

526
00:32:55,040 --> 00:32:57,000
Comment vous assurez-vous que votre site est l'un des top 10?

527
00:32:57,000 --> 00:33:00,000
Parce que, comme nous le savons tous, si vous recherchez quelque chose sur Google

528
00:33:00,000 --> 00:33:02,880
et ce n'est pas le top 10 que vous êtes le plus susceptible de ne pas regarder dans les 10 prochaines années.

529
00:33:02,880 --> 00:33:07,160
C'est en quelque sorte un sujet qui est enveloppée de mystère.

530
00:33:07,160 --> 00:33:09,850
Il ya beaucoup d'exagération là-bas sur l'Internet.

531
00:33:09,850 --> 00:33:14,680
Il ya beaucoup de superstitions environ si vous n'avez x puis Google vous aimeront mieux.

532
00:33:14,680 --> 00:33:16,680
Si vous n'avez y puis Google va vous aiment mieux.

533
00:33:16,680 --> 00:33:19,680
C'est probablement mieux de se pencher sur les documents géant de la recherche elle-même.

534
00:33:19,680 --> 00:33:27,470
>> C'est l'un des documents sur Google qui vous indiquent exactement comment optimiser votre site

535
00:33:27,470 --> 00:33:30,860
afin que Google puisse accéder et indexer très bien.

536
00:33:30,860 --> 00:33:33,680
Vous n'avez pas à recopier cette URL parce que cette présentation va

537
00:33:33,680 --> 00:33:36,680
être en ligne de toute façon.

538
00:33:36,680 --> 00:33:38,770
Si vous regardez cela et vous lirez ces lignes, il ya quelques conseils très utiles là-dedans.

539
00:33:38,770 --> 00:33:42,240
Le Google vous dit - si vous voulez vraiment que votre site soit indexé bien

540
00:33:42,240 --> 00:33:44,610
alors vous devriez faire toutes ces choses.

541
00:33:44,610 --> 00:33:47,570
>> Une autre chose que les moteurs de recherche aiment vraiment, c'est le contenu frais.

542
00:33:47,570 --> 00:33:49,500
Si vous avez du contenu qui est mis à jour très régulièrement

543
00:33:49,500 --> 00:33:51,950
puis les moteurs de recherche disent, oh, j'aime votre site.

544
00:33:51,950 --> 00:33:53,950
Je vais aller à votre site très souvent.

545
00:33:53,950 --> 00:33:56,840
Je vais à l'index beaucoup de vos pages.

546
00:33:56,840 --> 00:33:59,560
Si vous avez du contenu frais, alors vous êtes plus susceptibles d'apparaître -

547
00:33:59,560 --> 00:34:02,540
vous êtes plus susceptibles d'être plus pertinent.

548
00:34:02,540 --> 00:34:04,630
Vous êtes plus susceptibles d'être plus à jour,

549
00:34:04,630 --> 00:34:08,860
et les moteurs de recherche sont plus susceptibles de mettre votre site au dessus des autres.

550
00:34:08,860 --> 00:34:10,860
>> Les liens profonds sont également importants.

551
00:34:10,860 --> 00:34:13,530
Si tu voulais vraiment votre site pour faire bonne figure dans les yeux d'un moteur de recherche

552
00:34:13,530 --> 00:34:18,090
ont beaucoup d'autres sites qui lui sont liés et reliés profondément dans votre site web.

553
00:34:18,090 --> 00:34:20,090
Ne vous contentez pas un lien vers votre page d'accueil.

554
00:34:20,090 --> 00:34:26,719
Lien vers peut-être yourname.com / quelque chose / quelque chose / something.php.

555
00:34:26,719 --> 00:34:29,840
C'est - à un moteur de recherche - moyen, wow, ils ont un contenu vraiment intéressant

556
00:34:29,840 --> 00:34:35,350
que quelqu'un d'autre est un lien si profondément dans leur site que je devrais vraiment, vraiment

557
00:34:35,350 --> 00:34:38,260
mettre plus d'importance sur les pages de ce site.

558
00:34:38,260 --> 00:34:41,940
>> Si vous avez les titres des pages précises, si vous n'avez pas d'erreurs c'est bien parce que

559
00:34:41,940 --> 00:34:44,670
Si un moteur de recherche tente de visiter votre site, et il se fait une erreur,

560
00:34:44,670 --> 00:34:46,780
il va probablement abandonner très, très bientôt.

561
00:34:46,780 --> 00:34:49,510
Et enfin, vous voulez avoir un temps de chargement rapide, car les moteurs de recherche -

562
00:34:49,510 --> 00:34:53,820
tout comme les humains - NE FONT PAS avoir beaucoup de patience pour les sites lents.

563
00:34:53,820 --> 00:34:57,070
C'est une façon pour vous de vous assurer que vous présentez plus élevé dans

564
00:34:57,070 --> 00:35:01,390
rechercher les requêtes des moteurs et j'espère ainsi obtenir plus de trafic.

565
00:35:01,390 --> 00:35:04,730
Parce qu'après tout, vous avez passé tout ce temps à développer votre site Web.

566
00:35:04,730 --> 00:35:06,280
Vous avez passé tout ce temps, le lancement de ce site en ligne.

567
00:35:06,280 --> 00:35:11,780
Vous voulez vous assurer que vous avez beaucoup d'utilisateurs qui ont réellement voir votre contenu.

568
00:35:13,330 --> 00:35:15,660
>> D'autres bonnes ressources à utiliser.

569
00:35:15,660 --> 00:35:19,210
Google Webmaster Tools est quelque chose à regarder dans.

570
00:35:19,210 --> 00:35:21,780
Cela permet juste de voir - Google n'indexe pas mon site.

571
00:35:21,780 --> 00:35:24,490
Quelles sortes d'erreurs, c'est qu'il rencontrent?

572
00:35:24,490 --> 00:35:27,490
Combien de pages est-il indexé?

573
00:35:27,490 --> 00:35:29,490
Que faut-il penser est le contenu le plus important sur ma page?

574
00:35:29,490 --> 00:35:31,490
Peut-être que ce n'est pas ce que je veux qu'il soit.

575
00:35:31,490 --> 00:35:36,880
Peut-être que je dois changer mon site web un peu tel qu'il se reflète mieux

576
00:35:36,880 --> 00:35:38,880
ce que mon site est vraiment.

577
00:35:38,880 --> 00:35:41,000
Google Analytics est un outil vraiment cool.

578
00:35:41,000 --> 00:35:44,120
Vous pouvez ajouter un peu de JavaScript à vos pages.

579
00:35:44,120 --> 00:35:47,020
Et puis après, vous pouvez aller sur Google Analytics, et il sera suivi

580
00:35:47,020 --> 00:35:49,020
vos données démographiques des visiteurs et la croissance de votre site.

581
00:35:49,020 --> 00:35:51,810
Il vous dira exactement combien de visiteurs visitent votre site

582
00:35:51,810 --> 00:35:55,310
dans un certain jour, à l'intérieur d'une certaine heure, dans un certain semaines.

583
00:35:55,310 --> 00:35:57,310
Combien de visiteurs en provenance de Chine? Combien de visiteurs de l'Antarctique -

584
00:35:57,310 --> 00:35:59,310
vous obtenez à votre site Web.

585
00:35:59,310 --> 00:36:03,470
qu'il pourrait y avoir quelque chose de cool à voir ou il pourrait même être utile

586
00:36:03,470 --> 00:36:05,470
parce que vous essayez de cibler un certain groupe.

587
00:36:05,470 --> 00:36:08,410
Peut-être que vous essayez de cibler les adolescents avec votre site, et vous verrez que

588
00:36:08,410 --> 00:36:11,410
la plupart des visiteurs de votre site sont peut-être 30 - à 40 ans,

589
00:36:11,410 --> 00:36:15,130
alors peut-être soit vous avez un problème ou vous pouvez juste dire,

590
00:36:15,130 --> 00:36:19,590
Eh bien, alors peut-être que je devrais juste changer l'orientation de mon site afin que

591
00:36:19,590 --> 00:36:22,240
Je me concentre plus sur ce groupe d'âge.

592
00:36:22,240 --> 00:36:28,500
>> Google Apps - si vous vouliez avoir tri des e-mails avec votre nom de domaine -

593
00:36:28,500 --> 00:36:31,230
peut-être quelque chose comme yourname@yourname.com--

594
00:36:31,230 --> 00:36:35,270
vous pouvez utiliser des adresses gmail - vous pouvez utiliser le service Gmail

595
00:36:35,270 --> 00:36:38,500
et Google Apps est une façon de le faire.

596
00:36:38,500 --> 00:36:44,050
Vous pouvez configurer des adresses électroniques spécifiques qui sont spécifiques à votre nom de domaine

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

598
00:36:46,800 --> 00:36:51,840
>> Et enfin, il ya des extensions web développeur et add-ons - pour Chrome,

599
00:36:51,840 --> 00:36:56,380
pour Firefox, pour les autres navigateurs - qui vous permettent d'entrer et d'inspecter

600
00:36:56,380 --> 00:37:02,290
CSS, JavaScript inspecter, voir exactement ce qui ne va pas avec votre script JavaScript

601
00:37:02,290 --> 00:37:05,290
et peut-être qui va être utile pour vos fins de-mise sur écoute, pour vous trouver -

602
00:37:05,290 --> 00:37:08,630
Eh bien, pourquoi pas mon site s'affiche pas correctement dans votre navigateur?

603
00:37:08,630 --> 00:37:11,800
>> Et enfin, si vous voulez en savoir plus sur tous ces sujets -

604
00:37:11,800 --> 00:37:14,410
si vous voulez en savoir plus sur HTML et CSS et JavaScript -

605
00:37:14,410 --> 00:37:16,790
car après tout, on ne vous apprend un peu -

606
00:37:16,790 --> 00:37:21,240
vous pouvez aller sites comme W3Schools.com à chercher d'autres ressources.

607
00:37:21,240 --> 00:37:26,340
Ils ont de très bons tutoriaux sur comment dois-je faire x, y ou qu'est-ce que signifie?

608
00:37:26,340 --> 00:37:30,400
Si vous voulez en savoir plus sur ces langues, vous pouvez simplement aller ici.

609
00:37:30,400 --> 00:37:37,690
>> Très bien. Je pense que je voulais quitter les dernières minutes de ce poser des questions,

610
00:37:37,690 --> 00:37:39,810
il ya également des questions sur quelque chose dont nous avons parlé?

611
00:37:39,810 --> 00:37:43,500
[Membre du public] Quels genres de choses sont sur W3Schools et comment est-il abordé?

612
00:37:43,500 --> 00:37:45,500
[Yuechen Zhao] Quel genre de choses?

613
00:37:45,500 --> 00:37:50,180
Ainsi, l'un des très grands choses que j'utilise beaucoup, c'est leurs références.

614
00:37:50,180 --> 00:37:54,430
Leurs références détail, par exemple pour CSS -

615
00:37:54,430 --> 00:37:59,480
ce que cela signifie ou si vous voulez changer le fond d'une page -

616
00:37:59,480 --> 00:38:01,480
comment faites-vous?

617
00:38:01,480 --> 00:38:04,550
Quels navigateurs supportent cette commande? Des choses comme ça.

618
00:38:04,550 --> 00:38:10,870
Et puis ils ont aussi juste de très bons tutoriels sur le HTML, le PHP, le JavaScript,

619
00:38:10,870 --> 00:38:14,290
sur MySQL, sur toutes sortes de sujets différents.

620
00:38:14,290 --> 00:38:18,800
Ils ont de belles tutoriels. Ils vous enseignent comment faire les choses.

621
00:38:18,800 --> 00:38:22,590
C'est agréable de pouvoir aller et en apprendre davantage sur ces sujets.

622
00:38:22,590 --> 00:38:27,180
>> [Membre du public] HTML 5 n'est pas encore compatible avec tous les navigateurs sur le marché.

623
00:38:27,180 --> 00:38:30,700
Recommanderiez-vous simplement rester loin de lui en raison de problèmes de compatibilité?

624
00:38:30,700 --> 00:38:32,700
Comment réagiriez-vous à cela?

625
00:38:32,700 --> 00:38:38,640
[Yuechen Zhao] Oui, oui, la question est de HTML5 est encore une norme de bébé.

626
00:38:38,640 --> 00:38:42,030
Ce n'est pas vraiment soutenue par beaucoup de navigateurs, donc devrions-nous éviter cela?

627
00:38:42,030 --> 00:38:48,040
Je pense que l'année dernière, j'aurais été un très grand partisan de, Evitons HTML5

628
00:38:48,040 --> 00:38:52,430
car il est encore - c'est encore très nouveau et en fait, la norme HTML5

629
00:38:52,430 --> 00:38:55,610
n'a pas encore été finalisé.

630
00:38:55,610 --> 00:38:58,790
Et donc, il n'y a vraiment pas de norme HTML5.

631
00:38:58,790 --> 00:39:03,840
Mais je pense surtout si vous concevez un site Web maintenant,

632
00:39:03,840 --> 00:39:07,450
il pourrait être préférable si vous allez avec HTML5, parce que c'est en quelque sorte va être l'avenir,

633
00:39:07,450 --> 00:39:11,250
et si vous voulez que votre site soit pérenne et que vous voulez que votre site fonctionne

634
00:39:11,250 --> 00:39:14,320
dans les futurs navigateurs, il pourrait être préférable de commencer à construire quelque chose pour l'avenir

635
00:39:14,320 --> 00:39:19,830
que pour le passé, et aussi tout simplement en raison du fait que HTML5 n'est vraiment pas si différent

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

637
00:39:23,080 --> 00:39:29,780
Si vous utilisez HTML5, il sera normalement fonctionner dans la plupart des navigateurs.

638
00:39:29,780 --> 00:39:34,660
Vous avez juste à trier des aller et assurez-vous que ces screenshots

639
00:39:34,660 --> 00:39:38,630
et faire en sorte de passer à ces sites vous-même.

640
00:39:38,630 --> 00:39:44,280
Mais le plus probable, il ne fonctionnera sauf si vous utilisez des caractéristiques très spécifiques à HTML5.

641
00:39:44,280 --> 00:39:50,240
Notez aussi que pour CS50 - par exemple, pour le lecteur vidéo que nous utilisons -

642
00:39:50,240 --> 00:39:56,230
il utilise HTML5 et HTML5 vidéo pour afficher les conférences.

643
00:39:56,230 --> 00:39:59,420
Mais si vous avez un navigateur vraiment vieux, alors ça va retomber sur le flash.

644
00:39:59,420 --> 00:40:01,420
Donc, c'est aussi autre chose -

645
00:40:01,420 --> 00:40:05,190
disposer d'un système de repli pour quand vous savez exactement ce que le navigateur ne va pas gérer

646
00:40:05,190 --> 00:40:08,140
ce que vous voulez à manipuler.

647
00:40:08,140 --> 00:40:10,140
>> D'autres questions?

648
00:40:10,140 --> 00:40:13,270
Tout ce dont nous avons parlé.

649
00:40:16,910 --> 00:40:20,750
Très bien. Ensuite, je pense que c'est tout pour moi.

650
00:40:20,750 --> 00:40:23,090
Je pense que c'est ça.

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

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

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