Initiation à Dreamweaver

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

Download "Initiation à Dreamweaver"

Transcription

1 Benjamin Godefroy Redouane Zarghoune Initiation à Dreamweaver SI28 Ecriture interactive et multimédia Automne 2004

2 Organisation du TD Préambule : Introduction au HTML Présentation de Dreamweaver Exercices Création d un site web Ajout de texte Insertion d images Création de tableaux Création de liens Création de cadres

3 Introduction au HTML HTML : Hypertext Markup Language Hypertexte : possibilité de relier deux éléments textuels par un lien (nœud) Langage de balisage simple (markup language) Dérivé du SGML (premiers documents structurés) Utilisé pour décrire les pages web (texte riche, inclusion d images et autres médias)

4 Introduction au HTML <H1> à <H6> <BR> <P> <B>mot</B> <CENTER>mot</CENTER> <BODY>document</BODY> Titres par importance décroissante Retour à la ligne Crée un nouveau paragraphe Met "mot " en gras Centre "mot" sur la page Définit le corps du document <UL> <LI>ligne 1</LI> Liste à puces <LI>ligne 2</LI> </UL> <a href= site> Cliquez ici</a> Création d un lien

5 Introduction au HTML Il est donc possible de créer un site web en codant directement en HTML sur le bloc-notes par exemple <html> <head> <title>simple site</title> </head> <body> <h1>ceci est un site web minimaliste</h1> <p>je l'ai cree entierement en code HTML</p> </body> </html>

6 Titre dans l en-tête Body Titre h1

7 Présentation de Dreamweaver Le tisseur de rêves est un éditeur WYSIWYG (what you see is what you get) destiné à la conception, au codage et au développement de sites, de pages et d'applications Web. Il propose des outils qui vous aideront à créer des applications Web. Les fonctions d'édition visuelles de Dreamweaver vous permettent de créer rapidement des pages sans rédiger une seule ligne de code. Si vous préférez faire appel au codage manuel, Dreamweaver intègre également de nombreux outils et fonctions de codage.

8 Insertion d objets (images, tableaux, calques,...) Barre d outils du document Sélecteur de balises Espace de travail Propriétés de l objet sélectionné 5 panneaux rétractables

9 Présentation de Dreamweaver La barre d outils regroupe toutes les fonctions La barre Insertion contient des boutons permettant d'insérer divers types d'«objets» dans un document. Chaque objet est une portion de code HTML vous permettant de définir des attributs lors de son insertion.

10 Présentation de Dreamweaver La barre d'outils du document permet d'accéder aux différents modes d'affichage de la fenêtre du document (mode Création ou mode Code), de définir les différentes options d'affichage et d'effectuer certaines opérations courantes, telles que la prévisualisation dans un navigateur. L inspecteur de propriétés permet de voir et de modifier les propriétés de l'objet ou du texte sélectionné (chaque objet contient des propriétés différentes).

11 Présentation de Dreamweaver Le sélecteur de balises affiche la hiérarchie des balises entourant la sélection courante Les 5 panneaux rétractables permettent Gestion des styles et des comportements - Inspecteur de balises - Bibliothèques de code Utilisation de données dynamiques - Gestion des pages - Gestion des ressources du site

12 Exercice 1 : Création d un site web Site / Nouveau site Utiliser l assistant et suivre les étapes : Entrer le nom du site Ne pas utiliser de technologie serveur Modifier les copies locales et indiquer le répertoire du site Nous travaillerons sur un serveur local, donc donnez encore une fois le répertoire de votre site Ne pas activer l archivage et l extraction Terminer

13 Exercice 1 : Création d un site web Le site web est en place, ne manquent plus que les pages Fichier / Nouveau / Page de base / HTML Enregistrer la page en lui donnant un nom La page apparaît dans l arborescence du site

14 Exercice 2 : Ajout de texte En mode création, il est possible d ajouter du texte dans l espace de travail comme dans n importe quel éditeur de texte (Word, bloc-notes, ). On peut ensuite le mettre en forme via le menu texte, le panneau propriétés ou d un simple clic droit. Pour avoir un aperçu dans le navigateur cliquer ici.

15 Exercice 2 : Ajout de texte On peut aussi faire des listes : Texte / Liste Pour modifier le fond : Modifier / Propriétés de la page Et si on ajoutait des images???

16

17 Exercice 3 : Insertion d images On peut insérer des images pour illustrer son site web. Pour cela, il suffit d aller à Insertion / Image ou encore de cliquer sur cette icône:

18 Exercice 3 : Insertion d images Pour positionner une image plus précisément, il faut créer un calque en cliquant ici Dessiner un calque, le positionner et faire glisser l image dedans Les propriétés du calque

19

20 Exercice 4 : Création de tableaux Cliquer ici ou Insertion / Tableau Rentrer le nombre de lignes et de colonnes Les propriétés du tableau

21

22 Exercice 5 : Création de liens Cliquer ici ou sur Insertion / Hyperlien Rentrer le nom et l adresse du lien Il est aussi possible de cliquer droit sur un texte sélectionné (ou une image) puis «créer le lien» pour affecter un lien à du texte déjà tapé

23 Exercice 5 : Création de liens Vous pouvez aussi faire des liens vers d autres sites. Il faut pour cela que le lien soit relatif à la racine du site

24 Exercice 5 : Création de liens On peut aussi faire des liens de messagerie (Insertion / Lien de messagerie) L attribut «target» définit la fenêtre où sera affichée la page du lien : target = _blank affichage dans une nouvelle fenêtre target = _self affichage dans la fenêtre ou le cadre courant(e) target = _parent ou _top affichage par écrasement de toute la page

25 Exercice 6 : Création de cadres Les cadres permettent de diviser une fenêtre du navigateur en plusieurs zones, chacune d'entre elles pouvant afficher un document HTML distinct. En règle générale, un premier cadre affiche un document avec des commandes de navigation tandis qu'un autre cadre affiche un document avec le contenu principal.

26 Exercice 6 : Création de cadres Choisir l onglet Cadres de la barre Insertion Il est possible de composer les jeux de cadres Charger le panneau rétractable Mise en forme avancée (clic droit sur fichiers)

27 Exercice 5 : Création de cadres 3 :La propriété «cible» des liens indique sur quel cadre la page va se charger 2 : Pointer ensuite avec la cible la page à afficher dans ce cadre 1 : Sélectionner le cadre à modifier ou Alt + clic sur le cadre

28 ET VOILÀ LE TRAVAIL!!!

29

30 Conclusion Il n est donc pas si dur de coder en HTML quand on utilise Dreamweaver Vous êtes désormais un peu autonome pour créer votre propre site web La séance 2 vous permettra de vous familiariser avec les feuilles de style, les comportements, les formulaires, l intégration d animations Flash,

Publier dans la Base Documentaire

Publier dans la Base Documentaire Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

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

Publier un Carnet Blanc

Publier un Carnet Blanc Site Web de l association des ingénieurs INSA de Lyon Publier un Carnet Blanc Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008 Publication,

Plus en détail

Publier une Actualité ou un Evenement

Publier une Actualité ou un Evenement Site Web de l association des ingénieurs INSA de Lyon Publier une Actualité ou un Evenement Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008

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

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

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

PowerPoint. Version 2000. Les barres d outils

