TP n 1 : Initiation au langage HTML

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

Download "TP n 1 : Initiation au langage HTML"

Transcription

1 Atelier informatique-langage HTML TP n 1 : Initiation au langage HTML 1. Rappels de quelques généralités - Un fichier HTML est un fichier texte simple, parfaitement lisible, respectant un ensemble de convention d'écriture - Un fichier HTML peut être écrit à l'aide de n'importe quel éditeur de texte simple (des éditeurs plus évolués existent également) - Lorsque vous consultez un site web, les fichiers HTML (extension.htm ou.html) sont envoyés à votre navigateur et le code html est interprété sur votre machine par votre navigateur 2. Premières notions et première page Le texte qu on écrit dans un fichier HTML est le code html qui sera interprété par un navigateur pour visualiser le résultat. Ce code est constitué de texte et d'indications de mise en page. Ces indications sont appelées balises. Une balise html (ou tag en anglais) respecte la syntaxe suivante : <balise> Une balise peut être seule, et son effet s'applique à l'endroit où elle se trouve, comme par exemple <BR> qui sert à sauter une ligne, ou en couple balise ouvrante <balise> balise fermante </balise> pour indiquer sur quelle partie de votre code elle s'applique : son effet touche tout ce qui se trouve entre la balise ouvrante et la balise fermante. Exercice 1 1) Préparez votre espace de travail en créant un dossier «tp_html» dans lequel vous allez créer un sous dossier "tp1" qui contient à son tour un sous dossier «excercice1». 2) Créez en utilisant un éditeur de texte (bloc note, notepad...) votre propre document html nommé index.html. Attention à bien renseigner l'extension en.html et non en.txt 3) Pour se faire, recopiez les lignes suivantes dans votre fichier index.html : <html> Page 1 sur 5

2 <head> <title>ma premiere page web!!</title> </head> <body> </body> </html> Puis, n oubliez pas de sauvegarder le contenu que vous venez d ajouter. 4) Visionnez le résultat dans votre navigateur Internet (Internet Explorer, Firefox,...) Pour visualiser le résultat, faites un clic droit sur votre fichier index.html, choisissez ouvrir avec puis sélectionner le navigateur choisi afin d afficher la page créée. Ajoutez du texte maintenant dans la section body et rechargez votre page dans le navigateur. Page 2 sur 5

3 Exercice 2 Dans le dossier "tp1", vous créez un nouveau sous-dossier que vous nommerez "exercice2". En vous basant sur l'exercice 1, vous créerez 4 pages html que vous nommerez : index.html presentation.html services.html contact.html Pour chacune des pages, vous organiserez le contenu de cette manière : Page 3 sur 5

4 Les exercices qui suivent portent sur la construction d'un site web (celui de ComM01), dont une copie d écran (nommée site1.jpg) est fournie avec le présent document. Exercice 3 : Formatage du texte Reprenez les pages html de l'exercice 2 et modifiez les titres et les textes en y insérant des balises des mises en forme correspondantes. Pensez à enregistrer régulièrement votre travail. Visualisez le résultat dans votre navigateur. Exercice 4 : les listes Afin de mieux organiser les services, nous allons organiser les services présents dans la page services.html en liste comme c est indiqué dans la figure «site1.jpg». Exercice 5 : Ajout d'images Vous allez reprendre les pages précédentes afin d'y intégrer des images comme c est indiqué dans figure site. Pour se faire : Créez un dossier "images" dans votre sous-dossier "exercice 3". Enregistrez les images ci-dessous dans le dossier "images". Page 4 sur 5

5 Dans chaque page, insérez la balise <img /> en pointant la source vers l'image correspondante. Enregistrez et visionnez le résultat dans votre navigateur Internet Exercice 6 : les liens Vous allez maintenant lier vos pages afin de pouvoir naviguer entre elles. 1) Ajouter dans la page index.html (page de regroupement) un menu pointant vers chacune des pages du site. Vous nommerez les titres du menu comme suit : (Accueil, Présentation, Services, Contact) 2) Sur la page "presentation.html", vous insérerez un lien sur le mot ComMO1 vers le page "contact.html". 3) Sur chaque page, vous ajouterez un lien «retour à la page d accueil», redirigeant le visiteur vers la page d'index du site. Exercice 7 : les tableaux Modifiez la page de contact afin qu elle soit identique à celle définie dans la figure «site1.jpg» Page 5 sur 5

Programmation Web TP1 HTML

Programmation Web TP1 HTML Programmation Web TP1 HTML Vous allez réaliser votre premier site Web dans lequel vous présenterez un contenu d un cours de votre choix 1 - Une première page en HTML Le document html de base se présente

Plus en détail

Programmation Web TP1 - HTML

Programmation Web TP1 - HTML Programmation Web TP1 - HTML Vous allez réaliser votre premier site Web dans lequel vous présenterez la société SC, agence spécialisée dans la conception des sites internet. 1 - Une première page en HTML

