中职电子与信息：08网页设计与美工（项目08）简案.docx

网页设计教学简案项目八使用框架制作旅游网站学科：计算机授课年级：专业：教师姓名：课题名称：使用框架制作旅游网站计划学时：4教学内容(1)框架与框架集的相关知识。(2)利用框架布局网页。(3)框架网页的保存(4)使用铅笔工具制作背景图片教学目标知识目标：1 .了解Photoshop铅笔工具；2,了解框架集的应用能力目标：1,能够完成网站文件夹及子文件夹的创建；2.能够完成网页背景 图片的制作；3.能够创建并保存框架网页；4,能够根据需要设置框架网页的 超链接目标。重点、难点 及处理对策重点：Photoshop铅笔工具的使用；框架网页的保存。难点：框架网页超链接目标设置。对策：相关知识学习、任务实施、小组协作、项目实训。教学设计教师通过任务分析确立目标，引导学生学习相关知识，示范任务实施，学生 根据老师的引导和示范，完成任务实施部分的内容，在任务实施过程中，通 过小组协作的方式解决遇到的问题，完成学习评价，以小组为单位组织项目 实训。教学过程教学环节教学内容教师活动学生活动设计意图导入通过网站实例展示，引发 学生的学习兴趣，从而引 导学生学习在网页中使用 框架网页布局的方法。网站实例展示 及说明。认真观看老 师展示网站 实例。激发学生的 学习兴趣，营 造学习氛围。新课任务使用框架制作旅游 网站首页框架(一)任务分析将首页分为三个子窗 口，顶部子窗口显示网站 的标题和导航栏，中部子 窗口显示与导航栏链接的 内容，底部子窗口显示网 站版权等信息，引导学生进行 任务分析，明确 学习目标。认真听讲、根 据教师对任 务的分析明 确学习目标。使学生明确 学习目标。（二）相关知识框架的基本组成，框架 网页的创建与保存介绍框架网页 的使用。认真听讲、理 解框架集的 使用。学习并了解 框架集布局 网页。（三）任务实施 1、创建框架。示范任务实施根据老师的让学生通过2、给框架命名过程，指导学生讲解和示范任务实施，在3、保存框架集和框架。完成任务。完成任务实做中学，逐步4、编辑网页。施。掌握网页制作技术。（四）学习评价指导学生完成如实填写学使学生反思任务二 设置旅游网站首页导航链接（一）任务分析学习评价，明确 任务目标。习评价表。学习过程，梳 理学习内容。制作完成首页框架和引导学生进行认真听讲，根深刻理解框相关网页后，周扬还要给网任务分析，明确据教师对任架的涵义。页添加背景，创建网页间的 超级链接，使之成为一个完 整的网站。（二）相关知识1、铅笔工具也是一款学习目标。务的分析明 确学习目标。掌握铅笔工常用的工具。功能跟画笔工向学生讲解铅认真听课、理具接近，可以用来绘图及画 线条等。如果把铅笔的笔触 缩小到一个像素的时候，铅 笔的笔触就会变成一个小笔工具的使用。解铅笔工具 的使用。具的运用。方块，用这个小方块，可以介绍框架属性理解框架的了解框架的很方便的绘制一些像素图 形。2、框架及框架集属性 设置设置属性设置使用（三）任务实施示范任务实施根据老师的让学生通过1、利用铅笔工具制作背景 图片。过程，指导学生讲解和示范任务实施，在2、完成页面的链接设置。（四）学习评价完成任务。指导学生完成 学习评价。完成任务实 施。如实填写学 习评价表。做中学，逐步 掌握网页制 作技术学习反思，梳 理学习内容。课堂小结在本项目中，我们主要学习的内容包括：1.Photoshop铅笔工具的使用；2.框架网页的创建和保存。3.框架集的保存，框架链接目标的设置。布置作业通过学习项目八中周扬制作网站的方法，3-5人组成一个项目小组，制 作一个网站。具体要求：1 .项目组内要选出一名组长负责组织、协调，通过小组讨论，制定出评 价量规，对小组成员进行评价，小组内各成员要有具体明确的分工。2 .网页素材可以通过手机、数码相机进行拍摄或从网上下载。3 .利用Photoshop对素材进行剪切、添加文字等操作，制作网页所需的 图片。4 .网页必须使用框架进行布局，网页中必须包含图片、文字、导航栏等 元素，网站中至少包含四个网页，并通过导航栏进行链接。5 .网站中的文件及素材必须创建文件夹进行分类存放。6 .制作完成后由老师统一组织，以项目组为单位进行作品及制作过程的 说明、展示和评价。课后反思教学评价