Cette page a pour but de vous proposer un accès simple et facile aux références données durant le cours et à le compléter par d’autres liens. En aucun cas il ne s’agit d’un syllabus.
Les deux heures de cours se structurent généralement comme suit:
- Réponses aux questions par rapport à l’exercice donné au cours précédent
- Apprentissage technique (HTML, indexhibit…)
- Contexte culturel, historique, social des concepts, phénomènes abordés
- Artistes utilisant les concepts évoqués ou en rapport avec l’exercice à réaliser pour la semaine suivante
- Explication de l’exercice pour la semaine suivante.
Cours 1 du 14 janvier 2013
Quelques questions posées en introduction pour commencer à baliser le cours:
Qui ne possède pas de téléphone portable ?
Qui a plusieurs adresses mail ?
Qui utilise un webmail ?
Qui ne se souvient pas de son premier contact avec Internet ?
Qui a déjà créé un site internet ?
Qui a créé une page Myspace et qui continue à la mettre à jour ?
Qui est sur Facebook ? (Combien d’amis ?)
Qui a déjà exposé son travail ? Qui a déjà exposé sur Internet ?
Qui utilise les flux RSS ?
Qui utilise son vrai nom sur Internet ?
Qui possède ou a possédé un blog, un Skyblog ?
Qui utilise Wikipedia ?
Qui a déjà réalisé une modification sur Wikipedia ?
Qui a une connexion internet sur son téléphone portable ?
Qui utilise Foursquare ?
Qui utilise Twitter ?
Une Histoire d’Internet. Une histoire du Web.
La page Wikipedia consacrée au Web 2.0. L’article fondateur de septembre 2005 de Tim O’Reilly traduit en français: « Qu’est ce que le Web 2.0« . Et cinq ans plus tard, du même, un article qui fait le point sur l’évolution: « Le Web à la puissance 2 : le Web 2.0 cinq ans plus tard« .
Les bases du HTML sur le site du Zéro. Les balises vues: <HTML> <HEAD><TITLE><BODY>.
Un artiste utilisant en 1994 ces bases: Heat Bunting, my first web page.
Histoire de Wikipedia. Le New York Times Spécial édition. Le cas Philippe Manoeuvre. La fausse citation de Maurice Jarre.
Cours 2 du 21 janvier 2013
Wikipedia
Exemple de fontionnement de wikipedia avec la page consacrée à la vidéo surveillance ou celle consacrée à l’escroquerie.
Exposition Hight and low New-York dans les années 80 ( le catalogue est à la bibliothèque).
Le logiciel utilisé par Wikipedia: Mediawiki
Hébergement, définition, historique, Recherche (Free hosting),
Proposition pour un hébergeur gratuit (en anglais) : http://www.zymic.com/
Le FTP
Filezilla, un logiciel libre multi plateforme de transfert FTP.
Des artistes utilisant Wikipedia:
Wikipedia Art, a collaborative performance and public intervention. (L’article du site du centre Pompidou sur l’art conceptuel.)
Cours 3 du 28 janvier 2013
Netart : JODI. Leur premier site http://www.jodi.org n’a pas de homepage. La véritable home page est la page qui leur est consacrée sur Wikipedia.
Animation en Ascii art de Alexei Shulgin.
HTML: La balise lien <A>, lien absolu et lien relatif. La page qui lui est consacrée sur le site du Zéro.
Cours 4 du 4 février 2013
Info spectacle: René cojo au 140 « Suite empire »
Info festival: Transmediale.
Netart: My name is Janez Jansa, the film that inspires you to google your name again.
HTML:
- Upgrader son outil d’édition et d’écriture HTML: passer de TextEdit à Sublime Text.
- HTML et CSS: leurs champs d’application. CSS Zen Garden,
- Titre (H1), sous-titre (H2), listes (OL, UL), Paragraphe (P), images (IMG), citation (BLOCKQUOTE).
- Une liste de logiciels FTP alternative à Filezilla.
Google street view:
La page Wikipedia consacrée a Google Street View.
Le rejoindre à travers Google Map ou Google Earth.
Mais Google n’est pas seul sur ce marché, wikipedia propose un page listant les concurents. Un concurrent russe: Yandex map.
Netart:
Des artistes ayant travaillé à partir de Google Street View
- http://www.internetlandscape.it/arenae/index.html
- http://www.internetlandscape.it/
- http://www.americansuburb.com/
- http://9-eyes.com/
Cours 5 du 18 février
Zymic ne permettant pas en ce moment de nouvelles inscriptions voici quelques autres services d’hébergement gratuit:
- http://www.000webhost.com/ inscription testée ce 16 février. Choisir un sous domaine (subdomaine au moment de l’inscription) puis se rendre dans les détails du compte (View Account Details) pour obtenir les informations de connexion FTP.
- http://www.hostinger.fr/hebergement-gratuit Non testé. En français.
- http://0fees.net/ Non testé. En anglais.
- Un site répertoriant les hébergeurs gratuits: http://www.freewebspace.net/free/Free-webhosting
HTML/CSS
Logiciels de création de site:
- Propriétaire: Dreamweaver.
- Libre: BlueGriffon.
- Système de gestion de contenu (CMS): indexhibit (la nouvelle version est payante :-(), Joomla, wordpress.
Récupérer le code d’une page web.
CSS :
- Différences HTML CSS.
- Où écrire les CSS?
- Anatomie d’une règle CSS
- Appliquer un style à une balise.
L’encodage des caractères spéciaux en HTML.
Cours 6 du 25 février
Exposition netart:
xpogallery
OFFLINE ART: NEW2
Exposition collective, commissariat par Aram Bartholl du 21 fevrier au 14 mars 2013 !
Cory Arcangel, Kim Asendorf, Claude Closky, Constant Dullaart, Dragan Espenschied, Faith Holland, JODI, Olia Lialina, Jonas Lund, Evan Roth, Phil Thompson, Emilie Gervais & Sarah Weis
html/CSS:
Cours 7 du 11 mars 2013
Cours 8 du 18 mars 2013
Cours 9 du 25 mars 2013
Une méthode de positionnement en CSS.
Cours 10 du 15 avril 2013
Présentation du travail de fin d’année sur l’hypertexte.
Les références de la présentation.
Le briefing.
Cours 11 du 22 avril 2013
Google analytis.
CMS: Indexhibit, Joomla, WordPress.
Différence entre wordpress.com et wordpress.org.
Installation de WordPress chez 000webhost.
Cours 12 du 29 avril 2013
Introduction: Deep ascii de vuk cosic (1998). Un texte à propos de ce travail sur l’espace virtuel du Jeu de Paume.
WordPress:
- Hébergeur conseillé: 000webhost
- Différence entre wordpress.com et wordpress.org. Installer WordPress en français.
- Installer WordPress en local avec mamp.
Glitch art:
- La page wikipedia sur le glitch art. et une recherche google image.
- Publication sur le Glitch: the Glitch Moment(um) de Rosa Menkman. Le PDF est disponible gratuitement sur la page Publication de l’Institute of Network Cultures.
- Cornelia sollfrank sur l’espace virtuel du Jeu de Paume.
- Le festival du glitch: GLI.TC/H
- Ryoji Ykeda: the transfinite, Formula.
- Outils: Gimp, audacity, Hexfiend.
- un tuto en anglais sur le databending avec Audaciity
Cours 13 du 6 mai 2013
Les QRcode:
- Code barre versus QRcode.
- La page Wikipedia sur les QRcode, contenant un paragraphe consacré à l’appropriation par les artistes des QRcode.
- Guide pratique du QRCode, un article pour débuter sur le site olybop.info.
- Comment configurer votre mobile ? un article du site QRcode.fr.
- Décodeur en ligne : ZXing Decoder Online.
- Un (des nombreux) générateur de QRcode: QR Code Generator from the ZXing Project.
- QR hacker et le générateur de Unitag permettent de personnaliser les QRcode. Un plus simple: qr-designer. Mais jusqu’où aller dans la personnalisation ? Un article en anglais fait le point: Cracking the QR Code.
- Besoin d’URL courte ? Plusieurs sites proposent ce service dont: http://goo.gl/.
4 réactions sur “ Ressources du cours Web 2.0 2013 ”