Home / Articles / How to Create Page Layouts in GoLive CS2

How to Create Page Layouts in GoLive CS2

Chapter Description

In this self-paced, step-by-step lesson, excerpted from our best-selling Classroom in a Book series, you'll learn how to create HTML page layouts using a variety of GoLive methods, including the GoLive CS2 layout grid, HTML tables, CSS (Cascading Style Sheets) layers, and liquid layouts.

CSS-based designs

You can take advantage of the new CSS-based layout grid or use the new CSS layout objects that allow you to create liquid layouts. These are layouts that resize to accommodate the viewer’s screen settings. Liquid layouts offer designers and viewers more flexibility than table-based designs. In GoLive, you can instantly create a liquid layout by simply dragging a CSS layout object from the CSS tab of the Objects palette to a page.

What is the difference between CSS and traditional HTML tables?

By creating objects on your page using either tables or CSS, you can accurately control size and placement of your text and objects on a Web page.

Tables, on the other hand, can contain more source code to achieve the same basic layout, and don’t offer as many options. Also, keep in mind that there are issues regarding the use of tables and accessibility. According to the W3C’s (World Wide Web Consortium) CSS Techniques for Web Content Accessibility Guidelines, it is recommended that CSS-based layouts be used instead of HTML tables for page layout.

In this lesson you will learn both CSS and HTML table methods, as some older browsers may not support CSS-based technology.

4. Getting started | Next Section Previous Section