Aix-Marseille Université - Institut Universitaire de Technologie d'Aix-en-Provence - DUT Informatique

Archives

• Cas 2
• Projet personnel professionnel

Cours

• CM0 : Présentation du cours

• CM1 : Web et HTML

• CM2 : CSS

• CM3-1 : HTML5

• CM3-2 : CSS3

• CM3-3 : Nouvelles technologies Web

TD

• TD1 : HTML

• • TD1 : HTML - Exemple de formulaire (penser à regarder le code source)
  • Serveur de test (compatible avec les méthodes GET et POST)

• TD2 : CSS

• TD3 : Nouvelles technologies Web

• • Exemples d'images
  • Exemples de vidéos

Documents

• Exemple de page HTML minimale conseillée (penser à regarder le code source)

• Vade-mecum mise en place d'un hébergement alwaysdata

• Vade-mecum utilisation d'AMeTICE

Outils

• Boîte à outils Web

Projets

• Situations d'apprentissage et d'évaluation (SAÉ)

• Projet

Modules Mozilla Firefox

• Web Developer
• Colorzilla (optionnel)

Validateurs W3C

• XHTML
• CSS
• Vérificateur de liens

Documentations

• Référence des éléments HTML
• Sélecteurs CSS

Modèles

• HTML5
• Media Queries

Images

• Éditeur d'images en ligne
• Redimensionner une image en ligne
• Générateur de favicon

Polices

• Générateur de polices

Apprentissage

• Apprendre les mises en page CSS
• Maîtriser son style CSS

• Jeux

  • Jeu d'apprentissage des Flexbox CSS
  • Jeu d'apprentissage des Grids CSS
  • Jeu d'apprentissage des sélecteurs CSS

Aides

• École en ligne
• Compatibilité des navigateurs Web
• Test d'affichage en ligne sous différents navigateurs Web

Curiosités

• Evolution du Web

• Evolution des sites Web de 1996 à 2011

• Carte d'Internet

• Carte d'Internet complète

• Jardin Zen CSS : la beautée de la conception CSS