Créer un site Web : mode d`emploi à l`usage des néophytes…
Contents
1. Mom Taille Type Modifi Droits a 11e config Dossier de fichiers 13 09 2008 15 30 04 config Dossier de 25 10 2008 141 druxr x Ci dist Dossier de fichiers 13 09 2008 15 30 04 C dist Dossier de 25 10 2008 141 drwxr x ecrire Dossier de fichiers 13 09 2008 15 30 06 ecrire Dossier de 25 10 2008 141 dewxr Gms Dossier de fichiers 13 09 2008 15 30 06 Gma Dossier de 25 10 2008 14 1 dewxr x local Dossier de fichiers 13 09 2008 15 30 04 Ilocal Dossier de 25 10 2008 14 1 drwxr x Finn Pnssier de Fichiers daingin manne l xls matt ajouter ecrire la suite de l adresse du site Fichier Edition Affichage Favoris Outils C9 Pr c dente hi gt a A J Recherch Adresse 2 http Man cla pergaud maur pas ac wersailles Fry Etape 7 param trer le site Choisir la langue fran ais anne cecile franc crdp ac versailles fr Premi re tape Votre connexion MySQL Consultez les mformations fourmes par votre h bergeur vous devez y trouver a votre h bergeur supporte MySQL les codes de connexion au serveur MySQL F Adresse de la base de donn es Souvent cette adresse correspond cele de votre site parteis elle correspond la mention localhosts parfois elle est laiss e totalement vide localhost Le logm de connexion Correspond parfois votre loam d acc s au FTE parteis lass wide clg pergaud maur Le mot de passe de connexion2. dans l acad mie de Versaille Mission TICE acad mie de Versailles 7 nov 2008 Cr er un site Web mode d emploi Sous SPIP avec le squelette tablissement de l acad mie de Versailles Anne C cile Franc Mission TICE acad mie de Versailles anne cecile franc crdp ac versailles fr Etape 1 t l charger SPIP sur l ordinateur version 1 9 2 Aller sur le site SPIP http www spip net fr http www spip net fr download T l charger SPIP Juillet 2001 maj 11 ao t Toutes les versions de cet article be ca Es de en es Es ar Bt Ga ec il El rl fa Eu SPIP 1 9 2e Une fois le fichier zip ci apr s t l charg sur votre ordinateur vous devrez le d compresser puis installer l ensemble par FTP sur votre site Etape 2 t l charger SPIP Fichier ZIP T l chargement de fichier Voulez ous ouvrir o enregistrer ce fichier 2 Nom sSpip aip Type Archive WinRAR ZIP 2 96 Mo Source MW Spip net Cuwrir Enregistrer Annuler Toujours demander avant d ouvrir ce type de chier Si les fichiers t l charg s depuis Internet sont utiles certains fichiers Peuvent pr senter des risques pour votre ordinateur M ouvrez pas ou enregistrez pas ce fichier si vous n tes pas s r de son origine Quels sont les ques anne cecile franc crdp ac versailles fr T l chargement termin Enregistr Spip zip de wa spip net
3. Correspond parfois votre mot de passe pour le FTE parfois laiss vide Suluant gt H te de la base de donn es localhost kome _ 3250 MD 2e Choisir base de donn es Rentrer les infos personnelles OL AARS WOLdE DEL AR nr de anne cecile franc crdp ac versailles fr Installation du syst me de publication Deuxi me tape Essai de connexion la base La connexion a r ussi Vous pouvez passer l tape suivante Suivant gt gt Installation du syst me de publication Troisi me tape Choix de votre base m Choisissez votre base Le serveur MySQL contient plusieurs bases de donn es cle perzaud rmaur C information schema ou Cr er une nouvelle base de donn es S lectionnez ci apr s celle qu vous a t attribu e par votre h bergeur Suivant gt gt Installation du syst me de publication Quatri me tape Cr ation des tables de la base La structure de votre base de donn es est mstall e Vous pouvez passer l tape suivante Suivant gt 35 anne cecile franc crdp ac versailles fr Votre identit publique Sinature Votre norm ou votre pseudo Anne C cil e Franc Votre adresse email ac franc vyahoo fr Vos identifiants de connexion Votre logm Plus de 5 caract res ac franc Votre
4. T l charg 2 96 Moen iis T l charger vers C Documents and Se ttin spip zip Taux de transfert 276 Kolsec Fermer cette bo te de dialogue la fin du t l chargement Ouri Ouvrir le dossier Fermer Chemin et options pour l extraction G n ral Chemin de destination s il n existe pas il sera cr Afficher C Documents and Settings MB Mes documents CFS PIPpergaud spip w Mode mize jour Ei Bureau Estraire remplacer fichiers H E Mes documents Estraire mettre jour fichiers B r4 Poste de travail Mettre jour existants uniquement T Disque local L a i 1 Lecteur DYD A w D Mode r criture mes UDISK 2 0 E E E Documents partag s s Documents de ME nE 4 Mes dossiers de partage Ignorer les fichiers existants amp a seau O Renommer automatiquement 0 CaptE cran E E Open ffice org 2 4 Language Pack Fran Demander avant de remplacer O Remplacer sans demander Divers Estraire archives dans sous dossiers Conserver les fichiers alt r s Afficher les fichiers dans l explorateur Enregistrer la contiquration http www spip net fr rubriquel51 html tout d compresser Il y a alors 7 r pertoires Config Ecrire Local Tmp Dist Img Oo anne cecile franc crdp ac versailles fr config ecrire local tmp htaccess Document texte 4 Ko index php Fichier PHP Ko 5 5 E E E rien atea Ima
5. achev e Site local E paperboards Site distant Bureau y j A Mes documents EM Poste de travail E C Se E UDISK 2 0 E E Spotlight 100 E e Temporaryltems Ei Trashes v suivre le mode emploi installation manuelle dans l article installer SPIP http www spip net fr_article402 html Installation manuelle Sch ma gt gt base de fichiers r pertoire donn es r Site a http rezo net spip dew DISTRIB fichier Spip zip ou spip tar gz ou Spip Sit 1 R cup rer le fichier compact de SPIP ftp wa monsite com dossier SPIP 2 Installer les fichiers du dossier SPIP sur votre serveur 3 Configuration assist e ee par une interface Web s WEB EE me http www monsite com ecrire mg gt shem J a au I anne cecile franc crdp ac versailles fr F pergaud abrandao ronsar d ac versailles fr FileZilla Fichier Affichage Transfert Serveur Aide Midea ASO R Utilisateur En Mot de passe D Part EE Connexion rapide _ Statut Lecture du contenu du r pertoire achev e Statut D connect du serveur Statut D connect du serveur C Documents and Se ttings MEM s documents ACF SPIPpergaudispipi E Mes documents EE en ACF H Activstudios 1 logiciels E SPIPpergaud amp 0 spip E JE Activstudioz i CaptEcran Site local Mom Taille Type Modifi
6. mot de passe Plus de 5 caract res Confumer ce nouveau mot de passe Sulvant gt Installation du syst me de publication Derni re tape C est termin N oubliez pas vos propres codes d acces Vous pouvez mantenant commencer utiliser le syst me de publication assist e Sulvant gt anne cecile franc crdp ac versailles fr Etape 8 effectuer les premiers r glages dans l espace priv Mon site SPIP acc s l espace priv fran ais ig Identifiants personnels Login ac franc se connecter sous un autre identifiant Mot de passe lsssssss Rester identifi quelques jours valider mot de passe oubli retour au site public WE i W 4j Faal suivre dition Forum Auteurs Statistiques Configuration Aide Visiter ARIA ble eA E EE francais E J ANNE C CILE FRANC Supprimer le cookie de E correspondance TI Mon site SPIP Auteurs dministrateurs 1 SPIP 1 9 2e 12624 est un logiciel libre distribu sous licence GPL Four plus d informations voir le site httpiii www spip neti tr Basculer en interface compl te ic ne cliquer Cr er une ou plusieurs rubriques Un premier article Cr er des comptes d auteur par exemple initiales nom attribuer un code qui pourra tre personnalis par chaque auteur ensuite anne cecile franc crdp ac versailles fr Configurer le site Cr er un logo ins rer a
7. php i HTML Document y HTML Document H HTML Document Fichier PHF Ko lt EF0 3 KO 2 Ko 4 mentions d plan puce recherche 7 HTML Document H HTML Document mn xli HTML Document 6ko 4ko Image GIF 4ko A rubrique A site F sites sommaire F HTML Document i HTML Document HTML Document HTML Document Ko 4 Ko 3 KO KO _ spip_admin spip_style win width Document de Feuille de style e Document de feuille de style e Fichier HTZ 3ko 4 Ko 1 Ko Transf rer le squelette via FTP Pour faire des tests renommer l ancien squelette anne cecile franc crdp ac versailles fr Transf rer via FTP le nouveau squelette ex celui de Brest la racine du site puis le renommer en squelettes Etape 10 t l charger ou mettre jour les plugins Article qui explique comment installer les plugins www spip net fr_article3396 html documentation www spip contrib net Plugin Cr er un r pertoire plugins dist A ecrire LA IMG local LA oo plugins squelettes T l charger sur internet plusieurs plugins t l charger http files spip org spip zone Agenda eva_mentions lecteur multimedia splickbox thickbox widget calendar couteau suisse Name Last modified Size Description ps Parent Directory Le agenda 1 9 4 gp s0 yg 400s 11 35 s0E Lu Lecteur_multimedia zip 16 0ct 2008 031 242K l couteau suisse zip 22 Nov 2008 03 31 367K i sphckrbox zap 50 ug 2008 1
8. 1 35 8 5K Mu tuckboxe zip 50 Aug 20 08 11 56 20K Y widget calendar 1 9 zip 5l ug 4008 20 51 53E ces plugins sont compatibles avec crayon Lu Crayons Zip 31 Aug 2008 06 31 119K et l adresse suivante DEERE SYKANTE http eva web edres74 net spip php rubrique8 anne cecile franc crdp ac versailles fr Les transf rer via FTP dans le dossier plugins Activer les Gestion des plugins plugins Liste des plugins Cette page liste les plugins disponibles sur le site Vous pouvez activer les plugins n cessaires en cochant la case correspondante vplugins ka e e e le ele i D Videz le cache Maintenance technique 5 Vider le cache Utilisez cette commande afin de supprimer tous les fichiers pr sents dans le cache SPIP Cela permet par exemple de forcer un recalcul de toutes les pages si vous avez fait des modifications importantes de graphisme ou de structure du site Si vous voulez recalculer une seule page passez plut t par l espace public et utilisez y le bouton recalculer La taille du cache est actuellement de 19 6 ko SPIP essaie de limiter la taille du r pertoire du cache de ce site environ 10 Mo de donn es Ce param tre est modifiable par le webmestre du site Yider le cache Les Images calcul es automatiquement par SPIP lvignettes des documents titres pr sent s sous forme graphique fonctions math matiques au format Tex occupent dans le r pertoire local
9. Etape 5 ouverture du site vide puis fermer le navigateur et le rouvrir anne cecile franc crdp ac versailles fr L espace qui s ouvre est encore vide Il faut transf rer SPIP puis un squelette compatible puis les plugins n cessaires Etape 6 transfert de SPIP via FTP Ouvrir filezilla Ouvrir gestionnaire de site 1 bouton fz FileZilla ditior ME Nommer le site Rentrer hote ftp mutualise ac versailles fr serveur ftp type d authentification normale OL 2 notez vos codes ici DO LL connexion Gestionnaire de Sites S lectionner une entr e le Mes Sites g FTPmediapoles H te ronsard ac versailes Fr a 3 pergaud me g plaine _de_neauphle l testsite G n ral Avanc Param tres de transfert Jeu de caract res Type de serveur FTF File Transfer Protocol Type d authentification Mormale Utilisateur abrandao Mot de passe Compte Commentaires Connexion Annuler Transf rer tout le dossier SPIP vierge SOIT la racine pour un tablissement dans un dossier pour le test cr er un dossier test_ SPIP anne cecile franc crdp ac versailles fr fz pergaud abrandao ronsard ac versailles fr FileZilla Fichier Edition Affichage Transfert Serveur Alde e mirean oR 4E a S T S e R ponse 226 Transfer complete F ponse 226 Quotas off Statut Lecture du contenu du r pertoire
10. c versailes_transpar crdp deplierbas deplierhaut favicon feed logo crdp o 2 spip STce q rond spip tice puce Modifier la couleur des images en local gr ce un logiciel de dessin photofiltre par exemple en conservant le format d origine du fichier puis craser les anciens fichiers du site via FTP Il y a trois codes couleur dans les pages de code du fichier etablissement css Etape 12 Personnaliser le bandeau Cr ez un fichier image que vous intitulerez siteon0 et que vous placerez via FTP dans le dossier IMG Il s agira d un logo allong contenant le nom de l tablissement et ses coordonn es Il respectera les couleurs du site Il aura un format png a D FA config LA dist FA ecrire H IMG La local 4 oo J FL plugins KL squelettes Momo Taille T pe Modifi Droits F Ba ipg Dofsier de 2610 2008 13 1 druxr xr x dr E remove Ext 50 Do mentt z5 10 2008 23 Fw r t dr S siteono 39 622 Image PNG anne cecile franc crdp ac versailles fr Pour tout supprimer Vider l ensemble du dossier SPIP du site via FTP Ou de pr f rence aller dans la base de donn es http phpmyadmin ac versailles fr Connexion phpmyadmin ac versailles fr fx Le serveur phpmyadmin ac versailes fr l adresse phpMyAdmin sur le serveur localhost 33 requiert un nom d utilisateur et un mot de passe Avertissement ce serveur requiert que votre nom d utilisateu
11. ge GIF sY revision Fichier REVISION ko _ P pa win _png Fichier HTZ 1 Ko dist IMa j0 COPYING Document texte 15 Ko inc public Fichier PHP3 1 ko INSTALL Document texte 1 Ko spip php Fichier PHF 2 Ko UFGRADE Document texte 2 ko Le dossier IMG contient tous les documents que les r dacteurs vont mettre au fur et mesure il convient de le sauvegarder de temps en temps sur une machine ou sur le r seau car il contient des donn es importantes pour le site Le dossier Ecrire est le c ur du SPIP Le dossier Dist contient le squelette de base ne pas modifier Le dossier TMP peut tre vid notamment quand le site ne fonctionne pas c est ici que l on peut charger les plus gros fichiers via FTP dans le dossier UPLOAD Etape 3 demander cr er un h bergement R cup rer les codes d acc s et les communiquer aux webmasters L adresse type sera www cls nomducollege ville ac versailles fr www clo nomdulycee ville ac versailles fr Faire signer la charte d h bergement par le chef d tablissement Etape 4 attendre l activation du site Ou aller dans les dossiers cach s de windows utilisateurs exp riment s Option des dossiers afficher dossiers cach s d cocher masquer les fichiers prot g s du syst me d exploitation ouvtir C windows system32 drivers etc hosts cr er une nouvelle ligne 195 221 98 71 espace adressedusite
12. ndic spip ortho cache spip ortho dico sf spip referers articles spip rubriques spip signatures spip types documents spip versions spip versions fragme i NS Confirmer la suppression anne cecile franc crdp ac versailles fr
13. primer V 19 D D D D D D D D D D D D D D D D D D D h Ch K h K QU 0 00 0 0 0 0 0 O 0 spip_meta spip_mots spip_evenements Afficher S lectionner Ins rer Propri t s Supprimer V Lea spip_forum Afficher S lectionner Ins rer Propri t s Supprimer V gs soin arounes mots Afficher S lertinnner Ins rer Pranri t s Srnnrimer V spip_syndic Afficher S lectionner Ins rer Propri t s Supprimer V spip_syndic_articles Afficher S lectionner Ins rer Propri t s Supprimer V spip_types_ documents Afficher S lectionner Ins rer Propri t s Supprimer V spip_versions Afficher S lectionner Ins rer Propri t s Supprimer V spip_versions_ fragments Afficher S lectionner Ins rer Propri t s Supprimer V spip_visites Afficher S lectionner Ins rer Propri t s Supprimer V spip_visites_articles Afficher S lectionner Ins rer Propri t s Supprimer V 40 table s Somme i Tout cocher Tout d cocher Pour la s lectior Tout cocher Tout supprimer Base de donn es anne cecile fra1 sur le serveur localhost Exporter Voulez vous vraiment effectuer DROP TABLE spip articles spip auteurs spip auteurs art spip auteurs rubriques spip breves spip caches spip spip documents breves spip documents rubriques spip eve spip index spip index dico spip messages spip meta spip mots breves spip mots documents spip mots evenemer spip mots sy
14. r et votre mot de passe soient envoy s de Fa on non s curis e authentification de base sans connexion s curis e Mom d utilisateur Les codes sont ceux de la Mot de passe base de donn es _ M moriser mon mot de passe anne cecile franc crdp ac versailles fr A an Base de donn es anne cecile fra1 sur le serveur localhost Accueil anne cecile fra A spip_articles Structure Exporter spip_auteurs Table Action gere spip_articles Afficher S lectionner Ins rer Propri t s Supprimer V spip_auteurs_ru spip_auteurs Afficher S lectionner Ins rer Propri t s Supprimer V spip_breves spip_auteurs_articles Afficher S lectionner Ins rer Propri t s Supprimer V spip_caches 5 EERS Es z spip_documents spip_auteurs_messages Afficher S lectionner Ins rer Propri t s Supprimer V spip_documents spip_auteurs_rubriques Afficher S lectionner Ins rer Propri t s Supprimer V arm spip_breves Afficher S lectionner Ins rer Propri t s Supprimer V spip_evenement spip_caches Afficher S lectionner Ins rer Propri t s Supprimer V spip_forum spip_documents Afficher S lectionner Ins rer Propri t s Supprimer V spip_groupes_m spip_index spip_index_ dico spip_messages spip_documents_articles Afficher S lectionner Ins rer Propri t s Supprimer V spip_documents_breves Afficher S lectionner Ins rer Propri t s Supprimer V spip_documents_rubriques Afficher S lectionner Ins rer Propri t s Sup
15. rechercher le code du gris par exemple puis le remplacer automatiquement par le nouveau code de la couleur d sir e Ecraser ensuite le fichier du site avec le nouveau fichier obtenu etablissement css en le transf rant via FTP son emplacement dans le dossier squelettes image Deuxi me possibilit vous pouvez utiliser extension suivante de firefox Webdeveloper http joliclic free fr mozilla webdeveloper D sactiver A Cookies C557 E Form Images Information Divers s Entourer 5 Redimensionner g Outils b Voir Source P Options x 3 Page de d marrage Mozilla Firefox CSS http www google fr firefo EX jas CSS ht p www google fr firefox clie t firefox a amp ris org mozilla fr official Styles incorpbr s dans http www google frifirefox client firefoxh amp rls org mozilla fr official body td a p h Sont family arial sans serif body color 333 margin 3px WSpx Zem background fff urli images firefox gradsprite png 0 95p Fen tre active feuille de style de la page active L int r t de ce proc d est que les modifications s effectuent en direct et il n est plus n cessaire de passer en FTP Par contre il vaut mieux ma triser le proc d si vous choisissez ce type de modification gt Les images Dans squelette personnalisez le dossier images anne cecile franc crdp ac versailles fr Fd wE f ia a
16. u squelette Etape 9 t l charger un squelette Choisir un squelette t l charger Voici le squelette tablissement propos sur le site TICE de lPacad mie de Versailles http www tice ac versailles fr Sauelette etablissement html Fichier Edition Affichage Favoris Outils F pepee z 1 r O Pr c dente gt E Rechercher sk Adresse E http fan tice ac versailles fr Squel tte etablissement html Installation du squelette T l chargez le squelette ETT webetab r vision 23 Mais vous pouvez trouver d autres squelettes qui fonctionnent avec SPIP http www spip contrib net Squelettes complets voir par exemple sarcaspip ou evaweb t l charger le squelette extraire les fichiers sur l ordinateur et les transf rer dans le dossier squelettes sur l ordinateur C2 docs C2 formulaires C2 images C2 javascript 404 agenda modeles psd y HTML Document Document de Feuille de s 2 KO 5 KO g agenda F agenda_jour agenda_mois agenda_periode F HTML Document id HTML Document 5 HTML Document HTML Document 2ko 3ko 1 Ko 1 Ko agenda_semaine agendapublic article auteur 7 HTML Document Document de feuille de style e 4 HTML Document HTML Document 1 Ko ko 7 ko 3ko z breve capture _arccueil etablissement inc entete 7 HTML Document ki De x 930 Document de feuille de style e HTML Document 3ko Image JPEG 13 ko 2 Ko inc head inc pied inc tubriques local_fr
17. un total de 80 octets Etape 11 Personnaliser le squelette anne cecile franc crdp ac versailles fr gt Les couleurs Commencer en local dans le dossier squelettes Vous modifierez d abord le fichier de la feuille de style qui se trouve sur votre ordinateur puis vous transf rerez le fichier modifi via FTP sur le serveur Chercher les couleurs et les styles dans feuilles de style Ouvrir le fichier etablissement CSS avec le logiciel notepad2 Trois langages feuilles de style javascript et html visibles dans le code source de la page entre les balises lt lt head et head gt gt Changer les codes couleur des lignes background et color notamment Il y a trois codes couleur dans les pages de code du fichier etablissement css Pour choisir un code couleur ouvrir adobe photoshop par exemple choisir une couleur et le code s affiche Ou passer par outil colorzilla plugin de firefox pour avoir le code couleur Vous pouvez galement utiliser ce site qui propose le code couleur en direct http www code couleut com Un code couleur se pr sente sous la forme chiffres et lettres Indiquez dans l espace reserve votre num ro de cod couleur et voyez imm distement le r sultat Un outi simple et efficace facile d utilisstion qui vous H CCCCCC cermettrs de choisir rapidement les couleurs qui conviennent 8 vos projets Avec notepad utiliser la commande
Download Pdf Manuals
Related Search