-
Comment pouvons-nous améliorer le site Web, le rendre plus adapté aux normes du W3C et offrir une bonne expérience utilisateur ? C'est un problème auquel sont confrontés de nombreux producteurs de pages Web, et c'est aussi quelque chose que tout le monde veut savoir. Les webmasters de Netgather ont abouti aux résultats suivants. dans les travaux pratiques à long terme, j'espère que cela pourra être utile à tout le monde. Veuillez critiquer et corriger toute lacune.
1. Comprendre la thématique du site, clarifier le contenu affiché sur le site et la majorité des groupes de navigation
Si vous souhaitez créer un site Web utile aux utilisateurs, vous devez d'abord considérer le contenu et les fonctions du site Web. De quoi ont-ils besoin ? Comment peuvent-ils trouver ce qu'ils veulent rapidement et facilement, pendant toute la conception ? Tout doit être fait autour de cet aspect. Si les utilisateurs ne parviennent pas à obtenir rapidement ce qu’ils veulent ou si votre site n’est pas facile à utiliser, alors le site est un échec. Les utilisateurs seront déçus et ne se reconnecteront peut-être plus jamais à votre site Web. Un petit exemple : si vous souhaitez créer un site Web boursier, mais que la taille de police du site Web est de 12 pixels, pensez-y, le nombre de personnes âgées qui prennent leur retraite chez elles et spéculent sur les actions n'est pas un petit nombre, même si votre site Web contenu Aussi bon ou incisif soit-il, il leur est impossible de tenir une loupe devant l'écran et de regarder votre site Web. Le résultat sera simplement que vous perdrez un grand nombre d'utilisateurs.
2. Correspondance raisonnable des couleurs
Pour un concepteur de sites Web, le processus de conception est à la fois douloureux et joyeux. Après avoir déterminé le type de site Web que vous souhaitez créer, vous devrez passer par un processus de sélection des couleurs et de mise en page pour refléter le thème de manière plus raisonnable. Personnellement, je pense que si vous ne créez pas un site Web super personnalisé, la correspondance des couleurs n'est pas une tâche difficile. Tout d’abord, identifiez la couleur principale. En fait, les caractéristiques de la couleur de l'industrie ne sont pas très importantes. Seule la perception qu'ont les gens d'une industrie crée une relation entre l'industrie et la correspondance des couleurs. Par exemple, si vous créez un site Web d'hôtel, il ne peut bien sûr pas s'agir de rouge. ? En fait, cela dépend de la perception des gens, car nous pensions tous les deux que le rouge était une couleur festive et donc inappropriée pour une maison funéraire. Par exemple, le bleu est généralement meilleur pour les sites Web technologiques ou basés sur la technologie, le rose est meilleur pour les sites Web féminins, etc. Deuxièmement, les couleurs auxiliaires et les couleurs de finition. Pour confirmer la couleur principale d'un site Web, des couleurs auxiliaires et des couleurs de finition sont également requises. Les couleurs auxiliaires utilisent principalement la même combinaison de couleurs et des combinaisons de couleurs adjacentes. La même correspondance des couleurs est obtenue en modifiant la transparence, la saturation, l'éclaircissement ou l'assombrissement de la couleur principale. La correspondance des couleurs adjacentes est basée sur la couleur principale en prenant les couleurs adjacentes sur la roue chromatique, comme le rouge et l'orange. La couleur de finition est généralement assez différente de la couleur principale. Elle est généralement utilisée dans le contenu ou les boutons les plus importants de la page Web. Sa fonction est d'attirer l'attention de l'utilisateur et d'éliminer la fatigue visuelle de la page Web. raisonnablement pour éviter trop d'apparence, sinon cela sera contre-productif.
3. Bonne mise en page Web
Les éléments à prendre en compte dans la mise en page d’une page Web sont des priorités claires, la coordination et l’ordre, le respect des habitudes visuelles des utilisateurs et une disposition raisonnable du contenu. Affichez autant que possible ce que les utilisateurs veulent en premier et faites attention aux comportements potentiels des utilisateurs. Comme le dit le proverbe : une bonne mémoire n'est pas aussi bonne qu'un mauvais stylo. Lors de la conception d'une interface de site Web, nous devons d'abord utiliser un crayon pour dessiner la mise en page du site Web, puis utiliser un logiciel de dessin pour le créer et le modifier une fois le résultat obtenu. effet recherché. Les détails déterminent le succès ou l'échec. Dans les rendus de conception, utilisez le moins de grands blocs de couleur possible, mettez en surbrillance la navigation et ayez des sections claires pour obtenir un effet propre, concis, soigné et coordonné. Par exemple, la barre de navigation doit être ajoutée de manière appropriée avec un effet de souris ; les lignes de la page Web doivent éviter trop de différence de couleur ; le contour et l'ombre ne doivent pas être trop évidents, s'ils sont présents ou non, c'est mieux ; les images et les textes ; l'espacement entre les sections de la page Web doit être raisonnable et uniforme ; les styles de texte de même niveau doivent être unifiés et les caractéristiques physiques de la vie quotidienne doivent être respectées (par exemple, la lumière devient plus brillante). d'un côté et plus clair de l'autre, ou comme un ruban s'enroulant autour d'un objet, le point tournant doit être légèrement saillant et avoir une subtile ombre arrondie)...
Une fois la production des rendus de la page Web confirmée, nous commencerons la production de la page html.
4. Titre et méta de la page Web
Le titre et la méta de la page Web doivent être basés sur les colonnes de base et les pages de contenu. N'utilisez pas le même format pour l'ensemble du site. Vous n'avez pas besoin d'ajouter des mots-clés, ce qui a peu d'effet sur les moteurs de recherche. empilement de mots clés.
5.Utilisation des balises h1-h6
Une balise h1 de page Web ne peut être utilisée qu’une seule fois. Sur la page d'accueil, la page de la chaîne et la page de liste d'un site Web, la balise h1 peut être utilisée respectivement pour le nom du site Web, le nom de la chaîne et le nom de la liste des colonnes. Cependant, sur la page de détails de l'article d'un site Web, la balise h1 doit être utilisée. être utilisé sur le titre de l’article. Les balises h2-h6 peuvent être utilisées à plusieurs reprises sur une page, respectant à leur tour la hiérarchie du site Web.
6.Fichiers CSS
Essayez d'importer des fichiers CSS de l'extérieur à l'aide de liens et écrivez un fichier reset.css que vous utilisez souvent pour réinitialiser le style CSS. Évitez d'utiliser *{}. Écrivez un style sur une ligne pour réduire la taille du fichier. Essayez d'utiliser les définitions de classe et réduisez les définitions d'identifiant. Essayez d'éviter les techniques de piratage CSS pour différents navigateurs.
7.Optimisation des images d'arrière-plan
En plus du contenu réel du site Web, les images utilisées dans le cadre doivent être définies autant que possible dans le fichier CSS. Selon la situation réelle, l'image d'arrière-plan doit être fusionnée autant que possible pour améliorer la vitesse de chargement. Il est préférable de ne pas superposer une très petite image sur une zone plus grande.
Disposition 8.div+css pour réduire l'imbrication des pages
Le but de l’utilisation de la mise en page div+css est de réduire le code de la page, de hiérarchiser la structure du site Web et de séparer le contenu et la présentation. La réduction de l’imbrication est non seulement conviviale pour les moteurs de recherche, mais contribue également à réduire la taille des pages et facilite la maintenance et les modifications ultérieures.
9. Optimiser la page js
Les fichiers JS qui peuvent être fusionnés sont fusionnés en un seul, réduisant ainsi les boucles à grande échelle et les références hiérarchiques excessives, et améliorant la vitesse de chargement et d'exécution.
10. Évitez les liens morts et les connexions vides
Comme il serait frustrant pour les utilisateurs de cliquer sur un article qu'ils souhaitent uniquement pour ouvrir le message "Cette page ne peut pas être affichée".
11. Texte et graphiques appropriés
Ne remplissez pas délibérément votre site Web d'images. Les moteurs de recherche ne reconnaissent pas les images, à l'exception de l'attribut alt. L'ajout d'images à des endroits appropriés peut aider à attirer les visiteurs et à éliminer la fatigue liée à la lecture de longs textes.
12. Exigences relatives aux images de pages Web
Ajoutez des attributs alt et des attributs de largeur et de hauteur aux images de pages Web. Ne compressez pas délibérément les images pour garantir que l'affichage de l'image n'est pas déformé.
13. Testez votre site Web dans différents navigateurs.
Afin de permettre à davantage de personnes de naviguer normalement sur votre site Web, veuillez tester votre page avec différents navigateurs grand public pour vous assurer que votre site Web peut fonctionner normalement.
14. Vérification W3C réussie.
http://jigsaw.w3.org/css-validator/validator.html#validate-by-uri
Espace personnel de l'auteur Tomato