WIKINI AVANCÉ Mardi 29 janvier 2008
• •
• • • •
OBJECTIFS être autonome dans l'installation et la configuration d'un Wikini appréhender les notions d'hébergement, de nom de domaine et de base de données Mysql pour choisir un hébergement sur Internet répondant aux pré-requis d'installation d'un Wikini faire des transferts FTP pour installer une application Web modifier l'habillage d'un wikini (feuilles de style en css) configurer un Wikin en ajoutant des extensions et template protéger et sécuriser un wikini
PROGRAMME • Notions hébergement / nom de domaine • • • •
Installation de Wikini (téléchargement, transfert ftp et configuration) Personnalisation (css et html) utilitaires (extension wiki et iframe) Sécurisation/sauvegarde
FORMATEURS • Mathilde Guiné : animatrice de réseaux, conceptrice multimédias : mathilde@tela-botanica.org
Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34
NOTIONS INTERNET: NOM DE DOMAINE, HÉBERGEMENT, FTP COMPRENDRE L'UNIVERS INTERNET
Le Web est comme un gigantesque réseau, sur lequel des ordinateurs proposent des services d'accès aux pages Web d'un site. On les appelle des serveurs Web, représentés ici par des soucoupes. Ils disposent de services permettant entre autre de copier des fichiers dessus, d'afficher des pages Web, de consulter des bases de données pour afficher des pages au contenu dynamique. On y accède par les navigateurs Web, en y rentrant un nom suivi d'un point et d'une extension déterminant sa localisation géographique (.fr, .de, .jp, ...) ou sa fonction (.asso.fr, .biz, .coop, .org): ces noms sont appelés noms de domaine.
NOM DE DOMAINE ET L'ADRESSE IP Les adresses sur le réseau (dans ce cas le réseau Internet) pour repérer les soucoupes sont dénommées adresses IP: il s'agit d'une succession 4 séries de chiffres allant de 0 à 255, séparées par des points (exemple: 193.54.123.216) Nos soucoupes (serveurs) ont des capacités de stockage et de bande passante qui permettent d'avoir plusieurs sites Internet hébergés sur une même soucoupe; un seul numéro d'accès ne suffit pas pour différencier les sites, on passe donc par des noms de domaine (exemple: la soucoupe 193.54.123.216 contient les sites outils-reseaux.org et telabotanica.org) Il existe des machines sur Internet qui servent d'annuaire, comme le bottin téléphonique, pour dire à quelle adresse IP correspond tel nom de domaine. Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34
Il s'agit des DNS (comme Domain Name Server). Souvent les fournisseurs d'accès à Internet disposent d'un DNS propre, ce qui vous permet de chez vous, avec votre navigateur, de rentrer un nom de domaine, et d'accéder à la soucoupe reliée.
POURQUOI ET COMMENT DISPOSER DE SON PROPRE ESPACE SUR INTERNET ? Pour avoir son site Internet, il faut disposer d'un espace disque sur un serveur web (louer un bout de soucoupe, avoir un hébergement) et avoir son propre nom de domaine sur Internet. Critères de choix de Hébergement: • • •
besoin d'avoir le site disponible en ligne 24h/24, 7 jours/7, de n'importe quel point d'accès Internet besoin de gros tuyaux (bande passante), pour avoir un affichage rapide (temps de réponse), et une certaine rapidité de téléchargement les technologies utilisée pour disposer de son site collaboratif sont multiples et complexes: langage de programmation pour Internet à interpréter (PHP) , bases de données (MYSQL), possibilité de télécharger des fichiers (FTP): pour cela il faut passer par un service qui vous assure le bon fonctionnement de ses technologies, et avoir des garanties sur la sauvegarde des données, et la sécurité
Pour le nom de domaine: Il faut réserver auprès de sociétés qui ont le droit de rajouter des noms aux serveurs DNS. Ce service est payant annuellement (on parle de réservation de nom de domaine). • • •
pour avoir une meilleure visibilité, une meilleure identité (se faire connaitre par son nom) pour faciliter l'accès direct à son site (il est difficile de se souvenir d'une adresse trop longue, ou d'une adresse IP) pour avoir la facilité de découper son site en plusieurs sous domaines
Un nom de domaine est nominatif, attribué à une personne physique ou morale, mais obligation de donner un nom et un mail d'une personne référence, nom pas modifiable. Voir aussi: http://www.wiki.marsnet.org/wakka.php?wiki=NomDeDomaine Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34
QUI CHOISIR, À PARTIR DE QUELS CRITÈRES Il existe de nombreuses sociétés proposant: • •
soit la réservation de noms de domaine : Gandi, Neodomain , Prosygma soit l'hébergement (avec éventuellement le nom de domaine compris): • offert par le FAI: Page perso Free, Page perso Orange • associatifs: Apinc, Ouvaton, Marsnet • commerciaux: OVH, 1and1, Lycos
-> Voir une liste non exhaustive d'hébergeur (qui supportent wikini) 1 Dans cette jungle d'offres, certains critères sont essentiels: • vérifiez que vous posséderez bien le nom de domaine en votre nom propre (certains hébergeurs restent propriétaires des noms) • transfert de fichiers par FTP possible • vous devez pouvoir utiliser les technologies PHP / MYSQL, très utilisées pour les applications web dynamique • vérifiez le quota espace disque disponible (100 Mo est un minimum, si l'on veut mettre des images) • vérifiez le quota de bande passante (si on est limité, le site ne sera pas toujours disponible en cas de dépassement du quota) • le rapport service / prix doit être honnête • pas de publicité • voir les services plus (mails, listes, installations automatisées) -> Exercice: comparer les différentes offres d'hébergements et en choisir une qui correspond
LES DIFFÉRENTES FACETTES DU SERVEUR WEB On peut s'adresser à un serveur par plusieurs ports, qui sont définis pour répondre d'une certaine manière à une sollicitation: • •
•
le port 80, le plus utilisé sur Internet, permet d'afficher des pages Internet à l'écran de votre navigateur (par exemple Firefox, ou Safari) le port 21 permet de faire du FTP (quand un logiciel comme par exemple Filezilla le sollicite). Le FTP (File Transfert Protocol) est une manière de pouvoir télécharger des fichiers de notre ordinateur au serveur sur Internet, et vice versa. il existe des ports spécifiques pour l'accès à distance, la vidéo conférence, le chat, l'accès sécurisé au serveur, l'accès aux bases de données ... Ces différents services peuvent être utilisés sur une même machine, ou sur des machines distantes.
1 http://www.wikini.net/wakka.php?wiki=Hebergement Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34
Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34
INSTALLATION D'UN WIKINI --par Sandrine Poyet du GRAINE PACA--
Télécharger la dernière version de WIKINI sur votre ordinateur Vous la trouverez sur le site suivant wikini.net. ou télécharger la version avec gestionnaire d'extension : -> http://stagescourts.site-coop.org/wikini.tar.gz Ensuite, ouvrir File Zilla (pour le transfert des fichiers) : copier l'ensemble du fichier wikini dans votre dossier ftp,que vous aurez décomprésseé au préalable ... Connectez-vous à votre site (www.votresite.org/wikini) : une fenêtre s'ouvre, vous allez configurer votre wikini en renseignant les champs suivants:
CONFIGURATION DE LA BASE WIKINI Machine Mysql : localhost (sauf si la base MySQL est sur un autre domaine) Base de données Mysql :votre nom d'utilisateur (souvent le même que pour votre dossier ftp) Nom de l'utilisateur Mysql : votre nom d'utilisateur Mot de passe Mysql : votre mot de passe (le même que pour votre dossier ftp) Préfixe des tables : wikini_<lenomdevotrewiki>_
CONFIGURATION DE VOTRE SITE WIKINI Le nom de votre wiki : LeNomdevotrewiki (ecrit avec 2 majuscules) Home page : AccueiL Mots clefs : à renseigner si vous souhaitez faire référencer votre wiki par les moteurs de recherche Description : idem
INSTALLATION DE LA BASE DE DONNÉES Cliquer sur le bouton "Cliquer sur continuer": une fenêtre s'ouvre : - si tout est OK indication OK sinon Echec il faut revoir les paramêtres de connexion MySQL. - Mais normalement ... pas de problème, donc vous cliquer sur continuer
Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34
LE FICHIER DE CONFIGURATION Vous arrivez sur la page wakka.config.php, si indication Echec suivez la procédure suivante : - Créer sur votre poste un fichier texte wakka.config.php (enlever le .txt et remplacer par .php), faites un copier coller du contenu du fichier wakka.config.php sur ce fichier. • • • •
Une fois enregistré, faites le glisser dans votre dossier ftp, à la racine du dossier wikini Clic droit sur le doc et aller dans les attributs du fichier Changer la valeur pour donner l'autorisation en écriture à tous (666) Retourner sur la page Internet où vous aviez l'échec et faites continuer : et là magique (normalement !), ça marche :
OK, c'est fini!!! Vous pouvez aller sur votre wikini !!!
Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34
SQUELETTES HTML ET FEUILLES DE STYLE EN CSS Dans les sites dynamiques, sont séparés : •
le fonds (le contenu texte est stocké et classé dans des bases de données)
•
la forme : on associe un squelette html à une feuille de style en css
LE SQUELETTE HTML En informatique, le squelette d'un site web désigne l'ossature d'un site web, c’est-à-dire le modèle de mise en forme d'une page destinée à être chargée dans un navigateur internet. Lors de la conception d'un site internet, il peut être utile de concevoir une page unique, un modèle qui sera utilisé par toutes les autres pages du site internet. La conception de ce modèle unique : Facilite les mise à jour ultérieures du site, Facilite la navigation des visiteurs, Assure une cohérence structurelle sur toutes les pages du site --> dans SPIP2, on décide une fois pour toutes du gabarit suivant lequel s'affichent les articles Cette page unique, est parfois appelée squelette du site web, ou kit graphique, ou template. • • •
LES FEUILLES DE STYLE EN CSS Le même squelette peut être "habillé" avec différents styles. -> cf. http://www.csszengarden.com/tr/francais/ Le langage informatique CSS (Cascading Style Sheets : feuilles de style en cascade) est utilisé pour décrire la présentation d'un document structuré écrit en HTML. HTML ne décrit que l'architecture interne, tandis que CSS décrit tous les aspects de la présentation (couleur, taille, police des textes, emplacement, taille, couleur ou image de fonds des blocs). Cette séparation fournit un certain nombre de bénéfices : • • •
améliorer l'accessibilité, changer plus facilement de structure et de présentation, réduire la complexité de l'architecture d'un document.
2 http://www.spip.net/fr Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34
MODIFIER L'APPARENCE D'UN SITE WIKINI Wikini n'a pas de squelette, l'essentiel des modifications se fera via le fichier wakka.css
AVEC WEB DEVELOPER : MODIFIER LE CSS EN LIGNE ET PRÉ-VISUALISER LE RÉSULTAT -> Télécharger la barre d'outils "Web Developer" dans Firefox qui permet d'éditer facilement toutes les feuilles de style associées à une page. On peut modifier en ligne et pré-visualiser le résultat.
Lorsque le résultat semblent satisfaisant, il ne reste plus qu'à sauvegarder (en cliquant sur l'icône disquette) puis à envoyer ce fichier via FTP, sur notre hébergement. On remplace alors le fichier CSS qui définissait auparavant le style de notre site Internet.
Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34
QUELQUES ÉLÉMENTS PRINCIPAUX À MODIFIER LA SYNTAXE • • • • • • •
le fichier wakka.css contient toutes les règles qui concourent à la mise en forme graphique de WikiNi?. Une règle se présente de la manière suivante : body { background-color: #FFD688; color: black } Une règle est composée d'un sélecteur précisant son champ d'application. Par exemple : body Après le sélecteur vient la déclaration : { background-color: #FFD688; color: black } La déclaration est elle-même formée d'une ou plusieurs propriétés : background-color, fontstyle, etc. Ces propriétés sont affectées d'une valeur. Par exemple : color: red indique que la propriété color prend la valeur red les éléments de la déclaration sont séparés entre eux par un point-virgule => En connaissant les principales propriétés CSS, vous pouvez ainsi très facilement changer la couleur, la taille de la police, des titres (H1, H2, H3...), la couleur du fonds, des liens, le style des liste à puces...
QUELQUES EXEMPLES
Couleur de fond Pour modifier la couleur de fond il faut changer la propriété background-color du sélecteur body ; la ligne : body { background-color: #F5F5F5; color: black; } deviendra par exemple : body { background-color: red; color: black; } pour avoir un fond rouge Couleur des caractères Pour modifier la couleur des caractères on agira sur la propriété color du sélecteur body ; la ligne : body { background-color: #F5F5F5; color: black; } deviendra par exemple : body { background-color: #F5F5F5; color: maroon; } pour avoir un caractère de couleur marron Couleur de fond de la page Pour changer la couleur de fond des pages, Il vous suffit de modifier la ligne .page { background-color: #ffffff; padding: 10px; border: 1px inset; border-bottom: none; } de votre fichier css en changeant #ffffff pour la couleur de votre choix Modifier les liens Pour changer la couleur des liens, Il suffit de modifier la ligne a { color: #993333; } de votre fichier css en changeant #993333 pour la couleur de votre choix ( pour des couleurs, voir Couleurs HTML de WikiNi ).
Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34
MEMO CSS LIAISON DE FEUILLES DE STYLES AUX PAGES HTML Placer cette ligne de code dans la partie <head> de la page HTML : <link rel="stylesheet" type="text/css" href="style.css">
PROPRIÉTÉS DE LA BOÎTE margin : Marge : all ; haut+bas gauche+droite ; haut droit bas gauche Si deux ou trois valeurs données, elle est prise du bord opposé. • • • •
margin-top : Marge de haut margin-right : Marge de droite margin-bottom : Marge de bas margin-left : Marge de gauche • auto
padding : Espacement : all ; haut+bas gauche+droite ; haut droit bas gauche Si deux ou trois valeurs données, elle est prise du bord opposé. • • • •
padding-top : Espacement de haut padding-right : Espacement de droite padding-bottom : Espacement de bas padding-left : Espacement de gauche • auto
border <border-width> || <border-style> || <color> : Bordure (les quatres) Si deux ou trois valeurs données, elle est prise du bord opposé. • • • •
border-top : Bordure de haut border-right : Bordure de droite border-bottom : Bordure de bas border-left : Bordure de gauche
•
border-color couleur : Couleur de la bordure Vous pouvez donner entre un et quatre paramètres : les valeurs manquantes seront reprises du bord opposé.
•
width : Longueur • Longueur (si pourcentage : par rapport à la longueur de l'élément parent) • auto height : Hauteur • Longueur (sauf pourcentages) • auto float : Bloc flottant ou pas, permet de le 'sortir' du bloc actuel ; le texte (et contenu) environnant sera 'word-wrappé' autour. • none • left
•
•
Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34
right clear : Permettre des blocs flottants à côté : Si clear est défini sur un coé (ou les deux), aucun élément float ne sera autorisé de ce côté ; et s'il y en avait déjà, le blocest déplacé vers le bas jusqu'à satisfaire la demande. • none • left • right • both •
•
COULEUR ET PROPRIÉTÉS DU FOND DE BLOC color couleur : Couleur de texte (et de soulignement et de bordure par défaut) background : <background-color> || <background-image> || <background-repeat> || <background-attachment> || <background-position> : Fond de bloc •
•
•
•
background-color : Couleur de fond du bloc • couleur • transparent background-image : Image de fond du bloc • URL • none background-repeat : Répétition de l'image de fond • repeat • repeat-x • repeat-y • no-repeat background-position : Position de départ de l'image de fond
PROPRIÉTÉS DE LA POLICE DE CARACTÈRES font : [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family> •
•
•
•
font-family : Police(s) de caractères • serif (e.g., Times) • sans-serif (e.g., Arial or Helvetica) • cursive (e.g., Zapf-Chancery) • fantasy (e.g., Western) • monospace (e.g., Courier) font-style : Style de police • normal • italic • oblique font-weight : Épaisseur de la police • normal • bold font-size : Taille de la police • small • medium • large Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34
•
Taille relative ou absolue
PROPRIÉTÉS DU TEXTE •
•
•
• •
text-decoration : Décoration du texte • none : aucun • underline : souligné text-transform : Transformation du texte • none • capitalize : Majuscule du premier caractère de chaque mot • uppercase : Majuscules • lowercase : Minusculles text-align : Alignement horizontal du texte • left • right • center • justify text-indent : Indentation de la première ligne du texte (peut être négatif ?) • Longueur line-height : Hauteur de la ligne de base • normal • (nombre) Multiplie ce nombre par la taille de la police • Longueur
PROPRIÉTÉS SPÉCIFIQUES •
display : Mode d'affichage des blocs • bloc : en tant que bloc (une ligne est passée avant et après le bloc) • inline : en ligne • list-item : en tant que ligne de liste • none : Ne pas afficher le bloc et ses enfants
list-style : <list-style-type> || <list-style-position> || <url> : Type de puce L'URL sert à définir la propriété list-style-image. •
•
list-style-type : Type de puce ou de numérotation des listes (s'applique à ul, ol et li, et éléments avec display: list-item) • disc : un disque plein • circle un cercle (creu) • square : un carré plein • decimal : 1 2 3 4 ... • lower-roman : i ii iii iv ... • upper-roman : I II III IV ... • lower-alpha : a b c d ... • upper-alpha : A B C D ... • none list-style-image : Image à la place d'une puce (s'applique à ul, ol et li, et éléments avec display: list-item) • URL • none
Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34
•
list-style-position : Position de la puce (s'applique à ul, ol et li, et éléments avec display: listitem) • inside : la puce est à l'intérieur, alignée avec le texte (et donc la première ligne est décallée à droite) • outside : la puce est à l'extérieur, le texte est lui aligné
UNITÉS LONGUEURS ET POURCENTAGES
Préférez des unités relatives, car elles peuvent être adaptées au visisteur (mal voyant ou pas) et au périphérique (écran ou imprimé), et banissez les unités absolues (sauf si les relations sont directements définies pour un seul périphérique, par exemple). Ces valeurs peuvent être positives comme négatives (+/-), la valeur 0 ne requérant pas de spécifier d'unité. •
•
•
Unités de longeur relatives • em : hauteur de la police de caractère (ou de celle de la balise parente, lors de définition de cette même taille) • px : taille d'un pixel (différent à l'écran et sur papier... mais calculés pour être dans les proportions) Unités de longeur absolues • cm : centimètres (1 cm = 10 mm) • mm : millimètres • pt : points (1 pt = 1/72 in) Le pourcentage : Pourcentage de la longueur de l'élément parent
COULEURS
Il existe déjà 16 couleurs prédéfinies : aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, et yellow. Sinon, on utilise les codes couleurs :#FFFFFF (blanc), #000000 (noir)... URLS
Une URL (adresse WEB) est définie par url(l_adresse). L'adresse peut être entre guillemets simples ('') ou doubles (""). Les parenthèses, virgules, espaces et guillemets dans l'adresse doivent être échappés avec un antislash (\, pour une virgule, \" pour un guillement). Si une adresse relative est donnée, elle est relative à la feuille de style (le fichier .css) et non à la page WEB (.html) ! (Sources : http://slaout.linux62.org/html_css/doc_css.html)
Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34
http://www.ilovejackdaniels.com/css_cheat_sheet.pdf
Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34
RESSOURCES Les outils : Wikini et extensions • • • • • • •
Site officiel de Wikini : http://wikini.net/ Gestionnaire d'extension : http://david.delon.free.fr/wk/download/wextension_base.tar.gz AntisSpam : http://www.site-coop.org/wikiplug/plugin-hashcash-0.1.pkg.gz Extension point image : http://www.site-coop.org/wikiplug/plugin-pointimagewiki-0.1.pkg.gz Calendrier Google : http://www.google.com/calendar Zeemaps (carto google) : http://www.zeemaps.com/ Protecteur de répertoire par mot de passe : http://outils-reseaux.org/utilitaire/protecteur.php.gz (télécharger, décompresser et installer par FTP dans le répertoire, puis l'ouvrir: http://monadressedewiki/protecteur.php)
Les cours Outils-Réseaux – Illustrations FTP : http://outils-reseaux.org/wikini/ContenusFormations/wakka.php?wiki=FtP – Installation de Wikini : http://outils-reseaux.org/wikini/ContenusFormations/wakka.php?wiki=TT7 – illustrations CSS et html http://outils-reseaux.org/wikini/ContenusFormations/wakka.php?wiki=SqueletteCss/slide_show – Modifier l'apparence d'un Wikini : http://outils-reseaux.org/wikini/ContenusFormations/wakka.php?wiki=HabillageWikini Codes couleurs http://www.espace2001.com/espace/couleurs.php Personaliser le graphisme d'un Wikini http://www.wikini.net/wakka.php?wiki=CommentPersonnaliserGraphiquementWikiNiEn10Minutes Techniques CSS http://pompage.net/pompe/cssdezero-1/ Aide-mémoire CSS http://slaout.linux62.org/html_css/doc_css.html http://www.ilovejackdaniels.com/css_cheat_sheet.pdf Extensions sur Firefox • https://addons.mozilla.org/fr/firefox/addon/2897 : la barre d'outils "Web Developer", pour éditer /prévisualiser les modifications de feuilles de style en css • https://addons.mozilla.org/fr/firefox/addon/271 : la pipette color zilla, pour récupérer un code couleur dans une page
Association TELA BOTANICA Institut de botanique - 163, rue Auguste Broussonnet – 3 4 0 9 0 mel : accueil@outils-reseaux.org
M o n t p e l l i e r
Association Loi 1901 – Siret 428 898 951 00028 - n° prestataire de formation : 91-34-05694-34