Sunteți pe pagina 1din 156

V-COM.

COM

User’s Guide

3132 Dwight Road, Suite 500


Elk Grove, CA 95758-6469
USA
www.avanquestusa.com
Web Easy Professional 6

Copyright ©2003–2005 Avanquest Publishing USA, Inc.


All Rights Reserved.
Web Easy is a registered trademark and C-Clearly is a trademark of Avanquest Publishing USA, Inc. Microsoft,
Windows, and Verdana are registered trademarks of Microsoft Corporation. Adobe and Acrobat are registered
trademarks of Adobe Systems Incorporated. Flash is a trademark of Macromedia, Inc. Arial and Times New Roman
are trademarks of The Monotype Corporation. All other trademarks are the property of their respective owners.
The information in this document is subject to change without notice. Companies, names, and data used in
examples herein are fictitious unless otherwise noted. No part of this document may be reproduced or transmitted in
any form or by any means, electronic or mechanical, for any purpose, without the express written permission of
Avanquest Publishing USA, Inc.
Documentation by D. Leatherman and L. Bridgeman
SW6000 Document Number 120-1410-6
AVANQUEST END USER’S LICENSE AGREEMENT
The software that is subject to this End User’s License Agreement (EULA) is licensed, not sold, to the Licensee by
Avanquest USA.
IF LICENSEE DOES NOT AGREE TO ALL OF THE TERMS AND CONDITIONS OF THIS EULA, THEN
WITHIN 30 CALENDAR DAYS AFTER ACQUIRING THE LICENSED SOFTWARE, LICENSEE MAY
RETURN IT TO THE PLACE WHERE LICENSEE OBTAINED IT FOR A FULL REFUND (LESS, IF
APPLICABLE, SHIPPING, HANDLING, AND ANY TAXES), BUT ONLY IF LICENSEE HAS NOT
INSTALLED, ACCESSED, OR USED THE LICENSED SOFTWARE.
Installing, copying, accessing, or using the Licensed Software constitutes Licensee's acceptance of, and promise to
comply with, all of the terms and conditions of this EULA.

LICENSE TERMS
CONTENTS.
The “Licensed Software” includes all of the contents of the files, disk(s), CD-ROM(s), DVDs, or other media for
which this EULA is provided, including:
(1) third-party computer information or software that Avanquest USA has licensed for inclusion in the Licensed
Software;
(2) written materials or files relating to the Licensed Software (“Documentation”);
(3) fonts; and
(4) upgrades, modified versions, updates, additions, and copies of the Licensed Software, if any (collectively,
“Updates”).
INSTALLATION.
Unless Licensee has purchased a Site License Agreement, Licensee may install one copy of the Licensed Software
on a single computer. Licensee shall be solely responsible for all expenses incurred in Licensee’s installation of the
Licensed Software.
ACTIVATION.
The Licensed Software contains technological measures that are designed to prevent its unlicensed or illegal use.
The Licensed Software may contain enforcement technology that limits Licensee’s ability to install and uninstall
the Licensed Software on a machine to no more than a finite number of times, and for a finite number of machines.
The Licensed Software may require activation as explained during installation and in the Documentation. If any
such applicable activation procedure(s) is not followed, then the Licensed Software may only operate for a finite
period of time. If activation is required, and not completed within the finite period of time set forth in the
Documentation and explained during installation, then the Licensed Software will cease to function until activation
has been completed, at which time functionality will be restored. If Licensee has any problem with the activation
process, Licensee should contact Avanquest USA customer support.
COPIES.
Licensee may make one copy of the Licensed Software for backup or archival purposes only, except that the
Documentation may not be duplicated.
TRANSFER.
Licensee may not sell, assign, or transfer the Licensed Software or the License granted by this EULA without prior
written consent of Avanquest USA.

Web Easy Professional 6 End User’s License Agreement • 3


USE.
The License granted by this EULA is non-exclusive.
PROHIBITED USES.
(1) Licensee may not modify, adapt, translate, sublicense, rent, lease, or loan all or any portion of the Licensed
Software or Documentation;
(2) Licensee may not create any derivative works from all or any portion of the Licensed Software or
Documentation;
(3) Licensee may not reverse-engineer, decompile, disassemble, or otherwise attempt to discover the source code
of the Licensed Software except, and then: only to the extent expressly permitted by applicable law; after
notification to Avanquest USA; upon payment of a reasonable fee; and execution of a confidentiality
agreement to protect the code from disclosure to any third parties;
(4) Licensee may not use a previous version of the Licensed Software after receiving a media replacement or
upgraded version as a replacement to a prior version (in such case you must destroy the prior version);
(5) Licensee may not use the Licensed Software in the operation of aircraft, ship, nuclear facilities, life-support
machines, communication systems, or any other equipment in which the failure of the software could lead to
personal injury, death, or environmental damage;
(6) Licensee may not remove or obscure Avanquest USA’s copyright or trademark notices, or the copyright and
trademark notices of third parties that Avanquest USA has included in the Licensed Software or
Documentation; and
(7) Licensee may not use the Licensed Software to host applications for third parties, as part of a facility
management, timesharing, service provider, or service bureau arrangement; and
(8) Licensee may not use the Licensed Software in any manner not authorized by this EULA.
CONTENT.
Licensee may use any clipart, photographs, icons, fonts, shapes, animations, sounds, music, video clips, and all
other graphic content (collectively, “Content”) included with the Licensed Software, if any, only as stated in the
Documentation. If the Documentation does not permit Licensee to use the Content, then Licensee may not display,
modify, reproduce, or distribute any of the Content; and even if the Documentation permits Licensee to use the
Content, Licensee may not distribute the Content on a stand-alone basis such as where the Content constitutes the
primary value of whatever Licensee is distributing.
Certain portions of the Content may consist of the copyrights, trademarks, service marks, trade names, or other
intellectual property of third parties. Avanquest USA has provided these portions of the Content for Licensees’
convenience in using the Licensed Software, pursuant to authorization of their owners. Except for this limited use,
Licensee may not use any third-party intellectual property identified as belonging to others without the owners’
express authorization. Furthermore:
(1) Licensee may not sell, license, distribute (commercially or otherwise), or make available the Content as stand-
alone images or sounds, or in catalogs, design books, compilations, collections, templates, designs, stock
engravings, products, services, or the like;
(2) Licensee may not sell, license, distribute (commercially or otherwise), or make available electronic copies of
the Content to third parties in any manner, including without limitation, via the Internet, on any tangible media
or by broadcast, that is intended or designed to enable a third party to copy the Content for its own use;

4 • End User’s License Agreement Web Easy Professional 6


(3) Licensee may not sell, license, distribute (commercially or otherwise), or make available electronic copies of
the Content that includes representations of identifiable individuals, governments, logos, initials, emblems,
trademarks, or entities that expresses or implies any endorsement or association with any product, service,
entity, or activity; and
(4) Under no circumstances may the Content be used in the production of defamatory, fraudulent, infringing,
lewd, obscene, or pornographic material, or in any otherwise illegal manner.
Licensee is solely responsible for Licensee’s use of the Content. Licensee may only use the Content responsibly, in
a manner consistent with the exercise of good judgment. If Licensee is having difficulty deciding whether
Licensee’s intended use is appropriate, or whether Licensee needs written permission, or whether other legal issues
should be considered, Avanquest USA strongly encourages Licensee to seek competent legal counsel. Avanquest
USA will not assist Licensee in making this determination, nor can Avanquest USA provide Licensee with legal
advice as to intellectual property rights.
If Licensee or Licensee's attorney determines that Licensee is required by law to obtain written permission to use
portions of the Content, Licensee must request permission for reproduction, redistribution, or modification of the
Content from the appropriate owner of the subject materials (as may be cited in the Licensed Software). If, on the
other hand, Licensee or Licensee's attorney determines it is permissible to proceed and include Content from the
Licensed Software, Avanquest USA asks Licensee to correctly designate Avanquest USA’s trademark(s) when
referring to the Licensed software in the notice or copyright portion of Licensee’s paper, project, or product.
Licensee shall indemnify, hold harmless, and defend Avanquest USA and Avanquest USA’s suppliers from all
claims, damages, attorneys’ fees, costs, and lawsuits that arise from, or result from, Licensee’s use or distribution of
Content.
SOFTWARE UPDATES.
If the Licensed Software is an Update to a previous version, Licensee must possess a valid License to the previous
version. Any Update provided to Licensee is made on a License-exchange basis such that Licensee agrees, as a
condition for receiving an Update, that Licensee will terminate all of Licensee’s rights to use any previous version
of the Licensed Software. However, Licensee may continue to use the previous version only to assist in
transitioning to the Updated version. Once an Update has been released, Avanquest USA may cease support for
prior versions, without any notice to Licensee.
CONTENT UPDATES.
Avanquest USA provides updates to the content of some of its software from time to time, including but not limited
to, virus definitions, URL lists, rules, and updated vulnerability data. These types of updates are collectively
referred to as “Content Updates.” Licensee may obtain any such Content Updates during the initial period provided
for by the applicable software without additional charge. Licensee may purchase a separate subscription for a
specified period of time to continue to receive Content Updates after the initial period expires. Avanquest USA
reserves the right to designate specified Content Updates as requiring purchase of a separate subscription at any
time, and without prior notice to Licensee, except that any such change will only become effective at the earlier of
the expiration of the initial period provided for by the applicable software, or the expiration of the term of a
separately paid for subscription.
SUPPORT.
Avanquest USA is not obligated by this EULA to provide Licensee with any technical support services relating to
the Licensed Software; however, Licensee may order additional support services for an additional charge as
Avanquest USA may offer from time to time during the term of this EULA.

Web Easy Professional 6 End User’s License Agreement • 5


LIMITED WARRANTY ON MEDIA.
Avanquest USA warrants that the media on which the Licensed Software is distributed will be free from defects for
a period of 30 days from the date the Licensed Software is delivered to Licensee. If Licensee discovers a defect in
the media during this 30-day period, Licensee must then return the defective media to Avanquest USA within 10
calendar days of discovering the defect, and Licensee’s sole remedy is to have either the defective media replaced,
or at Avanquest USA’s sole option, a refund of the money that Licensee paid for the Licensed Software.
NO WARRANTY ON LICENSED SOFTWARE.
The Licensed Software is provided to Licensee “AS IS.” Avanquest USA, and Avanquest USA’s suppliers, make no
warranty as to its use or performance. AVANQUEST USA, AND AVANQUEST USA’S SUPPLIERS, MAKE NO
WARRANTIES, CONDITIONS, REPRESENTATIONS, OR TERMS (EXPRESS OR IMPLIED WHETHER BY
STATUTE, COMMON LAW, CUSTOM, USAGE, OR OTHERWISE) AS TO ANY MATTER INCLUDING
WITHOUT LIMITATION NON-INFRINGEMENT OF THIRD-PARTY RIGHTS, MERCHANTABILITY,
INTEGRATION, SATISFACTORY QUALITY, OR FITNESS FOR ANY PARTICULAR PURPOSE, EXCEPT
FOR, AND TO THE EXTENT, THAT A WARRANTY MAY NOT BE EXCLUDED OR LIMITED BY
APPLICABLE LAW IN LICENSEE’S JURISDICTION.
LIMITATION OF LIABILITY.
IN NO EVENT WILL AVANQUEST USA, OR AVANQUEST USA’S SUPPLIERS, BE LIABLE TO LICENSEE
FOR ANY DAMAGES, CLAIMS, OR COSTS WHATSOEVER, OR FOR ANY CONSEQUENTIAL,
INDIRECT, INCIDENTAL DAMAGES, OR ANY LOST PROFITS OR LOST SAVINGS, EVEN IF A
REPRESENTATIVE OF AVANQUEST USA OR ONE OF AVANQUEST USA’S SUPPLIERS HAS BEEN
ADVISED OF THE POSSIBILITY OF SUCH LOSS, DAMAGES, CLAIMS, OR COSTS, OR FOR ANY
CLAIM BY ANY THIRD PARTY. THESE LIMITATIONS AND EXCLUSIONS APPLY TO THE EXTENT
PERMITTED BY APPLICABLE LAW IN LICENSEE’S JURISDICTION. THE AGGREGATE LIABILITY OF
AVANQUEST USA, AND AVANQUEST USA’S SUPPLIERS, UNDER OR IN CONNECTION WITH THIS
EULA, SHALL BE LIMITED TO THE AMOUNT PAID FOR THE LICENSED SOFTWARE, IF ANY.
ADDITIONAL TERMS FOR BETA SOFTWARE.
If the Licensed Software that Licensee receives with this EULA is pre-commercial release or “BETA” software
(“Pre-release Software”), then, to the extent that any provision in this section is in conflict with any other term or
condition in this EULA, this section supersedes such conflicting term(s) and condition(s) as to the Pre-release
Software, but only to the extent necessary to resolve the conflict.
Licensee acknowledges that the Pre-release Software does not represent the final product from Avanquest USA,
and may contain bugs, errors, and other problems that could cause system or other failures and data loss.
Consequently, Avanquest USA disclaims any warranty or liability obligations to Licensee of any kind whatsoever.
IN APPLICABLE JURISDICTIONS WHERE LIABILITY CANNOT BE SO EXCLUDED FOR PRE-RELEASE
SOFTWARE, BUT MAY BE LIMITED, AVANQUEST USA'S LIABILITY, AND THAT OF ITS SUPPLIERS,
SHALL BE LIMITED TO THE TOTAL OF FIFTY DOLLARS (U.S. $50.00).
Licensee acknowledges that Avanquest USA has not promised or guaranteed to Licensee that the Pre-release
Software will be announced or made available to anyone in the future, and that Avanquest USA has no express or
implied obligation to Licensee to announce or introduce the Pre-release Software. Avanquest USA may decide not
to introduce a product similar to, or compatible with, the Pre-release Software. Accordingly, Licensee
acknowledges that any research or development that Licensee performs regarding the Pre-release Software, or any
product associated with the Pre-release Software, is done entirely at Licensee’s own risk.
During the term of this EULA, if requested by Avanquest USA, Licensee will provide feedback to Avanquest USA
regarding testing and use of the Pre-release Software, including error or bug reports.

6 • End User’s License Agreement Web Easy Professional 6


If Licensee has been provided the Pre-release Software pursuant to a separate written agreement, then Licensee’s
use of the Pre-release Software is also governed by that agreement. Notwithstanding anything in this EULA to the
contrary, if Licensee is located outside the United States, Licensee will return or destroy all unreleased versions of
the Pre-release Software within 30 days of the completion of Licensee’s testing of the Pre-release Software if that
date is earlier than the date scheduled for Avanquest USA’s first commercial shipment of the publicly released
(commercial) Software.
SURVIVAL OF DISCLAIMERS.
The exclusions of warranties and liability limitations shall survive the termination of this EULA, howsoever
caused; but this survival shall not imply or create any continued right to use the Licensed Software after termination
of this EULA.
EXPORT RULES.
Licensee shall not ship, transfer, or export Licensed Software into any country or use Licensed Software in any
manner prohibited by the United States Export Administration Act or any other export laws, restrictions, or
regulations (collectively the “Export Laws.”) If the Licensed Software is identified as export controlled items under
the Export Laws, Licensee represents and warrants that Licensee, and Licensee's employees who will use the
Licensed Software are not a citizen, or otherwise located within, an nation embargoed by the United States
(including without limitation: Iran, Syria, Sudan, Cuba, and North Korea), and that Licensee, and Licensee's
employees who will use the Licensed Software, are not otherwise prohibited under the Export Laws from receiving
the Software. All rights to use the Licensed Software are granted on condition that Licensee complies with the
Export Laws, and all such rights are forfeited if Licensee fails to comply with the Export Laws.
GOVERNING LAW.
This EULA is subject to, and will be governed by and construed in accordance with the substantive laws in force of:
(1) the State of California, if the Licensed Software is obtained when the Licensee is in the United States, Canada,
Mexico, or Chile; or
(2) the applicable law of any other jurisdiction if the Licensed Software is obtained in any location not described
in (1), but only to the extent the law of the other jurisdiction conflicts with California Law.
Unless prohibited by law of an applicable jurisdiction, the courts of the State of California shall have exclusive
jurisdiction over all disputes relating to this EULA. This EULA will not be governed by the conflict of law rules of
any jurisdiction, or the United Nations Convention on Contracts for the International Sale of Goods, the application
of which is expressly excluded.
INTELLECTUAL PROPERTY OWNERSHIP.
The Licensed Software and any authorized copies that Licensee makes are the intellectual property of, and are
owned by, Avanquest USA, and by third parties whose intellectual property has been licensed by Avanquest USA.
The structure, organization, and code of the Licensed Software are the valuable trade secrets and confidential
information of Avanquest USA and such third parties. The Licensed Software is protected by law, including
without limitation, the copyright laws of the United States and other countries, and by international treaty
provisions. Except as expressly provided in this EULA, Licensee is not granted any intellectual property rights in
the Licensed Software.
RESERVATION OF RIGHTS.
Avanquest USA reserves all rights not expressly granted to Licensee by this EULA. The rights granted to Licensee
are limited to Avanquest USA’s intellectual property rights, and to the intellectual property rights of third parties
licensed by Avanquest USA, and do not include any intellectual property rights.

Web Easy Professional 6 End User’s License Agreement • 7


