XHTML CSS et la structure de fichiers

  • SpooF
  • ٩๏̯͡๏۶
  • Bronze Member
  • Avatar de l’utilisateur
  • Inscription: Mai 22, 2004
  • Messages: 3415
  • Loc: Richland, WA
  • Status: Offline

Message Juin 20th, 2008, 2:19 pm

J'ai moi-même dure CSS et XHTML et j'ai en quelque sorte avoir un moyen de mettre un site ensemble mais je me demandais si quelqu'un a lu des articles ou tout ce qui explique une bonne manière de structurer un fichier XHTML. Ou si quelqu'un a des commentaires personnels.

[EDIT]

La principale raison Im demandant c'est parce Im intéressés par ce que les "normes" sont. Voici un exemple d'un morceau que je viens de faire.

Image

HTML Code: [ Select ]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
 
<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
    <meta name="author" content="Travis Person" />
    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />   
   
    <title>Control Panel</title>
</head>
 
<body>
 
<div id="master">
    <div id="headerContainer">
        <h1>Welcome to the MyMediaGuy Control Panel</h1>
        <ul>
            <li><a href="#">Home</a></li>
            <li><a href="#">Home</a></li>
            <li><a href="#">Home</a></li>
            <li><a href="#">Home</a></li>
        </ul>
        <div id="log-info">
            <span>Logged in as USER [<a href="#">logout</a>]</span>
        </div>
    </div>
    <div id="mainContainer">
        <div id="alerts">
            <ul>
                <li>Alert</li>
            </ul>
        </div>
        <div id="intro">
            <p>
            Intro Para
            </p>
        </div>
        <dl>
            <dt>title</dt>
            <dd>
                <span>statment</span>
                <ul>
                    <li>list item</li>
                    <li>list item</li>
                </ul>
            </dd>
            <dt>title</dt>
            <dd>
                <span>statment</span>
                <ul>
                    <li>list item</li>
                    <li>list item</li>
                </ul>
            </dd>
        </dl>
    </div>
</div>
 
</body>
</html>
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3.  
  4. <head>
  5.     <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  6.     <meta name="author" content="Travis Person" />
  7.     <link rel="stylesheet" type="text/css" href="style.css" media="screen" />   
  8.    
  9.     <title>Control Panel</title>
  10. </head>
  11.  
  12. <body>
  13.  
  14. <div id="master">
  15.     <div id="headerContainer">
  16.         <h1>Welcome to the MyMediaGuy Control Panel</h1>
  17.         <ul>
  18.             <li><a href="#">Home</a></li>
  19.             <li><a href="#">Home</a></li>
  20.             <li><a href="#">Home</a></li>
  21.             <li><a href="#">Home</a></li>
  22.         </ul>
  23.         <div id="log-info">
  24.             <span>Logged in as USER [<a href="#">logout</a>]</span>
  25.         </div>
  26.     </div>
  27.     <div id="mainContainer">
  28.         <div id="alerts">
  29.             <ul>
  30.                 <li>Alert</li>
  31.             </ul>
  32.         </div>
  33.         <div id="intro">
  34.             <p>
  35.             Intro Para
  36.             </p>
  37.         </div>
  38.         <dl>
  39.             <dt>title</dt>
  40.             <dd>
  41.                 <span>statment</span>
  42.                 <ul>
  43.                     <li>list item</li>
  44.                     <li>list item</li>
  45.                 </ul>
  46.             </dd>
  47.             <dt>title</dt>
  48.             <dd>
  49.                 <span>statment</span>
  50.                 <ul>
  51.                     <li>list item</li>
  52.                     <li>list item</li>
  53.                 </ul>
  54.             </dd>
  55.         </dl>
  56.     </div>
  57. </div>
  58.  
  59. </body>
  60. </html>
#define NULL (::rand() % 2)
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juin 20th, 2008, 2:19 pm

  • jameson5555
  • Bronze Robot
  • Bronze Member
  • Avatar de l’utilisateur
  • Inscription: Oct 02, 2007
  • Messages: 575
  • Loc: Phoenix, AZ
  • Status: Offline

Message Juin 20th, 2008, 3:34 pm

Jai lu beaucoup de livres sur les derniers standards du Web, et votre code ressemble assez bon pour moi (bien que la transition avec whats doctype? :wink: )

Le livre de lecture Im maintenant, Web Standards Creativity , A une grande quantité d'informations sur une collection et de son d'un groupe d'auteurs différents, de sorte que vous obtenez un bon aperçu de la façon dont les experts de le faire.
phoenix web design
  • SpooF
  • ٩๏̯͡๏۶
  • Bronze Member
  • Avatar de l’utilisateur
  • Inscription: Mai 22, 2004
  • Messages: 3415
  • Loc: Richland, WA
  • Status: Offline

