La gestion des documents contenus sur le site

Transcription

1 La gestion des documents contenus sur le site

2 Accès au site FTP de Connie Kaldor Vous accédez aux dossiers contenus sur le site à l aide d un logiciel de transfert FTP. Cyberduck, Transmit, Fetch, etc. Voici l adresse FTP du site Serveur : ftp.conniekaldor.com User Name : conniek Password : p86uu94mr5 Note : ne changez pas le mot de passe sur votre site de gestion, car la base de données cessera de fonctionner. Les documents sur votre serveur Les documents à éditer sont situés dans le dossier www/data admin rodlak09 page 2

3 Dossier DATA Le dossier DATA contient tous les documents Photo, MP3, PDF. Les dossiers MP3 : contiens tous les fichiers MP3 Note : les MP3 doivent être ajustés à khz pour bien jouer sur internet. 128 kbps est une bonne qualité pour le Web. MP3kids : contiens tous les fichiers MP3 reliés aux albums pour enfants de Connie Ph_Album : contiens tous les fichiers.jpg des albums de Connie. Ils mesurent 140 px X 140 px à 72 dpi et sont sauver Save for Web and Devices en JPEG avec une qualité maximum. Ph_Connie : contiens tous les fichiers.jpg des photos de Connie. Ph_General : contiens tous les fichiers.jpg des photos. La plupart des photos mesurent 550 px X 250 px à 72 dpi et sont sauver Save for Web and Devices en JPEG avec une qualité maximum. Pour que le site garde son homogénéité je vous suggère de vous en tenir à ce format. Photos : contiens des fichiers.jpg des photos inclassables (c est un fourre-tout). PresseKit : contiens des fichiers.jpg des photos de presse et les partitions. La particularité de ce dossier est de contenir deux dossiers photo jumelés. Une image pour afficher sur le site et une image haute Résolution a téléchargé. Exemple : dans la section Contacts & info menu Photos, ont affiche la photo sm1_conniekaldor.jpg à 200 x 297 px sur le site, mais cette photo est relié à la photo ph1_conniekaldor.jpg à 1920 x 2850 px qui sera télécharger. Même principe pour les documents PDF. TX.album : contiens des fichiers PDF des textes de chansons à télécharger. page 3

4 La gestion du site et du contenu du site

5 Première étape Accès au site via Firefox, Safari, Explorer ou tout autre fureteurs. Lorsqu on utilise l adresse suivante : nous accédons au site comme visiteur. Pour gérer le site et ajouter du contenu, il faut s inscrire comme administrateur en entrant l adresse suivante : Deuxième étape Entrer le nom d utilisateur : admin Entrer le mot de passe : rodlak09 (indice rodlak = kaldor inversé et l année 09) admin rodlak09 page 5

6 La gestion du contenu Dashboard La première page du panneau de gestion est se nommes Dashboard. De ce panneau vous pouvez gérer l ensemble des éléments contenu dans le site. Posts : petites nouvelles qui s affichent sur la page Home Media : photo, musique qui est contenue dans le site. Pour le site de Connie nous utilisons une autre méthode pour télécharger les médias, mais vous pourriez utiliser ce menu Link : une liste de lien reliée au site. Exemple est le lien officiel de Wordpress, le programme utilisé pour gérer le site. Pages : Toutes les pages contenues dans le site Comments : contiens l ensemble des commentaires que les visiteurs vous envoient. Appearence : Gestion de l apparence du site (vous n avez pas à gérer l apparence puisque j ai déjà ajusté les paramètres du site) Plugins : Toute la gestion des «plugins» est réalisée à partir de ce menu Exemple : Sociable est un plugin qui permet d ajouter des liens vers votre site. La gestion de la liste s effectue via ce menu. Users : Panneau de configurations de l utilisateur. C est à cet en droit que vous pouvez changer votre mot de passe et les renseignement qui vous concernent. Tools : Une série d outils complémentaires à votre site, exemple «XSPF Player» est le module qui gère vos listes MP3 (voir page Postcards from the road ) Settings : Gestions des paramètres généraux du site page 6

