1.
faire un layout : - ouvrir photophiltre ou un autre logiciel de graphismes (photoshop, paint shop pro,etc...)
- clique sur nouveau mettre la taille que vous souhaitez pour votre site par exemple : 800x500
ensuite mettez vos décos etc... ensuite rajoute des cadres en séléctionnant un "champ" puis clique droit et sur contour et remplissage. Mets un contour
ex :
Les codes html :
faites un nouveau dossier, mettez-y votre layout (image)
ouvrez NVU
faites des nouvelles pages se nommant layout , gauche et droite
par exemple.
ouvrer votre page layout
cliquer sur image et insérer votre image qui se nomme "layout"
ensuite cliquer sur source tout en bas du logiciel et inserez ce code html (ex) :
- Citation :
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>layout ne-yo</title>
<link rel="stylesheet" type="text/css"
href="style.css">
</head>
<body leftmargin="0" topmargin="0" marginheight="0"
marginwidth="0">
<img style="border: 0px solid ; width: 600px; height: 400px;"
alt="" src="layout.png">
<div style="position: absolute; top: 101px; left: 29px;"><iframe
src="gauche.html" name="gauche" marginwidth="0"
marginheight="0" style="" allowtransparency="true"
frameborder="0" height="288" scrolling="auto"
width="100"></iframe></div>
<div style="position: absolute; top: 101px; left: 137px;">
<iframe src="milieu.html" name="milieu" marginwidth="0"
marginheight="0" style="" allowtransparency="true"
frameborder="0" height="288" scrolling="auto"
width="345"></iframe></div>
<br>
</body>
</html>
je vais vous expliquez <link> sa c'est pour que votre css soit actif sur votre page.
<iframe></iframe>
sa c'est le code pour une i-frame
pour trouver le code ouvre ton layout (image) sur photophiltre pointe ta souris sur le cadre en haut à gauche comme ça :
reste bien dessus et regardez tout en bas c'est écrit x:y = 0;2
(par exemple)
après avoir retenu les nombres après x:y retourner sur NVU
Top : xxxpx le deuxiéme chiffre c'est a dire 2
pour Left : xpx mettez le premier chiffre c'est a dire 0 .
et n'oubliez pas de renommer gauche etc... pour l'adresse de votre page.
ensuite vous séléctionner votre cadre :
vous regardez la taille
<iframe></iframe></div
height = hauteur
width = longeur
remplacer par la taille de votre cadre.
faites cela pour chaque cadre.
et n'oubliez pas de faire un fichier css !
sa c'est autre chose !
pour télécharger NVU cliquez
iciTUTO BY FASHIONISTAGIRL IL EST INTERDIT DE REPRENDRE LE TUTO OU ENCORE DE L MODIFIER ELLE EST LA PROPRIETE DE CREALUCIOLE !
si vous ne comprenez pas quelques choses envoyer moi un mp par de messages apres le tuto merci