Web Easy Professional 8 Manual

Getting Started Guide

www.avanquest.com/UK/

http://www.avanquest.com

Web Easy ProfessionalCopyright © 2003–2009 Avanquest North America Inc.All Rights Reserved.Web Easy and SendPhotos are registered trademarks and C-Clearly is a trademark of Avanquest North America, 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! and Flickr are registered trademarks of Yahoo! Inc. Arial and Times New Roman are trademarks of The Monotype Corporation. YouTube is a registered trademark and Google is a trademark of Google Inc. MySpace is a registered trademark of MySpace, Inc. Facebook is a registered trademark of Facebook, Inc. PhotoBucket is a registered trademark of Photobucket.com Inc. iPod Touch is a registered trademark and iPhone is a trademark of Apple Inc. 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 North America, Inc.SW7000 Document Number 120-0000-1

Web Easy Contents • iii

Contents

Installing Web Easy 1Introduction..............................................................................................1Installing Web Easy .................................................................................2Starting Web Easy....................................................................................2Getting Updates .......................................................................................2

Exploring Web Easy 3Overview..................................................................................................3Using the Web Easy Tools .....................................................................10Where to Find Clipart, Images, and More .............................................11

Learning Web Easy 13Overview................................................................................................13Understanding Web Sites .......................................................................14Using the Activity Center ......................................................................15Using File Browser to Select Files ........................................................16

Getting Help 19Overview................................................................................................19Using Online Help .................................................................................20Using the Web Easy Assistants..............................................................20Viewing and Printing the User’s Guide .................................................21Using the Interactive Tutorial ................................................................21

iv • Contents Web Easy

Making a Web Site: A Tutorial 23Overview................................................................................................23Selecting a Template ..............................................................................24Customizing the Web Site Document ....................................................27Previewing Your Site .............................................................................31Building the Web Site ............................................................................32Publishing the Web Site .........................................................................33Summary................................................................................................37

Using a Template 39Overview................................................................................................39Step 1: Open a New Document..............................................................40Step 2: Choose a Template.....................................................................41Step 3: Edit and Save the Document......................................................42

Using Web Site Assistant 43Overview................................................................................................43Creating a Web Document Using the Web Site Assistant .....................43

Viewing Your Document 49Overview................................................................................................49Moving Around in Your Document .......................................................50Previewing Your Document in a Browser .............................................51

Adding and Changing Pages 53Overview................................................................................................53Adding a Page ........................................................................................54Adding a Page Background ...................................................................54Changing the Size of Your Page ............................................................55Deleting a Page ......................................................................................56

Web Easy Contents • v

Adding and Editing Items 57Overview................................................................................................57Selecting Items.......................................................................................57Moving an Item......................................................................................58Resizing an Item ....................................................................................58Grouping Items ......................................................................................59Cutting Items..........................................................................................60Copying Items........................................................................................60Pasting an Item.......................................................................................61Changing the Layer Position of Items ...................................................61Adding a Shadow to an Item..................................................................63Choosing a Custom Color......................................................................64

Inserting and Editing Images 65Overview................................................................................................65Adding an Image Using Drag and Drop ................................................65Adding an Image by File Name.............................................................66Replacing a Placeholder with an Image.................................................67Changing an Image to a Placeholder .....................................................68Modifying Images..................................................................................68

Working with Text 71Overview................................................................................................71Types of Text..........................................................................................72Inserting a Text Frame and Text ............................................................73Deleting a Text Frame............................................................................73Editing Text and Changing Text Properties ...........................................73Arranging Your Text in Tables...............................................................73

Working with Links 75Overview................................................................................................75Creating a Link Within Your Web Site ..................................................76Creating a Link to Another Web Site or to Email..................................77Viewing Links Using the Site Map Assistant ........................................78Removing a Link From Your Web Site..................................................80

vi • Contents Web Easy

