Şablon Nasıl Uyarlanır

İçindekiler:

Şablon Nasıl Uyarlanır
Şablon Nasıl Uyarlanır

Video: Şablon Nasıl Uyarlanır

Video: Şablon Nasıl Uyarlanır
Video: Pattern Maker Nasıl Kullanılır? (Resmi Şablona Dönüştürme)#1 2024, Mayıs
Anonim

Yeni başlayanlar için web sitesi oluşturmanın en kolay yolu standart bir şablon kullanmaktır. Kaynağın benzersizliği, standart tasarımda bir dizi kozmetik ve organizasyonel değişiklik yapılarak elde edilebilir.

Şablon nasıl uyarlanır
Şablon nasıl uyarlanır

Gerekli

  • - site şablonu;
  • - Photoshop programı;
  • - tarayıcı FireBug için uzantı;
  • - Not Defteri ++ düzenleyicisi.

Talimatlar

Aşama 1

İnternette size uygun bir web sitesi şablonu bulun. Monitörün boyutuna uyarlanabilirliklerine, sütunların ve menülerin düzeninin özelliklerine dikkat ederek önerilen şablonları keşfedin. Seçilen seçeneği indirin. Oluşturulan sitenin kök dizinine dosya yükleyerek performansını kontrol edin. Şablon, çalışmada ortaya çıkan hatalar içeriyorsa, başka bir seçenek bulmak daha iyidir.

Adım 2

Şablondaki resimlerin çoğunu değiştirin. Her resmi aşağıdaki gibi değiştirin. Photoshop'u başlatın ve içindeki şablon grafik dosyalarından birini açın. Resim parametreleri için "Boyut" sütunundaki "Görüntü" menüsüne bakın. Aynı boyutlara sahip yeni bir sayfa açın ve üzerinde ihtiyacınız olan resmi oluşturun. Sonucu, değiştirilecek grafik dosyasının adı altındaki şablon klasörüne kaydedin. Bu nedenle, tüm anlamlı görüntüleri değiştirmek gerekir.

Aşama 3

Parametrelerin geri kalanını, bir belgenin görünümünü tanımlayan resmi bir programlama dili olan style.css basamaklı tablolarını kullanarak değiştirin. Bu tür değişiklikleri yönetici paneli üzerinden yapmak daha uygundur ve her güncellemeyi sunucuya yüklememek için sonuçları yerel barındırmada görüntülemek daha iyidir.

4. Adım

Tarayıcınız için ücretsiz FireBug uzantısını indirin ve yükleyin. Tarayıcı penceresinin sağ üst köşesinde sarı hata içeren bir simge görünmelidir. Simgeye tıklayın ve F12 tuşuna basın. Daraltılmış sayfa kodu ekranın alt kısmında görünür. Artı işaretlerinin üzerine gelinerek genişletilebilir. Bir elemanın satırına tıklayarak, ekranın üst kısmında nasıl vurgulandığını görebilirsiniz. Kodlu pencerenin sağ tarafında, sayfanın görünümünden sorumlu satırları gösteren stiller vardır.

Adım 5

Şablonu Notepad ++ düzenleyicisinde açın. Değiştirilecek parametreleri bulmak için FireBug'u kullanın ve bunları Notepad ++'da düzenleyin.

6. Adım

Sonucu kaydedin ve oluşturulan siteyi sunucuya yükleyin.

Önerilen: