Accueil Médias sociaux Pour créer un nouveau modèle Dreamweaver - les nuls

Pour créer un nouveau modèle Dreamweaver - les nuls

Vidéo: Tutoriel Adobe Dreamweaver- 27 Comment créer un modèle de pages web- partie 1 2025

Vidéo: Tutoriel Adobe Dreamweaver- 27 Comment créer un modèle de pages web- partie 1 2025
Anonim

Vous créez un nouveau modèle dans Dreamweaver en utilisant la même boîte de dialogue Nouveau document que vous utilisez pour créer tout autre type de page. Pour créer un modèle Dreamweaver, procédez comme suit:

  1. Choisissez Fichier → Nouveau.

    La boîte de dialogue Nouveau document s'ouvre.

  2. Dans la liste de gauche, cliquez sur l'option Page vierge.

  3. Dans la liste Type de page, choisissez Modèle HTML.

  4. Dans la zone Mise en page, choisissez de créer une page vierge ou sélectionnez une mise en page CSS prédéfinie.

    Les nombreuses options de mise en page CSS de Dreamweaver fournissent une excellente longueur d'avance pour la création d'un nouveau design de page.

  5. Cliquez sur le bouton Créer.

    Un nouveau modèle vierge est créé et s'ouvre dans la zone de travail principale, et la boîte de dialogue Nouveau document se ferme.

  6. Choisissez Fichier → Enregistrer.

    Vous recevez un avertissement (si vous ne l'avez pas désactivé), indiquant que le modèle n'a aucune région modifiable et vous demandant si vous voulez vraiment l'enregistrer. Cliquez sur OK pour fermer la boîte de dialogue d'avertissement et continuer. Dreamweaver vous donne cet avertissement car un modèle sans régions modifiables n'est pas utile. Vous trouverez des instructions pour créer des régions modifiables à l'étape 9.

  7. Cliquez sur OK pour enregistrer la page comme c'est le cas pour l'instant.

    La fenêtre Enregistrer en tant que modèle apparaît avec le dossier Modèles ouvert. Si vous ne disposez pas déjà d'un dossier nommé Templates dans votre dossier de site local, Dreamweaver en crée un pour vous lorsque vous créez et enregistrez votre premier modèle.

    Pour fonctionner correctement, les modèles Dreamweaver doivent être enregistrés dans un dossier nommé Templates (avec la valeur T ) dans votre dossier de site local, visible dans le panneau Fichiers. Si vous modifiez le nom du dossier ou déplacez le dossier Modèles dans un sous-dossier, vos modèles ne fonctionneront plus correctement.

  8. Créez un motif pour la page en ajoutant des images, du texte et d'autres éléments comme vous le feriez dans n'importe quel autre fichier Dreamweaver.

    Rappelez-vous que vous créez un modèle de page dans un modèle, comme vous le feriez dans n'importe quelle autre page Web. Si vous incluez des images et du texte qui seront remplacés dans les pages créées à partir du modèle ou créez simplement le squelette d'une page est à vous.

  9. Pour créer une région modifiable:

    1. Sélectionnez une image, un bloc de texte ou une zone de contenu.

      Souvent, la meilleure option est de sélectionner une zone entière d'une page pour que tout soit modifiable dans cette section. Si vous avez conçu vos pages avec des balises et des feuilles de style CSS, une bonne option consiste à sélectionner la balise pour une section entière, telle que le tag stylisé avec le style de classe mainContent.

      Une façon pratique de sélectionner une section entourée d'une balise consiste à placer votre curseur n'importe où dans cette zone de la page, puis à utiliser le sélecteur de balises au bas de l'espace de travail pour sélectionner la balise.

    2. Choisissez Insérer → Modèle → Région modifiable.

      La boîte de dialogue Nouvelle région modifiable s'ouvre.

    3. Attribuez un nom à la nouvelle région modifiable.

      Choisissez quelque chose qui identifie le type de contenu, tel que titre ou contenu principal. La région que vous définissez comme modifiable devient une zone qui peut être modifiée dans n'importe quelle page créée à partir du modèle. Vous pouvez avoir plusieurs régions modifiables dans un modèle. Chaque région modifiable doit avoir un nom différent; les noms ne peuvent pas utiliser d'espaces ou de caractères spéciaux, mais les traits de soulignement et les traits d'union sont corrects.

    4. Cliquez sur OK.

      Une boîte bleue aqua (avec une languette bleu aqua en haut à gauche de la boîte) entoure la région modifiable. Le nom que vous avez entré dans la boîte de dialogue Nouvelle région modifiable apparaît dans l'onglet.

  10. Lorsque vous avez terminé la conception de la page et ajouté toutes les régions modifiables souhaitées, choisissez Fichier → Enregistrer pour enregistrer votre modèle.

    Lorsque vous enregistrez une nouvelle page de modèle ou enregistrez une page existante en tant que modèle, Dreamweaver ajoute automatiquement le. extension dwt et enregistre le fichier dans le dossier Templates.

Si vous enregistrez un modèle avant de spécifier des régions modifiables, Dreamweaver vous avertit car les modèles ne sont pas utiles sans régions modifiables. Vous n'avez pas besoin de créer des régions modifiables avant d'enregistrer un modèle, mais vous ne pouvez pas apporter de modifications aux pages créées à partir d'un modèle tant que vous n'avez pas créé une ou plusieurs régions modifiables. Vous pouvez toujours revenir en arrière et ajouter des régions modifiables plus tard.

Adobe a ajouté un nouveau panneau d'insertion de modèles dans Dreamweaver CC. Vous pouvez utiliser ce nouveau panneau à la place des éléments de menu lorsque vous travaillez avec des modèles. Les fonctionnalités fonctionnent de la même manière: Cliquez simplement sur l'icône correspondante dans le panneau Insertion de modèles, telle que l'icône de zone modifiable.

Pour créer un nouveau modèle Dreamweaver - les nuls

Le choix des éditeurs

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Pour les seniors: Comment travailler avec Windows dans Microsoft Windows - les nuls

Windows, avec un W majuscule, tire son nom de sa caractéristique principale: Windows, avec un w minuscule. Se familiariser avec Windows signifie apprendre à ouvrir, fermer, redimensionner, déplacer et basculer entre les fenêtres, ce qui est la clé pour jongler avec succès avec plusieurs activités. Chaque programme que vous exécutez occupe sa propre fenêtre. Une fenêtre peut occuper une partie de ...

Comment accepter ou rejeter les cookies dans Safari - dummies

Comment accepter ou rejeter les cookies dans Safari - dummies

Un cookie est un petit fichier qu'un site Web enregistre automatiquement sur le disque dur de votre Mac. Il contient des informations, telles que vos préférences ou votre date de naissance, que le site utilisera lors de vos prochaines visites. Dans Mac OS X Snow Leopard, Safari vous permet de choisir d'accepter ou non tous les cookies ...

Le choix des éditeurs

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Construire des boîtes et des lignes Bézier dans QuarkXPress - des nuls

Pour créer une boîte ou une ligne dans QuarkXPress plus complexe qu'un simple rectangle, ovale ou starburst, vous entrez dans le domaine du chemin de Bézier. Si vous avez utilisé l'outil Plume dans Adobe Illustrator ou Photoshop, vous comprenez déjà les chemins de Bézier. Il faut un peu de pratique et un esprit détendu ...

Création d'un rapport avec Crystal Reports 10 - témoins

Création d'un rapport avec Crystal Reports 10 - témoins

Lorsque vous démarrez Crystal Reports 10, généralement l'une des trois choses suivantes: créer un rapport, modifier un rapport ou exécuter un rapport sur les données de votre base de données. Les rapports prennent des données à partir d'une base de données, les traitent, les formatent et les affichent ensuite sur une imprimante, un écran d'ordinateur ou un site Web. Crystal Reports ...

Traitant des commentaires Javadoc dans Eclipse - mannequins

Traitant des commentaires Javadoc dans Eclipse - mannequins

Lorsque vous utilisez Eclipse pour écrire du code Java, n'oubliez pas de éditez les commentaires de Javadoc (les choses qui commencent par / **). Vous pouvez ajouter des informations utiles lorsque vous modifiez les commentaires Javadoc et lorsque vous les modifiez, l'aide au code d'Eclipse propose des suggestions. N'oubliez pas ces astuces lorsque vous modifiez vos commentaires Javadoc: Ajouter un commentaire Javadoc: ...

Le choix des éditeurs

Les connexions cachées sur le Nikon D5600 - les nuls

Les connexions cachées sur le Nikon D5600 - les nuls

Ouvrent les couvercles sur les côtés gauche et droit du Nikon D5600 caméra, et vous verrez plusieurs ports de connexions cachées. Les ports de connexion suivants sont indiqués sur cette image: Terminal d'accessoires: ce terminal accepte les accessoires suivants: câble déclencheur à distance Nikon MC-DC2; Télécommandes sans fil WR-1 et WR-R10; et les unités GPS GP-1 / GP-1A. I ...

Les connexions cachées sur votre Nikon D5200 - les nuls

Les connexions cachées sur votre Nikon D5200 - les nuls

ÉParpillés sur l'extérieur de votre appareil photo sont nombreuses commandes que vous utilisez pour changer d'image -prend des paramètres, revoir et modifier vos photos, et effectuer diverses autres opérations. Caché sous le couvercle sur le côté gauche de la caméra, vous trouverez les quatre ports de connexion suivants, étiquetés dans cette figure: Borne accessoire: Vous pouvez brancher le Nikon en option ...

Des boutons et autres commandes du Nikon D7500 - mannequins

Des boutons et autres commandes du Nikon D7500 - mannequins

C'est génial d'avoir une carte pour le boutons et commandes sur votre appareil photo, mais ce n'est pas beaucoup d'aide si vous ne pouvez pas vous rappeler quel bouton appuyer sur quand (et pourquoi). Alors, voici un aperçu des fonctions des contrôles les plus importants. (Certains contrôles ont des fonctions supplémentaires pendant certaines opérations, mais la table ...