1
00:00:00,000 --> 00:00:01,200
Willkommen zurück. 

2
00:00:01,200 --> 00:00:03,800
Lassen Sie uns mit dem
 Aufbau der Homepage fortfahren. 

3
00:00:03,795 --> 00:00:05,825
Und wie Sie sehen können,
 bin ich wieder auf
 das traditionelle
 Hintergrundbild gewechselt

4
00:00:05,820 --> 00:00:08,730
. 

5
00:00:08,730 --> 00:00:10,020
Aber wie gesagt, wenn du das Video
 benutzen willst

6
00:00:10,020 --> 00:00:11,550
, ist das in Ordnung. 

7
00:00:11,550 --> 00:00:13,800
Der nächste Abschnitt, den
 wir erstellen werden

8
00:00:13,800 --> 00:00:16,080
der
 Abschnitt mit zwei Spalten, der links
 einige

9
00:00:16,080 --> 00:00:18,990
Texte enthält,
 ein Bild auf der rechten Seite. 

10
00:00:18,990 --> 00:00:22,530
Und dann ist der dritte Abschnitt
 hier sehr, sehr ähnlich. 

11
00:00:22,530 --> 00:00:24,450
Es sind nur die Spalten umgekehrt. 

12
00:00:24,445 --> 00:00:27,325
Im dritten Abschnitt
 haben wir das Bild auf der linken Seite

13
00:00:27,320 --> 00:00:30,080
und dann den Text rechts. 

14
00:00:30,080 --> 00:00:32,750
Wie genau werden
 wir das erreichen? 

15
00:00:32,750 --> 00:00:34,760
Das ist sehr,
 sehr, sehr einfach. 

16
00:00:34,760 --> 00:00:36,650
Wir gehen auf eine Homepage. 

17
00:00:36,650 --> 00:00:38,000
Lasst uns bearbeiten. 

18
00:00:38,000 --> 00:00:39,560
Und Sie können jetzt sehen, dass es

19
00:00:39,560 --> 00:00:41,420
im Grunde zwei Spalten sind, 5050. 

20
00:00:41,420 --> 00:00:44,200
So einfach
 werden wir hierher kommen

21
00:00:44,195 --> 00:00:47,455
einen neuen Abschnitt
 mit zwei Spalten
 erstellen, 5050. 

22
00:00:47,450 --> 00:00:48,800
Ich bearbeite den Abschnitt und stelle sicher,

23
00:00:48,800 --> 00:00:50,600
dass er in voller Breite ist. 

24
00:00:50,600 --> 00:00:53,780
Und dann
 werden die Spalten GAAP keine Lücke sagen. 

25
00:00:53,780 --> 00:00:57,520
Alles klar, also der
 erste Abschnitt hier drin

26
00:00:57,515 --> 00:00:59,625
wird ein paar Texte enthalten.
 

27
00:00:59,629 --> 00:01:02,179
Lassen Sie mich den
 Texteditor hier einzeichnen. 

28
00:01:02,180 --> 00:01:05,360
Lambda kopiert den
 Lorem Ipsum Dummy-Text

29
00:01:05,360 --> 00:01:06,830
den
 ich hier habe. 

30
00:01:06,830 --> 00:01:09,560
Lass mich einfach weitermachen
 und das einfügen. 

31
00:01:09,560 --> 00:01:12,080
Und dann
 haben wir auch den Header. 

32
00:01:12,080 --> 00:01:15,370
Lassen Sie mich das fallen, indem ich mich
 traue. Es ist ein H2. 

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

34
00:01:16,100 --> 00:01:17,840
Ich habe eigentlich
 keinen tatsächlichen Header erstellt

35
00:01:17,840 --> 00:01:21,830
,
 keinen echten Titel. 

36
00:01:21,830 --> 00:01:25,240
Also lass mich einfach eintippen. 

37
00:01:25,235 --> 00:01:30,915
Wir würden gerne reisen. 

38
00:01:30,910 --> 00:01:34,880
Einfach irgendwas. Das war's. 

39
00:01:34,880 --> 00:01:36,940
Und dann fügen
 wir für die
 zweite Spalte hier

40
00:01:36,935 --> 00:01:38,905
das Bild hinzu
 und ich füge dieses
 Bild hinzu,

