2. Web Development
Presented
by
Shubham Khan
1st Year Postgraduate 2019-20
University Roll no : 10211219006
November 5, 2019
PPT Presented by - Shubham KhanKGEC/CSE/MTECH/1st YEAR
Page: 1
3. Outline
1. About Web Development
2. Client Server Architecture
3. 3-Tier Architecture
4. Front-End
5. Three Layers of Web Design
6. Back-End
7. Full Stack Web Development
November 5, 2019
PPT Presented by - Shubham KhanKGEC/CSE/MTECH/1st YEAR
Page: 2
4. About Web Development
Outline
November 5, 2019
PPT Presented by - Shubham KhanKGEC/CSE/MTECH/1st YEAR
Page: 3
In a single line web development is a website hosted in the digital world.
Why do we need website?
• Inform Customers
• Reach Wider Market
• Always Accessible
• It’s Saves Time
• Better Service
9. Three Layers of Web Design
Outline
November 5, 2019
PPT Presented by - Shubham KhanKGEC/CSE/MTECH/1st YEAR
Page: 8
HTML CSS Java Script
Structure Style Behavior
10. Three Layers of Web Design-contd.
Outline
November 5, 2019
PPT Presented by - Shubham KhanKGEC/CSE/MTECH/1st YEAR
Page: 9
Do you Imagine
how this webpage looks like
Without HTML,CSS, and JS?
11. Three Layers of Web Design-contd.
Outline
November 5, 2019
PPT Presented by - Shubham KhanKGEC/CSE/MTECH/1st YEAR
Page: 10
It’s looks ugly...
12. Three Layers of Web Design-contd.
Outline
November 5, 2019
PPT Presented by - Shubham KhanKGEC/CSE/MTECH/1st YEAR
Page: 11
It’s looks better.
But still not good...
After adding some HTML tags.
Hyper Text Markup Language
HTML
13. Three Layers of Web Design-contd.
Outline
November 5, 2019
PPT Presented by - Shubham KhanKGEC/CSE/MTECH/1st YEAR
Page: 12
It’s looks perfect!
After adding some CSS.
Cascading Style Sheet
CSS
14. Three Layers of Web Design-contd.
Outline
November 5, 2019
PPT Presented by - Shubham KhanKGEC/CSE/MTECH/1st YEAR
Page: 13
It’s looks perfect!
After adding some CSS.
TEXT + HTML + CSS = Webpage
15. Three Layers of Web Design-contd.
Outline
November 5, 2019
PPT Presented by - Shubham KhanKGEC/CSE/MTECH/1st YEAR
Page: 14
Java Script
JS
After adding JS.
Now time for actions.