pour apprendre le langage html

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "pour apprendre le langage html"

Transcription

1 pour apprendre le langage html introduction : Voici ce que vous devez savoir avant de continuer : Tout d' abord, il faut préciser que le langage HTML est relativement simple mais que celui ci impose au programmeur une logique et une rigueur qu il est de son devoir de respecter. Son travail va consister à écrire, dans un logiciel de traitement de texte (pour nous, Word pad ou le Bloc note ) son texte en y plaçant consciencieusement des balises ( = des instructions ) qui lui permettront de formater son texte, c' est à dire, changer la couleur de son texte, changer sa structure, et y implanter des images par exemples. Il existe deux types de balises, les "conteneurs" et "événement". Toutes s écrivent encadrées des chevrons "<" et ">". Les balises conteneurs sont des balises qui s utilisent par paires et encadrent une zone du document, par exemple le début et la fin d une séquence en gras (< b > et < /b >). Les balises événement s utilisent en solo, comme la balise < hr > qui affiche une ligne de séparation. Bien sûr ces balises apparaîtront sur votre traitement de texte (format *.Txt) mais pas sur votre pas web (format *.htm ou *.html). Petite anecdote, j'ai du ajouter un espace entre les chevrons et ce qui est écrit à l intérieur pour pouvoir afficher les balises de mes exemples juste au dessus. Si je n avais pas ajouter ces espaces, les balises ne se seraient pas afficher et auraient formater mon texte... Toute page débute par une déclaration qui ne sera pas affichée par le navigateur, mais qui lui permet de déterminer la nature du document à afficher. Chaque page web se composera donc dès le début par la balise < HTML > et se finira par la balise < /HTML >, dernière balise qui en fait n est pas nécessaire. A l intérieur de cet encadrement, on distinguera deux parties : L' en tête signalée par les balises < head > et < /head >, le corps où se trouvera le contenu de votre page encadré par les balises < body > et < /body >. Dans l en tête, on incorpore des balises complexes dont on ne se souciera pas mais il faut savoir que les balises < title > et < /title > sont importantes car elles afficheront le titre du document tout en haut à gauche du document, dans la petite barre bleu... on aura donc : BLOC NOTE (Indique le début du bloc note.a ne pas écrire comme

2 instruction!) < html > < head >< title >Vous mettez le titre de la page ici.< /title >< /head > < body > Vous mettez le contenu de votre page ici. < /body > < /html > FIN BLOC NOTE (Indique la fin du bloc note.a ne pas écrire comme instruction!) Incorporez dans le bloc note ces instructions. Vous avez donc un fichier TXT. Il vous suffit de le renommer maintenant en HTM ou HTML selon votre préférence. Cette modification d extension va permettre de visualiser le contenu de votre document par votre navigateur et de se rendre compte du résultat final. Bon, ça, c est une page web embryonnaire! Toutes ces pages doivent pourtant contenir ce minimum d instruction. Dans la partie II du sommaire, à savoir, PRESENTATION DES BALISES HTML, nous allons vous présenter les différentes balises qui se placent cette fois dans le corps du document, c est à dire entre les balises : < body > et < /body >. Voilà, c est la fin de l introduction. les balises : P RESENTATI ON DES BALI SES Voici ce que vous attendez tous, les balises qui vont vous permettre de contrôler vos écrits et mettre en oeuvre vos quatre volontés. En effet, ici réside la partie non pas la plus difficile mais dirons nous, la plus tranquille qu il puisse exister sauf qu il va falloir que vous connaissiez par coeur ces instructions... Voilà, mais ceci va se faire normalement, à force de manipulations, tout ça ne sera qu une simple formalité. (Si vous avez lu l' intro.) Tout d abords, veuillez télécharger le fichier suivant, c est un fichier d aide sur les balises, très pratique, à compter dans votre trousse à outils. FICHIER AIDE Toutes les balises qui vont vous êtres présentées vont l êtres selon un schéma précis. Nous allons vous les regroupées par catégories...voyez plutôt.

3 FORMATAGE DU TEXTE * < b > et < /b > TEXTE EST EN GRAS >salut * < u > et < /u > TEXTE EST SOULIGNE >salut * < s > et < /s > TEXTE EST BARRE >salut * < i > et < /i > TEXTE EST EN ITALIQUE >salut * < tt > et < /tt > POLICE TYPE MACHINE A ECRIRE >salut * < big > et < /big >TEXTE EN GROS CARACTERES >salut * < small >et < /small >TEXTE PETIT CARACTERES >salut * < sub > et < /sub >TEXTE PLACE EN INDICE > salut * < sup > et < /sup > TEXTE PLACE EN EXPOSANT > salut * < pre > et < /pre > TEXTE ECRIT EN PREFORMATE > Salut ça va? Il affiche même les retours à la ligne. * < hx > et < /hx > X=1,2,3 ou 4 jusqu' a 6. Permet de formater vos titres. AVEC H1 : A AVEC H2 : A AVEC H6 : A Remarque : comme cette balise sert à formater son ou ses titres de document, remarquez qu' après la balise < /h6 > ( balise de fermeture ),tout le texte va à la ligne. On pourrait dire que la balise de fin < /h6 > agit comme un < br > ( voir plus bas ). Il est donc inutile pour aller à la ligne d' ajouter < br > après les balises en < hx > et < /hx >. * < font color=xxxxxx > et < /font > PERMET DE METTRE SON TEXTE EN COULEUR. LE X correspond à des chiffres ou lettres, de 0 a 9 et de A à F ( du plus clair au plus foncé ), en fait, de 0 à F. Les 2 premiers X permettent de mettre du rouge, les 2 X suivants, du vert, les 2 derniers, du bleu. Faites des combinaisons avec les nombres et chiffres et créez des couleurs jamais vues encore! A la place des X peuvent êtres écrites des couleurs, en Anglais. Par exemple : < font color=blue > donne Salut< font color=green > donne Salut< font color=red > donne Salut Les autres couleurs peuvent elles aussi fonctionnées. Exemple avec les couleurs: < font color=ff0000 > donne Salut. Voici les differabtes couleurs que vous pouvez placer tel quel dans la balise:

4 noir = black marron = maroon vert = green olive = olive bleu marine = navy pourpre = purple bleu/vert = teal gris = gray argent = silver rouge = red citron = lime jaune = yellow bleu = blue fuchsia = fuchsia vert bouteille = aqua blanc = white CARACTERES SP ECI AUX * < hr > AFFICHE UNE LIGNE. Exemple : Mais cette balise peut être modifiée. < hr size=10 width=75% align=center > donne : Noter que le chiffre en pourcentage peut être remplacé par un nombre, nombre qui exprime des pixels. A la place de "Align" peut être écrit "left" ou "right". * < p > PERMET DE FAIRE UN NOUVEAU PARAGRAPHE. Exemple: "Salut < p > ça va?" donne: "Salut ca va?" Cette balise peut elle aussi être modifiée avec l attribut "align" comme pour < hr >.

5 * < br > PERMET D ALLER À LA LIGNE. Plusieurs < br > à la suite peuvent permettre de passer plusieurs lignes. comment publier sa page web PUBLICATION Bon, en fait, il n'y a pas vraiment de méthode précise car selon l'hébergeur, les méthodes peuvent varier. On remarque cependant une similitude : Premièrement, il faudra vous inscrire sur le site de l'hébergeur choisit. Vous disposerez donc des services complémentaires comme e mail perso, ETC... Ensuite, vous allez engager la procédure d'obtention du pseudo et mot de passe pour votre site ( si ce n'est pas déjà fait ). Cela veut dire que vous devrez trouver un nom de site ( le plus souvent celui ci correspond au pseudonyme qu' il vous est demandé à l' inscription ou lors de la procédure de mise en service de votre site ). Vous devez disposez de 3 renseignements : URL FTP, adresse pour le logiciel FTP ( voir troisièmement ). Exemple, pour multi mania, son adresse Internet est et son adresse FTP est : ftp.multimania.com Votre pseudo qui vous servira aussi pour le logiciel FTP, il est par exemple, pour multi mania le nom de votre site et pseudonyme en même temps. Exemple, l' URL de mon site est et j'ai comme pseudo pour le FTP, "bennyz". Il vous faut ensuite votre mot de passe qui servira encore pour le logiciel FTP qui vous est donné avec votre pseudo... Troisièmement, vous devez disposer d'un logiciel FTP (File Transfert Protocol ) qui va vous permettre de transférer vos fichiers HTML et autres vers le serveur de l'hébergeur. Votre site pourra donc être visionné sur le net mondial. Vérifiez cependant que votre page d'accueil s'appelle INDEX.HTM ou INDEX.HTML. Si ce n' est pas le cas, votre page d' accueil ne sera pas détecter. Il est donc impératif que votre page d'accueil se nomme INDEX. Je vous conseil CUTEFTP pour démarrer. Voici un petit aperçu de mon logiciel FTP, vous pourrez voir sur cette image ou vous devez indiquer les renseignements concernant votre site.

6 Généralement, en tout cas pour multi mania, votre mot de passe et pseudo vous sont retournés par mail ce qui permet d'éviter la perte ou oublie du mot de passe. Pour mettre en ligne vos pages, vous faites glisser vos fichier qui son sur votre disque dur vers le serveur de l hébergeur comme indiqué sur le dessin. Pour les personnes non entraînées au FTP, il peuvent s'adresser à moi, car si vous le voulez, je pourrais mettre en ligne vos pages moi même à la condition que vous me donniez les trois renseignements pour le logiciel FTP.

TP 8 : Créer son site web de D à Z...

TP 8 : Créer son site web de D à Z... TP 8 : Créer son site web de D à Z... Présentation Nous allons tenter de créer en 2 ou trois séances un site WEB de toute pièce. Vous devrez choisir un thème (ce que vous voulez, ou presque...). Vous établirez

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

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

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

Il faudra absolument séparer le contenu de la page web (le fichier HTML) de son apparence (le fichier CSS).

Il faudra absolument séparer le contenu de la page web (le fichier HTML) de son apparence (le fichier CSS). ISN- semaine 10 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. Il ne suffit pas simplement de taper le texte

Plus en détail

Visite guidée de Composer

Visite guidée de Composer Visite guidée de Composer de la Pointe-de-l Île 1.Démarrez Netscape en double-cliquant sur l icone: 2.Démarrez Composer en cliquant sur l icône au bas de votre navigateur: 2 3. Vous entrez dans Composer

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

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

Introduction à la programmation web

Introduction à la programmation web Introduction à la programmation web Nouvelles Technologies Dr. Thé Van LUONG The-Van.Luong@heig-vd.ch HEIG-VD Switzerland 8 octobre 2015 1/34 8 octobre 2015 1 / 34 Plan 1 État de l art des langages orientés

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

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

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

CRÉER SON SITE INTERNET. Créer son site Internet. Méd de Roanne. FG 16/09/08

CRÉER SON SITE INTERNET. Créer son site Internet. Méd de Roanne. FG 16/09/08 CRÉER SON SITE INTERNET 1 Tout d abord, nous allons réviser quelques notions de base permettant de comprendre ce qu est un site Internet, et ce que cela implique. Dans un second temps, le lien ci-après

Plus en détail

Création WEB avec DreamweaverMX

Création WEB avec DreamweaverMX Creation Web avec DreamweaverMX MX Initiation Sommaire.preparation.mise en forme.liens hypertextes.images.liens sur images.images avec zones sensibles.images survolees.liens de type courriel.apercu dans

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

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

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

Créer un mur de travail collaboratif sur Internet avec PADLET

Créer un mur de travail collaboratif sur Internet avec PADLET Créer un mur de travail collaboratif sur Internet avec PADLET 2 1. S inscrire à Padlet Padlet est un outil gratuit qui permet d initier simplement des élèves au travail collaboratif en ligne. Padlet vous

Plus en détail

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0)

Module Article. Plate-forme de gestion de contenu. PubliShare utilise la librairie javascript (AJAX - Web 2.0) G U I D E D U T I L I S AT I O N Publishare Plate-forme de gestion de contenu Module Article PubliShare utilise la librairie javascript (AJAX - Web.0) Sommaire Généralités Schéma de navigation Identification

Plus en détail

Création de page Web. Microsoft Publisher. 1. Ouvrez Microsoft Publisher. 2. Cliquez sur Sites Web. 3. Choisissez un modèle

Création de page Web. Microsoft Publisher. 1. Ouvrez Microsoft Publisher. 2. Cliquez sur Sites Web. 3. Choisissez un modèle Création de page Web Microsoft Publisher 1. Ouvrez Microsoft Publisher 2. Cliquez sur Sites Web 3. Choisissez un modèle 4. Personnalisez votre jeu de couleurs et les options 5. Cliquez sur «créer», lorsque

Plus en détail

Présentation L ÉDITEUR D ÉTAT SUR PÉRICLÈS 5

Présentation L ÉDITEUR D ÉTAT SUR PÉRICLÈS 5 Présentation L ÉDITEUR D ÉTAT SUR PÉRICLÈS 5 Sommaire Questions fréquentes (Cliquez sur la question pour accéder directement à la réponse.) - Introduction... 3 - Présentation de la barre d outils... 4

Plus en détail

Créer un site internet (ou des pages)

Créer un site internet (ou des pages) Ce qu il faut savoir avant de commencer Driss SABRI Une page Web est un outil de communication pour lequel on a des contraintes spécifiques 1. avant d en créer il faut se poser les questions habituelles

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,

Plus en détail

DÉCOUVRIR POWERPOINT 2010

DÉCOUVRIR POWERPOINT 2010 CHAPITRE 1 DÉCOUVRIR POWERPOINT 2010 Qu est-ce que PowerPoint?... 15 Lancer PowerPoint... 15 Découvrir l interface... 15 Recourir aux aides et aux info-bulles... 22 Modifier les principales options de

Plus en détail

Initiation à Powerpoint

Initiation à Powerpoint Initiation à Powerpoint Powerpoint est un logiciel de PréAO, c est à dire de Présentation Assistée par Ordinateur. Il vous permet de créer et de mettre en page des présentations susceptibles d être projetées

Plus en détail

Réaliser un site Web

Réaliser un site Web Fiche travail n 11 Réaliser un site Web DATE : / / Un site intranet est un ensemble de fichiers liés entre eux, mis à la disposition d un utilisateur. Le grand intérêt de cette technique réside dans les

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

ESPACE PRIVÉ POUR LE STOCKAGE TEMPORAIRE ET LE TRANSFERT DE FICHIERS COMMENT TÉLÉCHARGER UN FICHIER VERS VOTRE ORDINATEUR EN UTILISANT UN

ESPACE PRIVÉ POUR LE STOCKAGE TEMPORAIRE ET LE TRANSFERT DE FICHIERS COMMENT TÉLÉCHARGER UN FICHIER VERS VOTRE ORDINATEUR EN UTILISANT UN TABLE DES MATIERES : Comment télécharger un fichier vers votre ordinateur en utilisant un navigateur...1 Comment déposer de 1 à 3 fichiers sur l'espace privé en utilisant un navigateur...2 Comment transférer

Plus en détail

Création de page web avec Dreamweaver 2.0

Création de page web avec Dreamweaver 2.0 Création de page web avec Dreamweaver 2.0 Guide d accompagnement pour Windows avril 2002 Suzanne Harvey Responsable RÉCIT suzanne.harvey@prologue.qc.ca http://www.apinfo.qc.ca http://www.cssh.qc.ca/se/recit

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

LECON INTERNET N 4 Télécharger un logiciel de création de site puis créer son propre blog

LECON INTERNET N 4 Télécharger un logiciel de création de site puis créer son propre blog LECON INTERNET N 4 Télécharger un logiciel de création de site puis créer son propre blog On utilise deux fichiers : LECON INTERNET N 4 PHOTOS ET TEXTES DU JARDIN TELECHARGER IZISPOT avec le navigateur

Plus en détail

Documentation utilisateur de la plate-forme administrateur

Documentation utilisateur de la plate-forme administrateur Documentation utilisateur de la plate-forme administrateur Introduction... 2 1. Accès à la plate-forme... 2 2. Création d une barre de navigation... 3 3. Créer un nouveau menu... 4 Créer le nom d un nouveau

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

5. Word - Ecrire un texte

5. Word - Ecrire un texte 5. Word - Ecrire un texte Entrons dans le vif du sujet en commençant par Word! Nous allons tout d'abord voir les bases de la mise en forme du texte, et l'insertion d'éléments. 1. Ecrire son premier texte

Plus en détail

Comment utiliser les formulaires dynamiques

Comment utiliser les formulaires dynamiques Comment utiliser les formulaires dynamiques Un formulaire dynamique permet de nombreux contrôles avant son traitement (zones obligatoires, calculs automatiques ). Les formulaires que vous allez utiliser

Plus en détail

Appareils photo numériques (APN)

Appareils photo numériques (APN) Faststone Appareils photo numériques (APN) Très courants aujourd hui, ces appareils demandent quelques manipulations des photos qu ils produisent. En effet, là où on prenait 4 ou 5 photos avec un appareil

Plus en détail

Lille Lecture Jeunesse GUIDE UTILISATEUR

Lille Lecture Jeunesse GUIDE UTILISATEUR Lille Lecture Jeunesse GUIDE UTILISATEUR Sommaire Se créer un compte... 3 A quoi sert ce compte?... 3 Se connecter... 3 J'ai perdu mon mot de passe, comment je fais?... 4 Tableau de bord Wordpress... 5

Plus en détail

Tuto imagé : Comment réaliser un design?

Tuto imagé : Comment réaliser un design? Tuto imagé : Comment réaliser un design? Aujourd hui, je vous propose un tuto complet et imagé afin d apprendre à réaliser un design personnalisé plus ou moins facilement. J ai essayé de détailler au maximum

Plus en détail

Création de site Web à l aide de l outil SimpliSite

Création de site Web à l aide de l outil SimpliSite Centre de documentation sur l éducation des adultes et la condition féminine (CDÉACF) Création de site Web à l aide de l outil SimpliSite Par François Dallaire CDÉACF Décembre 2006 Création de site Web

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

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

Sommaire. Boîte à Idées

Sommaire. Boîte à Idées Boîte à Idées Sommaire Page 1 La page d accueil Page 2 La page «je m identifie» Page 3 La page d inscription Page 4 Comment créer sa fiche ; (vue d ensemble) Page 5 Comment créer sa fiche (vue détaillée)

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

<link rel = stylesheet  type = text / css  href = monstyle. css  /> Programmation Web AGRAL-3 et MTX-3, 2012-13 SÃl ance TP N o 5 Mars 2013 Objectifs Langage CSS Interactions HTML/CSS Manipulation [Où mettre ses fichiers? ] Pour ce TP vous allez mettre votre fichier HTML

Plus en détail

Sommaire. 1 ) Qu'est ce que WordPress. 2 ) Pourquoi WordPress. 3 ) Les sites statiques et les sites dynamiques. 4 ) Les parties de WordPress

