tailieunhanh - ADOBE CREATIVE SUITE 5 WEB PREMIUM HOW-TOs 100 ESSENTIAL TECHNIQUES phần 3

Sau đó, chọn Insert Layout Đối tượng Div Tag, và chọn bất kỳ của phong cách thẻ div có sẵn từ trình đơn pop-up ra các cột tiếp theo (gọi nó là center_col) theo cùng một cách, nhưng nhập 50% trong lĩnh vực Rộng. Sau đó, tạo ra một cột thứ ba (gọi nó là right_ col), | 48 Apply This Layout to Any Page To create a new page with these same div tag styles simply open a new HTML page and link it to the CSS file with your styles if you are using my recipe . Then choose Insert Layout Objects Div Tag and choose any of the available div tag styles from the ID pop-up menu. Changing the Style Sheet to Make All Pages Change If you apply the styles created in this How-To to other pages in your Web site any edits to the styles like changing width or background color are applied to all pages to which the styles were applied. 10. Generate the next column call it center_col the same way but enter 50 in the Width field. Then generate a third column call it right_ col again the same way but enter 25 in the Width field. Finally generate the footer the same way you created the header in steps 5-7 name this style footer . The trick is to pay attention to where your cursor is when you generate the CSS code and insert divs for the footer the cursor should be inside the main container div Figure 12f . Figure 12f A page design with header footer and three columns ready for content. CHAPTER TWO Designing Web Pages in Dreamweaver with CSS Styles 49 1 o Designing with 13 Class Styles Class tags are more flexible than ID styles in that they can be reused multiple times on a page. In the next chapter we ll explore how to use them to create font attributes like highlighting italics or special type styles. Here we ll create a box that can be placed anywhere on a page with type flowing either to the left or the right of the box. We will continue to work with and expand on the CSS file you created in 10 Creating and Linking a Style Sheet. You can work with an existing page to which all the div tag styles created in this chapter have been applied or with a blank page. But in either case make sure you ve linked your page to an external style sheet or you can create a new one . To create a Class style click the New CSS Rule icon at the bottom of the .