典型网页设计与制作

学习情境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 独立实践：设计制作综合型门户网站

《典型网页设计与制作》以项目为导向、以任务为驱动、以学习情境为线索，将内容划分成五个学习情境（企业型网站、电子商务型网站、政府型网站、娱乐型网站、美食网站）。
　　《典型网页设计与制作》每一个学习情境代表一个典型网站，详细介绍设计与制作过程，并将知识目标和能力目标融合于项目任务中，让学生在练习中理解其知识要点，达到“教、学、做”一体化的效果。
　　《典型网页设计与制作》适合作为高等职业院校计算机相关专业的教材，还可作为网站设计、网页制作人员的参考用书。