Website When Time - As Of April 1

1a. Wedding stuff redo with a few pages

1b. Change left pics to fit catagory

1c. Pics for batcave

1d. Video for wedding / show / other

1e. Day of Event - To e-mail propsects

2. Contract Explained???

3. Posters / Flyers On-Line

4. Pictures to go with testim

 

Site Design and Layout

This page covers how to use this web site design and layout.  Read it before you add pages or add content to understand how it works and so that you do not make mistakes that can render the site slow to load or make the site project lock.

Master / Child:

The site is built using a Master page.  You will find the master page at the far right in site view.  Any new page must be added by "cloning/copying" the master page.  Do not use CTRL + N or the new page icon as you will not get a usable page unless you make a copy of the master page.  Once you make a copy of the master page you can edit that copy as you wish.  You will want to present a consistent theme so think before you start changing the look/feel of the design.  All pages should be consistent so that the site visitor is presented with similar pages.  If you need a different looking page (one without the left side images).  You can use MASTER2 or you can use CTRL + N or the new page icon and construct something that fits your needs.  Any new page created using CTRL + N will NOT have the left side images and it will NOT have a text box for content input.  You will need to draw a text box using the Text Tool before you can add content.  The text box will be transparent and you will need to set the background color to white (other wise you will have black text on a black background).

Adding Pages:

  1. Go to Site View
  2. Click on the page named MASTER (at the far right)
  3. Press CTRL + C (hold control key press C key)
  4. Press CTRL + V (hold control key press V key)
  5. A copy of the Master page will be created directly under the original Master page.
  6. Give the new page a one word, lower case Name in the Page name input box
  7. Enter a descriptive title for the page in the Page title input box (take a look at the other page titles for hits)
  8. Press the Custom Names button. Enter a 1 or 2 word description in the Navigation Button input box)
  9. Drag and drop the new page to the location you wish it to be located at in the site structure

Adding and Formatting Text:

The pages are pre-set with a text area.  To start adding text, double click within the white text area to enter edit mode and start typing.  There is no need to do anything extra, just double click and start entering text.

The site uses CSS for all text formatting.  ONLY use the predefined CSS tags (P and H1 - H6) for text formatting.  DO NOT change the font size or color on the text properties palette.  If you wish the text to be a different size or color, change this in style view.  Changes made in style view will be global (site wide on all pages). If you need to use a special size, font type, or color.  Make a pseudo class and then apply that to the block of text you want to change using the Style dropdown box.  The only inline formatting you should use is Bold, Underline, Italic, and the controls listed within the Paragraph block in the text properties palette (ordered/unorderd lists, left, right, and justified positioning).  Anything else should be created as a pseudo class and applied using a span or div statement.

The text formatting provided is only a starting point.  If you do not like the font, size or color.  Go to style view and change it on the paragraph and the 6 header tags.  The change made there will effect every page with text (it is a global change).

Adding Images:

Images need to be properly sized using a graphic editing program before placing them on any page.

The left side bar images are 230 pixels wide.  Any new image you wish to add needs to be made 230 pixels in width before it is added.

You should determine the size of an image used within the text input area before you place it.  You need to "pre visualize" what you want to end up with then create the image of the proper size before placing it on the page.

Correcting mistakes:

Everyone makes mistakes, forgets to resize an image and the page "blows up". Accidentally add too many menu items and the menu goes off the side.

If you make a mistake.  Stop.  Press CTRL + Z which is the undo button.  Your last action will be removed.  You can use CTRL + Z to step back through all changes that have been made.  If you whoops and remove too much the re-do (remove the last undo function) is CTRL + Y.

Undo and redo will only work as long as you have not left the page you are working on.  If you make a mistake, then go to site view and come back.  The undo / redo history is reset.

Menu:

The menu uses the custom function.  Read these pages to understand how to add and remove pages from the menu

http://www.gotfusion.com/tutorials/tut.cfm?itemID=4073
http://www.gotfusion.com/tutorials/tut.cfm?itemID=4074
http://www.gotfusion.com/tutorials/tut.cfm?itemID=369

Publishing the web site:

ALWAYS do a local publish to your computer before uploading content to the live web site.  ALWAYS test all new pages and changes on your local computer before you upload pages to the live web site.

Last but not least:

If you have a question.  Ask.  It is easier to ask a question then it is to rebuilt a mistake