layers- versus tables-based layouts plan and configuration

If you already understand how to build web site layouts by using layers, pass over this chapter and go to where you’ll learn how to create and work with Dreamweaver templates and how to build and use server-side includes. Understanding how tables and layers impact standards compliance and accessibility.

Before designers got involved in the world of web design, web sites mostly consisted of text, some lists a couple of images and a table or two. pages of this kind were certainly easy to design because not much forethought was required to make pages like that look good. when more decorative graphics, color and precise font selections entered the mix essentially an effort to add the creativity and visual appeal common in print layouts in the new online format creating a web page layout required a lot more planning and the HTML coding became more time-consuming too.

To work around the challenges of making a web design look more like a print design, designers first tried designing layouts with large graphics instead of HTML. text and a few images. this method allowed designers to use any font they liked with any images in any configuration. But as you might remember, the pages weren’t at all accessible, and the large images often took too long to download. The next best solution was to still use graphics but use a lot less of them combined with other text and content and organize everything inside of a table so that it had a sense of order to it. When precisely measured and aligned having a design held together in this way seemed a perfect solution, albeit a code heavy one. to assist with more images being loaded into a browser, larger images were sliced and placed inside individual table cells with their idea that a handful of smaller images were sliced and placed inside then a single larger image. to make the pages load even faster, any graphic that was simply a larger flat area of color could be re3placed by adding background color attributes to the tags for the body of the page, a table, or a table cell.

The tables based layout had a long healthy run until web standard developers came up with better ideas to help make web pagers more accessible to the widest possible audience. their solution involves using semantic HTML and CSS with content laid out using layers instead of tables. tables can still be used, and in fact are the best solution for organizing some content, like form content and tabular data, inside a web page. However layers for the layout part of a web site design are simply the more efficient way to design and format accessible HTML markup that is if you can figure out how to code the CSS to do it. CSS can sometimes be very tricky to understand and manipulate, but just like tables. you can learn special code hacks unconventional use of code scripts programming language and CSS to make the page.

For more information to visit
search engine optimization India And SEO India

Processing your request, Please wait....