Éviter la navigation et aller au contenu

Cette page a été créée avec KompoZer

English translation   |   日本語訳

Guide d'utilisateur pour l'édition Web avec Nvu

7 Modèles

7.1 Que sont les modèles?

Les modèles sont simplement des pages Web ayant un contenu (comme par ex. une entête de lettre) qui peut être ré-utilisé pour faire d'autres pages qui vont partager la même structure de page sous-jacente et, souvent, la même allure graphique. Les modèles ne sont pas modifiés lorsque utilisés; ils peuvent être utilisés à nouveau et encore. Le modèle le plus simple est probablement une page vierge qui est liée à une feuille de style pour usage à travers tout le site. Plus commun est une page qui a une bannière et peut-être un menu qui apparaît sur chaque page. Finalement, un modèle peut être une page complète pour un usage sur toutes, ou plusieurs, pages d'un site qui va comporter des sections permettant une configuration individuelle.

Les modèles peuvent être considérés comme ayant deux (2) parties distinctes - une partie fixe qui demeure la même sur chaque page et une partie éditable qui change.

Bloc et flux. Les items Bloc sont comme tout autre bloc html et peut être comme un paragraphe ou un <div> (qui peut lui-même contenir plusieurs autres blocs). Les blocs peuvent être répétables - pour que plusieurs items semblables puissent être ajoutés si c'est nécessaire. Les items flux vont être contenus à l'intérieur d'autres éléments bloc pour ??!!Flow items will be contained within other block items to tailor paragraphs to particular needs; like "Thank you Mr Cooke for taking your time to study this matter". Block items will normally be formatted according to the normal block rules and flow items according to the containing block.!!??

7.2 Créer un nouveau modèle

Les modèles sont préparés et édités en utilisant Nvu, tout comme on le ferait pour tout autre page Web.

Pour créer un modèle

  1. Cliquez Fichier > Nouveau puis sélectionnez ‘Modèle vide’ et ‘Ouvrir’. Note Tous les modèles vont être créés avec la déclaration de doctype Transitional.
  2. Ajoutez tout contenu qui est destiné à apparaître sur toutes les pages basées sur ce modèle.
  3. Formatez le contenu de façon normale.
  4. Si le formatage est pour être basé sur une feuille de style, alors éditez-la de façon normale telle que détaillée à la section 4.2.4.
    Note Pour que ceci fonctionne sans problème, vous devez d'abord enregistrer le modèle.
  5. Ajoutez les zones qui seront éditables.

Remplissez ces zones éditables avec du texte bidon (texte de remplissage quelconque) pour que la disposition complète de la page soit formée, restituée même si le contenu textuel de la page est incompréhensible ou est sans signification. Formatez-la tel que requis.

Note Un texte bidon (texte de remplissage quelconque) souvent utilisé se trouve à http://www.lipsum.com/.

Note Il existe d'autres méthodes pour créer une disposition visuelle de page mais la méthode ci-décrite est simple et fiable.

La première figure montre une page préparée avec la méthode décrite.

7.3 Enregistrer des modèles

Pour enregistrer un modèle

  1. Cliquez Fichier > Enregistrer ou File > Enregistrer sous....

Le type (extension) ‘mzt’ va être sélectionné automatiquement.

7.4 Enregistrer une page en tant que modèle

Une document pré-existant peut être converti en un modèle.

  1. Cliquez Format > Titre et propriétés de la page...
  2. Cochez la case ‘Cette page est un modèle’.
  3. Cliquez OK.
  4. Cliquez Fichier > Enregistrer sous... Le type de fichier ‘Modèles HTML’ va être sélectionné.
  5. Nommez et enregistrez le fichier comme d'habitude.

7.5 Définir les détails d'un modèle

Le contenu de la page - soit les zones fixes et les zones éditables - devrait être déjà défini et formaté.
Pour faire des blocs éditables

  1. À tour de rôle, sélectionnez chaque bloc que vous désirez rendre éditable.
  2. Dans le Mode d'édition Balises HTML, sélectionnez le bloc en cliquant sur sa balise.
  3. Dans la barre d'état (aussi appelé barre de structure), faites un clique droit sur la balise surlignée.
  4. Cliquez Modèles > Rendre éditable.
  5. Dans la boîte ‘Insérer une zone de saisie’, donnez au bloc un nom descriptif, intuitif, mnémonique qui vous aidera à vous rappeler le but/la fonction de ce bloc. Maintenant, cochez les cases des options qui conviennent à votre bloc.

