logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Dreamweaver General
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 05-14-2009, 01:28 AM   #1
AC5FF
 
Join Date: May 2009
Posts: 2
Default Best way to set up a webpage?

I haven't built a web page since the early 90's. Seems to be a LOT more difficult now.

Anyhow; my thoughts were to start with photoshop. I layed out everything that I wanted there and thought I could easily import that into DreamWeaver. Well, either I can't or I've missed it in the books/program...

I've attached a JPG of what I've created. Each of the elements in this is a different layer. I've got each layer also saved as an GIF or JPG.

What I want to do is set a fixed background as shown. All the text/information I want to put into the center window. I've got dual graphic files for each of the links at the top. what am I missing? Is putting a webpage that difficult now?

Any help you can provide would be greatly appriciated!
Thx
Attached Images
File Type: jpg Layout.jpg (86.4 KB, 8 views)
AC5FF is offline   Reply With Quote
Old 05-15-2009, 02:17 AM   #2
coloeagle
coloeagle's Avatar
 
Join Date: Sep 2008
Location: Colorado, USA
Posts: 596
Default

In brief.

You would start with having a 'wrapper' div with the main image being the background.
A 'navigation' div with your links styled for inline layout using your images.
A 'content' div with the semi-transparent image as the background.

Now if your content is going to exceed the image you have you will need to split the image into 3 parts.
  1. Top
  2. Middle
  3. Bottom
The middle image will repeat as need depending on the amount of text in it.
__________________
The Beauty of CSS (One of my hobbies)
Home Security (My real Job)
Multiple Link Styles with CSS
coloeagle is offline   Reply With Quote
Old 05-15-2009, 02:30 AM   #3
AC5FF
 
Join Date: May 2009
Posts: 2
Default

Coloeagle...
Thanks for the tips. I've been doing some reading the past couple days now, but really haven't made any progress. Maybe this will get me going!

What I have been reading a lot on is AP elements; which I guess would be part of the <div>. I'll have to look up what you are meaning by 'wrapper' and 'navigation'. I think I know, but... gonna research anyway.

When I was asked to design/build this page I thought it would be a lot of fun. I remember having fun doing this years ago; I'm just floored how much things have changed....
AC5FF is offline   Reply With Quote
Old 05-15-2009, 02:46 AM   #4
coloeagle
coloeagle's Avatar
 
Join Date: Sep 2008
Location: Colorado, USA
Posts: 596
Default

Best to avoid AP divs if possible.

Wrapper and Navigation are just common names for the css class and id. Helps to name the div's for the purpose the serve. Makes future editing and changes easier.

For fun, css is loads more fun than straight html. You have to be careful as it is easy to get carried away with the power that css has.
__________________
The Beauty of CSS (One of my hobbies)
Home Security (My real Job)
Multiple Link Styles with CSS
coloeagle is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 12:04 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com