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

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

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

Transcription

1 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 elles. musee.htm tp.htm sites.htm Structure de navigation : Notre petit musée Les travaux pratiques Quelques sites Index.htm De la photo Nous écrire Attention, un logiciel de messagerie doit être installé sur l'ordinateur. En cliquant ici, il est activé, un nouveau message est créé comportant l'adresse du destinataire. 1. Mise en page, c'est parti... Un double-clic sur le raccourci Dreamweaver du bureau permet d'accéder à l'éditeur de pages. Saisissez le texte de la première page du site. Pour éviter l'espacement vertical important entre deux paragraphe, procéder par un retour à la ligne <Maj> + <Entrée> ( ( Sélectionnez les différentes parties du texte et appliquez une police Arial ou Comic sans MS, en taille 3 pour les Titres et 2 pour le contenu informatif de la page. Fenêtre des propriétés, elle affiche les propriétés de l'objet sélectionné. Fenêtre des objets, elle offre des boutons permettant d'insérer des images, un tableau etc. Iufm Champagne Ardenne - J.Bresson - Réaliser ses premières pages Web avec Word page 1/1

2 Remarque : si les barres d'outils flottantes n'apparaissent pas, activez-les via le menu Fenêtre > Proriétés ou Fenêtre > Objets Enregistrement de la page Fichier Enregistrer Cette page constitue la page d'accueil du site et sera nommée index.htm Remarque : Veiller à enregistrer l'ensemble de vos pages dans le même dossier de travail qui contient uniquement les fichiers utiles pour votre site (uniquement images et pages web le plus souvent) Pour les noms de fichiers, respectez la règle des trois pas : pas d'accents, pas d'espaces, pas de majuscules 2. Donner un titre et choisir un arrière-plan pour cette page Le titre apparaît dans la barre de titre du navigateur, on peut mettre des accents, le titre peut être très différent du nom de fichier. Travaux pratiques Pour l'arrière-plan, on peut choisir une couleur ou une image, ici on choisira une image existante dans le dossier de travail "crepi.gif" Enregistrer de nouveau le document. 3. Mise en place de liens hypertextes Vous allez mettre en place un lien depuis l'expression "quelques exemples" de la page index.htm vers la "tp.htm" présente dans votre dossier de travail (cette page a déjà été réalisée). Positionnez-vous dans la page index.htm et sélectionnez le texte qui constituera le support du lien à savoir " quelques exemples", puis cliquez sur le dossier jaune figurant à droite de la rubrique "lien" dans la fenêtre de propriétés. Après sélection du fichier destination du lien, le nom du fichier vient s'inscrire, inutile de la saisir ce qui est une source d'erreurs (problème d'orthographe, majuscules au lieu de minuscules etc.) Iufm Champagne Ardenne - J.Bresson - Réaliser ses premières pages Web avec Word page 2/2

3 Le texte qui permet le lien change de couleur et est souligné. La destination du lien peut être : Une adresse de page sur Internet du type Une autre page déjà réalisée et stockée sur le disque dur (choisir parcourir) Une adresse électronique (saisir l'adresse précédée de mailto: c'est le cas par exemple pour le lien vers l'adresse électronique de l'établissement sur la page index.htm)) Enregistrez la page index.htm On remarque que le lien n'est pas actif. En fait il y a deux moyens de savoir si ce qui a été réalisé fonctionne : Soit on procède par un clic-droit sur le texte du lie et choisir la commande "ouvrir la page liée" Soit on regarde notre page ainsi créée dans un navigateur Fichier > aperçu dans le navigateur (ou <touche de fonction <F12>) Attention : dans ce dernier cas, veillez à refermer cette fenêtre de navigateur pour revenir à l'éditeur de Dreamweaver. On sait désormais atteindre la tp.htm Comment revenir à la page index.htm? Il est possible d'utiliser le bouton "précédent de la barre d'outils du navigateur, mais une image de flèche insérée dans la page va servir de support à un lie hypertexte pour revenir à la page index.htm Depuis Dreamweaver, ouvrir la "tp.htm" et mettre en place le lien permettant le retour à la page index.htm (on choisira la flèche comme support de lien). Voici l'aspect de la "tp.htm" Sélectionnez l'image de flèche et utilisez comme précédemment la rubrique "lien" de la fenêtre de propriétés pour mettre en place le lien. Iufm Champagne Ardenne - J.Bresson - Réaliser ses premières pages Web avec Word page 3/3

4 Enregistrez les modifications réalisées sur cette page. Testez ces liens sous Dreamweaver ou sous le navigateur (<F12>). Fermez les fenêtres des pages ouvertes, sans quitter Dreamweaver. L'éditeur de pages, offre une nouvelle page vide pour saisie et mise en forme. 4. Les tableaux et l'insertion d'images Remarque : Le positionnement des images dans les pages Html Hormis les cas où l image est «mise en vedette» (pas de texte à gauche et à droite de l image), une image ne pourra être positionnée avec précision par rapport à du texte, que si elle est insérée dans une cellule d un tableau. Utiliser l'outil tableau pour insérer un tableau Réalisez la page musee.htm Dans une nouvelle page offerte par l'éditeur, saisir le contenu de ce qui deviendra la "musee.htm". saisissez le texte puis insérez le tableau : musee.htm à créer Cliquez ici puis activez l'outil tableau La largeur peut être exprimée en pourcentage de la largeur du navigateur ou en nombre de pixels, on choisira ici 600 pixels Saisir les intitulés dans les cellules Iufm Champagne Ardenne - J.Bresson - Réaliser ses premières pages Web avec Word page 4/4

5 Puis, insertion des images : commande Insertion > image (ou bouton correspondant de la fenêtre des objets) L'image étant plus large que la cellule qui la reçoit, la cellule est ajustée au détriment de la seconde colonne. Il convient de redimensionner l'image en lieu donnant une largeur de 270 pixel (le tableau comprend 2 colonne et 600 pixels en largeur). Ne rien mettre pour que l'image conserve ses proportions L'image étant sélectionnée, modifiez sa largeur : 270 et supprimez la valeur située dans la case de hauteur (sinon l'image perdrait ses proportions initiales. Complétez le tableau en insérant les images des autres oeuvres. Insérez ensuite en pied de tableau (dernière cellule du tableau en bas à droite) l'image flech_g.gif Mettre en place le lien permettant le retour de la page "musee.htm vers la page "index.htm" (on choisira la flèche comme support de lien) Sélectionnez le tableau en cliquant sur son pourtour (ou clic-droit dans le tableau et choisir la commande "tableau > sélectionner tableau") et choisissez 0 dans les propriétés de la bordure Iufm Champagne Ardenne - J.Bresson - Réaliser ses premières pages Web avec Word page 5/5

6 Sélectionnez l'ensemble du texte et appliquez la police "Comic sans Ms" et donnez-lui la couleur Jaune Donnez un titre à cette page "notre petit musée" (modifier > propriétés de la page) et appliquez une couleur d'arrière-plan noire pour faire ressortir les œuvres Centrez le contenu de l'ensemble des cellules contenant textes et œuvres. Enregistrer la page sous le nom de fichier musee.htm Attention : pas d'accent sur le é de musee (pas d'accent dans les noms de pages web)! Mettre en place les liens de la page index.htm vers la page musee.htm Enregistrer les modifications réalisées sur cette page index.htm Réalisation de la page "sites.htm" Cette page contiendra des liens vers des sites web. Attention, dès lors que les hyperliens ont été mis en place, il faut les tester depuis un navigateur (Internet Explorer, Netscape etc.) et non depuis Dreamweaver. Nous avons sélectionné pour vous quelques sites. Fondation Bemberg L'art en s'amusant Le site de l'éducation à l'image et aux médias... sites.htm Bips Banque d'images et de scénarios pédagogiques Annuaire de sites artistiques Remarque : lorsque l'on souhaite ouvrir un document Word, on peut le faire depuis Word avec "Fichier > Ouvrir" ou encore depuis un dossier ouvert en double-cliquant sur un fichier dont l'extension est.doc Lorsque l'on procède par un double-clic sur un document dont l'extension est ".htm" Windows considère que l'utilisateur demande à consulter la page Web et non qu'il désire la modifier, il demande donc au navigateur Web d'ouvrir le document en question. Si l'on souhaite modifier avec Dreamweaver un document dont l'extension est.htm, il est donc nécessaire - Soit de procéder par clic-droit et choisir l'option "ouvrir avec" ou "modifier avec" puis choisir Dreamweaver - Soit de lancer préalablement Dreamweaver et de procéder par la commande "Fichier > Ouvrir" Pour en savoir plus (fonctions avancées), consultez les documents de formation : Création de pages Html avec Word Création de pages Html avec Publisher Création de pages Html avec Frontpage Création de pages html avec Dreamweaver Documents disponibles dans le module de FOAD : Construction de pages web Iufm Champagne Ardenne - J.Bresson - Réaliser ses premières pages Web avec Word page 6/6

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 > 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

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

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

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

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

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

CRÉATION D UNE PAGE WEB GUIDE DE L ÉLÈVE

CRÉATION D UNE PAGE WEB GUIDE DE L ÉLÈVE CRÉATION D UNE PAGE WEB GUIDE DE L ÉLÈVE Ce projet est divisé en 3 parties. Dans cette première partie, tu apprendras comment te servir du logiciel Microsoft Office SharePoint Designer 2007 Étape 1 : Dans

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

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

Envoyer un e-mailing personnalisé

Envoyer un e-mailing personnalisé Envoyer un e-mailing personnalisé Créer sa liste de contacts Avec Excel, vous pouvez créer facilement la liste des personnes à qui vous souhaitez envoyer votre e-mailing personnalisé. 1. Dans Excel, créez

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

UTILISATION CMS LINKEO

UTILISATION CMS LINKEO UTILISATION CMS LINKEO Table des matières 1 Synopsis... 3 2 Connexion à l'interface d'administration...4 3 Edition d'une page...5 3.1 Edition d'une page...5 3.2 Ajout d'une image...5 3.2.1 Transfert d'une

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

Hot Potatoes Principaux écrans et procédures QCM et QUIZ Si les menus n'apparaissent pas en français : Options > Interface > Charger un fichier de configuration se trouvant dans le dossier c:\program files\hotpotatoes.

Plus en détail

Création WEB avec DreamweaverMX

Création WEB avec DreamweaverMX 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

Plus en détail

OpenOffice 2.3. Le traitement de texte «Writer» page 1 / 8

OpenOffice 2.3. Le traitement de texte «Writer» page 1 / 8 Le traitement de texte «Writer» page 1 / 8 1. Enregistrer un document au format souhaité (et souhaitable) 2. Personnaliser OpenOffice 2.3 3. Utiliser les tableaux 4. Insérer une image dans un traitement

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

TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE

TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE Etape 1. Ouvrir FrontPage et créer un site Web vide...2 Etape 2 ajouter des pages...3 Etape 3 : donner un titre et renommer les 2 pages...5

Plus en détail

CREATION BD SUR OPEN OFFICE MODULE DESSIN LES DIFFERENTES ETAPES DE CREATION DE LA BD

CREATION BD SUR OPEN OFFICE MODULE DESSIN LES DIFFERENTES ETAPES DE CREATION DE LA BD CREATION BD SUR OPEN OFFICE MODULE DESSIN * Pour l'utilisation détaillée de ce module, vous pouvez consulter en ligne (ou télécharger) le tutoriel présent sur le site de l'ien dans l'espace " Ressources

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

TUTORIEL OPEN OFFICE WRITER

TUTORIEL OPEN OFFICE WRITER TUTORIEL OPEN OFFICE WRITER Janvier 2012 Table des matières 1Présentation du logiciel... 3 2Création d'un document... 3 3Format des pages et pied de page... 4 3.1Format des pages... 4 3.2Pied de page...

Plus en détail

Traitement de texte LIBRE - OFFICE WRITER

Traitement de texte LIBRE - OFFICE WRITER Traitement de texte LIBRE - OFFICE WRITER POUR : PAGE - Outil de base 2 - Encadrer un titre,un paragraphe. 3 - Créer un tableau. 4 - Modifier la largeur des colonnes dans un tableau. 5 - Modifier la hauteur

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

Les Tableaux sous Word

Les Tableaux sous Word Les Tableaux sous Word Comme pour les images, la sélection d un tableau ouvre un menu contextuel qui va s adresser au tableau. Ce menu "les outils du tableau" propose 2 onglets, Création et Disposition.

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

Mémento - Fonctions de base - Didapages 1

Mémento - Fonctions de base - Didapages 1 Mémento - Fonctions de base - Didapages 1 Installer Didapages 1 1- Télécharger le fichier Didapages1-1.zip (4,18 Mo) sur le site de l'association Fruits du Savoir. http://www.fruitsdusavoir.org/ 2- L'installer

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

Webartist (SIERRA 199 FF TTC) Les méthodes basiques pour générer un premier site Web. recherche. Insertion arrière-plan

Webartist (SIERRA 199 FF TTC) Les méthodes basiques pour générer un premier site Web. recherche. Insertion arrière-plan Webartist (SIERRA 199 FF TTC) Les méthodes basiques pour générer un premier site Web Fichier propriétés du site Web couleurs Fichier propriétés du site Web informations de recherche Fichier propriétés

Plus en détail

WINDOWS 95 OU 98 AVANT APRÈS. A la fin de ces travaux pratiques, vous saurez utiliser les principaux termes utilisés dans l environnement

WINDOWS 95 OU 98 AVANT APRÈS. A la fin de ces travaux pratiques, vous saurez utiliser les principaux termes utilisés dans l environnement WINDOWS 95 OU 98 A la fin de ces travaux pratiques, vous saurez utiliser les principaux termes utilisés dans l environnement Windows : le bureau de Windows les fenêtres le programme ou application (l outil)

Plus en détail

Introduction À Excel. Chapitre 1

Introduction À Excel. Chapitre 1 Chapitre 1 Introduction À Excel Qu est-ce qu un tableur? Démarrer Excel La fenêtre Excel Ouvrir et enregistrer un classeur Entrer des étiquettes et des valeurs Nommer et déplacer une feuille Mise en page

Plus en détail

Table des matières. 2. Annuaire 10 3. Mes listes de diffusion 10

Table des matières. 2. Annuaire 10 3. Mes listes de diffusion 10 2 Table des matières Chapitre 1 - Communication... 4 1. WebMail 4 1.1. Qu'est ce que le Webmail 4 1.2. Liste des messages 4 1.2.1. Les messages 4 1.2.2. Trier les messages 5 1.2.3. Rafraîchir / Actualiser

Plus en détail

ESTINATION FORMATION Un aller simple vers le savoir-faire WORD. Microsoft. La mise en forme caractère

ESTINATION FORMATION Un aller simple vers le savoir-faire WORD. Microsoft. La mise en forme caractère ESTINATION FORMATION Microsoft WORD AVANT PROPOS Ce support de cours est un outil personnel, il ne constitue pas un guide de référence. C'est un outil pédagogique élaboré dans un souci de concision : il

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

Le tableur de la suite Open Office

Le tableur de la suite Open Office Le tableur de la suite Open Office Open Office est une suite bureautique qui comporte traitement de texte, tableur, Présentation Assistée par Ordinateur (PréAO), dessin et édition de pages Web au format

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

FICHE 17 : CREER UN SITE WEB

FICHE 17 : CREER UN SITE WEB Publisher permet de créer des sites web. FICHE 17 : CREER UN SITE WEB Créez une nouvelle composition et choisissez Site web. Vous avez le choix entre utiliser le générateur rapide de site web, créer un

Plus en détail

SUPPORT DE FORMATION WORD : niveau 2

SUPPORT DE FORMATION WORD : niveau 2 SUPPORT DE FORMATION WORD : niveau 2 Espace public multimédia Le Cyber 49, rue Maurice Thorez 92000 Nanterre - Tél. : 01 41 20 08 41 www.nanterre.fr Sommaire Introduction...3 I. Bordures et trame... 4

Plus en détail

GUIDE D UTILISATION DU BACKOFFICE

GUIDE D UTILISATION DU BACKOFFICE GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la

Plus en détail

Traitement de texte Open Office Writer. Approfondissement. 124, boulevard Charles de Gaulle / 93380 Pierrefitte-sur-Seine / 01.72.09.34.

Traitement de texte Open Office Writer. Approfondissement. 124, boulevard Charles de Gaulle / 93380 Pierrefitte-sur-Seine / 01.72.09.34. Traitement de texte Open Office Writer Approfondissement 1 1 - Insérer une image et la personnaliser Pour insérer une image dans votre document, vous avez plusieurs possibilités mais nous nous contenterons

Plus en détail

SOMMAIRE : Présentation 1. installation et démarrage 1. Prise en main 5. Créer un nouveau projet... 5. Principales commandes... 6

SOMMAIRE : Présentation 1. installation et démarrage 1. Prise en main 5. Créer un nouveau projet... 5. Principales commandes... 6 SOMMAIRE : Présentation 1 installation et démarrage 1 Prise en main 5 Créer un nouveau projet... 5 Principales commandes... 6 Ajouter des objets... 6 Le menu contextuel des objets... 8 Lier un objet...

Plus en détail

Mon premier site. Avec l explorateur de Windows créer dans «Mes documents» un répertoire nommé WebMonPremierSite.

Mon premier site. Avec l explorateur de Windows créer dans «Mes documents» un répertoire nommé WebMonPremierSite. Mon premier site Avec Kompozer nous allons réaliser notre premier site composé, dans un premier temps, de 4 pages : Une page d accueil de présentation personnelle liée à 3 pages : Mes loisirs préférés,

Plus en détail

Support Gestionnaire pour les nouvelles versions CPM (outil Drupal) Télésanté Aquitaine

Support Gestionnaire pour les nouvelles versions CPM (outil Drupal) Télésanté Aquitaine Support Gestionnaire pour les nouvelles versions CPM (outil Drupal) Objet du document Ce document a pour but d'apporter des éléments de support au gestionnaire des nouvelles communautés de pratiques médicales.

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

EDITEUR DE PAGE HTML NETSCAPE COMPOSER

EDITEUR DE PAGE HTML NETSCAPE COMPOSER EDITEUR DE PAGE HTML NETSCAPE COMPOSER Utilisation Netscape Composer est un éditeur de pages HTML : il vous permet de modifier et créer des pages au format HTML pour les diffuser sur le Web. Il est intégré

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

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

2. L'assistant Papier à lettres s'ouvre alors. Cliquez sur le bouton Suivant.

2. L'assistant Papier à lettres s'ouvre alors. Cliquez sur le bouton Suivant. Pour personnaliser vos messages, vous utilisez certainement les papiers à lettres qui viennent avec Outlook Express. Vous choisissez alors votre papier à lettres dans la liste qui apparaît après avoir

Plus en détail

Picasa 1. Weber Yvan 04.11.11

Picasa 1. Weber Yvan 04.11.11 Picasa 1 Picasa 2 Table des matières 1 Préparation...3 1.1 Adresse Gmail...3 1.2 Préparation des dossiers photo...4 1.3 Télécharger et installer Picasa...5 1.3.1 Télécharger Picasa...5 1.4 Installer Picasa...6

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

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

Construction de documents au format Html

Construction de documents au format Html Construction de documents au format Html Les activités proposées à l'occasion de cette production permettent d'aborder les principaux savoir-faire associés à la réalisation de pages WEB (décrites en langage

Plus en détail

Réaliser une mosaique de photos

Réaliser une mosaique de photos Avec XnView Le logiciel XnView est un visualiseur et gestionnaire d'images très complet. Outre une retouche basique de vos images, XnView permet la création rapide de mosaïque photo ou de planche contact.

Plus en détail

Nvu - KompoZer. Table des matières. Tuto rapido

Nvu - KompoZer. Table des matières. Tuto rapido Nvu - KompoZer Table des matières 1. Démarrage rapide...2 1.1. Créer une nouvelle page...2 1.2. Ouvrir une page existante...2 1.3. Enregistrer une page...2 2. Utiliser KompoZer...3 2.1. L'interface...3

Plus en détail

INFORMATIQUE CRÉER UN SITE INTERNET GUIDE

INFORMATIQUE CRÉER UN SITE INTERNET GUIDE OBJECTIF : après ce travail tu dois être capable : Gérer des fichiers, des dossiers sur le disque dur et à travers le réseau Utiliser le logiciel Kompzer pour créer un mini site internet comportant ; des

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

Pas-à-pas. Créer une newsletter avec Outlook

Pas-à-pas. Créer une newsletter avec Outlook Pas-à-pas Créer une newsletter avec Outlook Objectif : mettre en forme des messages électroniques afin de pouvoir avoir des images dans le corps du message et une mise en page agréable à l œil et efficace.

Plus en détail

I - Créer un Nouveau Projet

I - Créer un Nouveau Projet Manuel d'utilisation Limite de responsabilités : En aucun cas, l'auteur ne pourra être tenu pour responsable des dommages indirects, particuliers, accidentels ou financiers résultant de l'utilisation et/ou

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

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

Comment créer une page web avec le Module d'apprentissage ILIAS (+ facile si vous n'avez pas Mozilla Composer chez vous)

Comment créer une page web avec le Module d'apprentissage ILIAS (+ facile si vous n'avez pas Mozilla Composer chez vous) Comment créer une page web avec le Module d'apprentissage ILIAS (+ facile si vous n'avez pas Mozilla Composer chez vous) Aide à la création de pages - Présenter du texte et des images associées - Insérer

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

Créer des liens. Démarrage 1

Créer des liens. Démarrage 1 Démarrage 1 Créer des liens WebPlus comporte un large éventail de possibilités de création de liens hypertexte qui facilitent la navigation sur votre site, notamment s'il contient de grandes images. Dans

Plus en détail

Comment utiliser sa messagerie laposte.net

Comment utiliser sa messagerie laposte.net Fiche Logiciel Internet Niveau FL02009 09/09 Comment utiliser sa rie laposte.net 1) s'identifier, ouvrir une session Avant de commencer, munissez-vous de votre identifiant (votre adresse de courrier électronique)

Plus en détail

site internet www.petitsfreres.asso.fr Comment devenir contributeur

site internet www.petitsfreres.asso.fr Comment devenir contributeur site internet www.petitsfreres.asso.fr Comment devenir contributeur Sommaire 1. Se connecter Les codes d accès Alimenter votre page 2. Formulaire de création d une actualité ou d un événement Utiliser

Plus en détail

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var - E mail : bij@agasc.fr / Tel : 04.93.07.00.66 CONSIGNE N 1 :

AGASC / BUREAU INFORMATION JEUNESSE 06700 Saint Laurent du Var - E mail : bij@agasc.fr / Tel : 04.93.07.00.66 CONSIGNE N 1 : CONSIGNE N 1 : Rédiger puis envoyer un nouveau message La fenêtre de la boîte de messagerie s affiche Cliquer sur «Ecrire» ou «Nouveau message» pour ouvrir cette nouvelle fenêtre. Ensuite, suivre cette

Plus en détail

EMBELLIR. Insérer une image. Quelles images utiliser?

EMBELLIR. Insérer une image. Quelles images utiliser? EMBELLIR Insérer une image Vous souhaitez insérer une ou plusieurs images dans votre document. Writer permet d'insérer des images et photos dans la plupart des formats images (.bmp,.jpg,.gif...) Quelles

Plus en détail

Open Office Writer Diffuser une lettre.

Open Office Writer Diffuser une lettre. Bureautique Open Office Writer Diffuser une lettre. Envoyer un même courrier en nombre à plusieurs personnes devient une opération facile et rapide, avec Open Office.org et Writer. Vous devez envoyer une

Plus en détail

Création d'un site dynamique en PHP avec Dreamweaver et MySQL

Création d'un site dynamique en PHP avec Dreamweaver et MySQL Création d'un site dynamique en PHP avec Dreamweaver et MySQL 1. Création et configuration du site 1.1. Configuration de Dreamweaver Avant de commencer, il est nécessaire de connaître l'emplacement du

Plus en détail

Le publipostage Word 2007

Le publipostage Word 2007 Le publipostage Word 2007 Définition Qu'est-ce que le publipostage? A quoi ça sert? S'il vous arrive de devoir envoyer un même courrier à un grand nombre de destinataires, le publipostage est fait pour

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

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

Répertorier vos mots de passe avec Passbox : 1) Télécharger le fichier d'installation :

