Web Easy Professional 8 Manual

Getting Started Guide
www.avanquest.com/UK/
Web Easy Professional Copyright 20032009 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
Contents
Installing Web Easy 1
Introduction..............................................................................................1 Installing Web Easy .................................................................................2 Starting Web Easy....................................................................................2 Getting Updates .......................................................................................2
Exploring Web Easy
Overview..................................................................................................3 Using the Web Easy Tools .....................................................................10 Where to Find Clipart, Images, and More .............................................11
Learning Web Easy
13
Overview................................................................................................13 Understanding Web Sites.......................................................................14 Using the Activity Center ......................................................................15 Using File Browser to Select Files ........................................................16
Getting Help
19
Overview................................................................................................19 Using Online Help .................................................................................20 Using the Web Easy Assistants..............................................................20 Viewing and Printing the Users Guide .................................................21 Using the Interactive Tutorial ................................................................21
Web Easy
Contents iii
Making a Web Site: A Tutorial
23
Overview................................................................................................23 Selecting a Template ..............................................................................24 Customizing the Web Site Document ....................................................27 Previewing Your Site .............................................................................31 Building the Web Site ............................................................................32 Publishing the Web Site .........................................................................33 Summary ................................................................................................37
Using a Template
39
Overview................................................................................................39 Step 1: Open a New Document..............................................................40 Step 2: Choose a Template.....................................................................41 Step 3: Edit and Save the Document......................................................42
Using Web Site Assistant
43
Overview................................................................................................43 Creating a Web Document Using the Web Site Assistant .....................43
Viewing Your Document
49
Overview................................................................................................49 Moving Around in Your Document .......................................................50 Previewing Your Document in a Browser .............................................51
Adding and Changing Pages
53
Overview................................................................................................53 Adding a Page ........................................................................................54 Adding a Page Background ...................................................................54 Changing the Size of Your Page ............................................................55 Deleting a Page ......................................................................................56
iv Contents
Web Easy
Adding and Editing Items
57
Overview................................................................................................57 Selecting Items.......................................................................................57 Moving an Item......................................................................................58 Resizing an Item ....................................................................................58 Grouping Items ......................................................................................59 Cutting Items..........................................................................................60 Copying Items........................................................................................60 Pasting an Item.......................................................................................61 Changing the Layer Position of Items ...................................................61 Adding a Shadow to an Item..................................................................63 Choosing a Custom Color......................................................................64
Inserting and Editing Images
65
Overview................................................................................................65 Adding an Image Using Drag and Drop ................................................65 Adding an Image by File Name .............................................................66 Replacing a Placeholder with an Image.................................................67 Changing an Image to a Placeholder .....................................................68 Modifying Images..................................................................................68
Working with Text
71
Overview................................................................................................71 Types of Text..........................................................................................72 Inserting a Text Frame and Text ............................................................73 Deleting a Text Frame............................................................................73 Editing Text and Changing Text Properties ...........................................73 Arranging Your Text in Tables...............................................................73
Working with Links
75
Overview................................................................................................75 Creating a Link Within Your Web Site ..................................................76 Creating a Link to Another Web Site or to Email..................................77 Viewing Links Using the Site Map Assistant ........................................78 Removing a Link From Your Web Site..................................................80
Web Easy
Contents v
Working with Objects
81
Overview................................................................................................81 Types of Objects ....................................................................................81 Inserting Objects ....................................................................................82 Inserting Web Widgets...........................................................................82
Index Contacting Technical Support
85 89
vi Contents
Web Easy
Installing Web Easy

Introduction
Using 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 users 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.
Web Easy Installing Web Easy 1
Installing Web Easy

Before installing Web Easy, close all open programs. Insert the Web Easy CD into your CD drive. If you downloaded Web Easy, doubleclick the .EXE file. Follow the on-screen instructions to complete the installation. If the Installer doesnt start automatically from the CD, follow these steps: 1. 2. 3. 4. 5. Click the Windows Start button and choose Run. Click Browse to locate and select the Install.exe file on the program CD or on your computer. Click Open. Click OK. 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 Easy

To 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 Updates
Periodically, 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.
2 Installing Web Easy
Web Easy
Exploring Web Easy

