Formation > Développement > Internet > Réseaux > Matériel > Maintenance

Transcription

1 Formation > Développement > Internet > Réseaux > Matériel > Maintenance

2

3 SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION Le navigateur L'interface d'administration METTRE EN LIGNE UN ARTICLE L'éditeur de texte Les commandes LES LIENS HYPERTEXTES Créer un lien hypertexte Lien vers un site Lien vers un Lien vers un fichier Supprimer un lien hypertexte PRESENTATION DE PHOTOFILTRE Intérêt Création des dossiers Taille d'une image REDIMENSIONNER UNE IMAGE ENREGISTRER / COMPRESSER UNE IMAGE Enregistrer une image Compresser une image INSERER UNE IMAGE SUR UNE PAGE WEB Les options "Zoomer" une image LES TABLEAUX Créer un tableau Exemple d'un tableau Modifier un tableau Supprimer un tableau GESTION DES COMPTES CONTACTER LE SUPPORT TECHNIQUE AXN...20 AXN Informatique Aide en ligne Administrer son site Internet Page 3

4

5 1. Accéder à l'interface d'administration L'interface d'administration vous permet d'actualiser au quotidien les informations diffusées sur le site Internet. Ces informations peuvent être de type : texte images 1.1. Le navigateur 1. Lancer le navigateur Internet Explorer 2. Pour visualiser en temps réel les modifications apportées au site, ouvrir à la fois le site Internet et l'interface d'administration L'interface d'administration 3. Saisir le Login et le Mot de passe. 4. Cliquer le bouton Se connecter. Administration Gestion Fonctions Ce menu permet la gestion des comptes des utilisateurs. (login et mot de passe) Ce menu permet la rédaction des informations, des actualités, des articles sur le site. AXN Informatique Aide en ligne Administrer son site Internet Page 5

6 2. Mettre en ligne un article 2.1. L'éditeur de texte 1. Cliquez le lien hypertexte Articles 2. Cliquez le bouton nouvel article 3. L'éditeur de texte s'affiche : - saisir obligatoirement le titre de l'article (a) - saisir le contenu de l'article (b) (a) (b) cette zone permet de définir l'ordre de parution des articles sur la page web. (saisir une valeur numérique) ce bouton valide les modifications effectuées. ce bouton ne prend pas en compte les modifications réalisées. AXN Informatique Aide en ligne Administrer son site Internet Page 6

7 2.2. Les commandes Le tableau ci-dessous récapitule la description des différentes commandes accessibles dans l'éditeur de texte. aperçu du texte dans la page Web coupe le texte sélectionné copie le texte sélectionné colle du texte d'un autre document annule une action rétablit une action recherche un mot recherche et remplace un mot sélectionne tout le texte met en gras le texte sélectionné met en italique le texte sélectionné souligne le texte sélectionné barre le texte sélectionné met un caractère en indice met un caractère en exposant crée une liste à puces numérotée crée une liste à puces diminue le retrait du texte sélectionné augmente le retrait du texte sélectionné aligne le texte sélectionné à gauche centre le texte sélectionné aligne le texte sélectionné à droite justifie le texte sélectionné insère un lien hypertexte supprime un lien hypertexte insère, modifie une image insère, modifie un tableau insère un trait de séparation insère des caractères spéciaux change la couleur de la police change la police change la couleur de fond change la taille AXN Informatique Aide en ligne Administrer son site Internet Page 7

8 3. Les liens Hypertextes Les liens hypertextes permettent : - d'accéder à un site Internet - d'accéder à une adresse de messagerie - d'ouvrir un fichier (Word, Excel, autres) existant 3.1. Créer un lien hypertexte 1. Sélectionner le texte. 2. Cliquer l'icône Insérer/Modifier le lien Lien vers un site Pour accéder à un site Internet dans la même fenêtre : 1. Sélectionner le type de lien URL. 2. Sélectionner le protocole. - http pour un site non sécurisé - https pour un site sécurisé 3. Saisir l'adresse du site. Pour afficher un site Internet dans une nouvelle fenêtre : 1. Suivre les 3 étapes précédentes ci-dessus. 2. Cliquer l'onglet Destination. 3. Dans la zone Destination, sélectionner dans la liste Nouvelle Fenêtre (_blank). 4. Cliquer le bouton OK Lien vers un 1. Sélectionner le type de lien Saisir l'adresse . Si le message est toujours le même : 3. Saisir le sujet du message (facultatif). 4. Saisir le corps du message (facultatif). AXN Informatique Aide en ligne Administrer son site Internet Page 8

