网站建设课件(网页界面设计).pptVIP

* 第3章 网页界面设计 一、熟悉教材，制作PPT 二、让学生安装上课所需软件 三、督促学生认真听讲，检查学生到位情况 教学准备 本章节主要包括网页界面设计 包含： 1、应用蒙版 2、应用滤镜 3、切片工具 4、设计网站进入页界面 教材内容分析 掌握应用工具设计网站进入页界面 重难点分析 以工作过程为导向，以对应工作岗位的实际工作任务引入，提出任务，探究式学习，让学生分析任务，找出解决任务的方法——肯定，点评学生的收获——和学生一起分析任务——明确任务——做必要的指点和讲解——以学生为主体完成任务——教师重在引导——教师做必要的点评和引导小结，拓展提问，布置作业 主要教学思路 工作过程导向+探究式学习+任务驱动教学法 教学方法 本次课属于新授课，回顾之前网页图像设计部分内容，进行部分个人作品的展示和点评。 教学回顾 作品点评 网站进入页界面的美观程度，直接影响下一步的访问。比如QQ空间的欢迎界面，山东省人事信息网的欢迎界面， 搜索打开山东省人事信息网，分析，避免同一时间访问，控制用户访问数量。 教同学们如何进入山东交通技师学院主页。百度“山东交通技师学院”。包含哪些组成部分。 我们这节课来学习下网页界面设计。 新课导入 一、任务一 应用蒙版 学生查找 1、分类 快速蒙版 剪切蒙版 图层蒙版 矢量蒙版 2、使用任一蒙版编辑图片 注意：抠图范围，仔细，按照步骤 展示图片：汽车高端车照片 组长辅导（已经分好了两组） 新课教学 一、任务二 应用滤镜 学生查找 1、分类 模糊滤镜 高斯模糊滤镜 USM锐化滤镜 镜头光晕滤镜 添加杂色滤镜 2、使用任一滤镜编辑图片 注意：滤镜应用的范围，仔细，按照步骤 展示图片：风景优美的图片 组长辅导（已经分好了两组） 新课教学 三、任务三 切片工具 1、打开一张图片 2、应用切片工具。 3、存储为Web和设备所用格式。 4、html样式 5、添加链接 观看演示成品。 学生练习，组长辅导。 新课教学 三、任务四 设计网站进入页界面 1、学生读懂操作步骤 2、学生练习 3、按照组员互补讨论。 4、完成作品 5、展示成品 新课教学 本章小结 本章主要讲述了网页设计界面的相关知识，以网站进入页界面为例，进行了练习与学习。学生基本能完成设定目标。 拓展训练 实训练习：制作网页切片 p51---p52 *