HTML5 et CSS3 Maîtrisez les standards de la création de sites Web (3e édition)

Dimension: px
Commencer à balayer dès la page:

Download "HTML5 et CSS3 Maîtrisez les standards de la création de sites Web (3e édition)"

Transcription

1 Le HTML5 et les CSS 1. L'évolution de HTML L'évolution des CSS La notion de module L'évolution des statuts Les préfixes vendeurs Utiliser les préfixes vendeurs La compatibilité des navigateurs La validation du code HTML Les navigateurs 23 Les bonnes pratiques 1. Séparer le contenu de la mise en forme La structure sémantique Optimiser le code et organiser vos fichiers Exemples de pages HTML/CSS bien formées 29 Présentation du HTML5 1. Un bref historique du HTML5 33 1/20

2 2. Les lignes de force du HTML Les nouveautés du HTML Le HTML5 est un langage à balises Les balises Les attributs de la balise Le bon usage des balises Les éléments HTML 4 obsolètes Au niveau des balises Au niveau des attributs 41 La structure des documents 1. La déclaration doctype L élément <html> L'élément <head> L élément <title> L'encodage des caractères L élément <body> Les commentaires 50 2/20

3 Les conteneurs sémantiques 1. Les objectifs L'élément <div> L'élément <span> L'élément <header> L'élément <footer> L'élément <aside> L'élément <nav> L'élément <main> L'élément <section> L'élément <article> Deux exemples de structure sémantique de page Un exemple de structure sémantique d'un article 56 Les conteneurs de texte 1. Les objectifs 59 3/20

4 2. Les titres Les paragraphes Les citations Les listes Les listes ordonnées Les listes non ordonnées Les listes imbriquées Les listes de définitions Le texte préformaté Les lignes horizontales Deux exemples de mise en forme des conteneurs avec les CSS 74 La mise en forme sémantique du texte 1. Les objectifs Les caractères spéciaux La mise en gras La mise en italique La mise en indice et en exposant 81 4/20

5 6. Le souligné Le barré Réduire la taille de caractère Les titres et les citations courtes Les insertions et suppressions La direction du texte D'autres mises en forme sémantiques 86 Les liens 1. L'insertion d'un lien Le lien vers une autre page Lien vers une page située dans le même dossier Lien vers une page située dans un autre dossier Lien à partir de index.htm vers page1.htm Lien à partir de page1.htm vers page2.htm Lien à partir de page2.htm vers index.htm Le lien à l'intérieur d'une page Le lien vers un autre site Le lien vers une adresse 96 5/20

6 6. Le lien pour télécharger un fichier Le lien vers une fenêtre spécifique La couleur et le soulignement des liens Une infobulle sur un lien Les nouvelles possibilités de liens 100 Les tableaux 1. Préambule La création d'un tableau La largeur du tableau Les bordures du tableau L'alignement du tableau L'alignement des cellules du tableau Les cellules de tableaux La largeur des cellules L'alignement horizontal L'alignement vertical La marge intérieure des cellules L'arrière-plan de couleur La fusion des cellules La fusion de colonnes La fusion de lignes 120 6/20

7 5. Les cellules d'en-tête La légende d'un tableau Le groupement de colonnes La structuration d'un tableau 126 Les images 1. Les formats d'image L élément <img> Les éléments <figure> et <figcaption> L'insertion d'un lien sur une image L'insertion d'une image d'arrière-plan 139 Les formulaires 1. Présentation La déclaration de formulaire La ligne de texte La zone de texte 148 7/20

8 5. La liste déroulante Les boutons de choix unique (radio) Les boutons de choix multiples (checkbox) Le bouton d'envoi Le bouton d'annulation Le bouton de commande Les formulaires cachés Les formulaires de transfert de fichiers Les formulaires de mot de passe L'organisation des champs de formulaires L'étiquetage des champs de formulaires La ligne de texte avec liste de suggestions La ligne de texte d adresse La ligne de texte d url La ligne de texte de format numérique La ligne de texte de format de date 173 8/20

9 21. La ligne de texte de recherche La ligne de texte de couleur Les curseurs Une application complète 182 Le multimédia 1. L'insertion d'un fichier audio La balise <audio> Les formats de fichier audio La balise <source> Des convertisseurs audio Compatibilité avec les anciens navigateurs L'insertion d'un fichier vidéo La balise <video> Les formats de fichier vidéo La balise <source> Des convertisseurs vidéo Compatibilité avec les anciens navigateurs 204 Présentation des feuilles de style 1. Le concept des feuilles de style L utilité des feuilles de style 208 9/20

10 3. Un bref historique Les modules CSS L'évolution des statuts L'utilité des préfixes vendeurs La compatibilité avec les navigateurs Des outils pour les feuilles de style 218 La syntaxe des CSS 1. Intégrer les styles CSS Les CSS intégrées à un élément HTML Les CSS internes au document HTML Les CSS externes au document HTML Les CSS importées La déclaration de style CSS Les sélecteurs Les sélecteurs de type /20

11 9. Les sélecteurs de classe Les sélecteurs d'identification Les sélecteurs hiérarchiques Les pseudo-classes Les pseudo-classes de lien a:link a:visited a:hover a:active Les pseudo-classes de paragraphe :first-letter :first-line Les pseudo-classes d insertion :before :after Les pseudo-classes de sélection Les sélecteurs d'attributs La notion de cascade La notion d'héritage Les commentaires /20

12 21. Les unités de mesure La notation des couleurs 254 Les propriétés CSS pour les polices de caractères 1. Les CSS pour les polices de caractères Appliquer une police de caractères Embarquer une police de caractères Appliquer l italique Passer en petites majuscules Modifier la graisse des caractères Gérer la taille des caractères Regrouper les propriétés de caractères Les polices système 272 Les propriétés CSS pour le texte 1. Appliquer une couleur Les décorations sur le texte /20

13 3. Changer la casse Le retrait de première ligne L espace entre les lettres L espace entre les mots Gérer l interligne des paragraphes Contrôler les espaces vides Les alignements de texte Le positionnement vertical du texte Gérer le sens de lecture du texte Appliquer une ombre portée sur le texte Gérer le texte en excès Utiliser les règles de césure Ajuster la hauteur des caractères Le texte en colonnes 297 Les propriétés CSS pour les listes et les tableaux 13/20

