Úvod do rozvržení webu

Rozložení souvisí s distribucí prvků v daném prostoru na stránce, zatímco redakční návrh obsahuje další prvky, které sahají od grafického projektu po výrobní procesy nazývané také příprava na tisk. Nicméně tento proces je známý jako rozložení.
Chcete -li začít navrhovat webové stránky Je nutné mít 3 programy jako PhotoShop, Fireworks a Dreamweaver. Na druhé straně je nezbytné mít nějaké předchozí znalosti HTML kódu. HTML popisuje strukturu a obsah webu ve formě textu. Prvky v HTML se skládají z počáteční značky a konečné značky, mezi něž je umístěn obsah.

Když se na webu začal masivně používat multimediální obsah, objevil se v kódu HMTL 5, aby toto začlenění usnadnil. HTML5 má následující vlastnosti.

• Ne ze soukromých rukou
• Flexibilní
• Použité standardy

Před zahájením práce s rozvržením musel projektant pracovat s projektem, kde odráží potřeby svých klientů:

Dále se otevře program PhotoShop (PSD) pro zobrazení projektu:

Dále začneme analyzovat společné prvky, tj. Organizovat stránku jako skupiny.
Je vidět, že tělo stránky bude součtem projektu, kde se pak začnou seskupovat různé prvky, například: v obsahu dvě loga, která jsou v horní části:

Jakmile bude základní projekt analyzován ve PhotoShopu, začne práce s Fireworks:
Otevřete projekt pomocí Fireworks:

S nástrojem divize Fireworks začne být rámován každý z prvků návrhu:

Jakmile jsou rozděleny prvky, jsou vybrány společně a exportovány jako HTML a obrázky. Tímto způsobem budou generovány soubory pro každou z divizí.

Líbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod