CRÉER ET GÉRER UN SITE WEB AVEC FRONTPAGE U.P.S. TOULOUSE C.F.A.T.I.C.

Dimension: px
Commencer à balayer dès la page:

Download "CRÉER ET GÉRER UN SITE WEB AVEC FRONTPAGE U.P.S. TOULOUSE C.F.A.T.I.C."

Transcription

1 U.P.S. TOULOUSE C.F.A.T.I.C. CRÉER ET GÉRER UN SITE WEB AVEC FRONTPAGE Téléphone Centre de Formation aux Applications des Technologies de l information et de la Communication Courrier électronique : Serveur Internet pédagogique du C.F.A.T.I.C. : Serveur de téléchargement du C.F.A.T.I.C. : ftp://toutatis.ups-tlse.fr Télécopie & Répondeur

2 Créer & gérer un site Web avec Frontpage Exercices C.F.A.T.I.C. A l'aide de Microsoft FrontPage, vous pouvez facilement créer et gérer vos sites Web, leur donner un style professionnel, tout en utilisant le contenu (textes, images ) que vous avez déjà réalisé dans d autres applications, et pour d'autres utilisations (journaux, brochures, plaquettes commerciales ). Grâce à ses fonctionnalités puissantes et très simples d'emploi, créer votre site Internet ou intranet deviendra un jeu d'enfant. Comme il convient malgré tout de s'initier, ces leçons vous guideront pas à pas, de la création de votre premier site et de ses premières pages jusqu'à sa publication sur le World Wide Web. Découvrez dès maintenant la leçon 1 : Construire un nouveau site Web. Vous apprendrez à utiliser l'explorateur FrontPage pour créer un site de 4 pages, au design professionnel, dotées de barres de navigation fonctionnelles. A la fin de cette leçon, vous saurez également ajouter du texte, des images, des listes formatées et des liens hypertexte à l'aide de l'editeur FrontPage. Passez ensuite à la leçon 2 : Mettre en page dans l'editeur FrontPage. Vous apprendrez à insérer des fichiers dans vos pages, à récupérer les commentaires des visiteurs de votre site, à créer des zones réactives sur les images, à ajouter une table, une liste et du texte circulant (marquee), à l'aide de l'éditeur FrontPage. Puis vous terminerez avec la leçon 3 : Publier votre site Web FrontPage. De retour dans l'explorateur FrontPage, vous pourrez tester vos hyperliens, vérifier l'orthographe, ainsi que trouver et remplacer du texte sur vos pages. Vous serez alors prêt à publier votre site FrontPage sur le World Wide Web. 1 Leçon Créer un nouveau site Vous allez créer un nouveau site Web à l'aide de Microsoft FrontPage. Ce site vous servira tout au long des leçons. Vous y créerez de nouvelles pages au fur et à mesure. Pour que vous puissiez suivre ces leçons, nous supposons que vous disposez de tous les droits nécessaires pour créer un site Web sur votre serveur. Si tel n'était pas le cas, demandez à votre administrateur réseau les autorisations nécessaires. 1 - Lancez Microsoft FrontPage, depuis le menu Démarrer, puis Programme. Page 2/2 U.P.S. Chabert - février 2000

3 C.F.A.T.I.C.. Exercices Créer & gérer un site Web avec Frontpage 2 - Créer un nouveau site Web. "Fichier" --> "Nouveau" ---> "Site Web..." 3 - La boîte de dialogue Nouveau Site Web FrontPage s'affiche. Chabert - février 2000 U.P.S. Page 3/3

4 Créer & gérer un site Web avec Frontpage Exercices C.F.A.T.I.C. 4 - Dans la zone de "type de site Web à créer", sélectionnez l'option Site Web vide. 5 - Dans la zone Option : Choisissez l'emplacement du nouveau site Web, entrez le nom "nom_ordinateur" est le nom de la machine mise à votre disposition (automatique); votre_nom est votre nom! Validez par OK. FrontPage crée les répertoires qui contiendront vos pages et images, puis passe en affichage "Page" 6 - Passez en affichage "Navigation". L'affichage Navigation consiste en un écran divisé en 2 parties : celle de droite présente l'organisation de votre site, celle de gauche contient une présentation de dossiers et de fichiers, à la manière de l'explorateur Windows. Page 4/4 U.P.S. Chabert - février 2000

5 C.F.A.T.I.C.. Exercices Créer & gérer un site Web avec Frontpage L'explorateur FrontPage est l'un des composants principaux de Microsoft FrontPage. Vous l'utilisez pour créer de nouveaux sites, puis plus tard pour les modifier, en assurer la maintenance, les administrer, et publier les sites Web opérationnels. Les 6 boutons sur la barre "Affichage" vous proposent différents modes de visualisation de l'information dans votre site Web FrontPage. Vous pouvez y choisir la manière dont vous voulez voir le contenu de votre site tout au long du projet de conception, depuis les premières étapes jusqu'au moment où il est prêt à être publié sur le World Wide Web. Dans la suite de la leçon, nous allons créer les premières pages. 1.2 Créer les premières pages Vous êtes en mode navigation. Votre site Web ne contient une page, elle est nommée "Page d'accueil" (c'est le fichiers "index.htm ou default.htm). Elle sera la porte d'entrée de votre site Web. Si vous souhaitez que les internautes puissent visiter votre site Web, vous devez impérativement appeler la page d'accueil "index.htm" ou "default.htm" selon les choix d'installation. 1 - Cliquez le bouton Nouvelle page dans la barre d'outils FrontPage. Par défaut, comme votre site Web ne contient aucune page, elle est nommée Page d'accueil. Vous venez de créer la page qui sera la porte d'entrée de votre site Web. 2 - Assurez-vous que la page d'accueil est bien sélectionnée, et ajoutez trois nouvelles pages en cliquant le bouton Nouvelle page. Se créent automatiquement des barres de navigation pour relier vos pages entre elles. Vous disposez maintenant de trois nouvelles pages, qui portent le nom Nouvelle page 1, 2 et 3. Chabert - février 2000 U.P.S. Page 5/5

6 Créer & gérer un site Web avec Frontpage Exercices C.F.A.T.I.C. Remarquez la structure hiérarchique de vos 4 pages. L'affichage Navigation présente les pages reliées entre elles par des lignes, comme dans un organigramme hiérarchique. C'est la structure hypertexte que FrontPage utilise pour générer les barres de navigation sur vos pages. Si vous ne voyez pas ces lignes et ces pages dans la fenêtre de droite, cliquez sur le + de. Avant de commencer à travailler sur ces pages, donnons leur un titre significatif Donner un titre aux pages : 1 - La page d'accueil étant toujours sélectionnée, appuyez sur la touche Tabulation de votre clavier. FrontPage met en surbrillance la page à gauche et en dessous de la page d'accueil et active son titre pour l'édition. 2 - Tapez "Centres d'intérêt" et validez par la touche Entrée. 3 - Appuyez de nouveau sur la touche Tabulation, et modifiez le titre de la 2 ème page en "Album Photo". Répétez l'opération pour la 3 ème page, que vous nommerez "Favoris". Votre écran correspondra alors à celui-ci : Astuce : une autre manière d'ajouter une page en affichage Navigation, est de cliquer avec le bouton droit sur une page, et de choisir la commande Nouvelle page dans le menu contextuel. Cette commande créera une page en dessous de la page cliquée. Toute modification que vous effectuez sur la structure de votre site FrontPage en affichage Navigation ne sera appliquée que lorsque vous aurez effectué certaines actions, telles que changer d'affichage, basculer vers une autre application Windows ou ouvrir une page dans l'éditeur FrontPage. Donc, si vous vous êtes trompé ou si vous avez changé d'idée, vous pouvez utiliser le bouton Annuler sur la barre d'outils, pour annuler votre dernière action. 1.3 Appliquer un Thème FrontPage Avec Microsoft FrontPage, vous pouvez facilement créer des sites dynamiques et dont la charte graphique est cohérente sur l ensemble des pages, en appliquant l'un des nombreux thèmes prédéfinis. Avant de l'appliquer vous pourrez le prévisualiser dans l'affichage Thèmes de FrontPage. Page 6/6 U.P.S. Chabert - février 2000

7 C.F.A.T.I.C.. Exercices Créer & gérer un site Web avec Frontpage 1 - "Format" --> "Thèmes..." Sélectionnez différents thèmes dans la liste déroulante. La zone "Aperçu du thème" vous permet de visualiser les éléments graphiques, tels qu'ils apparaîtront sur vos pages Web, avant de l'appliquer. Avant d'appliquer le thème, vous pouvez sélectionner trois options qui modifieront l'apparence de ses composants : Couleurs vives appliquera des couleurs plus lumineuses au texte et aux images, Graphismes animés animera certains composants du thème, Image d'arrière-plan appliquera une image de fond aux pages de votre site actuel. Pour cette leçon, nous choisirons Couleurs vives, Graphismes animés et Image d'arrière-plan. Dans la liste des Thèmes, sélectionnez International (ou un autre, cela n'a pas d'importance) et cliquez le bouton OK. Le thème sélectionné est appliqué sur les pages de votre site Web courant, dès que vous avez répondu Oui au message vous signalant la modification de la mise en forme de vos pages. Dans la suite de la leçon, nous verrons comment le thème sélectionné donne à vos pages une apparence attractive et cohérente. 1.4 Définir les bordures partagées Avec Microsoft FrontPage, vous pouvez facilement des lien hypertextes entre les pages du site Web. Pour cela, il faut créer des bordures partagées entre toutes les pages et placer dans ces bordures des boutons de navigation qui se retrouveront automatiquement dans toutes les pages (sauf autre choix). ASSUREZ-VOUS QU'AUCUNE PAGE N'EST SÉLECTIONNÉE. Chabert - février 2000 U.P.S. Page 7/7

8 Créer & gérer un site Web avec Frontpage Exercices C.F.A.T.I.C. 1 - "Format" --> "Bordures partagées..." Sélectionnez : Pour "TOUTES LES PAGES" Une bordure en haut, avec boutons de navigation, Une bordure à gauche, avec boutons de navigation. Pour information, ce site utilise aussi une bordure partagées en bas pour la signature de chaque pages. 1.5 Ouvrir les pages dans l'éditeur FrontPage Maintenant que la structure de votre site est faite, nous allons ajouter du contenu sur chacune des pages. Si la création et la gestion des pages sont plus pratiques dans l'explorateur FrontPage, la mise en page et l'édition sont faites dans l'éditeur FrontPage. Il permet de créer, éditer et afficher les pages, grâce à une interface WYSIWYG (What You See Is What You Get - ce que vous voyez est ce que vous obtenez), similaire à des programmes tels que traitements de texte, de P.A.O., etc. Tous les formatages de texte, de styles et de pages sont basés sur les standards HTML (HyperText Markup Language, le langage de description de pages du Web). 1 - Dans l'explorateur FrontPage, cliquez sur le bouton Navigation de la barre affichage. 2 - Double-cliquez la page d'accueil dans la fenêtre de Navigation ou sélectionnez la page, et choisissez la commande Ouvrir du menu Édition de l'explorateur FrontPage. La page d'accueil s'ouvre dans l'éditeur FrontPage. Page 8/8 U.P.S. Chabert - février 2000

