1. Create a table Resize, split and merge cells Insert and align graphics within table cells Insert text and format cell content Maintain Web site Working with Tables

2. Anatomy of a Table Cell Border Row Cell Spacing

3. Anatomy of a Cell Cell Vertical alignment Horizontal alignment Width Height Text Wrap Border color Border width Background image Background color

4. Anatomy of a Row Row Vertical alignment Horizontal alignment Width Height Text Wrap Border color Border width Background image Background color

5. Anatomy of a Table Rows Columns Width Cell padding Cell spacing Alignment Border color Border width Background color Background graphic table

6. Standard View Rows Columns Width Cell padding Cell spacing Border width

7. Layout View Rows Columns Width Cell padding Cell spacing Border width Draw table Draw cell

8. Cell Padding No cell padding 10 point cell padding

9. Table Width 800x600 resolution Browser: 800 pixels Table: 760 pixels

10. Accessibility Caption Caption alignment Summary Headers Edit Preferences to remind you!

11. Resize Cells (resize column width) …or specify Drag…

12. Resize Cells (resize row height) Drag or specify in Properties

13. Resize Table (resize all row heights and column widths) Drag or… specify

14. Split Cells

15. Table HTML Table tag Table row tags Table data (cell) tags Table close tag (not shown)

16. Nested Tables Table within a table cell

17. Add Graphics to a Table Cell Drag,… …or browse Point,…

18. Align Graphics in a Table Cells Cascading Alignment –Text –Cell –Image

19. Align Graphics in a Table Cells Cell properties align the cell contents Image properties align the image to the cell

20. Insert Text Type Copy/Paste Import delimited text file Where is your cursor?

21. Cell properties Image properties

22. Importing Text Delimited text file –Export as delimited text from: Spreadsheet programSpreadsheet program Database programDatabase program –Import tabular data to Dreamweaver

23. Web Site Maintenance Broken links (Link Checker) Orphaned files (Link Checker) Unused images (assets panel) Web-safe colors (assets panel) Untitled documents (reports) Alternative text (reports) Navigational structure (site map) Upload and view site on a variety of computers

24. Link Checker Broken links Orphaned files

25. Assets panel Unused images? non-Web colors?

26. Reports √ √ √ √ √ Check for clean code

27. Site map Check for clean, logical structure

28. Test in a variety of environments Platforms Browsers Monitor size Connection speed Processor speed

29. Unit Summary Working with Tables Resize, split and merge cells Add and align graphics in table cells Add text and format cell content Perform Web site maintenance