web easy 7 manual

User’s Guide

3132 Dwight Road, Suite 500Elk Grove, CA 95758-6469

USAwww.avanquestusa.com

http://www.avanquestusa.com

Web Easy Professional

Copyright © 2003–2007 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, Acrobat, Acrobat Reader, and Flash are registered trademarks of Adobe Systems Incorporated. eBay is a registered trademark of eBay, Inc. Yahoo! is a registered tradmark of Yahoo! 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, L. Bridgeman, and D. Gundlach

SW7000 Document Number 120-0000-7

Web Easy End User’s License Agreement • 3

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.Licensee may install one copy of the Licensed Software on a single computer. If Licensed Software includes multiple licenses, Licensee may install the number of copies licensed to Licensee by Avanquest. 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.

4 • End User’s License Agreement Web Easy

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;


(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.


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.


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.


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.

Web Easy Contents • 9

Contents

Getting Started

Installing Web Easy 17Introduction...............................................................................................................................17Upgrading from an Earlier Version...........................................................................................18Installing Web Easy ..................................................................................................................19Starting Web Easy.....................................................................................................................19Getting Updates ........................................................................................................................19

Exploring Web Easy 21Overview...................................................................................................................................21Using the Web Easy Tools ........................................................................................................25Where to Find Clipart, Images, and More ................................................................................26

Learning Web Easy 27Overview...................................................................................................................................27Understanding Web Sites ..........................................................................................................28Learning the Basics...................................................................................................................29Using Web Site Templates ........................................................................................................32

10 • Contents Web Easy

Getting Help 37Overview...................................................................................................................................37Using Online Help ....................................................................................................................38Viewing and Printing the User's Guide .....................................................................................39Using Web Easy’s Activity Center............................................................................................39Using the Web Easy Assistants .................................................................................................40Using the Inspector ...................................................................................................................40Using the Interactive Tutorial ...................................................................................................42

Create Documents

Making a Web Site: A Tutorial 45Overview...................................................................................................................................45Selecting a Template .................................................................................................................46Customizing the Web Site Document .......................................................................................48Previewing Your Site ................................................................................................................52Building the Web Site ...............................................................................................................53Publishing the Web Site ............................................................................................................54Summary ...................................................................................................................................57

Using Web Site Assistant 59Overview...................................................................................................................................59Creating a Web Document Using the Web Site Assistant.........................................................60

Using a Template 67Overview...................................................................................................................................67Step 1: Open a New Document.................................................................................................68Step 2: Choose a Template ........................................................................................................69Step 3: Edit and Save the Document.........................................................................................70

Creating Your Own Design 71Overview...................................................................................................................................71Using Style Designer.................................................................................................................72Designing a Web Site from Scratch ..........................................................................................75Importing an Existing Web Site or Page ...................................................................................76


Creating a Dynamic Web Site 79Overview...................................................................................................................................79Adding Rollovers ......................................................................................................................80Adding Page Transitions...........................................................................................................82Adding Effects to Objects .........................................................................................................83Animating Objects ....................................................................................................................84Creating a Slideshow ................................................................................................................85

Creating a Photo Web Page 91Overview...................................................................................................................................91Step 1: Opening the Web Site Assistant....................................................................................92Step 2: Starting the Photo Album Wizard.................................................................................92Step 3: Naming and Saving Your Document File.....................................................................93Step 4: Adding Your Photos......................................................................................................94Step 5: Naming and Describing Your Photos ...........................................................................95Step 6: Entering Your Contact Information ..............................................................................96Step 7: Choosing Your Page Layout .........................................................................................97Step 8: Finishing Your Page......................................................................................................98

Creating an eBay Auction 99Overview...................................................................................................................................99Step 1: Opening the Web Site Assistant..................................................................................100Step 2: Selecting an Auction Template ...................................................................................100Step 3: Naming and Saving Your Auction Document ............................................................101Step 4: Entering Your Auction Text and a Photo....................................................................102Step 5: Choosing Your Page Layout .......................................................................................104Step 6: Finishing Your Auction Page......................................................................................105Step 7: Building Your Auction Page.......................................................................................106Step 8: Saving Your Auction Document.................................................................................107

Working with Your Documents 109Overview.................................................................................................................................109Saving Your Document for the First Time..............................................................................109Saving Changes to Your Document ........................................................................................110Closing Your Document..........................................................................................................110Opening Your Document ........................................................................................................110

Viewing Your Document 111Overview................................................................................................................................. 111Moving Around in Your Document ........................................................................................112Previewing Your Document in a Browser ..............................................................................113


Edit Documents

Adding and Changing Pages 117Overview.................................................................................................................................117Adding a Page .........................................................................................................................118Adding a Page Background.....................................................................................................119Changing the Size of Your Page .............................................................................................120Deleting a Page .......................................................................................................................121

Adding and Editing Items 123Overview.................................................................................................................................123Selecting Items........................................................................................................................124Moving an Item.......................................................................................................................124Resizing an Item......................................................................................................................124Grouping Items .......................................................................................................................126Cutting Items...........................................................................................................................127Copying Items .........................................................................................................................127Pasting an Item........................................................................................................................128Changing the Layer Position of Items.....................................................................................128Adding a Shadow to an Item...................................................................................................129Choosing a Custom Color .......................................................................................................130

Inserting and Editing Images 131Overview.................................................................................................................................131Adding an Image Using Drag and Drop .................................................................................131Adding an Image by File Name ..............................................................................................132Replacing a Placeholder with an Image..................................................................................133Changing an Image to a Placeholder.......................................................................................134Rotating Images ......................................................................................................................134Cropping Images .....................................................................................................................135Adding a Pop-Up Menu of Links to an Image........................................................................137Framing Images.......................................................................................................................141Adding Border or Wash Effects to an Image ..........................................................................142Applying Image Effects ..........................................................................................................143Deleting an Image ...................................................................................................................144


Working with Text 145Overview.................................................................................................................................145Types of Text...........................................................................................................................146Inserting a Text Frame and Text .............................................................................................147Editing Text Content ...............................................................................................................147Changing Text Properties........................................................................................................148Changing Text Using the Rich Text Toolbar ..........................................................................149Deleting a Text Frame.............................................................................................................149Adding a Pop-Up Menu to Text..............................................................................................150

Adding and Modifying Tables 155Overview.................................................................................................................................155Inserting a New Table .............................................................................................................156Changing a Table Using the Rich Text Toolbar......................................................................157

Drawing and Editing Shapes 159Overview.................................................................................................................................159Drawing Boxes, Ovals, and Circles ........................................................................................160Drawing Lines and Polygons ..................................................................................................160Adjusting the Line Thickness and Style of a Shape ...............................................................161Changing the Border Color of a Shape ...................................................................................161Filling Shapes .........................................................................................................................162

Working with Links 163Overview.................................................................................................................................163Creating a Link Within Your Web Site ...................................................................................164Creating a Link to Another Web Site or to Email...................................................................165Adding a Pop-Up Menu to a Link ..........................................................................................166Viewing Links Using the Site Map Assistant .........................................................................170Removing a Link From Your Web Site...................................................................................172

Adding Enhanced Features 173Overview.................................................................................................................................173Adding Sound .........................................................................................................................174Adding Changeable Scenes ....................................................................................................176Adding e-Commerce Capabilities...........................................................................................180Inserting a Dynamic Link .......................................................................................................183Inserting an Object..................................................................................................................184Inserting Multimedia Items.....................................................................................................185Adding RSS to Your Web Site ................................................................................................186Building and Publishing Your Web Site With RSS Content...................................................190Adding Podcasting to Your Web Site......................................................................................190


Build and Publish

Building a Web Site 193Overview.................................................................................................................................193Building Your Document into a Web Site...............................................................................194

Publishing Your Web Site 197Overview.................................................................................................................................197Step 1: Preparing to Publish....................................................................................................198Step 2: Opening the Publish Assistant ....................................................................................198Step 3: Connecting to the Remote Host ..................................................................................199Step 4: Choosing the Package to Publish................................................................................202Step 5: Checking the Transfer Settings ...................................................................................202Step 6: Transferring the Package to the Remote Host ............................................................203Step 7: Viewing Your Remote Web Site .................................................................................203Maintaining Your Web Site.....................................................................................................203

Reference

Helpful Hints and Troubleshooting 207Tips..........................................................................................................................................207Shortcuts..................................................................................................................................209Home Taskbar and Toolbars....................................................................................................210Edit Taskbar and Toolbars.......................................................................................................211Troubleshooting ......................................................................................................................212Uninstalling Web Easy............................................................................................................216

Glossary of Terms 217

Index 221

Complimentary Technical Support 227

Web Easy Getting Started • 15

GETTING STARTED

Installing Web Easy 17

Exploring Web Easy 21

Learning Web Easy 27

Getting Help 37

16 • Getting Started Web Easy

Web Easy Installing Web Easy • 17

Installing Web Easy

IntroductionWith Web Easy®, 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, you can have a great looking web site without the hassles, time, and cost of conventional “programmer” style HTML editors. You can start with one of our over 135 professionally designed templates, import an existing site, or unleash your creative talent to deliver your message.This user’s guide describes the basics for using Web Easy. Detailed information is also provided in the online help, cue cards, and online tutorials that are included with the program.For more information about the available help options, see “Getting Help” on page 37 and “Using the Interactive Tutorial” on page 42.

18 • Installing Web Easy Web Easy

Upgrading from an Earlier VersionIf you’ve already been using a previous version of Web Easy, this latest version 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 its many new features, Web Easy is still the most impressive and easy-to-use web site builder available today.Here is a partial list of what’s new in this version of Web Easy:• Works with Windows Vista: This new version is Vista compatible.• Enhanced Web Site Assistant: Use the larger preview area that’s

provided in the Web Site Assistant. For more information, see “Using Web Site Assistant” on page 59.

• Photo Web Page Wizard: Create web pages of your favorite photos. Use the Photo Web Page Wizard to easily organize them and display them in an attractive layout. For more information, see Creating a Photo Web Page (see page 91).

• Additional Web Site Templates: Choose from the many new templates that are included with Web Easy to create professional-looking web pages. For more information, see “Using a Template” on page 67.

• Style Designer: Apply hundreds of possible color and style changes to most templates to create a unique web page style that’s all your own. For more information, see “Using Style Designer” on page 72.

• Additional Multimedia Support: Use additional multimedia formats, such as Adobe Flash Video, on your web site. For more information, see “Creating a Dynamic Web Site” on page 79.

• eBay Auction Page Wizard: Design eBay auction descriptions using styles, templates, and your personal digital photos. For more information, see “Creating an eBay Auction” on page 99.

• Pop-Up Menu Wizard: Easily define the appearance and content of pop-up menus on your web page. For more information, see “Adding a Pop-Up Menu of Links to an Image” on page 137.

• Image Transparency: Make a portion of an image transparent, to provide a framing effect for images or text behind it. For more information, see “Applying Image Effects” on page 143.

• Podcasting: Add enclosures such as music, video, or other media within Really Simple Syndication (RSS) feeds on your site. For more information, see “Adding Podcasting to Your Web Site” on page 190.

This new version is of Web Easy is fully compatible with documents produced by the earlier version.

Web Easy Installing Web Easy • 19

Installing Web EasyMake sure that no other programs are running.Insert the Web Easy 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 clipart and image files to your hard disk. 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 to access all the clipart and image files directly from the CD, without installing them.

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

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

20 • Installing Web Easy Web Easy

Web Easy Exploring Web Easy • 21

Exploring Web Easy

OverviewWhen you start Web Easy, the Activity Center appears to get you started. For more information, see “Using the Activity Center” on page 31.The Web Easy interface includes Taskbars, Toolbars, Menus, and Buttons. The Taskbar appears at the left of the screen and the Toolbar and Menu bar appear along the top. For each topic selected on the Taskbar, the related buttons appear on the Toolbar. Web Easy File Browser appears at the bottom of the screen and provides 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

Workspace

File Browser

Status Bar

Taskbar

22 • Exploring Web Easy Web Easy

TaskbarThe Taskbar column at the left of the screen displays either the Home taskbar or the Edit Taskbar, depending on what you’re doing. Click the Home button to display the Home Taskbar or click the Edit button to display 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 TaskbarWhen Web Easy starts, the Home Taskbar appears, 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 210.

The Edit TaskbarAfter 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 to 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 prompts you to open a document. For a view of the Edit taskbar and its toolbars see “Edit Taskbar and Toolbars” on page 211.

Menu BarThe 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.

• Dimmed 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.


ToolbarsA 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 210 and “Edit Taskbar and Toolbars” on page 211.

WorkspaceThe workspace is the large area where you work on your document. It’s sometimes called the canvas because this is where you 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 BrowserThe 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 aren’t 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, hold the mouse button down, and drag the item by moving the mouse pointer onto your document. Then, drop the item where you want it by releasing the mouse button.For more information about the File Browser, see “Using File Browser to Select Files” on page 33.


Navigation ToolsThe 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 CardsMany features display a Cue Card dialog that provides you with information on the next step. 3To 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 BarThe Status bar displays information about selected items or about the tasks Web Easy performs.

Selected Item is an image with a link

Position of the item (X,Y coordinate of the top-left corner)

Size of the Item (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 position on the page of the selected item’s top-left corner and the size of the item in pixels. When no item is selected, the size of the web site (in pixels) appears.


Using the Web Easy ToolsYou can use the tools in Web Easy by clicking a toolbar button or choosing a menu option

Clicking a Button on a Toolbar1. 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 OptionYou 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.


Selecting Items Using the Arrow ButtonsWeb Easy uses a vertical panel of arrow buttons in some of its dialogs for selecting which items to include in a web page.

Single Right Arrow selects a single item from the list on the left by moving it to the list on the right.

Double Right Arrow selects all items from the list on the left by moving them to the list on the right.

Single Left Arrow deletes a single item from the list on the right by moving it to the list on the left.

Double Left Arrow deletes all items from the list on the right by moving them to the list on the left.

Where to Find Clipart, Images, and MoreIn addition to your own photos and art, when you install Web Easy, a small portion of the Avanquest library of clipart and photos is copied from the program CD to your hard drive. The Web Easy program CD contains additional clipart and images.During the installation, you’re given the option to copy all the clipart and image files to your hard disk. Doing so requires 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 CD into the CD-drive. When the introductory installation message appears, click Exit. In Web Easy’s File Browser, select your CD drive. Additional clipart and photos are in the Installs folder in two sub-folders: Clipart and Clipart1. Browse to find the additional clipart or photos you want to use.Avanquest also provides additional clipart and photos online at Avanquest’s web site. To access these items, open the Help menu and choose Visit Avanquest 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.

Web Easy Learning Web Easy • 27

Learning Web Easy

OverviewWeb Easy is an easy-to-learn web design program. Even beginners can create web sites—both regular HTML and dynamic HTML web sites. As you become familiar with Web Easy, we encourage you to take advantage of Web Easy’s many advanced features.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 2000/XP/Vista. 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.

28 • Learning Web Easy Web Easy

Understanding Web SitesWeb 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—it does all the hard work for you.

Dynamic Web Sites Dynamic web sites are formatted using Dynamic HyperText Markup Language (DHTML) commands and many templates also use a newer version of Cascading Style Sheets (CSS). Dynamic web sites display special effects such as animations, moving messages, page transitions, rollover images, and more. Using Web Easy, you can create dynamic presentations and slideshows. All current browsers support DHTML, so you can be sure that your web site looks great on anyone’s computer.

Advanced Web Site FeaturesAdvanced users can create exciting components for their web sites such as scenes, e-commerce, and animated GIFs. See the online help for more information and instructions about using Web Easy’s advanced features.

Creating a Web Site• 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.• 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.


Creating a 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.

Learning the BasicsThere are three major steps involved in creating a web site using Web Easy:• Step 1: Designing a Document (see page 29)• Step 2: Building the Document into a Web Site (see page 30)• Step 3: Publishing on the Web (see page 30)

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 DocumentA document refers to the source document that you first design in Web Easy. 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 documents are saved with an .alb file extension.There are two ways to create a document using Web Easy:• You can use the Web Site Assistant to help you create your document

in a few easy steps (see “Using Web Site Assistant” on page 59). • You can design a document using the Style Designer (see“Using Style

Designer” on page 72 ).• You can design a web document that starts as a blank page

(see“Designing a Web Site from Scratch” on page 75 ).A Web Easy 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.


Step 2: Building the Document into a Web SiteEach 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 does this for you in the Build process.When you build a document into a web site, Web Easy 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 193.

Step 3: Publishing on the WebAfter 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 Your Web Site” on page 197.More advanced users can publish their web site using FTP Max, the built-in FTP-client utility supplied with Web Easy. For more information about FTP Max, see the online help.


Using the Activity CenterThe 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 to perform the same tasks using the menus and toolbars.

The Activity Center appears automatically when you start Web Easy, unless you’ve 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 “Using Web Site Assistant” on page 59.

Open Document let’s you browse for documents that have been previously created. For more information see “Opening Your Document” on page 110.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 “Using a Template” on page 67 or “Creating Your Own Design” on page 71.Interactive Tutorial shows you how to complete many basic and advanced tasks. Just follow the steps. For more information see “Making a Web Site: A Tutorial” on page 45.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 Your Web Site” on page 197.

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


Using Web Site TemplatesGet started by using one of the many professionally designed templates that are provided with Web Easy. Just replace the existing text and pictures in the template with your own.

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

Avanquest Preferred Web HostingThe process of publishing your web site can be greatly simplified by using Avanquest’s Preferred Web Hosting provider. To preview the iEasySite service, open the Help menu and choose Visit Avanquest 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).


Using File Browser to Select FilesFile 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

To Browse 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.


To Locate Items Using File BrowserThere 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 BrowserYou 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 workspace.


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

File Properties

View

Options

• 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.

Web Easy Getting Help • 37

Getting Help

OverviewWeb Easy provides several tools to help you learn the program. These tools include context-sensitive Online Help; a searchable, printable User’s Guide; Web Easy’s Activity Center and Assistants; and an interactive tutorial.For help with advanced techniques, and for assistance with other activities not covered in this user’s guide, see the Web Easy online help.

38 • Getting Help Web Easy

Using Online HelpTo view the Web Easy online help, open the Help menu and choose Help Topics or press F1. The Help window opens showing 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 show a list of matching topics.

The Help menu has additional information and links to assist you.


Viewing and Printing the User's GuideTo view or print the user’s guide, you need to have Adobe Acrobat Reader 5.0 or later installed on your computer. If you have an earlier version of Acrobat Reader, you won’t be able to view or print the user’s guide.After installing Acrobat Reader on your computer, Windows automatically starts the Reader program when you open any file with a .pdf extension.To view the user’s guide, open the Help menu and choose User’s Guide.To print all or part of the user’s guide, follow the instructions in the Acrobat Reader program or contact Adobe Technical Support.If you have any questions about installing or using Acrobat Reader, contact Adobe Technical Support online at http://www.adobe.com.

Using Web Easy’s Activity CenterThe 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 31.

http://www.adobe.com


Using the Web Easy AssistantsThe Web Easy 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.

Using the InspectorThe 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 updates each time the selection changes as you edit your web site album. Each type of item displays different properties. For example, if you have a text item selected you can change the font in the Inspector. If you have an image selected, you’re able to change image properties, such as brightness.


Viewing the Inspector Tabs• The Properties tab shows general properties that provide information

about the item and allow 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” in the online help.


Using the Interactive TutorialLearn about the major activities with the Web Easy 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 Tutorial1. 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 Create Documents • 43

CREATE DOCUMENTS

Making a Web Site: A Tutorial 45

Using Web Site Assistant 59

Using a Template 67

Creating Your Own Design 71

Creating a Dynamic Web Site 79

Working with Your Documents 109

Viewing Your Document 111

44 • Create Documents Web Easy

Web Easy Making a Web Site: A Tutorial • 45

Making a Web Site: A Tutorial

OverviewThis tutorial walks you through creating a customized nature-photo 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. Before starting this tutorial, you should 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. You should also have a basic understanding of the taskbars and toolbars.

46 • Making a Web Site: A Tutorial Web Easy

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

Assistant.

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’ll 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.

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 at the top-right of 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.

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. This information is 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 workspace.

Customizing the Web Site DocumentAs 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 Field1. 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.


Changing the BackgroundThe 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.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.


Changing a PhotoNext 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 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 PagesUse the navigation controls to move to other pages of your document.


Next page

Zoom

Help

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


Adding a StencilUse 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.


Previewing Your Site1. Press F8 to preview the web site.

If a dialog opens, click OK to start the preview process.Web Easy 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.


Building the Web Site1. Open the Build menu and then choose 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 the build process completes, it returns to the Web Easy document.


Publishing the Web SiteNow 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.

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

Web Easy 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.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.


SummaryYou’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 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.

Web Easy Using Web Site Assistant • 59

Using Web Site Assistant

OverviewThe Web Site Assistant provides a simple way to create a document for your web site. The Web Site Assistant also provides templates to create a web photo album (see Creating a Photo Web Page (see page 91) and create the descriptive contents for an eBay auction (see “Creating an eBay Auction” on page 99 ).

60 • Using Web Site Assistant Web Easy

Creating a Web Document Using the Web Site AssistantThe Assistant guides you through the following steps to create your document:• Step 1: Opening the Web Site Assistant (see page 60)• Step 2: Selecting a Template (see page 61)• Step 3: Naming Your Document and Choosing a Storage Folder (see

page 62)• Step 4: Selecting the Images for Your Document (see page 63)• Step 6: Adding Finishing Touches (see page 64)• Step 7: Saving Your Document (see page 65)

Step 1: Opening the Web Site Assistant1. 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 open the Web Site Assistant.

4. Click Next to open the Templates dialog and continue to “Step 2: Selecting a Template” on page 61.


Step 2: Selecting a Template1. Click a category tab to view a list of pre-designed templates.

Templates that are called wizards make it easy for you to complete a special type of web page such as a photo gallery (see Creating a Photo Web Page (see page 91)) or an eBay auction listing (see “Creating an eBay Auction” on page 99).

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 to Step 3: Naming Your Document and Choosing a Storage Folder (see page 62).


Step 3: Naming Your Document and Choosing a Storage FolderUse this step of the wizard to name your new file and choose a storage location for it.1. Type a name for your file in the Name box.

2. Click the Browse button at the right of the Location on your hard drive box to select a folder to store your document in.

BrowseWeb Easy normally saves your document files in the My Documents\Web Easy\Documents folder, ending the file name in .alb.If you prefer, you can type the new folder’s location in the Location on your hard drive box.

3. Click Next.Some templates might ask you to enter information, such as personal or business details. You can enter this information either now or later. Enter any information you want and then click Next to continue to Step 4: Selecting the Images for Your Document (see page 63).


Step 4: Selecting the Images for Your DocumentReplace 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.7. Click Next to continue to Step 5: Changing Your Web Site Text (see

page 64).


Step 5: Changing Your Web Site Text1. Select a text entry in the Edit the following text box at the left and

type your changes to the standard text in the enter name box.

Repeat this process for each of the remaining text entries. 2. Click Next to continue to Step 6: Adding Finishing Touches (see

below).

Step 6: Adding Finishing Touches1. 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.

2. Click Finish to close the Web Site Assistant.Your document appears in the Web Easy workspace, ready for editing. You can 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.

3. Click Finish to complete the wizard and view your web page document in Web Easy.Continue to Step 7: Saving Your Document (see page 65).


Step 7: Saving Your Document1. 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. For further details, see “Building a Web Site” on page 193.

Web Easy Using a Template • 67

Using a Template

OverviewUse the Web Easy templates to design professional looking web sites. Choose a template that suits your style, and then customize it with your own images and text.There are three major steps for designing a document using a template:• Step 1: Open a New Document (see page 68)• Step 2: Choose a Template (see page 69)• Step 3: Edit and Save the Document (see page 70)

68 • Using a Template Web Easy

Step 1: Open a New Document1. 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. To continue creating your new document, continue to Step 2: Choose a Template (see page 69).

Web Easy Using a Template • 69

Step 2: Choose a Template1. Select 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.Templates that have “Wizard” as part of their name provide step-by-step guidance for creating that type of document.For multiple-page templates, you can scroll through to look at each page by clicking the navigation buttons beside 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 workspace ready for editing. To complete creating a document from a template, continue to Step 3: Edit and Save the Document (see below).

70 • Using a Template Web Easy

Step 3: Edit and Save the Document1. Replace the images in the image placeholders with your own images

(see “Inserting and Editing Images” on page 131).2. Replace the text with your own text (see “Working with Text” on page

145).3. Change the page background, if desired (see “Adding a Page

Background” on page 119).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.After your document is complete, build and publish it. For further details, see “Building a Web Site” on page 193 and “Publishing Your Web Site” on page 197.

Web Easy Creating Your Own Design • 71

Creating Your Own Design

OverviewIf you already have a web site design in mind that is different from any of the templates, you can use one of the following methods to create it:• Use Style Designer (see “Using Style Designer” on page 72).• Create your design from scratch (see “Designing a Web Site from

Scratch” on page 75).• Import an existing web site design that isn’t copyrighted (see

“Importing an Existing Web Site or Page” on page 76).

72 • Creating Your Own Design Web Easy

Using Style DesignerWeb Easy’s Style Designer provides a simple way for you to customize a document. Style Designer guides you through the following steps to create your unique document:• Step 1: Opening Style Designer (see page 72)• Step 2: Selecting a Web Site Design (see page 73)• Step 3: Selecting a Style Design (see page 73)• Step 4: Designing Additional Pages in Your Document (see page 74)• Step 5: Editing and Saving the Document (see page 74)

Step 1: Opening Style Designer1. Click the Home button to display the Home Taskbar. 2. Click the Design button to display the Design Toolbar.

3. Click the Design Style button in the Design Toolbar to open the Layout and Style dialog.Continue to Step 2: Selecting a Web Site Design (see page 73).


Step 2: Selecting a Web Site Design1. Click the arrow of the Web Site Design box and select one of the web

site design categories from the drop-down list.

2. Select a design template from the list below the Web Site Design box.Scroll down to view more examples.A preview of the template you select displays in the center of the dialog.Continue to Step 3: Selecting a Style Design (see below).

Step 3: Selecting a Style Design1. Click the arrow of the Style Design Template box on the right and

select a style category from the drop-down list.

A list of color schemes for the selected category opens below.2. Select the color scheme you want to use and a preview of the color

scheme appears in the center of the dialog.Continue to Step 4: Designing Additional Pages in Your Document (see page 74).


Step 4: Designing Additional Pages in Your DocumentYou can use Style Designer to re-design any of the other pages in your Web document.1. Use the scroll buttons below the Preview display to select another

page in your document that you want to re-design,

First Page Last PageCurrent Page

Previous Page Next Page

2. Complete Step 1 through Step 3 in this section of the User’s Guide for each page that you want to re-design.After you’ve re-designed all the pages that you want, click OK to exit the Style Designer dialog.

Step 5: Editing and Saving the DocumentYour document appears in the Web Easy workspace, ready for editing. You can 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.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 your web site and publish it. For further details, see “Building a Web Site” on page 193 and “Publishing Your Web Site” on page 197.


Designing a Web Site from ScratchThere are two major steps for designing a document from scratch:• Step 1: Opening a New Blank Document (see page 75)• Step 2: Designing and Saving Your Document (see page 76)

Step 1: Opening a New Blank Document1. Click the Home button to display the Home Taskbar. 2. Click the Design button to display the Design Toolbar.


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 workspace ready for you start creating your web site. To complete creating your web site from scratch, continue to Step 2: Designing and Saving Your Document (see page 76).


Step 2: Designing and Saving Your Document1. Insert new pages into the document (see “Adding a Page” on page

118).2. Add the required page backgrounds to the document (see “Adding a

Page Background” on page 119).3. Add images to your page and edit them (see “Inserting and Editing

Images” on page 131). 4. Add text (see “Working with Text” on page 145).5. Create links (see “Working with Links” on page 163).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. For further details, see “Previewing Your Document in a Browser” on page 113 and “Building a Web Site” on page 193.

Importing an Existing Web Site or PageYou can import an existing web site or page that isn’t copyrighted into a Web Easy document, so that you can take advantage of features that simplify your web development.You also can import a web site that you’ve already created, so that you can use Web Easy to edit, improve, or maintain it.Importing a web site involves converting existing HTML files to the format used by Web Easy. 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 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.


Importing an HTML Web Site1. 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. Select the Blank tab, choose the size of your blank page, and then click OK.

5. Open the File menu and select Import from HTML to open the Import Web Site dialog.

6. Choose the HTML file that should become the main home page of the Web Site.

7. Click Open.8. 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 recommend saving the entire document in a separate folder as an archive, where all the necessary images are copied for future use. Then, save it again in your working folder for editing.


Adding an HTML Page1. 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 recommend saving the entire document in a separate folder as an archive, where all the necessary images are copied for future use. Then, open your document for editing.

Web Easy Creating a Dynamic Web Site • 79

Creating a Dynamic Web Site

OverviewA 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 80).• Transitions between pages (see “Adding Page Transitions” on page

82).• Objects that fade in or out (see “Adding Effects to Objects” on page

83)• Animated items that move along a path (see “Animating Objects” on

page 84)• Web sites that operate like a slideshow (see “Creating a Slideshow”

on page 85)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 Dynamic HTML option when you build the document (see “Building a Web Site” on page 193).

80 • Creating a Dynamic Web Site Web Easy

Adding RolloversA 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 you select Dynamic HTML in the Build dialog (see “Building a Web Site” on page 193)

NOTE: Do not add shadows to images you want to use for rollovers. Shadows change the size of the image and interfere with the creation of the rollover.

Using the Rollover Image AssistantThe 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 Button1. 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.


The new group of items appears 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 RolloversWith 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 Layer Up/Down

Add Image Layer

Add Text Layer

Delete 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 operates. 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 Assistant1. 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.


Adding Page TransitionsTo 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.


Adding Effects to ObjectsWeb Easy 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.


Animating ObjectsFor a dynamic and exciting effect, give an item an animated path. It moves 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.


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 starts 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 SlideshowThis 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 86)• Step 2: Give the Document a Background (see page 86)• Step 3: Place an Image on the Page (see page 87)• Step 4: Insert a New Blank Page (see page 87)• Step 5: Place an Image on the New Page (see page 87)• Step 6: Set Page Transitions (see page 88)• Step 7: Build the Document into a Dynamic Web Site (see page 89)The following sections explain these steps in greater detail.


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


