Le menu disposition :

Format de la page : modifier les dimensions de ma page :

  1. a)Afficher l’inspecteur : si besoin en cliquant sur icône bleu à la partie inférieure d’iWeb :

 


 


Légende : (1) Cliquez sur le premier onglet (Page), (2) cliquez sur le bouton  Disposition


  1. b)possibilités :

Vous pouvez modifier :

  1. 1.les hauteurs minimum des principales parties de votre site Web :

  2. le remplissage supérieur,

  3. l’en-tête,

  4. le contenu,

  5. le bas de page, et

  6. le remplissage inférieur)

  7. 2.la largeur de la page.

  8. La largeur est définie en nombre de pixel, elle ne peut être proportionnelle à la largeur de la fenêtre de votre navigateur.

  9. Certains thèmes ne peuvent être élargis.


  1. c)Quelques précisions :


  1. 1.Les différentes parties de la page :

Les corps des pages d’iWeb (body_content) sont constituées de 4 parties que  vous pouvez distinguer si vous afficher la disposition (iWeb > barre de menu > Présentation > Afficher la disposition). Ces 4 parties sont réelles et sont présente dans le code HTML de votre page publiée iWeb et ne sont pas toutes sur le même plan (z-index), par exemple pour le thème blanc et noir :

  1. un menu , dans le code HTML : nav_layer, z-index : 0

  2. une entête , dans le code HTML : header_layer, z-index : 5

  3. un contenu , dans le code HTML : body_layer, z-index : 10

  4. un pied de page (dans le code HTML : footer_layer, z-index : 15




Ceci a des conséquences : un objet de votre page (zone de texte, image, vidéo etc.) appartient forcément à l’une de ces 4 parties, jamais à plusieurs. Par contre vous pouvez placer un objet de telle façon qu’il déborde sur les 1, 2 ou 3 autres parties (c’est permis). On remarque que la zone du menu de navigation est la zone la moins superficielle (z-index le plus bas). Si vous glissez une zone de texte de votre partie contenu trop haut sur votre page débordant sur le menu vous pouvez recouvrir celui-ci et rendre ses liens inactifs.


  1. 2.Le menu du navigation :

Vous ne pouvez pas modifier la hauteur du menu de navigation qui dépend

  1. du thème choisi

  2. du nombre de pages affichées dans ce menu.

Ce menu n’est pas pris en compte dans la hauteur de l’en-tête. C’est un paramètre important pour ceux qui souhaitent afficher une hauteur déterminée à leurs pages.

La seule chose possible est de modifier sa largeur pour augmenter ou diminuer le nombre de lignes de liens.


  1. 3.Les hauteurs :

Ce sont des hauteurs minimum. En effet, si besoin, la hauteur de chaque conteneur s’adapte à l’importance de son contenu.

le remplissage supérieur et inférieur  est la partie qui laissera l'arrière-plan du navigateur apparaître au dessus et en dessous de votre page.


  1. 4.Les largeurs :

Tous les thèmes d’iWeb ne supportent pas l'élargissement de leurs pages. Certains utilisent comme arrière-plan de page une image de largeur déterminée. Elargissez votre page  et une partie de son contenu semblera débordé de l’image en arrière-plan  (cf image en haut).

Parfois ce sont les arrière-plans des menus qui ont une largeur fixe : si vous étirez les menus de certains thèmes, vous aurez quelques (mauvaises) surprises (cf images en bas).


 


Arrière-plan

Leurs couleurs  ou leurs images des arrières-plan ne vous conviennent pas, changez les. Là encore, tous les thèmes d’iWeb ne le permettront pas. Les thèmes blanc, noir et modernes  sont les plus adaptés à ce genre de modification.

Afficher l’inspecteur , si besoin en cliquant sur icône bleu à la partie inférieure d’iWeb.
(1) Cliquez sur le premier onglet (icône = une page) : Page
(2) cliquez sur le bouton  Disposition en dessous


  1. a) Arrière-plan de page

5 options s'offrent à vous dans un menu déroulant (3).




Aucun : l’arrière-plan de votre navigateur sera aussi celui de votre page.

couleur : cliquez sur le rectangle de couleur (7)  et choisissez une couleur dans la fenêtre de couleurs.

dégradé : iWeb affichera en arrière-plan une image du dégradé de votre choix. Cette image est parfois très lourde.

image : cliquez sur choisir (6) et naviguer dans votre Finder à la recherche de l’image désirée.

image teintée : faîtes varier l’opacité (9) de la couleur pour laisser apparaître l’image.



Un joli fond vichy orange comme arrière-plan de navigateur grace à un remplissage image teintée

Ci-dessus, j’ai choisi un remplissage en mosaïque (4) d’une image teintée (3) pour vous montrer à la fois le remplissage par l’image et par la couleur (l’image c’est celle d’un motif vichy rouge et blanc (5), la teinte c’est un orange (7) semi-transparent (8).


  1. b) Arrière-plan de navigateur

2 options seulement remplissage image ou remplissage couleur. mêmes façons de procéder que précédemment.


Le menu Page :


A quoi sert-il ?

Le menu Page permet deux choses :

  1. le choix du nom de la page

  2. l’affichage du menu de navigation et les items des pages qui doivent y apparaître.


Le choix du nom de page :

Concernant le nom de page, signalons que le choix de celui-ci peut se faire aussi :

  1. dans la barre latérale d’iWeb ou

  2. dans le récapitulatif des entrées de blog ou de podcast pour les entrées de blog

Le choix  du nom de page détermine le nom du fichier HTML sur votre site publié et apparait remanié (pas d’espace, pas d’accent, pas d’apostrophe etc.) dans la barre d’adresse de votre page


le menu de navigation :

Le menu de navigation proposé ici contiendra les mêmes items sur toutes les pages d’un même site qui afficheront ce menu.




Vous pouvez choisir d’afficher ce menu ou de ne pas l’afficher, selon les pages.




Vous pouvez choisir d’afficher votre page en cours sur ce menu ou de ne pas l’afficher.




Aussi une page affichant ou non le menu peut très bien  figurer ou non parmi les items de ce menu (si vous choisissez de ne pas afficher une page par le menu de navigation , pensez à mettre un lien vers cette page quelque-part sur votre site.)


Alternative au menu de navigation :

Sur ce blog, j’ai choisi de ne pas afficher ce menu, je préfère utiliser un menu personnalisé fait d’une simple zone de texte contennant de simples liens «vers une de mes pages» grâce à l’inspecteur de lien




Page sur un sujet voisin : Le menu naviguer au sein de son site.

 

Commentaires   |   Accueil     Archives     Précédent     Suivant    Forum     Mon Twitter     Débuter sur Mac