Your web page is divided into 3 columns. Originally, all teachers started with the same 2 Window areas and 4 basic components. Navigation buttons (Touts) are specific to different sections of the website. These cannot be modified by the teacher. The middle section (Window 1) is the widest section of the page. It is usually 450 pixels wide. The right column is great for your links and downloads. It is normally 220 pixels wide. It is best to resize pictures before uploading them. Knowing the column width in pixels will help you when you are trying to determine how big you want your picture to be. Pictures placed into the middle column (Window 1) should be no larger than 450 pixels. Pictures placed into the right column (Window 2) should be no larger than 220 pixels. Updated on October 31, 2011 1
Collect your Pictures You can get pictures or clipart from the internet, or you can take pictures and upload them into iphoto. Save your pictures to your desktop or into a folder on your desktop. Simply drag and drop pictures from Safari or from iphoto. They should end in:.jpg.gif.png Resizing your pictures Double click on the picture on your desktop to open it in Preview. Then go to Tools and down to Adjust Size.... Updated on October 31, 2011 2
Change the inches setting to pixels. Remember Window 1 is 450 pixels wide Max. and Window 2 is 220 pixels wide Max. Change the width to a size that you think will be good for your window size and click OK. Now go to File and down to Save As.... Save it with a unique name to you. If you save it with the pixel width in the name you will know what size it is if you want to use it at other times. Updated on October 31, 2011 3
Window 1 contains the Text and News components. Window 2 contains the Links and Download components. Adding Pictures to the Text Component Click on Window #1 Content. then... Click on Edit This Page Component in the Text Window area. Updated on October 31, 2011 4
Fill out the Title, Sub-Title and Window Text area. Make sure you have your name, email address and voicemail number somewhere. To add a picture, click on the Choose File button. Navigate to your picture and click Choose. Your picture file will now show here. You can choose to place the photo on the left, center, or right side of the space. Updated on October 31, 2011 5
Click Save. And your Text Component now looks like this! Updated on October 31, 2011 6
Adding Pictures to a News Article You have to first create a New News Article by clicking Add a New News Article. Complete the different sections and save it. Once the article is saved, it will show in the list as shown below. Click on the saved article to open it. You will see these new tabs appear. As a Thumbnail Image Click on the Images tab and you will see this window. Updated on October 31, 2011 7
There are 2 ways to add an image to a News Article. You can add a Thumbnail Image or you can add an Embedded Image A Thumbnail Image is small (no larger than 100 pixels) and shows on the main page. Click Choose File and then navigate to your picture and click Choose. Then click Save. Updated on October 31, 2011 8
This is how a News Article with a Thumbnail Image would look. You can add an Embedded Image instead of a Thumbnail Image. Embedded Images can be larger (up to 300 pixels). Click Choose File and then navigate to your picture and click Choose. Then click Save. Updated on October 31, 2011 9
This is how a News Article with an Embedded Image would look. You would have to click on the...click for more to see the image. You would then click on the Back button to get back to the main page. Updated on October 31, 2011 10
Adding Pictures to the Links Area Once you are in the Edit Links area, you will need to create a new link. Click Choose File and then navigate to your picture and click Choose. Then click Save. The link you just created will now work when you click on this picture. People will look at pictures before words so it is a good idea to use pictures as your links. Updated on October 31, 2011 11
Adding Pictures to the Downloads Area Once you are in the Edit Downloads area, you will need to create a new Download. Click Choose File and then navigate to your picture and click Choose. Then click Save. These pictures appear beside your Download title. I made the picture for this illustration only 50 pixels wide. Here is the finished product! Updated on October 31, 2011 12