Web Standards programme 

  For Discussion 

  web standards implementation can help: 

  L reduce tag: less code means that the web faster, smaller code also means more server space.    Also require less costs (server space and bandwidth). 

  L increase the content and performance of Separation: Using css to control web site design.    Update and re-design will be much easier.    Changes in the station only needs a style style sheet document updates can be achieved. 

  L to increase availability: the website can be compatible with the greatest degree of equipment (eg: mobile phone, PDA) and different browser. 

  L forward compatibility: in the future, the use of web sites to ensure that standard availability. 

  L enhance the coherence and VI site. 

  1.    UE standardize the management process 

  UE continued to improve management processes as a basis. 

  1. Products, UE / UI, technical cooperation and technology requirements and processes. 

  This process applies to products project in the process of developing cooperation between the UE and products.  .

  1. Product project, informed by the UE products sector, demand for products submitted by UE user model.    Products help users understand the objective circumstances. 

  2. Product to product documentation.    To be confirmed after the two sides.    UE for UI and product optimization model design.    Product model based on product availability to the level of testing. 

  3. Model usability testing delivery and Development departments, and follow the progress of the development of the module usability testing, real-time to improve.    Only to the product line, UE end of the project.    Document archiving, to the quality of management of the Department. 

  2. Content of the channel and the UE, UI cooperation and technology requirements and processes 

  UE channel content and the process of cooperation are from the collection WEB UE standards demand, and with the relevant departments in need of a unified element. 

  UE and content of science and technology cooperation for the implementation of revised channel, establish a unified standard elements.    Established a standard discussion document. 

  Other channels, in order for a facelift, will be unified standard elements, and continuously enrich the standards. 

  UE constantly optimize the rich and UE standards, content channels UE achieve continuous improvement. 

  Need to harmonize the elements shown below. 

  3. UI elements of the management and archiving 

  UE will reunification of the elements and standard archiving and filing.    UI elements to achieve the progressive unification of the station. 

  2.    WEB UE indicators 

  1. Page response speed and the corresponding page size 

  Not more than 60 articles page Home K. addition, other pages do not exceed 120 K. 

  2. Client browser: 

  To the most popular browser for the most popular version of the standard, taking low browsers, the proposed use of Internet Explorer 5.0 and above. 

  3.    UI elements of the provisions of reunification 

  1. Elements of the unified website 

  1.1 icon reunification 

  See the attached map. 

  L website unified specifications 

  760 levels channel width, the Width of information centres 1024. 

  760 advantage: balanced 800 * 600 resolution, to put advertising and effectiveness.    At present, most of the portal use the width of 760. 

  1.2 fixed elements apply reunification. 

  1.2.1 article pages (two: a serious, lively;) 

  Channel content of the article is a page of the foundation needs complete reunification.    (Color, layout, style complete reunification) 

  Layout 

  Norms 

  The article headline fonts 

16px

  Text fonts article 

14px

  Copyright Information 

12px

  Word spacing 

  Line spacing 

  Paragraph spacing 

  Picture 

  500px within 

  1.2.2 Channel 2 pages 

  Each channel is divided into two pages Gallery List List of the title page and article pages, List Gallery page article on the page and the complete reunification.    (Layout, patterns, and elements of the complete reunification of Color channels with the main colours) 

  Layout 

  Norms 

  Photos List 

  Column 1 

  Picture size 120 * 100 
  Under the title picture with 

  The article Title List 

  Two columns :160-590 

  Title of the article lists, written 14 px, 

  22 + Author + + comment time 

  Advertising 

  1.2.3 Channel Home (unification elements and layout, styles and colours adjustable) 

  Home channel in accordance with the style of the channel design.    A multi-screen pages.    The screen is independent of each other.    The screen is divided into three columns-and 2-column. 

  3-column layout offers two ways (250-330-160 and 160-420-160), 

  2-column layout offers two ways (590-160 and 500-250) 

  Home of the channel can be free combination of different independent screen.    The width of each column is fixed, and the style of performance is unified. 

  Block between the interval of 10 px 

  Block width and content 

  Block out the width 

  Title List 

14px

12px

250px

  -- 

  20 characters 

330

  22 characters 

  22 + author 