9 Lien vers un fichier Pour faire un lien vers un fichier, le fichier doit obligatoirement se trouver sur le serveur. 1. Cliquer le bouton Parcourir le serveur. Le fichier ne se trouve pas sur le serveur : 2. Cliquer le bouton Parcourir 3. Sélectionner le fichier qui se trouve sur le disque dur de l'ordinateur. 4. Cliquer le bouton Ouvrir Le chemin d'accès au fichier s'affiche : 5. Cliquer le bouton Upload pour charger le fichier sur le serveur. Le fichier se trouve sur le serveur : 6. Sélectionner le type de fichiers (File, Image, etc.) dans la zone Resource Type. 7. Cliquer ensuite dans la liste, le fichier vers lequel faire le lien. L'URL s'affiche automatiquement : 8. Cliquer le bouton OK Supprimer un lien hypertexte 1. Sélectionner le lien hypertexte. 2. Cliquer le bouton Supprimer lien AXN Informatique Aide en ligne Administrer son site Internet Page 9

10 4. Présentation de PHOTOFILTRE 4.1. Intérêt Vous souhaitez insérer de nouvelles photos sur votre site Internet. PHOTOFILTRE vous permet d effectuer des réglages simples ou avancés sur une image. Le logiciel permet de : redimensionner la taille de l'image (largeur x hauteur) compresser la taille de l'image Ce logiciel permet de réduire la taille des fichiers images, par conséquent le temps de chargement des images sur la page web sera plus rapide Création des dossiers Au préalable, sur votre disque dur (par exemple dans le dossier Images), créez deux dossiers distincts: un dossier nommé Images_Origine Les images doivent systématiquement être enregistrées et conservées sous leur forme originale. un dossier nommé Images_Site Ce dossier comporte les images destinées à être publiées sur le site après avoir été redimensionnées et compressées Taille d'une image Avant d'insérer une image sur une page Web, vérifier sa taille. 1. Sélectionner le fichier image. 2. Cliquer avec le bouton droit de la souris pour afficher le menu contextuel. 3. Cliquer la commande Propriétés. Vous visualisez les informations : Si votre image est supérieure approximativement à Ko. - Suivre les procédures de la page 11 à la page 13 (Redimensionner, Enregistrer et Compresser une image) - Sinon passer directement à la procédure page 14 (Insérer une image sur une page Web) AXN Informatique Aide en ligne Administrer son site Internet Page 10

11 5. Redimensionner une image 1. Ouvrir l'application PhotoFiltre. Ouvrir l'image à modifier : 2. Cliquer la commande Fichier \ Ouvrir. Ouvrir le fichier image qui se trouve dans le dossier intitulé Images_Origine. Modifier les dimensions de l'image. 3. Cliquer le menu Image. 4. Cliquer la commande Taille de l'image La boîte de dialogue ci-contre s'affiche. 5. Définir la nouvelle taille. Largeur Hauteur 6. Conserver les options cochées. Un écran standard a une taille de 1024 pixels. Paramétrez vos images avec une largeur de l'ordre de 300 pixels. 7. Cliquer le bouton OK pour valider les paramètres. AXN Informatique Aide en ligne Administrer son site Internet Page 11

12 6. Enregistrer / Compresser une image Vous allez compresser l'image au moment de l'enregistrer Enregistrer une image 1. Cliquer le menu Fichier. 2. Cliquer la commande Enregistrer sous. 3. Paramétrer la boîte de dialogue ci-dessous : - sélectionner le dossier Images_Site (a) - donner un nom évocateur à votre image (b) - sélectionner le type de format d'image JPEG (*.jpg;*.jpeg;*.jpe;*.jfif) (c) (a) (b) (c) 4. Cliquer le bouton Enregistrer. AXN Informatique Aide en ligne Administrer son site Internet Page 12

13 6.2. Compresser une image La fenêtre ci-contre apparaît : 1. Cliquer-glisser le curseur vers la droite pour obtenir une compression de Cliquer le bouton Aperçu. Ce bouton permet de visualiser la taille du fichier image. Conseil : Pour optimiser le chargement d'une page Web, la taille de chaque image ne doit pas dépasser approximativement 200 Ko. Remarque : Si le fichier dépasse la taille de 200 Ko, cliquer-glisser le curseur vers la gauche pour obtenir une compression plus importante. Attention, une compression trop importante (entre 0 et 70) altère la qualité de l'image. 3. Cliquer le bouton Ok pour valider les paramètres. Image d'origine 2200 x 1700 (pixels) 1,25 Mo Image compressée 300 x 225 (pixels) 88 Ko AXN Informatique Aide en ligne Administrer son site Internet Page 13

14 7. Insérer une image sur une page Web Avant d'incruster une ou plusieurs images sur une page, vérifiez la taille de chaque image. Celle-ci ne doit pas dépasser environ 200 Ko. Si vous ne savez pas comment procéder, référez-vous au chapitre Taille d'une image à la page 10 de ce document. Dans l'éditeur de texte : 1. Cliquer le bouton Insérer / Modifier Image. 2. Cliquer le bouton Parcourir le serveur. L'image ne se trouve pas sur le serveur : 3. Cliquer le bouton Parcourir 4. Sélectionner l'image qui se trouve sur le disque dur de l'ordinateur. 5. Cliquer le bouton Ouvrir 6. Le chemin d'accès au fichier s'affiche : 7. Cliquer le bouton Upload pour charger l'image sur le serveur. AXN Informatique Aide en ligne Administrer son site Internet Page 14