Overview
When 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 Easys File Browser at the bottom of the screen by opening the View menu and selecting File Browser.
Taskbar
The Taskbar column at the left of the screen displays either the Home taskbar or the Edit Taskbar, depending on what youre 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 Taskbar When 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.
Web Easy
Exploring Web Easy 3
The Edit Taskbar After you design or open a document, the Edit Taskbar contains Toolbars that allow you to work with items in your document. It provides options to edit pages, images, text, and shapes, or 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.
4 Exploring Web Easy
Web Easy
Menu Bar
The menu bar contains the menus. Click a menu heading to display a list of options. Choosing an option performs an action, displays a dialog, or opens another list of options.
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.
Toolbars
A toolbar is a set of buttons, arranged horizontally below the menu bar. The button clicked in the taskbar controls which toolbar appears. In addition, as you select items in your workspace, the appropriate taskbar automatically appears. To display a toolbar, click the corresponding button in the taskbar. For example, in the Edit Taskbar, click Image, and the Edit Image toolbar appears along the top of the screen.
Clicking a button either performs an immediate action or displays a dialog. If there is a small downward-pointing triangle beside a toolbar button, click it to display a list of further options for the tool. Choosing an option from a menu can also perform most toolbar actions. However, not every menu option has a corresponding toolbar button. For a view of all toolbars see Home Taskbar and Toolbars and Edit Taskbar and Toolbars in the online help.
Using the Inspector

The Inspector is a window that lets you view and edit properties about the item you currently have selected. To open the Inspector, click the View menu and choose Inspector. The keyboard shortcut is CTRL+K.
Web Easy
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, youre 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.
6 Exploring Web Easy Web Easy
Workspace
The workspace is the large area where you work on your document. Its 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 Browser
The File Browser displays the contents of the currently selected folder or catalog. It is continuously open, however it can be minimized to save screen space when you arent using it. If Web Easys File Browser isnt 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.
Web Easy
Navigation Tools
The navigation tools appear in the top right corner of the toolbar and are permanently displayed. Use them to navigate within the current document to specific pages or to the previous and next page.
Previous page Go to page Next page Help
Zoom
The Zoom button enables you to view the document at different magnifications so you can work at the appropriate document size. Click the Zoom button and select a zoom option.
Cue Cards
Many features display a Cue Card dialog that provides you with information on the next step. To prevent a specific Cue Card from appearing, uncheck the Show again box. To make the Cue Cards appear again (or turn off all cue cards), open the Tools menu and choose Options. Then, in the General page check the Show cue cards box (or uncheck the box to turn off all cue cards).
Status Bar
The Status bar displays information about selected items or about the tasks Web Easy 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.
Web Easy
The right side of the status bar displays position on the page of the selected items 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.
Web Easy
Using the Web Easy Tools

You can use the tools in Web Easy by clicking a toolbar button or choosing a menu option
Clicking a Button on a Toolbar

1. 2. Click a category button to display a Taskbar. For example, click the Edit button to display the Edit Taskbar. Click a button on the Taskbar to display the related Toolbar. For example, click the Page button to display the Edit Page Toolbar.
3.
Click a button in the toolbar. For example, click the Insert button to insert a page.
Choosing a Menu Option

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

Web 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.
10 Exploring Web Easy 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.
Where to Find Clipart, Images, and More

In 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, youre 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 CDdrive. When the introductory installation message appears, click Exit. In Web Easys 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 Avanquests 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 youre asked to enter your email and password from when you registered Web Easy.
Web Easy
Web Easy
Learning Web Easy

Overview
Web Easy is an easy-to-learn web design program. Even beginners can create web sitesboth regular HTML and dynamic HTML web sites. As you become familiar with Web Easy, we encourage you to take advantage of Web Easys 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.
Web Easy
Learning Web Easy 13
Understanding Web Sites

Web sites are formatted using HyperText Markup Language (HTML) commands. A typical web site consists of a number of web pages, each of which contains text and images. Some also include sound and video. Web pages typically contain links to other pages within the site, as well as links to other web sites. You dont need to know or understand HTML when using Web Easyit 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 anyones computer. For more information, see Creating a Dynamic Web Site in the online help.
Advanced Web Site Features

Advanced 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 Easys 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.
14 Learning Web Easy
Web Easy
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 Center

The Activity Center provides you with a handy choice of activities to get you started quickly. With experience, youll 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 youve 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.
Web Easy
Avanquest Preferred Web Hosting You can simplify publishing your web site by using Avanquests 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 Files

