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...
- 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.
...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
.
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