Yahoositebuilder Manual 2-2 PDF

SiteBuilder 2.
2
Manual
Copyright © 2005 Yahoo! Inc. All rights reserved.

SiteBuilder 2.2 Manual
Yahoo! SiteBuilder
What's New in Yahoo! SiteBuilder 2.2
Welcome to Yahoo! SiteBuilder 2.2, the most powerful, easy-to-use Yahoo! site building software yet. At Yahoo!
Small Business, we understand that you want to develop your web site your way, whether you're an expert
programmer or a web site novice. We're committed to bringing you the most flexible design tools, intuitive interface,
and high-demand features available, so we're proud to announce the latest SiteBuilder enhancements, which make
it easier than ever for anyone to create a sophisticated web site or online store.
Templates
Templates offer one of the quickest ways to develop a professional-looking web presence, but we understand that
our users won't settle for cookie-cutter sites. To help you build the site you want, we've added dozens of multipage
templates, which means you can now choose from more than 380 different designs, including both business (real
estate, law, physician) and personal (hobby, wedding, baby) themes. As always, you can fully customize every
page, and our newly redesigned template tools make selecting a design easier than ever. Learn more.
A sample template page
PayPal Buttons
SiteBuilder now provides a streamlined way to add PayPal buttons to your pages. Perfect for selling products online
or collecting charitable donations, PayPal buttons allow you to affordably accept credit card and other payments.
(Please note that PayPal buttons in SiteBuilder are not designed to work with a Merchant Solutions account.)
Learn more about PayPal, related fees, and PayPal buttons.
Add-Ons (Instant Info) and Other Tools

We've created new tools to help you interact with your visitors and spice up your site. Now you can quickly add a
counter to track your page views or a site search box to help your visitors find information on your site. Create a
Loan Calculator (perfect for real estate agents and financial institutions) to help your visitors estimate payments, and
try out the new iframe tool to display other web sites or save time on page maintenance.
A sample counter
Learn more about add-ons and code tools.

Clip Art
We've added more clip art and simplified the process of adding it to your pages. The revamped Choose an Image
dialog allows you to browse both your own images and our growing selection of illustrations and photos, making it
easier than ever to design an eye-catching site. Learn more.
Prebuilt Forms
Many of our customers solicit feedback and other information from their site visitors through online forms. For your
convenience, SiteBuilder now offers two complete, fully customizable forms that you can add to your site in
seconds. Learn more.
You'll notice more usability and feature enhancements throughout Yahoo! SiteBuilder. For further information on any
of these upgrades and more, turn to the rest of the expanded and revised User Guide.
Yahoo! SiteBuilder
About This Guide
With Yahoo! SiteBuilder, you can build a great web site without even knowing HTML. If you can use a mouse, you're
ready to get started.
Please select a help topic from the list below:
What's New in v.2.2 Get an overview of the new features in this version of SiteBuilder.
Before You Begin New to site building? Learn some basic concepts before you get started.
Getting Started Not sure where to begin? Dive in here.
Common Questions Get answers to some of the most frequently asked questions about Yahoo!
SiteBuilder.
SiteBuilder Basics Get familiar with basic operations such as updating SiteBuilder and customizing
your SiteBuilder interface.
Working with a Site Learn how to import or create a new site, manage your files, and more.
Publishing Find out how easy it is to make your site available on the Web.
Using Templates Learn how to create web pages using Yahoo! SiteBuilder's customizable
templates.
Working with Pages Understand how to open, close, and delete pages, set page properties, and more.
Working with Text Add, manipulate, and spell-check text on your pages.
Working with Images Learn how to add and manage images.
Working with Links Find out how to link your pages, images, and words.
Working with Audio and Video Embed sound and video elements in your web pages.
Working with Page Elements Manage, position, and layer elements such as images and tables.
Adding Backgrounds Enliven your pages with background color, sound, and more.
Using Tables Create a table to display elements in an organized fashion on your page.
Using a Navigation Bar Build a professional-looking navigation bar for use throughout your site.
Using File Manager Learn how File Manager keeps your site assets organized and accessible.
Using Add-Ons Easily add interactive features such as counters and maps to your pages.
Adding Page Effects Add graceful page transitions and other graphic effects to your web pages.
Using PayPal Buttons Use PayPal buttons to collect payments or donations on your site.
Building Forms Use forms to collect valuable information about your visitors.
Using Code Elements Discover how to use HTML-based features such as iframes.
Using Merchant Solutions Learn how to integrate Yahoo! SiteBuilder with your Merchant Solutions account.
Troubleshooting Get help when you see an error or other unexpected behavior.
Shortcuts Learn some time-saving toolbar and keyboard shortcuts.
Getting Help Online Find out where to find more information in our online help center.
Before You Begin Using SiteBuilder

Page 1 of 3
Congratulations on choosing Yahoo! SiteBuilder to create and update your web site! This brief guide will help you
familiarize yourself with SiteBuilder before you get started creating your site.
Is SiteBuilder the Right Tool for You?
Our most comprehensive site building tool, Yahoo! SiteBuilder gives you the most control over your web site.
Designed for beginners but with the features and flexibility that intermediate to advanced users want, SiteBuilder
offers:
● The quick and easy Site Creation Wizard

● More than 380 fully customizable templates
● Convenient drag-and-drop editing
● Support for audio and video elements
● Automatic site navigation
● Forms, tables, and Yahoo! add-ons
● Full control over your site's HTML
Like all Yahoo! site building tools, SiteBuilder requires no programming skills to put together a professional-looking
web site.
Updating SiteBuilder
We value your feedback and work constantly to improve SiteBuilder and add the new features and tools most
important to you. Keep an eye on your Yahoo! newsletters and in your control panel for announcements; we'll also
alert you to any upgrades when you publish with SiteBuilder.
We recommend that you update your copy of SiteBuilder whenever we make a new version available so that you
can take advantage of the enhancements we regularly provide. And don't worry about losing your work -- we make
sure each new version of SiteBuilder works seamlessly with the previous release.
To update your version of Yahoo! SiteBuilder, first make sure that you are connected to the Internet. From your
computer's Start menu, choose Programs, then Yahoo!, then Yahoo! SiteBuilder; select Update Yahoo!
SiteBuilder. Your version of SiteBuilder will update automatically.
next >

Page 2 of 3
< previous - next >
Your Web Site Folder
Before you start working with SiteBuilder, it's important to understand how it works with your computer. You'll use
SiteBuilder just like any other desktop software. SiteBuilder runs on your local computer, which means you can work
with the tool even when you're not connected to the Internet (you will need to connect only when you're ready to
publish). Just as you might open a word-processing program to write a letter, you will open SiteBuilder whenever
you want to create or update pages of your site. And just as you might save copies of your letters and other
documents in folders on your hard drive, you'll save the files that make up your web pages in a special SiteBuilder
folder.
When you begin to create a web page or site with SiteBuilder's Site Creation Wizard, we will ask you to name the
folder in which your web site files will be stored, then choose a location for this site folder. The wizard will suggest a
location for you; unless you are an advanced user and need to store your site elsewhere on your computer, we
recommend choosing the default selection.
A SiteBuilder folder
In the example below, we chose the name "new_site" for the folder that will house our web site files, then chose the
Next button to select the default location for this folder, "sites."
For each site that you build using SiteBuilder, you will create a new web site folder, each with a unique name. We
recommend storing all of your web site folders in the same location. (Please note that you can create as many sites
as you like. Though you can publish only one site per Web Hosting or Merchant Solutions account, you can publish
up to 100 sites with a single Yahoo! ID.)
Have you already created a web site? SiteBuilder makes it easy to import a web site you created using another tool.
When you import your site, SiteBuilder will save your site in the default folder, sites. Unless you are an advanced
user and need to store your site elsewhere on your computer, we recommend that you do not move your site files
elsewhere.
Learn more about working with sites in SiteBuilder.
Note: Please be advised that Yahoo! SiteBuilder offers only limited support for web sites built with tools other than
Yahoo! SiteBuilder or Yahoo! PageBuilder that incorporate HTML and/or other programming languages. Yahoo!
SiteBuilder will do its best to interpret imported pages correctly, preserving their original content, formatting, and
layout. However, you should be sure to check all of your pages carefully for errors before saving.
You can also import a web site that you've created outside of Yahoo! by uploading those site files to your Web
Hosting or Merchant Solutions account with FTP, then importing those files into SiteBuilder using the steps above.
Learn how to upload a site to your Yahoo! account in our online help center.
< previous - next >


Page 3 of 3
< previous
Explore SiteBuilder
In your SiteBuilder Control Panel, you'll find all the tools you need to create a professional-looking web site. Before
you begin working on your site, we suggest you take a moment to familiarize yourself with its features.
● Menu bar: The menus at the top of your screen contain all of the commands and tools you'll need to work
with your site.
● Toolbar: Just below the menu bar, the toolbar contains small icons that represent shortcuts to the most-
used menu commands. Click an item in the toolbar just as you'd select an option from a menu.
● Help: The pane on the far-left side of your SiteBuilder screen offers a variety of help options. The Help
Home tab will get you started; choose the SiteBuilder User Guide tab for an overview of your help options;
or click on the icon for a full index of Yahoo! SiteBuilder Help topics.
● Design pane: In the center of your screen lies the page editing area, where you will create and update your
web pages. You can open several pages at once and navigate between them using the tabs at the top of
the design pane.
● Page Effects pane: Located just below the editing pane, the Page Effects area lists all of the page effects
associated with the current open page, such as backgrounds, page transitions, and cursor trails.
● Site Contents: This pane, found in the upper-right corner of the screen, displays the contents of the web
site currently being edited, including elements such as images, files, and folders.
Site Contents pane
● Preview: In the bottom-right corner of your SiteBuilder Control Panel, you'll see a small preview of the
currently selected web page.
On the horizontal or vertical bars separating each pane on your SiteBuilder Control Panel, you'll find a small arrow,
which you can use to collapse or expand the module. Click the arrow once to collapse a module you rarely use,
minimizing the space it occupies on your control panel; click it again to expand the module when you're ready to use
those features. You can customize your control panel view anytime by expanding and collapsing the panes. If you're
not ready to work with Page Effects, for instance, you might collapse that module to save editing space.
Use arrows like this one to expand or minimize a SiteBuilder pane.
To quickly expand or minimize panes on your SiteBuilder Control Panel, you can also turn to the View menu. By
clicking items in this menu, you can select only the panes you want to use, or deselect those you don't need at the
moment. Don't worry about "losing" a control panel area: To expand every pane in the control panel, choose Show
All Panes, or select Restore Default View to display all panes in their default size.
Next Steps: Try Out the Site Creation Wizard and Get Started
New to site building? SiteBuilder is the place to start. SiteBuilder's Site Creation Wizard offers a quick and easy way
to get started building your site. You can launch the wizard anytime by selecting New Site... from SiteBuilder's File
menu.
The Site Creation Wizard will walk you step-by-step through the process of creating a basic web page or multipage
web site. When you're finished, you can customize your pages with your own words and pictures. When you're
ready to show your creations to the world, we'll show you how to publish to your Yahoo! account.
We understand that building a site can seem intimidating, so we encourage you to have fun: Take some time to
experiment with SiteBuilder's features, try out the Site Creation Wizard a few times, and explore the SiteBuilder
User Guide. Then start building!
Learn how to get started using SiteBuilder.
< previous
Yahoo! SiteBuilder
Getting Started
Ready to get started? We recommend beginning with our tutorials to create a simple web site in just minutes!
Overview:
Getting Started with SiteBuilder
Create a basic site:
1. Create a new web site

2. Choose a background color
3. Add text to your site
4. Add an image to your site
5. Add an email link
6. Add a link to another web site
7. Add a Yahoo! Search box
8. Save and view your site
Of course, this is just a sample of Yahoo! SiteBuilder's basic commands. Remember that you can add, delete, and
edit pages anytime, so feel free to experiment! If you have any questions along the way, just return to Yahoo!
SiteBuilder's comprehensive Help section for more information.
For background information and key concepts, be sure to review "Before You Begin."

