Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
SlideShare a Scribd company logo
WEB DEVELOPMENT
PPT PRESENTATION ON
NAME:- MANOJ KUMAR
BRANCH:-Electrical Engineering
ROLL NO:-19345
BATCH:-2k19
CONTENTS
Web Development consists of particular tasks associated with
developing websites for hosting via intranet or Internet . Web
Development is also known as web Programming which
involves in creation of dynamic Web Pages.
The Web Development process includes web designs , web
content development, client-side/server side scripting and
network security configuration etc. We can make great career
in Web Development because there is a high demand and pay
for Web Development.
Web Development can be categorised into two parts-
FRONT END :-
• A front-end developer is the one who builds the interface and
provides the layout as the interaction between the back-end of the
website and the user .
BACK END :-
•Back –end developers are those who cannot control the server
data and requests .
HTML : Hyper Text Mark Up Language.
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.
It is used by the developers to define structure of a web page.
Every page that we see on web is written using HTML.
ppt of MANOJ KUMAR.pptx
1. p tag:- Use to create anew paragragh.
Declaration:- <p>………</p>
2. b tag:- Use to make character bold.
Declaration:-<p>……</p>
3. br tag:- Use to break line , in next line.
Declaration :-<b>…….</br>
4. Heading tags:- Use to define headings.
Declaration:-<h1>……..</h1>
<h2>……</h2>
---------------
---------------
<h5>…..</h5>
<h6>…..</h6>
 CSS stands for Cascading Style Sheets.
 For example, to alter the font, color, size, and spacing of your content,
split it into multiple columns, or add animations and other decorative
features.
 CSS saves a lot work . It can control the layout of multiple web pages all
at once.
 External style sheets are stored in CSS files.
 CSS describes how HTML elements are to be displayed on screen ,paper,
or in other media.
TYPES OF CSS
INLINE:- It is applied in p-tag.
INTERNAL:- It is applied in heading tag.
EXTERNAL :- It helps to avoid duplication.
Bootstrap is a HTML, CSS & JS Library that focuses on simplifying the
development of informative web pages (as opposed to web apps).
The primary purpose of adding it to a web project is to apply
Bootstrap's choices of color, size, font and layout to that project. As
such, the primary factor is whether the developers in charge find those
choices to their liking.
 Once added to a project, Bootstrap provides basic style definitions for
all HTML elements. The result is a uniform appearance for prose, tables
and form elements across web browsers.
In addition, developers can take advantage of CSS classes defined in
Bootstrap to further customize the appearance of their contents.
 For example, Bootstrap has provisioned for light-and dark-colored
tables, page headings, more prominent pull quotes, and text with a
highlight.
Each Bootstrap component consists of an HTML structure, CSS
declarations, and in some cases accompanying JavaScript code.
SQL stands for Structured Query Language .
In SQL we access and manipulate databases .
SQL became a standard of the American National Standards
Institute (ANSI), in 1986,and of the International Organisation
for Standardization (ISO) in 1987.
SQL can execute queries against a database.
SQL can retrieve data from a database.
SQL can insert records in database.
SQL can create new database.
SQL can ceate new tables in a database.
SQL can delete records in a database.
SQL can set permissions on tables, procedures, and views.
PHP stands for “Hypertext Processor’’.
PHP scripts are executed on the server.
PHP is free to download and use.
PHP is a widely-used , open source
scripting language.
PHP can create ,open , read, write, delete, and close files on the server.
PHP can generate dynamic page content.
PHP can collect form data.
PHP can send and receive cookies.
PHP can encrypt data.
PHP add , delete, modify, data in your database.
PHP can be used to control user-access.
a simple ecommerce website for a e-store
Through the six week of the training program, you will be working on a project
website which is a simple ecommerce website for a e-store. The website will consist of
8 HTML pages. You may choose to work on any other website, but please ensure that
it has the same functionality.
The website will consist of HTML, CSS, BOOTSTRAP, PHP and MYSQLI code. The
HTML, CSS and BOOTSTRAP part of your code decides how your website will look,
while the PHP and MySQL part decides how it will function.
The WEBSITE will be structured as follows:
1) HTML , CSS AND BOOTSTRAP Exercise: where you will design the look
of each page of your website.
2) PHP & MySQLi Exercise: where you will add functionality to the
website. This will allow you to allow users to register and buy flowers on
the website.
3) Advanced PHP Exercise: where you will add advanced features, such
as validations and security to the website.
The following tutorial describes completely the functionality of the website
from the user’s (who wants to buy items) point of view. The 8 main pages that
need to be designed are:
1) index.php
2) about.php
3) contact.php
4) signup.php
5) home.php
6) confirm.php
7) success.php
8) settings.php
ppt of MANOJ KUMAR.pptx
We want to conclude that Web Development is must and should for all kinds of
business . Even a small scale business will grow to large extent after creating their
business websites.
The standard tools used for creating the website will ensure that things such a
navigation , menus and layout conform to current practices with which every
web user is familiar with.
There are huge opportunities available for the students who want to work in this
field . Many private and public organizations hire web designer for their online
work and website development.
 www.google.com
 www.youtube.com
 www.udemy.com
