SlideShare a Scribd company logo
2
Most read
10
Most read
14
Most read
IntroductionToWeb Development
HTML, CSS, JAVASCRIPT, PHP
Our FirstWebpage
InThe Browser
 If you run this html on your browser -
 The link is where you have saved your html file
HTML
 Stands for Hypertext Markup Language
 Hypertext: Some content additional to original text to store structure or UI
 Markup:That content stored as hypertext
 The standard markup language for creatingWeb pages
 Supported by all browsers
 HTML elements are the building blocks of HTML pages.
HTML cont.
In the browser
ButThe UI Seems Like AWebpage from
80s’
CSS
Cascading Style Sheet
Output
Why called cascading
Output
CSS - Example
Output
Why use JavaScript?
 HTML is interpreted by theWeb browser.
 It delivers the images and text for the user.
 But HTML pages are neither dynamic nor interactive.
.
JavaScript is a client side scripting language which
adds interactivity and make the webpage dynamic.
Difference between Server Site and Client Site
 Website scripts run in one of two places –
 the client side, also called the front-end.
 the server side, also called the back-end.
 The Server -This party is responsible for serving pages.The server of a website is, of
course, the server that hosts it.
 The Client -This party requests pages from the Server, and displays them to the user. In
most cases, the client is a web browser.
 The User uses the Client in order to surf the web, fill in forms, watch videos online, etc.
Difference between Server Site and Client Site
Client Side Languages
 Client side development is done almost
exclusively in JavaScript.
 This is, of course, in addition to basic HTML
and CSS code.
 The reason JavaScript is called a client side
language is because it runs scripts on your
computer after you’ve loaded a web page.
Server Side Languages
 A server side or back-end language runs its
scripts before the HTML is loaded, not after.
 PHP is one of the most popular language.
 Django, Ruby on Rails, ASP.NET and many
others.
 They are called server side languages because
their scripts are run not on your computer, but
on the server which hosts the website and
sends down the HTML document.
JavaScript -
Example
An example of a button click to
show the date and time
JavaScript - Example
In the browser After the button click
HTML using PHP
 Say you want to show the list of students
who registered a course.
 You Need to write about 40 entries by hand.
ButWe Are Programmers
ThankYou
Created by
 Naz Zarreen Oishie
 Publication Secretary
 CLUSTER
Presented By
 Parvez Mahbub
 IT Secretary
 CLUSTER

More Related Content

What's hot (20)

PPTX
Front End Development | Introduction
JohnTaieb
 
PDF
Web Development Presentation
TurnToTech
 
PPTX
ppt of web development for diploma student
Abhishekchauhan863165
 
PPT
Ppt of web development
bethanygfair
 
PPTX
Web development
Sunil Moolchandani
 
PPTX
Front-end development introduction (HTML, CSS). Part 1
Oleksii Prohonnyi
 
PPTX
Lab #2: Introduction to Javascript
Walid Ashraf
 
PPTX
Internship presentation
Wasim Shemna
 
PPTX
Web Development In 2018
Traversy Media
 
PPTX
Web development presentation
Vaishnavi8950
 
ODP
Introduction of Html/css/js
Knoldus Inc.
 
PPTX
Front end development session1
marwa Ayad Mohamed
 
PPT
Javascript
Manav Prasad
 
KEY
Web Design 101
T.S. Lim
 
PPT
Web Development on Web Project Presentation
Milind Gokhale
 
PPT
Js ppt
Rakhi Thota
 
PPTX
web development.pptx
MohdArbazraza
 
PDF
Web Design & Development - Session 1
Shahrzad Peyman
 
PDF
Website Development Process
Hend Al-Khalifa
 
PPSX
Web server
Nirav Daraniya
 
Front End Development | Introduction
JohnTaieb
 
Web Development Presentation
TurnToTech
 
ppt of web development for diploma student
Abhishekchauhan863165
 
Ppt of web development
bethanygfair
 
Web development
Sunil Moolchandani
 
Front-end development introduction (HTML, CSS). Part 1
Oleksii Prohonnyi
 
Lab #2: Introduction to Javascript
Walid Ashraf
 
Internship presentation
Wasim Shemna
 
Web Development In 2018
Traversy Media
 
Web development presentation
Vaishnavi8950
 
Introduction of Html/css/js
Knoldus Inc.
 
Front end development session1
marwa Ayad Mohamed
 
Javascript
Manav Prasad
 
Web Design 101
T.S. Lim
 
Web Development on Web Project Presentation
Milind Gokhale
 
Js ppt
Rakhi Thota
 
web development.pptx
MohdArbazraza
 
Web Design & Development - Session 1
Shahrzad Peyman
 