COMPLETE AGREEMENT.
This EULA constitutes the entire agreement between the Licensee and Avanquest USA relating to the Licensed
Software, and it supersedes all prior or contemporaneous representations, discussions, undertakings,
communications, agreements, arrangements, advertisements, and understandings regulating the Licensed Software.
MODIFICATION.
This EULA may only be modified or amended by a writing signed by an authorized officer of Avanquest USA.
SEVERABILITY.
If any provision of this EULA is determined by a court of competent jurisdiction to be contrary to law, that
provision will be enforced to the maximum extent permissible, and the remaining provisions of this EULA will
remain in full force and effect.
WAIVER.
No failure or delay by Avanquest USA in exercising its rights or remedies shall operate as a waiver unless made by
specific written notice. No single or partial exercise of any right or remedy of Avanquest USA shall operate as a
waiver or preclude any other, or further, exercise of that, or any other right, or remedy.
U.S. GOVERNMENT USERS.
The Licensed Software and Documentation are “Commercial Items,” as that term is defined at 48 CFR §2.101,
consisting of “Commercial Computer Software” and “Commercial Computer Software Documentation,” as such
terms are used in 48 CFR §12.212 or 48 CFR §227.7202, as applicable. Consistent with 48 CFR §12.212 or 48 CFR
§§227.7202-1 through 227.7202-4, as applicable, the Commercial Computer Software and Commercial Computer
Software Documentation are being licensed to U.S. Government end users:
(1) only as Commercial Items; and
(2) with only those rights as are granted to all other end users pursuant to the terms and conditions herein.
Unpublished-rights reserved under the copyright laws of the United States. Avanquest Publishing USA, Inc.; 3132
Dwight Road, Suite 500; Elk Grove, CA 95758-6469, USA.
For U.S. Government End Users, Avanquest USA agrees to comply with all applicable equal opportunity laws
including, if appropriate, the provisions of Executive Order 11246, as amended, Section 402 of the Vietnam Era
Veterans Readjustment Assistance Act of 1974 (38 USC 4212), and Section 503 of the Rehabilitation Act of 1973,
as amended, and the regulations at 41 CFR Parts 60-1 through 60-60, 60-250, and 60-741. The affirmative action
clause and regulations contained in the preceding sentence shall be incorporated by reference in this EULA.
PROOF OF COMPLIANCE.
Within 30 calendar days after request from Avanquest USA, or Avanquest USA’s authorized representative,
Licensee will provide full documentation, and certify under penalty of perjury, that Licensee’s use of any and all
Licensed Software is in conformity with this EULA.
TERMINATION.
If Licensee breaches this EULA, and fails to cure any breach within 30 calendar days after request from Avanquest
USA, or Avanquest USA’s authorized representative, Avanquest USA may terminate this EULA, whereupon all
rights granted to Licensee shall immediately cease. Furthermore, upon termination, Licensee shall return to
Avanquest USA all copies of the Licensed Software, or verify in writing that all copies of the Licensed Software
have been destroyed.

8 • End User’s License Agreement Web Easy Professional 6


Contents

Getting Started 13
Introduction...............................................................................................................................13
Quick Installation......................................................................................................................15
Starting Web Easy Pro ..............................................................................................................15
Getting Updates ........................................................................................................................16
About Web Sites .......................................................................................................................16
Web Site Templates...................................................................................................................17
What’s New in Version 6 ..........................................................................................................18
Getting Help..............................................................................................................................19
Using the Interactive Tutorial ...................................................................................................23

Learning the Basics of Web Easy Pro 25


Understanding the Interface......................................................................................................25
Using the Web Easy Pro Tools..................................................................................................29
Working with Web Easy Pro .....................................................................................................30
Using the Activity Center .........................................................................................................32
Using File Browser to Select Files ...........................................................................................33
Where to Find Clipart, Images, and More ................................................................................35

Creating Documents 37
Overview...................................................................................................................................37
Creating a Document Using the Web Site Assistant.................................................................38
Creating a Document Using a Template ...................................................................................43
Creating a Document Using Your Own Design........................................................................45
Working with Documents .........................................................................................................47
Viewing Your Document ..........................................................................................................49
Importing an Existing Web Site or Page...................................................................................50
Web Easy Professional 6 Contents • 9
Editing Documents 53
Overview ...................................................................................................................................53
Working with Pages ..................................................................................................................55
Working with Items...................................................................................................................58
Working with Images ................................................................................................................65
Working with Text.....................................................................................................................73
Working with Tables .................................................................................................................76
Working with Shapes ................................................................................................................78
Working with Links...................................................................................................................81
Working with Sound .................................................................................................................87
Working with Scenes.................................................................................................................89
Adding e-Commerce to Your Web Site.....................................................................................93
Adding Advanced Items............................................................................................................96

Building a Web Site 99


Overview ...................................................................................................................................99
Building Your Document into a Web Site...............................................................................100

Publishing a Web Site 103


Overview .................................................................................................................................103
Step 1: Before You Publish .....................................................................................................103
Step 2: Open the Publish Assistant .........................................................................................104
Step 3: Connect to Your Remote Host ....................................................................................105
Step 4: Choose the Package to Publish ...................................................................................108
Step 5: Check the Transfer Settings ........................................................................................108
Step 6: Transfer the Package to the Remote Host...................................................................109
Step 7: View Your Remote Web Site ......................................................................................109
Maintaining Your Web Site.....................................................................................................109

Creating Dynamic Web Sites 111


Overview ................................................................................................................................. 111
Adding Rollovers ....................................................................................................................112
Adding Page Transitions .........................................................................................................114
Adding Effects to Objects .......................................................................................................115
Animating Objects ..................................................................................................................116
Creating a Slideshow ..............................................................................................................117

10 • Contents Web Easy Professional 6


Making a Web Site: A Tutorial 123
Overview.................................................................................................................................123
Selecting a Template ...............................................................................................................123
Customizing the Web Site Document .....................................................................................126
Previewing Your Site ..............................................................................................................130
Building the Web Site .............................................................................................................131
Publishing the Web Site ..........................................................................................................131
Summary .................................................................................................................................134

Helpful Hints and Troubleshooting 135


Tips..........................................................................................................................................135
Shortcuts .................................................................................................................................137
Home Taskbar and Toolbars ...................................................................................................138
Edit Taskbar and Toolbars ......................................................................................................139
Troubleshooting ......................................................................................................................140
Uninstalling Web Easy Pro .....................................................................................................144

Glossary of Terms 145

Index 149

Complimentary Technical Support 155

Web Easy Professional 6 Contents • 11


12 • Contents Web Easy Professional 6
Getting Started

Introduction
With Web Easy Pro®, you can easily create web sites without any
knowledge of HTML programming. You have full What-You-See-Is-What-
You-Get (WYSIWYG) control over the content and layout of each page of
your web site.

With Web Easy Pro, you can have a great looking web site without the
hassles, time, and cost of conventional “programmer” style HTML editors.
Start with one of our 120+ professionally designed templates, import an
existing site, or unleash your creative talent to deliver your message.
This guide describes the basics for using Web Easy Pro. Detailed
information is provided in the online help, cue cards, and online tutorials
included with the program. For more information about the available help
options, see “Getting Help” on page 19 and “Using the Interactive
Tutorial” on page 23.

Web Easy Professional 6 Getting Started • 13


Web Site Creation
• Drag and drop photos, objects, and other items exactly where you
want them.
• Give your pages backgrounds, sound effects, and custom sizes.
• Add text and enhance it with shadows, colors, texture, or gradient
fills.
• Use Cascading Style Sheets (CSS) to control the style and layout of
multiple Web pages.
• Apply special photo effects to your images.
• Draw shapes, adjust their line thickness, fill, and color.
• Create links to other pages, to other web sites, or to email.
• Embed sound, video, flash™, and more.
• Exclusive C-Clearly® technology lets you see and work on your new
web site exactly as it will appear when published.

Create Dynamic Web Site


• Add special effects such as moving text, page transitions, rollover
images, animations, and more.
• Create on-screen presentations and slideshows.
• Create scenes that change text or images automatically at different
dates or times.

Assumed Knowledge
Before beginning the creation of your first document, you should have a
working knowledge of your computer and your operating system. The
software is designed to operate in Windows 98/Me/2000/XP/2003. You
should know how to use a mouse, the keyboard, the standard Windows
menus and commands, and how to open, save, and close files. For more
information, consult your Microsoft documentation.

14 • Getting Started Web Easy Professional 6


Quick Installation
Basic Installation Requirements
• Pentium® 500 MHz processor or better
• CD-ROM Drive (not needed for electronic download)
• Microsoft® Windows® 98SE/ME/2000/XP
• 150 MB of unused hard disk space for standard installation
• 256 MB of RAM minimum
• 16-bit color depth graphics card (24-bit or better recommended)
• Internet access required for posting completed web site and accessing
online library
• Internet Explorer 5 or later

Installing Web Easy Pro


Make sure that no other programs are running.
Insert the Web Easy Pro CD into your CD drive (or start the downloaded
executable file if purchased via download). Follow the on-screen
instructions to complete the installation.
If the Installer doesn’t start automatically from the CD, follow the steps
below:
1. Click the Windows Start button and choose Run.
2. Click Browse to locate and select the Install.exe file on the program
CD.
3. Click Open.
4. Click OK.
5. Follow the on-screen instructions to complete the installation.
During the installation, you’re given the option to copy all the files to your
hard disk. However, doing so will use about 350 MB of additional disk
space and might take 15-25 minutes to install. To save disk space, you can
use Web Easy Pro to access all the clipart and image files directly from the
CD without installing them.

Starting Web Easy Pro


To start Web Easy Pro, double click the Web Easy Professional 6 icon in
your Windows desktop, or click the Windows Start button and choose
Programs > Web Easy Professional 6 > Web Easy Professional 6. You
can also access the user’s guide, help, and other utilities from this menu.

Web Easy Professional 6 Getting Started • 15


Getting Updates
Periodically VCOM makes minor updates available. To check if a new
update is available for Web Easy Pro, establish an Internet connection, and
then open the Help menu and choose Check for Updates to access the
latest patches, information, or resources from the VCOM web site.

About Web Sites


Web Easy Pro is an easy-to-use web design program. Even beginners can
create web sites—both regular HTML and dynamic HTML web sites. As
you become familiar with Web Easy Pro, we encourage you to take
advantage of Web Easy Pro’s many advanced features.

Web Sites
Web sites are formatted using HyperText Markup Language (HTML)
commands. A typical web site consists of a number of web pages, each of
which contains text and images. Some also include sound and video. Web
pages typically contain links to other pages within the site, as well as links
to other web sites. You don’t need to know or understand HTML when
using Web Easy Pro—it does all the hard work for you.

Dynamic Web Sites


Dynamic web sites are formatted using Dynamic HyperText Markup
Language (DHTML) commands. Dynamic web sites display special effects
such as animations, moving messages, page transitions, rollover images,
and more. Using Web Easy Pro, you can create dynamic presentations and
slideshows. All current browsers today support DHTML, so you can be
sure that your web site will look great on anyone’s computer.

Advanced Features
Advanced users can create exciting components for their web sites such as
scenes, e-commerce, and animated GIFs. The online help has more
information and instructions for using advanced features.

16 • Getting Started Web Easy Professional 6


Web Site Templates
Get started using one of the many professionally designed templates
provided with Web Easy Pro. Replace the existing text and pictures with
your own.

The templates also have many handy hints suggesting items to include in
your web site.

Web Easy Professional 6 Getting Started • 17


What’s New in Version 6
If you’ve already been using a previous version of Web Easy Pro, this
latest version of Web Easy Pro is more powerful than ever. New features
give you more control in creating the most professional looking sites,
while still maintaining the simplicity of creating a site by dragging and
dropping objects onto your page. With a new look-and-feel, Web Easy Pro
is still the most impressive and easiest web site builder available today.
Here is a partial list of what’s new:
• Styles: Design your web site with styles and gain greater control and
flexibility over maintaining your web site. For more information, see
“Item Styles” in the online help.
• Inspector Window: The new Inspector window gives you full access
to all aspects of your web site. For more information, see “The
Inspector” on page 21.
• Cascading Style Sheets (CSS): Full support for Cascading Style
Sheets (CSS) allows you to separate the layout of your site and the
content of your site. Both HTML and XHTML standards are supported
using CSS. In addition, different measurement units are also
supported when creating web sites with CSS. For more information,
see “Item Styles” in the online help.
• Fully compliant with all internet standards: Fully compliant HTML
code is generated that passes W3C recommendations and validation.
You also now have more control over how the HTML code generates.
• Search Engine Optimization (SEO): Greater access to all aspects of
your web site and generation of fully compliant HTML improves the
SEO of your web site designs.
• RSS Feed Support: Add Really Simple Syndication (RSS) feeds to
your site with Web Easy's automatic RSS feed generator. For more
information, see “Adding RSS To Your Site” in the online help.
• New color selector: Create web sited using safe web colors for a
consist display for anyone that views your web pages. For more
information, see “Select Color Dialog” in the online help.
• All web browsers supported: Preview and test your web sites in
your preferred web browser(s).
• New web site templates: Choose from the various templates
included with Web Easy Pro to create professional-looking web
pages.
• New Quick Access Toolbar: You have one-click access to major
tools, preview, build, and more.
• Improved Table Builder: Easily set all table related attributes
including headings, backgrounds, colors, spacing and more.

18 • Getting Started Web Easy Professional 6


Getting Help
This guide provides you with the information required to create, build, and
publish your first web site. For help with advanced techniques, and for
assistance with other activities not covered in this guide, see to the Web
Easy Pro online help.
To view the Web Easy Pro online help, open the Help menu and choose
Help Topics or press F1.
The Help window appears with three tabs:
• Contents contains a list of topics for which help is available. Click a
topic for detailed information.
• Index allows you to look up a specific topic. Type in the first few
letters of the topic you want and then choose from the suggested list.
• Search offers the quickest way to search for help and is especially
useful when you don’t know topic names. Type in a word (or part of a
word), and then select a matching word to display a list of matching
topics.
The Help menu has additional information and links to assist you.

Web Easy Professional 6 Getting Started • 19


Activity Center
The Activity Center is a window that provides a quick start to a range of
creating, importing, help, and publishing activities. These activities can
also be accessed using the menus and Toolbar buttons. For more
information see “Using the Activity Center” on page 32.

Assistants
The Web Easy Pro Assistants guide you through processes step-by-step.
There are Assistants for creating a web site, publishing, and more. Just
follow the instructions on your screen.

20 • Getting Started Web Easy Professional 6


The Inspector
The Inspector is a window that lets you view and edit properties about the
item you currently have selected.
To open the Inspector, click the View menu and choose Inspector. The
keyboard shortcut is CTRL+K.

After you have opened it, the inspector will update each time the selection
changes as you edit your web site album. Each type of item will display
different properties. For example, if you have a text item selected you will
be able to change the font in the Inspector. However you will not be able
to change the font if you have an image selected, but you may be able to
change image properties, such as brightness.

Web Easy Professional 6 Getting Started • 21


Viewing the Inspector Tabs
• The Properties tab shows general properties that provides
information about the item and allows you to edit settings. You can
change the properties for the current selection, the current page or the
complete site. For more information about the attribute properties, see
“Inspector Properties” in the online help.
• The Style tab allows you to edit the attributes used to create the Style
sheet generated with your web site in CSS HTML mode. Some of
these attributes are only supported if you are building a CSS HTML
page. You can change the properties for the current selection, the
current page or the complete site. For more information about the
attribute properties, see “Building a Site with a CSS Style” in the
online help.
• The Layers tab gives you a list of all the items on your page and
allows you to lock, hide, and move layers higher or lower in the view.
The layers tab only applies to the current page. For more information
about the attribute properties, see “Inspector Layers” the online help.
The inspector bar can be opened as a floating window on top of Web Easy,
or docked to the Web Easy window. For more information, see “General
Options” the online help.

22 • Getting Started Web Easy Professional 6


Using the Interactive Tutorial
Learn about the major activities with the Web Easy Pro Interactive
Tutorial. Just click a button to choose an activity and see how it is done.
The Tutorial leads you step-by-step through the activity. You can use the
Tutorial to learn how to design a web site, publish a web site, create a
slideshow, and more.
To Use the Interactive Tutorial
1. Open the Help menu and choose Interactive Tutorial to open the
Tutorial window.

A topic icons appear on the left side of the Tutorial window. To scroll
to see more icons, click the arrow at the bottom of the list.
2. Click an icon to display a Tutorial topic.
For example, click Slideshow to open the Building a Slideshow
window.
Roman numerals appear on the left side of the window.
3. Click the first number to start the first step.
The tutorial shows you how to do it and a checkmark appears over the
number after you’ve completed each step.
4. Continue the steps until you’ve completed the activity.
5. Click Go Back to return to the main Tutorial page after you’ve
completed the activity.

Web Easy Professional 6 Getting Started • 23


24 • Getting Started Web Easy Professional 6
Learning the Basics of
Web Easy Pro

Understanding the Interface


When you start Web Easy Pro, the Activity Center is displayed to get you
started. For more information, see “Using the Activity Center” on page 32.
The Web Easy Pro interface is based on Taskbars, Toolbars, Menus, and
Buttons. The Taskbar appears on the left side of the screen and the Toolbar
and Menu bar appear along the top. For each topic selected on the Taskbar,
the relevant buttons appear on the Toolbar. Web Easy Pro File Browser
appears at the bottom of the screen and provides a visual access to your
files.
Use the picture below to identify the different parts of the interface. Each
part of the interface is explained on the following pages.
Navigation
Menu Bar

Toolbar

Taskbar

Workspace

File Browser

Status Bar

Web Easy Professional 6 Learning the Basics of Web Easy Pro • 25


Taskbar
The Taskbar to the left of the screen consists of two gray category buttons:
Home and Edit.
When you click a category button, you display one of two Taskbars—the
Home Taskbar or the Edit Taskbar. Each of these Taskbars is a special
pane that contains a related group of buttons.
When you click one of the buttons on the Taskbar, either a Toolbar appears
along the top of the screen with corresponding buttons or a dialog opens to
perform a task.
The Home Taskbar
When Web Easy Pro starts, the Home Taskbar is selected by default,
letting you design documents, build and publish them on the Internet,
import images, or display the Activity Center. For a view of the Home
taskbar and its toolbars see “Home Taskbar and Toolbars” on page 138.
The Edit Taskbar
After you design or open a document, the Edit Taskbar contains Toolbars
that allow you to work with items in your document. It provides options to
edit pages, images, text and shapes or arrange the items. It also provides
access to a selection of Tools (or Assistants) and Multimedia controls.
If you try to select the Edit category before you have an open document,
Web Easy Pro prompts you to open a document. For a view of the Edit
taskbar and its toolbars see “Edit Taskbar and Toolbars” on page 139.

Menu Bar
The menu bar contains the menus. Click a menu heading to display a list
of options. Choosing an option performs an action, displays a dialog, or
opens another list of options.

• Gray items in a menu are options that are not currently available.
• If an arrow follows a menu option, choose it to open a list of further
options.

26 • Learning the Basics of Web Easy Pro Web Easy Professional 6


Toolbars
A toolbar is a set of buttons, arranged horizontally below the menu bar.
The button clicked in the taskbar controls which toolbar appears. In
addition, as you select items in your workspace, the appropriate taskbar
automatically appears.
To display a toolbar, click the corresponding button in the taskbar.
For example, in the Edit taskbar, click Image, and the Edit Image toolbar
appears along the top of the screen.

Clicking a button either performs an immediate action or displays a


dialog.
If there is a small downward-pointing triangle beside a toolbar button,
click it to display a list of further options for the tool. Choosing an option
from a menu can also perform most toolbar actions. However, not every
menu option has a corresponding toolbar button. For a view of all toolbars
see “Home Taskbar and Toolbars” on page 138 and “Edit Taskbar and
Toolbars” on page 139.

Workspace
The workspace is the large area where you work on your document. It’s
sometimes called the canvas because this is where you will construct your
masterpiece. Your document only becomes a web page after you Build it
(create HTML files) and Publish it (post it to a host provider).

