OLA... I really thought I put this up here already...sorry about that.

Mine Pix Prototype...I might have gotten a bit carried away here...I thought we were mocking up our entire site then I re-read the assignment and it was only the main nav links...but I've got all the pages linked up here...I linked the pdf, but it's probably big...

OLA - sheesh... I had trouble making the layout here. I could not get my mainContent div to stay out of my sideBar div.... I must have missed a step but I couldn't figure out what I did or didn't do. I can follow directions pretty well and I got the layout lesson done and the designJENN done with little problem but I'm having trouble with applying them... So what I'm left with is this odd stair-casing thing with my divs and the background color didn't come up... really don't know where to go from here...

Reading- Mod. 11

• Understanding CSS
• CSS Layout Basics
• ID and Class Rules
• CSS Zen Garden

Videos - Mod. 11

• Creating Templates
• Using Templates
  

Chapter 10

Naxos Page with working menu bar... and server-side include footer

Template test page

DigitalJenn Start page in Dreamweaver. I'm concerned about the sidebar nav...i don't know why it didn't extend....

From Tables to Tableless:

Starting exercise
Div exercise
Float columns

Videos from Week 10:

• The Complete Design Process
• Creating Interactive Prototypes
• Rapid Prototyping
• Information and Interaction Design
• Quickly Transform Photoshop Layouts
• Dreamweaver Integration

So here I have my webpage comps. This first is the home page which I posted a few days ago, the other is the contact page.

So I've gotten behind a bit on the Dreamweaver book, but I just finished the last few lessons.

Lesson 5: I got this one done with little trouble but for some reason the links for the city's don't have all the layout. Other wise my tabs and drop downs work.

Lesson 6a: This one was interesting. This has the changeable spreadsheet. This won't quite be useful to me for my final this semester but I can see the possibilities.

Lesson 6b: This lesson was relevant to a discussion in class today on how to scroll with a set footer. It's interesting but I can see the difficulty of loading this with a slower connection.

Lesson 7: I've decided that I'm very much comfortable following direction but it scares me to do all this on my own! :) Making the choices for how wide and tall, I think I'm just intimidated by all the code. I do look forward to converting our png comps into dreaweaver anyway.

After the discussion in class today, I chose to completely revamp my first comp. The jpeg here is also a link to full sized version. Here is the link to the png version, if you are interested.
I also got a chance to speak to my dad and we went over a few points of the original and discussed what he liked and didn't about it. I took a cropping of one of his images, copied and mirrored it for the masthead with an embossed title (by the way he wanted to change it and laughed quite a bit at the new title). I think the colors work well, I chose to keep the background textured but changed the color to an orange tinted gray tone to accent the title. I'll add real text later but I am excited to get this up. I appreciate the comments in advance (as well as those in class). I can't wait to see everyone's re-designs. Thanks!

OLA Template

I looked at the main aacc page and followed suit.

Here are my main page comps. I'm not sure which one I like best. I took the first one and tweaked it a bit for the second.

One

Two