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

Save this PDF as:
 WORD  PNG  TXT  JPG

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

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

Transcription

1 Initiation aux techniques du Web Cours L2 sciences cognitives séance 2 Charif HAYDAR:

2 Introduction Tableaux La balise (DIV) Polices en HTML Body (corps) et Head (en-tête) attributs Forms(formulaires): Eidt, combo, button, textarea, radio, check Post, get Frames (cadres):

3 Tableaux <table width="100%" border="1"> <tr align="center" height="30"> <td>cellule1_1</td> <td >cellule1_2</td> <td>cellule1_3</td> </tr> <tr> <td>cellule2_1</td> <td>cellule2_2</td> <td>cellule2_3</td> </tr> </table> <table width="100%" border="1" cellpadding="15"> <tr align="center" height="30"> </tr> <tr> </tr> </table> <td>cellule1_1</td> <td width="50%">cellule1_2</td> <td>cellule1_3</td> <td>cellule2_1</td> <td>cellule2_2</td> <td>cellule2_3</td>

4 Divisions La balise <div> permet à diviser le document en sections. Elle ressemble à <p>. Différences entre <p> et <div>: <div> peut contenir <p> mais l inverse n est pas possible. les margines sont différentes. <div> est très utile pour l organisation de document.

5 Polices <font size="-2" face="arial" color="red" >Le vrai bonheur consiste à faire des heureux</font><br/> <font size="+1" face="verdana" color="blue" >Le vrai bonheur consiste à faire des heureux</font><br/> <font size="+1" face="tahoma" color="gray" >Le vrai bonheur consiste à faire des heureux</font><br/> Il vaut mieux gérer les polices depuis les fichiers (css)

6 Body (corps) attributs bgcolor="gray" text="navy" background="images/bg.jpg" leftmargin="20" topmargin="50"

7 Head (en-tête) et metadata Automatiser et faire interagir le document avec le serveur et les outils qui génèrent les pages: Mots clés: <meta name="keywords" content="mot1,mot2,"> Auteur: <meta name="authors" content="auteur1,auteur2,">

8 Head MetadataCharset <meta http-equiv="charset" content="utf-8">

9 Formulaires Rendre la page plus interactive (communication avec le serveur) Transmettre des paramètres aux autres documents afin de les initialiser. <form action="http://www.site.com/page">

10 contenants <form action="resultat.html" method="get"> <p> <label>identifiant:</label> <input type="text" name="identifiant" size="25" /><br/> <label>mot de passe:</label> <input type="password" name="identifiant" maxlength="10"/> </p> <p>genre: <input type="radio" name="genre" value="maasculin"/> Masculin <input type="radio" name="genre" value=«feminin"/> Feminin </p> <p>enfants: <input type="radio"name="enfants"value="0"/>pas d'enfant <input type="radio" name="enfants" value="1"/> 1 <input type="radio" name="enfants" value="2"/> 2 <input type="radio" name="enfants" value="3+"/> 3 ou plus </p> <p>situation familiale: <select name="situationfamiliale"> <option value="marie">marié</option> <option value="celibataire" selected="selected">célibataire</option> <option value="fiance">fiancé</option> <option value="divorcé">divorcé</option> </select> </p> <p>loisir: <input type="checkbox" name="loisir" value="musique"/> musique <input type="checkbox" name="loisir" value="sport"/> sport </p> <p>resumé<br/> <textarea rows="10" cols="30"> rédigez un resumé de vous ici. </textarea> </p> <input type="submit" value="submit"/> <input type="button" value="annulé"/>

11 Input <form action="resultat.html" method="get"> <p> <label>identifiant:</label> <input type="text" name="identifiant" size="25" /><br/> <label>mot de passe:</label> <input type="password" name="identifiant" maxlength="10"/> </p> type: la seule différence entre textet passwordest la visibilité du contenu. name: un identifiant du composant. size: la taille du composant maxlength: le nombre maximal des caractères qu on peut taper dans ce composant Valeur envoyée au serveur:le contenu du composant (ex. mon identifiant).

