5- Creating a webpage

Creating a webpage is a basic skill of a good Content Manager. This step is different for different website platforms; it is very easy in Google Sites. In this lesson you will learn the steps in creating a sub-page under the new page called Center Locations (click Center Locations in the left navigation panel), and in inserting a sample Google functionality in that sub-page.

If there are two or more participants in this CM Training Course from the same Regional Center, they must perform this lesson together. Pay careful attention to the detailed steps below so that you can get them right.

What to do: (May 30 - June 5, 2016)

1. Access the page Center Locations in a new tab so that you can go back to this tab (5- Creating a webpage) any time and flip back and forth between the two tabs. Hold "Ctrl" while you click HERE to create the new tab to Center Locations page.

2. Make sure you are in the Center Locations page. You can go there also by clicking "Center Locations" in the left navigation panel. This is where you will learn how to create a new sub-page.

3. Click the "Create page" icon (see Figure 5.1). DON'T do this in this page (5- Creating a webpage). Do it in the Center Locations page.

   1. Figure 5.1

1. A dialog box will appear (Figure 5.2). Perform the next three steps there: (red Arrow 1) Enter the acronym of your regional center in the box "Name your page", e.g. LCSF or CSU; (red Arrow 2) click the bullet next to "Put page under Center Locations" so that the black dot will be transferred there instead of next to "Put page at the top level"; and (red Arrow 3) click "Create".

   1. Figure 5.2

1. After clicking "Create", your newly-created page will appear ready for editing. Make sure that you are using our standard Verdana font and font size 10 (red arrow 1 in Figure 5.3). Enter in the text box for the page (red arrow 2 in Figure 5.3), easy-to-understand directions on how to reach your center from the municipal/city hall of the local government where it is located, from the nearest metropolitan center such as Metro Manila, or from the nearest airport.

   1. 1. Figure 5.3

1. You are now ready to insert a Google functionality in your newly-created page. You will prepare a Google Map to your center's location. Enter two spaces after the text you entered in Step 5; this is where you will insert the map (red arrow 3 in Figure 5.3). Remember that you are still in Edit Mode because you have not yet clicked the blue box "Save" at the upper right (you will do that later).

2. At any time while you are editing a page, you can click "Save" and see the result of your work. You can re-enter Edit Mode by clicking the Edit icon at the top (the icon shaped like a pencil).

3. Click "Insert" at the upper left corner of your edit screen, just below your center acronym. A drop-down menu of various choices of Google apps and gadgets will appear. Google indeed offers much variety of functionalities to use in your Google Sites page. You can insert a Google document (worksheet, presentation or text document) in your webpage, but you must first create the Google document. We will learn to do this in the next lesson.

4. Click on "Map" (red arrow 1 in Figure 5.4).

   1. Figure 5.4

1. After clicking "Map" a Google map of the world will appear. In the box "Enter a location" type your city or municipality and adjust the map to show the location of your center. You can zoom in or out using + and -. You can move the location by holding the left click button of your mouse and moving it anywhere. Once your regional center and nearby streets are visible on the map, you can click "Drop a placemark" (red arrow 1 in Figure 5.5) and click on the map where you wish to place the red placemark. Once dropped, you can adjust the position of the placemark by grabbing it (holding the left click button of your mouse) and adjusting its position. A sample result is shown in Figure 5.5. If you are satisfied with the location of the placemark, click "Select" (red arrow 2 in Figure 5.5). A dialog box will appear (Figure 5.6).

   1. Figure 5.5

• 1. Figure 5.6

1. Type the name of your map, e.g. the name of your regional center (red arrow 1 in Figure 5.6). Click "Save" in the dialog box.

2. You are back in Edit Mode of your newly-created page. Click "Save" at the top of the edit page.

3. Congratulations! You have learned to create a page and insert the map functionality in the page.