Formation HTML et CSS avec Dreamweaver complète (niveaux 1, 2
Transcription
Formation HTML et CSS avec Dreamweaver complète (niveaux 1, 2
Formation HTML et CSS avec Dreamweaver complète (niveaux 1, 2) Plan de cours Durée : Modalités : Validation : Niveau : Public : Moyens : Pré-requis : Objectifs : 5 jours , soit 35 heures. formation présentielle évaluation du stagiaire par le formateur, attestation de suivi de stage V Salariés, demandeurs d'emplois, particuliers, TNS, étudiants Un ordinateur par stagiaire, 1 à 2 écrans LCD par salle, support numérique Utiliser l'outil informatique de manière régulière. Réaliser des sites Web de qualité professionnelles en une semaine de cours intensifs. Cet enseignement reprend les contenus des niveaux 1 et 2 de formation à Dreamweaver sur 5 jours consécutifs Plan de cours proposé : 1. Introduction au World Wide Web . . . . . Qu’est-ce qu’un site web ? Les sites web statiques Les sites web dynamiques Les standards du Web Les différents langages web 2. Les navigateur Web . Moteur de rendu . Interface utilisateur 3. Les bases du langage HTML . . . . . . . Introduction au langage HTML Les balises La sémantique des balises La structure des balises Les attributs de balises Structure de base d’une page HTML Aide à la syntaxe html 4. Les bases du langage CSS . . . . . . . Introduction au langage CSS Syntaxe d’une règle CSS Définition de règle Type de sélecteur Sélecteur universel Les resets CSS Aide à la syntaxe CSS 7. Les feuilles de styles . . . . . . . Travail avec le panneau styles CSS Créer des règles de style CSS Importation de code Panneau Fragments de code Feuille de style CSS externe Classement des règles de style Habillage avec les règles de style 8. Listes, liens et tableaux . . . . . Création de listes Menu avec liste non ordonnée Habillage de menu avec règles de styles Création de lien Calendrier statique tableau / CSS 9. Les modèles . . . . Modèle à partir de mise en page existante Insertions de régions modifiables Création de pages satellites au modèle Mise à jour d’un modèle Visite guidée de l’espace de travail Travailler avec les panneaux La barre d’outils Les menus Les différentes vues Les espaces de travail L’inspecteur Propriétés 6. Création d’un site web avec Dreamweaver . . . . . . Définir un site Dreamweaver Structure de travail pour site statique Création d’une page Utilisation des balises génériques Modes d’aperçus dans les navigateurs Affichage et code en direct . . . . . . . . . . . Règles de conception Création d’un formulaire Balises structurelles de formulaire Les étiquettes Les listes Les champs de texte simple Les champs de validation texte (spry) Les cases à cocher Les boutons radio Les boutons de commande de formulaires Mise en forme d’un formulaire en CSS 13. L’interactivité et Dreamweaver . . . . . . . . Les éléments widgets (spry) Menu Spry : créer, modifier, habiller Panneau à onglet Spry Module type accordéon Spry Panneau réductible Spry Info-bulle Spry Les comportements Importation de Widgets 10. Les textes . . . . . . Utilisation des balises de titre Les paragraphes Les ancres Lettrine avec la balise générique Span Vérifier l’orthographe des pages Web Mise en page Web 5. Les bases de Dreamweaver . . . . . . . 12. Les formulaires 11. Les images . . . . . . . . Insertion d’une image Insertion d’une image en mode Drag and Drop Utilisation de Bridge Intégration d’objets dynamiques Photoshop Position d’une image dans le texte Lien sur une image Zones réactives sur une image Image survolée 14. Compléments pour création de site . . . . . . . Insertion d’animation flash Insertion de vidéo au format .flv Insertion de son Insertion de Pdf extention de developpement Firefox Le lorem ipsum Intégration des modules flash externes 15. Mise en ligne d’un site sur le Web . . . . Les noms de domaine Les hébergements Création d’un serveur distant Publication du site