4. Choose a single-page template.5. Click OK and go on to Step 2: Give the Document a Background (see

below).

Step 2: Give the Document a Background1. 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 color for the background.5. Click OK and go on to Step 3: Place an Image on the Page (see page

87).


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

2. Drag the image onto your document and go on to Step 4: Insert a New Blank Page (see below)..

Step 4: Insert a New Blank Page1. Click the Page button to display the Edit Page Toolbar.

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

3. Choose Blank page.4. Click OK to add a new blank page with the same background to your

document and go on to Step 5: Place an Image on the New Page (see below).

Step 5: Place an Image on the New Page1. Repeat Step 3: Place an Image on the Page (see above) for the next

image.2. Continue to add pages and images until complete. Then, go on to Step

6: Set Page Transitions (see page 88).


Step 6: Set Page Transitions1. 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 and go on to Step 7: Build the Document into a Dynamic Web Site (see page 89).


Step 7: Build the Document into a Dynamic Web Site1. 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 Creating a Photo Web Page • 91

Creating a Photo Web Page

OverviewThe Web Site Assistant includes a Photo Web Page Wizard that makes it easy to create web pages that are professional looking photo galleries. The wizard lets you choose a style of page and then fills it with thumbnail images of the photos you want to display.The Photo Web Page Wizard uses the following steps to create a photo web page:• Step 1: Opening the Web Site Assistant (see page 92)• Step 2: Starting the Photo Album Wizard (see page 92)• Step 3: Naming and Saving Your Document File (see page 93)• Step 4: Adding Your Photos (see page 94)• Step 5: Naming and Describing Your Photos (see page 95)• Step 6: Entering Your Contact Information (see page 96)• Step 7: Choosing Your Page Layout (see page 97)• Step 8: Finishing Your Page (see page 98)

