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.


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.


    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">

    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.

    home naia at work member page editor tutorial

    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. Also, you can print this tutorial out (click printer icon at bottom of page.)

    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 - that's the purpose of the color-coded demonstration below. 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 practice on.
    User: test
    Password: LZ58GK


    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 might 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. To change the text you'll be messing around in the HTML. In this tutorial, the blue text demonstrates what should not be disturbed. Green text demonstrates a comment to help you find your way around (comments are visable in the HTML code but not displayed by web browsers). Text is colored in this tutorial only. It will not be in the editor. Black text demonstrates 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>Your Name<font color="#3333FF">


    " width="235"height="400" alt="Your title

    Mixed media painting on canvas.



    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.

    Any suggestions on what I should include in this tutorial? Please .

    site map sitemap
    home | naia at work | resources | our members