Vous êtes sur la page 1sur 96

Getting Started Guide

Web Easy 8 Copyright 20032010 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.

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

Learning Web Easy

11

Overview................................................................................................11 Understanding Websites.........................................................................12 Using the Activity Centre ......................................................................13 Using File Browser to Select Files ........................................................14

Getting Help

17

Overview................................................................................................17 Using Online Help .................................................................................18 Using the Web Easy Assistants..............................................................18 Viewing and Printing the Users Guide .................................................19 Using the Interactive Tutorial ................................................................19

Web Easy 8

Contents iii

Making a Website: A Tutorial

21

Overview................................................................................................21 Selecting a Template ..............................................................................22 Customizing the Website Document......................................................25 Previewing Your Site .............................................................................29 Building the Website..............................................................................30 Publishing the Website...........................................................................31 Summary ................................................................................................35

Using a Template

37

Overview................................................................................................37 Step 1: Open a New Document..............................................................38 Step 2: Choose a Template.....................................................................39 Step 3: Edit and Save the Document......................................................40

Using Website Assistant

41

Overview................................................................................................41 Creating a Web Document Using the Website Assistant .......................42

Viewing Your Document

47

Overview................................................................................................47 Moving Around in Your Document .......................................................48 Previewing Your Document in a Browser .............................................49

Adding and Changing Pages

51

Overview................................................................................................51 Adding a Page ........................................................................................52 Adding a Page Background ...................................................................53 Changing the Size of Your Page ............................................................54 Deleting a Page ......................................................................................54

iv Contents

Web Easy 8

Adding and Editing Items

55

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

Inserting and Editing Images

63

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

Working with Text

69

Overview................................................................................................69 Types of Text..........................................................................................70 Inserting a Text Frame and Text ............................................................71 Deleting a Text Frame............................................................................71 Editing Text and Changing Text Properties ...........................................71 Arranging Your Text in Tables...............................................................71

Working with Links

73

Overview................................................................................................73 Creating a Link Within Your Website....................................................74 Creating a Link to Another Website or to Email ...................................75 Viewing Links Using the Site Map Assistant ........................................76 Removing a Link From Your Website ...................................................78

Web Easy 8

Contents v

Working with Objects

79

Overview................................................................................................79 Types of Objects ....................................................................................80 Inserting Objects ....................................................................................80 Inserting Web Widgets...........................................................................81

Index Contacting Technical Support

85 89

vi Contents

Web Easy 8

Installing Web Easy


Introduction
Using Web Easy, you can easily create websites 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 website.

With Web Easy, you can have a great looking website 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 17 and Using the Interactive Tutorial on page 19.
Web Easy 8 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 8 > Web Easy 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 website.

2 Installing Web Easy

Web Easy 8

Exploring Web Easy


Overview
When you start Web Easy, the Activity Centre opens to get you started. For more information, see Using the Activity Centre on page 13. 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 Centre. For more information about the Home taskbar and all its toolbars see Home Taskbar and Toolbars in the online help.

Web Easy 8

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.

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.
4 Exploring Web Easy Web Easy 8

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.

After you have opened it, the inspector updates each time the selection changes as you edit your website 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 website 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.

Web Easy 8

Exploring Web Easy 5

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.

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

6 Exploring Web Easy

Web Easy 8

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

Web Easy 8

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 website (in pixels) appears.

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.

8 Exploring Web Easy

Web Easy 8

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

Exploring Web Easy 9

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 website. To access these items, open the Help menu and choose Visit Avanquest Website > Art Online. The first time you use Art Online youre asked to enter your email and password from when you registered Web Easy.

10 Exploring Web Easy

Web Easy 8

Learning Web Easy


Overview
Web Easy is an easy-to-learn web design program. Even beginners can create websitesboth regular HTML and dynamic HTML websites. 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 8

Learning Web Easy 11

Understanding Websites
Websites are formatted using HyperText Markup Language (HTML) commands. A typical website 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 websites. You dont need to know or understand HTML when using Web Easyit does all the hard work for you.

Dynamic Websites
Dynamic websites are formatted using Dynamic HyperText Markup Language (DHTML) commands and many templates also use a newer version of Cascading Style Sheets (CSS). Dynamic websites 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 website looks great on anyones computer. For more information, see Creating a Dynamic Website in the online help.

Advanced Website Features


Advanced users can create exciting components for their websites 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 Website
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 websites, or to email. Embed sound, video, Flash, and more. Exclusive C-Clearly technology lets you see and work on your new website exactly as it will appear when published.

12 Learning Web Easy

Web Easy 8

