1
00:00:01,240 --> 00:00:04,800
Tamam, o halde başlayalım ve bu blogu sıfırdan oluşturalım.

2
00:00:04,920 --> 00:00:06,620
Bu yüzden burada takip etmekten çekinmeyin.

3
00:00:06,630 --> 00:00:11,530
Bu blog'u burada bitirmek için yeni bir dosya oluşturmaya başlayacağım.

4
00:00:12,000 --> 00:00:13,880
Yani yapmak isteyeceğimiz ilk şey bu.

5
00:00:14,070 --> 00:00:18,540
Çözümü sadece açıklayacağım ve doğru ve yazı tipi boyutlarına sahip olduğumuzdan emin olmak

6
00:00:18,540 --> 00:00:19,750
için açık tutacağım.

7
00:00:20,040 --> 00:00:25,690
şey, dosyalarımın ayarlanması ve böylece HMO'nun şu ana kadar hiçbir şey içermediği bir

8
00:00:25,730 --> 00:00:33,870
blog olan iki blogumuz olması ve blog Dotsie SS adı verilen bir stil sayfasına bağlı olmasıdır. Boş olanı .

9
00:00:33,970 --> 00:00:35,990
Ancak gerçekten yapmak isteyeceğimiz ilk

10
00:00:36,030 --> 00:00:38,760
Yani bu sadece ihtiyacımız olacak iki dosyayı biliyorsunuz.

11
00:00:39,090 --> 00:00:41,170
Ve şimdi de devam edelim ve dolduralım.

12
00:00:41,790 --> 00:00:44,950
Bu yüzden ne zaman böyle bir şey yapacağınıza karar vermeliyiz.

13
00:00:44,970 --> 00:00:46,540
Nereden başlayalım.

14
00:00:46,560 --> 00:00:52,440
Ve bence en iyi çözüm, çağımızda G-postamızdaki bazı işaretlemelerle başlamak ve bunların bazılarını şekillendirmek ama

15
00:00:52,440 --> 00:00:57,060
aslında her şeyi şıklaştırmadan önce her şeyi kelimenin tam kelimesine almamız gerekmiyor.

16
00:00:57,780 --> 00:01:04,290
Bu yüzden, sizin tarafınızdan bir paragraf veya iki ve bu başlıklardan birini vücudumuza koyarak başlayacağım.

17
00:01:04,290 --> 00:01:11,700
Ve bunu yapmak için, Lorem Ipsum metni, sadece pastırma ipsum dot com eklemek olan pastırma ipsum'dur.

18
00:01:14,130 --> 00:01:17,340
Bana pastırma ve sadece paragraflardan birini kopyalamak için üzerine tıklayın.

19
00:01:17,610 --> 00:01:24,000
Burada sahip olduğum şeyleri kullanacağım ancak sözcükler burada sözler olduğu sürece o kadar önemli değil.

20
00:01:24,660 --> 00:01:26,840
Bacon ipsum'u kullanmak istersen devam edin.

21
00:01:26,940 --> 00:01:32,550
Ama eğer pastırma itiraz etmezseniz, başka bir oyuncuyu seçebilir veya sadece kendi sözlerinizi telafi edebilir veya

22
00:01:32,550 --> 00:01:34,520
aslında orada kendi blog yazınızı koyabilirsiniz.

23
00:01:34,560 --> 00:01:35,810
Bu ideal olurdu.

24
00:01:36,030 --> 00:01:41,400
ve bunlardan birinin H1 olması için mantıklı olabilecek bir not.

25
00:01:41,400 --> 00:01:44,070
Sonra da başlıklarından birini koyacağım

26
00:01:44,070 --> 00:01:49,800
Ancak genelde kural, sayfada bir H-1 olmasını istediğinizde, sayfanızdaki en büyük

27
00:01:49,800 --> 00:01:50,820
şey olmalıdır.

28
00:01:50,850 --> 00:01:55,420
Bu nedenle, her birinin birden fazlasına birden çok başlık var burada birden çok makale başlığı.

29
00:01:55,500 --> 00:02:00,840
H-2 ile birlikte gideceğim, ancak günün sonunda önemli değil çünkü bu konuda

