网页设计与制作教案.doc

《网页设计与制作教案.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、课次1教学课题工作任务1：网页设计师岗位解读工作任务2：网站设计流程知识教学课时2学时教学重点与难点重点：1.网站设计的基本术语2.网页设计常用软件3.网站设计流程难点：1.网页的分类、网站与网页的区别2.各种动态网页、静态网页的区别3.书写网站策划书授课形式课堂讨论、教师引导、情景模拟教学内容组织与时间分配一、课堂素质教育（5分钟）二、教学过程设计（含时间分配）1.背景引入——行业现状（10分钟）2.招聘案例分析——岗位的基本要求（10分钟）3.归纳总结——岗位的基本能力（10分钟）4.了解网

2、站设计的基本术语（20分钟）（1）域名（2）浏览器（3）网页与网站（4）HTML

3、DHTML

4、XML

5、XHTM（5）静态网页与动态网页（6）网站运营方式5.了解网页设计常用软件（20分钟）（1）图形图像工具（2）动画制作软件（3）网页制作软件（4）其他辅助软件6.情景模拟——网络公司的网页设计小组业务流程（25分钟）（1）了解业务工作（2）了解网站设计流程（3）了解网站制作流程（4）了解网站后期工作7.任务小结及作业布置（5分钟）配套实验∕作业实训报告：为学院网站撰写一个网站策划书，要求字数10

6、00字以上。课后小结--------------------------------------装------------------------------------------------订-------------------------------------------------线--------------------------------------------课次2教学课题工作任务3：网站图像设计（1）教学课时2学时教学重点与难点重点：1.Fireworks的工作界面2.文

7、档的基本操作3.网站图像基本知识4.网站是色彩基本知识5.文字的设置技巧6.图像的基本设置7.图文排版规律难点：1.Fireworks的工作界面2.矢量图和位图的区别授课形式案例赏析、情景模拟教学内容组织与时间分配一、课堂素质教育（5分钟）二、教学过程设计（含时间分配）1.课堂讨论：“photoshop党”及“Fireworks”党（5分钟）2.设计任务引入（20分钟）（1）认识Fireworks（2）了解Fireworks的基本文档操作（3）认识Fireworks的操作界面3.介绍设计知识（4

8、0分钟）（1）网站图像分类（2）网页图片格式的选用（3）网站的色彩含义（4）网页颜色的搭配4.案例赏析（10分钟）5.讨论、任务准备（20分钟）（1）设计分析（2）技术分析（3）素材搜集配套实验∕作业1.思考矢量图与位图的区别？2.浏览优秀网站，分析其色彩搭配。课后小结课次3教学课题工作任务3：网站图像设计（2）教学课时2学时教学重点与难点重点：1.使用Fireworks设置背景2.简单颜色搭配3.色块的绘制与设置4.文字的设置技巧5.属性栏的应用难点：1.矢量图和位图的区别2.绘制、设置形状3

9、.文字设置授课形式教师示范、学生模仿、创造教学内容组织与时间分配一、课堂素质教育（5分钟）二、教学过程设计（含时间分配）1.制作过程（70分钟）（1）设置文档属性（2）制作背景（3）制作主体星星并变形（4）制作并复制背景星星（5）输入文字并设置属性（6）保存文档2.拓展训练（20分钟）（1）删除原背景（2）制作新背景（3）制作白色曲线色带3.任务小结（5分钟）配套实验∕作业1.制作同版的一个白色背景封面图像课后小结课次4教学课题工作任务4：网站广告设计（1）教学课时2学时教学重点与难点重点：1.

10、广告的设计知识2.网页广告的分类3.网页广告的尺寸4.颜色的运用5.路径的操作难点：1.网页广告的尺寸及相应的应用范围2.优秀网站广告的五个标准3.对象的操作：复制、移动、排列4.矢量图的绘制技巧5.广告设计的创意、美化授课形式课堂讨论、角色扮演、案例分析教学内容组织与时间分配一、课堂素质教育（5分钟）二、教学过程设计（含时间分配）1.任务引入（5分钟）2.设计任务分析（25分钟）3.设计知识介绍（40分钟）（1）网站广告简介（2）网站广告的特点（3）网站广告的分类（4）网站广告的表现形式（5）

11、广告条的尺寸（6）优秀网站广告的五个标准4.案例赏析（15分钟）5.任务分析、讨论、准备（15分钟）（1）设计分析（2）技术分析（3）素材搜集配套实验∕作业1.思考网站广告的分类都有哪些？2.思考网页广告条的尺寸都有哪些?各适用于什么场合？课后小结课次6教学课题工作任务4：网站广告设计（2）教学课时2学时教学重点与难点重点：1.像素的概念2.路径绘制3.路径对象的编辑4.为路径对象设置描边、填充、不透明度及效果5.文本的创建与编辑6.编辑位图对象难点：1.矢量图和位图的区别2.绘制自动形状：自动