14 1. Les CSS pour les listes Les symboles des listes Les symboles en image Le retrait du symbole La syntaxe courte pour les listes Les CSS pour les tableaux L espace entre les cellules des tableaux Les bordures des tableaux Les cellules vides de tableaux La position de la légende des tableaux 309 La mise en forme des boîtes 1. Le concept du modèle de boîte Les boîtes en bloc ou en ligne La largeur et la hauteur des boîtes Les marges externes /20

15 5. Le remplissage interne Appliquer une couleur d'arrière-plan Les dégradés de couleurs Les dégradés linéaires Les dégradés circulaires L'opacité des boîtes Les bordures des boîtes Les styles des bordures L épaisseur des bordures Les couleurs des bordures La syntaxe courte Les bordures imagées Les coins arrondis des boîtes Les images d arrière-plan Appliquer une image d'arrière-plan La répétition de l'image La position de l'image Le défilement de l'image La syntaxe courte Les arrière-plans multiples Les ombres portées des boîtes Redimensionner les boîtes /20

16 La mise en page des boîtes 1. La mise en page Web Le positionnement des boîtes Positionnement statique Positionnement relatif Positionnement absolu Positionnement fixe Le flottement des boîtes Interdire le flottement La superposition des boîtes Le débordement du contenu Découper une boîte L'affichage des boîtes Les propriétés CSS L'affichage en bloc et en ligne L'affichage en tableau Afficher et masquer les boîtes La mise en page flexible 378 Les requêtes de média 16/20

17 1. Le Responsive Web Design et les requêtes de média Les requêtes de média Les critères La syntaxe Les valeurs minimales et maximales Les opérateurs logiques La taille des écrans Un design responsive Le site sur écran large Le site responsive 389 Les propriétés d'impression 1. Utilité des feuilles de style pour l'impression Feuilles de style selon le média de sortie Présentation Incorporation Optimiser une page d'impression Saut de page avant Saut de page arrière Éviter les sauts de page Le /20

18 Les modules graphiques CSS3 en devenir 1. Des modules pour les graphistes Les transformations Les transitions Les animations Les filtres graphiques Les masques L'habillage du texte 428 Le dessin 2D 1. Introduction La balise <canvas> Appel de l'api de dessin Dessiner un rectangle Ajouter de la couleur Tracer une ligne droite /20

19 7. Dessiner des formes géométriques Importer des images Ajouter du texte Ajouter de l'ombre Transformations 453 La géolocalisation 1. Concept et utilité Le fonctionnement Les navigateurs Protection de la vie privée Longitude et latitude Localisation sur une carte Suivre les déplacements 463 Le stockage de données en local 1. Présentation /20

20 2. Le stockage persistant Le stockage temporaire 476 Les applications en mode déconnecté (offline) 1. Présentation et enjeux Le fichier de mise en cache (manifest) Exemple complet 487 Les autres API JavaScript du HTML5 1. Les lignes de force Les API opérationnelles Les API en développement 496 Index /20

A.F.L.I.M. Formation HTML5 et CSS3 - Pour des sites Responsive Web Design

A.F.L.I.M. Formation HTML5 et CSS3 - Pour des sites Responsive Web Design A.F.L.I.M. Ateliers de Formations Linguistique Informatique Multimédia Formation HTML5 et CSS3 - Pour des sites Responsive Web Design Formation : Présentation du HTML5 Bref historique du HTML5 Lignes de

Plus en détail

CSS3 Adoptez les feuilles de style pour maîtriser les standards du web

CSS3 Adoptez les feuilles de style pour maîtriser les standards du web Utiliser les Cascading Style Sheets 1. Les objectifs du livre 13 2. L'évolution des CSS 14 2.1 Les modules CSS3 14 2.2 Les étapes dans la conception des CSS3 15 3. Les préfixes des navigateurs 19 4. Le

Plus en détail

Foundation 6 Un framework CSS pour concevoir des sites web attractifs et adaptatifs

Foundation 6 Un framework CSS pour concevoir des sites web attractifs et adaptatifs Chapitre 1 : Introduction A. Le développement des sites web 9 B. Les fonctionnalités de Foundation 10 C. Télécharger les exemples 11 Chapitre 2 : Installer Foundation A. Les objectifs 15 B. Les différentes

Plus en détail

HTML5 et CSS3 - La création de page web de A à Z

HTML5 et CSS3 - La création de page web de A à Z 2 Jours HTML5 et CSS3 - La création de page web de A à Z dans CREATION WEB - SITE INTERNET Objectifs de la formation HTML et CSS3 Créer ou modifier des pages HTML Découvrir les nouveautés du HTML 5 Intégrer

Plus en détail

Programme Formation WebDesign

Programme Formation WebDesign Programme Formation WebDesign Objectif : Connaître les règles et les techniques de création d'une charte graphique. Savoir utiliser une charte graphique pour le développement web. Compétences visées :

Plus en détail

HTML5 et CSS3. Michel Martin Pearson France HTML5 et CSS 3 Michel Martin

HTML5 et CSS3. Michel Martin Pearson France HTML5 et CSS 3 Michel Martin HTML5 et CSS3 Michel Martin Pearson Education France a apporté le plus grand soin à la réalisation de ce livre afin de vous fournir une information complète et fiable. Cependant, Pearson Education France

Plus en détail

Formation Webmaster Avancé : HTML5/CSS3, JavaScript/DOM + Responsive Design et XML, JSON, AJAX/jQuery

Formation Webmaster Avancé : HTML5/CSS3, JavaScript/DOM + Responsive Design et XML, JSON, AJAX/jQuery Objectif(s): Formation Webmaster Avancé : HTML5/CSS3, JavaScript/DOM + Responsive Design et XML, JSON, AJAX/jQuery Maîtriser HTML5/CSS3 Mettre en œuvre les techniques de conception de sites web adaptatifs

Plus en détail