Plus en détail

TP Informatique. Personnalisation de page web HTML avec le langage CSS. Objectifs :

TP Informatique. Personnalisation de page web HTML avec le langage CSS. Objectifs : TP Informatique Personnalisation de page web HTML avec le langage CSS Objectifs : - Approfondir ses connaissances au langage HTML - Changer le style et la présentation d une page HTML grâce au langage

Plus en détail

Première exploration de Bluefish et. création d un formulaire simple

Première exploration de Bluefish et. création d un formulaire simple Première exploration de Bluefish et création d un formulaire simple Table des matières Première exploration de Bluefish avec les fichiers déjà créés au dernier cours...2 Création d un projet incorporant

Plus en détail

Technologie Projet 2 : «Site WEB sur l'évolution de l'éclairage» 3éme Séquence n 5 DES MESURES : DE PAGES HTML

Technologie Projet 2 : «Site WEB sur l'évolution de l'éclairage» 3éme Séquence n 5 DES MESURES : DE PAGES HTML PUBLICATION DES MESURES : CRÉATION DE PAGES HTML 1 ) SUITE DE L'APPRENTISSAGE SUR LE LANGAGE HTML Voir ci-dessous un fichier HTML minimum. Remarquer «l'indentation» de ce texte.

Plus en détail

Réussir son site web avec XHTML et CSS

Réussir son site web avec XHTML et CSS Leçon 04 Réussir son site web avec XHTML et CSS Insérer des images 1. Les formats d image du Web...1 Les JPEG...1 Les PNG...1 Les GIF...1 Tableau récapitulatif :...2 2. Insérer une image dans une page...2

Plus en détail

TD 1- Mise en forme d'un mémoire Word

TD 1- Mise en forme d'un mémoire Word TD 1- Mise en forme d'un mémoire Word ENREGISTREZ VOS DOCUMENTS REGULIEREMENT UTILISEZ LES UTILITAIRES D'AIDE A Rappel sur les modèles de documents A.1 Définition Un modèle est un objet destiné à être

Plus en détail

Partie HTML TD 1 : Les bases du HTML

Partie HTML TD 1 : Les bases du HTML Partie HTML TD 1 : Les bases du HTML 1 Introduction HTML = HyperText Marked Language HTML est un langage permettant de décrire des données affichables sous forme de page par un navigateur Web. HTML peut

Plus en détail

Réussir son site web avec XHTML et CSS

Réussir son site web avec XHTML et CSS Leçon 06 Réussir son site web avec XHTML et CSS CSS, le langage de mise en page du Web 1. Insérer du code CSS...1 Dans un fichier.css...1 Dans l en-tête du fichier XHTML...3 2. Appliquer un style à des

Plus en détail

Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2015/2016)

Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2015/2016) Université Bordeaux, UF Mathématiques et Interactions Licence 2 MIASHS (2015/2016) Conception de Sites Web Dynamiques : TD 1 HTML5 statique, balises, liens relatifs/absolus, images, validateur W3C http://www.labri.fr/perso/preuter/cswd2016

Plus en détail

TP Initiation au langage HTML

TP Initiation au langage HTML TP Initiation au langage HTML (1) Rappels de quelques généralités Un fichier HTML n'est pas compilé (ce n'est pas un programme) Un fichier HTML est un fichier texte simple, parfaitement lisible, respectant

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

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/tr/xhtml1/dtd/xhtml1- transitional.dtd> IUT Nice Côte d Azur Prog. Web Département informatique 2007-2008 TP1 HTML ET XHTML 1. Le document xhtml minimal Le langage xhtml est la dernière évolution du html. C est une version plus stricte du html,

Plus en détail

Réussir son site web avec XHTML et CSS

Réussir son site web avec XHTML et CSS Leçon 03 Réussir son site web avec XHTML et CSS Créer des liens 1. Insérer un lien vers une autre page...1 Création d un lien simple...1 Ajout d une infobulle...2 Un lien pour envoyer un email...2 2. Les

Plus en détail

TD n 3 - Notion de langage CSS. Table des matières

TD n 3 - Notion de langage CSS. Table des matières TD n 3 - Notion de langage CSS Table des matières 1-Mettre en forme un page en utilisant la balise ...2 2-Mettre en forme un page en utilisant une feuille de style externe...4 3-Conseils pratiques

Plus en détail

Objectif. Taches proposées pour atteindre l objectif

Objectif. Taches proposées pour atteindre l objectif 5 ICN : Réalisation d un site internet dynamique Nom de l'élève : Classe : Table des matières 5 ICN : Réalisation d un site internet dynamique...1 5.1Le langage php...2 5.2Déplacement de votre site dans

Plus en détail

Réussir son site web avec XHTML et CSS

