Université Lumière Lyon 2/Université Nationale d’Économie de Kharkiv
Année 2016-2017
Prérequis
Notions de systèmes d’exploitation (UNIX) et de langage SQL.
Objectif du cours
- Création de pages Web dynamiques à l’aide d’un langage de script
- Interfaçage de pages Web avec des bases de données
Plan du cours
- Langage HTML
- Généralités
- Section d’entête
- Structure du document
- Mise en forme de texte
- Objets multimédias
- Listes et tableaux
- Éléments de design Web
- Design Web 2.0
- Standards du W3C
- Responsive design
- Feuilles de style en cascade (CSS)
- Généralités
- Sélecteurs et classes de style
- Propriétés
- Mise en page
- Responsive design en pratique
- Langage de script PHP
- Généralités
- Variables, types et constantes
- Opérateurs
- Structures de contrôle
- Fonctions
- Connexion à une base de données (MySQL)
- Extension PHP Database Objects
- Formulaires HTML
- Transmission de variables, sessions
Organisation pédagogique / Planning
25 heures d’exercices en laboratoire (le cours doit être vu au préalable) la semaine du 24 octobre 2016.
Modalités d’évaluation
Rendu de TD (25 %) et dossier de programmation (réalisation d’un site Web dynamique) en groupes de deux étudiants (75 %).
Matériel en ligne
- Support de cours (568 Ko)
- Exemples :
- HTML (6 Ko)
- HTML + CSS (6 Ko)
- Mise en page HTML5 (2 Ko)
- PHP (3 Ko)
- Sessions PHP (1 Ko)
- Exercices pratiques (1) corrigés (95 Ko) : HTML5 et CSS
- Exercices pratiques (2) corrigés (60 Ko) : bases de PHP
- Exercices pratiques (3) corrigés (65 Ko) : fonctions PHP
- Exercices pratiques (4) corrigés (98 Ko) : PHP & MySQL
- Exercices pratiques (5) corrigés (68 Ko) : PHP, MySQL et formulaires
- Sujet d’examen (47 Ko)
Bibliographie / Webographie
- Apprenez à créer votre site web avec HTML5 et CSS3, OpenClassrooms
- HTML5 se dévoile, AlsaCréations
- CSS, OpenWeb Group
- Tutoriel CSS, HTML.net
- Learning CSS, W3C
- PHP Introduction, Comment ça marche ?
- Manuel PHP, PHP.net
- MySQL documentation
- Petites leçons de typographie (française), Jacques André, IRISA, 2013
Autres ressources en ligne
- Notepad++, Éditeur de code HTML, CSS, PHP… (existe en version russe)
- WampServer, environnement de développement PHP/MySQL gratuit sous Windows
- Service de validation HTML, W3C
- Service de validation CSS, W3C
- Palette de couleurs interactive
- Icônes libres de droit : Free Icons Web, Icon Archive
- normalize.css, pour uniformiser les rendus entre navigateurs