HTML, CSS, JS et CGI. Elanore Elessar Dimar
|
|
|
- Tristan Beausoleil
- il y a 8 ans
- Total affichages :
Transcription
1 HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006
2 Sommaire
3 Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language
4 Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Principe : Langage structuré par des balises Simple à apprendre
5 Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Principe : Langage structuré par des balises Simple à apprendre XHTML : HTML adapté à XML Utilisé pour créer des pages web Plus récent que le HTML
6 Comment créer un document HTML? Installer un éditeur : PSPad par exemple Bluefish sous Linux
7 Comment créer un document HTML? Installer un éditeur : PSPad par exemple Bluefish sous Linux Apprendre le langage et rédiger le.xhtml : C est le but de ce qui suit!
8 Comment créer un document HTML? Installer un éditeur : PSPad par exemple Bluefish sous Linux Apprendre le langage et rédiger le.xhtml : C est le but de ce qui suit! Ouvrir le fichier créé avec un navigateur, pour voir le rendu.
9 Bases en XHTML Balises : <balise attribut="valeur"> texte (facultatif) </balise>
10 Bases en XHTML Balises : <balise attribut="valeur"> texte (facultatif) </balise> <balise attribut="valeur" /> (l espace avant /> est indispensable)
11 Bases en XHTML Balises : <balise attribut="valeur"> texte (facultatif) </balise> <balise attribut="valeur" /> (l espace avant /> est indispensable) Commentaires : <!-- Commentaire -->
12 Avant le contenu écrit Préambule <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " xhtml1-strict.dtd">
13 Avant le contenu écrit Préambule <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " xhtml1-strict.dtd"> Autour du contenu réel <html> </html>
14 Avant le contenu écrit Préambule <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " xhtml1-strict.dtd"> Autour du contenu réel <html> </html> En-tête <head> </head> Type de document et encodage : <meta http-equiv="content-type" content="text/html; charset=utf-8" />
15 Avant le contenu écrit Préambule <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " xhtml1-strict.dtd"> Autour du contenu réel <html> </html> En-tête <head> </head> Type de document et encodage : <meta http-equiv="content-type" content="text/html; charset=utf-8" /> Titre : <title> web</title>
16 Structurer un document XHTML Délimiteur du document : <body> </body>
17 Structurer un document XHTML Délimiteur du document : <body> </body> Structure interne : <h1>grand titre</h1> <h2>sous-titre</h2> <p>ici se trouve un paragraphe</p>
18 Structurer un document XHTML Délimiteur du document : <body> </body> Structure interne : <h1>grand titre</h1> <h2>sous-titre</h2> <p>ici se trouve un paragraphe</p> Références : <a href="images/photos/moi123.jpeg"> Une photo de moi que j aime trop!</a>
19 Structurer un document XHTML Délimiteur du document : <body> </body> Structure interne : <h1>grand titre</h1> <h2>sous-titre</h2> <p>ici se trouve un paragraphe</p> Références : <a href="images/photos/moi123.jpeg"> Une photo de moi que j aime trop!</a> Références croisées : <h1 id="debut"> Blabla</h1> <a href="#debut">haut de la page</a>
20 Mise en forme de texte avancée Saut de ligne : <br />
21 Mise en forme de texte avancée Saut de ligne : <br /> Mise en valeur : Emphase faible <em>mots à mettre en valeur modérément</em> Emphase forte <strong>mots à mettre très en valeur</strong>
22 Liste, énumérations et descriptions Liste non ordonnée : <ul> </ul> <li>des choses</li> <li>pas ordonnées</li>
23 Liste, énumérations et descriptions Liste non ordonnée : <ul> </ul> <li>des choses</li> <li>pas ordonnées</li> Liste ordonnée : <ol> </ol> <li>des choses</li> <li>ordonnées</li>
24 Figures et images Formule magique : <img src="images/via.png" alt="logo de VIA" (width="nombre de points") />
25 Figures et images Formule magique : <img src="images/via.png" alt="logo de VIA" (width="nombre de points") /> Pour l inclure dans un paragraphe : <img src="images/via.png" alt="logo de VIA" (width="nombre de points") align="left" />
26 Tables Table : <table border="1"> <tr> <th colspan="2">une cellule titre</th> </tr> <tr> <td align="center">une cellule centrée</td> <td>et sa voisine</td> </tr> <tr> <td>ligne suivante</td> <td>encore deux cellules!</td> </tr> </table>
27 Qu est-ce que CSS? Cascaded style sheets 2
28 Qu est-ce que CSS? Cascaded style sheets 2 Règles d affichage d une page
29 Qu est-ce que CSS? Cascaded style sheets 2 Règles d affichage d une page Intérêt : sépare contenu et apparence facile à maintenir éventuellement, personnalisable
30 Qu est-ce que CSS? Cascaded style sheets 2 Règles d affichage d une page Intérêt : sépare contenu et apparence facile à maintenir éventuellement, personnalisable Exemple : afficher les liens en rouge...
31 Intégrer des styles à un site Styles en ligne : dans le corps, <h1 style="align=center ;">Pouet</h1>
32 Intégrer des styles à un site Styles en ligne : dans le corps, <h1 style="align=center ;">Pouet</h1> (déconseillé)
33 Intégrer des styles à un site Styles en ligne : dans le corps, <h1 style="align=center ;">Pouet</h1> (déconseillé) Styles intégrés : dans l en-tête HTML, <style type="text/css"> h1 {align : center ;} </style>
34 Intégrer des styles à un site Styles en ligne : dans le corps, <h1 style="align=center ;">Pouet</h1> (déconseillé) Styles intégrés : dans l en-tête HTML, <style type="text/css"> h1 {align : center ;} </style> Styles externes : dans l en-tête HTML, <link rel="stylesheet" type="text/css" href="styles.css" />
35 Intégrer des styles à un site Styles en ligne : dans le corps, <h1 style="align=center ;">Pouet</h1> (déconseillé) Styles intégrés : dans l en-tête HTML, <style type="text/css"> h1 {align : center ;} </style> Styles externes : dans l en-tête HTML, <link rel="stylesheet" type="text/css" href="styles.css" /> (conseillé)
36 Syntaxe générale Forme générale : selecteur{propriété : valeur ;}
37 Syntaxe générale Forme générale : selecteur{propriété : valeur ;} Sélecteur : Sélecteur syntaxe CSS élément HTML Balise h1 <h1>pouet</h1> Classe.menu <div class="menu"></div> Id #ici <a id="ici">démago</a> Pseudo-classe a:hover <a>douze</a> survolé
38 Syntaxe générale Forme générale : selecteur{propriété : valeur ;} Sélecteur : Sélecteur syntaxe CSS élément HTML Balise h1 <h1>pouet</h1> Classe.menu <div class="menu"></div> Id #ici <a id="ici">démago</a> Pseudo-classe a:hover <a>douze</a> survolé Propriété : color, margin, font-family...
39 Syntaxe générale Forme générale : selecteur{propriété : valeur ;} Sélecteur : Sélecteur syntaxe CSS élément HTML Balise h1 <h1>pouet</h1> Classe.menu <div class="menu"></div> Id #ici <a id="ici">démago</a> Pseudo-classe a:hover <a>douze</a> survolé Propriété : color, margin, font-family... Valeur : red, 1cm, tahoma...
40 Syntaxe générale Forme générale : selecteur{propriété : valeur ;} Sélecteur : Sélecteur syntaxe CSS élément HTML Balise h1 <h1>pouet</h1> Classe.menu <div class="menu"></div> Id #ici <a id="ici">démago</a> Pseudo-classe a:hover <a>douze</a> survolé Propriété : color, margin, font-family... Valeur : red, 1cm, tahoma... Commentaires : /* commentaire */
41 Sélecteurs et valeurs Exemples des sélecteurs : Sélecteur balises
42 Sélecteurs et valeurs Exemples des sélecteurs : Sélecteur balises a <a></a>
43 Sélecteurs et valeurs Exemples des sélecteurs : Sélecteur balises a <a></a> img, table <img /> et <table />
44 Sélecteurs et valeurs Exemples des sélecteurs : Sélecteur balises a <a></a> img, table <img /> et <table />.menu a <p class="menu"><a></a></p>
45 Sélecteurs et valeurs Exemples des sélecteurs : Sélecteur balises a <a></a> img, table <img /> et <table />.menu a <p class="menu"><a></a></p> Types de valeurs : Type exemples
46 Sélecteurs et valeurs Exemples des sélecteurs : Sélecteur balises a <a></a> img, table <img /> et <table />.menu a <p class="menu"><a></a></p> Types de valeurs : Type exemples Longueur 1cm,.5em, 10px, 120%
47 Sélecteurs et valeurs Exemples des sélecteurs : Sélecteur balises a <a></a> img, table <img /> et <table />.menu a <p class="menu"><a></a></p> Types de valeurs : Type exemples Longueur 1cm,.5em, 10px, 120% Couleur red, #ff0000, #f00
48 Sélecteurs et valeurs Exemples des sélecteurs : Sélecteur balises a <a></a> img, table <img /> et <table />.menu a <p class="menu"><a></a></p> Types de valeurs : Type exemples Longueur 1cm,.5em, 10px, 120% Couleur red, #ff0000, #f00 Mot sans-serif, right
49 Sélecteurs et valeurs Exemples des sélecteurs : Sélecteur balises a <a></a> img, table <img /> et <table />.menu a <p class="menu"><a></a></p> Types de valeurs : Type exemples Longueur 1cm,.5em, 10px, 120% Couleur red, #ff0000, #f00 Mot sans-serif, right Lien url(rep/fich), url(
50 Propriétés de polices et de texte Police de caractères : font-family : serif, sans-serif,... color : couleur font-style : normal, oblique, italique font-weight : normal, bold font-variant : normal, small-caps font-size : longueur
51 Propriétés de polices et de texte text-transform : uppercase, lowercase, capitalize Police de caractères : font-family : serif, sans-serif,... color : couleur font-style : normal, oblique, italique font-weight : normal, bold font-variant : normal, small-caps font-size : longueur Texte : text-align : left, right, center, justify text-indent : longueur
52 Propriétés de boîtes Marges extérieures : margin : 3px margin-top, margin-left... margin
53 Propriétés de boîtes Marges extérieures : margin : 3px margin-top, margin-left... border margin Bordures : border : width style color border-style : none, solid... border-top : 1px solid blue
54 Propriétés de boîtes Marges extérieures : margin : 3px margin-top, margin-left... Espacement intérieurs : padding... margin Bordures : border : width style color border-style : none, solid... border-top : 1px solid blue border padding
55 Propriétés de boîtes Marges extérieures : margin : 3px margin-top, margin-left... Espacement intérieurs : padding... margin Bordures : border : width style color border-style : none, solid... border-top : 1px solid blue Dimensions : width : 130px height : 80px border width padding
56 Propriétés de boîtes Couleur et arrière-plan : background-color : couleur background-image : url(répertoire/image.png)
57 Propriétés de boîtes Couleur et arrière-plan : background-color : couleur background-image : url(répertoire/image.png) Flottaison : float : left, right
58 Propriétés de boîtes Couleur et arrière-plan : background-color : couleur background-image : url(répertoire/image.png) Flottaison : float : left, right Type : display : block inline list-item none
59 Utiliser JavaScript Dynamisme côté client
60 Utiliser JavaScript Dynamisme côté client Insertion dans une page : Script intégré : <script type="text/javascript"> var change = function(){...} ; </script>
61 Utiliser JavaScript Dynamisme côté client Insertion dans une page : Script intégré : <script type="text/javascript"> var change = function(){...} ; </script> Script externe : <script type="text/javascript" src="script.js" />
62 Utiliser JavaScript Dynamisme côté client Insertion dans une page : Script intégré : <script type="text/javascript"> var change = function(){...} ; </script> Script externe : <script type="text/javascript" src="script.js" /> Déclancheur : <img onmouseover="change() ;" /> onmouseover, onmouseout onclick, ondblclick...
63 Syntaxe générale Point-virgule en fin d instruction
64 Syntaxe générale Point-virgule en fin d instruction Commentaires : // ligne commentée /* commentaire long */
65 Syntaxe générale Point-virgule en fin d instruction Commentaires : // ligne commentée /* commentaire long */ Types : Type exemple Nombres var pi = 3.14 ; Booléens var toto = true ; Chaînes var s = pouet\ndouze ;
66 Syntaxe générale Point-virgule en fin d instruction Commentaires : // ligne commentée /* commentaire long */ Types : Type exemple Nombres var pi = 3.14 ; Booléens var toto = true ; Chaînes var s = pouet\ndouze ; Tableaux var t = [1, 2] ; t[0] = 12 ; Objets var o = new Object() ; o.x = 12 ;
67 Syntaxe générale Point-virgule en fin d instruction Commentaires : // ligne commentée /* commentaire long */ Types : Type exemple Nombres var pi = 3.14 ; Booléens var toto = true ; Chaînes var s = pouet\ndouze ; Tableaux var t = [1, 2] ; t[0] = 12 ; Objets var o = new Object() ; o.x = 12 ; Fonctions : var f = function(x, y){return(x + y) ;} ;
68 Structures logiques if(condition){conséq ;} else{conséq ;} while(condition){boucle ;} for(var i = 0 ; i < 12 ; i++) { document.write("itération " + i + ".") ; }
69 Interactions Interactions générales : document.write("pouet") ; alert("attention!") ; b = confirm("^etes-vous d accord?") ; s = prompt("nom?") ;
70 Interactions Interactions générales : document.write("pouet") ; alert("attention!") ; b = confirm("^etes-vous d accord?") ; s = prompt("nom?") ; Document object model (DOM) : objet document décrivant la page propriétés correspondant aux éléments accès aux propriétés des balises HTML.
71 Modification de balises Accès par types : document.images.identite.src = "jprey.jpg" ; document.links.suivant.href = "index.xhtml" ;
72 Modification de balises Accès par types : document.images.identite.src = "jprey.jpg" ; document.links.suivant.href = "index.xhtml" ; Accès par Id : document.getelementsbyid("titre").style.color = "pink" ; document.getelementsbyid("photo").onclick = "change()" ;
73 Modification de balises Accès par types : document.images.identite.src = "jprey.jpg" ; document.links.suivant.href = "index.xhtml" ; Accès par Id : document.getelementsbyid("titre").style.color = "pink" ; document.getelementsbyid("photo").onclick = "change()" ; Propriétés courantes : src href style
74 Une image suvolée <img id="photo" src="titi.png" width="42" height="36" alt="titi" onmouseover="change(document.images.photo, toto) ;" onmouseout="change(document.images.photo, toto) ;" /> <script type="text/javascript"> var photo = new Image(12, 42) ; photo.src = "toto.png" ; photo.alt = "Toto" ; var change = function(a, b) { var c = new Image(a.width, b.height) ; c.src = a.src ; c.alt = a.alt ; a.width = b.width ; a.height = b.height ; a.src = b.src ; a.alt = b.alt ; b.width = c.width ; b.height = c.height ; b.src = c.src ; b.alt = c.alt ; } </script>
75 Script Serveur Les informations sont traitées par le serveur.
76 Script Serveur Les informations sont traitées par le serveur. Formulaire dans le HTML <form action="prog.py" method="post"> <input name="entrée" type="text" />... <input type="submit" value="envoyer" /> </form>
77 CGI : Commun Get Interface
78 Exemple de script Python en CGI import os, cgi Variables d environnement : dicoe = os.environ Paramètres : dicop = cgi.fieldstorage() Résultats : print
79 Exemple de script Python en CGI import os, cgi Variables d environnement : dicoe = os.environ Paramètres : dicop = cgi.fieldstorage() Résultats : print Le language PHP Intégré au code HTML Balise de début : <?php Balise de fin :?> Récupération d une valeur : $_GET["nom"] Résultat : echo"<h1>titre</h1>"
Formation 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
.. 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
LES 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
Tutoriel : 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?
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
Initiation à 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
Luc Brun. Création de pages Web Dynamiques p.1/75
Création de pages Web Dynamiques Luc Brun Création de pages Web Dynamiques p.1/75 Place du HTML GET http://www. monssite.com HTTP 1.0 Content type: text/html ... Création de pages Web Dynamiques
101 Réaliser et publier un site WEB
101 Réaliser et publier un site WEB Rapport personnel de module EMF - Section informatique John Baudin Module du.2008 au.2008 Table des matières 1 Introduction... 1 2 Le XHTML... 1 2.1 Les balises... 1
RAPPORT 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
STID 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
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
Media queries : gérer différentes zones de visualisation
2 Media queries : gérer différentes zones de visualisation Comme nous l avons vu au chapitre précédent, les CSS3 sont constituées de modules. Media queries est simplement l un d eux. Ce module permet d
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
E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE
E-MAILING & NEWSLETTER NEWSLETTER RESPONSIVE mcbenveniste@gmail.com 09/2013 E-MAILING & NEWSLETTER L e-mailing consiste à envoyer des emails simultanément à un nombre important de destinataires dont le
JOOMLA 1.5 avancé SUPPORT DE COURS + annexe
JOOMLA 1.5 avancé SUPPORT DE COURS + annexe SOMMAIRE 1. LA GESTION DES MODULES... Page 2 2. MODIFICATION DE SON TEMPLATE... Page 6 3. LA CREATION DE DIAPORAMA... Page 9 4. LA CREATION DE SONDAGE... Page
Programmation 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
www.evogue.fr SUPPORT DE COURS / HTML
L i a m T A R D I E U www.evogue.fr SUPPORT DE COURS / HTML Sommaire Sommaire... 2 Présentation... 3 Introduction... 3 Fonctionnement... 3 Historique... 4 Navigateurs... 6 Définition... 6 Historiquement...
Pré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...
ENVOI EN NOMBRE DE Mails PERSONNALISES
MAILING ENVOI EN NOMBRE DE Mails PERSONNALISES 2 Téléchargement 3 Installation 6 Ecran d accueil 15 L envoi de mails 22 Envoi d un document HTML crée avec Word (envoi en base 64) 25 Le compte courriel
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,
SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE
SOUTENANCE ORALE RAPPORT DE PROJET D INFORMATIQUE SITE INTERNET DE L ASSOCIATION Diapositive 1 RAPPORT DE PROJET Site internet de l association INTRODUCTION 1) Je m appelle Léonard STRONG. 2) Oral de présentation
CREATION d UN SITE WEB (INTRODUCTION)
CREATION d UN SITE WEB (INTRODUCTION) Environnement : World Wide Web : ordinateurs interconnectés pour l échange d informations ( de données) Langages : HTML (HyperText Markup Language) : langages pour
Formation 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
3. 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
Panel des technologies Web
Panel des technologies Web pierre.jean@mines-ales.fr version 0.14 Objectif Un panorama des technologies Web pour comprendre leurs positionnements et leurs utilisations Questions Evaluation Sommaire Avant
CRÉ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
Le piratage informatique. Rapport de projet. Spécialité Informatique 1 re année. DEJOUR Kévin SOUVILLE Jean-François. Suivi : Mokhtari-Brun Myriam
6, bd maréchal Juin F-14050 Caen cedex 4 Spécialité Informatique 1 re année Rapport de projet Le piratage informatique DEJOUR Kévin SOUVILLE Jean-François Suivi : Mokhtari-Brun Myriam 2 e semestre 2005-2006
{less} Guide de démarrage
{less Guide de démarrage Pré requis L'utilisation d'un pré processeur css nécessite son installation préalable. Vous pouvez choisir de tout installer du coté du serveur ou du coté du client. Votre site
UN SITE WEB RESPONSIVE EN UNE HEURE?
UN SITE WEB RESPONSIVE EN UNE HEURE?! O N O R H C P TO Raphaël Goetter Raphaël Goetter alsacreations.fr alsacreations.com goetter.fr knacss.com mobitest.me @goetter EN UNE HEURE, VOUS AVEZ DIT?!? R E N
Bernard 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.
Celui qui vous parle. Yann Vigara
Celui qui vous parle Yann Vigara Celui qui vous parle Yann Vigara Celui qui vous parle [Spa m] Yann Vigara Fondateur et directeur technique d'atomes Dans l'administration système depuis 1999 Tombé dans
Programmation 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
Gestion Électronique de Documents et XML. Master 2 TSM
Gestion Électronique de Documents et XML Master 2 TSM I n t r o d u c t i o n Les formats de données F o r m a t s d e d o n n é e Format de donnée : manière de représenter des informations dans un document
Zen, SASS, responsive design
, SASS, responsive design Felip Manyer i Ballester Res Telæ 21 mai 2013 Felip Manyer i Ballester, SASS, responsive design 1/36 Plan 1 Créer un thème sous Drupal Généralités Concepts à mettre en œuvre Typologie
Guide de réalisation d une campagne e-mail marketing
Guide de réalisation d une campagne e-mail marketing L ère des envois d e-mails en masse est révolue! Laissant la place à une technique d e-mail marketing ciblé, personnalisé, segmenté et pertinent. La
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
Activités HTML. Code: act-html
Activités HTML act-html Activités HTML Code: act-html Originaux url: http://tecfa.unige.ch/guides/tie/html/act-html/act-html.html url: http://tecfa.unige.ch/guides/tie/pdf/files/act-html.pdf Prérequis:
Les 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
RESPONSIVE WEB DESIGN
RESPONSIVE WEB DESIGN Une approche pour concevoir des sites Web adaptatifs et une occasion d'inciter les étudiants à consulter des cours responsives Ivan MADJAROV Arnaud FÉVRIER Comment consulte-t-on le
Intégrateur Web HTML5 CSS3
Intégrateur Web HTML5 CSS3 L objectif de la 3W Academy est de former des petits groupes d élèves à l intégration de sites internet ainsi qu à la création d applications web simples telles qu un blog ou
HTML. 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
Normes 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
PHP et les Bases de données - Généralités
PHP et les Bases de données - Généralités Conception d une base de données Méthodes utilisées : MERISE, UML Modèle conceptuel des données MCD, Modèle logique MLD, Modèle Physique MPD. Ces aspects seront
TP création et publication d'un site web statique
TP création et publication d'un site web statique Ce TP va se décomposer en trois parties. Dans un premier temps nous créerons un site web statique. Le site sera créé avec l'éditeur Amaya pour respecter
Client / Serveur. Rémy Courdier. Normes et Standards. C/S et l Internetl
Client / Serveur Rémy Courdier Normes et Standards C/S et l Internetl Normes et Standards du Client-Serveur de l Internetl Introduction L immense force d un vrai standard Site, Système et Application Web
RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite?
RESPONSIVE DESIGN : Comment offrir à vos sites une adaptabilité parfaite? Medialibs, votre partenaire digital Quoi? Un partenaire pour une gestion globale du digital (un laboratoire R&D, éditeur de logiciels
Magento. 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
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
Les types de fichiers
Les types de fichiers Tristan Crolard, Sovanna Tan Septembre 2007, m.a.j. septembre 2014 1/41 Tristan Crolard, Sovanna Tan Les types de fichiers disponible sur http://lacl.fr/tan/l1/types_fichiers.pdf
SII Stage d informatique pour l ingénieur
SII Stage d informatique pour l ingénieur Création d un site Web École nationale supérieure de techniques avancées SII Stage d informatique pour l ingénieur 1 / 15 L informatique et le temps qui passe...
Travaux dirigés n 10
Travaux dirigés n 10 IMAC 1 Responsive Web Design Dans ce TD, vous verrez comment concevoir un design web qui s adaptera au terminal sur lequel il sera visualisé. Avant-propos Avec l avènement des smartphones
TP 5 Les CMS, la forme et le fond Internet et Outils (IO2)
TP 5 Les CMS, la forme et le fond Internet et Outils (IO2) Un site, tel que vous avez appris à en programmer jusqu à maintenant, contenant un ensemble de pages HTML embellies de quelques feuilles de styles,
Chapitre IX. L intégration de données. Les entrepôts de données (Data Warehouses) Motivation. Le problème
Chapitre IX L intégration de données Le problème De façon très générale, le problème de l intégration de données (data integration) est de permettre un accès cohérent à des données d origine, de structuration
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
Tous les autres noms de produits ou appellations sont des marques déposées ou des noms commerciaux appartenant à leurs propriétaires respectifs.
Le framework YUI et le développement 4D Par Olivier DESCHANELS, Responsable Programme 4D S.A. Note technique 4D-201004-08-FR Version 1 - Date 1 avril 2010 Résumé Dans la présente note technique, nous allons
Les sites web avec NVU
Les sites web avec NVU Table Des Matières Les sites web avec NVU Les bases du web Les protocoles réseaux Le Web Uniform Resource Locator Recherche d'informations Création et gestion d un site Web Utiliser
Guide technique d accessibilité pour la création et la refonte des sites Web de l administration publique. Date : Juillet 2010 Version 1.
Guide technique d accessibilité pour la création et la refonte des sites Web de l administration publique Date : Juillet 2010 I- Mode d emploi du présent guide technique...5 II- Recommandations pour le
Optimiser 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
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
Architecture Multi-Niveaux
Architecture Multi-Niveaux Patrick FELIX (felix@labri.fr) Franck RUBI (rubi@labri.fr) Département Informatique IUT Bordeaux1 12 novembre 2007 Architecture Multi-Niveaux 1 Plan 1. Introduction : vers une
Utilisation 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
Bases de Données et Internet
Informatique S6 3A Bases de Données et Internet Python: SGBD et CGI Alexis NEDELEC LISYC EA 3883 UBO-ENIB-ENSIETA Centre Européen de Réalité Virtuelle Ecole Nationale d Ingénieurs de Brest enib c 2008
// 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
LANGAGUE 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
Langage HTML (2 partie) <HyperText Markup Language> <tv>lt La Salle Avignon BTS IRIS</tv>
Langage HTML (2 partie) «Je n'ai fait que prendre le principe d - hypertexte et le relier au principe du TCP et du DNS et alors boum! ce fut le World Wide Web!» Tim Berners-Lee
Démarrer avec Ajax et le php: exemple d'application
Démarrer avec Ajax et le php: exemple d'application Rédacteur: Alain Messin (Alain.Messin arobas obs-azur.fr) CNRS UMS 2202 Admin06 24/09/2007 Le but de ce document est de permettre de démarrer dans le
TIC. 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
1. La notion de cascade
HTML 5 et CSS 3 (partie 2) Objectifs Connaître quelques notions avancées de CSS 3, Appréhender l affichage, Introduction au Responsive Web Design. 1. La notion de cascade On constate que l on peut avoir
Autour 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
Manuel d utilisation du module Liste de cadeaux PRO par Alize Web
Manuel d utilisation du module Liste de cadeaux PRO par Alize Web INSTALLER ET CONFIGURER LE MODULE (BACK OFFICE) 2 Réglages des performances 2 Télécharger le module 3 Installer le module 4 Configurer
Document Object Model (DOM)
Document Object Model (DOM) Jean-Claude Charr Maître de conférences IUT de Belfort Montbéliard Université de Franche Comté Description générale Définit un standard pour accéder aux documents structurés
Notes pour l utilisation d Expression Web
EICW Formation Webmaster Notes pour l utilisation d Expression Web G. Barmarin 2008-2009 1 /21 Table des matières 1 Introduction... 3 2 Installer Expression Web... 4 3 Explorer et personnaliser l interface
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
Sana Sellami. sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012
Sana Sellami sana.sellami@lsis.org Licence Professionnelle SIL 2011-2012 Connaître les principales techniques pour la création de sites web Se familiariser avec les langages du web Rendre dynamique le
Démonstration de la mise en cache via HTML 5 sur iphone
Last update: 2011/08/18 21:46 wiki:devmobile:webapp:html5:presentation Démonstration de la mise en cache via HTML 5 sur iphone Overview Parmi les nouveautés du HTML 5, l une d elles est très intéressent
HTML/CSS - Travaux Pratiques 2
HTML/CSS - Travaux Pratiques 2 Le but de ces séances de TP est de se familiariser avec le format HTML et les feuilles de style CSS pour la création de pages web. Pour cela, vous utiliserez emacs sous Linux
FORMATION / 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
2 LES BASES DU HTML 19 Qu est-ce que le HTML? 20 De quand date le HTML? 20 Écrire son propre code HTML 22
SOMMAIRE INTRODUCTION La collection Classroom in a Book TinyUrL Conditions requises Installation du programme Copie des fichiers Classroom in a Book ordre recommandé pour les leçons Démarrage instantané
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)
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.
Dans nos locaux au 98 Route de Sauve 30900 NÎMES. Un ordinateur PC par stagiaire, scanner, imprimante/copieur laser couleur
FORMATION FORFAIT WEB DEVELOPPEUR Qualification ISQ OPQF Formacode 46 125 Certification de titre professionnel Web Designer + modules optionnels : Développement PHP/MySQL avancé, Web App, CMS e-boutique
DOM - Document Object Model
DOM - Document Object Model 1 But de DOM Interfacer les langages de programmation avec les documents XML en les associant avec un modèle orienté objet DOM permet aux programmes et scripts : d'accéder et
Création d'une application WEB avec PHP / MySQL
1 Créer une application WEB avec PHP / MySQL Par Philippe Bousquet Copyright (c) 2003 2008 Philippe Bousquet. 2 Ce livre électronique est une réédition d'un article de préparation d'une
Serveur d'application Client HTML/JS. Apache Thrift Bootcamp
Serveur d'application Client HTML/JS Apache Thrift Bootcamp Pré-requis La liste ci-dessous de logiciels doit être installée et opérationnelle sur la machine des participants : Compilateur thrift http://thrift.apache.org/
Failles 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,
Module BD et sites WEB
Module BD et sites WEB Cours 8 Bases de données et Web Anne Doucet Anne.Doucet@lip6.fr 1 Le Web Architecture Architectures Web Client/serveur 3-tiers Serveurs d applications Web et BD Couplage HTML-BD
L envoi d un formulaire par courriel. Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248
L envoi d un formulaire par courriel Configuration requise... 236 Mail Texte... 237 Mail HTML... 242 Check-list... 248 Chapitre 9 L envoi d un formulaire par courriel L envoi par courriel d informations
creer votre site internet en html/css
3 jours (21 heures) 1110 HT (Inter) 2670 HT (Intra) Toute personne (particulier ou professionnel) souhaitant créer son site Internet Créez son site Internet Assurez sa mise en ligne Gérer les mises à jour
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
Optimiser pour les appareils mobiles
chapitre 6 Optimiser pour les appareils mobiles 6.1 Créer un site adapté aux terminaux mobiles avec jquery Mobile... 217 6.2 Transformer son site mobile en application native grâce à PhoneGap:Build...
Attaques de type. Brandon Petty
Attaques de type injection HTML Brandon Petty Article publié dans le numéro 1/2004 du magazine Hakin9 Tous droits reservés. La copie et la diffusion de l'article sont admises à condition de garder sa forme
Notice d accessibilité HTML, CSS et JavaScript
Notice d accessibilité HTML, CSS et JavaScript Date Version État / commentaires 10 sept. 2015 2.0 Cette version prend en compte WCAG 2.0 et RGAA 3.0. En partenariat avec : Air Liquide Atos BNP Paribas
Rapport 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é
Module : programmation site Web dynamique Naviguer entre les pages via site map
Module : programmation site Web dynamique Naviguer entre les pages via site map Soit le site web suivant qui est constitué de six pages web : On veut créer un menu constitué de trois nœuds principaux générale
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
Un mini-site internet en une après-midi
Prérequis Posséder un ordinateur équipé d un logiciel pour écrire des fichiers texte simples, (SimpleText, BlocNotes, etc...), d un logiciel de Navigation Internet (InternetExplorer, Netscape, Mozilla,
Flex. Lire les données de manière contrôlée. Programmation Flex 4 Aurélien VANNIEUWENHUYZE
Flex Lire les données de manière contrôlée 1 Plan Lier les données Stocker les données Valider les données 2 Gérer des données Lier des données La notion de DataBinding est l une des plus importantes du
COMPRENDRE L ARCHITECTURE DES WEB SERVICES REST. Amosse EDOUARD, Doctorant
COMPRENDRE L ARCHITECTURE DES WEB SERVICES REST Amosse EDOUARD, Doctorant Organisation Cours Magistral 24/11/2014 26/11/2014 01/12/2014 Travaux Dirigés 26/11/2014 28/11/2014 01/11/2014 08/11/2014 Evaluation