网页设计与制作案例教程

目录 

第1章Web服务器及开发环境的搭建/1

1.1实验一开发环境的搭建/1

1.1.1实验目的/1

1.1.2实验要求/1

1.1.3相关知识/1

1.1.4实验内容及步骤/1

项目一安装、配置Apache/1

项目二安装、配置IIS/3

项目三Windows系统中FTP服务器的配置/6

1.2实验二制作一个网页/8

1.2.1实验目的/8

1.2.2实验要求/8

1.2.3相关知识/8

1.2.4实验内容及步骤/10

项目一使用编辑器编写网页/10

项目二编写一个结构完整的HTML页面/10第2章熟悉HTML的基本标记/12

2.1实验一熟悉HTML(一)/12

2.1.1实验目的/12

2.1.2实验要求/12

2.1.3相关知识/12

2.1.4实验内容及步骤/14

项目一学习创建简单的网页/14

项目二创建不同类型的链接/16

项目三链接到同一页面的不同位置/17

项目四添加图像/18

2.2实验二熟悉HTML(二)/19

2.2.1实验目的/19

2.2.2实验要求/19

2.2.3相关知识/19

2.2.4实验内容及步骤/21

项目一制作学生成绩单/21

项目二创建嵌套列表/22

项目三创建用户注册表单/23第3章CSS的运用/25

3.1实验一CSS基础知识/25

3.1.1实验目的/25

3.1.2实验要求/25

3.1.3相关知识/25

3.1.4实验内容及步骤/27

项目一用CSS格式化文本/27

项目二用CSS美化颜色和背景/30

项目三用CSS美化表单/35

3.2实验二CSS布局/36

3.2.1实验目的/36

3.2.2实验要求/37

3.2.3相关知识/37

3.2.4实验内容及步骤/38

项目一盒子模式/38

项目二浮动和导航条/42

项目三网页布局/46第4章JavaScript入门/52

4.1实验一JavaScript基础知识/52

4.1.1实验目的/52

4.1.2实验要求/52

4.1.3相关知识/52

4.1.4实验内容及步骤/54

项目一文本输出及提示框调用/54

项目二变量定义和条件语句/55

项目三while循环/56

项目四数组/58

4.2实验二了解jQuery/59

4.2.1实验目的/59

4.2.2实验要求/59

4.2.3相关知识/59

4.2.4实验内容及步骤/60

项目一jQuery基础/60

项目二jQuery选择器和事件/61

项目三jQuery效果/63

4.3实验三编写综合JavaScript程序/68

4.3.1实验目的/68

4.3.2相关知识/68

4.3.3实验内容及步骤/69

项目一图片轮播插件的应用/69

项目二在表单上使用日期时间选择器/71

项目三在网页上绘制图表/74第5章网页版式设计/78

5.1实验一Web图像基础/78

5.1.1实验目的/78

5.1.2实验要求/78

5.1.3相关知识/78

5.1.4实验内容及步骤/79

项目一创建并存储一个平面彩色图像/79

项目二保存多级透明度图像/80

项目三创建并保存多色彩图片/81

5.2实验二Web版式设计/82

5.2.1实验目的/82

5.2.2实验要求/82

5.2.3相关知识/82

5.2.4实验内容及步骤/83

项目一制定网页布局及配色方案/83

项目二制作主页设计效果图/85第6章新型网页设计/92

6.1实验一HTML5与CSS3/92

6.1.1实验目的/92

6.1.2实验要求/92

6.1.3相关知识/92

6.1.4实验内容及步骤/93

项目一利用HTML5布局页面并展示音频、

视频/93

项目二为HTML5页面定义样式/96

6.2实验二响应式布局及移动终端自适应网页

设计/97

6.2.1实验目的/97

6.2.2实验要求/98

6.2.3相关知识/98

6.2.4实验内容及步骤/99

项目一使用Bootstrap框架制作响应式网页/99

项目二模拟移动端尺寸查看网站/103第7章CMS内容管理系统简介/105

7.1实验一常用CMS系统介绍及帝国CMS的

安装/105

7.1.1实验目的/105

7.1.2实验要求/105

7.1.3相关知识/105

7.1.4实验内容及步骤/106

项目一在本地安装帝国CMS/106

项目二帝国CMS的初始设置/108

7.2实验二应用帝国CMS创建网站/109

7.2.1实验目的/109

7.2.2实验要求/109

7.2.3相关知识/110

7.2.4实验内容及步骤/111

项目一增加栏目并录入信息/111

项目二利用帝国CMS标签制作网页模板/114

项目三网站的迁移/117第8章动态网站搭建案例/119

8.1实验一服务环境和CMS系统的搭建/119

8.1.1实验目的/119

8.1.2实验要求/119

8.1.3相关知识/119

8.1.4实验内容及步骤/119

项目一服务环境的搭建/119

项目二CMS系统的搭建/124

项目三前端网页模板的制作/127

8.2实验二网站运维/133

8.2.1实验目的/133

8.2.2实验要求/133

8.2.3实验内容及步骤/133

项目一管理栏目信息/133

项目二管理运维人员账号/133参考文献/136