Scribd
Upload
5 views14 pages

WP Lecture 1

Uploaded by

nomanpakistan0332
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
5 views14 pages

WP Lecture 1

Uploaded by

nomanpakistan0332
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 14

WEB PROGRAMMING

WEB DESIGN & DEVELOPMENT

 Course Objectives:

 Objective of this course is to make students


familiar with the concepts of Web Design and
Development.
WEB DESIGN & DEVELOPMENT
 Course Content:
 Main contents of this course are:
 HTML: Used to structure a webpage content.
 CSS (Cascading Style Sheet):
 Itgives style to the content displayed in
HTML
 Example: form, color, background etc.

 JavaScript: It tells us how to interact with


the contents of the web page.
 Example:Validation – when a user
submits a form etc
WEB DESIGN & DEVELOPMENT
 Course Content:
 HTML:
 Introduction Front end Development
 URL - Uniform Resource Locator
 Webserver, Services and Agents
 Headings, Elements and Attributes
 Heading, Paragraph and Styling
 HTML Table Handling
 HTML Layout, Form and Colors
WEB DESIGN & DEVELOPMENT
 Introduction:

 Front-end development, also known as Client-


Side Development is the practice of producing
 HTML

 CSS and

 JavaScript

 The front end developer stands between the


designer on one end and the back end developer
on the other.
WEB DESIGN & DEVELOPMENT
 Introduction:

 As a Front end developer you have to:

 Make sure the content is presented as desire.


 All user interactions are handled.
WEB DESIGN & DEVELOPMENT
 URL: Uniform Resource Locator

 Is the generic term for all types of names and


addresses on the World Wide Web.

 The term "Web address" is a synonym for a URL


that uses the HTTP or HTTPS protocol.
 Example: http://mydomain.com
http://mydomain.com/myresource.html
WEB DESIGN & DEVELOPMENT
 URL: Uniform Resource Locator

Parts of a URL
 The first part of the URL is called a protocol
identifier and it indicates what protocol to use.
 http://mydomain.com/myresource.html
 The second part is called a resource location
name and it specifies the IP address or the
domain name where the resource is located.
 http://mydomain.com/myresource.html
WEB DESIGN & DEVELOPMENT
 URL: Uniform Resource Locator

Parts of a URL
 The third part is optional; it’s the resource name,
typically a file name on server.
 http://mydomain.com/myresource.html
 Dynamic URL
 Dynamic URLs often contain the characters
like: ?, &, %, +, =, $, cgi-bin.
 http://mydomain.com/myres.php?fname=Asim
WEB DESIGN & DEVELOPMENT
 HTTP Basics

 HTTP - (Hypertext Transfer Protocol)


 It’s an application level protocol.
 HTTP Requests
 Two commonly used methods for a request-
response between a client and server are:
 GET and POST

 GET -Requests data from a specified resource, has


limited length and can cached by client.
 POST-Submits data to be processed to a specified
resource, has no data limit and never cached.
WEB DESIGN & DEVELOPMENT
 HTTP Basics

 HTTPS (Hypertext Transfer Protocol Secure)


 All the communications between client and
server are encrypted and authenticated.
WEB DESIGN & DEVELOPMENT
HTTP HTTPS
HTTP URL in your browser's HTTPs URL in your browser's
address bar is http:// address bar is https://
HTTP is unsecured HTTPS is secured
HTTP sends data over port 80 HTTPS sends data over port 443
HTTP operates at application HTTPS operates at transport layer
layer
No SSL certificates are required HTTPS it is required that you have
for HTTP an SSL certificate and it is signed
by a CA.
HTTP doesn't require domain HTTPS requires at least domain
validation validation and certain certificates
even require legal document
validation.
No encryption in HTTP, HTTPS the data is encrypted
before sending.
WEB DESIGN & DEVELOPMENT
 Web Server, Services and Agents

 Web Server
 A Web server is a program that uses HTTP to serve
the files that form Web pages to users
 Application Server
 It is a software framework that provides both
facilities to create web applications and a server
environment to run them.
 Web Services
 Web services are client and server applications that
communicate over the World Wide Web (WWW)
using Hyper Text Transfer Protocol (HTTP).
 ANY QUESTIONS?

 THANKYOU!! 

You might also like