《网页设计与美工》教学计划

1、20162017学年度第一学期学期授课计划课程名称 网页设计与美工Dreamweaver CS5 计划学时 96 任课教师 * 授课班级 15计算机 2016年9月1日授课计划编制说明课程标准（大纲）、教材及教学参考资料使用说明总课时课堂教学实验实训复习机动考试采用课程标准（教学大纲）名称使用教材名称及出版单位网页设计与美工Dreamweaver CS5大象出版社教学内容说明（授课内容起止章节）项目1-项目15教材处理意见说明教学参考资料说明教材配套的相关资源9696000课程性质公共基础课（ ）专业技能课（）教学周16周课时6审 查 意 见教 研 组专 业 部教研组长(签字) 年 月 日专业

2、主任(签字)年 月 日教 务 科分管校长教务部门(签字) 年 月 日分管校长(签字)年 月 日课程目标： 本课程通过十五个项目的制作，使学生全面掌握网站开发从前台设计、动态功能模块实现到后台网站管理的全部知识，具备独立设计开发各类网站的能力，进而提高学生的职业素质和岗位竞争力。教学任务： 根据专业课程目标的工作任务要求，以学生职业能力培养为重点，注重与后期课程内容的衔接，开发了十五个典型项目，内容涵盖了Dreamweaver的大多数知识点，在教学过程中，引导学生在完成项目的基础上，充分发挥学生的想象力和创造力，完成项目实训或对现有项目进行拓展延伸。授课计划周次课次授课内容（摘要）教学目标教学重

3、难点、教学方法、教学资源及其他课时作业一1-3项目一 Dreamweaver CS5基础知识目标：1.了解Dreamweaver、Photoshop及Flash的相关知识；2. 了解Dreamweaver CS5的安装。能力目标：1. 初步掌握Photoshop CS5文字工具组中“横向文字工具”的使用；2.利用Photoshop CS5制作图像文件；3.新建网页文件；4.在网页中插入图像。重点：了解Dreamweaver、Photoshop及Flash的相关知识；Photoshop CS5文字工具组中“横向文字工具”的使用；利用Photoshop CS5制作图像文件；在网页中插入图像。难点：

4、Photoshop CS5文字工具组中“横向文字工具”的使用；对策：相关知识学习、任务实施、小组协作、项目实训。择器6随堂二4-6项目二 建立与管理站点知识目标：1.了解Web网页通过服务器发布到互联网的工作机制 ；了解一些HTML语言的标签；了解网站规划的基本流程。能力目标：1.Windows下Internet信息服务器（IIS）的搭建和管理；2. 用Photoshop的“移动”和“选择”工具去完成一些图像素材的创作；3.新建和管理站点；4.网站的发布测试。重点：1.Windows下Internet信息服务器（IIS）的搭建和管理；2.新建和管理站点；3.建立网站并进行发布测试。难点：1.新

5、建和管理站点；2. 网站的发布测试。对策：相关知识学习、任务实施、小组协作、项目实训6随堂三7-9项目三 制作主要内容为文本的网页知识目标：1.新建网页的方法；2.网页的命名与保存。能力目标：1.能够完成网站文件夹及子文件夹的创建；2.能够完成网页的新建与保存；3.能够向网页中添加文本；4. 能够在网页中插入水平线、版权信息及列表元素；5. 能够使用背景图片美化网页效果。重点：Photoshop磁性套索工具的使用；在网页中插入列表元素。难点：列表项目属性设置。对策：相关知识学习、任务实施、小组协作、项目实训。6随堂四10-12项目四 图像的插入与编辑知识目标：1.了解网页中常见的图像格式；2.

6、了解Photoshop魔棒工具；3.了解photoshop批处理技术。能力目标：1.能够完成网站文件夹及子文件夹的创建；2.能够完成网页上、中和底部的制作；3.能够使用photoshop进行简单的抠图操作；4. 能够使用photoshop批量制作缩略图；5.能够在网页中插入表格，并在单元格式中插入图片；6. 能够制作图像超链接。重点：Photoshop中使用魔棒工具抠图；Photoshop中批处理技术；制作图像超链接。难点：在Photoshop中使用魔棒工具抠图，在Photoshop中使用批处理技术批量制作缩略图。对策：相关知识学习、任务实施、小组协作、项目实训。6随堂五13-15项目五 插入

7、多媒体元素知识目标：1.了解Photoshop文字工具组；2.了解<bgsound> 标签。 能力目标：1.能够完成网站文件夹及子文件夹的创建；2.能够完成网页标题的制作；3.能够的代码窗口完成简单的代码编辑；4. 能够在网页中输入文字；5.能够在网页中插入Flash 元素；6. 能够在代码视图中输入代码，插入背景音乐。重点：Photoshop文字工具人使用；在网页中插入Flash元素。难点：代码的编辑。对策：相关知识学习、任务实施、小组协作、项目实训。6随堂六国庆节七16-18项目六 表格处理与网页布局知识目标：1.了解表格及表格对象，表格属性设置，表格的编辑等；2.了解Phot

8、oshop工具箱中的“渐变工具”，“渐变编辑器”等。能力目标：1.在网页中插入表格，编辑表格的方法；2.在表格中插入嵌套表格的方法；3.在表格中插入图片和文字的方法； 4.使用Photoshop CS5制作导航栏背景图片的方法；5.利用表格布局文字，设置表格背景图片，建立超级链接，制作导航栏的方法。重点：了解表格及表格对象，表格属性设置，表格的编辑等。难点：1.在网页中插入表格，编辑表格；2.在表格中插入嵌套表格；3.在表格中插入图片和文字。对策：相关知识学习、任务实施、小组协作、项目实训。6随堂八19-21项目七 创建超级链接知识目标：1.了解PhotoshopCS5画笔工具的相关知识；2.

