Profesyonel web tasarımcıları, genellikle Adobe Photoshop gibi güçlü grafik düzenleyicilerde web sitesi şablonları geliştirir. Çalışmanın sonucu, bu formda müşteriye sağlanan resimli bir dosyadır. Hazır tasarımı kullanmak, yani bir web sayfası düzenlemek için şablonu kesmeniz gerekir.
Gerekli
raster grafik editörü Adobe Photoshop
Talimatlar
Aşama 1
Şablon dosyasını Adobe Photoshop grafik düzenleyicisinde açın. Menüden Dosya ve Aç'ı seçin veya Ctrl + O tuş bileşimine basın. Bundan sonra görünen iletişim kutusunda, dosyanın bulunduğu dizine gidin, listeden seçin ve "Aç" düğmesini tıklayın.
Adım 2
Şablon görüntüsünü görüntülemek için uygun bir ölçek seçin. Yakınlaştırma Aracını veya bağlam menüsü öğelerini kullanın. İmleci piksel hassasiyetiyle konumlandırmanıza izin veren bir ölçek seçin. Bu, referans çizgilerini doğru bir şekilde ayarlamak için gereklidir.
Aşama 3
Şablon görüntüsünün üzerinde bir dizi referans çizgisi oluşturun. Açık değilse, belge pencerelerinde cetvellerin görüntüsünü açın. Bunu yapmak için Ctrl + R tuşlarına basın veya menüden Görünüm ve Cetveller'i seçin.
4. Adım
Yatay bir referans çizgisi eklemek için fare imlecini üst cetvelin üzerine getirin. Sol tuşa basın ve basılı tutun. Fare imlecini görüntü alanına doğru hareket ettirin. Aynı şekilde doğru cetveli kullanarak yatay çizgiler ekleyebilirsiniz.
Adım 5
Gerekli sayıda referans çizgisi ekleyin ve bunları şablonun bölgelerinin bölünmesinin sınırları boyunca konumlandırın. Çizgiler, şablonu kesmek istediğiniz tüm yerlerden geçmelidir. Bir web sayfasında sunulacak tüm görselleri ve mantıksal alanları (logo, site başlığı, yatay ve dikey menüler vb.) kısıtlamalıdırlar.
6. Adım
Dilim Aracını etkinleştirin. Düğmesi dikey araç çubuğundadır.
7. Adım
Dilim Aracını kullanarak gerekli sayıda kesme alanı oluşturun. Şablonu görüntülemek için uygun bir ölçek seçin. Alanların sınırlarını ayarlamak için fareyi kullanın. Üçüncü adımda eklenen yönergeler, oluşturduğunuz nesnelerin sınırlarının kesin olarak konumlandırılmasını sağlayacaktır. Gerekirse Dilim Seçim Aracını kullanarak mevcut alanları ayarlayın.
8. Adım
Kesme bölgelerinin özelliklerini gerektiği gibi değiştirin. Dilim Seçim Aracını etkinleştirin. İstediğiniz alana sağ tıklayın. Bağlam menüsünde, Dilim Seçeneklerini Düzenle öğesini seçin. Görüntülenen Dilim Seçenekleri iletişim kutusunda, alan türünü (resim, boş alan, tablo), arka plan doldurma modunu seçin, gerekirse adı, hedef URL'yi, alt="Görüntü" özniteliğinin içeriğini ve diğer değerleri belirtin. Tamam'ı tıklayın.
9. Adım
Şablonu kesin. Menüden Dosya ve Web ve Aygıtlar için Kaydet'i seçin veya Shift + Ctrl + Alt + S tuşlarına basın. Web ve Aygıtlar için Kaydet iletişim kutusunda, şablonun kesileceği biçimi ve görüntü sıkıştırma parametrelerini belirtin. Kaydet düğmesini tıklayın. Optimize Edilmiş Olarak Kaydet iletişim kutusu görüntülenecektir.
Adım 10
Dosya türü açılır listesinden HTML ve Görüntüler (*.html) öğesini seçin ve Dosya adı alanına şablon HTML işaretlemesinin yerleştirileceği dosyanın adını girin. Dilimler listesinde, Tüm Dilimler'i seçin. Çıktı için dizini belirtin ve "Kaydet" düğmesini tıklayın.
11. Adım
Hedef dizine, aslında hazır bir web sayfası şablonu olan bir HTML dosyası yerleştirilecektir. Görüntüler alt dizini, orijinal şablonun kesildiği görüntü kümesini içerecektir.
