Création numérique
Atelier Conception et publication web

---

Sommaire

• Séance 1 - Introduction

  • Le vocabulaire du web
    • Le navigateur
    • Les clients et les serveurs
    • Les autres composants
    • Le protocole de transfert de fichiers
  • Le langage HTML et ses balises
    • Exercice 1
  • Un contenu dynamique
    • Exemple d'une page web dynamique

• Séance 2 - Structure d'une page web - HTML

  • Hiérarchie d'un document HTML
    • Les titres
    • Les paragraphes
    • Les listes
  • Sections de contenu
  • Liens hypertextes
    • Qu'est ce qu'un lien hypertetxe ?
    • Exemples de liens hypertextes
    • Les liens absolus
    • Les liens relatifs
    • Naviguer dans l'arborescence ?
    • Lien de messagerie
    • Exemple de liens de messagerie
    • Les ancres nommées
    • Lien vers un fichier ???
    • Précisions sur la cible
    • Intitulés des liens
    • Nombre de liens par page
    • Paramètres des liens
    • Que se passe t'il si l'on clique sur les liens suivants ?
    • Exemple d'une page web dynamique
  • Images liées
    • La balise <img />
    • Dimensions des images
    • L'attribut alt
    • L'attribut longdesc
    • Exemples
  • Autres médias
    • Média audio
    • Média vidéo
    • Iframe
    • Figure & Captions
  • Exercice
    • Consignes
    • Correction

• Séance 3 - Théorie réseau & Mise en ligne

  • Définitions des réseaux
    • Cas concrets
  • Hébergement de fichiers
    • Choix de l'hébergement
    • Nom de domaine
    • Récapitulatif
  • Utilisation de FileZilla
  • Pratique
    • Mise en ligne de fichiers avec Filezilla

• Séance 4 - Les styles - CSS, introduction

  • La syntaxe CSS
  • Les sélecteurs
    • Le sélecteur d'élément
    • Le sélecteur id
    • Le sélecteur class
    • Regroupement de sélecteurs
    • Les commentaires
  • Comment ça marche ?
    • Trois façons d'insérer CSS
    • Feuille de style externe
    • Feuille de style interne
    • Le style de ligne (inline)
  • Le modèle de boîte
    • Largeur et hauteur
    • Marge intérieure
    • Bordure
    • Marge extérieure
    • Débordement
  • Les propriétés CSS de texte
    • Les couleurs
    • L'espacement des lettres
    • L'alignement
    • Décoration
    • Indentation
    • Transformation
    • Espace blanc
    • Espace entre les mots
  • Les propriétés CSS de police
    • Police
    • Famille de police
    • Taille de police
    • Style de police
    • Variante de police
    • Poids de police
  • Cascades de styles

• Séance 5 - Les styles - CSS, ornements de blocs

  • Les couleurs en CSS
  • La mise en forme CSS
  • Pratique

• Séance 6 - Les styles - CSS, positions de blocs

  • Le positionnement en CSS
  • Pratique

• Séance 7 - CMS - WordPress, un système de gestion de contenu

  • CMS: un site dynamique "prêt à l'emploi"
  • Installation de WordPress
  • Publication de contenus dans WordPress
    • Articles de blog
    • Pages
    • Menus et widgets
    • Fichiers liés: images, PDF, vidéos et sons
    • Embed content

• Séance 8 - CMS - Templates et plugins

  • Utiliser des fonctionnements et des graphismes préexistants
  • Dupliquer ou "surcharger" un template
  • Mises à jour du CMS et de ses composants
  • Sauvegardes et protection des données

• Séance 9 - Newsletter - Un outil en ligne

  • Listes
  • Templates
  • Lettres

• Séance 10 - Evaluation théorique