9 C.F.A.T.I.C.. Exercices Créer & gérer un site Web avec Frontpage Vous remarquerez que les éléments du Thème choisi dans la section précédente de la leçon ont été appliqués. Votre page d'accueil dispose d'une texture à l'arrière plan, d'une bannière avec le titre de la page, et d'une barre de navigation pointant vers les autres pages de votre site. Pour ajouter du texte, commencez à taper comme vous le feriez dans un traitement de textes. MAIS ATTENTION! Ne tapez pas dans la bordure du haut ou dans la bordure de gauche, sinon votre texte va se retrouver dans toutes les pages. Tapez dans la grande partie libre. 1 - Tapez "Bienvenue sur mon site Web!", puis appuyez sur Entrée. Le fait d'appuyer sur la touche Entrée crée un nouveau paragraphe sur la page. 2 - Sur une nouvelle ligne, tapez "N'oubliez pas de visiter les autres pages de mon site" et appuyez sur Entrée. Vous pourrez bien sûr remplacer ce texte par celui de votre choix, accompagné d'une description du contenu de votre site. Votre page devrait maintenant ressembler à ceci : Chabert - février 2000 U.P.S. Page 9/9

10 Créer & gérer un site Web avec Frontpage Exercices C.F.A.T.I.C. Dans le menu Fichier, cliquez sur Enregistrer sous (nom que vous voulez). Vous avez la possibilité d'enregistrer votre page sur votre site Web FrontPage, sur le World Wide Web, sur votre disque, ou comme modèle. Vous pouvez également en changer le titre et l'url (Uniform Resource Locator). L'URL est un nom unique que le navigateur Web utilisera pour trouver et afficher la page. Cliquez sur OK. 1.6 Éditer la page Centres d'intérêt Cette seconde page de votre site contiendra une liste à puces de vos centres d'intérêt. Vous pourrez bien sûr la personnaliser plus tard. 1 - Dans le menu Fichier de l'éditeur FrontPage, choisissez Ouvrir. La boîte de dialogue Ouvrir s'affiche. Elle vous permet d'ouvrir des pages depuis votre site Web FrontPage actuel, votre disque dur, sur un autre serveur Web, ou directement sur le World Wide Web. Dans la liste, sélectionnez la page Centres d'intérêt et validez par OK. Lorsque la page est affichée, vous remarquerez que les éléments de mise en page du Thème ont bien été appliqués. 2 - Entrez le texte suivant : "Voici quelques-uns de mes centres d'intérêt". Cliquez sur le bouton Centrer sur la barre d'outils. La phrase que vous venez de saisir est centrée. Lorsque vous appliquez un formatage de texte, tel que le centrage, FrontPage ajoute les tags (marqueurs) HTML correspondants dans la page. 3 - Dans le menu Insertion, choisissez Ligne horizontale. Une ligne de séparation est insérée sous votre texte. 4 - Annulez le centrage en cliquant de nouveau sur. En HTML, il n'y a pas encore de justifié. 5 - Cliquez sur le bouton Liste à puces de la barre d'outils. FrontPage commence une liste et affiche la première puce. Du fait que vous avez choisi un thème pour votre site Web, les puces habituellement utilisées sont remplacées par des images. Page 10/10 U.P.S. Chabert - février 2000

11 C.F.A.T.I.C.. Exercices Créer & gérer un site Web avec Frontpage Entrez le texte suivant : "Intérêt 1 : description de mon activité favorite" et appuyez sur Entrée, afin de terminer l'élément de liste et de créer la prochaine puce. 6 - Sur la ligne suivante, entrez "Intérêt 2 : ", puis appuyez sur Entrée. Sur la 3ème ligne, entrez "Intérêt 3 : ", puis appuyez sur Entrée deux fois, ce qui permet de terminer la liste. 7 - Vous pouvez copier et coller du texte comme dans n'importe quel traitement de textes. Pour compléter le texte des 2ème et 3ème puce, sélectionnez "description de mon activité favorite", dans le menu Édition, choisissez Copier. Placez ensuite le curseur derrière "Intérêt 2 : ", et dans le menu Édition, choisissez Coller. Répétez l'opération pour la 3ème puce. Astuce : vous pouvez également utiliser les combinaisons de touche CTRL + C pour copier et CTRL + V pour coller. 8 - Enregistrez votre page, avant de continuer, en appuyant sur le bouton Enregistrer sur la barre d'outils. Votre page devrait maintenant ressembler à ceci : 1.7 Éditer la page Album Photo Dans cette troisième page, nous allons insérer 2 images. Les images et illustrations apportent décoration et personnalisation à vos pages Web. 1 - Dans le menu Fichier de l'éditeur FrontPage, choisissez Ouvrir. Dans la liste, sélectionnez la page Album Photo et validez par OK. Lorsque la page est affichée, vous remarquerez que les éléments de mise en page du Thème ont bien été appliqués. 2 - Entrez le texte suivant : "Voici 2 superbes photos extraites de la bibliothèque d'images FrontPage". Cliquez sur le bouton Centrer sur la barre d'outils. La phrase que vous venez de saisir est centrée. 3 - Dans le menu Insertion, choisissez Ligne horizontale et appuyez sur Entrée. Chabert - février 2000 U.P.S. Page 11/11

12 Créer & gérer un site Web avec Frontpage Exercices C.F.A.T.I.C. 4 - Pour importer les images sur la page, dans le menu Insertion, choisissez Image. La boîte de dialogue "Image" qui s'affiche vous permet de choisir l'emplacement d'où elles seront importées : votre site Web FrontPage actuel, votre disque dur, un autre serveur Web, depuis un scanneur ou la bibliothèque Microsoft Clip Gallery. 5 - Cliquez sur le bouton Fichier, qui vous permet de parcourir votre disque. 6 - Dans la boîte de dialogue "Sélectionner le fichier", déplacez-vous jusqu'au dossier où est installé FrontPage, par défaut "C:\Program Files\Microsoft FrontPage", et ouvrez le dossier "\tutorial". Sélectionnez-y l'image sunset.gif et cliquez OK. La première image est insérée. Appuyez sur Entrée pour créer une nouvelle ligne et répétez l'opération pour insérer l'image city.gif, situez dans le même dossier. Si elle n'y sont pas, téléchargez les deux fichiers avec les liens suivants, enregistrez les sur votre disque dur (en faisant attention où vous les placez) et recommencez le point 6 de cette page. 7 - Enregistrez votre page, avant de continuer, en appuyant sur le bouton Enregistrer sur la barre d'outils. Dans la boîte de dialogue "Enregistrer les fichiers incorporés", cliquez sur OK, pour enregistrer les images que vous avez insérées. Votre page devrait maintenant ressembler à ceci : 1.8 Éditer la page Favoris Dans cette quatrième page, nous allons insérer une courte liste de liens hypertexte (ou hyperliens) vers d'autres sites du World Wide Web. 1 - Dans la barre d'outils FrontPage, choisissez le bouton Ouvrir. Dans la liste, sélectionnez la page Favoris et validez par OK. Lorsque la page est affichée, vous remarquerez que les éléments de mise en page du Thème ont bien été appliqués. Page 12/12 U.P.S. Chabert - février 2000

13 C.F.A.T.I.C.. Exercices Créer & gérer un site Web avec Frontpage 2 - Entrez le texte suivant : "Voici une liste de mes sites favoris sur le World Wide Web!". Cliquez sur le bouton Centrer sur la barre d'outils. La phrase que vous venez de saisir est centrée. 3 - Dans le menu Insertion, choisissez Ligne horizontale et appuyez sur Entrée. Pour enlever le Centré, Cliquez sur. Nous allons maintenant insérer des hyperliens. Ce sont des pointeurs à partir d'un texte ou d'une image vers d'autres pages ou d'autres types de fichiers sur le World Wide Web. Les hyperliens sont le principal moyen de navigation entre les pages des sites Web. Il est possible de les créer de 2 manières : depuis un texte descriptif ou automatiquement. (QWUH]OHWH[WHVXLYDQW$FDGpPLHGH7RXORXVHHWDSSX\H]VXU(QWUpH 5 - Sélectionnez avec votre souris les mots que vous venez de saisir, et dans le menu Insertion, choisissez Lien hypertexte. La boîte "Créer un lien hypertexte" s'affiche. Elle vous permet de définir la cible du lien, qui peut être une page ou un fichier de votre site Web FrontPage actuel, sur votre disque dur, sur un autre serveur Web, ou directement sur le World Wide Web. Vous pouvez également créer directement un lien vers une messagerie. Dans le champ URL, tapez et cliquez sur OK. "http://" correspond à HyperText Transfer Protocol, le protocole Internet qui permet aux navigateurs Web de récupérer l'information sur les serveurs Web. est l'url du site Microsoft France, c'est-à-dire l'adresse unique du site sur le Web. 7 - Cliquez n'importe où dans votre page, pour désélectionner le texte. Vous remarquerez qu'il a changé de couleur et qu'il est maintenant souligné, pour indiquer que c'est un lien hypertexte. Lorsque la page sera affichée dans un navigateur Web, le fait de cliquer sur le lien conduira vers la page d'accueil du site Microsoft France. L'apparence du texte est tirée également du thème que vous avez appliqué précédemment dans cette leçon Créons maintenant un hyperlien automatique : 1 - Tapez directement sur la page par exemple, et appuyez sur Entrée. "Yahoo!" est l un des moteurs de recherche de l'internet, pour retrouver des informations en générant des requêtes à partir de mots-clés. Dès que vous avez validé par Entrée, le formatage du texte a changé, pour indiquer que FrontPage, tout comme le font les applications de la suite Office, avait reconnu un hyperlien. Comme une URL n'est pas forcément descriptive en soi, il est souvent préférable de la modifier pour le nom du site auquel elle se rapporte. Vous pouvez le faire directement, en remplaçant le texte, sans supprimer l'hyperlien. 2 - Avec votre souris, mettez en surbrillance l'url que vous venez de saisir, et tapez le mot Yahoo!, pour remplacer le texte. L'hyperlien pointe toujours sur la même URL, mais son "étiquette" est différente Créons maintenant un lien hypertexte à l'aide de votre navigateur Web : Cette méthode est des plus pratiques, puisque vous visitez effectivement la page vers laquelle vous désirez pointer. Remarque : si vous ne disposez pas d'accès Internet sur l'ordinateur d'où vous suivez ce didacticiel, passez directement à la section suivante. 1 - Positionnez votre curseur sur la ligne suivante, tapez "Microsoft FrontPage" et appuyez sur Entrée. Sélectionnez ensuite ce texte. 2 - Dans le menu Insertion, choisissez Lien hypertexte. La boîte "Créer un lien hypertexte" s'affiche. Chabert - février 2000 U.P.S. Page 13/13

14 Créer & gérer un site Web avec Frontpage Exercices C.F.A.T.I.C. 3 - Cliquez sur le bouton Navigateur. FrontPage lance alors votre navigateur Web. Lorsque vous visiterez la page vers laquelle doit pointer votre hyperlien, vous basculerez vers FrontPage, et l'adresse de la page cible s'inscrira dans le champ. 4 - Dans la zone adresse du navigateur, tapez : et appuyez sur Entrée. Le navigateur affiche la page d'accueil Microsoft FrontPage en Français, où vous pouvez trouver toutes les informations utiles sur ce produit. 5 - Sur votre clavier, appuyez simultanément sur ALT+TAB, ou cliquez sur l'icône de l'éditeur FrontPage dans la barre des tâches, pour revenir à la boîte de dialogue "Créer un lien hypertexte". L'URL de la page d'accueil Microsoft FrontPage a été entrée dans le champ URL. Cliquez OK. Cliquez n'importe où dans votre page, pour désélectionner le texte. 6 - Enregistrez votre page, en appuyant sur le bouton Enregistrer sur la barre d'outils. Votre page devrait maintenant ressembler à ceci : 1.9 Afficher votre site Web Maintenant que votre site est terminé, vous pouvez l'afficher dans votre navigateur, et ainsi en voir l'apparence et la mise en page. Vous pourrez également naviguer entre les pages et tester les liens hypertexte que vous avez créés. 1 - Dans l'éditeur FrontPage, cliquez sur le menu Fenêtre. La liste des pages créées s'affiche, pour autant que vous ne les ayez pas fermées. Sélectionnez la page d'accueil pour la passer au premier plan. Si vous l'aviez fermée, ouvrez-la. 2 - Dans le menu Fichier, choisissez Aperçu dans le navigateur, afin de prévisualiser la page courante dans votre navigateur. Vous verrez ainsi exactement comment s'affiche la page, avant de publier votre site Web FrontPage. Il faut qu'au moins un navigateur soit installé sur votre ordinateur. 3 - Dans la boîte de dialogue qui s'affiche, sélectionnez le navigateur que vous souhaitez utiliser, et cliquez Aperçu. Page 14/14 U.P.S. Chabert - février 2000

