Web Statique Base de la création de sites web

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Web Statique Base de la création de sites web"

Transcription

1 Web Statique Base de la création de sites web Lilian BAZILLE Version 1.0 Février 2015

2 Table des matières WEB 01 Introduction Outils du développeur Environnement de travail Editeur Navigateur HTML : le contenu Structure de base Utilisation des balises Tags Commentaires Balise courantes Balise <p> Balises de titre Balise de mise en forme du texte Listes Les liens hypertexte Les images Les tableaux Balises sémantiques Formulaires... 9 Lilian BAZILLE 1 / 10

3 Introduction WEB 01 Avant de commencer à créer un site web, il faut bien évidemment savoir comment fonctionne le web! Une page web est un (ou plusieurs) fichier(s) interprété(s) par un navigateur web (comme Internet Explorer, Mozilla Firefox...). Il permet de «traduire» le langage de programmation (HTML, PHP, CSS ) pour créer un rendu visuel qui s affiche à l écran de l utilisateur. Ce cours traitera des langages HTML (contenu) et CSS (mise en forme) uniquement. Nous n utiliserons pas de langage dynamique (tel que PHP, Javascript, ASP ) ou de CMS (tel que WordPress, PHPBB, etc.) 1 - Outils du développeur Environnement de travail Avant de commencer à travailler sur des pages web, il est très important de créer un nouveau répertoire, et de placer tout le contenu du site web à l intérieur. C est très important car tous les liens que vous ferez partiront du même dossier que la page courante (ou de la racine dans le cas d un chemin absolu, si le site est hébergé sur un serveur). Quelques recommandations : Figure 1 - Rendu d'une page web sur un navigateur Créer un dossier qui contiendra les images (voir figure 2) : c est très pratique lorsque vous naviguerez dans les dossiers ou que vous rechercherez quelque chose! Pour les gros sites web, il faudra même créer des sous-dossiers PAS DE MAJUSCULES! Ou alors il faudra bien faire attention à les mettre quand vous ferez des liens. Certains serveurs ne prennent pas en compte la casse, d autres pas Pas d espaces non plus! Les URL ne contiennent pas d espace, donc lorsque vous pointez un fichier qui comporte des espaces, cela crée des caractères spéciaux assez bizarres dans la barre d adresse Mieux vaut éviter Il est préférable d appeler sa page d accueil «index.xxx» (où.xxx est l extension). En effet, sur un serveur, c est la page qui sera chargée lorsque vous taperez l adresse du dossier racine. Par exemple, lorsque vous tapez c est la page index.php qui est chargée. Lilian BAZILLE 2 / 10

4 Figure 2 - Exemple de répertoire de travail Editeur Vous l avez compris, vos pages web sont éditées dans un langage de programmation bien spécifique (ici HTML). Pour pouvoir modifier ce code source, deux possibilités : Les éditeurs WYSIWYG (What You See Is What You Get) : Permet de créer un site internet simplement sans taper de code. Cependant, on ne peut pas tout faire, et le code généré n est pas très «propre». Non recommandé. Les éditeurs de texte : Cette méthode est à préviligier car c est la vraie méthode pour coder une page HTML. Un éditeur de texte standard suffit (comme le notepad de Windows). Mais il est recommandé d utiliser des éditeurs spécifiques, qui permettent de mettre en avant les balises, comme Notepad++ pour Windows ou Gedit pour Linux (par exemple). Ce cours ne traitera que l édition de page web via un éditeur de texte, car c est la seule façon de réaliser vraiment un site web. Contrairement aux IDE de programmation, ces éditeurs ne corrigeront pas les éventuelles erreurs dans votre code! Figure 3 - Notepad++ (Windows) Lilian BAZILLE 3 / 10

5 1.3 - Navigateur Pour visualiser le résultat, il faudra évidemment disposer d un navigateur web. Pour les pages basiques, les rendus seront équivalents, mais pour certaines propriétés CSS complexes, le rendu peut varier. Il est donc parfois utile d essayer son site sur différents navigateurs pour vérifier que son site peut s afficher correctement (beaucoup de propriétés CSS sont incompatibles avec d anciennes versions d Internet Explorer par exemple). Les principaux navigateurs sont : Windows Internet Explorer Opéra Mozilla Firefox Apple Safari Google Chrome 2 - HTML : le contenu Structure de base Un fichier HTML doit toujours avoir la même structure, pour respecter les normes et être décodé de la bonne manière par les navigateurs web. Type du document (ici page HTML) Titre de la page Paramètres pour l indexation Tout le contenu visible de la page se trouve ici Figure 4 - Structure de base d'une page HTML NOTE : Il est possible de créer une page qui ne contient pas toutes ces balises. Néanmoins, il est nécessaire de les mettre pour une meilleure compatibilité et un respect des normes HTML 5 (vous pouvez vérifier votre fichier sur Utilisation des balises La structure de base donne un aperçu du fonctionnement de la syntaxe HTML. Tout fonctionne à base de balises. Une balise est délimitée par les caractères < et >. Les balises fonctionnent par paires, c est-à-dire qu il y a des balises ouvrantes et des balises fermantes (qui commencent par un /). Figure 5 - Exemple de balises Chaque type de balise a un effet particulier. C est le texte situé entre la balise ouvrante et la balise fermante qui est impacté. Par exemple pour la balise <strong> (qui met le texte en grand) : Lilian BAZILLE 4 / 10

