Lesson 1 assignment:
Look up the topic of screen resolution in the Google search engine
at www.google.com. Try a few variations, such as "screen resolution" with and
without quotes surrounding it, and with and without terms such as design and Web
design accompanying it. (You're likely to find yourself using Google many times to
get help on Web design topics.) Read some of the articles you find, then decide what
screen resolution you want to target for the next Web site. Write a few sentences
supporting your decision.
Hint: Take your audience into account—the more technically-oriented the audience,
the better the case you can make for targeting a higher screen resolution.
I did a Google search with:
all the words: "web design"
exact phrase: "screen resolution"
terms occur: in the title of the page
and read these articles:
YourNew.com's article Resolution Explained
contains a feature that lets you check out your webpage at different screen
resolutions. It suggests preparing for 1600x1200 resolution: "This
is not the most common resolution in use, but be sure your site is ready. With 19
and 21 inch screens with low dot pitch gaining popularity, higher resolutions are
becoming more common." This site uses a width of 700 pixels and suggests staying
"under 760 pixels to avoid excessive scrolling for your
low resolution viewers." Of course, this article ends with a sales pitch ...
Southwestern Missouri State University's article
Deciding Screen Resolution
This mentions that your background image will tile when viewed at a higher resolution
than you designed for, but is not a very detailed article.
Web Design 101 article
Screen Resolution says 52.1% of users have screen resolution of 800 x 600 (but doesn't
specify where this figure came from or when).
First Web Site Design's article
What screen resolution should be used? The author prefers to use 1280 x 1024 but
recommends designing for 800 x 600 (and even suggests leaving a small margin so users
with a resolution of 640 x 480 won't have to do too much horizontal scrolling).
The above article links to National Cancer Institute's
Web Design & Usability Guidelines. The screen resolution article is
here and recommends 800 x 600.
Blue Leaves Web Design
Resource says you can use table width="100%" to fill the screen, but you have less
control over positioning of elements; suggests using width of 600 if aiming for a 640 pixel
screen or 750 if aiming for 800, to make space for the browser's scroll bar. So there was
no definite recommendation here, and the author didn't bother to spellcheck
"miscellaneous," which appears in a nice large font on this page.
I also came up with several ads for web design services and some message boards.
The
Myth of the 800 x 600: I think this article, or one with a similar title, was in the Supplementary Material
for one of the Intermediate Web Pages lessons, but I didn't save the lesson properly
so I can't be sure. This article proposes "Instead of absolute
positioning of page elements designers should use relative positioning. This allows
a page to contract and expand to fit a variety of viewable browsing areas."
Conclusion:
So ... if I had to pick a fixed resolution I guess I would go with 800 x 600. It
would be a good idea to experiment with different views and relative positioning
(which might work well on some sites and look awful on others); since I'm a newbie
I guess I would have to experiment. (Clearly I should also read more articles!) For
my homework assignments so far I have tended to specify size for images, but not table width.