Programme. Conception de Sites Web dynamiques. Quelques détails. Passer à la ligne 03/11/2008. Conception de Site Webs Interactifs

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Programme. Conception de Sites Web dynamiques. Quelques détails. Passer à la ligne 03/11/2008. Conception de Site Webs Interactifs"

Transcription

1 Programme Conception de Sites Web dynamiques Hébergement de vos sites Projets MySQL Cours 7 Patrick Reuter Hébergement de vos sites Capacités : PHP, une base de données MySQL Chercher le meilleur hébergeur gratuit Avec publicité (ifrance, lycos multimania) Sans publicité (Olympe network, ) Conception de Site Webs Interactifs Déroulement Pages web statiques (HTML/XHTML) Mise en forme avec feuilles de styles (CSS) Programmationcôté serveur Pages web dynamiques (PHP) avec connexion à une base de données (MySQL) Programmation côté client JavaScript Référencement Internet (moteur de recherche) Passer à la ligne Balises sans et avec fermeture Retour à la ligne sans fermeture bonjour<br /> Retour à la ligne avec fermeture ( > paragraphe) <p>bonjour Quelques détails et non pas : file:///z:/_app/php/www/td4/index.php XHTML Validateur (anglais) : (français): 1

2 Conception de Site Webs Interactifs Déroulement Pages web statiques (HTML/XHTML) Mise en forme avec feuilles de styles (CSS) Programmationcôté serveur Pages web dynamiques (PHP) avec connexion à une base de données (MySQL) Programmation côté client JavaScript Référencement Internet (moteur de recherche) CSS asp Conception de Site Webs Interactifs Déroulement Pages web statiques (HTML/XHTML) Mise en forme avec feuilles de styles (CSS) Programmationcôté serveur Pages web dynamiques (PHP) avec connexion à une base de données (MySQL) Programmation côté client JavaScript Référencement Internet (moteur de recherche) Exemple : Une punition genre Automatisation Exemple HTML <!DOCTYPE...> <html xmlns= xml:lang="fr"> <title>ma premiere page</title> <meta http-equiv="content-type" content="text/html" /> En PHP <!DOCTYPE...> <html xmlns= xml:lang="fr"> <title>ma premiere page</title> <meta http-equiv="content-type" content="text/html" /> $i $i = = 1; 1; while while ($i ($i <= <= 10) 10) echo echo "<p>j'aime "<p>j'aime les les lundi lundi matins matins "; "; $i $i = $i = $i + 1; + 1; 2

3 Premier exemple echo "Hello World"; Remarques Extension du fichier doit être.php Le navigateur ne comprend que l'html Le code "php" inclus dans la page HTML est transformé par le serveur php Le code "php" est invisible dans la page HTML affichée car il est interpreté Un exemple pratique : Hello World <html> <title>ma premiere page</title> Hello World <html> <title>ma premiere page</title> echo "Hello World"; Concatenation <html> <title>ma premiere page</title> echo "Hello World"; helloworld.php Concatenation 1 Concatenation 2 echo "Salut"." Martin"; $nom = "Martin"; echo "Salut ".$nom; 3

4 Boucle TANT QUE Changement de contextes $i = 1; while ($i<=5) echo "Ligne No. "; echo $i; echo "<img src=\"images/".$i.".jpg\" />"; $i++; // $i = $i + 1; Boucle TANT QUE $i = 1; while ($i<=5) Ligne No. echo $i; <img src="images/ echo $i;.jpg" /> $i++; // $i = $i + 1; $i = 1; while ($i<=5) Salut<br /> <? $i++; Changement de contextes $i = 1; while ($i<=5) echo "Salut<br />"; $i++; Passer des paramètres dynamiques Par l URL : méthode $_GET Par des formulaires HTML méthode $_GET aussi méthode $_POST Méthode _GET $a = $_GET['param']; echo $a; URL : 4

5 Fonction isset() if isset($_get['param']) $param = $_GET['param']; else echo "Paramètre non donné"; $param = 1; // valeur par défaut Fonction isset() $param = 1; // valeur par défaut if isset($_get['param']) $param = $_GET['param']; Méthode _GET Plusieurs paramètres URL : $a = $_GET['param1']; echo $a; $b = $_GET['param2']; echo $b; Exemple URL : Méthode _GET URL : Méthode _GET plusieurs paramètres $a = $_GET['prenom']; echo $a; URL : &nom=roussel&datenaissance=