15 C.F.A.T.I.C.. Exercices Créer & gérer un site Web avec Frontpage La page d'accueil est affichée dans le navigateur, vous pouvez cliquer sur la barre de navigation pour afficher les autres pages de votre site. Astuce : Il existe un moyen plus rapide d'afficher les pages en cours de création. Si vous disposez de Microsoft Internet Explorer sur votre système, vous pouvez immédiatement afficher les pages de votre site Web FrontPage, en sélectionnant l'onglet Aperçu dans l'éditeur FrontPage. 2 Leçon 2 FERMEZ VOTRE SITE WEB ET FRONTPAGE POUR PASSER À LA LEÇON Ouvrir un Site Web FrontPage Vous utiliserez le site Web FrontPage que vous avez créé dans la leçon 1, pour la suite des leçons. Avant de pouvoir ajouter la page "Pratique" à votre site Web personnel, vous devez tout d'abord ouvrir ce dernier dans l'explorateur FrontPage. Note : Si votre site Web personnel est déjà ouvert, passez les étapes suivantes et allez directement à la leçon 2.2. Chabert - février 2000 U.P.S. Page 15/15

16 Créer & gérer un site Web avec Frontpage Exercices C.F.A.T.I.C Pour ouvrir un site Web FrontPage 1 - Cliquez sur le bouton "Démarrer" de Windows, pointez sur "Programmes", puis cliquez sur "Microsoft FrontPage". 2 - Quand FrontPage s'ouvre, sélectionnez "Ouvrir un site Web...". 3 - A partir de la liste des sites Web FrontPage, choisissez Votre site et cliquez "OK". Note : Note : Suivant le type de serveur Web et le système d'exploitation que vous utilisez, l'explorateur FrontPage peut afficher la boîte de dialogue "Nom et mot de passe requis". Si elle n'apparaît pas, passez les étapes ci-dessous et continuez à la prochaine section. 4 - Si vous êtes l'administrateur de ce site Web FrontPage, entrez votre nom d'administrateur dans le champ "Nom". Si vous êtes l'auteur de ce site Web FrontPage, entrez votre nom. Pour en savoir plus sur les autorisations pour les sites Web FrontPage, reportez-vous à l'aide en ligne. Dans l'index, entrez le texte "administrateurs, autorisation". 5 - Dans le champ "Mot de passe", tapez votre mot de passe, puis cliquez "OK". Le site Web FrontPage est affiché dans l'explorateur FrontPage. 2.2 Ajouter une page à un site Web FrontPage Votre site Web personnel se compose d'une page d'accueil et de trois pages liées. Vous avez appris comment ajouter ces pages à votre site, en utilisant l'affichage "Navigation" dans l'explorateur FrontPage. Maintenant, vous allez ajouter une nouvelle page, nommée "Pratique", en utilisant l'éditeur FrontPage. Cette page sera une page de mise en pratique, sur laquelle vous pourrez vous exercer librement pendant les exercices de cette leçon. Quand la page sera créée, vous l'enregistrerez sur votre site Web personnel Pour ajouter une nouvelle page 1 - Aller dans l'éditeur FrontPage. 2- Cliquer sur le bouton pour créer une nouvelle page qui s'appellera "Nouvelle page?". C'est une page blanche qui contient des éléments du thème commun et les bordures partagées. Le thème que vous avez appliqué à votre site Web personnel dans la leçon 1 est automatiquement appliqué aux nouvelles pages que vous créez dans l'éditeur FrontPage, de même que le contenu des bordures partagées. 3 - Dans le menu "Fichier" de l'éditeur FrontPage, choisissez "Enregistrer sous". La boîte de dialogue "Enregistrer sous" s'ouvre. 4 - Dans le champ "Titre de la page :" cliquez sur le bouton "modifier" et tapez "Pratique". 4 - Dans le champ "Nom de fichier :", changez le nom de fichier en "tutorial.htm". 5 - Cliquez sur "OK" pour enregistrer la page sur votre site Web FrontPage. Note : Bien qu'elle soit enregistrée dans votre site Web FrontPage, vous n'avez pas relié cette page aux autres pages dans la structure du site Web. La page Pratique sera utilisée comme une zone de travail provisoire pour cette leçon. Elle pourra être effacée quand vous aurez terminé avec succès le cours FrontPage. Comme cette page "Pratique" n'exige pas de navigation vers les autres pages du site Web, vous cacherez les bordures partagées avant de continuer avec les exercices de cette leçon. Page 16/16 U.P.S. Chabert - février 2000

17 C.F.A.T.I.C.. Exercices Créer & gérer un site Web avec Frontpage Pour cacher les bordures partagées et les Barres de navigation 1 - Dans le menu "Format" de FrontPage, choisissez "Bordures partagées". La boîte de dialogue "Bordures partagées" est affichée. Dans cette boîte de dialogue vous pouvez désactiver sur cette page les paramètres de bordures par défaut pour le site Web en cours. 2 - Sélectionnez "Page en cours". 3 - Décochez les cases "En Haut" et "A Gauche" afin que les bordures ne soient plus sélectionnées, puis cliquez sur "OK". Les Bordures de page et les Barres de navigation sont maintenant cachées et seule l'image d'arrière-plan du thème reste visible. 2.3 Insérer des fichiers Dans la leçon 1, vous avez ajouté du texte à vos pages en le saisissant directement sur la page dans l'éditeur FrontPage. Il y aura pourtant sûrement des cas, où il sera plus facile de transférer dans vos pages Web le contenu d'autres documents. Avec l'éditeur FrontPage, vous pouvez insérer dans vos pages des fichiers texte dans les formats suivants : Texte ASCII (TXT), Rich Text Format (RTF), Hypertext Markup Language (HTM ou HTML), Traitement de texte (y compris Microsoft Word), Feuille de calcul (y compris Microsoft Excel). Le fichier que vous allez insérer dans cette leçon est un fichier texte standard Pour insérer un fichier texte dans la page La page "Pratique" étant encore ouverte dans l'éditeur FrontPage, assurez-vous que le point d'insertion est en haut à gauche de la page. 1 - Dans le menu "Insertion" de l'éditeur FrontPage, choisissez l'option "Fichier". La boîte de dialogue "Sélectionner un fichier" est affichée. Le fichier que vous voulez insérer se nomme "Tutorial". 2 - Sélectionnez dans la liste déroulante "Type" l'option "Fichiers texte (.txt)". 3 - Naviguez ensuite jusqu'au dossier C:\Program Files\Microsoft FrontPage\Tutorial\ 4 - Sélectionnez le fichier "Tutorial.txt", puis cliquez sur "Ouvrir". Si vous ne le trouvez pas dans ce dossier, cherchez le ailleurs. S'il n'est pas installé sur votre disque dur, téléchargez-le. en faisant bien attention où vous le placez, puis recommencez au 1- de cette page 5 - Dans la boîte de dialogue "Convertir le texte", sélectionnez l'option "Paragraphes Normaux avec sauts de lignes" et cliquez sur "OK". FrontPage importe le contenu du fichier texte et le place dans la page en cours. Chabert - février 2000 U.P.S. Page 17/17

18 Créer & gérer un site Web avec Frontpage Exercices C.F.A.T.I.C Pour enregistrer la page en cours Dans le menu "Fichier" de FrontPage, choisissez "Enregistrer". La page est enregistrée sur le site Web en cours. 2.4 Recevoir des commentaires depuis votre site Dans la leçon 1, vous avez appris comment créer des hyperliens simples à partir de texte sur une page, qui pointe vers d'autres pages dans votre site Web. Mais au-delà de la connexion des pages à l'intérieur de votre site Web, un hyperlien peut aussi ouvrir des pages sur le World Wide Web ou interagir avec d'autres programmes tels qu'une application de courrier électronique ou un lecteur de News. Dans les étapes ci-dessous, vous créerez un hyperlien qui lance un formulaire de messagerie sur l'ordinateur de l'utilisateur, quand il clique ce lien dans son navigateur. Ce type d'hyperlien est utilisé pour demander leurs commentaires aux visiteurs de votre site Web, lorsqu'il est publié Pour créer un hyperlien 1 - Sur la page " Pratique", appuyez sur la touche "Entrée" pour créer un peu d'espace après le texte inséré précédemment. 2 - Saisissez "S'il vous plaît, envoyez-moi vos réactions sur mon site Web!". 3 - Double-cliquez le mot "réaction" pour le sélectionner. FrontPage supporte les raccourcis de sélection standards de Windows. Bouton Créer ou modifier un lien hypertexte 4 - Cliquez sur le bouton "Créer ou modifier un lien hypertexte" dans la barre d'outils de FrontPage. Les boutons de la barre d'outils offrent des raccourcis pratiques pour les commandes FrontPage. Bouton Créer un lien hypertexte d'envoi de message Page 18/18 U.P.S. Chabert - février 2000

