New To Mac-Forums?

Welcome to our community! Join the discussion today by registering your FREE account. If you have any problems with the registration process, please contact us!

Get your questions answered by community gurus Advice and insight from world-class Apple enthusiasts Exclusive access to members-only contests, giveaways and deals

Join today!

 
Start a Discussion
 

Mac-Forums Brief

Subscribe to Mac-Forums Brief to receive special offers from Mac-Forums partners and sponsors

Join the conversation RSS
Web Design and Hosting Creating sites, scripting, and hosting discussions.

Photoshop CS web design Q...


Post Reply New Thread Subscribe

 
Thread Tools
b16crx69

 
b16crx69's Avatar
 
Member Since: Mar 31, 2005
Posts: 62
b16crx69 is on a distinguished road
Mac Specs: Powermac G4 Dual 1.25/768mb/240g

b16crx69 is offline
I am a newbie at site building. I have designed a few pages with Photoshop CS. I am using the dimensions 600x800. My Q: when I look at other sites on the web the browser window adjusts the size of the page accordingly. When I preview my pages in a browser they remain the 600x800 dimension leaving a lot of white space around the page. I remember using dreamweaver a few years ago and being able to set some self adjusting size window option. How can I do this in CS? What do you guys think of the size i'm using too? TIA
QUOTE Thanks
rs2sensen

 
rs2sensen's Avatar
 
Member Since: Mar 20, 2005
Location: Michigan, USA
Posts: 1,416
rs2sensen is a jewel in the roughrs2sensen is a jewel in the roughrs2sensen is a jewel in the rough
Mac Specs: 1.67 Ghz 17" PB w/1 GB Ram; 400 MHz PM G4, 366Mhz iBook Firewire, Nano 4GB Black

rs2sensen is offline
Not sure about the option in CS, but as for window size...Here are the stats from my Buyer's Guide (based on last 100 hits):

43% 1024x768
28% 1280x1024
11% Unknown
10% 800x600
4% 1152x864
1% 1600x1200

75% Win XP
15% OS X
6% Win 2000
1% Win 98
1% Unknown
1% PPC
1% Linux

36 36.00% MSIE 6.0
26 26.00% Firefox 1.5
12 12.00% Safari 1.2
10 10.00% Firefox 1.5.0
5 5.00% Firefox 1.0.7
4 4.00% Firefox 1.0.4
3 3.00% Firefox 1.0.6
3 3.00% Opera 8.51
1 1.00%

The page gets 5-20 unique hits per day, and it seems like most of the rations between choices stay about the same.
QUOTE Thanks
b16crx69

 
b16crx69's Avatar
 
Member Since: Mar 31, 2005
Posts: 62
b16crx69 is on a distinguished road
Mac Specs: Powermac G4 Dual 1.25/768mb/240g

b16crx69 is offline
Thanks for the reply. But i'm not quite sure how to think of your answer. When I preview my page in safari the window opens at the size of my page 600x800. Now if I resize the window to a larger dimension, my page stays the same size and the excess window space is blank. Sorry if im not explaining this clearly. I notice on other sites if you resize the browser window the page stretches to fit. The contents of the page remain the same, but the background fits the window and that's what i'm wanting to achieve. Or, do you think it even matters? I suppose if nobody tried to size their window larger than my page it woudlnt matter. It just seems like a nice effect. Thanks.


Quote:
Originally Posted by rs2sensen
Not sure about the option in CS, but as for window size...Here are the stats from my Buyer's Guide (based on last 100 hits):

43% 1024x768
28% 1280x1024
11% Unknown
10% 800x600
4% 1152x864
1% 1600x1200

75% Win XP
15% OS X
6% Win 2000
1% Win 98
1% Unknown
1% PPC
1% Linux

36 36.00% MSIE 6.0
26 26.00% Firefox 1.5
12 12.00% Safari 1.2
10 10.00% Firefox 1.5.0
5 5.00% Firefox 1.0.7
4 4.00% Firefox 1.0.4
3 3.00% Firefox 1.0.6
3 3.00% Opera 8.51
1 1.00%

The page gets 5-20 unique hits per day, and it seems like most of the rations between choices stay about the same.
QUOTE Thanks
ldjalal

 
ldjalal's Avatar
 
Member Since: Oct 04, 2005
Posts: 76
ldjalal is on a distinguished road

