This article has compiled some web pages to look at these so-called specifications before making them, hoping that they will be helpful to everyone. This article has compiled some web pages to look at these so-called specifications before making them , hoping that they will be helpful to everyone.
01 File Naming SpecificationThe principle of file naming: achieve the easiest meaning with the least number of letters.
General file and directory naming specifications:
Each directory should contain a default html file, and the file name should be index.htm.
File names are uniformly used in lowercase English letters, numbers and underscores
Try to translate the word into name in English. For example: feedback (information feedback), aboutus (about us)
Multiple files of the same type are named by English letters and numbers, and separated by letters and numbers. For example: news_01.htm. Note that the number of digits is proportional to the number of files, and if not enough, use 0 to make up. For example, there are 200 news items, of which the 18th is named news_018.htm
Image naming specifications:
The names are divided into two parts, separated by underscores.
The header indicates the general nature of this picture. For example: We name the pictures of rectangular advertisements, decorative patterns, etc. placed at the top of the page: banner; we name the iconic pictures: logo; small pictures with unfixed positions on the page and links are named button; we name the pictures of link columns with the same nature in a certain position on the page: menu; we name the photos for decoration: pic; we name the pictures with no links to represent the title: title and so on.
The last part is used to represent the specific meaning of the picture and is represented in English letters. For example: 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.
For pictures with onmouse effect, the two pictures are named after the original file name.
Other file naming specifications
The naming principle of js is named after functional English words. For example: The js file name of the ad bar is: ad.js
All CGI files have cgi suffixes. The configuration files of all CGI programs are config.cgi
02 Directory Structure SpecificationPrinciple of directory establishment: Provide the clearest and simple access structure at the least level.
The name of the directory is composed of lowercase English letters and underscores. (Refer to the naming specification)
The root directory generally only stores index.htm and other necessary system files.
Each main column has a corresponding independent directory
The images in the root directory are used to store public images to be used on each page. The images in the subdirectory store private images used on this column page.
All JS, ASP, PHP and other scripts are stored in the scripts directory under the root directory
All CGI programs are stored in the cgi-bin directory under the root directory
All CSS files are stored in the style directory in the root directory
Each language version is stored in a separate directory. For example: Simplified Chinese gb
All flash, avi, ram, quicktime and other multimedia files are stored in the media directory under the root directory
03 Dimension specificationsPlease adjust the size specifications according to your actual situation:
The page is made at 800*600 resolution, and the recommended size is 766*430px
In principle, the page length should not exceed 3 screens, and the width should not exceed 1 screen.
Each standard page is A4 format size, i.e. 8.5X11 inches
Full size banner is 468*60px, half size banner is 234*60px, small banner is 88*31px, and 120*90, 120*60 is also the standard size of small icons
Each non-home static page contains no more than 60K picture bytes, and the full-size banner does not exceed 14K
04 Home page code specificationThe key to the home page code is in the head area, which refers to the content between the <head> and </head> of the home page HTML code.
The logo that must be added to the head area
Company Copyright Note<!--- The site is designed by your company, Inc 03/2001 --->
A web page displays a character set for example:
Simplified Chinese: <META HTTP-EQUIV=Content-Type CONTENT=text/html; charset=gb2312>
Traditional Chinese: <META HTTP-EQUIV=Content-Type CONTENT=text/html; charset=BIG5>
English: <META HTTP-EQUIV=Content-Type CONTENT=text/html; charset=iso-8859-1>
Original maker information <META name=author [email protected]>
Website introduction <META NAME=DESCRIPTION CONTENT=Fill in the introduction of your website here>
Search keywords <META NAME=keywords CONTENT=Keyword 1,Keyword 2,Keyword 3,...>
CSS specification for web pages <LINK href=style/style.css rel=stylesheet type=text/css>
Web page title <title>This is your web page title</title>
The head area can be selected for joining the logo
Set the expiration time of the web page. Once the web page expires, it must be re-read on the server.
<META HTTP-EQUIV=expires CONTENT=Wed, 26 Feb 1997 08:21:57 GMT>
Prohibits browsers from viewing page content from the local machine's cache.
<META HTTP-EQUIV=Pragma CONTENT=no-cache>
Used to prevent others from calling your page in the framework.
<META HTTP-EQUIV=Window-target CONTENT=_top>
Automatically jump.
<META HTTP-EQUIV=Refresh CONTENT=5;URL=https://www.VeVb.com>
5 fingers stay for 5 seconds.
Web Search Robot Wizard. It is used to tell the search robot which pages need indexes and which pages do not need indexes.
<META NAME=robots CONTENT=none>
The parameters of CONTENT are all, none, index, noindex, follow, nofollow. The default is all.
Favorites icon
<link rel = Shortcut Icon href=favicon.ico>
JS call specification
All javascript scripts try to take external calls
<SCRIPT LANGUAGE=JavaScript SRC=script/xxxxx.js></SCRIPT>
CSS writing specifications
All CSSs should be used as external calls as possible
<LINK href=style/style.css rel=stylesheet type=text/css> When writing, redefine first, pseudo-class followed by customizing the last (where a:link a:visited a:hover a:active should be written in order) for yourself and others to read.
In order to ensure that the font sizes are consistent on different browsers, it is recommended to define the font size by dot pt and pixel px. pt generally uses 9pt and 11pt in Chinese Song font, and px generally uses 12px and 14.7px in Chinese Song font. This is an optimized font size. When bold or Song font is bold, it is generally more appropriate to use 11pt and 14.7px in font sizes.
CSS recommended template.<style type=text/css>
<!—
p { text-indent: 2em; }
body { font-family: 安体; font-size: 9pt; color: #000000; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
table { font-family: font-size: 9pt; line-height: 20px; color: #000000}
a:link { font-size: 9pt; color: #0000FF; text-decoration: none}
a:visited { font-size: 9pt; color: #990099; text-decoration: none}
a:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a:active { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:link { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:visited { font-size: 9pt; color: #3366cc; text-decoration: none}
a.1:hover { font-size: 9pt; color: #FF9900; text-decoration: none}
a.1:active { font-size: 9pt; color: #FF9900; text-decoration: none}
.blue { font-family: 安体; font-size: 10.5pt; line-height: 20px; color: #0099FF; letter-spacing: 5em}
-->
</style>
Body logo
In order to ensure browser compatibility, the page background must be set <body bgcolor=#FFFFF>
05 Image Design SpecificationsThe overall image of the website includes the following elements
Logo (logo)
The website must have an independent logo
The logo can be designed in the Chinese and English name of the website, or it can be made with special patterns. The principle is simple and easy to remember.
The logo must be clearly expressed in black and white and color respectively
The name of the logo image is logo_domain.gif, for example: logo_sina.gif
Try to provide vector images of logos
Please use logos on every page where possible
Standard color
The website should have its own standard color (subject color)
In principle, there are no more than two types of standard colors. If there are two types, one is a standard color and the other is a standard auxiliary color.
Standard colors should be used within 216 web security colors as much as possible
The exact RGB and CYMK values of standard colors must be provided
Please use standard colors as much as possible
Standard fonts
A website should define a standard font (refers to the font used on the logo and the image)
In principle, two types of standard fonts are defined, one is Chinese font and the other is English font (excluding text content fonts)
The name and font library of standard fonts must be provided
Please use standard fonts as much as possible
06 Content Editing Specificationscontent
Must comply with the provisions of my country's "Regulations on the Security Protection Management of International Networking of Computer Information Networks"
No unit or individual may use the international network to produce, copy, review and disseminate the following information:
(1) Incite resistance and undermine the implementation of the Constitution, laws and administrative regulations;
(2) Incitement to subvert the state power and overthrow the socialist system;
(III) Incitement to divide the country and undermine national unity;
(IV) Inciting national hatred, ethnic discrimination, and undermining national unity;
(5) Fabricate or distort facts, spread rumors, and disrupt social order;
(VI) Promote feudal superstition, obscene, pornography, gambling, violence, murder, terror, and instigate crimes;
(7) Blatantly insult others or fabricate facts and slander others;
(8) It damages the credibility of state organs;
(9) Others that violate the Constitution, laws and administrative regulations.
You must find the original source for reprinting and use it after contacting.
title
Strive to be short, eye-catching, novel and attractive.
text
The first paragraph of the article is empty and has two spaces, which is consistent with the traditional format.
A single line between paragraphs can make the article clearer and easier to read
Eliminate typos, alias and self-made characters
Traditional Chinese characters must not be mixed in the simplified version
The translation name must be in accordance with our country's standards. For example: Singapore unified translation cannot be used in Singapore
Full-width numeric symbols (excluding punctuation points) should be changed to half-width
07 New technology usage specificationsThe principle of using new technology is: compatibility with browsers, ensure download speed, and take care of the largest number of users.
Cookies are used to identify, track and support visitors. Through cookies, you can understand the user's access path and collect and store user's preferences. However, considering the situation where the user closes cookies, a comprehensive solution should be provided if cookies are used.
Java is a cross-platform object-oriented programming language. Its application in the web is mainly Java Applet, but Java Applet is slow to download and is used with caution.
On the server side, it is best to turn on SSI parsing, but don't use too much SSI nesting. When SSI cannot be used, you can use include Library (including library files) instead, which is worse.
Flash is already a common technology and is recommended.
It is recommended to adopt XHTML specifications for the production of new web pages to facilitate the integration of XML in the future.
XML series technology can be used on the server side, but it is not recommended for the client side to use it temporarily.
No special requirements, it is not recommended to provide multimedia technology on the web page that requires downloading additional plug-ins.
The program language is recommended to use cross-platform languages such as PHP, JSP, and Java. CGI and ASP technology are not recommended.
08 Navigation SpecificationsNavigation should be simple and clear, and it is recommended to not exceed 3 levels of links
The text used for navigation should be concise and limited to one line
Home page, links between the first-level pages of each column, links between the first-level pages of each column and the second-level pages of this column
More than three levels of pages, set a navigation bar at the top of the page to indicate the location
Highlight the latest updated information, and can add update time or New logo
Continuity page should be added to the previous page and next page button
If there is more than one screen, there should be a go top button at the bottom
Contents that exceed three screens should be set up at the head and directly linked to the anchor points in the text.
09 Database usage specificationsAll operations on the server regarding the database can only be performed by the server administrator.
When accessing the database in the program, use unified users and unified connection files to access the database.
In principle, only one library can be built in each column, and the library name is consistent with the English name of each column, and the library contains several tables. For larger and key columns, you can consider building a separate library, and the library name is consistent with the English name of the column.
A series of database-related names such as tables, fields, indexes, views, etc. must be named using English words related to the content. For a word that is difficult to express, you can consider using multiple words to be underlined (_) (cannot exceed four words). (See Naming Specification)
Databases and tables that are no longer in use should be deleted and must be backed up (including structure and content) before deletion.