Voici le résumé des travaux que vous avez du réaliser durant ce quadrimestre pour le cours des Arts numériques 2018-2019 destiné aux étudiants des options Sculpture, Peinture, Dessin, Reliure et Céramique. Pour plus d’information vous pouvez vous référer à la page des ressources du cours.
- Evaluation continue. 14/15 février. Premier page simple hébergée chez Netlify.
- Evaluation continue. 21/22 février. Deuxième hébergement Netlify d’une page contenant les balise vues au cours: H1, P, feuille de style externe, backgroundcolor.
- Evaluation continue.28 février/ 1 mars. Troisième hébergement Netlify. Page d’artiste.
HTML: EM STRONG IMG OL UL
CSS: Color textalign RGB - Evaluation continue. 14/15 mars. Quatrième hébergement Netlify.Créez un site web d’artiste (au choix) d’au moins 4 pages, liées entre elles par un menu de navigation, par exemple, une page d’accueil (index.html), une page de biographie, de travaux, de contact.
Les mettre en lignes sur Netlify.
Au total vos pages doivent comporter, au minimum, les balises suivantes (sans compter le contenu de HEAD):- Un titre.
- Un sous-titre.
- Un menu avec au moins quatre liens (vers vos quatre pages). Fabriqué avec une liste.
- Liens absolus et liens relatifs.
- Paragraphes.
- Images.
- Strong, em (gras, italique).
- Lien mail et téléphone (sur la page contact). Non vu en classe, à vous de trouver comment le réaliser.
Le lien « mail » de la page contact doit pointer vers une adresse email. Le téléphone vers un numéro de téléphone. - 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).
- Une seule feuille de style externe pour le design du site (style.css). Donner un style au moins aux balises suivantes: BODY, P, H1, H2, LI, STRONG, EM
- Evaluation continue. 28/29 mars. Exercice CSS Zen Garden. Cinquième hébergement Netlify.
Modifiez l’apparence de la page CSS Zen Garden (version anglaise, version française) en stylant au moins 5 éléments de votre choix.
Récupérez le code de CSS Zen Garden, le coller dans un nouveau document Sublimetext et enregistrez votre nouveau document index.html dans un nouveau dossier.
Dans sublime text, créez une feuille de style CSS externe et sauvez la dans votre nouveau dossier.
Liez le document HTML à cette feuille de style.
Modifiez son apparence en stylant au moins 5 éléments de votre choix
Faites quelques essais en utilisant éventuellement les classes déjà présentes dans ce document (ou créez vos propres classes)
Mettre en ligne sur Netlify. - Créez un site web d’artiste (au choix) d’au moins 4 pages, liées entre elles par un menu de navigation.
Les mettre en lignes sur Netlify. Mettre le lien vers la page d’accueil de ce site sur votre blog.
Attention ce site résume une grande partie du travail hebdomadaire. Il a une grande importance dans la cotation.
Au total vos pages doivent comporter, au minimum, les balises suivantes (sans compter le contenu de HEAD):- Un titre.
- Un sous-titre.
- Un menu avec au moins trois liens (vers vos trois autres pages).
- Liens absolus et liens relatifs.
- Paragraphes.
- Listes.
- Images.
- Strong, em (gras, italique).
- Citation (à trouver par vous même).
- Tableau (balise table) (à trouver par vous même). Tuto sur Openclassrooms.
- Lien mail et téléphone.
Le lien « mail » de la page contact doit pointer vers une adresse email. Le téléphone vers un numéro de téléphone. - Feuille de style externe pour le design du site.
- Balises sémantiques header, nav, section, article footer…
- Polices de caractères: Googlefont.
- Utilisation du modèle de boîte.
- Unités en relatif.
- Pseudo class pour les liens.
- Frameworks CSS pour au moins le positionnement, Bootstrap, et un autre pour par exemple une animation (css animate).
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).
Le tout doit être transféré sur Netlify.
- Réservation d’un hébergement gratuit et donc d’un sous domaine sur 000webhost.
- Installer WordPress chez cet hébergeur. Y installer du contenu, choisir un template et le configurer.
- Projet geonetart.
(30% des points du quadrimestre) - Poster sur votre blog dans un seul post les 6 adresses Netlify (Les 6 premiers numéros de cette liste).
- Poster sur votre blog l’adresse de votre WordPress chez Webhost.
- Poster sur votre blog les information relative au projet geonetart.