Creating a Dynamic Website


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 Centre


The Activity Centre 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 Centre appears automatically when you start Web Easy, unless youve previously turned the option off. If the Activity Centre has been removed from the program startup, you can still view it at any time. To view the Activity Centre, open the Tools menu and choose Activity Centre or display the Home taskbar and click the Activity button. To prevent the Activity Centre from opening when Web Easy starts, uncheck the Show at Startup box.

Web Easy 8

Learning Web Easy 13

Avanquest Preferred Web Hosting You can simplify publishing your website by using Avanquests Preferred Web Hosting provider. To preview the Avanquest Web Hosting service, open the Help menu and choose Visit Avanquest Website > 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 website for 48 hours. You can also publish your website 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.

14 Learning Web Easy

Web Easy 8

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, organise 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 8

Learning Web Easy 15

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 customise the File Browser window and organise your favorites, click the Options button to open the Options dialog.

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

16 Learning Web Easy

Web Easy 8

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

Getting Help 17

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 website, publishing, and more. Just follow the instructions on your screen.

18 Getting Help

Web Easy 8

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 website, publish a website, 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 8

Getting Help 19

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.

20 Getting Help

Web Easy 8

Making a Website: A Tutorial


Overview
This tutorial walks you through creating a customised nature-photo website in a matter of minutes. Youll learn the basics, discover some handy tricks, and build and publish a website 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 11. You should also have a basic understanding of the taskbars and toolbars.

Web Easy 8

Making a Website: A Tutorial 21

Selecting a Template
To begin our sample website, 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 Website button in the Activity Centre to open the Website Assistant.

2.

Click Next to go to the next step of the Website Assistant.

3.

From the Select a template style for your Website list, select Hobbies and Events.

22 Making a Website: A Tutorial

Web Easy 8

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

Web Easy 8

Making a Website: A Tutorial 23

8.

Click and drag the Scroll button at the right of the Images list to locate and select the Nature folder.

9.

Click on OK.

10. Click the Allocate all images button to move photos into pre-set positions for this template. 11. Click Next when the photos have all been added to the template.

This template asks for several pieces of information for this website. You can enter this now, or put this information in later. The questions are there for your convenience in making your website.

24 Making a Website: A Tutorial

Web Easy 8

12. Enter the information such as your name, email, and address. For your privacy, consider the information you want to provide on your website. 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 Website Document


As you customise this website, 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 8 Making a Website: A Tutorial 25

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.

26 Making a Website: A Tutorial

Web Easy 8

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 8

Making a Website: A Tutorial 27

Adding a Stencil
Use stencils to add a professional touch to your website 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.

28 Making a Website: A Tutorial

Web Easy 8

Previewing Your Site


1. Press F8 to preview the website. 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 website.

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

Making a Website: A Tutorial 29

Building the Website


1. Open the Build menu and then choose Website (HTML) to open the Build Dynamic Website 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 website, see Building a Website in the online help.

30 Making a Website: A Tutorial

Web Easy 8

Publishing the Website


Now to publish your website on the Internet. 1. 2. 3. Click the Home button to display the Home Taskbar. Click the Publish button to open a Cue Card explaining more about publishing. Select the Use Avanquests preferred Web Hosting service (recommended) option to open the Web Easy Publisher wizard.

4.

Select the Open a FREE 14 day trial Hosting Account and publish your website 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.

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.

Web Easy 8

Making a Website: A Tutorial 31

8.

Click the link in the message to open your web browser. Follow the on-screen instructions to validate your email address.

9.

Return to the Web Easy Publisher wizard.

10. Click Next. 11. Fill out the form.

12. Click Next. 13. Select the Nature option.

32 Making a Website: A Tutorial

Web Easy 8

NOTE: If the list is empty, click Browse folder, locate the folder that contains your Web Easy site, and click OK.

14. Click Next to upload your website to the web host.

Web Easy 8

Making a Website: A Tutorial 33

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

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

34 Making a Website: A Tutorial

Web Easy 8

Summary
Youve successfully opened a website template and modified some common aspects of this website document with text, photos, and a stencil. You then previewed the site, built the website, 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 website.

Web Easy 8

Making a Website: A Tutorial 35

36 Making a Website: A Tutorial

Web Easy 8

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 websites. Choose a template that suits your style, and then customise 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 on page 38 Step 2: Choose a Template on page 39 Step 3: Edit and Save the Document on page 40

If you already have a website 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 website. For further details, see Using Style Designer, Designing a Website from Scratch, or Importing an Existing Website or Page in the online help or online help.

Web Easy 8

Using a Template 37

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 on page 39.

