La conception d'un site web

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "La conception d'un site web"

Transcription

1 La conception d'un site web Cliquez pour zoomer sur l'éditeur de page Web. La première étape de la création d'un site web consiste à définir quel sera le contenu du site et comment ce contenu sera organisé. Paradoxalement, ce n'est donc pas de votre ordinateur dont vous vous munirez en premier, mais plutôt d'un crayon et d'une feuille de papier afin de décrire votre projet. Du point de vue du contenu, vous n'avez a priori aucune contrainte de création, mais en ce qui concerne la forme il est important de savoir au préalable comment est structuré un site web. Que se passe-t-il donc lorsque vous "surfez" sur internet? Vous passez de documents en documents en cliquant sur des liens. Visuellement, ces documents ressemblent beaucoup à des pages papiers; c'est pourquoi on parle de "pages web". Le principe qui permet de lier ces documents entre eux est appelé hypertexte. Créer un site web consiste donc à créer des pages et à les relier entre elles par des liens hypertextes placés sur des mots ou des images. Vous pouvez aussi établir des liens entre deux endroits différents d'une même page. La phase de conception consiste donc : à structurer votre page web (ou chacune de vos pages) en disposant les textes et les images (n'hésitez pas à faire un schéma sur une feuille de papier) à déterminer les liens hypertextes entre les pages et au sein de chaque page. * * * Cliquez pour zoomer sur le langage HTML. Ensuite, vous allez passer à la réalisation. Pour cela, deux options s'offrent à vous. La première la plus courageuse consiste à se plonger dans l'apprentissage du langage de programmation des sites webs : le langage HTML ("HyperText Markup Language"). Cela fait, vous devrez taper directement les lignes de codes HTML dans un éditeur de texte et enregistrer le fichier au format.htm ou.html. Si le langage HTML est assez facile à apprendre, il est toutefois assez laborieux à utiliser : créer un site attractif uniquement en tapant du code HTML est très long et fastidieux. Même les programmeurs professionnels ne procèdent pas ainsi. Rassurez-vous, vous n'aurez donc pas besoin de connaître ce langage par cœur pour créer un premier site web! La seconde solution de loin la plus pratique consiste à utiliser les logiciels créés exprès pour la création de pages webs et qui évitent de taper soi-même le code HTML. Leur grand avantage est de fonctionner selon un principe très pratique, mais au nom barbare : le Wysiwyg! Ce sont les initiales de "what you see is what you get", c'est-à-dire "ce que vous voyez est ce que vous obtenez ". Cela signifie que lorsqu'on travaille sur ces logiciels les pages web apparaissent à l'écran comme elles apparaitront lorsqu'elles seront visibles sur le web. Il existe de nombreux éditeurs web. Certains sont payants (et souvent chers) : Frontpage, Dreamweaver, GoLive, PageMill, etc. D'autres sont gratuits. Si ces derniers sont moins puissants, ils sont cependant tout à

2 fait adaptés à une première création de pages web. La solution la plus pratique consiste à utiliser les logiciels qui accompagnent votre navigateur web; les deux plus célèbres étant Composer pour Netscape Communicator, et Front Page Express pour Microsoft Explorer. Les exemples qui vont suivre feront référence à Composer. Les étapes de la réalisation d'une page web. Cliquez pour zoomer sur l'édition de texte. Le texte est sans doute le premier élément que vous allez vouloir mettre sur la page. L'édition de texte pour le web est assez similaire à celle d'un traitement de texte. Le pointeur indique l'endroit où s'inscrit le texte. Vous le saisissez au clavier et vous faîtes votre mise en page comme dans un traitement de texte. Vous pouvez ainsi modifier la police, la taille, le style, la couleur, ou l'alignement de votre texte. Dans Composer, vous trouverez ces commandes dans le menu "Format ". Vous pouvez également créer des listes à puces ou numérotées. Allez, assez de théorie! Lancez-vous avec l'exemple qui suit : Tapez tout d'abord votre titre : "Bienvenue sur ma page Web" Pour passer à la ligne, tapez sur la touche "Entrée". Ecrivez ensuite votre premier paragraphe : "Ceci est ma première page web!" Puis votre second (et dernier déjà!!), après être passé à la ligne une seconde fois : "Au revoir et à bientôt!" Pour insérer une image dans votre page, vous devez vous assurer qu'elle est dans un format compatible avec la publication sur le web. Les deux formats les plus couramment utilisés sont les formats.gif et.jpg. Vous devez ensuite mémoriser son nom et son emplacement sur votre disque dur. Placez ensuite le curseur à l'emplacement où vous souhaitez la voir apparaître. Puis, sélectionnez la commande Image dans le menu Insérer. Cela ouvre une fenêtre "Propriétés de l'image ". Choisissez l'onglet "Image ". Dans la première rubrique, cliquez sur "Choisir le fichier ", sélectionnez l'image que vous voulez insérer, et cliquez sur "OK ". Cliquez une seconde fois sur "OK" dans la fenêtre "Propriétés de l'image " : votre image s'affiche alors sur la page. * * * Cliquez pour zoomer sur l'édition de texte et d'image

