Webtop Publishing Tutorial: Layout Structure, Color and Images
The same principles that apply to publishing in paper, also apply to the
web. This tutorial presumes that readers have already read and heeded the
advice and direction in the desktop
publishing tutorial in this chapter. The ideas covered there on desktop
publishing in regards to structure, image and color are also important
to web composition. However, there are some important differences between paper
and web publishing. Other prior knowledge is needed here as well. The earlier
chapter two, Introduction to Web Processing, introduced the most basic
elements of web publishing: entering and editing text; linking; and transferring
files to an Internet web server. In web composition, tables are a simple way to
structure or organize elements of text and images.
Though there are many design principles in common between paper and
the web, many technical issues are handled differently. For example,
images are part of the desktop publishing file but separate from the web
page file. Finally, in
contrast with paper publishing, web pages can make extensive use of color
at no additional expense in cost. Color printers or the budgets to allow
color printing on a regular basis for classes of students are generally
not available to educators.
Take the links below to study the brief tutorials on structure, image
and color for use in your web pages.
Table structures
Inserting Images
-
Turn images
into Thumbnails (A thumbnail is a very small picture that is linked
to a larger image or to anything else that is linkable. That is the image
can be linked to not only other images, but other web pages, videoclips,
etc.).
- Turn images into links.
Image maps or hotspots represent areas within an image that
are clickable. There is generally nothing one can see in an image to determine
if hotspots are present. To determine if they exist, slide the cursor symbol
over the image and if the cursor turns into a pointing hand, a hotspot
which links to other locations has been found. Examples of image maps seen
so far in these chapters include: the web
site storyboard and the information
pyramid covered in this chapter. Give them a visit and review how they
work.
The topic of hotspots is not covered further within the chapters
of this course but is taught in the department's graduate course on multimedia
education whose science fiction "cover
page" includes an image with hotspots. SeaMonkey and Netscape Composer do not provide
the tools for making hotspots, but all commercials web editors do and the
HTML code can be entered manually in a text editor. Commercial web editors
with tools to quickly create hotspots would include Microsoft's FrontPage,
Macromedia's Dreamweaver, Adobe's GoLive, and many
others. Those who wish to explore this important skill as an extra
credit activity or have need of hotspots within an image being used on
their web site should consult with their instructor for assistance.
Color
At last, the web makes it possible for educators and other non-profits
to affordably compose with color.
-
Colorizing Issues.
A More Comprehensive View of the
Web Design Process | Chapters
| Page author: Houghton
Pub: 9.27.2001 Updated: 9.17.2003 |
|