Tamam, o halde başlayalım ve bu blogu sıfırdan oluşturalım.
Bu yüzden burada takip etmekten çekinmeyin.
Bu blog'u burada bitirmek için yeni bir dosya oluşturmaya başlayacağım.
Yani yapmak isteyeceğimiz ilk şey bu.
Çözümü sadece açıklayacağım ve doğru ve yazı tipi boyutlarına sahip olduğumuzdan emin olmak
için açık tutacağım.
şey, dosyalarımın ayarlanması ve böylece HMO'nun şu ana kadar hiçbir şey içermediği bir
blog olan iki blogumuz olması ve blog Dotsie SS adı verilen bir stil sayfasına bağlı olmasıdır. Boş olanı .
Ancak gerçekten yapmak isteyeceğimiz ilk
Yani bu sadece ihtiyacımız olacak iki dosyayı biliyorsunuz.
Ve şimdi de devam edelim ve dolduralım.
Bu yüzden ne zaman böyle bir şey yapacağınıza karar vermeliyiz.
Nereden başlayalım.
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
aslında her şeyi şıklaştırmadan önce her şeyi kelimenin tam kelimesine almamız gerekmiyor.
Bu yüzden, sizin tarafınızdan bir paragraf veya iki ve bu başlıklardan birini vücudumuza koyarak başlayacağım.
Ve bunu yapmak için, Lorem Ipsum metni, sadece pastırma ipsum dot com eklemek olan pastırma ipsum'dur.
Bana pastırma ve sadece paragraflardan birini kopyalamak için üzerine tıklayın.
Burada sahip olduğum şeyleri kullanacağım ancak sözcükler burada sözler olduğu sürece o kadar önemli değil.
Bacon ipsum'u kullanmak istersen devam edin.
Ama eğer pastırma itiraz etmezseniz, başka bir oyuncuyu seçebilir veya sadece kendi sözlerinizi telafi edebilir veya
aslında orada kendi blog yazınızı koyabilirsiniz.
Bu ideal olurdu.
ve bunlardan birinin H1 olması için mantıklı olabilecek bir not.
Sonra da başlıklarından birini koyacağım
Ancak genelde kural, sayfada bir H-1 olmasını istediğinizde, sayfanızdaki en büyük
şey olmalıdır.
Bu nedenle, her birinin birden fazlasına birden çok başlık var burada birden çok makale başlığı.
H-2 ile birlikte gideceğim, ancak günün sonunda önemli değil çünkü bu konuda
her şeyi stil edeceğiz. Değişecek yazı tipi boyutunu değiştireceğiz. renk
ve bu farklılıkların doğasına karşı H1 yaparak belirlenecek her şey zaten ortadan kaldırılacaktır.
birlikte gideceğim ve bunun sadece ilk yazım değil en yaratıcı başlık olduğunu söyleyeceğim.
Bu yüzden H-2 ile
Ve başlamak için önizleme yapalım.
Aç şunu.
TAMAM.
Yani şu ana kadar blogumuz var.
Bu yüzden yapmak için bir sürü karar aldık.
Başlayabileceğim ilk yer, bu bedenin bu sınırı kazanmasıdır.
Bu yüzden son videodaki renkleri sağladım.
Burada bu rengi kopyalayacağım ve bedenimi seçeceğim, böylece bedenimi seçeceğim ve
daha sonra tek yapmamız gereken sınırı söylemek ve bu gri renkte katı olan 20 pikseldir.
Ve bunu bir kontrol edelim.
TAMAM.
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.
Gerçekten karşılaştırabilmek için tam boyutta yapalım.
Farkına varacağınız başka bir şey de sınırlarımızın bir problemi var, bu da
tüm vücudun tüm sayfayı doldurduğu kadar ilerliyor.
Buna karşın vücut sadece sayfanın bir kısmını kaplıyor.
Ve sonra her iki tarafta boşluk var.
O zaman içimizde elimizde olmayan boşluk var, çünkü metnimizdeki sözcükler sınırdan
yukarı doğru gidiyor.
Bu sorunu çözerek başlayalım ve bunu düzeltmek.
Elbette dolguya ihtiyacın var.
Bu, her tarafta 20 piksel dolgu.
Alt kısımda, solda ve sağda dolgu olduğunu görebilirsiniz.
Böylece vücutta dört tarafın tamamında 20 piksel dolgu atayacağız ve bu işlemi tamamlayacağız.
Bu biraz daha yakın.
Üzerinde çalışmamız gereken bir sonraki şey genişliğin doğru olmasını sağlamak ve
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ı
göreceksiniz. bir süre 700 piksel kalır ve daha sonra küçülür ve küçülür ve ölçeklenir.
Bu yüzden bunun olmasını sağlayacağımızdan emin olmak istiyoruz.
Bu yüzden biraz hile kullanacağız.
Ve sonra yapmak istediğiniz başka şey, şu anda ortalanmış olduğundan emin olmaktır.
Gerçekten söyleyemeyiz.
Ama ortalarda değil, sol tarafta olacak.
Öyleyse devam edin ve önce ilk ekleyelim.
Diyelim ki 700 piksel ile kaydetmek ve kaydetmek ve bu konuda sol tarafta bahsediyorduk ve ortada ortalamak istiyor
ve bunu yapmak için kutuda bahsedilen otomatik veya kenar boşluğu otomatik
hilesini kullanabilirsiniz model video.
Dolayısıyla bir marj belirleyeceğiz ve kısa yol kullanacağız.
Dolayısıyla sıfır piksel yukarıdan aşağıya, sonra da Otto sola ve sağa yapacağız.
Unutmayın, sadece dört yerine iki tane yaptığımız zaman.
Bu üstte ve altta ve bu sol ve sağ.
Dolayısıyla bu bizim için otomatik olarak merkezlenir, ancak o zaman sıfıra üst ve alt vererek fark edeceksiniz,
şimdi yukarıdan karşı karşıya.
Ve buradaki bu değil.
Biraz yerimiz var.
Orada 20 piksel var.
Bu basit bir düzeltme.
Aynı çizgi, 20 P x'e geri döndürür.
X'e ihtiyacımız var.
Daha önce yapmadık çünkü sıfıra geldiğinde sıfıra bırakabilirsiniz.
Ama bir numara olduğunda bir sonraki numaraya ihtiyacımız var.
Tamam, böylece oldukça yakın görünüyor.
Tek şey, küçüldükçe, artık 700 piksel bile diyemeyiz diye 700 piksel kalmasını istiyoruz.
Ve bunun küçülmesini istiyoruz ve bunu yapmak oldukça kolay, aslında biz yapmak
istediğimiz tek şey bunu maksimum genişlik olarak değiştirmek ve bununla bir yüzdelik belirteceğiz.
Ve ne söylediğinde, bunu yapman gerektiğinde yüzde 80 yaparsın.
Fakat maksimumda 700 piksel yapar.
Bu yüzden size yenilendiğinde bunun nasıl bir şey olduğunu göstereceğim.
Hiçbir şey değişmez çünkü maksimum yedi yüz piksele eklenir, böylece yüzde 80'in bu durumda
700 pikselden fazla olup olmayacağını denetler.
Dolayısıyla, 700'e kadar burada kalıyor; burada küçülmeye başlıyor.
Şu an yüzde 80'i 700 pikselden az.
TAMAM.
Şimdi temel vücudumuzu kurduk.
Burda yapmak istediğim sonraki şey, Funt'ımın gitmesini sağlamak.
Bu yüzden, son videodan aldığım notlara gidersek, font Source sense pro olarak adlandırılır.
Öyleyse devam edelim ve Google phos'a geçip, kaynak kodlu Pro'yu arayın.
Bu yüzden burada açık var ama yine sadece Google dot com eğik çizgi yazı tipleri
ve sadece bir kaynak için bir arama yapmak gönderir profesyonel burada koleksiyon kullanımı ekleyin.
Ve şimdi hangi font ağırlıklarımızı seçeceğiz.
videoda bunu söylemedim, ancak bu yazı tipi ağırlığının 400 normal yazı tipi yüzüdür.
Ve aslında size orijinal
Ve bu daha ağır bir ağırlıktır.
Katlanmış.
Böylece ikisini de isteyeceğiz.
Yani cesur 400 700 normal ve hepsi bu kadar.
Buraya gidip bu bağlantıyı kopyalayacağız.
Şimdi Google fontlarından kurtulabiliriz ve biz de HMO'ya gidip sadece bu bağlantıyı içeri yapıştırıyoruz.
Ve şimdi kaynak anlamda kullanabilme yeteneğine sahibiz.
Öyleyse her iki paragrafa ve yaş ikisine atalım ve aynı zamanda bu tarihlerde olmasını istiyoruz.
Yapabildiğimiz şey, paragrafı seçip font aile kaynağı anlamında profesyonel söylemek ve biz H-1 için
aynı şeyi yapabiliriz.
Fakat bu başarılarımızın iyi bir kullanımı değildir.
Kodumuz, kullanmak istediğimiz her elementte biraz tekrarlamalı olacak.
Bunu gidip eklemek zorunda kalacağız.
Bunun yerine, yaptığımız şey sadece vücuda uyguluyor.
Ve vücuda girerek içerideki her şey onu miras alacak.
Yani yazı tipi ailesi kaynak ve yanlısı ve yenilemek kaydedin ve biz hiç H-1 veya H-2 kullanarak gittik ve
bir paragraf var.
Bu şimdiye kadar oldukça iyi görünüyor.