6 Figure 6 - Effet de la balise strong Vous remarquerez que le saut de ligne dans le code HTML n a pas affecté l affichage du texte dans le navigateur. L agencement du texte dans l éditeur sert juste au développeur pour s y retrouver. Il existe également des balises auto fermantes, qui fonctionnent toutes seules (pas d ouvrante ni de fermante). Ces balises s écrivent de la manière <balise />. Comme on ne peut pas placer de texte dedans, elles ont un usage assez spécifique. Par exemple la balise <br /> permet de sauter une ligne. Enfin, il faut savoir que les balises peuvent s imbriquer les unes dans les autres. Si l on reprend la structure d un fichier HTML (figure 4), la balise <title> est imbriquée dans la balise <head>, elle-même dans la balise <html> Tags Les tags permettent de spécifier un paramètre dans une balise. La syntaxe est la suivante : <balise attribut="valeur"> </balise> C est le cas par exemple, pour la balise d image <img> qui a besoin du lien vers l image pour pouvoir l afficher. Une balise peut contenir plusieurs attributs, séparés par un espace Commentaires Les commentaires permettent de structurer votre code HTML. C est un texte qui est visible uniquement lorsque l on regarde le code source, et qui n a strictement aucun effet sur la page (ils sont même parfois utilisés pour rendre inopérants certains morceaux de code). Attention cependant, toute personne qui visualiserai votre page, peut afficher le code source, et donc les commentaires! Balise courantes Figure 7 - Utilisation de la balise <br/> <!--Texte en commentaire --> Figure 8 - Syntaxe d'un commentaire Balise <p> La balise <p> sert à créer des paragraphes. Tout élément texte doit être inclus dans un paragraphe (même un mot isolé!). Entre deux paragraphes, un saut de ligne est effectué. Notons que l on peut utiliser la balise <br/> vu précédemment pour faire un petit saut de ligne au sein d un paragraphe. Lilian BAZILLE 5 / 10

7 Figure 9 - Utilisation de la balise <p> Balises de titre Les balises de titre permettent de définir des niveaux de titre. Le niveau de titre <h1> est le titre de haut niveau (celui en caractère le plus important), <h2> de second niveau, <h3>, etc. On utilise rarement plus de trois/quatre niveaux de titres. Figure 10 - Utilisation des balises de titre Les balises de titre ne doivent pas être inclues dans des balises de paragraphe <p>! Balise de mise en forme du texte Ces balises permettent de modifier l apparence du texte. Attention, certaines anciennes balises permettent de modifier les caractéristiques (couleur, taille, police, etc.) du texte, mais elles ne sont plus d actualité et leur utilisation est prohibé! C est le cas des balises <font>, <center>, etc. Il faudra utiliser le CSS pour modifier ces caractéristiques (cf. partie 3). Malgré tout, il existe quelques balises que l on peut utiliser pour mettre en valeur son texte (même si on privilégiera le CSS si possible!) : La balise <strong> permet d insister sur du texte (généralement en gras) ; La balise <em> permet de mettre le texte en valeur (généralement en italique) ; La balise <sub> permet de mettre le texte en indice ; La balise <sup> permet de mettre le texte en exposant ; La balise <del> permet de barrer le texte ; La balise <q> permet d effectuer une courte citation ; La balise <blockquote> permet d effectuer une longue citation ; La balise <b> permet de mettre le texte en gras (privilégier <strong>); La balise <i> permet de mettre le texte en italique (privilégier <em>) ; Pour pouvoir mettre en forme son site en CSS par la suite, on utilise la balise <div>. Elle permet de créer un «bloc» de texte, dont on pourra par la suite modifier l apparence, la position, etc. Lilian BAZILLE 6 / 10

