Observons un site... Une entête. Le corps de la page. Un à-côté. Un pied de page

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "Observons un site... Une entête. Le corps de la page. Un à-côté. Un pied de page"

Transcription

1 Créer une page web

2 Observons un site... Une entête Le corps de la page Un à-côté Un pied de page

3 Un logo Un menu Un autre menu Une entête La fenêtre de gauche La partie principale de la page Plusieurs sections

4 Un machin Un bidule Un fourbi Un zinzin Un truc Un engin Une chose Un bazar

5 Des titres Des liens Une image Un site bien présenté...

6 Moralité : Dans une page web, les différentes parties sont clairement identifiables. Une partie d une page web peut elle-même contenir des sous-parties, elles aussi clairement identifiables. Certaines parties de page web se retrouvent souvent dans de nombreuses pages web : entête, bas de page, menu... Pour une meilleure lisibilité, les objets de même nature apparaissent sous la même forme : les titres sont de la même taille, écrits avec la même police, de la même couleur, les liens sont mis en valeur de la même façon... Conséquences : Les langages que nous allons utiliser permettent de distinguer chaque partie. Ces langages permettent que des parties de même nature apparaissent sous une forme semblable.

7 Deux langages Le langage Html5 s occupe du contenu en distinguant les différentes parties. Ce langage utilise des balises qui donnent à l ordinateur des indications sur la nature du texte. Le CSS3 est le langage qui permet de mettre en forme une page web. Chaque partie définie dans le fichier html est décrite à l aide de ce langage. Html Le contenu CSS La forme

8 Une page Html

9 L entête Le menu de navigation L article principal L à-côté (pas très à côté!) Deux titres dans l article (de même forme) Le pied de page Deux paragraphes

10 L entête Le menu dans une liste à puces L à-côté Voilà comment obtenir un retour à la ligne Un article Deux titres et deux paragraphes Le pied de page

11 Comment utiliser les balises : La balise ouvrante La balise associée fermante Une balise auto-fermante

12 Le DOCTYPE précise la version du Html utilisé La balise donnant des informations sur la page : <head> Réduction des lignes La balise englobant toutes les autres : <html> La balise englobant tout ce que la page affiche : <body>

13 Le DOCTYPE Le DOCTYPE précise la version du Html utilisé. La dernière version utilisée est le Html5. Dans ce cas, il suffit d écrire :<!DOCTYPE html> (Mais ce n est pas encore un standard...) Mais on peut utiliser des versions plus anciennes, on a alors : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/strict.dtd"> Ou bien : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd"> Ou bien : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN" "http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd">

14 Des balises imbriquées les unes dans les autres La balise <header> (l entête) contient : La balise <nav> (le menu) qui contient : La balise <ul> (une liste à puces) qui contient : Des balises <li> (les différentes puces) qui contiennent : Une balise <a> (pour faire un lien).

15 Les attributs des balises La balise <meta /> est une balise auto-fermante qui permet de donner des informations aux navigateurs et aux moteurs de recherches. A l intérieure de cette balise se trouvent des informations : ce sont les attributs de la balise. Exemples : La balise <a> est la balise permettant de faire des liens. Entre la balise ouvrante et la balise fermante doit apparaître le texte sur lequel il faudra cliquer. Dans la balise ouvrante, on indique en attribut la page sur laquelle le navigateur doit se rendre.

16 Les liens : <a> L adresse Le texte Avec une info-bulle Envoyer un Avec un sujet prédéfini Pour voyager dans la page, on utilise un point d ancrage repéré par le # L ancre est repéré par un identifiant unique indiqué en attribut

17 Les liens : adresse de la cible On dispose de l arborescence suivante dans laquelle les dossiers sont représentés en jaune et les fichiers en noir : www CoursISN CoursMath Images Index MonCV Première Seconde Terminale PrésentationMath NombresComplexes Probabilités Partant de Index.html, pour aller vers MonCV.html : Il s agit d une adresse relative : le fichier se trouve dans le même dossier que Index.html

18 Les liens : adresse de la cible www CoursISN CoursMath Images Index MonCV Première Seconde Terminale PrésentationMath NombresComplexes Probabilités Partant de Index.html, pour aller vers Présentation.html : Il s agit encore d une adresse relative : le fichier se trouve dans un sous-dossier de celui contenant Index.html

19 Les liens : adresse de la cible www CoursISN CoursMath Images Index MonCV Première Seconde Terminale PrésentationMath NombresComplexes Probabilités Partant de Index.html, pour aller vers NombresComplexes.html : Il s agit encore d une adresse relative : le fichier se trouve dans un sous-sous-dossier de celui contenant Index.html

20 Les liens : adresse de la cible www CoursISN CoursMath Images Index MonCV Première Seconde Terminale PrésentationMath NombresComplexes Probabilités Partant de Probabilités.html, pour aller vers PrésentationMath.html : Il s agit encore d une adresse relative : le fichier se trouve dans le dossier précédent de celui contenant Probabilités.html Remarquer la notation :../

21 Les liens : adresse de la cible www CoursISN CoursMath Images Index MonCV Première Seconde Terminale Présentation Math Nombres Complexes Probabilités? Partant de Index.html, pour aller vers : Il s agit d une adresse absolue : Les deux pages ne sont pas reliées de façon proche. Nous devons utiliser l adresse complète.

22 Et la balise pour les images? Une balise auto_fermante : <img /> L attribut indispensable : src Un texte de remplacement Une info-bulle Une balise <a>... et une balise <img />... donnent une image cliquable!