41
00:01:38,900 --> 00:01:42,460
das ich in Istanbul aufgenommen habe. 

42
00:01:42,455 --> 00:01:44,455
Dies war eine Gruppe
 unserer College-Studenten. 

43
00:01:44,450 --> 00:01:45,710
Ich bin herumgelaufen
 und sagte: Hey,

44
00:01:45,710 --> 00:01:47,480
möchtest du, dass ich
 ein Foto von dieser Idee mache? 

45
00:01:47,480 --> 00:01:48,850
Also habe ich das Foto gemacht. 

46
00:01:48,845 --> 00:01:51,785
Stellen Sie also sicher, dass Sie
 dieses Bild zum Narren setzen. 

47
00:01:51,785 --> 00:01:53,755
Denn auch hier möchten wir, dass
 das Bild
 die volle Breite und
 Höhe seiner Spalte belegt

48
00:01:53,750 --> 00:01:57,160
. 

49
00:01:57,155 --> 00:02:01,105
Aber dann müssen wir auch den Button Mehr erfahren
 hinzufügen. 

50
00:02:01,100 --> 00:02:02,750
Was ich natürlich machen werde,
 ist,

51
00:02:02,750 --> 00:02:04,640
hier wieder rein zu gehen, den Button zu
 ziehen,

52
00:02:04,640 --> 00:02:07,120
ihn hier reinzulegen. 

53
00:02:07,115 --> 00:02:14,255
Und dann
 sage ich lerne, lerne mehr. 

54
00:02:14,255 --> 00:02:17,845
Dann kann dieser Link
 vielleicht zur About-Seite gehen. 

55
00:02:17,840 --> 00:02:21,840
Also sage ich einfach
 Vorwärtsschrägstrich über. 

56
00:02:22,030 --> 00:02:24,200
Und da ist es. 

57
00:02:24,200 --> 00:02:25,590
Ich werde mich an der Mitte
 ausrichten. 

58
00:02:25,594 --> 00:02:26,604
Nehmen wir ein paar Änderungen vor. 

59
00:02:26,600 --> 00:02:28,630
Typografie im Stil. 

60
00:02:28,625 --> 00:02:32,515
Ich sage „
Transformation in Großbuchstaben“. 

61
00:02:32,510 --> 00:02:37,060
Die Erklärung über nicht
 innerhalb was für eine Integration. 

62
00:02:37,055 --> 00:02:39,655
Und dann die Textfarbe. 

63
00:02:39,650 --> 00:02:42,490
Ich schalte
 das auf Schwarz um. 

64
00:02:42,485 --> 00:02:45,085
Nun, für den eigentlichen Button
 selbst wird

65
00:02:45,080 --> 00:02:48,380
eine Hintergrundfarbe von Weiß verwendet. 

66
00:02:48,380 --> 00:02:52,220
Hintergrundeingabe
 wird hier Farbe Weiß sein. 

67
00:02:52,220 --> 00:02:54,260
Aber dann setzen wir einen
 festen Rand

68
00:02:54,260 --> 00:02:57,590
, damit wir den Knopf tatsächlich
 sehen können. 

69
00:02:57,590 --> 00:02:58,940
Und wenn du willst, könntest du

70
00:02:58,940 --> 00:03:00,440
auch ein paar Grenzvideos
 hinzufügen. 

71
00:03:00,440 --> 00:03:02,620
Aber das werde ich nicht machen. 

72
00:03:02,615 --> 00:03:05,485
Eine letzte Sache, die zu tun ist
, wäre

73
00:03:05,480 --> 00:03:08,680
, unseren Inhalt
 in der Mitte auszurichten. 

74
00:03:08,675 --> 00:03:11,375
Also klicke ich auf
 die Schaltfläche Spalte bearbeiten,
 Kommentare,

75
00:03:11,375 --> 00:03:13,855
Vertikal
 ausrichten, setzt Mitte. 

76
00:03:13,850 --> 00:03:15,980
Und dann ist noch eine Sache, die wir

77
00:03:15,980 --> 00:03:18,200
tun, um links
 und rechts etwas
 Platz zu haben

78
00:03:18,200 --> 00:03:19,940
, dagegen
 ist der Text nicht

