Web Design Basics and HTML

LAKSHYA INSTITUTE OF TECHNOLOGY
Presented by-
Rajesh Kumar Sanabada
Web Developer
Contact-8908432646
Mail-id:-lit.rajeshsanabada2016@gmail.com
“WEB DESIGN
BASICS”

STATIC WEBPAGES
A static website contains Web pages with fixed
content.
Each page is coded in HTML and displays the same
information to every visitor.
Static sites are the most basic type of website and are
the easiest to create.
 Unlike dynamic websites, they do not require any
Web programming or database design.
A static site can be built by simply creating a few
HTML pages and publishing them to a Web server.

DYNAMIC WEBPAGES
A dynamic web page is a web page that displays
different content each time it's viewed.
 For example, the page may change with the time of
day, the user that accesses the webpage, or the type of
user interaction.
There are two types of dynamic web pages:-
CLIENT-SIDE SCRIPTING
SERVER-SIDE SCRIPTING

Client-Side Scripting
Web pages that change in response to an action within
that web page, such as a mouse or a keyboard action, use
client-side scripting.
Client-side scripts generate client-side content. Client-
side content is content that's generated on the user's
computer rather than the server. In these cases, the
user's web browser would download the web page
content from the server, process the code that's
embedded in the web page, and then display the
updated content to the user.
Scripting languages such as JavaScript and Flash allow a
web page to respond to client-side events.

Server-Side Scripting
Web pages that change when a web page is loaded or
visited use server-side scripting.
Server-side content is content that's generated when
a web page is loaded. For example, login pages, forums,
submission forms, and shopping carts, all use server-
side scripting since those web pages change according
to what is submitted to it.
Scripting languages such as PHP, ASP, ASP.NET, JSP,
ColdFusion and Perl allow a web page to respond to
submission events.

DIFFERENCE BETWEEN STATIC AND
DYNAMIC WEBPAGES
Static Web Pages
Static Web pages display the exact same information
whenever anyone visits it.
Static Web pages do not have to be simple plain text.
They can feature detailed multimedia design and even
videos.
However, every visitor to that page will be greeted by
the exact same text, multimedia design or video every
time he visits the page until you alter that page's source
code

DIFFERENCE BETWEEN STATIC AND
DYNAMIC WEBPAGES
Dynamic Web Pages
Dynamic Web pages are capable of producing
different content for different visitors from the same
source code file.
The website can display different content based on
what operating system or browser the visitor is using,
whether she is using a PC or a mobile device, or even
the source that referred the visitor.
A dynamic Web page is not necessarily better than a
static Web page. The two simply serve different
purposes.

HTMLHTML is the standard markup language for creating
Web pages.
HTML stands for Hyper Text Markup Language.
HTML describes the structure of Web pages using
markup.
HTML elements are the building blocks of HTML pages.
HTML elements are represented by tags.
HTML tags label pieces of content such as "heading",
"paragraph", "table", and so on.
Browsers do not display the HTML tags, but use them
to render the content of the page

Example
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>

Example Explained
•The <!DOCTYPE html> declaration defines this document to
be HTML5
•The <html> element is the root element of an HTML page
•The <head> element contains meta information about the
document
•The <title> element specifies a title for the document
•The <body> element contains the visible page content
•The <h1> element defines a large heading
•The <p> element defines a paragraph

DHTMLDynamic HyerText Markup Language (DHTML) is a combination of
Web development technologies used to create dynamically changing
websites.
Web pages may include animation, dynamic menus and text effects.
The technologies used include a combination of HTML, JavaScript or
VB Script, CSS and the document object model (DOM).
Simplest feature is making the page dynamic.
Can be used to create animations, games, applications, provide new
ways of navigating through web sites.
DHTML use low-bandwidth effect which enhance web page
functionality.
Dynamic building of web pages is simple as no plug-in is required.
Facilitates the usage of events, methods and properties and code
reuse.

How the Web Works?
• WWW use classical client / server architecture
– HTTP is text-based request-response protocol
12
Page request
Client running a Web
Browser
Server running Web
Server Software
(IIS, Apache, etc.)
Server response
HTTP
HTTP

Web Design Basics and HTML

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Web Design Basics and HTML

Similar to Web Design Basics and HTML (20)

Recently uploaded

Recently uploaded (20)

Web Design Basics and HTML

Editor's Notes