Website Development Process
Hend Al-Khalifa
 
Web server
Nirav Daraniya
 

Similar to Introduction to Web Development (20)

PPTX
TOPIC 1 - INTRODUCTION TO WEBSITE DESIGN AND DEVELOPMENT.pptx
TemitopeOsadare1
 
PPT
Introduction To Website Development
zaidfarooqui974
 
PPT
Scripting Languages
Forrester High School
 
PPTX
Introduction to JavaScript
ApxicTechnologies1
 
PPTX
txWelcome to Javascript Welcome to Javascript.pp
vaibhavdtambe2003
 
PPTX
Fundamentals of Web building
RC Morales
 
PDF
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
Bhavsingh Maloth
 
PDF
Web programming UNIT II by Bhavsingh Maloth
Bhavsingh Maloth
 
PPTX
JavaScript New Tutorial Class XI and XII.pptx
rish15r890
 
PDF
Making Of PHP Based Web Application
Sachin Walvekar
 
PPTX
Week one presentation principles of web server scripting
John Robinson
 
PPTX
Front End Lecture 1.pptx
malise2997
 
PDF
JS BASICS JAVA SCRIPT SCRIPTING
Arulkumar
 
PPT
JAVA SCRIPT
Go4Guru
 
PPTX
Basics of Web Development.pptx
Palash Sukla Das
 
PPTX
webdevelopmentppt-210923044639 (1).pptx
learnEnglish51
 
PPT
Web II - 01 - Introduction to server-side development
Randy Connolly
 
PPTX
Internship full stack developer ppt report .pptx
AnkitaVerma776806
 
PPT
Rutgers - Active Server Pages
Michael Dobe, Ph.D.
 
PDF
The Internet Explained To Your Mum In 5 Slides
Marcello Brivio
 
TOPIC 1 - INTRODUCTION TO WEBSITE DESIGN AND DEVELOPMENT.pptx
TemitopeOsadare1
 
Introduction To Website Development
zaidfarooqui974
 
Scripting Languages
Forrester High School
 
Introduction to JavaScript
ApxicTechnologies1
 
txWelcome to Javascript Welcome to Javascript.pp
vaibhavdtambe2003
 
Fundamentals of Web building
RC Morales
 
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
Bhavsingh Maloth
 
Web programming UNIT II by Bhavsingh Maloth
Bhavsingh Maloth
 
JavaScript New Tutorial Class XI and XII.pptx
rish15r890
 
Making Of PHP Based Web Application
Sachin Walvekar
 
Week one presentation principles of web server scripting
John Robinson
 
Front End Lecture 1.pptx
malise2997
 
JS BASICS JAVA SCRIPT SCRIPTING
Arulkumar
 
JAVA SCRIPT
Go4Guru
 
Basics of Web Development.pptx
Palash Sukla Das
 
webdevelopmentppt-210923044639 (1).pptx
learnEnglish51
 
Web II - 01 - Introduction to server-side development
Randy Connolly
 
Internship full stack developer ppt report .pptx
AnkitaVerma776806
 
Rutgers - Active Server Pages
Michael Dobe, Ph.D.
 
The Internet Explained To Your Mum In 5 Slides
Marcello Brivio
 
Ad

Recently uploaded (20)

PDF
How to Download and Install ADT (ABAP Development Tools) for Eclipse IDE | SA...
SAP Vista, an A L T Z E N Company
 
PDF
SAP GUI Installation Guide for macOS (iOS) | Connect to SAP Systems on Mac
SAP Vista, an A L T Z E N Company
 
PDF
Adobe Illustrator Crack Full Download (Latest Version 2025) Pre-Activated
imang66g
 
PDF
AWS_Agentic_AI_in_Indian_BFSI_A_Strategic_Blueprint_for_Customer.pdf
siddharthnetsavvies
 
PPT
Brief History of Python by Learning Python in three hours
adanechb21
 
PDF
Salesforce Pricing Update 2025: Impact, Strategy & Smart Cost Optimization wi...
GetOnCRM Solutions
 
PDF
Enhancing Security in VAST: Towards Static Vulnerability Scanning
ESUG
 
PDF
Generating Union types w/ Static Analysis
K. Matthew Dupree
 
PDF
How Agentic AI Networks are Revolutionizing Collaborative AI Ecosystems in 2025
ronakdubey419
 
PPTX
slidesgo-unlocking-the-code-the-dynamic-dance-of-variables-and-constants-2024...
kr2589474
 
PDF
10 posting ideas for community engagement with AI prompts
Pankaj Taneja
 
PDF
Protecting the Digital World Cyber Securit
dnthakkar16
 
PDF
WatchTraderHub - Watch Dealer software with inventory management and multi-ch...
WatchDealer Pavel
 
