1
00:00:00,000 --> 00:00:01,200
Bienvenue de retour. 

2
00:00:01,200 --> 00:00:03,800
Continuons à
 créer la page d'accueil. 

3
00:00:03,795 --> 00:00:05,825
Et comme vous pouvez le constater,
 je suis revenu à

4
00:00:05,820 --> 00:00:08,730
l'image d'
arrière-plan traditionnelle. 

5
00:00:08,730 --> 00:00:10,020
Mais comme je l'ai dit, si vous voulez

6
00:00:10,020 --> 00:00:11,550
utiliser la vidéo, c'est très bien. 

7
00:00:11,550 --> 00:00:13,800
La prochaine section que nous
 allons construire sera

8
00:00:13,800 --> 00:00:16,080
la
 section deux colonnes qui aura

9
00:00:16,080 --> 00:00:18,990
quelques textes à gauche,
 une image à droite. 

10
00:00:18,990 --> 00:00:22,530
Et la troisième section
 ici est très similaire. 

11
00:00:22,530 --> 00:00:24,450
C'est juste les colonnes inversées. 

12
00:00:24,445 --> 00:00:27,325
Dans la troisième section, nous
 avons l'image à gauche

13
00:00:27,320 --> 00:00:30,080
,
 puis le texte à droite. 

14
00:00:30,080 --> 00:00:32,750
Alors, comment
 allons-nous y parvenir exactement ? 

15
00:00:32,750 --> 00:00:34,760
C'est très,
 très simple. 

16
00:00:34,760 --> 00:00:36,650
Nous allons aller sur une page d'accueil. 

17
00:00:36,650 --> 00:00:38,000
Nous allons éditer. 

18
00:00:38,000 --> 00:00:39,560
Et vous pouvez voir maintenant qu'il s'agit
 essentiellement de

19
00:00:39,560 --> 00:00:41,420
deux colonnes, 5050. 

20
00:00:41,420 --> 00:00:44,200
Nous
 allons donc très facilement venir ici,

21
00:00:44,195 --> 00:00:47,455
créer une nouvelle section
 avec deux colonnes, 5050. 

22
00:00:47,450 --> 00:00:48,800
Je vais modifier la section,

23
00:00:48,800 --> 00:00:50,600
assurer qu'elle est pleine largeur. 

24
00:00:50,600 --> 00:00:53,780
Et ensuite, les colonnes GAAP
 ne diront pas d'écart. 

25
00:00:53,780 --> 00:00:57,520
Très bien, donc dans la
 première section ici,

26
00:00:57,515 --> 00:00:59,625
il va y avoir des textes. 

27
00:00:59,629 --> 00:01:02,179
Laissez-moi dessiner l'
éditeur de texte ici. 

28
00:01:02,180 --> 00:01:05,360
Lambda copie le texte fictif de
 Lorem Ipsum

29
00:01:05,360 --> 00:01:06,830
que j'ai ici. 

30
00:01:06,830 --> 00:01:09,560
Laissez-moi simplement aller de l'avant
 et coller ça. 

31
00:01:09,560 --> 00:01:12,080
Et puis nous
 avons aussi l'en-tête. 

32
00:01:12,080 --> 00:01:15,370
Laissez-moi laisser tomber ça par
 oser. C'est un H2. 

33
00:01:15,365 --> 00:01:16,105
Ici. 

34
00:01:16,100 --> 00:01:17,840
Je n'ai pas vraiment créé

35
00:01:17,840 --> 00:01:21,830
d'en-tête,
 de vrai titre. 

36
00:01:21,830 --> 00:01:25,240
Laissez-moi juste taper. 

37
00:01:25,235 --> 00:01:30,915
Nous aimerions voyager. 

38
00:01:30,910 --> 00:01:34,880
Juste quelque chose. C'est ça. 

39
00:01:34,880 --> 00:01:36,940
Ensuite, pour la
 deuxième colonne ici,

40
00:01:36,935 --> 00:01:38,905
nous allons ajouter l'image,

41
00:01:38,900 --> 00:01:42,460
et je vais ajouter cette
 image que j'ai prise à Istanbul. 

42
00:01:42,455 --> 00:01:44,455
Il s'agissait d'un groupe de
 nos étudiants. 

43
00:01:44,450 --> 00:01:45,710
Je me promenais
 et j'ai dit : Hé,

44
00:01:45,710 --> 00:01:47,480
voudriez-vous que je prenne
 une photo de cette idée ? 

45
00:01:47,480 --> 00:01:48,850
J'ai donc pris la photo. 

46
00:01:48,845 --> 00:01:51,785
Assurez-vous donc de définir
 cette image pour qu'elle soit trompeuse. 

47
00:01:51,785 --> 00:01:53,755
Encore une fois, nous voulons que
 l'image occupe

48
00:01:53,750 --> 00:01:57,160
toute
 la largeur et la
 hauteur de sa colonne. 

49
00:01:57,155 --> 00:02:01,105
Mais nous devons également
 ajouter le bouton En savoir plus. 

50
00:02:01,100 --> 00:02:02,750
Ce que je vais faire, bien sûr,

