partie 1les bases du html et des Css
initiation au bon usage des balises
Découverte des bases techniques de la création Web et des contraintes spécifiques aux langages Html et Css. Cette première partie est destinée à vous aider à comprendre le rôle des balises dans la structure des contenus Web et vous apprendre à distinguer ce qui est visible de ce qui est programmé.
la structure html
découvrir le rôle des balises dans une mise en page Web
et appréhender ses liens avec les css et le design Web.
c1 || découverte || Rapide historique du développement Internet et découverte de "l'envers du décor" avec une première inititation aux principes de création d'une page Web à l'aide de "balises" et sensibilisation au rôle des feuilles de style pour en gérer son design. Cette première approche est destinée à sensibiliser aux règles spécifiques du Web. Les exercices vous demanderont de replacer des balises h1 h2, h3, p, ul, li, dans une page dont le contenu est déjà créé, mais sans la moindre structure Html. S'initier progressivement à la notion de cascade et d'imbrication.
mettre en forme les textes
Utiisation des balises spécifiques à la gestion des textes dans une page Html
et méthode pour les personnaliser avec les css
c2 Utilisation des balises spécifiques à la mise en place des textes et initiation à l'usage des Css pour les personnaliser. Découverte des balises de textes h1, h2, h3, p, ul, ol, li, span, br et de l'habillage des images avec la balise img. Méthode d'intégration des polices Google. Utilisation de certains attributs Css dont color, text-align, font-size, font-weight, ou float, introduction des attributs de padding et de margin.
intégrer des images et des visuels
Gestion des images à l'aide de la balise "IMG" ou avec les options du background-image des Css, découverte des nouvelles balises "PICTURE" et "FIGURE".
c3Règles de conversion des images pour le Web, anciens formats à abandonner et nouveaux formats à privilégier, uitilisation de Photoshop, les images vectorielles du Web, les options de la balise Img, introduction à l'usage des nouvelles balises Picture et Figure, techniques de création d'animations GIF, initiation aux attributs Css Width, Height, Border, Padding, Margin , Background-image et Background-size
structurer un site
Gérer le design de la page d'accueil avec les Css, intégrer des images et des textes et envoyer votre création vers un serveur Web avec les options FTP.
c4|| séance application || Introduction aux différentes étapes de création d'un site Web, introduction à l'utilisation d'un outil FTP pour mettre à disposition son site sur un serveur Web, découpe de son design en Zoning et Wireframing, lien entre design et structure Html, lien ente design et utilisation des Css, attributs Css de background (color, position, repeat) box-sizing, border-radius, line-height, text-transform et la pseudo class hover.
les liens Html
Créer des liens pour passer d'une page à une autre, gérer les différents états des rollovers avec les feuilles de styles, utiliser des Css externes.
c5Création de pages supplémentaires pour le site, utilisation intelligente des styles externes pour gérer un maximum d'élements avec un minimum de code, apprentissage des différentes manières de créer des rollover en Css (images sous forme de "Sprites" simples ou complexes…) utilisation de la cascade de la structure des balises pour créer des styles spécifiques, création et gestion des hyperliens pour créer l'interaction entre les pages du site.