3 Votre page s'est maintenant enrichie mais elle se présente toujours sur un fond obstinément blanc. Heureusement, vous pouvez sans problème créer un fond plus attractif. Pour cela, cliquez avec le bouton droit de votre souris sur le fond de la page blanche, et sélectionnez la commande "Propriétés de la page " dans le menu qui s'affiche. Sélectionnez l'onglet "Couleurs et arrière-plan ". Si vous voulez donner une couleur à la page, choisissez votre couleur dans la palette accessible en cliquant sur le bouton "Arrière-plan ". Si vous voulez afficher une image ou un motif, sélectionnez le en cliquant sur "Choisir le fichier " dans la rubrique "Image d'arrière-plan ". Cliquez ensuite sur "OK " : votre fond s'affiche en arrière-plan! Nous allons maintenant créer un lien hypertexte vers un autre site internet. Sous votre premier paragraphe, écrivez donc ce qui suit: "Et si vous alliez voir mon site web préféré? C'est parti!" Sélectionnez ensuite "C'est parti!". Puis, sélectionnez la commande Lien dans le menu Insérer. Cela ouvre une fenêtre "Propriétés des caractères ". Choisissez l'onglet "Lien ". Dans la fenêtre "Lier à ", écrivez l'adresse internet complète du site web vers lequel vous voulez renvoyer le lien, puis cliquez sur "OK ". Le texte "C'est parti!" s'affiche alors avec une mise en forme particulière (souvent en couleur et souligné). Lorsque vous le survolez avec votre curseur, celui-ci change de forme (il prend traditionnellement celle d'une main). Ceci vous indique qu'une interactivité est programmée sur ce texte : en l'occurrence, lorsqu'un utilisateur cliquera sur ce lien, il ira directement sur la page que vous avez choisie. Voilà, votre première page web est terminée! Il faut maintenant enregistrer le fichier correspondant en utilisant l'extension.html. Pour cela, cliquez sur "Enregistrer" dans la barre d'outil Publication de votre site web * * *

4 Cliquez pour zoomer sur l'entrée dans une session FTP. Ainsi enregistrée, votre page web est sauvegardée sur votre disque dur, mais elle n'est pas pour autant accessible aux internautes! La dernière étape consiste donc à publier votre page web. Pour cela, il faut la copier sur ce que l'on appelle un serveur web, c'est-à-dire un ordinateur qui stocke les fichiers

5 informatiques constituant les sites webs, et qui les rend accessibles à n'importe quel autre ordinateur de la planète via le réseau internet. Pour trouver un serveur web, il faut vous adresser à une entreprise qui propose ce service, appelé hébergement. Le plus simple est de vous adresser à votre fournisseur d'accès à Internet. La plupart d'entre eux proposent gratuitement de l'espace disque à leurs abonnés. Mais vous pouvez également vous adresser à d'autres sociétés qui proposent le même service gratuitement (Tripod, Respublica, Multimania...). Le processus d'enregistrement se fait directement sur internet. La société que vous avez choisie vous fournit alors différentes informations (mot de passe, nom d'utilisateur, etc.) qui vont vous permettre de copier les fichiers de votre site sur son serveur. Pour effectuer cette opération vous devez utiliser un logiciel de téléchargement de fichier, appelé logiciel de tranfert FTP. De son côté, votre hébergeur vous aura donné l'adresse FTP de son serveur. Une fois votre page web copiée sur le serveur, elle devient accessible sur internet par le biais d'une adresse web, qui vous sera communiquée par votre hébergeur. Cette adresse, appelé URL, aura sans doute la forme suivante : "serveur.com" désigne le nom du serveur de la société qui héberge votre site : vous ne pouvez pas le changer. Par contre, "monsite" représente le nom que vous avez choisi de donner à votre page web. Une option "de luxe" consiste à acheter vous même votre nom de domaine, c'est-à-dire votre adresse URL. Dans ce cas, le site peut toujours être abrité chez votre hébergeur, mais l'adresse devient plus simple, donc plus facile à retenir et c'est vous qui choisissez le nom : L'inconvénient, de taille, est que cette option est payante A. Quel est l'extension des fichiers informatiques correspondant aux pages web? A..jpg B..html C..xls B. Lequel de ces trois formats d'images n'est pas utilisable sur le web? A..jpg B..gif C..bmp B. HTML signifie : A. HyperText Markup Language B. HyperText Multimedia Language C. High Text Multimedia Language

6 B. Qu'est-ce qu'un logiciel Wysiwyg? A. Un logiciel permettant de naviguer sur internet. B. Un logiciel reproduisant l'aspect visuel d'une page web afin de faciliter sa construction. C. Un traitement de texte destiné uniquement à rédiger du code HTML. B. Comment appelle-t-on un lien entre deux pages web? A. Un lien multimédia. B. Un lien FTP. C. Un lien hypertexte. B. Qu'est-ce qu'une URL? A. Une image qui peut agrémenter le fond d'une page web. B. Le nom des sociétés qui hébergent les pages web. C. L'adresse qui permet d'accéder à un site web depuis un navigateur.

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

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

I. Définition du site

I. Définition du site I. Définition du site Utilisation de Dreamweaver La création du site ne devrait se faire qu'une seule fois. En effet, sur un ordinateur personnel, cette définition est enregistrée dans le profil de l'utilisateur

Plus en détail

Utilisez internet pour présenter vos travaux, créez votre site web Initiation à dreamweaver 2

Utilisez internet pour présenter vos travaux, créez votre site web Initiation à dreamweaver 2 Utilisez internet pour présenter vos travaux, créez votre site web Initiation à dreamweaver 2 1. Introduction Un site web est constitué d un ensemble de pages conçues avec le langage HTML (HyperText Markup

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

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

ESPACE PRIVÉ POUR LE STOCKAGE TEMPORAIRE ET LE TRANSFERT DE FICHIERS COMMENT TÉLÉCHARGER UN FICHIER VERS VOTRE ORDINATEUR EN UTILISANT UN

ESPACE PRIVÉ POUR LE STOCKAGE TEMPORAIRE ET LE TRANSFERT DE FICHIERS COMMENT TÉLÉCHARGER UN FICHIER VERS VOTRE ORDINATEUR EN UTILISANT UN TABLE DES MATIERES : Comment télécharger un fichier vers votre ordinateur en utilisant un navigateur...1 Comment déposer de 1 à 3 fichiers sur l'espace privé en utilisant un navigateur...2 Comment transférer

Plus en détail

1- CRÉER UN SITE WEB FRONTPAGE

1- CRÉER UN SITE WEB FRONTPAGE 1- CRÉER UN SITE WEB FRONTPAGE 1.1 Caractéristiques d un site Web FrontPage FrontPage 2003 est un logiciel de gestion de sites Web qui offre plusieurs outils pour simplifier les tâches de conception, de

Plus en détail

LECON INTERNET N 4 Télécharger un logiciel de création de site puis créer son propre blog

LECON INTERNET N 4 Télécharger un logiciel de création de site puis créer son propre blog LECON INTERNET N 4 Télécharger un logiciel de création de site puis créer son propre blog On utilise deux fichiers : LECON INTERNET N 4 PHOTOS ET TEXTES DU JARDIN TELECHARGER IZISPOT avec le navigateur

Plus en détail

Photofiltre : premières retouches d'images

Photofiltre : premières retouches d'images Photofiltre : premières retouches d'images Niveau débutant Niveau intermédiaire Niveau confirmé PhotoFiltre est un logiciel de retouche d images, libre et gratuit, très complet. Il permet d effectuer des

Plus en détail

TP 3 Microsoft Access : formulaires V 1.2

TP 3 Microsoft Access : formulaires V 1.2 TP 3 Microsoft Access : formulaires V 1.2 Il est demandé de suivre pas à pas les indications de ce document. Les tâches bien spécifiques à réaliser sont écrites de cette manière : 3.x faire Les formulaires

Plus en détail

Sage CRM. Sage CRM 2016 R1 Guide Mobile

Sage CRM. Sage CRM 2016 R1 Guide Mobile Sage CRM Sage CRM 2016 R1 Guide Mobile Table des matières Chapitre 1 : Introduction aux solutions Sage CRM Mobile 1 Chapitre 2 : Configurer les applis mobiles Sage CRM 2 Conditions préalables pour les

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

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

Ditel NAVigation automatique

Ditel NAVigation automatique NAVIGATION Ditel NAVigation automatique 2 Téléchargement 3 Installation 6 Utilisation 14 Caratères spéciaux 15 Configuration Internet Explorer À Présentation : Ditel Nav est un logiciel de navigation automatique

Plus en détail

Manuel d aide à la création de pages Web avec Netscape Composeur

Manuel d aide à la création de pages Web avec Netscape Composeur Manuel d aide à la création de pages Web avec Netscape Composeur Netscape Communicator.lnk Sommaire Pages Vous voulez ouvrir une page existante 2 Vous voulez enregistrer votre page 3 Vous voulez écrire

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

Comment créer vos propres pages web?

Comment créer vos propres pages web? Comment créer vos propres pages web? Vous voulez vous aussi devenir acteur et présenter vos passions et vos envies aux yeux du monde. Présentez-les sur le WEB. Pour cela, il vous suffit de créer vos "pages

Plus en détail

LE TRAITEMENT DE TEXTE : WORD. Son utilisation

LE TRAITEMENT DE TEXTE : WORD. Son utilisation 1 Didacticiel réalisé par Patricia Wasko Netsteward Administration Communale de Seneffe Service Informatique - 2004 LE TRAITEMENT DE TEXTE : WORD Son utilisation Un logiciel de traitement de texte est

Plus en détail

Partie privée La partie privée (parfois appelée back-office) permet de modifier le contenu du site. Cette partie n'est accessible qu'aux rédacteurs.

Partie privée La partie privée (parfois appelée back-office) permet de modifier le contenu du site. Cette partie n'est accessible qu'aux rédacteurs. Cours pour rédacteur L'objectif de ce cours est de devenir rapidement autonome avec le logiciel Spip pour publier soi-même ses contenus sur internet. Ce cours ne requiert aucune connaissance en informatique

Plus en détail

Enregistrer des fichiers sur son ordinateur

Enregistrer des fichiers sur son ordinateur Enregistrer des fichiers sur son ordinateur Il est indispensable de savoir enregistrer des fichiers sur son ordinateur selon le contexte il existe différentes méthodes pour y parvenir. Voyons-les en détails

Plus en détail

Indications TP C2i n 3

Indications TP C2i n 3 Indications TP C2i n 3 Ind-03.1 Indications TP C2i n 3 0. Préliminaires Lisez la version PDF du TP et repérez les parties surlignées. Ce sont des éléments qui sont importants ou qui ont été modifiés. À

Plus en détail

Créer des réseaux de concepts avec CmapTools

Créer des réseaux de concepts avec CmapTools Réseaux de concepts pour apprendre, comprendre, réviser 1 Créer des réseaux de concepts avec CmapTools Ouvrir le logiciel: Démarrer APO-CSSMI Bureautique Gestion et projets CmapTools Pour débuter une carte,

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

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

«Personnaliser la barre outils» d'openoffice.org 2.0

«Personnaliser la barre outils» d'openoffice.org 2.0 Les logiciels libres «Personnaliser la barre outils» d'openoffice.org 2.0 Logiciel: Plateforme(s): Version: Licence: Site: < h ttp://fr.openoffice.org/>

Plus en détail

Débuter avec GIMP. Novembre 2013

Débuter avec GIMP. Novembre 2013 Débuter avec GIMP Novembre 2013 Sommaire 1. Télécharger GIMP 2. L'interface 3. La boîte à outils 4. Gestion des documents 5. La résolution et les pixels de l'image 6. L'enregistrement 7. Les couleurs 8.

Plus en détail

HTML, ENSEIGNEMENT, PEDAGOGIE.

HTML, ENSEIGNEMENT, PEDAGOGIE. HTML, ENSEIGNEMENT, PEDAGOGIE. 1- A quoi peut servir le html dans les enseignements 1.1- Définitions : html ; internet ; intranet ; 1.2- Le html avec les élèves - La recherche documentaire -Communiquer

Plus en détail

2 séances pour apprendre à créer un article de journal avec le logiciel Draw au cycle III

2 séances pour apprendre à créer un article de journal avec le logiciel Draw au cycle III 2 séances pour apprendre à créer un article de journal avec le logiciel Draw au cycle III Ces séances ont été menées dans une salle informatique avec des élèves de CM2 qui avaient pour projet l'écriture

Plus en détail

Introduction au bases de données Access

Introduction au bases de données Access Introduction au bases de données Access Marielle Delhom Tr1 2006-2007 Plan I - Prise en main d'access II - Les tables III - Les requêtes IV - Les formulaires V - Les états Marielle Delhom Tr2 2006-2007

Plus en détail

Tutoriel Le Web et la conception de sites

Tutoriel Le Web et la conception de sites Tutoriel Le Web et la conception de sites Éléments du Web Internet Internet est un réseau de plusieurs réseaux informatiques. L information stockée sur les ordinateurs devient accessible par les autres

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

VCC-HD2300/HD2300P VCC-HD2100/HD2100P

VCC-HD2300/HD2300P VCC-HD2100/HD2100P VCC-HD2300/HD2300P VCC-HD2100/HD2100P Accédez à la caméra depuis le navigateur Internet de votre ordinateur Composants de l'écran en direct Panneau de commande Barre d'outils Travailler avec l'écran en

Plus en détail

Création de page Web. Microsoft Publisher. 1. Ouvrez Microsoft Publisher. 2. Cliquez sur Sites Web. 3. Choisissez un modèle

Création de page Web. Microsoft Publisher. 1. Ouvrez Microsoft Publisher. 2. Cliquez sur Sites Web. 3. Choisissez un modèle Création de page Web Microsoft Publisher 1. Ouvrez Microsoft Publisher 2. Cliquez sur Sites Web 3. Choisissez un modèle 4. Personnalisez votre jeu de couleurs et les options 5. Cliquez sur «créer», lorsque

Plus en détail

Listing J-> S des Astuces Microsoft Word.

Listing J-> S des Astuces Microsoft Word. Listing J-> S des Astuces Microsoft Word. 1. Justifiez vos paragraphes par défaut 2 2. Manipuler les fichiers Office 2007 avec les versions précédentes - Office 2000/XP/2003 2 3. Mettre en valeur du texte

Plus en détail

- Créer, enregistrer et mettre en forme la page d'index. Modifier les propriétés de la page. L'afficher dans le navigateur

- Créer, enregistrer et mettre en forme la page d'index. Modifier les propriétés de la page. L'afficher dans le navigateur Digital et Web : HTML - Devenir Web Master Sessions Mars Avril Mai Digital et Web : HTML - Devenir Web Master Public & pré-requis Toute personne ayant une bonne connaissance de l'internet Maîtriser l'environnement

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

1. Téléchargement de Google Earth

1. Téléchargement de Google Earth 1. Téléchargement de Google Earth - Sous votre navigateur Internet, entrez l'adresse : http://earth.google.fr. Vous arrivez sur la page ci-contre. Si un message de sécurité apparaît, cliquez sur "autoriser".

Plus en détail

Ref : Résolution problème d'accès aux supports de cours

Ref : Résolution problème d'accès aux supports de cours PLATE FORME e-learning LLMS Pôle national de compétences FOAD (Formation Ouverte et A Distance) Ref : Résolution problème d'accès Pôle compétences FOAD SIGAT http://foad.orion.education.fr/ Page 2 SOMMAIRE

Plus en détail

Comment faire pour créer ses propres pages html?

Comment faire pour créer ses propres pages html? . Comment faire pour créer ses propres pages html? Insérer une vidéo Pour ajouter une vidéo de votre choix, il vous faut insérer, dans un premier temps, un tableau dans lequel vous placerez un mot, par

Plus en détail

FORMATION CALC OpenOffice 3.2

FORMATION CALC OpenOffice 3.2 FORMATION CALC OpenOffice 3.2 Livret 2 Mettre en forme un tableau Niveau 1 Thierry TILLIER http://www.coursdinfo.fr Ce support de cours est réservé à un usage personnel. Toute utilisation et diffusion

Plus en détail

LIVRET 2. Word. Les barres d outils

LIVRET 2. Word. Les barres d outils LIVRET 2 Word Les barres d outils Sommaire Généralités 3 La barre de titre 5 La barre de menus 6 La barre d outils Standard 12 La barre d'outils Mise en forme 17 La règle 20 La barre de sélection 22 Les

Plus en détail

Utiliser les objets intelligents

Utiliser les objets intelligents Créer des sites Web personnels 1 Utiliser les objets intelligents Nous partons du principe que vous avez terminé le didacticiel "Créer un site Web personnel", et que vous êtes maintenant prêt à ajouter

Plus en détail

Fiche logiciel LibreOffice Calc 3.x. LibreOffice Calc : introduction au tableur. Sommaire du document FL04009

Fiche logiciel LibreOffice Calc 3.x. LibreOffice Calc : introduction au tableur. Sommaire du document FL04009 Fiche logiciel LibreOffice Calc 3.x FL04009 Tableur Niveau 04/ LibreOffice Calc : introduction au tableur Le tableur est un logiciel permettant de créer des tableaux et des graphiques. Sa puissance réside

Plus en détail

Conseils pour la rédaction du travail personnel

Conseils pour la rédaction du travail personnel Conseils pour la rédaction du travail personnel Table des matières 1. INTRODUCTION...1 2. FORMAT DES PAGES ET DU TEXTE...2 3. UTILISER LES STYLES...3 4. NUMÉROTATION DES CHAPITRES...4 5. CRÉATION DE LA

Plus en détail

Notice d utilisation de la partie privé du site de la Maison du Monde d Evry

Notice d utilisation de la partie privé du site de la Maison du Monde d Evry Notice d utilisation de la partie privé du site de la Maison du Monde d Evry Site réalisé d Avril à Juin 2010, avec SPIP. Etienne Herencia Sommaire : Qu est ce que SPIP?... 3 Organisation d un site SPIP...

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

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

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

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

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

Plus en détail

Comment utiliser le site d'administration de l'esmug/gucem

Comment utiliser le site d'administration de l'esmug/gucem Comment utiliser le site d'administration de l'esmug/gucem 1. Introduction Ce système de gestion de site internet a été conçu spécialement pour gérer le site de l'esmug/gucem et vous permettre de mettre

Plus en détail

CRÉER UN DOCUMENT MIXTE

CRÉER UN DOCUMENT MIXTE CRÉER UN DOCUMENT MIXTE INTÉGRANT TEXTE ET IMAGES/TABLEAU Il est très vite utile de pouvoir intégrer des images et des tableaux dans votre document pour l'agrémenter, améliorer sa lisibilité ou le rendre

Plus en détail

7.0 Guide des nouveautés

7.0 Guide des nouveautés 7.0 Guide des nouveautés Copyright 2010 Sage Technologies Limited, éditeur de ce document. Tous droits réservés. Aucune partie de cette documentation ne peut être copiée, photocopiée, reproduite, traduite,

Plus en détail

NetquizPro : un exerciseur gratuit

NetquizPro : un exerciseur gratuit NetquizPro : un exerciseur gratuit Qu est ce qu un exerciseur? NetquizPro permet de construire des exercices ou des tests dans Internet sans programmation ni connaissance du langage HTML. Il est possible

Plus en détail

II - EXCEL POUR QUOI FAIRE 13

II - EXCEL POUR QUOI FAIRE 13 II - EXCEL POUR QUOI FAIRE 13 Excel est un logiciel de la famille des tableurs. Il permet de gérer naturellement les données de type numérique sous forme de tableaux ou de graphiques, d'insérer des données

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

Réaliser un site Web

Réaliser un site Web Fiche travail n 11 Réaliser un site Web DATE : / / Un site intranet est un ensemble de fichiers liés entre eux, mis à la disposition d un utilisateur. Le grand intérêt de cette technique réside dans les

Plus en détail

Le traitement de texte

Le traitement de texte Le traitement de texte Tous les logiciels de traitement de texte disponibles sur vos machines se ressemblent plus ou moins, puisque proposant les même fonctions dans un même but. J'ai choisi de vous faire

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

Convertir des fichiers vidéo

Convertir des fichiers vidéo Initiation au traitement audio avec VLC 1/ 6 Maîtrisez VLC sur le bout des doigts Comment égaliser le volume de vos films, convertir des fichiers vidéos, régler l'affichage des sous-titres? Nos astuces

Plus en détail

HP Data Protector Express Software - Tutoriel 2. Réalisation de votre première sauvegarde et restauration de bande

HP Data Protector Express Software - Tutoriel 2. Réalisation de votre première sauvegarde et restauration de bande HP Data Protector Express Software - Tutoriel 2 Réalisation de votre première sauvegarde et restauration de bande Que contient ce tutoriel? Après avoir lu ce tutoriel, vous pourrez : utiliser les fonctions

Plus en détail

TD N 2 : Excel notions de base

TD N 2 : Excel notions de base TD N 2 : Excel notions de base 1. Introduction Excel est un tableur conçu par Microsoft pour faciliter les créations de tableaux chiffrés avec calculs. Un tableur est un logiciel utilisé pour réaliser

Plus en détail

Création de site Internet avec Jimdo

Création de site Internet avec Jimdo Création de site Internet avec Jimdo Ouvrez votre navigateur internet ou Internet Explorer ou Mozilla Firefox Rendez vous sur la page http://fr.jimdo.com/ voici ce que vous voyez. 1=> 2=> 1. Le nom que

Plus en détail

CRÉER SON SITE INTERNET. Créer son site Internet. Méd de Roanne. FG 16/09/08

CRÉER SON SITE INTERNET. Créer son site Internet. Méd de Roanne. FG 16/09/08 CRÉER SON SITE INTERNET 1 Tout d abord, nous allons réviser quelques notions de base permettant de comprendre ce qu est un site Internet, et ce que cela implique. Dans un second temps, le lien ci-après

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

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

-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

Comment télécharger une image d'un site Internet et la faire partager sur les réseaux sociaux

Comment télécharger une image d'un site Internet et la faire partager sur les réseaux sociaux Comment télécharger une image d'un site Internet et la faire partager sur les réseaux sociaux Il y a une méthode simple et rapide pour télécharger mes images préférées à partir d Internet. Je peux les

Plus en détail

Créer une présentation pour le web avec Médiator (format html/flash)

Créer une présentation pour le web avec Médiator (format html/flash) Créer une présentation pour le web avec Médiator (format html/flash) Préparer sa présentation: Principe d'une page html. L'avantage d'une présentation flash. Dossier de destination. Préparation du document.

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

Dossier gestion du site web cneaf.fr

Dossier gestion du site web cneaf.fr ÉDITION DE CONTENUS Les pages, événements et articles utilisent l'outil de mise en forme «Avia» : 1 Outil de création de mise en forme Avia Celui ci permet d'agencer les contenus des pages à partir de

Plus en détail

Utiliser un Tableau Blanc Interactif - Travaux Pratiques

Utiliser un Tableau Blanc Interactif - Travaux Pratiques Utiliser un Tableau Blanc Interactif - Travaux Pratiques Formation TBI LANGUES Prise en main du logiciel INTERWRITE (Gammes...) I. Objectif : Découvrir les fonctions principales du logiciel 1. 2. 3. 1.

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

GUIDE D UTILISATION DYNAFORME ABRÉGÉ L outil de création de formulaires auto-validés

GUIDE D UTILISATION DYNAFORME ABRÉGÉ L outil de création de formulaires auto-validés GUIDE D UTILISATION DYNAFORME ABRÉGÉ L outil de création de formulaires auto-validés Document préparé par: FACULTÉ DES SCIENCES DE L ADMINISTRATION Services technologiques Québec, décembre 2005 TABLE DES

Plus en détail

Mode d'emploi. À l'usage des chefs, cheffes de courses et membres des comités autorisés à gérer les pages 'Récits de courses'.

Mode d'emploi. À l'usage des chefs, cheffes de courses et membres des comités autorisés à gérer les pages 'Récits de courses'. Mode d'emploi À l'usage des chefs, cheffes de courses et membres des comités autorisés à gérer les pages 'Récits de courses'. Les récits de courses sont gérés avec le module 'Articles' Table des matières

Plus en détail

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

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

Plus en détail

Dessin avec l'outil Plume

Dessin avec l'outil Plume Spécialité : Tronc Commun Matière : Atelier Logiciel Mention : TI 1.1, 2, 3, 4, 5, 6,7 Enseignants : Equipe Pédagogique 09/10 Dessin avec l'outil Plume Grâce à l'outil Plume, Adobe Illustrator vous offre

Plus en détail

Dans chaque site fourni par le Collège, nous vous avons déjà fourni un formulaire d'envoi de courriel : Débuter avec Typo3 - partie 2 1

Dans chaque site fourni par le Collège, nous vous avons déjà fourni un formulaire d'envoi de courriel : Débuter avec Typo3 - partie 2 1 Table des matières Débuter avec Typo3 - partie 2...1 Éléments de contenu spéciaux...1 Formulaire d'envoi de courriel...1 Formulaire de recherche...5 Plan du site...7 Banque d'images...9 Gestion des fichiers

Plus en détail

INITIATION ACCESS. Par Lionel COSTE ABSALON Formations

INITIATION ACCESS. Par Lionel COSTE ABSALON Formations INITIATION ACCESS Par Lionel COSTE ABSALON Formations Vocabulaire et structure d'une base de données Reprenons notre base Access. Dès sa création, avant même de saisir la moindre donnée, on peut se rendre

Plus en détail

1. Ajouter des dessins

1. Ajouter des dessins 1. Sommaire 1. Ajouter des dessins 2. Ajouter des formes 3. Ajouter un tableaux ou un diagramme 4. Modifier l arrière-plan de la diapositive 5. Mettre un numéro de page 6. Les effets d animations 7. Les

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

> Table des matières. Gestion des pages courantes

> Table des matières. Gestion des pages courantes I N T E R F A C E A D M I N I S T R A T 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 R É D A C T E U R V. DARDENNE DÉCEMBRE 2009 > Table des matières Gestion des pages courantes > Accès

Plus en détail

Nouveau site web du TPM: guide du rédacteur

Nouveau site web du TPM: guide du rédacteur Auteurs: L. Muller / D. Bannwarth Version: 2.0 Date: 26/02/2015 Nouveau site web du TPM: guide du rédacteur NB: l'aspect du site (en-tête, couleurs, ) peut différer de celui présenté dans les images ci-dessous,

Plus en détail

Formation Joomla 3 Réalisez votre Template

Formation Joomla 3 Réalisez votre Template Formation Joomla 3 Réalisez votre Template Flash-comet.com Cours version 2015 1 Sommaire Contenu du cours... 3 Création d'un template avec "Template Créator CK"... 3 Principe de fonctionnement... 3 Ce

Plus en détail

Intranet d'établissement avec Eva-web Document pour les auteurs

Intranet d'établissement avec Eva-web Document pour les auteurs Intranet d'établissement avec Eva-web Document pour les auteurs Trois types d'utilisateurs d'eva Les administrateurs d'eva - Ils peuvent paramétrer le site, effectuer des sauvegardes, des restaurations,

Plus en détail

Présentation Site Libraire LRB

Présentation Site Libraire LRB LE SITE LIBRAIRE LRB Un «Site Libraire»? Actuellement, beaucoup d'entreprises n'ont pas de site internet alors qu'il pourrait être bénéfique à leur activité. C'est souvent la complexité du fonctionnement

Plus en détail

Contro ler un ordinateur a distance avec Chrome

Contro ler un ordinateur a distance avec Chrome Contro ler un ordinateur a distance avec Chrome Par Clément JOATHON Dernière mise à jour : 10/03/2016 Vous souhaitez pouvoir accéder à votre ordinateur à distance pour y effectuer des manipulations ou

Plus en détail

F-Series Desktop Manuel D utilisation

F-Series Desktop Manuel D utilisation F-Series Desktop Manuel D utilisation F20 fr Français Table des matières Comment utiliser ce manuel...3 Qu'est-ce que le F-Series Desktop?...4 Comment installer F-Series Desktop sur mon ordinateur?...4

Plus en détail

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML PROGRAMMATION HTML Baccalauréat S -Spécialité ISN 4.3 : Langages de programmation : langage HTML Objectifs L'élève doit être capable o de créer une page WEB en langage HTML o d'analyser une page WEB en

Plus en détail

B2i Lycée : 2nde Arts visuels Participer à la vie du site Internet de l'établissement 1

B2i Lycée : 2nde Arts visuels Participer à la vie du site Internet de l'établissement 1 B2i Lycée : 2nde Arts visuels Participer à la vie du site Internet de l'établissement 1 SOMMAIRE DE LA SEANCE : 1) Site Internet de l'établissement et compétences B2i Lycée. 2) Présentation du site Internet

Plus en détail

SOMMAIRE. Inexine 39 avenue des Cévennes Villevieille BP 12059-30 250 SOMMIERES - Mél : contact@inexine.com

SOMMAIRE. Inexine 39 avenue des Cévennes Villevieille BP 12059-30 250 SOMMIERES - Mél : contact@inexine.com SOMMAIRE Le Réseau Social Professionnel Qu'est ce que le Réseau Social Professionnel...Page 4 Mon profil sur le RSP Comment m'inscrire sur le RSP?...Page 5 Comment modifier mon profil?...page 7 Comment

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

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

A) - LA FENÊTRE d'excel 2

A) - LA FENÊTRE d'excel 2 Sommaire A) - LA FENÊTRE d'excel 2 B) - MISE en FORME des CARACTÈRES dans EXCEL 3 1) - Touches de MISE en FORME 3 2) - Touche de CORRECTION et de MODIFICATION 4 3) - Touche COPIER, COUPER et COLLER 4 4)