6 Demande de index.php?nom=lisa Demande de index.php?nom=lisa Demande de index.php?nom=lisa Retour de la page XHTML Bonjour Lisa Retour de la page XHTML Remarques Extension du fichier doit être.php Le navigateur ne comprend que l'html Le code "php" inclus dans la page HTML est transformé par le serveur php Le code "php" est invisible dans la page HTML affichée car il est interpreté Formulaires 6

7 Formulaires Motivation Comment passer des paramètres sans éditer l'url? Solution : Formulaires! Formulaires HTML Fichier form.php <form action="enregistrer.php" method="get"> <input type="text" name="prenom" /> <input type="checkbox" name="box" value="1" /> <select name="mois"> <option value="1">janvier</option> <option value="2">février</option> <option value="3">mars</option> <option value="4">avril</option> </select> <input type="submit" name="submitbuttonname" value="-- Envoyer --" /> </form> Formulaires Exemple Les formulaires Définissent un ensemble de champs de saisie Permettent de soumettre l ensemble des valeurs des champs, en une fois, au serveur Le serveur Traite ces informations au moyen d un script php (par exemple) Génère en retour un flot HTML qui peut encore être un formulaire (réessai ou procédure suivante) <form action="resultat.php" method="get" id="calculette"> <p> Somme en francs: <input name="francs" type="text" /> <p> Valeur en euros: <input name="euros" type="text" /> <p> <input type="submit" name="valider" value="calculer" /> </form> Fichier calculette.php 7

8 Exemple Formulaires... La conversion de : echo $_GET['francs']; en euros : echo $_GET['francs']/6.56; <form action="resultat.php" method="get" id="calculette"> <p> Somme en francs: <input name="francs" type="text" /> <p> Valeur en euros: <input name="euros" type="text" /> <p> <input type="submit" name="valider" value="calculer" /> </form>... La conversion de : echo $_GET['francs']; en euros : echo $_GET['francs']/6.56; Fichier resultat.php Conception de Site Webs Interactifs PHP et MySQL Déroulement Pages web statiques (HTML/XHTML) Mise en forme avec feuilles de styles (CSS) Programmationcôté serveur Pages web dynamiques (PHP) avec connexion à une base de données (MySQL) Programmation côté client JavaScript Référencement Internet (moteur de recherche) Terminologie Base de données (database) Table (table) Enregistrement (record) Champ (field) 8

9 Table PERSONNE Table VILLE PERSONNE PersID nom prénom date_naiss ville_naiss 1 Dupont bob yyyy meurise zzzz codd note : ici ville_naiss est une clé étrangère (Table VILLE) VILLE VilleID nom population superficie region 1 Paris Lyon Grenoble note : ici region est une clé étrangère (table REGION) Administration et connexion à une base de données Suite sur le fichier mysql3.pdf disponible à l'adresse : p// /p /p / / yq p 9

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

Légende. Conception de Sites Web dynamiques 2015. Résumé. Programme. Fonctionnement, p.ex. Règles du jeu 11/03/2015. Cours 5+6

Légende. Conception de Sites Web dynamiques 2015. Résumé. Programme. Fonctionnement, p.ex. Règles du jeu 11/03/2015. Cours 5+6 Légende Conception de Sites Web dynamiques 2015 Cours 5+6 Patrick Reuter http://www.labri.fr/perso/preuter/cswd2015 Titre de la page h1, h2, h3 color: red; $a = 3; SELECT * FROM commentaires; HTML CSS

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

PHP/MYSQL. Web Dynamique

PHP/MYSQL. Web Dynamique PHP/MYSQL Web Dynamique ENSG Juin 2008 Ces 6 jours de formation Jour 1 : présentations, attentes, principes, HTML Jour 2 : CSS, et HTML Jour 3 : PHP, formulaires, Base de données Jour 4 : Rappel PHP, Extraction

Plus en détail

Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web 1. 2. Pour naviguer sur le Web, il faut : Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des machines Protocoles de communication Plusieurs niveau (couche) : Internet, protocole

Plus en détail

Web dynamique. approche client/serveur

Web dynamique. approche client/serveur Web dynamique approche client/serveur Client/serveur Serveur requête (url) réponse (fichiers) Client url = adresse IP + /chemin/vers/fichier réponse = fichier (lu sur le DD du serveur) Le client gère la

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

PHP. Sup De Pub SP4 PHP Page 1

PHP. Sup De Pub SP4 PHP Page 1 PHP Sup De Pub SP4 PHP Page 1 Sup De Pub SP4 PHP Page 2 PHP : histoire et état des lieux Un peu d'histoire 1994 : création de PHP/FI (Personal Home Page Tools/Form Interpreter) par Rasmus Lerdof (Canada)

Plus en détail

Exercice 1 Initialisation de variable et affichage

Exercice 1 Initialisation de variable et affichage Master Expertise et Ingénierie des Systèmes d'information en Santé Module : technique de programmation pour internet Exercice 1 Initialisation de variable et affichage Fichier page1.php Déclarer 3 variables

Plus en détail

Formulaire HTML et PHP

Formulaire HTML et PHP Formulaire HTML et PHP Partie 1 Les langages du Web Vincent Bouvier vincent.bouvier@kware.fr HTML - Les formulaires Un formulaire permet à l'utilisateur d'envoyer des données au serveur Un formulaire commence

Plus en détail

Conception de Sites Web dynamiques. Authentification. Programme. Hébergement de vos sites 08/04/2010. Inscription

Conception de Sites Web dynamiques. Authentification. Programme. Hébergement de vos sites 08/04/2010. Inscription Conception de Sites Web dynamiques Cours 8 2009/2010 Patrick Reuter Inscription Authentification Programme Hébergement Sujets Projets Retour sur TP MySQL Base de données Hébergement de vos sites Capacités

Plus en détail

PHP MySQL N 0 IUT SRC TOULON

PHP MySQL N 0 IUT SRC TOULON PHP MySQL N 0 IUT SRC TOULON 2016-2017 I Intro Relation Client / Serveur Client = Visiteur d un site web, personne qui demande à voir une page web. Serveur = Machine qui s occupe de distribuer le site

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

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

<?php. /* Interaction client serveur */ $_GET[] /* */

<?php. /* Interaction client serveur */ $_GET[] /* */ générer pour l interactivité $q = $_GET["query"]; switch($q) { case "subject": //Get a given subject $id = $_GET["id"];

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

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

Partie 1 PHP. FORMATION PHP5 5 jours 3000 H.T. Introduction au langage PHP. Installation des logiciels nécessaires. Premiers pas en PHP 5

Partie 1 PHP. FORMATION PHP5 5 jours 3000 H.T. Introduction au langage PHP. Installation des logiciels nécessaires. Premiers pas en PHP 5 FORMATION PHP5 5 jours 3000 H.T. Partie 1 PHP Introduction au langage PHP La programmation Web HTML, Le langage Web côté client Déclaration de type de document Jeu de caractères Langue du document Titres,

Plus en détail

3. Les formulaires. en HTML (première partie) Programmation La définition du formulaire

3. Les formulaires. en HTML (première partie) Programmation La définition du formulaire 420-183 Programmation 1 3. Les formulaires en HTML (première partie) Une page web ne sert pas qu'à afficher du texte et des éléments multimédia. Elle peut aussi servir d'outil interactif permettant l'entrée

Plus en détail

CREATION WEB DYNAMIQUE

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

Plus en détail

Cours n 7 : Introduction pratique au PHP

Cours n 7 : Introduction pratique au PHP Université Abou Bakr-Belkaïd Tlemcen Faculté des Sciences Département d Informatique Année universitaire 2016-2017 2 ème année Licence Informatique DAW (Développement d Applications Web) Cours n 7 : Introduction

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

Joomla! 3.8 Créez et gérez votre site web

Joomla! 3.8 Créez et gérez votre site web Chapitre 1 : Découvrir Joomla! A. Les raisons de créer un site sous Joomla! 9 B. Se documenter sur Joomla! 9 C. La feuille de route de Joomla! 10 D. Qu est-ce qu un CMS? 11 E. HTML, HTML5, CSS, JavaScript

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

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

Création de Sites. Introduction PHP. EEMI, Ecole Européenne des Métiers de l Internet Par Philippe Giraud

Création de Sites. Introduction PHP. EEMI, Ecole Européenne des Métiers de l Internet Par Philippe Giraud Création de Sites Introduction PHP EEMI, Ecole Européenne des Métiers de l Internet Par Philippe Giraud philippe.giraud@enseignant-eemi.com Introduction PHP PHP Hypertext Preprocessor Un langage de programmation

Plus en détail

Techniques de programmation Web côté serveur p.1/44

Techniques de programmation Web côté serveur p.1/44 Techniques de programmation Web côté serveur CGI et PHP David Gross-Amblard - Philippe Rigaux 30 octobre 2002 Conservatoire national des arts et métiers Transparents disponibles sur http://dept25.cnam.fr:8080/projet3i

Plus en détail

App hybrides. Merci de vous installer par binôme de niveau différent

App hybrides. Merci de vous installer par binôme de niveau différent App hybrides Merci de vous installer par binôme de niveau différent Programme (1/2) Introduction: panorama du dev mobile Le web et le HTML Évaluation 1 (QCM) La mise en page avec CSS Les bases de Javascript

Plus en détail

M1202 Algorithmique et programmation

M1202 Algorithmique et programmation M1202 Algorithmique et programmation PHP par l'exemple - 5 Jérôme Landré jerome.landre@univ-reims.fr DUT Métiers du Multimédia et de l'internet I.U.T. de Troyes Université de Reims Champagne-Ardenne Plan

Plus en détail

Pour la création de la requête SQL pour insérer des données, nous devons concaténer des variables avec des chaines de caractères contenant du texte.

Pour la création de la requête SQL pour insérer des données, nous devons concaténer des variables avec des chaines de caractères contenant du texte. TP 4 Master CTN A. sprintf Pour la création de la requête SQL pour insérer des données, nous devons concaténer des variables avec des chaines de caractères contenant du texte. Voici la requête SQL que

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

PHP et formulaires TP N 5. Découvrir les formulaires HTML pour saisir des valeurs dans les scripts PHP (HTML). Utiliser des boucles et des conditions.

PHP et formulaires TP N 5. Découvrir les formulaires HTML pour saisir des valeurs dans les scripts PHP (HTML). Utiliser des boucles et des conditions. 1 OBJECTIF Découvrir les formulaires HTML pour saisir des valeurs dans les scripts PHP (HTML). Utiliser des boucles et des conditions. 1.1 CRÉATION D UN FORMULAIRE Afin de pouvoir interagir avec PHP, il

Plus en détail

UNIX ET PROGRAMMATION WEB

UNIX ET PROGRAMMATION WEB UNIX ET PROGRAMMATION WEB Cours 6 kn@lri.fr http://www.lri.fr/~kn Plan 1 Systèmes d'exploitation (1/2) 2 Systèmes d'exploitation (2/2) 3 Réseaux, TCP/IP 4 Web et HTML 5 CSS 6 PHP : Introduction 6.1 Introduction

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

MODALITÉS D ÉVALUATION : DOCUMENT DÉLIVRÉ :

MODALITÉS D ÉVALUATION : DOCUMENT DÉLIVRÉ : DURÉE : 28 jours soit 196 heures de formation VERSION 2017 RÉSUMÉ PROGRAMME : - HTML / CSS 8 jours [56 heures] - JAVASCRIPT 7 jours [49 heures] - PHP / SQL 10 jours [70 heures] - RÉFÉRENCEMENT 3 jours

Plus en détail

Inf340 Systèmes d information. Premier site ce qu il ne faut pas faire

Inf340 Systèmes d information. Premier site ce qu il ne faut pas faire Inf340 Systèmes d information Premier site ce qu il ne faut pas faire Objectifs Objectif : Réaliser un premier site en utilisant une mauvaise approche de conception. Le site permet de gérer un carnet d

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

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

Programme Formation Webmaster Opérationnel niveau 2

Programme Formation Webmaster Opérationnel niveau 2 Programme Formation Webmaster Opérationnel niveau 2 Objectif : Savoir personnaliser et dynamiser le contenu de sites web par la connaissance de l'html5/css3, du PHP MySQL, du JavaScript et d'ajax. Compétences

Plus en détail

PROGRAMME DE FORMATION HTML5, CSS3, PHP5

PROGRAMME DE FORMATION HTML5, CSS3, PHP5 Organisme de formation professionnelle Formation Informatique Paca & Rhône-Alpes FORMANOSQUE 130 ch. du clos supérieur 04100 Manosque Tél. 04 92 77 10 58 contact@formanosque.fr Google formanosque PROGRAMME

Plus en détail

PHP - Initiation. Formulaires et transmission de données. VIII) Formulaires et transmission de données

PHP - Initiation. Formulaires et transmission de données. VIII) Formulaires et transmission de données VIII) Formulaires et transmission de données VIII.1) Formulaires Les formulaires sont un outil primordial lors du développement d'un applicatif Web. C'est grace à eux que l'utilisateur va pouvoir transmettre

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

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

Projet Données :

Projet Données : Projet Données DID@VDI : page HTML Base de Données Serveur WEB Pré requis : Connaissance réseau (configuration carte, Switch, routeur). IP et Mask Notion client / serveur. Connexion ssh. Structure de Debian.

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

Projet DELIRE. Introduction à PHP

Projet DELIRE. Introduction à PHP Projet DELIRE Introduction à PHP Pages dynamiques page statique Nous sommes le 28/03/2007 Probleme : Afficher une page différente en fonction

Plus en détail

HTML & CSS. d e s i g n w e b. [ présentation ]

HTML & CSS. d e s i g n w e b. [ présentation ] d e s i g n w e b [ présentation ] Généralités Les feuilles de styles (CSS) existent depuis 1996. Elles ne sont vraiment correctement supportées par les navigateurs que depuis 2000-2001. C'est donc depuis

Plus en détail

COURS INF2005 : PROGRAMMATION WEB. Exercices de INF2005 Programmation Web, Laboratoires

COURS INF2005 : PROGRAMMATION WEB. Exercices de INF2005 Programmation Web, Laboratoires COURS INF2005 : PROGRAMMATION WEB Exercices de INF2005 Programmation Web, Laboratoires Validation de formulaires Ruben Chambilla Novembre 2017 TABLEAU DES MATIÈRES 1. Introduction...1 2. Outils de développement...1

Plus en détail

Windows / Word / Excel

Windows / Word / Excel Pré-requis : Windows / Word / Excel Aucune connaissance informatique nécessaire 3 jours (21 heures) Découvrir l outil informatique, le principe de fonctionnement de Windows. Utiliser un traitement de texte

Plus en détail

Développement W eb. Série V3, question 1 : fragment XHTML valide

Développement W eb. Série V3, question 1 : fragment XHTML valide G. Hunault Angers, novembre 2016 Licence DSCS Développement W eb Série V3, question 1 : fragment XHTML valide Ecrire le fragment de texte XHTML valide au sens transitionnel qui correspond aux indications

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

TP PHP n 1 : les bases

TP PHP n 1 : les bases TP PHP n 1 : les bases 2013-2016 Sommaire Les bases 2 Exercice n 1.1 : généreration de code HTML............................ 2 Exercice n 1.2 : des informations sur le serveur...........................

Plus en détail

Joomla! 3.3 Créez et administrez vos sites Web

Joomla! 3.3 Créez et administrez vos sites Web Chapitre 1 : Découvrir Joomla! A. Les raisons de créer un site sous Joomla! 9 B. Se documenter sur Joomla! 9 C. La feuille de route de Joomla! 10 D. Qu est-ce qu un CMS? 12 E. HTML et XHTML 12 F. Différencier

Plus en détail

DOSSIER D'ACTIVITES SUR LE PHP N 05 Insérer des données dans une base de données

DOSSIER D'ACTIVITES SUR LE PHP N 05 Insérer des données dans une base de données DOSSIER D'ACTIVITES SUR LE PHP N 05 Insérer des données dans une base de données Objectifs : Apprendre à l apprenant à lancer un serveur local «Apache» Apprendre à l'apprenant à lancer un serveur MySQL

Plus en détail

PHP 7 - Développez un site web dynamique et interactif Complément vidéo : Créez un mini blog

