Related Pages:
Online Editor: Freepages
Online Editor: Homepages

Online Editor: Virtual Accounts
Online Editor: www

Unsure which Editor to use? You will choose the one that relates to the URL (address) of your Web site. For instance, if the URL starts http://homepages.rootsweb.com you would use the homepages Editor. Virtual accounts are the exception. If your account looks similar to http://YourName.rootsweb.com it is a virtual account and you would use that Editor.


Return To:
Online Editor Index of Help Pages
HelpDesk: Index of Help Pages


Still Need Help?
If you cannot find an answer,
contact the HelpDesk.

OnLine Editor:
Creating Your First Web Page

The Online Editor can step you through the process of creating your first Web page. Even if you have no experience in creating a Web page, the Online Editor can create a page for you in minutes. The following procedure explains how to use the Online Editor to create a Web page.

  1. In the Online Editor, click the link Don't know where to start? You can create a basic page here. The "Make Your Own Web Page" screen appears.

  2. Click the box for Your Name or Alias. Enter your name, as you want it to appear on your Web page.

    Feel free to use a "Screen Name" or nickname here.

  3. Click the box for Your email address. Enter the email address you use to receive email.

    Be careful that the punctuation and spelling in your email address is correct. This will become a "link" on your finished Web page, and visitors will be able to click on the link to send you email.

  4. Click to choose a Background Color for your Web page. This is the color that will be the overall background of the completed page.

    The default setting is white. Choose any of the colors as appropriate for the theme of your Web page.

  5. Click to choose a color for the Text that appears on your page. This is the color that will be used for all of the text.

    The default setting is black. Be sure that you do not choose the same color for the text as the Background Color: if you do, the text will be invisible against the same-color background.

  6. Click to choose a color for the Links that appear on your page. Using a different color for the Links helps to show visitors that the Link is available to navigate to a different part of your Web site.

    The default setting is dark blue. As with the Text, be sure that you do not choose the same color for the Links as the Background Color.

  7. Click to choose a color for a Visited Link. The Links are set to change color automatically after a visitor has clicked to explore the Link. This helps make it clear what parts of your Web site have been explored.

    The default setting is a dark red. As usual, you should pick a color that's different from the background color.

  8. Click to choose a color for a Link to flash when clicked by a visitor. This helps a visitor to determine that they've clicked a Link.

    The default setting is bright red. The usual caution about the Background Color applies here too.

  9. Click the Text box, and compose the text contents of your Web page. As prompted, feel free to "write your heart out!"

    You can use carriage returns to separate paragraphs. On the completed page, only one space will be used between words, and only one space will separate sentences, so don't try any fancy formatting with the space bar.

  10. The next section is enables you to provide Links for up to three of your favorite Web sites. If you're new to the Internet and don't have any favorites yet, you can skip ahead to step #12.

    For your Favorite Links, be sure to enter the complete address of the Web site, including all of the "http://www...:" and etc. As with your email address, pay particular attention to punctuation, and that you've included the complete address.

    In fact, it's a good idea to bring up your favorite Web site in another window, use the Copy command to copy the complete address, and then use the Paste command to paste the exact address of your favorite site.

    Advanced Users: You can use these Links for linking to other pages on your own Web site.

  11. When prompted for the Name of that Link, you can enter anything that describes your favorite Link. You don't have to enter the exact name of the Link. Be creative. Surprise your visitors!

  12. Click the Go Ahead, Make My Page! button. A sample of your Web page appears on the screen.

  13. If you're satisfied with the appearance of your new Web page, its text content, and its links, click the Save my page button.

    If you'd like to make some changes, click the Back button on your browser. This returns you to the "Make Your Own Web Page" screen, where you can make changes as necessary.

  14. You are prompted to enter a name for the file you've created. Since you're creating your first Web page, the default name "index.html" is just fine.

    Click the Save Page button to proceed.

  15. A prompt appears, noting that your page was successfully saved on the RootsWeb server.

    Click the Return to the File Manager button to proceed.

  16. You are returned to the Online Editor.

    Note that the file you created appears in the list, including the date the file was created (or modified).

 

Previewing Your Web Page

Once you've created your web page, you can preview it in either of two ways:

  • Click the View link just to the right of the file name and the file will appear in your browser screen; or,

  • You can use the Preview button (in the HTML Editing Controls section) to preview the web page. Note that the Preview button can also be used to view any file that you place, create or edit on the RootsWeb server.
  1. In the Online Editor, click to select the file that you want to preview.

    Click the button to the left of the file name. If you have only created one Web page (your first), the file should be named index.html.

    Chhose File Diagram

  2. Click the Preview button.

    The Web page that you selected in step #1 appears on the screen.

  3. Click the <b>Back</b> button on your browser to return to the Online Editor.