Procédures CreaWEB Guide pratique
Pour vous connecter Dans la barre d adresse d Internet, tapez www.votrenomdedomaine.com/admin Entrez votre nom d utilisateur : Votre mot de passe : Premier coup d œil Avant tout, tout en haut à droite de l interface principal du centre de contrôle de votre CreaWEB, vous avez accès à ces boutons pour : Visualiser votre site tout en faisant des modifications. Retourner à la page d accueil de votre centre de contrôle en tout temps. Consulter le Guide de l utilisateur complet. Nous faire parvenir une idée d amélioration dans les fonctionnalités de notre système pour ainsi vous faciliter la tâche davantage. Vous déconnecter du centre de contrôle de votre CreaWEB. Voici quelques raccourcis clavier qui peuvent vous être utiles lors de vos modifications : Raccourcis clavier Action créée CTRL+X Couper CTRL+C Copier CTRL+V Coller CTRL+Z Annuler la dernière action CTRL+Y Rétablir la dernière action 2
Infos Corpo Onglet Informations Cet onglet vous permet d inscrire ou de modifier, le cas échéant, les informations corporatives de votre entreprise. Il n est pas obligatoire de tous les remplir. À noter que ces informations n apparaissent pas sur votre site Internet. Ce sont des informations utiles pour nous à l interne et c est pourquoi ce n est pas obligatoire de remplir tous les champs. Les seuls champs qui vous seront utiles pour votre référencement sur les moteurs de recherche sont ceux mis en orange. Nom du commerce (Copyright): Description (Haut du navigateur): Meta description: Adresse Ville Code postal Téléphone Fax Tél. sans frais Courriel Nom qui paraît en bas à droite du site Description qui paraît dans l'onglet du navigateur Utilisé pour améliorer le référencement du site, la meta description doit être une description concise de l'entreprise. (155 caractères maximum) (voir dans la partie «Pages»* pour plus de détails. Adresse de l'entreprise Ville de l'entreprise Code postal de l'entreprise Téléphone principal de l'entreprise Fax de l'entreprise Téléphone sans frais de l'entreprise Saisir le courriel qui reçoit les messages par défaut du formulaire "Contactez-nous" Vous avez aussi votre code de Google Analytics pour suivre les visites sur votre site Internet. Assurez-vous de sauvegarder vos changements avant de changer de page! 3
Onglet Google Analytics - Général Avec cet onglet, vous avez accès à l analyse de Google Analytics quant aux nombres de visites qui ont eu lieu sur votre Internet pour les dates que vous aurez préalablement choisies. Choisissez les dates voulues pour une analyse personnalisée. Le graphique vous montre la courbe du nombre de visiteurs par rapport aux dates choisies. Google Analytics vous présente également les données moyennes. Plus bas dans la page, vous avez l analyse du nombre de visiteurs dans chacune des pages de votre site Internet, alors vous pouvez voir quelle page est la plus populaire ou la plus visitée. 4
Onglet GA Villes En choisissant un intervalle de date dans cet onglet, vous pouvez triez et analyser les visites sur votre site Internet par ville. Un moyen efficace pour vous de découvrir où se situent vos clients potentiels. Onglet GA Système d exploitation En choisissant un intervalle de date dans cet onglet, vous pouvez triez et analyser les visites sur votre site Internet par système d exploitation. 5
Réseaux sociaux Dans cet onglet, vous pouvez ajouter le lien de vos réseaux sociaux d entreprise dans toutes les pages de votre site Internet. Vous pouvez choisir l emplacement des icônes (un des quatre coin de page) pour toutes les pages en même temps ou pour chacune des page individuellement. Pour ajouter un lien, vous vous rendez, par exemple, sur votre page Facebook et vous copiez l extension du lien. Ex. : www.facebook.com/iclic.ca vous allez seulement écrire : iclic.ca Vous n avez qu à suivre le même principe pour les autres réseaux sociaux. Une fois sur le site, l internaute n aura qu à cliquer sur l icône et ça le mènera directement sur votre page de profil du réseau social choisi. Utilisateurs Cet onglet vous permet d ajouter ou de modifier un utilisateur. Pour ajouter un utilisateur, cliquez sur le bouton. Entrez le courriel de l utilisateur à ajouter ainsi qu un mot de passe et faites «Sauvegarder». Vous pouvez également modifier l adresse courriel ou le mot de passe d un utilisateur existant en cliquant sur «Modifier» vis-à-vis l utilisateur en question. Souvenez-vous que pour chaque modification, vous devez sauvegarder avant de quitter la page! 6
Album photos Dans cet onglet, vous pourrez créer de nouveaux albums photos, ajouter ou changer des photos dans vos albums existants. Pour créer un album photo Pour ajouter un album photos, cliquez sur le bouton Inscrivez le titre de l album et le nom qui apparaîtra dans la barre d adresse si désiré. Vous pouvez ajouter un titre au-dessus de votre album, mais ce n est pas obligatoire. Vous pouvez choisir aussi plusieurs paramètres d apparence dans les options qui suivent dans le bas de la page. Quand les paramètres sont à votre goût, cliquez sur «Sauvegarder» 7
Pour ajouter des photos dans un album Vis-à-vis l album dans lequel vous voulez ajouter des photos, cliquez sur le bouton Cliquer sur «Ajouter» Choisissez un titre significatif Le titre alternatif apparaîtra si l image ne peut être affichée Cliquez sur «Parcourir» pour aller chercher la photo voulue dans votre ordinateur Vous pouvez copier/coller un lien URL si vous voulez avoir un lien sur votre photo. Vous pouvez cocher l option «Afficher le titre de l image» Il est possible d ajouter jusqu à 5 photos à la fois dans votre album. Chaque fois que vous terminez de télécharger, vous devez cliquer sur «Sauvegarder». 8
Pour modifier l ordre des photos Vous devez être entré dans l album pour pouvoir modifier l ordre des photos qu elle contient. Ensuite, cliquez sur le bouton En cliquant sur les éléments en tenant le bouton de votre souris enfoncé, vous n avez qu à glisser les éléments à l endroit désiré. Quand vous êtes satisfait de l ordre des photos, cliquez sur «Sauvegarder» pour enregistrer vos modifications. Pour transférer une photo vers un autre album Cliquez sur le kodak de l album où se trouve la photo à transférer pour visualiser toutes les photos présentes dans l album Cliquez sur Modifier «fr» sur la photo que vous voulez transférer Rendez-vous à la dernière option de la page : o Transférer dans l album : o Choisir l album vous voulez que la photo se transfère o Cliquez sur la flèche pour valider votre action 9
Pour ajouter du contenu personnalisable par-dessus une photo Cliquez sur le petit kodak de l album où se trouve la photo à modifier Cliquez sur Modifier «fr» vis-à-vis la photo voulue Descendez au bas de la page où vous trouverez l éditeur de Contenu HTML sur la galerie Ajoutez ensuite le contenu désiré qui apparaîtra par-dessus votre image. Ça peut être du texte, des boutons, des tableaux, etc. Ce contenu est éditable de la même façon que le contenu de pages, donc il est possible de faire des hyperliens sur un bouton pour faire une promotion ou autre par exemple. Quand votre contenu est à votre goût et bien placé pour afficher sur l image, cliquez sur «Sauvegarder» pour enregistrer vos modifications. 10
Pages Cet onglet vous permet, entres autres d ajouter, de copier ou de modifier une page. Pour ajouter une page dans votre site Internet, il est fortement conseillé de copier une page existante (autre que la page d accueil vu qu elle possède souvent une mise en page (entête) différente) afin de garder l uniformité de votre site. Pour savoir quelle page est référencée par les moteurs de recherche Vous allez remarquer cet icône : S il apparaît vis-à-vis une page, c est que cette page et son contenu seront pris en considération pour le référencement sur les moteurs de recherche. 11
Pour référencer une page ou non, cliquez sur Modifier fr de la page en question Au bas de la page, cochez Afficher dans le Sitemap.xml (référencement) Faites sauvegarder pour enregistrer vos modifications! Pour copier une page Une nouvelle page est maintenant créée à partir de celle que vous avez choisie de copier. Il suffit de changer le titre (le nom de l onglet principal ou du sous-menu). 12
Au début, il est fortement conseillé de travailler dans une page Test que vous aurez copié, renommé en Test tel que montré ci-dessus et qui n est pas en ligne (choisir «Ne pas publier») afin d éviter de modifier le site avec de faux textes ou de fausses images. Vous pourrez ainsi vous pratiquer en toute sûreté. Seulement lorsque vous serez satisfait du look final de votre nouvelle page, vous pourrez la renommer et la mettre officiellement en ligne. Faites «Sauvegarder» en bas à droite pour enregistrer vos modifications. Pour modifier une page *C est à cet endroit que vous devez changer votre Meta Description pour optimiser chaque page pour les moteurs de recherche comme Google. Vous devez faire des phrases complètes qui décrivent ce que la page met de l avant. Pour bien optimiser votre page, cette description doit contenir 155 caractères maximum. 13
Voici un exemple que nous avons mis pour notre page Produits du site d iclic : Les produits d'iclic, Creaweb, Neomedia, NeoTV, accompagnement marketing web Comme vous pouvez le constater, le texte doit être concis et contenir les mots clés qui représente le sujet de la page en question et que les gens sont susceptibles de chercher sur les moteurs de recherche. Quand vous êtes satisfaits de votre Meta Description, cliquez sur «Sauvegarder» pour enregistrer vos modifications. En descendant un peu la page, vous trouverez différents boutons pour faire la mise en forme de votre texte. Voici la définition de certains boutons qui pourront vous être utiles : 1 er : Pour coller du texte 2 e : Pour coller comme texte sans mise en forme (USAGE RECOMMANDÉ) 3 e : Pour coller du texte depuis Word Pour insérer une image dans votre page Pour ajouter ou modifier un lien à un texte La plupart des boutons ci-dessus ont la même fonction que ceux utilisés ans Microsoft Word. Vous pourrez, entre autres, choisir la police, le style de caractères et l alignement du texte. 14
Pour ajouter du texte, vous n avez seulement qu à placer le curseur dans l éditeur et à taper le texte à l endroit voulu, avec la mise en page souhaitée. Voici quelques trucs pratiques pour effectuer vos interlignes correctement : Pour effectuer un saut de ligne, utiliser la commande "Majuscule + Entrée" Pour effectuer un paragraphe à interligne simple, utiliser la commande "Majuscule + Entrée" à 2 reprises. Pour effectuer un paragraphe à double interligne, utiliser la commande "Entrée". Pour ajouter une image dans votre page Cliquez sur l onglet «Envoyer» Cliquez sur «Parcourir» pour aller chercher votre image dans votre ordinateur Cliquez sur «Envoyer sur le serveur». Vous pouvez visualiser l aperçu dans la boîte. Vous pouvez changer la grosseur en vous assurant que le petit cadenas est bien fermé pour conserver les proportions. Quand l image est à votre goût, cliquez sur OK. 15
Pour ajouter un lien sur une image Copiez le lien URL que vous voulez mettre sur l image Sélectionnez l image et cliquez sur le bouton : Dans l onglet «Lien», collez le lien URL à l endroit requis Définissez la cible du lien (Il est recommandé de prendre la cible «Nouvelle fenêtre_blank» pour que lien s ouvre dans une nouvelle page) Cliquez sur OK Pour ajouter un lien sur du texte Copiez le lien URL que vous voulez mettre sur le texte Sélectionner le texte sur lequel vous voulez ajouter un lien Cliquez sur le bouton : Collez le lien URL à l endroit requis Dans l onglet «Cible», définissez la cible du lien (Il est recommandé de prendre la cible «Nouvelle fenêtre_blank» pour que lien s ouvre dans une nouvelle page) Cliquez sur OK Pour ajouter une énumération Placez votre curseur à l endroit voulu Cliquez sur le bouton de liste avec un icône ou un chiffre selon le type d énumération désiré Contrairement au texte courant où il faut faire SHIFT+ENTRÉE pour faire un saut de ligne, dans une énumération, il faut simplement faire ENTRÉE 16
Pour ajouter une ancre dans le texte Créez d abord l ancre où vous voulez que le lien se rende. Placez votre curseur avant le texte à l endroit en question Cliquez sur le bouton : Nommez votre ancre de façon a bien la reconnaître, puis faites OK Sélectionnez ensuite le ou les mots qui, en cliquant dessus, mènera vers l ancre créée Cliquez ensuite sur le bouton : Choisissez le Type de lien : Transformer le lien en ancre dans le texte Ensuite, vous sélectionnez la bonne ancre dans le menu déroulant, puis faites OK. Quand vous avez terminé d ajouter du texte ainsi que sa mise en page, vous devez choisir la façon dont vous voulez afficher cette nouvelle page. Publier ou non : Présente ou non dans le menu principal Cliquable ou non : Nous pouvons ou non cliquer cet onglet pour aller à la page. Page parente : Vous avez la possibilité de mettre votre page en sous-menu d une page principale que vous choisissez dans le menu déroulant. Pour publier une page en sous-menu, vous choisissez «Publier», «Cliquable» et «Page parente» où vous choisissez sous quel onglet principal la page doit apparaître. Il est important de toujours sauvegarder vos modifications avant de quitter la page. 17
Pour affecter un album photo à une page Version 1 : Si vous voulez ajouter des albums photos sous forme de liste cliquable : Cliquez sur Modifier «fr» vis-à-vis la page dans laquelle vous désirez ajouter un album. Cliquez sur «Modules» du menu de texte Cochez le ou les album(s) que vous voulez ajouter dans cette page. Lorsque vous avez coché les albums à ajouter, cliquez sur le bouton «Sauvegarder» pour enregistrer vos modifications. Ils s afficheront une à côté de l autre et quand vous cliquerez dessus, l album s affichera en plein écran et vous pourrez faire dérouler les différentes photos. 18
Version 2 : Si vous voulez ajouter un album photo à un endroit précis dans votre page : Cliquez sur Modifier «fr» vis-à-vis la page dans laquelle vous désirez ajouter un album. Placez le curseur à l'endroit où vous voulez faire afficher l'album dans la page. Cliquez sur le bouton : Pour insérer un module de photos Choisissez le module que vous voulez insérer : Dans ce cas-ci, choisissez «Album». Dans l Item, vous pouvez choisir l album que vous aurez préalablement créé. Cliquez sur OK Lorsque vous avez terminé de choisir les différents paramètres, cliquez sur «Sauvegarder» avant de quitter la page afin d enregistrer vos modifications. 19
Pour enlever un module dans une page 2 1 Cliquez sur Modifier «fr» de la page dans laquelle vous voulez enlever le module. Placez votre curseur dans le texte qui désigne le module et cliquez sur «table» dans la ligne du bas pour sélectionner le tableau. Ensuite, vous pouvez tout simplement pesez sur le bouton «Supprimer» de votre clavier. Pensez à cliquer sur «Sauvegarder» pour enregistrer vos modifications. Pour appliquer un lien externe sur une page Dans un autre onglet, ouvrez d abord le site vers où vous voulez envoyer le lien Sélectionnez e lien URL et faites CTRL+C pour copier Retournez ensuite dans votre centre de contrôle Faites modifier fr vis-à-vis la page où vous voulez appliquer un lien externe Rendez-vous au bas de la page et à l endroit illustré ci-dessous, faites CTRL+V pour coller le lien Pensez à cliquer sur «Sauvegarder» pour enregistrer vos modifications. 20
Historique Il est maintenant possible de récupérer une ancienne version en cliquant sur «Historique». Vous aurez ainsi accès à des versions qui se sont enregistrés à des heures différentes. Vous pouvez visualiser chacune de ces versions en cliquant sur l œil. Vous pouvez également repartir d une version choisie, la modifier (en cliquant sur «Modifier») à votre goût et la sauvegarder pour qu elle devienne la version officielle qui sera en ligne. Nous vous recommandons de retravailler dans votre centre de contrôle dans les 48 heures suivant votre formation afin de vous permettre de bien assimiler vos nouvelles connaissances. Pour toutes questions sur le CreaWEB, vous avez également accès au guide de l utilisateur complet à partir de votre centre de contrôle en cliquant sur : Vous pouvez aussi me contacter en cas de besoin : Lysane Busque 418 222-5515, poste 219 lysane@iclic.ca 21