8 Listes Il existe des balises permettant de créer des listes à puce (balise <ul>) et des listes numérotées (balise <ol>). Chaque élément de la liste est ensuite placé entre les deux balises et délimité par les balises <li>. Figure 11 - Listes NOTE : Il est possible d imbriquer des listes (ou tout autre objet/balise) dans des listes. Il suffit de placer cet élément entre les balises <li> et </li>. Figure 12 - Listes imbriquées Les liens hypertexte C est la base d internet! Les liens hypertexte sont rencontrés partout sur le web, ils permettent de rediriger l utilisateur vers une autre page lorsqu il clique dessus. On utilise pour cela la balise <a>. Le texte dans la balise sera cliquable. La balise <a> est toujours suivie de l argument href qui contient l URL de l autre page. Si l URL est sur un autre site internet, il faut utiliser l adresse complète (commençant par Au contraire, si la page est sur le même site internet, le chemin vers le fichier suffit. Par exemple, si le fichier «page2.html» est dans le même dossier que la page courante, le lien peut être crée de cette manière : Il existe d autres attributs pour la balise <a> : Figure 13 - Exemple de liens title : permet d afficher un texte lorsque la souris passe sur le lien ; target : indique dans quelle page s ouvre le document courant (par défaut dans celui courant). La valeur "_blank" permet d ouvrir la page dans un nouvel onglet. Le lien peut aussi pointer vers une autre balise. Pour cela, il faut que l autre balise ait l attribut ID associé à une chaîne de caractère (notamment utilisé sur les balises <div> ou <p>). Cela permet de revenir vers cet endroit du document, pratique sur les grandes pages. Par exemple : Lilian BAZILLE 7 / 10

9 <balise id="debut">blablabla</balise> <a href="#debut">revenir au début</a> Les images Pour afficher une image, on utilise la balise <img>. C est une balise auto-fermante. Les principaux attributs de cette balise sont les suivants : src (obligatoire) : chemin vers l image ; alt (obligatoire) : texte de remplacement si l image ne peut pas s afficher ; titre : affiche une infobulle avec le texte lors du survol de l image ; Figure 14 - Balise <img> NOTE : Il est tout à fait possible d inclure une balise <img> dans une balise <a>, pour en faire une image cliquable! Par exemple : <a href=" src="logosb.png" alt="logo SurviveBox" /></a> Les tableaux Il est possible de créer des tableaux en HTML. Pour cela, on utilise la balise <table> qui permet de délimiter la partie au code source dédiée au tableau. A l intérieur, on utilise les balises suivantes : <caption> : légende affichée sous le tableau (optionnel) ; <tr> : défini les lignes du tableau ; <td> : défini les cellules du tableau ; <th> : défini les cellules d en-tête du tableau. Elles ont une mise en forme différente (balise souvent utilisée pour les colonnes). On peut également utiliser l argument border pour définir la taille de la bordure du tableau (mais privilégier le CSS si possible ). On crée donc les tableaux ligne par ligne. Par exemple : Figure 15 - Exemple de tableau Il est également possible de fusionner des cellules entre-elles (en hauteur ou en largeur). L argument colspan permet de fusionner des cellules en ligne, et rowspan des cellules en colonne. Dans les deux cas, la valeur de l argument est le nombre de cellules à fusionner. Par exemple : Lilian BAZILLE 8 / 10

10 Figure 16 - Tableau avec cellules fusionnées Balises sémantiques Les balises sémantiques permettent de structurer la page, de la même manière qu avec des <div>. Leur seule particularité, c est qu elles sont déjà prédéfinies. Leur importance sera plus présente avec le CSS. On pourra ainsi donner un style particulier au header, au footer, etc. sans avoir à créer de nouvelles classes. <header> <nav> <section> <article> <aside> <footer> Figure 17 - Structure des balises sémantiques Formulaires Un formulaire HTML permet à l utilisateur de remplir différents type de champs avec des informations, qui seront ensuite transmises à une autre page pour être traitées (généralement en PHP). Le formulaire est délimité par les balises <form>. Cette balise peut avoir plusieurs attributs : name : donne un nom au formulaire ; action : défini ce qui sera exécuté lorsque l utilisateur validera le formulaire ; o adresse d une page web dynamique ; o script Javascript ; o etc. ; enctype : défini le format d envoi des données ; method : défini la méthode de transmission des données : o GET : transfère en ASCII des données n excédant pas 100 caractères o POST : transfère en non-ascii des données de taille illimitée (méthode la plus courante) Si on utilise l attribut action, enctype et method n ont pas d utilité. Lilian BAZILLE 9 / 10

11 Dans le formulaire, on doit maintenant ajouter des champs. La balise du champ est <input>. Cette balise comprend de nombreux attributs, notamment type, qui permet de définir l aspect du champ. Voici les principaux attributs de la balise : name : identifie le champ. Il permet ensuite de traiter les données renvoyées ; type : défini le type du champ input : o text : champ de texte sur une ligne ; o password : champ de texte spécifique pour les mots de passe (contenu caché) ; o checkbox : case à cocher ; o file : champ permettant à l utilisateur d envoyer un fichier ; o image : bouton de validation avec l aspect de l image dont le chemin est dans l attribut src o radio : bouton à cocher permettant une seule valeur parmi plusieurs choix (tous ces champs doivent avoir le même attribut name) ; checked : attribut sans valeur. Permet de définir si le bouton radio est coché par défaut o reset : bouton réinitialisant le contenu de tout le formulaire ; o le champ est à remplir par une adresse mail ; o url : le champ est à remplir par une URL ; size : nombre de caractères visibles ; maxlength : nombre de caractères max ; value : défini la chaîne de caractère affichée par défaut dans le champ ; placeholder : texte apparaissant en grisé dans le champ avant la saisie de l utilisateur ; height : défini la hauteur de l élément en pixels ou en pourcentages ; width : défini la largeur de l élément en pixels ou en pourcentages ; required : (sans valeur) oblige l utilisateur à remplir le champ pour valider le formulaire ; Exemple de formulaire : Figure 18 - Formulaire basique Il existe d autres balises permettant de créer des champs. La balise <textarea> qui permet de créer une zone de texte. Ses attributs son rows (nombre de lignes) et cols (nombre de colonnes), et certains attributs similaires à input (comme required, name, etc.). Ce n est pas une balise autofermante, et le texte placé entre les deux balises sera le texte présent par défaut dans la zone de texte. La balise <select> permet de faire une liste déroulante. Chaque choix doit être placé entre deux balises <option> situées au sein des balises <select>. Figure 19 - Formulaire avec zone de texte et liste déroulante Lilian BAZILLE 10 / 10

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

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

Chapitre 3 : Le langage HTML

Chapitre 3 : Le langage HTML Chapitre 3 : Le langage HTML 4 ème SI (TIC) I. Introduction : Le langage HTML (HyperText Markup Language) n'est pas un langage de programmation proprement dit. Il permet tout simplement de spécifier la

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

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

Les CSS! Additif au HTML" Les Formulaires" L1 - STS - Mention Informatique - Internet et Programmation! Ph Moreau! 1!

Les CSS! Additif au HTML Les Formulaires L1 - STS - Mention Informatique - Internet et Programmation! Ph Moreau! 1! Les CSS! Avant d introduire quelques fonctionnalités du langage Javascript, nous allons compléter le langage Html avec la possibilité d afficher des objets pré-dessiné à savoir:! LES FORMULAIRES! Additif

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

- WEB / HTML - Annexe 1 : Définition des balises HTML

- WEB / HTML - Annexe 1 : Définition des balises HTML Balises d encadrement - WEB / HTML - Annexe 1 : Définition des balises HTML Encadre le code source. Encadre la zone d entête de la page Web dans laquelle

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

Développement d Applications Web

Développement d Applications Web Développement d Applications Web HTML : HyperText Markup Language Mehdi BENZINE benzinemehdi@gmailcom Département d Informatique Faculté des Sciences Université FERHAT ABBAS Sétif I 2015/2016 M BENZINE

Plus en détail

Réussir. avec XHTML et CSS. 3e édition. son site web. Nebra. Mathieu. Préface de Laurent Denis

Réussir. avec XHTML et CSS. 3e édition. son site web. Nebra. Mathieu. Préface de Laurent Denis Mathieu Nebra Réussir son site web avec XHTML et CSS 3e édition Préface de Laurent Denis Groupe Eyrolles, 2006, 2008, 2010, ISBN : 978-2-212-12485-9 Table des matières 1. UN SITE WEB, COMMENT ÇA MARCHE?...

Plus en détail

Programmation Web HTML5

Programmation Web HTML5 Programmation Web HTML5 Julien David A101 - david@lipn.univ-paris13.fr 2016 Julien David (A101 - david@lipn.univ-paris13.fr) 2016 1 / 1 Organisation Cours 5 séances pour 5 langages : HTML5, CSS3, PHP5,

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

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

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

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

DAW Développement Applications Web. Ouadfel Salima Site du cours:

DAW Développement Applications Web. Ouadfel Salima Site du cours: DAW Développement Applications Web Ouadfel Salima Site du cours: http://salimaouadfel.e-monsite.com/ Les formulaires Permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant

Plus en détail

Balises de formulaire

Balises de formulaire Les formulaires XHTML permettent de recueillir les informations saisies par un utilisateur, puis de les transmettre à un programme serveur. Nous verrons : - la structure d un formulaire - les éléments

Plus en détail

Séance 1. Bases et HTML

Séance 1. Bases et HTML Séance 1 Bases et HTML Nils Schaefer (nils.schaefer@sn-i.fr) Serveur Web Hébergement des sites Web Utilisation du port 80 Réception des requêtes HTTP des navigateurs Traitement des requêtes HTTP Exemples

Plus en détail

Université d Angers

Université d Angers pascal.nicolas@univ-angers.fr 1 préambule cette présentation, basée sur la norme HTML3.2, n a pas vocation à être exhaustive la notation X Y signifie que l on peut mettre l élément X ou l élément Y dans

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

H T M L. Hyper Text Markup Language II Structure (ou squelette) d un fichier HTML

H T M L. Hyper Text Markup Language II Structure (ou squelette) d un fichier HTML Page Web statique «Le langage HTML» Activité 1 : 1. Créer un répertoire sous le nom TPHTML dans le dossier 4TIC HTML de la racine D:\. 2. Dans le dossier HTML créer un nouveau fichier Document texte. a.

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

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

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

LISTE DES BALISES EN HTML5

LISTE DES BALISES EN HTML5 LISTE DES BALISES EN HTML5 AIDE-MÉMOIRE HTML&CSS www.multiforme.eu BALISE DEFINITION DES BALISES DESCRIPTION Pour un commentaire L inclusion du DOCTYPE dans un document HTML assure

Plus en détail

Traitement des Formulaires

Traitement des Formulaires Traitement des Formulaires 1 Requetês et réponses Exemple de requête: demande d une page GET / HTTP/1.1 Host: exemple.org Exemple de réponse HTTP/1.1 200 OK Content Type: text/html Content Length: 419

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

BDW1 - Programmation web - HTML

BDW1 - Programmation web - HTML BDW1 - Programmation web - HTML Fabien Duchateau fabien.duchateau [at] univ-lyon1.fr Université Claude Bernard Lyon 1 2017-2018 http://liris.cnrs.fr/fabien.duchateau/bdw1/ Positionnement dans BDW1 BDW1

Plus en détail

Editeur HTML. Mozilla

Editeur HTML. Mozilla Editeur HTML Mozilla Présentation Mozilla est un navigateur Web, il permet également de gérer la messagerie (Email) et d'éditer des pages au format HTML (Hyper Text Markup Language). Mozilla est basé à

Plus en détail

Algorithmique et développement web S2 6. Gestion des formulaires

Algorithmique et développement web S2 6. Gestion des formulaires Algorithmique et développement web S2 6. Gestion des formulaires Christophe BLANC IUT MMI IUT d Allier Université Clermont Auvergne www.christophe-blanc.fr 2016-2017 1 / 15 Rappel Un formulaire est un

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

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

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

Plus en détail

Guide d utilisation. Version 0715

Guide d utilisation. Version 0715 Guide d utilisation Version 0715 SOMMAIRE PRINCIPALES FONCTIONNALITÉS Résumé... p. 3 ACTUALITÉS gestion / création des actualités... p. 4 PAGES / RUBRIQUES Créer une page... p.5 Intégrer du contenu...p.6-9

Plus en détail

Conception de Sites Web dynamiques HTML HTML XHTML 23/09/2008. Conception de Site Webs Interactifs. Cours 3. Patrick Reuter

Conception de Sites Web dynamiques HTML HTML XHTML 23/09/2008. Conception de Site Webs Interactifs. Cours 3. Patrick Reuter Conception de Site Webs Interactifs Conception de Sites Web dynamiques Cours 3 Patrick Reuter Déroulement Pages web statiques (HTML/XHTML) Mise en forme avec feuilles de styles (CSS) Programmationcôté

Plus en détail

DAW Développement Applications Web. Ouadfel Salima Site du cours:

DAW Développement Applications Web. Ouadfel Salima Site du cours: DAW Développement Applications Web Ouadfel Salima Site du cours: http://salimaouadfel.e-monsite.com/ Développement d Applications Web L'objectif de ce module est: 1. S'initier à la programmation Web en

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

Balises de formulaire

Balises de formulaire Les formulaires XHTML permettent de recueillir les informations saisies par un utilisateur, puis de les transmettre à un programme serveur. Nous verrons : - la structure d un formulaire - les éléments

Plus en détail

Guide d utilisation FCK Editor

Guide d utilisation FCK Editor Guide d utilisation FCK Editor 1 Sommaire FCK Editor : introduction... 2 La mise en forme... 3 Agrandir la fenêtre de saisie... 3 Copier/Coller un contenu existant... 3 L utilisation des puces... 4 Création

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

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

Initiation au développement web Jeudi 27 octobre 2016

Initiation au développement web Jeudi 27 octobre 2016 Initiation au développement web Jeudi 27 octobre 2016 Merci de vous installer par binôme de niveau différent Des volontaires pour les e-profs? Présentation Thibault Vinchent tvinchent@gmail.com Développeur

Plus en détail

Objectif. Taches proposées pour atteindre l objectif

Objectif. Taches proposées pour atteindre l objectif 5 ICN : Réalisation d un site internet dynamique Nom de l'élève : Classe : Table des matières 5 ICN : Réalisation d un site internet dynamique...1 5.1Le langage php...2 5.2Déplacement de votre site dans

Plus en détail

Cours de XHTML. <balise attribut="valeur" attribut2="valeur2" >chaîne de caractères</balise>

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

INTRODUCTION AU LANGAGE HTML ET CSS

INTRODUCTION AU LANGAGE HTML ET CSS INTRODUCTION AU LANGAGE HTML ET CSS Sur le Web il est d usage de séparer structure et contenu d une page (html) de son style (css) Quelques liens : http://validator.w3.org/:pour vérifier que le est conforme

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

IUT TC - N. Rodriguez-Destruel BALISES HTML 4.01

IUT TC - N. Rodriguez-Destruel BALISES HTML 4.01 BALISES HTML 4.01 (Référence rapide non exhaustive!) Bibliographie : Le museau numérique, http://www.laurent-bernat.com/html-balises.php3?quoi=recap_attributs HTML code tutorial, http://www.htmlcodetutorial.com

Plus en détail

Guide d utilisation. de la plateforme Web 4

Guide d utilisation. de la plateforme Web 4 Guide d utilisation de la plateforme Web 4 Table des matières Interactivité dans ce document... 03 1. Connexion... 04 2.1 Connexion à la console d administration... 04 2. Tableau de bord... 05 2.1 Vue

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 Fonctionnement du WEB 1. Le navigateur effectue une requête spécifiée à travers l URL 2. Le serveur retourne un flot de données 3.

Plus en détail

Exemple pour un formulaire classique sans l'aide de script CGI : <form method=post enctype="text/plain">

Exemple pour un formulaire classique sans l'aide de script CGI : <form method=post enctype=text/plain> Formulaires 1. Introduction La création des formulaires se réalise grâce à plusieurs champs, dans lesquels le visiteur entre une information ou opte pour un choix. L'information est ensuite envoyée, à

Plus en détail

Formulaire HTML 1. Introduction. 2. Définition de formulaire. ligne de texte 4. Mot de passe 5. Bouton radio 6. Cases à Cocher»

Formulaire HTML 1. Introduction. 2. Définition de formulaire. ligne de texte 4. Mot de passe 5. Bouton radio 6. Cases à Cocher» Formulaire HTML 1. Introduction. 2. Définition de formulaire. 3. Entrée e d une d ligne de texte 4. Mot de passe 5. Bouton radio 6. Cases à Cocher 7. Bouton «Envoyer» 8. Bouton «Reset» 9. Bouton «Général»

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

Support de cours Dreamweaver CS5. MC Benveniste

Support de cours Dreamweaver CS5. MC Benveniste Support de cours Dreamweaver CS5 MC Benveniste 2011 Présentation du logiciel Il s agit d un logiciel d intégration de pages web, avec une interface wysyiswg (what you see is what you get = ce que vous

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

LE CODE HTML 1- INTRODUCTION. Page 1 sur 5

LE CODE HTML 1- INTRODUCTION. Page 1 sur 5 Page 1 sur 5 LE CODE HTML 1- INTRODUCTION Une page web est écrite nécessairement en code. Il en existe beaucoup, aux utilités diverses et variées. Le code le plus basique est toutefois le HTML ( HyperText

Plus en détail

Cours réalisé par : Ilahi Néjib TP TIC (HTML) Matière : Technologie de l information et de la communication Classe : 4 SI Enseignant : Ilahi Néjib

Cours réalisé par : Ilahi Néjib TP TIC (HTML) Matière : Technologie de l information et de la communication Classe : 4 SI Enseignant : Ilahi Néjib TP TIC (HTML) Matière : Technologie de l information et de la communication Classe : 4 SI Enseignant : Ilahi Néjib Durée : 2 heures Date : Octobre 07 A.S :2007/2008 TP N 1 : Objectifs : Savoir écrire le

Plus en détail

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

Le (X)HTML 5. LPCEL promotion 2016/2017 Vincent Peigné

Le (X)HTML 5. LPCEL promotion 2016/2017 Vincent Peigné Le (X)HTML 5 LPCEL promotion 2016/2017 Vincent Peigné Sommaire 1. HTML 5 2. L entête HTML 3. Le corps ou 4. L encodage et les accents 1. HTML 5 1. HTML 5 1.1. Définition et historique 1.2. Définition

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

Classes : PREMIERES A-C-D

Classes : PREMIERES A-C-D LYCEE SECOND CYCLE DEPARTEMENT D'INFORMATIQUE Année scolaire 2011-2012 Classes : PREMIERES A-C-D Horaire hebdomadaire : 2 heures PRÉ REQUIS Connaissances de la Classe de 2 nde Savoir lire le français ou

Plus en détail

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML, CSS Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML Pour le fond -> HTML Pour la forme -> CSS Les balises Les balises orphelines Attributs de balise LES BALISES PRINCIPALES HTML

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

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

page web et html 1 principe général 2

page web et html 1 principe général 2 page web et html Table des matières 1 principe général 2 2 écrire et lire un document en HTML 3 2.1 Les références internationales................................. 3 2.2 Pour tester le code source et voir

Plus en détail

Utilisation des étiquettes, optimisation des commentaires

Utilisation des étiquettes, optimisation des commentaires Utilisation des étiquettes, optimisation des commentaires Vous avez peut-être remarqué que juste au dessus du cadre pour les commentaires il y a le texte suivant : Vous pouvez utiliser ces étiquettes :

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

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

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

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

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

Technique Internet de Base HTML avancé

Technique Internet de Base HTML avancé Objectifs Technique Internet de Base HTML avancé morge@di.unipi.it Licence 2 Université Jean Monnet Création de tableau complexe Mise en forme de tableau Création de formulaire 2008-2009 Tableau= élément

Plus en détail

HTML. Damien Nouvel. Damien Nouvel (Inalco) HTML 1 / 23

HTML. Damien Nouvel. Damien Nouvel (Inalco) HTML 1 / 23 HTML Damien Nouvel Damien Nouvel (Inalco) HTML 1 / 23 Langage, calcul, télécommunications Plan 1. Langage, calcul, télécommunications 2. Web et documents HTML 3. Balises 4. Attributs Damien Nouvel (Inalco)

Plus en détail

TP6 : Les formulaires. Technologies du web Elodie Bisson

TP6 : Les formulaires. Technologies du web Elodie Bisson TP6 : Les formulaires Technologies du web Elodie Bisson 1. L'utilité d'un formulaire Un formulaire permet de recueillir des informations saisies par un utilisateur et de les envoyer via une URL à une adresse

Plus en détail

Génération dynamique de pages web

Génération dynamique de pages web Génération dynamique de pages web Cet article décrit quelques techniques de programmation web permettant de générer des pages web dynamiquement à partir d une base de données. STRUCTURE DE LA BASE DE DONNÉES

Plus en détail

Sommaire. 1 Créer un premier site Élaborer un contenu...69

Sommaire. 1 Créer un premier site Élaborer un contenu...69 Partie 1 Votre site web personnel...25 1 Créer un premier site...27 1.1 Installer le serveur web personnel de Microsoft...29 1.2 Créer un nouveau site web...31 1.3 Découvrir et personnaliser l environnement

Plus en détail

HTML. IFOSUP 36, av du Général de Gaulle Bagnolet IFOSUP UN NOUVEAU REGARD SUR LA FORMATION PUBLIC ET PRE REQUIS

HTML. IFOSUP 36, av du Général de Gaulle Bagnolet IFOSUP UN NOUVEAU REGARD SUR LA FORMATION PUBLIC ET PRE REQUIS HTML PUBLIC ET PRE REQUIS Public : Informaticiens Concepteurs Chefs de Projet Utilisateurs Pré-requis : Connaissance générale de l'environnement Web OBJECTIFS PROGRAMME La formation Python va vous apprendre

Plus en détail

CinéPack. Création et hébergement de site internet

CinéPack. Création et hébergement de site internet CinéPack Création et hébergement de site internet mise à jour du 24/12/2013 Sommaire Sommaire...2 Bienvenue sur votre espace d administration CinePack...3 Accueil de votre administration :...4 Gestion

Plus en détail

Dossier ISN : Tracés de fonctions mathématiques :

Dossier ISN : Tracés de fonctions mathématiques : Dossier ISN : Tracés de fonctions mathématiques : Par Crosetti Pauline et Depoers Quentin. Lycée Colbert Tourcoing. Année scolaire 2012/2013. Sommaire : - Recherches et étude du projet - Html - Css - Javascript

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

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

TP JAVASCRIPT Série N 4

TP JAVASCRIPT Série N 4 TP JAVASCRIPT Série N 4 GESTION D UN FORMULAIRE DE CONTACT Objectif : Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE Ci-dessous un exemple

Plus en détail

Partie HTML TD 1 : Les bases du HTML

Partie HTML TD 1 : Les bases du HTML Partie HTML TD 1 : Les bases du HTML 1 Introduction HTML = HyperText Marked Language HTML est un langage permettant de décrire des données affichables sous forme de page par un navigateur Web. HTML peut

Plus en détail

Chapitre 4 : Les formulaires en JavaScript

Chapitre 4 : Les formulaires en JavaScript Chapitre 4 : Les formulaires en JavaScript I. Généralités 1. Présentation Sans les formulaires, les pages HTML ne proposent aucune interactivité avec l utilisateur. En effet, la page appelée est envoyée

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

Le langage HTML. Université KASDI Merbah Ouargla Département des mathématiques & Informatique.

Le langage HTML. Université KASDI Merbah Ouargla Département des mathématiques & Informatique. Université KASDI Merbah Ouargla Département des mathématiques & Informatique Le langage HTML BELOUAAR Houcine Belouar_hocine@yahoo.fr Les formulaires L'élément permet de créer des

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

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

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1- transitional.dtd">

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

PAGE 1. L écran du logiciel NVU. Barre de menu: Les commandes du logiciel

PAGE 1. L écran du logiciel NVU. Barre de menu: Les commandes du logiciel PAGE L écran du logiciel NVU Nom du document : Nom d enregistrement Barre de mise forme: Texte, couleurs, fond,... Barre de menu: Les commandes du logiciel Barre d outils: Les boutons de commande Gestionnaire

Plus en détail

Viatique. pour la création. de site. avec Kompozer. à l usage des. débutants

Viatique. pour la création. de site. avec Kompozer. à l usage des. débutants Viatique pour la création de site avec Kompozer à l usage des débutants Avant de commencer... 3 Création d une page simple... 3 Informations sur la page... 3 Apparence... 3 Sauvegarde... 3 Saisie du contenu...

Plus en détail

Interface de Word. Règle. Volet office. Barre d outils de mise en forme Elle permet d exécuter rapidement des commandes de mise en forme du texte.

Interface de Word. Règle. Volet office. Barre d outils de mise en forme Elle permet d exécuter rapidement des commandes de mise en forme du texte. Interface de Word L écran de Word est constitué de différents éléments qui sont les suivants : Barre de titre Barre de menu Point d insertion Barre d outils de mise en forme Règle Marge Barre d outils

Plus en détail

Table des matières 1. Editions ENI - Toute reproduction interdite

Table des matières 1. Editions ENI - Toute reproduction interdite Table des matières 1 Introduction L'Internet aujourd'hui...7 Le World Wide Web Consortium et les standards...7 Les logiciels de conception de sites web...7 L'objectif du livre...8 Interface de conception

Plus en détail

Écriture textuelle de documents structurés Structure notée grâce à des balises <section>... </section> SGML : Standard Generalized Markup Language

Écriture textuelle de documents structurés Structure notée grâce à des balises <section>... </section> SGML : Standard Generalized Markup Language HTML Langages à balises Écriture textuelle de documents structurés Structure notée grâce à des balises ... SGML : Standard Generalized Markup Language méta-langage applications : documentation

Plus en détail

Francis Draillard. Premiers pas HTML 5 CSS 3 & 6 e édition. Mise à jour. Groupe Eyrolles, 2006, 2008, 2010, 2012, 2013, 2015, ISBN :

Francis Draillard. Premiers pas HTML 5 CSS 3 & 6 e édition. Mise à jour. Groupe Eyrolles, 2006, 2008, 2010, 2012, 2013, 2015, ISBN : Francis Draillard Premiers pas en CSS 3 & HTML 5 6 e édition Mise à jour Groupe Eyrolles, 2006, 2008, 2010, 2012, 2013, 2015, ISBN : 978-2-212-13944-0 Table des matières 1. INTRODUCTION AU HTML ET AUX

Plus en détail

Éditeur Moodle. L'éditeur de Moodle se présente de la façon suivante : Vous y retrouverez les icônes traditionnelles d'un éditeur de texte.

Éditeur Moodle. L'éditeur de Moodle se présente de la façon suivante : Vous y retrouverez les icônes traditionnelles d'un éditeur de texte. Éditeur Moodle Ce tutoriel décrit comment utiliser l'éditeur de Moodle, que vous allez retrouver dans la plupart des activités et des ressources de la plateforme. L'éditeur de Moodle se présente de la

Plus en détail

Guide pratique de Zotero

Guide pratique de Zotero Octobre 2017 Guide pratique de Zotero Présentation Zotero est un outil de gestion de références bibliographiques. Zotero est libre et gratuit. Il se présente sous la forme d une application à installer.

Plus en détail

LES FORMULAIRES. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr

LES FORMULAIRES. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr LES FORMULAIRES Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr LES FORMULAIRES Permet de récupérer les informations saisies par l'internaute sur votre site Nécessite un traitement des données : php mail

Plus en détail

Sommaire PREREQUIS... 2 PRESIDENT D ASC LOCALE... 4 A. PRESENTATION DU ROLE PRESIDENT... 4

Sommaire PREREQUIS... 2 PRESIDENT D ASC LOCALE... 4 A. PRESENTATION DU ROLE PRESIDENT... 4 Sommaire PREREQUIS... PRESIDENT D ASC LOCALE... A. PRESENTATION DU ROLE PRESIDENT... B. ADHERENTS... 7 1) «Tous les adhérents»... 7 ) «Ajouter un adhérent»... 8 ) «Trombinoscope»... 9 ) «Listes»...10 C.

Plus en détail

Programmation Web Serveur

Programmation Web Serveur Programmation Web Serveur Bilan intermédiaire 2 - Formulaires D'après les cours de Philippe Renevier Fabien Givors Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr FONCTIONS

Plus en détail