HTML Abda Anne Plan Présentation Structure Texte Listes Images Liens Tableaux Formulaires.

Slides:



Advertisements
Présentations similaires
Portail Sdin Méthodes pour la contribution du portail SDIN Mars 2013.
Advertisements

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.
Gérer un site avec Kompozer
Internet : serveurs Web
HTML5, CSS3, PHP5, Javascript, AJAX
Chapitre 3 Les Formulaires en PHP
Formulaire HTML Introduction. Définition de formulaire.
La balise <FORM>:
Enregistrement d’un document
Applications Internet – cours 3 La page web
COME Bernard Comeau Commerce électronique Les éléments retrouvés dans une page Web. COME 2001.
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.
28 novembre 2012 Grégory Petit
Type de contenu. © Partouche David / 2007 version 0.1 Colonne de site Une colonne de site permet de définir un champs qui sera exploitable au sein de.
Maîtriser le langage HTML Les Formulaires. Dans cette section on verra comment diviser un formulaire en plusieurs blocs principaux avec un titre pour.
HTML / CSS Gestion des systèmes d’information Classe terminale
Initialisation des sites web Étapes importantes. La conversion de vos comptes Web nest pas terminée (après discussion avec les techniciens voici comment.
Cours présenté par Mr Mounir GRARI172 Concevoir un formulaire Présentations des formulaires.
Conversion de fichiers
Initiation au web dynamique Licence Professionnelle.
Le langage XHTML 420-S4W-GG Programmation Web Client
Comment monter son propre site WEB Les outils (partie 2) Présenté au ClubRIB par Daniel Pelletier le 10 mars 2011.
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.
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 …
Lancement de Microsoft Word
Internet : serveurs Web  Clients et serveurs : le navigateur  Sites Web et urls  Fichier source d’une page  Langage HTML 1.
Technologies web et web sémantique TP3 - XML. XML eXtensible Markup Language (langage extensible de balisage) – Caractéristiques: méta-langage = un langage.
Auteur : Frédéric Thériault 1. Les titres  (de 1 à 6) Titre 1 Titre 2 Titre 3 Titre 4 Titre 5 Titre 6 2.
Développement d’Application Web.  L’internet=WWW  Vrai  Faux  C’est quoi Web2.0  Quel intérêt d’un navigateur.
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
Saisie des questionnaires. Saisie des questionnaires : la saisie peut débuter en cliquant avec la souris dans une case.
Cours : HTML 1 avril 2013.
Publication Flash sur Internet et Transfert avec Dreamweaver COM3562 Communication Multimédia MARS 2011.
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.
Conception des pages Web avec
Accessibilité web Gérer l’accessibilité lors de la création d’un site ORT Lyon - 10/02/2014.
HTML Rappels des fondamentaux
D é veloppement de sites web statiques Par DRISS AIT EL HADJ Par DRISS AIT EL HADJ Avril 2012.
Language html Hyper Text Markup Language
Language html II- Listes. Les Listes Les listes numérotées.
Scénario Les scénarios permettent de modifier la position, taille … des calques au cours du temps. Son fonctionnement est très proche de celui de Macromedia.
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.
Dreamweaver MX.
Présentation Dreamweaver 8 (1) Nina BOUAZIZ et Matthieu DI RUSSO SI28.
DreamWeaver Séance 2 HMIDA Ahmed A2008. Plan 1.Calques 2.CSS 3.Modèles 4.Formulaires 5.Comportements 6.Mise en ligne.
Présentation Dreamweaver – Partie 2 Mickaël PIQUE – Automne 2004.
SI28 - Écriture multimédia interactive – A2004 Présentation Dreamweaver Partie 2 Pierre Malet GSU05.
Dreamweaver le retour Avec Les Formulaires Les Calques
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) ● les calques (layers) ● les comportements
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
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.
DREAMWEAVER MX2 - Séance 2 Les calques Les comportements Les scénarios Les formulaires Les feuilles de style Les modèles Les cadres Mise en ligne Jérôme.
Introduction au HTML Qu’est ce que le HTML ?
Dreamweaver CS4 séance 1 Ahmed Aryan – Isma Teir.
Dreamweaver 2 Feuilles de Style CSS Formulaires Calques Comportements
Séance 2 Marie Lavogez Justine Leleu Dreamweaver MX.
SI28 : Ecriture interactive et multimédia
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.
INITIATION A LA CREATION D’UNE PAGE WEB C-X. PROSPERINI A : COMMUNICATION ET SYNDICATS Afrique Francophone 20/04/2010.
Transcription de la présentation:

HTML Abda Anne

Plan Présentation Structure Texte Listes Images Liens Tableaux Formulaires

HTML Langage de structuration des pages web composée de balises défini et maintenu par le W3C Outils d'édition Editeur de texte Editeur HTML ou de site web Conversion des fichiers d'application de bureautique

HTML : un langage à balises Balise délimite une partie du document = balise d'ouverture = balise de fermeture = balise ouvrant et fermant en même temps. attributs : modifie le comportement de la balise nom = ''valeur'' Exemple Premier exemple

Structure d'un fichier html <html Quatre parties DOCTYPE : déclaration du language : vocabulaire et grammaire html : La racine. Englobe l'intégralité du document head : Entête. Contient les éléments de description body : Corps, tout le contenu affiché dans le navigateur se trouve icic

Règles Fermeture obligatoire des balises Balises uniquement en minuscules Valeurs des attributs forcément entre guillemets Balises correctement imbriqués

Head = entête Title Meta Link Titre Les métadonnées L'encodage Liens vers d'autres ressources

Title

Métadonnées Eléments de description des documents électroniques. 15 éléments : author, title, date, description, keywords, copyright, format,

Link

Body Corps du document L'intégralité des informations visibles dans le navigateurs Balises _ Balise de fin _ Balise de début

Texte Titre de section h1, h2, h3 … h6 Paragraphpes p

Mise en forme texte en gras texte souligné texte en italique> texte en gras texte souligné texte en italique

Listes Liste ordonnées début de la liste fin de liste Listes à puces début de la liste fin de liste Elément de liste (ligne) ---

Listes ligne 1 ligne 2 ligne 1 ligne 2 1.ligne 1 2.ligne 2 ligne 1 ligne 2

Liens Créer un lien permettant de passer du document au courant au document lié Texte du lien

Images Attributs src : indique l'emplacement du fichier de l'image title : texte qui s'affiche quand le pointeur de la souris est positionné sur le alt : texte qui s'affiche à la place de l'image si elle n'est pas affichée

Tableaux... Englobe le tableau … Correspond a une ligne de tableau … Est une cellule

Tableaux Numéro Nom 1 Toto NuméroNom 1Toto

Formulaires Servent a collecter au près du public Début de fin de formulaire Champs de formulaire de type texte, radio, case a coché, caché Liste de choix … un choix possible