Well, congratulations! If you are here, you have been to your new page editor and are ready to try your hand at webmastering. Please read this entire tutorial before attempting to make changes and remember the cardinal rule of computing: BACK UP YOUR FILES! In fact, I'd suggest you "mirror" your page - download every element (four big images, NAIA logo, your thumbnail on to your harddrive so you can play around offline.

It may be handy to "File/Open New Window" and switch back and forth until you get the hang of it. This editor will allow you to edit the text content and replace images on your page. You will be working with raw HTML so be careful editing anything you're not sure of. One "." out of place can play havoc. I'd suggest leaving as much of the code alone and original as possible - this webmaster will be out of the picture as soon as changes are made! I do have a copy of the original, though, if worst comes to worst. PLEASE! Keep the Member Gallery consistant! Do not change the general look of the pages! If you get excited about the possibilities it's time to construct your own website.

To see the changes remember to reload or refresh your browser after making the changes to either pages or images.

Like to test drive an editor? Here is a test page to work on.
User: test
Password: LZ58GK

SOME TIPS:

The large work images in all the pages should not be larger than 400 pixels in any dimension. Images should have the correct height and width attributes or the text will be forced to wait until all images are loaded before displaying. Some people will leave before that happens - you want visitors to have something to read until images load. The thumbnail image is named "firstname_lastname.jpg".

So, when you want to replace an old image with a new one, simply upload that image, named the same as the original, into your directory. It will overwrite the old one. Blue text should not be disturbed! Green text is a comment (visable in the HTML code but not displayed by web browsers) to help you find your way around. (Text is colored in this tutorial only. It will not be in the editor.) Black text is what you may edit.

Starting at the top of the page, what follows are the sections you may be editing. It may vary a bit and I've left out some sections that are self-explanatory but you'll soon get the idea.


</font>Firstname Lastname<font color="#3333FF">


Name

You'll come to a large section that holds most of your text - statement, galleries, shows, bio, etc. It begins at this comment:

They will contain several formatting tags, most importantly the paragraph and the list. Both have starting tags and ending tags, i.e.

and

for a paragraph. Lists () are similar except that each item in a list also has a beginning and ending tag, i.e.
  • and
  • . All the text formatting (size, color, etc) is handled by a built-in "Style Sheet" that cannot be edited.

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.Ut wisi enim ad minim veniam, quis nostrud exerci tation.

    EDUCATION


    As you can see the first was a simple paragraph, the second is a list with two items with a paragraph header (EDUCATION). Using the same formatt, you can add lists of galleries, shows done, collections, etc. I already have a few lists that you can edit or, if not needed, delete.

    Next is the contact information section. Not too hard, huh? Remember to change the two website URLs if you  have one - delete any lines you don't need.



    City, STATE

    Home: 555-123-4567

    Work: 555-123-4567

    Fax: 555-123-4567

    Website: " TARGET="_blank">www.MySite.com

    The next email section is a little intimidating but all you need change are two things you're probably very familiar from your email address - but it's important not to touch the rest. This is Javascript that protects your email from spam robots. Remember, green text are comments, blue is non-editable code.


    Next are the four large images, all similarly formatted so this example should do. Remember to edit the image sizes for each. You call name the images anything you wish.


    " width="235"height="400" alt="Your title" border=0>                                 


    Mixed media painting on canvas.

    49"x37"

    2003

    And finally! The photographer's credit if you want, otherwise delete this section.


    Photography by So and So.

    The best habit you can develop is to, while in the editing text window, "select all" and "copy" your original page HTML into a text editor. Then you can experiment - you will learn alot this way without wrecking your page. Simply upload as, say, "index2.htm" instead of "index.htm" and view the results in your browser by clicking on the file while in the editor page. You can also make changes in the editing window and save the file directly with a different name. If you have an HTML editor you can use that to play around after saving all files (including images) into the same folder on your computer. Keep a copy of the original page (index.htm) so in the worst case, you can revert...assuming you haven't changed image names. The formatting "Style Sheet" is not editable and will not show up when working in your HTML editor though.

    Back to originating page.