<<

Make a good looking website! (part of the WCPSS Sites Google Apps suite) WCPSS Google Sites is a website design app that requires the user to know very little about coding to create a polished website. If you have previously Required Knowledge Helpful Knowledge used your WCPSS email address to use Google Apps, Lorem Lorem Basic MS Windows / PC operation Previous MS Office experience you may have conflicts the Lorem first time you login. Lorem WCPSS Google apps login Knowledge about hyperlinks

(username = email, Basic web browsing techniques Consult our Media Center password = six digit employee #) ! to help you through this! First, login to your WCPSS . Navigate to http://google.wcpss.net through a web browser (Internet Explorer, Chrome, Firefox). Follow the “Google Apps” login link on the left. This is also your portal to all the other useful Google Apps available to you through WCPSS. Click Google Sites at the bottom.

Here you’ll see a list of sites you’ve created. You’ll see I have a couple of sites created, but you likely won’t have Ignore the large template/ any sites listed (since you haven’t created them yet!). gallery buttons at the top.

Type in a name for your site. For instance, “Mr. Martin’s Class.” In this tutorial, we’ll use “Art 1” as our name.

Next, choose the address of your website (the URL that visitors will access your website through). Think simple! This is the address you’ll give out so visitors can find you.

Next, click “select a theme” and So, let’s click the “Create” find a template you like. button and make a site!

Let’s pick “Open Sky” in the top row of choices. Once you’ve completed these initial setup steps, click the red “Create” button at the top of the page.

You’ll now be presented with your website. You can see it’s currently a very simple one page website.

You don’t need to choose any of the “Other To continue, we’ll use the Options” below the theme choices. editing items at the top of the page. To edit the page, click the pencil icon button. This temporarily converts your view to “edit mode,” permitting you to change text or add items.

Click in the area that says “Home.” Delete “Home” and type in a title for this main page of your website. Let’s type “Welcome to Mrs. Smith’s Class.”

Below that is a text box you can type information in. Let’s make this area a running list of homework assignments. Go ahead and enter some sample homework. You can alter text properties (color, font, etc) using the bar at above your page.

Click the blue “Save” button at the top when you’re done making changes.

. Next, let’s create a second page for our website.

To add another page (you can add as many pages as you like), click the “Add Page” button at the top.

Again, you’ll fill out information about what you want this page to be.

Let’s name this page “Course Information.”

You likely won’t need to alter any of the further options.

Click the red “Create” button at the top to create this second page.

Here we can leave “Course Information” as the title.

Go ahead and type “Here you’ll find useful information about our class,” in the text box below.

Let’s add our course syllabus to this page. We’ll use the “add file” option.

Below the text boxes is a button that says “Add file.” Click it, and find the document you’d like to add. For today, any document or file will work.

Once selected, it will take a second to upload - and then you’ll see your document listed. Now, grab hold of the file title and drag it up into the text box under the sentence we wrote. You’ll notice that the name of the document is underlined, which signifies it is a link. So, your visitor will click that link and the document will open. You can add as many document (file) links as you wish.

Next, let’s add a link to another website. Up at the top of the page, click “Insert.” You can see lots of things you add to your webpage. Let’s choose “Link.” Do take note of the other items - you can insert things like images, charts, or YouTube videos.

If you’re trying to link to another Google Sites website, you’d enter the address into the “Sites page” box.

But, we’re going to link to an external website, not on Google. So, click the second option on the left, “Web address.”

“Text to Display” will be the text that your visitor clicks to follow the link. Type in “NC Museum of Art.”

Below, type (or paste in) the address. Type in “www.artmuseum.org,” which is the address of the museum’s website, into the “Link to this URL” box. Click the red “OK” button to add it to our web page.

Here you see the text is underlined, indicating a link is present.

From there, you continue to add as many pages as you like (for instance, one page for each of your classes).

Finally, we need to enable the website so others can view it. Click the blue Share button.

This is the address you’ll give out so visitors can find you!

By default, only you can view the website. Click “Change” to alter this. Choosing “Public on the web” will permit anyone in the world to view your site. There are other sharing options available here, such as settings that would permit multiple teachers to edit the same website.