#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