MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER Especificações descarregar pdf (Página 36)

ITS - Technology & Learning Services Page 34

Dr. Luanne Eris Fose Revised July 30, 2004

NOTE: Cell padding is the amount of space between the content of a layout cell and the cell

wall and Cell Spacing is the amount of space between each layout cell.

6. Where it says Header, select Top. NOTE: This Header attribute does not display in the

browser window. It is used primarily by screen readers, assistive software programs for

the blind or visually impaired. This option applies scope tags to each cell of the top row

of the table. The scope tags will make any information that you place in the cells of that

top row act as identifiers for each of the cells in their respective columns. In plain

English this means that when we type “Food” in the top cell of the first column, the

remaining cells vertically below that column will be prefaced verbally by the word “Food”

in order to indicate the content of those cells to a visually impaired person.

7. Under the section labeled Accessibility, type a caption for the table: Homer Simpson’s

Favorite Things. Select Align caption: top and then type a Summary such as This is a

table summarizing Homer Simpson’s favorite things in life. This summary will be

read by the screen reader.

8. Click on the OK button to save your settings and display the table.

9. Click on the table that has been inserted to select it and then go to the status bar and

select the

last

table tag. From the Align menu in the Properties Inspector, select Center

to center the table in the frame.

10. In the top three cells of the first row, type the following respectively: Food Beverages

Sayings

11. In the second row cells, type Doughnuts Duff Beer Doh!

12. Select all the cells and press the Align Center button in the Properties Inspector to align

the text (and images) in the center of the cells.

12. Change the font of these cells to Verdana, Arial, Helvetica and click on the Bold

button.

13. Select the first row of text all the way across and change the text color to red

(#FF0000).

14. Select all the cells in the entire table and then go to the Bg Color palette in the

Properties Inspector and select the color green (#003300). This will change the table

background to green but the border outline will be white.

15. Select the second row of text all the way across and change the text color to white

(#FFFFFF); this will allow you to see this text better on the green background.

16. In the bottom row, insert the images of homer_donut.jpg, homer_beer.jpg, and

homer_doh.jpg (NOT homer_doh2.jpg which is for later) in the cells under the proper

columns. Be sure to assign alternative text tags for each image (e.g., Homer Eating

Doughnuts, Homer Drinking Duff Beer, Homer Saying Doh).

17. Go to File > Save As… and save the web page as favorites.html

1 2 ... 31 32 33 34 35 36 37 38 39 40 41 ... 47 48

Sem comentários

MACROMEDIA DREAMWEAVER MX 2004-USING DREAMWEAVER Especificações Página 36