Aller au contenu

faire de mon design un site layout

julia92

Par julia92
dans Programmation et Lignes de code

Messages recommandés

Quarky Grand Maître

Quarky

Posté(e)
Posté(e)

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.

Lien vers le commentaire
Partager sur d’autres sites
julia92 Nouveau

julia92

Posté(e)
  • Auteur
Posté(e)

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
Lien vers le commentaire
Partager sur d’autres sites
Quarky Grand Maître

Quarky

Posté(e)
Posté(e)

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.

Lien vers le commentaire
Partager sur d’autres sites
playstation.2.fg Compétent

playstation.2.fg

Posté(e)
Posté(e)

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.

Lien vers le commentaire
Partager sur d’autres sites

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

Aller sur la liste des sujets
×
×
  • Créer...