CREATE A WEBSITE USING GOOGLE SITES

WHAT IS A WEBSITE?

 A website (also spelled Web site or web site) is a collection of related web pages,
images, videos or other digital assets that are addressed or can be accessed through
a domain name. A web site is hosted on at least one web server, and is usually
accessible via the Internet.
 A web page is a document, typically written in plain text interspersed with formatting
instructions of Hypertext Markup Language (HTML, XHTML).
 The websites that are publicly accessible collectively constitute the World Wide Web.
The pages of a website can usually be accessed from a simple Uniform Resource
Locator (URL) usually preceded by an http://.
PARTS OF A WEBSITE
Banner
Menu
This is an area at
the top of the page
that is often the
same on all the
pages of the web
site. The banner
may contain the
organization’s logo.
This area often contains contact
information, social icons, or other
helpful information for site visitors.
Footer
Contains the links
on how to move
around or navigate
the site.
Content
where the main content of
the web page is located.
Content can be in a number
of different forms such as
text, pictures, video.
PLANNING YOUR WEBSITE: STEPS

 Know what YOU want BEFORE designing the site. Ask around. Look at lots of sites: sister organizations,
national sites, sites dealing with other issues. Make lists of content, features, and design elements you like and
don’t like. Look at things like the location of the navigation bar, color schemes, and the use of animations.
 Define your audience. Think Expansively. Think about who do you think will be viewing your website, or who
do you want to reach through it. It may also be important to ask if your intended audience have internet access
or actively use the web.
PLANNING YOUR WEBSITE: STEPS

 To help organize your thoughts, it's often helpful to make an outline of all the content that you plan to
include.
 Design your web site from the perspective of your audience. Think about what information they be
looking for or what they want to see in your site. Make sure the important things are easily accessible
from your home page and not buried three clicks deep. Label the various sections (especially your
main navigation bar) clearly and accurately. Use conventional names in naming your links such as
"About Us" or "Feedback" for easier navigation by visitors.
CREATING A WEBSITE USING GOOGLE SITES
TO START OFF

 Before we start working with Google Sites, please

have your text (in outlined form) and images for
your website ready.
 Google Sites allows you have your own content
available on the web. With this website creation
tool you don’t have to install anything to write your
own page and is fairly easy to use.
 To start making your own website go to
http://sites.google.com, you will need to have your
own Google account to be able to access this site.
You may use your DepEd email account or an
existing GMail account, that will work, so you don’t
have to make a new one. After logging in, click
Create site button to start.
SELECT A TEMPLATE FOR THE SITE

Feel free to choose a site

template that you like or most
appropriate for the site that
you’re creating.
ADD A NAME TO YOUR SITE
CLICK CREATE
THEN THE SITE
TEMPLATE
WILL LOAD
Click this link to edit the page.
YOU MAY EDIT THE TEXT BOXES AS YOU WOULD IN ANY
OFFICE APPLICATION.
TO INSERT AN IMAGE YOU NEED TO UPLOAD THE IMAGE IN THE
SITE THEN SELECT.
MAKE SURE THAT YOU SAVE EVERYTIME YOU EDIT A PAGE IN
GOOGLE SITES.
TO CREATE ANOTHER PAGE,

1. CLICK CREATE PAGE ON THE HOME PAGE

2. GIVE A NAME FOR THE PAGE, AND PUT

PAGE UNDER HOME
THIS IS THE NEW PAGE ON THE SITE.
YOU MAY ALSO
EMBED OTHER
THINGS IN THE
SITE SUCH AS
LINK, GADGETS,
AND GOOGLE
APPS SUCH AS
CALENDAR AND
DRIVE.
ACTIVITY

 Create your class website or your personal portfolio containing at least 3 web pages.
 Make the content clearly written and interesting to readers. You may write in English or Filipino.
 Include pictures/graphics that are related to the content.
REFERENCES

 Parts of a web page, CSS and javascript. (n.d.). Retrieved from GCSE ICT: http://www.teach-
ict.com/gcse_new/software/web_design/miniweb/pg5.htm
 Wilcox, D. J. (2015, July 22). Web site planning. Retrieved from Mediablends store:
http://mediablends.org.uk/mtnw/toolbox/tools/webguide