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