12 Input <form action="resultat.html" method="get"> <p>genre: <input type="radio" name="genre" value="masculin" /> Masculin <input type="radio" name="genre" value="fminin" /> fminin </p> <p>enfants: <input type="radio" name="enfants" value="0"/> pas d'enfants <input type="radio" name="enfants" value="1"/> 1 <input type="radio" name="enfants" value="2"/> 2 <input type="radio" name="enfants" value="3+"/> 3 ou plus </p> Les "radio"ssont regroupées dans des groupes selon l attribut name Un choix unique par groupe value: la valeur envoyée au serveur pour ce groupe (ex. genre=masculin). (non-breakingspace): espace insécable;

13 Input <form action="resultat.html" method="get"> <p>situation familiale: <select name="situationfamiliale"> <option value="marie">marié</option> <option value="celibataire" selected="selected">célibataire</option> <option value="fiance">fiancé</option> <option value="divorce">divorcé</option> </select> </p> Select: liste d options Selected: l option par defaut Value: la valeur fournie lors de la sélection de l option actuelle ex. situation_familiale=marie

14 Input <form action="resultat.html" method="get"> <p>loisir: <input type="checkbox" name="loisir" value="musique"/> musique <input type="checkbox" name="loisir" value="sport"/> sport </p> Checkboxgroupe permet le choix multiple. La valeur envoyée au serveur peut aussi être multiple ex. loisir=musique&loisir=sport

15 Input <form action="resultat.html" method="get"> <p>résumé:<br/> <textarea rows="10" cols="30"> rédigez un résumé ici. </textarea> </p> Textarea: permet d avoir un texte multi lignes Rows: nombre de lignes visibles lors de l affichage de textarea. Cols: nombre de colonnes visibles lors de l affichage de textearea. Rows& cols ne limitent pas la capacité textuelle de textarea. Valeur envoyée au serveur: le texte rédigé.

16 submit <form action="resultat.html" method="get"> <input type="submit"/> <input type="button" value="annulé"/> Button: a besoin d un code java-script. Submit: conclure le formulaire (envoyer toutes les valeurs au serveur). Action: dirige le navigateur vers la page précisée comme valeur, en envoyant les valeurs des composants du formulaire.

17 POST vs GET POST: Parti visible: Parti invisible: identifiant="mon identifiant" password="password" genre="male" GET: Parti visible: nt="mon%20identifiant"&password="passwo rd"&genre="male"... Parti invisible: GET: Les requêtes par get peuvent être envoyées manuellement. sauvegardées dans l historique du navigateur. marquées (ajoutées aux favoris). distribuées et partagées. piratées Utilisez "POST" pour les données sensibles (mots de passe, numéro de carte bancaire )

18 Exemple <formaction="resultat.html" method="get"> <label>identifiant:</label> <input type="text"name="identifiant" size="25"/><br/> <label>mot de passe:</label> <input type="password" name="pass"maxlength="10"/> <br/> <input type="submit" value="submit"/> <html> <head> <title>résultat</title> </head> <body topmargin="50" leftmargin="20" bgcolor="lightgray"> Ce fichier peut être appelé à partir d'un autre fichier </body> </html>

19 Deux Formulaires <body> <table align="center" border="1" cellpadding="20"><tr> <td> <form action="etudiant.html" method="post"> étudiant login:<br/> Identifiant:<br/><input type="text" name="identifiant" size="25"/><br/> mot de passe:<br/><input type="password" name="pass" /><br> <input type="submit"/> </td> <td> <form dir="rtl" action="ensignient.html" method="post"> Ensignient login:<br/> Identifiant:<br/><input type="text" name="identifiant" size="25" /><br/> mot de passe:<br/><input type="password" name="pass" /><br> <input type="submit"/> </td> </tr></table></body>

20 Deux Formulaires <body> <table align="center" border="1" cellpadding="20"><tr> <td> <form action="etudiant.html" method="post"> étudiant login:<br/> Identifiant:<br/><input type="text" name="identifiant" size="25"/><br/> mot de passe:<br/><input type="password" name="pass" /><br> <input type="submit"/> </td> <td> <form dir="rtl" action="ensignient.html" method="post"> Ensignient login:<br/> Identifiant:<br/><input type="text" name="identifiant" size="25" /><br/> mot de passe:<br/><input type="password" name="pass" /><br> <input type="submit"/> </td> </tr></table></body>

21 Autre inputs Pour déposer un fichier: <input type="file"> Pour remettre la page à zéro: <input type="reset">

22 Cadres Plusieurs documents indépendants dans la même page. Chaque cadre se comporte indépendamment. Les cadres sont groupés par la balise <frameset> Les cadres peuvent contenir des fichier locaux ou des liens vers des pages web.

