Cascading Style Sheets Tutorial

Site style theoretical basis [page study produced]

  One has its own unique style, is not the ordinary people, the people will note that the particular individual, if that person's style is positive, this will cause even the envy of others and pay attention to, or appreciated.    Like a website with other websites do not have the style, it will allow visitors to stay more time, can taste the contents of the station, the station will be even more encouragement and attention, roughly speaking, Web site style from the following directions to explore, and each one is linked to nature: 

  1.    Color: Web background colour, text font, color pictures, colors, etc.. 
  2.    DTP: forms, the application framework, indent text, paragraphs, and so on. 
  3.    Windows: window effects, such as: full-screen windows, special effects windows. 
  4.    Procedure: Web interaction processes, such as: ASP. PHP. XML. CGI, and so on. 
  5.    Effects: Let page look lively variety of applications, such as: Flash. Java script. Java applets. DHTML, and so on. 
  6.    Architecture: directory planning, level of user friendly, menu application, and so on. 
  7.    Contents: Site theme, overall practicality, relevance of the document, the contents of the suit, whether there are unnecessary files, and so on. 
  8.    To: the future planning of the site, such as site as a whole to. 

  These projects and Web style is closely related to the homepage of a particular style is not the same, the website is an overall sense, but with the purpose of application in order to achieve the perfect site style.    The following paragraphs will be done for each item is introduced. 

  [1] color 

  Web site visitors is the color of the overall visual perception, if a site can have color consistency, will not only look beautiful site, visitors can not easily confused on the content, increased access to the simplicity and convenience.    The web site can bring out the color of the subject site, if the color can be a reasonable match with the theme, the visit will increase accessibility.    The website contains a web page color of the background color, text font, color pictures, colors, etc., this is not only an appropriate combination color even if imperfect, but also with each content, and website theme.    The color of the site, the site should be produced before, do the planning and design, will not proceed to the production site, with difficulty, and even cause confusion design. 

  Web site of the background of the whole style of the important indicators.    For example, black as a background color page, as the black people of this vision will result gloomy feeling, if used for lively children's website is not suitable for the.    Because the child is innocent, lively, energetic, and the steady black, bleak, it is difficult to associate together.    As another example, if a write on the website of environmental protection, if used as a dark red background colour pages, no one Lenovo summary of the content of the web site related to environmental protection.    Of course, everyone's different aesthetics, and may also color the representation of different views, but since the site is not only wrote their own show, it should be noted that most of the people may be the view of most of the public then point of view, to design web pages. 

  Text fonts on the design of the website is the best surfers can see all the fonts based.    Chang will see there is a need to require more site visit will be required to download a font in order to achieve best performance, which is kind of very strange behaviour.    After all, it was only to find information or look at the content of the site, it is not possible because of such "For best performance", and to download the required fonts.    When not required by the font download, and will not affect the content of the website on the browser and inconvenience, then right here on the request of the impossibility of any minimal role.    This makes for web designers, simply is a great pity, because the original design style does not allow visitors learn about the whole picture, Qibushibai worry? 

  What is the color picture?    Simple to learn the distinction between color can be divided into cold and warmth of color, the detail that distinguish various colors can tell the color, and color distinction, here lies in the subjective awareness of the differences.    How will the color picture and the overall color of the corresponding Web site is more difficult place.    The web site beginners, it is necessary to draw a map and not an easy task, it is necessary to draw a line with its own web page style map, even more difficult.    Most of the pages are produced, and is unlikely nimble use of image processing software or mapping software, and therefore, web material on the website of the popular started.    Of course, not using mapping software does not mean that the web site will not be able to design a very good, if the material on the network can better use of resources, the website is able to get out of their own style.    And the choice of how their own web site for the picture, the door is a lot of learning. 

  The choice of picture as to what standards?    For example, if the content of the website for scientific exploration, of course, can not be illustrated as a cartoon picture, imagine, when you are viewing a Web site on astronomy, it is full of Pikaqiu cute picture is not very coordinated?    As another example, if a teaching site, but inside is full of star images, simply does not look like teaching site, but the big star photos miscellaneous network.    Many people like to enjoy their own as a star placed their own web pages, if only personal websites they do is okay, because there is no personal web site of the theme most, there will be no so-called do not meet at the theme of concern, but if it is a theme website, not worse? 

  To the content of the image, the theme of the best sites to meet, if not, they should not too much difference.    Color, if a page is blue background, but the entire page images are messy, all kinds of color have been dished, worse, cold shades of blue are the colors, as if the end of the blue website, but all are big red, orange picture, it will make the whole page looks like garbage dump, haphazard.    So, can be summed up a simple, web page and the color images, color or visual effects unanimous agreement, it will cause a page look more attractive and have their own style. 

  Color page, not a single document on the map, text color, background color, or mainly, but in the perspective of surfers to watch, the overall website which appeared to be the preferred color.    Although many Web sites often seen with a good color, but it is not their own style.    To the popular soft shades, pink of the site, it is missing its own unique style.    Pink because of the use of the website, just have the same characteristics, text color shallow background is mainly in light of this addition does not have its own style, looks neither received generous Daiyazhitang difficult.    To the major search sites, simply will not do this kind of design, because the text color desalination, the background light of the surfers, read, very difficult, therefore, the design style should also be avoided as far as possible. 

  One has its own style, comfort and generous to read the homepage may not be a one-time write, but to take the trouble to go through the amendment palette to achieve the best performance, therefore, must have a website also produced considerable patience. 

  [2] typesetting 

  Site layout is to allow web surfers to ease of reading, and the clear theme of the important contents of the guide, if the site layout has been carefully planned, it will cause a more rapid surfers find the necessary information.    Like a book, so that readers will be properly scheduled at a glance, and more to understand the book to be on the content.    The site layout, it is just like the general layout of the book important.    Site layout contains forms the framework of the application of indented text, paragraphs, etc., and publishing is not just tidy, but also have a clear classification, as well as the theme of proper planning. 

  Application forms are generally the most common site to see the large format, multi-form text can collate integration to clearly understand the effects.    Form is not necessarily visible forms of physical form what?    General tangible common forms for more than Borders, or a background color.    Forms can be used in various forms, such as the graphics and text layout, graphics and forms can be done most appropriate text layout, fully integrated in the website. 

  However forms of the background or maps, and text should avoid conflicts.    Common forms used for the background color maps or too heavy, and not text, forms the focus of the course is still text, not as a supporting maps or background.    When the maps is the role of decorative kit, which should be allowed to clear the text.    The overall color and form is more important, borders and background color should be mainly with the overall page, as if to form the same page layout should, as far as possible from all forms of differences too.    When there is a need in particular highlight the contents of forms, the need to be a different color. 

  Application framework for the web site set up in slower web space, more suitable framework for the application of the framework to avoid duplication read the same page, drag download speed.    However, the framework for cutting the entire frame, resulting in access to the inside pages of space drastically reduced, it should be further noted that the use of the framework must be easy to look at the contents of the home.    Framework schedule, the most in need of attention is rolling around, should try to avoid, if a page reading, it is necessary to constantly rolling movement of the right Youwang the left, the visit will be causing a lot of inconvenience. 

  Also, the framework also need to be aware of the validity of links, and often seen as the main framework to the web site, press the menu even in the framework of the links page is not displayed in the framework of the contents page, but another open window, it is really from the pants farting — superfluous!    And the framework of excessive website will lead visitors do not know how to find information dilemma.    For the most common example, many small personal website, and often prefer to structure the framework of the multi-site, or even the framework of a few pages to 56 above, and sometimes on the left side of the menu, that the content will appear in the content framework pages, but still is displayed in the top right corner of a small corner, this is not unique style, neither attractive nor practical, it is difficult to find more information! 

  All forms framework and the overall page layout tool, and how to use the style itself, is the need for long-modified layout, learn (but not imitate copied) and the experience. 

  [3] window 

  The effect of the proper use of windows can have characteristics of web pages, but instead use excessive obnoxious people, no longer even visit the website shut down, and if the result of improper use of the window, causing inconvenience to visitors not want to continue to browse, that is, very unfortunate thing. 

  Full-screen window, not normally favorite for visitors, especially the mandatory full-screen browsing, Internet users in general for different ways to browse not all gladly accepted.    The picture Web sites, big picture if this approach can be used to facilitate learn about full size, but must be specified before the link will open full-screen windows, visitors will not cause more resentment. 

  Many existing personal website, without the use of special tools out favorite window, the entire site is some tools out without amplification to full-screen window, and some sites are too small ultra-mini window.    The former will make people jump to a Web browser to do other action, a lot of inconvenience; the latter is worse, the window is almost impossible to visit the small, small fonts, graphics and small, less content, which let browser window The first site is not feeling content, Xiaojiaziqi.    And the two websites, almost always one of the largest in common is the right mouse button lock function.    This lock, the site itself is not much help, in addition to the inconvenience to visitors, in fact surfers simply has no intention of copying in the website, will let people feel that web content is not afraid of other people have copied.    See this website, most of the visitors will not feel the style, if that style, it is popular in the flow of "stingy style." 

  Another is the web site is somewhat beginners, in particular preferences abuse window effects, all website shock, flashing, etc., these individuals for content and style have no real useful, should be avoided as far as possible to avoid.    After all, a large-scale, content of the web site, there is no such messy effects.    This effect is also caused a certain part of the special effects, that is confusing web of special effects.    And the easier it is to abuse the website of window effects, the majority of Monayong, would like to make use of these to confuse the public, trying to create the wrong impression here, the misconception that rich content.    But actually reached to the effect of not only reach, but visitors will see through the site on a production website is a novice, and the station almost no content to speak of.    If the site is rich in content, and to create the wrong impression here, not a pity? 

  Not all windows are negative effects evaluation, as well as the certain circumstances can be careless use of discretion.    If less information, or notice of such small data files that can be used on the window slightly open, but in this way contribute to the overall page, and browsers accessibility. 

  Comprehensive above, a successful web site, in order to get out their own style, not only to strengthen the effects on the window, and should first focus on content, and depending on the content of the website to decide how to apply some special window, the entire site style consistency.    Remember, the pattern does not allow more sophisticated techniques page appears, but is content with the use of the perfect window effect. 

  [4] procedures 

  Early in the site, only to enable visitors "see" the role, along with the development of a variety of programming languages, often hear the interactive website procedures ASP. PHP. CGI. XML, and so on, these Web applications, Web can "move", and not only the functionality of the website "," it is also "participation" in one.    However, most of the pages produced, itself does not develop their own writing process, so many of the procedures are readily available for free download sites or resources website will come into being.    Not written for the website of the production procedures are concerned, nothing but a blessing, but to merge the existing procedures or use free resources, it must pay attention to the overall style website. 

  Procedures are part of a web page, but apart from their website, but also the procedures for handling code, so the application procedure is also must be careful with the whole website style.    For example, the website of the mainly white always, but the message boards are baffled by the black line, this is not quite the picture does not take?    Also, if the whole site is the men's favorite things, discussions have suddenly appeared soft Aestheticism girls picture, it is simply too weird, bizarre!    Therefore, in applications for free use of resources or downloaded packages, must first note that color, images see if it can meet the whole website style, theme. 

  To download programs to change, unless their original procedures "procedural part of the" modified more than 70%, to remove the original copyright, it would be in breach of copyright law.    Here to be a show that the so-called part of the procedure do not contain HTML that is part of the layout will be changed is not changed, that is their own procedures, common to many personal websites, will be available to the procedure to the revision of almost part of the process did not move, arbitrarily changed the copyright, and for their own written statement, also marked "Copyright piracy accountability," and so forth.    Such behavior for the slightest idea of creating web pages and the experience of visitors, in addition to causing serious resentment, more likely to cause unnecessary disputes.    This website and the unique style of speaking, do not have any help, it is wasted! 

  Of course, the process is not arbitrary use, the abuse is a good representative of the production site, the repeated use of a large number of unnecessary procedures function, the general use here will not only become useless "web site landfill."    For example, the pledge version of the abuse that has caused a waste of resources, a personal website with a version of the pledge has been adequate, or even a matter of fact that is not necessary, but also the layout of the various version of the pledge, in addition to a waste of resources, but also almost no visitors will be left to desire.    Useless procedures, even more lovable no matter how good, is at best useless rubbish!    When more and more refuse site, it will stink!    The original contents will be such a smelly garbage buried up to them altogether! 

  Cite a more common example, an ordinary Web site has a message board on the required, but often visited site, see the Federation of "standby version," "Stand II Edition", "Stand on page three." "Whisper a Edition", "Whisper II Edition", "Whisper page three," and so on and so on, if not more than the content of the need to distinguish between different message content, which cluttered the reserve can avoid the XX edition.    A lot of this message board, visitors will be looking to deter, nor do I know what the left one is a small site characteristics! 

  Remember, the website produced guidelines, there is no so-called "big is beautiful number," sometimes as "the stinky old lady boots, and long and smelly", it is easy to annoying people! 

  [5] effects 

  Site effects, the website can seem more lively, common to several technologies, including the Flash. Java script. Java applets. DHTML, and so on.    Appropriate use of these pages properly tips, as superficially as Buzhaogenji over, it can often write to maximize the effects of small effect, the website more attractive and create a unique style.    These skills and more for network can be replicated everywhere on the small programs, I have to know, not because the surfers and a variety of special effects techniques that the web site is very clever.    Whether because of the use of these techniques more and more use of hybrid, are reproduced here.    Buzhaogenji and the use of these effects, so that the effects of water scratch boat in the website play a role in the success of the design is the site! 

  To cite a few examples of the most common effects, such as the welcome message, jumped out to the sound of highways, if it is only a welcome presence, no need to be so intrusive, worse, but also several series of welcome messages, first, "you ! Welcome to you! "," Please use 600 * 800 screen resolution to visit this site "," xx station here, "and then" I would be grateful if this site to join my favorite! ", which spate of messages to the computer Dongdongdongdong sound continuously, and visitors must press a set to enter a website, it is senseless act.    Others, stop when they asked your name, ask jumped out again after a message "xxx Hello, welcome to you!" This will be another very disgusted with surfers, 1:00 Woxin feel nothing.    Finally, all greetings End ancestor 18 generations has again jumped out to join a mandatory my favorite, in fact this site will simply not be here are willing to join the favorite, simply to Taorenya,惹人idle state! 

  Text with a mouse or a pile of photographs, there is no significance not beautiful, nor is it necessary to fundamentally disrupt this vision.    The most common, the mouse pointer changes, to be where the links are not clear where no link is not clear, there is no style to speak of, no appearance at all, more can be said without skills.    Such effects should also be avoided as far as possible, unless you do not want anybody to know about the website what link, such effects can be wanton use.    Of course, there is no production sites, those that do not wish to make clear its own link, and not want to see the content.    If so, it is impossible to build a web site, is not it? 

  Pan Pan-like snowflakes website, it is undesirable.    Just think, if you want to look at an article, but has been "junk" falling to block your sight, this feeling is not bad?    Here is the view of the contents of the website, you look at a film is not knocking on the door "Zhebiewu."    Browser status bar Bomadeng is also common nuisance effects of the appreciation when you are content of the website, they feel that the screen flash flash ah, both dazzling and meaningless, and therefore no need to abuse the special effects. 

  It is not on a wholesale repudiation of the use of special effects, such as one of many elements of a long article, if there is a time to cross at the line, can certainly help on the browser.    If the integration of all types of menus, the emergence of a timely manner at the website, the layout can increase consistency, but also Buzhaogenji the use of special effects, will have a holistic style.    So instead of not to use the website effects should be should be used in an appropriate, the use of friendly and the use of websites with style, such effects can truly play its effectiveness. 

  [6] framework 

  If a web site has a clear directory structure, in addition to the production site is easy to maintain, but also allow visitors to the web site not familiar with the environment easily get started.    And the structure of sites, from several directions, respectively directory planning, level of user friendly, menu application, and so on. 

  Site planning framework, the web page should be produced before formulating integrity, and if it is changed in the future, as far as possible not all the changes to the directory structure, it will cause site Shuke must re-understanding of the environment, if the rate of change too much and no detailed explanation may even lose some regulars.    Do not say this is impossible, after all, there are still many network for computer users do not understand, and not a single site only enough knowledge to the point of brain written by visitors, must be taken into account at all levels.    Of course, you can also say that as long as your website to a small number of people, is to establish the ultimate goal of a Web site, is hoping that there will be a lot of crowds? 

  When a site more and more content, the level structure will be more complicated, as a head of you, of course, has its own web site if that fortune, clearly aware of their own web pages level structure.    However, your site is not only to their own taste, a simple easy-to-understand level is a very important issue.    Some websites list more and more, it has become increasingly chaotic, different aspects of the information, put it under the same association links.    For the design of confusion, the general view is impossible to guess your heart, know different nature of the information and could link in the related links under the same!    Always to be able to write Web surfers to as a starting point, this site can be achieved in the framework of various social strata, different types of visitors to stop, habitats. 

  It often content to see some sites having too many complicated, but here in the end I do not know how the Home, Back Page.    At this point if there are navigation bar, or the top of the page or directory of links to design, will allow surfers to find it convenient and close. 

  The site structure, as the ultimate expression of a menu, the menu tree often allow visitors clear.    The menu style, and are often the most out of the station to highlight the style and characteristics.    If the website with the appropriate menu, choose not fancy, not to cause visual impairment results, we can let the site unique style emerged. 

  [7] content 

  The contents of the website, like the text of the general importance of the pages did not even cover more beautiful, more refined, and both are just a beautiful shell only the hard copy only if the contents of haphazard or failed to meet Title , the books will be very upset people are very angry.    Web site is the same token, if the site does not, then even if the dress in the finest, is not worthy known as web If the content of the site Duoqiduoba name of the station or the intangible side, then do not care to enter the browser, Funeral will move very very unhappy.    The contents of the website very broad scope, simple separation of the following categories: Site theme, overall practicality, relevance of the document, the contents of the suit, whether there are unnecessary files, and so on. 

  All the sites will inevitably have a clear theme, and the overall content of websites around this theme will be to develop.    No theme to the website has fixed regulars, like the big miscellaneous, which are also more miscellaneous not fine.    General browser, the information on most of those, of course, is to enquiries to the precision and a multitude of information.    And the miscellaneous site, because of competency, such as most of the surfers, but they do not use the landfill.    Network who want to build their own inevitable do not want to be seen as a landfill website, so that at the outset to a later update, have a clearly defined theme. 

  The overall site availability, including information on the practicality and the reference value, if the site has a clear theme, should be avoided as far as possible do not appear related to other themes.    If there with the theme of the meeting of other information, such as one which has emerged in the Yituo flowers as fecal abhorrence of another person, nor the overall style website.    Many of the personal website as big as the miscellaneous, teaching, pledge, keeping pets, and so on some articles unrelated to the collection of information.    But why the personal website called personal website, is that it has a "Duohuopu" the charm of the group to attract some attention here.    But if it is their hope that the website Daiyazhitang, should establish the theme and the theme for finishing useful and practical information. 

  The relevance of the document is a major guideline for the content, in a big theme, at the beginning of many can often associated with small themes.    At this point it should detail its classification integration and clear so that visitors know that these small theme of the links between each other.    Instead of a pile of East and West a pile of documents, no integration of the document, even with the theme of some relevance, in the eyes of ordinary surfers, will also become useless garbage, so it is a great pity. 

  Integration, the contents of a web site, of course, more would be better, only to information all the time, we should also take note of this information is relevancy to the theme, whether the site useful, summed up the proper understanding of whether there is any unnecessary files, the content of this website can truly gradually the amount of fine towards the road, we can follow their own theme style. 

  [8.] Direction 

  Web site is a site to a major guideline for the future, often seen Some websites simply say to customs stations, but in fact most of these sites is a good site because there is no planning for the future direction of their head can not see the future, of course, surfers see website has also updated for a long time, people naturally will no longer patronize, and natural sites also forced to follow the customs station.    I believe no one at the head of another station will be thinking about it and after the station?    Since reluctant to come to this end, they should carefully consider the overall direction after website. 

  And the direction of web site, the site should be consistent theme forever, for example, a news web site is unlikely to shift into cartoon site, even if the transition, then the former is an inevitable loss of the regulars, this is not equivalent to the Commissioner Old Station, a new station?    Surfers will become a frequent visitor to a Web site, that he must be the subject of strong interest in the site but one not so the theme of the meet, and such regulars will find a favorite site. 

  Always wanted website with its own unique flavor, perfect adhere to, the website for the future planning of a compulsory homework. 

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • DotNetKicks
  • DZone

Tags: Border Style, css style, css style sheet, div style, List Style Type, style

Releated Posts

  • Web standardization, XHTML and CSS Cascading Style Sheets relations
  • How to manage the production of web site good css style
  • CSS style sheet: embedded links good or good?
  • Imprint: Use css style settings iframe
  • Frontpage 2000 in the web site CSS style definition

This entry was posted on Wednesday, February 28th, 2007 at 12:00 am and is filed under Css+Div Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

« Impact of the web site rankings in google some of the problems
Web2.0-order that the media begin to rebuild »

Leave a Reply

  • Categories

    • CSS Properties (491)
    • CSS Tutorial (1154)
    • CSS Tutorial By Examples (1201)
    • Css+Div Web Design (3274)
    • Xhtml and Web Design (1797)
  • Archives

    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
    • April 2007
    • March 2007
    • February 2007
    • January 2007
  • Pages

    • About us

Cascading Style Sheets Tutorial