92 • Creating a Photo Web Page Web Easy

Step 1: Opening the Web Site Assistant1. 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 open the Web Site Assistant.

4. Click Next to open the Templates dialog and continue to Step 2: Starting the Photo Album Wizard (see below).

Step 2: Starting the Photo Album Wizard1. Click the Family and Personal tab and then choose Photo Album

Wizards.

A preview of the template appears to the right.2. Click Next to start the wizard and then continue to Step 3: Naming

and Saving Your Document File (see page 93).


Step 3: Naming and Saving Your Document File1. Click the Browse button at the right of the Location on your hard

drive box and select where you want to store your file.

Browse

2. Click and drag to select the standard text in the Name box, press DELETE, and then type a file name in the Name box.

3. Click Next and continue to Step 4: Adding Your Photos (see page 94).


Step 4: Adding Your Photos1. Click the Browse button at the top right of the Images box and select

the folder containing your photos.2. Click the Left Double Arrow button at the right of the Images box to

delete any standard images that appear in the Photo Album box.

Browse Button

Up ButtonDown Button

Arrow Button Panel

3. Select a photo file name in the Images box to view an Image Preview of the photo at the left.

4. Use the arrow button panel to select your photos.

The Single Right Arrow button selects a single item from the list on the left by moving it to the list on the right.