ppt of MANOJ KUMAR.pptx

More Related Content

ppt of MANOJ KUMAR.pptx

  • 1. WEB DEVELOPMENT PPT PRESENTATION ON NAME:- MANOJ KUMAR BRANCH:-Electrical Engineering ROLL NO:-19345 BATCH:-2k19
  • 3. Web Development consists of particular tasks associated with developing websites for hosting via intranet or Internet . Web Development is also known as web Programming which involves in creation of dynamic Web Pages. The Web Development process includes web designs , web content development, client-side/server side scripting and network security configuration etc. We can make great career in Web Development because there is a high demand and pay for Web Development.
  • 4. Web Development can be categorised into two parts- FRONT END :- • A front-end developer is the one who builds the interface and provides the layout as the interaction between the back-end of the website and the user . BACK END :- •Back –end developers are those who cannot control the server data and requests .
  • 5. HTML : Hyper Text Mark Up Language. 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. It is used by the developers to define structure of a web page. Every page that we see on web is written using HTML.
  • 7. 1. p tag:- Use to create anew paragragh. Declaration:- <p>………</p> 2. b tag:- Use to make character bold. Declaration:-<p>……</p> 3. br tag:- Use to break line , in next line. Declaration :-<b>…….</br> 4. Heading tags:- Use to define headings. Declaration:-<h1>……..</h1> <h2>……</h2> --------------- --------------- <h5>…..</h5> <h6>…..</h6>
  • 8.  CSS stands for Cascading Style Sheets.  For example, to alter the font, color, size, and spacing of your content, split it into multiple columns, or add animations and other decorative features.  CSS saves a lot work . It can control the layout of multiple web pages all at once.  External style sheets are stored in CSS files.  CSS describes how HTML elements are to be displayed on screen ,paper, or in other media.
  • 9. TYPES OF CSS INLINE:- It is applied in p-tag. INTERNAL:- It is applied in heading tag. EXTERNAL :- It helps to avoid duplication.
  • 10. Bootstrap is a HTML, CSS & JS Library that focuses on simplifying the development of informative web pages (as opposed to web apps). The primary purpose of adding it to a web project is to apply Bootstrap's choices of color, size, font and layout to that project. As such, the primary factor is whether the developers in charge find those choices to their liking.  Once added to a project, Bootstrap provides basic style definitions for all HTML elements. The result is a uniform appearance for prose, tables and form elements across web browsers. In addition, developers can take advantage of CSS classes defined in Bootstrap to further customize the appearance of their contents.  For example, Bootstrap has provisioned for light-and dark-colored tables, page headings, more prominent pull quotes, and text with a highlight. Each Bootstrap component consists of an HTML structure, CSS declarations, and in some cases accompanying JavaScript code.
  • 11. SQL stands for Structured Query Language . In SQL we access and manipulate databases . SQL became a standard of the American National Standards Institute (ANSI), in 1986,and of the International Organisation for Standardization (ISO) in 1987.
  • 12. SQL can execute queries against a database. SQL can retrieve data from a database. SQL can insert records in database. SQL can create new database. SQL can ceate new tables in a database. SQL can delete records in a database. SQL can set permissions on tables, procedures, and views.
  • 13. PHP stands for “Hypertext Processor’’. PHP scripts are executed on the server. PHP is free to download and use. PHP is a widely-used , open source scripting language.
  • 14. PHP can create ,open , read, write, delete, and close files on the server. PHP can generate dynamic page content. PHP can collect form data. PHP can send and receive cookies. PHP can encrypt data. PHP add , delete, modify, data in your database. PHP can be used to control user-access.
  • 15. a simple ecommerce website for a e-store Through the six week of the training program, you will be working on a project website which is a simple ecommerce website for a e-store. The website will consist of 8 HTML pages. You may choose to work on any other website, but please ensure that it has the same functionality. The website will consist of HTML, CSS, BOOTSTRAP, PHP and MYSQLI code. The HTML, CSS and BOOTSTRAP part of your code decides how your website will look, while the PHP and MySQL part decides how it will function.
  • 16. The WEBSITE will be structured as follows: 1) HTML , CSS AND BOOTSTRAP Exercise: where you will design the look of each page of your website. 2) PHP & MySQLi Exercise: where you will add functionality to the website. This will allow you to allow users to register and buy flowers on the website. 3) Advanced PHP Exercise: where you will add advanced features, such as validations and security to the website. The following tutorial describes completely the functionality of the website from the user’s (who wants to buy items) point of view. The 8 main pages that need to be designed are: 1) index.php 2) about.php 3) contact.php 4) signup.php 5) home.php 6) confirm.php 7) success.php 8) settings.php
  • 18. We want to conclude that Web Development is must and should for all kinds of business . Even a small scale business will grow to large extent after creating their business websites. The standard tools used for creating the website will ensure that things such a navigation , menus and layout conform to current practices with which every web user is familiar with. There are huge opportunities available for the students who want to work in this field . Many private and public organizations hire web designer for their online work and website development.