Foundation of Web Design & Development
45
Foundation of Web : Design, Development & Technology AdiBit
-
Upload
aditya-sapkota -
Category
Technology
-
view
121 -
download
1
Transcript of Foundation of Web Design & Development
Foundation of Web :
Design, Development & Technology
AdiBit
How WEB Works?
AdiBit
Internet vs. Web(Are they same?)
AdiBit
InternetMassive Network of
Millions Computer all over the World that used to
share &
transmit information.
AdiBit
InternetIncludes
- SMS Messaging
- Application Data
- Web itself.
AdiBit
WWW aka Web-Way of transmitting Data Over the Internet using
HTTP Protocol & HTML.
-Series of Interactions between two types of System : Client & Server.
AdiBit
ClientDevices that request &
render WEB Content..
AdiBit
Major Client Types
-Browsers
-Screen Readers
-Mobile Apps
-IOTsAdiBit
ServerApplications that delivers Web Content & Services to Clients.
AdiBit
Working with Clients & Servers
AdiBit
request for Content is made to Server.
Every time you Open the Link or Typed the URL
AdiBit
Diving Deeper
AdiBit
AdiBit
AdiBit
Process SummaryWhen your browser makes request it Uses URL
(Eg: https://heartmeetswords.wordpress.com) to Locate the Requested Content.
This request is passed to DNS Server then DNS translate the URL to IP Address.
Browser uses IP Address to Locate the HOST Server & Send the request for Content.
AdiBit
Then?
AdiBit
Now, Two Types of Processes Occurs According requested Website
Type(s):
AdiBit
Static SitesHTML Content is passed by Server &
Render by Browser.
Media Files & CSS are Downloaded to Client % Displayed to Browser After Rendering.
Finally, JavaScript is Render for Additional Features of Websites.
Static webpage: is delivered to the user exactly as stored.
AdiBit
Dynamic Sites First, these sites requires further
processing for Additional Features.
Dynamic Sites Pages are 1st processed by Web Application before they are served to Browsers.
Then, Every Steps of Static Sites are followed along.
Dynamic webpage :whose construction is controlled by an application server processing server-side scripts.
AdiBit
#FactEvery Processes above for both Sites types are done within few Seconds.
AdiBit
Three Languages of
WEB
AdiBit
Hypertext Markup Language
AdiBit
HTMLMarkup Languages means uses of Tags to determine what
Types of Contents should Browser should Display.
Father : Tim- Berners Lee
Birth : 1990 (26 years old)
Latest Release : 5.0 (Oct 2014)
AdiBit
Let's Get the Hands on…
AdiBit
References :
http://www.w3schools.com/html/
AdiBit
Cascading Style Sheets
AdiBit
CSSCSS is used to Control Visual Presentation of
Webpage.
AdiBit
References :
http://www.w3schools.com/css/
AdiBit
JSJavaScript
AdiBit
JavaScriptJavaScript is used for Controlling the Behavior of
Page Element.
AdiBit
References :
http://www.w3schools.com/js/
AdiBit
Domain Name Server
AdiBit
DNSPhonebook of the Internet
Where,
-Phone Numbers are IP address of Sites.
-Contact Name are Domain Names.
AdiBit
AdiBit
Internet Protocols
AdiBit
AdiBit
Internet ProtocolProtocols are simple languages that
let computers share information with each other regardless state, languages
& Systems
AdiBit
AdiBit
AdiBit
AdiBit
AdiBit
AdiBit
AdiBit
Thank You!
AdiBit
