Вы находитесь на странице: 1из 164

Contents

Chapter 1 Welcome ........................................................................... 1


WebEasy Features ............................................................................... Getting Familiar with WebEasy ........................................................... Getting Help .......................................................................................... 2 2 5

Chapter 2 Installing, Updating, and Uninstalling WebEasy......... 11


Installing WebEasy............................................................................. Updating WebEasy ............................................................................. Signing Up for WebEasy Hosting ..................................................... Managing Your WebEasy Hosting Account ..................................... Uninstalling WebEasy ........................................................................ 12 13 13 14 14

Chapter 3 Getting Started .............................................................. 15


Starting WebEasy ............................................................................... Learning the WebEasy Workspace ................................................... Customizing WebEasy ....................................................................... Closing WebEasy ............................................................................... 16 16 25 26

Chapter 4 Creating Documents ...................................................... 27


Understanding WebEasy Documents .............................................. Using the Website Assistant to Create Documents ........................ Using Templates to Create Documents............................................ Starting From a Blank Document ..................................................... Saving Documents ............................................................................. 28 29 32 34 34

Chapter 5 Viewing and Editing Documents .................................. 37


Opening Documents and Viewing Pages ......................................... Adding and Changing Pages ............................................................ Adding Page Navigation Links ......................................................... Previewing Documents ...................................................................... 38 39 49 51

Chapter 6 Working with Items ........................................................ 53


Selecting Items ................................................................................... Moving Items ...................................................................................... Resizing Items .................................................................................... Grouping Items ................................................................................... Removing Items ................................................................................. Copying Items .................................................................................... Pasting Items ...................................................................................... Re-ordering Items .............................................................................. Fitting Items on a Page ...................................................................... Applying Shadows ............................................................................. Adding Borders .................................................................................. Coloring Items .................................................................................... 54 55 56 56 57 58 58 61 61 63 64 66

Chapter 7 Working with Images and Shapes ................................ 73


Inserting Images ................................................................................. Adjusting Images ............................................................................... Framing Images .................................................................................. Applying Image Effects...................................................................... Animating Images .............................................................................. Exporting Images ............................................................................... Drawing and Editing Shapes ............................................................. 74 77 81 83 84 89 89

Chapter 8 Working with Text and Tables ...................................... 93


About Text in WebEasy ...................................................................... 94 Inserting Text ...................................................................................... 96 Editing and Formatting Text .............................................................. 98 Adding and Editing Tables .............................................................. 102

WebEasy

Chapter 9 Integrating with Other Websites ................................ 105


Getting Bookmarked on Other Websites ....................................... Linking to Photo-Sharing Sites ....................................................... Embedding Photos or Albums........................................................ Embedding Videos with Widgets .................................................... Adding Links to Other Accounts .................................................... Adding Like Buttons ........................................................................ Having Visitors Contact You ........................................................... Adding Google Information to Your Site ........................................ Adding Yelp Review Buttons .......................................................... 106 109 111 114 116 117 118 119 119

Chapter 10 Building and Publishing Your Website .................... 121


Before You Build Your Website....................................................... Building and Publishing to WebEasy Hosting .............................. Building and Publishing to Third-Party Website Hosting ............ Viewing Your Website ...................................................................... Maintaining Your Website ................................................................ 122 122 124 129 130

Chapter 11 Adding Enhanced Features ...................................... 135


Creating Specialized Websites ....................................................... Changing Scenes ............................................................................. Adding e-Commerce Features ........................................................ Adding Dynamic Links .................................................................... Adding Advanced Objects .............................................................. Adding Multimedia ........................................................................... Creating Animated Items ................................................................. Adding RSS ...................................................................................... Adding WebWidgets ........................................................................ Adding Scripts .................................................................................. 136 138 139 142 142 144 148 148 149 150

Chapter 12 Problem Solving......................................................... 151


Problems with Items ........................................................................ Problems with Text .......................................................................... Problems with Links ........................................................................ Problems When Publishing............................................................. Problems Viewing Sites in a Browser ............................................ 152 154 155 156 157

Index ............................................................................................... 159

WebEasy

xi

Chapter 1
Welcome
Welcome to WebEasy! WebEasy is an easy-to-use website design program. You can create your own site quickly and easily without having to learn any behind-the-scenes coding. WebEasy manages all that for you. This chapter has the following information: WebEasy Features on page 2 Getting Familiar with WebEasy on page 2 Getting Help on page 5

Chapter 1: Welcome

WebEasy Features
WebEasys many features provide you with everything you need to create and manage your website easily. You can use the Website Assistant wizard to make a website from provided templates. The Media Gallery gives you quick access to provided clip art and your own media files (including audio and video files). With the Publish Assistant wizard you can upload your new website easily to the WebEasy hosting service or to a third-party hosting site. The WebEasy hosting service provides an integrated, affordable, and comprehensive hosting solution for your website. The e-Commerce feature gives you a secure way to sell products online. WebEasy creates code based on the W3C standards; therefore, the websites are compatible for modern web browsers (such as Internet Explorer, Google Chrome, Firefox, and Safari).

Getting Familiar with WebEasy


You do not need technical or programming skills to create a complete website for yourself, your family, your organization, or your business. With WebEasy, you can create a professional-looking website in four steps:
1. Create a website document. 2. Adjust the design and content in the document.

WebEasy

Chapter 1: Welcome

3. Build the document into a website. 4. Publish the website on the Internet.
Note: Before you start a website document, determine what images and text you want to have on your website. Think about the organization that would be effective for your site.

1: Creating WebEasy Documents


WebEasy provides hundreds of pre-designed templates that you can customize to suit your needs. Most templates have several linked pages with text and image placeholders. The Website Assistant guides you through the process of selecting a template from the many categories and designs and then customizing the content. You can also select a template and make all changes in the workspace. For information, see Chapter 4 Creating Documents on page 27. With specialized templates, you can quickly make a page for an eBay auction, set up an online photo gallery, or create a blog. See Creating Specialized Websites on page 136 for details. If you have the skills, you can create a complete website from scratch. You can build your website one page at a time. The Website Assistant has blank designs, or you can create web pages based on a page size in the New Document dialog box. See Starting From a Blank Document on page 34 for details.

2: Modifying Documents
Once you have started a WebEasy website document, you can modify it as needed. If you used a template, you can change the provided text and graphics as needed.

WebEasy

Chapter 1: Welcome

You can add: More text, graphics, and shapes (See Chapter 6 Working with Items on page 53, Chapter 7 Working with Images and Shapes on page 73, Chapter 8 Working with Text and Tables on page 93 for information.) Links to other pages, other websites, or files to download (For information, see Adding and Changing Pages on page 39 and Adding Multimedia on page 144. Also, see Creating Links in WebEasy Help.) YouTube videos, audio, other Flash files, and animations for a multimedia-rich site (For details, see Chapter 9 Integrating with Other Websites on page 105 and Adding Multimedia on page 144.)

Using Advanced Features


In addition to multimedia, you can add specialized WebWidgets and other objects (such as a visitor counter). See Chapter 11 Adding Enhanced Features on page 135. WebEasy provides Search Engine Optimization (SEO) features to get your site recognized by search engines. See SEO Assistant wizard in WebEasy Help. To sell products online, you can sign up with an e-commerce provider to process payments. You then add e-commerce buttons to create an online shop. See Adding e-Commerce Features on page 139. If you have the skills, you can add customized code and scripts to enhance your site. See Adding Scripts on page 150.

WebEasy

Chapter 1: Welcome

3: Previewing and Building Websites


If you use a third-party hosting service, you need to build your website before you can publish it. When building your document, WebEasy converts the design into the code needed to view the pages online. You specify the type of coding and WebEasy does all the work for you! See Building the Website Package for Third-Party Hosting on page 124.

4: Publishing Online
The final step of the process is to store all the files online. With WebEasy Hosting building and publishing is one easy step. See Building and Publishing to WebEasy Hosting on page 122 or Publishing to a Third-Party Web Hosting Service on page 125
Note: You must have an active Internet connection and information from your web hosting service to publish your website online.

Getting Help
WebEasy includes a variety of tools to help you find the answers you need.

Accessing Online Help


WebEasy provides help systems for the program and certain components.

WebEasy

Chapter 1: Welcome

To view WebEasy Help:

Click the WebEasy button on the Help tab. Press the F1 key. In a dialog box, click a Help button.

Note: Some dialog boxes have a special Help button for accessing information at non-Avanquest websites (such as a vendors website).

To view Media Gallery Help:

Click the Gallery button on the Help tab. In the FTP Max window, click the Help button. In the Connection Profile or the Connect dialog box, click the Help button.

To view FTP Max Help:

WebEasy

Chapter 1: Welcome

To view Spell Checker Help:

Click the Help button in the Check Spelling dialog box. On the Contents tab, click the plus (+) sign for a section. Then, click a topic to open it. To browse a list of keywords, click the Index tab. Either scroll through and select a keyword or type a keyword. Then, click Display. To search the help topics, click the Search tab. Type a word or phrase and click List Topics to find related topics. Select a topic and click Display.

To view a specific topic in one of the help systems:

Note: Spell Checker Help does not have tabs.

Viewing ToolTips
WebEasy uses ToolTips provide information about buttons. To view a ToolTip, pause the pointer over a button.

To hide ToolTips: 1. Choose Options>WebEasy Settings from the WebEasy

menu.
2. Clear the Show tooltips check box. 3. Click OK.

WebEasy

Chapter 1: Welcome

Accessing the Online Users Guide


To view or print the online users guide, you must have a program that reads PDF files (such as Avanquest Lightning PDF or Adobe Reader) installed on your computer.
To access the online users guide: On the Help tab, click Users Guide.

Using Cue Cards


WebEasy has cue cards that appear in an Assistant window to provide information on the next step of a procedure. By default, cue cards do not show, but you can turn this feature on.
To show (or hide) cue cards: 1. Choose Options > WebEasy Settings from the WebEasy

menu.
2. If necessary, select General on the left. 3. Select (or clear) the Show cue cards check box. 4. Click OK.

When you see a cue card, click its close box to close it. To not see that specific cue card again, clear the Show again check box before closing the window.

Viewing WebEasy Tutorials and Samples


You can learn about WebEasy features with the WebEasy online tutorials. You can also view samples for creative ideas.
Note: You must have an active Internet connection to view the video tutorials or the samples.

WebEasy

Chapter 1: Welcome

To view the tutorials and sample websites:

On the Help tab, in the Help Topics group, click Tutorials.

Contacting Technical Support


If you have questions after reading the users guide and the help systems, our technical support staff is ready to help. The support section of our web site has frequently asked questions (FAQs), troubleshooting tips, and technical support options. You must have Internet access to contact technical support.
To view the support page:

On the Help tab, in the Help Topics group, click Support.

You can also visit us on the web at:


http://www.avanquest.com/redirections/support/support_AQUS.htm

If you contact Technical Support, have your WebEasy version and serial number available. On the Help tab, in the About Software group, click Version.

WebEasy

Chapter 2
Installing, Updating, and Uninstalling WebEasy
This chapter explains how to install and update WebEasy, how to sign-up and manage your WebEasy Hosting account, and how to uninstall WebEasy. This chapter has the following information: Installing WebEasy on page 12 Updating WebEasy on page 13 Signing Up for WebEasy Hosting on page 13 Managing Your WebEasy Hosting Account on page 14 Uninstalling WebEasy on page 14

Chapter 2: Installing, Updating, and Uninstalling WebEasy

Installing WebEasy
If you have a current version of WebEasy, uninstall it before installing the new version. When uninstalling the previous version, your work is saved. After you install WebEasy, you can activate the product by setting up a your free account on WebeasyHosting.com. We recommend you activate the product immediately after installation.
To install WebEasy: 1. Insert the WebEasy disc into your computers disc drive.

If you purchased and downloaded WebEasy online, double-click the downloaded .exe file. If Windows does not open the disc automatically, choose Start > Computer and double-click the icon for the disc drive.
2. If the AutoPlay dialog box opens, click Run setup.exe. 3. If the User Account Control dialog box opens, click Yes. 4. In the Startup screen, click Install WebEasy Professional. 5. Follow the on-screen instructions. 6. If a message asks about installing DHTML Editing Control

from Microsoft and you want to create dynamic websites, click Yes.
Note: If you are not sure, click Yes so that you have the capability. If you click No, you can download it from Microsoft later.

7. When the installation is complete, you can go online to

activate your account. Once your account is activated, you can sign up for WebEasy Hosting.
12 WebEasy

Chapter 2: Installing, Updating, and Uninstalling WebEasy

WebEasy also includes additional clip art that you can install from the Startup screen or download if you purchased the online version.

Updating WebEasy
It is best to check for software updates immediately after you install WebEasy. WebEasy periodically checks for updates when you start the program.
To check for updates manually: 1. If necessary, connect to the Internet. 2. On the Help tab, click Updates. 3. In the window, click OK. 4. If you have an open project, click Yes to save it or No to

discard changes.
5. In the wizard, click Next and follow the on-screen

instructions.

Signing Up for WebEasy Hosting


If you have not already set up your WebEasy Hosting, you can do so now.
To sign up for WebEasy Hosting: 1. On the WebEasy Hosting tab, click the Sign-Up button.

WebEasy opens the WebEasy Hosting website so you can sign up.
2. Follow the online instructions.

WebEasy

13

Chapter 2: Installing, Updating, and Uninstalling WebEasy

Managing Your WebEasy Hosting Account


You can manage your WebEasy hosting account online.
To manage your account: 1. On the WebEasy Hosting tab, click My Account. 2. In the browser, type your user name and your password. 3. Click Login. 4. Make any needed account changes. 5. Log out.

Uninstalling WebEasy
Uninstall WebEasy from your computer to remove program files and settings.
To uninstall WebEasy: 1. Choose Start > Control Panel. 2. Under the Programs heading, click Uninstall a program. 3. In the Uninstall or change a program list, select WebEasy

Professional 9.
Note: The actual name depends on the installed version.

4. Click the Uninstall button on the toolbar. 5. Follow the on-screen instructions.

14

WebEasy

Chapter 3 Getting Started


You create and edit your website documents in the WebEasy workspace. This chapter introduces you to the WebEasy workspace. You also learn how to start and shut down WebEasy, to create a website document, and to set program options. This chapter has the following information: Starting WebEasy on page 16 Learning the WebEasy Workspace on page 16 Customizing WebEasy on page 25 Closing WebEasy on page 26

Chapter 3: Getting Started

Starting WebEasy
When you install WebEasy, the installer places a WebEasy icon on the desktop. You can use this icon to start WebEasy, or you can use the Start menu.
To start WebEasy:

Double-click the WebEasy icon on the desktop.

Choose Start > All Programs > WebEasy Professional 9 > WebEasy Professional 9. (The name depends on the installed version.)

Learning the WebEasy Workspace


When you start WebEasy, the Activity Center provides quick access to common tasks.

Click Pick a Website Template to open the Website Assistant wizard. The Website Assistant wizard shows you an

16

WebEasy

Chapter 3: Getting Started

extensive list of templates for every kind of website so you can get started by using a layout that is already designed. Click Use a Blank Design to select a blank project template to design your own website. You are asked to choose resolution settings for your website and you can import an existing website. Click Sign-Up for Hosting to go online and sign up for WebEasys web hosting service. Click the Close button to go directly to the WebEasy workspace.

You create and edit website documents in the workspace.


1 2 3 5

WebEasy

17

Chapter 3: Getting Started

The numbers on the graphic match to a description below.


1 The WebEasy menu has submenus and commands such as New, Open, Save, Import, Export, Print, Options, and Close. The ribbons tabs have buttons and options for applying WebEasy features. The Quick Access toolbar, below the ribbon by default, has the Undo and Redo buttons, page navigation buttons, and buttons for viewing the Inspector and previewing documents. You can customize the Quick Access toolbar by adding or removing buttons or moving it above the ribbon. The Page Navigation pane shows thumbnails for each page in the document. Click a thumbnail to show that page in the workspace. You can show or hide this pane by clicking the Page Navigation Assistant button on the Quick Access toolbar. You can also click the x button on the pane. You work on your website documents in the workspace area. Each open document has a tab showing the documents file name. Click a tab to activate a document. The Media Gallery pane gives you access to provided media and media files on your computer. You can show or hide this pane in the Options dialog box. The status bar at the bottom of the window shows status information and information about the currently selected item on the page. If you have not selected an item, information shows about the item underneath the pointer. The second section shows the position of the selected item (from the upper-left corner of the page in x and y coordinates) and the size of the item on the page. Use the Zoom slider to adjust the view of the page. The current magnification shows to the left. Click the value to specify an exact magnification.
18 WebEasy

2 3

Chapter 3: Getting Started

Using the Ribbon Tabs and Toolbars


