HTML&CSS设计与构建网站(一)

一 概述

本篇文章告诉您
一个Web应用是如何运转的?
程序员怎么样去通过HTML+CSS构建一个网站的

二 互联网应用是如何运转的

首先需要简单了解三个角色 :

Web服务器:主要是全天候监听并接收客户端连接请求,根据请求的数据做对应的业务逻辑处理后返回数据给客户端(浏览器),主要的Web服务器有Apache HTTP Server,Nginx等。

Web客户端 :主要是用于对服务器发起基于HTTP协议(get和post方式)的请求,接收服务器响应的数据并渲染和显示数据在客户端,典型的客户端有浏览器,移动端的App。

HTTP协议:用于从WWW服务器传输超文本到本地浏览器的传输协议。该协议主要由请求报文,响应报文和URL三部分组成。
URL=协议+主机+端口+资源(例如:https://192.168.1.102:8080/app/index.html)

当用户在浏览器(Chrome,FireFox)的地址栏中输入www.jd.com时,浏览器会请求DNS把这个域名解析成IP地址,然后根据IP地址在互联网上找到对应的服务器,向这个服务器发起HTTP get请求,由这个服务器决定返回默认的数据资源给访问的用户。

在服务端实际上还有很复杂的业务逻辑,服务器可能会有多台,到底由哪一台服务器来处理请求,这需要一个负载均衡设备(Nginx)来平均分配所有用户的请求,还有请求的数据存储在分布式缓存(Redis)还是一个静态文件(HTML)中,或者是在数据库(MySQL)里。

当数据返回给浏览器时,浏览器解析数据发现还有一些静态资源(如CSS,JS,图片)时又会发起另外的HTTP请求,而这些请求可能会在CDN上,那么CDN服务器又会处理这个用户的请求,大体上一个用户的请求会涉及到这么多操作。每一个细节都会影响这个请求最终是否会成功。

三 局域网BS架构搭建

很显然这里的BS指的是Broswer(浏览器)-Server(服务器)

3.1 基于Windows10的Apache HTTP Server的安装和基本使用

3.1.1下载地址

百度云盘链接:http://pan.baidu.com/s/1gfxFEkN 密码:jjjy

3.1.2 Apache HTTP Server的安装和配置

1 启动安装
启动安装

2 同意协议
同意协议

3 查看介绍
查看介绍

4 设置主机和服务地址
设置主机和服务地址

5 选择安装类型
选择安装类型

6 设置安装路径
设置安装路径

7 确认安装

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值