Réussir son site web avec XHTML et CSS Leçon 11 v2 Réussir son site web avec XHTML et CSS TD de révision : le design d un site web 1. La structure générale... 2 2. Primo, le XHTML... 3 Découpage des pages en blocks... 3 Création du modèle de

Plus en détail

Prise en main de votre ENT Premiers pas en réseau

Prise en main de votre ENT Premiers pas en réseau Prise en main de votre ENT Premiers pas en réseau Dpt R&T - JL Damoiseaux 1 1. Pour tout savoir Le plus simple est encore de vous rendre sur la page http://dud.univ-amu.fr/content/mon-compte-utilisateur-et-ses-services-associes-sur-le-campus-de-luminy

Plus en détail

TP PHP (/HTML/CSS/PostgreSQL)

TP PHP (/HTML/CSS/PostgreSQL) TP PHP (/HTML/CSS/PostgreSQL) ENSIIE - 2015/2016 Le but de ce TP est de compléter les fichiers fournis pour réaliser une micro-application interactive qui permet, suivant le choix de l utilisateur, de

Plus en détail

Carrefour de l information Université de Sherbrooke. Dreamweaver MX 2004 Deuxième partie Savoir améliorer ses sites Web

Carrefour de l information Université de Sherbrooke. Dreamweaver MX 2004 Deuxième partie Savoir améliorer ses sites Web Carrefour de l information Université de Sherbrooke Dreamweaver MX 2004 Deuxième partie Savoir améliorer ses sites Web Par : Josée Martin (hiver 2005) Édition revue et augmentée par : Marc-André Dulude

Plus en détail

Exercice 1 Créer un diaporama pour présenter une région

Exercice 1 Créer un diaporama pour présenter une région Exercice 1 Créer un diaporama pour présenter une région Partie 1 : Création et enregistrement d un fichier 1) Créer un dossier intitulé bureautique_decembre dans l'emplacement où vous sauvegardez vos documents.

Plus en détail

UE8.III - TD algorithmique 1/6

UE8.III - TD algorithmique 1/6 TD 12.1 HTML Construction de page Web 1- On propose de construire une nouvelle page web. Pour cela, on crée un nouveau document avec le "Bloc-notes" et on saisit les éléments suivants : un premier

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

page web et html 1 principe général 2

page web et html 1 principe général 2 page web et html Table des matières 1 principe général 2 2 écrire et lire un document en HTML 3 2.1 Les références internationales................................. 3 2.2 Pour tester le code source et voir

Plus en détail

CHARGÉE DE COURS : N. VANASSCHE

CHARGÉE DE COURS : N. VANASSCHE CHARGÉE DE COURS : N. VANASSCHE WWW.NATHALIEVANASSCHE.BE DE NOMBREUSES PERSONNES CONFONDENT (À TORT) INTERNET ET LE WEB. le Web fait partie d'internet. Internet est donc un grand ensemble qui comprend,

Plus en détail

CRÉE TA PAGE WEB POUR IPHONE!

CRÉE TA PAGE WEB POUR IPHONE! CRÉE TA PAGE WEB POUR IPHONE! Programme du matin QR Code Définition Création de votre T-Shirt avec QR Code Pause «Application» pour iphone Base du HTML Création de votre CV QR CODE? QR CODE? Le QR Code

Plus en détail

Cours de XHTML. chaîne de caractères

Cours de XHTML. <balise attribut=valeur attribut2=valeur2 >chaîne de caractères</balise> Cours de XHTML Introduction XHTML n'est pas un langage de programmation proprement dit, il s'agit simplement d'un langage de balisage dont le rôle est de formaliser l'écriture d'un document web avec des

Plus en détail

Aperçu rapide du langage HTML

Aperçu rapide du langage HTML 1 Aperçu rapide du langage HTML Nous avons dit que HTML est le langage de base pour afficher des informations sur Internet. Cela signifie que toutes les pages web que nous visitons sont toutes écrites

Plus en détail

HTML et page Web diaporama