CSS 3. Julien David. A101 - Julien David (A / 27

CSS 3. Julien David. A101 - Julien David (A / 27 CSS 3 Julien David A101 - david@lipn.univ-paris13.fr 2016 Julien David (A101 - david@lipn.univ-paris13.fr) 2016 1 / 27 Feuilles de styles Cascading Style Sheets CSS est un langage de feuilles de styles.

Plus en détail

LISTE DES BALISES EN HTML5

LISTE DES BALISES EN HTML5 LISTE DES BALISES EN HTML5 AIDE-MÉMOIRE HTML&CSS www.multiforme.eu BALISE DEFINITION DES BALISES DESCRIPTION Pour un commentaire L inclusion du DOCTYPE dans un document HTML assure

Plus en détail

Mémento des balises HTML 5

Mémento des balises HTML 5 Mémento des balises HTML 5 s de premier niveau Les balises de premier niveau sont les principales balises qui structurent une page HTML. Elles sont indispensables pour réaliser le «code minimal» d'une

Plus en détail

Réussir. avec XHTML et CSS. 3e édition. son site web. Nebra. Mathieu. Préface de Laurent Denis

Réussir. avec XHTML et CSS. 3e édition. son site web. Nebra. Mathieu. Préface de Laurent Denis Mathieu Nebra Réussir son site web avec XHTML et CSS 3e édition Préface de Laurent Denis Groupe Eyrolles, 2006, 2008, 2010, ISBN : 978-2-212-12485-9 Table des matières 1. UN SITE WEB, COMMENT ÇA MARCHE?...

Plus en détail

1 Prendre en main l interface et créer ses premiers courriers... 15

1 Prendre en main l interface et créer ses premiers courriers... 15 1 Prendre en main l interface et créer ses premiers courriers... 15 1.1. Tour d horizon... 16 Démarrer Word 2003... 16 Saisir un texte... 19 Appliquer quelques mises en forme... 21 Visualiser le document

Plus en détail

Contenu Excel Module 1 Environnement. Module 3 Formules de calcul. Module 2 Premiers pas avec Excel. -i-

Contenu Excel Module 1 Environnement. Module 3 Formules de calcul. Module 2 Premiers pas avec Excel. -i- Contenu Excel 2003 Module 1 Environnement Chiffrier électronique Configuration de Windows Microsoft Excel 2003 Lancement d'excel Bureau d'excel Barre de titre Barre des menus Barres d'outils Barre de formule

Plus en détail

Comprendre les concepts fondamentaux de jquery Mettre en place des applications web 2.0 dynamiques avec HTML, CSS, jquery et Ajax

Comprendre les concepts fondamentaux de jquery Mettre en place des applications web 2.0 dynamiques avec HTML, CSS, jquery et Ajax Formation jquery Objectif(s): Comprendre les concepts fondamentaux de jquery Mettre en place des applications web 2.0 dynamiques avec HTML, CSS, jquery et Ajax Durée : 2 jour(s) Pré-requis : Avoir suivi

Plus en détail

HTML 5 CSS 3 Responsive

HTML 5 CSS 3 Responsive HTML 5 CSS 3 Responsive Programme de formation Microsoft Partner France Belgique Suisse - Canada Formez vos salariés pour optimiser la productivité de votre entreprise Dernière mise à jour : Avril 2014

Plus en détail

Contenu Excel Module 1 Notions élémentaires de Windows XP. Module 3 Premiers pas avec Excel. Module 2 Environnement d'excel 2007.

Contenu Excel Module 1 Notions élémentaires de Windows XP. Module 3 Premiers pas avec Excel. Module 2 Environnement d'excel 2007. Contenu Excel 2007 Module 1 Notions élémentaires de Windows XP Terminologie Souris et clavier Souris Termes utilisés avec la souris Clavier Menus Menus contextuels Fenêtres Boîtes de dialogue Visite guidée

Plus en détail

Table des matières. Introduction 1

Table des matières. Introduction 1 Table des matières Introduction 1 1 Les bases de JavaScript 5 Compréhension de JavaScript (et de son histoire) 5 Établissement d un système de test 8 Configuration de navigateurs Web 9 Inclusion du code

Plus en détail

Table des matières 1. Editions ENI - Toute reproduction interdite

Table des matières 1. Editions ENI - Toute reproduction interdite Table des matières 1 Introduction L'Internet aujourd'hui...7 Le World Wide Web Consortium et les standards...7 Les logiciels de conception de sites web...7 L'objectif du livre...8 Interface de conception

Plus en détail

TP4 Feuille de style Class, ID, Pseudo-element &pseudo-class

TP4 Feuille de style Class, ID, Pseudo-element &pseudo-class TP4 Feuille de style Class, ID, Pseudo-element &pseudo-class Création et mise en forme d'une page Web avec une feuille de style Ouvrez la page index.htm qui envoyer par email. Insérez une feuille de style

Plus en détail

Table des matières Section Word

Table des matières Section Word Table des matières v iii Table des matières Section Word Lancement de Word Qu est-ce qu un traitement de textes? 2 Lancement de Word 2 Exploration de la fenêtre Microsoft Word 3 Exploration du ruban 4

Plus en détail

Contenu Excel Module 1 Environnement d Excel Module 2 Premiers pas avec Excel. -i-

Contenu Excel Module 1 Environnement d Excel Module 2 Premiers pas avec Excel. -i- Contenu Excel 2010 Module 1 Environnement d Excel 2010 Environnement de travail Configuration avec Windows XP Paramètres régionaux de Windows XP Résolution de l écran Configuration avec Windows Vista Définir

Plus en détail

Office 2011 Word, Excel, PowerPoint et Outlook 2011 pour Mac - A5

Office 2011 Word, Excel, PowerPoint et Outlook 2011 pour Mac - A5 L'environnement Lancer/quitter une application Office 20 11 Utiliser/gérer le ruban 12 Annuler/rétablir/répéter les manipulations 13 Personnaliser les barres d outils 15 Fonctions communes aux applications

Plus en détail

Mémento des balises HTML

Mémento des balises HTML Chapitre 21 Mémento des balises HTML Diculté : C ette page est une liste non exhaustive des balises HTML qui existent. Vous trouverez ici un grand nombre de balises HTML. Nous en avons déjà vu certaines

Plus en détail

Objectif : séparer le contenu de la présentation. Tout ce qui sera de la présentation sera géré par du CSS. Code dédié dans le de la page :

Objectif : séparer le contenu de la présentation. Tout ce qui sera de la présentation sera géré par du CSS. Code dédié dans le <head> de la page : CSS La présentation Objectif : séparer le contenu de la présentation. Tout ce qui sera de la présentation sera géré par du CSS. Code dédié dans le de la page : body { background: orange;

Plus en détail

Création de sites Web ~ Module 1 Introduction HTML - CSS

Création de sites Web ~ Module 1 Introduction HTML - CSS Création de sites Web ~ Module 1 Introduction HTML - CSS 1 Introduction : HTML, pour HyperText Markup Language, est le langage conçu pour représenter les pages Internet. C est un langage de balises permettant

Plus en détail

Formation HTML5 et CSS3 les fondamentaux

Formation HTML5 et CSS3 les fondamentaux L institut de formation continue des professionnels du Web Formation HTML5 et CSS3 les fondamentaux Référence formation : Durée : Prix conseillé : CHCF 5 jours (35 heures) 2 290 HT (hors promotion ou remise

Plus en détail

1 L environnement... 15

1 L environnement... 15 1 L environnement... 15 1.1. Lancer l application... 16 1.2. Créer un raccourci sur le Bureau... 17 1.3. Les touches du clavier... 17 Minuscules, Majuscules et Alt Gr... 18 Les combinaisons de touches...

Plus en détail

Word Table des matières

Word Table des matières Table des matières Module 1 Introduction à Word L environnement Démarrer Word... 1-3 Repérer les éléments de la fenêtre... 1-3 La barre de titre... 1-4 La barre d état... 1-5 Les barres de déplacement...

Plus en détail

FICHE TECHNIQUE : OpenOffice.org «CALC»

FICHE TECHNIQUE : OpenOffice.org «CALC» FICHE TECHNIQUE : OpenOffice.org «CALC» 1 Sommaire I /LE TABLEUR...3 1.1.Qu'est-ce qu'un tableur?...3 1.2.Prise en main...3 1.2.1.Saisir des informations...4 1.2.2. Modifier le contenu d'une cellule...5

Plus en détail

Fiche Interface du tableur. Table des matières

Fiche Interface du tableur. Table des matières Fiche Interface du tableur Table des matières 1-Interface...1 2-Barres d'outils...2 3- Cellules...8 3.1-Onglet «Nombres»...8 3.2-Onglet «Police»...9 3.3-Onglet «Effets de caractère»...9 3.4-Onglet «Alignement»...10

Plus en détail

PRESENTATION DE WORD 2007 A Présentation générale 2 B L écran de Word 3 C Barres d outils et rubans de fonctions 4

PRESENTATION DE WORD 2007 A Présentation générale 2 B L écran de Word 3 C Barres d outils et rubans de fonctions 4 S ommaire PRESENTATION DE WORD 2007 A Présentation générale 2 B L écran de Word 3 C Barres d outils et rubans de fonctions 4 MODES OPERATOIRES 1 Gestion de Word et de l écran 9 2 Gestion des fichiers (documents)

Plus en détail

Fiche Interface du tableur. Table des matières

Fiche Interface du tableur. Table des matières Fiche Interface du tableur Table des matières 1-Interface...1 2-Barres d'outils...1 3- Cellules...7 3.1-Onglet «Bordures»...7 3.2-Onglet «Alignement»...8 3.3-Onglet «Nombres»...8 3.4-Onglet «Arrière-plan»...9

Plus en détail

Interface de Word. Règle. Volet office. Barre d outils de mise en forme Elle permet d exécuter rapidement des commandes de mise en forme du texte.

Interface de Word. Règle. Volet office. Barre d outils de mise en forme Elle permet d exécuter rapidement des commandes de mise en forme du texte. Interface de Word L écran de Word est constitué de différents éléments qui sont les suivants : Barre de titre Barre de menu Point d insertion Barre d outils de mise en forme Règle Marge Barre d outils

Plus en détail

Guide à la préparation Test(s) de sélection

Guide à la préparation Test(s) de sélection Français Durée :45 minutes http://www.mesexercices.com Terminologie médicale Durée : 60 minutes http://www.mesexercices.com Guide à la préparation Test(s) de sélection Vitesse de frappe Durée : 5 minutes

Plus en détail

Introduction au contexte documentaire moderne

Introduction au contexte documentaire moderne Introduction au contexte documentaire moderne Plan I - Problématiques liées aux documents papiers II Problématiques liées aux logiciels de traitement de texte III - Problématiques liées aux techniques

Plus en détail

Contenu Microsoft Word 2013

Contenu Microsoft Word 2013 Contenu Microsoft Word 2013 Base et intermédiaire MODULE 1 NOTIONS ÉLÉMENTAIRES DE MICROSOFT WORD 2013 CONFIGURATION DE BASE DE WINDOWS Définir les paramètres régionaux Sélectionner le clavier Canada Français

Plus en détail

Contenu Publisher 2013

Contenu Publisher 2013 Contenu Publisher 2013 MODULE 1 À LA DÉCOUVERTE DE PUBLISHER 2013 PUBLISHER 2013 NOUVEAUTÉS LANCEMENT DE PUBLISHER 2013 EXPLORATION DE L INTERFACE RUBAN RÉDUIRE LE RUBAN EXPLORATION DE LA FENÊTRE DE PUBLISHER

Plus en détail

Contenu Word 2003, Base et intermédiaire

Contenu Word 2003, Base et intermédiaire Contenu Word 2003, Base et intermédiaire Module 1 Notions élémentaires de Windows XP Découvrir Windows XP Copie de disquettes avec Windows XP Configuration de Windows XP Définir les paramètres régionaux

Plus en détail

Contrôle final Développement Web

Contrôle final Développement Web Université de Batna 3 ème année Licence Pro IIM Faculté des sciences Département d informatique 2015/2016 Durée : 1h30 Le 30/05/2016 Question de cours (4.5 pts) Contrôle final Développement Web 1. Le cycle

Plus en détail

Lancer/quitter Word Utiliser/gérer le ruban 14. Annuler/rétablir/répéter les manipulations 15

Lancer/quitter Word Utiliser/gérer le ruban 14. Annuler/rétablir/répéter les manipulations 15 Environnement Lancer/quitter Word 2016 11 Utiliser/gérer le ruban 14 Annuler/rétablir/répéter les manipulations 15 Afficher/masquer les caractères non imprimables 17 Modifier le zoom d affichage 17 Changer

Plus en détail

Contenu Word 2010, Base et intermédiaire

Contenu Word 2010, Base et intermédiaire Contenu Word 2010, Base et intermédiaire Module 1 Notions élémentaires de Windows Terminologie Souris et clavier Utiliser la souris Utiliser le clavier Menus Menus contextuels Fenêtres Boîtes de dialogue

Plus en détail

Table des matières iii. Table des matières

Table des matières iii. Table des matières Table des matières iii Table des matières Chapitre 1 Apprendre la méthode de doigté Introduction 4 Clavier 4 Ergonomie 6 Position du corps 6 Position devant l écran 6 Soins des yeux 6 Position des mains

Plus en détail

Mode Opératoire Publisher XP 2002

Mode Opératoire Publisher XP 2002 Mode Opératoire Publisher XP 2002 C. Terrier Reproduction autorisée pour des formateurs dans un cadre pédagogique et non commercial après autorisation de l'auteur webmaster@cterrier.com - http://www.cterrier.com

Plus en détail

Enseignant d informatique au collège Bougafer - Alnif - délégation Tinghir, et

Enseignant d informatique au collège Bougafer - Alnif - délégation Tinghir, et Réalisée par : Mohamed AGHROUD Enseignant d informatique au collège Bougafer - Alnif - délégation Tinghir, et Formateur MOS au centre de formation école Saghrou1 - Alnif- délégation Tinghir. 1. Fichier

Plus en détail

Word 2010 Débutant. Table des matières. 1) Changer le symbole de puce par une image : ) Déplacer un texte dans la flèche :...

Word 2010 Débutant. Table des matières. 1) Changer le symbole de puce par une image : ) Déplacer un texte dans la flèche :... Word 2010 Débutant Table des matières 1) Changer le symbole de puce par une image :... 2 2) Déplacer un texte dans la flèche :... 2 3) Insérer un tableau à la place d un texte... 2 4) Modifier le positionnement

