50 Tips for home page production

Source: Internet
Author: User
Tags format comments contains html tags include mail reference relative
Sorted by Flashmonkey:

One, content

1, let the reader have reason to stay. Make the Web page interesting and fascinating. But the first thing is to make it useful. An easy way to do this is to provide mutual participation--to get readers to do things like sign up for regular newsletters, and to reciprocate their participation in some way, such as a weekly lottery or a chance to give something to download.

2. The most valuable sites for visitors are those that immediately enable people to understand what information is available, how to get it, and how to get readers to correct what they think is wrong or add his or her own content.

3, sign your name and show the honor-but don't get a long signature here. A little ego promotion may be pertinent, especially if you want to make your Web page personal, but it can be embarrassing and inconvenient to the substance. All you have to do is connect to the author's page, which is also the right place to abstain, copyright notices and similar instructions.

4, do not include a number of generalized Web reference information and everyone else is no longer a hot link. Connecting to Alta Vista and Yahoo may be enough, or your external connection should be a place of special significance and where readers have not met.

5. If you have positive feedback in the form of comments or readers ' opinions, consider including it on the homepage-perhaps somewhere in the beginning, or as a link to the honor page. If done right, you can encourage new visitors and reassure them. On the contrary, if not properly done, it will be considered to be boastful, and the real content is in the secondary position.

6. Forget most of the habits that have been learned to write on paper. The task facing writing, paper-oriented writings is a carefully arranged narrative, keep the reader's interest in the process of providing knowledge, pleasure, or persuasion; but text is not a major part of most web layouts-that is, there are more text on the page than other elements, and often other components (images , hypermedia connection) is considered to be more important than simple text.

7, the structure is very important. The Web page may look two-dimensional, but it should not be so understood. The original structure of the printed page no longer exists on the web; the writer has to focus on the structure of the file in a visible way, because it may already have more subtle communication capabilities.

8. Web readers are not going to read every word, they read more closely than they do with fast reading rather than reading in a row like a stiff tree file. Reading through a computer screen is not a very comfortable thing, so the reader hopes to get the results as soon as possible.

9. In the Web page creation, the reader is actually a cooperating person. In addition to paying attention to the vocabulary, intonation and other matters that are to be considered in any type of writing, the author of the Web page also has to be aware of and take into account the reader's physical movement-by clicking the mouse button, scrolling through the page, writing an email-is part of the communication process.

Second, the page design

10, with an HTML editor and a few megabytes server space can not be said to be able to design the page immediately. The basic page structure should be organized before you start writing, looking for images, and making HTML tags. If there is nothing to say, don't say anything. If you don't have a pretty clear structure in your head at first, it's almost certainly going to end up in a mess. Start with a little more caution, and then keep on learning and constantly improving. Uninstall some of your favorite pages, check the HTML source file, see how it is written, and paste all or part of it into a test file for testing. Copying other people's stuff is plagiarism, but learning from others is a research process.

11. When people enter your home page for the first time, they are not usually looking for a place to read, they may be looking for something to choose from, in hypertext terms, words, images, buttons, and so on, followed by reading, selecting an option, pressing the mouse button, and then repeating the process after the next page appears. The trick here is to determine the appropriate ratio of keystrokes when reading. Available options if too little, visitors will feel boring, if too much will frighten others.

12, if the page contains a large amount of content, in the beginning of the design of the page must first determine the good reader object. It is meaningful for novice or new visitors to use a fixed file structure and give instructions at the beginning. For example, the description table for the content or some sort of similar structure. If you want to satisfy readers who are not on the same level of knowledge or experience, providing restrictive clues allows some readers to skip the basics to reach the target. When providing a connection, consider the reader at all levels.

13, do not let the reader at a loss. You don't have to fill the web with sounds and images, do not make the file too long to keep the reader waiting for the heel to cool when loading the file, so use the image carefully: the large image will obviously reduce the speed at which the page is built, but many small images that require sequential loading will do the same.



Third, the layout

14, do not easily make text center and use bold or italic characters. In addition to visual confusion, many browsers do not display italic characters well, nor do they compensate for whitespace changes caused by letter skew.

