网页设计与制作案例教程

　　本书以Web开发环境的搭建为起点，全面、系统地介绍了网页设计和制作的相关理论及实际应用，重点讲解在W3C规范下用编写代码的方式制作网页的方法。全书分为8章。其中，第1章介绍网页开发环境的搭建；第2章～第4章通过对HTML、CSS、JavaScript语言的介绍使读者掌握网页制作的基本理论和技术；第5章～第7章加入对网页版式设计、HTML5、CSS3、响应式网页、CMS管理系统等内容的介绍，使读者掌握与网页设计相关的多媒体技术，并深入了解网页新规范及新技术的发展动向；第8章综合上述内容指导读者全面运用所学知识完成大型动态网站的搭建和制作。 本书以实用为基本出发点，内容全面，与时俱进，强调网页制作的具体应用和时效性，可作为应用型本科院校“网页设计”课程的实验指导教材，也可供自学网页设计技术的读者参考。

暂缺《网页设计与制作案例教程》作者简介

目录 

第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