Chapter 3 - Dreamweaver

Chapter 3 - Dreamweaver - Formatting Tables, Image, and...

Info iconThis preview shows pages 1–16. Sign up to view the full content.

View Full Document Right Arrow Icon
Formatting Tables, Image, and Page Layout a) To Start Dreamweaver and Open the Montana Parks Web Site 1) Click the start button on the Windows taskbar 2) Click Adobe Dreamweaver CS5 To Copy Data Files to the Parks Web Site Copy chapter 3 data files to the Park Web Site Adding Pages to a Web Site Let create a new web page call Nez Perce National Historic Trail page 1) Click File on the Appllication bar, and then click New to display the New Document dialog box 2) Click Blank Page 3) Click HTML 4) Click <none> 5) Click Create 6) Click the Save button 7) Type nez_perce 8) Click save
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
To Add a Background Image to the Nez Perce National Historic Trail Web Page 1) Click the Page properties--- the page properties is in the lower part just below the Link
Background image of page 2
2) Click Apperance (HTML) 3) Click the browse button; then go to the folder (parks\images); and click parks_bkg
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
4) Click the OK button To Insert and Format the Heading 1) Type Nez Perce National Historic Trail as the page heading
Background image of page 4
2) Format the heading to Heading 1 3) Click the Format button on the Application bar, point to align, and then click Center to center the heading.
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
4) Click at the end of the heading in the Document window, and then press the ENTER key to move the insertion point to the next line.
Background image of page 6
5) Click the Save button To Display the Insert Bar and Select the Layout Tab 1) Click Windo on the Application bar and then click Insert to display the Insert bar
Background image of page 7

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
2) Click the layout tab to display the Insert bar Layout category. The Layout tab is below the edit To Insert a Table 1) Click the Table button on the layout tab to display the Table dialog box
Background image of page 8
2) Set Rows to 3, Table width to 90,Column to 2 3) Click percent to specify the table width as a percentage, and then press TAB key to move to the Border thickness box 4) Set Border thickness to 0; Cell padding to 5; and cell spacing 10 5) Click the Summary text box and type Table Layout for Nez Perce National Historic Trail Web Page
Background image of page 9

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
6) Click the OK button to insert the table into the Document window To Select and Center a Table 1) Click in row 1, column 1 to place the insertion point in the first cell of the table
Background image of page 10
2) Click <table> in the tag selector to select the table and to display handles on the lower and right borders of the table a. Click the Align button in the property inspector and then point to Center 3) Click Center to center the table on the page To Change Vertical Alignment from Middle to Top 1) Select all the columns and rows; by clicking row 1, column 1 and then drag to select all the rows and columns
Background image of page 11

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
2) Click the Vert button in the Property inspector to display the vert pop-up menu and then point to top 3) Click Top to change the vertical alignment from Middle to Top
Background image of page 12
To Specify Column Width 1) Click the cell in row 1, column 1 and then drag to select all cells in column 1 Set W box to 45%
Background image of page 13

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Click the cell in row 1, column 2 and then drag to select all cells in column 2 Set the width “W” for column 2 to 35%
Background image of page 14
2) Click anywhere in the table to deselect the column Adding an ID 1) Click <table> in the tag selector to select the table
Background image of page 15

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
Image of page 16
This is the end of the preview. Sign up to access the rest of the document.

This note was uploaded on 02/20/2012 for the course IS 3260 taught by Professor Idemudia during the Spring '12 term at Kennesaw.

Page1 / 88

Chapter 3 - Dreamweaver - Formatting Tables, Image, and...

This preview shows document pages 1 - 16. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online