SiteBuilder 2.1 Manual

Transcription

1 SiteBuilder 2.1 Manual Copyright 2004 Yahoo! Inc. All rights reserved.

2 Yahoo! SiteBuilder About This Guide With Yahoo! SiteBuilder, you can build a great web site without even knowing HTML. If you can point and click and drag and drop with a mouse, then you can build a site online right now! Please select a help topic from the list below: Introduction Common Questions Getting Started Basic Operations Using Tables Using a Navigation Bar Using Templates Using File Manager Adding Instant Info Adding Page Effects Building Forms Using Merchant Solutions Going Online Shortcuts New to the Web? Learn some basic web site design concepts. Get quick answers to the most frequently asked questions about Yahoo! SiteBuilder. Learn how to get started with Yahoo! SiteBuilder. A guide to basic operations such as creating and saving pages. Create a table to display elements in an organized fashion on your page. Create a professional navigation bar for use throughout your site. Learn how to create new web pages using Yahoo! SiteBuilder's customizable templates. Learn how File Manager keeps your site assets organized and accessible. Add fun, interactive features to your web pages -- with no programming! Add graceful page transitions and other graphic effects to your web pages. Use forms to collect valuable information about your web site visitors. Yahoo! SiteBuilder makes integration with your Yahoo! Merchant Solutions account easy and customizable. Find out how easy it is to publish your site to the Web! Learn some time-saving toolbar and keyboard shortcuts.

3 Yahoo! SiteBuilder What's New in Yahoo! SiteBuilder 2.1 At Yahoo! Small Business, we are dedicated to bringing you the most powerful, flexible web hosting tools available, no matter what your experience or skill level. In keeping with this commitment, we listened to your feedback and have once again improved and expanded Yahoo! SiteBuilder, making it easier than ever for anyone to build a customized, full-featured web site and publish it to the Internet -- with no programming knowledge required! The enhanced features and new tools in Yahoo! SiteBuilder version 2.1 provide you with even more ways to create a sophisticated web site or online store. Read on for more details. Site Creation Wizard We've made it much easier, faster, and more intuitive to start a new web site quickly, in a few simple steps. Choose the template and page(s) you'd like to create -- or just put together a blank site -- and publish it to the Web in minutes! As always, you can update and add pages to your site anytime. New Templates We've added more professionally designed, fully customizable web site templates to our already enormous selection, including new categories for both business and personal use. You can download and preview the new designs anytime using our enhanced template dialogs, then build your site in just a few steps. Use our sample content and page designs, or personalize every aspect of your site, from layout to colors and graphics. You have total control. Embedded Audio and Video Now your site visitors can experience audio and video directly within your web pages. We've made it easy to embed multimedia clips in your site: Use the Insert menu to add songs, sounds, movies, or other media files, then fully customize their appearance and behavior for a richer, more compelling presentation. Help If you have any questions while you're working on your web site, or just want some tips or ideas, consult Yahoo! SiteBuilder's integrated Help, which now appears in a dedicated pane to the left of the page editing area. The Help Home tab will get you started, whether you're building a brand-new site or just want to quickly return to a file or site you recently modified. 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. Web Hosting Control Panel Access Now you can easily access your Web Hosting Control Panel directly from Yahoo! SiteBuilder. Simply verify that you are connected to the Internet and click on the Web Hosting Control Panel option in the Tools menu. New Shortcuts Take advantage of Yahoo! SiteBuilder's new toolbar shortcuts, including buttons for Help, site creation, bullets, numbering, and indentation changes, to save time and increase your efficiency. Resizable Panels We've added more ways to personalize Yahoo! SiteBuilder. Customize your workspace by resizing the Page Effects, Site Contents, or other panels -- or minimizing areas you don't use regularly. Now you can simply click on a panel border to hide it from view, or drag it exactly where you want it. Links We've simplified the process of creating links on your web pages. Use the Link To option (located in the Insert menu) to link text or pictures to another web site, a file or page in your own site, or an address, then modify