Sommaire. 1 ) Qu'est ce que WordPress. 2 ) Pourquoi WordPress. 3 ) Les sites statiques et les sites dynamiques. 4 ) Les parties de WordPress Sommaire 1 ) Qu'est ce que WordPress 2 ) Pourquoi WordPress 3 ) Les sites statiques et les sites dynamiques 4 ) Les parties de WordPress 5 ) Les éléments de WordPress 6 ) Les avantages 1 ) Qu'est ce que

Plus en détail

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org

Les sites Internet dynamiques. contact : Patrick VINCENT pvincent@erasme.org Les sites Internet dynamiques contact : Patrick VINCENT pvincent@erasme.org Qu est-ce qu un site Web? ensemble de pages multimédia (texte, images, son, vidéo, ) organisées autour d une page d accueil et

Plus en détail

Contenu. Version 2 du 28/08/2015

Contenu. Version 2 du 28/08/2015 Documentation enseignants Transférer son cours vers le nouveau serveur Moodle Version 2 du 28/08/2015 Contenu 1 Pourquoi un nouveau Moodle?... 2 2 Pourquoi faut-il transférer vos espaces de cours?... 2

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

Création d un site Internet

Création d un site Internet Création d un site Internet Weebly.com Johanne Raymond Collège Lionel Groulx, mai 2010 Service du soutien à l enseignement et Plan de réussite Ouvrir un compte sur Weebly... 1 Modifier le modèle... 2 Ajouter