Page 1 of 2
Now that you've become familiar with your SiteBuilder Control Panel and learned a little about SiteBuilder's features,
don't hesitate to get started. SiteBuilder is as flexible as you are: You'll be able to create, customize, and delete
pages -- or an entire web site -- anytime.
1. Import or Create a Site
If you've already built a web page or site with another tool, such as Yahoo! PageBuilder or Microsoft FrontPage, you
can import it from your Web Hosting account into Yahoo! SiteBuilder, then edit and publish it just as you'd work with
a brand-new site.
To open an existing web site, select Open Site... from the File menu and follow the instructions provided. Learn
more.
Note: Please be advised that Yahoo! SiteBuilder offers only limited support for web sites built with tools other than
Yahoo! SiteBuilder or Yahoo! PageBuilder that incorporate HTML and/or other programming languages. If any web
pages in your web site were not originally built with these tools, Yahoo! SiteBuilder will import those pages without
modifying them and do its best to interpret the pages correctly, preserving their original content, formatting, and
layout. However, you should be sure to check all of your pages carefully for errors before saving.
Please be aware as well that web sites imported into Yahoo! SiteBuilder will no longer be editable in Yahoo!
PageBuilder or other site wizards or software. If you are concerned about being able to edit your web site using
another site building tool later, we recommend that you make a copy of your web site files and save them on your
computer before importing your web site.
New to site building? The Site Creation Wizard will walk you step-by-step through the process of creating a basic
web page or multipage web site, getting you up and running in no time. Whenever you're ready to create a new site,
just select New Site... from SiteBuilder's File menu.
You'll select a name for your web site folder; decide whether to start with a blank page or one of our professionally
designed templates; then choose one or more pages, such as a home page and About Us page, to get started
(you'll be able to add more pages anytime). You'll also have the option to automatically create a navigation bar -- a
persistent menu your site visitors can use to explore your pages -- for your new site.
When you're finished with the wizard, you'll have created one or more web pages, canvases on which you can now
add your own words, images, and more.
2. Customize Your Pages
You can return to your pages now and alter virtually everything about them, ensuring that each page and your site
as a whole meet your exact specifications. Add text and images, change your background color, create links and
site navigation -- you can make your pages as simple or as complex as you like.
To get started working with a page you already created, visit the File menu, choose Open Page..., browse to find
the file you want, and click Open; or, if your site is open, double-click the page's name in the Site Contents pane.
Site Contents pane
Learn more about working with web pages.
Learn how to edit and customize your pages by exploring the step-by-step instructions provided throughout the User
Guide, or go ahead and experiment with SiteBuilder's many tools. Remember that nothing is set in stone! You can
edit and reedit your pages -- whether you start with a blank page or a predesigned template -- anytime.
The second half of this guide will walk you through a few of SiteBuilder's basic features. To learn more about
working with text, images, links, audio and video, and more, see their respective chapters in this guide.
After you've become familiar with some basic functions, be sure to investigate other features such as navigation
bars and forms. When you're ready, you can enhance your site further with SiteBuilder's suite of add-ons, interactive
elements such as counters, search tools, and maps that can make your pages more dynamic and compelling.
next >

Page 2 of 2
< previous
3. Preview Your Work
Before you unveil your new web page or site, you'll want to make sure it looks just the way you intended. You can
preview your pages anytime while you work. To take a look at your progress while working on a page, head to the
File menu and choose Preview in Browser. A preview of your page will display in a new browser window.
4. Publish Your Site
SiteBuilder works offline, performing all of its functions -- just like a word processing program or other desktop
software -- on your PC. While you're using SiteBuilder to build your pages, you're creating and editing files on your
own computer. Naturally your customers and friends can't access files on your computer, so when you're happy with
your work, you'll want to publish your site so that people can find your pages on the Web.
When you're ready to show your creations to the world, you'll simply copy your page files from the web site folder on
your computer to your Yahoo! Web Hosting or Merchant Solutions account. This transfer is called publishing. When
you publish your web pages, you make them available on the World Wide Web. (Please note that you'll need a Web
Hosting or Merchant Solutions account to publish your site.)
Publishing is only clicks away: First connect your computer to the Internet, if you haven't already. In SiteBuilder,
head to the File menu and choose Publish Site... (or just click the Publish button in your SiteBuilder toolbar), then
follow the simple steps to publish your pages online.
The Publish button
After you publish, anyone will be able to see your site by typing your web address (such as http://www.yourdomain.
com) in a web browser. Not happy with your first try? Remember that you can edit, update, and republish your
pages -- even replace your work with a whole new site -- as often as you like.
Learn more about publishing.

Next Steps
Where do you go from here? Your web site doesn't end with the first time you publish: To keep your visitors coming
back, we recommend that you keep your site fresh by updating your content regularly. Keep in mind that Yahoo!
offers dozens of ways to make your site successful. For more information, explore the rest of the SiteBuilder User
Guide or browse our online Web Hosting guides.
Get started building your web site now!
< previous
Getting Started
Step 1 - Create a New Web Site
Yahoo! SiteBuilder allows you to create web sites containing as many web pages as you like. The Site Creation
Wizard makes the process simple. Let's get started!
1:
Select New Site... from the File menu.
2:
Click Start.
3:
Choose a name for your web site and pick a folder on your computer where you will store your web site files (we
recommend the default location). Click Next.
4:
Would you like to start building your site with a predesigned template or with a blank page? (Don't worry about
locking yourself into a decision: You'll be able to edit and fully customize your pages anytime.) Select one option
here and click Next.
5:
If you chose a blank page, you're ready to start editing your site and adding your own page elements. Click Finish
to return to Help.
If you chose to start with a template, pick your design here. In the Templates: field, browse the selection to find a
template you'd like to download. (To limit your choices, you can first select a category from the Template
categories: pull-down menu.) Templates you have already downloaded will be marked with a small check.
To select a template, click its image once.

Choose View Full Size to see a larger preview of the template, or choose Next to continue with this template. If you
have not yet downloaded this template (the template will not be marked with a check), SiteBuilder will confirm that
you'd like to download this template now. Choose OK to continue.
(To download all templates now, click the Download All Templates link.)
When you're satisfied with your choice, choose Next.
6:
Check the box next to each page you'd like to create now, choose to create a navigation bar, then click Next.
(Please note that the Site Creation Wizard will always create a home page; this checkbox will be selected by
default.)
You're ready to begin editing your site! Click Finish to return to Help.
Previous - Step 1 of 8 - Next
Getting Started
Step 2 - Choose a Background Color
Selecting a background color or image is a good way to start building a page or even an entire web site. Often the
background will set the look and feel for your site.
If you chose to build your site using a template, your pages already display a corresponding background color (you
can skip this step). If you chose to start with a blank page, you will select a background color for use on your new
site in this step.
1:
Select Background... from the Insert menu.
2:
Click the box next to Background Color: on the Choose a Background dialog.
3:
Use the color picker to choose your background color, then click OK.
4:
Click OK on the Choose a Background dialog to confirm your selection.

Getting Started
Step 3 - Add Text to Your Site
Yahoo! SiteBuilder's text tools allow you to specify font type, size, and color. In this step, you will add text to a page
of your web site. (If you created your site using a template, the Site Creation Wizard already created placeholder
text for you.) Then you will use the text toolbar to modify your text.
1:
To create a new text box, select Text from the Insert menu. A text box will appear in the center of your page, and
you will see the text portion of your toolbar become active at the top of the screen.
2:
If you're working in a blank page, double-click in the text box, type your name, and then highlight it by clicking and
dragging with the cursor. Select Arial and 16-point font from the pull-down menus and click on the toolbar button
to make your name appear in bold.
If you're using a template, click on any text box to highlight it, double-click on a word, and type your name. Select
Arial and 16-point font from the pull-down menus and click on the toolbar button to make the new word appear
in bold.
3:
Click on the text box and drag it anywhere you like. If you're working with a blank page, try dragging it to the upper-
left corner of the page.

Getting Started
Step 4 - Add an Image to Your Site
Images help to give balance and visual interest to your web pages. In this step you will select an image from your
computer's hard drive to add to your web site. (If you don't have an image of your own, you can use an image from
Yahoo! SiteBuilder's built-in images folder.)
1:
Select Image... from the Insert menu.
2:
In the Choose an Image dialog, click the radio button next to My Images to select an image from your computer's
hard drive. To choose from SiteBuilder's folder of clip art images, choose the radio button next to Clip Art.
3:
Use the Look in: pull-down menu to browse for the image you want to add.
To browse clip art, use the Type: and Subtype: pulldown menus.
4:
To preview an image, click once on the image's file name. You'll see a preview of the image on the right side of the
dialog.
5:
Select an image by clicking once on the image's file name.
6:
Click OK.
7:
Click on the image and drag it anywhere you like. If you're working with a blank page, try dragging it beneath or next
to your name.

Getting Started
Step 5 - Add an Email Link
With Yahoo! SiteBuilder you can add a link to your email address on your site so your visitors can easily contact
you. In this step you will add an email link to one page.
1:
Double-click in the text box that contains your name, then highlight your name by clicking and dragging with the
cursor.
2:
From the Insert menu, select Link To, then An Email Address.
3:
Using the Link dialog, enter your email address in the mailto field, then click Create.
When you preview or publish your page, your name will appear as a link. When one of your web site visitors clicks
on the link, his email program will automatically open a blank message addressed to your email address.

Getting Started
Step 6 - Add a Link to Another Web Site
The Internet wouldn't be the Internet without links. In this step you will learn how to link to other web pages from
pages of your own.
1:
Select Text from the Insert menu. A text box will appear in the center of your page.
2:
Double-click in the text box, type the names or web addresses of some of your favorite web sites, and then highlight
one of them by clicking and dragging with the cursor.
3:
From the Insert menu, select Link To, then Another Web Site.
4:
Using the Link dialog, enter the web address of the highlighted site in the http:// field, then click Create.
When you preview or publish your page, the text you originally highlighted will appear as a link to the web site
whose address you entered in the Link dialog.

Getting Started
Step 7 - Add a Yahoo! Search Box
Yahoo! SiteBuilder lets you add professional, dynamic objects to your web pages -- with no programming! In this
step you will add Yahoo! Search functionality to your own web site.
1:
Select Add-Ons from the Insert menu, then select Yahoo! Search Box.
2:
Click on the search box and drag it wherever you'd like it to appear on the page.
That's it! You've just made Yahoo! Search functionality available to your web site visitors.

Getting Started
Step 8 - Save and View Your Site
The final step to building a web site is saving it and previewing it in a web browser. In this step you will save and
preview your newly created site.
1:
When the Site Creation Wizard created the page(s) of your new site, it saved them for you. To save the changes
you made to one page, select Save Page from the File menu.
If you worked with multiple pages, save all of your changes by selecting Save All Pages from the File menu.
2:
Select Preview in Browser from the File menu. Your new web site will display in a separate browser window.
(Please note that this is just a preview of your pages. To make your site available on the Internet, you will need to
publish your web site.)
Congratulations! You've reached the end of the Getting Started guide.
For more information about using Yahoo! SiteBuilder to build your web site, please consult Yahoo! SiteBuilder's
comprehensive Help section.
Previous - Step 8 of 8 - Back to Beginning
Yahoo! SiteBuilder
Common Questions
This section includes quick answers to some of the most frequently asked questions about Yahoo! SiteBuilder. If
you don't see your question listed here, be sure to look for the information you need in other help sections.
For troubleshooting help, please see the Troubleshooting section.
For an introduction to some of Yahoo! SiteBuilder's basic functions, please read the Yahoo! SiteBuilder Getting
Started guide.
1. How do I preview my pages before publishing them?
2. How do I create a navigation bar for my web site?
3. How do I publish my web site?
4. I don't have a Yahoo! Web Hosting account. How can I sign up for one?
5. Why is my image broken?
6. Can I import a site I created using a tool other than SiteBuilder?
7. Can I create my own template?
8. I have more than one Yahoo! ID. How can I sign in using a different Yahoo! ID?
9. Can I add HTML to my web pages?
10. How do I change my default text and link colors?
11. How do I center a page horizontally on the screen?
12. How do I create a new page in my web site?
13. How do I layer two or more elements on a page?
14. How do I automatically align my page elements?
15. How do I turn an image or text into a link?
16. How do I create thumbnail versions of my images?
17. How do I create a mouseover image?
18. Where does email sent to my contact form go, and can I change the destination address?
19. How do I download additional templates and clip art?

20. How do I enter keywords for my web pages?
Common Questions
How do I preview my pages before publishing them?
To see a page as it will appear to your web site visitors:
1. Open the page you want to preview.

2. Select Preview in Browser from the File menu. The currently open page will display in a separate browser
window.
Note: To preview changes additional changes to your page, be sure to close the preview window and launch a new
one by selecting Preview in Browser from the File menu. Clicking the browser's Refresh or Reload button will not
display changes made to the page after a preview window is launched.
Learn more about previewing pages.
Keyboard shortcut: F12

Toolbar shortcut:
Common Questions
How do I create a navigation bar for my web site?
Yahoo! SiteBuilder makes it easy to create navigation bars for use throughout your site. A well-designed navigation
bar will give your web site a professional look and feel.
Note: For the easiest navigation bar creation, we recommend that before getting started, you create the pages to
which you'd like your navigation bar to link.
Learn more about using a navigation bar.
To create a navigation bar for use on your web pages:
1. Select Navigation Bars from the Insert menu.

2. Select Create Navigation Bar.
3. Highlight the pages in the Available Pages list that you would like to associate with a navigation bar button.
4. Click the right arrow button to associate the pages with navigation bar buttons.
5. Enter the text you would like to appear on each button in the Display Text fields.
6. Select a button style using the Theme: pull-down menu.
7. Use the radio buttons to select the vertical or horizontal layout.
8. Enter a file name in the Navigation Bar Name: field. This will allow you to identify this navigation bar for
later reuse.
9. Click the OK button.
Once you've completed these steps, you'll be able to add the navigation bar to the page you currently have open or
to all of the pages included in the navigation bar.
Toolbar Shortcut:
Steps 1-2:
Step 3:
Step 4:
Step 5:
Step 6:
Step 7:
Steps 8-9:
Common Questions
How do I publish my web site?
Before you begin publishing your web site, please verify the following:
● Your home page is named "index.html." If you create your site with the Site Creation Wizard, SiteBuilder will
name your home page "index.html" by default. If you created your home page with a tool other than
SiteBuilder, created a new home page, or renamed your home page, be sure to change its name back to
"index.html," or your home page will not display at your domain.
● Your computer has an active connection to the Internet. A simple way to verify your Internet connection is to
open your web browser and try to connect to an Internet web site.
To publish a site to the Web:
1. Select Publish Site... from the File menu.
2. If you are not already signed in, you will be asked sign in to your Yahoo! Web Hosting or Merchant
Solutions account. (If you are already signed in but would like to sign in to a different account, you must first
select Change User... from the File menu.)
3. Using the Browse... buttons on the Publish Site dialog, select the folder containing the site you would like
to publish and the folder to which you would like to publish your site. (If more than one domain is associated
with your Yahoo! ID, click Browse... and then use the pull-down menu on the Publish To... dialog to
choose the domain to which you would like to publish.)
4. Using the radio buttons on the Publish Site dialog, indicate whether you would like to publish all of the files
contained in the folder or only those files that have been modified using Yahoo! SiteBuilder.
5. Click OK.
Note: Depending on your Internet connection speed and the size of the site you choose to publish, publishing a site
may take up to several minutes.
If you encounter problems while publishing, please see our troubleshooting tips.
Learn more about publishing your site.

Common Questions
I don't have a Yahoo! Web Hosting account. How can I sign up for one?
To sign up for a Yahoo! Web Hosting or Merchant Solutions account, visit us online at the Yahoo! Web Hosting or
Yahoo! Merchant Solutions home pages and select the plan that's right for you.
Common Questions
Why is my image broken?
If an image on your site is broken or does not load completely, it could be referenced incorrectly. When you use
SiteBuilder to add an image to a web page, it automatically updates your page to reference the image name
properly; however, if you have altered your page's HTML manually, you may have introduced errors in the link used
to display your image. Your domain name and file names are case sensitive, so check your links to make sure you
have used the same capitalization pattern. If one letter in your file name is capitalized, and the same letter is not
capitalized in the link that refers to it, SiteBuilder assumes that the files are unrelated, and you'll see a broken image
on your page.
We suggest that you use all lowercase letters in your file names. If you have already named your files, you might
consider renaming them; then make sure the references to these files are also in lowercase. You can review and
modify your file names easily in the Site Contents pane, located in the upper-right corner of the SiteBuilder interface.
Site Contents pane
If your image will not display at all, first make sure that you have added the image to your site (you should be able to
locate it in your file structure in the Site Contents pane) and published your site. If you have added the image and
published, and the image still does not display properly, try to add and publish it again. The file may have become
corrupted during the uploading process.
Finally, be sure that you have saved the image as a supported file type, and that you have referenced this file type
correctly in your link (if you add your image using the Image... command, SiteBuilder will create the correct link for
you).
You must have a photo-editing application on your computer in order to edit and save photos. Please note that
simply renaming the file type (such as from ".jpg" to ".gif") will change only the name of the image, not the file type.
You will need to open the image in a photo editing application to save the file in a different format.
Learn more about images.

Common Questions
Can I import a site I created using a tool other than SiteBuilder?
Yes, you can use SiteBuilder to continue working on a Yahoo! web site you created using another tool, such as
Yahoo! PageBuilder or your own site building software, such as Microsoft FrontPage. (Please be aware, however,
that web sites imported into Yahoo! SiteBuilder will no longer be editable in Yahoo! PageBuilder or other site
wizards or software. If you are concerned about being able to edit your web site using another site building tool
later, we recommend that you make a copy of your web site files and save them on your computer before importing
your web site.) The web site must be stored in your Web Hosting or Merchant Solutions account. Learn more.
To import a site stored online:
1. Select Import Yahoo! Site... from the File menu.
2. If you are not already signed in, you will be asked to sign in to your Yahoo! Web Hosting account. (If you
are already signed in but would like to sign in to a different Yahoo! Web Hosting account, you must first
3. Now you'll decide in which site folder to save your imported site files. Select the radio button next to your
choice:
❍ If you currently have a SiteBuilder site open, you can choose to save your files in the open site
folder. Choose Use the current site (note that this option will not be available if you do not
currently have a site open).
❍ To save your files in a new site folder, choose Create a new site (recommended if you're importing
a complete web site).

❍ To save the files in an existing site folder, choose Open an existing site
(If you haven't already used SiteBuilder to start building a site, you'll be required to create a new site before
you can import another site.)
4. If you chose to create a new site, enter a name for the site and choose a location in which to save this site
folder. We recommend storing the site in the default location. To choose a new location, click the Browse...
button and select a new folder in which to store the site. Click OK.
5. The Import Site dialog displays the site you are importing and destination of the files to be imported. (You
chose the destination folder, shown in the Import to: field, in the last step.)
If you have associated more than one domain with your Yahoo! ID, click Browse... next to the Import from:
field, then use the pull-down menu in the Import from... dialog to choose the site whose files you would like
to import. Click OK to return to the Import Site dialog.
6. In the Import Site dialog, choose OK to confirm your choices and begin importing your site.
7. SiteBuilder will display your import progress. Please be aware that importing very large sites can take some
time to complete.
8. You will see a confirmation message when the import process is complete. Click OK to start working with
your imported site.
Common Questions
Can I create my own template?
Yes. If you intend to build many web pages using the same basic colors and formatting, you can save time by
creating your own template.
To create your own template, simply create and save the page you would like to use as your template. Be sure to
save this page with a file name you will remember, like "template.html."
Now, whenever you need to create a new web page based on this template, simply open your saved page, make
whatever changes you would like to the page, and save it with a different file name by selecting Save Page As...
from the File menu.
Learn more about templates.

Common Questions
I have more than one Yahoo! ID. How can I sign in using a different Yahoo!
ID?
If you are managing multiple web sites that are associated with more than one Yahoo! ID, and you have recently
published changes to one site, you may need to sign in with the appropriate Yahoo! ID before publishing changes to
another site.
To sign in with a different Yahoo! ID:
1. Select Change User... from the File menu.
2. Enter your Yahoo! ID and password in the appropriate fields.

3. Click OK.
Common Questions
Can I add HTML to my web pages?
SiteBuilder makes it easy to add your own HTML code to any page. You might want to insert HTML if you decide to
use one of the add-ons available online in the Web Hosting Control Panel, for example, or if you copy a page
element from another web site.
(SiteBuilder also allows you to edit the HTML code of any page you've imported or created -- including template
pages. Learn how.)
For assistance with basic HTML coding, please see our online help center.
To add HTML to a web page:
1. From the Insert menu, select Code Elements.
2. Choose HTML....
3. Type or paste your HTML into the HTML Code dialog.
4. Click OK.
When you add HTML code to your page, the code will appear contained in a special HTML field. You can move,
resize, or delete this field anytime just as you'd work with any other page element. Learn more.
An HTML field
Note: Be sure that the HTML field you add to a web page is large enough to accommodate the code it includes. To
enlarge the HTML field, click one of its resize handles and drag it to the appropriate size. You can edit HTML you've
already added anytime by reopening the HTML Code dialog. To open the dialog, double-click the HTML field with
your mouse.
To preview the HTML you've added to your page, choose Preview in Browser from the File menu. Learn more.
Common Questions
How do I change my default text and link colors?
To choose the default text and link colors for a web page:
1. Select Page Properties from the Edit menu.
2. Click on the corresponding color swatches to choose the page's default text, link, and visited link colors.
3. Click OK.
Common Questions
How do I center a page horizontally in my browser?
To center your web page horizontally on the screen:
2. Check the Centered checkbox.

3. Click OK.
Common Questions
How do I create a new page in my web site?
Before you begin, read about working with pages.
Keyboard shortcut: Ctrl+N
To add a blank web page:
From the File menu, select New Page, then Without Template.
To add a blank web page from the Add New Page dialog:
1. Using your keyboard, press the keys Ctrl and N at the same time to open the Add New Page dialog.
2. Select No Template from the Categories: menu.
3. Click Add Page.
To add a template web page:
1. From the File menu, select New Page, then With Template.
2. In the Add New Page dialog, select a template category from the Categories: menu.
3. From the templates area, choose a template by clicking it once.

4. To preview the template, click the View Full Size button on the right side of the dialog.
5. After you have selected a template, use the pull-down menu on the lower-right side of the dialog to choose
the type of page you'd like to add.
6. Click Add Page.
Common Questions
How do I layer two or more elements on a page?
Yahoo! SiteBuilder allows you to overlap images and text to create more interesting page designs. (Not all page
elements can be displayed in layers. These elements will flash in red when you attempt to overlap them with other
page elements.)
To layer elements on a web page:
1. Highlight an element you would like to layer.

2. Use the Bring to Front, Bring Forward, Send to Back, and Send Backward commands from the
Arrange menu to move the element into the desired position.
Example of elements allowed to overlap:
Example of elements not allowed to overlap:

Common Questions
How do I automatically align my page elements?
Once you've placed two or more elements on a web page, you can use the Align... command to have Yahoo!
SiteBuilder automatically align them for you.
To align two or more page elements:
1. Select the elements you would like to align. (You can select multiple elements by dragging a rectangle
around them or by holding down the Control key on your keyboard and clicking on the elements one by
one.)
2. Select Align... from the Arrange menu.
3. Select the desired alignment (left, right, top, bottom, centered horizontally, or centered vertically).
4. If you like, select the Height or Width checkboxes to resize all of your selected elements to match the
largest element's height or width.
5. Select No change to leave the spacing between your elements unchanged. Select Space evenly to space
the selected elements evenly in the space between them. Select Space edge to edge to align the selected
elements flush against each other.
6. Click OK.
Keyboard shortcut: Ctrl+Shift+A
Common Questions
How do I turn an image or text into a link?
To link an image or text to a file, web address, email address, or another page in your web site:
1. Select the image or text you would like to make into a link.
2. From the Insert menu, select Link To, then A Page in My Site, Another Web Site, An Email Address, A
File in My Site, or Other, depending on the type of link you want to create.
3. Using the Link dialog, specify the link's destination in line 2, then click Create.
Keyboard shortcut: Ctrl+L
Toolbar shortcut:
Common Questions
How do I create thumbnail versions of my images?
A thumbnail link is a smaller version of a large image. By clicking on the thumbnail, your visitors will be able to view
the larger full-sized image.
To create a thumbnail version of an image you have placed on a web page:
1. Right-click on the image.

2. Select Thumbnail.
3. Choose the desired thumbnail size (from Very Small to Extra Large).
Common Questions
How do I create a mouseover image?
You can associate mouseover images with the images you include on your web pages. When your web site visitors
move their cursor over an image, the image will disappear and the mouseover picture will display in its place. When
they remove their cursor from over the image, the original image will return.
To specify a picture's mouseover image:
1. Right-click on the picture whose mouseover image you would like to specify.
2. Choose Properties.
3. Using the Image Properties dialog, choose a picture from your computer's hard drive or from Yahoo!
SiteBuilder's folder of clip art images in the Mouseover image: field.
4. Click OK.
Common Questions
Where does email sent to my contact form go, and can I change the
destination address?
Email from your contact form is sent to the default email address associated with your Yahoo! profile. You can
change your default email address anytime in the My Account area of your Yahoo! account.
Advanced users may also take advantage of the custom options available in the Form Settings tab to change the
form response destination. In the Form Settings tab, you can designate an alternate email address, as well as
custom confirmation and error pages.
Learn more about working with forms.

Common Questions
How do I download additional templates and clip art?
You can download additional templates and clip art anytime. When you download new materials, the new templates
will be available for use whenever you create a new page, and your new clip art will be added to your clip art folder.
If no new content is available, you will see a message that says, "No new content is available at this time."
Before you attempt to download new templates or clip art, please verify that you are connected to the Internet.
Learn more.
To download individual templates using the Site Creation Wizard:
1. From the File menu, choose New Site...

2. In step 1, enter a name for your new site.
3. In step 2, choose A template.
4. In step 3 you can select a template. In the Templates: field, browse the selection to find a template you'd
like to download. (To limit your choices, you can first select a category from the Template categories: pull-
down menu.) Templates you have already downloaded will be marked with a small check.
5. To select a template, click its image once. You'll see a preview of the template in the Preview field below.
6. Choose View Full Size to see a larger preview of the template, or choose Next to continue with this
template.
7. If you have not yet downloaded this template (so the template was not marked with a check), SiteBuilder
will confirm that you'd like to download this template now. Choose OK to continue.
8. Proceed with the rest of the wizard. Learn more.
To download individual templates using the Add New Page dialog:
5. If you have not yet downloaded this template, SiteBuilder will confirm that you'd like to download this
template now. Choose OK to continue.
7. Click Add Page.
To download all available templates and clip art:
1. Choose Download All Templates... from the Tools menu.

2. In the confirmation dialog, click OK to begin the download.
Toolbar Shortcut:
Common Questions
How do I enter keywords for my web pages?
Choosing effective keywords can improve your search engine rankings, so give some thought to the keywords that
best describe your web page.
To enter keywords for a web page:
2. Type the keywords in the field indicated.

3. Click OK.
Learn more about promoting your site in our online help center.
SiteBuilder Basics
Find out how to update your version of Yahoo! SiteBuilder, change your Yahoo! SiteBuilder display preferences, exit
Yahoo! SiteBuilder, and more.
● Exiting SiteBuilder
● Updating SiteBuilder
● Downloading templates and clip art
● Customizing SiteBuilder
❍ About customizing SiteBuilder
❍ Setting general preferences
❍ Changing SiteBuilder's look and feel
❍ Turning on Automatic Save
❍ Automatic Save recovery
❍ Choosing spell-checking options
● Reporting errors
SiteBuilder Basics
Exiting Yahoo! SiteBuilder
To exit Yahoo! SiteBuilder, select Exit from the File menu. If any pages remain open, you will be prompted to save
them.
Keyboard shortcut: Alt+X

SiteBuilder Basics
Updating Yahoo! SiteBuilder
We value your feedback and work constantly to improve SiteBuilder and add the new features and tools most
important to you. Keep an eye on your Yahoo! newsletters and in your control panel for announcements; we'll also
alert you to any upgrades when you publish with SiteBuilder.
We recommend that you update your copy of SiteBuilder whenever we make a new version available so that you
can take advantage of the enhancements we regularly provide. And don't worry about losing your work -- we make
sure each new version of SiteBuilder works seamlessly with the previous release.
To update your version of Yahoo! SiteBuilder, first make sure that you are connected to the Internet. From your
computer's Start menu, choose Programs, then Yahoo!, then Yahoo! SiteBuilder; select Update Yahoo!
SiteBuilder. Your version of SiteBuilder will update automatically.
Customizing SiteBuilder
Choose a topic below to learn how to customize Yahoo! SiteBuilder to suit your personal work style and
preferences.
● About customizing SiteBuilder

● Setting general preferences
● Changing SiteBuilder's look and feel
● Turning on Automatic Save
● Automatic Save recovery
● Choosing spell-checking options
SiteBuilder Basics
About Customizing SiteBuilder
If you like, you can change the look and feel of Yahoo! SiteBuilder by specifying your favorite font, changing the font
size, and even picking your own colors for Yahoo! SiteBuilder's interface.
To customize Yahoo! SiteBuilder's appearance:
1. Select Preferences... from the Tools menu.
2. Select the Look and Feel tab from the Preferences window.
3. Choose your desired interface style, font, and font size using the appropriate pull-down menus.
4. If you selected Metal as your interface, select your desired theme using the Theme pull-down menu and
click on the color swatches to set your color scheme.
5. Click OK.
SiteBuilder Basics
Setting General Preferences
The Preferences options in Yahoo! SiteBuilder allow you to customize Yahoo! SiteBuilder to work the way that suits
you best.
To change Yahoo! SiteBuilder Preferences:

2. Select the General tab from the Preferences window.
3. Choose to enable or disable the following options:
❍ Display borders around page elements.
❍ Animate element borders.
❍ Reload open pages on startup.
❍ Use secure connection to sign in.
4. You may increase the amount of memory available to Yahoo! SiteBuilder by changing the Maximum
memory usage value.
5. Clicking the Flush Image Cache button will cause Yahoo! SiteBuilder to empty any images from its cache
memory.
6. When you're finished, click OK.
Step 1:
Steps 2-6:
SiteBuilder Basics
Changing SiteBuilder's Look and Feel
You can change the look and feel of Yahoo! SiteBuilder by specifying your favorite font, changing the font size, and
picking your own colors for Yahoo! SiteBuilder's interface.
To customize Yahoo! SiteBuilder's appearance:
2. Select the Look and Feel tab from the Preferences window.
3. Choose your desired interface style, font, and font size using the appropriate pull-down menus.
4. If you've selected an interface with customizable themes, you can select your desired theme using the
Theme pull-down menu. You may also choose to modify the theme by clicking on the color swatches to
select your own colors.
5. Click OK.
SiteBuilder Basics
Turning On Automatic Save
With the Automatic Save feature enabled, Yahoo! SiteBuilder will periodically make backup copies of the pages you
are currently editing. Should Yahoo! SiteBuilder ever be shut down unexpectedly, you will be able to recover these
pages by following the steps in the recovery process. The Automatic Save feature is enabled by default in Yahoo!
SiteBuilder.
To modify the settings of the Automatic Save feature:
2. Select the Automatic Save tab from the Preferences window.

3. Choose to enable or disable Automatic Save, and select the interval at which the backups are made. (The
minimum setting for the Automatic Save interval is five minutes.)
4. Accept your changes by clicking OK.
Note: Pages with invalid overlapping elements will not be included in the Automatic Save. Invalid overlapping
elements will flash in red when you attempt to overlap them with other page elements.
SiteBuilder Basics
Automatic Save Recovery
With Yahoo! SiteBuilder's Automatic Save feature, it's quick and easy to recover any pages that were lost if Yahoo!
SiteBuilder was shut down unexpectedly.
To recover pages lost in a previous session:
1. Launch Yahoo! SiteBuilder.

2. Yahoo! SiteBuilder will inform you if there are any files available for recovery.
3. Use the Automatic Save File Recovery dialog to select the files you wish to recover.
4. Click OK to start the recovery.
5. As the pages are recovered, Yahoo! SiteBuilder will open the recovered pages for editing. The File
Recovery Completed dialog will alert you when recovery is complete.
6. Click OK.
SiteBuilder Basics
Reporting Errors
If an error should occur while using Yahoo! SiteBuilder, you can allow Yahoo! SiteBuilder to send Yahoo! a small,
detailed report about the error. This report is generated automatically by Yahoo! SiteBuilder and is completely
anonymous. It contains no information about you or your web site.
Yahoo! will then use the error report data to track down the problem and have a better opportunity to improve the
product in future updates.
To report an error that occurred in Yahoo! SiteBuilder, click Send in the Error dialog. If you'd like to review the error
report first, choose View Report.
Working with a Site

Use Yahoo! SiteBuilder to create a new site, open a site you've stored locally on your computer's hard drive, or
import a site stored online in a Yahoo! Web Hosting or Merchant Solutions account, and learn more about managing
your site with SiteBuilder.
● Creating a new site

● Opening a site stored on your computer
● About importing a site
● Importing a site
● Using the Choose a Name and Location dialog
● Using the Import Site dialog
● Closing a site
● Managing multiple sites
● Managing your site files
● About templates
● Troubleshooting
Working with a Site

Creating a New Site
To create a new web site:
1. Select New Site... from the File menu. If an existing web site is already open, you will be prompted to
close, publish, and save it.
2. Click Start.
3. Choose a name for your web site and pick a folder on your computer where you will store your web site files
(we recommend the default location). Click Next.
4. Would you like to start building your site with a predesigned template or with a blank page? (Don't worry
about locking yourself into a decision: You'll be able to edit and fully customize your pages anytime.) Select
one option here and click Next.
5. If you chose a blank page, you're ready to start editing your site and adding your own page elements. Click
Finish to return to Help.
If you chose to start with a template, pick your design here. In the Templates: field, browse the selection to
find a template you'd like to download. (To limit your choices, you can first select a category from the
Template categories: pull-down menu.) Templates you have already downloaded will be marked with a
small check.
To select a template, click its image once.

Choose View Full Size to see a larger preview of the template, or choose Next to continue with this
template. If you have not yet downloaded this template (the template will not be marked with a check),
SiteBuilder will confirm that you'd like to download this template now. Choose OK to continue.
(To download all templates now, click the Download All Templates link.)
6. When you're satisfied with your choice, choose Next.
7. Check the box next to each page you'd like to create now, choose to create a navigation bar, then click
Next. (Please note that the Site Creation Wizard will always create a home page; this checkbox will be
selected by default.)
8. You're ready to begin editing your site! Click Finish to return to Help.
Keyboard shortcut: Ctrl+Shift+N
Toolbar shortcut:
Working with a Site

Opening a Site Stored on Your Computer
To use SiteBuilder to resume working on a web site you have already begun, you'll need to open your site.
When you launch SiteBuilder, it will automatically open the same site with which you were working when you exited
the application. If you previously closed all of your site files, you'll need to open a site (or create a new one) to
resume working.
To open a site stored locally on your computer's hard drive:
1. Select Recently Opened Sites from the File menu.

2. Choose the site with which you'd like to work.
To open any web site you've already created with or imported into SiteBuilder:
1. Select Open Site... from the File menu.
2. You'll see the Open Site dialog, which by default will display the contents of your default SiteBuilder sites
folder. To locate other SiteBuilder site folders on your computer, click the Standard file chooser radio
button and use the Look in: pull-down menu to navigate to another site folder.
SiteBuilder site folders are marked with the SiteBuilder folder icon.
3. In the Open Site dialog, click once on a SiteBuilder site folder to select it.
4. Click Open.
To open an existing web site anytime, select Open Site... from the File menu. If an existing web site is already
open, you will be prompted to close, publish, and save it before selecting an existing site to open. Learn how to
manage multiple web sites.
Working with a Site

About Importing a Site
You can use SiteBuilder to continue working on a Yahoo! web site you created using another tool, such as Yahoo!
PageBuilder or your own site building software, such as Microsoft FrontPage.
The web site must be stored in your Web Hosting or Merchant Solutions account. You can import a web site that
you've created outside of Yahoo! by uploading those site files to your Web Hosting or Merchant Solutions account
with FTP, then importing those files into SiteBuilder using the steps above. Learn how to upload a site to your
Yahoo! account in our online help center.
When you import a site into SiteBuilder using the Import tool, you'll copy the files and organization of a site you have
already stored online in your Yahoo! account to a SiteBuilder site folder on your local computer. Your files must be
saved to this special folder to ensure that SiteBuilder can interpret your files properly.
You'll be able to import your files into the folder of a site you've already created with SiteBuilder (either a site you
currently have open or another site stored on your computer) or create a new site folder in which to store the
imported site.
Importing your site will download all files associated with that site -- HTML pages, images, audio clips, and any other
site elements -- to your computer. After you successfully import a site, you can work on it with SiteBuilder the way
you'd work with any other site. Then, when you're ready, you can publish the site back to your Yahoo! account.
Learn more about publishing.
Please be advised that Yahoo! SiteBuilder offers only limited support for web sites incorporating HTML and/or other
programming languages. If any web pages in your web site were not originally built with Yahoo! SiteBuilder or
Yahoo! PageBuilder, Yahoo! SiteBuilder will import those pages without modifying them. If you choose to use
Yahoo! SiteBuilder to modify these pages, Yahoo! SiteBuilder will do its best to interpret the pages correctly,
preserving their original content, formatting, and layout. However, you should be sure to check all of your pages
carefully for errors before saving.
Please note also that the web site stored in your Yahoo! account will not be affected when you import it to
SiteBuilder. You'll damage your site only if you republish pages containing errors or other problems, so please be
sure to check your pages carefully.
Working with a Site

Importing a Site
To open an existing web site on your computer, select Open Site... from the File menu. If a web site is already
open, you will be prompted to close, publish, and save it before selecting another site. Learn more.
You can also use SiteBuilder to continue working on a Yahoo! web site you created using another tool, such as
Yahoo! PageBuilder or your own site building software, such as Microsoft FrontPage. (Please be aware, however,
that web sites imported into Yahoo! SiteBuilder will no longer be editable in Yahoo! PageBuilder or other site
wizards or software. If you are concerned about being able to edit your web site using another site building tool
later, we recommend that you make a copy of your web site files and save them on your computer before importing
your web site.) The web site must be stored in your Web Hosting or Merchant Solutions account. Learn more.
To import a site stored online:
1. Select Import Yahoo! Site... from the File menu.
2. If you are not already signed in, you will be asked to sign in to your Yahoo! Web Hosting account. (If you
are already signed in but would like to sign in to a different Yahoo! Web Hosting account, you must first
3. Now you'll decide in which site folder to save your imported site files. Select the radio button next to your
choice:
❍ If you currently have a SiteBuilder site open, you can choose to save your files in the open site
folder. Choose Use the current site (note that this option will not be available if you do not
currently have a site open).
❍ To save your files in a new site folder, choose Create a new site (recommended if you're importing
a complete web site).

❍ To save the files in an existing site folder, choose Open an existing site
(If you haven't already used SiteBuilder to start building a site, you'll be required to create a new site before
you can import another site.)
4. If you chose to create a new site, enter a name for the site and choose a location in which to save this site
folder. We recommend storing the site in the default location. To choose a new location, click the Browse...
button and select a new folder in which to store the site. Click OK.
5. The Import Site dialog displays the site you are importing and destination of the files to be imported. (You
chose the destination folder, shown in the Import to: field, in the last step.)
If you have associated more than one domain with your Yahoo! ID, click Browse... next to the Import from:
field, then use the pull-down menu in the Import from... dialog to choose the site whose files you would like
to import. Click OK to return to the Import Site dialog.
6. In the Import Site dialog, choose OK to confirm your choices and begin importing your site.
7. SiteBuilder will display your import progress. Please be aware that importing very large sites can take some
time to complete.
8. You will see a confirmation message when the import process is complete. Click OK to start working with
your imported site.
Working with a Site

About the Choose a Name and Location Dialog
When you import a site into SiteBuilder using the Import tool, you'll copy the files and organization of a site you have
already stored online in your Yahoo! account to a SiteBuilder site folder on your local computer. Your files must be
saved to this special folder to ensure that SiteBuilder can interpret your files properly.
In the Choose a Name and Location dialog, you'll enter a name for the site and choose a location in which to save
this SiteBuilder site folder. We recommend storing it in the default location. To choose a new location, click the
Browse... button. If you do save your site in another location on your computer, be sure to make a note of the
location for future access to your files.
Working with a Site

Using the Import Site Dialog
In the Import Site dialog, you can confirm your import choices.
Import from:
This field shows the Yahoo! web site whose files you'd like to import. To choose a different web site stored online in
your Yahoo! account, click the Browse... button and use the Import from... dialog to select the site you would like
to import. (If more than one domain is associated with your Yahoo! ID, use the pull-down menu in the Import from...
dialog to choose the domain whose files you want to import.) Choose OK.
Import to:
The Import to: field displays the destination of the files to be imported. (You chose the destination folder, shown in
this field, in the previous step.) We recommend storing the site in the default location. To choose a new location,
click the Browse... button and select a new folder in which to store the site, then click OK.
Choose OK to confirm your choices and begin importing your site.
Note: Please be advised that Yahoo! SiteBuilder offers only limited support for web sites incorporating HTML and/or
other programming languages. If any web pages in your web site were not originally built with Yahoo! SiteBuilder or
Yahoo! PageBuilder, Yahoo! SiteBuilder will import those pages without modifying them. If you choose to use
Yahoo! SiteBuilder to modify these pages, Yahoo! SiteBuilder will do its best to interpret the pages correctly,
preserving their original content, formatting, and layout. However, you should be sure to check all of your pages
carefully for errors before saving.
Learn more about importing a site.

Working with a Site

Closing a Site
To close all of the pages you currently have open, choose Close Site from the File menu. If any of the pages you
are closing contain unsaved changes, you will be prompted to save them.
SiteBuilder will also prompt you to close, publish, and save your site files anytime you choose to create or work with
a new site. Learn how to manage multiple sites.
Working with a Site

Managing Multiple Sites
With SiteBuilder, you can create up to 10 complete, unique web sites, then choose which site you want to publish to
your Web Hosting or Merchant Solutions account. (You can publish only one site to each account.) Learn how to
create a new site.
You can work on only one site at a time; however, you can switch to another site whenever you like. (If an existing
web site is already open, you will be prompted to close, publish, and save it before selecting an existing site to
open.) If you've worked on the other site recently:
1. Select Recently Opened Sites from the File menu.

2. Choose the site with which you'd like to work.
To open any web site you've already created with or imported into SiteBuilder:
1. Select Open Site... from the File menu.
2. You'll see the Open Site dialog, which by default will display the contents of your default SiteBuilder sites
folder. To locate other SiteBuilder site folders on your computer, click the Standard file chooser radio
button and use the Look in: pull-down menu to navigate to another site folder.
SiteBuilder site folders are marked with the SiteBuilder folder icon.
3. In the Open Site dialog, click once on a SiteBuilder site folder to select it.
4. Click Open.
Learn how to import a site from your Yahoo! account into SiteBuilder.
If you are managing multiple web sites that are associated with more than one Yahoo! ID, and you have recently
published changes to one site, you may need to sign in with the appropriate Yahoo! ID before publishing changes to
another site.
To sign in with a different Yahoo! ID:
1. Select Change User... from the File menu.
2. Enter your Yahoo! ID and password in the appropriate fields.

3. Click OK.
Working with a Site

Managing Your Site Files
The Site Contents pane, found in the upper-right corner of the SiteBuilder interface, displays the contents of the
web site currently being edited, including elements such as images, files, and folders.
Site Contents pane
You can use the Site Contents pane to view, organize, and work with the contents of your web site. From this area
you can navigate between folders as well as open, move, rename, and delete files and folders.
To open a page in your site, for example, you can double-click on its name in the Site Contents pane. Similarly, you
can view the contents of a folder by double-clicking on its name or clicking the + symbol to the left of the folder
name.
You can preview a page from the Site Contents pane by right-clicking once on the page name and selecting
Preview in Browser. To rename or delete a page, right-click on its name and choose Rename File or Delete File.
To create a new folder, right-click once in the Site Contents pane and choose Create New Folder. Enter a name for
the folder, then click the Return key on your keyboard to save your changes.
Creating a new folder
You can also insert an image into your page or add a background image by right-clicking on an image file and
choosing Insert Image or Set as Background.
Inserting an image
To move a file or folder to another location in your site directory, click the file or folder once to select it (to select
multiple items, hold down the Shift key while you click each item you want to move), then drag the item to its new
location. You can make a copy of a file or folder by right-clicking on the file or folder and choosing Copy File or
Copy Folder.
Tip: Be sure to make any changes to your SiteBuilder site structure in the Site Contents pane, and not in your
online File Manager (accessible from your Web Hosting Control Panel). Changes you make to your file structure in
the online File Manager will not be reflected in the SiteBuilder site stored on your computer, and when you publish
your site, you will overwrite any changes you may have made in the File Manager. To learn more, please visit our
online help center.
Publishing
When you're ready to show your site to the world, learn how to publish it to the Internet.
● About publishing
● Preparing to publish your site
● Publishing your site
● About your Yahoo! ID and password
● Managing multiple sites
● Troubleshooting
Publishing
About Publishing
SiteBuilder works offline, performing all of its functions -- just like a word processing program or other desktop
software -- on your PC. While you're using SiteBuilder to build your pages, you're creating and editing files on your
own computer. Naturally your customers and friends can't access files on your computer, so when you're happy with
your work, you'll want to publish your site so that people can find your pages on the Web.
When you're ready to show your creations to the world, you'll copy your page files from the web site folder on your
computer to your Yahoo! Web Hosting or Merchant Solutions account. This transfer is called publishing. When you
publish your web pages, you make them available on the World Wide Web. (Please note that you'll need a Web
Hosting or Merchant Solutions account to publish your site.)
Learn how to publish your site.

Publishing
Preparing to Publish Your Site
As soon as you've created one or more pages, you're ready to publish! Before you do, we recommend reviewing the
steps below -- your publishing checklist -- to help ensure a smooth publish process.
1. Preview your pages.

Before you unveil your new web page or site, make sure it looks just the way you intended. You'll save yourself time
by catching mistakes before you publish. Review your content, make sure your layout looks great, and double-check
that your links point to the right destination.
To preview anytime, head to the File menu and choose Preview in Browser. A preview of your page will display in
a new window. Learn more.
2. Make sure you're connected to the Internet.

You won't be able to publish your site unless you can communicate with Yahoo!'s servers over the Internet. A
simple way to verify your computer's Internet connection is to open your web browser and try to open a web site,
such as Yahoo! (http://www.yahoo.com).
3. Check the name of your home page file.

The file that generates the default page that appears at your domain -- your home page, or index page -- is called
index.html. In order for the home page you created to appear, your home page file must be named "index.html."
When you create a site with the Site Creation Wizard, SiteBuilder will automatically name your home page file
"index.html." If you have renamed this file or created a new home page with a different name, be sure to restore its
name to "index.html" before you publish, or your home page will not appear at your domain. Similarly, if you have
imported a web site you created elsewhere, be sure your home page file is named "index.html."
Learn how to rename a file.

Publishing
Publishing Your Site to the Web
Before you begin publishing your web site, please verify the following:
● Your home page is named "index.html." If you create your site with the Site Creation Wizard, SiteBuilder will
name your home page "index.html" by default. If you created your home page with a tool other than
SiteBuilder, created a new home page, or renamed your home page, be sure to change its name back to
"index.html," or your home page will not display at your domain.
● Your computer has an active connection to the Internet. A simple way to verify your Internet connection is to
open your web browser and try to connect to an Internet web site.
To publish a site to the Web:
1. Select Publish Site... from the File menu.

2. If you are not already signed in, you will be asked sign in to your Yahoo! Web Hosting or Merchant
Solutions account. (If you are already signed in but would like to sign in to a different account, you must first
3. Using the Browse... buttons on the Publish Site dialog, select the folder containing the site you would like
to publish and the folder to which you would like to publish your site. (If more than one domain is associated
with your Yahoo! ID, click Browse... and then use the pull-down menu on the Publish To... dialog to
choose the domain to which you would like to publish.)
4. Using the radio buttons on the Publish Site dialog, indicate whether you would like to publish all of the files
contained in the folder or only those files that have been modified using Yahoo! SiteBuilder.
5. Click OK.
Note: Depending on your Internet connection speed and the size of the site you choose to publish, publishing a site
may take up to several minutes.
If you encounter problems while publishing, please see our troubleshooting tips.
Step 1:
Step 2:
Steps 3-5:
Publishing
About Your Yahoo! ID and Password
For your security, you'll need to sign in to your Yahoo! Web Hosting or Merchant Solutions account anytime you'd
like to publish your web site, import a web site stored in your account, or import a store catalog with SiteBuilder.
You'll be prompted to enter your Yahoo! ID and secret password when you initiate the publishing or importing
process. Learn more about publishing, importing a site, and importing a catalog.
For security reasons, it is currently not possible to associate a different Yahoo! ID with your current Yahoo! Web
Hosting or Merchant Solutions plan. You can create an additional Web Hosting account using the same Yahoo! ID,
but you cannot change the Yahoo! ID associated with an existing account.
Learn more in our online help center.

Using Templates
Templates are customizable, predesigned web pages that provide a convenient way to create a unified look for your
web site. Yahoo! SiteBuilder includes nearly 400 templates, suitable for a wide variety of purposes.
Learn more by selecting a topic below:
● About templates
● Adding a template page
● Creating a template site
● Editing a page
● Making your own template
Using Templates
About Templates
When you installed SiteBuilder on your computer, you gained access to not only a powerful site building application
but also a collection of templates and clip art.
Templates are page designs that you can use as the foundation for your own web site design. Template pages
generally include a background image or color, a distinct area in which you can place your navigation bar, images,
and sample content (only a blank template page will not include sample content). You can edit every element of a
template page just as you'd customize a blank page. Learn how to edit a page.
Template pages provide a convenient way to create a unified look for your web site. When you use the Site Creation
Wizard to create a site, you'll be able to choose a template style and automatically create as many pages from that
template group as you like (a home page, "About Us" page, and "Contact Us" page, for example). Later you can add
more pages -- using the same template, a new one, or no template at all -- and customize or remove the pages you
already created. Learn more about working with pages.
To speed your initial download and installation of SiteBuilder, we have included only a portion of the complete set of
templates and clip art available. You can see which templates you have downloaded to your computer whenever
you are given the option to choose a template page, in either the Site Creation Wizard or the Add New Page dialog.
After you choose a template category, you'll see at the top of the Templates: field the total number of templates in
that category as well as the number you have already downloaded. Individual templates you have downloaded will
also be accompanied in the Templates: field by a checkmark.
Available templates in this category
If you'd like to use a template you have not yet downloaded, first make sure that you have a connection to the
Internet, then choose to preview the template or simply choose Next (in the wizard) or Add Page (in the Add New
Page dialog). If you have not yet downloaded this template, SiteBuilder will prompt you to download it.
Each template includes several useful pages (such as a home page, blank page, and "About Us" page) with a
consistent design, as well as any clip art that might be associated with those pages. You can download more
templates and associated clip art anytime.
If you'd like to download all available templates and clip art at once, visit the Tools menu and choose Download All
Templates.... You'll be asked to confirm your request before the download begins.
Toolbar Shortcut:
Working with Pages

Adding a Template Page
A template page is based on one of SiteBuilder's predesigned templates. Template pages generally include a
background image or color, a distinct area in which you can place your navigation bar, images, and sample content
(only a blank template page will not include sample content). These pages provide a convenient way to create a
unified look for your web site -- and you can edit every element of a template page just as you'd customize a blank
page.
A blank template page
Toolbar shortcut:
6. Click Add Page.
You can also use the keyboard shortcut Ctrl+N to launch the Add New Page dialog, which will allow you to add
either a blank or a template page. Learn more about adding a blank page.
Note: Templates you have already downloaded to your computer are marked with a small check. Feel free to
choose a template you have not yet downloaded: SiteBuilder will alert you that this template is not yet available and
attempt to connect to the Yahoo! servers so that you can download the template and associated clip art.
You can download new templates and clip art anytime. Learn more.
Using Templates
Creating a Template Site
Templates provide a convenient way to create a unified look for your web site. When you use the Site Creation
Wizard to create a site, you'll be able to choose a template style and automatically create as many pages from that
template group as you like (a home page, "About Us" page, and "Contact Us" page, for example). Later you can add
more pages -- using the same template, a new one, or no template at all -- and customize or remove the pages you
already created. Learn more about working with pages.
To create a new web site based on a predesigned template:
1. Select New Site... from the File menu. If an existing web site is already open, you will be prompted to
close, publish, and save it.
2. Click Start.
3. Choose a name for your web site and choose a location on your computer to store your web site files (we
recommend selecting the default location). Click Next.
4. Select A template and click OK.
5. In this step you can select a template. In the Templates: field, browse the selection to find a template you'd
6. To select a template, click its image once.
template.
8. If you have not yet downloaded this template (the template will not be marked with a check), SiteBuilder will
confirm that you'd like to download this template now. Choose OK to continue.
9. Check the box next to each page you'd like to create now (you can always add more pages later). Please
note that the Site Creation Wizard will always create a home page; this checkbox will be selected by default.
10. If you'd like to create a navigation bar now, select the corresponding checkbox. (This navigation bar will link
the pages you've chosen to create with the wizard. You can always add more pages, edit your navigation
bar, or add a new navigation bar later.)
11. Click Next.
12. You're ready to begin editing your site! Click Finish to return to Help.
What's next? Learn how to edit your pages, add new pages, and publish your site.
Toolbar Shortcut:
Working with Pages

Editing a Page
Once you've created a blank or template page, you're ready to customize it with your own images, content, and
other page elements. You can edit any of your pages whenever you like.
Editing Images
You can add new images, edit images, or replace the images included in a template page with images of your own
or from SiteBuilder's collection of clip art anytime. To edit or replace an image on your page, right-click on the image
you want to modify and choose Properties. In the Image Properties dialog, you can make changes to your image.
Learn more about image properties.
Editing Text
Double-click on a text box to add content to it. You can use the commands in the Format menu to format your text
or add a background color to your text box. To add a new text box to your page, select Text from the Insert menu.
Learn more about working with text.
Modifying Links
To modify links you've already created, or links that appear in a template page you've chosen, right-click once on
the link, then select Link to. You'll be able to change the link type, destination, and text. Learn more.
Editing Page Effects

To modify page effects such as background colors, images, or graphic effects, right-click once on the corresponding
Page Effects icon in the Page Effects pane at the bottom of the SiteBuilder console, then select Properties.
Deleting Page Elements or Effects

To remove a page element or page effect that you don't need on your page, click it once to highlight it, then select
click your keyboard's Delete key.
Rearranging Page Elements

You can rearrange elements on your template page by clicking them once and drag them to a new location on the
page. Learn more about positioning page elements.
Setting Page Properties

The Page Properties dialog allows you to modify your page title, author, and keywords; adjust the height, width,
and alignment of your page in a web browser; and modify your default text style for each page. Learn more.
Using Templates
Downloading Templates and Clip Art
You can download additional templates and clip art anytime. When you download new materials, the new templates
will be available for use whenever you create a new page, and your new clip art will be added to your clip art folder.
If no new content is available, you will see a message that says, "No new content is available at this time."
Before you attempt to download new templates or clip art, please verify that you are connected to the Internet.
Learn more.
To download individual templates using the Site Creation Wizard:
1. From the File menu, choose New Site...

2. In step 1, enter a name for your new site.
3. In step 2, choose A template.
4. In step 3 you can select a template. In the Templates: field, browse the selection to find a template you'd
5. To select a template, click its image once.
template.
7. If you have not yet downloaded this template (so the template was not marked with a check), SiteBuilder
will confirm that you'd like to download this template now. Choose OK to continue.
8. Proceed with the rest of the wizard. Learn more.
To download individual templates using the Add New Page dialog:
5. If you have not yet downloaded this template, SiteBuilder will confirm that you'd like to download this
template now. Choose OK to continue.
7. Click Add Page.
To download all available templates and clip art:
1. Choose Download All Templates... from the Tools menu.

2. In the confirmation dialog, click OK to begin the download.
Toolbar Shortcut:
Using Templates
Making Your Own Template
If you intend to build many web pages using the same basic colors and formatting, you can save time by creating
your own template.
To create your own template, create and save a page you would like to use as your template. You may wish to save
this page with a file name you will remember, such as "template.html."
Now, whenever you need to create a new web page based on this template, open your saved page, make whatever
changes you would like to the page, and save it with a different file name by selecting Save Page As... from the File
menu.
Working with Pages

Learn the ins and outs of managing web pages with Yahoo! SiteBuilder.
● About adding a new page

● About templates
● Adding a blank page
● Adding a template page
● Using the add new page dialog
● Editing a page
● Opening an existing page
● Deleting a page
● Renaming a page
● Previewing a page
● Closing a page
● Saving a page
● Setting page properties
Working with Pages

About Adding a New Page
After you create a new site with the Site Creation Wizard, or you import a site you've already created, you can add
additional web pages anytime. You may have used the Site Creation Wizard to create a site that includes a home
page, About Us page, and Services page, for example, then decide that you'd like to add a Contact Us page as well.
You can add as many new blank and template pages to your site as you like.
A blank page contains no images, backgrounds, or other page elements, and is not associated with one of
SiteBuilder's predesigned templates. Adding a blank page is useful when you want to create a fully customized web
page from scratch.
Toolbar Shortcut:
Learn how to add a blank page.
page.
When you create a new site using a SiteBuilder template, you will be given the option to create a number of
template pages at once. You can add a new blank page or a new template page (of the same template design or a
new design) anytime.
Toolbar Shortcut:
Learn how to add a template page.

Working with Pages

Adding a Blank Web Page
A blank web page contains no images, backgrounds, or other page elements, and is not associated with one of
SiteBuilder's predesigned templates. Adding a blank page is useful when you want to create a fully customized web
page from scratch. You can add as many pages to your site as you'd like.
To add a blank web page:
From the File menu, select New Page, then Without Template.
Toolbar Shortcut:
either a blank or a template page. A template page contains one of our predesigned templates: a web page
composed of images, content, and other elements that you can customize just as you'd edit a blank page. Learn
how to edit a page.
Keyboard Shortcut: Ctrl+N
To add a blank web page from the Add New Page dialog:
1. Using your keyboard, press the keys Ctrl and N at the same time to open the Add New Page dialog.
3. Click Add Page.

Working with Pages

Adding a Template Page
page.
Toolbar shortcut:
6. Click Add Page.
either a blank or a template page. Learn more about adding a blank page.
Note: Templates you have already downloaded to your computer are marked with a small check. Feel free to
choose a template you have not yet downloaded: SiteBuilder will alert you that this template is not yet available and
attempt to connect to the Yahoo! servers so that you can download the template and associated clip art.
Working with Pages

Using the Add New Page Dialog
You can use the Add New Page dialog to create a new blank or template page for your site.
Blank Page
A blank web page contains no images, backgrounds, or other page elements, and is not associated with one of
SiteBuilder's predesigned templates. Learn more about adding a new page.
To create a new blank page from the Add New Page dialog:

2. Click Add Page.
Template Page
Template pages generally include a background image or color, a distinct area in which you can place your
navigation bar, images, and sample content (only a blank template page will not include sample content).
To add a template page from the Add New Page dialog:
1. Select a template category from the Categories: menu.

5. Click Add Page.
Want to create an entirely new site? Find out how.

Working with Pages

Editing a Page
Once you've created a blank or template page, you're ready to customize it with your own images, content, and
other page elements. You can edit any of your pages whenever you like.
Editing Images
You can add new images, edit images, or replace the images included in a template page with images of your own
or from SiteBuilder's collection of clip art anytime. To edit or replace an image on your page, right-click on the image
you want to modify and choose Properties. In the Image Properties dialog, you can make changes to your image.
Editing Text
Double-click on a text box to add content to it. You can use the commands in the Format menu to format your text
or add a background color to your text box. To add a new text box to your page, select Text from the Insert menu.
Learn more about working with text.
Modifying Links
To modify links you've already created, or links that appear in a template page you've chosen, right-click once on
the link, then select Link to. You'll be able to change the link type, destination, and text. Learn more.
Editing Page Effects

To modify page effects such as background colors, images, or graphic effects, right-click once on the corresponding
Page Effects icon in the Page Effects pane at the bottom of the SiteBuilder console, then select Properties.
Deleting Page Elements or Effects

To remove a page element or page effect that you don't need on your page, click it once to highlight it, then select
click your keyboard's Delete key.
Rearranging Page Elements

You can rearrange elements on your template page by clicking them once and drag them to a new location on the

The Page Properties dialog allows you to modify your page title, author, and keywords; adjust the height, width,
and alignment of your page in a web browser; and modify your default text style for each page. Learn more.
Working with Pages

Opening an Existing Page
To open a web page you've already created:
1. Select Open Page... from the File menu.

2. Locate the page file in your computer's folder list.
3. Open the page by double-clicking its file name or by highlighting its file name and clicking Open.
Keyboard Shortcut: Ctrl+O
Toolbar Shortcut:
Working with Pages

Deleting a Page
If you decide that you no longer need a web page, you can delete it permanently from your site folder.
To delete a web page you have already created:
1. Locate and highlight the file name of the page you would like to delete in the Site Contents pane at the
right side of the screen.
2. Place your cursor over the file name and right-click once with your mouse.
3. Select Delete File.
4. Click OK to confirm that you would like to delete the file.
Note: Yahoo! SiteBuilder will automatically remove links to the deleted page from any pages that include them. If the
page you are deleting includes information essential to the functioning of any other elements in your site (Site
Search or a navigation bar, for example) , SiteBuilder will alert you to the conflict and either attempt to repair the
problem or prompt you to reconsider your deletion. You'll be able to confirm any updates in the Update Site? dialog
when you delete the page.
Working with Pages

Renaming a Page
When you create a web page, you save it in your Site Contents folder with a file name. The file name of your
"About Us" page, for example, could be "about.html." A page's file name becomes part of the web address (or URL)
your site visitors can use to find that page on the Internet after you publish. Your "About Us" page, for example,
could be found at http://www.yourdomain.com/about.html.
When you rename a page, you change its file name. (Renaming a page will not affect the page title or other content
you may have placed on the page.) You can rename a web page anytime -- changing "about.html" to "aboutus.
html," for example.
A web address must conform to certain standards in order to work on the Internet. Since the name of your file
becomes part of your page's web address, its file name can contain only letters, numbers, underscores, dashes,
and periods. If your file name includes other characters (like this: %new!page*name@), Yahoo! SiteBuilder will
prompt you to enter a new one. Please make sure to use only standard characters in your page names.
Please note that in order to display at your domain when you publish, your home page must be named "index.html."
If you have created a home page file with another name ("home.html" or "main.html," for example), be sure to
rename your file before you publish, or your home page will not display at your domain.
To rename a web page you have already created:
1. Locate the file name of the page you would like to rename in the Site Contents pane at the right side of the
screen.
3. Select Rename File.
4. You'll see a box around the file name, which indicates that it's ready to edit. Replace the current name with
a new file name.
5. Select the Enter button on your keyboard or click anywhere in the Site Contents pane to save your changes.
Note: If any other pages in your site refer to the file you have renamed, Yahoo! SiteBuilder will automatically update
those pages. You'll be able to confirm any updates in the Update Site? dialog after you rename the page.
Working with Pages

Previewing a Page
We recommend that you always preview your pages to make sure they look just the way you intended. You'll save
yourself time by catching mistakes before you publish. Review your content, make sure your layout looks great, and
double-check that your links point to the right destination. Learn more about publishing.
To see a page as it will appear to your web site visitors:
1. Open the page you want to preview.

2. Select Preview in Browser from the File menu. The currently open page will display in a separate browser
window.
Note: To preview changes additional changes to your page, be sure to close the preview window and launch a new
one by selecting Preview in Browser from the File menu. Clicking the browser's Refresh or Reload button will not
display changes made to the page after a preview window is launched.
Please note also that a preview is just that -- a representation of your page. To make your site available on the
Internet, you will need to publish your web site.
Tip: You can adjust the height, width, and alignment of your page in a web browser by changing your
default page layout. Learn how.
Keyboard shortcut: F12
Toolbar shortcut:
Working with Pages

Closing a Page
To close the page you are currently working on:
Select Close Page from the File menu. If you have made any unsaved changes to the page, you will be prompted
to save them.
Working with Pages

Saving a Page
After you create a new page, you'll want to save it in your Site Contents folder, where it can become part of your
web site.
Site Contents
When you save a page for the first time, you'll need to give it a file name (the Site Creation Wizard will create file
names for you, which you can change anytime). The file name of your "About Us" page, for example, could be
"about.html." A page's file name becomes part of the web address (or URL) your site visitors can use to find that
page on the Internet after you publish. Your "About Us" page, for example, could be found at http://www.yourdomain.
com/about.html.
A web address must conform to certain standards in order to work on the Internet. Since the name of your file
becomes part of your page's web address, its file name can contain only letters, numbers, underscores, dashes,
and periods. If your file name includes other characters (like this: %new!page*name@), Yahoo! SiteBuilder will
prompt you to enter a new one. Please make sure to use only standard characters in your page names.
Please note that in order to display at your domain when you publish, your home page must be named "index.html."
If you have created a home page file with another name ("home.html" or "main.html," for example), be sure to
rename your file before you publish, or your home page will not display at your domain.
To save a new page:
1. Select Save Page from the File menu.

2. Enter the name of the page in the File name: field.
3. Click Save.
Keyboard Shortcut: Ctrl+S

Toolbar Shortcut:
Saving Your Work

As you work on your site, be sure to save your changes regularly to prevent losing any of your work in the event that
your computer loses power or encounters any other technical problem. To save your page anytime, select Save
Page from the File menu.
Saving a Copy of a Page

You can save a copy of an existing page anytime, to make a backup of an important page, for instance, or to create
your own template.
To save a copy of a page:
1. Select Save Page As... from the File menu.

2. Enter a name for the new page.
3. Click Save.
Working with Pages

Find out how to specify the title, keywords, author, and layout of your pages.
Page Title Find out how to specify the titles of your web pages.
Keywords Find out how to specify the keywords for your web pages.
Author Find out how to specify the author of your web pages.
Layout Learn how to set the width, height, default colors, and margin sizes of your pages.
Default Attributes Modify the default font, size, and colors for text and links on your pages.
Working with Pages

Page Title
Page titles are displayed in browser title bars and bookmark (or "favorites") lists. They can be used by search
engines to index web sites, and they are often displayed in search engine results. Give some thought to choosing a
concise but descriptive title for each page of your web site.
To give your web page a title:

2. Type the page title in the field indicated.
3. Click OK.
Step 1:
Steps 2-3:
Working with Pages

Keywords
Choosing effective keywords can improve your search engine rankings, so give some thought to the keywords that
best describe your web page.
To enter keywords for a web page:

2. Type the keywords in the field indicated.
3. Click OK.
Step 1:
Steps 2-3:
Working with Pages

Author
To identify the author of a web page:

2. Type the author's name in the field indicated.
3. Click OK.
Step 1:
Steps 2-3:
Working with Pages

Page Layout
Width
To specify the width of a web page:

2. Enter the desired width in the field indicated.
3. Click OK.
Height
To specify the height of a web page:

2. Enter the desired height in the field indicated.
3. Click OK.
Left/Right Margin
To specify the left and right margin size of a web page:

2. Enter the desired margin size in the field indicated.
3. Click OK.
Top/Bottom Margin
To specify the top and bottom margin size of a web page:

2. Enter the desired margin size in the field indicated.
3. Click OK.
Centered
To center your web page horizontally on the screen:

2. Click the Centered checkbox.
3. Click OK.
Step 1:
Steps 2-3:
Working with Pages

Default Attributes
Default Font
To choose the default font for text on a web page:

2. Select the desired font in the field indicated.
3. Click OK.
Default Font Size
To specify the default font size for text on a web page:

2. Enter the desired font size in the field indicated.
3. Click OK.
Default Colors
To choose the default text and link colors for a web page:

2. Click on the color swatches to choose the page's default text, link, and visited link colors.
3. Click OK.
Step 1:
Steps 2-3:
Basic Operations
Working with Text
Yahoo! SiteBuilder makes it easy to add text to your web pages, then easily position and format it.
● Adding text to web pages

● Copying text into web pages
● Creating bold text

● Creating italicized text
● Creating underlined text
● Setting font size and style

● Selecting text color
● Selecting text background
● Removing text background
● Left justifying text

● Right justifying text
● Top justifying text
● Bottom justifying text
● Centering text vertically
● Centering text horizontally
● Creating a bulleted list

● Creating a numbered list
● Creating custom bullets
● Increasing text indentation

● Decreasing text indentation
● Creating a text link

Basic Operations
Adding Text to Web Pages
To add text to a web page:
1. Select Text from the Insert menu.

2. Double-click the text box that appears on the web page and then type or paste your text into the text box.
Keyboard Shortcut: Ctrl+Shift+T

Toolbar Shortcut:
Step 1:
Basic Operations
Copying Text from Other Programs into Yahoo! SiteBuilder
To copy text from another program into a Yahoo! SiteBuilder web page:
1. Copy the text in the other program by highlighting the text and pressing Ctrl+C on your keyboard.
2. In Yahoo! SiteBuilder, select Text from the Insert menu.
3. Double-click the text box that appears on the web page and then paste the text into the text box by pressing
Ctrl+V on your keyboard.
Keyboard Shortcut: Ctrl+Shift+T

Toolbar Shortcut:
Step 2:
Basic Operations
Creating Bold Text
To create bold text in a text box:
1. Double-click inside the text box.

2. Select Bold from the Format menu.
3. Type your text inside the text box.
Keyboard Shortcut: Ctrl+B

Toolbar Shortcut:
Step 2:
To apply bold formatting to text you've already written:

2. Highlight the text you would like to make bold.
3. Select Bold from the Format menu.
Keyboard Shortcut: Ctrl+B

Toolbar Shortcut:
Step 3:
Basic Operations
Creating Italicized Text
To create italicized text in a text box:

2. Select Italicize from the Format menu.
Keyboard Shortcut: Ctrl+I

Toolbar Shortcut:
Step 2:
To italicize text you've already written:

2. Highlight the text you would like to italicize.
3. Select Italicize from the Format menu.
Keyboard Shortcut: Ctrl+I

Toolbar Shortcut:
Step 3:
Basic Operations
Creating Underlined Text
To create underlined text in a text box:

2. Select Underline from the Format menu.
Keyboard Shortcut: Ctrl+U

Toolbar Shortcut:
Step 2:
To underline text you've already written:

2. Highlight the text you would like to underline.
3. Select Underline from the Format menu.
Keyboard Shortcut: Ctrl+U

Toolbar Shortcut:
Step 3:
Basic Operations
Setting Font Size and Style
To choose the font and font size of your text:
1. Double-click inside a text box.

2. Highlight the text you would like to modify.
3. Select your desired font size and style using the pull-down menus on your toolbar.
Note: We suggest that you use common fonts (like Arial, Verdana, and Times New Roman) that are supported by
most web browsers.
Step 3:
Basic Operations
Selecting Text Color
To select the color of text in a text box:
1. Select Text Color... from the Format menu.

2. Select your desired text color using the Choose Text Color... dialog.
3. Click OK.
Toolbar Shortcut:
Step 1:
Steps 2-3:
To change the color of text you've already written:
1. Double-click in the text box.

2. Highlight the text whose color you would like to change.
3. Select Text Color... from the Format menu.
4. Select your desired text color using the Choose Text Color... dialog.
5. Click OK.
Toolbar Shortcut:
Step 3:
Steps 4-5:
Basic Operations
Selecting Text Background
To select the background color of a text box:
1. Select Text Background... from the Format menu.

2. Select your desired text background using the Choose Text Background... dialog.
3. Click OK.
Toolbar Shortcut:
Step 1:
Step 2:
Basic Operations
Removing Text Background
To remove the background color from a text box:
1. Click on the text box where you'd like to remove the background color.
2. Click on the (Remove Text Background) toolbar icon.
Basic Operations
Left Justifying Text
To justify text at the left side of a text box:
1. Highlight the text you would like to justify.

2. Select Left Justify from the Format menu.
Toolbar Shortcut:
Step 2:
Basic Operations
Right Justifying Text
To justify text at the right side of a text box:

2. Select Right Justify from the Format menu.
Toolbar Shortcut:
Step 2:
Basic Operations
Top Justifying Text
To justify text at the top of a text box:

2. Select Top Justify from the Format menu.
Toolbar Shortcut:
Step 2:
Basic Operations
Bottom Justifying Text
To justify text at the bottom of a text box:

2. Select Bottom Justify from the Format menu.
Toolbar Shortcut:
Step 2:
Basic Operations
Centering Text Vertically
To center text vertically in a text box:
1. Highlight the text you would like to center.

2. Select Center Vertically from the Format menu.
Toolbar Shortcut:
Step 2:
Basic Operations
Centering Text Horizontally
To center text horizontally in a text box:
1. Highlight the text you would like to center.

2. Select Center Horizontally from the Format menu.
Toolbar Shortcut:
Step 2:
Basic Operations
Creating a Bulleted List
To create bulleted text in a text box:

2. Select Bullets and Numbering... from the Format menu.
3. In the Bullets and Numbering dialog, choose a bullet style from the List Style: pull-down menu.
4. Click OK.
5. Type your text inside the text box (choose Return as you type to create the next bulleted line).
Toolbar Shortcut:
Step 2:
Step 3-4:
To add bullets to text you've already written:

2. Highlight the text to which you would like to add bullets.
4. In the Bullets and Numbering dialog, choose a bullet style from the List Style: pull-down menu.
5. Click OK.
Toolbar Shortcuts:
Step 3:
Step 4-5:
Basic Operations
Creating a Numbered List
To create numbered text in a text box:

3. In the Bullets and Numbering dialog, choose a number style from the List Style: pull-down menu.
4. Click OK.
5. Type your text inside the text box (choose Return as you type to create the next numbered line).
Toolbar Shortcut:
Step 2:
Step 3-4:
To add numbering to text you've already written:

2. Highlight the text to which you would like to add numbering.
4. In the Bullets and Numbering dialog, choose a number style from the List Style: pull-down menu.
5. Click OK.
Toolbar Shortcuts:
Step 3:
Step 4-5:
Basic Operations
Creating Custom Bullets
To create custom bullets for text in a text box:

3. In the Bullets and Numbering dialog, choose User-Defined Image from the List Style: pull-down menu.
4. Click Browse... to select a bullet image from your hard drive or Yahoo! SiteBuilder's image or clip art
folders, then click OK.
5. Click OK to close the Bullets and Numbering dialog.
6. Type your text inside the text box (choose Return as you type to create the next bulleted line).
Toolbar Shortcut:
Step 2:
Step 3:
Step 4:
To add custom bullets to text you've already written:

2. Highlight the text to which you would like to add custom bullets.
4. In the Bullets and Numbering dialog, choose User-Defined Image from the List Style: pull-down menu.
5. Click Browse... to select a bullet image from your hard drive or Yahoo! SiteBuilder's image or clip art
folders, then click OK.
6. Click OK to close the Bullets and Numbering dialog.
Toolbar Shortcuts:
Step 3:
Step 4:
Step 5:
Basic Operations
Increasing Text Indentation
To increase the indentation of text in a text box:

2. Highlight the text you would like to indent.
3. Select Increase Indentation from the Format menu.
Toolbar Shortcut:
Step 3:
Basic Operations
Decreasing Text Indentation
To decrease the indentation of text in a text box:

2. Highlight the text whose indentation you would like to decrease.
3. Select Decrease Indentation from the Format menu.
Toolbar Shortcut:
Step 3:
Working with Text

Checking Your Spelling
Yahoo! SiteBuilder's built-in Check Spelling tool makes it easy to quickly find and fix any spelling errors in your web
site.
● Automatic spell-checking
● Checking spelling of a selection
● Checking spelling on a page
● Checking spelling on open pages
● Checking spelling in a site
● Handling misspellings
Working with Text

Automatic Spell-Checking
With the Automatic Spell Checking feature enabled, Yahoo! SiteBuilder will check the spelling of words as they are
added to the page and will highlight any misspellings found.
To enable or disable Automatic Spell Checking:
1. Select Check Spelling from the Tools menu.

2. Select the option Automatic Spell Checking to add or remove the checkmark, enabling or disabling the
tool.
Note: Text within Store Tags is not checked by the Check Spelling tool.
Step 1-2:
Working with Text

Checking Spelling of a Selection
To check the spelling of a selection of text:
1. Highlight one or more selections of text that you want to spell check.
3. Select the option Selected Text.
4. Use the Check Spelling dialog to correct any spelling errors found. Use the Replace and Ignore buttons to
make any desired changes.
5. Click OK to confirm the Spell Check Done message.
Steps 2-3:
Step 4:
Step 5:
Working with Text

Checking Spelling on a Page
To check the spelling on an entire page:
1. Open the page that you want to spell check.

3. Select the option Current Page.
Steps 2-3:
Step 4:
Step 5:
Working with Text

Checking Spelling on Open Pages
To check the spelling on all open pages:
1. Open the pages that you want to spell check.

3. Select the option Opened Pages.
Steps 2-3:
Step 4:
Step 5:
Working with Text

Checking Spelling in a Site
To check the spelling in an entire site:
1. Open the site that you want to spell check.

3. Select the option Entire Site.
Steps 2-3:
Step 4:
Step 5:
Working with Text

Handling Misspellings
Once a misspelling is found, you can choose different options depending on how you wish to deal with the word:
Replace
Use this option to replace the unknown word with the suggested correction.
Replace All
Use this option to replace all occurrences of the unknown word with the suggested correction.
Ignore
Use this option to avoid making any changes to the unknown word.
Ignore All
Use this option to avoid making any changes to all occurrences of the unknown word.
Learn
Use this option to add the unknown word to the list of known words.
Options for when a misspelled word is found:

SiteBuilder Basics
Choosing Spell-Checking Options
To modify the options of the Check Spelling feature:
2. Select the Spell Check tab from the Preferences window.

3. Choose to enable or disable the following options:
Ignore case:
When set, the spell checker will ignore words at the beginning of a sentence that are not capitalized.
Ignore mixed-case words:

When set, the spell checker will ignore words containing a mix of uppercase and lowercase characters.
Ignore words with digits:

When set, the spell checker will ignore words containing digits.
Ignore duplicate words:

When set, the spell checker will ignore multiple instances of a word when they appear consecutively.
Ignore URL-like words:

When set, the spell checker will ignore words that resemble the URL structure.
Check punctuation:
When set, the spell checker will look for simple punctuation errors.
Allow hyphenated words:

When set, the spell checker will allow two words compounded by a hyphen. Multiple hyphens are not
allowed.
Allow common file extensions:

When set, the spell checker will allow file names with a variety of common extensions (such as bmp, doc,
html, zip).
4. Accept your changes by clicking OK.

Learn more about spell-checking.
Working with Images

Yahoo! SiteBuilder makes it easy to add images to your web pages, position, resize them, and more -- with no
programming!
Learn more by selecting a topic from the list below:
● About images and clip art

● Adding an image
● Editing an image
● Setting image properties
● Using the image properties dialog
● File formats
● Resizing an image
● File size and resolution
● Creating thumbnail images
Working with Images

About Images and Clip Art
Images add visual interest to your web site, and can take many forms. You might add a logo or graphic that
represents your business or hobby to the top of each page in your site, or punctuate your newsletter with
illustrations, charts, or other informative images. You might consider adding photos to your wedding site or including
pictures in your online store next to descriptions of the products you sell. Icons, patterned lines, and background
images can help attract your visitors' attention and encourage them to browse your site.
Learn how to add an image to your page.
SiteBuilder allows you to add images from either your own computer or SiteBuilder's collection of clip art. If you have
your own logo image, for example, you can save it to your computer then use SiteBuilder to add it to your site. We
recommend saving your images as GIFs (for illustrations and other graphics) or JPEGs (for photos). See all
supported file formats.
To ensure that your web pages load quickly (in other words, to make sure a web browser can display them quickly),
try to keep your image sizes small, and don't fill each page with photos and graphics. The larger an image (in file
size and actual pixel dimensions), the longer it will take to download into a web browser. Whenever you adjust the
dimensions of an image using SiteBuilder, the program automatically optimizes your pictures for the Web, saving it
at the smallest possible file size.
Check out the clip art selection for useful graphics like navigation bar buttons, bullets, and icons, as well as photos,
background images, and more. Clip art images are free of copyright restrictions, so you can use them to spice up
your pages whenever you like.
Don't see the clip art image you need? Learn how to download new clip art.
You can add images to both blank and template pages of your web site. Once you add your image, you'll be able to
edit, delete, and reposition it anytime.
Working with Images

Adding an Image
You can add images to both blank and template pages of your web site. Choose an image of your own or select one
from SiteBuilder's collection of clip art. Once you add your image, you'll be able to edit, delete, and reposition it
anytime.
To add an image to a web page:
1. Select Image... from the Insert menu.

2. In the Choose an Image dialog, click the radio button next to My Images to select an image from your
computer's hard drive. To choose from SiteBuilder's folder of clip art images, choose the radio button next
to Clip Art.
3. Use the Look in: pull-down menu to browse for the image you want to add.
To browse clip art, use the Type: and Subtype: pulldown menus.
4. To preview an image, click once on the image's file name. You'll see a preview of the image on the right
side of the dialog.
5. Select an image by clicking once on the image's file name. (To add multiple images, hold down the Shift
key on your keyboard while you click on the name of each image you want to add.)
6. Click OK.
Note: If you choose to add multiple images at once, SiteBuilder will add the images to the page one on top of the
other. To separate the images, just click the top image and, holding down your mouse button, drag it to another
location. Learn more.
Keyboard Shortcut: Ctrl+Shift+I
Toolbar Shortcut:
The larger an image (in file size and actual pixel dimensions), the longer it will take to download into a web browser.
Whenever you adjust the dimensions of an image using SiteBuilder, the program automatically optimizes your
pictures for the Web, saving it at the smallest possible file size.
Learn how to edit an image.
Don't see the clip art image you need? You can download new clip art anytime. Learn more.
Working with Images

Editing an Image
Once you've added an image to your web page, or created a template page that already contains an image, you can
edit, replace, or even delete the image anytime. Learn how to delete page elements.
To change or replace any image on your page:
1. Right-click on the image you want to modify.

3. In the Image Properties dialog, you can make changes to your image. Select a new image or mouseover
image, link the image, or change the image's alt text, size, or location.
The Image Properties dialog

Working with Images

Setting Image Properties
You can make changes to an image anytime using the Image Properties dialog. Use this dialog to select a new
image or mouseover image, link the image, or change the image's alt text, size, or location.
To specify an image's properties:
1. Right-click on the image you want to modify.

2. Choose Properties to open the Image Properties dialog.
3. If you'd like to use a different image, click the Browse... button and choose a new image from your
computer's hard drive or from Yahoo! SiteBuilder's folder of clip art images.
4. Enter alt text for the image in the Alt text: field.
5. Choose an image from your computer's hard drive or from Yahoo! SiteBuilder's folder of clip art images in
the Mouseover image: field.
6. Select a link type from the Select the type of link: pull-down menu, then specify the link's destination in the
field provided.
7. If you want to alter the location or size of your image, click the Coordinates tab and modify the fields
provided.
8. Click OK.
Working with Images

Using the Image Properties Dialog
You can make changes to your image anytime using the Image Properties dialog. To open the dialog anytime,
right-click on the image you want to modify, then choose Properties.
The Image Properties dialog
Image:
This field specifies the image that appears on your web page. You can change this image by clicking the Browse...
button and choosing a new image from your computer's hard drive or from Yahoo! SiteBuilder's folder of clip art
images.
Alt text:
Alt text is the text your site visitors will see when an image is loading or when they move their cursor over an image.
You can enter alt text for your image in the field provided.
Mouseover image:
If you like, you can associate a mouseover image with the image on your page. When your site visitor moves his
cursor over your main image, the image will disappear and the mouseover image will replace it. When he removes
his cursor from above the image, the original image will return. To specify a mouseover image, click the Browse...
button and choose an image from your computer's hard drive or from Yahoo! SiteBuilder's folder of clip art images.
Select the type of link:

You can link your image to a file, web address, email address, or another page in your web site. If you set a link
type, the image will become a link: When your site visitors click the image, they will go to the page, file, web site, or
email address you specify. To link the image, choose a link type, then choose a destination in the corresponding
field.
Target window:
If you decide to link your image to another destination (such as another web page), you can use this pull-down
menu to specify whether that link should open in the same window or in a new browser window.
Coordinates
Select the Coordinates to alter the location of the image on your web page or change the size of the image. To
change its position on the page along the X and Y axes, change the values in the corresponding fields. You can
change the image's width and height by modifying the values in the Width: and Height: fields.
Working with Images

File Formats
Yahoo! SiteBuilder supports the following image file formats: JPEG, GIF, BMP, TIFF, PNG, and JPEG 2000.
Working with Images

Resizing an Image
To change the size of an image:
1. Click on the image you want to resize.

2. Square-shaped resize handles will appear.
3. Click on one of the resize handles and, holding down the button of your mouse, drag the image to the
desired size.
Note: The larger an image (in file size and actual pixel dimensions), the longer it will take to download into a web
browser. Whenever you adjust the dimensions of an image using Yahoo! SiteBuilder, the program automatically
optimizes your image for the Web, saving it at the smallest possible file size.
Working with Images

File Size and Resolution
The larger an image (in file size and actual pixel dimensions), the longer it will take to download into a web browser.
Whenever you adjust the dimensions of an image using Yahoo! SiteBuilder, the program automatically optimizes
your images for the Web, saving it at the smallest possible file size.
Working with Images

Creating Thumbnail Images
1. Right-click on the image.

Working with Links

Creating Links
Yahoo! SiteBuilder makes it easy to link text and images on your web pages.
● Creating a text link

● Creating an image link
● Creating a thumbnail link
● Using the Link dialog
● Unlinking text
● Unlinking an image
Working with Links

Creating a Text Link
To link text to a file, web address, email address, or another page in your web site:
1. Highlight the text you would like to make into a link.

2. From the Insert menu, select Link To, then A Page in My Site, Another Web Site, An Email Address, A
File in My Site, or Other, depending on the type of link you want to create.
3. Using the Link dialog, specify the link's destination in line 2, then click Create.
Note: You can also create a text link without first creating text. Right-click on the page where you would like to insert
your link. Choose Insert from the menu that appears and continue from step 2 above, entering the content you want
linked in the Enter text for link: field.
Toolbar shortcut:
Step 1:
Step 2:
Step 3:
Working with Links

Creating an Image Link
To link an image to a file, web address, email address, or another page in your web site:
1. Select the image you would like to make into a link.

2. Select Link Properties from the Edit menu.
3. Specify the link's destination using the Link dialog.
4. Click Create.
Toolbar shortcut:
Step 1:
Step 2:
Steps 3-4:
Working with Links

Creating a Thumbnail Link
1. Right-click over the image.

Steps 2-3:
Working with Links

Using the Link Dialog
Use the Link dialog to create or modify a link to a page in your web site, a file in your site, a web address, or an
email address.
Link to Location: A Page in My Site

Select this option to link to another page within your site. When your site visitors click on this link, they will go to the
page that you specify. Use the pull-down menu next to Select a page from my site: to select the page to which you
want to link.
Note: To link to a page in a different web site, use the Another Web Site link option.
Link to Location: A File on My Computer

Select this option to link to a file within your site, such as a spreadsheet or audio clip. When your site visitors click
on this link, they will open the file you specify. Click the Browse... button to choose the file to which you want to link.
Note: Be sure to link only to files you have already added to your web site folder (you can use File Manager to
keep track of your web site files). Although it is possible to link to files stored elsewhere on your computer, links to
files that are not part of your web site will most likely not work when your web site visitors click on them.
Another Web Site

Select this option to link to an Internet web address, or URL. When your site visitors click on this link, they will go to
the web site you specify. Enter the URL following the http:// in the Enter the destination URL: field.
Note: To link to a page in your own web site, use the A Page in My Site link option.
An Email Address
Select this option to link to an email address. When your site visitors click on this link, they will open an email
window addressed to the email address you specify here. Enter the full email address following the mailto: in the
An email address: field.
Other
Select this option to enter a custom link destination. This option is recommended only for advanced users, as invalid
code in this field may create errors on your web page.
Target window:
Use this pull-down menu to select where the link should open. You can decide whether the target page, file, or email
will open in your site visitors' current browser window or in a new window.
Enter text for link:

If you are linking text, you can use this field to enter or modify the text that you would like to link.
Create
Click the Create button to create the link whose attributes you specify above.
Remove
Click the Remove button to remove an existing link.
Working with Links

Unlinking Text
To remove a link associated with a selection of text:
1. Highlight the text link that you would like to unlink.

3. Click Remove.
Toolbar shortcut:
Step 1:
Step 2:
Step 3:
Working with Links

Unlinking an Image
To remove a link associated with an image:
1. Highlight the image that you would like to unlink.

3. Click Remove.
Toolbar shortcut:
Step 1:
Step 2:
Step 3:
Working with Audio and Video

Yahoo! SiteBuilder makes it easy to embed audio and video clips in your web pages. Create a compelling
multimedia web site -- with no programming required!
● Adding an audio file

● Adding a video file
● File formats
● Advanced audio properties
● Advanced video properties
● Troubleshooting audio and video

Adding an Audio File
To add an audio file to a web page:
1. Select Audio... from the Insert menu.

2. Select an audio file from your computer's hard drive or Yahoo! SiteBuilder's folder of sounds.
3. Click Insert.
Step 1:
Steps 2-3:

Adding a Video File
To add a video file to a web page:
1. Select Video... from the Insert menu.

2. Select a video file from your computer's hard drive.
3. Click Insert.
Step 1:
Steps 2-3:

File Formats
Yahoo! SiteBuilder supports the following audio file formats: .mp3, .wav, .wma., .mid, .midi., .rm, and .ram.
Yahoo! SiteBuilder supports the following video file formats: .avi, .wmv, .asf, .mov, .mpa, .mpg, .mpeg, .rm, .
rmvb, .ra, and .ram.
Note: Yahoo! SiteBuilder will automatically choose a default player for the file you select. Because certain file types
are not compatible with some players, we recommend that only advanced users alter the default player selection.

Advanced Audio Properties
The Audio Properties dialog allows you to modify the attributes of an audio file you have added to your web page.
Here you can select a new audio file, choose its corresponding audio player and player options, and define the size
and coordinates of the image representing the file on your web page.
File
To add or change an audio file on your web page, click on the Browse... button to select a file from your computer's
hard drive or Yahoo! SiteBuilder's folder of sounds. (Note: To quickly add a media file from your web site folder to
your page, you can also drag it from its location in the Site Contents pane and drop it onto your open web page.)
Player
Choose the audio player that you would like to associate with your file. Note: Yahoo! SiteBuilder will automatically
choose a default player for your file. Because certain file types are not compatible with some players, we
recommend that only advanced users alter the default selection.
Player Options
If you'd like the clip to begin playing as soon as your site visitors open the page in which it appears, select
Autostart. Choose Loop if you want the file to repeat playing as long as the page is open.
Coordinates
Click on the Coordinates tab to alter the location of the audio file on your web page or change the size of the audio
player. To change its position on the page along the X and Y axes, change the values in the corresponding fields.
You can change the player's width and height by modifying the values in the Width: and Height: fields. (Please
note that although you have some flexibility in adjusting your media player's dimensions, the minimum and
maximum size will be determined by the default requirements of the player. Yahoo! SiteBuilder will automatically
adjust your settings if you exceed these boundaries, but we recommend that you review your page carefully to
ensure that your player displays properly.)
To specify an audio file's advanced properties:
1. Right-click on the file you want to modify.