38 Using a Template

Web Easy 8

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 on page 40.

Web Easy 8

Using a Template 39

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 63). Replace the text with your own text (see Working with Text on page 69). Change the page background, if desired (see Adding a Page Background on page 53). 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 Website and Publishing Your Website in the online help.

40 Using a Template

Web Easy 8

Using Website Assistant


Overview
The Website Assistant provides a simple way to create a document for your website. The Website 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.

Web Easy 8

Using Website Assistant 41

Creating a Web Document Using the Website Assistant


The Assistant guides you through the following steps to create your document: 1. 2. Step 1: Opening the Website Assistant (see page 42) Step 2: Selecting a Template (see page 43) Step 3: Naming Your Document and Choosing a Storage Folder (see page 44) Step 4: Selecting the Images for Your Document (see page 45) Step 6: Adding Finishing Touches (see page 46) Click the Home button to display the Home Taskbar. Click the Design button to display the Design Toolbar.

Step 1: Opening the Website Assistant

3.

Click the Website button to open the Website Assistant.

4.

Click Next to open the Templates dialog and continue to Step 2: Selecting a Template on page 43.

42 Using Website Assistant

Web Easy 8

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

Web Easy 8

Using Website Assistant 43

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

44 Using Website Assistant

Web Easy 8

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. Click Next to continue. Click Next to continue to Step 5: Changing Your Website Text (see page 46).

Web Easy 8

Using Website Assistant 45

Step 5: Changing Your Website Text


1. Select a text entry in the Edit the following text box at the left and type your changes to the standard text in the enter name box.

Repeat this process for each of the remaining text entries. 2. 1. Click Next to continue to Step 6: Adding Finishing Touches (see below). Check the Preview Website 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 Website 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.

46 Using Website Assistant

Web Easy 8

Viewing Your Document


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

Web Easy 8

Viewing Your Document 47

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.

48 Viewing Your Document

Web Easy 8

Previewing Your Document in a Browser


Web Easy lets you preview your document with an Internet browser before you build it into a website. 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 website. It is not a substitute for building, which must be done before you can publish your website on the Internet.

To Preview Your Web Document


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

3.

Click the Preview button to open your default web browser. To view other browsers, you can click the arrow to view the drop-down list. You can also open the Build menu and choose Preview with to open the same list of options.

4. 5.

Choose an option to preview your website in a web browser. Click the linked items to test the links and see how your website works.

You can also open the Build menu and choose Preview Site or press F8 on your keyboard to preview your website using the last preview option you selected.

Web Easy 8

Viewing Your Document 49

50 Viewing Your Document

Web Easy 8

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 8

Adding and Changing Pages 51

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.

52 Adding and Changing Pages

Web Easy 8

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. 3. Click the Edit button to display the Edit Taskbar. Click the Page button to display the Edit Page Toolbar. 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 62. 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.
Adding and Changing Pages 53

Web Easy 8

Changing the Size of Your Page


The size option affects every page in your document. 1. 2. 3. Click the Edit button to display the Edit Taskbar. Click the Page button to display the Edit Page Toolbar. 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 websites 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 8

54 Adding and Changing Pages

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.

Web Easy 8

Adding and Editing Items 55

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

To cancel the selection, click somewhere else on the document. You can select more than one item at a time and edit them simultaneously. To select every item on a page, open the Edit menu and choose Select All. Change your selection by clicking a different item, or press TAB to switch between the items. To Select Several Items 1. 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.

56 Adding and Editing Items

Web Easy 8

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.

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.


Adding and Editing Items 57

Web Easy 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. 1. 2. When the handles are diamonds, you can edit the entire group. When the handles are squares, you can edit the individual item. Click the Edit button to display the Edit Taskbar. Click the Arrange button to display the Arrange Items Toolbar.

To Group Items

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.

58 Adding and Editing Items

Web Easy 8

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.

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.

Web Easy 8

Adding and Editing Items 59

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

60 Adding and Editing Items

Web Easy 8

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. Click OK to apply the shadow.

9.

Web Easy 8

Adding and Editing Items 61

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.

62 Adding and Editing Items

Web Easy 8

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.

Web Easy 8

Inserting and Editing Images 63

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.

Adding an Image by File Name


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

3.

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

64 Inserting and Editing Images

Web Easy 8

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 64. To replace an image placeholder from a template, see Replacing a Placeholder with an Image on page 65.

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.

Web Easy 8

Inserting and Editing Images 65

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

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.

66 Inserting and Editing Images

Web Easy 8

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.

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.

Web Easy 8

Inserting and Editing Images 67

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 website, 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).

