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
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
A voir également:
- Premier site .css
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Site inaccessible - Guide
- Site de vente en ligne particulier - Guide
- Quel site remplace coco - Accueil - Réseaux sociaux
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
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).
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…
• 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 !
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 :
que tu "designeras" avec CSS :
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 :
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 !
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 !
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
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 !!!!
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 !!!!
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
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
cela depend quel type d anime tu veux faire !!
RAD
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
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 ?
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 ?
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
16 sept. 2007 à 11:31
tout est possible !! js php flash html java ect
quelque exemples parmis beaucoup
probleme de diaporama#1
RAD
quelque exemples parmis beaucoup
probleme de diaporama#1
RAD
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
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
Oui en flash je sais le faire .
Mais je voudrais éviter pour changer :p
je vais tenter de trouver des exemple sur le net
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
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
RAD
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
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
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
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
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 ?
tu utilise dreamweaver je crois ??
pourquois le le fais tu pas avec ! il y as une option gallerie il me semble ?
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
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
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
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
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
RAD ZONE section "Webmaster Tools"
RAD
