Scribd
Upload
6 views

Introduction To Web Development ICT10

This document provides an introduction to web development, outlining key concepts such as the World Wide Web's history, the structure of URLs, and the differences between websites and web applications. It emphasizes the importance of HTML and responsive web design for creating accessible and user-friendly web pages. The document also highlights the role of web browsers in retrieving and displaying web content.

Uploaded by

abby moral
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
6 views

Introduction To Web Development ICT10

This document provides an introduction to web development, outlining key concepts such as the World Wide Web's history, the structure of URLs, and the differences between websites and web applications. It emphasizes the importance of HTML and responsive web design for creating accessible and user-friendly web pages. The document also highlights the role of web browsers in retrieving and displaying web content.

Uploaded by

abby moral
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 21

THYNK UNLIMITED

WE LEARN FOR THE FUTURE

INTRODUCTION TO
WEB DEVELOPMENT
OBJECTIVES:
At the end of this lesson, you
are expected to achieve the
following objectives for this
session:
Learn the Web Development
Basic
Identify the Parts of URL;
and
Appreciate the importance
of HTML in the development
of web pages
THE DEVELOPMENT OF THE WORLD WIDE WEB
In 1989, Timothy Berners-Lee and other
researchers at the CERN nuclear research
facility, laid the foundation of the World Wide
Web, or the Web. It created an information
system that would make it easy for researchers
to locate and share data with a required minimal
training and support. They developed a system
of hypertext documents, electronic files that
contain elements that you can easily select. (C.
Hueckstaedt, Tutorial 1, 2002)
WEB
• (originally called the World Wide Web, thus the
“www”)
• One of the ways information can be shared over
the
Internet.
• It is unique in that it allows documents to be
linked
to one another using hypertext links—thus
forming a
huge “web” of connected information.
• The Web uses a protocol called HTTP
(HyperText
Transfer Protocol).
WEB PAGES AND WEB BROWSERS
A Web page is stored on a Web server, which
makes the page available to users of the Web, to
view a Web page, the user runs a Web browser,
a software program that retrieves the page and
displays it. A Web browser can either be text-
based, or graphical.
Most common web browser now days are
Google Chrome, Fire Fox, Internet Explorer and
Safari for Mac environment.
THE INTERNET
The Internet consists of millions of
interconnected computers that enable users to
communicate and share information. Many
Internet tools required users to master an array
of terms, acronyms, and commands before they
could navigate the Internet.
The World Wide Web was developed to make
the Internet easier to use and give quick access
to users. (C. Hueckstaedt, Tutorial 1, 2002)
INTERNET
• A network of connected
computers.
• No company owns the Internet;
it is a cooperative
effort governed by a system of
standards and rules.
URL
• URL, which stands for
Uniform Resource Locator.
• Special address of every
page and resource on the
web.
PARTS OF URL
• A complete URL is generally
made up of three
components:
1. Protocol
2. Site Name
3. Absolute path to the
document or resource
PARTS OF URL
PARTS OF URL

Protocol
• The first thing the URL does
is define the protocol that
will be used for that
particular transaction.
PARTS OF URL
Site Name
• The next portion of the URL identifies
the website by
its domain name.
• In this example, the domain name is
example.com.
• The “www.” part at the beginning is the
particular
host name at that domain.
PARTS OF URL
Absolute Path
to the Document
or Resource
• This is the absolute path
through directories on the
server to the requested
HTML document, first.html.
HOW THE WEB WORKS
RESPONSIVE WEB DESIGN
• A strategy for providing custom layouts to
devices
based on the size of the viewport (browser
window).
• The trick to responsive web design is serving a
single
HTML document to all devices, but applying
different style sheets based on the screen size in
order to provide the most optimized layout for
that
device.
COMMON VIEWPORTS
COMMON VIEWPORTS
WEBSITE
Website vs. Web Application
• A website is a collection of web pages
that are interconnected and hosted on a
web server.
• It is typically used to provide
information or content to visitors in a
static or dynamic manner.
• Websites are designed to be viewed
and accessed by users through a web
browser
b
WEBSITE Web Application
• A web application, on the other
hand, is a software program
accessed through a web browser
that offers more advanced
functionality and interactivity beyond
static content delivery.
• It involves dynamic processing and
user interaction, often requiring data
input , processing, and output.
THYNK UNLIMITED

THANK YOU
WE LEARN FOR THE FUTURE

FOR
LISTENING!

You might also like