Activités HTML. Code: act-html

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

Download "Activités HTML. Code: act-html"

Transcription

1 Activités HTML act-html Activités HTML Code: act-html Originaux url: url: Prérequis: Savoir utiliser un logiciel d édition (éditeur de texte, Word, etc.) Internet et WWW de base Module technique précédent: internet (à option) Module technique précédent: www-tech Modules techniques: Module technique: html-intro Module technique: html-forms (pour les exercices à la fin) Objectifs:

2 act-html-4 Ce module propose six exercices pour l acquisition des bases de HTML Versions WWW des exercices: url: url: url: url: url: url:

3 act-html-5 Exercice 1: les Titres Consigne 1. Lancez un éditeur HTML 2. Reproduisez un fichier qui présente la structure ci-dessous (encadré) 3. Vérifiez votre solution en comparant votre document avec le code source (à la page suivante) Nom Tableau 1: Ce texte est décalé vers la droite en utilisant le marqueur blockquote. Quelques pointeurs

4 act-html-6 Solution Différentes solutions existent pour arriver au même résultat. Voici l une d entre elles. <html> <head> </title>exo1.html</title> </head> <body> <H1>Nom</H1> <blockquote>ce texte est décalé vers la droite en utilisant le marqueur blockquote.</blockquote> <H3>Quelques pointeurs</h3> <p> </p> </body> </html>

5 act-html-7 Exercice 2: les listes Consigne 1. Reprenez l exercice 1 et ajoutez-y une liste composée (numéros et puces) 2. Vérifiez votre solution en comparant votre document avec le code source (à la page suivante) Nom Tableau 2: Ce texte est décalé vers la droite en utilisant le marqueur blockquote. Quelques pointeurs 1. Natation pointeur 1 pointeur 2 2. Finance pointeur 3 pointeur 4

6 act-html-8 Solution <html> <head> </title>exo1.html</title> </head> <body> <H1>Nom</H1> <blockquote>ce texte est décalé vers la droite en utilisant le marqueur blockquote.</blockquote> <H3>Quelques pointeurs</h3> <ol> </ol> </body> </html> <li>natation <li>finance <li>pointeur 1 <li>pointeur 2 <li>pointeur 1 <li>pointeur 2

