INITIATION A LA CREATION D’UNE PAGE WEB C-X. PROSPERINI A1 02568 : COMMUNICATION ET SYNDICATS Afrique Francophone 20/04/2010.

Slides:



Advertisements
Présentations similaires
Création d'un formulaire Cliquer ici Taper un nom Choisir POST.
Advertisements

Portail Sdin Méthodes pour la contribution du portail SDIN Mars 2013.
La création de pages web Lorsqu'on « navigue » sur l'Internet, les pages que nous visitons sont encore pour beaucoup en HTML. Comment fait-on pour les.
Créer un lien 1-Sélectionner le texte 2-Choisir l'outil « lien »
HTML Abda Anne Plan Présentation Structure Texte Listes Images Liens Tableaux Formulaires.
Gérer un site avec Kompozer
Créer un diaporama avec OpenOffice Impress
Enregistrement d’un document
Applications Internet – cours 3 La page web
Bienvenue dans le tutoriel Suivez ces étapes pour publier des blogs ; articles, photos et vidéos.
Prologue : les premiers préparatifs Première étape : Ouvrir le logiciel de création de pages au format HTML (pages Web) Deuxième étape : enregistrer la.
HTML.
Création de sites Web a.Création dun site Web: 1.Activer le menu « Fichier », 2.Choisir la commande « Nouveau… », 3.Dans le volet doffice qui saffiche.
Présenté à Jean Vachon Exécuté par Luc Rainville.
1. 2 PLAN DE LA PRÉSENTATION - SECTION 1 : Code HTML - SECTION 2.1. : CSS (Méthode 1) - SECTION 2.2. : CSS (Méthode 2) - SECTION 3 : JavaScript - SECTION.
Échéancier # E) Bilan réflexif /rapport individuel (cours # 15 individuel disponible sur le site section travaux (Attention : rédiger votre travail.
HTML / CSS Gestion des systèmes d’information Classe terminale
Comment réaliser une mise en page ?. Tracer une zone de texte.
Initialisation des sites web Étapes importantes. La conversion de vos comptes Web nest pas terminée (après discussion avec les techniciens voici comment.
Création de liens hypertextes Il est possible deffectuer des liens hypertextes vers: une autre diapositive du montage en coursautre diapositive.
mise en forme des messages
Cours n° 1 Le langage HTML Prof. : E. BAKKI
 Créer une page html nommé index  Cette page doit contenir  Partie de l’entête Titre Métas(description et mots clés) Lien vers une feuille de style.
Le langage HTML & l’élaboration de pages web
Le langage XHTML 420-S4W-GG Programmation Web Client
Créer son site web Chapitre II. Les caractères spéciaux Les navigateurs ne reconnaissent pas les caractères spéciaux. Heureusement chaque caractère possède.
Formation Site Web Animation Pédagogique Ecole de Dommartin.
LANGAGE HTML Le HTML (Hyper Text Markup Langage) est un langage universel utilisé sur le World Wide Web. Le HTML permet de : * Publier des documents sur.
LE HTML ISN Terminale S Un peu d’histoire …
Les guides de formation Conception de pages web. Guide Virtuose - version enseignant2 Guide - Conception de pages web Introduction Introduction, p. 3.
Comment utiliser FrontPage?
Plan de la leçon Réf. p. WRD- 149 Les styles Les listes hiérarchiques
Lancement de Microsoft Word
Auteur : Frédéric Thériault 1. À quoi ça sert !?  Cascading Style Sheet  Modifier la page Web en ajoutant des styles aux balises  Modifier l’apparence.
Non du projet Dossier d’enregistrement Trouvez le dossier de vos photos et l’ouvrir par un double click sur celui-ci. Les photos se déploient par ordre.
IUT SRC Année 2004/2005Antonio Capobianco 1 HTML>Formater du texte>Les titres Définir les titres HTML distingue 6 niveaux de titre : Titre N°1 Titre N°2.
SI 28 - Écriture interactive & multimédia Dreamweaver Séance 1 Petit Clara & Palfart Julien Printemps2008 Printemps 2008.
INTERNET Le langage HTML
Cours : HTML 1 avril 2013.
Comment créer un montage vidéo?
ORGANISATION DE L’ENSEIGNEMENT Informatique et Sciences du Numérique.
1 Tutoriel SPIP Rédacteur. 2 Sommaire Connexion Interface SPIP Menu SPIP Rédiger un article Interface de création d’un article Fonctionnalités de base.
Cours de HTML suite applications
Lancement de Microsoft Word 1. Cliquer avec le bouton droit de la souris sur le raccourci de « Microsoft Office Word 2003 » sur le bureau, 2. Dans le menu.
Réaliser un site Internet Le web, Mode d’emploi. Un site, c’est… Une page… Ou plusieurs… Éventuellement enrichie de Documents multimédias Liens hypertextes.
Bienvenue dans le cours sur l’édition de texte sur un site web
Conception des pages Web avec
ORGANISATION DE L’ENSEIGNEMENT
SSPT – CHOPIN niveau 1 Système de gestion de contenu de sites web Par : Liette Pothier, chargée de projet Nancy Dodier, technicienne en informatique.
Language html Hyper Text Markup Language
Language html & CSS “Examen”. Un exemple La quelle de ces balises n’est pas une balise obligatoire?
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation de Dreamveawer
Dreamweaver MX Jauneau Marie Claude-Antoine Zarate.
Bloc 1 - UE 5 - Technologies de l’information et de la communication TIC Bachelier en immobilier T. SOUMAGNE.
Présentation Dreamweaver 8 (1) Nina BOUAZIZ et Matthieu DI RUSSO SI28.
Guillaume MICHAUD – Yvan LECOMTE
DREAMWEAVER Première séance Villaron Audrey – Shibly Tarek.
Exposé DREAMWEAVER 2 Guillaume DUBREUIL Adrien HADOUX.
Plan de la présentation Le langage HTML Dreamweaver MX Les premiers outils pour créer une page web :  Propriétés d’une page  Création de cadres  Création.
SI28 Malépart Céline Jérémy Palmier
Dreamweaver 2 Plan 1.Calques 2.CSS 3.Modèles 4.Comportements 5.Formulaires 6.Mise en ligne 1 Timothée Devaux Myriam Roudy Dreamweaver 2 Printemps 2008.
Les formulaires Les calques Les comportements Les scénarios Les modèles Les feuilles de styles (CSS) La mise en ligne Les formulaires permettent à l’utilisateur.
DREAMWEAVER SEANCE 1 Axel JACQUET GM05 – Julien VAN MOORLEGHEM GM05 A2008 Écriture interactive & multimédia Présentation Dreamweaver 8.
On va découvrir la magie de ....
Introduction au HTML Qu’est ce que le HTML ?
Dreamweaver CS4 séance 1 Ahmed Aryan – Isma Teir.
1 er séance SI28 A2004 YIN Lei Emmanuel Eugene. Plan de l’exposé  Introduction au HTML  Le HTML dans le bloc-notes (notepad)  Présentation de Dreamweaver.
TP ISN-Terminale S Notion de code HTML. I) Visualisation du code source d’une page web Se mettre sur une page web quelconque : clic droit, Afficher la.
Transcription de la présentation:

