Webpage artist production specifications _ CSS/HTML

Webpage artist production specification 1: allows full-text retrieval of pages, in order to enable the search engine on the Internet to effectively searchKeywords and Description meta should be added between them. When creating a page, do not forget to add Keywords for the customer's website. In particular, for general web pages, you must add keywords ~! This facilitates promotion ~!
Example:



2. When creating a website, you may encounter a uniform header file and tail file on the page. Make sure to create a single top header file and a bottom file, and then nest it in the page. This facilitates modification. Nested code:
1. (Recommended)
2. (modify the blue part when using it)

3. Use the external style sheet ~! Related code:
Note that the order of a: link a: visited a: hover a: actived must be the same as that of the original one.
The first is the redefinition, the second is the pseudo class, and the last is the custom.
To ensure that the font size of different browsers is consistent, we recommend that you define the font size using the pt and pixel px. pt generally uses the 9pt and 11pt of the Chinese, px is generally used in Chinese 121212px and 14.7px. This is the optimized font size. When the bold characters are in black or simplified Chinese, the font size of 11pt and 14.7px is generally used.

4. Try to avoid using the entire large table on a webpage.
All content is nested in this big table, because when interpreting the page elements, the browser displays them one by one in units of tables. If a webpage is nested in a big table, the possible consequence is that when a visitor clicks the website, he must first face a blank space for a long time, and then all the web content will appear at the same time. UseMark to enable the large table to be displayed in blocks.
Table nesting should be controlled within three layers as much as possible
5. There are also uniform standards for writing Width and height. Generally, there is only one column of tables, and width is written in Label, only one row of table, height written in Label, the table with multiple rows and multiple columns, width and height are written in

Label. In short, follow the principle that no more than one height and width controls the size of the same cell, to ensure that any width and height are valid, that is to say, you should see the change in the browser to change any value of width and height in the code. It is not easy to do this. It takes a long time to practice and think. ◆ Layout: 1. Do not use bold or italic characters in the text area. In addition to visual confusion, many browser browsers cannot properly display italics, nor compensate for Blank changes caused by letter skew. 2. Do not use icons of different styles on each page. 3. Add the alt mark to the img line. In this way, the reader who uses the text-based browser can see other things besides the [IMAGE, readers who use the graphic browser will also see something when the image fails to be loaded successfully, and you can also make your html file quite clean. 4. Don't make anything look like a button, but it doesn't work. ◆ Webpage color matching skills 1. Use a color. This refers to first selecting a color, then adjusting the transparency or saturation, (in plain words, fade or deepen the color), to generate a new color for the web page. Such a page seems to have a uniform color and a sense of attention. 2. Use two colors. Select a color, and then select its contrast color (press ctrl + shift + I in photoshop ). My homepage is determined in blue and yellow. The entire page is rich in color, but does not take a long time. 3. Use a color system. Simply put, it is a sense of color, such as light blue, light yellow, light green; or earth yellow, Earth gray, Earth blue. The method for determining colors varies from person to person. In photoshop, select "Custom" in the pop-up Color Picker window, and then select "color library :) 4. Black and a color. For example, the red font with a black border feels like a "Hop ". In the webpage color scheme, the taboo is: 1. Do not use all colors. Try to keep them within three colors. 2. The comparison between the background and the previous article should be as big as possible (do not use complicated patterns as the background) to highlight the main text content. ◆ Flashing is a headache You can use the logo to attract the attention of visitors to the special part of your home page, but it also brings headaches to your visitors. If you want visitors to patronize your website again, use this method less. ◆ Animation embellishment Only one animation can be used on a webpage. Long live Blank" Be sure to leave the blank. Do not fill webpages with images, text, or unnecessary animated GIFs. Even if you have enough space, avoid using it during design.