The Double Right Arrow button selects all items from the list on the left by moving them to the list on the right.

The Single Left Arrow button deletes a single item from the list on the right by moving it to the list on the left.

The Double Left Arrow button deletes all items from the list on the right by moving them to the list on the left.

To change a photo’s position in the list in the Photo Album box, use the Up or Down buttons.

5. Click Next and continue to Step 5: Naming and Describing Your Photos (see page 95), after you’ve selected all your photos.


Step 5: Naming and Describing Your Photos1. Select a photo in the List of the photos box.2. Click to place a cursor in the Description box and then type a

description.To clear the Description box, click the Clear Description button.

Clear Description

3. Click to place a cursor in the Title of the photo box and then type a titleTo delete standard text from the Title of the photo box, click and drag to highlight the text, and then press DELETE.

4. Check the Include Image box to show a preview of the photo you’re naming and describing at the left of the dialog.

If you don’t want to view a preview image, uncheck the box.5. Use the arrow button panel to save your changes, after you’ve

finished entering your text..

The Single Right Arrow button adds your Topic Heading and Description to the bottom of the list at the right.

The Double Right Arrow button saves your Topic Heading and Description changes to the item that’s selected in the list at the right.The Single Left Arrow button clears the Topic Heading and Description entries for the item that’s highlighted in the list at the right.The Double Left Arrow button deletes all but the Description item from the list on the right.

To name and describe other photos, repeat steps 1 through 5.6. Click Next and continue to Step 6: Entering Your Contact Information

(see page 96), after you’ve selected all the photos for your photo album.


Step 6: Entering Your Contact Information1. Click to place a cursor in the Title box and then type a title for your

photo page.

E-Mail Address BookButton

2. Enter the appropriate text in each of the other boxes in the dialog.To select from a list of standard entries for each box, click the arrow at the right of the box.To see if you can choose an address from your email address book to use in the Contact e-mail address box, click the E-mail Address Book button. If your e-mail program is compatible with Web Easy, you can then select and add an address from your address book.

3. Click Next and continue to Step 7: Choosing Your Page Layout (see page 97), after you’ve added your contact information.


Step 7: Choosing Your Page Layout1. Click the arrow at the right of the Color Theme box and select a color

theme from the drop-down list..

2. Click the Font box to open the Font dialog and choose you font settings.• To select a font, font style, and font size, select your choices in

the Font, Font style, and Size boxes.• To add Strikeout or Underline effects to your text, check their

boxes.• To select a text color, click the arrow at the right of the Color box

and select a color from the drop-down list.• To select a script type, click the arrow at the right of the Script

box and select a script type from the drop-down list.A preview of your selections from the Font dialog appears in the Sample display. After you’re satisfied with the font preview, click OK to return to the wizard.

3. Click a Text, Border, Background, or Page selection in the Colors field and select a color from the drop-down palette.

4. Select the Layout of your photo web page as Groups, Simple, or Index.

5. Check the boxes of any Features that you want to display.If you uncheck a box, that feature won’t appear.

6. Click Next and continue to Step 8: Finishing Your Page (see page 98), after you’ve completed selecting your options.


Step 8: Finishing Your Page1. Check the Preview web site now box if you want to preview your

completed photo web page in your browser.

2. Click the Finish button to complete your photo web page and open it in Web Easy for viewing and editing.If you checked the Preview web site now box, a preview of your photo web page also opens in your browser.

To build and publish your photo web page, see “Building Your Document into a Web Site” on page 194 and “Publishing Your Web Site” on page 197.

Web Easy Creating an eBay Auction • 99

Creating an eBay Auction

OverviewYou can use the eBay Web Page Wizard to create a personalized auction listing that you can use on eBay. The wizard guides you through the following steps:• Step 1: Opening the Web Site Assistant (see page 100)• Step 2: Selecting an Auction Template (see page 100)• Step 3: Naming and Saving Your Auction Document (see page 101)• Step 4: Entering Your Auction Text and a Photo (see page 102)• Step 5: Choosing Your Page Layout (see page 104)• Step 6: Finishing Your Auction Page (see page 105)• Step 8: Saving Your Auction Document (see page 107)You need to have an eBay seller account to post auctions on eBay.

NOTE: You have to open an eBay Seller Account before you can create an eBay auction. Be sure that you read and understand eBay’s Terms of Service before you post any items for sale on eBay.

100 • Creating an eBay Auction Web Easy

Step 1: Opening the Web Site Assistant1. 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 open the Web Site Assistant.

4. Click Next to open the Templates dialog and continue to Step 2: Selecting an Auction Template (see below).

Step 2: Selecting an Auction Template1. Click the Business tab to view a list of pre-designed business

templates.

2. Select eBay Wizards on the left to view a preview of that template on the right.

3. Click Next to continue to Step 3: Naming and Saving Your Auction Document (see page 101).


Step 3: Naming and Saving Your Auction DocumentUse this step of the wizard to name your new document file and choose a location to save it in.1. Type a name for your auction document in the Name box

Web Easy automatically adds .ALB to the end of your file name.

2. Click the Browse button at the right of the Location on your hard drive box and select a file storage location.

BrowseWeb Easy normally saves your document files in the My Documents\Web Easy\Documents folder.If you prefer, you can type the new storage location in the Location on your hard drive box.

3. Click Next to continue to Step 4: Entering Your Auction Text and a Photo (see page 102).


Step 4: Entering Your Auction Text and a PhotoUse this step of the wizard to customize the text for your auction and add a photo of the item you’re selling.

Entering Your Text1. Select the topic in the List of the topics box that you want to create

new text for.2. Click to place the cursor in the Description box and then type your

text for the topic.

If the Description box already contains standard text that you don’t want to use, click and drag to highlight the text and then press DELETE.

3. Use the arrow button panel to save your changes, after you’ve finished entering your text..

The Single Right Arrow button adds your Topic Heading and Description to the bottom of the list at the right.

The Double Right Arrow button saves your Topic Heading and Description changes to the item that’s selected in the list at the right.The Single Left Arrow button clears the Topic Heading and Description entries for the item that’s highlighted in the list at the right.The Double Left Arrow button deletes all but the Description item from the list on the right.

Repeat steps 1 through 3 for each topic in the List of the topics box that you want to add or change. After you’ve made all your text changes, click Next and continue to Adding a Photo of Your Auction Item (see page 103).


Adding a Photo of Your Auction ItemYou can insert a photo into your auction description, if you have a digital or scanned photo of your auction item that’s stored on your personal web site or using a photo-hosting service somewhere on the Web.If your auction photo is stored on your own computer, instead of on the Internet, you need to use eBay’s standard photo hosting services. Their photo hosting allows you to transfer photos from your computer to the eBay servers, for display in your auction. For information about how to use eBay’s photo hosting, see eBay’s online help.1. Click to place a cursor in the Internet image URL address box and

type the URL for your photo.

2. Check the Include Internet Image box.A preview of your image appears at the left.

3. Click Next and continue to Step 5: Choosing Your Page Layout (see page 104).


Step 5: Choosing Your Page Layout1. Click the arrow at the right of the Color Theme box and select a color

theme from the drop-down list..

2. Click the Font box to open the Font dialog and choose your font settings.• To select a font, font style, and font size, select your choices in

the Font, Font style, and Size boxes.• To add Strikeout or Underline effects to your text, check their

boxes.• To select a text color, click the arrow at the right of the Color box

and select a color from the drop-down list.• To select a script type, click the arrow at the right of the Script

box and select a script type from the drop-down list.A preview of your selections from the Font dialog appears in the Sample display. After you’re satisfied with the font preview, click OK to return to the wizard.

3. Click a Text, Border, Background, or Page selection in the Colors field and select a color from the drop-down palette.

4. Select the Headings layout of your photo web page as Vertical, Horizontal, or Floating.

5. Check the boxes of any Features that you want to display.If you uncheck a box, that feature won’t appear.

6. Click Next and continue to Step 6: Finishing Your Auction Page (see page 105), after you’ve added your contact information.


Step 6: Finishing Your Auction Page1. Check the Preview web site now box, if you want to view a preview

of your auction page in your web browser..

2. Click Finish to open your auction page in Web Easy and continue to Step 7: Building Your Auction Page (see page 106).


Step 7: Building Your Auction PageWhen you build your auction page, select the option for Simple HTML (see “Building Your Document into a Web Site” on page 194 for more details about building a document).When you build the auction page document, Web Easy automatically saves the HTML code for your page to the Windows Clipboard.After you select your auction category and begin creating your auction on eBay, you click to select the HTML tab of the item description dialog and paste the contents of the Clipboard into the eBay auction creation form.

NOTE: You have to open an eBay Seller Account before you can create an eBay auction. Be sure that you read and understand eBay’s Terms of Service before you post any items for sale on eBay.

You can use the editing tools in Web Easy to change your eBay auction page, just like you can any other page or web site that you create in Web Easy. That allows you to use the same auction design each time and only need to replace the description of the item you’re selling.Each time you build your auction page, its HTML code is copied into the Windows Clipboard so that you can easily insert your Web Easy auction description into an eBay auction.


Step 8: Saving Your Auction Document1. 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.

Web Easy Working with Your Documents • 109

Working with Your Documents

Overview

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

Saving Your Document for the First Time1. 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. Type a name for your document in the File name box.5. Browse to the folder where you want to store the document.6. Click Save.

110 • Working with Your Documents Web Easy

Saving Changes to Your Document1. 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.

Closing Your DocumentTo close your document, open the File menu and choose Close.Click Yes in the confirmation dialog to save any changes you’ve made to the document.

Opening Your Document1. 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.

Web Easy Viewing Your Document • 111

Viewing Your Document

OverviewYou can navigate through the pages of your document and preview your document in a web browser.

112 • Viewing Your Document Web Easy

Moving Around in Your DocumentWeb Easy includes navigation buttons to help you move around within a document. The navigation buttons are located at the upper-right corner of the window.


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 Viewing Your Document • 113

Previewing Your Document in a BrowserWeb Easy 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 Document1. 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.

114 • Viewing Your Document Web Easy

Web Easy Edit Documents • 115

EDIT DOCUMENTS

Adding and Changing Pages 117

Adding and Editing Items 123

Inserting and Editing Images 131

Working with Text 145

Adding and Modifying Tables 155

Drawing and Editing Shapes 159

Working with Links 163

Adding Enhanced Features 173

116 • Edit Documents Web Easy

Web Easy Adding and Changing Pages • 117

Adding and Changing Pages

OverviewYou 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.

118 • Adding and Changing Pages Web Easy

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


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.


Adding a Page BackgroundYou can add a variety of backgrounds to your pages, including plain colors, gradients, and textures.

Adding a Background Color, Gradient, or Texture1. 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 130.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.


Adding a Background to a Page Using Drag and Drop1. 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 PageThe 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.


Deleting a PageThe 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.

Web Easy Adding and Editing Items • 123

Adding and Editing Items

OverviewYou 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.

124 • Adding and Editing Items Web Easy

Selecting ItemsBefore 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 Items1. 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.

Moving an Item1. 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 ItemYou 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.


Using the Size and Position Dialog1. 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.


Grouping ItemsTwo 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 Items1. 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.


Cutting ItemsCutting 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 Item1. 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 ItemsCopying 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 Item1. 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 ItemPasting takes an item on the Windows clipboard and places it in your document.

To Paste an Item1. 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.

Changing the Layer Position of ItemsItems 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 Items1. 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.


Adding a Shadow to an Item1. 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. Check the Convert text to image box to convert a selected line of text or text frame to an image.To convert the image back to text, immediately open the Edit menu and select the Undo Shadow.

7. 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.

8. 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.

9. Click OK to apply the shadow.


Choosing a Custom Color1. 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 is 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.

Web Easy Inserting and Editing Images • 131

Inserting and Editing Images

OverviewYou 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 Drop1. 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.

132 • Inserting and Editing Images Web Easy

Adding an Image by File Name1. 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, on the Web Easy CD, or select one of your own.

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 133.


Replacing a Placeholder with an ImageMany Web Easy 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.

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 changes to indicate that the image is going to replace the placeholder.


Changing an Image to a PlaceholderIf 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 ImagesYou can rotate images either manually with the mouse or using a dialog that specifies precise degrees.

Rotating an Image Using Your Mouse1. 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.


Rotating an Image by Degrees1. 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 the appearance of the image, based on your selection.

6. Click OK.

Cropping ImagesCropping 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’s cropping. This means that cropping is reversible by dragging the sizing handle the opposite way to reveal the hidden part of the image.


Cropping an Image1. 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 Mouse1. 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.


Adding a Pop-Up Menu of Links to an ImageYou can use Web Easy to add a pop-up menu to an image, to text (see “Adding a Pop-Up Menu to Text” on page 150), or to a link (see “Adding a Pop-Up Menu to a Link” on page 166).Using a pop-up menu allows you to have multiple links to a single hot spot on a web page. The pop-up menu opens when you pause your cursor over the image, text, or link that you’ve chosen.

