Activités HTML. Code: act-html

Save this PDF as:
 WORD  PNG  TXT  JPG

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Tutoriel n 4. Les outils Google. 1. Goo quoi?

Tutoriel n 4. Les outils Google. 1. Goo quoi? Tutoriel n 4 Les outils Google 1. Goo quoi? * Google Chrome : le navigateur! Définition : Logiciel permettant d afficher des pages et de consulter des sites Internet (ex. : Mozilla Firefox, Safari, Google

Plus en détail

Programmation Web TP1 - HTML

Programmation Web TP1 - HTML Programmation Web TP1 - HTML Vous allez réaliser votre premier site Web dans lequel vous présenterez la société SC, agence spécialisée dans la conception des sites internet. 1 - Une première page en HTML

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

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

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

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

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

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

Création de sites web. INF0326 Outils bureautiques, logiciels et Internet

Création de sites web. INF0326 Outils bureautiques, logiciels et Internet Création de sites web INF0326 Outils bureautiques, logiciels et Internet Plan Création de pages web HTML et CSS Création de sites web avec WordPress Créer des pages web Partie 1 Système hypertexte Un système

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

Guide d utilisation de votre site de gestion de contenu CMS Made Simple

Guide d utilisation de votre site de gestion de contenu CMS Made Simple Guide d utilisation de votre site de gestion de contenu CMS Made Simple Version 2.0 Table des matières Présentation... 3 Se connecter à l administration de votre site... 3 Retrouvez son mot de passe....

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

Développement de l interface Web du projet Hôpital

Développement de l interface Web du projet Hôpital Pôle informatique 2013/2014 École Nationale Supérieure des Mines de Saint-Étienne Développement de l interface Web du projet Hôpital Antoine Zimmermann antoine.zimmermann@emse.fr Le cahier des charges

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

Des générateurs d'exercices interactifs

Des générateurs d'exercices interactifs Des générateurs d'exercices interactifs Qui School 2 : http://www.proprofs.com/quiz-school/ Mystudiyo http://www.mystudiyo.com/ Formulaires de Google documents Compilation automatiquement des données dans

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

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

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

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

La Signature Électronique

La Signature Électronique La Signature Électronique Voici un mini guide des différentes étapes de la signature Electronique. Tout le processus de la signature y est détaillé. Ce guide peut-être également utilisé pour guider pas

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

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 d un forum en Php et Mysql

Création d un forum en Php et Mysql Birane SECK Création d un forum en Php et Mysql Cahier des charges : Nous allons mettre en place un espace membre assez classique à savoir un système que l on retrouve sur la majorité des sites Internet.

Plus en détail

Documentation Logiciel full-web DECLA Site internet de Déclaration en ligne de meublés et chambres d hôtes

Documentation Logiciel full-web DECLA Site internet de Déclaration en ligne de meublés et chambres d hôtes Documentation Logiciel full-web DECLA Site internet de Déclaration en ligne de meublés et chambres d hôtes Evencom 15/01/2013 Documentation Site Internet de Déclaration en ligne de meublés et de chambres

Plus en détail

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP

HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,

Plus en détail

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et

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

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

Attaques applicatives

Attaques applicatives Attaques applicatives Attaques applicatives Exploitation d une mauvaise programmation des applications Ne touche pas le serveur lui-même mais son utilisation/ configuration Surtout populaire pour les sites

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

Documentation utilisateur de la plate-forme administrateur

Documentation utilisateur de la plate-forme administrateur Documentation utilisateur de la plate-forme administrateur Introduction... 2 1. Accès à la plate-forme... 2 2. Création d une barre de navigation... 3 3. Créer un nouveau menu... 4 Créer le nom d un nouveau

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

Nouvelles fonctions module sondage de Flexmail

Nouvelles fonctions module sondage de Flexmail Nouvelles fonctions module sondage de Flexmail Module sondage 1. Nouveau type de question : Matrice de réponses En plus des questions ouvertes et à choix multiple, vous pouvez également opter pour une

Plus en détail

Les solutions de paiement CyberMUT (Crédit Mutuel) et P@iement CIC. Qui contacter pour commencer la mise en place d une configuration de test?

Les solutions de paiement CyberMUT (Crédit Mutuel) et P@iement CIC. Qui contacter pour commencer la mise en place d une configuration de test? Les solutions de paiement CyberMUT (Crédit Mutuel) et P@iement CIC Qui contacter pour commencer la mise en place d une configuration de test? CyberMUT Paiement - Paiement CIC Commerce Electronique mailto:centrecom@e-i.com

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

Le langage html est un langage qui balise un texte à l attention d un logiciel de navigation. Voici un morceau de code html :

Le langage html est un langage qui balise un texte à l attention d un logiciel de navigation. Voici un morceau de code html : Référencer un site Web dans les moteurs de recherche Pourquoi référencer? Pour qu un site soit «visible» sur le Web, c est-à-dire pour qu il soit accessible facilement par quelqu un qui recherche de l

Plus en détail

Sommaire. 1 ) Qu'est ce que WordPress. 2 ) Pourquoi WordPress. 3 ) Les sites statiques et les sites dynamiques. 4 ) Les parties de WordPress