File Browser
The File Browser displays the contents of the currently selected folder or
catalog. It is continuously open, however it can be minimized to save
screen space when you are not using it.

The File Browser is used for much more than just photos. You can drag
and drop images, clipart, frames, textures, movies, pre-built objects and
other items from the File Browser onto your document. To drag-and-drop
an item, click it with the left mouse button and, while holding the mouse
button down, drag the item by moving the mouse pointer onto your
document. Then, drop the item by releasing the mouse button.
For more information about the File Browser, see “Using File Browser to
Select Files” on page 33.

Web Easy Professional 6 Learning the Basics of Web Easy Pro • 27


Navigation Tools
The navigation tools appear in the top right corner of the toolbar and are
permanently displayed. Use them to navigate within the current document
to specific pages or to the previous and next page.
Previous page Go to page

Next page

Zoom

Help

The Zoom button enables you to view the document at different


magnifications so you can work at the appropriate document size. Click
the Zoom button and select a zoom option.

Cue Cards
Many features display a Cue Card dialog that provides you with
information on the next step.
To prevent a specific Cue Card from appearing, uncheck the Show again
box.
To make the Cue Cards appear again (or turn off all cue cards), open the
Tools menu and choose Options. Then, in the General page check the
Show cue cards box (or uncheck the box to turn off all cue cards).

Status Bar
The Status bar displays information about selected items or about the tasks
Web Easy Pro performs.

Selected Item is an Position of the item Size of the Item


image with a link (height x width) (height x width)

• On the left side, it displays information about items when they are
selected. It also provides information about current tasks.
• The right side of the status bar displays the size and position on the
page of the selected item. When no item is selected, the size of the
web site (in pixels) appears.

28 • Learning the Basics of Web Easy Pro Web Easy Professional 6


Using the Web Easy Pro Tools
There are two ways to use the tools in Web Easy Pro: Clicking a button on
a toolbar or choosing a menu option

Clicking a Button on a Toolbar


1. Click a category button to display a Taskbar.
For example, click the Edit button to display the Edit Taskbar.
2. Click a button on the Taskbar to display the related Toolbar.
For example, click the Page button to display the Edit Page Toolbar.

3. Click a button in the toolbar.


For example, click the Insert button to insert a page.

Choosing a Menu Option


You can perform the same action using the menu options. For example, to
insert a new page from the menu, open the Insert menu and choose Page.

Web Easy Professional 6 Learning the Basics of Web Easy Pro • 29


Working with Web Easy Pro
There are three major stages involved in creating a web site using Web
Easy Pro:
• Step 1: Designing a Document (see page 30)
• Step 2: Building the Document into a Web Site (see page 31)
• Step 3: Publishing on the Web (see page 31)

NOTE: A site must be Built (all pages and graphics


converted into a web-compatible format) before it can it can
be Published (transferring of files to your ISP or web host
provider).

Step 1: Designing a Document


A document refers to the source document that you first design in Web
Easy Pro. It contains one or more pages and all the text and graphical
items that you want published on your web site. When you’ve finished
designing the document, it must be built into a web site. While it is still in
the form of a document, you cannot publish it on the web.
Web Easy Pro documents are saved with an .alb file extension. The file is
typically saved in your My Documents folder, unless you choose another
location:
My Documents\Web Easy\Documents
There are two ways to create a document using Web Easy Pro:
• You can use the Web Site Assistant to help you create your document
in one easy step (see “Creating a Document Using the Web Site
Assistant” on page 38).
• You can design a document based on a template (see “Creating a
Document Using a Template” on page 43).
A Web Easy Pro template is a pre-designed sample document for you to
use as a style for your own document, with most of the text and graphics
already positioned. Personalize any template by adding or altering the text
and images.

30 • Learning the Basics of Web Easy Pro Web Easy Professional 6


Step 2: Building the Document into a Web Site
Each completed document must be converted to a web-site format that
enables people to view it with their Internet browsers on the World Wide
Web (www). Web Easy Pro does this for you in the Build process.
When you build a document into a web site, Web Easy Pro creates the
required HTML files, and converts all included graphics to web-compatible
formats. After building the document, you can view the result in an
Internet browser on your computer. For more information, see “Building a
Web Site” on page 99.

Step 3: Publishing on the Web


After you have chosen an Internet Service Provider (ISP) or a web-hosting
provider for hosting your web site, you can then Publish your local web
site files. This involves transferring the set of HTML files (that you created
in the Build process) from your local computer to your ISP’s remote
computer on the Internet.
Use the Publish Assistant, which guides you through the complete file
transfer process using the Internet’s file transfer protocol (FTP). For more
information, see “Publishing a Web Site” on page 103.
More advanced users can publish their web site using FTP Max, the built-
in FTP-client utility supplied with Web Easy Pro. For more information
about FTP Max, see the online help.
VCOM Preferred Web Hosting
The process of publishing your web site can be greatly simplified by using
VCOM’s Preferred Web Hosting provider. To preview the iEasySite
service, open the Help menu and choose Visit VCOM Web Site >
Preferred Web Hosting.
iEasySite offers economical web hosting and a wide range of hosting
options, such as domain name registration, traffic reports, search engine
submission, etc., while automating the technical aspects of File Transfer
Protocol (FTP).

Web Easy Professional 6 Learning the Basics of Web Easy Pro • 31


Using the Activity Center
The Activity Center provides you with a handy choice of activities to get
you started quickly. With experience, you’ll be familiar enough with Web
Easy Pro to perform the same tasks using the menus and toolbars.

The Activity Center appears automatically when you start Web Easy Pro,
unless you have previously turned the option off. If the Activity Center has
been removed from the program startup, you can still view it at any time.
To view the Activity Center, open the Tools menu and choose Activity
Center or display the Home taskbar and click the Activity button.
The following buttons are available in the Activity Center:
Web Site let’s you design a web site using the Web Site Assistant. For
more information see “Creating a Document Using the Web Site
Assistant” on page 38.
Open Document let’s you browse for documents that have been
previously created. For more information see “Opening Your
Document” on page 48.
Recent Document opens your last web site document.

Blank Site let’s you design a new document with or without a


template. Replace the text and images with your own in the template,
or choose a blank page and create your own design. For more
information see “Creating a Document Using a Template” on page 43
or “Creating a Document Using Your Own Design” on page 45.
Interactive Tutorial shows you how to complete many basic and
advanced tasks. Just follow the steps. For more information see “Using
the Interactive Tutorial” on page 23.
Publish Web Site let’s you uploading your files to your remote web
host site on the Internet with the Publish Assistant. For more
information see “Publishing a Web Site” on page 103.

To prevent the Activity Center from opening when Web Easy Pro starts,
uncheck the Show at Startup box.

32 • Learning the Basics of Web Easy Pro Web Easy Professional 6


Using File Browser to Select Files
File Browser makes it easy to find, display, and select files. The process of
inserting items into your document is simplified as File Browser displays
graphic thumbnails of your files, and you just drag and drop them onto
your documents. It supports over 150 file formats including images, web
files, animations, audio, video, and documents.
Location Bar

Tree Pane Display Pane

Browsing for Images


File Browser provides access to all kinds of images, objects, buttons,
forms, gadgets, and other items of pre-written code. You can drag or drop
any of these items onto your document.
• The Tree pane on the left allows you to browse to the required folder
to find the images that you need.
• The Display pane on the right displays thumbnails of files.
• The Location bar above the Display pane has shortcuts to graphics in
commonly used catalogs such as clipart and images.
To view additional options, click the double-arrow button on the right
side of the Location bar.

Web Easy Professional 6 Learning the Basics of Web Easy Pro • 33


To Locate Items Using File Browser
There are several ways to locate, view, and select items using File
Browser.
• Click a button on the Location bar, such as Photos. A group of
folders appear in the Display pane. Double-click a folder to view the
photos within it.
• Similar to a web browser, use the left and right arrow buttons to move
among previous selections.
Back Forward

Up One Level

• Click the Up One Level button to move up to the parent folder.


• Click the Folders button to view folders in the Tree pane. Browse
through the folders on your computer and click a folder to display its
contents in the Display pane.

• Click the Favorites button or the History button and browse through
the previously viewed folders.
• Type the path to your images in the Address box window.
For example: C:\My Documents\My Photos\Products
As you browse, you can drag-and-drop items from the Display pane onto
your document.
You can also use File Browser to set up favorite locations, organize files
and folders, change the sort order, or select the thumbnail sizes.
For more information, see to the online help.

Changing the Size of File Browser


You can expand or reduce the viewing area of File Browser to see more
items at a time or to increase the workspace above it. To adjust the height
of the File Browser window, click and drag the divider line between File
Browser and the Web Easy Pro workspace.

34 • Learning the Basics of Web Easy Pro Web Easy Professional 6


Setting View Options
The viewing options buttons in the Location bar give you control over
how File Browser accesses and displays folders and files.
File Properties

Options

View

• To view information about a file that you selected in the Display pane,
click the File Properties button.
• To choose how the Display pane displays files, click the View button
and choose an option from the drop-down list.
• To customize the File Browser window and organize your favorites,
click the Options button to open the Options dialog.
For more information, see the online help.

Where to Find Clipart, Images, and More


In addition to your own photos and art, when you install Web Easy Pro, a
small portion of the VCOM library of clipart and photos are copied from
the program CD to your hard drive. The Web Easy Pro program CD
contains even more clipart and images.
During the installation, you’re given the option to copy all the files to your
hard disk. However, doing so will use about 350 MB of additional disk
space and might take 15-25 minutes to install. To save disk space, you can
access all the clipart and image files directly from the CD without
installing them.
To access the CD clipart using File Browser, insert the Web Easy Pro CD.
When the introductory installation message appears, click Exit. In Web
Easy Pro’s File Browser, select your CD drive. Additional clipart and
photos are in the VCOMWE folder in two sub-folders: Clipart and Clipart1.
Browse to find the additional clipart or photos you want to use.
VCOM also provides additional clipart and photos online at VCOM’s web
site. To access these items, open the Help menu and choose Visit VCOM
Web Site > Art Online. The first time you use Art Online you’re asked to
enter your email and password from when you registered Web Easy Pro.

Web Easy Professional 6 Learning the Basics of Web Easy Pro • 35


36 • Learning the Basics of Web Easy Pro Web Easy Professional 6
Creating Documents

Overview
Your document file contains one or more pages and all the text and
graphical items that you want published on your web site. When you’ve
finished creating and designing the document, it must be built into a web
site. While it is still in the form of a document, you cannot publish it on the
web.
You can create a new document using one of the following methods:
• Creating a Document Using the Web Site Assistant (see page 38)
• Creating a Document Using a Template (see page 43)
• Creating a Document Using Your Own Design (see page 45)
You can also speed up your design process by importing an existing web
site or web page into your Web Easy Pro document.

Web Easy Professional 6 Creating Documents • 37


Creating a Document Using the Web Site Assistant
A convenient and simple way to get started creating a document is to use
the Web Site Assistant. The Assistant guides you through the steps
required to create your document.
There are six major steps for creating a document using the Web Site
Assistant:
• Step 1: Open the Web Site Assistant (see page 38)
• Step 2: Select a Template (see page 39)
• Step 3: Name Your Document (see page 40)
• Step 4: Select the Images for the Document (see page 41)
• Step 5: Add Finishing Touches (see page 42)
• Step 6: Save the Document (see page 42)
The following sections explain these steps in greater detail.

Step 1: Open the Web Site Assistant


1. Click the Home button to display the Home Taskbar.
2. Click the Design button to display the Design Toolbar.

3. Click the Web site button to start the Web Site Assistant.

4. Click Next to continue.

38 • Creating Documents Web Easy Professional 6


Step 2: Select a Template
The templates dialog offers you a choice of templates.

1. Click a category tab to view a variety of pre-designed templates.


2. Click a template name on the left to view a preview of the template on
the right.
3. Click the navigation buttons below the preview to view different
pages of the template.
4. Click Next to continue.

Web Easy Professional 6 Creating Documents • 39


Step 3: Name Your Document
Web Easy Pro documents are saved with an .alb file extension. The file is
normally saved in your My Documents folder, unless you choose another
location.

1. Replace the name that appears in the Name field with a new name for
your document.
2. Choose a folder on your computer where you want to store your
document.
You can either type the path to the folder in the Location on your
hard drive box, or click the Browse button on the right side of the
Location box to browse for the folder want.
3. Click Next.
Some templates have additional steps that ask you to enter
information, such as personal or business details.
4. Enter any needed information.
5. Click Next to continue.

40 • Creating Documents Web Easy Professional 6


Step 4: Select the Images for the Document
Replace the placeholders in the template with your own images.

If desired, you can skip this step and add your images later.
1. Click the Browse button above the list of image files to find the
folder where your images are stored.
2. Make sure that Image files is selected next to Type of files in the
browse dialog.
3. Click Open.
4. Select the images for your document.
You can see a preview of each image on the left side of the Assistant
and a preview of the document on the right.
5. Replace the gray placeholders with individual images by clicking an
image name and then clicking the single, right arrow button.
Alternatively, load all the images at once by clicking the double, right
arrow button.
6. Click Next to continue.

Web Easy Professional 6 Creating Documents • 41


Step 5: Add Finishing Touches
After closing the Assistant, you can customize your web site.

1. Check the Preview Web Site now box to display your site in your
Internet browser, or leave it unchecked to view your pages in Web
Easy Pro.
2. Click Finish to close the Web Site Assistant.
Your document appears in the Web Easy Pro workspace, ready for
editing.
3. Double-click a text box and start typing to replace the existing text
with your own or drag and drop items such as images from the File
Browser.

Step 6: Save the Document


1. Click the Home button to display the Home Taskbar.
2. Click the Design button to display the Design Toolbar.

3. Click the Save button to save your document.


When the document is complete, build it into a web site.

42 • Creating Documents Web Easy Professional 6


Creating a Document Using a Template
You can design professional looking web sites using the Web Easy Pro
templates. Choose a template that suits your style, and then customize it
by replacing the placeholders with your own images and entering your
own text.
There are three major steps for designing a document using a template:
• Step 1: Open a New Document (see page 43)
• Step 2: Choose a Template (see page 44)
• Step 3: Edit and Save the Document (see page 44)
The following sections explain these steps in greater detail.

Step 1: Open a New Document


1. Click the Home button to display the Home Taskbar.
2. Click the Design button to display the Design Toolbar.

3. Click Blank to open the New Document dialog.

You can also open the File menu and choose New > Blank Document to
open the New Document dialog.

Web Easy Professional 6 Creating Documents • 43


Step 2: Choose a Template
1. Click a template category tab in the New Document dialog, such as
Organizations and Clubs.

2. Click a template name on the left to view a preview of that template


on the right.
For multiple-page templates, you can scroll through to look at each
page by clicking the navigation buttons below the preview.
3. Browse the different templates until you find the one that you want.
4. Click OK.
The document opens in the Web Easy Pro workspace ready for editing.

Step 3: Edit and Save the Document


1. Replace the images in the image placeholders with your own images
(see “Working with Images” on page 65).
2. Replace the text with your own text (see “Working with Text” on page
73).
3. Change the page background, if desired (see “Adding a Page
Background” on page 56).
4. Click the Home button to display the Home Taskbar.
5. Click the Design button to display the Design Toolbar.

6. Click the Save button to save your document.


When the document is complete, build it into a web site.

44 • Creating Documents Web Easy Professional 6


Creating a Document Using Your Own Design
If you already have a web site design in mind that is different from any of
the templates, then you can design your web site from scratch.
There are two major steps for designing a document from scratch:
• Step 1: Open a New Blank Document (see page 45)
• Step 2: Design and Save Your Document (see page 46)
The following sections explain these steps in greater detail.

Step 1: Open a New Blank Document


1. Click the Home button to display the Home Taskbar.
2. Click the Design button to display the Design Toolbar.

3. Click Blank to open the New Document dialog.

You can also open the File menu and choose New > Blank Document
to open the New Document dialog.
4. Choose the type of blank document that you want to create, indicating
the screen size and number of pages.
You can change the size and add or remove pages later.
5. Click OK.
A blank document appears in the Web Easy Pro workspace ready for you
start creating your web site.

Web Easy Professional 6 Creating Documents • 45


Step 2: Design and Save Your Document
1. Insert new pages into the document (see “Adding a Page” on page
55).
2. Add the required page backgrounds to the document (see “Adding a
Page Background” on page 56).
3. Add images to your page and edit them (see “Working with Images”
on page 65).
4. Add text (see “Working with Text” on page 73).
5. Create links (see “Working with Links” on page 81).
6. Click the Home button to display the Home Taskbar.
7. Click the Design button to display the Design Toolbar.

8. Click the Save button to save your document.


When the document is complete, you can preview or build the web site.

46 • Creating Documents Web Easy Professional 6


Working with Documents
Web Easy Pro document files are saved with an .alb file extension. You
can save, close, and open Web Easy Pro document files.

Saving Your Document for the First Time


1. Click the Home button to display the Home Taskbar.
2. Click the Design button to display the Design Toolbar.

3. Click Save to open the Save As Document dialog.

You can also open the File menu and choose Save to open the Save
As Document dialog.
4. Enter a new name for your document in the File name box.
5. Browse to the folder where you want to store the document.
The file is typically saved in your My Documents folder, unless you
choose another location: My Documents\Web Easy\Documents
6. Click Save.

Saving Changes to Your Document


1. Click the Home button to display the Home Taskbar.
2. Click the Design button to display the Design Toolbar.

3. Click Save. to save the changes to your document.


You can also open the File menu and choose Save to save the changes to
your document.

Web Easy Professional 6 Creating Documents • 47


Closing Your Document
To close your document, open the File menu and choose Close.

Opening Your Document


1. Click the Home button to display the Home Taskbar.
2. Click the Design button to display the Design Toolbar.

3. Click Open to open the Open Document dialog.

You can also open the File menu and choose Open to open the Open
Document dialog.
4. Browse for the required document.
5. Click the name of the document to view a preview on the right.
6. Click Open to display your document in the workspace.

48 • Creating Documents Web Easy Professional 6


Viewing Your Document
You can navigate through the pages of your document and preview your
document in a web browser.

Moving Around Your Document


Web Easy Pro includes navigation buttons to help you move around within
a document. The navigation buttons are located at the upper-right corner
of the window.
Previous page Go to page

Next page

Zoom

Help

• Click Next page to move to the Next page in the document.


• Click Previous page to move to the Previous page in the document.
• Click Go to page to display a list of the pages in your document.
If you’ve given titles to the pages, these titles are listed. Otherwise,
the pages appear as a numbered list. If you have other documents
open, these documents also appear on the list.
Click an item to go there.
• Click Zoom to display a list of zoom options.
Some navigation options are dimmed and can’t be used if you are at the
first or last page of your document.