HTML et page Web diaporama but du diaporama principe général le titre ainsi qu une section contenant un paragraphe le titre ainsi qu un paragraphe dont le texte est centré une section dont le texte est coloré en rouge (couleur définie

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

Création d un site public avec Pages

Création d un site public avec Pages Création d un site public avec Pages 1 Présentation L'application Pages permet de créer des pages web pouvant être organisées grâce à un menu de navigation, ce qui offre une grande liberté de mise en page.

Plus en détail

Les Fiches pratiques Coin-Web

Les Fiches pratiques Coin-Web Le langage HTML Sommaire 1. Définitions...1 2. Remarque liminaire : l organisation du site...2 3. La page...3 4. L entête...3 5. Le corps de la page...3 a. Le texte...3 i. Titres et paragraphes...3 ii.

Plus en détail

Test (Capture) Installation Apache 2, on appuie sur O puis Entrer pour continuer (Capture)

Test  (Capture) Installation Apache 2, on appuie sur O puis Entrer pour continuer (Capture) 2 octobre 2014 TP3: Virtual Box et serveur web Kiefer- SI2 - Groupe B http://btsio.net/wakka.php?wiki=20140925introapache Question 1 Maintenant vous allez installer un serveur Apache (un serveur web).

Plus en détail

TD Bases de données - ACCESS

TD Bases de données - ACCESS TD Bases de données - ACCESS Sujet : Formulaires et états sous Access (TD 4) L objectif de cette séance est de montrer l utilisation des formulaires sous Access. 1 Base de données Nous utilisons dans cette

Plus en détail

Logiciel PréAO Impress Epreuve C2I

Logiciel PréAO Impress Epreuve C2I Logiciel PréAO Impress Epreuve C2I 1) PREPARATION. Télécharger et décompresser ecole_primaire.zip 2) CREATION DE LA PRESENTATION Ouvrez une nouvelle présentation Impress à partir du menu des programmes

Plus en détail

I. Généralités: II. Création des diaporamas:

I. Généralités: II. Création des diaporamas: I. Généralités: Un document multimédia est un document qui intègre des informations de différents formats tel que: texte, image, son, vidéo, graphique, Un site web est un ensemble de pages web qui sont

Plus en détail

I/ Une première très brève introduction au WEB :

I/ Une première très brève introduction au WEB : TP 10 : Vendredi 31 Janvier 2014 Langage de description HTML Langages de description Présentation du langage HTML et du principe de séparation du contenu et de la mise en forme. Créer et analyser une page

Plus en détail

Guide Utilisation HTML et Microsoft FrontPage

Guide Utilisation HTML et Microsoft FrontPage Guide Utilisation HTML et Microsoft FrontPage 4 4me Année Sciences Informatique Année scolaire : 2016-2017 I. Introduction au langage HTML HTML est un langage de description. Il permet d'enrichir un texte

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

Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web

Pour naviguer sur le Web, il faut : Naviguer: dialoguer avec un serveur web 1. 2. Pour naviguer sur le Web, il faut : Une connexion au réseau Réseau Connexion physique (câbles,sans fils, ) à des machines Protocoles de communication Plusieurs niveau (couche) : Internet, protocole

Plus en détail

LA CRÉATION ET LA GESTION D UN SOUS-FORMULAIRE

LA CRÉATION ET LA GESTION D UN SOUS-FORMULAIRE 1 LA CRÉATION ET LA GESTION D UN SOUS-FORMULAIRE 1. Formulaire et sous-formulaire Un sous-formulaire est inclu dans un second formulaire et en dépend en fonction de certains paramètres. Pour l illustrer,

Plus en détail

L'affichage des pages web de votre site est lié à des liens (éléments de menu)!

L'affichage des pages web de votre site est lié à des liens (éléments de menu)! L'affichage des pages web de votre site est lié à des liens (éléments de menu)! Cela est valable pour la page d'accueil de votre site qui est liée au lien par défaut du site (initialement, ce lien est

Plus en détail

Organisation d un site web

Organisation d un site web Organisation d un site web Un site web est un ensemble de pages web hébergées par un serveur et identifié par une adresse internet ( URL). Les pages web sont écrites en langage html, puis transférées sur

Plus en détail

Vous retrouverez vos favoris alors en cliquant sur Favoris classés comme vous l aurez désiré.

Vous retrouverez vos favoris alors en cliquant sur Favoris classés comme vous l aurez désiré. Favoris / Marques pages / Signets Quelque soit votre navigateur, vous pourrez toujours enregistrer ces fameux favoris. Seul le nom change. Favoris pour Internet Explorer et Google Chrome, Marque-page pour

Plus en détail

d'un éditeur de texte tout simple comme par exemple le Bloc-notes ou Notepad de Windows ou tout autre équivalent dans votre système d'exploitation.

d'un éditeur de texte tout simple comme par exemple le Bloc-notes ou Notepad de Windows ou tout autre équivalent dans votre système d'exploitation. LE LANGAGE HTML Chapitre 1 : Le Web parle Html HTML est le langage universel utilisé pour communiquer sur le Web. Votre information sera ainsi transportée sur cette gigantesque toile de réseaux interconnectés

Plus en détail

GTI525 Technologies de développement Internet

GTI525 Technologies de développement Internet GTI525 Technologies de développement Internet Langage de balisage hypertexte (HTML) GTI525, Été 2013 HTML de base Contenu Basé sur tutoriel http://www.w3schools.com/html/default.asp Bonnes pratiques GTI525,

Plus en détail

Fiche TD n 1 Le langage HTML

Fiche TD n 1 Le langage HTML Fiche TD n 1 Le langage HTML 1 Introduction Le HTML est le langage utilisé pour formaliser l information échangée sur internet. Il est constitué de balises qui indiquent de quelle manière les informations

