Vous avez une question ?

02.420.36.26

Formation Création de sites Web : HTML5 – CSS3 – DreamWeaver

Actuellement la nécessité d’avoir un site Web ne se pose plus !

C’est devenu quasiment indispensable. Par contre comment gérer et faire son site Web est très essentiel.

Vous souhaitez maîtriser la création de sites Web dernière génération ? 

Vous désirez apprendre les fondamentaux du développement Web, et acquérir des connaissances poussées dans le codage web ?

Il y a plusieurs choses à prendre en considération , un code plus propre, un code rapide et une programmation plus facile !

ADN Technologies vous propose une formation ciblée et de qualité dans le domaine de la création de sites web.

Web design - Formation - Creation de sites web

La formation Création de sites Web s'étale sur 2 semaines :

- La semaine 1: Vous serez mis dans le bain des langages de développement web les plus utilisés à savoir HTML5 et CSS3. Ceci va vous préparer à utiliser le logiciel DreamWeaver.

La semaine 2: Vous mettrez en pratique les connaissances acquises en HTML5 et en CSS3 afin d'exploiter les fonctionnalités du logiciel DreamWeaver de façon efficace. Durant cette formation, vous serez également initiés au langage Javacsript.

 

NB: Cette formation est destinée aux demandeurs d'emploi, à condition de l'octroi des chèques TIC d'Actiris. Découvrez le contenu de la Formation Création de sites web.

Programme complet de la Formation Création de sites Web

Formation DeamWeaver Durée Dispensée sur
HTML5 & CSS3 28 heures 5 jours
DreamWeaver CS5/CS6 28 heures 5 jours

Programme HTML5

Partie 1: HTML 5

  • Les limites et problématiques du Web
  • Finalités et objectifs du Web sémantique

Partie 2: Les nouveaux éléments de la norme Html5

  • Classification et schéma de structure des éléments
  • Le « Sectioning content » (article, aside, nav, section...)
  • Le « Heading content » (hx et hgroup)
  • Les nouvelles balises de contenu, « phrasing content » (mark,figure, figcaption, summary, time...)
  • Attributs commun et attributs spécifiques

Partie 3: Le « metadata content », microformat et microdata

  • Les différents schémas de référencement (microformat, microdonnées et RDFa)
  • Nouveautés sémantique et Optimisation pour les moteurs d'indexation (microdata)
  • Les attributs itemscope, itemtype, itemprop, itemref, itemid et leurs différentes valeurs respective.

Partie 4: Les formulaires

  • Les différents « typages » de la balise input
  • Les nouveaux attributs des différentes balises de formulaires
  • L'attribut required, les patterns et la validation à la volée

Partie 5: API (interface de programmation applicative)

  • API de contrôle video
  • API de géolocalisation
  • Autres API (WebSockets, Server-sent events, XmlHttpRequest v.2, Cross-document messaging, …).

Partie 6: Web storage

  • Les interfaces « localStorage » et « sessionStorage »
  • méthodes d'accès et utilisation de la console Javascript (Stockage, Récupération)
  • Suppression, Suppression totale, Accès direct ...

 

Programme CSS3

Partie 1: Animations (sans Flash ni Javascript)

  • Le point sur les navigateurs et le support du CSS3
  • Les préfixes
  • @supports

Partie 2: Sélecteurs et valeurs CSS3

  • Rappel des sélecteurs CSS2 et bonnes pratiques
  • Nouvelles pseudo-classes structurelles
  • Nouvelles pseudo-classes d’état
  • Nouvelles pseudo-classes pour les nouveautés HTML5
  • Valeurs dynamiques : calc()

Partie 3: Positionnement et intégration CSS3

  • Box-sizing
  • Flexbox
  • Grid

Partie 4: Les media-queries : Quelques notions pour le Responsive Web Design

  • S'adapter aux différentes tailles d'écran
  • S'adapter à l'orientation
  • Viewport

Partie 5: Mise en page avancée en CSS3

  • Colonnes
  • Region
  • Exclusion

Partie 6: Graphisme avancé

  • Polices personnalisées : @font-face
  • Couleurs, transparence et dégradés
  • Ombres
  • Bordures arrondies et en image
  • Arrière-plans multiples

Partie 7: Animations (sans Flash ni Javascript)

  • Transformations : rotation, zoom, translation et déformations
  • Transitions : duréé, délais, accélaration...
  • Animations autonomes : keyframes

Programme DREAMWEAVER CS5/CS6

DW: Les Bases

Partie 1: Introduction

  • Panorama des outils de création de pages web
  • Présentation des produits Adobe

Partie 2: Premiers pas avec Dreamweaver

  • Découverte de l’interface : les fenêtres, les palettes de composants, les panneaux
  • Organisation de l’espace de travail
  • Paramétrage des préférences : affichage, navigateurs, éditeur, …
  • Définition d’un site Dreamweaver, gestion des fichiers.
  • Création de pages web : édition, modification, sauvegarde
  • Mise en forme de texte (polices, titres, paragraphes, texte préformaté)
  • Insertion d’images et manipulation de propriétés (redimensionnement, optimisation, recadrage)
  • Création de liens hypertextes (lien vers une page web, lien vers un fichier, lien de messagerie, ancres)
  • Création, modification de tableaux

Partie 3: Mise en ligne de sites web

  • Principes du transfert FTP
  • Paramétrage du client FTP de Dreamweaver
  • Transfert de fichiers sur le serveur distant
  • Présentation d’autres outils FTP

Partie 4: Utilisation des modèles

  • Architecture du modèle et organisation des différentes régions
  • Edition de pages issues d’un modèle
  • Application d’un modèle

DW: Les fonctionnalités avancées

Partie 1: Création de sites avancées

  • Création d’un site complexe
  • Ergonomie avancée du site
  • Mise en forme avancée avec les Styles CSS3

Partie 2: Le cadre applicatif SPRY

  • Présentation du framework SPRY
  • Panorama des effets et des widgets SPRY
  • Création de formulaires avec des composants contrôlés
  • Menus dynamiques SPRY

Partie 3: Mises en pratique

  • Créer, modifier, contrôler et maintenir un site avec Dreamweaver
  • Créer des pages Web intégrant texte et images
  • Utiliser les tableaux pour la mise en page
  • Mettre en œuvre les différents types de liens
  • Créer et gérer des blocs
  • Réaliser un formulaire simple
  • Gérer la compatibilité pour les navigateurs
  • Travailler avec les feuilles de styles CSS

 

Découvrez quelques réalisations de sites web par les apprenants ayant suivis cette formation.

Plus d’info sur la formation Création de sites Web ou sur une autre formation en informatique ?

N’hésitez pas de nous contacter.

Partager
  •  
  •  
  •  
  •  
  •  

LAISSEZ UN COMMENTAIRE