23 Les balises génériques Parmi toutes les balises, il y a en deux qui n ont aucun sens... On les utilise quand aucune autre ne convient! La balise <div> est une balise de type bloc comme <section>, <header>, <article>... La balise <span> est une balise de type ligne comme <a>, <strong> (pour mettre en valeur)... Pour donner du sens à ces balises, on utilisera les attributs id et class. L attribut id permet d attribuer un identifiant unique à une balise alors que l attribut class permet d attribuer un identificateur réutilisable. Un traitement unique pour la mise en forme Dans la mise en forme, ces deux blocs auront la même allure

24 Des commentaires? Quand notre page web est longue et très chargée, il est peut-être difficile de s y repérer. Heureusement, comme dans tout langage de programmation, il est possible et même recommandé, d incorporer des commentaires dans le fichier source qui resteront invisibles sur la page web. On utilise pour cela une balise auto-fermante : <!-- le commentaire --> Ici, un commentaire

25 The Validator Comme on peut le lire sur WikipédiA : «le World Wide Web Consortium, abrégé par le sigle W3C, est un organisme de normalisation à but non-lucratif, fondé en octobre 1994 chargé de promouvoir la compatibilité des technologies du World Wide Web telles que HTML, XHTML...» Le W3C met à la disposition de tous un outil permettant de vérifier que votre page web respecte les normes édictées.

26 The Validator On trouve ce validateur de page web à l adresse : Après avoir validé votre travail, vous pouvez inclure, par exemple dans le pied de page de votre travail, l une des icônes disponibles sur : en prenant soin de rendre cette icône cliquable vers le validateur! Remarque : pour l instant le HTML5 n est pas encore un standard. Le validateur fonctionne, mais il n existe pas encore l icône adaptée... Si on veut utiliser un validateur pour HTML5, on pourra se rendre à l adresse :

27 Des sources : Openclassrooms: (ex: le site du zéro) Développez.com : Start Your Dev : Et beaucoup d autres sites quand on googlelise : «html»

HTML : Mini tutoriel

HTML : Mini tutoriel HTML : Mini tutoriel I. Introduction HTML est un langage de formatage de texte adapté à la conception de pages web. Le HTML est un langage balisé, fondé en particulier sur la notion de lien hypertexte,

Plus en détail

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015

Programmation Web IMAC 2015-2016 TD 1 : HTML. 30 septembre 2015 Programmation Web IMAC 2015-2016 TD 1 : HTML 30 septembre 2015 Objectif: Ce TD a pour but d aborder les premières notions du langage HTML. Il est important de noter que le HTML n est pas un langage de

Plus en détail

Classe de première SI HTML

Classe de première SI HTML HTML Table des matières 1. Le fonctionnement des sites web...2 2. HTML et CSS : deux langages pour créer un site web...3 2.1. Les rôles de HTML et CSS...3 2.2. Les différentes versions de HTML et CSS...3

Plus en détail

STRUCTURE D UNE PAGE HTML/CSS

STRUCTURE D UNE PAGE HTML/CSS STRUCTURE D UNE PAGE HTML/CSS C01 1. STRUCTURE Le langage Html est composé de balises ou (tags) qui permettent de structurer le texte, de le mettre en forme et d insérer des images. Ces instructions sont

Plus en détail

Premiers pas en HTML, CSS et jquery

