Sunteți pe pagina 1din 184

Users Guide

Copyright
Copyright 20032011 Avanquest North America Inc. All Rights Reserved. WebEasy is a registered trademark of Avanquest North America Inc. Avanquest and the Avanquest logo are registered trademarks of Avanquest S.A. Microsoft, Internet Explorer, Windows, Windows Vista, Verdana, and the Windows logo are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. Adobe, Acrobat, Acrobat Reader, and Flash are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. eBay is a registered trademark of eBay, Inc. Yahoo! is a registered trademark of Yahoo! Inc. Arial and Times New Roman are trademarks of The Monotype Corporation. YouTube is a registered trademark and Google is a trademark of Google Inc. MySpace is a registered trademark of MySpace, Inc. Facebook is a registered trademark of Facebook, Inc. PhotoBucket is a registered trademark of Photobucket.com Inc. iPad, iPhone, iPod touch, and Safari are registered trademarks of Apple Inc. registered in the U.S. and other countries. All other trademarks are the property of their respective owners.

AVANQUEST END USERS LICENSE AGREEMENT


The software that is subject to this End Users License Agreement (EULA) is licensed, not sold, to you (the Licensee) by Avanquest North America Inc. (Avanquest). Before you use the Licensed Software, please read this EULA as carefully as you would read any other legal document. Your installation or use of the Software means that you have read and agree to all of the terms and conditions of this License. Do not install or use the Software if you do not agree with all of the terms and conditions of this License. Under the Money-Back Guarantee section below you will have the right to return the Licensed Software for a refund if you should choose not to install or use the Licensed Software. Please refer to the Money-Back Guarantee section below for more details. Installing, copying, accessing, or using the Licensed Software constitutes Licensees acceptance of, and promise to comply with, all of the terms and conditions of this EULA. LICENSE TERMS CONTENTS. The Licensed Software includes all of the contents of the files, disk(s), CD-ROM(s), DVDs, or other media for which this EULA is provided, including: (1) third-party computer information or software that Avanquest has licensed for inclusion in the Licensed Software; (2) written materials or files relating to the Licensed Software (Documentation); (3) fonts; and (4) upgrades, modified versions, updates, additions, and copies of the Licensed Software, if any (collectively, Updates). INSTALLATION. Unless Licensee has purchased a Site License Agreement, Licensee may install one copy of the Licensed Software on a single computer. Licensee shall be solely responsible for all expenses incurred in Licensee's installation of the Licensed Software. ACTIVATION. The Licensed Software contains technological measures that are designed to prevent its unlicensed or illegal use. The Licensed Software may contain enforcement technology that limits Licensees ability to install and uninstall the Licensed Software on a machine to no more than a finite number of times, and for a finite number of machines. The Licensed Software may require activation as explained during installation and in the Documentation. If any such applicable activation procedure(s) is not followed, then the Licensed Software may only operate for a finite period of time. If activation is required, and not completed within the finite period of time set forth in the Documentation and explained during installation, then the Licensed Software will cease to function until activation has been completed, at which time functionality will be restored. If Licensee has any problem with the activation process, Licensee should contact Avanquest customer support. COPIES. Licensee may only make one copy of the Licensed Software for backup or archival purposes only, except that the Documentation may not be duplicated. TRANSFER. Licensee may not sell, assign, sublicense, rent, lease, lend or otherwise transfer the Licensed Software or the License granted by this EULA without prior written consent of Avanquest. USE. The License granted by this EULA is non-exclusive. Licensee may not use the Licensed Software except as expressly permitted by this License. PROHIBITED USES. (1) Licensee may not modify, alter, adapt or translate all or any portion of the Licensed Software; (2) Licensee may not create any derivative works from all or any portion of the Licensed Software; (3) Licensee may not reverse-engineer, decompile, disassemble, or otherwise attempt to discover the source code of the Licensed Software; (4) Licensee may not use a previous version of the Licensed Software after receiving a media replacement or upgraded version as a replacement to a prior version (in such case you must destroy the prior version); (5) Licensee may not use the Licensed Software in the operation of aircraft, ship, nuclear facilities, life-support machines, communication systems, or any other equipment in which the failure of the software could lead to personal injury, death, or environmental damage; (6) Licensee may not remove or

obscure Avanquest's copyright or trademark notices, or the copyright and trademark notices of third parties that Avanquest has included in the Licensed Software; (7) Licensee may not use the Licensed Software to host applications for third parties, as part of a facility management, timesharing, service provider, or service bureau arrangement; and (8) Licensee may not use the Licensed Software in any manner not authorized by this EULA. CONTENT. Licensee may use any clipart, photographs, icons, fonts, shapes, animations, sounds, music, video clips, and all other graphic content (collectively, Content) included with the Licensed Software, if any, only as stated in the Documentation. If the Documentation does not permit Licensee to use the Content, then Licensee may not display, modify, reproduce, or distribute any of the Content; and even if the Documentation permits Licensee to use the Content, Licensee may not distribute the Content on a stand-alone basis such as where the Content constitutes the primary value of whatever Licensee is distributing. Certain portions of the Content may consist of the copyrights, trademarks, service marks, trade names, or other intellectual property of third parties. These portions of the Content are provided for the convenience of certain users of the Software who are expressly authorized to use them by their owners. You may not use any third-party intellectual property without their express authorization. Furthermore: (1) Licensee may not sell, license, distribute (commercially or otherwise), or make available the Content as stand-alone images or sounds, or in catalogs, design books, compilations, collections, templates, designs, stock engravings, products, services, or the like; (2) Licensee may not sell, license, distribute (commercially or otherwise), or make available electronic copies of the Content to third parties in any manner, including without limitation, via the Internet, on any tangible media or by broadcast, that is intended or designed to enable a third party to copy the Content for its own use; (3) Licensee may not sell, license, distribute (commercially or otherwise), or make available electronic copies of the Content that includes representations of identifiable individuals, governments, logos, initials, emblems, trademarks, or entities that expresses or implies any endorsement or association with any product, service, entity, or activity; and (4) Under no circumstances may the Content be used in the production of defamatory, fraudulent, infringing, lewd, obscene, or pornographic material, or in any otherwise illegal manner. Licensee is solely responsible for Licensee's use of the Content. Licensee may only use the Content responsibly, in a manner consistent with the exercise of good judgment. If Licensee is having difficulty deciding whether Licensees intended use is appropriate, or whether Licensee needs written permission, or whether other legal issues should be considered, Avanquest strongly encourages Licensee to seek competent legal counsel. Avanquest will not assist Licensee in making this determination, nor can Avanquest provide Licensee with legal advice as to intellectual property rights. If Licensee or Licensees attorney determines that Licensee is required by law to obtain written permission to use portions of the Content, Licensee must request permission for reproduction, redistribution, or modification of the Content from the appropriate owner of the subject materials (as may be cited in the Licensed Software). If, on the other hand, Licensee or Licensee's attorney determines it is permissible to proceed and include Content from the Licensed Software, Avanquest requires Licensee to correctly designate Avanquest's trademark(s) when referring to the Licensed Software in the notice or copyright portion of Licensee's paper, project, or product. Licensee shall indemnify, hold harmless, and defend Avanquest and Avanquest's suppliers and licensors from all claims, damages, losses, attorneys fees, costs, and lawsuits that arise from, or result from, Licensees use or distribution of Content, and/or from any breach by Licensee of this EULA. SOFTWARE UPDATES. If the Licensed Software is an Update to a previous version, Licensee must possess a valid License to the previous version. Any Update provided to Licensee is made on a License-exchange basis such that Licensee agrees, as a condition for receiving an Update, that Licensee will terminate all of Licensee's rights to use any previous version of the Licensed Software. However, Licensee may continue to use the previous version only to assist in transitioning to the Updated version. Once an Update has been released, Avanquest may cease support for prior versions, without any notice to Licensee.

CONTENT UPDATES. Avanquest provides updates to the content of some of its software from time to time, including but not limited to, virus definitions, URL lists, rules, and updated vulnerability data. These types of updates are collectively referred to as Content Updates. Licensee may obtain any such Content Updates during the initial period provided for by the applicable software without additional charge. Licensee may purchase a separate subscription for a specified period of time to continue to receive Content Updates after the initial period expires. Avanquest reserves the right to designate specified Content Updates as requiring purchase of a separate subscription at any time, and without prior notice to Licensee, except that any such change will only become effective at the earlier of the expiration of the initial period provided for by the applicable software, or the expiration of the term of a separately paid for subscription. SUPPORT. Avanquest is not obligated by this EULA to provide Licensee with any technical support services relating to the Licensed Software; however, Licensee may order additional support services for an additional charge as Avanquest may offer from time to time during the term of this EULA. LIMITED WARRANTY ON MEDIA. Avanquest warrants that the media on which the Licensed Software is distributed will be free from material defects for a period of 30 days from the date the Licensed Software is delivered to Licensee. If Licensee discovers a defect in the media during this 30-day period, Licensee may return the defective media to Avanquest, and Licensees sole remedy is to have either the defective media replaced, or at Avanquests sole option, a refund of the money that Licensee paid for the Licensed Software. NO WARRANTY ON LICENSED SOFTWARE. THE LICENSED SOFTWARE (EXLUDING THE MEDIA ON WHICH IT IS DISTRIBUTED) IS PROVIDED TO LICENSEE AS IS. AVANQUEST, AND AVANQUESTS SUPPLIERS AND LICENSORS, MAKE NO WARRANTY AS TO ITS USE OR PERFORMANCE. AVANQUEST, AND AVANQUESTS SUPPLIERS AND LICENSORS, MAKE NO WARRANTIES, CONDITIONS, REPRESENTATIONS, OR TERMS (EXPRESS OR IMPLIED WHETHER BY STATUTE, COMMON LAW, CUSTOM, USAGE, OR OTHERWISE) AS TO ANY MATTER INCLUDING WITHOUT LIMITATION NON-INFRINGEMENT OF THIRD-PARTY RIGHTS, MERCHANTABILITY, INTEGRATION, SATISFACTORY QUALITY, OR FITNESS FOR ANY PARTICULAR PURPOSE, EXCEPT FOR, AND TO THE EXTENT, THAT A WARRANTY MAY NOT BE EXCLUDED OR LIMITED BY APPLICABLE LAW IN LICENSEES JURISDICTION. LIMITATION OF LIABILITY. IN NO EVENT WILL AVANQUEST, OR AVANQUESTS SUPPLIERS OR LICENSORS, BE LIABLE TO LICENSEE FOR ANY DAMAGES, CLAIMS, OR COSTS WHATSOEVER, OR FOR ANY CONSEQUENTIAL, INDIRECT, EXEMPLARY, SPECIAL, PUNITIVE, INCIDENTAL DAMAGES, OR ANY LOST PROFITS OR LOST SAVINGS, EVEN IF A REPRESENTATIVE OF AVANQUEST OR ONE OF AVANQUESTS SUPPLIERS OR LICENSORS HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH LOSS, DAMAGES, CLAIMS, OR COSTS, OR FOR ANY CLAIM BY ANY THIRD PARTY. THESE LIMITATIONS AND EXCLUSIONS APPLY TO THE EXTENT PERMITTED BY APPLICABLE LAW IN LICENSEES JURISDICTION. THE AGGREGATE LIABILITY OF AVANQUEST, AND AVANQUESTS SUPPLIERS, UNDER OR IN CONNECTION WITH THIS EULA, SHALL BE LIMITED TO THE AMOUNT PAID FOR THE LICENSED SOFTWARE. ADDITIONAL TERMS FOR BETA SOFTWARE. If the Licensed Software that Licensee receives with this EULA is pre-commercial release or BETA software (Pre-release Software), then, to the extent that any provision in this section is in conflict with any other term or condition in this EULA, this section supersedes such conflicting term(s) and condition(s) as to the Pre-release Software, but only to the extent necessary to resolve the conflict. Licensee acknowledges that the Pre-release Software does not represent the final product from Avanquest, and may contain bugs, errors, and other problems that could cause system or other failures and data loss. Consequently, Avanquest disclaims any warranty or liability obligations to Licensee of any kind whatsoever.