PDF
AI Image Enhancer: Revolutionizing Visual Quality”
docmasoom
 
PPTX
Presentation about variables and constant.pptx
kr2589474
 
PDF
advancepresentationskillshdhdhhdhdhdhhfhf
jasmenrojas249
 
PPTX
classification of computer and basic part of digital computer
ravisinghrajpurohit3
 
PPTX
Employee salary prediction using Machine learning Project template.ppt
bhanuk27082004
 
PDF
Applitools Platform Pulse: What's New and What's Coming - July 2025
Applitools
 
PPT
Activate_Methodology_Summary presentatio
annapureddyn
 
How to Download and Install ADT (ABAP Development Tools) for Eclipse IDE | SA...
SAP Vista, an A L T Z E N Company
 
SAP GUI Installation Guide for macOS (iOS) | Connect to SAP Systems on Mac
SAP Vista, an A L T Z E N Company
 
Adobe Illustrator Crack Full Download (Latest Version 2025) Pre-Activated
imang66g
 
AWS_Agentic_AI_in_Indian_BFSI_A_Strategic_Blueprint_for_Customer.pdf
siddharthnetsavvies
 
Brief History of Python by Learning Python in three hours
adanechb21
 
Salesforce Pricing Update 2025: Impact, Strategy & Smart Cost Optimization wi...
GetOnCRM Solutions
 
Enhancing Security in VAST: Towards Static Vulnerability Scanning
ESUG
 
Generating Union types w/ Static Analysis
K. Matthew Dupree
 
How Agentic AI Networks are Revolutionizing Collaborative AI Ecosystems in 2025
ronakdubey419
 
slidesgo-unlocking-the-code-the-dynamic-dance-of-variables-and-constants-2024...
kr2589474
 
10 posting ideas for community engagement with AI prompts
Pankaj Taneja
 
Protecting the Digital World Cyber Securit
dnthakkar16
 
WatchTraderHub - Watch Dealer software with inventory management and multi-ch...
WatchDealer Pavel
 
AI Image Enhancer: Revolutionizing Visual Quality”
docmasoom
 
Presentation about variables and constant.pptx
kr2589474
 
advancepresentationskillshdhdhhdhdhdhhfhf
jasmenrojas249
 
classification of computer and basic part of digital computer
ravisinghrajpurohit3
 
Employee salary prediction using Machine learning Project template.ppt
bhanuk27082004
 
Applitools Platform Pulse: What's New and What's Coming - July 2025
Applitools
 
Activate_Methodology_Summary presentatio
annapureddyn
 
Ad

Introduction to Web Development

  • 3. InThe Browser  If you run this html on your browser -  The link is where you have saved your html file
  • 4. HTML  Stands for Hypertext Markup Language  Hypertext: Some content additional to original text to store structure or UI  Markup:That content stored as hypertext  The standard markup language for creatingWeb pages  Supported by all browsers  HTML elements are the building blocks of HTML pages.
  • 7. ButThe UI Seems Like AWebpage from 80s’
  • 14. Why use JavaScript?  HTML is interpreted by theWeb browser.  It delivers the images and text for the user.  But HTML pages are neither dynamic nor interactive. . JavaScript is a client side scripting language which adds interactivity and make the webpage dynamic.
  • 15. Difference between Server Site and Client Site  Website scripts run in one of two places –  the client side, also called the front-end.  the server side, also called the back-end.  The Server -This party is responsible for serving pages.The server of a website is, of course, the server that hosts it.  The Client -This party requests pages from the Server, and displays them to the user. In most cases, the client is a web browser.  The User uses the Client in order to surf the web, fill in forms, watch videos online, etc.
  • 16. Difference between Server Site and Client Site Client Side Languages  Client side development is done almost exclusively in JavaScript.  This is, of course, in addition to basic HTML and CSS code.  The reason JavaScript is called a client side language is because it runs scripts on your computer after you’ve loaded a web page. Server Side Languages  A server side or back-end language runs its scripts before the HTML is loaded, not after.  PHP is one of the most popular language.  Django, Ruby on Rails, ASP.NET and many others.  They are called server side languages because their scripts are run not on your computer, but on the server which hosts the website and sends down the HTML document.
  • 17. JavaScript - Example An example of a button click to show the date and time
  • 18. JavaScript - Example In the browser After the button click
  • 19. HTML using PHP  Say you want to show the list of students who registered a course.  You Need to write about 40 entries by hand.
  • 21. ThankYou Created by  Naz Zarreen Oishie  Publication Secretary  CLUSTER Presented By  Parvez Mahbub  IT Secretary  CLUSTER

Editor's Notes