68 Inserting and Editing Images

Web Easy 8

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 8

Working with Text 69

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

70 Working with Text

Web Easy 8

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 8

Working with Text 71

72 Working with Text

Web Easy 8

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 website to offer multiple links from a single hot spot. Links allow you to navigate your website 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 Website in the online help). When users click a link in your website, 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 website, 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 8

Working with Links 73

Creating a Link Within Your Website


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 website 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 website. Last page links to the last logical page in the website. Page links to any other page in the website. 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.

74 Working with Links

Web Easy 8

Creating a Link to Another Website or to Email


To create a link to another website, you must supply the URL address. When a user clicks the link, the indicated website 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 website.

Enter the URL address of the website.


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 8

Working with Links 75

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 Website. It is the first page displayed when users access your website. A page of the website document.

The following icons are used to represent the pages:

You cant add new links to the Website document using the Site Map Assistant. To add a link, see Creating a Link Within Your Website on page 74 or Creating a Link to Another Website or to Email on page 75.
76 Working with Links Web Easy 8

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

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.
Working with Links 77

Web Easy 8

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 Website


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.

78 Working with Links

Web Easy 8

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 website with his iPhone or iPod Touch. If you have created a site optimised for viewing on these screens, the reader has the option of going to the optimised site.

Web Easy 8

Working with Objects 79

Types of Objects
Web Easy includes a selection of ready-to-use objects that you can insert into your website. 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 organise your site into areas. eShop, to add ecommerce and payment options to your site. (Web Easy Professional only) 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.

Double-click a folder to open it. Drag an object from File Browser to your web page.
Web Easy 8

80 Working with Objects

4.

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. 2. 3. 4. Click the Objects button on File Browser. 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.

Double-click the User box and type your Flickr user id. Using your web browser, log in to your Flickr account.
Working with Objects 81

Web Easy 8

7.

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

10. Click the Share This link, located below the Search box in the upper right corner of the page.

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.

82 Working with Objects

Web Easy 8

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 8

Working with Objects 83

84 Working with Objects

Web Easy 8

Index

A Activity Centre 13 adding images 64, 64 page background 53 pages 52 text 71 adjusting layer positions 60 aligning text 70 animations 80 Art Online 10 auto links 80 B backgrounds color 53 blank document 37 C calendar 81 changing layer positions 60 clipart adding 64, 64 finding 10 rotating 67
Web Easy 8

color backgrounds 53 custom 62 shadows 61 copying items 59 cue cards 7 custom colors 62 cutting items 59 D deleting links 78 pages 54 text 71 dividers 80 documents navigating 48 pages 52 previewing 49 templates 37 Website Assistant 41 E eShop 80 F File Browser 6, 14 adding 3
Index 85

forms 80 G gadgets 80 graphics text 70 grouping items 58 H handles sizing items 57 help Inspector 5 online 17 tutorial 19 home page 76 I images adding 64, 64 finding 10 placeholders 65, 66 rotating 67 inserting pages 52 Inspector 5 installing the program 2 interactive tutorial 19 iPhone 79 iPod Touch 79 items copying 59 cutting 59 grouping 58 layer positions 60 moving 56 pasting 60 selecting 56 shadows 61 sizing 57
86 Index

J justifying text 70 L layer positions 60 links deleting 78 email 75 external 75 internal 74 site map assistant 76 testing 76 to another website 75 within a website 74 M maps 81 menu bar 4 moving items 56 N navigating documents 48 websites 73 navigation 80 new document 37 O Object Script Properties dialog 81 objects 79 inserting 80 online help 17 P pages adding 52 background 53 deleting 54 dividers 80 sizing 54
Web Easy 8

pasting items 60 photo albums 81 photos 81 pictures adding 64, 64 finding 10 rotating 67 placeholders for images 65, 66 plain text 70 previewing 49 primary page 76 R removing links 78 pages 54 text 71 resizing items 57 pages 54 rich text 70 rotating images 67 S search 80 selecting items 56 SendPhotos 79 shadows 61 site map assistant 76 sizing items 57 pages 54 slideshows 81 status bar 7 support, technical 89 T technical support 89 templates for documents 37
Web Easy 8

text adding 71 alignment 70 deleting 71 types 70 toolbars 4 tutorial 19, 21 U updates 2 V videos 81 W web widgets 80 inserting 81 Website Assistant 41 widgets 79 inserting 81 workspace 6

Index 87

88 Index

Web Easy 8

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 website:
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 8

Contacting Technical Support 89

90 Contacting Technical Support

Web Easy 8

Vous aimerez peut-être aussi