•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the Site Layout and Usability section within the Web Development category of DaniWeb, a massive community of 391,697 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,139 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our Site Layout and Usability advertiser:
Views: 34925 | Replies: 75
 |
| |
•
•
Join Date: Feb 2003
Location: Canada
Posts: 786
Reputation: 
Rep Power: 9
Solved Threads: 26
Master Poster
Ok folks how does one do this? Meaning, how do you ever get things placed in the right spot, aligned, and the get the feel right on a web page design like this? Do you have to been an "artist" or use a fancy web design tool?
http://www3.telus.net/public/tmlohnes/IP0002BR.jpg
or even more intense?
http://www3.telus.net/public/tmlohnes/AX0039BL.jpg
I would like to really know how this is possible... :-|
http://www3.telus.net/public/tmlohnes/IP0002BR.jpg
or even more intense?
http://www3.telus.net/public/tmlohnes/AX0039BL.jpg
I would like to really know how this is possible... :-|
Assistant Manager, Regional Pharmacy Information Systems
TLC Services Website (Under Construction)
Updated : ASP.Net Login Code
TLC Services Website (Under Construction)
Updated : ASP.Net Login Code
•
•
Join Date: Jun 2003
Location: Malaysia
Posts: 313
Reputation:
Rep Power: 6
Solved Threads: 0
Posting Whiz
Greetings.
Interesting! Are those sites developed using Flash? Or not at all? Could you check it?
Interesting! Are those sites developed using Flash? Or not at all? Could you check it?
"Study the past if you would define the future" - Confucius
•
•
Join Date: Feb 2002
Location: Lawn Guylen, NY
Posts: 10,879
Reputation:
Rep Power: 32
Solved Threads: 107
Sites like those are designed in Photoshop, and then sliced up into tables and multiple images using Photoshop's slicing tools. After that, it's just a matter of fine-tuning the design with CSS - the general table layout is done by Photoshop.
Dani the Computer Science Gal
Do you run a computer-related website? Feature it in our niche link directory!
Do you run a computer-related website? Feature it in our niche link directory!
•
•
Join Date: Feb 2002
Location: Long Island, NY
Posts: 1,134
Reputation:
Rep Power: 12
Solved Threads: 2
Those are regular web sites. Probably from http://www.4templates.com or http://www.templatemonster.com. What they probably do is create the layout in something like Photoshop, then use Fireworks or ImageReady to slice it up, tweak it and clean it up, add some CSS, possibly create a Dreamweaver template out of it, and presto. That doesn't really impress me, as I do it all the time. What does impress me is the talent of the web designers. Those are some really nice designs.
Edit: Hehe, Dani's post wasn't there before I started writing this post. Oh well. :eek:
Edit: Hehe, Dani's post wasn't there before I started writing this post. Oh well. :eek:
_.:: my websites ::._
blog @ www.samaru.net * engi No Jutsu @ www.narutorp.net * portfolio @ shinylight.com
deviantART: inscissor
blog @ www.samaru.net * engi No Jutsu @ www.narutorp.net * portfolio @ shinylight.com
deviantART: inscissor
•
•
Join Date: Feb 2003
Location: Canada
Posts: 786
Reputation:
Rep Power: 9
Solved Threads: 26
Master Poster
With photoshop eh? Hmm, well maybe I had better look into my Photoshop and Fireworks MX... I maybe missing something.
I just found them....extraordinary in the overall look and design. Didn't know how they did that.
Thanks
I just found them....extraordinary in the overall look and design. Didn't know how they did that.
Thanks
Assistant Manager, Regional Pharmacy Information Systems
TLC Services Website (Under Construction)
Updated : ASP.Net Login Code
TLC Services Website (Under Construction)
Updated : ASP.Net Login Code
•
•
Join Date: Mar 2004
Location: Brisbane
Posts: 632
Reputation:
Rep Power: 7
Solved Threads: 6
Practically a Master Poster
Yeah paladine, I've done it before, although my designs are much much much simpler :p
Actually if someone would show me one of their more 'detailed' designed that they have done this way I'd appreciate it alot
Oh, including code too
Actually if someone would show me one of their more 'detailed' designed that they have done this way I'd appreciate it alot
Oh, including code too
Formerly known as Slade.
•
•
Join Date: Jul 2004
Location: Ohio
Posts: 13
Reputation:
Rep Power: 5
Solved Threads: 1
Newbie Poster
I am a coder an not an artist, but that is why I work with a graphic designer! :cheesy:
Anyways, CSS (Cascadign Style Sheets) are very powerful and that is what I use for formating and positioning. It is a lot easier than table layouts and you can do alot more. I have the graphic artist create an image in Photoshop, then I have at it. I slice the image up, create the DIVs, position them with CSS, and then you have a beautiful site.
In my opinion, the toughest part is creating a nice design and that is why I use an graphic artist.
I have attached one of the sites you had with some of the divs I would create. The neat thing about CSS is that the DIVs can overlap, like for the Nav bar.
http://www.rcswebdesign.com/css.jpg
Let me know if that helps,
Anyways, CSS (Cascadign Style Sheets) are very powerful and that is what I use for formating and positioning. It is a lot easier than table layouts and you can do alot more. I have the graphic artist create an image in Photoshop, then I have at it. I slice the image up, create the DIVs, position them with CSS, and then you have a beautiful site.
In my opinion, the toughest part is creating a nice design and that is why I use an graphic artist.
I have attached one of the sites you had with some of the divs I would create. The neat thing about CSS is that the DIVs can overlap, like for the Nav bar.
http://www.rcswebdesign.com/css.jpg
Let me know if that helps,
JasonRCS
Always a work in progress...
Always a work in progress...
•
•
Join Date: May 2004
Location: Toronto, Ontario (Canada)
Posts: 384
Reputation:
Rep Power: 5
Solved Threads: 0
Posting Whiz
Hi there,
How you doing?
I hope your freelings towards the funeral worked themselves out.
Question...
Does your designer have a portfolio I can take a look at?
Thanks & have a great wknd.
Michelle
How you doing?
I hope your freelings towards the funeral worked themselves out.
Question...
Does your designer have a portfolio I can take a look at?
Thanks & have a great wknd.
Michelle
•
•
•
•
Originally Posted by JasonRCS
I am a coder an not an artist, but that is why I work with a graphic designer! :cheesy:
Anyways, CSS (Cascadign Style Sheets) are very powerful and that is what I use for formating and positioning. It is a lot easier than table layouts and you can do alot more. I have the graphic artist create an image in Photoshop, then I have at it. I slice the image up, create the DIVs, position them with CSS, and then you have a beautiful site.
In my opinion, the toughest part is creating a nice design and that is why I use an graphic artist.
I have attached one of the sites you had with some of the divs I would create. The neat thing about CSS is that the DIVs can overlap, like for the Nav bar.
http://www.rcswebdesign.com/css.jpg
Let me know if that helps,
I can help you get a merchant account whether mainstream or high risk...
http://www.exoticpublishing.com/merchant-accounts.php
http://www.exoticpublishing.com/merchant-accounts.php
•
•
Join Date: Jul 2004
Location: Ohio
Posts: 13
Reputation:
Rep Power: 5
Solved Threads: 1
Newbie Poster
She sure does. What type of work are you most interested in? Print, web, etc... Let me know what you are looking for and we will get you some examples. you can email me at: jason at rcswebdesign.com
Thanks,
Jason
Thanks,
Jason
•
•
•
•
Originally Posted by ep2002
Hi there,
How you doing?
I hope your freelings towards the funeral worked themselves out.
Question...
Does your designer have a portfolio I can take a look at?
Thanks & have a great wknd.
Michelle
JasonRCS
Always a work in progress...
Always a work in progress...
•
•
Join Date: Feb 2003
Location: Canada
Posts: 786
Reputation:
Rep Power: 9
Solved Threads: 26
Master Poster
Hey JasonRCS! Thanks for the tips, but I think what I am lacking for understanding is how to slice the page image up.
Actually there are several things I don't know it I understand.
1. How do you slice the page up? I have briefly seen this in DW MX and I see by your example how to approach it.
2. What is created from "slicing"?
3. How do you use CSS to position so accurately. I just have never grasped that very well.
4. You say use <div>, but how does this overlap? what is between the tags? i.e. image tags, or what?
Thanks for an enlightenment!
Actually there are several things I don't know it I understand.
1. How do you slice the page up? I have briefly seen this in DW MX and I see by your example how to approach it.
2. What is created from "slicing"?
3. How do you use CSS to position so accurately. I just have never grasped that very well.
4. You say use <div>, but how does this overlap? what is between the tags? i.e. image tags, or what?
Thanks for an enlightenment!
Assistant Manager, Regional Pharmacy Information Systems
TLC Services Website (Under Construction)
Updated : ASP.Net Login Code
TLC Services Website (Under Construction)
Updated : ASP.Net Login Code
|
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
•
•
•
•
•
•
•
•
DaniWeb Site Layout and Usability Marketplace
Hybrid Mode
- Previous Thread: Forums
- Next Thread: I need help with building forums.