23 Exemple cadres <html> <framesetrows="60%,*"cols="60%,20%,*"> <frame src="formss.html"/> <frame src="etudiant.html"/> <frame src="forms.html"> <frame src="http://www.google.fr" scrolling="yes"> <frame src="ensignient.html"> <frame src="tableaux.html" id="tables"> <noframes>ce fichier a besoin un navigateur capable à traiter les cadres</noframes> </frameset> </html>

24 Exemple cadres

25 Exemple cadres

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

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

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

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

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

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

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

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

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

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

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

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

Activités HTML. Code: act-html

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

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

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

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

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

JSP/Servlets Enchaînement de pages. B. Mermet 2009

JSP/Servlets Enchaînement de pages. B. Mermet 2009 JSP/Servlets Enchaînement de pages B. Mermet 2009 Spécification d'une adresse cible Adresse absolue protocole://adresse Adresse relative à l'application /adressepage Adresse relative à la page adressepage

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

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

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

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

Bootstrap 3 INTRODUCTION. À l origine, projet interne lancé au sein de l entreprise Twitter

Bootstrap 3 INTRODUCTION. À l origine, projet interne lancé au sein de l entreprise Twitter INTRODUCTION À l origine, projet interne lancé au sein de l entreprise Twitter Août 2011 Bootstrap V1, Janvier 2012 Bootstrap V2, Août 2013 Bootstrap V3 Bootstrap est un frameworks HTML/CSS Bibliothèque

Plus en détail

PHP 5. Tableaux - Formulaires

PHP 5. Tableaux - Formulaires PHP 5 Tableaux - Formulaires 1 PHP 5 Les tableaux 2 Les tableaux Généralités Déclaration : plusieurs manières : // Déclaration d'un tableau vide $fruits = array(); // Déclaration d'un tableau indexé numériquement

Plus en détail

Les formulaires. Les formulaires HTML 7/10/15. PermeDent de saisir des informa2ons des usagers de la page web.

Les formulaires. Les formulaires HTML 7/10/15. PermeDent de saisir des informa2ons des usagers de la page web. Les formulaires Les formulaires HTML PermeDent de saisir des informa2ons des usagers de la page web. Ces informa2ons peuvent être traitées par un programme dont on aura spécifié l'url sur un serveur ou

Plus en détail

TD3 : PHP «avancé» V2.4.0

TD3 : PHP «avancé» V2.4.0 TD3 : PHP «avancé» V2.4.0 Cette œuvre est mise à disposition selon les termes de la licence Creative Commons Attribution Pas d'utilisation Commerciale Partage à l'identique 3.0 non transposé. Document

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

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

Programmation Web. Chapitre 2. 2.1 Le Web. Sommaire

Programmation Web. Chapitre 2. 2.1 Le Web. Sommaire 13 Chapitre 2 Programmation Web Sommaire 2.1 Le Web.......................................... 13 2.1.1 Serveurs web................................... 14 2.1.2 Clients web....................................

Plus en détail

Programmation des Sites Web. Frames et JavaScript

Programmation des Sites Web. Frames et JavaScript Deuxième Année ENSIMAG ENSIMAG 2000-2001 James L. Crowley Séance 4 7 mars 2001 Plan : Frames et JavaScript Fenêtre de navigation...2 Codage Directe...2 Tables...2 Frames...6 TARGETS :...7 BASE...7 JavaScript...8

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

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

HTML/CSS - Travaux Pratiques 2

HTML/CSS - Travaux Pratiques 2 HTML/CSS - Travaux Pratiques 2 Le but de ces séances de TP est de se familiariser avec le format HTML et les feuilles de style CSS pour la création de pages web. Pour cela, vous utiliserez emacs sous Linux

Plus en détail

Technologies du Web. Introduction au World Wide Web et à HTML. Mastère spécialisé Management et nouvelles technologies, 28 septembre 2009

Technologies du Web. Introduction au World Wide Web et à HTML. Mastère spécialisé Management et nouvelles technologies, 28 septembre 2009 Internet et le Web Technologies du Web Introduction au World Wide Web et à HTML Pierre Senellart (pierre.senellart@telecom-paristech.fr) Mastère spécialisé Management et nouvelles technologies, 28 septembre

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

Techniques de Programmation Internet. JavaScript et CSS