Web Easy Professional 6 Creating Documents • 49


Previewing Your Document in a Browser
Web Easy Pro lets you preview your document with an Internet browser
before you build it into a web site. You can view your document as it will
appear on the Internet and you can also check all your links.
When you view a preview, you are creating a temporary web site. It is not
a substitute for building, which must be done before you can publish your
web site on the Internet.
To Preview Your Web Document
1. Click the Home button to display the Home Taskbar.
2. Click the Build button to display the Build Toolbar.

3. Click the Preview button to open your default web browser.


To view other browsers, you can click the arrow to view the drop-
down list. You can also open the Build menu and choose Preview
with to open the same list of options.
4. Choose an option to preview your web site in a web browser.
5. Click the linked items to test the links and see how your web site
works.
You can also open the Build menu and choose Preview Site or press F8 on
your keyboard to preview your web site using the last preview option you
selected.

Importing an Existing Web Site or Page


You can import an existing web site or page into a Web Easy Pro
document, so that you can take advantage of features that simplify your
web development.
Importing a web site involves converting existing HTML files to the format
used by Web Easy Pro. This procedure automatically identifies the basic
HTML elements, such as site structure, links, text, and images, and creates
a new web site design that includes all the necessary pages and all the
recognized items on each page.
In certain circumstances Web Easy Pro might not be able to import all the
elements and attributes from the existing HTML files. However, you
should be able to import and restore all your text and image elements, as
well as the position of these items.

50 • Creating Documents Web Easy Professional 6


To Import an HTML Web Site
1. Click the Home button to display the Home Taskbar.
2. Click the Design button to display the Design Toolbar.

3. Click Blank to open the New Document dialog.

4. Click the Import button to open the Import Web Site dialog.

5. Choose the HTML file that should become the main home page of the
Web Site.
6. Click Open.
7. Wait until the conversion process is complete.
This might take a while if the web site has many pages or you are using a
slower speed system.
A new web site design document is created, but not saved.
We recommended saving the entire document in a separate folder as an
archive, where all the necessary images will be copied for future use.
Then, save it again in your working folder for editing.

Web Easy Professional 6 Creating Documents • 51


To Add an HTML Page
1. Open your document.
2. Click the Edit button to display the Edit Taskbar.
3. Click the Page button to display the Edit Page Toolbar.

4. Click Insert to open the New Page dialog.

5. Click the Import button to open the Import Web Site dialog.

6. Choose the HTML file you want to import.


7. Click Open.
8. Wait until the conversion process is complete.
A new page is added into the design document.
We recommended saving the entire document in a separate folder as an
archive, where all the necessary images will be copied for future use.
Then, open your document for editing.

52 • Creating Documents Web Easy Professional 6


Editing Documents

Overview
After creating a document, either with a template or without, you can edit
it to add your finishing touches.

After you finish editing your document, build it into a web site (see
“Building a Web Site” on page 99). Then, you need to upload it to the
Internet (see “Publishing a Web Site” on page 103).

Web Easy Professional 6 Editing Documents • 53


Elements of Documents
The following terms help define the different elements in a document:
Pages You can add pages to the document, change the page size,
and add backgrounds (see “Working with Pages” on page
55).
Items You can select, copy, and paste items. You can also align
them, group them, lock them, or change their layer position
(see “Working with Items” on page 58).
Images You can add images to your page, give the images frames or
stencils, adjust them, and apply special image effects (see
“Working with Images” on page 65).
Text You can add text to your document, modify it, adjusting its
color, size, or alignment. You can also add color fills or
shadows to text (see “Working with Text” on page 73).
Tables You can add a table to your document using various pre-
formatted styles, and then change the rows and columns,
fonts, colors, placement, and more (see “Working with
Tables” on page 76).
Shapes You can draw shapes with straight or curved lines, create
boxes, circles, ovals, and more. You can also adjust the color
fill or outline thickness of the shapes (see “Working with
Shapes” on page 78).
Links You can create links to other pages, to email, to other web
sites, and more (see “Working with Links” on page 81).
Sound You can add sound to pages or items on your document (see
“Working with Sound” on page 87).
Scenes You can create scenes to make a Web Site that contains pages
which change appearance, based on the time, date, holidays,
and more (see “Working with Scenes” on page 89).
E-Commerce You can add e-commerce capabilities to your Web Site to
enable users to purchase your products online (see “Adding
e-Commerce to Your Web Site” on page 93).

54 • Editing Documents Web Easy Professional 6


Working with Pages
You can add and delete pages from your document. Each page can have
the same or different backgrounds. You can also change the viewing size
of the pages.

Adding a Page
1. Click the Edit button to display the Edit Taskbar.
2. Click the Page button to display the Edit Page Toolbar.

3. Click the Insert button to display the New page dialog.

4. Choose a blank page with a background for the new page, or a


template.
• To add a blank page, choose a Gradient, Plain Color, or Texture
background option in the Blanks tab. Use the navigation buttons
below the preview on the right to help you select your desired
background.
If the current page has a background and you choose a blank
template for the new page, the new page is created with the same
background as the current page.
• To add a page using a template, choose a template style from one
of the other tabs. The pages of the selected template appear in the
preview on the right.
5. Click OK.
A new page appears after the current page.

Web Easy Professional 6 Editing Documents • 55


Adding a Page Background
You can add a variety of backgrounds to your pages, including plain
colors, gradients, and textures.
To Add a Background Color, Gradient, or Texture
1. Click the Edit button to display the Edit Taskbar.
2. Click the Page button to display the Edit Page Toolbar.

3. Click the Background button to open the Page Background Settings


dialog.

4. Click one of the tabs to choose your options:


• Color to color the page background with a single color.
• Gradient to create a graduated background, fading from one
color to another.
Choose the Starting and Ending colors by clicking the Color Fill
icons to the right of the boxes and choosing a color from the
palette. Then, choose a Drawing Angle to complete the gradient.
• Texture to fill the background with a texture based on a selected
image file.
• Pattern to create a two-color pattern.
Choose the Foreground and Background colors by clicking the
Color Fill icons to the right of the boxes and choosing a color
from the palette. Then, choose a Pattern.
For information on creating custom colors, see “Choosing a Custom
Color” on page 64.
A preview of your selections appears on the right.
5. Check the All Pages box if you want the background to be applied to
all of the pages in the document.
6. Click OK.

56 • Editing Documents Web Easy Professional 6


To Add a Background to One Page Using Drag and Drop
1. Click Textures in the File Browser location bar.
2. Choose any desired folder.

3. Click on a selection and hold the button down.


4. Drag the background to the page and release the button.
This procedure only affects the current page.

Changing the Size of Your Page


The size option affects every page in your document.
1. Click the Edit button to display the Edit Taskbar.
2. Click the Page button to display the Edit Page Toolbar.

3. Click the Size button to display the Page Size dialog.

4. Choose a page size from the Existing dimensions list, or click User
Defined and enter the Width and Height.
Currently the most popular web sites are designed for screens that are
800 x 600. This allows viewing the web pages without scrollbars on
screens that are 800 x 600 or larger.
5. Check the Refit items box to rearrange the items to fit the new page
size.
6. Check the Refit proportionally box to maintain the proportions of the
objects.
7. Click OK.

Web Easy Professional 6 Editing Documents • 57


Deleting a Page
The option to delete a page is only available if your document has more
than one page. There is no undo for this option, so make sure that you
really want to delete the page.
1. Display the page to be deleted.
2. Press ESC to make sure that no items are selected.
3. Open the Modify menu and choose Delete Page to display a
confirmation message.
4. Click OK.
The page is deleted and the previous page appears.

Working with Items


You can work with three main types of items in your documents: images,
text, and shapes. This section discusses features that apply to all three. The
following sections discuss specific tasks that can only be performed on a
particular type of item.

Selecting Items
Before you can edit an item in your document, you need to select it. Select
an item by clicking it using the left mouse button. The item is selected if
the square sizing handles appear on the corners and sides of the item.

To cancel the selection, click somewhere else on the document. You can
select more than one item at a time and edit them simultaneously.
To select every item on a page, open the Edit menu and choose Select All.
Change your selection by clicking a different item, or press TAB to switch
between the items.
To Select Several Items
1. Click an item.
2. Hold down the SHIFT key and click another item.
3. Keep the SHIFT key down and click any other items you want selected.
To deselect an item, hold the SHIFT key down and click a selected item.

58 • Editing Documents Web Easy Professional 6


Moving an Item
1. Select the item you want to move.
2. Click and drag the item to the new position.
An outline of the item appears to show you its moved position.
3. Release the mouse button to drop the item in its new position.

Resizing an Item
You can resize an item by dragging a sizing handle. When you drag a
sizing handle on a text frame, you resize the text frame, not the text. To
size the text along with the text box, hold down the ALT key while resizing.
To Use the Size and Position Dialog
1. Select the item that you want to resize.
2. Click the Edit button to display the Edit Taskbar.
3. Click the Image button to display the Edit Image Toolbar.

4. Click the Size button to display the Image Size and Position dialog.

5. Check the Keep aspect ratio box to maintain the image’s proportions
as you resize it.
6. Enter the Width and Height for your image in pixels.
If you selected Keep image aspect ratio, enter either the width or
height and the other is calculated automatically.
To undo any previous resizing, click the Original Size button.
7. Enter the Position in pixels where you want the image placed on the
page, relative to the upper-left corner of the page.
• Entering a number in the Left box changes the number in the
Right box, based on the size of the image.
• Entering a number in the Top box changes the number in the
Bottom box, based on the size of the image.
8. Click OK to apply the changes.

Web Easy Professional 6 Editing Documents • 59


Grouping Items
Two or more items can be grouped together so that they can move together
like a single item. You can edit grouped items, simultaneously editing all
the items that are in the group.

When group of items is selected, diamond-shaped sizing handles appear


on the corners and sides. You can use these handles to resize or rotate the
group. Clicking an item in a group switches the handles between diamond-
shaped for group selection and square-shaped for individual selection.
• When the handles are diamonds, you can edit the entire group.
• When the handles are squares, you can edit the individual item.
To Group Items
1. Click the Edit button to display the Edit Taskbar.
2. Click the Arrange button to display the Arrange Items Toolbar.

3. Select the items to be grouped.


4. Click the Group button and choose either Join or Split from the drop-
down list.
• Click Join to join the selected items.
• Click Split to separate a group of items.
The diamond-shaped selection handles appear around the group of items.

60 • Editing Documents Web Easy Professional 6


Cutting Items
Cutting an item removes it from its current position and places it onto the
Windows clipboard. The item can then be pasted into a different position.
To Cut an Item
1. Click the Edit button to display the Edit Taskbar.

2. Select the item to be cut.


3. Click the Cut button.
You can also open the Edit menu and choose Cut to cut a selected item.

Copying Items
Copying an item places it onto the Windows clipboard. An identical item
can then be pasted into another position. Unlike cutting, copying does not
remove the item from its original position.
To Copy an Item
1. Click the Edit button to display the Edit Taskbar.

2. Select the item to be copied.


3. Click the Copy button.
You can also open the Edit menu and choose Copy to copy a selected
item.

Pasting an Item
Pasting takes an item on the Windows clipboard and places it in your
document.
To Paste an Item
1. Click the Edit button to display the Edit Taskbar.

2. Click the Paste button.


3. Move the item to where you want it.
You can also open the Edit menu and choose Paste to paste an item.

Web Easy Professional 6 Editing Documents • 61


Changing Layer Position of Items
Items on a page are arranged in layers. The first item you place on a page
is on the bottom layer and the most recently placed item is on the top. If
you drag one item over another, the uppermost layer covers the other. You
can rearrange the way the layers are stacked. You can take an item and
send it forward or back one layer, or send it to the front or the back of the
entire group.
To Layer Items
1. Click the Edit button to display the Edit Taskbar.
2. Click the Arrange button to display the Arrange Items Toolbar.

3. Select the item to be moved forward or backward.


4. Click the Order button and choose an option from the drop-down list:
• Bring to Front brings the item to the top of the stack of layers.
• Send to Back sends the item to the bottom of the stack of layers.
• Bring Forward brings the item forward one layer.
• Send Backward sends the item backward one layer.

62 • Editing Documents Web Easy Professional 6


Adding a Shadow to an Item
1. Click the Edit button to display the Edit Taskbar.
2. Click the Image button to display the Edit Image Toolbar.

3. Select the item.


4. Click the Shadow button to display the Shadow dialog.

More Colors Button

5. Check the Display shadow box to enable a shadow.


To turn off a previously set shadow, uncheck the box.
6. Drag the sliders to determine the shadow’s Opacity, Blur, X Offset,
and Y Offset.
Hold your mouse over a slider to see a pop-up of the selected value.
7. Click a colored block to choose a color for the shadow, or click the
More Colors button to the right of the boxes to choose from more
colors from the color selection box.

TIP: If you move the cursor out of the color


selection box, it changes to a color sampler.
You can use this to match the selected color to any text
or graphics on the page.

8. Click OK to apply the shadow.

Web Easy Professional 6 Editing Documents • 63


Choosing a Custom Color
1. Click the More Colors button to display the color selection box.
2. Click the Color button at the top of the color selection box to
display the Color dialog.

Color Button

TIP: Hold down SHIFT and click the More Colors


button as a shortcut to go directly into the Color dialog.

3. Choose from the available Basic colors, or click the Define Custom
Colors button to display the color palette.

Saturation
Control
Scrollbar

Color
Palette

4. Choose a blank box under Custom colors.


If you choose a box with an existing color, that color will be replaced
by the new custom color.
5. Click in the color palette to the right to choose a color.
6. Click and drag the arrow on the Saturation Control Scrollbar on the
right side of the palette to adjust the color level.
A preview appears below the Color Palette.
7. Click Add to Custom Colors to save the color to the Custom colors
list.

64 • Editing Documents Web Easy Professional 6


Working with Images
You can add and delete images from your document. Replace the
placeholders in a template with your own images, or turn your own image
into a placeholder. An image can be rotated, cropped, framed, and have
other effects applied to it.

Adding an Image Using Drag and Drop


1. Click the Photos button in the File Browser or another folder that has
your desired image.

2. Click the thumbnail of the desired image and hold the button down.
3. Drag the image to your document and release the button.

Adding an Image by File Name


1. Click the Edit button to display the Edit Taskbar.
2. Click the Image button to display the Edit Image Toolbar.

3. Click the Insert button and choose Image to open the Choose Image
dialog.

4. Locate one of the many images available within Web Easy Pro, on the
Web Easy Pro CD, or select one of your own.

Web Easy Professional 6 Editing Documents • 65


5. Click a file name to select the image.
You can choose and insert more than one image at a time by holding
down the SHIFT key while clicking on adjacent file names, or holding
down the CTRL key for files that aren’t adjacent.
6. Click Open.
The cursor changes to an insert image icon.
7. Place the cursor on the workspace in the location where you want to
place the image, and click once.
You can also insert images by dragging and dropping them from File
Browser.
To replace an image placeholder from a template, see “Replacing a
Placeholder with an Image” on page 66.

Replacing a Placeholder with an Image


Many Web Easy Pro templates include image placeholders, arranged in
position on the page.

All you have to do is replace them with your own images.


1. Click the Edit button to display the Edit Taskbar.
2. Click the Image button to display the Edit Image Toolbar.

3. Click the placeholder that you want to replace with an image.


4. Click the Modify button and choose Replace image from the drop-
down list to open the Choose Image dialog.

66 • Editing Documents Web Easy Professional 6


5. Browse for an image, and click the file name to select the image.
A preview of the image appears on the right.
6. Click Open.
You can also replace an image by dragging an image from File Browser
and dropping it on top of the placeholder. Make sure the sizing handles
appear around the edge of the placeholder before dropping the image. The
cursor will change to indicate that the image is going to replace the
placeholder.

Changing an Image to a Placeholder


If you no longer want to use an image, but you want to save its size and
position for another image, use the Clear Image feature.
1. Click the Edit button to display the Edit Taskbar.
2. Click the Image button to display the Edit Image Toolbar.

3. Click the image to select it.


4. Click the Modify button and choose Clear Image from the list.
The image is removed and a placeholder remains in its place, preserving
the size and position of the original image.

Rotating an Image
You can rotate images either manually with the mouse or using a dialog
that specifies precise degrees.
To Rotate an Image Using Your Mouse
1. Select the image.
2. Position the mouse over the turning handle to the right of the image.

Click and drag the turning handle


to rotate an image.

The mouse pointer changes to a rotation pointer.


3. Click and drag the turning handle to rotate the image.
While being rotated, the image appears in low resolution.
4. Release the mouse button at the correct rotation,
The rotated image reappears in its original resolution.

Web Easy Professional 6 Editing Documents • 67


To Rotate an Image by Degrees
1. Click the Edit button to display the Edit Taskbar.
2. Click the Image button to display the Edit Image Toolbar.

3. Select the image.


4. Click the Rotate button to display the Rotate Image dialog.

5. Choose a rotation option or choose Free Rotate and enter the degrees
to rotate the image counter-clockwise.
You can also click the preview and use the mouse to rotate the image.
You can flip the image by checking the Horizontal Mirror and
Vertical Mirror boxes.
The preview on the right shows how the image will rotate based on
your selection.
6. Click OK.

68 • Editing Documents Web Easy Professional 6


Cropping an Image
Cropping an image means trimming off unwanted areas. For example, if
an image is imperfectly centered, you can crop off the extra background so
that the subject is in the center of what remains.
The original image is not affected by Web Easy Pro’s cropping. This
means that cropping is reversible by dragging the sizing handle the
opposite way to reveal the hidden part of the image.
To Crop an Image
1. Click the Edit button to display the Edit Taskbar.
2. Click the Image button to display the Edit Image Toolbar.

3. Select the image to be cropped.


4. Click the Crop button to display the Crop Image dialog.

5. Drag the handles at the corners of the image up, down, or sideways to
select the area to be cropped.
The shaded area indicates the parts of the image to be trimmed off.
6. Click OK.
To Crop an Image Using the Mouse
1. Select the image.
2. Position the mouse over a sizing handle.
3. Hold down the CTRL key.
The cursor changes to a crop symbol.
4. Drag the handle to crop the image.

Web Easy Professional 6 Editing Documents • 69


Adding a Frame to an Image
A frame around an image can greatly enhance the look of the image on
your screen. Web Easy Pro provides a wide range of frames in a choice of
colors and textures.

To Add a Frame to an Image


1. Click the Edit button to display the Edit Taskbar.
2. Click the Image button to display the Edit Image Toolbar.

3. Click the image to select it.


