If you have trouble editing the content of your website conceder the following suggestions:

• Are you using a compatible browser? – Internet Explore
• Are your cookies disabled?  Are your security settings set too high?

Security and Privacy settings should be set to Medium.  These can be changed
by clicking on the Tools menu of Internet Explorer, then selecting Internet Options,
and going to the Security and Privacy tabs (if applicable) and adjusting the slide      bar.

The My Site feature consists of five sections: My Web Pages, Catalog, Discount Codes, Appearance, and My Files.

My Web Pages

This area allows you to create and edit your website’s look and feel, as well as adding and managing individual pages. There are 7 different page types available in the Web Center. These are: Main, Catalog, Form, Protected, Contact, Checkout, and Custom

Adding a Page

To add a page, simply follow these steps:

1. Click on the ‘New’ button located in the menu on the right, and the following will appear:

There are five page types you can choose from: Custom, Contact, Main, Form, and Protected. The Custom Page gives you a ‘blank’ page to customize according to your needs. The other pages are preformatted for specific purposes. The ‘Main’ page has a ‘home page’ style format, while the ‘Form’ page provides you with a form your customers can fill out.  To add a page, follow

2. Select the Page Type from the drop-down menu
3. Enter the title of the page
4. Enter the title of the page as it will appear in the link of the browser’s address bar.
5. Click ‘Create’

Rename a Page

To rename a page, simply select that page from the list, and click ‘Rename’ in the right-hand menu. The following pop up will appear:

Simply edit the information, and click ‘Save Changes’. To cancel and return, simply click ‘Don’t Save Changes’.

Changing a page’s location

The ‘My Web Pages’ page also controls the order that the pages are displayed on your website. To change your page order:

Step 1. Select the page you would like to move from the table.

Step 2. To move the page up, select the “Move Up” tab in the right menu.

Delete a Page

If you no long which to use a certain page, you can simply delete it. To delete a page, select it from the table, click on ‘Delete’ in the right-hand table, and confirm the deletion by clicking ‘Yes’ in the Delete Confirmation popup.

What Pages Should I Use?

When managing your website, much of the hard work is already done. We have “pre-designed” web pages for you in order to simplify the management of your site.  For instance, you can choose to add any or all of the following pages (depending on what’s best for your small to medium-sized business):
 

• Main
• Catalog
• Form
• Protected
• Contact
• Checkout
• Custom

When you choose these pages, they have been formatted so that you can go into and add the content that best represents your objectives. Later on in this overview, we will review some of the specific pages and how to edit them.  You also have the option to choose the “Custom” page that allows you to choose the design and layout on your own.  Before we move on we will review how to use the Text Editor—the main tools for managing and designing your web pages.

Optimizing your web site for multiple monitor settings

There are two common monitor display settings used by most website visitors.  The way your website appears on their computer screen depends on whether they have their display settings set at (1024 by 768 pixels or 800 by 600 pixels).  To accommodate both common display settings you should keep your website content from exceeding the page boundaries. 

1.      If a scroll bar appears at the bottom of the text editor you have exceeded the page boundaries.

2.      Reduce the page size by moving the content on the page towards the left.

When the scroll bar disappears, you are within the page boundaries and your website will fit in all common display settings.  This prevents your website visitors form needing to scroll over to view all of the content on your website.

Edit a Page

To edit a page, select the page from the table, and click on ‘Edit’ from the menu on the right. If the page is preformatted (Main, Catalog, etc.), then a page will appear where you can modify the pre-selected fields. To modify a Custom page, or to make more advanced modifications to all pages, select the ‘Click Here to Modify the HTML’ button found on the edit page. This will take you to the Text Editor, which is discussed in detail below.

Text Editor

The Text Editor allows you to customize and modify virtually any aspect of any page. There are two views to the Text Editor: Normal and HTML.

Normal- The view of your text editor is Normal. This displays a close approximation of that your text, paragraphs, etc. will look like when displayed on your website. The final appearance varies depending on what browser your customer is using (web pages appear differently in Netscape and Internet Explorer, for example).

