MINISTERE DE L’ENSEIGNEMENT SUPÉRIEUR ET DE LA REPUBLIQUE DE COTE D’IVOIRE
RECHERCHE SCIENTIFIQUE Union-Discipline-Travail
-------------------------------- ---------------------
ÉCOLE : ISAGTS (Institut Supérieur d'Administration de Gestion et de Technologie de Songon)
ANNÉE - ACADÉMIQUE : 2024 – 2025
PROFESSEUR : GATTA Bi Koery Franck
SPÉCIALITÉ DU PROF. : Informatique de Gestion (PL) – Blockchain – Multimédia et Art numérique
CONTACT : 0171020298 / 0544362272
CIBLE : 1ème Année BTS – IDA
VOLUME HORAIRE ANNUEL : 40 Heures
PROGRESSION DE LA COMPÉTENCE : DÉVELOPPEMENT WEB (HTML, ) + WEBDESIGN (PHOTOSHOP)
ÉLÉMENTS DE LA COMPÉTENCE LEÇONS NOMBRE D’HEURES
LEÇON 1 : EXPLORATION DES CONCEPTS FONDAMENTAUX DU WEB
1. BREF HISTORIQUE DU WEB
2. DEFINITION DES CONCEPTS
2.1 WWW
2.2 HTTP
ACQUÉRIR LES BASES DE HTML 2.3 Internet 4 HEURES
2.4 Navigateur
2.5 Web
3. ARCHITECTURE CLIENT SERVEUR
4. SITE WEB STATIQUE ET DYNAMIQUE
5. MÉTIERS DE DÉVELOPPEMENT WEB
LEÇON 2 : CRÉATION D’UNE PAGE WEB EN HTML
1. DEFINITION DE HTML
2. OUTILS DE DÉVELOPPEMENT WEB
3. PRÉPARATION D’ENVIRONNEMENT DE TRAVAIL
3.1 Installation de Notepad++
3.2 Installation du navigateur Chrome 4 HEURES
4. STRUCTURE DE BASE D’UNE PAGE HTML
4.1 Syntaxe de base HTML
4.2 Commentaire
5. CRÉATION D’UNE PAGE WEB EN HTML
LEÇON 3 : ÉCRITURE DES PRINCIPALES BALISES ET ATTRIBUTS EN HTML
1. BALISES EN HTML
1.1 Syntaxe de la balise orpheline.
1.2 Syntaxe de la balise paire.
2. ÉCRITURE DES PRINCIPALES BALISES EN HTML
2.1 Écriture des balises d’en-tête. 4 HEURES
2.2 Écriture des balises de texte, d’image, de son, de vidéo.
2.3 Écriture des balises de listes
2.4 Écriture des balises de liens.
MISE EN PAGE DES CONTENUS 3. ATTRUBUTS EN HTML
D’UNE PAGE HTML 4. LISTE DE QUELQUES BALISES HTML
LEÇON 4 : CRÉATION D’UN TABLEAU EN HTML
1. DÉFINITION D’UN TABLEAU
2 HEURES
2. CRÉATION D’UN TABLEAU EN HTML5
ÉVALUATION FORMATIVE N°1
LEÇON 5 : CRÉATION D’UN FORMULAIRE EN HTML5
1. DÉFINITION D’UN FORMULAIRE
4 HEURES
2. CRÉATION D’UN FORMULAIRE EN HTML5
ÉVALUATION FORMATIVE N°2
LEÇON 6 : MISE EN PAGE DES CONTENUS D’UNE PAGE HTML5
1. DÉFINITION D’UNE MISE EN PAGE 4 HEURES
2. MISE EN PAGE DES CONTENUS D’UNE PAGE WEB HTML5
LEÇON 7 : MISE EN FORME D’UNE PAGE HTML5 AVEC CSS3
METTRE EN FORME UNE PAGE
1. DÉFINITION DE CSS3
HTML5 AVEC CSS3
2. LIAISON ENTRE HTML5 ET CSS3
4 HEURES
3. MISE EN FORME D’UNE PAGE HTML5 AVEC CSS3
3.1 Sélecteur.
3.2 Propriété
3.3 Valeur
ÉVALUATION FORMATIVE N°3
PROJET : CRÉATION D’UN SITE
ÉVALUATION SOMMATIVE + CORRIGÉ
WEB STATIQUE ET RESPONSIVE 8 HEURES
LEÇON 1 : IDENTIFICATION DES TYPES D’IMAGES ET FORMATS
1. IMAGE MATRICIELLE
2. IMAGE VECTORIELLE
3. FORMATS D’IMAGE
2 HEURES
3.1 PNG
3.2 JPG
3.3 JPEG
ACQUÉRIR LES BASES EN
3.4 GIF
WEBDESIGN
3.5 SVG
ÉVALUATION FORMATIVE N°1
LEÇON 2 : DESCRIPTION DE LA FENÊTRE DE PHOTOSHOP CC
1. DÉFINITION DE PHOTOSHOP
2. DESCRIPTION DE LA FENÊTRE DE PHOTOSHOP CC
2 HEURES
2.1 Barre de menu
2.2 Barre de paramétrage d’outils
2.3 Barre d’outils
2.4 Espace de travail
2.5 Panneaux d’option
ÉVALUATION FORMATIVE N°2
LEÇON 3 : UTILISATION DES OUTILS ET COULEURS DANS PHOTOSHOP CC
1. UTILISATION DES OUTILS
1.1 Outils formes
1.2 Outils de déplacement
1.3 Outils de sélection
4 HEURES
1.4 Outils textes
2. UTILISATION DES COULEURS
2.1 Palette de couleurs
2.2 Pot de peinture
UTILISER LES OUTILS ET COULEURS
2.3 Couleurs nuanciers
DANS PHOTOSHOP CC
2.4 Dégradé de couleurs
ÉVALUATION FORMATIVE N°3
LEÇON 4 : NETTOYAGE D’IMAGE DANS PHOTOSHOP CC
1. RECADRAGE D’IMAGE
1.1 Outils rogner
1.2 Outils plumes
2. NETTOYAGE D’IMAGE
2 HEURES
2.1 Niveau et courbes
2.2 Luminosité et contraste
3. LES CALQUES
4. EXPORTATIONS POUR LE WEB
ÉVALUATION FORMATIVE N°4
PROJET : APRÈS AVOIR CRÉE UNE FORME
(OU NETTOYÉ UNE IMAGE) SOUS ÉVALUATION SOMMATIVE + CORRIGÉ
PHOTOSHOP, INSÉRER-LA DANS VOTRE
PROJET DE CRÉATION DU SITE WEB
STATIQUE.