Nissone

La suite a été scindée et déplacée. La conversation a digressé à propos de Flash

Tu peux utiliser ce code là :

<frame src="http://www.webmaster-hub.com" name="maframe" scrolling="yes" marginwidth="500" marginheight="500">

avec :

scrolling="no"

pour ne pas avoir de barres de defilement

scrolling="yes"

pour en avoir même si ce n'est pas nécéssaire

scrolling="auto"

pour que les barres de défilement se rajoutent et se retirent automatiquement en fonction de la longueur du contenu de ta frame.

Ou, en utilisant un style CSS :

<frame style="overflow:scroll;" src="http://www.webmaster-hub.com" name="maframe" marginwidth="500" marginheight="500">

Avec :

overflow:hidden;

pour ne pas avoir de barres de defilement

overflow:scroll;

pour en avoir même si ce n'est pas nécéssaire

overflow:auto;

pour que les barres de défilement se rajoutent et se retirent automatiquement en fonction de la longueur du contenu de ta frame.

Merci pour vos réponses.

Est-ce à dire que nous devrons le faire nous même si nous souhaitons un jour voir le bouquin de Zeldman traduit en français ? Peut-être... 

En voilà une idée ! Un livre CSS signé Denis !

J'achète !

Finalement, si tu lis l'anglais, je te propose l'excellentissime bouquin d'un type nommé Jeffrey Zeldman intitulé "Designing with Web Standards", qui te permettra de faire un survol très complet de ce que tu devrais tendre à vouloir connaître. Avec de telles bases, tu partiras vraiment sur le bon pied.

Dis, Denis ! Dis, Denis ! Et si on préfère apprendre en français ? Quelqu'un connait un "excellentissime" livre en français ?

(Oui, oui ! Je sais ! Il va bien falloir que je m'y mette à apprendre en anglais ! )

La première pensée que j'ai eu, à la lecture de ta question, à été pour ce que j'appelle "l'internet propre".

Je pense à un internet respectueux de ses utilisateurs : accéssibilité, standardisation (pour une lecture identique pour tous), un contenu qui soit autre chose qu'un support à bannières clignotantes, pop-up et autres support publicitaires envahissants, etc.

Dans un deuxième temps, pour faire un site de qualité, je pense qu'il faut se focaliser sur tout ce qui va faire une navigation et une lecture agréable et facile : ergonomie, look (pour ne pas parler de design, car un bon site n'est pas forcément un site "designé")

Voilà ma première réaction.

Et puisque tu demandes des adjectifs, je dirais... respectueux, professionnel (dans le sens d'une certaine prise de responsabililité) et ... passioné !

Bonjour,

je jette un coup d'oeil rapidement pour avoir une première impression et ... je trouve ça trop bleu ! (Oui, cette remarque va en faire sourire plus d'un dans un forum tel que le Hub ! ).

En fait, ta pub est la seule chose qui nous "repose" les yeux de tout ce bleu.

Mais au moins, ton site est clair, propre.

Peut-être que quelques icônes, par-ci, par-là pour nous aiguiller... pour les paresseux (comme moi !) qui n'aiment pô devoir lire tout pour savoir où aller !

