INITIATION AU LANGAGE HTML

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "INITIATION AU LANGAGE HTML"

Transcription

1 INITIATION AU LANGAGE HTML I INTRODUCTION Seules les bases du langage HTML sont abordées ici. Cette initiation a pour but de "démarrer", les nombreuses ressources concernant ce langage vous permettront aisément d'aller plus loin. Une page Web est constituée de texte, d'images, et de commandes HTML (souvent appelées balises). Ces balises sont interprétées par le navigateur qui reçoit la page HTML (un simple document texte en fait). Chaque page est désignée par son URL (Uniform Ressource Locator) : II LA STRUCTURE DU DOCUMENT II.1 LES BASES Un document est composé de plusieurs parties. En général, on trouve le titre, l'entête et le corps. Un ensemble de deux balises permet de délimiter chacune de ces parties (début et fin) : <head> <title>ceci est notre première page Web!!!</title> <!-- Fichier : page01.htm --> <!-- Auteur : un professeur de GSI --> <!-- Date : un jour où le soleil brillait --> </head> Le contenu du document est décrit dans la section BODY. Attention, le passage à la ligne n'est qu'une illusion!!! Nota : - Une balise de fin est indiquée par /. - Chaque balise ouverte doit être refermée ou terminée par le caractère /. - Les commentaires <!-- --> sont ignorés par le navigateur. II.2 ORGANISER LE TEXTE Pour l instant vous disposez d un fichier HTML rudimentaire, il serait plus agréable d avoir un contenu structuré avec des titres, des sous-titres et des paragraphes. En HTML ceci se traduit par de nouvelles balises. II.2.1 DÉFINITION DE PARAGRAPHES On utilise les balises <p> </p> et on insère le texte entre ces deux balises : <head> <title>ceci est notre seconde page Web!!!</title> <!-- Fichier : page02.htm --> </head> À partir du cas Lafleur publié au Certa 1

2 Voici un formatage des paragraphes d'un texte : <p> Un premier paragraphe Un premier paragraphe Un premier paragraphe Un premier paragraphe Un premier paragraphe Un premier paragraphe Un premier paragraphe Un premier paragraphe. </p> Nota : Nous pouvons définir l alignement des paragraphes (gauche, droite, justifié) dans la feuille de style associée. II.2.2 DÉFINITION DES TITRES Les balises <h1>, <h2> <h6> permettent d'appliquer des styles prédéfinis servant à organiser des niveaux de titres dans un document. <title>page03.htm</title> <h1>gros titre</h1> <h2>sous-titre</h2> <h6>est-ce encore un titre?</h6> Nota : Nous pouvons redéfinir le style des titres dans la feuille de style associée. II.2.3 LES RETOURS À LA LIGNE La balise <br /> (break line) : permet de passer à la ligne suivante sans modifier l'alignement et le style courant. II.3 ASSOCIER UNE FEUILLE DE STYLE La feuille de style va contenir toutes les indications de présentation du document, c est à dire la couleur de fond, la taille des polices de caractères, l alignement des paragraphes etc. La première chose à faire est donc d indiquer dans votre page HTML, le nom de la feuille de style associée. Pour cela on utilise la balise LINK qui s insère entre les balises <head></head> <head> <title>mon site web</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> href="style.css" : réference le nom du fichier lié (chemin et nom) ; rel="stylesheet" : précise que le document lié est une feuille de style ; type="text/css" : précise que l information est du texte, du genre cascading style sheet (CSS). II.4 STRUCTURER SON DOCUMENT La balise <div> </div> (division) permet de créer une boîte, un bloc dans votre page dans lequel vous pourrez toujours inclure divers éléments : texte, images, tableaux, paragraphes etc. Ces blocs sont conçus pour faire apparaître la structure de votre document et pour être formatés avec une feuille de style. Tout ce qui se trouve entre <div> et </div> respectera le style défini pour la balise <div> dans la feuille de style. À partir du cas Lafleur publié au Certa 2

