Web Sitesi Düzeni Nasıl Yapılır

İçindekiler:

Web Sitesi Düzeni Nasıl Yapılır
Web Sitesi Düzeni Nasıl Yapılır

Video: Web Sitesi Düzeni Nasıl Yapılır

Video: Web Sitesi Düzeni Nasıl Yapılır
Video: Profesyonel Web Sitesi Nasıl Yapılır? - Ders 1 2024, Mayıs
Anonim

Geçen yüzyılda, web sayfası düzeni birkaç profesyonelin alanıydı. Teknolojideki ilerlemeler bu görevi büyük ölçüde basitleştirdi. Artık herhangi bir İnternet kullanıcısı bir web sitesi oluşturabilir.

Web sitesi düzeni nasıl yapılır
Web sitesi düzeni nasıl yapılır

Bu gerekli

  • - web sayfası düzeni için yazılım paketi;
  • - tasarım öğeleri oluşturmak için bir raster grafik düzenleyici.

Talimatlar

Aşama 1

Sitede bulunacak unsurların bir listesini yapın. Bu, gezinme menüsü, arama formu, reklam veya bilgi başlığı, arkadaş listesi gibi bileşenler olabilir. Projenin adı genellikle sayfanın üst kısmında belirtilir, yatay bir gezinme menüsü olabilir. Orta kısım, sitenin ana içeriğine atanır. Sayfanın alt kısmında, genellikle katılım sayaçları, geri bildirim için iletişim bilgileri bulunur.

Adım 2

Bir grafik düzenleyicide bir web sitesi düzeni oluşturun. Buradaki ana görev, elemanların görünümünü, göreceli konumlarını belirlemektir. Çok parlak renkler kullanmayın. Nötr bir renk paleti en iyi şekilde algılanır. Bloklar için tutarlı bir stil kullanın. Tasarımı mümkün olduğunca kullanıcı dostu yapmaya çalışın. HTML ve CSS'de uygulanması zor olan öğelerden kaçının.

Aşama 3

Sayfa düzenini kalite kaybı olmadan bitmap formatında kaydedin. HTML kullanılarak oluşturulacak stil öğelerini tanımlayın. Bunlar menüler, bağlantılar, tablolar, arama formları olabilir. Kalan öğeleri mizanpajdan çıkarın ve ayrı dosyalara kaydedin. Sabit sürücünüzde iki metin belgesi oluşturun. Bunlardan birinin uzantısını.htm olarak değiştirin. Elemanların göreli konumundan sorumlu kodu içerecektir. İkinci dosya stil sayfalarını içerecektir.

4. Adım

İlk dosyayı bir HTML düzenleyicide açın. Daha önce bitmap dosyalarında kaydedilmiş tasarım öğelerini sayfaya yerleştirin. HTML'de işlenmesi gereken metin bağlantıları, tablolar ve diğer öğeler oluşturun. Renk, yazı tipi boyutu, kenarlıkların varlığı gibi öğelerin nitelikleri bir CSS dosyasına yazılır. Sayfa öğelerini canlandırmanız gerekiyorsa JavaScript'i kullanın.

Önerilen: