Créer votre Site Internet

Transcription

1 Créer votre Site Internet 1. Présentation et déroulement du stage 2. Définition du contenu 3. Choix du nom de domaine 4. Choix de l'hébergeur 5. Installation de Joomla 6. Paramétrage de Joomla 7. Création du contenu (textes et images) 8. Installation de nouvelles fonctionnalités 9. Paramétrage des nouvelles fonctionnalités 10. Ajouter des "modules" statiques et dynamique 11. Sauvegarder votre site / Référencement

2 Première Journée 1. Définition du contenu * Quelles fonctionnalités (inscription a une newsletter, calendrier, sondage...)? * Quel type d'images (statiques, diaporama...)? * Quels styles de texte (à la 1ère ou à la 3ème personne?, didactique, commercial...?) * Quelle structure (un ou plusieurs menus)? 2. Choix du nom de domaine * En ".fr",en ".com" ou les deux * Le nom de l'activité dans le nom de domaine? * Attaché ou séparé par des tirets? 3. Choix de l'hébergeur Ovh.com * Environ 20 Euro par an * Nom de domaine supplémentaire : de 5 à 15 Euro supplémentaire * Adresse mail du style contact@nomdedomaine.fr

3 Deuxième Journée L'hébergeur Il gère : * Le nom de domaine * L'hébergement du site * Les statistiques * Les adresses mail Accès à l'hébergeur OVH * Aller sur le site de l'hébergeur (ovh.com) * Accéder à votre espace client en cliquant sur "manager" * Saisissez votre identifiant (par ex HG15483-ovh) A noter que les deux lettres sont les initiales de vos prénoms et nom de famille. Cet identifiant se trouve sur le mail de OVH dont le sujet est "votre identifiant client" * Saisissez votre mot de passe (celui que vous avez choisi lors de votre inscription sur OVH) * Click sur votre nom de domaine IMPORTANT N'oubliez pas de modifier vos paramètres personnels si vous changez de fournisseur d'accès (par ex si vous passez de Orange à Free ou de free à Alice, etc...) il faut absolument modifier cette info afin que les notifications de renouvellement vous parviennent.