3 Pour cela chaque bloc doit être nommé : <div id="bloc1"> <p>le site de Marie-pascale Delamare</p> </div> id="bloc1" : permet de nommer le bloc. On retrouvera ce nom dans la feuille de style associée, avec toutes les indications de présentation à appliquer. Nota : Nous aurions pu utiliser la syntaxe suivante : <div class="bloc1">. Cette notation n est intéressante que si les indications de mise en page de ce bloc doivent aussi être appliquées à d autres blocs. II.5 PRÉPARER LA PRÉSENTATION DU DOCUMENT Pour préparer la présentation du document, il faut penser à systématiquement nommer les balises pour lesquelles vous souhaitez appliquer un style particulier. Je vous invite à lire le document Css.doc pour des exemples concrets. III LES AUTRES ELEMENTS D UNE PAGE WEB III.1 LES LIGNES DE SÉPARATION La balise <hr> permet de générer une ligne horizontale. Essayez le code ci-dessous : <head> <title>et de quatre!!!</title> <!-- Fichier : page04.htm --> </head> Voici quelques exemples de lignes : <br /><br /> Une simple ligne <hr /> Nota : Nous pouvons définir la couleur (color), la taille (size), la largeur (width) etc...dans la feuille de style associée. III.2 LES LISTES III.2.1 LISTE NON ORDONNÉE <title>page05.htm</title> Une liste non ordonnée <li>un</li> <li>deux</li> <li>trois</li> </ul> À partir du cas Lafleur publié au Certa 3

4 III.2.2 LISTE ORDONNÉE <title>page06.htm</title> Une liste ordonnée <ol> <li>one</li> <li>two</li> <li>three</li> </ol> III.2.3 LISTE IMBRIQUÉES <title>page07.htm</title> Listes imbriquées <ol> <li>un</li> <li>détail</li> <li>du</li> <li>un</li> </ul> <li>deux</li> <li>détail</li> <li>du deux</li> </ul> <li>trois</li> <li>détail du trois</li> </ul> </ol> Nota : Nous pouvons définir la forme des puces des listes non ordonnées et la numérotation des listes ordonnées dans la feuille de style associée. III.3 LES CARACTÈRES SPÉCIAUX Certains caractères (<, > et &) sont interprétés par les navigateurs. Pour pouvoir être affichés "tel quel", ils doivent être mentionnés sous une forme codifiée : caractère code < &lt > &gt & &amp D'autre part, le code utilisé sur le Web est le code ASCII (7 positions) qui ne permet pas de représenter les caractères accentués. Pour y parvenir (de manière universelle, quel que soit le système client), on utilise la notation codifiée précédée de "&" dont voici les principaux représentants : À partir du cas Lafleur publié au Certa 4

5 caractère À Ç É Ê È Ô Ù Û Ï <espace> code &agrave &ccedil &eacute &ecirc &egrave &ocirc &uacute &ucirc &iuml &nbsp L'exemple suivant résume bien la situation : <title>page08.htm</title> &ltles caract&egraveres sp&eacuteciaux, c'est pas cool!&gt Il est également possible de mentionner le code ascii étendu (iso latin 1) du caractère : caractère code É &#233 &#169 «&#171» &#187 III.4 LES IMAGES Deux formats d'images peuvent être intégrés dans un document HTML : gif et jpeg. L'avantage des images gif est de pouvoir être affichées progressivement, rendant ainsi l'attente moins pénible (format entrelacé). D'autre part, les images gif peuvent avoir un fond transparent, elles semblent ainsi "flotter" sur le fond de la page HTML. Les images jpeg sont par contre d'une taille plus réduite et permettent un rendu de meilleure qualité (photographies par exemple). La balise <img> possède les attributs suivants : src : emplacement du fichier image alt : info-bulle et texte de remplacement pour les navigateurs non graphiques align : alignement de l'image par rapport au texte et à l'écran (à reporter dans la feuille de style) Le document ci-dessous illustre ces possibilités : <title>page09.htm</title> Intégration simple <img src="images/ordichapeau.gif" /> <br /> L'option alt permet de : <li>fournir une bulle d'aide lors du passage de la souris</li> <li>prévoir une alternative pour les navigateurs non graphiques</li> À partir du cas Lafleur publié au Certa 5