Plus en détail

Guide d'utilisation du X360Key Xkey V2

Guide d'utilisation du X360Key Xkey V2 Guide d'utilisation du X360Key Xkey V2 Sommaire : Comment utiliser votre X360Key V2 aussi appelé Xkey v2 Mode d'emploi Réalisé par Joss Xbox 8 Av. Philippe Auguste 75011 PARIS - Tel : 06-15-86-49-04 Modifications

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

Feuille de style sous open office.

Feuille de style sous open office. Feuille de style sous open office. Une feuille de style permet de mettre en page un cours, un exposé ou un rapport en lui gardant la même présentation du début à la fin. Elle se programme avant de taper

Plus en détail

Sherpa. Les réglages

Sherpa. Les réglages Les réglages L inventaire Ajouter du matériel à l inventaire Modifier un élément de l inventaire Supprimer un élément de l inventaire Les listes Ajouter une liste Ajouter du matériel dans une liste Le

Plus en détail

Manuel des Rédacteurs du site. Municipalité AUBAZINE

Manuel des Rédacteurs du site. Municipalité AUBAZINE Municipalité AUBAZINE Manuel des Rédacteurs du site Version 1.1 1 novembre 2008 ce document mis à jour peut se télécharger directement dans l espace privé Conception : Patrick BLAVIGNAT blavignat@ville-aubazine.fr

