Information Technology Reference
In-Depth Information
•
640
480 (Dreamweaver default)
×
•
1024
768
×
•
550
400 (Flash default)
×
The default Web page sizes provided in Web friendly applications and listed
earlier are a great place to start. You will probably use a smaller, custom size
for pop-up windows. The Web page size you choose is up to you. Remember
to use actual space for the Web page effectively so that the content is in the
proper proximity to the user's navigation patterns. Web page size affects the
way users move around the Web pages and the Web portfolio site.
One rule: Pick a size for all main screens and stick to it. Consistency in page size
should be used on each level of the Web portfolio design flowchart.
You will need to understand size in the image editing application when you
develop screens and Web graphics. We must keep our graphics within the page
size guidelines otherwise they will over extend the Web browser and the user
will need to scroll to see them. That is not a good thing and will definitely turn
off the user.
When you are looking at Web screens and graphics in an image editing
application such as Macromedia Fireworks or Adobe Photoshop, you can see
the exact size the image will occupy on a monitor when the view is set to 100
percent. This means that you can get an accurate indication of how a page will
look before going through the process of making it an HTML Web page. This
helps with design and production. It helps eliminate guess work when develop-
ing pages. Size also depends on resolution. Let's discuss resolution next.
Resolution
Screen resolution refers to the number of pixels a screen can display in a given
area. The standard resolution for Web graphics is 72 dpi for Macintosh and 96
dpi for Windows. This means that all graphics should be saved to their needed
exact size at 72 dpi. If graphics are larger than 72 dpi or 96 dpi, they need to
be optimized and exported using Macromedia Fireworks or Adobe Photoshop.
Remember, all graphics should be 72 or 96 dpi to scale. Typically, 72 dpi
works well for both platforms. By using the lower resolution for graphics on
