Formation à la communication digitale et réalisation de site internet à Bordeaux, Bordeaux rive-droite

Kompozer

Objectifs de la formation :

– Utiliser Kompozer pour créer ou modifier des documents HTML
– créer des sites vitrines simples sans base de données
– Mettre en page une newsletter

Modalités Pédagogiques :

Apports méthodologiques, démonstration pas à pas, Exercices pratiques, mise en œuvre sur un projet-type.

Pré-requis :

Pratique de la bureautique et bonne connaissances du web, notions de graphisme

Programme

Présentation et démarrage
– Le format HTML et ses usages
– Pages webs statiques et dynamiques
– Présentation de Kompozer
– L’interface de KompoZer
– Préférences et déclaration d’un site

Pages HTML
– Créer une page html
– Comprendre et gérer les propriétés d’une page

Texte et Mise en forme
– Mise en forme HTML du texte
– Mise en forme CSS du texte
– Liste à puce / numérotées
– Nettoyer le code HTML

Les liens hypertextes
– Créer des liens hypertextes
– Liens internet et liens externes
– Utiliser des ancres nommées
– Lien vers une adresse de messagerie
– Lien vers un document(pdf) ou fichier à télécharger

Traitement des Images pour le web
– Réglages et choix de formats de fichiers graphiques
– Optimisation de fichier image avec Gimp (ou logiciel équivalent)

Images et pages web
– Insérer des images
– Gérer le préchargement
– Mettre en place des zones cliquables sur les images
– Créer des images survollées (Roll-Over)

Les tableaux
– Créer un tableau
– Gérer les Propriétés du tableau et de ses cellules
– Fusionner ou fractionner les cellules
– Insérer ou supprimer des lignes ou des colonnes

Les styles CSS
– Utiliser les styles CSS pour la mise en forme du texte
– La balise DIV et les styles CSS
– Mise en forme avancée avec les CSS

Mise en page
– Notions de webdesign (ergonomie, contraintes web, bonnes pratiques)
– Utiliser des tableaux pour la mise en page
– Utiliser des balises DIV et des styles CSS pour la mise en page
– Utiliser des modèles et des grilles CSS pour la mise ne page

Site web vitrine
– Mettre en place la navigation entre les pages
– Méthode pour déployer les pages
– Méthode pour réaliser un siet modulable et maintenable

Newsletter
– Spécificités de format pour les newsletter
– Réaliser un modèle de mise en page de newsletter

Environnement web
– Intégrer des élements provenant de plateformes externes
(vidéo youtube, google map,…)
– Optimiser les pages pour le référencement

Les formulaires
– Inserer une zone formulaire
– Ajouter des objets de formulaires
– Gérer l’envoi des données

Mise en ligne
– Tester la compatibilité des pages
– Configuration et transfert FTP

Cas pratique
– réalisation d’un projet de site vitrine (ou bien travail sur le projet des stagiaires)
– réalisation d’une mise en page de newsletter (ou bien travail sur le projet des stagiaires)

Durée :

20 heures