Les listes. Ordonnée. Non ordonnée. De définition
|
|
|
- Anaïs Perras
- il y a 6 ans
- Total affichages :
Transcription
1 Les listes Une liste est un paragraphe structuré contenant une suite d'articles. Il en existe trois types: Ordonnée Non ordonnée De définition Voici leur syntaxe: Conteneur Type de liste Effet Visuel <ol> </ol> <ul> </ul> <dl> </dl> <li> article 1 </li> <li> article 2 </li> <li> article 1 </li> <li> article 2 </li> <dt>terme</dt> <dd>définition</dd> Ordonnée Non ordonnée De définition 1. article 1 2. article 2 3. article 3 article 1 article 2 article 3 article 1 définition 1 article 2 Il existe des attributs spécifiques aux listes: Attribut Valeur Effet Visuel définition 2 COMPACT PLAIN SEQNUM START CONTINUE TYPE (pour les listes ordonnées) TYPE (pour les listes non-ordonnées) 1 A a I i circle square disc resserre l'interligne supprime les puces définit le premier numéro définit le premier numéro repart du numéro où il s'était arrêté à la liste précédente numérotation chiffrée (par défaut) numérotation en capitales numérotation en bas de casse numérotation en chiffres romains (I, II, III, IV...) numérotation en chiffres romains en bas de casse puce circulaire puce carrée puce en disque
2 Les en-têtes Ils fonctionnent par paire (<balise></balise>), il en existe 6 niveaux: Balise Effet Visuel H1 H2 H3 H4 H5 H6 Les attributs Les attributs suivants sont placés dans les marqueurs de structure pour mettre en place les éléments: Attribut Valeur Effet Visuel LEFT LEFT RIGHT RIGHT ALIGN CENTER CENTER JUSTIFY JUSTIFY Interdit de reporter des mots d'une NOWRAP ligne à l'autre Attribue un nom au contenu du ID marqueur (pour faire des liens) LANG Spécifie un langage différent Assigne une classe au contenu (pour CLASS les feuilles de style) Utilisé dans le cas d'un texte entrourant une image. Il permet de CLEAR descendre dans la page aussi loin qu'il est nécessaire pour atteindre une marge libre Ils s'utilisent de la manière suivante: <MARQUEUR ATTRIBUT1=XXXXX ATTRIBUT2=XXXX> Texte </MARQUEUR> Par exemple: <H1 ALIGN=LEFT> Texte aligné à gauche <H1> Paragraphes HTML considère les paragraphes comme des blocs de texte. Les browsers répartissent au mieux leur contenu dans leur fenêtre à moins qu'ils n'aient rencontré un attribut NOWRAP ou NOBR. A l'intérieur d'un paragraphe, les espaces, tabulations et retours chariot comptent pour un seul espace (il ne sert à rien de mettre plusieurs espaces, il faut recourir à un autre moyen). La mise en page par blocs de texte est réalisé par l'intermédiaire de la paire de balises <p> et </p>. Ce marqueur accepte n'importe lequel des attributs vus précédemment.
3 Le retour chariot (retour à la ligne simple) est réalisé grâce à la balise <br> On peut aussi insérer une ligne horizontale grâce à la balise <hr>. Balise Attribut Effet Visuel <br> <p> et </p> <hr size=5 width=20% align=left> SIZE WIDTH ALIGN retour à la ligne paragraphe Blocs d'éléments Il existe des marqueurs servant à indenter le texte. Ce sont des conteneurs. Par exemple: Conteneur Effet Visuel <blockquote> et </blockquote> <address> et </address> <note> et </note> <fn> et </fn> <banner> et </banner> <pre> et </pre> Texte indenté Pour écrire une adresse Pour écrire une note Permet d'avoir une note de fin de page Fixe un bloc de texte par rapport à la page Permet d'écrire un texte PREFORMATTE en conservant entre autres les espaces Comment utiliser les marqueurs? Les marqueurs peuvent être uniques par exemple <br> qui signifie un retour à la ligne ou par paire pour agir sur le texte qu'ils encadrent (le marqueur de fin est alors précédé d'un /) : <marqueur> Votre texte formatté </marqueur> par exemple le marqueur <b> qui met un texte en gras: <b> Ce texte est en gras </b> Les marqueurs ne sont pas sensibles à la casse, c'est-à-dire qu'on peut les écrire indifféremment en minuscules ou en majuscules La page HTML minimum Une page HTML est un simple fichier texte commençant par <HTML> et finissant par </HTML>. Il contient un en-tête décrivant le titre de la page, puis un corps dans lequel on place le contenu de la page L'en-tête est délimité par les balises <HEAD> et </HEAD> Le corps est délimité par les balises <BODY> et </BODY> Ainsi la page minimum sera: <HTML> <HEAD> <TITLE> Le titre </TITLE> </HEAD> <BODY> </BODY> Contenu de votre page
4 </HTML> Utilisation de tableaux On a souvent besoin de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Le tableau est encadré par les marqueur <TABLE> et </TABLE>. Le titre du tableau est encadrée par <CAPTION> </CAPTION> Chaque ligne est encadrée par <TR> </TR> (Table row: Ligne du tableau) Les cellules d'en-tête sont encadrées par <TH> </TH> (Table header: En-tête du tableau) Les cellules de valeur sont encadrées par <TD> </TD> (Table Data: Donnée de tableau) Par exemple le tableau: <TABLE BORDER="1"> <CAPTION> Voici le titre du tableau </CAPTION> <TR> </TR> <TR> <TH> Titre A1 </TH> <TH> Titre A2 </TH> <TH> Titre A3 </TH> <TH> Titre A4 </TH> <TH> Titre B1 </TH> <TD> Valeur B2 </TD> <TD> Valeur B3 </TD> <TD> Valeur B4 </TD> </TR> </TABLE> donne le résultat suivant: Voici le titre du tableau Titre A1 Titre A2 Titre A3 Titre A4 Titre B1 Valeur B2 Valeur B3 Valeur B4 Les attributs Attribut Balises auxquelles il s'applique Valeur Effet Visuel ALIGN VALIGN (alignement vertical) THEAD TBODY TH TR TD CAPTION THEAD TBODY TH TR TD CENT ER centré LEFT gauche RIGHT droite JUSTI justifié FY TOP BOTT OM TOP MIDD LE BOTT OM au-dessus en-dessous en haut au milieu en bas
5 BORDER=n TABLE taille de la bordure CELLPADDING=n TABLE espacement de n pixels entre le contenu des cellules et son encadrement CELLSPACING=n TABLE Epaisseur de la grille intérieure FLOAT TABLE RIGHT Spécifie la position du texte qui suivra LEFT </TABLE> COLS=n TABLE Spécifie le nombre de colonnes NONE FRAME TOP BOTT aucun au-dessus (contrôle les éléments OM en bas TABLE individuels d'encadrement TOPB tout en haut du tableau) OT sur les cotés SIDES tous ALL RULES (contrôle les éléments de la grille des cellules) COLSPAN ROWSPAN TABLE THEAD TBODY TH TR TD THEAD TBODY TH TR TD NONE aucun BASIC basique ROWS ligne COLS colonne ALL tous Fait déborder les cellules sur les colonnes adjacentes Fait déborder les cellules sur les lignes adjacentes qu'est-ce qu'un marqueur de style? Les marqueurs de style modifient la typographie du texte. Ils peuvent être imbriqués dans d'autres marqueurs de style de la même façon qu'on le ferait avec un traitement de texte. Voici une liste de marqueurs de style reconnus par la plupart des browsers (chacun à sa façon si bien que certains ne font pas la différence entre ces styles). Balise de style Effet Visuel <ABBREV> et </ABBREV> <ACRONYM> et </ACRONYM> <AU> et </AU> <BIG> et </BIG> <BLINK> et </BLINK> <CITE> et </CITE> <CODE> et </CODE> <DEL> et </DEL> <DFN> et </DFN> <EM> et </EM> <I> et </I> <INS> et </INS> <KBD> et </KBD> <PERSON> et </PERSON> Abréviation Acronyme L'auteur Police plus grande Clignote (propre à Netscape) Citation Instruction Texte supprimé mais qui reste présent Définition d'instance Emphase Italique Nouveau texte inséré a cet endroit Clavier - Suite de caractères devant être tapés tel quel Accentuation du nom d'une personne
6 <Q> et </Q> Encadre le texte par des guillemets <S> et </S> Comme strike (barré) <SAMP> et </SAMP> Exemple <SMALL> et </SMALL> Police plus petite <STRONG> et </STRONG> Forte accentuation rendue par du gras <STRIKE> et </STRIKE> Texte barré (comme S) <SUB> et </SUB> Texte en Indice <SUP> et </SUP> Texte en Exposant <TT> et </TT> Caractère de machine à écrire <VAR> et </VAR> Nom d'une variable Présentation des ancrages Les ancrages (liens hypertexte) sont les endroits de la page (généralement en bleu et soulignés) qui emmènent dans un autre endroit lorsqu'on clique dessus. C'est ce qui permet de lier les pages Web entre elles. Ils permettent de naviguer: vers un autre endroit du document vers un autre fichier HTML situé sur le même disque vers une autre machine L'attribut principal des ancrages est HREF Il s'écrit sous la forme: <a href="adresse ou URL">.. </a> Lien externe Il crée un lien vers une page dont on spécifie l'url Par exemple: <a href=" Comment ça marche? </a> Lien local On peut créer un lien vers une page située sur le même ordinateur en remplaçant l'url par le fichier cible. Ce lien peut être fait de façon relative, en repérant le fichier cible par rapport au fichier source. Si le fichier cible est "index.html" situé dans le répertoire parent, son lien s'écrira: <a href="../index.php3">... </a> Ce lien peut aussi être fait de façon absolue, en écrivant l'adresse du fichier cible de façon locale: <a href="file:///lecteur:/répertoire/fichier.php3">... </a> Les signets On peut créer un signet dans une page c'est-à-dire marquer un endroit précis d'une page pour s'y rendre par hypertexte. Cela se fait grâce à l'attribut NAME ou ID (pour les browsers plus récents) Par exemple: <p id="signet">... </p> On l'apellera grâce au lien suivant: <a href="#signet">... </p> On peut ainsi se déplacer à un endroit précis sur une autre page: <a href="url/nom_du_fichier.html#signet">... </p>
7 Comment afficher des images sur une page web? Quelques images sur votre site Web le rendront plus attractif. Cependant il ne faut pas sombrer dans l'excès car les images impliquent un temps de chargement assez long. Les images peuvent être sur le même ordinateur que la page ou bien ailleurs sur un autre site (il faudra veiller à ce que l'image soit alors accessible). Il y a grossièrement deux formats d'images que vous pouvez inclure dans votre page: Les images JPEG (.JPG): les images ayant un grand nombre de couleurs seront bien compressées, c'est-àdire qu'elles prendront moins de place, donc nécessiteront un temps de chargement moindre) Les images GIF: Leur taille est faible dans le cas d'images avec peu de couleurs, ce format permet en outre d'avoir des images entrelacées (qui s'affichent progressivement) et des images dont on définit une couleur comme transparente On utilise le marqueur <IMG> pour inclure une image, il ne crée pas de retour à la ligne. Ses trois principaux attributs sont: SRC: Indique l'emplacement de l'image (il est obligatoire) ALIGN: Spécifie l'alignement de l'image par rapport au texte adjacent. Il peut prendre les valeurs: TOP, MIDDLE, et BOTTOM (au-dessus, au milieu et en-dessous) ALT:Permet d'afficher un texte lorsque l'image ne s'affiche pas Ainsi pour insérer une image, il faudra saisir un marqueur du genre: <IMG SRC="url/image.gif ou url/image.jpg" ALT="Texte remplaçant l'image"> Attribut Valeur Résultat Effet Visuel SRC BORDER=n HSPACE VSPACE Adresse de l'image Nombre de pixels de la bordure. Sa couleur se définit dans l'attribut LINK ou TEXT de la balise <BODY> Nombre de pixels d'ajustement entre l'image et le texte adjacent Nombre de pixels d'ajustement entre l'image et le texte au-dessus WIDTH Taille horizontale (en pixels ou en %) HEIGHT Taille verticale (en pixels ou en %) LOWSRC URL Image alternative (plus petite) affichée le temps que la vraie soit chargée Texte enveloppant une image Les images s'insèrent dans le texte comme un caractère, ainsi il semble impossible de faire s'écouler du texte le long d'une image. Il existe en fait plusieurs façons, nous allons en voir deux: La première consiste à créer un tableau avec une ligne et deux colonnes, dans lesquelles on met l'image et le texte. La seconde (moins précise) consiste à aligner l'image à gauche ou à: droite avec l'attribut ALIGN puis de taper son texte. Il suffit, pour arrêter cet enveloppement de mettre l'attribut CLEAR. Les images réactives ("images MAP") On peut créer à l'intérieur même d'une image des zones cliquables. Cela est possible grâce à l'attribut USEMAP utilisé conjointement avec la balise <MAP>... </MAP>. L'attribut USEMAP de la balise <IMG> pointe vers la balise <MAP> contenant le découpage.
8 La balise <MAP> a pour attribut le nom qu'on lui donne (NAME="nom") et contient les zones cliquables déclarées par les balises <AREA>... </AREA>. Balises Attribut Valeur Effet Visuel <MAP>... </MAP> <AREA> Un exemple NAME SHAPE HREF="url" COORDS= "XX,XX,XX,XX" Rectangle (ses coordonnées sont: "abscisse sup gauche, ordonnée sup gauche, abscisse inf droit, ordonnée inf droit") RECT Cercle (ses coordonnées sont: CIRCLE "abscisse centre, ordonnée centre, rayon") POLY Polygone (ses coordonnées sont: "la suite des coordonnées séparées par des virgules") Lien vers l'url Contient les coordonnées de la zone cliquable entre guillemets et séparées par des virgules <IMG SRC="images/image.gif" WIDTH=150 HEIGHT=70 USEMAP="#Map"> <MAP NAME="#Map"> <AREA SHAPE="rect" HREF="debut.html" COORDS="0,0,48,28"> <AREA SHAPE="circle" HREF="precedent.html" COORDS="50,30,10"> <AREA SHAPE="poly" HREF="suivant.html" COORDS="60,50,80,30,100,40,50,100"> </MAP> Insérer une image en fond L'arrière-plan est défini dans les attributs de la balise <BODY> : Attribut Effet Visuel BACKGROUND="image" affiche l'image en arrière-plan BGCOLOR="nom_de_la_couleur ou #XXXXXX" affiche la couleur demandée en arrière-plan LINK="couleur" Couleur des liens hypertexte ALINK="couleur" Couleur du lien actif VLINK="couleur" Couleur des liens déjà visités TEXT="couleur" Couleur du texte par défaut Les couleurs sont définies par 6 chiffres hexadécimaux représentant 2 à 2 les tons de Rouge, de Vert et de Bleu. couleur="#rrvvbb" où R, V et B représentent respectivement un chiffre hexadécimal entre 0 et F pour le Rouge, le Vert et le Bleu. Le codage des couleurs Les couleurs sont définies par 6 chiffres hexadécimaux représentant 2 à 2 les tons de Rouge, de Vert et de Bleu. couleur="#rrvvbb" où R, V et B représentent respectivement un chiffre hexadécimal entre 0 et F pour le Rouge, le Vert et le Bleu. #FFFFFF #8E236B
9 #FF0000 #32CD99 #00FF00 #3232CD #0000FF #6B8E23 #00FFFF #EAEAAE #FFFF00 #9370DB # #426F42 #70DB93 #7F00FF #5C3317 #7FFF00 #9F5F9F #70DBDB #B5A642 #DB7093 #D9D919 #A68064 #A62A2A #2F2F4F #8C7853 #23238E #A67D3D #4D4DFF #5F9F9F #FF6EC7 #D98719 #00009C #B87333 #EBC79E #FF7F00 #CFB53B #42426F #FF7F00 #5C4033 #FF2400 #2F4F2F #DB70DB #4A766E #8FBC8F #4F4F2F #BC8F8F #9932CD #EAADEA #871F78 #D9D9F3 #6B238E #5959AB #2F4F4F #6F4242 #97694F #8C1717 #7093DB #238E68 #855E42 #6B4226 # #8E6B23 # #E6E8FA #D19275 #3299CC #8E2323 #007FFF #238E23 #FF1CAE #CD7F32 #00FF7F #DBDB70 #236B8E #C0C0C0 #38B0DE #527F76 #DB9370 #93DB70 #D8BFD8 #215E21 #ADEAEA #4E2F2F #5C4033 #9F9F5F #CDCDCD #C0D9D9 #4F2F4F #A8A8A8 #CC3299 #8F8FBD #D8D8BF #E9C2A6 #99CC32 #32CD32 #E47833
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,
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,
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.
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?
.. CSS. Damien Nouvel. Damien Nouvel (Inalco) CSS 1 / 15
.. CSS Damien Nouvel Damien Nouvel (Inalco) CSS 1 / 15 Feuilles de styles Plan 1. Feuilles de styles 2. Sélecteurs 3. Attributs Damien Nouvel (Inalco) CSS 2 / 15 Feuilles de styles Déportation des styles
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN
LES GRANDES ETAPES DE CREATION D UN WEB DESIGN PENSER LA STRUCTURE ET LE THEME DU SITE STRUCTURE ET THEME DU SITE Taille (le site sera-t-il extensible ou fixe?) Organisation Thème Couleurs Illustrations
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
// 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
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
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
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
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,
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
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...
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
Traitement 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
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
Guide 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
Formation > 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
GUIDE 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
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
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...
Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?
![Licence de Biologie, 1ère année. Aide. [Aide 1] Comment utiliser l'explorateur Windows? Comment créer des dossiers?](/thumbs/18/825045.jpg "Licence 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
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
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...
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
DÉ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
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
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
FrontPage 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
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
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
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
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
GUIDE 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
{less} Guide de démarrage
{less Guide de démarrage Pré requis L'utilisation d'un pré processeur css nécessite son installation préalable. Vous pouvez choisir de tout installer du coté du serveur ou du coté du client. Votre site
Activités HTML. Code: act-html
Activités HTML act-html Activités HTML Code: act-html Originaux url: http://tecfa.unige.ch/guides/tie/html/act-html/act-html.html url: http://tecfa.unige.ch/guides/tie/pdf/files/act-html.pdf Prérequis:
Les outils de création de sites web
Tuto 1ère séance - p1 Les outils de création de sites web Sources : Réalisez votre site web avec HTML5 et CSS3 de Mathieu Nebra (Edition Le Livre du Zéro) site fr.openclassrooms.com (anciennement «site
1 Comment faire un document Open Office /writer de façon intelligente?
1 Comment faire un document Open Office /writer de façon intelligente? 1.1 Comment fonctionne un traitement de texte?: les balises. Un fichier de traitement de texte (WRITER ou WORD) comporte en plus du
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/
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
L informatique et la formation en direction des élus
L informatique et la formation en direction des élus ICE version 2.30 Edité le 30 juillet 2011 Référence Client :............ Votre Contact :............... INOVA3 Sarl au capital de 9200 Euros Siret 441761798
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é
Manuel d utilisation 26 juin 2011. 1 Tâche à effectuer : écrire un algorithme 2
éducalgo Manuel d utilisation 26 juin 2011 Table des matières 1 Tâche à effectuer : écrire un algorithme 2 2 Comment écrire un algorithme? 3 2.1 Avec quoi écrit-on? Avec les boutons d écriture........
SOS Info: Traitement de textes. 1. Structurer un document. 2. Enregistrer un document
De plus en plus de documents seront «lus» par des systèmes automatiques. Il est important que les textes soient parfaitement structurés pour qu'un ordinateur puisse repérer les éléments importants. On
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
<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
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
qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopas dfghjklzxcvbnmqwertyuiopasdfghjklz mqwertyuiopasdfghjklzxcvbnmqwert
qwertyuiopasdfghjklzxcvbnmqwerty uiopasdfghjklzxcvbnmqwertyuiopas dfghjklzxcvbnmqwertyuiopasdfghjklz INITIATION à Word 2007 xcvbnmqwertyuiopasdfghjklzxcvbn Cours informatiques Année 2009/2010 mqwertyuiopasdfghjklzxcvbnmqwert
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
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
Atelier Formation Pages sur ipad Pages sur ipad
Pages sur ipad 1/43 Table des matières Atelier Formation Pages sur ipad Introduction à Pages 3 Créer ou ouvrir un document 3 Créer ou ouvrir un document 3 Textes et images du modèle 4 Remplacer du texte
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
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
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
JOOMLA 1.5 avancé SUPPORT DE COURS + annexe
JOOMLA 1.5 avancé SUPPORT DE COURS + annexe SOMMAIRE 1. LA GESTION DES MODULES... Page 2 2. MODIFICATION DE SON TEMPLATE... Page 6 3. LA CREATION DE DIAPORAMA... Page 9 4. LA CREATION DE SONDAGE... Page
Sommaire. Images Actives Logiciel libre développé par le CRDP de l académie de Versailles 2 Rue Pierre Bourdan Marly le Roi - 78160
Sommaire Choisir son image... 2 Enregistrer son travail... 3 Créer les détails... 4 Supprimer une zone ou un détail... 6 Les commentaires... 6 Créer un lien hypertexte... 8 Appliquer un modèle... 8 Personnaliser
Date M.P Libellé Catégorie S.Catégorie Crédit Débit Solde S.B
Excel : Réalisation d un classeur Compta Saisir les étiquettes Renommer la première feuille Compta Laisser la première ligne vide et sur la deuxième ligne saisir les étiquettes Se placer sur A2 et saisir
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
Freeway 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
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
Mise 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
Formation 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
É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
RAPPORT DE PROJET CREATION DU SITE INTERNET POUR LA FORMATION EEA DE MULHOUSE
1/25 LICENCE ELECTROTECHNIQUE ELECTRONIQUE AUTOMATISME RAPPORT DE PROJET CREATION DU SITE INTERNET POUR LA FORMATION EEA DE MULHOUSE Champs technologiques : Informatique + Communication Professeur responsable
INTRODUCTION A JAVA. Fichier en langage machine Exécutable
INTRODUCTION A JAVA JAVA est un langage orienté-objet pur. Il ressemble beaucoup à C++ au niveau de la syntaxe. En revanche, ces deux langages sont très différents dans leur structure (organisation du
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)
1 CRÉER UN TABLEAU. IADE Outils et Méthodes de gestion de l information
TP Numéro 2 CRÉER ET MANIPULER DES TABLEAUX (Mise en forme, insertion, suppression, tri...) 1 CRÉER UN TABLEAU 1.1 Présentation Pour organiser et présenter des données sous forme d un tableau, Word propose
Nouveautés de la version moodle 2.7
Nouveautés de la version moodle 2.7 Atto Éditeur de texte facile Le nouveau éditeur de texte dans Moodle à été développé spécialement pour convivialité et accessibilité. Au-dessus de la zone d'écriture
COMMENT PUBLIER SUR ARIANE?
COMMENT PUBLIER SUR ARIANE? Rédacteur : Dr Michel Arnould 1. SOMMAIRE 1.Sommaire...1 2.Connexion...1 3.Gestion des pages du wiki...1 Ajouter une nouvelle page...1 Supprimer, renommer, protéger une page...1
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
Chapitre 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
Leçon N 5 PICASA Généralités
Leçon N 5 PICASA Généralités Avec cette leçon N 5, nous allons commencer l étude du traitement de vos photos avec le logiciel de GOOGLE, PICASA, que vous avez téléchargé dans la leçon N 3. 1 Présentation
Climat 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
Comment intégrer des images dans un texte
Quoi de plus utile que de pouvoir ajouter une image, un graphique à un commentaire afin d étoffer celui-ci. C est possible de le faire de plusieurs façon dans le forum Météocentre. Cependant il faut limiter
TUTORIEL CartoDB www.cellie.fr 11/03/15
TUTORIEL CartoDB www.cellie.fr 11/03/15 1 INTRODUCTION Issue de la technologie du cloud, CartoBD est une application créée par la société Vizzuality. Elle permet de réaliser des cartographies à partir
à l édition de textes
Introduction à l édition de textes Introduction Le traitement de texte consiste en la création et la modification de textes (appelés aussi documents) à l'aide d'un ordinateur. Les premiers logiciels de
Comment 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é
Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia -
UVERSITE A. MIRA - BEJAIA Support Web Administration et gestion des portails web des facultés - Université A.Mira Béjaia - Prise en main de CMS Joomla Exploitation des ressources Recommandations et Règles
Manuel 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
Comment créer des rapports de test professionnels sous LabVIEW? NIDays 2002
Comment créer des rapports de test professionnels sous LabVIEW? NIDays 2002 De nombreux utilisateurs rencontrant l équipe de National Instruments nous demandent comment générer un rapport complet à partir
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
Jeux de caracte res et encodage (par Michel Michaud 2014)
Jeux de caracte res et encodage (par Michel Michaud 2014) Les ordinateurs ne traitent que des données numériques. En fait, les codages électriques qu'ils conservent en mémoire centrale ne représentent
Comment 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»...
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
Publication Assistée par Ordinateur
Présentation OpenOffice Draw est l'outil de dessin vectoriel de la suite bureautique OpenOffice. De fait, Draw permet de réaliser certains documents comparables à ceux de Publisher, le logiciel de P.A.O.
Le service de création de site Internet : Mode d emploi. La Création de Site Internet
Le service de création de site Internet : Mode d emploi Sommaire 1) Comment se connecter à votre interface client? 2) Comment démarrer la création de votre site Internet? 3) Comment gérer les pages de
Trucs et Astuces Outlook 2010 SIFA Faculté d Administration
Trucs et Astuces Outlook 2010 SIFA Faculté d Administration Historique des révisions Date Version Description Auteur 2012-08-10 1.0 Version préliminaire 2012-11-09 1.2 Ajout d information Références :
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
Petit guide d utilisation Prezi
Petit guide d utilisation Prezi Étape 1 : Rendez-vous à www.prezi.com. Étape 2 : De la page d accueil, cliquez sur Sign Up. Étape 3 : Après avoir cliqué sur Sign Up, cliquez sur Get dans le bas de la colonne
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 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
Chapitre 3 : outil «Documents»
Chapitre 3 : outil «Documents» L outil «Documents» fonctionne comme le gestionnaire de fichiers de votre ordinateur. Vous pouvez y transférer des documents de tous types (html, Word, Powerpoint, Excel,
«Petit guide d utilisation Prezi» par Marc Nolet
«Petit guide d utilisation Prezi» par Marc Nolet Étape 1 : INSCRIPTiON : S inscrire à Prezi en suivant les étapes à l aide du tutoriel suivant : cliquez ici Étape 2 : OUVRIR UNE NOUVELLE PRÉSENTATION :
Premiers pas avec Dreamweaver
Premiers pas avec Dreamweaver Dreamweaver est un éditeur visuel professionnel pour la création et la gestion de pages web. Dreamweaver permet de créer aisément des pages compatibles avec toute une série
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
MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE. Documentation utilisateur Octobre 2005
MANUEL DE PROCÉDURE POUR LA MISE À JOUR DU SITE DE FIDAFRIQUE Documentation utilisateur Octobre 2005 I. Principes 1.1 - Généralités Les personnes autorisées à intervenir sur le site sont enregistrées par
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