Olia Lialina, Summer, 2013
http://kimasendorf.com/olia/summer/
Nous avons vu au dernier cours ce qu'étaient serveur, client et client FTP, mais aussi la structure d'un document HTML.
Quelles sont les principales parties d'un document HTML ?
Cette structure de document était également visible grâce à inspecteur web de firefox qui, il y a quelques temps encore, proposait une vue 3D de la structure de votre page (ci-dessous). Pour visualiser votre page en 3D, vous pouvez aujourd'hui ajouter Tilt à Firefox (extension, ou Add-on). C'est loin d'être indispensable, l'indentation de l'inspecteur vous aide déjà beaucoup.
Au programme
- Présences
- Réception des exercices
- Rappel: Serveurs, domaines, IP, ...
- Retour sur vos premières pages HTML. Correctifs.
- Retour sur le sens du HTML (tel, address, map..)
- Les commentaires et leur fonction
- https://developer.mozilla.org/fr/Apprendre/HTML/Introduction_à_HTML/Getting_started
- https://learn.shayhowe.com/html-css/building-your-first-web-page/
Les élements que nous verrons aujourd'hui:
- h1, h2, h3, p, ul, li, a, img, strong, em, blockquote, hr, br
- Liens, Chemins relatifs et absolus. Ancres à l'intérieur d'un document.
<a href="#mon_ancre">Aller à mon ancre</a>
<div id="mon_ancre">
</div>
- Images et pages web (RVB, résolution..)
- Tableaux HTML
- Eléments de formulaires : form, input, textarea, label, select, option, datalist
- Transfert et clients FTP
- Fichier de rendu.
Au cours:
Construction de trois pages HTML (ou plus), liées entre elles (par un menu de navigation) et reprenant les différents éléments suivants:
- Plusieurs paragraphes
- Plusieurs titres (de différents niveaux)
- Un menu de navigation
- Au moins une image
- Un lien sur à image, pointant vers une URL extérieure et 'ouvrant dans un nouvel onglet.
Et pourquoi pas (facultatif):
- Insert d'un tableau
- Insert d'une video Youtube/Vimeo/Facebook...
Eventuellement transfert FTP test@ testartsnum2018;
Pour la semaine prochaine :
- Terminer le travail commencé au cours (voir ci-dessus)
- l'amener au cours sur une clé USB ou l'envoyer par email.