How to design a website?
Source: Shangpin China |
Type: website encyclopedia |
Time: May 27, 2012
Website production 65 principles of essence 01. Clarify the content If you want to be a website designer and want to build a website, you should first consider the content of the website, including website functions and what your users need. Your entire design should revolve around these aspects.
02. Grab users If the user can't access your website quickly, or the operation is not convenient, the website design will fail. Don't let users down and turn to your opponent's website.
03. Optimize content Content is the core. About two years ago, the corporate website was like an advertising brochure. What's worse, the website used a lot of pictures, which seemed to take centuries to download. Chanels website (www.sino web. net) is successful in some aspects of design, but the content is too greedy and it takes a long time to find what you want, so it cannot be regarded as a successful website.
04. Quick download There is nothing worse than taking a long time to download a page. As a rule of thumb, a standard web page should be no more than 60K, and it takes 30 seconds to load through 56K modem. Some designers say that the web page should load within 15 seconds.
05. Website Upgrade Always pay attention Seo website optimization Health status of. Hosts with good performance may run slowly as the number of visitors increases. However, if you don't want to lose visitors, you must carefully plan your upgrade plan.
06. Adhere to basic principles Even if you don't understand HTML language, you can create a reasonable website by purchasing a copyrighted WYSIWYG web design tool, such as Adobe PageMill or Microsoft FrontPage Express. However, in design, these software packages do not require HTML, but they slow down the website. In order to successfully design a website, you must understand how HTML works. Most website designers suggest that novices should look for answers from books about HTML and use Notepad to create web pages.
07. Learn HTML Using HTML to design a website can control the whole process of design. However, if you are just a beginner in website design, you should look for a package that allows you to modify HTML. HomeSite4 is a good Web design tool. HomeSite4 can help you learn HTML during the design process. It also allows you to switch to WYSIWYG mode so that you can preview your website before sending it to the Web.
08. Draw the frame of a website The sage said: The pen is more powerful than the sword. Before using the computer, use a stroke to draw the frame of a website, showing the interrelationship of all pages. Plan how your users will spend the least amount of time browsing your website.
09. "You can never find a good solution on the computer"—— Expert advice
10. Site Map Many designers put their website maps on the website, but this practice does more harm than good. The vast majority of visitors go online to find some special information. They are not interested in how your website works. If you think your website needs maps, it is likely that you need to improve your navigation and toolbar.
11. "Open your eyes and pay attention to everything. The best inspiration can be obtained by observing the most irrelevant things. Observe the structure and design of a site. Understand the key elements of the site structure, and ensure that your design revolves around site browsing. "—— Expert advice
12. Have you heard of the click rule three times? For small websites, there is no information on your home page that needs to be clicked more than 3 times. For large websites, use navigation and toolbars to improve operations.
13. Application of special fonts Although you can use special fonts in your HTML, you can't predict what your visitors will see on their computers. A page that looks good on your computer may look bad on a different platform. Some website designers like to use to define features. Although this allows you to use special fonts, it still needs some workarounds to avoid that the font you choose cannot be displayed on the visitors' computers. Cascading style sheet CSS helps solve these problems, but only the latest version of the browser supports CSS.
14. "Use practical and simple naming rules." - Expert advice
15. Check for typos Good spelling is an important skill in people's life. Unfortunately, many designers lack this skill. Make sure you spell correctly, and pay special attention to the typos that are easy to write incorrectly.
16. Avoid long text pages There are many text only pages on a site, which is tedious and wastes the potential of the Web. 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.
17. Do not use roll bar People hate the use of rolling bars on the Internet. Trouble website (www.Trouble. co.uk) is a typical website with poor design. It is based on a floating architecture, and in order to read all the text, visitors have to use scroll bars.
18. Experts' favorite web design tool 1.Adobe Photoshop 2.Macromedia Flash 3.Adobe Illustrator 4.Adobe ImageRead 5.Dreamweaver 6.Macromedia Fireworks 7. Allaire Homesites 8.Microsoft Notepad 9. Macromedia Director 10. Lightwave 11. Macromedia Freehand 12. Others: Adobe Acrobat Exchange, Allaire ColdFusion, BBEdit, HTMLValidator, etc.
19. Website Introduction You should have a very clear website introduction, telling visitors what your website can provide, so that visitors can find what they want. However, many designers have not done so. Effective navigation bars and search tools make it easy for people to find useful information, which is very important for visitors. Tell your visitors that you are providing the information they want.
20. "Once the website is published, the advantages and disadvantages of website design will be published in the world. There is no way you can learn more from your mistakes, listening to other people's suggestions and user feedback. "—— Expert advice
21. Blinking makes people headache The use of logos can attract visitors' attention to special parts of your home page, but it also gives your visitors a headache. If you want your visitors to visit your website again, you should use this method less.
22. Background color The background color can also cause some problems, which may make the page difficult to read. You should insist on using white background and black text, and also insist on using universal fonts.
23. Forward and backward buttons You should avoid forcing users to use forward and backward buttons. Your design 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 access any part of the website from each page. 24. "Stick to your beliefs. Strictly abide by various rules. Avoid taking things for granted. Never stop learning" - expert advice
25. Click the counter Don't easily consider placing a striking click counter on your website. You design your website to provide services to visitors, not to promote what you think is important. Most visitors think that counters are meaningless, they are easy to be faked, and visitors do not want to see advertisements. If you show how popular your website is, you'd better provide a link to display the visit log.
26. Do not use the frame Like counters, frameworks are becoming more and more popular on web pages. On most websites, there is a frame on the left side of the screen. But the designers immediately found that there were many problems when using the framework. It is almost impossible to display the entire website without a 17 inch display when using the frame. Frames also make it impossible to bookmark a personal home page within a website. Perhaps more importantly, search engines are often confused by frameworks, so they can't list your websites.
27. Remove image Even if the image function is removed from the browser, ensure that visitors can get satisfactory results on your website. For those visitors who use ISDN connection and turn off the image function, they can also get good web page loading performance. You can meet the needs of visitors by providing additional links at the bottom of the page and using alternative text instead of images.
28. Reusing images Some websites miss the opportunity to use better techniques due to the use of a large number of non repetitive images. When creating a trademark, it is a good way to use the same image multiple times on the web page, and once they are loaded, it will be quickly reloaded later.
29. Avoid using too large images Do not use images that span the entire screen. Avoid visitors scrolling to the right. A screen width of 75% is a good suggestion.
30. "Avoid using ostentatious techniques." - Expert advice 31. Choose to use Flash animation Many visitors who use slow computers find that animated icons can easily exhaust system resources, making it difficult to operate websites. Therefore, users should be given a choice to skip using Flash animations.
32. Minimize the use of Flash plug-ins Although many Web designers believe that Flash is very powerful, and Netscape 5.0 will support Flash, no plug-ins need to be downloaded when using it. However, it is better to cancel the idea of using Flash as each interface.
33. Let users preview small images first If you have to place a large image on the website, you'd better use Thumbnails software to display the preview effect of the reduced version of the image, so that users do not have to waste money and time to download the large image they do not want to see.
34. Animation and content should be organically combined Make sure the animation is related to the content. They should be integrated with the website, not dry. Animation is not just a simple accumulation of things made by Macromedia Director.
35. Use voice with caution The use of sound should also be vigilant. Inline voice is another forbidden area for web designers. Because too much use of sound will slow down the download speed, and does not bring much benefit to the visitors. It may be interesting to hear the mouse sound for the first time, but it will be boring after many times. Before using sound, you should carefully consider what sound will bring to you.
36. Use less Java and AxtiveX Java and AxtiveX should be used as little as possible on web pages. Because not every browser needs it, only users of earlier versions of Netscape and Explorer need it. In addition, Mac also has problems when dealing with Java. Excessive use of Java will cause Mac to crash.
37. Website successfully designed www.emju.com www.bmw.co.uk www.yugop.com www.comicrelief.org.uk www.dreamcast-europe.com www.newsunlimited.co.uk www.newbeetle.com www.swoon.com www.viaduct.co.uk
38. Use plug-in carefully In Web design, if you rely on some special plug-ins, it will reduce the attraction of the website. If visitors do not have the required plug-ins, they will have to go to other sites to download them, so visitors may not return.
39. Using famous plug-ins If there is sound or video on the website, ensure that users can hear or see it by using a well-known plug-in. Many sites use QuickTime, RealPlay, and Shockwave plug-ins. Because many visitors are not willing to waste a lot of time and money to download plug-ins that may only be used once.
40. Use of advanced technology Keep up with new technologies. The progress of Web technology will never stop, so you should spend some time researching new products and developing technologies.
41. Create your own images and sounds Use images and sounds created by yourself or downloaded from a commercial website. When making a commercial website, you should spend enough money to create graphics to enhance the company's publicity—— Expert advice
43. Platform compatibility For the sake of users, you must test your website on at least one PC and one Mac to see how compatible it is.
44. Use software analysis tools to find errors Use software analysis tools to check HTML. The software analysis tool Doctor HTML can help check any problems in HTML. If you have many pages to check, you can use software analysis tools. You can find more effective HTML tools at www.weblint.org/validation.html.
45. Avoid incorrect links The website may have links with other useful websites. However, if there are links on your website, be sure to check them frequently to ensure that the links are valid. There may be many linked websites, but don't link to websites unrelated to your content.
46. Mature things for the audience If the website is not completed, do not send it to the Web. All good websites are released after being completed behind the scenes.
47. Register the website on the search engine There is little chance for anyone to find your website, unless you register your website on the main search engine.
48. Design a message board Visitors are willing to spend time on good websites, so it's better to have a message book, which can encourage visitors to return to your website again and help expand the content of the website.
49. Test website Before your website is officially released, you must conduct useful tests. Use the latest software when designing websites, but don't forget that people don't use the latest browser, so take care of previous browsers. Also test all links and navigation toolbars when uploading websites.
50. "Try your best to repeatedly test the website designed until you can't find new things" - expert advice
51. Demo the upcoming website Before the website is officially launched, let someone demonstrate it. In the demonstration, people will tell you whether the website designed is easy to use.
52. Only one animation can be used to decorate the webpage.
53. "Tilting buttons don't look very good. It's better not to use them." - Expert advice
54. Content organization Before starting to create a new page, carefully consider the organization of the site's content. Decide what you want your visitors to browse, and then design the navigation system.
55. "Long live the blank" Be careful to leave blank. Don't fill the web page with images, text and unnecessary animated GIFs. Even if there is enough space, you should avoid using them in design.
56. "Use the blank space to attract attention. In order to attract eyeballs, Web designers use various methods, such as blinking, rotating, etc., but using white space will attract more attention. "—— Expert advice
57. Image compression To keep the image small, you can use a program similar to the GIF wizard, which can automatically compress the image. Declare the size of the image first It is better to specify the image size attribute before the image is displayed. You can save this attribute in the IMG tag. This makes the web page look smooth, because the browser can display the entire web page on the screen before the image is downloaded.
58. Website design failure
——It takes an hour to find a T-shirt on it; ——Too much service is promised to customers, but too little is really achieved; ——The design level two years ago ignored the needs of customers; ——Not attractive, the homepage is too similar
——Poor design . ——Nothing new ——Navigation does not understand
59. The image size attribute can be saved in the IMG tag. This makes the web page look smooth, because the browser can display the entire web page on the screen before the image is downloaded.
60. User registration If you can know who has visited the website and how, you can get a lot of useful information. However, it is risky to ask visitors to register before browsing the website, because this will drive away a group of people who are unwilling to register. Another way to get information is to have a prize contest or money reward, so that users can actively fill in some information feedback forms. 61. Make the website interactive. Provide some tools to answer questions on the website, so that visitors can get interactive information from the website.
62. Picture update Change the pictures on the website as often as possible. People prefer to click on the pictures rather than the text.
63. Provide games on the website The game is a good interactive tool, which is a good way for visitors to visit the website again.
64. Selection of tool software Choose Web design tools carefully. Make sure to use the software you want most and feel best about yourself.
65. Use the latest version of software Try to use the latest version of web design software. 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).
