2
Most read
13
Most read
20
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

PDF
Web development ppt
PPTX
Web Development
PPTX
Web Development
PPTX
Front end web development
ODP
The Full Stack Web Development
PPTX
Difference between-web-designing-and-web-development
PPT
Basic SEO Presentation
PPTX
Web development presentation
Web development ppt
Web Development
Web Development
Front end web development
The Full Stack Web Development
Difference between-web-designing-and-web-development
Basic SEO Presentation
Web development presentation

What's hot (20)

PDF
Introduction to web development
PPT
Web development | Derin Dolen
PPTX
ppt of web development for diploma student
PDF
Web Development Presentation
ODP
Introduction of Html/css/js
PPT
Ppt of web development
PPTX
Full Stack Web Development
PDF
Web Development with HTML5, CSS3 & JavaScript
PPTX
Web Development
PDF
Introduction to back-end
PPTX
Front End Development | Introduction
PPT
Php Presentation
PPTX
Web development
PPTX
Backend Programming
PPTX
Web Application
PPTX
Full stack web development
PPTX
Difference between frontend and backend
PPT
Javascript
PDF
PDF
WEB I - 01 - Introduction to Web Development
Introduction to web development
Web development | Derin Dolen
ppt of web development for diploma student
Web Development Presentation
Introduction of Html/css/js
Ppt of web development
Full Stack Web Development
Web Development with HTML5, CSS3 & JavaScript
Web Development
Introduction to back-end
Front End Development | Introduction
Php Presentation
Web development
Backend Programming
Web Application
Full stack web development
Difference between frontend and backend
Javascript
WEB I - 01 - Introduction to Web Development
Ad

Similar to Introduction to Web Development (20)

PPTX
TOPIC 1 - INTRODUCTION TO WEBSITE DESIGN AND DEVELOPMENT.pptx
PPT
Introduction To Website Development
PPT
Scripting Languages
PPTX
Introduction to JavaScript
PPTX
Teaching Presentation on web Technology.
PPTX
txWelcome to Javascript Welcome to Javascript.pp
PPTX
Fundamentals of Web building
PDF
Web programming UNIT II by Bhavsingh Maloth
PDF
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
PPTX
JavaScript New Tutorial Class XI and XII.pptx
PDF
Making Of PHP Based Web Application
PPTX
Week one presentation principles of web server scripting
PPTX
Front End Lecture 1.pptx
PDF
JS BASICS JAVA SCRIPT SCRIPTING
PPT
JAVA SCRIPT
PPTX
Basics of Web Development.pptx
PPTX
webdevelopmentppt-210923044639 (1).pptx
PPT
Web II - 01 - Introduction to server-side development
PPTX
Internship full stack developer ppt report .pptx
PPT
Rutgers - Active Server Pages
TOPIC 1 - INTRODUCTION TO WEBSITE DESIGN AND DEVELOPMENT.pptx
Introduction To Website Development
Scripting Languages
Introduction to JavaScript
Teaching Presentation on web Technology.
txWelcome to Javascript Welcome to Javascript.pp
Fundamentals of Web building
Web programming UNIT II by Bhavsingh Maloth
WEB PROGRAMMING UNIT II BY BHAVSINGH MALOTH
JavaScript New Tutorial Class XI and XII.pptx
Making Of PHP Based Web Application
Week one presentation principles of web server scripting
Front End Lecture 1.pptx
JS BASICS JAVA SCRIPT SCRIPTING
JAVA SCRIPT
Basics of Web Development.pptx
webdevelopmentppt-210923044639 (1).pptx
Web II - 01 - Introduction to server-side development
Internship full stack developer ppt report .pptx
Rutgers - Active Server Pages
Ad

Recently uploaded (20)

PPTX
Folder Lock 10.1.9 Crack With Serial Key
PPTX
Presentation - Summer Internship at Samatrix.io_template_2.pptx
PDF
Ragic Data Security Overview: Certifications, Compliance, and Network Safegua...
PPTX
StacksandQueuesCLASS 12 COMPUTER SCIENCE.pptx
PDF
SOFTWARE ENGINEERING Software Engineering (3rd Edition) by K.K. Aggarwal & Yo...
PPTX
SAP Business AI_L1 Overview_EXTERNAL.pptx
PPT
3.Software Design for software engineering
PDF
infoteam HELLAS company profile 2025 presentation
PDF
Top 10 Project Management Software for Small Teams in 2025.pdf
PPTX
Bandicam Screen Recorder 8.2.1 Build 2529 Crack
PPTX
Foundations of Marketo Engage: Nurturing
PDF
Coding with GPT-5- What’s New in GPT 5 That Benefits Developers.pdf
PPTX
Human Computer Interaction lecture Chapter 2.pptx
PDF
Sanket Mhaiskar Resume - Senior Software Engineer (Backend, AI)
PPTX
UNIT II: Software design, software .pptx
PPTX
Human-Computer Interaction for Lecture 1
PPTX
HackYourBrain__UtrechtJUG__11092025.pptx
PDF
Building an Inclusive Web Accessibility Made Simple with Accessibility Analyzer
PPTX
Chapter 1 - Transaction Processing and Mgt.pptx
PDF
Multiverse AI Review 2025_ The Ultimate All-in-One AI Platform.pdf
Folder Lock 10.1.9 Crack With Serial Key
Presentation - Summer Internship at Samatrix.io_template_2.pptx
Ragic Data Security Overview: Certifications, Compliance, and Network Safegua...
StacksandQueuesCLASS 12 COMPUTER SCIENCE.pptx
SOFTWARE ENGINEERING Software Engineering (3rd Edition) by K.K. Aggarwal & Yo...
SAP Business AI_L1 Overview_EXTERNAL.pptx
3.Software Design for software engineering
infoteam HELLAS company profile 2025 presentation
Top 10 Project Management Software for Small Teams in 2025.pdf
Bandicam Screen Recorder 8.2.1 Build 2529 Crack
Foundations of Marketo Engage: Nurturing
Coding with GPT-5- What’s New in GPT 5 That Benefits Developers.pdf
Human Computer Interaction lecture Chapter 2.pptx
Sanket Mhaiskar Resume - Senior Software Engineer (Backend, AI)
UNIT II: Software design, software .pptx
Human-Computer Interaction for Lecture 1
HackYourBrain__UtrechtJUG__11092025.pptx
Building an Inclusive Web Accessibility Made Simple with Accessibility Analyzer
Chapter 1 - Transaction Processing and Mgt.pptx
Multiverse AI Review 2025_ The Ultimate All-in-One AI Platform.pdf

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