160

  -- 

  11 characters 

420

  22 + + author reviews 

590

  Author of 22 + + + comment time 

  20 words * 2 

500

  Author of 22 + + + comment time 

  11 words * 2 

  1.2.4 picture (Unity: size, format, size) 

  Provide some kind of picture size options, the same type of the same size picture. 

  Picture 

  Apply blocks 

  Width 

  High 

  First map 

250

220

  Wang plans 

590

590

90

760

760

100

  By mixed 

160

66

66

  Button 

160

120

60

  Photos List 

760

120

100

  1.2.5 pages unified region (element, layout, style complete reunification of color with the color of the main channel). 

  N Navigation: the complete reunification of three lines 

  N footer: the complete reunification 

  N cooperation in the media: the complete reunification 

  N footer hot ranked output: the complete reunification of (layout, and the complete reunification of the pattern, color channel with the main colours) 

  N hidden elements: 

  1.2.6 advertising reunification 

  Advertising style 

  Size 

  Font 

  Volume 

  Location 

  Number 

  Canadian-column text 

  Column - 

  590 * 90 

  760 * 100 

  The article picture-in-picture 

Button

  Text ads 

  Rectangular advertising 

  Advertising 

  2. Products UI unified element. 

  2.1 icon reunification 

  2.2 messages reunification 

  2.3 navigation form of reunification 

  2.4 continuation of the pattern of 

  2.5 consistency of the user experience 

  4.    WEB technical standards 

  css layout for the use of performance data layer and XHTML do with the structure, and follow 508 articles and other visit principle. 

  1.XHTML some of the rules 

  L the first document 

  <DOCTYPE html PUBLIC "- / / w3c / / DTD XHTML 1.0 Transitional / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

  <html Xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> 

  <meta Http-equiv="Content-Type" content="text/html; charset=gb2312" /> 

  <meta Http-equiv="Content-Language" content="zh-CN" /> 

  L all the markings to be added IMG ALT attributes, the image content. 

  All written with a lowercase l labels 

  L attribute value to all quote 

  L need all the attributes of value 

  L Close all tags 

  L by a space and the closure and slash air label 

  L Do not use Notes content "-" 

  L ensure that the use of <and & that, and with less than, 

  2.    Dealing with the text pages, paste WORD ban on direct copying the text, and paste text should then use Notepad.    No special user requirements, the general use of 10 lines of Chinese characters, English figures used Arial.    In the pages dealing with the form to prohibit the direct copying of WORD paste forms, software should be produced in the production of web forms. 

  3.    System to the same style all pages (including text size, frame, color, etc.), the Background Color pages must be defined. 

  4.    css style sheets must be used to define the whole system of style, with the Font size does not change browser settings. 

  5.    Web design, to take into account the compatibility of different language environment, language attribute set correctly. 

  6.    Home minimize the use of the rolling of the website prohibited horizontal scroll bar there. 

  7.    All pages to Clear the title.    Should use the current Web page functional classification of the text to prohibit a "New Page" or "Untitled Document". 

  Advocate: <title >###</ title> (a different page title is necessary) 

  Stop: Untitled Document <title> </ title> 

  (This dreamweaver automatic generation of default "Untitled Document <title> </ title>") 

  8.    Meta: Meta standard first page written as follows 

  <meta Name="description" content="提供##服务,博客信息,互联网免费资源搜集,热门信息资讯"> 

  <meta Name="keywords" content="计算机与互联网,博客,博客服务,计算机,互联网,免费资源,媒体"> 

  <meta Name="robots" content="all,follow,index"> 

  A, <meta name="description" Content="提供博客服务,博客信息,互联网免费资源搜集,热门信息资讯"> 
  Said: It is a description of the content of the website. 

  B, <meta name="keywords" content="计算机与互联网,博客,博客服务,计算机,互联网,免费资源,媒体"> 
  Said: page content and the words, the choice of keywords, users must choose a number of commonly used words. 

  C, <meta name="robots" Content="all,follow,index"> 
  Said: Is it possible to the search engines crawl.    All instruction: that all the pages can be crawled; INDEX command: Robot that can be indexed page; FOLLOW directive: Robot can track page that links if we do not want in the search engine can choose to crawl behind the two parameters.    NOINDEX directive: Robot refused index page, but will be able to track the links on this page; NOFOLLOW directive: Robot refused tracking page links, but can be indexed page. 

  Because most search engines crawl through the website title, keywords, and content to facilitate the search, but could not grab most of the dynamic pages, but also the first to grab the title page and keywords, so they requested joined in the blog pages and pages related to the site title, description and keywords. 

  9.    Body: css control 

  10.    Talbe: If it is not necessary, the best pages will not be used again in a big table numerous nested inside a small table.    Is a large, continuous forms nested forms, it will make the web to slow down, on the other hand maintain, modify also very inconvenient for general use is not a simple issue, or even 3,4 - , but do not put all the contents of a table go. 

  11.    Not content to repeat the definition of a block phenomenon, resulting code pages increase the number of pages velocity impact 

  For example: 

  <p> <center> <font Class="font11"> 

  <font Color="#CCCCCC"> <font color="#FFA76C" style="font-size:14px;font-family:隶书"> 

  Heading </ font> </ font> </ font> <br> you think that this feeling of how the code looks like?    </ Center> </ p> 

  Can be simplified into: 

  <p Align=center> <font color="#FFA76C" style="font-size:14px;font-family:隶书"> heading <br> 

  Do you think that this feeling of how the code looks like?    </ Font> </ p> 

  12.    Similar single-box to use the same name (dreamweaver single box will automatically have different names) 

  13.    Dynamic text Display were necessary to customize the text shows that the largest and the smallest number 

  14.    Text input box must have a default text tips, such as: Please enter keywords when mouse clicks input box, the text disappeared tips 

  Written: <form name = formqb method = post target = "_parent"> 

  <Input class = formfont name = "word" type = "text" size = "30" value = "Please enter the keyword" onMouseOver = "this.focus ()" onblur = "if (value ==''){ value = 'Please enter keywords') "onFocus =" this.select () "onClick =" if (this.value ==' Enter keyword ') this.value =''"> 

  </ Form> 

  15.    Must have a system of copyright information and clarity. 

  16.    Hyperlinks between the pages must use relative paths, to ensure that the hyperlink correct. 

  17.    Typesetting, we often encounter the need to indent the first line treatment, or do not use the entire space angle to achieve the desired effect, and standardized practices in the style sheet is defined in the p (text-indent: 2em;) and then to each section add <p> markings attention to, under normal circumstances, please do not omit </ p> marked the end. 

  18.    To the greatest degree of play browser automatic typesetting functions, in a period of complete text advised not to use <br> sub manual intervention. 

  19.    Chinese use Chinese punctuation, English use of English punctuation, and the text between different languages there should be a box-byte characters. 

  20.    "Page size" is defined as pages of the total size of all files, including HTML documents and all the embedded object.    Maintain the size of a page in the 250 K Following is appropriate. 

  21.    Web site after the completion of the production system must be set up under the large print Show page elements whether there is a wrong situation. 

  5.    Folder, file names, naming norms 

  1.    Interface storage folder must be clear, the root directory paper only place index.htm (asp), login.htm (asp) or default.htm (asp), HTML files and graphics files should be kept separately in various languages versions of the document should also be segregation. 

  2.    Folder names must use English characters, length generally not more than 20 characters.    Except in special circumstances the use of Chinese pinyin, some common folder names such as: images (storing graphics files, Flash files), style (CSS document storage), the scripts (stored JavaScript scripting), inc (include document storage), the link ( Links storage), media (stored multimedia files). 

  3.    Html (asp) file name reunification with the lowercase letters, numbers, and underscores combination.    Naming the guiding principle is to make your own thinking and working groups for each of the members to facilitate understanding of the significance of each document, the name and the end of the two separate parts of the middle and separated by underscores, said that the first part of the document where functional category. 

  4.    With a major document on the same folder, so that we find, modify, and so on replacement operation. 

  5.    Picture naming principles: 

  Photo paper is divided into craniocaudal also the name of two parts, separated by underscores, the first part of this picture that the nature of the category, such as advertising, signs, menus, buttons and so on.    Tail section to the specific meaning of that picture. 

  Placed at the top of the page advertisements rectangular picture or name flash: Banner 

  A symbol of the system named for the picture: logo 

  Not in a fixed Position on the page and links with the small picture we named button 

  In a certain position on the page in a row, the nature of the same navigation links column picture of our name: Menu 

  Decorative pictures we named: pic 

  Non-title picture links that we name: Title 

  In accordance with this principle and so forth. 

  6.    Pages checklists 

  1, after the completion of all the pages with links to the equivalent of a demo version of the website, you should carry out the tests UI 

  1024x778 and 800 x600 pages under check the horizontal scroll bar there, it can show normal 

  It can clearly identify where the current page, the page with other links pages, the pages of their respective functional area, can facilitate the arrival of other relevant pages and Home 

  Whether the IE window sent there will not be any form of arbitrary size distraction, word-for-line 

  Pages narrow horizontal scroll bar when pulled right, the right of the contents of the normal display 

  Whether the links are correct and effective, and whether the current page button click no links not 

  Whether all the words have been css control 

  Are there title 

  2, the attention of developers and communication progress of the work, I am still not a revision pages and development do not know, the old pages has been completed development, which will increase the workload of development.    We can page and the completion of the revision, the development of which produced those told to do.    It is the development of the latter changes, it is best not to come up with a re-development of new pages, but the HTML pages, tell what the development of modified, it can meet the needs of its pages have been directly modified. 

  3, the development of a page on the UI gatekeeper, check with html different from the effect, if any, and urges revision.    You can also developed pages of the text on the test will change to change.    Results page, the article-page list page layout, etc., we must take full account may be a lot of text / little / no, or many pictures / lot / No such circumstances, not to create visual too awkward. 

  Appendix A Web Design Aspects 

  A clear content 

  If you want to become a Web site designer, and trying to build a Web site, then we should first consider the content of the site, including site features and what your users need.    Your entire design should focus on these areas to carry out. 

  2 seize users 

  If you can not quickly access your site, or operate not convenient, web design is a failure.    Do not let disappointment users to the website of others. 

  3 optimizing content 

  Content is the core.    Rich content and convenient to the operation of your web site more attractive. 

  4 Quick Download 

  There is nothing to spend a very long time to download pages more of a groove cake.    As an experience, a standard Web should be not more than 60 K, 56 K modem through loading spend as little as 30 seconds.    Some say that Web designers should be loaded within 15 seconds. 

  5 website upgrades 

  Always pay attention to the operations of the site.    With the good performance of the mainframe increase in the number of visits, may slow down.    But if you do not want to lose visitors, we must carefully planned your upgrade plan. 

  6 strokes with the framework of a web site 

  Saint Cloud: T Bijian more powerful.    In the computer, using the framework of a web site strokes, showing that the relationship between all the pages.    Plan how good your users with the least time you visit the site. 

  7 "on the computer will never find good programme."    -- Expert advice 

  8 click rules 

  Heard three hits rules?    For small sites, in your home, there is no information one needs more than three times the number of hits on the.    For large sites, the use of navigation and tools to improve the operation. 

  Application of special fonts 9 

  Although you can use in your HTML special fonts, but you can not predict your visitors in their computer will see what.    In the computer, you look pretty good pages, in a different platform may seem very bad.    Some members prefer to use Web site design to define the characteristics, although this allows you to use special fonts, but still need some modifications to the approach, lest you the choice of font in the visitor's computer can not be displayed.    CSS Cascading style table to solve these problems, but only the latest version of the browser to support CSS. 

  10 practical use simple Rules of the naming meaningful. 

  11 pages to avoid long text 

  In a site there are many pages of text only, is a dull, and have wasted potential of the Web.    If you have a large number of text-based documents, should be in Adobe Acrobat format at the form of a document, so that you can visitors offline reading. 

  Do not use 12 rolls of the roller. 

  13 website 

  You should have a clear site, told visitors to the web site to provide you what, so visitors can find the item you want.    However, many designers have not done so.    Effective navigation and search tools, it's easy to find useful information, which is very important visitors.    Told the visitors provided by you is the information they want. 

  14 "website once released, the web site design advantages and shortcomings of the world are released. No way you can make than from its own mistakes, listen to other people's suggestions and feedback secondary to more things." - Expert advice 

  15 flicker of a headache 

  Through the use of the logo would attract visitors to your home part of the special attention, but it also allows you to the visitors headache.    If you would like to once again allow visitors to patronize your website on the use of this method. 

  16 Background colors 

  Background color will produce some of the problems could have difficulty reading website.    You should adhere to the use of colour and background with the text, and should also adhere to the use of generic fonts. 

  17 forward and backward buttons 

  Users should avoid forced forward and backward buttons.    You should be designed so that users can quickly find what they wanted things.    The overwhelming majority of good sites in the same position each page have the same navigation, so that surfers can visit the Web site on every page of any part of it. 

  18 not to use the framework 

  Register with the same framework in the increasingly popular website.    In most Web sites, to the left of the screen there is a framework.    But designers found immediately in the use of framework has brought about many problems.    If there is no framework for the use of a 17-inch screen almost impossible to show the whole site.    Framework also makes personal website can not become Home bookmarks.    Perhaps more importantly, the search engines are often confused framework, which can not list your site. 

  19 repeated use of image 

  Some websites by the use of a large number of non-repetition of images and missed the better use of skills.    In the creation of trademarks, the website on many occasions used the same image is a good method, and once they were loaded, and after reloading will soon. 

  20 avoid the use of large images 

  Do not use across the entire screen image.    Avoid visitors right scrolling, but also will affect the loading speed.    Accounting for 75% of the width of the screen is a good idea. 

  21 small allows users to preview images 

  If forced to place large images on the site, the best image of the narrow version of the preview show results, so users do not have to waste time and money to download they simply do not want to see the big picture. 

  22 cautiously uses voice 

  The use of voice should also be vigilant.    With the voices of the web designers Another Sanctuary.    Because of the excessive use voice will slow download speeds, and the number of visitors did not bring benefits.    First heard sounds mouse may be very interesting, but many will doubtless very annoying.    The use of voice, voice should carefully consider what will be brought to you. 

  23 cautiously uses plug-ins 

  In Web design, if dependent on some special plug-in, will reduce the site's attractiveness.    If requested by the visitors no plug-ins, will have to go to other sites to download, so visitors might not have returned. 

  24 platform compatibility 

  For the sake of users, must be at least a PC and a Mac machine tested on your website to see how the compatibility. 

  25 mistakes to avoid links 

  Other sites may be related to the site made some useful links.    However, if you have links on the page, they must carry out regular checks to ensure effective links.    The linked sites may be many, but do not link to the content has nothing to do with your web site. 

  26 in the register on the Web site search engine 

  Any person found your site rarely have an opportunity, unless you put your website in the major search engine registration. 

  27 design a message board 

  Here are willing to spend time on good Web site, the best there is a message in this, it will inspire visitors to return to your site again, but also help expand the content of the website. 

  Content of 28 organizations 

  At the beginning of the creation of a new website, consider carefully the content of the website of the organization.    Decision to the visitors want good content, design and navigation system. 

  29 "Long live the blank" 

  Note left blank.    Do not use images, text and animation GIFs unnecessary to full page, even if there is sufficient space in the design should also be avoided.    In order to attract eyeballs, Web designers use a variety of approaches, such as: flashing, rotating, etc., but the use blank will attract more attention. 

  30 in which the site has interactive features 

  On the web site to provide the tools to answer questions, making website visitors can obtain interactive information. 

  31 picture update 

  As frequently as possible to replace the picture on the Web site, people are more willing to click on the picture rather than text. 

  Appendix B to the use of color 

  Color use is science, it is designed to account for the location in the end more important?    A design works (such as the web page), typically includes three elements: color, images and text.    These three elements in order to color the more important.    People of color is a very sensitive one design work, the first grab their attention, and that is the color works, we must understand and communicate color, they understand.    Color involved in a lot of knowledge, including the aesthetic, optical, psychology and folklore, and so on.    Now I am on psychology, and other aspects of their own views. 

  1) color symbolizing 

  Psychologists point out that every color has a symbolic meaning, when exposed to a certain color vision, the brain that Lenovo will have, for example, red symbol of passion, so they see red is feeling excited; blue symbolic sense, we see the blue people calm down.    Therefore, we often use in various colors, linked most people think psychologically, so as to achieve the purpose of the design.    (The table below provides a symbol of things usually color) 

  Red blood, sunset, fire, passion, danger 

  Orange sunset, Tadatoshi Akiba, warmth, positive 

  Yellow gold, Huang Ju, attention, bright 

  Green vegetation, security, peace, ideals, hopes 

  Blue sea, blue sky, depression, irrational 

  Purple noble, mysterious, elegant 

  White purity of, and the sacred 

  Darkness, death, evil, serious 

  However, we have also noticed that a color usually contain more than a symbolic significance, as the red, both symbolic enthusiasm, but it also symbolizes the danger (that is, with the red fire engines), so different people, different feelings, different the environment, with a different colour, will be very different to reflect.    This individual's age, gender, occupation, in which his social and cultural and educational background are related.    The Chinese people's red and yellow (the Yellow Emperor ancient Huangbao) have a particular affection, and the Chinese nation originated on the number of the Loess Plateau, and the Chinese nation for generations to the land of the living.    So what in the choice of colors used, subject to consider is that works for a community, so that the opposite effect.    Purple in the western religious world, is a distinguished representative of the colors, the Archbishop of wearing the purple gowns will be used, but in the Muslim countries, it is a taboo purple color, not to be indiscriminate use.    Therefore, we have to pay attention to tens of millions of hidden color language. 

  2) popular color 

  Color Psychology is one of the options conditions, and there are other reasons for the impact on people of color preferences, and therefore we are about these designers color choice.    Another factor is a general trend.    When a certain period, some color into the mainstream of society at that time on preferences, designers design new products, it will inevitably tend to choose more easily pop color.    Pop influence on the design also gradually strengthening.    In recent years for example, the trend pursuit of metal shades, all of a sudden, the emergence of new products and may cast all had three metal color.    But who is to decide which is the colour?    Is the color itself?    No, some consumers are only blind pursuit of the trend. 

  To enhance the attractiveness of commodity premise, follow the trend by certain colors, designers, many of whom may be several'll new trend in color, creating a lot of wonderful works.    But it is worth pondering is that some blindly follow the trend, the designers answered, and their lack of new products, just to catch up with the trend to cater to the needs of the public, creating extremely perfunctory attitude; the long run, the creative community as a whole require much lower may not consciously, is worrying.    Designers should also improve the design grades, and lead people to the trend. 

  3) ideas for the body 

  I think we should not only pay attention to some Basic skills in the use of color, such as attention to the well-being of color contrast, color balance the distribution of color, such as the unification of harmony.    It was only insignificant skills.    Design ideas of this is, when you face thousands of color, the excitement of it for a while, then the moment of dazzling enough to make you want to completely forget the first expression of what is symbolic, it is necessary to highlight the real What.    In fact, color, images, text, but all is the appearance of a design, a design from the fact the real soul of the creative designers.    No ideas, color design, it is tantamount to a shell空有beautiful appearance, the first witness in the moment, living or perturbation around the eyes, but the audience can remember the long-term design, is very questionable.    Only creative ideas into color design, the only soul of the whole design, those who know only color order to express to the audience.    Why use the same lot of paint, some design is a long time can be memorable, and some have only Guowenyunyan?    We should conscientiously starting from creative ideas, instead of thinking spent the whole show off skills.    Some design, the use of color to the "bold innovation", "superscript Qili differences", it overturned the basic law of all colors, will have good visual effect is quite shocking, but we still have to ask, this approach is it necessary?    Designer is not the same artist, the artist is totally emotional, and designers apart emotionally, but the need for more rational. 

  Appendix C of cognitive psychology and Web Design 

  "Understandings" that is simple access to and use of knowledge, which involves issues at two levels: First, in our knowledge of how the memory of the storage, as well as what kind of memory storage elements; First, knowledge is how use or handling of the history of the problem.    The former stressed? Quot; mental structure ", which stressed that the" mental process. "Over these two issues is the study of cognitive psychology two directions," cognitive psychology "can be defined as: to understand human behaviour, and Course of human intellect and the scientific analysis of the structure.    Cognitive Psychology is the main theoretical framework "information-processing mode."    This model for the initiative as human information processing, with the senses of humanity to receive information and the storage of information and extract and use information in different stages, so Cognitive Psychology is often referred to as "information processing psychology."    For information, sensory memory can store large amounts of information, but if not pay attention to, the information quickly lost.    Therefore, we must further "attention" and "pattern recognition" to choose the sensory signals further treatment.    Generally speaking sensory stimulation little information it is difficult to remember, and those who have strong feelings can cause people to stimulate the information very easily be memory.    The present society is one that is the era of information explosion, the way people obtain information from the Internet is available on the web site will require the design must conform to the requirements of Cognitive Psychology, people can be easily perceived. 

  The website is designed mainly to abide by the following points: 

  L in layout design: Title to image and text to include the comprehensive design of performance, to live in the middle of the layout, and rectangular presents, to highlight the 50% suitable background, background color purity will cause excessive volume of blank pages feeling disappeared.    For longer-bar link text link points to the left alignment suitable single row, the rows of short text link points to double the center position, left text suitable alignment, in-line by Links, individual Widening to pitch for the benefit of distinction, connecting points before using images or colored balls to guide or stress, can facilitate the search.    Important information should be placed in the heading, 

  L Home Links points, or text, important information can be used at the front obvious or prominent image stressed that the important information can be used in different colors that block.    Maintain a fixed format, to strike a sense of unity, easy reading of the search. 

  L in the background: background and the main brightness contrast between 3:1 to 5:1 suitable, the NHL series of background can help the overall harmony, pale background material better with the theme of separation of the light-coloured logo or text background also. 

  L in the color combinations: with the layout should not be more than seven kinds of single color, the overall performance of color to achieve visual harmony and balance to avoid similar hue, a result of different types of information between the separate not obvious, use small colored balls or color can cause clustering effect, to assist visual search.    In the design of the internal text: the length of each row of text best 20-30 in the text ﹝ 40-60 alphabetical ﹞, Spacing and kerning software has been designated. 

  L designers can paragraphs and paragraphs of empty row, and the first line indent way to support reading, font size, title to better h1 to H3, text Font Size = 3-4 better, not more in the same layout in the three fonts, and text do not use too much color, could easily lead to the visual confusion, the text of the election, in colour with the yet to be elected to the point of the text link identification, and must distinguish between background. 

  L in the choice of content: you must pay attention to the subject chosen not to put a lot of the content has nothing to do with a website. 

  L in the links, not too many of the links, too easily give the impression chaos, but could not find the desired content.    Some are made taboo on the website: 

  L avoid the use of large and meaningless patterns, the Internet Guide for the most emphasis on the "speed."    But many web designers often ignore this point, to the visual aesthetic in the net a number of large and insert meaningless pictorial background to the show's website at greatly reduced.    The results may be in the text of the page you did not show, such as readers have already impatient to leave. 

  L bogey flashing characters, animation, to the ball, such as Java, many people placed in the web these effects to manifest their own web pages design knowledge rich but has all of the past.    These effects add little difficult everywhere fresh, and free day moving GIF, Java applets, and other people are eager for download, as people used to.    These results placed on the website actually no help, it will only cause readers vertigo Liaoning chaos, computer memory consumption; Worse still, lead to the other side of "when" machine, the future no longer dared to. 

  L avoid断掉connectivity, design, regardless of your web design good, if one link failure (Broken Link), or can not display the logo (Broken Image), the website will give you the impression that greatly reduced. 

  L bogey "under construction", and if your website under construction, the online public? Tell people what is the point of these? Regardless of what your reason is, "Under Construction" is that your site will also, long-term? quot; Under Construction "It was more to the maintenance of your Web site does not seriously, if you mean" this site will be continuously updated, "it should be said clearly. 

  L bogey pages long, the Internet is a big step forward in support of super-connected, and the page can be used between pages heading, keyword, logo, etc. easy to connect.    But there are still many pages like much of the information will be included in a single page, so that visitors to scroll pages many times before they can see all the content.    This will enable the center to highlight page, increasing the difficulty of readers, and probably because of the speed of the network, so that pages can not complete download.