COMPUTER

EDUCATION 8
Week 2

Computer Teacher Grade 7 & 8

 Review of the Past Lesson
Summary:
What is Web Development?
➢Building and maintenance of websites.

How websites work?

➢ All websites are just a bunch of files that are stored on a computer
called a server. This server is connected to the internet. You can load
that website through a browser like Chrome, Firefox or Safari on your
computer or on your phone.
 Review of the Past Lesson
What is the difference between Front-end
and Back-end?
➢ FRONT-END means that you’re dealing mainly with the client-
side. It’s called front end because it’s what you can see in the
browser. While the BACK-END is the part of the website that
can’t really see but it handles a lot of the logic functionality that
is necessary for everything to work.

FRONT-END (visitor’s view) | BACK-END (administrator view)

 Review of the Past Lesson

Code Editor
➢ the most essential tool that you’ll use is your code
editor or IDE (Integrated development environment)
➢ This tool allows you to write the markup and code
that will make up the website.
COMPETENCIES: OBJECTIVE:

Learn how to
Learn the basic make the
principles of effective web
web designing. design.
ESSENTIAL
QUESTION
What makes a good
web design?
LESSON 2
 WEB DESIGN
What is Web Design?
➢ Web design refers to the design of websites
that are displayed on the internet. It usually refers
to the user experience aspects of website
development rather than software development.
Web design used to be focused on designing
websites for desktop browsers.
 WEB DESIGNER

What does a web

designer mean?
➢is someone who ➢this role is mainly
prepares content for related to the styling
the Web. and layout of pages
with content, including
text and images.
APPERANCE LAYOUT

✓ Colors ✓ refers to how

information is
✓ Font structured and
✓ Images categorized.
 2 COMMON METHODS
FOR DESIGNING WEBSITES

Responsive Adaptive
✓ moves
✓ website content
dynamically
is fixed in layout
depending on
sizes
screen size
 Effective Web Design

Great web design is about the

usability of a website, or in
other words, the combination of
form (how good it looks) with
function (how easy is it to use).
 TOP 5 PRINCIPLES OF WEB DESIGN

1) A CLEAR PURPOSE
Every well-designed website Why would I need a new website?

caters for the needs of its

users. And the best way to
make a website that caters for
users is to have a very clear
purpose.
 TOP 5 PRINCIPLES OF WEB DESIGN

2) SPEEDY LOAD TIME

Even if every aspect of
your site has a clear
purpose, if it takes too
long to load, then it’s all
but useless to the user.
 TOP 5 PRINCIPLES OF WEB DESIGN

3) TYPOGRAPHY Keep a consistent style.

✓ The ideal font size is 16px.

✓ it’s best to use no more
than three typefaces
across headings, body, and
elements like buttons.
 TOP 5 PRINCIPLES OF WEB DESIGN

4) COMMUNICATION
As well as following the basics of
typography, an important principle
of web design is clear and consistent
communication.
 TOP 5 PRINCIPLES OF WEB DESIGN

5) MOBILE FRIENDLY
With the growing use of
smartphones, tablets, and
making your website fit for
mobile users is a must.
 Design is just not
WRAP UP what it looks like
and feels like, design
is how it works.
~ Steve Jobs
THANK YOU!
Do you have any questions?
riza.laquio@olopsc.edu.ph
or leave a message in Aralinks chatbox

CREDITS: This presentation template was

created by Slidesgo, including icons by
Flaticon, infographics & images by Freepik
Please keep this slide for attribution