19 C.F.A.T.I.C.. Exercices Créer & gérer un site Web avec Frontpage 5 - Dans la boîte de dialogue "Créer un lien hypertexte", cliquez le bouton "Créer un lien hypertexte d'envoi de message ". 6 - Dans la boîte de dialogue correspondante, tapez votre adresse personnelle (par exemple : Votre adresse personnelle a été définie par votre fournisseur d'accès Internet, lorsque vous avez obtenu votre connexion à l'internet. 7 - Cliquez sur "OK". Le champ URL dans la boîte de dialogue "Créer un lien hypertexte" contient maintenant (cet exemple est remplacé par votre adresse réelle sur votre écran). 8 - Cliquez "OK". Le mot "réaction" a changé de couleur de texte et est maintenant souligné pour indiquer qu'il s'agit d'un hyperlien. Plus tard, dans cette leçon, vous afficherez la page "Pratique" dans votre navigateur et vous pourrez tester l'hyperlien que vous venez de créer ici. Bien entendu, il n'est pas possible de tester le lien dans l'éditeur Pour enregistrer la page en cours Bouton Enregistrer Dans la barre d'outils de FrontPage, cliquez sur le bouton "Enregistrer". La page est enregistrée sur le site Web en cours. 2.5 Créer une Image Map Dans la première leçon, vous avez appris comme il est facile de placer des images dans les pages Web. Maintenant, vous créerez une image map, une image contenant un ou plusieurs hyperliens. Chabert - février 2000 U.P.S. Page 19/19

20 Créer & gérer un site Web avec Frontpage Exercices C.F.A.T.I.C. Quand une image est formatée en image map, un utilisateur peut cliquer sur certaines région de l'image et déclencher des "hotspots", c'est à dire des zones réactives. Ces hotspots lancent les hyperliens qui ont été ajoutés au HTML par l'éditeur FrontPage. Avant de créer une image map, vous devez tout d'abord insérer l'image que vous utiliserez Pour insérer une Image 1 - Appuyez sur la touche "Entrée" pour déplacer le point d'insertion à la ligne juste en dessous de l'hyperlien "réaction". 2 - Dans le menu "Insertion" de FrontPage, sélectionnez "Image". La boîte de dialogue "Image" s'affiche. Bouton Sélectionner un fichier stocké sur votre ordinateur 3 - Dans la boîte de dialogue "Image", cliquez le bouton "Sélectionner un fichier stocké sur votre ordinateur". Le fichier d'image que vous voulez insérer se nomme blackbrd.gif. 4 - Dans la boîte de dialogue "Sélectionner un Fichier", naviguez jusqu'au dossier C:\Program Files\Microsoft FrontPage\Tutorial\ 5 - Sélectionnez le fichier "blackbrd.gif", puis cliquez sur "OK". Si vous ne la trouvez pas à l'emplacement indiqué, téléchargez-la et enregistrez la sur votre disque dur en faisant bien attention où vous la placez. L'image d'une ardoise est affichée sur la page. Cette image a un arrière-plan noir, ce qui ne correspond pas avec l'arrière-plan clair du thème. Vous allez maintenant rendre la bordure transparente, afin qu'elle se mêle avec la couleur d'arrière-plan blanche de la page "Pratique" Pour rendre une couleur de l'image transparente 1 - Cliquez l'image de l'ardoise pour la sélectionner. Une image est sélectionnée quand elle est entourée avec des poignées rectangulaires. Quand vous sélectionnez une image, la barre d'outil Image est activée. Bouton Rendre transparent 2 - Maintenant, cliquez sur le bouton "Rendre transparent" sur la barre d'outils Image. 3 - Déplacez le pointeur de la souris sur l'image. Le pointeur se change en crayon-gomme. 4 - Cliquez sur le bouton gauche de la souris n'importe où sur l'arrière-plan noir derrière l'ardoise. L'arrière-plan de l'image est maintenant transparent, permettant à l'arrière-plan clair de la page d'être visible. Page 20/20 U.P.S. Chabert - février 2000

21 C.F.A.T.I.C.. Exercices Créer & gérer un site Web avec Frontpage Maintenant, vous allez créer les hotspots sur l'image pour terminer l'image map Pour créer les Hotspots 1 - Cliquez l'image de l'ardoise pour la sélectionner. Bouton Zone Réactive Rectangulaire 2 - Maintenant, cliquez dans le bouton "Rectangle" sur la barre d'outils Image. Le bouton "Rectangle" crée un "hotspot" rectangulaire sur une image. Un hotspot est une zone d'une image qui contient un hyperlien. 3 - Déplacez le pointeur de la souris sur l'image. Le pointeur devient un crayon. 4 - Déplacez le crayon vers le coin gauche supérieur du texte "Centres d'intérêt". 5 - Cliquez et gardez le bouton gauche de la souris enfoncé, puis tirez le rectangle jusqu'à ce qu'il entoure le texte "Centres d'intérêt". Quand vous relâchez le bouton de la souris, la boîte de dialogue "Créer un lien hypertexte" s'affiche. Si vous avez relâché le bouton de la souris trop tôt, vous pourrez toujours ajuster la zone hotspot, après les étapes ci-dessous. Chabert - février 2000 U.P.S. Page 21/21

22 Créer & gérer un site Web avec Frontpage Exercices C.F.A.T.I.C. 6 - Dans la boîte de dialogue "Créer un lien hypertexte", sélectionnez le fichier "Intérêts.htm", puis cliquez sur "OK". Le texte "Centres d'intérêt" sur l'image de l'ardoise est maintenant un hyperlien. Astuce FrontPage : Les hotspots peuvent être redimensionnés. Si vous voulez ajuster la taille et la position d'un hotspot, déplacer la souris au-dessus des bordures du hotspot jusqu'à ce que vous voyiez le pointeur de redimensionnement (une flèche à deux-têtes). Vous pouvez alors cliquer et tirer les bordures du hotspot jusqu'au bon emplacement. L'hyperlien associé sera conservé. Expérimentez maintenant par vous-même et créez les liens hypertexte supplémentaires pour les deux lignes de texte restantes sur l'image de l'ardoise. Créez un hyperlien avec les mots "Album Photo" vers la page "album.htm", et un hyperlien pour les mots "Sites Web Favoris" vers la page "favoris.htm". Plus tard dans cette leçon, vous verrez la page "Pratique" dans votre navigateur Web, et vous pourrez tester votre image map. Avant de continuer, enregistrez votre travail. Vous avez importé l'image blackbrd.gif dans la page depuis votre disque local. FrontPage enregistrera l'image dans votre site Web, afin qu'elle soit disponible plus tard, quand vous publierez votre site Web personnel à la leçon Pour enregistrer la page et l'image en cours Bouton Enregistrer 1 - Dans la barre d'outils de FrontPage, cliquez sur le bouton "Enregistrer". 2 - Dans la boîte de dialogue "Enregistrer les fichiers incorporés", cliquez sur "OK" pour enregistrer l'image que vous avez insérée. Page 22/22 U.P.S. Chabert - février 2000

23 C.F.A.T.I.C.. Exercices Créer & gérer un site Web avec Frontpage L'image de l'ardoise que vous avez placée sur votre page est ajoutée à votre site Web FrontPage et la page en cours est enregistrée. 2.6 Placer du texte sur une image Dans FrontPage, vous pouvez placer du texte formaté sur une image. Cette fonctionnalité est utile pour la création de bannières graphiques, d'étiquettes sur des boutons image et la création de texte sur des images maps Pour placer du texte sur une image 1 - Sur la page "Pratique", placez le point d'insertion après l'image de l'ardoise, puis appuyez deux fois sur la touche "Entrée". 2 - Dans le menu "Insertion" de l'éditeur FrontPage, sélectionnez "Image". La boîte de dialogue "Image" est affichée. 3 - Sélectionnez le fichier "sunset.gif", puis cliquez sur "OK". L'image sunset.gif a été ajoutée à votre site Web personnel lors de la leçon 1, donc vous pouvez l'insérer directement depuis votre site Web. 4 - Cliquez ensuite l'image "sunset" que vous venez d'insérer pour activer la barre d'outils Image. Bouton Texte 5 - Dans la barre d'outils Image, cliquez le bouton "Texte". Un champ texte avec des poignées et un curseur clignotant apparaît au centre de l'image. 6 - Tapez le mot "sunset". Le mot est centré dans le champ texte. La couleur du texte est trop foncée pour l'image que vous avez insérée. L'étape suivante permettra de faire ressortir le texte de l'image Pour formater le texte 1 - Double-cliquez le mot "sunset" pour le sélectionner. Bouton Couleur du texte 2 - Dans la barre d'outils Format, cliquez sur le bouton "Couleur du texte". La boîte de dialogue "Couleurs" apparaît. 3 - Cliquez sur une couleur claire pour le texte, telle que blanc, puis cliquez sur "OK". 4 - Dans le menu "Format", choisissez "Police". La boîte de dialogue "Police" apparaît. 5 - Dans le champ "Police", choisissez "Times New Roman". 6 - Dans le champ "Style de police", choisissez "Gras". Chabert - février 2000 U.P.S. Page 23/23

24 Créer & gérer un site Web avec Frontpage Exercices C.F.A.T.I.C. 7 - Dans le champ "Taille", choisissez "4 (14 points)", puis cliquez sur "OK" pour appliquer le changement de formatage. 8 - Pour que le texte tienne dans la boîte de texte, cliquez et tirez les poignées de redimensionnement jusqu'à ce que le mot "sunset" soit complètement affiché. Vous pouvez déplacer la boîte de texte au centre (ou n'importe où) de l'image en cliquant et déplaçant le mot avec la souris. Quand vous placez du texte formaté sur une image sur la page en cours, FrontPage ne modifie pas l'image originale. Quand vous enregistrez la page, FrontPage sauve une combinaison d'image et de texte dans un nouveau fichier d'image séparé. Si vous avez précédemment permis à FrontPage d'enregistrer l'image originale dans votre site Web FrontPage (en cliquant "Oui" dans la boîte de dialogue "Enregistrer les fichiers incorporés"), vous pourrez revenir à l'image originale ultérieurement. Avant de continuer, c'est une bonne idée d'enregistrer votre travail Pour enregistrer la page en cours Dans le menu "Fichier" de FrontPage, sélectionnez "Enregistrer". La page est enregistrée sur le site Web FrontPage en cours. 2.7 Créer une table (ou tableau) Les tables (ou tableaux) sont un ensemble de cellules organisées en lignes et en colonnes. Vous pouvez utiliser des tables pour grouper des informations de manière systématique, ou, en les formatant avec des bordures invisibles, pour organiser la disposition de la page. Page 24/24 U.P.S. Chabert - février 2000

25 C.F.A.T.I.C.. Exercices Créer & gérer un site Web avec Frontpage Pour créer une table 1 - Dans la page "Pratique", placez le point d'insertion après l'image "sunset", puis appuyez deux fois sur la touche "Entrée" pour créer un peu d'espace. 2 - Dans le menu "Tableau", sélectionnez "Insérer un Tableau". La Boîte de dialogue "Insérer un Tableau" s'affiche. 3 - Dans le champ "lignes", entrez "6". 4 - Dans le champ "colonnes", entrez "2". 5 - Dans le champ "taille de la bordure", entrez "0". Vous conserverez les valeurs par défaut pour l'alignement, l'espacement des cellules, la marge interne des cellules et la largeur. Vous pouvez toujours modifier ces paramètres plus tard. 6 - Cliquez sur "OK". FrontPage crée une table avec six lignes et deux colonnes. Astuce FrontPage : Grille ou Bordures? Quand une table est insérée avec une bordure de taille zéro, l'éditeur FrontPage affiche une grille pour vous aider à concevoir la disposition de la table. Cette grille n'est qu'un guide. Quand la page est affichée dans un navigateur Web, la grille n'est pas affichée. Si vous voulez que la table apparaisse avec des bordures, cliquez avec le bouton droit de la souris n'importe où à l'intérieur de celle-ci dans l'éditeur FrontPage et sélectionnez "Propriétés du Tableau" dans le menu contextuel. Dans cette boîte de dialogue, vous pouvez augmenter la valeur de la taille de la bordure. 2.8 Entrer du texte dans une table Vous pouvez saisir du texte directement dans les cellules d'une table. Pour cet exercice, vous utiliserez la table que vous venez d'insérer pour créer une liste descriptive des pages de votre site Pour ajouter du texte dans une table 1 - Cliquez dans la cellule en haut à gauche de la table et tapez le titre de la première colonne : Noms des pages Web. 2 - Ensuite, tapez les noms de fichier des cinq pages de votre site Web dans les cellules de la colonne de gauche. Utilisez la touche "Flèche bas" pour aller à la cellule suivante, après avoir entré le nom de chaque fichier. index.htm, interets.htm, photo.htm, favoris.htm, tutorial.htm. Remarquez que pour les noms de fichiers, il vaut mieux éviter les majuscules, mais surtout NE JAMAIS utiliser de caractères accentués. Chabert - février 2000 U.P.S. Page 25/25

