course icon of schools and communities linked by computers

 

    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