You are on page 1of 24

WEB DEVELOPMENT

Instructor – Santu Dubey.

Organization – Netcamp Solution Private


Limited.

Duration – 6 Weeks

By Himanshu singh sengar


What is WEB DEVELOPMENT ?
Web development refers to the building, creating,
and maintaining of websites. It includes aspects such
as web design, web publishing, web programming,
and database management. It is the creation of an
application that works over the internet i.e.
websites.

Web developers, or ‘devs’, do this by using a variety


of coding languages. The languages they use
depends on the types of tasks they are preforming
and the platforms on which they are working.
Types of websites
• Static Website

In Static Websites, Web pages are returned by the server which are prebuilt
source code files built using simple languages such as HTML, CSS, or
JavaScript. There is no processing of content on the server (according to the
user) in Static Websites. Web pages are returned by the server with no
change therefore, static Websites are fast.  

• Dynamic Website

In Dynamic Websites, Web pages are returned by the server which are
processed during runtime means they are not prebuilt web pages but they
are built during runtime according to the user’s demand with the help of
server-side scripting languages such as PHP, Node.js, ASP.NET and many
more supported by the server. So, they are slower than static websites but
updates and interaction with databases are possible .
Basic Elements of Web Development

HTML(Hypertext Markup Language)

• HTML is the standard markup language for creating Web


.
pages
• 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
• HTML elements label pieces of content such as "this is a
heading", "this is a paragraph", "this is a link", etc.
Example:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>


<p>My first paragraph.</p>

</body>
</html>
HTML Elements:

The HTML element is everything from the start tag


to the end tag:
<tagname>Content goes here...</tagname>

Examples of some HTML elements:


<h1>My First Heading</h1>
<p>My first paragraph.</p>
CSS(Cascading Style Sheet)

• CSS describes how HTML elements are to be


displayed on screen, paper, or in other media
• CSS saves a lot of work. It can control the layout of
multiple web pages all at once
• External stylesheets are stored in CSS files.

Uses:-
• CSS is used to define styles for your web pages,
including the design, layout and variations in
display for different devices and screen sizes.
Example:-

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}
CSS Box Model:
In CSS, the term "box model" is used when talking
about design and layout.
The CSS box model is essentially a box that wraps
around every HTML element.
Learning
Website
INTRODUCTION

•This learning website is a web based application designed to

provide the notes over the internet to the different user.

•So that student not have to spend much money on buying

expensive books.

•And it also provides a portable solution of the study

materials.
Objectives of our Project

• To E-learning Process Work Is Fast.

•Reduce The Time Period for E-learning.

•Paper work to be Remove.

•Saves Money
Home page
Some basic details of home page
 Menu

On the top of home page there is a menu which contains following options:
 Home

 C/C++

 Java

 Web Design

 Python

 Resources

 Feed Back

Other than that there is a video displayed on the home page showing the
importance of the computer science and contact details are also provided on the
home page.
Home Page
Brief introduction of the topic
Detailed Description of the topic
Other pdf and websites link
Resources Page

As we all know that it is not always possible to

write all the content on our own.

So we have taken some help from some other good

websites and standard books, which all are

mentioned in this page.


Resources Page
Feed back form

A form is provided on the website by which any

website visitor can give feedback.

Or they can also submit if they require particular

subject notes.
Feed back form
THANK YOU!

You might also like