1 / 39

Working with Tables

OVERVIEW. Working with Tables. Create a table Resize, split and merge cells Insert and align graphics in table cells Insert text and format cell content Perform Web site maintenance. Introduction. Table.

jennis
Download Presentation

Working with Tables

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. OVERVIEW Working with Tables • Create a table • Resize, split and merge cells • Insert and align graphics in table cells • Insert text and format cell content • Perform Web site maintenance Working with Tables

  2. Introduction Table • Tables are placeholders made up of small boxes called cells, into which you can insert text and graphics • Cells are arranged horizontally in rows and vertically in columns • Using tables on a web page gives you control over the placement of each object on the page Working with Tables

  3. Introduction Maintaining a Web Site • Dreamweaver provides you with many management tools • You can run reports to check for pages that have no title page or search for images that are missing Alt Text Working with Tables

  4. LESSON 1 Planning a Table Working with Tables

  5. LESSON 1 Anatomy of a Table Cell Border Row Cell Spacing Working with Tables

  6. LESSON 1 Anatomy of a Cell Cell • Vertical alignment • Horizontal alignment • Width • Height • Text Wrap • Border color • Border width • Background image • Background color Working with Tables

  7. LESSON 1 Anatomy of a Row • Vertical alignment • Horizontal alignment • Width • Height • Text Wrap • Border color • Border width • Background image • Background color Row Working with Tables

  8. LESSON 1 Anatomy of a Table • Rows • Columns • Width • Cell padding • Cell spacing • Alignment • Border color • Border width • Background color • Background graphic table Working with Tables

  9. LESSON 1 Create a Table Column text box Rows TextBox Table Width Table Border Summary TextBox Working with Tables

  10. LESSON 1 Layout View Layout Table button Expanded Tables mode Button Layout modebutton Standard modebutton Draw Layout Cell button Table displayed in Layout mode Layout category Working with Tables

  11. LESSON 1 Accessibility Accessibility Working with Tables

  12. LESSON 2 Resize, Split and MergeCells • You can resize the rows or columns manually or by entering numbers in the properties inspector • You can also take one cell and split it into two or more cells • You can take two or more cells and merge them into one cell Working with Tables

  13. LESSON 2 Resize Cells(resize column width) Selected Cell Click and drag column Enter valueinto the Wtext box Working with Tables

  14. LESSON 2 Resize Cells(resize row height) Resizing pointer -Drag or specify in Properties Working with Tables

  15. LESSON 2 Split Cells Split cells intorows option button Number of Rows text box Split cells intorows or columnsbutton Working with Tables

  16. LESSON 2 Merge Cells Merges selectedcells using spansbutton Working with Tables

  17. LESSON 2 Table HTML Colspan tag Working with Tables

  18. LESSON 3 Add Graphics to aTable Cell • You can insert graphics in the cells of a table by: • Using the Image button • Insert bar • The Image command on the Insert Menu Working with Tables

  19. LESSON 3 Add Graphics to a Table Cell tripsmart.jpg headphones.jpg packing_cube.jpg Passport_holder.jpg Working with Tables

  20. LESSON 3 Aligning Graphics inTable Cell • You can align both horizontally and vertically within a cell Vertical alignment Working with Tables

  21. LESSON 3 Align Graphics in aTable Cells • Cascading Alignment • Text <div> • Cell <td> • Image <img> Working with Tables

  22. LESSON 3 Align Graphics in aTable Cells Centeredbanner Centered image AlignCenterbutton Working with Tables

  23. LESSON 4 Inserting Text • Type • Copy/Paste • Import delimited text file • Where is your cursor? Working with Tables

  24. LESSON 4 Importing Text • Delimited text file • Export as delimited text from: • Spreadsheet program • Database program • Import tabular data to Dreamweaver Working with Tables

  25. LESSON 4 Insert Text Pageheading Headings Descriptiontext Working with Tables

  26. LESSON 4 Format Cell Content ColorIcon Formattedtext Font listarrow Size list arrow Working with Tables

  27. LESSON 4 Format Cells Columns are spacedfurther apartnow Formattedtext CellSpace=12 Tabletag Working with Tables

  28. LESSON 5 Web Site Maintenance • Broken links (Link Checker) • Orphaned files (Link Checker) • Unused images (assets panel) • Web-safe colors (assets panel) Working with Tables

  29. LESSON 5 Web Site Maintenance • Untitled documents (reports) • Alternative text (reports) • Navigational structure (site map) • Testing pages on a variety of environments Working with Tables

  30. LESSON 5 Reports Dialog Box Report on List arrow Working with Tables

  31. LESSON 5 Link Checker No broken links Your total number offiles and links differ Working with Tables

  32. LESSON 5 Orphaned files Two orphaned files listed Working with Tables

  33. LESSON 5 Assets panel All colors areWebsafe Working with Tables

  34. LESSON 5 Reports - Untitled Documents Report onlist arrow UntitledDocuments Check box Working with Tables

  35. LESSON 5 Reports - Missing Alt Text Missing Alt Text checkbox checked Working with Tables

  36. LESSON 5 Reports - Missing Alt Text Two missing “alt”tags found Working with Tables

  37. LESSON 5 Test in a variety ofenvironments • Platforms • Browsers • Monitor size • Connection speed • Processor speed Working with Tables

  38. SUMMARY Chapter E 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 Working with Tables

More Related