DERSLER DENEME
CSS
Arka Plan (Background) oluşturma
…devam etmek için tıklayınız…
Arka plan yapmak için bir çok yöntem mevcut.
Bu örneğimizde tek bir resim yapacağız.
Bu resim için Photoshop'un sadece Fırça aracını kullandık.
…devam etmek için tıklayınız…
Farklı Kaydet diyerek çalışmamızı kaydedelim.
Tür olarak JPEG seçmek boyut ve kalite olarak avantajlı.
Başlık (Header) oluşturma
…devam etmek için tıklayınız…
Üç adımda basit bir başlık oluşturabiliriz.
1 - Yazı Aracı, 2 - Style, 3 - Fırça aracı.
Şablon (Template) oluşturma
…devam etmek için tıklayınız…
Google görsellerde bir arama yapalım.
Dilerseniz Photoshop ile kendi görselinizi de yapabilirsiniz.
Görseli tam boy olarak görüntüleyin.
Farklı kaydet diyerek bilgisayarınıza kaydedin.
Resmi Photoshop ile açınız.
Photoshop'unuz yoksa Grubumuzu ziyaret edebilirsiniz.
Resmi küçültmek için düzenleyelim.
Sitenizin çözünürlüğüne uygun hale getirin.
Bölme aracı ile resmimizi bölelim.
Bu bölümleri şablonumuzda kullanacağız.
Üst, orta ve alt için 3 parçaya bölmemiz yeterli.
…devam etmek için tıklayınız…
Web için kaydet diyelim.
Bu sayede her bölümü ayrı bir resim olarak kaydedeceğiz.
CTRL + A yaparak bütün bölümleri seçili hale getirelim.
Kayıt türünü belirleyerek kaydedelim.
Karşımıza çıkan ekranda Dosya İsmini belirtelim.
Sadece resimleri kaydedelim. Web sayfası oluşturmaya gerek yok.
Gördüğünüz gibi 3 ayrı resim oluştu.
Resim boyutları bizim için önemli, şablonumuzda bu boyutları kullanacağız.
Bu resimlerle tasarımımızı oluşturmaya devam edelim.
Slaytı kapatarak diğer sayfaya geçiniz.