Plus en détail

HIVER 2017 COURS INF2005 : PROGRAMMATION WEB. Exercices de Programmation Web, Laboratoires et TP

HIVER 2017 COURS INF2005 : PROGRAMMATION WEB. Exercices de Programmation Web, Laboratoires et TP HIVER 2017 COURS INF2005 : PROGRAMMATION WEB Exercices de Programmation Web, Laboratoires et TP Professeur : Abdel OBAID Ateliers : Ruben Chambilla Février 2017 TABLEAU DES MATIÈRES 1. Introduction...1

Plus en détail

C2i : Création de pages web

C2i : Création de pages web C2i : Création de pages web IUFE 2016/2017 Matthieu Giraud LIMOS, Université Clermont Auvergne Matthieu Giraud C2i : Création de pages web 1 / 33 Introduction Sommaire 1 Introduction 2 Structure d une

Plus en détail

TUTORIEL : COMMENT CRÉER FACILEMENT SA ZONE DE CHALANDISE AVEC OWL APPS

TUTORIEL : COMMENT CRÉER FACILEMENT SA ZONE DE CHALANDISE AVEC OWL APPS TUTORIEL : COMMENT CRÉER FACILEMENT SA ZONE DE CHALANDISE AVEC OWL APPS 1. Se rendre sur le site owlapps.net Rendez-vous à la page suivante : http://www.owlapps.net/application-geomarketing Vous y trouverez

Plus en détail

Technologies du Web: HTML

Technologies du Web: HTML Technologies du Web: HTML TP 2 : Structure générale et texte Objectifs : Dans ce premier TP, les balises de bases (h1,p,br...) ainsi que leurs principaux attributs sont abordés afin que nous soyons tout

Plus en détail

Création de tags personnalisés sous NetBeans Philippe Genoud lundi 21 janvier 2008

Création de tags personnalisés sous NetBeans Philippe Genoud lundi 21 janvier 2008 Création de tags personnalisés sous NetBeans Philippe Genoud (Philippe.Genoud@imag.fr) lundi 21 janvier 2008 Ce tutorial vous guide dans l utilisation de Netbeans (version 6.+) pour créer vos propres bibliothèques

Plus en détail

Eléments de contenu -Les différents formats d'images -Les formats audio -Les formats vidéo

Eléments de contenu -Les différents formats d'images -Les formats audio -Les formats vidéo Objectif Général N 3 : Acquérir les compétences nécessaires pour maitriser la manipulation des images et des vidéos. Pré-requis : Objectif Général N 2 Objectifs Spécifiques Objectif Etablir une distinction

Plus en détail

TROUVER LES BONNES COULEURS AVEC PALETTON.COM

TROUVER LES BONNES COULEURS AVEC PALETTON.COM AVEC PALETTON.COM (Mis à jour le 11/08/2014) Page 1 / 14 Paletton.com est un outil en ligne pour graphiste qui permet de trouver les bonnes combinaisons de couleurs à adopter pour son Web Design. Il s'agit

Plus en détail

VOUS ETES CETTE ANNEE ETUDIANT A L UNIVERSITE RENNES 1

VOUS ETES CETTE ANNEE ETUDIANT A L UNIVERSITE RENNES 1 CANDIDATURES EN LIGNE : CANDIDATURES VOUS ETES CETTE ANNEE ETUDIANT A L UNIVERSITE RENNES 1 Vous pouvez saisir en ligne vos dossiers de candidature. Vous devrez imprimer votre dossier et le renvoyer par

Plus en détail

HOT POTATOES 5.4. Lorsque vous cliquez sur l icône Hot Potatoes :, la fenêtre suivante s ouvre : Ouvrir le tutoriel ou l aide en anglais

HOT POTATOES 5.4. Lorsque vous cliquez sur l icône Hot Potatoes :, la fenêtre suivante s ouvre : Ouvrir le tutoriel ou l aide en anglais HOT POTATOES 5.4. Le logiciel Hot Potatoes est gratuit. Il est possible de le télécharger à l adresse : http://web.uvic.ca/hrd/halfbaked/#downloads La version 5.2 (pratiquement identique à la version 5.4)

Plus en détail

Les Fiches pratiques Coin-Web

Les Fiches pratiques Coin-Web Créer / modifier son site web à l aide d un logiciel Open Source Pré-requis : Sommaire Avant de consulter cette fiche pratique, il est bon d avoir assimilé les notions d HTML et CSS. 1. Définitions...

Plus en détail

CRÉATION DE VOTRE COMPTE AGENCE EN LIGNE

CRÉATION DE VOTRE COMPTE AGENCE EN LIGNE CRÉATION DE VOTRE COMPTE AGENCE EN LIGNE Connectez-vous à l agence en ligne via notre site internet https://agence.gaz-de-barr.fr/portailgdb/ Attention : Utilisez exclusivement le moteur de recherche «Internet

