Conception Internet HTML Statique Licence 1ère Année
|
|
|
- Coralie Chrétien
- il y a 7 ans
- Total affichages :
Transcription
1 Conception Internet HTML Statique Licence 1ère Année Fabrice Lefèvre
2 Listes Liste à puce <UL type="circle square disc"> entrées </UL> <LI> entrée </LI> pour chaque entrée de la liste Liste numérotée : <OL type="i i A a" start="numéro"> entrées </OL> <LI value="numéro"> entrée </LI> pour chaque entrée de la liste Liste hiérarchisée (definitions) : <DL> entrées </DL> <DT> entrée </DT> pour chaque entrée de la liste <DD> blabla </DT> descriptif pour l entrée correspondante Conception Internet - L1S1 43
3 Tableaux (1) <TABLE> </TABLE> Objectifs des tableaux sous HTML : structurer des infos en ligne et colonne structurer des éléments dans une page (images, texte, objects, ) Tableau constitué de lignes : <TR> </TR> pour chaque nouvelle ligne du tableau Ligne constituée de cellules : <TD> </TD> pour chaque cellule d une ligne Cellule de titre : <TH> </TH> Conception Internet - L1S1 44
4 <HEAD> <TITLE>Exemple de tableau</title> </HEAD> <BODY> <BODY bgcolor="blue" text="magenta"> <H3>Exemple de tableau</h3> <TABLE BORDER="1"> Tableaux (2) <TR><TH>col 1</TH><TH>col 2</TH><TH>col 3</TH></TR> <TR><TD>1*1</TD><TD>2*1</TD><TD>3*1</TD></TR> <TR><TD>1*2</TD><TD>2*2</TD><TD>3*2</TD></TR> </TABLE> </BODY> </HTML> Exemple d Attributs: WIDTH HEIGTH ALIGN BORDER FRAME BGCOLOR COLSPAN ROWSPAN CELLSPACING CELLSPADDING Autres : <CAPTION> Conception Internet - L1S1 45
5 Réglages des espaces Tableaux (3) Conception Internet - L1S1 46
6 Tableaux (4) Prédéfinition des colonnes accélère le chargement des grands tableaux formatage précis largeur absolue : <COLGROUP> <COL width="80">... </COLGROUP> largeur propotionnelle : <COLGROUP> <COL width="3*">... </COLGROUP> factorisation : <COLGROUP width="80" span="3" > Conception Internet - L1S1 47
7 Tableaux (5) Entêtes et pieds de entête définie par <THEAD> </THEAD> pied de page par <TFOOT></TFOOT> corps du tableau par <TBODY></TBODY> les 3 éléments doivent êtres utilisés toujours dans cet ordre chacun peut comporter plusieurs lignes <TR></TR> plusieurs groupes peuvent être définis avec <TBODY></TBODY> si <TABLE rules="groups"> seules les lignes entre les groupes sont visibles (none groups rows cols all) gestion de l'impression Conception Internet - L1S1 48
8 Frames (1) Fractionnement d une page de manière à afficher plusieurs documents HTML <FRAMESET> </FRAMESET> Attribut COLS="taille en pixels ou %" Attribut ROWS="taille en pixels ou %" <FRAME> : définit un nouveau cadre Attribut SRC="page.htm" Attribut NAME= " Nom de la frame" <NOFRAME></NOFRAME> : définit ce qui doit être affiché si le navigateur n accepte pas l utilisation des frames! <BODY> n apparaît que dans la partie <NOFRAME> dès l utilisation de <FRAMESET> Conception Internet - L1S1 49
9 Frames (2) <HEAD> <TITLE>Exemple de Frame</TITLE> </HEAD> <FRAMESET COLS="60%,40%"> <FRAMESET ROWS="33%,33%,33%"> <FRAME src="liste.htm" name="liste"> <FRAME src="table.htm" name="table"> <FRAME src="table2.htm" name="table2"> </FRAMESET> <FRAME src="body.htm" name="body"> </FRAMESET> <NOFRAME> <BODY> page sans frame </BODY> </NOFRAME> </HTML> Attributs: NORESIZE SCROLLING FRAMEBORDER BORDER Autres : <IFRAME>: cadre intègré Conception Internet - L1S1 50
10 Frames (3) <IFRAME> : définit un nouveau intègré n'est pas inclus dans un FRAMESET s'intègre/s'incorpore dans le flux de texte comparable à <IMG> avec un contenu HTML au lieu d'une image Conception Internet - L1S1 51
11 Frames (4) Avantages : séparation/partitionnement logique de l'affichage pas de redondance dans le projet : éléments commun ne sont pas répétés (menus, copyright...) visualisation simultanée d'une action et de son résultat Inconvénients : manipulation complexe navigateurs ne supportant pas les cadres cadres et résolution d'écran temps de chargement liaisons problématiques à des sous pages (signets...) Conception Internet - L1S1 52
12 Images (1) <IMG SRC="chemin absolu ou relatif l image"> Affichage par le navigateur de l image dans la dimension d origine => utilisation de : Attribut WIDTH="Valeur" en pixels Attribut HEIGHT="Valeur" en pixels Autres attributs: ALT, ALIGN, BORDER, HSPACE, VSPACE, Conception Internet - L1S1 53
13 Images (2) 3 formats supportés: GIF, JPEG, PNG Attention au temps de chargement des images fonction de la taille en pixels " du taux de compression (JPEG ou PNG) 228ko 73ko 30ko Conception Internet - L1S1 54 6ko
14 Images (3) Complexité de l'image (16M vs 256 couleurs) GIF Transparence Animation (GIF89a) Conception Internet - L1S1 55
15 Images (2) Images forme la plus simple consiste à utiliser l'image pour représenter un lien 2 formes : server-side : les coordonnées de la souris sur l'image sont transmises au serveur (<IMG... ISMAP...>) client-side : une carte (map) de l'image est fournie qui identifie les liens par zone (<IMG...USEMAP="#carte"...>) o carte : <MAP NAME="carte"> zones </MAP> o zones : <AREA SHAPE="RECT CIRCLE POLY" ID="..." COORDS="..." HREF="..." > Conception Internet - L1S1 56
16 Multimedia (1) <EMBED SRC="chemin absolu ou relatif du contenu multimedia"> Résultat dépend de nombreux facteurs (par exemple du type de fichier, de la configuration matérielle chez l'utilisateur, des plugiciels installés et des programmes étrangers disponibles connus du navigateur) Quand le navigateur Web ne peut pas traiter le fichier, il doit produire un message d'erreur et afficher à la place du fichier le symbole des données ne pouvant être affichées Un lien vers le contenu multimedia peut suffire pour le son (cf. infra) aux formats classiques Conception Internet - L1S1 57
17 Multimedia (2) Formats classiques pour l audio AIF (Mac) U-law (Unix) MPEG Midi Wave(MS) Real Audio (streaming/transit) Windows Media Audio Ogg Vorbis Pour la video : MPEG, Quicktime, Realvideo, Windows Media File Conception Internet - L1S1 58
18 Multimedia (3) <HEAD> <TITLE>Exemple de Multimedia/Flash</TITLE> </HEAD> <BODY> <H1>Une partie du "jeu du ver" avec Flash </H1> <NOEMBED> </NOEMBED> <P>Vous manquez quelque chose!</p> </BODY> </HTML> <EMBED SRC="nibbles.swf" quality="high" scale="exactfit" menu="false" bgcolor="#000080" width="600" height="400" swliveconnect="false" type="application/x-shockwaveflash" pluginspage=" ersion=shockwaveflash"> Conception Internet - L1S1 59
19 Multimedia (4) <OBJECT permet de généraliser l'introduction de tout fichier externe classid peut être un nom de fichier ou un code <OBJECT classid="java:zticker.class"> pour Java <OBJECT classid="clsid:d27cdb6e-ae6d-11cf- 96B " > pour Flash (et <PARAM> donne le fichier à jouer) Conception Internet - L1S1 60
20 Multimedia (4) Type <OBJECT DATA="html.txt" TYPE="text/plain" > Paramètres des exécutables : <PARAM NAME="..." VALUE="..." Syntaxe uniforme, évite duplication de balises pour tous les types de fichiers Conception Internet - L1S1 61
21 Conception de Site Internet Licence 1ère Année Partie 4 - Feuilles de styles CSS Fabrice Lefèvre
22 Feuilles de styles CSS (1) Avec les feuilles de style, le consortium du W3C revient à la conception initiale : le HTML structure le texte, la Feuille de Style le présente À partir de la version 4 : on peut définir des feuilles de style (Style Sheets) On définit globalement des instructions de mise en forme Les instructions peuvent être rassemblées dans un document indépendant Ce document peut être associé à un ou plusieurs documents HTML Conception Internet - L1S1 63
23 Feuilles de styles CSS (2) Application des styles : Appel à l'attribut style <h2 style="text-decoration:overline"> Feuille de style interne possible de spécifier une feuille de style "interne" entre deux balises <style> et </style>. <head><style type="text/css">(...)</style></head> Feuille de style externe appel d'un fichier externe (.css) via la meta-balise <link>, <head><link rel="stylesheet" href="../styles/site.css" type="text/css"></head> Cascading Style Sheets : style externe << style interne << style attribut Conception Internet - L1S1 64
24 Feuilles de style CSS (2) /* Le fond est toujours en blanc */ BODY {background-color: white} /* Couleur rouge pour ancres et en-têtes */ A, H1, H2, H3 {color: #ca0000} CAPTION {font-size:large; color: #ca0000} /* Classes pour alterner les couleurs des lignes */ TR.A0 {background-color:white} TR.A1 {background-color:yellow}.attention {background-color:red; color:white} Conception Internet - L1S1 65
25 Feuilles de styles CSS (3) Des instructions globales: A, H1, H2, H3 {color: #ca0000} le style sera appliqué à toutes les balises Des classes pour raffiner les styles TR.A0 {background-color:white} on peut appliquer <TR CLASS="A0"> Les classes peuvent être génériques :.attention {background-color=red} Ex : <B CLASS="attention"> Conception Internet - L1S1 66
26 Feuilles de style CSS (4) <HEAD> <TITLE>Tableau HTML</TITLE> <LINK REL=stylesheet HREF="ExCSS.css" TYPE="text/css"> </HEAD> <BODY> <TABLE BORDER=4 CELLSPACING=2 CELLPADDING=2> <CAPTION><B>Mes films</b></caption> <TR><TH>Titre<TH>Année<TH>Nom Réalisateur</TR> <TR CLASS=A0><TD>Alien<TD>1979<TD>Scott <TR CLASS=A1><TD>Vertigo<TD>1958<TD>Hitchcock <TR CLASS=A0><TD>Van Gogh<TD>1991<TD>Pialat </TABLE> <B CLASS= attention >Et voilà!</b> </BODY> </HTML> Conception Internet - L1S1 67
27 XHTML! Norme rapprochant HTML du langage XML Permet l édition de sources HTML par des éditeurs XML Des contraintes : Spécification d un DOCTYPE particulier Toutes les balises doivent être fermées. Si pas de balise de fermeture prévue => <BAL /> Ordre d imbrication des balises à respecter : <B><I> texte </B></I> interdit! Elément et attribut doivent être écrits en minuscule (XML sensible à la casse) Minimisation de l attribut interdite : checked => checked="checked" Conception Internet - L1S1 68
28 Conclusion Langage HTML plus que largement utilisé! Standard => portable malgré certains détournements des éditeurs de navigateurs! Evolution rapide mais a atteint ces limites si utilisé tout seul! Utilisation du DHTML! Pas un standard, mais juste l association du langage HTML avec d autres langages (Javascript, PHP ) pour le rendre dynamique! Module - Sites Dynamiques au L1S2 Conception Internet - L1S1 69
29 DOCTYPE "-//IETF//DTD HTML Level 1//EN" "-//IETF//DTD HTML//EN" "-//IETF//DTD HTML 3.0//EN" "-//W3C//DTD HTML 3.2//EN" "-//W3C//DTD HTML 4.0 Transitionnal//EN" "-//W3C//DTD HTML 4.0//EN" "... " HTML 1.0 HTML 2.0 HTML 3.0 HTML 3.2 HTML 4.0 HTML 4.0 Par défaut Définition du type de document ie standard pris en compte dans la page Optionnel car non utilisé par les navigateurs!!! Conception Internet - L1S1 70
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
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,
// 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
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
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...
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
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
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
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?
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
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
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
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.
Optimiser les e-mails marketing Les points essentiels
Optimiser les e-mails marketing Les points essentiels Sommaire Une des clés de succès d un email marketing est la façon dont il est créé puis intégré en HTML, de telle sorte qu il puisse être routé correctement
Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License,
Langage HTML Copyright 2010 tv Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.1 or any
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
HTML, CSS, JS et CGI. Elanore Elessar Dimar
HTML, CSS, JS et CGI Elanore Elessar Dimar Viamen GPAs Formation, 13 avril 2006 Sommaire Qu est-ce que HTML? HTML : HyperText Marckup Language XML : extensible Marckup Language Qu est-ce que HTML? HTML
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)
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
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
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
Formation : WEbMaster
Formation : WEbMaster Objectif et Description : Centre Eclipse vous propose une formation complète WebMaster, vous permettant de : Utiliser dès maintenant les nouveautés du web2, ainsi alléger les besoins
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
Pack Fifty+ Normes Techniques 2013
Pack Fifty+ Normes Techniques 2013 Nos formats publicitaires par site 2 Normes techniques 2013 Display classique Pavé vidéo Footer Accueil panoramique Publi rédactionnel Quiz Jeu concours Emailing dédié
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
Initiation aux techniques du Web. Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr
Initiation aux techniques du Web Cours L2 sciences cognitives séance 2 Charif HAYDAR: alchiekc@loria.fr La balise Intégrer un élément ou un fichier externe (video, audio, flash, pdf ). Le support
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
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...
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
Introduction à 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
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
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
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
.. 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
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
La balise object incorporer du contenu en HTML valide strict
Qu'est ce que la balise object La balise object incorporer du contenu en HTML valide strict Beaucoup de monde insère des médias dans leur page web avec la balise non standard . Pourtant il existe
Spétechs Mobile. D e r n i è r e m i s e à j o u r : a o û t 2014
Spétechs Mobile D e r n i è r e m i s e à j o u r : a o û t 2014 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail votre contact
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
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
Spétechs Mobile. Octobre 2013
Spétechs Mobile Octobre 2013 Appli ios Appli Android Site Mobile Les clicks URL Appli ios Créa en dur HTML5 Créa en dur Banner Interstitiel Interstitiel Vidéo Bouncing / traveling Image Bouncing / traveling
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
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
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
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
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
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...
1 è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
Alors "Web" c'est le service Internet permettant de naviguer à travers des pages Web.
1. Langage HTML Cette chapitre explique ce qu'est un site Web et ainsi contient les information de base sur le langage HTML, langage qui permet la réalisation de pages Web. Quand on utilise le mot Internet,
MODULE INF112. Préparation pour le CC2
MODULE INF112 TD 8 2007 2008 1 Préparation pour le CC2 Choisir un thème scientifique (exposé déjà fait?) Faire des recherches sur le Web si nécessaire Choisir une organisation du site Plan des pages Liens
Créer une base de données vidéo sans programmation (avec Drupal)
Créer une base de données vidéo sans programmation (avec Drupal) 10.10.2013 Nicolas Bugnon (nicolas.bugnon@alliancesud.ch) Centre de documentation Alliance Sud www.alliancesud.ch Résultat de l atelier
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
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
Évaluation des compétences. Identification du contenu des évaluations. Septembre 2014
Identification du contenu des évaluations Septembre 2014 Tous droits réservés : Université de Montréal Direction des ressources humaines Table des matières Excel Base version 2010... 1 Excel intermédiaire
Petite définition : Présentation :
Petite définition : Le Web 2.0 est une technologie qui permet la création de réseaux sociaux, de communautés, via divers produits (des sites communautaires, des blogs, des forums, des wiki ), qui vise
Création de site Web : Volet II concevoir et mettre un site en ligne
Création de site Web : Volet II concevoir et mettre un site en ligne Ce document est offert par le CDEACF Table des matières Table des matières TABLE DES MATIÈRES...I REMERCIEMENTS...II INTRODUCTION...III
Création de maquette web
Création de maquette web avec Fireworks Il faut travailler en 72dpi et en pixels, en RVB Fireworks étant un logiciel dédié à la création de maquettes pour le web il ne propose que les pixels pour le texte
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é
Spécifications techniques
Infos pratiques Bon de commande: indication de réservation publicité Tablette + confirmation de livraison du matériel: envoyer à booking@trustmedia.be Matériel Papier: artwork@mediafin.be 2 jours ouvrables
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
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
Creation d une page Web
Création des pages web 1 Creation d une page Web Par Romica TRANDAFIR Table des matières 4. Création des pages web... 2 4.1. Présentation générale du langage HTML...2 4.2. Les principales balises du langage
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...
INTRODUCTION AU CMS MODX
INTRODUCTION AU CMS MODX Introduction 1. Créer 2. Organiser 3. Personnaliser UNE PETITE INTRODUCTION QUEST-CE QU UN CMS? CMS est l acronyme de Content Management System. C est outil qui vous permet de
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,
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
Spétechs Mobile. D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4
Spétechs Mobile D e r n i è r e m i s e à j o u r : s e p t e m b r e 2 0 1 4 Généralités Envoi des créas à Amandine Canu, responsable traffic mobile : acanu@hi-media.com Mettre en copie de votre e-mail
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
Logiciels de référencement
Outils Logiciels de référencement Afin de contrôler la qualité de son référencement, d optimiser et d améliorer son positionnement, il peut être utile d utiliser des outils couvrant tout ou partie du référencement.
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
Programmation 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)
Sage 100 CRM - Guide de la Fusion Avancée Version 8. Mise à jour : 2015 version 8
Sage 100 CRM - Guide de la Fusion Avancée Version 8 Mise à jour : 2015 version 8 Composition du progiciel Votre progiciel est composé d un boîtier de rangement comprenant : le cédérom sur lequel est enregistré
FileMaker 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
Modules Multimédia PAO (Adobe)
Modules Multimédia PAO (Adobe) Pré-requis : Bonne maîtrise de la manipulation d'un PC (environnement Windows ou Mac) et de la navigation Internet. Disposition pour le graphisme recommandée. Mémoire visuelle,
BUREAUTIQUE. 1 Journée. Maîtriser les fonctions de base du logiciel
BUREAUTIQUE Maîtriser les fonctions de base du logiciel Premiers pas dans Word - Présentation de l interface - Mode affichage écran - Méthode de Sélection, de Déplacement - La gestion crante des documents
Outils permettant la diffusion de l information. Un point sur le droit numérique
Technologies de l Information et de la Communication Introduction aux NTE/TICE Présentation des UNR UNT Outils permettant la diffusion de l information Conceptualisation d un module d apprentissage numérique
145A, avenue de Port Royal, Bonaventure (Québec) G0C 1E0 Sans frais : 1 888 765 4636 www.solutioninfomedia.com
Guide de l utilisateur CMS 1 Navigation dans le CMS... 2 1.1 Menu principal... 2 1.2 Modules tableau... 3 1.3 Modules formulaire... 5 1.4 Navigation dans le site Web en mode édition... 6 2 Utilisation
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
CONSTRUCTION DE SITES WEB
CONSTRUCTION DE SITES WEB 3ème partie Sommaire Introduction...3 Les Images sur le Web...3 Les Images Numériques...6 Les Formats des Fichiers...7 Les particularités du format GIF...8 Les Images Animées...9
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
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
JPEG, PNG, PDF, CMJN, HTML, Préparez-vous à communiquer!
JPEG, PNG, PDF, CMJN, HTML, Préparez-vous à communiquer! 1 / Contexte L ordinateur La loi du nombre La numérisation = codage d une information en chiffres binaire : 0 1 («bit») 8 bits = 1 octet 1ko = 1024
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
SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES
SPECIFICITES TECHNIQUES DES FORMATS PUBLICITAIRES Contact Traffic : Audrey Pluot-Etourneau apluot@staff.aufeminin.com LES FORMATS CLASSIQUES Nom du Format Dimension du Format Poids Max Fichiers Acceptés
mon site web via WordPress
mon site web via WordPress Vocabulaire CMS : Content Management System WordPress fait partie de cette famille de logiciels destinés à la conception et à la mise à jour dynamique de sites Web ou d applications
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
TD : Codage des images
TD : Codage des images Les navigateurs Web (Netscape, IE, Mozilla ) prennent en charge les contenus textuels (au format HTML) ainsi que les images fixes (GIF, JPG, PNG) ou animée (GIF animée). Comment
Dévéloppement de Sites Web
1 Dévéloppement de Sites Web Cours II : Internet et HTML - une très brève introduction Peter Stockinger Séminaire de Maîtrise en Communication Interculturelle à l'institut National des Langues et Civilisations
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
Tous 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
Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation.
1 Le logiciel de création de site internet IZISPOT est un outil très puissant et qui est assez simple après quelques temps d utilisation. Voici un mode opératoire qui vous guidera dans l utilisation de
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
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.
HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles
46 HTML5, CSS3 et JavaScript Développez vos sites pour les terminaux mobiles enfin deux points importants pour les sites mobiles, les nouveautés sur les formulaires ainsi que le mode hors-ligne. 2. Bonnes
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:
WORDPRESS : réaliser un site web
WORDPRESS : réaliser un site web Wordpress est un système de gestion de contenu (ou CMS) libre. Il permet de créer des sites relativement complexes (blog, forum, site vitrine, site dynamique), sans qu
Parcours guidé : créer des pages simples au format html avec Nvu 28/1/10
Table des matières 1. AVANT-PROPOS... 4 1.1. PRESENTATION DE NVU... 4 1.2. CARACTERISTIQUES PRINCIPALES DE NVU... 4 1.3. OBJECTIF DE CE DOCUMENT... 4 1.4. PRE-REQUIS NECESSAIRES... 4 1.5. MODE D'EMPLOI
Pour en expliquer le principe, on se limitera à deux exemples :
Les Media Queries permettent donc de cibler : Le type de média La taille de l'écran La taille de la fenêtre La résolution Le nombre de couleurs L'orientation Pour en expliquer le principe, on se limitera
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,