15, the use of short paragraphs, add dots, the appropriate whole piece of reference text, with a horizontal section, with the image map to guide the main connection, so that your page can attract people and easy to read.

16. Do not use different styles of icons on each page.

17, do not need to fill the page with images to increase the visual taste. Try to use colored dots-they are small and can add color to the list items (and can be used for color lists). Color dividers can also enhance the graphics without disturbing the bandwidth.

18, for use as a background gif to be cautious. They can make a page look interesting or even professional, but it's easy to decorate the background so that the text becomes unreadable. It's not enough to have a good background and a light color contrast. The background is either very bright (darker text) or darker (text is lighter). If the background contains an image, the contrast is lower so that the reader's attention is not too distracting.

19, in the IMG line plus ALT tag. Assuming that the caption image appears as the Offal Eaters ' homepage, you can add an ALT mark to the parentheses, alt= "The Offal Eaters ' homepage" and add it directly to the IMG SRC=HTTP://EDU.CNZZ.C After N/newsinfo/offal.com.uk/images/gif/home-top.gif. This allows readers who use text-based browsers to see something other than [image], and readers who use the graphics Viewer will see something when the image is not successfully loaded, and you can make your HTML files pretty neat.

20, you can also use the ALT tag on the separator bar so that readers who use text-based browsers can see something more interesting than just a straight line.

21, don't put the important content at the end of the page-some readers may not look down that far.

22, do not let what looks like a button does not play the role of the button.

Four, HTML format

23. The use of cross marking should be avoided. Different browsers will react differently to cross tags.

24, using interlaced GIF and Jpeg. Because interlaced images are staged-first displayed at a very low resolution and then progressively increased in resolution until they finally reach their normal display-it sometimes makes larger images seem to load faster (not really, but this is a useful illusion). This also makes it easier for readers to see the image as it is loaded, and if they don't like it or don't want to see it, they have a chance to interrupt the transmission or move somewhere else.

25, another clever way to increase the available bandwidth is to use the LOWSRC command in an HTML manuscript. For example, there is a 16 million-color scanning map of 400x600 pixels, which takes up about 35K of space. Use tools such as Paint shop Pro for artwork
Resample, for example, height of 100 pixels (perhaps to achieve your own requirements you have to adjust to find the most appropriate size, but can be divided from the height of 4), Paint shop Pro will automatically calculate the width of the new screen. To save the new screen, its size should now be 6 k or smaller. You can then write this in the HTML file:

The LOWSRC command instructs the browser to load low-resolution images before the actual screen is loaded, so that the reader knows what will happen. (The height and width are important to ensure that the browser can instantly display the image at the right size).

26, of course, you can use LOWSRC to extract any image you want. A two-color "Please wait for the next" message may be only hundreds of bytes, and because the image is in the browser's buffer, you can use the "please wait" information instead of all the pictures. When the image calmly disappears in the background, the reader can leisurely browse your Web page.

27, you can embed a connection within an HTML element, such as:
But you can't do the opposite, embed a header or other HTML element into a connection. The following structure is prohibited by the formal HTML rule and may not be visible in most of the latest browsers:
<a href= "destination.html" ><H1>Myheading</H1></A>



Five, long documents

28, when the page is a single long file to be careful. Its transmission time is obviously relatively short of the length of the page, even if the communication rate of 28.8Kbps readers may lose patience. Page scrolling is also difficult when reading large files. Large files and slower loading speeds can be frustrating and will never return to your network. 

29. If you think the size of the file is important and inconvenient to change, consider how the reader will use the Web page. Try to make sure that when readers browse long files, the small movement of the browser's scroll bar does not create a big jump on the page. As a rule of thumb, the scroll page is moved in less than one page, so that you can see a portion of the previous window. Any movement greater than this would be a loss to the direction of the person.

30, or a long file into several sub files, the main page to give the connection. Remember, though, that a child page can be a dead page--sometimes it's less than 10%. Be smart and give the reader a good reason to mount the page or give them a good reason to browse it.

31. If there are many pages, it is obviously a good idea to give a list of contents or directories on the homepage. Don't have to make that routine, boring, and inflexible tree layout, make it interesting, and give the reader reason to enter the connection to help them understand what they might not see.