4 and preview your links in the streamlined Link dialog. Picture Properties Modify the attributes of each of your pictures with the improved Picture Properties dialog, where you can specify an image's alt text, mouse-over picture, link properties, and dimensions. Forms You've asked for more control over your site, and we listened. Now you can change the destination of an interactive form you have created, and even display your own confirmation and error pages. Advanced users will appreciate the flexibility of our new form-action customization options. 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 our revised Help section.

5 Yahoo! SiteBuilder Introduction Congratulations on choosing Yahoo! SiteBuilder to build and maintain your web site! If this is your first time building a web site, there are a few basic concepts you might want to consider before you begin. Please pick a topic from the choices below: Basic Site Design Basic Page Design Going Online How to approach the overall design of your web site. What to consider as you build individual web pages. What happens when you publish your web site. Ready to take the next step? For an introduction to some of Yahoo! SiteBuilder's basic functions, please read the Yahoo! SiteBuilder Getting Started guide.

6 Introduction Basic Site Design It's important to give some thought to your site's basic structure before actually building your web pages. A web site can consist of a single page or hundreds of pages linked together. You might find it helpful to sketch out a simple tree structure or page hierarchy that illustrates the relationships between pages. This will make creating your site-wide navigation a lot easier. How many pages will your site contain? Which pages will link to each other? What information will you present on each page? Be sure to consider creating a navigation bar for use on your web pages to help your web site visitors find their way around your site. Feeling stuck? Take a look at some web sites you like. What about them do you admire? What makes them effective? What about them can you reproduce in your own site? Previous - Page 1 of 3 - Next

7 Introduction Basic Page Design Once you've determined your site's basic structure, think about the design of your individual web pages and the actual content you'd like to include on each page. Browse through Yahoo! SiteBuilder's templates to find a template style appropriate for your site or to gather design ideas. Keep It Simple Yahoo! SiteBuilder's templates incorporate good web page design principles, like simplicity, clarity, consistency, and balance. Try to keep these principles in mind as you build your own web pages. Create an Effective Home Page The most important page in your web site is your home page. Be sure to create a compelling home page that clearly communicates the nature and purpose of your web site. You don't need to include all of your web site content on your home page. Instead, use your home page as an introduction to your web site and then provide links to additional pages that contain the rest of your content. Keep Up the Good Work Next, build supporting pages that reproduce the general look and feel of your home page. This will give your web site a more cohesive, professional appearance. Previous - Page 2 of 3 - Next

8 Introduction Going Online Once you've finished building your web site, you will want to make it available to the public. Yahoo! SiteBuilder makes it easy to publish your site to the Web when you have a Yahoo! Web Hosting account: Just select Publish to Yahoo! Site... from the File menu. When you publish your site, all of the files that make up your site (such as web page files, image files, and sound files) are transferred across the Internet to Yahoo!'s web servers. Yahoo!'s web servers are available 24 hours a day, 7 days a week to serve the files requested by your web site visitors. Previous - Page 3 of 3 - Back to Beginning

9 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. Please pick a question from the choices below: 1. How do I preview my pages before publishing them? 2. Why does the text color change when I create a link? 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. My font isn't displaying properly in some web browsers. Why? 6. Can I import a site that wasn't created using one of Yahoo!'s tools? 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 specify an image's alt text? 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 a picture or text into a link? 16. How do I create thumbnail versions of my images? 17. How do I create a mouse-over image? 18. Where does 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? 21. How do I create a navigation bar for my web site?

10 22. How do I create a new page in my web site? For an introduction to some of Yahoo! SiteBuilder's basic functions, please read the Yahoo! SiteBuilder Getting Started guide.

11 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. Select Preview in Browser from the File menu. 2. The currently open page will display in a separate browser window. Note: To see any changes you make to a page in Yahoo! SiteBuilder after launching the preview window, you will need 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 does not show changes made after a preview window is launched. Keyboard Shortcut: F12 Step 1: Toolbar Shortcut:

12 Common Questions Why does the text color change when I create a link? The color of your text may change when you turn it into a link. This is because, unless you specify otherwise, linked text displays in your default link color. If you'd like a link to display in a different color, you can either change its color manually or change your default link color. To change the color of an individual link: 1. Highlight the link whose color you would like to change. 2. Select Text Color... from the Format menu. 3. Select your desired text color using the Choose Text Color... dialog. 4. Click OK. Toolbar Shortcut: To choose the default text and link colors for a web page: 1. Select Page Properties from the Edit menu. 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:

13

14 Common Questions How do I publish my web site? To publish a site to the Web: 1. Select Publish to Yahoo! Site... from the File menu. 2. If you are not already signed in, you will be asked sign in to your Yahoo! Web Hosting account. 3. Using the Browse... buttons on the Publish Site dialog, select the folder containing the site you would like to publish and the folder you would like to publish your site to. (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. Step 1: Step 2:

15 Steps 3-5:

16 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 account, visit the web address below and select the web hosting solution that's right for you:

17 Common Questions My font isn't displaying properly in some web browsers. Why? Not all web browsers are capable of displaying all fonts. To ensure that your web pages display properly, we recommend that you use common fonts (like Arial, Verdana, and Times New Roman) that are supported by most web browsers. Generally, if a browser is incapable of displaying the font you selected, text on your page will display in the browser's default font instead.

18 Common Questions Can I import a site that wasn't created using one of Yahoo!'s tools? Yes. You can import a web site even if it wasn't originally created using one of Yahoo!'s web page building tools. Keep in mind, however, 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. To import a site stored online in a Yahoo! Web Hosting account: 1. Select Import Yahoo! Site... from the File menu. 2. To continue, click OK. 3. If you are not already signed in, you will be asked to sign in to your Yahoo! Web Hosting account. 4. Choose the folder that contains the site you would like to import. (If more than one domain is associated with your Yahoo! ID, click Browse... and then use the pull-down menu on the Import from... dialog to choose the domain whose files you would like to import.) 5. Select a folder on your hard drive in which to save the site. 6. Click OK. Step 1:

19 Step 2: Step 3: Steps 4-6:

20

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

22 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. Step 1: Steps 2-3:

23

24 Common Questions Can I add HTML to my web pages? Yes. If you like, you can add HTML to your Yahoo! SiteBuilder web pages. To add HTML to a web page: 1. Select HTML... from the Insert menu. 2. Type or paste your HTML into the HTML Code dialog. 3. Click OK. If you would like to create a web page using primarily HTML, simply create a new blank template page and then follow the steps above to add your HTML code to it. Note: You may paste HTML code by clicking inside the HTML Code dialog and pressing Ctrl+V on your keyboard. Note: Be sure that the HTML Code element you add to a web page is large enough to accommodate the HTML content it includes. To enlarge an HTML Code element, simply click on one of its resize handles and drag it to the appropriate size. Steps 1-2: Steps 3-4:

25

26 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. Step 1: Steps 2-3:

27

28 Common Questions How do I center a page horizontally on the screen? To center your web page horizontally on the screen: 1. Select Page Properties from the Edit menu. 2. Check the Centered checkbox. 3. Click OK. Step 1: Steps 2-3:

29

30 Common Questions How do I specify an image's alt text? Alt text is the text your web site visitors will see when an image is loading or when they rest their cursor over an image. To specify a picture's alt text: 1. Click on the picture whose alt text you would like to create. 2. Select Properties from the Edit menu. 3. Enter alt text for the picture in the Alt Text: field. 4. Click OK. Step 2: Steps 3-4:

31

32 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:

33 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 check boxes 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. Step 2: Keyboard Shortcut: Ctrl+Shift-A Steps 3-6:

34

35 Common Questions How do I turn a picture or text into a link? To link a picture or text to a file, web address, address, or another page in your web site: 1. Select the picture 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 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 Step 2: Toolbar Shortcut: Steps 3-4:

36

37 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). Steps 2-3:

38 Common Questions How do I create a mouse-over image? You can associate mouse-over pictures 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 mouse-over 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 mouse-over image: 1. Right-click on the picture whose mouse-over image you would like to specify. 2. Choose Properties. 3. Using the Picture Properties dialog, choose a picture from your computer's hard drive or from Yahoo! SiteBuilder's folder of clip art images in the Mouse-Over Picture: field. 4. Click OK. Step 2: Step 3:

39 Step 4:

40 Common Questions Where does sent to my contact form go, and can I change the destination address? from your contact form is sent to the default address associated with your Yahoo! profile. You can change your default address anytime by signing in to Yahoo! at and clicking on the "Acct. Info" link in the Personal Assistant area. Advanced users may also take advantage of the custom options available in Form Settings to change the form action. In the Form Settings dialog, you can designate an alternate address, as well as custom confirmation and error pages.

41 Common Questions How do I download additional templates and clip art? You can download additional templates and clip art to supplement the templates and clip art already available in Yahoo! SiteBuilder at any time. To download additional templates and clip art: 1. Choose Download More Templates... from the Tools menu. 2. Select the checkboxes that correspond to the packages you would like to download. 3. Click Download. Note: Your 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." Step 1: Toolbar Shortcut: Steps 2-3:

42

43 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: 1. Select Page Properties from the Edit menu. 2. Type the keywords in the field indicated. 3. Click OK. Step 1: Steps 2-3:

44

45 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. To create a navigation bar for use on your web pages: 1. Select Navigation Bars from the Insert menu. 2. Select Create New 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:

46 Step 3: Step 4: Step 5: Step 6:

47 Step 7: Steps 8-9:

48 Common Questions How do I create a new page in my web site? To create a new page in your web site: 1. Select New Page... from the File menu. 2. From the Create New Page dialog, select A blank page to create a new blank page, or A template to create a new template page. 3. If you are creating a template page, select a template from the list of available templates. 4. From the Page types: pull-down menu, choose the type of page you'd like to create. 5. Click OK. Note: If you like, you can download additional templates at any time. Keyboard Shortcut: Ctrl+N Step 1: Toolbar Shortcut: Steps 2-5:

49 Creating a blank page: Creating a template page:

50

51 Yahoo! SiteBuilder Getting Started Ready to get started? This guide will introduce you to some of Yahoo! SiteBuilder's basic functions. When you're finished, you'll have created a simple web site in just minutes! Follow the steps below to get started: Step 1 Step 2 Step 3 Step 4 Step 5 Step 6 Step 7 Step 8 Create a New Site Choose a Background Color Add Text to Your Site Add a Picture to Your Site Add an Link Add a Link to Another Web Site Add a Yahoo! Search Box 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.

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

53 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. For more selection, click the Download More Templates button. When you're satisfied with your choice, choose Next.

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

55 Previous - Step 1 of 8 - Next

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

57 4: Click OK on the Choose a Background dialog to confirm your selection. Previous - Step 2 of 8 - Next

58 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 to make your name appear in bold. toolbar button 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 in bold. toolbar button to make the new word appear 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-

59 left corner of the page. Previous - Step 3 of 8 - Next

60 Getting Started Step 4 - Add a Picture to Your Site Pictures help to give balance and visual interest to your web pages. In this step you will select a picture from your computer's hard drive to add to your web site. (If you don't have a picture of your own, you can use a picture from Yahoo! SiteBuilder's built-in images folder.) 1: Select Picture... from the Insert menu. 2: Select a picture from your computer's hard drive or from Yahoo! SiteBuilder's folder of clip art images, then click OK.