HTML- To view HTML (the code that tells a browser how to display the page), click on the HTML tab at the bottom of the window. If you are a more advanced user, you can actually add HTML to these pages to get the desired effect you would like with your website.  To return to the normal view, click Normal.

Also, click on the Preview tab to see how the page will look like on your website.

To install a Flash page: An HTML document (.html or .htm) would first need to be created with the Flash code embedded and then uploaded to your Media Library.  Then a link to the HTML document would need to be placed on the website page(s).

 

SAVING AND UPDATING YOUR WEB PAGES

When you are making changes, additions or updates to your page it is important to note that the changes will not be made UNTIL YOU CLICK ON THE SAVE BUTTON AT THE TOP RIGHT OF EACH PAGE.

HTML / Text Editor Help

Text Editor Features

When working with the text editor, you have both regular and HTML mode for making

changes to your web site. The following features are available in regular mode:

Change Text Appearance (bold, italics)

Bold - Highlight the word to be bolded and click

Underline- Highlight the word to be underlined and click

Media Library – Load and store your own images or use one of our 2400+ images to enhance your website

Italics - Highlight the word to be italicized and click

Color - Highlight the word to have a new color. Click . Select the desired color. Click OK.

Size - Highlight the text. In the Font Size dropdown list, select the desired      font size.

Style - Highlight the text. In the Font dropdown list, select the desired Font
Background - Highlight the text. Click Background Color . In the Select Color dialog box, select the desired background color. Click OK.

Links (hypertext)

You can highlight a word or image and have it link to another of your web pages or even

link to another catalog or website; perhaps another business you've partnered with.

1.      Highlight the word's or image you want to link to another web page.

2.      Click Link . This opens a dialog box.

3.      In the Link Text box, enter the exact web address (URL). (Example: http://www.mypartner.com). Click OK

Advanced Mode

Clicking on Advanced displays the Advanced Toolbar. The following features are available in advanced mode:

Cut, Copy, and Paste Text

Highlight the text you want to move or copy, click the appropriate cut, copy, or paste icon's.

Absolute positioning?
In its simplest use, absolute positioning means that an element's box is removed
from the normal flow and placed somewhere in the page, as specified by a
handful of properties.  An absolutely positioned box says goodbye to all the
other boxes and just goes and sits somewhere on its own, not bothering them at
all. Objects appear in the editor when using absolute positioning will be different than how they actually appear when looking at the web page.  Trial-and-error will be necessary to properly position objects to conceal other objects.
       (Source:  www.webreference.com  -  Tutorial 18: CSS Positioning, Part 1)

Formatting Paragraphs

1.      Numbering paragraphs
:Highlight the paragraphs you want to have numbered. Click

·        Adding bullets to paragraphs:

Highlight the paragraphs you want to have bulleted. Click

Indent an entire paragraph:

Highlight the paragraph you want to indent. Click

Decrease the indent by clicking

Table (creating, adding to, deleting)

Use tables to help align text or figures. You can enter a table, add rows or columns, enter text, merge cells, split cells, and change the appearance (properties) of the table.

Insert a table

1.      Click where you want to insert a table

2.      Click Insert Table

3.      In the Enter Table Information Web Page Dialog box, enter the desired number of rows and columns. You may leave the default settings for border, padding, spacing, or enter new numbers. If you desire a caption, enter the title or name of the table in the caption box.

4.      Click OK

Entering text into a table

1.      Click in the first cell.

2.      Type in the data.

3.      Move to the next cell using the Tab key.

Split a cell
·        Click in the cell you want to split into 2 cells, click Split Cells

Merge cells together
·        Highlight the cells you want to merge, click Merge Cells

Insert a new column
·        Click in a column, then click Insert Column 

Insert a new row
·        Click in a row, then click Insert Row

Insert a cell
·        Click in a cell, then click Insert Cell

Delete a cell
·        Click in the cell, then click Delete Cell

Delete a row
·        Click in the row to delete, then click Delete Row

Delete a column
·        Click in the column to delete, then click Delete Column

Undo and Redo
·       Undo lets you relax while working with the text editor. If you just did something you want to undo, click the undo icon.  Click Undo to undo the last action.  If you later decide you didn't want to undo changes simply click on the Redo button.