Working with Objects 81Overview................................................................................................81Types of Objects ....................................................................................81Inserting Objects ....................................................................................82Inserting Web Widgets...........................................................................82

Index 85

Contacting Technical Support 89

Web Easy Installing Web Easy • 1

Installing Web Easy

IntroductionUsing Web Easy®, you can easily create web sites without any knowledge of HTML coding. 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 200 professionally designed templates (over 500 templates for the professional version), 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 19 and “Using the Interactive Tutorial” on page 21.

2 • Installing Web Easy Web Easy

Installing Web EasyBefore installing Web Easy, close all open programs.Insert the Web Easy CD into your CD drive. If you downloaded Web Easy, double-click the .EXE file. Follow the on-screen instructions to complete the installation.If the Installer doesn’t start automatically from the CD, follow these steps:1. Click the Windows Start button and choose Run.2. Click Browse to locate and select the Install.exe file on the program CD or on

your computer.3. Click Open.4. Click OK.5. Follow the on-screen instructions to complete the installation.During the installation, you have the option of copying 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 8 icon on your Windows desktop, or click the Windows Start button and choose All Programs > Web Easy Professional 8 > Web Easy Professional 8. You can also open the manual, 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.

Web Easy Exploring Web Easy • 3

Exploring Web Easy

OverviewWhen you start Web Easy, the Activity Center opens to get you started. For more information, see “Using the Activity Center” on page 15.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.You can add Web Easy’s File Browser at the bottom of the screen by opening the View menu and selecting File Browser.

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, so you can design documents, build and publish them on the Internet, import images, or display the Activity Center. For more information about the Home taskbar and all its toolbars see “Home Taskbar and Toolbars” in the online help.

4 • Exploring Web Easy Web Easy

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” in the online help.


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” and “Edit Taskbar and Toolbars” in the online help.

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.


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.If Web Easy’s File Browser isn’t visible at the bottom of your screen, you can open it by opening the View menu and choosing File Browser.

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


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.

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.To prevent a specific Cue Card from appearing, uncheck the Show again box.To make the Cue Cards appear again (or turn off all cue cards), open the Tools menu and choose Options. Then, in the General page check the Show cue cards box (or uncheck the box to turn off all cue cards).

Status BarThe Status bar displays information about selected items or about the tasks Web Easy performs.

• On the left side, it displays information about items when they are selected. It also provides information about current tasks.

Previous page Go to page

Next page

Zoom

Help

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)


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


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.

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.


Web Easy Learning Web Easy • 13

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

14 • 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 SitesDynamic 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. For more information, see “Creating a Dynamic Web Site” in the online help.

Advanced Web Site FeaturesAdvanced users can create exciting components for their web sites such as scenes, e-commerce (Web Easy Professional only), and animated GIFs. See the online help for more information and instructions about using Web Easy’s advanced features. For more information, see “Adding Advanced Features” in the online help.

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.

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. To prevent the Activity Center from opening when Web Easy starts, uncheck the Show at Startup box.


Avanquest Preferred Web HostingYou can simplify publishing your web site by using Avanquest’s Preferred Web Hosting provider. To preview the Avanquest Web Hosting service, open the Help menu and choose Visit Avanquest Web Site > Preferred Web Hosting. The Avanquest Web Hosting service offers economical web hosting and a wide range of hosting options, such as domain name registration, traffic reports, search engine submission, and so on., and automates the technical aspects of File Transfer Protocol (FTP). You can even try it for free by publishing your web site for 48 hours. You can also publish your web site to your existing web host or Internet Service Provider.

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.

To add Web Easy’s File Browser at the bottom of the screen, if it’s not already visible, open the View menu and choose File Browser.

Location BarTree Pane Display Pane


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.

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

Back Forward Up One Level


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

• 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 on File Browser, see the online help.

File Properties View

Options

Web Easy Getting Help • 19

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.For helpful tips and tricks to use with Web Easy, and assistance with resolving issues, see “Helpful Hints and Troubleshooting” in the online help.

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

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.

