00:00
00 Mois 0000
17. les sites web
Sommaire [masquer]
Ajouter une section Editer le contenu d'une section Historique de la section Inscrire à la section Supprimer une section
Le site web sur Spiral Connect[historique]

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 Connect, 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 Connect, 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[historique]
Créer un site[historique]

Pour la création de site web, dirigez-vous sur le bouton d' ajout de ressources (bouton Ajouter) situé dans le menu du module, puis dans la partie 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.

Paramètres généraux[historique]

 Options du site  :

Comme tous les objets Spiral Connect vous pouvez bien évidement afficher les options de votre site pour :

  • ouvrir et modifier le contenu
  • gérer les droits des utilisateurs (administrer le site, relire les contenus...)
  • obtenir son suivi
  • poser un commentaire
  • le renommer
  • personnaliser son icône
  • définir en page d'accueil
  • récupérer son URL (permalien) pour mieux communiquer auprès des étudiants
  • ajouter au dashbord pour y accéder rapidement
  • le supprimer
Outil de création[historique]
Outil de création :

L'outil de création de site web s'affiche à partir de l'onglet "Ouvrir" ou en double-cliquant sur l'icône du site web.

Vous disposez alors de tous les outils nécessaires pour :

- créer et modifier l'architecture de votre site,
- créer, modifier et mettre en page le contenu des pages
-
le personnaliser graphiquemen
t  : intégration de bandeaux, couleur de fond, choix de la police,...
- le visualiser avant sa diffusion.


 Lors de chaque création de page, "+ de Métadonnées" permet de renseigner les informations permettant le référencement du site.

Sur la page d'accueil notamment, il est important d'indiquer: 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[historique]
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 vous sera automatiquement proposée à chaque ouverture du site en modification ou en visualisation pour les internautes.

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)

 - de n'importe quel objet Spiral Connect de votre module : blog, wiki, forum, questionnaire,...


- en copiant/collant une URL externe

Créer et modifier l'architecture de votre site[historique]

 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 :

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)[historique]

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'éditeur 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 cliquables).

 

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[historique]

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 "+ de Métadonnées" vous permet de :

  • nommer votre page,
  • ajouter une description ainsi que des mots clés pour mieux identifier vos pages au sein de Spiral Connect 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.
Editer et mettre en page du contenu[historique]

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[historique]

Un simple glisser/déposer d'une page vers une autre permet de changer l'ordre de vos pages.

Vous pouvez également sur le menu, afficher ou masquer des éléments de votre menu en cliquant sur la pastille de publication.

Personnaliser et visualiser votre site[historique]

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ées,
  • revenir à l' "Architecture" de votre site.
  • de "Visualiser" vos pages

 

 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.


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 (copiez-collez l'URL de votre image ou si elle est stockée sur SPIRAL, utilisez le "permalien").

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

Avec la possibilité de créer votre propre pied de page.


Onglet "Style 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 "Options avancées" :

  • pour activer ou désactiver le droit d'auteur. Le copyright indique par défaut l'année de création du site web, et le nom de la personne qui le crée.
  • activation de la barre grise Lyon1
  • activation des statistiques (google analitics et xiti)
  • insertion d'une CSS globale


Onglet "Ajuster la taille" : de votre bannière et de votre pied de page.

Rendre visible votre site internet[historique]

Vous venez de terminer votre site. Pensez à le rendre visible en le publiant en mode web en cliquant sur la pastille.

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.univ-lyon1.fr pour votre site web.
Vous pouvez faire cette demande en envoyant un mail à spiral@univ-lyon1.fr

Utilisateurs avancés: pointer vers des ressources SpiralConnect avec paramètres particuliers[historique]

Si vous souhaitez faire une incrustation du listing de ressources d'un module, ou seulement d'un dossier dans votre site web, rien de plus simple ! 

Il suffit de récupérer le permalien du module ou du dossier qui vous intéresse, et de le rajouter en tant qu'URL externe dans votre menu. Le permalien sera de la forme : exemple: http://spiralconnect.univ-lyon1.fr/webapp/activities/activities.jsp?containerId=3057373 

Seule l'arboresence du module ou du dossier en question apparaitra, l'utilisateur ne pourra pas remonter plus haut dans les ressources. Le moteur de recherche est aussi fonctionncel, et seulement sur la partie en question.

NB: le moteur de recherche fait ressortir les éléments en fonction de leur nom, et des mots dans leur description.

Vous pouvez personnaliser l'affichage du listing en rajoutant des paramètres dans le permalien :

  • nav=TILE_MODE
  • nav=DETAIL_MODE
  • tree=true
  • tree=false
  • version=light
Ce qui donnera une URL du type : exemple:

nav indique si l'affichage sera forcé en mode Icone ou Listing, et tree indique si l'arborescence sur la gauche doit être repliée ou non.
version=light quant à lui réduit l'affichage en enlevant la barre d'icônes d'action (grise) ainsi que le pied de page informatif du listing 

Notez qu'il est possible de pointer aussi vers la version mobile du listing, avec une URL de ce type : exemple:
http://spiralconnect.univ-lyon1.fr/mobileapp/activities/activities.html?module_id=3057373

Pour télécharger cette fiche[historique]

Pour télécharger cette fiche au format PDF :

Définir des rédacteurs sur une section permet d'empêcher sa modification par tout le monde.
Seuls les rédacteurs listés ici (ainsi que les administrateurs du wiki) pourront la modifier.
Les autres sections qui n'ont pas de rédacteurs suivent le fonctionnement du wiki choisi (mode Normal ou Modéré).