Bir web sitesi oluşturmanın en kolay yolu bir şablon kullanmaktır. Ancak, kaynağın öne çıkması için varsayılan düzeni değiştirmeniz gerekir. Ve burada temel html ve css bilgisi olmadan yapamazsınız.
Talimatlar
Aşama 1
İnternette size en uygun web sitesi şablonunu bulun. Yeteneklerine, monitörün boyutuna uyum sağlama yeteneğine, menünün özelliklerine ve sütunların düzenine dikkat edin. Beğendiğiniz sürümü bilgisayarınıza indirin, arşivi açın. Dosyaları sitenin kök dizinine yükleyerek performansını kontrol edin. Belki de şablon hatalar içeriyor ve doğru şekilde kurulmayacak, o zaman gelecekte onunla çalışmanın bir anlamı olmayacak.
Adım 2
Şablonu tamamen yeniden yapmayacak olsanız bile, resimlerin çoğunu ve özellikle logo olarak bulunanları değiştirin. Her resmi şu şekilde değiştirin:
- Photoshop programında grafik dosyasını açın;
- "Görüntü" - "Görüntü boyutu" menüsünde parametrelerine bakın;
- tamamen aynı boyutlara sahip yeni bir sayfa açın;
- uygulama araçlarını kullanarak istenen görüntüyü oluşturun;
- tüm katmanları düzleştirin ve orijinal formatı ayarlayarak aynı ad altında ve aynı klasörde yeni bir resim kaydedin (web için değil).
Bu nedenle, bir görüntü yerine başka bir görüntü görünmelidir.
Aşama 3
Tüm resimleri değiştirir değiştirmez, dosyaları içeren klasörü sıkıştırın (Joomla durumunda) ve "Uzantılar" menüsündeki site yönetici panelinden yükleyin. Yeni çizimlerle temanın doğru görüntülenip görüntülenmediğine bakın.
4. Adım
style.css içindeki parametrelerin geri kalanını değiştirin. Üstelik bunu yönetici panelinden değil, bir bilgisayarda yapmak çok daha uygun. Dönüşümlerin sonucunu en kısa sürede görmek için localhost (Denver) kullanmak mantıklıdır. Bu, bir sonraki düzenlemeden sonra sonuçları görüntülemek için sonucu her seferinde sunucuya yükleme ihtiyacını ortadan kaldıracaktır.
Adım 5
Mozilla Firefox için ücretsiz FireBug eklentisini indirin. Kurulumdan sonra, tarayıcının sağ üst köşesinde sarı bir hata simgesi görünecektir. Üzerine tıklayın veya F12 tuşuna basın ve ekranın alt kısmında sayfa kodu daraltılmış bir versiyonda görünecektir. Fareyi artı işaretlerinin üzerine getirerek açılabilir. Ve bir elemanın satırına tıklarsanız, ekranın üst kısmında vurgulanacaktır. Kodlu pencerenin sağ tarafında, görünümden sorumlu olan çizgileri gösteren stiller bulacaksınız. Ve tasarımı değiştirmek için stil dosyasını nerede düzenlemeniz gerektiği hemen anlaşılacaktır.
6. Adım
style.css dosyasını Notepad ++ ile açın. Kodu düzenlemek için tasarlanmış diğer programları kullanabilirsiniz, ancak bu amaçla standart "Not Defteri" ni kullanamazsınız, aksi takdirde kodlama nedeniyle hatalar olacaktır. Değiştirmek istediğiniz parametreleri bulmak için FireBug'u kullanın ve aynı anda Notepad ++'da düzenleyin.
7. Adım
Son css'i kaydedin ve dosyayı sunucuya yükleyin.
