Sample Lab Page For Class Techniques




Note that links on this page (as shown above) are redefined to be gray with No Underline. This is changed in the Page Properties area of Dreamweaver.
![]() |
This is some sample text for the center cell of the table. Also note the background color of the cell has been changed.... |
![]() |
Background in Table
|
Background in Table |
Align Center
Table Cell w/ adjusted border color |
![]() |
![]() |
![]() |
| Sample text | Sample text | Sample text |
Align Left
Align Right
Align Left w/ 1 indent
Align Left w/ 2 indents
This image has embedded 'hot spot' links. The concept is also called an image map.
(hover around to find the 3 links)
![]()
These tables are used to demonstrate the difference between setting width by pixel versus percent. The definition w/ pixels always stays the same width but the one w/ percent definition is variable depending on the width of the display that is viewing the page.
500 Pixel Width500 Pixel Width
50% Pixel Width Example 50% Pixel Width Example
Quick Photoshop item (below) made by cutting / pasting an image & messing with some effects. This is not meant to be overly creative; it was just meant to show how mixing a few tools & techniques can result in something a bit unique....so students should contemplate what they want to create and then play with the verious tools & techniques to come up with the finished product.
Tropical Scene resized in Photoshop - maintaining constraints:
Sample Collage made in Photoshop w/ transparent background:
Flash Animation (converted to animated .gif) - set to loop:
Date last Updated (changes automatically): October 27, 2011
Embedded Movie (below)
Test Input Box / Email Submission (below)
This is a link to Business on Boston.com
Aligning pictures w/out showing table:
This is an example of text in the middle cell. See how it works! |

To remove line spacing make sure to hold <shift> key at the
same time that you hit <enter>. These two rows are an example other wise you end up...
with an extra space as you can see here.
©

The above movie is embedded with parameters. Note that they may not work correctly in all browsers.
![]() |
This is where I add sopme text |
Link to yet another future page
![]() |
Text |
![]() |

