I ) L environnement de programmation HTML :

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "I ) L environnement de programmation HTML :"

Transcription

1 HTML5 COURS ET EXERCICES I ) L environnement de programmation HTML : - Ouvrir Notepad++ (http://notepad-plus-plus.org/fr/)et taper les trois lignes suivantes : Voici mon premier SITE Conception d une page WEB Utilisation HTML5 et CCS3 -Sauvegarder votre texte sous le nom exo1.html, dans un répertoire html5 (à créer) - Aller dans le répertoire html5, double cliquer sur exo1.html Voir l affichage du navigateur : Tout le texte s'affiche sur la même ligne alors qu'on avait écrit 3 lignes. En fait, pour créer une page web il ne suffit pas simplement de taper du texte comme on vient de le faire. En plus de ce texte, il faut aussi écrire ce qu'on appelle des balises, qui vont donner des instructions, comme "aller à la ligne", "afficher une image", etc. Les balises et leurs attributs Les pages HTML sont remplies de ce qu'on appelle des balises. Celles-ci sont invisibles à l'écran pour vos visiteurs, mais elles permettent à l'ordinateur de comprendre ce qu'il doit afficher. Les balises se repèrent facilement. Elles sont entourées de "chevrons", c'est-à-dire des symboles < et >, comme ceci : <balise> Les balises indiquent la nature du texte autour d'elles. Elles veulent dire par exemple : "Ceci est le titre de la page", "Ceci est une image", "Ceci est un paragraphe de texte", etc. On distingue deux types de balises : les balises en paires et les balises orphelines. Les balises en paires Elles s'ouvrent, contiennent du texte, et se ferment plus loin. Voici à quoi elles ressemblent : <titre>conception SITE WEB</titre> On distingue une balise ouvrante (<titre>) et une balise fermante (</titre>) qui indique que le titre se termine. Cela signifie pour l'ordinateur que tout ce qui n'est pas entre ces deux balises n'est pas un titre. Les balises orphelines Ce sont des balises qui servent le plus souvent à insérer un élément à un endroit précis (par exemple une image). Il n'est pas nécessaire de délimiter le début et la fin de l'image, on veut juste dire à l'ordinateur "Insère une image ici". Une balise orpheline s'écrit comme ceci :

2 <image /> Notez que le / de fin n'est pas obligatoire. On pourrait écrire seulement <image>. Néanmoins, pour ne pas confondre avec le premier type de balise, il est recommander de rajouter ce / (slash) à la fin de la balise Les attributs Les attributs sont un peu les options des balises. Ils viennent les compléter pour donner des informations supplémentaires. L'attribut se place après le nom de la balise ouvrante et a le plus souvent une valeur, comme ceci : <balise attribut="valeur"> A quoi ça sert? Prenons la balise <image /> que nous venons de voir. Seule, elle ne sert pas à grand chose. On pourrait rajouter un attribut qui indique le nom de l'image à afficher : <image nom="photo.jpg" /> L'ordinateur comprend alors qu'il doit afficher l'image contenue dans le fichier photo.jpg. Dans le cas d'une balise fonctionnant "par paire", on ne met les attributs que dans la balise ouvrante et pas dans la balise fermante. Par exemple, ce code indique que la citation est de Voltaire : <citation auteur="voltaire"> Il faut s'instruire dans la gaieté. Le savoir triste est un savoir mort. </citation> Toutes les balises que nous venons de voir sont fictives. Les vraies balises ont des noms en anglais, nous allons les découvrir dans la suite de ce cours. II ) Structure de base d'une page HTML5 Copier le code source ci-dessous dans Notepad++. Ce code correspond à la base d'une page web en HTML5 : <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>titre</title> </head> <body> </body>

3 </html> Les balises s'ouvrent et se ferment dans un ordre précis. Par exemple, la balise <html> est la première que l'on ouvre, et c'est aussi la dernière que l'on ferme (tout à la fin du code, avec </html>). Les balises doivent être fermées dans le sens inverse de leur ouverture. Un exemple : <html><body></body></html> : correct. Une balise qui est ouverte à l'intérieur d'une autre doit aussi être fermée à l'intérieur. <html><body></html></body> : incorrect, les balises s'entremêlent. Le doctype Code : HTML <!DOCTYPE html> La toute première ligne s'appelle le doctype. Elle est indispensable car c'est elle qui indique qu'il s'agit bien d'une page web HTML.elle commence par un point d'exclamation. La balise <html> Code : HTML <html> </html> C'est la balise principale du code. Elle englobe tout le contenu de votre page ; la balise fermante </html> se trouve tout à la fin du code! L'en-tête <head> et le corps <body> Une page web est constituée de 2 parties : L'en-tête <head> : cette section donne quelques informations générales sur la page, comme son titre, l'encodage (pour la gestion des caractères spéciaux), etc. Cette section est généralement assez courte. Les informations que l'en-tête contient ne sont pas affichées sur la page, ce sont simplement des informations générales à destination de l'ordinateur. Elles sont cependant très importantes! Le corps <body> : c'est là que se trouve la partie principale de la page. Tout ce que nous écrirons ici sera affiché à l'écran. C'est à l'intérieur du corps que nous écrirons la majeure partie de notre code. L'encodage (charset) Code : HTML <meta charset="utf-8" /> Cette balise indique l'encodage utilisé dans votre fichier.html. L'encodage indique la façon dont le fichier est enregistré. C'est lui qui détermine comment les

4 caractères spéciaux vont s'afficher (accents, idéogrammes chinois et japonais, symboles arabes, etc.). Il y a plusieurs techniques d'encodage aux noms bizarres utilisées en fonction des langues : ISO , OEM 775, Windows Un seul cependant devrait être utilisé aujourd'hui autant que possible : UTF-8. Cette méthode d'encodage permet d'afficher sans aucun problème pratiquement tous les symboles de toutes les langues. Sous Notepad++, allez dans le menu Encodage > Encoder en UTF-8 (sans BOM) pour que votre fichier soit enregistré en UTF-8 dès le début. Cela ne s'applique qu'au fichier actuellement ouvert. Pour ne pas avoir à le faire pour chaque nouveau fichier, aller dans le menu Paramétrage > Préférences, onglet Nouveau document/dossier. Sélectionnez UTF- 8 sans BOM dans la liste. Le titre principal de la page Code : HTML <title> C'est le titre de votre page, probablement l'élément le plus important! Toute page doit avoir un titre qui décrit ce qu'elle contient. Il est conseillé que le titre soit assez court (moins de 100 caractères en général). Le titre ne s'affiche pas dans votre page mais en haut de celle-ci (souvent dans l'onglet du navigateur). Enregistrez votre page web et ouvrez-la dans votre navigateur. Vous verrez que le titre s'affiche dans l'onglet. Insérer un commentaire Un commentaire est une balise HTML avec une forme bien spéciale : Code : HTML - Sélectionner <!-- Ceci est un commentaire --> Vous pouvez le mettre où vous voulez au sein de votre code source : il n'a aucun impact sur votre page, mais vous pouvez vous en servir pour vous aider à vous repérer dans votre code source. Exemple : Créer le fichier Exo2.html Puis : <!DOCTYPE html> <html> <head> <!-- En tête de la page --> <meta charset="utf-8" /> <title>exo 2</title> </head> <body> <!-- Corps de la page --> </body>

