WEBNODE

I. Page d’accueil :

Au niveau de l’en-tête, pour modifier un texte ou une image, il suffit simplement de faire un

double clic sur la partie que l’on souhaite modifier. Par défaut, le titre, le logo et la bannière

pourront ainsi être changés au cours de la même opération. Idem pour la présentation de la

page et le pied de page.

II. Barre de menu :

Pour éditer les menus, un simple clic sur « éditer le menu ».

Une nouvelle s’ouvre (voir ci-dessous)

La place de chaque menus dépend de son ordre dans une suite descendante (du haut vers le

bas). Il est possible de modifier chaque menu en cliquant sur les petites flèches noirs

(déplacer vers le haut/bas ; déplacer vers le début/fin).

« Nouvelle page » permet de créer une nouvelle page, en y précisant le modèle spécifique à

la page : page blanche, article…etc.

« Tout sélectionner » permet de sélectionner l’ensemble des menus crées.

« Déplacer vers » (après la sélection d’au moins un menu), permet de déplacer le menu vers

un autre menu pour ainsi en créer un sous menu.

« Publier » (après la sélection d’au moins un menu), permet de publier donc de mettre à

jour le site pour l’utilisateur.

« Supprimer » (après la sélection d’au moins un menu), supprimera le menu choisi ainsi que

son ensemble (texte, image, etc.).

Pour éviter toutes erreurs de manipulation, il est préférable de passer par les menus de

gauche pour ainsi voir si dans un menu il n’y pas risque de supprimer un sous menu ( voir

plusieurs).

Dans l’exemple ci-dessous, en cliquant sur « trail « les sentiers de la résistance » », d’autres

sous menus lui sont liés. En plaçant le curseur juste à droite du titre du menu (et idem pour

les autres), une flèche apparait et elle permet de faire apparaitre d’autre choix d’options.

Dans notre cas, nous pouvons alors supprimer un sous menu, le déplacer sans pour autant

supprimer ou déplacer son menu « maitre ».

III. Rechercher dans le site :

Fonction de recherche qui cible les mots rentrés pour les trouver plus facilement est

aisément.

IV. Contact :

L’image ci-dessous ne peut être plus explicite.

I. Barre d’outils : objets

« Nouveau » :

Tout est indiqué et détaillé. L’arborescence verte à droite du cadre « page supérieure »,

permet d’emboîter directement notre nouvelle page dans le menu et/ou sous menu

souhaité (cela évite de passer par l’édition de menu).

« Aller à la page » :

Trouver directement la page souhaité qu’il s’agisse de menu ou de sous menu.

II. Barre d’outils : page

« Publier » :

Mettre le site à jour.

« Afficher » :

Prévisualiser le travail en cours, renvoie sur un autre onglet la page tel que

l’utilisateur l’à verra (cela ne publie pas la page).

Dans un bandeau jaune, une note apparait : « Cette page n'est qu'un aperçu ».

Voir la page publiée.

« Mise en page » :

Régler la mise en page, pour modifier la place des articles, images…etc.

« Supprimer » :

Effacera la page ouverte, par exemple si la page « historique » est ouverte, en faisant « supprimer »,

seule la page « historique » sera supprimée.

Faire preuve d’attention car une page supprimée n’est pas récupérable.

« Propriétés » :

Dans la propriété de la page (qui concerne la page ouverte), deux points importants : les « étiquettes

META » et les « tags ».

Les étiquettes META, permettent d'indexer des mots-clés sur votre page d'accueil pour

rendre votre web plus accessible aux moteurs de recherche tels que Google, Yahoo…etc.

Tags, regroupent les étiquettes META et permettent une indexation de votre site.

Les points d’interrogation, fournissent également des informations utiles

« Sécurité » :

Permet de sécuriser certaines parties du site aux « inconnus », mais pour cela il faut bénéficier de

l’autre prémium qui est payante.

III. Barre d’outils : contenus

« Texte mis en forme » :

En faisant glisser les doubles « A », il est possible de rajouter dans une page une zone de texte qui

n’existait pas auparavant.

« Enquête » :

Permet de créer un sondage dans la page sur laquelle nous somme. Il suffit simplement de remplir

les champs en pouvant rajouter d’autres choix de réponses.

« Forum » :

Permet de rajouter à la page un forum de discussion. Suite à la création du forum il est possible de

paramétrer le forum. Le bouton « paramètre » se trouve sur le bandeau de création du forum.

Les points d’interrogation sont très utiles pour bien comprendre les divers éléments.

« Galerie photos » :

Rajoute des photos sur la page (possibilité de la modifier, recadrer…etc).

« Articles » :

Permet de créer un article et de le compléter par la suite. La création d’un texte est

identique à tout logiciel de bureautique (Word, OpenOffice…etc). Pour cela, il faut

cliquer sur « ajouter un article ».

« Catalogues » :

Permet la création d’un catalogue avec à l’intérieur des images + un texte (exemple ci-

dessous). Pour cela il faut cliquer sur « ajouter un objet ».

« Widget » :

Pour faire simple, le widget est un accessoire sur une page web. Il permet de rajouter

certaines choses en plus sans passer par des choses ultra-difficiles. Dans l’exemple ci-

dessous, j’ai rajouté le widget de Google Maps et j’ai pris la ville de Donzenac (j’ai fais le

choix de faire apparaitre la carte sur la page d’accueil).

IV. Barre d’outils : divers

« Fichiers » :

En laissant le curseur dessus une explication apparait.

« Images » :

En laissant le curseur dessus une explication apparait.

« Design de Web » :

En cliquant sur le bouton, une fenêtre s’ouvre en parallèle avec en haut en gauche ce

bandeau (voir ci-dessous).

Pour la partie « Paramètres », revenir au I et IV (« Page d’accueil » et « Contact »).

Pour la partie « Options de design » :

« Modèles » :

Permet de modifier l’apparence global du site web. ATTENTION, le simple fait d’en

choisir une autre effacera l’ancienne apparence.

« Mise en page » :

Ramène à l’opération de départ, c'est-à-dire l’emplacement des menus, articles…etc.

« Police » :

Permet de modifier le style d’écriture. ATTENTION, le simple fait d’en choisir une autre

effacera l’ancienne police.

« Editer le CSS » :

Connaissance plus solide pour l’utiliser correctement.

Pour la partie « Contenus » :

Revenir au III (« Barre d’outils : contenu »).

« Langues » :

Permet d’ajouter d’autres langues.

Retour dans les paramètres de la partie divers.

« Thème de la barre d’outils » :

Permet de changer la couleur de la barre des menus.

« En-tête du site » :

Permet de modifier l’en-tête c'est-à-dire, le titre du site, le logo, la bannière…etc.

« Pied de page du site » :

Permet de modifier le pied de page c'est-à-dire, le texte de fin.

« Contacts » :

Revenir voir le IV (Contact)