Changing target resolution for web pages

  • Thread starter Thread starter GeeK
  • Start date Start date
G

GeeK

Hello all,
Just curious if there is an easy way in FP 2002 to quickly
change screen resolutions while building pages. For
example, by default I run in 1024x768 but I prefer to
build all my web pages in 800x600. Currently I am having
to manually change my monitor resolution in Settings when
I edit pages. Is there an easier way to do this? Is
there anything in FP that allows me to change the
resolution the pages are built in? Thanks much.
 
Not possible. Use tables set to a fix pixel width of 750, then place all of
your content for each page within this table.

--

==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, Forums, WebCircle,
MS KB Quick Links, etc.
==============================================
 
Although there isn't a tool to change your monitor resolution, you can force
FrontPage to open the preview window in a size equivalent to 800x600. Next
time you preview, instead of just clicking on the preview toolbar button,
click "File | Preview" and choose 800x600.

Once that is set, any time you launch a preview in browser (even from the
toolbar) it should open the window to match that screen resolution. I
believe the setting will stay even from session to session.
 
-----Original Message-----
Hello all,
Howdy.

Just curious if there is an easy way in FP 2002 to
quickly change screen resolutions while building pages.
For example, by default I run in 1024x768 but I prefer to
build all my web pages in 800x600. Currently I am having
to manually change my monitor resolution in Settings when
I edit pages. Is there an easier way to do this? Is
there anything in FP that allows me to change the
resolution the pages are built in? Thanks much.
Click to expand...

Pick a convenient page, such as the home page on your
local server, and add the following script.

<script>
<!--
function sizeWindow(awid,ahgt){
if (navigator.appName.substring(0,9)=="Microsoft"){
window.resizeTo(awid,ahgt);
}else{
window.outerHeight=ahgt;
window.outerWidth=awid;
}
}
// -->
</script>

Then, add a couple of links like this:

<a href="javascript:sizeWindow(800,600);">800x600</a>
<a href="javascript:sizeWindow(1024,768);">1024x768</a>

This provides a very easy way of setting your browser
window to exactly 800x600 or 1024x768 pixels for testing.

*Don't* set your entire computer's display area to 800x600
when running FrontPage. After you subtract the width of
the Folder list and a Task pane, you're actually
simulating a Pocket PC screen.

FrontPage 2003 has some nice features for "locking" the
size of the editing window to whatever browser width you
want to target. Of course, locking a window size in
FrontPage still has no effect on the window size visitors
will use. It's only a guide.

Jim Buyens
Microsoft FrontPage MVP
http://www.interlacken.com
Author of:
*----------------------------------------------------
|\---------------------------------------------------
|| Microsoft Office FrontPage 2003 Inside Out
||---------------------------------------------------
|| Web Database Development Step by Step .NET Edition
|| Microsoft FrontPage Version 2002 Inside Out
|| Faster Smarter Beginning Programming
|| (All from Microsoft Press)
|/---------------------------------------------------
*----------------------------------------------------
 
Hi,
the ideal is to get yourself a second monitor - you can quickly resize your
browser with Jim's method or just by typing into your browser's address bar
javascript:window.resizeTo(800,600)
but your pages will still look different to how they'd appear in a browser
with a resolution of 800*600. This is even more noticable if you develop in
a higher res than 1024*768.

I started using a 15" flat panel set to 800*600 as a second monitor
recently - I'd thoroughly recommend it.

Jon
Microsoft MVP - FP
 
A second monitor is the best idea. You'll wonder how you ever got along
without it.
Eleanor
 
Back
Top