MSP5 - Web Design

Uploading your Site with Dreamweaver

admin — Thu, 07 May 2009 19:36:33 +0000

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

Web Forms

admin — Wed, 29 Apr 2009 05:21:27 +0000

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

Dreamweaver Library Items

admin — Wed, 22 Apr 2009 05:08:04 +0000

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)

admin — Fri, 17 Apr 2009 04:48:32 +0000

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

admin — Wed, 15 Apr 2009 04:18:21 +0000

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

admin — Thu, 09 Apr 2009 19:16:18 +0000

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

DW Layout Tools

admin — Wed, 08 Apr 2009 04:03:55 +0000

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

admin — Fri, 03 Apr 2009 03:02:28 +0000

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

admin — Fri, 27 Mar 2009 03:39:14 +0000

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

admin — Wed, 25 Mar 2009 01:20:41 +0000

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.