WEBNODE. I. Page d accueil :

Transcription

1 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).

2 «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».

3 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.

4 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).

5 «Aller à la page» : Trouver directement la page souhaité qu il s agisse de menu ou de sous menu.

6 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.

7 «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

8 «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».

9 «Catalogues» : Permet la création d un catalogue avec à l intérieur des images + un texte (exemple cidessous). 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 cidessous, 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).

10 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.

11 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)

12