Before making web pages, let's take a look at these so-called specifications_HTML/Xhtml_Web Page Production

This article has compiled some webpage production to take a look at these so-called specifications. I hope it will be helpful to everyone. This article has compiled some webpage production . Let’s take a look at these so-called specifications first. I hope it will be helpful to everyone.
01 File naming convention
Principle of file naming: use the fewest letters to achieve the easiest-to-understand meaning.
General file and directory naming convention:
Each directory should contain a default html file, and the file name should be index.htm
The file name should be a combination of lowercase English letters, numbers, and underscores
Try to translate the word into the name in English. For example: feedback (information feedback), aboutus (about us)
Multiple files of the same type are named with English letters and numbers, and letters and numbers are separated by _. For example: news_01.htm. Note that the number of digits is proportional to the number of files. If there are not enough digits, fill them with 0s. For example, there are 200 news items in total, and the 18th item is named news_018.htm.
Picture naming convention:
The name is divided into two parts, the first and the last, separated by underscores.
The header part indicates the general nature of this image. For example: We name the rectangular pictures such as advertisements and decorative patterns placed at the top of the page: banner; we name the iconic pictures: logo; we name the small pictures with no fixed position on the page and with links, button ; We name the pictures in the link column that appear continuously at a certain position on the page and have the same nature: menu; we name the photos used for decoration: pic; we name the pictures without links to indicate titles: title, and so on in accordance with this principle. The tail part of
is used to express the specific meaning of the picture, expressed 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 two pictures with onmouse effect, add "_on after the original file name. " and "_off" naming.
Other file naming conventions
The naming principle of js is named after the English word of the function. For example: the js file name of the advertising banner is: ad.js
All CGI files have the suffix cgi. The configuration file of all CGI programs is config.cgi
02 Directory structure specification
Principle of directory establishment: Provide the clearest and most convenient access structure with the fewest levels.
The directory name consists of lowercase English letters and underscores. (Refer to the naming convention)
The root directory generally only stores index.htm and other necessary system files
Each main column opens a corresponding independent directory
The images in the root directory are used to store the information required for each page. The public images used, the images directory in the subdirectory store the private images used in 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 root directory cgi-bin directory
All CSS files are stored in the root directory style 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 Size Specification
Please adjust the size specifications according to your actual situation:
The page standard is produced with a resolution of 800*600, 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, that is, 8.5X11 inches
Full-size banner is 468*60px, half-size banner is 234*60px, small banner is 88*31px, and the same is true for 120*90 and 120*60 The standard size of small icons
Each non-home page static page containing images shall not exceed 60K bytes, and the full-size banner shall not exceed 14K
　
04 Home Page Code Specifications
The key to the code of the home page is the head area. The head area refers to the content between and in the HTML code of the home page.
Logo that must be added to the head area
Company copyright annotation
Web page display character set, for example:
Simplified Chinese:
Traditional Chinese:
English:
Original producer information
Website introduction