web development ppt

1. VT & Internship on
Web Designing & Development
Submitted to:
Submitted By:
Asst Prof Anjum Khan Aarti
Verma
Rukmani Kanwar
Yash Bakshi
Anurag Sahu

2. Designing vs Development
● It refers to both the aesthetic portion of
the website and its usability.
● Web designers use various design
programs such as Adobe Photoshop to
create the layout and other visual
elements of the website.
● It is more design and layout specific
which gives overall outline of the
website.
● Web development refers to taking a
website design and actually make a
functioning website from it.
● Developers use HTML, CSS, JavaScript
PHP etc languages to make functioning
website.
● Web development can be categories as:
1. Front-end Development
2. Back-end Development
WEBSITE

4. Building blocks of website
HTML
HTML stands for Hyper-
Text Markup Language.
It is used to design the
front end portion of web
pages using markup
language. It acts as a
skeleton for a website
since it is used to make
the structure of a
website.
CSS
Cascading Style Sheets
fondly referred to as CSS
is a simply designed
language intended to
simplify the process of
making web pages
presentable. It is used to
style our website.
JavaScript
JavaScript is a scripting
language that enables you to
create dynamically updating
content, control multimedia,
animate images, and pretty
much everything else.
It is the third layer of the
layer cake of standard web
technologies, two of which are
HTML and CSS.

6. FRONTEND DEVELOPMENT
● Frontend Development: Part where User can directly Interect with Website. It is also
referred to as the ‘client side’ of the application.
● HTML : It acts as a skeleton for a website since it is used to make the structure of a
website.
● CSS: Cascading Style Sheets fondly referred to as CSS is a simply designed language
intended to simplify the process of making web pages presentable. It is used to style our
website.
● JavaScript: JavaScript is a scripting language used to provide a dynamic behavior to our
website.
● Bootstrap: Bootstrap is a free and open-source tool collection for creating responsive
websites and web applications. It is the most popular CSS framework for developing
responsive, mobile-first websites.

7. Frontend
Development

8. Backend DEVELOPMENT
● Backend Development: Backend is the server side of a website. It is the part of the
website that users cannot see and interact.
● PHP: PHP is a server-side scripting language designed specifically for web development.
● Python: Python is a programming language that lets you work quickly and integrate
systems more efficiently.
● Node.JS: Node.js is an open source and cross-platform runtime environment for
executing JavaScript code outside a browser.
● Back End Frameworks : The list of backend frameworks are: Express, Django, Rails,
Laravel, Spring, etc.

9. Backend
Development

10. E-commerce website

11. Certificate

12. References

13. Yash Bakshi Project-E-commerce Website Design
E-commerce Website : An E-commerce website, by definition,
is a website that allows you to buy and sell tangible goods,
digital products or services online.
Here, we need to design a website with basic pages/features
which are necessary for an E-commerce website.
E-commerce Website should have following :-
• Home Page
• Product Page
• Product View Page
• Cart Page
• Checkout Page
• Order-confirmation Page
• Search Page
• About Us page
• Contact Us Page

14. About the company
Internship Studio is a platform developed to help students build their profiles
by providing them the right exposure to develop the required skills in the
respective domain. Log in to learning and devour upon the technical and
organizational aspects of the corporate. Internship Studio provides an industry
exposure within your domestic vicinity.
Work & learn from the professionals and apply the gained skills towards the
construction of a Learning-based ecosystem. To further this cause Internship
Studio endeavors for : Encouraging students to work on projects & learn from
the professionals. Infusing a learning spirit through the best of best mentorship.
Filling the gap between bookish knowledge and practical knowledge by
providing training + internship.

17. Certificate

18. References

19. Rukmani Project- Form Creation

20. CSS and Bootstrap
● CSS:
● CSS is used to style a web page
● There are three ways to style a web page:
1.Inlining Styling
2.internal Style
3.External Style
 Bootstrap:
 It is a CSS file that contains some pre-written CSS code.
 It contains CSS and JavaScript-based design templates and other
interface
components.

21. 5.Creating styles on a web page

22. Certificate

23. References

24. Anurag sahu:- PROJECTS
Knnock
The Door
03
Daily
Circle
India
02
Worked on Building
website, Maintaning,
Updating &
Troubleshooting.
Osmosiss
Website
01
Build Website for
Magazine Company
Daily Circle India.
Build Website for
Service Provider
Knnock The Door.

25. MY PROJECTS
Build an E-Commerce
Website ShopShree.
ShopShe
e
04 05
Build Website for
Service Provider
Praudyogiki.
VBA
Project
06
Worked on VBA for
Automation of
K2Box.
Praudyogi
ki

26. ORGANIZATION I WORKED
WITH
Three month Web
Development
Internship
OSMOSISS
One Month
Operational Technical
Internship
K2Box
One Month Web
Development
Internship
DAILY CIRCLE
INDIA
One Month Web
Development
Internship
Knnock The
Door

27. • PHP is known as a general-purpose scripting language
that can be used to develop dynamic and interactive
websites.
• It was among the first server-side languages that
could be embedded into HTML.
• It is Open Source it can be installed quickly and at zero
cost.
• It is well connected with databases makes it easy to
connect securely with almost any kind of database.
• it is primarily used for developing dynamic web pages.

28. Project Snapshot

31. INTERNSHIP
CERTIFICATES

34. References
• www.osmosiss.in
• www.praudyogiki.in
• www.dailycircle.in
• www.knnockthedoor.com
• www.shopshree.in

35. THANK YOU!