Plus en détail

ISN S8: Les pages web

ISN S8: Les pages web Objectif : L'objectif de ce TP est de réaliser une page HTML 1. Introduction : HTML et CSS : deux langages pour créer un site web Pour créer un site web, on doit donner des instructions à l'ordinateur.

Plus en détail

Importation ou création d'un site Web?

Importation ou création d'un site Web? 92 Modèles de conception de sites Web Importation ou création d'un site Web? Il existe deux possibilités pour utiliser MAGIX Web Designer : soit vous disposez déjà d'un site Web que vous souhaitez éditer

Plus en détail

Utilitaire : comment créer et mettre à jour un blog?

Utilitaire : comment créer et mettre à jour un blog? Utilitaire : comment créer et mettre à jour un blog? 1 / CREER SON BLOG : Il est indispensable de posséder une adresse : ac-versailles pour ouvrir un blog sur la plateforme du crdp de Versailles. Se rendre

Plus en détail

1) L arborescence de Windows

1) L arborescence de Windows Cette seconde séance d initiation permet d aborder la gestion des dossiers dans un environnement Windows et de découvrir les nouvelles fonctionnalités apportées par Windows 10. Logo 1) L arborescence de

Plus en détail

Document technique. intégration Head Pilot Online. dans un site internet. 11 Rue de Navarre Chicheboville. Préparé par.

Document technique. intégration Head Pilot Online. dans un site internet. 11 Rue de Navarre Chicheboville. Préparé par. 11 Rue de Navarre 14370 Chicheboville Affaire suivie par : Pierre BOUCHARD pierre.bouchard@starnav.fr Document technique intégration Head Pilot Online dans un site internet Préparé par Pierre BOUCHARD

Plus en détail

Cycle bureautique 3/3

Cycle bureautique 3/3 Savoir créer un diaporama c'est bien, pouvoir le partager c'est encore mieux! Pour le moment, il y a 3 obstacles à l'envoi de notre diaporama par courriel : Les images ne sont pas incluses dans le diaporama

Plus en détail

K2EDITEUR. Edition des éléments Agence Digitale tous droits de reproduction interdits sans autorisation

K2EDITEUR. Edition des éléments Agence Digitale tous droits de reproduction interdits sans autorisation K2EDITEUR Edition des éléments 2014 Agence Digitale tous droits de reproduction interdits sans autorisation Page n 1/24 Page n 1/8 AVANT-PROPOS UNE DOUBLE OBLIGATION : FAVORISER LA LISIBILITE ET LA COMPREHENSION

Plus en détail

1 Arrêter la tête de lecture : stop ()

1 Arrêter la tête de lecture : stop () 1 Arrêter la tête de lecture : stop () 2 Libérer la tête de lecture : play () 3 Déplacement vers une image : gotoand () 4 Déplacement vers l'image suivante : nextframe 5 Déplacement vers l'image précédente

Plus en détail

Inventaire en powershell avec WMI

Inventaire en powershell avec WMI Inventaire en powershell avec WMI Puisque vous étudiez la supervision et les inventaires de parc, nous allons, en Powershell, voir comment inventorier toutes les machines d un domaine AD et déposer ces

Plus en détail

Starter Kit. KompoZer. Apprenez, pratiquez, créez

Starter Kit. KompoZer. Apprenez, pratiquez, créez Starter Kit KompoZer Apprenez, pratiquez, créez PARTIE 1 Découvrir Kompozer CHAPITRE 4 Mes premières pages web La publication sur le Web possède ses propres techniques. Une page d un site n est pas une

Plus en détail

LANGAGE HTML : STRUCTURE GENERALE, FORMATAGE DU TEXTE ET INSERTION D IMAGE

LANGAGE HTML : STRUCTURE GENERALE, FORMATAGE DU TEXTE ET INSERTION D IMAGE ICN ICN Informatique et Création Numérique LANGAGE HTML : STRUCTURE GENERALE, FORMATAGE DU TEXTE ET INSERTION D IMAGE 1 MISE EN SITUATION 1.1 Page Web «Une page Web est une ressource du World Wide Web

Plus en détail

Préparer ses ressources avec le logiciel Opale et les déposer sur la plateforme pédagogique

Préparer ses ressources avec le logiciel Opale et les déposer sur la plateforme pédagogique Préparer ses ressources avec le logiciel Opale et les déposer sur la plateforme pédagogique Initiation à l utilisation d Opale Mise en ligne des ressources Opale sur Moodle Service d appui et de formation

Plus en détail

Installation des Pis Hauteur sur le GO 1000

Installation des Pis Hauteur sur le GO 1000 Installation des Pis Hauteur sur le GO 1000 Avec l'arrivée du GO 1000 ce sont toutes nos habitudes qui se trouvent changées, si auparavant il était très simple d'installer des POIs sur un Tomtom, ce n'est

