page size
Microsoft Office TrainingThe UK's Number 1 for Microsoft Office Training add this page to your favourites/bookmarksBookmark page

view a printable version of this pagePrintable version
Customer: Sign in
Delegate: Sign in
Trainer: Log in

Forum home » Delegate support and help forum » Dreamweaver Training and help » Page size

Page size

The UK's most regular instructor-led training courses.
Training information: dreamweaver training course london · Dreamweaver training · Adobe dreamweaver training

resolvedResolved · Urgent Priority · Version CS3

No ranking yet
1 post
replyReplyTue 3 Mar 2009, 10:07Delegate Nathalie said...

Nathalie has attended:
No courses

Page size

Hi,

How do I create a site that would adjust the size of the page according to the different sizes of monitors?

Thank you.

Platinum
798 posts
replyReplyTue 3 Mar 2009, 23:15Trainer Rich said...

RE: Page size

Hi Nathalie,

You'll forgive me for smiling widely, and saying "welcome to the world of web design!"

What you're asking is a very common topic of discussion, and a challange that all web designers face.

Keep in mind, that even if your visitor has a resolution of, say, 1024x768, they may not have maximised their browser window. They may also have a big sidebar with their browsing history, or bookmarks, or another toolbar they've installed.

There are three roads you can take here.

1) Make a 'fixed width' site, catering for the majority of your audience's resolution. Install an analytics tool to gather stats of your visitors (Google Analytics is free and fairly easy to set up). The 'safe' resolution at the moment is 1024x768. It used to be 800x600, but more and more sites are defaulting to 1024.

To acheive this technically, you can use CSS. Dreamweaver has plenty of templates to choose from - see your File -> New dialogue box. The old way was to have an HTML table, with a fixed width of pixels. Sometimes this table would be centred, so that you have an even amount of space on either side of the site.

2) Make an 'elastic width' site, which adjusts automatically to cater for whatever size window the user chooses. Like our site here. For that, you just make your DIVs or layout TABLE 100% in width, and don't try and control the text or layout too much.

3) Detect which resolution your visitor is using (eg. using Javascript), and apply a different style (eg. CSS style sheet file) which adjusts your site to fit that reslution - Much more work! Good luck with THAT one.

Which way you choose also depends on the type of content you're displaying. eg. if it's a site of essays, elastic site's are fine - they will just adapt to fit all of the text in the browser window. For more graphical sites, with sidebars and sections, you may want to stick with the fixed width solution.

If this answer resolves your query, please mark the question as 'resolved' (see below). Otherwise, please post a follow-up response to this post, and I will assist you further.

Regards, Rich

Tue 10 Mar 2009: Automatically marked as resolved.


Related articles

· Redecorating Your Website, The Easy Way
· Making Your Business Look Its Best With Dreamweaver
· The Importance of a Professionally Designed Website
· Giving The Customer Input With Dreamweaver
· Give Your Website An Image Overhaul With Abode Dreamweaver

Please browse our web site to find out more about
dreamweaver training course london and other Microsoft training courses.

Dreamweaver (adobe) tip:

Paragraph formatting

in Dreamweaver if you type in text and press entre you get double line spacing.

To avoid this hold down the shift key and then press Enter for a soft break

View all Dreamweaver (Adobe) hints and tips


Rate this page:
2.1/5 (108 votes cast)
Institute of IT Training - Accredited Training Provider ILM
Microsoft Certified Partner
Microsoft Office Specialist Authorised Testing Centre (MOS and MCAS)

Prodigy Platinum Learning Partner

Institute of IT Training - Accredited Training Provider
McAfee Secure sites help keep you safe from identity theft, credit card fraud, spyware, spam, viruses and online scams
Association of Computer Trainers verified by visa, mastercard securecard