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

x

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

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

your family. and Safari®). Google Chrome®. WebEasy creates code based on the W3C standards. 2. 2 • WebEasy . and comprehensive hosting solution for your website. or your business. With WebEasy. • • You can use the Website Assistant wizard to make a website from provided templates. therefore. you can create a professional-looking website in four steps: 1. your organization. affordable. • • • • Getting Familiar with WebEasy You do not need technical or programming skills to create a complete website for yourself. 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. Create a website document. The e-Commerce feature gives you a secure way to sell products online. Adjust the design and content in the document.Chapter 1: Welcome WebEasy Features WebEasy’s many features provide you with everything you need to create and manage your website easily. The WebEasy hosting service provides an integrated. the websites are compatible for modern web browsers (such as Internet Explorer®. Firefox®.

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

3

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.

4

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

5

Note: Some dialog boxes have a special Help button for accessing information at non-Avanquest websites (such as a vendor’s website). In a dialog box. Press the F1 key. In the Connection Profile or the Connect dialog box. click the Help button. click a Help button. click the Help button.Chapter 1: Welcome To view WebEasy Help: • • • Click the WebEasy button on the Help tab. To view Media Gallery Help: • • • Click the Gallery button on the Help tab. To view FTP Max Help: 6 • WebEasy . In the FTP Max window.

Chapter 1: Welcome To view Spell Checker Help: • • • Click the Help button in the Check Spelling dialog box. Click OK. Then. Select a topic and click Display. click the Index tab. Either scroll through and select a keyword or type a keyword. click the plus (+) sign for a section. To browse a list of keywords. Viewing ToolTips WebEasy uses ToolTips provide information about buttons. Choose Options>WebEasy Settings from the WebEasy menu. WebEasy • 7 . 2. To hide ToolTips: 1. click the Search tab. Clear the Show tooltips check box. To view a specific topic in one of the help systems: • Note: Spell Checker Help does not have tabs. To search the help topics. click a topic to open it. 3. On the Contents tab. Then. Type a word or phrase and click List Topics to find related topics. click Display. pause the pointer over a button. To view a ToolTip.

Viewing WebEasy Tutorials and Samples You can learn about WebEasy features with the WebEasy online tutorials. cue cards do not show. To show (or hide) cue cards: 1. Click OK. 2. Select (or clear) the Show cue cards check box. clear the Show again check box before closing the window. click User’s Guide. To not see that specific cue card again. 4. You can also view samples for creative ideas. 3. When you see a cue card. By default. 8 • WebEasy . To access the online user’s guide: • On the Help tab. Note: You must have an active Internet connection to view the video tutorials or the samples. but you can turn this feature on.Chapter 1: Welcome Accessing the Online User’s Guide To view or print the online user’s guide. Choose Options > WebEasy Settings from the WebEasy menu. you must have a program that reads PDF files (such as Avanquest® Lightning PDF® or Adobe® Reader®) installed on your computer. click its close box to close it. If necessary. select General on the left. Using Cue Cards WebEasy has cue cards that appear in an Assistant window to provide information on the next step of a procedure.

WebEasy • 9 . You must have Internet access to contact technical support. You can also visit us on the web at: http://www. troubleshooting tips.Chapter 1: Welcome To view the tutorials and sample websites: • On the Help tab. click Support. Contacting Technical Support If you have questions after reading the user’s guide and the help systems. in the About Software group. click Tutorials. in the Help Topics group. in the Help Topics group.com/redirections/support/support_AQUS. our technical support staff is ready to help.htm If you contact Technical Support.avanquest. have your WebEasy version and serial number available. • On the Help tab. click Version. and technical support options. To view the support page: • On the Help tab. The support section of our web site has frequently asked questions (FAQs).

how to sign-up and manage your WebEasy Hosting account. and how to uninstall WebEasy. and Uninstalling WebEasy This chapter explains how to install and update WebEasy.Chapter 2 Installing. 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 . Updating.

exe file. When uninstalling the previous version. 6. We recommend you activate the product immediately after installation. If a message asks about installing DHTML Editing Control from Microsoft and you want to create dynamic websites. click Yes. click Yes so that you have the capability. Note: If you are not sure.Chapter 2: Installing. choose Start > Computer and double-click the icon for the disc drive. 2. If you purchased and downloaded WebEasy online. you can go online to activate your account. If Windows does not open the disc automatically. 7. Updating. If the User Account Control dialog box opens. you can activate the product by setting up a your free account on WebeasyHosting. 12 • WebEasy . If you click No. 4. In the Startup screen.exe. click Run setup. To install WebEasy: 1. your work is saved. Once your account is activated. 3. When the installation is complete. you can sign up for WebEasy Hosting. Follow the on-screen instructions. 5. click Install WebEasy Professional. double-click the downloaded . After you install WebEasy. Insert the WebEasy disc into your computer’s disc drive. If the AutoPlay dialog box opens. and Uninstalling WebEasy Installing WebEasy If you have a current version of WebEasy. you can download it from Microsoft later.com. uninstall it before installing the new version. click Yes.

5. click Yes to save it or No to discard changes. click Updates. If necessary. connect to the Internet. On the Help tab.Chapter 2: Installing. In the window. 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. you can do so now. Updating WebEasy It is best to check for software updates immediately after you install WebEasy. click Next and follow the on-screen instructions. WebEasy • 13 . In the wizard. 2. Updating. Follow the online instructions. 3. WebEasy opens the WebEasy Hosting website so you can sign up. On the WebEasy Hosting tab. If you have an open project. To check for updates manually: 1. 2. WebEasy periodically checks for updates when you start the program. click OK. To sign up for WebEasy Hosting: 1. Signing Up for WebEasy Hosting If you have not already set up your WebEasy Hosting. click the Sign-Up button. 4.

2. In the browser. Follow the on-screen instructions. Note: The actual name depends on the installed version. Click Login. 4. click Uninstall a program. and Uninstalling WebEasy Managing Your WebEasy Hosting Account You can manage your WebEasy hosting account online. 14 • WebEasy . To manage your account: 1. Choose Start > Control Panel. Click the Uninstall button on the toolbar. type your user name and your password. Under the Programs heading. On the WebEasy Hosting tab. 2. To uninstall WebEasy: 1. Log out. 3. 4. 5. Make any needed account changes.Chapter 2: Installing. Uninstalling WebEasy Uninstall WebEasy from your computer to remove program files and settings. In the Uninstall or change a program list. Updating. 3. click My Account. select WebEasy Professional 9. 5.

This chapter introduces you to the WebEasy workspace.Chapter 3 Getting Started You create and edit your website documents in the WebEasy workspace. 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 . You also learn how to start and shut down WebEasy. to create a website document. and to set program options.

• Choose Start > All Programs > WebEasy Professional 9 > WebEasy Professional 9. The Website Assistant wizard shows you an 16 • WebEasy . • Click Pick a Website Template to open the Website Assistant wizard.Chapter 3: Getting Started Starting WebEasy When you install WebEasy.) Learning the WebEasy Workspace When you start WebEasy. the Activity Center provides quick access to common tasks. or you can use the Start menu. To start WebEasy: • Double-click the WebEasy icon on the desktop. (The name depends on the installed version. the installer places a WebEasy icon on the desktop. You can use this icon to start 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 WebEasy’s web hosting service. 1 2 3 5 4 6 7 WebEasy • 17 . • • You create and edit website documents in the workspace. Click the Close button to go directly to the WebEasy workspace.

Use the Zoom slider to adjust the view of the page. The status bar at the bottom of the window shows status information and information about the currently selected item on the page. information shows about the item underneath the pointer. Export. You can show or hide this pane in the Options dialog box.Chapter 3: Getting Started The numbers on the graphic match to a description below. The current magnification shows to the left. Save. The ribbon’s tabs have buttons and options for applying WebEasy features. and Close. You can customize the Quick Access toolbar by adding or removing buttons or moving it above the ribbon. You work on your website documents in the workspace area. page navigation buttons. Click a tab to activate a document. Print. 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. Each open document has a tab showing the document’s file name. 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. The Quick Access toolbar. Options. The Media Gallery pane gives you access to provided media and media files on your computer. Import. Click the value to specify an exact magnification. If you have not selected an item. 1 The WebEasy menu has submenus and commands such as New. has the Undo and Redo buttons. below the ribbon by default. Open. and buttons for viewing the Inspector and previewing documents. The Page Navigation pane shows thumbnails for each page in the document. You can also click the x button on the pane. 18 • WebEasy 2 3 4 5 6 7 .

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

audio files. The Media Gallery supports more than 150 file formats for accessing images. When you open a folder. the Tree pane is hidden. thumbnails of (or details about) the files appear in the Display pane. Use icons on the right side of the toolbar to access shortcuts to commonly used media folders (such as Clipart or Audio). drag the divider at the left side of the Media Gallery. You can then drag items to add them to documents. To show it. • • When you open a folder with media files. To browse for media files: • Use the buttons on the left side of the toolbar to navigate through folders. By default. video clips. Use the Tree pane to browse to and open a folder with media files in a tree hierarchy. 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.Chapter 3: Getting Started Working with the Media Gallery The Media Gallery displays the contents of the currently selected folder or disk as thumbnails. animations. and web objects (special scripts). You can drag it to the left or right side of the workspace. 20 • WebEasy . documents. its path shows in the Address box. by default it appears as a pane at the bottom of the workspace. and.

see Media Gallery Help. Using the Inspector The Inspector is a palette to view and edit properties of the currently selected item or document. click the Options button on its toolbar. To set Media Gallery options. • To open the Inspector. (CTRL+K) WebEasy • 21 . To view Media Gallery Help. click the Inspector button on the Quick Access toolbar. click the Gallery button on the Help tab.Chapter 3: Getting Started The Media Gallery has its own Options dialog box and help system. For details.

For example. page. the current page. or document. You can change the properties for the current selection. You can change certain properties for certain items here. Search for files (Search Assistant). The Inspector has three tabs: • The Properties tab displays general properties with information about the currently selected item. or the complete site. Publish websites (Publish Assistant). or the complete site. Add ready-made text (Text Assistant). for an image. Each type of item displays different properties. Some of these attributes are only supported if you build a CSS-based website (which uses Cascading Style Sheets). you can change its background fill properties. the current page. You can change the properties for the current selection. For example. You can use assistants to help you: • • • • • 22 • Design websites (Website Assistant). The Style tab shows the attributes for the document’s style sheet. if you have a rectangular shape. WebEasy . Create a rollover image (Rollover Image Assistant). hide. The Layers tab lists all the items on the current page. you can view details about the image file. and it updates each time you select a different item. and move layers higher or lower in the view. You can lock. • • Using Assistants Assistants help you get started quickly by guiding you through an activity step-by-step.Chapter 3: Getting Started You can keep the Inspector palette open as you work with different items.

WebEasy • 23 . Customizing the Workspace You can adjust the workspace in several ways to suit your needs. Select a vendor for selling items (E-Commerce Vendor Assistant).Chapter 3: Getting Started • • • • View a site map (Site Map Assistant). view the relevant topic in the Reference section of WebEasy Help. You use shortcut menus on the ribbon and Quick Access toolbar to customize them. Add information to improve search engine hits (SEO Assistant). Insert objects that have varying information (Dynamic Link Assistant). For information about a specific Assistant. • 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. You can open an item’s shortcut menu by right-clicking the item or over an open space. Using Shortcut Menus The most commonly used commands are available on shortcut menus in the WebEasy window.

(CTRL+K) You can dock the Inspector by right-clicking its title bar and specifying where to dock it. To return to standard views quickly. 24 • WebEasy . Click the Zoom value on the status bar. 3. 2. • • • Changing the Workspace View When working on a large page. Use the Zoom slider on the right side of the status bar to see more or less detail. in the Zoom dialog box select Fit or 100%. the zoom value. In the Zoom dialog box. select a pre-defined value or type a value in the Custom box.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. you may need to see details clearly. To zoom to a specific magnification: 1. Right-click the status bar and click an item to show or clear the check mark. right-click its title bar and specify where to dock the pane. or the Zoom slider. You can use the same shortcut menu to float it again or hide it. Click OK. You can zoom in and out of a page to get the best view. To re-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. You can customize the status bar to show or hide the status information.

click the arrow to the right of the Quick Access toolbar and click the name of the button to remove (or show) it. and dock or undock program panes and palettes. lock or unlock the Media Gallery. and your documents.Chapter 3: Getting Started Customizing the Quick Access Toolbar You can customize the Quick Access toolbar to show commands that you use frequently. right-click the button on the tab and choose Add to Quick Access Toolbar. choose Options > WebEasy Options on the WebEasy menu. To move the Quick Access toolbar. WebEasy • 25 . • To hide (or show) a default button. right-click the toolbar and choose Show Quick Access Toolbar Above the Ribbon or Show Quick Access Toolbar Below the Ribbon. To set WebEasy options. cue cards. right-click the button on the Quick Access toolbar and choose Remove from Quick Access Toolbar. the program. • • • For more information. monitor Media Gallery drives. To quickly remove a button from the Quick Access toolbar. Customizing WebEasy WebEasy has an Options dialog box where you can customize certain settings that affect the workspace. To quickly add a command to the Quick Access toolbar. see WebEasy Help. The Options dialog box has the following pages: General page: On this page you can show or hide ToolTips. and the Media Gallery pane by selecting or clearing a check box. You can also specify whether or not to hear program sounds.

Chapter 3: Getting Started Documents page: In the Working with Document area you can adjust the default print quality. which case to use for website files). The options on this page adjust grid settings. Closing WebEasy When you are finished working on your website. and whether to use the Publish Assistant by default. for previewing documents in a browser. For more details. You can also access this page by clicking Grid > Grid Settings on the Home tab. Advanced page: On this page you can specify the maximum time for recording audio. Open the WebEasy menu and click Exit or click the close box in WebEasy window’s title bar. Build HTML page: WebEasy uses the options on this page to determine how to build a website from your documents (for example. Programs page: You can specify default programs for editing images. To exit WebEasy: 1. In the confirmation message. the default URL for a third-party web host. the number of undo and backup history levels. you can save the files and close the program. Folders page: You can specify the location for default folders. which method to use for selecting colors. Image page: These settings determine the default settings for images that you insert in a document. click OK. Design Grid page: The grid displays in the workspace to help you align items. and whether to search for inline images when importing a website. whether WebEasy alerts you about missing files or creates thumbnails. 2. 26 • WebEasy . see the Reference section in WebEasy Help.

which is the first of the four steps involved in creating a website. 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 . You also learn how to save and back up your documents.Chapter 4 Creating Documents This chapter focuses on creating WebEasy documents.

28 • WebEasy . Add your own images and text to the document. Publish the website on the Internet. 3. WebEasy cannot guarantee that it can import all websites correctly. 4. WebEasy offers a choice of blank project templates with preset page sizes (for example. • • You can also import an existing website to create a WebEasy document. There are three ways to start a new document in WebEasy: • Use the Website Assistant. the WebEasy document is the basis for your website. 2. see WebEasy Help. replace the images and text with your own and add more items if you wish. For information about importing web pages. In the workspace. Adjust the design and content in the document. Develope a document by using one of WebEasy’s professionally designed templates in the workspace.Chapter 4: Creating Documents Understanding WebEasy Documents There are four steps involved in creating a website when using WebEasy: 1. Create a website document. Note: How well a website imports depends on the website’s design and coding. Open a blank document and create your own web pages by designing them from scratch. a six-page on-screen website). Build the document into a website. This takes you step-by-step through the stages of customizing the text and images in a WebEasy template to create your document. In step 1.

and other specialized sites. If you use a template. Using this wizard is the quickest and easiest way to develop a website. each page has placeholder text and graphics that you can customize as needed. pages for an eBay® auction.) The templates have placeholder images and text. In the Website Assistant wizard. The Website Assistant guides you through the process for adjusting the design and. Using the Website Assistant to Create Documents The Website Assistant provides templates to create a WebEasy document that you then publish as your website. suggests content changes. creating a document is similar to using a word processor. WebEasy • 29 . you then have WebEasy build a website from it for you to upload to the Internet. Note: The following procedure gives general information about using the Website Assistant. If you don’t replace the images and text in the wizard. Note: After creating and designing the document. Choose New > Website Wizard from the WebEasy menu. depending on the template. you can replace them in the workspace. blogs. The actual steps depend on the template. (See “Creating Specialized Websites” on page 136 for more information. 2.Chapter 4: Creating Documents With WebEasy. click Next. To create a document with the Website Assistant: 1. Note: The Website Assistant also has specialized templates for creating web photo albums. You may use your own images and text as you go through the Website Assistant wizard.

Then click Next. select a style category from the list. select a template. 6. Some styles change the layout. 8. select a category. In the Template Style dialog box. See “Adding Enhanced Features” on page 135 for details. select a thumbnail for a specific style. and click OK. In general. recommended styles apply different colors to the design. 5. click the Recommended Style Selection button. Repeat steps 3-5 until you find a template that you like. 9.Chapter 4: Creating Documents 3. 4. In the Select a template style for your Website list. Type a name for your document in the Name box. click the buttons on the right to view different pages of the template. The templates with ‘wizard’ in their titles are for creating a special type of web page such as a web photo album. 30 • WebEasy . In the list below the category. 7. In the Preview area. If available.

You don’t have to enter the information now. click the Browse button above the Images list. In the Browse for Folder dialog box. You can change text when the document opens in the workspace. You can skip this step and add your images later. type this information and then click Next. If the template requests that you to enter information. Alternatively. replace the placeholders in the template with your own images. If asked about adjusting the layout. To specify a different set of images. make any needed adjustments. Select an image and then click >. and click Open. WebEasy sequentially replaces the placeholders. to load all the images. specify a different folder for saving your document by clicking the Browse button. such as personal or business details. If you wish. Note: Depending on the template there may be several screens of text changes. Click Next. WebEasy normally saves documents with an ALB extension in the Documents\WebEasy\Documents folder. 11. and then click Next. 13. If the template has placeholder images. and click Next. select a theme from the Color Theme list. locate and select a folder. In the Choose Folder dialog box.Chapter 4: Creating Documents 10. To change the color scheme. click >>.) WebEasy • 31 . Click OK. locate and select the folder with the images. 12. 14. (This changes the color boxes in the Color section.

to see what the site looks like in your default browser. select the Preview website now check box. select either Left justified or Right justified. select a color in the Color palette. By using the Website command. select the Add RSS to your website check box. you can skip this step and change the text in the workspace. To adjust the position of the logo. 15.Chapter 4: Creating Documents To change the fonts. click a color box. To remove the logo. your default browser opens with the website showing. Your document appears in the WebEasy workspace. and then click x to close the palette. Click Finish. To adjust other features in the Features area. As with the other screens. and click OK. To add an RSS feed to your site. click the Font box. To change individual colors. 16. select or clear the available check boxes. you make all changes in the workspace (instead of in the Website Assistant). For information about RSS feeds. see “Adding RSS” on page 148. 17. Select a template that suits your style. ready for editing. Using Templates to Create Documents You can use WebEasy templates to design professional-looking websites. 32 • WebEasy . On the Congratulations! screen. and then customize it with your own images and text. If you selected Preview website now. select No logo. make changes in the Font dialog box.

5. WebEasy • 33 . and click OK. select a template. 2. select a style category from the list. Some styles change the layout. In the Preview area. 3. 4. In general.Chapter 4: Creating Documents To create a document from a template: 1. select a design category. How well a website imports depends on the website’s design and coding. Choose New > Website from the WebEasy menu. Repeat steps 2-4 until you find a template that you like. In the Template Style dialog box. in the category list on the left. the recommended styles apply different colors to the design. 7. click the Recommended Style Selection button. If available. In the New Document dialog box. Note: In the New Document dialog box you can also import an existing website to use as a WebEasy document. 6. Click OK. select a thumbnail for a specific style. In the area below. click the buttons on the right to view different pages of the template.

3. you are done. backgrounds. 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. If you haven’t saved this document before. 34 • WebEasy . or as a backup archive. You can use the New Document dialog box and select the Blanks category for a document with several blank pages. single-page document opens in the workspace. blank page. You can now add pages. Open the WebEasy menu and choose Save. you can design your website document from scratch. insert images. and use all the WebEasy features to design your document.Chapter 4: Creating Documents Starting From a Blank Document If you are familiar with web page design. To save a document: 1. Type a name for the document in the File name box. then in the Save As Document dialog box. locate and open the folder where you want to save your document. 2. A blank. but you can also start from a single. Saving Documents You can save documents as documents. To create a new document: • Open the WebEasy menu and choose New > Blank Document. If you’ve saved this document before. as templates. See subsequent chapters for information.

Open the WebEasy menu and choose Save As > Template. To save a document in a new location or with a new name: 1.Chapter 4: Creating Documents 4. Click Save. To give the document a different name. In the Save As Document dialog box. Click Save. WebEasy • 35 . 5. 2. it becomes available in the Website Assistant and in the New Document dialog box. Type a name for the document in the File name box. 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. Click Save. 3. 3. 2.TPL). To save a document as a template: 1. 4.ALB). Note: If you save a the template into the WebEasy Templates folder and in a category folder. In the Save as type box. In the Save As Document dialog box. Saving as a Template By saving a document as a template. type a name for the document in the File name box. locate and open the folder where you want to save your document. to save the document in a new location. verify that it shows Template (*. 4. 5. Make sure the Save as type box shows Document (*. locate and open the folder where you want to save your document. Open the WebEasy menu and choose Save As > Document.

(Make sure to save the backup in a different location than the original file. You can then copy the entire folder to removable media or move your design to another computer. 2. 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. In the Backup Website Document dialog box. 4. Open the WebEasy menu and choose Save As > Backup Archive. Click Save.Chapter 4: Creating Documents Saving Backup Archives By saving a document as a backup archive. 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. WebEasy copies the document and all linked files (such as graphic and audio files) to a different folder. Type a name for the archive in the File name box.) 3. locate and open the folder for the backup. 36 • WebEasy .

Also. graphics. re-order. After developing your document. text. and delete pages. you may want to preview the website so you can make changes before building and uploading it. you can adjust the background and add page-level items. Each page in a WebEasy document can include photos. 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 . You can add.Chapter 5 Viewing and Editing Documents After creating a document. you can open it to make changes to it. and other items.

WEB). You can even open a different document to a specific page. Note: You can also open a template file (*. you use the Go To dialog box to move to a specific page.TPL) or a Web document (*. If the document has many pages. 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.] 3. If you’ve worked on the document recently. 2. locate and open the folder that has the *. In the Open Document dialog box. Open the WebEasy menu and choose Open. you can open the WebEasy menu and click a file in the Recent Files list on the right side of the menu. To open a document: 1. Select the file and click Open.ALB file. See WebEasy Help for information. 38 • WebEasy .Chapter 5: Viewing and Editing Documents Opening Documents and Viewing Pages You can open documents and view their pages.

click Modify > Go To. 4. and change each page of your document. shapes. 3. Adding and Changing Pages A page in a document can include graphics. If necessary. WebEasy • 39 . click the Home tab. Click OK. Each page can have the same or different backgrounds. text. In the Page section. 2. In the Go To dialog box. You can add pages to. Adding Pages You can add new pages to your document. To go directly to a page. You can also change the viewing size of the pages. type the page number in the Enter page number box.Chapter 5: Viewing and Editing Documents To go to a specific page in the current document: 1. delete pages from. and other objects. scroll through the thumbnails and select one.

then WebEasy creates the new page with the same background as the current page. click the Home tab. 40 • WebEasy . select Blanks. to add a new template page after the current page. If you selected Blanks. select a category for the new page. 2. To add a blank page. In the New Page dialog box. In the area below the category. select a template to use. click the Insert button. If necessary. from the Choose a template category for your new page list. Note: If the current page has a background and you select a blank template for the new page. 3. 4. then select either This Page or Blank Page. then select the category that you used for the rest of the document. If you used a specific template to create the document. In the Page section.Chapter 5: Viewing and Editing Documents To add a page: 1.

edit the page’s title in the Title box. To have the page size match the current the page. select the Fit template to page dimensions check box. In the Page section. the title of the current page appears on the tab for the open document. 7. Use the navigation buttons beside the Page preview area to locate the specific template page to use. In the Page section. 2.Chapter 5: Viewing and Editing Documents 5. 8. 2. In the Preview area select a template and click OK. Then select the style in the Preview area and click OK. Page titles help you to set up navigation links for a large document with many pages. To import a style. specify a style. In the Import Style dialog box. If you wish. If necessary. When you build the website. specify a different style from the list. if you wish. the page title appears in the browser window. click the Import from Style Library button. To quickly add a blank page: 1. Click OK. The page titles also appear in the Sort dialog box. click the Home tab. Adding Page Titles You can give a title to every page in your document. If necessary. 9. click Insert > Blank Page. WebEasy • 41 . click the Recommended Style Selection button. After the page has a title. click Insert > Copy Page. If the template has multiple styles. In the Template Style Library dialog box. To add a page by duplicating the current page: 1. The new page appears after the current page. 6. click the Home tab.

select a different page in the document. If you wish. 6. In the Page Title dialog box.Chapter 5: Viewing and Editing Documents Note: Some search engines use page titles to locate your website. 3. 5. Click OK. Open a document. 2. The title should be short. CR. type a title for the selected page. 42 • WebEasy . To add a page title: 1. If asked about updating links. 8. If necessary. repeat steps 4-5 to add titles to other pages. if necessary. Some characters and combinations are not accepted as names. 7. In the Page Title box. click the Home tab. LF and TAB. 4. click OK. Click Modify > Page Title. Avoid using &. but relevant to the page’s content.

Click a color and then click the x button. select Apply to all pages. (The selected color appears in the Sample area. If necessary. In the Page Background Settings dialog box. see “Specifying Colors” on page 70. click the Full Color Palette button. To add a background color to a page: 1. 5.) 4. and patterns as backgrounds to your pages. on the Color tab. To apply a custom color. In the Page section. pre-defined color. gradients. click Background > Background. textures. If you know the hexadecimal value for the color. click a standard. click the Home tab. To apply this color to all pages. 2. To select from a larger palette. Click OK. WebEasy • 43 .Chapter 5: Viewing and Editing Documents Adjusting Page Backgrounds You can add plain colors. you can type it (preceded by a #) in the Solid Color box. 3.

select Apply to all pages. 3. In the Page section of the Home tab. 2. In the Page Background Settings dialog box. (You can also type a hexadecimal value in the box. click the Gradient tab. 7. To apply this gradient to all pages.) 4. (You can also type a hexadecimal value in the box. To specify the starting color. Click OK. Then.) 6. click Background > Background. 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.) 5. To specify the ending color. 44 • WebEasy . click the Full color palette button to the right of the Starting Color box and select a color from the palette. (A preview of the gradient appears in the Sample area.Chapter 5: Viewing and Editing Documents To add a gradient to the background: 1. Then click the x button. type a Drawing Angle or click the Angle Setting button and specify the type of gradient.

WebEasy • 45 . 2.) 4. To apply this texture to all pages. click the Browse button. you can only change the background of the current page. locate and select the image file and click Open. In the Choose Image dialog box. In the Page Background Settings dialog box. To use another image. select an image in the Image File list. (A preview of the texture appears in the Sample area and all images in the selected folder appear in the list. To use a provided image from the Media Gallery’s Texture folder. In the Page section of the Home tab.Chapter 5: Viewing and Editing Documents To add a texture to the background: 1. click the Texture tab. By using this method. Instead of inserting a page background with the dialog box. Click OK. select Apply to all pages. you can drag a texture directly into a page as a background. 5. 3. click Background > Background.

Then click the x button. Click Textures on the Media Gallery toolbar. 3.Chapter 5: Viewing and Editing Documents To add a textured background by dragging: 1. 4. Click a texture. Then click the x button. 3. Select a folder. In the Page Background Settings dialog box.) 46 • WebEasy . click the Full color palette button to the right of the Foreground Color box and select a color from the palette. Drag the background onto the page. click the Pattern tab. To add a pattern to the background: 1. click Background > Background. 2. To specify the pattern’s color. In the Page section of the Home tab. To specify the background’s color. (You can also type a hexadecimal value in the box. click the Full color palette button to the right of the Background Color box and select a color from the palette. 2.) 4. (You can also type a hexadecimal value in the box.

On the Home tab. in the Page section.) 6. To delete a page: 1. To change the page size: 1. in the Page section. click the Pattern selection button and then select a pattern. In the confirmation box. To apply this pattern to all pages. click Yes. select Apply to all pages. WebEasy • 47 . Deleting Pages You can only delete a page if your document has more than one page. Changing Page Sizes You can change the size of pages in your document. To specify the pattern. 7. click Modify > Page Size. 3. click Modify > Delete Page. 2. Select the page to delete.Chapter 5: Viewing and Editing Documents 5. (A preview of the pattern appears in the Sample area. On the Home tab. You cannot undo deleting a page. Click OK.

To apply this change to all pages in the document. 3. In the Page Size dialog box. To change the page order: 1. 4. select Apply to all pages. 5. Changing the Page Order You can change the order of the pages in your document by sorting the pages. select the Refit items check box. clear this check box. if you set the dimensions for 800 x 600.Chapter 5: Viewing and Editing Documents 2. Click OK. to maintain the proportions of the objects. If you don’t see the dimensions you want. On the Home tab. specify a page size from the Existing dimensions list. To apply only to the current page. 48 • WebEasy . visitors with smaller screens use scroll bars to view content. If you select Refit items. select User Defined and type the Width and Height in pixels. Note: For example. To rearrange the items to fit the new page size. click Modify and choose Sort. select the Refit proportionally check box. If you set the dimensions larger. users can view the web pages without scroll bars on screens that are 800 x 600 or larger.

WebEasy • 49 . 3. Repeat steps 2-3 for other pages. Note: It’s easier to determine the correct page if you’ve given each page a unique title. WebEasy creates certain types of websites with navigation links included. On the Home tab in the Page section. Click OK. Select the item for linking. 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. Note: When building a website. For example. 2. in a template. there may be text for About Us. select the page to move in the Document pages list. By adding a document navigation link to an item. 5.Chapter 5: Viewing and Editing Documents 2. Adding Page Navigation Links If you’ve selected a template for your website. visitors click that item to view another page. Previous page: Takes a visitor to the page before the current page. that design usually includes navigation items for viewing other pages. which is another page in the document. 4. Move the page in the document by clicking the Move Up or Move Down button as needed. To add a navigation link quickly: 1. In the Sort dialog box.

On the Home tab.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. 50 • WebEasy . For information about adding items. Removing Links If you change your mind about having a link. see “Creating Links” in WebEasy Help. or even run a program. 2. such as text or graphics. In the Get Internet Address dialog box. For details about creating special links. open a blank e-mail message. You can add links to items in your website so that visitors can open a file (such as a PDF file or multimedia file). see Chapter 7 “Working with Images and Shapes” on page 73 and Chapter 8 “Working with Text and Tables” on page 93. click Link > Remove. Page by Title: Takes a visitor to a specific page in the website. Select the item with the link. To remove a link quickly: 1. select the page and click OK. you can remove it. In the Page Title dialog box. Internet: Takes a visitor to a specific page in another website. type the URL and click OK.

WebEasy • 51 . It is not a substitute for building the website. Click the Review and Tools tab. To preview your document: 1. WebEasy creates a temporary website. To open the document in your default browser. When you click Preview. click the Preview arrow and specify which browser to use. The preview shows your document as it should appear on the Internet and you can check all your links.Chapter 5: Viewing and Editing Documents Previewing Documents You can preview your document in a browser before you build it into a website. which you must do before you can publish it on the Internet. click the Preview button. 2. If you have multiple browsers installed on your computer. to specify the browser.

In the Website Preview dialog box. You can also specify RSS settings. whether to preview all or just the current page. layout options. 5. To make advanced changes. Review the website and click the linked items to verify that each link works correctly. For details. review the options and make any needed changes. click Advanced. To make additional settings. If you use Internet Explorer. Click OK. click Settings. 4. see Chapter 10 “Building and Publishing Your Website” on page 121.Chapter 5: Viewing and Editing Documents 3. and colors for links. the default image file type. 6. In the Preview Settings dialog box make the changes and then click OK. keep ‘Mark of the Web’ for local testing selected. 52 • WebEasy . You can specify how to build the website.

For item-specific features. You work with many items and objects in a similar manner. aligning them. 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 . or rearranging the order in which they are layered.Chapter 6 Working with Items You can add or replace items (images. text. spacing them evenly. shapes. see the following chapters. You can move items around and arrange them by grouping them. and other objects) in your documents.

press SHIFT as you select the items. on the Layout tab. To select an item: • • • • Click it. Images also have a Rotate handle extending to the right. 54 • WebEasy . To cancel a selection: You can select more than one item at a time and edit them simultaneously. click a different item or press TAB. on the Layout tab. To select a different item. On the Layout tab. To select multiple items: • • • To select every item on a page. press the SHIFT key as you click the item. (CTRL+A) To select a few items. With a multiple selection. Size handles appear on the corners and sides of the item. To select most items. click Invert Selection. Click elsewhere on the document. press SHIFT as you select items you don’t want selected. Then. to no longer have an item selected. When you select an item. you must select it. click Select All. click Deselect All.Chapter 6: Working with Items Selecting Items Before you can edit an item in your document.

2. Click OK. click Fit > Size and Position.Chapter 6: Working with Items Moving Items You can move an item anywhere on a page. WebEasy • 55 . To position an item precisely: 1. An outline of the item shows as you move it.) 3. You can position items precisely by using the Size and Position dialog box. Drag the item to the new position. To move an item: 1. Note: WebEasy positions items based on the top-left corner of the page. On the Layout tab. specify the values (in pixels) in the Top and Left boxes (or other boxes) as needed. 2. To adjust the position. Select the item. Select the item to move. (If the selected item is a graphic. 4. you can also click Image > Size and Position on the Insert and Modify tab.

click Fit > Size and Position. 56 • WebEasy .) 3. you resize the text frame. • • Drag a corner handle to resize the item proportionally. you can also click Image > Size and Position on the Insert and Modify tab. In the Size and Position dialog box. 4. press the ALT key while resizing. You can resize items by using the Size and Position dialog box.Chapter 6: Working with Items Resizing Items You can resize any item by dragging a Size handle. specify the values (in pixels) in the Width and Height boxes.) 5. (If the selected item is a graphic. To resize the text and the text frame. Note: When you drag a text item’s handle. Drag a side handle to resize the height or width. not the text. to be able to distort the item. To resize an item precisely: 1. (For an image. 2. Select the item. to return it to its original size. Grouping Items You can group two or more items together and then adjust them simultaneously. click Original Size. To adjust the size. On the Layout tab. clear the Keep aspect ratio check box. Click OK.

click the Ungroup button. A grouped item shows diamond-shaped handles on the corners and sides. If you click one item in a group. (CTRL+X) To remove an item without placing it on the Clipboard: • On the Layout tab in the Arrange section. WebEasy • 57 . 2. the handles become the standard handles for adjusting an individual item. To cut items: 1. Click the Layout tab. You can then paste it elsewhere.Chapter 6: Working with Items When you edit a grouped item (such as resize or rotate them). On the Layout tab. Select one or more items to cut. Select one or more items. 2. you change all items in the group. click the Cut button. On the Home tab. 3. To break apart a group: 1. Click the Group button. Select the group. Removing Items Cutting an item removes it from its current position and places it onto the Windows Clipboard. 2. To group items: 1. click Delete Selection.

(CTRL+C) Pasting Items Pasting places the contents of the Clipboard into your document. By default. 2. Pasting Items Normally You can use the Paste button to paste the contents of the Clipboard onto a page. Pasting Items with Special Functions With WebEasy you can also paste items in special ways by clicking the Paste arrow. as needed. To copy items: 1. To paste an item at a specific location: 1. Select one or more items to copy. 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. on the page. Move the item. 58 • WebEasy . click the Paste button. click the Copy button. On the Home tab. Click Paste > Item at Mouse Click. You can then paste the Clipboard contents elsewhere. WebEasy has several special pasting features. To paste an item: 1.Chapter 6: Working with Items Copying Items Copying an item places it onto the Clipboard without removing it. (CTRL+V) 2. On the Home tab.

Move the pointer to the page and click where you want the image positioned. To paste an image at a location: 1. WebEasy • 59 . Even if you’ve changed the contents of the Clipboard. 2.Chapter 6: Working with Items 2. Click Paste > Paste Image. Click Paste > Paste Text. Move the pointer to the page and click where you want the item positioned. Move the pointer to the page and click where you want the text. you can paste items that you’ve copied or cut earlier. WebEasy keeps track of items you place on the Clipboard during a working session. 2. To paste a non-recent item from the Clipboard: 1. Click Paste > From History. To paste text at a location: 1.

select the item to paste in the list. you can apply a copied shape’s color to text. On the Home tab. WebEasy keeps track of the items by time. 2. For example. click the Copy button. On the Home tab. the Clipboard tab loses its contents until you start another session. Applying Formatting You can apply formatting from the Clipboard’s contents to a selected item instead of pasting an item. You can apply some formatting (such as color) between different items.Chapter 6: Working with Items 2. Click OK. 4. The Preview area on the right shows the selected object. 3. In the Insert Object dialog box on the Clipboard tab. To format a selected item by pasting: 1. In your document. select the item to be formatted. click Format in the Clipboard section. Select the item with the formatting you want to apply elsewhere. 3. Note: When you quit WebEasy. 60 • WebEasy . 4. You can apply formatting from and to the same type of object. Move the pointer to the page and click where you want the item positioned.

Bring Forward brings the item forward one layer. WebEasy • 61 . 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. The first item you place on a page is on the bottom layer and the most recently placed item is on the top. the one in an upper layer covers anything in a lower layer. To evenly space selected items — vertically or horizontally. Click the Layout tab. 2.Chapter 6: Working with Items Re-ordering Items WebEasy arranges items on a page in layers. Send Backward sends the item backward one layer. Send to Back sends the item to the bottom-most layer. To make two items identical in size. click an order button in the Arrange section: Bring to Front moves the item to the front-most layer. Fitting Items on a Page WebEasy has a special feature to arrange items on page. If you drag one item over another. You can rearrange the way the items are ordered. Select the item to be moved forward or backward. To place selected items in the center of a page. To fit selected item(s) to a page to fill the available space. To re-order an item: 1.

Then specify Space the selection horizontally. After adding the frame. You add a graphic frame to surround another item.Chapter 6: Working with Items To fit selected item(s): 1. 4. To adjust the size of selected items. On the Layout tab. select Restore original image size. Then select Fit the selection to the page. 3. To reset the sizes. 5. The WebEasy clipart library includes graphic frames. Then select Make the same size. or Center the selection on the page. Click OK. Make the same width. click the Fit button. to align selected items to their central point or to space them evenly. In the Fit dialog box. 62 • WebEasy . Space the selection vertically. you use the Fit dialog box to fit the frame to the item or vice versa. Center the selection horizontally. or Center the selection vertically. or Make the same height. click the Selection tab. or right-click the selected item(s) and choose Fit. click the Page tab. click the Size tab. 6. Proportionally fit the selection to the page. To fit selected items on the page. Select one or more items. 2.

2. select Fit the selection to the frame. Select the frame and the other items. shapes. and text.Chapter 6: Working with Items To fit a graphic frame and another item: 1. To have the frame match the item. 2. in the Modify section. In the Fit dialog box. When you apply a shadow to Plain Text or Rich Text. click Effects > Shadow. Select an item. 5. click the Frame tab. select Fit the frame to the selection. 3. To apply shadows to the characters. or right-click the selected items and choose Fit. Applying Shadows You can add shadows to graphics. On the Insert and Modify tab. On the Layout tab. 4. the shadow appears around the text frame. click the Fit button. if necessary. WebEasy • 63 . insert Graphic Text. Click OK. or to have the item fit into the frame. not the text itself. To add a shadow to an item: 1.

In the Shadow dialog box. Note: The default text for Graphic Text has a shadow applied already.) 5. If you selected text and want to convert the selected text or the text frame to an image. (If you can’t add a border. select the Display shadow check box. the Border button is not available for the selected item. Click a colored block to specify a color for the shadow. Adding Borders You can add a border to most items. Select the item. to apply a shadow. (To convert the image back to text. 6. X Offset. clear the check box. To remove an existing shadow. and Y Offset. On the Home or the Insert and Modify tab.) To add a border: 1. in the Items Style section. 7. select the Convert text to image check box. Drag the sliders to determine the shadow’s Opacity. click the Border button. 2. 4.Chapter 6: Working with Items 3. Blur. Click OK to apply the shadow. click Undo on the Quick Access toolbar immediately after clicking OK. 64 • WebEasy . or click the Full color palette button select a color from the Color palette.

type a hexadecimal color.Chapter 6: Working with Items 3. 6. To color the border. Select a pre-defined color. Click OK. on the Border tab. for a text item. 5. click the Color tab. such as Dotted or Dashed in the Border Thickness list. you can adjust padding in the Border Settings dialog box. See “Editing and Formatting Text” on page 98 for details. specify None. WebEasy • 65 . You can use the Border Settings dialog box to change a border. To change the thickness of a border. 4. type a value (in points) in the Line box or click the Border Thickness button and specify a thickness. or click the Full color palette button to specify a color in the Color palette. In the Border Settings dialog box. click the Border Style button and specify the type of border. Note: You can also specify a style. In addition. To remove a border.

you can also apply a gradient. 2. (If you apply a fill to an image that has a border. Note: Coloring the foreground only affects a text item by coloring the text. Select the shape or text item. 66 • WebEasy . doing this does not change the image’s color. a texture. For an image. • • • For a shape.Chapter 6: Working with Items Coloring Items You can color an item’s background. itself. the border’s color changes.) To add a fill: 1. On the Home or the Insert and Modify tab. Adding Colored Fills You can fill a shape with a single color or apply a background color to text. For text. or a patterned fill. click Background. this changes the background of the text frame. For text or shapes. in the Items Style section. this changes the color of the shape. within the frame.

WebEasy • 67 . To select from a larger palette. click the Gradient tab. click Background. 4. In the Background . On the Home or the Insert and Modify tab. For information about specifying a custom color. Click OK. (You can’t apply a gradient to an image. 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. click a standard. pre-defined color or type a hexadecimal value in the Solid Color box. on the Color tab. Select the shape or text frame to fill. see “Specifying Colors” on page 70. 2.) To apply a gradient fill: 1.Chapter 6: Working with Items 3. In the Background . click the Full Color Palette button. Click a color and then click the x button to close the palette. in the Items Style section. 3.Fill Settings dialog box.Fill Settings dialog box.

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 the Texture tab.Chapter 6: Working with Items 4. (You cannot apply a texture to an image. Click OK. Click x. type a Drawing Angle (such as 90) or click the Angle Setting button and specify the type of gradient. 68 • WebEasy . Then. To specify the starting color. in the Items Style section. Select the shape (or text frame) to fill. On the Home or the Insert and Modify tab. 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. Click x to close the palette. click Background. 3. 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. 2.) To fill a shape (or text background) with a texture: 1. 5.Fill Settings dialog box. In the Background . 6.

Chapter 6: Working with Items 4. To specify the color for the pattern elements. click the Pattern tab. locate and select the image file and click Open.) To fill a shape (or text background) with a pattern: 1. 4. 2. To use a provided image. Click OK. click Background. (You cannot apply a pattern to an image. click the Browse button. Select the shape (or text frame) to fill. 3. 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. in the Items Style section. In the Background . 5. select one in the Image File list.Fill Settings dialog box. Applying Patterned Fills You can fill a shape or the background of a text object with a pattern. On the Home or the Insert and Modify tab. WebEasy • 69 . To use another image. Then click the x button to close the palette. In the Choose Image dialog box.

click the Pattern selection button and select a pre-defined pattern. To specify the colored background. To specify the pattern. you can specify a color for an item (or the background of a web page). Select a color from the palette or type a hexadecimal value. Click OK. You can easily select pre-defined colors. and then click the x button. you define it in the Color dialog box. WebEasy shows the Color palette when you click the Full color palette button or click a color swatch. click the Full color palette button to the right of the Background Color box. (To remove a pattern select either Solid Background or Solid Foreground. Specifying Colors In certain dialog boxes. but the actual color a visitor sees depends on the computer’s display.) 7. These colors should show the same color with different operating systems and different browsers. you can have WebEasy show the Color dialog box. Note: By default. The Color palette shows colors that are considered “Web-safe” colors. To specify a custom color. 6.Chapter 6: Working with Items 5. 70 • WebEasy . In the Options dialog box.

or if you know the hexadecimal value for the color. click the Full Color Palette button. If you select a box with an existing color. move the pointer over the design and when the pointer is an eyedropper. On the Color palette. Select an item. click a Foreground or Background color button. On a tab. To specify a custom color: 1. click the color in the design. the new color replaces by the selected color. With the Color palette open. Click the x button to close the palette. 2. 2. 4. or in the currently open dialog box. On the Color palette. click a Foreground or Background color button. To match a color in the design with the Color palette: 1. In the currently open dialog box. click the x button to close the palette. On the Color palette. select a blank box in the Custom color area and then click Define Custom Color. select a color. click the Full Color Palette button.Chapter 6: Working with Items To apply color with the Color palette: 1. 3. Note: Press SHIFT as you click the Full color palette button to open the Color dialog box directly. WebEasy • 71 . 2. type it in the box at the top. In the Color dialog box. 3. On a tab. click the Select Color button. 3.

If you know the HSL (Hue. In the large color spectrum. click a color. Luminosity) or RGB (Red. Blue) values. if available. 5. 6. In the narrow color spectrum. 7. you can type them in the appropriate boxes. The custom color appears in the Sample area. Click OK. When the correct color appears in the Color/Solid box. in the currently open dialog box. Saturation. drag the slider to adjust the color. click Add to Custom Colors. Green. 72 • WebEasy .Chapter 6: Working with Items 4.

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 . Many templates have images that you can easily replace with your own. and apply effects to images. frame. You can draw shapes (such as rectangles. lines. You can rotate. and circles) directly on document pages. crop.Chapter 7 Working with Images and Shapes You can add images to and delete images from your documents.

then on the Insert and Modify tab. Then double-click a category folder to open it. 3.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. Drag the image to your document. To add an image by dragging: 1. click Media Gallery. If necessary. open a folder on your computer or removable device that has images and then drag the image to the current page. Optionally. 4. you can insert a placeholder until you find another image. 2. Scroll through the thumbnails until you find the image to insert. 74 • WebEasy . 6. in Windows Explorer. To preserve the size and position. You can drag an image from the Media Gallery or from any open folder into the current document page. click the Photos or Clipart button. re-position any image. If the Media Gallery isn’t showing in the workspace. Adding Images by Dragging WebEasy provides a collection of images in the Media Gallery. On the Media Gallery toolbar. 5.

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 photo’s 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

78 • WebEasy . On the Insert and Modify tab. therefore. To crop an image: 1.Chapter 7: Working with Images and Shapes 3. In the Rotate Image dialog box. you can easily restore the image. 4. select a pre-defined rotation amount or select Free Rotate and type the number of degrees to rotate the image counter-clockwise. in the Modify section. 5. Select the image to crop. Flip the image by selecting the Horizontal Mirror or Vertical Mirror check box. Click OK. 2. click Image > Crop Image. You can also click the image in the Sample area and drag the image to rotate it. Cropping Images Cropping an image means trimming unwanted areas. Cropping in WebEasy does not affect the original image.

Resizing Images As with other items. To resize an image precisely: 1. Select the image. 2. drag the handles at the corners of the image as needed to enclose the area to keep. Press the CTRL key and with the Crop pointer drag the handle. 3. click the Insert and Modify tab. Click OK. Move the pointer over a handle. 4. To resize an image precisely. 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. Click Image > Size and Position. 3. you can use the Size and Position dialog box. you can resize images by dragging their Size handles. WebEasy • 79 . 2. Select the image.Chapter 7: Working with Images and Shapes 3. In the Crop Image dialog box. If necessary.

Make sure the size of the image is correct before clicking OK. to maintain the image’s proportions as you resize it. Typing a number in the Left (or Right) box changes the number in the other box. To position an image exactly: 1. Click Image > Size and Position. based on the size of the image. clear the check box. click the Insert and Modify tab. To undo any previous resizing. 80 • WebEasy . Click OK. 3. To distort the image. select the Keep aspect ratio check box. Select the image. In the Size and Position dialog box. Type the Width and Height for your image in pixels. Click OK. Positioning Images Exactly In general. Typing a number in the Top (or Bottom) box changes the number in the other box. type either the width or height and WebEasy calculates the other value. relative to the upper-left corner of the page. 2. In the Size and Position dialog box. 5. If you selected Keep image aspect ratio. but you can indicate an exact location. based on the size of the image. it is possible to have a negative value for the image’s size. If necessary. you position images by dragging them on the page. 5. type values in the Position area where you want the image placed on the page. 4. click the Original Size button.Chapter 7: Working with Images and Shapes 4. Note: While changing positioning values. 6.

For information about borders. WebEasy • 81 . click Image > Add/Replace Frame. WebEasy provides a range of frames in different colors and textures. drag it on top of a selected image. You use the same procedure to replace a frame. 2. To frame an image: 1. You can also add a frame by clicking Frames on the Media Gallery toolbar and then opening the various folders. Select the image to frame. 4. double-click a folder to browse for a frame. 5. which opens to the Frames folder. You can also add a colored border to images. When you find a frame you like. 3. in the Modify section. see “Adding Borders” on page 64. Adding Graphic Frames A graphic frame around an image can enhance the look of an image.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. In the Choose Image dialog box. When you find the frame to use. Click Open. On the Insert and Modify tab. select it.

2. click Image > Add/Replace Stencil. place the image inside a cutout shape or border. Click Open. 82 • WebEasy . in the Modify section. click Image > Clear Frame.Chapter 7: Working with Images and Shapes After adding a frame. double-click a folder to browse for a stencil. fade out parts. 5. 4. To remove a frame from an image: 1. 3. Select the image with the frame. Applying Stencils to Images Stencils are an effective way to apply borders or ‘wash’ effects to images. in the Modify section. you can remove it. 2. In the Choose Image dialog box. select it. When you find the stencil to use. or apply a texture or a colored wash to the image. You use the same procedure to replace a stencil. You can hide part of an image. To apply a stencil to an image: 1. which opens to the Stencils folder. On the Insert and Modify tab. Select the image to select it. On the Insert and Modify tab.

in the Modify section. The effects range from adjusting the image color and quality to adding artistic effects. When you find a stencil you like drag it on top of a selected image.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. click Image > Clear Stencil. Applying Image Effects Image effects are filters that you can apply to images. WebEasy • 83 . Select the image with the stencil. On the Insert and Modify tab. such as embossing or transparency. 2. you can remove it. To remove a stencil from an image: 1. After applying a stencil.

7. apply other effects to the image by repeating steps 4-6. Select a sample on the right to apply to the image. select the Preview on page check box. You can remove the effects from the image by opening the Effects dialog box and then clicking the Clear All button. To apply the effect(s) to the image on the page. 3. Select an image.Chapter 7: Working with Images and Shapes To apply an effect: 1. Animating Images WebEasy provides three ways to animate images: creating animated GIF Images. creating rollover images. In the Effects dialog box. and applying a path to an image. Apply less or more of the effect on the samples by dragging the Fine-Coarse slider. 2. 5. 6. If you wish. Viewing the preview doesn’t actually change the image on the page. to see the effect applied to the image on the page. You may need to move the dialog box to see the image on the page. click OK. The effects in WebEasy don’t change the original image. Select an effect from the Effects list. in the Modify section. click Image > Image Effects. On the Insert and Modify tab. 84 • WebEasy . 8. 4.

To create an animated GIF: 1. With the Commercial style. click Next. 2. and click Next. In the Animated GIF Component Assistant wizard. WebEasy • 85 . You can create animated GIF images using your own images. the animation can have three states. 3. which are all the same size. you must have the GIF images available before starting the assistant.Chapter 7: Working with Images and Shapes Creating Animated GIF Images You can make an animated image with WebEasy’s Animated GIF Component Assistant. You can preview the selected style by clicking the buttons to the right of the Preview area. With the Logo style. Note: To use your own images. Select a template style for the image: Commercial or Logo. Choose New > Animated GIF from the WebEasy menu. the animation can have five states of increasing size.

Chapter 7: Working with Images and Shapes 4. In the Name box. In the Choose Folder dialog box. 5. WebEasy saves animated GIF images to your Documents folder. type a name for the image and click Next. By default. locate and select a folder for saving the image. If you wish. 86 • WebEasy . click the Browse button. Click Open.

Click Finish. Repeat step 7 for each image to add to the animation. the color depth. Click OK. specify a color to make transparent. Select the Build animated GIF now check box. In the Browse for Folder dialog box. 7. 12. the animation shows in your default browser. 11. Click the Advanced button to change the palette. Click Next. To remove all the images. show it in the Preview area and click the < button.) 8. 10. specify the options for the GIF file. When you’ve added enough images. Click OK. 9. (Use the arrow buttons above the Preview area to specify which placeholder to replace. The Logo style uses five. If you selected Run now. page duration.Chapter 7: Working with Images and Shapes 6. Click the Select Folder button at the top of the Images list. select an image for the animation and then click the > button. The Commercial style animation uses three images. Select the Run now check box to see the animated file. Once you have the images added. In the Images list. verify them by clicking the buttons above the Preview area. 15. 14. you can add all the images (up to the maximum number) by clicking the >> button. locate and select the folder that has the GIF files for the animation. 13. In the Build Animated GIF dialog box. WebEasy opens the file as a document in the WebEasy • 87 . WebEasy beeps. or make the file interleaved. You can change the size of the GIF animation. To remove an image. page effect. click the << button. If you have multiple images in the folder.

Chapter 7: Working with Images and Shapes workspace. Creating Rollover Images Often rollover images are used as links to other pages. By using this method. For details. The image changes when the pointer is over the image. Have the images you want to use available before opening the Rollover Assistant. See WebEasy Help for details. but you can use images) that appear next to the rollover image in its active state. The Rollover Assistant provides a standard two-stage rollover image. see “Creating Animated Items” on page 148. 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. For detailed information. 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. Applying Paths to Images You can use the Path Animation feature to make images move on your web pages. 88 • WebEasy . but you can use them without links for visual appeal on your pages. see WebEasy Help. you have more flexibility in creating animations. With WebEasy. you can also add popups (usually ToolTip-like text. You can add additional image layers and text layers.

see WebEasy Help. You can add shadows to the shapes. Click the Insert and Modify tab. In the Insert section. Click Box to draw an outlined rectangle. polygons. you export the document as a series of image files. rectangles. and ovals. line thickness.Chapter 7: Working with Images and Shapes Exporting Images When you create a GIF image. curves. Click Solid Oval to create an oval that is filled with color. Click Solid Box to create a rectangle that is filled with color. polylines. and fills. Click Oval to draw an outlined oval. WebEasy • 89 . For details. 3. Drawing Simple Geometric Shapes You can draw simple geometric shapes (such as rectangles and circles) on a web page. click Shapes > type of shape. You can edit shapes by dragging handles or adjusting the colors. To draw geometric shapes: 1. WebEasy converts any shape into an image when it builds your website. You can also export images of entire pages or export a selected item to save it as an image (or in another image format). Drawing and Editing Shapes WebEasy provides tools to draw and edit shapes and lines. You can create shapes from straight lines. 2. Click the pointer where you want to begin drawing and drag to create the shape.

Click Curve to draw an open shape with curved lines. In the Insert section. click once for the starting point and drag. 3. For all other lines. Click the Insert and Modify tab. The lines can be straight or curved. click Shapes > type of line. click to create each node and double-click to finish or close the shape. Click Line to draw a straight line. Click Polyline to draw an open shape with straight lines. press the SHIFT key as you drag. To draw lines: 1. To create a straight line. Drawing Lines and Polygons You can draw individual lines or connected lines on a web page. 90 • WebEasy .Chapter 7: Working with Images and Shapes To draw a square or circle. Click Polygon to draw a closed shape with straight lines. Click Solid curve to draw a closed shape with curved lines. 2.

To adjust a shape’s line quickly: 1. click Shapes > a line thickness or style. Select the shape. click Border on the Insert and Modify (or Home) tab in the Items Style section.Chapter 7: Working with Images and Shapes Modifying Shapes You can change shapes (such as filling a shape with color or changing the shape’s line). In the Modify section. For information about applying colored fills. To open the dialog box. You can set more line options in the Border Settings dialog box on the Border tab. 3. see Chapter 6 “Working with Items” on page 53 WebEasy • 91 . Click the Insert and Modify tab. it changes a solid shape to an outlined shape or vice versa. see “Coloring Items” on page 66. If you click Solid/Outline Shape. 2. To make other adjustments to shapes (such as adding color or resizing).

You can have as many text frames on a page as you like. you can add a table and format the text in the table.Chapter 8 Working with Text and Tables You can insert text and edit and format the text as needed. 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 . If your website requires tabular data.

you can move the text frame around the page and treat it like other items on the page. the text appears as plain black text on a white background. In general. and other effects to the frame. and deleting characters. click the text item once. click outside the text frame. you edit the text by adding. shadows. An insertion point indicates where you can type. • In Edit mode. You move the frame around and can add fills.Chapter 8: Working with Text and Tables About Text in WebEasy Text in WebEasy is in a text frame. After typing text. 94 • WebEasy . changing. keep each text frame larger than the text in the frame. the text frame appears with a transparent background and with handles. In this mode. Some browsers might display text in a larger font. To enter Edit mode. About Text Frame Modes A text frame has two modes: Object mode and Edit mode. To exit Edit mode. To select a text frame. double-click a text frame. and any text that doesn’t fit into the text frame won’t appear. • In Object mode.

• Plain Text uses the same style for all the text within the text frame. It’s best to use graphic text with larger size fonts because the text might be difficult to read at small font sizes. WebEasy • 95 . style. and other forms of text. You can create links within the frame and create bullets. You can use your choice of fonts. colors. styles. 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. • 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.Chapter 8: Working with Text and Tables Types of Text WebEasy has three types of text you can add: Plain Text. sizes. and Graphic Text. tables. and more with each of these. italic (CTRL+I). indents. You can specify a different font. and underlined (CTRL+U) text. numbered lists. • With Rich Text you can apply different styles to text in the same frame. Rich Text. You can select text and use standard shortcuts for creating bold (CTRL+B).

Inserting New Text When you insert new text. Select the placeholder text and type your text. You can convert Plain Text to Rich Text or Rich Text to Plain Text. Move the pointer to the page and click where you want to place the new text. 3. 96 • WebEasy .Chapter 8: Working with Text and Tables You can align text within the frame to the left. To do so. select the text frame. Inserting Text You can insert your own text or pre-defined text into a page. and click Rich Text Formatting on the Home tab. click the Home tab. click Plain Text. in the confirmation message box. If necessary. After you finish. In the Text section. 4. WebEasy creates a new text frame. 5. Double-click the new text item. right. When converting from Rich Text to Plain Text. center. click anywhere outside the text frame. 6. or justified to the left and right edges. 2. or Graphic Text. Rich Text. click Yes. To insert text into a document: 1.

3. you can add it to the Text Assistant. WebEasy • 97 . Click the Insert and Modify tab. Click the pointer on the page to insert the text item. click the Text Assistant button. Drag the text onto the page. about this and creating custom catalogs.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. locate and select the digital photo. click Picture > Photo Information. If you use text of your own frequently (such as contact information). To add ready-made text: 1. 3. 2. 4. 4. To insert Exif information: 1. you can edit the text and move and resize the text frame. The Text Assistant has text organized into categories for specific uses (such as Web Site or Wedding). In the Choose Image dialog box. In the Text Assistant palette. After inserting the text item. For details. see WebEasy Help. (CTRL+T) 2. select a catalog from the Catalog list. On the Home tab. Select a text item from that catalog. Then click Open. You may want to use this in a photo gallery or as a caption for photos on your website. In the Insert section. Inserting Exif Information You can insert text that has information about digital photos: Exif (Exchangeable Image File Format) information.

the text frame has handles. If you drag the handles on a text frame. like other items do.Chapter 8: Working with Text and Tables For details about extracting Exif information or inserting it on a page. Unless you understand HTML coding. Use the insertion point to select text to change or delete. you change the size of the frame but not the size of the text. Note: Keep your text frames larger than the area taken up by the text because some browsers may display text in a larger font. Select a text frame and then click the Edit Content button on the Home tab. Editing and Formatting Text Text appears in WebEasy in a text frame. HTML tags (such as <H1> and </H1>) appear with the text’s characters in the Edit Text dialog box. see WebEasy Help. don’t change anything between the angle brackets (< >). You can add more text at the insertion point. This dialog box also provides some ready-made text that you can easily add. Adjusting Text Frames You can move the text frame around the page like other items on your page. • 98 • WebEasy . Any text that does not fit into the text frame may not appear. In the Edit Text dialog box. Editing Text There are two ways to edit text: • Double-click the text frame. To change the size of the text. press ALT as you resize the frame. you edit the text as with a word processor. Note: If the selected text is in a Rich Text frame. When selected.

For details. You can also specify Spell Checker settings and add words to your user dictionary. you change all the text in the frame. With Rich Text you can select text to format characters differently within the frame. 2. To check spelling. With Plain Text and Graphic Text. To format text: 1. WebEasy • 99 . WebEasy provides a spell checker. On the Home tab.Chapter 8: Working with Text and Tables In addition. size. click the Change text font button. color. click the Spelling button on the Review and Tools tab. Formatting Text You can select text and change the font. Select the text. style. see Spell Checker Help. and alignment. Making Multiple Formatting Changes You can use the Font dialog box to make multiple changes quickly.

to change the font. Graphic text can use any font. 7. To change the text’s color. and Verdana. To apply a text effect. In the Font dialog box. For Plain Text and Rich Text. it’s best to limit the fonts to Arial. click the Color arrow and select a different color from the Color list. These are available on most computers. 100 • WebEasy . (The available options depend on the selected font. 4. select a different style in the Font Style list. Select the text frame. 6. Other fonts might not be available. Click OK.) 5. select a different font in the Font list. or. Changing Text Color You can add color to text or color the background of text. Times New Roman. To change text color: 1. 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. Click the Increase Font Size or Decrease Font Size button.Chapter 8: Working with Text and Tables 3. WebEasy automatically converts the graphic text to an image when you build your website. Select a relative size from the list when you click the Change text font arrow. select the characters to color. To change the style. To change the size. select a different size in the Size list. 8. select Strikeout or Underline. for Rich Text.

Create a new paragraph. 4. 2. WebEasy • 101 . In the Color palette. 4.Chapter 8: Working with Text and Tables 2. Click the x button to close the palette. Aligning Text You align text by selecting the text frame and then clicking the Left. You use the Format button to apply HTML styles (such as Heading 1. Definition. Center. Paragraph. Create bulleted and numbered lists. Click the x button to close the palette. In the Color palette. 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. Select the text frame. 3. Add a horizontal rule. or Normal) to text. click a color. 3. Apply standard styles to text. or Justify button on the Home tab. In the Color palette. To change the background color of a text frame: 1. you can click the Select Color button to specify a custom color. click a color or type a hexadecimal value. WebEasy aligns text with respect to its frame. Click the Font Color button. Click the Text Background Color button. Right.

To delete a text frame: 1. click Normal in the Format list. To insert a table: 1. Adding and Editing Tables You can insert a table to organize text in a grid of rows and columns. On the Insert and Modify tab. Deleting a Text Frame You can delete any text frame from your documents. Press the DELETE key on your keyboard. Inserting Tables Always place the table entirely inside the page of the document. (Don’t double-click the text frame. to reverse those styles. click Delete. or on the Layout tab. A table is a Rich Text item in the document. click Table. Click once on the text frame to select it. in the Insert section.) 2. 102 • WebEasy .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 you’ve changed indentation or created a list and the Undo buttons doesn’t work.

an example appears on the right. Use the arrow keys to move to adjacent cells. Click the Size tab and type values in the Number of the rows and Number of columns boxes. Move the pointer over the page and click to insert the table. for the Table width or Table height. When you select a style.Chapter 8: Working with Text and Tables 2. Click the Refresh button to update the preview to match your selections. click the Style. Column Headings. 7. Click OK. 9. select a check box and then specify dimensions. 4. Text. If needed. 8. WebEasy • 103 . In the Insert Table Object dialog box. 5. 3. To further customize the table. and Row Headings tabs and adjust the options as needed. Double-click the table to type information into the cells. 6. select a table style from the Preformatted Style list. in pixels.

Double-click the table. click the Table button and then specify a command. To change the table’s borders. click outside the table. You can add and delete rows. click the table. Type a whole number between 0 and 32 into the Rich Text Editing dialog box and click OK. To change the cells’ padding. Type a whole number between 0 and 32 into the Rich Text Editing dialog box and click OK. 104 • WebEasy . choose Table > Table Padding. 2. To make changes to a table’s structure: 1. To resize the boundary of the item to fit it to the contents. Double-click the table and select the text to change. Click a cell in the tab. In the Modify section of the Insert and Modify tab. 3. or align text horizontally or vertically in the cells. When done.Chapter 8: Working with Text and Tables 10. Modifying Tables You can use the options in the Text section on the Home tab to format the text in the table. choose Table > Table Border Size. add and delete columns.

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 . For example. link to a photo or album. You can use several special features in WebEasy to integrate with other websites. you can give visitors an easy way to bookmark your site. or show your business location on a map.Chapter 9 Integrating with Other Websites Social media is a major focus of the World Wide Web.

clicking the icon shows a login page for the site. In many cases. Also. Adding Bookmarking Widgets With WebEasy you can add icons for visitors to bookmark your site to their bookmarking or social network account. share them with other people. click the WebWidgets tab. 4. Note: Visitors must have an account with the site for bookmarking. In the Insert Object dialog box. click the Object button. On the Insert and Modify tab in the Insert section. 2. In the list.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. people who have other social media accounts (such as Facebook) can add ‘bookmarks’ to show sites that they prefer. To add a bookmark (general): 1. 106 • WebEasy . Click OK. select an object starting with Bookmark on. 3. and see what other people are bookmarking.

select the object and click Script > Object Properties. you may need to adjust the wide bar on the page. After you click to position this WebWidget.) See WebEasy Help for details. To verify the bookmark. you could have a range of icons on your website. You may type the value directly or in a dialog box. WebEasy provides a single WebWidget that includes all twelve bookmarks. Note: To actually create a valid bookmark to your site. see WebEasy Help. preview your site and click the icon. use the individual icons if you want to provide bookmarking for a few sites. WebEasy has three WebWidgets that give your visitors access to multiple icons. For adding specific bookmarking widgets. double-click the values to adjust the content as needed for the information you want to appear with the bookmark. WebEasy • 107 . In the Object Properties dialog box. see the section about the specific service. If you want a comprehensive solution. Some sites have specific parameters or you may have to embed code. In general. you must publish the site online. Adding Multiple Bookmark Icons With all the bookmark WebWidgets that WebEasy provides. (Not all sites use the same parameters. 6. For details. Click OK. Move the pointer over the page and click to place the bookmark icon. 7. Change the values as needed and click OK. To change the bookmark’s properties. Adding a Static Multiple Bookmark Bar In the WebWidget tab.Chapter 9: Integrating with Other Websites 5.

select Bookmark on AddThis (Add) or Bookmark on AddThis (Share). To add multiple. you must publish the site online. After you click the pointer. Also.Chapter 9: Integrating with Other Websites • • In the list on the WebWidgets tab of the Insert Object dialog box. adjust the values in the following parameters: Title and Source URL. select Bookmarking Social Networks. a small bar appears that expands when a visitor moves the pointer over it. 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. in the Object Properties dialog box. dynamic bookmarking icons: • In the list on the WebWidgets tab of the Insert Object dialog box. and Button Label. 108 • WebEasy . After you click the pointer. WebEasy provides WebWidgets for two AddThis bookmark bars. • To test an AddThis bookmark. in the Object Properties dialog box. such as LinkedIn). When viewed on the web page. Source URL. In the expanded view visitors can click one of many sites to add the bookmark (including sites that aren’t available as WebWidgets. adjust the values in the following parameters: Title. These two bookmarks are identical except one shows BOOKMARK in the bar and the other shows SHARE. you can provide keywords.

2. MySpace. Flickr. WARNING: THESE SITES ARE DYNAMIC AND THEIR FEATURES AND PROCEDURES MAY CHANGE WITHOUT WARNING. USE THE INFORMATION IN THESE TOPICS AS GUIDELINES. click Object. To link to a photo (general): 1. click the WebWidgets tab. On the Insert and Modify tab.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 need to know the relevant URLs. In the Insert Object dialog box. WebEasy • 109 . IF YOU CANNOT FOLLOW THE GIVEN PROCEDURE IN ONE BROWSER. PhotoBucket. Linking to Photos You can add a link to show individual photos on your website if the photos are available in Facebook. You can link to individual photos (so you don’t have to keep duplicate images with your website) or full albums on the other site. WARNING: THE INSTRUCTIONS MAY BE BROWSER-DEPENDENT. TRY ANOTHER ONE. or Picasa.

preview your site and click the photo. (Not all sites use the same parameters. click the Object button. see WebEasy Help. select the object and click Script > Object Properties. For linking to photos from a specific site.) For details. 3. select an object starting with Link to Photo on. To link to an album (general): 1. click the WebWidgets tab. In the list. 7. Change the values as needed and click OK. Flickr. 4. Move the pointer over the page and click to place the photo. 110 • WebEasy . double-click the values to adjust the content as needed for linking to a specific photo. Move the pointer over the page and click to place the album. If you’ve set up albums on Facebook. Click OK. select an object starting with Link to Album on. PhotoBucket. you can link to that album on your website. To verify the link. In the Object Properties dialog box. Click OK. 6. You need to know the relevant URLs. Click OK. To change the photo widget’s properties. 5. 5. On the Insert and Modify tab in the Insert section. Linking to Albums With some sites you can organize photos into albums. In the Insert Object dialog box. 4. In some cases you can specify which photo shows. or Picasa. MySpace. An image in the album shows on the web page.Chapter 9: Integrating with Other Websites 3. see WebEasy Help. In the list. 2.

Embedding Photos or Albums Instead of linking to a photo or album. 7. WARNING: THESE SITES ARE DYNAMIC AND THEIR FEATURES AND PROCEDURES MAY CHANGE WITHOUT WARNING.Chapter 9: Integrating with Other Websites 6. you can even embed an album as a slideshow to show on your website. For linking to albums available from a specific site. select the object and click Script > Object Properties. see WebEasy Help.) For details. 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. TRY ANOTHER ONE. Click OK. MySpace. To change the album widget’s properties. WARNING: THE INSTRUCTIONS MAY BE BROWSER-DEPENDENT. IF YOU CANNOT FOLLOW THE GIVEN PROCEDURE IN ONE BROWSER. or Picasa). double-click the values to adjust the content as needed for linking to a specific album. preview your site and click the photo that appears on your web page. see WebEasy Help. WebEasy • 111 . To verify the link. (Not all sites use the same parameters. In the Object Properties dialog box. Change the values as needed and click OK. From some sites. USE THE INFORMATION IN THESE TOPICS AS GUIDELINES. PhotoBucket.

112 • WebEasy . Click OK. Move the pointer over the page and click to place the photo. 5. To verify the embedded photo. (Not all sites use the same parameters. click the Object button. MySpace. 4. On the Insert and Modify tab in the Insert section. 7. 6. In the list. PhotoBucket. preview your site.) For details.Chapter 9: Integrating with Other Websites Embedding Photos You can embed photos into your web pages that are available online from your Flickr. double-click the values to adjust the content as needed for linking to a specific photo. 2. In the Object Properties dialog box. 3. see WebEasy Help. or Picasa account. click the WebWidgets tab. Click OK. To embed a photo (general): 1. In the Insert Object dialog box. select an object starting with Photo on.

you can embed that album on your website. For embedding photos available from a specific site. click the WebWidgets tab. 2. select the object and click Script > Object Properties. see WebEasy Help. On the web page. To embed an album (general): 1. select an album object starting with Album on. or Picasa. Embedding Albums If you’ve set up albums on Flickr. In the Insert Object dialog box. PhotoBucket. 3. click the Object button. WebEasy • 113 . Change the values as needed and click OK. Move the pointer over the page and click to place the album.Chapter 9: Integrating with Other Websites To change the photo widget’s properties. the album appears as a slideshow. MySpace. 4. In the list. 5. On the Insert and Modify tab in the Insert section. Click OK.

Chapter 9: Integrating with Other Websites 6. Change the values as needed and click OK. USE THE INFORMATION IN THESE TOPICS AS GUIDELINES. WARNING: THESE SITES ARE DYNAMIC AND THEIR FEATURES AND PROCEDURES MAY CHANGE WITHOUT WARNING. To verify that the album is on the page. Click OK. preview your site. WARNING: THE INSTRUCTIONS MAY BE BROWSER-DEPENDENT. In the Object Properties dialog box. see WebEasy Help. see WebEasy Help. 114 • WebEasy . 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. IF YOU CANNOT FOLLOW THE GIVEN PROCEDURE IN ONE BROWSER. To change the album widget’s properties. (Not all sites use the same parameters.) For details. select the object and click Script > Object Properties. TRY ANOTHER ONE. For embedding albums available from a specific site. double-click the values to adjust the content as needed for linking to a specific album. 7.

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, it’s helpful to find out what the size is for the site’s 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 don’t 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 widget’s 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 widget’s 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 User’s 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’ widget’s ID for a Twitter icon, select the object and click Script > Object Properties. Change the User’s API ID value as needed and click OK.

WebEasy

117

4. Click OK. Copy the URL that shows in the browser’s address box. go to your Facebook or Flickr account and open your Profile page. double-click the Button Label value and type a different label. In the list. 5. In the Insert Object dialog box. Change the properties as needed and click OK. 118 • WebEasy . click the Object button. but WebEasy includes two widgets that you can use for supplying contact information. 3. To change the ‘contact’ widget. preview your site. On the Insert and Modify tab in the Insert section.Chapter 9: Integrating with Other Websites Having Visitors Contact You You can add contact information to your site as part of design. you can have visitors contact you through them. To verify that the button is on the page and works correctly. click the WebWidgets tab. 7. 8. double-click the Link to URL value and either type or paste the URL for your account in the Get Internet Address dialog box. To add a contact button: 1. Click OK. 6. select an object starting with Contact on. In the Object Properties dialog box. 2. If you have a Facebook or a Flickr account. select it and click Script > Object Properties. If you wish. To get the correct URL. Click OK. Move the pointer over the page and click to place the icon.

select Get Yelp Feedback or Get Yelp Review. WebEasy • 119 . To add a Yelp button or reviews: 1. You can also see statistics from Google Analytics. In the Object Properties dialog box. Click OK. see WebEasy Help. In the Insert Object dialog box. 6. 2. In addition. Move the pointer over the page and click to place the Yelp feedback button or the Yelp review box. click the WebWidgets tab. 7. On the Insert and Modify tab in the Insert section. click the Object button. Click OK. 4.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. 3. double-click the Telephone value and type your telephone number. you can show Yelp reviews for your business. 5. In the list. For details. 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.

To change the Yelp widget. select it and click Script > Object Properties. preview your site. Change the telephone number and click OK. 120 • WebEasy .Chapter 9: Integrating with Other Websites To verify that the Yelp button or review panel is on the page.

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 . Publishing your website involves uploading all the files to the remote server so that it is accessible to visitors on the Internet. you need to build your website before you transfer or upload the files. you can use the Publish button to automatically build and publish your website.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. If you are using a third-party hosting service. With WebEasy Hosting.

Then. WebEasy automatically creates the website package file (a TXT file) with information about which files to transfer to the remote computer at WebEasy Hosting. It uses stricter coding standards than are necessary for HTML. These sites should work as expected in all modern browsers. but does not use the stricter XHTML standards. such as page transitions. such as scenes or page transitions found in DHTML web pages. page transitions. These sites should work as expected in all modern browsers. the DHTML features may not work in all browsers or with the settings that some visitors apply to their browsers. 122 • WebEasy .Chapter 10: Building and Publishing Your Website Before You Build Your Website Know the kind of website are you building. Use this for eBay auction pages or in any situation where you cannot use CSS. With today’s standards. scenes. You can build your document into four types of websites: • An XHTML website with CSS has cascading style sheet support. These sites should be viewable in modern and older browsers. WebEasy automatically publishes your website. A dynamic website (DHTML) has extra features. this is the preferable type to use. An HTML website with CSS is similar to XHTML sites. A simple website (HTML) has basic features without extras. such as rollover images. Even if you build a DHTML site. or animated text and objects. but does not support some dynamic effects. • • • Building and Publishing to WebEasy Hosting Building and Publishing to WebEasy Hosting is quick and simple. and other Dynamic HTML (DHTML) effects.

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 don’t 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

site’s 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 browser’s 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

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

and then click Connect. In the Connection Profile dialog box. Click OK. click Next. select the website folder to upload. Review the included files shown on the right by clicking the navigation buttons. Locate the package and click Open. After the connection is established (which may take a few minutes). 4. WebEasy • 127 . 8. Complete the remaining fields. click the Browse button. 6. If the folder to upload doesn’t appear in the Website packages list. type in a name for the profile. 9. 5. 7.Chapter 10: Building and Publishing Your Website 3. On the left. Click Next.

11. To return to the report. click the browser’s Back arrow. Click Next. If you wish. select the check box(es) to view the website or to view a report. Click Finish. If you have subfolders for this site. When selected. if WebEasy finds any files at the remote site that are not required for the current package. Publishing with FTP Max As an alternative to the WebEasy Hosting Services Publishing wizard or the Publish Assistant. With it you can transfer files to and from your remote server and manage your remote files. select the Cleaning the selected website check box.Chapter 10: Building and Publishing Your Website 10. On the Review and Tools tab. an easy-to-use FTP utility. 12. The remote server must support FTP to use this option. click Transfer Files. it appears in your default browser. If you asked to view a report. keep this check box clear so the subfolders are not deleted. it deletes them. the report appears first and then the website appears. The FTP Max utility opens and 128 • WebEasy . advanced users can publish websites using FTP Max. To run FTP Max and upload your files: 1. 13. If you asked to view both the report and the website. To remove any old files.

in the top area. 8. Locate the folder with the files in the Local Folder box. Click OK. Viewing Your Website After publishing your site. 5. if necessary. After the transfer completes. in the FTP Max window. Then click Upload. 7. specify the remote folder. You may need to make some adjustments if the website appears differently in browsers. 6. It’s a good practice to view it in several different browsers to understand your visitors’ experience. if the profile is not yet set up. After the connection is established. enter the information to create your profile. In the Connect dialog box.Chapter 10: Building and Publishing Your Website 2. you should always view it in a browser to see if everything transferred correctly. WebEasy • 129 . 3. to transfer the files. click Finish. Select the folder or open the folder and select the files in the lower panel. 4.

3.Chapter 10: Building and Publishing Your Website Maintaining Your Website After you’ve published your website on the Internet. After the Publish Assistant wizard opens. you can update it with WebEasy. Publish your website again. 2. When uploading. Make the required changes. 130 • WebEasy . 2. so the process is shorter the next time. 3. click Next. 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. click 3rd Party Publish. Build new HTML files to replace the previous ones. 4. On the Review and Tools tab. Open the website document in WebEasy. Select a website package to publish and click Next. WebEasy remembers the information you entered previously. To update your website: 1. WebEasy checks the date and time of each file against those on the server.

In the Choose Folder dialog box. WebEasy • 131 . In the Package name box. such as the HTML files. In general. 6.) Note: WebEasy places all the files required to view the website. To connect to your hosting provides.Chapter 10: Building and Publishing Your Website 4. 8. and any other necessary files (depending on the type of website) into this folder. 5. If you have not yet set up a profile. In the Build Dynamic Website dialog box. only use lower-case letters and use the underscore (_) character to separate words. click the Browse button for the Folder box. to a name for the website package. the graphics files. Click Open. change the document name. Do not use spaces or non-alphanumeric characters in the name. enter a name for the profile. (You can also type the path. Add the connection information that was supplied by your hosting service when you signed up for hosting. click Connect. locate and select a folder for storing the website files. 7. Click Connect. if you wish.

If necessary. but the extra space is filled with a solid background color. All pages creates a website that includes every page in the document. (The web hosting service may require the main page to be something other than index. or PNG. Centered Full Page displays the pages in the center of the browser’s window with the any texture or gradient background showing in the center. Click the Build As button and specify the type of website to build: XHTML with CSS. change the image file type for determining which file have transparency: JPEG. HTML with CSS. Select the Output range: Current page creates a website only for the current page.html. 12. 132 • WebEasy . Centered Transparent Page displays the pages in the center of the browser’s window with any texture or gradient background filling the extra space. change the name for the main page in the Index Page box.) 11. Click the with button and specify the type of pages for your website: For XHTML with CSS or HTML with CSS. 10. Dynamic HTML. GIF.Chapter 10: Building and Publishing Your Website 9. 13. If necessary. specify how to position the pages: Standard Page displays the website at the top left of the browser. or Simple HTML.

leave this set as RSS Excluded. After WebEasy creates the files. depending on the size of your website and speed of your computer.Chapter 10: Building and Publishing Your Website For Dynamic HTML. 19. Click the Advanced button to personalize your website by specifying the color palette or scroll bar availability. 20. For details see “Specifying Colors” on page 70. have the relevant details from your web hosting service. For information about RSS. 17. and want to publish the website now. specify Source for eBay sellers. The build process takes a few moments. Click the RSS button to set RSS channel settings. If this is an eBay page. Select the Publish on Internet check box to open the WebEasy Hosting Services Publishing wizard after creating the website. Select the Run Now check box to display the website in your browser after the HTML files have been built. Select the Publish on Internet check box if you are connected to the Internet. WebEasy • 133 . 18. For Simple HTML. 14. Click OK. Specify colors for linked text. 16. To set or change the color of Standard. Visited. see “Adding RSS” on page 148. click the appropriate color block and select a color. 15. If you do not have RSS set up. and Active links. You can also have the pages divided into frame sets. you can specify positioning or add navigation by page numbers or icons to the pages. you can specify no additional navigation or have page numbers or icons for navigation. the Publish Assistant opens for you to upload the files immediately.

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 You can add multimedia. You can also create specialized websites (such as pages to include in an eBay auction). and more to your website. RSS feeds. forms. animations.

you may want to place all the images for the album into a single folder on your computer. Note: You must have an eBay seller account before you can create an eBay auction. Creating an eBay Auction Page You can use the eBay wizard to create a personalized auction listing that you can use on eBay. Be sure that you read and understand eBay’s Terms of Service before you post any items for sale on eBay. Before creating the site. You can customize the text for your auction. Select Photo Album Wizard in the Family and Personal category. You can specify a page style and fill it with thumbnail images of the photos to display. you use the Website Assistant. see WebEasy Help. For details. 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. To create a photo album website.Chapter 11: Adding Enhanced Features Creating Specialized Websites With WebEasy you can create specialized websites by using wizards in the WebSite Assistant. 136 • WebEasy .

Select eBay Wizard in the Business category. • • • To create an eBay page. For details. Only have one page in your site. (Do not insert Graphic Text. For information. see WebEasy Help. Use these guidelines: • • • Use Plain Text and Rich Text items only. do not use images except for one image that is available online.) Use only solid colors as backgrounds or foregrounds.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. Note: If your auction photo is on your own computer. Creating Blogs Blogs (Web Logs) are specialized sites where a user posts regular entries for visitors to read. see WebEasy Help for details. you use the Website Assistant. In addition to creating a blog site with WebEasy. you must use eBay’s standard photo hosting services to transfer photos from your computer to the eBay servers. Have the URL for that image available. Do not use links to other pages or websites. Do not have overlapping objects on your page design. To use other images on the page. see eBay’s online help. you can link to a personal account from a blogging site. WebEasy • 137 . Have the URL for the photo available before going through the wizard. Read the instructions and recommendations on eBay for designing the page. In general.

Select Blog Wizard in the Family and Personal category. Changing Scenes Scenes are pages that change appearance based on the time of day. see WebEasy Help. see WebEasy Help. text. Creating Websites Compatible with Mobile Devices You can create websites that work with iPhones and other mobile devices. For details. 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. you use the Website Assistant. A visitor to your website experiences these themes. 138 • WebEasy . the theme called Day of the Week might display different marketing slogans on Monday. The Scenes Assistant helps you adjust images. or Sunday. you use the Website Assistant. such as the day of the week. For details. Tuesday. so they fit the mobile device’s screen better than a full-sized site. a season. For details. The mobile device templates are smaller. You can only have scenes with a DHTML site. For example.Chapter 11: Adding Enhanced Features To create a blogging website. see “Redirecting to a Mobile-Optimized Site” in WebEasy Help. the day of the month. or backgrounds on the same website page based on conditions. or another factor. • A Theme is a collection of the scenes available based on specified factors. Select the iPhone and Mobile photo category and then select a template. To create a mobile-device website.

Chapter 11: Adding Enhanced Features • A Scene is a website page design prepared for a particular instance from the theme collection. WEBEASY DOES NOT GUARANTEE THE AVAILABILITY OF ESHOP BUTTONS FOR VENDORS OTHER THAN THE WEBEASY PAYMENTS SOLUTION THROUGH THE PROGRAM. You can also click E-Commerce > Vendor’s Website. Design your website document and include the eShop buttons for the products you sell. or Mother’s Day. see WebEasy Help. For details about creating scenes. WARNING: INFORMATION ABOUT VENDORS OTHER THAN THE WEBEASY PAYMENTS SOLUTION ARE PROVIDED WITHOUT SUPPORT. Before building the site. To do this. Adding e-Commerce Features You can add features to your website for visitors to purchase products online. delete or edit the e-commerce demonstration objects in the templates. 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. the default objects won’t work properly on the Internet without the correct settings required by the vendor. Recommendations When setting up your e-commerce website. WebEasy • 139 . In the E-Commerce Vendor Assistant. If you use an e-commerce template. WebEasy provides a link to each vendor’s site. summer. With WebEasy you can select from five different vendors. you sign up with an e-commerce vendor for payment processing. such as Monday.

sign up with the vendor to use their services. 140 • WebEasy . click E-Commerce > Select Vendor. In general. To do so. 4. Then click a tab to select the vendor that best suits your needs and follow the instructions. select the button on the page and click Script > Custom Script on the Insert and Modify tab. do not modify scripts unless you understand HTML and the scripting language.Chapter 11: Adding Enhanced Features If e-commerce features do not work correctly. If you haven’t already. Follow the vendor’s instructions on how to set up your e-commerce service on the Internet. Use the procedure as a guide only. Note: See WebEasy Help for more information about an e-commerce vendor’s specific requirements and to learn about a vendor’s set of e-commerce objects. To create an eShop in a document: 1. You can then use the values in the product database when you add the e-commerce buttons to your website. 5. Some vendors may not have all objects available. you must create and add items to a product database before designing your website. Click the Insert and Modify tab. For the WebEasy and 2Checkout solutions. you may need to make adjustments to the scripts. In the Insert section. In the E-Commerce Vendor Assistant. Creating an eShop Please be aware of all rules and requirements your state. your country. and international law imposes on e-commerce business activities. click Next. 3. 2.

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. click the E-Commerce > Insert Object to insert Checkout. For the WebEasy Payments Solution. DELETE OR EDIT ANY E-COMMERCE DEMONSTRATION OBJECTS THAT ARE PART OF A TEMPLATE. Note: See relevant topics in WebEasy Help to learn more about each e-commerce object and its parameters. photos. WARNING: BEFORE BUILDING YOUR WEBSITE. 10. WebEasy • 141 . and prices on this page. 7. In your WebEasy document. descriptions. My Account. or More Info buttons as needed to complete the eShop design.Chapter 11: Adding Enhanced Features 6. see WebEasy Help. Build your website and publish it on the Internet. 9. Mixing the objects may cause conflicts and the web page may not work properly on Internet. create a new page dedicated to selling the products by putting product names. 8. THESE OBJECTS WILL NOT WORK PROPERLY ON THE INTERNET WITHOUT THE PROPER SETTING REQUIRED BY THE E-COMMERCE VENDOR. Verify and test your website with your eShop solution. For more details about working with e-commerce sites. Note: Do not place form objects on the web page other than those listed with the vendor’s name in the Insert Object dialog box.

In the Dynamic Link Assistant wizard. you can also direct your visitors to e-shops and services on the Internet. 3D motion designs. Adding Advanced Objects WebEasy includes a large selection of ready-to-use objects that you can insert into your document. You must have an account with the online service to be able to create a dynamic link. weather reports. such as news. These range from simple design elements (such as colorful page dividers) to advanced elements (such as forms. and gadgets). To create your own eShop. click Object > Dynamic Link. navigation bars. 3. VRML. you can add components to your page that are dynamically updated by third parties. Click the Insert and Modify tab. To add an advanced object to your document: 1. Click the Insert and Modify tab.Chapter 11: Adding Enhanced Features Adding Dynamic Links With the help of Internet vendors. 2. or advertising. To add a dynamic link: 1. The iPhone Redirection object automatically detects if a visitor accesses your website with an iPhone or iPod Touch®. By inserting a dynamic link on your site. see “Adding e-Commerce Features” on page 139. click Next and follow the on-screen instructions to insert a dynamic link. In the Insert section. 2. click the Object button. In the Insert section. 142 • WebEasy . If you have created a site optimized for viewing on these screens. the visitor has the option of going to the optimized site. stock market prices.

calendar. Click Auto links to create links in the form of balls. some of which are animated. bullets. WebEasy • 143 . Select the item and make modifications as needed. 5. Click Gadgets to add ready-to-use objects (such as a visitor’s counter. Other topics give specific information about adding certain objects. Click Navigation for pre-designed navigation bars with buttons that you can link. Click eShop to add buttons for e-commerce. Click Visit Us to add a link for WebEasy or Avanquest. Click Dividers to use pre-designed page dividers. For information about adding a counter to your site. calculator. WebEasy automatically calculates the number of pages in your document and creates a link to each page. 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. or numbers. Click Forms to insert complete forms or individual fields and modules. 4. Click Search to use a specific search engine with your site. Click WebWidgets to link to other websites (such as a Blogger account or your Facebook page). Click OK. Click Objects to add specialized objects (such as YouTube videos) or coding (such as No Right Click).Chapter 11: Adding Enhanced Features 3. In the Insert Object dialog box. or a status bar clock). see WebEasy Help.

or shape. to specific items on your web page. in the Modify section. If you add sound to an item. 144 • WebEasy . If you add sound to a web page. Open the page. click Effects > Page Audio. WARNING: AUDIO CLIPS PLAY DIFFERENTLY IN HTML AND DYNAMIC HTML WEBSITES. the sound plays when the visitor clicks the item. WebEasy provides a collection of audio clips. the sound plays when the page opens. and other multimedia to your website. USERS MAY HAVE THEIR BROWSERS SET TO NOT SUPPORT SCRIPTS THAT ARE REQUIRED TO PLAY AUDIO FILES. 2. such as an image. Adding Sound Effects or Music You can add sound to your web page. text. On the Insert and Modify tab. YOU SHOULD NOT ASSUME THAT ALL USERS HAVE THE APPROPRIATE PLUG-INS INSTALLED ON THEIR COMPUTER — OR EVEN HAVE A SOUND CARD. or both.Chapter 11: Adding Enhanced Features Adding Multimedia You can easily insert audio. To add sound to a web page: 1. including sound effects and music. ALSO. video.

7. 2. Select the item for linking the sound clip. On the Home tab. clear the Loop check box. Click Open. To listen to the audio file. the Browse dialog box opens to the WebEasy/Audio/Effects folder. 3. click the Play button. click the Link button in the Page section. (By default. To add sound to an item on a page: 1. select the Enable page background audio check box. WebEasy • 145 . To have the audio clip only play once. Click the Browse button. the audio plays continuously.) 5. 6. Click OK. locate and select the audio file. in the Link Type list. click the Stop button. select Audio File. In the Browse dialog box. 4. In the Background Audio dialog box. By default. To stop the playback. In the Link dialog box.Chapter 11: Adding Enhanced Features 3.

To insert multimedia from the Media Gallery: 1. preview the website.Chapter 11: Adding Enhanced Features 4. 2. To quickly view the web page with the multimedia object. For details. If the Media Gallery doesn’t appear in the WebEasy window. locate and select the audio file and click Open. see Chapter 9 “Integrating with Other Websites” on page 105. 6. 146 • WebEasy . or other multimedia files into your document. click the Stop button. Click OK. Select the item you want to use in the Media Gallery. Note: Not all browsers support all multimedia objects. flash video. click Media Gallery. Adding Multimedia Objects You can easily insert movies. Drag to place the file as an object in your document. To stop playing the file before it ends. To test the sound. You can also insert multimedia available on other websites with a WebWidget from the Insert Object dialog box. 5. The multimedia object won’t run in the document until it has been built. click the Play button. In the Browse dialog box. 7. Click the Audio Files button in the Browse area. on the Insert and Modify tab.

2.Chapter 11: Adding Enhanced Features Adding Podcasts A podcast is a method for including multimedia files on your website. 4. Click Pause to pause the playback or click Stop to stop playing the file. Listening to Sound Files You can use the Multimedia Player to listen to sound files you’ve inserted onto a page before building the website. 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 listen to a sound file: 1. For details. click Play. 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 . 3. Click the Review and Tools tab. In the Multimedia Player section. such as audio or video. To add multimedia files to your site. Select the sound file or open a page with page audio. that are available for playback or for downloading. you must have already created them. see the previous sections or see WebEasy Help.

you can have text ‘fly in’ a page or have a graphic move from one location to another. Creating Animated Items You can add interest and excitement to web pages by animating static objects. see WebEasy Help. In the Multimedia section. Click Pause or Stop to no longer view the multimedia file. 2. Adding RSS Use Really Simple Syndication (RSS) to have the visitors to your website receive RSS feeds.Chapter 11: Adding Enhanced Features form. 4. 148 • WebEasy . click the Play button. For example. To adjust the multimedia player or use a placeholder image on the web page. To view a multimedia file: 1. 3. see this topic in WebEasy Help. MOV and other major multimedia formats. Click the Review and Tools tab. The Multimedia Player works with WAV. Select a multimedia file. For details. They are especially useful if you frequently change or add content. AVI. Note: WebEasy also provides some standard animations in the Insert Object dialog box on the Animations tab. These feeds automatically keep site visitors informed about the site’s latest news and developments. MID.

To insert a WebWidget: 1. see WebEasy Help. click the Object button. to insert the Album on Flickr® widget.Chapter 11: Adding Enhanced Features To create RSS content in WebEasy. photo-sharing. Review each browser’s documentation for further information. Then. first create a web page for WebEasy to use for creating an XML file (the feed) with your site’s latest information. you must specify your user ID and photo album location. Click the Insert and Modify tab. When a visitor clicks the link. You can create a link to a single line of text. In the Insert section. the XML file opens in their browser or RSS reader and displays the RSS information. For information about inserting WebWidgets with media or links to other sites. generally the main page. Note: You can also click Objects on the Media Gallery toolbar and double-click the WebWidgets folder. You must specify parameters when you insert WebWidgets. you can link to photos on your Facebook page or in your Flickr account. you add a link to that file into one of your web pages. Note: Not all browsers recognize RSS feeds. For example. Drag the appropriate object onto the web page. For example. 2. an icon. WebEasy • 149 . and bookmark-sharing sites. Adding WebWidgets WebWidgets include tools for social networking. or an image. see Chapter 9 “Integrating with Other Websites” on page 105. Each widget includes different parameters for you to set. For details on setting up an RSS feed.

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. Move the pointer over the page and click to place the object. For information about using defined scripts (such as for redirecting pages) or creating custom scripts. 6. you must preview the site to see the object correctly. click the WebWidgets tab. For example. 8. Select the object to insert. For details about inserting WebWidgets. Click OK. see WebEasy Help. 7. see “Integrating with Other Websites” on page 105. 4. you add a script to add functionality of some type to your website. 5. In the Insert Object dialog box. For many objects. Note: Some visitors may have blocked scripts from running in their browsers. adjust the values as needed. Click OK. 150 • WebEasy . Adding Scripts JavaScript is a programming (or script) language. If the Object Properties (or Embedded Object Properties) dialog box opens. Generally.Chapter 11: Adding Enhanced Features 3.

you can find answers to some frequently asked questions and helpful hints here.Chapter 12 Problem Solving If you experience problems with WebEasy. 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 .

the frame and image will not fit together. To access the item. You should be able to see the item underneath. If you drag a frame from the Media Gallery onto an image. select Fit the frame to the selection or Fit the selection to the frame. 152 • WebEasy . you can: • If you don’t want to move the overlaying item. To move the overlaying item but maintain its position on the page. If you have an image and a frame in your document that you want to fit together. 2.Chapter 12: Problem Solving Problems with Items An item on my website is hidden behind another one. use the Fit dialog box. On the Frame tab. it only fits if it is dragged directly onto a selected image. select that item in front and click the Hide button on the Layout tab. Select the image and the frame. 4. To fit an image and a graphic frame: 1. Click OK. select it and click Send Backward or Send to Back on the Layout tab. With WebEasy you can layer items from front to back. Then click the Fit button on the Layout tab. If the handles do not show. 3. • A graphic frame does not fit to my image.

the handles show you whether you have selected just the frame or both the frame and the image. select the item again. When I added an oval frame to my image. If you have dragged an oval frame onto your image.Chapter 12: Problem Solving Portrait-oriented images appear as landscape images. you have selected both the frame and the image. click Stencil on the Media Gallery toolbar. you have selected just the frame. If the selection you have made is not the one you wanted. Oval frames should be used with oval stencils. see “Rotating Images” on page 77. WebEasy • 153 . it did not fit. Open the Oval folder. my image disappeared as well. If the handles are diamonds. 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 groups images and frames together to make it easy for you to work with them. Your digital camera might show all the images you take in landscape mode. When you select a frame. rotate the images by 90 degrees. In WebEasy. and drag an oval-shaped stencil onto your image. If the handles are squares. For more information. The handles should alternate between diamond and square each time you select an item. When I deleted my frame.

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

Make sure that the Internet address that you entered begins with http://. Use the Site Map Assistant (available on the Review and Tools tab) to check your links from and into each page.) • • Make sure that you haven’t made any mistakes when typing the Internet addresses and that the addresses are still valid. If you cannot find anything wrong with the addresses. (See “Viewing Links with the Site Map Assistant” in WebEasy Help.Chapter 12: Problem Solving Problems with Links Some of my links to other sites do not work.) WebEasy • 155 . WebEasy does not verify that the Internet addresses you provide are correct. see your Internet Service Provider. This is required for links to other sites. (See “Viewing Links with the Site Map Assistant” in WebEasy Help. You can use the Site Map Assistant (available on the Review and Tools tab) to check the internal links from and to each page. 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.

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. or you can delete the first 156 • WebEasy . the Publish Assistant cannot compare local and remote files. If the package file is missing. This occurs when a package file is missing from the local folder on your computer. If this is the first time you’re publishing your website. you can make the one you are publishing now smaller. 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. If you have already published a website.Chapter 12: Problem Solving Problems When Publishing The Publish Assistant says required files have been deleted from my local folder. the Publish Assistant cannot delete that website. You can reduce the size of your website by reducing the size of any large graphics. 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. by removing a page. If the package file for a website you want to delete is missing. There’s not enough disk space on my remote host to publish my website. you can either request more space from your web hosting service or reduce the size of your website. You must re-publish your entire website. or by removing large files that are linked to the site.

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

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

91 tables. 142 audio. 106 bookmarking widgets. 91 boxes rectangles. 89 . 139 eShop. 147 RSS. 102 text. 118 e-commerce.Index A Activity Center. 43 backups. 74 Like buttons. 43 pages. 138 shadows. 66 contact buttons. 147 B backgrounds for pages. 61 lines of shapes. 107 sites. 148 scenes. 146 page background. 91 for images. 148 borders. 144 tables. 137 bookmarking AddThis service. 108 multiple sites. 64 color. 140 frames. 82 borders of shapes. 144. 98 animations. 64. 117 multimedia. 36 blank documents. 81 Google Apps. 104 text frames. 34 blogs. 96 words to dictionary. 63 sounds. 16 adding animation. 106 borders. 39 podcasts. 119 images. 108 adjusting layer positions. 119 AddThis bookmark. 99 Yelp buttons.

91 layer positions. 70 copying items. 139 editing text. 83 borders. 70 colors. 140 website from scratch. 82 items. 104 circles. 71 matching colors. 82 clipart adding. 34 building into website. 90 160 • WebEasy C custom colors. 142 documents.Index building websites. 91 tables. 74 rotating. 13 applying effects. 50 pages. 29 drawing lines. 57 D deleting frames. 66 custom colors. 58 creating backups. 102 DHTML. 90 ovals. 80 stencils. 122 cue cards. 150 Color dialog box. 35 templates. 61 lines of shapes. 124 building websites. 8 customizing WebEasy. 28. 36 eShop. 142 E eBay auction page. 25 cutting items. 57 links. 12 dividers. 71 customer support. 39 previewing. 47 stencils. 78 CSS. 70 coloring. 34 websites. 32 cropping images. 89 clearing frames. 89 dynamic links. 38 pages. 83 text frame. 98 text mode. 90 shapes drawing. 71 Web-safe colors. 51 saving. 32 Website Assistant. 122 DHTML Editing Control. 122 changing. 122 opening. 78 framing. 82 cropping. 82 stencils. 81 moving. 136 e-commerce. 77 coding. 28 blanks. 83 clip art. 7 curves. 94 . 89 polygons. 34 saving as template. 70 Color palette.

6 Media Gallery. 55 pasting. 21. 101 forms. 153 Graphic Text. 138 embedding albums. 114. 64 coloring. 148 borders. 61. 82 cropping. 83 borders. 7 online. 57 fitting. 74 applying effects. 97 existing. 8 user’s guide. 146 formatting items by pasting. 56. 79 selecting. 6 Spell Checker. 60 grouping. 54 shadows. 112 videos. 78 framing. 111. 60 Rich Text. 72 HTML. 7 help system. 58 cutting. 111. 113 photos. 20 fitting items. 82 FTP Max. 81 removing. 142 gradients. 95 grouping items. 6 G gadgets. 152. 83 scenes. 82 inserting pages. 77 stencils. 80 placeholders. 39 Inspector. 8 tutorials. 67 graphic frames. 76 rotating. 44. 61 formatting. 128 FTP Max Help. 63. 61 moving. 63 WebEasy • 161 . 61.Index effects images. 6 images adding. 56 layers. 56 H Help FTP Max. 12 iPhone redirection. 142 items animating. 142 frames adding. 81 moving. 26 help cue cards. 61 flash. 66 copying. 139 Exif information. 81. 58 problems. 5 HSL values. 24 installing. 115 eShop. 6 technical support. 152 resizing. 122 I F file formats.

41 pages adding. 110 dynamic links. 80 positioning items. 47 viewing. 109 problems. 26 . 150 Publish Assistant. 125 Q Quick Access toolbar. 78 framing. 48 sizing. 136 photos Exif information. 77 stencils. 74 applying effects. 49 photos online. 80 adding. 49 adding titles. 55 multimedia. 146 multimedia player. 46. 43 162 • WebEasy deleting. 55 previewing websites. 82 placeholder images. 58 path animations. 142 other accounts. 23 page titles. 126 publishing problems. 39 adding links. 155 removing links. 90 positioning images. 116 pages. 6 opening documents. 61 lines. 90 linking albums online. 38 Page Navigation pane. 97 photo-sharing sites. 146 moving. 7 Media Gallery. 82 cropping. 80 moving items. 76 Plain Text. 18. 144. 50 M managing websites. 69 photo album website. 60 pasting items. 156 to third-party hosting. 18. 150 L layers. 95 podcasts. 41 background. 90 polylines. 130 manual. 109 pictures. 138 movies. 6 mobile device sites. 74 Media Gallery Help. 47 re-ordering. 14. 38 pasting formatting. 148 patterns. 20. 83 borders. 18. 147 music. 147 polygons.Index J JavaScript. 147 O P online help. 51 programming. 25 quitting. 81 rotating.

138 scripts. 79 sizing items. technical. 63 shortcut menus. 61. 80 resizing items. 82 items. 78 tutorials. 148 squares. 24 stencils. 8 templates. 79 pages. 13 user’s guide. 102 editing. 76 placeholders. 98 Exif information. 45. 8 T S saving as template. 82 removing. 147 Spell Checker. 96 adjusting frames. 54 serial number. 77 RSS. 97 textures. 68 titles for pages. 95 Text Assistant. 23 Size handles. 102 changing.Index R removing frames. 47 stencils. 94 modes. 154 types. 18. 94 problems. 50 pages. 95. 7 WebEasy • 163 . 104 technical support. 35 text adding. 7 trimming images. locating. 29. 8 shadows. 34 scenes. 89 starting. 47 sounds. 32 saving. 144. 98 catalogs. 57 links. 97 deleting frame. 83 text frame. 56. 48 replacing images. 150 selecting items. 76 re-positioning. 16 status bar. 41 ToolTips. 101 frames. 6 tables adding. 117 U updating WebEasy. 99 Spell Checker Help. 83 support. 61 re-ordering pages. 101 rotating images. 97 formatting. 102 re-ordering layers. 8 serial number. 79 pages. 35 documents. 47 RGB values. 8 support. 8 Twitter. 72 Rich Text.

13 customizing. 16 updating. 142 X Y Z XHTML. 142 workspace. 136 for mobile devices. 8 version number. 5 Web-safe colors. 29 website documents. 139 version. 38 problems in browsers. 28 websites blogs. 17 164 • WebEasy . 122 Yelp. 157 websites. 137 building. 12 quitting. 138 maintaining. 18 Website Assistant. locating. 149 widgets. 122 WebWidgets. 18. 17 WebEasy Help. 129 VRML. 136 types. 147 viewing multimedia. 147 pages. 8 videos. 124 clip art. 8 WebEasy menu. 25 documents. 119 zooming. 70 Website Assistant. 24 W WebEasy building sites. 124 photo albums.Index V vendors. 26 starting. 130 package file. 13 version. 122 eBay auction page. 28 installing. 29 workspace.

Sign up to vote on this title
UsefulNot useful