File Browser makes it easy to find, display, and select files. The process of inserting items into your document is simplified as File Browser displays graphic thumbnails of your files, and you just drag and drop them onto your documents. It supports over 150 file formats including images, web files, animations, audio, video, and documents.
Tree Pane
Display Pane
Location Bar
To add Web Easys File Browser at the bottom of the screen, if its not already visible, open the View menu and choose File Browser.
Web Easy
To Locate Items Using File Browser There are several ways to locate, view, and select items using File Browser. Click a button on the Location bar, such as Photos. A group of folders appear in the Display pane. Double-click a folder to view the photos within it. Similar to a web browser, use the left and right arrow buttons to move among previous selections.
Back Forward Up One Level
Click the Up One Level button to move up to the parent folder. Click the Folders button to view folders in the Tree pane. Browse through the folders on your computer and click a folder to display its contents in the Display pane.
Click the Favorites button or the History button and browse through the previously viewed folders. Type the path to your images in the Address box window. For example: C:\My Documents\My Photos\Products
As you browse, you can drag-and-drop items from the Display pane onto your document. You can also use File Browser to set up favorite locations, organize files and folders, change the sort order, or select the thumbnail sizes. For more information, see to the online help.
Changing the Size of File Browser

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

The viewing options buttons in the Location bar give you control over how File Browser accesses and displays folders and files.
File Properties 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 on File Browser, see the online help.
Web Easy
Getting Help
Overview
Web Easy provides several tools to help you learn the program. These tools include context-sensitive online help; a searchable, printable users guide; Web Easys Activity Center and Assistants; and an interactive tutorial. For help with advanced techniques, and for assistance with other activities not covered in this users 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.
Web Easy
Getting Help 19
Using Online Help

To 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 dont 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 Assistants

The 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.
20 Getting Help
Web Easy
Viewing and Printing the Users Guide

The users guide is installed with the program in Adobe Acrobat format. If there isnt enough room on your computer to install the users guide, you can open the .pdf file for the users guide in the Users Guide folder on the program CD. To view or print the users 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 wont be able to view or print the users 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 users guide, open the Help menu and choose Manual. To print all or part of the users 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 Tutorial

Learn 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 stepby-step through the activity. You can use the Tutorial to learn how to design a web site, publish a web site, create a slideshow, and more. To Use the Interactive Tutorial 1. Open the Help menu and choose Interactive Tutorial to open the Tutorial window.
Web Easy
Getting Help 21
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 youve completed each step. 4. 5. Continue the steps until youve completed the activity. Click Go Back to return to the main Tutorial page after youve completed the activity.
22 Getting Help
Web Easy
Making a Web Site: A Tutorial

Overview
This tutorial walks you through creating a customized nature-photo web site in a matter of minutes. Youll 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.
Web Easy
Making a Web Site: A Tutorial 23
Selecting a Template
To begin our sample web site, open Web Easy. If you havent 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.
24 Making a Web Site: A Tutorial
Web Easy
4.
Select Plain. This is a six-page template, which youll 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. 7.
Use the default storage location for your new web site but change the name to Nature. Click Next.
Youre 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, youll 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.
Web Easy
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.
Web Easy
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 Document

As you customize this web site, youll edit some text, change the background, change a photo, navigate the pages, and add a stencil.
Editing a Text Field

1. 2. Double-click on the word Title above the main photo. A white edit box appears. Type the word Nature. Youll 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. Well skip the text frames on other pages for this tutorial.
Changing the Background

The background is a bit dark on this template, so this is a great time to see how easy it is to dramatically change the look of your site with a few clicks. You can choose from many custom backgrounds included with Web Easy. 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.

Web Easy Making a Web Site: A Tutorial 27
2.
Scroll down the folders list on the left side of File Browser and choose the Vertical folder. Youll see a number of thumbnails of possible backgrounds. Click the first thumbnail b02back02.gif and, while holding the mouse button down, drag the image to the workspace. 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.
3. 4.
5.
Open the Modify menu and choose Background to open the Page Background Settings dialog.
6. 7.
Click Gradient. Click OK to see the background change immediately on the page.
You can set the background to any fixed color, a gradient with any two colors and directions, or a texture. You can also choose to set the background for all pages.
Web Easy
Changing a Photo
Next youll change a photo on this page, using the File Browser. If the File Browser isnt 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.
Choose the Flowers folder.
Choose the fifth photo.
2. 3. 4.
Click the Flowers folder. Left-click the fifth flower photo p10205.jpg and, while holding the mouse button down, drag the image to the top, smaller picture. Release the mouse button.
As you drag across other pictures, each picture shows its framing buttons. You can experiment replacing other pictures or press CTRL-Z to undo a selection.
Navigating the Pages

