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.
This is an example of a Left Margin paragraph.
This is the opposite Right Margin
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.
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.
Go Ahead and play with these linked widgets and see how it works!