Les frames Différencier :

Slides:



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

Introduction au méta tag Cours PHP/MySQL – Année Spéciale – IUT AMIENS
LE LANGAGE JAVASCRIPT LES FENETRES.
DTD Sylvain Salvati
TOUQUET Arnaud ▪ GI05 BLONDEEL Igor ▪ GM05
Internet : serveurs Web
1 HTML merci à Emmanuel Nauer HTML : Exemple à suivre Exemple de fichier HTML Exemple de fichier HTML Ceci est un exemple de fichier HTML Un.
La rédaction dun article Accès à lespace privé Sélectionnez lespace privé
HTML Les types de balises
Hyper Text Markup Language Langage hypertexte à balises
Formulaire HTML Introduction. Définition de formulaire.
DOSSIER TICE 2006 MASSON Wendy 1 ère année sciences du langage
Le site-en-kit pour les locales 0. Présentation. 1. Le principe de base : un site public + un site de gestion A partir de nimporte quel navigateur, vous.
ONRN V2 Guide de contribution. Organisation des documents Listes de valeurs Ce répertoire contient les listes de valeurs qui sont utilisées pour qualifier.
Vidéogramme séance 2 du 13 février 2012 Les Fenêtres Windows Micro Informatique au Cellier Joseph HOHN Séance du 13 février 2012 Sur le thème de Découverte.
La balise <FORM>:
Web traditionnel
Applications Internet – cours 3 La page web
COME Bernard Comeau Commerce électronique Les éléments retrouvés dans une page Web. COME 2001.
Utiliser un navigateur. exploiter un moteur de recherche.
Tutoriel Wordle Création d’un nuage de mots à l’aide de l’outil en ligne Wordle Séverine Schlernitzauer Académie Nancy-Metz.
Syntaxe de la balise HTML
HTML / CSS Gestion des systèmes d’information Classe terminale
+ Modifier sa page personnelle. + Connectez-vous Avec votre navigateur, rendez-vous surhttp://gramata.univ-paris1.fr et cliquez sur le lien : « Se connecter.
Conversion de fichiers
Introduction dans la Programmation Web
L’écran d’accueil A gauche, se trouve le bloc d’authentification. Vous avez reçu votre identifiant et votre mot de passe par mail. N’oubliez pas le.
Le langage XHTML 420-S4W-GG Programmation Web Client
Les feuilles de style en HTML. CSS CSS: feuilles de style en cascade Permettent d’appliquer une mise en page à l’ensemble d’un site très simplement Permettent.
Le langage du Web CSS et HTML
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.
Internet : serveurs Web  Clients et serveurs : le navigateur  Sites Web et urls  Fichier source d’une page  Langage HTML 1.
 Objet window, la fenêtre du navigateur
Before Starting…. Pour les passionnés, le cours de Xhtml en classe peut être complété par les références suivantes : Cours de Xhtml en ligne :
Bienvenue sur l’outil d’aide à l’inscription du site
Cours n° 3 Le langage HTML Prof. : E. BAKKI
Internet, le Web etc… (II) Benjamin I. Levine Novembre 2002.
HTML Cours 3. Plan du cours Les feuilles de styles CSS Mise en forme du texte et des paragraphes.
User Tuto - Page 2 Vous connecter au blog Entrez les login / mot de passe que vous avez reçus par
Dynamic HTML Regroupement de trois éléments : le HTML
Concepts et outils pour une initiation au web
Initiation au JavaScript
IUT SRC Année 2004/2005Antonio Capobianco 1 HTML>Les tableaux>Créer des tableaux Intérêt : Les tableaux en HTML peuvent servir à : - présenter/organiser.
1 1 ière partie: les bases du langage HTML Plan: Structure du document Eléments de texte Liens Objets multimédia Etre présent sur Internet: Conception.
INTERNET Le langage HTML
Publication Flash sur Internet et Transfert avec Dreamweaver COM3562 Communication Multimédia MARS 2011.
1. Ouvrir le navigateur Internet Explorer 2. Taper l’adresse de clic.nbed.nb.ca 4. Visiter la section Annonces 3. Cliquer pour visionner le vidéo.
05/02/98WEB ESNIG Création module « Frame » Oracle Designer/2000 & Oracle Web Server.
Etape 1 Lancez le navigateur et tapez dans la barre d’adresse: L’adresse change automatiquementhttp://kahoot.it.
05/02/98WEB ESNIG Menu Oracle Designer/2000 & Oracle Web Server.
Contribution CMS.Eolas
Conception des pages Web avec
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
Dreamweaver Séance 1.
1 Présentation de DREAMWEAVER (1) Gaël TREMEAU GI05 Printemps 2006.
Présentation de Dreamveawer
Dreamweaver MX.
Présentation Dreamweaver 8 (1) Nina BOUAZIZ et Matthieu DI RUSSO SI28.
Guillaume MICHAUD – Yvan LECOMTE
DreamWeaver Séance 2 HMIDA Ahmed A2008. Plan 1.Calques 2.CSS 3.Modèles 4.Formulaires 5.Comportements 6.Mise en ligne.
DREAMWEAVER Première séance Villaron Audrey – Shibly Tarek.
Présentation Dreamweaver – Partie 2 Mickaël PIQUE – Automne 2004.
Bouton officeBarre de titre Ruban Office Espace de travail.
On va découvrir la magie de ....
Dreamweaver 2éme séance Murat Keles. Présentation I.CSS et Dreamweaver II.Les calques III.Les scénarios IV.Les comportements V.Les cadres VI.Mise en ligne.
Titre Page 1. Page 2.
TITRE CONTENU.
Transcription de la présentation:

