Wep Manual

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 AdobeSystems 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
J URISDICTION.
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 J URISDICTION. 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 J URISDICTIONS 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 ....................................................................... 12
Installing WebEasy............................................................................. 12
Updating WebEasy............................................................................. 13
Uninstalling WebEasy........................................................................ 14
x WebEasy
Chapter 3 Getting Started .............................................................. 15
Starting WebEasy ............................................................................... 16
Using the Activity Center .................................................................. 16
Learning the WebEasy Workspace................................................... 19
Using the Ribbon Tabs and Toolbars............................................... 20
Working with the Media Gallery ....................................................... 21
Using the Inspector .......................................................................... 22
Using Assistants............................................................................... 24
Using Shortcut Menus...................................................................... 25
Customizing the Workspace ............................................................ 25
Changing the Workspace View........................................................ 26
Customizing the Quick Access Toolbar ........................................... 26
Customizing WebEasy....................................................................... 27
Quitting WebEasy............................................................................... 28
Chapter 4 Creating Documents ...................................................... 29
Understanding WebEasy Documents............................................... 30
Using the Website Assistant to Create Documents ........................ 31
Using Templates to Create Documents............................................ 34
Starting From a Blank Document ..................................................... 36
Saving Documents ............................................................................. 36
Saving Your Documents .................................................................. 36
Saving as a Template ...................................................................... 37
Saving Backup Archives .................................................................. 38
Chapter 5 Viewing and Editing Documents .................................. 39
Opening Documents and Viewing Pages......................................... 40
Viewing Specific Pages.................................................................... 40
Adding and Changing Pages ............................................................ 41
Adding Pages................................................................................... 41
Adding Page Titles........................................................................... 43
Adjusting Page Backgrounds........................................................... 44
Deleting Pages................................................................................. 49
Changing Page Sizes....................................................................... 49
Changing the Page Order ................................................................ 50
Adding Page Navigation Links ......................................................... 51
Removing Links................................................................................ 52
Previewing Documents...................................................................... 52
WebEasy xi
Chapter 6 Working with Items ........................................................ 55
Selecting Items................................................................................... 56
Moving Items ...................................................................................... 57
Resizing Items .................................................................................... 58
Grouping Items................................................................................... 58
Removing Items ................................................................................. 59
Copying Items .................................................................................... 59
Pasting Items...................................................................................... 60
Pasting Items Normally.................................................................... 60
Pasting Items with Special Functions............................................... 60
Applying Formatting......................................................................... 62
Re-ordering Items .............................................................................. 62
Fitting Items on a Page...................................................................... 63
Applying Shadows ............................................................................. 65
Adding Borders .................................................................................. 66
Coloring Items .................................................................................... 67
Adding Colored Fills......................................................................... 68
Filling Items with Gradients.............................................................. 69
Applying Texture Fills....................................................................... 70
Applying Patterned Fills ................................................................... 71
Specifying Colors ............................................................................. 72
Chapter 7 Working with Images and Shapes................................ 75
Inserting Images................................................................................. 76
Adding Images by Dragging............................................................. 76
Inserting Images with a Dialog Box.................................................. 77
Replacing Image Placeholders ........................................................ 78
Replacing an Image with a Placeholder........................................... 78
Adjusting Images ............................................................................... 79
Rotating Images............................................................................... 79
Cropping Images.............................................................................. 80
Resizing Images............................................................................... 81
Positioning Images Exactly.............................................................. 82
Framing Images.................................................................................. 83
Adding Graphic Frames ................................................................... 83
Applying Stencils to Images............................................................. 84
Applying Image Effects ..................................................................... 86
Animating Images .............................................................................. 87
xii WebEasy
Creating Animated GIF Images........................................................ 87
Creating GIF Animations from Scratch ............................................ 90
Creating Rollover Images................................................................. 91
Applying Paths to Images ................................................................ 91
Exporting Images ............................................................................... 91
Drawing and Editing Shapes............................................................. 91
Drawing Simple Geometric Shapes ................................................. 92
Drawing Lines and Polygons............................................................ 92
Modifying Shapes............................................................................. 93
Chapter 8 Working with Text and Tables ...................................... 95
About Text in WebEasy...................................................................... 96
About Text Frame Modes................................................................. 96
Types of Text ................................................................................... 96
Inserting Text ...................................................................................... 98
Inserting New Text........................................................................... 98
Adding Text with the Text Assistant................................................. 98
Inserting Exif Information ................................................................. 99
Editing and Formatting Text .............................................................. 99
Adjusting Text Frames ................................................................... 100
Editing Text.................................................................................... 100
Formatting Text.............................................................................. 101
Making Multiple Formatting Changes ........................................ 101
Changing Text Size ................................................................... 102
Changing Text Color.................................................................. 102
Aligning Text.............................................................................. 103
Changing Rich Text................................................................... 103
Deleting a Text Frame.................................................................... 103
Adding and Editing Tables .............................................................. 104
Inserting Tables.............................................................................. 104
Modifying Tables............................................................................ 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
WebEasy xiii
Linking to Photo-Sharing Sites....................................................... 111
Linking to Photos............................................................................ 111
Linking to Albums........................................................................... 112
Embedding Photos or Albums........................................................ 113
Embedding Photos......................................................................... 114
Embedding Albums........................................................................ 115
Embedding Videos with Widgets.................................................... 117
Embedding Videos......................................................................... 117
Adding Links to Other Accounts .................................................... 118
Adding Like Buttons ........................................................................ 119
Having Visitors Contact You ........................................................... 120
Adding Google Information to Your Site........................................ 121
Adding Yelp Review Buttons .......................................................... 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 ....................................................... 142
Creating a Photo Album Website................................................... 142
Creating an eBay Auction Page..................................................... 142
Creating Blogs................................................................................ 143
Creating Websites Compatible with Mobile Devices...................... 144
Changing Scenes ............................................................................. 144
xiv WebEasy
Adding e-Commerce Features ........................................................ 145
Recommendations ......................................................................... 145
Creating an eShop......................................................................... 146
Adding Dynamic Links .................................................................... 147
Adding Advanced Objects............................................................... 148
Adding Multimedia........................................................................... 150
Adding Sound Effects or Music...................................................... 150
Adding Multimedia Objects ............................................................ 152
Adding Podcasts ............................................................................ 152
Creating Animated Items ................................................................. 154
Adding RSS ...................................................................................... 154
Adding WebWidgets ........................................................................ 155
Adding Scripts.................................................................................. 156
Chapter 12 Problem Solving.........................................................157
Problems with Items ........................................................................ 158
Problems with Text........................................................................... 160
Problems with Links ........................................................................ 161
Problems When Publishing............................................................. 162
Problems Viewing Sites in a Browser ............................................ 163
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 page2
Whats New on page2
Registering WebEasy on page6
Documentation Conventions on page6
Getting Help on page7
2 WebEasy
Chapter 1: Wel come
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 3
Chapter 1: Wel come
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.
4 WebEasy
Chapter 1: Wel come
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 page142 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 page36 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
page41 and Adding Multimedia on page150. 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 page150.)
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.
WebEasy 5
Chapter 1: Wel come
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
page145.
If you have the skills, you can add customized code and scripts
to enhance your site. See Adding Scripts on page156.
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 page125.
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 page128.
Note: You must have an active Internet connection and information from
your web hosting service to publish your website online.
6 WebEasy
Chapter 1: Wel come
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 t ext 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 7
Chapter 1: Wel come
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.
8 WebEasy
Chapter 1: Wel come
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.
WebEasy 9
Chapter 1: Wel come
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.
10 WebEasy
Chapter 1: Wel come
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.
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.
System Requirements on page12
Installing WebEasy on page12
Updating WebEasy on page13
Uninstalling WebEasy on page14
12 WebEasy
Chapter 2: Instal l i ng, Updati ng, and Uni nstal l i ng 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.
WebEasy 13
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.
14 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.
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.
Starting WebEasy on page16
Using the Activity Center on page16
Learning the WebEasy Workspace on page19
Customizing WebEasy on page27
Quitting WebEasy on page28
16 WebEasy
Chapter 3: Getti ng Start ed
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.
WebEasy 17
Chapt er 3: Getti ng 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.
18 WebEasy
If you click Use a Blank Design, the New Document dialog box
opens to the Blanks category for you to select a page size.
WebEasy 19
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.
20 WebEasy
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
WebEasy 21
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.
22 WebEasy
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 23
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
24 WebEasy
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.
WebEasy 25
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.
26 WebEasy
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 27
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.
28 WebEasy
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.
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).
Understanding WebEasy Documents on page30
Using the Website Assistant to Create Documents on
page31
Using Templates to Create Documents on page34
Starting From a Blank Document on page36
Saving Documents on page36
30 WebEasy
Chapter 4: Creat i ng 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.
WebEasy 31
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.
32 WebEasy
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 page141 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.
WebEasy 33
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.)
34 WebEasy
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 page154.
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.
WebEasy 35
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.
36 WebEasy
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.
WebEasy 37
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.
38 WebEasy
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.
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.
Opening Documents and Viewing Pages on page40
Adding and Changing Pages on page41
Adding Page Navigation Links on page51
Previewing Documents on page52
40 WebEasy
Chapter 5: Vi ewi ng and Edi ti ng 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.
WebEasy 41
Chapter 5: Vi ewi ng and Edi t i ng 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:
2. In the Page section, to add a new template page after the
current page, click the Insert button.
42 WebEasy
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
WebEasy 43
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:
2. In the Page section, click Insert >Blank Page.
To add a page by duplicating the current page:
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.
44 WebEasy
To add a page title:
1. Open a document.
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:
WebEasy 45
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 page72.
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.
46 WebEasy
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
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:
Background.
Texture tab.
WebEasy 47
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.
48 WebEasy
To add a pattern to the background:
Background.
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
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.
WebEasy 49
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.
50 WebEasy
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.
WebEasy 51
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.
52 WebEasy
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.
WebEasy 53
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.
54 WebEasy
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.
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.
Selecting Items on page56
Moving Items on page57
Resizing Items on page58
Grouping Items on page58
Removing Items on page59
Copying Items on page59
Pasting Items on page60
Re-ordering Items on page62
Fitting Items on a Page on page63
Applying Shadows on page65
Adding Borders on page66
Coloring Items on page67
56 WebEasy
Chapter 6: Worki ng wi th 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.
WebEasy 57
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.
58 WebEasy
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.
WebEasy 59
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.
60 WebEasy
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.
WebEasy 61
To paste an image at a location:
1. Click Paste >Paste Image.
image positioned.
To paste text at a location:
1. Click Paste >Paste Text.
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.
62 WebEasy
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.
WebEasy 63
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.
64 WebEasy
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.
WebEasy 65
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.
66 WebEasy
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.
WebEasy 67
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
page99 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.
68 WebEasy
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.
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 page72.
WebEasy 69
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.
3. In the Background - Fill Settings dialog box, click the
Gradient tab.
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.
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.
70 WebEasy
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.
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.
WebEasy 71
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.
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.
72 WebEasy
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.
WebEasy 73
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.
74 WebEasy
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.
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.
Inserting Images on page76
Adjusting Images on page79
Framing Images on page83
Applying Image Effects on page86
Drawing and Editing Shapes on page91
76 WebEasy
Chapter 7: Worki ng wi th 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.
WebEasy 77
Chapt er 7: Worki ng wi t h 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.
78 WebEasy
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.
3. In the Modify section, click Image > Replace Image.
4. In the Choose Image dialog box, locate and select an image.
To limit the types of images shown, select a specific image
type in the File type list.
5. Click Open.
You can also replace an image by dragging an image from the
Media Gallery on top of the selected image placeholder. Make
sure to select the placeholder first so that the handles appear
around the edge of the placeholder.
Replacing an Image with a Placeholder
If you no longer want to use an image, but you want to save its
size and position for another image, then use the Clear Image
command.
To remove an image and restore the placeholder:
1. Click the image to select it.
2. On the Insert and Modify tab, click the Modify > Clear
Image.
WebEasy 79
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:
2. Position the pointer over the Rotate handle.
3. Drag the Rotate handle as needed.
To rotate an image by degrees:
2. On the Insert and Modify tab, in the Modify selection, click
Image > Rotate Image.
80 WebEasy
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.
Image > Crop Image.
WebEasy 81
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:
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.
82 WebEasy
To resize an image precisely:
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:
2. If necessary, click the Insert and Modify tab.
WebEasy 83
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 page66.
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.
84 WebEasy
To frame an image:
1. Select the image to frame.
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.
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.
WebEasy 85
To apply a stencil to an image:
1. Select the image to select it.
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.
Image > Clear Stencil.
86 WebEasy
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.
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.
WebEasy 87
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.
88 WebEasy
3. Select a template style for the image: Commercial or Logo,
and click Next.
With the Commercial style, the animation can have three
states, which are all the same size. With the Logo style, the
animation can have five states of increasing size.
You can preview the selected style by clicking the buttons to
the right of the Preview area.
WebEasy 89
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.
90 WebEasy
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.
WebEasy 91
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 page154.
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.
92 WebEasy
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:
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:
WebEasy 93
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 page67.
To adjust a shapes line quickly:
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.
94 WebEasy
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
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.
About Text in WebEasy on page96
Inserting Text on page98
Editing and Formatting Text on page99
Adding and Editing Tables on page104
96 WebEasy
Chapter 8: Worki ng wi th Text and Tabl es
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.
WebEasy 97
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.
98 WebEasy
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:
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)
WebEasy 99
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:
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.
100 WebEasy
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.
WebEasy 101
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.
102 WebEasy
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.
To change the background color of a text frame:
1. Select the text frame.
2. Click the Text Background Color button.
WebEasy 103
3. In the Color palette, click a color.
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.
104 WebEasy
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.
WebEasy 105
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.
106 WebEasy
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.
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.
Getting Bookmarked on Other Websites on page108
Linking to Photo-Sharing Sites on page111
Embedding Photos or Albums on page113
Embedding Videos with Widgets on page117
Adding Links to Other Accounts on page118
Adding Like Buttons on page119
Having Visitors Contact You on page120
Adding Google Information to Your Site on page121
Adding Yelp Review Buttons on page122
108 WebEasy
Chapter 9: Integrati ng wi th Other Websi tes
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.
WebEasy 109
Chapter 9: Integrat i ng wi th Other Websi tes
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.
110 WebEasy
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.
WebEasy 111
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):
Object button.
112 WebEasy
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.
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.
WebEasy 113
To link to an album (general):
Object button.
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.
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
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.
114 WebEasy
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):
Object button.
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.
WebEasy 115
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
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.
116 WebEasy
To embed an album (general):
Object button.
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.
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
and click OK.
WebEasy 117
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.
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):
Object button.
3. In the list, select an object starting with Video on.
4. Click OK.
118 WebEasy
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
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):
Object button.
3. In the list, select an object starting with Go to.
WebEasy 119
4. Click OK.
5. Move the pointer over the page and click to place the icon.
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:
Object button.
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
120 WebEasy
example, with ht t p: / / t wi t t er . 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:
Object button.
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.
WebEasy 121
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.
122 WebEasy
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:
Object button.
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.
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 page52.
Before You Build Your Website on page124
Building Your Website on page125
Publishing Your Website on page128
Maintaining Your Website on page140
124 WebEasy
Chapter 10: Bui l di ng and Publ i shi ng Your Websi te
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 125
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.)
126 WebEasy
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
WebEasy 127
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 page72.
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
page154.
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.
128 WebEasy
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.
WebEasy 129
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.
130 WebEasy
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 page125.)
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.)
WebEasy 131
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:
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.
132 WebEasy
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 page132.
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 page135 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.
WebEasy 133
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.
134 WebEasy
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 page137 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.
WebEasy 135
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.
136 WebEasy
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 page137 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.
WebEasy 137
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.
138 WebEasy
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 publ i c or ht ml docs).
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: \ User s\ user\ Document \ Web Easy\ Ht ml .
9. In general, leave the other options with their default values
unless instructed to change them.
10. Click the Firewall tab.
WebEasy 139
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.
140 WebEasy
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.
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).
Creating Specialized Websites on page142
Changing Scenes on page144
Adding e-Commerce Features on page145
Adding Dynamic Links on page147
Adding Advanced Objects on page148
Adding Multimedia on page150
Creating Animated Items on page154
Adding RSS on page154
Adding WebWidgets on page155
Adding Scripts on page156
142 WebEasy
Chapter 11: Addi ng Enhanced Feat ures
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
WebEasy 143
Chapter 11: Addi ng 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.
144 WebEasy
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.
WebEasy 145
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.
146 WebEasy
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:
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.
WebEasy 147
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 OBJ ECTS THAT ARE PART
OF A TEMPLATE. THESE OBJ ECTS 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
148 WebEasy
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 page145.
You must have an account with the online service to be able to
create a dynamic link.
To add a dynamic link:
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:
2. In the Insert section, click the Object button.
3. In the Insert Object dialog box, click a tab to display an
object group:
WebEasy 149
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.
150 WebEasy
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.
Effects > Page Audio.
WebEasy 151
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.
152 WebEasy
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.
WebEasy 153
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.
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.
154 WebEasy
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.
WebEasy 155
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:
2. In the Insert section, click the Object button.
4. Select the object to insert.
5. Click OK.
156 WebEasy
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 page107.
8. Click OK.
For many objects, you must preview the site to see the object
correctly.
Adding Scripts
J avaScript 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.
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 page10.
Problems with Items on page158
Problems with Text on page160
Problems with Links on page161
Problems When Publishing on page162
Problems Viewing Sites in a Browser on page163
158 WebEasy
Chapter 12: Probl em Sol vi ng
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.
WebEasy 159
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 page79.
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.
160 WebEasy
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.
WebEasy 161
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 ht t p: / / . 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.)
162 WebEasy
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 Document s\ Web Easy\ HTML\ your _web_si t e_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
WebEasy 163
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.
164 WebEasy
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.
Ind
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
166 WebEasy
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
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
WebEasy 167
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
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
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
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
168 WebEasy
Index
grouping, 58
layers, 62
moving, 57
pasting, 60
problems, 158
resizing, 58, 63, 81
selecting, 56
shadows, 65
J
J avaScript, 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
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
photo-sharing sites, 111
pictures, 82
adding, 76
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
WebEasy 169
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
S
saving
as template, 37
documents, 36
scenes, 144
scripts, 156
selecting items, 56
serial number, 10
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
formatting, 103
frames, 96
modes, 96
problems, 160
types, 96
Text Assistant, 98
textures, 46, 70
titles for pages, 43
ToolTips, 8
170 WebEasy
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
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
workspace, 19
WebEasy Help, 7
Web-safe colors, 72
website documents, 30
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
Z
zooming, 20, 26

Wep Manual

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Wep Manual

Uploaded by

Copyright:

Available Formats

Users Guide

from Avanquest. WebEasy is an

You might also like