网站设计与网页制作项目化教程(微课版)

项目1 网站总体设计 1
任务1．1　本地站点的创建与管理 2
1．1．1 创建本地站点 2
1．1．2 管理本地站点 4
1．1．3 管理站点内容 5
实训任务1．1 使用Dreamweaver创建并管理站点 7
任务1．2 网站建设流程分析 11
1．2．1 总体策划 11
1．2．2 网站形象设计 12
1．2．3　网站制作 13
1．2．4 网站测试 13
1．2．5 网站发布 14
实训任务1．2 网站栏目设置分析 14
任务1．3　网站结构和网站类型 16
1．3．1 网站结构设计 17
1．3．2　网站的分类 21
实训任务1．3 网站栏目设计与内容策划 28
任务1．4 网页的构成 32
1．4．1 网页的版面构成 32
1．4．2 网页布局设计 34
1．4．3 网页中色彩的应用 40
实训任务1．4 网页的版面设计 45
任务1．5 网站素材的准备 49
1．5．1 字体的下载与安装 50
1．5．2 导航素材的制作 51
1．5．3 轮播图的制作 53
1．5．4 图层分组 54
1．5．5 导出网页素材 55
实训任务1．5 网页素材的收集和处理 55
同步测试 58
项目小结 60
项目2 表格布局的网页制作 61
任务2．1 网页基本属性的设置及文本的编辑 62
2．1．1 设置网页属性 63
2．1．2 编辑网页文本 66
2．1．3 插入水平线和版权符号 68
实训任务2．1 “窑湾简介”网页的制作 69
任务2．2 利用表格布局网页 73
2．2．1 头部区表格的搭建 75
2．2．2 横幅区表格的搭建 77
2．2．3 主体内容区表格的搭建 77
2．2．4 底部区表格的搭建 78
实训任务2．2 “窑湾印象”网页布局框架的搭建 79
任务2．3 插入图片等网页元素 84
2．3．1 头部区背景图片的插入 85
2．3．2 插入Logo图片 86
2．3．3 插入天气预报的代码 86
2．3．4 在导航中插入“鼠标经过图像” 87
2．3．5 插入分割线和Banner图片 88
2．3．6 在左边列中插入背景图片 89
实训任务2．3 “窑湾印象”网页的制作 90
任务2．4 表单网页的制作 91
2．4．1 创建表单的过程分析 92
2．4．2 创建“窑湾印象”在线留言表单网页 93
实训任务2．4 用户注册页面的制作 97
同步测试 101
项目小结 104
项目3 DIV+CSS布局的网页制作及上传 105
任务3．1 DIV+CSS网页框架的制作 107
3．1．1 头部区框架的搭建 108
3．1．2 横幅区框架的搭建 114
3．1．3 主体内容区框架的搭建 116
3．1．4 底部区框架的搭建 119
3．1．5 主体框架的细化 120
实训任务3．1 制作“窑湾地理”网页框架 124
任务3．2 在DIV+CSS框架中添加网页元素 130
3．2．1 添加背景图片 131
3．2．2 插入图片 132
3．2．3 天气预报代码的添加 133
3．2．4 应用无序列表添加网页头部区的导航 134
3．2．5 应用定义列表添加主体内容区的二级导航 138
实训任务3．2 在“窑湾地理”网页中添加网页元素 143
任务3．3 网页视听效果的制作 148
3．3．1 轮播效果的制作 150
3．3．2 “鼠标经过图像”效果的制作 151
3．3．3 滚动字幕的制作 152
3．3．4 图片放大效果的制作 154
3．3．5 透明flash效果的制作 155
3．3．6 视频文件的添加 157
实训任务3．3 在“窑湾首页”中添加视听效果 158
任务3．4 超链接的创建 160
3．4．1 图片链接的创建 161
3．4．2 热点链接的创建 163
3．4．3 文字链接的创建 164
3．4．4 锚记链接的创建 166
实训任务3．4 在“窑湾首页”中添加超链接 167
任务3．5 域名注册和网站上传 170
3．5．1 域名的注册 171
3．5．2 上传到收费空间 173
实训任务3．5 注册域名 177
同步测试 179
项目小结 182
综合实训项目 小型网站的设计与制作 183
任务1 网站素材的收集和草图的制作 184
任务2 网站策划方案的撰写 184
任务3 网页制作 185
任务4 网站作品展示与互评 186
任务5 网站测试与发布 186
任务6 文档整理和提交 187