04) Les modeles

Un site est composé de pages Web, ça vous le savez, mais comment faire pour éviter de faire des Copier/Coller si toutes les pages se ressemble? C'est ce que nous allons voir avec les modèles.
Il faut commencer par créer notre gabarit. Nous avons besoin pour cela d'un logiciel de dessin pour dessiner notre maquette. J'ai utilisé Photoshop pour créer ma maquette.


Après l'avoir créé, enregistrez-le en JPG.

Sous Dreamweaver, créez un nouveau document et allez dans le menu Affichage/Tracé de l'image/Charger...
Sélectionnez votre maquette et dans la boîte de dialogue, ajustez la transparence à environ 20%. Votre image apparaîtra ensuite dans le fond de votre page.


Enregistrez votre page normalement.

Créez maintenant vos calques qui vont épouser les différents blocs de votre maquette. Il faut maintenant transformer ces calques en tableau. Pour cela vous allez dans le menu Modifier/Mode de mise en Forme/Convertir les calques en tableau.
Dans la boîte de dialogue qui apparaît, choisissez les options adéquates.



Ensuite à l'aide de l'icône Nouveau de la palette Modèles, vous allez créer un nouveau modèle que vous nommerez.


Sélectionnez la ou les cellules sensibles (celles qui changeront plus tard). Allez dans le menu Modifier/Modèles/Nouvelle région modifiable et donnez un nom à toutes vos régions. Faites le autant de fois que nécessaire.


Enregistrez votre document en allant dans Fichier/Enregistrer comme Modèle.

Comment utiliser ce modèle? Rien de plus simple. Ouvrez un nouveau document vierge et faites un Glisser/Poser de votre modèle de la palette Modèles vers votre page.
Le modèle apparaît ensuite dans votre page, prêt à être utilisé avec ses zones modifiables.


Ici les parties modifiables sont en blanc.

Cette préparation permet un gain de temps énorme surtout si toutes les pages de votre site sont identiques


Tutorial crée par le super webmaster de lewebfacile.net 






Cet article provient de TheBestWeb.fr

L'URL pour cet article est : http://www.thebestweb.fr/sections.php?op=viewarticle&artid=23