Web Easy Getting Help • 21

Viewing and Printing the User’s GuideThe user’s guide is installed with the program in Adobe Acrobat format. If there isn’t enough room on your computer to install the user’s guide, you can open the .pdf file for the user’s guide in the User’s Guide folder on the program CD.To 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 Manual.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 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.

http://www.adobe.com

22 • Getting Help Web Easy

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 Making a Web Site: A Tutorial • 23

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 a free trial of the Avanquest preferred web hosting service. Before starting this tutorial, you should read at least part of this guide, such as “Exploring Web Easy” on page 3 and “Learning Web Easy” on page 13. You should also have a basic understanding of the taskbars and toolbars.

24 • 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 and drag the Scroll button at the right of the Images list to locate and select 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 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.

The texture folders include a wide range of custom backgrounds.

Choose Textures from the list.

Choose the Vertical folder. Choose the first background.


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, using the File Browser.If the File Browser isn’t visible on your screen, open the View menu and select File Browser.1. Click the double-arrow button in the upper-right corner of File Browser and

choose Photos from the list.

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.

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

Choose the Flowers folder. Choose the fifth photo.


Next page

Zoom

Help


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.

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.

Choose Stencils from the list.

Choose the Oval folder. Choose the third stencil.


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 opens and displays your 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.For full details about building a web site, see “Building a Web Site” in the online help.


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 to open the Web Easy Publisher wizard.

4. Choose the Try our services and publish your website for 48 hours free of charge option. Web Easy can work with all hosting services, but you choose this option because it is the quickest way to create a live test site.

5. Click Next.6. In the Email address box, type your email address.7. Web Easy sends an email message to the address you typed. Open your email

program and retrieve the message. 8. Click the link in the message to open your web browser. Follow the on-screen

instructions to validate your email address.


9. Return to the Web Easy Publisher wizard.10. Click Next. 11. Fill out the form.

12. Click Next.13. Locate the folder that contains your Web Easy site and click OK.


14. Select the Nature option.

15. Click Next to upload your web site to the web host.


16. When the site has been uploaded, click View Site Now.

17. Return to the Web Easy Publisher wizard and click Finish.


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 (Web Easy Professional only), and other features. This guide and the online help will assist you in creating a fantastic web site.


Web Easy Using a Template • 39

Using a Template

OverviewWeb Easy includes over 200 templates (over 500 templates for the professional version). Use 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. Web Easy also includes special templates for creating a web page gallery of your favorite photos and for creating an eBay auction (Web Easy Professional only). For details, see “Creating a Photo Web Page” or “Creating an eBay Auction”(Web Easy Professional only) in the online help.There are three major steps for designing a document using a template:• Step 1: Open a New Document (see page 62)• Step 2: Choose a Template (see page 57)• Step 3: Edit and Save the Document (see page 58)If you already have a web site design in mind that is different from any of the templates, you can create it using Style Designer, create your own design from scratch, or import an existing web site. For further details, see “Using Style Designer,” “Designing a Web Site from Scratch,” or “Importing an Existing Web Site or Page” in the online help or online help.

40 • 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 57).

Web Easy Using a Template • 41

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 page 58).

42 • 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 77).2. Replace the text with your own text (see “Working with Text” on page 85).3. Change the page background, if desired (see “Adding a Page Background” on

page 65).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” and “Publishing Your Web Site” in the online help.

Web Easy Using Web Site Assistant • 43

Using Web Site Assistant

OverviewThe Web Site Assistant provides a simple way to create a document for your web site. The Web Site Assistant includes templates to create a web photo album and the descriptive contents for an eBay auction (Web Easy Professional only). For more information, see “Creating a Photo Web Page” and “Creating an eBay Auction” (Web Easy Professional only) in the online help.

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 44)• Step 2: Selecting a Template (see page 45)• Step 3: Naming Your Document and Choosing a Storage Folder (see page 46)• Step 4: Selecting the Images for Your Document (see page 47)• Step 6: Adding Finishing Touches (see page 48)

