Créer un compte Utilisateur
7 visiteur(s) et 0 membre(s) en ligne.  

 Lettre d'information
 


Votre adresse E-mail



Recevez par mail les nouveautés du site.

 

04) Les modeles

(407 mots dans ce texte )  -   lu : 342 Fois     Page Spéciale pour impression

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 




Retour à la sous-rubrique :
  • Dreamweaver

  • Autres publications de la sous-rubrique :
  • 01) Présentation du logiciel
  • 02) Animez vos calques
  • 03) Les Frames (cadres)
  • 05) Creez un puzzle
  • 06) Creez une mailing list
  • 07) Menus deroulants dynamiques graphiques
  • 08) Le RollOver
  • 09) Inserez de la musique
  • 10) Triez un tableau
  • 11) Les styles HTML
  • 12) Les menus deroulants
  • 13 ) Le RollOver a distance
  • 14) Explications supplementaires
  • 16) Les nouvelles fonctions de Dreamweaver Mx
  • Ce site a été construit avec NPDS
    admin