Basic

Webpage
Structure ​
JERWI N ANGE LO GERON IMO
There are 4 Basic Parts of Webpage Structure:​

1.Header & Menu​

2.Image​
3.Content​
4.Footer​
 1. Header & Menu​
• This is the uppermost of the website. This is the first thing
that visitors see when they enter the site and it contains
the logo as well as the website menu. ​
• Website menu – this is the map of the site that helps
visitors find what they are looking for, whether is details
about your product or information about your company.​
 2. Image​
• Below the header is form of image, series of image or sometimes video.
It is one of the important part of website that helps to create a good
first impression to it. ​

• This images must convey something important that all about your
company. Whether it features images of your product or service, or just
gives the user a feel of what your brand is all about.​
3. Content​
• All site contain content. Content typically means
the words written on your site that explains why
your website is about, what you have to offer
and how site visitors can take advantage of your
offerings.
 4. Footer​
• This is the bottom most part of any site. It usually contains site map with
links to the pages available on your site. This can help visitor find all your
offerings, including those that may have not made the cut for your header.

• It also contain some basic contact information that helps to enable the users
to reach out to you. Footer also might include small icons that lead users to
your social media platforms, ultimately bringing about greater brand
awareness and potential business growth.
Example of Webpage Structure : Header​
(source: wixblog)​
​

EMMANUAL CASTILLO
Saving
organizing
files

E L J AY S TA . A N A
05/08/2023 SAMPLE FOOTER TEXT 16
05/08/2023 SAMPLE FOOTER TEXT 18
Using a
browser to
view a
webpage
E VA N G E R I N E B A U T I S TA
 WEB BROWSER
Each website can be recognized using a unique
address called "Uniform Resource Locator" or
simply a URL. Once you provide URL of a
specific page in address bar, web browser will find
the corresponding page and displays result to the
user
 Open Your Web Page in Your Browser
To view your new page in your browser First,
open up your HTML editor. In the top menu, click
File > Open File. Navigate to the location you
saved your web page. Click on your web page file
and then click Open. You should see your web
page.
 View the HTML Page in
Your Browser

•Open the saved

HTML file in your
favorite browser
(double click on the
file, or right-click - and
choose "Open with").
05/08/2023 SAMPLE FOOTER TEXT 22
7 Ways to
Improve Your
Website’s
Appearance
NICA JOY NUNEZ
1.Use a clean and modern design: A clean
and modern design can make your
website look more professional and
appealing to visitors. Avoid cluttered and
outdated designs that can make your
website look unprofessional.
2.Choose a color scheme: A consistent
color scheme can help tie your website
together and create a cohesive look.
Choose colors that complement your brand
and the overall tone of your website.
3.Use high-quality images and graphics:
High-quality images and graphics can make
your website look more visually appealing
and engaging. Make sure to use images and
graphics that are relevant to your content and
fit with the overall look and feel of your
website.
4.Make your website easy to
navigate: A website that is easy to
navigate can improve the user
experience and keep visitors on your
site longer. Use clear and concise
menus and organize your content in
a logical way.
5.Use readable fonts: Use fonts that
are easy to read and not too small
or too fancy. Sans-serif fonts like
Arial or Helvetica are usually
easier to read on digital screens.
6.Optimize for mobile devices: With more and
more people accessing the internet on their
mobile devices, it's important to ensure that your
website is optimized for mobile viewing. Use
responsive design to ensure that your website
looks good on different screen sizes.
7.Test and refine: Continuously
test and refine your website's
appearance to ensure that it is
meeting the needs of your
visitors. Ask for feedback from
your audience and make changes
based on their input.