Plus en détail

Utilisation de Didapages. Créer une page

Utilisation de Didapages. Créer une page Utilisation de Didapages Créer une page Editer une page Importer les éléments multimédias Commencer une page Insérer un objet : généralités Insérer un élément texte Insérer un élément image Insérer un

Plus en détail

OneNote 2010 Pierre Cornet

OneNote 2010 Pierre Cornet Ieps Fléron-Chênée OneNote 2010 Pierre Cornet 2014-2015 Rue C h a r l e s D e l i è g e 9, 4 6 2 3 F l é r o n OneNote est la version électronique d'un bloc-notes. Son but est d'éliminer tous les post-it

Plus en détail

Les scripts sous Photoshop

Les scripts sous Photoshop Les scripts sous Photoshop Introduction Adobe Photoshop est aujourd'hui incontournable dans le domaine de la création graphique professionnelle. Il possède un grand nombre de fonctionnalités surprenantes

Plus en détail

TP 1 - HTML/CSS. 0. Préparatifs. 1. Structure de la page HTML

TP 1 - HTML/CSS. 0. Préparatifs. 1. Structure de la page HTML TP 1 - HTML/CSS Objectif : Créer une page WEB statique en manipulant le langage HTML et la mise en forme CSS. Bien comprendre les styles et le positionnement des blocs en CSS. 0. Préparatifs 1. Lancer

Plus en détail

La salle des marchés. Version Présentation des évolutions. Solution de dématérialisation des procédures de marchés publics

La salle des marchés. Version Présentation des évolutions. Solution de dématérialisation des procédures de marchés publics Solution de dématérialisation des procédures de marchés publics La salle des marchés Version 16.0.0 Présentation des évolutions 2 1. Objet du document Afin d anticiper la prochaine incompatibilité des

Plus en détail

Chapitre 6 : Les médias

Chapitre 6 : Les médias Chapitre 6 : Les médias A. Les objectifs...........................................................................186 B. Les réglages des médias................................................................186

Plus en détail

Groupe Eyrolles, 2006, ISBN : X

Groupe Eyrolles, 2006, ISBN : X Groupe Eyrolles, 2006, ISBN : 2-212-11771-X 160 PHP/MySQL avec Dreamweaver 8 Figure 3-30 Après l insertion d un nouveau résultat, la page Mes résultats affiche la liste actualisée des résultats. Page de

Plus en détail

Plate-forme e-greta v6

Plate-forme e-greta v6 Plate-forme e-greta v6 Mode d emploi SOMMAIRE Accéder à la plate-forme... 2 Accéder à la formation... 3 Récupérer les fichiers de travail... 5 Communiquer... 6 Consulter un message... 6 Envoyer un message...

Plus en détail

1.2 Création de colonnes à partir d une sélection de texte

1.2 Création de colonnes à partir d une sélection de texte TP Numéro 4 METTRE EN FORME UN DOCUMENT A L AIDE DE COLONNES, ACQUISITION DES TECHNIQUES DE MISE EN PAGE DE DOCUMENTS LONGS TELS QUE DES RAPPORTS OU DES MEMOIRES. 1 COLONNES Pour présenter du texte sur

Plus en détail

Bienvenue sur Dropbox!

Bienvenue sur Dropbox! Découvrez comment utiliser Dropbox : 1 2 3 4 Conservez vos Emportez vos Envoyez des fichiers Collaborez sur des fichiers à l abri fichiers partout volumineux fichiers Bienvenue sur Dropbox! 1 Conservez

Plus en détail

des modèles pré-établis par nos développeurs. Comme tous les objets créés sur Spiral, cet outil permet :

des modèles pré-établis par nos développeurs. Comme tous les objets créés sur Spiral, cet outil permet : 17. les sites web Wiki Le site web sur Spiral Manne Connect Un site web (ou site internet) est un ensemble de pages Web liées entre elles par des liens et mises en ligne à partir d'une adresse Web précise

Plus en détail

HTML. Notions générales

HTML. Notions générales 1 HTML Le langage HTML est le langage de base permettant de construire des pages web, que celles-ci soient destinées à être affichées sur un iphone/android ou non. Dans notre cas, HTML sera associé à CSS

Plus en détail

SITE INTERNET LPR DU HAUT FOREZ MODE D EMPLOI

SITE INTERNET LPR DU HAUT FOREZ MODE D EMPLOI SITE INTERNET LPR DU HAUT FOREZ MODE D EMPLOI SOMMAIRE I) ECRIRE UN ARTICLE... 3 II) LE TEXTE DE L ARTICLE... 8 III) INSÉRER UN DOCUMENT... 11 IV) SE DÉCONNECTER DE L ESPACE PRIVÉ... 14 V) SE CONNECTER

Plus en détail

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

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

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

Guide pratique de Zotero

