Cascading Style Sheets Tutorial

Html forms and the use of mixed CSS web design

  On the last one-ching (Frames), I began to consider the article to the current status of web page design.    Recently announced a number of Web standards.    Use CSS and XHTML Web development process are the advantages of growing people's praise, but there is still a lot of development groups that relies more heavily on the use of HTML tables to control the output pages.    Let us consider using HTML forms and methods of use of their respective advantages of CSS. 

  Old methods may not be bad 

  When I was a web design, I am surprised to HTML forms a powerful and flexible.    They can be endless nested design to achieve the desired effects, and not the original spreadsheet in a browser. Correct the problem can be through blank GIF picture be amended.    But HTML form and the meaning behind the appearance is not. 

  HTML forms used in the design of the data show format.    So, if you want to look like the data in Excel, then using Form is the best answer.    Apart from demanding to meet with these data, the early years of Web development, they quickly found a web form or control output and the appearance of an excellent approach. 

  Web design will be cut into a different form is very simple matter, but also to complete the manual coding some trouble on the output.    In addition, numerous web design in the form nested in the need to change, it has become a headache nightmare, similar Frontpage Fortunately, the visual design tools can also help you a hand.    Based on the form to display the output, a good way is to use an example. 

  Forms can be designed to provide the design of the results we expect, but ultimately a bit of HTML code not understood.    Use a form of the many positive aspects of the browser all support, including such similar ancient IE 5.0 browser.    Based on this point and obviously different from the design of CSS, but there are a number of different CSS advantages. 

  Breakthrough new applications 

  A few years ago, when CSS just forming when launched on the website of the standards.    Its establishment was based on HTML web content designed to deal with the facts.    This means that it is not designed for data processing.    CSS inherited this design principle, allows you to easily design (HTML) and appearance (CSS) separate. 

  First, CSS is used to dealing with the appearance of the text, such as colors and fonts, but gradually growing support for the appearance of various factors.    In addition to simplifying the text color and appearance, CSS also provides the layout function.    Based on the output of CSS design problem is browser support.    Browser support is slowly as expected, but the oldest browsers will never be able to support.    In support of limited circumstances are different and modified version of the work area. 

  Let us look at the development of CSS used HTML examples, and the use of HTML tables to be a contrast.    List B in the HTML source code of its browser appearance marked the definition and use of DIV major regional pages (header, menu, content and footer) the effect of the same.    In addition, the district uses a menu not sort the list.    CSS to be included in HTML "head" part.    It defines a different DIV marked the appearance of rules.    This includes color and gaps. 

  Use CSS output, the ultimate result is a simpler design, because the content will be HTML to control (no forms, HTML source code is simple to read more), and appearance by the CSS is simple to control.    CSS because of the support of all browsers are some differences, so you must make unremitting efforts to carry out the testing, and deployment of the CSS many modifications to adapt to the known differences in the browser.    As these changes (as well as how to work in the old browser), the discussion in this paper is not within the scope of the. 

  Other design method 

  HTML forms and page output control CSS is not the only way.    You can also use Macromedia Flash to provide a dynamic interface.    However, the addition of you provide a HTML / CSS channel to serve those who do not support FLASH browser users, as well as those who do not pay attention to the user interface FLASH. 

  Whether a hybrid of the Road? 

  Recently, I have been involved in a number of projects, mixed-use HTML and CSS forms design method.    This makes meet the current needs of the large number of browsers become an easy matter.    I also participated in a special project, the use of pure CSS design, but it is a corporate intranet procedures, the customer browser control, design, so it is easier. 

  This page in the current circumstances, I recommend the design of mixed-mode, CSS can be used to control the vast majority of a page appearance (font, size, color, etc.), and forms can be auxiliary output layout - particularly in the CSS layout of the output function has not been widely supported. 

  Visit the construction site of classic Guide>> 

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: CSS style design, html, html css, w3c html

Releated Posts

  • Html use, such as CSS web design experience
  • Web Design HTML forms with good marks and attributes
  • Web Design in HTML often committed five errors
  • Application of Advanced HTML skills (7) forms the basis of design
  • Html page design in the use of some of the problems

This entry was posted on Friday, February 8th, 2008 at 12:00 am and is filed under Xhtml and 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.

« CSS: Beyond the layout grid
Talk about the function of experience web2.0 »

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