CSS Styles and Web Design Essay Example for Free

CSS Styles and Web Design EssayTwo types of layouts, Table-based layouts and CSS-based layouts can be used to practise the formatting of a web lay. Table-based layouts are easy to use and implement when compared to CSS-layouts and editors like FrontPage and Dreamweaver make it very(prenominal) easy for developers to include them. The primary(prenominal) disadvantages of Table-based layouts are that tables break on various browsers thus producing layout dysfunctions and it increases almost unnecessarily the HTML/text balance.Cascading style sheets (CSS) make it easy to manage the formatting of a web site and it can be used to control the appearance of objects on a page or throughout a site. It can be designed and redesigned, and can control the formatting of hundreds of pages, including fonts, link colors, margin settings and scope images. It is widely supported by modern browsers and allows flexibility in positioning. CSS based layouts Keeps the HTMl/text ratio at a low le vel thus decreasing load time and Allows the display of main content first while the graphics load afterwards.CSS also avoid accessibility issues raised by table cells and the content flows logically without disruption. A div tag defines a block of content (division/section in a document) to be formatted. Div tags can be defined through an ID or a class attribute. apply CSS and div tags reduces markup code, speeds up page downloads, separates content from its visual presentation, and brings code closer to Web standards compliance.If the div tags are defined in external CSS file than by changing properties of div tags in only CSS files the appearance of multiple pages can be controlled. Reference Web Development Series formatting content, January 4, 2007 retrieved on 11 February 2007 http//academictech. doit. wisc. edu/ORFI/wds/index. htm Mardiros, C 2006. CSS Layouts vs. Table Layouts substitute(a) Browsers and Accessibility Issues. Retrieved on 11 February 2007 from http//www. m ardiros. net/css-layout. html .