3. Click on the radio button next to the audio player that you would like to associate with your file.
4. Specify the behavior of the audio file in the Player Options section.
5. Click on the Coordinates tab to alter the coordinates or size of the audio file.
6. Click OK.
Step 2:
Step 3:
Step 4:
Steps 5-6:

Advanced Video Properties
The Video Properties dialog allows you to modify the attributes of a video file you have embedded in your web
page. Here you can select a new video file, choose its corresponding video player and player options, and define
the size and coordinates of the image representing the file on your web page.
File
To add or change a video file on your web page, click on the Browse... button to select a file from your computer's
hard drive. (Note: To quickly add a media file from your web site folder to your page, you can also drag it from its
location in the Site Contents pane and drop it onto your open web page.)
Player
Choose the video player that you would like to associate with your video file. Note: Yahoo! SiteBuilder will
automatically choose a default player for your file. Because certain file types are not compatible with some players,
we recommend that only advanced users alter the default selection.
Player Options
To show the video player controls, allowing your site visitors to play and pause your video clip, select Show
Controls. If you'd like the video file to begin playing as soon as your site visitors open the page in which it appears,
select Autostart. Choose Loop if you want the file to repeat playing as long as the page is open.
Coordinates
Click on the Coordinates tab to alter the location of the video file on your web page or change the size of the media
player. To change its position on the page along the X and Y axes, change the values in the corresponding fields.
You can change the player's width and height by modifying the values in the Width: and Height: fields. (Please
note that although you have some flexibility in adjusting your media player's dimensions, the minimum and
maximum size will be determined by the default requirements of the player. Yahoo! SiteBuilder will automatically
adjust your settings if you exceed these boundaries, but we recommend that you review your page carefully to
ensure that your player displays properly.)
To specify a video file's advanced properties:
1. Right-click on the file you want to modify.

3. Click on the radio button next to the video player that you would like to associate with your file.
4. Specify the behavior of the video file in the Player Options section.
5. Click on the Coordinates tab to alter the coordinates or size of the video file.
6. Click OK.
Step 2:
Step 3:
Step 4:
Steps 5-6:

Troubleshooting
Use these troubleshooting tips to help solve problems you might encounter when trying to play audio or video clips
you have embedded in your web site.
Verify your default media player:

When you add an audio or video clip to your web page, Yahoo! SiteBuilder automatically chooses a default player
for your file. Yahoo! SiteBuilder supports the following players: Windows Media Player, RealPlayer, and
QuickTime Player.
Although you can use the Audio Properties and Video Properties dialogs to change the default player, please be
aware that certain file types are not compatible with some players. If you choose a player that is incompatible with
your file, the link to the file on your web page will not work, and your site visitors will not be able to hear your audio
clip or see your video (instead they will see a "broken" icon). We recommend that only advanced users alter the
default player selection.
To open the Audio Properties or Video Properties dialog, right-click on the file you want to modify and choose
Properties.
Install the correct plug-in:

To play your audio or video clip, your site visitors will need to install the plug-in associated with the file and player
you have chosen. Plug-ins allow the user's web browser (such as Internet Explorer or Mozilla Firefox) to play
multimedia files on a web page. To ensure that your site visitors can play your audio or video clips, you might
consider including information on your web page about where to download the required plug-ins. You can find some
supported plug-ins at these web addresses:
● RealPlayer: http://www.real.com/
● QuickTime: http://www.apple.com/quicktime/
● Windows Media Player: http://www.microsoft.com/windows/windowsmedia/default.aspx
Update media player:

If you find that an audio or video clip plays properly when you preview your pages, but you or your site visitors
cannot access it on your published site, the problem may lie in the media player. If your file will not play, try updating
to the latest version of the media player (your site visitors may need to do the same). You can download the latest
versions of supported media players at these web addresses:
● QuickTime Player: http://www.apple.com/quicktime/download/
Working with Page Elements

Learn how to manipulate images, text boxes, and other elements on your web pages by choosing a topic below.
● Managing page elements

❍ Selecting a page element
❍ Deleting a page element
❍ Duplicating a page element
❍ Resizing a page element
● Positioning page elements

❍ Basic positioning
❍ Snap to grid
❍ Show grid
❍ Grid size
❍ Aligning page elements
● Layering page elements

❍ Bring to front
❍ Bring forward
❍ Send to back
❍ Send backward
Basic Operations
Managing Page Elements
Find out how to select, delete, or duplicate any of the elements that are included in a web page.
Selecting a Page Element Learn how to select one or more elements on a web page.
Deleting a Page Element Learn how to delete elements from a web page.
Duplicating a Page Element Learn how to duplicate elements on a web page.

Basic Operations
Selecting a Page Element
In order to cut, copy, delete, duplicate, or modify a page element, you must first select it. Selected page elements
are indicated by a dotted blue selection border.
To select a single page element:
1. Click on the page element.
To select multiple page elements:
1. Hold down the Control key ("Ctrl") on your keyboard and click on each of the elements you would like to
select.
Note: You can also select multiple objects by dragging a rectangle around them.
Basic Operations
Deleting a Page Element
To delete any of the elements that appear on a page:
1. Click on the element to highlight it.

2. Select Delete from the Edit menu.
Keyboard Shortcut: Delete

Toolbar Shortcut:
Step 2:
Basic Operations
Duplicating a Page Element
To duplicate any of the elements that appear on a page:
1. Click on the element to highlight it.

2. Select Duplicate from the Edit menu.
Step 2:
Working with Page Elements

Resizing a Page Element
You can resize many page elements, such as images, tables, and form elements, by clicking on them once and
dragging their borders with your mouse. To change the size of an image, for example:
1. Click on the image you want to resize.

3. Click on one of the resize handles and, holding down the button of your mouse, drag the image to the
desired size.
Steps 1-2:
Step 3:
Note: The larger an image (in file size and actual pixel dimensions), the longer it will take to download into a web
browser. Whenever you adjust the dimensions of an image using Yahoo! SiteBuilder, the program automatically
optimizes your image for the Web, saving it at the smallest possible file size.
Basic Operations
Positioning Page Elements
Yahoo! SiteBuilder allows you to drag and drop your page elements exactly where you want them. Learn some
additional tips and tricks that will help you lay out your pages.
Basic Positioning Learn how easy it is to maneuver page elements to an exact location.
Snap to Grid Use the Snap to Grid feature to align your page elements exactly.
Show Grid Find out how to show or hide Yahoo! SiteBuilder's page design grid.
Grid Size Learn how to adjust the size of Yahoo! SiteBuilder's page design grid.
Aligning Page Elements Learn how to automatically align elements on a web page.
Basic Operations
Basic Positioning
Yahoo! SiteBuilder makes it easy to position page elements on web pages. Once you've added an element to a
page, simply drag it to its approximate location and drop it there. Then use your keyboard's arrow keys to move the
element into exactly the right position.
To drag and drop a page element:
1. Click on the page element, holding the mouse button down.

2. Drag the element to the desired location.
3. Release the mouse button.
To position a page element using your keyboard's arrow keys:
1. Click on the element you'd like to reposition.

2. Use your keyboard's arrow keys to move the element up, down, right, or left.
Basic Operations
Snap to Grid
When you activate the Snap to Grid feature, elements will move from one grid line to the next when you drag them
across the page. Activating Snap to Grid can help you align elements on a web page.
When you deactivate the Snap to Grid feature, elements will move smoothly across the page when you drag them.
To activate or deactivate Snap to Grid:
1. Select or deselect Snap to Grid from the Arrange menu.
Keyboard Shortcut: Ctrl+G
Step 1:
Basic Operations
Show Grid
You can display grid lines over your web pages to help you position elements on the page. The grid lines appear in
design mode only; they will not appear on your actual web page.
To show or remove grid lines:
1. Select or deselect Show Grid from the Arrange menu.
Step 1:
With Grid:
Without Grid:
Basic Operations
Grid Size
You can increase or decrease the amount of space between the grid lines that appear when you've selected Show
Grid.
To adjust the space between grid lines:
1. Select Grid Size... from the Arrange menu.

2. Enter a new grid size in the space provided.
3. Click OK.
Step 1:
Steps 2-3:
Basic Operations
Aligning Page Elements
Once you've placed two or more elements on a web page, you can use the Align... command to have Yahoo!
SiteBuilder automatically align them for you.
To align two or more page elements:
1. Select the elements you would like to align. (You can select multiple elements by dragging a rectangle
around them or by holding down the Control key on your keyboard and clicking on the elements one by
one.)
2. Select Align... from the Arrange menu.
3. Select the desired alignment (left, right, top, bottom, centered horizontally, or centered vertically).
4. If you like, select the Height or Width checkboxes to resize all of your selected elements to match the
largest element's height or width.
5. Select No change to leave the spacing between your elements unchanged. Select Space evenly to space
the selected elements evenly in the space between them. Select Space edge to edge to align the selected
elements flush against each other.
6. Click OK.
Keyboard Shortcut: Ctrl+Shift+A
Step 2:
Steps 3-6:
Basic Operations
Layering Page Elements
Yahoo! SiteBuilder allows you to overlap images and text to create more interesting page designs. (Not all page
elements may be displayed in layers. These elements will flash in red when you attempt to overlap them with other
page elements.)
Bring to Front Learn how to bring a selected page element to the top layer.
Bring Forward Learn how to bring a selected page element up one layer.
Send to Back Learn how to send a selected page element to the bottom layer.
Send Backward Learn how to send a selected page element back one layer.
Basic Operations
Bring to Front
Use the Bring to Front command to display an element in a group of layered elements in the top layer.
To display a layered element in the top layer:
1. Click on the element.

2. Select Bring to Front from the Arrange menu.
Keyboard Shortcut: Ctrl+Shift+F
Step 2:
Basic Operations
Bring Forward
Use the Bring Forward command to display an element in a group of layered elements in the next layer forward.
To display a layered element in the next layer forward:

2. Select Bring Forward from the Arrange menu.
Step 2:
Basic Operations
Send to Back
Use the Send to Back command to display an element in a group of layered elements in the bottom layer.
To display a layered element in the bottom layer:

2. Select Send to Back from the Arrange menu.
Keyboard Shortcut: Ctrl+Shift+B
Step 2:
Basic Operations
Send Backward
Use the Send Backward command to display an element in a group of layered elements in the next layer back.
To display a layered element in the next layer back:

2. Select Send Backward from the Arrange menu.
Step 2:
Adding Backgrounds
Yahoo! SiteBuilder makes it easy to add background colors, pictures, and sounds to your web pages. Backgrounds
help to create the overall look and feel of your site.
● Setting background color

● Adding a background image
● Adding a background sound
Adding Backgrounds
Setting Background Color
To set the background color of a web page:
1. Select Background... from the Insert menu.

2. Click the box next to Background Color: on the Choose a Background dialog.
3. Use the color picker to choose your background color, then click OK.
4. Click OK on the Choose a Background dialog to confirm your selection.
Toolbar shortcut:
Step 1:
Step 2:
Step 3:
Step 4:
Adding Backgrounds
Adding a Background Image
To add a background image to a web page:
1. Select Background... from the Insert menu.

2. Select an image from your computer's hard drive or, if you like, add an image from Yahoo! SiteBuilder's clip
art or backgrounds folders.
3. Click OK.
Toolbar shortcut:
Step 1:
Steps 2-3:
Adding Backgrounds
Adding a Background Sound
Yahoo! SiteBuilder currently supports .midi and .wav background sound files.
To add a background sound to a web page:
1. Select Background Sound... from the Insert menu.

2. Use the Background Sound dialog to select a sound file from your computer's hard drive.
3. Select the Loop checkbox if you would like the file to play continuously while a visitor is viewing your web
page.
4. Click OK.
Step 1:
Step 2-4:
Using Tables
About Tables
Using tables on your page allows you to display elements in an organized way.
● Table basics
● Modifying table properties
Using Tables
Table Basics
Learn how to create a new table, resize it, and add elements such as text and images.
● Creating a new table

● Positioning a table
● Resizing a table
● Adding text in a table cell
● Adding an image in a table cell
● Adding an element in a table cell
Using Tables
Creating a New Table
Tables are a great way to display data in an organized fashion. Yahoo! SiteBuilder allows you to create tables that
contain any number of columns and rows.
To create a table for use on your web pages:
1. Select Table... from the Insert menu.

2. Use the Create New Table dialog to specify the number of columns and rows, as well as set the cell
spacing and border properties.
Toolbar shortcut:
Note: For optimal performance of Yahoo! SiteBuilder, we recommend creating tables smaller than 400 cells (20
columns by 20 rows).
Step 1:
Steps 2-3:
Using Tables
Positioning a Table
Once you've added a table to a web page, you will need to position it on the page.
To position a table on your web page:
1. Drag and drop it where you'd like it to appear on the page.

2. Use the arrow keys on your keyboard to move it into its exact position.
Using Tables
Resizing a Table
To change the size of a table:
1. Click on the table you want to resize.

3. Click on one of the resize handles and, holding down the button of your mouse, drag the table to the
desired size.
Note: When you make a table larger or smaller, Yahoo! SiteBuilder will automatically resize the inner cells of the
table proportionately to each other.
Steps 1-2:
Step 3:
Using Tables
Adding Text in a Table Cell
To add text into a table cell:
1. Double-click inside the table.

2. Double-click inside the table cell.
3. Type or paste your text into the table cell.
Tip: Each table cell is similar to an individual text element. Many properties that you can set for text elements can
be set for individual table cells as well.
Tip: You can also add text by dragging a text element that is already on your page into the table cell of your choice.
Learn more about positioning page elements.
Step 1:
Steps 2-3:
Using Tables
Adding an Image in a Table Cell
To add an image into a table cell:

2. Click on the table cell to which you wish to add the image.
3. Select Image... from the Insert menu to choose your image. Learn more.
Tip: You can also add an image by dragging an image that is already on your page into the table cell of your choice.
Learn more about positioning page elements.
Step 1:
Step 2:
Using Tables
Adding an Element in a Table Cell
To add an element of any kind into a table cell:

2. Click on the table cell to which you wish to add the element.
3. Follow the normal procedure for adding the element to the page.
Tip: You can also add an element to your table by dragging an element that is already on your page into the table
cell of your choice. Learn more about positioning page elements.
Step 1:
Step 2:
Using Tables
Modifying Table Properties
By modifying the properties of a table, you can easily adjust the table to fit your needs.
● Adding a table column or row

● Deleting a table column or row
● Resizing a table column or row
● Merging table cells
● Splitting a table cell
● Selecting table cell background
● Advanced table properties
Using Tables
Adding a Table Column or Row
The number of columns or rows a table contains can be modified after the table has been created.
To insert a table column or row into a table:
1. Click on the table that you wish to modify.

2. Select Insert Table Column or Insert Table Row from the Table menu.
3. The new table column or row will be added to the bottom or right of the table.
Tip: To specify where the new table column or row will be inserted, select a table cell before clicking the insert
option. The new table column or row will be inserted to the left or above the selected table cell.
Step 1:
Insert Table Column Result:

Using Tables
Deleting a Table Column or Row
The number of columns or rows a table contains can be modified after the table has been created.
To delete a table column or row:

2. Click and drag to select a table column or row you wish to remove.
3. Select Delete Table Column or Delete Table Row from the Table menu.
4. Confirm your choice by clicking OK.
Tip: You can delete multiple columns and rows at the same time. To select multiple table cells, hold down the
Control key (Ctrl) on your keyboard and click on each of the elements you would like to select.
Note: If a column or row is only partially selected, the Delete Table Column and Delete Table Row functions will
automatically select the entire column or row to delete.
Step 1:
Step 2:
Step 4:
Using Tables
Resizing a Table Column or Row
To change the size of a table column or row:

2. Move the mouse cursor over a table column or row divider you wish to reposition.
3. Click on the column or row divider and, holding down the button of your mouse, drag the divider to the
desired position.
Step 1:
Step 2:
Step 3:
Using Tables
Merging Table Cells
To merge multiple table cells:

2. Click on a table cell.
3. Hold down the Control key (Ctrl) on your keyboard and click on each additional table cell you would like to
select.
4. Select Merge Table Cells from the Table menu.
Tip: If the Merge Table Cells option is not available, the selected table cells most likely don't line up. It is only
possible to merge table cells that are part of the same column or row.
Step 1:
Step 2:
Step 3:
Step 4:
Using Tables
Splitting a Table Cell
To split a table cell:

2. Click on the cell you wish to split.
3. Select Split Table Cells from the Table menu.
4. Specify the number of columns and rows to create using the Split Table Cells dialog.
5. Click OK.
Tip: Multiple table cells may be split at the same time. To select multiple table cells, hold down the Control key
(Ctrl) on your keyboard and click on each additional table cell you would like to select.
Step 1:
Step 2:
Steps 3-5:
Result:
Using Tables
Selecting Table Cell Background
To select the background color of a table cell:

2. Click on a table cell.
3. Select Text Background... from the Format menu.
4. Select your desired background color using the Choose Text Background... dialog.
5. Click OK.
Step 1:
Step 2:
Step 3:
Steps 4-5:
Result:
Using Tables
Advanced Table Properties
To modify the properties of a table:
1. Click on the table you want to modify.

2. Select Properties from the Edit menu.
3. Specify the cell spacing and border properties using the Table Properties dialog.
4. Click OK.
Step 1:
Step 2:
Steps 3-4:
Using a Navigation Bar

About Navigation Bars
In addition to giving your web site visitors an easy way to get around your web site, a navigation bar can help give
your site a cohesive look and feel. Use Yahoo! SiteBuilder's Advanced Navigation Bar Editor to create a global
navigation bar for use on any or all of your web site pages.
● Navigation bar basics

● Navigation bar properties
● Advanced Navigation Bar Editor

Navigation Bar Basics
Learn how to create, modify, or reuse a navigation bar, and find out how to position a navigation bar on a web page.
● Creating a navigation bar

● Positioning a navigation bar
● Adding an existing navigation bar
● Adding new buttons
● Reordering buttons
● Editing button text

Creating a Navigation Bar
Note: For the easiest navigation bar creation, we recommend that before getting started, you create the pages to
which you'd like your navigation bar to link.
To create a navigation bar for use on your web pages:

2. Select Create Navigation Bar.
3. Highlight the pages in the Available Pages list that you would like to associate with a navigation bar button.
4. Click the right arrow button to associate the pages with navigation bar buttons.
6. Select a button style using the Theme: pull-down menu.
7. Use the radio buttons to select the vertical or horizontal layout.
8. Enter a file name in the Navigation Bar Name: field. This will allow you to identify this navigation bar for
later reuse.
You can add the navigation bar to the page you currently have open or to all of the pages included in the navigation
bar.
Toolbar shortcut:
Steps 1-2:
Step 3:
Step 4:
Step 5:
Step 6:
Step 7:
Steps 8-9:

Positioning a Navigation Bar on a Page
Once you've added a navigation bar to a web page, you will need to position it on the page.
To position a navigation bar on your web page:
1. Drag and drop it where you'd like it to appear on the page.

2. Use the arrow keys on your keyboard to move it into its exact position.
Once you have positioned your navigation bar on a single page, you can choose to have Yahoo! SiteBuilder
automatically position your navigation bar in this same location on all of the pages in which it appears.
To position a navigation bar in the same location on all of your web pages:
1. Right-click on the navigation bar.

2. Select Set Location.
3. Click Yes.
Note: You must add the navigation bar to each page before you can adjust its position on that page using the Set
Location option.

Adding an Existing Navigation Bar to a Web Page
There's no need to create separate navigation bars for each page in your web site. Instead, we recommend that you
build a single navigation bar and place it in whichever pages you like.
To add a navigation bar you've already built to a web page:

2. Select the file name of the navigation bar you'd like to add to your web page.
Toolbar shortcut:
Steps 1-2:

Adding New Buttons
As you add pages to your web site, you may wish to add new buttons to your navigation bar.
To add a new button to an existing navigation bar:
1. Click on the navigation bar you want to modify.

3. Highlight the pages in the Available Pages list that you would like to add to your navigation bar.
4. Click the Right Arrow button to associate the pages with navigation bar buttons.
5. Enter the text you would like to appear on the buttons in the Display Text fields.
Step 1:
Step 2:
Steps 3-4:
Step 5:
Step 6:

Reordering Buttons
You can change the order in which your navigation bar buttons appear.
To reorder your navigation bar buttons:

3. Highlight a page in the Navigation Bar Buttons: list that you would like to reorder.
4. Use the arrow buttons to move your button to its desired position.
Step 1:
Step 2:
Step 3:
Step 4:
Step 5:

Editing Button Text
Editing the text that appears in a navigation bar button is as easy as editing text in a text box.
To edit the text that appears in a navigation bar button:

3. Highlight a page in the Navigation Bar Buttons: list that you would like to rename.
Step 1:
Step 2:
Steps 3-4:
Step 5:

Navigation Bar Properties
You can change the look and feel of your entire navigation bar by modifying its general properties.
● Theme
● Button images
● Layout
● Button font
● Margins

Navigation Bar Properties: Theme
You can change the overall look and feel of your navigation bar by selecting a different navigation bar theme.
To modify your navigation bar theme:

3. Select a button style using the Theme pull-down menu.
Step 1:
Step 2:
Step 3:
Step 4:

Navigation Bar Properties: Button Images
You can change the images that are used as your inactive, active, or mouseover buttons. The inactive image is
displayed when a web site visitor is not on the referenced page. The active image is displayed when a web site
visitor is on the referenced page. The mouseover image appears when a visitor places his cursor over the button.
To modify your inactive, active, or mouseover button images:

3. Click the Customize button to customize your navigation bar.
4. Click the Browse... button for the button image you wish to modify.
5. Select a button image from your computer's hard drive or from Yahoo! SiteBuilder's folder of clip art images.
6. Click the OK button to close the Choose an Image dialog.
7. Click the OK button to close the Navigation Bar Properties dialog.
Step 1:
Step 2:
Step 3:
Step 4:
Steps 5-6:
Step 7:
Step 8:

Navigation Bar Properties: Layout
Yahoo! SiteBuilder allows you to choose a vertical or horizontal layout for your navigation bar.
To change your navigation bar layout from vertical to horizontal or vice versa:

3. Use the radio buttons to select the Vertical or Horizontal layout.
Step 1:
Step 2:
Step 3:
Step 4:

Navigation Bar Properties: Button Font
You can change the font and font size of the text that appears on your navigation bar buttons. You can also apply
basic text formatting to your button text.
To modify the font, font size, font color, and/or font style of your button text:

4. Use the Button Font section of the Navigation Bar Properties dialog to specify the properties of the
button font.
Step 1:
Step 2:
Step 3:
Step 4:
Step 5:
Step 6:

Navigation Bar Properties: Margins
You can increase or decrease the amount of space that surrounds your button text by adjusting your navigation
bar's margin settings. You can also adjust the amount of space that separates your navigation bar buttons from
each other.
To adjust your navigation bar margins and spacing:

4. Use the Navigation Bar Properties dialog to specify the margin and spacing sizes of the navigation bar.
Step 1:
Step 2:
Step 3:
Step 4:
Step 5:
Step 6:

Advanced Navigation Bar Editor
The Advanced Navigation Bar Editor gives you even more control over the look of your navigation bar.
● Opening a navigation bar

● Editing button text
● Changing the button font
● Changing a button's Link To location
● Adding a new button
● Removing a button
● Reordering buttons
● Changing one button's image
● Changing all buttons' images
● Modifying one button's margins
● Modifying all buttons' margins
● Creating alt text
● Modifying navigation bar properties

Advanced Navigation Bar Editor: Opening a Navigation Bar
To open a navigation bar for use with Navigation Bar Editor:
1. Select Advanced Navigation Bar Editor from the Tools menu. This will open the Navigation Bar Editor
window.
2. Double-click on the navigation bar file you wish to open.
3. A warning dialog will inform you that once you modify a navigation bar using the Advanced Navigation Bar
Editor, all future modifications to that navigation bar will have to be made in the Advanced Navigation Bar
Editor. Click OK.
4. Your navigation bar will now be open for editing.
Step 1:
Step 2:
Step 3:
Step 4:

Advanced Navigation Bar Editor: Editing Button Text
Editing the text that appears in a navigation bar button is as easy as editing text in a text box.
To edit the text that appears in a navigation bar button:
1. Open the Advanced Navigation Bar Editor and the navigation bar you wish to modify. Learn how.
2. Double-click the button you would like to modify. Enter your changes to the button text, then click outside
the button to exit text edit mode.
3. Select Save from the Advanced Navigation Bar Editor File menu.
Step 1:
Step 2:
Step 3:

Advanced Navigation Bar Editor: Changing the Button Font
You can change the font and font size of the text that appears on your navigation bar buttons. You can also apply
basic text formatting to your button text.
To modify the font, font size, font color, and/or font style of your button text:
2. Select one or more buttons in your navigation bar. To select multiple buttons, hold down the Control key
(Ctrl) on your keyboard and click on each additional navigation bar button you would like to select.
3. Use the text toolbar to specify the font properties of the selected button(s).
Steps 1-2:
Step 3:
Step 4:

Advanced Navigation Bar Editor: Changing a Button's Link To Location
You can link a new or existing navigation bar button to a file, web address, email address, or another page in your
web site.
To specify or change a button's Link To location:
2. Click on a button in your navigation bar to select it.
4. Select the appropriate link type from the Link To: pull-down menu.
5. Specify the link's destination.
6. Click OK.
Steps 1-2:
Step 3:
Step 4:
Step 5:
Step 6:
Step 7:

Advanced Navigation Bar Editor: Adding a New Button
As you add pages to your web site, you may wish to add new buttons to your navigation bar.
To add a new button to an existing navigation bar:
2. Select New Button from the Insert menu.
3. Double-click the new button to edit the button text. After adding the button text, click outside the button to
exit text edit mode.
4. Click on the new button to select it.
6. Select the appropriate link type from the Link To: pull-down menu.
7. Specify the link's destination.
8. Click OK.
Step 1:
Step 2:
Step 3:
Step 4:
Step 5:
Step 6:
Step 7:
Step 8:
Step 9:

Advanced Navigation Bar Editor: Removing a Button
As you make changes to your web site, you may wish to remove buttons from your navigation bar.
To remove a button from an existing navigation bar:
3. Select Delete from the Edit menu.
Steps 1-2:
Step 3:
Step 4:

Advanced Navigation Bar Editor: Reordering Buttons
You can change the order in which your navigation bar buttons appear.
To reorder your navigation bar buttons:
3. Use the arrow buttons to move the navigation bar button to its desired position.
Steps 1-2:
Step 3:
Step 4:

Advanced Navigation Bar Editor: Changing One Button's Image
You can change the images that serve as your inactive, active, and mouseover buttons.
To change an individual button's inactive, active, or mouseover image:
7. Click the OK button to close the Navigation Bar Button Properties dialog.
Steps 1-2:
Step 3:
Step 4:
Steps 5-6:
Step 7:
Step 8:

Advanced Navigation Bar Editor: Changing All Buttons' Images
You can change the images that serve as your inactive, active, and mouseover buttons.
To change all the buttons' inactive, active, or mouseover images:
2. Select Navigation Bar Properties... from the Edit menu.
Step 1:
Step 2:
Step 3:
Steps 4-5:
Step 6:
Step 7:

Advanced Navigation Bar Editor: Modifying One Button's Margins
You can increase or decrease the amount of space that surrounds your button text by adjusting your button's margin
settings.
To adjust an individual button's margin settings:
4. Use the Navigation Bar Button Properties dialog to specify the margins of the navigation bar button.
5. Click OK.
Steps 1-2:
Step 3:
Steps 4-5:
Step 6:

Advanced Navigation Bar Editor: Modifying All Buttons' Margins
You can increase or decrease the amount of space that surrounds your button text by adjusting your buttons' margin
settings.
To adjust all the buttons' margin settings:
3. Use the Navigation Bar Properties dialog to specify the margin and spacing sizes of the navigation bar.
4. Click OK.
Step 1:
Step 2:
Steps 3-4:
Step 5:

Advanced Navigation Bar Editor: Creating Alt Text
You can specify the alt text that appears when one of your web site visitors rests his cursor over a navigation bar
button.
To specify an individual button's alt text:
4. Use the Navigation Bar Button Properties dialog to specify the button's alt text in the Alt Text field.
5. Click OK.
Steps 1-2:
Step 3:
Steps 4-5:
Step 6:

Advanced Navigation Bar Editor: Modifying Navigation Bar Properties
You can change the look and feel of your entire navigation bar by modifying its general properties.
To modify your navigation bar's general properties:
3. Use the Navigation Bar Properties dialog to modify your navigation bar's theme, button images, layout,
button font, margins, and spacing.
Step 1:
Step 2:
Step 3-4:
Step 5:
Using File Manager

About File Manager
Yahoo! SiteBuilder's File Manager lets you keep all of your site assets in one location for easy access and reuse.
Accessing File Manager Learn how to access the files and folders in your File Manager.
Creating a New Folder Find out how easy it is to create a new File Manager folder.
Renaming a File or Folder Find out how to rename a file or folder contained in your File Manager.
Deleting a File or Folder Learn how to delete a file or folder contained in your File Manager.
Copying a File or Folder Find out how to create a copy of one of your File Manager files or folders.
Using File Manager

Accessing File Manager
To access File Manager, select File Manager from the Tools menu.
Using File Manager

Creating a New Folder
To create a new folder in File Manager:
1. Select File Manager from the Tools menu.

2. Right-click on the folder at the top of the folder list.
3. Select Create New Folder.
4. Type the name of your new folder.
5. Click the Enter key on your keyboard.
Step 1:
Steps 2-3:
Using File Manager

Renaming a File or Folder
To rename a file or folder in File Manager:

2. Right-click on the file or folder you'd like to rename.
3. Select Rename File or Rename Folder.
4. Type a new name for your file or folder.
5. Click the Enter key on your keyboard.
Step 1:
Steps 2-3:
Using File Manager

Deleting a File or Folder
To delete a file or folder from File Manager:

2. Right-click on the file or folder you'd like to delete.
3. Select Delete File(s) or Delete Folder.
4. Click OK if you're sure you'd like to delete the file or folder.
Step 1:
Steps 2-3:
Step 4:
Using File Manager

Copying a File or Folder
To copy a file or folder in File Manager:

2. Right-click on the folder you'd like to copy.
3. Select Copy File or Copy Folder.
4. Type a name for your copied file or folder.
5. Click Save As or Copy.
Step 1:
Steps 2-3:
Step 4:
Using Add-Ons
With Yahoo! SiteBuilder, you can easily add interactive features like maps, counters, and search tools to your web
pages.
Choose a topic below to get started:
● About add-ons
● Counter
● Loan Calculator
● Presence Indicator
● Site Search
● Time and Date Stamp
● Yahoo! Directions
● Yahoo! Map
● Yahoo! Search Box
● Other Yahoo! add-ons
Using Add-Ons
About Add-Ons
Add-ons are elements that you can include on your web site to improve interaction with your visitors and make your
site more informative and appealing. SiteBuilder includes a number of easy-to-install add-ons, such as a counter
and site search tool.
To review the complete list of SiteBuilder add-ons, visit the Insert menu and select Add-Ons.
You may also choose from the interactive features available online in the Web Hosting Control Panel. To add these
features, such as calendars and guestbooks, you'll need to get a piece of code online from the Web Hosting Control
Panel account and then paste it into an HTML block on your web page. Learn how.
To see a list of all add-ons available in the Web Hosting Control Panel with their descriptions, visit the Create &
Update tab of your Web Hosting Control Panel and click the "Add-Ons" link.
Toolbar Shortcut:
Using Add-Ons
Counter
A counter is a program that you can set up to keep a tally of the number of people who have viewed a page.
● About counters
● Adding and editing a counter
● Counter properties
A sample counter
Using Add-Ons
About Counters
A counter is a program that you can set up to keep a tally of the number of people who have viewed a page. When
you add a counter to your web page, you site visitors will be able to see the total number of times that page has
been viewed since you began using the counter. The Counter add-on allows you to easily add a counter to your web
page.
A sample counter
Using Add-Ons
Adding and Editing a Counter
A counter is a program that you can set up to keep a tally of the number of people who have viewed a page.
To add a counter to your page:
1. Select Add-Ons from the Insert menu.
2. Select Counter. You'll see the Counter Properties dialog, where you can choose the look and feel of your
counter.
3. Use the Font color: color picker to choose the color of the text that will appear in your counter.
4. Choose whether to make the counter background transparent (no color) or a color by selecting the
corresponding radio button and using the color picker to choose a background color (if applicable).
5. Use the Counter size: pull-down menu to select the size of your counter.
6. Choose the text style of your counter by selecting an option from the Counter type: pull-down menu.
7. Select the largest number of characters you'd like to display in your counter from the Number of
characters: menu.
8. Choose a starting value. If you'd like to start your counter at a number other than zero, select the Starting
at: radio button and enter a starting number in the field provided.
9. Choose your time zone from the Time zone: pull-down menu. (Your time zone will impact only your site
statistics daily totals. Learn more about Site Statistics in the online help center.)
10. Click OK.
Toolbar Shortcut:
You can preview and edit your counter anytime in the Counter Properties dialog. To edit your counter, simply
reopen the dialog and change any fields you like.
To open the dialog anytime, right-click once on your counter and choose Properties.
Using Add-Ons
Counter Properties
Confused about a counter-related term? The definitions below can help.
Style
Font color: the color of the text that will appear in your counter.
Background: the background color of your counter. Here you can choose a color from the color
picker or select transparent to use no background color.
Counter size: the overall size of your counter on the page (small, medium, or large).
Counter type: the font style of the numbers in your counter.
Number of characters: the total number of characters you want to display in your counter.
Settings
Starting at: the number from which you'd like to begin your counter.
Time zone: the time zone in which you're located. Your time zone will affect the distribution of your
daily, weekly, and monthly site statistics. (Learn more about Site Statistics in the online help center.)
Preview: here you can see how your counter styles and settings will appear.
Using Add-Ons
Loan Calculator
The Loan Calculator add-on is a specialized tool you can add to your web page to allow your site visitors to quickly
estimate loan payments and related figures. Perfect for businesses such as real estate brokers and banks, a loan
calculator can help add interactivity to your site and make it more attractive to your visitors.
The Loan Calculator add-on works much like a prebuilt form. You can edit the names of each field and change the
placement of the calculator on your page; however, you will not be able to move the calculator fields and their labels
nor change the default field values.
A sample loan calculator
To add a loan calculator to your page:

2. Select Loan Calculator.
Toolbar shortcut:
You can edit the calculator field names anytime just as you'd edit other text on your page. Learn how.
Please note that although you can move the loan calculator anywhere you like on your page, you cannot move
individual calculator fields nor change their default values.
Please be aware as well that, like certain other add-ons and features such as mouseovers, the loan calculator relies
on JavaScript to work properly. If you or your site visitors are having trouble using the loan calculator on your page,
you may need to enable JavaScript in your browser. Learn more in our online help center.
Using Add-Ons
Presence Indicator
To add a presence indicator to a web page:
2. Select Presence Indicator.

3. Enter your Yahoo! ID and choose a Presence Indicator style. (Your Yahoo! ID will not appear on the web
page.)
4. Click OK.
Toolbar Shortcut:
Using Add-Ons
Site Search
Site Search allows your visitors to search for specific content on your web site.
● About Site Search

● Adding and editing Site Search
● Removing Site Search
● Tips
● Troubleshooting
A sample search box

Using Add-Ons
About Site Search
Using the Site Search add-on, you can place a search box on your web page that allows your visitors to search for
specific content on your web site. When a visitor searches for a keyword or phrase in the search box, the Site
Search tool will browse your web site for relevant matches.
A sample site search box
You can decide where results of the search are displayed. When you set up Site Search, you'll be given the option
to select one of three results pages:
● default results page: a temporary, plain page created to display the results of each unique search.
● an existing page: a web page you have already created, located in the same directory as the page on which
you're adding Site Search.
● a copy of an existing page: a mirror image of a web page you have already created.
The default results page will display relevant results in a plain page that is generated each time a search is
performed.
If you would like results of searches on your site to be displayed in a page that matches your site's look and feel, we
suggest choosing one of the other options: Select a page you have already created or, if you don't want to introduce
results in an existing page but want to preserve that page style, in a copy of an existing page.
Your results page must be saved in the same site contents folder as the page on which you have added Site
Search. For this reason, SiteBuilder will allow you to add the search results only to web pages in the same folder
(you can make a copy of any page in your site, but you will be able to save the copy only in the current folder).
To display the results, SiteBuilder will add a Site Search Results box to the page you have chosen. You can
reposition and resize the results box just as you'd work with other page elements.
Note: Because installing the Site Search add-on requires creation of the results box on another page, you will not
be able to use the Undocommand to remove Site Search; instead you can use your keyboard's Delete key. Learn
more.
Using Add-Ons
Adding and Editing Site Search
To add Site Search to a web page:
2. Select Site Search.

3. From the Site Search Properties dialog, choose the page on which you would like to display your search
results. Select the radio button next to your choice:
❍ default results page: a temporary, plain page created to display the results of each unique search.
❍ an existing page: a web page you have already created, located in the same directory as the page
on which you're adding Site Search.
❍ a copy of an existing page: a mirror image of a web page you have already created.
Choosing a default results page
To use an existing page, choose a page from the Results page: pull-down menu. (Please note that you will
be able to choose only from pages located in the same directory as the page on which you're adding Site
Search.)
Choosing an existing page
To use a copy of an existing page, choose the page you want to copy from the Original page: pull-down
menu, then enter a name for your new page in the field provided.
Choosing a copy of an existing page
4. Click OK.
Note: If you add Site Search to a new page you have not yet saved, you will not be able to choose your search
results page. Instead SiteBuilder will automatically select the default results page. You will be able to change the
destination of your results field only after you save the web page on which you have installed the add-on.
Toolbar Shortcut:
To add Site Search to more pages:
If you'd like to add Site Search to other pages, you can either repeat the steps above to create a new Site Search
box or copy and paste the first Site Search box you created onto other pages. A new Site Search box will display
results in a unique Site Search Results field. A Site Search box copied and pasted into another page will display
results in the original Site Search Results field. (Please note, however, that the Site Search box and Results field
must appear on pages in the same Site Contents folder. Learn more.)
To edit Site Search:
You can change the page on which your search results appear anytime in the Site Search Properties dialog.
Simply reopen the dialog and select a new results page by following the steps above.
Click the Coordinates tab to alter the location or size of the Site Search box on your web page. To change its
position on the page along the X and Y axes, change the values in the corresponding fields.
To open the dialog anytime, right-click once on the Site Search box and choose Properties.
Using Add-Ons
Removing Site Search
When you add Site Search to a web page, SiteBuilder will create a Site Search Results field on another page of
your choosing. Because this add-on affects a page other than the one on which you're installing Site Search, you
will not be able to use the Undo command to remove Site Search; instead you can use your keyboard's Delete key.
To remove Site Search and its corresponding results field:
1. Open the page on which you have added the Site Search box, if it's not open already.
2. Right-click once on the Site Search box and choose Properties. Make a note of the page on which results
for this Site Search will appear (the radio button next to this page will be selected).
3. Close the Site Search Properties by clicking OK.

4. Select the Site Search box by clicking it once with your mouse.
5. Click your keyboard's Delete key to remove the Site Search box.
6. If this search box was associated with a default results page, no further steps are required. If the search
box was associated with another page of your site, open that page now.
7. Locate the Site Search Results field on the page associated with the Site Search box you removed.
8. Select the Site Search Results field by clicking it once with your mouse.
9. Click your keyboard's Delete key to remove the Site Search Results field.
Using Add-Ons
Site Search Tips
The following tips will help ensure that Site Search functions properly on your web site.
Pay attention to SiteBuilder alerts when you delete or rename a page.

If you delete or rename a page containing a Site Search Results field, the Site Search box with which this field is
associated will generate search results in a default page instead. SiteBuilder will warn you if the page you are about
to delete or rename contains a results field and, if you are renaming a page, update your Site Search properties to
refer to the renamed page.
Be careful when moving pages into different folders.

The pages on which the Site Search box and results field appear must be saved in the same folder. If you move
your search results page into a different folder, SiteBuilder will alert you to the change and attempt to update your
Site Search properties to refer to the correct page. If you use your online File Manager, FTP, or another tool to
move your results page, however, SiteBuilder will not be able to detect the change, and Site Search may instead
generate results in a default page.
Don't delete your Site Search Results field.

If you delete the box that Site Search creates to display your search results, Site Search will no longer be able to
generate results of a search. (You can, of course, delete the Site Search Results box if you wish to remove Site
Search from your pages.)
Using Add-Ons
Time and Date Stamp
To include a Time and Date Stamp on a web page:
2. Select Time and Date Stamp.

3. Using the Time and Date Stamp Properties dialog, select your desired foreground and background color,
font, and date format. If you like, you can choose not to display the time or to display the time in military
style.
4. Click on the Coordinates tab to change the height or width of this element.
5. Click OK.
Toolbar Shortcut:
Using Add-Ons
Yahoo! Directions
To allow your web site visitors to look up directions to a destination address:
2. Select Yahoo! Directions.

3. Enter the destination address in the fields indicated on the Yahoo! Directions Properties dialog.
4. Click OK.
Toolbar Shortcut:
Using Add-Ons
Yahoo! Map
To add a link to a Yahoo! map in a web page:
2. Select Yahoo! Map.

3. Using the Yahoo! Map Properties dialog, enter the address of the location you would like to map.
4. Enter an optional brief description. If you choose the large format, the description you enter will appear on
your page as a link to the Yahoo! map.
5. Choose a map button size from the Style pull-down menu.
6. Click OK.
Toolbar Shortcut:
A sample Yahoo! map button

Using Add-Ons
Yahoo! Search Box
To add Yahoo! Search functionality to a web page:
2. Select Yahoo! Search Box.
Toolbar Shortcut:
A sample Yahoo! search box

Using Add-Ons
Other Yahoo! Add-Ons
If you like, you can add other interactive features, such as calendars and guestbooks, to your web pages. To do
this, you'll need to get a piece of code online from the Web Hosting Control Panel account and then paste it into an
HTML block on your web page.
To see a list of all available add-ons with their descriptions, visit the Create & Update tab of your Web Hosting
Control Panel and click the "Add-Ons" link.
Select an add-on to get started. You'll see an introduction to the add-on you chose as well as a list of any setup
choices. Finally you'll see instructions for generating and installing the small bit of HTML code needed to display the
add-on. You can add this code to your page using SiteBuilder's HTML Code feature. Learn how.
Note: Some add-ons require that after adding the HTML code to your page, you return to the online add-on
installation page to activate the add-on. If you don't complete this activation step, the add-on won't display on your
page.
If you have a Web Hosting Standard, Web Hosting Professional, Merchant Solutions Standard, or Merchant
Solutions Professional plan, you can also install any of our advanced add-ons, which rely on PHP, Perl, and MySQL
to provide even more interactivity and customization. Advanced add-ons include such tools as an interactive
calendar, online bulletin board, and full-featured content management system.
Learn more about these and other add-ons in our online help center.
Adding Page Effects

About Page Effects
Yahoo! SiteBuilder makes it possible to include graceful page transitions and other graphic effects on your web
pages.
Border Patrol Learn how to make an image move around the perimeter of a web page.
Bouncing Images Find out how to make one or more images bounce around a web page.
Edge-Locked Picture Learn how to place an image in a fixed position on the screen.
Flyby Learn how to make an image race in a straight line across the screen.
IE Page Transitions Learn how to display an animated effect when a visitor enters or exits a
page.
Image Tail Find out how to display an image that trails the user's cursor.
Random Apparitions Learn how to make an image appear on a page and disappear at random.
Text Tail Find out how to display text that trails the user's cursor.
Adding Page Effects