Use the navigation controls to move to other pages of your document.
Previous page Go to page Next page Zoom Help
1. 2.
Click the Go to page icon to list all the pages by name. Choose home.
Web Easy
Adding a Stencil
Use stencils to add a professional touch to your web site with a few mouse clicks. 1. Click the double-arrow button in the upper-right corner of File Browser and choose Stencils from the list.
Choose Stencils from the list.
Choose the Oval folder.
Choose the third stencil.
The stencil folders include a wide range of border and wash effects. 2. 3. 4. Click the folder labeled Oval to view various oval effects. Click on the third thumbnail sofade02 and, while holding the mouse button down, drag the effect on top of the lower picture. Release the mouse button.
Web Easy
Previewing Your Site

1. 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 wouldve spent a little time adding real text to the site that fits your needs.
4.
Close the browser and return to Web Easy.
Web Easy
Building the Web Site

1. 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.
Web Easy
Publishing the Web Site

Now to publish your web site on the Internet. 1. 2. Click the Home button to display the Home Taskbar. Click the Publish button to open a Cue Card explaining more about publishing. Click the Use Avanquests preferred Web Hosting service option to open the Web Easy Publisher wizard.
3.
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. 6. 7. 8.
Click Next. In the Email address box, type your email address. Web Easy sends an email message to the address you typed. Open your email program and retrieve the message. Click the link in the message to open your web browser. Follow the on-screen instructions to validate your email address.
Web Easy
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.
Web Easy
14. Select the Nature option.
15. Click Next to upload your web site to the web host.
Web Easy
16. When the site has been uploaded, click View Site Now.
17. Return to the Web Easy Publisher wizard and click Finish.
Web Easy
Summary
Youve 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
Web Easy
Using a Template
Overview
Web 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.
Web Easy
Using a Template 39
Step 1: Open a New Document

1. 2. Click the Home button to display the Home Taskbar. 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).
40 Using a Template
Web Easy
Step 2: Choose a Template

1. 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. 4.
Browse the different templates until you find the one that you want. 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).
Web Easy
Using a Template 41
Step 3: Edit and Save the Document

1. 2. 3. 4. 5. Replace the images in the image placeholders with your own images (see Inserting and Editing Images on page 77). Replace the text with your own text (see Working with Text on page 85). Change the page background, if desired (see Adding a Page Background on page 65). Click the Home button to display the Home Taskbar. 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.
42 Using a Template
Web Easy
Using Web Site Assistant

Overview
The 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 Assistant

The 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)
Web Easy
Using Web Site Assistant 43
Step 1: Opening the Web Site Assistant

1. 2. Click the Home button to display the Home Taskbar. 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.
44 Using Web Site Assistant
Web Easy
Step 2: Selecting a Template

1. 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. 3. 4. Click a template name on the left to view a preview of the template on the right. Click the navigation buttons below the preview to view different pages of the template. Click Next to continue to Step 3: Naming Your Document and Choosing a Storage Folder (see page 46).
Web Easy
Step 3: Naming Your Document and Choosing a Storage Folder

Use 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 Browse Documents\Web Easy\Documents folder, ending the file name in .alb. If you prefer, you can type the new folders 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).
Web Easy
Step 4: Selecting the Images for Your Document

Replace the placeholders in the template with your own images.
If desired, you can skip this step and add your images later. 1. 2. 3. 4. Click the Browse button above the list of image files to find the folder where your images are stored. Make sure that Image files is selected next to Type of files in the browse dialog. Click Open. 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. 7. 1. Click Next to continue. Click Next to continue to Step 5: Changing Your Web Site Text (see page 47). 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.
Step 5: Changing Your Web Site Text
Web Easy
Repeat this process for each of the remaining text entries. 2. 1. Click Next to continue to Step 6: Adding Finishing Touches (see below). 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.
Step 6: Adding Finishing Touches
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 Easys File Browser at the bottom of the screen, if its 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

Overview
You can navigate through the pages of your document and preview your document in a web browser.
Web Easy
Viewing Your Document 49
Moving Around in Your Document

Web 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.
Previous page Go to page Next page Zoom Help
Click Next page to move to the Next page in the document. Click Previous page to move to the Previous page in the document. Click Go to page to display a list of the pages in your document. If youve 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 cant be used if you are at the first or last page of your document.
50 Viewing Your Document
Web Easy
Previewing Your Document in a Browser

