Apprendre à créer des pages simples avec DreamWeaver et utiliser les styles CSS3. Réaliser un site web.

OBJECTIFS PEDAGOGIQUES

  • Acquérir les bases de DreamWeaver
  • Apprendre à créer des pages web
  • Élaborer la navigation entre les pages de son site
  • Insérer des éléments dynamiques dans une page
  • Comprendre comment organiser et publier un site Internet

PROGRAMME

LA PHASE DE CONCEPTION

  • Pour qui faire un site ? Comment ?
  • Éditer un cahier des charges et les responsabilités de chacun
  • Établir une charte graphique et une charte de nommage

APPROCHE DU LOGICIEL

  • Présentation de l'interface
  • Organisation de l'espace de travail
  • Paramétrage des préférences : éditeurs externes et navigateurs

CRÉATION ET MAINTENANCE DU SITE

  • Automatiser les tâches, créer du code ré-utilisable et faciliter la maintenance des pages
  • Faciliter les mises à jour

AJOUT D’INTERACTIVITÉ ET D'ANIMATION

  • Les comportements
  • Introduction au JavaScript des comportements
  • Le cadre applicatif Spry (framework)
  • Les effets Spry
  • Vérification Spry de contrôles de formulaires

CRÉATION DE BIBLIOTHÈQUES

  • Réutiliser plusieurs fois les mêmes objets
  • Mises à jour rapides de toutes les pages du site

CRÉATION DE FRAGMENTS DE CODES

  • Se constituer une trousse à outils de codes personnels
  • Créer du code réutilisable
  • Les différents types de fragments de codes

CRÉATION DE MODÈLES

  • Les modèles standards et les modèles imbriqués
  • Définir des régions modifiables, répétées ou facultatives
  • Mettre à jour rapidement tout le site Internet

CRÉER DES STYLES CSS

  • Contrôle de l'aspect visuel de l'ensemble du site et respect de la charte graphique
  • Mise à jour rapide du site
  • Les différents sélecteurs CSS
  • Sélecteurs avancés CSS

MÉTHODOLOGIE DE CONCEPTION ET CRÉATION EN CSS

  • Les modèles CSS prédéfinis de DreamWeaver
  • La gestion des feuilles de style
  • Aperçu HTML5 dans DreamWeaver

LES FONCTIONS FTP

  • Paramétrer les infos distantes
  • Les opérations d'archivage et d'extraction
  • Utiliser les fonctionnalités du voilage
  • Synchroniser les sites (serveur/local)
Description des travaux pratiques :
  • Mise en oeuvre d'un site responsive.

MISE EN LIGNE D'UN SITE WEB

  • Nom de domaine
  • Les clients FTP
  • Types d'hébergements (mutualisé, dédié)
  • Sécurité

GESTION GLOBALE DU SITE

  • Vérifier les liens du site
  • Travailler avec la fenêtre de site
  • Utiliser le panneau des actifs et regrouper les favoris
  • Faire valider le code HTML
  • Référencer le site

PUBLIC

Développeurs web, intégrateurs, webmasters, webdesigners, développeurs front end, intégrateurs souhaitant mettre à jour leurs connaissances

PRÉREQUIS

  • Avoir compréhension globale du fonctionnement d'un site web et une connaissance minimale de HTML Avoir des notions sur les concepts objets
  • INFORMATIONS PRATIQUES

    HORAIRES DE LA FORMATION
    de 9 h 00 à 12 h 30 et de 13 h 30 à 17 h 00

    MÉTHODOLOGIE PÉDAGOGIQUE
    Théorie | Cas pratiques | Synthèse

    MODALITÉS D'ÉVALUATION
    Évaluation qualitative des acquis tout au long de la formation et appréciation des résultats