Note L'option ‘La zone est optionelle’ permet au bloc d'être facilement supprimable quand la page est éditée. ‘La zone peut être répétée’ permet de faire des copies rapidement. ‘La zone est déplaçable’ transforme cette zone en une couche déplaçable (voir la section 3.10).

Avertissement Dans Nvu 1.0, cette option est désactivée.

    6 Cliquez OK.

Pour rendre éditable une sélection quelconque/ad hoc

  1. À tour de rôle, sélectionnez (mettre en vidéo inversé) chaque section de texte que vous désirez rendre éditable.
  2. Cliquez Insertion > Modèles > Insérer une zone éditable.
  3. Dans la boîte ‘Insérer une zone de saisie’, donnez à ce bloc un nom descriptif, intuitif qui vous aidera à vous rappeler le but/la fonction de ce bloc.
  4. Laissez cochée l'option ‘Adaptée au texte tapé’.
  5. Cochez les options requises tel que décrit ci-haut.

Note L'option ‘La zone est déplaçable’ est inappropriée pour une sélection quelconque/ad hoc).

   6 Cliquez OK

Quand vous avez terminé, enregistrez le modèle tel que décrit à la section 7.3

La seconde figure (ci-haut) montre un modèle à cette étape. Il a un élément non-répétable - Nom du logiciel -, deux éléments non-répétables - Date de la version et Langue, - deux éléments répétables et optionnelles - Sections mises à jour et Traductions -.

7.6 Utiliser des modèles

Pour construire une page basée sur un modèle, il faut d'abord s'assurer que le modèle lui-même a été enregistré et est fermé – une page ne peut être basée sur un modèle qui est déjà chargé dans Nvu et visible dans un onglet.

Note Toutes les pages que Nvu crée qui sont basées sur des modèles sont créés en tant que document HTML en utilisant la déclaration de doctype Transitional. Il n'est pas possible de créer des documents XHTML ou un document avec un doctype Strict à partir de modèles.

Pour créer une page

  1. Cliquez Fichier > Nouveau > Nouveau document utilisant un modèle > Parcourir....
  2. Sélectionnez le modèle (Notez que les modèles ont une extension ‘mzt’)
  3. Cliquez ‘Créer’.

La page qui apparaît montre

Pour utiliser la page

Avertissement - Avec Nvu 1.0, le texte pour les items répétables ne peut être édité à cette étape, néanmoins des copies peuvent être faites pour une édition ultérieure.

  1. Cliquez tour-à-tour dans chaque zone éditable.
  2. Sélectionnez et supprimez le texte bidon et remplacez-le avec un nouveau texte plus approprié.
    2a Si la zone éditable était répétable, alors un petit carré ❑ apparaît dans l'étiquette; passer le curseur au-dessus de ce petit carré le rend rouge et le cliquer en fait une copie. Les copies ont de petits cercles ⨂ qui agissent comme un bouton de suppression. La troisième figure (ci-haut) illustre le modèle avec un item flottant (NdT. flow item) ??(les zones changées) repeated once.?? Les trois (3) premiers items ont un texte remplacé.
    2b Si une zone était optionnelle, alors un petit cercle avec un x ⨂ apparaît dans l'étiquette. Passer le curseur au-dessus de ce x le rend rouge et le cliquer le supprime. La même figure montre cela pour l'étiquette 'XXX Other languages XXX'. À cause de la limitation/contrainte décrite, il n'a pas été possible de remplir toutes les zones éditables.
  3. Quand toutes les zones éditables ont été complétées, alors vous pouvez dissocier la page du modèle en cliquant Edition > Dissocier du modèle. La page prend alors son apparence finale.
  4. Enregistrez la page de façon normale. La dernière figure montre le résultat final. Les zones qui n'ont pu être éditées précédemment ont été complètées.

Maintenant il est possible d'éditer tout item et, en tant que solution de rechange/solution de substitution (NdT. workaround), les items répétables fixes (NdT. frozen) peuvent être ajoutés.

7.7 Éditer des modèles

Les modèles qui ont déjà été enregistrés peuvent être modifiés en utilisant les commandes du menu Fichier > Ouvrir un fichier... et en sélectionnant ‘Fichier de type’ puis ‘Tous les fichiersModèles HTML’.

Note Le type de fichier par défaut qui est ouvert est ‘Fichiers HTML’ qui ne va pas montrer les fichiers modèles.

| ^ Début de la page |

Plan détaillé du site | Index des sujets | Droits d'auteur | Limitation de responsabilité

HTML 4.01 valide!   Code CSS valide!   Niveau A de conformité, W3C-WAI Directives pour l'Accessibilité aux contenu Web 1.0

Dernière mise à jour: 6 juin 2016