Plus en détail

Styler un formulaire avec Dreamweaver cs5. MC Benveniste

Styler un formulaire avec Dreamweaver cs5. MC Benveniste Styler un formulaire avec Dreamweaver cs5 MC Benveniste 2013 Styler un formulaire Formulaire de base Formulaire avec les css Styler un formulaire Un formulaire contient des balises : pour les étiquettes

Plus en détail

MICROSOFT FRONTPAGE VERSION 2002 AU QUOTIDIEN RESUME TABLE DES MATIERES. En lisant cet ouvrage, vous apprendrez à :

MICROSOFT FRONTPAGE VERSION 2002 AU QUOTIDIEN RESUME TABLE DES MATIERES. En lisant cet ouvrage, vous apprendrez à : MICROSOFT FRONTPAGE VERSION 2002 AU QUOTIDIEN En lisant cet ouvrage, vous apprendrez à : RESUME Créer et gérer tous les types de pages et de sites Web, grâce à l'importation et à l'affichage de photos,

Plus en détail

Contenu Access 2013 MODULE 1 ENVIRONNEMENT ACCESS 2013 MODULE 2 TABLES MODULE 3 PROPRIÉTÉS DES CHAMPS. -i-

Contenu Access 2013 MODULE 1 ENVIRONNEMENT ACCESS 2013 MODULE 2 TABLES MODULE 3 PROPRIÉTÉS DES CHAMPS. -i- Contenu Access 2013 MODULE 1 ENVIRONNEMENT ACCESS 2013 FICHIERS D APPRENTISSAGE LOGICIEL ACCESS 2013 BASE DE DONNÉES LANCEMENT D ACCESS 2013 OUVERTURE D UNE BASE DE DONNÉES FERMETURE D UNE BASE DE DONNÉES