The ribbon tabs and toolbars replace the menus and commands in previous versions of WebEasy except for the commands on the WebEasy menu. WebEasy has six tabs: The Home tab provides basic editing buttons (such as Copy, Paste, and Undo), buttons and options for inserting and modifying text, and buttons and options for inserting and modifying pages. This tab also has the Link button for adding links, the Grid button for showing and adjusting the grid, and options for styling items. You use the Insert and Modify tab to insert items (except for text) into a document. Once you insert an item, you can modify it (including adding scripts) with the options in the Modify section. This tab also has options for styling items. The Layout tab provides ways to arrange content on the page. You can also show or hide, group or ungroup, and lock or unlock items for editing. The Review and Tools tab has various tools for helping you develop your website documents (for example, by playing audio files, searching for items, and viewing site links). You can also preview your document by creating a temporary build. You use the WebEasy Hosting tab to publish your website (or upload it) to storage space on the Web, and to sign up for or manage your account with WebEasy Hosting. The Help tab has buttons for accessing help, registering and updating WebEasy, and for viewing version information.

WebEasy

19

Chapter 3: Getting Started

Working with the Media Gallery


The Media Gallery displays the contents of the currently selected folder or disk as thumbnails, and, by default it appears as a pane at the bottom of the workspace. You can drag it to the left or right side of the workspace. You can show or hide the Media Gallery in the Options dialog box or by clicking the Media Gallery button on the Insert and Modify tab.

The Media Gallery supports more than 150 file formats for accessing images, animations, audio files, video clips, documents, and web objects (special scripts). To browse for media files: Use the buttons on the left side of the toolbar to navigate through folders. When you open a folder, its path shows in the Address box. Use icons on the right side of the toolbar to access shortcuts to commonly used media folders (such as Clipart or Audio). By default, the Tree pane is hidden. To show it, drag the divider at the left side of the Media Gallery. Use the Tree pane to browse to and open a folder with media files in a tree hierarchy.

When you open a folder with media files, thumbnails of (or details about) the files appear in the Display pane. You can then drag items to add them to documents.

20

WebEasy

Chapter 3: Getting Started

The Media Gallery has its own Options dialog box and help system. To set Media Gallery options, click the Options button on its toolbar. For details, see Media Gallery Help. To view Media Gallery Help, click the Gallery button on the Help tab.

Using the Inspector


The Inspector is a palette to view and edit properties of the currently selected item or document. To open the Inspector, click the Inspector button on the Quick Access toolbar. (CTRL+K)

WebEasy

21

Chapter 3: Getting Started

You can keep the Inspector palette open as you work with different items, and it updates each time you select a different item. Each type of item displays different properties. For example, for an image, you can view details about the image file. The Inspector has three tabs: The Properties tab displays general properties with information about the currently selected item, page, or document. You can change the properties for the current selection, the current page, or the complete site. The Style tab shows the attributes for the documents style sheet. Some of these attributes are only supported if you build a CSS-based website (which uses Cascading Style Sheets). You can change the properties for the current selection, the current page, or the complete site. The Layers tab lists all the items on the current page. You can lock, hide, and move layers higher or lower in the view. You can change certain properties for certain items here. For example, if you have a rectangular shape, you can change its background fill properties.

Using Assistants
Assistants help you get started quickly by guiding you through an activity step-by-step. You can use assistants to help you:
22

Design websites (Website Assistant). Publish websites (Publish Assistant). Add ready-made text (Text Assistant). Create a rollover image (Rollover Image Assistant). Search for files (Search Assistant).
WebEasy

Chapter 3: Getting Started

View a site map (Site Map Assistant). Add information to improve search engine hits (SEO Assistant). Select a vendor for selling items (E-Commerce Vendor Assistant). Insert objects that have varying information (Dynamic Link Assistant).

For information about a specific Assistant, view the relevant topic in the Reference section of WebEasy Help.

Using Shortcut Menus


The most commonly used commands are available on shortcut menus in the WebEasy window. You can open an items shortcut menu by right-clicking the item or over an open space.

You use shortcut menus on the ribbon and Quick Access toolbar to customize them.

Customizing the Workspace


You can adjust the workspace in several ways to suit your needs. You can show or hide the Page Navigation pane by clicking the Page Navigation Assistant button on the Quick Access toolbar or the Review and Tools tab.
WebEasy 23

Chapter 3: Getting Started

You can float the Page Navigation pane by dragging its title bar or by right-clicking the title bar and choosing Float. To re-dock the pane, right-click its title bar and specify where to dock the pane. You can show or hide the Inspector by clicking the Inspector button on the Quick Access toolbar or the Review and Tools tab. (CTRL+K) You can dock the Inspector by right-clicking its title bar and specifying where to dock it. You can use the same shortcut menu to float it again or hide it. You can customize the status bar to show or hide the status information, the zoom value, or the Zoom slider. Right-click the status bar and click an item to show or clear the check mark.

Changing the Workspace View


When working on a large page, you may need to see details clearly. You can zoom in and out of a page to get the best view. Use the Zoom slider on the right side of the status bar to see more or less detail.
To zoom to a specific magnification: 1. Click the Zoom value on the status bar. 2. In the Zoom dialog box, select a pre-defined value or type a

value in the Custom box.


3. Click OK.

To return to standard views quickly, in the Zoom dialog box select Fit or 100%.

24

WebEasy

Chapter 3: Getting Started

Customizing the Quick Access Toolbar


You can customize the Quick Access toolbar to show commands that you use frequently. To hide (or show) a default button, click the arrow to the right of the Quick Access toolbar and click the name of the button to remove (or show) it. To quickly add a command to the Quick Access toolbar, right-click the button on the tab and choose Add to Quick Access Toolbar. To quickly remove a button from the Quick Access toolbar, right-click the button on the Quick Access toolbar and choose Remove from Quick Access Toolbar. To move the Quick Access toolbar, right-click the toolbar and choose Show Quick Access Toolbar Above the Ribbon or Show Quick Access Toolbar Below the Ribbon.

For more information, see WebEasy Help.

Customizing WebEasy
WebEasy has an Options dialog box where you can customize certain settings that affect the workspace, the program, and your documents. To set WebEasy options, choose Options > WebEasy Options on the WebEasy menu. The Options dialog box has the following pages: General page: On this page you can show or hide ToolTips, cue cards, and the Media Gallery pane by selecting or clearing a check box. You can also specify whether or not to hear program sounds, lock or unlock the Media Gallery, monitor Media Gallery drives, and dock or undock program panes and palettes.

WebEasy

25

Chapter 3: Getting Started

Documents page: In the Working with Document area you can adjust the default print quality, which method to use for selecting colors, whether WebEasy alerts you about missing files or creates thumbnails. Design Grid page: The grid displays in the workspace to help you align items. The options on this page adjust grid settings. You can also access this page by clicking Grid > Grid Settings on the Home tab. Image page: These settings determine the default settings for images that you insert in a document. Build HTML page: WebEasy uses the options on this page to determine how to build a website from your documents (for example, which case to use for website files). Folders page: You can specify the location for default folders. Programs page: You can specify default programs for editing images, for previewing documents in a browser, and whether to use the Publish Assistant by default. Advanced page: On this page you can specify the maximum time for recording audio, the number of undo and backup history levels, the default URL for a third-party web host, and whether to search for inline images when importing a website. For more details, see the Reference section in WebEasy Help.

Closing WebEasy
When you are finished working on your website, you can save the files and close the program.
To exit WebEasy: 1. Open the WebEasy menu and click Exit or click the close

box in WebEasy windows title bar.


2. In the confirmation message, click OK.
26 WebEasy

Chapter 4 Creating Documents


This chapter focuses on creating WebEasy documents, which is the first of the four steps involved in creating a website. You also learn how to save and back up your documents.
Note: WebEasy must build the website (by converting all pages and graphics into web-compatible formats) before you can publish it (transfer files to your ISP or web host provider).

This chapter has the following information: Understanding WebEasy Documents on page 28 Using the Website Assistant to Create Documents on page 29 Using Templates to Create Documents on page 32 Starting From a Blank Document on page 34 Saving Documents on page 34

Chapter 4: Creating Documents

Understanding WebEasy Documents


There are four steps involved in creating a website when using WebEasy:
1. Create a website document. 2. Adjust the design and content in the document. 3. Build the document into a website. 4. Publish the website on the Internet.

In step 1, the WebEasy document is the basis for your website. There are three ways to start a new document in WebEasy: Use the Website Assistant. This takes you step-by-step through the stages of customizing the text and images in a WebEasy template to create your document. Develope a document by using one of WebEasys professionally designed templates in the workspace. In the workspace, replace the images and text with your own and add more items if you wish. Open a blank document and create your own web pages by designing them from scratch. WebEasy offers a choice of blank project templates with preset page sizes (for example, a six-page on-screen website). Add your own images and text to the document.

You can also import an existing website to create a WebEasy document. For information about importing web pages, see WebEasy Help.
Note: How well a website imports depends on the websites design and coding. WebEasy cannot guarantee that it can import all websites correctly.

28

WebEasy

Chapter 4: Creating Documents

With WebEasy, creating a document is similar to using a word processor. If you use a template, each page has placeholder text and graphics that you can customize as needed.
Note: After creating and designing the document, you then have WebEasy build a website from it for you to upload to the Internet.

Using the Website Assistant to Create Documents


The Website Assistant provides templates to create a WebEasy document that you then publish as your website. The Website Assistant guides you through the process for adjusting the design and, depending on the template, suggests content changes. Using this wizard is the quickest and easiest way to develop a website.
Note: The Website Assistant also has specialized templates for creating web photo albums, pages for an eBay auction, blogs, and other specialized sites. (See Creating Specialized Websites on page 136 for more information.)

The templates have placeholder images and text. You may use your own images and text as you go through the Website Assistant wizard. If you dont replace the images and text in the wizard, you can replace them in the workspace.
Note: The following procedure gives general information about using the Website Assistant. The actual steps depend on the template.

To create a document with the Website Assistant: 1. Choose New > Website Wizard from the WebEasy menu. 2. In the Website Assistant wizard, click Next.

WebEasy

29

Chapter 4: Creating Documents

3. In the Select a template style for your Website list, select a

category. The templates with wizard in their titles are for creating a special type of web page such as a web photo album. See Adding Enhanced Features on page 135 for details.
4. In the list below the category, select a template. 5. In the Preview area, click the buttons on the right to view

different pages of the template.


6. Repeat steps 3-5 until you find a template that you like. 7. If available, click the Recommended Style Selection button.

In the Template Style dialog box, select a style category from the list, select a thumbnail for a specific style, and click OK. In general, recommended styles apply different colors to the design. Some styles change the layout.
8. Then click Next. 9. Type a name for your document in the Name box.

30

WebEasy

Chapter 4: Creating Documents

10. If you wish, specify a different folder for saving your

document by clicking the Browse button. In the Choose Folder dialog box, locate and select a folder, and click Open. WebEasy normally saves documents with an ALB extension in the Documents\WebEasy\Documents folder.
11. Click Next. 12. If the template requests that you to enter information, such as

personal or business details, type this information and then click Next. You dont have to enter the information now. You can change text when the document opens in the workspace.
Note: Depending on the template there may be several screens of text changes.

13. If the template has placeholder images, replace the

placeholders in the template with your own images, and then click Next. You can skip this step and add your images later. To specify a different set of images, click the Browse button above the Images list. In the Browse for Folder dialog box, locate and select the folder with the images. Click OK. Select an image and then click >. Alternatively, to load all the images, click >>. WebEasy sequentially replaces the placeholders.
14. If asked about adjusting the layout, make any needed

adjustments, and click Next. To change the color scheme, select a theme from the Color Theme list. (This changes the color boxes in the Color section.)

WebEasy

31

Chapter 4: Creating Documents

To change the fonts, click the Font box, make changes in the Font dialog box, and click OK. To change individual colors, click a color box, select a color in the Color palette, and then click x to close the palette. To adjust the position of the logo, select either Left justified or Right justified. To remove the logo, select No logo. To adjust other features in the Features area, select or clear the available check boxes. As with the other screens, you can skip this step and change the text in the workspace.
15. On the Congratulations! screen, to see what the site looks

like in your default browser, select the Preview website now check box.
16. To add an RSS feed to your site, select the Add RSS to your

website check box. For information about RSS feeds, see Adding RSS on page 148.
17. Click Finish.

Your document appears in the WebEasy workspace, ready for editing. If you selected Preview website now, your default browser opens with the website showing.

Using Templates to Create Documents


You can use WebEasy templates to design professional-looking websites. Select a template that suits your style, and then customize it with your own images and text. By using the Website command, you make all changes in the workspace (instead of in the Website Assistant).

32

WebEasy

Chapter 4: Creating Documents

To create a document from a template: 1. Choose New > Website from the WebEasy menu.

2. In the New Document dialog box, in the category list on the

left, select a design category.


3. In the area below, select a template. 4. In the Preview area, click the buttons on the right to view

different pages of the template.


5. Repeat steps 2-4 until you find a template that you like. 6. If available, click the Recommended Style Selection button.

In the Template Style dialog box, select a style category from the list, select a thumbnail for a specific style, and click OK. In general, the recommended styles apply different colors to the design. Some styles change the layout.
7. Click OK.
Note: In the New Document dialog box you can also import an existing website to use as a WebEasy document. How well a website imports depends on the websites design and coding.

WebEasy

33

Chapter 4: Creating Documents

Starting From a Blank Document


If you are familiar with web page design, you can design your website document from scratch. You can use the New Document dialog box and select the Blanks category for a document with several blank pages, but you can also start from a single, blank page.
To create a new document:

Open the WebEasy menu and choose New > Blank Document. A blank, single-page document opens in the workspace.

You can now add pages, backgrounds, insert images, and use all the WebEasy features to design your document. See subsequent chapters for information.

Saving Documents
You can save documents as documents, as templates, or as a backup archive.

Saving Your Documents


You may want to save a document immediately after creating it particularly if you went through the Website Assistant and made changes in the wizard.
To save a document: 1. Open the WebEasy menu and choose Save. 2. If youve saved this document before, you are done.

If you havent saved this document before, then in the Save As Document dialog box, locate and open the folder where you want to save your document.
3. Type a name for the document in the File name box.
34 WebEasy

Chapter 4: Creating Documents

4. Make sure the Save as type box shows Document (*.ALB). 5. Click Save. To save a document in a new location or with a new name: 1. Open the WebEasy menu and choose Save As > Document. 2. In the Save As Document dialog box, to save the document in

a new location, locate and open the folder where you want to save your document.
3. To give the document a different name, type a name for the

document in the File name box.


4. Click Save.

Saving as a Template
By saving a document as a template, you create a personal template that you can use to design other documents in the same style or use to add pages to the existing website.
To save a document as a template: 1. Open the WebEasy menu and choose Save As > Template. 2. In the Save As Document dialog box, locate and open the

folder where you want to save your document.


Note: If you save a the template into the WebEasy Templates folder and in a category folder, it becomes available in the Website Assistant and in the New Document dialog box.

3. Type a name for the document in the File name box. 4. In the Save as type box, verify that it shows Template

(*.TPL).
5. Click Save.

WebEasy

35

Chapter 4: Creating Documents

Saving Backup Archives


By saving a document as a backup archive, WebEasy copies the document and all linked files (such as graphic and audio files) to a different folder. You can then copy the entire folder to removable media or move your design to another computer. Do not use this for normal saving because it takes up more disk space than when saving a document.
To save a backup archive: 1. Open the WebEasy menu and choose Save As > Backup

Archive.
2. In the Backup Website Document dialog box, locate and open

the folder for the backup. (Make sure to save the backup in a different location than the original file.)
3. Type a name for the archive in the File name box. 4. Click Save.
Note: Making an archive takes up significant disk space. Only use it when you need an extra copy of all the files included in the document.

36

WebEasy

Chapter 5 Viewing and Editing Documents


After creating a document, you can open it to make changes to it. Each page in a WebEasy document can include photos, graphics, text, and other items. You can add, re-order, and delete pages. Also, you can adjust the background and add page-level items. After developing your document, you may want to preview the website so you can make changes before building and uploading it. This chapter has the following information: Opening Documents and Viewing Pages on page 38 Adding and Changing Pages on page 39 Adding Page Navigation Links on page 49 Previewing Documents on page 51

Chapter 5: Viewing and Editing Documents

Opening Documents and Viewing Pages


You can open documents and view their pages.
To open a document: 1. Open the WebEasy menu and choose Open. 2. In the Open Document dialog box, locate and open the folder

that has the *.ALB file.


Note: You can also open a template file (*.TPL) or a Web document (*.WEB).]

3. Select the file and click Open.

If youve worked on the document recently, you can open the WebEasy menu and click a file in the Recent Files list on the right side of the menu.

Viewing Specific Pages


