Création de sites : rencontre n°5 - 13 avril 2010

1) XHTML: Feuilles de style: présentation du langage css sur un exemple de page web contenant des balises div pour définir des blocs avec identifiants pour la mise en forme de la page. Ce lien permet d'en savoir plus sur l'application de cette technique.
Il est convenu de se limiter pour cette année à cet aperçu rapide du code html et proposer éventuellement pour 2011 un cours xhtml complet dans la mesure où certains participants de cet atelier sont intéressés. A ce jour, il est en effet souhaitable de consacrer la totalité du temps restant à l'apprentissage de Joomla.

2) Joomla!
- Création d'une section, puis d'une catégorie dans la section, puis d'un article. Création d'un lien vers cet article dans l'un des menus.
- Remplacement du logo en plaçant une image dans le dossier du template utilisé, puis changer le nom du fichier dans la css du même template (ligne #logo).
- Remplacement d'une bannière (image publicitaire)

3) prochaines séances: les 27 avril, 11 mai, 25 mai, suite à définir d'un commun accord.
Nous convenons d'interrompre l'exploration un peu aléatoire de Joomla! en laissant à chacun le soin de faire ses propres découvertes sur son site d'essais personnel.
Les quelques séances à venir seraient consacrées à la création d'un site, le thème retenu étant "le portail des associations d'Orgerus". Un groupe de travail des associations intéressées et de la commission municipale a déjà élaboré un cahier des charges sur ce sujet.
Nous proposons que Remo et Bernard qui ont participé à ce travail présentent ce projet de conception d'ensemble et que nous nous donnions à partir de là des objectifs à court terme pour une première ébauche du site. Des fonctionnalités complémentaires seront introduites ensuite à mesure du développement.

Création de sites : rencontre n°4 - 30 mars 2010

1) Les bases du langage HTML: ont été présentées sur un exemple les fonctionnalités suivantes:
- le code source minimal d'une page (avant la balise html) qui précise la version de HTML utilisée et les codes linguistiques,
- le contenu de la balise head
- les images
- les liens
- les listes
- le XHTML: différence avec le HTML
On trouvera sur les tutoriels suivants, en complément de ceux indiqués dans le dernier compte-rendu, les tutoriels correspondants:
- balises images
- balises liens
- balises listes
- imprimer une page web (support utilitaire)
En préparation: un tuto consacré au code source minimal et à la balise head.
Les autres liens vers les tutoriels en ligne indiqué dans le précédent CR restent valables.
Bibliographie: un excellent livre à conseiller: Réussir son site web avec HTML et CSS de Mathieu Nebra (EYROLLES)

2) Joomla! A noter que le point d'exclamation (je viens de le découvrir!) fait partie du nom de ce CMS.
Après les déplacements de modules (module "Recherche" dans le "top", passer un des menus à droite, par exemple) qui nous ont appris à jongler avec les fonctions de l'administration de Joomla!, nous avons abordé de nouvelles extensions comme par exemple de nouveaux templates et une galerie de photos comme phoca_gallery_images à partir du site joomlafrance

3) Prochaine séance mardi 13 avril
- XHTML: les feuilles de style: le langage css présenté sur un exemple
- Joomla! (sous réserve de l'accord d'Antonio) : Les sections et les catégories, création d'un nouveau lien dans le menu, introduction d'une nouvelle image dans une bannière ou le logo...