Premiers pas en HTML, CSS et jquery 2 Premiers pas en HTML, CSS et jquery Arrivé à ce point dans la lecture de l ouvrage, vous êtes en mesure de créer un squelette HTML5 standard, de définir des règles de mise en forme CSS (directement dans

Plus en détail

HTML. 3 septembre 2014

HTML. 3 septembre 2014 OCI 3 septembre 2014 HTML Exercice 1 Enregistrer le code source minimal d une page HTML. Ouvrir le fichier à la fois dans un éditeur de texte et dans un navigateur. Observer l effet de la modification

Plus en détail

Création d une rubrique du Site Web de l établissement.

Création d une rubrique du Site Web de l établissement. Création d une rubrique du Site Web de l établissement. 0 Ouvrir la page Publisher contenant la famille concernant le jeu Besoin/objet technique et leur histoire que vous avez réalisé. Sélectionner la

Plus en détail

CIM120. Http:// (Creation Web) Page 1

CIM120. Http:// (Creation Web) Page 1 CIM120 Http:// (Creation Web) Page 1 Organisation du module CIM120 Evaluation: 1 eval sur table 1 eval des TP Page 2 Le Web: un peu d'histoire D'Arpanet à Internet... http://fr.wikipedia.org/wiki/histoire_d'internet

Plus en détail

Programmation Tablette. Dominique Rossin Cours 1 - HTML / CSS

Programmation Tablette. Dominique Rossin Cours 1 - HTML / CSS Programmation Tablette Dominique Rossin Cours 1 - HTML / CSS Objectifs Comprendre le fonctionnement d une application Web Comprendre le fonctionnement d une application Smartphone Programmer et déployer

Plus en détail

Choisissez l un des modèles et dans la zone Options dans le volet de droite indiquez où vous désirez voir apparaître la Barre de navigation.

Choisissez l un des modèles et dans la zone Options dans le volet de droite indiquez où vous désirez voir apparaître la Barre de navigation. Publisher 2007 Créer une composition de type WEB Pour pouvoir publier votre site Web sur le Web, vous devez vous abonner à un service d'hébergement Web après d'un fournisseur de services Internet. Ce service

Plus en détail

Eclipse et quelques notions de Jquerry

Eclipse et quelques notions de Jquerry Eclipse et quelques notions de Jquerry Tout d abord, une petite présentation s impose. Eclipse est un outil de développement qui permet d éditer du code et de visualiser le résultat grâce à des émulateurs

Plus en détail

Tutoriel sur les bases de HTML et de PHP

Tutoriel sur les bases de HTML et de PHP Tutoriel sur les bases de HTML et de PHP Cours : Inf7214 Développement de logiciel Date : Hiver 2009 Ce tutoriel vous donne un aperçu du développement d application WEB avec les langages HTML et PHP. Vous

Plus en détail

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration

Pages Web statiques. LIF4 - Initiation aux Bases de données : PHP. Pages Web dynamiques. Illustration. Illustration statiques LIF4 - Initiation aux Bases de données : E.Coquery emmanuel.coquery@liris.cnrs.fr http ://liris.cnrs.fr/ ecoquery Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis

Plus en détail

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr

Cours HTML/PHP. Cours HTML/PHP. E.Coquery. emmanuel.coquery@liris.cnrs.fr Cours HTML/PHP E.Coquery emmanuel.coquery@liris.cnrs.fr Pages Web Pages Web statiques Principe de fonctionnement : L utilisateur demande l accès à une page Web depuis son navigateur. Adresse tapée, clic

Plus en détail

Technologies du Web. Phases de travail Objectifs Activités

Technologies du Web. Phases de travail Objectifs Activités Technologies du Web Tutoriel 1 : «Structurer une page Web» PROBLEMATIQUE Créer la structure d une page Web avec un éditeur de texte. CONDITIONS DE DEROULEMENT DE L ACTIVITE Phases de travail Objectifs

Plus en détail

TD 3 : Intégration HTML

TD 3 : Intégration HTML Programmation Web IMAC 2015-2016 TD 3 : Intégration HTML 14 octobre 2015 Objectif: Ce TD a pour but de se servir des concepts appris dans les TDs précédents pour intégrer entièrement une maquette de site

Plus en détail

PARTENARIAT ICI FORMATION

PARTENARIAT ICI FORMATION PARTENARIAT ICI FORMATION Guide d installation de la vignette ICI Formation sur un site partenaire SOMMAIRE Le Partenariat ICI Formation... 3 Script de partenariat ICI Formation... 3 Génération de l'aperçu

Plus en détail

Tice -Seconde-Page Web 2015-2016

Tice -Seconde-Page Web 2015-2016 Ouvrez une page web, cliquer doit sur la souris et faite afficher le code source de la page. Quelqu un a écrit ce code pour faire afficher cette page. Nous allons nous aussi écrire du code pour faire afficher

Plus en détail

Comment créer un site Wordpress? Mode d emploi

Comment créer un site Wordpress? Mode d emploi Comment créer un site Wordpress? Mode d emploi Table des matières 1 Introduction... 3 2 Le chemin à suivre... 3 2.1 Choisir un hébergeur... 3 2.2 Obtenir ou acheter un nom de domaine... 4 2.3 Choisir ou

Plus en détail

Les feuilles de styles

Les feuilles de styles Qu'est-ce que les feuilles de style? Les feuilles de style CSS pour Cascading Style Sheets en anglais est un langage informatique qui sert à décrire la présentation des documents HTML. L'un des objectifs

Plus en détail

Exercices et corrections. Licence QCI - module O21

Exercices et corrections. Licence QCI - module O21 Exercices et corrections Licence QCI - module O21 Exercice 1 Ecrivez le squelette d une page avec les caractéristiques suivantes - encodage : utf-8 - titre de la page : première page XHTML - auteur : vous

Plus en détail

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document

Examen d'informatique module INF112. 1ère session 2003-2004. sans calculatrice, sans document Examen d'informatique module INF112 1ère session 2003-2004 sans calculatrice, sans document Le barème est indicatif Sauf indiqué contraire, dans les questions à choix multiples, il peut (ou non) y avoir

Plus en détail

Arbres Mathématiques Informatique et Navigateurs Internet

Arbres Mathématiques Informatique et Navigateurs Internet Arbres Mathématiques Informatique et Navigateurs Internet Jacques Duma http://math.et.info.free.fr/ http://ateliermathematique.free.fr/ Arbres Expressions Mathématiques Structure arborescente de l expression

Plus en détail

MEMENTO. Interface d administration du site www.ville-joigny.fr. I. Identification :... 2. II. Présentation de l interface :... 3

MEMENTO. Interface d administration du site www.ville-joigny.fr. I. Identification :... 2. II. Présentation de l interface :... 3 MEMENTO Interface d administration du site www.ville-joigny.fr I. Identification :... 2 II. Présentation de l interface :... 3 III. Modification des pages du site :... 5 A. Chaque paragraphe comporte un

Plus en détail

Langage (X)HTML Damien Nouvel

Langage (X)HTML Damien Nouvel Langage (X)HTML Plan Quelques statistiques du web Architecture client / serveur Langage XML Mise en forme HTML Structure d'un document HTML 2 / 36 Plan Quelques statistiques du web Architecture client

Plus en détail

Le WEB : HTML. Formation Systèmes d'information et numérique. Exercices en HTML

Le WEB : HTML. Formation Systèmes d'information et numérique. Exercices en HTML 1 ère STI2D TD V1.0 Le WEB : HTML Formation Systèmes d'information et numérique 1) Exercice 1 : Texte simple : Exercices en HTML A l aide de Notepad++, créez une page web Ex1.html qui contient «Hello World!»

