Conception d'interfaces Web

Contenu théorique, introduction

• Présentation du cours: Place du cours dans le programme, objectifs du cours etc..
• Terminologie du Web: Internet et le Web
• Resource, page Web,Site Web
• Client Web, serveur Web
• Url, requêtes HTTP
• Préparer son environnement de travail
• Application

Contenu théorique: HTML introduction-- CSS, introduction

• Définition
• Bref historique
• Structure d'une page HTML simple
• Quelques balises pour commencer
• Un peu de CSS
• Laboratoire 1----- Le fichier : Les hobits

Contenu théorique: Images et liens

• CSS dans HTML, introduction
• Les images : manipulation de base
• Les liens.
• Laboratoire 2
• Les trois fichiers texte-- Beynac ----Oratoire --- Saragoza
• Les 6 images-- Basilique ----Saragoza ---Oratoire -----Beynac1 ----Beynac2 ----pyrennes

Contenu théorique:Les tableaux

• Tableau: Définition
• Bordures et styles
• Fusionner des cellules
• Tableaux rayés
• Laboratoire 3
• image1 --|| -- image2 || --image3
• La source

Contenu théorique:Les listes. Les selecteurs id et class. Les éléments div et span,

• Plus de CSS
• Les listes numérotées
• Les listes non numérotées
• Les listes de définition
• Sélecteurs id et classe
• Laboratoire 4

Contenu théorique, Hebergement

Contenu théorique:Les listes. Les selecteurs id et class. Les éléments div et span Les éléments div et span ..

• Les selecteurs id et class.
• Les éléments div et span: Exercices

Début du Tp1

• Travailler sur le TP1
• Dossier images (pour tp1)

Contenu théorique: les élément de type block et inline. Les modèle de boites CSS

• Les éléments : block, inline et inline-block
• Modèle de boites CSS
• Exercices: sont à l'intérieur du PPT
• Travailler sur le Tp1.
• Contenu de l'examen 1

• Examen 1
• Remise du TP1

Contenu Théorique: Les grilles CSS

• Les grilles CSS
• Laboratoire 5

Contenu théorique: Les éléments structurants.

Début du Tp no2

Contenu théorique: Couleurs et unité de mesures CSS.

Contenu théorique:Design adaptatif

Contenu théorique: Les selecteurs CSS

Contenu Théorique: Pseudo-classes

Énoncé de la PFI