web服务器开发课程项目实训,Web前端开发实训案例教程（初级）

目 录

第1章 实践概述 1

1．1 实践目标 1

1．2 实践知识地图 1

1．3 实施安排 6

1．3．1 实验部分(技术专题) 6

1．3．2 综合实践部分 11

第2章 网页设计与制作 19

2．1 实验目标 19

2．2 实验任务 19

2．3 设计思路 20

2．4 实验实施(跟我做) 20

2．4．1 步骤一：设计网页原型 20

2．4．2 步骤二：设计页面效果 21

2．4．3 步骤三：网页切图 22

2．4．4 步骤四：网页设计 25

第3章 开发工具(HBuilder) 26

3．1 实验目标 26

3．2 实验任务 26

3．3 设计思路 26

3．4 实验实施(跟我做) 27

3．3．1 步骤一：下载并安装

HBuilder 27

3．3．2 步骤二：启动HBuilder 27

3．3．3 步骤三：创建工程 28

3．3．4 步骤四：创建HTML页面 29

3．3．5 步骤五：编辑HTML文件 30

3．3．6 步骤六：运行 30

第4章 网站服务器部署

(Apache服务器) 32

4．1 实验目标 32

4．2 实验任务 32

4．3 设计思路 32

4．4 实验实施(跟我做) 32

4．3．1 步骤一：下载Apache 32

4．3．2 步骤二：安装Apache 34

4．3．3 步骤三：测试Apache 35

第5章 HTML制作静态网页

(新闻网站) 36

5．1 实验目标 36

5．2 实验任务 37

5．3 设计思路 37

5．4 实验实施(跟我做) 38

5．4．1 步骤一：创建“登录”页面 38

5．4．2 步骤二：添加“登录”

页面内容 38

5．4．3 步骤三：创建新闻首页和

二级页面 39

5．4．4 步骤四：添加新闻页面

内容 39

5．4．5 步骤五：实现页面跳转 42

第6章 CSS设计页面样式

(购物网站) 43

6．1 实验目标 43

6．2 实验任务 44

6．3 设计思路 44