Répertorier vos mots de passe avec Passbox : 1) Télécharger le fichier d'installation : Amicale laïque de Poisat 18-19 février 2013 Répertorier vos mots de passe avec Passbox : 1) Télécharger le fichier d'installation : a) Taper "Passbox" dans le moteur de recherche de votre navigateur. b)

Plus en détail

Traitement de textes

Traitement de textes Traitement de textes 1- Fonctionnalités de base de traitement de textes 1-1- Définition Logiciel de traitement de texte (Texteur) est un logiciel d application qui permet de produire des documents de texte

Plus en détail

MindMup. Créer des cartes mentales avec. http://www.mindmup.com

MindMup. Créer des cartes mentales avec. http://www.mindmup.com Créer des cartes mentales avec MindMup http://www.mindmup.com MindMup est une application en ligne de Mind-Mapping (cartes mentales) libre et gratuite sans publicité ni spam d aucune sorte.. MindMup dispose

Plus en détail

Date Version Auteur Notes 14/09/2014 1.1 Direction Informatique Création. Accueil Zimbra. Aide utilisateur

Date Version Auteur Notes 14/09/2014 1.1 Direction Informatique Création. Accueil Zimbra. Aide utilisateur Date Version Auteur Notes 14/09/2014 1.1 Direction Informatique Création Accueil Zimbra Aide utilisateur Ce document explique le fonctionnement de l accueil Zimbra, comment l utiliser et le personnaliser.

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