Border Patrol
Pages that employ the Border Patrol effect display an image that circles the page.
To add the Border Patrol effect to a web page:
1. Select Page Effects from the Insert menu.

2. Select Border Patrol.
3. Use the Border Patrol Properties dialog to select an image or images and specify image speed and
direction.
4. Click OK.
Note: Once you've added the Border Patrol effect to a web page, you can preview it by selecting Preview in
Browser from the File menu.
Toolbar shortcut:
Step 1:
Steps 3-4:
Adding Page Effects

Bouncing Images
Pages that employ the Bouncing Images effect display an image or multiple images that bounce around the page.
To add the Bouncing Images effect to a web page:

2. Select Bouncing Images.
3. Use the Bouncing Images Properties dialog to select an image and specify its behavior.
4. Click OK.
Note: Once you've added Bouncing Images to a web page, you can preview them by selecting Preview in Browser
from the File menu.
Toolbar shortcut:
Step 1:
Steps 3-4:
Adding Page Effects

Edge-Locked Picture
Pages that employ the Edge-Locked Picture effect display an image that remains in a fixed position on the screen
even as viewers scroll up or down the page.
To add the Edge-Locked Picture effect to a web page:

2. Select Edge-Locked Picture.
3. Use the Edge-Locked Picture Properties dialog to choose an image and fix its position on the page.
4. Click OK.
Note: Once you've added an Edge-Locked Picture to a web page, you can preview it by selecting Preview in
Toolbar shortcut:
Step 1:
Steps 3-4:
Adding Page Effects

Flyby
Pages that employ the Flyby effect display an image that moves horizontally across the page.
To add the Flyby effect to a web page:

2. Select Flyby.
3. Use the Flyby Properties dialog to choose an image and specify its speed, position, direction, and other
characteristics.
4. Click OK.
Note: Once you've added a Flyby effect to a web page, you can preview it by selecting Preview in Browser from
the File menu.
Toolbar shortcut:
Step 1:
Steps 3-4:
Adding Page Effects

IE Page Transitions
Recent versions of Microsoft's Internet Explorer browser support page transitions. Web pages that employ page
transitions display an animated effect when a visitor using Internet Explorer enters or exits the page.
To add an IE page transition to a web page:

2. Select IE Page Transitions.
3. Use the IE Page Transitions Properties dialog to select the enter and exit transition and set the transition
speed.
4. Click OK.
Note: Once you've added an IE page transition to a web page, you can preview it by selecting Preview in Browser
from the File menu.
Toolbar shortcut:
Step 1:
Steps 3-4:
Adding Page Effects

Image Tail
Pages that employ the Image Tail effect display an image that trails the user's cursor as it moves across the page.
To add the Image Tail effect to a web page:

2. Select Image Tail.
3. Use the Image Tail Properties dialog to select a tail image and a resting image and to specify position,
length, and speed.
4. Click OK.
Note: Once you've added an Image Tail to a web page, you can preview it by selecting Preview in Browser from
the File menu.
Toolbar shortcut:
Step 1:
Steps 3-4:
Adding Page Effects

Random Apparitions
Pages that employ the Random Apparitions effect display an image or images that appear at random on the page
and then disappear.
To add the Random Apparitions effect to a web page:

2. Select Random Apparitions.
3. Use the Random Apparitions Properties dialog to select an image and specify the image count.
4. Click OK.
Note: Once you've added Random Apparitions to a web page, you can preview them by selecting Preview in
Toolbar shortcut:
Step 1:
Steps 3-4:
Adding Page Effects

Text Tail
Pages that employ the Text Tail effect display text that trails the user's cursor as it moves across the page.
To add the Text Tail effect to a web page:

2. Select Text Tail.
3. Use the Text Tail Properties dialog to enter your text and specify its speed, size, spacing, style, and color.
4. Click OK.
Note: Once you've added a Text Tail to a web page, you can preview it by selecting Preview in Browser from the
File menu.
Toolbar shortcut:
Step 1:
Steps 3-4:
Using PayPal Buttons

PayPal is an online payment service that allows its members to send money online to anyone with an email
address. With PayPal buttons, you can affordably accept credit card and other payments through your site. You'll
pay a small fee for some transactions, such as receiving credit card funds.
● About PayPal
● Creating PayPal buttons
● Troubleshooting
Please note that PayPal buttons in SiteBuilder are not designed to work with a Merchant Solutions account.

About PayPal
● What is PayPal?
● How much does PayPal cost?
● How do I receive payments through PayPal?
● How do I sign up for a PayPal account?
● Do I have to sign up for a PayPal account to use PayPal buttons?
● Do my site visitors need a PayPal account to send payments using PayPal buttons?
● Which kind of PayPal account should I choose?
● If I already have a PayPal account, do I need to sign up for a new one?
● Can I upgrade my current PayPal account?
● What will my site visitors experience when they click the PayPal button?
● Is PayPal a shopping cart tool?
● When I use PayPal buttons, will payments appear in my Merchant Solutions account?
● How can I get help with my PayPal account?
● What are the terms, conditions, and fees associated with using PayPal buttons and services?
● Important: Yahoo! disclaimer

Creating PayPal Buttons
● How can I add a PayPal Buy Now Button to my page?

● How can I add a PayPal Donations Button to my page?
● Where on my page should I add a PayPal button?
● Why do I need to enter an email address when I create my PayPal button?
● Why do I need to enter product information and transaction details to create a PayPal button?
● Button properties:
❍ Buy Now
❍ Donations


What is PayPal?
address. Once you sign up for a free account, you can use PayPal to send and receive money from a funding
source you choose, such as a credit card or your bank account.
With PayPal buttons, you can affordably accept credit card and other payments through your site. You'll pay a small
fee for some transactions, such as receiving credit card funds. Learn more about the costs of using PayPal. (For a
complete list of fees, please see the PayPal web site.)
You can use PayPal Buy Now Buttons to let your site visitors purchase individual items on your site, and use PayPal
Donations Buttons to accept donations to your organization or charity. When a visitor clicks a PayPal button on your
site, a new window will open containing a PayPal payment details page. Here he'll be prompted to sign in to an
existing PayPal account or sign up for a new one, then complete his transaction on the PayPal web site. Learn
more.
When you receive a payment through PayPal, you will be notified by email. Learn more.

How can I add a PayPal Buy Now Button to my page?
You can add a PayPal Buy Now Button to any of your pages to allow your site visitors to purchase individual items
with PayPal.
Please note that each button you create will be associated with a single item. You can add this button to as many
pages of your site as you like (anywhere you want to make the individual item available for purchase). However, for
each additional item you'd like to make available for purchase through PayPal, you will need to create an additional
button. For example, if you plan to sell a green sweater and a blue T-shirt, you will need to complete the steps
below to create a separate button for each.
To add a PayPal Buy Now Button to your web page:
1. From the Insert menu, choose PayPal Buttons, then Buy Now.
2. Begin entering the button properties in the PayPal Buy Now Properties dialog. The information you enter
here will be sent to PayPal to provide the foundation of this item's designated PayPal transaction page.
Learn more about the fields.
❍ Click the General tab, if it's not already selected.
❍ In the first form field, enter the email address to which you want payments to be sent. If you already
have a PayPal account, be sure to enter the email address associated with that account here; if
you do not yet have an account, sign up now and enter the associated email address here. This
field is required.
❍ Enter the item name in the corresponding field.
❍ Enter the item ID, code, or SKU, if applicable, in the Item ID: field.
❍ Add the item price and choose the currency in which the price should be listed from the
corresponding pull-down menu.
❍ Enter the shipping price for each item in the Shipping: field.
❍ If you charge a handling fee per order, enter that charge in the Handling: field.
❍ From the Button: field, choose the PayPal button you'd like to use on your site.
3. For additional item options, click the Advanced tab. You'll see several more fields you may complete if
you'd like to associate additional information with your item. (If you don't want to enter additional options,
click OK.)
❍ If you'd like to use your own transaction confirmation page, select A Page in My Site or Another
Web Site from the pull-down menu provided, then choose a page in your site or enter the URL
(web address) of another confirmation page in the Confirmation page: field.
❍ If you'd like to use your own transaction cancellation page, select A Page in My Site or Another
(web address) of another cancellation page in the Cancellation page: field.
❍ If you'd like your customer to be able to send you a note with his payment, select Accept note from
the pull-down menu next to Accept note from buyer:. If you don't want a message field to appear,
choose Don't accept note.
❍ If you chose to enable a message field in the previous field, enter a title for this field next to Title of
note:.
❍ If you'd like to brand the PayPal transaction page with your own logo, select the image of the logo
using by clicking the Browse... button and choosing an image from your site. Be sure your image
does not exceed 150 pixels in width or 50 pixels in height.
❍ Decide whether you'd like your customer to provide a shipping address by selecting an option from
the Shipping address: pull-down menu.
❍ If you'd like to make it possible for your customers to purchase more than one of this individual
item, choose Allow multiple purchase from the last pull-down menu. To allow your customers to
purchase only one of this item at a time, choose Don't allow multiple purchase.
4. Click the Coordinates tab to alter the location or size of the form on your web page. To change its position
on the page along the X and Y axes, change the values in the corresponding fields. You can change the
form's width and height by modifying the values in the Width and Height fields.
5. Click OK.
Once you have added the button to your page, you can position it just as you'd work with similar elements on your
Note: Remember that the PayPal button you create will be associated with a single item. You can copy this button
for use with the same item on other pages, but you must create a new button (with distinct properties) for each new
item.

How can I add a PayPal Donations Button to my page?
You can add a PayPal Donations Button to any of your pages to allow your site visitors to send donations to your
charity, organization, or fundraising campaign through PayPal.
Please note that each button you create will be associated with a single fundraising campaign. You can add this
button to as many pages of your site as you like (anywhere you want to feature your fundraising campaign).
However, you'll need to complete the steps below to create a new button for each additional campaign for which
you'd like to accept donations.
To add a PayPal Donations Button to your web page:
1. From the Insert menu, choose PayPal Buttons, then Donations.

2. Begin entering the button properties in the PayPal Donations Properties dialog. The information you enter
here will be sent to PayPal to provide the foundation of this fundraising campaign's designated PayPal
transaction page. Learn more about the fields.
❍ In the first form field, enter the email address to which you want payments to be sent. If you already
have a PayPal account, be sure to enter the email address associated with that account here; if
you do not yet have an account, sign up now and enter the associated email address here. This
field is required.
❍ Enter a description of your organization or this fundraising campaign.
❍ Select the radio button next to the PayPal button you'd like to use on your site.
3. For additional item options, click the Advanced tab. You'll see several more fields you may complete if
you'd like to associate additional information with your fundraiser. (If you don't want to enter additional
options, click OK.)
❍ If you'd like to use your own transaction confirmation page, select A Page in My Site or Another
(web address) of another confirmation page in the Confirmation page: field.
❍ If you'd like to use your own transaction cancellation page, select A Page in My Site or Another
(web address) of another cancellation page in the Cancellation page: field.
❍ If you'd like to brand the PayPal transaction page with your own logo, select the image of the logo
using by clicking the Browse... button and choosing an image from your site. Be sure your image
does not exceed 150 pixels in width or 50 pixels in height.
4. Click the Coordinates tab to alter the location or size of the form on your web page. To change its position
on the page along the X and Y axes, change the values in the corresponding fields. You can change the
form's width and height by modifying the values in the Width and Height fields.
5. Click OK.
Once you have added the button to your page, you can position it just as you'd work with similar elements on your
Note: Remember that the PayPal button you create will be associated with a single fundraiser. You can copy this
button for use with the same campaign on other pages, but you must create a new button (with distinct properties)
for each new fundraising campaign.

How much does PayPal cost?
When you sign up for a PayPal account, you can choose from among three account options: Personal, Premier, and
Business. Transactions with a Personal account are free, but you'll need a Premier or Business account to accept
debit or credit card payments, for which you'll pay a small fee. Opening a PayPal account and withdrawing money to
a U.S. bank account are free.
Personal: Personal accounts are meant for use by individuals. With a Personal account, you can send and receive
money for free, but you cannot receive payments funded by debit or credit cards. (Note: Members located outside
the U.S. will pay a one-time fee before they can send money.)
Premier and Business: To accept debit or credit card payments through your web site, sign up for a Premier or
Business account. A Premier account is ideal for an individual seller with high volume, while Business accounts are
reserved for businesses; both include the same flexible features. With a Premier or Business account, you can
accept debit and credit card payments for a small fee per transaction.
Note: PayPal fees apply only to completed transactions. PayPal does not charge setup, gateway, or monthly fees to
maintain an account.
For more information about PayPal accounts and fees, please see PayPal's account and fee documentation and
complete fee schedule.

How do I receive payments through PayPal?
When your site visitor uses the PayPal button on your web page to send you a payment and completes the
transaction, you will receive a notification email at the email address associated with your PayPal account (you'll
enter this email address when you sign up for your PayPal account and when you create each PayPal button on
your site). This notification email will contain the transaction details, including the payment amount, the name and
email address of the person who submitted the payment, and associated item information, if applicable.
The payment funds will be immediately credited to your PayPal account and remain there until you withdraw them or
send the funds to someone else via PayPal. To view your account balance and retrieve funds, you'll need to visit the
PayPal web site and sign in using the email address and password associated with your account. To withdraw funds
from your account to your bank, select the "Request Money" tab on your PayPal account page and follow the
instructions provided. You can learn more about withdrawing funds in the PayPal help center.
Important note: Funds sent to you via PayPal buttons will be delivered to the email address you specify when you
create the PayPal buttons and remain in your PayPal account until you withdraw the funds to your bank account or
use PayPal to send money to someone else. Please be aware that these funds will not be delivered to your Yahoo!
Web Hosting or Merchant Solutions account.

Where on my page should I add a PayPal button?
You can add PayPal Buy Now or Donations buttons to any page you like. To create the best experience for your
site visitors, we recommend adding your PayPal button next to or just beneath the image and description of your
item or charity.
Please note that each button you create will be associated with a single item or fundraising campaign. You can add
this button to as many pages of your site as you like (anywhere you want to make the individual item available for
purchase or accept a donation). However, for each additional fundraising campaign or item you'd like to make
available for purchase through PayPal, you will need to create an additional button. For example, if you plan to sell a
green sweater and a blue T-shirt, you will need to create a separate button for each.
Learn how to add Buy Now and Donations buttons.


Why do I need to enter product information and transaction details to create
a PayPal button?
Whenever you create a PayPal button for your web site, you will need to enter the email address to which you'd like
your payments sent and have the option to enter additional information about your item or fundraising campaign in
the corresponding properties dialog. This information is essential to the functionality of the button.
Yahoo! shares this information with PayPal, which uses your email address and additional information you entered
to create a designated payment page for your item or campaign. When a site visitor clicks the PayPal button you
have created, a new window will open in his browser. On this PayPal Payment Details page, he'll be given
instructions for completing the transaction and be able to review the details you submitted about the item or charity
associated with the button.
Learn more about your site visitors' experience using PayPal buttons.

Why do I need to enter an email address when I create my PayPal button?
The email address you enter whenever you create a PayPal button for your web site is essential to the functionality
of the button. PayPal associates this email address with the PayPal button you generate: When a site visitor uses
the button to send you a payment, PayPal will deliver the funds to the email address you specify here.
Although you are not required to sign up for a PayPal account before you can send and receive payments, you will
need an account to access funds sent to your email address. We strongly recommend that you sign up for an
account before creating your PayPal buttons.
When you sign up for your free PayPal account, you will be required to enter an email address and password. You
will need this information to access your PayPal account and withdraw funds from PayPal to your bank. When
you're ready to create a PayPal button, be sure to enter this same email address in the field provided to ensure that
payments made through your button are delivered to your PayPal account. All payments sent via PayPal are
delivered to an email address.
Remember: Payments made through your PayPal button will be delivered to the address you specify when creating
the button. If this address is not the same as the email address associated with your PayPal account, you will not be
able to access your funds.
For more information about PayPal accounts, please see the PayPal web site.

How do I sign up for a PayPal account?
Signing up for a PayPal account is free, and we recommend that you sign up before you begin creating PayPal
buttons for your web site. You don't need an account to receive payments, but you will be prompted to sign up
before you can retrieve the funds sent to your email address via PayPal.
To sign up for a PayPal account, just visit the PayPal web site and follow the signup instructions. (You'll also find a
signup link on the PayPal buttons properties dialogs.) You'll be asked to do the following:
● Choose an account type: Personal, Premier, or Business. Transactions with a Personal account are free,
but you'll need a Premier or Business account to accept debit or credit card payments, for which you'll pay a
small fee. Learn more.
● Select your country.
● Enter your name, address, and phone number.
● Choose the email address and password you will use to sign in to your PayPal account. This email address
should match the email address you enter when you create your PayPal buttons.
● Enter a password-security question.
● Agree to PayPal's terms and conditions.
● Confirm your personal information.

Do I have to sign up for a PayPal account to use PayPal buttons?
No, you will be able to create PayPal buttons and receive funds at the email address you specify during the button
creation process without a PayPal account. However, because you must have a PayPal account to retrieve any
funds sent to your email address via PayPal, we strongly recommend that you sign up for your PayPal account
before you begin creating PayPal buttons for your web site. Learn how.

Do my site visitors need a PayPal account to send payments using PayPal
buttons?
Yes. When a site visitor chooses to pay for an item or make a donation through your site, he'll click the
corresponding PayPal button to begin the transaction process. A PayPal Payment Details page will open in a new
browser window, displaying information about the transaction he is about to begin and prompting him to sign in to
his existing PayPal account or create a new account. Learn more.

Which kind of PayPal account should I choose?
When you sign up for a PayPal account, you can choose from among three account options: Personal, Premier, and
Business.
Personal accounts are useful for individuals who generally only send PayPal payments, such as to pay for items or
services purchased online. With a Personal account, you can send and receive money for free, but you will not be
able to receive payments funded by debit or credit cards.
If you plan to buy and sell items under your own name, and you want to accept debit and credit card payments, sign
up for a Premier account. You'll be able to send money for free and accept payments for a small fee. If you plan to
sell under a business name, choose a Business account, which includes the same features as a Premier account
but also allows you to add your business name to customers' credit card statements.
Learn more about choosing an account type on the PayPal web site.

If I already have a PayPal account, do I need to sign up for a new one?
No, if you already have a PayPal account, you do not need to sign up for a new one to send and receive funds. If
you want to accept payments through your web site with PayPal buttons, just be sure to specify the email address
associated with your PayPal account when you create your buttons.
Please note, however, that with a Personal account, you will not be able to accept debit or credit card payments. To
accept payments funded by a debit or credit card, you'll need to upgrade or sign up for a new Premier or Business
account. Sending money will continue to be free, but you will pay a small fee each time you receive a payment.
Learn more.

Can I upgrade my current PayPal account?
You can upgrade an existing PayPal account anytime free of charge. Please remember, however, that while you
can send and receive money for free with a personal account, you will pay a small fee when you receive payments
with a Premier or Business account. Learn more.
To upgrade your PayPal account from a Personal to a Premier or Business account so that you can begin accepting
credit card payments, you'll need to sign in to PayPal and visit your account page. In the left column, click the
"Upgrade Account" link and follow the instructions provided. You'll be able to choose which type of account you
want and, if you choose a Business account, to enter your business information.
To upgrade from a Premier to a Business account, which will allow you to include your business name on your
customers' credit card statements, sign in to PayPal and visit your account page. Click the"Profile" tab, then the
"Business Information" link, and follow the instructions provided.

What will my site visitors experience when they click a PayPal button?
When a site visitor chooses to pay for an item or make a donation from your site, he'll click the corresponding
PayPal button to begin the transaction process. A PayPal Payment Details page will open in a new browser window,
displaying information about the transaction he is about to begin and prompting him to sign in to his existing PayPal
account or create a new account.
Once your visitor has signed in to or created an account, he will see a more detailed payment page on which he can
review details of the transaction and enter shipping and other information, if applicable. To complete the transaction
and submit payment for the item or donation to your email address, he'll click the "Pay" button at the bottom of the
page. To cancel the transaction, he can select "Cancel."
If your site visitor completes the transaction and submits his payment, he will see a page confirming that his
payment has been successfully submitted. When he clicks the "Continue" link at the bottom of that page, he will
arrive on the confirmation page you specified when you created your PayPal button: either a page on your own web
site or a default PayPal confirmation page.
If he chooses to cancel, he will see instead a page confirming that he has canceled the transaction. When he clicks
the "Continue" link at the bottom of that page, he will arrive on the cancellation page you specified when you created
your PayPal button: either a page on your own web site or a default PayPal cancellation page.
The transaction process complete, he can now close the new browser window and return to the original window to
continue exploring your site.

Is a PayPal button like a shopping cart?
No, PayPal buttons are not shopping cart tools, nor can these add-ons be attached to a Yahoo! Merchant Solutions
shopping cart. Whereas an online shopping cart allows a buyer to pay for a number of different items with a single
payment, a PayPal button is associated with a single item or fundraising campaign.
When a site visitor wants to purchase that item or make a donation, he will click the corresponding PayPal button,
which will open a new window in which he can complete the transaction on the PayPal web site. If you are selling an
item and choose the "Accept multiple purchase" option when you create your PayPal Buy Now Button, your visitors
will be able to purchase more than one of an individual item in a single order; however, they will not be able to
purchase different items during the same transaction.
Funds sent to you via PayPal buttons will be delivered to the email address you specify when you create the PayPal
buttons and remain in your PayPal account until you withdraw the funds to your bank account or use PayPal to send
money to someone else. Please be aware that these funds will not be delivered to your Yahoo! Web Hosting or
Merchant Solutions account. Learn about receiving payments with PayPal buttons.

When I use PayPal buttons, will payments appear in my Merchant Solutions
account?

How can I get help with my PayPal account?
For more information about sending and receiving funds, setting up an account, and understanding PayPal
transactions, please consult PayPal's online help center.
For assistance with your PayPal account, please contact PayPal Customer Service via phone or email. Yahoo!
Customer Care cannot answer questions or provide technical assistance with your PayPal account.

What are the terms, conditions, and fees associated with using PayPal
buttons and services?
If you choose to add PayPal buttons to your web site and take advantage of the PayPal service on your site, you will
be bound by the terms, conditions, and fees described on the PayPal web site in addition to the Yahoo! Terms of
Service that apply to your Yahoo! Small Business services. To learn more about applicable PayPal terms,
conditions, and fees, please see the PayPal web site.

Why did my customer see a warning that the PayPal payment page contains
insecure items?
PayPal protects its payment pages (including data from both you and your customers) with SSL, or Secure Sockets
Layer, technology. If you chose to add your own logo to the PayPal payment page when you created your Buy Now
Button, and your logo image is located in a directory not protected by SSL, your customer's browser will likely
display a message warning that some elements in the PayPal payment page are insecure.
To prevent this browser warning from appearing, we recommend that you place your logo image in an SSL-
protected folder of your web site. When your logo is protected in a secure area, the PayPal payment page will no
longer contain the insecure item that provoked the warning dialog -- and your customer may feel more comfortable
completing the transaction.
SSL protection is available only to users with Merchant Solutions, Web Hosting Standard, or Web Hosting
Professional plans. To activate SSL protection in your web site, you'll need to sign in to your Web Hosting Control
Panel and visit your online File Manager. SSL protection cannot be activated with SiteBuilder or your Store Editor.
Learn how to create a secure directory in the Web Hosting help center.

PayPal sent me an email telling me that I received a payment. Where is my
money?

My site visitor sent a payment, but I haven't received it. What happened?
Funds sent to you via PayPal buttons will be delivered to the email address you specify when you create the
buttons. Be sure to verify your email address when creating the PayPal button; if you enter an email address to
which you do not have access, you will not be able to retrieve the payment and may need to contact your visitor to
cancel the transaction.
Tip: You can verify the email address associated with your button by reviewing the properties you entered to create
the PayPal button on your page. Locate and right-click once on the PayPal button in your page. Select Properties.
In the first field of the Properties dialog, you'll see the email address associated with this button.
If you have not yet signed up for a PayPal account using the email address you specified, sign up now. If your
customer completed the transaction process after he clicked the PayPal button on your web site, the funds should
have been delivered to your email address; once you sign up for a PayPal account using that email address, you'll
be able to retrieve the payment. Learn more about signing up for a PayPal account.
If your site visitor sent a payment funded by a debit or credit card, and you have a PayPal Personal account, you will
need to upgrade your account before you can accept the payment. Find out how.
Please be aware that these funds will not be delivered to your Yahoo! Web Hosting or Merchant Solutions account.
If you have confirmed your email address and PayPal account status and still cannot locate the funds in your
PayPal account, please contact PayPal Customer Service for assistance.

Yahoo! Disclaimer
Please note: The PayPal Buy Now and Donations buttons and PayPal's payment services are provided by PayPal,
not by Yahoo! Inc. This help page is provided for informational purposes only, and Yahoo! does not represent or
warrant the accuracy or reliability of the information contained herein. Please consult the PayPal web site for all
applicable PayPal terms, conditions, and fees associated with your use of PayPal's Buy Now or Donations buttons
and services.
Building Forms
About Forms
Forms help you collect valuable information from your web site visitors. You can add one of our prebuilt forms to
your site, or use form elements to create surveys, suggestion boxes, order forms, feedback forms, sign-up forms,
and more.
● About forms
● Adding a prebuilt form
● Creating a new form
● Editing a form
● Adding form elements, such as buttons and text fields
● Adding specific form elements:
❍ text field
❍ text area
❍ checkbox
❍ radio button
❍ list box
❍ submit button
❍ reset button
● Changing form properties

● Receiving the form responses
● Definitions
Building Forms
About Forms
Forms are interactive documents that you can add to your web pages to solicit feedback or other information from
your site visitors. With SiteBuilder's Forms and Form Elements feature, you can easily add a contact or feedback
form to your page or create your own survey, questionnaire, or comments form. After you publish your form, your
visitors will be able to submit their responses directly through your web page with the click of a button. You'll receive
their responses via email.
A prebuilt Contact Us form
In addition to two flexible prebuilt forms, Yahoo! SiteBuilder offers all the elements you'll need to create your own
customized form or edit a prebuilt form to fit your needs. You can add multiple forms and form elements to your web
page -- the design is up to you.
Customizable form elements include:
● text field: fields designed to accommodate brief, one-line form responses

● text area: fields that can accommodate responses that span several lines
● checkbox: boxes that allow your visitors to choose one or more of the responses you make available
● radio button: buttons that allow your visitors to choose only one of the possible responses
● list box: boxes that allow your visitors to select a response (or multiple responses) from a pull-down menu
or scrollable list
● submit button: combined with at least one form element, buttons that allow your visitors to send their form
responses to you
● reset button: combined with at least one form element, buttons that gives your visitors the ability to restore a
form to its default settings
You can add a prebuilt Contact Us or Feedback form to your page anytime. Learn how.
Prefer to design your own form? For full customization, you can add a prebuilt form to your page and edit it as
needed, or design your own form. If you'd like to design your own form from scratch, you'll need to create a blank
form before you can add elements such as radio buttons or text fields to your page. The blank form acts as the
canvas on which you can compose your own form. Learn how to create a blank form.
When you insert a prebuilt or blank form, you'll see a square frame on your page. Within the frame of your prebuilt
or blank form, you can add elements such as radio buttons and text fields to create a customized form that meets
your needs. Learn how.
A blank form
After you've added your form elements, you can edit the element names, align the elements, and more, just as
you'd work with pictures or other objects on your page. You can also resize the form frame, text fields, and text
areas just as you would resize a table or picture, by dragging their borders with your mouse. Learn how.
In addition to customizing your form design, Yahoo! SiteBuilder allows you to set the form action. The form action
determines what happens when your web site visitors complete and submit a form to you. Only advanced users
should attempt to set a customized form action. Learn more.
Building Forms
Adding a Prebuilt Form
Save time by inserting a prebuilt contact or feedback form into your page. SiteBuilder's Contact Us and Feedback
forms include standard fields such as "Name" and "Email," but you can edit the forms -- add or subtract fields,
rename the field labels, or change the layout -- anytime to fit your needs.
To add a Contact Us form to a web page:
1. Select Forms and Form Elements from the Insert menu.

2. Choose Contact Us Form.
To add a Feedback form to a web page:

2. Choose Feedback Form.
The prebuilt form will be inserted into your web page, where you can edit it like any other form element. Learn how.
Toolbar Shortcut:
Building Forms
Creating a New Form
To create a customized form, you can add a prebuilt form to your page and edit it as needed, or design your own
form. If you'd like to design your own form from scratch, you'll need to create a blank form before you can add
elements such as radio buttons or text fields to your page. The blank form acts as the canvas on which you can
compose your own form. (You can also add form elements to a prebuilt form.)
To create a blank form on a web page:

2. Choose Blank Form.
Now you can add elements such as radio buttons and text fields to create a customized form that meets your needs.
To add form elements to your page:
1. Click inside the form frame.

2. Choose Forms and Form Elements from the Insert menu.
3. Select a form element, such as a text field or radio button.
4. Enter a label or other information, if required.
5. Click OK.
Toolbar Shortcut:
Learn more about adding form elements:
● text field
● text area
● checkbox
● radio button
● list box
● submit button
● reset button
Building Forms
Editing a Form
When you insert a prebuilt or blank form, you'll see a square frame on your page. You can resize the form frame just
as you would resize a table or picture, by dragging its borders with your mouse. You can use the same technique to
resize a text field or text area.
To change the size of a form, text field, or text area:
1. Click on the item you want to resize.