79
00:03:19,940 --> 00:03:22,670
genau
 am Rand der Spalte,

80
00:03:22,670 --> 00:03:23,900
also müssen wir etwas Abstand hinzufügen. 

81
00:03:23,900 --> 00:03:25,220
Also gehe ich wieder hier rein. 

82
00:03:25,220 --> 00:03:27,790
Was wir tun werden,
 ist sehr, sehr einfach,

83
00:03:27,785 --> 00:03:30,305
dass
 wir
 für dieselbe Kolumne weiterentwickelt

84
00:03:30,305 --> 00:03:32,875
werden. Genau hier. 

85
00:03:32,870 --> 00:03:35,210
Wir werden die Verknüpfung der
 Werte für das Muster aufheben. 

86
00:03:35,210 --> 00:03:38,440
Und dann gebe
 ich links 50 Pixel

87
00:03:38,435 --> 00:03:42,025
mal 50 Pixel. 

88
00:03:42,020 --> 00:03:43,130
Und da ist es. 

89
00:03:43,130 --> 00:03:47,930
Wir haben unseren
 zweiten Abschnitt sehr einfach aufgebaut,

90
00:03:47,930 --> 00:03:50,390
da der dritte Abschnitt im Design sehr,
 sehr ähnlich ist

91
00:03:50,390 --> 00:03:51,980
im Design sehr,
 sehr ähnlich

92
00:03:51,980 --> 00:03:54,200
Wir können
 einfach mit der rechten Maustaste auf

93
00:03:54,200 --> 00:03:57,190
das Editierabschnitt-Protein klicken
 und dann duplizieren.
 

94
00:03:57,185 --> 00:03:59,855
Und jetzt ziehe ich
 diese

95
00:03:59,855 --> 00:04:02,605
erste Spalte hier rein, ziehe sie ganz hierher,

96
00:04:02,600 --> 00:04:06,200
ziehe sie ganz
 hierher, wechsle die Spalten. 

97
00:04:06,200 --> 00:04:07,490
Und jetzt ganz einfach,

98
00:04:07,490 --> 00:04:09,290
lasst uns dieses Bild
 bearbeiten. 

99
00:04:09,290 --> 00:04:13,220
Ich werde mich für dieses entscheiden
, das ich in Argentinien aufgenommen habe. 

100
00:04:13,220 --> 00:04:16,670
Halterung passt in L, Farbe fettig. 

101
00:04:16,669 --> 00:04:20,029
Und dann
 habe ich natürlich
 für die Texte hier drin alles hinzugefügt,

102
00:04:20,030 --> 00:04:21,560
was an
 die besten Orte als Header gereist

103
00:04:21,560 --> 00:04:23,300
ist ist, okay,
 also lass mich einfach
 den

104
00:04:23,300 --> 00:04:27,350
Header hier wechseln und
 sagen
,

105
00:04:27,350 --> 00:04:34,210
zu den besten Orten zu reisen. 

106
00:04:34,205 --> 00:04:38,035
Da gehst du. Alles klar,
 lass uns jetzt Updates machen. 

107
00:04:38,030 --> 00:04:41,610
Sagen wir, wie die
 Seite aussieht. 

108
00:04:41,920 --> 00:04:45,180
Komm schon, lass uns gehen. 

109
00:04:46,210 --> 00:04:49,780
Ertrage es mit mir. 
Leider sind dies

110
00:04:49,775 --> 00:04:54,485
die beruflichen Gefahren
 eines Lehrers, eines Lehrers. 

111
00:04:54,485 --> 00:04:57,205
Manchmal fängt Ihr Vorfall

112
00:04:57,200 --> 00:05:00,320
an zu vermasseln und
 schließlich wird er aktualisiert. 

113
00:05:00,320 --> 00:05:03,560
Okay, danke. Jetzt sehen
 wir uns die Seite an. 

114
00:05:03,560 --> 00:05:07,310
Scrollen wir nach unten
 und da ist es. 

115
00:05:07,310 --> 00:05:08,920
Okay, eine Sache noch. 

116
00:05:08,915 --> 00:05:10,285
Genau als Bonus

117
00:05:10,280 --> 00:05:11,960
könnten
 wir einige Animationen hinzufügen

118
00:05:11,960 --> 00:05:13,130
,