Introduction Table des Matières Marqueurs L'En-tête Le Corps Le Pied
Le Web Les Frames Le JavaScript M'écrire Liens Bannières

CHAPITRE 2

1.Les frames ou cadres


Les frames ou cadres servent à bien définir les parties divisant la fenêtre d'un navigateur. La plupart du temps, dans chaque frame, nous affichons une page HTML différente, donc pour la séparation d'une fenêtre en plusieurs frames on doit utiliser la balise <FRAMESET>. Cette balise contient un certain nombre d'attributs comme ROWS qui permet d'indiquer le nombre et la taille respective de chaque frame horizontalement. Le deuxième attribut COLS sera pour sa part utilisé pour spécifier la disposition de frames verticales.

Les attributs, ROWS et COLS, définissent tous les deux la taille de chaque frame et cette taille peut être indiquée de l'une des façons suivantes :

  en pixels,la taille de la frame étant alors toujours la même, quelque soit la taille de la fenêtre du navigateur
  en pourcentage d'occupation relatif à la taille de la fenêtre du navigateur,
  en proportion, en utilisant le caractère "*", éventuellement précédé d'un facteur multiplicateur entier


Exemple : <FRAMESET>COLS="30%,70%"> cette balise définit deux frames divisant la fenêtre du navigateur dans le sens de la largeur,dont la première partie occupera 30% de cette fenêtre, et la seconde 70%.



La balise <FRAMESET> COLS="*, 3*"> sert également à la division d'une fenêtre navigateur dans le sens de la largeur, mais formulé d'une autre façon.
Pour la fermeture des différentes parties on utilise la balise </FRAMESET>. Maintenant que tout est bien défini, il vous faudra indiquer le contenu de chaque frame au navigateur. Il sera donc possible de subdiviser à nouveau une frame en d'autres frames, en inscrivant les balises <FRAMESET>....</FRAMESET>, ou en indiquant quel fichier, il faut afficher dans chaque frame. Il est toujours possible de spécifier un nom unique pour chacune de ces frames.

La balise <FRAME> permet éventuellement de définir le contenu de celui-ci par le lien avec la page html utilisée le pour déterminer s'il est à gauche ou à droite, en haut ou en bas.


L'attribut NORESIZE, est accepté par la balise <FRAME> et est utilisé pour interdir à l'utilisateur de modifier la disposition des frames. L'attribut SCROLLING="mode", est aussi accepté par la balise et est utilisé pour indiquer le mode de gestion des barres de défilement : "YES" permet une barre visible, "AUTO" pour la rend visible au besoin et "NO" pour ne pas afficher de barre. Les attributs MARGINWIDTH="marge_h" et MARGINHEIGHT="marge_v" ont comme rôles d'indiquer le nombre de pixels à laisser entre les bords horizontaux et verticaux de la frame. De ce fait, la balise </FRAME> permet de définir un ou plusieurs cadres au sein de la balise </FRAMESET>.

La toute dernière balise, <NOFRAMES>....</NOFRAMES> est utilisé pour spécifier le texte à afficher si le navigateur ne peut pas lire l'index du site. Maintenant, pour faire afficher des liens dans un des cadres, il suffit d'utiliser l'attribut target dans la balise <A HREF...>, ce qui permet de bien établir le look final de la page affichée. Pour bien spécifier le nom du cadre dans la balise <FRAME> utilisez l'attribut NAME.

Grâce aux frames, il est maintenant possible d'afficher plusieurs page HTML dans certaines parties ou cadres. Ils vous faudra un fichier qui contiendra l'agencement des cadres, c'est un fichier HTML qui a comme particularité d'avoir sa balise <BODY> remplacée par le conteneur <FRAMESET>. Cette balise va définir les cadres par leur dimension en pixels ou en pourcentage. (%).




2.Les attributs de la balises <FRAMESET>



ATTRIBUT
VALEUR
ACTION

ROWS
pourcentage (entre 1 et 100),valeur en pixels,
En fixant une seule des valeurs
et en laissant l'autre champ libre,
la valeur s'ajuste automatiquement
Cadre vertical.
Est l'identique à l'attribut COLS mais dans le sens horizontal.

COLS
Pourcentage (entre 1 et 100),
valeur en pixels, En fixant une seules des valeurs
et en laissant l'autre champ libre,
la valeur s'ajuste automatiquement		 Cadre horizontal

FRAMEBORDER
yes, no
Indique si le cadre a une bordure ou non.

Border=n
n est une valeur définissant la taille de la bordure.
Indique la taille de la bordure.

Bordercolor
Nom de la couleur, Valeur de la couleur en hexadécimal
Indique la couleur de la bordure.

Framespacing=n
n est une valeur définissant l'espace entre les cadres.
Indique l'espace entre les cadres.


Les attributs de la balise <FRAME>



La balise <FRAME> permet de définir un ou plusieurs cadres au sein de la balise <FRAMESET>.



ATTRIBUT
VALEUR
ACTION

Src
URL
Définit l'emplacement de la page à afficher dans le cadre.

Name
"nom"
Définit un nom qui permettra d'afficher un autre document dans le cadre gâce à l'attribut Target.

Marginwidth=n
n est un entier spécifiant le nombre de pixels.
Permet d'ajuster la marge qui apparaît à droite et à gauche d'un document à l'intérieur d'une frame.

Marginheight=n
n est un entier spécifiant le nombre de pixels.
Permet d'ajuster la marge qui apparaît au dessus et au dessous d'un document à l'intérieur d'une frame.

Frameborder
yes, no
Permet de supprimer les bordures d'une frame.

Border=n
n est un entier spécifiant le nombre de pixels.
Taille de l'espace entre les cadres (uniquement pour Netscape).

Noresize
Aucun
Par défaut, l'utilisateur peut modifier la taille de toutes les frames sur leur frontière commune. Cet attribut verrouille cette possibilité. À conseiller fortement.

Scrolling
auto, no, yes
AUTO:(Option par défaut). Si le contenu d'une frame occupe plus d'espace que la zone disponible, des barres de défilement seront rajoutées.
NO:Aucune barre de défilement ne sera rajoutée dans la frame.
YES:Des barres de défilement seront rajoutées.




3.Formulaire


Le but est de créer des formulaires d'entrée qui permettront à l'utilisateur de recevoir des informations provenant directement de votre lecteur et éventuellement de lui répondre directement.Éventuellemnt les formulaires permettront en particulier à créer des champs de saisie, des listes déroulantes, des cases à cocher et des boutons radio. L'objectif des formulaires est de permettre une mise en place des dialogues intéractifs avec ses clients.

FORM


La balise <FORM>....</FORM> permet de définir le début et la fin du formulaire qui est affiché dans le document. Elle fait partie de la même catégorie de balise telle que <HTML>,<HEAD>,<BODY>,<SCRIPT> car elle ne peut s'employer seule. En fait, ces balise sont complémentaires et servent à afficher les éléments du formulaire qui devront être appelées pour afficher ceux-ci. Elles ne sont pas une modification du texte, elles définissent une section du document.



Voici les attributs:


ACTION
Détermine quel programme sera appelé pour recevoir les données entrées par l'utilisateur

ENCTYPE
Définit quel encodage MIME il faut utiliser pour envoyer les données au programme devant les gérer. Par défaut, sa valeur est : application/x-www-form-urlencoded

METHOD
Détermine la méthode qui sera utilisée pour envoyer les données au programme. Cette méthode sera soit: GET : dans ce cas, les données sont ajoutées automatiquement à la ligne de commande appelant le programme (chemin_du_programme/programme?données) et sont récupérées dans la variable d'environnement QUERY_STRING POST : Cette méthode rempli les informations dans un corps de données.

NAME
Permet de donner un nom propre au formulaire afin de pouvoir s'y référencer au moyen de scripts (javascript).

ONRESET
Détermine l'action à effectuer lorsque l'utilisateur pousse sur un bouton de type reset (Javascript).

ONSUBMIT		 Détermine l'action à effectuer lorsque l'utilisateur envoie le formulaire (Javascript).

TARGET
Définit dans quelle fenêtre ou frame le résultat du formulaire sera affiché.




Formulaire pour envoyer un e-mail:


<FORM action="mailto:marisis@moncourrier.com">
votre nom <INPUT NAME=Name>,votre adresse courrier <INPUTNAME=MAIL>
<INPUT TYPE=SUBMIT>
<INPUT TYPE=RESET VALUE="Reset Form">
</FORM>/DIV>

Boîte de texte multiligne


C'est la balise <TEXTAREA> qui est utilisée pour réaliser une boîte de texte multiligne. Cette balise est surtout choisie pour permettre aux visiteurs de votre site de laisser un commentaire ou de taper un texte quelconque. Ses attributs sont :
    NAME : Définit le nom de la donnée (obligatoire).
    ROWS : Définit le nombre de lignes dans la boîte de saisie.
    COLS : Définit le nombre de colonnes (en caractères) dans la boîte de saisie.
    READONLY : Spécifie que la boîte multiligne est en mode lecture seulement.

Prendre en note que si le texte se trouve à l'intérieur des balises <TEXTAREA> et </TEXTAREA> le texte affichera part défaut.


Champs de saisie


La balise <INPUT TYPE="text" ... > permet à l'utilisateur de saisir une ligne de texte. Elle a les attributs suivants :
    NAME : Définit le nom de la donnée (obligatoire).
    SIZE : Définit la taille visible du champ en nombre de caractères.
    MAXLENGTH : Taille maximale de caractères autorisés.
    VALUE : Définit le texte par défaut à l'intérieur du champ.