How A Web Works
How A Web Works
How a Web
Works ?
It Provides a simplified view of what happens
when you view a webpage in a web browser on
your computer or phone.
DNS
Client-Server Architecture
Request
Smart Phones
Laptops CLIENT NETWOR SERVER
Desktops K
Response
Clients are the typical web user's internet-connected devices, for example, your computer connected to your Wi-Fi,
or your phone connected to your mobile network and web-accessing software available on those devices usually a
web browser like Firefox or Chrome.
When a Client’s device wants to access a webpage, a copy of the webpage is downloaded from the server onto the
client machine to be displayed in the user's web browser.
So,What happens exactly ? HTTP Request-Response
• HTTP (application protocol) defines the language for clients
• The browser goes to the DNS server, and finds the real and servers to speak to each other.
address of the server that the website lives on. • HTTP request message from the browser.
• The browser sends an HTTP request message to the • HTTP response message from the server.
server, asking it to send a copy of the website to the
client. This message, and all other data sent between the
client and the server, is sent across your internet
connection using TCP/IP.
• If the server approves the client's request, the server
sends the client a "200 OK" message, which means "Of
course you can look at that website! Here it is", and DNS(Domain Name Server)
then starts sending the website's files to the browser as a • DNS acts as an address book for websites.
series of small chunks called data packets.
• Real web addresses look something like this:
• The browser assembles the small chunks into a 192:0.2.172(called an IP address) representing a unique
complete web page and displays it to client. location on web.
• DNS uses special servers that match up a web address you
type into your browser (like "mozilla.org") to the website's
real (IP) address.
• Websites can be reached directly via their IP addresses. You
can use a to find the IP address of a website. DNS lookup tool
4
Make a tabular format with columns
web version name, websites,
technology used,
unique features. Add at least 5
websites for each version.
09/20/2023
ADD A FOOTER
Product
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
09/20/2023
6 ADD A FOOTER
Feature 1 Title Feature 2 Title
Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. consectetuer adipiscing elit.
Maecenas porttitor congue Maecenas porttitor congue
massa. Fusce posuere, magna massa. Fusce posuere, magna
sed pulvinar ultricies sed pulvinar ultricies
09/20/2023
7 ADD A FOOTER
Divider
09/20/2023
8 ADD A FOOTER
Business Model
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue
massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit
amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus
a tellus
09/20/2023
9 ADD A FOOTER
Market Opportunity
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa
$12,345 $6,789
Section 1 Title Section 2 Title
Lorem ipsum dolor sit amet, consectetuer Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Maecenas porttitor congue massa. adipiscing elit. Maecenas porttitor congue massa.
Fusce posuere, magna sed pulvinar ultricies, purus Fusce posuere, magna sed pulvinar ultricies, purus
lectus malesuada libero, sit amet commodo magna lectus malesuada libero, sit amet commodo magna
eros quis urna. Nunc viverra imperdiet enim. eros quis urna. Nunc viverra imperdiet enim.
Fusce est. Fusce est.
Vivamus a tellus. Vivamus a tellus.
09/20/2023
10 ADD A FOOTER
Market Opportunity Slide
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Maecenas porttitor congue massa
09/20/2023
11 ADD A FOOTER
Competition
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere,
magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc
viverra imperdiet enim. Fusce est. Vivamus a tellus.
09/20/2023
12 ADD A FOOTER
Competition Slide
More Convenient
Competitor 1
Logo
Competitor 2
Competitor 4
Logo
Logo
Competitor 6
Logo
Competitor 3
Logo Competitor 5
Logo
09/20/2023
13 Less Convenient ADD A FOOTER
Growth Strategy
Lorem ipsum dolor sit amet, consectetuer adipiscing elit
• Lorem ipsum dolor sit amet, • Lorem ipsum dolor sit amet, • Lorem ipsum dolor sit amet,
consectetuer adipiscing elit. consectetuer adipiscing elit. consectetuer adipiscing elit.
Maecenas porttitor congue massa. Maecenas porttitor congue massa. Maecenas porttitor congue massa.
Nunc viverra imperdiet enim. Nunc viverra imperdiet enim. Nunc viverra imperdiet enim.
Fusce est. Vivamus a tellus. Fusce est. Vivamus a tellus. Fusce est. Vivamus a tellus.
• Pellentesque habitant morbi • Pellentesque habitant morbi • Pellentesque habitant morbi
tristique senectus et netus et tristique senectus et netus et tristique senectus et netus et
malesuada fames ac turpis egestas. malesuada fames ac turpis egestas. malesuada fames ac turpis egestas.
• Proin pharetra nonummy pede. • Proin pharetra nonummy pede. • Proin pharetra nonummy pede.
Mauris et orci. Mauris et orci. Mauris et orci.
09/20/2023
14 ADD A FOOTER
Traction
$0
20XX 20XX 20XX 20XX 20XX
09/20/2023
15 ADD A FOOTER
Timeline
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere,
magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc
viverra imperdiet enim. Fusce est. Vivamus a tellus.
Point 1 Title Point 2 Title Point 3 Title Point 4 Title Point 5 Title
Lorem ipsum dolor sit Lorem ipsum dolor sit Lorem ipsum dolor sit Lorem ipsum dolor sit Lorem ipsum dolor sit
amet, consectetuer amet, consectetuer amet, consectetuer amet, consectetuer amet, consectetuer
adipiscing elit. Maecenas adipiscing elit. Maecenas adipiscing elit. Maecenas adipiscing elit. Maecenas adipiscing elit. Maecenas
porttitor congue massa. porttitor congue massa. porttitor congue massa. porttitor congue massa. porttitor congue massa.
Fusce posuere, magna sed Fusce posuere, magna sed Fusce posuere, magna sed Fusce posuere, magna sed Fusce posuere, magna sed
pulvinar ultricies, purus pulvinar ultricies, purus pulvinar ultricies, purus pulvinar ultricies, purus pulvinar ultricies, purus
09/20/2023
16 ADD A FOOTER
Financials
20XX 20XX 20XX
Users 50,000 400,000 1,600,000
Jobs 500,000 4,000,000 16,000,000
Average price per job 75 80 90
COMPANY REVENUE @15% 5,625,000 48,000,000 216,000,000
- Cost of Revenue 0 0 0
Gross Profit 5,625,000 48,000,000 216,000,000
OPEX
- Sales & Marketing 5,062,500 38,400,000 151,200,000 70%
- Customer Service 1,687,500 9,600,000 21,600,000 10%
- Product Development 562,500 2,400,000 10,800,000 5%
- Misc. 281,250 2,400,000 4,320,000 2%
TOTAL OPEX 7,596,750 52,800,000 187,920,000
EBIT -1,968,750 -4,800,000 28,080,000 13%
09/20/2023
17 ADD A FOOTER
Team
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere,
magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna
09/20/2023
18 ADD A FOOTER
Our Team
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere,
magna sed pulvinar ultricies, purus lectus malesuada libero
09/20/2023
19 ADD A FOOTER
Funding
09/20/2023
20 ADD A FOOTER
Summary
• Lorem ipsum dolor sit amet, consectetuer adipiscing • Lorem ipsum dolor sit amet, consectetuer adipiscing
elit. Maecenas porttitor elit. Maecenas porttitor
• Pellentesque habitant morbi tristique senectus et netus • Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Proin pharetra et malesuada fames ac turpis egestas. Proin pharetra
nonummy pede. Mauris et orci. nonummy pede. Mauris et orci.
09/20/2023
21 ADD A FOOTER
Thank you!
Allan Mattson
Phone:
+1 206 555-0145
Email:
[email protected]
Website:
www.fineartschool.net
09/20/2023
22 ADD A FOOTER
Appendix
09/20/2023
23 ADD A FOOTER
Testimonials
Lorem ipsum dolor sit amet, consectetuer Lorem ipsum dolor sit amet, consectetuer
adipiscing elit. Maecenas porttitor congue adipiscing elit. Maecenas porttitor congue
massa. Fusce posuere, magna sed pulvinar massa. Fusce posuere, magna sed pulvinar
ultricies, purus lectus malesuada libero, ultricies, purus lectus malesuada libero,
sit amet commodo magna eros quis urna. sit amet commodo magna eros quis urna.
Nunc viverra imperdiet enim. Fusce est. Nunc viverra imperdiet enim. Fusce est.
Vivamus a tellus. Pellentesque habitant Vivamus a tellus. Pellentesque habitant
morbi tristique senectus et netus et morbi tristique senectus et netus et
malesuada fames ac turpis egestas. malesuada fames ac turpis egestas.
09/20/2023
24 ADD A FOOTER
Case Study
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue
massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit
amet commodo magna eros quis urna
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, Maecenas porttitor congue massa. Fusce posuere, magna sed
purus lectus malesuada libero, sit amet commodo magna eros quis pulvinar ultricies, purus lectus malesuada libero, sit amet
urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus. commodo magna eros quis urna.
Pellentesque habitant morbi tristique senectus et netus et malesuada • Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et
orci. • sPellentesque habitant morbi tristique senectus et netus et
malesuada fames ac turpis egestas. Proin pharetra nonummy
pede. Mauris et orci.
09/20/2023
25 ADD A FOOTER
Mobile version
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue
massa. Fusce posuere, magna sed pulvinar ultricies
09/20/2023
26 ADD A FOOTER
Customize this Template
Template Editing
Instructions and Feedback