Web düzenine giriş

İçindekiler
Düzen, sayfadaki belirli bir alandaki öğelerin dağılımı ile ilgilidir; editoryal tasarım, grafik projeden baskıya hazırlık olarak da adlandırılan üretim süreçlerine kadar uzanan diğer öğeleri içerir. Ancak bu işlem düzen olarak bilinir.
Bir web sitesi tasarlamaya başlamak için PhotoShop, Fireworks ve Dreamweaver olmak üzere 3 programa sahip olmak gereklidir.. Buna karşılık, önceden HTML kodu bilgisine sahip olmak önemlidir. HTML, bir sitenin yapısını ve içeriğini metin biçiminde tanımlar. HTML'deki öğeler, bir başlangıç ​​etiketinden ve bunların arasına bir içerik yerleştirilen bir son etiketten oluşur.

Multimedya içeriği web üzerinde kitlesel olarak kullanılmaya başladığında, bu içermeyi kolaylaştırmak için HMTL 5 kodunda ortaya çıktı. HTML5 aşağıdaki özelliklere sahiptir.
  • Özel ellerden olmamak
  • Esnek
  • Kullanılan standartlar
Düzen ile çalışmaya başlamadan önce tasarımcı, müşterilerinin ihtiyaçlarını yansıttığı bir proje üzerinde çalışmış olmalıdır:

Ardından, projeyi görüntülemek için PhotoShop (PSD) programı açılacaktır:

Ardından, ortak öğeleri analiz etmeye, yani sayfayı gruplar halinde düzenlemeye başlayacağız.
Sayfanın gövdesinin, farklı öğelerin daha sonra gruplandırılmaya başlayacağı projenin toplamı olacağı görülebilir, örneğin: içerik içinde üst kısımda bulunan iki logo:

Temel proje PhotoShop'ta analiz edildikten sonra Fireworks ile çalışma başlayacaktır:
Projeyi Fireworks ile açın:

Fireworks bölme aracıyla tasarımın her bir öğesi çerçevelenmeye başlayacaktır:

Elemanların bölümleri yapıldıktan sonra birlikte seçilirler ve HTML ve resimler olarak dışa aktarılırlar. Bu şekilde, her bölüm için dosyalar oluşturulacaktır.

Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.

Arkadaşlarınızla sayfasını paylaşan sitenin gelişimine yardımcı olacak

wave wave wave wave wave