MEMENTO HTML Chevauchement d'éléments interdits Les éléments précédents ne doivent pas se chevaucher. 1. Entités HTML
|
|
- Florence Grégoire
- il y a 8 ans
- Total affichages :
Transcription
1 12/12/02 Maîtrise des sciences de l'information et de la documentation / Mémento HTML décembre MEMENTO HTML 4.01 Extrait de 1. Entités HTML permettent de coder les caractères accentués, les signes diacritiques et les caractères spéciaux (< & >). elles commencent par le caractère &, suivi d'un nom significatif et se terminent par un point-virgule. s é é ç ç è è ecirc; ê à à ù ù espace insécable < < > > & & 2. Elément représente une unité structurelle du document : paragraphe, lien, listes, tableau, images, etc. le plus souvent composé de trois parties : une balise d'ouverture, un contenu et une balise de fermeture. la plupart des éléments peuvent s'emboîter (s'imbriquer). <STRONG><EM>Super!!!</EM></STRONG> -> les butineurs ignorent les éléments inconnus. 3. Elément conteneur Comporte une balise d'ouverture et une balise de fermeture. <TITLE>Université Paris 1</TITLE> 4. Elément à balise de fermeture optionnelle <LI>Lundi</LI> est équivalent à <LI>Lundi 5. Elément vide Ne comporte pas de balise de fermeture. s <HR> <BR> <IMG> 6. Chevauchement d'éléments interdits Les éléments précédents ne doivent pas se chevaucher. correct <STRONG><EM>Terpsichore</EM></STRONG> incorrect <STRONG><EM> Terpsichore </STRONG></EM> 7. Attribut paramètre d'un élément. : <A href = "index.html"> (href est l'attribut de l'élément A, tapé de préférence en minuscules). n'est pas sensible à la casse. les butineurs ignorent les attributs inconnus. la valeur d'un attribut est encadrée par des guillemets : attribut = "valeur". 8. Commentaires ne sont pas affichés par les butineurs. tout ce qui est situé entre les caractères <!- - et --> est ignoré par les butineurs. s <!-- Ceci est un commentaire --> <!-- Attention -- ceci est incorrect --> <P -- Ceci aussi! --> 9. Contenu d'un document HTML Un document HTML contient : de l'information (texte) ; la structure logique (titres, paragraphes, listes, tableaux, etc.) représentée sous forme d'éléments HTML emboîtés (imbriqués). 10. Structure générale d'un document HTML Un document HTML comprend trois parties : 1. une ligne indiquant la version HTML qu utilise le document. 2. un en-tête représenté par l'élément HEAD. 3. le corps du document qui contient le contenu proprement dit du document et qui est représenté par l'élément BODY ou FRAMESET. 11. Structure générale d'un document HTML - 1 <!DOCTYPE html PUBLIC "-
2 12/12/02 Maîtrise des sciences de l'information et de la documentation / Mémento HTML décembre //IETF//DTD HTML 2.0//EN"> <HTML> 2 <HEAD> <TITLE> de document HTML</TITLE> 3 <BODY> <P>Bonjour! </BODY> </HTML> 12. Structure générale d'un document HTML <!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN"> -> information sur la spécification d'html respectée par le document. Utilisée par les validateurs. 13. L'élément HTML Dénommé élément racine, il n'a pas réellement d'utilité. 14. L'élément HEAD Représente l'en-tête du document, il contient essentiellement des méta-données non affichées par les butineurs et le titre du document qui apparaît dans la barre de titre du butineur. <HEAD> <META name="author" lang="fr" content="céline Martin"> <META name="keywords" lang="enus" content="vacation, Greece, sunshine"> <META name="keywords" lang="en" content="holiday, Greece, sunshine"> <META name="keywords" lang="fr" content="vacances, Grèce, soleil"> <TITLE>Vacances hélléniques - été 2001</TITLE> 15. L'élément META inclus dans l'élément HEAD. élément à balise de fermeture optionnelle. permet de spécifier des méta-données dans un document HTML. L'élément META spécifie une propriété à l'aide de l'attribut name et lui assigne une valeur définie par l'attribut content. s d'utilisation Description du contenu de la page <META name="description" content="cours HTML"> Mots-clefs <META name="keywords" lang="fr" content="langage de balisage, balisage, HTML"> Nom du/des auteur(s) du document <META name="author" content="céline Martin"> Éditeur(s) HTML utilisé(s) <META name="generator" content="html Tidy, see L'élément TITLE tout document HTML doit posséder un élément titre. inclus dans l'élément HEAD. définit le titre du document (donner un titre représentatif du contenu du document). apparaît dans la barre de titre du butineur et dans les signets (signets, favoris, bookmarks). utilisé par les moteurs de recherche. élément conteneur. <TITLE>Université Paris 1 - Panthéon-Sorbonne</TITLE> 17. L'élément BODY définit le corps du document. n apparaît qu une fois dans un document HTML. élément conteneur. 18. Squelette d un document HTML <HTML> <HEAD> <TITLE>Terpsichore</TITLE> <BODY> </BODY> </HTML> 19. Contenu du corps d'un document HTML en-têtes ou niveaux de titres. paragraphe. listes. lien ou hyperlien. images. structuration du texte.
3 12/12/02 Maîtrise des sciences de l'information et de la documentation / Mémento HTML décembre tableaux. formulaires (forms). cadres (frames). 20. En-têtes ou niveaux de titres élément H. 6 niveaux : 1 le plus important, 6 le moins important : H1, H2, H3, H4, H5 et H6. à utiliser dans l'ordre hiérarchique. élément conteneur. <H2>Titre de niveau 2</H2> 21. Paragraphes élément à balise de fermeture optionnelle P. <P>Tous les êtres humains naissent libres et égaux en dignité et en droits Retour à la ligne forcé : élément vide BR. Ligne horizontale : élément vide HR. Paragraphe préformaté élément conteneur PRE. définit un bloc rendu par un butineur tel quel, en conservant espaces et retours à la ligne. police à espacement fixe. <PRE> Ceci est un paragraphe préformaté. Il est affiché tel qu il a été tapé. </PRE> 22. Listes trois types (élément conteneur) : ordonnée (numérotée) : OL. non ordonnée (à puces) : UL. de définitions : DL. définition d'un item de liste : LI pour les deux premiers types de liste. DT et DD pour le dernier. Ces éléments sont à balise de fermeture optionnelle. s de listes non ordonnée et ordonnée <UL> <LI>500 g de crevettes <LI>1 morceau de gingembre <LI>... </UL> <OL> <LI>Frire les crevettes jusqu à ce qu'elles soient bien dorées. <LI>Verser la sauce aigre-douce. <LI>Orner de quelques feuilles de coriandre. </OL> s de liste de définitions <DL> <DT>Langage de balisage <DD>Facilite la publication, l'échange et le traitement par des programmes de documents électroniques structurés. <DT>HTML <DD>Standard de la publication de données sur le Web. </DL> 23. Syntaxe d un URL protocole://serveur[:port][/chemin] [/nom du document][#position] Les [...] notent un élément optionnel. Protocole : http, ftp, mailto, news, telnet, file (fichier en local), Serveur : nom complet (FQDN) du serveur. s d URL tml ftp://ftp.jussieu.fr mailto:mist@univ-paris1.fr 24. Lien ou hyperlien relation entre deux ressources (document HTML, image, etc.) du Web. un lien est composé de deux parties, appelées ancres (anchor) : ancre source : texte, image. ancre de destination : n'importe quelle ressource du Web. défini par l'élément conteneur A. deux formes d utilisation : Insertion d'un lien <A href="url">ancre source</a> Accès à un fragment de document (à une position précise dans un document) <A name="étiquette">texte</a> 25. Typologie des liens Liens absolus pointent de manière absolue (URL complet) vers une ressource Web.
4 12/12/02 Maîtrise des sciences de l'information et de la documentation / Mémento HTML décembre en général à utiliser pour des ressources situées sur d'autres serveurs Web. <A href=" >Aide de Yahoo! France</A> Liens relatifs pointent de manière relative (nom de dossier/nom du document) vers une ressource. à utiliser pour des ressources situées sur son serveur Web. <A href="tp/index.html">sommaire des TP</A> Liens d'accès à un fragment de document absolu <A href=" clas">aide sur la classification de Yahoo! France</A> relatif à un autre document <A href="recettes.html#raclette">recett e de la raclette</a> relatif à une position du document actuel cf. <A href="#note1">note 1</A> <A name="note1">il ressort</a> de cette étude un paradoxe surprenant Insertion d'images élément IMG, à balise de fermeture optionnelle. attributs src : spécifie l'endroit où est localisée l'image. border : bordure bleue autour de l'image en cas de lien (0 = pas de bordure). alt : brève description de l'image. Affichée si l image n est pas chargée. title : titre de l'image (une infobulle apparaît lorsque le pointeur de la souris est placé sur l'image). <IMG src="hamac.jpg" alt="un hamac" title="douceur de vivre"> 27. Quelques formats d'images GIF (Graphic Interchange Format ) créé par Compuserve. jusqu'à 256 couleurs (8 bits). compression sans perte. entrelacement, animation. -> à utiliser pour des boutons, des icônes, des schémas mais pas pour des photographies. JPEG (Joint Photographic Experts Group) normalisé par l'iso. jusqu'à 16 millions de couleurs (24 bits) compression avec perte. -> à utiliser pour des photographies mais pas pour des boutons ou des icônes. PNG (Portable Network Graphics) recommandation du W3C. jusqu'à 16 millions de couleurs (24 bits). compression sans perte. -> à utiliser pour représenter n'importe quel type d'information graphique. Remplace les formats GIF et JPEG Structuration de fragments de texte éléments «logiques». apportent une information structurelle à des fragments de texte. formatage dépend du butineur. éléments «physiques». -> formatage imposé au butineur. Ces deux types d'élément sont des éléments conteneurs. Eléments logiques EM : mise en évidence (généralement rendu en italique). STRONG : mise en évidence forte (généralement rendu en gras). CITE : cite une référence. DFN : une définition. CODE : un extrait de code (informatique, mathématique,...). Pour des extraits plus longs (plusieurs lignes), on utilisera PRE. SAMP : pour donner des exemples de résultat de programmes, de scripts,...
5 12/12/02 Maîtrise des sciences de l'information et de la documentation / Mémento HTML décembre KBD : un texte tel qu'un utilisateur devrait le taper au clavier. VAR : une instance de variable. ABBR : un sigle (WWW, HTTP). ACRONYM : un acronyme (ONU, UNICEF). Eléments physiques TT : texte à rendre dans une police à espacement fixe (télétype). I : texte en italique. B : texte gras. BIG : texte avec une taille de police plus grande que la taille courante. SMALL : texte avec une taille de police plus petite que la taille courante. STRIKE ou S : texte barré (obsolète). U : texte souligné (obsolète). 29. Eléments conteneurs de structuration de texte BLOCKQUOTE : bloc de citation (retrait à gauche et à droite). SUB : indice. SUP : exposant. ADDRESS : contact et coordonnées. 30. Les tableaux Usages présentation d'informations sous forme de tableau. mise en page : multi-colonnages. Structure titre optionnel. une ou plusieurs lignes. une ou plusieurs colonnes. chaque ligne consiste en une ou plusieurs cellules. une cellule peut s'étendre sur plusieurs lignes ou plusieurs colonnes. Définition élément conteneur TABLE. attributs de l'élément border : bordure autour du tableau et entre les cellules (en pixels, 0 = pas de bordure). cellpadding : espace entre la bordure d'une cellule et son contenu (en pixels ou pourcentage). cellspacing : espace entre les cellules (en pixels ou pourcentage). width : largeur du tableau (en pixels ou pourcentage). <TABLE cellspacing="10" border="0"> </TABLE> Définition des composants d'un tableau titre : élément conteneur CAPTION. ligne : élément à balise de fermeture optionnelle TR. cellule : élément à balise de fermeture optionnelle TD. Attribut d'alignement pour les éléments TR et TD : align. Valeurs : left, center, right, justify. Attributs d' extension d'une cellule sur : n lignes : rowspan. n colonnes : colspan. En-tête de colonne : élément à balise de fermeture optionnelle TH. Attribut d'alignement : align (obsolète). Valeurs : left, center, right, justify. <TABLE border="0" cellspacing="10"> <CAPTION>Cinéma : les meilleures entrées à Paris</CAPTION> <TH align="left">titre <TH>Nombre d'entrées <TD>Barberousse <TD align="right"> <TD>Le Sacrifice <TD align="right"> <TD>In the Mood for Love <TD align="right"> </TABLE> 31. Les formulaires Usages permettent à l'internaute de saisir des informations. celles-ci sont envoyées à un programme sur un serveur Web afin d'être traitées. ce programme peut renvoyer le résultat du traitement des informations. Définition Elément conteneur FORM Attributs :
6 12/12/02 Maîtrise des sciences de l'information et de la documentation / Mémento HTML décembre action. Valeur : un URL. method. Valeur : post ou get. <FORM action=" method="post">... </FORM> Un formulaire peut contenir du texte, les éléments vus précédemment et des éléments particuliers appelés contrôles. Les éléments contrôle INPUT : champ d'entrée de données. Elément vide. Attributs de l élément INPUT name : nom du champ. value : valeur initiale. size : taille du champ. maxlength : nombre maximum de caractères. type : text : champ de type texte. password : idem que text mais les caractères tapés sont dissimulés, par des étoiles par exemple. checkbox : case à cocher. radio : bouton radio. submit : bouton de soumission (envoi des données au serveur). reset : bouton de réinitialisation. Les valeurs de tous les contrôles du formulaire sont remises à leur valeur initiale, telle que mentionnée dans l'attribut value. SELECT : menu. Elément conteneur. Il doit contenir au moins un élément conteneur OPTION. <SELECT> <OPTION>Découverte 12-25</OPTION> <OPTION>Découverte Séjour</OPTION> <OPTION>Découverte à deux</option> <OPTION>Découverte J8</OPTION> <OPTION>Découverte J30</OPTION> </SELECT> TEXTAREA : zone de saisie multi-ligne. Elément conteneur. Attributs obligatoires cols : nombre de colonnes visibles à l'écran. rows : nombre de lignes visibles à l'écran. <H3>Etat civil</h3> <FORM action="mailto:mist@univparis1.fr" enctype="text/plain" method="post"> NOM : <INPUT name="nom" type="text"> <P>Prénom : <INPUT name="prenom" type="text"> <P>Age : <INPUT name="age" type="text" size="3" maxlength="3"> ans <P><INPUT value="validation" type="submit"> <INPUT value="réinitialisation" type="reset" > </FORM> 32. Les cadres (frames) Usages permettent de diviser la fenêtre principale du butineur en plusieurs cadres ou sousfenêtres indépendants et d'afficher des documents différents dans ceux-ci. ces cadres sont agençables horizontalement (attribut rows) ou verticalement (attribut cols). utiliser à bon escient les cadres. Squelette <HTML> <HEAD> <FRAMESET> <FRAME> Définition de la division en cadres Définition des documents à afficher dans chacun des cadres <NOFRAMES> Pour les butineurs n'affichant pas les cadres </NOFRAMES> </FRAMESET> </HTML>
7 12/12/02 Maîtrise des sciences de l'information et de la documentation / Mémento HTML décembre Définition - Attributs de l élément conteneur FRAMESET rows : nombre de cadres horizontaux. Liste de longueurs exprimées en pixels ou pourcentage séparées par des virgules. cols : nombre de cadres verticaux. Liste de longueurs exprimées en pixels ou pourcentage séparées par des virgules. Définition - Attributs de l élément conteneur FRAME name : assigne un nom au cadre courant. Ceci permet de spécifier dans quel cadre afficher un document donné au moyen de l'attribut target de l'élément A. src : URL désignant le document à afficher dans le cadre. noresize : interdit le redimensionnement d'un cadre. scrolling : spécifie les conditions de présence des barres de défilement du cadre. Les valeurs peuvent être : auto, yes, no (choix laissé au butineur, défilement autorisé, défilement impossible). frameborder : présence (valeur 1) ou absence (valeur 0) de bordure autour des cadres. <P><A href="accueil-sanscadres.html">version sans cadre de ce document</a>. </NOFRAMES> 33. Les éléments propriétaires Ils ne sont pas définis dans la spécification HTML 4.01 et ne doivent pas être utilisés. Netscape : BLINK, ILAYER, KEYGEN, LAYER, MULTICOL, NOEMBEB, NOLAYER, SERVER, SPACER, NOBR. Microsoft : BGSOUND, COMMENT, HTMLAREA, LEGEND, MARQUEE. Références dex.html Les cadres - Désignation du cadre d'arrivé L'attribut target de l'élément A sert à désigner le cadre cible par son nom qui doit commencer par une lettre, sauf pour les noms réservés : _blank : ouvre une nouvelle fenêtre (non nommée) pour afficher le document destination. _top : affiche le document destination en pleine page dans la fenêtre courante. _self : affiche le document destination dans le même cadre où est situé le lien qui le référence. _parent : affiche le document destination dans le cadre englobant (à la place du FRAMESET de rang immédiatement supérieur). Les cadres - Définition - Elément conteneur NOFRAMES Le contenu est affiché par les butineurs ne gérant pas les cadres ou qui ont été configurés pour ne pas les afficher. <NOFRAMES>
HMTL. Exemple de fichier HTML. Structure d un document HTML. Exemple de fichier HTML. Balises HTML. IFT1147 Programmation Serveur Web avec PHP
IFT1147 Programmation Serveur Web avec PHP Un bref survol du langage HTML HMTL HTML: Hypertext Markup Language HTML est essentiellement un langage de description de structure de document (par exemple titre,
Plus en détail// 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é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é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é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é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é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étailFormation > Développement > Internet > Réseaux > Matériel > Maintenance
Formation > Développement > Internet > Réseaux > Matériel > Maintenance SOMMAIRE 1. ACCEDER A L'INTERFACE D'ADMINISTRATION...5 1.1. Le navigateur... 5 1.2. L'interface d'administration... 5 2. METTRE
Plus en détailGUIDE D UTILISATION DU BACKOFFICE
GUIDE D UTILISATION DU BACKOFFICE 1. Modifier les pages du site : - Aller dans l onglet «PAGE HTML», puis «Liste des pages HTML» - Pour visualiser votre page, cliquer sur le nom écrit en vert, dans la
Plus en dé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é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étailCREATION 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
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é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étail<Créer un site Web. avec/> Suzanne Harvey
aire l o c s texte n o c le Dans Suzanne Harvey Conseillère pédagogique en informatique Service local du RÉCIT Commission scolaire de Saint-Hyacinthe Québec, Canada suzanne.harvey@prologue.qc.ca
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étailManuel d'utilisation de l'administration du site Japo.ch - 1
Manuel d'utilisation de l'administration du site Japo.ch 1. Identification L'administration est protégée par une identification. Veuillez saisir ici votre nom d'utilisateur et votre mot de passe. Manuel
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étailGuide pour la réalisation d'un document avec Open Office Writer 2.2
Guide pour la réalisation d'un document avec Open Office Writer 2.2 1- Lancement de l'application : Le Traitement de textes de la Suite OpenOffice peut être lancé : soit depuis le menu «Démarrer / Programmes/OpenOffice2.2/Writer
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étailProgrammation Web TP1 - HTML
Programmation Web TP1 - HTML Vous allez réaliser votre premier site Web dans lequel vous présenterez la société SC, agence spécialisée dans la conception des sites internet. 1 - Une première page en HTML
Plus en détailGuide 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
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étailMODULE 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
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étailUn 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,
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é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étailAlors "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,
Plus en détailGUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL
GUIDE D UTILISATION CRÉER SON SITE WEB - PROJET RESCOL 1. Avant de commencer Il existe plusieurs éditeurs de pages Web qui vous permettent de construire un site Web. Nous vous conseillons toutefois de
Plus en détailChapitre 22 Optimisation pour diffusion à l'écran, pour le web
1 1 9 9 7 7 Optimisation pour diffusion à l'écran, pour le web Diffusion pour le web........................ 31 Les paramètres avant l exportation................. 31 Optimisation pour le web......................
Plus en détailChapitre 1. Prise en main
Guide de référence Guide de référence Chapitre 1. Prise en main Le processus d'enquête Le processus d'enquête comporte 5 étapes toutes prises en charge par le logiciel : Conception des formulaires Cette
Plus en détailPublier dans la Base Documentaire
Site Web de l association des ingénieurs INSA de Lyon Publier dans la Base Documentaire Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008
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é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étailPublier un Carnet Blanc
Site Web de l association des ingénieurs INSA de Lyon Publier un Carnet Blanc Remarque : la suppression des contributions n est pas possible depuis le Front-Office. lbuisset Page 1 18/09/2008 Publication,
Plus en détailMAILING KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4
MAILING Table des matières KOMPOZER... 2 CREEZ UNE PAGE... 2 FORMAT DE LA PAGE... 2 AJOUTER DU TEXTE SUR UNE PAGE... 4 INSERER UNE IMAGE (OU UNE PHOTO) PAS DE COPIER / COLLER... 5 INSERER UN TABLEAU...
Plus en détailParcours 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
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étailHTML5 et CSS3 pour des sites Responsive Web Design
Chapitre 1 : Introduction A. Le design Web aujourd'hui 11 B. Le Responsive Web Design 11 C. Les approches dans la conception 12 D. Le lâcher-prise 12 E. Les objectifs du livre 13 F. Les outils de l intégrateur
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é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étailPack 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é
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étailFrontPage Support d apprentissage septembre 2000
FrontPage Support d apprentissage septembre 2000 Table des matières Notions de base... 1 Le langage HTML... 1 Les éditeurs HTML... 1 Le navigateur... 1 Le transfert de fichiers... 1 L enregistrement des
Plus en détailÉ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
Plus en détailWEBSEMINAIRE INTRODUCTION AU REFERENCEMENT
WEBSEMINAIRE INTRODUCTION AU REFERENCEMENT Animé par A.COMLAN ADCOSOFT 14/02/2014-15H 1 Programme du webséminaire : Introduction Partie I Optimisation des Balises TITLE et META Partie II Optimisation du
Plus en détailLicence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?
Aide [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers? Au sein d'un ordinateur, les données et les fichiers sont stockés suivant une structure d'arbre appelée arborescence. Pour
Plus en détailComment utiliser WordPress»
Comment utiliser WordPress» Comment utiliser WordPress» Table des matières» Table des matières Guide de démarrage rapide»... 2 Tableau de bord de WordPress»... 3 Rédiger un article»... 3 Modifier l article»...
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é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étailAutomatisation d'une Facture 4. Liste Déroulante Remises Case à cocher Calculs
Dans la série Les tutoriels libres présentés par le site FRAMASOFT Automatisation d'une Facture 4 Liste Déroulante Remises Case à cocher Calculs Logiciel: Version: Licence: Site: OpenOffice.org Calc :
Plus en détailAtelier de Création de pages Web
Atelier de Création de pages Web par Stéphane Groleau SADC Société d aide au développement de la collectivité de Portneuf http://www.sadcportneuf.qc.ca http://www.reseau-sadc.qc.ca/ http://www.dec-ced.gc.ca/
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étailSOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5
SOMMAIRE 1 INTRODUCTION 4 2 GUIDE D UTILISATION ET TUTORIAUX VIDEOS EN LIGNE 4 3 CONTACTER VOTRE SUPPORT 4 4 RACCOURCIS CLAVIER 5 5 ADMINISTRER SON SITE WEBGAZELLE CMS 2.0 5 5.1 Configuration minimale
Plus en détailManuel utilisateur du CMS Anan6
Manuel utilisateur du CMS Anan6 Sommaire Fonctionnalités générales 05 - Paramétrage du navigateur 06 - Connexion au CMS Anan6 07 - Visualisation de l interface du CMS 08 - Détails de la liste des composants
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étailGROUPE CAHORS EXTRANET
GROUPE CAHORS EXTRANET GUIDE UTILISATEUR Tous les utilisateurs de l Extranet s'engagent à ne pas divulguer, à l'extérieur de Groupe Cahors, les informations consultées ou collectées dans l'extranet. Cela
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é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étailMise en forme d'un document écrit sous Word - quelques rappels pour consolider ses connaissances -
Mise en forme d'un document écrit sous Word - quelques rappels pour consolider ses connaissances - Le Brevet Informatique et Internet (B2i) a pour objectif de faire acquérir un ensemble de compétences
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étailDans l Unité 3, nous avons parlé de la
11.0 Pour commencer Dans l Unité 3, nous avons parlé de la manière dont les designs sont créés dans des programmes graphiques tels que Photoshop sont plus semblables à des aperçus de ce qui va venir, n
Plus en détailOptimiser 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
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étailFoire aux questions. C est un programme d exploitation et de recherche sur le Web. Exemple : Internet Explorer, Firefox, Opera et Netscape.
Foire aux questions Qu est-ce qu une adresse URL? L adresse URL identifie de façon unique une page Web. Exemple : http://www2.canoe.com/index.html (à ne pas confondre avec l adresse Web : www.canoe.com)
Plus en détailPRISE EN MAIN D UN TABLEUR. Version OPEN OFFICE
PRISE EN MAIN D UN TABLEUR Version OPEN OFFICE Prise en main d un tableur page 2 1. L utilisation de la souris Pour faire fonctionner un tableur, on utilise le clavier mais aussi la souris. Rappelons,
Plus en détailLangage 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
Plus en détailLAB-Multimedia CMS. Guide d'auto-formation. Copyright by LAB-Multimedia 1/22
Guide d'auto-formation Copyright by LAB-Multimedia 1/22 Auteurs Ont participé à la réalisation de cet ouvrage: Luc A. Bardet Editeur LAB-Multimedia Rue du Casino CH-1063 Chapelle-sur-Moudon (Switzerland)
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étailGuide d'utilisation. OpenOffice Calc. AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons
Guide d'utilisation OpenOffice Calc AUTEUR INITIAL : VINCENT MEUNIER Publié sous licence Creative Commons 1 Table des matières Fiche 1 : Présentation de l'interface...3 Fiche 2 : Créer un nouveau classeur...4
Plus en détailClimat Scolaire - Manuel utilisateur - Chapitre 2 : «Créer, Editer et suivi d un texte»
Climat Scolaire - Manuel utilisateur - Chapitre 2 : «Créer, Editer et suivi d un texte» Espace collaboratif Co-Ment Date : 01/12/2013 Référence du Projet : Chef de Projet : www.cndp.fr/climatscolaire Caroline
Plus en détailTraitement de texte : Quelques rappels de quelques notions de base
Traitement de texte : Quelques rappels de quelques notions de base 1 Quelques rappels sur le fonctionnement du clavier Voici quelques rappels, ou quelques appels (selon un de mes profs, quelque chose qui
Plus en détailEditeur html Guide de l'utilisateur
Ti nymce Editeur html Guide de l'utilisateur Date : février 2012 Version 2.0 Doc ref. tinymce-userguide-2.0 1 Aperçu général Cette documentation est composée de deux documents : Une représentation graphique
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étailSOMMAIRE AIDE À LA CRÉATION D UN INDEX SOUS WORD. Service général des publications Université Lumière Lyon 2 Janvier 2007
SOMMAIRE 1) CRÉATION D UN INDEX SIMPLE 3 a) Étape 1 : Marquage des entrées d index (à l aide d un fichier de concordance) 3 Procédure d insertion du tableau 4 Saisie des entrées d index 5 Marquage automatique
Plus en détailComment faire un site i-mode?
Comment faire un site i-mode? "i-mode et le logo i-mode sont des marques déposées ou enregistrées par NTT DoCoMo, Inc. au Japon et dans d'autres pays." 2004 Bouygues Telecom. Ce document est la propriété
Plus en détailDÉFINITION DE LA NEWSLETTER : OUVERTURE DU LOGITIEL ETARGET
DÉFINITION DE LA NEWSLETTER : La newsletter est un OUVERTURE document qui DU informe LOGITIEL le ETARGET client sur l'actualité, sur les nouveautés ou sur un sujet particulier. Elle est souvent rédigée
Plus en détailCREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML
CREER UN PETIT SITE WEB EN COMPOSANT DES PAGES HTML A L'AIDE DU LOGICIEL LIBRE OFFICE Libre Office 3.3.3 et Open Office.org 3.3.0 sont deux suites bureautiques complètes, équivalentes (seule la charte
Plus en détailFreeway 7. Nouvelles fonctionnalités
! Freeway 7 Nouvelles fonctionnalités À propos de ce guide... 3 Nouvelles fonctionnalités en un coup d'oeil... 3 À propos de la conception d'un site web réactif... 3 Travailler avec les pages pour créer
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étailCMS Made Simple Version 1.4 Jamaica. Tutoriel utilisateur Récapitulatif Administration
CMS Made Simple Version 1.4 Jamaica Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. Tutoriel utilisateur Récapitulatif Administration Le système de gestion de contenu
Plus en détailAvant-propos FICHES PRATIQUES EXERCICES DE PRISE EN MAIN CAS PRATIQUES
Avant-propos Conçu par des pédagogues expérimentés, son originalité est d être à la fois un manuel de formation et un manuel de référence complet présentant les bonnes pratiques d utilisation. FICHES PRATIQUES
Plus en détailCreation 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
Plus en détailMAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA
MAÎTRISE DE L ENVIRONNEMENT WINDOWS VISTA OBJECTIFS : manipuler les fenêtres et l environnement Windows, gérer ses fichiers et dossiers, lancer les applications bureautiques présentes sur son poste. PUBLIC
Plus en détailVotre site Internet avec FrontPage Express en 1 heure chrono
1.1. Précautions préliminaires Votre site Internet avec FrontPage Express en 1 heure chrono Le contenu de ce site n'est pas très élaboré mais il est conçu uniquement dans un but pédagogique. Pour débuter,
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étailMettre en place un formulaire dans le site avec le module webform
Mettre en place un formulaire dans le site avec le module webform Dans la suite des documents de cette documentation Avertissement au lecteur Objectif de cette fiche Le module webform Ce petit symbole
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étailNote de cours. Introduction à Excel 2007
Note de cours Introduction à Excel 2007 par Armande Pinette Cégep du Vieux Montréal Excel 2007 Page: 2 de 47 Table des matières Comment aller chercher un document sur CVMVirtuel?... 8 Souris... 8 Clavier
Plus en détailmon 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
Plus en détailPermission 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
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étailManuel de mise en page de l intérieur de votre ouvrage
Manuel de mise en page de l intérieur de votre ouvrage Merci de suivre strictement les recommandations de ce manuel qui a pour but de vous aider à préparer un livre dont la qualité de mise en page est
Plus en détailTraitement par lot redimensionner des images
Traitement par lot redimensionner des images Demande Je souhaite réduire la taille de plusieurs images RAW (NEF) et les convertir en format JPEG, toutes en même temps, pour les utiliser sur une page Web.
Plus en détailFormation tableur niveau 1 (Excel 2013)
Formation tableur niveau 1 (Excel 2013) L objectif général de cette formation est de repérer les différents éléments de la fenêtre Excel, de réaliser et de mettre en forme un tableau simple en utilisant
Plus en détailMODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV "CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB"
MODE D'EMPLOI DU CONTRIBUTEUR WEB UAPV "CONTRIBUER DANS UNE RUBRIQUE DU SITE WEB" Quelques conseils pour bien contribuer 1 Paramétrer votre navigateur web 2 Accéder au module de gestion des pages web 2
Plus en détailLe cas «BOURSE» annexe
Le cas «BOURSE» Le cas BOURSE sera réalisé en liaison avec les fiches ressources n 1 à n 5. Objectifs pédagogiques : - se familiariser en douceur avec les manipulations de base (utilisation des icônes,
Plus en détailAdobe Photoshop. Bonnes pratiques pour une utilisation professionelle CHAPITRE 7
M2 Caweb 2014-2015 Enseignant : Boris Epp Adobe Photoshop Bonnes pratiques pour une utilisation professionelle CHAPITRE 7 Sommaire 1. Les scripts a. Qu est-ce qu un script? b. La fenêtre script c. Créer
Plus en détailVOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET
VOCABULAIRE LIÉ AUX ORDINATEURS ET À INTERNET Brancher / débrancher l ordinateur de la prise Allumer / éteindre l ordinateur : pour allumer ou éteindre l ordinateur vous devez appuyer sur le bouton On/off
Plus en détail