Jump to content

Creation de site et Frontpage 2000


Recommended Posts

Bonjour à tous,

 

Je suis chargée de la création du site de mon association sportive et j'ai comme un problème...

Les pages que j'ai créé ont une disposition en " sommaire ", soit une petite page à gauche pour les différents liens vers les pages, et la partie de droite pour la page proprement dite. J'ai conçu tout ça pour une résolution de 1024x768 mais bien evidemment lorsque je passe en résoution écran 800x600 la mise en page fout le camp ( textes, photos libres ou en tableaux ) :nerveux:

J'ai vaguement compris qu'il fallait dimensionner les images en pourcentage plutot quand pixel, mais voilà... comment faire ça sur une mise en page déjà existante ?

 

En fait je n'arrive pas à piger en quoi consiste le pourcetage... ce que c'est que d'être bête hein.... :triste:

 

Alors si vous avez un peu de temps à perdre, éclairez ma lanterne tremblotante, merci :papanoel:

Link to comment
Share on other sites

C'est tout simple, au lieu de taper ton chiffre habituel tu rajoute % derriere

>>>> TABLE WIDTH="87%" (pour la largeur du tableau)

 

Mais attention, ça peu rendre le site illisible

un conseil, réfléchi, les visiteurs ont ils en moyenne des écran de grande taille (rés>a 1024) ou plus petit... (par exemple, un site sur l'hardware peu se permettre d'etre en res 1024, mais un site pour le club de foot de ta commune lui doit etre en 800x600) voili

Link to comment
Share on other sites

Oui, en général il vaut mieux concevoir ton site en 800x600 et faire des débordements / étirements pour les 1024, plutôt que la situation inverse (comme toi) :( ... De plus, teste toujours avant de publier (diff resolutions et diff browsers: IE 5.5 - IE 6+ - Nets 6+ ...)

 

De plus, je te déconseille Frontpage qui crée un code merdique. Essaye de te procurer Dreamweaver... :roll:

Link to comment
Share on other sites

Merci beaucoup...

 

quoi je ne comprenne pas grand chose à tout ça. :??:

 

J'ai fias toutes mes pages en mode " normal " et pas en HTML donc je ne sais pas comment changer les informations de taille des images et des tableaux voilà le genre de code que j'obtiens en regardant dans l'onglet HTML :

<html>

 

<head>

<meta http-equiv="Content-Language" content="fr">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">

<meta name="ProgId" content="FrontPage.Editor.Document">

<title>Le Tir SPORTIF</title>

<base target="_self">

</head>

 

<body style="font-family: Comic Sans MS">

 

<div align="center">

<center>

 

<table border="0" width="91%">

<tr>

<td width="100%" align="center">Situé aux 6ème, 7ème et 8ème étage de l'immeuble " Le

Triton " dans  le quartier de Fontvieille, ( <a href="../../../Photos%20Tir/Plan+texte2.gif"> Plan d'Accès</a> ) le Stand de Tir Rainier III

vous offre les meilleures conditions d'entraînement grâce à son

équipement de très haute qualité. </td>

</tr>

</table>

 

</center>

</div>

 

<p> </p>

<p><span style="position: absolute; left: 413; top: 360"><img border="2" src="../../images/25m-mer-face.jpg" width="352" height="249" style="position: absolute; border-style: solid; border-color: #808000"></span></p>

<div align="center">

<center>

<table border="0" width="94%" height="706">

<tr>

<td width="49%" height="265" align="right"><img border="2" src="../../images/10m-8-16-coté.jpg" width="350" height="265" style="border-style: groove; border-color: #808000"></td>

<td width="51%" height="265" align="center">16 pas de tir à 10 mètres équipés de rameneurs électriques</td>

</tr>

<tr>

<td width="49%" height="124" align="center"> 20

postes de tir à 25 mètres, équipés en cibleries pivotantes pour l'entraînement

aux compétitions : Gros Calibre, Vitesse Olympique et Pistolet Standard</td>

<td width="51%" height="124" align="right"></td>

</tr>

<tr>

<td width="49%" height="130" align="right"><img border="2" src="../../images/50m-2.jpg" width="352" height="259" style="border-style: groove; border-color: #808000"></td>

<td width="51%" height="299" align="center" valign="top" rowspan="2"> 

<p> </p>

<p> </p>

<p>20 postes de tir à 50 mètres

équipés en cibleries de type " Gehmann ".</p>

<p><span style="position: absolute; left: 415; top: 761"><img border="2" src="../../images/foyer-bar.jpg" width="350" height="247" style="position: absolute; border-style: groove; border-color: #808000"></span></p>

</td>

</tr>

<tr>

 

Je veux bien rajouter " % " après les chiffres de taille " height " je ne suis pas sure que cela soit la bonne solution.

 

Helppppppppppppppp :D

 

Cynthia

Link to comment
Share on other sites

Cyn, déja pour commencer, tes images sont trop grosses (en pixels) donc ta page ne va pas se "rétrécir" au delà de la limite des images... :(

 

Je t'ai fait un peu de ménage avec ton code, à toi d'expérimenter (fais-en une copie de sauvegarde, pour pouvoir repartir à zéro si necessaire ;) ) Ca ne règle pas vraiment ton blem de taille, mais réduis tes images (par example des onglets que tu clicks pour avoir un agrandissement) et ça marchera peut-être...

 

Bon courage :)

 

------------------

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Le Tir SPORTIF</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

 

<body>

<table width="90%" border="0" align="center">

<tr>

<td colspan="4" align="center"><font face="Comic Sans MS">Situé

aux 6ème, 7ème et 8ème étage de l'immeuble " Le Triton " dans 

le quartier de Fontvieille, ( <a href="../../../Photos%20Tir/Plan+texte2.gif">

Plan d'Accès</a> ) le Stand de Tir Rainier III vous offre les meilleures

conditions d'entraînement grâce à son équipement de très haute qualité.</font> </td>

</tr>

<tr>

<td width="6%" align="center"> </td>

<td width="42%" align="center"> </td>

<td width="42%" align="center"> </td>

<td width="10%" align="center"> </td>

</tr>

<tr>

<td align="center"> </td>

<td align="center"><img src="../../images/25m-mer-face.jpg" width="352" height="249"></td>

<td align="center">ton texte 1</td>

<td align="center"> </td>

</tr>

<tr>

<td align="center"> </td>

<td align="center"> </td>

<td align="center"> </td>

<td align="center"> </td>

</tr>

<tr>

<td align="center"> </td>

<td align="center">ton texte 2</td>

<td align="center"><img src="../../images/10m-8-16-coté.jpg" width="350" height="265"></td>

<td align="center"> </td>

</tr>

<tr>

<td align="center"> </td>

<td align="center"> </td>

<td align="center"> </td>

<td align="center"> </td>

</tr>

<tr>

<td align="center"> </td>

<td align="center"><img src="../../images/50m-2.jpg" width="352" height="259"></td>

<td align="center">ton texte 3</td>

<td align="center"> </td>

</tr>

<tr>

<td align="center"> </td>

<td align="center"> </td>

<td align="center"> </td>

<td align="center"> </td>

</tr>

</table>

 

</body>

</html>

 

----------------------

Link to comment
Share on other sites

Eh bin, merci tout plein !

 

Je vais testé ça et certainement tout reprendre depuis le début !

 

Merci pour la solidarité et le temps passé surtout :yais:

 

Cynthia

Link to comment
Share on other sites

pour éviter de se prendre la tete avec la mise en page variable selon les résolutions, je fais deux versions du site.

une page vierge contient un script de détection de la résolution et dirige vers la page d'acceuil qui a la résolution apropriée.

en gros tu fais une version pour les résolution inféreureà 1024, et une version pour 1024 et plus.

 

c un peu plus long ( mais pas tro, car tes images sont préparées, ton code est construit), mais ca peut etre plus rapide que certaines prises de têtes surs des calques un peu tétus (les vilains)

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...