26 Créer & gérer un site Web avec Frontpage Exercices C.F.A.T.I.C. 3 - Cliquez dans la cellule en haut à droite de la table et tapez le titre de la seconde colonne : "Description de la page" 4 - Ensuite, tapez une brève description à côté de chacun des noms de fichiers. Utilisez la touche "Flèche bas" pour descendre vers la cellule suivante, après avoir saisi chaque description de fichier. La page de garde de mon site Web personnel. Une liste de mes centres d'intérêts. Quelques images superbes. Une liste de mes sites World Wide Web favoris. La page où je m'entraîne pour mes leçons FrontPage. 5 - Avec la souris, sélectionnez la première ligne de la table. Bouton Gras 6 - Dans la barre d'outils "Format", cliquez sur le bouton "Gras". Les colonnes d'en-tête sont formatées en gras. Il est ainsi plus facile de distinguer les étiquettes des colonnes avec les autres cellules. 7 - Ensuite, déplacez le pointeur de la souris vers le milieu de la table, là où les bordures verticales gauche et droite des colonnes se rejoignent. Le pointeur change en une flèche à double-tête horizontale. 8 - Cliquez le bouton gauche de la souris, gardez-le enfoncé et tirez la bordure de la colonne vers la gauche afin que les deux colonnes soient plus proches sur la page. Le redimensionnement dynamique des tables est facile à faire avec FrontPage et fonctionne avec les lignes et avec les colonnes. Maintenant, votre table doit ressembler à ceci : Page 26/26 U.P.S. Chabert - février 2000

27 C.F.A.T.I.C.. Exercices Créer & gérer un site Web avec Frontpage Pour enregistrer la page en cours Bouton Enregistrer La page est enregistrée sur votre site Web. 2.9 Créer une liste Un autre moyen pour grouper et organiser l'information est d'utiliser des listes. Les pages Web peuvent avoir deux types de listes - numérotée ou à puces. Les listes numérotées contiennent du texte précédé par des numéros, comme les étapes de ce tutorial. Dans les listes à puces, le texte est précédé par des puces ou des images. Vous utilisez une liste à puces si les éléments n'ont pas besoin d'être listés dans un ordre particulier. Dans la leçon 1, vous avez créé des listes à puces sur les pages "Intérêts" et "Favoris". Créons maintenant une liste numérotée Pour créer une liste numérotée 1 - Sur la page "Pratique", placez le curseur après le texte "La page où je m'entraîne pour mes leçons FrontPage" dans la dernière cellule, puis appuyez sur CTRL + Entrée. La combinaison de touche CTRL + Entrée crée une nouvelle ligne au-dessous de la table. 2 - Appuyez sur la touche "Entrée" pour créer plus d'espace au-dessous de la table. 3 - Sélectionnez "Titre 2" dans la liste déroulante "Modifier le style" sur la barre d'outils de l'editeur FrontPage. Chabert - février 2000 U.P.S. Page 27/27

28 Créer & gérer un site Web avec Frontpage Exercices C.F.A.T.I.C. 4 - Ensuite, saisissez "Étapes pour utiliser FrontPage" sur cette ligne et appuyez sur "Entrée". Vous avez créé un paragraphe de style Titre 2. Bouton Liste numérotée 5 - Cliquez sur le bouton "Liste numérotée" sur la barre d'outils. FrontPage ajoute une nouvelle ligne avec un "1" au début. 6 - Saisissez "Lancer l'explorateur FrontPage" et appuyez sur la touche "Entrée". FrontPage ajoute une nouvelle ligne avec un "2" au début. 7 - Ensuite, saisissez les autres points de la liste et appuyez sur la touche "Entrée" après chacun : Créer ou ouvrir un site Web FronPage, Lancer l'editeur FrontPage, Créer ou éditer les pages de votre site Web FrontPage, Enregistrer les modifications, Publier le Web FrontPage de votre site Web. 8 - Appuyez deux fois sur la touche "Entrée" après la saisie du dernier point, ce qui termine la liste en cours. La liste que vous avez créée doit se présenter comme ceci : Pour enregistrer la page en cours Bouton Enregistrer Page 28/28 U.P.S. Chabert - février 2000

29 C.F.A.T.I.C.. Exercices Créer & gérer un site Web avec Frontpage 2.10 Ajout un élément actif sur la page Avec FrontPage, vous pouvez ajouter des éléments actifs tels que boutons "sensitifs", texte défilant, compteurs de page et clips vidéo. Ces éléments peuvent rendre vos pages plus intéressantes et utiles. Dans cet exercice, vous ajouterez un texte défilant (marquee) à votre page courante. Un "marquee" est une zone sur la page qui affiche du texte "défilant" lorsqu'elle est visualisée dans un navigateur, tel que Microsoft Internet Explorer. Les marquees sont un moyen amusant pour créer du texte et des titres en mouvement sur votre page d'accueil. Ils peuvent être utilisés pour attirer l'attention sur des évènements Pour ajouter un marquee 1 - Dans la page "Pratique", appuyez deux fois sur la touche "Entrée" pour créer de l'espace au-dessous de la liste numérotée. 2 - Sélectionnez "Titre 1" dans la liste déroulante "Modifier le style" de la barre d'outils de FrontPage. 3 - Saisissez "Bienvenue sur mon site Web personnel!". 4 - Sélectionnez ce texte et cliquez le bouton "Couleur du texte" sur la barre d'outils Format. Choisissez une couleur claire, un orangé par exemple. Le formatage du texte du marquee doit être réalisé avant de le déclarer. Si le site Web FrontPage en cours dispose d'un thème, la couleur du texte, la taille et la police peut changer automatiquement. 5 - Dans le menu "Insertion", pointez sur "Composants", puis cliquez sur "Texte défilant". La boîte de dialogue "Propriétés du texte défilant" est affichée. Dans cette boîte de dialogue, vous pouvez modifier plusieurs propriétés comme la vitesse et la direction du mouvement, ainsi que la taille et la couleur d'arrière-plan. 6 - Dans la liste déroulante "Couleur d'arrière-plan", choisissez "Bleu foncé". 7 - Cliquez sur "OK". FrontPage ajoute une zone "marquee" à la page en cours. Chabert - février 2000 U.P.S. Page 29/29

30 Créer & gérer un site Web avec Frontpage Exercices C.F.A.T.I.C. Plus tard, dans cette leçon, vous afficherez la page "Pratique" dans un navigateur Web, vous pourrez ainsi voir le marquee que vous venez de créer Pour enregistrer la page en cours Bouton Enregistrer 2.11 Ajouter un formulaire de réaction Précédemment, vous avez appris comment fabriquer un hyperlien de messagerie à partir d'un texte. Cliquer sur l'hyperlien ouvre un formulaire sur l'ordinateur de l'internaute. Un autre moyen pour recevoir des commentaires depuis le World Wide Web est de placer un formulaire de réaction sur votre page. Il permet aux visiteurs de votre site de vous envoyer un commentaire sans ouvrir leur application de messagerie Pour ajouter un formulaire à votre page 1 - Sur la page "Pratique", appuyez sur la touche "Entrée" pour créer un peu d'espace au-dessous du marquee. 2 - Saisissez "S'il vous plaît, envoyez-moi vos commentaires sur mon site Web". 3 - Dans le menu "Insertion", sélectionnez "champ de formulaire", puis cliquez sur "Zone de texte déroulante". FrontPage insère un formulaire contenant une zone de texte déroulante et des boutons "Envoyer" et Effacer". Les propriétés par défaut d'un formulaire de réaction spécifient que les commentaires envoyés (les résultats du formulaire) sont enregistrés dans un fichier précis de votre site Web. Dans la prochaine section, vous afficherez la page "Pratique" dans votre navigateur, et vous pourrez tester ce formulaire et voir le résultat. Page 30/30 U.P.S. Chabert - février 2000

31 C.F.A.T.I.C.. Exercices Créer & gérer un site Web avec Frontpage Pour enregistrer la page en cours Bouton Enregistrer 2.12 Afficher la page "Pratique" dans votre navigateur Web Maintenant, il est temps de voir à quoi ressemble dans votre navigateur, la page "Pratique" que vous venez de créer Pour visualiser la page dans le navigateur Bouton Aperçu dans le navigateur 1 - Dans la barre d'outils de FrontPage, cliquez sur le bouton "Aperçu dans le navigateur". La page "Pratique" est affichée dans votre navigateur Web par défaut. 2 - Déplacez-vous vers le bas pour localiser "S'il vous plaît, envoyez-moi une réaction à propos de mon site Web!" et remarquez le mot "réaction". Le mot "réaction" est en couleur et souligné. Dès que vous déplacez la souris sur le mot, le pointeur se transforme en main, ce qui indique qu'il s'agit d'un hyperlien que vous pouvez cliquer. Si vous avez configuré correctement l'application de messagerie installée sur votre ordinateur, le fait de cliquer ce mot ouvrira la fenêtre d'envoi de nouvel , avec votre adresse personnelle dans la zone destinataire. Saisissez un message dans le formulaire et envoyez-le. Si aucune fenêtre n'apparaît, annulez l'opération et validez tout message qui pourrait apparaître. 3 - Ensuite, déplacez-vous vers le bas jusqu'à l'ardoise et cliquez sur "Centres d'intérêt". L'hyperlien que vous avez créé dans l'image map trouve et affiche la page de description de vos intérêts personnels. Chabert - février 2000 U.P.S. Page 31/31

Créer des pages web avec Front Page 2000

Créer des pages web avec Front Page 2000 Créer des pages web avec Front Page 2000 1 - Préparation Préparer le plan du site que l'on souhaite créer avec les liens reliant les différentes pages. Structure du site Structure pour le stockage des

Plus en détail

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56)

Guide d'utilisation. De Kompozer. AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Guide d'utilisation De Kompozer AUTEUR INITIAL : S. LOIZEL Collège Saint Joseph Caudan (56) Table des matières Fiche1 : Créer, nommer et sauvegarder une page...2 Fiche2 : Modifier les couleurs et le fond

Plus en détail

LIBRE OFFICE WRITER 4.3

LIBRE OFFICE WRITER 4.3 LIBRE OFFICE WRITER 4.3 Environnement général de Libre Office Writer SOMMAIRE I - ENVIRONNEMENT DE WRITER 4.3 4 1.1 - OUVRIR ET FERMER LE LOGICIEL WRITER 4 1.1.1 CREER UN NOUVEAU DOCUMENT 4 1.1.1 - FERMER

Plus en détail

MS PowerPoint (2000) Sommaire

MS PowerPoint (2000) Sommaire MS PowerPoint (2000) Sommaire Introduction... 2 Lancer PowerPoint... 2 L espace de travail... 3 1. Créer une présentation Créer une présentation vierge... 4 Ajouter une nouvelle diapositive... 5 Dupliquer

Plus en détail

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

Formation > Développement > Internet > Réseaux > Matériel > Maintenance Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE

Plus en détail

Réaliser des tâches courantes dans une présentation

Réaliser des tâches courantes dans une présentation Formation Réaliser des tâches courantes dans une présentation AVANT DE COMMENCER Au cours de l'exercice pratique, cette fenêtre s'affichera au-dessus de la fenêtre du programme dans lequel vous travaillez.

Plus en détail

Naviguer CHARGER ET QUITTER INTERNET EXPLORER

Naviguer CHARGER ET QUITTER INTERNET EXPLORER Naviguer UTILISER UN NAVIGATEUR CHARGER ET QUITTER INTERNET EXPLORER Pour pouvoir travailler avec votre application Internet Explorer il est indispensable de l'ouvrir. Pour réaliser cette opération plusieurs

Plus en détail

Microsoft Word barres d outils. Par : Patrick Kenny

Microsoft Word barres d outils. Par : Patrick Kenny Microsoft Word barres d outils Par : Patrick Kenny 17 novembre 2004 Table des matières Mode affichage :... 3 Barre d outils Standard :... 4-5 Barre d outils Mise en forme :... 6-7 Activation de la barre

Plus en détail

La Clé informatique. Formation Powerpoint XP Aide-mémoire

La Clé informatique. Formation Powerpoint XP Aide-mémoire La Clé informatique Formation Powerpoint XP Aide-mémoire Septembre 2003 Contenu de la formation Powerpoint XP Leçon 1 : Introduction à PowerPoint Démarrage de PowerPoint Leçon 2 : Environnement Powerpoint

Plus en détail

CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML

CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML A L'AIDE DU LOGICIEL LIBRE OFFICE Libre Office 3.3.3 et Open Office.org 3.3.0 sont deux suites bureautiques complètes, équivalentes (seule la charte

Plus en détail

Création de documents interactifs au format Html sous Word 97

Création de documents interactifs au format Html sous Word 97 Création de documents interactifs au format Html sous Word 97 Microsoft Word ainsi que certains autres programmes Microsoft Office fournissent des outils de création de pages Web afin d en faciliter la

Plus en détail

cours Contenu et objectifs Traitements du texte : Microsoft Word Chapitre I :

cours Contenu et objectifs Traitements du texte : Microsoft Word Chapitre I : Contenu et objectifs cours Traitements du texte : Microsoft Word Traitements du texte : Microsoft Word Chapitre I : Chapitre II Démarrer Word Utiliser système de Menu et les barres d outils de Word. Afficher

Plus en détail

Explorateur Windows EXPLORATEUR WINDOWS...1 INTRODUCTION...2 LANCEMENT DE L'EXPLORATEUR WINDOWS...3 PRÉSENTATION PHYSIQUE...3 RECHERCHER...

Explorateur Windows EXPLORATEUR WINDOWS...1 INTRODUCTION...2 LANCEMENT DE L'EXPLORATEUR WINDOWS...3 PRÉSENTATION PHYSIQUE...3 RECHERCHER... EXPLORATEUR WINDOWS SOMMAIRE EXPLORATEUR WINDOWS...1 INTRODUCTION...2 LANCEMENT DE L'EXPLORATEUR WINDOWS...3 PRÉSENTATION PHYSIQUE...3 RECHERCHER...6 ORGANISATION DE SES DOSSIERS...7 CRÉER UN DOSSIER...7

Plus en détail

bureautique traitement de texte

bureautique traitement de texte bureautique traitement de texte Environnement - Manipulation de texte Gestion des fichiers - Mise en forme - Insérer un objet, une image Environnement 1/ Barre de titre Contient le nom du document actif

Plus en détail

Guide pour la réalisation d'un document avec Open Office Writer 2.2

Guide pour la réalisation d'un document avec Open Office Writer 2.2 Guide pour la réalisation d'un document avec Open Office Writer 2.2 1- Lancement de l'application : Le Traitement de textes de la Suite OpenOffice peut être lancé : soit depuis le menu «Démarrer / Programmes/OpenOffice2.2/Writer

Plus en détail

Publier des données sur le Web

Publier des données sur le Web Publier des données sur le Web Introduction Microsoft Excel fournit les outils dont vous avez besoin pour créer et enregistrer votre classeur sous forme d une page web et le publier sur le Web. La commande

Plus en détail

LE RUBAN onglet Microsoft Office 2007 WORD

LE RUBAN onglet Microsoft Office 2007 WORD LE RUBAN onglet Microsoft Office 2007 WORD Introduction Pages Page de garde Une page de garde est une page d'introduction à un document. Il suffit que vous ajustez les titres et quelques options pour avoir

Plus en détail

B) - INSÉRER CARACTÈRES avec "WORD ART" 7

B) - INSÉRER CARACTÈRES avec WORD ART 7 Sommaire A) Travaillez avec Word 2003 2 1) - Ouvrir / Enregistrer / Fermer dans WORD 2 2) - Touche de CORRECTION et de MODIFICATION dans WORD 3 3) - Touche de DÉPLACEMENT et de POSITIONNEMENT 3 4) - Touche

Plus en détail

Réalisation de quelques pages Web / Activités et travaux d'élèves

Réalisation de quelques pages Web / Activités et travaux d'élèves Réalisation de quelques pages Web / Activités et travaux d'élèves Principe : Il s'agit de réaliser avec Dreamweaver qautre pages web (donc au format Html, hypertexte Markup Language) et les lier entre

Plus en détail

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1

Scolasite.net, le créateur de site web au service des enseignants. Guide d'administration du site Internet. Page 1 Guide d'administration du site Internet Page 1 Scolasite permet de créer rapidement un site Internet, sans connaissances techniques particulières. Spécialement destiné aux établissements scolaires, son

Plus en détail

Listing R-> Z des Astuces Microsoft Word.

Listing R-> Z des Astuces Microsoft Word. Listing R-> Z des Astuces Microsoft Word. 1. Raccourcis clavier de Word : interface 2 2. Raccourcis clavier de Word : mise en forme du texte 2 3. Raccourcis clavier de Word : navigation 2 4. Raccourcis

Plus en détail

Créer des pages WEB à l aide de KompoZer.

Créer des pages WEB à l aide de KompoZer. Document élève 1/14 Créer des pages WEB à l aide de KompoZer. Document élève 2/14 INTERNET : CREATION D UN SITE PRESENTATION Un site web (aussi appelé site internet par abus de langage) est un ensemble

Plus en détail

CRÉATION DE SITE INTERNET TD 1

CRÉATION DE SITE INTERNET TD 1 Création de pages Internet avec le logiciel libre Nvu - 1/7 CRÉATION DE SITE INTERNET TD 1 I LANCEMENT DE NVU ET CRÉATION DU SITE. 1) Liminaire : Créez en premier, un sous-dossier consacré au travail avec

Plus en détail

PowerPoint 2003. Création d une présentation avec. Suzanne Harvey. Pour Windows

PowerPoint 2003. Création d une présentation avec. Suzanne Harvey. Pour Windows Création d une présentation avec PowerPoint 2003 Pour Windows Suzanne Harvey Conseillère pédagogique Service local du RÉCIT Commission scolaire de Saint-Hyacinthe suzanne.harvey@prologue.qc.ca Janvier

Plus en détail

Création d une présentation avec. PowerPoint 2004. Pour Mac OS X

Création d une présentation avec. PowerPoint 2004. Pour Mac OS X Création d une présentation avec PowerPoint 2004 Pour Mac OS X Service local du RÉCIT Commission scolaire de Saint-Hyacinthe http://recit.cssh.qc.ca Création d'une présentation avec PowerPoint 2004 Table

Plus en détail

Le service de création de site Internet : Mode d emploi. La Création de Site Internet

Le service de création de site Internet : Mode d emploi. La Création de Site Internet Le service de création de site Internet : Mode d emploi Sommaire 1) Comment se connecter à votre interface client? 2) Comment démarrer la création de votre site Internet? 3) Comment gérer les pages de

Plus en détail

Concepts de base de Word

Concepts de base de Word Concepts de base de Word Word est une application performante de traitement de texte et de mise en page. Pour en tirer le meilleur parti, il faut d abord en comprendre les concepts de base. Ce didacticiel

Plus en détail

1 AU DEMARRAGE...2 2 LE MENU DEMARRER...3

1 AU DEMARRAGE...2 2 LE MENU DEMARRER...3 Sommaire 1 AU DEMARRAGE...2 2 LE MENU DEMARRER...3 3 POUR DEMARRER UN PROGRAMME...4 4 POSITION ET DIMENSION DES FENETRES...5 POSITION...5 DIMENSION...5 UTILISER LES BARRES DE DEFILEMENT...7 POUR AFFICHER

Plus en détail

World et ses fonctionnalités avancées

World et ses fonctionnalités avancées World et ses fonctionnalités avancées SOMMAIRE I-Baliser les titres de votre thèse...3 II-Produire automatiquement votre table des matières...5 III-Produire automatiquement la liste des tableaux...8 IV-Produire

Plus en détail

DOSSIER RESSOURCES CRÉATION DE PAGES HTML UTILISATION DU LOGICIEL DREAMWEAVER

DOSSIER RESSOURCES CRÉATION DE PAGES HTML UTILISATION DU LOGICIEL DREAMWEAVER DOSSIER RESSOURCES CRÉATION DE S HTML UTILISATION DU LOGICIEL DREAMWEAVER SOMMAIRE SITE Créer un nouveau site Page 1 Ouvrir un site Pages 1-2 Créer une nouvelle page Page 2 Modifier les propriétés d'une

Plus en détail

Formation PowerPoint 2007. Par : Wafaa AIT-CHEIK-BIHI Email : Wafaa.ait-cheik-bihi@utbm.fr

Formation PowerPoint 2007. Par : Wafaa AIT-CHEIK-BIHI Email : Wafaa.ait-cheik-bihi@utbm.fr Formation PowerPoint 2007 Par : Wafaa AIT-CHEIK-BIHI Email : Wafaa.ait-cheik-bihi@utbm.fr 29 mars 2010 Table des matières Table des figures... 4 I. Découvrir le logiciel... 5 1. Présentation du logiciel...

Plus en détail

Niveau 2. Atelier d'initiation à l'ordinateur et à Windows ... xfondation de la Bibliothèque Memphrémagog inc. Magog (Québec) J1X 2E7 Tél.

Niveau 2. Atelier d'initiation à l'ordinateur et à Windows ... xfondation de la Bibliothèque Memphrémagog inc. Magog (Québec) J1X 2E7 Tél. xfondation de la Bibliothèque Memphrémagog inc. Magog (Québec) J1X 2E7 Tél. : 843-1330. Atelier d'initiation à l'ordinateur et à Windows Niveau 2.......... JB 15 septembre 2008 ( Canevas original : Marcel

Plus en détail

Tutoriel CK Editor TABLE DES AUTEURS/LECTEURS. Nom Société Fonction. Auteur(s) : Anne-Sophie LOGIPRO Formation

Tutoriel CK Editor TABLE DES AUTEURS/LECTEURS. Nom Société Fonction. Auteur(s) : Anne-Sophie LOGIPRO Formation Tutoriel CK Editor LOGIPRO : 2 rue Pierret Cité Négocia 43000 Le Puy Tél. : 04 71 09 15 53 Fax : 04 69 96 06 25 E-mail : logipro@logipro.com Site web :www.logipro.com TABLE DES AUTEURS/LECTEURS Nom Société

Plus en détail

TOUT SUR LES TABLEAUX

TOUT SUR LES TABLEAUX TOUT SUR CONSTRUIRE UN TABLEAU - A l'aide de l'icône "Insérer un tableau" Positionner le curseur à l'endroit où vous souhaitez insérer votre tableau. Cliquer sur l'icône et maintenir le bouton de la souris

Plus en détail

Initiation WORD. Module 9 : Les graphismes.

Initiation WORD. Module 9 : Les graphismes. Initiation WORD. Module 9 : Les graphismes. Système d exploitation utilisé : Windows XP Service Pack 2 Créé par Xavier CABANAT Version 1.0 Document créé par Xavier CABANAT Page 1 sur 14 Avant propos. Tout

Plus en détail

1) Définition d'un Traitement de textes

1) Définition d'un Traitement de textes Traitement de textes Microsoft Word 1) Définition d'un Traitement de textes Le traitement de textes est un outil qui permet de manipuler et gérer de l'information, c'està-dire, saisir ou entrer des données

