A collection of issues to be noted in Web page production

Source: Internet
Author: User
Tags add format cgi web character set include transparent color version window
Web Page | questions

A. Appearance

1 do not first determine the appearance of the Web page, and then force yourself to adapt to it, should be from your visitors to the image, you have to convey the message as well as your network goal to derive a most appropriate web architecture.

2 per page layout do not too sparse or too big words, try to avoid looking at your Web page needs to make a lot of scrolling, to know that the upper part of a page is conspicuous and valuable place, do not only put a few coarse words or pictures.

3 It is best not to use 800x600 above the resolution design page. The common resolution is 640x480 and 800x600. The sensible web Designer is the one who takes care of the viewers everywhere, and never boasts of a dedicated line, a 17-inch display, etc.

4 Do not insert too many billboards on each page. I believe you also do not like to browse a number of ads posted on the page, you have to consider the content of the page and the proportion of advertising, positioning is also very important, may wish to refer to other people's practice. Too much advertising can only be annoying.

5 do not use a different background picture every page, so as to avoid each page to take time to download, using the same background image or picture can increase the consistency of the Web page, establish style.

6 background images or backgrounds must be strongly contrasted with the text, easy to read, this does not require you to always use a bright background with dark text, but the dark background is often required with the theme, there are more concerns, if your Web page is an article-style or contains a large number of text, may wish to be in the background and text to match up and down some time, Try to make it easy for visitors to read your article.

7 do not put the picture white when transparent, to know that other people's operating system is not necessarily the default background set to white, the solution in addition to the page is really set to white, it is best to picture editing tools for the picture to set a good transparent color.

8 too long a page to use internal links, sensible web designers will not allow viewers to look at the page to make too much scrolling. Common examples of internal connection applications such as FAQs (FAQ).
Two. Marking application

  1. Be careful with frames (frame). The framework is easy to learn, although it has fast, beautiful and easy to update and other advantages, but a little careless will backfire, do not reluctantly use, because of IE and NC on the framework of the definition of the difference between the public Web page should be tested in many ways, may be your framework in IE display is a beautiful page, but in NC may be the most ugly.

  2. Background music try to use both Bgsound and embed two tags at the same time, care for older browsers, or use JavaScript to distinguish browsers to print appropriate media tags.

  3. When applying frame frame, you need to include unsupported prompts to remind users of older browsers, or you can hide a frame-free version or a link to another version, which will not only take care of the older browsers, but also help you to get some search engines.

  4. Do not use too many HR tags on the same page, that is, the horizontal divider line, otherwise your Web page will look fragmented, to achieve clear or prioritized documents, you can change the size of the font, color or background. or using a manifest tag, you do not necessarily use horizontal lines.

  5. Do not use the words "click here" "Click here" as a link, and do the right thing: "Please go to the Microsoft website to see the introduction of Windows 98."

  6. Do not reluctantly use flashing text, refers to the Blink tag, do not have to say that it is supported problems, this kind of flicker often for visitors to bring tension and unease, to know the first condition of making Web pages is to make visitors look comfortable, do not be wise and foolish.

  7. When using IMAGEMAP, do not let the key areas too close or overlap, do not let your visitors guess the key areas, if the picture is not clear enough to add some text, the key function is to open another document, as long as it can be clear and conspicuous enough.

  8. After editing ImageMap, do not change the original picture file, or its key areas will be due to the relative coordinates of the value of the accounts and inaccurate.

  9. When using Action=mailto in a form, remind the user not to expect an immediate response, or your visitors will "just wait" or press "Submit" several times, preferably using CGI.

  10. Do not let your form too long or more than two pages, unless the visitor must fill out, otherwise they will be impatient, on the Internet to volunteer to fill out your form is not easy, so spend more thoughts on the design of the form should be.

  11. When using the <PRE> tag, the text inside should not be too long, because the viewer may use a low-image job environment, but the text will not wrap to fit the browser window.

  12. Do not include additional tags or links in the description Mark <!--description-->, because a decimal view will interpret it. It is important to use the description tag appropriately for larger web pages.

  13. Do not rely on the parameters in the <TABLE> tag align= "center" to put the table in the middle, because many browsers do not support, you still need to take pains to add <CENTER> tags.

  14. The copyright statement of the Web page has three kinds of display methods, the first is as a general text display in the browsing screen, the second is to use the description mark <!--copyright, and the third is to use the <META> tag.

  15. When you log in to a Web page in META Search Engine, add the introduction and keywords to the <META> mark in <HEAD> position, which will be recorded by the search engine and the results of the searcher.

  16. Avoid the use of overlapping tags, such as:

    Yes: <B><I>HKIWC</I></B>

    Wrong: <B><I>HKIWC</B></I>

    Not all browsers, like IE, are good at dealing with staggered and missing tags.

  17. The form must be made by NC and IE for testing respectively. For NC, form components such as text box, scroll menu, and so on the height and text are affected by <FONT> a type of glyph tags, especially Character set, if set to GB 2312 more attention to NC and IE to the size of each form element has a different display effect.

