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

Introduction to Web Development

  • 1.
  • 2.
  • 3.
    InThe Browser  Ifyou run this html on your browser -  The link is where you have saved your html file
  • 4.
    HTML  Stands forHypertext 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.
  • 5.
  • 6.
  • 7.
    ButThe UI SeemsLike AWebpage from 80s’
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 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 ServerSite 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 ServerSite 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 exampleof a button click to show the date and time
  • 18.
    JavaScript - Example Inthe 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.
  • 20.
  • 21.
    ThankYou Created by  NazZarreen Oishie  Publication Secretary  CLUSTER Presented By  Parvez Mahbub  IT Secretary  CLUSTER

Editor's Notes