Scribd
Upload
8 views

Web Development

Uploaded by

anonymousofficial717
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
8 views

Web Development

Uploaded by

anonymousofficial717
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 21

PRESENTATION ON

Title: “Website development.”

By SJKGIMT46,
CONTENTS

 Introduction

 Client-Server model

 How does client-server communication takes place?

 How does a website works on the internet?

 Different Web technologies


INTRODUCTION
“A website is a group of World Wide Web pages usually containing links to each other and made available online.”
“The building and maintaining an website is termed as web development.”
CLIENT-SERVER MODEL
How does the client communicates to the server?
NEED

FIND SERVER

COMMUNICATE

ASK FOR SERVICE

PROCESS

RESPONSE
How does a website work on the internet?
“Through a special kind of server known as DNS server.”
Technologies in Web development

HTML

REACT CSS

WEB
TECHNOLOGIE
S

JAVASC
PHP RIPT
BOOT
STRAP
THREE LAYERS OF WEB DESIGN
STRUCTURE (HTML) STYLE (CSS) BEHAVIOR (JS)
HTML (Hyper-Text –Markup Language)

 HTML is the standard markup language for creating Web pages.


 HTML describes the structure of a Web page
 HTML consists of a series of elements
 HTML elements tell the browser how to display the content
 HTML elements label pieces of content such as "this is a heading", "this is a paragraph", "this is a
link", etc.
“HTML gives structure and meaning to the content.”

But what should we do to make the web page look nice?


CSS (Cascading Style Sheet)
“Set of rules defining how an html element will be presented in the browser”
With CSS Without CSS
Things which you can do with CSS

 Colours
 Font
 Font Size
 Background
 Spacing
 Sizing
 Borders
 Position elements
JavaScript
“A client side language used to add interactivity to the webpage”

Interesting Things we can do with JavaScript-

• Implement search box (As in google)

• To make contents load automatically when its needed

• Create photo slideshow

• Automatic photo slide bar etc.


Bootstrap (A web framework)
“Bootstrap is a free, open source front-end development framework for the creation of websites and web apps.”

Advantages in web development-

• Easy initiation

• Highly customizable

• Extremely user centric


PHP (Hypertext Pre-processor)
“PHP is an open-source server-side scripting language that many developers use for
web development.”
What can PHP do?

 PHP can generate dynamic page content

 PHP can create, open, read, write, delete, and close files on the server

 PHP can collect form data

 PHP can send and receive cookies

 PHP can add, delete, modify data in your database

 PHP can be used to control user-access

 PHP can encrypt data


REACT
“A JavaScript library for building user interfaces”

 Build rich user interfaces

 Write custom components

 Offer fast rendering

 Strong community support

 Better code flexibility

You might also like