学习情境1企业型网站设计与制作 1
1.1 企业型网站界面设计 2
任务1设计制作页面背景 3
任务2设计制作网站logo 5
任务3设计制作竖式导航区 9
任务4设计制作主要内容区域 11
任务5设计制作版权区域 18
1.2 企业型网站页面制作 18
任务1搭建建设网页制作网站的基本工作环境 18
任务2布局制作头部区域 21
任务3布局制作导航区 23
任务4布局制作内容区域 25
任务5布局制作版权区域 27
1.3 知识拓展 28
1.3.1 网页设计：图层和图层样式 28
1.3.2 网页制作：运用class与id设置样式 28
1.3.3 网页制作：盒子模型应用 29
1.3.4 网页制作：设置背景 30
1.4 能力拓展 31
1.4.1 拓展练习：设计企业网站的logo 31
1.4.2 独立实践：设计制作企业网站 31
学习情境2电子商务型网站的设计与制作 32
2.1 电子商务型网站界面设计 33
任务1设计制作头部区域 35
任务2设计制作banner区域 42
任务3设计制作栏目“商品分类” 48
任务4设计制作栏目“新品上架” 53
任务5设计制作栏目“畅销排行” 56
任务6设计制作栏目“产品意见分享” 59
任务7设计制作底部及版权区域 61
2.2 电子商务型网站页面制作 63
任务1布局制作头部区域 63
任务2布局制作banner区域 68
任务3布局制作栏目“商品分类” 71
任务4布局制作栏目“新品上架” 73
任务5布局制作栏目“畅销排行／产品意见分享” 75
任务6布局制作底部及版权区域 78
2.3 知识拓展 80
2.3.1 网页设计：Photoshop中的蒙版 80
2.3.2 网页制作：利用浮动设置样式 81
2.3.3 网页制作：运用列表标签制作网页内容 81
2.4 能力拓展 83
2.4.1 拓展练习：利用图层样式设计艺术文字 83
2.4.2 独立实践：设计制作电子商务型网站 83
学习情境3政府型网站设计与制作 84
3.1 政府型网站界面设计 85
任务1设计制作页面背景 86
任务2设计制作banner区域 94
任务3设计栏目标题 96
任务4设计制作栏目“信息公告” 99
任务5设计制作栏目“信息中心” 101
任务6设计制作栏目“办事大厅” 104
任务7设计制作栏目“办件查询” 108
任务8设计制作栏目“政策法规”和“便民服务” 110
3.2 政府型网站页面制作 112
任务1布局制作页面背景 112
任务2布局制作banner区域 115
任务3布局栏目标题样式 119
任务4布局左边栏目内容 123
任务5布局制作栏目“信息中心” 128
任务6布局制作栏目“办事大厅” 130
任务7布局制作栏目“办件进度查询” 132
任务8布局制作栏目“政策法规”和“便民服务” 133
3.3 知识拓展 135
3.3.1 网页设计：通道 135
3.3.2 网页制作：表格结构布局要点 135
3.3.3 网页制作：表单布局制作要点 136
3.3.4 网页制作：“选项卡”常见结构与关键样式 137
3.4 能力拓展 140
3.4.1 拓展练习：利用图层样式设计艺术文字 140
3.4.2 独立实践：设计制作政府型网站 140
学习情境4娱乐型网站设计与制作 141
4.1 娱乐型网站界面设计 142
任务1设计制作头部区域 143
任务2设计制作导航区域 149
任务3设计制作热点区域 153
任务4设计制作栏目“娱乐”区 158
任务5设计制作栏目“版权”区 163
4.2 娱乐型网站页面制作 164
任务1布局制作banner区域 164
任务2布局制作导航区域 165
任务3布局制作热点区域 166
任务4布局制作内容区域 166
任务5布局制作3个广告条 167
任务6布局制作底部区域 169
4.3 知识拓展 171
4.3.1 网页设计：Photoshop中的路径 171
4.3.2 网页制作：绝对定位与相对定位 172
4.4 能力拓展 173
4.4.1 拓展练习：利用路径勾勒图形 173
4.4.2 独立实践：设计制作娱乐型网站 173
学习情境5 美食网站设计与制作 174
5.1 美食网站界面设计 175
任务1设计制作头部区域 177
任务2设计制作banner区域 179
任务3设计制作栏目“商家排行”和“订餐厅” 184
任务4设计制作栏目“拍客榜”和“找美食” 186
任务5设计制作剩余栏目 188
任务6设计制作底部区域 191
5.2 美食网站页面制作 193
任务1制作头部区域 193
任务2制作banner区域 198
任务3布局制作栏目“排行榜”和“拍客榜” 203
任务4布局制作栏目“订餐厅”和“找美食” 205
任务5布局制作栏目“找优惠” 206
任务6布局制作栏目“预订动态”和“网友热评” 207
任务7制作友情链接和版权部分 209
5.3 知识拓展 210
5.3.1 网页设计：Photoshop使用技巧集锦 210
5.3.2 网页制作：二级菜单结构样式设置 211
5.4 能力拓展 214
5.4.1 拓展练习：人物美化 214
5.4.2 独立实践：设计制作综合型门户网站 214