Sommaire. 1 ) Qu'est ce que WordPress. 2 ) Pourquoi WordPress. 3 ) Les sites statiques et les sites dynamiques. 4 ) Les parties de WordPress Sommaire 1 ) Qu'est ce que WordPress 2 ) Pourquoi WordPress 3 ) Les sites statiques et les sites dynamiques 4 ) Les parties de WordPress 5 ) Les éléments de WordPress 6 ) Les avantages 1 ) Qu'est ce que

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

Guide d intégration des marques grises Destineo

Guide d intégration des marques grises Destineo Guide d intégration des marques grises Destineo Guide d intégration des marques grises service Présentation du Document élaboré par : 1, rue de la Loire 44 966 Nantes Cedex 9 Tél. +33 (0)2 28 20 50 00

Plus en détail

Phortail, le mini CMS qui vous ouvre de grandes portes! V2.0.5

Phortail, le mini CMS qui vous ouvre de grandes portes! V2.0.5 Phortail, le mini CMS qui vous ouvre de grandes portes! V2.0.5 Avant de lire ce document, sachez définir avec exactitude vos besoins et vos buts. Plusieurs liens vous sont donnés à la dernière page afin

Plus en détail

GUIDE D UTILISATION DU BACKOFFICE

GUIDE D UTILISATION DU BACKOFFICE GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la

Plus en détail

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées?

Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites. Quelles solutions peuvent être employées? Sommaire : Pourquoi créer un site web? Qu est-ce qu un site Web? Les différents types de sites Quelles solutions peuvent être employées? Présentation d une des solutions Conclusion Aujourd hui le web est

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

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

Tous les outils de prospection disponibles avec le logiciel PIKADELLI MARKETING

Tous les outils de prospection disponibles avec le logiciel PIKADELLI MARKETING Le nouveau concept pour vos E-Mailings et vos Fax-Mailings La réussite pour toute votre prospection La gestion de vos NewsLetters L analyse complète avec l @udimat de vos campagnes Présentation du Logiciel

Plus en détail

Antidote et vos logiciels

Antidote et vos logiciels Antidote et vos logiciels Antidote 8 v2 Windows Antidote, c est un correcteur avancé, des dictionnaires et des guides linguistiques qui s ajoutent à vos logiciels pour vous aider à écrire en français.

Plus en détail

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos.

KompoZer. Composition du site : _ une page d'accueil : index.html. _ une page pour la théorie : theorie.html. _ une page pour les photos : photos. KompoZer Créer un site «simple» Composition du site : _ une page d'accueil : index.html _ une page pour la théorie : theorie.html _ une page pour les photos : photos.html _ une page avec la galerie : galerie.html

Plus en détail

Intégrer une application Visio

Intégrer une application Visio Facile 0 mn Vous avez trouvé sur Internet une application que vous souhaitez intégrer dans NetEcole. Nous allons voir étape par étape avec un exemple concret (Appear) comment faire. Cela sera peut être

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

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

Antidote et vos logiciels

Antidote et vos logiciels Antidote et vos logiciels Antidote HD v5 Windows Antidote, c est un correcteur avancé, des dictionnaires et des guides linguistiques qui s ajoutent à vos logiciels pour vous aider à écrire en français.

Plus en détail

Intégrer une application Visio avec partage d écran

Intégrer une application Visio avec partage d écran Facile 0 mn Vous avez trouvé sur Internet une application que vous souhaitez intégrer dans NetEcole. Nous allons voir étape par étape avec un exemple concret (Gotomeeting) comment faire. Cela sera peut

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

Tutoriel sur les bases de HTML et de PHP

Tutoriel sur les bases de HTML et de PHP Tutoriel sur les bases de HTML et de PHP Cours : Inf7214 Développement de logiciel Date : Hiver 2009 Ce tutoriel vous donne un aperçu du développement d application WEB avec les langages HTML et PHP. Vous

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

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

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

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

Point 3.7. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2

Point 3.7. Publier des contenus dans un portail e-sidoc. Janvier 2013 Documentation détaillée V 2.2 Point 3.7 Publier des contenus dans un portail e-sidoc Janvier 2013 Documentation détaillée V 2.2 INTEGRER DES DOCUMENTS (TEXTES, VIDEOS, IMAGES) SUR UN PORTAIL E-SIDOC... 2 Savoir utiliser l éditeur wysiwyg

Plus en détail

Mémento mise à jour d un site all-in-web

Mémento mise à jour d un site all-in-web Mémento mise à jour d un site all-in-web Ce document a pour but de rappeler les principales manipulations pour mettre à jour un site web sous all-in-web. Sommaire 1 La CSS : la mise en forme du site...

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

Publier un Carnet Blanc

Publier un Carnet Blanc Site Web de l association des ingénieurs INSA de Lyon Publier un Carnet Blanc Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008 Publication,

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

Procédure Newsletter. 1. Gestion des listes de diffusion. Se rendre à Activité > Inscrits aux envois par email

Procédure Newsletter. 1. Gestion des listes de diffusion. Se rendre à Activité > Inscrits aux envois par email Procédure Newsletter 1. Gestion des listes de diffusion Se rendre à Activité > Inscrits aux envois par email Ici l on peut créer des listes de diffusion et ajouter, modifier, supprimer les abonnés à la

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

Comment développer et intégrer un module à PhpMyLab?

Comment développer et intégrer un module à PhpMyLab? Comment développer et intégrer un module à PhpMyLab? La structure du fichier Afin de conserver une homogénéité et une cohérence entre chaque module, une structure commune est utilisée pour chacun des modules

Plus en détail

Développement d Applications Web

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

Plus en détail

1. Avec un script php. 2. En utilisant phpmyadmin

1. Avec un script php. 2. En utilisant phpmyadmin Université Lumière - Lyon 2 Master d Informatique M1 - Année 2006-2007 Programmation Web - TDs n 8 9 : PHP - Mysql L. Tougne (http ://liris.cnrs.fr/laure.tougne), 20/11/06 L objectif de ce TD est d utiliser

Plus en détail

Installation du logiciel «EASY WEB» Version 2.0

Installation du logiciel «EASY WEB» Version 2.0 Installation du logiciel «EASY WEB» Version 2.0 1 Installation Après téléchargement de votre logiciel, il suffit de lancer l exécutable d installation, en l occurrence easyweb_install.exe. Il se peut que

Plus en détail