Premier site .css

Fermé
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 - 15 sept. 2007 à 17:24
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 - 16 sept. 2007 à 15:30
salut

Bon je m y met doucement , mais je m y met
(hein dalida ^^)

Voilà je commence à mettre un exemple de site en ligne

http://www.warlix.com

Je le passe à la moulinette w3c
Il me dit que j ai 100 % d erreurs :p
( Nombre de pages invalides 3 100 % )

J ai fais au plus sobre....
Mais cela ne viens pas du logiciel : DW ? car les erreur proviennent beaucoups des " ou autres
J utilise dwcs3

Bon je pase sur les petites erreurs de liens , car je n ai pas encore fais le reste...
Deux pages fonctionnent : accueil et histoires/images
Le reste je verrai plus tard.

Mais avant de continuer , j aimerai un avis (pas sur le contenu) mais sur la source/code qui merdouille

Pages uniquement en xhtml+.css donc la source facile a voir :p , ça evite les pavés.


Merchi m'sieur dames
A voir également:

11 réponses

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 921
15 sept. 2007 à 22:05
salut,

EXCELLENT !!!

ba bravo !
je viens de tester ta page d'accueil, 10 erreurs c'est peu, d'autant plus que tes erreurs sont pour la plupart des balises html qui sont obsolètes en xhtml. pour cela, suis les indications du validateur, au fur et à mesure tu connaitras les pièges et les astuces.
quand tu as un gros soucis pour valider une page (genre les balises '<script>' ou '<objet>'…) → un petit tour chez Google avec une requête du genre "html+validation+script", tu devrais trouver quelqu'un qui as eu le même soucis.

le document html lui-même :

• j'ajouterais la langue utilisée dans le document (en html et en xml).
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

evite de mettre du CSS en plusieurs endroits. c'est faisable et correct techniquement mais pour débuter c'est source de galère au débug. sur les deux codes, l'un est prioritaire et si tu oublies son existence tu peux tourner en rond un bon moment…
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
<style type="text/css">
<!--
body {
	background-image: url();
	margin-left: 20px;
	background-color:#7F6B6C;
	margin-top: 20px;
	margin-right: 20px;
}
.Style1 {
	color: #000000;
	font-size: 24px;
}
-->
</style>

• pour le xhtml, il faut surtout donner du sens à ton document.
on parle de sémantique, la balise elle-même a une signification, au delà de son contenu. il ne faut pas utiliser une balise pour un effet de mise en page ! le xhtml c'est le contenu (texte, image significative, tbleaux de données…) et uniquement le contenu. la mise en page c'est uniquement CSS. d'ailleurs si un titre est affiché plus gros par défaut c'est que les règles de la feuille de style par défaut du navigateur sont appliquées.
exemple extrême avec les titres. les '<hn>' doivent être utilisés dans l'ordre et chaque titre est plus important que le titre de rang n+1.
d'où :
◊ un seul '<h1>' par page (sauf exception), c'est l'information première.
◊ un titre de rang n ne doit pas être utilisé avant et/ou sans titre de niveau n-1.

dans ton cas pas de '<h1>' pour un footer !
<div id="footer">
<p><h1 align="center">Warlix.com</h1>
</div>

on peut étendre cette réflexion à la bannière. tu affiches une image ('<img>') mais en fait l'information que tu veux transmettre c'est le titre de ton site : "warlix.com". donc la balise est mal utilisée puisque tu ne veux pas montrer un bitmap (qui serait plutôt une photo illustrant un texte, ou une photo affichée car elle est elle-même l'information de la page comme dans les sites de photos…).
donc ta bannière serait plutôt :
<div id="header">
       <h1>warlix.com</h1>
</div>

que tu "designeras" avec CSS :
h1
{
height:193px;
background-image: url(images/header.jpg);
background-position:0 0;
background-repeat:no-repeat;
text-indent:-1000em;
overflow:hidden;
}

le résultat est exactement le même mais il est valide et accessible à la fois : la classe !
-;o)