IN APPLICABLE JURISDICTIONS WHERE LIABILITY CANNOT BE SO EXCLUDED FOR PRE-RELEASE SOFTWARE, BUT MAY BE LIMITED, AVANQUESTS LIABILITY, AND THAT OF ITS SUPPLIERS, SHALL BE LIMITED TO THE TOTAL OF FIFTY DOLLARS (U.S. $50.00). Licensee acknowledges that Avanquest has not promised or guaranteed to Licensee that the Pre-release Software will be announced or made available to anyone in the future, and that Avanquest has no express or implied obligation to Licensee to announce or introduce the Pre-release Software. Avanquest may decide not to introduce a product similar to, or compatible with, the Pre-release Software. Accordingly, Licensee acknowledges that any research or development that Licensee performs regarding the Pre-release Software, or any product associated with the Pre-release Software, is done entirely at Licensees own risk. During the term of this EULA, if requested by Avanquest, Licensee will provide feedback to Avanquest regarding testing and use of the Pre-release Software, including error or bug reports. If Licensee has been provided the Pre-release Software pursuant to a separate written agreement, then Licensees use of the Pre-release Software is also governed by that agreement. Notwithstanding anything in this EULA to the contrary, if Licensee is located outside the United States, Licensee will return or destroy all unreleased versions of the Pre-release Software within 30 days of the completion of Licensees testing of the Pre-release Software if that date is earlier than the date scheduled for Avanquests first commercial shipment of the publicly released (commercial) software. MONEY-BACK GUARANTEE. If you purchased this Licensed Software and, within 90 days of purchase, you are not completely satisfied with the Licensed Software, you may return it directly to Avanquest for your money back. This right to return the Licensed Software is in addition to your right to return the Licensed Software for a replacement under the Limited Warranty on Media. To receive a full refund from Avanquest you must return the product box with the UPC bar code still intact, disc(s), all print materials from inside product box and your original dated store receipt showing price paid for the Licensed Software (copy accepted). On a piece of paper, please provide your first and last name, address (including street, city, state and zip code), phone number, email address and a brief explanation as to why you are returning the product. Send materials via a traceable method to: Returns Department, Avanquest North America Inc., 15001 Meridian Parkway A, Riverside, CA, 92518. All returned packages are required to have a valid tracking number. In the event that a package gets lost or misplaced, Avanquest can only credit customers who have a tracking number showing proof of delivery to Avanquest. We recommend sending your package via U.S. Postal Services Media Mail Service and request Delivery Confirmation. A full refund will not be given if any of the aforementioned materials are not returned to Avanquest. Return requests missing any of the aforementioned materials will be destroyed. Partial refunds will not be given. Shipping and/or handling charges for returned product will not be refunded by Avanquest. Sales tax charged by retailer will not be refunded by Avanquest. Sales tax charged for Licensed Software purchased at www.avanquest.com is fully refundable. All refunds will be made via check. Nothing contained in this section will waive or limit any of the provisions of any other section of this EULA. SURVIVAL OF DISCLAIMERS. The exclusions of warranties and liability limitations shall survive the termination of this EULA, howsoever caused; but this survival shall not imply or create any continued right to use the Licensed Software after termination of this EULA. EXPORT RULES. Licensee shall not ship, transfer, or export Licensed Software into any country or use Licensed Software in any manner prohibited by the United States Export Administration Act or any other export laws, restrictions, or regulations (collectively the Export Laws). If the Licensed Software is identified as export controlled items under the Export Laws, Licensee represents and warrants that Licensee, and Licensees employees who will use the Licensed Software are not a citizen, or otherwise located within, an nation embargoed by the United States (including without limitation: Iran, Syria, Sudan, Cuba, Libya and North Korea), and that Licensee, and Licensees employees who will use the Licensed Software, are not otherwise prohibited under the Export Laws from receiving the Software.

All rights to use the Licensed Software are granted on condition that Licensee complies with the Export Laws, and all such rights are forfeited if Licensee fails to comply with the Export Laws. GOVERNING LAW, VENUE AND JURISDICTION. This EULA is subject to, and will be governed by and construed in accordance with the substantive laws in force of the State of California. Any action arising under, relating to or connected with this EULA or the use of the Licensed Software will be filed only in an appropriate court located in Los Angeles County, California, and the parties irrevocably consent and submit to the exclusive personal jurisdiction of such courts for such purposes. This EULA will not be governed by the conflict of law rules of any jurisdiction, or the United Nations Convention on Contracts for the International Sale of Goods, the application of which is expressly excluded. INTELLECTUAL PROPERTY OWNERSHIP. The Licensed Software and any authorized copies that Licensee makes are the intellectual property of, and are owned by, Avanquest, and by third parties whose intellectual property has been licensed by Avanquest. The structure, organization, and code of the Licensed Software are the valuable trade secrets and confidential information of Avanquest and such third parties. The Licensed Software is protected by law, including without limitation, the copyright laws of the United States and other countries, and by international treaty provisions. Except as expressly provided in this EULA, Licensee is not granted any intellectual property rights in the Licensed Software. RESERVATION OF RIGHTS. Avanquest reserves all rights not expressly granted to Licensee by this EULA. The rights granted to Licensee are limited to Avanquests intellectual property rights, and to the intellectual property rights of third parties licensed by Avanquest. All rights are reserved under the copyright laws of the United States. Avanquest North America Inc.; 15001 Meridian Parkway, Suite A; Riverside, CA 92518. COMPLETE AGREEMENT and BINDING EFFECT. This EULA constitutes the entire agreement between the Licensee and Avanquest relating to the Licensed Software, and it supersedes all prior or contemporaneous representations, discussions, undertakings, communications, agreements, arrangements, advertisements, and understandings regulating the Licensed Software. This EULA is binding on and made for the benefit of the parties and their successors and permitted assigns. MODIFICATION. This EULA may only be modified, supplemented or amended by a writing signed by an authorized officer of Avanquest. SEVERABILITY. If any provision of this EULA is determined by a court of competent jurisdiction to be contrary to law, that provision will be enforced to the maximum extent permissible, and the remaining provisions of this EULA will remain in full force and effect. WAIVER. No failure or delay by Avanquest in exercising its rights or remedies shall operate as a waiver unless made by Avanquests specific written notice. No single or partial exercise of any right or remedy of Avanquest shall operate as a waiver or preclude any other, or further, exercise of that, or any other right, or remedy. U.S. GOVERNMENT USERS. The Licensed Software and its Documentation qualify as commercial items, as that term is defined at 48 C.F.R. 2.101, consisting of commercial computer software and commercial computer software documentation as such terms are used in 48 C.F.R. 12.212. Consistent with 48 C.F.R.12.212 and 48 C.F.R. 227.7202-1 through 227.7202-4, Avanquest will provide to the Government end user, the Licensed Software and its Documentation with only those rights set forth herein that apply to non-governmental customers. Use of the Licensed Software and its Documentation constitutes agreement by the Government entity that the Licensed Software and its Documentation are commercial, and constitutes acceptance of the rights and restrictions herein. The Licensed Software Contractor/Manufacturer is Avanquest North America Inc. or its applicable licensors.

For U.S. Government End Users, Avanquest agrees to comply with all applicable equal opportunity laws including, if appropriate, the provisions of Executive Order 11246, as amended, Section 402 of the Vietnam Era Veterans Readjustment Assistance Act of 1974 (38 USC 4212), and Section 503 of the Rehabilitation Act of 1973, as amended, and the regulations at 41 CFR Parts 60-1 through 60-60, 60-250, and 60-741. The affirmative action clause and regulations contained in the preceding sentence shall be incorporated by reference in this EULA. PROOF OF COMPLIANCE. Within 30 calendar days after request from Avanquest, or Avanquest's authorized representative, Licensee will provide full documentation, and certify under penalty of perjury, that Licensee's use of any and all Licensed Software is in conformity with this EULA. TERMINATION. If Licensee breaches this EULA, and fails to cure any breach within 30 calendar days after request from Avanquest, or Avanquests authorized representative, Avanquest may terminate this EULA, whereupon all rights granted to Licensee shall immediately cease. Furthermore, upon termination, Licensee shall return to Avanquest all copies of the Licensed Software, or verify in writing that all copies of the Licensed Software have been destroyed.

Contents
Chapter 1 Welcome ........................................................................... 1
WebEasy Features ............................................................................... 2 Whats New ........................................................................................... 2 Getting Familiar with WebEasy ........................................................... 3 1: Creating WebEasy Documents ...................................................... 3 2: Modifying Documents..................................................................... 4 Using Advanced Features ............................................................. 4 3: Previewing and Building Websites ................................................. 5 4: Publishing Online ........................................................................... 5 Registering WebEasy .......................................................................... 6 Documentation Conventions .............................................................. 6 Getting Help .......................................................................................... 7 Accessing Online Help ....................................................................... 7 Viewing ToolTips................................................................................ 8 Accessing the Online Users Guide.................................................... 9 Using Cue Cards................................................................................ 9 Viewing WebEasy Tutorials and Samples ....................................... 10 Contacting Technical Support .......................................................... 10

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