32, if you have to put all the content in a file, using a list of content, from the table items can jump directly to the beginning of each section. Or better yet, provide a separate text file for the next pass--Remove all formatting characters--To minimize the time of the next pass.

Vi. Connection

33. A major difference between the usual sequential text writing and online file writing is that the reader of an online file may enter the file at any point in the file. Although you have made a beautiful homepage as an entry point, others may give a connection to the specific pointer or sub page within your masterpiece. It makes sense to give these new visitors some clues about where they are and why they are here.

34, to use the navigation icon, especially to use the "back to the home page" connection. This can be done in every part. For example, at the top (or bottom) of each page there is a small string of icons, the first back to the home page, the second back to the chapter, the third back to the section.

35. There should be some connections on the page to help visitors jump back and forth. Always put these connections in the same format on all pages so that readers will always know where to find them and how to use them.

36, in general should use a relative connection, because: (1) so easy to move a group of files to another place (relative pathname is still valid), (2) less input. connections on the same page should, of course, use a relative address, because using an absolute address may cause the page to be reloaded once for every connection you select.

37. Use absolute path when connecting to files that are not directly related. This way, if you move the source file to another directory, you don't need to change the connection.

38, make sure the optional connection is clear and intuitive--use the title or clearly related images to indicate what it has. Especially to avoid "please click here", anyone who wants to "click here" will carefully consider whether it is right here, and the connection is correct. Do not allow the connection's name to be the same as the URL of the connection, which will increase the reader's work.

39, mail to the connection should be the e-mail address as the connection name. For example, there may be a name and an e-mail address, the person's name is connected to his home page, the e-mail address is connected to mailto. Newsgroup connections should be used directly with group names.

40, check the href, do not appear in the page any no way out of the connection, and do not let the connection fall off.



Vii. General rules

41. In fact, the Web page is either under construction or dead-if you don't update it, and it's not a pure historical data, it's going to get old. The "Last update" record is a good idea. Without saying anything else, if your page changes too little, you'll soon get sarcastic comments in the reader's comments.

42, encourage readers to fill in the form or email feedback. But be prepared to deal with the ensuing transaction--to return to the e-mail as quickly as possible, add connections, modify input errors, and so on. Send a thank-you note to someone who makes comments via E-mail.

43. Tell the reader within the page that you will not mind if they set up a connection to you on their homepage and that you will also set a connection to his homepage. Everyone wants someone to visit their web pages, and this mutual support encourages access to similar points of view.

44, online time is expensive, and the short attention time of visitors is well known. Find out how long it takes to tell the reader what to use--tell them the size of the image you want to appear or the time it takes to send a text file or binary file. To minimize online time, you will be given an FTP location or a connection to another page that readers will appreciate.

45. Use Digital's excellent search tool Alta Vista to find out who has established a connection to your web. In Advanced search mode, enter:
link:http://my.site.com/andnoturl:http://my.site.com/
You can do the same in a simple query by entering:
+link:http://my.site.com/-url:http://my.site.com/

46, most of the writing on the web is pretty bad. As most of the pages are applies, boast, writing rough, editorial audit does not exist, good writing is very prominent.

47, don't forget to add a descriptive title to your homepage, and when someone saves it in their own hotspot directory, they know what's here.

Viii. Equipment Independence

48. HTML does not include the font, paragraph form and blank information used when the file is displayed. This is what it means to be able to successfully display your files on whatever platform, including word terminals. This creates a minimum command standard. So be aware of different browsers with different blanks and fonts.

49. Be careful if your page is to be read in a particular browser. If you don't have mouse, it's not going to work if your readers use Internet Explorer or spry mosaic,netscape2.0 plugins, unless you can guarantee that your readers have Netscape or the Internet Explorer-compatible browsers, otherwise the readjusted images may be displayed in unexpected sizes, and the tables will be difficult to see (or see). In a few browsers, you can't see a JPEG image at all.

50, not many readers will not be able to handle the 16-bit image, but note that if you use a 16-bit (64K-color) or 24-bit (16.7 million-color) palette to create a sophisticated background, you may find that the older device can only jump over. Using a 8-bit image to look at a colored background will drop to a scary figure. PCs with video cards but less than 2M of RAM are unable to view the image.



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.