Plus en détail

5. LE POSTE DE TRAVAIL

5. LE POSTE DE TRAVAIL 5. LE POSTE DE TRAVAIL VOIR SES FICHIERS Les dossiers personnels prévus par Windows offrent un emplacement pratique pour ranger et gérer ses fichiers. Il est possible d en consulter le contenu rapidement.

Plus en détail

Tutoriel Le Web et la conception de sites

Tutoriel Le Web et la conception de sites Tutoriel Le Web et la conception de sites Éléments du Web Internet Internet est un réseau de plusieurs réseaux informatiques. L information stockée sur les ordinateurs devient accessible par les autres

Plus en détail

Gérer un site avec Kompozer. Josiane Ducournau CRDP Aquitaine

Gérer un site avec Kompozer. Josiane Ducournau CRDP Aquitaine Gérer un site avec Kompozer Organisation, plan de travail Création de pages Tout les fichiers, dossiers, images auront des noms (ex. nouveautes.htm ; ces noms ne devront comporter ni espaces, ni caractères

Plus en détail

Dom, XML, Lecture de fichiers

Dom, XML, Lecture de fichiers Projet de développement web : Développement côté client Chapitre 4 Dom, XML, Lecture de fichiers Page 1 / 11 Table des matières Table des matières Introduction DOM : Document Object Model Structure habituelle

Plus en détail

5 décembre 2012 Grégory Petit http://lrcm.com.umontreal.ca/greg/com2580/

5 décembre 2012 Grégory Petit http://lrcm.com.umontreal.ca/greg/com2580/ 5 décembre 2012 Grégory Petit http://lrcm.com.umontreal.ca/greg/com2580/ La semaine dernière Les formulaires Les champs de formulaire Et donc on fait quoi aujourd hui? Intégration Web Éléments complexes

Plus en détail

Construction d un Site Internet Cours 2 : Mise en place à distance

Construction d un Site Internet Cours 2 : Mise en place à distance Construction d un Site Internet Cours 2 : Mise en place à distance UCO - IPLV Emmanuel Planas UCO - IPLV - E. Planas - Master - Site Internet - Cours 2 - eplanas@uco.fr 1 Structuration de domaine Internet

Plus en détail

Introduction à XML. 1. Notions de base. Introduction à XML

Introduction à XML. 1. Notions de base. Introduction à XML Introduction à XML INTRODUCTION À XML 1. NOTIONS DE BASE 2. EXEMPLE SIMPLE 3. SYNTAXE XML 3.1. LES CARACTÈRES SPÉCIAUX 4. DTD 5. DOCUMENT XML AVEC FEUILLE DE STYLE CSS 6. XLS ET XSLT 6.1. EXEMPLE DE DOCUMENT

Plus en détail

Web et présentation d information spatiale

Web et présentation d information spatiale Université de La Rochelle LUP-SIG 2004-2005 Programmation SIG et Internet Cartographique Web et présentation d information spatiale Format XML Jean-Michel FOLLIN jmfollin@univ-lr.fr Limitations HTML Limitations

Plus en détail

TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE

TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE TP FrontPage : CREER UN SITE DE TROIS PAGES AVEC UN SOMMAIRE Etape 1. Ouvrir FrontPage et créer un site Web vide...2 Etape 2 ajouter des pages...3 Etape 3 : donner un titre et renommer les 2 pages...5

Plus en détail

Réalisation d'un site web. Première partie : Création des pages HTML. <tv>thierry.vaira@orange.fr</tv>

Réalisation d'un site web. Première partie : Création des pages HTML. <tv>thierry.vaira@orange.fr</tv> Réalisation d'un site web Première partie : Création des pages HTML 1 Objectifs Se familiariser avec le codage HTML Acquérir une pratique minimale Être capable de mener à bien la construction d'un site

Plus en détail

Le HTML. Structure de Base... 2

Le HTML. Structure de Base... 2 Le HTML Structure de Base... 2 Balise ... 2 Balise ... 2 Autres balises de mise en forme du texte... 2 Balise ... 2 Balise ... 3 Balise ... 3 ...

Plus en détail

Mode d emploi du logiciel AVV

Mode d emploi du logiciel AVV Mode d emploi du logiciel AVV Résumé : Le présent document explique comment prendre rapidement en main le logiciel AVV (Annotation de la Vidéo par la Vidéo) pour en saisir les principales fonctionnalités.

Plus en détail

Chap. 2 LES BALISES META ET l INDEXATION D UN SITE WEB LES BALISES META

Chap. 2 LES BALISES META ET l INDEXATION D UN SITE WEB LES BALISES META LES BALISES META Les Meta-Tags sont destinés aux robots des moteurs de recherche et aux navigateurs permettent de référencer votre site précisent le codage utilisé pour les caractères spéciaux et encore

Plus en détail

Programmation WEB. HTML et Javascript

Programmation WEB. HTML et Javascript Programmation Web : HTML et Javascript Michaël Krajecki Université de Reims Champagne-Ardenne Département de Mathématiques et Informatique Moulin de la Housse - BP 1039 51687 Reims Cedex 2. Tél. : 03 26

Plus en détail

1- CRÉER UN SITE WEB FRONTPAGE

1- CRÉER UN SITE WEB FRONTPAGE 1- CRÉER UN SITE WEB FRONTPAGE 1.1 Caractéristiques d un site Web FrontPage FrontPage 2003 est un logiciel de gestion de sites Web qui offre plusieurs outils pour simplifier les tâches de conception, de

Plus en détail

LES TABLEAUX. Créer un tableau élémentaire

LES TABLEAUX. Créer un tableau élémentaire LES TABLEAUX Il y a deux façons de créer dans un article : directement dans SPIP pour des tableaux élémentaires avec un éditeur html pour des tableaux complexes. Créer un tableau élémentaire Les colonnes

Plus en détail

Mon premier site. Avec l explorateur de Windows créer dans «Mes documents» un répertoire nommé WebMonPremierSite.

Mon premier site. Avec l explorateur de Windows créer dans «Mes documents» un répertoire nommé WebMonPremierSite. Mon premier site Avec Kompozer nous allons réaliser notre premier site composé, dans un premier temps, de 4 pages : Une page d accueil de présentation personnelle liée à 3 pages : Mes loisirs préférés,

Plus en détail

Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement

Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Gestion des images Ceci est une documentation préliminaire, traduite par Christine Dubois (Agilcom) et sujette à changement Ce chapitre vous montre comment ajouter et afficher des images dans un site Web

Plus en détail

Plate-forme de formation Moodle Manuel de l'enseignant

Plate-forme de formation Moodle Manuel de l'enseignant Premiers pas SIME Plate-forme de formation Moodle Manuel de l'enseignant Présentation 3 Vous souhaitez créer un cours sur Moodle. 4 Première inscription sur la plate-forme Moodle 4 Modifier votre profil.

Plus en détail

Configuration d une politique de sauvegarde

Configuration d une politique de sauvegarde Configuration d une politique de sauvegarde Pré-requis à cette présentation La lecture de ce guide suppose que vous avez installé l agent SFR Backup sur l équipement que vous souhaitez sauvegarder. Il

Plus en détail

Notice d utilisation de la partie privé du site de la Maison du Monde d Evry

Notice d utilisation de la partie privé du site de la Maison du Monde d Evry Notice d utilisation de la partie privé du site de la Maison du Monde d Evry Site réalisé d Avril à Juin 2010, avec SPIP. Etienne Herencia Sommaire : Qu est ce que SPIP?... 3 Organisation d un site SPIP...

Plus en détail

TUTORIEL pour les informations postées par L EQUIPE de DIRECTION de l ASSOMPTION

TUTORIEL pour les informations postées par L EQUIPE de DIRECTION de l ASSOMPTION TUTORIEL pour les informations postées par L EQUIPE de DIRECTION de l ASSOMPTION Rappel : Pour l instant, le site fonctionne bien sur tous les navigateurs (Google chrome, Mozilla Firefox, Safari...) sauf

Plus en détail

CSS 2. Pratique du design web

CSS 2. Pratique du design web CSS 2 Pratique du design web 2 e édition R a p h a ë l G o e t t e r a v e c l a c o n t r i b u t i o n d e S é b a s t i e n B l o n d e e l, E m m a n u e l P i e t r i g a e t J e a n - M a r i e T

Plus en détail

Introduction à Expression Web 2

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

Plus en détail

EDITEUR DE PAGE HTML NETSCAPE COMPOSER

EDITEUR DE PAGE HTML NETSCAPE COMPOSER EDITEUR DE PAGE HTML NETSCAPE COMPOSER Utilisation Netscape Composer est un éditeur de pages HTML : il vous permet de modifier et créer des pages au format HTML pour les diffuser sur le Web. Il est intégré

Plus en détail

SOMMAIRE 2. GÉRER SON PROFIL 9 LES INFORMATIONS UTILES À VOTRE CONNEXION 3 NOUS CONTACTER 10 LES PRINCIPALES FONCTIONNALITÉS DE BANQUE APE OF 4

SOMMAIRE 2. GÉRER SON PROFIL 9 LES INFORMATIONS UTILES À VOTRE CONNEXION 3 NOUS CONTACTER 10 LES PRINCIPALES FONCTIONNALITÉS DE BANQUE APE OF 4 V.0-6 août 00 SOMMAIRE LES INFORMATIONS UTILES À VOTRE CONNEXION LES PRINCIPALES FONCTIONNALITÉS DE BANQUE APE OF 4. RECHERCHER UN OPCA 5 Moteur de recherche 5 Recherche par code APE 6 Recherche par numéro

Plus en détail

my.epfl.ch Connexion

my.epfl.ch Connexion my.epfl.ch Connexion Sur la page http://my.epfl.ch, saisissez votre username GASPAR et votre mot de passe associé. 1 Partage de vos document Le premier onglet de l'application my.epfl vous permet de stocker

Plus en détail

Les frames ou cadres. Prérequis. Introduction. Avec le soutien de la Commission européenne

Les frames ou cadres. Prérequis. Introduction. Avec le soutien de la Commission européenne ou cadres Dans cette fiche, nous allons vous apprendre à faire des frames ou en français «cadres». Tout et son contraire a été dit à propos des frames. En tout état de cause, tous les navigateurs Internet

Plus en détail

I- SE CONNECTER SUR LE BUREAU VIRTUEL

I- SE CONNECTER SUR LE BUREAU VIRTUEL I- SE CONNECTER SUR LE BUREAU VIRTUEL Soit à partir de la page d accueil du site du collège via la zone «accès direct» «bureau virtuel» Soit en saisissant directement l adresse, http://clg-chateaudouble.ac-aix-marseille.fr/dokeos

Plus en détail

Impression de documents avec Optymo

Impression de documents avec Optymo Impression de documents avec Optymo Notes de lecture : dans ce document, les textes soulignés font référence aux libellés des fenêtres ou aux libellés associés à des boutons d Optymo. Les textes en caractères

Plus en détail

LE SITE INTERNET DU COLLÈGE

LE SITE INTERNET DU COLLÈGE LE SITE INTERNET DU COLLÈGE I) Introduction 1) Présentation Le site du collège est réalisé à l aide de SPIP. C'est un logiciel de publication pour l Internet qui permet de gérer un site à plusieurs, de