System Requirements ....................................................................... Installing WebEasy............................................................................. Updating WebEasy ............................................................................. Uninstalling WebEasy ........................................................................ 12 12 13 14

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


Starting WebEasy ............................................................................... Using the Activity Center .................................................................. Learning the WebEasy Workspace ................................................... Using the Ribbon Tabs and Toolbars............................................... Working with the Media Gallery ....................................................... Using the Inspector .......................................................................... Using Assistants............................................................................... Using Shortcut Menus ...................................................................... Customizing the Workspace ............................................................ Changing the Workspace View ........................................................ Customizing the Quick Access Toolbar ........................................... Customizing WebEasy ....................................................................... Quitting WebEasy............................................................................... 16 16 19 20 21 22 24 25 25 26 26 27 28

Chapter 4 Creating Documents ...................................................... 29


Understanding WebEasy Documents............................................... Using the Website Assistant to Create Documents ........................ Using Templates to Create Documents ............................................ Starting From a Blank Document ..................................................... Saving Documents ............................................................................. Saving Your Documents .................................................................. Saving as a Template ...................................................................... Saving Backup Archives .................................................................. 30 31 34 36 36 36 37 38

Chapter 5 Viewing and Editing Documents .................................. 39


Opening Documents and Viewing Pages ......................................... Viewing Specific Pages .................................................................... Adding and Changing Pages ............................................................ Adding Pages ................................................................................... Adding Page Titles ........................................................................... Adjusting Page Backgrounds ........................................................... Deleting Pages ................................................................................. Changing Page Sizes....................................................................... Changing the Page Order ................................................................ Adding Page Navigation Links ......................................................... Removing Links................................................................................ Previewing Documents ......................................................................
x WebEasy

40 40 41 41 43 44 49 49 50 51 52 52

Chapter 6 Working with Items ........................................................ 55


Selecting Items ................................................................................... Moving Items ...................................................................................... Resizing Items .................................................................................... Grouping Items................................................................................... Removing Items ................................................................................. Copying Items .................................................................................... Pasting Items ...................................................................................... Pasting Items Normally .................................................................... Pasting Items with Special Functions............................................... Applying Formatting ......................................................................... Re-ordering Items .............................................................................. Fitting Items on a Page ...................................................................... Applying Shadows ............................................................................. Adding Borders .................................................................................. Coloring Items .................................................................................... Adding Colored Fills ......................................................................... Filling Items with Gradients .............................................................. Applying Texture Fills....................................................................... Applying Patterned Fills ................................................................... Specifying Colors ............................................................................. 56 57 58 58 59 59 60 60 60 62 62 63 65 66 67 68 69 70 71 72

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


Inserting Images................................................................................. Adding Images by Dragging............................................................. Inserting Images with a Dialog Box.................................................. Replacing Image Placeholders ........................................................ Replacing an Image with a Placeholder........................................... Adjusting Images ............................................................................... Rotating Images ............................................................................... Cropping Images.............................................................................. Resizing Images............................................................................... Positioning Images Exactly .............................................................. Framing Images.................................................................................. Adding Graphic Frames ................................................................... Applying Stencils to Images ............................................................. Applying Image Effects ..................................................................... Animating Images ..............................................................................
WebEasy

76 76 77 78 78 79 79 80 81 82 83 83 84 86 87
xi

Creating Animated GIF Images........................................................ Creating GIF Animations from Scratch ............................................ Creating Rollover Images................................................................. Applying Paths to Images ................................................................ Exporting Images ............................................................................... Drawing and Editing Shapes ............................................................. Drawing Simple Geometric Shapes ................................................. Drawing Lines and Polygons............................................................ Modifying Shapes.............................................................................

87 90 91 91 91 91 92 92 93

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


About Text in WebEasy ...................................................................... About Text Frame Modes................................................................. Types of Text ................................................................................... Inserting Text ...................................................................................... Inserting New Text ........................................................................... Adding Text with the Text Assistant ................................................. Inserting Exif Information ................................................................. Editing and Formatting Text .............................................................. Adjusting Text Frames ................................................................... Editing Text .................................................................................... Formatting Text .............................................................................. Making Multiple Formatting Changes ........................................ Changing Text Size ................................................................... Changing Text Color.................................................................. Aligning Text .............................................................................. Changing Rich Text ................................................................... Deleting a Text Frame.................................................................... Adding and Editing Tables .............................................................. Inserting Tables.............................................................................. Modifying Tables ............................................................................ 96 96 96 98 98 98 99 99 100 100 101 101 102 102 103 103 103 104 104 105

Chapter 9 Integrating with Other Websites ................................ 107


Getting Bookmarked on Other Websites ....................................... 108 Adding Bookmarking Widgets ........................................................ 108 Adding Multiple Bookmark Icons .................................................... 109 Adding a Static Multiple Bookmark Bar .................................... 109 Adding a Dynamic Bookmark Bar ............................................ 110

xii

WebEasy

Linking to Photo-Sharing Sites ....................................................... Linking to Photos............................................................................ Linking to Albums........................................................................... Embedding Photos or Albums........................................................ Embedding Photos......................................................................... Embedding Albums ........................................................................ Embedding Videos with Widgets .................................................... Embedding Videos ......................................................................... Adding Links to Other Accounts .................................................... Adding Like Buttons ........................................................................ Having Visitors Contact You ........................................................... Adding Google Information to Your Site ........................................ Adding Yelp Review Buttons ..........................................................

111 111 112 113 114 115 117 117 118 119 120 121 122

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


Before You Build Your Website....................................................... 124 Building Your Website ..................................................................... 125 Publishing Your Website ................................................................. 128 Using the WebEasy Hosting Service ............................................. 128 Opening a New Account .......................................................... 129 Publishing a Website to an Existing WebEasy Hosting Account ... 129 Managing My Account ............................................................. 131 Using the Publish Assistant ..................................................... 131 Publishing with FTP Max ......................................................... 132 Using Another Web Hosting Service.............................................. 132 Using the Publish Assistant............................................................ 133 Publishing with FTP Max................................................................ 135 Creating Connection Profiles ......................................................... 137 Viewing Your Website ...................................................................... 140 Maintaining Your Website................................................................ 140

Chapter 11 Adding Enhanced Features ...................................... 141


Creating Specialized Websites ....................................................... Creating a Photo Album Website ................................................... Creating an eBay Auction Page ..................................................... Creating Blogs................................................................................ Creating Websites Compatible with Mobile Devices...................... Changing Scenes .............................................................................
WebEasy

142 142 142 143 144 144


xiii

Adding e-Commerce Features ........................................................ Recommendations ......................................................................... Creating an eShop ......................................................................... Adding Dynamic Links .................................................................... Adding Advanced Objects............................................................... Adding Multimedia ........................................................................... Adding Sound Effects or Music ...................................................... Adding Multimedia Objects ............................................................ Adding Podcasts ............................................................................ Creating Animated Items ................................................................. Adding RSS ...................................................................................... Adding WebWidgets ........................................................................ Adding Scripts ..................................................................................

145 145 146 147 148 150 150 152 152 154 154 155 156

Chapter 12 Problem Solving ......................................................... 157


Problems with Items ........................................................................ Problems with Text........................................................................... Problems with Links ........................................................................ Problems When Publishing ............................................................. Problems Viewing Sites in a Browser ............................................ 158 160 161 162 163

xiv

WebEasy

Chapter 1
Welcome
Welcome to WebEasy from Avanquest. 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 Whats New on page 2 Registering WebEasy on page 6 Documentation Conventions on page 6 Getting Help on page 7

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

Whats New
WebEasy 9 has many new features to help you build and manage your website. A new ribbon interface where you use buttons instead of menu commands to implement features Improved SEO (search engine optimization) features New templates and an updated wizard with style selections

WebEasy

Chapter 1: Welcome

New WebWidgets, including Google Maps and iPhone detection and redirection iPhone- and smartphone-optimized templates for viewing your site from anywhere Additional image effects Windows 64-bit compatibility

Getting Familiar with WebEasy


You do not need technical or programming skills to create a complete website for yourself, your family, your organization, or your business. With WebEasy, you can create a professional-looking website in four steps:
1. Create a website document. 2. Adjust the design and content in the document. 3. Build the document into a website. 4. Publish the website on the Internet.
Note: Before you start a website document, determine what images and text you want to have on your website. Think about the organization that would be effective for your site.

1: Creating WebEasy Documents


WebEasy provides hundreds of pre-designed templates that you can customize to suit your needs. Most templates have several linked pages with text and image placeholders. The Website Assistant guides you through the process of selecting a template from the many categories and designs and then customizing the content. You can also select a template and make all changes in the workspace. For information, see Chapter 4 Creating Documents on page 29.
WebEasy 3

Chapter 1: Welcome

With specialized templates, you can quickly make a page for an eBay auction, set up an online photo gallery, or create a blog. See Creating Specialized Websites on page 142 for details. If you have the skills, you can create a complete website from scratch. You can build your website one page at a time. The Website Assistant has blank designs, or you can create web pages based on a page size in the New Document dialog box. See Starting From a Blank Document on page 36 for details.

2: Modifying Documents
Once you have started a WebEasy website document, you can modify it as needed. If you used a template, you can change the provided text and graphics as needed. You can add: More text, graphics, and shapes (See Chapter 6 Working with Items on page 55, Chapter 7 Working with Images and Shapes on page 75, Chapter 8 Working with Text and Tables on page 95 for information.) Links to other pages, other websites, or files to download (For information, see Adding and Changing Pages on page 41 and Adding Multimedia on page 150. 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 107 and Adding Multimedia on page 150.)

Using Advanced Features


In addition to multimedia, you can add specialized WebWidgets and other objects (such as a visitor counter). See Chapter 11 Adding Enhanced Features on page 141.
4 WebEasy

Chapter 1: Welcome

WebEasy provides Search Engine Optimization (SEO) features to get your site recognized by search engines. See SEO Assistant wizard in WebEasy Help. To sell products online, you can sign up with an e-commerce provider to process payments. You then add e-commerce buttons to create an online shop. See Adding e-Commerce Features on page 145. If you have the skills, you can add customized code and scripts to enhance your site. See Adding Scripts on page 156.

3: Previewing and Building Websites


When you finish creating your site in the WebEasy document, you preview it and then build it into a website. When building your document into a website, WebEasy converts the design into the code needed to view the pages online. You specify the type of coding and WebEasy does all the work for you! See Building Your Website on page 125.

4: Publishing Online
The final step of the process is to store all the files to a computer online. Avanquest provides a web hosting service, which is integrated with WebEasy to make this process easy for you. If you have a web hosting service or an account with ISP that provides space, you can upload files with WebEasy. See Publishing Your Website on page 128.
Note: You must have an active Internet connection and information from your web hosting service to publish your website online.

