Web'de çok sayıda web sitesi şablonu var, ancak bir dezavantajı var - benzersiz değiller. Site sahibi, sitesinin tasarımının başka bir yerde tekrarlanmasını istemiyorsa, profesyonel bir tasarımcıdan bir şablon sipariş edebilir veya kendi başına oluşturmaya çalışabilir.
Bu gerekli
Adobe Photoshop programı
Talimatlar
Aşama 1
Kendi şablonunuzu oluşturmak ilk bakışta göründüğü kadar zor bir iş değildir. Çalışmak için Adobe Photoshop'a ihtiyacınız var - elbette, onunla çalışmak için en azından temel bir anlayışa sahip olmanız gerekir. Ancak programı başlatmadan ve oluşturmaya başlamadan önce, gelecekteki tasarımı önceden düşünmeniz gerekir. Bunu yapmanın en uygun yolu, önce en az yüz hazır şablonla tanışmak, avantajlarını ve dezavantajlarını değerlendirmektir. Belirli tasarım öğelerinin başarılı çözümlerine dikkat edin. Bu, onları kopyalayacağınız anlamına gelmez, ancak bazı güzel ve kullanışlı çözümleri temel almak oldukça mantıklıdır.
Adım 2
Başkalarının şablonlarının analizine ve kendi yaratıcılığınıza dayanarak sitenizin nasıl görüneceğine dair bir fikir edinmelisiniz. Sıradan A4 sayfalarında renkli kalemlerle gelecekteki tasarımın kaba eskizlerini yapmak en iyisidir. Photoshop ile çalışmaya ancak tam olarak ne çizeceğinize dair net bir fikriniz olduktan sonra başlamalısınız.
Aşama 3
Photoshop'u başlatın, yeni bir 1200x1600 projesi oluşturun, şeffaf bir arka plan ayarlayın. Cetvel aracını açın, açık değilse, bunu yapmak için Ctrl + R tuş bileşimine basın. Yapışmayı etkinleştir: Görünüm - Yapışma.
4. Adım
Şimdi şablonu, öğelerinin kenarlarını, kenarlarını, sütunlarını vb. gösterecek kılavuzlarla bölmemiz gerekiyor. Örneğin, şablonun solunda dar bir sütun, sağında geniş bir sütun ve üstte bir başlık için yer olacak şekilde şablonu bölmek istiyorsunuz. Bu, üç dikey çizgiye (şablonun sol kenarı, sağ ve aralarındaki çizgi) ve başlığın alt kenarlığını gösteren yatay bir çizgiye ihtiyacınız olduğu anlamına gelir. Dikey bir çizgi ayarlamak için imleci sol taraftaki sol cetvele getirin, V tuşuna basın ve tuşu basılı tutarken çizgiyi istediğiniz konuma sürükleyin. Aynısını diğer iki dikey çizgiyle yapın. Yatay olanlar da aynı şekilde yapılır, sadece üst cetvel kullanılır.
Adım 5
Şablonunuz için bir arka plan bulun, küçük, tekrar eden bir desen olmalıdır. Photoshop'ta açın, seçin, kopyalayın. Ardından, arka planla doldurmanız gerektiği kadar şablona yapıştırın. Yapıştır şu şekilde yapılır: "Düzenle" - "Yapıştır" ve ardından arka plan alanını istediğiniz konuma sürükleyin. Ctrl + V komutunu kullanarak bir görüntü eklemek daha da hızlıdır. Aynı şekilde site başlığı için bir arka plan ekleyin. Bir arka plan oluşturmak için çeşitli degrade dolguları kullanabilirsiniz.
6. Adım
Kurşun Kalem aracını kullanarak, önceden çizilmiş çizgilere (yani üstlerine) odaklanarak şablonun sınırlarını çizin. En basit şablonun temelini aldınız, şimdi onu gerekli ayrıntılarla tamamlamanız gerekiyor - gezinme düğmeleri, menü satırları, çeşitli dekorasyon öğeleri vb. Düğmelerin ve diğer öğelerin nasıl oluşturulacağı hakkında daha fazla bilgi için Adobe Photoshop ile çalışma hakkındaki ilgili makaleleri okuyun.
7. Adım
Şablon oluşturuldu, şimdi onları html sayfasına eklemek için parçalara ayırmanız gerekiyor. Kesmek için Dilim Aracını kullanın. Bulmak için Çerçeve aracına sağ tıklayın ve açılan menüden Kes'i seçin. Artık şablonu istediğiniz gibi yuvalayabilir, ardından kaydedebilirsiniz: "Dosya" - "Web için Kaydet". Açılan pencerede dosya türünü seçin: HTML ve resimler, dosya adını belirtin: index.htm ve kaydedin. Bir index.htm dosyanız ve dilimlenmiş resimlerin olduğu bir resim klasörünüz olacak.