Plus en détail

MODULE HTML CSS.

MODULE HTML CSS. MODULE HTML CSS David Tourel david.tourel@iut-tlse3.fr HTML : HyperText Markup Language Langage de description Interprété par les navigateurs Associé au CSS et JavaScript Métiers: développeur front end,

Plus en détail

Apprenez à concevoir des interfaces Web qui s'adaptent aux différents supports de consultation!

Apprenez à concevoir des interfaces Web qui s'adaptent aux différents supports de consultation! Formation foundation 5 Objectif(s): Apprenez à concevoir des interfaces Web qui s'adaptent aux différents supports de consultation! Durée : 1 jour(s) Pré-requis : Bonnes connaissances en (X)HTML et CSS

Plus en détail

Sommaire. Chapitre 1 > Découverte de l environnement Microsoft Access Chapitre 2 > Créer et gérer des tables... 41

Sommaire. Chapitre 1 > Découverte de l environnement Microsoft Access Chapitre 2 > Créer et gérer des tables... 41 Chapitre 1 > Découverte de l environnement Microsoft Access 2003.. 13 1.1 Définition d une base de données... 15 1.2 Composantes d Access... 16 Les tables... 17 Les requêtes... 19 Les formulaires... 21

Plus en détail

HTML. IFOSUP 36, av du Général de Gaulle Bagnolet IFOSUP UN NOUVEAU REGARD SUR LA FORMATION PUBLIC ET PRE REQUIS

HTML. IFOSUP 36, av du Général de Gaulle Bagnolet IFOSUP UN NOUVEAU REGARD SUR LA FORMATION PUBLIC ET PRE REQUIS HTML PUBLIC ET PRE REQUIS Public : Informaticiens Concepteurs Chefs de Projet Utilisateurs Pré-requis : Connaissance générale de l'environnement Web OBJECTIFS PROGRAMME La formation Python va vous apprendre

Plus en détail