30
00:02:01,200 --> 00:02:05,760
her şeyi stil edeceğiz. Değişecek yazı tipi boyutunu değiştireceğiz. renk

31
00:02:05,760 --> 00:02:11,090
ve bu farklılıkların doğasına karşı H1 yaparak belirlenecek her şey zaten ortadan kaldırılacaktır.

32
00:02:11,640 --> 00:02:19,830
birlikte gideceğim ve bunun sadece ilk yazım değil en yaratıcı başlık olduğunu söyleyeceğim.

33
00:02:19,830 --> 00:02:22,210
Bu yüzden H-2 ile

34
00:02:22,410 --> 00:02:24,220
Ve başlamak için önizleme yapalım.

35
00:02:24,630 --> 00:02:27,300
Aç şunu.

36
00:02:27,360 --> 00:02:27,870
TAMAM.

37
00:02:27,930 --> 00:02:30,090
Yani şu ana kadar blogumuz var.

38
00:02:30,960 --> 00:02:33,100
Bu yüzden yapmak için bir sürü karar aldık.

39
00:02:33,120 --> 00:02:38,620
Başlayabileceğim ilk yer, bu bedenin bu sınırı kazanmasıdır.

40
00:02:39,180 --> 00:02:42,110
Bu yüzden son videodaki renkleri sağladım.

41
00:02:42,120 --> 00:02:47,850
Burada bu rengi kopyalayacağım ve bedenimi seçeceğim, böylece bedenimi seçeceğim ve

42
00:02:47,850 --> 00:02:56,240
daha sonra tek yapmamız gereken sınırı söylemek ve bu gri renkte katı olan 20 pikseldir.

43
00:02:56,370 --> 00:02:57,930
Ve bunu bir kontrol edelim.

44
00:02:58,560 --> 00:02:59,090
TAMAM.

45
00:02:59,220 --> 00:03:04,410
Dolayısıyla, görünmesini isteyeceğimiz şekilde oldukça görünmüyor, ancak oraya ulaşıyor, sınırımız var.

46
00:03:05,580 --> 00:03:08,350
Gerçekten karşılaştırabilmek için tam boyutta yapalım.

47
00:03:09,120 --> 00:03:13,740
Farkına varacağınız başka bir şey de sınırlarımızın bir problemi var, bu da

48
00:03:13,740 --> 00:03:16,390
tüm vücudun tüm sayfayı doldurduğu kadar ilerliyor.

49
00:03:16,560 --> 00:03:19,500
Buna karşın vücut sadece sayfanın bir kısmını kaplıyor.

50
00:03:19,560 --> 00:03:21,890
Ve sonra her iki tarafta boşluk var.

51
00:03:21,930 --> 00:03:27,180
O zaman içimizde elimizde olmayan boşluk var, çünkü metnimizdeki sözcükler sınırdan

52
00:03:27,180 --> 00:03:28,550
yukarı doğru gidiyor.

53
00:03:28,590 --> 00:03:31,820
Bu sorunu çözerek başlayalım ve bunu düzeltmek.

54
00:03:31,860 --> 00:03:33,520
Elbette dolguya ihtiyacın var.

55
00:03:33,630 --> 00:03:35,930
Bu, her tarafta 20 piksel dolgu.

56
00:03:35,970 --> 00:03:40,430
Alt kısımda, solda ve sağda dolgu olduğunu görebilirsiniz.

57
00:03:40,470 --> 00:03:50,560
Böylece vücutta dört tarafın tamamında 20 piksel dolgu atayacağız ve bu işlemi tamamlayacağız.

58
00:03:50,580 --> 00:03:52,510
Bu biraz daha yakın.

59
00:03:52,530 --> 00:03:58,230
Üzerinde çalışmamız gereken bir sonraki şey genişliğin doğru olmasını sağlamak ve

60
00:03:58,230 --> 00:04:07,350
tam ekran olduğunda genişliği doğru boyuta getirmenin sadece bir meselesi değil, aynı zamanda küçülürken 700 piksel olarak kalacağını

61
00:04:07,350 --> 00:04:14,730
göreceksiniz. bir süre 700 piksel kalır ve daha sonra küçülür ve küçülür ve ölçeklenir.

