Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
WebEasy
WebEasy
xi
Chapter 1
Welcome
Welcome to WebEasy! WebEasy is an easy-to-use website design program. You can create your own site quickly and easily without having to learn any behind-the-scenes coding. WebEasy manages all that for you. This chapter has the following information: WebEasy Features on page 2 Getting Familiar with WebEasy on page 2 Getting Help on page 5
Chapter 1: Welcome
WebEasy Features
WebEasys many features provide you with everything you need to create and manage your website easily. You can use the Website Assistant wizard to make a website from provided templates. The Media Gallery gives you quick access to provided clip art and your own media files (including audio and video files). With the Publish Assistant wizard you can upload your new website easily to the WebEasy hosting service or to a third-party hosting site. The WebEasy hosting service provides an integrated, affordable, and comprehensive hosting solution for your website. The e-Commerce feature gives you a secure way to sell products online. WebEasy creates code based on the W3C standards; therefore, the websites are compatible for modern web browsers (such as Internet Explorer, Google Chrome, Firefox, and Safari).
WebEasy
Chapter 1: Welcome
3. Build the document into a website. 4. Publish the website on the Internet.
Note: Before you start a website document, determine what images and text you want to have on your website. Think about the organization that would be effective for your site.
2: Modifying Documents
Once you have started a WebEasy website document, you can modify it as needed. If you used a template, you can change the provided text and graphics as needed.
WebEasy
Chapter 1: Welcome
You can add: More text, graphics, and shapes (See Chapter 6 Working with Items on page 53, Chapter 7 Working with Images and Shapes on page 73, Chapter 8 Working with Text and Tables on page 93 for information.) Links to other pages, other websites, or files to download (For information, see Adding and Changing Pages on page 39 and Adding Multimedia on page 144. Also, see Creating Links in WebEasy Help.) YouTube videos, audio, other Flash files, and animations for a multimedia-rich site (For details, see Chapter 9 Integrating with Other Websites on page 105 and Adding Multimedia on page 144.)
WebEasy
Chapter 1: Welcome
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.
WebEasy
Chapter 1: Welcome
Click the WebEasy button on the Help tab. Press the F1 key. In a dialog box, click a Help button.
Note: Some dialog boxes have a special Help button for accessing information at non-Avanquest websites (such as a vendors website).
Click the Gallery button on the Help tab. In the FTP Max window, click the Help button. In the Connection Profile or the Connect dialog box, click the Help button.
WebEasy
Chapter 1: Welcome
Click the Help button in the Check Spelling dialog box. On the Contents tab, click the plus (+) sign for a section. Then, click a topic to open it. To browse a list of keywords, click the Index tab. Either scroll through and select a keyword or type a keyword. Then, click Display. To search the help topics, click the Search tab. Type a word or phrase and click List Topics to find related topics. Select a topic and click Display.
Viewing ToolTips
WebEasy uses ToolTips provide information about buttons. To view a ToolTip, pause the pointer over a button.
menu.
2. Clear the Show tooltips check box. 3. Click OK.
WebEasy
Chapter 1: Welcome
menu.
2. If necessary, select General on the left. 3. Select (or clear) the Show cue cards check box. 4. Click OK.
When you see a cue card, click its close box to close it. To not see that specific cue card again, clear the Show again check box before closing the window.
WebEasy
Chapter 1: Welcome
If you contact Technical Support, have your WebEasy version and serial number available. On the Help tab, in the About Software group, click Version.
WebEasy
Chapter 2
Installing, Updating, and Uninstalling WebEasy
This chapter explains how to install and update WebEasy, how to sign-up and manage your WebEasy Hosting account, and how to uninstall WebEasy. This chapter has the following information: Installing WebEasy on page 12 Updating WebEasy on page 13 Signing Up for WebEasy Hosting on page 13 Managing Your WebEasy Hosting Account on page 14 Uninstalling WebEasy on page 14
Installing WebEasy
If you have a current version of WebEasy, uninstall it before installing the new version. When uninstalling the previous version, your work is saved. After you install WebEasy, you can activate the product by setting up a your free account on WebeasyHosting.com. We recommend you activate the product immediately after installation.
To install WebEasy: 1. Insert the WebEasy disc into your computers disc drive.
If you purchased and downloaded WebEasy online, double-click the downloaded .exe file. If Windows does not open the disc automatically, choose Start > Computer and double-click the icon for the disc drive.
2. If the AutoPlay dialog box opens, click Run setup.exe. 3. If the User Account Control dialog box opens, click Yes. 4. In the Startup screen, click Install WebEasy Professional. 5. Follow the on-screen instructions. 6. If a message asks about installing DHTML Editing Control
from Microsoft and you want to create dynamic websites, click Yes.
Note: If you are not sure, click Yes so that you have the capability. If you click No, you can download it from Microsoft later.
activate your account. Once your account is activated, you can sign up for WebEasy Hosting.
12 WebEasy
WebEasy also includes additional clip art that you can install from the Startup screen or download if you purchased the online version.
Updating WebEasy
It is best to check for software updates immediately after you install WebEasy. WebEasy periodically checks for updates when you start the program.
To check for updates manually: 1. If necessary, connect to the Internet. 2. On the Help tab, click Updates. 3. In the window, click OK. 4. If you have an open project, click Yes to save it or No to
discard changes.
5. In the wizard, click Next and follow the on-screen
instructions.
WebEasy opens the WebEasy Hosting website so you can sign up.
2. Follow the online instructions.
WebEasy
13
Uninstalling WebEasy
Uninstall WebEasy from your computer to remove program files and settings.
To uninstall WebEasy: 1. Choose Start > Control Panel. 2. Under the Programs heading, click Uninstall a program. 3. In the Uninstall or change a program list, select WebEasy
Professional 9.
Note: The actual name depends on the installed version.
4. Click the Uninstall button on the toolbar. 5. Follow the on-screen instructions.
14
WebEasy
Starting WebEasy
When you install WebEasy, the installer places a WebEasy icon on the desktop. You can use this icon to start WebEasy, or you can use the Start menu.
To start WebEasy:
Choose Start > All Programs > WebEasy Professional 9 > WebEasy Professional 9. (The name depends on the installed version.)
Click Pick a Website Template to open the Website Assistant wizard. The Website Assistant wizard shows you an
16
WebEasy
extensive list of templates for every kind of website so you can get started by using a layout that is already designed. Click Use a Blank Design to select a blank project template to design your own website. You are asked to choose resolution settings for your website and you can import an existing website. Click Sign-Up for Hosting to go online and sign up for WebEasys web hosting service. Click the Close button to go directly to the WebEasy workspace.
WebEasy
17
2 3
WebEasy
19
The Media Gallery supports more than 150 file formats for accessing images, animations, audio files, video clips, documents, and web objects (special scripts). To browse for media files: Use the buttons on the left side of the toolbar to navigate through folders. When you open a folder, its path shows in the Address box. Use icons on the right side of the toolbar to access shortcuts to commonly used media folders (such as Clipart or Audio). By default, the Tree pane is hidden. To show it, drag the divider at the left side of the Media Gallery. Use the Tree pane to browse to and open a folder with media files in a tree hierarchy.
When you open a folder with media files, thumbnails of (or details about) the files appear in the Display pane. You can then drag items to add them to documents.
20
WebEasy
The Media Gallery has its own Options dialog box and help system. To set Media Gallery options, click the Options button on its toolbar. For details, see Media Gallery Help. To view Media Gallery Help, click the Gallery button on the Help tab.
WebEasy
21
You can keep the Inspector palette open as you work with different items, and it updates each time you select a different item. Each type of item displays different properties. For example, for an image, you can view details about the image file. The Inspector has three tabs: The Properties tab displays general properties with information about the currently selected item, page, or document. You can change the properties for the current selection, the current page, or the complete site. The Style tab shows the attributes for the documents style sheet. Some of these attributes are only supported if you build a CSS-based website (which uses Cascading Style Sheets). You can change the properties for the current selection, the current page, or the complete site. The Layers tab lists all the items on the current page. You can lock, hide, and move layers higher or lower in the view. You can change certain properties for certain items here. For example, if you have a rectangular shape, you can change its background fill properties.
Using Assistants
Assistants help you get started quickly by guiding you through an activity step-by-step. You can use assistants to help you:
22
Design websites (Website Assistant). Publish websites (Publish Assistant). Add ready-made text (Text Assistant). Create a rollover image (Rollover Image Assistant). Search for files (Search Assistant).
WebEasy
View a site map (Site Map Assistant). Add information to improve search engine hits (SEO Assistant). Select a vendor for selling items (E-Commerce Vendor Assistant). Insert objects that have varying information (Dynamic Link Assistant).
For information about a specific Assistant, view the relevant topic in the Reference section of WebEasy Help.
You use shortcut menus on the ribbon and Quick Access toolbar to customize them.
You can float the Page Navigation pane by dragging its title bar or by right-clicking the title bar and choosing Float. To re-dock the pane, right-click its title bar and specify where to dock the pane. You can show or hide the Inspector by clicking the Inspector button on the Quick Access toolbar or the Review and Tools tab. (CTRL+K) You can dock the Inspector by right-clicking its title bar and specifying where to dock it. You can use the same shortcut menu to float it again or hide it. You can customize the status bar to show or hide the status information, the zoom value, or the Zoom slider. Right-click the status bar and click an item to show or clear the check mark.
To return to standard views quickly, in the Zoom dialog box select Fit or 100%.
24
WebEasy
Customizing WebEasy
WebEasy has an Options dialog box where you can customize certain settings that affect the workspace, the program, and your documents. To set WebEasy options, choose Options > WebEasy Options on the WebEasy menu. The Options dialog box has the following pages: General page: On this page you can show or hide ToolTips, cue cards, and the Media Gallery pane by selecting or clearing a check box. You can also specify whether or not to hear program sounds, lock or unlock the Media Gallery, monitor Media Gallery drives, and dock or undock program panes and palettes.
WebEasy
25
Documents page: In the Working with Document area you can adjust the default print quality, which method to use for selecting colors, whether WebEasy alerts you about missing files or creates thumbnails. Design Grid page: The grid displays in the workspace to help you align items. The options on this page adjust grid settings. You can also access this page by clicking Grid > Grid Settings on the Home tab. Image page: These settings determine the default settings for images that you insert in a document. Build HTML page: WebEasy uses the options on this page to determine how to build a website from your documents (for example, which case to use for website files). Folders page: You can specify the location for default folders. Programs page: You can specify default programs for editing images, for previewing documents in a browser, and whether to use the Publish Assistant by default. Advanced page: On this page you can specify the maximum time for recording audio, the number of undo and backup history levels, the default URL for a third-party web host, and whether to search for inline images when importing a website. For more details, see the Reference section in WebEasy Help.
Closing WebEasy
When you are finished working on your website, you can save the files and close the program.
To exit WebEasy: 1. Open the WebEasy menu and click Exit or click the close
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
In step 1, the WebEasy document is the basis for your website. There are three ways to start a new document in WebEasy: Use the Website Assistant. This takes you step-by-step through the stages of customizing the text and images in a WebEasy template to create your document. Develope a document by using one of WebEasys professionally designed templates in the workspace. In the workspace, replace the images and text with your own and add more items if you wish. Open a blank document and create your own web pages by designing them from scratch. WebEasy offers a choice of blank project templates with preset page sizes (for example, a six-page on-screen website). Add your own images and text to the document.
You can also import an existing website to create a WebEasy document. For information about importing web pages, see WebEasy Help.
Note: How well a website imports depends on the websites design and coding. WebEasy cannot guarantee that it can import all websites correctly.
28
WebEasy
With WebEasy, creating a document is similar to using a word processor. If you use a template, each page has placeholder text and graphics that you can customize as needed.
Note: After creating and designing the document, you then have WebEasy build a website from it for you to upload to the Internet.
The templates have placeholder images and text. You may use your own images and text as you go through the Website Assistant wizard. If you dont replace the images and text in the wizard, you can replace them in the workspace.
Note: The following procedure gives general information about using the Website Assistant. The actual steps depend on the template.
To create a document with the Website Assistant: 1. Choose New > Website Wizard from the WebEasy menu. 2. In the Website Assistant wizard, click Next.
WebEasy
29
category. The templates with wizard in their titles are for creating a special type of web page such as a web photo album. See Adding Enhanced Features on page 135 for details.
4. In the list below the category, select a template. 5. In the Preview area, click the buttons on the right to view
In the Template Style dialog box, select a style category from the list, select a thumbnail for a specific style, and click OK. In general, recommended styles apply different colors to the design. Some styles change the layout.
8. Then click Next. 9. Type a name for your document in the Name box.
30
WebEasy
document by clicking the Browse button. In the Choose Folder dialog box, locate and select a folder, and click Open. WebEasy normally saves documents with an ALB extension in the Documents\WebEasy\Documents folder.
11. Click Next. 12. If the template requests that you to enter information, such as
personal or business details, type this information and then click Next. You dont have to enter the information now. You can change text when the document opens in the workspace.
Note: Depending on the template there may be several screens of text changes.
placeholders in the template with your own images, and then click Next. You can skip this step and add your images later. To specify a different set of images, click the Browse button above the Images list. In the Browse for Folder dialog box, locate and select the folder with the images. Click OK. Select an image and then click >. Alternatively, to load all the images, click >>. WebEasy sequentially replaces the placeholders.
14. If asked about adjusting the layout, make any needed
adjustments, and click Next. To change the color scheme, select a theme from the Color Theme list. (This changes the color boxes in the Color section.)
WebEasy
31
To change the fonts, click the Font box, make changes in the Font dialog box, and click OK. To change individual colors, click a color box, select a color in the Color palette, and then click x to close the palette. To adjust the position of the logo, select either Left justified or Right justified. To remove the logo, select No logo. To adjust other features in the Features area, select or clear the available check boxes. As with the other screens, you can skip this step and change the text in the workspace.
15. On the Congratulations! screen, to see what the site looks
like in your default browser, select the Preview website now check box.
16. To add an RSS feed to your site, select the Add RSS to your
website check box. For information about RSS feeds, see Adding RSS on page 148.
17. Click Finish.
Your document appears in the WebEasy workspace, ready for editing. If you selected Preview website now, your default browser opens with the website showing.
32
WebEasy
To create a document from a template: 1. Choose New > Website from the WebEasy menu.
In the Template Style dialog box, select a style category from the list, select a thumbnail for a specific style, and click OK. In general, the recommended styles apply different colors to the design. Some styles change the layout.
7. Click OK.
Note: In the New Document dialog box you can also import an existing website to use as a WebEasy document. How well a website imports depends on the websites design and coding.
WebEasy
33
Open the WebEasy menu and choose New > Blank Document. A blank, single-page document opens in the workspace.
You can now add pages, backgrounds, insert images, and use all the WebEasy features to design your document. See subsequent chapters for information.
Saving Documents
You can save documents as documents, as templates, or as a backup archive.
If you havent saved this document before, then in the Save As Document dialog box, locate and open the folder where you want to save your document.
3. Type a name for the document in the File name box.
34 WebEasy
4. Make sure the Save as type box shows Document (*.ALB). 5. Click Save. To save a document in a new location or with a new name: 1. Open the WebEasy menu and choose Save As > Document. 2. In the Save As Document dialog box, to save the document in
a new location, locate and open the folder where you want to save your document.
3. To give the document a different name, type a name for the
Saving as a Template
By saving a document as a template, you create a personal template that you can use to design other documents in the same style or use to add pages to the existing website.
To save a document as a template: 1. Open the WebEasy menu and choose Save As > Template. 2. In the Save As Document dialog box, locate and open the
3. Type a name for the document in the File name box. 4. In the Save as type box, verify that it shows Template
(*.TPL).
5. Click Save.
WebEasy
35
Archive.
2. In the Backup Website Document dialog box, locate and open
the folder for the backup. (Make sure to save the backup in a different location than the original file.)
3. Type a name for the archive in the File name box. 4. Click Save.
Note: Making an archive takes up significant disk space. Only use it when you need an extra copy of all the files included in the document.
36
WebEasy
If youve worked on the document recently, you can open the WebEasy menu and click a file in the Recent Files list on the right side of the menu.
If the document has many pages, you use the Go To dialog box to move to a specific page. You can even open a different document to a specific page. See WebEasy Help for information.
38
WebEasy
To go to a specific page in the current document: 1. If necessary, click the Home tab. 2. In the Page section, click Modify > Go To.
select one. To go directly to a page, type the page number in the Enter page number box.
4. Click OK.
Adding Pages
You can add new pages to your document. Each page can have the same or different backgrounds. You can also change the viewing size of the pages.
WebEasy
39
To add a page: 1. If necessary, click the Home tab. 2. In the Page section, to add a new template page after the
category for your new page list, select a category for the new page. To add a blank page, select Blanks.
Note: If the current page has a background and you select a blank template for the new page, then WebEasy creates the new page with the same background as the current page.
If you used a specific template to create the document, then select the category that you used for the rest of the document.
4. In the area below the category, select a template to use. If
you selected Blanks, then select either This Page or Blank Page.
40
WebEasy
Style Selection button. In the Template Style Library dialog box, if you wish, specify a different style from the list. In the Preview area select a template and click OK. To import a style, click the Import from Style Library button. In the Import Style dialog box, specify a style. Then select the style in the Preview area and click OK.
7. If you wish, edit the pages title in the Title box. 8. To have the page size match the current the page, select the
Note: Some search engines use page titles to locate your website. The title should be short, but relevant to the pages content.
To add a page title: 1. Open a document. 2. If necessary, click the Home tab. 3. Click Modify > Page Title.
Some characters and combinations are not accepted as names. Avoid using &, CR, LF and TAB.
42
WebEasy
tab, click a standard, pre-defined color. To select from a larger palette, click the Full Color Palette button. Click a color and then click the x button. If you know the hexadecimal value for the color, you can type it (preceded by a #) in the Solid Color box. (The selected color appears in the Sample area.)
4. To apply this color to all pages, select Apply to all pages. 5. Click OK.
WebEasy
43
To add a gradient to the background: 1. In the Page section of the Home tab, click Background >
Background.
2. In the Page Background Settings dialog box, click the
Gradient tab.
button to the right of the Starting Color box and select a color from the palette. Then click the x button. (You can also type a hexadecimal value in the box.)
4. To specify the ending color, click the Full color palette
button to the right of the Ending Color box and select a color from the palette. Then click the x button. (You can also type a hexadecimal value in the box.)
5. Then, type a Drawing Angle or click the Angle Setting
button and specify the type of gradient. (A preview of the gradient appears in the Sample area.)
6. To apply this gradient to all pages, select Apply to all pages. 7. Click OK.
44
WebEasy
To add a texture to the background: 1. In the Page section of the Home tab, click Background >
Background.
2. In the Page Background Settings dialog box, click the
Texture tab.
folder, select an image in the Image File list. To use another image, click the Browse button. In the Choose Image dialog box, locate and select the image file and click Open. (A preview of the texture appears in the Sample area and all images in the selected folder appear in the list.)
4. To apply this texture to all pages, select Apply to all pages. 5. Click OK.
Instead of inserting a page background with the dialog box, you can drag a texture directly into a page as a background. By using this method, you can only change the background of the current page.
WebEasy
45
To add a textured background by dragging: 1. Click Textures on the Media Gallery toolbar. 2. Select a folder. 3. Click a texture. 4. Drag the background onto the page. To add a pattern to the background: 1. In the Page section of the Home tab, click Background >
Background.
2. In the Page Background Settings dialog box, click the
Pattern tab.
button to the right of the Foreground Color box and select a color from the palette. Then click the x button. (You can also type a hexadecimal value in the box.)
4. To specify the backgrounds color, click the Full color
palette button to the right of the Background Color box and select a color from the palette. Then click the x button. (You can also type a hexadecimal value in the box.)
46
WebEasy
then select a pattern. (A preview of the pattern appears in the Sample area.)
6. To apply this pattern to all pages, select Apply to all pages. 7. Click OK.
Deleting Pages
You can only delete a page if your document has more than one page. You cannot undo deleting a page.
To delete a page: 1. Select the page to delete. 2. On the Home tab, in the Page section, click Modify > Delete
Page.
3. In the confirmation box, click Yes.
Size.
WebEasy
47
2. In the Page Size dialog box, specify a page size from the
Existing dimensions list. If you dont see the dimensions you want, select User Defined and type the Width and Height in pixels.
Note: For example, if you set the dimensions for 800 x 600, users can view the web pages without scroll bars on screens that are 800 x 600 or larger. If you set the dimensions larger, visitors with smaller screens use scroll bars to view content.
3. To rearrange the items to fit the new page size, select the
Apply to all pages. To apply only to the current page, clear this check box. Click OK.
48
WebEasy
For example, in a template, there may be text for About Us, which is another page in the document.
2. On the Home tab in the Page section, click the arrow under
the Link button and specify the type of link: First page: Takes a visitor to the first page of the website. Previous page: Takes a visitor to the page before the current page.
WebEasy
49
Next page: Takes a visitor to the page after the current page. Last page: Takes a visitor to last page in the document. Page by Title: Takes a visitor to a specific page in the website. In the Page Title dialog box, select the page and click OK. Internet: Takes a visitor to a specific page in another website. In the Get Internet Address dialog box, type the URL and click OK. You can add links to items in your website so that visitors can open a file (such as a PDF file or multimedia file), open a blank e-mail message, or even run a program. For details about creating special links, see Creating Links in WebEasy Help. For information about adding items, such as text or graphics, see Chapter 7 Working with Images and Shapes on page 73 and Chapter 8 Working with Text and Tables on page 93.
Removing Links
If you change your mind about having a link, you can remove it.
To remove a link quickly: 1. Select the item with the link. 2. On the Home tab, click Link > Remove.
50
WebEasy
Previewing Documents
You can preview your document in a browser before you build it into a website. The preview shows your document as it should appear on the Internet and you can check all your links. When you click Preview, WebEasy creates a temporary website. It is not a substitute for building the website, which you must do before you can publish it on the Internet.
To preview your document: 1. Click the Review and Tools tab. 2. To open the document in your default browser, click the
Preview button. If you have multiple browsers installed on your computer, to specify the browser, click the Preview arrow and specify which browser to use.
WebEasy
51
make any needed changes. You can specify how to build the website, layout options, whether to preview all or just the current page, the default image file type, and colors for links. If you use Internet Explorer, keep Mark of the Web for local testing selected.
4. To make advanced changes, click Settings. In the Preview
Settings dialog box make the changes and then click OK.
To make additional settings, click Advanced. You can also specify RSS settings. For details, see Chapter 10 Building and Publishing Your Website on page 121.
5. Click OK. 6. Review the website and click the linked items to verify that
52
WebEasy
Selecting Items
Before you can edit an item in your document, you must select it. When you select an item, Size handles appear on the corners and sides of the item. Images also have a Rotate handle extending to the right.
To select an item:
Click it. To select a different item, click a different item or press TAB. Click elsewhere on the document. On the Layout tab, click Deselect All.
To cancel a selection:
You can select more than one item at a time and edit them simultaneously.
To select multiple items:
To select every item on a page, on the Layout tab, click Select All. (CTRL+A) To select a few items, press SHIFT as you select the items. To select most items, press SHIFT as you select items you dont want selected. Then, on the Layout tab, click Invert Selection.
With a multiple selection, to no longer have an item selected, press the SHIFT key as you click the item.
54 WebEasy
Moving Items
You can move an item anywhere on a page.
To move an item: 1. Select the item to move. 2. Drag the item to the new position.
An outline of the item shows as you move it. You can position items precisely by using the Size and Position dialog box.
To position an item precisely: 1. Select the item. 2. On the Layout tab, click Fit > Size and Position. (If the
selected item is a graphic, you can also click Image > Size and Position on the Insert and Modify tab.)
4. Click OK.
WebEasy 55
Resizing Items
You can resize any item by dragging a Size handle. Drag a corner handle to resize the item proportionally. Drag a side handle to resize the height or width.
Note: When you drag a text items handle, you resize the text frame, not the text. To resize the text and the text frame, press the ALT key while resizing.
You can resize items by using the Size and Position dialog box.
To resize an item precisely: 1. Select the item. 2. On the Layout tab, click Fit > Size and Position. (If the
selected item is a graphic, you can also click Image > Size and Position on the Insert and Modify tab.)
3. In the Size and Position dialog box, to be able to distort the
and Height boxes. (For an image, to return it to its original size, click Original Size.)
5. Click OK.
Grouping Items
You can group two or more items together and then adjust them simultaneously.
56
WebEasy
When you edit a grouped item (such as resize or rotate them), you change all items in the group.
To group items: 1. Select one or more items. 2. Click the Layout tab. 3. Click the Group button.
A grouped item shows diamond-shaped handles on the corners and sides. If you click one item in a group, the handles become the standard handles for adjusting an individual item.
To break apart a group: 1. Select the group. 2. On the Layout tab, click the Ungroup button.
Removing Items
Cutting an item removes it from its current position and places it onto the Windows Clipboard. You can then paste it elsewhere.
To cut items: 1. Select one or more items to cut. 2. On the Home tab, click the Cut button. (CTRL+X) To remove an item without placing it on the Clipboard:
WebEasy
57
Copying Items
Copying an item places it onto the Clipboard without removing it. You can then paste the Clipboard contents elsewhere.
To copy items: 1. Select one or more items to copy. 2. On the Home tab, click the Copy button. (CTRL+C)
Pasting Items
Pasting places the contents of the Clipboard into your document. WebEasy has several special pasting features.
To paste an item at a specific location: 1. Click Paste > Item at Mouse Click.
58 WebEasy
2. Move the pointer to the page and click where you want the
item positioned.
To paste an image at a location: 1. Click Paste > Paste Image. 2. Move the pointer to the page and click where you want the
image positioned.
To paste text at a location: 1. Click Paste > Paste Text. 2. Move the pointer to the page and click where you want the
text. WebEasy keeps track of items you place on the Clipboard during a working session. Even if youve changed the contents of the Clipboard, you can paste items that youve copied or cut earlier.
To paste a non-recent item from the Clipboard: 1. Click Paste > From History.
WebEasy
59
the item to paste in the list. WebEasy keeps track of the items by time. The Preview area on the right shows the selected object.
3. Click OK. 4. Move the pointer to the page and click where you want the
item positioned.
Note: When you quit WebEasy, the Clipboard tab loses its contents until you start another session.
Applying Formatting
You can apply formatting from the Clipboards contents to a selected item instead of pasting an item. You can apply formatting from and to the same type of object. You can apply some formatting (such as color) between different items. For example, you can apply a copied shapes color to text.
To format a selected item by pasting: 1. Select the item with the formatting you want to apply
elsewhere.
2. On the Home tab, click the Copy button. 3. In your document, select the item to be formatted. 4. On the Home tab, click Format in the Clipboard section.
60
WebEasy
Re-ordering Items
WebEasy arranges items on a page in layers. The first item you place on a page is on the bottom layer and the most recently placed item is on the top. If you drag one item over another, the one in an upper layer covers anything in a lower layer. You can rearrange the way the items are ordered.
To re-order an item: 1. Select the item to be moved forward or backward. 2. Click the Layout tab, click an order button in
the Arrange section: Bring to Front moves the item to the front-most layer. Send to Back sends the item to the bottom-most layer. Bring Forward brings the item forward one layer. Send Backward sends the item backward one layer.
WebEasy
61
To fit selected item(s): 1. Select one or more items. 2. On the Layout tab, click the Fit button, or right-click the
point or to space them evenly, click the Selection tab. Then specify Space the selection horizontally, Space the selection vertically, Center the selection horizontally, or Center the selection vertically.
4. To fit selected items on the page, click the Page tab. Then
select Fit the selection to the page, Proportionally fit the selection to the page, or Center the selection on the page.
5. To adjust the size of selected items, click the Size tab. Then
select Make the same size, Make the same width, or Make the same height. To reset the sizes, select Restore original image size.
6. Click OK.
The WebEasy clipart library includes graphic frames. You add a graphic frame to surround another item. After adding the frame, you use the Fit dialog box to fit the frame to the item or vice versa.
62
WebEasy
To fit a graphic frame and another item: 1. Select the frame and the other items. 2. On the Layout tab, click the Fit button, or right-click the
the selection, or to have the item fit into the frame, select Fit the selection to the frame.
5. Click OK.
Applying Shadows
You can add shadows to graphics, shapes, and text. When you apply a shadow to Plain Text or Rich Text, the shadow appears around the text frame, not the text itself. To apply shadows to the characters, insert Graphic Text.
To add a shadow to an item: 1. Select an item. 2. On the Insert and Modify tab, in the Modify section, click
WebEasy
63
Display shadow check box. To remove an existing shadow, clear the check box.
Note: The default text for Graphic Text has a shadow applied already.
the text frame to an image, select the Convert text to image check box. (To convert the image back to text, click Undo on the Quick Access toolbar immediately after clicking OK.)
5. Drag the sliders to determine the shadows Opacity, Blur, X
click the Full color palette button select a color from the Color palette.
7. Click OK to apply the shadow.
Adding Borders
You can add a border to most items. (If you cant add a border, the Border button is not available for the selected item.)
To add a border: 1. Select the item. 2. On the Home or the Insert and Modify tab, in the Items
64
WebEasy
the Border Style button and specify the type of border. To remove a border, specify None.
Note: You can also specify a style, such as Dotted or Dashed in the Border Thickness list.
in the Line box or click the Border Thickness button and specify a thickness.
5. To color the border, click the Color tab. Select a pre-defined
color, type a hexadecimal color, or click the Full color palette button to specify a color in the Color palette.
6. Click OK.
You can use the Border Settings dialog box to change a border. In addition, for a text item, you can adjust padding in the Border Settings dialog box. See Editing and Formatting Text on page 98 for details.
WebEasy
65
Coloring Items
You can color an items background. For a shape, this changes the color of the shape. For text, this changes the background of the text frame. For an image, doing this does not change the images color.
For text or shapes, you can also apply a gradient, a texture, or a patterned fill.
Note: Coloring the foreground only affects a text item by coloring the text, itself, within the frame.
66
WebEasy
tab, click a standard, pre-defined color or type a hexadecimal value in the Solid Color box. To select from a larger palette, click the Full Color Palette button. Click a color and then click the x button to close the palette.
4. Click OK.
For information about specifying a custom color, see Specifying Colors on page 70.
Gradient tab.
WebEasy
67
button to the right of the Starting Color box and select a color from the palette or type a hexadecimal value. Click x to close the palette.
5. To specify the starting color, click the Full color palette
button to the right of the Ending Color box and select a color from the palette or type a hexadecimal value. Click x.
6. Then, type a Drawing Angle (such as 90) or click the Angle
Texture tab.
68
WebEasy
To use another image, click the Browse button. In the Choose Image dialog box, locate and select the image file and click Open.
5. Click OK.
Pattern tab.
4. To specify the color for the pattern elements, click the Full
color palette button to the right of the Foreground Color box and select a color from the palette or type a hexadecimal value. Then click the x button to close the palette.
WebEasy 69
palette button to the right of the Background Color box. Select a color from the palette or type a hexadecimal value, and then click the x button.
6. To specify the pattern, click the Pattern selection button and
select a pre-defined pattern. (To remove a pattern select either Solid Background or Solid Foreground.)
7. Click OK.
Specifying Colors
In certain dialog boxes, you can specify a color for an item (or the background of a web page). You can easily select pre-defined colors. The Color palette shows colors that are considered Web-safe colors. These colors should show the same color with different operating systems and different browsers, but the actual color a visitor sees depends on the computers display. To specify a custom color, you define it in the Color dialog box.
Note: By default, WebEasy shows the Color palette when you click the Full color palette button or click a color swatch. In the Options dialog box, you can have WebEasy show the Color dialog box.
70
WebEasy
Background color button, or in the currently open dialog box, click the Full Color Palette button.
2. On the Color palette, select a color, or if you
know the hexadecimal value for the color, type it in the box at the top.
3. Click the x button to close the palette.
To match a color in the design with the Color palette: 1. Select an item. 2. On a tab, click a Foreground or Background color button. 3. With the Color palette open, move the pointer over the
design and when the pointer is an eyedropper, click the color in the design.
4. On the Color palette, click the x button to close the palette. To specify a custom color: 1. In the currently open dialog box, click the Full Color Palette
button.
2. On the Color palette, click the Select Color button.
Note: Press SHIFT as you click the Full color palette button to open the Color dialog box directly.
color area and then click Define Custom Color. If you select a box with an existing color, the new color replaces by the selected color.
WebEasy 71
4. In the large color spectrum, click a color. 5. In the narrow color spectrum, drag the slider to adjust the
color. If you know the HSL (Hue, Saturation, Luminosity) or RGB (Red, Green, Blue) values, you can type them in the appropriate boxes.
6. When the correct color appears in the Color/Solid box, click
The custom color appears in the Sample area, if available, in the currently open dialog box.
72
WebEasy
Inserting Images
You can add images to your documents or replace the placeholders in a template with your own images. To preserve the size and position, you can insert a placeholder until you find another image.
button.
3. Then double-click a category folder to open it. 4. Scroll through the thumbnails until you find the image to
insert.
5. Drag the image to your document. 6. If necessary, re-position any image.
Optionally, in Windows Explorer, open a folder on your computer or removable device that has images and then drag the image to the current page.
74
WebEasy
> 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.
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
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.
Image. WebEasy removes the image and a placeholder remains in its place to preserve the size and position of the original image.
76
WebEasy
Adjusting Images
WebEasy offers many image-editing features to help you enhance your photos. You can add frames, stencils, and shadows to photos. You can crop, rotate, and adjust the photos size or apply photo effects.
Note: You cannot re-color images in WebEasy except by applying an effect to the image.
Rotating Images
You can rotate images either with the mouse or by specifying a degree.
To rotate an image with the Rotate handle: 1. Select the image. 2. Position the pointer over the Rotate handle. 3. Drag the Rotate handle as needed. To rotate an image by degrees: 1. Select the image. 2. On the Insert and Modify tab, in the Modify selection, click
WebEasy
77
amount or select Free Rotate and type the number of degrees to rotate the image counter-clockwise. You can also click the image in the Sample area and drag the image to rotate it.
4. Flip the image by selecting the Horizontal Mirror or
Cropping Images
Cropping an image means trimming unwanted areas. Cropping in WebEasy does not affect the original image; therefore, you can easily restore the image.
To crop an image: 1. Select the image to crop. 2. On the Insert and Modify tab, in the Modify section, click
78
WebEasy
3. In the Crop Image dialog box, drag the handles at the corners
You can cancel a crop by opening the Crop Image dialog box and clicking the x in the dialog box.
To crop an image on the page: 1. Select the image. 2. Move the pointer over a handle. 3. Press the CTRL key and with the Crop pointer drag the
handle.
Resizing Images
As with other items, you can resize images by dragging their Size handles. To resize an image precisely, you can use the Size and Position dialog box.
To resize an image precisely: 1. Select the image. 2. If necessary, click the Insert and Modify tab. 3. Click Image > Size and Position.
WebEasy
79
proportions as you resize it, select the Keep aspect ratio check box. To distort the image, clear the check box.
5. Type the Width and Height for your image in pixels.
If you selected Keep image aspect ratio, type either the width or height and WebEasy calculates the other value. To undo any previous resizing, click the Original Size button.
6. Click OK.
Position area where you want the image placed on the page, relative to the upper-left corner of the page. Typing a number in the Left (or Right) box changes the number in the other box, based on the size of the image. Typing a number in the Top (or Bottom) box changes the number in the other box, based on the size of the image.
Note: While changing positioning values, it is possible to have a negative value for the images size. Make sure the size of the image is correct before clicking OK.
5. Click OK.
80
WebEasy
Framing Images
You can frame images in two ways: by adding a graphical frame or by applying a stencil to an image. You can also add a colored border to images. For information about borders, see Adding Borders on page 64.
To frame an image: 1. Select the image to frame. 2. On the Insert and Modify tab, in the Modify section, click
You use the same procedure to replace a frame. You can also add a frame by clicking Frames on the Media Gallery toolbar and then opening the various folders. When you find a frame you like, drag it on top of a selected image.
WebEasy
81
To apply a stencil to an image: 1. Select the image to select it. 2. On the Insert and Modify tab, in the Modify section, click
You can also add a stencil by clicking Stencils on the Media Gallery toolbar and then opening the various folders. When you find a stencil you like drag it on top of a selected image. After applying a stencil, you can remove it.
To remove a stencil from an image: 1. Select the image with the stencil. 2. On the Insert and Modify tab, in the Modify section, click
WebEasy
83
To apply an effect: 1. Select an image. 2. On the Insert and Modify tab, in the Modify section, click
image on the page, select the Preview on page check box. You may need to move the dialog box to see the image on the page. Viewing the preview doesnt actually change the image on the page.
4. Select an effect from the Effects list. 5. Apply less or more of the effect on the samples by dragging
steps 4-6.
8. To apply the effect(s) to the image on the page, click OK.
The effects in WebEasy dont change the original image. You can remove the effects from the image by opening the Effects dialog box and then clicking the Clear All button.
Animating Images
WebEasy provides three ways to animate images: creating animated GIF Images, creating rollover images, and applying a path to an image.
84
WebEasy
To create an animated GIF: 1. Choose New > Animated GIF from the WebEasy menu. 2. In the Animated GIF Component Assistant wizard, click
Next.
and click Next. With the Commercial style, the animation can have three states, which are all the same size. With the Logo style, the animation can have five states of increasing size. You can preview the selected style by clicking the buttons to the right of the Preview area.
WebEasy 85
dialog box, locate and select a folder for saving the image. Click Open. By default, WebEasy saves animated GIF images to your Documents folder.
5. In the Name box, type a name for the image and click Next.
86
WebEasy
6. Click the Select Folder button at the top of the Images list.
In the Browse for Folder dialog box, locate and select the folder that has the GIF files for the animation. Click OK.
7. In the Images list, select an image for the animation and then
click the > button. (Use the arrow buttons above the Preview area to specify which placeholder to replace.)
8. Repeat step 7 for each image to add to the animation.
The Commercial style animation uses three images. The Logo style uses five. When youve added enough images, WebEasy beeps. If you have multiple images in the folder, you can add all the images (up to the maximum number) by clicking the >> button.
9. Once you have the images added, verify them by clicking the
buttons above the Preview area. To remove an image, show it in the Preview area and click the < button. To remove all the images, click the << button.
10. Click Next. 11. Select the Build animated GIF now check box. 12. Click Finish. 13. In the Build Animated GIF dialog box, specify the options
for the GIF file. You can change the size of the GIF animation. Click the Advanced button to change the palette, the color depth, page effect, page duration, specify a color to make transparent, or make the file interleaved.
14. Select the Run now check box to see the animated file. 15. Click OK.
If you selected Run now, the animation shows in your default browser. WebEasy opens the file as a document in the
WebEasy 87
workspace. You can now copy and paste the GIF animation to insert the image into a document or insert it as you would any other image.
88
WebEasy
Exporting Images
When you create a GIF image, you export the document as a series of image files. You can also export images of entire pages or export a selected item to save it as an image (or in another image format). For details, see WebEasy Help.
Click Solid Box to create a rectangle that is filled with color. Click Box to draw an outlined rectangle. Click Solid Oval to create an oval that is filled with color. Click Oval to draw an outlined oval.
3. Click the pointer where you want to begin drawing and drag
WebEasy
89
Click Line to draw a straight line. Click Polygon to draw a closed shape with straight lines. Click Polyline to draw an open shape with straight lines. Click Solid curve to draw a closed shape with curved lines. Click Curve to draw an open shape with curved lines.
3. To create a straight line, click once for the starting point and
drag. For all other lines, click to create each node and double-click to finish or close the shape.
90
WebEasy
Modifying Shapes
You can change shapes (such as filling a shape with color or changing the shapes line). For information about applying colored fills, see Coloring Items on page 66.
To adjust a shapes line quickly: 1. Click the Insert and Modify tab. 2. Select the shape. 3. In the Modify section, click Shapes > a line thickness or
style. If you click Solid/Outline Shape, it changes a solid shape to an outlined shape or vice versa. You can set more line options in the Border Settings dialog box on the Border tab. To open the dialog box, click Border on the Insert and Modify (or Home) tab in the Items Style section.
To make other adjustments to shapes (such as adding color or resizing), see Chapter 6 Working with Items on page 53
WebEasy
91
To select a text frame, click the text item once. In Edit mode, the text appears as plain black text on a white background. An insertion point indicates where you can type. In this mode, you edit the text by adding, changing, and deleting characters.
To enter Edit mode, double-click a text frame. To exit Edit mode, click outside the text frame. In general, keep each text frame larger than the text in the frame. Some browsers might display text in a larger font, and any text that doesnt fit into the text frame wont appear.
94
WebEasy
Types of Text
WebEasy has three types of text you can add: Plain Text, Rich Text, and Graphic Text. You can use your choice of fonts, styles, sizes, colors, and more with each of these. Plain Text uses the same style for all the text within the text frame. You can specify a different font, style, or color, but the change applies to all the text in that frame. This is the most efficient type of text for having on a page.
With Rich Text you can apply different styles to text in the same frame. You can create links within the frame and create bullets, numbered lists, indents, tables, and other forms of text. You can select text and use standard shortcuts for creating bold (CTRL+B), italic (CTRL+I), and underlined (CTRL+U) text.
Graphic Text is for non-standard fonts and unusual text effects such as applying gradients or textures or having shadowed text. WebEasy converts text within the text frame into a graphic on the web page. Its best to use graphic text with larger size fonts because the text might be difficult to read at small font sizes.
WebEasy
95
You can align text within the frame to the left, center, right, or justified to the left and right edges. You can convert Plain Text to Rich Text or Rich Text to Plain Text. To do so, select the text frame, and click Rich Text Formatting on the Home tab. When converting from Rich Text to Plain Text, in the confirmation message box, click Yes.
Inserting Text
You can insert your own text or pre-defined text into a page.
Text.
3. Move the pointer to the page and click where you want to
96
WebEasy
Catalog list.
3. Select a text item from that catalog. 4. Drag the text onto the page.
If you use text of your own frequently (such as contact information), you can add it to the Text Assistant. For details, about this and creating custom catalogs, see WebEasy Help.
After inserting the text item, you can edit the text and move and resize the text frame.
WebEasy 97
For details about extracting Exif information or inserting it on a page, see WebEasy Help.
Editing Text
There are two ways to edit text: Double-click the text frame. Use the insertion point to select text to change or delete. You can add more text at the insertion point. Select a text frame and then click the Edit Content button on the Home tab. In the Edit Text dialog box, you edit the text as with a word processor. This dialog box also provides some ready-made text that you can easily add.
Note: If the selected text is in a Rich Text frame, HTML tags (such as <H1> and </H1>) appear with the texts characters in the Edit Text dialog box. Unless you understand HTML coding, dont change anything between the angle brackets (< >).
98
WebEasy
In addition, WebEasy provides a spell checker. To check spelling, click the Spelling button on the Review and Tools tab. You can also specify Spell Checker settings and add words to your user dictionary. For details, see Spell Checker Help.
Formatting Text
You can select text and change the font, style, color, size, and alignment. With Plain Text and Graphic Text, you change all the text in the frame. With Rich Text you can select text to format characters differently within the frame.
WebEasy
99
For Plain Text and Rich Text, its best to limit the fonts to Arial, Times New Roman, and Verdana. These are available on most computers. Other fonts might not be available. Graphic text can use any font. WebEasy automatically converts the graphic text to an image when you build your website.
to color.
100
WebEasy
2. Click the Font Color button. 3. In the Color palette, click a color or type a hexadecimal
value.
4. Click the x button to close the palette. To change the background color of a text frame: 1. Select the text frame. 2. Click the Text Background Color button. 3. In the Color palette, click a color. 4. Click the x button to close the palette.
In the Color palette, you can click the Select Color button to specify a custom color.
Aligning Text
You align text by selecting the text frame and then clicking the Left, Right, Center, or Justify button on the Home tab. WebEasy aligns text with respect to its frame.
Note: The Rich Text options are not available unless you select text within a rich text frame.
If youve changed indentation or created a list and the Undo buttons doesnt work, to reverse those styles, click Normal in the Format list.
Inserting Tables
Always place the table entirely inside the page of the document.
To insert a table: 1. On the Insert and Modify tab, in the Insert section, click
Table.
102
WebEasy
from the Preformatted Style list. When you select a style, an example appears on the right.
3. Click the Size tab and type values in the Number of the
Headings, and Row Headings tabs and adjust the options as needed.
6. Click the Refresh button to update the preview to match
your selections.
7. Click OK. 8. Move the pointer over the page and click to insert the table. 9. Double-click the table to type information into the cells.
To resize the boundary of the item to fit it to the contents, click the table.
Modifying Tables
You can use the options in the Text section on the Home tab to format the text in the table. Double-click the table and select the text to change.
To make changes to a tables structure: 1. Double-click the table. 2. Click a cell in the tab. 3. In the Modify section of the Insert and Modify tab, click the
Table button and then specify a command. You can add and delete rows, add and delete columns, or align text horizontally or vertically in the cells. To change the tables borders, choose Table > Table Border Size. Type a whole number between 0 and 32 into the Rich Text Editing dialog box and click OK. To change the cells padding, choose Table > Table Padding. Type a whole number between 0 and 32 into the Rich Text Editing dialog box and click OK.
104
WebEasy
To add a bookmark (general): 1. On the Insert and Modify tab in the Insert section, click the
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab.
3. In the list, select an object starting with Bookmark on. 4. Click OK.
106 WebEasy
5. Move the pointer over the page and click to place the
bookmark icon.
6. In the Object Properties dialog box, double-click the values
to adjust the content as needed for the information you want to appear with the bookmark. (Not all sites use the same parameters.) See WebEasy Help for details. Some sites have specific parameters or you may have to embed code. You may type the value directly or in a dialog box. For details, see the section about the specific service.
7. Click OK.
To verify the bookmark, preview your site and click the icon.
Note: To actually create a valid bookmark to your site, you must publish the site online.
To change the bookmarks properties, select the object and click Script > Object Properties. Change the values as needed and click OK. For adding specific bookmarking widgets, see WebEasy Help.
In the list on the WebWidgets tab of the Insert Object dialog box, select Bookmarking Social Networks. After you click the pointer, in the Object Properties dialog box, adjust the values in the following parameters: Title, Source URL, and Button Label. Also, you can provide keywords.
Adding a Dynamic Bookmark Bar AddThis is a bookmark sharing service that you can use to add a dynamic list of bookmark icons to your site. WebEasy provides WebWidgets for two AddThis bookmark bars. When viewed on the web page, a small bar appears that expands when a visitor moves the pointer over it. These two bookmarks are identical except one shows BOOKMARK in the bar and the other shows SHARE. In the expanded view visitors can click one of many sites to add the bookmark (including sites that arent available as WebWidgets, such as LinkedIn).
To add multiple, dynamic bookmarking icons:
In the list on the WebWidgets tab of the Insert Object dialog box, select Bookmark on AddThis (Add) or Bookmark on AddThis (Share). After you click the pointer, in the Object Properties dialog box, adjust the values in the following parameters: Title and Source URL.
108
WebEasy
Linking to Photos
You can add a link to show individual photos on your website if the photos are available in Facebook, Flickr, MySpace, PhotoBucket, or Picasa. You need to know the relevant URLs.
To link to a photo (general): 1. On the Insert and Modify tab, click Object. 2. In the Insert Object dialog box, click the WebWidgets tab.
WebEasy
109
3. In the list, select an object starting with Link to Photo on. 4. Click OK. 5. Move the pointer over the page and click to place the photo. 6. In the Object Properties dialog box, double-click the values
to adjust the content as needed for linking to a specific photo. (Not all sites use the same parameters.) For details, see WebEasy Help.
7.
Click OK.
To verify the link, preview your site and click the photo. To change the photo widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK. For linking to photos from a specific site, see WebEasy Help.
Linking to Albums
With some sites you can organize photos into albums. If youve set up albums on Facebook, Flickr, MySpace, PhotoBucket, or Picasa, you can link to that album on your website. You need to know the relevant URLs. An image in the album shows on the web page. In some cases you can specify which photo shows.
To link to an album (general): 1. On the Insert and Modify tab in the Insert section, click the
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Link to Album on. 4. Click OK. 5. Move the pointer over the page and click to place the album.
110
WebEasy
to adjust the content as needed for linking to a specific album. (Not all sites use the same parameters.) For details, see WebEasy Help.
7. Click OK.
To verify the link, preview your site and click the photo that appears on your web page. To change the album widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK. For linking to albums available from a specific site, see WebEasy Help.
WebEasy
111
Embedding Photos
You can embed photos into your web pages that are available online from your Flickr, MySpace, PhotoBucket, or Picasa account.
To embed a photo (general): 1. On the Insert and Modify tab in the Insert section, click the
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Photo on. 4. Click OK. 5. Move the pointer over the page and click to place the photo.
to adjust the content as needed for linking to a specific photo. (Not all sites use the same parameters.) For details, see WebEasy Help.
7. Click OK.
To change the photo widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK. For embedding photos available from a specific site, see WebEasy Help.
Embedding Albums
If youve set up albums on Flickr, MySpace, PhotoBucket, or Picasa, you can embed that album on your website. On the web page, the album appears as a slideshow.
To embed an album (general): 1. On the Insert and Modify tab in the Insert section, click the
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an album object starting with Album on. 4. Click OK. 5. Move the pointer over the page and click to place the album.
WebEasy
113
to adjust the content as needed for linking to a specific album. (Not all sites use the same parameters.) For details, see WebEasy Help.
7. Click OK.
To verify that the album is on the page, preview your site. To change the album widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK. For embedding albums available from a specific site, see WebEasy Help.
114
WebEasy
Embedding Videos
You can use a widget to embed videos on your website if the videos are available in Facebook, Google, MetaCafe, MySpace, or YouTube. To embed a Flash video, you must know the ID for the video file. Also, its helpful to find out what the size is for the sites video player and make sure you set the size correctly for the placeholder and not resize it on your site. (The size is usually in the embed code.)
To embed a video (general): 1. On the Insert and Modify tab in the Insert section, click the
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Video on. 4. Click OK. 5. Move the pointer over the page and click to place the video
player.
6. Double-click the object. (For MySpace video, you dont need
to do this.)
7. In the Embedded Object Properties dialog box, double-click
the values to adjust the content as needed for the video. (Not all sites use the same parameters.) For details, see WebEasy Help.
8. Click OK.
To verify the embedded video, preview your site. To change the video widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK.
WebEasy
115
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.
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Go to. 4. Click OK. 5. Move the pointer over the page and click to place the icon. 6. In the Object Properties dialog box, double-click the values
to adjust the content as needed for linking to the other site. WebEasy provides most of the information. For details, see WebEasy Help.
7. Click OK.
To verify that the icon is on the page and is linked correctly, preview your site. To change the widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK.
116
WebEasy
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Like. 4. Click OK. 5. Move the pointer over the page and click to place the like
icon.
6. For a Twitter like button, in the Object Properties dialog
box, double-click the Users API ID value and type your Twitter ID. (Usually it is your name in your Twitter page. For example, with http://twitter.com/#!/MyName, use MyName.) Click OK.
Note: The other like buttons do not need a specific parameter changed.
To verify that the icon is on the page and works correctly, preview your site. Your actual URL cannot be used until you publish your site. To change the like widgets ID for a Twitter icon, select the object and click Script > Object Properties. Change the Users API ID value as needed and click OK.
WebEasy
117
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Contact on. 4. Click OK. 5. Move the pointer over the page and click to place the icon. 6. In the Object Properties dialog box, double-click the Link to
URL value and either type or paste the URL for your account in the Get Internet Address dialog box. Click OK. To get the correct URL, go to your Facebook or Flickr account and open your Profile page. Copy the URL that shows in the browsers address box.
7. If you wish, double-click the Button Label value and type a
different label.
8. Click OK.
To verify that the button is on the page and works correctly, preview your site. To change the contact widget, select it and click Script > Object Properties. Change the properties as needed and click OK.
118
WebEasy
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select Get Yelp Feedback or Get Yelp Review. 4. Click OK. 5. Move the pointer over the page and click to place the Yelp
To verify that the Yelp button or review panel is on the page, preview your site. To change the Yelp widget, select it and click Script > Object Properties. Change the telephone number and click OK.
120
WebEasy
122
WebEasy
To build and publish your document to WebEasy Hosting: 1. On the WebEasy Hosting tab, click Publish.
5. Click Next to publish your website. 6. After the files have been uploaded successfully, click the
sites link to verify the website. (If you selected multiple domains, the wizard has links to each.)
7. To close the wizard, click Finish.
Note: You may need to reload the page in the browser or clear the browsers Internet cache to see the updated pages.
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
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.
WebEasy
125
Note: File Transfer Protocol (FTP) is a common method for securely transferring files from a private computer to a public web-hosting server. Your web hosting service must also support FTP.
126
WebEasy
If the folder to upload doesnt appear in the Website packages list, click the Browse button. Locate the package and click Open.
4. Review the included files shown on the right by clicking the
navigation buttons.
5. Click Next, and then click Connect. 6. In the Connection Profile dialog box, type in a name for the
profile.
7. Complete the remaining fields.
8. Click OK. 9. After the connection is established (which may take a few
WebEasy
127
10. To remove any old files, select the Cleaning the selected
website check box. When selected, if WebEasy finds any files at the remote site that are not required for the current package, it deletes them. If you have subfolders for this site, keep this check box clear so the subfolders are not deleted.
11. Click Next. 12. If you wish, select the check box(es) to view the website or
to view a report.
13. Click Finish.
If you asked to view a report, it appears in your default browser. If you asked to view both the report and the website, the report appears first and then the website appears. To return to the report, click the browsers Back arrow.
128
WebEasy
2. In the Connect dialog box, if the profile is not yet set up,
FTP Max window, specify the remote folder, if necessary, in the top area.
5. Locate the folder with the files in the Local Folder box. 6. Select the folder or open the folder and select the files in the
lower panel.
7. Then click Upload. 8. After the transfer completes, click Finish.
WebEasy remembers the information you entered previously, so the process is shorter the next time. When uploading, WebEasy checks the date and time of each file against those on the server. It only uploads newer files to your web space unless you specifically tell it to remove older files.
To publish your document to the third-party hosting website: 1. On the Review and Tools tab, click 3rd Party Publish. 2. After the Publish Assistant wizard opens, click Next. 3. Select a website package to publish and click Next.
130
WebEasy
4. To connect to your hosting provides, click Connect. 5. If you have not yet set up a profile, enter a name for the
profile. Add the connection information that was supplied by your hosting service when you signed up for hosting.
6. Click Connect.
button for the Folder box. In the Choose Folder dialog box, locate and select a folder for storing the website files. Click Open. (You can also type the path.)
Note: WebEasy places all the files required to view the website, such as the HTML files, the graphics files, and any other necessary files (depending on the type of website) into this folder.
you wish, to a name for the website package. In general, only use lower-case letters and use the underscore (_) character to separate words. Do not use spaces or non-alphanumeric characters in the name.
WebEasy 131
Current page creates a website only for the current page. All pages creates a website that includes every page in the document.
10. If necessary, change the name for the main page in the Index
Page box. (The web hosting service may require the main page to be something other than index.html.)
11. If necessary, change the image file type for determining
build: XHTML with CSS, HTML with CSS, Dynamic HTML, or Simple HTML.
13. Click the with button and specify the type of pages for your
website: For XHTML with CSS or HTML with CSS, specify how to position the pages: Standard Page displays the website at the top left of the browser. Centered Full Page displays the pages in the center of the browsers window with the any texture or gradient background showing in the center, but the extra space is filled with a solid background color. Centered Transparent Page displays the pages in the center of the browsers window with any texture or gradient background filling the extra space.
132
WebEasy
For Dynamic HTML, you can specify positioning or add navigation by page numbers or icons to the pages. You can also have the pages divided into frame sets. For Simple HTML, you can specify no additional navigation or have page numbers or icons for navigation. If this is an eBay page, specify Source for eBay sellers.
14. Specify colors for linked text.
To set or change the color of Standard, Visited, and Active links, click the appropriate color block and select a color. For details see Specifying Colors on page 70.
15. Click the Advanced button to personalize your website by
If you do not have RSS set up, leave this set as RSS Excluded. For information about RSS, see Adding RSS on page 148.
17. Select the Publish on Internet check box if you are
connected to the Internet, have the relevant details from your web hosting service, and want to publish the website now. After WebEasy creates the files, the Publish Assistant opens for you to upload the files immediately.
18. Select the Run Now check box to display the website in your
The build process takes a few moments, depending on the size of your website and speed of your computer.
WebEasy 133
136
WebEasy
You can insert a photo into your auction description if you have a digital or scanned photo of your auction item that is stored on your personal website or with an online photo-hosting service somewhere on the Web. Have the URL for the photo available before going through the wizard.
Note: If your auction photo is on your own computer, you must use eBays standard photo hosting services to transfer photos from your computer to the eBay servers. For information, see eBays online help.
Read the instructions and recommendations on eBay for designing the page. Use these guidelines: Use Plain Text and Rich Text items only. (Do not insert Graphic Text.) Use only solid colors as backgrounds or foregrounds. In general, do not use images except for one image that is available online. Have the URL for that image available. To use other images on the page, see WebEasy Help for details. Do not use links to other pages or websites. Only have one page in your site. Do not have overlapping objects on your page design.
To create an eBay page, you use the Website Assistant. Select eBay Wizard in the Business category. For details, see WebEasy Help.
Creating Blogs
Blogs (Web Logs) are specialized sites where a user posts regular entries for visitors to read. In addition to creating a blog site with WebEasy, you can link to a personal account from a blogging site.
WebEasy 137
To create a blogging website, you use the Website Assistant. Select Blog Wizard in the Family and Personal category. For details, see WebEasy Help.
Changing Scenes
Scenes are pages that change appearance based on the time of day, the day of the month, a season, or another factor. You can only have scenes with a DHTML site. The Scenes Assistant helps you adjust images, text, or backgrounds on the same website page based on conditions. A visitor to your website experiences these themes. For example, the theme called Day of the Week might display different marketing slogans on Monday, Tuesday, or Sunday. A Theme is a collection of the scenes available based on specified factors, such as the day of the week.
138
WebEasy
A Scene is a website page design prepared for a particular instance from the theme collection, such as Monday, summer, or Mothers Day.
Design your website document and include the eShop buttons for the products you sell.
Recommendations
When setting up your e-commerce website, take care to select a vendor who suits your needs. Evaluate the vendors websites to determine their terms and conditions and what fees they charge. In the E-Commerce Vendor Assistant, WebEasy provides a link to each vendors site. You can also click E-Commerce > Vendors Website. If you use an e-commerce template, the default objects wont work properly on the Internet without the correct settings required by the vendor. Before building the site, delete or edit the e-commerce demonstration objects in the templates.
WebEasy
139
If e-commerce features do not work correctly, you may need to make adjustments to the scripts. To do so, select the button on the page and click Script > Custom Script on the Insert and Modify tab. In general, do not modify scripts unless you understand HTML and the scripting language.
Creating an eShop
Please be aware of all rules and requirements your state, your country, and international law imposes on e-commerce business activities.
Note: See WebEasy Help for more information about an e-commerce vendors specific requirements and to learn about a vendors set of e-commerce objects. Some vendors may not have all objects available. Use the procedure as a guide only.
To create an eShop in a document: 1. Click the Insert and Modify tab. 2. In the Insert section, click E-Commerce > Select Vendor. 3. In the E-Commerce Vendor Assistant, click Next. Then click
a tab to select the vendor that best suits your needs and follow the instructions.
4. If you havent already, sign up with the vendor to use their
services.
5. Follow the vendors instructions on how to set up your
e-commerce service on the Internet. For the WebEasy and 2Checkout solutions, you must create and add items to a product database before designing your website. You can then use the values in the product database when you add the e-commerce buttons to your website.
140
WebEasy
selling the products by putting product names, descriptions, photos, and prices on this page.
Note: Do not place form objects on the web page other than those listed with the vendors name in the Insert Object dialog box. Mixing the objects may cause conflicts and the web page may not work properly on Internet.
Cart or Buy Now object for each product for sale and customize the object as needed.
Note: See relevant topics in WebEasy Help to learn more about each e-commerce object and its parameters.
> Insert Object to insert Checkout, My Account, or More Info buttons as needed to complete the eShop design.
9. Build your website and publish it on the Internet. 10. Verify and test your website with your eShop solution.
WARNING: BEFORE BUILDING YOUR WEBSITE, DELETE OR EDIT ANY E-COMMERCE DEMONSTRATION OBJECTS THAT ARE PART OF A TEMPLATE. THESE OBJECTS WILL NOT WORK PROPERLY ON THE INTERNET WITHOUT THE PROPER SETTING REQUIRED BY THE E-COMMERCE VENDOR.
For more details about working with e-commerce sites, see WebEasy Help.
WebEasy
141
object group: Click Animations for objects (such as moving text that you can replace with your own text) to create a dynamic DHTML website. Click Auto links to create links in the form of balls, bullets, or numbers. WebEasy automatically calculates the number of pages in your document and creates a link to each page. Click Dividers to use pre-designed page dividers, some of which are animated. Click Forms to insert complete forms or individual fields and modules. Click Gadgets to add ready-to-use objects (such as a visitors counter, calculator, calendar, or a status bar clock). Click Navigation for pre-designed navigation bars with buttons that you can link. Click Objects to add specialized objects (such as YouTube videos) or coding (such as No Right Click). Click Search to use a specific search engine with your site. Click Visit Us to add a link for WebEasy or Avanquest. Click WebWidgets to link to other websites (such as a Blogger account or your Facebook page). Click eShop to add buttons for e-commerce.
4. Select the item and make modifications as needed. 5. Click OK.
For information about adding a counter to your site, see WebEasy Help. Other topics give specific information about adding certain objects.
WebEasy
143
Adding Multimedia
You can easily insert audio, video, and other multimedia to your website.
To add sound to a web page: 1. Open the page. 2. On the Insert and Modify tab, in the Modify section, click
144
WebEasy
and select the audio file. Click Open. By default, the Browse dialog box opens to the WebEasy/Audio/Effects folder.
6. To listen to the audio file, click the Play button. To stop the
3. In the Link dialog box, in the Link Type list, select Audio
File.
WebEasy
145
Browse dialog box, locate and select the audio file and click Open.
5. To test the sound, click the Play button. 6. To stop playing the file before it ends, click the Stop button. 7. Click OK.
To insert multimedia from the Media Gallery: 1. Select the item you want to use in the Media Gallery.
If the Media Gallery doesnt appear in the WebEasy window, on the Insert and Modify tab, click Media Gallery.
2. Drag to place the file as an object in your document.
You can also insert multimedia available on other websites with a WebWidget from the Insert Object dialog box. For details, see Chapter 9 Integrating with Other Websites on page 105.
146
WebEasy
Adding Podcasts
A podcast is a method for including multimedia files on your website, such as audio or video, that are available for playback or for downloading.
Note: You can use your RSS feed to tell your site visitors about these files and then they can view or listen to them on your website.
To add multimedia files to your site, you must have already created them. For details, see the previous sections or see WebEasy Help.
form. The Multimedia Player works with WAV, MID, AVI, MOV and other major multimedia formats.
To view a multimedia file: 1. Select a multimedia file. 2. Click the Review and Tools tab. 3. In the Multimedia section, click the Play button.
To adjust the multimedia player or use a placeholder image on the web page, see WebEasy Help.
Adding RSS
Use Really Simple Syndication (RSS) to have the visitors to your website receive RSS feeds. These feeds automatically keep site visitors informed about the sites latest news and developments. They are especially useful if you frequently change or add content.
148 WebEasy
To create RSS content in WebEasy, first create a web page for WebEasy to use for creating an XML file (the feed) with your sites latest information. Then, you add a link to that file into one of your web pages, generally the main page. You can create a link to a single line of text, an icon, or an image. When a visitor clicks the link, the XML file opens in their browser or RSS reader and displays the RSS information.
Note: Not all browsers recognize RSS feeds. Review each browsers documentation for further information.
Adding WebWidgets
WebWidgets include tools for social networking, photo-sharing, and bookmark-sharing sites. For example, you can link to photos on your Facebook page or in your Flickr account. You must specify parameters when you insert WebWidgets. For example, to insert the Album on Flickr widget, you must specify your user ID and photo album location. Each widget includes different parameters for you to set. For information about inserting WebWidgets with media or links to other sites, see Chapter 9 Integrating with Other Websites on page 105.
Note: You can also click Objects on the Media Gallery toolbar and double-click the WebWidgets folder. Drag the appropriate object onto the web page.
To insert a WebWidget: 1. Click the Insert and Modify tab. 2. In the Insert section, click the Object button.
WebEasy 149
3. In the Insert Object dialog box, click the WebWidgets tab. 4. Select the object to insert. 5. Click OK. 6. Move the pointer over the page and click to place the object. 7. If the Object Properties (or Embedded Object Properties)
dialog box opens, adjust the values as needed. For details about inserting WebWidgets, see Integrating with Other Websites on page 105.
8. Click OK.
For many objects, you must preview the site to see the object correctly.
Adding Scripts
JavaScript is a programming (or script) language. Generally, you add a script to add functionality of some type to your website. For example, you can have the script open a separate browser window or display a message under certain conditions. WebEasy includes some standard scripts that you can add for implementing common web design features.
Note: Some visitors may have blocked scripts from running in their browsers.
For information about using defined scripts (such as for redirecting pages) or creating custom scripts, see WebEasy Help.
150
WebEasy
A graphic frame does not fit to my image. If you drag a frame from the Media Gallery onto an image, it only fits if it is dragged directly onto a selected image. If the handles do not show, the frame and image will not fit together. If you have an image and a frame in your document that you want to fit together, use the Fit dialog box.
To fit an image and a graphic frame: 1. Select the image and the frame. 2. Then click the Fit button on the Layout tab. 3. On the Frame tab, select Fit the frame to the selection or
152
WebEasy
Portrait-oriented images appear as landscape images. Your digital camera might show all the images you take in landscape mode. In WebEasy, rotate the images by 90 degrees. For more information, see Rotating Images on page 77. When I added an oval frame to my image, it did not fit. Oval frames should be used with oval stencils. If you have dragged an oval frame onto your image, click Stencil on the Media Gallery toolbar. Open the Oval folder, and drag an oval-shaped stencil onto your image. When I deleted my frame, my image disappeared as well. WebEasy groups images and frames together to make it easy for you to work with them. When you select a frame, the handles show you whether you have selected just the frame or both the frame and the image. If the handles are squares, you have selected just the frame. If the handles are diamonds, you have selected both the frame and the image. If the selection you have made is not the one you wanted, select the item again. The handles should alternate between diamond and square each time you select an item. A better way to remove a frame from an image is click Image > Clear Frame in the Modify section of the Insert and Modify tab.
WebEasy
153
154
WebEasy
If you cannot find anything wrong with the addresses, see your Internet Service Provider. Some of the links to other parts of my site are not working. Make sure that you have not created links to pages that you have subsequently deleted. It is best to add your links after you have completely finished designing your document. Use the Site Map Assistant (available on the Review and Tools tab) to check your links from and into each page. (See Viewing Links with the Site Map Assistant in WebEasy Help.)
WebEasy
155
If the allocated space on the remote host is smaller, you can either request more space from your web hosting service or reduce the size of your website. You can reduce the size of your website by reducing the size of any large graphics, by removing a page, or by removing large files that are linked to the site. If you have already published a website, you can make the one you are publishing now smaller, or you can delete the first
156 WebEasy
website from your remote host. Deleting a website from your remote host does not remove your local version of it.
WebEasy
157
When I view my website in different browsers, it looks different. Different browsers may interpret web page coding and scripting differently. Because of this, they may display your website differently. Sometimes there is nothing you can do about the differences. For example, some browsers use different color palettes and those browsers display colors differently. If visitors use Large Fonts in Windows, some browsers provide improper font sizes that arent controllable by HMTL.
158
WebEasy
Index
A
Activity Center, 16 adding animation, 148 borders, 64 color, 66 contact buttons, 118 e-commerce, 139 eShop, 140 frames, 81 Google Apps, 119 images, 74 Like buttons, 117 multimedia, 146 page background, 43 pages, 39 podcasts, 147 RSS, 148 scenes, 138 shadows, 63 sounds, 144 tables, 102 text, 96 words to dictionary, 99 Yelp buttons, 119 AddThis bookmark, 108 adjusting layer positions, 61 lines of shapes, 91 tables, 104 text frames, 98 animations, 142 audio, 144, 147
backgrounds for pages, 43 backups, 36 blank documents, 34 blogs, 137 bookmarking AddThis service, 108 multiple sites, 107 sites, 106 bookmarking widgets, 106 borders, 64, 91 for images, 82 borders of shapes, 91 boxes rectangles, 89
Index
building websites, 124 building websites, 122 changing, 91 layer positions, 61 lines of shapes, 91 tables, 104 circles, 89 clearing frames, 82 stencils, 83 clip art, 13 applying effects, 83 borders, 82 cropping, 78 framing, 81 moving, 80 stencils, 82 clipart adding, 74 rotating, 77 coding, 150 Color dialog box, 70 Color palette, 70 coloring, 66 custom colors, 71 matching colors, 71 Web-safe colors, 70 colors, 70 copying items, 58 creating backups, 36 eShop, 140 website from scratch, 34 websites, 28, 32 cropping images, 78 CSS, 122 cue cards, 7 curves, 90
160 WebEasy
deleting frames, 82 items, 57 links, 50 pages, 47 stencils, 83 text frame, 102 DHTML, 122 DHTML Editing Control, 12 dividers, 142 documents, 28 blanks, 34 building into website, 122 opening, 38 pages, 39 previewing, 51 saving, 34 saving as template, 35 templates, 32 Website Assistant, 29 drawing lines, 90 ovals, 89 polygons, 90 shapes drawing, 89 dynamic links, 142
eBay auction page, 136 e-commerce, 139 editing text, 98 text mode, 94
Index
effects images, 83 scenes, 138 embedding albums, 111, 113 photos, 111, 112 videos, 114, 115 eShop, 139 Exif information, 97 existing, 26
help cue cards, 7 online, 6 technical support, 8 tutorials, 8 users guide, 7 help system, 5 HSL values, 72 HTML, 122
file formats, 20 fitting items, 61 flash, 146 formatting items by pasting, 60 Rich Text, 101 forms, 142 frames adding, 81 removing, 82 FTP Max, 128 FTP Max Help, 6
gadgets, 142 gradients, 44, 67 graphic frames, 61, 63, 81, 152, 153 Graphic Text, 95 grouping items, 56
images adding, 74 applying effects, 83 borders, 82 cropping, 78 framing, 81 moving, 80 placeholders, 76 rotating, 77 stencils, 82 inserting pages, 39 Inspector, 21, 24 installing, 12 iPhone redirection, 142 items animating, 148 borders, 64 coloring, 66 copying, 58 cutting, 57 fitting, 61 formatting, 60 grouping, 56 layers, 61 moving, 55 pasting, 58 problems, 152 resizing, 56, 61, 79 selecting, 54 shadows, 63
WebEasy 161
Index
JavaScript, 150
layers, 61 lines, 90 linking albums online, 110 dynamic links, 142 other accounts, 116 pages, 49 photos online, 109 problems, 155 removing links, 50
managing websites, 14, 130 manual, 7 Media Gallery, 18, 20, 74 Media Gallery Help, 6 mobile device sites, 138 movies, 146 moving, 80 moving items, 55 multimedia, 146 multimedia player, 147 music, 144, 147
O P
online help, 6 opening documents, 38 Page Navigation pane, 18, 23 page titles, 41 pages adding, 39 adding links, 49 adding titles, 41 background, 43
162 WebEasy
deleting, 47 re-ordering, 48 sizing, 47 viewing, 38 pasting formatting, 60 pasting items, 58 path animations, 148 patterns, 46, 69 photo album website, 136 photos Exif information, 97 photo-sharing sites, 109 pictures, 80 adding, 74 applying effects, 83 borders, 82 cropping, 78 framing, 81 rotating, 77 stencils, 82 placeholder images, 76 Plain Text, 95 podcasts, 147 polygons, 90 polylines, 90 positioning images, 80 positioning items, 55 previewing websites, 51 programming, 150 Publish Assistant, 126 publishing problems, 156 to third-party hosting, 125
Index
removing frames, 82 items, 57 links, 50 pages, 47 stencils, 83 text frame, 102 re-ordering layers, 61 re-ordering pages, 48 replacing images, 76 placeholders, 76 re-positioning, 80 resizing items, 56, 61, 79 pages, 47 RGB values, 72 Rich Text, 95, 101 rotating images, 77 RSS, 148
squares, 89 starting, 16 status bar, 18, 24 stencils, 82 removing, 83 support, 8 support, technical, 8
saving as template, 35 documents, 34 scenes, 138 scripts, 150 selecting items, 54 serial number, 8 serial number, locating, 8 shadows, 63 shortcut menus, 23 Size handles, 79 sizing items, 79 pages, 47 sounds, 144, 147 Spell Checker, 99 Spell Checker Help, 6
tables adding, 102 changing, 104 technical support, 8 templates, 29, 32 saving, 35 text adding, 96 adjusting frames, 98 catalogs, 97 deleting frame, 102 editing, 98 Exif information, 97 formatting, 101 frames, 94 modes, 94 problems, 154 types, 95 Text Assistant, 97 textures, 45, 68 titles for pages, 41 ToolTips, 7 trimming images, 78 tutorials, 8 Twitter, 117
WebEasy
163
Index
vendors, 139 version, 8 version number, locating, 8 videos, 147 viewing multimedia, 147 pages, 38 problems in browsers, 157 websites, 129 VRML, 142
X Y Z
WebEasy building sites, 124 clip art, 13 customizing, 25 documents, 28 installing, 12 quitting, 26 starting, 16 updating, 13 version, 8 WebEasy menu, 18 Website Assistant, 29 workspace, 17 WebEasy Help, 5 Web-safe colors, 70 Website Assistant, 29 website documents, 28 websites blogs, 137 building, 122 eBay auction page, 136 for mobile devices, 138 maintaining, 130 package file, 124 photo albums, 136 types, 122 WebWidgets, 149 widgets, 142 workspace, 17
164 WebEasy