Designing website as a graphic - any hints? - Techist - Tech Forum

Go Back   Techist - Tech Forum > Internet > Web Graphics and Design
Click Here to Login
Closed Thread
 
Thread Tools Display Modes
 
Old 12-07-2007, 03:35 AM   #1 (permalink)
Newb Techie
 
Join Date: Dec 2007
Location: USA
Posts: 3
Send a message via ICQ to Nik981
Arrow Designing website as a graphic - any hints?

A couple of months ago I learned that many web designers lay out an entire web page in an image editing program first , then slice it up, insert in tables, etc.

My understanding of how to do this is quite limited but I am getting a few website jobs and think I really need to learn and get an handle on this. Can any one offer a few tips, hints or references?

Some of my initial questions would be:

- is there a standard size to make the overall graphic (pixel width and heigth)?

- do you insert individual slices as a foreground or background objects, or a combination of both?

- do you make rollovers right in the graphics program using layers?

- how do you add text? Do you allow for the text area (using white space) in the image, then slice it, delete it and add text in Normal view of FrontPage?

If there are other basic questions I should have asked but failed to do so, please address them if possible. thanks in advance for any tips,

gail

btw, I use Photoshop.
__________________

Nik981 is offline  
Old 12-07-2007, 07:08 AM   #2 (permalink)
Graphic Designer
 
mssssee2's Avatar
 
Join Date: Apr 2007
Location: Thessaloniki, Greece
Posts: 506
Send a message via MSN to mssssee2 Send a message via Yahoo to mssssee2
Default Re: Designing website as a graphic - any hints?

I have done this before,

You can use something like Photoshop, Illustrator or Fireworks to achieve that, I would not suggest In Design or any corel programs.

-There is no standar size but I would recomend resolutions as 800X600 400X600 or something like that. then it should be aligned to center so it wont confuse anyone opening it on fullscreen.
- I personally use A combination of both by flattening it.
- You can make it either with layers or with slices. I use FIreworks for this operation.
- I would use layers (div tags).

I hope you found those tips useful.
__________________

__________________
Mike from Greece, 16

mssssee2 is offline  
Old 12-10-2007, 10:29 AM   #3 (permalink)
Wizard Techie
 
CrazeD's Avatar
 
Join Date: Feb 2006
Location: Maine
Posts: 3,736
Send a message via AIM to CrazeD Send a message via MSN to CrazeD
Default Re: Designing website as a graphic - any hints?

Most web designers make a fixed width of no more than 800PX wide, and however high it needs to be. This is so anyone with a screen resolution of 800x600 can still see the whole thing, without scrolling. There are ways to make it adjust to people's screen size though.

You can do a combination of both.

There are several ways to make rollovers. An easy way is to make two images, one for the regular and one for the rollover, then use Javascript or CSS or something to get the rollover effect.

For text, it can get tricky. If you make a "box" for text, you have to ensure it it will stretch without distorting. It has to be repeatable. Then you can just leave it blank and code some text into it later.

There are tons of tutorials for this, Google one, you'll probably learn a lot.
__________________

Intel Q9400 | Gigabyte EP45-UD3P | G.Skill 2x2GB DDR2 1000 | XFX HD5870

Need website help? PM me!
CrazeD is offline  
Old 12-10-2007, 01:12 PM   #4 (permalink)
Ultra Techie
 
Join Date: Jul 2006
Posts: 889
Default Re: Designing website as a graphic - any hints?

i do all my designs in photoshop and currently working in one now, when i slice my webpage image i save it for the web, which automatically gives me a html with the images in it and i open it up in dreamweaver and alter it to the way i want .... pm me for help this is a great way of building a template like keeping all the pages the same look and layout and just change the bottom of the page, you will see what i mean when my next website is up and running
__________________
jay_bo is offline  
Old 12-10-2007, 07:03 PM   #5 (permalink)
Wizard Techie
 
CrazeD's Avatar
 
Join Date: Feb 2006
Location: Maine
Posts: 3,736
Send a message via AIM to CrazeD Send a message via MSN to CrazeD
Default Re: Designing website as a graphic - any hints?

I usually just slice the images and code it myself, so I can code it the way I want. The way Photoshop does it is handy, but very basic.
__________________

Intel Q9400 | Gigabyte EP45-UD3P | G.Skill 2x2GB DDR2 1000 | XFX HD5870

Need website help? PM me!
CrazeD is offline  
Closed Thread

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
Trackbacks are On
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
On the lookout for the perfect Avatar Virtual Assistant creating Software onauc Web Graphics and Design 1 11-20-2007 07:48 AM
Another great free wallpaper website Osiris Web Graphics and Design 2 07-24-2007 11:23 AM
Start your Website Marketing campaign with this Lists Sief3r SEO and Web Traffic 1 05-22-2007 10:03 PM



Copyright 2002- Social Knowledge, LLC All Rights Reserved.

All times are GMT -5. The time now is 02:01 PM.


Powered by vBulletin® Version 3.8.8 Beta 1
Copyright ©2000 - 2017, vBulletin Solutions, Inc.