Web 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 Document

1. 2. 3. Click the Home button to display the Home Taskbar. Click the Build button to display the Build Toolbar. 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. 5. Choose an option to preview your web site in a web browser. 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.
Web Easy
Viewing Your Document 51
52 Viewing Your Document
Web Easy
Adding and Changing Pages

Overview
You can add and delete pages from your document. Each page can have the same or different backgrounds. You can also change the viewing size of the pages.
Web Easy
Adding and Changing Pages 53
Adding a Page
1. 2. 3. Click the Edit button to display the Edit Taskbar. Click the Page button to display the Edit Page Toolbar. 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 Background

You can add a variety of backgrounds to your pages, including plain colors, gradients, and textures.
Adding a Background Color, Gradient, or Texture

1. 2. Click the Edit button to display the Edit Taskbar. Click the Page button to display the Edit Page Toolbar.
Web Easy
54 Adding and Changing Pages
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. 6. Check the All Pages box if you want the background to be applied to all of the pages in the document. Click OK.
Changing the Size of Your Page

The size option affects every page in your document. 1. 2. Click the Edit button to display the Edit Taskbar. Click the Page button to display the Edit Page Toolbar.
Adding and Changing Pages 55
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. 6. 7.
Check the Refit items box to rearrange the items to fit the new page size. Check the Refit proportionally box to maintain the proportions of the objects. Click OK.
Deleting a Page
The option to delete a page is only available if your document has more than one page. There is no undo for this option, so make sure that you really want to delete the page. 1. 2. 3. 4. Display the page to be deleted. Press ESC to make sure that no items are selected. Open the Modify menu and choose Delete Page to display a confirmation message. Click OK to delete the page and return to the previous page.
56 Adding and Changing Pages
Web Easy
Adding and Editing Items

Overview
You can work with three main types of items in your documents: images, text, and shapes. This section discusses features that apply to all three. The following sections discuss specific tasks that can only be performed on a particular type of item.
Selecting Items
Before you can edit an item in your document, you need to select it. Select an item by clicking it using the left mouse button. The item is selected if the square sizing handles appear on the corners and sides of the item.
To cancel the selection, click somewhere else on the document. You can select more than one item at a time and edit them simultaneously. To select every item on a page, open the Edit menu and choose Select All. Change your selection by clicking a different item, or press TAB to switch between the items.
Web Easy
Adding and Editing Items 57
To Select Several Items 1. 2. 3. Click an item. Hold down the SHIFT key and click another item. 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 Item
1. 2. 3. Select the item you want to move. Click and drag the item to the new position. An outline of the item appears to show you its moved position. Release the mouse button to drop the item in its new position.
Resizing an Item
You can resize an item by dragging a sizing handle. When you drag a sizing handle on a text frame, you resize the text frame, not the text. To size the text along with the text box, hold down the ALT key while resizing.
Using the Size and Position Dialog

1. 2. 3. Select the item that you want to resize. Click the Edit button to display the Edit Taskbar. Click the Image button to display the Edit Image Toolbar.
4.
Click the Size button to display the Image Size and Position dialog.
58 Adding and Editing Items
Web Easy
5. 6.
Check the Keep aspect ratio box to maintain the images proportions as you resize it. 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 Items
Two or more items can be grouped together so that they can move together like a single item. You can edit grouped items, simultaneously editing all the items that are in the group.
When group of items is selected, diamond-shaped sizing handles appear on the corners and sides. You can use these handles to resize or rotate the group. Clicking an item in a group switches the handles between diamond-shaped for group selection and square-shaped for individual selection. When the handles are diamonds, you can edit the entire group. When the handles are squares, you can edit the individual item.
Web Easy
To Group Items 1. 2. Click the Edit button to display the Edit Taskbar. Click the Arrange button to display the Arrange Items Toolbar.
3. 4.
Select the items to be grouped. 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 Items
Cutting an item removes it from its current position and places it onto the Windows clipboard. The item can then be pasted into a different position. To Cut an Item 1. Click the Edit button to display the Edit Taskbar.
2. 3.
Select the item to be cut. Click the Cut button.
You can also open the Edit menu and choose Cut to cut a selected item.
Copying Items
Copying an item places it onto the Windows clipboard. An identical item can then be pasted into another position. Unlike cutting, copying does not remove the item from its original position. To Copy an Item 1. Click the Edit button to display the Edit Taskbar.
Web Easy
2. 3.
Select the item to be copied. Click the Copy button.
You can also open the Edit menu and choose Copy to copy an item.
Pasting an Item
Pasting takes a Windows clipboard item and places it in your document. To Paste an Item 1. Click the Edit button to display the Edit Taskbar.
2. 3.
Click the Paste button. 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 Items