4. Click the Modify button and choose Add/Replace Frame from the
drop-down list to open the Choose Image dialog.
5. Browse for a frame, and then click a file name.
A preview of the frame appears on the right.
6. Click Open to add the frame to the image.
You can also add a frame by choosing Frames from the location bar in
File Browser, and then dragging a frame from File Browser and dropping
it on top of an image. Frames are stored in the Frames category.
To Remove a Frame from an Image
1. Click the Edit button to display the Edit Taskbar.
2. Click the Image button to display the Edit Image Toolbar.

3. Click the image to select it.


4. Click the Modify button and choose Clear Frame from the menu.
The image appears without the frame.

70 • Editing Documents Web Easy Professional 6


Adding Border or Wash Effects to an Image
Stencils are an effective and simple way to apply border or wash effects to
your images. Stencils apply different effects to images such as hide part of
an image, fade out parts of an image, place the image inside a cutout shape
or border, or apply a texture or colored wash to the image. Experiment
with them to find the most suitable stencil for your image.

To Add a Stencil to an Image


1. Click the Edit button to display the Edit Taskbar.
2. Click the Image button to display the Edit Image Toolbar.

3. Click the image to select it.


4. Click the Modify button and choose Add/Replace Stencil from the
menu to open the Choose Image dialog.
5. Browse for a stencil, and then click a file name.
A preview of the stencil appears on the right. The green area in the
preview represents the part of the image that will not be hidden.
6. Click Open to add the stencil to the image.
You can also add a stencil by choosing Stencils from the location bar in
File Browser, and then dragging a stencil from File Browser and dropping
it on top of an image.
To Remove a Stencil From an Image
1. Click the Edit button to display the Edit Taskbar.
2. Click the Image button to display the Edit Image Toolbar.

3. Click the image to select it.


4. Click the Modify button and choose Clear Stencil from the menu.
The image appears without the stencil.

Web Easy Professional 6 Editing Documents • 71


Applying Image Effects
Image effects are special filters that you can apply to your images to
enhance them. The effects range from adjusting the color of the image,
improving image quality (sharpen and remove noise), to adding interesting
and artistic effects (emboss and invert).
1. Select the image you want to apply the effect to.
2. Click the Edit button to display the Edit Taskbar.
3. Click the Image button to display the Edit Image Toolbar.

4. Click the Effects button to display the Effects dialog.

5. Choose the effect you want from the list.


6. Apply more or less of the effect by clicking the corresponding
options.
7. Click OK when you are happy with the result.
The effects in Web Easy Pro don’t affect the original image. This means
that at any time you can remove the effects from the image by opening the
Effects dialog and then clicking the Clear All button.

Deleting an Image
1. Select the image you want to delete.
2. Press the DELETE key on your keyboard, or open the Edit menu and
choose Delete, to display a confirmation message.
3. Click OK to delete the image.

72 • Editing Documents Web Easy Professional 6


Working with Text
Text in Web Easy Pro is contained in a text frame. After typing the text,
you can move the text frame around the page and treat it like one of the
objects on your page. You can have as many text frames on a page as you
like.
A text frame has two modes: Object mode and Edit mode.
• In Object mode, the text appears with a transparent background and
with handles, like other objects. You move it around, add fills,
shadows, and other effects.
To select a text frame in Object mode, click the text once.
• In Edit mode, the text appears as black on a white background, with a
flashing cursor indicating where you can type. In this mode, you can
edit the text itself, adding and deleting words.
To enter Edit mode, double-click on a text frame. To exit Edit mode,
click outside the text frame on the workspace.
Keep your text frames larger than the area taken up by the text. You need
this extra space because some Internet browsers might display text in a
larger font. Any text that doesn’t fit into the text frame won’t appear.

Types of Text
There are three types of text frames you can choose from: Plain Text, Rich
Text, and Graphic Text. All of these can use your choice of fonts, styles,
sizes, colors, and more.
• Plain Text uses the same style for all the text within the plain text
frame. You can choose different fonts, bold, italics or colors, but it
applies to all the text in that frame. This is the most efficient text type.
• Rich Text allows different styles of text to appear in the same frame.
You can also create web links within the frame. The Rich text toolbar
lets you create bullets, numbered lists, indents, create and change
tables, and more. You can select text and use standard shortcuts for
creating bold (CTRL-B), italics (CTRL-I), and underlined (CTRL-U) text.
• Graphics Text is used for unusual text effects such as filling the font
face with gradients or textures. We recommend that you use this type
with larger size fonts, since the text might be difficult to read at small
font sizes.
While all three text types support left, center, or right alignment, in Rich
Text you can also have left-and-right justified text.
You can convert Plain Text to Rich Text at any time. To do so, select the
Plain Text frame, and then open the Modify menu (not the Modify button
in the toolbar) and choose the Rich Text Formatting option.

Web Easy Professional 6 Editing Documents • 73


Inserting a Text Frame and Text
When you insert new text, you open a new text frame.
1. Click the Edit button to display the Edit Taskbar.
2. Click the Text button to display the Edit Text Toolbar.

3. Click the Insert button for Plain Text, or click the arrow on the right
side of the Insert button and choose Plain Text, Rich Text, or
Graphic Text.
4. Click on the page in the location where you want to place the new
text.
5. Type your text.
After you finish, click anywhere on the workspace outside the text frame.

Editing Text Content


1. Click the Edit button to display the Edit Taskbar.
2. Click the Text button to display the Edit Text Toolbar.

3. Select the text frame to be modified.


4. Click the Modify button to switch the text box to Edit mode.
The text appears as black on a white background, with a flashing
cursor indicating where you can type.
• To add to the text, click in the required location and start typing.
• To delete part of the text, press the DELETE key on your keyboard
to delete to the right of the cursor, or select part of the text with
your mouse and type over it.
5. Click somewhere outside the text frame to exit Edit mode.
You can also double-click a text frame to switch to Edit mode.

74 • Editing Documents Web Easy Professional 6


Changing Text Properties
1. Click the Edit button to display the Edit Taskbar.
2. Click the Text button to display the Edit Text Toolbar.

3. Click once on the text frame to select it in Object mode.


Don’t double-click the text frame.
4. Click the Font button to display the Font dialog.

5. Select the properties for your text from the options shown:
• Choose a font name from the Font list.
• Choose a Font Style such as Bold or Italic.
• Choose a font size from the Size list, or enter the size that you
want.
• Check the Underline or Strikeout boxes, if desired.
• Choose a color from the Color list.
A preview of your changes appears in the Sample box.
6. Click OK.
For Plain Text and Rich Text, we recommend that you limit your use of
fonts to Arial™, Times New Roman™, and Verdana™. These are
supported by most browsers, while other fonts might not be supported.
Graphics text can use any font. Web Easy Pro automatically converts the
graphic text to a graphic image when you build your web site.

Web Easy Professional 6 Editing Documents • 75


Changing Text Using the Rich Text Toolbar
Use the Rich Text toolbar to control many aspects of an existing rich text
frame. To display the Rich Text toolbar, open the View menu and choose
Rich Text Toolbar.

Indent Outdent Bold Italic Style Dialog Fill Color

Numbered Items Font Size

Bulleted Items Alignment

The Rich Text Toolbar automatically hides when no rich text frame is
selected. When you select any rich text item, the toolbar reappears.
For information about the table features in the lower section of the Rich
Text toolbar, see “Changing a Table Using the Rich Text Toolbar” on page
78.

Deleting a Text Frame


1. Click once on the text frame to select it in Object mode.
Don’t double-click the text frame.
2. Press the DELETE key on your keyboard, or open Edit menu and
choose Delete.

Working with Tables


Insert a table to organize your text in a grid of rows and columns.

A Table Object is a rich text item on the design document.


Always place the Table Object entirely inside the design page of the Web
Site document.

76 • Editing Documents Web Easy Professional 6


Inserting a New Table
1. Click the Edit button to display the Edit Taskbar.
2. Click the Text button to display the Edit Text Toolbar.

3. Click the arrow next to the Insert button and choose Table to open the
Insert Table Object dialog.

4. Choose a Preformatted Style for the table you want to insert.


5. Click the Size tab and enter the number of the rows and columns.
6. Click the Style, Text, Column Headings, and Row Headings tabs to
further modify the style of the table.
7. Click the Refresh button in the upper-right corner above the
preview to update the preview to match your selections.
8. Click OK to close the dialog.
9. Click the mouse at the position where you want to insert the table.
10. Double-click the Table Object to enter the information in the rows and
columns.
Use the arrow keys to move to an adjacent cell.
11. Click outside the table object to end the editing session.
To resize the boundary of the item to fit it to the contents, click the table.

Web Easy Professional 6 Editing Documents • 77


Changing a Table Using the Rich Text Toolbar
You can use the Rich Text Toolbar to control many aspects of an existing
table. To display the Rich Text toolbar, open the View menu and choose
Rich Text Toolbar.

Insert Table into Table Aligning


Rich Text Frame

Add Row/Column Table Padding

Delete Row/Column Border Size Border Color Background Color

The Rich Text Toolbar automatically hides when no rich text frame is
selected. When you select any rich text item, the toolbar reappears.

Working with Shapes


Web Easy Pro provides the tools to draw and edit shapes. You can create
shapes from straight lines, curves, polygons, polylines, rectangles, and
ovals.
For more information about using the drawing tools, see the online help.

Drawing Boxes, Ovals, and Circles


1. Click the Edit button to display the Edit Taskbar.
2. Click the Shapes button to display the Edit Shapes Toolbar.

3. Click the arrow to the right of the Shape button to display a list of
shape options:
• Click Solid Box to create a box that is filled with color.
• Click Box to draw an outlined box.
• Click Solid Oval to create an oval that is filled with color.
• Click Oval to draw an outlined oval.
4. Click with your mouse on the spot where you want to begin drawing
and drag the mouse in a diagonal direction.
To draw a perfect square or circle, hold down the SHIFT button as you
drag.
5. Release the mouse to finish drawing.

78 • Editing Documents Web Easy Professional 6


Drawing Lines and Polygons
1. Click the Edit button to display the Edit Taskbar.
2. Click the Shapes button to display the Edit Shapes Toolbar.

3. Click the arrow to the right of the Shape button to display a list of
shape options:
• Click Line to draw a straight line.
• Click Polygon to draw a closed shape with straight lines.
• Click Polyline to draw an open shape with straight lines.
• Click Solid curve to draw a closed shape with curved lines.
• Click Curve to draw an open shape with curved lines.
4. To create a straight line, click once and drag. For all other lines, click
to create each node and double-click to finish or close the shape.

Adjusting the Line Thickness and Style of a Shape


1. Click the Edit button to display the Edit Taskbar.
2. Click the Shapes button to display the Edit Shapes Toolbar.

3. Select the shape.


4. Click the Style button and choose a line thickness or style from the
drop-down list.

Changing the Border Color of a Shape


1. Click the Edit button to display the Edit Taskbar.
2. Click the Shapes button to display the Edit Shapes Toolbar.

3. Select the shape.


4. Click the Border button to display the color selection box.
5. Choose a color, or click the Color button at the top of the color
selection box to display the Color dialog.

Color Button

For information on creating custom colors, see “Choosing a Custom


Color” on page 64.
Web Easy Professional 6 Editing Documents • 79
Filling Shapes
A solid shape can be filled with a solid color, a gradient, or a texture.
However, if the shape is an outline, your color selection affects the outline.
1. Select the shape to be filled.
2. Click the Edit button to display the Edit Taskbar.
3. Click the Shapes button to display the Edit Shapes Toolbar.

4. Click the Fill button to open the Fill Settings dialog.

5. Click one of the tabs to choose your options:


• Color to color the shape with a single color.
• Gradient to create a graduated fill, fading from one color to
another.
Choose the Starting and Ending colors by clicking the Color Fill
icons to the right of the boxes and choosing a color from the
palette. Then, choose a Drawing Angle to complete the gradient.
• Texture to fill the shape with a texture based on a selected image
file.
• Pattern to create a two-color pattern.
Choose the Foreground and Background colors by clicking the
Color Fill icons to the right of the boxes and choosing a color
from the palette. Then, choose a Pattern.
For information on creating custom colors, see “Choosing a Custom
Color” on page 64.
A preview of your selections appears on the right.
6. Click OK.

80 • Editing Documents Web Easy Professional 6


Working with Links
Web Easy Pro allows you to create links from text, images, or any item on
the page. Links allow you to navigate your web site by moving to other
pages, other sites, an email address, or even an audio file. When users
click a link in your web site, they jump to the associated link location.
If you forget what type of link you’ve created for an item, you can display
link information by right-clicking the item and choosing Link from the
pop-up menu.

Creating a Link Within Your Web Site


1. Click the Edit button to display the Edit Taskbar.
2. Select the item to which you want to add the link.

3. Click the Link button to display the Link dialog.

4. Click the Document Navigation tab.


5. Create a link by selecting a link option:
• First page of your web site links to the home or index page.
• Previous page links to the page you previously displayed.
• Next page links to the next logical page in the web site.
• Last page links to the last logical page in the web site.
• Page links to any other page in the web site. Browse to find the
page.
• Document links to another document file. Browse to find the
file.
• Program starts another program. Browse to find the program.
• None removes a previously set link.
6. Click OK.

Web Easy Professional 6 Editing Documents • 81


Creating a Link to Another Web Site or to Email
To create a link to another web site, you must supply the URL address.
When a user clicks the link, the indicated web site opens in their Internet
browser. When a user clicks an email link, the user’s email software opens
with the email address already displayed.
1. Click the Edit button to display the Edit Taskbar.
2. Select the item to which you want to add the link.

3. Click the Link button to display the Link dialog.

4. Click the Internet tab.


5. Create a link by selecting a link option:
• Web site links to another web site.
Enter the URL address of the web site.
• E-Mail links to email.
Enter the email address that it will be addressed to.
6. Click OK.
Make sure that you type the URL or email address correctly. If it’s wrong,
the link won’t work.

82 • Editing Documents Web Easy Professional 6


Removing a Link From Your Web Site
1. Click the Edit button to display the Edit Taskbar.
2. Select the item from which you want to remove the link.

3. Click the Link button to display the Link dialog.

4. Click the Document Navigation tab.


5. Click None to remove the previously set link.
6. Click OK.

Web Easy Professional 6 Editing Documents • 83


Viewing Links Using the Site Map Assistant
The Site Map Assistant makes it easy to keep track of the links in your
document. It lets you quickly view the links to and from each page.
1. Click the Edit button to display the Edit Taskbar.
2. Click the Tools button to display the Assistants Toolbar.

3. Click the Link Map button to open the Site Map Assistant.

There are two working areas in the dialog:


• The Left Pane displays the hierarchy of the links from the primary
page.
• The Right Pane displays a list of the all links from the selected page.
The following icons are used to represent the pages:
There are no links from this page (also used when indicating the starting
page for the Site Map).
The page is the Primary (Home) Page for the Web Site. It is the first page
displayed when users access your web site.
A page of the web site document.

You can’t add new links to the Web Site document using the Site Map
Assistant. To add a link, see “Creating a Link Within Your Web Site” on
page 81 or “Creating a Link to Another Web Site or to Email” on page 82.

84 • Editing Documents Web Easy Professional 6


To View the Links from a Selected Page
1. Right-click the page in the left pane.
2. Choose Show Links from page to see the links from the page.
To Set the Primary (Home) Page of the Web Site:
1. Right-click the page in the left pane.
2. Choose Set page as Primary Page to make this page appear first
when you view your web site.
To Load a Page
1. Click the page icon in the left pane.
2. Click Show Document Page button above the left pane to load
the selected page behind the dialog.
To Change a Link
1. Click the link in the right pane.
To select several links for editing, hold the CTRL key down and click
on the pages you want to add to the selection.
2. Click the Modify Link button above the right pane to open the
Link dialog.

3. Make the necessary change.


4. Click OK to accept the change.

Web Easy Professional 6 Editing Documents • 85


To Remove a Link
1. Click the link in the right pane.
To select several links for editing, hold the CTRL key down and click
on the pages you want to add to the selection.
2. Click the Remove Link button above the right pane.
Deleted links can be restored as long as the Site Map Assistant is
open.
To Restore a Deleted Link
1. Click the deleted link in the right pane.
To select several links for editing, hold the CTRL key down and click
on the pages you want to add to the selection.
2. Click the Restore Removed Link button above the right pane
to restore the selected links to their initial definition.
To Show the Link on the Document Page
1. Click the link in the right pane.
2. Click the Show Link on Document button above the right pane
to load the page containing the selected link behind the dialog
with selection handles around the item with this link.

86 • Editing Documents Web Easy Professional 6


Working with Sound
You can add background sound to a page or add sound to individual items
on the page.

Adding Background Sound to a Page


When you add sound to a page, the sound plays in the background when
the page appears in an Internet browser. Web Easy Pro provides a
collection of audio clips including sound effects and music.
1. Click the Edit button to display the Edit Taskbar.
2. Click the Page button to display the Edit Page Toolbar.

3. Click the Audio button to display the Background Audio dialog.

4. Check the Enable page background audio box.


5. Click the Browse button on the right side of the Audio file name box
to search for the audio file, or enter the path and file name in the box.
6. Choose the required sound file.
7. Click Open.
To test the sound click the Play button. Click the
Stop button to stop playing the file before it ends.
8. Check the Loop box to make the sound repeat on Play Stop
your web site.
9. Click OK.

Web Easy Professional 6 Editing Documents • 87


Adding Sound to Page Items
You can link an audio clip to any item on the page such as an image, text,
or shape.
1. Click the Edit button to display the Edit Taskbar.
2. Select the item to which you want to link the sound clip.

3. Click the Link button to display the Link dialog.

4. Click the Audio tab.


5. Click Sound Effects and Music.
6. Click the Browse button on the right side of the Audio file box to
search for the sound file, or enter the path and file name in the box.
To test the sound click the Play button. Click the
Stop button to stop playing the file before it ends.
7. Click OK. Play Stop

88 • Editing Documents Web Easy Professional 6


Working with Scenes
Scenes let you create a web site containing pages that change appearance
based on the time of day, the day of the month, the month of the year, and
more. Visitors to your web site will enjoy a very rich, dynamic viewing
experience.
The Scenes Assistant enables you to change images, text, or backgrounds
on the same web site page based on certain theme conditions being met. A
visitor to your web site will experience these themes. For example, the
theme called Day of the Week might display different kinds of marketing
slogans when visiting the web site on Monday, Tuesday, or Sunday.
• A Theme is a collection of the possible scenes typically driven by the
time on the visitor’s computer, such as the day of the week.
• A Scene is a web site page design prepared for a particular instance
from the theme collection, such as Monday, summer, or Mother’s
Day.

Web Easy Professional 6 Editing Documents • 89