Plus en détail

Microsoft Word 2013. Résumé procédures. des

Microsoft Word 2013. Résumé procédures. des Microsoft Word 2013 Résumé procédures des Administration, commerce et informatique RÉSUMÉ DES Microsoft Word 2013 Rédaction : Diane Marcil Révision de contenu : Françoise Labelle, Nicole Daigneault (SOFAD)

Plus en détail

Pour réaliser une carte de souhaits

Pour réaliser une carte de souhaits Pour commencer un projet:» Double cliquez sur l icône Print Artist Une boîte de dialogue ressemblant à celle-ci devrait s ouvrir.» Cliquez une fois sur le bouton et ensuite sur. Une boîte de dialogue ressemblant

Plus en détail

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création

Plus en détail

Produire du code HTML

Produire du code HTML 3 Produire du code HTML Même si l on ne sait pas encore écrire du code HTML, il est important de savoir comment on pourra produire celui-ci. Nous allons voir trois méthodes pour taper du code HTML. Avec

Plus en détail

Déclaration d'exportation Canadienne Automatisée (DECA) 2012 Version 12.10 Guide d installation

Déclaration d'exportation Canadienne Automatisée (DECA) 2012 Version 12.10 Guide d installation Déclaration d'exportation Canadienne Automatisée (DECA) 2012 Version 12.10 Guide d installation Exportations canadiennes qui ne sont pas destinées à la consommation aux É.-U. Table des matières Table des

Plus en détail

LE SITE INTERNET DU COLLÈGE

LE SITE INTERNET DU COLLÈGE LE SITE INTERNET DU COLLÈGE I) Introduction 1) Présentation Le site du collège est réalisé à l aide de SPIP. C'est un logiciel de publication pour l Internet qui permet de gérer un site à plusieurs, de

Plus en détail