Uploading your Site with Dreamweaver

Today’s tutorial will show you how to utilize Dreamweaver to upload your website to a web hosting account.

Web Forms

Today we took a quick look at how to create web forms in Dreamweaver.

Dreamweaver Library Items

Today we’re having a brief tutorial on Dreamweaver Library Items. These are very handy for items, like navigation, that occur on many pages but you would like to only update once when they change. You’ll need the sample files if you want to try this at home.

Graphic Rollovers (Fireworks)

After a brief review of slicing in Fireworks we moved on to the creation of Graphical Rollovers in Fireworks. We are using FIreworks to create the modified artwork shown when you move your mouse over the rollover graphics and then setting the rollovers. Fireworks will create all of the behind-the-scenes Javascript for this to work when we export it to HTML. If you want to try this on your own, you’ll need the sample job folder.

Fireworks Slicing of Design Comps

Today we’re working through a Fireworks tutorial on slicing design comps. If you want to try this again at home you’ll need the sample files.

Using Fireworks & Photoshop with Dreamweaver

Today’s tutorial looks at the interactive relationship between Fireworks/Photoshop and Dreamweaver.

DW Layout Tools

We’re spending time today working in Dreamweaver with the Layout Tools of Tracing Images and AP-DIVs. This will lead into the next two classes where we start to convert our designs from layered Photoshop files to HTML.

Design Comps

Today we are looking at the process to build Design Comps. There are also three online reading articles for homework.

Cascading Style Sheets (CSS) - part 2

Today’s tutorial on CSS goes through the differences between the four types of CSS Selectors (Type, Class, ID and Pseudo-Class) as well as walking through examples of each. We’ll work through two of these today and finish up next Tuesday.

There is also a homework/reading assignment on Typography.

Cascading Style Sheets (CSS) - part 1

Today we’re introducing Cascading Style Sheets, covering their purpose, starting to look at the code, and working with a hands-on tutorial. We’ll spend two more days on this topic.