51
00:02:02,750 --> 00:02:04,640
c'est de revenir ici,

52
00:02:04,640 --> 00:02:07,120
faire glisser le bouton, de le déposer ici. 

53
00:02:07,115 --> 00:02:14,255
Et puis je vais
 dire que j'apprends, apprends plus. 

54
00:02:14,255 --> 00:02:17,845
Ensuite, ce lien peut accéder à
 la page À propos. 

55
00:02:17,840 --> 00:02:21,840
Donc je vais simplement dire la barre oblique
 avant. 

56
00:02:22,030 --> 00:02:24,200
Et c'est là. 

57
00:02:24,200 --> 00:02:25,590
Je vais m'
aligner sur le centre. 

58
00:02:25,594 --> 00:02:26,604
Apportons quelques changements. 

59
00:02:26,600 --> 00:02:28,630
Typographie de style. 

60
00:02:28,625 --> 00:02:32,515
Je vais dire
 transformer en majuscules. 

61
00:02:32,510 --> 00:02:37,060
La déclaration sur le non
 dans quelle intégration. 

62
00:02:37,055 --> 00:02:39,655
Puis la couleur du texte. 

63
00:02:39,650 --> 00:02:42,490
Je vais passer
 au noir. 

64
00:02:42,485 --> 00:02:45,085
Maintenant, le bouton
 lui-même va aller avec

65
00:02:45,080 --> 00:02:48,380
une couleur de fond de blanc. 

66
00:02:48,380 --> 00:02:52,220
La saisie d'arrière-plan ici
 va être de couleur blanche. 

67
00:02:52,220 --> 00:02:54,260
Mais ensuite, nous allons définir une bordure de

68
00:02:54,260 --> 00:02:57,590
solide pour que nous puissions réellement
 voir le bouton. 

69
00:02:57,590 --> 00:02:58,940
Et si vous le vouliez, vous pouvez

70
00:02:58,940 --> 00:03:00,440
également
 ajouter des vidéos de bordure. 

71
00:03:00,440 --> 00:03:02,620
Mais je ne vais pas le faire. 

72
00:03:02,615 --> 00:03:05,485
Une dernière chose à faire serait

73
00:03:05,480 --> 00:03:08,680
d'aligner notre contenu
 au milieu. 

74
00:03:08,675 --> 00:03:11,375
Je vais donc cliquer sur
 le bouton Modifier la colonne,
 commentaires,

75
00:03:11,375 --> 00:03:13,855
Alignement vertical, se fixe au milieu. 

76
00:03:13,850 --> 00:03:15,980
Et puis une autre chose que nous

77
00:03:15,980 --> 00:03:18,200
faisons pour avoir un peu d'
espace à gauche

78
00:03:18,200 --> 00:03:19,940
et à
 droite est contre le texte n'est pas

79
00:03:19,940 --> 00:03:22,670
exactement à droite du
 bord de la colonne,

80
00:03:22,670 --> 00:03:23,900
donc nous devons ajouter un peu d'espacement. 

81
00:03:23,900 --> 00:03:25,220
Je vais donc y retourner. 

82
00:03:25,220 --> 00:03:27,790
Ce que nous allons faire,
 c'est très, très simplement,

83
00:03:27,785 --> 00:03:30,305
que nous allons passer à l'avance

84
00:03:30,305 --> 00:03:32,875
pour la même colonne. Juste ici. 

85
00:03:32,870 --> 00:03:35,210
Nous allons dissocier les
 valeurs du modèle. 

86
00:03:35,210 --> 00:03:38,440
Et puis je vais
 donner 50 pixels

87
00:03:38,435 --> 00:03:42,025
50 pixels sur la gauche. 

88
00:03:42,020 --> 00:03:43,130
Et c'est là. 

89
00:03:43,130 --> 00:03:47,930
Nous avons construit notre
 deuxième section très facilement,

90
00:03:47,930 --> 00:03:50,390
puisque la troisième section est
 très similaire dans la conception,

91
00:03:50,390 --> 00:03:51,980
très similaire dans la conception,

92
00:03:51,980 --> 00:03:54,200
ce que nous pouvons faire est
 simplement de cliquer avec le bouton droit de la souris sur

93
00:03:54,200 --> 00:03:57,190
la protéine de section d'édition,
 puis de dupliquer. 

94
00:03:57,185 --> 00:03:59,855
Et maintenant, ce que je vais simplement faire

95
00:03:59,855 --> 00:04:02,605
c'est que je vais faire glisser cette
 première colonne ici,

96
00:04:02,600 --> 00:04:06,200
la
 faire glisser jusqu'
ici, changer les colonnes. 

97
00:04:06,200 --> 00:04:07,490
Et maintenant très simplement,

98
00:04:07,490 --> 00:04:09,290
allons-y et
 modifions cette image. 

99
00:04:09,290 --> 00:04:13,220
Je vais choisir celui
 que j'ai pris en Argentine. 

100
00:04:13,220 --> 00:04:16,670
Le support s'adapte en L, couleur grasse. 

101
00:04:16,669 --> 00:04:20,029
Et puis, bien sûr,
 pour les textes ici,

102
00:04:20,030 --> 00:04:21,560
ai-je ajouté quelque chose qui a voyagé
 aux

103
00:04:21,560 --> 00:04:23,300
meilleurs endroits comme
 en-tête, d'accord,

104
00:04:23,300 --> 00:04:27,350
alors permettez-moi de changer
 cet en-tête ici et

105
00:04:27,350 --> 00:04:34,210
de
 dire voyager aux meilleurs endroits. 

106
00:04:34,205 --> 00:04:38,035
Vous y allez. Très bien,
 allons-y maintenant les mises à jour. 

107
00:04:38,030 --> 00:04:41,610
Disons à quoi ressemble la
 page. 

108
00:04:41,920 --> 00:04:45,180
Allez, allons-y. 

109
00:04:46,210 --> 00:04:49,780
Ne supportez pas avec moi. 
Malheureusement, ce sont là

110
00:04:49,775 --> 00:04:54,485
les risques professionnels d'
un instructeur, d'un enseignant. 

111
00:04:54,485 --> 00:04:57,205
Parfois, votre incident commence

112
00:04:57,200 --> 00:05:00,320
à gâcher et
 finalement il est mis à jour. 

113
00:05:00,320 --> 00:05:03,560
D'accord, merci. Maintenant,
 voyons la page. 

114
00:05:03,560 --> 00:05:07,310
Défilons vers le bas
 et voilà. 

115
00:05:07,310 --> 00:05:08,920
Ok, encore une chose. 

116
00:05:08,915 --> 00:05:10,285
En prime,

117
00:05:10,280 --> 00:05:11,960
nous pourrions ajouter quelques animations

118
00:05:11,960 --> 00:05:13,130
pour que les images puissent aimer,

119
00:05:13,130 --> 00:05:14,690
vous savez, cette diapositive
 de gauche et de droite. 

120
00:05:14,690 --> 00:05:17,000
Ce que nous pouvons faire,
 c'est simplement
 revenir

121
00:05:17,000 --> 00:05:21,160
en arrière et vérifier cette allégorie
 pour
 la première image,

122
00:05:21,155 --> 00:05:22,915
celle avec
 les étudiants ici,

123
00:05:22,910 --> 00:05:24,460
je vais modifier l'image. 

124
00:05:24,455 --> 00:05:26,635
Accédez à Advanced Briquet,

125
00:05:26,630 --> 00:05:27,740
vous avez des effets de mouvement. 

126
00:05:27,740 --> 00:05:29,800
Je vais dire animation
 d'entrée. 

127
00:05:29,795 --> 00:05:32,425
Glissons-nous de la lumière. 

128
00:05:32,420 --> 00:05:33,740
Ok, si légèrement
 à partir de la droite,

129
00:05:33,740 --> 00:05:35,150
donc en tranchant par la droite. 

130
00:05:35,150 --> 00:05:37,010
Et puis pour cette
 image était simplement faire

131
00:05:37,010 --> 00:05:39,750
glisser
 l'opposé
 à partir de la gauche. 

132
00:05:39,745 --> 00:05:41,545
Effets de mouvement. 

133
00:05:41,540 --> 00:05:44,700
Ralenti, informe ou aimé. 

134
00:05:46,240 --> 00:05:49,940
D'accord, c'était plutôt bizarre. 

135
00:05:49,940 --> 00:05:50,930
Je ne sais pas exactement
 ce qu'ils ont fait. 

136
00:05:50,930 --> 00:05:53,180
Laissez-moi refaire ça. 

137
00:05:53,180 --> 00:05:53,660
OK. 

138
00:05:53,660 --> 00:05:55,280
Pour une raison quelconque, la fenêtre d'image

139
00:05:55,280 --> 00:05:56,420
passe à la deuxième colonne. 

140
00:05:56,420 --> 00:05:57,530
Je ne sais pas pourquoi c'est arrivé,

141
00:05:57,530 --> 00:06:00,570
mais d'accord, je vais juste
 aller de l'avant et mettre à jour. 

142
00:06:00,790 --> 00:06:02,180
On y va. 

143
00:06:02,180 --> 00:06:05,620
Voyons la page. 
Défilons vers le bas. 

144
00:06:05,615 --> 00:06:07,235
Il fait glisser de gauche,

145
00:06:07,235 --> 00:06:09,805
induit en erreur et délice,
 et c'est là. 

146
00:06:09,800 --> 00:06:12,090
Et c'
est ainsi que notre page d'accueil

147
00:06:12,094 --> 00:06:14,274
commence à entrer en vigueur. 

148
00:06:14,270 --> 00:06:16,490
Joignez-vous à moi dans la prochaine
 vidéo où nous allons maintenant

149
00:06:16,490 --> 00:06:17,660
jeter un coup d'œil à la façon dont
 nous allons

150
00:06:17,660 --> 00:06:19,150
construire la prochaine section,

151
00:06:19,145 --> 00:06:23,795
qui serait la conception
 unique du voyage.