4 Méthodologie de travail avec Joomla * Ouvrir une première fenêtre dans un navigateur (Explorer ou Firefox) * Saisissez le nom de votre site ( dans la barre supérieure du navigateur * Ouvrir une seconde fenêtre * Saisissez le nom de votre site ( suivi de /administrator ( D'un coté la vitrine, de l'autre coté l'atelier permettant de faire des modifications sur la vitrine Etape 1 Modifier les paramètres généraux de Joomla * Click dans "configuration" * Dans "Méta description du site" saisissez le texte qui va apparaître dans les moteurs de recherche * Dans "mots clés du site" saisissez les mots clés et la description de votre site. Séparez les mots clés par une virgule, et les groupes de mots par une apostrophe. * Dans l'onglet "Serveur" (toujours dans "configuration), saisissez votre adresse mail à la place de celle existante Etape 2 Créer du contenu (texte) * Click sur "Contenu/Gestion des articles" * Click sur "Nouveau" (en haut à droite, le bouton vert avec une croix blanche)

5 * Dans Titre, saisissez un titre pour votre article * Dans "Section" Sélectionnez "non catégorisé" * Saisissez votre texte dans l'espace prévu * Click sur "Appliquez" (en haut à droite) * Lorsque l'article est rédigé, click sur "Sauver" (en haut à droite) IMPORTANT Cliquez sur appliquer permet de sauvegarder sans quitter la page. N'hésitez pas à le faire très très souvent afin de ne pas perdre les données! Etape 3 Lier le contenu (l'article) à un menu * Click sur Menu/Menu Principal * Click sur "Nouveau" (en haut à droite, le bouton vert avec une croix blanche) * Dans "Sélection du type d'élément de menu" sélectionnez "article" * Saisissez le titre du "bouton" (cela peut être le même nom que l'article) * Sélectionnez l'article à lier (à droite dans "Sélection article") * Click sur "Sauver Vérifiez sur la vitrine (l'autre fenêtre)

6 Etape 4 Changer de Template * Sur Internet o Rechercherez le template sur Internet ("free joomla 1.5 template") o Téléchargez le template (certains sites vous demandent de vous inscrire pour télécharger) * Sur votre site dans l'onglet "Extension/Installer/Désinstaller o Click sur "parcourir" pour retrouver le fichier zippé du template o Click sur "Transfert de Fichier et installation * Sur votre site dans l'onglet "Extension/Gestionnaire des templates o Cochez la bulle devant le nom de votre nouveau template o Click sur "Défaut" (en haut à droite de la page)

7 Troisième Journée Ajouter des images Etape 1 : Redimensionner et renommer les images * Créez un dossier "images Internet" sur votre ordinateur ou votre clé USB) * Sélectionnez une image (sur votre ordinateur ou votre clé USB) * Ouvrez l'image avec le logiciel "Paint" (tous les programmes/accessoires) * Enregistrez l'image sous... * Donnez un nom à l'image sans majuscules, sans espace, sans accent * Enregistrez la dans le dossier "images Internet" * Click sur "image/attributs" (barre de menu en haut) * Noter la largeur de l'image (par ex 1200) * Click sur image/etirer Incliner (barre de menu en haut) * Saisissez les paramètres "horizontal" et "vertical" (impérativement les mêmes) exemple : image originale = 1200 px image souhaitée = 120 px, il faut saisir 10% Image souhaitée = 240 px, il faut saisir 20% * Click sur sauver Images statiques * Ouvrez l'article sur lequel vous voulez voir apparaître l'image * Click dans le texte, à l'endroit ou vous voulez voir apparaître l'image * Click sur l'icône dans la barre d'outil qui lit au survol "Insérer/Editer une image" * Click sur l'icône dans la barre d'outil (à droite au milieu de la fenêtre) qui lit "Envoi" * Click sur "Ajouter" (en haut de la fenêtre) * Recherchez l'image dans le dossier "images Internet" (que vous avez créé précédemment) * Click sur "Envoyer" * Fermez la fenêtre * Click sur l'image que vous venez de télécharger * Modifiez ses paramètres (dimensions, alignement, marge, bordure) * Click sur "Insérer" * Sauvegardez la page

8 Images dynamiques * Click sur "Composants/Morfeo Show/Galeries * Click sur "Nouveau" (en haut à droite) * Dans "Titre", nommez la galerie * Click sur "sauvegarder" (en haut à droite) * Sur la ligne ou figure le nom de la galerie créée, click sur la flèche montante (sous le titre "transférer") * Click sur "parcourir" * Recherchez l'image dans le dossier "images Internet" (que vous avez créé précédemment) * Click sur "Sauvegarder Image" (Ecrit en gras) * Procédez de même pour toutes les images présentes dans cette galerie * Click sur "Gestion des Galeries" pour retourner à la liste des galeries * Copiez le code ({morfeo 1} )qui se trouve sur la ligne ou figure le nom de la galerie créée sous le titre "plugin id" (Ctrl C) * Ouvrez l'article sur lequel vous voulez voir apparaître l'image * Click dans le texte, à l'endroit où vous voulez voir apparaître les images * Collez le code (Ctrl V) * Sauvegardez la page * Paramétrer la galerie en cliquant sur composants/morfeo/galeries * Click sur la galerie à paramétrer * Dans "Format de Galerie (classic par défaut) choisir un modèle (pour un fondu enchainé entre plusieurs images, choisir "flashrotator" * Paramétrer le format choisi (à droite) Sauver

9 Quatrième Journée Ajouter des "modules" statiques et dynamique - Module Statique Selon le "template" sélectionné, on peut positionner des "modules" sur son site à droite ou à gauche des articles. Ces "modules" peuvent être des "briques logicielles" ou tout simplement des "blocs" dans lesquels sur lesquels on va clicker pour renvoyer vers un article du site ou vers un lien externe au site. Les modules "briques logicielles" peuvent être téléchargés sur joomla.fr ou joomla.org. Les modules "blocs" peuvent être créés directement à partir du site. - Création d'un module "bloc" * Click dans "extensions/gestion des modules" * Click sur "Nouveau" * Click sur "html personnalisé" (une fenêtre s'ouvre) * Entrez un nom pour ce module dans "titre" * Déterminer la position en fonction du template (left, right,...) * Dans la zone de texte (en bas de la page) Entrez du texte ou une image exactement comme si il s'agissait d'un article * Click sur "sauver" - Création d'un module "News déroulant" * Etape 1 o Click sur "Contenu/Gestion des sections" o Click sur "Nouveau" (en haut à droite) o Donner un nom à cette section dans la boite"titre" (news par exemple) o Click sur "Sauver" * Etape 2 o Click sur "Contenu/Gestion des catégories" o Click sur "Nouveau" (en haut à droite) o Donner un nom à cette catégorie dans la boite"titre"(news par exemple) o Click sur "Sauver"

10 * Etape 3 o Click sur "Contenu/Gestion des articles" o Click sur "Nouveau" (en haut à droite) o Donner un nom à cet article dans la boite"titre" o Sélectionnez la section que vous venez de créer o Ecrire l'article en utilisant les touches "shift" et "retour"sur votre clavier pour aller à la ligne. o Click sur "Sauver" * Etape 4 o Télécharger le module sur joomla.org (extensions/news display/news tickers and scrollers/tc News Scroller (le module s'appelle TC News Scroller) o Click sur "Extensions/Installer-Désinstaller" (dans administrator) o Click sur "Parcourir" (chercher le fichier zippé sur son ordi) o Click sur "Transfert de Fichier et Installation" o Click sur "Extensions/gestion des modules" o Click sur le module TC News Scroller (une fenêtre s'ouvre) o Remplacer le nom du module par un autre nom (news, actualité, etc...) o Déterminer la position en fonction du template (left, right,...) o Paramétrer le module (à droite) (taille en hauteur et largeur, couleur du fond, etc...) o Click sur Appliquer pour vérifier sur le site si le module fonctionne correctement o Retour au module pour modifier éventuellement les paramètres o Click sur "Sauver"

11 Cinquième Journée Sauvegarder et référencer le site - Sauvegarde du site * Click sur "Composant/JoomlaPack/Sauvegarder" * Attendre que le message de réussite (ou d'échec) apparaisse * (tous les fichiers du site ainsi que la base de données seront sauvegardées sur le serveur) * Click sur "télécharger" afin de transférer le fichier zippé sur le disque dur de votre ordinateur. * Transférer ensuite ce fichier sur une clé USB. - Référencement du site * Modifier les titres des articles ("Bienvenue sur mon site" ne veut rien dire il vaut mieux que le titre de l'article comprenne le nom de la société ou de l'activité) * S'inscrire sur les annuaires professionnels (comme " mais il y en a beaucoup d'autres à chercher) * Donner un titre aux images présentes sur le site * Remplir les meta données pour chaque article (mots clés et description) * Penser à modifier fréquemment les informations présentes sur le site