Outils

Générateur de bannières animées
Générateur d'images gifs à effet gratuit
Générateur de boutons
Générateur de titres web 2.0
Générateur de badges web 2.0
Générateur de signatures pour forums gratuit
Générateur d'images perso pour forums gratuit
Générateur de gifs animés gratuit
Générateur de cartes Google Maps
Générateur de ribbons (Bandeaux) web 2.0
Générateur d'UserBar
Générateur de menus Web 2.0 Générateur de favicons Générateur d'émoticones/smileys
Redimension d'images gifs animées, jpeg et png
Générateur de cartes de visite
Générateur de faux textes Lorem Ipsum (Lipsum)
Générateur de texte ascii art
Générateur d'image en ascii art
Générateur de coins arrondis en (X)html/css Générateur de titres glitters
Générateur d'images glitters
Générateur de post-its gratuit
Infos de vos visiteurs

Référencement

Top liste/site
PageRank
Position d'un site dans Google
Informations d'indexation
Ce que voient les moteurs de recherche
Extracteur de liens
Entêtes http
Générateur de balises metas tags valide (X)html

Flash

Lecteur de vidéos flv, mov, h.264, mp4... en flash gratuit
Générateur de menus flash web 2.0
Lecteur de musique MP3 flash gratuit
Générateur de boutons flash gratuit
Horloges Flash analogiques et numériques gratuites
Générateur de code Flash valide (X)html 1.0 strict

Services

Livre d'or
News (Nouvelles)
Tchat
Sondages

Compteurs

Compteur de visiteurs uniques sans inscription
Compteur de visites sans inscription
Compteur de pages vues sans inscription
Compteur de clics
Compteur de connectés

Scripts et tutoriaux

PHP / MYSQL
Javascript
Photoshop
Flash / ActionScript
(X)html/CSS
Autres
Tout les scripts et tutoriaux

Kits graphiques/ Designs

Activité

7 connecté
Tout les membres

Recherche

Vous êtes ici: Support du web > Scripts et tutoriaux > (X)html/CSS > [Tutoriel]Frames valides (X)html

[Tutoriel]Frames valides (X)html
ybouane [Tutoriel]Frames valides (X)html Note : 4/5 (0 vote) Derniéres modifications : 13/12/2008 à 00:54:06 Mots-Clés : frames frame frameset iframe includes balise xhtml html Bonjour à vous, Dans ce tutoriel, je vous apprendrait à faire des pages valides contenant des frames. Alors d'abords, pour votre page contienne des frames et qu'elle soit valide, je vous conseille de lui mettre le DOCTYPE suivant: Code: (X)html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Ce DOCTYPE prend en charge les balises suivantes: frameset frame iframe noframes Je vais dans ce tutoriel vous apprendre à utiliser les balises iframe et noframes. iframe La balise iframe est une balise assez simple, voici une liste ses différents attributs: src: adresse de la page de la frame width: largeur de la frame height: hauteur de la frame name: nom de la frame frameborder: la bordure scrolling: si il vous voulez appliquer le scroll longdesc: lien vers la description marginwidth: largeur de la marge marginheight: hauteur de la marge align: alignement Le contenu de la balise sera affiché si le navigateur de l'utilisateur ne prend pas en charge les frames. Bon un petit exemple: Code: (X)html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Frames valides (X)html</title> </head> <body> <div> <iframe src="http://www.supportduweb.com/" width="350px" height="350px" frameborder="0" name="maframe1" scrolling="no">Votre navigateur ne prend pas en charge les frames ou elles sont désactivée.</iframe> </div> </body> </html> Tester noframes La balise noframes permet tout simplement de détecter si le navigateur prend en charge les frames. Si le navigateur les prend en charge, il ne va tout simplement pas afficher le contenu de la balise. Scripts et tutoriaux similaires à celui ci: Parser du BBcode en (X)Html - convertir du bbcode en html/convertir du html en bbcode en utilisant les expressions réguliaires(regex) [Tutoriel]Faire clignoter un texte en (X)html / CSS Background scrollable avec overflow:auto; sous firefox (X)html/CSS Propriété position et z-index en css tutoriel (X)html/CSS Faire des onglet en (X)html/CSS Modifier le curseur en image ou curseurs proposés en CSS/(X)html Faire un input file stylé en Css (X)html et Javascript Système d'onglets en Javascript, (X)html et CSS dans la même page Commentaires Ajouter un commentaire Pseudo: Message: Code anti-bot: (recharger) Vous n'êtes actuellement pas connecté, certaines de vos informations(tel que votre Adresse IP) seront enregistrées pour éviter du spam. Votre message ne doit pas contenir certains mots ou une adresse internet, sinon, il ne sera pas envoyé. Les commentaires Il n'y a actuellement aucun commentaire pour ce tutoriel

[Tutoriel]Frames valides (X)html

ybouane

[Tutoriel]Frames valides (X)html
Note : 4/5 (0 vote)
Derniéres modifications : 13/12/2008 à 00:54:06
Mots-Clés : frames frame frameset iframe includes balise xhtml html

Bonjour à vous,
Dans ce tutoriel, je vous apprendrait à faire des pages valides contenant des frames.

Alors d'abords, pour votre page contienne des frames et qu'elle soit valide, je vous conseille de lui mettre le DOCTYPE suivant:

Code: (X)html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Ce DOCTYPE prend en charge les balises suivantes:

frameset
frame
iframe
noframes

Je vais dans ce tutoriel vous apprendre à utiliser les balises iframe et noframes.

iframe

La balise iframe est une balise assez simple, voici une liste ses différents attributs:

src: adresse de la page de la frame
width: largeur de la frame
height: hauteur de la frame
name: nom de la frame
frameborder: la bordure
scrolling: si il vous voulez appliquer le scroll
longdesc: lien vers la description
marginwidth: largeur de la marge
marginheight: hauteur de la marge
align: alignement

Le contenu de la balise sera affiché si le navigateur de l'utilisateur ne prend pas en charge les frames.
Bon un petit exemple:

Code: (X)html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

    <head>

            <title>Frames valides (X)html</title>

    </head>

    <body>

        <div>

                <iframe src="http://www.supportduweb.com/" width="350px" height="350px" frameborder="0" name="maframe1" scrolling="no">Votre navigateur ne prend pas en charge les frames ou elles sont d&eacute;sactiv&eacute;e.</iframe>

        </div>

    </body>

</html>

Tester

noframes

La balise noframes permet tout simplement de détecter si le navigateur prend en charge les frames. Si le navigateur les prend en charge, il ne va tout simplement pas afficher le contenu de la balise.

Menu