TOUT SUR LES FENETRES

TOUT SUR LES FENETRES TOUT SUR LES FENETRES Windows, dont le nom veut dire «fenêtres» en français, est fait pour gérer plusieurs programmes à la fois. Alors ne vous en privez pas, vous pouvez ouvrir plusieurs programmes en

Plus en détail

CRÉER UN SITE WEB AVEC FRONT PAGE

CRÉER UN SITE WEB AVEC FRONT PAGE CRÉER UN SITE WEB AVEC FRONT PAGE MOTS CLÉ : - CLIQUER : hacer clic - SITE WEB : página web - BOUTON : botón - DOSSIER : carpeta - FICHIER : archivo - PAGE D ACCUEIL : página principal - LIGNES : filas

Plus en détail

Exploitation de logiciel

Exploitation de logiciel Exploitation de logiciel MICROSOFT WORD 2003 ENSEIGNANT /sassi med sami I- Introduction : Exploitation de logiciel Traitement de texte Un logiciel de traitement de texte nous permet de manipuler des textes

Plus en détail

Windows 7 - Windows Live Mail

Windows 7 - Windows Live Mail Windows 7 - Windows Live Mail Septembre 2015 1. Communiquez avec Windows 7 2. WINDOWS LIVE : DES LOGICIELS EN LIGNE ET A TELECHARGER 1. Une véritable galaxie de programmes 2. Installez Windows Live Mail

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

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

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