Message Juin 20th, 2008, 3:42 pm

:D Sous la direction de mettre les choses en y lol

Merci, Ill faut vérifier que livre.
#define NULL (::rand() % 2)
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Juin 21st, 2008, 12:46 am

Quote:
whats bien avec le doctype de transition?


Id plutôt que d'utiliser une transition DOCTYPE strict pour autre chose que la FAQ ou le dictionnaire de type pages qui n'ont aucune fonctionnalité autre que simple Q & A.
Strong with this one, the sudo is.
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • Avatar de l’utilisateur
  • Inscription: Oct 02, 2007
  • Messages: 575
  • Loc: Phoenix, AZ
  • Status: Offline

Message Juin 21st, 2008, 4:23 pm

joebert a écrit:
Id plutôt que d'utiliser une transition DOCTYPE strict pour autre chose que la FAQ ou le dictionnaire de type pages qui n'ont aucune fonctionnalité autre que simple Q & A.

Wouldnt-il mieux de commencer avec doctype strict et transitoire, puis changer pour le moment et si vous avez besoin de? Par exemple, je veux concevoir un site avec toutes strict, mais si je décide d'utiliser une iframe sur une des pages (comme pour une carte google ou quelque chose), alors que l'un mauvais changement de page de transition. Je n'ai vraiment pas trouvé tout ce que de nombreux cas où j'ai besoin d'utiliser de transition, bien que...
phoenix web design
  • seularts
  • Graduate
  • Graduate
  • Avatar de l’utilisateur
  • Inscription: Jan 02, 2007
  • Messages: 147
  • Loc: Romania
  • Status: Offline

Message Juin 22nd, 2008, 3:07 am

La promotion d'une DTD stricte séparation de la structure et la présentation, ce qui en fait un site beaucoup plus facile à entretenir. Trabnsitional est un peu plus chalenging je pense parfois:)
  • casablanca
  • Proficient
  • Proficient
  • Avatar de l’utilisateur
  • Inscription: Mai 29, 2007
  • Messages: 481
  • Status: Offline

Message Juin 22nd, 2008, 4:48 am

SpooF a écrit:
La principale raison Im demande, c'est parce que Im intéressés à ce que les "normes" sont.

CSS a été introduite afin que les balises HTML, représentent actuellement le type de contenu et non pas la mise en forme, par exemple. em pour l'accent, adresse pour les adresses de contact. Dans ce contexte, je vous conseille d'utiliser des balises de liste de définitions (comme celles dans le code affiché ci-dessus), sauf si vous êtes en réalité la définition de certains termes, parce que l'aspect mise en page peut de toute façon être contrôlée en utilisant CSS.
No Strings Attached: A JavaScript graphics demo.
  • joebert
  • Sledgehammer
  • Genius
  • No Avatar
  • Inscription: Fév 10, 2004
  • Messages: 13455
  • Loc: Florida
  • Status: Offline

Message Juin 22nd, 2008, 5:21 am

jameson5555 a écrit:
joebert a écrit:
Id plutôt que d'utiliser une transition DOCTYPE strict pour autre chose que la FAQ ou le dictionnaire de type pages qui n'ont aucune fonctionnalité autre que simple Q & A.

Wouldnt-il mieux de commencer avec doctype strict et transitoire, puis changer pour le moment et si vous avez besoin de? Par exemple, je veux concevoir un site avec toutes strict, mais si je décide d'utiliser une iframe sur une des pages (comme pour une carte google ou quelque chose), alors que l'un mauvais changement de page de transition. Je n'ai vraiment pas trouvé tout ce que de nombreux cas où j'ai besoin d'utiliser de transition, bien que...


Voilà exactement pourquoi je ne l'utiliser pour ces types de pages. :D

Je suis allé tout au long de la tente de tout pour s'adapter à des normes strictes, ça rend ma vie soo beaucoup plus facile de rester loin de la stricte exception de certains types de base extrêmement de pages où le contenu est susceptible de ne jamais, ou très rarement le changement.
Strong with this one, the sudo is.
  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Mar 12, 2007
  • Messages: 6228
  • Loc: South-Africa
  • Status: Offline

Message Juin 22nd, 2008, 11:30 pm

J'ai tendance à faire de même joebert...au début, il a été dans l'autre sens bien.

