网页设计实训教程PDF电子书下载

实训一 制作诗词欣赏页面 1

1.1 实训目标 1

1.2 实训内容 1

1.3 实训效果 1

1.4 实现过程 2

任务1：制作诗词欣赏页面 2

任务2：美化诗词欣赏页面 7

1.5 总结与思考 9

实训二 制作新闻列表页面 10

2.1 实训目标 10

2.2 实训内容 10

2.3 实训效果 10

2.4 实现过程 11

任务1：制作新闻列表页面 11

任务2：美化新闻列表页面 14

2.5 总结与思考 15

实训三 制作导航菜单 16

3.1 实训目标 16

3.2 实训内容 16

3.3 实训效果 16

3.4 实现过程 17

任务1：编辑导航菜单 17

任务2：美化导航菜单 19

3.5 总结与思考 28

实训四 制作个人相册 29

4.1 实训目标 29

4.2 实训内容 29

4.3 实训效果 29

4.4 实现过程 30

任务1：编辑个人相册 30

任务2：美化个人相册 32

4.5 总结与思考 41

实训五 制作成绩登记表 42

5.1 实训目标 42

5.2 实训内容 42

5.3 实训效果 42

5.4 实现过程 43

任务1：制作成绩登记表 43

任务2：美化成绩登记表 46

5.5 总结与思考 52

实训六 使用框架制作网站管理中心系统 53

6.1 实训目标 53

6.2 实训内容 53

6.3 实训效果 53

6.4 实现过程 54

任务1：制作框架结构 54

任务2：子窗口的设置 57

任务3：页面设计 59

任务4：浮动框架 63

6.5 总结与思考 63

实训七 制作会员登录与注册页面 65

7.1 实训目标 65

7.2 实训内容 65

7.3 实训效果 65

7.4 实现过程 66

任务1：制作会员登录页面 66

任务2：制作注册页面 69

任务3：实现表单信息验证 73

7.5 总结与思考 77

实训八 使用DIV＋CSS布局网站首页 79

8.1 实训目标 79

8.2 实训内容 79

8.3 实训效果 79

8.4 实现过程 80

任务1：企业网站布局设计 80

任务2：页面各区域内容实现 84

8.5 总结与思考 90

实训九 综合案例——我的博客 91

9.1 分析结构 91

9.1.1 设计分析 91

9.1.2 排版架构 92

9.2 模块设计 93

9.2.1 导航与banner 93

9.2.2 左侧列表 94

9.2.3 内容部分 97

9.2.4 footer脚注 98

9.3 整体调整 99

9.4 网页源码 101

实训十 综合案例——企业网站 106

10.1 分析结构 106

10.1.1 设计分析 107

10.1.2 排版架构 107

10.2 模块设计 108

10.2.1 导航与banner 109

10.2.2 左侧部分 110

10.2.3 中间部分 112

10.2.4 右侧部分 113

10.2.5 footer脚注 115

10.3 整体调整 116

10.4 网页源码 118

实训十一 综合案例——班级网站 126

11.1 班级网站的规划与设计 126

11.1.1 网站定位 126

11.1.2 需求分析 126

11.1.3 栏目设计 127

11.1.4 站点定义与目录管理 127

11.1.5 网站的风格设计 127

11.2 网页设计与制作 129

11.2.1 页面布局 129

11.2.2 全局CSS定义 129

11.2.3 首页制作 131

11.2.4 二级页面制作 136

11.2.5 内容页面制作 138

11.3 网站测试与发布 139

11.3.1 安装IIS服务器 139

11.3.2 建立虚拟目录 140

11.3.3 管理站点 141

参考文献 142