Plus en détail

Aide sur l interface www.icasprint.com

Aide sur l interface www.icasprint.com Sommaire 1. Présentation des pages a. La page d accueil b. Gérer mon compte c. Commander un produit d. Personnaliser un modèle e. Voir le panier f. Suivi des demandes 2. Commander un produit 3. Personnaliser

Plus en détail

INFORMATIQUE Ce que je dois savoir 1 / 8

INFORMATIQUE Ce que je dois savoir 1 / 8 Date : Classe 6... NOM : INFORMATIQUE Ce que je dois savoir 1 / 8 Rappel : - L informatique est un outil utilisé dans toutes les matières, et est présente, de plus en plus, dans les foyers. - Les compétences

Plus en détail

96 Feuilles de style en cascade

96 Feuilles de style en cascade Microsoft Expression Web (version 2) 96 Feuilles de style en cascade Définir les styles Dans la création de pages Web valides, un principe fondamental apparaît : le contenu doit être séparé de sa présentation.

Plus en détail

Procédure Netstorage pour accéder à ses données par Internet

Procédure Netstorage pour accéder à ses données par Internet Procédure Netstorage pour accéder à ses données par Internet Par Bruno Poellhuber, conseiller pédagogique, recherche et TIC (Cette procédure est valide sous toutes les versions de Windows ainsi que pour

Plus en détail

ALGORITHMIQUE PROGRAMMATION INTERNET - NIVEAU 1

ALGORITHMIQUE PROGRAMMATION INTERNET - NIVEAU 1 ALGORITHMIQUE PROGRAMMATION INTERNET - NIVEAU 1 Code NFA053, 6 ECTS Chapitre 05 HTML / LES FORMULAIRES Le plus grand soin a été apporté à la réalisation de ce support pédagogique afin de vous fournir une

Plus en détail

SITE WEB. Définition. Ensemble de fichiers reliés entre eux et déposés sur un serveur internet. Ordinateur connecté au réseau

SITE WEB. Définition. Ensemble de fichiers reliés entre eux et déposés sur un serveur internet. Ordinateur connecté au réseau SITE WEB Définition Ensemble de fichiers reliés entre eux et déposés sur un serveur internet. Ordinateur connecté au réseau Comment mon site est sur internet Je crée mon site sur mon ordinateur, en local.

Plus en détail

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS

GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS GUIDE D UTILISATION DE LA PLATEFORME D ENVOI DE COURRIELS Table des matières Présentation de la plateforme d envoi de courriels... 4 1- Gestion des contacts... 5 1.1. Base de données... 5 1.1.1- Création

Plus en détail

Les nouveautés de JSP 2.0

Les nouveautés de JSP 2.0 Les nouveautés de JSP 2.0 1 Introduction Nous avons déjà vu quelques nouveautés de la version 2.0 dans les travaux pratiques précédents (JSTL et langage d expressions). Il nous reste deux améliorations,

Plus en détail

Procédure pour envoi de courriels par les administrateurs dans CiviCRM

Procédure pour envoi de courriels par les administrateurs dans CiviCRM Procédure pour envoi de courriels par les administrateurs dans CiviCRM Objet : Envoyer des courriels de notification officiels de la part du club (convocation à un assemblée, avis d expiration de la carte

Plus en détail

Formulaire de contact avec Xtreme Web Designer

Formulaire de contact avec Xtreme Web Designer Formulaire de contact avec Xtreme Web Designer Pour faire un formulaire avec Xtreme Web Designer, j'utilise 5 pages, vous n'êtes pas obligé, en effet 2 pages peuvent suffir mais c'est moins jolie. Donc

Plus en détail

Groupe Eyrolles, 2006, ISBN : 2-212-11771-X

Groupe Eyrolles, 2006, ISBN : 2-212-11771-X Groupe Eyrolles, 2006, ISBN : 2-212-11771-X Création de pages dynamiques courantes CHAPITRE 3 169 Figure 3-39 La boîte de dialogue de l objet Liste/Menu permet de configurer les options de l affichage

Plus en détail

Nvu - KompoZer. Table des matières. Tuto rapido

Nvu - KompoZer. Table des matières. Tuto rapido Nvu - KompoZer Table des matières 1. Démarrage rapide...2 1.1. Créer une nouvelle page...2 1.2. Ouvrir une page existante...2 1.3. Enregistrer une page...2 2. Utiliser KompoZer...3 2.1. L'interface...3

Plus en détail

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE

ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE ESPACE MULTIMEDIA DU CANTON DE ROCHESERVIERE Atelier «pour débuter» Découverte de l ordinateur sous Windows 8 (PARTIE 2) 1 L ARBORESCENCE DE WINDOWS Windows est bâti sur une arborescence de fichiers et

Plus en détail

Tutoriel d utilisation

Tutoriel d utilisation Tutoriel d utilisation JCE est l éditeur le plus complet pour Joomla! JCE est capable de gérer les mise en page comme un éditeur de type Word ou Open Office. Il permet d insérer des images et médias de

Plus en détail

Union sociale pour l'habitat

Union sociale pour l'habitat Union sociale pour l'habitat Guide Utilisateur - Organisme, - : 04 72 76 02 30 - : 04 72 76 02 39 SAS PHENIX ENGINEERING 352 200 844 RCS LYON SAS au capital de 637.648 PHENIX ENGINEERING Union sociale

Plus en détail

ReadMe_fr Le but La boîte contient La mise en place Les règles

ReadMe_fr Le but La boîte contient La mise en place Les règles ReadMe_fr Le but Le but du jeu est simple: créer avec les autres joueurs LA page HTML... mais surtout la page HTML qui soit le plus proche des standards du Web: respectant la sémantique HTML et sans erreur

Plus en détail

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML

PROGRAMMATION HTML. Baccalauréat S -Spécialité ISN. Objectifs. Prérequis. Du code à la page. 4.3 : Langages de programmation : langage HTML PROGRAMMATION HTML Baccalauréat S -Spécialité ISN 4.3 : Langages de programmation : langage HTML Objectifs L'élève doit être capable o de créer une page WEB en langage HTML o d'analyser une page WEB en

Plus en détail

METTEZ VOUS-MÊME À JOUR VOTRE SITE AVEC

METTEZ VOUS-MÊME À JOUR VOTRE SITE AVEC METTEZ VOUS-MÊME À JOUR VOTRE SITE AVEC Comment est géré votre site internet? JOOMLA est un «système de gestion de contenu» qui vous permettra d administrer votre site internet en toute simplicité. Il

Plus en détail

Programmation d applications pour le Web

Programmation d applications pour le Web Programmation d applications pour le Web Cours 2 ème année ING ISI-Tunis Elaboré par: Hela LIMAM Chapitre 3 Partie 2 XML+XSL Année universitaire 2011/2012 Semestre 2 1 Le XML ne fait rien. Il faudra passer

Plus en détail

Bac Professionnel Systèmes Electroniques Numériques

Bac Professionnel Systèmes Electroniques Numériques DR - Création d un site WEB TP Le HTML Pour créer un site web, on doit indiquer des informations à l'ordinateur. Il ne suffit pas de taper simplement le texte qu'il y aura dans son site, il faut aussi

Plus en détail

Création web avec Nvu. Description de base des fonctionnalités de ce logiciel Par Emmanuel Meikle

Création web avec Nvu. Description de base des fonctionnalités de ce logiciel Par Emmanuel Meikle Création web avec Nvu Description de base des fonctionnalités de ce logiciel Par Emmanuel Meikle Vous pouvez distribuer ce document et vous êtes encouragé à le faire à 2 conditions : 1. Vous ne devez pas

Plus en détail

Les carnets de voyage numériques. Apprenez à : - Créer un blog de voyage - Editer un livre photo

Les carnets de voyage numériques. Apprenez à : - Créer un blog de voyage - Editer un livre photo Les carnets de voyage numériques Apprenez à : - Créer un blog de voyage - Editer un livre photo Partie 1 : Créer un blog de voyage Quelques exemples de blogs de voyage réussis Vous pouvez héberger et partager

Plus en détail

1-Créer un "Placemark" (punaise) simple avec une courte description

1-Créer un Placemark (punaise) simple avec une courte description Réaliser une carte intercative avec Google earth en utilisant les «placemark» Didacticiel réalisé par un professeur de l académie de Caen (http://histgeo.discip.ac-caen.fr/gearth3/placemark.htm) Des exemples

Plus en détail

NFA 074. 06 - Projet HTML-CSS

NFA 074. 06 - Projet HTML-CSS NFA 074 06 - Projet HTML-CSS 06 - Projet HTML-CSS Le plus grand soin a été apporté à la réalisation de ce support pédagogique afin de vous fournir une information complète et fiable. Cependant, le Cnam

Plus en détail

Partie 2 : Transmettre des données de page en page 141/361. Les cookies

Partie 2 : Transmettre des données de page en page 141/361. Les cookies Partie 2 : Transmettre des données de page en page 141/361 Les cookies Travailler avec des cookies fonctionne à peu près de la même façon qu'avec des sessions, à quelques petites différences près que nous

Plus en détail

WWW.WAIBE.FR est une réalisation de l entreprise AD-WAIBE

WWW.WAIBE.FR est une réalisation de l entreprise AD-WAIBE WWW.WAIBE.FR est une réalisation de l entreprise AD-WAIBE Allez sur Internet : www.waibe.fr Comment ça marche? Cliquez ICI pour modifier votre site Internet Si vous ne possédez mas encore de site, cliquez

Plus en détail

Maîtriser les premières bases de la technologie informatique.

Maîtriser les premières bases de la technologie informatique. 1 Maîtriser les premières bases de la technologie informatique. Rappel du texte de référence : Notions techniques liées aux items de ce domaine : L élève doit être capable: d utiliser à bon escient le

Plus en détail

Démonstration 8 IFT6800. 12 novembre 2015

Démonstration 8 IFT6800. 12 novembre 2015 Démonstration 8 IFT6800 12 novembre 2015 1 HTML/CSS 1.1 Télécharger le code HTML d une page C est votre navigateur qui s occupe d afficher le contenu d un fichier HTML convenablement. Vous pouvez afficher

Plus en détail

«Réussir sa présentation avec PowerPoint»

«Réussir sa présentation avec PowerPoint» «Réussir sa présentation avec PowerPoint» Support de cours Version du 30/09/2007 Eric Giraudin http://sos-communication.weebly.com Page 1 sur 15 :: Règles de base en PreAO (le diaporama du cours est téléchargeable

Plus en détail

NORMES TECHNIQUES 2010

NORMES TECHNIQUES 2010 NORMES TECHNIQUES 2010 -> L'offre Display : Mega bannière - Skyscraper- Pavés -> Offre Display : les formats -> Offre Display : les livrables -> Publi rédactionnel -> Accueil Panoramique -> Habillage du

Plus en détail

Création d une table des matières avec Texte (Writer) de LibreOffice 5.x

Création d une table des matières avec Texte (Writer) de LibreOffice 5.x Création d une table des matières avec Texte (Writer) de LibreOffice 5.x Table des matières 1 Introduction...2 2 Organisation des titres...2 3 Méthodologie...3 3.1 Définition du type de numérotation et

Plus en détail

Validation de l item 4.5 : 4-5 Chercher et identifier l origine de la publication en utilisant au besoin le code source, pour exploiter un document.

Validation de l item 4.5 : 4-5 Chercher et identifier l origine de la publication en utilisant au besoin le code source, pour exploiter un document. Validation de l item 45 : document Sommaire Origine d'un page HTML Origine d'un document Word 1/2 Origine d'un document Word 2/2 Origine d'un site web Ressources Validation de l item 45 : document Origine

Plus en détail

Créer un modèle pour Joomla 1.5

Créer un modèle pour Joomla 1.5 Créer un modèle pour Joomla 1.5 Dans le dossier templates de Joomla, créer un nouveau dossier au nom du modèle (lettres-chiffres-tirets, éviter caractères accentués et spéciaux) Dans ce dossier template/nom_du_modèle,

Plus en détail

Atelier Hepia Light. Installation et prise en main du logiciel LPCXpresso mise en place d'un firmware sur la carte

Atelier Hepia Light. Installation et prise en main du logiciel LPCXpresso mise en place d'un firmware sur la carte Atelier Hepia Light Installation et prise en main du logiciel LPCXpresso mise en place d'un firmware sur la carte Matériel : -Une carte hepia-light -Un ordinateur avec Windows et le logiciel LPCXpresso

Plus en détail

GLSE301 - TP séance 3 : Page Web Personnelle

GLSE301 - TP séance 3 : Page Web Personnelle GLSE301 - TP séance 3 : Page Web Personnelle Objectifs Construction de la page web : utiliser GIMP pour définir la structure d'une page web ; sécuriser l accès à votre site web ; construction de la page

Plus en détail

Déroulement. Conception de Sites Web dynamiques. 2 ème année en général. Conception de Sites Web 28/01/2010. Cours 1+2

Déroulement. Conception de Sites Web dynamiques. 2 ème année en général. Conception de Sites Web 28/01/2010. Cours 1+2 Déroulement Conception de Sites Web dynamiques Cours 1+2 Patrick Reuter http://www.labri.fr/~preuter/cswd2010 CM vendredi de 8h00 à 9h00 (Amphi Bât. E 3ème) TD - Groupe 1 : vendredi, 9h00 10h30 (R1-14)

Plus en détail

Créer des règles de messagerie

Créer des règles de messagerie FICHE 1 page 1/2 Créer des règles de messagerie Intérêt : Ne pas être submergé à l ouverture de la messagerie par de très nombreux messages, dont de nombreux non sollicités (publicités ) Exemple, placer

Plus en détail

Formation JavaScript : Perfectionnement. Programme. L approche AJAX. L objet XMLHttpRequest. Objectif(s):

Formation JavaScript : Perfectionnement. Programme. L approche AJAX. L objet XMLHttpRequest. Objectif(s): Formation JavaScript : Perfectionnement Objectif(s): Comprendre l'approche AJAX Comprendre l'objet XMLHttpRequest Durée : 2 jour(s) Pré-requis : Bonnes connaissances en (X)HTML, CSS et JavaScript Public

Plus en détail

Installation du CdC Online depuis Internet Explorer

Installation du CdC Online depuis Internet Explorer Installation du CdC Online depuis Internet Explorer Pour envoyer vos factures au CdC vous avez besoin au préalable d installer le programme CdC Online. Avant toute chose, il faut demander le chemin d enregistrement

Plus en détail

Créer des styles CSS simples

Créer des styles CSS simples Créer des styles CSS simples Les styles CSS mémorisent les attributs de caractère et de paragraphe comme la police, la taille, la couleur, l alignement du texte, etc... Vous pouvez ensuite les appliquer

Plus en détail

Cours HTML pour débutant

Cours HTML pour débutant Cours HTML pour débutant Guilhem PAROUX 09-10 Mai 2007 I. FONCTIONNEMENT CLIENT-SERVEUR... 3 II. STRUCTURE D UN SITE WEB... 4 III. LE LOGICIEL NVU... 4 IV. METTRE EN LIGNE AVEC LE CLIENT FTP "FILEZILLA"...

Plus en détail

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS

MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS MODE D EMPLOI DE CKFINDOR ET CKEDITOR AVERTISSEMENTS En renommant, déplaçant ou supprimant des images déjà insérées dans des pages, ou en renommant, déplaçant ou supprimant des sous-dossiers, les images

Plus en détail

Version 4.0. Multinet Ressources Inc. Page 1 sur 13

Version 4.0. Multinet Ressources Inc. Page 1 sur 13 Version 4.0 Page 1 sur 13 Introduction Lorsque vous obtenez l accès à Méganet, votre site est déjà construit. C est-à-dire qu il a fait l objet d une étude de style selon les couleurs de votre entreprise

Plus en détail