Using the pop-up menu, you can link to another page within your web site, to an external Internet site, to a multimedia file, to email, to another pop-up menu, or to a custom javascript.1. Click on the image that you want to create a pop-up menu for.

A frame appears around the image.2. Click the Edit button to display the Edit Taskbar. 3. Click the Image button to display the Edit Image Toolbar.

4. Click the Link button to view the Link dialog.5. Click the arrow at the right of the Link Type box and select Popup

Menu from the drop-down list to open the Link dialog.


Using the Link DialogUse the Link dialog to create and customize your pop-up menu.

To Add or Edit a Menu Item Using the Link Dialog1. Click the Menu Items button in the Link dialog to open the Editing

Menu List dialog.2. Double-click an item in the Item Name column and type your

changes.

• To change the order of the lines in the Editing Menu List, click in a line and then click either the Move Up or Move Down button.

• To change the number of rows in the Editing Menu List, click the Add Row or Delete Row button.

3. Double-click an item in the Link column to open the link dialog.4. Click the arrow at the right of the Link Type box to open the drop-

down list and select a link type.5. Click the Favorite URLs button to select a link you’ve used

previously.• To link to a file, click the Search for Files button and use the

Browse dialog to locate the file.• To remove the URL in the Web Page URL address box from

your Favorite’s list, click the Remove Favorite button and then click OK in the confirmation dialog to return to the Editing Menu List dialog.

6. Click the OK button after you’ve completed your edits in the Editing Menu List, to return to the Editing Menu List dialog.

To create a style for your pop-up menu, see “To Customize the Style of Your Pop-Up Menu” on page 139.


To Customize the Style of Your Pop-Up Menu1. Click the Pop-Up Style button to open the Pop-Up Menu Settings

dialog.

2. Select an option that you want to change in the Parameter column and then double-click its option in the Value column, to select an option.Scroll down to view and edit all the options.

3. Click OK to return to the Link dialog, after you edit your options.To complete your pop-up menu, see “To Finish Your Pop-Up Menu” on page 140.


To Finish Your Pop-Up Menu1. Click the Main URL button to open the Link dialog.

2. Click the arrow at the right of the Link Type box to open the drop-down list and select a link type.

3. Click the Favorite URLs button to select a link you’ve used previously.• To link to a file, click the Search for Files button and use the


your Favorite’s list, click the Remove Favorite button and then click OK in the confirmation dialog to return to the Link dialog.

4. Click the OK button in the Link dialog to return to the Editing Menu List dialog.

5. Click the OK button to create your pop-up menu.To verify that your pop-up menu works correctly, select Home > Build > Preview > Current Page and then move your cursor over the image that you’ve made the hot spot for your pop-up menu.


Framing ImagesA frame around an image can greatly enhance the look of the image on your screen. Web Easy provides a wide range of frames in a choice of colors and textures.

Adding a Frame to an Image1. 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.

Removing a Frame from an Image1. 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.


Adding Border or Wash Effects to an ImageStencils 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.

Adding a Stencil to an Image1. 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 is not 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.

Removing a Stencil From an Image1. 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.

Applying Image EffectsImage effects are special filters that you can apply to your images to enhance them. The effects range from adjusting the color of the image and improving image quality (sharpen and remove noise), to adding interesting and artistic effects such as emboss, invert, or transparency.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 adjusting the Fine-Coarse slider.7. Click OK when you are happy with the result.The effects in Web Easy 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.

Web Easy Working with Text • 145

Working with Text

OverviewText in Web Easy 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.

146 • Working with Text Web Easy

Types of TextThere 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.


Inserting a Text Frame and TextWhen 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.


Changing Text Properties1. 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 automatically converts the graphic text to a graphic image when you build your web site.


Changing Text Using the Rich Text ToolbarUse 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.

Numbered Items

Bulleted Items

Indent Outdent Bold Italic Style Dialog Fill Color

Font Size

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 157.

Deleting a Text Frame1. 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.


Adding a Pop-Up Menu to TextYou can use Web Easy to easily add a pop-up menu to text, to an image (see “Adding a Pop-Up Menu of Links to an Image” on page 137), or to a link (see “Adding a Pop-Up Menu to a Link” on page 166).Adding a pop-up menu allows you to have multiple links for a single hot spot on a web page. The pop-up menu opens when you pause your cursor over the text, image, or link that you’ve chosen.Using the pop-up menu, you can link to another page within your web site, to an external Internet site, to a multimedia file, to email, to another pop-up menu, or to a custom javascript.

To Add a Pop-Up Menu to Text1. Click on the text frame that you want to create a pop-up menu for.

A border appears around the text frame.2. Click the Edit button to display the Edit Taskbar. 3. Click the Image button to display the Edit Image Toolbar.


Menu from the drop-down list to open the Link dialog.To continue creating your pop-up menu, go on to Using the Link Dialog to Create a Pop-Up Menu (see page 151).


Using the Link Dialog to Create a Pop-Up MenuUse the Link dialog to create and customize your pop-up menu.

To Add or Edit a Menu Item in the Link Dialog1. Click the Menu Items button in the Link dialog to open the Editing


changes.



3. Click the OK button in the Editing Menu List dialog to return to the Link dialog.

To choose the style of your pop-up menu, continue to To Customize the Style of Your Pop-Up Menu (see page 152).



dialog.

2. Select an option that you want to change in the Parameter column and then double-click its line in the Value column, to select an option.Scroll down to view and edit all the options.

3. Click OK to return to the Link dialog, after you edit your pop-up style options.

To complete your pop-up menu, continue to To Finish Your Pop-Up Menu (see page 153).


To Finish Your Pop-Up Menu1. Click the Main URL button to open the Main URL Link dialog.


3. Click the Favorite URLs button to select a link you’ve used previously.• To link to a file, click the Search in Files button and use the


your Favorite’s list, click the Remove Favorite button.4. Click the OK button in the Main URL Link dialog to return to the

Editing Menu List dialog.5. Click the OK button in the Editing Menu List dialog to create your

pop-up menu.To verify that your pop-up menu works correctly, select Home > Build > Preview > Current Page and then move your cursor over the text that you’ve made the hot spot for your pop-up menu.

Web Easy Adding and Modifying Tables • 155

Adding and Modifying Tables

OverviewInsert 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.

156 • Adding and Modifying Tables Web Easy

Inserting a New Table1. 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 Adding and Modifying Tables • 157

Changing a Table Using the Rich Text ToolbarYou 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 Rich Text Frame

Add Row/Column

Delete Row/Column Border Size Border Color Background Color

Table Aligning

Table Padding

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

158 • Adding and Modifying Tables Web Easy

Web Easy Drawing and Editing Shapes • 159

Drawing and Editing Shapes

OverviewWeb Easy 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.

160 • Drawing and Editing Shapes Web Easy

Drawing Boxes, Ovals, and Circles1. 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.

Drawing Lines and Polygons1. 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.

Web Easy Drawing and Editing Shapes • 161

Adjusting the Line Thickness and Style of a Shape1. 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 Shape1. 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 130.

162 • Drawing and Editing Shapes Web Easy

Filling ShapesA 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 130.A preview of your selections appears on the right.

6. Click OK.

Web Easy Working with Links • 163

Working with Links

OverviewWeb Easy lets you create links from text, images, or any item on the page. You also can create a pop-up menu that allows your web site to offer multiple links from a single hot spot. Links allow you to navigate your web site by moving to other pages, other sites, an email address, or even to an audio or video file that you want podcast (see “Adding Podcasting to Your Web Site” on page 190 ). 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 context menu.

164 • Working with Links Web Easy

Creating a Link Within Your Web Site1. 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.


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.


4. Click the arrow at the right of the Link Type box and select a link option.• Internet Web Page links to another web site.

Enter the URL address of the web site.• E-Mail links to email.

Enter the email address that it’s addressed to.5. Click OK. Make sure that you type the URL or email address correctly. If it’s wrong, the link won’t work.