Plus en détail

Intego NetUpdate X4 Manuel de l utilisateur

Intego NetUpdate X4 Manuel de l utilisateur Intego NetUpdate X4 Manuel de l utilisateur Intego NetUpdate X4 - Manuel de l utilisateur Page 1 Intego NetUpdate X4 pour Macintosh 2005 Intego. Tous droits réservés. Intego 10, rue Say - 75009 Paris,

Plus en détail

Formation «Atelier Wikini»

Formation «Atelier Wikini» Formation «Atelier Wikini» Pour retrouver tous les contenus de la formation : http://outils-reseaux.org/wikini/stagescourts Mémo d'utilisation de Wikini Ecrire sur une page, enregistrer ses modifications

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

UTILISATION DU COURRIER ÉLECTRONIQUE AVEC HOTMAIL

UTILISATION DU COURRIER ÉLECTRONIQUE AVEC HOTMAIL Centres d accès communautaire Internet (CACI) des Îles UTILISATION DU COURRIER ÉLECTRONIQUE AVEC HOTMAIL Table des matières Introduction 1- La connexion au compte Hotmail 2 5 mins 2- Les fonctions de base

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

TUTORIEL OPEN OFFICE WRITER

TUTORIEL OPEN OFFICE WRITER TUTORIEL OPEN OFFICE WRITER Janvier 2012 Table des matières 1Présentation du logiciel... 3 2Création d'un document... 3 3Format des pages et pied de page... 4 3.1Format des pages... 4 3.2Pied de page...

