631794

Serif WebPlus 7 Handleiding

4
Verklein
Vergroot
Pagina terug
1/58
Pagina verder
Serif WebPlus 7.0
Companion
For Windows
©2001 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 7.0 © 2001 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.
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. GUIDELINES FOR THE USE OF DIGITAL
CONTENT IMAGES
This product contains numerous clipart and photo images
(collectively referred to as the “Images”) which are either
owned by SERIF or licensed from a third party. As a user of
this product you are free to use, modify, and publish the Images
as you wish subject to the restrictions set out below. If you are
uncertain as to whether your intended use complies with the
guidelines set out below, we recommend that you seek the
advice of your own attorney or legal counsel.
A. YOU MAY, subject to any restrictions set out below:
1. Incorporate any Image(s) into your own original work and
publish, display, and distribute your work in any media. You
may not, however, resell, sublicense, or otherwise make
available the Image(s) for use or distribution separately or
detached from a product or Web page. For example, the
Image(s) may be used as part of a Web page design, but may
not be made available for downloading separately or in a format
designed or intended for permanent storage or reuse by others.
Similarly, clients may be provided with copies of the Image(s)
(including digital files) as an integral part of a work product, but
may not be provided with the Image(s) or permitted to use the
Image(s) separately or as part of any other product;
2. Make one (1) copy of the Image(s) for backup or archival
purposes.
B. YOU MAY NOT:
1. Create scandalous, obscene, defamatory, or immoral works
using the Image(s) nor use the Image(s) for any other purpose
prohibited by law;
2. Use or permit the use of the Image(s) or any part thereof as a
trademark or service mark, or claim any proprietary rights of
any sort in the Image(s) or any part thereof;
3. Use the Image(s) in electronic format, on-line, or in
multimedia applications unless (a) the Image(s) are incorporated
for viewing purposes only and (b) no permission is given to
download and/or save the Image(s) for any reason;
4. Rent, lease, sublicense, or lend the Image(s), or a copy
thereof, to another person or legal entity. You may, however,
transfer all your license to use the Image(s) to another person or
legal entity, provided that (a) you transfer the Image(s) and this
License, including all copies (except copies incorporated into
your work product as permitted under this License), to such
person or entity, (b) that you retain no copies, including copies
stored on a computer or other storage device, and (c) the
receiving party agrees to be bound by the terms and conditions
of this License;
5. Use any Image(s) except as expressly permitted by this
License.
15. 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
Our main office (USA, Canada):
The Software Center
PO Box 803, Nashua NH 03061 USA
Main (603) 889-8650
Registration (800) 794-6876
Single Unit Sales (800) 55-SERIF or 557-3743
Technical Support (603) 886-6642
Customer Service (800) 489-6720
General Fax (603) 889-1127
Technical Support E-mail support@serif.com
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 4848
Technical Support (0115) 914 9090
Customer Service (0115) 914 9090
General Fax (0115) 914 2020
Technical Support E-mail support@serif.co.uk
Online
Visit us on the Web at http://www.serif.com
International
Please contact your local distributor/dealer. For further details please
contact us at one of our phone numbers above.
Comments or other feedback
We want to hear from you! E-Mail feedback@serif.com with your
ideas and comments!
Contents
1
♦ Welcome
About the Companion...............................................................................3
Linking to additional help..........................................................................3
What’s new in Serif WebPlus 7.0... ..........................................................4
...on top of these established features......................................................5
Registration and support ..........................................................................6
System requirements ...............................................................................7
Installing WebPlus 7.0..............................................................................7
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?.......................................................................12
3 ♦ Getting Started
WebPlus Startup Wizard ........................................................................15
Using a Web Wizard…...........................................................................16
Take a look around.................................................................................19
For more help on the basics...................................................................22
4 ♦ Working with Text
About text frames ...................................................................................25
Objects on the master page ...................................................................26
Working with text frames........................................................................27
Editing text..............................................................................................27
Changing the ‘Web colors’ .....................................................................29
Importing text..........................................................................................30
For more help on working with text... .....................................................31
5 ♦ Working with Graphics and Animation
Graphics in WebPlus..............................................................................35
Importing a picture or animation............................................................. 36
Drawing basic lines and shapes.............................................................37
Other tools and techniques .................................................................... 38
Adding animations..................................................................................39
LogoPlus and more................................................................................40
For more help on working with graphics and animation.........................41
6 ♦ Working with Hyperlinks and Interactivity
Hyperlinking text..................................................................................... 45
Hyperlinking graphics............................................................................. 46
Using hotspots ....................................................................................... 46
About HTML and Java ...........................................................................47
For more help on hyperlinks and interactivity......................................... 48
7 ♦ Previewing and Publishing
Optimizing the publication......................................................................51
Previewing the site.................................................................................51
Publishing to a local folder ..................................................................... 53
Publishing to the World Wide Web.........................................................54
For more help on previewing and publishing.......................................... 55
8 ♦ Starting from Scratch
Step 1: Design........................................................................................ 59
Step 2: Content ......................................................................................60
Step 3: Finishing touches....................................................................... 61
Design tips and rules of thumb............................................................... 61
Where should I go from here?................................................................ 63
Welcome
1
Welcome 3
About the Companion
The WebPlus 7.0 Companion provides everything you need to get up to
speed, from the basics to tips and tricks for advanced users. Here’s a
brief chapter summary:
1 Welcome. Reviews the program’s main features, requirements,
and installation sequence.
2 Overview. Offers a simple introduction to Web sites—and how
WebPlus helps you create and publish your own.
3 Getting Started. Introduces Web Wizards—our built-in design
assistants—and the WebPlus environment.
4 Working with Text. Describes how to edit the Web Wizard’s
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 proofing—plus a
special section with proven tips to improve your site.
Linking to additional help
Throughout the Companion, use this symbol as your key to further
information that’s available in WebPlus online Help. You’ll find a
complete Visual Reference to the WebPlus interface, plus a
comprehensive “How To” section covering goals and procedures.
Press ) or choose :HE3OXV+HOS from the Help menu.
?
4
Welcome
What’s new in Serif WebPlus 7.0...
Welcome to Serif WebPlus 7.0—the easiest way ever to get your
business, organization, or household on the World Wide Web!
Among new WebPlus 7.0 features, you’ll find...
♦
Streamlined Text Handling
Re-engineered from the ground up, the ultra-fast text engine means
editing text is simpler and more like word processing than ever.
You’ll no longer need to switch to a separate Text tool... or cope
with artificial “text blocks.” And more logical paragraph and
character text styles will help you keep formats under control.
♦ Multiple Document Views
Now you can use WritePlus, the built-in story text editor, side by
side with the page editor. Instantaneous updating of each window
allows simultaneous draft and layout views of Web page text!
♦ QuickShapes
Long an exclusive feature of other Serif solutions, QuickShapes
work like intelligent clipart... or the most powerful set of drawing
tools you can imagine. Just choose a template shape, drag on the
page... then adjust handles to customize each angle and dimension.
♦
Powerful Drawing Options
An arsenal of new drawing tools are at your command... Sketch
freehand lines and curves. Extend existing lines with ease. Apply
line styles to all kinds of shapes—even add line endings like
arrowheads and diamonds.
♦
Gradient Fills
For sophisticated illustrations and impressive text effects, select
from a wide variety of Linear, Radial, and Conical fills. Use the
interactive fill tool for drag-and-drop updating of fill nodes and
colors.
♦
Transparency Effects
Both solid and variable transparency let you add new depth to your
Web creations using both .GIF and .PNG formats. Apply
transparency directly from the Studio, then edit nodes and opacity
with the interactive tool.
Welcome 5
♦
Fastest on the Draw
For sheer speed, our new drawing engine reigns supreme! Not only
that, automatic anti-aliasing of lines, text, and polygons results in
superb visuals, both on-screen and on the printed page.
♦
Other Enhancements
Always easy to use, WebPlus 7.0 now lets you employ
AutoCorrect and AutoSpell proofing options. You can rotate or
reshape text frames and still edit their text. Select multiple Undo
and Redo actions from a handy list. Customize toolbars by adding
your own, or using drag-and-drop to relocate buttons. HTML
export is optimized for Netscape. And so much more!
♦
WebPlus 7.0 Design CD-ROM
Extend your creative capacity with dozens of new Web Wizards,
extra TrueType fonts, and a solid collection of 20,000 Web-ready
graphics, including animations, pictures, and page elements!
...on top of these established features:
♦
Web Wizards for Instant Web Sites
Just pick the type of publication you want to produce and answer a
few simple questions. WebPlus does the rest! Revisit your color
scheme and text selections at any time as you continue to work
with a publication. You can customize the scheme colors, create
brand new schemes, and apply any scheme to a “from-scratch”
Web site. Basic user details are stored for automatic reuse.
♦
Easy Editing and Special Effects
With WebPlus, it’s a snap to import your own text and graphics to
replace the Wizard samples. You’ll 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. Everything’s wrapped into a friendly DTP
environment with onscreen Tooltips, HintLine, and context-
sensitive help!
♦
Versatile Web Feature Support
WebPlus supports HTML 4.0 for better WYSIWYG page design.
Add animated GIFs, marquee effects, sound, and video—even Java
and HTML code—to spice up your pages! The Layout Checker
helps you fine-tune your site before it’s published. Then preview
your site in your own Web browser and publish it to a local folder
or a remote server.
6
Welcome
♦
On-screen Studio Combines Convenience with Functionality
The Studio’s tabs provide rapid drag-and-drop access to
commonly-used controls such as fonts, line settings, and the color
table. Use the Portfolio to store your favorite designs for use in any
Web site... and tap the Gallery, with built-in mastheads, logos, and
lots of other page elements you can customize to suit your needs!
♦ Amazing Logo/Graphic Module
Produce attention-grabbing headlines, unique text effects, and
powerful logos instantly using our exclusive LogoPlus creation
tool...
♦ Professional Layout and Text Tools
Intelligent text fitting. Movable rulers and guides. Precision
placement, rotation, flipping, and cropping. Text formatting with
named styles. Master page for repeating background elements. Not
to mention word count, search and replace, spell-checking,
thesaurus, and proof reader to ensure your site’s readability.
♦
Animated GIFs and Marquees
Add life to your Web pages! Choose from over 600 animated
Animals, Cartoons, Dingbats, Logos, Objects, and more... Use a
Wizard to custom-design your own varied and colorful multi-line
text messages that scroll across the screen...
♦
Integrated 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!
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!
♦
Total Ease-of-Use
Right-click menus. Illustrated QuickTours to smooth the learning
curve. Plus HintLine, Wizards, and context-sensitive cursors to
make WebPlus as friendly as a puppy!
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. We’ll 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.
Welcome 7
System requirements
If you need help installing Windows or setting up peripherals, refer to
Windows documentation and help.
Minimum:
♦ IBM-compatible Pentium PC with CD-ROM drive and mouse (or
other Microsoft-compatible pointing device)
♦
Microsoft Windows® 95, 98, 98 SE, Me, 2000 or Windows NT®
4.0 operating system
♦ 32MB RAM (Windows 95/98), see manufacturer’s requirements
for other operating systems
♦
65MB (recommended install) free hard disk space
♦
SVGA (800x600 resolution, 16-bit color) display or higher
♦
Internet account and connection for Web publishing
Additional disk resources and memory are required when editing large
or complex documents
Optional:
♦
Windows-compatible printer
♦
TWAIN-compatible scanner and/or digital camers
♦
Stylus or other input device
Installing WebPlus 7.0
To install the program, simply insert the WebPlus 7.0 CD-ROM into
your CD-ROM drive. The AutoRun feature automatically starts the
Setup process and all you need to do is answer the onscreen questions.
If AutoRun does not start the install, use the manual install instructions
below.
To reinstall the software or change any part of the installation at a later
date, select 6HWWLQJV&RQWURO3DQHO from the Windows 6WDUW menu and
then double-click the $GG5HPRYH3URJUDPV icon. Make sure the
correct CD-ROM is inserted into your CD-ROM drive, click the
,QVWDOOe button, and follow the on-screen instructions. To install just
one component, choose the Custom option and check only that
component.
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 Page—the first page a visitor sees—usually 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 world—to
share information stored as Web pages. But Web sites don’t depend on
the Internet—they 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?
You’ll first compose your pages as a publication in WebPlus, then
publish the pages as a Web site.
Whether you’re looking for a business, organization, or personal Web
site, you’ll probably want to begin by exploring the Web Web
Wizards that come with WebPlus. Click through the Wizard screens,
make a few selections, and enter some basic information—and 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 you’re ready to publish, WebPlus takes the publication’s 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 specify—either a local hard
disk or a Web host.
To publish to a local folder, you don’t even need a connection to the
Internet. Of course, you’ll need a Web browser to view your site.
To publish to the World Wide Web, you’ll need a host for your Web
site—that is, disk space on a server connected to the Internet—so that
others can access your site. You can also publish your site to the remote
server using WebPlus or a separate FTP utility. You’ll find details in
online help (see the topic “Publishing to the World Wide Web”).
How should I get started?
You’ve 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 :HE3OXV+HOS
from the Help menu, then click +HOSRQ+HOS in the Contents list.
There, you’ll learn about the HintLine, the Visual Reference, and other
built-in learning aids.
Getting Started
3
Getting Started 15
Once WebPlus has been installed, you’ll 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 you’ll see the Startup Wizard.
WebPlus Startup Wizard
Now you can see the normal starting screen. The Startup Wizard
presents five choices:
♦
8VHD:HE: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 an introductory overview
♦
2QOLQH5HVRXUFHV, to access the Serif and WebPlus Web sites
16
Getting Started
Whether you’re an old hand, or just getting started with WebPlus 7.0,
here’s a recommended sequence:
Y From the Startup Wizard, choose 9LHZD4XLFN7RXU to see an
illustrated overview of WebPlus fundamentals. 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 exit the QuickTour.
Y When you’re ready to continue, click:HE:L]DUG or 6WDUWIURP
6FUDWFK from the Startup Wizard (For details on using a Web
Wizard, see the next section.)
Y At any time from the main WebPlus screen, you can press ) or
choose :HE3OXV+HOS from the Help menu to access online help.
The help window initially displays its Contents pane on the left,
and the Visual Reference menu on the right. Click the book icons
in the Contents list to expand topics, and click a document icon to
display a particular topic. Click directly on Visual Reference
graphics to browse interface features like menus and toolbars.
Click the ,QGH[ tab to peruse the list of key terms, or the 6HDUFK
tab to look up specific terms using full-text search.
Y Beginners should click the +HOSRQ+HOS topic in the Contents list
for some tips on how to proceed.
Using a Web Wizard…
Web Wizards are built-in design assistants that speed you through the
process of creating professional Web sites. In this chapter, you’ll use a
Web Wizard and take a brief tour of the WebPlus environment. Then in
the following chapters, we’ll explain how to customize the various
elements of a Web site. The final chapter covers points you’ll need to
know if you literally start from scratch, with a “clean slate.” (Even if
that’s your preference, you should work through the Wizard-based
examples to get up to speed.)
For demonstration purposes, we will be working with a Wizard from
the “Business” category. So at least for now, pretend you’re the
Webmaster for a small business—it’s 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:HE:L]DUG.
Getting Started 17
Y Notice that the %XVLQHVV category is initially selected, with
thumbnails for the available Wizards displayed on the right. We’re
going to use the first one ($UFK), so make sure it’s selected and
then click )LQLVK.
WebPlus retrieves the Wizard and displays it in Wizard Preview mode.
Here’s where you can initially add your own information to the design.
Y The upper section of the Wizard lists several categories that you
can customize, with “Business Details” selected.
Y Further down are boxes where you can review and/or re-enter the
sample “answer text” in the category. Type into the fields to
replace the sample text with your own: in this case, enter a
fictitious (or real) company name, address, etc.
Y When you’re done, click the
1H[W:L]DUG4XHVWLRQ button
to jump to the next information category. (To review a prior
category, click the
3UHYLRXV:L]DUG4XHVWLRQ button.) Here
you can alter Web page titles shown in the Wizard if you wish.
Each time you click elsewhere after entering information, you’ll see the
publication update to reflect your choices. You can change as much or
as little as you like at this point—it’s always possible to revisit the
choices later!
Y Go on to the third category, &RORU6FKHPH. Here you can click
various thumbnails to sample different color schemes for the site.
In WebPlus, 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. Let’s experiment.
18
Getting Started
Y Click the “Carrot” color scheme sample and notice that much of
the text on the Web page turns orange. Now click the “Cuba”
scheme and the text turns green.
Y Look closely at the top portion of each scheme sample, and you’ll
see a group of five colors to the right of the scheme name. Note
that each time you switch schemes, it’s the first of the five scheme
colors that’s being applied to the text.
In Web Wizard publications, body text is conventionally 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 and notice which page
elements change color. Can you see which elements have been
marked with Scheme Color 2? Scheme Color 3?
The bottom portion of each color scheme sample includes the hyperlink
and other Web colors, which are independent of the five scheme colors
and will be discussed in the next chapter.
Y Click the
)LQLVK button when you’re done, and the publication
appears in the WebPlus edit window.
Y Choose 6DYH from the File menu and save the untitled
publication, using the folder and file name of your choice.
Getting Started 19
Take a look around
Let’s take a few moments to examine the publication that the Wizard
has created. In the process, you’ll become familiar with some of the
basic features of the WebPlus environment.
Y Move the mouse pointer around the screen and you’ll see popup
tooltips that identify many items. Watch the HintLine window at
the lower right for capsule descriptions of each feature.
Y To access online help and resources, choose :HE3OXV+HOS from
the Help menu.
Y Right-clicking any toolbar, object, or page region brings up a
context menu of functions.
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.
Note that WebPlus displays one page of the six-page publication at a
time.
On the right side of the WebPlus window, you’ll see the Studio—
actually a cluster of seven special-purpose panels. Let’s preview them
in sequence. Click each panel’s name to display it...
Standard toolbar
HintLine toolbar
Page Area
S
tudio
(
Wizard panel
s
hown)
C
hangeBar
P
asteboard Area
Tools toolbar
Text & Frame toolbars
20
Getting Started
Y The $WWULEXWHVWDE (see illustration) includes five separate panels
that let you customize properties of on-screen elements. These
panels include:
— The &RORUpanel, for applying solid color and/or shading
— The )LOO panel, for applying a gradient fill
— The 7UDQVSDUHQF\ panel, for applying a transparency effect
— The )RQW panel, for changing the font of existing text objects
— The /LQH panel, for setting the weight and type of lines and
shapes
Panels on the Studio’s
Attributes
tab
Y The 6FKHPHV tab displays a list of the available color schemes that
(as you’ve seen) let you instantly revise colors in a Web Wizard
publication. Using this tab, you can customize scheme colors or
create entirely new schemes. Right-click any sample to see various
context menu options.
Y The *DOOHU\ includes a wide variety of predesigned elements—
graphics 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 revisit choices you made when creating
a publication using a Web Wizard. It’s simply a matter of retyping
your information or selecting a different color scheme.
Getting Started 21
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 Page Manager, with several more basic
controls—for inserting one or more blank pages, 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 dialog—or if you accidentally make any
changes that you don’t want to keep—here are some “emergency”
options:
Y To revert to the previously saved copy of your publication, choose
5HYHUW from the File menu. It’s a good idea to save your work
often!
Y You can also reload any saved WebPlus publication by choosing
1HZ from the File menu and selecting the 2SHQD3XEOLFDWLRQ
option. You can open multiple publications and switch between
edit windows if you like.
To undo the most recent change, press &WUO=. (But you can’t undo a
page addition or deletion, so use 5HYHUW to do that.)
Now that you’ve had a good look around the WebPlus interface, and
have successfully created and customized a Web Wizard publication,
you’re ready to proceed to the kinds of projects you have in mind.
22
Getting Started
For more help on the basics...
You’ve 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 you’re ready to construct your actual Web site, you’ll no doubt
want to learn about other options. See online help for additional details.
For help on... In WebPlus Help,
display...
Then...
Starting, saving,
closing publications
Contents list See topics in section “How to
Work with WebPlus
Publications”
Overview of Web
site concepts
Index Select “Web sites, getting
started”
WebPlus menus and
toolbars
Visual Reference Click any menu or toolbar
name
Setting up pages
Setting view options
Using layout tools
Contents list See topics in section “How to
Work with Pages”
?
Working with Text
4
Working with Text 25
Now that you’ve reviewed the pages the Web Wizard provided, and
had a chance to revise Wizard “answer text” using the Studio, it’s time
to look at how to add standard text and change the layout of text on the
page. It’s really not complicated at all.
About text frames
All ordinary text in WebPlus fits into text frames. Frames work
equally well as containers for single words or standalone paragraphs.
Two or more frames can be linked together so the enclosed text flows
from the first frame to the second, and so
on—like a newspaper article with multiple
columns. Whether there’s a single frame or
more than one in series, the enclosed frame
text is called a story.
Let’s begin by seeing how the Web Wizard has utilized frame text in
the “Grid” example you created in the previous chapter.
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.
You’ve just selected the Pointer tool—the basic tool for selecting,
moving, and resizing objects, including the boxes that contain text.
Y Using the Pointer tool, click the “Home Page” text at the right.
Y Now click the paragraph starting with “Here’s 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.”
26
Working with Text
Notice the gray Link button on the selected frame’s bottom edge. The
button’s 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 displayed—either a standalone
frame or the last frame in a linked sequence.
A plus sign (as on the “Here’s the place” frame) shows
there’s 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 frame’s text continues into
a following linked frame.
Objects on the master page
Let’s take a brief detour to review a key WebPlus concept...
Y Click the company name heading text 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 you’re working on the master page.
You can think of the master page as a background that’s 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 header and footer, address information, various
graphic elements, and text links to other sections of the site. These are
the common elements the designer of this particular Wizard has
determined should appear on each page of the site.
Y Now click the &XUUHQW3DJH box again (once only) to return to the
page layer.
Working with Text 27
Working with text frames
It’s easy to move or resize a text frame. The appearance of the cursor
over the selected frame tells you what will happen if you click and drag
at that point.
Y Using the Pointer tool, select the “Here’s the place” text frame.
Notice the blinking insertion point in the frame’s text. In this mode,
you can type directly into the frame, and edit the text with the Pointer
tool.
Y
Now position the pointer over the frame’s gray bounding box
and notice the “Move” cursor appear. Click and drag to move the
frame a short distance, then press &WUO= to undo the move.
Y Click one of the frame’s corner or edge handles and drag to resize
the frame. If you drag the bottom edge down, you’ll see that
there’s more text visible in the frame. Again, undo the changes.
Here’s how easy it is to create a new frame.
Y Click the
button on the left toolbar to select the Frame tool.
Now locate some empty space on the pasteboard (outside the page
area), then click and drag out a marquee where you want the new
frame to go. When you release the mouse button, an empty frame
appears.
Y Note that the
3RLQWHUWRRO was automatically selected after
you created the new frame. Type a few words into the frame.
Editing text
Web Plus lets you edit text directly on the page, or with WritePlus, the
built-in text editor. Using the Pointer tool, you can type into any
paragraph, drag to select characters, and use the formatting controls on
the top Text toolbar. As with a word processor, double-clicking selects
a word, and triple-clicking selects a paragraph.
Y Select part of the text you typed into the new frame, then try
changing its font and pointsize using the controls on the top
toolbar.
28
Working with Text
Y To work with a more substantial amount of text, let’s switch to the
“Here’s the place” body text frame on the page. Right-click this
frame and choose (GLW6WRU\ from the context menu to launch
WritePlus.
WritePlus opens in a separate window that shares many of the standard
WebPlus menus and toolbars. You can move the mouse pointer around
to view tooltips and hint text for the various buttons. Because
WritePlus displays the full text of a given story, it’s ideal for viewing
and editing the full text of a story that may span several frames or
pages. You can view the text in draft mode (without formatting), export
story text, and employ the Word Count function.
Obviously, the original text in this story is simply a placeholder for the
text you’ll be adding to your Home page. You can type over the sample
text, or select it all, delete, and begin with an empty frame, as you wish.
Y To update WebPlus with any changes, click the
$FFHSW
button. To abandon changes, click
&DQFHO.
By the way, you may be wondering about the difference between
editing standard text and Web Wizard “answer” text. The key point is
that if you want to preserve answer fields, you should use the :L]DUG
tab to edit their text, as explained in the previous chapter.
Y Click the &XUUHQW3DJH box at the lower left to switch to the
Master Page level. Now try to select just part of the company name
text. You can’t! Only the entire block of text can be highlighted.
Answer text is stored in fields, and when you select one of them (the
company name in this case) the whole field highlights—a 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 usual text editing functions
to change the field’s character or paragraph properties, or
cut/copy/paste answer text fields within the document if necessary.
Again, a reminder: 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.
Working with Text 29
Changing the ‘Web colors’
When you stepped through the Wizard to create the sample site we’ve
been working with, you chose one of several alternate color schemes.
In the previous chapter, we used a 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 Web 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 publication’s
color scheme also includes these special Web color settings:
♦
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 you’ll 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 basic colors
(and Web colors) in a scheme, or
set a different background bitmap,
using the Scheme Manager, in the
same way that you’d modify the
scheme’s five basic colors. To
display it, right-click the scheme
name (or click the Tools menu)
and choose 6FKHPH0DQDJHU.
30
Working with Text
Importing text
Besides typing text into a frame 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. It’s easy to
import text from a file into an existing frame. Let’s try it!
Y Using the Pointer tool, right-click the “Here’s the place” frame.
Y Choose 6HOHFW$OO from the Edit menu (shortcut &WUO$) and press
'HOHWH to clear the frame.
Y Right-click the frame choose 7H[W)LOH. Using the file selection
dialog, open S
AMPLE
.
DOC
in the S
ERIF
/WP70/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.
Note: In this instance, click 1R to decline both the AutoFlow and
AutoFit options, which would create additional text frames and
adjust the text size to fit the story precisely in the visible frame
area.
Y Press &WUO( as a shortcut to launch WritePlus, and briefly inspect
the new sample text. (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.
Working with Text 31
For more help on working with text...
In this chapter, you’ve examined the placeholder text provided by the
Web Wizard and learned how to create, edit, and import standard 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, you’ll 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... In WebPlus Help,
display...
Then...
Overview of
WebPlus text
Index Select “text, overview”
Import text
Work with frames
and free text
Contents list See topics in section “How to
Work with Text”
Set text properties
Use templates and
named styles
Contents list See topics in section “How to
Format Characters and
Paragraphs”
Set defaults Index Select “default properties”
Use proofing tools Index Select from “proofing tools”
Color schemes Index Select “color: using color
schemes”
If you’re interested in presenting text or numeric data on your Web
pages, you’ll want to learn about TablePlus, the sophisticated table
editor that’s built into WebPlus. For an overview, see the QuickTour
8VLQJ7DEOH3OXV
?
Working with Graphics
and Animation
5
Working with Graphics and Animation 35
In this chapter, we’ll continue exploring the pages the Web Wizard
provided—this time looking at pictures and graphic objects. The focus
will be on how to replace the placeholder images the Wizard installed
with your own pictures, and how to create new graphic elements.
Graphics in WebPlus
Web 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
object’s properties.
Y Drag the photo to the right so it partially overlaps the “Home
Page” frame. Now click on the photo where it overlaps the frame,
and a blinking cursor appears in the frame. Click again in the same
place—the text edit cursor remains. Now hold down the $OW key
and click. This time, you’ve selected the photo again.
As a general rule, when two or more objects overlap at a particular
point, your first click at that point selects the uppermost object—
typically the one most recently created. Your second click selects the
object below the first, and so on. If one of the objects happens to be a
text frame, use $OW-click to override the text edit cursor.
TIP: You can also employ $OW-click anytime to drag a text frame from
its center.
36
Working with Graphics and Animation
Importing a picture or animation
You’ll 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 it’s exported using
one of the standard bitmap formats (GIF or JPG) that Web browsers
recognize. Let’s try importing.
Y Click the
,PSRUW3LFWXUH button on the left toolbar.
Y Using the file selection dialog, open P
HOTO
1.
BMP
in the
S
ERIF
/WP70/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.
By the way, the WebPlus 7.0 Design CD-ROM 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 ,QVHUW:HE
2EMHFW$QLPDWHG*,). For details, search for “WebArt” in the
online help index.
Working with Graphics and Animation 37
Note that the time it takes a visitor to load one of your Web pages is
directly related to the size of the page’s 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 we’ve 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.
It’s 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. You’ll find them on
the left toolbar:
Straight Line Freehand Line QuickShape
With them, you can add both functional and decorative layout
elements—for example, clickable buttons or page dividers. To draw a
line, click either line tool, then click and drag. To extend an existing
line, begin drawing from one of the line’s end nodes.
QuickShapes are pre-designed objects that you can instantly add to
your page, then adjust and vary using control handles. The QuickShape
flyout contains a wide variety of commonly used shapes, including
boxes, ovals, arrows, polygons and stars.
Y Click the 4XLFN6KDSHbutton, then select a box shape from the
flyout. Click and drag out a small box on the screen.
The new box displays a sliding adjustment handle, used to control
corner shape. Most QuickShapes have multiple adjustment sliders.
Y Drag the slider up for concave corners, down for convex. Note that
the tool has reverted to the Pointer, and you can also use it to move
or resize the box.
Initially, the box will have a black line border and a clear fill. The
easiest way to change the object’s line and fill properties is to use the
Studio.
Y Display the /LQH panel of the Studio’s Attributes tab. Try applying
a higher Weight value to give the box a thicker border, and click
various Type samples for a different line.
38
Working with Graphics and Animation
Y Now display the Attributes tab’s &RORU panel. You can easily
change the box’s line or fill color and/or shade by first right-
clicking a solid color sample, then choosing either $SSO\WR/LQH
or $SSO\WR)LOO. (Left-clicking a sample applies the solid color or
shade to the selected object’s fill.). For each base color you select,
you can pick from multiple shades of that color displayed in the
Shades group.
Note: You can achieve great results using just solid colors, but for even
more impressive effects in conjunction with the .PNG graphic format,
explore the Transparency panel on the Attributes tab. Using the
samples in conjunction with the Transparency tool, you can create
highlights, shading and shadows, and simulate “rendered” realism.
You’ll find full details in online help, as noted at the end of the chapter.
Y Now click to display the )LOOpanel. Here you’ll find an array of
predefined color fills in several categories: Linear, Radial, and
Conical. Try applying some of the thumbnails to get a feel for the
wide range of possibilities. If you want to switch back to a clear
fill, click 1RQH in the drop-down list.
Y In passing, right-click on the box object itself and note the
available /LQH, )LOO, and 7UDQVSDUHQF\ options that let you
adjust all these properties.
The 4XLFN6KDSH button lets you draw a
whole range of figures, including ovals,
polygons, arrows, stars, callouts, and so on.
As a mini-project, you might try creating a
Home Page button by overlaying a text frame
on an unfilled shape. Select both objects, then
click the little *URXS button to link them.
Later (in the next chapter) we’ll see how to
add a hyperlink!
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.
Working with Graphics and Animation 39
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 dimensions—for example, a
square or circle—hold 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.
Y To duplicate an object, select it, then press and hold the &WUO key
and drag out a copy.
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.
Y Use the WebPlus layout tools—including rulers, guides, the dot
grid, and the 6QDSSLQJ button—to position and align items with
precision for a professional appearance.
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. Let’s
see how easy it is to add 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. We’ll leave you on
your own to browse through the collection. Just click a title on the
list, and watch the animation in the window.
40
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.
The animation won’t move on the WebPlus page, which only displays
the first of the GIF’s multiple frames. But keep it on your page so it’s
available when it’s time to preview the Web site in your browser.
You may wish to try the animated marquee effect, too—click the
,QVHUW$QLPDWHG0DUTXHHbutton on the left toolbar.
Y Before continuing to the next chapter, remember to save your
work.
LogoPlus and more
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. You’ll 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 the QuickTour 8VLQJ/RJR3OXV.
… 4 …

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 7 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 7 in de taal/talen: Engels als bijlage per email.

De handleiding is 0,41 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