9、了解各种超级链接的相关知识。能力目标：1. Photoshop画笔的使用和载入画笔的方法；2. 文字与网页之间的连接；3. 图片上的热点区域与网页之间的链接； 4. 文字与网页中锚点标记的超级链接；5. 文字与普通文档的链接；6. 图像与图像文件之间的链接；7. 文字与邮件地址的超级链接。重点：创建超级链接。难点：创建那组链接。对策：相关知识学习、任务实施、小组协作、项目实训。6九22-24项目八 使用框架制作旅游网站知识目标：1.了解Photoshop铅笔工具；2.了解框架集的应用能力目标：1.能够完成网站文件夹及子文件夹的创建；2.能够完成网页背景图片的制作；3.能够创建并保存框架网页；4

10、.能够根据需要设置框架网页的超链接目标。重点：Photoshop铅笔工具的使用；框架网页的保存。难点：框架网页超链接目标设置。对策：相关知识学习、任务实施、小组协作、项目实训。6十25-27项目九 模板的创建和使用知识目标：1.了解Photoshop锚点工具组；2.了解可编辑区域。 能力目标：1.能够完成网站文件夹及子文件夹的创建；2.能够利用锚点工具修饰图片素材；3.能够完成模板页的创建；4. 能够完成可编辑区域的创建；5.能够使用模板创建网页。重点：Photoshop锚点工具的使用；模板的创建及使用。难点：可编辑区域的创建。对策：相关知识学习、任务实施、小组协作、项目实训。6资料修改与删除

11、功能页面十一28-30项目十 库的创建和使用知识目标：1.了解Photoshop钢笔工具；2.了解库项目。能力目标：1.能够完成网站文件夹及子文件夹的创建；2.能够完成路径文字的制作；3.能够创建库项目上；4.利用库项目更新网页。重点：Photoshop钢笔工具的使用；在网站中创建库。难点：库项目的编辑。对策：相关知识学习、任务实施、小组协作、项目实训。6十二31-33项目十一 AP Div的应用知识目标：1.了解Photoshop图层面板；2.了解AP Div的使用。 能力目标：1.能够完成网站文件夹及子文件夹的创建；2.能够完成网页标题图片的制作；3.能够在网页中插入AP Div；4.能够

12、在AP中添加文本等。重点：Photoshop图去面板的使用；在网页中插入AP Div。难点：AP Div的编辑。对策：相关知识学习、任务实施、小组协作、项目实训。6十三34-36项目十二 行为知识目标：1.了解行为、触发事件、动作、对象等基本概念；2.Photoshop油漆桶工具。 能力目标：1.能够完成网站文件夹及子文件夹的创建；2.能够完成网页属性的设置；3.能够在网页中插入布局表格并设置文本样式；4. 能够制作交换图像行为；5.能够使用photoshop设计简单的背景图片；6. 能够给网页的图片添加显示/渐隐行为；7.能够制作打开浏览器窗口行为。重点：Photoshop油漆桶工具使用；在

13、网页中添加交换图像行为；在网页中添加显示/渐隐行为；在网页中添加打开浏览器窗口行为。难点：使用photoshop设计一张背景图片；在网页中给图片添加显示/渐隐藏行为。对策：相关知识学习、任务实施、小组协作、项目实训。6十四37-39项目十三 HTML基础知识目标：1.了解HTML概念、基本结构、长度和颜色的表示、几种常见的HTML标签的使用；2.了解photoshop中裁剪工具的使用方法。 能力目标：1.能够完成网站文件夹及子文件夹的创建；2.能够使用HTML代码添加背景颜色和网页标题；3.能够使用HTML代码在网页中显示文字；4. 能够使用HTML代码在网页中插入一条水平线；5.能够使用HT

14、ML代码在网页中插入版权符号；6. 能够使用Photoshop中的裁剪工具制作素材；7.能够使用HTML代码在网页中插入表格；8.能够使用HTML代码在网页中显示图像；9.能够使用HTML代码指定字符集。重点：HTML的基本结构、几种常见HTML标签的使用、使用代码编写网页；photoshop中裁剪工具的使用；在网页中插入文本、图像、表格、水平线等元素。难点：借用代码在缩写网页。对策：相关知识学习、任务实施、小组协作、项目实训。6十五40-42项目十四 CSS样式表知识目标：1.了解CSS的基本概念；2.了解CSS修饰表格、背景的方法；3.photoshop羽化图像的方法。 能力目标：1.插入表格、文本、图片等元素；2.使用Photoshop裁剪图片和制作斜线表头图片；3.使用表格布局网页；4.使用CSS做出朦胧图片效果；5.使用CSS样式控制文本格式；6.使用CSS制作细线框表格的方法。重点：使用Photoshop裁剪图片和制作斜线表头图片；使用表格布局网页；使用CSS制作朦胧图片效果、制作细线框表格效果。难点：使用Photoshop制作斜线表头图片；使用CSS制作细线框表格效果。对策：相关知识学习、任务实施、小组协作、项目实训。6十六43-45项目十五 动态网页基础知识目标：1.了解动态网页的相关基