[Post] 50 tips for making a home page

Source: Internet
Author: User
Tags browser cache
I. Content

1. give readers a reason to stay. Make webpages interesting and fascinating. But the first thing is to make it useful. A simple way to do this is to provide mutual participation-to allow readers to do something, such as registering for a message sent on a regular basis and repaying their participation in some way, for example, a weekly lucky draw or a chance to download something.

2. for visitors, the most valuable websites are those that can immediately understand what information can be obtained and how to obtain it, and how to make readers correct what they think is wrong or add their own content.

3. Sign your name and show your honors-but do not add a long signature here. A little self-promotion may be pertinent, especially when you want to make your webpage personal, but this may cause embarrassment and impede the content. All you need to do is connect to the page about the author, which is also a suitable place for waivers, copyright statements, and similar descriptions.

4. Do not include some general web reference information and connections that are no longer popular. It may be enough to connect to Alta Vista and Yahoo. Otherwise, your external connection should be of special significance and has never been met by readers.

5. If there is positive feedback in the form of comments or comments from readers, consider including it on the home page-maybe somewhere at the beginning, or as a connection to the honor page. If you do it right, you can encourage new visitors and reassure them. On the contrary, if it is not suitable, it will be regarded as self-boasting, and the real content is secondary.

6. forget most of the habits learned to write on paper. The task for text-oriented and paper-oriented writing is a well-arranged narrative that maintains the reader's interest in the process of providing knowledge, pleasure, or persuading others; however, text is not a major component of most web pages-even if there are more texts on pages than other elements, it is often another component (image and hypermedia connections) it is considered more important than plain text.

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

8. Web readers do not read every word. Their reading method is more similar to reading quickly than reading row-by-row reading like reading a rigid tree-type file. Reading through a computer screen is not extremely comfortable, so readers hope to get results as soon as possible.

9. In web page creation, the reader is actually a hacker. Aside from the vocabulary, intonation, and other things that should be taken into account in any type of writing, the webpage author must also be aware of and take into account the reader's physical movements-Press the mouse key, scroll the page, and write emails-as part of the communication process.

Ii. Page Design

10. With an HTML editor and several megabytes of server space, you can't design the webpage right away. Before writing text, searching for images, and marking HTML, you should organize the basic webpage structure number. If there is nothing to say, do nothing. If we didn't have a very clear structure in our head at the beginning, it would almost end up in a mess. Be cautious at the beginning, and learn and improve constantly. Uninstall some pages you like, 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 things on the whole page is plagiarism, but learning from others is a research process.

11. When people enter your home page for the first time, they are generally not looking for something worth reading. They may be looking for something to choose from, in Hyper Text terms, words, images, and buttons can be obtained with the mouse. Next, read the text, select an option, press the mouse button, and repeat the process when the next page appears. The trick here is to determine the appropriate ratio of keys during reading. If there are too few options available, visitors will feel boring. If there are too many options, they will scare others.

12. If the page contains a large amount of content, you must determine the target readers before designing the page. It makes sense for new users or new visitors to use a fixed file structure and give instructions at the beginning. For example, a description table about the content or a similar structure. If you want to satisfy readers whose knowledge or experience is not at the same level, providing restrictive clues allows some readers to skip the basic content and reach the target. Users at all levels must be taken into account when providing connections.

13. Do not confuse readers. You do not have to fill the web page with sound and images, or make the file too long to make readers wait for the heel to get cooler when loading the file, so be careful when using the image: large images will obviously reduce the speed of page creation, but so will many small images that require sequential loading.

3. Layout

14. 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.

15. Use short paragraphs, add some columns, and reference the entire text properly. Use a horizontal line to subscribe, and use an image map to guide the main connection, so that your page can attract people and be easy to read.

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

17. You don't have to fill up images on pages to increase your visual taste. Use colored dots whenever possible-they are small and can add color vigor to the list items (and can be used for color lists ). Color splitters can also enhance the image sense without interrupting bandwidth.

18. Exercise caution when using GIF as the background. They can make a page look interesting or even professional, but the decorative background can easily make the text unreadable. It is not enough to compare the background with colors. The background is either very bright (the text is darker) or very dark (the text is brighter ). If the background contains an image, the contrast is low so that readers are not too distracted.

19. Add the alt mark to the IMG line. Assuming that the title image is displayed as the offal eaters 'homepage, you can add an ALT mark in the brackets, ALT = "the offal eaters 'homepage", and add it directly to IMG src = offal.com. UK/images/GIF/home-top.gif later. 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.

20. You can also use the alt mark on the separator so that readers who use text-based browser can see more interesting things, not just a straight line.

21. Do not put important content at the end of the page-some readers may not look down so far.

22. Don't make anything look like a button, but it doesn't work.

Iv. html format

23. Do not use crosstab marks. Different browsers have different cross-flag responses.

24. Use intertwined GIF and JPEG. Because the graphic is displayed in a hierarchical manner-first, it is displayed at a very low resolution, and then gradually increases the resolution, until the final display is normal-This method sometimes makes larger images seem to be loaded faster (not actually, but this is a beneficial illusion ). This also makes it easy for the reader to see what it looks like during image loading. If they don't like or don't want to see it, they will have the opportunity to interrupt the transmission or switch to another place.

25. Another clever way to increase the available bandwidth is to use the lowsrc command in the HTML Script. For example, a 400x600 pixel 16 million color scan image occupies about 35 K space. Use the paint shop pro tool
Re-sampling, for example, the height is 100 pixels (you may have to adjust the size to meet your requirements, but you can start by dividing the height by 4 ), the paint shop pro automatically calculates the width of the new screen. Save the new image. Its size should be 6 kb or smaller. Then you can write the following in the HTML file:

The lowsrc command instructs the browser to load low-resolution images before loading real images, so that readers can know what kind of images will appear. (To ensure that the browser can instantly display the image in the right size, the height and width are important ).

26. Of course, you can use lowsrc to extract any image you want. A dual-color "Please wait for the next" message may only occupy several hundred bytes. Because the image exists in the browser cache, you can use the "Please wait" message to replace all the pictures. When the image disappears from the background, you can browse your webpage leisurely.

27. You can embed a connection in an HTML element, for example:
<H1> <a href = "Destina-tion.html"> myheading </a> But you cannot do the same. embed a title or other HTML elements into a connection. The following structure is forbidden by official HTML rules and may not work in most of the latest browsers:
<A href = "destination.html">

5. Long files

28. Be careful when the page is a single long file. Its transmission time is obviously shorter than the transmission time of pages. Even readers with a communication rate of 28.8 Kbps may lose patience. It is also difficult to scroll the page when reading large files. Large files and slow loading may make people frustrated and will not return to your sites any more.

29. If you think the file size is very important and cannot be changed, consider how readers will use the webpage. Efforts should be made to ensure that when readers browse long files, the small movement of the browser's scroll bar will not generate a huge jump on the page. As an empirical rule, moving a page by scroll bar requires less than one page, so that you can see part of the content of the previous window. Any move larger than this will lead to lost directions.

30. Otherwise, a long file will be divided into several sub-files and connected on the home page. But remember that subpages may become dead pages-sometimes the hit rate is lower than 10%. Be smart, give readers a good reason to load a subpage or give them a good reason to browse it.

31. If there are many pages, it is a good idea to give a content list or directory on the home page. Do not make it a regular, boring, and rigid tree layout. make it interesting and give readers a reason to connect and help them understand what they may not see.

32. If you have to put all the content in a file and use a content list, you can directly jump from the table project to the beginning of each part. Or better, provide an independent text file for downloading -- remove all format characters -- to minimize the download time.

Vi. Connection

