Week 15

We are getting down to cruch time for the end of the semester.  I’ve been working with a functional website for the last week and working through issues of using CSS in Dreamweaver to design the whole page.  I’m quite fortunate to have taken an XHTML class along with this one because its given me some great chops to go through DW’s and figure out what’s going on.  Having said that here’s and xhtml website I created which is a simplified version of what I’m going to use for my final project.


This week in class we continued with looking at our website in the group project.  We critiqued each other critiques and are making wireframe outlines for what a new site should look like.  In reading and other homework we looked at how to incorporate flash videos into a website, which is quite applicable for me, and adding user interactivity.  I’m hoping by sunday I have a great working website that I can start going through with a fine toothed comb later on next week.


Week 14

Week 14

Well we are nearing the end of the class, so sad.  This week we are looking at usability and access.   A majority of the reading is about the use of meta tags.  Meta tags are invisible lines of code in a website, they contain key terms about each page and its content.  Search engines like google and yahoo will use these meta tags to show relevance links to peoples searches.  So aside from having a great looking website that is user friendly, meta tags are the second most important aspect of our design.  Without them search engines wont show show your site to anyone because it wont have anything to search.

Along with that we’ve been put into groups of four and are critiquing websites and offering suggestions as to what we would change and why.  My group has The NAW Librarys website.
It’s a pretty hum drum site that looks as though a lay person put it together using a template.  It definitely needs some work.

Lastly we looked at social networking sites and how to get our website to the public some examples are Facebook, Twitter, and Linkiden.

Week 13

Week 13

This week is learning about templates and how we can build a webpage using them.  Templates are great short cut to standardize webpages.  As opposed to starting from scratch everytime or just renaming an already built page; we can use a template store it in dreamweaver and access it anytime we want.  Below are a few videos to show us the basics on how to utilize these wonderful feature.

Layers TV


Rapidly Building layouts


Creating Templates


Using Templates




A blog to aid you in creating the best professional profile


CSS Zengarden – This site shows the flexibility of using CSS, it’s a great resource.


Week 12

Week 12

Below is link to a website that you give another websites URL to and it will take snapshots of how your website looks in other browsers.  It’s a great tool to use for looking how a site looks on other computers and browsers and will hopefully lead to better usability.


Microstock is site that web developers can use to buy photos and images for a site at a low cost.  Many times royalty free images can be quite costly, this is a great alternative!


Below are a few of the articles we read this week, the first is about what people read and process.  The content is the bottom line of the web and if people won’t read what is on your site, you’ve failed.  Gerry McGovern has given us a few examples of how people read and look at websites.  Essentially people are looking for immediate answers that are short and to the point.

Killer Web Content!


CSS Cheats!


CSS Page Layout Basics


This week our main project is to create a working DW template website from the designs we’ve been making.

Heres a link to the one i’ve uploaded!


Week 11

Week 11

This week we are learning more about cascading style sheets and how the web standard is to use CSS in almost every aspect of creating a website.  Most of the tutorials we conquered in Dreamweaver and Fireworks showed us how to customize stylesheets or prepare for them in other programs.  It seems a little daunting at first but in the long run learning how to use CSS is worthwhile and will help you maintain and change a site and be a time-saving device.  Below are links to a few articles we read about CSS

Understanding CSS

How we Really Use the Web

How to Estimate time for a Project

Designing a website is half the battle, we also need some place to put it once we’re done.  Here are few sites that host domains and webspace:





Week 10

Week 10

This has been a great week of class.  The concentration has finally left the design aspect of
creating webpages and floated over to functionality.  A majority of the tutorials, lectures and
reading have been centered around exporting or formatting our deisigns and all the elements
associated with those design, jpgs and gifs.  Fireworks and Photoshop have amazing features
called slices.  This allows us to create invisible blocks around text and images, and associating
them specifically with CSS and xhtml code.  We the design elements and the slices into code
that then can be read by Dreamweaver or an internet browser.  This doesn’t mean we won’t have
any coding left to do but it has simplified the process, and cuts out a few steps.  Below are the
videos we’ve watched that clearly explain every step to creating slices and how it integrates with
other programs.

Getting Started: 06 Exporting CSS and Images

Creating CSS/xHtml Layouts:

Export CSS and HTML from FW CS4 Part 1:

Export CSS and Html from FW CS4 Part 2:

Export CSS and Html from FW CS4 Part 3:

Quickly Transform Photoshop Layouts:

Getting Started: 06 Dreamweaver intergration:

We’ve also read a few articles explaining why slices are great and can benefit any web

The Benefits of Slicing Image:

Exporting CSS and Images in FW CS4:

Lorem Ipsum Generator:

Ok, so here are two very similar comps that have a little different color scheme.  These are very rough and to be honest I don’t like either of them.  I’m having a hard time translating the ideas in my head to the web.  Hopefully over the next couple of week i’ll be able to flush out some more ideas and get some better looking material.

Comp One:


Comp Two: