Table des matières:
Vidéo: TUTO HTML - #7 Insérer un élément audio ou vidéo sur son site 2025
De nombreux programmes de conception Web se vantent de leurs modèles HTML. Ce qu'ils veulent vraiment dire, c'est qu'ils incluent des modèles de pages prêts à l'emploi avec le programme. Dreamweaver développe ce concept en fournissant des fonctionnalités de conception de modèle qui vous permettent de créer la conception de base d'une page, puis de contrôler les sections qui peuvent ou non être modifiées. C'est une fonctionnalité précieuse si vous travaillez avec une équipe de développeurs de différents niveaux de compétences. Par exemple, si vous construisez un site pour une société immobilière et que vous voulez permettre aux employés de mettre à jour les listes de vente sans être en mesure de gâcher la conception de la page, un modèle peut être la solution parfaite.
Les modèles sont mieux utilisés lorsque vous créez un certain nombre de pages qui partagent certaines caractéristiques, telles que la couleur de fond ou les éléments de navigation. Plutôt que de définir les propriétés correctes pour chaque nouvelle page ou d'apporter les mêmes modifications page après page, vous pouvez utiliser un modèle pour apporter des modifications à plusieurs pages à la fois.
Rester fidèle à votre modèle
L'un des grands avantages de l'utilisation de la fonctionnalité de modèle Dreamweaver est que vous pouvez spécifier les zones du modèle qui peuvent être modifiées. Ceci est particulièrement utile si vous travaillez avec des personnes qui ont différents niveaux de compétence en HTML et que vous voulez qu'un concepteur plus avancé crée une page qu'une personne moins expérimentée ne peut pas rattraper plus tard. Avec cet objectif en tête, un modèle a des régions modifiables et des régions verrouillées (non modifiables). Utilisez régions modifiables pour les contenus qui changent, tels que la description d'un produit. Utilisez des régions verrouillées pour le contenu statique immuable, tel qu'un logo ou des éléments de navigation sur le site.
Vous pouvez modifier un modèle même après l'avoir utilisé pour créer des documents. Ensuite, lorsque vous mettez à jour des documents qui utilisent le modèle, les sections non modifiables de ces documents sont mises à jour pour correspondre aux modifications que vous avez apportées au modèle.
Pendant que vous modifiez le modèle lui-même, vous pouvez apporter des modifications à n'importe quelle partie du fichier, que ce soit les régions modifiables ou verrouillées. Cependant, lors de la modification d'un document à partir d'un modèle, vous ne pouvez modifier que les régions modifiables du document. Si vous revenez en arrière et modifiez un modèle après sa création, Dreamweaver vous permet de répercuter ces modifications sur toutes les pages que vous avez créées avec ce modèle ou uniquement sur la page que vous êtes en train de modifier.
Créer des modèles
Créer un modèle est aussi simple que de créer n'importe quel autre fichier dans Dreamweaver, comme vous pouvez le voir dans les étapes suivantes. Vous pouvez commencer avec un document HTML existant et le modifier en fonction de vos besoins, ou vous pouvez créer un document entièrement nouveau.Lorsque vous enregistrez un fichier en tant que modèle, le fichier est automatiquement stocké dans le dossier Modèles du dossier principal du site Web. Les modèles doivent être enregistrés dans ce dossier commun pour que les fonctions automatisées de Dreamweaver fonctionnent correctement. Si vous ne disposez pas déjà d'un dossier Modèles dans votre site Web, Dreamweaver en crée automatiquement un lorsque vous stockez votre premier modèle.
Les fonctionnalités du modèle ne fonctionnent que si vous avez défini votre site Web dans Dreamweaver
Tous les éléments d'un modèle sont verrouillés par défaut, à l'exception de la section du titre du document, indiquée par les tags. (La section du titre du document n'étant pas verrouillée est une amélioration dans Dreamweaver 4 - dans Dreamweaver 3, vous ne pouviez pas rendre la zone de titre modifiable.). Pour que le modèle puisse être utile à la création de nouvelles pages, vous devez également rendre les autres zones de la page modifiables. N'oubliez pas que vous pouvez toujours revenir au modèle et modifier d'autres zones ou supprimer la possibilité d'éditer certaines zones ultérieurement.
Pour créer un modèle avec des régions modifiables, procédez comme suit:
1. Choisissez Fenêtre -> Modèles.
2. Dans le panneau Modèles, cliquez sur la flèche dans l'angle supérieur droit et choisissez Nouveau modèle dans le menu déroulant qui s'ouvre.
Un nouveau modèle sans titre est ajouté à la liste des modèles du panneau.
3. Avec le modèle toujours sélectionné, tapez un nom pour le modèle, tout comme vous nommer un fichier dans le Finder sur un Mac ou l'explorateur sur un PC.
Le nouveau modèle est ajouté à la liste Templates for Site.
4. Après avoir nommé le nouveau modèle, double-cliquez sur le nom pour l'ouvrir.
La page de modèle s'ouvre dans Dreamweaver comme n'importe quelle autre page HTML, sauf que le nom de fichier se termine par l'extension. dwt.
Vous pouvez maintenant modifier cette page comme vous le feriez pour n'importe quelle autre page HTML, en insérant des images, du texte, des tableaux, etc.
5. Choisissez Modifier -> Propriétés de la page pour spécifier les couleurs d'arrière-plan, de texte et de lien.
Ensuite, vous placez du texte ou des images sur la page en tant qu'espaces réservés pour des informations que vous voudrez peut-être modifier dans le futur.
6. Pour rendre une image ou une zone de texte modifiable, sélectionnez l'image ou le texte, puis choisissez Modifier -> Modèles -> Nouvelle région modifiable. (L'image ou le texte que vous sélectionnez comme modifiable devient une zone qui peut être modifiée dans n'importe quelle page créée avec le modèle.Les zones que vous ne marquez pas comme modifiables deviendront fixes et ne pourront être modifiées que si vous modifiez le modèle lui-même.)
La boîte de dialogue Nouvelle région modifiable s'ouvre.
7. Dans la zone de texte Nom, tapez un nom pour la région modifiable.
Le texte ou l'image est mis en évidence dans le modèle, indiquant qu'il est modifiable. Vous pouvez nommer la région comme vous voulez, mais choisir quelque chose qui correspond au type d'information que vous allez mettre dans la zone vous rendra plus facile à retenir.
8. Répétez les étapes 6 et 7 pour rendre d'autres images ou zones de texte modifiables.
9. Enregistrez votre modèle et fermez le fichier lorsque vous avez terminé.
Vous pouvez modifier une table entière ou une cellule de table individuelle, mais vous ne pouvez pas rendre plusieurs cellules modifiables en une fois, à moins que vous ne les ayez fusionnées en premier.Vous devez sélectionner chaque cellule une à la fois si vous voulez que certaines cellules d'une table soient modifiables, mais pas d'autres. Les calques et le contenu des calques sont également traités comme des éléments distincts, mais ils peuvent être marqués comme modifiables. Rendre une couche modifiable vous permet de changer la position de cette couche. Rendre le contenu de la couche modifiable signifie que vous pouvez modifier le contenu de la couche, tel que le texte ou l'image de la couche.