To quickly view a page, you can use the navigation buttons on the Quick Access toolbar or click the Modify button in the Pages section on the Home tab.

If the document has many pages, you use the Go To dialog box to move to a specific page. You can even open a different document to a specific page. See WebEasy Help for information.

38

WebEasy

Chapter 5: Viewing and Editing Documents

To go to a specific page in the current document: 1. If necessary, click the Home tab. 2. In the Page section, click Modify > Go To.

3. In the Go To dialog box, scroll through the thumbnails and

select one. To go directly to a page, type the page number in the Enter page number box.
4. Click OK.

Adding and Changing Pages


A page in a document can include graphics, text, shapes, and other objects. You can add pages to, delete pages from, and change each page of your document.

Adding Pages
You can add new pages to your document. Each page can have the same or different backgrounds. You can also change the viewing size of the pages.

WebEasy

39

Chapter 5: Viewing and Editing Documents

To add a page: 1. If necessary, click the Home tab. 2. In the Page section, to add a new template page after the

current page, click the Insert button.

3. In the New Page dialog box, from the Choose a template

category for your new page list, select a category for the new page. To add a blank page, select Blanks.
Note: If the current page has a background and you select a blank template for the new page, then WebEasy creates the new page with the same background as the current page.

If you used a specific template to create the document, then select the category that you used for the rest of the document.
4. In the area below the category, select a template to use. If

you selected Blanks, then select either This Page or Blank Page.

40

WebEasy

Chapter 5: Viewing and Editing Documents

5. Use the navigation buttons beside the Page preview area to

locate the specific template page to use.


6. If the template has multiple styles, click the Recommended

Style Selection button. In the Template Style Library dialog box, if you wish, specify a different style from the list. In the Preview area select a template and click OK. To import a style, click the Import from Style Library button. In the Import Style dialog box, specify a style. Then select the style in the Preview area and click OK.
7. If you wish, edit the pages title in the Title box. 8. To have the page size match the current the page, select the

Fit template to page dimensions check box.


9. Click OK.

The new page appears after the current page.


To quickly add a blank page: 1. If necessary, click the Home tab. 2. In the Page section, click Insert > Blank Page. To add a page by duplicating the current page: 1. If necessary, click the Home tab. 2. In the Page section, click Insert > Copy Page.

Adding Page Titles


You can give a title to every page in your document. Page titles help you to set up navigation links for a large document with many pages. After the page has a title, the title of the current page appears on the tab for the open document. When you build the website, the page title appears in the browser window. The page titles also appear in the Sort dialog box.
WebEasy 41

Chapter 5: Viewing and Editing Documents

Note: Some search engines use page titles to locate your website. The title should be short, but relevant to the pages content.

To add a page title: 1. Open a document. 2. If necessary, click the Home tab. 3. Click Modify > Page Title.

4. In the Page Title dialog box, if necessary, select a different

page in the document.


5. In the Page Title box, type a title for the selected page. 6. If you wish, repeat steps 4-5 to add titles to other pages. 7. If asked about updating links, click OK. 8. Click OK.

Some characters and combinations are not accepted as names. Avoid using &, CR, LF and TAB.

42

WebEasy

Chapter 5: Viewing and Editing Documents

Adjusting Page Backgrounds


You can add plain colors, gradients, textures, and patterns as backgrounds to your pages.
To add a background color to a page: 1. If necessary, click the Home tab. 2. In the Page section, click Background > Background.

3. In the Page Background Settings dialog box, on the Color

