Example Header

Home About Services Testimonial Contact

Read here first

This is a recreated practice template that you, the students of McCarthy's 2013 Web Design class are allowed to use to help you learn how the Dreamweaver coding works. Below you'll see exampled of how coding can be used to add images, create links, and add headers.

Your job on this webpage is to use the base that I've provided, and add links, images, and anything you might think will provide detail into your skill level with the Dreamweaver Suit. If you have any questions, please ask either Mrs. McCarthy or Tyler Root.


Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Transition Example

This is an example of a Left Margin paragraph.

This is the opposite Right Margin

Our Services


Links used to be one of the hardest things to do in dreamweaver, but with recent update, they have made it as simple as highlighting the text you wish to use as a link, and adding a hyperlink.

School Website

Here's a link to the schools website. You have to make sure that the full website address has been linked, or the HTTP code won't be able to find it, and you'll see you're link will appear broken.

Different Pages In Your Website

The real challenge comes with using words or a tab to link two different tabs in your webpage together. We will explore that in the next tab.


I have purposely broken the code under the "Broken" tab.  Insert "contact-menu" where I have placed "broke" to bring the original page back.  Then rename the tab on the left to smething funny!

Your job is the use the left over code to add a rresponsive webpage link into this example website. If youre having trouble, please watch this video for a tutorial.

Good Job!

Go Ahead and play with these linked widgets and see how it works!