Items on a page are arranged in layers. The first item you place on a page is on the bottom layer and the most recently placed item is on the top. If you drag one item over another, the uppermost layer covers the other. You can rearrange the way the layers are stacked. You can take an item and send it forward or back one layer, or send it to the front or the back of the entire group.
To Layer Items
1. 2. Click the Edit button to display the Edit Taskbar. Click the Arrange button to display the Arrange Items Toolbar.
3. 4.
Select the item to be moved forward or backward. 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.
Web Easy
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.
Web Easy
Adding a Shadow to an Item

1. 2. Click the Edit button to display the Edit Taskbar. Click the Image button to display the Edit Image Toolbar.
3. 4.
Select the item. Click the Shadow button to display the Shadow dialog.
More Colors Button
5. 6.
Check the Display shadow box to enable a shadow. To turn off a previously set shadow, uncheck the box. 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 shadows 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.
Web Easy
Choosing a Custom Color

1. 2. Click the More Colors button to display the color selection box. Click the Color button at the top of the color selection box to display the Color dialog. TIP: Hold down SHIFT and click the More Colors button as a shortcut to go directly into the Color dialog.
Color Button
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. 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. 7. Click in the color palette to the right to choose a color. 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.
Web Easy
Inserting and Editing Images

Overview
You can add and delete images from your document. Replace the placeholders in a template with your own images, or turn your own image into a placeholder. An image can be rotated, cropped, framed, and have other effects applied to it.
Adding an Image Using Drag and Drop

1. Click the Photos button in the File Browser or another folder that has your desired image. To add Web Easys File Browser at the bottom of the screen, if its not already visible, open the View menu and choose File Browser.
2. 3.
Click the thumbnail of the desired image and hold the button down. Drag the image to your document and release the button.
Web Easy
Inserting and Editing Images 65
Adding an Image by File Name

3.
Click the Insert button and choose Image to open the Choose Image dialog.
4. 5.
Locate one of the many images available within Web Easy, on the Web Easy CD, or select one of your own. 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 arent adjacent.
6. 7.
Click Open. The cursor changes to an insert image icon. 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.
66 Inserting and Editing Images
Web Easy
Replacing a Placeholder with an Image

Many 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. 2. 3. 4. Click the Edit button to display the Edit Taskbar. Click the Image button to display the Edit Image Toolbar. Click the placeholder that you want to replace with an image. Click the Modify button and choose Replace image from the drop-down list to open the Choose Image dialog.
5. 6.
Browse for an image, and click the file name to select the image. A preview of the image appears on the right. 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.
Web Easy
Changing an Image to a Placeholder

If you no longer want to use an image, but you want to save its size and position for another image, use the Clear Image feature. 1. 2. 3. 4. Click the Edit button to display the Edit Taskbar. Click the Image button to display the Edit Image Toolbar. Click the image to select it. 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 Images
You can rotate and crop your images, as well as adding a menu of links to them.
Rotating an Image Using Your Mouse

1. Select the image. 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. 2. 3. Click and drag the turning handle to rotate the image. While being rotated, the image appears in low resolution. 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.
Web Easy
Cropping an Image
3. 4.
Select the image to be cropped. 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. Click OK.
6.
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 Image

You 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
Web Easy
Working with Text

Overview
Text 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 doesnt fit into the text frame wont 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.
Web Easy
Working with Text 71
Types of Text
There are three types of text frames you can choose from: Plain Text, Rich Text, and Graphic Text. All of these can use your choice of fonts, styles, sizes, colors, and more. Plain Text uses the same style for all the text within the plain text frame. You can choose different fonts, bold, italics or colors, but it applies to all the text in that frame. This is the most efficient text type. Rich Text allows different styles of text to appear in the same frame. You can also create web links within the frame. The Rich text toolbar lets you create bullets, numbered lists, indents, create and change tables, and more. You can select text and use standard shortcuts for creating bold (CTRL-B), italics (CTRL-I), and underlined (CTRL-U) text. Graphics Text is used for unusual text effects such as filling the font face with gradients or textures (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.
72 Working with Text
Web Easy
Inserting a Text Frame and Text

When you insert new text, you open a new text frame. 1. 2. Click the Edit button to display the Edit Taskbar. Click the Text button to display the Edit Text Toolbar.
3. 4. 5.
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. Click on the page in the location where you want to place the new text. Type your text.
After you finish, click anywhere on the workspace outside the text frame.
Deleting a Text Frame

1. 2. Click once on the text frame to select it in Object mode. Dont double-click the text frame. Press the DELETE key on your keyboard, or open Edit menu and choose Delete.
Editing Text and Changing Text Properties

To 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 Tables

Web Easy allows you to easily create, edit, and format tables of text. For more details, see Adding and Modifying Tables in the online help.
Web Easy
Working with Text 73
74 Working with Text
Web Easy
Working with Links

Overview
Web 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 youve 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).
Web Easy
Working with Links 75
Creating a Link Within Your Web Site