6 </ul> <img alt="ordinateur avec chapeau" src="images/ordichapeau.gif" /> <br /> <img align=middle src="images/ordichapeau.gif" />Drôle de machine! <br /> Nota : Une image GIF peut être enregistrée avec l'option entrelacée, ce qui permet son affichage progressif à l'écran. Les attributs height et width de la balise img permettent de modifier la taille de l'image d'origine. Il existe des outils permettant de faire des "gifs animés", succession d'images gif qui se répète pour former une petite animation. III.5 LES TABLEAUX Un tableau est encadré par les balises <table> et </table>. Un tableau est une succession de lignes (row), chacune de ces lignes étant composée de cellules contenant les informations (data). Voici un exemple de tableau simple : <title>page10.htm</title> <table> <tr> <td> L1C1 </td> <td> L1C2 </td> </tr> <tr> <td> L2C1 </td> <td> L2C2 </td> </tr> </table> Nota : <tr> pour Table Row. <td> pour Table Data. Le nombre de cellules peut différer d'une ligne à l'autre. III.5.1 ATTRIBUTS DE LA BALISE <TABLE> (À REPORTER DANS LA FEUILLE DE STYLE ASSOCIÉE) Width : largeur du tableau (pixels ou pourcentage). Border : taille du cadre entourant le tableau. À partir du cas Lafleur publié au Certa 6

7 Cellspacing : espace entre les cellules. Cellpadding : espace entre le cadre et le contenu des cellules. III.5.2 CARACTÉRISTIQUES DES CELLULES (À REPORTER DANS LA FEUILLE DE STYLE ASSOCIÉE) Chaque cellule possède les attributs suivants : Taille : <td width="50%"> </td> La cellule occupera 50 % de la largeur totale du tableau (ou en pixel : width="50"). Alignement horizontal : <td align="right"> </td> (ou left ou center). Cet attribut s'applique également à une ligne : <tr align="center">. Alignement vertical : <td valign="right"> </td> (ou left ou center). Cet attribut s'applique également à une ligne : <tr valign="center">. Couleur de fond : <td bgcolor="lightblue"> </td>. Cet attribut s'applique également à une ligne : <tr bgcolor="lightblue">. Nota : une cellule de tableau peut contenir du texte, une image, un lien (voir paragraphe suivant), ou même un tableau III.6 LES LIENS DE NAVIGATION Un des intérêts du langage HTML réside dans la possibilité de définir des liens permettant la navigation dans un document ou entre plusieurs documents. La syntaxe de base est simple : <a href="url de destination">cliquez ici </a> Ce code fera apparaître un lien CLIQUEZ ICI sur la page. Ce lien permettra à l'utilisateur d'atteindre l'url de destination. III.6.1 LIEN LOCAL Un site est constitué d'un ensemble de pages, donc de plusieurs fichiers HTML. S'ils sont situés dans le même répertoire sur le serveur, leur adresse est simplement constituée de leur nom : Page11_1.htm <title>page11_1.htm</title> Première page du site<p></p><p></p> <a href="page11_2.htm">vers la page 2</a> Page11_2.htm <title>page11_2.htm</title> Seconde page du site<p></p><p></p> <a href="page11_1.htm">vers la page 1</a> Les fichiers peuvent également être situés dans un sous-répertoire du site, ce qui permet d'organiser un peu les choses D'autre part, comme on le voit sur cet exemple, l'adresse de destination peut être un fichier image. <title>page12.htm</title> Lien vers une image située dans un répertoire différent :<br /><br /><br /><br /><br /> <a href="images/ordichapeau.gif">qui est là?</a> III.6.2 LES ANCRES Il est possible de désigner non seulement une page de destination, mais encore un emplacement précis dans cette page. Un tel emplacement doit être précédemment repéré par une "ancre". À partir du cas Lafleur publié au Certa 7

8 Pour "poser" une ancre : <a name="nomancre"> </a>. Pour référencer une ancre : - Dans un document quelconque : <a href="nomdocument#nomancre"> </a>. - Dans le document en cours : <a href="#nomancre"> </a>. Voici un exemple : Page12_1.htm <title>page12_1.htm</title> Cette page sert de sommaire. <br /><br /><br /> <a href="page12_2.htm#debut"> Début page 2</a><br /> <a href="page12_2.htm#milieu"> Milieu page 2</a><br /> <a href="page12_2.htm#fin"> Fin page 2</a><br /> Page12_2.htm <title>page12_2.htm</title> La page 2 comporte trois parties repérées par des ancres : <br /><br /><br /> <a name="debut">début page 2</a><br /> Ceci est le début de la page 2 Ceci est le début de la page 2 Ceci est le début de la page 2 Ceci est le début de la page 2 Ceci est le début de la page 2 Ceci est le début de la page 2 Ceci est le début de la page 2 Ceci est le début de la page 2 Ceci est le début de la page 2 Ceci est le début de la page 2 Ceci est le début de la page 2 Ceci est le début de la page 2.<br /><br /> <a name="milieu">milieu page 2</a><br /> Ceci est le milieu de la page 2 Ceci est le milieu de la page 2 Ceci est le milieu de la page 2 Ceci est le milieu de la page 2 Ceci est le milieu de la page 2 Ceci est le milieu de la page 2 Ceci est le milieu de la page 2 Ceci est le milieu de la page 2 Ceci est le milieu de la page 2 Ceci est le milieu de la page 2. <br /> <a name="fin">fin page 2</a><br /> Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2 Ceci est la fin de la page 2. <br /><br /> Nota : ceci n'a d'intérêt que si la page est volumineuse. III.6.3 IMAGE-LIEN La présentation du lien n'est pas obligatoirement textuelle. Voici une image établissant un lien : <title>page12_3.htm</title> À partir du cas Lafleur publié au Certa 8

9 Cette page sert de sommaire. <br /><br /><br /> <a href="page12_2.htm#debut"><img src="images/ordichapeau.gif" /></a><br /> <a href="page12_2.htm#milieu">milieu page 2</a><br /> <a href="page12_2.htm#fin">fin page 2</a><br /> III.6.4 LIEN EXTERNE Mis à part un document local au site, un lien peut référencer : Un document html situé quelque part sur le Web : <a href="http://www.club-internet.fr/accueil.htm">club internet</a> Un fichier situé sur un serveur FTP : <a href="ftp://serveurftp/pub/unfichier.txt">télécharger</a> Le navigateur proposera le téléchargement ou affichera le contenu du fichier en fonction de son paramétrage. Un répertoire situé sur un serveur FTP : <a href="ftp://serveurftp/pub/">lister le répertoire</a> Le navigateur affichera le contenu du répertoire, ce qui permettra l'affichage ou le téléchargement de ses fichiers. Une adresse <a un message</a> Un clic sur ce lien ouvre le logiciel de messagerie installé sur le poste client et permet l'envoi d'un mail. On peut également fixer le sujet du message : <a affaire!">envoyer un message</a> À partir du cas Lafleur publié au Certa 9

TP Initiation au langage HTML

TP Initiation au langage HTML TP Initiation au langage HTML (1) Rappels de quelques généralités Un fichier HTML n'est pas compilé (ce n'est pas un programme) Un fichier HTML est un fichier texte simple, parfaitement lisible, respectant

Plus en détail

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,

Plus en détail

Introduction à HTML et CSS

Introduction à HTML et CSS ENS de Cachan Introduction à HTML et CSS Françoise Tort Chargement d'une page Web h"p://site.chemin./page.html navigateur requête.html.css.jpg.mp3 serveur web fichiers Le navigateur web traduit les pages,

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

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

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

TP 8 : Créer son site web de D à Z...

TP 8 : Créer son site web de D à Z... TP 8 : Créer son site web de D à Z... Présentation Nous allons tenter de créer en 2 ou trois séances un site WEB de toute pièce. Vous devrez choisir un thème (ce que vous voulez, ou presque...). Vous établirez

Plus en détail

1 Module 1 : feuille de style, position des blocs, nombre d éléments

1 Module 1 : feuille de style, position des blocs, nombre d éléments Plugin d'habillage d'eva-web 4 Le plugin d'habillage d'eva-web permet de : adapter la position, la taille des divers éléments la composant choisir les couleurs de fonds des divers secteurs choisir la taille,

Plus en détail

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

Plus en détail

Compte rendu de PHP MySQL : création d un formulaire de base de données

Compte rendu de PHP MySQL : création d un formulaire de base de données REVILLION Joris Décembre 2009 3EI Compte rendu de PHP MySQL : création d un formulaire de base de données Objectifs : Le principal objectif de ce cours est de découvrir et de nous familiariser avec le

Plus en détail

Introduction à la conception de sites web

Introduction à la conception de sites web Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 9-16 janvier 2006 1- Les grands principes du web (1) Client / serveur réseau programmes communicants

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

Présentation du Framework BootstrapTwitter

Présentation du Framework BootstrapTwitter COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...

Plus en détail

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015 Programmation Web IMAC 2015-2016 TD 1 : HTML 30 septembre 2015 Objectif: Ce TD a pour but d aborder les premières notions du langage HTML. Il est important de noter que le HTML n est pas un langage de

Plus en détail

Tutoriel : Feuille de style externe

Tutoriel : Feuille de style externe Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?

Plus en détail

A.F.L.I.M. Formation HTML5 et CSS3 - Pour des sites Responsive Web Design

