HTML/CSS : Fondamentaux + JavaScript

Durée

5,00 jour(s)

Langue(s) de prestation

EN FR

Prochaine session

Qui organise cette formation ?

Dawan est un organisme de formations qui propose plus de 2500 formations en informatique, management, gestion de projets et commercial en inter-entreprise ou en intra. Notre catalogue regroupe des centaines de thématiques: Java, PHP, Webmaster, E-Marketing, Linux, Windows Server, Vmware, Autocad, Photoshop, l'intelligence artificielle, etc.

À qui s'adresse la formation?

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

Prérequis

Notions de création de sites Web

Objectifs

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

Contenu

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

Concepts de base du JavaScript

Principes et fonctionnements
Variables et types de données
Opérateurs
Instructions
Structures de contrôles (conditions, boucles...)
Définition et utilisation de fonctions
Objets prédéfinis(document, window...)
Contrôle de saisies et traitement de formulaires
Gestion des fenêtres (ouverture, fermeture, communication)
Boîtes de dialogue

Atelier: apprendre à valider un formulaire