> 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. 2. 1 0 W W W. R O U S S E T - F R. C O M STRATIS JUIN 2010 > Table des matières Gestion des pages courantes.............................................

Plus en détail

Support de cours Dreamweaver CS5 les images. MC Benveniste

Support de cours Dreamweaver CS5 les images. MC Benveniste Support de cours Dreamweaver CS5 les images MC Benveniste 2013 Insertion de contenu > insertion d images image hors du dossier racine Si l image ne se trouve pas dans le site dans lequel vous travaillez

Plus en détail

MOS SOLO Présentation rapide

MOS SOLO Présentation rapide MOS SOLO Présentation rapide Préambule Ce document est une courte présentation de Mos solo. L objectif est de permettre une prise en main rapide du logiciel. Une présentation détaillée est intégrée dans

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

TECHNOLOGIE DE L INFORMATION

TECHNOLOGIE DE L INFORMATION Les FICH E S - GUIDE du ta b l e u r- gr a p h e u r Ope noffic e p o u r WINDOWS TECHNOLOGIE DE L INFORMATION PRÉSENTATION de L ÉCRAN du TABLEUR de OpenOffice pour WINDOWS Barre de titre Barre de menus

Plus en détail

TECHNOLOGIE DE L INFORMATION

TECHNOLOGIE DE L INFORMATION Les FICHES-GUIDE du tableur-grapheur WORKS 4.5 pour WINDOWS TECHNOLOGIE DE L INFORMATION PRÉSENTATION de L ÉCRAN du TABLEUR de WORKS 4.5 pour WINDOWS Barre de titre Cellule sélectionnée ou cellule active