Plus en détail

METTRE EN FORME. Modifier style, couleurs, taille et police d'un texte

METTRE EN FORME. Modifier style, couleurs, taille et police d'un texte METTRE EN FORME Modifier style, couleurs, taille et police d'un texte Style du texte On appelle style, les options de mises en forme suivantes : Italique Gras Souligné Ces options se trouvent dans la barre

Plus en détail

Guide d utilisation Plus de souplesse dans votre communication?

Guide d utilisation Plus de souplesse dans votre communication? Guide d utilisation Plus de souplesse dans votre communication? Un produit de la société Table des matières Table des matières... 2 Guide complet d utilisation... 3 Connexion à l administration i-flexo...

Plus en détail

Ajouter un objet Flash à votre site

Ajouter un objet Flash à votre site Créer des sites Web personnels 1 Ajouter un objet Flash à votre site La Galerie de WebPlus offre une vaste collection de bannières Flash prédéfinies que vous pouvez ajouter à votre site et personnaliser

Plus en détail

Word: versions d'un document, suivi des modifications

Word: versions d'un document, suivi des modifications Word: versions d'un document, suivi des modifications A. Version d'un document Pour suivre l'évolution d'un document, il est possible de l'enregistrer sous différentes versions. Exemple: Imaginons que

Plus en détail

Université Hassan II-casablanca : Centre de Ressources Universitaires SOMMAIRE INTRODUCTION:... 3 I- L ÉCRAN WORD :... 3

Université Hassan II-casablanca : Centre de Ressources Universitaires SOMMAIRE INTRODUCTION:... 3 I- L ÉCRAN WORD :... 3 SOMMAIRE INTRODUCTION:... 3 I- L ÉCRAN WORD :... 3 II- CREER UN NOUVEAU DOCUMENT:... 3 1- POUR CREER UN DOCUMENT A L'AIDE D'UN MODELE OU ASSISTANT:... 4 2- POUR CREER UN DOCUMENT VIDE:... 4 III- SAISIE

Plus en détail

10 Etats rapides. Introduction

10 Etats rapides. Introduction 10 Etats rapides Introduction La génération d états récapitulatifs est l une des tâches les plus courantes et les plus élémentaires en matière de gestion de données. L éditeur d états rapides est l un

Plus en détail

Questions-Réponses 1.48

Questions-Réponses 1.48 Questions-Réponses 1.48 Copyright 2001-2014 Thomas et Mathieu DUBAËLE http://www.atlence.com Tutoriel de mise en route Tutoriel de Questions-Réponses 1.48 Auteurs : Thomas et Mathieu DUBAËLE - Révision

Plus en détail

Je me familiarise avec l ordinateur et son système d exploitation. Apprendre à utiliser les TIC dans la vie de tous les jours

Je me familiarise avec l ordinateur et son système d exploitation. Apprendre à utiliser les TIC dans la vie de tous les jours Je me familiarise avec l ordinateur et son système d exploitation Cahier de formation 1 Apprendre à utiliser les TIC dans la vie de tous les jours Programme ordinateur de Je Passe Partout Document produit

Plus en détail

1 SE REPERER DANS WORD

1 SE REPERER DANS WORD TP Numéro 1 APPRENDRE A SE SERVIR D UN TRAITEMENT DE TEXTE - METTRE EN FORME UN DOCUMENT - SE FAMILIARISER AVEC L INTERFACE DE WORD 2010 POUR WINDOWS UTILISER LES TABULATIONS POUR METTRE EN FORME UN DOCUMENT

Plus en détail

Vous pouvez corriger, modifier, compléter le texte dans un document. La touche,

Vous pouvez corriger, modifier, compléter le texte dans un document. La touche, Saisir du texte : La première étape pour réaliser une lettre ou un document est d en taper le texte au clavier. Le texte tapé apparaît dans le document à l endroit du curseur clignotant. Appuyer sur la

Plus en détail

SOS Info: Traitement de textes. 1. Structurer un document. 2. Enregistrer un document

SOS Info: Traitement de textes. 1. Structurer un document. 2. Enregistrer un document De plus en plus de documents seront «lus» par des systèmes automatiques. Il est important que les textes soient parfaitement structurés pour qu'un ordinateur puisse repérer les éléments importants. On

Plus en détail

Initiation WORD. Module 2 : Les fonctions de base

Initiation WORD. Module 2 : Les fonctions de base Initiation WORD. Module 2 : Les fonctions de base Système d exploitation utilisé : Windows XP Service Pack 2 Créé par Xavier CABANAT Version 1.0 Document créé par Xavier CABANAT Page 1 sur 14 Avant propos.

Plus en détail

-Le traitement de texte. -Le courrier électronique

-Le traitement de texte. -Le courrier électronique 1/17 SOMMAIRE : -Windows -Le traitement de texte -Internet -Le courrier électronique 2/17 WINDOWS PRISE EN MAIN DE WINDOWS Lorsque vous démarrez votre ordinateur vous devez voir arriver un écran qui ressemble

Plus en détail

TD n 3 Microsoft Office Word 2007