Les frames Différencier : Page de frame : définir les différentes zones de l'écran Pages de contenu : afficher à l'intérieur de la coquille vide. <frameset> : frames <frame> : contenu <html> <head> <title></title> </head> <frameset>    <frame> <frame>   </frameset> </html>

Exemple de frame <html> <head> <title>Titre ds la barre de navigation</title> </head> <frameset cols="30%,70%"> <frame src="autrepage.html" name="frame1”/> <frame src="index.html" name="frame2”/> </frameset> </html> Pélissier C.

Attributs de frames <frameset rows="x%,y%,z%"> <frameset cols="x%,y%,*"> Barre de défilement : scrolling=« noIyes » Espace bord de la frame et le contenu : marginwidth=“55“ marginheight=“55“ Localisation des liens : <a href="page.htm" target="gauche"> Valeur de target : _self : Affiche la cible dans le même cadre que le lien _blank : Affiche la cible dans une nouvelle fenêtre _top : Affiche la cible dans la fenêtre entière du navigateur

Balises iframe et noframe <iframe> : introduire une page au sein de votre document <iframe src="http://www.google.fr" align="left I right I center" > <iframe src="http://www.iutbeziers.univ-montp2.fr/" height="600" width="800"> <frameset cols="30%,*"> <frame name="droit" src="toto.html"/> <frame name="gauche" src="tutu.html"/> <noframe>pas compatible avec les frames</noframe> </frameset>

Formulaires (1/4) <html> <head> c’est un formulaire </head> <body> <p> salut </p> <form action="mailto:pelissier@voila.fr" method="post" entype="text/plain »> <p align="left">Veuillez entrer votre mot de passe : </p> <input type="password" name="pass" size="9 »/> </br> <p>Votre date de naissance : </p> <input type="date" name="Naissance" size="8" maxlenght="8" value="jj/mm/aa »/> </br> </form> <p> au revoir et a bientôt </p> </body> </html> salut Veuillez entrer votre mot de passe : Votre date de naissance : au revoir et a bientot jj/mm/aa

Formulaires (2/4) <textarea name="Comment" cols="30" rows="10"> Entrez ici votre commentaire </textarea > <p align="left">Veuillez indiquer votre état civil : </p> </br> <input type="radio" name="EC" value="Monsieur" checked/> Monsieur</br> <input type="radio" name="EC" value="Madame"/>Madame </br> <input type="radio" name="EC" value="Mademoiselle"/>Mademoiselle</br> Veuillez indiquer votre état civil :  Monsieur  Madame Mademoiselle

Formulaires (3/4) <select name="destination" id="destination"> <option value="Paris"> Paris </option> <option value="Marseille"> Marseille </option> <option value="Lyon"> Lyon </option> </select> <select name="destination" id="destination"> <optgroup label=« France »> <option value="Paris"> Paris </option> <option value="Marseille"> Marseille </option> <option value="Lyon"> Lyon </option> </optgroup> </select> <input> type=«checkbox»

Formulaires (4/4) <legend> Situation actuelle </legend> <input> type=«file» value=«parcourir» type=«submit» value=«envoyer» type=«image» src=«envoyer.jpg» type =«reset» value=«effacer» <fieldset> <legend> Situation actuelle </legend> <p align="left"><b>Veuillez indiquer votre situation familiale : </b><br> <ul><input type="Radio" name="EC1" Value="Célibataire"> Célibataire<br> <input type="Radio" name="EC1" Value="Marié" checked> Marié <br></ul> </fieldset>

Zones réactives liste.html liste.html <img src="guitariste.bmp" width=«1000» height=«1200» usemap="#toto"/> <map name="toto"> <area shape="circle" border="10" coords="500,100,100" href="liste.html"> </area> </map> Valeur de shape : « rect » pour rectangle : x1,y1,x2,y2 « circle » pour cercle : x,y,r « poly »  pour polygone : x1,y1,x2,y2 ... xn,yn à partir du haut et de la gauche TD 5