- \n
- It\u2019s free and it\u2019s easy to create. You don\u2019t need to know any web coding.<\/li>\n
- You can collaborate with other users or create the website solely.<\/li>\n
- It is integrated with other Google Apps and tools so you can easily share video, photos, presentations, or calendars.<\/li>\n
- Your site is stored on Google\u2019s servers.<\/li>\n
- 100 MB of free online storage.<\/li>\n
- Faculty and students can use Google Sites to create a professional ePortfolio.<\/li>\n<\/ul>\n
\nMany instructors utilize Google Sites for the creation of ePortfolio<\/a> assignments, though a site can be used for the purposes of blogging or other tasks as well.<\/p>\n
What is an ePortfolio?<\/h3>\n
- \n
- A collection of digital files (artifacts) that are shared electronically for the purpose of reflection, comment, and evaluation.<\/li>\n
- It\u2019s quite simply a website that enables users to collate digital evidence of their learning.<\/li>\n
- ePortfolios contain a wide range of digital files, including but not limited to, text or PDF documents, videos, sound files, images, and links to other websites or online resources.<\/li>\n<\/ul>\n
<\/p>\n
Getting Started<\/div>\n\n\n- \n
- Go to sites.google.com<\/strong><\/a><\/li>\n
- Enter your Montclair email address without mail, e.g. NetID@montclair.edu and password<\/li>\n
- Click Sign in<\/strong><\/li>\n
- Click the + Create New Site <\/strong>button<\/li>\n
- Enter site name<\/strong>: When you create a new site, enter a unique name. The site name appears in the header in the web or mobile window title bar after you publish the<\/li>\n
- Enter your page title<\/strong>: Each page in your site has a title, which appears at the top of the page. The page title also appears in the navigation<\/li>\n<\/ol>\n
![\"Google](\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2022\/03\/G-sites-page-title.jpg.0.1x.generic.jpg\")
<\/figure>\n<\/div>\n![\"Google](\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2022\/07\/create-a-new-site-2.jpg.0.1x.generic.jpg\")
<\/figure>\n<\/div><\/div>\n<\/div>\n<\/div><\/div>Editing Pages<\/div>\n\n\nThe page editor screen allows you to add\/change content to your page. On the right, click on Insert<\/strong>, or double-click on the page where you want to add the content. You can add text, images, URL links and anything from google docs. Choose the content you want to add.<\/p>\n
Accessibility Tips:<\/strong><\/p>\n
Check text size and alignment<\/strong>: To make your site easy to read, use large, left-aligned text when possible. Justified text is more difficult to read because of extra space between the words.<\/p>\n
Use text to support formatting<\/strong>: It’s best not to rely on visual formatting alone to communicate meaning. Screen readers might not announce formatting changes, such as boldface or highlighting. For example, to mark an important section of text, add the word “Important.” Use numbered and bulleted lists:<\/p>\n
Use headings to organize your site<\/strong>: Headings are formatted with built-in heading styles, not changed through font size and formatting. Levels of heading are accurate and should not be skipped.<\/p>\n<\/div>
\n![\"Google](\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2022\/07\/insert-menu.jpg.0.1x.generic.jpg\")
<\/figure>\n<\/div><\/div>\n<\/div>\n\n\nTo Insert an Image:<\/h3>\n
- \n
- Click on Insert<\/strong><\/li>\n
- Select Images<\/strong><\/li>\n
- Select image <\/strong>by URL or from your albums or from Google<\/li>\n<\/ol>\n
Accessibility Tips:<\/strong><\/p>\n
Use alternative text (alt text) for images, drawings, and other graphics so that everyone can understand your site. Without alt text, screen reader users just hear “image.”<\/p>\n<\/div>
\n![\"Google](\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2022\/07\/insert-menu-2.jpg.0.1x.generic.jpg\")
<\/figure>\n<\/div><\/div>\n<\/div>\n\n\nTo Insert a Link:<\/h3>\n
- \n
- Highlight the text you want to become a link<\/li>\n
- Select the icon Insert Link<\/strong><\/li>\n
- Enter the URL address<\/li>\n
- Click Apply<\/strong><\/li>\n<\/ol>\n<\/div>
\n<\/p>\n
![\"Google](\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2022\/03\/G-sites-link.jpg.0.1x.generic.jpg\")
<\/figure>\n<\/div><\/div>\nAccessibility Tips:<\/strong><\/p>\n
Use descriptive links: <\/strong>Screen readers can scan for links, so descriptive link text is helpful. It’s best to use the title of the page as the linked text. For example, if you’re linking to your profile page, the link text should say “my profile,” not “click here” or the full URL.<\/p>\n<\/div>\n
\n\nTo Insert a Video:<\/h3>\n
- \n
- Click on Insert<\/strong><\/li>\n
- Click on Google Embeds > YouTube<\/strong><\/li>\n
- Type in the search field to find the video<\/li>\n
- Select the video<\/strong><\/li>\n<\/ol>\n
Accessibility Tips:<\/strong><\/p>\n
Captioning<\/strong>: Make sure that your video is captioned or, if appropriate, provide a transcript.<\/p>\n<\/div>
\n![\"Google](\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2022\/07\/insert-items.jpg.0.1x.generic.jpg\")
<\/figure>\n<\/div><\/div>\n<\/div>\n<\/div><\/div>Adding Pages<\/div>\n\n\n- \n
- Click Pages <\/strong>in the top right corner<\/li>\n
- Click the + Page <\/strong>button<\/li>\n
- Enter a name for the page under Name<\/strong><\/li>\n
- Click Done<\/strong><\/li>\n
- Under Pages, <\/strong>select a page and click on More <\/strong>(3 dots)\n
- \n
- Set it as the homepage<\/li>\n
- Rename the page<\/li>\n
- Create a sub-page<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<\/div>\n
![\"Google](\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2022\/03\/G-sites-add-page.jpg.0.1x.generic.jpg\")
<\/figure>\n![\"Google](\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2022\/03\/G-sites-button.jpg.0.1x.generic.jpg\")
<\/figure>\n<\/div><\/div>\n<\/div>\n<\/div><\/div>Select a Background Image, Header Type, and Theme<\/div>\n\nYou can select the background image. Each theme comes with a preset background, color scheme, and font selection. You can adjust fonts, colors, and the background.<\/p>\n
![\"Google](\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2022\/07\/themes-menu.jpg.0.1x.generic.jpg\")
<\/figure>\nChange the background image<\/strong><\/p>\n
- \n
- Go to the site and hover your mouse over the background image and click change image<\/strong><\/li>\n
- Select an image from the Gallery or choose another image to upload<\/li>\n<\/ol>\n
Change the header type<\/strong><\/p>\n
- \n
- Hover your mouse over the background image and click Header type<\/strong><\/li>\n
- Choose an option\n
- \n
- Large banner<\/li>\n
- Banner<\/li>\n
- Title only<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n
Change the theme and font style<\/strong><\/p>\n
- \n
- In the top right corner, click Themes<\/strong><\/li>\n
- Select a theme option and choose a color<\/li>\n
- Click Font style <\/strong>and select a style<\/li>\n<\/ol>\n
Accessibility Tips:<\/strong><\/p>\n
Check for high color contrast<\/strong>: High color contrast makes text and images easier to read and comprehend. Web Content Accessibility Guidelines (WCAG) 2.0 <\/a>recommend a minimum ratio of 4.5:1 for large text and 7:1 for other text and images. For example, avoid light gray text on a white background. To check contrast, use the WebAIM contrast checker<\/a>.<\/p>\n<\/div>\n<\/div><\/div>
Sharing Your Site with Others<\/div>\n\n![\"Google](\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2022\/07\/google-sites-menu-bar.jpg.0.1x.generic.jpg\")
<\/figure>\n\n- \n
- To share a site from Sites, click on Add editors<\/strong><\/li>\n
- To set permissions across the University, click Change <\/strong>next to Published \u2013 Anyone at Montclair State University can find and view<\/strong>, select that option and click Save<\/strong>.<\/li>\n
- To share with individuals, enter their email address under Invite <\/strong><\/li>\n
- To change their level of access to your site, click on Change<\/strong><\/li>\n
- Choose the level of access you wish to share. (Anyone you set to Can view <\/strong>can look at the site. Anyone you set to Can edit <\/strong>can change the look and content of the<\/li>\n
- To share with specific people, enter email address of the people you want to<\/li>\n
- Click Done<\/li>\n<\/ol>\n<\/div>\n
<\/p>\n
\n![\"Google](\"\/responsive-media\/cache\/itds\/wp-content\/uploads\/sites\/248\/2022\/03\/G-sites-sharing-2.jpg.0.1x.generic.jpg\")
<\/figure>\n<\/div><\/div>\n<\/div>\n<\/div><\/div>\nAdditional Google Sites Documentation<\/h3>\n
\nBeginner’s Guide to Creating a Google Site<\/a>
\nChange your site’s layout<\/a>
\nAdd and modify pages within a site<\/a><\/p>\n<\/div>\nInsert Docs, Calendars, and other gadgets<\/a>
\nControl access to your site<\/a>
\nHow to Create a Google Sites Template<\/a><\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"What is Google Sites? Google Sites is a free web application for creating websites. You can develop the website by yourself or collaborate with others to create the content of the pages. You can decide the level of sharing you would like to permit, who the owners of the website are, and to whom you\u2019d […]<\/p>\n","protected":false},"author":278,"featured_media":2474,"parent":22,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1315","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/pages\/1315","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/users\/278"}],"replies":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/comments?post=1315"}],"version-history":[{"count":16,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/pages\/1315\/revisions"}],"predecessor-version":[{"id":2472,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/pages\/1315\/revisions\/2472"}],"up":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/pages\/22"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/media\/2474"}],"wp:attachment":[{"href":"https:\/\/www.montclair.edu\/itds\/wp-json\/wp\/v2\/media?parent=1315"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- To set permissions across the University, click Change <\/strong>next to Published \u2013 Anyone at Montclair State University can find and view<\/strong>, select that option and click Save<\/strong>.<\/li>\n
- In the top right corner, click Themes<\/strong><\/li>\n
- Choose an option\n
- Select an image from the Gallery or choose another image to upload<\/li>\n<\/ol>\n
- Go to the site and hover your mouse over the background image and click change image<\/strong><\/li>\n
- Click the + Page <\/strong>button<\/li>\n
- Click on Google Embeds > YouTube<\/strong><\/li>\n
- Select Images<\/strong><\/li>\n
- Go to sites.google.com<\/strong><\/a><\/li>\n