tab, click a standard, pre-defined color. To select from a larger palette, click the Full Color Palette button. Click a color and then click the x button. If you know the hexadecimal value for the color, you can type it (preceded by a #) in the Solid Color box. (The selected color appears in the Sample area.)
4. To apply this color to all pages, select Apply to all pages. 5. Click OK.

To apply a custom color, see Specifying Colors on page 70.

WebEasy

43

Chapter 5: Viewing and Editing Documents

To add a gradient to the background: 1. In the Page section of the Home tab, click Background >

Background.
2. In the Page Background Settings dialog box, click the

Gradient tab.

3. To specify the starting color, click the Full color palette

button to the right of the Starting Color box and select a color from the palette. Then click the x button. (You can also type a hexadecimal value in the box.)
4. To specify the ending color, click the Full color palette

button to the right of the Ending Color box and select a color from the palette. Then click the x button. (You can also type a hexadecimal value in the box.)
5. Then, type a Drawing Angle or click the Angle Setting

button and specify the type of gradient. (A preview of the gradient appears in the Sample area.)
6. To apply this gradient to all pages, select Apply to all pages. 7. Click OK.

44

WebEasy

Chapter 5: Viewing and Editing Documents

To add a texture to the background: 1. In the Page section of the Home tab, click Background >

Background.
2. In the Page Background Settings dialog box, click the

Texture tab.

3. To use a provided image from the Media Gallerys Texture

folder, select an image in the Image File list. To use another image, click the Browse button. In the Choose Image dialog box, locate and select the image file and click Open. (A preview of the texture appears in the Sample area and all images in the selected folder appear in the list.)
4. To apply this texture to all pages, select Apply to all pages. 5. Click OK.

Instead of inserting a page background with the dialog box, you can drag a texture directly into a page as a background. By using this method, you can only change the background of the current page.

WebEasy

45

Chapter 5: Viewing and Editing Documents

To add a textured background by dragging: 1. Click Textures on the Media Gallery toolbar. 2. Select a folder. 3. Click a texture. 4. Drag the background onto the page. To add a pattern to the background: 1. In the Page section of the Home tab, click Background >

Background.
2. In the Page Background Settings dialog box, click the

Pattern tab.

3. To specify the patterns color, click the Full color palette

button to the right of the Foreground Color box and select a color from the palette. Then click the x button. (You can also type a hexadecimal value in the box.)
4. To specify the backgrounds color, click the Full color

palette button to the right of the Background Color box and select a color from the palette. Then click the x button. (You can also type a hexadecimal value in the box.)

46

WebEasy

Chapter 5: Viewing and Editing Documents

5. To specify the pattern, click the Pattern selection button and

then select a pattern. (A preview of the pattern appears in the Sample area.)
6. To apply this pattern to all pages, select Apply to all pages. 7. Click OK.

Deleting Pages
You can only delete a page if your document has more than one page. You cannot undo deleting a page.
To delete a page: 1. Select the page to delete. 2. On the Home tab, in the Page section, click Modify > Delete

Page.
3. In the confirmation box, click Yes.

Changing Page Sizes


You can change the size of pages in your document. To change the page size:
1. On the Home tab, in the Page section, click Modify > Page

Size.

WebEasy

47

Chapter 5: Viewing and Editing Documents

2. In the Page Size dialog box, specify a page size from the

Existing dimensions list. If you dont see the dimensions you want, select User Defined and type the Width and Height in pixels.
Note: For example, if you set the dimensions for 800 x 600, users can view the web pages without scroll bars on screens that are 800 x 600 or larger. If you set the dimensions larger, visitors with smaller screens use scroll bars to view content.

3. To rearrange the items to fit the new page size, select the

Refit items check box.


4. If you select Refit items, to maintain the proportions of the

objects, select the Refit proportionally check box.


5. To apply this change to all pages in the document, select

Apply to all pages. To apply only to the current page, clear this check box. Click OK.

Changing the Page Order


You can change the order of the pages in your document by sorting the pages.
To change the page order: 1. On the Home tab, click Modify and choose Sort.

48

WebEasy

Chapter 5: Viewing and Editing Documents

2. In the Sort dialog box, select the page to move in the

Document pages list.


Note: Its easier to determine the correct page if youve given each page a unique title.

3. Move the page in the document by clicking the Move Up or

Move Down button as needed.


4. Repeat steps 2-3 for other pages. 5. Click OK.

Adding Page Navigation Links


If youve selected a template for your website, that design usually includes navigation items for viewing other pages. By adding a document navigation link to an item, visitors click that item to view another page.
Note: When building a website, WebEasy creates certain types of websites with navigation links included.

To add a navigation link quickly: 1. Select the item for linking.

For example, in a template, there may be text for About Us, which is another page in the document.
2. On the Home tab in the Page section, click the arrow under

the Link button and specify the type of link: First page: Takes a visitor to the first page of the website. Previous page: Takes a visitor to the page before the current page.

WebEasy

49

Chapter 5: Viewing and Editing Documents

Next page: Takes a visitor to the page after the current page. Last page: Takes a visitor to last page in the document. Page by Title: Takes a visitor to a specific page in the website. In the Page Title dialog box, select the page and click OK. Internet: Takes a visitor to a specific page in another website. In the Get Internet Address dialog box, type the URL and click OK. You can add links to items in your website so that visitors can open a file (such as a PDF file or multimedia file), open a blank e-mail message, or even run a program. For details about creating special links, see Creating Links in WebEasy Help. For information about adding items, such as text or graphics, see Chapter 7 Working with Images and Shapes on page 73 and Chapter 8 Working with Text and Tables on page 93.

Removing Links
If you change your mind about having a link, you can remove it.
To remove a link quickly: 1. Select the item with the link. 2. On the Home tab, click Link > Remove.

50

WebEasy

Chapter 5: Viewing and Editing Documents

Previewing Documents
You can preview your document in a browser before you build it into a website. The preview shows your document as it should appear on the Internet and you can check all your links. When you click Preview, WebEasy creates a temporary website. It is not a substitute for building the website, which you must do before you can publish it on the Internet.
To preview your document: 1. Click the Review and Tools tab. 2. To open the document in your default browser, click the

Preview button. If you have multiple browsers installed on your computer, to specify the browser, click the Preview arrow and specify which browser to use.

WebEasy

51

Chapter 5: Viewing and Editing Documents

3. In the Website Preview dialog box, review the options and

make any needed changes. You can specify how to build the website, layout options, whether to preview all or just the current page, the default image file type, and colors for links. If you use Internet Explorer, keep Mark of the Web for local testing selected.
4. To make advanced changes, click Settings. In the Preview

Settings dialog box make the changes and then click OK.

To make additional settings, click Advanced. You can also specify RSS settings. For details, see Chapter 10 Building and Publishing Your Website on page 121.
5. Click OK. 6. Review the website and click the linked items to verify that

each link works correctly.

52

WebEasy

Chapter 6 Working with Items


You can add or replace items (images, text, shapes, and other objects) in your documents. You can move items around and arrange them by grouping them, aligning them, spacing them evenly, or rearranging the order in which they are layered. You work with many items and objects in a similar manner. For item-specific features, see the following chapters. This chapter has the following information: Selecting Items on page 54 Moving Items on page 55 Resizing Items on page 56 Grouping Items on page 56 Removing Items on page 57 Copying Items on page 58 Pasting Items on page 58 Re-ordering Items on page 61 Fitting Items on a Page on page 61 Applying Shadows on page 63 Adding Borders on page 64 Coloring Items on page 66

Chapter 6: Working with Items

Selecting Items
Before you can edit an item in your document, you must select it. When you select an item, Size handles appear on the corners and sides of the item. Images also have a Rotate handle extending to the right.

To select an item:

Click it. To select a different item, click a different item or press TAB. Click elsewhere on the document. On the Layout tab, click Deselect All.

To cancel a selection:

You can select more than one item at a time and edit them simultaneously.
To select multiple items:

To select every item on a page, on the Layout tab, click Select All. (CTRL+A) To select a few items, press SHIFT as you select the items. To select most items, press SHIFT as you select items you dont want selected. Then, on the Layout tab, click Invert Selection.

With a multiple selection, to no longer have an item selected, press the SHIFT key as you click the item.
54 WebEasy

Chapter 6: Working with Items

Moving Items
You can move an item anywhere on a page.
To move an item: 1. Select the item to move. 2. Drag the item to the new position.

An outline of the item shows as you move it. You can position items precisely by using the Size and Position dialog box.
To position an item precisely: 1. Select the item. 2. On the Layout tab, click Fit > Size and Position. (If the

selected item is a graphic, you can also click Image > Size and Position on the Insert and Modify tab.)

3. To adjust the position, specify the values (in pixels) in the

Top and Left boxes (or other boxes) as needed.


Note: WebEasy positions items based on the top-left corner of the page.

4. Click OK.
WebEasy 55

Chapter 6: Working with Items

Resizing Items
You can resize any item by dragging a Size handle. Drag a corner handle to resize the item proportionally. Drag a side handle to resize the height or width.

Note: When you drag a text items handle, you resize the text frame, not the text. To resize the text and the text frame, press the ALT key while resizing.

You can resize items by using the Size and Position dialog box.
To resize an item precisely: 1. Select the item. 2. On the Layout tab, click Fit > Size and Position. (If the

selected item is a graphic, you can also click Image > Size and Position on the Insert and Modify tab.)
3. In the Size and Position dialog box, to be able to distort the

item, clear the Keep aspect ratio check box.


4. To adjust the size, specify the values (in pixels) in the Width

and Height boxes. (For an image, to return it to its original size, click Original Size.)
5. Click OK.

Grouping Items
You can group two or more items together and then adjust them simultaneously.

56

WebEasy

Chapter 6: Working with Items

When you edit a grouped item (such as resize or rotate them), you change all items in the group.
To group items: 1. Select one or more items. 2. Click the Layout tab. 3. Click the Group button.

A grouped item shows diamond-shaped handles on the corners and sides. If you click one item in a group, the handles become the standard handles for adjusting an individual item.
To break apart a group: 1. Select the group. 2. On the Layout tab, click the Ungroup button.

Removing Items
Cutting an item removes it from its current position and places it onto the Windows Clipboard. You can then paste it elsewhere.
To cut items: 1. Select one or more items to cut. 2. On the Home tab, click the Cut button. (CTRL+X) To remove an item without placing it on the Clipboard:

On the Layout tab in the Arrange section, click Delete Selection.

WebEasy

57

Chapter 6: Working with Items

Copying Items
Copying an item places it onto the Clipboard without removing it. You can then paste the Clipboard contents elsewhere.
To copy items: 1. Select one or more items to copy. 2. On the Home tab, click the Copy button. (CTRL+C)

Pasting Items
Pasting places the contents of the Clipboard into your document. WebEasy has several special pasting features.

Pasting Items Normally


You can use the Paste button to paste the contents of the Clipboard onto a page.
To paste an item: 1. On the Home tab, click the Paste button. (CTRL+V) 2. Move the item, as needed, on the page.

Pasting Items with Special Functions


With WebEasy you can also paste items in special ways by clicking the Paste arrow. By default, when you copy and paste WebEasy items, the pasted items appear slightly offset from their original location.
To paste an item in the same position:

Click Paste > Item at Original Position.

To paste an item at a specific location: 1. Click Paste > Item at Mouse Click.
58 WebEasy

Chapter 6: Working with Items

2. Move the pointer to the page and click where you want the

item positioned.
To paste an image at a location: 1. Click Paste > Paste Image. 2. Move the pointer to the page and click where you want the

image positioned.
To paste text at a location: 1. Click Paste > Paste Text. 2. Move the pointer to the page and click where you want the

text. WebEasy keeps track of items you place on the Clipboard during a working session. Even if youve changed the contents of the Clipboard, you can paste items that youve copied or cut earlier.
To paste a non-recent item from the Clipboard: 1. Click Paste > From History.

WebEasy

59

Chapter 6: Working with Items

2. In the Insert Object dialog box on the Clipboard tab, select

the item to paste in the list. WebEasy keeps track of the items by time. The Preview area on the right shows the selected object.
3. Click OK. 4. Move the pointer to the page and click where you want the

item positioned.
Note: When you quit WebEasy, the Clipboard tab loses its contents until you start another session.

Applying Formatting
You can apply formatting from the Clipboards contents to a selected item instead of pasting an item. You can apply formatting from and to the same type of object. You can apply some formatting (such as color) between different items. For example, you can apply a copied shapes color to text.
To format a selected item by pasting: 1. Select the item with the formatting you want to apply

elsewhere.
2. On the Home tab, click the Copy button. 3. In your document, select the item to be formatted. 4. On the Home tab, click Format in the Clipboard section.

60

WebEasy

Chapter 6: Working with Items

Re-ordering Items
WebEasy arranges items on a page 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 one in an upper layer covers anything in a lower layer. You can rearrange the way the items are ordered.
To re-order an item: 1. Select the item to be moved forward or backward. 2. Click the Layout tab, click an order button in

the Arrange section: Bring to Front moves the item to the front-most layer. Send to Back sends the item to the bottom-most layer. Bring Forward brings the item forward one layer. Send Backward sends the item backward one layer.

Fitting Items on a Page


WebEasy has a special feature to arrange items on page. You can use the Fit dialog box: To fit a selected item to a graphic frame or a graphic frame to a selected item. To align selected items to a central point vertically or horizontally. To evenly space selected items vertically or horizontally. To fit selected item(s) to a page to fill the available space. To place selected items in the center of a page. To make two items identical in size.

WebEasy

61

Chapter 6: Working with Items

To fit selected item(s): 1. Select one or more items. 2. On the Layout tab, click the Fit button, or right-click the

selected item(s) and choose Fit.


3. In the Fit dialog box, to align selected items to their central

point or to space them evenly, click the Selection tab. Then specify Space the selection horizontally, Space the selection vertically, Center the selection horizontally, or Center the selection vertically.
4. To fit selected items on the page, click the Page tab. Then

select Fit the selection to the page, Proportionally fit the selection to the page, or Center the selection on the page.
5. To adjust the size of selected items, click the Size tab. Then

select Make the same size, Make the same width, or Make the same height. To reset the sizes, select Restore original image size.
6. Click OK.

The WebEasy clipart library includes graphic frames. You add a graphic frame to surround another item. After adding the frame, you use the Fit dialog box to fit the frame to the item or vice versa.

62

WebEasy

Chapter 6: Working with Items

To fit a graphic frame and another item: 1. Select the frame and the other items. 2. On the Layout tab, click the Fit button, or right-click the

selected items and choose Fit.


3. In the Fit dialog box, if necessary, click the Frame tab. 4. To have the frame match the item, select Fit the frame to

the selection, or to have the item fit into the frame, select Fit the selection to the frame.
5. Click OK.

Applying Shadows
You can add shadows to graphics, shapes, and text. When you apply a shadow to Plain Text or Rich Text, the shadow appears around the text frame, not the text itself. To apply shadows to the characters, insert Graphic Text.
To add a shadow to an item: 1. Select an item. 2. On the Insert and Modify tab, in the Modify section, click

Effects > Shadow.

WebEasy

63

Chapter 6: Working with Items

3. In the Shadow dialog box, to apply a shadow, select the

Display shadow check box. To remove an existing shadow, clear the check box.
Note: The default text for Graphic Text has a shadow applied already.

4. If you selected text and want to convert the selected text or

the text frame to an image, select the Convert text to image check box. (To convert the image back to text, click Undo on the Quick Access toolbar immediately after clicking OK.)
5. Drag the sliders to determine the shadows Opacity, Blur, X

Offset, and Y Offset.


6. Click a colored block to specify a color for the shadow, or

click the Full color palette button select a color from the Color palette.
7. Click OK to apply the shadow.

Adding Borders
You can add a border to most items. (If you cant add a border, the Border button is not available for the selected item.)
To add a border: 1. Select the item. 2. On the Home or the Insert and Modify tab, in the Items

Style section, click the Border button.

64

WebEasy

Chapter 6: Working with Items

3. In the Border Settings dialog box, on the Border tab, click

the Border Style button and specify the type of border. To remove a border, specify None.
Note: You can also specify a style, such as Dotted or Dashed in the Border Thickness list.

4. To change the thickness of a border, type a value (in points)

in the Line box or click the Border Thickness button and specify a thickness.
5. To color the border, click the Color tab. Select a pre-defined

color, type a hexadecimal color, or click the Full color palette button to specify a color in the Color palette.
6. Click OK.

You can use the Border Settings dialog box to change a border. In addition, for a text item, you can adjust padding in the Border Settings dialog box. See Editing and Formatting Text on page 98 for details.

WebEasy

65

Chapter 6: Working with Items

Coloring Items
You can color an items background. For a shape, this changes the color of the shape. For text, this changes the background of the text frame. For an image, doing this does not change the images color.

For text or shapes, you can also apply a gradient, a texture, or a patterned fill.
Note: Coloring the foreground only affects a text item by coloring the text, itself, within the frame.

Adding Colored Fills


You can fill a shape with a single color or apply a background color to text. (If you apply a fill to an image that has a border, the borders color changes.)
To add a fill: 1. Select the shape or text item. 2. On the Home or the Insert and Modify tab, in the Items

Style section, click Background.

66

WebEasy

Chapter 6: Working with Items

3. In the Background - Fill Settings dialog box, on the Color

tab, click a standard, pre-defined color or type a hexadecimal value in the Solid Color box. To select from a larger palette, click the Full Color Palette button. Click a color and then click the x button to close the palette.
4. Click OK.

For information about specifying a custom color, see Specifying Colors on page 70.

Filling Items with Gradients


You can fill a shape or the background of a text object with two colors, so that one color gradually fades into another. (You cant apply a gradient to an image.)
To apply a gradient fill: 1. Select the shape or text frame to fill. 2. On the Home or the Insert and Modify tab, in the Items

Style section, click Background.


3. In the Background - Fill Settings dialog box, click the

Gradient tab.

WebEasy

67

Chapter 6: Working with Items

4. To specify the starting color, click the Full color palette

button to the right of the Starting Color box and select a color from the palette or type a hexadecimal value. Click x to close the palette.
5. To specify the starting color, click the Full color palette

button to the right of the Ending Color box and select a color from the palette or type a hexadecimal value. Click x.
6. Then, type a Drawing Angle (such as 90) or click the Angle

Setting button and specify the type of gradient. Click OK.

Applying Texture Fills


You can fill a shape or the background of a text object with a textured pattern either an image provided by WebEasy or an image of your own. (You cannot apply a texture to an image.)
To fill a shape (or text background) with a texture: 1. Select the shape (or text frame) to fill. 2. On the Home or the Insert and Modify tab, in the Items

Style section, click Background.


3. In the Background - Fill Settings dialog box, click the

Texture tab.

68

WebEasy

Chapter 6: Working with Items

4. To use a provided image, select one in the Image File list.

To use another image, click the Browse button. In the Choose Image dialog box, locate and select the image file and click Open.
5. Click OK.

Applying Patterned Fills


You can fill a shape or the background of a text object with a pattern. (You cannot apply a pattern to an image.)
To fill a shape (or text background) with a pattern: 1. Select the shape (or text frame) to fill. 2. On the Home or the Insert and Modify tab, in the Items

Style section, click Background.


3. In the Background - Fill Settings dialog box, click the

Pattern tab.

4. To specify the color for the pattern elements, click the Full

color palette button to the right of the Foreground Color box and select a color from the palette or type a hexadecimal value. Then click the x button to close the palette.
WebEasy 69

Chapter 6: Working with Items

5. To specify the colored background, click the Full color

palette button to the right of the Background Color box. Select a color from the palette or type a hexadecimal value, and then click the x button.
6. To specify the pattern, click the Pattern selection button and

select a pre-defined pattern. (To remove a pattern select either Solid Background or Solid Foreground.)
7. Click OK.

Specifying Colors
In certain dialog boxes, you can specify a color for an item (or the background of a web page). You can easily select pre-defined colors. The Color palette shows colors that are considered Web-safe colors. These colors should show the same color with different operating systems and different browsers, but the actual color a visitor sees depends on the computers display. To specify a custom color, you define it in the Color dialog box.
Note: By default, WebEasy shows the Color palette when you click the Full color palette button or click a color swatch. In the Options dialog box, you can have WebEasy show the Color dialog box.

70

WebEasy

Chapter 6: Working with Items

To apply color with the Color palette: 1. On a tab, click a Foreground or

Background color button, or in the currently open dialog box, click the Full Color Palette button.
2. On the Color palette, select a color, or if you

know the hexadecimal value for the color, type it in the box at the top.
3. Click the x button to close the palette.

To match a color in the design with the Color palette: 1. Select an item. 2. On a tab, click a Foreground or Background color button. 3. With the Color palette open, move the pointer over the

design and when the pointer is an eyedropper, click the color in the design.
4. On the Color palette, click the x button to close the palette. To specify a custom color: 1. In the currently open dialog box, click the Full Color Palette

button.
2. On the Color palette, click the Select Color button.
Note: Press SHIFT as you click the Full color palette button to open the Color dialog box directly.

3. In the Color dialog box, select a blank box in the Custom

color area and then click Define Custom Color. If you select a box with an existing color, the new color replaces by the selected color.
WebEasy 71

Chapter 6: Working with Items

4. In the large color spectrum, click a color. 5. In the narrow color spectrum, drag the slider to adjust the

color. If you know the HSL (Hue, Saturation, Luminosity) or RGB (Red, Green, Blue) values, you can type them in the appropriate boxes.
6. When the correct color appears in the Color/Solid box, click

Add to Custom Colors.


7. Click OK.

The custom color appears in the Sample area, if available, in the currently open dialog box.

72

WebEasy

Chapter 7 Working with Images and Shapes


You can add images to and delete images from your documents. Many templates have images that you can easily replace with your own. You can rotate, crop, frame, and apply effects to images. You can draw shapes (such as rectangles, lines, and circles) directly on document pages. This chapter has the following information: Inserting Images on page 74 Adjusting Images on page 77 Framing Images on page 81 Applying Image Effects on page 83 Animating Images on page 84 Exporting Images on page 89 Drawing and Editing Shapes on page 89

Chapter 7: Working with Images and Shapes

Inserting Images
You can add images to your documents or replace the placeholders in a template with your own images. To preserve the size and position, you can insert a placeholder until you find another image.

Adding Images by Dragging


WebEasy provides a collection of images in the Media Gallery. You can drag an image from the Media Gallery or from any open folder into the current document page.
To add an image by dragging: 1. If the Media Gallery isnt showing in the workspace, then on

the Insert and Modify tab, click Media Gallery.


2. On the Media Gallery toolbar, click the Photos or Clipart

button.

3. Then double-click a category folder to open it. 4. Scroll through the thumbnails until you find the image to

insert.
5. Drag the image to your document. 6. If necessary, re-position any image.

Optionally, in Windows Explorer, open a folder on your computer or removable device that has images and then drag the image to the current page.

74

WebEasy

Chapter 7: Working with Images and Shapes

Inserting Images with a Dialog Box


Instead of dragging images, you can insert images with the Choose Image dialog box.
To insert an image file: 1. Click the Insert and Modify tab. 2. In the Insert section, click the Picture button or click Picture

> Pictures. To insert a specific type of image, click Picture > Photos, Picture > Clipart, or Picture > Animated GIF. With each, WebEasy opens a specific Media Gallery folder by default.

3. In the Choose Image dialog box, locate an image available

with WebEasy or open another folder that has images.


4. Select the image.

You can insert more than one image at a time by holding down the SHIFT key while clicking adjacent file names, or by holding down the CTRL key while clicking non-adjacent files.
5. Click Open. 6. Position the pointer to place the image(s), and click.

WebEasy

75

Chapter 7: Working with Images and Shapes

Replacing Image Placeholders


Many WebEasy templates include image placeholders. You can replace these placeholders with your own images or images provided by WebEasy.
To replace an image placeholder: 1. Select the image placeholder to replace. 2. Click the Insert and Modify tab. 3. In the Modify section, click Image > Replace Image. 4. In the Choose Image dialog box, locate and select an image.

To limit the types of images shown, select a specific image type in the File type list.
5. Click Open.

You can also replace an image by dragging an image from the Media Gallery on top of the selected image placeholder. Make sure to select the placeholder first so that the handles appear around the edge of the placeholder.

Replacing an Image with a Placeholder


If you no longer want to use an image, but you want to save its size and position for another image, then use the Clear Image command.
To remove an image and restore the placeholder: 1. Click the image to select it. 2. On the Insert and Modify tab, click the Modify > Clear

Image. WebEasy removes the image and a placeholder remains in its place to preserve the size and position of the original image.

76

WebEasy

Chapter 7: Working with Images and Shapes

Adjusting Images
WebEasy offers many image-editing features to help you enhance your photos. You can add frames, stencils, and shadows to photos. You can crop, rotate, and adjust the photos size or apply photo effects.
Note: You cannot re-color images in WebEasy except by applying an effect to the image.

Rotating Images
You can rotate images either with the mouse or by specifying a degree.
To rotate an image with the Rotate handle: 1. Select the image. 2. Position the pointer over the Rotate handle. 3. Drag the Rotate handle as needed. To rotate an image by degrees: 1. Select the image. 2. On the Insert and Modify tab, in the Modify selection, click

Image > Rotate Image.

WebEasy

77

Chapter 7: Working with Images and Shapes

3. In the Rotate Image dialog box, select a pre-defined rotation

amount or select Free Rotate and type the number of degrees to rotate the image counter-clockwise. You can also click the image in the Sample area and drag the image to rotate it.
4. Flip the image by selecting the Horizontal Mirror or

Vertical Mirror check box.


5. Click OK.

Cropping Images
Cropping an image means trimming unwanted areas. Cropping in WebEasy does not affect the original image; therefore, you can easily restore the image.
To crop an image: 1. Select the image to crop. 2. On the Insert and Modify tab, in the Modify section, click

Image > Crop Image.

78

WebEasy

Chapter 7: Working with Images and Shapes

3. In the Crop Image dialog box, drag the handles at the corners

of the image as needed to enclose the area to keep.


4. Click OK.

You can cancel a crop by opening the Crop Image dialog box and clicking the x in the dialog box.
To crop an image on the page: 1. Select the image. 2. Move the pointer over a handle. 3. Press the CTRL key and with the Crop pointer drag the

handle.

Resizing Images
As with other items, you can resize images by dragging their Size handles. To resize an image precisely, you can use the Size and Position dialog box.
To resize an image precisely: 1. Select the image. 2. If necessary, click the Insert and Modify tab. 3. Click Image > Size and Position.

WebEasy

79

Chapter 7: Working with Images and Shapes

4. In the Size and Position dialog box, to maintain the images

proportions as you resize it, select the Keep aspect ratio check box. To distort the image, clear the check box.
5. Type the Width and Height for your image in pixels.

If you selected Keep image aspect ratio, type either the width or height and WebEasy calculates the other value. To undo any previous resizing, click the Original Size button.
6. Click OK.

Positioning Images Exactly


In general, you position images by dragging them on the page, but you can indicate an exact location.
To position an image exactly: 1. Select the image. 2. If necessary, click the Insert and Modify tab. 3. Click Image > Size and Position. 4. In the Size and Position dialog box, type values in the

Position area where you want the image placed on the page, relative to the upper-left corner of the page. Typing a number in the Left (or Right) box changes the number in the other box, based on the size of the image. Typing a number in the Top (or Bottom) box changes the number in the other box, based on the size of the image.
Note: While changing positioning values, it is possible to have a negative value for the images size. Make sure the size of the image is correct before clicking OK.

5. Click OK.

80

WebEasy

Chapter 7: Working with Images and Shapes

Framing Images
You can frame images in two ways: by adding a graphical frame or by applying a stencil to an image. You can also add a colored border to images. For information about borders, see Adding Borders on page 64.

Adding Graphic Frames


A graphic frame around an image can enhance the look of an image. WebEasy provides a range of frames in different colors and textures.

To frame an image: 1. Select the image to frame. 2. On the Insert and Modify tab, in the Modify section, click

Image > Add/Replace Frame.


3. In the Choose Image dialog box, which opens to the Frames

folder, double-click a folder to browse for a frame.


4. When you find the frame to use, select it. 5. Click Open.

You use the same procedure to replace a frame. You can also add a frame by clicking Frames on the Media Gallery toolbar and then opening the various folders. When you find a frame you like, drag it on top of a selected image.

WebEasy

81

Chapter 7: Working with Images and Shapes

After adding a frame, you can remove it.


To remove a frame from an image: 1. Select the image with the frame. 2. On the Insert and Modify tab, in the Modify section, click

Image > Clear Frame.

Applying Stencils to Images


Stencils are an effective way to apply borders or wash effects to images. You can hide part of an image, fade out parts, place the image inside a cutout shape or border, or apply a texture or a colored wash to the image.

To apply a stencil to an image: 1. Select the image to select it. 2. On the Insert and Modify tab, in the Modify section, click

Image > Add/Replace Stencil.


3. In the Choose Image dialog box, which opens to the Stencils

folder, double-click a folder to browse for a stencil.


4. When you find the stencil to use, select it. 5. Click Open.

You use the same procedure to replace a stencil.


82 WebEasy

Chapter 7: Working with Images and Shapes

You can also add a stencil by clicking Stencils on the Media Gallery toolbar and then opening the various folders. When you find a stencil you like drag it on top of a selected image. After applying a stencil, you can remove it.
To remove a stencil from an image: 1. Select the image with the stencil. 2. On the Insert and Modify tab, in the Modify section, click

Image > Clear Stencil.

Applying Image Effects


Image effects are filters that you can apply to images. The effects range from adjusting the image color and quality to adding artistic effects, such as embossing or transparency.

WebEasy

83

Chapter 7: Working with Images and Shapes

To apply an effect: 1. Select an image. 2. On the Insert and Modify tab, in the Modify section, click

Image > Image Effects.


3. In the Effects dialog box, to see the effect applied to the

image on the page, select the Preview on page check box. You may need to move the dialog box to see the image on the page. Viewing the preview doesnt actually change the image on the page.
4. Select an effect from the Effects list. 5. Apply less or more of the effect on the samples by dragging

the Fine-Coarse slider.


6. Select a sample on the right to apply to the image. 7. If you wish, apply other effects to the image by repeating

steps 4-6.
8. To apply the effect(s) to the image on the page, click OK.

The effects in WebEasy dont change the original image. You can remove the effects from the image by opening the Effects dialog box and then clicking the Clear All button.

Animating Images
WebEasy provides three ways to animate images: creating animated GIF Images, creating rollover images, and applying a path to an image.

84

WebEasy

Chapter 7: Working with Images and Shapes

Creating Animated GIF Images


You can make an animated image with WebEasys Animated GIF Component Assistant. You can create animated GIF images using your own images.
Note: To use your own images, you must have the GIF images available before starting the assistant.

To create an animated GIF: 1. Choose New > Animated GIF from the WebEasy menu. 2. In the Animated GIF Component Assistant wizard, click

Next.

3. Select a template style for the image: Commercial or Logo,

and click Next. With the Commercial style, the animation can have three states, which are all the same size. With the Logo style, the animation can have five states of increasing size. You can preview the selected style by clicking the buttons to the right of the Preview area.
WebEasy 85

Chapter 7: Working with Images and Shapes

4. If you wish, click the Browse button. In the Choose Folder

dialog box, locate and select a folder for saving the image. Click Open. By default, WebEasy saves animated GIF images to your Documents folder.
5. In the Name box, type a name for the image and click Next.

86

WebEasy

Chapter 7: Working with Images and Shapes

6. Click the Select Folder button at the top of the Images list.

In the Browse for Folder dialog box, locate and select the folder that has the GIF files for the animation. Click OK.
7. In the Images list, select an image for the animation and then

click the > button. (Use the arrow buttons above the Preview area to specify which placeholder to replace.)
8. Repeat step 7 for each image to add to the animation.

The Commercial style animation uses three images. The Logo style uses five. When youve added enough images, WebEasy beeps. If you have multiple images in the folder, you can add all the images (up to the maximum number) by clicking the >> button.
9. Once you have the images added, verify them by clicking the

buttons above the Preview area. To remove an image, show it in the Preview area and click the < button. To remove all the images, click the << button.
10. Click Next. 11. Select the Build animated GIF now check box. 12. Click Finish. 13. In the Build Animated GIF dialog box, specify the options

for the GIF file. You can change the size of the GIF animation. Click the Advanced button to change the palette, the color depth, page effect, page duration, specify a color to make transparent, or make the file interleaved.
14. Select the Run now check box to see the animated file. 15. Click OK.

If you selected Run now, the animation shows in your default browser. WebEasy opens the file as a document in the
WebEasy 87

Chapter 7: Working with Images and Shapes

workspace. You can now copy and paste the GIF animation to insert the image into a document or insert it as you would any other image.

Creating GIF Animations from Scratch


You can also create an animated GIF from scratch as a WebEasy document that you build as an animated GIF file. By using this method, you have more flexibility in creating animations. See WebEasy Help for details.

Creating Rollover Images


Often rollover images are used as links to other pages, but you can use them without links for visual appeal on your pages. The image changes when the pointer is over the image. The Rollover Assistant provides a standard two-stage rollover image. Have the images you want to use available before opening the Rollover Assistant. You can add additional image layers and text layers. With WebEasy, you can also add popups (usually ToolTip-like text, but you can use images) that appear next to the rollover image in its active state. For detailed information, see WebEasy Help.

Applying Paths to Images


You can use the Path Animation feature to make images move on your web pages. For details, see Creating Animated Items on page 148.

88

WebEasy

Chapter 7: Working with Images and Shapes

Exporting Images
When you create a GIF image, you export the document as a series of image files. You can also export images of entire pages or export a selected item to save it as an image (or in another image format). For details, see WebEasy Help.

Drawing and Editing Shapes


WebEasy provides tools to draw and edit shapes and lines. You can create shapes from straight lines, curves, polygons, polylines, rectangles, and ovals. You can edit shapes by dragging handles or adjusting the colors, line thickness, and fills. You can add shadows to the shapes. WebEasy converts any shape into an image when it builds your website.

Drawing Simple Geometric Shapes


You can draw simple geometric shapes (such as rectangles and circles) on a web page.
To draw geometric shapes: 1. Click the Insert and Modify tab. 2. In the Insert section, click Shapes > type of shape.

Click Solid Box to create a rectangle that is filled with color. Click Box to draw an outlined rectangle. Click Solid Oval to create an oval that is filled with color. Click Oval to draw an outlined oval.
3. Click the pointer where you want to begin drawing and drag

to create the shape.

WebEasy

89

Chapter 7: Working with Images and Shapes

To draw a square or circle, press the SHIFT key as you drag.

Drawing Lines and Polygons


You can draw individual lines or connected lines on a web page. The lines can be straight or curved.
To draw lines: 1. Click the Insert and Modify tab. 2. In the Insert section, click Shapes > type of line.

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.
3. To create a straight line, click once for the starting point and

drag. For all other lines, click to create each node and double-click to finish or close the shape.

90

WebEasy

Chapter 7: Working with Images and Shapes

Modifying Shapes
You can change shapes (such as filling a shape with color or changing the shapes line). For information about applying colored fills, see Coloring Items on page 66.
To adjust a shapes line quickly: 1. Click the Insert and Modify tab. 2. Select the shape. 3. In the Modify section, click Shapes > a line thickness or

style. If you click Solid/Outline Shape, it changes a solid shape to an outlined shape or vice versa. You can set more line options in the Border Settings dialog box on the Border tab. To open the dialog box, click Border on the Insert and Modify (or Home) tab in the Items Style section.

To make other adjustments to shapes (such as adding color or resizing), see Chapter 6 Working with Items on page 53

WebEasy

91

Chapter 8 Working with Text and Tables


You can insert text and edit and format the text as needed. You can have as many text frames on a page as you like. If your website requires tabular data, you can add a table and format the text in the table. This chapter has the following information: About Text in WebEasy on page 94 Inserting Text on page 96 Editing and Formatting Text on page 98 Adding and Editing Tables on page 102

Chapter 8: Working with Text and Tables

About Text in WebEasy


Text in WebEasy is in a text frame. After typing text, you can move the text frame around the page and treat it like other items on the page.

About Text Frame Modes


A text frame has two modes: Object mode and Edit mode. In Object mode, the text frame appears with a transparent background and with handles. You move the frame around and can add fills, shadows, and other effects to the frame.

To select a text frame, click the text item once. In Edit mode, the text appears as plain black text on a white background. An insertion point indicates where you can type. In this mode, you edit the text by adding, changing, and deleting characters.

To enter Edit mode, double-click a text frame. To exit Edit mode, click outside the text frame. In general, keep each text frame larger than the text in the frame. Some browsers might display text in a larger font, and any text that doesnt fit into the text frame wont appear.

94

WebEasy

Chapter 8: Working with Text and Tables

Types of Text
WebEasy has three types of text you can add: Plain Text, Rich Text, and Graphic Text. You can use your choice of fonts, styles, sizes, colors, and more with each of these. Plain Text uses the same style for all the text within the text frame. You can specify a different font, style, or color, but the change applies to all the text in that frame. This is the most efficient type of text for having on a page.

With Rich Text you can apply different styles to text in the same frame. You can create links within the frame and create bullets, numbered lists, indents, tables, and other forms of text. You can select text and use standard shortcuts for creating bold (CTRL+B), italic (CTRL+I), and underlined (CTRL+U) text.

Graphic Text is for non-standard fonts and unusual text effects such as applying gradients or textures or having shadowed text. WebEasy converts text within the text frame into a graphic on the web page. Its best to use graphic text with larger size fonts because the text might be difficult to read at small font sizes.

WebEasy

95

Chapter 8: Working with Text and Tables

You can align text within the frame to the left, center, right, or justified to the left and right edges. You can convert Plain Text to Rich Text or Rich Text to Plain Text. To do so, select the text frame, and click Rich Text Formatting on the Home tab. When converting from Rich Text to Plain Text, in the confirmation message box, click Yes.

Inserting Text
You can insert your own text or pre-defined text into a page.

Inserting New Text


When you insert new text, WebEasy creates a new text frame.
To insert text into a document: 1. If necessary, click the Home tab. 2. In the Text section, click Plain Text, Rich Text, or Graphic

Text.
3. Move the pointer to the page and click where you want to

place the new text.


4. Double-click the new text item. 5. Select the placeholder text and type your text. 6. After you finish, click anywhere outside the text frame.

96

WebEasy

Chapter 8: Working with Text and Tables

Adding Text with the Text Assistant


A quick and easy way to add text to your document is to use ready-made text items from the Text Assistant. The Text Assistant has text organized into categories for specific uses (such as Web Site or Wedding).
To add ready-made text: 1. On the Home tab, click the Text Assistant button. (CTRL+T) 2. In the Text Assistant palette, select a catalog from the

Catalog list.
3. Select a text item from that catalog. 4. Drag the text onto the page.

If you use text of your own frequently (such as contact information), you can add it to the Text Assistant. For details, about this and creating custom catalogs, see WebEasy Help.

Inserting Exif Information


You can insert text that has information about digital photos: Exif (Exchangeable Image File Format) information. You may want to use this in a photo gallery or as a caption for photos on your website.
To insert Exif information: 1. Click the Insert and Modify tab. 2. In the Insert section, click Picture > Photo Information. 3. In the Choose Image dialog box, locate and select the digital

photo. Then click Open.


4. Click the pointer on the page to insert the text item.

After inserting the text item, you can edit the text and move and resize the text frame.
WebEasy 97

Chapter 8: Working with Text and Tables

For details about extracting Exif information or inserting it on a page, see WebEasy Help.

Editing and Formatting Text


Text appears in WebEasy in a text frame. When selected, the text frame has handles, like other items do.

Adjusting Text Frames


You can move the text frame around the page like other items on your page. If you drag the handles on a text frame, you change the size of the frame but not the size of the text. To change the size of the text, press ALT as you resize the frame.
Note: Keep your text frames larger than the area taken up by the text because some browsers may display text in a larger font. Any text that does not fit into the text frame may not appear.

Editing Text
There are two ways to edit text: Double-click the text frame. Use the insertion point to select text to change or delete. You can add more text at the insertion point. Select a text frame and then click the Edit Content button on the Home tab. In the Edit Text dialog box, you edit the text as with a word processor. This dialog box also provides some ready-made text that you can easily add.
Note: If the selected text is in a Rich Text frame, HTML tags (such as <H1> and </H1>) appear with the texts characters in the Edit Text dialog box. Unless you understand HTML coding, dont change anything between the angle brackets (< >).

98

WebEasy

Chapter 8: Working with Text and Tables

In addition, WebEasy provides a spell checker. To check spelling, click the Spelling button on the Review and Tools tab. You can also specify Spell Checker settings and add words to your user dictionary. For details, see Spell Checker Help.

Formatting Text
You can select text and change the font, style, color, size, and alignment. With Plain Text and Graphic Text, you change all the text in the frame. With Rich Text you can select text to format characters differently within the frame.

Making Multiple Formatting Changes


You can use the Font dialog box to make multiple changes quickly.
To format text: 1. Select the text. 2. On the Home tab, click the Change text font button.

WebEasy

99

Chapter 8: Working with Text and Tables

3. In the Font dialog box, to change the font, select a different

font in the Font list.


4. To change the style, select a different style in the Font Style

list. (The available options depend on the selected font.)


5. To change the size, select a different size in the Size list. 6. To apply a text effect, select Strikeout or Underline. 7. To change the texts color, click the Color arrow and select a

different color from the Color list.


8. Click OK.

For Plain Text and Rich Text, its best to limit the fonts to Arial, Times New Roman, and Verdana. These are available on most computers. Other fonts might not be available. Graphic text can use any font. WebEasy automatically converts the graphic text to an image when you build your website.

Changing Text Size


There are three ways to change the font size for selected text: Select a point size from the Font Size list on the Home tab. Select a relative size from the list when you click the Change text font arrow. Click the Increase Font Size or Decrease Font Size button.

Changing Text Color


You can add color to text or color the background of text.
To change text color: 1. Select the text frame, or, for Rich Text, select the characters

to color.

100

WebEasy

Chapter 8: Working with Text and Tables

2. Click the Font Color button. 3. In the Color palette, click a color or type a hexadecimal

value.
4. Click the x button to close the palette. To change the background color of a text frame: 1. Select the text frame. 2. Click the Text Background Color button. 3. In the Color palette, click a color. 4. Click the x button to close the palette.

In the Color palette, you can click the Select Color button to specify a custom color.

Aligning Text
You align text by selecting the text frame and then clicking the Left, Right, Center, or Justify button on the Home tab. WebEasy aligns text with respect to its frame.

Changing Rich Text


Use the buttons and options in the Rich Text section of the Home tab to format Rich Text in special ways based on HTML code: Change the indentation of text. Create bulleted and numbered lists. Add a horizontal rule. Create a new paragraph. Apply standard styles to text. You use the Format button to apply HTML styles (such as Heading 1, Definition, Paragraph, or Normal) to text.
WebEasy 101

Chapter 8: Working with Text and Tables

Note: The Rich Text options are not available unless you select text within a rich text frame.

If youve changed indentation or created a list and the Undo buttons doesnt work, to reverse those styles, click Normal in the Format list.

Deleting a Text Frame


You can delete any text frame from your documents.
To delete a text frame: 1. Click once on the text frame to select it. (Dont double-click

the text frame.)


2. Press the DELETE key on your keyboard, or on the Layout

tab, click Delete.

Adding and Editing Tables


You can insert a table to organize text in a grid of rows and columns. A table is a Rich Text item in the document.

Inserting Tables
Always place the table entirely inside the page of the document.
To insert a table: 1. On the Insert and Modify tab, in the Insert section, click

Table.

102

WebEasy

Chapter 8: Working with Text and Tables

2. In the Insert Table Object dialog box, select a table style

from the Preformatted Style list. When you select a style, an example appears on the right.
3. Click the Size tab and type values in the Number of the

rows and Number of columns boxes.


4. If needed, select a check box and then specify dimensions, in

pixels, for the Table width or Table height.


5. To further customize the table, click the Style, Text, Column

Headings, and Row Headings tabs and adjust the options as needed.
6. Click the Refresh button to update the preview to match

your selections.
7. Click OK. 8. Move the pointer over the page and click to insert the table. 9. Double-click the table to type information into the cells.

Use the arrow keys to move to adjacent cells.


WebEasy 103

Chapter 8: Working with Text and Tables

10. When done, click outside the table.

To resize the boundary of the item to fit it to the contents, click the table.

Modifying Tables
You can use the options in the Text section on the Home tab to format the text in the table. Double-click the table and select the text to change.
To make changes to a tables structure: 1. Double-click the table. 2. Click a cell in the tab. 3. In the Modify section of the Insert and Modify tab, click the

Table button and then specify a command. You can add and delete rows, add and delete columns, or align text horizontally or vertically in the cells. To change the tables borders, choose Table > Table Border Size. Type a whole number between 0 and 32 into the Rich Text Editing dialog box and click OK. To change the cells padding, choose Table > Table Padding. Type a whole number between 0 and 32 into the Rich Text Editing dialog box and click OK.

104

WebEasy

Chapter 9 Integrating with Other Websites


Social media is a major focus of the World Wide Web. You can use several special features in WebEasy to integrate with other websites. For example, you can give visitors an easy way to bookmark your site, link to a photo or album, or show your business location on a map. This chapter has the following information: Getting Bookmarked on Other Websites on page 106 Linking to Photo-Sharing Sites on page 109 Embedding Photos or Albums on page 111 Embedding Videos with Widgets on page 114 Adding Links to Other Accounts on page 116 Adding Like Buttons on page 117 Having Visitors Contact You on page 118 Adding Google Information to Your Site on page 119 Adding Yelp Review Buttons on page 119

Chapter 9: Integrating with Other Websites

Getting Bookmarked on Other Websites


Some sites (such as Delicious or Digg) offer a bookmarking service where people can save bookmarks online, share them with other people, and see what other people are bookmarking. Also, people who have other social media accounts (such as Facebook) can add bookmarks to show sites that they prefer.

Adding Bookmarking Widgets


With WebEasy you can add icons for visitors to bookmark your site to their bookmarking or social network account.
Note: Visitors must have an account with the site for bookmarking. In many cases, clicking the icon shows a login page for the site.

To add a bookmark (general): 1. On the Insert and Modify tab in the Insert section, click the

Object button.
2. In the Insert Object dialog box, click the WebWidgets tab.

3. In the list, select an object starting with Bookmark on. 4. Click OK.
106 WebEasy

Chapter 9: Integrating with Other Websites

5. Move the pointer over the page and click to place the

bookmark icon.
6. In the Object Properties dialog box, double-click the values

to adjust the content as needed for the information you want to appear with the bookmark. (Not all sites use the same parameters.) See WebEasy Help for details. Some sites have specific parameters or you may have to embed code. You may type the value directly or in a dialog box. For details, see the section about the specific service.
7. Click OK.

To verify the bookmark, preview your site and click the icon.
Note: To actually create a valid bookmark to your site, you must publish the site online.

To change the bookmarks properties, select the object and click Script > Object Properties. Change the values as needed and click OK. For adding specific bookmarking widgets, see WebEasy Help.

Adding Multiple Bookmark Icons


With all the bookmark WebWidgets that WebEasy provides, you could have a range of icons on your website. In general, use the individual icons if you want to provide bookmarking for a few sites. If you want a comprehensive solution, WebEasy has three WebWidgets that give your visitors access to multiple icons. Adding a Static Multiple Bookmark Bar In the WebWidget tab, WebEasy provides a single WebWidget that includes all twelve bookmarks. After you click to position this WebWidget, you may need to adjust the wide bar on the page.
WebEasy 107

Chapter 9: Integrating with Other Websites

In the list on the WebWidgets tab of the Insert Object dialog box, select Bookmarking Social Networks. After you click the pointer, in the Object Properties dialog box, adjust the values in the following parameters: Title, Source URL, and Button Label. Also, you can provide keywords.

Adding a Dynamic Bookmark Bar AddThis is a bookmark sharing service that you can use to add a dynamic list of bookmark icons to your site. WebEasy provides WebWidgets for two AddThis bookmark bars. When viewed on the web page, a small bar appears that expands when a visitor moves the pointer over it. These two bookmarks are identical except one shows BOOKMARK in the bar and the other shows SHARE. In the expanded view visitors can click one of many sites to add the bookmark (including sites that arent available as WebWidgets, such as LinkedIn).
To add multiple, dynamic bookmarking icons:

In the list on the WebWidgets tab of the Insert Object dialog box, select Bookmark on AddThis (Add) or Bookmark on AddThis (Share). After you click the pointer, in the Object Properties dialog box, adjust the values in the following parameters: Title and Source URL.

To test an AddThis bookmark, you must publish the site online.

108

WebEasy

Chapter 9: Integrating with Other Websites

Linking to Photo-Sharing Sites


You use WebWidgets to link to online photo-sharing sites or social media sites where you have photos. You can link to individual photos (so you dont have to keep duplicate images with your website) or full albums on the other site.
WARNING: THE INSTRUCTIONS MAY BE BROWSER-DEPENDENT. IF YOU CANNOT FOLLOW THE GIVEN PROCEDURE IN ONE BROWSER, TRY ANOTHER ONE. WARNING: THESE SITES ARE DYNAMIC AND THEIR FEATURES AND PROCEDURES MAY CHANGE WITHOUT WARNING. USE THE INFORMATION IN THESE TOPICS AS GUIDELINES.

Linking to Photos
You can add a link to show individual photos on your website if the photos are available in Facebook, Flickr, MySpace, PhotoBucket, or Picasa. You need to know the relevant URLs.
To link to a photo (general): 1. On the Insert and Modify tab, click Object. 2. In the Insert Object dialog box, click the WebWidgets tab.

WebEasy

109

Chapter 9: Integrating with Other Websites

3. In the list, select an object starting with Link to Photo on. 4. Click OK. 5. Move the pointer over the page and click to place the photo. 6. In the Object Properties dialog box, double-click the values

to adjust the content as needed for linking to a specific photo. (Not all sites use the same parameters.) For details, see WebEasy Help.
7.

Click OK.

To verify the link, preview your site and click the photo. To change the photo widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK. For linking to photos from a specific site, see WebEasy Help.

Linking to Albums
With some sites you can organize photos into albums. If youve set up albums on Facebook, Flickr, MySpace, PhotoBucket, or Picasa, you can link to that album on your website. You need to know the relevant URLs. An image in the album shows on the web page. In some cases you can specify which photo shows.
To link to an album (general): 1. On the Insert and Modify tab in the Insert section, click the

Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Link to Album on. 4. Click OK. 5. Move the pointer over the page and click to place the album.

110

WebEasy

Chapter 9: Integrating with Other Websites

6. In the Object Properties dialog box, double-click the values

to adjust the content as needed for linking to a specific album. (Not all sites use the same parameters.) For details, see WebEasy Help.
7. Click OK.

To verify the link, preview your site and click the photo that appears on your web page. To change the album widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK. For linking to albums available from a specific site, see WebEasy Help.

Embedding Photos or Albums


Instead of linking to a photo or album, you can embed the photo or album directly on a web page from online photo-sharing sites or social media sites where you have photos (such as Flickr, MySpace, PhotoBucket, or Picasa). From some sites, you can even embed an album as a slideshow to show on your website.
WARNING: THE INSTRUCTIONS MAY BE BROWSER-DEPENDENT. IF YOU CANNOT FOLLOW THE GIVEN PROCEDURE IN ONE BROWSER, TRY ANOTHER ONE. WARNING: THESE SITES ARE DYNAMIC AND THEIR FEATURES AND PROCEDURES MAY CHANGE WITHOUT WARNING. USE THE INFORMATION IN THESE TOPICS AS GUIDELINES.

WebEasy

111

Chapter 9: Integrating with Other Websites

Embedding Photos
You can embed photos into your web pages that are available online from your Flickr, MySpace, PhotoBucket, or Picasa account.
To embed a photo (general): 1. On the Insert and Modify tab in the Insert section, click the

Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Photo on. 4. Click OK. 5. Move the pointer over the page and click to place the photo.

6. In the Object Properties dialog box, double-click the values

to adjust the content as needed for linking to a specific photo. (Not all sites use the same parameters.) For details, see WebEasy Help.
7. Click OK.

To verify the embedded photo, preview your site.


112 WebEasy

Chapter 9: Integrating with Other Websites

To change the photo widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK. For embedding photos available from a specific site, see WebEasy Help.

Embedding Albums
If youve set up albums on Flickr, MySpace, PhotoBucket, or Picasa, you can embed that album on your website. On the web page, the album appears as a slideshow.
To embed an album (general): 1. On the Insert and Modify tab in the Insert section, click the

Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an album object starting with Album on. 4. Click OK. 5. Move the pointer over the page and click to place the album.

WebEasy

113

Chapter 9: Integrating with Other Websites

6. In the Object Properties dialog box, double-click the values

to adjust the content as needed for linking to a specific album. (Not all sites use the same parameters.) For details, see WebEasy Help.
7. Click OK.

To verify that the album is on the page, preview your site. To change the album widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK. For embedding albums available from a specific site, see WebEasy Help.

Embedding Videos with Widgets


WebEasy has a set of WebWidgets that you can use to embed videos from online video-sharing sites or social media sites where you have videos.
WARNING: THE INSTRUCTIONS MAY BE BROWSER-DEPENDENT. IF YOU CANNOT FOLLOW THE GIVEN PROCEDURE IN ONE BROWSER, TRY ANOTHER ONE. WARNING: THESE SITES ARE DYNAMIC AND THEIR FEATURES AND PROCEDURES MAY CHANGE WITHOUT WARNING. USE THE INFORMATION IN THESE TOPICS AS GUIDELINES.

114

WebEasy

Chapter 9: Integrating with Other Websites

Embedding Videos
You can use a widget to embed videos on your website if the videos are available in Facebook, Google, MetaCafe, MySpace, or YouTube. To embed a Flash video, you must know the ID for the video file. Also, its helpful to find out what the size is for the sites video player and make sure you set the size correctly for the placeholder and not resize it on your site. (The size is usually in the embed code.)
To embed a video (general): 1. On the Insert and Modify tab in the Insert section, click the

Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Video on. 4. Click OK. 5. Move the pointer over the page and click to place the video

player.
6. Double-click the object. (For MySpace video, you dont need

to do this.)
7. In the Embedded Object Properties dialog box, double-click

the values to adjust the content as needed for the video. (Not all sites use the same parameters.) For details, see WebEasy Help.
8. Click OK.

To verify the embedded video, preview your site. To change the video widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK.

WebEasy

115

Chapter 9: Integrating with Other Websites

Note: If you are familiar with the HTML code for embedding objects, you can select the object and click Script > Custom Script to make additional changes in the Custom Script Assistant.

For embedding videos available from a specific site, see WebEasy Help.

Adding Links to Other Accounts


You can add icons for visitors to click and go to your other online accounts (such as Facebook, Flickr, Twitter, or Yelp).
To go to another site with a linked icon (general): 1. On the Insert and Modify tab in the Insert section, click the

Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Go to. 4. Click OK. 5. Move the pointer over the page and click to place the icon. 6. In the Object Properties dialog box, double-click the values

to adjust the content as needed for linking to the other site. WebEasy provides most of the information. For details, see WebEasy Help.
7. Click OK.

To verify that the icon is on the page and is linked correctly, preview your site. To change the widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK.

116

WebEasy

Chapter 9: Integrating with Other Websites

Adding Like Buttons


You can add buttons to your web pages for visitors to indicate that they like your page (or your site). WebEasy provides Like buttons for Digg, Facebook, StumbleUpon, and Twitter.
To add a Like button: 1. On the Insert and Modify tab in the Insert section, click the

Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Like. 4. Click OK. 5. Move the pointer over the page and click to place the like

icon.
6. For a Twitter like button, in the Object Properties dialog

box, double-click the Users API ID value and type your Twitter ID. (Usually it is your name in your Twitter page. For example, with http://twitter.com/#!/MyName, use MyName.) Click OK.
Note: The other like buttons do not need a specific parameter changed.

To verify that the icon is on the page and works correctly, preview your site. Your actual URL cannot be used until you publish your site. To change the like widgets ID for a Twitter icon, select the object and click Script > Object Properties. Change the Users API ID value as needed and click OK.

WebEasy

117

Chapter 9: Integrating with Other Websites

Having Visitors Contact You


You can add contact information to your site as part of design, but WebEasy includes two widgets that you can use for supplying contact information. If you have a Facebook or a Flickr account, you can have visitors contact you through them.
To add a contact button: 1. On the Insert and Modify tab in the Insert section, click the

Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Contact on. 4. Click OK. 5. Move the pointer over the page and click to place the icon. 6. In the Object Properties dialog box, double-click the Link to

URL value and either type or paste the URL for your account in the Get Internet Address dialog box. Click OK. To get the correct URL, go to your Facebook or Flickr account and open your Profile page. Copy the URL that shows in the browsers address box.
7. If you wish, double-click the Button Label value and type a

different label.
8. Click OK.

To verify that the button is on the page and works correctly, preview your site. To change the contact widget, select it and click Script > Object Properties. Change the properties as needed and click OK.

118

WebEasy

Chapter 9: Integrating with Other Websites

Adding Google Information to Your Site


WebEasy includes widgets to add a Google Maps object to show a specific location or to add your Google Calendar to your website. You can also see statistics from Google Analytics.

For details, see WebEasy Help.

Adding Yelp Review Buttons


You can add buttons to have visitors access Yelp (a review and local search site) to rate and review your site. In addition, you can show Yelp reviews for your business.
To add a Yelp button or reviews: 1. On the Insert and Modify tab in the Insert section, click the

Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select Get Yelp Feedback or Get Yelp Review. 4. Click OK. 5. Move the pointer over the page and click to place the Yelp

feedback button or the Yelp review box.


6. In the Object Properties dialog box, double-click the

Telephone value and type your telephone number.


7. Click OK.
WebEasy 119

Chapter 9: Integrating with Other Websites

To verify that the Yelp button or review panel is on the page, preview your site. To change the Yelp widget, select it and click Script > Object Properties. Change the telephone number and click OK.

120

WebEasy

Chapter 10 Building and Publishing Your Website


Building your document is a process that organizes your website files so they can be uploaded to the remote server. Publishing your website involves uploading all the files to the remote server so that it is accessible to visitors on the Internet. With WebEasy Hosting, you can use the Publish button to automatically build and publish your website. If you are using a third-party hosting service, you need to build your website before you transfer or upload the files. This chapter has the following information: Before You Build Your Website on page 122 Building and Publishing to WebEasy Hosting on page 122 Building and Publishing to Third-Party Website Hosting on page 124 Viewing Your Website on page 129 Maintaining Your Website on page 130

Chapter 10: Building and Publishing Your Website

Before You Build Your Website


Know the kind of website are you building. You can build your document into four types of websites: An XHTML website with CSS has cascading style sheet support, but does not support some dynamic effects, such as scenes or page transitions found in DHTML web pages. It uses stricter coding standards than are necessary for HTML. With todays standards, this is the preferable type to use. These sites should work as expected in all modern browsers. An HTML website with CSS is similar to XHTML sites, but does not use the stricter XHTML standards. These sites should work as expected in all modern browsers. A dynamic website (DHTML) has extra features, such as page transitions, scenes, and other Dynamic HTML (DHTML) effects. Even if you build a DHTML site, the DHTML features may not work in all browsers or with the settings that some visitors apply to their browsers. A simple website (HTML) has basic features without extras, such as rollover images, page transitions, or animated text and objects. These sites should be viewable in modern and older browsers. Use this for eBay auction pages or in any situation where you cannot use CSS.

Building and Publishing to WebEasy Hosting


Building and Publishing to WebEasy Hosting is quick and simple. WebEasy automatically creates the website package file (a TXT file) with information about which files to transfer to the remote computer at WebEasy Hosting. Then, WebEasy automatically publishes your website.

122

WebEasy

Chapter 10: Building and Publishing Your Website

To build and publish your document to WebEasy Hosting: 1. On the WebEasy Hosting tab, click Publish.

2. Enter your WebEasy Hosting user name and password.


Note: If you have not set up your WebEasy Hosting account, click I dont have a user name and password to set up your account.

3. Choose the website you want to publish. If needed, click

Browse Folder to locate the file.


4. In the Select a domain dialog box, choose one or more

domains where you want your website published.


WebEasy 123

Chapter 10: Building and Publishing Your Website

5. Click Next to publish your website. 6. After the files have been uploaded successfully, click the

sites link to verify the website. (If you selected multiple domains, the wizard has links to each.)
7. To close the wizard, click Finish.
Note: You may need to reload the page in the browser or clear the browsers Internet cache to see the updated pages.

Building and Publishing to Third-Party Website Hosting


Before you publish your website, you need to build it by converting the WebEasy document into files that work on the Web. Once you have built the website package, you can publish it to your hosting service.

Building the Website Package for Third-Party Hosting


WebEasy creates a website package file (a TXT file) with information about which files to transfer to the remote computer. You choose a folder on your hard drive to save the so they can be uploaded to the hosting server.
To build your document for third-party hosting: 1. On the Review and Tools tab, click Build.

The Build Dynamic Website dialog box appears. Your dialog box may show different information, depending on the type of website you are building.

124

WebEasy

Chapter 10: Building and Publishing Your Website

2. Choose how you want to set up the location:

Click the browse folder icon to the right of the Folder box and choose a location. Click OK it you want WebEasy to create a folder for you.

3. Confirm the settings and click OK.

WebEasy creates the website package and returns to the desktop.

Publishing to a Third-Party Web Hosting Service


WebEasy provides two options for publishing your site to another hosting service. The Publish Assistant wizard guides you through the steps. The FTP Max utility lets you upload your files using FTP.

WebEasy

125

Chapter 10: Building and Publishing Your Website

Note: File Transfer Protocol (FTP) is a common method for securely transferring files from a private computer to a public web-hosting server. Your web hosting service must also support FTP.

Using the Publish Assistant


You can use Publish Assistant to publish your website to the Internet. Your Connection Profile When you upload a website package the first time, you set up a Connection Profile that is saved for future use. Your Connection Profile includes information about your website on your hosting service. Before you publish, make sure you have information from your hosting service, such as the host name or IP address, your user name and password, your website URL, and the target folder on the hosting server where your files are to be uploaded.
To publish your site to a web hosting service with the Publish Assistant: 1. On the Review and Tools tab, click 3rd Party Publish. 2. In the Publish Assistant wizard, click Next.

126

WebEasy

Chapter 10: Building and Publishing Your Website

3. On the left, select the website folder to upload.

If the folder to upload doesnt appear in the Website packages list, click the Browse button. Locate the package and click Open.
4. Review the included files shown on the right by clicking the

navigation buttons.
5. Click Next, and then click Connect. 6. In the Connection Profile dialog box, type in a name for the

profile.
7. Complete the remaining fields.

8. Click OK. 9. After the connection is established (which may take a few

minutes), click Next.

WebEasy

127

Chapter 10: Building and Publishing Your Website

10. To remove any old files, select the Cleaning the selected

website check box. When selected, if WebEasy finds any files at the remote site that are not required for the current package, it deletes them. If you have subfolders for this site, keep this check box clear so the subfolders are not deleted.
11. Click Next. 12. If you wish, select the check box(es) to view the website or

to view a report.
13. Click Finish.

If you asked to view a report, it appears in your default browser. If you asked to view both the report and the website, the report appears first and then the website appears. To return to the report, click the browsers Back arrow.

Publishing with FTP Max


As an alternative to the WebEasy Hosting Services Publishing wizard or the Publish Assistant, advanced users can publish websites using FTP Max, an easy-to-use FTP utility. With it you can transfer files to and from your remote server and manage your remote files. The remote server must support FTP to use this option.
To run FTP Max and upload your files: 1. On the Review and Tools tab, click Transfer Files.

The FTP Max utility opens and

128

WebEasy

Chapter 10: Building and Publishing Your Website

2. In the Connect dialog box, if the profile is not yet set up,

enter the information to create your profile.


3. Click OK. 4. After the connection is established, to transfer the files, in the

FTP Max window, specify the remote folder, if necessary, in the top area.
5. Locate the folder with the files in the Local Folder box. 6. Select the folder or open the folder and select the files in the

lower panel.
7. Then click Upload. 8. After the transfer completes, click Finish.

Viewing Your Website


After publishing your site, you should always view it in a browser to see if everything transferred correctly. Its a good practice to view it in several different browsers to understand your visitors experience. You may need to make some adjustments if the website appears differently in browsers.
WebEasy 129

Chapter 10: Building and Publishing Your Website

Maintaining Your Website


After youve published your website on the Internet, you can update it with WebEasy.
To update your website: 1. Open the website document in WebEasy. 2. Make the required changes. 3. Build new HTML files to replace the previous ones. 4. Publish your website again.

WebEasy remembers the information you entered previously, so the process is shorter the next time. When uploading, WebEasy checks the date and time of each file against those on the server. It only uploads newer files to your web space unless you specifically tell it to remove older files.
To publish your document to the third-party hosting website: 1. On the Review and Tools tab, click 3rd Party Publish. 2. After the Publish Assistant wizard opens, click Next. 3. Select a website package to publish and click Next.

130

WebEasy

Chapter 10: Building and Publishing Your Website

4. To connect to your hosting provides, click Connect. 5. If you have not yet set up a profile, enter a name for the

profile. Add the connection information that was supplied by your hosting service when you signed up for hosting.
6. Click Connect.

7. In the Build Dynamic Website dialog box, click the Browse

button for the Folder box. In the Choose Folder dialog box, locate and select a folder for storing the website files. Click Open. (You can also type the path.)
Note: WebEasy places all the files required to view the website, such as the HTML files, the graphics files, and any other necessary files (depending on the type of website) into this folder.

8. In the Package name box, change the document name, if

you wish, to a name for the website package. In general, only use lower-case letters and use the underscore (_) character to separate words. Do not use spaces or non-alphanumeric characters in the name.
WebEasy 131

Chapter 10: Building and Publishing Your Website

9. Select the Output range:

Current page creates a website only for the current page. All pages creates a website that includes every page in the document.
10. If necessary, change the name for the main page in the Index

Page box. (The web hosting service may require the main page to be something other than index.html.)
11. If necessary, change the image file type for determining

which file have transparency: JPEG, GIF, or PNG.


12. Click the Build As button and specify the type of website to

build: XHTML with CSS, HTML with CSS, Dynamic HTML, or Simple HTML.
13. Click the with button and specify the type of pages for your

website: For XHTML with CSS or HTML with CSS, specify how to position the pages: Standard Page displays the website at the top left of the browser. Centered Full Page displays the pages in the center of the browsers window with the any texture or gradient background showing in the center, but the extra space is filled with a solid background color. Centered Transparent Page displays the pages in the center of the browsers window with any texture or gradient background filling the extra space.

132

WebEasy

Chapter 10: Building and Publishing Your Website

For Dynamic HTML, you can specify positioning or add navigation by page numbers or icons to the pages. You can also have the pages divided into frame sets. For Simple HTML, you can specify no additional navigation or have page numbers or icons for navigation. If this is an eBay page, specify Source for eBay sellers.
14. Specify colors for linked text.

To set or change the color of Standard, Visited, and Active links, click the appropriate color block and select a color. For details see Specifying Colors on page 70.
15. Click the Advanced button to personalize your website by

specifying the color palette or scroll bar availability.


16. Click the RSS button to set RSS channel settings.

If you do not have RSS set up, leave this set as RSS Excluded. For information about RSS, see Adding RSS on page 148.
17. Select the Publish on Internet check box if you are

connected to the Internet, have the relevant details from your web hosting service, and want to publish the website now. After WebEasy creates the files, the Publish Assistant opens for you to upload the files immediately.
18. Select the Run Now check box to display the website in your

browser after the HTML files have been built.


19. Select the Publish on Internet check box to open the

WebEasy Hosting Services Publishing wizard after creating the website.


20. Click OK.

The build process takes a few moments, depending on the size of your website and speed of your computer.
WebEasy 133

Chapter 11 Adding Enhanced Features


You can add multimedia, animations, forms, RSS feeds, and more to your website. You can also create specialized websites (such as pages to include in an eBay auction). This chapter has the following information: Creating Specialized Websites on page 136 Changing Scenes on page 138 Adding e-Commerce Features on page 139 Adding Dynamic Links on page 142 Adding Advanced Objects on page 142 Adding Multimedia on page 144 Creating Animated Items on page 148 Adding RSS on page 148 Adding WebWidgets on page 149 Adding Scripts on page 150

Chapter 11: Adding Enhanced Features

Creating Specialized Websites


With WebEasy you can create specialized websites by using wizards in the WebSite Assistant. The specialized sites include: Photo album sites Pages for eBay auctions Blog sites iPhone and mobile phone sites

Creating a Photo Album Website


The Website Assistant includes a Photo Album wizard for creating web pages that are professional-looking photo galleries. You can specify a page style and fill it with thumbnail images of the photos to display. Before creating the site, you may want to place all the images for the album into a single folder on your computer. To create a photo album website, you use the Website Assistant. Select Photo Album Wizard in the Family and Personal category. For details, see WebEasy Help.

Creating an eBay Auction Page


You can use the eBay wizard to create a personalized auction listing that you can use on eBay. You can customize the text for your auction.
Note: You must have an eBay seller account before you can create an eBay auction. Be sure that you read and understand eBays Terms of Service before you post any items for sale on eBay.

136

WebEasy

Chapter 11: Adding Enhanced Features

You can insert a photo into your auction description if you have a digital or scanned photo of your auction item that is stored on your personal website or with an online photo-hosting service somewhere on the Web. Have the URL for the photo available before going through the wizard.
Note: If your auction photo is on your own computer, you must use eBays standard photo hosting services to transfer photos from your computer to the eBay servers. For information, see eBays online help.

Read the instructions and recommendations on eBay for designing the page. Use these guidelines: Use Plain Text and Rich Text items only. (Do not insert Graphic Text.) Use only solid colors as backgrounds or foregrounds. In general, do not use images except for one image that is available online. Have the URL for that image available. To use other images on the page, see WebEasy Help for details. Do not use links to other pages or websites. Only have one page in your site. Do not have overlapping objects on your page design.

To create an eBay page, you use the Website Assistant. Select eBay Wizard in the Business category. For details, see WebEasy Help.

Creating Blogs
Blogs (Web Logs) are specialized sites where a user posts regular entries for visitors to read. In addition to creating a blog site with WebEasy, you can link to a personal account from a blogging site.
WebEasy 137

Chapter 11: Adding Enhanced Features

To create a blogging website, you use the Website Assistant. Select Blog Wizard in the Family and Personal category. For details, see WebEasy Help.

Creating Websites Compatible with Mobile Devices


You can create websites that work with iPhones and other mobile devices. The mobile device templates are smaller, so they fit the mobile devices screen better than a full-sized site. To create a mobile-device website, you use the Website Assistant. Select the iPhone and Mobile photo category and then select a template. For details, see WebEasy Help. After creating a website for mobile devices you can add a redirect script so visitors who use mobile devices see the optimized site instead of the regular site. For details, see Redirecting to a Mobile-Optimized Site in WebEasy Help.

Changing Scenes
Scenes are pages that change appearance based on the time of day, the day of the month, a season, or another factor. You can only have scenes with a DHTML site. The Scenes Assistant helps you adjust images, text, or backgrounds on the same website page based on conditions. A visitor to your website experiences these themes. For example, the theme called Day of the Week might display different marketing slogans on Monday, Tuesday, or Sunday. A Theme is a collection of the scenes available based on specified factors, such as the day of the week.

138

WebEasy

Chapter 11: Adding Enhanced Features

A Scene is a website page design prepared for a particular instance from the theme collection, such as Monday, summer, or Mothers Day.

For details about creating scenes, see WebEasy Help.

Adding e-Commerce Features


You can add features to your website for visitors to purchase products online. To do this, you sign up with an e-commerce vendor for payment processing. With WebEasy you can select from five different vendors.
WARNING: INFORMATION ABOUT VENDORS OTHER THAN THE WEBEASY PAYMENTS SOLUTION ARE PROVIDED WITHOUT SUPPORT. WEBEASY DOES NOT GUARANTEE THE AVAILABILITY OF ESHOP BUTTONS FOR VENDORS OTHER THAN THE WEBEASY PAYMENTS SOLUTION THROUGH THE PROGRAM.

Design your website document and include the eShop buttons for the products you sell.

Recommendations
When setting up your e-commerce website, take care to select a vendor who suits your needs. Evaluate the vendors websites to determine their terms and conditions and what fees they charge. In the E-Commerce Vendor Assistant, WebEasy provides a link to each vendors site. You can also click E-Commerce > Vendors Website. If you use an e-commerce template, the default objects wont work properly on the Internet without the correct settings required by the vendor. Before building the site, delete or edit the e-commerce demonstration objects in the templates.

WebEasy

139

Chapter 11: Adding Enhanced Features

If e-commerce features do not work correctly, you may need to make adjustments to the scripts. To do so, select the button on the page and click Script > Custom Script on the Insert and Modify tab. In general, do not modify scripts unless you understand HTML and the scripting language.

Creating an eShop
Please be aware of all rules and requirements your state, your country, and international law imposes on e-commerce business activities.
Note: See WebEasy Help for more information about an e-commerce vendors specific requirements and to learn about a vendors set of e-commerce objects. Some vendors may not have all objects available. Use the procedure as a guide only.

To create an eShop in a document: 1. Click the Insert and Modify tab. 2. In the Insert section, click E-Commerce > Select Vendor. 3. In the E-Commerce Vendor Assistant, click Next. Then click

a tab to select the vendor that best suits your needs and follow the instructions.
4. If you havent already, sign up with the vendor to use their

services.
5. Follow the vendors instructions on how to set up your

e-commerce service on the Internet. For the WebEasy and 2Checkout solutions, you must create and add items to a product database before designing your website. You can then use the values in the product database when you add the e-commerce buttons to your website.

140

WebEasy

Chapter 11: Adding Enhanced Features

6. In your WebEasy document, create a new page dedicated to

selling the products by putting product names, descriptions, photos, and prices on this page.
Note: Do not place form objects on the web page other than those listed with the vendors name in the Insert Object dialog box. Mixing the objects may cause conflicts and the web page may not work properly on Internet.

7. Click E-Commerce > Insert Object to insert an Add to

Cart or Buy Now object for each product for sale and customize the object as needed.
Note: See relevant topics in WebEasy Help to learn more about each e-commerce object and its parameters.

8. For the WebEasy Payments Solution, click the E-Commerce

> Insert Object to insert Checkout, My Account, or More Info buttons as needed to complete the eShop design.
9. Build your website and publish it on the Internet. 10. Verify and test your website with your eShop solution.
WARNING: BEFORE BUILDING YOUR WEBSITE, DELETE OR EDIT ANY E-COMMERCE DEMONSTRATION OBJECTS THAT ARE PART OF A TEMPLATE. THESE OBJECTS WILL NOT WORK PROPERLY ON THE INTERNET WITHOUT THE PROPER SETTING REQUIRED BY THE E-COMMERCE VENDOR.

For more details about working with e-commerce sites, see WebEasy Help.

WebEasy

141

Chapter 11: Adding Enhanced Features

Adding Dynamic Links


With the help of Internet vendors, you can add components to your page that are dynamically updated by third parties, such as news, weather reports, stock market prices, or advertising. By inserting a dynamic link on your site, you can also direct your visitors to e-shops and services on the Internet. To create your own eShop, see Adding e-Commerce Features on page 139. You must have an account with the online service to be able to create a dynamic link.
To add a dynamic link: 1. Click the Insert and Modify tab. 2. In the Insert section, click Object > Dynamic Link. 3. In the Dynamic Link Assistant wizard, click Next and follow

the on-screen instructions to insert a dynamic link.

Adding Advanced Objects


WebEasy includes a large selection of ready-to-use objects that you can insert into your document. These range from simple design elements (such as colorful page dividers) to advanced elements (such as forms, navigation bars, VRML, 3D motion designs, and gadgets). The iPhone Redirection object automatically detects if a visitor accesses your website with an iPhone or iPod Touch. If you have created a site optimized for viewing on these screens, the visitor has the option of going to the optimized site.
To add an advanced object to your document: 1. Click the Insert and Modify tab. 2. In the Insert section, click the Object button.
142 WebEasy

Chapter 11: Adding Enhanced Features

3. In the Insert Object dialog box, click a tab to display an

object group: Click Animations for objects (such as moving text that you can replace with your own text) to create a dynamic DHTML website. Click Auto links to create links in the form of balls, bullets, or numbers. WebEasy automatically calculates the number of pages in your document and creates a link to each page. Click Dividers to use pre-designed page dividers, some of which are animated. Click Forms to insert complete forms or individual fields and modules. Click Gadgets to add ready-to-use objects (such as a visitors counter, calculator, calendar, or a status bar clock). Click Navigation for pre-designed navigation bars with buttons that you can link. Click Objects to add specialized objects (such as YouTube videos) or coding (such as No Right Click). Click Search to use a specific search engine with your site. Click Visit Us to add a link for WebEasy or Avanquest. Click WebWidgets to link to other websites (such as a Blogger account or your Facebook page). Click eShop to add buttons for e-commerce.
4. Select the item and make modifications as needed. 5. Click OK.

For information about adding a counter to your site, see WebEasy Help. Other topics give specific information about adding certain objects.

WebEasy

143

Chapter 11: Adding Enhanced Features

Adding Multimedia
You can easily insert audio, video, and other multimedia to your website.

Adding Sound Effects or Music


You can add sound to your web page, to specific items on your web page, or both. If you add sound to a web page, the sound plays when the page opens. If you add sound to an item, such as an image, text, or shape, the sound plays when the visitor clicks the item. WebEasy provides a collection of audio clips, including sound effects and music.
WARNING: AUDIO CLIPS PLAY DIFFERENTLY IN HTML AND DYNAMIC HTML WEBSITES. ALSO, YOU SHOULD NOT ASSUME THAT ALL USERS HAVE THE APPROPRIATE PLUG-INS INSTALLED ON THEIR COMPUTER OR EVEN HAVE A SOUND CARD. USERS MAY HAVE THEIR BROWSERS SET TO NOT SUPPORT SCRIPTS THAT ARE REQUIRED TO PLAY AUDIO FILES.

To add sound to a web page: 1. Open the page. 2. On the Insert and Modify tab, in the Modify section, click

Effects > Page Audio.

144

WebEasy

Chapter 11: Adding Enhanced Features

3. In the Background Audio dialog box, select the Enable page

background audio check box.


4. To have the audio clip only play once, clear the Loop check

box. (By default, the audio plays continuously.)


5. Click the Browse button. In the Browse dialog box, locate

and select the audio file. Click Open. By default, the Browse dialog box opens to the WebEasy/Audio/Effects folder.
6. To listen to the audio file, click the Play button. To stop the

playback, click the Stop button.


7. Click OK. To add sound to an item on a page: 1. Select the item for linking the sound clip. 2. On the Home tab, click the Link button in the Page section.

3. In the Link dialog box, in the Link Type list, select Audio

File.

WebEasy

145

Chapter 11: Adding Enhanced Features

4. Click the Audio Files button in the Browse area. In the

Browse dialog box, locate and select the audio file and click Open.
5. To test the sound, click the Play button. 6. To stop playing the file before it ends, click the Stop button. 7. Click OK.

Adding Multimedia Objects


You can easily insert movies, flash video, or other multimedia files into your document. The multimedia object wont run in the document until it has been built. To quickly view the web page with the multimedia object, preview the website.
Note: Not all browsers support all multimedia objects.

To insert multimedia from the Media Gallery: 1. Select the item you want to use in the Media Gallery.

If the Media Gallery doesnt appear in the WebEasy window, on the Insert and Modify tab, click Media Gallery.
2. Drag to place the file as an object in your document.

You can also insert multimedia available on other websites with a WebWidget from the Insert Object dialog box. For details, see Chapter 9 Integrating with Other Websites on page 105.

146

WebEasy

Chapter 11: Adding Enhanced Features

Adding Podcasts
A podcast is a method for including multimedia files on your website, such as audio or video, that are available for playback or for downloading.
Note: You can use your RSS feed to tell your site visitors about these files and then they can view or listen to them on your website.

To add multimedia files to your site, you must have already created them. For details, see the previous sections or see WebEasy Help.

Listening to Sound Files


You can use the Multimedia Player to listen to sound files youve inserted onto a page before building the website.
To listen to a sound file: 1. Select the sound file or open a page with page audio. 2. Click the Review and Tools tab. 3. In the Multimedia Player section, click Play.

4. Click Pause to pause the playback or click Stop to stop

playing the file.

Viewing Multimedia Files


With the Multimedia Player you can view multimedia files (such as AVI and Quick Time movies and animated GIF images) or listen to sound files in a page while the page is still in document
WebEasy 147

Chapter 11: Adding Enhanced Features

form. The Multimedia Player works with WAV, MID, AVI, MOV and other major multimedia formats.
To view a multimedia file: 1. Select a multimedia file. 2. Click the Review and Tools tab. 3. In the Multimedia section, click the Play button.

4. Click Pause or Stop to no longer view the multimedia file.

To adjust the multimedia player or use a placeholder image on the web page, see WebEasy Help.

Creating Animated Items


You can add interest and excitement to web pages by animating static objects. For example, you can have text fly in a page or have a graphic move from one location to another. For details, see this topic in WebEasy Help.
Note: WebEasy also provides some standard animations in the Insert Object dialog box on the Animations tab.

Adding RSS
Use Really Simple Syndication (RSS) to have the visitors to your website receive RSS feeds. These feeds automatically keep site visitors informed about the sites latest news and developments. They are especially useful if you frequently change or add content.
148 WebEasy

Chapter 11: Adding Enhanced Features

To create RSS content in WebEasy, first create a web page for WebEasy to use for creating an XML file (the feed) with your sites latest information. Then, you add a link to that file into one of your web pages, generally the main page. You can create a link to a single line of text, an icon, or an image. When a visitor clicks the link, the XML file opens in their browser or RSS reader and displays the RSS information.
Note: Not all browsers recognize RSS feeds. Review each browsers documentation for further information.

For details on setting up an RSS feed, see WebEasy Help.

Adding WebWidgets
WebWidgets include tools for social networking, photo-sharing, and bookmark-sharing sites. For example, you can link to photos on your Facebook page or in your Flickr account. You must specify parameters when you insert WebWidgets. 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 information about inserting WebWidgets with media or links to other sites, see Chapter 9 Integrating with Other Websites on page 105.
Note: You can also click Objects on the Media Gallery toolbar and double-click the WebWidgets folder. Drag the appropriate object onto the web page.

To insert a WebWidget: 1. Click the Insert and Modify tab. 2. In the Insert section, click the Object button.
WebEasy 149

Chapter 11: Adding Enhanced Features

3. In the Insert Object dialog box, click the WebWidgets tab. 4. Select the object to insert. 5. Click OK. 6. Move the pointer over the page and click to place the object. 7. If the Object Properties (or Embedded Object Properties)

dialog box opens, adjust the values as needed. For details about inserting WebWidgets, see Integrating with Other Websites on page 105.
8. Click OK.

For many objects, you must preview the site to see the object correctly.

Adding Scripts
JavaScript is a programming (or script) language. Generally, you add a script to add functionality of some type to your website. For example, you can have the script open a separate browser window or display a message under certain conditions. WebEasy includes some standard scripts that you can add for implementing common web design features.
Note: Some visitors may have blocked scripts from running in their browsers.

For information about using defined scripts (such as for redirecting pages) or creating custom scripts, see WebEasy Help.

150

WebEasy

Chapter 12 Problem Solving


If you experience problems with WebEasy, you can find answers to some frequently asked questions and helpful hints here. This chapter has the following information: Problems with Items on page 152 Problems with Text on page 154 Problems with Links on page 155 Problems When Publishing on page 156 Problems Viewing Sites in a Browser on page 157

Chapter 12: Problem Solving

Problems with Items


An item on my website is hidden behind another one. With WebEasy you can layer items from front to back. To access the item, you can: If you dont want to move the overlaying item, select that item in front and click the Hide button on the Layout tab. You should be able to see the item underneath. To move the overlaying item but maintain its position on the page, select it and click Send Backward or Send to Back on the Layout tab.

A graphic frame does not fit to my image. If you drag a frame from the Media Gallery onto an image, it only fits if it is dragged directly onto a selected image. If the handles do not show, the frame and image will not fit together. If you have an image and a frame in your document that you want to fit together, use the Fit dialog box.
To fit an image and a graphic frame: 1. Select the image and the frame. 2. Then click the Fit button on the Layout tab. 3. On the Frame tab, select Fit the frame to the selection or

Fit the selection to the frame.


4. Click OK.

152

WebEasy

Chapter 12: Problem Solving

Portrait-oriented images appear as landscape images. Your digital camera might show all the images you take in landscape mode. In WebEasy, rotate the images by 90 degrees. For more information, see Rotating Images on page 77. When I added an oval frame to my image, it did not fit. Oval frames should be used with oval stencils. If you have dragged an oval frame onto your image, click Stencil on the Media Gallery toolbar. Open the Oval folder, and drag an oval-shaped stencil onto your image. When I deleted my frame, my image disappeared as well. WebEasy groups images and frames together to make it easy for you to work with them. When you select a frame, the handles show you whether you have selected just the frame or both the frame and the image. If the handles are squares, you have selected just the frame. If the handles are diamonds, you have selected both the frame and the image. If the selection you have made is not the one you wanted, select the item again. The handles should alternate between diamond and square each time you select an item. A better way to remove a frame from an image is click Image > Clear Frame in the Modify section of the Insert and Modify tab.

WebEasy

153

Chapter 12: Problem Solving

Problems with Text


My text has become an image. Text sometimes becomes an image when WebEasy builds the site because the text overlaps onto another item on the page. To prevent text from becoming an image, make sure text items do not overlap other items or build the site as a DHTML website. Text also becomes an image when you apply a gradient or texture fill. In websites, adding a shadow also causes text to become an image although not for DHTML websites. I cannot see all my text. If you enlarge text after you type it in, the text frame may be too small to display all the text. Enlarge the text frame by selecting the text item and dragging the handles. Use the handles on the sides of the text frame to widen it. Use the handles on the top and bottom of the text frame to increase the height. Use the handles on the corners of the text frame to increase the height and width at the same time.

154

WebEasy

Chapter 12: Problem Solving

Problems with Links


Some of my links to other sites do not work. WebEasy does not verify that the Internet addresses you provide are correct. You can use the Site Map Assistant (available on the Review and Tools tab) to check the internal links from and to each page. (See Viewing Links with the Site Map Assistant in WebEasy Help.) Make sure that you havent made any mistakes when typing the Internet addresses and that the addresses are still valid. Make sure that the Internet address that you entered begins with http://. This is required for links to other sites.

If you cannot find anything wrong with the addresses, see your Internet Service Provider. Some of the links to other parts of my site are not working. Make sure that you have not created links to pages that you have subsequently deleted. It is best to add your links after you have completely finished designing your document. Use the Site Map Assistant (available on the Review and Tools tab) to check your links from and into each page. (See Viewing Links with the Site Map Assistant in WebEasy Help.)

WebEasy

155

Chapter 12: Problem Solving

Problems When Publishing


The Publish Assistant says required files have been deleted from my local folder. This occurs when a package file is missing from the local folder on your computer. If the package file is missing, the Publish Assistant cannot compare local and remote files. You must re-publish your entire website. If the package file for a website you want to delete is missing, the Publish Assistant cannot delete that website. Copy the package file from the HTML folder (or the folder in which you stored the HTML files for your website) into the local folder. Now when you publish, the Publish Assistant can delete the website. Theres not enough disk space on my remote host to publish my website. If this is the first time youre publishing your website, check that the space your web hosting service has allocated to you for a website is greater than the size of the contents of your local website folder. Your local website folder is typically at:
\\My Documents\Web Easy\HTML\your_web_site_name

If the allocated space on the remote host is smaller, you can either request more space from your web hosting service or reduce the size of your website. You can reduce the size of your website by reducing the size of any large graphics, by removing a page, or by removing large files that are linked to the site. If you have already published a website, you can make the one you are publishing now smaller, or you can delete the first
156 WebEasy

Chapter 12: Problem Solving

website from your remote host. Deleting a website from your remote host does not remove your local version of it.

Problems Viewing Sites in a Browser


Some of my linked items are not visible. If the browser does not display an item on your website that has a specific type of link (for example, an embedded object link), it doesnt support that type of link. Your visitors might need to upgrade to the latest version of the browser to view these linked items. The latest versions of most browsers are free to download from the Internet. When I view my website in a browser, it does not display correctly. Because WebEasy enables you to do so much with your website, the HTML files that you build can be quite complex. Some older browsers cannot handle that complexity. Try altering your document design to reduce its complexity. One way of doing this is to avoid having items that overlap. If you do not want to alter your design, you can try viewing your website in other browsers or upgrading to a newer version of the browser you are using. You should remember that even though some browsers display your website without problems, others might not and visitors might use those other browsers. You should try to create a website that can be viewed without problems with as many different browsers as possible.

WebEasy

157

Chapter 12: Problem Solving

When I view my website in different browsers, it looks different. Different browsers may interpret web page coding and scripting differently. Because of this, they may display your website differently. Sometimes there is nothing you can do about the differences. For example, some browsers use different color palettes and those browsers display colors differently. If visitors use Large Fonts in Windows, some browsers provide improper font sizes that arent controllable by HMTL.

158

WebEasy

Index
A
Activity Center, 16 adding animation, 148 borders, 64 color, 66 contact buttons, 118 e-commerce, 139 eShop, 140 frames, 81 Google Apps, 119 images, 74 Like buttons, 117 multimedia, 146 page background, 43 pages, 39 podcasts, 147 RSS, 148 scenes, 138 shadows, 63 sounds, 144 tables, 102 text, 96 words to dictionary, 99 Yelp buttons, 119 AddThis bookmark, 108 adjusting layer positions, 61 lines of shapes, 91 tables, 104 text frames, 98 animations, 142 audio, 144, 147

backgrounds for pages, 43 backups, 36 blank documents, 34 blogs, 137 bookmarking AddThis service, 108 multiple sites, 107 sites, 106 bookmarking widgets, 106 borders, 64, 91 for images, 82 borders of shapes, 91 boxes rectangles, 89

Index

building websites, 124 building websites, 122 changing, 91 layer positions, 61 lines of shapes, 91 tables, 104 circles, 89 clearing frames, 82 stencils, 83 clip art, 13 applying effects, 83 borders, 82 cropping, 78 framing, 81 moving, 80 stencils, 82 clipart adding, 74 rotating, 77 coding, 150 Color dialog box, 70 Color palette, 70 coloring, 66 custom colors, 71 matching colors, 71 Web-safe colors, 70 colors, 70 copying items, 58 creating backups, 36 eShop, 140 website from scratch, 34 websites, 28, 32 cropping images, 78 CSS, 122 cue cards, 7 curves, 90
160 WebEasy

custom colors, 71 customer support, 8 customizing WebEasy, 25 cutting items, 57

deleting frames, 82 items, 57 links, 50 pages, 47 stencils, 83 text frame, 102 DHTML, 122 DHTML Editing Control, 12 dividers, 142 documents, 28 blanks, 34 building into website, 122 opening, 38 pages, 39 previewing, 51 saving, 34 saving as template, 35 templates, 32 Website Assistant, 29 drawing lines, 90 ovals, 89 polygons, 90 shapes drawing, 89 dynamic links, 142

eBay auction page, 136 e-commerce, 139 editing text, 98 text mode, 94

Index

effects images, 83 scenes, 138 embedding albums, 111, 113 photos, 111, 112 videos, 114, 115 eShop, 139 Exif information, 97 existing, 26

help cue cards, 7 online, 6 technical support, 8 tutorials, 8 users guide, 7 help system, 5 HSL values, 72 HTML, 122

file formats, 20 fitting items, 61 flash, 146 formatting items by pasting, 60 Rich Text, 101 forms, 142 frames adding, 81 removing, 82 FTP Max, 128 FTP Max Help, 6

gadgets, 142 gradients, 44, 67 graphic frames, 61, 63, 81, 152, 153 Graphic Text, 95 grouping items, 56

Help FTP Max, 6 Media Gallery, 6 Spell Checker, 6

images adding, 74 applying effects, 83 borders, 82 cropping, 78 framing, 81 moving, 80 placeholders, 76 rotating, 77 stencils, 82 inserting pages, 39 Inspector, 21, 24 installing, 12 iPhone redirection, 142 items animating, 148 borders, 64 coloring, 66 copying, 58 cutting, 57 fitting, 61 formatting, 60 grouping, 56 layers, 61 moving, 55 pasting, 58 problems, 152 resizing, 56, 61, 79 selecting, 54 shadows, 63
WebEasy 161

Index

JavaScript, 150

layers, 61 lines, 90 linking albums online, 110 dynamic links, 142 other accounts, 116 pages, 49 photos online, 109 problems, 155 removing links, 50

managing websites, 14, 130 manual, 7 Media Gallery, 18, 20, 74 Media Gallery Help, 6 mobile device sites, 138 movies, 146 moving, 80 moving items, 55 multimedia, 146 multimedia player, 147 music, 144, 147

O P

online help, 6 opening documents, 38 Page Navigation pane, 18, 23 page titles, 41 pages adding, 39 adding links, 49 adding titles, 41 background, 43
162 WebEasy

deleting, 47 re-ordering, 48 sizing, 47 viewing, 38 pasting formatting, 60 pasting items, 58 path animations, 148 patterns, 46, 69 photo album website, 136 photos Exif information, 97 photo-sharing sites, 109 pictures, 80 adding, 74 applying effects, 83 borders, 82 cropping, 78 framing, 81 rotating, 77 stencils, 82 placeholder images, 76 Plain Text, 95 podcasts, 147 polygons, 90 polylines, 90 positioning images, 80 positioning items, 55 previewing websites, 51 programming, 150 Publish Assistant, 126 publishing problems, 156 to third-party hosting, 125

Quick Access toolbar, 18, 25 quitting, 26

Index

removing frames, 82 items, 57 links, 50 pages, 47 stencils, 83 text frame, 102 re-ordering layers, 61 re-ordering pages, 48 replacing images, 76 placeholders, 76 re-positioning, 80 resizing items, 56, 61, 79 pages, 47 RGB values, 72 Rich Text, 95, 101 rotating images, 77 RSS, 148

squares, 89 starting, 16 status bar, 18, 24 stencils, 82 removing, 83 support, 8 support, technical, 8

saving as template, 35 documents, 34 scenes, 138 scripts, 150 selecting items, 54 serial number, 8 serial number, locating, 8 shadows, 63 shortcut menus, 23 Size handles, 79 sizing items, 79 pages, 47 sounds, 144, 147 Spell Checker, 99 Spell Checker Help, 6

tables adding, 102 changing, 104 technical support, 8 templates, 29, 32 saving, 35 text adding, 96 adjusting frames, 98 catalogs, 97 deleting frame, 102 editing, 98 Exif information, 97 formatting, 101 frames, 94 modes, 94 problems, 154 types, 95 Text Assistant, 97 textures, 45, 68 titles for pages, 41 ToolTips, 7 trimming images, 78 tutorials, 8 Twitter, 117

updating WebEasy, 13 users guide, 7

WebEasy

163

Index

vendors, 139 version, 8 version number, locating, 8 videos, 147 viewing multimedia, 147 pages, 38 problems in browsers, 157 websites, 129 VRML, 142

X Y Z

XHTML, 122 Yelp, 119 zooming, 18, 24

WebEasy building sites, 124 clip art, 13 customizing, 25 documents, 28 installing, 12 quitting, 26 starting, 16 updating, 13 version, 8 WebEasy menu, 18 Website Assistant, 29 workspace, 17 WebEasy Help, 5 Web-safe colors, 70 Website Assistant, 29 website documents, 28 websites blogs, 137 building, 122 eBay auction page, 136 for mobile devices, 138 maintaining, 130 package file, 124 photo albums, 136 types, 122 WebWidgets, 149 widgets, 142 workspace, 17
164 WebEasy