Viewing Scenes
The appearance of the Web Site can be prepared by editing the content or
the attributes of existing design items, such as:
• text
• images
• text font
• plain text color, gradient or texture
• shape color (gradient and texture are not available for scenes)
• outlined shape color (gradient and texture are not available for scenes)
• page background color, gradient or texture
• page background sound
A web site built using scenes can be tested in your Internet browser by
reloading the page after you’ve modified the Date/Time on your computer.
In preview mode, an option lets you see how each scene appears.

Adding and editing scenes in the web site document is only possible while
the Scene Assistant is open.

Recommendations
• When defining scenes for text items, choose only small text items.
• Keep consistent coloring for text and use only colors, gradients, or
textures.
• Don’t create too many scenes, since it might be difficult to maintain
and find them later.
You can change the appearance of the web site for only a few scenes from
a theme collection. For example you can use the Day of the Week theme
to have a different scene on Sunday only.
Images with scene definitions must not have crop or image effects applied,
and should all be the same size.
Scenes are generated only when the Web Site is built as Dynamic HTML.
A Web Page with scenes should not include forms, custom script,
animation, or effects that might conflict with the HTML code used to
activate the scenes.

90 • Editing Documents Web Easy Professional 6


Adding Scenes
1. Open an existing Web Site Document.
2. Open the View menu and choose Scene Assistant to open the Web
Site Scene Assistant.

3. Select a theme from the drop-down list.


4. Select a scene from the list.
The first time you do this, you might want to skip the first scene in the
list since this is the default scene.
5. Select an item on your page that will change depending on the scene.
6. Modify the image, text, color, or font of this item.
7. Repeat steps 4, 5, and 6 as many times as required for each scene you
want to use.
You don’t have to connect an item to every scene, but the top most
scene will be used for any unconnected scenes. If you leave the top-
most item blank, then no item will appear on dates or times that have
no scenes.
8. Verify that your design is correct by selecting different scenes from
the list.
The items on the page change depending on which scene you select.
9. Preview the document in your Internet Browser while the Scene
Assistant is open.
To see scenes and the Scene Preview Monitor, open the Build menu
and choose Preview Page.
A temporary Scene Preview Monitor is added to the web site so
that you can simulate scene changes. To show the monitor, click
on the icon in the top left corner.
The Scene Preview Monitor won’t appear if the Scene Assistant
wasn’t open prior to starting the preview.
10. Build a Dynamic HTML Web Site and publish your site on the
Internet.

Web Easy Professional 6 Editing Documents • 91


Removing a Single Scene From a Selected Item
1. Open the View menu and choose Scene Assistant to open the Web
Site Scene Assistant.

Remove Selected Scene


2. Select the scene item on your page that contains the scene that you
want to remove.
3. Select the specific scene for deletion from the list in the Scene
Assistant.
4. Click the Remove Selected Scene button above the scene list.
5. Repeat steps 2, 3, and 4 as many times as required.
6. Verify that your design is correct by selecting different scenes from
the list.
The items on the page change depending on which scene you select.

Removing All Scenes From a Selected Item


1. Open the View menu and choose Scene Assistant to open the Web
Site Scene Assistant.

Remove All Scenes


2. Select the scene item on your page that contains the scenes that you
want to remove.
3. Click the Remove All Scenes button above the scene list.
4. Verify that your design is correct by selecting different scenes from
the list.

92 • Editing Documents Web Easy Professional 6


Remove All Scenes From a Web Site Document
1. Open an existing Web Site Document.
2. Open the Tools menu and choose Scene Assistant. to open the Web
Site Scene Assistant.

3. Select the theme None from the drop-down list.


4. Close the Scene Assistant and save the document.

Adding e-Commerce to Your Web Site


Add e-commerce capabilities to your Web Site to enable users to purchase
your products online. This involves signing up with an e-commerce
vendor who will handle payment processing. Web Easy Pro includes links
to several different vendors that you can choose from. Design your web
site using Web Easy Pro, and include the eShop Buy Now or Add to Cart
buttons for each product you are selling.

Recommendations
When setting up your e-commerce web site, take care to choose a vendor
who suits your needs. Check the vendors’ web sites to determine their
terms and conditions, and what fees they charge.
Please be aware of all rules and requirements your country and
international law imposes on e-commerce business activities.
You should delete or edit the e-commerce demonstration objects that have
been added to the template documents. These objects won’t work properly
on the Internet without the correct settings required by the e-commerce
vendor.

Web Easy Professional 6 Editing Documents • 93


Creating an eShop
Typically, the following steps are required to create an eShop in a Web
Site document:
1. Click the Edit button to display the Edit Taskbar.
2. Click the E-commerce button to display the E-commerce toolbar.

3. Click the Vendor button and follow the steps to select the vendor that
best suits your needs.
4. Sign up with the vendor to use their services.
5. Follow the vendor’s instructions on how to set up your e-commerce
service on the Internet.
In some cases you must create and populate a Product Database prior
to designing your web site. The values entered in the product database
are often used when adding the vendor’s objects to your web site as
outlined in the steps below.
6. Create a new page dedicated to selling the products in your web site
document putting your product names, descriptions, photos, and
prices on this page.
7. Click the Insert button to insert an Add to Cart or Buy eShop object
for each product for sale.
You might be asked to enter some details, such as a Product ID, or
SKU as defined in the Product Database on the vendor’s server. Some
vendors simply require that you supply your email address, and the
product name and price.
The parameters for the eShop objects vary from vendor to vendor.
8. Click the Insert button to insert Enter Store, View Orders, or
Checkout buttons to complete the eShop design.
The list of recommended objects for creating an e-commerce solution
might vary from vendor to vendor. In particular, the View Orders and
Checkout buttons might not be required.
9. Build your web site and publish it on the Internet.
10. Verify and test your web site with your eShop solution.

94 • Editing Documents Web Easy Professional 6


To Modify the Properties of an Existing eShop Object
1. Click the Edit button to display the Edit Taskbar.
2. Click the E-commerce button to display the E-commerce toolbar.

3. Select the item on your page that you want to modify.


4. Click the Properties button to open the Object Script Properties
dialog.

5. Modify the values of the parameters as required by your e-commerce


vendor.
6. Click OK to save the settings.

Web Easy Professional 6 Editing Documents • 95


Adding Advanced Items
There are many advanced features and items you can add to your web
pages. These include tooltips, animated GIFs, VRML components, and
movies. The online help has complete details to accomplish each of these
tasks. Some of the more common tasks are outlined in the following
sections.

Inserting a Dynamic Link


With the help of vendors on the Internet, you can add components to your
page that are dynamically updated by third party sites. This could include
such things as news, weather reports, stock market prices, or advertising.
By inserting a dynamic link on your site, you can also direct your visitors
to e-shops and services on the Internet. For creating your own eShop, see
“Adding e-Commerce to Your Web Site” on page 93.
1. Open the Insert menu and choose Component > Dynamic Link to
open the Dynamic Link Assistant.

2. Follow the on-screen instructions to insert a dynamic link.

96 • Editing Documents Web Easy Professional 6


Inserting an Object
Web Easy Pro includes a selection of ready-to-use objects that can be
inserted into a document. These range from simple design elements, such
as colorful page dividers, to advanced elements such as forms, navigation
bars, VRML, 3D motion designs, and gadgets.
1. Click the Edit button to display the Edit Taskbar.
2. Click the Shapes button to display the Edit Shapes Toolbar.

3. Click the Object button to display the Insert Object dialog.

You can also open the Insert menu and choose Object to open the
Insert Object dialog.
4. Choose a tab to display an object group, such as:
• Animated elements, such as moving texts that you can replace
with your own text to create a dynamic DHTML web site.
• Auto links in the form of balls, bullets, or numbers. Web Easy
Pro automatically calculates the number of pages in your
document and creates a link to each page.
• Dividers can save you time by using the pre-designed page
dividers, some of which are animated.
• Forms for complete forms or individual fields and modules.
• Gadgets are ready-to-use items such as a visitor’s counter,
calculator, calendar, status bar clock, shake on load, and more.
• Navigation using pre-designed navigation bars with buttons that
you can turn into links.
• eShop button objects for e-commerce.
5. Click OK.

Web Easy Professional 6 Editing Documents • 97


Visitor’s Counter
A visitor’s counter counts how many times your site has been visited. Web
Easy Pro offers a standard Visitor Counter image. This counter only works
after your web site has been built and published on the Internet, and you
have linked it to an Internet Service Provider offering such a service. For
more detailed information, see the online help.

Inserting Multimedia Items


You can easily insert movie, flash, or other multimedia files into your
document.
The multimedia item won’t run in the document until it has been built. To
view a quick display of the Web page with the movie, preview the Web
site by pressing F8.
Some multimedia items are not supported in browsers other than Internet
Explorer.
To Insert Multimedia Using File Browser
1. Select the item you want to use from File Browser.

You can double-click the item, or right-click and choose Play to both
see and play the item at full size in the Web Easy Pro’s Instant View
or in your installed media player. To see a thumbnail preview in the
File Browser, click once in the blank area of the File Browser, then
move the mouse over the file to see a preview.
2. Left-click and, while holding the button, drag to place the item on
your document.
3. Release the mouse button.

98 • Editing Documents Web Easy Professional 6


Building a Web Site

Overview
Building a document is the process of converting it into a web site. This
process is necessary because you can’t publish it on the web while it is still
in the form of a document. Building a document creates a web site
package file that contains the files required for the web site on the remote
server.
You can build your document into four types of web sites:
• A Standard web site (HTML) includes basic features without extras,
such as rollover images, page transitions, or animated text and
objects.
• A Dynamic web site (DHTML) includes extra features, such as page
transitions, path animations, and Dynamic HTML effects. For more
information about, see “Creating Dynamic Web Sites” on page 111.
• An HTML web site with CSS includes CSS and style class support,
but does not support some of the dynamic effects, such as scenes or
page transitions found in DHTML web pages.
• An XHTML web site with CSS includes the same features as HTML
with CSS, but uses the stricter coding standards not found in HTML
For more information about HTML and XHTML, go to the World Wide
Web Consortium at www.w3.org.
You will need to consult with your Internet Service Provider (ISP) to get
the required site hosting details prior to using the Publish Assistant. For
more information about using the Publish Assistant, see “Publishing a
Web Site” on page 103.
If you don’t already have a subscription to an ISP, consider using VCOM’s
Preferred Web Hosting solution. For information about this service, open
the Help menu and choose Visit VCOM Web Site > Preferred Web
Hosting.

Web Easy Professional 6 Building a Web Site • 99


Building Your Document into a Web Site
1. Click the Home button to display the Home Taskbar.
2. Click the Build button to display the Build Toolbar.

3. Click the Web site button to display the Build Web Site dialog.

4. Click the Browse button on the right side of the Folder box or enter
the path in the box to define the folder on your computer in which to
store your web site package.
This will include all the files required to run the web site, such as
HTML files, graphics files, etc.
5. Replace the name in the Package name field with a name of your
choice for the web site package.
Don’t leave spaces in the name.
6. Choose the Output range:
• Current page creates a web site containing only the current page.
• All pages creates a web site containing every page in the
document.
7. Choose colors for your hyperlink text.
To set or change the color of Standard, Visited, and Active links,
click the appropriate color block to display the Color dialog and select
a color from the palette or create a custom color for your link.

100 • Building a Web Site Web Easy Professional 6


8. Click the Build As button and choose the type of web site to build.
• XHTML with CSS uses the stricter XHTML coding and allows for
the use of most features, with the exception of some special page
effects.
• HTML with CSS used the traditional HTML coding and allows for
the use of most features, with the exception of some special page
effects.
• Dynamic HTML uses the traditional HTML coding and allows for
more special effect features than XHTML or HTML with CSS.
• Simple HTML is the most basic with little or no support for
special effect features.
For more information, see “Should I build as Simple, Dynamic, or
CSS?” in the online help.
9. Click the with button and choose the type pages for your web site.
• Standard Page displays the web site at the top left of the web
browser.
• Centered Page displays the web site in the center of the web
browser.
10. Click the Advanced button to display further options to personalize
your web site such as author, keywords, color palette, etc.
11. Click the RSS button to set your RSS channel settings.
If you do not have RSS setup, leave this set as RSS Excluded. For
more information, see “Adding RSS to your site” in the online help.
12. Check the Publish on Internet box if you are connected to the
Internet, have the relevant details from your ISP, and want to publish
the web site now.
This runs the Publish Assistant immediately after the HTML files have
been built, letting you send all the required files to your ISP.
13. Check the Run Now box if you want to display the web site in your
Internet browser after the HTML files have been built.
14. Click OK.
The build process takes a few moments depending on the size of your web
site and speed of your system.

Web Easy Professional 6 Building a Web Site • 101


102 • Building a Web Site Web Easy Professional 6
Publishing a Web Site

Overview
Publishing a web site is the process of transferring it to the Internet so that
other people can view it with their Internet browsers. To publish, you need
to have an account with an Internet Service provider (ISP), that allocates
space for your files on their server (their host computer). The server is also
known as the remote host. Publishing involves uploading your web site
and any extra elements, such as graphics or sound files, from your
computer to your remote host.
There are seven major steps for publishing using the Publish Assistant:
• Step 1: Before You Publish (see page 103)
• Step 2: Open the Publish Assistant (see page 104)
• Step 3: Connect to Your Remote Host (see page 105)
• Step 4: Choose the Package to Publish (see page 108)
• Step 5: Check the Transfer Settings (see page 108)
• Step 6: Transfer the Package to the Remote Host (see page 109)
• Step 7: View Your Remote Web Site (see page 109)
The following sections explain these steps in greater detail.

Step 1: Before You Publish


1. Design your document (see “Creating Documents” on page 37 and
“Editing Documents” on page 53).
2. Build it into a web site (see “Building a Web Site” on page 99).
3. Contact your ISP and received your connection details from them, or
you can use the iEasySite, which requires no special details.
4. Connect to the Internet.

Web Easy Professional 6 Publishing a Web Site • 103


Step 2: Open the Publish Assistant
1. Click the Home button to display the Home Taskbar.
2. Click the Publish button to start the Publish Assistant to display a
Cue Card where you can choose to use Avanquest’s Preferred Web
Hosting service, or use the Publishing Assistant to connect to your
own ISP.

• If you choose Avanquest’s preferred Web Hosting service, you


will start the iEasySite Publish Wizard, where you can try the
iEasySite for free, publish, update, or manage your account.

The iEasySite requires no “special” information and is the easiest


way to go. Just follow the Wizard to get your site published. You
can skip the rest of the steps in this chapter.
• If you choose to Publish to your existing Web Hosting service
or ISP, the following steps will guide you through setting this up.
When the Publish Assistant appears, click Next.

104 • Publishing a Web Site Web Easy Professional 6


Step 3: Connect to Your Remote Host
1. Click the Connect button to display the Connect dialog.

2. Enter or choose your ISP profile name in the Profile box.


• If you haven’t already established a profile, click the down arrow
to view a list of popular ISPs, choose the ISP to which you have
previously subscribed. The connection details are entered into the
dialog automatically, and the Profile is saved on your computer.
• If you have already established one or more Profiles, click the
down arrow and select a connection profile from the list. The
Remote Access details of the selected profile are entered for you.
• If your ISP isn’t in the list and you haven’t already established a
profile, enter a profile name in the box. You’ll need the
connection details from your ISP to continue.
3. Enter or confirm the Host name or IP address and the User
identifier provided by your ISP.
You might also need to enter your User password.

Web Easy Professional 6 Publishing a Web Site • 105


4. Click the General tab.

5. Enter the Initial remote folder (such as /public/citycomputers)


provided by your ISP
6. Enter your Initial local folder, or the path to the folder where you
stored your web site package on your computer.
If you have the document file open, this path is automatically entered
for you.
7. Click the WWW Site tab.

8. Enter the World Wide Web site address provided by your ISP.
The name after the forward slash ( / ) is the folder name holding your
web site files on your ISP’s remote server.

106 • Publishing a Web Site Web Easy Professional 6


9. Enter or select the Primary page.
This is the first page to appear when your web site is opened.
10. Click the Firewall tab.

11. Choose None if your computer isn’t behind a firewall.


If you’re behind a firewall, ask your network administrator for the
details to enter. Companies with internal networks typically have
firewalls.
If you leave it at none and experience problems, return to this dialog
and check the Use a passive transfer option. This will often allow
access through the firewall.
12. Click OK.
The connection is established and the Publish Assistant re-appears. This
might take a few moments.
If you entered connection and path details for a new ISP profile, the details
are saved for the next time you need to access your ISP’s remote server.

Web Easy Professional 6 Publishing a Web Site • 107


Step 4: Choose the Package to Publish
After you’ve connected to your ISP server, the Select step appears
allowing you to choose the Web Easy Pro package to transfer. The
package has the same name as the document you just created.

If your package doesn’t appear in the Web Site packages list, click
the Browse button above the list to locate the package and then click
Open. The package will be the name of your web site with a .TXT
extension.
After you choose the package, a preview of all included files appears on
the right side of the Select dialog.

Step 5: Check the Transfer Settings


Click Next to display the Transfer settings step where you can check the
settings, and change them if necessary.

If you want Web Easy Pro to determine which files need to be updated on
the remote host, check the Let Web Easy automatically manage the site
box.

108 • Publishing a Web Site Web Easy Professional 6


Step 6: Transfer the Package to the Remote Host
1. Click Next to begin the transfer.
Web Easy Pro manages your remote web site. It finds any files at the
remote site that are not required for the current package and deletes
them. The Cleaning the Selected Site step appears during this process.
When the transfer is completed the Congratulations step appears.
2. Choose from the following options:
• Check the View web site box to view your web site.
• Check the View Publish Report now box to display the Publish
Report.
3. Click Finish.
The Publish Assistant closes and the site opens in your Internet browser.

Step 7: View Your Remote Web Site


If you previously chose to view either the Publish report or the Web site, it
now appears in your Internet browser. If you chose to view both, the report
appears for about six seconds before the web site appears. To view the
report again, click the back arrow on your Internet browser.

Maintaining Your Web Site


After you’ve published your web site on the Internet, updating it is easy.
1. Open your document in Web Easy Pro.
2. Make the required changes.
3. Build new HTML files to replace the previous ones.
4. Publish your web site again.
Web Easy Pro remembers the information you entered, so the process will
be quite easy the next time. In addition, Web Easy Pro checks the date and
time of each file against those on the server. Only newer files are uploaded
to the ISP host.

Web Easy Professional 6 Publishing a Web Site • 109


110 • Publishing a Web Site Web Easy Professional 6
Creating Dynamic Web Sites