Techniques de Programmation Internet. JavaScript et CSS ENSIMAG Année Spéciale en Informatique James L. Crowley et Jean-Marie Vallet Séance 4 12 Février 2007 Plan : JavaScript et CSS JavaScript... 2 Qu'est que Java Script...2 Messages de Alert...4 Fonctions...5

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

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

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

// HTML, Javascript XHTML & CSS

// HTML, Javascript XHTML & CSS design graphique / web design // HTML, Javascript XHTML & CSS version 1.0 date 28 / 04 / 2010 auteur Loïc Swiny contact mr@sweeen.com // sommaire HTML 01. Introduction au langage HTML 02. Introduction

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

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

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

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

Contrôle serveur. Sommaire

Contrôle serveur. Sommaire 1 Sommaire Chapitre 2 :... 1 1 Principes du contrôle serveur... 2 1.1 Définition... 2 1.2 Cycle de vie de la page... 2 2 Types de contrôles... 4 2.1 HTML... 4 2.2 Web... 4 2.3 Principaux attributs... 5

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

Rapport SQL Vincent Maréchal 3EI3-2009

Rapport SQL Vincent Maréchal 3EI3-2009 Rapport SQL Vincent Maréchal 3EI3-2009 Objectifs Les objectifs de ce cours ont été de découvrir les outils de web et la mise en ligne de fichiers sur un server ftp. De revoir les bases en html CSS et de

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

Lycée Fourcade 13120 Gardanne STS Systèmes électroniques CD 2007

Lycée Fourcade 13120 Gardanne STS Systèmes électroniques CD 2007 A partir de la note d application Microchip AN833 et de la pile TCPIP «TCPIPStack 4.02» disponibles sur www.microchip.com Matériel : un PIC18F4620 (ou PIC18F2620) un PICTAIL Ethernet ou son équivalent

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

Projets. Conception de Sites Web dynamiques. Programme. Projets. Présentation d'un sujet du web 06/03/2010. Cours 7.

Projets. Conception de Sites Web dynamiques. Programme. Projets. Présentation d'un sujet du web 06/03/2010. Cours 7. Projets Conception de Sites Web dynamiques Cours 7 Patrick Reuter 1. Site de rencontre (utilisateurs, rechercher un correspondant) 2. Messagerie privée (éventuellement à combiner avec 1.) 3. Gestion d

Plus en détail

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

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

Plus en détail

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 La balise Intégrer un élément ou un fichier externe (video, audio, flash, pdf ). Le support

Plus en détail

Travaux Pratiques. Php - MySQL

Travaux Pratiques. Php - MySQL Travaux Pratiques Php - MySQL Il est déconseillé de commencer ces travaux pratiques tant que vous n'avez pas acquis la maîtrise des notions suivantes : 1. 2. 3. 4. 5. 6. 7. HTML différences entre une page

Plus en détail

PHP et les Bases de données - Généralités

PHP et les Bases de données - Généralités PHP et les Bases de données - Généralités Conception d une base de données Méthodes utilisées : MERISE, UML Modèle conceptuel des données MCD, Modèle logique MLD, Modèle Physique MPD. Ces aspects seront

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

Introduction à la conception de sites web

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

Plus en détail

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

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

langage web: html BIO30 "Programmez votre site web de A à Z" Carl Herrmann Université de la Méditerranée

langage web: html BIO30 Programmez votre site web de A à Z Carl Herrmann Université de la Méditerranée langage web: html BIO30 "Programmez votre site web de A à Z" Carl Herrmann Université de la Méditerranée langage web: html page statique: l'utilisateur n'a pas d'influence sur le contenu ou l'aspect de

Plus en détail

Fonctionnalités GraphicMail Revendeur

Fonctionnalités GraphicMail Revendeur Fonctionnalités GraphicMail Revendeur Dans ce document vous apprendrez comment: Section 1: Personnaliser le pied de page Section 2: Personnaliser les pages de liens Section 3: Créer un sous-compte pour

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

Programmation des Sites Web

Programmation des Sites Web Programmation des Sites Web Deuxième Année ENSIMAG ENSIMAG 2000-2001 James L. Crowley Séance 3 20 octobre 2000 Plan : JavaScript...2 Qu'est que Java Script...2 Messages de Alert...4 Fonctions...5 Ouverture

Plus en détail

GRANGER Pierre-Emmanuel GIRAUD Florian