Dreamweaver CS6 pour PC/Mac

Dreamweaver CS6 pour PC/Mac ENVIRONNEMENT. Généralités 1 A- La page de démarrage 1 B- L écran principal 2 C- La barre d état 3 D- Utiliser les règles 4 E- Utiliser la grille 4 F- Utiliser les repères 5 G- Modifier le zoom 6 1.2 Les

Plus en détail

Table des matières v iii. Table des matières

Table des matières v iii. Table des matières Table des matières v iii Table des matières Chapitre 1 Introduction à PowerPoint Qu est-ce que PowerPoint? 2 Lancement de PowerPoint 2010 3 Exploration de la fenêtre PowerPoint 4 Exploration du ruban 5

Plus en détail

Classes : PREMIERES A-C-D

Classes : PREMIERES A-C-D LYCEE SECOND CYCLE DEPARTEMENT D'INFORMATIQUE Année scolaire 2011-2012 Classes : PREMIERES A-C-D Horaire hebdomadaire : 2 heures PRÉ REQUIS Connaissances de la Classe de 2 nde Savoir lire le français ou

Plus en détail

Cours de I21 SOMMAIRE

Cours de I21 SOMMAIRE Cours de I21 Voir le chap 2 : cours de Javascript SOMMAIRE I. Introduction sur le langage HTML II. Balises primaires a. mise en forme b. hyperliens c. insérer une image III. Création de listes IV. Création

Plus en détail

Microsoft Office 2016 : Word, Excel, PowerPoint, Outlook 2016 Fonctions de base

Microsoft Office 2016 : Word, Excel, PowerPoint, Outlook 2016 Fonctions de base Environnement Office Lancer/quitter une application Office 2016 9 Utiliser/gérer le ruban 10 Annuler les actions 12 Modifier le zoom d affichage 13 Utiliser l Aide intuitive 15 Interface Word Découvrir

Plus en détail

ENVIRONNEMENT DOCUMENTS

ENVIRONNEMENT DOCUMENTS ENVIRONNEMENT GÉNÉRALITÉS LANCER POWERPOINT 2003........................... 1 QUITTER MICROSOFT OFFICE POWERPOINT 2003................ 1 DÉCOUVRIR L ENVIRONNEMENT DE TRAVAIL.................. 1 UTILISER

Plus en détail

Création d'un site Web avec KompoZer

Création d'un site Web avec KompoZer Création d'un site Web avec KompoZer Table des matières 1Rudiments sur le langage HTML.1 1.1Structure d'une page web :.1 1.2Le langage des pages Web.2 2Préparation du site web..2 3Utilisation d'une feuille

Plus en détail

Sommaire. 1 Créer un premier site Élaborer un contenu...69

Sommaire. 1 Créer un premier site Élaborer un contenu...69 Partie 1 Votre site web personnel...25 1 Créer un premier site...27 1.1 Installer le serveur web personnel de Microsoft...29 1.2 Créer un nouveau site web...31 1.3 Découvrir et personnaliser l environnement

Plus en détail

Programme Formation Webmaster Opérationnel niveau 2

Programme Formation Webmaster Opérationnel niveau 2 Programme Formation Webmaster Opérationnel niveau 2 Objectif : Savoir personnaliser et dynamiser le contenu de sites web par la connaissance de l'html5/css3, du PHP MySQL, du JavaScript et d'ajax. Compétences

Plus en détail

Fiche technique. OpenOffice.org «WRITER»

Fiche technique. OpenOffice.org «WRITER» Fiche technique OpenOffice.org «WRITER» 1 SOMMAIRE I / Utiliser les fonctions de base du traitement de texte...3 1.1. Démarrer l'application «Writer»...3 1.2. Ouvrir et enregistrer des documents...3 1.2.1

Plus en détail

Contenu Microsoft Office 2010 sous Windows 7

Contenu Microsoft Office 2010 sous Windows 7 Contenu Microsoft Office 2010 sous Windows 7 Module 1 Notions élémentaires de Windows Terminologie Clavier Souris Environnement Windows 7 Menu «Démarrer» Sortie de Windows Fenêtres Barres de menus ou Ruban

Plus en détail

Note de cours. Introduction à Word 2007

Note de cours. Introduction à Word 2007 Note de cours Introduction à Word 2007 par Armande Pinette Cégep du Vieux Montréal Word 2007 Page: 2 de 35 Table des matières Comment aller chercher un document sur CVMVirtuel?... 6 Souris... 6 Clavier

Plus en détail

TABLE DE MATIÈRES WINDOWS XP Module 1 - L environnement de Windows XP Présentation de Windows XP Comprendre le rôle de Windows...

TABLE DE MATIÈRES WINDOWS XP Module 1 - L environnement de Windows XP Présentation de Windows XP Comprendre le rôle de Windows... TABLE DE MATIÈRES WINDOWS XP Module 1 - L environnement de Windows XP Présentation de Windows XP Comprendre le rôle de Windows...1-1 Démarrer Windows...1-2 Reconnaître les éléments visuels de Windows XP...1-3

Plus en détail

SAISIE ET MISE EN FORME...4

SAISIE ET MISE EN FORME...4 TABLE DES MATIERES LE CLASSEUR...3 RENOMMER LES FEUILLES DU CLASSEUR...3 SUPPRIMER DES FEUILLES D UN CLASSEUR...3 AJOUTER DES FEUILLES DANS UN CLASSEUR...3 DÉPLACER DES FEUILLES DANS UN CLASSEUR...3 DÉPLACER

Plus en détail

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom

HTML, CSS. Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML, CSS Rapide Présentation Anthony Médassi Résumé OpenClassRoom HTML Pour le fond -> HTML Pour la forme ->CSS Les balises Les balises orphelines Attributs de balise LES BALISES PRINCIPALES HTML

Plus en détail

PowerPoint 2013 Fonctions de base

PowerPoint 2013 Fonctions de base Généralités Lancer PowerPoint 2013 9 Quitter PowerPoint 2013 10 Découvrir l écran de travail de PowerPoint 2013 11 Afficher le menu contextuel 13 Utiliser/gérer le ruban 15 Adapter le ruban pour les écrans

Plus en détail

Mettre en forme des caractères et des paragraphes. WORD Mettre en forme du texte

Mettre en forme des caractères et des paragraphes. WORD Mettre en forme du texte Mettre en forme des caractères et des paragraphes WORD Mettre en forme du texte Mettre en forme du texte SOMMAIRE : I METTRE EN FORME DES CARACTÈRES... 3 1.1 - Modifier la police de caractère... 3 1.2

Plus en détail

Bien présenter des documents

Bien présenter des documents Bien présenter des documents longs Plan 1. Introduction 2. Les différents types d attributs 3. Les styles 4. Documents structurés 5. Insertion d objets 6. Des documents particuliers 2 Plan 1. Introduction

Plus en détail

Initiation au logiciel ACCESS. APP - 60 rue du maréchal Foch Sarreguemines. Durée par jour. 8h30 à 12h00 13h00 à 16h30. 7 h

Initiation au logiciel ACCESS. APP - 60 rue du maréchal Foch Sarreguemines. Durée par jour. 8h30 à 12h00 13h00 à 16h30. 7 h 11A392 Initiation au logiciel ACCESS Isabelle MENE 3 s 600,00 Mieux appréhender les possibilités d utilisation du logiciel préalablement à une utilisation professionnelle Maîtriser les fonctionnalités

Plus en détail

Publisher 2010 aide-mémoire

Publisher 2010 aide-mémoire PUBLISHER. Généralités 1 A- Lancer/quitter Publisher 200 1 B- Description de l'écran 2 C- Utiliser/gérer le ruban 3 D- Découvrir l onglet Fichier 4 E- Annuler les dernières manipulations 5 1.2 L affichage

Plus en détail

Viatique. pour la création. de site. avec Kompozer. à l usage des. débutants

Viatique. pour la création. de site. avec Kompozer. à l usage des. débutants Viatique pour la création de site avec Kompozer à l usage des débutants Avant de commencer... 3 Création d une page simple... 3 Informations sur la page... 3 Apparence... 3 Sauvegarde... 3 Saisie du contenu...

Plus en détail

Dossier ISN : Tracés de fonctions mathématiques :

Dossier ISN : Tracés de fonctions mathématiques : Dossier ISN : Tracés de fonctions mathématiques : Par Crosetti Pauline et Depoers Quentin. Lycée Colbert Tourcoing. Année scolaire 2012/2013. Sommaire : - Recherches et étude du projet - Html - Css - Javascript

Plus en détail

COURS DE PROGRAMMATION DE SITE WEB 1

COURS DE PROGRAMMATION DE SITE WEB 1 COURS DE PROGRAMMATION DE SITE WEB 1 Chapitre 1 Les bases PLAN DU COURS 1.1 L histoire du WEB 1.2 Du HTML au XHTML et le CSS 1.3 Définition (HTML, XTML, CSS, ASP, PHP, FLASH, CGI, PEARL) 1.4 Les éditeurs

Plus en détail

Word Débutant. Module 1. Contenu

Word Débutant. Module 1. Contenu Word Débutant Module 1 Avoir suivi la formation Windows ou connaître Windows - Connaître les bases d utilisation du traitement de texte Introduction - Présentation du logiciel Présentation - Lancer, quitter

Plus en détail

Table des matières. Introduction à Silverlight 2 et installation du logiciel Création d une application Silverlight... 9

Table des matières. Introduction à Silverlight 2 et installation du logiciel Création d une application Silverlight... 9 Table des matières CHAPITRE 1 Introduction à Silverlight 2 et installation du logiciel....... 1 Introduction à Silverlight 2.................................... 1 Installation du logiciel........................................

Plus en détail

PROGRAMME DE FORMATION AOUI-INFORMATIQUE

PROGRAMME DE FORMATION AOUI-INFORMATIQUE PROGRAMME DE FORMATION AOUI-INFORMATIQUE WORD Structure d'un fichier (pages, paragraphes...) Afficher la règle, les marques de paragraphes et le quadrillage Gérer les documents Créer un document Ouvrir,

Plus en détail

Test Test Test Test Test

Test Test Test Test Test Mise en forme d un document HTML Niveaux de titre Le langage HTML définit 6 niveaux de titre (en anglais heading), afin de définir une structuration hiérarchique des paragraphes dans un texte : Balise

Plus en détail

Responsable : F. CHAKER-KHARRAT Niveau : 3 ème ESSAI Notes du cours :

Responsable : F. CHAKER-KHARRAT Niveau : 3 ème ESSAI Notes du cours : COURS PROGRAMMATION WEB ASCADING STYLE SHEETS CSS CASCADING Responsable : F. CHAKER-KHARRAT Niveau : 3 ème ESSAI Notes du cours : http://essai.rnu.tn/enseignants/fatmachaker2.htm Année Universitaire :

Plus en détail

Initiation à OpenOffice Texte

Initiation à OpenOffice Texte Initiation à OpenOffice Texte Saisir du texte : La première étape pour réaliser une lettre ou un document est d en taper le texte au clavier. Le texte tapé apparaît dans le document à l endroit du curseur

Plus en détail

Edition riche (à valider)

Edition riche (à valider) Edition riche (à valider) L'éditeur en ligne des champs riches vous permet de mettre en forme votre contenu et d'y insérer un grand nombre d'objets (images, tableaux, symboles, code HTML, données fusionnées,...).

Plus en détail

Conception d'interfaces Web

Conception d'interfaces Web Conception d'interfaces Web Licence 1 2. Créer un site Web avec HTML5 et CSS3 Bruno Jobard I. Introduction Les langages HTML et CSS décrivent la structure et la présentation d'une page Web. HTML est un

Plus en détail

Fiche Interface et Formats. Table des matières

Fiche Interface et Formats. Table des matières Fiche Interface et Formats Table des matières Fiche Interface et Formats...1 1-Interface...1 2-Barre d outils standard...2 3-Barre d outils formatage...5 4-Menu Paragraphe...8 4.1-Retraits et espacement...8

Plus en détail

Programme de Formation Open Office Writer Documents simples

