How to change the resolution of a page in iWeb

Not all themes can have the page width increased and keep its appearance. Those that can are White, Black, Modern Frame and Formal (except for the blog page).

Therefore to get a page size you need you should pick one of those themes, start with a blank page and add your own graphics and other elements to create your website design. That way you can manage all aspects of the page design.

OT

In iweb click on the inspector then click on the first tab in the inspector window

Then click on "Lay Out"

Then make all your resolution dreams come true

LearnFromLee

I may receive some form of compensation, financial or otherwise, from my recommendation or link. <Edited by Host>

The page inspector is where you cange these measurements

The header, footer, & Padding will all effect the finnished size for your layout. If you are looking to have a header &/or a footer you might want to drag an image that is exactly 1024 x 768 and use it as a guide. You can send it to the back & delete it when you are done with your layout.

this image is exactly 1024 x 768 if you click on it

You might also want to check out my video on creating layouts:

http://www.youtube.com/watch?v=wHVVtJ7Ka4o

Thanks a lot guys, but I have one more question. If I set the resolution to 1024*768 will the size of the footer change the resolution?

No, you'll have to do it yourself. As with almost everything.

Anyway, use arrows :

http://www.wyodor.net/mfi/size/768-946.html

http://www.wyodor.net/mfi/roodhout/Measures.html

You may want to consider to practice a bit.

Resolution is a measure of the sharpness and clarity of an image or an expression of the total number of pixels on a monitor screen. This is different from the dimensions of the viewable area of a web page which can be expressed in pixels, ems and %.

A web page consists of two main areas - head and body.

The body is the viewable area and that is the one you need to set the dimensions for width and height - in your case 1024 x 768 pixels.

Although a web page can be further divided into areas such as header, content and footer this is not carved in stone. Header and footer content normally remains constant throughout a web site and that's where you would put all the stuff that is required to show on each page. Nowadays this is considered bad practice since it repeats info and wastes space in the case of sites being viewed on mobile devices.

In your case, the content area dimensions have been defined so everything else has to fit inside it and the sum of the header, main content and footer layer heights have to equal 768 px.

This is rather a strange project since the trend is to make web pages more flexible to suit different devices by using percentages!

iWeb will go on & on as long is there is something down there. That is why if you are looking to match a certain Hieght & width it is easier to give your self some sort of visual reference

Use a ruler! This one is quite good and free...

http://www.macupdate.com/app/mac/33179/nruler

I had a resolution of 1064.+765 and designed it for possible I pad viewing,but found that my big mac had wasted real estate space.

I found out that suggested res for big macs are 1250-800 ,so..........I made miy web site 1200-800 and found that it fit the I pad and looked bigger on my big mac.

Why then is 1200*800 not the formula?

It seems 1064+768 is wasting real estate if viewer sees it on mac and.......looks fine on I pad.

What is the best formula for web site and web magazine I am planning to do???

There is no formula for a web page and you have to consider the type of content and what device the viewer is using.

A "standard" width for a conventional webpage could be considered to be 980px with a page height of no more than about 1200px to avoid too much scrolling. Any page that is much higher than this should, at least, have a "back to the top" button...

http://www.iwebformusicians.com/iWeb/Navigation.html

The browser width on personal computers is user adjustable and not everybody wants to fill the whole screen width.

The browser width on mobile devices is fixed and the user only has the option of portrait or landscape orientation.

US letter size is 8.5 inches wide by 11 high (816 x 1056 px) and the European A4 is 8.27 × 11.69 (794 x 1123 px). Either would be a good starting point for an e-zine.

The iPad is 768 px wide in portrait mode but remember that its not the only tablet available. I think Kindle is 600px wide and others are smaller.

Text on wide pages is difficult to read - hence the use of columns in magazines and newspapers.

Designing web pages for mobile devices in general is not possible with iWeb since it can only use a fixed page width. An example of a folding column magazine style layout can be found on this page...

http://www.ezmacwebdesign.com/showcase.html

Put a guideline on the page and set it to 768px. Set the height of the header and footer and use a text box to adjust the content area. Delete the guideling before publishing the page...