7 act-html-9 Exercice 3: les liens Consigne 1. Reprenez l exercice 2 et ajoutez des liens (les mots soulignés sont des liens hypertextuels Nom Ce texte est décalé vers la droite en utilisant le marqueur blockquote. Quelques pointeurs 1. Natation Fédération internationale de natation amateur Yahoo : Swimming and diving 2. Finance WWW-library: Finance Axone consulting

8 act-html-10 Solution <html> <head> </title>exo1.html</title> </head> <body> <H1>Nom</H1> <blockquote>ce texte est décalé vers la droite en utilisant le marqueur blockquote.</blockquote> <H3>Quelques pointeurs</h3> <ol> <li>natation <li><a href="http://www.hk.super.net/~kff/wmsf.html"> Fédération internationale de natation amateur</a> <li><a href="http://www.yahoo.com/recreation/sports/swimming_and_diving/"> Yahoo : Swimming and diving</a> <li>finance <li><a href="http://www.cob.ohio-state.edu/dept/fin/overview.htm"> WWW-library: Finance</a> <li><a href="http://www.axone.ch">axone consulting</a> </ol> </body> </html>

9 act-html-11 Exercice 4: les images Consigne 1. Reprenez votre fichier de l exercice 3 et ajoutez-y une image (l image se trouve à l adresse Nom Ce texte est décalé vers la droite en utilisant le marqueur blockquote. Quelques pointeurs 1. Natation Fédération internationale de natation amateur Yahoo : Swimming and diving 2. Finance WWW-library: Finance Axone consulting

10 act-html-12 Solution <html> <head> </title>exo1.html</title> </head> <body> <H1>Nom</H1> <img align=right alt="w3" height=53 border=2 width=105 src="http://tecfa.unige.ch/gif/w3-small.gif"> <blockquote>ce texte est décalé vers la droite en utilisant le marqueur blockquote.</blockquote> <H3>Quelques pointeurs</h3> <ol> <li>natation <li><a href="http://www.hk.super.net/~kff/wmsf.html"> Fédération internationale de natation amateur</a> <li><a href="http://www.yahoo.com/recreation/sports/swimming_and_diving/"> Yahoo : Swimming and diving</a> <li>finance <li><a href="http://www.cob.ohio-state.edu/dept/fin/overview.htm"> WWW-library: Finance</a> <li><a href="http://www.axone.ch">axone consulting</a> </ol> </body> </html>

11 act-html-13 Exercice 5: les tableaux Consigne 1. Reprenez l exercice 4 et ajoutez-y un tableau Nom Ce texte est décalé vers la droite en utilisant le marqueur blockquote. Quelques pointeurs 1. Natation Fédération internationale de natation amateur Yahoo : Swimming and diving 2. Finance WWW-library: Finance Axone consulting

12 act-html-14 Solution <html> <head> </title>exo1.html</title> </head> <body> <H1>Nom</H1> <img align=right alt="w3" height=53 border=2 width=105 src="http://tecfa.unige.ch/gif/w3-small.gif"> <blockquote>ce texte est décalé vers la droite en utilisant le marqueur blockquote.</blockquote> <H3>Quelques pointeurs</h3> <ol> <li>natation <li><a href="http://www.hk.super.net/~kff/wmsf.html"> Fédération internationale de natation amateur</a> <li><a href="http://www.yahoo.com/recreation/sports/swimming_and_diving/"> Yahoo : Swimming and diving</a> <li>finance <li><a href="http://www.cob.ohio-state.edu/dept/fin/overview.htm"> WWW-library: Finance</a> <li><a href="http://www.axone.ch">axone consulting</a> </ol> <h2>envoyez-moi vos commentaires</h2> <table width=100% border=2> <tr> <td>votre Nom <td>votre <tr> <td colspan=2>votre commentaire </table> </body> </html>

13 act-html-15 Exercice 6: les formulaires Consigne 1. Reprenez l exercice 5 et ajoutez-y un formulaire Nom Ce texte est décalé vers la droite en utilisant le marqueur blockquote. Quelques pointeurs...

14 act-html-16 Solution <html> <head> </title>exo1.html</title> </head> <body> <H1>Nom</H1> <img align=right alt="w3" height=53 border=2 width=105 src="http://tecfa.unige.ch/gif/w3-small.gif"> <blockquote>ce texte est décalé vers la droite en utilisant le marqueur blockquote.</blockquote> <H3>Quelques pointeurs</h3>... <h2>envoyez-moi vos commentaires</h2> <form enctype="application/x-www-form-urlencoded" method=post> <table width=100% border=2> <tr> <td>votre Nom <input type="text" name="nom" size=15> <td>votre <input type="text" name=" " size=15> </table> </form> </body> </html> <tr> <td colspan=2>votre commentaire <textarea name="nom" rows=5 cols=30></textarea> <input type="submit" value="envoyer"> <input type="reset" value="effacer">

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

Activités HTML avec Ace HTML

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

Plus en détail

TD HTML AVEC CORRECTION

TD HTML AVEC CORRECTION TD HTML AVEC CORRECTION On utilisera Notepad++ comme éditeur sur Windows Vous créez un répertoire www sous vos répertoires personnels et vous mettrez vos pages dedans. Créez vos fichiers HTML et n oubliez

Plus en détail

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

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

Plus en détail

Programmation WEB dynamique PHP

Programmation WEB dynamique PHP Programmation WEB dynamique PHP G. Maurey Master 1-2010 Les présentations Gilles MAUFFREY Bureau 5 Batiment W2 T : 72 61 k : maurey@hec.fr www.hec.fr/maurey PHP Plan de la séance 1 Présentation du cours

Plus en détail

Gérer les formulaires

Gérer les formulaires 195 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel sur les formulaires Le formulaire est un outil de base indispensable pour les sites web dynamiques puisqu'il

Plus en détail

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012

TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 TP JAVASCRIPT OMI4 TP5 SRC1 2011-2012 FORMULAIRE DE CONTACT POUR PORTFOLIO PRINCIPE GENERAL Nous souhaitons réaliser un formulaire de contact comprenant les champs suivants : NOM PRENOM ADRESSE MAIL MESSAGE

Plus en détail

EXERCICES JAVASCRIPT Exercice N 01 Écrire un script java qui permet de saisir le nom de l utilisateur et de l afficher en gras, dans une page Web.

EXERCICES JAVASCRIPT Exercice N 01 Écrire un script java qui permet de saisir le nom de l utilisateur et de l afficher en gras, dans une page Web. EXERCICES JAVASCRIPT Exercice N 01 Écrire un script java qui permet de saisir le nom de l utilisateur et de l afficher en gras, dans une page Web. Exercice N 02 Écrire un script java qui utilise une fonction

Plus en détail

Partie HTML TD 6 : Liens hypertexte et formulaires

Partie HTML TD 6 : Liens hypertexte et formulaires Partie HTML TD 6 : Liens hypertexte et formulaires 1. Les liens hypertextes Ils permettent la navigation dans les sites Web. Il y a 3 types de liens : - Les liens internes à un site - Les liens internes

Plus en détail

Formulaire pour envoyer un mail

Formulaire pour envoyer un mail Formulaire pour envoyer un mail AVERTISSEMENT : Ce tuto est une compilation de plusieurs sources trouvées sur internet, dont les références sont données à la fin de cet article. Le but de ce tutoriel n'est

Plus en détail

1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP.

1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP. TP5: LES FORMULAIRES OBJECTIFS : 1. Manipulation des formulaires avec PHP. 2. Transmission d'arguments entre pages : méthodes GET et POST. 3. Manipulation du JavaScript avec le PHP. PARTIE 1: Formulaire

Plus en détail

Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr

Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr Initiation aux techniques du Web Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr Introduction Tableaux La balise (DIV) Polices en HTML Body (corps) et Head (en-tête) attributs Forms(formulaires):

Plus en détail

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas

Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Initiation PHP-MySQL : HTML, HTTP, URL, PHP Vocabulaire, principes et premiers pas Olivier BOEBION 12/02/2004 1 Le point de départ 1.1 Et la lumière fut... A la fin des années 1980, Tim Berners-Lee travaillant

Plus en détail

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP

Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Module Com231A - Web et Bases de Données Notion 5 : Formulaires et utilisation des Bases de Données avec PHP Au cours de ce TP, vous allez voir comment PHP permet aux utilisateurs, une interaction avec

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

PHP 5.4 Développez un site web dynamique et interactif Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Extrait 183 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel

Plus en détail

TD 1 - Programmation Web avec PHP (1)

TD 1 - Programmation Web avec PHP (1) TD 1 - Programmation Web avec PHP (1) CORRIGE DU TD 1 Objectif : créer des scripts du côté serveur avec PHP, utiliser quelques fonctionnalités Internet de PHP Attention : si vous recréez des pages PHP

Plus en détail

Pour développer du PHP, nous avons besoin de 3 outils : PHP, MySQL et APACHE

Pour développer du PHP, nous avons besoin de 3 outils : PHP, MySQL et APACHE PHP et éléphant, pourquoi? Tout le monde aime ce gentil animal Il rend bien des services à l'homme Il est puissant et en même temps docile Il est rapide quand il attaque (les bases de données) Les lettres

Plus en détail

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

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

Plus en détail

Introduction au Web. Fabien Givors. Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr

Introduction au Web. Fabien Givors. Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr Introduction au Web D'après les cours de Andrea G. B. Tettamanzi Fabien Givors Université de Nice Sophia Antipolis Département Informatique fabien.givors@unice.fr Fabien Givors, 2014 1 Planning des cours

Plus en détail

Formulaires et Compteurs

Formulaires et Compteurs Formulaires et Compteurs Création de formulaires et de compteurs avec extensions FrontPage ou ASP. INFORMATIONS CONNEXES Le but du présent manuel est de permettre à une personne familière d Internet de

Plus en détail

PHP 5.4 Développez un site web dynamique et interactif

PHP 5.4 Développez un site web dynamique et interactif Editions ENI PHP 5.4 Développez un site web dynamique et interactif Collection Ressources Informatiques Extrait 183 Chapitre 7 Gérer les formulaires 1. Vue d'ensemble Gérer les formulaires 1.1 Petit rappel

Plus en détail

Web et présentation d information spatiale

Web et présentation d information spatiale Université de La Rochelle LUP-SIG 2004-2005 Programmation SIG et Internet Cartographique Web et présentation d information spatiale Moteurs de recherche et formulaires HTML Jean-Michel FOLLIN jmfollin@univ-lr.fr

Plus en détail

Formulaire / Counter. Manuel

Formulaire / Counter. Manuel Manuel Mars 2013, Copyright Webland AG 2013 Sommaire Formulaire Informations générales Configurer le formulaire 1ère étape: réalisation du formulaire 2ème étape: configuration du formulaire 3ème étape:

Plus en détail

PHP/MySQL. École Nationale Supérieure des Mines de Nancy 2nde Année

PHP/MySQL. École Nationale Supérieure des Mines de Nancy 2nde Année Bases de Données et Ingénierie des Systèmes d Information 1 PHP/MySQL École Nationale Supérieure des Mines de Nancy 2nde Année Table des matières I PHP 2 1 Les bases 2 1.1 Introduction........................................

Plus en détail

Programme de Formation

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

Plus en détail

Manipulation de formulaire

Manipulation de formulaire 1 Manipulation de formulaire points abordés outils (et balises) de création de formulaire, javascript, validation de formulaire en php site de départ nous nous baserons sur cette version pour l'exercice

Plus en détail

CFAD. Livret de la formule Webmaster. Qu est-ce qu un Webmaster? En tant Normal, il s agit de la personne responsable d un site.

CFAD. Livret de la formule Webmaster. Qu est-ce qu un Webmaster? En tant Normal, il s agit de la personne responsable d un site. CFAD Livret de la formule Webmaster Qu est-ce qu un Webmaster? En tant Normal, il s agit de la personne responsable d un site. Mais dans notre cas, nous allons considérer que le Webmaster et celui qui,

Plus en détail

MODULE INF112 TD 9 2012 2013 2012-2013 INF112 - TD9 1

MODULE INF112 TD 9 2012 2013 2012-2013 INF112 - TD9 1 MODULE INF112 TD 9 2012 2013 2012-2013 INF112 - TD9 1 Plan 1. CC2 2. Formulaires en HTML 3. Javascript et Java 4. Sécurité sur Internet 2012-2013 INF112 - TD9 2 2. Mini-site CC2 Ce qui est attendu Faire

Plus en détail

Création de formulaires interactifs

Création de formulaires interactifs SESSION 16 Création de formulaires interactifs Programme de la session Lancer un sondage en utilisant divers éléments d'entrée de formulaire Traiter les entrées utilisateur Activer un script à partir d'un

Plus en détail

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

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

Plus en détail

Bases de données et Sites Web. Li345

Bases de données et Sites Web. Li345 Bases de données et Sites Web. Li345 Remerciements à: Stéphane Gançarski et Philippe Rigaux. Ces transparents sont fortement inspirés du très bon livre : Pratique de MySQL et PHP, troisième édition Philippe

Plus en détail

Introduction. Rappel : conception, interrogation et mise à jour d une base de données

Introduction. Rappel : conception, interrogation et mise à jour d une base de données Introduction Rappel : conception, interrogation et mise à jour d une base de données De nombreux sites Web ont une (ou plusieurs) BD pour gérer leur données 2/51 Pages Web statiques L utilisateurice demande

Plus en détail

Fiche Formation N Titre : Site Web 2010 Auteur : Florent Lagasse Date : 24/04/2010

Fiche Formation N Titre : Site Web 2010 Auteur : Florent Lagasse Date : 24/04/2010 Fiche Formation N Titre : Site Web 2010 Auteur : Florent Lagasse Date : 24/04/2010 www.photofronton.fr Contact : utilisez le formulaire du site Plan de la presentation Ancien Site Points à améliorer Un

Plus en détail

Introduction à HTML. Code: html-intro. Patrick Jermann - Daniel K. Schneider - Barbara Class - Vivian Synteta Version: 1.0 (modifé le 15/5/01 par VS)

Introduction à HTML. Code: html-intro. Patrick Jermann - Daniel K. Schneider - Barbara Class - Vivian Synteta Version: 1.0 (modifé le 15/5/01 par VS) Introduction à HTML html-intro Introduction à HTML Code: html-intro Originaux url: http://tecfa.unige.ch/guides/tie/html/html-intro/html-intro.html url: http://tecfa.unige.ch/guides/tie/pdf/files/html-intro.pdf

Plus en détail

Examen «Outils en Informatique» Vendredi 3 juin 2011

Examen «Outils en Informatique» Vendredi 3 juin 2011 Examen «Outils en Informatique» Vendredi 3 juin 2011 Durée de l épreuve: 1h30 Aucun document autorisé Le barème n est pas définitif, il est donné à titre indicatif Question 1 : QCM Dans les questions suivantes

Plus en détail

Ministère de l Enseignement Supérieur, de la Recherche Scientifique et de la Technologie Direction Générale des Études Technologiques *****

Ministère de l Enseignement Supérieur, de la Recherche Scientifique et de la Technologie Direction Générale des Études Technologiques ***** Ministère de l Enseignement Supérieur, de la Recherche Scientifique et de la Technologie Direction Générale des Études Technologiques ***** Institut Supérieur des Études Technologiques du Kef Département

Plus en détail

INITIATION AU LANGAGE HTML

INITIATION AU LANGAGE HTML INITIATION AU LANGAGE HTML I INTRODUCTION Seules les bases du langage HTML sont abordées ici. Cette initiation a pour but de "démarrer", les nombreuses ressources concernant ce langage vous permettront

Plus en détail

Séance d ED n 5 : HTML et JavaScript

Séance d ED n 5 : HTML et JavaScript Séance d ED n 5 : HTML et JavaScript EXERCICE 1 1) le but de cet exercice est de construire l'interface suivante en html: une réponse : 1)

Plus en détail

Programmation web : TD 2

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

Plus en détail

Programmation CGI. Chapitre 6. 6.1 Principe : architecture à trois niveaux

Programmation CGI. Chapitre 6. 6.1 Principe : architecture à trois niveaux Chapitre 6 Programmation CGI Nous avons vu que l un des inconvénients de HTML est qu un serveur ne peut renvoyer que des pages dites statiques. Nous avons vu comment les SSI peuvent apporter un peu plus

Plus en détail

ultisites S.A. module «services»

ultisites S.A. module «services» M ultisites S.A. module «services» TP N 3 : Installation du serveur WEB Nom : Prénom : Classe : Date : Appréciation : Note : Objectif : Être capable d'installer le serveur WEB, et de créer une page HTML

Plus en détail

TP Initiation au langage HTML

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

Plus en détail

228 Index DTD 22. feuilles de styles voir Propriétés CSS et styles

228 Index DTD 22. feuilles de styles voir Propriétés CSS et styles Index A affichage, CSS 180 album photos, créer 83 arrière-plan, CSS 152 images 152 Attributs de balises HTML action 90 align 71 attributs communs 131 background 39 border 39, 70 cellpadding 70 cellspacing

Plus en détail

Introduction. PHP = Personal Home Pages ou PHP Hypertext Preprocessor. Langage de script interprété (non compilé)

Introduction. PHP = Personal Home Pages ou PHP Hypertext Preprocessor. Langage de script interprété (non compilé) Introduction PHP = Personal Home Pages ou PHP Hypertext Preprocessor Langage de script interprété (non compilé) Plan Avantages Fonctionnement interne Bases du langage Formulaires Envoi d un email Avantages

Plus en détail

Denis Monnerat monnerat@u-pec.fr. Modifié: 2015/11/09. IUT de Fontainebleau

Denis Monnerat monnerat@u-pec.fr. Modifié: 2015/11/09. IUT de Fontainebleau WIM 1.1 LANGAGE HTML Denis Monnerat monnerat@u-pec.fr Modifié: 2015/11/09 IUT de Fontainebleau Sommaire 1. Introduction 2. HTML 3. Principaux éléments 4. Index des balises html(5) INTRODUCTION Internet

Plus en détail

LE LANGAGE HTML TODO : v1.2.1.0 07/05/2010 peignotc(at)arqendra(dot)net / peignotc(at)gmail(dot)com

LE LANGAGE HTML TODO : v1.2.1.0 07/05/2010 peignotc(at)arqendra(dot)net / peignotc(at)gmail(dot)com LE LANGAGE HTML TODO : - v.2..0 07/05/200 peignotc(at)arqendra(dot)net / peignotc(at)gmail(dot)com Toute reproduction partielle ou intégrale autorisée selon les termes de la licence Creative Commons (CC)

Plus en détail

ISBN : 2-212-11407-9

ISBN : 2-212-11407-9 Groupe Eyrolles, 2005, ISBN : 2-212-11407-9 6 Les formulaires Les formulaires introduits dans le HTML depuis ses plus anciennes versions sont l élément essentiel qui permet l interactivité entre un site

Plus en détail

Techniques Internet de Base 2006-2007

Techniques Internet de Base 2006-2007 Techniques Internet de Base 2006-2007 Licence 2 (Info, Maths, PC/PA) Université Jean Monnet Ruggero G. PENSA ruggero.pensa@univ-st-etienne.fr PHP - Formulaires Formulaires et PHP Lorsque l'utilisateur

Plus en détail

3. Formulaires. Cours Web. Formulaires. 3. Formulaires. 3. Formulaires. Formulaires. Lionel Seinturier. Université Pierre & Marie Curie

3. Formulaires. Cours Web. Formulaires. 3. Formulaires. 3. Formulaires. Formulaires. Lionel Seinturier. Université Pierre & Marie Curie Cours Web Formulaires Lionel Seinturier Université Pierre & Marie Curie Lionel.Seinturier@lip6.fr 8/9/03 Formulaires HTML 1.0 essentiellement "mono"-directionnel informations fournies par le serveur (suite

Plus en détail

World-Wide Web et les formulaires électroniques, les images réactives

World-Wide Web et les formulaires électroniques, les images réactives World-Wide Web et les formulaires électroniques, les images réactives francois.dagorn@univ-rennes1.fr octobre 1995 1 Introduction Les clients WWW sont en général utilisés pour accéder à des documents diffusés

Plus en détail

Sommaire Accès via un formulaire d'identification... 4 Accès en mode SSO... 5 Quels Identifiant / mot de passe utiliser?... 6

Sommaire Accès via un formulaire d'identification... 4 Accès en mode SSO... 5 Quels Identifiant / mot de passe utiliser?... 6 Sommaire Accès via un formulaire d'identification... 4 Accès en mode SSO... 5 Quels Identifiant / mot de passe utiliser?... 6 2 І O2S Intégration O2S dans un site Internet Ce document présente une description

Plus en détail

Design d un simple site Web

Design d un simple site Web Design d un simple site Web www-design-intro Design d un simple site Web Code: www-design-intro Originaux url: http://tecfa.unige.ch/guides/tie/html/www-design-intro/www-design-intro.html url: http://tecfa.unige.ch/guides/tie/pdf/files/www-design-intro.pdf

Plus en détail

TECFA HTML MANUEL. Daniel Schneider et Patrick Jermann TECFA - FPSE Université de Genève Mars 1997

TECFA HTML MANUEL. Daniel Schneider et Patrick Jermann TECFA - FPSE Université de Genève Mars 1997 TECFA HTML MANUEL Daniel Schneider et Patrick Jermann TECFA - FPSE Université de Genève Mars 1997 VERSION 0.4 Version WWW: http://tecfa.unige.ch/guides/htmlman/html-1.html N.b. Toute reproduction sans

Plus en détail

Le Web Dynamique avec JavaScript

Le Web Dynamique avec JavaScript Le Web Dynamique avec JavaScript Concepts et Syntaxe 1 Intérêt Présentation de JavaScript Contrôle du contenu et de l apparence de pages Web Contrôle de fonctionnalités du Navigateur Internet Gestion du

Plus en détail

L1 / IO2 Internet et Outils

L1 / IO2 Internet et Outils 1/10 L1/IO2 Internet et Outils 16/05/2008 L1 / IO2 Internet et Outils Examen 16 Mai 2008 : 15H30-18H30 Document: 1 feuille A4 (recto-verso) autorisée Total des points: 80. Votre note sera obtenue en divisant

Plus en détail

APPLICATIONS JAVA. 3. JSP Java Server Pages. JSP - Java Server Pages Servlet. http://139.124.26.245/pi. Java Server Pages (JSP) IvMad, 2011-2013 2

APPLICATIONS JAVA. 3. JSP Java Server Pages. JSP - Java Server Pages Servlet. http://139.124.26.245/pi. Java Server Pages (JSP) IvMad, 2011-2013 2 APPLICATIONS JAVA JSP - Java Server Pages Servlet Java Server Pages (JSP) IvMad, 2011-2013 2 3. JSP Java Server Pages http://139.124.26.245/pi Java Server Pages (JSP) IvMad, 2011-2013 3 JSP - Introduction

Plus en détail

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

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

Plus en détail

HTML. La structure habituelle d un fichier HTML. Le bloc en tête (Head)

HTML. La structure habituelle d un fichier HTML. Le bloc en tête (Head) HTML Le code HTML peut être écrit sous le Bloc Notes en format ASCII sous l extension htm et html, ou dans un éditeur HTML. Les éditeurs HTML permettent de se passer de la saisie des marqueurs, mais il

Plus en détail

TD12 corrigé - Révisions

TD12 corrigé - Révisions Université de Bretagne Occidentale UFR Sciences Département d Informatique Licence STS, 2005-2006 L1, S1, Parcours A-IMP Introduction à l informatique TD12 corrigé - Révisions Exercice 1 : Codage On veut

Plus en détail

Cours 9 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie 1 de 2)

Cours 9 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie 1 de 2) École de bibliothéconomie et des sciences de l information SCI6306 Bases de données documentaires Cours 9 Formulaires Web pour saisie de données dans une base de données relationnelle avec PHP (partie

Plus en détail

Aide Utilisateur. Cellpass.fr

Aide Utilisateur. Cellpass.fr Aide Utilisateur Mise en place simple :... 2 Création d une ressource... 2 Installation du module... 5 Test fonction file OK... 7 temps de connexion < 1 seconde(s)... 7 Exemple d'installation PassUp pour

Plus en détail

Echanges d informations entre client et serveur

Echanges d informations entre client et serveur Chapitre 4 Echanges d informations entre client et serveur c 2010-2011 -JA C Q U E S THOORENS - H T T P://W W W.T H O O R E N S.N E T Le protocole HTTP a défini des possibilités d envoi d informations

Plus en détail

HTML, CSS, JS et CGI. Elanore Elessar Dimar

HTML, CSS, JS et CGI. Elanore Elessar Dimar HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML

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

CREATION d UN SITE WEB (INTRODUCTION)

CREATION d UN SITE WEB (INTRODUCTION) CREATION d UN SITE WEB (INTRODUCTION) Environnement : World Wide Web : ordinateurs interconnectés pour l échange d informations ( de données) Langages : HTML (HyperText Markup Language) : langages pour

Plus en détail

TP1: Environnement de développement : Acquisition des fondamentaux : Windows, langage HTML

TP1: Environnement de développement : Acquisition des fondamentaux : Windows, langage HTML TP1: Environnement de développement : Acquisition des fondamentaux : Windows, langage HTML Classe: Première année de B.T.S Période : 1 er Semestre Systèmes numériques option Informatique et réseaux. Consignes

Plus en détail

Les formulaires. Pour sortir de la page ou de votre ordinateur, les moyens disponibles sont :

Les formulaires. Pour sortir de la page ou de votre ordinateur, les moyens disponibles sont : 1. L'interactivité ( cgi / mailto / Javascript ) 1.1 L'interactivité, mais comment? Les formulaires Avec les formulaires, Html vous ouvre les portes de l'interactivité et vous permet de recevoir des informations

Plus en détail

DU PLM. TP : produire et consommer des services web en PHP

DU PLM. TP : produire et consommer des services web en PHP DU PLM TP : produire et consommer des services web en PHP NuSOAP est une librairie PHP proposée par NuSphere et Dietrich Ayala. Elle fournit un ensemble de classes (aucune extension PHP n est requise au

Plus en détail

Conception de premières pages WEB

Conception de premières pages WEB Service informatique Enseignement Recherche Conception de premières pages WEB Fiche n 34, 26 mai 2002 Florence Le Priol Responsable du Service informatique Enseignement Recherche PARIS IV - 1, rue Victor

Plus en détail

Technologies Web. Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr

Technologies Web. Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr Technologies Web Farah Benamara Zitoune Maître de conférences IRIT-UPS benamara@irit.fr Plan du cours Cours 1 : Introduction HTML/CSS Cours 2 : Introduction programmation web + javascirpt Cours 3 : Introduction

Plus en détail

ISN Premiers pas en php 17/10/2011

ISN Premiers pas en php 17/10/2011 ISN Premiers pas en php 17/10/2011 Qu'est-ce que PHP? PHP est un langage de programmation qui s'intègre dans vos pages HTML. Mais, avant de continuer, il est bon d'expliquer comment se déroule une requête

Plus en détail

<http://cahiers.gutenberg.eu.org/fitem?id=cg_1995 19_59_0> Cahiers GUTenberg GUT WORLD-WIDE WEB, FORMULAIRES ÉLECTRONIQUES, IMAGES RÉACTIVES, ETC. François Dagorn Cahiers GUTenberg, no 19 (1995), p. 59-66.

Plus en détail

Programmation Web. Thierry Hamon

Programmation Web. Thierry Hamon 1/27 Programmation Web Thierry Hamon Bureau H202 - Institut Galilée Tél. : 33 1.48.38.35.53 Bureau 150 LIM&BIO EA 3969 Université Paris 13 - UFR Léonard de Vinci 74, rue Marcel Cachin, F-93017 Bobigny

Plus en détail

Programmation Web - HTML

Programmation Web - HTML Programmation Web - HTML Fabien Duchateau fabien.duchateau [at] univ-lyon1.fr Université Claude Bernard Lyon 1 2014-2015 http://liris.cnrs.fr/fabien.duchateau/ens/lif4/ 1/69 Introduction De nombreux sites

Plus en détail

PHP. virginie.sans@irisa.fr http://perso.univ-rennes1.fr/virginie.sans/pwb. Internet et HTML

PHP. virginie.sans@irisa.fr http://perso.univ-rennes1.fr/virginie.sans/pwb. Internet et HTML PHP virginie.sans@irisa.fr http://perso.univ-rennes1.fr/virginie.sans/ BUR Internet et HTML PHP, qu'est-ce que c'est? Un langage pour la programmation du serveur Permet d'inclure des parties programmées

Plus en détail

Introduction à HTML. A. HTML et le web

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

Plus en détail

Programmation Web - HTML

Programmation Web - HTML Programmation Web - HTML Fabien Duchateau fabien.duchateau [at] univ-lyon1.fr Université Claude Bernard Lyon 1 2015-2016 http://liris.cnrs.fr/fabien.duchateau/ens/lif4/ 1/74 Introduction De nombreux sites

Plus en détail

Sécurite Web. Xavier Tannier xavier.tannier@limsi.fr. Yann Jacob yann.jacob@lip6.fr

Sécurite Web. Xavier Tannier xavier.tannier@limsi.fr. Yann Jacob yann.jacob@lip6.fr Sécurite Web Xavier Tannier xavier.tannier@limsi.fr Yann Jacob yann.jacob@lip6.fr Généralités 80 % des sites contiennent au moins une faille de sécurité 24 familles de failles différentes : on ne présente

Plus en détail

TD/TP11 - Réseaux (corrigé)

TD/TP11 - Réseaux (corrigé) Université de Bretagne Occidentale UFR Sciences Département d Informatique Licence STS, 2005-2006 L1, S1, Parcours A-IMP Introduction à l informatique TD/TP11 - Réseaux (corrigé) 1 Travaux Dirigés Exercice

Plus en détail

TCH053 Manipulation d objets multimédias et conception de sites Web non transactionnels

TCH053 Manipulation d objets multimédias et conception de sites Web non transactionnels TCH053 Manipulation d objets multimédias et conception de sites Web non transactionnels HTML tableau Lévis Thériault, hiver 2009 Structure d un tableau

Plus en détail

TP HTML n 3 : Les formulaires et le PHP

TP HTML n 3 : Les formulaires et le PHP TP HTML n 3 : Les formulaires et le PHP 1 ) Qu'est-ce qu'un formulaire? En HTML, un formulaire est un espace de saisie dans une page web, pouvant comporter plusieurs zones, ou champs : on peut y saisir

Plus en détail

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

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

Plus en détail

www.evogue.fr SUPPORT DE COURS / HTML

www.evogue.fr SUPPORT DE COURS / HTML L i a m T A R D I E U www.evogue.fr SUPPORT DE COURS / HTML Sommaire Sommaire... 2 Présentation... 3 Introduction... 3 Fonctionnement... 3 Historique... 4 Navigateurs... 6 Définition... 6 Historiquement...

Plus en détail

L3 - Sites Web dynamiques : Mini-Wall MINI-WALL

L3 - Sites Web dynamiques : Mini-Wall MINI-WALL L3 - SITES WEB DYNAMIQUES MINI-WALL 1 Introduction L'objectif de ce TD est de mettre en place un mini "livre d'or", permettant à vos visiteurs de vous laisser des messages sur votre site. Une page affiche

Plus en détail

API SMS CONSEIL HTTP V2.01. Sommaire. Documentation V1.0 au 21/05/2011

API SMS CONSEIL HTTP V2.01. Sommaire. Documentation V1.0 au 21/05/2011 API SMS CONSEIL HTTP V2.01 Documentation V1.0 au 21/05/2011 L'utilisation de l'api SMS CONSEIL est réservée aux clients, membres du site SMS-CONSEIL.FR et doit se faire en accord avec nos conditions générales

Plus en détail

Projet Construc-on d un site Web

Projet Construc-on d un site Web Projet Construc-on d un site Web Sites sta-ques avec le langage HTML 29/03/15 1 Construc?on d un site Web Comment ça marche le Web? WWW (World Wide Web) a été créé par Tim Berners- Lee au CERN au début

Plus en détail

Le document décortique une interaction HTML-PHP-SQL puis donne le corrigé pour les exercices 1 à 4.

Le document décortique une interaction HTML-PHP-SQL puis donne le corrigé pour les exercices 1 à 4. Le document décortique une interaction HTML-PHP-SQL puis donne le corrigé pour les exercices 1 à 4. I Affichage du formulaire et envoi de données A gauche le code d'une page HTML et à droite son affichage

Plus en détail

IAE - Web Marketing. Créer un site internet «simple» Publier un site internet Référencer un site internet. Olivier Toscano Gérant WebCMS Sàrl

IAE - Web Marketing. Créer un site internet «simple» Publier un site internet Référencer un site internet. Olivier Toscano Gérant WebCMS Sàrl IAE - Web Marketing Créer un site internet «simple» Publier un site internet Référencer un site internet Olivier Toscano Gérant WebCMS Sàrl HTML HTML est un langage à balisage Les balises permettent de

Plus en détail

Unité d Enseignement en Informatique Année 2011-2012

Unité d Enseignement en Informatique Année 2011-2012 Unité d Enseignement en Informatique Année 2011-2012 Page 1/6 2 ième année ESTIA CGP-MPA non-apprentis Examen de Système d Information Première Session du 23 Mars 2012 (durée 2h00, aucun document autorisé)

Plus en détail

Publication sur Internet

Publication sur Internet SÉANCE 3 Publication sur Internet 3.1 Edition d un site en HTML 3.1.1 Les différents types de documents Les documents présents sur Internet peuvent être de différents formats. Le format HTML est le premier

Plus en détail

5065 Approfondissement d un champ de la micro-informatique

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

Plus en détail

ISBN : 2-212-11407-9

ISBN : 2-212-11407-9 Groupe Eyrolles, 2005, ISBN : 2-212-11407-9 15 Accès à MySQL avec PHP Ayant acquis au chapitre précédent une bonne maîtrise des commandes SQL, vous pouvez aborder les fonctions PHP permettant d accéder

Plus en détail

Inf340 Systèmes d information. Deuxième site : approche MVC

Inf340 Systèmes d information. Deuxième site : approche MVC Inf340 Systèmes d information Deuxième site : approche MVC Objectifs Objectif : Reprendre le site précédent en utilisant le patron de conception Modèle Vue Contrôleur. Comprendre l apport d un framework

Plus en détail

MODULE HTML CSS. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr

MODULE HTML CSS. Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr MODULE HTML CSS Elisabeth Pecatte elisabeth.pecatte@iut-tlse3.fr ORGANISATION DU MODULE 13 séances de 2 heures une partie cours une partie exercices sur machine. Modalités de contrôle : partiel en fin

Plus en détail

HyperText Markup Language Format privilégié des pages Web

HyperText Markup Language Format privilégié des pages Web Le langage HTML HyperText Markup Language Format privilégié des pages Web 1 HTML! Langage : implique syntaxe, règles de grammaire! Hypertexte : " C est à dire lecture non linéaire : # liens vers des fichiers

Plus en détail

Internet. HTML : comment faire sa page personnelle. Fabrice Kordon. http://www-masi.ibp.fr/~fabrice.kordon

Internet. HTML : comment faire sa page personnelle. Fabrice Kordon. http://www-masi.ibp.fr/~fabrice.kordon Internet HTML : comment faire sa page personnelle Fabrice Kordon http://www-masi.ibp.fr/~fabrice.kordon William El Kaim & Fabrice Kordon, Laboratoire MASI 1 Introduction, Rappels OBJECTIFS : Identifier

Plus en détail

Module BD et sites WEB

Module BD et sites WEB Module BD et sites WEB Cours 8 Bases de données et Web Anne Doucet Anne.Doucet@lip6.fr 1 Le Web Architecture Architectures Web Client/serveur 3-tiers Serveurs d applications Web et BD Couplage HTML-BD

Plus en détail

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

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

Plus en détail

Technique Internet de Base Introduction au HTML

Technique Internet de Base Introduction au HTML Technique Internet de Base Introduction au HTML morge@di.unipi.it Licence 2 Université Jean Monnet 2008-2009 Déroulement Organisation CM: Vendredi 10h-13h 30/01, 07/02,... TP: Lundi 14h-16h 02/02, 09/02,...

Plus en détail