5 </html> Les paragraphes Lorsqu'on écrit du texte dans une page web, on le fait à l'intérieur de paragraphes. Le langage HTML propose justement la balise <p> pour délimiter les paragraphes. <p> signifie "Début du paragraphe" </p> signifie "Fin du paragraphe" Le contenu du site web est entre les balises <body></body>. Il nous suffit donc de mettre notre paragraphe entre ces deux balises, et nous aurons enfin notre première vraie page web avec du texte Créer le fichier Exo3.html Titre Utilisation des paragraphes, puis 5 paragraphes conception site web 1 trait horizontal Langages html et css Editeur de texte Navigateur double cliquer sur le fichier exo3 html Voir le résultat <br /> est une balise orpheline qui sert juste à aller à la ligne. Vous devez obligatoirement la mettre à l'intérieur d'un paragraphe. Créer le fichier Exo4.html compléter le titre,,,et de saut de ligne puis 4 paragraphes conception site web saut de ligne sans utilisation de CMS 1 trait horizontal Langages html et css saut de ligne HTML version 5 saut de ligne CSS version 3 Editeur de texte saut de ligne Notepade++ saut de ligne Eclipse saut de lignenetbeans Voir le résultat : Les titres En HTML, on a le droit d'utiliser 6 niveaux de titres différents. : <h1> </h1> : En général, on s'en sert pour afficher le titre de la page. <h2> </h2> : signifie "titre important". <h3> </h3> : c'est un titre un peu moins important (on peut dire un "sous-titre" si vous voulez). <h4> </h4> : titre encore moins important. <h5> </h5> : titre pas important. <h6> </h6> : titre pas important du tout. La balise <title> affiche le titre de la page dans la barre de titre du navigateur.

6 Les titres <h1> servent à créer des titres qui seront affichés dans la page web. Créer le fichier Exo5.html Utilisez les balises h1, h2, h3 et compléter avec des paragraphes et des sauts de lignes Voir le résultat Les balises de mise en valeur Au sein de vos paragraphes, certains mots sont parfois plus importants que d'autres et vous aimeriez les faire ressortir. HTML vous propose différents moyens de mettre en valeur le texte de votre page : <em> permet de mettre le texte en italique <strong> permet de mettre le texte en gras <mark> permet de surligner le texte Créer le fichier Exo6.html Utilisez les balises de mise en valeur Voir le résultat Les listes à puces Deux types de balises :Les listes à puces nous permettent souvent de mieux structurer notre texte et d'ordonner nos informations. Nous allons découvrir ici deux types de listes à puces : Les listes non ordonnées <u> </u> Les listes ordonnées <ol> </ol> chaque élément de la liste est entouré par les balises <li> </li> Créer le fichier Exo7.html Utilisez ces balises Création des liens La balise <a> permet de créer un lien vers un site ou une page Pour créer un lien vers un site, exemple https://framabee.org/ : <a href="https://framabee.org/">site de framabee</a> Pour créer un lien vers une page exo4.html située dans le même répertoire que notre page courante : <a href="exo4">page exo4 </a> Pour créer un lien vers une page exo8.html située dans un dossier qui se trouve "avant" dans l arborescence, <a href="../exo8">page exo8 </a> Pour télécharger un fichier : <p><a href="moncv">télécharger le fichier</a></p> Envoyer un mail : <a un </a>

7 Créer le fichier Exo8.html Titre : Utilisation des liens Un lien vers une ancre Une ancre(label) est une sorte de point de repère que vous pouvez mettre dans vos pages HTML. En effet, si votre page est très grande il peut être utile de faire un lien amenant plus bas dans la même page pour que le visiteur puisse sauter directement à la partie qui l'intéresse. Pour créer une ancre, il suffit de rajouter l'attribut id à une balise qui va alors servir de repère. Ce peut être n'importe quelle balise, un titre par exemple. Utilisez l'attribut id pour donner un nom à l'ancre. Cela servira ensuite à faire un lien vers cette ancre. Ensuite, il suffit de faire un lien comme d'habitude, mais cette fois l'attribut href contiendra un dièse (#) suivi du nom de l'ancre. : Créer le fichier exo9.html Faire 3 ancrages Placer les ancres dans la page Faire les liens Vérifier Lien vers une ancre située dans une autre page : cherchez trouvez Les différents formats d'images Le JPEG Les images au format JPEG (Joint Photographic Expert Group) sont très répandues sur le Web. Ce format est conçu pour réduire la taille des photos, qui peuvent comporter plus de 16 millions de couleurs différentes. Les images JPEG sont enregistrées avec l'extension.jpg ou.jpeg. Le PNG Le format PNG (Portable Network Graphics) est le plus récent de tous. Ce format est adapté à la plupart des graphiques (je serais tenté de dire "à tout ce qui n'est pas une photo"). Le PNG a deux gros avantages : il peut être rendu transparent et il n'altère pas la qualité de l'image. PNG 8 bits : 256 couleurs PNG 24 bits : 16 millions de couleurs (autant qu'une image JPEG) Le GIF C'est un format assez vieux, qui a été néanmoins très utilisé (et qui reste très utilisé par habitude). Aujourd'hui, le PNG est globalement bien meilleur que le GIF : les images sont le plus souvent plus légères et la transparence est de meilleure qualité. Le format GIF est limité à 256 couleurs (alors que le PNG peut aller jusqu'à plusieurs millions de

8 couleurs). Néanmoins, le GIF conserve un certain avantage que le PNG n'a pas : il peut être animé. Insérer une image Revenons maintenant au code HTML pour découvrir comment placer des images dans nos pages web! Insertion d'une image Quelle est la fameuse balise qui va nous permettre d'insérer une image? Il s'agit de... <img/>! C'est une balise de type orpheline (comme <br />). Cela veut dire qu'on n'a pas besoin de l'écrire en deux exemplaires comme la plupart des autres balises que nous avons vues jusqu'ici. En effet, nous n'avons pas besoin de délimiter une portion de texte, nous voulons juste insérer une image à un endroit précis. La balise doit être accompagnée de 2 attributs obligatoires : src : il permet d'indiquer où se trouve l'image que l'on veut insérer. Vous pouvez soit mettre un chemin en absolu (ex. : soit mettre le chemin en relatif (ce qu'on fait le plus souvent). Ainsi, si votre image est dans un sous- dossier images vous devrez taper : src="images/ilovespip.png" alt : cela signifie "texte alternatif". On doit toujours indiquer un texte alternatif à l'image, c'est-à-dire un court texte qui décrit ce que contient l'image. Ce texte sera affiché à la place de l'image si celle-ci ne peut pas être téléchargée (ça arrive), ou sur les navigateurs de personnes handicapées (non-voyants) qui ne peuvent malheureusement pas "voir" l'image. Cela aide aussi les robots des moteurs de recherche pour les recherches d'images. Pour le logo, on mettrait par exemple : alt="logoilovespip". Les images doivent se trouver obligatoirement à l'intérieur d'un paragraphe (<p></p>). Voici un exemple d'insertion d'image : <p> <img src="images/maphoto.jpg" alt=" Ma Photo" /> </p> Les figures (balise HTML5) Ce sont des éléments qui viennent enrichir le texte pour compléter les informations de la page. Les figures peuvent être de différents types : Images Codes source Citations... Bref, tout ce qui vient illustrer le texte est une figure. Nous allons ici nous intéresser aux images, mais contrairement à ce qu'on pourrait croire, les figures ne sont pas forcément des images : un code source aussi illustre le texte. Création d'une figure <figure> <img src="images/blocnotes.png" alt="bloc-notes" /> </figure>