61 3: Click on the picture and drag it anywhere you like. If you're working with a blank page, try dragging it beneath or next to your name. Previous - Step 4 of 8 - Next

62 Getting Started Step 5 - Add an Link With Yahoo! SiteBuilder you can add a link to your address on your site so your visitors can easily contact you. In this step you will add an 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 Address. 3: Using the Link dialog, enter your address in the mailto field, then click Create.

63 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 program will automatically open a blank message addressed to your address. Previous - Step 5 of 8 - Next

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

65 4: Using the Link dialog, enter the web address of the highlighted site in the 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. Previous - Step 6 of 8 - Next

66 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 Instant Info 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. Previous - Step 7 of 8 - Next

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

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

69 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

70 Basic Operations Overview Once you've mastered Yahoo! SiteBuilder's basic operations, you'll be amazed at how easy it is to create and manage an entire web site. Please select a help topic from the list below: Web Site Basics Web Page Basics Working with Text Working with Pictures Working with Audio and Video Adding Backgrounds Creating Links Using HTML Check Spelling Positioning Page Elements Layering Page Elements Managing Page Elements Setting Page Properties Managing SiteBuilder How to create, open, or close a web site using Yahoo! SiteBuilder. How to create, open, save, delete, close, and preview web pages using Yahoo! SiteBuilder. Help with adding and manipulating text on a page. Help with adding and manipulating pictures on a page. Help with adding and manipulating audio and video clips on a page. How to add background sounds, images, and colors to a page. Help with adding links to your web pages. Find out how to add blocks of HTML to your web pages. Find out how to use the built-in Check Spelling tool to find and fix any spelling errors in your site. How to position page elements exactly where you want them. How to layer page elements on a web page. How to select, delete, or duplicate one or more page elements on a web page. How to specify the title, keywords, author, and layout of your pages. How to update to the latest version of Yahoo! SiteBuilder, exit the application, or change your Yahoo! SiteBuilder preferences.

71 Basic Operations Web Site Basics 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 account. Please select a help topic from the list below: Creating a New Site Opening a Site Stored Locally Opening a Site Stored Online Closing a Site Managing Multiple Sites Learn how to start from scratch by creating a brand-new web site. Learn how to open a web site that you have already saved to your computer's hard drive. Learn how to open a web site stored online in a Yahoo! Web Hosting account. Learn how to close a web site that is currently open in Yahoo! SiteBuilder. Learn how to sign in to Yahoo! SiteBuilder as a different user.

72 Basic Operations 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. For more selection, click the Download More Templates button. 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.) 7. You're ready to begin editing your site! Click Finish to return to Help. Keyboard Shortcut: Ctrl+Shift+N Step 1: Toolbar Shortcut:

73 Step 2: Step 3:

74 Step 4: Step 5:

75 Step 6:

76 Basic Operations Opening a Site Stored Locally on Your Computer's Hard Drive To open an existing web site, 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. To open a site stored locally on your computer's hard drive: 1. Select Open Site... from the File menu. 2. Click My computer. 3. Locate the folder in your computer's folder list. 4. Highlight the folder name. 5. Click Open. Step 1: Step 2:

77 Steps 3-5:

78 Basic Operations Importing a Site Stored Online in a Yahoo! Web Hosting Account To open an existing web site, 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. To import a site stored online in a Yahoo! Web Hosting account: 1. Select Open Site... from the File menu. 2. Click Yahoo!. 3. To continue, click OK. 4. Select a folder on your hard drive in which to save the site. 5. Click OK. 6. To confirm that you'd like to import your site, click OK. 7. 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 select Change User... from the File menu.) 8. Choose the folder that contains the site you would like to import. (If more than one domain is associated with your Yahoo! ID, click Browse... and then use the pull-down menu on the Import from... dialog to choose the domain whose files you would like to import.) 9. Click OK. 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 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 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. Step 1:

79 Step 2: Step 3: Steps 4-5: Step 6:

80 Step 7: Steps 8-9:

81 Basic Operations Closing a Site To close all of the pages you currently have open: 1. Select Close Site from the File menu. If any of the pages you are closing contain unsaved changes, you will be prompted to save them. Step 1:

82 Basic Operations Managing Multiple Sites 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. Step 1: Steps 2-3:

83

84 Basic Operations Web Page Basics Learn the ins and outs of managing web pages with Yahoo! SiteBuilder. Please select a help topic from the list below: Creating a Blank Web Page Creating a Template Page Editing a Template Page Opening an Existing Page Templates and Clip Art Deleting a Page Renaming a Page Previewing a Page Closing a Page Saving a New Page Saving an Existing Page Saving a Copy of a Page Learn how to create a brand-new, blank web page. Learn how to create a new web page using one of Yahoo! SiteBuilder's templates. Learn how to edit a template page once you've created it. Find out how to open a page you've already created. Find out how you can download additional templates and clip art. Find out how to permanently delete a page you've already created. Find out how to rename a page you've already created. Learn how to preview a page before you publish it. Learn how to close a page that you have open in Yahoo! SiteBuilder. Find out how to save a web page you've just created. Find out how to save an existing web page you've just modified. Find out how to save copy of a web page you've already created.

85 Basic Operations Creating a Blank Web Page To create a blank web page: 1. Select New Page from the File menu. 2. Select A blank page from the Create New Page dialog. 3. Click OK. Step 1: Keyboard Shortcut: Ctrl+N Toolbar Shortcut: Steps 2-3:

86

87 Basic Operations Creating a Template Page Templates are customizable, predesigned web pages. Yahoo! SiteBuilder features templates that are suitable for a wide variety of purposes. To create a template page: 1. Select New Page... from the File menu. 2. Select A template on the Create New Page dialog. 3. Select a template from the list of available templates. 4. From the Page types: pull-down menu, choose the type of page you'd like to create. 5. Click OK. Note: If you like, you can download additional templates at any time. Keyboard Shortcut: Ctrl+N Step 1: Toolbar Shortcut:

88 Steps 2-5:

89 Basic Operations Editing a Template Page Once you've created a new template page, you will want to customize it with images and content that are appropriate to your own web site. Modifying Images You may wish to replace the images that are included in your template page with images of your own or images from Yahoo! SiteBuilder's folder of clip art. To replace an image on your template page, click on the image and then select Properties from the Edit menu. In the Picture Properties dialog, you may select a replacement or a mouseover image, link the image, or change the image's alt text or size. Adding 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. Modifying Links Some template pages include links to other web sites. To replace these links with links to your own favorite sites, click on the element containing the link and then select Link Properties from the Edit menu. Modifying Page Effects Some template pages include Page Effects like background colors, images, or sounds. To modify a page effect, highlight the appropriate Page Effect icon in the Page Effects window at the bottom of the screen and then select Properties from the Edit menu. Deleting Unneeded Page Elements or Effects To remove page elements or page effects you don't need, highlight them and select Delete from the Edit menu. Rearranging Page Elements You can rearrange the elements on your template page. Click on the element you would like to move and drag it to a new location on the page. Note: If you like, you can download additional templates at any time.

90 Basic Operations Opening an Existing Page To open an existing web page: 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 Step 1: Toolbar Shortcut: Steps 2-3:

91

92 Basic Operations Downloading Templates and Clip Art If you like, you can download additional templates and clip art to supplement the templates and clip art already available in Yahoo! SiteBuilder. To download additional templates and clip art: 1. Choose Download More Templates... from the Tools menu. 2. Select the checkboxes that correspond to the packages you would like to download. 3. Click Download. Note: Your 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." Step 1: Toolbar Shortcut: Steps 2-3:

93

94 Basic Operations Deleting a Page 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 with your mouse. 3. Select Delete File. 4. Click OK to confirm that you would like to delete the file. Yahoo! SiteBuilder will automatically remove links to the deleted page from any pages that include them. Steps 1-3: Step 4:

95 Basic Operations Renaming a Page A web address (or URL) 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 (for example, your new name can contain only letters, numbers, underscores, dashes, and periods. If your page name includes other characters (such as Yahoo! SiteBuilder will prompt you to enter a new one. Please make sure to use only standard characters in your page names. To rename a web page you have already created: 1. Locate and highlight the file name of the page you would like to rename in the Site Contents pane at the right side of the screen. 2. Place your cursor over the file name and right-click with your mouse. 3. Select Rename File. 4. Enter a new name for the file. 5. Click OK. Yahoo! SiteBuilder will automatically update links to the renamed page on any pages that include them. Steps 1-3:

96 Basic Operations Previewing a Page To see a page as it will appear to your web site visitors: 1. Select Preview in Browser from the File menu. 2. The currently open page will display in a separate browser window. Note: To see any changes you make to a page in Yahoo! SiteBuilder after launching the preview window, you will need 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 does not show changes made after a preview window is launched. Please note also 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. Keyboard Shortcut: F12 Step 1: Toolbar Shortcut:

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

98 Basic Operations Saving a New Page To save a new page that you haven't named yet: 1. Select Save Page from the File menu. 2. Enter the name of the page in the File name field. 3. Click Save. The file name will become part of the URL (or web address) that people use to view your page. If you would like a page to serve as your home page, Yahoo! SiteBuilder strongly recommends naming it index.html. (Yahoo! SiteBuilder will name your home page index.html by default.) Note: A web address (or URL) 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 (for example, your new name can contain only letters, numbers, underscores, dashes, and periods. If your page name includes other characters (such as Yahoo! SiteBuilder will prompt you to enter a new one. Please make sure to use only standard characters in your page names. Step 1: Keyboard Shortcut: Ctrl+S Toolbar Shortcut:

99 Steps 2-3:

100 Basic Operations Saving an Existing Page To save an existing page: 1. Select Save Page from the File menu. Step 1: Keyboard Shortcut: Ctrl+S Toolbar Shortcut:

101 Basic Operations Saving a Copy of a Page To save a copy of a page: 1. Select Save Page As... from the File menu. 2. Enter a new name for the page. 3. Click Save. The file name will become part of the URL (or web address) that people use to view your page. If you would like a page to serve as your home page, Yahoo! SiteBuilder strongly recommends naming it index.html. (Yahoo! SiteBuilder will name your home page index.html by default.) Note: A web address (or URL) 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 (for example, your new name can contain only letters, numbers, underscores, dashes, and periods. If your page name includes other characters (such as Yahoo! SiteBuilder will prompt you to enter a new one. Please make sure to use only standard characters in your page names. Step 1: Steps 2-3:

102

103 Basic Operations Working with Text Yahoo! SiteBuilder makes it easy to add text to your web pages. Plus, you can easily position and format it -- with no programming! Please select a help topic from the list below: 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 Learn how easy it is to add text to your web pages. Learn how to copy text from other programs into your Yahoo! SiteBuilder pages. Learn how to apply bold formatting to text on your web pages. Learn how to italicize text on your web pages. Learn how to underline text on your web pages. Learn how to set the font size and style of text on your web pages. Learn how to select the color of text on your web pages. Learn how to select the background color of a text box. Learn how to remove the background color from a text box. Learn how to align your text against the left margin. Learn how to align your text against the right margin. Learn how to align your text against the top margin. Learn how to align your text against the bottom margin. Learn how to center your text vertically in a text box. Learn how to center your text horizontally in a text box. Learn how to add bullets to text on your web pages. Learn how to add numbering to text on your web pages. Learn how to add custom bullets to text on your web pages. Learn how to increase the indentation of text on your web pages. Learn how to decrease the indentation of text on your web pages. Learn how to change your text into an active link.