WebEasy

Chapter 1: Welcome

Registering WebEasy
Becoming a registered user entitles you to free technical support, upgrades, discounts on other Avanquest products, and notifications about new versions of WebEasy. If you do not register when you install WebEasy, you can register later.
To register WebEasy manually: 1. On the Help tab, click Registration. 2. In the web page, complete the form. 3. Click Submit.

Documentation Conventions
Please become familiar with the WebEasy document conventions to help you better understand instructions. Bold text indicates buttons, check boxes, options, tabs, and menus or commands.
Monospace text indicates text that you type or code

examples. Italicized text refers to names of folders, files, disks, discs, windows, and dialog boxes.
CAPPED TEXT

indicates keys. With keyboard shortcuts hold the first key down while pressing the next key. For example, with CTRL+C, hold down the CTRL key as you press C. Instructions for interacting with the Microsoft Windows operating system are given for Windows 7. Adjust the instructions as needed for a different version of Windows. Click means click the left mouse button. Double-click means click the left mouse button twice in quick succession. Right-click means to click the right mouse button.

WebEasy

Chapter 1: Welcome

SHIFT-click means to press the SHIFT key while clicking the left mouse button.

A shortcut menu is the menu that appears if you right-click when the pointer is over an item or elsewhere in the window. Notes and warnings look like this:

Note: You should always make backups of your work.

Getting Help
WebEasy includes a variety of tools to help you find the answers you need: online help, ToolTips, online users guide, cue cards, tutorials with sample websites, and technical support.

Accessing Online Help


WebEasy provides help systems for the program and certain components.

To view WebEasy Help:

Click the WebEasy button on the Help tab. Press the F1 key.
WebEasy 7

Chapter 1: Welcome

In a dialog box, click a Help button.

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

To view Media Gallery Help:

Click the Gallery button on the Help tab.

To view FTP Max Help:

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

To view Spell Checker Help:

Click the Help button in the Check Spelling dialog box.

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

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.

Note: Spell Checker Help does not have tabs.

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

Chapter 1: Welcome

WebEasy shows ToolTips by default, but you can turn them off.
To hide or show ToolTips: 1. Choose Options>WebEasy Settings from the WebEasy

menu.
2. Clear (or select) the Show tooltips check box. 3. Click OK.

Accessing the Online Users Guide


To view or print the online users guide, you must have a program that reads PDF files installed on your computer.
To access the online users guide: Choose Start > All Programs > WebEasy Professional 9 > Manual.

Using Cue Cards


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

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

Chapter 1: Welcome

4. Click OK.

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

Viewing WebEasy Tutorials and Samples


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

To view the tutorials and sample websites: 1. Click the Help tab. 2. In the Help Topics section, click WebEasy > Tutorials.

You can also click Online Tutorials on the Activity Center screen.

Contacting Technical Support


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

Click the Support button on the Help tab. Visit http://www.avanquest.com/support.

If you contact Technical Support, have your WebEasy version and serial number available. To view these numbers, click Version on the Help tab.
10 WebEasy

Chapter 2
Installing, Updating, and Uninstalling WebEasy
This chapter lists the minimum system requirements for using WebEasy on your computer and explains how to install, update, and uninstall WebEasy. This chapter has the following information: System Requirements on page 12 Installing WebEasy on page 12 Updating WebEasy on page 13 Uninstalling WebEasy on page 14

Chapter 2: Installing, Updating, and Uninstalling WebEasy

System Requirements
To use WebEasy 9 Professional, your computer must have: Microsoft Windows 7 (32- or 64-bit), Windows Vista (32- or 64-bit) or Windows XP SP2 Intel Pentium III-compatible processor at 1 GHz or faster At least 512 MB RAM At least 250 MB of hard drive space A CD drive a modern web browser (such as Microsoft Internet Explorer or Mozilla Firefox) Internet access Microsoft DHTML Editing Control (optional, but needed with Windows Vista and Windows 7 for creating websites with DHTML effects) A graphics card set to 16-bit color or higher (True Color, 32-bit recommended)

Installing WebEasy
If you have a current version of WebEasy, uninstall it before installing the new version. When uninstalling the previous version, the installer does not delete any of your work.
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.

12

WebEasy

Chapter 2: Installing, Updating, and Uninstalling WebEasy

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.

WebEasy also includes additional clip art that you can install from the Startup screen or download if you purchased the ESD version. With the ESD version you can also download the PDF version of the users guide, which is installed automatically with the disc 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 message window, click OK.
WebEasy 13

Chapter 2: Installing, Updating, and Uninstalling WebEasy

4. If you have an open project, click Yes to save it or No to

discard any changes.


5. In the Avanquest LiveUpdate wizard, click Next and follow

the on-screen instructions.

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

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

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

14

WebEasy

Chapter 3 Getting Started


You create and edit your website documents in the WebEasy workspace. This chapter introduces you to the WebEasy workspace (including the Activity Center screen, tabs, toolbars, panes, palettes, and assistants). You also learn how to start and quit WebEasy, to create a website document, and to set program options. This chapter has the following information: Starting WebEasy on page 16 Using the Activity Center on page 16 Learning the WebEasy Workspace on page 19 Customizing WebEasy on page 27 Quitting WebEasy on page 28

Chapter 3: Getting Started

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

Double-click the WebEasy icon on the desktop.

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

Using the Activity Center


Each time you start WebEasy, by default, or if you choose Activity Center from the WebEasy menu, the Activity Center screen shows.

16

WebEasy

Chapter 3: Getting Started

Note: You can change the default startup behavior in the Options dialog box or in the Activity Center screen, itself.

In the Activity Center: Click Pick a Website Template to select a pre-designed template from a category. Click Use a Blank Design to select a blank project template to design your own website. Click Open an Existing Website to open an existing WebEasy document. Click Sign-Up Hosting to go online and sign up for WebEasys web hosting service. Click Upload Your Website to store all files associated with your website online.
Note: You must build the website from the website document before uploading it.

Click Online Tutorials to see video tutorials or website samples in your default browser.

In the top-right corner, clear the Show at startup check box to not see the Activity Center screen when WebEasy starts. Click the Close button to go directly to the WebEasy workspace. When you start a new project from a template through the Activity Center, the Website Assistant wizard opens. In this wizard, you select a category and then specify a website design within that category. As you move through the wizard, it guides you to change text and images in the template for your purposes.

WebEasy

17

Chapter 3: Getting Started

If you click Use a Blank Design, the New Document dialog box opens to the Blanks category for you to select a page size.

18

WebEasy

Chapter 3: Getting Started

Note: In this dialog box, you can also select a different category and then select a pre-designed template to work on.

When you click OK, the blank page shows in the workspace.

Learning the WebEasy Workspace


You create and edit website documents in the workspace.

1. The WebEasy menu has submenus and commands such as

New, Open, Save, Import, Export, Print, Options, and Close.


2. The ribbons tabs have buttons and options for applying

WebEasy features.
3. The Quick Access toolbar, below the ribbon by default, has

the Undo and Redo buttons, page navigation buttons, and buttons for viewing the Inspector and previewing documents. You can customize the Quick Access toolbar by adding or removing buttons or moving it above the ribbon.
WebEasy 19

Chapter 3: Getting Started

4. The Page Navigation pane shows thumbnails for each page

in the document. Click a thumbnail to show that page in the workspace. You can show or hide this pane by clicking the Page Navigation Assistant button on the Quick Access toolbar. You can also click the x button on the pane.
5. You work on your website documents in the workspace area.

Each open document has a tab showing the documents file name. Click a tab to activate a document.
6. The Media Gallery pane gives you access to provided media

and media files on your computer. You can show or hide this pane in the Options dialog box.
7. The status bar at the bottom of the window shows status

information and information about the currently selected item on the page. If you have not selected an item, information shows about the item underneath the pointer. The second section shows the position of the selected item (from the upper-left corner of the page in x and y coordinates) and the size of the item on the page.
8. Use the Zoom slider to adjust the view of the page. The

current magnification shows to the left. Click the value to specify an exact magnification.

Using the Ribbon Tabs and Toolbars


The ribbon tabs and toolbars replace the menus and commands in previous versions of WebEasy except for the commands on the WebEasy menu. WebEasy has six tabs: The Home tab provides basic editing buttons (such as Copy, Paste, and Undo), buttons and options for inserting and modifying text, and buttons and options for inserting and modifying pages. This tab also has the Link button for

20

WebEasy

Chapter 3: Getting Started

adding links, the Grid button for showing and adjusting the grid, and options for styling items. You use the Insert and Modify tab to insert items (except for text) into a document. Once you insert an item, you can modify it (including adding scripts) with the options in the Modify section. This tab also has options for styling items. The Layout tab provides ways to arrange content on the page. You can also show or hide, group or ungroup, and lock or unlock items for editing. The Review and Tools tab has various tools for helping you develop your website documents (for example, by playing audio files, searching for items, and viewing site links). You can also preview your document by creating a temporary build. You use the Publish tab to convert your document into a website, publish (or upload it) to storage space on the Web, and sign up for or manage your account with the WebEasy hosting service. The Help tab has buttons for accessing help, registering and updating WebEasy, and for viewing version information.

Working with the Media Gallery


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

WebEasy

21

Chapter 3: Getting Started

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. The Media Gallery has its own Options dialog box and help system. To set Media Gallery options, click the Options button on its toolbar. For details, see Media Gallery Help. To view Media Gallery Help, click the Gallery button on the Help tab.

Using the Inspector


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

22

Chapter 3: Getting Started

You can keep the Inspector palette open as you work with different items, and it updates each time you select a different item. Each type of item displays different properties. For example, for an image, you can view details about the image file. The Inspector has three tabs: The Properties tab displays general properties with information about the currently selected item, page, or document. You can change the properties for the current selection, the current page, or the complete site. The Style tab shows the attributes for the documents style sheet. Some of these attributes are only supported if you
WebEasy 23

Chapter 3: Getting Started

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

24

WebEasy

Chapter 3: Getting Started

Using Shortcut Menus


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

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

Customizing the Workspace


You can adjust the workspace in several ways to suit your needs. You can show or hide the Page Navigation pane by clicking the Page Navigation Assistant button on the Quick Access toolbar or the Review and Tools tab. 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.

WebEasy

25

Chapter 3: Getting Started

You can customize the status bar to show or hide the status information, the zoom value, or the Zoom slider. Right-click the status bar and click an item to show or clear the check mark.

Changing the Workspace View


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

value in the Custom box.


3. Click OK.

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

Customizing the Quick Access Toolbar


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

26

Chapter 3: Getting Started

To move the Quick Access toolbar, right-click the toolbar and choose Show Quick Access Toolbar Above the Ribbon or Show Quick Access Toolbar Below the Ribbon.

For more information, see WebEasy Help.

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

Chapter 3: Getting Started

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 information, see the Reference section of WebEasy Help.

Quitting WebEasy
If youre finished working on WebEasy documents, you may quit the program.
To quit WebEasy: 1. Open the WebEasy menu and click Exit or click the close

box in WebEasy windows title bar.


2. In the confirmation message, click OK. 3. If you have unsaved changes in any open document and you

want to save them, click Yes in the message box.

28

WebEasy

Chapter 4 Creating Documents


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

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

Chapter 4: Creating Documents

Understanding WebEasy Documents


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

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

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

30

WebEasy

Chapter 4: Creating Documents

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

Using the Website Assistant to Create Documents


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

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

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

WebEasy

31

Chapter 4: Creating Documents

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

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

different pages of the template.


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

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

32

WebEasy

Chapter 4: Creating Documents

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

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

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

13. If the template has placeholder images, replace the

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

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

WebEasy

33

Chapter 4: Creating Documents

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

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

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

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

Using Templates to Create Documents


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

Chapter 4: Creating Documents

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

left, select a design category.


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

different pages of the template.


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

In the Template Style dialog box, select a style category from the list, select a thumbnail for a specific style, and click OK. In general, the recommended styles apply different colors to the design. Some styles change the layout.
7. Click OK.

WebEasy opens the document in the workspace for editing.


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

35

Chapter 4: Creating Documents

Starting From a Blank Document


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

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

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

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

Saving Your Documents


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

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

Chapter 4: Creating Documents

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

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

document in the File name box.


4. Click Save.

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

folder where you want to save your document.


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

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

(*.TPL).
5. Click Save.

WebEasy

37

Chapter 4: Creating Documents

Saving Backup Archives


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

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

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

38

WebEasy

Chapter 5 Viewing and Editing Documents


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

Chapter 5: Viewing and Editing Documents

Opening Documents and Viewing Pages


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

that has the *.ALB file.


Note: You can also open a template file (*.TLP).

3. Select the file and click Open.

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

Viewing Specific Pages


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

If the document has many pages, you use the Go To dialog box to move to a specific page. You can even open a different document to a specific page. See WebEasy Help for information.
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.
40 WebEasy

Chapter 5: Viewing and Editing Documents

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

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

Adding and Changing Pages


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

Adding Pages
You can add new pages to your document. Each page can have the same or different backgrounds. You can also change the viewing size of the pages.
To add a page: 1. If necessary, click the Home tab. 2. In the Page section, to add a new template page after the

current page, click the Insert button.

WebEasy

41

Chapter 5: Viewing and Editing Documents

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

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

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

you selected Blanks, then select either This Page or Blank Page.
5. Use the navigation buttons beside the Page preview area to

locate the specific template page to use.


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

Style Selection button. In the Template Style Library dialog

42

WebEasy

Chapter 5: Viewing and Editing Documents

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

Fit template to page dimensions check box.


9. Click OK.

The new page appears after the current page.


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

Adding Page Titles


You can give a title to every page in your document. Page titles help you to set up navigation links for a large document with many pages. After the page has a title, the title of the current page appears on the tab for the open document. When you build the website, the page title appears in the browser window. The page titles also appear in the Sort dialog box.
Note: Some search engines use page titles to locate your website. The title should be short, but relevant to the pages content.

WebEasy

43

Chapter 5: Viewing and Editing Documents

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

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

page in the document.


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

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

Adjusting Page Backgrounds


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

44

WebEasy

Chapter 5: Viewing and Editing Documents

2. In the Page section, click Background > Background.

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

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

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


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.

WebEasy

45

Chapter 5: Viewing and Editing Documents

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

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

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

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

46

WebEasy

Chapter 5: Viewing and Editing Documents

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

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

Instead of inserting a page background with the dialog box, you can drag a texture directly into a page as a background. By using this method, you can only change the background of the current page.
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.

WebEasy

47

Chapter 5: Viewing and Editing Documents

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

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

Pattern tab.

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

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

palette button to the right of the Background Color box and select a color from the palette. Then click the x button. (You can also type a hexadecimal value in the box.)
5. To specify the pattern, click the Pattern selection button and

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

48

WebEasy

Chapter 5: Viewing and Editing Documents

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

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

Changing Page Sizes


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

Size.

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.

WebEasy

49

Chapter 5: Viewing and Editing Documents

For example, if you set the dimensions for 800 x 600, users can view the web pages without scroll bars on screens that are 800 x 600 or larger. If you set the dimensions larger, visitors with smaller screens use scroll bars to view content.
3. To rearrange the items to fit the new page size, select the

Refit items check box.


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

objects, select the Refit proportionally check box.


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

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

Changing the Page Order


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

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

Document pages list.


50 WebEasy

Chapter 5: Viewing and Editing Documents

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

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

Move Down button as needed.


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

Adding Page Navigation Links


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

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

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

the Link button and specify the type of link: First page: Takes a visitor to the first page of the website. Previous page: Takes a visitor to the page before the current page. Next page: Takes a visitor to the page after the current page. Last page: Takes a visitor to last page in the document.

WebEasy

51

Chapter 5: Viewing and Editing Documents

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 75 and Chapter 8 Working with Text and Tables on page 95.

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.

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

Chapter 5: Viewing and Editing Documents

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.

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

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

Settings dialog box make the changes and then click OK.

WebEasy

53

Chapter 5: Viewing and Editing Documents

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

each link works correctly.

54

WebEasy

Chapter 6 Working with Items


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

Chapter 6: Working with Items

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

To select an item:

Click it. To select a different item, click a different item or press TAB.

To cancel a selection:

Click elsewhere on the document. On the Layout tab, click Deselect All.

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

Chapter 6: Working with Items

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

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

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

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

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


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

4. Click OK.
WebEasy 57

Chapter 6: Working with Items

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

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

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

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

item, clear the Keep aspect ratio check box.


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

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

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

58

WebEasy

Chapter 6: Working with Items

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

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

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

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

Copying Items
Copying an item places it onto the Clipboard without removing it. You can then paste the Clipboard contents elsewhere.

WebEasy

59

Chapter 6: Working with Items

To copy items: 1. Select one or more items to copy. 2. On the Home tab, click the Copy button. (CTRL+C)

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

Pasting Items Normally


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

Pasting Items with Special Functions


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

Click Paste > Item at Original Position.

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

item positioned.

60

WebEasy

Chapter 6: Working with Items

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.

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

the item to paste in the list. WebEasy keeps track of the items by time. The Preview area on the right shows the selected object.
3. Click OK.

WebEasy

61

Chapter 6: Working with Items

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.

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.

62

WebEasy

Chapter 6: Working with Items

2. Click the Layout tab, click an order button in

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

Fitting Items on a Page


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

WebEasy

63

Chapter 6: Working with Items

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

selected item(s) and choose Fit.


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

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

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

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

The WebEasy clipart library includes graphic frames. You add a graphic frame to surround another item. After adding the frame, you use the Fit dialog box to fit the frame to the item or vice versa.
To fit a graphic frame and another item: 1. Select the frame and the other items. 2. On the Layout tab, click the Fit button, or right-click the

selected items and choose Fit.


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

the selection, or to have the item fit into the frame, select Fit the selection to the frame.
64 WebEasy

Chapter 6: Working with Items

5. Click OK.

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

Effects > Shadow.

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

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

WebEasy

65

Chapter 6: Working with Items

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

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

Offset, and Y Offset.


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

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

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

Style section, click the Border button.

66

WebEasy

Chapter 6: Working with Items

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

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

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

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

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

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

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.

WebEasy

67

Chapter 6: Working with Items

Adding Colored Fills


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

Style section, click Background.

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

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

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

68

WebEasy

Chapter 6: Working with Items

Filling Items with Gradients


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

Style section, click Background.


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

Gradient tab.

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

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

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

Setting button and specify the type of gradient.


WebEasy 69

Chapter 6: Working with Items

7. Click OK.

Applying Texture Fills


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

Style section, click Background.


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

Texture tab.

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

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

70

WebEasy

Chapter 6: Working with Items

Applying Patterned Fills


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

Style section, click Background.


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

Pattern tab.

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

color palette button to the right of the Foreground Color box and select a color from the palette or type a hexadecimal value. Then click the x button to close the palette.
5. To specify the colored background, click the Full color

palette button to the right of the Background Color box. Select a color from the palette or type a hexadecimal value, and then click the x button.

WebEasy

71

Chapter 6: Working with Items

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.

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

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

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

72

WebEasy

Chapter 6: Working with Items

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

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

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

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

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

WebEasy

73

Chapter 6: Working with Items

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

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

Add to Custom Colors.


7. Click OK.

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

74

WebEasy

Chapter 7 Working with Images and Shapes


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

Chapter 7: Working with Images and Shapes

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

Adding Images by Dragging


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

the Insert and Modify tab, click Media Gallery.


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

button.

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

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

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

76

WebEasy

Chapter 7: Working with Images and Shapes

Inserting Images with a Dialog Box


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

> Pictures. WebEasy opens the Choose Image dialog box to the Pictures (or My Pictures) folder. To insert a specific type of image, click Picture > Photos, Picture > Clipart, or Picture > Animated GIF. With each, WebEasy opens a specific Media Gallery folder by default.

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

with WebEasy or open another folder that has images.


4. Select the image.

You can insert more than one image at a time by holding down the SHIFT key while clicking adjacent file names, or by holding down the CTRL key while clicking non-adjacent files.
5. Click Open.
WebEasy 77

Chapter 7: Working with Images and Shapes

6. Position the pointer to place the image(s), and click.

Replacing Image Placeholders


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

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

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

Replacing an Image with a Placeholder


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

Image.

78

WebEasy

Chapter 7: Working with Images and Shapes

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

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

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

Image > Rotate Image.

WebEasy

79

Chapter 7: Working with Images and Shapes

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

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

Vertical Mirror check box.


5. Click OK.

Cropping Images
Cropping an image means trimming unwanted areas. For example, if an image is imperfectly centered, you can crop the extra background so that the subject is at the center of the image. Cropping in WebEasy does not affect the original image; therefore, you can easily restore the image.
To crop an image: 1. Select the image to crop. 2. On the Insert and Modify tab, in the Modify section, click

Image > Crop Image.

80

WebEasy

Chapter 7: Working with Images and Shapes

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

