How to Make Beautiful Web Pages Part One: Web Page Skills in Web Site Making
Source: Shangpin China |
Type: website encyclopedia |
Date: July 20, 2012
I believe that all netizens will see many personal websites with unique design, novel creativity and attractive pages when they surf the Internet heartily. When you encounter these websites, you will stop and enjoy them carefully. At the same time, you will probably have an idea of creating your own personal homepage in your mind. If you really have this idea, please continue to read the following content. The following web design skills will certainly satisfy your eyes and enable you to design your own home page with ease in the future. Well, after all that said, let's get down to business and see what the author has brought today Website production Tips: 1. It may not be very difficult to plan and design the homepage before design. However, this work, like the preparation of traditional promotional materials, requires careful handling and planning. In other words, we must first determine the main message we need to convey, then carefully consider and organize all ideas reasonably; Then we design a page style, try it out for representative users, and then repeat the revision to make it perfect. 2. The content you choose should be fresh. There are new things emerging on the World Wide Web and new patterns every day. If your homepage never changes, users will soon get bored. Therefore, the selection of web content should be unconventional, and the focus should be on the "new" word. This principle requires us not to copy other people's content when designing website content, but to create a unique website based on our own actual situation. From a broad perspective, many personal homepages on the Internet are simply "grocery stores", with all kinds of content and the same theme. Everyone is "software download", and everyone has "network navigation". From beginning to end, there is no sense of "freshness". Therefore, when we design web pages, we should focus on selecting materials. The selection of materials should be "less" and "better" as far as possible, and "new" must be highlighted. If we can keep updating every day, I believe that such a page will be welcomed by everyone. 3. Although the content of a web page is relatively practical and interesting, it is not the best reason to attract users. To maximize the retention of users, the first thing is to make it useful. A very simple way to do this is to provide mutual participation -- let readers do something, such as sign up for regular newsletter, and repay their participation in some way, such as weekly lottery or the opportunity to download something. 4. The page name should be simple. Because a website cannot be composed of one page, it has many sub pages. In order to connect these pages effectively, users can finally give these pages some representative and simple page names. This will not only help you manage your web pages in the future, but also make it easier for others to index your web pages when submitting them to search engines. When naming a web page, it is better to use the lowercase English letters that are commonly used or match the content of the page, which is directly related to the connection on the page. 5. One of the most important functions of the homepage is to serve as a navigation tool to guide users to look up information stored in your website or other places. Therefore, when designing the home page, you should make the navigation process as easy as possible. For the sake of clarity and speed, the link information on the home page will be boring. Therefore, you must strike a balance between breadth and depth. If there is too much information on your website, you may want to create longer pages or use more link layers, or even establish multiple home pages, so that each home page contains different information. If users can find the information they need with keywords or words on the home page, it will certainly be welcomed by users. 6. Make good use of tables to layout. Don't list the content of a website in one, two, three, four places like a report. Pay attention to using tables to highlight the hierarchy and space of the website content, so that people can see at a glance that your website has a prominent focus and a clear structure. 7. Reasonable design of visual effects does not need to fill the page with images to increase visual interest. Try to use colored dots -- they are small and add color vitality to the list items (and can be used in color tables). The color separator bar can also enhance the graphic sense without disturbing the bandwidth. In addition, after a web page is designed, you must test the home page in different types of browsers and different resolutions. For example, many browsers use 640 × 480 resolution. Although some web pages look attractive in 800 × 600 resolution, they may be eclipsed in 640 × 480 mode. Make a little effort to design a web page that can be displayed normally under different resolutions and different types of browsers. 8. Pay attention to the details when typesetting. Don't easily center the text and use bold or italic characters. In addition to visual confusion, many browsers cannot display italic characters well, nor can they compensate for the blank changes caused by the slanting of letters. Make your page attractive and easy to read by using short paragraphs, dotted lists, appropriate whole blocks of quoted text, horizontal lines and sections, and video maps to guide the main links. In addition, the author reminds you not to put important content layout at the end of the website, because readers may stay more on the home page, or some readers have no patience to look down so far. 9. Image users who make good use of GIF and JPG format travel around the Internet. You must try to attract and maintain their attention to your home page. One of the most important resources of the World Wide Web is its multimedia capability, so we should make good use of it anyway. It is better to have eye-catching images, novel pictures and beautiful words on the homepage to make it unique and unforgettable. The content of the image should have a certain practical effect, and no exaggeration is allowed. At present, most of the images on the Internet use GIF and Jpeg interactive formats. Because the images in the interactive format are displayed hierarchically - first at a very low resolution, then gradually increase the resolution, and finally reach the normal display - this way sometimes makes larger images seem to load faster, but in fact it is not, But this is a beneficial illusion. This also makes it easy for readers to see its appearance in the process of image loading. If they don't like or want to see it, they have the opportunity to interrupt transmission or turn to other places. 10. Add text to the picture. For example, there is a 16 million color scanning image with 800 × 600 pixels, which takes up about 50K of space. Use an image editing tool such as PhotoShop to resample the original image, for example, the height is 100 pixels (to ensure that the browser can display the image in an appropriate size in real time, the height and width are very important. You may have to adjust to meet your own requirements to find the most appropriate size, but you can start by dividing the height by 4~6), PhotoShop will automatically calculate the width of the new image. Save the new image, which should now be 8K or less in size. Then add such an HTML code in the source file: when the browser interprets and executes the Lowsrc command, it will require the browser to load a low resolution image before the actual image is loaded, so that the visitor will know what kind of image will appear. 11. It's not suitable to use too many animations. Everyone likes to use GIF animations to decorate web pages. It's really attractive. But when we choose, can we decide whether we must use GIF animations? If we answer no, then we will choose still pictures, because its capacity is much smaller. For the same size LOGO, the capacity of GIF animation is 5K, while that of static LOGO is only 3K. Although the difference is only 2K, more will affect the download speed. Therefore, if some are not necessary, choose the smallest. 12. Don't use flickering text more. Some designers want to attract visitors' attention through flickering text, which can be understood, but there should be no more than three flickering words in a page. Too many flickering words give users a dazzling feeling, which will affect users' access to other content of the website. It is the so-called "when things reach their limit, they will turn back". 13. The page length should be moderate. When a page is very long, you should pay attention to it, because its transmission time is obviously longer than that of a short page, and too long page transmission will make visitors lose patience in waiting. In order to read these long texts, visitors have to use scroll bars, which also wastes the time of users surfing the Internet. If you have a large number of text-based documents, they should be placed in the form of Adobe Acrobat files so that your visitors can read them offline, thus saving valuable time. 14. It is better not to use large format Java programs as few as possible, and try not to use java if you can replace the effect with javascript. At present, the running speed of java is too slow to be tolerated, which often makes visitors impatient to wait for all the pages to be displayed, so your careful design will have no effect. 15. The style of the whole page should be consistent with all the images and words on your page, including background colors, distinguishing lines, fonts, titles, and footnotes. The style should be unified throughout the site. In this way, the readers will look comfortable and smooth, and will leave a "professional" impression on your website. 16. It is better not to use the counter because the counter is also designed by the program. The process of displaying the counter is actually the process of executing a program. It needs to occupy the user's valuable online time. In addition, most viewers think that the counter is meaningless, and they are easy to be faked. Viewers welcome it. You'd better provide a link to display the access log. 17. Each page must have a navigation sign. All pages must use navigation signs from beginning to end, especially the "Return to Home" connection. You can do this on every page. For example, there is a small string of icons at the top (or bottom) of each page. The first goes back to the home page, the second goes back to the chapter, and the third goes back to the section. If it is an image navigation button, it should have a clear logo so that people can see it clearly. Don't just focus on the bustle of visual effects, but let people not know everything; The link color of text navigation is better to use the conventional color: blue for those not visited; Clicked, purple or chestnut. In short, text links must be distinguished from other words on the page to give readers a clear and clear guide. 18. Try to use relative hyperlinks When making image or text hyperlinks, try to use relative hyperlinks. This is because the portability of web pages is relatively strong. For example, when a group of source files are moved to another place, the relative path name is still valid, without having to modify the target address of the connection again; In addition, there is less input when using the relative hyperlink. Of course, the connection items on the same page should use the relative address, because after using the absolute address, the page may be reloaded every time you select a connection. If you are connecting to a file that is not directly related, it is better to use an absolute path, so that if you move the source file to another directory in the future, you do not need to change the connection. 19. Ensure that the hyperlink is intuitive and effective. The hyperlink in the page should enable users to quickly find what they want. Most good websites have the same navigation bar at the same location on each page, so that visitors can intuitively access any part of the website from each page. In addition, "please click here" should be avoided. Anyone who wants to "click here" will carefully consider whether it is right here and connected correctly. Don't make the name of the connection different from the URL of the connection, which will waste the reader's time. This article was published by Beijing Website Construction Company Shangpin China //ihucc.com/
Source Statement: This article is original or edited by Shangpin China's editors. If it needs to be reproduced, please indicate that it is from Shangpin China. The above contents (including pictures and words) are from the Internet. If there is any infringement, please contact us in time (010-60259772).