PowerPoint. Version 2000. Les barres d outils Version 2000 PowerPoint Les barres d outils Pour afficher ou masquer les barres d outils, faire un clic droit dans la barre de menu (ou Affichage - Barre d'outils) La barre d outils standard La barre d

Plus en détail

Direction Informatique 02/11/2010

Direction Informatique 02/11/2010 Microsoft Word 2007 Direction Informatique 02/11/2010 Contexte de la formation: - Interface Ms Word 2007 - L utilisation des fonctions de Ms Word 2007 Objective: -Maîtriser le Ms Word 2007 Page 2/36 Introduction

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

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

TAMAR GRANOR QUESTIONS&RÉPONSES. hotline. OpenOffice.org ISBN : 2-212-11481-8.

TAMAR GRANOR QUESTIONS&RÉPONSES. hotline. OpenOffice.org ISBN : 2-212-11481-8. TAMAR GRANOR 300 QUESTIONS&RÉPONSES hotline OpenOffice.org Groupe Eyrolles, 2005 ISBN : 2-212-11481-8. Créer des pages web chapitre 13 La croissance du web est indéniable et de nombreuses personnes qui

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

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

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

InfoStance SCOLASTANCE V6. Espace collaboratif privé

InfoStance SCOLASTANCE V6. Espace collaboratif privé InfoStance SCOLASTANCE V6 Espace collaboratif privé Table des matières Se connecter à l espace collaboratif privé... 4 Création et modification de contenu... 4 La Barre d édition... 4 La page d accueil...

Plus en détail

Initiation WORD. Module 7 : Visualisation et impression d un document.

Initiation WORD. Module 7 : Visualisation et impression d un document. Initiation WORD. Module 7 : Visualisation et impression d un document. Système d exploitation utilisé : Windows XP Service Pack 2 Créé par Xavier CABANAT Version 1.0 Document créé par Xavier CABANAT Page

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

Point 3.7. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2

Point 3.7. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2 Point 3.7 Publier des contenus dans un portail e-sidoc Janvier 2013 Documentation détaillée V 2.2 INTEGRER DES DOCUMENTS (TEXTES, VIDEOS, IMAGES) SUR UN PORTAIL E-SIDOC... 2 Savoir utiliser l éditeur wysiwyg

Plus en détail

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CS6 pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Interface de conception L'environnement système 9

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

Fonctionnalités avancées de Word

Fonctionnalités avancées de Word BIBLIOTHÈQUE UNIVERSITAIRE DE LILLE 1 Thèses et littérature grise Fonctionnalités avancées de Word Bibliothèque de l université des sciences et technologies de Lille 1 Diffusion électronique des thèses

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

Sommaire : Initiation au PowerPoint. Yousfi Abdellah (octobre 2006)

Sommaire : Initiation au PowerPoint. Yousfi Abdellah (octobre 2006) Département de Gestion, Faculté des Sciences Juridiques Economiques et Sociales Université Mohamed V, Souissi Rabat Initiation au PowerPoint Yousfi Abdellah (octobre 2006) Sommaire : Introduction Présentation

Plus en détail

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr

Web HTML. Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr Web HTML Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr 1 Plan Fonc-onnement du web Le langage HTML 2 Web : Introduc;on Réseau : mise en commun de ressources (données, imprimantes, ) Internet : Interconnexion

Plus en détail

Wordpress Manuel utilisateur. Manuel utilisateur

Wordpress Manuel utilisateur. Manuel utilisateur Wordpress Manuel utilisateur Projet : WORDPRESS Auteur : Référence : Version : ALEOS2i Date de dernière modification : 13 septembre 2013 2.0 Objet : Manuel utilisateur Table des matières Connexion au BackOffice...3

Plus en détail

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et

Plus en détail

Réalisation d une Interface Utilisateur

Réalisation d une Interface Utilisateur Réalisation d une Interface Utilisateur Pour manipuler facilement les données enregistrées dans une base de données, il est nécessaire de cacher leur implantation technique dans les tables et d offrir

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

Comment utiliser Votre site web» Table des matières Tableau de bord de Votre site web»...2 Ajouter un fichier média : Images»...6 Guide de démarrage

Comment utiliser Votre site web» Table des matières Tableau de bord de Votre site web»...2 Ajouter un fichier média : Images»...6 Guide de démarrage Comment utiliser Votre site web» Table des matières Tableau de bord de Votre site web»...2 Ajouter un fichier média : Images»...6 Guide de démarrage rapide. Rédiger une page ou un article,»...3 Ajouter

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

Dreamweaver : les fonctions essentielles

Dreamweaver : les fonctions essentielles Dw ADOBE DREAMWEAVER CS3 De GoLive à Dreamweaver Dreamweaver : les fonctions essentielles Formateur : Éric Morasse Conseiller en formation et en multimédia Hydro-Québec Distribution Dw ADOBE DREAMWEAVER

Plus en détail

Manuel de Blogilo. Mehrdad Momeny Traduction française : Robin Guitton Relecture de la documentation française : Ludovic Grossard

Manuel de Blogilo. Mehrdad Momeny Traduction française : Robin Guitton Relecture de la documentation française : Ludovic Grossard Mehrdad Momeny Traduction française : Robin Guitton Relecture de la documentation française : Ludovic Grossard 2 Table des matières 1 Introduction 5 2 Utiliser Blogilo 6 2.1 Prise en main........................................

Plus en détail

FORMATION ZOTERO AE&CC-ENSAG

FORMATION ZOTERO AE&CC-ENSAG FORMATION ZOTERO AE&CC-ENSAG QU EST-CE QUE ZOTERO? Outil de gestion de références bibliographiques Zotero permet de: Enregistrer, classer et gérer des références bibliographiques Annoter ses références

Plus en détail

MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit,

MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit, MANUEL D UTILISATION DU SITE INTERNET (PUBLIER) Chapitre 18 : Remplir les champs pour une information, un récit, (Nous ne ferons ici pas de rappel à d autres chapitres, sans quoi, chaque ligne écrite mériterait

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

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

Gérer un site avec Kompozer. Josiane Ducournau CRDP Aquitaine

Gérer un site avec Kompozer. Josiane Ducournau CRDP Aquitaine Gérer un site avec Kompozer Organisation, plan de travail Création de pages Tout les fichiers, dossiers, images auront des noms (ex. nouveautes.htm ; ces noms ne devront comporter ni espaces, ni caractères

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

LE TRAITEMENT DE TEXTE CREATION D UN DOCUMENT STRUCTURE

LE TRAITEMENT DE TEXTE CREATION D UN DOCUMENT STRUCTURE LE TRAITEMENT DE TEXTE CREATION D UN DOCUMENT STRUCTURE Ce chapitre présente les fonctionnalités permettant de réaliser un document structuré à l aide de Word97. Prérequis : Connaître les fonctions de

Plus en détail

FICHE 3 : LES BARRES D OUTILS DE WORD

FICHE 3 : LES BARRES D OUTILS DE WORD 1. L ÉCRAN DE WORD FICHE 3 : LES BARRES D OUTILS DE WORD Lorsque vous lancez Word, vous obtenez l écran suivant : Barre des menus Barre des titres Barre d outils standard Symbole de fin de paragraphe Barre

Plus en détail

Groupe Eyrolles, 2006, ISBN : 2-212-11771-X

Groupe Eyrolles, 2006, ISBN : 2-212-11771-X Groupe Eyrolles, 2006, ISBN : 2-212-11771-X Création de pages dynamiques courantes CHAPITRE 3 169 Figure 3-39 La boîte de dialogue de l objet Liste/Menu permet de configurer les options de l affichage

Plus en détail

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0) G U I D E D U T I L I S AT I O N Publishare Plate-forme de gestion de contenu Module Article PubliShare utilise la librairie javascript (AJAX - Web.0) Sommaire Généralités Schéma de navigation Identification

Plus en détail

Item B53 : Réaliser des documents hypermédias intégrant textes, sons, images fixes et animées et liens internes et externes.

Item B53 : Réaliser des documents hypermédias intégrant textes, sons, images fixes et animées et liens internes et externes. Licence Creative Commons Jean-Philippe Verdu Réaliser la présentation de ses travaux en présentiel et en ligne Item B53 : Réaliser des documents hypermédias intégrant textes, sons, images fixes et animées

Plus en détail

Programme de Formation

Programme de Formation Windows / PC - initiation Etre à l aise avec Windows, savoir se situer, organiser son environnement et classer ses documents Tout utilisateur désireux d être rapidement autonome dans l utilisation de l

Plus en détail

Réaliser une page du site http://la-ba.lyceegutenberg.net

Réaliser une page du site http://la-ba.lyceegutenberg.net Réaliser une page du site http://la-ba.lyceegutenberg.net Réaliser une page du site http://la-ba.lyceegutenberg.net Récupérer les éléments récupérer sur le bureau de votre ordinateur à partir du serveur

Plus en détail

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web.

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web. Document 1 : client et serveur Les ordinateurs sur lesquels sont stockés les sites web sont appelés des serveurs. Ce sont des machines qui sont dédiées à cet effet : elles sont souvent sans écran et sans

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

Gestion de projet. Freeplane Didacticiel V1.2. 29 novembre 2014. Gérard Gervois Frédéric Giamarchi

Gestion de projet. Freeplane Didacticiel V1.2. 29 novembre 2014. Gérard Gervois Frédéric Giamarchi Gestion de projet Freeplane Didacticiel V1.2 29 novembre 2014 Gérard Gervois Frédéric Giamarchi Département G.E.I.I. I.U.T. de Nîmes Université Montpellier II Présentation Freeplane est un logiciel qui

Plus en détail

Vous pouvez utiliser votre propre script personnalisé (ISAPI, NSAPI ou CGI) comme programme de traitement de formulaire.

Vous pouvez utiliser votre propre script personnalisé (ISAPI, NSAPI ou CGI) comme programme de traitement de formulaire. Récupérer et stocker les données de formulaire entrées par les visiteurs du site Par défaut, les résultats du formulaire sont enregistrés dans un fichier texte. Définir un formulaire pour enregistrer les

Plus en détail

La mise en page web, feuille de style, cadre.

La mise en page web, feuille de style, cadre. La mise en page web, feuille de style, cadre. L importance du navigateur, son rôle est de lire le code HTML et CSS afin d afficher un résultat visuel à l écran, le problème est que les navigateurs n affichent

Plus en détail

Recueil des Fiches Utilisateurs de «SharePoint»

Recueil des Fiches Utilisateurs de «SharePoint» Recueil des s s de «SharePoint» Ce document regroupe les fiches utilisateurs décrivant la navigation et l utilisation de l application SharePoint. (Référence DSI-DT-Sharepoint-1-4 Mai 2015) SOMMAIRE Accéder

Plus en détail

Sites web propriétaires

Sites web propriétaires Ce document est disponible à : C:\Users\pc_samba\Documents\Doc sites prop.docx Sommaire 1 Introduction... 3 2 Création du mini-site... 4 2.1 Autorisation de création... 4 2.2 Création de votre site Web...

Plus en détail

//////////////////////////////////////////////////////////////////// Développement Web

//////////////////////////////////////////////////////////////////// Développement Web ////////////////////// Développement Web / INTRODUCTION Développement Web Le développement, également appelé programmation, désigne l'action de composer des programmes sous forme d'algorithme (codage).

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

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

Documentation utilisateur de la plate-forme administrateur

Documentation utilisateur de la plate-forme administrateur Documentation utilisateur de la plate-forme administrateur Introduction... 2 1. Accès à la plate-forme... 2 2. Création d une barre de navigation... 3 3. Créer un nouveau menu... 4 Créer le nom d un nouveau

Plus en détail

Développement de l interface Web du projet Hôpital

Développement de l interface Web du projet Hôpital Pôle informatique 2013/2014 École Nationale Supérieure des Mines de Saint-Étienne Développement de l interface Web du projet Hôpital Antoine Zimmermann antoine.zimmermann@emse.fr Le cahier des charges

Plus en détail

Webmaster / Concepteur Multimedia

Webmaster / Concepteur Multimedia Durée : 217 heures Objectifs : Webmaster / Concepteur Multimedia Participants : Toute personne attirée par la création de site internet professionnel. Méthodes : Mise en pratique sur micro-ordinateur.

Plus en détail

Fiche pratique N 10. Modification du site internet. Table des matières. 1.Modifications rapides, directement sur le site... 1

Fiche pratique N 10. Modification du site internet. Table des matières. 1.Modifications rapides, directement sur le site... 1 Modification du site internet Table des matières 1.Modifications rapides, directement sur le site... 1 1.1 Modifier du texte... 2 1.2 Modifier des images... 3 1.3 Modifier la page d'accueil avec plusieurs

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

Écriture de pages Web

Écriture de pages Web Écriture de pages Web Le langage HTML / XHTML Laurent Tichit Janvier 2011 Laurent Tichit 2005-2010 1 Comment fonctionne le Web? C'est un mécanisme client-serveur. Logiciel serveur : programme qui a pour

Plus en détail

Initiation Word_ Mod 1.doc Module 1. Avant propos.

Initiation Word_ Mod 1.doc Module 1. Avant propos. Initiation WORD. Module 1 : La présentation de Word 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 9 Avant propos.

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

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

Sites web institutionnels de l'unil avec Jahia

Sites web institutionnels de l'unil avec Jahia ronstik - Fotolia.com Sites web institutionnels de l'unil avec Jahia mars 2013 1 Les bases de Jahia 2 Jahia est un CMS = content management system = système de gestion de contenu web une application installée

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

-KompoZer, qui est un logiciel gratuit téléchargeable ici: http://kompozer.net/download.php

-KompoZer, qui est un logiciel gratuit téléchargeable ici: http://kompozer.net/download.php Didacticiel destiné à la création d un répertoire de ressources numériques consultables localement à l aide d un index. Cette technique permet à la fois de s émanciper d une connexion internet et de contrôler

Plus en détail

TD 1 : Savoir rédiger un compte-rendu de chantier

TD 1 : Savoir rédiger un compte-rendu de chantier TD 1 : avoir rédiger un compte-rendu de chantier 1. Environnement de travail 2. Préparer la frappe du compte-rendu ONGLET «MIE EN PAGE» On y retrouve les potions d'orientation du document, les sauts de

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

Carrefour de l information. Université de Sherbrooke. Création de sites Web à l aide de. Dreamweaver CS3. Par :

Carrefour de l information. Université de Sherbrooke. Création de sites Web à l aide de. Dreamweaver CS3. Par : Carrefour de l information Université de Sherbrooke Création de sites Web à l aide de Dreamweaver CS3 Par : Josée Martin Édition revue et augmentée par Marc-André Dulude Édition revue et augmentée par

Plus en détail

Manuel Utilisateur. Création de site web

Manuel Utilisateur. Création de site web Manuel Utilisateur Création de site web Auteur : Logica Version : 1.3 Droit d auteur Ce texte est disponible sous contrat Creative Commons Paternité - Pas d'utilisation Commerciale - Partage des Conditions

Plus en détail

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez

Mohammed REZGUI m.rezgui06@gmail.com. Basé sur le cours de Guillaume Perez Mohammed REZGUI m.rezgui06@gmail.com Basé sur le cours de Guillaume Perez Contenu, Organisation Objectif principal: Base pour la création d un site Notions de client-serveur Notions de programmations Option

Plus en détail

Guide d utilisation 2012

Guide d utilisation 2012 Guide d utilisation 2012 Tout ce dont vous avez besoin pour bien démarrer REACOM La performance marketing SOMMAIRE Démarrez avec reagiciel Accédez à votre console d administration 4 Gestion internet Aperçu

Plus en détail

Dreamweaver - Créer son site internet avec Dreamweaver

Dreamweaver - Créer son site internet avec Dreamweaver 2 Jours Dreamweaver - Créer son site internet avec Dreamweaver dans CREATION WEB - SITE INTERNET Objectifs de la formation Création de site web avec Dreamweaver Concevoir un site Web en HTML avec les fonctions

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

Créer son questionnaire en ligne avec Google Documents

Créer son questionnaire en ligne avec Google Documents Créer son questionnaire en ligne avec Google Documents (actualisation et précision de l article paru sur http://www.marketing- etudiant.fr/actualites/collecte-donnees.php) Se connecter avec son compte

Plus en détail

Dreamweaver CC pour PC/Mac Pour des sites full CSS conformes aux standards du W3C

Dreamweaver CC pour PC/Mac Pour des sites full CSS conformes aux standards du W3C Introduction L'Internet aujourd'hui 7 Le World Wide Web Consortium et les standards 7 Les logiciels de conception de sites web 7 L'objectif du livre 8 Le Creative Cloud d Adobe 9 Interface de conception

Plus en détail

Pages et sites Web. Table des matières 1. Microsoft Expression Web S'orienter vers l'accessibilité...12

Pages et sites Web. Table des matières 1. Microsoft Expression Web S'orienter vers l'accessibilité...12 Pages et sites Web Table des matières 1 Microsoft Expression Web S'orienter vers l'accessibilité...12 Espace de travail Installer le logiciel...13 Lancer/quitter Microsoft Expression Web 2...13 Découvrir

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

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éer des documents interactifs

Créer des documents interactifs Créer des documents interactifs 14 Au cours de cette leçon, vous apprendrez à : créer un document en ligne de base ; ajouter des boutons, des transitions de page et des hyperliens ; exporter au format

Plus en détail

WebCT - Exercices. Préparé par. Edouard Staco Sylvain Lefebvre Dominic Villiard. École Polytechnique de Montréal. Page 1 sur 22

WebCT - Exercices. Préparé par. Edouard Staco Sylvain Lefebvre Dominic Villiard. École Polytechnique de Montréal. Page 1 sur 22 WebCT - Exercices Préparé par Edouard Staco Sylvain Lefebvre Dominic Villiard École Polytechnique de Montréal Page 1 sur 22 Configuration de votre fureteur Ajustement de la mémoire cache Netscape Navigator

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

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

ACCESS 2007 1/5. Ce Mode Opératoire a juste pour objet de vous aider à créer une base de données simple. (tables, relations et formulaires)

ACCESS 2007 1/5. Ce Mode Opératoire a juste pour objet de vous aider à créer une base de données simple. (tables, relations et formulaires) Ce Mode Opératoire a juste pour objet de vous aider à créer une base de données simple. (tables, relations et formulaires) De nombreuses fonctionnalités ne seront pas abordées dans ce document. Les possibilités

Plus en détail

Serge WACKER 1 Serge WACKER - http://serge.wacker.free.fr - Janvier 2013

Serge WACKER 1 Serge WACKER - http://serge.wacker.free.fr - Janvier 2013 Serge WACKER 1 Mise en route du tableau blanc interactif ACTIVE INSPIRE 1-7.5 1 - Relier le TBI avec - le câble VGA sur l'entrée VGA de l'ordinateur - le câble son sur la sortie Haut-paleur de l'ordinateur

Plus en détail

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web

TIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information

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

Formation Webmaster : Création de site Web Initiation + Approfondissement

Formation Webmaster : Création de site Web Initiation + Approfondissement Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation

Plus en détail

Wix : mettre en place un site d e commerce

Wix : mettre en place un site d e commerce Wix : mettre en place un site d e commerce I Préambule Wix (http://fr.wix.com/) est un application web de création de sites web en ligne (mode SaaS Software As A Service). Très puissant, il permet de créer

Plus en détail

Version 4.0. Multinet Ressources Inc. Page 1 sur 13

Version 4.0. Multinet Ressources Inc. Page 1 sur 13 Version 4.0 Page 1 sur 13 Introduction Lorsque vous obtenez l accès à Méganet, votre site est déjà construit. C est-à-dire qu il a fait l objet d une étude de style selon les couleurs de votre entreprise

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

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

Automatisation des tâches avec les macros Visual Basic

Automatisation des tâches avec les macros Visual Basic Automatisation des tâches avec les macros Visual Basic Si vous ne connaissez pas les macros, ne vous laissez pas impressionner par le terme. Une macro est tout simplement un ensemble mémorisé de frappes

Plus en détail

Aide-mémoire: outil d'évaluation en ligne NET-Metrix-Profile

Aide-mémoire: outil d'évaluation en ligne NET-Metrix-Profile Avant-colonne Aide-mémoire: outil d'évaluation en ligne NET-Metrix-Profile Module d'évaluation Tabulation Cet aide-mémoire présente brièvement les différentes possibilités d évaluation proposées pour le

Plus en détail

et de la feuille de styles.

et de la feuille de styles. Feuilles de style / mars 2007 Manuel d'utilisation du modèle enssib et de la feuille de styles. Writer Open Office Service des produits documentaires Contact : Richard Grenier 2e étage enssib Tél : 04

Plus en détail

Adobe Dreamweaver (Certification Officielle Editeur)

Adobe Dreamweaver (Certification Officielle Editeur) Adobe Dreamweaver (Certification Officielle Editeur) CATEGORIE : C Vue d'ensemble Domaine(s) d'activité professionnel dans lequel(s) est utilisé la certification : Transverse : Création de site Internet

Plus en détail

Guide de démarrage rapide

Guide de démarrage rapide Guide de démarrage rapide L aspect de Microsoft Publisher 2013 étant différent par rapport aux versions précédentes, nous avons créé ce guide pour vous aider à être opérationnel au plus vite. Barre d outils

Plus en détail