33. A major difference between normal sequential text writing and online file writing is that readers of online files may access the file at any point of the file. Although you have made a beautiful homepage as an entry, others may connect to the specific pointer or subpage in your masterpiece. It makes sense to provide new visitors with clues about where they are and why they are here.

34. Use the navigation icon from the beginning to the end, especially to connect to the home page. You can do this in each part. For example, there is a small string of icons at the top (or bottom) of each page. The first is back to the home page, the second is back to the chapter, and the third is back to the Section.

35. There should be some connections on the page to help visitors jump back and forth. These connections are always put on all pages in the same format, so that the reader can always know where to find them and how to use them.

36. Generally, relative connections should be used, because: (1) it is easy to move a group of files to another place (the relative path name is still valid), and (2) there is less input. Of course, relative addresses should be used for connection items on the same page, because after an absolute address is used, the page may be reloaded every time a connection is selected.

37. Use an absolute path when connecting to files that are not directly related. In this way, if you move the source file to another directory, you do not need to change the connection.

38. Make sure the available connections are clear and intuitive-use titles or clearly related images to indicate what content it has. In particular, avoid "Click here". Anyone who wants to "Click here" will carefully consider whether it is just "here" and the connection is correct. Do not make the connection name the same as the connected URL, which will increase the reader's work.

39. The e-mail address should be used as the connection name for the mail to connection. For example, there may be a person name and an e-mail address. The person name is connected to his home page, and the e-mail address is connected to mailto. The name of the newsgroup connection should be used directly.

40. Check href. Do not display any connections that have no way out on the page or drop the connections.

VII. General principles

41. In fact, the web page is either under construction or dead-if you do not update it and it is not purely historical, it will change immediately. The "Last Update" record is a good solution. Aside from that, if your page changes too little, you will soon get an ironic comment in your comments.

42. Readers are encouraged to provide feedback by filling out a form or sending an email. But you need to prepare to process the subsequent transactions-you need to return to E-mail as soon as possible, add connections, modify input errors, and so on. Return a thank-you letter to the person who commented via email.

43. Tell the reader on the page that if they set a connection to you on their home page, you will not mind, and it means that you will also set a connection to his home page. Everyone wants someone to access their own web pages, and such mutual support will encourage access to sites with similar opinions.

44. The online time is expensive, and the short attention time of visitors is well known. Find a way to tell readers the time it takes to upload a text file or binary file-tell them the size of the image to appear or how long it takes to upload a text file or binary file. To minimize the online time, point out that you will give an FTP location or provide a connection to another page. Readers will appreciate this practice.

45. Use digital's excellent retrieval 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 also do the same in simple queries. input:
+ Link: http://my.site.com/-url:http://my.site.com/

46. Most of the writings on the web are quite bad. Because most web pages are full of spof, rough writing, and no editing review, good writing is very prominent.

47. Don't forget to add a descriptive title to your home page. When someone saves it in their hotspot directory, they can know what it is.

8. Independent Devices

48. HTML does not include the font, paragraph format, and blank information used for file display. This is exactly what it means. on any platform, including text terminals, your files can be displayed successfully. This produces the lowest command standard. Therefore, we need to know that different browsers use different spaces and fonts.

49. Assume that you should be careful when reading your page in a specific browser. If there is no mouse, it will not be effective for others to "Click here". If your readers use Internet Explorer or spry mosaic, The netscape2.0 plug-in will not be effective, unless you can ensure that the reader has a browser compatible with Netscape or Internet Explorer, the adjusted image may be displayed in unexpected size, the table is also ugly (or invisible at all ). In a few browsers, you cannot view JPEG images at all.

50. There won't be many readers who cannot process 16-bit images, but note that if you use a 16-bit (64 K color) or 24-bit (16.7 million color) color palette to create a delicate background, you may find that people using older devices can only jump over. When you use an 8-Bit Bitmap to view the color background, it will drop into a terrible image. PCs with video cards but Ram less than 2 MB cannot view images.

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.