1 / 10

Dreamweaver Tables

Dreamweaver Tables. Mrs. Wilson. Prior Knowledge. What HTML tags were used to create a table? Why are tables an important web development tool? Predict:  Where do you believe you may find the insert table command?  Do you think that may be several ways to insert a table?.

afram
Download Presentation

Dreamweaver 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. Dreamweaver Tables Mrs. Wilson

  2. Prior Knowledge • What HTML tags were used to create a table? • Why are tables an important web development tool? • Predict:  • Where do you believe you may find the insert table command?  • Do you think that may be several ways to insert a table?

  3. The Use of Tables • Tabular data on the WWW • You can display cell borders as is shown here • Or you can have invisible borders • Borders are invisible by default Electronic portfolios in college will require the use of tables to arrange data in an attractive manner.

  4. Tables: Basic Elements • Rows • horizontal spacing (left to right) • Columns • vertical spacing (top to bottom) • Cells • the box formed by intersection of column and row • Borders • The line that surrounds the outside of the table. • This can be set to any size or none at all, but 1-3 pixels is standard. Bordercolors can also be set • Background color • Background colors can be set for the whole table or for individual cells.

  5. Elements Individual cell colors Columns Background color Rows Borders outline the table and individual cells!

  6. Table Modes • We will use the “standard” or “basic” mode • Basic is for beginners • Located by visiting VIEW | TABLE MODE and then check off “standard”

  7. Insert |Table Rows Columns Width…. Pixels or Percent Border Caption is the table heading Summary ADA required Dialog box

  8. A word about table widths/alignments… • Table widths can be set as a pixel value or a percentage value. 700 pixels vs. 100 percent (%) • Pixel values are good when you want to have a very consistent look on the page and not have things move around. • Percent values are good when you want to fill the page. • Column widths alignments will be set in the properties inspector during our practice assignment.

  9. American with Disabilities Act of 1990 • ADA is a comprehensive law that prohibits discrimination on the basis of disability • Over 54 million Americans are disabled; over 750 million worldwide; 10% of the online population is disabled • Web site MUST be designed to meet the needs of all users • Special attention should be paid to the construction of web pages so that they can be easily "viewed" by people using computer software and equipment such as screen readers, Braille output devices, or non-standard input devices.

  10. Today’s Assignment • Let’s work together FIRST to locate the insert table commands • Switch your mode to “standard” • Create a simple table and save it to your Dreamweaver folder • You DO NOT need to set up a site • This is an individual document • Print only if time permits • Complete a review sheet on tables

More Related