Web page Art Production specification _css/html

1, allow full-text search of the page, in order to make the Internet search engine can effectively retrieve, in the first page of the channel HTMLShould be added keywords and description meta tags, the production page is not to forget to add the customer site keywords. Especially the General Web site page, must add keywords ~! This is easy to promote ~!
Example:



2, when making the site, encountered the page has a unified header files and tail files. Be sure to make a single top header file and a bottom tail file, and then nest it in the page. This is convenient to modify. Nested code:
1. (Recommended use)
2. (Change the blue part when using)

3. Unified use of plug-in style sheet ~! Related code:
Note that the order of A:link a:visited a:hover a:actived is consistent with the original.
Redefine first, pseudo class second, custom last.
In order to ensure that the font size on different browsers is consistent, the font size is suggested by the point pt and Pixel px to define, PT generally use Chinese Arial 9pt and 11pt,px generally use Chinese song body 12px and 14.7px This is an optimized font size, bold words or italicized word bold, Generally choose 11pt and 14.7px font size is more appropriate.

4. A Web page to try to avoid using the whole big table
All of the content is nested in this large table, because the browser in the interpretation of the elements of the page is displayed in a table, if a page is nested in a large table, then it is likely to cause the consequence is that when the viewer typed the URL, he must first face a blank for a long time, Then all the Web content appears at the same time. If you must do this, use thetags so that you can make this large table chunked.
Nesting of tables as much as possible within three levels
5. Width and height of the writing also have a uniform specification, generally only one column of the table, width written in Within the label, there is only one row of tables, and the height is written in In the label, multiple rows and columns of table, width and height are written in the first row or the first column of the

Label. In short, follow one principle: No more than one control of the same cell size height and width, to ensure that any one width and height are valid, that is, you change the code of any width and height of the value, should be seen in the browser changes. It's not easy to do this, it takes a long time to practice and think. Layout 1. Don't let text center and use bold or italic characters easily. In addition to visual confusion, many of the browser does not display italics well and does not compensate for whitespace changes due to a letter skew. 2. Do not use different styles of icons on each page. 3. Add alt tag to IMG line. This allows readers with text-based viewers to see something other than [image], and readers who use the graphical viewer will see something when the image is not successfully loaded, and you can make your HTML file quite neat. 4, do not let anything look like a button but do not play the role of buttons. The technique of color collocation of Web page 1. Use a color. This refers to the first selection of a color, and then adjust the transparency or saturation, (say more popular is to fade or deepen the color), create new colors for the Web page. This page looks like a uniform color and has a layered feel. 2. Use two colors. Select a color first, then choose its contrast color (press ctrl+shift+i in Photoshop). My homepage is so sure with blue and yellow. The entire page is rich in color but does not cost a bit. 3. Use a color palette. The simple thing is to use a feeling of color, such as light blue, yellowish, light green, or naturals, soil ash, earth blue. The way to determine the color of each person, I am in Photoshop by the foreground color box, in the pop-up Color picker window Select "Custom", and then in the "Color Library" selected:) 4. Use black and a color. For example, the red font with a black border feels very "jumping". In the color of the Web page, the taboo is: 1. Do not use all colors, try to control in three colors. 2. The background and the previous comparison as far as possible, (absolutely do not use the intricate pattern of the background), in order to highlight the main text content Flashing makes people headache Using logos can attract visitors to the special section of your page, but it also gives your visitors a headache. If you want visitors to visit your site again, use this method less. Animation embellishment Animations on Web pages are used at most one "Long Live the Void" Note leave blank. Do not use images, text, or unnecessary animated GIFs to flood your pages, even if you have enough space to avoid them at design time. 