15 L'image se trouve sur le serveur : 8. Sélectionner l'option Image dans la zone Resource Type. 9. Cliquer ensuite l'image à insérer dans la liste. L'URL s'affiche automatiquement : La zone Texte de Remplacement permet de visualiser un message dans une info-bulle au passage de la souris sur cette image Les options Largeur / Hauteur Permet de redimensionner la taille de l'image. Verrouille \ Déverrouille les tailles Récupère la taille d'origine de l'image Bordure Permet d'insérer une bordure autour de l'image. Plus la valeur est élevée, et plus la largeur de la bordure est épaisse. HSpace / VSpace Permet de mettre un espace horizontal et / ou verticale entre le texte et l'image. Prévisualisation Alignement Permet de placer l'image par rapport au texte. AXN Informatique Aide en ligne Administrer son site Internet Page 15

16 7.2. "Zoomer" une image L'objectif est d'agrandir l'image lorsque l'on clique dessus. 1. Créer deux images compressées avec des dimensions différentes (hauteur et largeur) à partir de l'image d'origine. 2. Incorporer l'image compressée 1 de plus petite taille sur la page Web. (voir la procédure Insérer une image dans une page Web page14 de ce document). Image d'origine 2200 x 1700 (pixels) 1,25 Mo Image compressée x 225 (pixels) 88 Ko Image compressée x 450 (pixels) 250 Ko Page Web 1. Sélectionner l'image compressée 1 sur la page Web. 2. Cliquer le bouton Insérer / Modifier Image. 3. Cliquer l'onglet Lien. 4. Cliquer le bouton Parcourir le serveur. 5. Cliquer sur l'image compressée 2. L'URL s'affiche automatiquement : 6. Cliquer le bouton OK. AXN Informatique Aide en ligne Administrer son site Internet Page 16

17 8. Les tableaux 8.1. Créer un tableau Vous pouvez insérer un tableau parmi le texte. La mise en forme du texte dans un tableau a pour intérêt de présenter le texte sur plusieurs colonnes. Dans l'éditeur de texte : 1. Cliquer le bouton Insérer / Modifier Tableau. 2. Paramétrer les caractéristiques du tableau dans la fenêtre suivante : Lignes / Colonnes Permet de déterminer le nombre de lignes et de colonnes que comporte le tableau. Largeur / Hauteur Permet de dimensionner la taille du tableau. Bordure Permet d'insérer une bordure autour du tableau. Plus la valeur est élevée, et plus la largeur de la bordure est épaisse. Espacement Permet de mettre un espace entre les cellules. Plus la valeur est élevée, et plus l'espacement entre les cellules est important. Alignement Permet de placer le tableau par rapport au texte. Contour Permet de mettre une marge entre la bordure de la cellule et le contenu de la cellule. Titre Permet de saisir un titre situé au dessus du tableau. AXN Informatique Aide en ligne Administrer son site Internet Page 17

18 8.2. Exemple d'un tableau Voici un exemple de tableau avec les caractéristiques suivantes : Titre Espacement Bordure Contour Ligne Colonne 8.3. Modifier un tableau 1. Sélectionner le tableau, des poignées blanches apparaissent sur le contour du tableau. 2. Cliquer le bouton Insérer / Modifier Tableau. 3. Modifier les paramètres du tableau Supprimer un tableau 1. Sélectionner le tableau, des poignées blanches apparaissent sur le contour du tableau. 2. Appuyer sur la touche [Suppr] du clavier. AXN Informatique Aide en ligne Administrer son site Internet Page 18

19 9. Gestion des comptes Dans le menu Administration : 1. Cliquer le lien Utilisateurs. 2. Cliquer le bouton nouvel utilisateur. 3. Remplir le formulaire suivant : 4. Cliquer le bouton AXN Informatique Aide en ligne Administrer son site Internet Page 19

20 10. Contacter le support technique AXN Pour toute demande concernant l'utilisation de l'interface d'administration, l'évolution du site, contactez-nous directement avec le formulaire de contact qui se trouve dans le menu Administration. Dans le menu Administration : 1. Cliquer le lien Support AXN. La fenêtre ci-contre apparaît : 2. Notifier l'objet de votre message, 3. Rédiger le contenu de votre message. IMPORTANT : Merci de préciser votre adresse dans votre message afin que nous puissions vous répondre. 4. Cliquer le bouton Envoyer. Vous pouvez également envoyer un message à partir de la messagerie Outlook. 1. Cliquer le lien Maintenance web AXN - web@axn.fr 2. Notifier l'objet de votre message, rédiger ce dernier. 3. Cliquer le bouton Envoyer. AXN Informatique Aide en ligne Administrer son site Internet Page 20

21 Mes notes personnelles AXN Informatique Aide en ligne Administrer son site Internet Page 21