Documente Academic
Documente Profesional
Documente Cultură
COM
User’s Guide
LICENSE TERMS
CONTENTS.
The “Licensed Software” includes all of the contents of the files, disk(s), CD-ROM(s), DVDs, or other media for
which this EULA is provided, including:
(1) third-party computer information or software that Avanquest USA has licensed for inclusion in the Licensed
Software;
(2) written materials or files relating to the Licensed Software (“Documentation”);
(3) fonts; and
(4) upgrades, modified versions, updates, additions, and copies of the Licensed Software, if any (collectively,
“Updates”).
INSTALLATION.
Unless Licensee has purchased a Site License Agreement, Licensee may install one copy of the Licensed Software
on a single computer. Licensee shall be solely responsible for all expenses incurred in Licensee’s installation of the
Licensed Software.
ACTIVATION.
The Licensed Software contains technological measures that are designed to prevent its unlicensed or illegal use.
The Licensed Software may contain enforcement technology that limits Licensee’s ability to install and uninstall
the Licensed Software on a machine to no more than a finite number of times, and for a finite number of machines.
The Licensed Software may require activation as explained during installation and in the Documentation. If any
such applicable activation procedure(s) is not followed, then the Licensed Software may only operate for a finite
period of time. If activation is required, and not completed within the finite period of time set forth in the
Documentation and explained during installation, then the Licensed Software will cease to function until activation
has been completed, at which time functionality will be restored. If Licensee has any problem with the activation
process, Licensee should contact Avanquest USA customer support.
COPIES.
Licensee may make one copy of the Licensed Software for backup or archival purposes only, except that the
Documentation may not be duplicated.
TRANSFER.
Licensee may not sell, assign, or transfer the Licensed Software or the License granted by this EULA without prior
written consent of Avanquest USA.
Getting Started 13
Introduction...............................................................................................................................13
Quick Installation......................................................................................................................15
Starting Web Easy Pro ..............................................................................................................15
Getting Updates ........................................................................................................................16
About Web Sites .......................................................................................................................16
Web Site Templates...................................................................................................................17
What’s New in Version 6 ..........................................................................................................18
Getting Help..............................................................................................................................19
Using the Interactive Tutorial ...................................................................................................23
Creating Documents 37
Overview...................................................................................................................................37
Creating a Document Using the Web Site Assistant.................................................................38
Creating a Document Using a Template ...................................................................................43
Creating a Document Using Your Own Design........................................................................45
Working with Documents .........................................................................................................47
Viewing Your Document ..........................................................................................................49
Importing an Existing Web Site or Page...................................................................................50
Web Easy Professional 6 Contents • 9
Editing Documents 53
Overview ...................................................................................................................................53
Working with Pages ..................................................................................................................55
Working with Items...................................................................................................................58
Working with Images ................................................................................................................65
Working with Text.....................................................................................................................73
Working with Tables .................................................................................................................76
Working with Shapes ................................................................................................................78
Working with Links...................................................................................................................81
Working with Sound .................................................................................................................87
Working with Scenes.................................................................................................................89
Adding e-Commerce to Your Web Site.....................................................................................93
Adding Advanced Items............................................................................................................96
Index 149
Introduction
With Web Easy Pro®, you can easily create web sites without any
knowledge of HTML programming. You have full What-You-See-Is-What-
You-Get (WYSIWYG) control over the content and layout of each page of
your web site.
With Web Easy Pro, you can have a great looking web site without the
hassles, time, and cost of conventional “programmer” style HTML editors.
Start with one of our 120+ professionally designed templates, import an
existing site, or unleash your creative talent to deliver your message.
This guide describes the basics for using Web Easy Pro. Detailed
information is provided in the online help, cue cards, and online tutorials
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 23.
Assumed Knowledge
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 98/Me/2000/XP/2003. 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 Sites
Web sites are formatted using HyperText Markup Language (HTML)
commands. A typical web site consists of a number of web pages, each of
which contains text and images. Some also include sound and video. Web
pages typically contain links to other pages within the site, as well as links
to other web sites. You don’t need to know or understand HTML when
using Web Easy Pro—it does all the hard work for you.
Advanced Features
Advanced users can create exciting components for their web sites such as
scenes, e-commerce, and animated GIFs. The online help has more
information and instructions for using advanced features.
The templates also have many handy hints suggesting items to include in
your web site.
Assistants
The Web Easy Pro Assistants guide you through processes step-by-step.
There are Assistants for creating a web site, publishing, and more. Just
follow the instructions on your screen.
After you have opened it, the inspector will update each time the selection
changes as you edit your web site album. Each type of item will display
different properties. For example, if you have a text item selected you will
be able to change the font in the Inspector. However you will not be able
to change the font if you have an image selected, but you may be able to
change image properties, such as brightness.
A topic icons appear on the left side of the Tutorial window. To scroll
to see more icons, click the arrow at the bottom of the list.
2. Click an icon to display a Tutorial topic.
For example, click Slideshow to open the Building a Slideshow
window.
Roman numerals appear on the left side of the window.
3. Click the first number to start the first step.
The tutorial shows you how to do it and a checkmark appears over the
number after you’ve completed each step.
4. Continue the steps until you’ve completed the activity.
5. Click Go Back to return to the main Tutorial page after you’ve
completed the activity.
Toolbar
Taskbar
Workspace
File Browser
Status Bar
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.
• Gray 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.
Workspace
The workspace is the large area where you work on your document. It’s
sometimes called the canvas because this is where you will 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 are not using it.
The File Browser is used for much more than just photos. You can drag
and drop images, clipart, frames, textures, movies, pre-built objects and
other items from the File Browser onto your document. To drag-and-drop
an item, click it with the left mouse button and, while holding the mouse
button down, drag the item by moving the mouse pointer onto your
document. Then, drop the item by releasing the mouse button.
For more information about the File Browser, see “Using File Browser to
Select Files” on page 33.
Next page
Zoom
Help
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 Pro performs.
• On the left side, it displays information about items when they are
selected. It also provides information about current tasks.
• The right side of the status bar displays the size and position on the
page of the selected item. When no item is selected, the size of the
web site (in pixels) appears.
The Activity Center appears automatically when you start Web Easy Pro,
unless you have previously turned the option off. If the Activity Center has
been removed from the program startup, you can still view it at any time.
To view the Activity Center, open the Tools menu and choose Activity
Center or display the Home taskbar and click the Activity button.
The following buttons are available in the Activity Center:
Web Site let’s you design a web site using the Web Site Assistant. For
more information see “Creating a Document Using the Web Site
Assistant” on page 38.
Open Document let’s you browse for documents that have been
previously created. For more information see “Opening Your
Document” on page 48.
Recent Document opens your last web site document.
To prevent the Activity Center from opening when Web Easy Pro starts,
uncheck the Show at Startup box.
Up One Level
• 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.
Options
View
• To view information about a file that you selected in the Display pane,
click the File Properties button.
• To choose how the Display pane displays files, click the View button
and choose an option from the drop-down list.
• To customize the File Browser window and organize your favorites,
click the Options button to open the Options dialog.
For more information, see the online help.
Overview
Your document file contains one or more pages and all the text and
graphical items that you want published on your web site. When you’ve
finished creating and designing the document, it must be built into a web
site. While it is still in the form of a document, you cannot publish it on the
web.
You can create a new document using one of the following methods:
• Creating a Document Using the Web Site Assistant (see page 38)
• Creating a Document Using a Template (see page 43)
• Creating a Document Using Your Own Design (see page 45)
You can also speed up your design process by importing an existing web
site or web page into your Web Easy Pro document.
3. Click the Web site button to start the Web Site Assistant.
1. Replace the name that appears in the Name field with a new name for
your document.
2. Choose a folder on your computer where you want to store your
document.
You can either type the path to the folder in the Location on your
hard drive box, or click the Browse button on the right side of the
Location box to browse for the folder want.
3. Click Next.
Some templates have additional steps that ask you to enter
information, such as personal or business details.
4. Enter any needed information.
5. Click Next to continue.
If desired, you can skip this step and add your images later.
1. Click the Browse button above the list of image files to find the
folder where your images are stored.
2. Make sure that Image files is selected next to Type of files in the
browse dialog.
3. Click Open.
4. Select the images for your document.
You can see a preview of each image on the left side of the Assistant
and a preview of the document on the right.
5. Replace the gray placeholders with individual images by clicking an
image name and then clicking the single, right arrow button.
Alternatively, load all the images at once by clicking the double, right
arrow button.
6. Click Next to continue.
1. 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 Pro.
2. Click Finish to close the Web Site Assistant.
Your document appears in the Web Easy Pro workspace, ready for
editing.
3. 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.
You can also open the File menu and choose New > Blank Document to
open the New Document dialog.
You can also open the File menu and choose New > Blank Document
to open the New Document dialog.
4. Choose the type of blank document that you want to create, indicating
the screen size and number of pages.
You can change the size and add or remove pages later.
5. Click OK.
A blank document appears in the Web Easy Pro workspace ready for you
start creating your web site.
You can also open the File menu and choose Save to open the Save
As Document dialog.
4. Enter a new name for your document in the File name box.
5. Browse to the folder where you want to store the document.
The file is typically saved in your My Documents folder, unless you
choose another location: My Documents\Web Easy\Documents
6. Click Save.
You can also open the File menu and choose Open to open the Open
Document dialog.
4. Browse for the required document.
5. Click the name of the document to view a preview on the right.
6. Click Open to display your document in the workspace.
Next page
Zoom
Help
4. Click the Import button to open the Import Web Site dialog.
5. Choose the HTML file that should become the main home page of the
Web Site.
6. Click Open.
7. Wait until the conversion process is complete.
This might take a while if the web site has many pages or you are using a
slower speed system.
A new web site design document is created, but not saved.
We recommended saving the entire document in a separate folder as an
archive, where all the necessary images will be copied for future use.
Then, save it again in your working folder for editing.
5. Click the Import button to open the Import Web Site dialog.
Overview
After creating a document, either with a template or without, you can edit
it to add your finishing touches.
After you finish editing your document, build it into a web site (see
“Building a Web Site” on page 99). Then, you need to upload it to the
Internet (see “Publishing a Web Site” on page 103).
Adding a Page
1. Click the Edit button to display the Edit Taskbar.
2. Click the Page button to display the Edit Page Toolbar.
4. Choose a page size from the Existing dimensions list, or click User
Defined and enter the Width and Height.
Currently the most popular web sites are designed for screens that are
800 x 600. This allows viewing the web pages without scrollbars on
screens that are 800 x 600 or larger.
5. Check the Refit items box to rearrange the items to fit the new page
size.
6. Check the Refit proportionally box to maintain the proportions of the
objects.
7. Click OK.
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. Click an item.
2. Hold down the SHIFT key and click another item.
3. Keep the SHIFT key down and click any other items you want selected.
To deselect an item, hold the SHIFT key down and click a selected item.
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.
To Use the Size and Position Dialog
1. Select the item that you want to resize.
2. Click the Edit button to display the Edit Taskbar.
3. Click the Image button to display the Edit Image Toolbar.
4. Click the Size button to display the Image Size and Position dialog.
5. Check the Keep aspect ratio box to maintain the image’s proportions
as you resize it.
6. Enter the Width and Height for your image in pixels.
If you selected Keep image aspect ratio, enter either the width or
height and the other is calculated automatically.
To undo any previous resizing, click the Original Size button.
7. Enter the Position in pixels where you want the image placed on the
page, relative to the upper-left corner of the page.
• Entering a number in the Left box changes the number in the
Right box, based on the size of the image.
• Entering a number in the Top box changes the number in the
Bottom box, based on the size of the image.
8. Click OK to apply the changes.
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.
Pasting an Item
Pasting takes an item on the Windows clipboard and places it in your
document.
To Paste an Item
1. Click the Edit button to display the Edit Taskbar.
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
2. Click the thumbnail of the desired image and hold the button down.
3. Drag the image to your document and release the button.
3. Click the Insert button and choose Image to open the Choose Image
dialog.
4. Locate one of the many images available within Web Easy Pro, on the
Web Easy Pro CD, or select one of your own.
Rotating an Image
You can rotate images either manually with the mouse or using a dialog
that specifies precise degrees.
To Rotate an Image Using Your Mouse
1. Select the image.
2. Position the mouse over the turning handle to the right of the image.
5. Choose a rotation option or choose Free Rotate and enter the degrees
to rotate the image counter-clockwise.
You can also click the preview and use the mouse to rotate the image.
You can flip the image by checking the Horizontal Mirror and
Vertical Mirror boxes.
The preview on the right shows how the image will rotate based on
your selection.
6. Click OK.
5. Drag the handles at the corners of the image up, down, or sideways to
select the area to be cropped.
The shaded area indicates the parts of the image to be trimmed off.
6. Click OK.
To Crop an Image Using the Mouse
1. Select the image.
2. Position the mouse over a sizing handle.
3. Hold down the CTRL key.
The cursor changes to a crop symbol.
4. Drag the handle to crop the image.
Deleting an Image
1. Select the image you want to delete.
2. Press the DELETE key on your keyboard, or open the Edit menu and
choose Delete, to display a confirmation message.
3. Click OK to delete the image.
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. 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.
3. Click the Insert button for Plain Text, or click the arrow on the right
side of the Insert button and choose Plain Text, Rich Text, or
Graphic Text.
4. Click on the page in the location where you want to place the new
text.
5. Type your text.
After you finish, click anywhere on the workspace outside the text frame.
5. Select the properties for your text from the options shown:
• Choose a font name from the Font list.
• Choose a Font Style such as Bold or Italic.
• Choose a font size from the Size list, or enter the size that you
want.
• Check the Underline or Strikeout boxes, if desired.
• Choose a color from the Color list.
A preview of your changes appears in the Sample box.
6. Click OK.
For Plain Text and Rich Text, we recommend that you limit your use of
fonts to Arial™, Times New Roman™, and Verdana™. These are
supported by most browsers, while other fonts might not be supported.
Graphics text can use any font. Web Easy Pro automatically converts the
graphic text to a graphic image when you build your web site.
The Rich Text Toolbar automatically hides when no rich text frame is
selected. When you select any rich text item, the toolbar reappears.
For information about the table features in the lower section of the Rich
Text toolbar, see “Changing a Table Using the Rich Text Toolbar” on page
78.
3. Click the arrow next to the Insert button and choose Table to open the
Insert Table Object dialog.
The Rich Text Toolbar automatically hides when no rich text frame is
selected. When you select any rich text item, the toolbar reappears.
3. Click the arrow to the right of the Shape button to display a list of
shape options:
• Click Solid Box to create a box that is filled with color.
• Click Box to draw an outlined box.
• Click Solid Oval to create an oval that is filled with color.
• Click Oval to draw an outlined oval.
4. Click with your mouse on the spot where you want to begin drawing
and drag the mouse in a diagonal direction.
To draw a perfect square or circle, hold down the SHIFT button as you
drag.
5. Release the mouse to finish drawing.
3. Click the arrow to the right of the Shape button to display a list of
shape options:
• Click Line to draw a straight line.
• Click Polygon to draw a closed shape with straight lines.
• Click Polyline to draw an open shape with straight lines.
• Click Solid curve to draw a closed shape with curved lines.
• Click Curve to draw an open shape with curved lines.
4. To create a straight line, click once and drag. For all other lines, click
to create each node and double-click to finish or close the shape.
Color Button
3. Click the Link Map button to open the Site Map Assistant.
You can’t add new links to the Web Site document using the Site Map
Assistant. To add a link, see “Creating a Link Within Your Web Site” on
page 81 or “Creating a Link to Another Web Site or to Email” on page 82.
Adding and editing scenes in the web site document is only possible while
the Scene Assistant is open.
Recommendations
• When defining scenes for text items, choose only small text items.
• Keep consistent coloring for text and use only colors, gradients, or
textures.
• Don’t create too many scenes, since it might be difficult to maintain
and find them later.
You can change the appearance of the web site for only a few scenes from
a theme collection. For example you can use the Day of the Week theme
to have a different scene on Sunday only.
Images with scene definitions must not have crop or image effects applied,
and should all be the same size.
Scenes are generated only when the Web Site is built as Dynamic HTML.
A Web Page with scenes should not include forms, custom script,
animation, or effects that might conflict with the HTML code used to
activate the scenes.
Recommendations
When setting up your e-commerce web site, take care to choose a vendor
who suits your needs. Check the vendors’ web sites to determine their
terms and conditions, and what fees they charge.
Please be aware of all rules and requirements your country and
international law imposes on e-commerce business activities.
You should delete or edit the e-commerce demonstration objects that have
been added to the template documents. These objects won’t work properly
on the Internet without the correct settings required by the e-commerce
vendor.
3. Click the Vendor button and follow the steps to select the vendor that
best suits your needs.
4. Sign up with the vendor to use their services.
5. Follow the vendor’s instructions on how to set up your e-commerce
service on the Internet.
In some cases you must create and populate a Product Database prior
to designing your web site. The values entered in the product database
are often used when adding the vendor’s objects to your web site as
outlined in the steps below.
6. Create a new page dedicated to selling the products in your web site
document putting your product names, descriptions, photos, and
prices on this page.
7. Click the Insert button to insert an Add to Cart or Buy eShop object
for each product for sale.
You might be asked to enter some details, such as a Product ID, or
SKU as defined in the Product Database on the vendor’s server. Some
vendors simply require that you supply your email address, and the
product name and price.
The parameters for the eShop objects vary from vendor to vendor.
8. Click the Insert button to insert Enter Store, View Orders, or
Checkout buttons to complete the eShop design.
The list of recommended objects for creating an e-commerce solution
might vary from vendor to vendor. In particular, the View Orders and
Checkout buttons might not be required.
9. Build your web site and publish it on the Internet.
10. Verify and test your web site with your eShop solution.
You can also open the Insert menu and choose Object to open the
Insert Object dialog.
4. Choose a tab to display an object group, such as:
• Animated elements, such as moving texts that you can replace
with your own text to create a dynamic DHTML web site.
• Auto links in the form of balls, bullets, or numbers. Web Easy
Pro automatically calculates the number of pages in your
document and creates a link to each page.
• Dividers can save you time by using the pre-designed page
dividers, some of which are animated.
• Forms for complete forms or individual fields and modules.
• Gadgets are ready-to-use items such as a visitor’s counter,
calculator, calendar, status bar clock, shake on load, and more.
• Navigation using pre-designed navigation bars with buttons that
you can turn into links.
• eShop button objects for e-commerce.
5. Click OK.
You can double-click the item, or right-click and choose Play to both
see and play the item at full size in the Web Easy Pro’s Instant View
or in your installed media player. To see a thumbnail preview in the
File Browser, click once in the blank area of the File Browser, then
move the mouse over the file to see a preview.
2. Left-click and, while holding the button, drag to place the item on
your document.
3. Release the mouse button.
Overview
Building a document is the process of converting it into a web site. This
process is necessary because you can’t publish it on the web while it is still
in the form of a document. Building a document creates a web site
package file that contains the files required for the web site on the remote
server.
You can build your document into four types of web sites:
• A Standard web site (HTML) includes basic features without extras,
such as rollover images, page transitions, or animated text and
objects.
• A Dynamic web site (DHTML) includes extra features, such as page
transitions, path animations, and Dynamic HTML effects. For more
information about, see “Creating Dynamic Web Sites” on page 111.
• An HTML web site with CSS includes CSS and style class support,
but does not support some of the dynamic effects, such as scenes or
page transitions found in DHTML web pages.
• An XHTML web site with CSS includes the same features as HTML
with CSS, but uses the stricter coding standards not found in HTML
For more information about HTML and XHTML, go to the World Wide
Web Consortium at www.w3.org.
You will need to consult with your Internet Service Provider (ISP) to get
the required site hosting details prior to using the Publish Assistant. For
more information about using the Publish Assistant, see “Publishing a
Web Site” on page 103.
If you don’t already have a subscription to an ISP, consider using VCOM’s
Preferred Web Hosting solution. For information about this service, open
the Help menu and choose Visit VCOM Web Site > Preferred Web
Hosting.
3. Click the Web site button to display the Build Web Site dialog.
4. Click the Browse button on the right side of the Folder box or enter
the path in the box to define the folder on your computer in which to
store your web site package.
This will include all the files required to run the web site, such as
HTML files, graphics files, etc.
5. Replace the name in the Package name field with a name of your
choice for the web site package.
Don’t leave spaces in the name.
6. Choose the Output range:
• Current page creates a web site containing only the current page.
• All pages creates a web site containing every page in the
document.
7. Choose colors for your hyperlink text.
To set or change the color of Standard, Visited, and Active links,
click the appropriate color block to display the Color dialog and select
a color from the palette or create a custom color for your link.
Overview
Publishing a web site is the process of transferring it to the Internet so that
other people can view it with their Internet browsers. To publish, you need
to have an account with an Internet Service provider (ISP), that allocates
space for your files on their server (their host computer). The server is also
known as the remote host. Publishing involves uploading your web site
and any extra elements, such as graphics or sound files, from your
computer to your remote host.
There are seven major steps for publishing using the Publish Assistant:
• Step 1: Before You Publish (see page 103)
• Step 2: Open the Publish Assistant (see page 104)
• Step 3: Connect to Your Remote Host (see page 105)
• Step 4: Choose the Package to Publish (see page 108)
• Step 5: Check the Transfer Settings (see page 108)
• Step 6: Transfer the Package to the Remote Host (see page 109)
• Step 7: View Your Remote Web Site (see page 109)
The following sections explain these steps in greater detail.
8. Enter the World Wide Web site address provided by your ISP.
The name after the forward slash ( / ) is the folder name holding your
web site files on your ISP’s remote server.
If your package doesn’t appear in the Web Site packages list, click
the Browse button above the list to locate the package and then click
Open. The package will be the name of your web site with a .TXT
extension.
After you choose the package, a preview of all included files appears on
the right side of the Select dialog.
If you want Web Easy Pro to determine which files need to be updated on
the remote host, check the Let Web Easy automatically manage the site
box.
Overview
A Dynamic web site is one that uses Dynamic Hypertext Markup
Language (DHTML). DHTML allows animation of items on your web page.
A dynamic web site can include any or all of the following features:
• Rollover images that change when you point at them using a mouse
(see “Adding Rollovers” on page 112).
• Transitions between pages (see “Adding Page Transitions” on page
114).
• Objects that fade in or out (see “Adding Effects to Objects” on page
115)
• Animated items that move along a path (see “Animating Objects” on
page 116)
• Web sites that operate like a slideshow (see “Creating a Slideshow”
on page 117)
The special features described in this section only work for dynamic web
sites. If you use DHTML features in your web site, click the Build As
button and choose the the Dynamic HTML box when you build the
document (see “Building a Web Site” on page 99).
• Click on the Size button below the preview to change the size of the
rollover.
• Click on the button in the preview pane to see how it will operate.
Click the icons at the top of the dialog to change the positions of the
layers, add image and text layers, and delete layers.
The online help has more details about the advanced features and icons.
4. Click the Effects button to open the Dynamic HTML Effects dialog.
5. Click the down arrow and choose a path from the list.
The selected path appears on your page as a dotted line.
6. Click the Edit path button if you want to adjust the path.
Handles appear along the path.
• The blue handle represents the beginning of the animation.
• The red handle represents the end of the animation.
• The green handles represent points along the path.
In the example above, the balloons would follow the wave pattern
shown.
7. Drag a handle to adjust its position or drag the dotted line to move the
entire path.
Creating a Slideshow
This is a quick look at how to create a DHTML web site that operates like a
slideshow. For more detailed information, see the online help.
There are seven major steps for creating a slideshow:
• Step 1: Create a New Document (see page 118)
• Step 2: Give the Document a Background (see page 118)
• Step 3: Place an Image on the Page (see page 119)
• Step 4: Insert a New Blank Page (see page 119)
• Step 5: Place an Image on the New Page (see page 119)
• Step 6: Set Page Transitions (see page 120)
• Step 7: Build the Document into a Dynamic Web Site (see page 121)
The following sections explain these steps in greater detail.
3. Click the Web site button to display the Build Web Site dialog.
Overview
This quick tutorial walks you through creating a customized web site in a
matter of minutes. You’ll learn the basics, discover some handy tricks, and
build and publish a web site to the Internet using iEasySite’s free trial.
We assume that you’ve read at least part of this guide, such as “Getting
Started” on page 13 and “Learning the Basics of Web Easy Pro” on page
25, and have a basic understanding of the taskbar and toolbars.
Our example is a nature photo site.
Selecting a Template
To begin our sample web site, open Web Easy Pro. If you haven’t
registered, you can register now or choose Later. Choosing the Later
option does not restrict your use of Web Easy Pro in any way.
1. Click the Web Site button in the Activity Center to open the Web Site
Assistant.
6. Use the default storage location for your new web site but change the
name to Nature.
You’re asked to add photos to the template. When you use templates,
you might want to skip this step and make your individual selections
later. In this tutorial, you’ll add a folder full of pictures.
8. Click the Browse button above the Images list and locate the Nature
folder.
9. Click on OK.
10. Click the Allocate all images button to move photos into pre-
set positions for this template.
This template asks for several pieces of information for this web site.
You can enter this now, or put this information in later. The questions
are there for your convenience in making your web site.
12. Enter the information such as your name, email, and address.
For your privacy, consider the information you want to provide on
your web site. It will be visible to the public. For example, on a
personal site, you might want to only show the city and state and not
include a street address.
13. Click Next.
The template steps are complete.
14. Click Finish to see your document in the Web Easy Pro workspace.
6. Click Gradient.
7. Click OK to see the background change immediately on the page.
You can set the background to any fixed color, a gradient with any two
colors and directions, or a texture. You can also choose to set the
background for all pages.
Next page
Zoom
Help
The stencil folders include a wide range of border and wash effects.
2. Click the folder labeled Oval to view various oval effects.
3. Click on the third thumbnail sofade02 and, while holding the mouse
button down, drag the effect on top of the lower picture.
4. Release the mouse button.
Web Easy Pro can work with all hosting services, but use this option
since the test requires no signup and is the quickest way to create a
live test site without any details from your Internet Service Provider
(ISP).
4. Choose the Try iEasySite for free option.
5. Click Next.
Step 1 shows the location where the web site resides on your local
computer. It’s filled in for you.
10. Choose the web site Nature in Step 2.
If you had multiple sites, they would all be listed here.
Step 3 is also filled in for you.
11. Click Next.
Your web pages are next uploaded to the iEasySite hosting service.
Upon completion, the temporary web address appears at the top of the
dialog.
12. Click View Site Now button to open the iEasySite Trial page in your
browser.
13. Click the View Your Trial Site button to view your site.
You can give the iEasySite temporary site address to others so they can
view your test web site. It can be opened from any computer anywhere in
the world.
Tips
Bulleted Lists
If you put an asterisk (*) and an empty space at the beginning of each
paragraph that you want in a bulleted list, and then when you build your
web site, the text appears as a bulleted list.
Enter:
* Item 1
* Item 2
To produce:
• Item 1
• Item 2
You can also use the Rich Text Toolbar to create bulleted and numbered
list in a rich text frame. For more information about bulleted and
numbered lists, see the online help.
Drag-and-Drop
When you are dragging an item from File Browser onto
your document, the mouse pointer icon represents the
upper-left corner of the location where the item will be
placed when you drop it.
Large Images
Use smaller images in your document to decrease your web site’s upload
time. To make a selected image smaller, drag its sizing handles.
Text
Most Internet browsers support only a limited range of fonts. It’s best to
use standard fonts like Arial and Times New Roman if you want your web
site to appear correctly in all Internet browsers.
Undo
If you make a mistake, open the Edit menu and choose Undo. A Redo
option is also available. As installed, Web Easy Pro retains the last 12
steps. You can change this by opening the Tools menu and choosing
Options.
Zoom
To get a closer look at your document, click and
choose a zoom option. You can return to viewing
the whole page by choosing Fit.
Opens the Publish Assistant (see “Publishing a Web Site” on page 103)
Opens the Activity Center (see “Using the Activity Center” on page 32)
Catalog
Web Easy Pro uses catalogs to group your images, frames, stencils,
clipart, and backgrounds. For more information about catalogs, see the
online help. Standard catalog names appear in the location bar at the top of
File Browser.
CSS
Cascading Style Sheets (CSS) are used to control and change the style and
layout of web pages. You can create style sheets that define how different
elements, such as headers and links, appear on your webpages. By
changing the style sheet, you can quickly change the look and feel of all
web pages that use the same style sheet.
Double-Click
To double-click, click the left mouse button twice in quick succession.
DHTML
Dynamic HyperText Markup Language (DHTML) is the language used to
create Dynamic web sites that enable various effects to appear, such as
page transitions, animation, and other special effects.
FTP
File Transfer Protocol (FTP) is the standard method used to publish web
sites on the Internet. FTP is used within Web Easy Pro to transfer your
local files to your web hosting service.
HTML
HyperText Markup Language (HTML) is the standard language used to
create web-based content.
Internet Browser
An Internet browser is a software program that allows you to view web
pages on the Internet or on your computer. Browsers can be downloaded
from the Internet free of charge.
Item
An item is anything you can put on your web site, such as text, images, or
frames.
Link
A link is a connection that enables navigation through your web site.
Viewers can jump to other pages in your site or to other web sites by
clicking the item that contains the link.
RSS
Really Simple Syndication (RSS) is a method that allows users of your
web site to subscribe to and have provided RSS feeds, such as news
headlines and weblogs (blogs). The type of sites that RSS is suitable for
are those that change and add content often.
Select
To select an item, click it using the left mouse button.
Sizing Handles
Sizing handles are small squares or diamonds that appear on the edge of an
item when you select it. If the sizing handles are diamonds, you’ve
selected grouped items (such as a frame and an image). If the sizing
handles are squares, you’ve selected a single item.
Stencil
A stencil is a partially transparent image you can place over your images
to display some parts of the image while hiding others.
Template
A template is a basis for a web site that Web Easy Pro provides you with to
get you started.
W3C
The World Wide Web Consortium (W3C) develops protocols, standards,
and guidelines for technologies to allow any hardware and software used
to access the Web to work together.
I
iEasySite 104
V
visitor’s counter 98
VRML 97, 148
W
web hosting 103
web site assistant 38
web sites
building 99
importing 51
maintaining 109
publishing 103
workspace 27
Z
zoom 136