learn how to build actual websites from scratch

Browser

TechnoBiz

12:01 PM
 TechnoBiz
Browser

Web
Development
12:01 PM
 www
Web development is the work involved in
developing a Web site for the Internet
World Wide
(World Wide Web) or an intranet (a private
network). Web development can range from
Web
developing a simple single static page of
plain text to complex Web-based Internet

applications (Web apps), electronic

businesses, and social network services.

12:01 PM
Sir Tim Berners-Lee

In the early 1990s, Sir Tim Berners-Lee who first proposed

and developed an internet-based hypertext system
developed the first Hypertext Mark-up Language (HTML)
documents. HTML is the backbone for creating websites.
Cascading style sheets are used to develop the designs in
HTML codes.

Proposed and developed an internet-based hypertext

system (HTML).

12:01 PM
Browser

Who is a web
Developer?
Page 01 12:01 PM
Browser

develop
design
create
Page 01 12:01 PM
A webpage is a document
that can be accessed Webpage
through the world wide web.

A group of web pages is

called a website.

12:01 PM
 How are the
Browser

web pages
joined?

12:01 PM
Browser

What is a URL?

Uniform Resource Locator (URL)

12:01 PM
Browser

Website VS. Web

Applications

12:01 PM
Browser

After http://www comes the domain.

A domain is the registered name of
the website. There are different
types of domain names.

.com   Commercial .org Organization

.net Network .gov Government
.edu Education .us or .ca Country Name

12:01 PM
 HTML
Hypertext Markup
It is the language used to Language

create webpages. It has two

major parts: the head and
the body.

12:01 PM
How does HTML is a code that tells what a webpage
looks like. The code sets what text to
HTML work? show, tells where to place the pictures,
and how to connect one page to another.
A web browser reads this code and
changes it into the content you see on
your screen.

HTML

12:01 PM
VIEWING THE All web browsers make it possible for

SOURCE users to view the source code of a certain

web page.
CODE To view the source code using Google
Chrome Browser, follow this instruction:
1.Click on “Customize and control Google
chrome” button.
2.Click on Tools > View Source Code.

HTML

12:01 PM
Browser

•HTML describes the structure of a

Web page
•HTML consists of a series of
elements
•HTML elements tell the browser
how to display the content

12:01 PM
Browser

HTML elements label pieces of

content such as "this is a heading",
"this is a paragraph", "this is a link",
etc.

12:01 PM
1.OPEN NOTEPAD
2.TYPE THE GIVEN TAGS
3.SAVE YOUR NOTEPAD INTO “MyFirstHeading.html”
4.DON’T CLOSE THE NOTEPAD
5.LOCATE YOUR FILE AND OPEN IT WITH ANY BROWSER.
6.IF YOU WANT TO EDIT THE WEBPAGE. EDIT IN THE NOTEPAD AND
THEN CTRL + S
7.REFRESH THE WEBPAGE ON THE WEB BROWSER.
8.IF YOU CLOSED THE NOTEPAD, LOCATE YOUR FILE AND OPEN IT
WITH NOTEPAD.

12:01 PM
 For our Asynchronous Session

Refer to your LMS, do the create activity

until the next asynchronous meeting.

12:01 PM
 Thank you
for listening!
Do you have any questions for me?