# 2. 网页开发基础 ## 第一部分：HTTP协议（1小时） ### 任务1：http协议分析 (10分钟) - **目标**：掌握http协议，理解http请求和响应的过程，以及http请求头和响应头的作用。 - **步骤**： 1. 在浏览器中打开开发者工具，选择Network选项卡。 2. 使用浏览器访问https://www.baidu.com/，观察浏览器的请求和响应过程。 3. 找到请求url为 https://www.baidu.com/ 的请求，查看请求头和响应头。找到这些字段值： Request Method: Status Code: Content-Type: 4. 在页面的搜索框中， 输入： 临沂科技职业学院，观察浏览器的请求和响应过程。 5. 将网站提供搜索建议的URL记录下来，观察此URL请求对应的请求头、响应头、请求数据、响应数据数据。 - - **评估**：将字段值填在上面步骤中。 ### 任务2：http method： get put post delete (10分钟) - **目标**：理解http method，理解get、put、post、delete的区别。 - **步骤**： 1. 在浏览器中打开开发者工具，选择Network选项卡。 2. 使用浏览器访问https://jsonplaceholder.typicode.com/ 3. 点击页面上的如下图的连接，观察浏览器的请求和响应过程。 ![](../resources/http-api-test.png) ### 任务3： 自定义请求 (40分钟) - **目标**：理解http method，能使用api工具测试web api。 - **步骤**： 1. idea中安装插件：Restful Api Tool 2. 在此插件中，自己按照任务2中的几个接口， 填写url和请求参数，点击发送请求，观察回应数据。 ## 第二部分：HTML/CSS/JavaScript基础实践（4小时） 1. **HTML5标签使用** - 使用HTML5的新标签（如`
`、`