Overview
A Dynamic web site is one that uses Dynamic Hypertext Markup
Language (DHTML). DHTML allows animation of items on your web page.
A dynamic web site can include any or all of the following features:
• Rollover images that change when you point at them using a mouse
(see “Adding Rollovers” on page 112).
• Transitions between pages (see “Adding Page Transitions” on page
114).
• Objects that fade in or out (see “Adding Effects to Objects” on page
115)
• Animated items that move along a path (see “Animating Objects” on
page 116)
• Web sites that operate like a slideshow (see “Creating a Slideshow”
on page 117)
The special features described in this section only work for dynamic web
sites. If you use DHTML features in your web site, click the Build As
button and choose the the Dynamic HTML box when you build the
document (see “Building a Web Site” on page 99).

Web Easy Professional 6 Creating Dynamic Web Sites • 111


Adding Rollovers
A rollover image changes to another image when a mouse moves over it.
When the mouse moves off the image, it returns to its initial state. You can
have numerous rollover images so when you move your mouse over the
image the next sequential image appears. When you move off of the
rollover it always returns to the initial image. Rollovers only work on
DHTML pages. Make sure that Dynamic HTML is checked in the Build
dialog (see “Building a Web Site” on page 99)

NOTE: Do not add shadow to images. Shadows change the


size of the image and interfere with the creation of the
rollover.

Using the Rollover Image Assistant


The Rollover Image Assistant dialog lets you insert or customize a group
of items, which are converted to a rollover button when building a
Dynamic Web Page.
To Insert a Simple Rollover Button
1. Make sure nothing is selected in the design page.
2. Open the Tools menu and choose Rollover Image Assistant or press
CTRL-R to open the Rollover Image Assistant.

The title New Rollover flashes four times.


3. Double-click the image in the top layer to open the Choose Image
dialog.
4. Choose the desired image and click the Open button.
5. Double-click the image in the second layer to open the Choose Image
dialog.
6. Choose the desired image and click the Open button.
To remove a sample link uncheck the Link to Internet Web Page box.
7. Click OK to insert the new rollover button.

112 • Creating Dynamic Web Sites Web Easy Professional 6


The new group of items will appear at the top of the design page or close
to the position of the last edited object. You can move it to the position
where you want it.
To edit the rollover, select the group and open the Rollover Image
Assistant again.
To Create Advanced Rollovers
With the Rollover Image Assistant open, click the Advanced button near
the bottom of the assistant to show a preview and display icons above the
list of buttons.
Move Selected Add Add Delete
Layer Up/Down Image Text Layer
Layer Layer

Click here to test

• Click on the Size button below the preview to change the size of the
rollover.
• Click on the button in the preview pane to see how it will operate.
Click the icons at the top of the dialog to change the positions of the
layers, add image and text layers, and delete layers.
The online help has more details about the advanced features and icons.

Creating a Rollover Without the Assistant


1. Place two (or more) images on the page.
2. Make them the same size.
3. Align them to the top and the left.
4. Group them.
5. Build the Dynamic web site.

Web Easy Professional 6 Creating Dynamic Web Sites • 113


Adding Page Transitions
To further enhance your document, add page transitions to the pages in
your document. Transitions include page scrolling, page wipes, dissolves,
and more.
1. Click the Edit button to display the Edit Taskbar.
2. Click the Page button to display the Edit Page Toolbar.

3. Click the Transition button to display the Page Transition dialog.

4. Choose a Page Transition Style.


An example of the transition appears in the preview window.
5. Set the following Page timing options:
• To set a time duration for the transition effect, check the Display
page effect for box and enter a time.
• To set the automatic starting time for the following transition,
check the Advance to next page after box, and enter a time.
6. Check the Apply to all pages box to apply the same transition
settings to all the pages in your document, or check the Random
effect box to apply a different randomly chosen effect each time.
7. Click OK.
Some transitions are supported only by Internet Explorer 4.0 and later.
Some browsers, like Mozilla and Firefox, do not support transitions and
will ignore them. Transitions don’t work if you create a navigation bar in a
separate frame.

114 • Creating Dynamic Web Sites Web Easy Professional 6


Adding Effects to Objects
Web Easy Pro offers a wide choice of Dynamic HTML effects that you can
apply to text and items in your dynamic web site. These effects are similar
to page transitions, but are applied to individual items.
1. Select the item to which you want to apply the effect.
2. Click the Edit button to display the Edit Taskbar.
3. Click the Arrange button to display the Arrange Items Toolbar.

4. Click the Effects button to open the Dynamic HTML Effects dialog.

5. Click the Effect drop-down list and select an effect.


6. Choose a Style for the effect from the window.
7. Click the Advanced tab to fine-tune your Dynamic HTML effect.
8. Click OK to apply the effect.
Some effects are supported only by Internet Explorer 4.0 and later.
Some effects, such as Drop Shadow and Edge Glow, should only be
applied to text items.

Web Easy Professional 6 Creating Dynamic Web Sites • 115


Animating Objects
For a dynamic and exciting effect, give an item an animated path. It will
move across the page along that path—along a wave, with a swinging
motion, flying out from a corner, and more. You can edit the path and
decide on the timing.
1. Select the item to be animated.
2. Click the Edit button to display the Edit Taskbar.
3. Click the Arrange button to display the Arrange Items Toolbar.

4. Click the Animation button to display the Path Animation dialog.

5. Click the down arrow and choose a path from the list.
The selected path appears on your page as a dotted line.
6. Click the Edit path button if you want to adjust the path.
Handles appear along the path.
• The blue handle represents the beginning of the animation.
• The red handle represents the end of the animation.
• The green handles represent points along the path.

In the example above, the balloons would follow the wave pattern
shown.
7. Drag a handle to adjust its position or drag the dotted line to move the
entire path.

116 • Creating Dynamic Web Sites Web Easy Professional 6


8. Enter the duration for the animation in the Display for box.
The number to the left of the decimal point represents seconds.
9. Enter the starting time for the animation in the Start after box.
For example, if you enter 1.5, the animation will start one and a half
seconds after the page appears.
10. Check the Blink box to give your animation a blinking effect.
11. Check the Loop box to make your animation repeat itself
continuously.
12. Click the Fit Start button to make sure that the starting position for
the animation is the current location of the item.
This helps avoid the jumpy start that can occur with animations if
they begin at a different location.
13. Click on the Close button in the top-right corner of the dialog to
close the Path Animation dialog and save the settings.

Creating a Slideshow
This is a quick look at how to create a DHTML web site that operates like a
slideshow. For more detailed information, see the online help.
There are seven major steps for creating a slideshow:
• Step 1: Create a New Document (see page 118)
• Step 2: Give the Document a Background (see page 118)
• Step 3: Place an Image on the Page (see page 119)
• Step 4: Insert a New Blank Page (see page 119)
• Step 5: Place an Image on the New Page (see page 119)
• Step 6: Set Page Transitions (see page 120)
• Step 7: Build the Document into a Dynamic Web Site (see page 121)
The following sections explain these steps in greater detail.

Web Easy Professional 6 Creating Dynamic Web Sites • 117


Step 1: Create a New Document
1. Click the Home button to display the Home Taskbar.
2. Click the Design button to display the Design Toolbar.

3. Click Blank to open the New Document dialog.

4. Choose a single-page template.


5. Click OK.

Step 2: Give the Document a Background


1. Click the Edit button to display the Edit Taskbar.
2. Click the Page button to display the Edit Page Toolbar.

3. Click the Background button to open the Page Background Settings


dialog.

4. Choose a dark color for the background.


5. Click OK.

118 • Creating Dynamic Web Sites Web Easy Professional 6


Step 3: Place an Image on the Page
1. Browse to find the image that you need from File Browser.

2. Drag the image onto your document.

Step 4: Insert a New Blank Page


3. Click the Page button to display the Edit Page Toolbar.

4. Click the Insert button to display the New page dialog.

5. Choose Blank page.


6. Click OK to add a new blank page with the same background to your
document.

Step 5: Place an Image on the New Page


1. Repeat Step 3: Place an Image on the Page (see above) for the next
image.
2. Continue to add pages and images until complete.

Web Easy Professional 6 Creating Dynamic Web Sites • 119


Step 6: Set Page Transitions
1. Use the navigation arrows to return to the first page.
2. Click the Page button to display the Edit Page Toolbar.

3. Click the Transition button to display the Page Transition dialog.

4. Choose a Page Transition Style, or check the Random effect box to


apply a variety of randomly chosen effects to the page.
5. Enter a time in seconds, for the duration of the effect.
6. Check the Advance to the next page after box and enter a time, in
seconds, after which the site advances to the next page.
7. Check the Apply to all pages box to apply your settings to all the
pages in the document, or leave it unchecked and repeat this
procedure, applying a different transition to each page.
8. Click OK.

120 • Creating Dynamic Web Sites Web Easy Professional 6


Step 7: Build the Document into a Dynamic Web Site
1. Click the Home button to display the Home Taskbar.
2. Click the Build button to display the Build Toolbar.

3. Click the Web site button to display the Build Web Site dialog.

4. Click the Build As box and choose Dynamic HTML.


5. Click the with button and choose Centered page.
6. Click OK to build the web site.

Web Easy Professional 6 Creating Dynamic Web Sites • 121


122 • Creating Dynamic Web Sites Web Easy Professional 6
Making a Web Site: A Tutorial

Overview
This quick tutorial walks you through creating a customized web site in a
matter of minutes. You’ll learn the basics, discover some handy tricks, and
build and publish a web site to the Internet using iEasySite’s free trial.
We assume that you’ve read at least part of this guide, such as “Getting
Started” on page 13 and “Learning the Basics of Web Easy Pro” on page
25, and have a basic understanding of the taskbar and toolbars.
Our example is a nature photo site.

Selecting a Template
To begin our sample web site, open Web Easy Pro. If you haven’t
registered, you can register now or choose Later. Choosing the Later
option does not restrict your use of Web Easy Pro in any way.
1. Click the Web Site button in the Activity Center to open the Web Site
Assistant.

Web Easy Professional 6 Making a Web Site: A Tutorial • 123


2. Click Next to go to the next step of the Web Site Assistant.

3. Click the Hobbies and Events tab.


4. Select Plain.
This is a six-page template, which you will use for your new site. It
helps illustrate that a template can be used as a starting point and can
be made into something entirely different.
5. Click Next.

6. Use the default storage location for your new web site but change the
name to Nature.

124 • Making a Web Site: A Tutorial Web Easy Professional 6


7. Click Next.

You’re asked to add photos to the template. When you use templates,
you might want to skip this step and make your individual selections
later. In this tutorial, you’ll add a folder full of pictures.
8. Click the Browse button above the Images list and locate the Nature
folder.

9. Click on OK.
10. Click the Allocate all images button to move photos into pre-
set positions for this template.

Web Easy Professional 6 Making a Web Site: A Tutorial • 125


11. Click Next when the photos have all been added to the template.

This template asks for several pieces of information for this web site.
You can enter this now, or put this information in later. The questions
are there for your convenience in making your web site.
12. Enter the information such as your name, email, and address.
For your privacy, consider the information you want to provide on
your web site. It will be visible to the public. For example, on a
personal site, you might want to only show the city and state and not
include a street address.
13. Click Next.
The template steps are complete.
14. Click Finish to see your document in the Web Easy Pro workspace.

Customizing the Web Site Document


As you customize this web site, you’ll edit some text, change the
background, change a photo, navigate the pages, and add a stencil.

Editing a Text Field


1. Double-click on the word Title above the main photo.
A white edit box appears.
2. Type the word Nature.
You’ll find that most templates already have text in a number of places on
different pages. You would normally replace the text with your own or
delete unneeded text frames. We’ll skip the text frames on other pages for
this tutorial.

126 • Making a Web Site: A Tutorial Web Easy Professional 6


Changing the Background
The background is a bit dark on this template, so this is a great time to see
how easy it is to dramatically change the look of your site with a few
clicks. You can choose from many custom backgrounds included with
Web Easy Pro.
1. Click the double-arrow button in the upper-right corner of File
Browser and choose Textures from the list.
Choose Textures from the list.

Choose the Vertical folder. Choose the first background.

The texture folders include a wide range of custom backgrounds.


2. Scroll down the folders list on the left side of File Browser and
choose the Vertical folder.
You’ll see a number of thumbnails of possible backgrounds.
3. Click the first thumbnail b02back02.gif and, while holding the mouse
button down, drag the image to the workspace.
4. Release the mouse button to immediately change the background.
You can try different backgrounds or press CTRL-Z to undo prior
changes. You can look in the other folders to find many other designs.
5. Open the Modify menu and choose Background to open the Page
Background Settings dialog.

6. Click Gradient.
7. Click OK to see the background change immediately on the page.
You can set the background to any fixed color, a gradient with any two
colors and directions, or a texture. You can also choose to set the
background for all pages.

Web Easy Professional 6 Making a Web Site: A Tutorial • 127


Changing a Photo
Next you’ll change a photo on this page.
1. Click the double-arrow button in the upper-right corner of File
Browser and choose Photos from the list.
Choose Photos from the list.

Choose the Flowers folder. Choose the fifth photo.

2. Click the Flowers folder.


3. Left-click the fifth flower photo p10205.jpg and, while holding the
mouse button down, drag the image to the top, smaller picture.
4. Release the mouse button.
As you drag across other pictures, each picture shows its framing buttons.
You can experiment replacing other pictures or press CTRL-Z to undo a
selection.

Navigating the Pages


Use the navigation controls to move to other pages of your document.
Previous page Go to page

Next page

Zoom

Help

1. Click the Go to page icon to list all the pages by name.


2. Choose home.

128 • Making a Web Site: A Tutorial Web Easy Professional 6


Adding a Stencil
Use stencils to add a professional touch to your web site with a few mouse
clicks.
1. Click the double-arrow button in the upper-right corner of File
Browser and choose Stencils from the list.
Choose Stencils from the list.

Choose the Oval folder. Choose the third stencil.

The stencil folders include a wide range of border and wash effects.
2. Click the folder labeled Oval to view various oval effects.
3. Click on the third thumbnail sofade02 and, while holding the mouse
button down, drag the effect on top of the lower picture.
4. Release the mouse button.

Web Easy Professional 6 Making a Web Site: A Tutorial • 129


Previewing Your Site
1. Press F8 to preview the web site.
If a dialog opens, click OK to start the preview process.
Web Easy Pro makes a set of temporary files and performs various
optimizations to make the web pages load quickly. This might take a
couple of minutes depending on the speed of your system and the
amount of system memory.
2. Your browser appear with the web site.

3. Click the buttons on the left to go into this site.


For example, click the home button.
Alternate buttons are located at the bottom of the web site. You can
explore all the pages. Note that the text on most pages is simply
generic text included with the template. Typically, you would’ve
spent a little time adding real text to the site that fits your needs.
4. Close the browser and return to Web Easy Pro.

130 • Making a Web Site: A Tutorial Web Easy Professional 6


Building the Web Site
1. Open the Build menu and choose then Web Site (HTML) to open the
Build Dynamic Web Site dialog.

You can use all of the standard settings in this dialog.


2. Click OK.
When build process completes, it returns to the Web Easy Pro document.

Publishing the Web Site


Now to publish your web site on the Internet.
1. Click the Home button to display the Home Taskbar.
2. Click the Publish button to open a Cue Card explaining more about
publishing.

Web Easy Professional 6 Making a Web Site: A Tutorial • 131


3. Click the Use Avanquest’s preferred Web Hosting service option
for this demonstration to open the iEasySite wizard.

Web Easy Pro can work with all hosting services, but use this option
since the test requires no signup and is the quickest way to create a
live test site without any details from your Internet Service Provider
(ISP).
4. Choose the Try iEasySite for free option.
5. Click Next.

6. Complete the brief form.


You are not signing up for any service. This is a free service of
iEasySite. It lets you make your site public for 24 hours using a
temporary URL address.
7. Click Next.
8. Use the default Publish a site created with Web Easy software for
your Web site choice.

132 • Making a Web Site: A Tutorial Web Easy Professional 6


9. Click Next.

Step 1 shows the location where the web site resides on your local
computer. It’s filled in for you.
10. Choose the web site Nature in Step 2.
If you had multiple sites, they would all be listed here.
Step 3 is also filled in for you.
11. Click Next.
Your web pages are next uploaded to the iEasySite hosting service.
Upon completion, the temporary web address appears at the top of the
dialog.

12. Click View Site Now button to open the iEasySite Trial page in your
browser.
13. Click the View Your Trial Site button to view your site.
You can give the iEasySite temporary site address to others so they can
view your test web site. It can be opened from any computer anywhere in
the world.

Web Easy Professional 6 Making a Web Site: A Tutorial • 133


Summary
You’ve successfully opened a web site template and modified some
common aspects of this web site document with text, photos, and a stencil.
You then previewed the site, built the web site, and published it to the
Internet.

Explore other aspects of Web Easy Pro including transitions, effects,


animation, adding e-commerce, and other features. This guide and the
online help will assist you in creating a fantastic web site.

134 • Making a Web Site: A Tutorial Web Easy Professional 6


Helpful Hints and Troubleshooting

Tips
Bulleted Lists
If you put an asterisk (*) and an empty space at the beginning of each
paragraph that you want in a bulleted list, and then when you build your
web site, the text appears as a bulleted list.
Enter:
* Item 1
* Item 2
To produce:
• Item 1
• Item 2
You can also use the Rich Text Toolbar to create bulleted and numbered
list in a rich text frame. For more information about bulleted and
numbered lists, see the online help.

Drag-and-Drop
When you are dragging an item from File Browser onto
your document, the mouse pointer icon represents the
upper-left corner of the location where the item will be
placed when you drop it.

Large Images
Use smaller images in your document to decrease your web site’s upload
time. To make a selected image smaller, drag its sizing handles.

Web Easy Professional 6 Helpful Hints and Troubleshooting • 135


Presentations
Use Web Easy Pro to make impressive presentations to show to your
colleagues using an Internet browser.

Right Mouse Button


Click the right mouse button to display a menu
specific to the environment you are working in or
the item your mouse is pointing to.

Selecting Multiple Items


Select more than one item by holding down the
SHIFT key while using the mouse to select each
item. You can select all the items on a page of
your document by opening the Edit menu and
choosing Select All. After you’ve selected
multiple items, you can modify them all at the
same time (for example, using the Align options).

Text
Most Internet browsers support only a limited range of fonts. It’s best to
use standard fonts like Arial and Times New Roman if you want your web
site to appear correctly in all Internet browsers.

Undo
If you make a mistake, open the Edit menu and choose Undo. A Redo
option is also available. As installed, Web Easy Pro retains the last 12
steps. You can change this by opening the Tools menu and choosing
Options.

Zoom
To get a closer look at your document, click and
choose a zoom option. You can return to viewing
the whole page by choosing Fit.