of the image as needed to enclose the area to keep. WebEasy removes anything in the shaded area.
4. Click OK.

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

handle.

Resizing Images
As with other items, you can resize images by dragging their Size handles. To resize an image precisely, you can use the Size and Position dialog box.

WebEasy

81

Chapter 7: Working with Images and Shapes

To resize an image precisely: 1. Select the image. 2. If necessary, click the Insert and Modify tab. 3. Click Image > Size and Position.

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

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

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

Positioning Images Exactly


In general, you position images by dragging them on the page, but you can indicate an exact location.
To position an image exactly: 1. Select the image. 2. If necessary, click the Insert and Modify tab.
82 WebEasy

Chapter 7: Working with Images and Shapes

3. Click Image > Size and Position. 4. In the Size and Position dialog box, type values in the

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

5. Click OK.

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

Adding Graphic Frames


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

WebEasy

83

Chapter 7: Working with Images and Shapes

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

Image > Add/Replace Frame.


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

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


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

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

Image > Clear Frame.

Applying Stencils to Images


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

84

WebEasy

Chapter 7: Working with Images and Shapes

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

Image > Add/Replace Stencil.


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

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


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

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

Image > Clear Stencil.

WebEasy

85

Chapter 7: Working with Images and Shapes

Applying Image Effects


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

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

Image > Image Effects.


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

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

the Fine-Coarse slider.


6. Select a sample on the right to apply to the image.
86 WebEasy

Chapter 7: Working with Images and Shapes

7. If you wish, apply other effects to the image by repeating

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

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

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

Creating Animated GIF Images


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

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

Next.

WebEasy

87

Chapter 7: Working with Images and Shapes

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

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

88

WebEasy

Chapter 7: Working with Images and Shapes

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

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

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.

WebEasy

89

Chapter 7: Working with Images and Shapes

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 workspace. You can now copy and paste the GIF animation to insert the image into a document or insert it as you would any other image.

Creating GIF Animations from Scratch


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

90

WebEasy

Chapter 7: Working with Images and Shapes

Creating Rollover Images


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

Applying Paths to Images


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

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

Drawing and Editing Shapes


WebEasy provides tools to draw and edit shapes and lines. You can create shapes from straight lines, curves, polygons, polylines, rectangles, and ovals. You can edit shapes by dragging handles or adjusting the colors, line thickness, and fills. You can add shadows to the shapes.
WebEasy 91

Chapter 7: Working with Images and Shapes

WebEasy converts any shape into an image when it builds your website.

Drawing Simple Geometric Shapes


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

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

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

Drawing Lines and Polygons


You can draw individual lines or connected lines on a web page. The lines can be straight or curved.
To draw lines: 1. Click the Insert and Modify tab.

92

WebEasy

Chapter 7: Working with Images and Shapes

2. In the Insert section, click Shapes > type of line.

Click Line to draw a straight line. Click Polygon to draw a closed shape with straight lines. Click Polyline to draw an open shape with straight lines. Click Solid curve to draw a closed shape with curved lines. Click Curve to draw an open shape with curved lines.
3. To create a straight line, click once for the starting point and

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

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 67.
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.
WebEasy 93

Chapter 7: Working with Images and Shapes

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 55

94

WebEasy

Chapter 8 Working with Text and Tables


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

Chapter 8: Working with Text and Tables

About Text in WebEasy


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

About Text Frame Modes


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

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

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

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

Chapter 8: Working with Text and Tables

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.

You can align text within the frame to the left, center, right, or justified to the left and right edges.

WebEasy

97

Chapter 8: Working with Text and Tables

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

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

Inserting New Text


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

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

place the new text.


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

Adding Text with the Text Assistant


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

98

WebEasy

Chapter 8: Working with Text and Tables

2. In the Text Assistant palette, select a catalog from the

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

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

Inserting Exif Information


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

photo. Then click Open.


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

After inserting the text item, you can edit the text and move and resize the text frame. For details about extracting Exif information or inserting it on a page, see WebEasy Help.

Editing and Formatting Text


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

WebEasy

99

Chapter 8: Working with Text and Tables

Adjusting Text Frames


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

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

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

100

WebEasy

Chapter 8: Working with Text and Tables

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

Making Multiple Formatting Changes


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

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

font in the Font list.


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

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


5. To change the size, select a different size in the Size list. 6. To apply a text effect, select Strikeout or Underline.
WebEasy 101

Chapter 8: Working with Text and Tables

7. To change the texts color, click the Color arrow and select a

different color from the Color list.


8. Click OK.

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

Changing Text Size


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

Changing Text Color


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

to color.
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.
102 WebEasy

Chapter 8: Working with Text and Tables

3. In the Color palette, click a color. 4. Click the x button to close the palette.

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

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

Changing Rich Text


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

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

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

Deleting a Text Frame


You can delete any text frame from your documents.
WebEasy 103

Chapter 8: Working with Text and Tables

To delete a text frame: 1. Click once on the text frame to select it. (Dont double-click

the text frame.)


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

tab, click Delete.

Adding and Editing Tables


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

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

Table.

104

WebEasy

Chapter 8: Working with Text and Tables

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

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

rows and Number of columns boxes.


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

pixels, for the Table width or Table height.


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

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

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

Use the arrow keys to move to adjacent cells.


10. When done, click outside the table.

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

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

WebEasy

105

Chapter 8: Working with Text and Tables

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.

106

WebEasy

Chapter 9 Integrating with Other Websites


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

Chapter 9: Integrating with Other Websites

Getting Bookmarked on Other Websites


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

Adding Bookmarking Widgets


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

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

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

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

Chapter 9: Integrating with Other Websites

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

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

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

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

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

Adding Multiple Bookmark Icons


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

Chapter 9: Integrating with Other Websites

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

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

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

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

110

WebEasy

Chapter 9: Integrating with Other Websites

Linking to Photo-Sharing Sites


You use WebWidgets to link to online photo-sharing sites or social media sites where you have photos. You can link to individual photos (so you dont have to keep duplicate images with your website) or full albums on the other site.
WARNING: THE INSTRUCTIONS MAY BE BROWSER-DEPENDENT. IF YOU CANNOT FOLLOW THE GIVEN PROCEDURE IN ONE BROWSER, TRY ANOTHER ONE.

WARNING: THESE SITES ARE DYNAMIC AND THEIR FEATURES AND PROCEDURES MAY CHANGE WITHOUT WARNING. USE THE INFORMATION IN THESE TOPICS AS GUIDELINES.

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

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

WebEasy

111

Chapter 9: Integrating with Other Websites

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

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

Click OK.

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

Linking to Albums
With some sites you can organize photos into albums. If youve set up albums on Facebook, Flickr, MySpace, PhotoBucket, or Picasa, you can link to that album on your website. You need to know the relevant URLs. An image in the album shows on the web page. In some cases you can specify which photo shows.
112 WebEasy

Chapter 9: Integrating with Other Websites

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. 6. In the Object Properties dialog box, double-click the values

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

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

Embedding Photos or Albums


Instead of linking to a photo or album, you can embed the photo or album directly on a web page from online photo-sharing sites or social media sites where you have photos (such as Flickr, MySpace, PhotoBucket, or Picasa). From some sites, you can even embed an album as a slideshow to show on your website.

WebEasy

113

Chapter 9: Integrating with Other Websites

WARNING: THE INSTRUCTIONS MAY BE BROWSER-DEPENDENT. IF YOU CANNOT FOLLOW THE GIVEN PROCEDURE IN ONE BROWSER, TRY ANOTHER ONE.

WARNING: THESE SITES ARE DYNAMIC AND THEIR FEATURES AND PROCEDURES MAY CHANGE WITHOUT WARNING. USE THE INFORMATION IN THESE TOPICS AS GUIDELINES.

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.

114

WebEasy

Chapter 9: Integrating with Other Websites

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

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

To verify the embedded photo, preview your site. 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.

WebEasy

115

Chapter 9: Integrating with Other Websites

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.

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

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

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

116

WebEasy

Chapter 9: Integrating with Other Websites

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

Embedding Videos with Widgets


WebEasy has a set of WebWidgets that you can use to embed videos from online video-sharing sites or social media sites where you have videos.
WARNING: THE INSTRUCTIONS MAY BE BROWSER-DEPENDENT. IF YOU CANNOT FOLLOW THE GIVEN PROCEDURE IN ONE BROWSER, TRY ANOTHER ONE.

WARNING: THESE SITES ARE DYNAMIC AND THEIR FEATURES AND PROCEDURES MAY CHANGE WITHOUT WARNING. USE THE INFORMATION IN THESE TOPICS AS GUIDELINES.

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.

WebEasy

117

Chapter 9: Integrating with Other Websites

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

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

Adding Links to Other Accounts


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

Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Go to.

118

WebEasy

Chapter 9: Integrating with Other Websites

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.

Adding Like Buttons


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

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

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

box, double-click the Users API ID value and type your Twitter ID. (Usually it is your name in your Twitter page. For
WebEasy 119

Chapter 9: Integrating with Other Websites

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.

Having Visitors Contact You


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

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

120

WebEasy

Chapter 9: Integrating with Other Websites

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.

Adding Google Information to Your Site


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

For details, see WebEasy Help.

WebEasy

121

Chapter 9: Integrating with Other Websites

Adding Yelp Review Buttons


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

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

feedback button or the Yelp review box.


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

Telephone value and type your telephone number.


7. Click OK.

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.

122

WebEasy

Chapter 10 Building and Publishing Your Website


Building your document requires creating a package file that lists the files to upload to the remote server. Publishing your website involves uploading all the files to the remote server so that it is accessible to visitors on the Internet. You can preview your site before uploading it to the Internet. For information about previewing your site, see Previewing Documents on page 52. This chapter has the following information: Before You Build Your Website on page 124 Building Your Website on page 125 Publishing Your Website on page 128 Maintaining Your Website on page 140

Chapter 10: Building and Publishing Your Website

Before You Build Your Website


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

Consult your Internet Service Provider (ISP) or web hosting service to get the required site hosting details before using the Publish Assistant. If you do not have a subscription to an ISP that includes web space or have another web host provider, consider using the
WebEasy

124

Chapter 10: Building and Publishing Your Website

WebEasy web hosting solution. For information, click the Sign-Up button in the WebEasy Hosting section on the Publish tab.

Building Your Website


Before you can publish your website, you must have WebEasy build it by converting the WebEasy document into files that work on the Web. WebEasy creates a website package file (a TXT file) with information about which files to transfer to the remote computer.
To build your document into a website: 1. On the Publish tab, click Build, or choose Export>Website

from the WebEasy menu.

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

button for the Folder box. In the Choose Folder dialog box, locate and select a folder for storing the website files. Click Open. (You can also type the path.)

WebEasy

125

Chapter 10: Building and Publishing Your Website

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.

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

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

Current page creates a website only for the current page. All pages creates a website that includes every page in the document.
5. 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.)
6. If necessary, change the image file type for determining

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


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

