《网页设计与制作教案》由会员分享，可在线阅读，更多相关《网页设计与制作教案（43页珍藏版）》请在金锄头文库上搜索。
1、网页制作与网站管理教案首页课次 1 教学课题 工作任务 1：网页设计师岗位解读工作任务 2：网站设计流程知识 教学课时 2 学时教学重点与难点重点：1. 网站设计的基本术语2. 网页设计常用软件3. 网站设计流程难点：1. 网页的分类、网站与网页的区别2. 各种动态网页、静态网页的区别3. 书写网站策划书授课形式 课堂讨论、教师引导、情景模拟教学内容组织与时间分配一、课堂素质教育（5 分钟）二、教学过程设计（含时间分配）1. 背景引入行业现状（10 分钟）2. 招聘案例分析岗位的基本要求（10 分钟）3. 归纳总结岗位的基本能力（10 分钟）4. 了解网站设计的基本术语（20 分钟）（1） 域
2、名（2） 浏览器（3） 网页与网站（4） HTML|DHTML|XML|XHTM（5） 静态网页与动态网页（6） 网站运营方式5. 了解网页设计常用软件（20 分钟）（1） 图形图像工具（2） 动画制作软件（3） 网页制作软件（4） 其他辅助软件6. 情景模拟网络公司的网页设计小组业务流程（25 分钟）（1） 了解业务工作（2） 了解网站设计流程（3） 了解网站制作流程（4） 了解网站后期工作7. 任务小结及作业布置（5 分钟）配套实验作业 实训报告：为学院网站撰写一个网站策划书，要求字数 1000 字以上。课后小结-装 -订-线-网页制作与网站管理教案首页课次 2 教学课题 工作任务 3：网
3、站图像设计（1） 教学课时 2 学时教学重点与难点重点：1. Fireworks 的工作界面2. 文档的基本操作3. 网站图像基本知识4. 网站是色彩基本知识5. 文字的设置技巧6. 图像的基本设置7. 图文排版规律难点：1. Fireworks 的工作界面2. 矢量图和位图的区别授课形式 案例赏析、情景模拟教学内容组织与时间分配一、课堂素质教育（5 分钟）二、教学过程设计（含时间分配）1. 课堂讨论：“photoshop 党”及“Fireworks”党（5 分钟）2. 设计任务引入（20 分钟）（1） 认识 Fireworks（2） 了解 Fireworks 的基本文档操作（3） 认识 Fi
4、reworks 的操作界面3. 介绍设计知识（40 分钟）（1） 网站图像分类（2） 网页图片格式的选用（3） 网站的色彩含义（4） 网页颜色的搭配4. 案例赏析（10 分钟）5. 讨论、任务准备（20 分钟）（1） 设计分析（2） 技术分析（3） 素材搜集配套实验作业1. 思考矢量图与位图的区别？2. 浏览优秀网站，分析其色彩搭配。课后小结网页制作与网站管理教案首页课次 3 教学课题 工作任务 3：网站图像设计（2） 教学课时 2 学时教学重点与难点重点：1. 使用 Fireworks 设置背景2. 简单颜色搭配3. 色块的绘制与设置4. 文字的设置技巧5. 属性栏的应用难点：1. 矢量图和
5、位图的区别2. 绘制、设置形状3. 文字设置授课形式 教师示范、学生模仿、创造教学内容组织与时间分配一、课堂素质教育（5 分钟）二、教学过程设计（含时间分配）1. 制作过程（70 分钟）（1） 设置文档属性（2） 制作背景（3） 制作主体星星并变形（4） 制作并复制背景星星（5） 输入文字并设置属性（6） 保存文档2. 拓展训练（20 分钟）（1） 删除原背景（2） 制作新背景（3） 制作白色曲线色带3. 任务小结（5 分钟）配套实验作业 1. 制作同版的一个白色背景封面图像课后小结网页制作与网站管理教案首页课次 4 教学课题 工作任务 4：网站广告设计（1） 教学课时 2 学时教学重点与难点
6、重点：1. 广告的设计知识2. 网页广告的分类3. 网页广告的尺寸4. 颜色的运用5. 路径的操作难点：1. 网页广告的尺寸及相应的应用范围2. 优秀网站广告的五个标准3. 对象的操作：复制、移动、排列4. 矢量图的绘制技巧5. 广告设计的创意、美化授课形式 课堂讨论、角色扮演、案例分析教学内容组织与时间分配一、课堂素质教育（5 分钟）二、教学过程设计（含时间分配）1. 任务引入（5 分钟）2. 设计任务分析（25 分钟）3. 设计知识介绍（40 分钟）（1） 网站广告简介（2） 网站广告的特点（3） 网站广告的分类（4） 网站广告的表现形式（5） 广告条的尺寸（6） 优秀网站广告的五个标准4
7、. 案例赏析（15 分钟）5. 任务分析、讨论、准备（15 分钟）（1） 设计分析（2） 技术分析（3） 素材搜集配套实验作业1. 思考网站广告的分类都有哪些？2. 思考网页广告条的尺寸都有哪些?各适用于什么场合？课后小结网页制作与网站管理教案首页课次 6 教学课题 工作任务 4：网站广告设计（2） 教学课时 2 学时教学重点与难点重点：1. 像素的概念2. 路径绘制3. 路径对象的编辑4. 为路径对象设置描边、填充、不透明度及效果5. 文本的创建与编辑6. 编辑位图对象难点：1. 矢量图和位图的区别2. 绘制自动形状：自动形状是矢量对象组3. 钢笔工具：绘制直线或者曲线4. 通过编辑节点变形
8、路径5. 按路径改变文本的排列方式：文本-附加到路径6. 选区制作与调整授课形式 多媒体教学内容组织与时间分配一、课堂素质教育（5 分钟）二、教学过程设计（含时间分配）1. 制作过程（70 分钟）（1） 设置文档属性（2） 制作背景（3） 制作主体星星并变形（4） 制作并复制背景星星（5） 输入文字并设置属性（6） 保存文档2. 拓展训练（20 分钟）（1） 删除原背景（2） 制作新背景（3） 制作白色曲线色带3. 任务小结（5 分钟）配套实验作业 填写实训报告册课后小结网页制作与网站管理教案首页课次 7 教学课题 工作任务 5：网站标志设计（1） 教学课时 2 学时教学重点与难点重点：1.
9、CIS 知识2. LOGO 的设计知识3. LOGO 设计要领难点：1. VI 在 CIS 中地位2. LOGO 的位置及原则3. LOGO 设计与表象形式的关系授课形式 多媒体教学内容组织与时间分配一、课堂素质教育（5 分钟）二、教学过程设计（含时间分配）1. 开篇励志（5 分钟）2. 设计任务（25 分钟）3. 设计知识（40 分钟）（1） CIS 企业形象识别系统（2） 网站标志 Logo（3） Logo 的设计工具（4） Logo 设计原则（5） Logo 标志位置（6） Logo 表现形式（7） Logo 标志颜色4. 案例赏析（15 分钟）5. 任务准备（15 分钟）（1） 设计分
10、析（2） 技术分析（3） 素材搜集配套实验作业查阅多个网站，尤其是系列网站（如中国移动、联通、电信） ，思考:logo 设计与网站设计的关系。课后小结网页制作与网站管理教案首页课次 8 教学课题 工作任务 5：网站标志设计（2） 教学课时 2 学时教学重点与难点重点：1. 选区的制作和调整2. 裁剪位图和符合画布3. 对象的堆叠、成组与对齐4. 使用图层5. 创建、编辑和使用蒙版6. 为对象添加滤镜难点：1. 对象层叠顺序的操作2. 对象的接合/拆分、联合、交集、打孔、裁剪3. 使用菜单进行对象的变形操作4. 位图的导入设置5. 蒙版的设置6. 为对象添加滤镜效果7. 辅助线的使用授课形式 多
11、媒体教学内容组织与时间分配一、课堂素质教育（5 分钟）二、教学过程设计（含时间分配）1. 制作过程（90 分钟）（1） 设置辅助线（2） 绘制同心圆（3） 修饰成空心圆环（4） 分割空心圆环（5） 设置对象颜色（6） 制作底板对象（7） 制作 logo 中心蒙版图像效果（8） 添加文字效果2. 任务小结（5 分钟）配套实验作业 填写实训报告册课后小结网页制作与网站管理教案首页课次 9 教学课题 工作任务 5：网站标志设计（3） 教学课时 2 学时教学重点与难点重点：1. 选区的制作和调整2. 裁剪位图和符合画布3. 对象的堆叠、成组与对齐4. 使用图层5. 创建、编辑和使用蒙版6. 为对象添加
12、滤镜难点：1. 对象层叠顺序的操作2. 对象的接合/拆分、联合、交集、打孔、裁剪3. 使用菜单进行对象的变形操作4. 位图的导入设置5. 蒙版的设置6. 为对象添加滤镜效果7. 辅助线的使用授课形式 多媒体教学内容组织与时间分配一、课堂素质教育（5 分钟）二、教学过程设计（含时间分配）1. 拓展训练 1（40 分钟）制作同版的一个白色背景封面图像2. 拓展训练 2（40 分钟）为学院示范建设设计一版封面网页图像，绘制出效果图3. 任务小结（5 分钟）配套实验作业 填写实训报告册课后小结网页制作与网站管理教案首页课次 10 教学课题 工作任务 6：网页效果图设计（1） 教学课时 2 学时教学重点
13、与难点重点：1. 效果图的概念2. 切片的功能与作用3. 效果图设计要领4. 效果图的制作工具难点：1. Firework 和 Photoshop 的区别2. 切片的技巧3. 效果图的类型与网站类型的关系授课形式 多媒体教学内容组织与时间分配一、课堂素质教育（5 分钟）二、教学过程设计（含时间分配）1. 开篇励志（5 分钟）2. 设计任务（25 分钟）3. 设计知识（40 分钟）（1） 效果图的概念（2） 切片的功能与作用（3） 效果图设计要领（4） 效果图的制作工具4. 案例赏析（15 分钟）5. 任务准备（15 分钟）（1） 设计分析（2） 技术分析（3） 素材搜集配套实验作业 浏览各种类
14、型的网站，思考其页面设计的技巧。课后小结网页制作与网站管理教案首页课次 11 教学课题 工作任务 6：网页效果图设计（2） 教学课时 2 学时教学重点与难点重点：1. 色彩的搭配技巧2. 文字的效果的高级应用3. 滤镜的使用4. 钢笔工具绘制图形5. 对象的组合和复制、变化难点：1. 网页版式和布局设计2. 网页文字效果设计3. 网页图像设计授课形式 多媒体教学内容组织与时间分配一、课堂素质教育（5 分钟）二、教学过程设计（含时间分配）1. 制作过程（90 分钟）（1） 设置文档属性（2） 输入文字，设置文字属性（3） 设置文字效果（4） 使用变形、填充等方式，添加特殊效果文字（5） 绘制弧形
15、光晕（6） 设置光晕效果（7） 复制、移动构成背景焰火（8） 制作多样的焰火效果（9） 使用“层”面板管理诸多光晕2. 任务小结（5 分钟）配套实验作业 构思一个自己的个人网站效果图课后小结网页制作与网站管理教案首页课次 12 教学课题 工作任务 6：网页效果图设计（3） 教学课时 2 学时教学重点与难点重点：1. 图层的混合效果2. 辅助线的使用3. 切片原则和技巧4. 使用 Fireworks 生成简单网页难点：1. 网页视觉效果综合设计2. 网页功能设计3. 网页优化设计授课形式 多媒体教学内容组织与时间分配一、课堂素质教育（5 分钟）二、教学过程设计（含时间分配）1. 制作过程 50 分钟）（1） 导入图案（2） 修改图案的方向和图层的混合效果（3） 添加其他文字，并设置效果（4） 添加超链接（5） 优化图像尺寸和质量（6） 设置切片辅助线（7） 使用切片将图片切片（8） 导出为网页格式2. 拓展训练 1（40 分钟）3. 任务小结（5 分钟）配套实验作业课后小结网页制作与网站管理教案首页课次 13 教学课题 工作任务 7：网站动画形象设计（1） 教学课时 2 学时教学重点与难点重点：1. Flash 特点、用途2. Flash