GRANGER Pierre-Emmanuel GIRAUD Florian GRANGER Pierre-Emmanuel INTERFACE WEB DE RESERVATION DE LA SALLE INFORMATIQUES GTR - Promotion 2002 SOMMAIRE I. Introduction... 3 II. Outils nécessaires... 3 1. Apache :... 3 2. MySQL :... 3 3. Editeur

Plus en détail

Méta-connaissances pour générer des programmes sur le Web

Méta-connaissances pour générer des programmes sur le Web Méta-connaissances pour générer des programmes sur le Web Basile STARYNKEVITCH http://starynkevitch.net/basile/ basile@starynkevitch.net (à titre privé, sans rapport avec mon employeur CEA-LIST) Séminaire

Plus en détail

Bases de Données et Internet

Bases de Données et Internet Informatique S6 3A Bases de Données et Internet Python: SGBD et CGI Alexis NEDELEC LISYC EA 3883 UBO-ENIB-ENSIETA Centre Européen de Réalité Virtuelle Ecole Nationale d Ingénieurs de Brest enib c 2008

Plus en détail

Techniques de Programmation pour Internet

Techniques de Programmation pour Internet Séance 7 Transactions par CGI Année Spéciale Informatique ENSIMAG 2002-2003 James L. Crowley Anullé Le but de l'exercice est d'introduire un certain nombre de constructions en PERL utiles pour la programmation

Plus en détail

KompoZer. Un éditeur de pages Web. M r Castanet - Année scolaire 2007/2008 - page 1

KompoZer. Un éditeur de pages Web. M r Castanet - Année scolaire 2007/2008 - page 1 KompoZer Un éditeur de pages Web M r Castanet - Année scolaire 2007/2008 - page 1 I. Introduction : Au cours de cette formation, nous allons utiliser le logiciel KompoZer, qui gratuit et libre de droit,

Plus en détail

Attaques de type. Brandon Petty

Attaques de type. Brandon Petty Attaques de type injection HTML Brandon Petty Article publié dans le numéro 1/2004 du magazine Hakin9 Tous droits reservés. La copie et la diffusion de l'article sont admises à condition de garder sa forme

Plus en détail

Gilles.Roussel univ-mlv.fr HTTP/1.1 RFC 2068

