Copyright
Copyright 20032011 Avanquest North America Inc. All Rights Reserved. WebEasy is a registered trademark of Avanquest North America Inc. Avanquest and the Avanquest logo are registered trademarks of Avanquest S.A. Microsoft, Internet Explorer, Windows, Windows Vista, Verdana, and the Windows logo are either registered trademarks or trademarks of Microsoft Corporation in the United States and/or other countries. Adobe, Acrobat, Acrobat Reader, and Flash are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries. eBay is a registered trademark of eBay, Inc. Yahoo! is a registered trademark of Yahoo! Inc. Arial and Times New Roman are trademarks of The Monotype Corporation. YouTube is a registered trademark and Google is a trademark of Google Inc. MySpace is a registered trademark of MySpace, Inc. Facebook is a registered trademark of Facebook, Inc. PhotoBucket is a registered trademark of Photobucket.com Inc. iPad, iPhone, iPod touch, and Safari are registered trademarks of Apple Inc. registered in the U.S. and other countries. All other trademarks are the property of their respective owners.
obscure Avanquest's copyright or trademark notices, or the copyright and trademark notices of third parties that Avanquest has included in the Licensed Software; (7) Licensee may not use the Licensed Software to host applications for third parties, as part of a facility management, timesharing, service provider, or service bureau arrangement; and (8) Licensee may not use the Licensed Software in any manner not authorized by this EULA. CONTENT. Licensee may use any clipart, photographs, icons, fonts, shapes, animations, sounds, music, video clips, and all other graphic content (collectively, Content) included with the Licensed Software, if any, only as stated in the Documentation. If the Documentation does not permit Licensee to use the Content, then Licensee may not display, modify, reproduce, or distribute any of the Content; and even if the Documentation permits Licensee to use the Content, Licensee may not distribute the Content on a stand-alone basis such as where the Content constitutes the primary value of whatever Licensee is distributing. Certain portions of the Content may consist of the copyrights, trademarks, service marks, trade names, or other intellectual property of third parties. These portions of the Content are provided for the convenience of certain users of the Software who are expressly authorized to use them by their owners. You may not use any third-party intellectual property without their express authorization. Furthermore: (1) Licensee may not sell, license, distribute (commercially or otherwise), or make available the Content as stand-alone images or sounds, or in catalogs, design books, compilations, collections, templates, designs, stock engravings, products, services, or the like; (2) Licensee may not sell, license, distribute (commercially or otherwise), or make available electronic copies of the Content to third parties in any manner, including without limitation, via the Internet, on any tangible media or by broadcast, that is intended or designed to enable a third party to copy the Content for its own use; (3) Licensee may not sell, license, distribute (commercially or otherwise), or make available electronic copies of the Content that includes representations of identifiable individuals, governments, logos, initials, emblems, trademarks, or entities that expresses or implies any endorsement or association with any product, service, entity, or activity; and (4) Under no circumstances may the Content be used in the production of defamatory, fraudulent, infringing, lewd, obscene, or pornographic material, or in any otherwise illegal manner. Licensee is solely responsible for Licensee's use of the Content. Licensee may only use the Content responsibly, in a manner consistent with the exercise of good judgment. If Licensee is having difficulty deciding whether Licensees intended use is appropriate, or whether Licensee needs written permission, or whether other legal issues should be considered, Avanquest strongly encourages Licensee to seek competent legal counsel. Avanquest will not assist Licensee in making this determination, nor can Avanquest provide Licensee with legal advice as to intellectual property rights. If Licensee or Licensees attorney determines that Licensee is required by law to obtain written permission to use portions of the Content, Licensee must request permission for reproduction, redistribution, or modification of the Content from the appropriate owner of the subject materials (as may be cited in the Licensed Software). If, on the other hand, Licensee or Licensee's attorney determines it is permissible to proceed and include Content from the Licensed Software, Avanquest requires Licensee to correctly designate Avanquest's trademark(s) when referring to the Licensed Software in the notice or copyright portion of Licensee's paper, project, or product. Licensee shall indemnify, hold harmless, and defend Avanquest and Avanquest's suppliers and licensors from all claims, damages, losses, attorneys fees, costs, and lawsuits that arise from, or result from, Licensees use or distribution of Content, and/or from any breach by Licensee of this EULA. SOFTWARE UPDATES. If the Licensed Software is an Update to a previous version, Licensee must possess a valid License to the previous version. Any Update provided to Licensee is made on a License-exchange basis such that Licensee agrees, as a condition for receiving an Update, that Licensee will terminate all of Licensee's rights to use any previous version of the Licensed Software. However, Licensee may continue to use the previous version only to assist in transitioning to the Updated version. Once an Update has been released, Avanquest may cease support for prior versions, without any notice to Licensee.
CONTENT UPDATES. Avanquest provides updates to the content of some of its software from time to time, including but not limited to, virus definitions, URL lists, rules, and updated vulnerability data. These types of updates are collectively referred to as Content Updates. Licensee may obtain any such Content Updates during the initial period provided for by the applicable software without additional charge. Licensee may purchase a separate subscription for a specified period of time to continue to receive Content Updates after the initial period expires. Avanquest reserves the right to designate specified Content Updates as requiring purchase of a separate subscription at any time, and without prior notice to Licensee, except that any such change will only become effective at the earlier of the expiration of the initial period provided for by the applicable software, or the expiration of the term of a separately paid for subscription. SUPPORT. Avanquest is not obligated by this EULA to provide Licensee with any technical support services relating to the Licensed Software; however, Licensee may order additional support services for an additional charge as Avanquest may offer from time to time during the term of this EULA. LIMITED WARRANTY ON MEDIA. Avanquest warrants that the media on which the Licensed Software is distributed will be free from material defects for a period of 30 days from the date the Licensed Software is delivered to Licensee. If Licensee discovers a defect in the media during this 30-day period, Licensee may return the defective media to Avanquest, and Licensees sole remedy is to have either the defective media replaced, or at Avanquests sole option, a refund of the money that Licensee paid for the Licensed Software. NO WARRANTY ON LICENSED SOFTWARE. THE LICENSED SOFTWARE (EXLUDING THE MEDIA ON WHICH IT IS DISTRIBUTED) IS PROVIDED TO LICENSEE AS IS. AVANQUEST, AND AVANQUESTS SUPPLIERS AND LICENSORS, MAKE NO WARRANTY AS TO ITS USE OR PERFORMANCE. AVANQUEST, AND AVANQUESTS SUPPLIERS AND LICENSORS, MAKE NO WARRANTIES, CONDITIONS, REPRESENTATIONS, OR TERMS (EXPRESS OR IMPLIED WHETHER BY STATUTE, COMMON LAW, CUSTOM, USAGE, OR OTHERWISE) AS TO ANY MATTER INCLUDING WITHOUT LIMITATION NON-INFRINGEMENT OF THIRD-PARTY RIGHTS, MERCHANTABILITY, INTEGRATION, SATISFACTORY QUALITY, OR FITNESS FOR ANY PARTICULAR PURPOSE, EXCEPT FOR, AND TO THE EXTENT, THAT A WARRANTY MAY NOT BE EXCLUDED OR LIMITED BY APPLICABLE LAW IN LICENSEES JURISDICTION. LIMITATION OF LIABILITY. IN NO EVENT WILL AVANQUEST, OR AVANQUESTS SUPPLIERS OR LICENSORS, BE LIABLE TO LICENSEE FOR ANY DAMAGES, CLAIMS, OR COSTS WHATSOEVER, OR FOR ANY CONSEQUENTIAL, INDIRECT, EXEMPLARY, SPECIAL, PUNITIVE, INCIDENTAL DAMAGES, OR ANY LOST PROFITS OR LOST SAVINGS, EVEN IF A REPRESENTATIVE OF AVANQUEST OR ONE OF AVANQUESTS SUPPLIERS OR LICENSORS HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH LOSS, DAMAGES, CLAIMS, OR COSTS, OR FOR ANY CLAIM BY ANY THIRD PARTY. THESE LIMITATIONS AND EXCLUSIONS APPLY TO THE EXTENT PERMITTED BY APPLICABLE LAW IN LICENSEES JURISDICTION. THE AGGREGATE LIABILITY OF AVANQUEST, AND AVANQUESTS SUPPLIERS, UNDER OR IN CONNECTION WITH THIS EULA, SHALL BE LIMITED TO THE AMOUNT PAID FOR THE LICENSED SOFTWARE. ADDITIONAL TERMS FOR BETA SOFTWARE. If the Licensed Software that Licensee receives with this EULA is pre-commercial release or BETA software (Pre-release Software), then, to the extent that any provision in this section is in conflict with any other term or condition in this EULA, this section supersedes such conflicting term(s) and condition(s) as to the Pre-release Software, but only to the extent necessary to resolve the conflict. Licensee acknowledges that the Pre-release Software does not represent the final product from Avanquest, and may contain bugs, errors, and other problems that could cause system or other failures and data loss. Consequently, Avanquest disclaims any warranty or liability obligations to Licensee of any kind whatsoever.
IN APPLICABLE JURISDICTIONS WHERE LIABILITY CANNOT BE SO EXCLUDED FOR PRE-RELEASE SOFTWARE, BUT MAY BE LIMITED, AVANQUESTS LIABILITY, AND THAT OF ITS SUPPLIERS, SHALL BE LIMITED TO THE TOTAL OF FIFTY DOLLARS (U.S. $50.00). Licensee acknowledges that Avanquest has not promised or guaranteed to Licensee that the Pre-release Software will be announced or made available to anyone in the future, and that Avanquest has no express or implied obligation to Licensee to announce or introduce the Pre-release Software. Avanquest may decide not to introduce a product similar to, or compatible with, the Pre-release Software. Accordingly, Licensee acknowledges that any research or development that Licensee performs regarding the Pre-release Software, or any product associated with the Pre-release Software, is done entirely at Licensees own risk. During the term of this EULA, if requested by Avanquest, Licensee will provide feedback to Avanquest regarding testing and use of the Pre-release Software, including error or bug reports. If Licensee has been provided the Pre-release Software pursuant to a separate written agreement, then Licensees use of the Pre-release Software is also governed by that agreement. Notwithstanding anything in this EULA to the contrary, if Licensee is located outside the United States, Licensee will return or destroy all unreleased versions of the Pre-release Software within 30 days of the completion of Licensees testing of the Pre-release Software if that date is earlier than the date scheduled for Avanquests first commercial shipment of the publicly released (commercial) software. MONEY-BACK GUARANTEE. If you purchased this Licensed Software and, within 90 days of purchase, you are not completely satisfied with the Licensed Software, you may return it directly to Avanquest for your money back. This right to return the Licensed Software is in addition to your right to return the Licensed Software for a replacement under the Limited Warranty on Media. To receive a full refund from Avanquest you must return the product box with the UPC bar code still intact, disc(s), all print materials from inside product box and your original dated store receipt showing price paid for the Licensed Software (copy accepted). On a piece of paper, please provide your first and last name, address (including street, city, state and zip code), phone number, email address and a brief explanation as to why you are returning the product. Send materials via a traceable method to: Returns Department, Avanquest North America Inc., 15001 Meridian Parkway A, Riverside, CA, 92518. All returned packages are required to have a valid tracking number. In the event that a package gets lost or misplaced, Avanquest can only credit customers who have a tracking number showing proof of delivery to Avanquest. We recommend sending your package via U.S. Postal Services Media Mail Service and request Delivery Confirmation. A full refund will not be given if any of the aforementioned materials are not returned to Avanquest. Return requests missing any of the aforementioned materials will be destroyed. Partial refunds will not be given. Shipping and/or handling charges for returned product will not be refunded by Avanquest. Sales tax charged by retailer will not be refunded by Avanquest. Sales tax charged for Licensed Software purchased at www.avanquest.com is fully refundable. All refunds will be made via check. Nothing contained in this section will waive or limit any of the provisions of any other section of this EULA. SURVIVAL OF DISCLAIMERS. The exclusions of warranties and liability limitations shall survive the termination of this EULA, howsoever caused; but this survival shall not imply or create any continued right to use the Licensed Software after termination of this EULA. EXPORT RULES. Licensee shall not ship, transfer, or export Licensed Software into any country or use Licensed Software in any manner prohibited by the United States Export Administration Act or any other export laws, restrictions, or regulations (collectively the Export Laws). If the Licensed Software is identified as export controlled items under the Export Laws, Licensee represents and warrants that Licensee, and Licensees employees who will use the Licensed Software are not a citizen, or otherwise located within, an nation embargoed by the United States (including without limitation: Iran, Syria, Sudan, Cuba, Libya and North Korea), and that Licensee, and Licensees employees who will use the Licensed Software, are not otherwise prohibited under the Export Laws from receiving the Software.
All rights to use the Licensed Software are granted on condition that Licensee complies with the Export Laws, and all such rights are forfeited if Licensee fails to comply with the Export Laws. GOVERNING LAW, VENUE AND JURISDICTION. This EULA is subject to, and will be governed by and construed in accordance with the substantive laws in force of the State of California. Any action arising under, relating to or connected with this EULA or the use of the Licensed Software will be filed only in an appropriate court located in Los Angeles County, California, and the parties irrevocably consent and submit to the exclusive personal jurisdiction of such courts for such purposes. This EULA will not be governed by the conflict of law rules of any jurisdiction, or the United Nations Convention on Contracts for the International Sale of Goods, the application of which is expressly excluded. INTELLECTUAL PROPERTY OWNERSHIP. The Licensed Software and any authorized copies that Licensee makes are the intellectual property of, and are owned by, Avanquest, and by third parties whose intellectual property has been licensed by Avanquest. The structure, organization, and code of the Licensed Software are the valuable trade secrets and confidential information of Avanquest and such third parties. The Licensed Software is protected by law, including without limitation, the copyright laws of the United States and other countries, and by international treaty provisions. Except as expressly provided in this EULA, Licensee is not granted any intellectual property rights in the Licensed Software. RESERVATION OF RIGHTS. Avanquest reserves all rights not expressly granted to Licensee by this EULA. The rights granted to Licensee are limited to Avanquests intellectual property rights, and to the intellectual property rights of third parties licensed by Avanquest. All rights are reserved under the copyright laws of the United States. Avanquest North America Inc.; 15001 Meridian Parkway, Suite A; Riverside, CA 92518. COMPLETE AGREEMENT and BINDING EFFECT. This EULA constitutes the entire agreement between the Licensee and Avanquest relating to the Licensed Software, and it supersedes all prior or contemporaneous representations, discussions, undertakings, communications, agreements, arrangements, advertisements, and understandings regulating the Licensed Software. This EULA is binding on and made for the benefit of the parties and their successors and permitted assigns. MODIFICATION. This EULA may only be modified, supplemented or amended by a writing signed by an authorized officer of Avanquest. SEVERABILITY. If any provision of this EULA is determined by a court of competent jurisdiction to be contrary to law, that provision will be enforced to the maximum extent permissible, and the remaining provisions of this EULA will remain in full force and effect. WAIVER. No failure or delay by Avanquest in exercising its rights or remedies shall operate as a waiver unless made by Avanquests specific written notice. No single or partial exercise of any right or remedy of Avanquest shall operate as a waiver or preclude any other, or further, exercise of that, or any other right, or remedy. U.S. GOVERNMENT USERS. The Licensed Software and its Documentation qualify as commercial items, as that term is defined at 48 C.F.R. 2.101, consisting of commercial computer software and commercial computer software documentation as such terms are used in 48 C.F.R. 12.212. Consistent with 48 C.F.R.12.212 and 48 C.F.R. 227.7202-1 through 227.7202-4, Avanquest will provide to the Government end user, the Licensed Software and its Documentation with only those rights set forth herein that apply to non-governmental customers. Use of the Licensed Software and its Documentation constitutes agreement by the Government entity that the Licensed Software and its Documentation are commercial, and constitutes acceptance of the rights and restrictions herein. The Licensed Software Contractor/Manufacturer is Avanquest North America Inc. or its applicable licensors.
For U.S. Government End Users, Avanquest agrees to comply with all applicable equal opportunity laws including, if appropriate, the provisions of Executive Order 11246, as amended, Section 402 of the Vietnam Era Veterans Readjustment Assistance Act of 1974 (38 USC 4212), and Section 503 of the Rehabilitation Act of 1973, as amended, and the regulations at 41 CFR Parts 60-1 through 60-60, 60-250, and 60-741. The affirmative action clause and regulations contained in the preceding sentence shall be incorporated by reference in this EULA. PROOF OF COMPLIANCE. Within 30 calendar days after request from Avanquest, or Avanquest's authorized representative, Licensee will provide full documentation, and certify under penalty of perjury, that Licensee's use of any and all Licensed Software is in conformity with this EULA. TERMINATION. If Licensee breaches this EULA, and fails to cure any breach within 30 calendar days after request from Avanquest, or Avanquests authorized representative, Avanquest may terminate this EULA, whereupon all rights granted to Licensee shall immediately cease. Furthermore, upon termination, Licensee shall return to Avanquest all copies of the Licensed Software, or verify in writing that all copies of the Licensed Software have been destroyed.
Contents
Chapter 1 Welcome ........................................................................... 1
WebEasy Features ............................................................................... 2 Whats New ........................................................................................... 2 Getting Familiar with WebEasy ........................................................... 3 1: Creating WebEasy Documents ...................................................... 3 2: Modifying Documents..................................................................... 4 Using Advanced Features ............................................................. 4 3: Previewing and Building Websites ................................................. 5 4: Publishing Online ........................................................................... 5 Registering WebEasy .......................................................................... 6 Documentation Conventions .............................................................. 6 Getting Help .......................................................................................... 7 Accessing Online Help ....................................................................... 7 Viewing ToolTips................................................................................ 8 Accessing the Online Users Guide.................................................... 9 Using Cue Cards................................................................................ 9 Viewing WebEasy Tutorials and Samples ....................................... 10 Contacting Technical Support .......................................................... 10
40 40 41 41 43 44 49 49 50 51 52 52
76 76 77 78 78 79 79 80 81 82 83 83 84 86 87
xi
Creating Animated GIF Images........................................................ Creating GIF Animations from Scratch ............................................ Creating Rollover Images................................................................. Applying Paths to Images ................................................................ Exporting Images ............................................................................... Drawing and Editing Shapes ............................................................. Drawing Simple Geometric Shapes ................................................. Drawing Lines and Polygons............................................................ Modifying Shapes.............................................................................
87 90 91 91 91 91 92 92 93
xii
WebEasy
Linking to Photo-Sharing Sites ....................................................... Linking to Photos............................................................................ Linking to Albums........................................................................... Embedding Photos or Albums........................................................ Embedding Photos......................................................................... Embedding Albums ........................................................................ Embedding Videos with Widgets .................................................... Embedding Videos ......................................................................... Adding Links to Other Accounts .................................................... Adding Like Buttons ........................................................................ Having Visitors Contact You ........................................................... Adding Google Information to Your Site ........................................ Adding Yelp Review Buttons ..........................................................
111 111 112 113 114 115 117 117 118 119 120 121 122
Adding e-Commerce Features ........................................................ Recommendations ......................................................................... Creating an eShop ......................................................................... Adding Dynamic Links .................................................................... Adding Advanced Objects............................................................... Adding Multimedia ........................................................................... Adding Sound Effects or Music ...................................................... Adding Multimedia Objects ............................................................ Adding Podcasts ............................................................................ Creating Animated Items ................................................................. Adding RSS ...................................................................................... Adding WebWidgets ........................................................................ Adding Scripts ..................................................................................
145 145 146 147 148 150 150 152 152 154 154 155 156
xiv
WebEasy
Chapter 1
Welcome
Welcome to WebEasy from Avanquest. WebEasy is an easy-to-use website design program. You can create your own site quickly and easily without having to learn any behind-the-scenes coding. WebEasy manages all that for you. This chapter has the following information: WebEasy Features on page 2 Whats New on page 2 Registering WebEasy on page 6 Documentation Conventions on page 6 Getting Help on page 7
Chapter 1: Welcome
WebEasy Features
WebEasys many features provide you with everything you need to create and manage your website easily. You can use the Website Assistant wizard to make a website from provided templates. The Media Gallery gives you quick access to provided clip art and your own media files (including audio and video files). With the Publish Assistant wizard you can upload your new website easily to the WebEasy hosting service or to a third-party hosting site. The WebEasy hosting service provides an integrated, affordable, and comprehensive hosting solution for your website. The e-Commerce feature gives you a secure way to sell products online. WebEasy creates code based on the W3C standards; therefore, the websites are compatible for modern web browsers (such as Internet Explorer, Google Chrome, Firefox, and Safari).
Whats New
WebEasy 9 has many new features to help you build and manage your website. A new ribbon interface where you use buttons instead of menu commands to implement features Improved SEO (search engine optimization) features New templates and an updated wizard with style selections
WebEasy
Chapter 1: Welcome
New WebWidgets, including Google Maps and iPhone detection and redirection iPhone- and smartphone-optimized templates for viewing your site from anywhere Additional image effects Windows 64-bit compatibility
Chapter 1: Welcome
With specialized templates, you can quickly make a page for an eBay auction, set up an online photo gallery, or create a blog. See Creating Specialized Websites on page 142 for details. If you have the skills, you can create a complete website from scratch. You can build your website one page at a time. The Website Assistant has blank designs, or you can create web pages based on a page size in the New Document dialog box. See Starting From a Blank Document on page 36 for details.
2: Modifying Documents
Once you have started a WebEasy website document, you can modify it as needed. If you used a template, you can change the provided text and graphics as needed. You can add: More text, graphics, and shapes (See Chapter 6 Working with Items on page 55, Chapter 7 Working with Images and Shapes on page 75, Chapter 8 Working with Text and Tables on page 95 for information.) Links to other pages, other websites, or files to download (For information, see Adding and Changing Pages on page 41 and Adding Multimedia on page 150. Also, see Creating Links in WebEasy Help.) YouTube videos, audio, other Flash files, and animations for a multimedia-rich site (For details, see Chapter 9 Integrating with Other Websites on page 107 and Adding Multimedia on page 150.)
Chapter 1: Welcome
WebEasy provides Search Engine Optimization (SEO) features to get your site recognized by search engines. See SEO Assistant wizard in WebEasy Help. To sell products online, you can sign up with an e-commerce provider to process payments. You then add e-commerce buttons to create an online shop. See Adding e-Commerce Features on page 145. If you have the skills, you can add customized code and scripts to enhance your site. See Adding Scripts on page 156.
4: Publishing Online
The final step of the process is to store all the files to a computer online. Avanquest provides a web hosting service, which is integrated with WebEasy to make this process easy for you. If you have a web hosting service or an account with ISP that provides space, you can upload files with WebEasy. See Publishing Your Website on page 128.
Note: You must have an active Internet connection and information from your web hosting service to publish your website online.
WebEasy
Chapter 1: Welcome
Registering WebEasy
Becoming a registered user entitles you to free technical support, upgrades, discounts on other Avanquest products, and notifications about new versions of WebEasy. If you do not register when you install WebEasy, you can register later.
To register WebEasy manually: 1. On the Help tab, click Registration. 2. In the web page, complete the form. 3. Click Submit.
Documentation Conventions
Please become familiar with the WebEasy document conventions to help you better understand instructions. Bold text indicates buttons, check boxes, options, tabs, and menus or commands.
Monospace text indicates text that you type or code
examples. Italicized text refers to names of folders, files, disks, discs, windows, and dialog boxes.
CAPPED TEXT
indicates keys. With keyboard shortcuts hold the first key down while pressing the next key. For example, with CTRL+C, hold down the CTRL key as you press C. Instructions for interacting with the Microsoft Windows operating system are given for Windows 7. Adjust the instructions as needed for a different version of Windows. Click means click the left mouse button. Double-click means click the left mouse button twice in quick succession. Right-click means to click the right mouse button.
WebEasy
Chapter 1: Welcome
SHIFT-click means to press the SHIFT key while clicking the left mouse button.
A shortcut menu is the menu that appears if you right-click when the pointer is over an item or elsewhere in the window. Notes and warnings look like this:
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.
Click the WebEasy button on the Help tab. Press the F1 key.
WebEasy 7
Chapter 1: Welcome
Note: Some dialog boxes have a special Help button for accessing information at non-Avanquest websites (such as a vendors website).
In the FTP Max window, click the Help button. In the Connection Profile or the Connect dialog box, click the Help button.
On the Contents tab, click the plus (+) sign for a section. Then, click a topic to open it. To browse a list of keywords, click the Index tab. Either scroll through and select a keyword or type a keyword. Then, click Display. To search the help topics, click the Search tab. Type a word or phrase and click List Topics to find related topics. Select a topic and click Display.
Viewing ToolTips
WebEasy uses ToolTips provide information about buttons. To view a ToolTip, pause the pointer over a button.
8 WebEasy
Chapter 1: Welcome
WebEasy shows ToolTips by default, but you can turn them off.
To hide or show ToolTips: 1. Choose Options>WebEasy Settings from the WebEasy
menu.
2. Clear (or select) the Show tooltips check box. 3. Click OK.
menu.
2. If necessary, select General on the left. 3. Select (or clear) the Show cue cards check box.
WebEasy 9
Chapter 1: Welcome
4. Click OK.
When you see a cue card, click its close box to close it. To not see that specific cue card again, clear the Show again check box before closing the window.
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.
If you contact Technical Support, have your WebEasy version and serial number available. To view these numbers, click Version on the Help tab.
10 WebEasy
Chapter 2
Installing, Updating, and Uninstalling WebEasy
This chapter lists the minimum system requirements for using WebEasy on your computer and explains how to install, update, and uninstall WebEasy. This chapter has the following information: System Requirements on page 12 Installing WebEasy on page 12 Updating WebEasy on page 13 Uninstalling WebEasy on page 14
System Requirements
To use WebEasy 9 Professional, your computer must have: Microsoft Windows 7 (32- or 64-bit), Windows Vista (32- or 64-bit) or Windows XP SP2 Intel Pentium III-compatible processor at 1 GHz or faster At least 512 MB RAM At least 250 MB of hard drive space A CD drive a modern web browser (such as Microsoft Internet Explorer or Mozilla Firefox) Internet access Microsoft DHTML Editing Control (optional, but needed with Windows Vista and Windows 7 for creating websites with DHTML effects) A graphics card set to 16-bit color or higher (True Color, 32-bit recommended)
Installing WebEasy
If you have a current version of WebEasy, uninstall it before installing the new version. When uninstalling the previous version, the installer does not delete any of your work.
To install WebEasy: 1. Insert the WebEasy disc into your computers disc drive.
If you purchased and downloaded WebEasy online, double-click the downloaded .exe file.
12
WebEasy
If Windows does not open the disc automatically, choose Start > Computer and double-click the icon for the disc drive.
2. If the AutoPlay dialog box opens, click Run setup.exe. 3. If the User Account Control dialog box opens, click Yes. 4. In the Startup screen, click Install WebEasy Professional. 5. Follow the on-screen instructions. 6. If a message asks about installing DHTML Editing Control
from Microsoft and you want to create dynamic websites, click Yes.
Note: If you are not sure, click Yes so that you have the capability. If you click No, you can download it from Microsoft later.
WebEasy also includes additional clip art that you can install from the Startup screen or download if you purchased the ESD version. With the ESD version you can also download the PDF version of the users guide, which is installed automatically with the disc version.
Updating WebEasy
It is best to check for software updates immediately after you install WebEasy. WebEasy periodically checks for updates when you start the program.
To check for updates manually: 1. If necessary, connect to the Internet. 2. On the Help tab, click Updates. 3. In the message window, click OK.
WebEasy 13
Uninstalling WebEasy
Uninstall WebEasy from your computer to properly remove all program files and settings.
To uninstall WebEasy: 1. Choose Start > Control Panel. 2. Under the Programs heading, click Uninstall a program. 3. In the Uninstall or change a program list, select WebEasy
Professional 9.
Note: The actual name depends on the installed version.
4. Click the Uninstall button on the toolbar. 5. Follow the on-screen instructions.
14
WebEasy
Starting WebEasy
When you install WebEasy, the installer places a WebEasy icon on the desktop. You can use this icon to start WebEasy, or you can use the Start menu.
To start WebEasy:
Choose Start > All Programs > WebEasy Professional 9 > WebEasy Professional 9. (The name depends on the installed version.)
16
WebEasy
Note: You can change the default startup behavior in the Options dialog box or in the Activity Center screen, itself.
In the Activity Center: Click Pick a Website Template to select a pre-designed template from a category. Click Use a Blank Design to select a blank project template to design your own website. Click Open an Existing Website to open an existing WebEasy document. Click Sign-Up Hosting to go online and sign up for WebEasys web hosting service. Click Upload Your Website to store all files associated with your website online.
Note: You must build the website from the website document before uploading it.
Click Online Tutorials to see video tutorials or website samples in your default browser.
In the top-right corner, clear the Show at startup check box to not see the Activity Center screen when WebEasy starts. Click the Close button to go directly to the WebEasy workspace. When you start a new project from a template through the Activity Center, the Website Assistant wizard opens. In this wizard, you select a category and then specify a website design within that category. As you move through the wizard, it guides you to change text and images in the template for your purposes.
WebEasy
17
If you click Use a Blank Design, the New Document dialog box opens to the Blanks category for you to select a page size.
18
WebEasy
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.
WebEasy features.
3. The Quick Access toolbar, below the ribbon by default, has
the Undo and Redo buttons, page navigation buttons, and buttons for viewing the Inspector and previewing documents. You can customize the Quick Access toolbar by adding or removing buttons or moving it above the ribbon.
WebEasy 19
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.
20
WebEasy
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.
WebEasy
21
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.
22
You can keep the Inspector palette open as you work with different items, and it updates each time you select a different item. Each type of item displays different properties. For example, for an image, you can view details about the image file. The Inspector has three tabs: The Properties tab displays general properties with information about the currently selected item, page, or document. You can change the properties for the current selection, the current page, or the complete site. The Style tab shows the attributes for the documents style sheet. Some of these attributes are only supported if you
WebEasy 23
build a CSS-based website (which uses Cascading Style Sheets). You can change the properties for the current selection, the current page, or the complete site. The Layers tab lists all the items on the current page. You can lock, hide, and move layers higher or lower in the view. You can change certain properties for certain items here. For example, if you have a rectangular shape, you can change its background fill properties.
Using Assistants
Assistants help you get started quickly by guiding you through an activity step-by-step. You can use assistants to help you: Design websites (Website Assistant). Publish websites (Publish Assistant). Add ready-made text (Text Assistant). Create a rollover image (Rollover Image Assistant). Search for files (Search Assistant). View a site map (Site Map Assistant). Add information to improve search engine hits (SEO Assistant). Select a vendor for selling items (E-Commerce Vendor Assistant). Insert objects that have varying information (Dynamic Link Assistant).
For information about a specific Assistant, view the relevant topic in the Reference section of WebEasy Help.
24
WebEasy
You use shortcut menus on the ribbon and Quick Access toolbar to customize them.
WebEasy
25
You can customize the status bar to show or hide the status information, the zoom value, or the Zoom slider. Right-click the status bar and click an item to show or clear the check mark.
To return to standard views quickly, in the Zoom dialog box select Fit or 100%.
26
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.
Customizing WebEasy
WebEasy has an Options dialog box where you can customize certain settings that affect the workspace, the program, and your documents. To set WebEasy options, choose Options > WebEasy Options on the WebEasy menu. The Options dialog box has the following pages: General page: On this page you can show or hide ToolTips, cue cards, and the Media Gallery pane by selecting or clearing a check box. You can also specify whether or not to hear program sounds, lock or unlock the Media Gallery, monitor Media Gallery drives, and dock or undock program panes and palettes. Documents page: The Design settings area has options for controlling how WebEasy adjusts documents and images. In the Working with Document area you can adjust the default print quality, which method to use for selecting colors, whether WebEasy alerts you about missing files or creates thumbnails. Design Grid page: WebEasy has a grid that you can show in the workspace to help you align items. The options on this page adjust grid settings. You can also access this page by clicking Grid > Grid Settings on the Home tab. Image page: These settings determine the default settings for images that you insert in a document. Build HTML page: WebEasy uses the options on this page to determine how to build a website from your documents (for example, which case to use for website files). Folders page: You can specify the location for default folders.
WebEasy 27
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
28
WebEasy
This chapter has the following information: Understanding WebEasy Documents on page 30 Using the Website Assistant to Create Documents on page 31 Using Templates to Create Documents on page 34 Starting From a Blank Document on page 36 Saving Documents on page 36
In step 1, the WebEasy document is the basis for your website. There are three ways to start a new document in WebEasy: Use the Website Assistant. This takes you step-by-step through the stages of customizing the text and images in a WebEasy template to create your document. Develope a document by using one of WebEasys professionally designed templates in the workspace. In the workspace, replace the images and text with your own and add more items if you wish. Open a blank document and create your own web pages by designing them from scratch. WebEasy offers a choice of blank project templates with preset page sizes (for example, a six-page on-screen website). Add your own images and text to the document.
You can also import an existing website to create a WebEasy document. For information about importing web pages, see WebEasy Help.
Note: How well a website imports depends on the websites design and coding. WebEasy cannot guarantee that it can import all websites correctly.
30
WebEasy
With WebEasy, creating a document is similar to using a word processor. If you use a template, each page has placeholder text and graphics that you can customize as needed.
Note: After creating and designing the document, you then have WebEasy build a website from it for you to upload to the Internet.
The templates have placeholder images and text. You may use your own images and text as you go through the Website Assistant wizard. If you dont replace the images and text in the wizard, you can replace them in the workspace.
Note: The following procedure gives general information about using the Website Assistant. The actual steps depend on the template.
To create a document with the Website Assistant: 1. Choose New > Website Wizard from the WebEasy menu. 2. In the Website Assistant wizard, click Next.
WebEasy
31
category. The templates with wizard in their titles are for creating a special type of web page such as a web photo album. See Adding Enhanced Features on page 141 for details.
4. In the list below the category, select a template. 5. In the Preview area, click the buttons on the right to view
In the Template Style dialog box, select a style category from the list, select a thumbnail for a specific style, and click OK. In general, recommended styles apply different colors to the design. Some styles change the layout.
8. Then click Next. 9. Type a name for your document in the Name box.
32
WebEasy
document by clicking the Browse button. In the Choose Folder dialog box, locate and select a folder, and click Open. WebEasy normally saves documents with an ALB extension in the Documents\WebEasy\Documents folder.
11. Click Next. 12. If the template requests that you to enter information, such as
personal or business details, type this information and then click Next. You dont have to enter the information now. You can change text when the document opens in the workspace.
Note: Depending on the template there may be several screens of text changes.
placeholders in the template with your own images, and then click Next. You can skip this step and add your images later. To specify a different set of images, click the Browse button above the Images list. In the Browse for Folder dialog box, locate and select the folder with the images. Click OK. Select an image and then click >. Alternatively, to load all the images, click >>. WebEasy sequentially replaces the placeholders.
14. If asked about adjusting the layout, make any needed
adjustments, and click Next. To change the color scheme, select a theme from the Color Theme list. (This changes the color boxes in the Color section.)
WebEasy
33
To change the fonts, click the Font box, make changes in the Font dialog box, and click OK. To change individual colors, click a color box, select a color in the Color palette, and then click x to close the palette. To adjust the position of the logo, select either Left justified or Right justified. To remove the logo, select No logo. To adjust other features in the Features area, select or clear the available check boxes. As with the other screens, you can skip this step and change the text in the workspace.
15. On the Congratulations! screen, to see what the site looks
like in your default browser, select the Preview website now check box.
16. To add an RSS feed to your site, select the Add RSS to your
website check box. For information about RSS feeds, see Adding RSS on page 154.
17. Click Finish.
Your document appears in the WebEasy workspace, ready for editing. If you selected Preview website now, your default browser opens with the website showing.
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
35
Open the WebEasy menu and choose New > Blank Document. A blank, single-page document opens in the workspace.
You can now add pages, backgrounds, insert images, and use all the WebEasy features to design your document. See subsequent chapters for information.
Saving Documents
You can save documents as documents, as templates, or as a backup archive.
If you havent saved this document before, then in the Save As Document dialog box, locate and open the folder where you want to save your document.
3. Type a name for the document in the File name box.
36 WebEasy
4. Make sure the Save as type box shows Document (*.ALB). 5. Click Save. To save a document in a new location or with a new name: 1. Open the WebEasy menu and choose Save As > Document. 2. In the Save As Document dialog box, to save the document in
a new location, locate and open the folder where you want to save your document.
3. To give the document a different name, type a name for the
Saving as a Template
By saving a document as a template, you create a personal template that you can use to design other documents in the same style or use to add pages to the existing website.
To save a document as a template: 1. Open the WebEasy menu and choose Save As > Template. 2. In the Save As Document dialog box, locate and open the
3. Type a name for the document in the File name box. 4. In the Save as type box, verify that it shows Template
(*.TPL).
5. Click Save.
WebEasy
37
Archive.
2. In the Backup Website Document dialog box, locate and open
the folder for the backup. (Make sure to save the backup in a different location than the original file.)
3. Type a name for the archive in the File name box. 4. Click Save.
Note: Making an archive takes up significant disk space. Only use it when you need an extra copy of all the files included in the document.
38
WebEasy
If youve worked on the document recently, you can open the WebEasy menu and click a file in the Recent Files list on the right side of the menu.
If the document has many pages, you use the Go To dialog box to move to a specific page. You can even open a different document to a specific page. See WebEasy Help for information.
To go to a specific page in the current document: 1. If necessary, click the Home tab. 2. In the Page section, click Modify > Go To.
40 WebEasy
select one. To go directly to a page, type the page number in the Enter page number box.
4. Click OK.
Adding Pages
You can add new pages to your document. Each page can have the same or different backgrounds. You can also change the viewing size of the pages.
To add a page: 1. If necessary, click the Home tab. 2. In the Page section, to add a new template page after the
WebEasy
41
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
42
WebEasy
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
WebEasy
43
To add a page title: 1. Open a document. 2. If necessary, click the Home tab. 3. Click Modify > Page Title.
Some characters and combinations are not accepted as names. Avoid using &, CR, LF and TAB.
44
WebEasy
tab, click a standard, pre-defined color. To select from a larger palette, click the Full Color Palette button. Click a color and then click the x button. If you know the hexadecimal value for the color, you can type it (preceded by a #) in the Solid Color box. (The selected color appears in the Sample area.)
4. To apply this color to all pages, select Apply to all pages. 5. Click OK.
Background.
2. In the Page Background Settings dialog box, click the
Gradient tab.
WebEasy
45
button to the right of the Starting Color box and select a color from the palette. Then click the x button. (You can also type a hexadecimal value in the box.)
4. To specify the ending color, click the Full color palette
button to the right of the Ending Color box and select a color from the palette. Then click the x button. (You can also type a hexadecimal value in the box.)
5. Then, type a Drawing Angle or click the Angle Setting
button and specify the type of gradient. (A preview of the gradient appears in the Sample area.)
6. To apply this gradient to all pages, select Apply to all pages. 7. Click OK. To add a texture to the background: 1. In the Page section of the Home tab, click Background >
Background.
2. In the Page Background Settings dialog box, click the
Texture tab.
46
WebEasy
folder, select an image in the Image File list. To use another image, click the Browse button. In the Choose Image dialog box, locate and select the image file and click Open. (A preview of the texture appears in the Sample area and all images in the selected folder appear in the list.)
4. To apply this texture to all pages, select Apply to all pages. 5. Click OK.
Instead of inserting a page background with the dialog box, you can drag a texture directly into a page as a background. By using this method, you can only change the background of the current page.
To add a textured background by dragging: 1. Click Textures on the Media Gallery toolbar. 2. Select a folder. 3. Click a texture. 4. Drag the background onto the page.
WebEasy
47
To add a pattern to the background: 1. In the Page section of the Home tab, click Background >
Background.
2. In the Page Background Settings dialog box, click the
Pattern tab.
button to the right of the Foreground Color box and select a color from the palette. Then click the x button. (You can also type a hexadecimal value in the box.)
4. To specify the backgrounds color, click the Full color
palette button to the right of the Background Color box and select a color from the palette. Then click the x button. (You can also type a hexadecimal value in the box.)
5. To specify the pattern, click the Pattern selection button and
then select a pattern. (A preview of the pattern appears in the Sample area.)
6. To apply this pattern to all pages, select Apply to all pages. 7. Click OK.
48
WebEasy
Deleting Pages
You can only delete a page if your document has more than one page. You cannot undo deleting a page.
To delete a page: 1. Select the page to delete. 2. On the Home tab, in the Page section, click Modify > Delete
Page.
3. In the confirmation box, click Yes.
Size.
2. In the Page Size dialog box, specify a page size from the
Existing dimensions list. If you dont see the dimensions you want, select User Defined and type the Width and Height in pixels.
WebEasy
49
For example, if you set the dimensions for 800 x 600, users can view the web pages without scroll bars on screens that are 800 x 600 or larger. If you set the dimensions larger, visitors with smaller screens use scroll bars to view content.
3. To rearrange the items to fit the new page size, select the
Apply to all pages. To apply only to the current page, clear this check box.
6. Click OK.
Note: Its easier to determine the correct page if youve given each page a unique title.
For example, in a template, there may be text for About Us, which is another page in the document.
2. On the Home tab in the Page section, click the arrow under
the Link button and specify the type of link: First page: Takes a visitor to the first page of the website. Previous page: Takes a visitor to the page before the current page. Next page: Takes a visitor to the page after the current page. Last page: Takes a visitor to last page in the document.
WebEasy
51
Page by Title: Takes a visitor to a specific page in the website. In the Page Title dialog box, select the page and click OK. Internet: Takes a visitor to a specific page in another website. In the Get Internet Address dialog box, type the URL and click OK. You can add links to items in your website so that visitors can open a file (such as a PDF file or multimedia file), open a blank e-mail message, or even run a program. For details about creating special links, see Creating Links in WebEasy Help. For information about adding items, such as text or graphics, see Chapter 7 Working with Images and Shapes on page 75 and Chapter 8 Working with Text and Tables on page 95.
Removing Links
If you change your mind about having a link, you can remove it.
To remove a link quickly: 1. Select the item with the link. 2. On the Home tab, click Link > Remove.
Previewing Documents
You can preview your document in a browser before you build it into a website. The preview shows your document as it should appear on the Internet and you can check all your links. When you click Preview, WebEasy creates a temporary website. It is not a substitute for building the website, which you must do before you can publish it on the Internet.
To preview your document: 1. Click the Review and Tools tab.
52 WebEasy
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.
make any needed changes. You can specify how to build the website, layout options, whether to preview all or just the current page, the default image file type, and colors for links. If you use Internet Explorer, keep Mark of the Web for local testing selected.
4. To make advanced changes, click Settings. In the Preview
Settings dialog box make the changes and then click OK.
WebEasy
53
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
54
WebEasy
Selecting Items
Before you can edit an item in your document, you must select it. When you select an item, Size handles appear on the corners and sides of the item. Images also have a Rotate handle extending to the right.
To select an item:
Click it. To select a different item, click a different item or press TAB.
To cancel a selection:
Click elsewhere on the document. On the Layout tab, click Deselect All.
You can select more than one item at a time and edit them simultaneously.
To select multiple items:
To select every item on a page, on the Layout tab, click Select All. (CTRL+A) To select a few items, press SHIFT as you select the items. To select most items, press SHIFT as you select items you dont want selected. Then, on the Layout tab, click Invert Selection.
With a multiple selection, to no longer have an item selected, press the SHIFT key as you click the item.
56 WebEasy
Moving Items
You can move an item anywhere on a page.
To move an item: 1. Select the item to move. 2. Drag the item to the new position.
An outline of the item shows as you move it. You can position items precisely by using the Size and Position dialog box.
To position an item precisely: 1. Select the item. 2. On the Layout tab, click Fit > Size and Position. (If the
selected item is a graphic, you can also click Image > Size and Position on the Insert and Modify tab.)
4. Click OK.
WebEasy 57
Resizing Items
You can resize any item by dragging a Size handle. Drag a corner handle to resize the item proportionally. Drag a side handle to resize the height or width.
Note: When you drag a text items handle, you resize the text frame, not the text. To resize the text and the text frame, press the ALT key while resizing.
You can resize items by using the Size and Position dialog box.
To resize an item precisely: 1. Select the item. 2. On the Layout tab, click Fit > Size and Position. (If the
selected item is a graphic, you can also click Image > Size and Position on the Insert and Modify tab.)
3. In the Size and Position dialog box, to be able to distort the
and Height boxes. (For an image, to return it to its original size, click Original Size.)
5. Click OK.
Grouping Items
You can group two or more items together and then adjust them simultaneously.
58
WebEasy
When you edit a grouped item (such as resize or rotate them), you change all items in the group.
To group items: 1. Select one or more items. 2. Click the Layout tab. 3. Click the Group button.
A grouped item shows diamond-shaped handles on the corners and sides. If you click one item in a group, the handles become the standard handles for adjusting an individual item.
To break apart a group: 1. Select the group. 2. On the Layout tab, click the Ungroup button.
Removing Items
Cutting an item removes it from its current position and places it onto the Windows Clipboard. You can then paste it elsewhere.
To cut items: 1. Select one or more items to cut. 2. On the Home tab, click the Cut button. (CTRL+X) To remove an item without placing it on the Clipboard:
Copying Items
Copying an item places it onto the Clipboard without removing it. You can then paste the Clipboard contents elsewhere.
WebEasy
59
To copy items: 1. Select one or more items to copy. 2. On the Home tab, click the Copy button. (CTRL+C)
Pasting Items
Pasting places the contents of the Clipboard into your document. WebEasy has several special pasting features.
To paste an item at a specific location: 1. Click Paste > Item at Mouse Click. 2. Move the pointer to the page and click where you want the
item positioned.
60
WebEasy
To paste an image at a location: 1. Click Paste > Paste Image. 2. Move the pointer to the page and click where you want the
image positioned.
To paste text at a location: 1. Click Paste > Paste Text. 2. Move the pointer to the page and click where you want the
text. WebEasy keeps track of items you place on the Clipboard during a working session. Even if youve changed the contents of the Clipboard, you can paste items that youve copied or cut earlier.
To paste a non-recent item from the Clipboard: 1. Click Paste > From History.
the item to paste in the list. WebEasy keeps track of the items by time. The Preview area on the right shows the selected object.
3. Click OK.
WebEasy
61
4. Move the pointer to the page and click where you want the
item positioned.
Note: When you quit WebEasy, the Clipboard tab loses its contents until you start another session.
Applying Formatting
You can apply formatting from the Clipboards contents to a selected item instead of pasting an item. You can apply formatting from and to the same type of object. You can apply some formatting (such as color) between different items. For example, you can apply a copied shapes color to text.
To format a selected item by pasting: 1. Select the item with the formatting you want to apply
elsewhere.
2. On the Home tab, click the Copy button. 3. In your document, select the item to be formatted. 4. On the Home tab, click Format in the Clipboard section.
Re-ordering Items
WebEasy arranges items on a page in layers. The first item you place on a page is on the bottom layer and the most recently placed item is on the top. If you drag one item over another, the one in an upper layer covers anything in a lower layer. You can rearrange the way the items are ordered.
To re-order an item: 1. Select the item to be moved forward or backward.
62
WebEasy
the Arrange section: Bring to Front moves the item to the front-most layer. Send to Back sends the item to the bottom-most layer. Bring Forward brings the item forward one layer. Send Backward sends the item backward one layer.
WebEasy
63
To fit selected item(s): 1. Select one or more items. 2. On the Layout tab, click the Fit button, or right-click the
point or to space them evenly, click the Selection tab. Then specify Space the selection horizontally, Space the selection vertically, Center the selection horizontally, or Center the selection vertically.
4. To fit selected items on the page, click the Page tab. Then
select Fit the selection to the page, Proportionally fit the selection to the page, or Center the selection on the page.
5. To adjust the size of selected items, click the Size tab. Then
select Make the same size, Make the same width, or Make the same height. To reset the sizes, select Restore original image size.
6. Click OK.
The WebEasy clipart library includes graphic frames. You add a graphic frame to surround another item. After adding the frame, you use the Fit dialog box to fit the frame to the item or vice versa.
To fit a graphic frame and another item: 1. Select the frame and the other items. 2. On the Layout tab, click the Fit button, or right-click the
the selection, or to have the item fit into the frame, select Fit the selection to the frame.
64 WebEasy
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
Display shadow check box. To remove an existing shadow, clear the check box.
Note: The default text for Graphic Text has a shadow applied already.
WebEasy
65
the text frame to an image, select the Convert text to image check box. (To convert the image back to text, click Undo on the Quick Access toolbar immediately after clicking OK.)
5. Drag the sliders to determine the shadows Opacity, Blur, X
click the Full color palette button select a color from the Color palette.
7. Click OK to apply the shadow.
Adding Borders
You can add a border to most items. (If you cant add a border, the Border button is not available for the selected item.)
To add a border: 1. Select the item. 2. On the Home or the Insert and Modify tab, in the Items
66
WebEasy
the Border Style button and specify the type of border. To remove a border, specify None.
Note: You can also specify a style, such as Dotted or Dashed in the Border Thickness list.
in the Line box or click the Border Thickness button and specify a thickness.
5. To color the border, click the Color tab. Select a pre-defined
color, type a hexadecimal color, or click the Full color palette button to specify a color in the Color palette.
6. Click OK.
You can use the Border Settings dialog box to change a border. In addition, for a text item, you can adjust padding in the Border Settings dialog box. See Editing and Formatting Text on page 99 for details.
Coloring Items
You can color an items background. For a shape, this changes the color of the shape. For text, this changes the background of the text frame. For an image, doing this does not change the images color.
For text or shapes, you can also apply a gradient, a texture, or a patterned fill.
Note: Coloring the foreground only affects a text item by coloring the text, itself, within the frame.
WebEasy
67
tab, click a standard, pre-defined color or type a hexadecimal value in the Solid Color box. To select from a larger palette, click the Full Color Palette button. Click a color and then click the x button to close the palette.
4. Click OK.
For information about specifying a custom color, see Specifying Colors on page 72.
68
WebEasy
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.
5. To specify the starting color, click the Full color palette
button to the right of the Ending Color box and select a color from the palette or type a hexadecimal value. Click x.
6. Then, type a Drawing Angle (such as 90) or click the Angle
7. Click OK.
Texture tab.
To use another image, click the Browse button. In the Choose Image dialog box, locate and select the image file and click Open.
5. Click OK.
70
WebEasy
Pattern tab.
4. To specify the color for the pattern elements, click the Full
color palette button to the right of the Foreground Color box and select a color from the palette or type a hexadecimal value. Then click the x button to close the palette.
5. To specify the colored background, click the Full color
palette button to the right of the Background Color box. Select a color from the palette or type a hexadecimal value, and then click the x button.
WebEasy
71
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.
Background color button, or in the currently open dialog box, click the Full Color Palette button.
2. On the Color palette, select a color, or if you
know the hexadecimal value for the color, type it in the box at the top.
3. Click the x button to close the palette.
72
WebEasy
To match a color in the design with the Color palette: 1. Select an item. 2. On a tab, click a Foreground or Background color button. 3. With the Color palette open, move the pointer over the
design and when the pointer is an eyedropper, click the color in the design.
4. On the Color palette, click the x button to close the palette. To specify a custom color: 1. In the currently open dialog box, click the Full Color Palette
button.
2. On the Color palette, click the Select Color button.
Note: Press SHIFT as you click the Full color palette button to open the Color dialog box directly.
color area and then click Define Custom Color. If you select a box with an existing color, the new color replaces by the selected color.
WebEasy
73
4. In the large color spectrum, click a color. 5. In the narrow color spectrum, drag the slider to adjust the
color. If you know the HSL (Hue, Saturation, Luminosity) or RGB (Red, Green, Blue) values, you can type them in the appropriate boxes.
6. When the correct color appears in the Color/Solid box, click
The custom color appears in the Sample area, if available, in the currently open dialog box.
74
WebEasy
Inserting Images
You can add images to your documents or replace the placeholders in a template with your own images. To preserve the size and position, you can insert a placeholder until you find another image.
button.
3. Then double-click a category folder to open it. 4. Scroll through the thumbnails until you find the image to
insert.
5. Drag the image to your document. 6. If necessary, re-position any image.
Optionally, in Windows Explorer, open a folder on your computer or removable device that has images and then drag the image to the current page.
76
WebEasy
> 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.
You can insert more than one image at a time by holding down the SHIFT key while clicking adjacent file names, or by holding down the CTRL key while clicking non-adjacent files.
5. Click Open.
WebEasy 77
To limit the types of images shown, select a specific image type in the File type list.
5. Click Open.
You can also replace an image by dragging an image from the Media Gallery on top of the selected image placeholder. Make sure to select the placeholder first so that the handles appear around the edge of the placeholder.
Image.
78
WebEasy
WebEasy removes the image and a placeholder remains in its place to preserve the size and position of the original image.
Adjusting Images
WebEasy offers many image-editing features to help you enhance your photos. You can add frames, stencils, and shadows to photos. You can crop, rotate, and adjust the photos size or apply photo effects.
Note: You cannot re-color images in WebEasy except by applying an effect to the image.
Rotating Images
You can rotate images either with the mouse or by specifying a degree.
To rotate an image with the Rotate handle: 1. Select the image. 2. Position the pointer over the Rotate handle. 3. Drag the Rotate handle as needed. To rotate an image by degrees: 1. Select the image. 2. On the Insert and Modify tab, in the Modify selection, click
WebEasy
79
amount or select Free Rotate and type the number of degrees to rotate the image counter-clockwise. You can also click the image in the Sample area and drag the image to rotate it.
4. Flip the image by selecting the Horizontal Mirror or
Cropping Images
Cropping an image means trimming unwanted areas. For example, if an image is imperfectly centered, you can crop the extra background so that the subject is at the center of the image. Cropping in WebEasy does not affect the original image; therefore, you can easily restore the image.
To crop an image: 1. Select the image to crop. 2. On the Insert and Modify tab, in the Modify section, click
80
WebEasy
3. In the Crop Image dialog box, drag the handles at the corners
of the image as needed to enclose the area to keep. WebEasy removes anything in the shaded area.
4. Click OK.
You can cancel a crop by opening the Crop Image dialog box and clicking the x in the dialog box.
To crop an image on the page: 1. Select the image. 2. Move the pointer over a handle. 3. Press the CTRL key and with the Crop pointer drag the
handle.
Resizing Images
As with other items, you can resize images by dragging their Size handles. To resize an image precisely, you can use the Size and Position dialog box.
WebEasy
81
To resize an image precisely: 1. Select the image. 2. If necessary, click the Insert and Modify tab. 3. Click Image > Size and Position.
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.
3. Click Image > Size and Position. 4. In the Size and Position dialog box, type values in the
Position area where you want the image placed on the page, relative to the upper-left corner of the page. Typing a number in the Left (or Right) box changes the number in the other box, based on the size of the image. Typing a number in the Top (or Bottom) box changes the number in the other box, based on the size of the image.
Note: While changing positioning values, it is possible to have a negative value for the images size. Make sure the size of the image is correct before clicking OK.
5. Click OK.
Framing Images
You can frame images in two ways: by adding a graphical frame or by applying a stencil to an image. You can also add a colored border to images. For information about borders, see Adding Borders on page 66.
WebEasy
83
To frame an image: 1. Select the image to frame. 2. On the Insert and Modify tab, in the Modify section, click
You use the same procedure to replace a frame. You can also add a frame by clicking Frames on the Media Gallery toolbar and then opening the various folders. When you find a frame you like, drag it on top of a selected image. After adding a frame, you can remove it.
To remove a frame from an image: 1. Select the image with the frame. 2. On the Insert and Modify tab, in the Modify section, click
84
WebEasy
To apply a stencil to an image: 1. Select the image to select it. 2. On the Insert and Modify tab, in the Modify section, click
You use the same procedure to replace a stencil. You can also add a stencil by clicking Stencils on the Media Gallery toolbar and then opening the various folders. When you find a stencil you like drag it on top of a selected image. After applying a stencil, you can remove it.
To remove a stencil from an image: 1. Select the image with the stencil. 2. On the Insert and Modify tab, in the Modify section, click
WebEasy
85
To apply an effect: 1. Select an image. 2. On the Insert and Modify tab, in the Modify section, click
image on the page, select the Preview on page check box. You may need to move the dialog box to see the image on the page. Viewing the preview doesnt actually change the image on the page.
4. Select an effect from the Effects list. 5. Apply less or more of the effect on the samples by dragging
steps 4-6.
8. To apply the effect(s) to the image on the page, click OK.
The effects in WebEasy dont change the original image. You can remove the effects from the image by opening the Effects dialog box and then clicking the Clear All button.
Animating Images
WebEasy provides three ways to animate images: creating animated GIF Images, creating rollover images, and applying a path to an image.
To create an animated GIF: 1. Choose New > Animated GIF from the WebEasy menu. 2. In the Animated GIF Component Assistant wizard, click
Next.
WebEasy
87
and click Next. With the Commercial style, the animation can have three states, which are all the same size. With the Logo style, the animation can have five states of increasing size. You can preview the selected style by clicking the buttons to the right of the Preview area.
88
WebEasy
dialog box, locate and select a folder for saving the image. Click Open. By default, WebEasy saves animated GIF images to your Documents folder.
5. In the Name box, type a name for the image and click Next.
6. Click the Select Folder button at the top of the Images list.
In the Browse for Folder dialog box, locate and select the folder that has the GIF files for the animation. Click OK.
7. In the Images list, select an image for the animation and then
click the > button. (Use the arrow buttons above the Preview area to specify which placeholder to replace.)
8. Repeat step 7 for each image to add to the animation.
The Commercial style animation uses three images. The Logo style uses five. When youve added enough images, WebEasy beeps. If you have multiple images in the folder, you can add all the images (up to the maximum number) by clicking the >> button.
WebEasy
89
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.
90
WebEasy
Exporting Images
When you create a GIF image, you export the document as a series of image files. You can also export images of entire pages or export a selected item to save it as an image (or in another image format). For details, see WebEasy Help.
WebEasy converts any shape into an image when it builds your website.
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.
92
WebEasy
Click Line to draw a straight line. Click Polygon to draw a closed shape with straight lines. Click Polyline to draw an open shape with straight lines. Click Solid curve to draw a closed shape with curved lines. Click Curve to draw an open shape with curved lines.
3. To create a straight line, click once for the starting point and
drag. For all other lines, click to create each node and double-click to finish or close the shape.
Modifying Shapes
You can change shapes (such as filling a shape with color or changing the shapes line). For information about applying colored fills, see Coloring Items on page 67.
To adjust a shapes line quickly: 1. Click the Insert and Modify tab. 2. Select the shape. 3. In the Modify section, click Shapes > a line thickness or
style. If you click Solid/Outline Shape, it changes a solid shape to an outlined shape or vice versa.
WebEasy 93
You can set more line options in the Border Settings dialog box on the Border tab. To open the dialog box, click Border on the Insert and Modify (or Home) tab in the Items Style section.
To make other adjustments to shapes (such as adding color or resizing), see Chapter 6 Working with Items on page 55
94
WebEasy
To select a text frame, click the text item once. In Edit mode, the text appears as plain black text on a white background. An insertion point indicates where you can type. In this mode, you edit the text by adding, changing, and deleting characters.
To enter Edit mode, double-click a text frame. To exit Edit mode, click outside the text frame. In general, keep each text frame larger than the text in the frame. Some browsers might display text in a larger font, and any text that doesnt fit into the text frame wont appear.
Types of Text
WebEasy has three types of text you can add: Plain Text, Rich Text, and Graphic Text. You can use your choice of fonts, styles, sizes, colors, and more with each of these.
96 WebEasy
Plain Text uses the same style for all the text within the text frame. You can specify a different font, style, or color, but the change applies to all the text in that frame. This is the most efficient type of text for having on a page.
With Rich Text you can apply different styles to text in the same frame. You can create links within the frame and create bullets, numbered lists, indents, tables, and other forms of text. You can select text and use standard shortcuts for creating bold (CTRL+B), italic (CTRL+I), and underlined (CTRL+U) text.
Graphic Text is for non-standard fonts and unusual text effects such as applying gradients or textures or having shadowed text. WebEasy converts text within the text frame into a graphic on the web page. Its best to use graphic text with larger size fonts because the text might be difficult to read at small font sizes.
You can align text within the frame to the left, center, right, or justified to the left and right edges.
WebEasy
97
You can convert Plain Text to Rich Text or Rich Text to Plain Text. To do so, select the text frame, and click Rich Text Formatting on the Home tab. When converting from Rich Text to Plain Text, in the confirmation message box, click Yes.
Inserting Text
You can insert your own text or pre-defined text into a page.
Text.
3. Move the pointer to the page and click where you want to
98
WebEasy
Catalog list.
3. Select a text item from that catalog. 4. Drag the text onto the page.
If you use text of your own frequently (such as contact information), you can add it to the Text Assistant. For details, about this and creating custom catalogs, see WebEasy Help.
After inserting the text item, you can edit the text and move and resize the text frame. For details about extracting Exif information or inserting it on a page, see WebEasy Help.
WebEasy
99
Editing Text
There are two ways to edit text: Double-click the text frame. Use the insertion point to select text to change or delete. You can add more text at the insertion point. Select a text frame and then click the Edit Content button on the Home tab. In the Edit Text dialog box, you edit the text as with a word processor. This dialog box also provides some ready-made text that you can easily add.
Note: If the selected text is in a Rich Text frame, HTML tags (such as <H1> and </H1>) appear with the texts characters in the Edit Text dialog box. Unless you understand HTML coding, dont change anything between the angle brackets (< >).
In addition, WebEasy provides a spell checker. To check spelling, click the Spelling button on the Preview and Tools tab. You can also specify Spell Checker settings and add words to your user dictionary. For details, see Spell Checker Help.
100
WebEasy
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.
7. To change the texts color, click the Color arrow and select a
For Plain Text and Rich Text, its best to limit the fonts to Arial, Times New Roman, and Verdana. These are available on most computers. Other fonts might not be available. Graphic text can use any font. WebEasy automatically converts the graphic text to an image when you build your website.
to color.
2. Click the Font Color button. 3. In the Color palette, click a color or type a hexadecimal
value.
4. Click the x button to close the palette. To change the background color of a text frame: 1. Select the text frame. 2. Click the Text Background Color button.
102 WebEasy
3. In the Color palette, click a color. 4. Click the x button to close the palette.
In the Color palette, you can click the Select Color button to specify a custom color.
Aligning Text
You align text by selecting the text frame and then clicking the Left, Right, Center, or Justify button on the Home tab. WebEasy aligns text with respect to its frame.
Note: The Rich Text options are not available unless you select text within a rich text frame.
If youve changed indentation or created a list and the Undo buttons doesnt work, to reverse those styles, click Normal in the Format list.
To delete a text frame: 1. Click once on the text frame to select it. (Dont double-click
Inserting Tables
Always place the table entirely inside the page of the document.
To insert a table: 1. On the Insert and Modify tab, in the Insert section, click
Table.
104
WebEasy
from the Preformatted Style list. When you select a style, an example appears on the right.
3. Click the Size tab and type values in the Number of the
Headings, and Row Headings tabs and adjust the options as needed.
6. Click the Refresh button to update the preview to match
your selections.
7. Click OK. 8. Move the pointer over the page and click to insert the table. 9. Double-click the table to type information into the cells.
To resize the boundary of the item to fit it to the contents, click the table.
Modifying Tables
You can use the options in the Text section on the Home tab to format the text in the table. Double-click the table and select the text to change.
To make changes to a tables structure: 1. Double-click the table. 2. Click a cell in the tab.
WebEasy
105
3. In the Modify section of the Insert and Modify tab, click the
Table button and then specify a command. You can add and delete rows, add and delete columns, or align text horizontally or vertically in the cells. To change the tables borders, choose Table > Table Border Size. Type a whole number between 0 and 32 into the Rich Text Editing dialog box and click OK. To change the cells padding, choose Table > Table Padding. Type a whole number between 0 and 32 into the Rich Text Editing dialog box and click OK.
106
WebEasy
To add a bookmark (general): 1. On the Insert and Modify tab in the Insert section, click the
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab.
3. In the list, select an object starting with Bookmark on. 4. Click OK.
108 WebEasy
5. Move the pointer over the page and click to place the
bookmark icon.
6. In the Object Properties dialog box, double-click the values
to adjust the content as needed for the information you want to appear with the bookmark. (Not all sites use the same parameters.) See WebEasy Help for details. Some sites have specific parameters or you may have to embed code. You may type the value directly or in a dialog box. For details, see the section about the specific service.
7. Click OK.
To verify the bookmark, preview your site and click the icon.
Note: To actually create a valid bookmark to your site, you must publish the site online.
To change the bookmarks properties, select the object and click Script > Object Properties. Change the values as needed and click OK. For adding specific bookmarking widgets, see WebEasy Help.
In the list on the WebWidgets tab of the Insert Object dialog box, select Bookmarking Social Networks. After you click the pointer, in the Object Properties dialog box, adjust the values in the following parameters: Title, Source URL, and Button Label. Also, you can provide keywords.
Adding a Dynamic Bookmark Bar AddThis is a bookmark sharing service that you can use to add a dynamic list of bookmark icons to your site. WebEasy provides WebWidgets for two AddThis bookmark bars. When viewed on the web page, a small bar appears that expands when a visitor moves the pointer over it. These two bookmarks are identical except one shows BOOKMARK in the bar and the other shows SHARE. In the expanded view visitors can click one of many sites to add the bookmark (including sites that arent available as WebWidgets, such as LinkedIn).
To add multiple, dynamic bookmarking icons:
In the list on the WebWidgets tab of the Insert Object dialog box, select Bookmark on AddThis (Add) or Bookmark on AddThis (Share). After you click the pointer, in the Object Properties dialog box, adjust the values in the following parameters: Title and Source URL.
110
WebEasy
WARNING: THESE SITES ARE DYNAMIC AND THEIR FEATURES AND PROCEDURES MAY CHANGE WITHOUT WARNING. USE THE INFORMATION IN THESE TOPICS AS GUIDELINES.
Linking to Photos
You can add a link to show individual photos on your website if the photos are available in Facebook, Flickr, MySpace, PhotoBucket, or Picasa. You need to know the relevant URLs.
To link to a photo (general): 1. On the Insert and Modify tab in the Insert section, click the
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab.
WebEasy
111
3. In the list, select an object starting with Link to Photo on. 4. Click OK. 5. Move the pointer over the page and click to place the photo. 6. In the Object Properties dialog box, double-click the values
to adjust the content as needed for linking to a specific photo. (Not all sites use the same parameters.) For details, see WebEasy Help.
7.
Click OK.
To verify the link, preview your site and click the photo. To change the photo widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK. For linking to photos from a specific site, see WebEasy Help.
Linking to Albums
With some sites you can organize photos into albums. If youve set up albums on Facebook, Flickr, MySpace, PhotoBucket, or Picasa, you can link to that album on your website. You need to know the relevant URLs. An image in the album shows on the web page. In some cases you can specify which photo shows.
112 WebEasy
To link to an album (general): 1. On the Insert and Modify tab in the Insert section, click the
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Link to Album on. 4. Click OK. 5. Move the pointer over the page and click to place the album. 6. In the Object Properties dialog box, double-click the values
to adjust the content as needed for linking to a specific album. (Not all sites use the same parameters.) For details, see WebEasy Help.
7. Click OK.
To verify the link, preview your site and click the photo that appears on your web page. To change the album widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK. For linking to albums available from a specific site, see WebEasy Help.
WebEasy
113
WARNING: THE INSTRUCTIONS MAY BE BROWSER-DEPENDENT. IF YOU CANNOT FOLLOW THE GIVEN PROCEDURE IN ONE BROWSER, TRY ANOTHER ONE.
WARNING: THESE SITES ARE DYNAMIC AND THEIR FEATURES AND PROCEDURES MAY CHANGE WITHOUT WARNING. USE THE INFORMATION IN THESE TOPICS AS GUIDELINES.
Embedding Photos
You can embed photos into your web pages that are available online from your Flickr, MySpace, PhotoBucket, or Picasa account.
To embed a photo (general): 1. On the Insert and Modify tab in the Insert section, click the
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Photo on. 4. Click OK. 5. Move the pointer over the page and click to place the photo.
114
WebEasy
to adjust the content as needed for linking to a specific photo. (Not all sites use the same parameters.) For details, see WebEasy Help.
7. Click OK.
To verify the embedded photo, preview your site. To change the photo widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK. For embedding photos available from a specific site, see WebEasy Help.
Embedding Albums
If youve set up albums on Flickr, MySpace, PhotoBucket, or Picasa, you can embed that album on your website. On the web page, the album appears as a slideshow.
WebEasy
115
To embed an album (general): 1. On the Insert and Modify tab in the Insert section, click the
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an album object starting with Album on. 4. Click OK. 5. Move the pointer over the page and click to place the album.
to adjust the content as needed for linking to a specific album. (Not all sites use the same parameters.) For details, see WebEasy Help.
7. Click OK.
To verify that the album is on the page, preview your site. To change the album widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK.
116
WebEasy
For embedding albums available from a specific site, see WebEasy Help.
WARNING: THESE SITES ARE DYNAMIC AND THEIR FEATURES AND PROCEDURES MAY CHANGE WITHOUT WARNING. USE THE INFORMATION IN THESE TOPICS AS GUIDELINES.
Embedding Videos
You can use a widget to embed videos on your website if the videos are available in Facebook, Google, MetaCafe, MySpace, or YouTube. To embed a Flash video, you must know the ID for the video file. Also, its helpful to find out what the size is for the sites video player and make sure you set the size correctly for the placeholder and not resize it on your site. (The size is usually in the embed code.)
To embed a video (general): 1. On the Insert and Modify tab in the Insert section, click the
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Video on. 4. Click OK.
WebEasy
117
5. Move the pointer over the page and click to place the video
player.
6. Double-click the object. (For MySpace video, you dont need
to do this.)
7. In the Embedded Object Properties dialog box, double-click
the values to adjust the content as needed for the video. (Not all sites use the same parameters.) For details, see WebEasy Help.
8. Click OK.
To verify the embedded video, preview your site. To change the video widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK.
Note: If you are familiar with the HTML code for embedding objects, you can select the object and click Script > Custom Script to make additional changes in the Custom Script Assistant.
For embedding videos available from a specific site, see WebEasy Help.
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Go to.
118
WebEasy
4. Click OK. 5. Move the pointer over the page and click to place the icon. 6. In the Object Properties dialog box, double-click the values
to adjust the content as needed for linking to the other site. WebEasy provides most of the information. For details, see WebEasy Help.
7. Click OK.
To verify that the icon is on the page and is linked correctly, preview your site. To change the widgets properties, select the object and click Script > Object Properties. Change the values as needed and click OK.
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Like. 4. Click OK. 5. Move the pointer over the page and click to place the like
icon.
6. For a Twitter like button, in the Object Properties dialog
box, double-click the Users API ID value and type your Twitter ID. (Usually it is your name in your Twitter page. For
WebEasy 119
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.
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select an object starting with Contact on. 4. Click OK. 5. Move the pointer over the page and click to place the icon.
120
WebEasy
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.
WebEasy
121
Object button.
2. In the Insert Object dialog box, click the WebWidgets tab. 3. In the list, select Get Yelp Feedback or Get Yelp Review. 4. Click OK. 5. Move the pointer over the page and click to place the Yelp
To verify that the Yelp button or review panel is on the page, preview your site. To change the Yelp widget, select it and click Script > Object Properties. Change the telephone number and click OK.
122
WebEasy
Consult your Internet Service Provider (ISP) or web hosting service to get the required site hosting details before using the Publish Assistant. If you do not have a subscription to an ISP that includes web space or have another web host provider, consider using the
WebEasy
124
WebEasy web hosting solution. For information, click the Sign-Up button in the WebEasy Hosting section on the Publish tab.
button for the Folder box. In the Choose Folder dialog box, locate and select a folder for storing the website files. Click Open. (You can also type the path.)
WebEasy
125
Note: WebEasy places all the files required to view the website, such as the HTML files, the graphics files, and any other necessary files (depending on the type of website) into this folder.
you wish, to a name for the website package. In general, only use lower-case letters and use the underscore (_) character to separate words. Do not use spaces or non-alphanumeric characters in the name.
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
build: XHTML with CSS, HTML with CSS, Dynamic HTML, or Simple HTML.
8. Click the with button and specify the type of pages for your
website: For XHTML with CSS or HTML with CSS, specify how to position the pages: Standard Page displays the website at the top left of the browser. Centered Full Page displays the pages in the center of the browsers window with the any texture or gradient
126 WebEasy
background showing in the center, but the extra space is filled with a solid background color. Centered Transparent Page displays the pages in the center of the browsers window with any texture or gradient background filling the extra space. For Dynamic HTML, you can specify positioning or add navigation by page numbers or icons to the pages. You can also have the pages divided into frame sets. For Simple HTML, you can specify no additional navigation or have page numbers or icons for navigation. If this is an eBay page, specify Source for eBay sellers.
9. Specify colors for linked text.
To set or change the color of Standard, Visited, and Active links, click the appropriate color block and select a color. For details see Specifying Colors on page 72.
10. Click the Advanced button to personalize your website by
If you do not have RSS set up, leave this set as RSS Excluded. For information about RSS, see Adding RSS on page 154.
12. Select the Publish on Internet check box if you are
connected to the Internet, have the relevant details from your web hosting service, and want to publish the website now. After WebEasy creates the files, the Publish Assistant opens for you to upload the files immediately.
13. Select the Run Now check box to display the website in your
WebEasy
127
The build process takes a few moments, depending on the size of your website and speed of your computer.
128
WebEasy
Opening a New Account You can open an account with the WebEasy hosting service to publish your website to space allocated with the account.
To open a new WebEasy hosting account: 1. On the Publish tab in the WebEasy Hosting section, click
Sign-Up.
2. In the browser window, specify that you want to open a new
account.
3. Follow the online instructions.
Publishing a Website to an Existing WebEasy Hosting Account Once you have a WebEasy hosting account, you can publish a new site or update an existing website in your space with the WebEasy Hosting Services Publishing wizard.
Note: If you have questions when going through the wizard, click the Questions? Get help now link to get information online.
WebEasy
129
To upload your website: 1. Make sure you save your WebEasy document and build it
into a website. (For details on building the site, see Building Your Website on page 125.)
2. On the Publish tab in the WebEasy Hosting section, click
Publish. (You can also choose Start>All Programs>Web Easy Professional 9>Web Easy Site Publisher.)
3. In the WebEasy Hosting Services Publishing wizard, if
necessary, type the User name and Password for your WebEasy hosting account and click Next.
Note: The first time you sign in, you must type your User name and Password. If you select Remember log-in information, the wizard automatically fills in the information the next time you open the wizard. If you forgot your password, click Forgot your password? to retrieve your password. If you dont have an account yet, click I dont have a user name and password to open a new account.
check mark in the correct check box.) If the correct website does not appear in the list, click Browse Folder to locate and select the folder with the websites files, and then click Select Folder.
Note: You can only upload one site at a time.
5. Click Next. 6. Select the domain for this website. (You can upload to more
than one domain by pressing Ctrl as you select each one or press Shift for adjacent domains in the list.)
130
WebEasy
Note: To buy another domain for your account, click the Buy a Domain link.
7. Click Next. 8. After the files have been uploaded successfully, if you wish,
click the sites link to verify the website. (If you selected multiple domains, the wizard has links to each.)
9. To close the wizard, click Finish.
Note: You may need to reload the page in the browser or clear the browsers cache to see the updated pages.
Managing My Account You can manage your WebEasy hosting account online.
To manage your account: 1. On the Publish tab in the WebEasy Hosting section, click
My Account.
2. In the browser, type your user name and your password. 3. Click Login. 4. Make any needed account changes. 5. Log out.
Note: You can also access your account by clicking Manage my account at the end of the WebEasy Hosting Services Publishing wizard.
Using the Publish Assistant You can use Publish Assistant to publish your website.
WebEasy
131
Note: If you signed up for the WebEasy hosting service, the easiest way to upload your files is to use the WebEasy Hosting Services Publishing wizard.
For details about uploading files with the Publish Assistant, see Using Another Web Hosting Service on page 132. Publishing with FTP Max As an alternative to the WebEasy Hosting Services Publishing wizard, advanced users can publish websites by using FTP Max, an easy-to-use FTP utility. With it you can transfer files to and from your remote server and manage your remote files. For details about uploading files with FTP Max, see Publishing with FTP Max on page 135 and FTP Max Help.
Note: Your ISP or hosting service must support the FTP protocol.
132
WebEasy
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.
clicked Build) to upload. If the folder to upload doesnt appear in the Website packages list, click the Browse button. Locate the package and click Open.
WebEasy
133
navigation buttons.
5. Click Next and, if you have an active Internet connection,
click Connect.
your website space. The Profile list includes standard profiles for many popular ISPs. If your ISP isnt in the list, create a profile for your hosting service. See Creating Connection Profiles on page 137 for details.
7. If you selected a standard profile, fill in the information for
134
WebEasy
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.
WebEasy
135
2. In the Connect dialog box, select the profile for your website
space. If you havent created a profile, select a defined profile from the list of popular ISPs. If your ISP is not in the list and you have not created a profile, see Creating Connection Profiles on page 137 for information.
Note: You must have the connection details from your ISP or host to continue.
FTP Max window, specify the remote folder, if necessary, in the top area.
6. Locate the folder with the files in the Local Folder box.
136
WebEasy
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.
To create a profile. 1. On the Publish tab, in the 3rd Party Hosting section, click
WebEasy
137
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
7. Type the folder for uploading the site in the Initial remote folder box (such as public or htmldocs).
package in the Initial local folder box. WebEasy fills this in with the default location of
C:\Users\user\Document\Web Easy\Html. 9. In general, leave the other options with their default values
138
WebEasy
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
WebEasy
139
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.
WebEasy remembers the information you entered previously, so the process is shorter the next time. When uploading, WebEasy checks the date and time of each file against those on the server. It only uploads newer files to your web space unless you specifically tell it to remove older files.
140
WebEasy
You can insert a photo into your auction description if you have a digital or scanned photo of your auction item that is stored on
142 WebEasy
your personal website or with an online photo-hosting service somewhere on the Web. Have the URL for the photo available before going through the wizard.
Note: If your auction photo is on your own computer, you must use eBays standard photo hosting services to transfer photos from your computer to the eBay servers. For information, see eBays online help.
Read the instructions and recommendations on eBay for designing the page. Use these guidelines: Use Plain Text and Rich Text items only. (Do not insert Graphic Text.) Use only solid colors as backgrounds or foregrounds. In general, do not use images except for one image that is available online. Have the URL for that image available. To use other images on the page, see WebEasy Help for details. Do not use links to other pages or websites. Only have one page in your site. Do not have overlapping objects on your page design.
To create an eBay page, you use the Website Assistant. Select eBay Wizard in the Business category. For details, see WebEasy Help.
Creating Blogs
Blogs (Web Logs) are specialized sites where a user posts regular entries for visitors to read. In addition to creating a blog site with WebEasy, you can link to a personal account from a blogging site.
WebEasy
143
To create a blogging website, you use the Website Assistant. Select Blog Wizard in the Family and Personal category. For details, see WebEasy Help.
Changing Scenes
Scenes are pages that change appearance based on the time of day, the day of the month, a season, or another factor. You can only have scenes with a DHTML site. The Scenes Assistant helps you adjust images, text, or backgrounds on the same website page based on conditions. A visitor to your website experiences these themes. For example, the theme called Day of the Week might display different marketing slogans on Monday, Tuesday, or Sunday. A Theme is a collection of the scenes available based on specified factors, such as the day of the week.
144
WebEasy
A Scene is a website page design prepared for a particular instance from the theme collection, such as Monday, summer, or Mothers Day.
Design your website document and include the eShop buttons for the products you sell.
Recommendations
When setting up your e-commerce website, take care to select a vendor who suits your needs. Evaluate the vendors websites to determine their terms and conditions and what fees they charge. In the E-Commerce Vendor Assistant, WebEasy provides a link to each vendors site. You can also click E-Commerce > Vendors Website. If you use an e-commerce template, the default objects wont work properly on the Internet without the correct settings required by the vendor. Before building the site, delete or edit the e-commerce demonstration objects in the templates.
WebEasy
145
If e-commerce features do not work correctly, you may need to make adjustments to the scripts. To do so, select the button on the page and click Script > Custom Script on the Insert and Modify tab. In general, do not modify scripts unless you understand HTML and the scripting language.
Creating an eShop
Please be aware of all rules and requirements your state, your country, and international law imposes on e-commerce business activities.
Note: See WebEasy Help for more information about an e-commerce vendors specific requirements and to learn about a vendors set of e-commerce objects. Some vendors may not have all objects available. Use the procedure as a guide only.
To create an eShop in a document: 1. Click the Insert and Modify tab. 2. In the Insert section, click E-Commerce > Select Vendor. 3. In the E-Commerce Vendor Assistant, click Next. Then click
a tab to select the vendor that best suits your needs and follow the instructions.
4. If you havent already, sign up with the vendor to use their
services.
5. Follow the vendors instructions on how to set up your
e-commerce service on the Internet. For the WebEasy and 2Checkout solutions, you must create and add items to a product database before designing your website. You can then use the values in the product database when you add the e-commerce buttons to your website.
146
WebEasy
selling the products by putting product names, descriptions, photos, and prices on this page.
Note: Do not place form objects on the web page other than those listed with the vendors name in the Insert Object dialog box. Mixing the objects may cause conflicts and the web page may not work properly on Internet.
Cart or Buy Now object for each product for sale and customize the object as needed.
Note: See relevant topics in WebEasy Help to learn more about each e-commerce object and its parameters.
> Insert Object to insert Checkout, My Account, or More Info buttons as needed to complete the eShop design.
9. Build your website and publish it on the Internet. 10. Verify and test your website with your eShop solution.
WARNING: BEFORE BUILDING YOUR WEBSITE, DELETE OR EDIT ANY E-COMMERCE DEMONSTRATION OBJECTS THAT ARE PART OF A TEMPLATE. THESE OBJECTS WILL NOT WORK PROPERLY ON THE INTERNET WITHOUT THE PROPER SETTING REQUIRED BY THE E-COMMERCE VENDOR.
For more details about working with e-commerce sites, see WebEasy Help.
news, weather reports, stock market prices, or advertising. By inserting a dynamic link on your site, you can also direct your visitors to e-shops and services on the Internet. To create your own eShop, see Adding e-Commerce Features on page 145. You must have an account with the online service to be able to create a dynamic link.
To add a dynamic link: 1. Click the Insert and Modify tab. 2. In the Insert section, click Object > Dynamic Link. 3. In the Dynamic Link Assistant wizard, click Next and follow
object group:
148
WebEasy
Click Animations for objects (such as moving text that you can replace with your own text) to create a dynamic DHTML website. Click Auto links to create links in the form of balls, bullets, or numbers. WebEasy automatically calculates the number of pages in your document and creates a link to each page. Click Dividers to use pre-designed page dividers, some of which are animated. Click Forms to insert complete forms or individual fields and modules. Click Gadgets to add ready-to-use objects (such as a visitors counter, calculator, calendar, or a status bar clock). Click Navigation for pre-designed navigation bars with buttons that you can link. Click Objects to add specialized objects (such as YouTube videos) or coding (such as No Right Click). Click Search to use a specific search engine with your site. Click Visit Us to add a link for WebEasy or Avanquest. Click WebWidgets to link to other websites (such as a Blogger account or your Facebook page). Click eShop to add buttons for e-commerce.
4. Select the item and make modifications as needed. 5. Click OK.
For information about adding a counter to your site, see WebEasy Help. Other topics give specific information about adding certain objects.
WebEasy
149
Adding Multimedia
You can easily insert audio, video, and other multimedia to your website.
To add sound to a web page: 1. Open the page. 2. On the Insert and Modify tab, in the Modify section, click
150
WebEasy
and select the audio file. Click Open. By default, the Browse dialog box opens to the WebEasy/Audio/Effects folder.
6. To listen to the audio file, click the Play button. To stop the
3. In the Link dialog box, in the Link Type list, select Audio
File.
WebEasy
151
Browse dialog box, locate and select the audio file and click Open.
5. To test the sound, click the Play button. 6. To stop playing the file before it ends, click the Stop button. 7. Click OK.
To insert multimedia from the Media Gallery: 1. Select the item you want to use in the Media Gallery.
If the Media Gallery doesnt appear in the WebEasy window, on the Insert and Modify tab, click Media Gallery.
2. Drag to place the file as an object in your document.
You can also insert multimedia available on other websites with a WebWidget from the Insert Object dialog box. For details, see Chapter 9 Integrating with Other Websites on page 107.
Adding Podcasts
A podcast is a method for including multimedia files on your website, such as audio or video, that are available for playback or for downloading.
152 WebEasy
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.
2. Click the Review and Tools tab. 3. In the Multimedia section, click the Play button.
To adjust the multimedia player or use a placeholder image on the web page, see WebEasy Help.
Adding RSS
Use Really Simple Syndication (RSS) to have the visitors to your website receive RSS feeds. These feeds automatically keep site visitors informed about the sites latest news and developments. They are especially useful if you frequently change or add content. To create RSS content in WebEasy, first create a web page for WebEasy to use for creating an XML file (the feed) with your sites latest information. Then, you add a link to that file into one of your web pages, generally the main page.
154
WebEasy
You can create a link to a single line of text, an icon, or an image. When a visitor clicks the link, the XML file opens in their browser or RSS reader and displays the RSS information.
Note: Not all browsers recognize RSS feeds. Review each browsers documentation for further information.
Adding WebWidgets
WebWidgets include tools for social networking, photo-sharing, and bookmark-sharing sites. For example, you can link to photos on your Facebook page or in your Flickr account. You must specify parameters when you insert WebWidgets. For example, to insert the Album on Flickr widget, you must specify your user ID and photo album location. Each widget includes different parameters for you to set. For information about inserting WebWidgets with media or links to other sites, see Chapter 9 Integrating with Other Websites on page 107.
Note: You can also click Objects on the Media Gallery toolbar and double-click the WebWidgets folder. Drag the appropriate object onto the web page.
To insert a WebWidget: 1. Click the Insert and Modify tab. 2. In the Insert section, click the Object button. 3. In the Insert Object dialog box, click the WebWidgets tab. 4. Select the object to insert. 5. Click OK.
WebEasy 155
6. Move the pointer over the page and click to place the object. 7. If the Object Properties (or Embedded Object Properties)
dialog box opens, adjust the values as needed. For details about inserting WebWidgets, see Integrating with Other Websites on page 107.
8. Click OK.
For many objects, you must preview the site to see the object correctly.
Adding Scripts
JavaScript is a programming (or script) language. Generally, you add a script to add functionality of some type to your website. For example, you can have the script open a separate browser window or display a message under certain conditions. WebEasy includes some standard scripts that you can add for implementing common web design features.
Note: Some visitors may have blocked scripts from running in their browsers.
For information about using defined scripts (such as for redirecting pages) or creating custom scripts, see WebEasy Help.
156
WebEasy
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
158
WebEasy
Portrait-oriented images appear as landscape images. Your digital camera might show all the images you take in landscape mode. In WebEasy, rotate the images by 90 degrees. For more information, see Rotating Images on page 79. When I added an oval frame to my image, it did not fit. Oval frames should be used with oval stencils. If you have dragged an oval frame onto your image, click Stencil on the Media Gallery toolbar. Open the Oval folder, and drag an oval-shaped stencil onto your image. When I deleted my frame, my image disappeared as well. WebEasy groups images and frames together to make it easy for you to work with them. When you select a frame, the handles show you whether you have selected just the frame or both the frame and the image. If the handles are squares, you have selected just the frame. If the handles are diamonds, you have selected both the frame and the image. If the selection you have made is not the one you wanted, select the item again. The handles should alternate between diamond and square each time you select an item. A better way to remove a frame from an image is click Image > Clear Frame in the Modify section of the Insert and Modify tab.
WebEasy
159
160
WebEasy
If you cannot find anything wrong with the addresses, see your Internet Service Provider. Some of the links to other parts of my site are not working. Make sure that you have not created links to pages that you have subsequently deleted. It is best to add your links after you have completely finished designing your document. Use the Site Map Assistant (available on the Review and Tools tab) to check your links from and into each page. (See Viewing Links with the Site Map Assistant in WebEasy Help.)
WebEasy
161
If the allocated space on the remote host is smaller, you can either request more space from your ISP or reduce the size of your website. You can reduce the size of your website by reducing the size of any large graphics, by removing a page, or by removing large files that are linked to the site. If you have already published a website, you can make the one you are publishing now smaller, or you can delete the first
162 WebEasy
website from your remote host. Deleting a website from your remote host does not remove your local version of it.
WebEasy
163
When I view my website in different browsers, it looks different. Different browsers may interpret web page coding and scripting differently. Because of this, they may display your website differently. Sometimes there is nothing you can do about the differences. For example, some browsers use different color palettes and those browsers display colors differently. If visitors use Large Fonts in Windows, some browsers provide improper font sizes that arent controllable by HMTL.
164
WebEasy
Index
A
Activity Center, 16 adding animation, 154 borders, 66 color, 67 contact buttons, 120 e-commerce, 145 eShop, 146 frames, 83 Google Apps, 121 images, 76 Like buttons, 119 multimedia, 152 page background, 44 pages, 41 podcasts, 152 RSS, 154 scenes, 144 shadows, 65 sounds, 150 tables, 104 text, 98 words to dictionary, 100 Yelp buttons, 122 AddThis bookmark, 110 adjusting layer positions, 62 lines of shapes, 93 tables, 105 text frames, 100 animations, 148 audio, 150, 153
B
backgrounds for pages, 44 backups, 38 blank documents, 36 blogs, 143 bookmarking AddThis service, 110 multiple sites, 109 sites, 108 bookmarking widgets, 108 borders, 66, 93 for images, 84 borders of shapes, 93 boxes rectangles, 92 building websites, 125
Index
C
changing, 93 layer positions, 62 lines of shapes, 93 tables, 105 circles, 92 clearing frames, 84 stencils, 85 clip art, 13 applying effects, 86 borders, 84 cropping, 80 framing, 83 moving, 82 stencils, 84 clipart adding, 76 rotating, 79 coding, 156 Color dialog box, 72 Color palette, 72 coloring, 67 custom colors, 73 matching colors, 73 Web-safe colors, 72 colors, 72 connection profiles, 137 conventions document, 6 copying items, 59 creating backups, 38 eShop, 146 website, 17 website from scratch, 36 websites, 30, 34 cropping images, 80 CSS, 124
166 WebEasy
cue cards, 9 curves, 92 custom colors, 73 customer support, 10 customizing WebEasy, 27 cutting items, 59
D
deleting frames, 84 items, 59 links, 52 pages, 49 stencils, 85 text frame, 103 DHTML, 124 DHTML Editing Control, 12, 13 dividers, 148 document conventions, 6 documents, 30 blanks, 36 building into website, 124 opening, 40 pages, 41 previewing, 52 publishing, 128 saving, 36 saving as template, 37 templates, 34 Website Assistant, 31 drawing lines, 92 ovals, 92 polygons, 92 shapes drawing, 92 dynamic links, 147
Index
E
eBay auction page, 142 e-commerce, 145 editing text, 100 text mode, 96 effects images, 86 scenes, 144 embedding albums, 113, 115 photos, 113, 114 videos, 117 eShop, 145 Exif information, 99 existing, 28
H
Help FTP Max, 8 Media Gallery, 8 Spell Checker, 8 help cue cards, 9 online, 7 technical support, 10 tutorials, 10 users guide, 9 help system, 7 HSL values, 74 HTML, 124
I
images adding, 76 applying effects, 86 borders, 84 cropping, 80 framing, 83 moving, 82 placeholders, 78 rotating, 79 stencils, 84 inserting pages, 41 Inspector, 22, 25 installation requirements, 12 installing, 12 iPhone redirection, 148 ISP, 128 items animating, 154 borders, 66 coloring, 67 copying, 59 cutting, 59 fitting, 63 formatting, 62
WebEasy 167
F
file formats, 22 fitting items, 63 flash, 152 formatting items by pasting, 62 Rich Text, 103 forms, 148 frames adding, 83 removing, 84 FTP Max, 132, 135, 137 FTP Max Help, 8
G
gadgets, 148 gradients, 45, 69 graphic frames, 63, 64, 83, 158, 159 Graphic Text, 96 grouping items, 58
Index
grouping, 58 layers, 62 moving, 57 pasting, 60 problems, 158 resizing, 58, 63, 81 selecting, 56 shadows, 65
P
Page Navigation pane, 20, 25 page titles, 43 pages adding, 41 adding links, 51 adding titles, 43 background, 44 deleting, 49 re-ordering, 50 sizing, 49 viewing, 40 pasting formatting, 62 pasting items, 60 path animations, 154 patterns, 48, 71 photo album website, 142 photos Exif information, 99 photo-sharing sites, 111 pictures, 82 adding, 76 applying effects, 86 borders, 84 cropping, 80 framing, 83 rotating, 79 stencils, 84 placeholder images, 78 Plain Text, 96 podcasts, 152 polygons, 92 polylines, 92 positioning images, 82 positioning items, 57 previewing websites, 52 programming, 156 Publish Assistant, 133 publishing
J
JavaScript, 156
L
layers, 62 lines, 92 linking albums online, 112 dynamic links, 147 other accounts, 118 pages, 51 photos online, 111 problems, 161 removing links, 52
M
managing websites, 131, 140 manual, 9 Media Gallery, 20, 21, 76 Media Gallery Help, 8 mobile device sites, 144 movies, 152 moving, 82 moving items, 57 multimedia, 152 multimedia player, 153 music, 150, 153
O
online help, 7 opening documents, 40
168 WebEasy
Index
Q
Quick Access toolbar, 19, 26 quitting, 28
R
registering, 6 removing frames, 84 items, 59 links, 52 pages, 49 stencils, 85 text frame, 103 re-ordering layers, 62 re-ordering pages, 50 replacing images, 78 placeholders, 78 re-positioning, 82 resizing items, 58, 63, 81 pages, 49 RGB values, 74 Rich Text, 96, 103 rotating images, 79 RSS, 154
shadows, 65 shortcut menus, 25 Size handles, 81 sizing items, 81 pages, 49 sounds, 150, 153 Spell Checker, 100 Spell Checker Help, 8 squares, 92 starting, 16 status bar, 20, 26 stencils, 84 removing, 85 support, 10 support, technical, 10 system requirements, 12
T
tables adding, 104 changing, 105 technical support, 10 templates, 31, 34 saving, 37 text adding, 98 adjusting frames, 100 catalogs, 99 deleting frame, 103 editing, 100 Exif information, 99 formatting, 103 frames, 96 modes, 96 problems, 160 types, 96 Text Assistant, 98 textures, 46, 70 titles for pages, 43 ToolTips, 8
WebEasy 169
S
saving as template, 37 documents, 36 scenes, 144 scripts, 156 selecting items, 56 serial number, 10
Index
U
updating WebEasy, 13 uploading files, 128 users guide, 9
V
vendors, 145 version, 10 videos, 153 viewing multimedia, 153 pages, 40 problems in browsers, 163 websites, 140 VRML, 148
websites blogs, 143 building, 124 creating, 17 eBay auction page, 142 for mobile devices, 144 maintaining, 140 package file, 125 photo albums, 142 publishing, 128 types, 124 WebWidgets, 155 widgets, 148 workspace, 19
X
XHTML, 124
Y
Yelp, 122
W
web hosting, 128 WebEasy building sites, 125 clip art, 13 customizing, 27 documents, 30 hosting service, 128 installing, 12 quitting, 28 starting, 16 updating, 13 version, 10 WebEasy menu, 19 Website Assistant, 31 workspace, 19 WebEasy Help, 7 Web-safe colors, 72 Website Assistant, 31 website documents, 30
170 WebEasy
Z
zooming, 20, 26