3. Click on one of the resize handles and, holding down the button of your mouse, drag the item to the desired
size.
You can edit the form element labels -- changing the words, text style and color, alignment, and more -- and position
the form elements just as you'd work with similar elements on your web pages.
To edit a form element label:

2. Select a formatting option from the Format menu or type new words inside the text box.
Learn more about working with text and positioning page elements.
Building Forms
Adding Form Elements
You can add form elements such as radio buttons and text fields to both blank and prebuilt forms to create a
customized form that meets your needs. Each type of form element requires slightly different labels and settings, but
the general process of adding an element is consistent.
To add a form element to your page:
1. Be sure you have already added a prebuilt or blank form to your page. You should see a frame labeled form.
2. Click inside the form frame.
3. Choose Forms and Form Elements from the Insert menu.
4. Select a form element, such as a text field or radio button.
5. Enter a label or other information, if required.
6. Click OK.
Toolbar Shortcut:
In the example below, we add a radio button to a page.
Step 2:
Steps 3-4:
Step 5:
Learn more about adding form elements:
● text field
● text area
● checkbox
● radio button
● list box
● submit button
● reset button
Building Forms
Text Field
To add a text field to a web page:
2. Select Text Field.

3. Enter the name of the text field and its default text, if any, in the spaces indicated. (Default text is used to
prepopulate a text field with a question, cue, or suggested response.)
4. If you'd like to make this a required field in your form, check the corresponding box, then enter or edit the
message that will appear in your form if your site visitor leaves this field blank.
5. Click on the Coordinates tab to change the height or width of the text field.
6. Click OK.
Note: The name of the text field will not be visible to your web site visitors. It is used simply to help you identify the
information you receive when a form is submitted to you. Assigning a different name to each text field you include
on a page will make it easier for you to understand the form responses you receive.
Toolbar Shortcut:
Building Forms
Text Area
To add a text area to a web page:
2. Select Text Area.

3. Enter the name of the text area and its default text, if any, in the spaces indicated. (Default text is used to
prepopulate a text area with a question, cue, or suggested response.)
4. If you'd like to make this a required area in your form, check the corresponding box, then enter or edit the
message that will appear in your form if your site visitor leaves this area blank.
5. Click on the Coordinates tab to change the height or width of the text area.
6. Click OK.
Note: The name of the text area will not be visible to your web site visitors. It is used simply to help you identify the
information you receive when a form is submitted to you. Assigning a different name to each text area you include
on a page will make it easier for you to understand the form responses you receive.
Toolbar Shortcut:
Building Forms
Checkbox
To add a checkbox to a web page:
2. Select Checkbox.
3. Enter a unique name for this checkbox and select its initial state (checked or unchecked).
4. Click OK.
Note: The name of the checkbox will not be visible to your web site visitors. It is used simply to help you identify the
information you receive when a form is submitted to you. Assigning a different name to each checkbox will make it
easier for you to understand the form responses you receive.
Toolbar Shortcut:
Building Forms
Radio Button
To add a radio button to a web page:
2. Select Radio Button.

3. Enter the group name (for example, "Gender") and value ("Male") of the radio button and choose its initial
state (selected or unselected). Radio buttons corresponding to a single question should have the same
group name but different values (for example, you might give the next radio button the name "Gender" and
value "Female").
4. Click OK.
Note: The group name and value you enter will not be visible to your web site visitors. They are used simply to help
you identify the information you receive when a form is submitted to you.
Toolbar Shortcut:
Building Forms
List Box
Use the List Box form element to allow your web site visitors to select a response (or multiple responses) from a pull-
down menu or scrollable list.
To add a list box to a web page:
2. Select List Box.

3. Enter a unique name for this list box (for example, "Size") in the Name: field.
4. Click Add to enter the first selection in the list.
5. Enter the text that will represent the selection in the Text column.
6. Enter the value for the selection in the Value column.
7. Repeat steps 4 through 6 to add more selections to your list.
8. Click the Selected checkbox next to each item you would like to be highlighted by default on your web page
(if any).
9. To change the order of your list, click on a selection to highlight it, then click Up or Down to change its
position. To remove a selection, click on it once to highlight it, then choose Remove.
10. If you would like your web site visitors to be able to choose more than one selection, click the Permit
multiple selections checkbox.
11. Click OK.
Result:
Toolbar Shortcut:
If you would like your list box to appear to your web site visitors as a pull-down menu, resize the list box so that only
the top selection is visible. (If you chose Permit multiple selections, your list box must appear as a scrollable list.)
Note: The name and values you enter will not be visible to your web site visitors. They are simply used to help you
identify the information you receive when a form is submitted to you. Assigning a different name to each list box you
include on a page will make it easier for you to understand the form responses you receive.
Building Forms
Submit Button
A submit button allows your web site visitors to submit their form responses to you. A submit button by itself does
nothing. In order for the submit button to work, you must include at least one form element on your web page.
To add a submit button to a web page:
2. Select Submit Button.

3. Enter a label for the submit button in the field indicated.
4. Click OK.
Toolbar Shortcut:
Building Forms
Reset Button
A reset button gives your web site visitors the ability to restore a form to its default settings with a single click of the
mouse.
To add a reset button to a web page:
2. Select Reset Button.

3. Enter a label for the reset button in the field indicated.
4. Click OK.
Toolbar Shortcut:
Building Forms
Changing Form Properties
The properties dialog allows you to modify the attributes of a form you have added to your web page. Here you'll be
able to set the form action and define the size and coordinates of the form on your web page.
Form Settings
The form settings determine what happens when your web site visitors complete and submit a form to you. By
default, form responses are sent to the email address associated with your Web Hosting or Merchant Solutions
account, and your site visitors will see a default confirmation (or error) page after they submit the form. Only
advanced users should attempt to edit form settings.
Learn how to edit your form settings.
Coordinates
Click the Coordinates tab to alter the location or size of the form on your web page. To change its position on the
page along the X and Y axes, change the values in the corresponding fields. You can change the form's width and
height by modifying the values in the Width: and Height: fields.
To change the coordinates of a form:
1. Right-click the form whose properties you want to edit.

3. Click the Coordinates tab.
4. Change the X and Y values to alter the form's location on the page; add new Width: and Height: values to
change the size of the form.
Building Forms
Receiving Form Responses (Editing Form Settings)
The form settings determine what happens when your web site visitors complete and submit a form to you. By
default, form responses are sent to the email address associated with your Web Hosting or Merchant Solutions
account, and your site visitors will see a default confirmation (or error) page after they submit the form. Only
advanced users should attempt to edit form settings.
To set a customized form action:
1. Right-click the form or any element in the form whose action you want to edit and select Properties.
2. In the Form Properties dialog, click the Form Settings tab if it's not already selected.
3. Click the button next to Use standard options or, if you'd like to fully customize your form's behavior,
Specify custom behavior.
4. If you chose to use the standard options, enter your form action information in the fields provided:
Submit to (email): Enter the email address to which you want the form data sent.
Confirmation page: You can choose a page from your site to function as the page that
appears after a visitor successfully submits his form. Click the first Browse... button to
select your own confirmation page.
Error page: You can choose a page from your site to function as the error page, which a
visitor will see if there is a problem with his form submission. Click the second Browse...
button to select your own error page.
If you chose the custom option, enter an action (the URL of the server to which your data will be submitted)
in the Action:field, then select the radio button next to your preferred method of submitting the form data,
POSTor GET.
5. Click OK.
Note: Only one action may be associated with each form. Changes made to one Form Settings tab will apply to the
entire form.
Building Forms
Definitions
Confused about a form-related term? The definitions below can help.
text field
fields designed to accommodate brief, one-line form responses
text area
fields that can accommodate responses that span several lines
checkbox
boxes that allow your visitors to choose one or more of the responses you make available
radio button
buttons that allow your visitors to choose only one of the possible responses
list box
boxes that allow your visitors to select a response (or multiple responses) from a pull-down menu or scrollable list
A list box
submit button
combined with at least one form element, a button that allows your visitors to send their form responses to you
reset button
a button that gives your visitors the ability to restore a form to its default settings
submit to (email)
the email address to which you want the form data sent
confirmation page
the page that appears after a visitor successfully submits his form
error page
the page a visitor will see if there was a problem with his form submission
Using Code Elements

Yahoo! SiteBuilder makes it easy to add or edit the HTML in your pages, and to incorporate advanced features such
as iframes. To learn more, select a topic from the list below.
● Adding HTML
● Editing HTML
● Using the HTML Code dialog
● About iframes
● Using iframes
● Adding and editing an iframe
Using Code Elements

Adding HTML
SiteBuilder makes it easy to add your own HTML code to any page. You might want to insert HTML if you decide to
use one of the add-ons available online in the Web Hosting Control Panel, for example, or if you copy a page
element from another web site.
(SiteBuilder also allows you to edit the HTML code of any page you've imported or created -- including template
pages. Learn how.)
To add HTML to a web page:
1. From the Insert menu, select Code Elements.
2. Choose HTML....
3. Type or paste your HTML into the HTML Code dialog.
4. Click OK.
When you add HTML code to your page, the code will appear contained in a special HTML field. You can move,
resize, or delete this field anytime just as you'd work with any other page element. Learn more.
An HTML field
Note: Be sure that the HTML field you add to a web page is large enough to accommodate the code it includes. To
enlarge the HTML field, click one of its resize handles and drag it to the appropriate size. You can edit HTML you've
already added anytime by reopening the HTML Code dialog. To open the dialog, double-click the HTML field with
your mouse.
To preview the HTML you've added to your page, choose Preview in Browser from the File menu. Learn more.
Using Code Elements

Editing HTML
SiteBuilder makes it easy to edit any of the HTML code in your web page. You might want to modify your page's
body tag attributes, for example, or customize the code SiteBuilder uses to display a page element or template.
If you've already added HTML code to your page using the HTML Code dialog, you can edit your code anytime by
double-clicking the HTML field that contains the code. Learn more.
To add or edit other HTML code in your page, you can use the HTML Properties dialog.
To edit the HTML used to display a page element:

Right-click on the element whose HTML you would like to modify, then select HTML... from the available menu
options. The HTML Properties dialog will show you the HTML that is used to display the element, and will allow you
to enter your own HTML before, inside, and after the existing code.
To modify a page's head or body tag attributes:

Right-click on a blank area in the page you would like to modify, then select HTML... from the available menu
options. The HTML Properties dialog will allow you to include your own HTML in the head and body tags and to
add HTML after the body tag.
Using Code Elements

Using the HTML Code Dialog
While Yahoo! SiteBuilder enables you to create a robust web site with no HTML, you can also add blocks of HTML
to web pages you've built with Yahoo! SiteBuilder or create pages using HTML exclusively.
To add HTML to your web page, type or paste your HTML code into the HTML Code dialog. (You can paste your
code into the HTML Code dialog by clicking inside the empty field and pressing Ctrl+V on your keyboard.)
When you have finished entering your code, click OK. You can always return to modify it later. Learn how.
Using Code Elements

About Iframes
An iframe, or inline frame, is basically a subwindow within a web page that can display content from another source,
such as another web page.
You may have encountered frames in other web sites; they are often used to divide a web page into distinct
sections -- or frames -- that can function independently of each other. The frames of a web page might remind you
of the panes of your SiteBuilder console: Each pane (Help, Site Contents, Page Effects), though part of the whole,
can perform its own tasks and functions. (When you scroll down this help page, for instance, your Site Contents file
list doesn't change.)
Although both regular frames and iframes display content from another source, iframes appear not as segments of
the window but as elements within the page, much like images. You can manipulate and position the iframe just like
any other page element.
Please note that recent versions of most browsers support the use of iframes; however, older browsers, such as
Netscape 4.x, may not properly display the contents of an iframe.
Learn about using iframes.

Using Code Elements

Using Iframes
Why use iframes? Advanced users may discover dozens of uses for iframes, but even novices can take advantage
of the convenience and design possibilities they offer.
Display content from your own site.
One common use of iframes is displaying an inset block of text, much like a newspaper or magazine might display a
related article. For example, you might create a small iframe on your home page that displays your page of
customer testimonials. Your site visitors could then view the testimonials from the home page as well as the
testimonials page itself. (Alternately, you could hide the actual testimonials page and make its contents available
only through the iframe.)
Or perhaps your web site showcases your artwork. You could display your work in an iframe, allowing visitors to
scroll through the iframe to view each piece, while continuing to display your biographical and contact information
below.
Some users find iframes a convenient way to work with recurring text or page elements, such as mastheads or
footers. For instance, rather than typing the same footer information -- Copyright 2005, XYZ Art. All rights reserved.
-- on every page of your site, you could create a single page, "footer.html," that contains this information. You could
then add an iframe to the bottom of each page in your site that displays the contents of footer.html.
Why bother? This strategy can save you time on site maintenance: When it comes time to make a change to the
recurring content -- changing the copyright date to 2006, for instance -- you'll need to alter only a single file (footer.
html, in our example). The iframes will automatically refresh to display the updated content.
Creating the iframe
Viewing the results
Tip: If you want to include an iframe in the same location on every page, you might consider making your
own template.
Display content from another web site.
You can also use iframes to display the contents of a page from another web site. Rather than linking to
photographs your colleague posted on his own web site, for example, you could use an iframe to display the photo
gallery itself. If you manage multiple web sites, you could use this feature to easily display important parts of one
web site in the pages of another.
Important note: Please be aware that when you use an iframe to display content from another web site, you are
virtually copying that web site's content into your own page. To avoid possible copyright infringement, we
recommend that you always seek permission if you'd like to display content from another site on your page, and that
you accompany this content with appropriate information about the author.
Furthermore, we suggest that you always include the default border on iframes that will display nonoriginal content,
as omitting the border may blur the distinction between the author's content and your own.
Using Code Elements

Adding and Editing an Iframe
Learn about using iframes.
To add an iframe to your web page:
1. Select Code Elements from the Insert menu.
2. Select Iframe.
3. In the Iframe Properties dialog, choose the source of the content that will be displayed in the iframe. If
you'd like to frame a page of another web site, choose Another Web Site and enter the web address (URL)
of that page. If you'd like to display the contents of another page in your site, choose A Page in My Site
and select a page from the corresponding pull-down menu.
4. By default, the iframe will be displayed on your page with a small border. If you don't want a border on your
iframe, click the Frame Border checkbox to deselect it.
5. If you'd like to change the height, width, or location of the iframe on your page, click the Coordinates tab
and edit the fields provided. Change the X and Y values to alter the iframe's location; add new Width and
Height values to change the size of the iframe.
6. Click OK.
Note: Displaying content from another web site on your page could have copyright and other legal implications.
Learn more about using iframes.
Editing an Iframe
To edit the iframe anytime, double-click the iframe with your mouse. You'll see the Iframe Properties dialog, in
which you can change the iframe's content source, border, or coordinates following the steps above.
You can also move, resize, or delete the iframe anytime just as you'd work with any other page element. Learn more
about working with page elements.
Using Merchant Solutions

About Merchant Solutions
Easily integrated with your Yahoo! Merchant Solutions account, Yahoo! SiteBuilder allows you to build a fully
customized online store.
Choose a topic below to get started. For more information and additional assistance working with your Merchant
Solutions plan, please see our online help center.
● Overview
● Managing your catalog
● Creating a Store page
● Using Product Modules
● Using Store Tags
● Troubleshooting

Overview
If you have a Yahoo! Merchant Solutions plan, you can use SiteBuilder with the Catalog Manager to create a fully
customized, professional-looking online store.
Get started in Catalog Manager, where you can add your products and relevant information such as names, prices,
and codes. When you're ready to join your catalog with your web site, you'll need to return to the Catalog Manager
to enable your product catalog -- to "flip the switch" that will make your catalog ready to work with SiteBuilder. You'll
ready your Catalog Manager to export a file, called catalog.xml, that SiteBuilder will use to read your product data.
Your online Catalog Manager
With your catalog enabled, you're ready to link your catalog with your site! First import your catalog into SiteBuilder
using SiteBuilder's simple import tool, then start building your pages. You'll add Product Modules to your pages
anywhere you'd like to display product information you've stored in your Catalog Manager. Preview your pages, and
when you're satisfied with your work, publish your site. After you publish, your pages will display product information
from your catalog (thanks to the Product Modules you added when you built your site).
Updating your product information is a snap, because the Product Modules and your Catalog Manager do all the
work for you. To update prices, descriptions, and more, you'll just modify the appropriate fields in your Catalog
Manager, republish Catalog Manager, refresh (reload) your catalog in SiteBuilder, and republish your site. After you
republish your site, your web pages will display your new product details.
Ready to get started? Learn how to prepare your catalog for use with SiteBuilder.
For more assistance with your store or Merchant Solutions plan, please see our online help center.

Managing Your Catalog
Before you begin creating a Merchant Solutions page with Yahoo! SiteBuilder, you will need to import your Merchant
Solutions catalog. Yahoo! SiteBuilder will keep a copy of the imported store catalog until you choose to refresh or
delete it.
Please select a help topic below to get started:
● Preparing to import your catalog

❍ Add the Product-url field to Default-table
❍ Add Product-url values for your products
❍ Enable your product catalog (catalog.xml)
● Importing your catalog

● Refreshing your catalog
● Deleting your catalog
● Publishing your catalog

Preparing to Import Your Catalog
Before you can import your catalog, you need to get it ready to work with SiteBuilder.
Preparing your catalog requires only a few steps. First you'll need to add a field called Product-url to the Default-
table in your Catalog Manager. You then enter a Product-url value for all of your products. When you're finished,
you'll just need to enable your product catalog (making it downloadable in a file called catalog.xml) before you can
begin importing it to SiteBuilder.
1. Add the Product-url Field to Default-table

2. Add Product-url values for your products
3. Enable your product catalog (catalog.xml)
4. Import your product catalog to Yahoo! SiteBuilder

Add the Product-url Field to Default-table
The first step in preparing your catalog is adding a new field to a table in your Catalog Manager.
1. Visit your Store Manager and sign in to your account, if you have not done so already.
2. In the Store Manager, click the Catalog Manager link to open your Catalog Manager.
3. Click Manage Your Tables.
4. On the Tables page, select Default-table. You'll arrive on the Edit Table page for Default-table.
5. Scroll down the page to the Shopping Fields section and click Edit to go to the Edit Table -- Shopping
Fields page.
6. From the Field Name pull-down menu, select Product-url. This selection will refresh the page, which will
now display the Product-url field.
7. Click Update. You'll return to the Edit Table -- Default-table page.
8. Click Save to complete your edit to the table. You'll return to the Tables page, where you'll see a message
confirming that the Default-table changes were saved successfully.
Figure 1: In this example, we click Edit on the Edit Table -- Default-table page, which takes us to the Edit Table --
Shopping Fields page. Then we select Product-url from the Field Name pull-down menu, which refreshes the
page with the Product-url field displayed.
Note: Notice that a Default Value field appears when you select Product-url from the Field Name pull-
down menu in the Edit Table -- Shopping Fields page. Anything you enter into this Default Value field will
be used as the default value for the field every time you create a new item.
The default value can save you time, especially if you need to create many items in Catalog Manager. You
might, for example, type your web address, such as http://www.my-first-store.com/, in the Default Value
field. The next time you create a new Default-table item in Catalog Manager, that item's Product-url field will
display http://www.my-first-store.com/ by default. You simply need to add the product's file name -- wt01.
html, for example -- to the end of the default value to complete your the Product-url for that item: http://www.
my-first-store.com/wt01.html.

Add the Product-url Values for Your Products
Now you need to update your products with values for the Product-url field. To add a Product-url value:
1. In Catalog Manager, click Items to visit the Items page.

2. Click the link for your product. You'll arrive on the Edit Item page for your product.
3. Scroll down to the Product-url field and enter the full web address (URL) of the product's page.
4. Click Save. This takes you back to the Items page.
5. Make sure catalog.xml is enabled.
If you are creating a new product: When you create a new product in Catalog Manager, the product's page and
URL do not yet exist. This information will be created only when you publish the change to Catalog Manager and
then create the page in SiteBuilder.
You should name the page after the product's ID. For example, if your domain is http://www.my-first-store.com, and
the file for the product page is located at the root directory of your account (in other words, the file is located in the
top-level folder of your site, not in a subfolder), the Product-url value for an item with the product ID wt01 should be
http://www.my-first-store.com/wt01.html.
If you created a subdirectory -- called products, for example -- to contain the files for all of your product pages (in
other words, the files are not located in the root directory), the item's Product-url value would be http://www.my-first-
store.com/products/wt01.html.
About catalog.xml:
Using your Catalog Manager, you can publish the data for your Merchant Solutions in an XML (Extensible
Markup Language) file called catalog.xml. You don't need to learn how an XML file works; what's important
to understand is that when you enable the catalog.xml file, you provide a way for a process outside of
Yahoo! (such as SiteBuilder or a third-party marketing program) to import and use your product catalog
data.
Learn how to enable catalog.xml.


Enable Your Product Catalog
Before you can import all of your product catalog data into Yahoo! SiteBuilder, you must enable the product catalog
data file, catalog.xml, ensuring that Catalog Manager can export this file.
1. On the Store Manager front page, in the Promote section, click Search Engines. This takes you to the
Promote Your Site in Search Engines page, as shown below.
2. Locate the catalog.xml field and select the Enabled radio button, if it isn't already (see section A in Figure
2).
3. Click Done. If you're curious about what this file looks like, view it by clicking the Download link.
Figure 2: The Promote Your Site in Search Engines page contains links to more information about search engine
optimization as well as the Export of Store Contents section, which includes your catalog.xml options.

Importing Your Catalog
Once you have added Product-url to the Default-table, added Product-url values for your products to Catalog
Manager, and enabled your product catalog (catalog.xml), you are ready to import your product catalog into Yahoo!
SiteBuilder.
Learn more about preparing your catalog.
1. In SiteBuilder, select Store Catalog from the Tools menu.

2. Select the option Import. (Note: After you import your catalog the first time, this command changes to
Refresh.)
3. You may be prompted to sign in to your Yahoo! Web Hosting or Yahoo! Merchant Solutions account at this
time. Enter your Yahoo! ID and password.
4. Use the Import Store Catalog dialog to select a store catalog to import.
5. Click OK.
6. The Import Progress dialog will appear, allowing you to monitor the catalog import process. When the
Import Completed dialog appears, click OK.
Now you can start creating your first product page.
Refreshing your catalog: Importing your catalog downloads all of the data from Catalog Manager dating from
the last time it was published. If you make any changes to items in your Catalog Manager that you would
like to export to SiteBuilder, you'll need to first republish your Catalog Manager, then re-import your catalog
into SiteBuilder using the Refresh command. Learn how.

Refreshing Your Catalog
Importing your catalog downloads all of the data from Catalog Manager dating from the last time it was published. If
you make any changes to items in your Catalog Manager that you would like to export to SiteBuilder, you'll need to
first republish your Catalog Manager, then re-import your catalog into SiteBuilder using the Refresh command. To
refresh Yahoo! SiteBuilder's copy of your Merchant Solutions catalog:
1. Select Store Catalog from the Tools menu.

2. Select the option Refresh.
3. You may be prompted to sign in to your Yahoo! Web Hosting or Yahoo! Merchant Solutions account at this
time.
4. Use the Import Store Catalog dialog to select a store catalog to import.
5. Click OK.

Deleting Your Catalog
To delete Yahoo! SiteBuilder's copy of your Merchant Solutions catalog:
1. Select Store Catalog from the Tools menu.

2. Select the option Delete.
3. Click OK.
Steps 1-2:
Step 3:

Publishing Your Catalog
You'll need to return to your Store Manager publish your catalog anytime you want to make updates to the product
information on your site. When you publish your catalog, any new items or changes in your Catalog Manager will
become available to your web site.
To publish your catalog:
1. Sign in to your Yahoo! Store account.

2. Click the Catalog Manager link in the Edit section of your Store Manager page.
3. Click the Publish Your Changes link
4. Next, click the Publish Catalog button.
To learn more about using Catalog Manager, please see our online help center.

Creating a Store Page
Easily create a page for your Store with Yahoo! SiteBuilder's simple wizard interface.
● Creating a Store page

● Using the Store Products Page Wizard

Creating a Store Page
Yahoo! SiteBuilder lets you easily create a new Store page with a simple wizard interface.
To create a new Store page:
1. Select New Page from the File menu.

2. Select A template on the Add New Page dialog.
3. Choose a template for your Merchant Solutions page, then select Store Products Wizard from the Page
types: pull-down menu below. (Note: Some templates are not compatible with Merchant Solutions. When
you select these templates, Store Products Wizard will not appear in the Page types: pull-down menu.)
4. Click OK.
5. Click Next to step through the Store Products Page wizard.
6. Click Finish to complete the wizard.
Note: If you like, you can download additional templates at any time.
Keyboard Shortcut: Ctrl-N
Toolbar Shortcut:
Step 1:
Steps 2-3:
Step 4:
Step 5:

Using the Store Products Page Wizard
Yahoo! SiteBuilder lets you easily create a Merchant Solutions page with the Store Products Page Wizard, guiding
you through the process step-by-step.
To create a Merchant Solutions page with the Store Products Page wizard:
1:
Enter text for the title of your page in the Page Title field. Enter text for the body of your page in the Body Text field.
When you have completed this step of the wizard, click the Next button to continue.
2:
Select a product layout you would like to use for the products on your page. When you have completed this step of
the wizard, click the Next button to continue.
3:
Specify the layout of products on your page by using the Columns and Rows fields. Please note that the maximum
allowed dimensions are 10 columns and 100 rows. Using the Advanced Settings section, you may further modify
the page layout by changing the default spacing of products on your page. When you have completed this step of
the wizard, click the Next button to continue.
4:
Select one your product items from each of the pull-down menus. The order in which you select the products will be
the order in which the products are placed on your page. When you have completed this step of the wizard, click the
Finish button.

Using Product Modules
Product modules are containers that group together the Store Tags of one product on your page. You may choose
to use a Product Module with a predesigned layout, or you can start with a blank Product Module and add your own
choice of Store Tags.
● Adding a Product Module

● Rearranging a Product Module
● Switching a product
● Copying a Product Module layout
● Saving a Product Module layout

Adding a Product Module
To add a Product Module to your page:
1. Select Store Tags from the Insert menu.

2. Select the Product Module.
3. Use the Insert Store Product dialog to select a product, a product layout, and product fields.
Steps 1-2:
Steps 3-4:

Rearranging a Product Module
To rearrange Store Tags within a Product Module:
1. Double-click inside the Product Module.

2. Click on a Store Tag and drag it to its new location inside the Product Module.
Note: If you like, you can resize the Product Module by dragging the square-shaped resize handles located on the
sides and corners of the Product Module.
Step 1:
Step 2:

Switching a Product
To switch the product within a Product Module:
1. Click on the Product Module you want to modify.

3. Use the Product dialog to select a new product.
Step 1:
Step 2:
Steps 3-4:

Copying a Product Module Layout
To copy a Product Module layout:
1. Click on the Product Module you want to copy.

2. Select Duplicate from the Edit menu.
3. Click on the new Product Module and drag it to the desired location on your page.
5. Use the Product dialog to select a new product.
Step 1:
Step 2:
Step 3:
Step 4:
Steps 5-6:

Saving a Product Module Layout
If you intend to add many Product Modules to your web site using the same layout, you can save time by creating
your own Product Module template.
To create your own Product Module template, first create and save a page containing a Product Module that you
would like to use as your template. Be sure to save this page with a file name you will remember, such as "module-
template.html."
Now, whenever you want to add a new Product Module based on this template, open your saved page, copy the
Product Module, and paste it in your new page. You can edit the Product Module on the new page by selecting
Properties from the Edit menu.

Using Store Tags
After adding a Product Module to your page, you can customize it by adding, modifying, or deleting Store Tags.
● Adding Store Tags

● Adding other Store Tags
● Adding a View Cart button
● Supported Store Tags

Adding Store Tags
Store tags are the individual elements that make up a Product Module. Store tags function only when they are
placed inside a Product Module.
To add Store Tags to a Product Module:

2. Click in the area of the Product Module where you would like to add the new Store Tag.
4. Select a Store Tag to insert (such as Name).
Step 1:
Step 2:
Steps 3-4:

Adding Other Store Tags
To add other Store Tags to a Product Module:

2. Click on the area of the Product Module where you wish to add the new Store Tag.
4. Select the option Other....
5. Use the Insert Other Store Tag dialog to select a Product and Product Field.
6. Click OK.
Step 1:
Step 2:
Steps 3-4:
Steps 5-6:

Adding a View Cart Button
View Cart buttons are unique Store Tags that are not bound to a Product Module. View Cart buttons may be placed
inside or outside Product Modules.
To add a View Cart button to your page:

2. Select View Cart.
3. Use the Insert View Cart dialog to select a View Cart button image.
4. Click OK.
Steps 1-2:
Steps 3-4:

Supported Store Tags
Yahoo! SiteBuilder supports the following Store Tag fields in the Product Module: Name, Code, Price, Sale Price,
Orderable, Ship Weight, Taxable, Image, Options, Headline, Caption, Abstract, Icon, Inset, Label, Gift
Certificate, and Custom.
Yahoo! SiteBuilder does not support the following Store Tag fields in the Product Module: Options: Monogram,
Options: Inscription, Product URL, and Download. To use these Store Tag fields, type or paste the Store Tag
code into your page using the HTML Code dialog.

