网页设计与制作教案.doc

课次 1 教学课题 工作任务1：网页设计师岗位解读 工作任务2：网站设计流程知识 教学课时 2学时 教学重点 与难点 重点： 网站设计的基本术语 网页设计常用软件 网站设计流程 难点： 网页的分类、网站与网页的区别 各种动态网页、静态网页的区别 书写网站策划书 授课形式 课堂讨论、教师引导、情景模拟 教学内容组织与时间分配 一、课堂素质教育（5分钟） 二、教学过程设计（含时间分配） 背景引入——行业现状（10分钟） 招聘案例分析——岗位的基本要求（10分钟） 归纳总结——岗位的基本能力（10分钟） 了解网站设计的基本术语（20分钟） 域名 浏览器 网页与网站 HTML|DHTML|XML|XHTM 静态网页与动态网页 网站运营方式 了解网页设计常用软件（20分钟） 图形图像工具 动画制作软件 网页制作软件 其他辅助软件 情景模拟——网络公司的网页设计小组业务流程（25分钟） 了解业务工作 了解网站设计流程 了解网站制作流程 了解网站后期工作 任务小结及作业布置（5分钟） 配套实验 ∕作业 实训报告：为学院网站撰写一个网站策划书，要求字数1000字以上。 课后 小结  课次 2 教学课题 工作任务3：网站图像设计（1） 教学课时 2学时 教学重点 与难点 重点： Fireworks的工作界面 文档的基本操作 网站图像基本知识 网站是色彩基本知识 文字的设置技巧 图像的基本设置 图文排版规律 难点： Fireworks的工作界面 矢量图和位图的区别 授课形式 案例赏析、情景模拟 教学内容组织与时间分配 一、课堂素质教育（5分钟） 二、教学过程设计（含时间分配） 课堂讨论：“photoshop党”及“Fireworks”党（5分钟） 设计任务引入（20分钟） 认识Fireworks 了解Fireworks的基本文档操作 认识Fireworks的操作界面 介绍设计知识（40分钟） 网站图像分类 网页图片格式的选用 网站的色彩含义 网页颜色的搭配 案例赏析（10分钟） 讨论、任务准备（20分钟） 设计分析 技术分析 素材搜集 配套实验 ∕作业 思考矢量图与位图的区别？ 浏览优秀网站，分析其色彩搭配。 课后 小结  课次 3 教学课题 工作任务3：网站图像设计（2） 教学课时 2学时 教学重点 与难点 重点： 使用Fireworks设置背景 简单颜色搭配 色块的绘制与设置 文字的设置技巧 属性栏的应用 难点： 矢量图和位图的区别 绘制、设置形状 文字设置 授课形式 教师示范、学生模仿、创造 教学内容组织与时间分配 一、课堂素质教育（5分钟） 二、教学过程设计（含时间分配） 制作过程（70分钟） 设置文档属性 制作背景 制作主体星星并变形 制作并复制背景星星 输入文字并设置属性 保存文档 拓展训练（20分钟） 删除原背景 制作新背景 制作白色曲线色带 任务小结（5分钟） 配套实验 ∕作业 制作同版的一个白色背景封面图像 课后 小结  课次 4 教学课题 工作任务4：网站广告设计（1） 教学课时 2学时 教学重点 与难点 重点： 广告的设计知识 网页广告的分类 网页广告的尺寸 颜色的运用 路径的操作 难点： 网页广告的尺寸及相应的应用范围 优秀网站广告的五个标准 对象的操作：复制、移动、排列 矢量图的绘制技巧 广告设计的创意、美化 授课形式 课堂讨论、角色扮演、案例分析 教学内容组织与时间分配 一、课堂素质教育（5分钟） 二、教学过程设计（含时间分配） 任务引入（5分钟） 设计任务分析（25分钟） 设计知识介绍（40分钟） 网站广告简介 网站广告的特点 网站广告的分类 网站广告的表现形式 广告条的尺寸 优秀网站广告的五个标准 案例赏析（15分钟） 任务分析、讨论、准备（15分钟） 设计分析 技术分析 素材搜集 配套实验 ∕作业 思考网站广告的分类都有哪些？ 思考网页广告条的尺寸都有哪些?各适用于什么场合？ 课后 小结  课次 6 教学课题 工作任务4：网站广告设计（2） 教学课时 2学时 教学重点 与难点 重点： 像素的概念 路径绘制 路径对象的编辑 为路径对象设置描边、填充、不透明度及效果 文本的创建与编辑 编辑位图对象 难点： 矢量图和位图的区别 绘制自动形状：自动形状是矢量对象组 钢笔工具：绘制直线或者曲线 通过编辑节点变形路径 按路径改变文本的排列方式：文本-附加到路径 选区制作与调整 授课形式 多媒体 教学内容组织与时间分配 一、课堂素质教育（5分钟） 二、教学过程设计（含时间分配） 制作过程（70分钟） 设置文档属性 制作背景 制作主体星星并变形 制作并复制背景星星 输入文字并设置属性 保存文档 拓展训练（20分钟） 删除原背景 制作新背景 制作白色曲线