《网页设计技术(二)》课程教学大纲(11级)
《网页设计与开发》教学大纲
《网页设计与开发》课程教学大纲《网页设计与开发》教学大纲一、课程简介网页设计课程是高等院校计算机、信息管理、电子商务和其他相关专业的一门重要的基础课程，也是一门实践性和技能性要求很强的学科。
课程涵盖HTML基本元素、CSS样式表和JavaScript脚本编程语言、页面布局和整站建设三大内容，全面介绍了WEB站点设计与开发的基本操作技术和应用技巧。
本课程采用课堂与实践相结合讲授、案例向导的教学方式。
二、教学目标通过本课程的学习，使学生对网页设计的基本原则、栏目和目录结构定义、主流页面布局方法、导航制作、图文排版、色彩理论等进行详细了解。
掌握网站规划、设计、制作、管理、发布的相关技术及网页制作的操作技能；并熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架标记及属性设计出框架网页、表单网页、多媒体动态网页；掌握使用css技术进行网页布局的基本方法。
掌握JavaScript脚本语言的基本语法知识，HTML中JavaScript程序的嵌入方法，对象的概念及使用JavaScript来进行开发、维护、管理和设置WEB应用程序；掌握HTML5最新页面开发技术；掌握综合网站设计和发布的基本流程和方法。
三、教学内容和要求1、教学内容教学内容主要分为基础内容和进阶提高两大部分。
基础内容全面地讲述了HTML、CSS、JavaScript技术。
主要包括HTML设计和开发所需了解的基本概念和框架结构；文字与段落、列表、超链接、表格、表单和多媒体在页面开发中的应用； CSS在实际开发中的应用技巧；JavaScript在动态网页开发中的基本概念和应用。
进阶提高主要包括web设计的基本原则和方法；基于表格的页面布局方法和基于div+css的页面布局方法，以及常见导航菜单的制作；HTML5中介绍了画布、新增表单元素及多媒体应用；综合案例系统介绍了网站开发从规划、实现到发布的完整过程。
2、教学要求●了解万维网的用途及网页设计的基本概念；●了解HTML、CSS、JavaScript在网页设计中的重要作用；●掌握HTML文档的基本结构及标记属性的使用方法和规则●理解HTML中的文本、字符、段落、表格、列表、表单标记的作用；●掌握主流页面布局方法；●理解JavaScript语言的作用和执行方式，掌握在网页中使用客户端脚本的方法，了解事件响应机制，掌握页面事件编程；●了解网页设计的基本原则和方法；●掌握HTML5最新网页设计技术；●掌握网站发布的基本流程。
《网页设计》教学大纲
课程名称：网页设计课程代码：总学分：4总学时：54适用专业：计算机专业的本科先修课程和后续课程先修课程：计算机基础、图像类设计软件、计算机类语言后续课程：一、课程的性质、目的与任务课程性质：本课程是计算机网络技术、软件技术、电子信息技术、计算机系统与维护、电子商务技术等专业的技术基础课，属于必修课范畴。
课程目的：通过本课程学习，使学生了解网页制作的基础知识、基本流程。
熟悉并掌握HTML语言，WEB服务器的配置，CSS，JA V ASCRIPT并能熟练使用Dreamweaver网站的设计、制作与维护更新，为动态网页设计打下基础。
课程任务：本课程结合实例，详细介绍了HTML标记语言、CSS样式表的应用、JA V ASCRIPT程序设计等知识。
通过本课程的学习，使学生能够掌握网页设计与制作的基本技能，并轻松地创建出具个性化的静态网站等。
二、教学的基本要求以理论够用为度注重技能的培养。
在掌握主要概念和基本操作后，进行专项和综合训练。
通过课堂学习、课后练习和上机实验，使基本技能的训练得到加强，培养学生实际操作的能力。
（一）理论知识方面主要达到：1．掌握网页设计相关常识，熟悉网页制作的基本技术；2．了解网站设计制作的常用工具与基本流程，了解不同网站类型不同的设计与制作要求，了解网站的整体结构规划；3．掌握HTML语言；4．掌握利用CSS构建网站；5. 掌握利用表格或者CSS 进行网页布局5．理解脚本语言以及掌握JA V ASCRIPT（二）能力方面主要达到：1．熟练掌握使用手工编写HTML代码的方式编写网页；2．熟练掌握利用CSS+DIV方式进行网页设计；3．熟练掌握Macromedia Dremweave的基本操作；4．了解网页设计稿文件的切片与优化输出；了解网页图像的优化技巧；5．掌握JA V ASCRIPT编写一些简单的交互程序；6．掌握网站的测试、发布、推广与维护；三、课程教学内容、重点与难点第1章网页与网站基础知识1网页与网站的概念2网页的设计3网页版式和布局4网站的策划与创建原则●教学基础要求使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣●教学重点网页设计中的若干术语●教学难点网页设计中的若干术语第2章html基础1 html文档结构2 html基本语法●教学基础要求标记对与格式标记的使用●教学重点格式标记的使用●教学难点HTML基本语法第3章文字与段落1文字内容2文字样式3文字修饰4段落●教学基础要求了解标题元素,掌握字体,上下标,及特殊字符的标记●教学重点网页中特殊符号的输入●教学难点特殊符号对应的标记第4章列表1列表简介2无序列表3有序列表4嵌套列表5定义列表6菜单列表和目录列表●教学基础要求使学生对网站及网页有一定的认识，激发学生学习网页设计的兴趣●教学重点定义列表●教学难点菜单列表第5章超链接1超链接简介2创建超链接3链接对象●教学基础要求掌握超级链接标记的使用●教学重点字体、图片和超级链接标记的使用●教学难点理解书签超级链接的意义第6章表格1表格2表格标记3表格属性修饰4设置行的属性5设置单元格的属性6表格嵌套●教学基础要求掌握简单表格的制作表格中单元格的合并以及表格嵌套和叠加操作●教学难点理解表格属性rowspan与colspan的含义以及表格嵌套实现第7章框架1框架简介2框架的设置3子窗口的设置4浮动框架●教学基础要求掌握框架的制作●教学重点框架的嵌套使用●教学难点理解框架属性name、target的意义第8章表单1表单2输入3多行文本输入框4下拉列表框●教学基础要求掌握框架的使用●教学重点表单元素标志与属性●教学难点理解表单中相应元素对应标志及属性的含义第9章使用CSS格式化网页1样式表的定义与使用2定义选择符3文字与排版式的使用4背景与颜色的使用5美化网页与超链接的设置6矩形模块的概念与使用7列表●教学基础要求在网页中掌握CSS的运用方法●教学重点样式的定义CSS准确应用第10章javascript基础1javascript起步2javascript程序3标识符和变量4运算符和表达式5javascript程序控制结构6常用对象7事件编程●教学基础要求掌握JavaScript在网页开发中的程序设计●教学重点JavaScript函数、BOM对象的处理、DOM对象的处理●教学难点BOM对象的处理、DOM对象的处理、CSS2Properties对象的处理第11章web设计基础1web设计原则2网站结构规划3网页布局4内容设计5色彩设计●教学基础要求掌握WEB设计的原则●教学重点网页布局●教学难点网页规划第12章页面布局技术1.表格布局方法2.div+css布局方法3.页面导航布局方法●教学基础要求掌握网页设计中布局方法●教学重点div+css布局●教学难点div+css布局样式的定义与应用四、 课时安排建议（列简表） 序号 内容或章节 讲授学时安排作业 备注1 第1章 网页与网站基础 3 浏览网站，查看源文件2 第2章html 基础3 使用HTML 手工编写网页3 第3章文字与段落 34 第4章列表 35 第5章超链接 36 第6章表格 37 第7章框架 38 第8章表单3 9 第9章css 格式化网页 12 利用CSS 控制网页元素的风格和样式10 第10章javascript 基础 12 编写客户端脚本，与网页元素进行动态交互 11 第11章web 设计基础 3 制作综合网页12第12章 页面布局技术3合计 54五、 选用的教材和课件 教材：《网页设计与开发—html 、css 、javascript 实例教程》 课件：自作六、 考核方式和成绩评定 考核方式：综合设计作品成绩评定：平时成绩：30% ，考试（考核）：70%七、 主要教学参考书(注明：著者、书名、版本、出版者、出版年)执笔人： 审定人： 系（部）主任：。
网页设计与制作课程课程大纲
xxx学校课程大纲科目名称：《网页设计与制作》专业：计算机说明随着互联网的高速发展和广泛传播，对从事网页设计与制作的人员需求量也愈来愈多。
教材在教学过程中起着至关重要的作用，而缺乏优秀实用的网页设计与制作方面的教材是目前中职学校普遍存在的问题。
本书编者旨在为中职学校相关专业，以及对网页设计与制作有兴趣的人员提供一本实用教程。
本书是依据网页设计行业的业内制作标准和相关案例执行为范围编写的。
在编写过程中针对读者的特点，项目选择合理、针对性强、理论和实践有机融合；以实践为主，特别注重实用性，并注重融入先进的教学理念与方法，注重提高读者的学习能力。
全书从实用的网页设计制作项目入手，以任务驱动的方式系统地介绍了以下内容：网站的制作流程、使用HTML制作简单网页、认识Dreamweaver CS3、搭建与管理本地站点、网页元素的编辑、使用CSS控制页面元素、使用表格布局制作页面、使用框架布局制作网页、使用CSS+DIV布局页面、使用模板和库提高制作效率、使用JAVAScript制作网页特效、策划与制作个人艺术网站。
同时结合作者多年来积累的教学工作经验，以实践为主，理论融合其中，是帮助教师联想三大软件、提高学生实践力的有力助手。
通过课程学习，学生将具备网页设计与制作的基本技能，并帮助学生在从业道路上积累经验。
本教材还具备一下特点：1.任务明确；2.结构新颖；3.图文并茂，简洁易懂；4.与国家职业资格证接轨。
《网页设计与制作》课程教学大纲课程名称：《网页设计与制作》课程总学时：72一、教学目的和任务（一）目的《网页设计与制作》是计算机相关专业的一门应用性较强的选修课程。
通过对网页设计与制作的初步学习，使学生对网页设计与制作的各个环节有感性的认识并理性理解各个网页中各布局的功能和特点，学习网页设计与制作制作方法，为今后在网页设计与制作行业工作提供必要的基础知识，以便能够得心应手地使用好Dreamweaver软件，更好地使设计网页发挥作用。
(完整版)网页设计教学大纲
网页设计教学大纲一、课程性质与任务1、课程性质《网页设计与制作》是中计算机专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。
2 、课程任务本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：* 掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。
* 掌握各种网页元素在Dreamweaver cs3中的使用。
例如表格、文本、图像、超级链接、层和表单等。
* 熟悉一些网页设计辅助软件的功能和使用方法。
例如Flash、Fireworks、Photoshop等。
* 掌握测试和发布网站的方法。
包括网站测试的内容和方法。
* 能够解决一些网页设计中的常见问题。
* 了解ASP开发平台的搭建，Dreamweaver cs3在动态网页制作方面的应用。
二、课程教学目标与要求1、本课程的基本目标（1）使学生通过本课程的学习，掌握Dreamweaver cs3的使用方法，学会使用Dreamweaver cs3制作Web网页的技术。
（2）本课程学习结束后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。
2、课程在知识、素质方面的基本要求（1）知识要求深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握网站设计和发布的流程。
理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用；了解多种网页制作软件和图像处理软件相结合设计网站的好处。
了解Dreamweaver cs3在动态网站上的应用。
《网页设计》教学大纲
网页设计课程教学大纲一、课程说明【课程编号】【课程类别】专业选修课【学分、学时】2学分、48学时【授课对象】数字媒体艺术专业本科四年级【修订日期】2021年3月31日本课程是一门操作性和实践性很强的课程，对于网页设计与制作岗位应具备的网页设计与制作能力的培养起到重要作用。
在学生具备了一定的计算机应用基础知识和平面图像处理基础能力的基础上，本课程主要介绍了网页设计与布局知识、网页制作技术以及Dreamweaver、Sublime Text等网页编辑与制作软件的使用，让学生具备熟练地制作出有专业水准的网页的能力。
本课程在教学设计当中充分融入思想政治德育教育的元素，突出以专业技能和理论知识为主、思想道德教育为辅的教学特点，发挥出思政教育在专业课程教学中的作用。
在教学过程中，引入实事政治案例，对学生进行正确的价值观的影响，使专业课程教学发挥引领学生树立正确价值导向的作用。
教学环节中，让学生参与讨论和互动，在选择案例和实践操作上多聚焦中华传统文化、国内优秀网页设计作品等，引导学生从全球视野看待中国文化，增强学生的价值认同与文化自信；在学习专业知识的同时，谈理想谈目标，在讨论过程中引导学生将专业知识与实际应用联系在一起，将个人理想与建设祖国联系在一起，从而进一步达到课程思政的教学目的，提高学生课堂学习的收获感、成就感，增强立德树人的成效，实现课程思政的教学效果。
表1 本课程对毕业要求支撑关系矩阵表注：课程矩阵图中课程与毕业要求各项相关关系，按照H （高相关）、M （中相关）、L （低相关）填写。
二、课程目标通过本课程的学习，培养学生利用网页设计技术进行网站设计与开发的基本知识和技能，能基本胜任网页制作的岗位。
通过教师的教学工作，不断激发并强化学生的学习兴趣，并引导他们逐渐将兴趣转化为稳定的学习动机，以使他们树立自信心，锻炼克服困难的意志，乐于与他人合作，养成健康向上的品格。
同时，培养学生严谨、细致的工作作风和认真的工作态度。
网页设计教学大纲(共3篇)
网页设计教学大纲〔共3篇〕第1篇：网页设计教学大纲网页设计教学大纲一、课程性质与任务1、课程性质《网页设计与制作》是中计算机专业开设的一门专业必修课，是计算机类专业的一门理论环节课程，也可以作为其他相关专业的理论课程或选修课，它是一门操作性和理论性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能纯熟地制作出有专业水准的网站。
2、课程任务本门课程在专业教学方案中起着非常重要的作用，通过这门课程，学生可以掌握以下技能和知识：* 掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。
* 掌握各种网页元素在Dreamweaver cs3中的使用。
例如表格、文本、图像、超级链接、层和表单等。
* 熟悉一些网页设计辅助软件的功能和使用方法。
例如Flash、Fireworks、Photoshop等。
* 掌握测试和发布网站的方法。
包括网站测试的内容和方法。
* 可以解决一些网页设计中的常见问题。
* 理解ASP开发平台的搭建，Dreamweaver cs3在动态网页制作方面的应用。
二、课程教学目的与要求1、本课程的根本目的〔1〕使学生通过本课程的学习，掌握Dreamweaver cs3的使用方法，学会使用Dreamweaver cs3制作Web网页的技术。
〔2〕本课程学习完毕后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，纯熟掌握其根本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。
2、课程在知识、素质方面的根本要求〔1〕知识要求深化理解Inter，理解、、HTML等概念及作用；掌握网站设计和发布的1 流程。
理解网站维护管理的意义及重要性，理解效劳器、客户端、阅读器的概念和作用；理解多种网页制作软件和图像处理软件相结合设计网站的好处。
理解Dreamweaver cs3在动态网站上的应用。
网页设计课程教学大纲
网页设计课程教学大纲课程概述本课程旨在介绍网页设计的基础知识和技能，培养学生的网页设计能力。
通过理论研究和实践操作，学生将掌握网页设计的核心概念，了解网页设计的流程和方法，以及熟悉常用的网页设计工具和技术。
课程目标- 了解网页设计的基本原理和概念- 研究网页设计的流程和方法- 熟悉常用的网页设计工具和技术- 培养学生的创造力和设计思维- 掌握设计符合用户体验和视觉需求的网页教学内容1. 网页设计基础- 介绍网页设计的概念和重要性- 讲解网页设计的基本原理和规范- 网页设计的色彩和排版原则2. 网页设计工具和技术- 介绍常用的网页设计工具，如Adobe Photoshop和Adobe XD - 网页设计中的图像和多媒体元素3. 网页设计流程和方法- 分析网站需求和目标用户- 制定网页设计的整体构思和结构- 创建网页设计的草图和原型4. 网页设计实践- 进行网页设计的实际操作和练- 学生根据特定需求和要求进行网页设计- 评价和改进自己的网页设计作品教学方法- 理论授课：讲解网页设计的基本概念和原理- 实践操作：指导学生使用网页设计工具和技术进行实际操作- 作业练：布置网页设计相关的作业和练题- 课堂讨论：促进学生之间的交流和思维碰撞- 评估考核：通过作业、考试和项目评估学生的研究成果考核方式- 课堂作业：完成指定的网页设计作业和练- 考试：进行理论知识的考核- 项目评估：根据学生的实际网页设计作品进行评估参考资料- 《网页设计基础教程》- 《网页设计与制作教程》- 在线教学资源和相关网站以上是《网页设计课程教学大纲》的概述和主要内容，通过本课程的学习，学生将获得扎实的网页设计基础和实践能力，为将来的网页设计工作打下良好的基础。
《网页设计》教学大纲
教师学科教案[ 20 – 20 学年度第__学期]任教学科：_____________任教年级：_____________任教老师：_____________xx市实验学校《网页设计》教学大纲课程英文名：Webpage Design课程代码：15450030 学分：2总学时：36课程性质：专业课考核方式：机试课程类别：专业选修课开课单位：计算机科学与技术系先修课程：大学计算机基础适用专业：本科层次市场营销专业一、教学目标通过本课程的学习，使学生了解有关Web网站建设的基本概念与方法，掌握网页设计制作的方法，HTML超文本标记语言的使用，相关美学的知识与网页制作流程。
主要掌握HTML 语言用，了解Dreamweaver的基本功能和使用方法,以及本课程相关技术的发展趋势。
二、教学要求通过本课程的学习要求学生掌握网页设计与制作的基本方法与程序，掌握基本的语言和相关软件以及设计基本技巧。
不但能独立完成简单的网页制作方法，还要增强合作精神，实现多人合作完成较大网站的制作。
本课程教学由简入深，主要采用以下教学方法：（1）指定教材中的经典实例，让学生操作实现。
（2）参观与模仿精彩优秀的网站，了解其效果实现方法，并将其应用到实验中。
（3）综合运用基本知识点，实现复杂综合功能。
（一）要求教学过程注意以下几方面内容:1、注意所涉及的网页设计的基本概念，基本原理的学习，每堂课都加有案例讲行讲解，避免有理论，没实践。
2、加强实践教学环节。
依据本课程的特点，增强学生的动手能力，教师的讲解与学生实习相结合，避免有实践，没理论。
3、充分利用多媒体与讲解、演示与讲解、网络查阅浏览等教学手段，每节课根据教学内容的不同运用启发式、情境式等教学方法。
4、要把当前最新的知识介绍给学生，使学生学以致用，增加就业机会。
（二）作业：重要章节布置实习题目，以巩固学生的学习效果，促进其多思考，培养学生的创意和设计能力。
（三）考试：采取上机考试形式进行考核，考试内容详见考试方案，考试最终以作品形式上交。
网页设计与制作教学大纲
《网页设计与制作》教学大纲第一部分大纲说明一、课程的性质和任务：《网页设计与制作》是一门操作性和实践性很强的课程,为网络专业和计算机相关专业的必修课。
本课程的主要内容包括了网页编辑与制作软件Dreamweaver MX建站的全过程。
教材体现网页制作技术的的特点，注重实用性和操作性,综合讲述了网页制作中的网页编辑、Web图像制作以及网页中动画设计的基本概念和基本操作技能。
书中文字叙述简单明了、通俗易懂。
按照Macromidia公司出品的网页制作系列软件的系统内容，由浅入深、循序渐进，符合学习者的认知规律。
书中列举了部分实例，各章都编排了适量的习题、思考题，以使学生更好地理解和掌握书中所讲述的内容。
二、培养目标：结业后能独立完成公司或个人主页的制作、维护、站点管理、设计制作精美的网页，能够更好地把企业通过互联网推向全球，并通过考试可获得网页设计师相关证书。
三、授课对象：高职高专类网络专业和计算机相关专业四、课程的特点和教学基本要求课程在重点介绍网页设计软件Dreamweaver MX的操作与应用的基础上，通过大量实例和光盘教学素材，详细地阐述了网页设计软件的应用技巧，使学生在学习过程中得以融会贯通，掌握网页设计软件的高级应用。
同时，授课过程中将始终遵循“用户界面感受第一”的基本原则，教导学生在策划、设计过程中设身处地为用户着想，让创意为用户服务，培养学生独立思考、独立创作的良好学习习惯，为学生成为一名优秀的网页设计师打下坚实的基础。
课程设置的根本思路是为使学生能够最大程度满足企业对于网页设计人员的需求，达到学以致用的目的，从而为企业培养优秀的网页设计实用人才。
五、课程教学要求的层次1、掌握：在网页文档中添加文本和文本的格式化方法、插入日期和时间、插入水平线、设置网页的属性等操作方法。
在Dreamweaver MX中使用的图像格式、在网页文档中插入图像、为页面背景添加图像、图像属性的设置、图像与文本的混合排版、设置图像的位置和边框、设置图像的缩略图的操作方法，会使用图像编辑器，会在网页中插入翻转图像和导航条的操作、表格的组成和基本操作方法及创建表格、表格操作、表格编辑的方法、表格和单元格的属性设置，会用表格组织网页的总体布局，掌握使用布局视图布局页面的总体布局。
网页设计基础网页设计基础本科课程教学大纲
《网页设计基础》课程教学大纲、课程总述本课程大纲是以2008年软件工程本科专业人才培养方案为依据编制的。
、教学时数分配三、单元教学目的、教学重难点和内容设置第一课优秀网页赏析【基本要求】通过本课的学习，了解In ternet的一些基础知识以及Web的特性等，还需要掌握网页设计的基础知识、特点和运用方法。
【重点难点】重点：设计你的网页；难点：1、Internet 基础；2、设计你的网页；第二、三、四和五课HTML 语言介绍【基本要求】通过本课的学习，掌握使用“记事本”编辑HTML 的基本操作、并使用Internet Explorer 测试HTML 文件的操作；掌握HEAD 、TITLE 、BODY 等基本标记符的使用；掌握P、BR、HR、Hn等标记符的基本用法；掌握align属性的用法；掌握FONT标记符的用法；掌握HTML 中超级链接标志的使用；理解书签超级链接的意义；掌握target属性不同取值对应的含义；掌握制作显示网页效果及显示网页代码的网页，并实现相互链接；熟练掌握制作网页,并实现连接。
【重点难点】重点：1、掌握设置文本格式的方法，能够在HTML 页中分段与换行、设置段落对齐方式、设置字体、字号和颜色、设置字符样式以及插入特殊字符。
2、掌握列表格式的使用方法，能够在HTML 页中创建有序列表和创建无序列表。
3、掌握在网页中使用图像的方法，能够在网页中插入图像、设置图像格式与布局以及播放多媒体文件。
4、掌握在网页中使用字幕和背景音乐的方法，能够插入字幕和背景音乐并进行有关参数的设置。
难点：1、HTML 语言文档及HTML 中的表单元素属性2、HTML 文档中的绝对链接和相对链接3、程序的三种基本结构4、程序功能实现第六和七课Flash 简单动画制作【教学要求】了解：时间轴与关键帧的概念掌握：常用绘图工具的使用掌握：帧的概念及相关操作掌握：动画的实现原理熟练掌握：利用时间轴制作flash 简单动画的方法【重点难点】重点：1、帧的种类与其各自的使用2、元件的概念难点：1、掌握什么是关键帧、过渡帧、空白帧以及状态保持帧2、动作补间动画的制作第八、九、十、十一和十二课flash 技术综合应用【教学要求】了解：图层的基本概念了解：Flash MX 2004 中图层的类型了解：遮罩层与被遮罩层的基本概念掌握：对遮罩动画的实现原理掌握：遮罩动画的制作方法掌握：对图层的各种基本操作掌握：引导层的使用方法掌握：形状渐变动画和动作动画的制作方法，能独立完成简单动画的制作熟练掌握：遮罩的原理熟练掌握：引导动画的制作熟练：使用“自由变形工具”和“填充变形工具”【重点难点】重点：1、图层与图层之间的关系2、引导层的概念3、遮罩的概念4、遮罩动画的实例5、形变的概念以及其特性6、形变动画的实例难点：1、引导层的轨迹的制作2、引导动画的制作3、遮罩层与被遮罩层的遮罩原理4、遮罩动画的制作5、形变动画的制作原理6、形变动画的实体的特殊性第十三、十四和十五课层的应用和框架的应用以及行为【教学要求】了解：层的概念；了解：行为的概念；了解框架网页与普通网页之间的区别与联系；掌握框架网页在创建、选择、设置、存储与应用方面的特点；掌握框架网页的制作方法。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
无锡商业职业技术学院《网页设计技术（二）》课程教学大纲课程代码：xx3324教育层次：专科层次学制：三年适用对象：初中起点高职□中职起点高职□高中起点高职■课程教学时数：90学分数：5制订或修订执笔人：李瑞强系（部）教研室主任审核意见系（部）教学主任审核意见完成日期：审核小组：院教学工作委员会审核日期：签发人：沈苏林签发日期：无锡商业职业技术学院《网页设计技术（二）》教学大纲课程名称：网页设计技术（二）课程代码：xx3324建议课时数：90学分：5适用专业：计算机网络技术一、课程性质和任务课程性质：本课程是网络技术专业重点建设课程之一，也是院级教改课题《以就业为导向下“计算机网络”课程的教学改革研究》重点研究和建设课程之一。
本课程是计算机各专业的专业基础课，是计算机网络技术专业的专业核心课程。
课程任务：通过前一学期《网页设计技术（一）》课程的学习，《网页设计技术（二）》这门课程通过感性、直观的实践操作，指导学生完成网站作品，联系相关技术岗位工作，整合专业课程的主要教学内容，综合运用所学的基本知识和基本技能，提高解决实际问题的能力，并且掌握实际的应用方法，达到提高综合应用能力的目的。
二、课程教学目标本课程的教学目标是，使学生具备网站策划、效果图设计与制作、网站后期编辑、动态代码编写等方面的技能，提高学生的团队协作能力、沟通能力、分析解决问题能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成。
通过学习，使学生进一步提高网页制作水平，提高审美能力，重点掌握运用Photoshop图像处理软件进行网页版面效果图设计，以及使用Dreamweaver网页制作软件制作网页，掌握运用flash 动画制作软件设计网页中动画的方法，进而掌握将这三个软件互相配合、各司其职，完成网页设计综合任务的方法。
为今后从事网页设计与制作、网站开发和管理工作奠定基础。
在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。
本课程要求用网页设计方法，设计一个网站，提高综合应用所学知识的能力，积累网页制作的经验，提高色彩搭配能力，团队协作能力，具体目的如下：◆培养系统设计的整体思想◆培养网页版面设计和制作网页的能力◆学习编写技术文档◆培养独立学习、吸取他人的经验、探讨技术的习惯◆培养团队协作能力（一）知识教学目标1、熟悉互联网。
2、掌握网页设计软件Dreamweaver的使用方法。
3、掌握图像处理软件Photoshop的使用。
4、掌握动画制作软件Flash的使用。
（二）能力培养目标1、理解掌握设计、制作网站的基本工作流程与方法。
2、能运用Photoshop图像处理软件进行网页版式设计与素材的制作。
3、能运用Flash动画制作软件进行网页素材的制作。
4、能综合运用Dreamweaver网页设计软件，设计制作一个公司网站。
（三）思想教育目标1、通过初步学习分析和解决计算机应用过程中的实际问题，培养科学求实的态度和创新意识。
2、按时守信的诚实作风；乐观向上的敬业精神；沟通协作的团队意识；知识获取和应用的自主学习能力；探索实践的创新能力。
3、树立科学态度及知识产权意识，自觉依法进行信息技术活动。
三、教学内容与教学基本要求课程：网页设计技术（二）载体：策划方案文档总课时：90课时学习领域1：工作入门篇课时：5课时学习目标：通过学习，学生能够按客户建站需求为基础，综合考虑网页内容需求、功能需求、美术理论、技术平台特点等设计企业网站产品。
能编写规范的网站策划书。
能在项目团队中提出合理的技术平台建议。
内容：∙网站分类与特点。
∙网站内容设计的流程与依据。
∙网站功能设计的流程与依据∙网站美术设计的流程与潮流。
∙网站技术平台的特点与功能。
∙网站策划书的编写。
方法：∙教师讲述∙任务教学∙案例分析∙演示法∙小组合作∙课堂对话∙角色扮演媒体:1.真实客户案例。
2.网站策划书样本。
3.计算机、投影仪。
4.PPT课件。
学生能力准备:1.美术审美能力。
2.网络生活体验。
3.基础应用文写作能力。
4.办公自动化软件操作能力。
教师能力准备:1.运用各种教学法实施教学的能力。
2.企业网站策划能力及经历。
教学评价方法:1.过程评价。
2.结果评价。
3.教师考评。
课程：网页设计技术（二）学习领域1.1：课前教育：工作礼仪与沟通（写网站策划方案）教学方法：利用投影仪和PPT课件教授理论知识，提供典型行业企业网站案例策划方案。
介绍客户需求、分析案例结构及特点。
总结案例区别。
实训中分成小组按给定工作任务完成案例分析，编写网站策划方案。
目标能力：教学内容:1.能正确理解客户需求。
2.能正确设定网站的类型。
1.网站制作人员工作性质与特点。
2.工作中的礼仪与沟通技巧。
3.各类型网站的特点和区别。
教学重点：教学难点：1.理解网站制作工作性质与特点。
2.掌握网站策划方案书写方法。
1.如何正确理解客户需求。
课程：网页设计技术（二）载体：策划方案文档、网页效果草图总课时：90课时学习领域2：审美提高篇课时：12课时学习目标：通过学习，学生能够按客户建站需求为基础，综合考虑网页内容需求、功能需求、美术理论、技术平台特点等设计企业网站产品。
根据所学色彩搭配知识，能修订网站策划方案；并且能够在纸上或者电脑上绘制网页效果草图。
内容：∙网页色彩技术知识。
∙网页中色彩的应用。
∙网页中色彩的搭配。
∙网页布局与版面设计。
∙修订网站策划方案。
∙绘制网页效果草图方法：∙教师讲述∙任务教学∙案例分析∙演示法∙小组合作∙课堂对话∙角色扮演媒体:1.真实客户案例。
2.网站策划书样本。
3.计算机、投影仪。
4.PPT课件。
学生能力准备:1.美术审美能力。
2.网络生活体验。
3.基础应用文写作能力。
4.办公自动化软件操作能力。
5.简单美术绘画能力。
教师能力准备:1.运用各种教学法实施教学的能力。
2.企业网站策划能力及经历。
教学评价方法:1.过程评价。
2.结果评价。
3.教师考评。
课程：网页设计技术（二）学习领域2.1：网页色彩技术知识教学方法：利用投影仪和PPT课件教授理论知识，提供典型行业企业网站案例策划方案。
教师与学生进行角色扮演，由老师扮演客户。
实训中分成小组按给定工作任务完成案例分析，修订网站策划方案。
目标能力：教学内容:1.能熟练掌握网页色彩技术知识。
1.生活中的色彩。
2.能正确分辨网页色彩。
2.网页色彩技术知识。
教学重点：教学难点：1.理解网页色彩技术知识。
1.正确区分网页色彩。
课程：网页设计技术（二）学习领域2.2：网页中色彩的应用教学方法：利用投影仪和PPT课件教授理论知识，提供典型行业企业网站案例策划方案。
教师与学生进行角色扮演，由老师扮演客户。
实训中分成小组按给定工作任务完成案例分析，修订网站策划方案。
目标能力：教学内容:1.能熟练掌握网页色彩技术知识。
2.能熟练掌握网页色彩的应用。
1.网页色彩知识。
2.网页色彩应用。
教学重点：教学难点：1.掌握网页色彩知识。
2.掌握网页色彩应用。
1.网页色彩的合理使用。
课程：网页设计技术（二）学习领域2.3：网页中色彩的搭配教学方法：利用投影仪和PPT课件教授理论知识，提供典型行业企业网站案例策划方案。
教师与学生进行角色扮演，由老师扮演客户。
实训中分成小组按给定工作任务完成案例分析，修订网站策划方案。
目标能力：教学内容:1.能熟练掌握网页色彩知识。
2.能熟练掌握网页色彩的搭配。
1.网页色彩知识。
2.网页色彩搭配。
教学重点：教学难点：1.掌握网页色彩知识。
2.掌握网页色彩搭配。
1.网页色彩的合理搭配。
课程：网页设计技术（二）学习领域2.4：网页布局与版面设计教学方法：利用投影仪和PPT课件教授理论知识，提供典型行业企业网站案例策划方案。
教师与学生进行角色扮演，由老师扮演客户。
实训中分成小组按给定工作任务完成案例分析，修订网站策划方案。
目标能力：教学内容:1.掌握点、线、面的平面造型规律2.掌握稳定性、秩序性、律动性、统一和变化3.掌握重复、渐变、对比、发散、特异1.平面构成基本要素2.形态美的法则3.逻辑构成规律教学重点：教学难点：1.网页的布局结构认识2.网页的色彩搭配认识1.网页版面布局设计。
课程：网页设计技术（二）载体：PSD、网页效果图、动画总课时：90课时学习领域3：PhotoShop与Flash技巧提高篇课时：25课时学习目标：通过学习，学生能够按网站策划书的要求，发挥自主能动性设计网页美术效果。
能应用Photoshop绘制网页效果图，并且能够根据需要使用Flash制作动画。
能合理的对网页效果图进行切片和优化。
内容：∙制作网页背景。
∙网站LOGO设计与制作。
∙网站banner与动画。
∙网页导航条。
∙制作网页按钮。
∙制作区域框和分隔线。
∙网页中的图像和文字。
∙网页整体效果图切割。
∙实战3：修订策划方案，设计网页效果图方法：∙教师讲述∙任务教学∙案例分析∙演示法∙小组合作∙课堂对话∙角色扮演媒体:1.真实客户案例。
2.真实项目的PSD效果图。
3.计算机、投影仪、PPT 课件。
学生能力准备:1.美术审美能力。
2.美术构成设计能力。
3.电脑图形处理软件操作能力。
教师能力准备:1.运用各种教学法实施教学的能力。
2.企业网站美术设计能力与经历3.网页PSD绘图能力与经历教学评价方法:1.过程评价。
2.结果评价。
3.教师考评。
课程：网页设计技术（二）学习领域3.1：制作网页背景教学方法：利用投影仪和PPT课件教授理论知识，提供典型行业企业网站案例，采用现场制作的方式对案例中的网页背景进行制作演示。
实训中以学生个体为单位对多个真实项目案例进行临摹制作。
从反复操作中积累实践知识。
目标能力：教学内容:1.能熟练应用Photoshop制作常见的网页背景。
1.理解常见网页背景的视觉效果和制作方法。
2.熟练应用Photoshop各选区工具。
3.熟练应用Photoshop各填充工具。
教学重点：教学难点：1.理解常见网页背景的视觉效果和制作方法。
1.Photoshop不同工具的配合使用。
课程：网页设计技术（二）学习领域3.2：网站LOGO设计与制作教学方法：利用投影仪和PPT课件教授理论知识，提供典型行业企业网站案例，采用现场制作的方式对案例中的网页LOGO进行制作演示。
实训中以学生个体为单位对多个真实项目案例进行临摹制作。
从反复操作中积累实践知识。
目标能力：教学内容:1.能熟练应用Photoshop制作常见的网页LOGO。
1.理解常见网页LOGO的视觉效果和制作方法。
2.熟练应用Photoshop各选区工具。
3.熟练应用Photoshop各填充工具。
4.熟练Photoshop的文本工具。
教学重点：教学难点：1.理解常见网页LOGO的视觉效果和制作方法。
1.Photoshop不同工具的配合使用。
课程：网页设计技术（二）学习领域3.3：网站banner与动画教学方法：利用投影仪和PPT课件教授理论知识，提供典型行业企业网站案例，采用现场制作的方式对案例中的网页banner进行制作演示。