Three. Advanced Techniques

  1. Install someone else's CGI program to check in advance, there are malicious CGI programs on the web exist, if you are not familiar with CGI, you can try to check whether there are cd/;/bin/rm-rf*. The merger of these two directives is also a category of "viruses". Basically, only a few famous CGI Web downloads are going to be a problem.

  2. Do not misuse Java applets. Because Java applets are congenitally slow, avoiding the use of too many or too large Java applets on the same page, especially for decorative, simple animations with animating Gif, and Counter with CGI, a reflection in the water that takes 30 seconds to download does not see more than a wonderful Of the short passages to attract.

  3. There is no special need not to use some additional Plug-in to make Web pages, such as Shockwave, RealPlayer, etc., even if you provide a link to download the Plug-in, visitors may not be interested, you will lose a number of visitors. Every use of some of the most supportive skills to think twice, personal pages can also, the company's Web site believe it will not risk it.

  4. You do not have to tell the viewer what browser version and operating system they are using. You don't see a lot of people use JavaScript in the home page to display this information, this is meaningless and waste the home page that precious space, you can install a guest analysis of the CGI program, on the surface of all the browsing data for statistical purposes, this is the correct approach.

  5. There is no need to ask a visitor to enter a name in order to enter the Web page, which is not a password-protected type, but written in JavaScript, to get your sex name for use as a salutation, visitors ' desire for browsing will be reduced.

  6. Do not use JavaScript to produce too many pop-up images, especially with some free space such as Geocities, which itself has a pop-up Banner, if more than one pop-up, viewers will often be annoying.

  7. Do not transfer the CGI program in binary format, otherwise there will be many blank lines that are not otherwise, and these blanks will cause the wrong headers. Of course, do not use the ASCII format to transfer picture files.

  8. When using CGI to process Chinese data or add Chinese characters to its source Code, it is important to pay attention to some characters with Perl special symbols, which can be considered more in Debug.

  9. When using Shockwave, to support users who do not have this Plug-in installed, you can use the <NOEMBED> tag, in which the tag is placed with a backup picture of the same size, and the image is replaced when Shockwave is not displayed, Lest other words and paintings go out of place.

  10. Add hints to the <Applet> ... </Applet> tags when you join Java applets to take care of users who cannot see Java.

  11. Do not rely on Java to handle important information or links to a Web page unless you are certain that most visitors are browsers that make the appliance Java-capable. In fact, Java used to display keys or messages is really small, but also slicker.

  12. Do not use JavaScript network and off-screen events, the warning window is not only annoying, its sudden sound is also very scary, maybe your Window did not set the sound effects or Speaker it. If you really need, you can use automatic transfer page, generous and decent.

  13. Do not use special symbols like $, @, and @ in the CGI output section, and if you really need it, do not precede it with a symbol \. Of course, make good use of CGI Debug.

Four. Web ethics

    1. Don't turn someone's web page into a box in your frame, this will not only bring inconvenience to visitors, make your Web page uglier, and you have violated the copyright of others, the solution and prevention method is to use the target parameters linked, such as target= "_top" or target= "new" and so on. If you pay attention to the feelings of visitors, please start from every detail.

    2. Don't copy other people's creations. All information on the Internet is public, but it is copyrighted, and it is simple and proper for a person to refer to his or her work by email and ask for consent. Especially when you use an offline browser to download someone else's web page or get someone else's program, you must not put it as your own web page or program on the Internet.

    3. Do not put the other people are using the search engine, forms and counters, etc. into their own web page, not only to disrupt its normal operation, increase the load of the server, unless the owner is expressly able to connect to his cgi-bin or Javaclass.

    4. Do not use the Web page to spread rumors, slander others, the network is difficult to control, but the moral conscience, please tried. Maintain a good network environment, everyone has the responsibility.

    5. Quote newsgroup, BBS, or other non-electronic media articles, remember to indicate the original author name and the source of the article, if you refer to someone else's Web page to notify the author.


Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.