“网页制作与网站设计”课程标准

“网页制作与网站设计”课程标准一、课程设置本课程主要网络技术专业学生的网站的规划、网页效果图的设计与制作、网站的设计、网页动画的设计、代码的融合等专业能力和方法能力，以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。本课程的学习情境是依据以工作过程为向导，以典型工作任务为基点，综合理论知识，操作技能和职业素养为一体的思路设计。通过完成学习情境的学习，学生不但能够掌握网页制作与网站设计的专业知识和专业技能，还能够全面培养其团队协作、沟通表达、工作责任心、职业道德与规范等综合素质，使学生通过学习的过程掌握工作岗位所需要的各项技能和相关专业知识。学生通过20个典型任务完成本课程的学习任务。通过本课程的学习，学生能够具备网站的简单规划、网页效果图的设计、网页与网站的编辑、后台代码的融合、普通动态网程序的编写等专业能力；资料收集整理、制定和实施工作计划、进行市场分析、理论知识运用等方法能力；交接工作流程确认、沟通协作、语言表达、责任心与职业道德等社会能力。二、培养目标1方法能力目标（1）资料收集与整理能力。（2）制定、实施工作计划的能力。（3）简单的需求市场分析能力。（4）用户需求的理解能力。（5）检查、判断能力。（6）理论知识的运用能力。2．社会能力目标（1）培养学生的沟通能力及团队协作精神。（2）培养学生分析问题、解决问题的能力。（3）培养学生用于创新勇于创新、敬业乐业的工作作风。（4）培养学生的质量意识、团队协作意识。（5）培养学生社会责任心。3．专业能力目标（1）常规企业、事业网站的规划能力。（2）常规企业、事业网站的策划书的书写能力。课程编号：030266课程英文译名：WebPagemaking&WebsiteDesign课程总学时：60学分：6课程类别：必修课开课对象：三年制高职网络技术专业执笔人：审核人：批准人：编写日期：2009年5月使用专业：网络技术专业课程代号：TC33016625开设时间：第1、2阶段学时数：120（3）常规网站的效果图的设计能力。（4）网站动画的设计能力。（5）应用新技术DIV+CSS的布局网站的能力。（6）动态网站的代码的应用能力。（7）简单动态代码的编写能力。（8）常规静态企业、事业网站的开发与制作能力。（9）常规动态企业、事业网站的开发与制作能力。（10）常规网站的设计与规划能力。（11）常规网站的维护能力。三、与前后课程的联系1．与前继课程的联系“信息基础”培养学生的计算机基本应用能力，“C#程序设计”培养学生的基本编程能力。2．与后继课程的关系为学生后继学习“网页特效编程”、“ASP.NET网络编程技术”等课程打下专业基础。与前后课程的联系如图1-1所示：图1-1与前后课程的联系图四、教学内容与学时分配为使学生掌握网站规划、网页效果图的设计、网页与网站的编辑、后台代码的融合、普通动态网程序的编写等专业能力所需的知识与技能，本课程以真实项目为载体来组织教学，将职业行动领域的工作过程融合在项目训练中。“网页制作与网站设计”课程项目结构与学时分配见表1-1-1。表1-1-1课程项目结构与课时分配表项目编号项目名称项目内容主要教学知识点学习目标学时P1-1俞晨传奇个人网页设计了解认识网页制作的基础知识与网络的基本术语K1-1：网页制作的简单方法K1-2：网络的基本术语K1-3：网站的分类K1-4：网站的赏析K1-5：网页设计师的需求K1-6：网页设计的原则O1-1-1：了解网页制作的简单方法O1-1-2：了解网络的基本术语O1-1-3：了解网站的分类O1-1-4：能进行网站的赏析O1-1-5：了解网页设计师的需求与设计原则2P1-2淮安旅行社网站策划依据客户的需求，完成网站策划书的书写K1-7：客户的需求分析K1-8：网站的项目规划方法K1-9：网站策划书的书写方法O1-2-1：能够理解了解分析客户的需求O1-2-2：在需求的基础之上能够进行项目规划O1-2-3：能够书写项目规划书4P1-3淮安旅行社网站的制作流程运用网站的制作流程，描述淮安旅行社网站的制作流程K1-10：网站栏目模块设计K1-11：网站草图的设计K1-12：规划站点结构K1-13：网站效果图的设计制作K1-14：网站效果图的切片K1-15：网页的编辑方法K1-16：网站动态化的方法K1-17：网站的上传O1-1-1：掌握前期策划和内容组织的具体工作O1-3-2：了解网站效果图的设计制作的方法O1-3-3：了解网站页面的设计制作方法O1-3-4：了解代码融合的方法O1-3-5：了解网站的上传方法4P1-4淮安信息职业技术学院网站欢迎页设计根据项目需求设计淮安信息职业技术学院网站欢迎页效果图K1-18：认识Phtot_shopCS4界面K1-19：快捷键与鼠标操作K1-20：套索、图章、填充、文字工具的使用K1-21：自由变换工具的使用O1-4-1：能够认识PhtotshopCS4界面O1-4-2：熟练掌握快捷键与鼠标操作O1-4-3：掌握Phto_tshop的基本操作O1-4-4：掌握Phto_tshopCS4的部分基本本工具的使用4项目编号项目名称项目内容主要教学知识点学习目标学时P1-5淮信科技网站Logo设计与制作根据Logo的设计理念，根据项目需求，设计淮信科技网站Logo标识K1-22：Logo的设计综述K1-23：图层的基本概念与分类K1-24：图层样式的使用方法K1-25：网页效果图设计的精确布局方法O1-5-1：基本掌握图层的概念O1-5-2：熟练掌握图层的使用方法O1-5-3：熟练掌握图层的样式的使用方法O1-5-4：掌握文本工具的具体使用技巧O1-5-5：掌握网页布局工具网格、标尺与参考线的使用技巧O1-5-6：掌握PhtotshopCS4的部分基本本工具的使用O1-5-6：精确使用绘制图形的方法4P1-6书法家庄辉个人网站主页设计与制作根据项目需求制作书法家庄辉个人网站主页效果图K1-26：渐变工具的使用法K1-27：色调的调整K1-28：色彩的调整K1-29：图像混合方式的概念K1-30：图像混合方式的使用O1-6-1：掌握渐变工具的使用方法O1-6-2：掌握图像色调的调整方法O1-6-3：掌握图像色彩的调整方法O1-6-4：掌握图像混合方式的概念O1-6-5：了解图像混合方式的原理O1-6-6：掌握图像混合方式的使用方法4P1-7淮安信息职业技术学院网站页眉设计根据项目需求，综合使用photoshop软件设计淮安信息职业技术学院网站页眉K1-31：图像通道的概念与使用技巧K1-32：图像通道的概念与使用技巧K1-33：图层蒙版的概念与使用方法K1-34：网站的切片方法O1-7-1：能够掌握通道的概念及应用技巧O1-7-2：掌握蒙版的概念O1-7-3：熟练掌握蒙版的的使用技巧O1-7-4：掌握滤镜的概念O1-7-5：熟练掌握滤镜的使用方法与技巧O1-7-6：掌握使用PhtotshopCS进行切片导出的方法与技巧4项目编号项目名称项目内容主要教学知识点学习目标学时P1-8书法家庄辉个人网站模板页效果图的设计与制作运用色彩的基本理论与网页版式布局理论设计书法家庄辉个人网站模板效果图K1-35：色彩的基本理论K1-35：网页配色的原则K1-36：网页的配色方法K1-37：网页版式布局的要点与布局的方法K1-38：网页版式构成的类型O1-8-1：了解色彩的基本理论O1-8-2：了解网页配色的原则O1-8-3：了解网页的配色方法O1-8-4：了解网页版式布局的要点与布局的方法O1-8-5：了解网页版式构成的类型4P1-9高职高专教学水平评估评建网Gif动画根据项目需求设计并制作高职高专教学水平评估评建网bannerf动画K1-36：photoshop动画面板的使用K1-37：photoshop制作动画的基本方法K1-38：过渡动画的制作方法K1-39：掌握文字动画的制作方法K1-40：混合Gif动画设计方法O1-9-1：掌握Photoshop动画面板的使用方法。O1-9-2：掌握Photoshop制作动画的基本方法。O1-9-3：掌握过渡动画的制作方法。O1-9-4：掌握文字动画的制作方法。24P1-10书法家庄辉个人网站动画的设计制作书法家庄辉个人网站中的banner动画K1-41：FlashSwish软件的界面K1-42：FlashSwish软件制作动画的基本方法K1-43：掌握FlashSwish软件对动画的控制方法K1-44：掌握文字动画的淡出效果的制作方法O1-10-1：认识FlashSwish软件的界面O1-10-2：掌握FlashSwish软件制作动画的基本方法O1-10-3：掌握FlashSwish软件对动画的控制方法O1-10-4：掌握文字动画的淡出效果的制作方法2P1-11书法家庄辉个人介绍页面的制作根据项目需求，使用基本网页的编辑方法完成书法家庄辉个人介绍页面的制作K1-45：Dreamweaver的基础知识K1-46：Dreamweaver插入文本、图像、表格、超级链接K1-50：Dreamweaver插入特殊字符、动画图、Flash透明动画像的方法O1-11-1：掌握Dreamweaver的基础知识O1-11-2：掌握Dreamweaver插入文本、图像、表格、超级链接的方法与技巧O1-11-3：掌握Dreamweaver插入特殊字符、动画、设置透明动画的方法4项目编号项目名称项目内容主要教学知识点学习目标学时P1-12高职高专教学工作评建网HTML代码的编写根据项目需求，结合网页基本编辑方法编写高职高专教学工作评建网HTML代码K1-53：HTML语言简介K1-54：HTML的基本结构K1-55：HTML的常用标记K1-56：HTML编写页面的方法K1-57：熟练浏览并修改HTML代码O1-12-1：了解HTML语言简介O1-12-2：掌握HTML的基本结构O1-12-2：掌握HTML的常用标记O1-12-2：掌握使用HTML编写页面的方法O1-12-2：能够熟练浏览并修改HTML代码4P1-13计算机科学与工程系迎评网CSS设计根据项目需求设计计算机科学与工程系迎评网CSS样式表K1-58：认识CSS样式表K1-59：创建新样式表与应用样式表K1-60：CSS的规则定义K1-61：链接外部CSS样式表K1-62：设置CSS样式表的方法O1-13-1：掌握CSS的基本理论O1-13-2：掌握CSS的相关属性的设置方法O1-13-2：掌握CSS的应用方法O1-13-3：掌握CSS的设计应用方法。O1-13-4：掌握CSS的应用方法4P1-14图形图像专题学习网站主页设计根据项目需求完成图形图像专题学习网站主页编辑K1-63：创建预定义框架K1-64：创建预定义框架K1-65：框架的多种选择方法K1-66：框架集的多种选择方法K1-67：框架集的保存K1-68：设置框架的属性K1-69：设置框架集的属性O1-14-1：掌握在网页中创建框架的方法O1-14-2：为框架命名并导入框架源文件O1-14-3：框架集文件的保存O1-14-4：掌握框架集合集属性与框架属性的设置方法O1-14-5：编辑框架的内容4P1-15表格布局淮信科技有限公司培训中心网站根据项目需求使用表格布局淮信科技有限公司培训中心网站K1-70：设置表格的属性K1-71：使用表格制作单线K1-72：使用表格布局网页O1-15-1：掌握表格的属性的设置技巧。O1-15-2：掌握使用表格制作单行线的制作方法。O1-15-3：掌握表格布局的技巧。项目编号项目名称项目内容主要教学知识点学习目标学时P1-16DIV+CSS布局软件项目化综合实训精品课程网站根据项目设计要求使用DIV+CSS技术布局软件项目化综合实训精品课程网站K1-73：表现和内容的分离K1-74：DIV+CSS布局的优势K1-75：选择符K1-76：元素的继承性与分类K1-77：CSS盒模型K1-78：CSS布局基础K1-79：单行单列结构K1-80：二列布局结构K1-81：三列布局结构O1-16-1：掌握表现和内容的分