UNIT-4 WEB DEVELOPMENT
Learning Outcomes:
Define the Web
Explain a website and its benefits
Elaborate the purpose of web design
Describe basic concepts of HTML and web
development
Create web pages with images, videos, links,
tables, lists, and links
What is web development?
• Web development is the actual creation or
building of websites .
• website design deals with defining the layout
and overall look of the website.
• Websites can be developed using a WYSIWYG
(What you see is what you get) software like
Adobe Dreamweaver. Simple text editors such
as Notepad are the other alternative software
to develop websites.
4.1. World Wide Web
• World Wide Web (www), commonly known as the
Web, is one of the most important services of the
Internet.
• The Web is just one of the services of the Internet,
and the most popular one. There are also many
other services that are provided over the Internet
such as email, file transfer and communication
services.
• The Web is a collection of websites or web pages
that are accessed over the Internet using a web
browser
• The WWW is viewed through web browsers
such as Google Chrome, Internet Explorer and
Mozilla Firefox. By using the browsers, one can
access a web page from the internet.
The differencesbetween the Internet
and the Web
web is a means of accessing information
available on the internet.
A web is also known as World Wide Web and
it is a collection of information accessed
through the internet.
Internet refers to network of networks.
Internet is a world-wide global system of
interconnected computer networks.
Internet connection
4.2 website
• A website is a publicly accessible collection of
interrelated web pages about particular person
or organization. Example
• http://www.radiofana.com
• http://www.bbc.com
• Website is a computer with a domain name.
• A website is composed of a web page or
collection of related web pages linked together
to have more information.
Web page
It is a document on website that consists of text,
images, sound, video clips, graphics and hyperlinks.
Hyperlinks are the link to other web pages.
A collection of linked web pages is known as a
website.
Organizations and people create web pages to:
share information and news
sell or advertise products;
express a point of view.
Home page
• Home page is the first page of a particular
website with links to other pages in the
website.
• The main page that all of the pages on a
particular Web site are organized around and
link back to is called the site’s home page.
page
• It is a single or individual page of information
that consists of text, images, sound or video
clips on a website.
A Web browser
• A Web browser is the software that you run
on your computer to make it work as a web
client.
• There are various types of browser
applications such as Internet Explorer, Mozilla
Firefox, Google Chrome, Safari, and Opera.
Figure 4.2 shows the most common web
browsers.
Con’t
Link
• Link: a reference to other document like www
used to navigate from one webpage to
another or from one part of a webpage to
another.
Web Address
• It is the location or name of the webpage
which has information and resources available
on the internet. Each web address on the web
has to be unique to easily identify it.
Con’t
• Hypertext transfer protocol (e.g http://)
• World Wide Web or web pages (www)
• Domain name (google)
• Domain extension (.com)
There are various domain extensions where
their names identify the type of website. The
most common domains extensions are: -
Con’t
• .org - nonprofit or private organization;
• .edu – education institution (belongs to
educational institutions);
• .gov – government site;
• .net – network site;
• .et - in Ethiopia, etc.
Hypertext Transfer Protocol
• HTTP stands for hypertext transfer protocol. It
is used to access data on the World Wide
Web. HTTP has a server (service) and client
(request) communication protocol. HTTP is
also used for formatting and transferring web
page data (text, images and video) over the
World Wide Web. It is used to create
communication between Web servers and
Web users.
4.2. Website Design
• A plan and design of various aspects of a
website, defining the layout and overall look
of the website such as layout, navigation,
appearance, and graphics using different
codes or languages.
• The following are some important guidelines
to consider when a website is designed.
Con’t
1. Target Audience
2. Navigation
3. Consistency
4. Simplicity
5. Accessibility
4.3. HTML Basics
• HTML is a markup language that is used to create
web pages.
• The different elements of a webpage such as
headings, tables, paragraphs, images, and others
are defined using the predefined set of markup tags
of HTML.
• HTML stands Hyper Text Markup Language.
• HTML has gone through multiple revisions since its
invention in 1989. The current version of HTML is
HTML5.
• HTML documents can be prepared using simple
text editor software such as Notepad.
TO SAVE HTML DOC
• The documents are saved with a “.html”
extension. For example, home. html is a valid
file name for an HTML document or a
webpage.
4.3.1 HTML Tags and Elements
• HTML tags are a set of predefined names
enclosed in angle brackets.
• Each HTML tag has its specific meaning, and
web browsers are designed to interpret or
render HTML tags according to their intended
purposes.
• a significant majority of HTML elements
conform to the <start tag> content </end
tag> format,
Sample HTML tags and their meanings are
shown in Table 4.1.
Tag name meanings
<b> Bold
<p> Paragraph
<i> Italic
<h1> Heading1
<br> New line
<img> Image
<hr> Horizontal line
<table> Insert table
<ul> Unordered list
<sup> Defines superscript
<sub> Defines subscript
<Marquee> Moving text or image
<tr> Define table of row
Thank
you!!
