Anna's Crossing
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  S'enregistrerS'enregistrer  Connexion  
-55%
Le deal à ne pas rater :
Coffret d’outils – STANLEY – STMT0-74101 – 38 pièces – ...
21.99 € 49.04 €
Voir le deal

 

 Un site en I - Frame avec exemple concret

Aller en bas 
AuteurMessage
Invité
Invité
avatar



Un site en I - Frame avec exemple concret Empty
MessageSujet: Un site en I - Frame avec exemple concret   Un site en I - Frame avec exemple concret Icon_minitimeAoût 29th 2008, 5:05 pm

Bon alors commencant par le commencement.

1 - Ouvrez le logiciel avec lequel vous allez créer (coder le site) le site (Nvu, Notepad ++, Bloc Note....)

2 - Maintenant vos premières lignes de codage. Quoi déja ? eh oui... lol! Un site en I - Frame avec exemple concret 175322

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type">
  <title></title>
</head>
<body>

3 - Rentrez ce que vous voulez à la suite de body
ATTENTION : Pour revenir à la ligne il faut taper </br>

4 - Enregistrer la page que vous appellerez Menu

5 - Refaire les étapes 1 à 3

6 - Enregistrer la page que vous appellerez Home

7 - Hébergez ces 2 pages.

8 - Créez un nouveau fichier et refaire l'étape 2

9 - Prendre votre layout ou header.
Je suis gentille pour l'exemple du tuto je vous met un header.

Un site en I - Frame avec exemple concret Headerashleelc7


...Et taper ce code.

Code:
<img alt="NOM DU FICHIER"
 src="ADRESSE HTTP DU FICHIE (LIEN DU FICHIER)">

Ce qui est en majuscule est évidemment à remplacer hein Un site en I - Frame avec exemple concret 175322 Un site en I - Frame avec exemple concret 879786 .

10 - Ensuite on passe à la 1° I - Frame (pour l'exemple le menu est à gauche).
Taper ce code.
Code:
 
<iframe src='URL DE TA PAGE QUI S AFFICHERA DANS L IFRAME name="NOM DE L IFRAME" width="LARGEUR DE L IFRAME(EN PIXELS)" height="HAUTEUR DE L IFRAME (EN PIXELS)" frameborder="0" STYLE="position:absolute; top:POSITION DE LIFRAME PAR RAPPORT AU HAUT DE TA PAGE (EN PIXELS) border:0; left:POSITION DE TON IFRAME PAR RAPPORT A LA GAUCHE DE TA PAGE (PIXELS);"style="FILTER: chroma (color=#EEEEEE)"></iframe>

11 - Et pour la 2° I - Frame (le home) ? Reprendre le même code ^-^.

12 - Enregistre votre page au nom que vous désirer (le + souvent j'utilise Index02)
13 - Heberger Index02.

Voila c'est fait normalement vous devriez arrivez à ce résultat.

NOTE : Pour que vous puissiez bien voir les I - Frames j'ai mis des couleurs
Revenir en haut Aller en bas
Invité
Invité
avatar



Un site en I - Frame avec exemple concret Empty
MessageSujet: Re: Un site en I - Frame avec exemple concret   Un site en I - Frame avec exemple concret Icon_minitimeAoût 29th 2008, 5:08 pm

oh génial apprendre pas a pas j'en rêve je vais tester
Revenir en haut Aller en bas
Invité
Invité
avatar



Un site en I - Frame avec exemple concret Empty
MessageSujet: Re: Un site en I - Frame avec exemple concret   Un site en I - Frame avec exemple concret Icon_minitimeAoût 29th 2008, 5:09 pm

Je testerai ça lundi, en revenant de wek-end. Merci^^

En cas de Layout au lieu du header, c'est pareil?
Revenir en haut Aller en bas
Invité
Invité
avatar



Un site en I - Frame avec exemple concret Empty
MessageSujet: Re: Un site en I - Frame avec exemple concret   Un site en I - Frame avec exemple concret Icon_minitimeAoût 29th 2008, 5:13 pm

Ca dépend du layout
Revenir en haut Aller en bas
Invité
Invité
avatar



Un site en I - Frame avec exemple concret Empty
MessageSujet: Re: Un site en I - Frame avec exemple concret   Un site en I - Frame avec exemple concret Icon_minitimeAoût 29th 2008, 5:15 pm

Ah parcequ'en plus, y a differents layouts?

Ouh lala, dans quoi je me suis embarquée, moi? Un site en I - Frame avec exemple concret 175322
Revenir en haut Aller en bas
Invité
Invité
avatar



Un site en I - Frame avec exemple concret Empty
MessageSujet: Re: Un site en I - Frame avec exemple concret   Un site en I - Frame avec exemple concret Icon_minitimeAoût 29th 2008, 5:32 pm

Non mais t'en fais pas c'est plus simple qu'il n'y parais.

Par ex avec un layout de ce genre
Un site en I - Frame avec exemple concret Sanstitre3zp8

Il vaut mieux le couper en 2 comme ceci
Un site en I - Frame avec exemple concret Latita10

Dans ce cas il faut juste rajouter une ligne de codage.
Code:
<img alt="NOM DU FICHIER"
 src="ADRESSE HTTP DU FICHIE (LIEN DU FICHIER)">
La il s'agit de la 2° partie du layout (le bas)
Revenir en haut Aller en bas
Invité
Invité
avatar



Un site en I - Frame avec exemple concret Empty
MessageSujet: Re: Un site en I - Frame avec exemple concret   Un site en I - Frame avec exemple concret Icon_minitimeAoût 29th 2008, 5:42 pm

Ok. Je testerai tout ça lundi... merci^^
Revenir en haut Aller en bas
Invité
Invité
avatar



Un site en I - Frame avec exemple concret Empty
MessageSujet: Re: Un site en I - Frame avec exemple concret   Un site en I - Frame avec exemple concret Icon_minitimeOctobre 14th 2008, 3:41 pm

Mon i-frame apparait bien sous Firefox, mais avec IE y a qu'un rectangle blanc... Y a une manip' que j'ai raté?
Revenir en haut Aller en bas
Invité
Invité
avatar



Un site en I - Frame avec exemple concret Empty
MessageSujet: Re: Un site en I - Frame avec exemple concret   Un site en I - Frame avec exemple concret Icon_minitimeOctobre 14th 2008, 6:04 pm

fait moi voir ton code
Revenir en haut Aller en bas
Invité
Invité
avatar



Un site en I - Frame avec exemple concret Empty
MessageSujet: Re: Un site en I - Frame avec exemple concret   Un site en I - Frame avec exemple concret Icon_minitimeOctobre 14th 2008, 7:54 pm

Je te l'envoies par mp Wink Merci
Revenir en haut Aller en bas
Contenu sponsorisé





Un site en I - Frame avec exemple concret Empty
MessageSujet: Re: Un site en I - Frame avec exemple concret   Un site en I - Frame avec exemple concret Icon_minitime

Revenir en haut Aller en bas
 
Un site en I - Frame avec exemple concret
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Un site en table avec un exemple concret
» Les news du site
» Site en cours
» [HTML #1] Le squelette du site
» Aide pour site

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Anna's Crossing :: .:¤~¤ Accélération... Vers d'autres horizons... ¤~¤:. :: Tutoriels :: Création de Sites-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser