Formation HTML-CSS

à propos de
la formation :

Prix :

À définir selon entretien

Durée :

À définir selon entretien

Description

Initiation
Introduction
Découverte de l’interface : les fenêtres, les panneaux,...
Organisation de l’espace de travail
Paramétrage des préférences : affichage, navigateurs, éditeur, ...
Définition d’un site Dreamweaver, gestion des fichiers, affichage de la carte du site
Présentation du HTML : Historique, versions
Balises et attributs : principes et fonctionnements
Structure d’une page web (en-tête et corps)
Création de sa première page internet avec HTML
Principales balises HTML
Mise en forme de texte (polices, titres, paragraphes, texte préformaté)
Création de liens hypertextes (page, fichier, messagerie) et cibles
Insertion d’images, insertion de légende, manipulation de propriétés (redimensionnement, optimisation, recadrage)
Listes à puces (non ordonnées / ordonnées)
Tableaux : en-têtes, corps, propriétés
Formulaires : principe, composants, propriétés, attributs Sons, vidéos
Atelier : création d’un premier formulaire d’envoi de mail
Principes de base de CSS
Syntaxe d’une règle CSS
Types de sélecteurs (Balise, ID, Classe)
Pseudo-classes
Les sélecteurs et pseudo-selecteurs CSS3
Création, application de styles personnalisés et attacher une feuille de style
Atelier : Donner du style aux pages précédemment créeés
Initiation au référencement
Présentation des enjeux du référencement
Concepts et insertion des balises d’en-tête
Critères de classement des outils de recherche
Quelques règles à respecter et Spam-dexing
Techniques avancées de création HTML
Présentation des techniques d’alignement
Présentation des balises sémantiques : Article, Header, Section, Footer
Création du squelette HTML5
Définition des feuilles de styles
Positionnement des block
Gestion de la compatibilité entre navigateurs
Atelier : Réaliser un site avec une structure HTML5
Perfectionnement
Introduction
Les enjeux de la création d’un site web
Rappels des méthodes de création de site Web
Découvrir le Responsive Design et les grilles fluides
Présentation du responsive design
Mode grille fluide
Palette d´insertion
Créer une structure de page
Décliner sur les autres supports
Créer un modèle de page
Créer une arborescence et une navigation
Atelier : Création d’un site Responsive Design
Découvrir jQuery UI / JQueryMobile
Présentation de jQuery UI
Fonctions essentielles
Installer JQuery UI et utiliser un composant de base
Utiliser les onglets de JQuery
Panneau JQuery Mobile
Création et mise en forme d’une page à destination de mobile
Découvrir CSS Designer et Transition
Présentation de CSS Designer et Transition
Découvrir l´adaptation de la structure
Ajouter, modifier des règles
Optimiser les styles
Mise en ligne de sites web avec Dreamweaver
Principes du transfert FTP
Paramétrage du client FTP de Dreamweaver
Transfert de fichiers sur le serveur distant
Présentation d’autres outils FTP
Synchroniser ses fichiers
Atelier : Mettre en ligne votre site web sur un serveur distant

Objectifs :

Initiation :

Concevoir des pages web en HTML
Styliser une page web
Réaliser une structure de site avec HTML5
Maîtriser les principales fonctionnalités de
Dreamweaver et apprendre à créer des sites web en HTML / CSS

Perfectionnement :

Concevoir des pages web en HTML
Savoir créer un site complexe avec Dreamweaver
Maîtriser l’utilisation avancée du CSS
Découvrir les étapes clés d’un bon référencement
altumcode-zE007SNgcdE-unsplash