Empowerment Technologies

Web Page Design

Week 14 – Lesson 9
 Website Design

What is a website?
 In simple terms, a website is a collection of web pages that can be accessed through the
Internet. A website typically serves a single topic or function. Technically speaking, a
website an online location that points to a group of web pages.

What is a web page?

 A web page is an electronic document that is stored in a server and can be accessed
through the Internet using a web browser. Web pages are the backbone of websites.
 Parts of a Website

When designing a website, you have to take into consideration the people who will use it. One
of the main goals of a designer is to make the website simple and easy to use. This is why even
though some creative liberties can be taken in designing a website, it is still important to include
features that the users are familiar with.

The following are the most common components found in websites:

1. Header
2. Navigation
3. Content Section
4. Contact Section
5. Call Action
6. About Us
7. Footer
 Parts of a Website

 Header - Also known as a masthead, the header is usually located at the top of each web
page and contains the website’s name and logo. Its purpose is to display the websites
name and logo in order to make it instantly recognizable to users.

 Navigation - The navigation section is an interactive list that contains the names of the
webpages in a website. It can be located anywhere in the webpage but it is preferable
to place it where it can be easily seen. Users can go to another web page by clicking its
name in the navigation.
 Parts of a Website

 Content Section - As you may already know, contents are the main focus of any website.
Contents like texts, images, and videos take up the largest space in websites.

 Contact Section - The contact section is usually in a separate web page. It contains the
website’s contact information such as phone numbers, email address, and office address.
It is also a common practice to add a message box in the contact section so that the user
can leave a direct message for the website owners.

 Call to Action - A call to action is a message or instruction that urges the users to do an
action. It is typically in the form of a command like “Click here”, “Sign our petition” or
“Watch the trailer here.” This is important to websites that are created to gather public
response such as advocacies and commercial enterprises.
 Parts of a Website

 About us - “About us” can be a section or a page that tells the users about the persons or
organization that owns the website. The purpose of this page is to establish the credibility
of the website owner. It usually contains a biography or history of the owner, their
achievements and their Mission and Vision.

 Footer - As the name implies, the footer is always at the bottom of the web page. Its
purpose is to display links to important information. The most common details that can be
accessed through the footer are Terms of Service, Copyright information, FAQs (frequently
asked questions) and personal information about the creators of the site.
Weebly

There are also ways to design a website even if you are not a programmer or a designer.
There are tools called website builders that can be used to create websites without having to
write code. These tools can either be native or web-based.

We will be creating a website using Weebly. Weebly is a web hosting service and a
website building tool. Weebly relies primarily on its drag-and-drop feature to place and
manipulate design elements.