PHP 7 - Développez un site web dynamique et interactif Complément vidéo : Créez un mini blog Préambule 1. Objectif de l'ouvrage 11 2. Bref historique de PHP 12 3. Où se procurer PHP? 13 4. Conventions d'écriture 14 Introduction à PHP 1. Qu'est-ce que PHP? 15 2. Structure de base d'une page PHP

Plus en détail

Dreamweaver CS6 pour PC/Mac

Dreamweaver CS6 pour PC/Mac ENVIRONNEMENT. Généralités 1 A- La page de démarrage 1 B- L écran principal 2 C- La barre d état 3 D- Utiliser les règles 4 E- Utiliser la grille 4 F- Utiliser les repères 5 G- Modifier le zoom 6 1.2 Les

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

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

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

PHP <?php. RAPPEL - MEMENTO Les sites dynamiques : MySQL

PHP <?php. RAPPEL - MEMENTO Les sites dynamiques : MySQL RAPPEL - MEMENTO Les sites dynamiques : MySQL Base de données Le PHP est un langage exécuté par le serveur. Il permet de personnaliser la page en fonction du visiteur et/ou d un contenu dans une base de

Plus en détail

Sommaire Compteur de visites et statistiques Description du projet

Sommaire Compteur de visites et statistiques Description du projet 1 Compteur de visites et statistiques... 15 1.1. Description du projet... 16 1.2. Description des solutions techniques... 16 Création de la table SQL... 17 Connexion à votre base de données... 18 Enregistrement

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

APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI

APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI APP-TSWD Apprentissage Par Problèmes Techniques des Sites Web Dynamiques Licence Professionnelle FNEPI Cours en Réponse à questions, n 1 Valérie Bellynck, Benjamin Brichet-Billet, Mazen Mahrous Grenoble

Plus en détail

WordPress Conception et personnalisation des thèmes (3e édition)

WordPress Conception et personnalisation des thèmes (3e édition) Chapitre 1 : Gérer les thèmes A. Les objectifs 14 B. Utiliser les thèmes 14 C. Choisir un thème depuis le site officiel 16 1. Rechercher un thème 16 2. Choisir un thème 17 3. Télécharger un thème 19 4.

Plus en détail

PHP. Arnaud Sallaberry montp3.fr. Programma;on pour le Web 1

PHP. Arnaud Sallaberry montp3.fr. Programma;on pour le Web 1 PHP Arnaud Sallaberry arnaud.sallaberry@univ- montp3.fr 06/02/2015 Programma;on pour le Web 1 Plan Les principaux langages du Web Côté client Côté serveur Autres Récapitula;f PHP Introduc;on Types de données

Plus en détail

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr Cours HTML/PHP E.Coquery emmanuel.coquery@liris.cnrs.fr Pages Web Pages Web statiques Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis son navigateur. Adresse tapée, clic

Plus en détail

Série JavaScript. Exercice n 1 : Ecrire le code d'un fichier HTML qui permet de saisir trois notes (DC1, DC2, DS) puis calcule et affiche la moyenne.

Série JavaScript. Exercice n 1 : Ecrire le code d'un fichier HTML qui permet de saisir trois notes (DC1, DC2, DS) puis calcule et affiche la moyenne. Série JavaScript Exercice n 1 : Ecrire le code d'un fichier HTML qui permet de saisir trois notes (DC1, DC2, DS) puis calcule et affiche la moyenne. Exercice n 2 : Ecrire le code d'un fichier HTML qui

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

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

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

INTERACTION PHP-MYSQL