136 • Helpful Hints and Troubleshooting Web Easy Professional 6


Shortcuts
The following table shows a list of commonly used keyboard shortcuts:

To do this... Press this...


Select each item on a page one at a time TAB
Select all items on a document CTRL-A
Select an image within a frame SHIFT-TAB
De-select all ESC
Copy a selected item from your document CTRL-C
Cut a selected item from your document CTRL-X
Paste a copied or cut item onto your document CTRL-V
Delete a selected item from your document DEL
Open and existing document CTRL-O
Create a new document CTRL-N
Print a document CTRL-P
Save changes to a document CTRL-S
Switch between open documents CTRL-F6
Undo an action CTRL-Z
Redo an action CTRL-Y
Open the Activity Center CTRL-G
Open the File Browser CTRL-B
Open the Custom Script Assistant CTRL-J
Open the Object Script Properties CTRL-E
Open the Rollover Image Assistant CTRL-R
Open the Scene Assistant CTRL-W
Open the Search Assistant CTRL-F
Open the Site Map Assistant CTRL-L
Open the Text Assistant CTRL-T
Refresh your workspace F5
Preview your web site F8
View the online help F1

Web Easy Professional 6 Helpful Hints and Troubleshooting • 137


Home Taskbar and Toolbars
As you click buttons on the Home taskbar, the toolbar above the
workspace changes to provide the most useful features related to the
selected item.

Opens the Publish Assistant (see “Publishing a Web Site” on page 103)

Opens the Activity Center (see “Using the Activity Center” on page 32)

138 • Helpful Hints and Troubleshooting Web Easy Professional 6


Edit Taskbar and Toolbars
As you click buttons on the Edit taskbar, the toolbar above the workspace
changes to provide the most useful features related to the selected item.

Web Easy Professional 6 Helpful Hints and Troubleshooting • 139


Troubleshooting
This section is intended to give you answers to the most common
problems that might arise. If you don’t see your problem detailed in this
section, view the FAQs on our web site at:
www.v-com.com/support/intro_web_easy_support.html
Context-sensitive help is available for most features by pressing F1 on
your keyboard.

Problems with Items


An item on my web site is hidden behind another one
Web Easy Pro allows you to layer items from back to front. If you want to
move an item to the front, select it and then open the Arrange menu and
choose Order > Bring to Front.
My frame won't fit to my image
A frame that is dragged from File Browser and dropped onto an image will
only fit if it is dropped directly onto the image. Make sure when you drop
the frame over the image and that the image first displays sizing handles
on the edges. If sizing handles aren’t displayed, the frame and image will
not fit together.
If you have an image and a frame on your document already that you want
to fit together, use the Fit dialog. Select the image and frame and then
click the Fit button in the Arrange Items Toolbar. Then, click the Frame
tab. For more information, see the online help.
My portrait images are landscape
Your digital camera might show all the images you take as landscape.
Rotate your image 90 degrees. For more information, see “Rotating an
Image” on page 67.
When I added an oval frame to my image, it didn't fit
Oval frames should be used in conjunction with oval stencils. After
you’ve dragged an oval frame onto your image, click the Stencil folder in
File Browser and view the Oval folder. Then, drag-and-drop an oval-
shaped stencil onto your image.

140 • Helpful Hints and Troubleshooting Web Easy Professional 6


When I deleted my frame, my image disappeared as well
Web Easy Pro groups images and frames together to make it easy for you
to work with them. When you select a frame, the sizing handles will show
you whether you have selected just the frame or both the frame and the
image. If the sizing handles are squares, you have selected just the frame.
If the sizing handles are diamonds, you have selected both the frame and
the image.
If the selection you have made is not the one you wanted, select the item
again. The sizing handles should alternate between diamond and square
each time you select an item.
An easier way to remove a frame from an image is to click the Modify
button on the Edit Image Toolbar and then choose Clear Frame.

Problems with Text


My text has become an image
Text sometimes becomes an image in an Internet browser because the text
is overlapped onto another item on the page. To prevent text becoming an
image, make sure your text items don’t overlap, or build as DHTML.
Text also becomes an image when you apply a gradient or texture fill.
In HTML web sites, adding a shadow also causes text to become an image,
although this isn’t the case in DHTML web sites.
I can't see all of my text
If you enlarge text after you type it in, the text box boundaries might be
too small to display all the text. Enlarge the text box by selecting the text
box and dragging the sizing handles that appear around the edges.
• Use the sizing handles on the sides of the text box to widen it.
• Use the sizing handles on the top and bottom of the text box to
increase the height.
• Use the sizing handles on the corners of the text box to increase the
height and width at the same time.

Web Easy Professional 6 Helpful Hints and Troubleshooting • 141


Problems with Links
Some of my links to other sites don't work
Web Easy Pro doesn't verify that the Internet addresses you provide are
correct. Although, you can use the Link Map Assistant (open the Tools
menu and choose Link Map Assistant) to check your internal links from
and into each page (see “Viewing Links Using the Site Map Assistant” on
page 84).
• Make sure that you haven’t made any mistakes in entering the Internet
addresses and that the addresses are still valid.
• Make sure that the Internet address that you entered begins with
http://, since this is required for links to other sites.
If you can’t find anything wrong with the addresses, see your Internet
Service Provider.
Some of the links to other parts of my site aren't working
Make sure that you haven’t created links to pages that you’ve
subsequently deleted. It’s best to add your links after you’ve completely
finished designing your document. Use the Link Map Assistant (open the
Tools menu and choose Link Map Assistant) to check your links from
and into each page (see “Viewing Links Using the Site Map Assistant” on
page 84).

Problems with Publishing


The Publish Assistant says required files have been
deleted from my local folder
This occurs when a package file is missing from the local folder on your
computer. If the package file for the web site you are publishing is
missing, the Publish Assistant can’t compare local and remote files
requiring you to re-publish your entire web site.
If the package file for a web site you want to delete is missing, the Publish
Assistant can’t delete that web site. Copy the package file from the HTML
folder (or the folder in which you stored the HTML files for your web site)
into the local folder. Now when you publish, the Publish Assistant will be
able to delete the web site.

142 • Helpful Hints and Troubleshooting Web Easy Professional 6


There’s not enough disk space on my remote host to
publish my web site
If this is the first time you’re publishing your web site, check that the
space your ISP has allocated to you for a web site is greater than the size
of the contents of your local web site folder. Your local web site folder is
typically at:
\\My Documents\Web Easy\HTML\your_web_site_name
If the allocated space on the remote host is smaller, you can either request
more space from your ISP or reduce the size of your web site. You can
reduce the size of your web site by reducing the size of any large graphics,
by removing a page, or by removing large files that are linked to the site.
If you have already published a web site, you can make the one you are
publishing now smaller, or you can delete the first web site from your
remote host. Deleting a web site from your remote host does not remove
your local version of it.

Problems with Viewing your Site in a Browser


Some of my linked items aren’t visible
If your Internet browser isn’t displaying an item on your web site that has
a particular type of link (for example, an embedded object link), it doesn’t
support that type of link. You might need to upgrade to the latest version
of your Internet browser in order to view these linked items. The latest
versions of most Internet browsers are free to download from the Internet.
When I view my web site in an Internet browser, it isn’t
displayed correctly
Because Web Easy Pro enables you to do so much with your web site, the
HTML files that you build can be quite complex; some older versions of
Internet browsers can’t handle that complexity.
Try altering your document design to reduce complexity. One way of
doing this is to avoid having items that overlap. If you don’t want to alter
your design, you can try viewing your web site in other Internet browsers,
or upgrading to a newer version of the Internet browser you are using.
You should remember that even though some browsers display your web
site without problems, others will not—and a lot of people might be using
those other browsers. You should try to create a web site that can be
viewed without problems using as many different browsers as possible.

Web Easy Professional 6 Helpful Hints and Troubleshooting • 143


When I view my web site in different Internet browsers, it
looks different
Internet browsers function differently and have different capabilities. This
variation causes them to display your web site differently. Sometimes
there is nothing you can do about the differences. For example, some
browsers use different color palettes and this causes them to display colors
differently.
If you use Large Fonts in Windows some browsers will provide improper
font sizes that aren’t controllable by HTML.
For information about which browsers and browser versions are
supported, see the online help.

Uninstalling Web Easy Pro


You can easily uninstall Web Easy Pro from your computer. If you plan to
reinstall a registered copy of Web Easy Pro after you uninstall it, you
might need to register it again.
1. Open the File menu and choose Exit to quit the program.
2. Open the Windows Start menu and choose Settings > Control Panel.
3. Double-click Add/Remove Programs.
4. Choose Web Easy Professional from the list of programs.
5. Click the Add/Remove button.
Web Easy Pro is removed from your hard disk. However, work you’ve
completed (such as creating a web site) isn’t removed by uninstalling the
program.
The program can be reinstalled the same way it was originally installed
(see “Quick Installation” on page 15).

144 • Helpful Hints and Troubleshooting Web Easy Professional 6


Glossary of Terms

Build a Web Site


Before you can publish your web site on the internet, you need to build
your Web Easy Pro document into a web site on your computer. The build
process creates the needed HTML files and supporting files (such as
images and scripts) from the document file. After you have the HTML files
for your web site, you have a local web site.

Catalog
Web Easy Pro uses catalogs to group your images, frames, stencils,
clipart, and backgrounds. For more information about catalogs, see the
online help. Standard catalog names appear in the location bar at the top of
File Browser.

CSS
Cascading Style Sheets (CSS) are used to control and change the style and
layout of web pages. You can create style sheets that define how different
elements, such as headers and links, appear on your webpages. By
changing the style sheet, you can quickly change the look and feel of all
web pages that use the same style sheet.

Double-Click
To double-click, click the left mouse button twice in quick succession.

DHTML
Dynamic HyperText Markup Language (DHTML) is the language used to
create Dynamic web sites that enable various effects to appear, such as
page transitions, animation, and other special effects.

Web Easy Professional 6 Glossary of Terms • 145


Drag-and-Drop
To drag-and-drop, click an item using the left mouse button and, while
holding the mouse button down, drag the item by moving the mouse so
that the mouse pointer moves to the new position. Then, drop the item by
releasing the mouse button.

FTP
File Transfer Protocol (FTP) is the standard method used to publish web
sites on the Internet. FTP is used within Web Easy Pro to transfer your
local files to your web hosting service.

HTML
HyperText Markup Language (HTML) is the standard language used to
create web-based content.

Internet Browser
An Internet browser is a software program that allows you to view web
pages on the Internet or on your computer. Browsers can be downloaded
from the Internet free of charge.

Item
An item is anything you can put on your web site, such as text, images, or
frames.

Left Mouse Button


The left mouse button is the most commonly used mouse button and is
typically used to perform actions such as selecting items, choosing menu
options, or clicking buttons.

Link
A link is a connection that enables navigation through your web site.
Viewers can jump to other pages in your site or to other web sites by
clicking the item that contains the link.

Local Web Site


A local web site is a collection of HTML files that you have built from your
document. You can view a local web site using an Internet browser. Local
web sites are usually on your computer or company network.

146 • Glossary of Terms Web Easy Professional 6


Publish a Web Site
To publish a web site, use Web Easy Pro’s Publish Assistant to transfer
HTML files to a site address. This makes the web site part of the Internet so
that people can access it. After you get an address and Host details from
your Internet Service Provider, the Publish Assistant helps you do the rest.

Remote Web Site


A remote web site is a collection of published HTML files that people can
access on the Internet.

Right Mouse Button


The right mouse button is most often used to display pop-up menus
relevant to what the mouse pointer is pointing to.

RSS
Really Simple Syndication (RSS) is a method that allows users of your
web site to subscribe to and have provided RSS feeds, such as news
headlines and weblogs (blogs). The type of sites that RSS is suitable for
are those that change and add content often.

Select
To select an item, click it using the left mouse button.

Sizing Handles
Sizing handles are small squares or diamonds that appear on the edge of an
item when you select it. If the sizing handles are diamonds, you’ve
selected grouped items (such as a frame and an image). If the sizing
handles are squares, you’ve selected a single item.

Stencil
A stencil is a partially transparent image you can place over your images
to display some parts of the image while hiding others.

Template
A template is a basis for a web site that Web Easy Pro provides you with to
get you started.

Web Easy Professional 6 Glossary of Terms • 147


VRML
VRML stands for Virtual Reality Modeling Language. In a regular Web
site, images appear as flat shapes. Using the VRML Design Assistant, you
can design a scene in which shapes, illustrations, and images turn into
three-dimensional, moving objects. You can add animated company logos
to your Web site or separate VRML worlds that can be explored.

W3C
The World Wide Web Consortium (W3C) develops protocols, standards,
and guidelines for technologies to allow any hardware and software used
to access the Web to work together.

148 • Glossary of Terms Web Easy Professional 6


Index

A borders for images 71


boxes 79
activity center 32
building web sites 99
adding
bulleted lists 135
e-commerce 93
button rollovers 112
frames to images 70
images 65, 65 C
multimedia 98
page background 56 cascading style sheets 18, 145
page transitions 114 catalog 145
pages 55 changing
rollovers 112 layer positions 62
scenes 91 line thickness and style 79
sound to a page 87 text content 74
sound to an item 88 text properties 75
text 74 circles
adjusting drawing 78
layer positions 62 clearing
line thickness and style 79 frames from images 70
text content 74 clipart
text properties 75 adding 65, 65
alb extension 30 borders 71
aligning text 73 cropping 69
animating objects 116 deleting 72
Art Online 35 effects 72
finding 35
B framing 70
rotating 67
backgrounds
stencils 71
color 56
closing a document 48
blank document 43, 45

Web Easy Professional 6 Index • 149


color E
backgrounds 56
e-commerce
custom 64
adding 93
links 100
buttons 93
shadows 63
eShop 93
shapes 80
vendors 93
text 75 edit taskbar and toolbars 139
connecting to a remote host 105
editing
copying items 61
text 74
counter 98
effects
cropping an image 69
images 72
CSS 18, 145
scenes 89
cue cards 28
sound 87
curves 79
custom colors 64 F
cutting items 61
File Browser 27, 33
D flash 98
fonts 75
deleting forms 97
frames from images 70 frames
images 72 adding to an image 70
links 83 removing from an image 70
pages 58 ftp 146
scenes 92, 92, 93
text 76 G
DHTML 111
gadgets 97
dividers 97
graphics text 73
documents
grouping items 60
building into a web site 99
closing 48 H
editing 53
navigating 49 handles
opening 48 sizing items 59
pages 55 help
previewing 50 Inspector 21
publishing 103 online 19
saving 47 tutorial 23
templates 43 hit counter 98
web site assistant 38 home page 84
home taskbar and toolbars 138
dynamic links 96
host site 105
dynamic web sites 111
html 146

I
iEasySite 104

150 • Index Web Easy Professional 6


images links
adding 65, 65 color 100
borders 71 deleting 83
cropping 69 dynamic 96
deleting 72 email 82
effects 72 external 82
finding 35 internal 81
framing 70 site map assistant 84
placeholders 66, 67 testing 84
rotating 67 to another web site 82
slideshows 117 within a web site 81
stencils 71 lists
importing bulleted 135
web pages 52 numbered 135
web sites 51
inserting M
pages 55 menu bar 26
Inspector 21 movies 98
installing the program 15 moving items 59
interactive tutorial 23 multimedia 98
ISP 103, 104, 105
items N
copying 61 navigating
cutting 61 documents 49
grouping 60 web sites 81
layer positions 62 new document 43, 45
moving 59 numbered lists 135
pasting 61
selecting 58 O
shadows 63 online help 19
sizing 59 opening a document 48
ordered lists 135
J
ovals
justifying text (see aligning text) 73 drawing 78
K P
keyboard shortcuts 137 pages
adding 55
L
background 56
layer positions 62 deleting 58
lines dividers 97
changing thickness and style 79 importing 52
drawing 79 sizing 57
slideshows 117
transitions 114
pasting items 61

Web Easy Professional 6 Index • 151


pictures S
adding 65, 65
saving a document 47
borders 71
scenes
cropping 69
adding 91
deleting 72
deleting 92, 92, 93
effects 72
themes 89
finding 35 selecting items 58
framing 70
shadows 63
rotating 67
shapes
slideshows 117
color 80
stencils 71
drawing 78, 79
placeholders for images 66, 67
line thickness and style 79
plain text 73
shortcut keys 137
polygons 79
site map assistant 84
polylines 79
sizing
previewing 50
items 59
primary page 84
pages 57
properties
slideshows 117
text 75
sound
publishing a web site 103
adding to a page 87
R adding to an item 88
squares 79
really simple syndication 18, 147 status bar 28
rectangles 79 stencils 71
redo 136 styles 18, 99, 145
remote host 105 support, technical 155
removing
frames from images 70 T
images 72
taskbar
links 83
edit 139
pages 58
home 138
scenes 92, 92, 93
technical support 155
text 76
templates for documents 43
resizing
text
items 59
adding 74
pages 57
alignment 73
rich text 73
color 75
rich text toolbar 76
deleting 76
rollovers
editing 74
adding 112 properties 75
buttons 112 types 73
rollover image assistant 112 themes for scenes 89
rotating images 67 toolbars 27
RSS 18, 147 transitions between pages 114
tutorial 23, 123

152 • Index Web Easy Professional 6


U
undo 136
uninstalling the program 144
unordered lists 135
updates 16

V
visitor’s counter 98
VRML 97, 148

W
web hosting 103
web site assistant 38
web sites
building 99
importing 51
maintaining 109
publishing 103
workspace 27

Z
zoom 136

Web Easy Professional 6 Index • 153


154 • Index Web Easy Professional 6
Complimentary Technical Support

Before contacting VCOM technical support, please review the User’s


Guide or the Online Help from the Help menu within the program. We are
also pleased to offer you 24/7 access to our complimentary web support at:
www.v-com.com/support
Here you can access the latest product updates, extensive FAQs, and other
information about your product. The FAQs might have information and
helpful hints that are more current than the user’s guide and online Help.
If the FAQs do not help, you can submit a free email incident from the
FAQ page.
When reporting a difficulty, please include any information that might
help us diagnose the problem. The following details are often the most
helpful:
• The version of the software you are using (check Help > About).
• The version of Windows that you are running.
• The circumstances and sequence of steps that led to the problem.
• The text of the exact error messages (if any appeared).
• A list of other Windows programs that you were running when the
error occurred.
VCOM is dedicated to quality and fast support. Most email incidents are
handled within one business day.

NOTE: This technical support policy is subject to change


without notice. Support services will be provided according
to the prices, terms, and conditions in place at the time the
services are used.

Web Easy Professional 6 Complimentary Technical Support • 155


156 • Complimentary Technical Support Web Easy Professional 6

S-ar putea să vă placă și