网页设计与制作案例教程PDF电子书下载

第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章 熟悉HTM L的基本标记 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