17. les sites web Wiki Le site web sur Spiral Manne Connect Un site web (ou site internet) est un ensemble de pages Web liées entre elles par des liens et mises en ligne à partir d'une adresse Web précise (ou URL). Sur Spiral, le site web s'apparente à un système de gestion de contenu (ou CMS) permettant de fabriquer un site internet en utilisant des modèles pré-établis par nos développeurs. Comme tous les objets créés sur Spiral, cet outil permet : - de créer en ligne de manière simple et rapide l'architecture de son site, - de le personnaliser, - de créer et mettre en page simplement des contenus à l'aide de l'éditeur, - de diffuser son site à un public visé (grâce à la gestion des accès et des droits), - de disposer d'une URL (permalien) pour communiquer (l'hébergement étant pris en charge par Spiral). Créer/modifier un site web Créer un site Comme tous les objets de la plateforme, le site web se crée à partir de la barre de Ressources (icone +) dans le menu Avancé : L'icône de votre site web apparaît alors dans votre module ou dossier (selon l'emplacement que vous avez choisi pour le créer). Attention le nom que vous aurez choisi correspond au nom de votre site web : il s'affichera clairement en titre dans l'onglet de votre navigateur. Page 1
Paramètres généraux Options du site : Comme tous les objets Spiral vous pouvez bien évidement afficher les options de votre site pour : ouvrir et modifier le contenu obtenir son suivi le renommer personnaliser son icône récupérer son URL (permalien) pour mieux communiquer auprès des étudiants le supprimer Outil de création Outil de création : L'outil de création de site web s'affiche à partir de l'onglet Vous disposez alors de tous les outils nécessaires pour : "Ouvrir" ou en double-cliquant sur l'icône du site web. - créer et modifier l' architecture de votre site, - créer, modifier et mettre en page le contenu des pages - le personnaliser graphiquement : intégration de bandeaux, couleur de fond, choix de la police,... - le visualiser avant sa diffusion. Page 2
Lors de chaque création de page, l'onglet "Métadonnées (propriétés)" permet de renseigner les informations permettant le référencement du site. Sur la page d'accueil notamment, il est important d'indiquer au site : une description (160 caractères maximum) et des mots clés (séparés par des virgules), cela permettant aux moteurs de recherche d'identifier et de référencer votre site. Page d'accueil Page d'accueil : A la première ouverture de votre site, l'outil de création de site vous propose de créer une page d'accueil : cette dernière sera automatiquement proposée à chaque ouverture du site en modification ou en visualisation pour les internautes. vous Cette page d'accueil peut être créée à partir : - de l'éditeur (la possiblité d'y accéder pour créer du contenu et le modifier se fera ultérieurement à partir du menu de gauche) Page 3
- de n'importe quel objet Spiral de votre module : blog, wiki, forum, questionnaire,... - en copiant/collant une URL externe Créer et modifier l'architecture de votre site La possibilité de créer et organiser l'architecture de votre site : créer une page (rubriques et sous-rubriques) Déplier l'arborescence Replier l'arborescence supprimer une page se fait à partir de la barre d'icônes : Page 4
Cette barre d'icônes n'apparait qu'une fois la page d'accueil créée et en cliquant sur une page créée par l'editeur. Créer une page (ou rubrique) Pour créer une page (ou rubrique) cliquez sur l'icône. L'outil de création vous propose deux choix : Ajouter un lien au menu vous renvoie vers la possiblité de créer une page via : - l'editeur de Spiral - un objet Spiral (blog,, wiki, forum, questionnaire,... - ou une URL externe ajouter une section au menu. Une section est un onglet non cliquable (il ne renvoie à aucune page). Il sert principalement à créer des rubriques ou sous-rubriques (ou menu ou sous-menu non cliquable). Page 5
La création de rubriques ou sous rubriques dépend de l'endroit où vous êtes placé : - Si vous êtes au niveau de la racine de votre site, vous créez une rubrique - si vous êtes au niveau d'une rubrique, vous créez une sous rubrique. Propriétés Pour modifier les propriétés d'une page, cliquez sur celle-ci (menu de gauche). Vous accédez ainsi aux métadonnées et à l'aperçu du contenu L'onglet "Métadonnées(propriétés)" vous permet de : nommer votre page ajouter une description ainsi que des mots clés pour mieux identifier vos pages au sein de Spiral et auprès des moteurs de recherche s'il s'agit d'un lien, afficher la page dans votre site ou dans un nouvel onglet Page 6
Editer et mettre en page du contenu Pour modifier une page, cliquez sur celle-ci (menu de gauche) pour la sélectionner. Cliquez sur " modifier" à droite de " aperçu du contenu". L'éditeur de Spiral est alors à votre disposition pour faire des copier/coller, intégrer du contenu, le modifier et le mettre en page. Même si l'éditeur de Spiral vous permet de faire beaucoup de choses, il ne peut pas se substituer à un logiciel de traitement de texte classique ou à un éditeur HTML. Organisation Un simple glisser/déposer d'une page vers une autre permet de changer l'ordre de vos pages. Page 7
Vous pouvez également sur le menu, afficher ou masquer des éléments de votre menu en cliquant sur la pastille de publication. Dans l'éditeur, un rappel "Votre lien n'est pas visible!" apparaitra. Personnaliser et visualiser votre site La personnalisation et la visualisation de votre site se fait à partir de la barre de menus qui se trouve en haut à droite de votre fenêtre de navigateur. Cliquez sur "Personnaliser". La barre de menus s'agrandit pour vous proposer : d' "Appliquer" ou "Annuler les modifications" que vous avez réalisé, de "Visualiser"vos pages revenir à l' "Architecture" de votre site. Personnaliser votre site : L'outil de personnalisation vous permet d'intervenir sur de nombreux éléments afin de créer "le site qui vous convient" Onglet "Mise en page" : l'outil de création vous propose un choix de modèles (avec des menus verticaux et horizontaux) pour organiser au mieux l'information. Cliquez sur un modèle et visualisez votre choix dans la fenêtre du bas. N'oubliez pas d' appliquer les modifications en cliquant sur " Appliquer au site". Attention : quand vous cliquez sur " Appliquer au site", toutes les modifications faites dans les différents onglets (Mise en page, Arrière plan, Bannière,...) sont enregistrées. Page 8
Onglet "Arrière plan" : il vous permet d'intégrer une image en arrière-plan et de la positionner dans la page, de choisir une couleur et/ou un motif. Soit vous "uploadez" une image directement de votre ordinateur, soit vous utilisez une image déjà en ligne, soit vous choisissez de ne pas mettre d'image. Page 9
ATTENTION : seuls les formats d'images jpg, jpeg, gif et png sont supportés (et donc visibles) par Spiral Connect. Onglet "Bannière" et "Pied de page" : idem arrière plan Page 10
Avec la possibilité de créer votre propre pied de page. Page 11
Onglet "Options avancé du menu" : tous les paramètres nécessaires pour personnaliser votre menu sont ici : choix, taille et couleur de la police, couleur de l'arrière-plan du menu, des sections et de la bordure. Onglet "droit d'auteur" : pour activer ou désactiver le droit d'auteur. Le copyright indique par defaut l'année de création du site web, et le nom de la personne qui le crée. activation des statistiques (google analitics et xiti) insertion d'une CSS globale Page 12
Onglet "Ajuster la taille" : de votre bannière et de votre pied de page. Rendre visible votre site internet Vous venez de terminer votre site. Pensez à le rendre visible en le publiant en mode web. Page 13
En cliquant sur "permalien" à partir de la barre d'options, vous pouvez copier-coller l'adresse du site afin de le difuser. Aller plus loin : Il est possible de choisir un alias du type http://nomdusite.manneconnect.com pour votre site web. Page 14