Nvu pour les novices
(cette documentation s'adresse aux débutants)
Fichier à charger avec Nvu: Nvu-pas-a-pas-03.html
Ce tutoriel est fait pour être utilisé avec Nvu ("public licence" donc gratuit) et les fichiers html qui le composent. Tout est Ici
Création de la colonne de navigation (contient les liens vers les autres pages du site).
Avec la souris placer le curseur sous la barre de navigation en haut à gauche de la page.
Puis insérez un conteneur générique comme précédemment.
Ce sera le conteneur générique de la "colonne de navigation" contenant les liens vers les autres pages du site.
Pour visualiser les conteneurs génériques
Placez le curseur dans le conteneur qui vient d'être créé.
Puis insérez un conteneur générique comme précédemment.
Ce sera le conteneur générique de la "colonne de navigation" contenant les liens vers les autres pages du site.
Pour visualiser les conteneurs génériques
Placez le curseur dans le conteneur qui vient d'être créé.
Sélectionnez en "Propriétés avancées"
Placez la souris sur <div> puis click sur le bouton droit de la souris.
(c'est la même chose que précédemment)
Placez la souris sur <div> puis click sur le bouton droit de la souris.
(c'est la même chose que précédemment)
Sélectionnez attribut id
Ecrire à valeur: Colonne-navigation
Ecrire à valeur: Colonne-navigation
Puis Editeur CSS
Sélectionnez "Feuille de style interne", sinon le bouton "Règle" n'est pas actif.
Créer une nouvelle règle "style appliqué à tous les éléments d'un type" comme précédemment et écrivez: #Colonne-navigation
Créer une nouvelle règle "style appliqué à tous les éléments d'un type" comme précédemment et écrivez: #Colonne-navigation
Sélectionnez l'onglet "Boite"
Mettez flottante: Gauche
Le curseur pourra se trouver à droite de ce conteneur
Largeur 15%
Puis comme précédemment
Mettez flottante: Gauche
Le curseur pourra se trouver à droite de ce conteneur
Largeur 15%
Puis comme précédemment
Sélectionnez l'onglet "Bordure".
Définir une bordure
Bien entendu il sera possible de la modifier ensuite
Sélectionnez l'onglet "Fond"
Définir une couleur
Bien entendu il sera possible de la modifier ensuite.
Définir une bordure
Bien entendu il sera possible de la modifier ensuite
Sélectionnez l'onglet "Fond"
Définir une couleur
Bien entendu il sera possible de la modifier ensuite.
Ecrire pour mémoire "Colonne de navigation" à l'intérieur de la balise.
On peut constater qu'il est possible de positionner le curseur (et donc de mettre du texte ou autre chose à droite de ce conteneur qui est "Flottant Gauche".
On peut constater qu'il est possible de positionner le curseur (et donc de mettre du texte ou autre chose à droite de ce conteneur qui est "Flottant Gauche".
Précédente Suivante