Shangpin China teaches you how to do website design, and what software do you need?
Source: Shangpin China |
Type: website encyclopedia |
Time: April 27, 2015
Website Design (Web Design) refers to the collection of relevant web pages on the Internet that are made by Dreamweaver, Photoshop and other tools to display specific content according to certain rules. To put it simply, a website is a communication tool, just like a bulletin board, people can publish information they want to publish through the website, or use the website to provide relevant network services (network services). People can visit websites through web browsers to get the information they need or enjoy web services. The website is composed of domain name (commonly known as web address), website source program and website space. The domain name is similar to the house number on the Internet. It is a hierarchical character identifier used to identify and locate computers on the Internet, corresponding to the Internet Protocol (IP) address of the computer. And website design is designed by designers through tools such as Frontpage or Dreamweaver to edit websites!
The essence of website design includes
Website design includes website planning, webpage design, website promotion, website evaluation, website operation and overall website optimization. The purpose of website construction is to achieve online marketing and e-commerce through websites. For website construction, the network marketing consultant first proposes a low-cost return network marketing plan. Through understanding the online marketing strategy of the project's target audience, we can trigger and leverage the interaction between enterprises and netizens, and even between netizens, so that enterprises can surpass their competitors with minimal marketing investment and obtain more efficient market returns. As the starting point of online marketing, the early planning of marketing website planning is rigorous Practicality will directly affect the realization of enterprise network marketing goals. Guided by customer needs and online marketing, website builders, combined with their own professional planning experience, assist different types of enterprises to develop phased website planning plans for enterprises on the basis of meeting the strategic objectives and tactical requirements of enterprises at different stages.
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 Optimization 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 is successful in some aspects of design, but the content is too poor, 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
Keep an eye on the operation of the website. 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.
"Keep your eyes open and pay attention to everything."
"You can get the best inspiration 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 is centered on site browsing." - Expert advice 12 Click Rules Have you heard of the three click rule? 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 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 At present, there are many companies doing website design. The specific information depends on your company's region. The above information is for reference only 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 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 ImageReady 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, HTML Validator, 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. Once the website is published, all the advantages and disadvantages of website design will be published. There is no way for you to That's more than learning from your own mistakes, listening to other people's suggestions and user feedback. " 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. 23Forward 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. "Stick to your beliefs. Strictly abide by various rules. Avoid taking things for granted. Never stop learning." 25 Click 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 (Macintosh) also has problems when dealing with Java. Excessive use of Java will cause Mac to crash. Development trend Almost every network company is carrying out website construction business. At the same time, due to different development directions, there are three major website construction groups: The first category is industry portals. Many industry portal websites, in their VIP member service projects, include website construction services for VIP enterprise members, such as Alibaba, China Textile Network and other companies, which have attracted a large number of industry enterprises to register as their VIP members and obtain a variety of service projects, including website construction and maintenance. Enterprise website building services of industry portals account for 20% of all enterprise website building service markets; Most of these websites are template type. The second category is network integrated application service companies. It refers to a comprehensive application service company that provides businesses including basic network application services (such as domain name, host, email) and network value-added application services (such as website construction and promotion). Enterprise website construction is one of the important businesses, and the total business volume accounts for 60% of all enterprise website construction markets. Companies such as Shenzhen Jiuqu.com have a good image and reputation in the industry through the promotion and expansion of network integrated application services, and the website construction services provided by them are generally accepted by customers. Third, professional website construction service companies mainly focus on personalized website construction business, which is mostly reflected in the production of 3D panoramic websites, FLASH panoramic websites, etc., highlighting personalized production and long-term customer tracking services, with the total business accounting for 20% of all enterprise website construction markets. Among the three categories, the first category of industry portals requires long-term accumulation of customer resources, massive capital operation, and high capital threshold for operation. The third kind of personalized design of professional websites needs high-end technical talents, thus raising the technical cost threshold. Therefore, the main force really fighting in the market has become the second type with much lower technical and capital threshold: network integrated application service companies. Key points of website design Two key points for website design: overall style and color matching. 1、 Determine the overall style of the website The overall style of the website and its creative design are the most difficult to learn. The difficulty is that there is no fixed model to refer to and imitate. Given you a theme, no two people can design exactly the same website. Style is abstract. It refers to the comprehensive feeling of the overall image of the site to the visitors. This "overall image" includes CI (logo, color, font, slogan), layout, browsing method, interactivity, text, tone, content value, significance, site honor and many other factors of the site. For example, we think NetEase is approachable, Disney is lively, and IBM is professional and serious. These are the different feelings left by the website. Here, I will provide you with some reference experiences: 1. Put your logo as prominent as possible on each page. 2. Highlight your standard colors. 3. Summarize a slogan that reflects the essence of your station! 4. Images of the same type use the same effect, for example, the title words use the shadow effect, so the shadow effect settings of all the title words appearing in the website should be completely consistent! 2、 Color matching of web pages Whether it is graphic design or web design, color is always the most important part. When we are far away from the display screen, what we see is not beautiful layout or beautiful pictures, but the color of the web page. There are many principles of color, and we can't explain them one by one here. You can look at relevant design books to help you understand them systematically. Here we just want to tell you some tips for color matching on web pages. 1. Use one color. This refers to selecting a color first, and then adjusting the transparency or saturation, so that the page looks uniform and layered. 2. Use two colors. First select a color, then select its contrast color. 3. Use a color system. In short, it is to use a feeling of color, such as light blue, light yellow, light green; Or yellow, gray, blue. In the color matching of web pages, remember some mistakes: 1. Don't use all colors, try to control within three to five colors. 2. The contrast between the background and the previous text should be as large as possible (never use complicated patterns as the background), so as to highlight the main text content. [Dynamic website design] The network technology is changing with each passing day. Careful netizens will find that many web page file extensions are no longer just ". htm", but also ". php", ". asp", etc. These are made by using dynamic web page technology. The early dynamic web pages mainly used CGI technology, namely Common Gateway Interface (CGI). You can use different programs to write suitable CGI programs, such as Visual Basic, Delphi, or C/C ＋＋. Although CGI technology has developed maturely and has powerful functions, it is difficult to program, inefficient, and complex to modify, so it has the tendency to be gradually replaced by new technologies. Here are some of the new technologies that have attracted much attention at present: 1. PHP is called Hypertext Preprocessor. It is the most popular scripting language on the Internet today. Its syntax draws on C, Java, PERL and other languages, but you can use PHP to build a truly interactive Web site with little programming knowledge. It has very good compatibility with HTML language. Users can directly add HTML tags to script code, or add script code to HTML tags to better realize page control. PHP provides a standard database interface, which is convenient for database connection and has strong compatibility; Strong expansibility; Object oriented programming is possible. 2. ASP is Active Server Pages, which is a combination of HTML (Hypertext Identification Language), Script (Script) and CGI (Common Gateway Interface) developed by Microsoft. It does not provide its own special programming language, but allows users to use many existing scripting languages to write ASP applications. ASP programming is more convenient and flexible than HTML. It runs on the Web server side, and then transmits the running results to the browser on the client side in HTML format. Therefore, ASP is much safer than general scripting languages. The biggest advantage of ASP is that it can contain HTML tags, directly access the database and use the infinitely expanded ActiveX controls, so it is more convenient and flexible than HTML in programming. By using ASP components and object technology, users can directly use ActiveX controls, call object methods and properties, and achieve powerful interactive functions in a simple way. However, ASP technology is not perfect. Because it is basically limited to Microsoft's operating system platform, the main working environment is Microsoft's IIS application structure, and because ActiveX objects have platform characteristics, ASP technology cannot easily work on cross platform Web servers. 3. JSP, namely Java Server Pages, is a new technology introduced by Sun Microsystem in June 1999. It is a Web development technology based on Java Servlets and the entire Java system. JSP and ASP have many similarities in technology, but they come from different technical specification organizations, so that ASP is generally only applied to the Windows NT/2000 platform, while JSP can run on more than 85% of servers, and applications based on JSP technology are easier to maintain and manage than those based on ASP, Therefore, it is considered by many to be the most promising dynamic website technology in the future. Although the above three new technologies have their own characteristics in the production of dynamic web pages, they are still developing and not popular enough. For fans and producers of personal homepage, it is recommended to use CGI technology with great difficulty as little as possible. If you have a particular preference for Microsoft's products, using ASP technology will make you handy; If you are the pursuer of Linux, PHP technology is the most sensible choice at present. Of course, don't ignore JSP technology The whole process of website design This article is dedicated to those who want to build a successful website! 1. Preparation content Before registering the website, you should collect at least "100 pages" of content, which must be valuable and not violate the copyright. 2. Website Think of a meaningful and easy to remember URL (oh, well, Chinese websites don't need keywords in the URL, which we can ignore). 3. Website design For search engines, they can't see the flash, java applet and javascript in the website, nor can they see the words written in your picture files. So in website design, as long as it is as simple and beneficial as possible, so that the content can be well presented, it will be a successful seo website page. In addition, web pages should try to conform to the w3c standard. If you are too lazy to make a web page, you can refer to here. There are some free web page templates, almost all of which are licensed by cc, so you can use them freely. Their web pages are all in line with the w3c standard. 4. File size per page It is suggested that each page should be below 15k as much as possible. If it can be reduced to 12k or even 10k, it is better, but it should not be below 5k. In fact, we all know that the purpose of search engine optimization is actually for the users, not for the search engine itself (I will add an article on this in a few days). But whether this item is true or not, I don't know. An elder once told me that in Taiwan Yahoo, the bigger the page size, the better This needs to be proved by experiments. 5. content Create a 500-1000 word web page every day. Of course, this web page must contain your important keywords. If you can't think of keywords, you can use Yahoo's keyword suggestion tool 6. Keyword density and keyword placement Take out your keywords and use them once in each of the following six places: *Title *Meta tag *In the website (well, Chinese keywords are not available) *Bold keywords (that is, write your keywords and then bold them) *Italic keywords (that is, write your keywords and then italicize them) *The top half of the page (I suggest a title, like h1, for the front part of the page) In addition, if you speak English, you should be fluent in writing and correct in spelling, although the search engine itself will help you correct 7. External links Each content page should link to one or two "famous websites" of the keyword (I'm not targeting nameless websites==). Note the way to link. Write your keyword first, and then link the keyword directly to the site. 8. Internal Links There may be many kinds of content in your website. Please make sure that similar content is linked to each other, while different types of content should not be linked to each other. For example, please link the food page to the fruit page. Why do you do this? Internal links of the same kind of content can allow Google's pagerank to pass on to each other in your pages. If you only optimize individual pages, it may happen that only a few pages in the website can rank forward, but if you do a good job of internal links, you can make every page rank forward. Do you want 50 pages to bring one visitor every day, or only one page to bring 50 visitors every day? There are still opportunities for the former to work hard, and there should be limits for the latter to increase. 9. Website launch It's better not to use a virtual host. It's better to have your own hosting host or fixed IP location. If you rent a virtual host from a virtual host manufacturer, what you may encounter is that there are tens of thousands of websites in one host. Although Yahoo and Google claim that they treat virtual hosts equally, I am still worried about the day when they start to add the number of IP addresses of the same host to the ranking formula Make sure that every page of the website can be indexed by the search engine, and the links in the website should be well done. In addition, when the website is not a "good website", don't let the website go online. If you let your bad website go online After entering the search engine and being given a low score, I think it is not so easy to increase the score. Next, add yourself to the odp (open directory project), which is a directory index that you can manually add, so that at least your website is already in an index. Next, if you have money, you can use Yahoo's search engine to quickly pay for login, which allows your website to enter Yahoo within seven days! In the index of Qimo, it doesn't matter if you don't have money. You will still be logged in by Yahoo. 10. Send to search engine and directory index Login your website to Google, Yahoo! Qimo and MSN, and then they left it alone. Don't forget that the purpose of this article is to build a successful website. The process is one year, so please wait patiently for six months after sending the website to login. (In the worst case, but generally speaking, new websites will enter the index within three to five weeks at the latest.) 11. Website promotion There is no doubt that any website that wants to make a profit cannot avoid paid promotion services. The most important aspect of promotion is competitive ranking. Baidu is the first in China, and no one can deny Baidu's strong traffic. Although Google is the largest in the world, Baidu's traffic in China is 4-10 times that of Google. No click and no charge is that competitive ranking can bring Baidu to the peak of wealth. There is no denying that a large number of enterprises have brought considerable benefits through competitive ranking! Website promotion is the most important step after the establishment of the website! 12 Record and Tracking Apply for a good web counter (Google Analytics is certainly recommended at this time. After all, Google AFC can be used for traditional Chinese content; of course, cnzz webmaster statistics is also a good choice.) 13. Website design includes the design of visual experience of foreground users and the design of background program functions, both of which are very important; Visual design brings pleasure and trust to customers' reading, and the backstage focuses on the convenience of operation; Some basic principles of website design What are the key skills in designing a website? What are the pitfalls? Here, the world's leading website design experts let you share their secrets and tell you the secrets of making websites interesting, what to avoid, what tools and software to use, and websites they love and hate. 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 Optimization 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 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 Keep an eye on the operation of the website. 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. "Keep your eyes open 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 is carried out around site browsing." - Expert advice 12 Click Rules Have you heard of the three click rule? 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 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, HTML Validator, 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. "Once a website is published, the advantages and disadvantages of website design are all published. There is no way to learn more than from your own 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. 23Forward 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 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. Let users preview small images first If they have to place large images on the website, it is better to 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 large images 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. 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. On the Internet, you can find more effective HTML tools. 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 website on 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. "Try your best to test your website repeatedly until you can't find anything new." - Expert advice 51 Demo 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 Animation embellishment Only one animation can be used on the webpage at most. 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 white space to attract attention. In order to attract attention, Web designers use various methods, such as flickering, 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 with failed design ——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 Making websites 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 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 the Web design software, and be authorized to upgrade for free or cheaply. To sum up the quality of a website, nothing more than the following points: A. Speed A website with a slow opening speed, no matter how beautiful the design is, it is doomed to fail. B. Content A website without substantial content can only be an empty shell. It is even more difficult to keep visitors. C. Easy to use website navigation is not obvious, complex and impractical, which makes people feel difficult to browse and will definitely not retain visitors. D. The artistic design with poor aesthetics must be disliked. E. The website with excellent compatibility should be consistent in any browser and in any region, without dislocation, garbled code and other problems. How to design TV/movie websites 1. Simplify the navigation as much as possible Users come here just to watch movies or TV. Everything else is irrelevant, but they take the secondary navigation. This is a classic HULU. Remember that video websites are enough to meet users' viewing needs. Everything else is just icing on the cake 2. Don't make the first screen recommendation picture too beautiful Some users will consider too beautiful recommendation pictures as advertisements instead of clicking them, so this recommendation spot is wasted. Try to use stills or regular posters to make recommendation pictures 3. Don't try to recommend all the content to users The content of the home page is new and refined, not too much. If there is too much content, users will feel at a loss and don't know what to look at. So the home page will only push some refined films and new films 4. The space between films shall be kept to the maximum The most attractive thing to users is nothing more than posters, but the dense stack of posters, although it feels like a mountain of goods, undoubtedly causes users to browse more than once. Looking at your stack of posters, your eyes are all wasted, let alone looking at your refined Slogan 5. No posters where stills can be used The stills can make the scene look like it is. Although the posters are usually very beautiful, the users' understanding of the film is still very empty after the visual shock. The stills are different. The exquisite stills can make the users into the scene. Especially for TV dramas, the stills can make the users associate, but the posters cannot 6. Find a good place for the ranking board The leaderboard is the user's compass. Usually, users will first filter whether the leaderboard has any programs or movies they want to see. If not, they will go to the internal page or channel page to find them. If the leaderboard is too low, it will be too troublesome 7. Click once to see Usually, users care about how many steps it takes to watch a movie. Especially for paid websites, the most annoying thing is that after switching several pages, users can finally watch it and find that they need to pay. So it's better to click once to see it. If you need to deduct fees or log in, you can directly go out of the tier to let users operate instead of going to other pages 8. Don't make advertisements into posters After being duped once or twice, the user may refuse to see the poster in the future. This is very serious 9. Don't put a lot of film related information on the home page Generally, users choose a movie, which is determined by three factors: 1. They want to see it, and have seen the introduction in other places; 2. Friends recommend it; 3. The poster is beautiful, Slogan is sensational, and the star is awesome As for other directors and release time, these factors have little effect. It's better to put a detailed introduction page. Few users go to see the film because of who directed it 10. Flexible use of the 2/8 principle The "2/8" here does not mean 2/8 of the picture text ratio, but the first screen of the home page. It must be the best content of 20% of the whole site and 80% of the users. The first screen is very important 7Cs of website design Human Computer Interface (HCI) in the field of computer information technology refers to computer related hardware and software, which itself provides a channel or bridge for communication and interaction between users and computers. It is also because the communication between human and computer places great emphasis on user oriented and user centered needs, Therefore, human-computer interface is also called user interface. In e-commerce environment, user interface is the interaction channel between enterprises and their customers. Rayport and Jaworski proposed the 7Cs model in 2001, which is mainly used to analyze the customer interface of e-commerce, and proposed that the customer interface of website stores should focus on making customers operate and satisfy. Therefore, A successful website design depends on whether its interface can integrate customer needs and services provided by enterprises. Here are seven elements of the 7Cs architecture website interface: 1 Context The design and presentation of website content should meet the needs of both functionality and aesthetics. Functionality means that website content is presented in an organized way so that users can effectively browse. Aesthetics includes the color system of the website and other visual themes that convey information 2 Content It refers to the content transmitted on the website, including product and service content (such as the introduction of each department, the location of the hospital, etc.), promotion scheme, customer support, timely new information, various information related to products or services, and the provision of product or service information in multimedia (such as the description of product or service content in voice or animation) 3 Community It is an interactive space for website users to have a sense of belonging or affinity, including online discussion boards (such as disease discussion forum), member email lists or speech boards 4 Customization The website provides users with the function of customizing the content information they want to read. Each user can enjoy the same and exclusive page after logging in, which can make customers feel intimate 5 Communication The communication channel between the website and users, including the channel to inform all kinds of information by e-mail (such as electronic newspaper), or to allow users to provide suggestions (such as the suggestion mailbox) 6 Connection The connection between the website itself and other external related websites. For example, the medical website can be connected to other medical information institutions (such as the Medical Information Network), the Health Department of the Government Yuan, the Central Health Insurance Bureau, medical technology research institutions (such as the Taiwan Medical Association), etc 7 Commerce Support various handover interface functions, such as online registration, registration query and cancellation, payment function, etc 9 Principles of Website Design 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 Optimization 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. For example, a website 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. Websites that are best aligned with WEB standardization and located with css often have much less code than those located with tables. 05 Website Upgrade Keep an eye on the operation of the website. 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 just need to purchase a copyrighted WYSIWYG web design tool, such as Adobe PageMill or Microsoft FrontPage Express, and now Dreamweaver, of course, to create a website that looks reasonable. 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. It is a feature that large sections can be deleted during HTML writing. 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". Professional requirements for website design 1. Photoshop DreamweaverFireworks Flash HTML 2. Website background programming ASP development environment, Windows form programming, common controls; ASP programming, ASP Web server controls, configuring and optimizing ASP applications, debugging and error handling, ADO, connecting and operating data sources, data sets, use of crystal reports, creation and use of Web services; Message board, BBS forum, e-commerce system. 3. Database management Basic concept and structure of Access database, establishment of data table, basic maintenance of data table, SQL Server foundation, data source link, SQL language, set function, data type. 4. Learn the comprehensive web page design rules, the processing of the overall page layout ability, the import and beautification of picture art and WEB program blocks, the debugging and application of programs, the comprehensive training of websites, and the dynamic web page creation mode. Key points of FLASH website design 1. Remember the user's goals Users often visit a site with a purpose. Each link, each click, should conform to their experience and guide them to their goal. When transferring your page, you should let the key navigation links load first - in case the user wants to go to other areas of the website. Imitating the usual user graphical interface can often increase usability. 2. Remember the purpose of the website The website design should reflect the needs of business or customers, effectively disseminate the main information and promote the brand. However, the goal of the website is best achieved by respecting the habits of users, so the site structure must meet the needs of users, quickly guide users to their goals and avoid any company and regional jargon. 3. Avoid unnecessary introduction Although the animations introduced are wonderful, they often delay users from accessing the information they are looking for. Users should always be provided with a command to ignore the introduction or a choice to visit your home page. When they visit your home page for the second time, they should ignore the introduction animation for all users (use the client's javascript to complete this function), and then provide the choice to return to the animation page on the target page. 4. Provide logical navigation and interaction • Ensure the user's navigation: display the last address the user visited and the next address he will visit Users will be reminded of the pages they have visited through the different colors of the links • Provide users with a link to easily jump out of the part they are visiting and return to the starting point • Specify the location of each link Ensure that the structure and naming of links are visible, rather than hiding them until the user triggers an event (such as mouse movement) • Make sure the button defines a good enough reaction area • Use the feature of Flash stream to load the main navigation elements first • Ensure the back button of navigation In order to achieve this, we can use the browser's built-in forward and backward navigation system to logically divide the Flash movie into several blocks and place them in separate HTML pages As an option, create a Flash based back button for the movie so that the user can use it to back to a scene or frame containing the last page visited 5. Design consistency The best way to improve your site's performance is user interface consistency Reuse of element structure, element design and naming habits will make users pay more attention to the information conveyed by the site when guiding their goals, and this is also conducive to site maintenance You can use Smart Clip throughout the site to Reuse of interactive elements can also reuse the original navigation system text and pictures in the target page 6. Don't overuse animation Avoid unnecessary animations The best animation should be one that can increase the design goal of the site, telling a story or something helpful when navigating Using repeated animations on pages that contain a lot of text will divert attention from messages 7. Use sound carefully Sound can be added to your site, but it is absolutely not necessary For example, use sound to indicate that the user has just triggered a time Make sure to use the sound switch and volume adjustment method, and remember that the sound will significantly increase the file size When you do use sound, Macromedia Flash will convert the sound into MP3 files or even stream it 8. For low bandwidth users The fewer downloads the better The initial download page size cannot exceed 40K, including all Macromedia files, images and HTML files To reduce the download time, use vector graphics (unless the image uses the compressed BMP, it is better to keep the BMP format), and use the Load Movie action only when the user determines that a file is needed If the user must wait, provide a loaded time series and progress bar. If possible, the navigation system must be loaded within the first 5 seconds 9. Design Ease of Use Make sure that the content of your site can be read by all users, including those with disabilities High use of ALT tags can ensure that website content can be interpreted by auxiliary tools The scalability of the movie is another easy to use Macromedia feature that allows more users to understand the content of the website If you need a thorough discussion on the usability of Macromedia Flash content, please log on to the Macromedia Flash usability website 10. Availability test Let some novices visit the site and complete the user goals and site goals at the same time Even a short Macromedia Flash animation may prevent users from achieving their goals, so use the Macromedia Flash Bandwidth Profiler (in the view menu's test movie mode) to analyze the performance of the site in different bandwidth modes. Repeat the test movie every time, even if it is a small change Ensure that the testers of the site are demographically consistent with the intended users of the site - especially the intended users who have different levels of satisfaction with the site's navigation Website design should consider user needs Users are all browsers If you think that ordinary users will read your web page completely, then you are wrong. No matter how useful information you publish on the web page, a visitor will only spend a few seconds browsing before deciding whether to continue reading. If you want users to read your text, be sure to state your opinion in the first sentence of the page paragraph. In addition, you need to use short paragraphs and interesting headings throughout the page. Less is more Keep all sentences as short as possible. Keep all paragraphs as short as possible. Keep all chapters as short as possible. Keep your page as short as possible. Please use more space between paragraphs and chapters. A page full of lengthy text will drive away your users. Don't put too much content on a single page. If it is really necessary to transmit a large amount of information, please try to divide the content into small pieces and put them on different pages. Don't expect every visitor to move a page with thousands of words to the end. Navigation Try to create a navigation structure that is common to all pages in the website. Minimize the use of hyperlinks in text paragraphs. Please do not use hyperlinks in text paragraphs to take visitors to other pages at will. Therefore, doing so will destroy the sense of consistency of the navigation structure. If you must use hyperlinks, add them to the bottom of the paragraph, or to the site's navigation menu. Download speed The most common errors are caused by the development environment for website developers, such as using a local machine to develop a website, or using a high-speed Internet connection. Developers sometimes don't realize that downloading their pages takes a long time. Preparatory work for website design The preparatory work of website design is very important, which determines the purpose of your website construction, as well as the maintenance of the website in the future, so that your website can play a role. Before designing a website, you must prepare the following work: 1. Website framework channel The website channel is the big framework of the website, namely the main part, such as the home page, company profile, news, product display, online message, contact us, etc. This is the content of the standard corporate website. If you have specific frameworks, please list them one by one so that we can design them easily. 2. Website style requirements You must know the purpose of your website, whether it is in the form of advertisement or only for existing regular customers to observe? Is it functional or demonstrative? The style orientation should be accurate. The functional type is that the website may not be suitable for large pictures in terms of artistic design, but it is relatively powerful in terms of data functions, such as search, member registration, etc. The general large-scale enterprise websites, shopping websites, large portals, dating websites, etc. are all functional. If it is display type, most of these types of websites may pursue visual beauty, The functional requirements are not high. In terms of art design, there must be a strong sense of vision. Such websites generally belong to: beauty industry, women's products, clothing, etc. 3. Target of the website Before designing a website, you must tell us the people, regions, countries, etc. targeted by your website. If you can provide better services in a certain industry, we will customize your web page specifically for the browsing habits of this crowd in design. 4. Budget of website If you are not clear about your web page, inexperience, it doesn't matter. You'd better tell us the design cost of your largest program, and we can plan for you all the time.
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).