1. 2. Click the Edit button to display the Edit Taskbar. Select the item to which you want to add the link.
3.
Click the Link button to display the Link dialog.
4. 5.
Click the Document Navigation tab. 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.
76 Working with Links
Web Easy
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 users email software opens with the email address already displayed. 1. 2. Click the Edit button to display the Edit Taskbar. 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 its addressed to. 5. Click OK. Make sure that you type the URL or email address correctly. If its wrong, the link wont work.
Web Easy
Viewing Links Using the Site Map Assistant

The Site Map Assistant makes it easy to keep track of the links in your document. It lets you quickly view the links to and from each page. 1. 2. Click the Edit button to display the Edit Taskbar. 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.
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.
The following icons are used to represent the pages:
You cant 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.
78 Working with Links Web Easy
Viewing the Links from a Selected Page

1. 2. 1. 2. Right-click the page in the left pane. Choose Show Links from page to see the links from the page. Right-click the page in the left pane. Choose Set page as Primary Page to make this page appear first when you view your web site. Click the page icon in the left pane. Click Show Document Page button above the left pane to load the selected page behind the dialog. 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. 3. 4. 1. Click the Modify Link button above the right pane to open the Link dialog. Make the necessary change. Click OK to accept the change. Click the link in the right pane. To select several links for editing, hold the CTRL key down and click on the pages you want to add to the selection. 2. Click the Remove Link button above the right pane. Deleted links can be restored as long as the Site Map Assistant is open.
Setting the Primary (Home) Page of the Web Site
Loading a Page
1. 2.
Changing a Link
1.
Removing a Link
Restoring a Deleted Link

1. Click the deleted link in the right pane. To select several links for editing, hold the CTRL key down and click on the pages you want to add to the selection. 2. Click the Restore Removed Link button above the right pane to restore the selected links to their initial definition.
Web Easy
Showing the Link on the Document Page

1. 2. Click the link in the right pane. 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. 2. 3. Click the Edit button to display the Edit Taskbar. Select the item from which you want to remove the link. Click the Link button to display the Link dialog.
4. 5.
Click the arrow at the right of the Link Type box and select None to remove a previously set link. Click OK.
80 Working with Links
Web Easy
Working with Objects

Overview
Web 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 Objects
Web 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)
Working with Objects 81
Web Easy
Forms, to interact with your sites 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 Objects
To insert most objects, you drag them from File Browser onto your site. 1. Click the Objects button on File Browser.
2. 3. 4.
Double-click a folder to open it. Drag an object from File Browser to your web page. When the object is positioned, release the mouse button.
Some objects require you to set parameters. These parameters vary depending on the object youre inserting. For more information, click the Online Help button, located in the upper right corner of the Object Script Properties dialog.
Inserting Web Widgets

Web 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 Widget

