Démarrage rapide

Cette information vous concerne si vous désirez utiliser les modèles sans modifier trop d'éléments et sans devoir étudier 20 livres. 4 étapes rapides vous y mènent.
 

1. Mettre le modèle dans le répertoire Templates

Après avoir commandé et reçu les modèles, ou avoir téléchargé ces derniers, décompressez l'archive et disposez-là dans le répertoire Templates de votre site Dreamweaver.

Vous obtiendrez la structure minimum suivante: où bananologie.dwt est le modèle Dreamweaver correspondant à mon site unifr.ch/bananologie.

 

2. Adapter les informations à votre site

Le modèle est graphiquement prêt à être utilisé pour votre site. Vous devez cependant lui spécifier quelques éléments.

Pour cela, ouvrez le fichier situé dans Templates que vous venez de déposer, dans mon cas bananologie.dwt

Nous distinguons deux zones éditables, LeftCol (colonne de gauche) et content (contenu principal).


 

2.1 Nom de l'institut

Il faut à présent spécifier dans la zone d'identité du haut le nom de votre institut. Nous recommandons d'utiliser au maximum 2 lignes pour éviter des problèmes.

CSS:
La zone identifiant votre institut se voit attribuer un ID identity
La class du texte présentant votre institut est address appliqué au tag td

 

2.2 Langues et outils

La barre de navigation est sciendée en deux. La première partie correspond à quelques outils et à la sélection des langues, et la seconde à la navigation générale.

CSS:
La barre de navigation porte l'ID navigBarre

Utilisez et adaptez la première partie pour introduire vos langues et d'autres éléments par exemple comme un lien vers une page de recherche. Vous pouvez également le laisser tel quel.
Nous mettons à disposition - sur demande - un petit script en PHP qui permet de basculer d'une langue à l'autre.

CSS:
Cette liste est une liste non ordonnée (<UL>) sur laquelle est appliquée la class left

 

2.3 Navigation principale

La navigation principale est l'ossature de votre site. Elle permet à l'internaute de se mouvoir sur votre site4. Adaptez simplement les textes ou gardez la navigation de l'uni.

CSS:
La navigation principale est une liste non ordonnée (<UL>)

 

2.4 Pied de page

Dans le pied de page vous pouvez adapter les informations suivantes:

  • nom de l'institut
  • adresse
  • téléphone, fax, email
  • date de modification et lien pour contacter le webmaster de la page (à savoir vous)

Nous disposons encore du logo SwissUniversity qui est très fortement recommandé.

CSS:
Le pied de page porte le ID signature

 

3. Optionnel: adapter

Vous pouvez lier une feuille de style supplémentaire dans laquelle vous définirez vos propres styles.

Pour cela, choisissez d'ajouter ou de lier une feuille de style dans l'onglet CSS.

Nous vous recommandons de créer une feuille de style externe plutôt que d'intégrer les styles dans le modèle Dreamweaver directement.

 

4. Enregistrer et utiliser le modèle

A présent, vous pouvez enregistrer et utiliser le modèle à votre guise.Il est évident que vous pouvez modifier les zones éditables, ajouter des éléments ou dériver de cette page différents modèles.

Les styles et les images de base sont stockées sur le serveur web de manière centrale. La page structure vous indiquera comment voir et comprendre les éléments consituant ce modèle.

Nous vous recommandons de parcourir attentivement les exemples qui couvrent le 90% des besoins

 

Weboffice - Unicom Communication & Médias   -   Av. Europe 20    -   1700 Fribourg   -  Tel +41 26 / 300 7034    -   Fax +41 26 / 300 9703   -  
webmaster [at] unifr.ch   -   Swiss University