A.F.L.I.M. Formation HTML5 et CSS3 - Pour des sites Responsive Web Design A.F.L.I.M. Ateliers de Formations Linguistique Informatique Multimédia Formation HTML5 et CSS3 - Pour des sites Responsive Web Design Formation : Présentation du HTML5 Bref historique du HTML5 Lignes de

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

Initiation à Dreamweaver

Initiation à Dreamweaver Benjamin Godefroy Redouane Zarghoune Initiation à Dreamweaver SI28 Ecriture interactive et multimédia Automne 2004 Organisation du TD Préambule : Introduction au HTML Présentation de Dreamweaver Exercices

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

Une (petite) initiation au langage HTML

Une (petite) initiation au langage HTML Une (petite) initiation au langage HTML Julien Coulié Partie 1 : Les bases Le langage HTML (HyperText Markup Language) est un langage de description de documents qui est le standard utilisé pour les pages

Plus en détail

HTML5 et CSS3 - La création de page web de A à Z

HTML5 et CSS3 - La création de page web de A à Z 2 Jours HTML5 et CSS3 - La création de page web de A à Z dans CREATION WEB - SITE INTERNET Objectifs de la formation HTML et CSS3 Créer ou modifier des pages HTML Découvrir les nouveautés du HTML 5 Intégrer

Plus en détail

HTML. Notions générales

HTML. Notions générales 1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS

Plus en détail

Initiation à SPIP. Système de Publication pour l'internet Partagé. mercredi 28 juillet 2010

Initiation à SPIP. Système de Publication pour l'internet Partagé. mercredi 28 juillet 2010 Initiation à SPIP Système de Publication pour l'internet Partagé mercredi 28 juillet 2010 Sommaire 2 I. Introduction II. Architecture d un site SPIP IV. Conclusion V. Documentation VI. Questions I. Introduction

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

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

L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS

L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS Courrielleur privilégie l usage des courriels HTML pour les envois marketing. En effet, le HTML permet d organiser graphiquement l information de manière

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

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

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

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15

.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15 .. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles

Plus en détail

Comment intégrer des images dans un texte

Comment intégrer des images dans un texte Quoi de plus utile que de pouvoir ajouter une image, un graphique à un commentaire afin d étoffer celui-ci. C est possible de le faire de plusieurs façon dans le forum Météocentre. Cependant il faut limiter

Plus en détail

pour apprendre le langage html

pour apprendre le langage html pour apprendre le langage html introduction : Voici ce que vous devez savoir avant de continuer : Tout d' abord, il faut préciser que le langage HTML est relativement simple mais que celui ci impose au

Plus en détail

Vade-mecum des «raccourcis typographique» dans SPIP

Vade-mecum des «raccourcis typographique» dans SPIP Vade-mecum des «raccourcis typographique» dans SPIP Fonctionnalités Méthodes Commentaires Intertitre {{{le titre}}} Le texte entre triples accolades est affiché comme un titre. Changement de Cliquer deux

Plus en détail

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN

LES GRANDES ETAPES DE CREATION D UN WEB DESIGN LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations

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

Initiation à html et à la création d'un site web

Initiation à html et à la création d'un site web Initiation à html et à la création d'un site web Lors de la première séance de TP, vous avez mis en place la structure d'accueil pour votre site personnel et vous avez appris comment accéder librement

Plus en détail

96 Feuilles de style en cascade

96 Feuilles de style en cascade Microsoft Expression Web (version 2) 96 Feuilles de style en cascade Définir les styles Dans la création de pages Web valides, un principe fondamental apparaît : le contenu doit être séparé de sa présentation.

Plus en détail

Création de sites web. INF0326 Outils bureautiques, logiciels et Internet

Création de sites web. INF0326 Outils bureautiques, logiciels et Internet Création de sites web INF0326 Outils bureautiques, logiciels et Internet Plan Création de pages web HTML et CSS Création de sites web avec WordPress Créer des pages web Partie 1 Système hypertexte Un système

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

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2

jquery Mobile La bibliothèque JavaScript pour le Web mobile Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 jquery Mobile La bibliothèque JavaScript pour le Web mobile É r i c S a r r i o n Avec la contribution de Thomas Ber tet Groupe Eyrolles, 2012, ISBN : 978-2-212-13388-2 1 Installation de jquery Mobile

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

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

Utilisation Des Widgets ITEA