Adding a Pop-Up Menu to a LinkYou can use Web Easy to add a pop-up menu to text (see“Adding a Pop-Up Menu to Text” on page 150 , to an image (see “Adding a Pop-Up Menu of Links to an Image” on page 137), or to an existing link. The pop-up menu opens when you pause your cursor over the link, text, or image that you’ve chosen.Using the pop-up menu, you can link to another page within your web site, to an external Internet site, to a multimedia file, to email, to another pop-up menu, or to a custom javascript.Using the following steps allows you to use a pop-up menu to create multiple links to a single object.

To Add a Pop-Up Menu to a Link1. Click on a linked image, such as a button, that you want to create a

pop-up menu of additional links for.A border appears around the object.

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


Menu from the drop-down list to open the Link dialog.To select the items in your pop-up menu, continue with To Add or Edit a Menu Item in the Link Dialog (see page 167).


To Add or Edit a Menu Item in the Link Dialog1. Click the Menu Items button in the Link dialog to open the Editing


changes.



3. Click the OK button in the Editing Menu List dialog to return to the Link dialog.

To choose the style of your pop-up menu, continue with To Customize the Style of Your Pop-Up Menu (see page 168).



dialog.

2. Select an option that you want to change in the Parameter column and then double-click its line in the Value column, to select an option.Scroll down to view and edit all the options.

3. Click OK to return to the Link dialog, after you edit your pop-up style options.

To complete your pop-up menu, continue with To Finish Your Pop-Up Menu (see page 169).


To Finish Your Pop-Up Menu1. Click the Main URL button to open the Main URL Link dialog.


3. Click the Favorite URLs button to select a link you’ve used previously.• To link to a file, click the Search in Files button and use the


your Favorite’s list, click the Remove Favorite button.4. Click the OK button in the Main URL Link dialog to return to the

Editing Menu List dialog.5. Click the OK button in the Editing Menu List dialog to create your

pop-up menu.To verify that your pop-up menu works correctly, select Home > Build > Preview > Current Page and then move your cursor over the link that you’ve made the hot spot for your pop-up menu.


Viewing Links Using the Site Map AssistantThe 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 164 or “Creating a Link to Another Web Site or to Email” on page 165.


Viewing the Links from a Selected Page1. Right-click the page in the left pane.2. Choose Show Links from page to see the links from the page.

Setting the Primary (Home) Page of the Web Site1. 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.

Loading a Page1. 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.

Changing a Link1. 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.

Removing a Link1. Click the link in the right pane.


2. Click the Remove Link button above the right pane.Deleted links can be restored as long as the Site Map Assistant is open.


Restoring a Deleted Link1. Click the deleted link in the right pane.


2. Click the Restore Removed Link button above the right pane to restore the selected links to their initial definition.

Showing the Link on the Document Page1. 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.

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.


4. Click the arrow at the right of the Link Type box and select None to remove a previously set link.

5. Click OK.

Web Easy Adding Enhanced Features • 173

Adding Enhanced Features

OverviewYou can add a variety of enhanced capabilities to your web page, including the following.• Sound (see “Adding Sound” on page 174)• Changeable scenes (see “Adding Changeable Scenes” on page 176)• E-Commerce capabilities (see “Adding e-Commerce Capabilities” on

page 180)• Really Simple Syndication (RSS) (see “Adding RSS to Your Web

Site” on page 186.)• Podcasting (see “Adding Podcasting to Your Web Site” on page 190.)

174 • Adding Enhanced Features Web Easy

Adding SoundYou can add sound to your web page, to specific items on your web page, or both.

Adding 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 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.

Play Stop8. Check the Loop box to make the sound repeat on your web site.

9. Click OK.


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.


4. Click the arrow at the right of the Link Type box and select Audio File from the drop-down list.

5. Click the Browse button on the right 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.

Play Stop6. Click OK.


Adding Changeable ScenesScenes 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 experiences 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.


Viewing ScenesThe 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.


Adding Scenes1. 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 changes, 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 is used for any unconnected scenes. If you leave the top-most item blank, then no item appears 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.


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


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 Item1. Open the View menu and choose Scene Assistant to open the Web


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.


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


3. Select the theme None from the drop-down list.4. Close the Scene Assistant and save the document.

Adding e-Commerce CapabilitiesAdd 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 handles payment processing. Web Easy includes links to several different vendors that you can choose from. Design your web site using Web Easy, and include the eShop Buy Now or Add to Cart buttons for each product you are selling.

RecommendationsWhen 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 state, 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.


Creating an eShopTypically, 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.


To Modify the Properties of an Existing eShop Object1. 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.


Inserting a Dynamic LinkWith 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. To create your own eShop, see “Adding e-Commerce Capabilities” on page 180.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.


Inserting an ObjectWeb Easy 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

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.


To Add a Visitors CounterA visitors counter counts how many times your site has been visited. Web Easy 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 ItemsYou 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 Browser1. 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’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.


Adding RSS to Your Web SiteReally Simple Syndication (RSS) is a method that allows users of your web site to receive what are called RSS feeds. These feeds allow web sites that frequently change or add content to automatically keep site visitors informed about the site’s latest news and developments.To create RSS content in Web Easy, you have to first create a web page that Web Easy will use to create an XML file (the feed) that contains your site’s latest information. Then, you add a link to that file into one of your web pages, generally the main page.You can create a link to a single line of text, an icon, or an image. When a visitor clicks the link, the XML file opens in their browser or RSS reader and displays the RSS information.

NOTE: Not all browsers recognize RSS feeds. Review your browser’s documentation for further information.

Creating a Page of RSS ContentYour site’s RSS page is a page of text. The title for each RSS item is a single line of text. The body of each item is a paragraph of text describing the information in the title.When Web Easy builds your web document, each title becomes a link and the text below it becomes the description for the link.


Adding an RSS Page to Your Web DocumentWeb Easy will add the new RSS page after the page that you’re currently in.

TIP: Making the RSS page your site’s last page will make the page easier to find and change, each time you have something new to share with your site visitors. However, you can place the page anywhere on your web site.

1. Go to the last page of your web site.2. Click the Edit button to display the Edit Taskbar. 3. Click the Page button to display the Edit Page Toolbar.


5. Choose a blank page template for the new page.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 change the background of your page, use the navigation buttons at the right of the preview to help you select your desired background from backgrounds used in the other pages of your web site.

6. Click OK.A new page is added after the current page.


Adding Text to Your RSS PageWeb Easy uses the structure of your text, not its size, to determine which text is a title and which text is a description, so it’s important to follow the following instructions closely.1. Type a short single line of text as the title of your first item.

When building your web document into a web site, Web Easy recognizes a short single line of text on your RSS page as a title and multiple lines of text that follow it as the description.

2. Type a paragraph of text about the subject in the title. If you want to add additional titles and descriptive paragraphs, repeat these first two steps until you’ve created all the RSS content for your page.

3. Click Save to save your changes after you’re typed all of your titles and descriptive paragraphs for your RSS feed.

4. Edit the font, font size, and font color options for your text. For further details, see “Changing Text Properties” on page 148.

TIP: It’s a good idea to use standard Windows fonts like Arial or Times New Roman in your RSS content, so that your RSS feed will display as accurately as possible in your visitor’s browser.


Adding an RSS Icon and Link to Your PageWeb Easy includes in the Favorite Icons folder several different icons that you can use to let visitors to your web site know that RSS content is available from the site. Place this icon on your site’s main page, not on the RSS page you just created.RSS Icon

After you add this icon to your web site, you can link it to the location where Web Easy stores the special file (an XML file) that it creates when you build the content of your RSS page.

Preparing to Build Your RSS PageUse these steps to be sure that your RSS feed items build properly.1. Open the View menu while viewing your RSS page and select

Inspector.2. Select the Properties tab.3. Double-click Page Settings to view a list of page options on the left

and their settings on the right.4. Locate the RSS Channel entry on the left and double-click the Value

column to the right to view the available options.• To use the text you just created as your RSS content, select Use

Page Text.

• To use your text and an icon (for example, the RSS icon) as your RSS content, select Use Page Text and Icon.If you select Use Page Text and Icon, double-click the Value column at the right of the Favorite Icon entry and type the base address URL for your site. For example, you might enter http://www.nature_photos.com into the Enter your Web Site Base URL address box when asked.If you’ve already used the base address URL for the web site somewhere else in the document, click the arrow at the right of the Enter your Web Site Base URL address box and select the address from the drop-down list.

• To exclude the page from use with RSS, select Excluded. Use the Exclude option for all web site pages that don’t contain RSS content.

5. Click OK to save your options, then go on to Building and Publishing Your Web Site With RSS Content (see page 190).


Building and Publishing Your Web Site With RSS ContentAfter you set up your RSS page as is described in “Preparing to Build Your RSS Page” on page 189, you build the site using either the HTML web site with CSS option or the XHTML web site with CSS option.For more details about building and publishing your web site, see “Building a Web Site” on page 193 and “Publishing Your Web Site” on page 197.

Adding Podcasting to Your Web SiteA podcast is providing multimedia files on your web site, such as audio or video, that are available for downloading and use on portable multimedia playback devices.You can use your RSS feed to tell your site visitors about these files and then they can view them on your web site.In our example, we are adding a Flash Video; however, you also can add other types of multimedia files, using a similar process.

To Add Podcasting to Your Site1. Open the page of your web document where you want to provide the

multimedia file..2. Open the Insert menu and choose Object.3. Select the Objects tab in the Insert Object dialog.4. Scroll down the list and select Flash Video.

A preview of the Flash Video icon appears at the right.You can also select any of the other types of multimedia files that are in the list. Each type of file has its own icon.

5. Click OK to return to your document in Web Easy and a Flash Video insertion cursor appears on the screen.

6. Click and drag the corner handles of the image until it’s the size you want.

7. Click on the center of the icon, drag it to its final position on your page, and release the mouse button.

You can preview your site in your favorite web browser to verify that the icon and link work correctly.

Web Easy Build and Publish • 191

BUILD AND PUBLISH

Building a Web Site 193

Publishing Your Web Site 197

192 • Build and Publish Web Easy

Web Easy Building a Web Site • 193

Building a Web Site

OverviewBuilding 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, see “Creating a Dynamic Web Site” on page 79.

• 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 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 Your Web Site” on page 197.If you don’t already have a subscription to an ISP, consider using Avanquest’s Preferred Web Hosting solution. For information about this service, open the Help menu and choose Visit Avanquest Web Site > Preferred Web Hosting.

http://www.w3.org

194 • Building a Web Site Web Easy

Building Your Document into a Web Site1. 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 includes 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.

Web Easy Building a Web Site • 195

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 set up, 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.

196 • Building a Web Site Web Easy

Web Easy Publishing Your Web Site • 197

Publishing Your Web Site

OverviewPublishing 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: Preparing to Publish (see page 198)• Step 2: Opening the Publish Assistant (see page 198)• Step 3: Connecting to the Remote Host (see page 199)• Step 4: Choosing the Package to Publish (see page 202)• Step 5: Checking the Transfer Settings (see page 202)• Step 6: Transferring the Package to the Remote Host (see page 203)• Step 7: Viewing Your Remote Web Site (see page 203)

198 • Publishing Your Web Site Web Easy

Step 1: Preparing to Publish1. Design your document (see “Create Documents” on page 43 and

“Edit Documents” on page 115).2. Build it into a web site (see “Building a Web Site” on page 193).3. Contact your ISP to get your connection details, or you can use the

iEasySite, which requires no special details.4. Connect to the Internet.

Step 2: Opening the Publish Assistant1. 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

start the iEasySite Publish Wizard, where you can try the iEasySite for free, and 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.


Step 3: Connecting to the Remote Host1. 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.


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.

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.


Step 4: Choosing the Package to PublishAfter you’ve connected to your ISP server, the Select step appears allowing you to choose the Web Easy 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 is 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: Checking the Transfer SettingsClick Next to display the Transfer settings step where you can check the settings, and change them if necessary.

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


Step 6: Transferring the Package to the Remote Host1. Click Next to begin the transfer.

Web Easy 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: Viewing Your Remote Web SiteIf 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 SiteAfter you’ve published your web site on the Internet, updating it is easy. 1. Open your document in Web Easy.2. Make the required changes.3. Build new HTML files to replace the previous ones.4. Publish your web site again.Web Easy remembers the information you entered, so the process is quite easy the next time. In addition, Web Easy checks the date and time of each file against those on the server. Only newer files are uploaded to the ISP host.

Web Easy Reference • 205

REFERENCE

Helpful Hints and Troubleshooting 207

Glossary of Terms 217

Index 221

Complimentary Technical Support 227

206 • Reference Web Easy

Web Easy Helpful Hints and Troubleshooting • 207

Helpful Hints and Troubleshooting

Tips

Bulleted ListsIf 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-DropWhen 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 is placed when you drop it.

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

208 • Helpful Hints and Troubleshooting Web Easy

PresentationsUse Web Easy to make impressive presentations to show to your colleagues using an Internet browser.

Right Mouse ButtonClick 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 ItemsSelect 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).

