Text, Lists and Tables - Week 3

Objective:

In this lesson you wil learn how to format your web page in Dreamweaver using CSS. We will use tables to hold tabular data only.

Lecture/Demo:

Create a Layout with Text, Lists and Tables using Dreamweaver built-in layouts
- Enter heading and paragraph text

Setting up your portfolio. View article on How to Create a successful portfolio at Smashing Magazine.
Getty Images - How to login and search for images for your portfolio.
Free Backgrounds - Choose a background for your portfolio

Lab:

Chapter 3 –Working with Text, Lists and Tables, (Page 61, Dreamweaver CS4 Classroom in a Book.)
Begin your Portfolio index.html page. Insert image placeholders for your images

Homework:

Finish Chapter 3 Hands on Exercises if not finished.
Start planning the first page (index.html) of your Portfolio which will be due at Week 6 (Midterm Project.). Define a site called Portfolio. Determine a theme, ,color scheme, the overall layout and collect any assets (images, elements and icons) you would like to use. Save them in a folder called Images in your Portflio site. We will learn how to resize images and make a banner in Week 4 and create the navigation with links for the site in Week 5. By next week
- Using one of Dreamweaver's built-in layouts, input Phase 1 of your portfolio. Your site should have a header, main content, div for navigation and a footer. Your site must use XHTML semantic markup and you must use an external style sheet for styling.
- Input your your bio into Dreamweaver
- Collect any images you want to use and insert the placeholders for the images.. You may login to Getty Images and download any images you need. The password is on the hand-out you received in class.
- Bring in a digital photo of yourself next week.

Resources

Sample Portfolios

Typography Resources