Auteur : Frédéric Thériault 1. Les titres  (de 1 à 6) Titre 1 Titre 2 Titre 3 Titre 4 Titre 5 Titre 6 2.

Slides:



Advertisements
Présentations similaires
Portail Sdin Méthodes pour la contribution du portail SDIN Mars 2013.
Advertisements

HTML Abda Anne Plan Présentation Structure Texte Listes Images Liens Tableaux Formulaires.
Introduction aux Web Services Partie 1. Technologies XML
Le dossier documentaire
Conception de Site Webs Interactifs Cours 3
CORRECTION DU DEVOIR DE SYNTHESE N° 2
Université la Sorbonne Nouvelle - Paris III Commandes de base
Langage HTML. Structure d'un document HTML Le langage HTML HTML est le langage universel utilisé pour communiquer sur le Web. Linformation sera ainsi.
CREATION DE FEUILLE DE STYLE pour structuré le document XML
Introduction aux Web Services Partie 1. Technologies HTML-XML
Applications Internet – cours 3 La page web
COME Bernard Comeau Commerce électronique Les éléments retrouvés dans une page Web. COME 2001.
17 octobre 2012 Grégory Petit
Excel Introduction.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
PhP-MySQL Pagora 2012/2013 CTD 1 - Presentation de moi ^^
Conversion de fichiers
1 Introduction aux réseaux Ordinateurs serveurs et ordinateurs clients Intranet et Internet Logiciels serveurs et logiciels clients Dossiers et fichiers.
Cours n° 1 Le langage HTML Prof. : E. BAKKI
Comment monter son propre site WEB Les outils (partie 2) Présenté au ClubRIB par Daniel Pelletier le 10 mars 2011.
Créer son site web Chapitre II. Les caractères spéciaux Les navigateurs ne reconnaissent pas les caractères spéciaux. Heureusement chaque caractère possède.
Auteur : Frédéric Thériault 1. Les sélecteurs simples  Tous les éléments HTML du sélecteur sont affectés dans le document. Exemple : h1 { color:purple;
LE HTML ISN Terminale S Un peu d’histoire …
Les guides de formation Conception de pages web. Guide Virtuose - version enseignant2 Guide - Conception de pages web Introduction Introduction, p. 3.
Comment utiliser FrontPage?
Les réseaux - Internet Historique Réseau local Internet Les protocoles
SSPT – CHOPIN module 2 Système de gestion de contenu de sites web Par Liette Pothier, Chargée de projet Nancy Dodier, technicienne en informatique.
Auteur : Frédéric Thériault 1. À quoi ça sert !?  Cascading Style Sheet  Modifier la page Web en ajoutant des styles aux balises  Modifier l’apparence.
Before Starting…. Pour les passionnés, le cours de Xhtml en classe peut être complété par les références suivantes : Cours de Xhtml en ligne :
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Auteur : Frédéric Thériault 1. Page à intégrer 2.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Introduction à l’informatique en gestion 1 Internet Les réseaux Le modem Architecture Connectivité entre réseaux L’Internet Protocoles et adresses.
Site du Syndicat sur la toile
Concevoir un site web de A a Z Cours 3. Aujourd’hui Découper sa page en tranche pour une intégration graphique optimale avec Photoshop L’intégration des.
Cours n° 3 Le langage HTML Prof. : E. BAKKI
Internet, le Web etc… (II) Benjamin I. Levine Novembre 2002.
Développement d’Application Web.  L’internet=WWW  Vrai  Faux  C’est quoi Web2.0  Quel intérêt d’un navigateur.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
420-B63 Programmation Web Avancée Auteur : Frédéric Thériault 1.
Chap 0 : Introduction HTML et CSS
INTERNET Le langage HTML
Initiation au JavaScript
IUT SRC Année 2004/2005Antonio Capobianco 1 HTML>Les tableaux>Créer des tableaux Intérêt : Les tableaux en HTML peuvent servir à : - présenter/organiser.
Commerce électronique Une application « MUSIQUE » Sur le site edicom Recherche et commande de disques CD ( titres)
ORGANISATION DE L’ENSEIGNEMENT Informatique et Sciences du Numérique.
HTML Création et mise en page de formulaire Cours 3.
Cours de HTML suite applications
HTML Création et mise en page de formulaire
Conception des pages Web avec
ORGANISATION DE L’ENSEIGNEMENT
Éléments du langage XHTML 1.0 Strict
HTML Rappels des fondamentaux
Deug 11 Systèmes d ’Information : cours 2b Michel de Rougemont Université Paris II Editeurs et HTML.
D é veloppement de sites web statiques Par DRISS AIT EL HADJ Par DRISS AIT EL HADJ Avril 2012.
Language html Hyper Text Markup Language
Language html II- Listes. Les Listes Les listes numérotées.
Dreamweaver Séance 1.
Présentation de Dreamveawer
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier T. SOUMAGNE.
Dreamweaver MX.
DREAMWEAVER Première séance Villaron Audrey – Shibly Tarek.
SI28 Malépart Céline Jérémy Palmier
Dreamweaver (2) ● les calques (layers) ● les comportements
INF2005– Programmation web– A. Obaid Utilisation avancée des tableaux.
Dreamweaver CS4 séance 1 Ahmed Aryan – Isma Teir.
Titre Page 1. Page 2.
Révisions pour l’exam L2 Informatique Obligatoire.
Programmation Web HTML. HTML 2 HTML ( Hyper Text MarkUp Language)  C’est est un langage de balisage hypertexte servant à la publication de pages web.
Transcription de la présentation:

Auteur : Frédéric Thériault 1

Les titres  (de 1 à 6) Titre 1 Titre 2 Titre 3 Titre 4 Titre 5 Titre 6 2

Les paragraphes Lorem ipsum... egestas Aenean eleifend... ornare. Aenean odio neque... id. 3

Les divisions division 1 division 2 division 3 4

Les tableaux  La balise...  Les entêtes :  Les lignes :  Les cellules : 5

Les tableaux (suite)  Exemple simple : Division 1 Division 2 6

Les tableaux (suite)  Exemple avec plusieurs lignes: Division 1 Division 2 Division 3 Division 4 7

Les tableaux (suite)  Exemple avec un titre pour chaque colonne: Numéro d’usager Note globale % % 8

Les tableaux (suite)  Exemple avec fusion de cellules : Numéro d’usager Note globale Diplôme optenu? % Non 685 Non disponible % Oui 9

Les hyperliens  Donne accès à une autre page html, une photo, un document, une adresse de courriel, un fichier exécutable sur serveur….  Syntaxe : … 10

Les hyperliens (suite)  Exemple : Sur le site du cours B63-IN, vous y trouverez... 11

Les hyperliens (suite)  L’attribut « target » : Sur le site du cours B63-IN, vous y trouverez... 12

Les hyperliens (suite)  Les protocoles : Serveur web ○ Serveur de fichiers ○ ftp:// Courrier électronique ○ mailto:Ex : me Note: Si aucun protocole n’est spécifié, alors c’est relatif au dossier actuel ! 13

Les images  Syntaxe : Exemple : 14

Les images et les hyperliens  Placer autour de l'image un tag …  Exemple  Pour enlever la bordure autour de l'image border= " 0 "; 15

Les images et les hyperliens (suite) Avec une bordureSans bordure 16

Les listes  Il y a deux types de liste Les listes ordonnées ( ) Les listes non-ordonnées ( )  Syntaxe : Élément 1 Élément 2 Élément 3 17 Élément 1 Élément 2 Élément 3