test site écrit avec KompoZer

jean louis02 · Message par **jean louis02** » 29 mars 2010, 18:04

Bonjour!.

Cela fait quelques semaines que j'ai découvert Kompozer et ce site.
Voici l'adresse de mon premier code : http://f8cfs01.free.fr/site_experimental/
J'ai eu un grand nombre de soucis!.
je voudrais avoir un avis pour savoir si il y a de grosses erreurs de structure/conception.

Merci d'avance- Cordialement/f8cfs-Jean louis

Dorémi · Message par **Dorémi** » 29 mars 2010, 19:57

C'est bien. Le texte reste bien dans le cadre de mon navigateur quand je zoome avec Ctrl +, ce qui est bien. Il y a trop de site ou le texte est illisible car il chevauche un tas de bordel et que même en zoomant, cela n'arrange rien. Là c'est parfait de ce coté là.

Sur la page Fête de la science, si je zoome, le texte et le images zoome, j'aime. Par contre, si je zoome beaucoup, certaines images finissent par sortir de la page même quand elles sont plus petites que la page. J'aime moins, mais rien de bien gênant, le principal dans ce cas est que le texte soit dans la page et qu'il soit lisible.

Par contre, le lecteur audio ne me donne aucun son...

Pour l'audio et la vidéo, cela semble très compliqué car il y a trop de différences entre les navigateurs. Le truc qui marche dans tous les cas est le lien direct sur le fichier son.

Code : Tout sélectionner

<A HREF="filchier.mid">Mon morceau</A>

Ou avec une image :

Code : Tout sélectionner

<A HREF="fichier.mid"><IMG SRC="image.png" BORDER="0" ALT="description de l'image et du morceau"></A>
Cette image est liée à un fichier MIDI. Pour écouter la musique, vous devez cliquer sur l'image.

Autrement, il y a <EMBED ...>, mais là, il semble que les vieilles versions d'ie (<4.0) ne le reconnaissent pas.

Code : Tout sélectionner

<body>
<embed
src="/mnt/usb3/Musique/Bob%20Hund/Bob%20Hund%20-%20Dansa%20efter%20min%20pipa.mp3"
autostart="false" height="100" width="145">
</body>

Cela affiche un lecteur dans la page. Pour de la vidéo, il suffit de le dimensionner à une taille légèrement plus grande que la vidéo. Il est toujours possible de rajouter un lien direct pour les navigateurs qui ne reconnaissent pas l'EMBED.

Utiliser du flash me semble une fausse solution de facilité car il y a tellement de paramètres (OS, navigateur, version de flash, etc) que je ne ferais pas 100% confiance. Si je prends le cas de youtube, ils utilisent du flash. Pour moi, ça marche bien sur leur site, par contre, quand le lecteur est embarqué dans un autre site, parfois ça marche, parfois ça marche pas... Dans ce dernier cas, il ne reste que le click droit -> lire sur youtube (pas toujours présent...).

Si je regarde un site comme celui de la radio suédoise, ils ont mis des mois voir des années à faire marcher correctement le streaming. Le résultat est qu'Ils utilisent du javascript assez complexe (ça faisait longtemps que j'avais pas regardé le code, ils ont encore tout changé... et il utilise du flash dans le javascipt). Par contre, le popup avec le lecteur est très joli, encore plus classe qu'avant. Mais bon, faut être pro et avoir du temps pour réaliser un truc pareil : http://sverigesradio.se/, cliquer sur le bouton "Lyssna direct" en haut.

jean louis02 · Message par **jean louis02** » 30 mars 2010, 10:58

Bonjour !

Merci pour cette réponse complète.
Je vais prendre mon temps pour prendre en compte l'ensemble de l'étude.

Merci encore et à bientôt j'espère.

Cordialement f8cfs/ Jean Louis

Message par **chinon37** » 30 mars 2010, 11:57

Bonjour,

petites remarques en vrac

: (je n'ai regardé que la page fête de la science)
je vois:

Code : Tout sélectionner

<h6><big><big>merci aux développeurs qui nous
proposent des logiciels libres. Vive le logiciel libre !.</big></big></h6>

les <big> servant à agrandir la police sont inutiles. il suffit d'affecter une taille à la balise <h6> par la feuille de style. par exemple, ceci

Code : Tout sélectionner

font-size: 0.9em;

donne le même résultat que les 2 <big> et allège le code tout en séparant le contenu de la forme. en règle générale, il vaut mieux éviter la barre de mise en forme n°2... Elle ne devrait pas exister

Il faut aussi éviter la mise en page à coup de touche entrée-retour à la ligne (<br>). là encore, il faut exploiter la feuille de style, en utilisant les marges sur les éléments de la page.
Par exemple, une règle pour <img> (image) avec une marge basse de 40 px, permettra de bien séparer les photos sans utiliser la touche entrée.

Concernant ton menu, ce serait mieux de le faire sous forme de liste non ordonnée où tu pour régler plus facilement l'écart entre les différents items, avec une règle pour la balise <li> (élement de liste)

Ce sera tout pour le moment. n'hésite pas à poser des questions, mais avec les deux tutos cités en intro, tu as fait un bon choix

jean louis02 · Message par **jean louis02** » 01 avr. 2010, 15:45

Bonjour!.

Merci pour certaines remarques bien comprises.
Je vais pouvoir améliorer les choses; en effet c'est difficile de perdre les habitudes de la Pao!.
pour ce qui est du son je vais reprendre les choses.
pour l'amélioration du menu je vais travailler le sujet.

merci encore pour ces conseils pertinents.

Cordialement f8cfs/jean louis.

Geckozone

test site écrit avec KompoZer

test site écrit avec KompoZer

Re: test site écrit avec KompoZer

Re: test site écrit avec KompoZer

Re: test site écrit avec KompoZer

Re: test site écrit avec KompoZer

Qui est en ligne ?