Plus en détail

Vous imaginez sûrement d'après le nombase de donnéesdes codes incompréhensibles, des langages interminables, etc.

Vous imaginez sûrement d'après le nombase de donnéesdes codes incompréhensibles, des langages interminables, etc. À quoi ça sert la BDD? Vous imaginez sûrement d'après le nombase de donnéesdes codes incompréhensibles, des langages interminables, etc. Eh bien je n'ai qu'une chose à dire :NON! Non, car là il s'agit

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

Utilisation de Microsoft Offi ce OneNote 2003 : Initiation rapide

Utilisation de Microsoft Offi ce OneNote 2003 : Initiation rapide Utilisation de Microsoft Offi ce OneNote 2003 : Initiation rapide Utilisation du guide d initiation à OneNote : MICROSOFT OFFICE ONENOTE 2003 AUGMENTE LA PRODUCTIVITÉ EN PERMETTANT AUX UTILISATEURS DE

Plus en détail

INFO-F-101 Programmation Projet 4 Page Ranking(1/4): Création de la matrice du compte des liens

INFO-F-101 Programmation Projet 4 Page Ranking(1/4): Création de la matrice du compte des liens INFO-F-101 Programmation Projet 4 Page Ranking(1/4): Création de la matrice du compte des liens Année académique 2009 2010 1 Introduction Ce projet est le premier d une série de quatre projets qui ont

