学习情境1企业型网站设计与制作

1.1 企业型网站界面设计

任务1设计制作页面背景

任务2设计制作网站logo

任务3设计制作竖式导航区

任务4设计制作主要内容区域

任务5设计制作版权区域

1.2 企业型网站页面制作

任务1搭建建设网页制作网站的基本工作环境

任务2布局制作头部区域

任务3布局制作导航区

任务4布局制作内容区域

任务5布局制作版权区域

1.3 知识拓展

1.3.1 网页设计：图层和图层样式

1.3.2 网页制作：运用class与id设置样式

1.3.3 网页制作：盒子模型应用

1.3.4 网页制作：设置背景

1.4 能力拓展

1.4.1 拓展练习：设计企业网站的logo

1.4.2 独立实践：设计制作企业网站

学习情境2电子商务型网站的设计与制作

2.1 电子商务型网站界面设计

任务1设计制作头部区域

任务2设计制作banner区域

任务3设计制作栏目“商品分类”

任务4设计制作栏目“新品上架”

任务5设计制作栏目“畅销排行”

任务6设计制作栏目“产品意见分享”

任务7设计制作底部及版权区域

2.2 电子商务型网站页面制作

任务1布局制作头部区域

任务2布局制作banner区域

任务3布局制作栏目“商品分类”

任务4布局制作栏目“新品上架”

任务5布局制作栏目“畅销排行／产品意见分享”

任务6布局制作底部及版权区域

2.3 知识拓展

2.3.1 网页设计：Photoshop中的蒙版

2.3.2 网页制作：利用浮动设置样式

2.3.3 网页制作：运用列表标签制作网页内容

2.4 能力拓展

2.4.1 拓展练习：利用图层样式设计艺术文字

2.4.2 独立实践：设计制作电子商务型网站

学习情境3政府型网站设计与制作

3.1 政府型网站界面设计

任务1设计制作页面背景

任务2设计制作banner区域

任务3设计栏目标题

任务4设计制作栏目“信息公告”

任务5设计制作栏目“信息中心”

任务6设计制作栏目“办事大厅”

任务7设计制作栏目“办件查询”

任务8设计制作栏目“政策法规”和“便民服务”

3.2 政府型网站页面制作

任务1布局制作页面背景

任务2布局制作banner区域

任务3布局栏目标题样式

任务4布局左边栏目内容

任务5布局制作栏目“信息中心”

任务6布局制作栏目“办事大厅”

任务7布局制作栏目“办件进度查询”

任务8布局制作栏目“政策法规”和“便民服务”

3.3 知识拓展

3.3.1 网页设计：通道

3.3.2 网页制作：表格结构布局要点

3.3.3 网页制作：表单布局制作要点

3.3.4 网页制作：“选项卡”常见结构与关键样式

3.4 能力拓展

3.4.1 拓展练习：利用图层样式设计艺术文字

3.4.2 独立实践：设计制作政府型网站

学习情境4娱乐型网站设计与制作

4.1 娱乐型网站界面设计

任务1设计制作头部区域

任务2设计制作导航区域

任务3设计制作热点区域

任务4设计制作栏目“娱乐”区

任务5设计制作栏目“版权”区

4.2 娱乐型网站页面制作

任务1布局制作banner区域

任务2布局制作导航区域

任务3布局制作热点区域

任务4布局制作内容区域

任务5布局制作3个广告条

任务6布局制作底部区域

4.3 知识拓展

4.3.1 网页设计：Photoshop中的路径

4.3.2 网页制作：绝对定位与相对定位

4.4 能力拓展

4.4.1 拓展练习：利用路径勾勒图形

4.4.2 独立实践：设计制作娱乐型网站

学习情境5 美食网站设计与制作

5.1 美食网站界面设计

任务1设计制作头部区域

任务2设计制作banner区域

任务3设计制作栏目“商家排行”和“订餐厅”

任务4设计制作栏目“拍客榜”和“找美食”

任务5设计制作剩余栏目

任务6设计制作底部区域

5.2 美食网站页面制作

任务1制作头部区域

任务2制作banner区域

任务3布局制作栏目“排行榜”和“拍客榜”

任务4布局制作栏目“订餐厅”和“找美食”

任务5布局制作栏目“找优惠”

任务6布局制作栏目“预订动态”和“网友热评”

任务7制作友情链接和版权部分

5.3 知识拓展

5.3.1 网页设计：Photoshop使用技巧集锦

5.3.2 网页制作：二级菜单结构样式设置

5.4 能力拓展

5.4.1 拓展练习：人物美化

5.4.2 独立实践：设计制作综合型门户网站