build: XHTML with CSS, HTML with CSS, Dynamic HTML, or Simple HTML.
8. 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
126 WebEasy

Chapter 10: Building and Publishing Your Website

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. 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.
9. 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 72.
10. Click the Advanced button to personalize your website by

specifying the color palette or scroll bar availability.


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

If you do not have RSS set up, leave this set as RSS Excluded. For information about RSS, see Adding RSS on page 154.
12. 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.
13. Select the Run Now check box to display the website in your

browser after the HTML files have been built.

WebEasy

127

Chapter 10: Building and Publishing Your Website

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

WebEasy Hosting Services Publishing wizard after creating the website.


15. Click OK.

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

Publishing Your Website


Publishing a website transfers all necessary files, such as web pages, graphics or sound files, to computers connected to the Internet so that other people can view the website with their browsers. To publish, you must have an account with a hosting service (such as the WebEasy hosting service or your ISP) that gives you space for your files on their server (their host computer, also known as the remote host). When your files are on this server, your website is accessible on the World Wide Web. Before you can publish your website online, complete its design and build it. You then use the WebEasy hosting service or contact a third-party web hosting service (or ISP) to get connection details.

Using the WebEasy Hosting Service


You can publish your website with space provided by the WebEasy hosting service. You can do this by using the WebEasy Hosting Services Publishing wizard.
Note: If you dont have an account yet from the WebEasy hosting service, click Sign-Up on the Publish tab to get an account. If you wish, you can take advantage of a free trial period.

128

WebEasy

Chapter 10: Building and Publishing Your Website

Opening a New Account You can open an account with the WebEasy hosting service to publish your website to space allocated with the account.
To open a new WebEasy hosting account: 1. On the Publish tab in the WebEasy Hosting section, click

Sign-Up.
2. In the browser window, specify that you want to open a new

account.
3. Follow the online instructions.

Publishing a Website to an Existing WebEasy Hosting Account Once you have a WebEasy hosting account, you can publish a new site or update an existing website in your space with the WebEasy Hosting Services Publishing wizard.

Note: If you have questions when going through the wizard, click the Questions? Get help now link to get information online.

WebEasy

129

Chapter 10: Building and Publishing Your Website

To upload your website: 1. Make sure you save your WebEasy document and build it

into a website. (For details on building the site, see Building Your Website on page 125.)
2. On the Publish tab in the WebEasy Hosting section, click

Publish. (You can also choose Start>All Programs>Web Easy Professional 9>Web Easy Site Publisher.)
3. In the WebEasy Hosting Services Publishing wizard, if

necessary, type the User name and Password for your WebEasy hosting account and click Next.
Note: The first time you sign in, you must type your User name and Password. If you select Remember log-in information, the wizard automatically fills in the information the next time you open the wizard. If you forgot your password, click Forgot your password? to retrieve your password. If you dont have an account yet, click I dont have a user name and password to open a new account.

4. Select the website to upload. (Make sure theres a green

check mark in the correct check box.) If the correct website does not appear in the list, click Browse Folder to locate and select the folder with the websites files, and then click Select Folder.
Note: You can only upload one site at a time.

5. Click Next. 6. Select the domain for this website. (You can upload to more

than one domain by pressing Ctrl as you select each one or press Shift for adjacent domains in the list.)

130

WebEasy

Chapter 10: Building and Publishing Your Website

Note: To buy another domain for your account, click the Buy a Domain link.

7. Click Next. 8. After the files have been uploaded successfully, if you wish,

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

Managing My Account You can manage your WebEasy hosting account online.
To manage your account: 1. On the Publish tab in the WebEasy Hosting section, click

My Account.
2. In the browser, type your user name and your password. 3. Click Login. 4. Make any needed account changes. 5. Log out.
Note: You can also access your account by clicking Manage my account at the end of the WebEasy Hosting Services Publishing wizard.

Using the Publish Assistant You can use Publish Assistant to publish your website.

WebEasy

131

Chapter 10: Building and Publishing Your Website

Note: If you signed up for the WebEasy hosting service, the easiest way to upload your files is to use the WebEasy Hosting Services Publishing wizard.

For details about uploading files with the Publish Assistant, see Using Another Web Hosting Service on page 132. Publishing with FTP Max As an alternative to the WebEasy Hosting Services Publishing wizard, advanced users can publish websites by using FTP Max, an easy-to-use FTP utility. With it you can transfer files to and from your remote server and manage your remote files. For details about uploading files with FTP Max, see Publishing with FTP Max on page 135 and FTP Max Help.

Using Another Web Hosting Service


You can publish your website to space provided by your ISP or another web hosting service. Before publishing your site, make sure you have all the information you need from your ISP or web hosting service to upload to your account or domain. There are two ways to publish your site to another hosting service in the 3rd Party Hosting section of the Publish tab: Publish: Click to use the Publish Assistant to transfer the files. Transfer Files: Click to transfer the files with FTP Max.

Note: Your ISP or hosting service must support the FTP protocol.

132

WebEasy

Chapter 10: Building and Publishing Your Website

Using the Publish Assistant


You can use Publish Assistant to publish your website to the Internet.
Note: If you signed up for the WebEasy hosting service, the easiest way to upload your files is to use the WebEasy Hosting Services Publishing wizard.

To publish your site to a web hosting service with the Publish Assistant: 1. On the Publish tab in the 3rd Party Hosting section, click

Publish.
2. In the Publish Assistant wizard, click Next.

3. On the left, select the website folder (created when you

clicked Build) to upload. If the folder to upload doesnt appear in the Website packages list, click the Browse button. Locate the package and click Open.

WebEasy

133

Chapter 10: Building and Publishing Your Website

4. Review the included files shown on the right by clicking the

navigation buttons.
5. Click Next and, if you have an active Internet connection,

click Connect.

6. In the Connection Profile dialog box, select the profile for

your website space. The Profile list includes standard profiles for many popular ISPs. If your ISP isnt in the list, create a profile for your hosting service. See Creating Connection Profiles on page 137 for details.
7. If you selected a standard profile, fill in the information for

connecting to your account.


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

minutes), to transfer the files, click Next.

134

WebEasy

Chapter 10: Building and Publishing Your Website

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

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

to view a report.
13. Click Finish.

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

Publishing with FTP Max


As an alternative to the WebEasy Hosting Services Publishing wizard or the Publish Assistant, advanced users can publish websites using FTP Max, an easy-to-use FTP utility. With it you can transfer files to and from your remote server and manage your remote files. For detailed information about using FTP Max, click the Help button in the FTP Max window.
To run FTP Max and upload your files: 1. Click the Publish tab and in the 3rd Party Hosting section,

click Transfer Files.

WebEasy

135

Chapter 10: Building and Publishing Your Website

2. In the Connect dialog box, select the profile for your website

space. If you havent created a profile, select a defined profile from the list of popular ISPs. If your ISP is not in the list and you have not created a profile, see Creating Connection Profiles on page 137 for information.
Note: You must have the connection details from your ISP or host to continue.

3. If you selected a standard profile, fill in the information for

connecting to your account.


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

FTP Max window, specify the remote folder, if necessary, in the top area.
6. Locate the folder with the files in the Local Folder box.

136

WebEasy

Chapter 10: Building and Publishing Your Website

7. Select the folder or open the folder and select the files in the

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

Creating Connection Profiles


If you use the Publish Assistant or FTP Max to upload files, you use a standard profile (available for many ISPs) and customize it or create a profile for your hosting service.
Note: To connect to a profile, you must have an active Internet connection and details from your ISP or web hosting service.

To create a profile. 1. On the Publish tab, in the 3rd Party Hosting section, click

either Publish or Transfer Files.


2. In the Publish Assistant, click Next, select the folder to

upload, click Next and then click Connect.

WebEasy

137

Chapter 10: Building and Publishing Your Website

3. In the Connection Profile dialog box (from the Publish

Assistant) or the Connect dialog box (from FTP Max), type a name in the Profile box.
4. On the Remote Access tab, type or confirm the Host name

or IP address and the User identifier provided by your ISP.


5. If necessary, type your User password. 6. Click the General tab.

7. Type the folder for uploading the site in the Initial remote folder box (such as public or htmldocs).

The ISP or web hosting service should provide this information.


8. If necessary, type the path on your computer to the website

package in the Initial local folder box. WebEasy fills this in with the default location of
C:\Users\user\Document\Web Easy\Html. 9. In general, leave the other options with their default values

unless instructed to change them.


10. Click the Firewall tab.

138

WebEasy

Chapter 10: Building and Publishing Your Website

11. Select None if your computer isnt behind a firewall.

If your computer is behind a firewall, ask your network administrator for the details to enter. If you use None and experience problems, select Use a passive transfer.
12. Click the WWW Site tab, type the URL for the website, and

specify the Primary page.

Note: This tab is not available in the Connect dialog box.

WebEasy

139

Chapter 10: Building and Publishing Your Website

13. Click OK.

Now you can select this profile name when using Publish Assistant or FTP Max. For more details, click the Help button to view FTP Max Help.

Viewing Your Website


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

Maintaining Your Website


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

WebEasy remembers the information you entered previously, so the process is shorter the next time. When uploading, WebEasy checks the date and time of each file against those on the server. It only uploads newer files to your web space unless you specifically tell it to remove older files.

140

WebEasy

Chapter 11 Adding Enhanced Features


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

Chapter 11: Adding Enhanced Features

Creating Specialized Websites


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

Creating a Photo Album Website


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

Creating an eBay Auction Page


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

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
142 WebEasy

Chapter 11: Adding Enhanced Features

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

143

Chapter 11: Adding Enhanced Features

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

Creating Websites Compatible with Mobile Devices


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

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

144

WebEasy

Chapter 11: Adding Enhanced Features

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

For details about creating scenes, see WebEasy Help.

Adding e-Commerce Features


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

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

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

WebEasy

145

Chapter 11: Adding Enhanced Features

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

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

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

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

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

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

146

WebEasy

Chapter 11: Adding Enhanced Features

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

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

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

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

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

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

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

Adding Dynamic Links


With the help of Internet vendors, you can add components to your page that are dynamically updated by third parties, such as
WebEasy 147

Chapter 11: Adding Enhanced Features

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

the on-screen instructions to insert a dynamic link.

Adding Advanced Objects


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

object group:

148