9 Une figure est le plus souvent accompagnée d'une légende. Pour ajouter une légende, utilisez la balise <figcaption> à l'intérieur de la balise <figure>, comme ceci : <figure> <img src="images/blocnotes.png" alt="bloc-notes" /> <figcaption>le logiciel Bloc-Notes</figcaption> </figure>

Créer une page HTML avec l'éditeur Notepad++

Créer une page HTML avec l'éditeur Notepad++ Page Html Créer une page HTML avec l'éditeur Notepad++ Ouvrir Notepad++ Ecrivez un court texte. Enregistrer ce fichier dans un dossier que vous avez préalablement créé dans vos documents ou sur votre bureau

Plus en détail

ISN S8: Les pages web

ISN S8: Les pages web Objectif : L'objectif de ce TP est de réaliser une page 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.

Plus en détail

Eléments de contenu -Les différents formats d'images -Les formats audio -Les formats vidéo

Eléments de contenu -Les différents formats d'images -Les formats audio -Les formats vidéo Objectif Général N 3 : Acquérir les compétences nécessaires pour maitriser la manipulation des images et des vidéos. Pré-requis : Objectif Général N 2 Objectifs Spécifiques Objectif Etablir une distinction

Plus en détail

Réussir son site web avec XHTML et CSS

Réussir son site web avec XHTML et CSS Leçon 04 Réussir son site web avec XHTML et CSS Insérer des images 1. Les formats d image du Web...1 Les JPEG...1 Les PNG...1 Les GIF...1 Tableau récapitulatif :...2 2. Insérer une image dans une page...2

Plus en détail

Création de sites Web ~ Module 1 Introduction HTML - CSS

Création de sites Web ~ Module 1 Introduction HTML - CSS Création de sites Web ~ Module 1 Introduction HTML - CSS 1 Introduction : HTML, pour HyperText Markup Language, est le langage conçu pour représenter les pages Internet. C est un langage de balises permettant

Plus en détail

Formation : Introduction au langage HTML5

Formation : Introduction au langage HTML5 Formation : Introduction au langage HTML5 1 ère partie : Les bases de HTML5 Création de sites internet : Comment fonctionnent les sites internet? Définition des langages HTML et CSS L'éditeur de texte

Plus en détail

Le langage HTML. HTML est la «langue maternelle» de votre navigateur web

Le langage HTML. HTML est la «langue maternelle» de votre navigateur web Qu'est-ce que le HTML? HTML est la «langue maternelle» de votre navigateur web L HyperText Markup Language, en abrégé HTML, est le format de données conçu pour représenter les pages web. HTML permet de

Plus en détail

Introduction aux technologies WEB. Pr. Hajar IGUER

Introduction aux technologies WEB. Pr. Hajar IGUER Introduction aux technologies WEB Pr. Hajar IGUER hajar.iguer@uic.ac.ma LES BALISES Les attributs Les balises HTML peuvent avoir des attributs. Chaque balise accepte uniquement les attributs qui la concerne.

Plus en détail

Mémento. Balises de premier niveau

Mémento. Balises de premier niveau Mémento s de premier niveau Les balises de premier niveau sont les principales balises qui structurent une page HTML. Elles sont indispensables pour réaliser le «code minimal» d'une page web. principale

Plus en détail

Le HTML dans la page web

Le HTML dans la page web Le HTML dans la page web 1 Qu est-ce que HTML? HTML est le langage descriptif formel utilisé pour créer des pages web. C est le seul langage permettant d afficher une page web dans un navigateur. HTML

Plus en détail

HTML - Initiation. Placer du contenu. II) Placer du contenu

HTML - Initiation. Placer du contenu. II) Placer du contenu II) II.1) Mettre en place du texte I.1.1) Le paragraphe La plupart du temps lorsqu'on écrit du texte dans une page web, on le fait à l'intérieur de paragraphes. Il nous suffit de taper notre texte

Plus en détail

HTML. HyperText Markup Language. Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises qui permettent :

HTML. HyperText Markup Language. Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises qui permettent : HTML HyperText Markup Language Objectifs : - s'initier au langage HTML - savoir lire un code source html simple Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises

Plus en détail

Introduction à HTML: HyperText Markup Language

Introduction à HTML: HyperText Markup Language CREATION WEB HTML ET CSS Introduction à HTML: Le HTML, HyperText Markup Language, est un langage de balisage qui définit la structure logique d un document WWW diffusé sur le Web. La mise en forme de la

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

Création de sites Web ~ Module 1 Introduction HTML - CSS

Création de sites Web ~ Module 1 Introduction HTML - CSS Création de sites Web ~ Module 1 Introduction HTML - CSS 1 Introduction : HTML, pour HyperText Markup Language, est le langage conçu pour représenter les pages Internet. C est un langage de balises permettant

Plus en détail

Principales balises HTML5

Principales balises HTML5 Principales balises HTML5 RAPPEL : Tout document HTML commence par le DOCTYPE suivi de la balise , et s achève avec la balise . DOCTYPE et HTML : Le DOCTYPE : La déclaration

Plus en détail

Fiche TD n 1 Le langage HTML

Fiche TD n 1 Le langage HTML Fiche TD n 1 Le langage HTML 1 Introduction Le HTML est le langage utilisé pour formaliser l information échangée sur internet. Il est constitué de balises qui indiquent de quelle manière les informations

Plus en détail

ISN - HTML : Apprendre HTML5. M. Lagrave HTML5. Code source Site classique CSS Bluefish. M. Lagrave. Lycée Beaussier

ISN - HTML : Apprendre HTML5. M. Lagrave HTML5. Code source Site classique CSS Bluefish. M. Lagrave. Lycée Beaussier Lycée Beaussier 2012 2013 Sommaire Le HTML «HyperText Markup Language» est un langage de balisage pour la création de site internet, il sert à structurer votre document. D autres langages peuvent s ajouter

Plus en détail

UN DOCUMENT HTML5. 1.Un document HTML5 minimal 2.Les caractères accentués 3.Les caractères spéciaux 4.En résumé

UN DOCUMENT HTML5. 1.Un document HTML5 minimal 2.Les caractères accentués 3.Les caractères spéciaux 4.En résumé UN DOCUMENT HTML5 1.Un document HTML5 minimal 2.Les caractères accentués 3.Les caractères spéciaux 4.En résumé 42 Un document HTML5 minimal Les bases d'un code HTML5 ressemblent à celles des précédentes

Plus en détail

Réussir son site web avec XHTML et CSS

Réussir son site web avec XHTML et CSS Leçon 06 Réussir son site web avec XHTML et CSS CSS, le langage de mise en page du Web 1. Insérer du code CSS...1 Dans un fichier.css...1 Dans l en-tête du fichier XHTML...3 2. Appliquer un style à des

Plus en détail

Test Test Test Test Test

Test Test Test Test Test Mise en forme d un document HTML Niveaux de titre Le langage HTML définit 6 niveaux de titre (en anglais heading), afin de définir une structuration hiérarchique des paragraphes dans un texte : Balise

Plus en détail

Les Fiches pratiques Coin-Web

Les Fiches pratiques Coin-Web Le langage HTML Sommaire 1. Définitions...1 2. Remarque liminaire : l organisation du site...2 3. La page...3 4. L entête...3 5. Le corps de la page...3 a. Le texte...3 i. Titres et paragraphes...3 ii.

Plus en détail

Conception d'interfaces Web

Conception d'interfaces Web Conception d'interfaces Web Licence 1 2. Créer un site Web avec HTML5 et CSS3 Bruno Jobard I. Introduction Les langages HTML et CSS décrivent la structure et la présentation d'une page Web. HTML est un

Plus en détail

Cours de XHTML. chaîne de caractères

Cours de XHTML. <balise attribut=valeur attribut2=valeur2 >chaîne de caractères</balise> Cours de XHTML Introduction XHTML n'est pas un langage de programmation proprement dit, il s'agit simplement d'un langage de balisage dont le rôle est de formaliser l'écriture d'un document web avec des

Plus en détail

CHARGÉE DE COURS : N. VANASSCHE

CHARGÉE DE COURS : N. VANASSCHE CHARGÉE DE COURS : N. VANASSCHE WWW.NATHALIEVANASSCHE.BE DE NOMBREUSES PERSONNES CONFONDENT (À TORT) INTERNET ET LE WEB. le Web fait partie d'internet. Internet est donc un grand ensemble qui comprend,

Plus en détail

MODULE HTML CSS.

MODULE HTML CSS. MODULE HTML CSS David Tourel david.tourel@iut-tlse3.fr HTML : HyperText Markup Language Langage de description Interprété par les navigateurs Associé au CSS et JavaScript Métiers: développeur front end,

Plus en détail

Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2015/2016)

Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2015/2016) Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2015/2016) Conception de Sites Web Dynamiques : TD 1 HTML5 statique, balises, liens relatifs/absolus, images, validateur W3C http://www.labri.fr/perso/preuter/cswd2016

Plus en détail

Mémento des balises HTML 5

Mémento des balises HTML 5 Mémento des balises HTML 5 s de premier niveau Les balises de premier niveau sont les principales balises qui structurent une page HTML. Elles sont indispensables pour réaliser le «code minimal» d'une

Plus en détail

Mémento des balises HTML

Mémento des balises HTML Chapitre 21 Mémento des balises HTML Diculté : C ette page est une liste non exhaustive des balises HTML qui existent. Vous trouverez ici un grand nombre de balises HTML. Nous en avons déjà vu certaines

Plus en détail

LANGAGE HTML : STRUCTURE GENERALE, FORMATAGE DU TEXTE ET INSERTION D IMAGE

LANGAGE HTML : STRUCTURE GENERALE, FORMATAGE DU TEXTE ET INSERTION D IMAGE ICN ICN Informatique et Création Numérique LANGAGE HTML : STRUCTURE GENERALE, FORMATAGE DU TEXTE ET INSERTION D IMAGE 1 MISE EN SITUATION 1.1 Page Web «Une page Web est une ressource du World Wide Web

Plus en détail

Néanmoins, la législation sur le droit à images est assez stricte notamment sur la diffusion des photos en particulier sur Internet.

Néanmoins, la législation sur le droit à images est assez stricte notamment sur la diffusion des photos en particulier sur Internet. FLOUTER DES IMAGES Un grand nombre d entre nous souhaiterait pouvoir publier, sur le site institutionnel Ecogestlyon des articles avec des photos, partager des photos via des blogs de classe, par échange

Plus en détail

HTML 5. I ) L environnement de programmation HTML : -Ouvrir Notepad++ et taper les trois lignes suivantes : Voici mon premier TP PPE2

