Création WEB avec DreamweaverMX

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

Download "Création WEB avec DreamweaverMX"

Transcription

1 Creation Web avec DreamweaverMX MX Initiation Sommaire.preparation.mise en forme.liens hypertextes.images.liens sur images.images avec zones sensibles.images survolees.liens de type courriel.apercu dans le navigateur.ancre jbernard page 1

2 1. Preparer le site 1 D abord et avant tout, il est recommandé de construire l arborescence de votre site à partir de l Explorateur Windows. Il est suggéré d utiliser l arborescence type suivante: +Nom de votre site +Images +fichiers de travail +videos +animations Lorsque votre arborescence est complétée, démarrer dreamweaver. Sélectionner Site>Nouveau site depuis la fenêtre Dreamweaver. jbernard page

3 4 Inscrire le nom de votre site dans la première case de texte puis sélectionner le répertoire que vous venez de créer tel que décrit dans le texte ci-haut. Cliquer ensuite sur OK Maintenant que votre site est défini, revenez à la page d édition de Dreamweaver. Si aucun document n est ouvert, vous pouvez en ouvrir un nouveau directement à partir de l écran de gestion des sites de Dreamweaver via le menu Fichier>Nouveau fichier. Inscrire un nom de fichier dans la case réservée à cet effet. S il s agit de votre page d accueil, le nom devrait être index.htm. Cela rendra l adressage électronique plus facile pour le visiteur. 1 jbernard page 3

4 Maintenant que votre fichier est nommé, ouvrez-le en double cliquant dessus. Vous êtes maintenant en mode édition. Inscrire dans la case Titre, le nom de cette page. Le nom de la page n est pas le nom du fichier. Le nom du fichier ne peut contenir de caractères accentués et devrait être court. Le titre de la page peut contenir des caractères accentués et être beaucoup plus exhaustif que le titre du fichier. Nous allons maintenant commencer à composer notre page. Avant de commencer je vous recommande d afficher la grille. Cette grille est utile pour aligner les objets, les images et le texte. Elle ne sera pas visible dans un fureteur. Pour afficher la grille, sélectionner Affichage>Grille>Afficher la grille jbernard page 4

5 Les pages html peuvent contenir une couleur de fond ou une image de fond. Vous pouvez également définir la couleur du texte, la couleur des liens, actifs, visités ou non. Vous pouvez également définir des marges comme on le fait dans un logiciel de traitement de texte. Pour modifier ces attributs de page, sélectionner Modifier>Propriétés de la page. Dans la case Image d arrière-plan vous pouvez spécifier une image d arrière-plan. Les cases de couleurs en dessous vous permettent de modifier la couleur de l item spécifié. Les cases des marges vous permettent d indiquer les valeurs des marges à inscrire. Vous ne pouvez spécifier que les marges du haut et les marges de gauche. Dreamweaver affiche 4 cases puisque Netscape et Explorer traitent différemment les attributs de marges. Les cases de gauche sont valables pour Netscape et celles de droite sont valables pour Explorer. Cliquer sur Ok lorsque vous avez terminé. jbernard page 5

6 . Mise en forme Dreamweaver propose une aide à la mise en forme nommée tableau de mise en forme. L utilisation des ces tableaux de mise en forme peut s avérer ardue pour les débutants, raison pour laquelle je leur préfère les calques. 1 Un calque, c est ni plus ni moins qu une couche invisible, superposée à votre page comme une feuille acétate le serait par-dessus une feuille de papier. Vous pouvez inscrire dans un calque à peu près tout ce que vous pouvez inscrire dans une page puis déplacer le calque ou le redimensionner pour répondre à vos critères de mise en page... Pour insérer un calque, sélectionner le bouton Dessiner un calque de la boîte à outils Commun. Cliquer sur la page à l endroit où vous désirez insérer le calque puis glisser la souris. Un rectangle s affiche à l écran... Relâcher le bouton de la souris lorsque le calque a atteint les dimensions désirées. jbernard page 6

7 Vous pouvez dessiner autant de calques que vous désirez. Il faut se rappeller cependant, qu un calque ne peut en contenir un autre mais peut en chevaucher un autre. Pour insérer du contenu dans un calque, cliquer d abord à l intérieur de celui-ci puis insérer votre texte, vos images, tableaux, etc. Pour modifier les attributs d un calque, le déplacer ou le redimensionner, sélectionner d abord le contour de ce dernier (de petits carrés noirs s affichent sur le pourtour du calque). À l aide de la boîte des propriétés, vous pouvez modifier la couleur de fond, l image de fond et d autres attributs du calque sélectionné. Exemple d une boîte de propriétés d un calque... La figure ci-contre illustre un exemple de l utilisation des calques. Le calque supérieur contient le titre. Le calque de gauche contiendra la table des matières du site. Le calque de droite contient le texte et les images du site. Chaque calque contient donc généralement un contenu spécifique que l on peut déplacer et redimensionner facilement avec la boîte de propriétés entre autres. jbernard page 7