7 Gestion des pages 90 % des opérations de mise à jour du site seront réalisés à partir de ce menu. Le menu Pages vous donne accès à la gestion de l ensemble des pages contenu dans le site. Pour éditer une page cliquée sur Edit. Exemple Relax Edit Quick Edit Delete View Remarque Chaque page de votre site possède sa propre adresse URL. L adresse URL de la page s affiche dans la fenêtre d adresse de votre fureteur. L adresse URL de Relax est Si vous désirez envoyer un lien direct à cette page, il vous suffit d envoyer ce lien. La gestion du contenu des pages La gestion du contenu des pages s effectue de deux façons. Visual et HTML Visual En sélectionnant cette méthode, vous gérez le contenu de la page comme si vous utilisiez un logiciel de mise en page tel que Word. La fenêtre principale contient votre texte et le menu vous permet d ajouter les styles et les images à votre texte. page 7

8 La gestion du contenu des pages (suite) La gestion du contenu des pages en HTML HTML En sélectionnant cette méthode, vous gérez le contenu de la page en format HTML. Même si cette approche semble plus ardue, elle offre beaucoup d avantages et est essentielle à la mise en place de certaines fonctions. Vous alternerez donc entre les deux modes d édition lors des mises à jour. Remarque Lorsque vous passez du mode HTML au mode Visuel, il y a de fortes chances que vous perdiez les signes <BR> (signe HTML pour retour à la ligne). Il est donc conseillé de faire une première mise en place des éléments en mode Visuel et de finir de peaufiner les détails en mode HTML. page 8

9 La gestion d une page déjà existante

10 Les Menus Titre de la page Adresse URL de la page Changer l URL de la page Voir la page Voir les modifications Menu pour insérer des éléments Photo, Vidéo, Audio et Média (Flash) Menu des styles Boîte de textes et photos Status : États de la page Visibilité Date de publication Update Lien de la page Cette page est reliée à Contact & info et sera donc affichée dans cette section Options Commentaires et Pings Sociable Ordre d apparition de la page S il y a plusieurs pages dans une section, la page 0 est la première, la page 1 la deuxième et ainsi de suite. Agrandir la boîte de texte page 10

11 Changer le style d un paragraphe Premièrement, s assurer que le paragraphe est bien séparé du paragraphe qui le suit. Sinon le style sera appliqué aux deux blocs de texte. Si vous importez du nouveau texte, enlever tous les formats Word. Une façon simple de ce débarasser des styles qui pourraient être attachés à un texte est de le copier de Word à Notepad (PC) ou TextEdit (Mac) et de choisir l option Make Plain Text. Deuxièmement, sélectionner le paragraphe et choisir un style dans le menu déroulant. page 11

12 Changer la couleur d un paragraphe ou d une partie de texte Sélectionner une des 4 premières couleurs dans la palette de couleur. J ai programmé la palette de couleur pour afficher les couleurs utilisées sur votre site en priorité. Vous pourriez utiliser les autres couleurs, mais l apparence générale du site s en ressentira. Changer une image ou le texte invisible qui la décrit Cliquer sur l image et deux petites icônes apparaissent. Le premier est pour éditer la photo le deuxième pour l éliminer. Cliquer donc sur la première icône pour accéder au menu d édition de l image. admin rodlak09 page 12

13 Changer une image ou le texte invisible qui l a décrit (suite) Edit Image Le premier menu vous donne la possibilité de changer la taille de l image et son alignement. Remarque Il est préférable de préparer ces photos dans Photoshop à la bonne taille. Tout changement de format résultera en une perte de qualité visible sur le site. Il est donc conseillé de placer les photos à 100 % de leurs formats. Les grosses photos ont 550 px X 250 px à 72 dpi. Advanced Settings Le deuxième menu vous donne aussi la possibilité de changer la taille de l image et son alignement, mais surtout d importer une nouvelle image en changeant son adresse URL dans Source. Sur le serveur toutes les images et les ressources MP3 ont été déposées dans www sous dossiers dans le dossier principale DATA. Pour changer l image, changez l URL ou plutôt la fin de l adresse URL. Exemple Edit Alternete (important) Entrer ici le texte qui sera lu par les logiciels d assistance au non-voyant. Il s agit de décrire l image. page 13