INTERACTION PHP-MYSQL INTERACTION PHP-MYSQL 1) Connexion à l environnement MySql Afin d établir une connexion avec un serveur MySql, nous utilisons la fonction mysql_connect(). identifiant_connection = mysql_connect( nom_hote,

Plus en détail

Bases de données et Sites Web. Li345 Le langage PHP 2 ème partie. généralités tableaux structures de contrôle

Bases de données et Sites Web. Li345 Le langage PHP 2 ème partie. généralités tableaux structures de contrôle Bases de données et Sites Web. Li345 Le langage PHP 2 ème partie généralités tableaux structures de contrôle 1 Rappel : CGI et bases de données Architecture 3 tiers MySQL : stockage, protection des données,

Plus en détail

TP PHP (/HTML/CSS/PostgreSQL)

TP PHP (/HTML/CSS/PostgreSQL) TP PHP (/HTML/CSS/PostgreSQL) ENSIIE - 2015/2016 Le but de ce TP est de compléter les fichiers fournis pour réaliser une micro-application interactive qui permet, suivant le choix de l utilisateur, 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

Introduction Les bases du langage Transmission de variables La persistance. Formation PHP. Maxime Arthaud. net7. Mardi 22 octobre 2013.

Introduction Les bases du langage Transmission de variables La persistance. Formation PHP. Maxime Arthaud. net7. Mardi 22 octobre 2013. Maxime Arthaud net7 Mardi 22 octobre 2013 PHP, Qu est-ce que c est? Client / Serveur Développer en local Syllabus 1 Introduction PHP, Qu est-ce que c est? Client / Serveur Développer en local 2 3 4 PHP,

Plus en détail

Apprendre à développer un site web responsive et dynamique avec PHP

Apprendre à développer un site web responsive et dynamique avec PHP Introduction 1. Présentation 13 2. Qu est-ce qu un site responsive? 14 3. À qui s adresse ce livre? 14 4. Description de cet ouvrage 15 5. Mot de l auteur 16 Initialisation : l'environnement de travail

Plus en détail

Exemples d applications Ajax

Exemples d applications Ajax Web 2.0 et Ajax AJAX Exemples d applications Ajax Complétion automatique Validation en temps réel des données d un formulaire Navigation dynamique Lecture d un flux RSS Sauvegarde automatique des documents

Plus en détail

Technologies Web. Technologies Web AJAX TCM-TWEB Julien BEAUCOURT 2006 pour ETNA

Technologies Web. Technologies Web AJAX TCM-TWEB Julien BEAUCOURT 2006 pour ETNA AJAX Sommaire Introduction Applications Web Applications AJAX Avantages / Inconvénients Exemple Introduction AJAX, ou Asynchronous JavaScript And XML («XML et Javascript asynchrones»), est un acronyme

Plus en détail

les bases PHP : du les PHP form ulaires

les bases PHP : du les PHP form ulaires PHP : les bases du les formulaires PHP sommaire M2202 développement web Objectifs PPN : Échange de données client/serveur : principe. Éléments du langage. Formulaire de saisie. Liaison avec une base de

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

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

NFA016 : Introduction. Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web NFA016 : Introduction O. Pons, S. Rosmorduc Conservatoire National des Arts & Métiers Pour naviguer sur le Web, il faut : 1. Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des

Plus en détail

COURS G2 : INTÉGRATION PHP+MYSQL

COURS G2 : INTÉGRATION PHP+MYSQL index.php index.php?pg=2 index.php?pg=1

Plus en détail

Les API de HTML5. Michel Gagnon École Polytechnique de Montréal

Les API de HTML5. Michel Gagnon École Polytechnique de Montréal Les API de HTML5 Michel Gagnon École Polytechnique de Montréal Cache d application L idée ici consiste à garder en cache les ressources nécessaires pour continuer à utiliser une application web même si

Plus en détail

Lycée Gustave Eiffel. ISN ISN Informatique et Sciences du Numérique LANGAGE PHP

Lycée Gustave Eiffel. ISN ISN Informatique et Sciences du Numérique LANGAGE PHP ISN ISN Informatique et Sciences du Numérique LANGAGE PHP Page n 1/27 1 INTRODUCTION... 3 1.1 LES SITES WEB STATIQUES ET DYNAMIQUES... 3 1.2 LE MODELE CLIENT SERVEUR... 3 1.3 LES LANGAGES DU WEB... 4 2

Plus en détail

TP11 : flux rss, manipulations d'objet

TP11 : flux rss, manipulations d'objet TP11 : flux rss, manipulations d'objet Ce tp poursuit les tps précédents. Les 4 premières étapes sont indépendantes des autres, seule la dernière concerne l'intégration dans les tps précédents. Pour cela,

Plus en détail

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web.

Le langage PHP permet donc de construire des sites web dynamiques, contrairement au langage HTML, qui donnera toujours la même page web. Document 1 : client et serveur Les ordinateurs sur lesquels sont stockés les sites web sont appelés des serveurs. Ce sont des machines qui sont dédiées à cet effet : elles sont souvent sans écran et sans

Plus en détail

Développement W eb. Question Z1 : fragment XHTML valide

Développement W eb. Question Z1 : fragment XHTML valide G. Hunault Angers, octobre 2009 Licence SEN Développement W eb Question Z1 : fragment XHTML valide Ecrire le fragment de texte XHTML valide au sens transitionnel qui correspond aux indications suivantes.

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

UE Ingénierie Multimédia et Web (IMW)

UE Ingénierie Multimédia et Web (IMW) Ingénierie Web Ingénierie Multimédia et Web Nicolas Thome Ruven Pillay Page 1 Ingénierie Web Partie Développnt Web Page Ingénierie Web Planning des Cours 1er Partie: Indexation d'images: Nicolas Thome

Plus en détail

Table des matières. Introduction 1

Table des matières. Introduction 1 Table des matières Introduction 1 1 Les bases de JavaScript 5 Compréhension de JavaScript (et de son histoire) 5 Établissement d un système de test 8 Configuration de navigateurs Web 9 Inclusion du code

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

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

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

Introduction à PHP - MySQL

Introduction à PHP - MySQL Yann Viémont 2009-2012 Université de Versailles St-Quentin Y. Viémont Plan 1. Introduction par l'exemple 2. Les principes de PHP 3. Un langage de programmation 4. Les tableaux 2 Introduction par l'exemple

Plus en détail

Nous allons voir aujourd hui l utilisation de Wordpress, c est à dire ce qui va permettre aux associations de placer du contenu sur leur site web et

Nous allons voir aujourd hui l utilisation de Wordpress, c est à dire ce qui va permettre aux associations de placer du contenu sur leur site web et 1 Nous allons voir aujourd hui l utilisation de Wordpress, c est à dire ce qui va permettre aux associations de placer du contenu sur leur site web et de le faire évoluer. L idée est que vous soyez très

Plus en détail

EXEMPLE PROJET. Objectifs de la séance : De l analyse à la conception Passage de l UML au Site Web

EXEMPLE PROJET. Objectifs de la séance : De l analyse à la conception Passage de l UML au Site Web EXEMPLE PROJET Objectifs de la séance : De l analyse à la conception Passage de l UML au Site Web Manuele Kirsch Pinheiro - UP1 / CRI / UFR06 Gestion 2 Projet Objectifs Mettre en application les concepts

Plus en détail

Le langage PHP. Le langage PHP p.1/??

Le langage PHP. Le langage PHP p.1/?? Le langage PHP Le langage PHP p.1/?? Le langage PHP p.2/?? Sommaire Les principaux aspects du langage PHP généralités littéraux, variables et constantes tableaux associatifs et indicés boucles et tests

Plus en détail

TP : MISE EN OEUVRE D UN SERVEUR WEB SUR LA CARTE RASPBERRY PI

TP : MISE EN OEUVRE D UN SERVEUR WEB SUR LA CARTE RASPBERRY PI ISN ISN Informatique et Sciences du Numérique TP : MISE EN OEUVRE D UN SERVEUR WEB SUR LA CARTE RASPBERRY PI 1 SERVEUR WEB La carte Raspberry peut être utilisée comme serveur WEB et ainsi obtenir une solution

Plus en détail

Ajax et PHP5. Bonjour tout le monde ( Hello World ) en Ajax et PHP

Ajax et PHP5. Bonjour tout le monde ( Hello World ) en Ajax et PHP Ajax et PHP5 Ajax n est pas vraiment une technologie mais plutôt un ensemble de plusieurs technologies, parmi lesquelles se trouvent JavaScript Asynchrone, XML, XHTML et CSS. Le mot asynchrone est de la

Plus en détail

Cours 4 Programmation web, orientée serveur

Cours 4 Programmation web, orientée serveur DUT MMI IUT de Marne-la-Vallée 01/03/2016 M2202 - Algorithmique Cours 4 Programmation web, orientée serveur Philippe Gambette Sources phpdebutant.net www.php.net (documentation du langage PHP) Préambule

Plus en détail