631795
62
Verklein
Vergroot
Pagina terug
1/64
Pagina verder
Serif WebPlus 6.0
Companion
For Windows
©1999 Serif, Inc. All rights reserved. No part of this publication may be reproduced in any form
without the express written permission of Serif, Inc.
All Serif product names are trademarks of Serif, Inc. Microsoft, Windows and the Windows logo are
registered trademarks of Microsoft Corporation. All other trademarks acknowledged.
Serif WebPlus 6.0 © 1999 Serif, Inc.
Companies and names used in samples are fictitious.
Clipart samples from Serif ArtPacks © Serif, Inc. & Paul Harris
Portions clipart and graphic content ©1999 Nova Development Corporation and its licensors. All
rights reserved.
TrueType font samples from Serif FontPacks © Serif, Inc.
Portions graphics import/export technology © AccuSoft Corp. & Eastman Kodak Company &
INSO Corporation & LEAD Technologies, Inc.
ImageStream® Graphics and Presentation Filters, Copyright © 1991-1999 INSO Corporation. All
Rights Reserved.
International ProofReader™ English text proofing system © 1994 by INSO Corporation. All rights
reserved. Reproduction or disassembly of embodied computer programs or algorithms prohibited.
Enhanced Roget’s US and UK Electronic Thesaurus © 1994 by INSO Corporation. Adapted from
the Oxford Thesaurus © 1991 by Oxford University Press and from Roget’s II: The New Thesaurus
© 1980 by Houghton Mifflin Company. All rights reserved. Reproduction or disassembly of
embodied computer programs or algorithms prohibited.
International Hyphenator © 1994 by INSO Corporation. All rights reserved. Reproduction or
disassembly of embodied computer programs or algorithms prohibited.
Software License Agreement
This Software License Agreement (License Agreement) is a legal agreement between you (either
an individual or a single entity) and Serif, Inc. (Serif) for the accompanying software product,
which includes computer software and may include associated media, printed materials, and online
or electronic documentation (the Software Product). By installing, copying, or otherwise using the
Software Product, you agree to be bound by the terms of this License Agreement. If you do not agree
to the terms and conditions of this License Agreement, do not install or use the Software Product;
you may, however, return it to your place of purchase for a full refund.
THANK YOU FOR LICENSING THE USE OF THE SOFTWARE PRODUCT. IT IS
IMPORTANT THAT YOU (THE "LICENSEE") READ THIS NOTICE CAREFULLY. THESE
ARE THE ONLY TERMS AND CONDITIONS APPLICABLE TO YOUR RIGHTS WITH
RESPECT TO THE SOFTWARE PRODUCT. THE SOFTWARE PRODUCT IS PROTECTED BY
COPYRIGHT LAWS AND INTERNATIONAL COPYRIGHT TREATIES, AS WELL AS OTHER
INTELLECTUAL PROPERTY LAWS AND TREATIES. THE SOFTWARE PRODUCT IS
LICENSED, NOT SOLD.
1. GRANT OF LICENSE
Serif hereby grants to Licensee a personal, non-exclusive, non-
transferable license (a "License") to use one (1) copy of the
Software Product, including any updates thereto, and
accompanying documentation, if any, provided by Serif,
according to the terms set forth below. If the Software Product
is being provided to Licensee as an update or upgrade to
software which Licensee has previously licensed (such software
referred to as the "Prior Software"), then Licensee agrees to
destroy all copies of the Prior Software within thirty (30) days
after opening this package except for one backup copy of the
Prior Software.
2. SCOPE OF USE
You may install and use one copy of the Software Product, on a
single computer. The primary user of the computer on which the
Software Product is installed may make a second copy for his or
her exclusive use on a portable computer. Licensee may also
store or install a copy of the Software Product on a storage
device, such as a network server, used only to install or run the
Software Product on other computers over an internal network;
however, you must acquire and dedicate a license for each
separate computer on which the Software Product is installed or
run from the storage device. A license for the Software Product
may not be shared or used concurrently on different computers.
3. LICENSE PAK
If you have acquired this LICENSE AGREEMENT in a Serif
License Pak, you may make the number of additional copies of
the computer software portion of the Software Product as
authorized in the Serif License Pak, and you may use each copy
in the manner specified above. You are also entitled to make a
corresponding number of secondary copies for portable
computer use as specified above.
4. PROHIBITIONS
You may not: modify, prepare derivative works from, translate,
reverse engineer, decompile, disassemble or otherwise derive
source code from the Software Product (except to the extent that
such acts are expressly permitted by applicable law
notwithstanding this limitation); copy the Software Product
(except as provided above) or the accompanying
documentation; rent, transfer, disclose, make available or grant
any rights in the Software Product (including any
accompanying documentation) in any form to any person
without the prior written consent of Serif; remove any
proprietary notices, labels, or marks on the Software Product
(including any accompanying documentation); use the Software
Product in any manner that infringes the intellectual property or
other rights of another party; or use the Software Product to
provide on-line or other database services to any other person.
5. RETENTION OF RIGHTS; TERMINATION
This License Agreement does not constitute a sale. All title,
trade secrets, copyrights, patents and other intellectual rights to
the Software Product, its accompanying documentation and any
copy made by Licensee remain with Serif, and Licensee hereby
agrees to preserve and acknowledges the foregoing. Licensee
further agrees and acknowledges that the Software Product and
all copies thereof are Serif's exclusive property and constitute a
valuable trade secret of Serif. Licensee further agrees and
acknowledges that unauthorized copying of the Software
Product or the accompanying documentation, or failure to
comply with any of the provisions hereof (each, a "Terminable
Event"), will result in automatic termination of this License. In
the event of a violation of this License by Licensee, Serif
reserves and shall have available all legal remedies.
6. TERM OF LICENSE FOR TRIAL VERSION
SOFTWARE
The License pertaining to a trial version of the Software Product
(a "Trial Version") shall expire in accordance with the terms as
set forth in the installation process for the Trial Version along
with the designated trial period as set forth in the trial program.
7. LIMITED WARRANTY AND DISCLAIMER
Serif warrants that, for a period of ninety (90) days after
delivery, the diskettes or CD-ROMs on which the software
included in the Software Product is furnished will, under normal
use, be free from defects that prevent Licensee from loading the
Software Product on a computer. Serif's entire liability and
Licensee's exclusive remedy under this warranty will be, at
Serif's option, to (a) use reasonable commercial efforts to
attempt to correct or work around errors, or (b) to replace the
Software Product with functionally equivalent Software
Product, on diskettes or CD-ROM, as applicable or (c) return
the price paid for the Software Product, in each case upon return
of the Software Product to Serif together with a copy of your
receipt for the purchase thereof. This Limited Warranty is void
if failure of the Software Product or hardware has resulted from
accident, abuse, or misapplication. Any replacement Software
Product will be warranted for the remainder of the original
warranty period or thirty (30) days, whichever is longer.
Outside the United States, neither these remedies nor any
product support services offered by Serif are available without
proof of purchase from an authorized non-U.S. source. The
Software Product is licensed to you on an "as is" basis without
any warranty of any nature.
8. NO OTHER WARRANTIES
EXCEPT FOR THE ABOVE EXPRESS LIMITED
WARRANTIES, SERIF AND ITS SUPPLIERS MAKE AND
LICENSEE RECEIVES NO WARRANTIES OR
CONDITIONS, OR TERMS, EXPRESS, IMPLIED,
STATUTORY, OR IN ANY COMMUNICATION WITH
LICENSEE. TO THE MAXIMUM EXTENT PERMITTED
BY APPLICABLE LAW, SERIF AND ITS SUPPLIERS
DISCLAIM ALL OTHER WARRANTIES AND
CONDITIONS, EITHER EXPRESS OR IMPLIED,
INCLUDING, BUT NOT LIMITED TO, IMPLIED
WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
PARTICULAR PURPOSE, TITLE AND NON-
INFRINGEMENT, WITH REGARD TO THE SOFTWARE
PRODUCT AND THE PROVISION OF OR FAILURE TO
PROVIDE SUPPORT SERVICES. LICENSEE SHALL BE
SOLELY RESPONSIBLE FOR THE SELECTION, USE,
EFFICIENCY AND SUITABILITY OF THE SOFTWARE
PRODUCT AND SERIF SHALL HAVE NO LIABILITY
THEREFOR. SERIF SHALL HAVE NO LIABILITY FOR,
NOR OBLIGATION TO INDEMNIFY LICENSEE
REGARDING ACTIONS ALLEGING THE INFRINGEMENT
OF PROPRIETARY RIGHTS BY THE SOFTWARE
PRODUCT. SERIF DOES NOT WARRANT THAT THE
OPERATION OF THE SOFTWARE PRODUCT WILL BE
UNINTERRUPTED OR ERROR FREE OR THAT THE
SOFTWARE PRODUCT WILL MEET LICENSEE'S
SPECIFIC REQUIREMENTS. The Limited Warranty gives
you specific legal rights. You may have others, which vary from
state/jurisdiction to state/jurisdiction.
9. LIMITATION OF LIABILITY
IN NO EVENT WILL SERIF OR ITS SUPPLIERS BE
LIABLE FOR LOSS OF DATA, CORRUPTION, LOST
PROFITS, COST OF COVER, OR OTHER SPECIAL,
INCIDENTAL, PUNITIVE, CONSEQUENTIAL, OR
INDIRECT DAMAGES ARISING FROM THE USE OF THE
SOFTWARE PRODUCT (INCLUDING ANY
ACCOMPANYING DOCUMENTATION), HOWEVER
CAUSED AND ON ANY THEORY OF LIABILITY. THIS
LIMITATION WILL APPLY EVEN IF SERIF OR AN
AUTHORIZED DISTRIBUTOR HAS BEEN ADVISED OF
THE POSSIBILITY OF SUCH DAMAGE. IN NO EVENT
WILL SERIF'S LIABILITY EXCEED THE AMOUNT PAID
FOR THE SOFTWARE PRODUCT. LICENSEE
ACKNOWLEDGES THAT THE AMOUNTS PAID BY
LICENSEE FOR THE SOFTWARE PRODUCT REFLECT
THIS ALLOCATION OF RISK. Some states or other
jurisdictions do not allow the exclusion or limitation of liability
for incidental or consequential damages, so the above
limitations and exclusions may not be applicable in certain
instances. None of the above affects the statutory rights of
licensees residing in the United Kingdom.
10. NOT FOR RESALE SOFTWARE
If the Software Product is labeled Not for Resale or NFR,
then, notwithstanding section 1 of this License, your use of the
Software Product is limited to use for demonstration, test, or
evaluation purposes.
11. NO RENTAL; OTHER TRANSFERS
You may transfer this License to another computer or
workstation only on a permanent basis (that is, with no intent to
transfer again) provided the computer, workstation, or other
digital electronic device from which you have transferred this
License no longer accesses or otherwise utilizes the Software
Product, and the Software Product is used in accordance with
the terms of this License Agreement.
12. TERMINATION
You may terminate this License Agreement at any time. Serif
may terminate this License Agreement if you fail to comply
with the terms and conditions of this License Agreement. In
either event, you must destroy all copies of the Software
Product.
13. UPGRADE
If this License is an Upgrade, you must have a valid license
for the Prior Software for this License Agreement to be valid,
and this License Agreement must be used to replace such
license for the Prior Software. The total number of license
Upgrades you may acquire may not exceed the total number
of computers, workstations, or other digital electronic devices
that were licensed to access or otherwise utilize the Software
Product at the time you upgraded the Software Product.
14. MISCELLANEOUS
This Agreement shall not be governed by the 1980 U. N.
Convention on Contracts for the International Sale of Goods;
rather, this Agreement shall be governed by the laws of the
State of New Jersey, of the United States of America, including
the Uniform Commercial Code of the State of New Jersey,
without reference to conflicts of law principles. This Agreement
is the entire Agreement between Serif and Licensee and
supersedes any other communications or advertising with
respect to the Software Product. If any provision of this
Agreement is held invalid or unenforceable, such provision
shall be revised to the extent necessary to cure the invalidity or
non-enforceability, and the remainder of this Agreement shall
continue in full force and effect. If the Software Product is
acquired by the United States Government or on its behalf, the
Software is furnished with restricted rights. The use,
duplication, or disclosure by the United States Government and
parties acting on its behalf is governed by, and subject to
restrictions as set forth in subdivision (c) (1) (ii) of the Rights in
Technical Data and Computer Software clause at DFARS
252.227-7013, the subparagraphs (c)(1) and (2) of the
Commercial Computer Software - Restricted Rights at 48 CFR
52.227-19, or other comparable regulations of other government
agencies, as applicable. Licensee agrees not to allow the
Software Product to be sent to or used in any other country
except in compliance with applicable United States laws and
regulations. This Agreement shall constitute the entire
agreement between Serif and Licensee and supersedes all prior
agreements, understandings, communications, proposals or
representations, oral or written, by either party. This Agreement
shall be amended only by an executed writing by authorized
representatives of both parties.
.
How to contact us
Free Web space on VisualCities™
As a Serif WebPlus user, youre entitled to free Web space on the
VisualCities Web host. Choose )UHH:HE6SDFH from the WebPlus
Help menu. To access the VisualCities home page, choose 9LVLW
9LVXDO&LWLHV from the Help menu.
Our main office (USA, Canada):
Software Publishing Corporation
PO Box 803, Nashua NH 03061 USA
Main (603) 889-8650
Registration (800) 794-6876
Sales (800) 55-SERIF or 557-3743
Technical Support (603) 886-6642
E-mail support@serif.com
Customer Service (800) 489-6720
General Fax (603) 889-1127
European office (UK, Europe):
The Software Centre
PO Box 2000, Nottingham, NG11 7GW, UK
Main (0115) 914 2000
Registration (0500) 454 645
Sales (0800) 376 7070
Technical Support (0115) 914 9090
E-mail support@serif.co.uk
Customer Service (0115) 914 9090
General Fax (0115) 914 2020
Online
Web site http://www.serif.com
International
Please contact your local distributor/dealer. For further details please
contact us at one of our phone numbers above.
Contents
1
Welcome
About the Companion...............................................................................3
Linking to additional help..........................................................................3
What's new in Serif WebPlus 6.0... ..........................................................4
...and a legacy of powerful features: ........................................................5
Registration and support ..........................................................................6
System requirements ...............................................................................6
Installing WebPlus 6.0..............................................................................6
2 Overview
What is a Web site? ...............................................................................11
How does WebPlus work? .....................................................................11
How do I publish my Web site?..............................................................12
How should I get started?.......................................................................13
3 Getting Started
WebPlus Startup Wizard ........................................................................17
Using a Page Wizard…..........................................................................18
Take a look around.................................................................................20
Customizing Wizard elements................................................................23
For more help on the basics...................................................................24
4 Working with Text
Two kinds of text ....................................................................................29
Objects on the master page ...................................................................30
Working with text objects........................................................................31
Creating text objects...............................................................................31
Editing text..............................................................................................33
Changing the ‘Web colors’ .....................................................................34
Importing text..........................................................................................35
For more help on working with text... .....................................................36
5 Working with Graphics and Animation
Graphics in WebPlus..............................................................................41
Importing a picture or animation............................................................. 42
Drawing basic lines and shapes............................................................. 43
Other tools and techniques ....................................................................44
Adding animations..................................................................................45
For more help on working with graphics and animation........................46
6 Working with Hyperlinks and Interactivity
Hyperlinking text..................................................................................... 51
Hyperlinking graphics.............................................................................52
Using hotspots .......................................................................................52
About HTML and Java ...........................................................................53
For more help on hyperlinks and interactivity.........................................54
7 Previewing and Publishing
Optimizing the publication......................................................................57
Previewing the site.................................................................................57
Publishing to a local folder .....................................................................58
Publishing to the World Wide Web......................................................... 59
For more help on previewing and publishing.......................................... 60
8 Starting from Scratch
Step 1: Design........................................................................................ 65
Step 2: Content ......................................................................................66
Step 3: Finishing touches.......................................................................67
HTML 3.2 and 4.0 ..................................................................................67
Design tips and rules of thumb............................................................... 68
Where should I go from here?................................................................ 70
Welcome
1
Welcome 3
About the Companion
The WebPlus 6.0 Companion provides everything you need to get up to
speed, from the basics to tips and tricks for advanced users. Heres a
brief chapter summary:
1 Welcome. Reviews the programs main features, requirements,
and installation sequence.
2 Overview. Offers a simple introduction to Web sitesand how
WebPlus helps you create and publish your own.
3 Getting Started. Introduces Page Wizardsour built-in design
assistantsand the WebPlus environment.
4 Working with Text. Describes how to edit the Page Wizards
placeholder text, customize the text layout, and import text.
5 Working with Graphics and Animation. Examines how to
insert or create your own pictures and animations.
6 Working with Hyperlinks and Interactivity. Shows you how
to link text or graphics to Web pages, e-mail, or files, and
enhance pages with Java or HTML effects.
7 Previewing and Publishing. Covers finishing touches and
the simple steps that will get your publication onto the Web.
8 Starting from Scratch. Provides detailed, step-by-step
suggestions on designing, adding content, and proofingplus a
special section with proven tips to improve your site.
Linking to additional help
Throughout the Companion, use these symbols as your key to further
information thats available in WebPlus:
QuickTours. Illustrated overviews of basic principles, tools, and
features. Choose 9LHZD4XLFN7RXU from the Help menu.
Online Help. A complete Visual Reference to the WebPlus
interface, plus a comprehensive How To section covering goals
and procedures. Choose &RQWHQWV or ,QGH[ from the Help menu.
?
47
4
Welcome
What's new in Serif WebPlus 6.0...
Welcome to Serif WebPlus 6.0the easiest way ever to get your
business, organization, or household on the World Wide Web!
Among new WebPlus 6.0 features, youll find...
Integrated Wizard Technology for “Smart Documents”
Easier, more powerful publication startup interface! Preview
multiple Page Wizard categories and document choicesrevisit
your color scheme and text selections at any time as you continue
to work with a publication.
Multiple Document Interface
You asked for it... Now you can open more than one publication at
a timeeven tile your publications and drag-and-drop objects
between them.
Improved HTML Support
WebPlus now supports HTML 4.0 for better WYSIWYG Web
page design. More efficient HTML output eliminates duplicated
graphicsand you can use WebPlus to add sound and video, as
well as Java and HTML code, to your Web pages. As a bonus, you
get hundreds of new GIF animations!
Intelligent Color Schemes
Choose from dozens of preset color schemes to change the overall
appearance of your Page Wizard publications with a single click.
You can customize the scheme colors, create brand new schemes,
and apply any scheme to a from-scratch publication.
Drag-and-Drop Gallery Objects
Now WebPlus comes with built-in logos, flashes, text effects, and
other page elements that you can simply drag onto your page, then
customize to suit your needs!
On-screen Studio Combining Convenience with Functionality
The Studios panels provide rapid visual access to commonly used
controls such as fonts, line settings, and the color table...plus the
Portfolio, Color Schemes, and Gallery... all on one compact
toolbar.
New Graphic Shapes
Break out of the boring box! Weve added 27 new graphic shape
toolsincluding stars, triangles, arrows, polygons, and callouts
to add new fun and meaning to your pages.
Welcome 5
Table Editor and Calendar Wizard
Use TablePlus to create colorful, sophisticated cell-based
publication elements. Include formatted text and spreadsheet
formulas; vary color and table style with a few mouse clicks! To
create a calendar, choose from a wide variety of sizes and design
options, then just click and drag to fit your calendar to a column or
a whole page.
20,000 WebArt Collection
Browse a bonus assortment of Web-ready graphics, including
animations, pictures, and page elements!
...and a legacy of powerful features:
Page Wizards for Instant Web Sites
Choose from professionally designed site schemes, provide some
basic information, then customize to suit your needs. The Layout
Checker helps you fine-tune your design for most efficient Web
use. Then preview your site in your own Web browser and publish
it to the Web.
Easy Editing and Special Effects
With WebPlus 6.0, its a snap to import your own text and graphics
to replace the Wizard samples. Youll find built-in modules like
WritePlus, for integrated word processing, plus tools for creating
text hyperlinks and hotspot graphics. Choose the color scheme that
looks best... The Snapping feature and Dot Grid help you achieve a
crisp layout. Everythings wrapped into a friendly DTP
environment with onscreen tooltips, HintLine, and context-
sensitive help!
Free Web Space on VisualCities
VisualCities is your one-stop Web source for clipart, photos,
community chat, FREE Web space, FREE E-mail accounts, and
tips on using visual communications products. With the click of a
button, you can publish your site to the VisualCities Web host
for free! Simply choose )UHH:HE6SDFH from the Help menu to
set up your VisualCities account. That way youll have your user
name and password available when youre ready to publish your
Web site.
Amazing Logo/Graphic Module
Produce attention-grabbing headlines, unique text effects, and
powerful logos instantly using our exclusive LogoPlus creation
tool...
6
Welcome
Animated GIF Wizard and Animation Library
Add life to your Web pages! Choose from over 600 animated
Animals, Cartoons, Dingbats, Logos, Objects, and more...
Animated Marquee Wizard
Custom-design your own varied and colorful multi-line text
messages that scroll across the screen...
Spell-Checking and Thesaurus
Enhance your proofreading potential and ensure your sites
readability with these built-in support tools...
Registration and support
If you see the Registration Wizard when you launch WebPlus, please
take a moment to complete the registration process. Just call Serif toll-
free and provide the installation number and code shown. Well give
you a personalized registration number in return. Remember, if you
need technical support please contact us. We aim to provide fast,
friendly service and knowledgeable help.
System requirements
To run WebPlus 6.0, youll need a system including:
486 IBM-compatible PC (Pentium recommended) with CD-ROM
drive and mouse (or other Microsoft-compatible pointing device)
Microsoft Windows® 95, 98, 2000 or Windows NT® operating
system
16MB (Windows 95, 98) or 32MB (Windows NT) RAM
30MB (minimum install) free hard disk space
SVGA (256-color display, 800x600 resolution) monitor; High
Color (16-bit) or True Color (24-bit) display recommended
Internet account and connection required for use with Web
Publishing features and Online Resources
If you need help installing Windows or setting up your printer, refer to
Windows documentation and help.
Installing WebPlus 6.0
To install the program, simply insert the WebPlus 6.0 CD-ROM into
your CD-ROM drive. The AutoRun feature automatically starts the
Setup process. (If AutoRun does not start the install, use the Control
Panel method as described for reinstallation below.)
Welcome 7
Answer the on-screen questions to install the program. Youll have the
option of choosing a Recommended install (which optimizes
performance by loading speed-critical files to your hard drive for best
performance) or a Custom install (which lets you specify which
components to copy to your hard drive).
To reinstall the software or change the installation at a later date, select
6HWWLQJV&RQWURO3DQHO from the Windows Start menu and then
double-click the $GG5HPRYH3URJUDPV icon.
To install, make sure the WebPlus 6.0 CD-ROM is inserted into
your CD-ROM drive, then click the ,QVWDOOe button and follow the
on-screen instructions. To install just one component, choose the
Custom option and check only that component.
To uninstall, select :HE3OXV in the scrolling list, then click
the $GG5HPRYH button.
Overview
2
Overview 11
What is a Web site?
A Web site is a collection of files stored on a computer where users
with special programs called Web browsers can view the files as
pages. Browsers can read the common file format known as HTML
that describes how the various elements of text, pictures, hyperlinks,
and other elements are arranged on each Web page. Each Web site has
a single Home Pagethe first page a visitor seesusually containing
hyperlinks to other pages on the site, which in turn have links to others.
To the person using a browser to access the Web site, the content
appears seamlessly linked. You just click on a link to display related
information.
The World Wide Web was conceived as a way of using the Internet
the global network that interconnects computers around the worldto
share information stored as Web pages. But Web sites dont depend on
the Internetthey can be (and often are) accessed just as well over a
local area network or private intranet. Remember, a Web site is just a
collection of files.
How does WebPlus work?
Youll first compose your pages as a publication in WebPlus, then
publish the pages as a Web site.
Whether youre looking for a business, organization, or personal Web
site, youll probably want to begin by exploring the Web Page
Wizards that come with WebPlus. Click through the Wizard screens,
make a few selections, and enter some basic informationand the
Wizard gets you started with a set of ready-to-publish Web pages. If
you prefer, you can start a new publication from scratch. Either way,
the next step is to spend some time customizing the pages with your
own text, graphics, and other content. The Companion will cover what
you need to know.
For editing your publication, WebPlus offers a set of intuitive tools and
a straightforward workspace that resembles a desktop publishing (DTP)
environment. You can easily import text or pictures, use the built-in
word processor, create colorful graphic shapes, and add hyperlinks and
hotspots that users can click to access other Web pages or send e-mail.
Once your content is in place, you can use a variety of proofing tools
and the Layout Checker Wizard to optimize the site before publishing
it.
12
Overview
WebPlus gives you the option of previewing the site in your own Web
browser before publishing it to the Web.
When youre ready to publish, WebPlus takes the publications pages
and converts them to HTML and graphics (pictures). You never have to
worry about the HTML code itself.
How do I publish my Web site?
Publishing a site using WebPlus is a one-step operation that:
(1) converts your publication to files for the Web, and
(2) copies the Web files to a location you specifyeither a local hard
disk or a Web host, such as VisualCities.
To publish to a local disk, you dont even need a connection to the
Internet. Of course, youll need a Web browser to view your site.
To publish your site on VisualCities, you first need to register for your
free Web space so it will be available when youre ready to publish.
Simply choose )UHH:HE6SDFH from the WebPlus Help menu and
your Web browser will take you to an introductory page. (To view the
VisualCities home page, choose 9LVLW9LVXDO&LWLHV from the Help
menu.)
You can also publish to an existing account elsewhere on the World
Wide Web, using WebPlus or a separate FTP utility. For details,
consult the online help topic, Publishing to the World Wide Web.
Overview 13
How should I get started?
Youve already begun! Now, step through the chapters to learn how to
create and then customize a basic Web site. Be sure to follow the
instructions carefully. For support as you work, choose +HOS&RQWHQWV
from the Help menu, then click +HOSRQ+HOS. There, youll learn
about the HintLine, the Visual Reference, and other built-in learning
aids.
Getting Started
3
Getting Started 17
Once WebPlus has been installed, youll be ready to start. Setup adds a
6HULI:HE3OXV item to the 3URJUDPV submenu of the Windows
6WDUW menu.
Y Use the Windows 6WDUW button to start WebPlus (or if WebPlus is
already running, choose 1HZfrom the )LOH menu) to display the
Startup Wizard (menu screen).
WebPlus launches, and youll see the Startup Wizard.
WebPlus Startup Wizard
Now you can see the normal starting screen. The Startup Wizard
presents five choices:
8VHD3DJH:L]DUG, to create an instant publication
6WDUWIURP6FUDWFK, to get a blank page to work on
2SHQD3XEOLFDWLRQ, to edit your own WebPlus files
9LHZD4XLFN7RXU, to see the menu of introductory tutorials
2QOLQH5HVRXUFHV, to access the Serif and VisualCities Web sites
Whether youre an old hand, or just getting started with WebPlus 6.0,
heres a recommended sequence:
Y From the Startup Wizard, choose 9LHZD4XLFN7RXU. Youll see
the menu of QuickTours (a screen from the online help system).
The list also includes links from each QuickTour to closely related
help topics.
18
Getting Started
Y Before proceeding with a QuickTour, take a moment to see what
else is available in online help. Click the &RQWHQWV button at the
upper left. The menu points you to the extensive Visual Reference
and How To sections, as well as to other more specialized pages.
Y Click +HOSRQ+HOS for some tips on how to proceed, tailored to
individual levels of expertise and experience. When youre done,
you may want to branch out on your ownor you can tag along as
the rest of us continue this tour...
Y Click the %DFN button to retrace your steps to the QuickTours
menu.
Y Now click the link for QuickTour 1, ,QWURGXFLQJ:HE3OXV.
From the first screen, click the 1H[W button to step forward. Use
the 3UHYLRXV button to step back or the %HJLQ button to return to
the first screen. Click &DQFHO to close a QuickTour.
The QuickTours follow a suggested sequence, as shown on the
menu screen. You can follow the sequence, branch to suggested
help topics to learn more, or sample the information in any order
you choose.
At this stage wed recommend that you continue through
QuickTour 2, 3UHSDULQJ<RXU3XEOLFDWLRQ which (together with
QuickTour 1) will provide you with a basic overview of WebPlus
procedures.
Y When youre done viewing QuickTours, and wish to continue with
learning to use a Page Wizard, press (VF or click the &ORVH (X)
button to dismiss the online help window, and return to the Startup
Wizard. (Depending how far youve navigated, you may need to
choose )LOH1HZ to return to the Startup Wizard.)
Using a Page Wizard…
Page Wizards are built-in design assistants that speed you through the
process of creating professional Web sites. In this chapter, youll use a
Page Wizard and take a brief tour of the WebPlus environment. Then in
the following chapters, well explain how to customize the various
elements of a Web site. The final chapter covers points youll need to
know if you literally start from scratch, with a clean slate. (Even if
thats your preference, you should work through the Wizard-based
examples to get up to speed.)
47
47
Getting Started 19
For demonstration purposes, we will be working with the Formal
Business Site Wizard. So at least for now, pretend youre the
Webmaster for a small businessits OK to use your imagination!
Y Launch WebPlus or choose 1HZ from the File menu.
Y You'll see the Startup Wizard. Select 8VHD3DJH:L]DUG.
Y Click on %XVLQHVV in the list of Page Wizard categories on the left
hand side Page and then click on )RUPDOin the list of designs
shown on the right hand side. Then click )LQLVK.
WebPlus retrieves the Wizard and displays it in Wizard Preview mode.
Heres where you can initially add your own information to the design.
Y Following the prompt at the upper right (Type your company
details), type into the three fields to replace the sample text with
your own. When youre done, click the 1H[W! button at the lower
right. To review a prior selection, click the %DFN button.
As you step through the selection screens, youll see the publication
preview update to reflect your choices. You can change as much or as
little as you like at this pointits always possible to revisit the choices
later!
Y At the last Wizard step, you can click various thumbnails to sample
different color schemes for the site. Pick the one you prefer; well
come back to color schemes later in the chapter.
Y Click )LQLVK when youre done, and the publication appears in the
WebPlus edit window.
20
Getting Started
Y Choose 6DYH from the File menu and save the untitled
publication, using the folder and file name of your choice.
Take a look around
Lets take a few moments to examine the publication that the Wizard
has created. In the process, youll become familiar with some of the
basic features of the WebPlus environment.
Y Move the mouse pointer around the screen and youll see popup
tooltips that identify many items. Watch the HintLine window at
the lower right for capsule descriptions of each feature.
To access online help and resources, including QuickTours, use the
Help menu. &RQWHQWV takes you to the main help menu screen, and
,QGH[ pops up the alphabetical list of help topics.
Right-clicking any toolbar, object, or page region brings up a context
menu of functions, and you can right-click just about any item in a
dialog box for a popup explanation.
The controls to the left of the HintLine let you set the page view and
other display options, and navigate through the publication.
Y Move the mouse pointer over the buttons on the HintLine toolbar,
noting the various controls for zooming, panning, and display.
Y Use these buttons to adjust the display until you can read the page
text. The workspace will appear approximately as shown above.
)UDPH7H[W
+HDGLQ
J
)UHH7H[W
6WXGLR
&RORUVSDQHO
3DJH$UHD
3DVWHERDUG
$UHD
,PSRUWHG
3LFWXUH
ZLWK+\SHUOLQNV
Getting Started 21
Note that WebPlus displays one page of the six-page publication at a
time.
On the right side of the WebPlus window, youll see the new Studio
actually a cluster of seven special-purpose panels. Lets preview them
in sequence. Click each panel’s name to display it...
Y The &RORUV panel (see below) lets you apply color and/or
shading to an object.
Y The &RORU6FKHPHV panel displays a list of available color
schemes that let you instantly revise colors in a Page Wizard
publication. You can extend a color scheme to new elements,
customize scheme colors, or create entirely new schemes!
Y The 7H[W panel (see below) provides a visual preview and lets
you change the style and font of text objects.
Y The /LQHV panel (see below) lets you set the weight and type of
lines and shapes.
Y The *DOOHU\ includes a wide variety of predesigned
elementsgraphics that you can drag and drop, then
customize or use as a starting point for your own designs.
Y The 3RUWIROLR is a container for storing design objects
(pictures, text blocks, and even unlinked text frames) you'd
like to reuse in different publications.
Y The :L]DUG panel lets you edit Gallery objects (see above) or
revisit choices you made when creating a publication using a
Page Wizard. And thats exactly what well do in a moment...
22
Getting Started
The Studios Colors, Text, and Lines panels
Y
Click the
1H[W3DJH
button several times to view the
following pages. You can use the scrollbar at the right to view
more of a page. Note that the Wizard has inserted the information
you provided, and the rest of the text serves as a placeholder,
awaiting further changes.
Y
Double-click the
&XUUHQW3DJH
box at the
lower left. Up pops the Pages dialog, with several more basic
controlsfor adding one or more blank pages, adding a copy of
the current page, deleting one or more pages, or displaying a
particular page in the publication.
Tip: You can double-click the
3UHYLRXV3DJH
button to
display your first (Home) page, or the
1H[W3DJH
button to
display the last page.
When the time comes to build your actual Web site, you can use these
controls if you want more (or fewer) pages than the Wizard provided.
For now, leave the page count at six. However, if you want to
experiment with the Pages dialogor if you accidentally make any
changes that you dont want to keephere are some emergency
options:
Y
To revert to the previously saved copy of your publication, choose
5HYHUW
from the File menu. Its a good idea to save your work
often!
Getting Started 23
Y You can also reload any saved WebPlus publication by choosing
1HZ from the File menu and selecting the 2SHQ6DYHG:RUN
option. You can work on any one publication at a time.
To undo the most recent change, press &WUO=. (But you cant undo a
page addition or deletion, so use 5HYHUW to do that.)
Customizing Wizard elements
If youre following along, youll have the Studios :L]DUG panel
displayed at this point. (Otherwise, click :L]DUG on the right.) Now
well see how easy it is to experiment with and modify a Page Wizard
publication.
The Wizard Questions group at the top of the :L]DUG panel lists the
categories of information that you can customize. Notice that each
category corresponds to one of the original Page Wizard steps. Intially,
the Company Details item is selected. Click :HE'HWDLOV.
Y The lower portion of the panel provides boxes where you can
review and/or re-enter the answer text corresponding to the
Wizard questions. Try typing Welcome for your opening page
title, then click anywhere else onscreen to update the publication.
Y Now click &RORU6FKHPH in the upper group. This presents you
with a list of named schemes (the same list youll find on the
regular &RORUV6FKHPHVpanel). Each publication has one color
scheme assigned to it.
Color schemes are great time-savers and help to ensure consistent,
coordinated results. They work like a paint-by-numbers system using
five numbers. Instead of assigning a specific color to an element, you
can mark it with a scheme color number.
24
Getting Started
Y Click the Meadow color scheme sample and notice that the
newsletters body text turns purple. Now click the Mint scheme
and the text turns black.
Y As you switch back and forth, look closely at the top portion of the
scheme samples, and youll see a group of five colors to the right
of the scheme name. Note that that in each case its the first of the
five scheme colors thats being applied to the text.
In Page Wizard publications, body text has been marked with Scheme
Color 1. That means it takes on whichever color has been defined as
Scheme Color 1 in the current scheme.
Y Keep clicking different color schemes. Which element(s) have
been marked with Scheme Color 2? Scheme Color 3? If you need a
hintlook closely at the cube patterns.
The bottom portion of each color scheme sample includes the so-called
Web colors, which well discuss in the next chapter. You can
customize any or all of the colors within a scheme using the Color
Manager. (Display the Studios &RORU6FKHPHV panel, right-click a
sample, and choose&RORU0DQDJHU.)
For more information and full-color examples, take a moment to view
QuickTour 11, &RORUVDQG&RORU6FKHPHV.
Now that youve successfully created and customized a Page Wizard
publication, youre ready to proceed to the kinds of projects you have in
mind.
For more help on the basics...
Youve seen how easy it is to create the basic structure of a Web site
using a WebPlus Wizard. And you know how to find your way around
the workspace.
When youre ready to construct your actual Web site, youll no doubt
want to learn about other options. By now you should have viewed
QuickTours 1 and 2. See online help for additional details.
For help on... Choose from the
Help menu...
Then...
Starting, saving,
closing publications
Contents / How To See topics in section Work
with WebPlus Publications
Overview of Web Index Select Web sites, getting
47
?
Getting Started 25
site concepts started
WebPlus menus and
toolbars
Contents / Visual
Reference
Click a menu or toolbar name
Setting up pages
Setting view options
Using layout tools
Contents / How To See topics in section Work
with Pages
Working with Text
4
Working with Text 29
Now that youve reviewed the pages the Page Wizard provided, and
had a chance to revise Wizard answer text using the Studio, its time
to look at how to add standard text and change the layout of text on the
page. Its really not complicated at all.
Two kinds of text
Text in WebPlus is always contained in a box called a text object, and
you can drag these boxes (and their text) around to position them
anywhere on the page. The two kinds of text object are frame text and
free text.
A free text object is always one box, standing alone. Its ideal for
captions, labels, buttons, or short paragraphs.
Frame text goes in a special box called a frame. Two or more
frames can be linked together so the enclosed text flows from the
first frame to the second, and so onlike a newspaper article with
multiple columns. Whether theres a single frame or more than
one, the enclosed frame text is called a story. As a rule, choose
frames for body text with longer paragraphs.
Lets begin by seeing how the Page Wizard has
utilized frame text.
Y Display your Home page (double-click the
3UHYLRXV3DJH
button if necessary), and adjust the screen view so you can read the
page text.
Y Click the
button at the top of the left toolbar.
Youve just selected the Pointer toolthe basic tool for selecting,
moving, and resizing objects, including the boxes that contain text.
Y Using the Pointer tool, click the block of address and contact
information at the lower right.
Y Now click the paragraph starting with Heres the place... just
below the page title.
In each case, clicking selects a text frame, displayed as a rectangle with
a blue outline and small black handles.
30
Working with Text
Notice the gray Link button on the selected frames bottom edge. The
buttons icon tells you about the frame and the story text it contains:
A square (as on the name/address frame) indicates a
frame with all its text displayedeither a standalone
frame or the last frame in a linked sequence.
A plus sign (as on the Heres the place frame) shows
theres more text in the story than the frame can display.
Extra text is stored in an invisible overflow area. You
can either make the frame larger or shorten the story.
A down arrow shows that the frames text continues into
a following linked frame.
Objects on the master page
Lets take a brief detour to review a key WebPlus concept (covered in
QuickTour 2)...
Y Click the Company Name heading at the top of the page.
Nothing happens! Why not?
Y Click (once) on the
&XUUHQW3DJH box at
the lower left. The screen display changes and the box now
indicates youre working on the master page.
You can think of the master page as a background thats shared
between all the pages of your site. When you switch to the master page,
objects on the page vanish, leaving only background objects. In this
case, that includes the heading and slogan (together in one text frame),
a graphic at the upper right, and six blocks of free text, each serving as
a hyperlink to other site pages. These are the common elements the
designer of this particular Wizard has determined should appear on
each page of the site.
Y While were on the master page, click a couple of the free text
blocks (e.g. Welcome or About Us) and note that they, like
text frames, display handles when selected. Unlike text frames, you
dont see an outline around a selected free text object.
Y Now click the &XUUHQW3DJH box again (once only) to return to the
page layer.
Working with Text 31
Working with text objects
Its easy to move or resize a text object. The appearance of the cursor
over the selected object tells you what will happen if you click and drag
at that point, and the technique is the same for either frame text or free
text.
Y Using the Pointer tool, select the Heres the place text frame.
Position the mouse pointer over the frame so the MOVE cursor is
visible. Click and drag to move the frame a short distance, then
press &WUO= to undo the move.
Y Position the pointer over the frames bottom middle handle and
youll see the SIZE cursor. Click and drag down a couple of
inches. Notice that theres more text visible in the frame, and that
the frame object itself is on a layer behind the photo object. Press
&WUO=.
For an introduction to the concept of layers in WebPlus, take a moment
to view QuickTour 7, /D\HULQJ.
Creating text objects
Next, well look at how to create free text blocks and text frames.
Y Click the
button on the left toolbar to select the Text tool,
which lets you edit text on the page or create new free text objects.
Y Scroll either left or right a few inches, so you can see the pale
yellow pasteboard region outside the page itself. Click with the
Text tool and drag out a marquee in a blank region, about half an
inch high and a couple of inches wide. Youll see a blinking
cursor. Thats how easy it is to create a free text object!
Y Without clicking again, type a few words.
Y Select the Pointer tool. The blinking cursor vanishes and you now
see the handles of the free text block, corresponding to the
marquee you dragged out.
Tip: If you simply click on the page with the Text tool (as opposed to
dragging out a marquee) youll create a free text block with a default
width.
Creating a text frame is almost as simple as creating a free text block.
47
32
Working with Text
Y Click the
button on the left toolbar to select the Frame tool.
Now locate some more empty space on the pasteboard, and click
and drag out a marquee where you want the new frame to go.
When you release the mouse button, an empty frame appears and
the Frame Wizard materializes to assist you in setting up the
frame.
Y Click the 1H[W button four times, keeping the default options for
new frames (one column, no margins, etc.).
Y When you see the Get text from what source? prompt, click the
Type directly into the frame option (well look at the other
options shortly.)
Y Click 1H[W again, then click )LQLVK. WebPlus switches to the Text
tool, with an insertion point in the frame. For now, type a few
phraseswell return to this new frame in a moment.
Y Select the Pointer tool, and youll see handles around the text
youve just entered. (Notice that the borders of the enclosing frame
are not selected.) The selected block looks a lot like a block of free
text, except that its contained in a frame. And thats an accurate
observation, as our next experiment will show...
Y Click the block of free text you created and drag it over this new
text frame. When you drag over the text block inside the frame,
youll see the block highlight and the Flow cursor appear.
Y Drop the text block and it will be inserted into the text frame below
the original block. You can drop free text into a frame, and place it
before or after an existing block. Watch the arrow on the Flow
cursor to see where the text will goeither above or below the
highlighted block. (Hold down the ) key to toggle the action.)
Text drops before block Text drops after block
Y Now hold down the &WUO key and select the block youve just
dropped into the frame. This time the COPY cursor appears, and
you can drag the block copy out onto the pasteboard, and drop it
note that it becomes free text again!
Working with Text 33
At this point, you might take some time to experiment with creating
more free and frame text objects. Dont worry if you start to clutter up
the workspace. You can delete any object simply by selecting it and
pressing 'HOHWH. Remember that to select, move, or resize a text object,
you should use the Pointer tool. The Text tool is reserved for editing
the text contained in the boxnot the box itself.
Editing text
Web Plus lets you edit text directly on the page, or with WritePlus, the
built-in text editor.
Y Click the
button to select the 7H[WWRRO.
The Text tool displays an I-beam cursor that lets you click in any free-
or frame-text paragraph for an insertion point. You can type into the
paragraph, drag to select characters, and use the formatting controls on
the top toolbar. Use the Pointer tool to select an individual paragraph
(as a separate text block) and carry out operations on the whole
paragraph.
Y Click in a sample block of free text, then try changing the font and
pointsize of its text using the controls on the top toolbar.
Y If you like, try clicking the Studios 7H[W panel and using it to alter
the font by dragging a font name onto a block of text.
Y Now double-click the Heres the place frame on the page.
Double-clicking on text launches WritePlus, with the text
displayed.
You can move the mouse pointer around the window to view tooltips
and hint text for the various buttons. Writing and proofing aids include
Find and Replace, Spelling Checker, AutoSpell, Thesaurus, and
AutoCorrect. Editing text with WritePlus is just like using a word
processor.
Note that the text in this frame is simply a placeholder for the text
youll be adding. You can type over the sample text, or select it all,
delete, and begin with an empty frame, as you wish.
34
Working with Text
Y To update WebPlus with your changes, click the
$FFHSW
button. To abandon changes, click
&DQFHO.
Note: While editing on the page you cannot select text in more than
one text block at a time. To edit the whole story, use WritePlus.
For an illustrated overview of WritePlus, see QuickTour 3, 8VLQJ
:ULWH3OXV.
By the way, you may be wondering about the difference between
editing standard text and Page Wizard answer text. The key point is
that if you want to preserve answer fields, you should use the :L]DUG
panel to edit their text.
Y With the Text tool, click the first line in the name/address block at
the lower right, and drag down. Note that the whole line highlights.
Answer text is stored in fields, and when you select one of them the
whole field highlightsa sure sign that you're not dealing with
standard text! You cannot select only part of an answer text field.
However, you can use the Text tool (or WritePlus) to change the fields
character or paragraph properties, or cut/copy/paste answer text fields
within the document if necessary.
Keep in mind that if you retype over answer text, you'll effectively
destroy the field. The new text you enter at that location will be
ordinary text and can no longer be updated via the :L]DUG panel.
Changing the Web colors
When you stepped through the Wizard to create the site weve been
working with, you chose one of several alternate color schemes. In the
previous chapter, we used the paint-by-numbers analogy to explain
about the five numbers you can use to mark elements in WebPlus, and
how each scheme includes five colors, which get applied to elements
with the corresponding number.
By convention, body text in Page Wizard publications is marked with
Scheme Color 1. That means it takes on whichever color has been
defined as Scheme Color 1 in the current scheme (the first of the five
colors shown at the top of the sample). In addition, each publications
color scheme also includes these special Web color settings:
47
Working with Text 35
The Hyperlink color applies to hyperlinked text before it's been
clicked on, while the same text after a Web visitor has clicked to
follow the link takes on the Followed Hyperlink color. (The
WebPlus sample displays these colors, but youll need to view the
published site in a browser to preview the actual effect.)
A Web site's Background, which is applied to every page, can be
either a solid color or a tiled (repeated) picture, usually a bitmap
pattern. The tiled picture option works just like desktop
wallpaper”—so a small bitmap can go a long way. The color
scheme sample shows
if the scheme uses a tiled bitmap.
You can modify the Web colors
within a scheme, or set a different
background bitmap, using the
Color Manager's Color Schemes
tab, in the same way that you'd
modify the scheme's five basic
colors. Display the Color
Manager, select the scheme name
in the list, and click the 0RGLI\
6FKHPH button.
Importing text
Besides typing text on the page as free text or creating a story using
WritePlus, you can use your current word processor (such as Microsoft
Word) to create source files for your publication. Then you can cut-
and-paste using the Windows Clipboard or import the text directly.
Earlier, we saw that the Frame Wizard provides the option of importing
from a word processor file when you create a new frame. Its also a
snap to import text into an existing frame. Lets try it!
Y Using the pointer tool, select the Heres the place frame (youll
see it outlined in blue when selected).
36
Working with Text
Y Now right-click the frame and choose ,QVHUWWH[WILOH. When the
dialog reminds you that theres already text in the frame, click
5HSODFH. Using the file selection dialog, open S
AMPLE
.
DOC
in the
S
ERIF
/WP60/S
AMPLES
/ folder, either in your main Program Files
folder or on your WebPlus CD. WebPlus imports the file and
places it in the frame. (For now, decline the AutoFit option, which
would adjust the text size to fit the story precisely in the visible
frame area.)
Y If you wish, double-click the frame to launch WritePlus and briefly
inspect the new sample text at a glance. Items in red are unfamiliar
words identified by the AutoCorrect function.) You might try
applying some font, size, or style changes.
Y Before continuing to the next chapter, you may wish to save your
work.
For more help on working with text...
In this chapter, youve examined the placeholder text provided by the
Page Wizard and learned how to create, edit, and import both free text
and frame text. You know enough now to begin replacing the
placeholder text with your own content. In addition, you should now
have a grasp of how the Web color components of color schemes apply
to text.
As you work on your actual Web site, youll benefit from learning how
to link frames together, set defaults for new text, use shortcuts, insert
returns and special characters, and work with the various proofing
tools. For details on these and other text options, see online help.
For help on... Choose from the
Help menu...
Then...
Overview of
WebPlus text
Index Select text, overview
Import text
Work with frames
and free text
Contents / How To See topics in section Work
with Text
Set text properties
Use templates and
named styles
Contents / How To See topics in section Format
Characters and Paragraphs
Set defaults Index Select default properties
Use proofing tools Index Select from proofing tools
?
Working with Text 37
If youre interested in presenting text or numeric data on your Web
pages, youll want to learn about TablePlus, the sophisticated table
editor thats built into WebPlus. For an overview, see QuickTour 5,
8VLQJ7DEOH3OXV
47
Working with Graphics
and Animation
5
Working with Graphics and Animation 41
In this chapter, well continue exploring the pages the Page Wizard
providedthis time looking at pictures and graphic objects. Again, the
focus will be on how to swap the placeholder images the Wizard
installed for your own pictures, and how to create new graphic
elements.
Graphics in WebPlus
Page Wizards may incorporate several different types of graphic
objects into your publication. You can use the Pointer tool to select,
move, and resize them, just as with text objects.
Y On the Home page, click with the Pointer tool on the photo. Try
resizing it by dragging from one corner. Press &WUO= to undo. Now
click in the center and drag it off to one side. Press &WUO= again.
TIP: Watch the HintLine as you drag an object, and it will tell you the
objects properties.
Y Drag the photo down and to the left so it partially overlaps the
repeating cube pattern. Now click on the photo in the overlapping
region, and click again (slowly) a couple of times. Each time,
youll notice a different set of handles appear, as first the photo,
then the pattern, is selected.
When two objects overlap at a particular point, your first click at that
point selects the uppermost object. Your second click selects the object
below the first, and so on.
Note: If youre working in the older HTML 3.2 mode (see Chapter 8),
overlapping objects will be converted to single graphics when the
publication is exported as a Web page. In this mode, WebPlus flags
overlapping objects with a red line border, and you should separate the
objects unless you want them exported as a graphic. (Overlap is not a
problem in the newer HTML 4.0 mode.)
42
Working with Graphics and Animation
Importing a picture or animation
Youll have no difficulty importing such items as metafile clipart,
bitmap photos, or animated GIFs. WebPlus can handle all the standard
formats. After being imported, each image is stored in the WebPlus
publication until you publish the site, at which time its exported using
one of the standard bitmap formats (GIF or JPG) that Web browsers
recognize. Lets try importing.
Y Click the
,PSRUW3LFWXUH button on the left toolbar. The
Import Picture Wizard appears. Select the From File option and
click 1H[W, then )LQLVK.
Y Using the file selection dialog, open P
HOTO
1.
BMP
in the
S
ERIF
/WP60/S
AMPLES
/ folder.
Y Now you have two choices. You can either drag out a box region
on the page to set the size of the imported picture, or simply click
to insert the picture at a default size. Pick either one. The sample
picture (of a lion) will appear, and you can always resize it later by
dragging its handles.
WebPlus 6.0 includes a bonus collection of 20,000 WebArt images,
including arrows, bullets/buttons, icons, lines, and animations as well
as pictorial Web graphics. You can peruse the collection using your
Web browser, then drag and drop images directly into WebPlus. To
choose animations, use the Animated GIF Wizard. For details, search
for WebArt in the online help index.
Working with Graphics and Animation 43
Note that the time it takes a visitor to load one of your Web pages is
directly related to the size of the pages HTML file plus any
accompanying graphic files. Graphics require larger file sizes, and
hence slow down loading time. And even in compressed form, bitmap
files like the photo weve just imported tend to be much larger than
simple line or shape graphics (see below)so use them sparingly!
Keep picture dimensions to the minimum needed to convey your point.
Its always wise to plan your layouts so as to avoid large graphic areas.
Drawing basic lines and shapes
WebPlus provides three easy-to-use drawing tools. Youll find them on
the left toolbar:
Line Box Shape (flyout)
With them, you can add both functional and decorative layout
elementsfor example, clickable buttons or page dividers.
Y Click the %R[button, then click and drag out a small box on the
screen.
Initially, the box will be simply an empty rectangle with a black line
border and a clear fill. The tool has reverted to the Pointer, and you can
use it to move or resize the box. The easiest way to change the objects
line and fill properties is to use the Studio.
Y Display the Studios /LQHV panel. Try clicking samples in the
Weights group or the Types group to change the thickness or line
type of the box border. (You can drag and drop from a sample onto
any shape.)
Y Now display the Studios &RORUV panel. You can easily change the
box's line or fill color and/or shade by first right-clicking a color
sample, then choosing either $SSO\WR/LQH or $SSO\WR)LOO. (Left-
clicking a sample applies the color or shade to the selected object's
fill.). For each base color you select, you can pick from 10 shades
of that color displayed in the Shades group.
Y In passing, right-click on the box itself and note that you have
/LQH and )LOO options that let you adjust all Line or Fill
properties, including color. Youll see a dialog with an array of
choices for setting the properties of the objects line border.
44
Working with Graphics and Animation
The /LQH button lets you draw lines, while the
6KDSH button offers a whole flyout of
possibilities, including ovals, polygons,
arrows, stars, callouts, and so on. To create a
button, try overlaying an unfilled shape on a
text block, then hyperlink the graphic (see
next chapter).
Other tools and techniques
You already know how to select, move, and resize objects. Here are
several additional tricks you can carry out on selected objects. Try them
out on your sample photo and box graphics!
Y Use the
5RWDWH tool to rotate an object around its top left
handle. Select the object, then drag one of its handles. For details,
see QuickTour 9, 5RWDWLQJDQG)OLSSLQJ2EMHFWV.
Y Use the
&URS tool to crop (or trim) objects. Select the object,
then drag one of its handles inward.
Y To draw a shape with constrained dimensionsfor example, a
square or circlehold down the 6KLIW key while drawing or
resizing it.
Y To add more than one object to a selection, hold down the 6KLIW
key while selecting additional objects. This is handy for moving a
cluster of objects while keeping them aligned with each other.
Y You can click the
*URXS button that appears next to a
multiple selection to lock the objects together temporarily. This
saves you the trouble of having to select them all individually the
next time you want to do something to the whole group. To
separate (ungroup) the objects, click the button again. For details,
see QuickTour 6, *URXSLQJ2EMHFWV.
Y To duplicate an object, select it, then press and hold the &WUO key
and drag out a copy.
47
47
Working with Graphics and Animation 45
Y To constrain the movement of an object to horizontal or vertical,
use the keyboard arrow keys to nudge the selection up, down, left,
or right. Alternatively, hold down the 6KLIW key after you begin
dragging the object. For details, see QuickTour 8, 3RVLWLRQLQJ
2EMHFWV
Y Use the WebPlus layout toolsincluding rulers, guides, the dot
grid, and the Snapping buttonto position and align items with
precision for a professional appearance. For details, see QuickTour
10, 3UHFLVLRQ/D\RXW.
Adding animations
WebPlus lets you add two varieties of eye-catching animation effects to
any Web page: animated marquees (scrolling text banners) and GIF
animations. Using Wizards, you can preview the animation and/or
customize the effect. Once placed into your Web publication, the
animations appear static, but they will spring to life once the site has
been exported and a visitor views your page in a Web browser. Lets
see how easy it is to create an animated GIF.
Y Click the
,QVHUW$QLPDWHG*,) button on the left toolbar. The
Animated GIF Wizard appears.
Y Click 1H[W and select an animation category. Well leave you on
your own to browse through the collection. Just click a title on the
list, and watch the animation in the Wizards preview window.
Y When youve made your selection, click 1H[W, then )LQLVK.
47
47
46
Working with Graphics and Animation
Y As when importing pictures, either drag out a size region on the
page or simply click once to insert the GIF. Keep in mind that
larger animations will take longer to display, and (if using HTML
3.2) avoid overlapping the GIF with another object.
The animation wont move on the WebPlus page, which only displays
the first of the GIFs multiple frames. But keep it on your page so its
available when its time to preview the Web site in your browser.
You may wish to try the animated marquee effect, tooclick the
,QVHUW$QLPDWHG0DUTXHHbutton on the left toolbar.
Y Before continuing to the next chapter, remember to save your
work.
For more help on working with graphics
and animation...
In preparing your Web site, you may want
to take advantage of other WebPlus
design features, such as straight lines and
shapes, rotation and cropping, layering,
and Web image text tags. Youll find
hundreds of animated GIFs and thousands
of WebArt images, and you can create
eye-catching designs with the LogoPlus
module (some examples are shown at
right)plus you can work directly with
scanned or PhotoCD images.
For an illustrated introduction to LogoPlus, see QuickTour 4, 8VLQJ
/RJR3OXV.
For help on... Choose from the
Help menu...
Then...
Aligning
Grouping
Exporting
Cropping
Layering
Other object actions
Contents / How To See topics in section Edit
Objects on the Page
?
47
Working with Graphics and Animation 47
Lines and shapes
Gallery and Portfolio
Contents / How To See topics in section Work
with Graphics, Animation,
and Multimedia
Importing images Index Select from importing
Setting image tags Index Select Web sites, setting
picture display options
Animation Index Select animation effects
Sound and video Index Select sound or video
Working with colors Contents / How To See topics in section Work
with Colors and
Transparency
Working with
Hyperlinks and
Interactivity
6
Working with Hyperlinks and Interactivity 51
In this chapter well look at several ways you can enhance your
WebPlus pages to improve the quality and variety of the visitors
experience. If your site has more than one page, hyperlinking is
essentialits what enables visitors to navigate through your siteand
its easily accomplished. Adding Java and HTML is somewhat more
challenging, but if youre technically inclined, WebPlus stands ready to
support your efforts.
Hyperlinking an object such as a box, a word, or a picture means that a
visitor to your Web site can click on the object to trigger an event. The
event might be:
A jump to a Web page (either on your site or somewhere else on
the Web);
The appearance of an e-mail composition window; or
The display of a graphic or text file.
You can also place hyperlink hotspots over parts of the page. Lets
begin by taking a look at hyperlinks in your Wizard-based publication.
Hyperlinking text
As a visual cue, hyperlinked words on Web pages are underlined.
Y Set your display so you can read the coumn of underlined text on
the left side of the Home page (page 1).
Y Click the
&XUUHQW3DJH box to switch to
the Master Page layer.
Y Choose the Text tool and single-click on the words About Us.
Because this is an answer text field, youll see an insertion point
just before or after the words.
Y Click the
,QVHUW+\SHUOLQN button on the top toolbar.
The Hyperlinks dialog appears, and the words About Us are
highlighted because they already include a hyperlink. In the dialog, you
can see that the links destination is A page in your publication”—
page 2 to be precise.
Y Click the drop-down list and inspect the other possible link
destinations. Note the 5HPRYH button that you could use to unlink
the selected text (if you wanted to), then click &DQFHO.
52
Working with Hyperlinks and Interactivity
To create a new hyperlink in existing text, you would first select the
range of text you wanted to link, then click the+\SHUOLQN button. The
same dialog would appear, and then linking would be simply a matter
of choosing the destination and clicking 2..
From a design standpoint, it makes sense to include a navigation
bara cluster of links to the various key pages on your site. Put it on
the Master Page, so the same links will appear on each page. Instead of
using separate blocks of free text, as in this Page Wizard, you might use
a single text frame across the top of your page, with the links
centeredfor example:
However you design it, consider your navigation bar an essential
element. Users will expect it to be there to help them get around your
site. Again, it makes sense to plan your basic layouts ahead of time.
Hyperlinking graphics
Only a few additional words are required here, because the procedure
for linking graphic objects is the same as that for linking text. You just
select the object to be linked and click the +\SHUOLQN button.
Y Click the &XUUHQW3DJH box to switch back to the page layer.
Y With the Pointer tool, click on the photo to select it, then click the
+\SHUOLQN button.
Again, youll see the Hyperlinks dialog. This is the technique youd use
to hyperlink an entire object. Compare this with the hotspot method,
explained below.
Using hotspots
A hotspot is a transparent hyperlink region on a Web page. Usually
placed on top of bitmap pictures, hotspots act like buttons that respond
when clicked in a Web browser. They are especially useful if you want
the visitor to be able to click on different parts of a picture (such as a
graphic menu or map of your site). To give you an idea of how they
work, well need to create one.
Y Click the
+RWVSRWbutton on the left toolbar. The cursor
changes to a cross.
Lets place a hotspot over the boat in the photo.
Working with Hyperlinks and Interactivity 53
Y Click slightly to the upper left of the boat, then drag down and
right to draw a box. (You can adjust it later.)
When you release the mouse button,
the familiar Hyperlinks dialog
appears. This time, its waiting for
you to provide a destination.
Y Select A page in your
publication and designate page 2
in the drop-down list. Click 2..
If necessary, you can use the Pointer tool to move or resize a hotspot,
like any graphic. Theres no limit to the number of hotspots you can
use. You can also add extra nodes to a hotspot, allowing it to be fit into
any irregular region; theres more on this in online help.
About HTML and Java
HTML, of course, is the language behind basic Web pagesthe
actual descriptive code that tells a browser what to display and where to
display it. While WebPlus doesn't support full-fledged HTML editing,
it does allow you to add extra HTML code to a page. Using this
approach, you can include HTML fragments generated by another
application, copied from another Web page, or perhaps that you've
written yourself.
Clicking the
,QVHUW+70/ button brings up a dialog that lets you
enter the HTML code. WebPlus inserts a marker into your publication
at the site where the code will run. Since you won't be able to see the
effect of the HTML until you preview the exported site, be careful to
position the marker correctly. You'll definitely want to check your Web
page in a browser!
Java is a cross-platform, object-oriented programming language used
to create mini-applications called applets that can be attached to Web
pages and that run when the page is viewed in a Web browser.
WebPlus lets you add Java applets to your Web publications. You don't
have to write your own! Plenty of applets are available onlinefor
example animation, interface components, live information updating,
two-way interaction, graphics rendering, live updating, streaming audio
and video, games, and many more.
54
Working with Hyperlinks and Interactivity
Clicking the ,QVHUW-DYD button displays a dialog where you list
the applets component files as well as any necessary parameters (as
described in the applet's documentation) that specify exactly how the
applet should run. You don't necessarily need to understand the
underlying code, but it's essential to make sense of any "Read Me"
documentation that comes with the applet.
As with HTML, WebPlus inserts a marker into your publication at the
site where the code will run. The marker's dimensions probably won't
correspond exactly to those of the applet when it's running, so plan
your page layout accordingly, and the more preview tests you can run
(using various versions of different browsers), the better.
For more help on hyperlinks and interactivity
The fact is, you now know almost all there is to know about
hyperlinking and hotspots! When youre building your Web site,
however, you may wish to use 7RROV+\SHUOLQN0DQDJHU to get a
overview of all the links in your publication. You can see the
destinations at a glance, check URLs, and display any hyperlink for
closer inspection. For additional details, see online help.
For help on... Choose from the
Help menu...
Then...
Creating hyperlinks Index Select hyperlinks, adding to
Web page
Setting hyperlink color Index Select hyperlinks, setting
color of
Creating and editing
hotspots
Index Select hotspots
Hyperlink Manager Index Select hyperlinks, using the
Hyperlink Manager
Adding Java Index Select Java applets
Adding HTML Index Select HTML, adding code to
Web pages
?
Previewing and
Publishing
7
Previewing and Publishing 57
Its time to rehearse the final phase of preparing your Web site! In this
previewing and publishing phase, as weve mentioned, WebPlus takes
the publications pages and converts them to HTML and graphics
(pictures) so that a Web browser can display them. You can publish
either to a local folder or to an Internet-based Web host such as
VisualCities. Previewing is similar to publishing locally, except that the
exported files are temporary, intended for immediate viewing in your
own Web browser.
Optimizing the publication
Before you preview or publish, its wise to take advantage of built-in
WebPlus tools for checking your publications content and structure.
You can run the Spelling Checker
Wizard, Proof Reader Wizard, and
Thesaurus to inspect and improve your
text. The Text Manager displays a list
of all the text stories and free text used in
your publication, and the Layout
Checker Wizard can locate (and often
correct) problems like objects off the
page, empty frames, or overlapping
objects. Youll find full details on these
features in online help (see the note at
the end of the chapter).
Previewing the site
Previewing the site at least once before actually publishing it is
essential. Only by viewing the pages in a Web browser can you make
sure that headlines and body text appear the way you intended, page
elements fit properly, animations play at the right speed, and links
between pages make sense.
Although your Wizard-based publication probably still has a lot of its
original placeholder text and graphics, lets try previewing it. (Well
assume you have a Web browser installed.)
Y Click the
3UHYLHZ6LWHLQ%URZVHU button on the top toolbar.
Y In the dialog, check All as the page range, and click 2..
58
Previewing and Publishing
The WebPlus publication is exported to a temporary folder, and your
Web browser launches, displaying the sites Home page. (If your
system tries to connect to the Internet as the browser launches, you can
dismiss the connection dialog. No Web connection is required for
previewing.)
If you saved the animated GIF on the Home page, youll see it come
alive now!
Y As you move the mouse pointer over hyperlinks or hotspots, youll
see the cursor change to the familiar hand. Click the hotspot you
placed over the boat in the photo (notice that its border line is now
invisible), and youll jump to page 2.
Previewing gives you a chance to see the site the way your visitors will
experience it. Keep track of how fast your pages display in the browser,
and remember that the Web will certainly slow them down! Check out
each page and take notes on any problems, then go back to WebPlus
and make any necessary corrections.
You can preview just one page (or a range of pages) instead of all the
pages, by changing the setting in the Preview dialog. All previous
temporary files are deleted each time you preview. This means, for
example, that if youve already previewed the whole site, and then
choose to preview just one page (say, to check revisions), the
previously exported pages will no longer be available. If this is
inconvenient, you may wish to use the Publish to Folder method,
described next.
Publishing to a local folder
This option, like previewing, exports your publication pages to HTML
and graphics files. The key differences are:
Previewing and Publishing 59
You designate where the files should go, instead of having them
written out to temporary files, which are not really under your
control. As noted above, each time you run Preview Web Site,
even if youre only previewing one page, your previous set of
temporary files disappears. When publishing to a folder, you have
the option of overwriting existing HTML files with the same name
(recommended); graphics are assigned new file names. Your site as
a whole remains intact.
Your Web browser doesnt launch automatically. Instead, youre
given the option of launching it. If its already open, simply
decline the option, then switch to your browsers window and use
its Reload or Refresh command to display the updated page.
Publishing to a local folder is another way of previewing your Web
site, and is also the way to share your site with others on a local area
network. You dont need to try it right now, but here are the steps
involved in publishing to a local folder:
Y Click the
3XEOLVK6LWHWR)ROGHU button on the top toolbar. In
the dialog, locate the folder where you wish to store the output
files, or click 1HZ)ROGHU to create a new folder.
Y As for previewing, you can publish just one page or a range of
pages. If youre using HTML 3.2, we recommend creating a
separate file for each page and left-aligning Web pages.
Y Accept or decline the option to launch your Web browser.
Publishing to the World Wide Web
WebPlus makes publishing to the World Wide Web almost as simple as
publishing to a local folder! As a WebPlus user, youre entitled to free
space on the VisualCities Web host. Simply choose )UHH:HE6SDFH
from the Help menu to set up your VisualCities account. That way
youll have your user name and password available when youre ready
to publish to the Web.
When youre finally ready to publish your Web site, here are the steps
to take:
Y Click the
3XEOLVK6LWHWR:HE button on the top toolbar to
display the Web Publishing Options dialog.
60
Previewing and Publishing
Y Specify the number of pages to publish and click 2.. If youre
exporting in HTML 3.2 format (see next chapter), set additional
choices if any. WebPlus exports the page(s) to temporary files, and
then the Account Details dialog appears.
Y By default, the dialog is set to publish to VisualCities. (If youre
using an alternate Web server,
enter its FTP address.) All you
need to do is enter your pre-
assigned Username and
Password. Be sure to enter the
password exactly as given to
you, using correct upper- and
lower-case spelling, or the host server will not recognize it. When
publishing to VisualCities, leave the Folder box blank. (Alternate
Web servers, however, may require this information.) Click 2..
Y WebPlus seeks an Internet connection or establishes a new one,
and connects to the remote server. Sometimes (for example with
online services such as AOL) youll need to use the services
proprietary log-on software to establish a connection; this is not
necessary with VisualCities. Youll see a message when all files
have been successfully copied.
Y Now youll be able to see your page(s) live on the Web. Point
your Web browser to the URL that includes the path to the host
server plus the folder to which you published. For VisualCities, the
publishing folder is the Site Name you selected when you
registered. For example, if your VisualCities Site Name is
sitename, then your Home page can be found at:
http://members.visualcities.com/sitename/
Y Congratulate yourself!
For more help on previewing and
publishing...
Before publishing your actual Web site, youll probably want to review
the WebPlus proofing options mentioned above, and learn about adding
search engine descriptors. Or you may want details on publishing to an
alternate Web server.
Previewing and Publishing 61
For help on... Choose from the
Help menu...
Then...
Printing, previewing,
and publishing the
Web site
Contents / How
To
See topics in section Print,
Preview, and Publish to the
Web
Using proofing tools Index Select from proofing tools
Adding search engine
descriptors
Index Select search engines
Publishing to an
alternate server
Index Select publishing Web sites,
to World Wide Web and
consult note on Gathering
server information
?
Starting from Scratch
8
Starting from Scratch 65
By now, well assume youve worked through the Wizard-based
examples in the preceding chapters and have a preliminary knowledge
of WebPlus tools and techniquesalthough probably not too much
hands-on experience. Youve seen that there are lots of ways to
customize the Wizard-based publications, and that approach may suit
your needs perfectly.
But dont forget that besides offering a variety of Page Wizards,
WebPlus gives you the option of starting from scratch and composing
each page just as you want it. You may decide to take a hybrid
approach: study the Wizard layouts, learn from them, and then apply
what youve learned to a brand-new site of your own design.
If youd like to start from scratch, here are the steps:
Y From the Startup Wizard, select the 6WDUWIURP6FUDWFK option.
From within the program, choose 1HZ from the File menu or
click the
1HZ button on the top toolbar. The new publication
will open with a blank page, and youll see the Page Setup dialog.
Y Select a page size (either Standard or Wide), or define a custom
size by entering new values for Width and/or Height. Then click
2..
Obviously, theres no single formula for coming up with a successful
Web site. It may help to have a plan of attack, however, so the
following sections provide a brief outline of the process, along with
some suggestions to guide your efforts.
Step 1: Design
It probably goes without saying (but well say it anyway) that before
starting a site from scratch, you should have mapped out on paper
exactly how many pages youll need, what the basic composition will
look like, and how the pages will be linked together.
Unlike a magazine or newsletter, a Web site doesnt depend on a linear
page sequence. It makes more sense to think of your site in spatial
terms, like a house that people will explore. You can generally assume
that visitors will come in through the front door (the Home page)but
where they go after that depends on the links youve provided. These
are the corridors that connect the various rooms (sections) of the site.
Each room might have a few side doors, but dont let the visitors get
lost! Graphic aids like a navigation bar, or clear labeling and/or color-
coding for the various sections of the site, can help immeasurably, but
only if you include them in your design scheme.
66
Starting from Scratch
You should ask yourself these basic questions:
How many pages will you need?
Which version of HTML will you use: 3.2 or 4.0? (See the section
on HTML later in this chapter.)
What basic composition will you use?
Where will the navigation bar go, and what will it look like? Do
you want to use a text-based navigation header or footer?
What font will you use for headlines, body text, and captions?
Which color scheme will you use, and will you customize its basic
colors or Web colors? (In Page Wizards, body text is marked with
Scheme Color 1, but you can depart from that convention.)
Step 2: Content
The success of your site probably depends more on high-quality
content than on any other single factor. As a rule, people will be
visiting your Web site because theyre interested in what you can tell
them or offer them. Your job is to make that reward as accessible as
possible, and make the sites design quality integral to the experience.
You dont want any elements that throw up barriers to access, or stand
out like sore thumbs to detract from the visitors positive response.
Make sure youve reviewed the mechanics of working with text,
graphics, sound and video (if applicable), and hyperlinks before
focusing on these questions:
Will you lay out text as frames, free text, or a mix of both?
Given your basic page composition, how will you vary the layout
of each page?
Where will your graphics come from? Will you be using any
photographs? Do you need to create shape graphics (lines, boxes,
ovals, etc.) in WebPlus?
In addition to hyperlinks for your navigation bar and/or footer,
where else could you place links for users convenience? (Go
through your content once its on pages and place links to related
content.)
How might you use animated GIFs and marquees to add interest
(especially on the Home page)?
Starting from Scratch 67
Step 3: Finishing touches
Before publishing your site to the Webin effect, throwing open the
front door and inviting the worldyoull want to brush the cobwebs
from every corner. Review the advice in the preceding chapter, and
consider this checklist:
Have you used the WebPlus proofing tools to enhance the quality
of your text?
Have you run the Layout Checker to inspect for possible
problems?
Have you specified a Web site title and added search engine
descriptors (in )LOH:HE6LWH3URSHUWLHV)?
Have you previewed your site in a Web browserpreferably in
several different browsers?
Have you reduced graphic file sizes to a minimum to improve load
time?
HTML 3.2 and 4.0
If you're used to working in a desktop publishing environment, you
may have to scale back your typographic expectations somewhat when
designing for the Web. With its built-in support for HTML 4.0,
however, WebPlus gives you considerably more freedom. It's useful to
compare HTML 4.0 to its predecessor, HTML 3.2.
With either format, you can in theory use any font you like. However,
if a specified font isnt present on a visitors computer, an available
font will be substituted, with unpredictable results for your beautifully
designed layout! As a rule, stick with the standard Windows fonts
(Times New Roman, Arial, Courier New, and Symbol). To be sure, run
the Layout Checker, which will warn you if your publication uses other
fonts. Youll have the option of converting each such instance to a
picturewhich will ensure the non-standard fonts appearance is
preserved.
68
Starting from Scratch
HTML 3.2 has the advantage of working on most browsers, but
constrains your page design options, especially with regard to object
placement. With HTML 3.2, WebPlus must construct Web pages using
complex tables. Each object must fit in a separate cell, and any objects
that overlap on the page must be converted to a single graphic, which
can greatly add to the file size of freeform layouts. If youre working in
3.2 mode, WebPlus flags overlapping objects with a red line border. To
overcome the condition, simply drag the objects apart until the red line
disappears.
HTML 4.0 produces smaller, faster, higher-quality Web pages but can
only be viewed on Internet Explorer 3 and above, or Netscape
Navigator 4 and above. In laying out text, you can specify any point
size, use variable leading and letterspacing, and even justify
paragraphs! The result is a much closer WYSIWYG match between
what you see on-screen in WebPlus and what ends up in the Web
browser.
Because HTML 4.0 positions elements using absolute coordinates,
WebPlus can output your pages without using tables. Overlapping is no
longer as serious an issue in page design, and file sizes are reduced.
To sum up: Chances are good (and getting better all the time) that you
can safely adopt HTML 4.0 as your publishing standard. In the rapidly-
changing environment of the Internet, users who stick with obsolete
browsers are few and far between. For this reason, HTML 4.0 is the
default choice in WebPlus. If necessary, you can switch between
HTML 4.0 and 3.2. Note that changing the HTML version does not
affect the structure of your WebPlus publication, only the format used
to publish it as a Web site.
Design tips and rules of thumb
You may want to consider setting your monitor to use 256 colors
(rather than thousands or millions). This is because the GIF image
format, the standard for Web graphics, supports a maximum of 256
colors, as do many of the monitors in current use. By working at
this setting youll be able to preview how your page will look in
most users Web browsers. For predictable results, choose colors
from the built-in WebPlus palette (on the Studios &RORUV panel)
rather than inventing your own.
Starting from Scratch 69
The performance of your page is how long it takes for the whole
page, including text and graphics, to display completely in a Web
browser. Basically, its proportional to the total file size of its
graphics. As a rule of thumb, use 60K bytes per page as a
maximum.
You can determine the actual size of your files by publishing one
page at a time to a local folder (using the 3XEOLVK6LWHWR)ROGHU
button), then using Windows Explorer to examine the contents of
the folder. View the files by date and 6KLIW-select the most recent
batch, then right-click and choose 3URSHUWLHV to see the aggregate
byte count. Obviously, the lower the better.
To reduce the total size of your graphics, aside from using fewer
graphics, make them no larger than they need to be to get your
point across. Since file size increases as the square of each
dimension, shrinking both height and width by 50% reduces the
file size by 75%.
Reduce the number of colors in each image, and (except for
photos) save as GIF files using the lowest acceptable bit depth
your paint program will allow. Use a Web-safe palette when
possible; youll find one in the WebPlus Samples folder. You may
wish to explore the Web for details on this and other Web design
strategies.
Youll need to maintain the pages on your Web site, which isnt
difficult with WebPlusall the originals are right there in your
publication! As a reference, keep a list showing the page numbers
and the contents of each page. You can store the list on the
Pasteboard, or (for printing out) on the last page of your
publication, which is easy to access by double-clicking the 1H[W
(right-arrow) button. (You can still publish the whole site; users
wont be able to access the last page as long as there are no links to
it.)
70
Starting from Scratch
As youre developing Web pages, youll probably need to carry
out some housekeeping tasks on your local hard drive. Note that
each time you publish one or more pages to a folder, a new set of
image files is generated (although duplicate .HTML file names are
overwritten). If youre previewing pages this way, rather than
using 3UHYLHZ6LWHLQ%URZVHU (which overwrites old files), those
GIF and JPG files can proliferate. Its a good idea to weed out the
old ones periodically. You can sort your Explorer or My Computer
window contents by date, then use the Modified attribute to
determine which files to keep (i.e., the set most recently
published). For thorough cleanup, periodically publish the whole
site to a new folder and delete the old one.
Think of your site as more than an electronic business cardthink
of it as a newsletter with publication deadlines. Dont let more than
two weeks go by without making visible changes. The changes
dont have to be dramatic; the main thing is to reinforce the
perception that your site is dynamic, not static. The Home page
should change most often: add new links, or replace old graphics
with new ones. Add a new page or two, expanding the original
sections. (Be sure to post notice of the new features on the Home
page.) Revise the design of any pages that arent working the way
you expected.
Visitors feedback is important. Be direct about asking for
comments, and make sure youve included an e-mail return link.
Challenge your users to respond! Give them some specific choices
to make (Would you rather see A, B, or C on this page?). Let
them feel theyre contributing.
As a rule, keep the background and section organization intact so
as not to confuse repeat visitors. Sections that began as a single
page will require a section menu as soon as a few new pages have
been added. If youve got a navigation bar with a button already
linked to the original page, turn that target page into the menu page
to keep the link intact. From a site management standpoint, its
usually easier to switch content to a new page than to rewire
existing links. (You can see the content, but you cant easily see
the links.)
Where should I go from here?
The answer should be self-evident: Get straight back to work with
WebPlus! Your own experience will be your best teacher. Were proud
of WebPlus, and hope you enjoy using it to develop a Web site you can
be proud of, too.
Starting from Scratch 71
For additional design resources, product reviews, and information,
choose 9LVLW9LVXDO&LWLHV from the Help menu.
Thanks for joining our product family... and heres hoping we see you
online soon as a member of the VisualCities community!
62

Hulp nodig? Stel uw vraag in het forum

Spelregels

Misbruik melden

Gebruikershandleiding.com neemt misbruik van zijn services uitermate serieus. U kunt hieronder aangeven waarom deze vraag ongepast is. Wij controleren de vraag en zonodig wordt deze verwijderd.

Product:

Bijvoorbeeld antisemitische inhoud, racistische inhoud, of materiaal dat gewelddadige fysieke handelingen tot gevolg kan hebben.

Bijvoorbeeld een creditcardnummer, een persoonlijk identificatienummer, of een geheim adres. E-mailadressen en volledige namen worden niet als privégegevens beschouwd.

Spelregels forum

Om tot zinvolle vragen te komen hanteren wij de volgende spelregels:

Belangrijk! Als er een antwoord wordt gegeven op uw vraag, dan is het voor de gever van het antwoord nuttig om te weten als u er wel (of niet) mee geholpen bent! Wij vragen u dus ook te reageren op een antwoord.

Belangrijk! Antwoorden worden ook per e-mail naar abonnees gestuurd. Laat uw emailadres achter op deze site, zodat u op de hoogte blijft. U krijgt dan ook andere vragen en antwoorden te zien.

Abonneren

Abonneer u voor het ontvangen van emails voor uw Serif WebPlus 6 bij:


U ontvangt een email met instructies om u voor één of beide opties in te schrijven.


Ontvang uw handleiding per email

Vul uw emailadres in en ontvang de handleiding van Serif WebPlus 6 in de taal/talen: Engels als bijlage per email.

De handleiding is 0,42 mb groot.

 

U ontvangt de handleiding per email binnen enkele minuten. Als u geen email heeft ontvangen, dan heeft u waarschijnlijk een verkeerd emailadres ingevuld of is uw mailbox te vol. Daarnaast kan het zijn dat uw internetprovider een maximum heeft aan de grootte per email. Omdat hier een handleiding wordt meegestuurd, kan het voorkomen dat de email groter is dan toegestaan bij uw provider.

Stel vragen via chat aan uw handleiding

Stel uw vraag over deze PDF

Uw handleiding is per email verstuurd. Controleer uw email

Als u niet binnen een kwartier uw email met handleiding ontvangen heeft, kan het zijn dat u een verkeerd emailadres heeft ingevuld of dat uw emailprovider een maximum grootte per email heeft ingesteld die kleiner is dan de grootte van de handleiding.

Er is een email naar u verstuurd om uw inschrijving definitief te maken.

Controleer uw email en volg de aanwijzingen op om uw inschrijving definitief te maken

U heeft geen emailadres opgegeven

Als u de handleiding per email wilt ontvangen, vul dan een geldig emailadres in.

Uw vraag is op deze pagina toegevoegd

Wilt u een email ontvangen bij een antwoord en/of nieuwe vragen? Vul dan hier uw emailadres in.



Info