Utilisation Des Widgets ITEA Utilisation Des Widgets ITEA Sommaire 1 Introduction... 3 2 Intégration sur votre site web... 5 2.1 Intégration du widget en JavaScript... 5 2.2 Exemples... 6 2.3 Paramètres iframe et aveccss... 6 2.4

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

Préambule. Sommaire. Ouverture de votre Service Client. Configuration de La Solution Crypto. Activation. Paramètres PagesIMMO

Préambule. Sommaire. Ouverture de votre Service Client. Configuration de La Solution Crypto. Activation. Paramètres PagesIMMO Préambule La Solution Crypto offre en standard la possibilité de publier vos annonces et de les diffuser sur Internet, sur votre site Web ou sur différents serveurs d annonces, comme le décrit en détail

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

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

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

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

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

Bac Professionnel Systèmes Electroniques Numériques

Bac Professionnel Systèmes Electroniques Numériques DR - Création d un site WEB TP Le HTML Pour créer un site web, on doit indiquer des informations à l'ordinateur. Il ne suffit pas de taper simplement le texte qu'il y aura dans son site, il faut aussi

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

Définitions. CSS Cascading Style Sheets Feuilles de style en cascade. FTP File Transfer Protocol Protocole de transfert de fichiers

Définitions. CSS Cascading Style Sheets Feuilles de style en cascade. FTP File Transfer Protocol Protocole de transfert de fichiers Introduction Ma première page Web (2/2) Ce document est l'étape 2 d'un didacticiel qui a pour but de donner un aperçu de la création d'une page Web. Une ou deux pages seront créées et présenteront leur

Plus en détail

Il faudra absolument séparer le contenu de la page web (le fichier HTML) de son apparence (le fichier CSS).

Il faudra absolument séparer le contenu de la page web (le fichier HTML) de son apparence (le fichier CSS). ISN- semaine 10 HTML 1. Introduction HTML et CSS : deux langages pour créer un site web Pour créer un site web, on doit donner des instructions à l'ordinateur. Il ne suffit pas simplement de taper le texte

Plus en détail

Le WEB : HTML. Formation Systèmes d'information et numérique. Exercices en HTML

Le WEB : HTML. Formation Systèmes d'information et numérique. Exercices en HTML 1 ère STI2D TD V1.0 Le WEB : HTML Formation Systèmes d'information et numérique 1) Exercice 1 : Texte simple : Exercices en HTML A l aide de Notepad++, créez une page web Ex1.html qui contient «Hello World!»

Plus en détail

Les frames ou cadres. Prérequis. Introduction. Avec le soutien de la Commission européenne

Les frames ou cadres. Prérequis. Introduction. Avec le soutien de la Commission européenne ou cadres Dans cette fiche, nous allons vous apprendre à faire des frames ou en français «cadres». Tout et son contraire a été dit à propos des frames. En tout état de cause, tous les navigateurs Internet

Plus en détail

Aide à l utilisation du logiciel IziSpot.Mobi

Aide à l utilisation du logiciel IziSpot.Mobi 1 Sommaire 1. Description logiciel (explication des menus)... 3 1.1. Description de la barre de menu... 3 2. Onglet configuration... 4 2.1. Gestion du logo... 4 2.1.1. Affichage du zoom... 4 2.1.2. Disposition

Plus en détail

BTS Informatique de Gestion (lycée Rostand Chantilly) Initiation au PHP Fiche 5 Floats dynamiques - Page 1. Sommaire

BTS Informatique de Gestion (lycée Rostand Chantilly) Initiation au PHP Fiche 5 Floats dynamiques - Page 1. Sommaire Initiation au PHP Fiche 5 Floats dynamiques - Page 1 FICHE 5 Objectifs : Etre capable de gérer dynamiquement un site. Utiliser la propriété Float et la fonction include( ) Gérer à la fois du XHTML, du

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 Ultra-book / 2012

Guide Ultra-book / 2012 Guide Ultra-book / 2012 Avant de commencer Le logiciel Ultra-book est optimisé pour les derniers navigateurs web standards : Firefox 10 ou 11 Chrome 18 Safari 5 Vous trouverez ces navigateurs en téléchargement

Plus en détail

Styler un document sous OpenOffice 4.0

Styler un document sous OpenOffice 4.0 Mars 2014 Styler un document sous OpenOffice 4.0 Un style est un ensemble de caractéristiques de mise en forme (police, taille, espacement, etc.) qui sert à structurer un document en l organisant de manière

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

Le langage JAVASCRIPT

