Voici les travaux à réaliser pour le cours des Arts numériques 2016-2017 destiné aux étudiants des options sculpture, espace urbain, peinture, dessin et céramique.
- Réaliser un changement, une modification, une amélioration, un ajout au site Wikipédia (http://www.wikipedia.org/). Poster sur son blog une copie d’écran avant et une copie d’écran après modification. Expliquer dans le même post la modification et donner l’URL de la page. A réaliser avant le cours du 9/10 février 2017.
- Réservation d’un hébergement gratuit et donc d’un sous domaine sur Hostinger, 000webhost, ou autres. Mise en ligne d’une page HTML « créative » utilisant les balises vues aux cours mais également des balises non vues. Mettre le lien sur votre blog.
- Création d’un mini site internet de trois pages interconnectées entre elles. Les mettre en lignes sur votre espace chez Webhost ou Hostinger. Garder la page précédente en ligne. Mettre le lien vers la page principale de ses trois pages sur votre blog.
- Compléter le site précédent. Insérez une image provenant du web (lien absolu) et une autre que vous hébergez dans un dossier « Images » (lien relatif). Votre page doit comporter, au minimum, les balises suivantes:
- Un titre
- Un sous-titre
- Un menu (liste à puces) avec au moins trois liens (vers vos trois pages)
- Paragraphe(s)
- Images
- strong, em
- Plusieurs éléments de formulaires (facultatif)
- Un bouton (button) qui ne sert à rien (ou qui sert à quelque chose..)
- Une citation
- Un tableau
Pour les balises non-vues au cours référez-vous à un Memento des balises HTML ou à un(e) HTML5 cheat sheet (aide mémoire HTML5).
Mettre en ligne le site (sur Hostinger). En mettre le lien vers la première page sur votre blog. - Compléter votre mini-site de trois pages avec les balises vues au cours.
- Création d’un mini site internet avec Flexbox. Le site de Nicolas qui explique l’exercice de mise en page.
La page de l’exercice. - Création d’un mini site internet utilisant Bootstrap.
- Installer WordPress chez votre hébergeur ( hostinger…) . Mettre le lien vers la première page sur votre blog.
- Projet traduction.