Plus en détail

ETAPE 1 : PAGE D ACCUEIL

ETAPE 1 : PAGE D ACCUEIL SEANCE 3 : CREATION DES PREMIERES PAGE - TABLEAUX ETAPE 1 : PAGE D ACCUEIL Ta page d'accueil inclut ta présentation personnelle: ton nom, ta photo, ta classe. L'entête de la page d'accueil sera formé de

Plus en détail

Les fonctions d'impression du navigateur Dans certains sites, on trouve parfois un bouton ou un lien «imprimer», il peut s agir, selon les cas :

Les fonctions d'impression du navigateur Dans certains sites, on trouve parfois un bouton ou un lien «imprimer», il peut s agir, selon les cas : Les fonctions d'impression du navigateur Dans certains sites, on trouve parfois un bouton ou un lien «imprimer», il peut s agir, selon les cas : d'activer la fonction d impression du navigateur pour imprimer

Plus en détail

Créer un document composite avec NéoOffice J et le partager

Créer un document composite avec NéoOffice J et le partager OU BIEN On veut que les élèves mettent en relation du texte et des images trouvées sur internet (ce sont eux qui devront les chercher ou bien on va les insérer dans le document et à eux de les mettre en

Plus en détail

Prise en main du tableur : réaliser un calendrier

Prise en main du tableur : réaliser un calendrier 12 février 2013 p 1 Prise en main du tableur : réaliser un calendrier Pour permettre au plus grand nombre de réaliser cet exercice, nous utiliserons le logiciel libre Libre Office. Vous pouvez le télécharger

Plus en détail

Imprimer sur Caldera depuis un client distant

Imprimer sur Caldera depuis un client distant Imprimer sur Caldera depuis un client distant À partir de Mac OS X... 1 Récupération des fichiers nécessaires...1 Via le serveur web intégré...1 Via les fichiers partagés...2 Installation et configuration

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE 1 Environnement ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour débuter» Les bases du traitement de texte OpenOffice Writer Démarrer le logiciel : o Menu Démarrer > Tous les programmes > OpenOffice.org

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

CRÉER UN FORMULAIRE EN LIGNE SUR GOOGLE

CRÉER UN FORMULAIRE EN LIGNE SUR GOOGLE CRÉER UN FORMULAIRE EN LIGNE SUR GOOGLE Google vous permet de réaliser différents travaux en ligne, notamment des formulaires. Afficher la page Google Cliquer sur Plus Cliquer sur Documents Il faut avoir

Plus en détail

Ajoutez un filigrane à vos photos

Ajoutez un filigrane à vos photos Ajoutez un filigrane à vos photos Vous publiez certaines de vos photos sur Internet, dans votre blog ou dans des forums par exemple. Vous souhaitez certainement les marquer avec votre griffe, pour les

Plus en détail