Unit 5 – Internet, Email and Web

Designing
5.7. Develop Webpages in HTML

1
What is a Web Page in a Website?

 Website
A collection of web pages which are grouped together
and usually connected together in various ways. Often
called a "web site" or simply a "site."

2
What is a Web Page in a Website?

 When you click a link provided by a search engine, you

are accessing a web page.

 The Internet consists of millions of web pages, with

more being added every day.

3
What is a Web Page in a Website?

 A web page is often used to provide information to viewers,

including pictures or videos to help illustrate important
topics.
 A web page may also be used as a method to sell products
or services to viewers. Multiple web pages make up a
website

 Ex: - http://esoft.lk/ is a website and http://esoft.lk/branches/

is a webpage of ESOFT website

4
What is a Web Page in a Website?

 The main elements that make up a page on the Internet are

1. Web page layout

2. Text
3. Images
4. Web Space
5. Hyperlinks
6. Video
7. Animations
8. Sounds

5
What is a Web Page in a Website?

 The main elements that make up a page on the Internet are

1. Web page layout

2. Text
3. Images
4. Web Space
5. Hyperlinks
6. Video
7. Animations
8. Sounds

6
How to Navigate Through Web Pages in a Website

 In a website there are hyperlinks, links which are

available for you to navigate from one page to another.
 Normally in a website, the links are available in the
navigation bar.

7
Building a Web Page Using HTML

 Example of a simple HTML page

8
Building a Web Page Using HTML

1. Open up a text editor, create a new file named index.html and

save it in your computer.

2. Open up a html tag and type the following code

9
Building a Web Page Using HTML
Note - For the Image use a suitable image of .jpg file format

10
Building a Web Page Using HTML

3. Save the file and run it using a web browser

4. Once you open up the html file you will

get the following output

11
Lesson Summary

 What is a web page in a website?

 What are the main elements of a web page?
 How to navigate through web pages in a website
 Building a web page using HTML

12