Jetons un coup d'œil à ces soi-disant spécifications avant de créer une page Web

Cet article a compilé certaines pages Web pour examiner ces soi-disant spécifications avant de les fabriquer, en espérant qu'elles seront utiles à tout le monde. Cet article a compilé certaines pages Web pour examiner ces soi-disant spécifications avant de les fabriquer , en espérant qu'elles seront utiles à tout le monde.

Le principe de la dénomination des fichiers: réalisez le sens le plus simple avec le moins de lettres.

Spécifications générales de dénomination des fichiers et du répertoire:

Chaque répertoire doit contenir un fichier HTML par défaut et le nom de fichier doit être index.htm.

Les noms de fichiers sont uniformément utilisés dans les lettres, numéros et soulignements d'anglais en minuscules

Essayez de traduire le mot en nom en anglais. Par exemple: commentaires (commentaires de l'information), à propos (à propos de nous)

Plusieurs fichiers du même type sont nommés par des lettres et des numéros anglais, et séparés par des lettres et des chiffres. Par exemple: news_01.htm. Notez que le nombre de chiffres est proportionnel au nombre de fichiers et, en cas, utilisez 0 pour se rattraper. Par exemple, il y a 200 nouvelles, dont le 18e est nommé News_018.htm

Spécifications de dénomination d'image:

Les noms sont divisés en deux parties, séparées par des soulignements.

L'en-tête indique la nature générale de cette image. Par exemple: nous nommons les photos des publicités rectangulaires, des motifs décoratifs, etc. placés en haut de la page: bannière; Nous nommons les images emblématiques: logo; De petites images avec des positions non fixées sur la page et les liens sont nommés bouton; Nous apparaissons en continu dans une certaine position sur la page, et les images de la même nature sont nommées: menu; Nous nommons les photos pour la décoration: pic; Nous nommons les images sans liens pour représenter le titre: Titre, etc.

La dernière partie est utilisée pour représenter la signification spécifique de l'image et est représentée en lettres anglaises. Par exemple: banner_sohu.gif banner_sina.gif menu_aboutus.gif menu_job.gif title_news.gif logo_police.gif logo_national.gif pic_people.jpg pic_hill.jpg.

Pour les images avec l'effet OnMouse, les deux images sont nommées d'après le nom du fichier d'origine.

Autres spécifications de dénomination des fichiers

Le principe de dénomination de JS porte le nom de mots anglais fonctionnel. Par exemple: le nom de fichier JS de la barre publicitaire est: ad.js

Tous les fichiers CGI ont des suffixes CGI. Les fichiers de configuration de tous les programmes CGI sont config.cgi

Principe d'établissement d'annuaire: Fournir la structure d'accès la plus claire et la plus simple au moins.

Le nom du répertoire est composé de lettres et de soulignements anglais minuscules. (Reportez-vous à la spécification de dénomination)

Le répertoire racine ne stocke généralement qu'index.htm et d'autres fichiers système nécessaires.

Chaque colonne principale a un répertoire indépendant correspondant

Les images du répertoire racine sont utilisées pour stocker des images publiques à utiliser sur chaque page. Les images du sous-répertoire stockent des images privées utilisées sur cette page de colonne.

Tous les scripts JS, ASP, PHP et d'autres scripts sont stockés dans le répertoire des scripts sous le répertoire racine

Tous les programmes CGI sont stockés dans le répertoire CGI-Bin sous le répertoire racine

Tous les fichiers CSS sont stockés dans le répertoire de style dans le répertoire racine

Chaque version linguistique est stockée dans un répertoire séparé. Par exemple: GB chinois simplifié

Tous les fichiers Flash, AVI, RAM, Quicktime et d'autres fichiers multimédias sont stockés dans le répertoire des médias sous le répertoire racine

Veuillez ajuster les spécifications de taille en fonction de votre situation réelle:

La page est réalisée à 800 * 600 Résolution, et la taille recommandée est de 766 * 430px

En principe, la longueur de la page ne doit pas dépasser 3 écrans et la largeur ne doit pas dépasser 1 écran.

Chaque page standard est de taille de format A4, c'est-à-dire 8,5x11 pouces

La bannière pleine grandeur est de 468 * 60px, la bannière de demi-taille est 234 * 60px, la petite bannière est de 88 * 31px et 120 * 90, 120 * 60 est également la taille standard des petites icônes

Chaque page statique sans domicile ne contient pas plus de 60 000 octets d'image, et la bannière pleine grandeur ne dépasse pas 14k

La clé du code de la page d'accueil se trouve dans la zone de tête, qui fait référence au contenu entre le <adhead> et </ad> du code HTML de la page d'accueil.

Le logo qui doit être ajouté à la zone de tête

Remarque de copyright de l'entreprise <! --- Le site est conçu par votre société, Inc 03/2001 --->

Une page Web affiche un jeu de caractères par exemple:

Chinois simplifié: <meta http-equiv = contenu contenu contenu = text / html; charse = gb2312>

Chinois traditionnel: <meta http-equiv = contenu contenu contenu = text / html; charse = big5>

Anglais: <meta http-equiv = contenu contenu de type = text / html; charse = ISO-8859-1>

Informations originales du fabricant <méta-name = contenu de l'[email protected]>

Introduction du site Web <Meta name = Description Contenu = Remplissez l'introduction de votre site Web ici>

Rechercher des mots clés <méta name = mots clés contenu = mot-clé 1, mot-clé 2, mot-clé 3, ...>

Spécification CSS pour les pages Web <link href = style / style.css rel = Stylesheet type = text / css>

Titre de la page Web <Title> Ceci est votre titre de page Web </TITME>

La zone de tête peut être sélectionnée pour rejoindre le logo

Définissez le temps d'expiration de la page Web. Une fois la page Web expirée, elle doit être relire sur le serveur.

<Meta Http-Equiv = Expires Content = Wed, 26 février 1997 08:21:57 GMT>

Interdit aux navigateurs de visualiser le contenu de la page à partir du cache de la machine locale.

<Meta http-equiv = pragma contenu = no-cache>

Utilisé pour empêcher les autres d'appeler votre page dans le cadre.

<Meta http-equiv = window-target content = _top>

Sauter automatiquement.

<Meta http-equiv = rafraîchissement contenu = 5; url = https: //www.vevb.com>

5 doigts restent 5 secondes.

Wizard robot de recherche Web. Il est utilisé pour indiquer au robot de recherche quelles pages nécessitent des index et quelles pages n'ont pas besoin d'index.

<Meta name = Robots Content = Aucun>

Les paramètres du contenu sont tous, aucun, index, noindex, suivez, nofollow. La valeur par défaut est tout.

Icône des favoris

<link rel = raccourci icône href = favicon.ico>

Spécification d'appel JS

Tous les scripts JavaScript essaient de prendre des appels externes

<Script Language = javascript src = script / xxxxx.js> </ script>

Spécifications d'écriture CSS

Tous les CSS doivent être utilisés que possible en tant qu'appels externes

<Link href = style / style.css rel = Stylesheet type = text / css> Lors de l'écriture, redéfinissez d'abord, pseudo-classe suivi par la personnalisation du dernier (où un: lien a: visité a: planer a: active doit être écrit dans l'ordre) pour vous et les autres à lire.

Afin de s'assurer que les tailles de police sont cohérentes sur différents navigateurs, il est recommandé de définir la taille de la police par DOT PT et Pixel PX. PT utilise généralement 9pt et 11 pt en police chinoise, et PX utilise généralement 12px et 14,7px en police chinoise. Il s'agit d'une taille de police optimisée. Lorsque la police audacieuse ou en chanson est audacieuse, il est généralement plus approprié d'utiliser 11 pt et 14,7px dans des tailles de police.

<style type = text / css>

<! -

p {text-indent: 2em; }

Corps {Font-Family: 安体; taille de police: 9pt; Couleur: # 000000; marge: 0px; marge-droite: 0px; marge-fond: 0px; marge-gauche: 0px}

TABLEAU {FONT-FAMILIAL: taille de police: 9pt; hauteur de ligne: 20px; Couleur: # 000000}

A: lien {Font-Size: 9pt; Couleur: # 0000FF; text-décoration: aucun}

R: Visité {taille de police: 9pt; Couleur: # 990099; text-décoration: aucun}

A: Hover {taille de police: 9pt; Couleur: # FF9900; text-décoration: aucun}

A: actif {Font-Size: 9pt; Couleur: # FF9900; text-décoration: aucun}

A.1: Link {Font-Size: 9pt; Couleur: # 3366cc; text-décoration: aucun}

A.1: Visité {taille de police: 9pt; Couleur: # 3366cc; text-décoration: aucun}

A.1: Hover {taille de police: 9pt; Couleur: # FF9900; text-décoration: aucun}

A.1: actif {taille de police: 9pt; Couleur: # FF9900; text-décoration: aucun}

.Blue {Font-Family: 安体; taille de police: 10,5 pt; hauteur de ligne: 20px; Couleur: # 0099FF; Espacement des lettres: 5EM}

->

</ style>

Logo corporel

Afin d'assurer la compatibilité du navigateur, l'arrière-plan de la page doit être défini <corps bgcolor = # fffff>

L'image globale du site Web comprend les éléments suivants

Logo (logo)

Le site Web doit avoir un logo indépendant

Le logo peut être conçu dans le nom chinois et anglais du site Web, ou il peut être fait avec des modèles spéciaux. Le principe est simple et facile à retenir.

Le logo doit être clairement exprimé respectivement en noir et blanc et en couleur

Le nom de l'image du logo est logo_domain.gif, par exemple: logo_sina.gif

Essayez de fournir des images vectorielles de logos

Veuillez utiliser des logos sur chaque page dans la mesure du possible

Couleur standard

Le site Web doit avoir sa propre couleur standard (couleur du sujet)

En principe, il n'y a pas plus de deux types de couleurs standard. S'il existe deux types, l'un est une couleur standard et l'autre est une couleur auxiliaire standard.

Les couleurs standard doivent être utilisées dans les 216 couleurs de sécurité Web autant que possible

Les valeurs RVB et CYMK exactes des couleurs standard doivent être fournies

Veuillez utiliser autant que possible les couleurs standard

Polices standard

Un site Web doit définir une police standard (fait référence à la police utilisée sur le logo et l'image)

En principe, deux types de polices standard sont définies, l'une est une police chinoise et l'autre est une police anglaise (à l'exclusion des polices de contenu texte)

La bibliothèque de polices de nom et de police doit être fournie

Veuillez utiliser autant que possible les polices standard

contenu

Doit se conformer aux dispositions des "Règlements de mon pays sur la gestion de la protection de la sécurité des réseaux internationaux des réseaux d'information informatique"

Aucune unité ou individu ne peut utiliser le réseau international pour produire, copier, examiner et diffuser les informations suivantes:

(1) inciter la résistance et saper la mise en œuvre de la Constitution, des lois et des règlements administratifs;

(2) incitation à renverser le pouvoir de l'État et à renverser le système socialiste;

(Iii) l'incitation à diviser le pays et à saper l'unité nationale;

(Iv) inciter la haine nationale, la discrimination ethnique et saper l'unité nationale;

(5) fabriquer ou déformer les faits, répartir les rumeurs et perturber l'ordre social;

(Vi) promouvoir la superstition féodale, l'obscène, la pornographie, le jeu, la violence, le meurtre, la terreur et provoquer des crimes;

(7) insulter manifestement les autres ou fabriquer des faits et calomnier les autres;

(8) il endommage la crédibilité des organes d'État;

(9) Autres qui violent la Constitution, les lois et les réglementations administratives.

Vous devez trouver la source d'origine pour la réimpression et l'utiliser après avoir contacté.

titre

Efforcez-vous d'être court, accrocheur, nouveau et attrayant.

texte

Le premier paragraphe de l'article est vide et a deux espaces, ce qui est cohérent avec le format traditionnel.

Une seule ligne entre les paragraphes peut rendre l'article plus clair et plus facile à lire

Éliminez les fautes de frappe, les alias et les personnages autodidactes

Les caractères chinois traditionnels ne doivent pas être mélangés dans la version simplifiée

Le nom de traduction doit être conforme aux normes de notre pays. Par exemple: la traduction unifiée de Singapour ne peut pas être utilisée à Singapour

Les symboles numériques pleine largeur (à l'exclusion des points de ponctuation) doivent être modifiés en demi-largeur

Le principe de l'utilisation de nouvelles technologies est: la compatibilité avec les navigateurs, assurer la vitesse de téléchargement et prendre soin du plus grand nombre d'utilisateurs.

Les cookies sont utilisés pour identifier, suivre et soutenir les visiteurs. Grâce aux cookies, vous pouvez comprendre le chemin d'accès de l'utilisateur et collecter et stocker les préférences de l'utilisateur. Cependant, compte tenu de la situation où l'utilisateur ferme les cookies, une solution complète doit être fournie si des cookies sont utilisés.

Java est un langage de programmation orienté objet multiplateforme. Son application sur le Web est principalement Java Applet, mais Java Applet est lente à télécharger et est utilisée avec prudence.

Du côté du serveur, il est préférable d'activer l'analyse SSI, mais n'utilisez pas trop de nidification SSI. Lorsque SSI ne peut pas être utilisé, vous pouvez utiliser Inclure la bibliothèque (y compris les fichiers de bibliothèque), ce qui est pire.

Flash est déjà une technologie courante et est recommandé.

Il est recommandé d'adopter des spécifications XHTML pour la production de nouvelles pages Web afin de faciliter l'intégration de XML à l'avenir.

La technologie de la série XML peut être utilisée du côté du serveur, mais il n'est pas recommandé pour que le côté client l'utilise temporairement.

Aucune exigence particulière, il n'est pas recommandé de fournir une technologie multimédia sur la page Web qui nécessite le téléchargement de plug-ins supplémentaires.

La langue du programme est recommandée d'utiliser des langages multiplateformes tels que PHP, JSP et Java. La technologie CGI et ASP n'est pas recommandée.

La navigation doit être simple et claire, et il est recommandé de ne pas dépasser 3 niveaux de liens

Le texte utilisé pour la navigation doit être concis et limité à une ligne

Page d'accueil, liens entre les pages de premier niveau de chaque colonne, les liens entre les pages de premier niveau de chaque colonne et les pages de deuxième niveau de cette colonne

Plus de trois niveaux de pages, définissez une barre de navigation en haut de la page pour indiquer l'emplacement

Mettez en surbrillance les dernières informations mises à jour et peuvent ajouter du temps de mise à jour ou un nouveau logo

La page de continuité doit être ajoutée à la page précédente et au bouton de la page suivante

S'il y a plus d'un écran, il devrait y avoir un bouton supérieur Go en bas

Le contenu qui dépasse trois écrans doit être configuré à la tête et directement lié aux points d'ancrage du texte.

Toutes les opérations sur le serveur concernant la base de données ne peuvent être effectuées que par l'administrateur du serveur.

Lorsque vous accédez à la base de données du programme, utilisez des utilisateurs unifiés et des fichiers de connexion unifiés pour accéder à la base de données.

En principe, une seule bibliothèque peut être construite dans chaque colonne, et le nom de la bibliothèque est cohérent avec le nom anglais de chaque colonne, et la bibliothèque contient plusieurs tables. Pour les colonnes plus grandes et clés, vous pouvez envisager de construire une bibliothèque distincte et le nom de la bibliothèque est cohérent avec le nom anglais de la colonne.

Une série de noms liés à la base de données tels que des tables, des champs, des index, des vues, etc. doivent être nommés en utilisant des mots anglais liés au contenu. Pour un mot difficile à exprimer, vous pouvez envisager d'utiliser plusieurs mots à souligner (_) (ne peut pas dépasser quatre mots). (Voir Spécification de dénomination)

Les bases de données et les tables qui ne sont plus utilisées doivent être supprimées et doivent être sauvegardées (y compris la structure et le contenu) avant la suppression.