HTML 5. I ) L environnement de programmation HTML : -Ouvrir Notepad++ et taper les trois lignes suivantes : Voici mon premier TP PPE2 HTML 5 I ) L environnement de programmation HTML : -Ouvrir Notepad++ et taper les trois lignes suivantes : Voici mon premier TP PPE2 Conception d une page WEB Utilisation HTML5 et CCS3 -Sauvegarder votre

Plus en détail

Organisation d un site web

Organisation d un site web Organisation d un site web Un site web est un ensemble de pages web hébergées par un serveur et identifié par une adresse internet ( URL). Les pages web sont écrites en langage html, puis transférées sur

Plus en détail

Chapitre 7. extended HyperText Markup Language (XHTML)

Chapitre 7. extended HyperText Markup Language (XHTML) Chapitre 7 extended HyperText Markup Language (XHTML) Objectifs Le Web statique : Du HTML au XHTML Apprendre à manipuler les éléments XHTML Attention : projet évalué plutôt sur la «qualité» du code XHTML

Plus en détail

Tutoriel d utilisation

Tutoriel d utilisation Centre Social Bordeaux Nord Tutoriel d utilisation Traitement de texte Word NOM : SOMMAIRE INTRODUCTION 2 CREATION DE PAGE / MISE EN PAGE 3 Taille, orientation et marge du document 3 Coupure de mots 4

Plus en détail

Introduction au HTML 5

Introduction au HTML 5 Introduction au HTML 5 Les balises structurantes de HTML5 Plusieurs balises ont été introduites avec HTML5 pour délimiter les différentes zones qui constituent la page web : : en-tête;

Plus en détail

ISN - HTML : Vérifier la validité avec le W3C. M. Lagrave W3C. Conseils ISN - HTML : M. Lagrave. Lycée Beaussier

ISN - HTML : Vérifier la validité avec le W3C. M. Lagrave W3C. Conseils ISN - HTML : M. Lagrave. Lycée Beaussier Lycée Beaussier 2012 2013 Sommaire Le (World Wide Web Consortium) propose sur son site web un outil appelé le «Validateur», qui va analyser votre code source et vous dire s il est correctement écrit ou

Plus en détail

Rédaction d une fiche thématique Mutuelles étudiantes : Se grouper pour agir

Rédaction d une fiche thématique Mutuelles étudiantes : Se grouper pour agir Rédaction d une fiche thématique Mutuelles étudiantes : Se grouper pour agir Philippe Marcy (webmaster) Table des matières 1. QU EST-CE QU UNE FICHE THÉMATIQUE?... 2 2. FAIRE UNE PROPOSITION DE FICHE THÉMATIQUE...

Plus en détail

PROGRAMMATION HTML. Premiers pas avec un langage de programmation à la base de tous les sites web

PROGRAMMATION HTML. Premiers pas avec un langage de programmation à la base de tous les sites web PROGRAMMATION HTML Premiers pas avec un langage de programmation à la base de tous les sites web Ce cours a été réalisé à l'aide des documents suivants : Livre documentaire : Réalisez votre site web avec

Plus en détail

HTML CSS Fiche numéro 6

HTML CSS Fiche numéro 6 HTML CSS Fiche numéro 6 Sources : https://openclassrooms.com/ L'ancien site 2minuteslearning.fr qui à malheureusement disparu https://www.vectorskin.com/balises-html5/ Mettre en place le CSS Dans un premier

Plus en détail

HEI3 : TD HTML. Objectif : construction d un document hypertexte sur Internet. Moyens :

HEI3 : TD HTML. Objectif : construction d un document hypertexte sur Internet. Moyens : 3 : TD HTML Objectif : Moyens : construction d un document hypertexte sur Internet - Internet : notions d échanges sur le réseau - Langage : présentation d HTML - Mise en œuvre d HTML : TD_3_HTML_CV.html

Plus en détail

Apprenez à créer votre site web avec HTML5 et CSS3 Par Mathieu Nebra

Apprenez à créer votre site web avec HTML5 et CSS3 Par Mathieu Nebra Apprenez à créer votre site web avec HTML5 et CSS3 Par Mathieu Nebra (M@teo21) Licence Creative Commons BY-NC-SA 2.0 Dernière mise à jour le 27/07/2012 2/250 Sommaire Sommaire... 2 Lire aussi... 4 Apprenez

Plus en détail

I/ Une première très brève introduction au WEB :

I/ Une première très brève introduction au WEB : TP 10 : Vendredi 31 Janvier 2014 Langage de description HTML Langages de description Présentation du langage HTML et du principe de séparation du contenu et de la mise en forme. Créer et analyser une page

Plus en détail

Apprendre les bases du HTML5 et du CSS3. Objectif : Dans cette série d'activités vous apprendrez à utiliser HTML5 et CSS3 pour créer des pages web

Apprendre les bases du HTML5 et du CSS3. Objectif : Dans cette série d'activités vous apprendrez à utiliser HTML5 et CSS3 pour créer des pages web Apprendre les bases du HTML5 et du CSS3 Objectif : Dans cette série d'activités vous apprendrez à utiliser pour créer des pages web Durée : 4h Chapitre 2 Nom : Prénom : Classe : Table des matières Activité

Plus en détail

Classe de première SI HTML

Classe de première SI HTML HTML Table des matières 1. Le fonctionnement des sites web...2 2. HTML et CSS : deux langages pour créer un site web...3 2.1. Les rôles de HTML et CSS...3 2.2. Les différentes versions de HTML et CSS...3

Plus en détail

