"Imagine this: You have the
power to create something that
millions of people could see,
interact with, and be inspired
by. What would it be?
Websites are like digital playgrounds,
and today, you get to be the designer!
Imagine creating your very own web
page—a place where you can share
your favorite things, showcase your
hobbies, or even tell a story.
Think about it: What if you
could design a website
about your favorite sport, a
cool video game, or even a
page for your dream pet?
In this lesson, you’ll learn
the basic web design elements—
like headers, navigation bars,
images, and text—that make
websites look awesome and easy
to use.
So, are you ready
to become a web
designer for a day?
Is the process of creating
websites. It encompasses several
different aspects, including
webpage layout, content
production, and graphic design.
The layout and appearance
of the elements within a
webpage are typically
defined using CSS or
cascading sheets.
• The top part
of the web
page, often
with a logo
or title.
• Easy to navigate.
• The viewer should always
know exactly where they are
on the website and have easy
access to where they would
like to be.
• Menu items should easily
accessible from any page.
• Pictures that
make the page
look nice and
give more
information.
• This is the backbone of your website
• Your website text should be
informative, easy to read, and
concise.
• Your text should be easily readable.
• Use complementary font for
headings or accents.
• No matter how informative,
beautiful, and easy to use
your website design is, it’s
useless unless it’s web-
friendly.
• The style of text and colors that
make the page appealing and easy
to read.
• The bottom part of the
page, usually with copyright
information or contact
details.
• Header
• Navigation Bar
• Images
• Text
• Web Friendly
• Color Scheme
• Footer
• Can you think of any situations
where these skills might be
useful in the future?
• How do you think the skills you learned in
creating a webpage, such as organizing
information, being creative, and using
digital tools, can help you in your chosen
track or in your daily life?
DIRECTION:
1. Draw a header at the top of the page (this could be the name of
their site, like "My Favorite Animals").
2. Add a navigation bar with links to other pages (like "Home,"
"Gallery," "Contact").
3. Include at least one image (they can draw it or label it, like a
picture of their favorite pet or hobby).
4. Use text to describe what their web page is about.
5. Draw a footer with some details (like a small "About Me" section
or their contact information).
6. Make sure to choose some colors and fonts that make the page
look nice and easy to read.
Insert a parting or
call-to-action message here.