14 Formater le texte dans un paragraphe À l aide du menu de style pour pouvez mettre un mot, une phrase ou un paragraphe complet en Gras, Italique, Sous lignés ou ajouter un hyperlien sur un mot. Étape finale Update page Sélectionner Update Page pour sauver les changements. Pour vérifier que tous les changements à une page s affichent correctement, utiliser deux fureteurs. Un des fureteurs demeurera en mode administrateur et l autre en mode visiteur Donc, pour résumer, une fenêtre ouverte dans Explorer mode administrateur et une autre ouverte dans Firefox en mode visiteur. page 14

15 Créer une nouvelle page Dans le menu Pages sélectionnez Add New Lorsque la page est créée, choisir où se retrouvera cette page. Pour ce faire choisir dans le menu Attributes sous quels menus ou sous-menus la page se retrouvera. Exemple si vous sélectionnez Kids Music La page se retrouvera sous le menu Kids dans le sous-menu Kids Music page 15

16 Création des extraits MP3 et mise en place du lecteur MP3

17 Les Menus Nombre de pages Catégories Titre des albums Liste des extraits MP3 Gestion du lecteur XSPF Players Lien URL des extraits MP3 Non de l artiste Titre de la chanson Lien URL de la pochette Lien URL vers le site de l artiste. Dans votre cas ça ne s applique pas. Cocher pour associer l extrait à un album Ajouter un extrait page 17

18 Gérer les «Playlists» MP3 Dans le menu de gauche, sélectionner XSPF Player dans le menu Tools. Vous pouvez à ce niveau voir la liste complète des MP3. Il faut toujours associer l extrait MP3 à une catégorie (album) car c est le nom de la catégorie (album) qu on affiche dans une page. Cliquer sur Edit categories pour voir la liste des catégories (albums) Gérer les Catégories (Albums) admin rodlak09 Dans la liste des catégories ont gèrent principalement : Id Name : le nom de la catégorie Order : l ordre d apparition des chansons dans la catégorie Shuffle et Autostart : pour le site de Connie, j ai décoché Shuffle et coché Autostart. De cette façon lorqu on arrive sur la page qui contient le lecteur MP3 le premier extrait joue automatiquement. page 18

19 Gérer les Catégories (Albums) suite lorsqu on clic sur Order on accède au menu qui nous permet d ordonner les chansons. À droite se trouvent la liste des chansons et dans le tableau principal l ordre des chansons. Si vous indiquez 25, 23, 24 Laudry Bag sera le premier extrait afficher dans la liste suivi de If you love... et finalement, A duck. Les chiffres doivent obligatoirement suivis d une virgule et d un espace. Pour éditer ou ajouter un extrait MP3 Entrer le lien URL de l extrait MP3 Entrer le nom de l artiste et le titre de la chanson Entrer le lien URL de la photo.jpg situé sur le site Associer l extrait à l album en cochant la case devant le nom dans Track Categories Si toutes les informations ont bien été entrées, l extrait sera visible dans la liste et le visuel de l album sera visible. La plupart des erreurs se produisent lorsque vous entrer l adresse URL ne fonctionnera pas, car vous avez oublié d indiquer dans quel dossier l extrait est placé. page 19

20 Pour mettre en place le player MP3 dans une page Entrer le simplement ce code en mode édition HTML [xspf]_start(sky)[/xspf] Sky entre parenthèses est le nom de votre catégorie (album) Pour afficher les MP3 contenus dans l album Postcards from the Road entrer : [xspf]_start(postcards)[/xspf] Les trois extraits MP3 contenus dans l album Postcards seront automatiquement affichés dans la page. RÉSULTAT admin rodlak09 page 20

21 Mise en place du lecteur MP3 pour un extrait

22 Pour insérer un extrait MP3 unique Pour insérer un extrait MP3 unique dans une page, il faut entrer le code suivant en mode HTML : [dewplayer: La partie qui change selon l extrait est l adresse URL du MP3 [dewplayer: RÉSULTAT admin rodlak09 page 22