A short introductory presentation of HTML, CSS, JavaScript, and PHP.

1. IntroductionToWeb Development
HTML, CSS, JAVASCRIPT, PHP

2. Our FirstWebpage

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.

5. HTML cont.

6. In the browser

7. ButThe UI Seems Like AWebpage from
80s’

8. CSS
Cascading Style Sheet

9. Output

10. Why called cascading

11. Output

12. CSS - Example

13. Output

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.

20. ButWe Are Programmers

21. ThankYou
Created by
 Naz Zarreen Oishie
 Publication Secretary
 CLUSTER
Presented By
 Parvez Mahbub
 IT Secretary
 CLUSTER