✅ Introduction à la mise en page Web

Table des matières

La mise en page est liée à la répartition des éléments dans un espace donné de la page, tandis que la conception éditoriale comprend d'autres éléments qui vont du projet graphique aux processus de production également appelés préparation à l'impression. Cependant à ce processus est connu sous le nom de mise en page.
Pour commencer à concevoir un site Web Il est nécessaire d'avoir 3 programmes tels que PhotoShop, Fireworks et Dreamweaver. À son tour, il est essentiel d'avoir une certaine connaissance préalable du code HTML. HTML décrit la structure et le contenu d'un site sous forme de texte. Les éléments en HTML sont constitués d'une balise initiale et d'une balise finale, entre elles un contenu est placé.

Lorsque le contenu multimédia a commencé à être utilisé massivement sur le Web, il est apparu en code HMTL 5 pour faciliter cette inclusion. HTML5 a les caractéristiques suivantes.

Ne pas être de mains privées
Souple
Normes utilisées

Avant de commencer à travailler avec la mise en page, le concepteur doit avoir travaillé avec un projet où il reflète les besoins de ses clients :

Ensuite, le programme PhotoShop (PSD) s'ouvrira pour afficher le projet :

Ensuite, nous commencerons à analyser les éléments communs, c'est-à-dire à organiser la page en groupes.
Se puede apreciar que el cuerpo de la página va a ser el total del proyecto en donde a continuación se van a empezar a agrupar los distintos elementos, por ejemplo: dentro del contenido se puede agrupar en una capa los dos logos que se hallan en la partie supérieure:

Une fois le projet de base analysé dans PhotoShop, le travail avec Fireworks commencera :
Ouvrez le projet avec Fireworks :

Avec l'outil de division Fireworks, chacun des éléments de la conception commencera à être encadré:

Une fois les divisions des éléments effectuées, elles sont sélectionnées ensemble et exportées en HTML et images. De cette façon, des fichiers seront générés pour chacune des divisions.