GOEN BIS INHALT
D'Portal fir liewenslaangt Léieren
LU
DE
EN
FR
PT
Dir sidd hei:Accueil > Formations > DAWAN

Webmaster Intermédiaire: HTML5/CSS3 + Responsive Web Design (RWD)

5 Dag(Deeg)

Ziler

Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Apprendre à faire des sites multiplateforme: smartphone, tablette,....

Inhalt

Introduction

Histoire du HTML
Versions

Structure d'un document

Les bases d'un document HTML
Le Doctype
Les balises html, head, body
Les commentaires
Structures des balises et des attributs
Différences entre les balises inline et block

Les balises de contenu

Les titres (h1, h2, h3, etc)
Les paragraphes
Mise en gras et en italique
Les liens hypertexte
Les listes (ordonnées et non ordonnées)
Les tableaux

Atelier: Structurer une page html

Les Médias

Les images et format d'image
Les attributs essentiels (src, alt, etc)
Intégrer des sons et des vidéos
Autres médias

Atelier: Intégrer plusieurs médias sur une page html

Le CSS

Présentation et définition
Attacher une css à une page html
Les sélecteurs (balise, id, class)
Les pseudo-classes
Les propriétés et valeurs
Les commentaires

Atelier: Attacher une feuille css à une page html

Les propriétés

Les propriétés de texte (police, taille, alignement)
Les couleurs hexadecimale, rgb, rgba et nommées
Les propriétés d'arrière plan
Les marges intérieurs et extérieur (margin, padding)
Les bordures
Les dimensions
Les listes

Atelier: Styliser une page existante

Le positionnement de bloc

Positionnement absolu ou relatif
Bloc flottant et fixe
Les blocs flexibles

Les grilles

Atelier: Positionner différents blocs sur une page

Les Formulaires

Les balises de formulaire
Les attributs action et method
Les différents champs de formulaire
Les différentes formes du champs input
Les attributs pour les champs de formulaire (placeholder, required, etc)
Valider un formulaire

Atelier: Créer un formulaire d'inscription

Les animations

Les animations et transitions
Durée des animations
Les fonctions de transition
Les Keyframes

Atelier: Créer une animation

Autres propriétés CSS3

Les transformations
Les ombres de texte et de bloc
Les bordures arrondies
Les colonnes
La propriété box-sizing

Construire un site web adaptatif

Responsive Web Design (RWD): définition, composantes
Contraintes ergonomiques et fonctionnelles
Viewport: notion, meta, valeurs
Unités relatives (%, em) vs. absolues (px)

Créer une grille d'affichage flexible

Tailles d'écran, résolution optimale
Modes portrait et paysage
Expression des tailles en pourcentage (%), em
Tailles minimales, maximales
Blocs, approche contenu/contenant
Principe des box, layout avec CSS3
Taille des fonts: fixer une base pour les tailles, conversions em
Eviter les débordements

Atelier: Multiples exemples de grilles flexibles

Utiliser des médias flexibles

Images flexibles: images de fond, adaptation HTML5
Marges et espaces flexibles
Vidéos adaptées
Support des propriétés CSS par les anciens navigateurs

Atelier: Eviter le débordements d'images/vidéos

Ecrire des CSS3 Media Queries

Adaptation de l'affichage en fonction de la résolution
Types de médias
Choix des règles conditionnelles: orientation, device-width
Medias queries internes, externes
Gestion des menus et sliders

Atelier: Création de site responsive pure css avec des media-queries

Frameworks RWD

Panorama des frameworks existants
Bootstrap
960 grid
Optimisation des ressources graphiques

Atelier: Construction d'un site adaptatif avec Bootstrap

Passage de la certification (si prévue dans le financement)
Pädagogesch Methoden

Méthodologie basée sur l'Active Learning : 75% de pratique minimum. Chaque point théorique est systématiquement suivi d'exemples et exercices.

Zilgrupp

U wien adresséiert sech d'Formatioun?

Tous

 
Virkenntnesser

Notions fondamentales en création de sites Web, HTML et CSS

Evaluatioun

Evaluatiounsmethoden

Contrôle continu

 
Certificat, Diplom

Attestation de fin de stage mentionnant le résultat des acquis

D'Coordonnéeë vum Formatiounsinstitut kucken
DAWAN

Dawan - Service commercial

commercial@dawan.fr

+33 (0)9 72 37 73 73

Deelt dësen Inhalt

 



Fir den Inhalt vun der Beschreiwung vun dëser Formatioun ass eleng hiren Auteur, d. h. d'Formatiounsinstitut, verantwortlech DAWAN.

Drécken Alles gesinn/verstoppen Un e Frënd schécken
D'Coordonnéeë vum Formatiounsinstitut kucken
DAWAN

Dawan - Service commercial

commercial@dawan.fr

+33 (0)9 72 37 73 73

Charakteristiken
Organisatioun Formation inter-entreprise
Supporten

Sources des exercices + Support papier

Sprooch vun der Déngschtleeschtung
Asaz vu Cookien

lifelong-learning.lu setzt Cookien an, fir Iech eng héichwäerteg User-Experienz ze garantéieren, de Benotzertrafic ze moossen, d'Funktionalitéite vun de sozialen Netzwierker ze optiméieren an Iech personaliséiert Inhalter unzebidden.

Wann Dir op dësem Site weidersurft, erkläert Dir Iech mam Asaz vu Cookien ënnert de Konditiounen, déi an den entspriechender Richtlinne festgeluecht goufen, averstanen. Méi doriwwer.

Noutwenneg Cookien
Dës Cookien erlaben et, d'Haaptfunktionalitéite vun eisem Site ze benotzen (zum Beispill den Zougang zu Ärem perséinleche Beräich). Ouni dës Cookië kënnt Dir eise Site net normal benotzen.
Statistiken
Dës Cookien erlaben eis, Statistiken iwwer d'Frequentatioun vun eisem Site opzestellen. Wann Dir se desaktivéiert, verhënnert Dir, datt mir d'Qualitéit vun eise Servicer suivéieren a verbessere kënnen.
Geziilt Publicitéit
Dës Cookien erlaben et, Iech um Internet an an de sozialen Netzwierker Informatiounen a Formatiounsofferen unzeweisen, déi Äre Besoinen am beschten entspriechen.

Eis Richtlinne fir den Asaz vu Cookië consultéieren

Akzeptéieren D'Cookië parametréieren
Veuillez patienter...