1. Click the Objects button on File Browser.
Web Easy
82 Working with Objects
2. 3. 4.
Double-click the WebWidgets folder to open it. Select an Album on widget. This procedure demonstrates the Album on Flickr widget. Drag the widget to your web page. The Object Script Properties dialog opens.
5. 6. 7.
Double-click the User box and type your Flickr user id. Using your web browser, log in to your Flickr account. Click the You link, located below the flickr logo in the top left corner of the page.
8. 9.
Select Your Sets. 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.
Web Easy
Working with Objects 83
11. Click Grab the link. 12. In the Heres 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.
84 Working with Objects
Web Easy
Index
A activity center 15 adding images 65, 66 page background 54 pages 54 text 73 adjusting layer positions 61 aligning text 72 animations 81 Art Online 11 auto links 81 B backgrounds color 54 blank document 39 C calendar 82 changing layer positions 61
Web Easy
clipart adding 65, 66 finding 11 rotating 68 color backgrounds 54 custom 64 shadows 63 copying items 60 cue cards 8 custom colors 64 cutting items 60 D deleting links 80 pages 56 text 73 dividers 81 documents navigating 50 pages 54
Index 85
previewing 51 templates 39 web site assistant 43 E eShop 81 F File Browser 7, 16 adding 3 forms 81 G gadgets 81 graphics text 72 grouping items 59 H handles sizing items 58 help Inspector 5 online 19 tutorial 21 home page 78 I images adding 65, 66 finding 11 placeholders 67, 68 rotating 68 inserting pages 54 Inspector 5 installing the program 2
86 Index
interactive tutorial 21 iPhone 81 iPod Touch 81 items copying 60 cutting 60 grouping 59 layer positions 61 moving 58 pasting 61 selecting 57 shadows 63 sizing 58 J justifying text 72 L layer positions 61 links deleting 80 email 77 external 77 internal 76 site map assistant 78 testing 78 to another web site 77 within a web site 76 M maps 82 menu bar 5 moving items 58
Web Easy
N navigating documents 50 web sites 75 navigation 81 new document 39 O Object Script Properties dialog 82 objects 81 inserting 82 online help 19 P pages adding 54 background 54 deleting 56 dividers 81 sizing 55 pasting items 61 photo albums 82 photos 82 pictures adding 65, 66 finding 11 rotating 68 placeholders for images 67,
68
plain text 72 previewing 51 primary page 78

Web Easy
R removing links 80 pages 56 text 73 resizing items 58 pages 55 rich text 72 rotating images 68 S search 81 selecting items 57 SendPhotos 81 shadows 63 site map assistant 78 sizing items 58 pages 55 slideshows 82 status bar 8 support, technical 89 T technical support 89 templates for documents 39 text adding 73 alignment 72 deleting 73 types 72 toolbars 5
Index 87
tutorial 21, 23 U updates 2 V videos 82 W web site assistant 43 web widgets 81 inserting 82 widgets 81 inserting 82 workspace 7
88 Index
Web Easy
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.
Web Easy
Contacting Technical Support 89
90 Contacting Technical Support
Web Easy
Web Easy
Contacting Technical Support 91

Web Easy Professional 8 Manual

Încărcat de

Informații document

Descriere originală:

Drepturi de autor

Formate disponibile

Partajați acest document

Partajați sau inserați document

Opțiuni de partajare

Vi se pare util acest document?

Este necorespunzător acest conținut?

Drepturi de autor:

Formate disponibile

Web Easy Professional 8 Manual

Încărcat de

Drepturi de autor:

Formate disponibile

Getting Started Guide

Exploring Web Easy

Learning Web Easy

Making a Web Site: A Tutorial

Using Web Site Assistant

Viewing Your Document

Adding and Changing Pages

Adding and Editing Items

Inserting and Editing Images

Working with Text

Working with Links

Working with Objects

Index Contacting Technical Support

Installing Web Easy

Installing Web Easy

Starting Web Easy

2 Installing Web Easy

Exploring Web Easy

Exploring Web Easy 3

4 Exploring Web Easy

Using the Inspector

Exploring Web Easy 5

Exploring Web Easy 7

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)

8 Exploring Web Easy

Exploring Web Easy 9

Using the Web Easy Tools

Clicking a Button on a Toolbar

Choosing a Menu Option

Selecting Items Using the Arrow Buttons

Where to Find Clipart, Images, and More

Exploring Web Easy 11

12 Exploring Web Easy

Learning Web Easy

Learning Web Easy 13

Understanding Web Sites

Dynamic Web Sites

Advanced Web Site Features

Creating a Web Site

14 Learning Web Easy

Creating a Dynamic Web Site

Using the Activity Center

Learning Web Easy 15

Using File Browser to Select Files

16 Learning Web Easy

Changing the Size of File Browser

Learning Web Easy 17

Setting View Options

For more information on File Browser, see the online help.

18 Learning Web Easy

Using Online Help

Using the Web Easy Assistants

Viewing and Printing the Users Guide

Using the Interactive Tutorial

Making a Web Site: A Tutorial

Making a Web Site: A Tutorial 23

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

Click the Hobbies and Events tab.

24 Making a Web Site: A Tutorial

26 Making a Web Site: A Tutorial

Customizing the Web Site Document