44 • Using Web Site Assistant 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 a Template” on page 45.


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. For more information, see “Creating a Photo Web Page” and “Creating an eBay Auction”(Web Easy Professional only) in the online help.

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


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. Web 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 47).

Browse


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

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.To add Web Easy’s File Browser at the bottom of the screen, if it’s not already visible, open the View menu and choose File Browser.

3. Click Finish to complete the wizard and view your web page document in Web Easy.

Web Easy Viewing Your Document • 49

Viewing Your Document

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

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

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


Next page

Zoom

Help

Web Easy Viewing Your Document • 51

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.

52 • Viewing Your Document Web Easy

Web Easy Adding and Changing Pages • 53

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.

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

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

4. Choose a blank page with a background for the new page, or a template.• To add a blank page, choose a Gradient, Plain Color, or Texture

background option in the Blanks tab. Use the navigation buttons below the preview on the right to help you select your desired background.If the current page has a background and you choose a blank template for the new page, the new page is created with the same background as the current page.

• To add a page using a template, choose a template style from one of the other tabs. The pages of the selected template appear in the preview on the right.

5. Click OK.A new page appears after the current page.

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.

Web Easy Adding and Changing Pages • 55

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.• Pattern to create a two-color pattern.

Choose the Foreground and Background colors by clicking the Color Fill icons to the right of the boxes and choosing a color from the palette. Then, choose a Pattern.

For information on creating custom colors, see “Choosing a Custom Color” on page 64.A preview of your selections appears on the right.

5. Check the All Pages box if you want the background to be applied to all of the pages in the document.

6. Click OK.

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.

56 • Adding and Changing Pages Web Easy

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 scroll bars 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 to delete the page and return to the previous page.

Web Easy Adding and Editing Items • 57

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.

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.

58 • Adding and Editing Items Web Easy

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

Pasting an ItemPasting takes a Windows clipboard item 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.

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.

More Colors Button


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.

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

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

6. Click in the color palette to the right to choose a color.7. 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.

8. Click Add to Custom Colors to save the color to the Custom colors list.

TIP: Hold down SHIFT and click the More Colors button as a shortcut to go directly into the Color dialog.

Color Button

Saturation Control Scrollbar

Color Palette

Web Easy Inserting and Editing Images • 65

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.To add Web Easy’s File Browser at the bottom of the screen, if it’s not already visible, open the View menu and choose File Browser.

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

66 • 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. For more information, see “Adding an Image Using Drag and Drop” on page 65.To replace an image placeholder from a template, see “Replacing a Placeholder with an Image” on page 67.


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. For more information, see “Adding an Image Using Drag and Drop” on page 65.


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.

Modifying ImagesYou can rotate and crop your images, as well as adding a menu of links to them.

Rotating an Image Using Your Mouse1. Select the image.

Position the mouse over the turning handle to the right of the image.

The mouse pointer changes to a rotation pointer.2. Click and drag the turning handle to rotate the image.

While being rotated, the image appears in low resolution.3. Release the mouse button at the correct rotation,

The rotated image reappears in its original resolution.To rotate an image by specifying a number of degrees, see “Rotating an Image by Degrees” in the online help.

Click and drag the turning handle to rotate an 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.You can also use your mouse to crop an image. For further details, see “To Crop an Image Using the Mouse” in the online help.

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, or to a link. For more information, see “Adding a Pop-Up Menu of Links to an Image,” “Adding a Pop-Up Menu to Text,” or “Adding a Pop-Up Menu to a Link” in the online help.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 (Web Easy Professional only).


Web Easy Working with Text • 71

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.You can also add a menu of links to text. For more information, see “Adding a Pop-Up Menu to Text” in the online help.