/* basic elements */ html { font: 75% georgia, sans- serif; Design

/* basic elements */ html { <!DOCTYPE html> font: 75% georgia, sans- serif; Design</title> tp HTML But : être capable d écrire une page en HTML et de lui associer une mise en page en CSS Moyen : Pc avec Notepad++ et navigateurs Chrome et Firefox 1 Introduction Lorsque vous allez sur

Plus en détail

Création d'un site Web avec KompoZer

Création d'un site Web avec KompoZer Création d'un site Web avec KompoZer Table des matières 1Rudiments sur le langage HTML.1 1.1Structure d'une page web :.1 1.2Le langage des pages Web.2 2Préparation du site web..2 3Utilisation d'une feuille

Plus en détail

Les formulaires types

Les formulaires types Les formulaires types Les formulaires types Formulaires interactifs Permettant de saisir des informations en remplissant des champs ou en cliquant sur des boutons Les formulaires De quoi avez vous besoin

Plus en détail

HTML : Mini tutoriel

HTML : Mini tutoriel HTML : Mini tutoriel I. Introduction HTML est un langage de formatage de texte adapté à la conception de pages web. Le HTML est un langage balisé, fondé en particulier sur la notion de lien hypertexte,

Plus en détail

DREAMWEAVER 2 de Macromédia

DREAMWEAVER 2 de Macromédia DREAMWEAVER 2 de Macromédia Dreamweaver 2 vous permettra de produire des pages Web sans trop de difficultés. Voici quelques consignes de base. 1.1 Introduction Tout d abord, allez dans Dreamweaver en cliquant

Plus en détail

HTML. Alexandre Benoit TS 2016/2017. D après openclassrooms

HTML. Alexandre Benoit TS 2016/2017. D après openclassrooms HTML D après openclassrooms Alexandre Benoit TS 2016/2017 Introduction Télécharger à partir de la page web du cours le fichier pageoueb.html Ouvrir le fichier avec Notepad++. Ouvrir le fichier avec Firefox.

Plus en détail

Ecrire des pages web = pages XHTML = le contenu et sa structure. feuilles de style = page CSS = la forme (couleur fonte cadre... ) (cours prochain)

Ecrire des pages web = pages XHTML = le contenu et sa structure. feuilles de style = page CSS = la forme (couleur fonte cadre... ) (cours prochain) introduction Ecrire des pages web = pages XHTML = le contenu et sa structure (ce cours) feuilles de style = page CSS = la forme (couleur fonte cadre... ) (cours prochain) Xhtml = Successeur de HTML compatible

Plus en détail

Exercice 4 Manipulation des balises HTML

Exercice 4 Manipulation des balises HTML 1 Exercice 4 Manipulation des balises HTML Dans cet exercice vous allez simplement manipuler les différentes syntaxes qui constituent le langage html. Sources : Une fois l archive décompressée vous trouverez

Plus en détail

Guide Utilisation HTML et Microsoft FrontPage

Guide Utilisation HTML et Microsoft FrontPage Guide Utilisation HTML et Microsoft FrontPage 4 4me Année Sciences Informatique Année scolaire : 2016-2017 I. Introduction au langage HTML HTML est un langage de description. Il permet d'enrichir un texte

Plus en détail

CRÉE TA PAGE WEB POUR IPHONE!

CRÉE TA PAGE WEB POUR IPHONE! CRÉE TA PAGE WEB POUR IPHONE! Programme du matin QR Code Définition Création de votre T-Shirt avec QR Code Pause «Application» pour iphone Base du HTML Création de votre CV QR CODE? QR CODE? Le QR Code

Plus en détail

Télécharger Notepad++ et l installer http://www.01net.com/telecharger/windows/internet/editeur_de_site/fiches/29119.html

Télécharger Notepad++ et l installer http://www.01net.com/telecharger/windows/internet/editeur_de_site/fiches/29119.html Programmation langage objet Création d une page html Site de référence : http://fr.openclassrooms.com/informatique/cours/apprenez-a-creer-votre-site-web-avec-html5-etcss3 1. Structure d une page html 1.1.

Plus en détail

Formation Grainville la teinturiere. la- teinturiere.fr

Formation Grainville la teinturiere.  la- teinturiere.fr Formation Grainville la teinturiere www.grainville- la- teinturiere.fr Propulsé par : Un CMS en Open Source Version 1 p. 1 2 [Tapez le texte] Comment fonctionne le site? Le site permet aux internautes

Plus en détail

Chaque élément en code HTML est composé d une balise ouvrante et une balise fermante.

Chaque élément en code HTML est composé d une balise ouvrante et une balise fermante. Une balise est un morceau de code commençant par < et finissant par >. Exemples : Chaque élément en code HTML est composé d une balise ouvrante et une balise fermante. Une balise fermante

Plus en détail

HTML. Alexandre Benoit TS10. D après openclassrooms

HTML. Alexandre Benoit TS10. D après openclassrooms HTML D après openclassrooms Alexandre Benoit TS10 Introduction Télécharger à partir de la page web du cours le fichier pageoueb.html Ouvrir le fichier avec Notepad++. Ouvrir le fichier avec Firefox. 2

Plus en détail

Rédacteur Comment ajouter / modifier du texte

Rédacteur Comment ajouter / modifier du texte Rédacteur Comment ajouter / modifier du texte Etape 1 : Authentifier sur le site Cliquez sur Privé puis saisissez votre «Nom d'utilisateur» et «Mot de passe» Une fois authentifier, cliquer sur le bouton

Plus en détail

INITIATION AU DEVELOPPEMENT WEB 1

INITIATION AU DEVELOPPEMENT WEB 1 INITIATION AU DEVELOPPEMENT WEB 1 Editeur : Mebouo Site web : www.mebouo.com SOMMAIRE I. Comment ça se passe pour créer un site web?... 1 I.1. Comment fonctionne un site web?... 1 I.2. HTML et CSS : les

Plus en détail

Réussir son site web avec XHTML et CSS

Réussir son site web avec XHTML et CSS Leçon 03 Réussir son site web avec XHTML et CSS Créer des liens 1. Insérer un lien vers une autre page...1 Création d un lien simple...1 Ajout d une infobulle...2 Un lien pour envoyer un email...2 2. Les

Plus en détail

LES BASES DU HTML 5 SOMMAIRE

LES BASES DU HTML 5 SOMMAIRE LES BASES DU HTML 5 https://openclassrooms.com/courses/apprenez-a-creer-votre-site-web-avec-html5-et-css3 Open Class Room SOMMAIRE Les bases HTML5... 3 1 : comment fait-on pour créer un site web... 3 Deux

Plus en détail

TP n 1 : Initiation au langage HTML

TP n 1 : Initiation au langage HTML Atelier informatique-langage HTML TP n 1 : Initiation au langage HTML 1. Rappels de quelques généralités - Un fichier HTML est un fichier texte simple, parfaitement lisible, respectant un ensemble de convention

Plus en détail

Guide d utilisation -

Guide d utilisation - Accéder au tableau de bord Pour entrer dans l espace d administration, allez à l adresse suivante : www.physiomouvementplus.com//wp-admin Une fenêtre d identification s ouvre alors : entrez votre Identifiant

Plus en détail

GUIDE ANIMATEUR DE SITE

GUIDE ANIMATEUR DE SITE GUIDE ANIMATEUR DE SITE Sommaire Guide Animateur 1 Premier pas avec ASPresso... 3 1.1 Accéder à votre site web... 3 1.2 Terminologie liée au site... 3 1.3 Accéder à l'interface d'administration... 3 1.4

Plus en détail

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/tr/xhtml1/dtd/xhtml1- transitional.dtd> IUT Nice Côte d Azur Prog. Web Département informatique 2007-2008 TP1 HTML ET XHTML 1. Le document xhtml minimal Le langage xhtml est la dernière évolution du html. C est une version plus stricte du html,

Plus en détail

C2i : Création de pages web

C2i : Création de pages web C2i : Création de pages web IUFE 2016/2017 Matthieu Giraud LIMOS, Université Clermont Auvergne Matthieu Giraud C2i : Création de pages web 1 / 33 Introduction Sommaire 1 Introduction 2 Structure d une

Plus en détail

Logiciel Nvu. (ou bien Kompozer)

Logiciel Nvu. (ou bien Kompozer) Sommaire Logiciel Nvu. (ou bien Kompozer)... 1 Présentation du Logiciel...1 Travaux Pratiques...2 Exercice 1...2 Exercice 2...2 Création d'une page Web...2 Exercice 3...3 Exercice 4...4 Logiciel Nvu. (ou

Plus en détail

HTML5 et CSS3 Maîtrisez les standards de la création de sites Web (3e édition)

HTML5 et CSS3 Maîtrisez les standards de la création de sites Web (3e édition) Le HTML5 et les CSS 1. L'évolution de HTML 15 2. L'évolution des CSS 16 2.1 La notion de module 16 2.2 L'évolution des statuts 16 2.3 Les préfixes vendeurs 17 2.4 Utiliser les préfixes vendeurs 18 3. La

Plus en détail

CREATION WEB DYNAMIQUE

CREATION WEB DYNAMIQUE CREATION WEB DYNAMIQUE II ) xhtml ET CSS II-1 ) Introduction Le xhtml, extensible HyperText Markup Language, est un langage identique au langage HTML mais respectant la syntaxe définie par XML Quant vous

Plus en détail

Nous allons voir les diverses possibilités que nous offre la boîte mail.

Nous allons voir les diverses possibilités que nous offre la boîte mail. Nous allons voir les diverses possibilités que nous offre la boîte mail. Ouvrir un mail dans MSN (Windows Live Messenger) Pour ouvrir un mail (courrier) comment faire? Si vous avez du nouveau courrier,

Plus en détail

Programmation PHP Septembre 2010

Programmation PHP Septembre 2010 IFT1147 Programmation Serveur Web avec PHP Un bref survol de HTML et CSS HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,

Plus en détail

Les CSS et la gestion des différentes polices La police, la taille du texte, gras ou pas, tous ces paramètres sont réglables en CSS.

Les CSS et la gestion des différentes polices La police, la taille du texte, gras ou pas, tous ces paramètres sont réglables en CSS. La police, la taille du texte, gras ou pas, tous ces paramètres sont réglables en CSS. font-family: Famille de police font-size: Taille de votre police de caratère font-style: Le style de police. Gras,

Plus en détail

UE8.III - TD algorithmique 1/6

UE8.III - TD algorithmique 1/6 TD 12.1 HTML Construction de page Web 1- On propose de construire une nouvelle page web. Pour cela, on crée un nouveau document avec le "Bloc-notes" et on saisit les éléments suivants : un premier

Plus en détail

OpenOffice. Editeur HTML. Table des matières

OpenOffice. Editeur HTML. Table des matières Editeur HTML OpenOffice Table des matières Editeur HTML...1 CREER UN NOUVEAU SITE WEB...2 INTERFACE DE TRAVAIL...3 CONFIGURATION DE LA PAGE...4 Ou sont les balises Meta?...4 Options de la page...5 ENREGISTREMENT...6

Plus en détail

HTML 5 CSS 3 Responsive

HTML 5 CSS 3 Responsive HTML 5 CSS 3 Responsive Programme de formation Microsoft Partner France Belgique Suisse - Canada Formez vos salariés pour optimiser la productivité de votre entreprise Dernière mise à jour : Avril 2014

Plus en détail

I/ Une première très brève introduction au WEB :

I/ Une première très brève introduction au WEB : TP 10 : Vendredi 31 Janvier 2014 Langage de description HTML Langages de description Présentation du langage HTML et du principe de séparation du contenu et de la mise en forme. Créer et analyser une page

Plus en détail

Initiation à l'utilisation de PowerPoint

Initiation à l'utilisation de PowerPoint Initiation à l'utilisation de PowerPoint 1. démarche... p 2 2. lancement de l'application... p 2 3. les barres... p 2 4. l'arrière-plan a) création d'un arrière-plan... p 3 b) utilisation d'un modèle de

Plus en détail

HTML et page Web diaporama