Guide pratique de Zotero Octobre 2017 Guide pratique de Zotero Présentation Zotero est un outil de gestion de références bibliographiques. Zotero est libre et gratuit. Il se présente sous la forme d une application à installer.

Plus en détail

MODE OPERATOIRE 1.3 SOMMAIRE 1. PRE REQUIS SOUS INTERNET EXPLORER Téléchargement du certificat sous internet explorer...

MODE OPERATOIRE 1.3 SOMMAIRE 1. PRE REQUIS SOUS INTERNET EXPLORER Téléchargement du certificat sous internet explorer... MODE OPERATOIRE 1.3 MODE OPERATOIRE DE TELECHARGEMENT ET D ACTIVATION D UN CERTIFICAT ELECTRONIQUE SELON LE NAVIGATEUR UTILISE (INTERNET EXPLORER OU FIREFOX) SOMMAIRE 1. PRE REQUIS... 2 2. SOUS INTERNET

Plus en détail

Dreamweaver Image survolée

Dreamweaver Image survolée Dreamweaver Image survolée Image retournée (rollover) Un lien peut également être une surprise! Par exemple, vous passez votre souris et l image s illumine, la couleur change, l image se transforme. Comment

Plus en détail

Un site web quelques informations

Un site web quelques informations Un site web quelques informations Qu est-ce qu un site Web? Ce sont des pages faites d images et de textes. Tout le monde peut les consulter sur Internet à l aide d un logiciel appelé navigateur. Pour

Plus en détail

Travaux pratiques Partage d un dossier, création d un groupe résidentiel et connexion d un lecteur réseau sous Windows 7

Travaux pratiques Partage d un dossier, création d un groupe résidentiel et connexion d un lecteur réseau sous Windows 7 5.0 6.8.4.7 Travaux pratiques Partage d un dossier, création d un groupe résidentiel et connexion d un lecteur réseau sous Windows 7 Introduction Imprimez et faites ces travaux pratiques. Dans ce TP, vous

Plus en détail

Travaux Pratiques : le langage HTML

Travaux Pratiques : le langage HTML Travaux Pratiques : le langage HTML Objectif : Ce TP couvre l'écriture d'une page Web en langage html4, en utilisant des balises non décorées. Puis l'utilisation d'un éditeur html pour enrichir la présentation

Plus en détail

AutoCAD 2013 Des fondamentaux à la présentation détaillée

AutoCAD 2013 Des fondamentaux à la présentation détaillée 404 AutoCAD 2013 Des fondamentaux à la présentation détaillée dagissez sur les boutons Affichage sous forme de liste et Affichage sous pour contrôler l affichage des références ex- forme d une arborescence

Plus en détail

Initiation au Web et à l HTML

Initiation au Web et à l HTML Initiation au Web et à l HTML Mathieu LACROIX, François RÉVERET, Antoine VACAVANT mathieu.lacroix@isima.fr françois.reveret@univ-bpclermont.fr antoine.vacavant@liris.cnrs.fr 2 et 3 Avril 2007 /40 Mathieu

Plus en détail

BUREAUTIQUE AVANCEE TP N 1

BUREAUTIQUE AVANCEE TP N 1 TEXTEUR 1 OPEN OFFICE DOCUMENT MAÎTRE BUREAUTIQUE AVANCEE TP N 1 Visitez notre département GTR! 1 Texteur = Writer = Outil de traitement de texte. 1/8 TEXTEUR 2 OPEN OFFICE EXERCICE 1 MODELE PERSONNEL:

Plus en détail

Guide pratique de Zotero

Guide pratique de Zotero Février 2017 Guide pratique de Zotero Présentation Zotero est un outil de gestion de références bibliographiques. Zotero est libre et gratuit. Il se présente sous la forme d une extension du navigateur

Plus en détail

T.P. OUTILS DE L INTERNET

T.P. OUTILS DE L INTERNET T.P. OUTILS DE L INTERNET Le HTML (HyperText Markup Language) est un langage informatique utilisé pour la création de pages Web. Une page HTML est un simple fichier texte contenant des balises (parfois

Plus en détail

Initiation au Web et à l HTML

Initiation au Web et à l HTML Initiation au Web et à l HTML Thibault MARZAIS, Mathieu LACROIX, Antoine VACAVANT marzais@llaic3.u-clermont1.fr mathieu.lacroix@isima.fr antoine.vacavant@liris.cnrs.fr 24 et 25 Avril 2006 /39 Thibault

Plus en détail

Dispositif Sport Guide du demandeur d aide

Dispositif Sport Guide du demandeur d aide Dispositif Sport Guide du demandeur d aide Dépôt et suivi des demandes de subvention. 1. INTRODUCTION... 3 2. COMMENT EFFECTUER UNE DEMANDE DE CREATION DE COMPTE DE CONNEXION?... 3 2.1. CREATION DU CODE

Plus en détail