网页大纲 平面.doc

网页设计教学大纲(专业课)一、课程性质与任务课程的性质：本课程是为培养中等职业学校计算机平面设计专业学生对网页的设计与制作而设置的一门专业必修课程。由于网页设计与制作所涉及的软件和相关知识十分广泛，针对中职计算机专业学生的专业方向和专业基础，本课程侧重于网页视觉效果和版式布局的设计与制作。课程的任务：通过本课程学习，使学生了解网页制作的基础知识、基本流程，并能熟练使用Dreamweaver、Photoshop、flash等软件进行个人网站和中小型商业网站的设计、静态及动态网站广告的制作、网页图像处理、网站维护与更新，为培养高级网页设计专业人才打下坚实的基础。二、课程教学目标本课程教学目标是使学生了解并掌握网页设计的基本知识与原理，能够熟练应用Dreamweaver、Photoshop软件进行网页设计与制作。1.知识目标熟练掌握Web站点的基本概念；熟练掌握HTML文档结构和各种标记的使用；掌握Dreamweaver页面设计方法和常用的表单对象应用、掌握Flash制作网页动画的原理与制作方法、掌握Photoshop或Fireworks处理与优化网页图像的原理与方法。2.技能目标掌握网站设计的方法、步骤和思路，能够自主进行小型网站整个站点的网页设计与制作。熟练掌握使用Dreamweaver设计网页，并同时使用Flash和Photoshop进行网页中所需图片和动画的设计。灵活运用网络素材，为自己的网站服务。3.素质目标本课程所涉及的职业能力是所有从事网站设计、网站管理和网站维护相关工作人员都必须掌握的技能。通过学习，使学生具备从事静态网站设计、网站编辑和网站维护等相关工作的能力，同时又掌握网站设计工作者必须熟悉的基础技术知识。三、教学内容结构本课程的教学内容由基本技能、课题制作两个部分构成。1. 基本知识与技能是平面设计专业学生必修网页制作的基础性知识和应该达到的基本能力要求。2. 课题制作分为两部分：个人网站制作与中小企业网站制作，旨在提升学生在工作中应用网页设计与制作基础知识与基本技能设计并制作网站的能力。四、教学内容与要求（一）本大纲对教学要求的层次表述1. 对知识的教学要求分为了解、理解和掌握三个层次。了解：指对知识有感性的、初步的认识。理解：指对基本概念、基本知识有一定的理性认识，能用正确的语言进行叙述和解释。掌握：在理解的基础上，能够解决与所学知识相关的应用问题。2. 对技能的教学要求分为会操作和熟练操作两个层次。会：指能够运用所学的技能进行独立操作，并能正确完成指定任务。熟练：指能够连贯娴熟地完成操作，并能根据实际情况设计合理的操作流程，能解决操作中出现的错误和问题，准确完成操作任务。（二）教学内容与要求第一单元网页与网站基础知识教学单元教学内容与要求教学提示与活动建议网页与网站基础知识了解用户通过浏览器访问网站的原理；了解网页的基本概念与内容；了解网站的软件与硬件组成；了解并查看网页的HTML源代码；了解典型网页的基本组成；了解网页的设计制作流程与基本原则；了解网页设计常用的工具软件；可以通过挂图、观看多媒体资料、上机实验等手段，让学生在活动中了解网页及网站的基础知识与基本原理第二单元HTML的应用教学单元教学内容与要求教学提示与活动建议HTML了解HTML的基本概念和HTML文档的基本结构，了解文档结构标记、段落标记、字符标记、链接标记、图像标记、列表标记、表格标记等HTML的常用标记及相关属性； 通过上机操作和实例制作，使学生逐步理解和掌握HTML的应用规则 第三单元Dreamweaver网页制作教学单元教学内容与要求教学提示与活动建议Dreamweaver简介了解Dreamweaver工作界面；掌握工具栏、面板等界面组成部分的应用；熟悉软件各个功能模块与主要菜单、窗口Dreamweaver站点管理了解站点管理的重要作用；掌握建立站点、修改站点操作以及文件面板的使用；熟练掌握网页设计制作的基础操作插入文字与图片熟练掌握在网页中插入文字与图片并设置其属性；掌握插入日期与时间的操作；掌握插入Flash动画的操作；掌握插入Flash视频的操作；掌握插入插件的操作；建立3-4个简单页面组成的基本网站，理解网站的结构与页面制作插入超级链接熟练掌握插入内部链接操作；熟练掌握插入外部链接操作；熟练掌握插入E-mail链接操作；熟练掌握插入下载链接操作；熟练掌握插入空链接与脚本链接操作；熟练掌握插入锚点链接操作；建立3-4个简单页面组成的基本网站，理解网站的结构与页面制作表格布局的应用熟练掌握插入表格操作；熟练掌握应用表格进行网页布局的方法；熟练掌握常用的页面版式与布局控制技术表单的应用了解表单及表单元素的作用；熟练掌握插入表单及其属性设置操作；熟练掌握表单对象的作用及插入各种表单对象操作；进一步掌握专业网页设计制作中的相关功能与技巧框架的应用了解框架的概念；掌握框架的创建、框架的保存、框架的链接操作；掌握浮动框架的创建与应用；熟练掌握常用的页面版式与布局控制技术续表教学单元教学内容与要求教学提示与活动建议模板与库的应用了解模板与库的重要作用；掌握模板的创建，模板的应用与模板的更新；掌握库文件的更新；进一步掌握专业网页设计制作中的相关功能与技巧CSS的应用了解CSS的重要作用；了解CSS样式的规则与类型；了解CSS面板的使用方法；掌握CSS的创建与使用；掌握外部CSS的使用；了解各种CSS样式的设置；熟练掌握应用CSS技术制作网页的方法；进一步掌握专业网页设计制作中的相关功能与技巧行为的应用了解行为的作用，理解事件与动作；掌握各种行为的添加与设置操作，主要包括：交换图像、弹出信息、设置状态栏文本、打开浏览器窗口、检查表单；进一步掌握专业网页设计制作中的相关功能与技巧站点的维护与上传了解站点维护的各种操作；掌握站点的上传的方法，包括：Dreamweaver上传与FTP软件上传；熟悉网站的发布、推广与维护第四单元Flash网页动画制作教学单元教学内容与要求教学提示与活动建议Flash基础知识了解动画原理了解帧与时间轴的作用了解Flash动画的建立、保存与导出通过讲解、上机练习制作实例、教师辅导等方法，使学生逐步掌握Flash动画的制作方法。绘制动画角色掌握导入图像的方法与步骤熟练掌握Flash提供的各种绘画工具绘制动画角色的方法（包括选择工具、线条工具、椭圆工具、矩形工具、直线工具、渐变填充工具、文本工具、变形工具、多角星形工具、钢笔工具、铅笔工具、橡皮擦工具及线条与填充颜色的设置）通过讲解、上机练习制作实例、教师辅导等方法，使学生逐步掌握Flash动画的制作方法。简单动画的制作创建逐帧动画掌握帧的使用与编辑。理解帧、关键帧、空白关键帧的区别与联系。掌握创建运动补间动画的原理与步骤掌握创建形状补间动画的原理与步骤引导线动画的制作了解图层的概念，掌握创建图层以及编辑图层的方法；了解引导层与运动引导层的概念熟练掌握创建、编辑引导层与运动引导层的方法遮罩动画的制作理解遮罩层的概念与作用；掌握创建遮罩层的方法，能够使用遮罩层制作遮罩图像的效果和具有遮罩效果的动画。元件与实例理解元件与实例的概念，元件的类型（图形、按钮、影片剪辑）、创建与编辑方法加入音频与视频掌握音频与视频文件的加入方法简单ActionScript语句了解ActionScript的作用掌握帧与元件加入ActionScript的方法掌握鼠标动作ActionScript控制掌握影片剪辑控制ActionScript第五单元Photoshop对网页图像的处理与优化教学单元教学内容与要求教学提示与活动建议网页图像的优化了解网页图像优化原理与方法掌握切片工具切割图像的方法通过讲解、上机练习制作实例、教师辅导等方法，使学生逐步掌握Photoshop对网页图像的制作与处理方法。网页版面设计了解网页版面设计的基本概念掌握Photoshop制作网页版式的方法导航栏的设计与制作掌握使用Photoshop制作各类型导航栏的方法掌握制作GIF广告条的方法按钮的设计与制作掌握Photoshop制作各类型的按钮的方法网页的设计与制作掌握Photoshop制作网页效果图的方法掌握参考线与图层组的应用第六单元中小企业网站的设计与制作教学单元教学内容与要求教学提示与活动建议了解中小企业网站的设计特点了解中小企业网站设计要点了解中小企业网站分类了解中小企业网站的主要栏目教师可以给学生找若干典型网站，分析学习其制作过程与方法。建议集中课时上机完成全部过程。以优秀案例为参照，在实际操作中掌握技巧与原理，积累经验。综合运用所学知识，完成一个小型网站中小企业网站的制作掌握站点的总体规划掌握站点的建立与管理掌握页面的创建掌握网页内容的添加掌握超级链接的插入掌握表单的应用掌握模板与库的应用掌握CSS的应用掌握动态内容的插入掌握站点的维护与上传第七单元个人网站的设计与制作教学单元教学内容与要求教学提示与活动建议个人网站的设计特点了解个人网站设计要点了解个人网站分类了解个人网站的主要栏目教师可以给学生找若干典型网站，分析学习其制作过程与方法。建议集中课时上机完成全部过程。以优秀案例为参照，在实际操作中掌握技巧与原理，积累经验。综合运用所学知识，完成一个小型网站。个人网站的制作掌握站点的总体规划掌握站点的建立与管理掌握页面的创建掌握网页内容的添加掌握超级链接的插入掌握表单的应用掌握模板与库的应用掌握CSS的应用掌握动态内容的插入掌握站点的维护与上传五、教学实施1. 教学建议（1）教学时数安排建议序号课程内容教学时数讲授与上机说明1网页与网站基础知识4建议在机房组织教学，上课即为上机，讲授与上机合二为一2HTML的应用63Dreamweaver简介及站点管理44插入文字与图像45插入超级链接66表格布局的应用107表单的应用68框架与浮动框架49模板与库的应用410CSS层叠样式表的应用1011行为的应用612站点的维护与上传413Flash动画基础知识214绘制动画角色615简单动画的制作816运动引导线动画的制作417遮罩动画的制作618元件与实例419加入音视频220ActionScript的应用821网页图像的优化422网页版面的设计423导航栏的设计与制作424按钮与文字的设计与制作425网页效果图的制作626中小企业网站的设计与制作1027个人网站的设计与制作10合计150（2）教学方法建议在本课程教学中，应充分体现以学生为主体，把学习的主动权交给学生，让学生作为主体参与教学过程，使学生养成良好的学习习惯；应充分发挥教师在教学设计、教学组织中的主导作用，提倡结合现有教学条件，灵活选择、运用教学方法。应注重学生能力的培养，强调学做结合，理论与实践融为一体，培养学生实际动手能力和解决实际问题的能力。教师应充分发挥计算机课程的特点，利用计算机的图、文、音、视、动画等手段，生动灵活地表现教学内容，提高学生的学习兴趣，激发学生的学习热情，营造有利于学生主动学习的教学情境。课题制作的教学应结合专业特点设计教学内容，着重培养学生适应职业岗位需要网页制作的基本技能和基础知识。（3）基本教学设施建议中等职业学校的网页制作课程的教学要配备能满足教学需要的计算机机房、多媒体教室等设施；配备数量合理、配置适当的计算机和相应的外部设备（打印机、投影仪、扫描仪等）；具备上网条件。2. 教材编写建议教材编写应以本教学大纲为基本依据，应考虑不同地区学校和学生的实际情况，合理安排基础知识与基本能力训练。教材内容的选取应体现以就业为导向，以学生为本的原则，选取与学习、工作、生活相关的实际案例，注重实践技能的培养。内容的选取还应注意计算机技术的快速发展，应具有前瞻性。教材内容的呈现方式要符合学生的认知特点，图文并茂、生动有趣地呈现教学内容，激发学生的学习兴趣。3. 现代教育技术的应用建议教师在教学过程中应重视现代教育技术与课程的整合，收集与开发数字化教学资源，合理应用网络与多媒体技术，努力推进现代教育技术在教学中