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 HTMLPrincipales 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 mailPrincipes 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ésInitiation 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 HTMLPré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 HTML5Perfectionnement
Introduction
Les enjeux de la création d’un site web Rappels des méthodes de création de site WebDé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 DesignDé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 mobileDé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 stylesMise 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
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
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