Le langage JAVASCRIPT Le langage JAVASCRIPT I Introduction Vous vous dites encore un langage alors qu il y en a déjà un nombre non négligeable. En effet un de plus, mais à chaque langage son utilisation et sa particularité.

Plus en détail

World Wide Web (WWW) cours@urec.cnrs.fr

World Wide Web (WWW) cours@urec.cnrs.fr World Wide Web (WWW) cours@urec.cnrs.fr Contributions Création: Claude Gross Modifications: Bernard Tuy, J.P Gauthier Objectifs du Web Aboutissement d un projet du CERN en Mars 1989. Espace d'information

Plus en détail

Jeudi 13 Janvier Jean-Marie Favreau Thomas Petazzoni

Jeudi 13 Janvier Jean-Marie Favreau Thomas Petazzoni XHTML / CSS Un duo gagnant pour un Web moderne Jeudi 13 Janvier Jean-Marie Favreau Thomas Petazzoni XML : extensible Markup Language Meta-language : permet de définir des languages Normalisé par le W3C

Plus en détail

LES TABLES. Exemple de table : <table> <tr> <td>cellule 1</td> <td>cellule 2</td> </tr> <tr> <td>cellule 3</td> <td>cellule 4</td> </tr> </table>

LES TABLES. Exemple de table : <table> <tr> <td>cellule 1</td> <td>cellule 2</td> </tr> <tr> <td>cellule 3</td> <td>cellule 4</td> </tr> </table> LES TABLES Les tables servent pour l'affichage de «données tabulaires», c'est-à-dire des informations présentées logiquement en rangées et en colonnes. Son intégration peut paraitre fastidieuse mais c'est

Plus en détail

PROGRAMMER UNE PAGE WEB EN HTML ET CSS

PROGRAMMER UNE PAGE WEB EN HTML ET CSS Lycée Felix Le Dantec - Lannion PROGRAMMER UNE PAGE WEB EN HTML ET CSS 1STI2D TP8-3H NOM : PRÉNOM : CLASSE : Condition de réalisation : Travail seul Durée : 3 heures Matériel : un ordinateur sous Ubuntu

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

Activités HTML avec Ace HTML

Activités HTML avec Ace HTML Activités HTML avec Ace HTML act-html-ace Activités HTML avec Ace HTML Code: act-html-ace Originaux url: http://tecfa.unige.ch/guides/tie/html/act-html-ace/act-html-ace.html url: http://tecfa.unige.ch/guides/tie/pdf/files/act-html-ace.pdf

Plus en détail

Initiation à html et à la création d'un site web

Initiation à html et à la création d'un site web Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le

Plus en détail

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86

Plan du travail. 2014/2015 Cours TIC - 1ère année MI 86 Plan du travail Chapitre 1: Internet et le Web Chapitre 2: Principes d Internet Chapitre 3 : Principaux services d Internet Chapitre 4 : Introduction au langage HTML 2014/2015 Cours TIC - 1ère année MI

Plus en détail

le langage HTML Université Jean Monnet - ISEAG Maxime Morge L2 ECO - slide #1

le langage HTML Université Jean Monnet - ISEAG Maxime Morge L2 ECO - slide #1 le langage HTML Maxime Morge Université Jean Monnet - ISEAG Maxime Morge L2 ECO - slide #1 Plan Pourquoi est-il nécessaire de connaître le langage HTML? Comment stucturer le contenu d une page? Données

Plus en détail

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

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

2) Combien de tableaux apparents ont été tracés dans le site et de combien de cellules?

2) Combien de tableaux apparents ont été tracés dans le site et de combien de cellules? Travail dirigé : éléments de correction Item B53 du C2I Lycée M. Ponty II- Travail d analyse technique d un site Afin de vous proposez une présentation cohérente, votre entreprise à mis en ligne une illustration

Plus en détail

Les feuilles de Style HTML : CSS

Les feuilles de Style HTML : CSS Les feuilles de Style HTML : CSS Tarek Melliti Laboratoire IBISC (Informatique Biologie Intégrative et Systèmes Complexes) tarek.melliti@ibisc.univ-evry.fr Plan du cours Séances 1 : Introduction à l informatique

Plus en détail

Utilisation de Sarbacane 3 Sarbacane Software

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

Plus en détail

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

GESTION DE SITE Table des matières

GESTION DE SITE Table des matières GESTION DE SITE Table des matières 1- Page d accueil de l interface de gestion de site...1 2- Table Menu...4 3- Éditeur de texte...5 4- Insérer une image dans une page...6 5- Créer un lien hypertexte vers