HTML et page Web diaporama but du diaporama principe général le titre ainsi qu une section contenant un paragraphe le titre ainsi qu un paragraphe dont le texte est centré une section dont le texte est coloré en rouge (couleur définie

Plus en détail

UTILISER MCK3. - Utilisez les boutons à gauche pour ajouter des objets sur la page. (Voir Chap. III)

UTILISER MCK3. - Utilisez les boutons à gauche pour ajouter des objets sur la page. (Voir Chap. III) UTILISER MCK3 1.C Pour bien commencer Après avoir installé et démarré MCK, vous pouvez créer un nouveau projet. 1 Cliquez sur " Créer un nouveau projet ". 2 Après avoir donné un nom à votre projet, vous

Plus en détail

Carrefour de l information Université de Sherbrooke. Dreamweaver MX 2004 Deuxième partie Savoir améliorer ses sites Web

Carrefour de l information Université de Sherbrooke. Dreamweaver MX 2004 Deuxième partie Savoir améliorer ses sites Web Carrefour de l information Université de Sherbrooke Dreamweaver MX 2004 Deuxième partie Savoir améliorer ses sites Web Par : Josée Martin (hiver 2005) Édition revue et augmentée par : Marc-André Dulude

Plus en détail

Cours de I21 SOMMAIRE

Cours de I21 SOMMAIRE Cours de I21 Voir le chap 2 : cours de Javascript SOMMAIRE I. Introduction sur le langage HTML II. Balises primaires a. mise en forme b. hyperliens c. insérer une image III. Création de listes IV. Création

Plus en détail

Izinoa / octobre

Izinoa / octobre Connexion à Izinoa Fonctionnement de l arborescence Gestion d une page Edition Création Suppression Les éléments de page Texte simple Texte avec mise en page Image Date Lien Mot clés Spécification des

Plus en détail

Tutoriel pour apprendre à créer son blog source : Aide de 1ère étape : quel hébergeur de blog?

Tutoriel pour apprendre à créer son blog source : Aide de  1ère étape : quel hébergeur de blog? 1ère étape : quel hébergeur de blog? La création de blog est tout à fait similaire d un d hébergeur à un autre. Si j ai choisi Canalblog, c est pour sa simplicité, mais il existe un grand nombre d autres

Plus en détail

Web Statique Base de la création de sites web

Web Statique Base de la création de sites web Web Statique Base de la création de sites web Lilian BAZILLE Version 1.0 Février 2015 Table des matières WEB 01 Introduction... 2 1 - Outils du développeur... 2 1.1 - Environnement de travail... 2 1.2

Plus en détail

12. L'éditeur WYSIWYG

12. L'éditeur WYSIWYG 12. L'éditeur WYSIWYG L'éditeur WYSIWYG (What You See Is What You Get -> Ce Que Vous Voyez Est Ce Que Vous Obtenez) est un élément central de Spiral Connect qui permet de rédiger et mettre en page des

Plus en détail

Partie 1 : Les bases de HTML5

Partie 1 : Les bases de HTML5 1 Visionner la vidéo d introduction à ce cours sur Vimeo Vous souhaitez créer vos propres sites web? Vous êtes au bon endroit! Dans ce cours, vous apprendrez comment utiliser HTML5 et CSS3, les deux langages

Plus en détail

COURS DE PROGRAMMATION DE SITE WEB 1

COURS DE PROGRAMMATION DE SITE WEB 1 COURS DE PROGRAMMATION DE SITE WEB 1 Chapitre 1 Les bases PLAN DU COURS 1.1 L histoire du WEB 1.2 Du HTML au XHTML et le CSS 1.3 Définition (HTML, XTML, CSS, ASP, PHP, FLASH, CGI, PEARL) 1.4 Les éditeurs

Plus en détail

Informatique - Word. On accède principalement à ces fonctionnalités par des icônes disponibles dans le ruban de Microsoft Word :

Informatique - Word. On accède principalement à ces fonctionnalités par des icônes disponibles dans le ruban de Microsoft Word : Word Les bases Microsoft Word est un logiciel de traitement de texte. Il permet principalement l édition de textes. Il contient aussi certaines fonctionnalités avancées comme le publipostage. Note : Ce

Plus en détail

Guide pour Mac OS 9 novembre Suzanne Harvey. Conseillère pédagogique Service local du RÉCIT Commission scolaire de Saint-Hyacinthe

Guide pour Mac OS 9 novembre Suzanne Harvey. Conseillère pédagogique Service local du RÉCIT Commission scolaire de Saint-Hyacinthe Guide pour Mac OS 9 novembre 2002 Suzanne Harvey Conseillère pédagogique Service local du RÉCIT Commission scolaire de Saint-Hyacinthe suzanne.harvey@prologue.qc.ca http://www.cssh.qc.ca/se/recit Création

Plus en détail

FAQ pour le plate-forme en ligne

FAQ pour le plate-forme en ligne FAQ pour le plate-forme en ligne Diffusion dans le flux / Que vois-je? Comment fonctionne mon avis? Lorsque vous entrez dans la plate-forme, vous allez commencer dans votre propre flux personnel, appelé

Plus en détail

K2EDITEUR. Edition des éléments Agence Digitale tous droits de reproduction interdits sans autorisation

K2EDITEUR. Edition des éléments Agence Digitale tous droits de reproduction interdits sans autorisation K2EDITEUR Edition des éléments 2014 Agence Digitale tous droits de reproduction interdits sans autorisation Page n 1/24 Page n 1/8 AVANT-PROPOS UNE DOUBLE OBLIGATION : FAVORISER LA LISIBILITE ET LA COMPREHENSION

Plus en détail

On le retrouve dans plusieurs modules tels que le courrier, le forum, l agenda, les tâches, les communiqués et plus particulièrement dans Édu-Notes.

On le retrouve dans plusieurs modules tels que le courrier, le forum, l agenda, les tâches, les communiqués et plus particulièrement dans Édu-Notes. 154 L éditeur de texte L ÉDITEUR DE TEXTE L éditeur de texte du portail est une application destinée à créer et modifier des textes pour créer des documents HTML. L éditeur de texte possède certaines fonctions

Plus en détail

Mise à jour du site Internet.

Mise à jour du site Internet. Mise à jour du site Internet www.elitecoaching.fr SOMMAIRE Comment se connecter?... p.3 Comment fonctionne le site Internet?... p.5 Comment mettre à jour le site Internet?... p.8 Comment mettre à jour

Plus en détail

- Introduction - Télécharger une image - Ajouter une news - Gérer les news - Gérer les administrateurs

- Introduction - Télécharger une image - Ajouter une news - Gérer les news - Gérer les administrateurs - Introduction - Télécharger une image - Ajouter une news - Gérer les news - Gérer les administrateurs INTRODUCTION haut de page Les fonctions de création de news sous navigateur Mac sont légèrement moins

Plus en détail

Introduction aux technologies WEB. Pr. Hajar IGUER

Introduction aux technologies WEB. Pr. Hajar IGUER Introduction aux technologies WEB Pr. Hajar IGUER hajar.iguer@uic.ac.ma CSS : CASCADING STYLE SHEET I 2 Historique CSS a été introduit avec HTML 4, afin de fournir une meilleure façon de mettre en forme

Plus en détail

Les tableaux. La mise en forme des tableaux (bordures, alignement horizontal et vertical, marges, ) se fait à l aide des styles CSS.

Les tableaux. La mise en forme des tableaux (bordures, alignement horizontal et vertical, marges, ) se fait à l aide des styles CSS. Les tableaux Les balises de tableau sont les suivantes : balise explication attributs titre du tableau tableau ligne d un tableau (table row) cellule d un tableau (table data) colspan(="nb

Plus en détail

1 - travail en pleine page du navigateur

1 - travail en pleine page du navigateur Utilisation du bandeau Fckeditor «TEXTE ENRICHI» dans les pages du site internet Version 1 du 7 avril 2009 Bandeau de l éditeur Fckeditor 1 - travail en pleine page du navigateur Pour faciliter le travail

Plus en détail

1. Premier démarrage d Outlook

1. Premier démarrage d Outlook 1. Premier démarrage d Outlook Lors de la première visualisation du logiciel, nous avons cet écran sur l icône Outlook Express en surbrillance. - La fenêtre principale où se situe en surbrillance le mot

Plus en détail