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

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:

  1. Plusieurs paragraphes
  2. Plusieurs titres (de différents niveaux)
  3. Un menu de navigation
  4. Au moins une image
  5. Un lien sur à image, pointant vers une URL extérieure et 'ouvrant dans un nouvel onglet.

Et pourquoi pas (facultatif):

  1. Insert d'un tableau
  2. 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.

results matching ""

    No results matching ""