Spécifications de production d'illustrations de pages Web_CSS/HTML

1. Pour les pages qui permettent la récupération de texte intégral, afin de permettre aux moteurs de recherche sur Internet de les récupérer efficacement, les balises méta Keywords et Description doivent être ajoutées entre les

dans le code HTML de la page d'accueil de la chaîne Don. N'oubliez pas d'ajouter le site Web du client lors de la création du mot-clé. Surtout pour les pages avec des URL générales, assurez-vous d'ajouter des mots-clés~ ! Cela facilite la promotion !
Exemple :



2 Lors de la création d'un site Web, la page a un fichier d'en-tête et un fichier de queue unifiés. Assurez-vous de créer un seul fichier d'en-tête supérieur et un fichier de queue inférieur, puis de les imbriquer dans la page. Ceci est facile à modifier. Code imbriqué :
1. (recommandé)
2. (modifiez simplement la partie bleue lors de son utilisation)

3. Utilisez le style du plug-in de manière uniforme. Tableau~! Code associé :
Veuillez noter que l'ordre de a:link a:visited a:hover a:actived doit être cohérent avec celui d'origine.
Redéfinissez d'abord, la pseudo-classe ensuite et la personnalisation en dernier.
Afin de garantir que la taille de la police est cohérente sur les différents navigateurs, il est recommandé d'utiliser les points pt et pixel px pour définir la taille de la police. pt utilise généralement 9 pt et 11 pt de la dynastie des chansons chinoises, et px utilise généralement la chanson chinoise. Dynasty 12px et 14,7px Il s’agit d’une taille de police optimisée Pour les polices grasses ou les polices Song, les tailles de police de 11 pt et 14,7 px sont généralement plus appropriées.

4． Une page Web doit essayer d'éviter d'utiliser un grand tableau entier
Tout le contenu est imbriqué dans ce grand tableau, car lorsque le navigateur interprète les éléments de la page, il les affiche un par un en unités de tableaux. intégré S'il est placé dans un grand tableau, la conséquence probable est que lorsque le visiteur tape l'URL, il sera d'abord confronté à un espace vide pendant une longue période, puis tout le contenu Web apparaîtra en même temps. Si vous devez le faire, utilisez la balise pour permettre à la grande table d'être affichée en morceaux.
Essayez de contrôler l'imbrication des tables sur trois niveaux
5. Il existe également des spécifications unifiées sur la façon d'écrire la largeur et la hauteur. Généralement, pour les tableaux avec une seule colonne, la largeur est écrite dans la balise . Pour les tableaux avec une seule ligne, la hauteur est écrite dans la balise . . Pour les tableaux comportant plusieurs lignes et colonnes, la largeur et la hauteur sont écrites dans la balise

de la première ligne ou colonne. En bref, suivez un principe : il ne doit pas y avoir plus d'une hauteur et d'une largeur qui contrôlent la taille de la même cellule. Assurez-vous que toutes les largeurs et hauteurs sont valides, c'est-à-dire si vous modifiez la valeur d'une largeur et d'une hauteur dans le fichier. code, il devrait être dans Les modifications sont visibles dans le navigateur. Ce n’est pas facile à faire, cela demande beaucoup de temps de pratique et de réflexion.

◆Mise en page :
1. Ne centrez pas facilement le texte et utilisez des caractères gras ou italiques. En plus de l'encombrement visuel, de nombreux navigateurs n'affichent pas bien les italiques et ne compensent pas le changement d'espace blanc provoqué par les lettres inclinées.
2. N'utilisez pas d'icônes avec des styles différents sur chaque page.
3. Ajoutez une balise alt à la ligne img. Cela permettra aux lecteurs utilisant des navigateurs textuels de voir autre chose que [IMAGE], et les lecteurs utilisant des navigateurs graphiques verront également quelque chose si l'image ne parvient pas à se charger correctement, et vous pourrez également rendre vos fichiers HTML assez soignés.
4. Ne laissez pas quelque chose ressembler à un bouton mais ne pas fonctionner comme un bouton.

◆Techniques de correspondance des couleurs Web
1. Utilisez une seule couleur. Cela fait référence à la sélection d'abord d'une couleur, puis à l'ajustement de la transparence ou de la saturation (pour le dire plus simplement, cela signifie rendre la couleur plus claire ou plus foncée) pour générer une nouvelle couleur à utiliser sur la page Web. Une telle page semble de couleur uniforme et a un sens de la hiérarchie.
2. Utilisez deux couleurs. Sélectionnez d’abord une couleur, puis sélectionnez sa couleur contrastante (appuyez sur ctrl+shift+I dans Photoshop). C'est ainsi que ma page d'accueil a été décidée avec du bleu et du jaune. La page entière est colorée mais pas trop colorée.
3. Utilisez un système de couleurs. Pour faire simple, utilisez une couleur qui ressemble à du bleu clair, du jaune clair, du vert clair ou du jaune terreux, du gris terreux, du bleu terreux. La méthode de détermination de la couleur est différente pour chacun. Je clique sur la case de couleur de premier plan dans Photoshop, je sélectionne "Personnalisé" dans la fenêtre du sélecteur de couleurs qui apparaît, puis je la sélectionne dans la "Bibliothèque de couleurs" :)
4. . Utilisez du noir et une couleur. Par exemple, les polices rouge vif avec des bordures noires semblent très « populaires ».
Dans la correspondance des couleurs sur le Web, les tabous sont :
1 N'utilisez pas toutes les couleurs, essayez de vous limiter à trois couleurs.
2. Le contraste entre l'arrière-plan et le texte précédent doit être aussi grand que possible (n'utilisez jamais de motifs compliqués comme arrière-plan) afin de mettre en valeur le contenu principal du texte
◆ Le clignotement donne des maux de tête aux gens
Par en utilisant des logos, vous pouvez attirer des visiteurs vers une section spéciale de votre page d’accueil, mais cela crée également un casse-tête pour vos visiteurs. Si vous souhaitez fidéliser les visiteurs sur votre site, utilisez cette méthode avec parcimonie.
◆ Embellissement de l'animation
Utilisez une seule animation au maximum
« Longue vie au vide »
Attention à laisser un espace vide. N'encombrez pas votre page Web d'images, de texte et de GIF animés inutiles. Même s'il y a suffisamment d'espace, évitez-les lors de la conception.