Mais bon, les icônes, je ne suis pas sûre que ce soit indispensable pour un tel site (sauf si tu te lances dans une refonte complête auquel cas je te conseille de bien définir des "zones d'actions" qui devront être reperable rapidement pour tes internautes, plus de couleurs... bref, plus d'éléments pour nous aiguiller dans la navigation)

Voilà, voilà.

Heureux de vous avoir interviewé et VIVE LE HUB 

Je crois que j'ai raté quelque chose ?!!!

Je pouvais aller à la dernière, mais il n'y avait pas assez de places !

Cette fois-ci, je ne peux pas y aller (premier jour de boulot ), alors je me reporterais sur les compte-rendus !

Bonjour,

Dans Photoshop, tu trouveras ça au moment où tu enregistres ton image pour le web ("Save for web" pour la version anglaise).

Tu choisis GIF, tu coches "transparency" et la couleur en question c'est celle du "mate".

y'a t'il un moyen d'éviter ce saut de ligne entre balise et corps du paragraphe

Oui ! Quelqu'un ici m'avait répondu à cette même question :

h1 {
display: inline;
}

Bonjour,

Tu as placé ta demande dans le forum "webdesign", je suppose donc que tu attends des remarques sur l'apparence de ton site.

Et là, deux possibilités :

• soit, tu as axé ta présentation vers un site sans fioritures, sans agréments, sans rien de visuel ; que commenter ?
  Si tel est le cas, ton site est, au moins, on ne peut plus sobre (et triste ?)
  
• Soit tu n'as pas encore pensé à une apparence pour ton site.
  

Pour ce qui est de l'ergonomie, j'aurais tendance à placer les 3 liens du haut plutôt sous "la barre titre", là où on a plus l'habitude de les trouver, ou tout en bas.

En tout cas, je trouve ça curieux d'aller les chercher "avant que le site ne commence" (sauf peut-être le choix de la langue)

Sinon, il serait peut-être judicieux de reserver deux espaces distincts pour les deux possibilités que l'on a, ce qui ne saute pas au premier coup d'oeil.

Mais il s'agit d'un "confort" de l'oeil ; le texte n'est pas vraiment long et on comprend rapidement ce qu'on attend de nous.

Mais bon, quand même, cela me paraîtrait plus logique de guider son visiteur avec un espace "Analyser un texte" et un espace "Analyser un site".

Voilà.

En espérant avoir répondu à ta question.

Bonjour,

je découvre à l'instant l'existance de "API Google" ... Mais qu'est-ce que c'est ? A quoi ça sert ? A qui c'est destiné ? Y a-t-il un piège ?

mylyss,

Au moment où tu crées ton bouton sous Flash, tu as 4 états du bouton : Up, Over, Down et Hit.

Hit te permet d'indiquer la surface clicable couverte.

Donc tout simplement, tu sélectionnes Hit, tu traces une zone (n'importe quelle couleur, cela n'apparaîtra pas).

Et cela n'influe pas sur les autres états !

Bonjour Gabrielle et bienvenue parmi les membres du Hub (et quellle membre !)

Bonjour Wanbli

En gros, t'es en train de nous dire que tu essayes de faire du flash avec Image Ready ?!

Ouch ! Je comprend ta déconvenue !

Si des éléments te contraignent à ne pas utiliser de flash mais des gifs animés, renonces tout de suite à croire que tu vas pouvoir faire (à peu près) la même chose !

C'est un peu comme si tu voulais faire une course de vélo avec, je sais pas moi, une planche à voile ! Ta planche à voile aura beau être d'exellente qualité, elle ne sera pas très performante pour abattre des kilomètres de route.

Bon, mon exemple n'est peut-être pas top ( ), pas le plus pédagogique qui soit, mais en gros, c'était pour te dire que tu ne dois alors pas que remettre en compte le support technique, mais également le but.

Puisque tu dois utiliser les gifs animés, restes dans le cadre des gifs animés et sort toi de la tête tes projets ressemblant à du flash.

J'aurais tendance à être plutôt contre un logo animé.

D'abord, parce que les animations peuvent géner à la lecture d'une page web.

Il y a déjà tellement d'infos, de différents espaces sur une page et surtout, souvent, de la publicité animée ; inutile de perdre le regard du visiteur un peu partout !

Ensuite, parce que le logo peut, même dans le cas d'un site web uniquement, se décliner statique : un courrier à envoyer, des cartes de visites, cartons commercials ou propectus à laisser sur un salon ...

Dons, si le logo ne se conçoit que animé, je pense que cela peut poser des barrières.

Maintenant, il y a "animé" et "animé" !

S'il s'agit d'une toute petite partie du logo qui subit une légère animation, pourquoi pas.

S'il s'agit d'une animation totale du logo, mais qui le met en place et s'arrête, pourquoi pas. Mais dans un tel cas, je me pose la question de l'utilité.

Il ne faut pas non plus animé son logo ... pour l'animer ! ("Regardez ! Je sais animer mon logo ! Regarder, je sais mettre des gifs animés rigolos ! Et là, je peux faire clignoter mon texte !!!")

En fait, l'utilité d'animer son logo sera à évaluer de la même façon que les autres points soulevé dans l'article : est-ce que c'est dans le ton ? Est-ce que cela apporte quelque chose au message que je veux faire passer dans mon logo ?

Quant-à l'animer en gif ou en flash, ce n'est plus qu'une question technique. Cela dépend de l'animation, du poids...

Cela dépend également de la cible : si on s'adresse à un public susceptible, 1/ de ne pas avoir flash, 2/ de ne pas savoir le télécharger, il serait dommage de le priver du logo, symbole de la marque, élément majeur de la reconnaissance de la marque...

Voici un article contenant quelques considérations personnelles sur la conception d'un logo. Dans la théorie dans un premier temps, la méthodologie ensuite.

Concevoir un logo - 1ère partie : Considérations théoriques

Concevoir un logo - 2ème partie : Considérations pratiques

Si le sujet vous intéresse, j'attends vos commentaires

Nissone.

Ah la la ! J'ai beau m'attendre à ce que les CSS soient riches, c'est toujours plus riche que je ne croyais

Bon, pour l'instant, la réponse de Dinostrate me permet d'obtenir ce que je veux et le lien vers Openweb me rappelle tout ce que j'ai encore à apprendre !!!

En avançant, je rencontre un petit problème.

Pour mon cadre de gauche, j'ai voulu mettre une hauteur en % pour que le cadre remplisse presque toute la hauteur de son conteneur.

 
 .Gauche {
  float: left;
	margin-left: 10px;
  width: 190px;
	height: 80%;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 0px;
	background-color: #F1EFCF;
 }

Dans IE, il interprête que mon cadre Gauche doit faire 80% de la hauteur du conteneur et me l'agrandi.

Dans Netscape, il interprête que mon cadre doit faire 80% de sa propore hauteur, et donc, me le rappetisse.

Je suppose du coup que c'est moi qui ne leur ai pas bien expliqué. Quelle est la bonne façon de faire ?

<div class="Page"><!-----------------------------Début div page-->

<div class="Gauche"><!---------------------------------------------début div Gauche-->

<br>

<br>

</div><!---------------------------------------------Fin div Gauche-->

<div class="Contenu"><!---------------------------------------------début div contenu-->

<br>

<br>

<br>

<br>

</div><!---------------------------------------------Fin div contenu-->

</div>

<!-----------------------------Fin div Page-->

"tu pourrais aussi essayer un padding-left plus large que la dimension du cadre gauche "

Je vais essayer ça.

Je te remercie pour tes pistes.

J'ai fais un p'tit dessin pour me faire comprendre :

Alors voilà, j'ai un cadre à gauche, et je voudrais que mon cadre à droite ne revienne pas en dessous, même s'il est plus grand en hauteur.

Voilà mon code :

 .Gauche {
  float: left;
  width: 220px;
	padding-right: 20px;
 }

.Contenu {
  position: relative;
 }

Il me semble que je l'ai vu un jour dans un tutoriel, mais impossible de retrouver lequel !

Est-ce que quelqu'un peu m'aider ?

Très juste Fupap.

Je rajouterais pour la première page que le rouge sur fond orange, ce n'est pas très lisible et ça fait mal aux yeux.

Nissone, tu fais comme tu veux 

Je t'ai juste donné un exemple de code correct pour l'exemple que tu as donné en début de discussion...

C'est que, Monique, je ne voudrais pas donner l'impression de demander des conseils et de ne pas les suivre !!!

Tu te décarcasses tellement à répondre précisément à toutes les questions !

Mais c'est vrai qu'avec ma page qui évoluait au cours de la journée...

Bon ! Ben, j'ai corrigé quelques trucs, mais j'en ai encore beaucoup à voir ! Au moins, au fur et à mesure, ça devient de plus en plus concret pour moi !

Merci Monique.

Je vais suivre tes conseils.

Euh... sauf peut-être pour la fin de div... J'ai essayé, mais je crois que j'ai fais autrement... Et j'ai l'impression que ça marche pour moi, comme pour le validateur.

D'ailleurs, le validateur me "réclame" des ALT pour mes images qui sont en fait des puces.

J'ai voulu, du coup, faire ça :

.ulPuce {
	list-style: url(images/puce.gif);
}

(car j'utilise déjà <ul> ailleurs)

Que j'appelle de la façon suivante :

<ul class="ulPuce">
<li></li><span class="VioletGras">DOCTORAT
    Hydrogéologie, Hydrologie, Géochimie et Géostatistique</span><br>
  <div class="Texte2">Faculté d'ORSAY Paris XI -  2001/2004 <br>
  <br>

(...)

</ul>

Ca ne marche pas ... parce que ce n'est pas possible ou il y a quelque chose que j'ai mal fais ?!

Désolée, Flight, je ne voulais pas te vexer.

Comme je suis en plein apprentissage et en pleine expérimentation, j'ai essayé autre chose :

#Gauche {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 200px;
}

#Milieu {
	position: absolute;
	top: 0px;
	left: 250px;	
}

Et ça marche !

Je te remercie pour ton aide.

Pour l'instant, j'essaye d'avancer sur cette page. Il y a tellement de choses que je ne comprends pas encore (et qui m'éniiirve ! )