Programme de Formation Open Office Writer Documents simples GÉNÉRALITÉS ENVIRONNEMENT Lancer OpenOffice.org Writer Quitter l'application OpenOffice.org Découvrir l'écran de travail Gérer les menus Afficher/masquer une barre d'outils Déplacer une barre d'outils

Plus en détail

Chapitre 3 : Le langage HTML

Chapitre 3 : Le langage HTML Chapitre 3 : Le langage HTML 4 ème SI (TIC) I. Introduction : Le langage HTML (HyperText Markup Language) n'est pas un langage de programmation proprement dit. Il permet tout simplement de spécifier la

Plus en détail

COMMENT DEMARRER OPEN OFFICE Le Classeur

COMMENT DEMARRER OPEN OFFICE Le Classeur COMMENT DEMARRER OPEN OFFICE Le Classeur -Double clic sur open office Pour ouvrir le tableur dans open office 3- double clic sur classeur 3 -Clic sur démarrer PRESENTATION DE LA PAGE DU TABLEUR LE CLAVIER

Plus en détail

Traitement de texte 2 - Réaliser un tableau

Traitement de texte 2 - Réaliser un tableau Traitement de texte 2 - Réaliser un tableau Réalisation d'un tableau pour présenter l'emploi du temps de la classe, avec une image d'arrièreplan et des couleurs pour les différentes disciplines 1 - Ouvrir

Plus en détail

Web Statique Base de la création de sites web

Web Statique Base de la création de sites web Web Statique Base de la création de sites web Lilian BAZILLE Version 1.0 Février 2015 Table des matières WEB 01 Introduction... 2 1 - Outils du développeur... 2 1.1 - Environnement de travail... 2 1.2

Plus en détail

ART OSE Catalogue Année 2003/2004 BUREAUTIQUE WORD BASE. Créer et mettre en forme des documents simples Gérer des documents créés dans Word

ART OSE Catalogue Année 2003/2004 BUREAUTIQUE WORD BASE. Créer et mettre en forme des documents simples Gérer des documents créés dans Word WORD BASE Créer et mettre en forme des documents simples Gérer des documents créés dans Word Connaître Windows et savoir manipuler la souris et le clavier 2 journées 1. Généralités Menus, barre d outils,

Plus en détail

Programmation Web HTML5

Programmation Web HTML5 Programmation Web HTML5 Julien David A101 - david@lipn.univ-paris13.fr 2016 Julien David (A101 - david@lipn.univ-paris13.fr) 2016 1 / 1 Organisation Cours 5 séances pour 5 langages : HTML5, CSS3, PHP5,

Plus en détail

Chapitre 1 Découvrir PowerPoint

Chapitre 1 Découvrir PowerPoint Chapitre 1 Découvrir PowerPoint 2010 13 1.1. Qu est-ce que PowerPoint?... 15 1.2. Lancer PowerPoint... 15 1.3. Découvrir l interface... 15 La fenêtre PowerPoint... 15 Le Ruban... 16 La barre d outils Accès

Plus en détail

Mémo CSS 3. Exemple : h1 concerne toutes les éléments titres de niveau 1

de la page.

Mémo CSS 3. Exemple : h1 concerne toutes les éléments titres de niveau 1 <h1> de la page. Mémo CSS 3 Les sélecteurs simples balise permet de viser tous les éléments d un certain type de balise. Exemple : h1 concerne toutes les éléments titres de niveau 1 de la page..maclasse permet de

Plus en détail

Mise en marche du traitement de texte

Mise en marche du traitement de texte Les différentes fonctions du traitement texte OpenOffice.org Writer Mise en marche du traitement de texte Allumer l'écran et l'unité centrale Double clique sur l'icône Traitement texte ou Démarrer, programmes,

Plus en détail

HTML. HyperText Markup Language. Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises qui permettent :

HTML. HyperText Markup Language. Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises qui permettent : HTML HyperText Markup Language Objectifs : - s'initier au langage HTML - savoir lire un code source html simple Le HTML est un langage informatique qui permet de créer des pages WEB. Il utilise des balises

Plus en détail

TRAITEMENT DE TEXTE. 1.1 Séquence 1 : SE FAMILIARISER AVEC SON ENVIRONNEMENT DE TRAVAIL

TRAITEMENT DE TEXTE. 1.1 Séquence 1 : SE FAMILIARISER AVEC SON ENVIRONNEMENT DE TRAVAIL TRAITEMENT DE TEXTE 1 Scénario 1.1 Séquence 1 : SE FAMILIARISER AVEC SON ENVIRONNEMENT DE TRAVAIL 1.1.1 Objectifs specifiques A la fin de cet élément d apprentissage, l apprenant sera en mesure de : -

Plus en détail

Partie A Word courriers... 33

Partie A Word courriers... 33 Partie A Word 2007... 29 1 Prendre en main l interface et créer ses premiers courriers... 33 1.1 Tour d horizon... 35 Démarrer Word 2007 et découvrir la nouvelle interface d Office 2007... 35 Saisir un

Plus en détail

Microsoft Office 2010 WORD EXCEL ACCESS POWERPOINT

Microsoft Office 2010 WORD EXCEL ACCESS POWERPOINT I n t r o d u c t i o n à l i n f o r m a t i q u e Microsoft Office 2010 WORD EXCEL ACCESS POWERPOINT dans l environnement Windows 7 Notions de base et intermédiaires BUREAUTIQUE Agathe Bisson Édition

Plus en détail

OpenOffice 3.3 Module Texte 1

OpenOffice 3.3 Module Texte 1 OpenOffice 3.3 Module Texte 1 OpenOffice 3.3 Module Texte 2 Table des matières 1 Les tableaux...3 1.1 Créer un tableau...3 1.2 Mise en forme d'un tableau...4 1.3 Fusionner ou scinder des cellules...6 1.3.1

Plus en détail

Atelier n 26b: Open Office : traitement de texte

Atelier n 26b: Open Office : traitement de texte Atelier n 26b: Open Office : traitement de texte Open Office est un logiciel libre (open) mis gratuitement à disposition des internautes, il comporte notamment un traitement de texte compatible avec Word

Plus en détail