Web publisher’s design guide for Macintosh

526 Pages·1997·75.288 MB·English

by  Fahey, Mary Jo

guide
for
· Macintosh
2nd Edition
CORIOLIS
mary jo fahey GROUP
BOOKS
What's on the CD-ROM
The companion CD-ROM includes artwork elements
used in the sample exercises throughout the book, soft
ware, plug-ins, Shockwave movies, and completed GIF
animations created by professional new-media artists.
~ Art files from artists and Web specialists Frank DeCrescenzo, Curtis Eberhardt, Kleber
Santos, Peju Alawusa, Jane Greenbaum, Alex Shamson, Greg Hess, and John Scott.
(Note: For a detailed inventory of files, see the readme file on the CD-ROM.)
~ Journalist Peter Chowka's interview with Nobel prizewinner Linus Pauling,
styled with Microsoft's cascading style sheets (as defined by the World Wide
Web Consortium).
~ Scans of nineteenth century photographs of Coney Island Amusement Park for
use as a texture map when creating a Coney Island VRML attraction.
~ Shockwave movies and GIF animations from artists Larry Rosenthal and
Curtis Eberhardt.
~ Software applications, browsers, and plug-ins for creating and viewing
Web artwork.
See the readme files in each folder for acknowledgments, descriptions, copyrights, insral
lation insnuccions, limitations, and other imponam information.
Requirements
Software: Macintosh OS, version 7.1 or later Hardware: 68K Macintosh or
Browser-Netscape Navigator, Power Macintosh
''crsion 3.0 or later; or Microsoft
Internet Explorer,
version 3.0 or later
Photoshop, r;ersi011 3.0 or later
Vir/us Wali~Through Pro,
version 2.6 or later
web
publisher's
design guide
b
we
publisher's
design guide
E~~- for Macintosh
2nd Edition
Mary Jo Fahey
~ CORIOLIS GROUP BOOKS
Publisher: Keith Weiskamp
Managing Editor: Paula Kmetz
Production Manager: Nomi Schalit
Production: Nicole Colon
Web Publisher's Design Guide For Macintosh, 2nd Edition
Copyright© 1997 by The Coriolis Group, Inc.
All rights reserved. This book may not be duplicated in any way without the expressed written consent
of the publisher, except in the form of brief excerpts or quotations for the purposes of review. The infor
mation contained herein is for the personal use of the reader and may not be incorporated in any com
mercial programs, other books, databases, or any kind of software without written consent of the
publisher. Making copies of this book or any portion for any purpose other than your own is a violation
of United States copyright laws.
Limits of Liability and Disclaimer ofWaiTanty
The author and publisher of this book have used their best efforts in preparing the book and the pro
grams contained in it. These efforts include the development, research, and testing of the theories and
programs to determine their effectiveness. The author and publisher make no warranty of any kind,
expressed or implied, with regard to these programs or the documentation contained in this book.
The author and publisher shall not be liable in the event of incidental or consequential damages in con
nection with, or arising out of, the furnishing, performance, or use of the programs, associated instruc
tions, and/or claims of productivity gains.
Trademarks
Trademarked names appear throughout this book. Rather than list the names and entities that own the
trademarks or insert a trademark symbol with each mention of the trademarked name, the publisher
states that it is using the names for editorial purposes only and to the benefit of the trademark owner,
with no intention of infringing upon that trademark.
The Corio)i s Group, Inc.
An International Thomson Publishing Company
14455 N. Hayden Road, Suite 220
Scottsdale, Arizona 85260
602/483-0 192
FAX [phone]
http://www.coriol is.com
Printed in the United States of America
1098765432 1
Preface This is an exciting time for digital artists. Many new
tools are available for creating digital artwork, and
several are related to creating Web pages: HTML style
sheets that make text formatting easier; NetObjects Fusion,
a hot new Web page layout tool for artists who don't like
HTML tags; client-side image maps, a superior way to cre
ate image maps that frees you from image map scripts on
the server; frames; forms; VRML, the language that
describes 3D space on the Web; shortcuts for creating art
with Fractal Design Painter; GIF animation; background
sound for Web pages; and streaming video. Even as this
second edition of Web Publisher's Design Guide For
Author: Macintosh goes to press, numerous new trends and devel
Mary Jo Fahey opments are cominuing to emerge. Because the new trends
are so numerous, Chapter l is now called Web Watching
And Planning. Included in that chapter is information
about resources that enable digital artists to follow these
changes as they occur.
Thjs second edition is more interactive than the first. Many
of the artists who have contributed samples have also gener
ously provided art files, which can be found on the compan
ion CD-ROM.
l hope you like the second edition of Web Publisher's
Design Guide. Send me an email message and let me know
how you like the book!
Mary Jo Fahey
mj fahey@ i nterport. net
http://www.echonyc.com/-rut
Preface ) v.
Contents Chapter 1
Web Watching And Planning 1
Web watching: Internet magazines (online and print) and
user group SIGs 3
Web watching: Windows 95 and Webtv 4
Options for running Windows 95 software on your
Macintosh 5
New trend to watch: CO-ROMs that augment a print publi
cation or a Web site 7
The Net magazine's director of CD-ROM development,
Tom Hale, shares tips on creating a hybrid CD-ROM 8
New trend to watch: offline browser software that auto-
matically downloads Web content 9
New trend to watch: Web site analysis software I 0
The Reuters Web sites 1 I
David Reinfurt's tips on planning a Web site 16
Wayfinding principles in Web site design 22
Chapter 2
Navigation 27
The Mobius Gallery 29
Principles of Web site navigation 33
Information design and Web site "map making" 41
Create a table with HTML to hold navigation buttons and
text links 42
Internet cafe owner John Scott shares tips on creating
frames 54
Chapter 3
NetObjects Fusion 69
A new Web page layout tool for designers 71
I
Contents vii.
Chapter4
Style Sheets And New HTML
TextTags 95
Microsoft style sheets offer formatting features such as point
size, page margins, and leading 97
Formatting text in columns with Netscape's new
<MULTI COL> tag I 19
Controlling font color and family with the <FONT> tag
(Netscape Navigator or Internet Explorer) 122
Microsoft's plan to add fonts to the Web: Free TrueT ype now
and Web page font embedding in the future 124
ChapterS
Online Tools 127
Convert a Pan tone ROB value to a Web page color code with
the B BS Color Editor 129
Searching the Web on Yahoo! search 137
Extending your Yahoo! search to other search engines 139
NctSitc assistance from Netscape 140
Add information about your site to Yahoo! and other search
engines 142
Locating, downloading, and decompressing shareware from
the Web 144
Chapter&
Photography 147
Mark Elbert's notes on Web graphics 149
Pixel depth 155
Saving your image: OfF or JPEO? 158
OIF and the LZW compression patent 161
HTML rags and page markup 162
The moveable grid for pictures and text 165
Using HTML to move page elements horizontally 166
Using HTML to move page elements vertically 173
Creating a banner graphic or splash screen 178
Linking a thumbnail OlF to an external JPEO 188
Wrapping text around a photo 192
viii. , Contents
Controlling text wrap with HTML 198
Fading an image into the browser background 202
Create a tiled background 204
Create a full-bleed photo background with larger tiles 206
Creating a silhouette on an image background 207
Creating a drop shadow in Photoshop 213
Jane Greenbaum's tips on creating a drop shadow in
Painter4.0 221
Creating a blue duotone with Photoshop 232
Creating a Super Palette with DeBabelizer 236
Chapter 7
Client.Side Image Maps 239
A virtual walking tour ofNY's World Financial
Center 241
Finding coordinates for clickable regions with
Photoshop 244
Creating a client-side image map HTML file 248
Use PhotoGlF with Photoshop to create a transparent
GIF 258
Use Fetch to upload tiles to a provider's server 262
ChapterS
Video 265
Marc Thorner's tips on using VivoActive Producer to cre
ate streaming video 267
Experiment with Apple's QuickTime Plug-in, and embed a
QT movie on a Web page 269
Use Premiere's Movie Analysis Tool to learn about data
rate and compression settings 273
Steven McGrew's tips on caplllring and compressing 276
Creating a link to a movie on your Web page 278
Pick the best palette for an 8-bit color QuickTime movie
using DeBabelizer's Super Palette, and create a script to
remap your movie 284
File conversion: Converting QuickTime Iiles to AVI 294
I
Contents ix.
File conversion: Converting AVl movies to QuickTime
movies 297
File conversion: Preparing QuickTime Iiles for
Windows 293
Chapter9
Sound 299
Web sites with sound 30 I
The compact MIDI file format 310
Set Netscape's Preferences to download music files 311
Greg Hess' tips on adding a background sound to a Web
page 313
Creating a link to sound files on your Web page 318
Creating sound effects with clip media 324
File conversion: AU to AIFF or WAV to AIFF 326
Mixing clip music with sound effects in Sound Effects 327
Recording and mixing sound in SoundEffects 330
File optimization: Resample and downsample sound files for
playback on the Web 333
File conversion: Preparing sound Iiles for other
platforms 336
Chapter 10
GIF Animation And Shockwave 337
Curtis Eberhardt's G IF animation 339
Animation and interactive Web games that use Shockwave,
Java. live video, and QTVR 341
Curtis Eberhardt's Lips on creating GIF animation frames in
Photoshop 349
Curtis Eberhardt's tips on assembling a G IF animation in
GIFBuilcler 355
Curtis Eberhardt's tips on creating an HTML file to test your
GrF animation 358
GlF Wizard at Raspberry Hill 360
Create an interactive animation with Macromedia
Director 364
Creating a Director movie for use with the Shockwave
Director Internet Player 381
Compressing a Director movie with Afterburner 390
x. Comems
J