Professional Documents
Culture Documents
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
Overview..................................................................................................3 Using the Web Easy Tools .....................................................................10 Where to Find Clipart, Images, and More .............................................11
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
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
43
Overview................................................................................................43 Creating a Web Document Using the Web Site Assistant .....................43
49
Overview................................................................................................49 Moving Around in Your Document .......................................................50 Previewing Your Document in a Browser .............................................51
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
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
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
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
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
81
Overview................................................................................................81 Types of Objects ....................................................................................81 Inserting Objects ....................................................................................82 Inserting Web Widgets...........................................................................82
85 89
vi Contents
Web Easy
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
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.
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.
Web Easy
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
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.
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.
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.
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
3.
Click a button in the toolbar. For example, click the Insert button to insert a page.
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
Web Easy
Web Easy
Web Easy
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.
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.
Web Easy
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.
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
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.
20 Getting Help
Web Easy
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
Web Easy
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.
3.
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.
Making a Web Site: A Tutorial 25
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.
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.
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.
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.
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
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.
Web Easy
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
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.
12. Click Next. 13. Locate the folder that contains your Web Easy site and click OK.
Web Easy
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
3.
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
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
6.
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
Web Easy
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.
Web Easy
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
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
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.
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.
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
Web Easy
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.
Some navigation options are dimmed and cant be used if you are at the first or last page of your document.
Web Easy
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
Web Easy
Web Easy
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.
3.
Click the Background button to open the Page Background Settings dialog.
4.
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.
Web Easy
3.
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.
Web Easy
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
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.
4.
Click the Size button to display the Image Size and Position dialog.
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.
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.
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.
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.
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.
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.
Adding and Editing Items 61
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
3. 4.
Select the item. Click the Shadow button to display the Shadow dialog.
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
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
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
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.
Web Easy
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
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.
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
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 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.
Web Easy
Web Easy
Web Easy
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.
Web Easy
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.
Web Easy
Web Easy
Web Easy
3.
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.
Web Easy
3.
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 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
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.
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
Loading a Page
1. 2.
Changing a Link
1.
Removing a Link
Web Easy
4. 5.
Click the arrow at the right of the Link Type box and select None to remove a previously set link. Click OK.
Web Easy
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.
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
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/
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
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
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
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
Web Easy
Web Easy