@ kc0tma: ce livre ressemble doux...Je dois avoir une carte de crédit pour des choses comme ça, car je ne peux rien acheter en ligne...jamais...
Let's leave all our *plum* where it is and go live in the jungle ...
  • engadven
  • Bronze Member
  • Bronze Member
  • Avatar de l’utilisateur
  • Inscription: Nov 27, 2006
  • Messages: 23
  • Loc: UK
  • Status: Offline

Message Juin 25th, 2008, 1:40 pm

Je préfère de transition, car il donne plus de souplesse sur le contenu mais aussi son seul un petit point.
Avez-vous vu la norme CSS grille structures. Google et Yahoo ont des exemples, mais il existe plusieurs autres. Vient de recherche Google.
  • Zwirko
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 29, 2005
  • Messages: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Message Juin 25th, 2008, 3:34 pm

Pourquoi utiliser autre chose que le strict? (de préférence de la saveur html)

Avec un strict doctype que vous avez le navigateur (je l'espère) le rendu de la page dans la plupart des normes conformes manière qu'elle est capable de faire. Sonne comme une bonne chose pour moi. Maintenant, si vous êtes intéressé par l'ensemble de la "chose standards du Web", puis rester stricte. Im pas un nazi-normes par un effort d'imagination (je sais que la page vue dans une fenêtre de navigateur par son utilisateur final est ce qui compte vraiment), mais il semble que la logique d'action.

Une transition doctype déclenche effectivement un navigateur dans drôles de choses à faire (mode quirks et le mode quasi-normes). Wouldnt que pesky box-model problème dans IE que figurant à Ozzu garde encore et encore, finalement disparaître si nous avons tous utilisé strict doctypes?
  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Mar 12, 2007
  • Messages: 6228
  • Loc: South-Africa
  • Status: Offline

Message Juin 25th, 2008, 11:39 pm

La chose que j'ai STRICT contre, c'est que je ne peux pas utiliser "target =" _blank "" complètement nul, et sur la plupart des pages, je le fais, avoir un mauvais lien en bas, pointant vers mon site et je tiens à ouvrir en une nouvelle fenêtre...
Let's leave all our *plum* where it is and go live in the jungle ...
  • Zwirko
  • Guru
  • Guru
  • Avatar de l’utilisateur
  • Inscription: Mai 29, 2005
  • Messages: 1417
  • Loc: 55° N, 3° W
  • Status: Offline

Message Juin 26th, 2008, 2:04 am

Je crois que la résolution de cette RT est de ne pas utiliser un doctype xhtml (il ya de nombreuses raisons pour lesquelles vous ne devriez pas utiliser xhtml).

Je pense aussi beaucoup d'attention sur les nouvelles fenêtres, comme beaucoup de gens trouvent tout à fait ennuyeux. Si l'objectif de la nouvelle fenêtre est en quelque sorte à piéger les visiteurs sur vos pages, vous ouvrent de nouvelles fenêtres pour les mauvaises raisons imho. Id les utiliser uniquement pour certaines situations - comme l'ouverture d'une carte google avec une tonne de repères ou d'afficher des images sur 1 ou 2 Mo en taille.
  • righteous_trespasser
  • Scuffle
  • Genius
  • Avatar de l’utilisateur
  • Inscription: Mar 12, 2007
  • Messages: 6228
  • Loc: South-Africa
  • Status: Offline

Message Juin 26th, 2008, 2:10 am

Ah ok je vois le point que vous faites, il...Si un visiteur désirait ouvrir quelque chose dans un nouvel onglet, ils pourraient le faire eux-mêmes...Le seul truc, c'est que certains utilisateurs ne savent même pas qu'ils pourraient le faire (malheureusement) et puis ils se prendre pour une toute nouvelle page...mais je suppose theyll juste d'apprendre la "dure" façon...

Cette pensée m'a vraiment maintenant...
Let's leave all our *plum* where it is and go live in the jungle ...
  • jameson5555
  • Bronze Robot
  • Bronze Member
  • Avatar de l’utilisateur
  • Inscription: Oct 02, 2007
  • Messages: 575
  • Loc: Phoenix, AZ
  • Status: Offline

Message Juin 26th, 2008, 7:39 am

Aussi, vous pouvez utiliser une très petite quantité de JavaScript pour créer des liens s'ouvrent dans une nouvelle fenêtre lorsque vous vous sentez qu'il est vraiment le cas. Plus, vous avez l'avantage d'être en mesure de contrôler ce que la nouvelle fenêtre ressemble (la taille, les menus, etc)
phoenix web design
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Juin 26th, 2008, 7:39 am

Afficher de l'information

  • Total des messages de ce sujet: 15 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 181 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC