《网页设计》课程标准

《网页设计》课程标准课程名称：《网页设计》适用专业：计算机应用技术，电子商务建议学时：72学分：41.前言1.1课程的性质《网页设计dreamweaver》是计算机应用技术专业和电子商务的主要专业课之一，是为满足行业企业在网络媒体内容制作岗位对静态网页设计和制作人员的用人需求而开设的一门专业必修课，占4学分。1.2课程定位本课程主要培养学生从事网页设计与制作的基本技能，使学生掌握网页设计的概念和方法，能够运用专业的网页设计工具和脚本语言，进行网站规划、建立和维护，具备网页设计岗位的职业技术能力。在本课程之前，学生已学习了《计算机应用基础》、《Photoshop平面设计》等基础课程的，具备基本的计算机操作与图形图像制作能力，本课程的后续课程是《ASP动态网页设计》。1.3设计思路本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程开发，邀请企业行业网络专家对计算机网络专业所涵盖的岗位群进行工作任务和职业能力分析，以此为依据确定本课程的工作任务和课程内容，并参照行业职业标准，以任务引领为课程框架，将课程按递进方式设计成项目，并以项目为单元组织教学，使学生由浅入深，以点到面的全面掌握网页设计的职业技能。同时开发教材，对教学过程的组织、教学条件、课程评价都进行了详细的设计，完成本课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标准。2.课程目标本课程以学生能够独立进行静态网站开发与维护的实际工作能力为学习目标，要求学生具备综合运用HTML技术制作网页，规划、开发、发布管理静态网站的专业知识和技能，形成解决实际应用问题的方法能力，为以后的学习《ASP动态网页设计》课程打下基础。本课程培养学生综合运用HTML技术制作网页，以及使用常用网页设计工具规划、开发、发布、管理静态网站的专业知识和技能，具备解决实际应用问题的方法能力，为以后的学习《ASP动态网页设计》课程打下基础。具体目标如下：2.1知识目标能处理网页图形图像素材能规划、创建、发布、维护静态网站能运用javascript控制网页行为能运用多种布局技术制作网页布局能灵活运用css技术规范、美化网页内容能跟踪和学习并应用网页设计与制作的新知识和新技术2.2技能目标能合理的规划商业网站；能合理设计网页的布局方案和美术设计方案；能规范的编写网页策划书；能熟练应用Photoshop绘制网页导航要素；能熟练应用Photoshop绘制网页信息区块；能熟练应用Photoshop绘制网页美术文字效果；能熟练应用Photoshop处理网页插图；能熟练应用Photoshop绘制网页整体效果图；能熟练应用Photoshop正确的对网页效果图进行切片和优化；能熟练应用Dreamweaver进行网站站点管理和初始化页面；能熟练应用Dreamweaver对网页的总体结构进行排版；能熟练应用Dreamweaver对网页插片和文字进行编排；能熟练应用Dreamweaver制作网页的细节效果；能应用Dreamweaver进行DIV+CSS结构排版；能熟练应用Dreamweaver制作模板与网站子页；能应用Dreamweaver制作框架页面结构和简单页面脚本交互功能；能熟练应用Dreamweaver链接网页与测试网站；能应用互联网资源发布网站；能熟练应用Dreamweaver维护网页。2.3素质目标培养良好的劳动纪律观念；培养认真做事、细心做事的态度；培养团队协作精神；培养表述、回答等语言表达能力；培养交流、沟通的能力3.课程内容和学时安排以真实工作项目为依据，对项目进行功能分解、归纳，提取工作任务，分析工作任务所涉及的相关知识，设计一系列能力要求不断提升的进阶式学习任务，以学习任务为教学单元组织课程教学，将网页各类语言的应用融入到各学习情境中，模拟网站开发流程，设计以训练学生为主、教师指导为辅的基于工作过程教学活动，培养学生岗位职业技能应用及自主学习能力，从而构建该课程的教学内容。《网页设计》课程教学内容设计如下表所示。(一)总体设计序号任务名称知识要点技能目标课时1制作图文混排网页常见网页设计工具的使用HTML文档基本结构文本排版控制标记符图像插入标记符特殊字符css的意义、创建与使用方法安装与启用网页制作软件熟悉网页制作的基本步骤正确插入文本与特殊字符正确对文本进行分段分行正确插入图像运用css技术控制文字图片样式42制作个人简历网页有序列表标记符无序列表标记符表格标记符超链接标记符Css技术对列表的控制方法制作有序列表、无序列表制作混合列表运用超链接启动电子邮箱链接.运用表格进行简单页面排版运用css技术设置列表显示方式43制作电子相册网页网页图像素材的特点与主要类型Fireworks对图片进行批处理的方法电子相册排版要点图像、表格、超链接标记符的相关属性Css技术的滤镜使用方法熟悉网页图像素材的特点与类型掌握Fireworks的基本操作方法了解并掌握网页图片处理的主要方法熟知图像、表格、超链接标记符的属性运用css滤镜技术美化图片效果64制作唐诗欣赏网站本地网站的创建与发布IIS的安装与设置方法网站的规划与制作流程框架技术进行网页布局的方法超链接标记符在框架技术中的作用锚点链接技术网站LOGO的制作方法制作网站flashbanner的方法多媒体素材网页的制作方法个人网站的规划与制作流程正确创建、设置、发布本地网站正确安装、设置与管理IIS运用框架技术进行网页布局锚点技术在长版面网页中的应用运用图像设计软件制作LOGO运用flash制作具有动态效果的banner掌握向网页插入动画、视频等多媒体素材的方法熟悉css控制超链接样式的方法105制作个人网站个人网站的规划方法与制作特点运用图形制作工具绘制网页布局Fireworks切片并导出网页的方法Dreamweaver布局切片网页的方法页内框架技术布局网页的方法动态导航条的制作方法css进行样式规范与美化网页的方法了解个人网站的制作方法与特点设计并绘制网页布局图应用切片技术设计网页布局结构运用Dreamweaver优化切片网页运用页内框架技术实现网站超链接掌握制作动态导航条的方法运用css对网页进行样式规范与美化106制作用户注册网页表单与表单元素的相关标记符表单与表单元素的作用表格布局表单元素css对表格、表单元素的控制方法Dreamweaver检验表单行为的应用以电子邮件方式提交表单的方法熟悉表单及表单元素的设置方法掌握表格布局表单元素的方法运用css对表格、表单元素进行规范与美化掌握Dreamweaver验证表单的方法掌握电子邮件形式提交表单的方法47制作智能显示效果的网页Javascript基本语法知识Javascript语句嵌入到html的方法表单元素调用Javascript语句的方法Javascript函数的调用方法时间对象的使用方法浏览器对象的控制方法熟悉javascript语法知识掌握在html中调用javascript代码的方法熟悉调用javascript的事件控制与使用时间对象、浏览器对象68制作订单网页Javascript判断、循环等语句的语法知识创建与调用Javascript自定义函数的灵活运用Javascript分支与循环语句掌握Javascript自定义函数的方法掌握数组对象、字符对象、文档对象6方法数组对象的控制与使用方法字符对象的控制与使用方法文档对象的控制与使用方法的控制与使用方法综合运用javascript、html、css技术9制作在线考试网页Javascript对表单元素的访问与控制方法定时器的使用方法HTML技术的综合应用方法掌握Javascript访问与控制表单元素的方法灵活设置与取消定时器运用HTML处理页面的能力610制作数码产品门户网站门户网站的设计、规划与制作流程网站创建、发布、维护管理的方法Div+css布局网页的方法创建子菜单的方法html技术Dreamweaver的高级应用技术熟悉运用div+css技术设计网页掌握Dreamweaver创建与运用divAp的方法掌握运用Dreamweaver时间轴功能制作网页漂移元素的方法掌握Dreamweaver行为面板的使用方法灵活应用HTML增加网页特效1268整个课程通过10个技术难度渐进式的工作过程为向导，以典型工作任务为基点，设计综合理论知识、操作技能和职业素养为一体教学单元活动。用任务驱动教学的各个环节。边做边学，带动相关知识点，使学生通过完成工作任务教学单元的学习，不但能够掌握网页制作与网站设计的专业知识和专业技能，还能够全面培养其团队协作、沟通表达、工作责任心、职业道德与规范等综合素质，学生通过学习的过程掌握工作岗位所需要的各项技能和相关专业知识。（二）课程单元内容任务名称一、制作图文并茂的网页参考课时2知识要点常见网页设计工具的使用HTML文档基本结构文本排版控制标记符图像插入标记符特殊字符以及物理显示标记符css的意义、创建与使用方法技能目标安装和启动网页制作软件熟悉网页制作的基本步骤正确插入文本与特殊字符正确对文本进行分段分行正确插入图像运用css技术控制文字图片样式任务驱动工作过程1安装、启动与认识常用的网页制作工具2制作一个基本结构完整、内容空白的HTML文档3设置HTML文档的基本属性4向HTML文档中添加文本信息，并运用相关标记符号进行排版5向HTML文档插入图片，并运用相关标记符号进行图文混排6为网页的基本属性、文字的样式建立并应用相关css类型，规范样式美化页面拓展任务1给定文本内容与素材，制作一个图文并茂的网页2给定主题，自行组织与制作素材，制作一个图文并茂的网页任务名称二、制作个人简历网页参考课时4知识要点有序列表标记符无序列表标记符表格标记符超链接标记符Css技术对列表的控制方法技能目标制作有序列表、无序列表制作混合列表运用超链接标记符启动电子邮箱链接运用表格进行简单页面排版运用css技术设置列表显示方式简单任务活动安排序号任务名称说明1制作一个包含有序列表、无序列表的网页应用ULOL标记符2制作一个包含混合列表的网页嵌套应用ULOL标记符3制作一个显示课程表的网页应用TABLE标记符4制作一个将以上链接以上网页的网页应用A标记符5制作个人简历网页给出布局供学生参考，分析制作过程，给出指引后学生自行完成任务工作过程指导(1)表格布局页面(2)对表格中的单元格进行合并、拆分，完成页面主体格局(3)在相应单元格中插入相关信息，完成简历信息制作(4)电子邮箱启动的制作任务名称三、制作电子相册网页参考课时6知识要点网页图像素材的特点与主要类型Fireworks对图片进行批处理的方法电子相册排版要点图像、表格、超链接标记符的相关属性Css技术的滤镜使用方法技能目标熟悉网页图像素材的特点与类型掌握Fireworks的基本操作方法了解并掌握网页图片处理的主要方法熟知图像、表格、超链接标记符的属性运用css滤镜技术美化图片效果任务驱动工作过程1规划与设计网页的风格与布局结构2运用Fireworks制作具有艺术效果的网页文字标题3运用Fireworks对相册素材图片的大小、版面样式、色彩等进行批处理，并导出结果4利用表格对网页进行基本布局5创建css文件，设置文字与图片格式，特别是为图片设置美化的滤镜效果6向布局表格的单元格中插入相应的图片素材和文字说明，并应用css样式7为图片素材和文字设置相关超链接拓展任务任务名称四、制作唐诗欣赏网站参考课时10知识要点本地网站的创建与发布IIS的安装与设置方法网站的规划与制作流程框架技术进行网页布局的方法超链接标记符在框架技术中的作用锚点链接技术网站LOGO的制作方法制作网站flashbanner的方法多媒体素材网页的制作方法技能目标正确创建、设置、发布本地网站正