Le web d’aujourd’hui

Avant dernière séance, lors de laquelle vous allez effectuer des recherches sur divers sujets liés au web d’aujourd’hui.

Chaque groupe publiera des articles sur le site géré avec Spip, ce qui permettra de manipuler l’outil de publication de Spip.

Les sujets possibles :

• Les sites Web2.0 : Flickr, delicious, twitter, amazon, et les APIs et services web proposés par ces sites
• Noms de domaine, hébergement, référencement d’un site : comment acheter un nom de domaine, trouver un hébergeur, référencer son site.
• Podcast, RSS, audio, vidéo sur le web : qu’est-ce que RSS et que sont les Podcasts, et par exetension quels sont les formats audio et vidéo existants et ceux utilisés sur le web.
• Utilisation de Spip : comment personnaliser Spip, chager le squelettes, etc.
• XHTML, CSS, technos web : nous avons brièvement abordé XHTML, il s’agit ici d’approfondir XHTMl et de regarder ce qu’est CSS, voire d’aller encore plus loin et de voir quels sont les langages de programation utilisés pour le web.
• Logiciels libres et licences : que sont ces logiciels libres, les origines du mouvement open source, les différentes licences de logiciels, avec une ouverure sur les licences Creative Commons

La dernière séance permettra à chaque groupe de présenter aux autres leurs résultats de recherche qui pourront servir de point de départ à diverses discussions sur ces sujets.

Publication web et CMS

Après avoir vu que réaliser une page web, avec ou sans éditeur Wysiwyg, n’est pas si simple, nous allons utiliser des outils de publication pour rédiger des articles et le spublier facilement sur le web.

Pour cela, j’ai installé un Système de Gestion de Contenu Spip (http://www.spip.net) sur mes pages personnelles hébergées par le serveur du département Informatique : Le web à l’IAE. Spip va donc nous servir à créer du contenu sur divers sujets du web actuel :

• Utilisation et personnalisation de SPIP
• Logiciel libre et licences
• Noms de domaine, hébergement et référencement
• RSS, Podcast, audio et vidéo sur le web
• Les sites Web2.0
• XHTML, CSS, technos web

Avec un peu de chance, les ordinateurs réussiront à afficher le site !

Première étape : vous créer un compte pour pouvoir être auteur sur le site.

Structure et validation d’un fichier HTML

Après avoir réalisé une page simple, regardons sa structure et vérifions sa validité.

Structure d’une page HTML : ouvrez l’onglet « Source » dans Kompozer et regardez le code généré.

Validation d’une page : utilisez le service de validation du W3C.

Les éléments de base de XHTML : le cours de mon collègue Hervé Le Crosnier

Pour ceux qui veulent plus de technique : les cours de Hervé Le Crosnier et Jean-Marc Lecarpentier

Utilisation du logiciel Kompozer

Après l’utilisationnd’un blog pour créer du contenu web, nous allons essayer des créer des pages web avec un éditeur HTML, en l’occurence le logiciel libre Kompozer.

Premières pages à réaliser :

• Modèle à réaliser : page simple
• Modèle un peu plus évolué

Vous pouvez obtenir les fichiers images nécessaires dans les archives zip disponibles à http://ensweb.perso.info.unicaen.fr/cours/introHtml/tp/

Quelques liens sur les blogs

Quelques compléments sur les blogs pour mieux comprendre le vocabulaire et le fonctionnement :

• Définitions du vocabulaire du blogueur
• Les rétroliens ou trackback
• Les pings et comment faire un ping sur Google Blog search

Deux sites pour rester à la Une des l’actualité de web et de la technologie :

• Techcrunch : news techno et web
• Section Technology du New York Times : souvent de très bons articles à la pointe mais accessibles au grand public

Prochaine séance : jeudi 3 décembre où on va parler de XHTML et CSS.

Blogs : post, comment, tag, blogroll, RSS, trackack

post, comment, tag, blogroll, RSS, trackack : autant de termes liés aux blogs. Première étape : définir et comprendre tous ces termes spécifiques. Pour cela, il faut créer des articles, commenter, classer se articles, faire des liens faire les autres blogs et leurs articles.

C’est la première étape de la séance d’aujourd’hui. On essaiera ensuite de faire une synthèse de ce que chacun a expérimenté et d’élargir les concepts au web en général. On essaiera aussi de voir à quels types des sites et/ou de contenus les blogs peuvent être adaptés et de voir quel(s) type(s) d’outils pourraient être utilisés dans le cadre des sites web en général.

 

Changement de date

Comme demandé par les étudiants de M2, la séance de jeudi 12 novembre est déplacée au mardi 8 décembre.

Prochain cours le jeudi 19 novembre donc.

Première séance

Première séance de cette Unité d’Enseignement Libre à l’IAE de Caen. Le contenu de l’unité est flexible et devra s’adapter en fonction des participants.

Au programme :

1. Introduction :
   • présentation de l’enseignement et des participants
   • évaluation des compétences de chacun
   • Internet : historique et fonctionnement
   • Internet : applications
   • acteurs de l’Internet : institutions, entreprises
   • Internet : vocabulaire
   • Web 1.0 vs. Web 2.0
   • Une page web : qu’est-ce que c’est ?
   • Une page web : comment ça marche ?
   • Une page web : comment en faire ?
2. Blogs et CMS
3. Faire une page en XHTML avec un éditeur
4. XHTML suite et/ou les bases de CSS
5. Rédaction web avec SPIP, recherches sur divers sujets du web
6. Présentations, débats, conclusion

Présentation UEL Création de site Internet

L’objectif principal de cette unité est de (re)découvrir les usages d’internet, en particulier au travers de ce que l’on appelle le Web 2.0. Au cours de notre voyage au coeur du web, les technologies utilisées seront abordées (avec plus ou moins de détail suivant les participants). A l’issue des cours, les étudiants devront être familiers des usages actuels d’internet mais aussi des technologies associées.
L’apprentissage se fera majoritairement en pratiquant individuellement : création d’un blog, partage de liens, d’images et de vidéos, syndication de contenu, etc.

Ce blog servira de journal de bord pour l’unité d’enseignement et d’outil de communication avec les étudiants.