#2 – 02 OCTOBRE 2018
Au programme aujourd’hui :
> les outils indispensables :
- KOMODO EDIT (éditeur HTML, CSS,…)
- SublimeText
- BALSAMIQ Mockups
- Photoshop
- Quelques extensions pour navigateur (webdevelopper pour Chrome, Eye Dropper, Window Resizer, The Great Suspender,…
- Pour SAFARI, activation du mode Développement !!!
> les site ressources :
RAPPEL DES NOUVEAUTES HTML5
<section> | Section générique regroupant un même sujet, une même fonctionnalité, de préférence avec un en-tête, ou bien section d’application web |
<article> | Section de contenu indépendante, pouvant être extraite individuellement du document ou syndiquée (flux RSS ou équivalent), sans pénaliser sa compréhension |
<nav> | Section possédant des liens de navigation principaux (au sein du document ou vers d’autres pages) |
<aside> | Section dont le contenu est un complément par rapport à ce qui l’entoure, qui n’est pas forcément en lien direct avec le contenu mais qui peut apporter des informations supplémentaires. |
<header> | Section d’introduction d’un article, d’une autre section ou du document entier (en-tête de page). |
<footer> | Section de conclusion d’une section ou d’un article, voire du document entier (pied de page). |
IMPORTANT
- Notion de « Boite ou Block » CSS : <DIV>…</DIV>
- Notion d’identité : id
- Notion de « Boite » réutilisable CSS : class
- Notion de style INLINE : <span>…</span>
Pour résumer : En CSS, il existe des éléments qui sont dits « block » que l’on peut représenter comme des boîtes rectangulaires (<DIV>), dotées soit d’id
uniques, soit de class
réutilisables. Enfin des éléments dits inline, qui traitent le texte au caractère près.
SOURCES EXERCICE : html5up-editorial // tp_final // code-html-page-type