To begin a new page for your Web site, you are going to use one of your current pages as a template. In Contribute, go to one of your pages that you think will be the most similar to the new page you will be building. We are going to copy this page and make it into a tempate for your new page. Here's how:
Select "File", "New Page", then "Copy of Current Page". You will be prompted to enter a title for your page in the "Page Title" box before going any further. This is important because of several things. This is what helps the search engines find your page, and also what users will see at the very top of the browser (in the blue part). After entering your title, select "OK". See below:
From here, Contribute will make a copy of the page for you to begin editing. See below:
Deleting
Now, let's delete the image from this page. Highlight the image, select "Edit", then select "Cut". This will remove the image from the page.
See below:
Editing/updating and creating new text on your page.
From here, you can delete the body of the text and start over, or use the current text as your template and type over it to create new text. Your font choices come from the pull down menu on the very left side. The body of the text should ALWAYS be "main_text. This will keep your page consistent with the UT Tyler look. In addition, the titles are mostly title_text_orange2, like below. You do have style choices for small items, so you can have variety in your pages.
See below:
Copying text into your page:
I will not demonstrate this here, but you can also simply copy and paste text from other documents like Word. Simply copy your text from Word, then highlight the area you want to past it into in the body of the page, and select "Edit", then "Paste". It is important that then you highlight the text again, and select 'main_text' from the pulldown style sheet menu to give the proper font style to your text.
Adding Images:
Now lets add a new image to your page. Select the "Image" button, then select "From My Computer" to add an image you have stored on your computer.
See Below:
You will then go through the directories on your computer until you are in the directory where you have the file you want to add. You then will highlight the file you wish to add, and then "select".
See below:
Once the image is selected, you will then be prompted to add an "alt" tag to the image. This is very important, and we are required by state guidelines to include these. It is a description of your image that will be used by users who are not able to see the image, or have the images turned off on their computers, so you want the description to be short and descriptive of what your image is. NOT "image" or "picture".
See below:
We have now added our photo.
See below:
At this point, our photo is much too large for the page, and also needs to be cropped. Contribute includes all the basic photo editing tools necessary for you to edit your images. For example, lets RIGHT CLICK directly on the image, select "Edit Image", then select "Crop".
See Below:
From here, you can drag the corner of the crop tool to the size you wish, then move it to where you wish to place it on the picture. Repeat this until you are happy with your results.
See below:
Once you are complete, select the "enter" key on your keyboard. This will crop the image. Now, we can resize our image to make is smaller on the page. (Never go larger, this will distort the image, only resize if you wish to go smaller). Again, you can "Right-click", then select "Resize".
See below:
You will be given another tool around your image. You can grab the corner of the tool, and drag it to the size you wish for the image to be. That's it! You have resized your photo! If you are not happy with the size you create, then select "Edit", "Undo" and start again.
Next, we are going to align the photo on the page. Again, we are going to "Right-click" on top of the photo. Select "Align", then "Left". This will align our photo to the left side of the text for a nice, professional look.
See below:
You can also use more tools by using the "Right-click" tool to add space around your photo. "Right-click" and select "Image Properties", then you can put a number in the Horizontal padding box. I like to use anywhere between 2 and 5. See what you like. This will put a little space between the photo and the text. You can also add a small border around your photo here by putting the number 1 in the "Border" box. In this area, you can also change your "alt" tag. Play around with these settings to see what you can come up with.