Al segle passat, la distribució de pàgines web era el domini d’alguns professionals. Els avenços tecnològics han simplificat molt aquesta tasca. Ara qualsevol usuari d'Internet pot crear un lloc web.
És necessari
- - paquet de programari per al disseny de pàgines web;
- - un editor gràfic ràster per crear elements de disseny.
Instruccions
Pas 1
Feu una llista dels elements que hi haurà presents al lloc. Es poden incloure components com un menú de navegació, un formulari de cerca, un bàner publicitari o d’informació, una llista d’amics. El nom del projecte sol indicar-se a la part superior de la pàgina, hi pot haver un menú de navegació horitzontal. La part central s’assigna al contingut principal del lloc. A la part inferior de la pàgina, normalment es col·loquen comptadors d’assistència, informació de contacte per obtenir informació.
Pas 2
Creeu un disseny de lloc web en un editor gràfic. La tasca principal aquí és determinar l’aspecte dels elements, la seva posició relativa. No utilitzeu colors massa brillants. Es percep millor una paleta de colors neutres. Utilitzeu un estil coherent per als blocs. Intenteu que el disseny sigui el més fàcil d'utilitzar possible. Eviteu els elements difícils d’implementar a HTML i CSS.
Pas 3
Deseu el disseny de la pàgina en format de mapa de bits sense pèrdua de qualitat. Definiu els elements d’estil que es representaran mitjançant HTML. Es poden tractar de menús, enllaços, taules, formularis de cerca. Extraieu la resta d’elements del disseny i deseu-los en fitxers separats. Creeu dos documents de text al disc dur. Canvieu l'extensió d'un d'ells a.htm. Contindrà el codi responsable de la posició relativa dels elements. El segon fitxer contindrà els fulls d’estil.
Pas 4
Obriu el primer fitxer en un editor HTML. Col·loqueu a la pàgina els elements de disseny guardats anteriorment als fitxers de mapa de bits. Creeu enllaços de text, taules i altres elements que s'hagin de representar en HTML. Els atributs d'elements, com ara el color, la mida de la lletra, la presència de vores, s'escriuen en un fitxer CSS. Si necessiteu animar elements de la pàgina, utilitzeu JavaScript.
