Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Test site amisdemarianne.free.fr

3 réponses
Avatar
Dominique Stéphan
Bonjour,

(repost après annulation, il était dans
le mauvais fil)

J'ai repris un site WebExpert/Frame/Flash
(je ne pratique pas), je l'ai mis en HTML 4 Strict
avec VIM :
<url:http://amisdemarianne.free.fr/>

J'utilise un préprocesseur HTML,
<url:http://htp.sourceforge.net/>
qui me permet de faire du statique
(plus facile à déployer et à référencer)
tout en gardant une certaine souplesse.
On n'en parle pas souvent, pourtant
c'est un bonne option à php pour
les cas simples.

Je ne suis pas graphiste, donc c'est
sobre et sans mise en page compliquée,
il y a juste une petit effet dentelé sur
le menu.

C'est prévu pour du 800*600, avec
un ascenceur vertical (le menu à
gauche est destiné à s'enrichir).

Comment passe-t-il chez vous ? Je l'ai
essayé avec IE6, Mozilla 1.7, Opera
sous Windows et ça a l'air de passer
avec Safari (copie d'écran sur le site
http://www.danvine.com/icapture/ ).
Netscape 4 reste utilisable (mais ce n'est
pas joli), Lynx ça a l'air d'aller.

Au sujet des blocs, est-ce que je mets
en premier le menu ou le contenu ?

J'ai également un soucis avec les div
(je débutte, j'ai l'habitude des
tableaux et de mettre les attributs
graphiques dans le code html, à l'ancienne) :
quand la page du navigateur n'est pas
assez large, les blocs ne restent
pas en colonnes (avec un ascenseur horizontal)
mais passent en dessous.

Sinon, quels outils offline (de préférence)
et gratuit (c'est du bénévolat) permettent
de faire l'inventaire d'un site
(et pas d'une seule page) :
- validation HTML
- signalisation des balises propriétaires/obsolètes
- poids de chaque page (images comprises, j'ai tendance
à avoir la main lourde)

Pour la vérification des liens j'utilise Xenu.

Sinon, ça parle des timbres de tous les jours
(les Marianne), par des philatélistes spécialistes,
le public visé est le collectionneur
de timbres déjà un peu avancé, ça peut être
difficilement compréhensible pour le grand public.

--
Cordialement
Dominique Stéphan

--
Cordialement
Dominique Stéphan
http://www.timbre-poste.com/ Timbres-poste d'usage courant
http://amisdemarianne.free.fr/ Cercle des Amis de Marianne

3 réponses

Avatar
Christian BARRET
Dominique Stéphan a écrit :
Bonjour,

(repost après annulation, il était dans
le mauvais fil)

J'ai repris un site WebExpert/Frame/Flash
(je ne pratique pas), je l'ai mis en HTML 4 Strict
avec VIM :
<url:http://amisdemarianne.free.fr/>


Comment passe-t-il chez vous ? Je l'ai
essayé avec IE6, Mozilla 1.7, Opera
sous Windows et ça a l'air de passer
avec Safari (copie d'écran sur le site
http://www.danvine.com/icapture/ ).
Netscape 4 reste utilisable (mais ce n'est
pas joli), Lynx ça a l'air d'aller.



salut dominique
sous Firefox 0.8 c'est nickel

--
Christian BARRET
Amicale Philatélique et Marcophile Colmarienne
www.phila-colmar.org
Avatar
julien
Dominique Stéphan wrote:
Bonjour,

(repost après annulation, il était dans
le mauvais fil)

J'ai repris un site WebExpert/Frame/Flash
(je ne pratique pas), je l'ai mis en HTML 4 Strict
avec VIM :
<url:http://amisdemarianne.free.fr/>



Bonjour
J'utilise http://www.htmlhelp.com/tools/validator/ pour valider un site
entier et vérifier les liens. D'ailleurs, il traine un align="center"
sur http://amisdemarianne.free.fr/aspects_220liberte.html et un
target="_blank" sur http://amisdemarianne.free.fr/cd_decaris_trassaert.html

Quelques critiques:
1/Je suis en 1600x1200, et seule la moitoié de la largeur est utilisée.
Si vous voulez vraiment limiter la largeur de la page, il serait
agréable de tout centrer

2/code html: sur la page principale, toutes les palises faisant part de
<div class="menu"> ont une class="menu". A mons avis inutile. Au leiu de
faire h1.menu, ul.menu, li. menu, ...., utiliser: .menu h1, .menu ul,
.menu il, ... et grader uniquement la class menu pour le div.
Idem pour les autres (actu, ...)

3/j'éviterai d'utiliser <b>: utiliser <strong> ou <em> pour mettre en
exergue, ou appliquer un style (bold par exemple) avec span si cela ne
se justifie pas sémantiquement.

4/Remplacer le CAM par le <acronym title="Cercle des Amis de
Marianne">CAM</acronym>

5/Il y a une multitude de balises h1. Il faudrait essayer de mieux
hiearchiser le document avec les balises h1, h2, h3, ...


6/Ne pas utiliser <p>&nbsp;</p> Plutot mettre un margin-bottom: xx dans
la balise précédente. Ou utiliser un hr invisible (mieux, je pense) avec
un margin-bottom

7/Je ne comprends pas l'intérêt des choses du style
<div id="actuid">
<div class="actu">
J'ai pas testé, mais on ne peut pas remplacer cela par un seul <div
class="actu" id="actuid"> Sinon, regrouper les styles actu et actuid en
un seul?

8/Eventuellement, ajouter title="..." dans quelques liens, si nécessaire

9/Il vaudrait meiux utiliser le charset iso-8859-15 pour avoir le signe
euroo

10/Ajouter un meta name="description" ? Idem pour l'auteur?

11/utilisr la balise <address> pour "Espace Carpeaux, 13 ter
bd Aristide Briand, 92400 Courbevoie"

12/accessibilités : accesskey, menu à la fin, ...

Cela fait beauicoup e points, mais ce sont des "détails", l'essentiel y est.

<pub>
Je suis en train de refaire mon site sur la Marianne de Gandon. Il
devrait être plus beau, beaucoup plus accessible, et beaucoup plus
confortable pour la navi

En passant, j'utilise Quanta sous KDE pour éditer mon site. Il est
vraiment très agréable.

Julien
Avatar
A. L.
Le Tue, 15 Jun 2004 14:25:06 +0200, Dominique Stéphan a écrit :

<url:http://amisdemarianne.free.fr/>



Passe très bien dans Firefox 0.8.
Je reprocherais juste le fait que tout le site est écrasé à gauche, et
pas centré dans la page... Alors qu'un margin: auto; permettrait de
régler simplement ça (par exemple sur un div englobant tout le contenu).
Et coincidence, Internet Explorer n'aime bien qu'avec un doctype strict...
ce que tu as mis.

Au sujet des blocs, est-ce que je mets
en premier le menu ou le contenu ?



Il est conseillé de mettre le menu en dernier dans le code HTML. Si ça
pose de gros ennuis, il "faut" mettre un lien "Passer le menu" avec une
ancre qui va directement vers le contenu.

--
Arnaud,
http://www.greffier.net/