Le HTML (N 2) FASCICULE N 14 OBJECTIF DE FORMATION 1 OBJECTIF DE FORMATION 2 OBJECTIF DE FORMATION 3
|
|
|
- Sévérine Gauthier
- il y a 7 ans
- Total affichages :
Transcription
1 FASCICULE N 14 Le HTML (N 2) OBJECTIF DE FORMATION 1 A l issue de cet objectif de formation, l apprenant comprendra ce que sont les balises HTML. OBJECTIF DE FORMATION 2 A l issue de cet objectif de formation, l apprenant comprendra ce que sont les attributs des balises. OBJECTIF DE FORMATION 3 A l issue de cet objectif de formation, l apprenant connaitra les principes de programmation du HTML.
2 NOTES / NOTES / NOTES OBJECTIF DE FORMATION 1 A L ISSUE DE CET OBJECTIF DE FORMATION, L APPRENANT COMPRENDRA CE QUE SONT LES BALISES HTML. TIMING min Œ OBJECTIF PÉDAGOGIQUE 1 CONNAITRE LE PRINCIPE DES BALISES HTML OF1.OP1-1 : Les balises HTML Une «balise» HTML est une commande constituée d une directive sous forme de mot-clé encadrée par les signes inférieur à (<) et supérieur à (>). Ainsi chaque balise donne une instruction spécifique (mise en forme par exemple) qui sera interprétée par le navigateur pour être affichée à l écran. OF1.OP1-1-1 : OUVRIR ET FERMER La majorité des balises débute par une balise d ouverture (ou balise ouvrante). Cette balise a besoin d une balise «partenaire» fermante (ou balise de fermeture) pour limiter son effet en n affectant que le texte qu elles encapsulent. Exemple : <title>bienvenue sur cette page</title> <title> est la balise d ouverture </title> est la balise de fermeture OUTILS LIÉS / PowerPoint M Support multimédia e Fiches f Planches IDÉES FORTES «Bienvenue sur cette page» est le texte encapsulé.
3 La balise de fermeture se distingue de la balise d ouverture, par l ajout d une barre oblique ou «slash» (/) devant le nom de la commande. Certaines balises présentent la particularité de n avoir pas besoin de balise fermante. Par exemple : <!doctype/> ou <br/>. OF1.OP1-1-2 : DES BALISES ET DES NAVIGATEURS Tout développeur en HTML devra notamment éviter deux pièges : - certains navigateurs Web (Internet Explorer ou Netscape) ont développé leurs propres balises, souvent ignorées pour les autres navigateurs - une page Web interprétée par des navigateurs distincts n a pas forcément la même apparence. En effet, les balises indiquent la structure de la page au navigateur et non le mode d affichage. ACTIVITÉS m/ COURS INDIVIDUEL OF1.OP1-2 : Les différentes catégories de balises HTML OF1.OP1-2-1 : LES TYPES DE BALISE Il existe différents types de balises : - de définition d un fichier HTML exemples : <head>, <html>, etc. - d en-têtes ou d informations exemples : <title>, <meta>, etc. - de mises en forme du texte exemples : <b>, <i>, etc. - de mises en forme de la page Web exemples : <br>, <table>, etc. mmm/ / / / / COURS COLLECTIF FASCICULE N 16 / LES LOGICIELS LIBRES ALTÉA CONSEILS / VERSION 1.0 / 2003
4 NOTES / NOTES / NOTES - de lien exemple : <a>. - d insertions d objets multimédia (images, sons, vidéos, animations, applets Java, codes javascript, etc). exemples : <img>, <object>, etc. - de création de formulaires exemple : <font>, <textarea>, etc OF1.OP1-2-2 : LES CODES SPÉCIFIQUES A ces différentes balises, s ajoutent les codes spécifiques : - hexadécimaux pour les couleurs (ex : donne du noir) - les caractères spéciaux (ex : ) - les caractères accentués (ex : à) - les lettres grecques (ex : O) - les symboles mathématiques (ex : v) - les feuilles de style ou CSS. TIMING min OUTILS LIÉS / PowerPoint M Support multimédia e Fiches f Planches IDÉES FORTES
5 ACTIVITÉS m/ COURS INDIVIDUEL mmm/ / / / / COURS COLLECTIF
6 NOTES / NOTES / NOTES OBJECTIF DE FORMATION 2 A L ISSUE DE CET OBJECTIF DE FORMATION, L APPRENANT COMPRENDRA CE QUE SONT LES ATTRIBUTS DES BALISES. TIMING min Œ OBJECTIF PÉDAGOGIQUE 1 CONNAITRE LE PRINCIPE DES ATTRIBUTS OF2.OP1-1 : Généralités sur les attributs Il est possible d ajouter des propriétés à un élément en lui affectant un attribut. Les balises HTML acceptent donc parfois des options, appelées «attributs». Un attribut peut être optionnel, obligatoire, ou encore affecté d une valeur par défaut si il n est pas défini. Un attribut est une paire nom/valeur. En pratique, il est constitué par : -le nom de l attribut -le signe égal -la valeur de l attribut entre guillemets. Exemple : <title>bienvenue sur cette page</title> <title lang= fr >Bienvenue sur cette page</title> OUTILS LIÉS / PowerPoint M Support multimédia e Fiches f Planches IDÉES FORTES L attribut «lang» permet de préciser la langue utilisée. Sa valeur est «fr» pour notifier qu il s agit du français.
7 La plupart des attributs en HTML sont implicites (implied), seule une minorité d entre eux sont nécessaires (required) dans la balise d ouverture. Certains peuvent être nécessaire sur un plan logique : la balise <img> n aurait aucun sens sans l attribut src qui détermine le lieu de stockage de l image à afficher. D autres le sont devenus pour des raison d adoption de conventions communes. Ainsi, le W3C a classé l attribut alt comme compélment indispensable à la balise <img>. Nombre d attributs HTML, comme «align» ou «bgcolor», sont actuellement classés «en cours d abandon» (deprecated) et ne sont plus permis que dans la version HTML 4.0 «transitional». Ils vont disparaitre peu à peu du standard HTML. Les mises en forme qu ils permettaient, seront désormais réalisées à l aide des feuilles de style ou CSS (Cascading Style Sheets). ACTIVITÉS m/ COURS INDIVIDUEL mmm/ / / / / COURS COLLECTIF OF2.OP1-2 : Les attributs universels Les attributs universels sont des attributs qui peuvent être insérés dans presque toutes les balises HTML. Ces attributs ont des tâches diverses : attribuer un nom individuel à une balise HTML déterminée ou donner des indications concernant la langue utilisée. OF2.OP1-2-1 : LES ATTRIBUTS UNIVERSELS GÉNÉRAUX Les attributs universels généraux sont :
8 NOTES / NOTES / NOTES - class Cet attribut, non obligatoire, affecte à la balise une classe de feuille de style. Ses valeurs sont exprimées sous forme de caractères, sans aucune restriction. L attribut «class» est utilisable dans toutes les balises sauf dans <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <title>. - id Cet attribut, non indispensable, fournit à la balise dans laquelle il est inséré un nom individuel. Ses valeurs sont exprimées sous forme de caractères. Les caractères spéciaux, les espaces ni les signes de ponctuation ne sont cependant autorisés. L attribut «id» est utilisable dans toutes les balises sauf dans <base>, <head>, <html>, <meta>, <script>, <style>, <title>. - style Cet attribut, non obligatoire, définit les mentions de feuilles de style (CSS) pour formater les éléments encapsulés par la balise. Ses valeurs sont exprimées sous forme de caractères, sans aucune restriction. L attribut «style» est utilisable dans toutes les balises sauf dans <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <title>. - title Cet attribut, non indispensable, définit un titre pour la balise. Ses TIMING min OUTILS LIÉS / PowerPoint M Support multimédia e Fiches f Planches IDÉES FORTES
9 valeurs sont exprimées en caractères sans restriction. L attribut «title» est utilisable dans toutes les balises sauf dans <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <title>. OF2.OP1-2-2 : LES ATTRIBUTS UNIVERSELS INTERNATIONAUX Les attributs universels pour les paramètres internationaux sont : - dir Cet attribut, non indispensable, donne le sens de lecture de la langue utilisée dans la balise. Ses deux valeurs possibles sont ltr (left to right) ou rtl (right to left). L attribut dir est utilisable dans toutes les balises sauf dans <applet>, <base>, <basefont>, <br>, <frame>, <frameset>, <hr>, <iframe>, <param>, <script>. - lang Cet attribut, non obligatoire, indique la langue utilisée dans la balise. Ses valeurs sont des abréviations qui désignent les différentes langues. Par exemple : fr pour le français, en pour l anglais ou de pour l allemand. Ces abréviations se basent sur la norme ISO ACTIVITÉS m/ COURS INDIVIDUEL mmm/ / / / / COURS COLLECTIF Elles sont toutes accessibles à l adresse suivante :
10 NOTES / NOTES / NOTES L attribut «lang» est utilisable dans toutes les balises sauf dans <applet>, <base>, <basefont>, <br>, <frame>, <frameset>, <hr>, <iframe>, <meta>, <param>, <script>. OF2.OP1-2-3 : LES ATTRIBUTS UNIVERSELS POUR LA GESTION D ÉVÈNEMENTS Ces attributs universels permettent la gestion d évènements c està-dire l insertion d une action dans l environnement du navigateur. Ainsi lorsque l internaute clique sur sa souris, lorsqu il la déplace, lorsqu il appuie sur une touche du clavier, le navigateur identifie l événement. Pour chaque événement, le développeur a la possibilité d associer des instructions précises qui ne seront effectuées qu au moment où l événement est identifié par le navigateur. Ces instructions sont le plus souvent codées en Javascript. Ainsi les gestionnaires d événements constituent l outil idéal pour insérer des événements d interaction avec l utilisateur. Ces attributs ne sont pas obligatoires et leurs valeurs accueillent des caractères sans aucune restriction. Les attributs universels pour gestionnaires d événements sont : - onclick : lorsque l élément est cliqué - ondblclick : lorsque l élément est double-cliqué - onmousedown : lorsque la touche de la souris est enfoncée en passant sur l élément - onmouseup : lorsque la touche de la souris est relâchée en passant sur l élément TIMING min OUTILS LIÉS / PowerPoint M Support multimédia e Fiches f Planches IDÉES FORTES
11 - onsemouseover : lorsque le pointeur survole l élément - onmousemove : lorsque l on déplace l élément avec la souris - onmouseout : lorsque l on quitte l élément avec la souris - onkeypress : lorsque l on appuie et relâche une touche du clavier - onkeydown : lorsqu une touche du clavier est appuyée. - onkeyup : lorsque une touche est relâchée Ces attributs sont utilisables dans toutes les balises sauf dans <applet>, <base>, <basefont>, <bdo>, <br>, <font>, <frame>, <frameset>, <head>, <html>, <iframe>, <i sindex>, <param>, <script>, <style>, <title>. Il n existe pas de lignes directrices arrêtées définissant le HTML «correct». Le développeur de HTML s appuie habituellement sur les règles recommandées par le W3C. Ces règles concernent principalement l apparence du document HTML pour qu il soit valide. ACTIVITÉS m/ COURS INDIVIDUEL mmm/ / / / / COURS COLLECTIF
12 NOTES / NOTES / NOTES OBJECTIF DE FORMATION 3 A L ISSUE DE CET OBJECTIF DE FORMATION, L APPRENANT CONNAITRA LES PRINCIPES DE PROGRAMMATION DU HTML. TIMING min OBJECTIF PÉDAGOGIQUE 1 LES PRINCIPES DE PROGRAMMATION OF3.OP1-1 : Ce qu il faut faire : les 7 recommandations - Toujours insérer en premier l ossature de toute page Web Dans le cadre de l utilisation d un éditeur de texte ou d un éditeur HTML «complexe», toujours insérer l ossature par défaut de tout fichier HTML. Pour la version HTML 4.0 «transitional», cela revient à saisir : <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN transitional.dtd > <html> <head> </head> <body> </body> </html> OUTILS LIÉS / PowerPoint M Support multimédia e Fiches f Planches IDÉES FORTES
13 - Ecrire les balises et les attributs en minuscule Avec les premières versions antérieures du HTML, le développeur pouvait utiliser indifféremment les majuscules et les minuscules pour baliser ses documents. Certains développeurs utilisaient alors les majuscules pour différencier plus facilement le code HTML du texte du document. Actuellement, à cause de la possible migration des documents développés en HTML 4.0 vers le XHTML, il devient obligatoire de saisir l ensemble des balises et des attributs uniquement en minuscules. En effet, le XHTML est sensible à la casse. - Respecter l imbrication des balises Respecter cette imbrication revient à respecter les ordres d ouverture et de fermeture de plusieurs balises. En effet, quand on ouvre une série de balises en cascades, (les unes à l intérieur de l espace de définition des autres), il faut obligatoirement les refermer dans l ordre inverse de l ordre d ouverture pour respecter la structure logique interne du document. exemple :<p><h1>titre numéro 1</h1></p> C est également la possible migration vers le XHTML qui gouverne ce principe. - Nommer la page d accueil : index.html Tout hébergeur demande à ces clients de nommer la page d accueil de leur site Web : index.html. Cette demande est devenue une norme. ACTIVITÉS m/ COURS INDIVIDUEL mmm/ / / / / COURS COLLECTIF
14 NOTES / NOTES / NOTES - Choisir des noms de fichiers explicites Nommer la page de présentation d une entreprise, «presentation. html» permet une meilleure mémorisation des fichiers et une meilleure visualisation du plan du site en cours de création. Donner un nom explicite offre la possibilité au développeur de reconnaitre plus facilement ses fichiers, voire même de permettre un développement plus cohérent si celui-ci est exécuté par plusieurs personnes, en parallèle. - Mettre entre guillemets doubles les valeurs des attributs Dans les versions antérieurs à HTML 4.0, le recours aux guillemets pour encadrer les valeurs des attributs était seulement conseillé. Dorénavant, l utilisation des guillemets est une obligation. De plus, les caractères d espacement (espaces, retours chariot, etc) présents dans les valeurs des attributs sont interprétés différemment de navigateurs en navigateurs. Aussi, il est préférable de prendre l habitude de ne pas laisser d espace dans les valeurs d attributs. - Aérer le code HTML Aérer le code HTML revient à insérer des retours à la ligne et des tabulations. En effet, ces commandes ne sont pas interprétées par le navigateur. L objectif est de faciliter la lecture du code. De plus, le développeur pourra laisser des informations pour les développements futurs grâce à la balise de commentaires, elle aussi non interprétée par les navigateurs. TIMING min OUTILS LIÉS / PowerPoint M Support multimédia e Fiches f Planches IDÉES FORTES
15 OF3.OP1-2 : Ce qu il NE faut PAS faire : les 4 erreurs - Développer pour un seul navigateur Web Une fois ses pages Web créées, le développeur doit impérativement les tester sur les navigateurs les plus utilisés du moment et si possible dans différentes versions (anciennes ou nouvelles). Il est aussi préférable de tester le site sur plusieurs plates-formes (Windows, MacOS, Linux, etc). Remarque : Il est toujours possible de faire le choix de se limiter à un seul navigateur. Cela aura pour conséquence de limiter son auditoire et donc éventuellement nuire à son audience, ou à son image (si des internautes se sentent «exclus»). - Détourner les balises de leur rôle Le développeur HTML ne devra pas utiliser les éléments logiques et sémantiques du HTML pour obtenir des effets de mise en page. Par exemple, la balise «blockquote» insère un retrait de paragraphe, mais elle a surtout été conçue pour les citations et ne doit être employée que pour les désigner. De la même façon, les balises de titres ne doivent pas être utilisées pour écrire du texte en grand et en gras, mais doivent servir à indiquer des rapports hiérarchiques logiques entre les différentes parties d un texte. Aussi pour tout formatage de texte, le développeur devra utiliser soit les balises de mise en forme du texte créées à cet effet, soit les feuilles de style ou CSS (Cascading Style Sheets). ACTIVITÉS m/ COURS INDIVIDUEL mmm/ / / / / COURS COLLECTIF
16 NOTES / NOTES / NOTES - Laisser des espaces dans les noms des fichiers En informatique, un espace est interprété par un point «.». Si un nom de page Web comprend un espace, il ne sera pas trouvé, et donc ne sera pas lu. Pour rendre le noms de fichiers plus lisibles et compréhensibles, le développeur pourra utiliser l underscore «_» ou le tiret «-». TIMING min - Mettre des accents dans les noms des fichiers L ensemble des langages informatiques s appuie sur la langue anglaise. Mettre un accent dans le nom d un fichier occasionnera sa non-lecture et sa non-interprétation par le navigateur OBJECTIF PÉDAGOGIQUE 2 METTRE EN PRATIQUE LES PROCÉDURES DE GESTION DES FICHIERS HTML OF3.OP2-1 : La procédure pour créer une page Web Pour créer une page Web : 1. Ouvrir l éditeur HTML 2. Saisir l ossature de toute page Web 3. Insérer les différents éléments de la page Web : texte, image, etc, et les mettre en forme. 4. Enregistrer le fichier avec une extension en «.html» dans un répertoire spécifique. OUTILS LIÉS / PowerPoint M Support multimédia e Fiches f Planches IDÉES FORTES
17 OF3.OP2-2 : La procédure pour enregistrer un fichier HTML L objectif de l enregistrement d un fichier HTML est de le sauvegarder dans le répertoire dédié au site Web en construction. 1. Trouver la fonction «Enregistrer sous» de l éditeur de HTML que vous utilisez 2. Se placer dans le dossier dédié au site Web en construction (exemple : votre_nom) 3. Saisir dans la zone de saisie réservée à cet effet, le nom (index) et l extension du fichier (html) : index.html 4. Enregistrer le fichier en cliquant sur le bouton «Enregistrer» ou «Ok». ACTIVITÉS m/ COURS INDIVIDUEL L adresse de ce fichier HTML est : file:/root/votre_nom/index.html OF3.OP2-3 : La procédure pour visualiser une page Web dans un navigateur L objectif est de donner au navigateur l adresse exacte de la page à afficher. Ouvrir un navigateur (Mozilla, Konqueror, etc), depuis la barre de tâches ou le menu K puis choisir Internet. Sous Mozilla : 1. Cliquer sur la commande «Fichier> Ouvrir un fichier» ou «Ctrl + O». 2. Dans la fenêtre de dialogue qui apparait, rechercher le fichier précédemment enregistré à l adresse suivante : file:///root/ votre_nom/index.html mmm/ / / / / COURS COLLECTIF
18 NOTES / NOTES / NOTES 3. Sélectionner le fichier «index.html», puis valider. Celui-ci s affiche alors dans le navigateur. Sous Konqueror : 1. Cliquer sur le menu «Document>Ouvrir une URL» 2. Dans la fenêtre de dialogue qui apparait, rechercher le fichier précédemment enregistré à l adresse suivante : file:/root/votre_ nom/index.html 3. Sélectionner le fichier «index.html», puis valider. Celui-ci s affiche alors dans le navigateur. TIMING OUTILS LIÉS / PowerPoint min OF3.OP2-4 : La procédure pour visualiser les modifications effectuées sur une page Web 1. Effectuer les modifications sur le fichier HTML de la page Web 2. Enregistrer de nouveau le fichier HTML 3. Si la fenêtre du navigateur est toujours ouverte, cliquer sur le bouton «Actualiser» présent dans la barre des boutons standards. Sinon, reprendre la procédure de visualisation d un fichier HTML dans un navigateur. M Support multimédia e Fiches f Planches OF3.OP2-5 : La procédure pour visualiser le code source d une page Web Pour visualiser les balises HTML d une page Web déjà disponible sur le réseau Internet à l aide d un navigateur Web : IDÉES FORTES
19 - Pour Internet Explorer : Cliquer sur le menu «Affichage > Source». Le code HTML de la page interprétée par le navigateur apparait dans le bloc-notes de Windows. - Pour Mozilla : Cliquer sur le «Affichage > Code source de la page» ou saisir le raccourci-clavier suivante «Ctrl + U». Le code HTML de la page apparait dans Mozilla Editor. - Pour Konqueror : Cliquer sur le menu «Affichage > Afficher le source du document». Le code HTML de la page apparait dans KWrite. ACTIVITÉS m/ COURS INDIVIDUEL mmm/ / / / / COURS COLLECTIF
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.
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
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
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
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
< Atelier 1 /> Démarrer une application web
MES ANNOTATIONS SONT EN ROUGE : Axel < Atelier 1 /> Démarrer une application web Microsoft France Tutorial Découverte de ASP.NET 2.0 Sommaire 1 INTRODUCTION... 3 1.1 CONTEXTE FONCTIONNEL... 3 1.2 CONTEXTE
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
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
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
Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute. Logiciel utilisé : Adobe PhotoShop 7
Guide de correction et d optimisation des images en vue de leur publication sous Marcomedia Contribute Logiciel utilisé : Adobe PhotoShop 7 Etape 1 Sélectionner les images, et les copier dans un répertoire
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
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
Guide d implémentation. Réussir l intégration de Systempay
Guide d implémentation - Interface avec la plateforme de paiement - Réussir l intégration de Systempay Version 1.4b Rédaction, Vérification, Approbation Rédaction Vérification Approbation Nom Date/Visa
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
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é
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,
Mon aide mémoire traitement de texte (Microsoft Word)
. Philippe Ratat Mon aide mémoire traitement de texte (Microsoft Word) Département Ressources, Technologies et Communication Décembre 2006. Sommaire PRÉSENTATION DU DOCUMENT 1 Objectif principal 1 Deux
Comment accéder à d Internet Explorer
Comment accéder à d Pour ouvrir l application, vous n avez qu à doublecliquer sur l icône de celle-ci : ou vous pouvez encore allez le chercher par le raccourci dans la barre des tâches : Lorsque l application
MAÎ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
cbox VOS FICHIERS DEVIENNENT MOBILES! POUR ORDINATEURS DE BUREAU ET PORTABLES WINDOWS ÉDITION PROFESSIONNELLE MANUEL D UTILISATION
cbox VOS FICHIERS DEVIENNENT MOBILES! POUR ORDINATEURS DE BUREAU ET PORTABLES WINDOWS ÉDITION PROFESSIONNELLE MANUEL D UTILISATION Introduction L application cbox peut-être installée facilement sur votre
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
Création WEB avec DreamweaverMX
Creation Web avec DreamweaverMX MX Initiation Sommaire.preparation.mise en forme.liens hypertextes.images.liens sur images.images avec zones sensibles.images survolees.liens de type courriel.apercu dans
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
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...
Gestion des documents avec ALFRESCO
Gestion des documents avec ALFRESCO 1 INTRODUCTION : 2 1.1 A quoi sert ALFRESCO? 2 1.2 Comment s en servir? 2 2 Créer d un site collaboratif 3 2.1 Créer le site 3 2.2 Inviter des membres 4 3 Accéder à
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
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
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
Publication dans le Back Office
Site Web de l association des ingénieurs INSA de Lyon Publication dans le Back Office Note : dans ce guide, l'appellation GI signifie Groupe d'intérêt, et GR Groupe Régional laure Buisset Page 1 17/09/2008
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
Access 2007 FF Access FR FR Base
ACCESS Basic Albertlaan 88 Avenue Albert Brussel B-1190 Bruxelles T +32 2 340 05 70 F +32 2 340 05 75 E-mail info@keyjob-training.com Website www.keyjob-training.com BTW TVA BE 0425 439 228 Access 2007
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é
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
Guide d usage pour Word 2007
Formation TIC Septembre 2012 florian.jacques@etsup.com Guide d usage pour Word 2007 ETSUP 8 villa du Parc Montsouris 75014 PARIS SOMMAIRE Interface... 2 Organiser son espace de travail... 3 La barre d
Manuel d'installation de GESLAB Client Lourd
Manuel d'installation GESLAB Client Lourd Référence Date de la dernière mise à jour Rédigé par Objet GESLAB_MINS_TECH_Manuel d'installation GESLAB Client 15/04/2013 Steria Manuel d'installation de GESLAB
Groupe Eyrolles, 2003, ISBN : 2-212-11317-X
Groupe Eyrolles, 2003, ISBN : 2-212-11317-X 3 Création de pages dynamiques courantes Dans le chapitre précédent, nous avons installé et configuré tous les éléments indispensables à la mise en œuvre d une
Tapez le titre de la page «BASTIA ville méditerranéenne», puis allez deux fois à la ligne à l aide de la touche Entrée.
Créer un site Internet à l aide du logiciel NVU Le logiciel NVU, permet l édition Wysiwyg (What You See, Is What You Get, ce que vous voyez, est ce que vous obtenez ) d un site internet. Vous rédigez le
Optimiser moteur recherche
Optimiser moteur recherche Vous apprennez à inscrire vos sites dans les moteurs de recherche et les optimiser, déjà à la construction Worldsoft SA Inscription de sites Web dans les moteurs de recherche
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)
ENDNOTE X2 SOMMAIRE. 1. La bibliothèque EndNote 1.1. Créer une nouvelle bibliothèque 1.2. Ouvrir une bibliothèque EndNote 1.3. Fermer une bibliothèque
1 ENDNOTE X2 SOMMAIRE 1. La bibliothèque EndNote 1.1. Créer une nouvelle bibliothèque 1.2. Ouvrir une bibliothèque EndNote 1.3. Fermer une bibliothèque 2. Manipuler une bibliothèque EndNote 2.1. La saisie
Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche?
9 Référencement et visibilité sur Internet Comment améliorer la visibilité de son site internet sur les principaux moteurs de recherche? Le trafic d un site internet Le référencement naturel Les freins
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é
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...
Atelier 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/
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,
Open-Sankoré. Mise en route. Guide utilisateur Février 2013 NTICE (E. S.)
Guide utilisateur Février 2013 NTICE (E. S.) Open-Sankoré Développé à l Université de Lausanne en 2003 sous le nom d Uniboard, ce logiciel combine la simplicité des outils d enseignements traditionnels
Support pour les langues s écrivant de droite à gauche
Documentation EMu Support pour les langues s écrivant de droite à gauche Version 1.0 Version EMu 4.0 www.kesoftware.com 2010 KE Software. All rights reserved. Contents SECTION 1 Résumé 1 SECTION 2 Changer
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
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
Styler un document sous OpenOffice 4.0
Mars 2014 Styler un document sous OpenOffice 4.0 Un style est un ensemble de caractéristiques de mise en forme (police, taille, espacement, etc.) qui sert à structurer un document en l organisant de manière
et de la feuille de styles.
Feuilles de style / mars 2007 Manuel d'utilisation du modèle enssib et de la feuille de styles. Writer Open Office Service des produits documentaires Contact : Richard Grenier 2e étage enssib Tél : 04
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
Audit de site web. Accessibilité
Accessibilité 1. Est- ce que le contenu est structurellement séparé des éléments de navigation? 2. Est- ce que le site est compatible avec tous les navigateurs? 3. Le site est- il compatible avec les normes
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
PAGE 1. L écran du logiciel d Open Office Draw. Barre de menu: Les commandes du logiciel
PAGE L écran du logiciel d Open Office Draw Nom du document : Nom d enregistrement Barre de mise forme: Ligne, couleurs, fond,... Barre de menu: Les commandes du logiciel Barre d outils: Les boutons de
MAILING 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...
La saisie d un texte
La saisie d un texte On utilise le clavier pour la saisie des textes. C est une partie importante du travail. Il est indispensable de respecter un certain nombre de règles pour que le travail soit plus
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...
SolidWorks edrawings et publications
SolidWorks edrawings et publications Ce tutorial a pour but de vous expliquer ce qu est edrawings et ce que ce format de fichier peut vous rendre comme services, puis de vous expliquer les différentes
Création d un site Internet
Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter
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
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
Manuel 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
MIGRER VERS LA DERNIERE VERSION DE L'ANTIVIRUS FIREWALL
MIGRER VERS LA DERNIERE VERSION DE L'ANTIVIRUS FIREWALL Cette fiche pratique vous guide à migrer vers la dernière version de l AntiVirus Firewall. La fiche pratique suivante est composée de 4 parties :
Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6
Installation d un serveur HTTP (Hypertext Transfer Protocol) sous Débian 6 1 BERNIER François http://astronomie-astrophotographie.fr Table des matières Installation d un serveur HTTP (Hypertext Transfer
EXCEL TUTORIEL 2012/2013
EXCEL TUTORIEL 2012/2013 Excel est un tableur, c est-à-dire un logiciel de gestion de tableaux. Il permet de réaliser des calculs avec des valeurs numériques, mais aussi avec des dates et des textes. Ainsi
Services bancaires par Internet aux entreprises. Guide pratique pour : Rapports de solde Version 8.05.22
Services bancaires par Internet aux entreprises Guide pratique pour : Rapports de solde Version 8.05.22 Table des matières Avez-vous besoin d aide?... 3 Exigences informatiques... 4 Navigateurs acceptés...
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
Votre 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,
Création et utilisation de formulaire pdf
Création et utilisation de formulaire pdf Grâce à Adobe Acrobat, il est plus facile de créer, de remplir et d envoyer des formulaires électroniques PDF. Vous pouvez concevoir et créer un formulaire complètement
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
Utiliser Freemind à l'école
Utiliser Freemind à l'école Cette notice est une rapide introduction au mind maping, que nos amis québecois appelent les «schémas de réseaux conceptuels» ou encore idéacteur. En d'autres termes c'est l'organisation
Prise en main rapide
Prise en main rapide 4 Dans cette leçon, vous découvrirez les fonctionnalités de création de page web de Dreamweaver et apprendrez à les utiliser dans l espace de travail. Vous apprendrez à : définir un
Progression secrétariat
Progression secrétariat I. Notions de base A. L'Unité Centrale et les périphériques 1. Unité centrale a) Le Schéma de principe (1) Entrée et sortie des informations, traitement des informations, en interne
Internet. 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
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.
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
Le référencement naturel
Le référencement naturel Phases essentielles Choix des mots-clés Où se référencer : moteurs, annuaires Indexation des pages du site dans les moteurs Positionnement et trafic généré Optimisation des pages
Date : juin 2009 AIDE SUR LES CERTIFICATS. Comment sauvegarder et installer son certificat
Date : juin 2009 AIDE SUR LES CERTIFICATS 1 Transférer mon certificat sur Internet Explorer 3 1.1 Sauvegarde du certificat sur Internet Explorer 3 1.2 Installation du certificat sur Internet Explorer 6
Création, analyse de questionnaires et d'entretiens pour Windows 2008, 7, 8 et MacOs 10
modalisa Création, analyse de questionnaires et d'entretiens pour Windows 2008, 7, 8 et MacOs 10 8 Fonctionnalités de mise en ligne de questionnaires Vous trouverez dans cet opuscule les informations nécessaires
L ORDINATEUR FACILE D ACCÈS!
L ORDINATEUR FACILE D ACCÈS! Préparé par Éric Roussel, enseignant spécialisé en informatique / École Jacques-Ouellette / 2009 Préambule Il est important de noter qu il n y a pas d adaptation parfaite des
Créer son questionnaire en ligne avec Google Documents
Créer son questionnaire en ligne avec Google Documents (actualisation et précision de l article paru sur http://www.marketing- etudiant.fr/actualites/collecte-donnees.php) Se connecter avec son compte
Les 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
MO-Call pour les Ordinateurs. Guide de l utilisateur
MO-Call pour les Ordinateurs Guide de l utilisateur Sommaire MO-CALL POUR ORDINATEURS...1 GUIDE DE L UTILISATEUR...1 SOMMAIRE...2 BIENVENUE CHEZ MO-CALL...4 MISE EN ROUTE...5 CONNEXION...5 APPELS...7 COMPOSITION
Ecrire pour le web. Rédiger : simple, concis, structuré. Faire (plus) court. L essentiel d abord. Alléger le style. Varier les types de contenus
Ecrire pour le web Un texte web de lecture aisée pour l internaute, l est aussi pour les moteurs de recherche ; l écriture peut ainsi être mise au service du référencement naturel. De façon complémentaire,
cbox VOS FICHIERS DEVIENNENT MOBILES! POUR CLIENT MAC OS X MANUEL D UTILISATION
cbox VOS FICHIERS DEVIENNENT MOBILES! POUR CLIENT MAC OS X MANUEL D UTILISATION Introduction L application cbox peut-être installée facilement sur votre ordinateur. Une fois l installation terminée, le
Ouvrir le compte UQÀM
Cliquez sur le titre pour visionner 1 Cliquez sur le titre pour visionner 2! Préliminaires! Ouvrir le compte UQÀM! Accéder au compte UQÀM! Paramètres de configuration! Les dossiers! Gérer les dossiers!
Introduction au logiciel de gestion bibliographique Zotero
au logiciel de gestion bibliographique Zotero Pour Microsoft Word et Writer La gestion manuelle des références bibliographiques (inventaire des sources consultées, rédaction d une bibliographie et création
Manuel utilisateur Netviewer one2one
Manuel utilisateur Netviewer one2one INDEX 1. Etablissement de la connexion...2 1.1. Client... 2 2. Travailler avec Netviewer en mode Show...3 2.1. Vue écran... 3 2.2. Le panneau Netviewer... 3 2.3. Caractéristiques...
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
Tutoriel. Votre site web en 30 minutes
Tutoriel Votre site web en 30 minutes But du tutoriel Nous allons vous présenter comment réaliser rapidement votre site avec Web Creator Pro 6 en vous basant sur l utilisation des modèles fournis avec
CREER 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
INU3051 - Information et sites Web 10 avril 2015 SEO. Dominic Forest, Ph.D.
SEO Dominic Forest, Ph.D. École de bibliothéconomie et des sciences de l information Université de Montréal dominic.forest@umontreal.ca www.dominicforest.name www.twitter.com/dforest INU3051 Information
Utiliser le service de messagerie électronique de Google : gmail (1)
Utiliser le service de messagerie électronique de Google : gmail (1) 1. Créer un compte 2 2. Ouvrir sa boîte de messagerie électronique 3 3. Comprendre la boîte de réception (1) 4 3.1. Lire un message
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
26 Centre de Sécurité et de
26 Centre de Sécurité et de Maintenance La fenêtre du Centre de sécurité et de maintenance (CSM) rassemble tous les outils nécessaires au contrôle, à l analyse, à la maintenance, à la sauvegarde et au
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.
VOCABULAIRE 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