Nouvelles balises de structure

Slides:



Advertisements
Présentations similaires
Conception de Site Webs Interactifs Cours 4
Advertisements

Création de pages Web dynamiques et sympathiques.
Documentation pour webmestre site sud-aerien.org
Passer au CSS et autres... (2) Pour nous encourager, on revois l'objectif à atteindre.
HTML / CSS Gestion des systèmes d’information Classe terminale
LE CSS ISN Terminale S CSS Types de styles.
LE HTML ISN Terminale S Un peu d’histoire …
Cours de programmation web
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.
Application des CSS Régie des rentes du Québec Carolyne Dubé, RRQ Éric Fontaine, DMR.
3. Personnaliser une page web Visualiser les liens entre feuille de style et html grâce à l’inspecteur d’éléments Savoir si les modifications doivent être.
XHTML les fondamentaux M.DIENG Abdoulaye DTS 1 Réseaux & Données.
S'initier au HTML et aux feuilles de style CSS Cours 5.
HTML Cours 3. Plan du cours Les feuilles de styles CSS Mise en forme du texte et des paragraphes.
INTERNET Le langage HTML
HTML Cours 1.
Les balises sémantiques
Accessibilité web Gérer l’accessibilité lors de la création d’un site ORT Lyon - 10/02/2014.
Dreamweaver (2) ● les calques (layers) ● les comportements
Les calques Les Template (modèles) Les Comportements Les scénarios Les formulaires Les CSS Le serveur Web de l’UTC Présentation.
1 Programmation Web Programmation WAMP/LAMP Premiers principes.
GCstar Gestionnaire de collections personnelles Christian Jodar (Tian)
Laurent Pierron TextMate / Mac OS X macromates.com.
Marcel Bosc Introduction Web Université Paris-13Département informatiqueIUT de Villetaneuse ère année, cours - 2/5.
RMLL 2010 Un aperçu des nouvelles normes HTML 5 et CSS 3 Rencontres Mondiales des Logiciels Libres Bordeaux - mercredi 7 juillet 2010 Francis Draillard,
Cours de HTML suite. Sommaire...  Tableaux : le chevauchement de cellules (avec colspan et rowspan). Tableaux : le chevauchement de cellules (avec colspan.
Utilisation des squelettes Association Rhizomes – 11 août 2006.
Recette Univers Infirmier. Couleur de fond site Mettre le bleu comme sur les maquettes maquette Site actuel À VÉRIFIER.
Chapitre 5 XHTML et CSS. Votre titre …votre code xhtml … Gabarit xhtml sans feuilles de style.
Service de Formation Continue Technologie Web HTML et sémantique Gagner en simplicité et efficacité avec un code HTML respectueux des standards G. Chagnon.
Toulibre : présentation de... xhtml + css par Rémy Sanchez.
Publication collaborative ➔ Présentation de Centra ➔ SPIP : les principes éditoriaux ➔ Les plugins : première approche ➔ Les fichiers SPIP : un tour du.
Octobre 2013 Smartweb Refonte des sites Internet AIDE – K-Sup v6.
SPIP.
TIC (Techniques de l’Information et de la Communication)
I- ANALYSE DU BESOIN / Plan
Javascript et DOM Introduction Nicolas Chourot Informatique
Plateforme CountrySTAT Aperçu global des métadonnées dans la nouvelle plateforme CountrySTAT FORMATION DES POINTS FOCAUX SUR LE SYSTEME CountrySTAT.
Publication site AROEVEN
JQuery.
JavaScript.
HTML.
Création de site web Feuilles de style.
fonctionnalités iiS iis
Mini projet M2 : ‘Web Doctors’
Le CSS Principe de séparation du contenu et de la mise en forme
Magasins de sports de glisse
Feuilles de style Cascading Style Sheets
1 Exemple d’un document (article). 2 XML: eXtensible Markup Language Wikipédia XML (Extensible Markup Language, « langage de balisage extensible ») est.
PARTIE I LES BASES BIENVENUE ! Ce cours a été optimisé pour des personnes souhaitant :Ce cours a été optimisé pour des personnes souhaitant : –Travailler.
BALISE HTML5 <audio> : le son sur une page web
CSS et DREAMWEAVER (Suite et fin)  Les liens
UNITE 3: Production du jeu vidéo
Structuration du contenu
Plateforme CountrySTAT Aperçu global des métadonnées dans la nouvelle plateforme CountrySTAT FORMATION DES POINTS FOCAUX SUR LE SYSTEME CountrySTAT.
Informatique de base Pr. Namar Ydriss Cours 1: Introduction
Cours 5: Scripts Clients
Logiciel de présentation
Programmation Web : Introduction à XML
2/24/2019 Outils informatiques Séance 2 : les styles 1 1.
Cours jQuery. Plan du cours I. Introduction II. Les sélecteurs III. Les évènements IV. Quelques effets V. Manipulation du DOM 2.
Formation pour la prise en main du site zeroviolencebj.org
Balises HTML.
DOM (document object model)
JQuery (Débutant) 24 Mars SUPINFO Orléans.
Definition de html sommaire. Présentation de html, css et javascript Module 1.
Formation (x)HTML / CSS
Qu’est ce qu’une page web? Comment fonctionne un site web?
Site web, Ce qu’il faut savoir ?
Synchronized Multimedia Integration Language par Yves Bekkers
Transcription de la présentation:

Nouvelles balises de structure HTML 5 Nouvelles balises de structure logo

HTML5 (HTML+CSS+JavaScript) HTML5 : nouveaux usages Une sémantique nouvelle Nouvelles fonctionnalités Gestion audio et vidéo Formulaires Glisser-déposer Dessin et animations Géolocalisation Adaptation aux terminaux mobiles... Pas encore implémentées dans tous les navigateurs

Types de balises Contenus de flux Contenus de phrasé Métadonnées Eléments de structuration → a, p, div, table, form... Contenus de phrasé Imbriqués dans les précédents Confèrent une valeur sémantique → a, em, strong, span, input, select... Métadonnées Renseignements complémentaires → link, style, meta, script...

Nouvelles balises de structure Source : HTML5 - Une référence pour le développement web, Rodolphe Rimelé, Eyrolles

Nouvelles balises de structure Eliminer au maximum les div → nouvelles balises HTML5 Ecrire les css associés Limiter les attributs class et id

Exercice Reproduire la structure suivante CSS : faire apparaître un cadre autour des contenus afin de les identifier Opérer des tests d'imbrication Ex. : footer dans header Mise en forme Utiliser quelques balises : Blockquote, strong, i, br, abbr, code, var Utiliser h1...h6 et les modifier (CSS) Tests de rendu... En-tête Navigation flottant Contenu Lateral Article Article Pied de page