WebEasy

Chapter 11: Adding Enhanced Features

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

149

Chapter 11: Adding Enhanced Features

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

Adding Sound Effects or Music


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

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

Effects > Page Audio.

150

WebEasy

Chapter 11: Adding Enhanced Features

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

background audio check box.


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

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


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

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

playback, click the Stop button.


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

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

File.

WebEasy

151

Chapter 11: Adding Enhanced Features

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

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

Adding Multimedia Objects


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

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

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

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

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

Chapter 11: Adding Enhanced Features

Note: You can use your RSS feed to tell your site visitors about these files and then they can view or listen to them on your website.

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

Listening to Sound Files


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

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

playing the file.

Viewing Multimedia Files


With the Multimedia Player you can view multimedia files (such as AVI and Quick Time movies and animated GIF images) or listen to sound files in a page while the page is still in document 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.
WebEasy 153

Chapter 11: Adding Enhanced Features

2. Click the Review and Tools tab. 3. In the Multimedia section, click the Play button.

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

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

Creating Animated Items


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

Adding RSS
Use Really Simple Syndication (RSS) to have the visitors to your website receive RSS feeds. These feeds automatically keep site visitors informed about the sites latest news and developments. They are especially useful if you frequently change or add content. 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.

154

WebEasy

Chapter 11: Adding Enhanced Features

You can create a link to a single line of text, an icon, or an image. When a visitor clicks the link, the XML file opens in their browser or RSS reader and displays the RSS information.
Note: Not all browsers recognize RSS feeds. Review each browsers documentation for further information.

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

Adding WebWidgets
WebWidgets include tools for social networking, photo-sharing, and bookmark-sharing sites. For example, you can link to photos on your Facebook page or in your Flickr account. You must specify parameters when you insert WebWidgets. For example, to insert the Album on Flickr widget, you must specify your user ID and photo album location. Each widget includes different parameters for you to set. For information about inserting WebWidgets with media or links to other sites, see Chapter 9 Integrating with Other Websites on page 107.
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. 3. In the Insert Object dialog box, click the WebWidgets tab. 4. Select the object to insert. 5. Click OK.
WebEasy 155

Chapter 11: Adding Enhanced Features

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

156

WebEasy

Chapter 12 Problem Solving


If you experience problems with WebEasy, you can find answers to some frequently asked questions and helpful hints here. Context-sensitive help is available for most features by clicking a Help button in a dialog box or palette. For more information, see the Reference section in WebEasy Help or Contacting Technical Support on page 10. This chapter has the following information: Problems with Items on page 158 Problems with Text on page 160 Problems with Links on page 161 Problems When Publishing on page 162 Problems Viewing Sites in a Browser on page 163

Chapter 12: Problem Solving

Problems with Items


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

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

Fit the selection to the frame.


4. Click OK.

158

WebEasy

Chapter 12: Problem Solving

Portrait-oriented images appear as landscape images. Your digital camera might show all the images you take in landscape mode. In WebEasy, rotate the images by 90 degrees. For more information, see Rotating Images on page 79. 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

159

Chapter 12: Problem Solving

Problems with Text


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

160

WebEasy

Chapter 12: Problem Solving

Problems with Links


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

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

WebEasy

161

Chapter 12: Problem Solving

Problems When Publishing


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

If the allocated space on the remote host is smaller, you can either request more space from your ISP 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
162 WebEasy

Chapter 12: Problem Solving

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

Problems Viewing Sites in a Browser


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

WebEasy

163

Chapter 12: Problem Solving

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

164

WebEasy

Index
A
Activity Center, 16 adding animation, 154 borders, 66 color, 67 contact buttons, 120 e-commerce, 145 eShop, 146 frames, 83 Google Apps, 121 images, 76 Like buttons, 119 multimedia, 152 page background, 44 pages, 41 podcasts, 152 RSS, 154 scenes, 144 shadows, 65 sounds, 150 tables, 104 text, 98 words to dictionary, 100 Yelp buttons, 122 AddThis bookmark, 110 adjusting layer positions, 62 lines of shapes, 93 tables, 105 text frames, 100 animations, 148 audio, 150, 153

B
backgrounds for pages, 44 backups, 38 blank documents, 36 blogs, 143 bookmarking AddThis service, 110 multiple sites, 109 sites, 108 bookmarking widgets, 108 borders, 66, 93 for images, 84 borders of shapes, 93 boxes rectangles, 92 building websites, 125

Index

building websites, 124

C
changing, 93 layer positions, 62 lines of shapes, 93 tables, 105 circles, 92 clearing frames, 84 stencils, 85 clip art, 13 applying effects, 86 borders, 84 cropping, 80 framing, 83 moving, 82 stencils, 84 clipart adding, 76 rotating, 79 coding, 156 Color dialog box, 72 Color palette, 72 coloring, 67 custom colors, 73 matching colors, 73 Web-safe colors, 72 colors, 72 connection profiles, 137 conventions document, 6 copying items, 59 creating backups, 38 eShop, 146 website, 17 website from scratch, 36 websites, 30, 34 cropping images, 80 CSS, 124
166 WebEasy

cue cards, 9 curves, 92 custom colors, 73 customer support, 10 customizing WebEasy, 27 cutting items, 59

D
deleting frames, 84 items, 59 links, 52 pages, 49 stencils, 85 text frame, 103 DHTML, 124 DHTML Editing Control, 12, 13 dividers, 148 document conventions, 6 documents, 30 blanks, 36 building into website, 124 opening, 40 pages, 41 previewing, 52 publishing, 128 saving, 36 saving as template, 37 templates, 34 Website Assistant, 31 drawing lines, 92 ovals, 92 polygons, 92 shapes drawing, 92 dynamic links, 147

Index

E
eBay auction page, 142 e-commerce, 145 editing text, 100 text mode, 96 effects images, 86 scenes, 144 embedding albums, 113, 115 photos, 113, 114 videos, 117 eShop, 145 Exif information, 99 existing, 28

H
Help FTP Max, 8 Media Gallery, 8 Spell Checker, 8 help cue cards, 9 online, 7 technical support, 10 tutorials, 10 users guide, 9 help system, 7 HSL values, 74 HTML, 124

I
images adding, 76 applying effects, 86 borders, 84 cropping, 80 framing, 83 moving, 82 placeholders, 78 rotating, 79 stencils, 84 inserting pages, 41 Inspector, 22, 25 installation requirements, 12 installing, 12 iPhone redirection, 148 ISP, 128 items animating, 154 borders, 66 coloring, 67 copying, 59 cutting, 59 fitting, 63 formatting, 62
WebEasy 167

F
file formats, 22 fitting items, 63 flash, 152 formatting items by pasting, 62 Rich Text, 103 forms, 148 frames adding, 83 removing, 84 FTP Max, 132, 135, 137 FTP Max Help, 8

G
gadgets, 148 gradients, 45, 69 graphic frames, 63, 64, 83, 158, 159 Graphic Text, 96 grouping items, 58

Index

grouping, 58 layers, 62 moving, 57 pasting, 60 problems, 158 resizing, 58, 63, 81 selecting, 56 shadows, 65

P
Page Navigation pane, 20, 25 page titles, 43 pages adding, 41 adding links, 51 adding titles, 43 background, 44 deleting, 49 re-ordering, 50 sizing, 49 viewing, 40 pasting formatting, 62 pasting items, 60 path animations, 154 patterns, 48, 71 photo album website, 142 photos Exif information, 99 photo-sharing sites, 111 pictures, 82 adding, 76 applying effects, 86 borders, 84 cropping, 80 framing, 83 rotating, 79 stencils, 84 placeholder images, 78 Plain Text, 96 podcasts, 152 polygons, 92 polylines, 92 positioning images, 82 positioning items, 57 previewing websites, 52 programming, 156 Publish Assistant, 133 publishing

J
JavaScript, 156

L
layers, 62 lines, 92 linking albums online, 112 dynamic links, 147 other accounts, 118 pages, 51 photos online, 111 problems, 161 removing links, 52

M
managing websites, 131, 140 manual, 9 Media Gallery, 20, 21, 76 Media Gallery Help, 8 mobile device sites, 144 movies, 152 moving, 82 moving items, 57 multimedia, 152 multimedia player, 153 music, 150, 153

O
online help, 7 opening documents, 40
168 WebEasy

Index

problems, 162 to third-party hosting, 132 publishing websites, 128

Q
Quick Access toolbar, 19, 26 quitting, 28

R
registering, 6 removing frames, 84 items, 59 links, 52 pages, 49 stencils, 85 text frame, 103 re-ordering layers, 62 re-ordering pages, 50 replacing images, 78 placeholders, 78 re-positioning, 82 resizing items, 58, 63, 81 pages, 49 RGB values, 74 Rich Text, 96, 103 rotating images, 79 RSS, 154

shadows, 65 shortcut menus, 25 Size handles, 81 sizing items, 81 pages, 49 sounds, 150, 153 Spell Checker, 100 Spell Checker Help, 8 squares, 92 starting, 16 status bar, 20, 26 stencils, 84 removing, 85 support, 10 support, technical, 10 system requirements, 12

T
tables adding, 104 changing, 105 technical support, 10 templates, 31, 34 saving, 37 text adding, 98 adjusting frames, 100 catalogs, 99 deleting frame, 103 editing, 100 Exif information, 99 formatting, 103 frames, 96 modes, 96 problems, 160 types, 96 Text Assistant, 98 textures, 46, 70 titles for pages, 43 ToolTips, 8
WebEasy 169

S
saving as template, 37 documents, 36 scenes, 144 scripts, 156 selecting items, 56 serial number, 10

Index

trimming images, 80 tutorials, 10 Twitter, 119

U
updating WebEasy, 13 uploading files, 128 users guide, 9

V
vendors, 145 version, 10 videos, 153 viewing multimedia, 153 pages, 40 problems in browsers, 163 websites, 140 VRML, 148

websites blogs, 143 building, 124 creating, 17 eBay auction page, 142 for mobile devices, 144 maintaining, 140 package file, 125 photo albums, 142 publishing, 128 types, 124 WebWidgets, 155 widgets, 148 workspace, 19

X
XHTML, 124

Y
Yelp, 122

W
web hosting, 128 WebEasy building sites, 125 clip art, 13 customizing, 27 documents, 30 hosting service, 128 installing, 12 quitting, 28 starting, 16 updating, 13 version, 10 WebEasy menu, 19 Website Assistant, 31 workspace, 19 WebEasy Help, 7 Web-safe colors, 72 Website Assistant, 31 website documents, 30
170 WebEasy

Z
zooming, 20, 26

S-ar putea să vă placă și