Plus en détail

2011-2012. Intro Web. PICARD GRAVEL Marie-Eve

2011-2012. Intro Web. PICARD GRAVEL Marie-Eve Intro Web 2011-2012 «nous donnerons tout d'abord les définitions de l'internet, du Web et du langage XHTML. Nous expliquerons ensuite ce qu'est une url et les différentes actions induites lorsque je demande

Plus en détail

Formation HTML / CSS. ar dionoea

Formation HTML / CSS. ar dionoea Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations

Plus en détail

Programmation web : TD 2

Programmation web : TD 2 Programmation web : TD 2 Email : nassim.bahri@yahoo.fr Site web : http://nassimbahri.ovh Nassim BAHRI Objectif Développer des pages Web HTML5 validées Mettre en place des listes en HTML Avant de commencer

Plus en détail

Programmation Web TP1 - HTML

Programmation Web TP1 - HTML Programmation Web TP1 - HTML Vous allez réaliser votre premier site Web dans lequel vous présenterez la société SC, agence spécialisée dans la conception des sites internet. 1 - Une première page en HTML

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

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

«Réussir sa présentation avec PowerPoint»

«Réussir sa présentation avec PowerPoint» «Réussir sa présentation avec PowerPoint» Support de cours Version du 30/09/2007 Eric Giraudin http://sos-communication.weebly.com Page 1 sur 15 :: Règles de base en PreAO (le diaporama du cours est téléchargeable

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

Introduction à HTML. A. HTML et le web

Introduction à HTML. A. HTML et le web Introduction à HTML Isabelle Debled Renesson Marie-Dominique Devignes LORIA 1 2 1 Fonctionnement en mode client/serveur 1. Construction d une requête ex web : http://www.loria.fr/news CLIENT 5. Mise en

Plus en détail

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0

OP4. BD & Web. Résumé de cours. Partie II : HTML 4.0 Univ.Montpellier II 2005 M. Hascoët OP4 BD & Web Résumé de cours Partie II : HTML 4.0 M. Hascoët mountaz@lirmm.fr Université Montpellier II Place Eugène Bataillon 34095 Montpellier Cedex 05 2/5 1. Introduction

Plus en détail

Applications orientées données (NSY135)

Applications orientées données (NSY135) Applications orientées données (NSY135) 2 Applications Web Dynamiques Auteurs: Raphaël Fournier-S niehotta et Philippe Rigaux (philippe.rigaux@cnam.fr,fournier@cnam.fr) Département d informatique Conservatoire

Plus en détail

Styler un document sous Word 2010*

Styler un document sous Word 2010* Février 2014 Styler un document sous Word 2010* Un style est un ensemble de caractéristiques de mise en forme (police, taille, espacement, etc.) qui sert à structurer un document en l organisant de manière

Plus en détail

Traitement de texte niveau 2. Avec Writer. Cette suite bureautique est GRATUITE et téléchargeable au lien ci-dessous : http://fr.openoffice.

Traitement de texte niveau 2. Avec Writer. Cette suite bureautique est GRATUITE et téléchargeable au lien ci-dessous : http://fr.openoffice. Introduction Concurrent direct de Microsoft Office, OpenOffice.org est une suite bureautique, c est-à-dire un programme pour créer des documents de toutes sortes, tels que des articles, des lettres, des

Plus en détail

Portail des communes Guide Référent ville

Portail des communes Guide Référent ville Portail des communes Guide Référent ville Services aux communes Introduction Vous êtes Référent pour votre commune et venez de recevoir vos identifiants de connexion à l ENT école. Ce document va vous

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

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

Observons un site... Une entête. Le corps de la page. Un à-côté. Un pied de page

Observons un site... Une entête. Le corps de la page. Un à-côté. Un pied de page Créer une page web Observons un site... Une entête Le corps de la page Un à-côté Un pied de page Un logo Un menu Un autre menu Une entête La fenêtre de gauche La partie principale de la page Plusieurs

Plus en détail

5065 Approfondissement d un champ de la micro-informatique

5065 Approfondissement d un champ de la micro-informatique 5065 Approfondissement d un champ de la micro-informatique Légende BRÈVE DESCRIPTION : Le cours INF 5065-2 est un cours de niveau secondaire 5 qui vous donnera Domaine d apprentissage : Mathématique, science

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

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

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