Référentiel BIW2/BIW3

Bachelor Arts option Infographiste / Webdesigner

 

SOMMAIRE

 

  • Fondamentaux
  • Web Design
  • HTML5
  • CSS3
  • Intégration Web
  • PHP
  • CMS (WordPress)
  • JavaScript
  • jQuery
  • Responsive Design
  • Layouts
  • Hébergement et FTP

 


BIW2 - DÉTAIL

 

Fondamentaux

  • Notions de base de l'informatique
  • Fichiers et stockage
  • Réseaux informatiques et le rôle du serveur
  • Systèmes de numération : Binaire, Octal, Décimal, Hexadécimal

 

Web Design

  • TBC

 

HTML5

  • principes de base
  • structure d'une page HTML
  • balises essentielles (html, head, title, body, h1-6, p, br, hr, a, img, table, ul, ol etc.)
  • caractères spéciaux (entités HTML)
  • doctype et validation du markup (w3c.org)
  • formulaires :
    • principes de base
    • balises essentielles (form, input, label, option, etc)

 

CSS3

  • principes de bases
  • intégration dans le HTML (external style sheet, internal style sheet, inline style)
  • sélecteurs CSS (class et id)
  • notions de cascade / héritage
  • margin et padding - le box model
  • propriétés CSS essentielles (background, border, text-align, color, font, etc.)
  • validation W3C du CSS
  • la balise <div> et la notion de conteneur
  • la notion de flux et les propriétés float et clear

 

Intégration Web

  • principes de base d'un système web
  • relation client-serveur et dialogues
  • éléments d'un système web
  • URLs et la notion de localhost
  • les langages d'un système web
  • principes d'un système LAMP / WAMP
  • installation et configuration d'un système WAMP
  • principes phpMyAdmin pour administrer la base MySQL
  • download, installation et configuration de phpMyAdmin

 

PHP

  • principes de base / utilité et intégration dans un système web
  • scripts PHP basiques - exemples et exercices
  • implémenter un panier d’achat en PHP
  • exploiter une base MySQL dans le code PHP

 


BIW3 - DÉTAIL

 

HTML5

  • révision du contenu BIW2
  • balises pour média (video, audio, track)
  • balises pour graphisme à la volée (canvas, svg)
  • balises pour plug-ins (embed)
  • formulaires :
    • notions de GET et POST
    • validation côté client / côté serveur

 

CSS3

  • révision du contenu BIW2
  • positionnement : absolute, relative, z-index, etc
  • notion de display : block, inline, none, etc
  • overflow
  • affichage par colonnes
  • intégration de polices
  • pseudo classes
  • menus interactifs

 

Intégration Web

  • révision du contenu BIW2
  • exportation et importation d'une base de données

 

PHP

  • révision du contenu BIW2
  • Listings et gabarits (de pages/d'articles/de produits etc)

 

CMS

  • les principes de base d'un CMS
  • le rôle de la base de données (MySQL)
  • les utilisateurs
  • ajouter des bases/utilisateurs via phpMyAdmin
  • les thèmes
  • les plugins / modules / extensions
  • création d'un site CMS en mode SaaS
  • WordPress :
    • téléchargement et installation
    • configurations de base
    • installer un thème
    • installer un plugin
    • plugins utiles

 

JavaScript

  • principes de base
  • intégration de JavaScript de façon inline ou externe
  • algorithmes et programmation
  • fondamentaux de la programmation en JavaScript
  • points clés à retenir de la programmation en JavaScript
  • principes et modification du DOM

 

jQuery

  • principes de base
  • animation de la page avec jQuery
  • lightbox
  • splashscreen
  • extensions / bibliothèques jQuery (image slider)
  • AJAX avec jQuery

 

Responsive Design

  • principes de base
  • @media queries
  • menus en mode hamburger
  • exemple complet avec code source

 

Layouts

  • Fonds en Rayure
  • Parallaxe
  • One Page Layout
  • One Page Layout + Rayures
  • One Page Layout + Parallaxe
  • Fond en slider / Plein écran
  • Fond en slider / Rayures

 

Hébergement et FTP

  • Hébergement : principes de bases et types d'hébergement
  • Achat de nom de domaine
  • FTP : utilité et principes de base
  • FTP avec FileZilla

 

 


CONTRÔLES ET PROJETS

 

BIW2

  • contrôle écrit : Fondamentaux
  • contrôle écrit : HTML
  • contrôle écrit : CSS
  • contrôle(s) pratique(s) : HTML + CSS
  • contrôle écrit : Intégration Web
  • projet : PHP

 

BIW2 (design)

  • contrôles pratiques : conception, rationalisation et maquettage
  • TBC

 

BIW3

  • projet : SVG
  • projet : CMS
  • contrôle pratique : CSS avancé
  • contrôle écrit : JavaScript
  • projet : HTML + CSS + PHP + JavaScript + jQuery
  • contrôle pratique : Responsive Design
  • projet : Layouts
  • projet pro de fin d'année