模块一 了解网页设计 1
任务一 常见网站鉴赏与分析 1
1.1.1 网站鉴赏 1
1.1.2 网站的基本概念 6
1.1.3 网站的分类 8
任务二 常见网页设计与制作工具 9
1.2.1 Dreamweaver静态网页设计与制作软件 9
1.2.2 Photoshop平面图形图像处理软件 10
1.2.3 Flash平面动画制作软件 11
任务三 网站建设工作流程 11
模块小结 14
教学评价 14
模块二 项目创建 15
任务一 了解项目并分析、设计主页内容 15
2.1.1 四川省绵阳财经学校介绍 15
2.1.2 分析网站栏目并展示主页界面 18
任务二 项目站点的创建与管理 22
2.2.1 认识Dreamweaver CS6工作界面 22
2.2.2 站点的创建与管理 29
模块小结 42
教学评价 42
模块三 创建站点主页并完善主页内容 43
任务一 主页创建与管理 43
3.1.1 新建HTML网页 44
3.1.2 保存HTML网页 45
3.1.3 关闭与再编辑 46
任务二 初识CSS和DIV 48
3.2.1 认识CSS样式表 48
3.2.2 CSS定义页面属性 53
3.2.3 认识DIV 61
3.2.4 认识DIV+CSS布局页面 63
任务三 加入页面文字内容 68
3.3.1 加入导航内容 69
3.3.2 加入页面中间部分内容 76
3.3.3 加入页脚内容 81
任务四 加入多媒体内容 83
3.4.1 在网页相应位置加入图片 84
3.4.2 在网页相应位置插入Flash动画 88
3.4.3 在网页相应位置插入视频文件 91
任务五 为页面内容创建超链接 93
3.5.1 为导航及信息列表内容添加内部链接 93
3.5.2 为友情链接图片添加外部链接 96
3.5.3 为国示创建栏目添加资源下载链接 98
3.5.4 在页脚底部添加返回顶部的页内锚点链接 100
任务六 用样式表文件美化页面元素 102
3.6.1 CSS样式表语法格式 102
3.6.2 CSS样式表美化超链接 107
3.6.3 样式表文件的创建、保存、关闭与再编辑 110
3.6.4 建立样式表文件和网页文件之间的联系 111
3.6.5 用样式表文件控制主页主体文本样式 113
3.6.6 用样式表文件控制导航文本风格 115
3.6.7 用样式表文件控制友情链接等栏目文本风格 117
3.6.8 用样式表文件控制底部导航文本风格 120
3.6.9 用样式表文件控制页脚文文本格 122
3.6.10 用样式表文件控制网页中图片风格 124
模块小结 127
教学评价 127
模块四 规范主页页面布局 128
任务一 用DIV+CSS技术搭建页面框架结构 128
4.1.1 分析主页DIV框架结构 128
4.1.2 在合适位置插入DIV并为其命名 138
4.1.3 用样式表文件控制DIV的显示 147
任务二 用DIV+CSS技术布局页面栏目 150
4.2.1 通知公告栏目布局 151
4.2.2 新闻信息栏目布局 159
4.2.3 师生风采栏目布局 163
任务三 用CSS美化栏目列表信息 166
4.3.1 友情链接栏目美化 167
4.3.2 底部导航信息美化 168
模块小结 169
教学评价 170
模块五 创建并规范子页面 171
任务一 创建信息列表页面 171
5.1.1 信息列表页面的创建 171
5.1.2 加入信息列表页必要的DIV、文字及图片内容 174
5.1.3 为信息列表页设计CSS样式 178
任务二 信息显示页面创建 189
5.2.1 信息显示页面的创建 189
5.2.2 加入信息显示页必要的DIV、文字及图片内容 192
5.2.3 为信息显示页设计CSS样式 194
任务三 创建留言页面 203
5.3.1 创建留言页并掌握表单的概念及表单项的作用 203
5.3.2 为页面添加表单元素 208
5.3.3 用CSS进行表单元素的显示风格设计 210
模块小结 220
教学评价 221
模块六 网页设计与制作的应用提高 222
计算机应用专业介绍 222
分析计算机应用专业网站功能内容及主页效果 228
计算机应用专业网站主页布局 237
模块小结 245
教学评价 246
参考文献 247