72 • 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 (Some effects are just available with the Professional edition). We recommend that you use this type with larger size fonts, since the text might be difficult to read at small font sizes.

While all three text types support left, center, or right alignment, in Rich Text you can also have left-and-right justified text. You can convert Plain Text to Rich Text at any time. To do so, select the Plain Text frame, and then open the Modify menu (not the Modify button in the toolbar) and choose the Rich Text Formatting option.

Web Easy Working with Text • 73

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.

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.

Editing Text and Changing Text PropertiesTo edit text and change text properties such as font, font style, and font color, see “Editing Text Content,” “Changing Text Properties,” and “Changing Text Using the Rich Text Toolbar” in the online help.

Arranging Your Text in TablesWeb Easy allows you to easily create, edit, and format tables of text. For more details, see “Adding and Modifying Tables” in the online help.

74 • Working with Text Web Easy

Web Easy Working with Links • 75

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 to podcast. For more information, see “Adding Podcasting to Your Web Site” in the online help). 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.You also can use Web Easy to add a pop-up menu to a link. For more information, see “Adding a Pop-Up Menu to a Link” in the online help.Using a 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 program (Web Easy Professional only).

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

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

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.


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:

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 76 or “Creating a Link to Another Web Site or to Email” on page 77.

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.


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. 3. Click the Link button to display the Link dialog.

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 Working with Objects • 81

Working with Objects

OverviewWeb Easy 8 introduces web widgets and adds more interactive objects. You can add animations, forms, photo albums, YouTube® videos, and more. Web Widgets include tools for social networking, photo sharing, and bookmark sharing sites. The SendPhotos® widgets embed SendPhotos albums and PhotoFlows in your web page. The iPhone Redirection widget automatically detects if a reader accesses your web site with his iPhone™ or iPod Touch®. If you have created a site optimized for viewing on these screens, the reader has the option of going to the optimized site.

Types of ObjectsWeb Easy includes a selection of ready-to-use objects that you can insert into your web site. These objects range from simple design elements, such as colorful page dividers, to advanced elements such as forms, navigation bars, 3D motion designs, and gadgets.Web Easy provides many different types of objects, including the following:• Web Widgets, to add social networking, photo sharing, online video, and

interactive maps to your site.• Animations, to add running or blinking elements to your site.• Auto Links, to add specific navigation elements to your site. Web Easy

automatically calculates the number of pages in your document and creates a link to each page.

• Dividers, to organize your site into areas.• eShop, to add ecommerce and payment options to your site. (Web Easy

Professional only)

82 • Working with Objects Web Easy

• Forms, to interact with your site’s readers. • Gadgets, including ready-to-use items such as a calculator, date display, and

clocks, to add fun elements to your site.• Navigation, to add predesigned navigation elements to your site.• Search, to add search capability to your site.

Inserting ObjectsTo insert most objects, you drag them from File Browser onto your site.1. Click the Objects button on File Browser.

2. Double-click a folder to open it.3. Drag an object from File Browser to your web page.4. When the object is positioned, release the mouse button.Some objects require you to set parameters. These parameters vary depending on the object you’re inserting. For more information, click the Online Help button, located in the upper right corner of the Object Script Properties dialog.

Inserting Web WidgetsWeb Easy includes Web Widgets that you can use to link to photo albums, bookmark and social networking sites, maps, and videos. You must specify parameters when you insert Web Widgets. For example, to insert the Album on Flickr® widget, you must specify your user id and photo album location. Each widget includes different parameters for you to set. For more information about specific parameters, click the Online Help button, located in the upper right corner of the Object Script Properties dialog box.

Inserting an Album Widget1. Click the Objects button on File Browser.

Web Easy Working with Objects • 83

2. Double-click the WebWidgets folder to open it.3. Select an Album on widget.

This procedure demonstrates the Album on Flickr widget.4. Drag the widget to your web page.

The Object Script Properties dialog opens.

5. Double-click the User box and type your Flickr user id.6. Using your web browser, log in to your Flickr account.7. Click the You link, located below the flickr logo in the top left corner of the

page.

8. Select Your Sets.9. Click the set to share on your web site.10. Click the Share This link, located below the Search box in the upper right

corner of the page.

84 • Working with Objects Web Easy

11. Click Grab the link.12. In the Here’s a link to this set. Just copy and paste! box, copy the part of

the link between the last two slashes.For example, the entire link might be:http://www.flickr.com/photos/60343098@N00/sets/72157604348994720/

You would copy:72157604348994720

13. Return to Web Easy.14. In the Object Script Properties dialog box, double-click the Album Photo Set

ID box. 15. Select the default text and paste the link you copied in step 12.16. To change the Width or Height, double-click the boxes and type new values.17. To display a border around your album, click the Show Border box.18. Click OK to insert the widget.

Web Easy Index • 85

Index

Aactivity center 15adding

images 65, 66page background 54pages 54text 73

adjustinglayer positions 61

aligning text 72animations 81Art Online 11auto links 81Bbackgrounds

color 54blank document 39Ccalendar 82changing

layer positions 61

clipartadding 65, 66finding 11rotating 68

colorbackgrounds 54custom 64shadows 63

copying items 60cue cards 8custom colors 64cutting items 60Ddeleting

links 80pages 56text 73

dividers 81documents

navigating 50pages 54

86 • Index Web Easy

previewing 51templates 39web site assistant 43

EeShop 81FFile Browser 7, 16

adding 3forms 81Ggadgets 81graphics text 72grouping items 59Hhandles

sizing items 58help

Inspector 5online 19tutorial 21

home page 78Iimages

adding 65, 66finding 11placeholders 67, 68rotating 68

insertingpages 54

Inspector 5installing the program 2

interactive tutorial 21iPhone 81iPod Touch 81items

copying 60cutting 60grouping 59layer positions 61moving 58pasting 61selecting 57shadows 63sizing 58

Jjustifying text 72Llayer positions 61links

deleting 80email 77external 77internal 76site map assistant 78testing 78to another web site 77within a web site 76

Mmaps 82menu bar 5moving items 58

Web Easy Index • 87

Nnavigating

documents 50web sites 75

navigation 81new document 39OObject Script Properties di-alog 82objects 81

inserting 82online help 19Ppages

adding 54background 54deleting 56dividers 81sizing 55

pasting items 61photo albums 82photos 82pictures

adding 65, 66finding 11rotating 68

placeholders for images 67, 68plain text 72previewing 51primary page 78

Rremoving

links 80pages 56text 73

resizingitems 58pages 55

rich text 72rotating images 68Ssearch 81selecting items 57SendPhotos 81shadows 63site map assistant 78sizing

items 58pages 55

slideshows 82status bar 8support, technical 89Ttechnical support 89templates for documents 39text

adding 73alignment 72deleting 73types 72

toolbars 5

88 • Index Web Easy

tutorial 21, 23Uupdates 2Vvideos 82Wweb site assistant 43web widgets 81

inserting 82widgets 81

inserting 82workspace 7

Web Easy Contacting Technical Support • 89

Contacting Technical Support

If you're having difficulty using the program, our trained technical support staff is ready to help.For answers to frequently asked questions (FAQs), troubleshooting tips, and information about your technical support options, go to the support section of our web site:http://www.avanquest.com/UK/aq-you/support

You can also look in the user guide and the program help in the Help menu of your program to find answers to your questions.

http://www.avanquest.com/USA/aq-you/support

90 • Contacting Technical Support Web Easy

Web Easy Contacting Technical Support • 91

Web Easy Professional 8 Manual

Documents

avanquest north america

saturation control scrollbar

site map assistant

additional disk space

learning web easy

exploring web easy

web site assistant

web easy starts