ldjalal is offline
Quote:
Originally Posted by b16crx69
I am a newbie at site building. I have designed a few pages with Photoshop CS. I am using the dimensions 600x800. My Q: when I look at other sites on the web the browser window adjusts the size of the page accordingly. When I preview my pages in a browser they remain the 600x800 dimension leaving a lot of white space around the page. I remember using dreamweaver a few years ago and being able to set some self adjusting size window option. How can I do this in CS? What do you guys think of the size i'm using too? TIA
If we are talkng about the same thing, the websites which can strech accordingly to the screen resolution, like this one for example. I dont know if there are any other possibilities, but once in frontpage I made a website like this using shared borders. There are probably other ways, but I dont make such sites a lot. All I know is that the borders (top, left right etc...) work in some way like frames. They will align themselves automatically on the screen and in most cases only the central page and the banner will strech out.
QUOTE Thanks
JGruber

 
Member Since: Aug 20, 2005
Location: Redlands, CA
Posts: 739
JGruber has a spectacular aura about
Mac Specs: Macbook Pro 15" 2ghz/2GB/250gb/SD - White Macbook 2.16ghz/2.5GB/250GB/SD

JGruber is offline
In PS CS, all your doing is making the design and then save for web, which gives you a basic page to work with, you need to design your site to be expandable. What software are you using to code the pages?

normally in the code, the table you want to expand is coded like this

<table width="100%" border="0" cellpadding="0" cellspacing="0">
and/or like this
<td width="100%" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">

You want to design your sites with a max table width of 950px. if you want it to look good on a 1024x768 screen res.

I hope this helps you out.
QUOTE Thanks
b16crx69

 
b16crx69's Avatar
 
Member Since: Mar 31, 2005
Posts: 62
b16crx69 is on a distinguished road
Mac Specs: Powermac G4 Dual 1.25/768mb/240g

b16crx69 is offline
Quote:
Originally Posted by JGruber
In PS CS, all your doing is making the design and then save for web, which gives you a basic page to work with, you need to design your site to be expandable. What software are you using to code the pages?

normally in the code, the table you want to expand is coded like this

<table width="100%" border="0" cellpadding="0" cellspacing="0">
and/or like this
<td width="100%" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">

You want to design your sites with a max table width of 950px. if you want it to look good on a 1024x768 screen res.

I hope this helps you out.
Thanks for the reply. The onlys software I have is CS and Imageready. Basically I have designed pages using layers. I have a background layer, my text on another layer, and my thumbnails on individual layers. The text and thumbs function as buttons via slices. The entire document is fixed at 600x900, including the background layer and all. Would I have to build a different background and set that to expand while having the remaining layers floating on top? Am I thinking about this correctly? I dont remember using "tables". I just threw everything together and created slices for the buttons. I use "save optimize as" to preview the pages in safari. And I remember reading in the help menu that the file is exported as a a single table. I apologize for my redundantness, is that a word?, but i'm not sure how else to explain this. Maybe I should just start from scratch, which sucks because it took me forever to make these. It's been a good learning experience either way.
QUOTE Thanks
b16crx69

 
b16crx69's Avatar
 
Member Since: Mar 31, 2005
Posts: 62
b16crx69 is on a distinguished road
Mac Specs: Powermac G4 Dual 1.25/768mb/240g

b16crx69 is offline
Here is some of the html that seems similar to what your suggestions address. I dont know how to read this.

</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">
<!-- ImageReady Slices (Home.psd) -->
<table id="Table_01" width="801" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="9">
<img name="index_01" src="images/index_01.gif" width="800" height="526" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="526" alt=""></td>
</tr>
<tr>
<td>
<img name="index_02" src="images/index_02.gif" width="325" height="4" alt=""></td>
<td rowspan="2">
<a href="people1.html"
QUOTE Thanks

Post Reply New Thread Subscribe


« HTML Math | Web Question... I have a site and domain name... no hosting... I dontunderstand... »
Thread Tools

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
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
Forum Jump

Similar Threads
Thread
Thread Starter
Forum
Replies
Last Post
Will iWork ever sport a web design tool? J427 Running Windows (or anything else) on your Mac 2 03-08-2005 04:32 PM
web design program for a noob! kzef Web Design and Hosting 14 02-22-2005 03:35 PM
Web Design On An eMac redrum Other Hardware and Peripherals 4 11-18-2004 01:09 PM
Web Graphic Design Help sealey Web Design and Hosting 2 06-30-2004 01:23 PM

All times are GMT -4. The time now is 05:46 PM.

Powered by vBulletin
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
X

Welcome to Mac-Forums.com

Create your username to jump into the discussion!

New members like you have made this community the ultimate source for your Mac since 2003!


(4 digit year)

Already a member?