8 3. Creer un lien Création WEB avec DreamweaverMX Vous pouvez créer un lien sur un texte ou sur une image ou sur un objet. Pour créer un lien sur un texte, il faut d abord sélectionner ce texte. Ce texte sera ensuite souligné et la couleur définie déjà dans la boîte Propriétés de page sera appliquée. Avant de créer un lien assurez-vous que la boîte des Propriétés est affichée (habituellement dans le bas de l écran). Si elle n est pas affichée, sélectionner Fenêtre>Propriétés. 1 Sélectionner le texte sur lequel sera créé le lien. Puis dans la boîte des propriétés, visà-vis la case Lien, sélectionner l icone en forme de chemise afin d atteindre le fichier qui constitue la cible du lien. S il s agit d une page sur Internet, il vous faudra inscrire l adresse URL au complet, incluant 3 Ex. Une fois le fichier sélectionné, cliquer sur OK. Voilà le lien est activé. Le texte est souligné et la couleur définie dans vos propriétés est affichée. jbernard page 8

9 4. Inserer une image Pour insérer une image, d abord il faut positionner le curseur à l endroit précis où vous désirez insérer l image. Dans l exemple ci-dessous, le curseur a été placé dans le calque du haut. Position du curseur... 1 Sélectionner le bouton Image de la boîte d outils. Sélectionner l image puis cliquer sur OK. 3 Voilà l image a été insérée dans le calque dans lequel avait été placé le curseur. jbernard page 9

10 5. Creer un lien sur une image Création WEB avec DreamweaverMX 1 Pour créer un lien sur une image, la technique est très semblable à celle qui permet d insérer un lien sur un texte. Sélectionner d abord l image qui déclenchera le lien. Dans la boîte des propriétés de l image, cliquer sur l icone en forme de chemise, vis-à-vis la case Lien. Sélectionner le fichier puis cliquer sur Sélectionner ou taper l adresse URL puis cliquer sur Sélectionner. 3 ou 4 3 jbernard page 10

11 6. Inserer une image avec zones sensibles Vous pouvez insérer plus d un lien sur une même image. Il s agit alors de zones réactives qui permettent, chacune, d activer un lien particulier. Pour insérer une zone réactive sur une image, il faut d abord sélectionner l image en question. 1 Puis dans la boîte des propriétés, sélectionner le type de zones réactives. Dessiner sur l image la zone réactive en glissant la souris. 3 Dans la boîte de la zone réactive, inscrire le lien. S il s agit d un fichier local (un de vos fichiers), vous pouvez le sélectionner avec l icone chemise comme vu précédemment. Vous pouvez insérer autant de zones réactives que votre image peut physiquement en contenir. 4 jbernard page 11

12 7. Inserer une image survolee Création WEB avec DreamweaverMX Une image survolée c est tout simplement une image qui s affiche à la place d une autre lorsque la souris la survole. Insérer une image survolée revient presque au même que d insérer une image ordinaire. D abord positionner votre curseur dans la cellule où vous désirez insérer votre image survolée. Sélectionner ensuite le bouton le menu Insertion>Images interactives>image survolée. La différence est évidemment qu il faut inscrire deux images au lieu d une seule. La première image sera celle qui sera affichée par défaut. La seconde est celle qui s affiche à sa place lors du survol de la souris. Pour insérer vos images, cliquer sur le bouton Parcourir puis sélectionner l image Vous procéder de façon identique pour la seconde image. Dans la case si cliquée, aller à l URL, inscrivez l adresse du lien ou le sélectionner avec le bouton Parcourir Cliquer ensuite sur OK jbernard page 1

13 8. Inserer un lien vers un courrier electronique Création WEB avec DreamweaverMX Insérer un lien de type courriel est tout aussi simple que d insérer un lien hypertexte. Positionner le curseur où vous désirez construire le lien. Sélectionner le bouton lien mail de la boîte d outils. Dans la boîte lien message électronique, inscrire le texte sur lequel sera créé le lien puis inscrire l adresse de messagerie. Cliquer sur OK. Vous pouvez également construire un lien sur un mot existant, un groupe de mots ou sur une image. Sélectionner le mot, le groupe de mots ou l image qui serviront de base au lien de type courriel. Sélectionner le bouton lien mail de la boîte d outils. Inscrire l adresse électronique dans la boîte de texte Adresse e- mail. Cliquer sur OK. jbernard page 13

14 9. Apercu dans un navigateur Création WEB avec DreamweaverMX Normalement, à l installation de Dreamweaver, un fureteur par défaut est automatiquement défini. Pour visualiser dans un navigateur, sélectionner Fichier>Aperçu dans le navigateur... Choisir le navigateur en cliquant sur son nom. Voici l aperçu de notre page dans le navigateur Internet Explorer... jbernard page 14

15 10. Inserer une ancre Positon du curseur Une ancre sert de repère à la navigation sur une page web. Grâce aux ancres, vous pouvez permettre à vos lecteurs de sauter d une section à une autre de votre page à l aide d un seul clic sans avoir à parcourir l ensemble de votre page. L exemple ci-contre illustre comment insérer une ancre dans le haut d une page web puis comment insérer un lien vers cette ancre à partir du bas de la page. De cette façon, un utilisateur, rendu en bas de la page, pourra en un seul clic revenir au tout début de la page. 1 Sélectionner le bouton nommé : ancre nommée Nommer cette ancre puis cliquer sur OK. jbernard page 15

16 Une fois l ancre insérée, il faut créer le lien vers cette ancre. Il est à noter que plusieurs liens peuvent être créés sur une même ancre mais qu un lien ne peut cibler qu une ancre. 4 Dans l exemple ci-contre, le mot RETOUR a été sélectionné comme base de notre lien vers l ancre. 5 À l aide de l icône CIBLE, situé à droite de la boîte Lien, vous ciblez l ancre déposée. Il suffit de cliquer sur l icône puis de glisser la souris vers le symbole de l ancre, une ancre marine sur fond jaune. Une fois sur le symbole de l ancre, relâcher le bouton de la souris et le nom de l ancre s inscrit automatiquement dans la boîte Lien. Vous pouvez également inscrire directement le nom de l ancre dans la boîte Lien précédé d un #. Dans notre exemple cela donne #haut. jbernard page 16

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

Création du site dans Dreamweaver :

Création du site dans Dreamweaver : CHARGER, CREER et ENREGISTRER 1. Se connecter au RESEAU du COLLEGE avec tes 2 mots de passe 2. Charge le logiciel Au lancement du logiciel, l écran suivant s affiche : Palette des objets Lanceur Zone de

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

1/14 CRÉER UN NOUVEAU SITE 2 OUVRIR UN SITE 3 CRÉER UNE NOUVELLE PAGE 4 MODIFIER LES PROPRIETES D UNE PAGE 5

1/14 CRÉER UN NOUVEAU SITE 2 OUVRIR UN SITE 3 CRÉER UNE NOUVELLE PAGE 4 MODIFIER LES PROPRIETES D UNE PAGE 5 1/14 SOMMAIRE CRÉER UN NOUVEAU SITE OUVRIR UN SITE 3 CRÉER UNE NOUVELLE PAGE 4 MODIFIER LES PROPRIETES D UNE PAGE 5 CRÉER UN LIEN 6 Lien vers une autre page du site Lien vers un autre site Choix d une

Plus en détail

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.

Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée. Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le

Plus en détail

Création d un site Internet

Création d un site Internet Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter

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

Comment accéder à d Internet Explorer

Comment accéder à d Internet Explorer Comment accéder à d Pour ouvrir l application, vous n avez qu à doublecliquer sur l icône de celle-ci : ou vous pouvez encore allez le chercher par le raccourci dans la barre des tâches : Lorsque l application

Plus en détail

Créer un site internet (ou des pages)

Créer un site internet (ou des pages) Ce qu il faut savoir avant de commencer Driss SABRI Une page Web est un outil de communication pour lequel on a des contraintes spécifiques 1. avant d en créer il faut se poser les questions habituelles

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

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

-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

Réaliser une carte de vœux

Réaliser une carte de vœux Réaliser une carte de vœux - 6 janvier 2014 p 1 Réaliser une carte de vœux Un petit tutoriel de saison, qui utilisera les connaissances acquises autour de la gestion de vos photos, et le logiciel libre

Plus en détail

www.riaq.ca de Microsoft NIVEAU 2 Initiation à une messagerie Web en ligne.

www.riaq.ca de Microsoft NIVEAU 2 Initiation à une messagerie Web en ligne. NIVEAU Initiation à une messagerie Web en ligne. de Microsoft Windows Live Mail peut vous aider à classer tout ce qui vous intéresse au même endroit sur votre PC. Ajoutez et consultez plusieurs comptes

Plus en détail

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X

Groupe Eyrolles, 2003, ISBN : 2-212-11317-X Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une

Plus en détail

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

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS En renommant, déplaçant ou supprimant des images déjà insérées dans des pages, ou en renommant, déplaçant ou supprimant des sous-dossiers, les images

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

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

On trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (http://www.ccdmd.qc.ca/ri/cantare)

On trouvera sur le site du CCDMD un exemple d album construit avec Cantare. (http://www.ccdmd.qc.ca/ri/cantare) Cantare 2 Introduction L outil logiciel Cantare s adresse à toute personne qui veut construire des leçons visant l apprentissage d une langue par l écoute de chansons ou de fichiers sonores dont les paroles

Plus en détail

EXCEL 1 - PRISE EN MAIN

EXCEL 1 - PRISE EN MAIN EXCEL 1 - PRISE EN MAIN I - Qu est-ce qu un tableur? Excel est un logiciel permettant d élaborer des feuilles de calculs automatiques présentées la plupart du temps sur de grandes feuilles quadrillées.

Plus en détail

Prise en main Windows

Prise en main Windows Prise en main Windows Windows 2000 est un système d'exploitation. Un système d exploitation est un logiciel qui intervient à presque tous les niveaux de fonctionnement de votre ordinateur. Il est donc

Plus en détail

1 Liste des fonctionnalités de l éditeur :... 3 2 Gestionnaire d images... 4 2.1 Insérer une image qui existe déjà sur le serveur :... 4 2.

1 Liste des fonctionnalités de l éditeur :... 3 2 Gestionnaire d images... 4 2.1 Insérer une image qui existe déjà sur le serveur :... 4 2. Intranet EERV Edition des articles Table des matières : 1 Liste des fonctionnalités de l éditeur :... 3 2 Gestionnaire d images... 4 2.1 Insérer une image qui existe déjà sur le serveur :... 4 2.2 Charger

Plus en détail

Créer des styles CSS simples

Créer des styles CSS simples Créer des styles CSS simples Les styles CSS mémorisent les attributs de caractère et de paragraphe comme la police, la taille, la couleur, l alignement du texte, etc... Vous pouvez ensuite les appliquer

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

Consignes générales :

Consignes générales : PROCÉDURE POUR DÉPÔT DANS WEBCT Consignes générales : 1) Il est important de toujours conserver une copie de votre Webfolio ou Dossier professionnel sur votre disquette, clé USB ou sur votre disque dur

Plus en détail

PC & Windows Livret d exercices Laurent DUPRAT Pratiquons

PC & Windows Livret d exercices Laurent DUPRAT Pratiquons Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT Pratiquons ensemble PC & Windows Livret d exercices Laurent DUPRAT

Plus en détail

L anthropologie au Collège Ahuntsic

L anthropologie au Collège Ahuntsic L anthropologie au Collège Ahuntsic Procédurier pour l utilisation du logiciel Cmap Tools 1 Installer Cmap Tools sur votre ordinateur 1. Aller à l adresse suivante : http://cmap.ihmc.us/download/ 2. Sélectionner

Plus en détail

Création de pages web

Création de pages web Création de pages web I. Démarrage du logiciel 2 1. La Barre d'état....2 2. La palette objets.... 2 3. Les autres palettes et inspecteurs.... 2 4. La fenêtre de site...3 II. Créer des pages avec DreamWeaver

Plus en détail

Les Tracés et les Outils de Dessin. Formes géométriques

Les Tracés et les Outils de Dessin. Formes géométriques et les Outils de Dessin Prise en main rapide Formes géométriques Cliquez sur cette Icône pour ouvrir la fenêtre Caractéristiques générales des Dessins. Ci-contre, vous avez les différentes formes géométriques,

Plus en détail

DVDStyler Guide. DVDStyler est un logiciel de création de DVD lisibles sur un lecteur de salon utilisable avec toutes les versions de Windows.

DVDStyler Guide. DVDStyler est un logiciel de création de DVD lisibles sur un lecteur de salon utilisable avec toutes les versions de Windows. DVDStyler Guide DVDStyler est un logiciel de création de DVD lisibles sur un lecteur de salon utilisable avec toutes les versions de Windows. Ce tutoriel décrit les étapes nécessaires à la création d'un

Plus en détail

PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE

PRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE PRISE EN MAIN D UN TABLEUR Version OPEN OFFICE Prise en main d un tableur page 2 1. L utilisation de la souris Pour faire fonctionner un tableur, on utilise le clavier mais aussi la souris. Rappelons,

Plus en détail

Création d un site web avec Nvu. Pensez à sauvegarder fréquemment dans votre espace de travail les documents que vous réalisez!

Création d un site web avec Nvu. Pensez à sauvegarder fréquemment dans votre espace de travail les documents que vous réalisez! Création d un site web avec Nvu Pensez à sauvegarder fréquemment dans votre espace de travail les documents que vous réalisez! Le but de ce TP est d utiliser le logiciel Nvu pour réaliser un site simple

Plus en détail

Dossier d utilisation

Dossier d utilisation Dossier d utilisation Lancer le logiciel Microsoft WORD. Page 1 Ouvrir Un fichier existant Page 1 Créer (ou Ouvrir) un nouveau document Page 2 Sauvegarder un nouveau fichier Page 2 Enregistrer un document

Plus en détail

Découvrez Windows NetMeeting

Découvrez Windows NetMeeting Découvrez Windows NetMeeting Conférence Internet 2001 Université de Moncton. Tous droits réservés. Table des matières 1. Comment puis-je télécharger, installer et démarrer NetMeeting?... 3 2. Quelles sont

Plus en détail

Sommaire : tutorial Powerpoint 2003

Sommaire : tutorial Powerpoint 2003 Sommaire : tutorial Powerpoint 2003 Ouvrir le logiciel PowerPoint 2003...2 Affichage «mode normal» : mode de travail...3 Ajouter un modèle de conception existant...4 Insertion d une nouvelle diapositive

Plus en détail

Gérer un site internet simple

Gérer un site internet simple TUTORIEL Gérer un site internet simple Pourquoi avoir un site internet? Table of Contents Table of Contents... 2 Étape 1 : créer un compte Google (Gmail)... 3 Etape 2 : créer un site internet Google...

Plus en détail

Leçon N 2E Utilisation d un traitement de texte (2 ème partie)

Leçon N 2E Utilisation d un traitement de texte (2 ème partie) Leçon N 2E Utilisation d un traitement de texte (2 ème partie) Nous allons travailler sur la MISE EN FORME d un document. 1 Mise en forme des caractères Les logiciels Word et Writer regroupent les commandes

Plus en détail

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte

CLARISWORKS 5. ÉTAPE 1 Créer un document. Lancer l application. (Windows 95 ou 98) Créer un document en utilisant le traitement de texte ÉTAPE 1 Créer un document Lancer l application Mettre l ordinateur en route. Double cliquer sur l icône ClarisWorks 5 qui se trouve sur le bureau ou cliquer sur Démarrer Programmes ClarisWorks5 Vous arrivez

Plus en détail

Appleworks. Les outils peuvent s afficher simplement en cliquant sur la petite caisse à outils rouge en bas à gauche du document de travail.

Appleworks. Les outils peuvent s afficher simplement en cliquant sur la petite caisse à outils rouge en bas à gauche du document de travail. Appleworks APPLE et AppleWorks sont des marques déposées dʼapple Corporation AppleWorks se compose de 6 modules reconnaissables à leur barre de boutons (Bb). La barre d outils (Bo) est verticale et commune

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

Création d un petit livre animé Avec le logiciel «MiniBook»

Création d un petit livre animé Avec le logiciel «MiniBook» Création d un petit livre animé Avec le logiciel «MiniBook» Version MAC MiniBook X 1.13 Pascale-Dominique Chaillez Lynda O Connell Conseillères pédagogiques au Service national du RÉCIT à l éducation préscolaire

Plus en détail

www.riaq.ca NIVEAU 2 Initiation à une messagerie Web en ligne.

www.riaq.ca NIVEAU 2 Initiation à une messagerie Web en ligne. NIVEAU Initiation à une messagerie Web en ligne. de Microsoft Outlook Express de Microsoft est sûrement la plus connue des messageries Web. Cette application fait partie intégrante de Windows XP. Les services

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

Manuel d utilisation du CMS

Manuel d utilisation du CMS Manuel d utilisation du CMS ---------------------------- Le gestionnaire de contenu Web et son manuel d utilisation sont une production Global-Média inc. Cet ouvrage est assujetti aux lois sur les droits

Plus en détail

www.riaq.ca de Google NIVEAU 2 Initiation à une messagerie Web en ligne.

www.riaq.ca de Google NIVEAU 2 Initiation à une messagerie Web en ligne. NIVEAU Initiation à une messagerie Web en ligne. de Google Gmail est un service de messagerie Web gratuit axé sur la recherche, qui associe les meilleures fonctionnalités des messageries électroniques

Plus en détail

Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne.

Nous allons détailler dans cette documentation les fonctionnalités pour créer un objet colonne. Généralités Dans le générateur d états des logiciels Ciel pour Macintosh vous avez la possibilité de créer différents types d éléments (texte, rubrique, liste, graphiques, tableau, etc). Nous allons détailler

Plus en détail

Prise en main du traitement de texte : écrire une lettre

Prise en main du traitement de texte : écrire une lettre 22 janvier 2013 p 1 Prise en main du traitement de texte : écrire une lettre Pour permettre au plus grand nombre de réaliser cet exercice, nous utiliserons le logiciel libre Libre Office. Vous pouvez le

Plus en détail

Démarrer ActivInspire

Démarrer ActivInspire ActivInspire Démarrer ActivInspire 1. Dans la liste des programmes, sélectionnez ActivInspire. 2. Dans le tableau de bord ActivInspire, cliquez sur Ouvrir un paperboard. Pour créer un nouveau «paperboard»,

Plus en détail

MANUEL D UTILISATION DE VOTRE SITE INTERNET

MANUEL D UTILISATION DE VOTRE SITE INTERNET MANUEL D UTILISATION DE VOTRE SITE INTERNET SOMMAIRE PRESENTATION 3 IDENTIFICATION.. 4 LE MENU (paramètres, contenu, divers).... 5 MENU PARAMETRES (mes coordonnées, mes photos, mes menus, mon bandeau).

Plus en détail

INITIATION A POWERPOINT

INITIATION A POWERPOINT INITIATION A POWERPOINT P. BESSON OCTOBRE 2000 SOMMAIRE Chap. 1 Découverte de POWERPOINT I. Démarrer Powerpoint 1. Lancement de l application 2. Boite de dialogue de démarrage de Powerpoint II. Structure

Plus en détail

Dessiner avec GIMP - Introduction des calques

Dessiner avec GIMP - Introduction des calques Dessiner avec GIMP - Introduction des calques Comme nous l avons signalé précédemment, GIMP comme PS sont des logiciels d infographie, nous allons donc créer notre première image. Ouvrir une feuille et

Plus en détail

Microsoft WORD. Sommaire :

Microsoft WORD. Sommaire : Le traitement de texte avec : Microsoft WORD Sommaire : 1 Le traitement de texte : usages typographiques ITALIQUE Règles Typographiques On se sert de l italique pour attirer l attention sur un mot, sur

Plus en détail

Copyright Marc REYNAUD messagerie@formenligne.org. Copyright Marc REYNAUD www.formenligne.org Page 1

Copyright Marc REYNAUD messagerie@formenligne.org. Copyright Marc REYNAUD www.formenligne.org Page 1 0 Cette série d ouvrages numériques et destinée soit : - aux enseignants et formateurs qui cherchent des supports de cours pour leurs classes et les groupes d adultes en formation. - aux particuliers qui

Plus en détail

Découverte de l ordinateur. Explorer l ordinateur et gérer ses fichiers

Découverte de l ordinateur. Explorer l ordinateur et gérer ses fichiers Découverte de l ordinateur Explorer l ordinateur et gérer ses fichiers SOMMAIRE I L ORDINATEUR ET L EXPLORATEUR... 3 1.1 : PRESENTATION ET GENERALITES... 3 1.2 : CONNAÎTRE LES PROPRIETES D UN ELEMENT...

Plus en détail

Adobe Indesign. L art de la mise en page CHAPITRE 2

Adobe Indesign. L art de la mise en page CHAPITRE 2 M2 Caweb 2014-2015 Enseignant : Boris Epp Adobe Indesign L art de la mise en page CHAPITRE 2 Sommaire 1. Les blocs a. Types de blocs b. Manipuler les blocs c. Interactions entre les blocs d. Appliquer

Plus en détail

Choisissez l un des modèles et dans la zone Options dans le volet de droite indiquez où vous désirez voir apparaître la Barre de navigation.

Choisissez l un des modèles et dans la zone Options dans le volet de droite indiquez où vous désirez voir apparaître la Barre de navigation. Publisher 2007 Créer une composition de type WEB Pour pouvoir publier votre site Web sur le Web, vous devez vous abonner à un service d'hébergement Web après d'un fournisseur de services Internet. Ce service

Plus en détail

Un portail-cdi avec Google.

Un portail-cdi avec Google. Un portail-cdi avec Google. Le moteur de recherche Google, tout le monde connaît. Mais Google c est aussi un ensemble de services souvent gratuits tels qu une messagerie (Gmail), un agenda en ligne, la

Plus en détail

Procédure à suivre pour mettre à jour le «SITE DE COURS» par le titulaire. Juillet 2010 Version 5

Procédure à suivre pour mettre à jour le «SITE DE COURS» par le titulaire. Juillet 2010 Version 5 Procédure à suivre pour mettre à jour le «SITE DE COURS» par le titulaire. Juillet 2010 Version 5 2 1- PRÉALABLES Le titulaire du cours doit détenir une adresse de courrier électronique de l UQAC. Pour

Plus en détail

Writer. Le logiciel se présente directement avec une page vierge, prête à l emploi pour créer votre nouveau document.

Writer. Le logiciel se présente directement avec une page vierge, prête à l emploi pour créer votre nouveau document. Writer Attention : Les documents faits avec Writer ne pourront être lu qu avec Writer, sauf manipulation permettant l échange avec d autres logiciels. Le logiciel se présente directement avec une page

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

Formation au logiciel Typo3, pour les rédacteurs.

Formation au logiciel Typo3, pour les rédacteurs. 1 Formation au logiciel Typo3, pour les rédacteurs. 1 Accéder au système 2 1.1 Configuration du navigateur 2 1.2 Identification 2 2 L interface 2 2.1 Le module Web 3 2.2 Le module Media 3 2.3 Le module

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

OPEN OFFICE.org. Sommaire :

OPEN OFFICE.org. Sommaire : Le traitement de texte avec : OPEN OFFICE.org OpenOffice Writer est la partie traitement de texte d'openoffice. org, la suite bureautique libre. Cette suite bureautique est téléchargeable librement et

Plus en détail

Leçon N 12 Création d un album photo avec CEWE 1 ère

Leçon N 12 Création d un album photo avec CEWE 1 ère Leçon N 12 Création d un album photo avec CEWE 1 ère partie Le but de cette leçon est de créer un album de photos sous la forme d un petit livre, avec vos commentaires. Pour cela vous utiliserez le logiciel

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Environnement Lancement du logiciel : ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour approfondir» Le tableur OpenOffice Calc o Menu Démarrer > Tous les programmes > OpenOffice.org > OpenOffice.org

Plus en détail

Déroulement de la formation

Déroulement de la formation Notes de cours Traitement de l image Marc Bernier Déroulement de la formation 1. Les différents formats d image. 2. Présentation de quelques applications Adobe Air. 3. Redimensionnement d une ou plusieurs

Plus en détail

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4

MAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...

Plus en détail

COMMENCER AVEC VUE. Chapitre 1

COMMENCER AVEC VUE. Chapitre 1 Chapitre 1 COMMENCER AVEC VUE Traduction en français du premier chapitre du manuel d'utilisation du logiciel VUE. Traduit de l'américain par Bernard Aubanel. CRÉER UNE NOUVELLE CARTE Pour ouvrir VUE: 1.

Plus en détail

Guide d utilisation. Version 1.0

Guide d utilisation. Version 1.0 Guide d utilisation Version 1.0 Table des matières Présentation de MindManager MapShare... 1 Qu est-ce qu une map?... 1 Afficher une map depuis une liste SharePoint... 2 Modifier une map d une liste SharePoint...

Plus en détail

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

La Clé informatique. Formation Access XP Aide-mémoire La Clé informatique Formation Access XP Aide-mémoire Septembre 2003 Définitions de termes Base de données : Se compare à un énorme classeur ayant plusieurs tiroirs où chacun d eux contient des informations

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

Internet la messagerie Orange 1er pas

Internet la messagerie Orange 1er pas Internet la messagerie Orange 1er pas Si votre page d accueil est GOOGLE tapez dans la barre de recherche «ORANGE» puis validez par la touche OK (Entrée) puis avec le bouton gauche de la souris clic sur

Plus en détail

TECHNOLOGIE DE L INFORMATION

TECHNOLOGIE DE L INFORMATION Les FICHES-GUIDE du tableur-grapheur WORKS 3 pour WINDOWS TECHNOLOGIE DE L INFORMATION PRÉSENTATION de L ÉCRAN du TABLEUR de WORKS 3 pour WINDOWS Barre de titre Barre des menus Barre de commande (icônes

Plus en détail

Ranger et classer Ses documents avec XP

Ranger et classer Ses documents avec XP Ranger et classer ses documents Pourquoi faire? Lorsque nous «travaillons» sur nos ordinateurs personnels, nous avons souvent l impression de ne plus savoir où sont stockés ceux-ci. Dans un premier temps,

Plus en détail

MESSAGERIE ÉLECTRONIQUE

MESSAGERIE ÉLECTRONIQUE MESSAGERIE ÉLECTRONIQUE OUTLOOK EXPRESS DE MICROSOFT VERSION 5 1. LE «COURRIEL», «COURRIER ÉLECTRONIQUE», «MESSAGE ÉLECTRONIQUE», LES «E-MAILS» C EST QUOI ET ÇA SERT À QUOI? Premièrement, tous ces mots

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

Site internet du collège Comment écrire un article?

Site internet du collège Comment écrire un article? Site internet du collège Comment écrire un article? Préambule : les rôles. L administrateur du site vous a attribué des droits. L utilisateur simple peut, par exemple, simplement commenter un article ou

Plus en détail

Utilisation de Sarbacane 3 Sarbacane Software

Utilisation de Sarbacane 3 Sarbacane Software Tutorial par Anthony Da Cruz Utilisation de Sarbacane 3 Sarbacane Software Ambiance Soleil 17 Rue Royale 74000, Annecy Sommaire 1. Présentation générale 2. Guide étape par étape 3. Astuces de l éditeur

Plus en détail

Présentation du logiciel WINK

Présentation du logiciel WINK BIU de Montpellier Présentation du logiciel WINK 14 octobre 2010 Olivier Doré BU Droit Sciences économiques Sommaire 1/ Présentation... 3 1.1 Exemples... 3 1.2 Installer Wink en français... 3 2/Créer un

Plus en détail

Utilisation du site Graines d explorateurs

Utilisation du site Graines d explorateurs Utilisation du site Graines d explorateurs Connexion au site Munissez vous de votre identifiant et de votre mot de passe puis cliquez sur le lien «se connecter» situé en bas à droite du site Graines d

Plus en détail

Guide d utilisation COMMENT ÇA MARCHE? LISTE DES PRINCIPALES FONCTIONNALITÉS DISPONIBLES DANS MOODLE A L UQAC

Guide d utilisation COMMENT ÇA MARCHE? LISTE DES PRINCIPALES FONCTIONNALITÉS DISPONIBLES DANS MOODLE A L UQAC Guide d utilisation Moodle version 2.4 est une plate-forme d'apprentissage en ligne (e-learning en anglais) servant à créer des communautés d'apprenants autour de contenus et d'activités pédagogiques.

Plus en détail

Version pour un ordinateur Macintosh

Version pour un ordinateur Macintosh Procédures à suivre pour accéder au site internet de l UQAM afin de poser votre candidature sur les cours à l affichage Étape n 1 : Version pour un ordinateur Macintosh N. B. : Cette étape s adresse aux

Plus en détail

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation

Web-Interactive Mai 2010. Interactive 2.0. Manuel d utilisation Interactive 2.0 Manuel d utilisation 1 Contenu Chapitre 1 : L Arborescence... 3 Créer un menu.... 3 Ordonner les menus... 6 Destruction d un menu.... 6 Chapitre 2 : Les pages... 7 Titre de votre page....

Plus en détail

Book Creator. Guide de prise en main rapide. Introduction

Book Creator. Guide de prise en main rapide. Introduction Version 3.4 - Avril 2015 Introduction Book Creator est une application qui permet de réaliser des livres numériques au format epub à lire sur une tablette. Son interface très simple permettra même aux

Plus en détail

Manuel d utilisation des archives pour enregistreur numérique Alarme DB

Manuel d utilisation des archives pour enregistreur numérique Alarme DB Manuel d utilisation des archives pour enregistreur numérique Alarme DB Procédure d accès aux archives 1- Cliquez une fois avec le bouton gauche de la souris sur l icône «View Log» en bas à droite de l

Plus en détail

Aller plus loin avec le traitement de texte : mettre en forme un Curriculum Vitae

Aller plus loin avec le traitement de texte : mettre en forme un Curriculum Vitae 29 janvier 2013 p 1 Aller plus loin avec le traitement de texte : mettre en forme un Curriculum Vitae Pour permettre au plus grand nombre de réaliser cet exercice, nous utiliserons le logiciel libre Libre

Plus en détail

FENESTELA V.1.2005. Manuel Utilisateur

FENESTELA V.1.2005. Manuel Utilisateur FENESTELA V.1.2005 Manuel Utilisateur 1 Lors de l installation de Fenestela un Profil Administrateur et un bureau type est fourni. Pour accéder à votre Fenestela, ouvrez votre navigateur Web (Internet

Plus en détail

NOTICE D UTILISATION DE L ESPACE COLLABORATIF (POUR LES COLLABORATEURS)

NOTICE D UTILISATION DE L ESPACE COLLABORATIF (POUR LES COLLABORATEURS) NOTICE D UTILISATION DE L ESPACE COLLABORATIF (POUR LES COLLABORATEURS) Qu est-ce que l espace collaboratif? L espace collaboratif est un service vous permettant à vous, vos associés et collaborateurs

Plus en détail

Mode d emploi de Typo3

Mode d emploi de Typo3 Mode d emploi de Typo3 1. Accès à l interface d administration Slide 2 2. Description de l interface Slide 3 3. Le menu Slide 4 4. Gestion des circulaires administratives 4.1 Affichage - Sélection Slide

Plus en détail

4. Créer un compte utilisateur

4. Créer un compte utilisateur 4. Créer un compte utilisateur 1 - Cliquez sur le menu Outils puis sur Compte. 2 - Cliquez sur l onglet «Courrier». 3 - Cliquez sur «Ajouter» puis «Courrier». 4 - Tapez votre nom. 5 - Ecrivez votre mél

Plus en détail

Une icône est la représentation graphique d un programme ou de façon générale d un élément sous Windows.

Une icône est la représentation graphique d un programme ou de façon générale d un élément sous Windows. INITIATION A WINDOWS VOUS ALLEZ APPRENDRE DANS CETTE LEÇON LES BASES DE WINDOWS (LE SYSTEME DE FENETRES, LES FICHIERS, LES DOSSIERS, L EXPLORATEUR) QU EST-CE QUE WINDOWS? Windows est un logiciel (c'est-à-dire

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

Centre de documentation Utiliser son compte-lecteur sur la base de données

Centre de documentation Utiliser son compte-lecteur sur la base de données Centre de documentation Utiliser son compte-lecteur sur la base de données http://etsup.bibli.fr/opac Mai 2015 Pour qui? Vous disposez d un compte-lecteur si vous êtes inscrit au centre de documentation

Plus en détail

Nom :... Prénom :... Classe :... Techniques infographiques. InDesign

Nom :... Prénom :... Classe :... Techniques infographiques. InDesign Nom :... Prénom :... Classe :... Techniques infographiques InDesign 1 Insertion de blocs textes et images (bases) a Création d un nouveau document...p04 b Le plan de travail...p05 c Les outils de base...p06

Plus en détail

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.

Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. 1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de

Plus en détail

WORDPRESS version 4.0 GUIDE DE PROCÉDURES. René Lortie Info@rlortie.ca rlortie.ca 514 489 1459. Pour sites WordPress autohébergés

WORDPRESS version 4.0 GUIDE DE PROCÉDURES. René Lortie Info@rlortie.ca rlortie.ca 514 489 1459. Pour sites WordPress autohébergés WORDPRESS version 4.0 GUIDE DE PROCÉDURES Pour sites WordPress autohébergés René Lortie Info@rlortie.ca rlortie.ca 514 489 1459 TABLE DES MATIÈRES Créer un nouvel article... 3 Assigner une catégorie à

Plus en détail

CREER UN DIAPORAMA avec Open Office Impress version 3

CREER UN DIAPORAMA avec Open Office Impress version 3 CREER UN DIAPORAMA avec Open Office Impress version 3 Ce TP permettra d'apprendre à : Créer des diapositives, Insérer du texte, des images, les mettre en forme Dessiner des flèches et des bulles Ajouter

Plus en détail

Comment bien organiser son travail

Comment bien organiser son travail Comment bien organiser son travail Il est important que les enfants puissent rapidement ête autonomes devant l ordinateur. Cela signifie qu il faut qu ils soient capables d enregistrer leurs travaux dans

Plus en détail

Visite guidée de Composer

Visite guidée de Composer Visite guidée de Composer de la Pointe-de-l Île 1.Démarrez Netscape en double-cliquant sur l icone: 2.Démarrez Composer en cliquant sur l icône au bas de votre navigateur: 2 3. Vous entrez dans Composer

Plus en détail