Vous êtes ici : Accueil > FORMATIONS > Conception de page Web avec SharePoint Designer
Publié : 15 avril 2010

Conception de page Web avec SharePoint Designer

Démarche de réalisation

Phase de préparation
- Concevoir la structure du site à l’aide d’un idéateur (exemple) ou sur papier avant de commencer la programmation.
- Créer le site (Fichier -nouveau -site web -vide).
- Créer un répertoire (dossier) pour les images.
- Créer l’ossature de la mise en page en CSS (répartition graphique des éléments) (Fichier -Nouveau - Page -Disposition CSS)

  • Conteneur pour les éléments de l’en-tête
    • En-tête
    • Espace pour le logo
  • Conteneur pour les éléments du corps de la page
    • Colonne pour le menu
    • Espace central pour le contenu
  • Pied de page (le mettre dans la section Conteneur dans le code)
  • Mettre du contenu bidon dans les sections et ajuster les paramètres de présentation (Menu contextuel -Modifier le style)

Phase de réalisation
- Créer les principales pages du site

  • Index
  • Pages de contenu

- Appliquer la feuille de style aux pages
- Insérer le contenu dans les boîtes
- Visualiser le sites dans différents navigateurs pour contrôler le rendu

Phase d’intégration
- Déposer le site en ligne
- Recueillir les commentaires des visiteurs
- Ajuster la mise en page et les contenus selon les besoins

Quelques ressources

Générateur de texte de remplacement

Little Boxes CSS, modèle de mise en page en feuille de style

Banques d’images libres

- http://www.openclipart.org/detail/47239
- http://www.wpclipart.com/
- http://commons.wikimedia.org/wiki/Accueil
- http://recitpresco.qc.ca/pages/banque-dimages-et-de-sons

Attention, vos images doivent être au format jpg ou gif.