Schnellstart

Diese Informationen sind für Sie bestimmt, wenn Sie die Vorlagen ohne grosse Änderungen verwenden und nicht 20 Bücher lesen möchten, um den Aufbau detailliert zu verstehen. Vier kurze Etappen reichen aus, ums ans Ziel zu gelangen.
 

1. Die Vorlage im Templates-Verzeichnis ablegen 

Nach Bestellung und Erhalt der Vorlagen (oder nach dem Runterladen) dekomprimieren Sie das Archiv und legen es im Verzeichnis Templates Ihrer Dreamweaver-site ab.

Damit entsteht folgende Struktur: bananologie.dwt bezeichnet die Dreamweaver-Vorlage, die Ihrer Internetseite unifr.ch/bananologie entspricht.

 

2. Informationen anpassen

Die Vorlage ist grafisch so weit aufbereitet, dass sie direkt für Ihre Internetseite verwendet werden kann. Sie müssen einzig einige Elemente präzisieren.

Dazu öffnen Sie diejenige Datei in den Templates, die Sie soeben abgelegt haben (in meinem Fall wäre das bananologie.dwt)

Zwei Bereiche können nun redigiert werden: LeftCol (linke Spalte) und content (Hauptinhalt).


 

2.1 Name des Instituts

Im Identifizierungsfeld müssen Sie den Namen ihres Instituts eintragen. Wir empfehlen Ihnen, höchstens zwei Zeilen zu verwenden, um Probleme zu vermeiden.

CSS:
Dem Bereich für die Bezeichnung Ihres Instituts wird eine ID identity zugeteilt
Der Textklasse für Ihr Institut entspricht address, angewendet auf tag td

 

2.2 Sprachen und Instrumente

Der Navigationsbereich ist in zwei Bereiche eingeteilt. Der erste Teil beinhaltet einige Instrumente sowie die Sprachwahl, der zweite Bereich entspricht der allgemeinen Navigation.

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 Kommunikation & Medien   -   Av. Europe 20    -   1700 Fribourg   -  Tel +41 26 / 300 7034    -   Fax +41 26 / 300 9703   -  
webmaster [at] unifr.ch   -   Swiss University