Gilles.Roussel univ-mlv.fr HTTP/1.1 RFC 2068 HTTP/1.1 RFC 2068 1 Caractéristiques Niveau application Sans état Tout transfert de données Au dessus du protocole TCP Largement utilisé dans le World Wide Web Utilise les normes : URI (Uniform Resource

Plus en détail

RESPONSIVE WEB DESIGN

RESPONSIVE WEB DESIGN RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le

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

101 Réaliser et publier un site WEB

101 Réaliser et publier un site WEB 101 Réaliser et publier un site WEB Rapport personnel de module EMF - Section informatique John Baudin Module du.2008 au.2008 Table des matières 1 Introduction... 1 2 Le XHTML... 1 2.1 Les balises... 1

Plus en détail

Systèmes d'informations

Systèmes d'informations Systèmes d'informations C'est un ensemble d'outils pour stocker / gérer / diffuser des informations / des données Le stockage : Bases de données + SGDBR La gestion : Saisie, Mise à jour, Contrôle La diffusion

Plus en détail

NAMEBAY PRO. votre site de revente de noms de domaine en marque blanche. Documentation technique

NAMEBAY PRO. votre site de revente de noms de domaine en marque blanche. Documentation technique NAMEBAY PRO votre site de revente de noms de domaine en marque blanche Documentation technique SOMMAIRE 1. PRÉSENTATION... 3 2. FONCTIONNEMENT... 4 2.1. ETAPE 1 : Devenir revendeur de noms de domaine...

Plus en détail

Documentation Vidati.fr

Documentation Vidati.fr Documentation Vidati.fr Ce document comportera quelques éléments qui permettrons aux futurs développeurs du site vidati.fr de pouvoir se mettre en situation rapidement ainsi que de comprendre le code précédemment

Plus en détail

Guide de réalisation d une campagne e-mail marketing

Guide de réalisation d une campagne e-mail marketing Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La

Plus en détail

Guide de réalisation d une campagne e-mail marketing

Guide de réalisation d une campagne e-mail marketing Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent La

Plus en détail

Internet et applications dans l entreprise (2) Serveur MIIS et pages ASP

Internet et applications dans l entreprise (2) Serveur MIIS et pages ASP Licence professionnelle «Management des organisations» Option «Systèmes d information et Réseaux» Internet et applications dans l entreprise (2) Serveur MIIS et pages ASP O. Auzende 2010-2011 Microsoft

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

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

Compte rendu de TP de MySQL

Compte rendu de TP de MySQL Compte rendu de TP de MySQL Coralie Pierrat Décembre 2009 3EI MySQL est un SGBD pour Système de Gestion de Base de Données. Il s agit d une des logiciels les plus utilisés dans le monde pour ce type d

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

Technique Internet de Base Introduction au HTML

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

Plus en détail

Le World Wide Web. Introduction. Daniel Hagimont Laurent Broto. 13 mars 2011 IRIT/ENSEEIHT 1 / 34

Le World Wide Web. Introduction. Daniel Hagimont Laurent Broto. 13 mars 2011 IRIT/ENSEEIHT 1 / 34 Le World Wide Web Introduction Daniel Hagimont Laurent Broto IRIT/ENSEEIHT 13 mars 2011 1 / 34 Copyright (c) 2010 Daniel Hagimont & Laurent Broto. Permission is granted to copy, distribute and/or modify

Plus en détail

Cours création sites web

Cours création sites web COMMENT CRÉER SON PROPRE SITE WEB Version 2.12 Dernière mise à jour : 23 mai 2004 Outils Outils de base : un ordinateur, un navigateur, et un éditeur ; Il n est pas nécessaire d être connecté à Internet,

Plus en détail

L UTILISATION DU HTML POUR L ENVOI DE VOS COURRIELS

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

Plus en détail

Introduction à la conception de sites web. Yannick Prié UFR Informatique Université Claude Bernard Lyon 1

Introduction à la conception de sites web. Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 Introduction à la conception de sites web Yannick Prié UFR Informatique Université Claude Bernard Lyon 1 Objectifs Introduction aux langages à balises Introduction à (X)HTML / CSS Introduction à la gestion

Plus en détail

Conception et Création de Bases de Données

Conception et Création de Bases de Données Conception et Création de Bases de Données SVA8511A (Licence Biologie 3 e année) T. Lecroq LITIS EA 4108 Batiment Extension Biologie - 1er étage Thierry.Lecroq@univ-rouen.fr Cours rédigé par L. Mouchard

Plus en détail

Installation xampp et configuration Postfix sur Ubuntu pour Oscommerce. partie 1

Installation xampp et configuration Postfix sur Ubuntu pour Oscommerce. partie 1 Installation xampp et configuration Postfix sur Ubuntu pour Oscommerce. partie 1 Ce tuto vous permettra d'installer xampp et de le configurer pour faire tourner oscommerce sur linux ubuntu. Je ferais ici

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

Internet et applications dans l entreprise (3) Serveur Tomcat et pages JSP

Internet et applications dans l entreprise (3) Serveur Tomcat et pages JSP Licence professionnelle «Management des organisations» Option «Systèmes d information et Réseaux» Internet et applications dans l entreprise (3) Serveur Tomcat et pages JSP O. Auzende 2010-2011 Servlets

Plus en détail

Gestion d email dans votre site

Gestion d email dans votre site Gestion d email dans votre site Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Dans ce chapitre, vous allez apprendre à envoyer un message e-mail

Plus en détail

Sana Sellami. sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012

Sana Sellami. sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012 Sana Sellami sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012 Connaître les principales techniques pour la création de sites web Se familiariser avec les langages du web Rendre dynamique le

Plus en détail

IFT1148 Développement

IFT1148 Développement IFT1148 Développement Michael Blondin Direction de l enseignement de service en informatique Université de Montréal Hiver 2011 1 / 33 ASP.NET ASP.NET est un ensemble de technologies développé par Microsoft

Plus en détail

Dévéloppement de Sites Web

Dévéloppement de Sites Web 1 Dévéloppement de Sites Web Cours II : Internet et HTML - une très brève introduction Peter Stockinger Séminaire de Maîtrise en Communication Interculturelle à l'institut National des Langues et Civilisations

Plus en détail

E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE

E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE mcbenveniste@gmail.com 09/2013 E-MAILING & NEWSLETTER L e-mailing consiste à envoyer des emails simultanément à un nombre important de destinataires dont le

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