62
00:04:15,360 --> 00:04:17,730
Bu yüzden bunun olmasını sağlayacağımızdan emin olmak istiyoruz.

63
00:04:17,820 --> 00:04:19,660
Bu yüzden biraz hile kullanacağız.

64
00:04:19,830 --> 00:04:24,220
Ve sonra yapmak istediğiniz başka şey, şu anda ortalanmış olduğundan emin olmaktır.

65
00:04:24,360 --> 00:04:25,330
Gerçekten söyleyemeyiz.

66
00:04:25,350 --> 00:04:28,210
Ama ortalarda değil, sol tarafta olacak.

67
00:04:28,230 --> 00:04:30,850
Öyleyse devam edin ve önce ilk ekleyelim.

68
00:04:31,700 --> 00:04:41,310
Diyelim ki 700 piksel ile kaydetmek ve kaydetmek ve bu konuda sol tarafta bahsediyorduk ve ortada ortalamak istiyor

69
00:04:41,310 --> 00:04:47,250
ve bunu yapmak için kutuda bahsedilen otomatik veya kenar boşluğu otomatik

70
00:04:47,250 --> 00:04:49,660
hilesini kullanabilirsiniz model video.

71
00:04:50,100 --> 00:04:54,920
Dolayısıyla bir marj belirleyeceğiz ve kısa yol kullanacağız.

72
00:04:55,050 --> 00:05:01,190
Dolayısıyla sıfır piksel yukarıdan aşağıya, sonra da Otto sola ve sağa yapacağız.

73
00:05:01,230 --> 00:05:03,900
Unutmayın, sadece dört yerine iki tane yaptığımız zaman.

74
00:05:04,020 --> 00:05:06,640
Bu üstte ve altta ve bu sol ve sağ.

75
00:05:07,230 --> 00:05:14,100
Dolayısıyla bu bizim için otomatik olarak merkezlenir, ancak o zaman sıfıra üst ve alt vererek fark edeceksiniz,

76
00:05:14,100 --> 00:05:15,740
şimdi yukarıdan karşı karşıya.

77
00:05:16,020 --> 00:05:17,870
Ve buradaki bu değil.

78
00:05:17,880 --> 00:05:18,720
Biraz yerimiz var.

79
00:05:18,720 --> 00:05:20,950
Orada 20 piksel var.

80
00:05:21,210 --> 00:05:22,630
Bu basit bir düzeltme.

81
00:05:22,770 --> 00:05:26,350
Aynı çizgi, 20 P x'e geri döndürür.

82
00:05:26,370 --> 00:05:27,490
X'e ihtiyacımız var.

83
00:05:27,510 --> 00:05:30,580
Daha önce yapmadık çünkü sıfıra geldiğinde sıfıra bırakabilirsiniz.

84
00:05:30,720 --> 00:05:33,970
Ama bir numara olduğunda bir sonraki numaraya ihtiyacımız var.

85
00:05:33,990 --> 00:05:36,110
Tamam, böylece oldukça yakın görünüyor.

86
00:05:36,120 --> 00:05:46,440
Tek şey, küçüldükçe, artık 700 piksel bile diyemeyiz diye 700 piksel kalmasını istiyoruz.

87
00:05:46,470 --> 00:05:52,440
Ve bunun küçülmesini istiyoruz ve bunu yapmak oldukça kolay, aslında biz yapmak

88
00:05:52,440 --> 00:05:59,400
istediğimiz tek şey bunu maksimum genişlik olarak değiştirmek ve bununla bir yüzdelik belirteceğiz.

89
00:05:59,700 --> 00:06:03,760
Ve ne söylediğinde, bunu yapman gerektiğinde yüzde 80 yaparsın.

90
00:06:03,900 --> 00:06:07,540
Fakat maksimumda 700 piksel yapar.

91
00:06:07,620 --> 00:06:09,780
Bu yüzden size yenilendiğinde bunun nasıl bir şey olduğunu göstereceğim.

92
00:06:09,780 --> 00:06:16,410
Hiçbir şey değişmez çünkü maksimum yedi yüz piksele eklenir, böylece yüzde 80'in bu durumda

