CREATION d UN SITE WEB (INTRODUCTION)
|
|
- Jean-Sébastien Bouchard
- il y a 8 ans
- Total affichages :
Transcription
1 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 spécifer des documents hypertextes. PHP = langage pour programmer des pages web / documents hypertextes dynamiques SQL = langage pour la gestion de bases de données relationnelles. 1
2 WWW : World Wide Web un gigantesque système d information documents hypertextes : textes, images, vidéos, sons,... réparti sur des sites interconnectés par le réseau Internet programme serveur : transmission (envoi) de ses documents programme client = navigateur : consultation de documents si le client demande à consulter un document ne résidant pas sur le site, le programme appelle le serveur détenant le document pour l obtenir. HTTP = protocole du Web règles de communication entre serveurs et clients 2
3 Serveurs et Clients Web programme serveur démon (Unix) ou service (NT) en écoute permanente sur le port réseau (port 80) reception + analyse des demandes des clients web transmet un document résultat programme client (navigateur) dialogue avec le(s) serveurs demande de document envoi de paramètres, de fichiers communique et présente les documents à l utilisateur Navigator de Netscape et Internet Explorer de Microsoft sont les navigateurs les plus utilisés. 3
4 Serveurs et Clients Web 4
5 Protocole HTTP en deux mots HTTP = protocole (langage) d échange d informations pour le Web ouverture d une connexion envoie d un entête type du contenu : HTML, gif, pdf, XML... taille du contenu date de dernière modification... envoie d une ligne blanche envoie d un contenu fermeture de la connection pas de connection permanente 5
6 Documents hypertextes : HTML les balises intégrées dans le texte = le formatage souhaité indiquer la fonction d une portion de texte titre, en-tête,... légende,... indiquer le style de présentation font, style de caractère, alignement,... le navigateur détermine la présentation finale du texte les ancres ou liens parties du texte donnant accès à d autres documents documents du même site ou d autres sites lecture séquentielle du document lecture navigationnelle de documents en documents HTML est le langage qui permet de créer les documents hypertextes. 6
7 Localisation d un document p : // ms [: port ] / chemin / document?args à chaque lien est associé une URL (Universal Resource Location) référence unique à un document une URL est constituée de : nom du protocole pour accéder à la ressource nom ou adresse IP du serveur hébergeant la ressource numéro du port réseau surlequel le serveur est à l écoute chemin d accès sur la machine serveur nom du document liste de paramètres Exemple 1: Exemple 2: 7
8 HTML : les bases Entête d un document HTML balise < HEAD > informations relatives à l auteur du document, date de création informations relatives à la nature du contenu Non affichée par le navigateur Utilisée par les moteurs de recherche pour faciliter l accès Corps d un document HTML balise < BODY > informations et commandes Affichée par le navigateur Les attributs de la balise < BODY > sont TEXT, BGCOLOR, LINK, VLINK, ALINK pour définir les couleurs du texte, du fond d écran, des liens non visités / visistés / cliqués, et BACKGROUND pour l URL d une image affichée en fond. 8
9 HTLM : un premier exemple < HTML > < HEAD > < TITLE > Un premier exemple de document HTML < /TITLE> < /HEAD> < BODY BGCOLOR= white > <! Ceci est un commentaire > < CENTER > < H1 > Mon premier document HTML < /H1 > < /CENTER > C est un essai. Le contenu est <B> sans impotance </B>. < /BODY> < /HTML > 9
10 HTLM : les bases les balises conteneurs : parenthèsent une portion de texte (élément) < balise >... < /balise > 1 ou plusieurs caractéristiques de mise en forme Exemple : < CENTER >... < /CENTER > Exemple : < B >... < /B > les balises de présentation (inter)texte insertion d un élément de présentation Exemple : < HR > trace une ligne horizontale 10
11 HTLM : les principales balises liste énumérée... < OL > liste (non énumérée)... < UL > élément de liste... <LI > nouveau paragraphe... <P > titre (1 < n < 8)... < Hn > tableau... < TABLE> formulaire... < FORM > insertion d une image... < IMG SRC= url > gras, italique, courrier... < B >, < IT >, < TT > 11
12 HTML : insertion de liens hypertexte Comment associer une URL à un mot? < A HREF= url > texte < /A > HREF est un attribut de la balise < A > url est une valeur d URL le navigateur souligne ou attribue une couleur spécifique au texte entre les balises < A > et < /A > pour montrer à l utilisateur que texte = texte + lien. < A HREF= > la page de N. Bidoit < /A > 12
13 HTML : insertion de liens hypertexte Comment associé un point d entrée dans un document? spécifier une étiquette (marque) dans le document < A NAME=nom étiquette > texte < /A > définir un lien avec une étiquette dans le même document < A HREF=#nom étiquette > texte < /A > définir un lien avec une étiquette dans un autre document < A HREF=url-document#nom étiquette > texte < /A > Exemple :... < A NAME=mamarque > Chapitre 1 < /A > Vous pourrez revenir lire ce texte plus tard... Reportez-vous au < A HREF=mamarque > Chapitre 1 < /A > si nécessaire... 13
14 HTML : un exemple plus sophistiqué <html> <head> <title>nicole Bidoit Home Page</title> </head> <h1 ALIGN=CENTER><img SRC="nicole.jpg" HEIGHT=300 WIDTH=225 ALIGN=CENTER> <img SRC="nicole-new.jpg" HEIGHT=300 WIDTH=225 ALIGN=CENTER></h1> <h1 ALIGN=CENTER> </a> Nicole Bidoit </center> </h1> <center>lri (bat 490)</center> <center>universit Paris-Sud</center> <center>f Orsay Cedex</center> <br> <center>tel: +33 (0) </center> 14
15 <hr> <center> <blink> <a HREF=Bestof1-web/index.html> Quelques photos de Garfield...</a> </blink> </center> <hr> <h1>recherche </h1> <! -- essai de commentaire en html> <ul> <li> Thmes de recherche (voir les <a HREF= thmes de l quipe</a>) </li> <br> <li> <a HREF= Publications</a> </li> <br> </ul> </html> 15
16 HTML : les tableaux introduire un tableau < TABLE >... < /TABLE > une ligne : < TR >... < /TR > une cellule : < TD >... < /TD > imbrication d un tableau dans une cellule la présentation (disposition des colomnes) est calculée par le navigateur très utilisé pour organiser la présentation d une page 16
17 HTML : les tableaux un exemple <HTML> <HEAD> <TITLE> tableau HTML</TITLE> </HEAD> <BODY BGCOLOR= white > < TABLE BORDER=4 CELLSPACING=2 CELLEPADDING=2> < CAPTION ALIGN=bottom> <B> Mes Films </B> </CAPTION> <TR> <TH> Titre </TH> <TH> Réalisateur </TH> </TR> <TR> <TD> Alien </TD> <TD> Scott </TD> </TR> <TR> <TD> Speed2 </TD> <TD> J. de Bont </TD> </TR> <TR> <TD> Marion </TD> <TD> Poirier </TD> </TR> <TR> <TD> Van Gogh </TD> <TD> Pialat </TD> </TR> </TABLE> </BODY> </HTML> 17
18 HTML : les tableaux le rendu de l exemple à vous d essayer... 18
19 HTML : les feuilles de style Motivation définir le formatage de texte : lourd et répétitif complexe pour un gros document contrôle incomplet sur le positionnement Feuilles de style (CSS) définir globalement la mise en forme regroupement des instructions de m.e.f dans un fichier possibilité d associer une feuille de style à plusieurs documents 19
20 HTML : les feuilles de style un exemple Instruction / règle : sélecteur { propriété : valeur } le sélecteur peut être n importe quelle balise la propriété peut être n importe quel attribut /* définition d un fond de texte toujours blanc */ BODY { background-color : white } groupement des sélecteurs : /* définition de la couleur des ancres et en-têtes */ A, H1, H2, H3 {color : #ca0000} groupement des propriétés : CAPTION { font-size : large ; color : #ca0000 } 20
21 HTML : les feuilles de style un exemple définition de classes sélecteur + fin que la balise (classe = contexte d application) sélecteur indépendant des balises /* classes pour alterner les couleurs des lignes d un tableau */ TR.A0 {backgroud-color : white } TR.A1 {backgroud-color : yellow } < TR Class= A0 > /* classe générique */.attention {background-color = red ; color = white } < B Class= attention > 21
22 Feuille de style... application <HTML> <HEAD> <TITLE> tableau HTML</TITLE> <LINK REL=stylesheet HREF= ExCSS.css TYPE= text/css > </HEAD> <BODY BGCOLOR= white > < TABLE BORDER=4 CELLSPACING=2 CELLEPADDING=2> < CAPTION ALIGN=bottom> <B class= attention > Mes Films </B> </CAPTION> <TR> <TH> Titre </TH> <TH> Réalisateur </TH> </TR> <TR Class=A0 > <TD> Alien </TD> <TD> Scott </TD> </TR> <TR Class=A1 > <TD> Speed2 </TD> <TD> J. de Bont </TD> </TR> <TR Class=A0 > <TD> Marion </TD> <TD> Poirier </TD> </TR> <TR Class=A1 > <TD> Van Gogh </TD> <TD> Pialat </TD> </TR> </TABLE></BODY> </HTML> 22
23 Programmation CGI pages HTML statiques : contenu fixé à l avance maintenance = manipulation d un grand volume de pages pages HTML dynamiques : produire des documents par un programme liste de films acquisition de paramètres utilisateur par le programme année de parution CGI = Commom Gateway Interface gestion de sites web dynamiques PHP s appuie sur le protocole CGI pour les échanges 23
24 Formulaire et programmation CGI Client : demande du document HTML (avec formulaire) envoi du document : Serveur Client : Saisie du formulaire (valeurs pour les paramètres) + appel du programme CGI Exécution du programme + envoi du document résultat : Serveur Client : Affichage du document résultat 24
25 Formulaire conteneur de définition d un formulaire : <form>... </form> Attributs essentiels : ACTION : référence au programme à exécuter METHOD : mode de transmission des paramètres (GET ou POST) ENCTYPE : type de codage des données du formulaire application/x-www-form-urlencoded : les champs du formulaires sont transmis sous la forme nom=valeur séparés par &. multipart/form-data pour des transmissions avec fichiers. <form ACTION= METHOD= POST > 25
26 Formulaire (suite) balises pour définir les champs de saisies la balise <INPUT> Attributs essentiels : NAME : nom pour le paramètre/champ dans le programme VALUE: valeur par défaut du paramètre/champ TYPE : type d un paramètre/champ TEXT : chaîne de caractères SIZE : longueur de la chaîne Titre : <INPUT TYPE=TEXT SIZE=20 NAME= titre > PASSWORD : la saisie du texte est remplacée par des * HIDDEN : le champ est totalement invisible 26
27 Formulaire (suite) CHECKBOX : création d un bouton à cocher. Pour grouper plusieurs champs, utiliser le même nom. Possibilité de cocher un ou plusieurs champs. Valeur est invisible. Comédie : <INPUT TYPE= CHECKBOX TEXT NAME= genre VALUE= C > Drame : <INPUT TYPE= CHECKBOX TEXT NAME= genre VALUE= D > Histoire : <INPUT TYPE= CHECKBOX TEXT NAME= genre VALUE= H > RADIOBOX : idem mais choix exclusif SUBMIT : validation de saisie RESET : réinitialisation du formulaire FILE : transmission d un fichier. 27
28 Formulaire le conteneur <SELECT> affichage d options à choisir par l utilisateur chaque option est définie par une balise <OPTION> Metteur en scène : <SELECT NAME= realisateur SIZE=3> <OPTION VALUE=1 > Alfred Hitchcock <OPTION VALUE=2 > Maurice Pialat <OPTION VALUE=3 SELECTED > Quentin Tarantino <OPTION VALUE=4> John Woo </SELECT> le conteneur <TEXTAREA> permet la saisie de texte dans une zone <TEXTAREA NAME= resume COLS=30 ROW=3> Résumé du film </TEXTAREA> 28
29 Formulaire et programmation CGI présentation graphique peu attrayante ajout de tableau difficile a mettre en oeuvre contrôle des valeurs saisies problème de sécurité échanges client/serveur (non abordés) lourdeur d accès au données pas de concurrence d accès solution plus souple = PHP 29
30 PHP / PostgreSql puissance et facilité d utilisation des outils PHP est un language de programmation proche du langage C destiné à être intégré dans des documents HTML. créé par Rasmus Lerdorf (1994) dédié à la production de pages HTML dynamiques disponible sous Unix, Linux, Windows... language objet complet (classes, objets, héritage) librairies (listes, files d attentes, piles, réseaux..., images, génération de PDF,...) interfacer avec les SGBDs (Oracle, MySql, PostgreSql,...) PostgreSql est un SGBD relationnel gratuit (idem pour MySql) utilisation en TP. 30
31 Premier exemple PHP <HTML> <HEAD> <TITLE> HTML avec PHP </TITLE> <LINK REL=stylesheet HREF= film.css TYPE= tex/css > </HEAD> <BODY> <H1> HTML + PHP </H1> Nous sommes le <?php echo Date( j/m/y );?> <P> <?php je suis $HTTP USER AGENT et je dialogue avec $SERVER NAME. ;?> </BODY></HTML> produit le document HTML suivant : <HTML> <HEAD> <TITLE> HTML avec PHP </TITLE> <LINK REL=stylesheet HREF= film.css TYPE= tex/css > </HEAD> <BODY> <H1> HTML + PHP </H1> Nous sommes le 5/01/2004 <P> je suis Mozilla/4.77 [en] (X11; U; Linux i686) et je dialogue avec </BODY></HTML> 31
32 PHP : interface avec ProstgreSql ensemble de fonctions : créer et manipuler les infos d une BD pg connect() : ouvrir une connection a une b.d. PostgreSql. La fonction rend une resource si la connection est établie, et False sinon. <?php $dbconn = pg_connect("dbname=mary"); //connect to a d.b. named "mary" $dbconn2 = pg_connect("host=localhost port=5432 dbname=mary"); // connect to a d.b. named "mary" on "localhost" at port "5432" $dbconn3 = pg_connect("host=sheep port=5432 dbname=mary user=lamb password=foo"); //connect to a d.b. named "mary" on the host "sheep" with a username and password $conn_string = "host=sheep port=5432 dbname=test user=lamb password=bar"; $dbconn4 = pg_connect($conn_string); //connect to a d.b. named "test" on the host "sheep" with a username and password?> Attention : ancienne syntaxe conn = pg connect("host", "port", "options", "tty", "dbname") 32
33 PHP : interface avec ProstgreSql pg query(resource connection, string query) envoie une requête SQL à la bd PostgreSQL spécifié par la connection. Elle rend une ressource résultat si la requête est correctement exécutée et False sinon. Le fonction pg last error() donne des informations sur la connection. <?php $ConnId = pg_connect ("blablabla"); $ResId1 = pg_exec ("select * from R", $ConnId); $req2 = "select A from R"; $ResId2 = pg_exec (ConnId, $req2 ); pg_close ($ConnId);?> Attention : ancien nom pg exec() 33
34 PHP : interface avec ProstgreSql pg num rows(resource result) retourne le nombre de n-uplets du résultat identifié par la variable resource result Cette fonction rend -1 en cas d erreur. pg affected rows() rend le nombre de n-uplets touchés par une mise à jour SQL ie par INSERT, UPDATE ou DELETE. pg fetch row(result, i) retourne dans un tableau le ième nuplet du résultat indentifié par result. Le n-uplet est transformé en un tableau et chaque composant est un élément du tableau. 34
35 PHP : interface avec ProstgreSql pg fetch array(results, i, option) met le ième n-uplet du résultat identifié par result dans un tableau, rend FALSE si erreur. Possibilité d accéder au composant par le nom des attributs. <?php $conn = pg_pconnect("blablabla"); if (!$conn) { echo "An error occured.\n"; exit; } $result = pg_query($conn, "SELECT * FROM film"); if (!$result) { echo "An error occured.\n"; exit;} $arr = pg_fetch_array($result, 0, PGSQL_NUM); echo $arr[0]. " <- array\n"; $arr = pg_fetch_array($result, 1, PGSQL_ASSOC); echo $arr["titre"]. " <- array\n";?> 35
36 PHP : interface avec ProstgreSql <?php $conn = pg_pconnect("blablabla"); if (!$conn) { echo "An error occured.\n"; exit; } $req="select titre, acteur from Film"; $result = pg_query($conn, $req); if (!$result) {echo "the query failed.\n"; exit; } $nb_nuplets = pg_numrows($result); for ($i=0; $i<$nb_nuplets;$i++) { $ligne = pg_fetch_array($result, $i); echo $ligne[titre]; echo "<BR>" ; echo $ligne[acteur]; echo "<BR>" ; }?> Ce programme ouvre une connection, lance une requête et affiche le résultat n-uplet par n-uplet. 36
INTERNET est un RESEAU D ORDINATEURS RELIES ENTRE EUX A L ECHELLE PLANETAIRE. Internet : interconnexion de réseaux (anglais : net = réseau)
CS WEB Ch 1 Introduction I. INTRODUCTION... 1 A. INTERNET INTERCONNEXION DE RESEAUX... 1 B. LE «WEB» LA TOILE, INTERCONNEXION DE SITES WEB... 2 C. L URL : LOCALISER DES RESSOURCES SUR L INTERNET... 2 D.
Plus en détailModule 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étailTIC. Réseau informatique. Historique - 1. Historique - 2. TC - IUT Montpellier Internet et le Web
Réseau informatique TIC TC - IUT Montpellier Internet et le Web Ensemble d'ordinateurs reliés entre eux et échangeant des informations sous forme de données numériques But : Rendre disponible l information
Plus en détailTP 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étailHMTL. 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étailModule 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étailHTML, 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étailPratique et administration des systèmes
Université Louis Pasteur Licence Informatique (L2) UFR de Mathématiques et Informatique Année 2007/2008 1 But du TP Pratique et administration des systèmes TP10 : Technologie LAMP Le but de ce TP est de
Plus en détailInstallation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6
Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6 1 BERNIER François http://astronomie-astrophotographie.fr Table des matières Installation d un serveur HTTP (Hypertext Transfer
Plus en détailFormation HTML / CSS. ar dionoea
Formation HTML / CSS ar dionoea le HTML Hyper Text Markup Language langage descriptif composé de balises interprété par le navigateur page HTML = simple fichier texte (bloc notes, vim,...) les déclarations
Plus en détailLa programmation orientée objet Gestion de Connexions HTTP Manipulation de fichiers Transmission des données PHP/MySQL. Le langage PHP (2)
Le langage PHP (2) Walid Belkhir Université de Provence belkhir@cmi.univ-mrs.fr http://www.lif.univ-mrs.fr/ belkhir/ 1 / 54 1 La programmation orientée objet 2 Gestion de Connexions HTTP 3 Manipulation
Plus en détailLes outils de création de sites web
Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site
Plus en détailLes services usuels de l Internet
Les services usuels de l Internet Services principaux (applications) disponibles sur l Internet Courrier électronique (mail) - protocole SMTP (Simple Mail Transfer Protocol) inclut maintenant tous types
Plus en détail.. 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étailInternet. DNS World Wide Web. Divers. Mécanismes de base Exécution d'applications sur le web. Proxy, fire-wall
Internet DNS World Wide Web Mécanismes de base Exécution d'applications sur le web Divers Proxy, fire-wall 1 Les services usuels de l Internet Services principaux (applications) disponibles sur l Internet
Plus en détailIntroduction. 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étailProgrammation Internet Cours 4
Programmation Internet Cours 4 Kim Nguy ên http://www.lri.fr/~kn 17 octobre 2011 1 / 23 Plan 1. Système d exploitation 2. Réseau et Internet 3. Web 3.1 Internet et ses services 3.1 Fonctionnement du Web
Plus en détailLes 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étailBernard Lecomte. Débuter avec HTML
Bernard Lecomte Débuter avec HTML Débuter avec HTML Ces quelques pages ont pour unique but de vous donner les premiers rudiments de HTML. Quand vous les aurez lues, vous saurez réaliser un site simple.
Plus en détail1 ère Université WEB. Courbevoie Samedi 21 octobre 2006. Votre site interactif sur internet.
1 ère Université WEB Courbevoie Samedi 21 octobre 2006 Votre site interactif sur internet. Programme de la journée. 10H30 - Introduction Université web Votre site interactif sur internet. 10H35 Généralités
Plus en détailPHP et mysql. Code: php_mysql. Olivier Clavel - Daniel K. Schneider - Patrick Jermann - Vivian Synteta Version: 0.9 (modifié le 13/3/01 par VS)
PHP et mysql php_mysql PHP et mysql Code: php_mysql Originaux url: http://tecfa.unige.ch/guides/tie/html/php-mysql/php-mysql.html url: http://tecfa.unige.ch/guides/tie/pdf/files/php-mysql.pdf Auteurs et
Plus en détailCré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étailFormulaire 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étailBases 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étailSYSTÈMES D INFORMATIONS
SYSTÈMES D INFORMATIONS Développement Modx Les systèmes de gestion de contenu Les Content Management Système (CMS) servent à simplifier le développement de sites web ainsi que la mise à jour des contenus.
Plus en détailPHP 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étail3. RÉALISATION ET QUALIFICATION D UN PROTOTYPE 3.1 Réalisation d un prototype CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML
Page:1/20 CRÉATION D UNE PAGE WEB STATIQUE AU FORMAT HTML Objectifs de l activité pratique : Notions sur le HTML, le WEB et le W3C Créer une page web statique au format HTML : - les marqueurs ou balises
Plus en détailSana 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étailTD 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étailArchitectures web/bases de données
Architectures web/bases de données I - Page web simple : HTML statique Le code HTML est le langage de base pour concevoir des pages destinées à être publiées sur le réseau Internet ou intranet. Ce n'est
Plus en détailHTML. Notions générales
1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS
Plus en détailFORMATION / CREATION DE SITE WEB / 4 JOURNEES Sessions Octobre 2006
I. INTRODUCTION 1. Présentation du formateur et des élèves 2. Historique internet : d'où ça vient a. Historique général : 3 étapes majeures 1. l'histoire de l'informatique débute en 1942 avec la première
Plus en détailProgrammation Web. Introduction
Programmation Web Introduction 1 Introduction 10 séances 1 h cours + 1h TD Notes : contrôle continu DS 1 TP : note de groupe : rapport + code source + démo TD : note personnelle (=0 si 2 absences non justifiées)
Plus en détailLES GRANDES ETAPES DE CREATION D UN WEB DESIGN
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations
Plus en détailNFA016 : 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étailPHP 5. La base de données MySql. A. Belaïd 1
PHP 5 La base de données MySql A. Belaïd 1 Base de données C est quoi une base de données? Une base de données contient une ou plusieurs tables, chaque table ayant un ou plusieurs enregistrements Exemple
Plus en détailFailles XSS : Principes, Catégories Démonstrations, Contre mesures
HERVÉ SCHAUER CONSULTANTS Cabinet de Consultants en Sécurité Informatique depuis 1989 Spécialisé sur Unix, Windows, TCP/IP et Internet Séminaire 15 ans HSC Failles XSS : Principes, Catégories Démonstrations,
Plus en détailCREATION WEB DYNAMIQUE
CREATION WEB DYNAMIQUE IV ) MySQL IV-1 ) Introduction MYSQL dérive directement de SQL (Structured Query Language) qui est un langage de requêtes vers les bases de données relationnelles. Le serveur de
Plus en détailL3 informatique TP n o 2 : Les applications réseau
L3 informatique TP n o 2 : Les applications réseau Sovanna Tan Septembre 2009 1/20 Sovanna Tan L3 informatique TP n o 2 : Les applications réseau Plan 1 Transfert de fichiers 2 Le Courrier électronique
Plus en détailActivité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étailInitiation à html et à la création d'un site web
Initiation à html et à la création d'un site web Introduction : Concevoir un site web consiste à définir : - l'emplacement où ce site sera hébergé - à qui ce site s'adresse - le design des pages qui le
Plus en détailPHP. PHP et bases de données
Accés aux bases de données Une des raisons du succès de PHP Support d un grand nombre de bases - MySQL - Oracle - PostgreSQL - SQLite - Microso> Access - DBM - IBM Informix -... Accés aux bases de données
Plus en détailFormation Webmaster : Création de site Web Initiation + Approfondissement
Contactez notre équipe commerciale au 09.72.37.73.73 Aix en Provence - Bordeaux - Bruxelles - Geneve - Lille - Luxembourg - Lyon - Montpellier - Nantes - Nice - Paris - Rennes - Strasbourg - Toulouse Formation
Plus en détailTutoriel : Feuille de style externe
Tutoriel : Feuille de style externe Vous travaillerez à partir du fichier cerise.htm que vous ouvrirez dans NVU. Commencez par remplacer le contenu de la balise Title par : Comment débuter une recherche?
Plus en détailMysql. Les requêtes préparées Prepared statements
Mysql Les requêtes préparées Prepared statements Introduction Les prepared statements côté serveur sont une des nouvelles fonctionnalités les plus intéressantes de MySQL 4.1 (récemment sorti en production
Plus en détailDéveloppement d applications Internet et réseaux avec LabVIEW. Alexandre STANURSKI National Instruments France
Développement d applications Internet et réseaux avec LabVIEW Alexandre STANURSKI National Instruments France Quelles sont les possibilités? Publication de données Génération de rapports et de documents
Plus en détailTous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.
Connexion à 4D Server depuis une page ASP Par Noreddine MARGOUM, Technicien Contrôle Qualité, 4D S.A. Note technique 4D-200403-08-FR Version 1 Date 1 Mars 2004 Résumé Le propos de cette note technique
Plus en détailCours CCNA 1. Exercices
Cours CCNA 1 TD3 Exercices Exercice 1 Enumérez les sept étapes du processus consistant à convertir les communications de l utilisateur en données. 1. L utilisateur entre les données via une interface matérielle.
Plus en détailMysql avec EasyPhp. 1 er mars 2006
Mysql avec EasyPhp 1 er mars 2006 Introduction MYSQL dérive directement de SQL (Structured Query Language) qui est un langage de requètes vers les bases de données relationnelles. Il en reprend la syntaxe
Plus en détailFileMaker Server 11. Publication Web personnalisée avec XML et XSLT
FileMaker Server 11 Publication Web personnalisée avec XML et XSLT 2007-2010 FileMaker, Inc. Tous droits réservés. FileMaker, Inc. 5201 Patrick Henry Drive Santa Clara, Californie 95054 FileMaker est une
Plus en détailE-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étailNormes techniques 2011
Normes techniques 2011 Display classique Formats Livrables Footer p 2 p 3 p 4 Opérations spéciales Publi-rédactionnel Jeu concours Quiz Lien partenaire Habillage Accueil panoramique Sponsoring de rubrique
Plus en détailCRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING
CRÉER, ROUTER ET GÉRER UNE NEWSLETTER, UN E-MAILING Durée : 3J / 21H Formateur : Consultant expert en PAO et Web-marketing. Groupe de : 4 max Formation au web marketing Objectifs : Mettre en oeuvre des
Plus en détailDé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étailSé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étailPrésentation du Framework BootstrapTwitter
COUARD Kévin HELVIG-LARBRET Blandine Présentation du Framework BootstrapTwitter IUT Nice-Sophia LP-SIL IDSE Octobre 2012 Sommaire I. INTRODUCTION... 3 Définition d'un framework... 3 A propos de BootstrapTwitter...
Plus en détailPHP 4 PARTIE : BASE DE DONNEES
PHP 4 PARTIE : BASE DE DONNEES 1. Introduction 2. Présentation de MySQL 3. Principe 4. Connexion 5. Interrogation 6. Extraction des données 7. Fonctions de services 8. Traitement des erreurs 9. Travaux
Plus en détailAttaques 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// 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étailDéveloppement des Systèmes d Information
Développement des Systèmes d Information Axe ISI Camille Persson Institut Fayol / LSTI / ISCOD École Nationale Supérieure des Mines de Saint-Etienne 158 cours Fauriel, 42000 Saint-Etienne persson@emse.fr
Plus en détailTechnologies Web. Ludovic Denoyer Sylvain Lamprier Mohamed Amine Baazizi Gabriella Contardo Narcisse Nya. Université Pierre et Marie Curie
1 / 22 Technologies Web Ludovic Denoyer Sylvain Lamprier Mohamed Amine Baazizi Gabriella Contardo Narcisse Nya Université Pierre et Marie Curie Rappel 2 / 22 Problématique Quelles technologies utiliser
Plus en détailAutour du web. Une introduction technique Première partie : HTML. Georges-André SILBER Centre de recherche en informatique MINES ParisTech
Autour du web Une introduction technique Première partie : HTML Georges-André SILBER Centre de recherche en informatique MINES ParisTech silber@cri.ensmp.fr http://www.cri.ensmp.fr/people/silber/cours/2010/web
Plus en détailBases de données et Interfaçage Web
Bases de données et Interfaçage Web Université Virtuelle de Tunis 2006 Le Web et les Bases de Données Connecter une base de données au World Wide Web, c est mettre en place une passerelle entre un serveur
Plus en détailDevenez un véritable développeur web en 3 mois!
Devenez un véritable développeur web en 3 mois! L objectif de la 3W Academy est de former des petits groupes d élèves au développement de sites web dynamiques ainsi qu à la création d applications web
Plus en détailSTID 2ème année : TP Web/PHP
STID 2ème année : TP Web/PHP Plan de travail et aide mémoire jean.arnaud@inria.fr Ce document est composé de cinq parties : Un aide mémoire sur les aspects pratiques de la création de sites Une introduction
Plus en détailGestion de stock pour un magasin
Département d Informatique Université de Fribourg, Suisse http://diuf.unifr.ch Gestion de stock pour un magasin Stock online utilise ASP/MS-Access DO Thi Tra My No étudiant : 05-333-750 Travail de séminaire
Plus en détailLANGAGUE JAVA. Public Développeurs souhaitant étendre leur panel de langages de programmation
ING 01 LANGAGUE JAVA Durée : 21 heures 1090 HT / jour Dates : à définir en 2012 Concevoir et développer des programmes en langage Java Comprendre le fonctionnement de la machine virtuelle S approprier
Plus en détailProgrammation Web. Madalina Croitoru IUT Montpellier
Programmation Web Madalina Croitoru IUT Montpellier Organisation du cours 4 semaines 4 ½ h / semaine: 2heures cours 3 ½ heures TP Notation: continue interrogation cours + rendu à la fin de chaque séance
Plus en détailApplication Web et J2EE
Application Web et J2EE Servlet, JSP, Persistence, Méthodologie Pierre Gambarotto Département Informatique et Math appli ENSEEIHT Plan Introduction 1 Introduction Objectfis
Plus en détailKompoZer. 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étailSommaire : 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étailWEB & DÉVELOPPEMENT LES BASES DU WEB LE LANGAGE HTML FEUILLES DE STYLES CSS HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES
WEB & DÉVELOPPEMENT LES BASES DU WEB HISTORIQUE D INTERNET ET DU WEB LES DIFFÉRENTS LANGAGES LE LANGAGE HTML STRUCTURE D UNE PAGE En-tête et corps Syntaxe INSÉRER DES CONTENUS Texte : formatage (titre,
Plus en détailSécurité des sites Web Pas un cours un recueil du net. INF340 Jean-François Berdjugin
Sécurité des sites Web Pas un cours un recueil du net INF340 Jean-François Berdjugin Vulnérabilité Définition (wikipédia) : Dans le domaine de la sécurité informatique, une vulnérabilité est une faiblesse
Plus en détailUtilisation de l éditeur.
Utilisation de l éditeur. Préambule...2 Configuration du navigateur...3 Débloquez les pop-up...5 Mise en évidence du texte...6 Mise en évidence du texte...6 Mise en page du texte...7 Utilisation de tableaux....7
Plus en détailHTTP HTTP. IUT1 dpt SRC L Isle d Abeau Jean-françois Berdjugin. Introduction et architecture Messages Authentification Conclusion
HTTP IUT1 dpt SRC L Isle d Abeau Jean-françois Berdjugin HTTP Introduction et architecture Messages Authentification Conclusion 1 HTTP Introduction et architecture Hypertext Transfert Protocol URI (Uniform
Plus en détailDiffuser un contenu sur Internet : notions de base... 13
Diffuser un contenu sur Internet : notions de base... 13 1.1 Coup d œil sur l organisation de cet ouvrage.............. 15 Préambule : qu est-ce qu une page web?................ 16 À propos du HTML...........................
Plus en détailModélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework
Modélisation PHP Orientée Objet pour les Projets Modèle MVC (Modèle Vue Contrôleur) Mini Framework L'objectif de ce document est de poser des bases de réflexion sur la modélisation d'un projet réalisé
Plus en détailwww.evogue.fr SUPPORT DE COURS / HTML
L i a m T A R D I E U www.evogue.fr SUPPORT DE COURS / HTML Sommaire Sommaire... 2 Présentation... 3 Introduction... 3 Fonctionnement... 3 Historique... 4 Navigateurs... 6 Définition... 6 Historiquement...
Plus en détailOptimiser les performances d un site web. Nicolas Chevallier Camille Roux
Optimiser les performances d un site web Nicolas Chevallier Camille Roux Intellicore Tech Talks Des conférences pour partager son savoir Le mardi au CICA Sophia Antipolis http://techtalks.intellicore.net
Plus en détailPDO : PHP Data Object 1/13
PDO : PHP Data Object 1/13 Tous ne sont que des extensions... Les fonstions mysql_* : API mysql Les fonctions mysqli_* aussi Il en est de même pour PDO PDO (avec le pilote PDO MySQL Driver et Extension
Plus en détailBureautique Initiation Excel-Powerpoint
Module de Formation Personnalisée : Bureautique Initiation Excel-Powerpoint Durée : jours ouvrables Prix : Formation personnalisée en vue d obtenir les notions de base indispensables pour : Excel Office
Plus en détail1 Introduction et installation
TP d introduction aux bases de données 1 TP d introduction aux bases de données Le but de ce TP est d apprendre à manipuler des bases de données. Dans le cadre du programme d informatique pour tous, on
Plus en détailModule http MMS AllMySMS.com Manuel d intégration
Module http MMS AllMySMS.com Manuel d intégration Objectif du document... 3 1 Envoi de MMS par requête http... 4 1.1 Format de la requête utilisée... 4 1.2 Arborescence et explication des balises du flux
Plus en détailGilles.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étailRESPONSIVE 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étailIntroduction à Expression Web 2
Introduction à Expression Web 2 Définitions Expression Web 2 est l éditeur HTML de Microsoft qui répond aux standard dew3c. Lorsque vous démarrez le logiciel Expression Web 2, vous avez le choix de créer
Plus en détailCaruso33 : une association à votre service
Caruso33 : une association à votre service Le b-a ba sur le réseau Internet Comment vous trouver facilement sur Internet Pourquoi un portail des associations? Les modalités pour figurer sur le portail
Plus en détailStockage du fichier dans une table mysql:
Stockage de fichiers dans des tables MYSQL avec PHP Rédacteur: Alain Messin CNRS UMS 2202 Admin06 30/06/2006 Le but de ce document est de donner les principes de manipulation de fichiers dans une table
Plus en détailRapport de projet Site web pour une association
51, rue Barthélémy de Laffemas BP 29 26901 Valence Cedex 9 Rapport de projet Site web pour une association Année 2006-2007 Bruno SABOT 1ère année DUT R&T Mathieu ROGER 2ème année DUT R&T Rapport réalisé
Plus en détailOpenPaaS Le réseau social d'entreprise
OpenPaaS Le réseau social d'entreprise Spécification des API datastore SP L2.3.1 Diffusion : Institut MinesTélécom, Télécom SudParis 1 / 12 1OpenPaaS DataBase API : ODBAPI...3 1.1Comparaison des concepts...3
Plus en détailTapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.
Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le
Plus en détailContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A.
ContactForm et ContactFormLight - Gestionnaires de formulaire pour Prestashop Edité par ARETMIC S.A. - 1 - PREAMBULE Les conditions générales d utilisation détaillant l ensemble des dispositions applicables
Plus en détailIntroduction à Microsoft InfoPath 2010
Introduction à Microsoft InfoPath 2010 Couplé à Microsoft SharePoint Designer 2010, InfoPath 2010 simplifie la création de solutions de bout en bout sur SharePoint Server 2010, qui contiennent des formulaires
Plus en détailRAPPORT AUDIT SEO. Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado
- RAPPORT AUDIT SEO Élaboré à l'attention de : Monsieur Greber Élaboré par : Cédric Peinado 17 septembre 2013 Table des matières Optimisation structurelle 2 Optimisation des standards, performances et
Plus en détailFileMaker Server 12. publication Web personnalisée avec XML
FileMaker Server 12 publication Web personnalisée avec XML 2007-2012 FileMaker, Inc. Tous droits réservés. FileMaker, Inc. 5201 Patrick Henry Drive Santa Clara, California 95054 FileMaker et Bento sont
Plus en détailCompte Rendu d intégration d application
ISMA 3EME ANNEE Compte Rendu d intégration d application Compte Rendu Final Maxime ESCOURBIAC Jean-Christophe SEPTIER 19/12/2011 Table des matières Table des matières... 1 Introduction... 3 1. Le SGBD:...
Plus en détailMagento. Magento. Réussir son site e-commerce. Réussir son site e-commerce BLANCHARD. Préface de Sébastien L e p e r s
Mickaël Mickaël BLANCHARD BLANCHARD Préface de Sébastien L e p e r s Magento Préface de Sébastien L e p e r s Magento Réussir son site e-commerce Réussir son site e-commerce Groupe Eyrolles, 2010, ISBN
Plus en détail