Plus en détail

Traitement de texte et publipostage

Traitement de texte et publipostage Outils Informatiques Mias 1 TP 3 Traitement de texte et publipostage Première partie : principes du traitement de texte Cette séance de travaux pratiques va commencer par quelques manipulations de l éditeur

Plus en détail

Site internet UNASACEM

Site internet UNASACEM Site internet UNASACEM Documentation Unasacem GuideWeb - Gérer les activités Correspondants Philippe Labrot Mail philippe-labrot@orange.fr Date de création du document 11/07/2013 Référence Document Unasacem-GuideWeb-Gerer_les_activites

Plus en détail

Informatique : Création de site Web Master 2 ANI TP 1

Informatique : Création de site Web Master 2 ANI TP 1 Informatique : Création de site Web Master 2 ANI TP 1 Objectifs du TP : créer des pages Web en HTML EXERCICE I : AFFICHAGE DE DOCUMENT HTML 1. Ouvrez le bloc-note, recopiez-y le document suivant :

Plus en détail

TP 1 : HTML 4. EXERCICE 1 : UN PREMIER DOCUMENT HTML Pour cet exercice, vous utiliserez l éditeur de texte standard de Windows

TP 1 : HTML 4. EXERCICE 1 : UN PREMIER DOCUMENT HTML Pour cet exercice, vous utiliserez l éditeur de texte standard de Windows TP 1 : HTML 4 EXERCICE 1 : UN PREMIER DOCUMENT HTML Pour cet exercice, vous utiliserez l éditeur de texte standard de Windows : Bloc-notes ou bien EDIT en mode MS-DOS suivant votre ordinateur. Les utilisateurs

Plus en détail

NBB.Stat Manuel d utilisation

NBB.Stat Manuel d utilisation NBB.Stat Manuel d utilisation Table des matières 1. INTRODUCTION... 3 1.1. QU EST-CE QUE NBB.STAT?... 3 1.2. DEMARRAGE... 3 1.3. AIDE... 3 1.4. CONCEPTS DE BASE... 3 2. TROUVER UN ENSEMBLE DE DONNEES...

Plus en détail

Comment créer vos propres pages web?

Comment créer vos propres pages web? Comment créer vos propres pages web? Vous voulez vous aussi devenir acteur et présenter vos passions et vos envies aux yeux du monde. Présentez-les sur le WEB. Pour cela, il vous suffit de créer vos "pages

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

Manuel d aide www.aixpoz.com

Manuel d aide www.aixpoz.com Manuel d aide www.aixpoz.com Introduction AIXPOZ est un système de création de sites Internet «galerie photo» à destination de toute personne souhaitant exposer des images sur Internet. Que vous soyez

Plus en détail

Projet Epibac - Chiffrement de fichiers avant envoi à l'invs

Projet Epibac - Chiffrement de fichiers avant envoi à l'invs Projet Epibac - Chiffrement de fichiers avant envoi à l'invs Installation de l outil de chiffrement Vous venez de recevoir par mail un fichier Install.ivs ainsi que cette documentation au format PDF nommée

Plus en détail

Un petit tutoriel pour utiliser Wordpress (LeRepaire)

Un petit tutoriel pour utiliser Wordpress (LeRepaire) Un petit tutoriel pour utiliser Wordpress (LeRepaire) I. Pour écrire un article : Il faut déjà avoir un compte qui permette de le faire (ce n est pas un compte par défaut, il faut demander un accès à l

Plus en détail

PROCÉDURES D ÉDITION. Guide de l usager TYPO3

PROCÉDURES D ÉDITION. Guide de l usager TYPO3 Guide de l usager TYPO3 Sommaire Connexion à TYPO 3...5 Gestion des pages dans TYPO 3...6 Ajouter une nouvelle page...7 Déplacer ou copier une page de l arborescence... 11 Supprimer une page... 12 Ouvrir

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

MANUEL D UTILISATION Site Web Cinémathèque de Grenoble

MANUEL D UTILISATION Site Web Cinémathèque de Grenoble MANUEL D UTILISATION Site Web Cinémathèque de Grenoble Interface Joomla! 1.5.9 PROJET TUTORE 2008 2009 ETUDIANT :GUILLAUME GOUILLOUX PROFESSEUR TUTEUR : FRANCK VEDEL Table des matières : Principes de Base...

Plus en détail

Protéger un dossier avec un.htaccess

Protéger un dossier avec un.htaccess Page 1 of 6 Protéger un dossier avec un.htaccess Tutoriel 80 commentaires Lorsque vous réalisez votre site en PHP, vous êtes souvent amenés à créer une zone "Admin" où l'accès est limité... Et il vaut

Plus en détail

-Le traitement de texte. -Le courrier électronique

-Le traitement de texte. -Le courrier électronique 1/17 SOMMAIRE : -Windows -Le traitement de texte -Internet -Le courrier électronique 2/17 WINDOWS PRISE EN MAIN DE WINDOWS Lorsque vous démarrez votre ordinateur vous devez voir arriver un écran qui ressemble

Plus en détail

Comment bien organiser son travail

Comment bien organiser son travail Comment bien organiser son travail Il est important que les enfants puissent rapidement ête autonomes devant l ordinateur. Cela signifie qu il faut qu ils soient capables d enregistrer leurs travaux dans

Plus en détail

Procédure à suivre pour mettre à jour le «SITE DE COURS» par le titulaire. Juillet 2010 Version 5

Procédure à suivre pour mettre à jour le «SITE DE COURS» par le titulaire. Juillet 2010 Version 5 Procédure à suivre pour mettre à jour le «SITE DE COURS» par le titulaire. Juillet 2010 Version 5 2 1- PRÉALABLES Le titulaire du cours doit détenir une adresse de courrier électronique de l UQAC. Pour

Plus en détail

Espace de travail collaboratif Filière économie gestion en LP Moodle

Espace de travail collaboratif Filière économie gestion en LP Moodle Espace de travail collaboratif Filière économie gestion en LP Moodle I- Qu est-ce que Moodle. Connexion à l espace et utilisation. 1 II- Modifier votre profil 2 III-Mode édition 3 IV Ce qu il faut savoir

Plus en détail

Quels sont les espaces disponibles sur l ordinateur pour stocker ses documents et comment accéder facilement au dossier «My Documents»?

Quels sont les espaces disponibles sur l ordinateur pour stocker ses documents et comment accéder facilement au dossier «My Documents»? Quels sont les espaces disponibles sur l ordinateur pour stocker ses documents et comment accéder facilement au dossier «My Documents»? Qui n a jamais eu de peine à retrouver ses documents informatiques?

Plus en détail

Manuel de l auteur. Table des matières. Astromira.ca

Manuel de l auteur. Table des matières. Astromira.ca Manuel de l auteur Astromira.ca Table des matières Table des matières... 1 Introduction... 2 Organisation du site... 2 Comment faire pour... 2 Se connecter... 2 Publier une galerie de photo... 3 Publier

Plus en détail

Comment utiliser les formulaires dynamiques

Comment utiliser les formulaires dynamiques Comment utiliser les formulaires dynamiques Un formulaire dynamique permet de nombreux contrôles avant son traitement (zones obligatoires, calculs automatiques ). Les formulaires que vous allez utiliser

Plus en détail

Initiation à Internet Médiathèque de Bussy Saint-Georges INITIATION A INTERNET. Débuter avec

Initiation à Internet Médiathèque de Bussy Saint-Georges INITIATION A INTERNET. Débuter avec INITIATION A INTERNET Débuter avec SOMMAIRE : Débuter avec I LE COURRIER ELECTRONIQUE... PAGES 3-8 1.1 - Présentation... Page 3 1.2 - Principes de fonctionnement. Pages 4-5 1.3 - Les adresses de courrier

Plus en détail

Initiation Microsoft Office Word. Votre support de formation

Initiation Microsoft Office Word. Votre support de formation Initiation Microsoft Office Word Votre support de formation 1 Sommaire Avant de commencer... 1 Evolution de version... 1 C est partit!... 2 Lancer Word... 2 Un peu de vocabulaire... 3 Les caractères spéciaux...

Plus en détail

FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur)

FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur) Publication par FTP FTP : File TRansfer Protocol => permets d envoyer des gros fichiers sur un serveur (ou de télécharger depuis le serveur) Logiciels FTP nombreux (FileZilla, CuteFTP, WinSCP, FTP Expert).

Plus en détail

Introduction à Moodle

Introduction à Moodle Introduction à Moodle Lors de cette formation d introduction à la plateforme Moodle, nous expérimentons les outils de base pour ajouter du contenu en ligne, les paramètres, les fonctions de mise en page,

Plus en détail

Comment utiliser l outil " saison2011-2012 "?

Comment utiliser l outil  saison2011-2012 ? Comment utiliser l outil " saison2011-2012 "? Etape 0 : Vous avez reçu un courriel de ma part avec plusieurs fichiers joints. Ne détruisez pas ce mail : il vous sera utile en cas de problème. Je vous expliquerai

Plus en détail

Comment se connecter au dossier partagé?

Comment se connecter au dossier partagé? Comment se connecter au dossier partagé? Physique Strasbourg Ingénierie 4 avril 2013 Table des matières 1 But du tutoriel 1 2 Client FTP : Filezilla 2 2.1 Téléchargement et installation du client de partage......................

Plus en détail

TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM

TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM TUTORIEL JOOMLA CONTENT EDITOR POUR L UNIVERS DE L ENTRAINEUR.COM V1.0 TUTORIEL JCE - EDITEUR Le nouvel outil pour vos articles... Pour les plus anciens d entre vous, vous avez connu la transmission des

Plus en détail

Traitement de texte Open Office Writer. Approfondissement. 124, boulevard Charles de Gaulle / 93380 Pierrefitte-sur-Seine / 01.72.09.34.

Traitement de texte Open Office Writer. Approfondissement. 124, boulevard Charles de Gaulle / 93380 Pierrefitte-sur-Seine / 01.72.09.34. Traitement de texte Open Office Writer Approfondissement 1 1 - Insérer une image et la personnaliser Pour insérer une image dans votre document, vous avez plusieurs possibilités mais nous nous contenterons

Plus en détail

Vade-mecum des «raccourcis typographique» dans SPIP

Vade-mecum des «raccourcis typographique» dans SPIP Vade-mecum des «raccourcis typographique» dans SPIP Fonctionnalités Méthodes Commentaires Intertitre {{{le titre}}} Le texte entre triples accolades est affiché comme un titre. Changement de Cliquer deux

Plus en détail

Créer des pages WEB à l aide de KompoZer.

Créer des pages WEB à l aide de KompoZer. Document élève 1/14 Créer des pages WEB à l aide de KompoZer. Document élève 2/14 INTERNET : CREATION D UN SITE PRESENTATION Un site web (aussi appelé site internet par abus de langage) est un ensemble

Plus en détail

Mettre des PC en réseau

Mettre des PC en réseau 1 sur 8 25/03/2010 14:24 Mettre des PC en réseau Informations sur le tutoriel Auteur : ShigeruM Visualisations : 1 852 613 Salut les Zér0s! Plus d'informations Ici je vais vous apprendre à mettre deux

Plus en détail

CHUTT!!!!! NOUS ALLONS COMMENCER! UNE APPROCHE DE WINDOWS 7

CHUTT!!!!! NOUS ALLONS COMMENCER! UNE APPROCHE DE WINDOWS 7 CHUTT!!!!! NOUS ALLONS COMMENCER! UNE APPROCHE DE WINDOWS 7 Vous avez certainement déjà entendu parler de WINDOWS : c'est un SYSTEME D'EXPLOITATION qui permet à votre ordinateur de fonctionner, au même

Plus en détail

LA CREATION SOUS ORACLE DE VOTRE DOSSIER PERSONNEL SUR LE SITE INTERNET «INTRANET.U-PARIS10.FR»

LA CREATION SOUS ORACLE DE VOTRE DOSSIER PERSONNEL SUR LE SITE INTERNET «INTRANET.U-PARIS10.FR» LA CREATION SOUS ORACLE DE VOTRE DOSSIER PERSONNEL SUR LE SITE INTERNET «INTRANET.U-PARIS10.FR» JEAN-FRANÇOIS GUEUGNON (MODEM-UNIVERSITE PARIS X-NANTERRE) 2003-03 2 LA CREATION SOUS ORACLE DE VOTRE DOSSIER

Plus en détail

Documentation FREEBOX TEAM Rev. 1.0 (5 mars 2008) c Free 2008

Documentation FREEBOX TEAM Rev. 1.0 (5 mars 2008) c Free 2008 Documentation FREEBOX TEAM Rev. 1.0 (5 mars 2008) c Free 2008 Table des matières 1 Introduction 3 2 Pré-requis techniques 4 2.1 Langage HTML.............................. 4 2.2 Hébergement et connectivité

Plus en détail