93
00:06:16,410 --> 00:06:19,180
700 pikselden fazla olup olmayacağını denetler.

94
00:06:19,200 --> 00:06:27,840
Dolayısıyla, 700'e kadar burada kalıyor; burada küçülmeye başlıyor.

95
00:06:27,840 --> 00:06:31,250
Şu an yüzde 80'i 700 pikselden az.

96
00:06:31,770 --> 00:06:32,030
TAMAM.

97
00:06:32,040 --> 00:06:35,370
Şimdi temel vücudumuzu kurduk.

98
00:06:35,370 --> 00:06:39,330
Burda yapmak istediğim sonraki şey, Funt'ımın gitmesini sağlamak.

99
00:06:39,330 --> 00:06:49,300
Bu yüzden, son videodan aldığım notlara gidersek, font Source sense pro olarak adlandırılır.

100
00:06:49,320 --> 00:06:54,370
Öyleyse devam edelim ve Google phos'a geçip, kaynak kodlu Pro'yu arayın.

101
00:06:54,540 --> 00:07:00,540
Bu yüzden burada açık var ama yine sadece Google dot com eğik çizgi yazı tipleri

102
00:07:01,530 --> 00:07:06,860
ve sadece bir kaynak için bir arama yapmak gönderir profesyonel burada koleksiyon kullanımı ekleyin.

103
00:07:07,140 --> 00:07:09,990
Ve şimdi hangi font ağırlıklarımızı seçeceğiz.

104
00:07:10,250 --> 00:07:15,540
videoda bunu söylemedim, ancak bu yazı tipi ağırlığının 400 normal yazı tipi yüzüdür.

105
00:07:15,540 --> 00:07:17,390
Ve aslında size orijinal

106
00:07:17,520 --> 00:07:19,220
Ve bu daha ağır bir ağırlıktır.

107
00:07:19,230 --> 00:07:20,050
Katlanmış.

108
00:07:20,100 --> 00:07:22,090
Böylece ikisini de isteyeceğiz.

109
00:07:22,440 --> 00:07:26,970
Yani cesur 400 700 normal ve hepsi bu kadar.

110
00:07:26,970 --> 00:07:29,700
Buraya gidip bu bağlantıyı kopyalayacağız.

111
00:07:29,700 --> 00:07:37,180
Şimdi Google fontlarından kurtulabiliriz ve biz de HMO'ya gidip sadece bu bağlantıyı içeri yapıştırıyoruz.

112
00:07:37,950 --> 00:07:41,530
Ve şimdi kaynak anlamda kullanabilme yeteneğine sahibiz.

113
00:07:42,180 --> 00:07:51,100
Öyleyse her iki paragrafa ve yaş ikisine atalım ve aynı zamanda bu tarihlerde olmasını istiyoruz.

114
00:07:51,270 --> 00:07:58,620
Yapabildiğimiz şey, paragrafı seçip font aile kaynağı anlamında profesyonel söylemek ve biz H-1 için

115
00:07:58,620 --> 00:08:00,290
aynı şeyi yapabiliriz.

116
00:08:00,990 --> 00:08:03,640
Fakat bu başarılarımızın iyi bir kullanımı değildir.

117
00:08:03,780 --> 00:08:07,950
Kodumuz, kullanmak istediğimiz her elementte biraz tekrarlamalı olacak.

118
00:08:07,950 --> 00:08:10,230
Bunu gidip eklemek zorunda kalacağız.

119
00:08:10,770 --> 00:08:15,140
Bunun yerine, yaptığımız şey sadece vücuda uyguluyor.

120
00:08:15,690 --> 00:08:19,420
Ve vücuda girerek içerideki her şey onu miras alacak.

121
00:08:19,470 --> 00:08:30,360
Yani yazı tipi ailesi kaynak ve yanlısı ve yenilemek kaydedin ve biz hiç H-1 veya H-2 kullanarak gittik ve

122
00:08:30,360 --> 00:08:32,100
bir paragraf var.

123
00:08:32,810 --> 00:08:34,560
Bu şimdiye kadar oldukça iyi görünüyor.