网页设计与制作（高职高专）

第1部分　Photloshop一网页界面设计

1.1　学习情境一 博客界面背景制作

1.1.1 任务一：新建网页文件

1.1.2 任务二：制作博客界面背景

1.1.3 任务三：保存博客界面文件

1.1.4 能力拓展

1.1.5 项目经验小结

1.2 学习情境二 网页Banner设计与制作

1.2.1 任务一：绘制Banner矢量图背景

1.2.2 任务二：合成Banner装饰图像

1.2.3 任务三：修饰Banner装饰图像

1.2.4　能力拓展

1.2.5 项目经验小结

1.3　学习情境三 网站导航设计与制作

1.3.1 任务一：制作网页导航

1.3.2 能力拓展

1.3.3 项目经验小结

1.4 学习情境四　网站首页内容区制作

1.4.1 任务一：制作网页栏目条

1.4.2 任务二：制作网页左侧和右侧“文章列表”版块

1.4.3 任务三：制作留言板栏目版块

1.4.4 能力拓展

1.4.5 项目经验小结

1.5　学习情境五 网站首页版权区制作

1.5.1　任务一：输入（导人）版权区内容

1.5.2 任务二：设计版权区内容效果

1.5.3 能力拓展

1.5.4 项目经验小结

1.6　学习情境六 网站频道页面制作

1.6.1　任务一：制作网站“我的日志”频道页面

1.6.2　任务二：制作网站“我的相册”频道页面

1.6.3　任务三：制作网站“我的资料”道页面

1.6.4　任务四：制作网站“留言本”频道页面

1.6.5 能力拓展

1.6.6 项目经验小结

第2部分　Dreamweaver——网页制作

2.1 学习情境一 简单网页制作

2.1.1 任务一艏建建没网站的基本工作环境

2.1.2 任务二：制作博客日志页面基本结构

2.1.3 任务三：制作博客首页

2.1.4 能力拓展

2.1.5 项目经验总结

2.2 学习情境二 交互式网页制作

2.2.1　任务一：制作博客留言页面基本结构

2.2.2 能力拓展

2.2.3 项目经验小结

2.3　学习情境三 层叠样式网页制作

2.3.1 任务一：制作首页样式

2.3.2 任务二：制作日志页面样式

2.3.3 任务三：制作留言页面样式

2.3.4 能力拓展”

2.3.5 项目经验小结

2.4　制作学习情境四 简单特效网页

2.4.1 任务一：制作浮动广告图片网页

2.4.2 任务二：制作设为首页、加为收藏的网页效果

2.4.3 能力拓展

2.4.4 项目经验小结

第3部分　FIash——简单动画制作

第4部分　CMS——博客内容管理