• pour le menu une liste non-ordonnée : parfait !
mais les listes ont aussi un sens, tu pourrais en utiliser une dans ton texte :
<p> Besoin,d'aide pour :<br/>
Un design<br/>
Une bannière<br/>
Un header<br/>
Une signature ?</p>


en css, je trouve ça bien.
là ce n'est pas forcement la peine mais il faut jouer au maximum avec la cascade.
quelques remarques :
• pour la valeur '0', pas d'unité ;
• les tailles de police en unité relative ('em' de préférence) ;
• n'oublie pas le sélecteur c'est le conteneur principal, tu peux lui appliquer entre autre la police de caractères de tout le document.

enfin et c'est valable pour les deux langages : lis !
il y a de la doc partout sur Internet (pas que du bon, faut aussi savoir trier), il faut lire, se documenter sachant que les documents ultimes sont les spécifications. c'est pas évident à déchiffrer, surtout quand on débute mais il ne faut jamais les oublier et toujours y revenir. il contiennent tout.
Spécifications HTML 4.01
Spécifications XHTML 1.0
Spécifications CSS 2

voili, voila !
0
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
16 sept. 2007 à 11:08
re

Merci Dalida , je vais regarder tout cela de prés.
J ai fais quelques petites modifs etc..

J ai pas trop cherché , mais une méthode pour faire une annimation de 7/8 images se fait que en .js?
En tenant compte que je ne veux pas de gif(IR) ni de .swf(flah)

Je vais pour mon site test voir à juste changer le css sur un lien.

Go Go !!!!


0
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
16 sept. 2007 à 11:15
mais une méthode pour faire une annimation de 7/8 images se fait que en .js?

cela depend quel type d anime tu veux faire !!

RAD
0
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
16 sept. 2007 à 11:22
salut RAD :)

une éspéce de 'slideshow' (pas sur du nom)
un défilement simple de toutes les créas que je fais
Je crée un dossier avec toutes mes images dedans 7ou8 voir plus
je voudrais que sur la page création 2 ça m ouvre en _parent cette animation
temps d affichage en gros 3/4 secondes , annimation en boucle.

J avais lu un truc dessus , mais je pense qu il me faut avoir une base php non ?
Ou que .js ?
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
16 sept. 2007 à 11:31
tout est possible !! js php flash html java ect

quelque exemples parmis beaucoup
probleme de diaporama#1

RAD
0
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
16 sept. 2007 à 11:48
re

Oui en flash je sais le faire .
Mais je voudrais éviter pour changer :p

je vais tenter de trouver des exemple sur le net
0
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
16 sept. 2007 à 11:57
ensuite si tu as un tres bon niveau js ( et je dis bien tres bon !!!) tu peux essayer de faire comme certains mes exemples :-))

RAD
0
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
16 sept. 2007 à 15:05
re


Non je ne suis absolument pas copetent en .js
D ailleur je n ai jamais vraiment jeté un oeil.

J ai fais un dossier via PScs3 qui me donne une page html avec le dossier des images
jusque là c est bon , par contre je n arrive pas à l inclure dasn le site existant , les tailles tronque les menu etc ..

on copie bien le code complet <body> <div ....... > que l on met à suivre de la page où il dois être affiché ?

Peu être raté une étape.. :p

0
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
16 sept. 2007 à 15:15
PScs3 ??

tu utilise dreamweaver je crois ??

pourquois le le fais tu pas avec ! il y as une option gallerie il me semble ?
0
warlix Messages postés 1201 Date d'inscription mercredi 25 juillet 2007 Statut Contributeur Dernière intervention 21 février 2009 288
16 sept. 2007 à 15:17
^^

Pas testé encore , mais je vais regarder , DW me sert qu en editeur donc je n ai pas vraiement fais le point sur toutes les fonctions


Je file faire ça alors :)
ty
0
RAD ZONE Messages postés 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
16 sept. 2007 à 15:30
SINON vas sur mon site et telecharge JAlbum tres bon soft gratuit aux resultats de qualite pro

RAD ZONE section "Webmaster Tools"

RAD
0