02 - Adding images to your web page
In our last tutorial, you learned to use the Site Manager to maintain your web pages, and to use the Page Editor to create your first homepage complete with menu links. Now I'll show you how to add images to your home page. So far your homepage may look something like this:
A web page with purely text content can appear rather dull. So to make it more interesting to look at, you would consider adding appropriate images to the right places on your page. There is nothing complicated with adding images using the Google Page Creator. Let's start by opening up your homepage in the Page Editor by just clicking the homepage you previously created. In my case I click the page entitled Steve's Personal Website and we will now be in the Page Editor with that page ready to be modified. Before we insert an image, you should have an image somewhere on your computer where you can tell Page Creator to get it from. If you do not have one ready, now is a good time to pause to go select an image for this purpose. And if you do not have any image at all, for the purpose of this exercise, just save an image from any webpage you visit, by right button click on the image that you want and from the menu select Save image as ( on the Microsoft Internet Browser it reads as Save Picture As ) and then tell it where you want to save the image. Make sure you save it in an easy to find location so that you can locate it when you need it later in the exercise.
For illustration purpose, I am going to insert a logo on the right column where the menu links are. I'll place it right above the menu links. First I'll place my cursor at the beginning of the first menu item, which in this case is My Blog and hit the Enter key once. This will bring the menu links down by one line. Next I place the cursor back to that empty line we just created and click once. That will leave the cursor at that spot. From the tool-bar, click the Image button. You will get the Add an image window as follows:
We need first to upload (send ) your image file to the Google site where your website is located. To do that click the Browse button, and you will get the File Upload window. Navigate to where you store the image that you previously saved and select that image and click the Open button.
Once the image has been uploaded, it will now appear in the Add an image window for you to select. Just click the image and then click the Add image button. In case you would like to delete the image that you have previously uploaded, just return to the Site Manager and on the right hand side you will see a box with the title Uploaded Stuff. Just lick the trash bin icon next to the image you want to delete.
The image will now appear in the location where you previously placed the cursor, as show below:
At this point you can resize the image by clicking the drop down button for a list of the sizes available. In this case, we'll select the small size. The image will now appear smaller than the original. Of course if you want the original size, just select Original Size. You may also crop the image, or change the brightness by clicking the Show more tools link. Feel free at this point to experiment what you can do with the image you have just pasted on the web page. Now if you click any where else on the page, the image editing options menu will disappear. To make it reappear, simply click the image once.
To move the image around the page, just click on the image and hold down the mouse button and drag the image where you want to move it to, and then release the mouse button when you are done with the moving process. Give that a try, move the image up or down or to the left or right. What if you want to remove the image from the page? It is simple enough. Just click the image and from the editing menu, select Remove.
You have now learned successfully to add an image to your web page. You can now add more images to the page but do not over do it by clogging your page with images and pictures. That could have a negative effect on the viewer sometimes.
Next we'll look at adding links to the text content on your web page as well as creating new pages.
Post new comment