INITIATION A LA CREATION D’UNE PAGE WEB C-X. PROSPERINI A : COMMUNICATION ET SYNDICATS Afrique Francophone 20/04/2010

LE FORMAT Une page web se créée sur un ordinateur avant d’être mise en ligne Le document a un format.html

ETAPE 1 Créer un répertoire dans votre bureau pour les fichiers web Dans ce document vous mettrez tous vos documents.html créés WEB

ETAPE 2 Créer une 1ère page web –Click droit dans le bureau –Nouveau –Texte document –Nommer index.html image du format

ETAPE 3 Ouverture du document index.html avec: –Notepad/ Bloc notes –Notepad++ –PS Pad Gratuit sur internet

ETAPE 4 Rédiger un texte sur une page web Utilisation de balises qui encadrent le texte –<> Une page html comporte 3 balises obligatoires – Une Balise s’ouvre et se ferme –,

Document web vierge Ouverture de la page Information invisible Corps du texte Fermeture de la page

INSERER DU TEXTE Bonjour chers camarades Enregistrer Ouverture par double click du fichier web Bonjour chers camarades

MODIFIER LE TEXTE ET LA MISE EN PAGE Ajouter des balises dans le corps du texte –Entre les balises Bonjour chers camarades Bienvenue Ca va ? Enregistrer Ouverture par double click du fichier web Bonjour chers Camarades Bienvenue Ca va ?

LES BALISES Taille du texte Gras Itallique Souligner Centrer Gauche Droite Paragraphe Couleur en anglais

INSERER UN LIEN HYPERTEXTE Créer une deuxième page web Page2.html Bonjour les amis lien vers page2 Page Index.htmlIndex.html Bonjour les amis Lien vers page2 Click Page2.html Enregistrer

LES BALISES

INSERER UN TABLEAU cellule cellule

LES BALISES Width=“50%” Colonne Ligne Tableau Largeur par rapport à la page

INSERER UNE IMAGE BALISE – –Pas de balise de fermeture

LES LIENS UTILES htmlbalise.php3