Design and lay out a Web pageAdobe GoLive makes it easy to design and lay out visually compelling Web pages. You can create simple or complex professional-quality Web pages without writing any code. Once you've designed your page, you can save it as a page template. New pages created from a page template remain linked to the template--when you change the template, GoLive automatically updates the pages without affecting any content that has been added to them. ![]() 1. Set page dimensions and add a layout grid. Open a site, and choose File > New Page. (For information about creating a site, see Creating a site.) Choose 720 from the menu at the bottom right of the document window to display the current page at 720 pixels wide, the standard width for 17-inch monitors. Drag the Layout Grid icon Setting a default page size helps prevent you from adding objects, such as large graphic banners, that are too wide to display on a standard page. Layout grids let you create table-based designs without having to deal with rows, cells, and columns. Layout grids automatically lengthen to accommodate the objects you place on them. ![]() 2. Add a background color to the page. Click the Show Page Properties icon in the upper right corner of the document window. In the Page tab of the Page Inspector, select Background Color and click the lower right corner of the color field. Choose a background color for your page from the list of swatches that appear. You can apply a color or an image to the background of your page to visually enhance it. Although colors that you choose for page backgrounds override the default colors used by most Web browsers, viewers can change browser preferences to override your page background colors. You can also select an image for the page background, but keep in mind that Web browsers treat the image as a tile and repeat it to cover the entire page. ![]() 3. Add a text box and format the text. Drag the Layout Text Box icon In GoLive, you can format text in a variety of ways: use paragraph styles, such as Header 1 and Header 2, to format paragraphs; use physical styles, such as Bold and Italic, to emphasize text; and use structural styles, such as Emphasis and Strong, to both emphasize and classify text. (For more information about formatting text, see About formatting HTML text.) You can also apply fonts, type sizes, and color to text using CSS (cascading style sheets), which contain a set of stylistic rules that describe how HTML documents should appear to viewers. If you need to update a CSS style, you simply edit the style rule and all content that hosts the style will automatically reflect the new properties. For more information about CSS, see About cascading style sheets. ![]() 4. Add a pre-optimized image. Drag an Image icon The standard image formats for the Web are GIF and JPEG. GIF images are typically used for line art, and JPEGs are typically used for photographs and other images with more than 256 colors. For information about choosing an image format, see Choosing a format for optimized images, ![]() 5. Save the file as a page template. Choose Save As > Save As Template from the document window menu in the upper right corner of the document window. Type a name for the template in the Save As dialog box, and click Save. Page templates are predesigned page layouts that you can use as the basis for new pages. When you update a template, you automatically update all pages based on that template. For more information about templates, see Using page templates. |