Day - 1 Web Development: by - Dipankar Kumar Pankaj

You might also like

Download as pptx, pdf, or txt
Download as pptx, pdf, or txt
You are on page 1of 15

Day_1

Web Development

By - Dipankar Kumar Pankaj


What is Website

• A website is a collection of related web page.


• A site or website is a central location of web page that are
related and accessed by visiting the home page of the
website using a browser.
Types of websites

There are billions of websites on the Internet today that can be


broken into one of the following types of website categories.

1. Static website
2. Dynamic website
Static Website
Flexibility is the main advantage of a static site.

every page can be different if desired, to match the layout to


different content, and the designer is free to put in any special
effects that a client may ask for in a unique way on different
pages. This allows theming - for instance an author may want a
different theme for a different book and associated pages or
perhaps for a series of books, in order to match the cover

designs or the context of the stories.


Dynamic Website
The main advantages of dynamic sites are that by connecting
them to databases you can easily pull in information in an
organised and structured way to create product pages or
categories of related products sorted in a variety of different
ways depending on how the user wants to view them.
Folder Structure
What is HTML

 HTML stands for Hyper Text Markup Language

 HTML is the standard markup language for Web pages

 HTML elements are the building blocks of HTML pages

 HTML elements are represented by <> tags


A Simple HTML Document
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>


<p>My first paragraph.</p>

</body>
</html>
Example Explained
<!DOCTYPE html> : declaration defines that this document is an HTML5 document.
<html> : element is the root element of an HTML page
<head> : element contains meta information about the HTML page

<title> : element specifies a title for the HTML page (which is shown in the
browser's title bar or in the page's tab)

<body> : element defines the document's body, and is a container for all the visible
contents, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.
<h1> : element defines a large heading.

<p> : element defines a paragraph.


What is an HTML Element?
An HTML element is defined by a start tag, some content, and an
end tag:
<tagname>Content goes here...</tagname>
The HTML element is everything from the start tag to the end
tag:
<h1>My First Heading</h1>
<p>My first paragraph.</p>
HTML Page Structure
Write Some HTML
• Open Notepad (PC)
• Windows 8 or later:
• Open the Start Screen (the window symbol at the bottom left on your screen).
Type Notepad.
• Windows 7 or earlier:
• Open Start > Programs > Accessories > Notepad
Save the HTML Page
• Save the file on your computer. Select File > Save as in the Notepad menu.
• Name the file "index.htm" and set the encoding to UTF-8 (which is the preferred
encoding for HTML files).
View the HTML Page in Your Browser
Open the saved HTML file in your favorite browser (double click on the file, or right-click - and
choose "Open with").
Thank you

You might also like