Création de site Web Initiation (avec Dreamweaver)

Tous

Savoir naviguer sur le web et utiliser des outils de bureautique/traitement de texte.

Comprendre le fonctionnement du web - Créer des pages web avec HTML/CSS - Rendre les pages adaptatives au support avec le Responsive Web Design

Comprendre le fonctionnement du web

Connaître le vocabulaire: HTTP, FTP, URL, etc.
Savoir identifier les principaux langages web: HTML, CSS, JS et PHP
Comprendre le fonctionnement client/serveur
Connaître l'évolution des sites web dans le temps

Créer sa première page web

Comprendre le principe du HTML: balises et attributs
Connaître les deux familles de balise: avec et sans contenu
Insérer les balises essentielles: doctype, head, body, etc.

Intégrer du contenu dans une page en HTML

Insérer du contenu texte: titre ou paragraphe
Ajouter du contenu média: image, vidéo et audio
Créer des liens hypertextes

Atelier: Créer une page en HTML

Styliser son contenu avec le CSS

Comprendre le principe du CSS: sélecteurs et propriétés
Connaître les principaux sélecteurs: balise, class et identifiant
Définir la fonte: police, taille, graisse et inclinaison
Insérer une bordure et un arrière-plan

Atelier: Appliquer un style CSS à un document HTML

Intégrer une mise en page en HTML et CSS

Connaître les bonnes pratiques de mise en page web
Utiliser les balises HTML de mise en page: div, header, main, etc.
Utiliser les propriétés CSS de mise en page: taille, positionnement et marges

Construire un site web adaptatif

Responsive Web Design (RWD): définition, composantes
Viewport: notion, meta, valeurs
Adaptation de l'affichage en fonction de la résolution: les medias queries
Choix des règles conditionnelles: orientation, device-width

Atelier: Adapter l’affichage d’une page web en fonction du support

Active Learning

contrôle continu ou certification si prévue dans le financement

Sources des exercices + Support papier