// Conception de site Web

DATES

Formation sur mesure (contactez notre secrétariat)

OBJECTIFS

  • Apprendre à réaliser un site internet moderne et attractif, de la création jusqu’à la publication.

COMPÉTENCES VISÉES

  • Savoir créer des pages graphiques et interactives
  • Elaborer la navigation entre les pages de son site
  • Réaliser des animations interactives, publiables sur internet.

MÉTHODE PÉDAGOGIQUE

  • Une pédagogie progressive : les participants apprennent à maîtriser le logiciel à travers une série d’exercices conduisant à la réalisation d’un site.
  • Une formation complète intégrant une dimension métier : outre les aspects techniques, le formateur apporte des compétences graphiques.

FORMATEURS

  • Nos formateurs sont choisis pour leurs expertises métiers, leurs compétences pédagogiques et leur connaissance de l’entreprise

MESURE DES ACQUIS

  • Méthodes et outils adaptés à la formation (mise en situation, QCM, exercices d’application…)

EQUIPEMENTS MATÉRIELS

  • Nos salles sont équipées d’outils multimédias et interactifs et de tous matériels en lien avec la thématique traitée.

DÉTAILS DU PROGRAMME

CRÉER UN SITE WEB AVEC DREAMWEAVER
  • Découverte de l’interface de Dreamweaver : l’organisation des fenêtres et les menus.
  • Commencer par les techniques de base, régler les préférences du logiciel.
  • Les possibilités graphiques de Dreamweaver.
  • Connaître les grandes lignes du langage HTML.
  • Visualiser le site dans les divers navigateurs.
CONCEVOIR LES PAGES DU SITE
  • Créer, ouvrir et enregistrer des pages.
  • Formater et éditer du texte.
  • Insérer des images et définir leurs propriétés.
  • Utiliser les en-têtes pour structurer le texte.
  • Définir les fonds d’écran et les couleurs de base.
  • Insérer, modifier et manipuler des tableaux.
  • Créer une page avec la fonction « tracing image ».
CRÉER UNE NAVIGATION HYPERTEXTE
  • Se déplacer à l’intérieur d’une page à l’aide des ancres.
  • Créer des liens entre les pages d’un site et vers d’autres sites Web.
  • Créer des liens vers une messagerie électronique.
METTRE EN PAGE
  • Utiliser des tableaux pour la mise en page.
  • Créer des jeux de cadres (frames).
  • Créer des interactions entre les frames.
  • Utiliser les calques (élément PA).
  • Convertir les calques en tableaux.
  • Créer des feuilles de style CSS.
  • Redéfinir les styles existants et créer des classes.
  • Lier les pages du site à une feuille de style externe.
RAPPELS SUR HTML/XHTML ET CSS
  • Les bases de la mise en page HTML.
  • Les bases de la mise en page avec les styles CSS2des jeux de cadres (frames).
LES BASES DU HTML5
  • HTML5 – Les balises html5.
HTML5 : LES NOUVELLES ET AUTRES BALISES HTML5
  • HTML5 : La page de base.
  • HTML5/CSS3 : Construire une page pour tous les navigateurs.
  • CSS3 : Sélecteurs CSS2 implémentés.
  • CSS3 : Nouveaux sélecteurs.
  • Les sélecteurs de contenu générés.
  • CSS3 : Les coins arrondis.
  • CSS3 : Text-Shadow et Box-shadow.
  • CSS3 : Les couleurs et l'opacité.
  • CSS3 : Dégradé linéaire.
  • CSS3 : font-face.
  • HTML5/CSS3 : Reconstruire notre page Type en HTML5/CSS3.
ANNEXES : AVANT D'ALLER PLUS LOIN
  • Le HTML5 et le W3C.
  • Les navigateurs web HTML5/CSS3 "ready" et les outils de validation.
  •  Les sites d'aide à la création d'éléments graphiques.
  •  L'encodage des caractères.
TRAVAILLER EN HTML5 ET CSS3 AVEC LES NOUVELLES BALISES ET PROPRIETES
  • HTML5 : insérer des éléments audio.
  • HTML5 : Insérer des éléments vidéo.
  • HTML5 : Les nouveaux types pour la balise input.
  • HTML5 : Les attributs de validation et de saisie de input.
  • Réaliser un formulaire HTML5-CSS3.
  • CSS3 : Les Backgrounds.
  • Les colonnes.
  • La propriété Text Overflow.
  • Les transformations.
  • Les transitions.
  • Les animations.
  • Les Queries.
LES NOUVEAUX API ET HTML5 (JAVASCRIPT)
  • Introduction aux API.
  • Intégrer des éléments audio.
  • Intégrer des éléments vidéo.
  • La géolocalisation et API Google Map.
  • LocalStorage.
  • Les applications Offline.
  • La balise Canvas.
  • Méthode Get Elements by Class.
  • Personnaliser son espace de travail.
  • L’exportation swf et le Flash Payer.
PUBLIER LE SITE WEB AVEC DREAMWEAVER
  • Vérifier les liens hypertextes, réparer les liens rompus.
  • Vérifier la structure du site et les noms de fichiers.
  • Utiliser le FTP de Dreamweaver pour publier un site.
LE DÉROULEMENT DE LA FORMATION
  • Une formation complète intégrant une dimension métier : outre les aspects techniques, le formateur apporte des 
    compétences graphiques.
  • Apports sur la créativité : au-delà de l’utilisation des fonctions de Flash, les participants trouvent l’occasion
    d’exprimer leur sensibilité graphique.
  • Réalisation d’un site : les stagiaires apprennent à maîtriser le logiciel à travers une série d’exercices conduisant
    à la réalisation d’un site.