TextMost 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.

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

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


ShortcutsThe 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


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 Your Web Site” on page 197)

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


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


TroubleshootingThis 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 ItemsAn item on my web site is hidden behind another oneWeb Easy 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 imageA frame that is dragged from File Browser and dropped onto an image only fits if it’s 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 landscapeYour digital camera might show all the images you take as landscape. Rotate your image 90 degrees. For more information, see “Rotating Images” on page 134.

When I added an oval frame to my image, it didn't fitOval 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.

http://www.v-com.com/support/intro_web_easy_support.html


When I deleted my frame, my image disappeared as wellWeb Easy groups images and frames together to make it easy for you to work with them. When you select a frame, the sizing handles 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 TextMy text has become an imageText 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 textIf 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.


Problems with LinksSome of my links to other sites don't workWeb Easy 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 170).• 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 workingMake 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 170).

Problems with PublishingThe Publish Assistant says required files have been deleted from my local folderThis 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 is able to delete the web site.


There’s not enough disk space on my remote host to publish my web siteIf 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 BrowserSome of my linked items aren’t visibleIf 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 correctlyBecause Web Easy 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 might 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.


When I view my web site in different Internet browsers, it looks differentInternet 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 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 EasyYou can easily uninstall Web Easy from your computer. If you plan to reinstall a registered copy of Web Easy 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 from the list of programs.5. Click the Add/Remove button.Web Easy 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 “Installing Web Easy” on page 17).

Web Easy Glossary of Terms • 217

Glossary of Terms

Build a Web SiteBefore you can publish your web site on the internet, you need to build your Web Easy 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.

CatalogWeb Easy 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.

CSSCascading 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-ClickTo double-click, click the left mouse button twice in quick succession.

DHTMLDynamic 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.

218 • Glossary of Terms Web Easy

Drag-and-DropTo 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.

FTPFile Transfer Protocol (FTP) is the standard method used to publish web sites on the Internet. FTP is used within Web Easy 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.

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

Left Mouse ButtonThe 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.

LinkA 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 SiteA 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.

Web Easy Glossary of Terms • 219

PodcastTo provide multimedia content, such as audio files or video clips, that your site visitors can download to play on personal portable devices such as MP3 players.

Publish a Web SiteTo publish a web site, use Web Easy’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 SiteA remote web site is a collection of published HTML files that people can access on the Internet.

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

RSSReally Simple Syndication (RSS) is a method that allows users of your web site to be 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.

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

Sizing HandlesSizing 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.

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

220 • Glossary of Terms Web Easy

TemplateA template is a layout3 for a web site that Web Easy provides you with to get you started.

W3CThe 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.

Web Easy Index • 221

Index

Aactivity center 31adding

e-commerce 180frames to images 141images 131, 132multimedia 185page background 119page transitions 82pages 118, 187rollovers 80scenes 178sound to a page 174sound to an item 175text 147

adjustinglayer positions 128line thickness and style 161text content 147text properties 148

alb extension 29aligning text 146animating objects 84Art Online 26

Bbackgrounds

color 119blank document 67, 71

borders for images 142boxes 160building web sites 193bulleted lists 207button rollovers 80

Ccascading style sheets 217catalog 217changing

layer positions 128line thickness and style 161text content 147text properties 148

circlesdrawing 160

clearingframes from images 137, 141, 150, 166

clipartadding 131, 132borders 142cropping 135deleting 144effects 143finding 26framing 141rotating 134stencils 142

closing a document 110

222 • Index Web Easy

colorbackgrounds 119custom 130links 194shadows 129shapes 162text 148

connecting to a remote host 199copying items 127counter 185create an auction 99cropping an image 135CSS 217cue cards 24curves 160custom colors 130cutting items 127

Ddeleting

frames from images 137, 141, 150, 166images 144links 172pages 121scenes 179, 179, 180text 149

DHTML 79dividers 184documents

building into a web site 193closing 110navigating 112opening 110pages 118, 187previewing 113publishing 197saving 109Style Designer 72templates 67web site assistant 59

dynamic links 183dynamic web sites 79

Ee-commerce

adding 180buttons 180eShop 180vendors 180

edit taskbar and toolbars 211editing

text 147effects

images 143scenes 176sound 174

FFile Browser 23, 33flash 185fonts 148forms 184frames

adding to an image 141removing from an image 137, 141, 150, 166

ftp 218

Ggadgets 184graphics text 146grouping items 126

Hhandles

sizing items 125help

Inspector 40online 37tutorial 42

hit counter 185home page 170home taskbar and toolbars 210host site 199html 218

IiEasySite 198


imagesadding 131, 132borders 142cropping 135deleting 144effects 143finding 26framing 141placeholders 133, 134rotating 134slideshows 85stencils 142

importingweb pages 78web sites 77

insertingpages 118, 187

Inspector 40installing the program 19interactive tutorial 42ISP 197, 198, 199items

copying 127cutting 127grouping 126layer positions 128moving 124pasting 128selecting 124shadows 129sizing 125

Jjustifying text (see aligning text) 146

Kkeyboard shortcuts 209

Llayer positions 128lines

changing thickness and style 161drawing 160

linkscolor 194deleting 172dynamic 183email 165external 165internal 164site map assistant 170testing 170to another web site 165within a web site 164

listsbulleted 207numbered 207

Mmenu bar 22movies 185moving items 124multimedia 185

Nnavigating

documents 112web sites 163

new document 67, 71numbered lists 207

Oonline help 37opening a document 110ordered lists 207ovals

drawing 160

Ppages

adding 118, 187background 119deleting 121dividers 184importing 78sizing 120slideshows 85transitions 82

pasting items 128


picturesadding 131, 132borders 142cropping 135deleting 144effects 143finding 26framing 141rotating 134slideshows 85stencils 142

placeholders for images 133, 134plain text 146polygons 160polylines 160previewing 113primary page 170properties

text 148publishing a web site 197

Rreally simple syndication 219rectangles 160redo 208remote host 199removing

frames from images 137, 141, 150, 166images 144links 172pages 121scenes 179, 179, 180text 149

resizingitems 125pages 120

rich text 146rich text toolbar 149rollovers

adding 80buttons 80rollover image assistant 80

rotating images 134RSS 219

Ssaving a document 109scenes

adding 178deleting 179, 179, 180themes 176

selecting items 124shadows 129shapes

color 162drawing 160, 160line thickness and style 161

shortcut keys 209site map assistant 170sizing

items 125pages 120

slideshows 85sound

adding to a page 174adding to an item 175

squares 160status bar 24stencils 142Style Designer 72styles 193, 217support, technical 227

Ttaskbar

edit 211home 210

technical support 227templates for documents 67text

adding 147alignment 146color 148deleting 149editing 147properties 148types 146

themes for scenes 176toolbars 23transitions between pages 82tutorial 42, 45


Uundo 208uninstalling the program 216unordered lists 207updates 19

Vvisitor’s counter 185VRML 184

Wweb hosting 197web site assistant 59web sites

building 193importing 77maintaining 203publishing 197

workspace 23

Zzoom 208

Web Easy Complimentary Technical Support • 227

Complimentary Technical Support

Before contacting Avanquest 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:http://support.avanquestusa.com

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.Avanquest 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 are provided according to the prices, terms, and conditions in place at the time the services are used.

http://support.avanquestusa.com

228 • Complimentary Technical Support Web Easy