Jump to content

faire de mon design un site layout


Recommended Posts

Bonjour et Bienvenue sur le forum.

Je ne sais pas quel niveau tu as en html et css mais reportes toi au siteduzero et autres sites du genre. Ca peut toujours aider :fou:

N'hésites pas à consulter aussi le topic des meilleurs sites :mdr:

Sinon, commences par le html puis occupes toi du css en travaillant par étape. Le but étant de travailler en premier lieu sur la structure pour retrouver en gros ce que tu as sur ton image.

Puis tu pourras envisager de voir les détails et couleurs.

Bon courage.

Link to comment
Share on other sites

bon voila j'ai mon code HTML mais apres je coince je ne sais pas quoi faire pour fire de mon design un layout infinie

voila le code

<html>
<head>
<title>Mon design web</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (Mon design web.jpg) -->
<table id="Tableau_01" width="800" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
	<td colspan="4">
		<img src="images/Mon-design-web_01.gif" width="800" height="408" alt=""></td>
</tr>
<tr>
	<td>
		<img src="images/Mon-design-web_02.gif" width="65" height="192" alt=""></td>
	<td>
		<img src="images/Mon-design-web_03.gif" width="168" height="192" alt=""></td>
	<td>
		<img src="images/Mon-design-web_04.gif" width="512" height="192" alt=""></td>
	<td>
		<img src="images/Mon-design-web_05.gif" width="55" height="192" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

- edit de Quarky -

Ajout des balises

 
Link to comment
Share on other sites

Deux conseils : d'abord si tu débutes complètement, n'espère pas réaliser ton site de suite. Commences par faire des pages simples pour maitriser l'html et passer ensuite à ton projet.

Et sinon oublies les tableaux : c'est dépassé. Le css permet bien plus de choses et c'est plus propre :chinois:

PS : Pour te clarifier les choses, en gros l'html c'est le contenu et le css la mise en forme.

Link to comment
Share on other sites

En code c'est pas très dur à faire. Un exemple (attention je fais ça rapidement, c'est pas valide W3C) :

<html>
  <head>
  <title>Page de test</title>
  <style><!--
	 body,td,a,p,.h{font-family:arial,sans-serif}
	 .header { background: url(header.jpg); width: 600px; height: 100px; }
  --></style>
  </head>
  <body>

  <div class="main">
	 <div class="header"></div>
	 <div class="menu"></div>
	 <div class="contenu">
		  Du texte
	 </div>
  </div>

  </body>
</html>

C'est du code fait rapidement. Mais bon toi de ton coté tu auras juste à modifier la CSS et c'est tout.

Link to comment
Share on other sites

Parce que le texte, enfin le contenu du site, il se mettrait ou?

Genre le menu, et pis à droite le texte ? En haut, simplement une image...

schemasite.png

Genre comme ça ? Ou tu veux mettre des liens dans l'en-tête ? Là l'en-tete sera toujours la même ou que tu sois sur le site...

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...