Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere Adobe Muse programında CSS ve font kullanımını adım adım göstermektedir.
- Video, web sitelerinde kullanılan CSS dosyalarının önemi ve yapısı ile başlayıp, Adobe Muse'da paragraf stilleri ve karakter stilleri oluşturma sürecini detaylı şekilde anlatmaktadır. Ayrıca, web sitelerinde güvenli fontların (web-safe fonts) kullanımı, sistem fontlarının dezavantajları ve Adobe'nin sunduğu font seçenekleri hakkında bilgiler verilmektedir. Video, arama motorlarının siteleri nasıl değerlendirdiğini ve içeriklerin tamamen yazı olması gerektiğini vurgulayarak, web tasarımında dikkat edilmesi gereken teknik detayları açıklamaktadır.
- CSS Dosyaları ve Site Tasarımı
- Normal şartlarda bir programcı, arayüz tasarımını verdikten sonra site içerisinde kullanılan fontlar, görsellerin boyutları ve yapıların özelliklerine ait ekstra bir CSS dosyası hazırlaması gerekir.
- CSS dosyaları, site içerisindeki yazılardan görsellere, şekillere kadar her yapı için nasıl bir tipte, yapıda duracağını, hangi renge sahip olacağını ve gölgeli olup olmayacağı gibi efektsel özellikleri içerir.
- Site içerisindeki arama motorlarının botlarını yönlendirecek önemli bilgilerden biri metin yazı taklarıdır; bu yazı takları header 1'den header 6'ya kadar gider ve paragraf, adres gibi birçok stil başlığı altında eklenebilir.
- 01:27Metin Stillerinin Hazırlanması
- Adobe Muse'da metin stilleri, Window menüsünden Paragraf Style veya Karakter Style panellerini açarak oluşturulabilir.
- Karakter stilleri bir metin içerisindeki karaktere ait özellikleri barındırırken, paragraf stilleri bir paragrafa ait genel özellikleri belirler.
- Paragraf stilleri, site içerisinde kullanacağınız ekstra yapılara göre artırılabilir ve her metin kutusuna farklı fontlar ve boyutlar atanabilir.
- 03:17Başlık ve Paragraf Stillerinin Oluşturulması
- Paragraf stilini eklemek için Paragraf Style penceresinin alt köşesindeki stil oluşturma butonuna tıklanır ve hazır değerlerden biri seçilir.
- Başlık seviyeleri (H1, H2, H3, H4, H5, H6) farklı boyutlarda ve stil özelliklerinde (bold, light) oluşturulur.
- Sitenin konseptine uygun bir yapıda paragraf, metin ve yazı targları hazırlanmalıdır ki arama motorlarının botları siteyi incelemek için gönderdikleri botlara başlığın ne olduğunu anlatabilmek için.
- 04:52Font Seçimi ve Kullanımı
- Site içerisinde kullanacağınız fontları mutlaka web save font (web içerisindeki güvenli fontlar) veya sistem fontları olarak seçmelisiniz.
- Sistem fontları, dışarıya aktarıldığında imaj olarak aktarılır ve arama motorları bu görselleri yazı olarak görmediği için içeriğine ne yazarsanız yazın kabul etmeyecektir.
- Adobe'nin font seçeneklerinden Advanced linkine tıklayarak internete bağlanarak çeşitli fontlar bulunabilir ve bu fontlar arama motorları tarafından daha iyi tanımlanabilir.