Store Tag Errors
When viewing a store built and published with SiteBuilder, you may discover errors on the page. Many problems
with your product pages -- such as broken links, out-of-date pricing information, missing data -- can be resolved
simply by ensuring that you have published your most current catalog in Catalog Manager and that SiteBuilder is
using an up-to-date version of your product data file, catalog.xml. (Learn how to refresh your catalog.)
Problems with Store Tags can trigger some errors that appear only after you publish your web site. These errors
can occur for a variety of reasons: You may have specified an incorrect item or item field, or you may have simply
forgotten to publish your catalog. Below you'll find a few common Store Tag errors and steps you need to take to
resolve them.
For a comprehensive list of Store Tag errors, please refer to our online Store Help Center.
error: Data not available (103)

description: The specified item ID cannot be found.
trigger: An incorrect item ID was specified, or the catalog has not been published.
resolution: Correct the item ID and publish the catalog.

description: The specified field cannot be found.
trigger: An incorrect field was specified, or the catalog has not been published.
resolution: Use the correct field and publish the catalog.

description: The specified format is not a recognized format.
trigger: A format other than "text" or "html" was specified.
resolution: Use the default "text" format.
Troubleshooting
Choose a topic below to find out how to solve problems you might encounter while working with SiteBuilder.
● General
● Publishing
● Managing or importing a site
● Audio and video
● Site Search
● PayPal buttons
● Merchant Solutions
SiteBuilder
General Troubleshooting
Having trouble working with SiteBuilder? The tips below may help.
For more assistance, please see our other troubleshooting tips or learn how to find help online.
● Why is my image broken?
● When I go to my web address, I see a "Page Not Available" error. What does this mean?
● My home page says "Under Construction." What do I do?
● I viewed one of my pages online, then made a change to it in SiteBuilder. Why can't I see the change?
● I used the File Manager in my Web Hosting Control Panel to make changes to my page, but when I reopen
the page in SiteBuilder, I don't see the changes. Why?
● I accidentally deleted my page. Can I restore it?
● When I try to preview my site or click a link to an online web page, I sometimes get an error. Why?
Using SiteBuilder
Why is my image broken?
If an image on your site is broken or does not load completely, it could be referenced incorrectly. When you use
SiteBuilder to add an image to a web page, it automatically updates your page to reference the image name
properly; however, if you have altered your page's HTML manually, you may have introduced errors in the link used
to display your image. Your domain name and file names are case sensitive, so check your links to make sure you
have used the same capitalization pattern. If one letter in your file name is capitalized, and the same letter is not
capitalized in the link that refers to it, SiteBuilder assumes that the files are unrelated, and you'll see a broken image
on your page.
We suggest that you use all lowercase letters in your file names. If you have already named your files, you might
consider renaming them; then make sure the references to these files are also in lowercase. You can review and
modify your file names easily in the Site Contents pane, located in the upper-right corner of the SiteBuilder interface.
Site Contents pane
If your image will not display at all, first make sure that you have added the image to your site (you should be able to
locate it in your file structure in the Site Contents pane) and published your site. If you have added the image and
published, and the image still does not display properly, try to add and publish it again. The file may have become
corrupted during the uploading process.
Finally, be sure that you have saved the image as a supported file type, and that you have referenced this file type
correctly in your link (if you add your image using the Image... command, SiteBuilder will create the correct link for
you).
You must have a photo-editing application on your computer in order to edit and save photos. Please note that
simply renaming the file type (such as from ".jpg" to ".gif") will change only the name of the image, not the file type.
You will need to open the image in a photo editing application to save the file in a different format.
Learn more about images.

Using SiteBuilder
When I go to my web address, I see a "Page Not Available" error. What does
this mean?
If you see a "Page Not Available" page when viewing your site, you may need to create an index page.
By default, the page you'll see when you visit your web address is called index.html. If you don't have an index.html
file, our servers will look for a file called index.htm. If your web site does not contain either of these files, SiteBuilder
will display a warning, and your web site visitors will see an error if they try to visit your web address.
When you signed up for your Web Hosting or Merchant Solutions plan, we created an index.html file for you. Your
visitors see this default "Under Construction" page when they go to your domain until you replace it. This file can be
replaced with a page you create using one of a site building tool such as SiteBuilder. If you delete your index.html
file and do not replace it with another home page, you will see an error when you visit your web address.
Learn how to get started building your web site.
If you've already created a home page but are not seeing this page at your web address, you may need to rename
your page (for example, if you named your home page home.html, you should change its name to index.html).
To rename your home page:
screen.
index.
Using SiteBuilder
My home page says "Under Construction." What do I do?
If you see an "Under Construction" page when you visit your domain (such as http://www.yourdomain.com), you
have not yet replaced the placeholder web page (or home page) we created for you when you signed up for your
plan. This file is named index.html, and can be replaced with a page you create using a site building tool such as
SiteBuilder.
Important: By default, the page you'll see when you visit your web address is "index.html." In order to see your web
site at your domain, your site must include a file called index.html. Files called home.html or default.html, for
example, will not appear by default at your domain.
If your site does not include a file called index.html (either your placeholder "Under Construction" page or a home
page you created yourself), your site visitors will encounter an error when they visit your web address.
your page (for example, if you named your home page home.html, you should change its name to index.html).
To rename your home page:
screen.
index.
Using SiteBuilder
I viewed one of my pages online, then made a change to it in SiteBuilder.
Why can't I see the change?
If you don't see changes you made to your site when you view your web site online, first be sure you have published
your changes. You need to publish your site to transfer the updated files from your computer to your web site.
If you still don't see your updates, it's possible that your browser has stored an old version of the page in its cache. If
you're sure you've published your page, try refreshing (reloading) the page by holding down the Shift key on your
keyboard while clicking the Reload or Refresh button on your browser. This will load the latest version of your page
in the browser.
Using SiteBuilder
I used the File Manager in my Web Hosting Control Panel to make changes to
my page, but when I reopen the page in SiteBuilder, I don't see the changes.
Why?
If you are using Yahoo! SiteBuilder to build your web site, changes you make to your pages in your online File
Manager may not be reflected when you open your software to review your work, and your pages may be damaged.
SiteBuilder and other tools that can be used offline (in other words, without connecting to the Internet) communicate
between two versions of your web site folder and files: those stored on your local computer (your local web site) and
the equivalent files stored on the Yahoo! servers (your remote web site). When you create or update web pages,
you work with files stored on your computer; then, when you publish your web site, you add to or replace the files on
our servers with the latest version of your local files. Each time you publish, you synchronize the remote version of
your web site -- the web site your visitors see on the Internet -- with your local site.
Your online File Manager displays your web site files as they appear on our servers. If you make changes to your
files (such as renaming, moving, or editing them) using File Manager, the changes will be reflected only in File
Manager; they will not affect files on your local machine. For this reason, when you reopen SiteBuilder to work with
your files, you will not see the changes you made in File Manager. When you republish your site, your local web site
files will overwrite any changes you made to your files in the online File Manager.
Please note: Due to the complexity of the SiteBuilder software, we strongly recommend that you do not use a
different site building or editing tool to update pages you've created with SiteBuilder. Using another tool may not
only prevent some of your changes from appearing but also damage your existing files. Learn more about using
multiple site building tools in our online help center.
Using SiteBuilder
I accidentally deleted my page. Can I restore it?
Yes. Since you created your site with SiteBuilder, you already have a copy of your entire web site stored locally on
your computer. If you deleted a page from your local copy, you may be able to restore your page using the
Snapshot Backups tool, available online in your Web Hosting Control Panel. When you publish your site, you
automatically activate Snapshot Backups, which stores a copy, or takes a "snapshot," of your web site files every
four hours; nightly; and weekly. You can usually use this tool to recover lost files. Learn how in our online help
center.
Because snapshots are taken only every four hours, a file that existed for less than four hours will not be
recoverable. Snapshots are also removed after four weeks; files older than four weeks old cannot be restored. For
this reason, we encourage you to back up your files on your own computer as extra security. (If you build your site
with SiteBuilder, your files are saved on your computer automatically.)
Important: Snapshot Backups saves a copy of your file during each interval only if that file has changed since the
last backup. It does not create a copy of your entire web site with each snapshot.
If you restore a page using Snapshot Backups, that page will now appear in your online File Manager. However, you
will not see the restored page in the local copy of your web site unless you download the page file to your own
computer. In other words, you need to synchronize the remote version of your web site (the one on the Yahoo!
servers) with the local copy of your web site (the one stored on your hard drive). If you don't download the file to
include it in your local version, you will overwrite the restored page, and any other changes you may have made in
your online File Manager, when you next publish your site. Learn more.
You can download the restored file to your computer using an FTP (file transfer protocol) tool. Learn more about
FTP in our online help center.
Using SiteBuilder
When I try to preview my site or click a link to an online web page, I
sometimes get an error. Why?
This is a known issue related to Internet Explorer. The Internet Explorer browser (IE) sometimes has trouble
understanding the instructions sent when you preview or click on certain links. When IE can't understand the
preview or link information, it will display an error message instead of opening the new window in which your
preview or the external web page is supposed to appear.
To remedy this problem, we recommend using Mozilla Firefox or Netscape Navigator as your computer's default
browser. When you preview or click links to sites outside of SiteBuilder, the expected new window will open in
Firefox or Netscape instead of IE; neither of these browsers should encounter the same error problem.
You can download a new browser anytime at http://www.mozilla.org/ (Mozilla) or http://browser.netscape.com/ns8/

(Netscape).
To set Firefox as your default browser, open Firefox and select Tools, then Options. In the General section, choose
"Set Default Browser."
To use Netscape, open Netscape, select the Edit menu, then Preferences.... In the Navigator section, click "Set
Default Browser."
Publishing
Troubleshooting
These troubleshooting tips should help with problems you might encounter when trying to publish your web site.
Verify Your Internet Connection

Confirm that your computer has an active connection to the Internet. A simple way of verifying your Internet
connection is to open your web browser and try to connect to an Internet web site.
Verify Your Yahoo! Web Hosting Account

Publishing your web site requires a Yahoo! Web Hosting or Merchant Solutions account. Please note that having a
Yahoo! ID is not the same as having a Yahoo! Web Hosting or Merchant Solutions account. If you have a Yahoo!
Web Hosting or Merchant Solutions account, verify that your account is still active by signing in to Yahoo! Web
Hosting's site at http://smallbusiness.yahoo.com/services/.
Restart Yahoo! SiteBuilder

Occasionally, Yahoo! SiteBuilder may experience an error that prevents it from publishing properly. Try saving any
open pages, exiting Yahoo! SiteBuilder, and then relaunching the application.
Disable Your Antivirus or Firewall Software

When publishing, Yahoo! SiteBuilder needs to communicate with the Yahoo! Web Hosting servers in order to verify
that you have permission to upload files to the site you have selected. Such outbound communication can be
perceived as a security threat by your antivirus or firewall software (such as Norton, McAfee, or ZoneAlarm), which
can believe that a malicious program is attempting to initiate contact without your permission. In order to prevent
publishing problems, you may need to disable such software, or configure it so that it allows Yahoo! SiteBuilder full
access for inbound and outbound communication.
For instructions on disabling or reconfiguring your software, please consult your software's help documentation. For
your own security, be sure to disable your software or grant access to Yahoo! SiteBuilder only when trying to import
a site or publish with SiteBuilder. If you use a router, be sure to verify that the built-in firewall is not disabling
SiteBuilder's Internet connection.
Disable Secure Connection

When you publish or import a site with Yahoo! SiteBuilder, your computer transmits your Yahoo! account user name
and password to the Yahoo! servers: Just as you need your user name and password to sign in to your Web
Hosting Control Panel, you must provide this information to communicate with our servers. By default, SiteBuilder
will transmit this information using a secure connection, protected by SSL (Secure Sockets Layer) technology.
If, when trying to publish or import your web site, you encounter a sign-in or user name/password error, the secure
connection could be to blame. First try disabling or reconfiguring your firewall or antivirus software (see the previous
tip). If you still cannot publish or import your site, try disabling the secure connection.
To disable the secure connection:

3. Uncheck the box next to Use secure connection to sign in.
4. Click OK.
Note: For your own security, be sure to disable the secure connection only when trying to connect to the Yahoo!
servers.
Try Again Later

If you cannot publish your site and have exhausted the above options, the problem may lie with the server to which
Yahoo! SiteBuilder is attempting to connect. Chances are that Yahoo! Web Hosting is already aware of the problem
and is working towards solving it. If this rare situation arises, we apologize for the temporary inconvenience and
recommend that you try to publish your web site again at a later time.
Can't See Your Home Page?

your home page file. If you create your site with the Site Creation Wizard, SiteBuilder will name your home page
"index.html" by default. If you created your home page with a tool other than SiteBuilder, created a new home page,
or renamed your home page, be sure to change its name back to index.html, or your home page will not display at
your domain.
Working with a Site

Troubleshooting
These troubleshooting tips can help solve problems you might encounter when managing or importing a web site.
● Why can't I find the site I want to open?

● Should I import a web site into an existing SiteBuilder site folder or create a new site?
● I imported a site, and when I previewed it, I saw that the formatting changed. Why did that happen?
● Why did I get a sign-in error when I tried to import my site?
Working with a Site

Why can't I find the site I want to open?
When you choose Open Site... from the File menu, the Open Site dialog will appear, in which you can select the
SiteBuilder site you'd like to open. By default the Open Site dialog will display your default sites folder, in which any
SiteBuilder sites you have already created are stored, unless you chose to save those sites in a different folder. A
SiteBuilder site is designated by the SiteBuilder site folder icon.
If you don't see the site you want to open, you may have saved the site in a different folder on your computer. To
locate a site in a different folder, select Standard file chooser at the top of the Open Site menu instead of
SiteBuilder sites. You can use the Look in: pull-down menu just below to navigate to the site you'd like to open.
Learn more about opening a site stored on your computer.

Working with a Site

Should I import a web site into an existing SiteBuilder site folder or create a
new site?
Whether you create a new site to contain your imported files or save your files in an existing site folder may depend
on what kind of site you're importing, and how you intend to use it.
If you're importing a partial site that you want to merge with a site you've started building in SiteBuilder, you might
want to import your files into an existing site folder. If you choose this option, be sure to keep an eye on any
warnings SiteBuilder may display during the import process so that you don't inadvertently overwrite existing files
that you intend to preserve.
For the simplest import path, we recommend creating a new site each time you begin the import process. (If you
haven't already used SiteBuilder to start building a site, you'll be required to create a new site before you can begin
importing.) Downloading your imported site files to a brand-new SiteBuilder folder will ensure that you don't
overwrite any existing files and help you keep your sites organized. Creating a new folder for each site will also help
avoid confusion when it comes time to publish.
Learn more about importing a site.

Working with a Site

I imported a site, and when I previewed it, I saw that the formatting changed.
Why did that happen?
SiteBuilder offers only limited support for web sites incorporating HTML and/or other programming languages. When
you import a site, SiteBuilder will import that site's files without modifying them.
If you import a web site that was created using a different site building tool (including other Yahoo! tools, such as
Yahoo! PageBuilder), SiteBuilder will do its best to interpret the pages correctly, preserving their original content,
formatting, and layout. However, due to variations in HTML and other site building code, SiteBuilder sometimes has
trouble translating your site files into a form that it can display properly. You should be sure after importing a site to
check all of your pages carefully for errors before saving and publishing.
Working with a Site

Why did I get a sign-in error when I tried to import my site?
When you publish or import a site with Yahoo! SiteBuilder, your computer transmits your Yahoo! account user name
and password to the Yahoo! servers: Just as you need your user name and password to sign in to your Web
Hosting Control Panel, you must provide this information to communicate with our servers. By default, SiteBuilder
will transmit this information using a secure connection, protected by SSL (Secure Sockets Layer) technology.
If, when trying to publish or import your web site, you encounter a sign-in or user name/password error, the secure
connection could be to blame. First try disabling or reconfiguring your firewall or antivirus software (see the previous
tip). If you still cannot publish or import your site, try disabling the secure connection.
To disable the secure connection:

3. Uncheck the box next to Use secure connection to sign in.
4. Click OK.
Note: For your own security, be sure to disable the secure connection only when trying to connect to the Yahoo!
servers.
Learn more about Internet connection issues.


Troubleshooting
Use these troubleshooting tips to help solve problems you might encounter when trying to play audio or video clips
you have embedded in your web site.
Verify your default media player:

When you add an audio or video clip to your web page, Yahoo! SiteBuilder automatically chooses a default player
for your file. Yahoo! SiteBuilder supports the following players: Windows Media Player, RealPlayer, and
QuickTime Player.
Although you can use the Audio Properties and Video Properties dialogs to change the default player, please be
aware that certain file types are not compatible with some players. If you choose a player that is incompatible with
your file, the link to the file on your web page will not work, and your site visitors will not be able to hear your audio
clip or see your video (instead they will see a "broken" icon). We recommend that only advanced users alter the
default player selection.
To open the Audio Properties or Video Properties dialog, right-click on the file you want to modify and choose
Properties.
Install the correct plug-in:

To play your audio or video clip, your site visitors will need to install the plug-in associated with the file and player
you have chosen. Plug-ins allow the user's web browser (such as Internet Explorer or Mozilla Firefox) to play
multimedia files on a web page. To ensure that your site visitors can play your audio or video clips, you might
consider including information on your web page about where to download the required plug-ins. You can find some
supported plug-ins at these web addresses:
● QuickTime: http://www.apple.com/quicktime/
Update media player:

If you find that an audio or video clip plays properly when you preview your pages, but you or your site visitors
cannot access it on your published site, the problem may lie in the media player. If your file will not play, try updating
to the latest version of the media player (your site visitors may need to do the same). You can download the latest
versions of supported media players at these web addresses:
● QuickTime Player: http://www.apple.com/quicktime/download/
Using Add-Ons
Troubleshooting Site Search
Use these troubleshooting tips to solve problems you might encounter when working with the Site Search add-on.
My Site Search results do not reflect recent updates to my site:
The Site Search add-on relies on a complex Yahoo! search tool that indexes your site contents at regular intervals.
When the tool indexes your site, it reviews your text for any updates; then it makes those updates available to the
Site Search add-on. Because the Yahoo! search mechanism scans your site at designated intervals, you may
occasionally notice a lag between when you update your site and when those changes are reflected in your Site
Search results.
Search results appear in a default page instead of the page I chose:
If your search results appear in a default page rather than a page you specified, you may have renamed, moved, or
deleted your results page. Because the specified results page has changed, the Site Search box can no longer
successfully display its results there and has used a default page instead.
A sample search box
For example, you may add Site Search to your home page, index.html, and specify that the page results.html should
display your search results. If you later change the name of results.html to resultspage.html, the Site Search box --
unable to find results.html -- will instead display results in a temporary default page. Similarly, if you delete results.
html, Site Search will post your results in a default page.
Your Site Search box and results page must also be saved in the same site contents folder, or directory. When you
add a Site Search box to your web page, SiteBuilder will automatically create your results page in the same
directory. If you use your online File Manager, FTP, or another tool to move your results page into a different
directory (for example from www.yourdomain.com/dir1/ to www.yourdomain.com/dir2/), Site Search will no longer be
able to successfully display your results on the page you intended; your search results will appear in a default page
instead.
Note: SiteBuilder will warn you of potential problems whenever you attempt to rename or move a Site Search
Results page. Please be aware, however, that if you make changes to your file organization using your online File
Manager, FTP, or another tool, SiteBuilder will not be able to detect issues that may affect the functionality of this
add-on.
Site searches do not generate any results:
You may have deleted the Site Search box's corresponding results field. When you add Site Search to a page and
choose to display your results on a page of your own creation (rather than a temporary default page), SiteBuilder
adds a Site Search Results field to the page you specify. This field represents the area in which results of a search
will be displayed. If you delete this results field, searches performed in the corresponding Site Search box(es) will no
longer generate any results.
To create a new results field, return to its corresponding Site Search box, right-click on the box once, and choose
Properties. Here you can select a results page you already created or create a copy of a page in your site on which
to display your search results.
I added Site Search and can't undo the addition:
When you add Site Search to a web page, SiteBuilder will create a Site Search Results field on another page of
your choosing. Because this add-on affects a page other than the one on which you're installing Site Search, you
will not be able to use the Undocommand to remove Site Search; instead you can use your keyboard's Delete key.
Learn how.

Troubleshooting
● Why did my customer see a warning that the PayPal payment page contains insecure items?
● PayPal sent me an email telling me that I received a payment. Where is my money?
● My site visitor sent a payment, but I haven't received it. What happened?

Troubleshooting
Choose a topic below to learn how to solve common problems using SiteBuilder with your Merchant Solutions plan.
For more assistance with your store, please see our online help center.
● How do I fix errors on the product pages I built with SiteBuilder?

● My site looked great when I previewed it, but when I published, I noticed problems with my product pages.
● When I tried to import my catalog, SiteBuilder said there were errors in my Inscription field. What do I do?
● How do I troubleshoot my Store Tags?

How do I fix errors on the product pages I built with SiteBuilder?
Many problems with your product pages -- such as broken links, out-of-date pricing information, missing data -- can
be resolved simply by ensuring that you have published your most current catalog in Catalog Manager and that
SiteBuilder is using an up-to-date version of your product data file, catalog.xml. In other words, you need to make
sure your published catalog and the catalog.xml file used by SiteBuilder are in sync.
Updating your catalog is a two-step process: After you make a change to an item in Catalog Manager, you'll need to
republish your catalog to make the new information available to your published web site. Then you must ensure that
your SiteBuilder site has a way to access this information. SiteBuilder uses your catalog.xml file to read your product
data, so you simply need to provide the most current version of that file by refreshing your catalog.
Learn more about managing your catalog.


My site looked great when I previewed it, but when I published, I noticed
problems with my product pages.
Problems that appear on your published web site alone are often created when you forget to republish your catalog
with your most recent changes.
If you modify your products in Catalog Manager and refresh your catalog in SiteBuilder, but forget to republish your
catalog, your SiteBuilder site will be using a newer version of your catalog than the catalog you last published, and
your web site will display errors. To solve the problem, just return to Catalog Manager and publish your catalog.
Learn how.
If you still see errors on your pages after republishing your catalog, you may need to correct additional problems
with your Store Tags. Learn more about troubleshooting Store Tags.

When I tried to import my catalog, SiteBuilder said there were errors in my
Inscription field. What do I do?
When SiteBuilder imports your catalog, it reads your product data from your catalog.xml file. SiteBuilder will review
the data in this file and produce an error message if it determines that any of the fields have been formatted
incorrectly. An error that refers to a product's Inscription field indicates that the product's Inscription value is
incorrect.
The Inscription value of a product can include only numbers. Inscriptions formatted differently -- such as #3 or no. 3,
for example -- will cause SiteBuilder to display an error when it finishes importing your catalog.
To complete the importing process, SiteBuilder will automatically correct an error in the Inscription field by replacing
an improperly formatted value with a default value of 3. If you'd like to use this value, no further action is required on
your part. To modify this default value, you'll need to return to your Catalog Manager to correct the data, republish
Catalog Manager, then refresh your catalog in SiteBuilder. Learn how.
Shortcuts
About Shortcuts
Take a moment to learn some toolbar and keyboard shortcuts. In the long run, they can save you a lot of time and
effort!
● Toolbar shortcuts
● Keyboard shortcuts
Shortcuts
Toolbar Shortcuts
The following toolbar shortcuts can help you perform a variety of common tasks more quickly and efficiently. The list
below shows each toolbar shortcut icon and its function.
File Tools
With Template
Without Template
New Site...
Open Page...
Save Page
Preview in Browser
Edit Tools
Properties
Cut
Copy
Paste
Delete
Undo
Redo
Text Tools
Bold
Italicize
Underline
Text Color...
Text Background...
Remove Text Background
Left Justify
Center Horizontally
Right Justify
Top Justify
Center Vertically
Bottom Justify
Bulleted List
Numbered List
Image List
Decrease Indentation
Increase Indentation
Element Tools
Text
Image...
Background...
Navigation Bars
Store Tags
Table...
Insert
Other Tools
Link to...
Download All Templates...
Publish Site...
Open Help
Shortcuts
Keyboard Shortcuts
Yahoo! SiteBuilder allows you to use keyboard shortcuts to perform a variety of tasks more quickly and efficiently.
The list below shows each shortcut and its function.
File Menu
● Ctrl+N: New Page Without Template

● Ctrl+Shift+N: New Page with Template
● Ctrl+O: Open Page...
● Ctrl+S: Save Page
● F12: Preview in Browser
● Alt+X: Exit Yahoo! SiteBuilder
Page Navigation
● Page Up: Display one screen page up

● Page Down: Display one screen page down
Element Movement
● Up Arrow: Nudge selected items up one pixel

● Down Arrow: Nudge selected items down one pixel
● Left Arrow: Nudge selected items left one pixel
● Right Arrow: Nudge selected items right one pixel
Element Editing
● Ctrl+Z: Undo action

● Ctrl+Y: Redo action
● Ctrl+X: Cut selected elements
● Ctrl+C: Copy selected elements to the clipboard
● Ctrl+V: Paste selected elements from the clipboard
● Delete: Delete all selected elements
● Ctrl+A: Select all page elements
● Ctrl+D: Unselect all page elements
● Enter: Modify selected element
● Ctrl+L: Modify selected link
● Ctrl+G: Snap element to grid
● Ctrl+Shift+F: Bring element to front
● Ctrl+Shift+B: Send element to back
● Ctrl+Shift+A: Align elements
Text Editing
● Ctrl+X: Cut selected text
● Ctrl+C: Copy selected text to the clipboard
● Ctrl+V: Paste selected text from the clipboard
● Ctrl+B: Apply bold formatting to selected text
● Ctrl+I: Italicize selected text
● Ctrl+U: Underline selected text
● Double-Click: Select entire word or URL
● Ctrl+Left Arrow: Move cursor to previous word
● Ctrl+Right Arrow: Move cursor to next word
● Home: Move cursor to start of line
● End: Move cursor to end of line
● Ctrl+Home: Move cursor to top of text box
● Ctrl+End: Move cursor to end of text box
Insert Menu
● Ctrl+Shift+T: Insert text

● Ctrl+Shift+I: Insert image
Help
● F1: Help Home

Getting Help Online

Have questions? SiteBuilder's internal help center, the SiteBuilder User Guide, provides step-by-step instructions for
using every aspect of SiteBuilder.
Choose the SiteBuilder User Guide tab for an overview of your help options, or click the icon for a full index of
Yahoo! SiteBuilder Help topics. You'll also find Help buttons in some dialogs as you work with SiteBuilder; click
these buttons for help working with these dialogs.
If you find that you have additional questions, or you just want to learn more about SiteBuilder or your Web Hosting
plan, be sure to browse our online help center, where you'll find answers to your questions about managing your
account, building and monitoring your site, using email, marketing your site and business, and more, as well as a
comprehensive glossary of important terms and concepts. For additional assistance with a Merchant Solutions plan,
please visit Yahoo! Store Help.
If you're not sure where to begin, or you'd like a deeper look at such topics as building your site and understanding
your Web Hosting plan, we recommend heading straight for our online user guides. These articles, tutorials, and
downloadable manuals will help give you a leg up as you begin to create your own online presence.
You'll find links to the online user guides, key help center information, and more online assistance in the Help tab of
your Web Hosting Control Panel.

Yahoositebuilder Manual 2-2 PDF

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Yahoositebuilder Manual 2-2 PDF

Caricato da

Copyright:

Formati disponibili

SiteBuilder 2.

Copyright © 2005 Yahoo! Inc. All rights reserved.

A sample template page

Learn more about PayPal, related fees, and PayPal buttons.

Add-Ons (Instant Info) and Other Tools

Learn more about add-ons and code tools.

Please select a help topic from the list below:

Getting Started Not sure where to begin? Dive in here.

Working with Images Learn how to add and manage images.

Shortcuts Learn some time-saving toolbar and keyboard shortcuts.

Before You Begin Using SiteBuilder

Is SiteBuilder the Right Tool for You?

● The quick and easy Site Creation Wizard

Before You Begin Using SiteBuilder

Your Web Site Folder

Learn more about working with sites in SiteBuilder.

< previous - next >

Before You Begin Using SiteBuilder

Site Contents pane

Use arrows like this one to expand or minimize a SiteBuilder pane.

Learn how to get started using SiteBuilder.

Getting Started with SiteBuilder

Create a basic site:

1. Create a new web site

Getting Started with SiteBuilder

1. Import or Create a Site

A sample template page

2. Customize Your Pages

Learn more about working with web pages.

Getting Started with SiteBuilder

3. Preview Your Work

4. Publish Your Site

The Publish button

Learn more about publishing.

Get started building your web site now!

To select a template, click its image once.

When you're satisfied with your choice, choose Next.

Previous - Step 2 of 8 - Next

Previous - Step 3 of 8 - Next

Previous - Step 4 of 8 - Next

Previous - Step 5 of 8 - Next

Previous - Step 6 of 8 - Next

Previous - Step 7 of 8 - Next

Congratulations! You've reached the end of the Getting Started guide.

For troubleshooting help, please see the Troubleshooting section.

1. How do I preview my pages before publishing them?

2. How do I create a navigation bar for my web site?

3. How do I publish my web site?

5. Why is my image broken?

6. Can I import a site I created using a tool other than SiteBuilder?

7. Can I create my own template?

9. Can I add HTML to my web pages?

10. How do I change my default text and link colors?

11. How do I center a page horizontally on the screen?

12. How do I create a new page in my web site?

13. How do I layer two or more elements on a page?

14. How do I automatically align my page elements?

15. How do I turn an image or text into a link?

16. How do I create thumbnail versions of my images?

17. How do I create a mouseover image?

19. How do I download additional templates and clip art?

1. Open the page you want to preview.

Learn more about previewing pages.