Web Page Design - During this trimester you will learn to create web pages and work with web graphics and media.

What can a web page do?

• Share, Teach, Influence
• Combine Text, Images, Audio and Video
• Connect global Internet links in one theme you create

What do you want your web pages to be about?

Getting Started

Weeks 1-3

How does a web page work: what is HTML?

• Edit a simple page or edit Oliverweb
• Learn about color codes
• Learn how to add your own link
• Review Learning HTML on IPL
• Create a second page from scratch. Click here to download a PDF of HTML to type in to either TextEdit (on a mac) or Notepad (on a PC).
• Create hyperlinks between two pages.
• Choose a topic for your first 2 pages.
• Create an animated title and add it to your page. Use this link: http://www.3dtextmaker.com/image_editor.html
• Finish your first two to three pages. Click here for checklist.
• Click here - Lists, lists and more lists

Week 4 and 5

Create a 3 page website

• Create a full page table with navigation bar
• Click here for an example
• Click here for a PDF of the source code to make a full page table
• Click here for a template you can Save As to your computer
• Adding a background image to page or table with photoshop
• Click here to see a page with background images
• Click here for a PDF of the source code showing the [background] attribute in the back tag.

Week 6

Complete and share 3 page website

• Tips:
• Click here for Try Me HTML Tutorial
• Click here for Text Edit preferences Reminder
• Process Reminder: save the html file and open it in TextEdit to edit and/or a browser to view, use links, etc.
• Click here for basic set of starter tags:
• Image tag: <img src="imagefile.jpg">
• Link tag: <a href="goto.html">Click here</a>

Intro to Dreamweaver

• Intro to Dreamweaver.
• Learn to use Dreamweaver to edit your pages.
• Click here for a guide to Dreamweaver windows
• Click here for web page resources
• Click here to try Image Ready
• Click here for a Dreamweaver Table tips list