TD n 3 Microsoft Office Word 2007 1 TD n 3 Microsoft Office Word 2007 1. Présentation Microsoft Word est un logiciel de traitement de texte puissant qui fait partie du pack Office, il permet de créer simplement des documents (des lettres,

Plus en détail

FrontPage permet aussi la gestion des fichiers, la vérification des liens hypertexte et la modification du code source en langage HTML.

FrontPage permet aussi la gestion des fichiers, la vérification des liens hypertexte et la modification du code source en langage HTML. Aide mémoire : FrontPage 98 est un éditeur de texte HTML, pour préparer des pages Web. Il est facile à utiliser, puisqu'il suffit de taper le texte voulu et d'y ajouter des images, des tableaux, des liens

Plus en détail

Edition des portails régionaux du site Nature-France par les responsables SINP (rôle «manager-portail») Table des matières

Edition des portails régionaux du site Nature-France par les responsables SINP (rôle «manager-portail») Table des matières Edition des portails régionaux du site Nature-France par les responsables SINP (rôle «manager-portail») Table des matières Objectifs du document...2 Définitions...2 Convention d écriture...2 Pré-requis...2

Plus en détail

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var Tel : 04.93.07.00.66 E mail : bij@agasc.fr www.agasc.fr. Word: La présentation

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var Tel : 04.93.07.00.66 E mail : bij@agasc.fr www.agasc.fr. Word: La présentation Word: La présentation Introduction 2 ième partie Bien que le contenu du document soit le plus important, Word vous offre plusieurs options pour améliorer la présentation du texte. Cette page va vous montrer

Plus en détail

La Clé informatique. Formation Word XP Aide-mémoire

La Clé informatique. Formation Word XP Aide-mémoire La Clé informatique Formation Word XP Aide-mémoire Septembre 2003 Table des matières Édition et insertion de texte... 4 Manipulation d un document Exploration de la fenêtre de travail Bouton de maximisation

Plus en détail

I. Commencer une nouvelle présentation

I. Commencer une nouvelle présentation Powerpoint 2007 I. Commencer une nouvelle présentation Pour démarrer une nouvelle présentation, cliquez sur le bouton Microsoft Office cliquez sur Nouveau. et Dans la fenêtre Nouvelle présentation, démarrez

Plus en détail

Utilisation de l éditeur.

Utilisation de l éditeur. Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7

Plus en détail

La clé informatique Formation Word XP Aide-mémoire Hiver 2004

La clé informatique Formation Word XP Aide-mémoire Hiver 2004 La clé informatique Formation Word XP Aide-mémoire 1. PRÉSENTATION DE L INTERFACE DE MICROSOFT WORD XP... 1 1.1. L interface générale...1 1.1.1. Barres d outils...1 1.1.2. Poignée de déplacement...2 1.1.3.

Plus en détail

Chapitre 2 Créer son site et ses pages avec Google Site

Chapitre 2 Créer son site et ses pages avec Google Site Réaliser un site internet à l aide de Google Site 10 Chapitre 2 Créer son site et ses pages avec Google Site 1. Créer un Google site 1. Rendez-vous sur www.google.be et connectez-vous à votre compte Gmail

Plus en détail

DÉCOUVERTE DE L ORDINATEUR

DÉCOUVERTE DE L ORDINATEUR UNIVERSITÉ D AUVERGNE FORMATION EN INFORMATIQUE CERTIFICAT INFORMATIQUE ET INTERNET DÉCOUVERTE DE L ORDINATEUR 1. ENVIRONNEMENT ET PRINCIPE DE FONCTIONNEMENT DE WINDOWS Un système d exploitation est un

Plus en détail

Vous pouvez aussi à tout moment accéder à la fenêtre de rédaction d'un e-mail par 'Fichier Nouveau Message'

Vous pouvez aussi à tout moment accéder à la fenêtre de rédaction d'un e-mail par 'Fichier Nouveau Message' CYBER-FACTEUR : LE GESTIONNAIRE DE COURRIER DE NETSCAPE Aide-mémoire des fonctionnalités du gestionnaire de courrier de Netscape Netscape Messenger. Pour faciliter la lecture, nous utiliserons les conventions

Plus en détail

Word (bases): découvrir le traitement de texte

Word (bases): découvrir le traitement de texte Word (bases): découvrir le traitement de texte 1 Définitions Microsoft Word est un logiciel de traitement de texte publié par Microsoft. La version la plus récente est Word 2016. - Sa première version

Plus en détail

GUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL

GUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL GUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL 1. Avant de commencer Il existe plusieurs éditeurs de pages Web qui vous permettent de construire un site Web. Nous vous conseillons toutefois de

Plus en détail

Évaluation des compétences. Identification du contenu des évaluations. Septembre 2014

Évaluation des compétences. Identification du contenu des évaluations. Septembre 2014 Identification du contenu des évaluations Septembre 2014 Tous droits réservés : Université de Montréal Direction des ressources humaines Table des matières Excel Base version 2010... 1 Excel intermédiaire

Plus en détail

Site internet du CREPS Aquitaine

Site internet du CREPS Aquitaine Site internet du CREPS Aquitaine Documentation de Mise à Jour 8 juillet 2010 Monsieur Pixel / Coop'Alpha page 1/22 GESTION D'UN SITE AVEC L'ENVIRONNEMENT SPIP Le site du CREPS Aquitaine fonctionne avec

Plus en détail

L.O. Writer Création de tableaux

L.O. Writer Création de tableaux L.O. Writer Création de tableaux Parmi les nombreuses fonctionnalités de LibreOffice Writer (ou Texte), une concerne la possibilité de créer des tableaux dans un document. Dans cette fiche, il est non

Plus en détail

Création de page web avec Dreamweaver 2.0

Création de page web avec Dreamweaver 2.0 Création de page web avec Dreamweaver 2.0 Guide d accompagnement pour Windows avril 2002 Suzanne Harvey Responsable RÉCIT suzanne.harvey@prologue.qc.ca http://www.apinfo.qc.ca http://www.cssh.qc.ca/se/recit

Plus en détail

Keynote. Logiciel de présentation. Sous Mac OS X. Suzanne Harvey

Keynote. Logiciel de présentation. Sous Mac OS X. Suzanne Harvey Keynote Logiciel de présentation Sous Mac OS X Suzanne Harvey Conseillère pédagogique Service local du RÉCIT Commission scolaire de Saint-Hyacinthe suzanne.harvey@prologue.qc.ca recit.cssh.qc.ca Novembre

Plus en détail

Windows 7 - Dossiers et fichiers

Windows 7 - Dossiers et fichiers Windows 7 - Dossiers et fichiers Explorez votre PC : dossiers et fichiers Tous les fichiers nécessaires au fonctionnement de votre ordinateur, qu il s agisse de ceux de Windows, des logiciels installés

Plus en détail

Introduction à Expression Web 2

Introduction à Expression Web 2 Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer

Plus en détail

Introduction à Dreamweaver

Introduction à Dreamweaver Introduction à Dreamweaver Dreamweaver est un logiciel d édition de page web. Un site est un ensemble de pages [souvent en format html, ce qui signifie HyperText Markup Language, reliées entre elles par

Plus en détail

Microsoft Word 2003. Il existe plusieurs moyens de lancer votre traitement de texte, en voici deux :

Microsoft Word 2003. Il existe plusieurs moyens de lancer votre traitement de texte, en voici deux : 1. Lancer et fermer Word Microsoft Word 2003 Il existe plusieurs moyens de lancer votre traitement de texte, en voici deux : Double-cliquer sur l icône Word de votre bureau Windows : Microsoft Word.lnk

Plus en détail

Introduction à Dreamweaver CS4

Introduction à Dreamweaver CS4 Introduction à Dreamweaver CS4 Adobe Dreamweaver (anciennement Macromedia Dreamweaver) est un éditeur de site web de type «tel écrit tel écran» (cette formule remplaçant désormais dans la terminologie

Plus en détail

Fusion et publipostage dans Word 2010

Fusion et publipostage dans Word 2010 La fusion consiste à fusionner un document principal avec une source de données, de manière à personnaliser le document principal. Ces opérations s'appellent également publipostage ou mailing. Le document

Plus en détail

Collège Lionel-Groulx Service du soutien à l enseignement. PowerPoint 2007. Note de formation

Collège Lionel-Groulx Service du soutien à l enseignement. PowerPoint 2007. Note de formation Collège Lionel-Groulx Service du soutien à l enseignement PowerPoint 2007 Note de formation Johanne Raymond Automne 2009 Table des matières Interface... 1 Éléments de l interface graphique... 2 Bouton

Plus en détail

Comment créer des GIF animés en dix étapes?

Comment créer des GIF animés en dix étapes? Comment créer des GIF animés en dix étapes? Tutoriel GIF Movie Gear Septembre 2002 Rédigé par :Visicom Média inc. 1 TABLE DES MATIERES PRÉSENTATION DE GIF MOVIE GEAR... 2 BARRE DE MENUS... 2 BARRE D'OUTILS

Plus en détail

Sélectionner les cellules à copier Cliquer sur copier Cliquer dans la première cellule de destination Menu Edition / Collage spécial

Sélectionner les cellules à copier Cliquer sur copier Cliquer dans la première cellule de destination Menu Edition / Collage spécial Collage spécial Sélectionner les cellules à copier Cliquer sur copier Cliquer dans la première cellule de destination Menu Edition / Collage spécial Définir le type de collage à réaliser Transposé : inverse

Plus en détail

L ORDINATEUR FACILE D ACCÈS!

L ORDINATEUR FACILE D ACCÈS! L ORDINATEUR FACILE D ACCÈS! Préparé par Éric Roussel, enseignant spécialisé en informatique / École Jacques-Ouellette / 2009 Préambule Il est important de noter qu il n y a pas d adaptation parfaite des

Plus en détail

> Table des matières. Gestion des pages courantes... 4

> Table des matières. Gestion des pages courantes... 4 I N T E R FA C E A D M I N I S T R AT I O N M A N U E L D ' U T I L I S A T I O N D E T Y P O 3 V 4. 5 W W W. B R I G N O L E S. F R STRATIS NOVEMBRE 2011 > Table des matières Gestion des pages courantes............................................................................................................

Plus en détail

Safari, navigateur web intégré à Mac OS X

Safari, navigateur web intégré à Mac OS X Service informatique Enseignement Recherche Fiche n 50 13/11/2003 Safari, navigateur web intégré à Mac OS X Alternative à Internet Explorer et à Netscape, SAFARI est le navigateur web intégré à Mac OS

Plus en détail

Mon aide mémoire traitement de texte (Microsoft Word)

Mon aide mémoire traitement de texte (Microsoft Word) . Philippe Ratat Mon aide mémoire traitement de texte (Microsoft Word) Département Ressources, Technologies et Communication Décembre 2006. Sommaire PRÉSENTATION DU DOCUMENT 1 Objectif principal 1 Deux

Plus en détail

Didacticiel de prise en main de Freemind

Didacticiel de prise en main de Freemind 1 : créer une nouvelle carte puis créer de noeuds Didacticiel de prise en main de Freemind Dans FreeMind, une idée est appelée noeud. Le logiciel en distingue 3 types : les noeuds fils, qui découlent de

Plus en détail

DECOUVERTE DE LA MESSAGERIE GMAIL

DECOUVERTE DE LA MESSAGERIE GMAIL DECOUVERTE DE LA MESSAGERIE GMAIL modifie août 2011 La messagerie GMAIL est très répandue parce que simple d'utilisation et surtout gratuite. Car elle proposée par Google. Cliquez deux fois sur l'icône

Plus en détail

Conception de pages HTML sous FrontPage Express

Conception de pages HTML sous FrontPage Express Conception de pages HTML sous FrontPage Express Le logiciel utilisé sera l'éditeur de Frontpage Express livré gratuitement avec Internet Explorer 4 et 5, il possède un tronc commun de fonctionnalités partagées

Plus en détail

Fiche n 4 Utilisation de Kompozer Table des matières

Fiche n 4 Utilisation de Kompozer Table des matières Fiche n 4 Utilisation de Kompozer Table des matières 1-Travail préparatoire...1 1.1-Contraintes sur les noms de fichier...1 1.2-Préparation du dossier de stockage...1 1.3-Barre d'outils...1 1.4-Création

Plus en détail

COURS PRATIQUE DE WORD

COURS PRATIQUE DE WORD COURS PRATIQUE DE WORD Le présent cours se rapporte à Word 2003. Sachez qu il existe d autres versions de cet outil. Il y a Office Pro, Office 2000, Office 2003, 2007 et 2010 (non commercialisé à ce jour).

Plus en détail

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet!

TUTORIAL. www.benevolat.org TUTORIAL. Créez en quelques minutes votre site Internet! Créez en quelques minutes votre site Internet! SOMMAIRE : Choisir une interface graphique - Nommez votre site... page 03 5 étapes de création... page 04 Les outils de création graphique... page 05 Mise

Plus en détail

Table des matières. Introduction... 1. Didacticiels WordPerfect... 3. Didacticiels Quattro Pro... 55. Didacticiels Presentations... 93. Index...

Table des matières. Introduction... 1. Didacticiels WordPerfect... 3. Didacticiels Quattro Pro... 55. Didacticiels Presentations... 93. Index... Guide d utilisation Table des matières Introduction..................................................... 1 Didacticiels WordPerfect........................................... 3 Didacticiels Quattro Pro...........................................

Plus en détail

Exposer ses photos sur Internet

Exposer ses photos sur Internet Exposer ses photos sur Internet Vous souhaitez montrer vos photos à votre famille ou vos amis? Pour cela, il existe de nombreuses solutions : vous pouvez effectuer un envoi groupé par email, créer un site

Plus en détail

Word Support de cours

Word Support de cours Traitement des documents longs Entêtes et pieds de page différents Pas de N de page sur la 1 ère page du document Menu Insertion/numéro de page Décocher commencer la numérotation à la première page Cliquer

Plus en détail

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET

VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET Brancher / débrancher l ordinateur de la prise Allumer / éteindre l ordinateur : pour allumer ou éteindre l ordinateur vous devez appuyer sur le bouton On/off

Plus en détail

LibreOffice Draw. Découvrir. Sommaire LV08001

LibreOffice Draw. Découvrir. Sommaire LV08001 Découvrir LibreOffice Draw LV08001 Sommaire 1. Dessiner une forme...3 2. Changer la couleur ou la ligne d'une forme...7 3. Insérer une image...8 4. Redimensionner une image ou une forme...16 5. Aligner

Plus en détail

Windows 7 : l'environnement

Windows 7 : l'environnement Windows 7 : l'environnement Niveau débutant Niveau intermédiaire Niveau confirmé Présentation de l'environnement de Windows 7 : le bureau le menu démarrer les fenêtres les documents les dossiers l'explorateur

Plus en détail

PROCÉDURES D ÉDITION. Guide de l usager TYPO3

PROCÉDURES D ÉDITION. Guide de l usager TYPO3 Guide de l usager TYPO3 Sommaire Connexion à TYPO 3...5 Gestion des pages dans TYPO 3...6 Ajouter une nouvelle page...7 Déplacer ou copier une page de l arborescence... 11 Supprimer une page... 12 Ouvrir

Plus en détail

Interface PC Vivago Ultra. Pro. Guide d'utilisation

Interface PC Vivago Ultra. Pro. Guide d'utilisation Interface PC Vivago Ultra Pro Guide d'utilisation Version 1.03 Configuration de l'interface PC Vivago Ultra Configuration requise Avant d'installer Vivago Ultra sur votre ordinateur assurez-vous que celui-ci

Plus en détail

Utiliser Word. Thibault J-Jacques Animateur multimédia au CRDP de l académie de Versailles. Page 1 sur 12

Utiliser Word. Thibault J-Jacques Animateur multimédia au CRDP de l académie de Versailles. Page 1 sur 12 Utiliser Word Les fonctions de base de Word.... 2 Enregistrer le document en cours... 3 Un menu à connaître... 3 Ouvrir/fermer/réduire un document existant... 4 Réparer des erreurs de frappe... 4 Déplacer

Plus en détail

>> Ajouter une page web Ordre Lien urlpage titre description Actif Lien au menu niveau cliquable type Consulter Enregistrer

>> Ajouter une page web Ordre Lien urlpage titre description Actif Lien au menu niveau cliquable type Consulter Enregistrer 1 C R É AT I O N D E S PAG E S D É S I R É E S > Pour ajouter des pages au site, cliquer sur >> Ajouter une page web > Des champs blancs à remplir apparaissent. L Ordre est le rang qu occupera cette page

Plus en détail

CARTES DE VISITE, CARTE DE VŒUX, ETIQUETTES AVEC OPENOFFICE

CARTES DE VISITE, CARTE DE VŒUX, ETIQUETTES AVEC OPENOFFICE CARTES DE VISITE, CARTE DE VŒUX, ETIQUETTES AVEC OPENOFFICE 1- Créer une planche 2- Indiquer les mesures 3- Indiquer le format de la page 4- Ajouter une bordure 5- Ajouter du texte 6- Ajouter une image

Plus en détail

Atelier d initiation. Gestion de fichiers et de dossiers

Atelier d initiation. Gestion de fichiers et de dossiers Atelier d initiation Gestion de fichiers et de dossiers Contenu de l atelier Fichier... 1 Dossier... 1 Explorateur Windows... 1 Ouverture de l Explorateur Windows avec le menu Démarrer... 1 Ouverture

Plus en détail

SOMMAIRE. HELPCLIC 03/08/2006 http://www.helpclic.net. I L écran principal Page 4

SOMMAIRE. HELPCLIC 03/08/2006 http://www.helpclic.net. I L écran principal Page 4 SOMMAIRE I L écran principal Page 4 II Les principales barre d outils 2-1 : LA BARRE D OUTILS STANDARD Page 4 2-2 : LA BARRE D OUTILS MISE EN FORME Page 5 2-3 : LA BARRE D OUTILS OBJETS Page 5 III Créer

Plus en détail