Webpage creation

Your Digital Portfolio!

A digital portfolio is a collection of artifacts of learning that demonstrates growth, acquisition of skills or knowledge, and student creativity over time. 

 What is a "Digital Portfolio"?

Here are some examples of  Graphic Design website1 and Website 2 (digital portfolio)

The following is an outline that guides the general process of creating a new website using Google Sites:

1. Sign into Google Account

In top right corner, select the nine dots to bring up the Google Apps

Select “Sites” button

2. On the new page, select “Blank” site (illustrated by a white box with a plus sign in it)

3. Title your SITE

In the top left corner, label your site name; this is the name that is for your entire site, therefore should be the company, subject, or class for which you are designing the site. 

4. Design your Site Aesthetic (how everything looks)

Choose images and fonts that work well together and that represent YOU :)

General themes can be found in the Themes area of the site (on the right of the page)

OR you can choose your own images to upload for the banner

5. Name your HOME PAGE

In the top middle area, give a name to your Home Page by clicking in the box

To make changes to the font, size, effects, etc. change the options in the pop-up box where you are typing

6. On the home page, write a bit about yourself by answering the following:

What is your name and 3 favorite things

What grade are you in, and what is currently your favorite class at Summit

If you had to choose a type of art that you like, what would it be AND why  (music, ceramic, painting, drawing, dance, performance, sculpture, vocal, digital, etc.) 

What do you hope to learn/ get out of this class?

7. Add an Image Carousel to your home page

Find 7 images on the internet that you like of that represent ou in some way

Save them as JPGs and upoload them to your carousel

8. Add pages to your site:

On the far right side of your browser window, you will see an area with tabs labelled, “Insert Pages Themes”

These are the tabs you will use to add text and pictures in the pages body, add new pages or change the order of pages on the site, or choose different themes and styles to the entire site.

Select the “Pages” tab

8. 1. 1. At the bottom of the pages tab, select the “+” (plus) button

      2. Give your page a name in the pop up box provided

The project names are: PhotoPea Worksheet

Digital Collage

Elements/Principles

(We will be adding more pages as we complete projects to post.)

8. 1. 3. Click done after each page

      4. You will then be navigated to this new page to edit and add content as necessary

      5. Be sure to add pages from the HOME PAGE each time!!

9. To PUBLISH your site:

Select the Publish button in the top right corner

In the pop up box,  review your URL - it should match your site name

Select Publish (again)

10. To check your site, click the View button that appears at the bottom of your page after you have selected Publish

11. To edit further (after publishing):

Select the pencil button in the bottom right corner

12. To share your site (LINK):

Enter EDIT mode

Select the LINK button 

Copy the URL

Paste where you would like to share it (Google Classroom Assignment)

FOR LATER:

1. Edit Content on individual pages

   1. Navigate to the page you would like to edit by selecting that page in the “Pages” tab to the right of your browser window

   2. Select the “Insert” tab

   3. In this column, there are many options to explore

      1. To Add text:

         1. Select the Text Box button

            1. You can edit your font, size, effects, etc. by changing the options in the pop up box when you have the text box selected

      2. To Add images:

         1. Select the Images button

            1. You will either be able to upload from your computer or select from images/animations in your Google Drive

      3. To Embed links:

         1. Select the Embed button

            1. You can either copy and paste the page URL to which you would like to link an external page or video OR

            2. RECOMMENDED: You can embed code by copying and pasting the page HTML code (this option is more consistently functional)

      4. To add from Google Drive:

         1. Select the Drive button

            1. Select the folder, file, document, presentation, etc. that you would like to use

      5. To Change page body layouts:

         1. Select from the layout options (six options available) 

            1. The mountain symbol is a placeholder for images/animations

            2. The lines are placeholders for text

      6. To add other miscellaneous:

         1. Select one of the other options at the bottom of the “Insert” tab and edit accordingly