| Author |
resizing photoshop created page in brouser?
|
|
|
| i created a page in photoshop and now i want it to scale down to the size of the brouser window. i did not use tables in dreamweaver at all. i just opened the html file i exported from photoshop.
| |
| A.H.O. 2004-08-07, 7:15 pm |
| so your page is simply one big image file? You will have to scale the image in
photoshop. You dont want to resize a picture/image file in the web page
program. It will distort it. To do this...remember what most people use as
their screen size. 800x600. I would resize the image to a width under 800
pixels and leave the height value alone to change to whatever the ratio would
be. I would go about 790 pixels. In other words dont change the height value
yourself...let the graphics program do it so it doesnt look out of wack. If
its taller than 600 pixels its ok. Scrolling verticaly is acceptable, while
having to scroll horizontaly (spelling?) is not. This way everyone can see the
whole page. The 800x600 will have your image fill their entire screen, while
the peoplewith bigger resolutions will have it fill most of their screens.
I wouldnt just put it in a page and leave it though. It will align to the top
left. i would center it, so that it appears centered in bigger windows. To to
this put it into a table. Stay out of dreamweavers layout mode...click on
INSERT>TABLE.
put in a table that is 1 row and 1 column. Make the width of the table "100%"
instead of a pixel size. DONT put in a table height. Your image will take
care of that by itslf. Click OK. NOW insert your image into this table.
Center the image in the table, and you should be good to go.
| |
| rrose selavy 2004-08-07, 7:15 pm |
| >...remember what most people use as
> their screen size. 800x600.
Just to glance at the surface of this issue: it's the size of the browser
port that matters not monitor size/resolution.
| |
| A.H.O. 2004-08-07, 7:15 pm |
| I could be totaly wrong on the point. Ive never even heard of a browser port.
(not saying much) But if the web page is an image and the image needs to fit
in the moniter size...wouldnt that be the issue?
| |
| rrose selavy 2004-08-07, 7:15 pm |
| If I have an 800x600 monitor, as you correctly or incorrectly suggest "most"
people have, then if I maximize my browsers it's 800x600 and that's the size
of the broswer port. Now, I make the browser window smaller (a lot of folks
don't use their browsers maximized a good deal of the time) and the fixed
image size you reccommend invokes a horizontal scroll bar that you suggested
was not acceptable.
The bottom line is this is not the most desirable approach to web page
construction.
| |
| A.H.O. 2004-08-07, 7:15 pm |
| LOL lets not have the old "statistics" debate. I would agree that this isnt
the best way to do a page. If there is a BEST way. BUT.... lets say that only
20% of the worlds population uses 800x600, as I correctly or incorrectly
"suggest". Wouldnt it make sense to make the page accomodate that 20% as well
as the rest of the world as long as the rest of the world can see it just fine
either way? When I mean accomodate, I mean...make it as pleasing to view as
possible. Without a horiz. scroll bar for instance. The fixed image size that
I "suggest" would make it the most viewable to the most amount of people
possible (the best of a bad circumstance)
<Just to glance at the surface of this issue: it's the size of the browser
<port that matters not monitor size/resolution.
Obviously no one knows who maximizes their windows and who doesnt.
The OP can't do a whole lot about that, doing a page this way. Again, Im
making a suggestion that would offer the broadest fix (that I know of), based
on his issue. Im not goint to tell someone how to build their page. To each
their own.
Maybe you can suggest a better way for them to do it?
| |
| rrose selavy 2004-08-07, 7:15 pm |
| > I'm not goint to tell someone how to build their page.
Don't think I did either; merely mentioned that such an approach might not
be all that desirable.
As for the statistic issue, as originally suggested, it's not really about
monitor size/resolution but how the site behaves in a browser window of
varying apeture.
| |
| .: Nadia :.TMM :. 2004-08-08, 12:14 pm |
| "ceez" <webforumsuser@macromedia.com> wrote in message
news:cf3855$fe3$1@forums.macromedia.com...
> i created a page in photoshop and now i want it to scale down to the size
of the brouser window. i did not use tables in dreamweaver at all. i just
opened the html file i exported from photoshop.
This is going to cause you headaches. Design your layout in DW using
'insert table' with the same cell structure as your PS layout. Then
'import' your graphics into the table as needed. Using a graphics program
to write your html code is going to cause you many problems, particularly if
you do not know how to troubleshoot these troubles by not knowing any html.
You will need to read up on how to design a 'flexible' layout so that your
design will stretch or contract depending on the window size of the browser
(resolution doesn't come into it.) I may have a resolution of 1024*768 but
my window size is less than 800*600 as I don't always have my windows open
full size.... do a search on this forum for 'flexible table' tutorial' and
follow that before attempting your own layout.
PS For your peace of mind, stay out of layout mode in DW, use design/code
view.
--
Nadia
Team Macromedia Volunteer for Dreamweaver
---------------
http://www.DreamweaverResources.com
Free Templates | Free Nav Bar Sets
Dropdown Menu Designs | CSS Layouts
Ecommerce - YVStore | SEO Articles
Table Tutorials | Background image Tutorials
------------------------------------------------
MM Dreamweaver Tutorials
http://macromedia.com/devnet/mx/dreamweaver/
-----------------
| |
| Murray *TMM* 2004-08-08, 12:14 pm |
| Matt:
Listen to rrose's wisdom.
Stop trying to guess what the size of anyone's browser viewport is. You'll
fail....
--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================
"A.H.O." <webforumsuser@macromedia.com> wrote in message
news:cf3dim$j0m$1@forums.macromedia.com...
> LOL lets not have the old "statistics" debate. I would agree that this
isnt
> the best way to do a page. If there is a BEST way. BUT.... lets say that
only
> 20% of the worlds population uses 800x600, as I correctly or incorrectly
> "suggest". Wouldnt it make sense to make the page accomodate that 20% as
well
> as the rest of the world as long as the rest of the world can see it just
fine
> either way? When I mean accomodate, I mean...make it as pleasing to
view as
> possible. Without a horiz. scroll bar for instance. The fixed image size
that
> I "suggest" would make it the most viewable to the most amount of people
> possible (the best of a bad circumstance)
>
> <Just to glance at the surface of this issue: it's the size of the
browser
> <port that matters not monitor size/resolution.
>
> Obviously no one knows who maximizes their windows and who doesnt.
> The OP can't do a whole lot about that, doing a page this way. Again, Im
> making a suggestion that would offer the broadest fix (that I know of),
based
> on his issue. Im not goint to tell someone how to build their page. To
each
> their own.
>
> Maybe you can suggest a better way for them to do it?
>
| |
| A.H.O. 2004-08-08, 7:14 pm |
| I absolutely agree Murray and Nadia. Im not disagreeing with anyone here. I
never said that I thought doing it that way was good idea, or that I agreed
with it. I dont pretend to know the best way to do everything (not saying that
anyone else does either), and I dont believe in shoving my opinion down peoples
throats (NOT saying that anyone else is doing this).
>Obviously no one knows who maximizes their windows and who doesnt.
>The OP can't do a whole lot about that, doing a page this way.
I might tend to get wordy in my posts, so it would be easy to miss some
things. but as you can see, Ive said just what you're saying from the start.
|
|
|
|
| Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |