HTML/CSS : Fondamentaux

Duration

3,00 day(s)

Language(s) of service

EN FR

Next session

Who is organizing this training?

Dawan is a training organisation that offers more than 2000 training courses in IT, management, project management and sales in instructor-led live online or on-site trainings. We have 11 centres in France and we have developed partnerships with local structures in Brussels, Luxembourg and Geneva. Our catalogue includes hundreds of topics: Java, PHP, Webmaster, E-Marketing, Linux, Windows Server, Vmware, Autocad, Photoshop, IA etc. Our courses have been created and designed by in-house trainers who have over 20 years of teaching experience. Constantly renewed, they are adapted to the requirements of our customers and to the evolution of technologies.

The content of this page is not available in English

Who is the training for?

Webmasters, Chef de projet Web, Rédacteurs de pages Web

Prerequisites

Notions de création de sites Web

Goals

Maîtriser la création de sites web en HTML/CSS et JavaScript/DHTML.

Introduction

Edition de sites internet
Architecture d'un site
Communication navigateur/serveur (protocole, url...)
Technologies associées au web
Outils de développement

Conception de pages web avec HTML

Présentation du HTML: Historique, versions
Balises et attributs: principes et fonctionnements
Structure d'une page web (en-tête et corps)

Atelier: première page internet

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 et légende
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: 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: de liens, de texte...
Architecture de feuilles de style
Politique de style d’un site Internet
Méthodes de création de sites web
Les sélecteurs et pseudo-selecteurs CSS3

Atelier: styliser une page existante

Présentation des enjeux du référencement

Concepts et insertion des balises d’en-tête
Quelques règles à respecter
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 (cross-browser compatibility)

Atelier: Réaliser un site avec une structure HTML5

Accessibilité (accès au web pour les personnes handicapées)

Standards et ergonomie (WAI et ADAE)
Définition de l’architecture HTML
Feuilles de styles
Création des pages de contenus et application des normes
Les éditeurs WYSIWYG et l’accessibilité
L’intégration d’outil CMS et l’accessibilité

Atelier: tester l'accessibilité d'un site