Quelques réflexions sur l'apprentissage de Xhtml+CSS2_CSS/HTML

Depuis que le W3C a établi le standard Xhtml1.0, de nombreux sites Web ont commencé à l'utiliser pour reconstruire leurs sites, comme Yahoo, 163, CSDN, etc. L'engouement pour Xhtml+CSS2 s'est accru ces derniers temps, donc occasionnellement j'ai aussi commencé pour les apprendre, et j'en suis progressivement tombé amoureux. Parlons maintenant de mon expérience d'apprentissage au cours de la période récente.

Pourquoi devriez-vous apprendre Xhtml+CSS2

Tout d'abord, le code standardisé peut être affiché de manière fluide dans différents navigateurs.

Certaines pages Web avec des codes non standard peuvent s'afficher normalement dans IE, mais elles peuvent ne pas s'afficher correctement dans Firefox et Opera. Bien que les navigateurs courants actuels soient IE et divers navigateurs basés sur IE comme noyau, nous n'excluons pas l'augmentation progressive de la base d'utilisateurs de navigateurs tels que Firefox et Opera, et la plupart de ces groupes sont des vétérans qui maîtrisent mieux les ordinateurs, je pense. ce serait un mauvais pressentiment s'ils reprochaient à leur site Web d'être trop nul, haha.
Bien sûr, cela ne signifie pas que les pages Web créées à l'aide de tableaux, etc. ne répondent pas aux normes. C'est simplement que de nombreuses personnes sont actuellement habituées à utiliser Forntpage ou Dreamweaver pour la conception. Ces logiciels visuels sont pratiques, mais ils. apportent également de nombreux problèmes, ces logiciels ajouteront ou soustrairont plus ou moins automatiquement certains codes. Si vous n'avez pas l'habitude de vérifier le code, cela peut facilement conduire à des codes irréguliers.

Deuxièmement, DIV + CSS2 simplifie la mise en page
On dit que c'est Xhtml+CSS2, mais en fait, DIV+CSS2 est plus souvent utilisé pour créer un site Web. Si vous avez déjà utilisé un grand nombre de tableaux imbriqués pour mettre en page ou configurer une page, vous divisez généralement une page et utilisez des cellules pour décrire les zones. Ceci est plus intuitif dans un logiciel tel que WYSIWYG, mais cela a plusieurs effets. Premièrement, cela peut affecter la vitesse de téléchargement. Deuxièmement, pour le code manuscrit, une telle structure est très peu intuitive. De plus, l'un des domaines concernés est la fusion de cellules. ", Ensuite, la mise en page de la page entière sera complètement différente.
Utiliser CSS pour la mise en page, c'est comme exploiter les couches dans PS, car il existe des concepts relatifs et absolus en CSS, haha, cela rend la mise en page plus facile et plus pratique.

De plus, Xhtml peut réduire la taille des fichiers
Bien que la vitesse d'Internet soit de plus en plus rapide maintenant, qui ne veut pas que son site soit plus rapide. Quelqu'un a dit un jour : « La distance la plus éloignée du monde ? le monde n'est pas la terre jusqu'au soleil, mais de China Telecom à China Netcom. » Si votre site sur le serveur de télécommunications est consulté par des utilisateurs de lignes Netcom, la taille du fichier de la page Web affectera inévitablement l'expérience du spectateur. Utiliser Xhtml vous aidera à résoudre ce problème, haha.

Au vu des points ci-dessus, je me suis progressivement habitué à utiliser Xhtml+CSS2 pour créer des sites Web.

Expériences lors de l'apprentissage

Outils d'écriture de code : Puisqu'il n'existe pas d'outils visuels pour écrire des pages Xhtml+CSS2, il est nécessaire de trouver un outil d'écriture de code qui vous convient. en utilisant Editplus, et je le recommande comme vous l'avez recommandé. Pour quelques conseils sur l'utilisation d'Editplus, vous pouvez lire ici :
http://www.ifess.com/?p=23
.
Structure de mise en page : Une page doit d'abord avoir une mise en page globale, comme un en-tête, un menu, une barre latérale, un contenu, un pied de page, etc., en définissant les attributs CSS de ces éléments pour donner à la page une division globale, puis écrire des détails spécifiques dans le contenu de ces éléments afin que la page ne paraisse pas encombrée.

Méthode d'écriture CSS : Dans un projet, les valeurs d'attribut définissant les attributs de contenu et les attributs de mise en page structurelle peuvent être écrites séparément, ce qui facilite la recherche et la modification. Essayez de réduire autant que possible les définitions répétées et n'écrivez pas d'attributs répétés qui peuvent être hérités. Essayez d'utiliser des valeurs d'attribut CSS compatibles avec IE et Firefox, car certains attributs ne peuvent pas être affichés normalement après avoir été écrits, ce qui équivaut à un effort inutile.

Fichier Xhtml : essayez d'utiliser des liens externes pour appeler des fichiers CSS. Les attributs CSS qui n'apparaissent qu'une seule fois peuvent également être écrits dans le fichier. Lors de l'écriture du code, il est préférable d'écrire des commentaires et de faire attention au format d'alignement pour faciliter la vérification des erreurs.

C'est tout ce à quoi je pense pour l'instant, tout le monde est invité à en discuter ensemble.

Vous trouverez ci-dessous quelques ressources et liens couramment utilisés :

Manuel chinois CSS2.0, Analyse de la conception de sites Web d'entreprise coréens, Color Standard 2004, Manuel JS :
http:/ / www.im286.com/viewthread.php?tid=875287
Page de validation Xhtml1.0 :
http://validator.w3.org/checklink
CSS Page de validation :
http://jigsaw.w3.org/css-validator/
Optimisation CSS en ligne :
http://flumpcakes.co.uk/ css /optimiser/


Source de l'article : http://www.ifess.com/?p=70 Auteur : Ipv6 obsolète, veuillez l'indiquer lors de la réimpression.