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

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

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

3、一DreamweaverCS5基础知识目标：1.了解Dreamweaver、Photoshop及Flash的相关知识；2.了解DreamweaverCS5的安装。能力目标：1.初步掌握PhotoshopCS5文字工具组中“横向文字工具”的使用；2.利用PhotoshopCS5制作图像文彳3.新建网贝文件；4.在网页中插入图像。重点：了解Dreamweaver、Photoshop及Flash的相关知识；PhotoshopCS5文字工具组中“横向文字工具”的使用；利用PhotoshopCS5制作图像文件；在网贝中插入图像。难点：PhotoshopCS5文字工具组中“横向文字工具”的使用；对策：相关

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

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

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

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

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

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

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

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

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

13、：相关知识学习、任务实施、小组协作、项目实训。6十四37-39项目十三HTML基础知识目标：1.了解HTML概念、基本结构、长度重点：HTMLI勺基本结构、几种常见HTML6和颜色的表示、几种常见的HTMLfe签的使用；2.了解photoshop中裁剪工具的使用方法。能力目标：1.能够完成网站文件夹及子文件夹的创建；2.能够使用HTML代码添加背景颜色和网页标题；3.能够使用HTML代码在网页中显示文字；4.能够使用HTML代码在网页中插入一条水平线；5.能够使用HTML代码在网页中插入版权符号；6.能够使用Photoshop中的裁剪工具制作素材；7.能够使用HTML代码在网页中插入表格；8.

14、能够使用HTML代码在网页中显示图像；9.能够使用HTML代码指定字符集。标签的使用、使用代码编写网页；photoshop中裁剪工具的使用；在网页中插入文本、图像、表格、水平线等元素。难点：借用代码在缩写网贝。对策：相关知识学习、任务实施、小组协作、项目实训。十五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.了解动态网页的相关基础知