《网页设计与制作案例教程》课程标准模板
《网页设计与制作》课程标准
营销型网站建设实训课程标准课程编号：适用专业：电子商务课程类别：专业基础课程修课方式：必修教学时数：64学时总学分数：4学分一、课程定位1.课程性质《网页设计与制作》是以计算机专业为主体，辐射计算机网络技术专业、计算机应用技术专业、电子商务专业、多媒体设计与制作专业等计算机类专业的理论实践一体化课程，是计算机专业的专业基础课程，也是电子商务的一门核心技能课程。
围绕电子商务专业的培养目标，该课程的定位为：.懂专业：掌握Web国际标准基础知识；基于W3C网页设计标准，熟悉和掌握静态网页设计与制作及小型网站建设与维护的基本知识。
.精技能：掌握综合运用网页编辑软件、图像处理软件(fireworks)设计和制作网页的技能，熟练掌握DIV+CSS网页布局设计方法，能熟练运用XHTML、CSS(及后续课程JavaScript)进行网站客户端开发，熟悉Web国际标准，掌握小型网站策划、分析、设计、布局、测试的职业能力；坚持手写代码，形成良好的代码规范编写习惯。
.高素质：在课程学习中培养学习和工作的方法能力，培养与人协作和做人的社会能力。
2.课程作用《网页设计与制作》是面向“网站美工、网站维护”职业岗位的领域课程，也是满足职业岗位任职要求的基本能力课程。
通过该课程的学习，实现以下专业知识、职业能力、职业素质目标，为今后职业生涯发展打好基础。
知识目标：•熟悉和掌握静态网页设计与制作的基本知识；•掌握Web国际标准基础知识；•了解和熟悉HTML语言；•掌握静态网页设计与制作的知识；•掌握网页中DIV+CSS网页布局方法；•掌握网页中图片设计和处理、动画导入的知识；•掌握网站检查与发布的知识；•坚持手写代码，形成良好的代码规范编写习惯。
能力目标：•具备信息收集、处理、准备、加工的能力；•具备网页设计及网页中图形设计、动画导入的基本能力，能独立设计并制作一个内容完整、图文并茂、技术运用得当的小型静态网站；•具备初步的网站开发、维护和管理能力；具备独立撰写网站制作说明等技术文档的基本能力。
《网页设计与制作》课程设计模板
沈阳工业大学《网页设计与制作》课程设计题目：电话簿管理系统学院：工程学院专业/班级：电子商务1101学号：120113131姓名：陈超同组人姓名：燕海霞王莉黄程程唐易灵指导教师：关学铭报告时间：2014年6月20日成绩与教师评语目录一网页设计的总体概述 (1)1.1 网页设计 (1)1.2 网页设计的目的 (1)1.3 网页设计的任务 (1)1.4 网页设计的要求内容 (2)1.4.1 HTML标记语言 (2)1.4.2 Dreamweaver8 (3)1.4.3 平面图像处理软件 (3)1.5 本文所制作网页主题内容介绍 (3)1.5.1 网页题目 (3)1.5.1 网页主题内容 (4)二网页素材制作 (4)2.1 (4)2.2........................................................................................................... 错误！未定义书签。
三 Dreamweaver8网页制作........................................................................ 错误！未定义书签。
3.1 创建本地站点............................................................................... 错误！未定义书签。
3.2 主页制作过程............................................................................... 错误！未定义书签。
3.3 二级页面制作............................................................................... 错误！未定义书签。
《网页设计与制作》课程标准
《网页设计与制作》课程标准适用专业：计算机系各专业学时:72 学分：4编写执笔人：*＊*＊审定负责人：＊＊*＊课程编码:一、课程性质本课程是专业学习领域课程,主要培养学生从事网页设计与制作的基本技能，使学生掌握网页设计的概念和方法,能读懂HTML代码，能够运用专业的网页设计工具，使用“DIV+CSS”技术，进行网站规划、建立和维护，具备网页设计岗位的职业技术能力。
本课程前导课程:计算机应用基础、网络应用基础本课程后续课程：ASP。
NET动态网站开发二、课程设计思路本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程开发，请计算机各专业有经验的教师对各自专业所涵盖的岗位群进行工作任务和职业能力分析，以此为依据确定本课程的工作任务和课程内容,并参照行业职业标准，以任务引领为课程框架,将课程按递进方式设计成项目，并以项目为单元组织教学,使学生由浅入深，以点到面的全面掌握网页设计的职业技能。
学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养,体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
同时对教学过程的教学条件、教学模块、教学案例都进行了详细的设计,完成本课程的整体教学内容和教学实施的整体设计,建立了基于网页设计的课程标准。
课程框架结构、学分和学时分配三、课程学习目标总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备Web网页设计、制作及站点管理的基本知识和基本技能,学生能够独立制作中小型的静态网站.具体目标：（一）教学目标：1。
了解HTML代码中各种标记符的作用和应用，以及格式要求;（33211 81BB 膻35613 8B1D 謝33380 8264 艤34189 858D 薍24812 60EC 惬G%2.了解图像的几种格式:GIF、JPEG、PNG格式，它们各自的特点和差别；3。
掌握Dreamweaver操作界面的基本组成、界面组件的操作方法；4。
网页设计与制作案例教程电子教案
网页设计与制作案例教程-电子教案第一章：网页设计与制作基础知识1.1 网页设计概述介绍网页设计的概念、目的和重要性讨论网页设计的基本原则和最佳实践1.2 网页制作基础介绍HTML、CSS和JavaScript的基本概念和作用讲解如何使用文本编辑器和网页设计软件进行网页制作第二章：网页布局与排版2.1 网页布局概述介绍常见的网页布局类型和特点讲解布局的基本原则和技巧2.2 排版与字体设计介绍排版的基本概念和原则讲解如何选择合适的字体、字号、行距等属性进行排版第三章：网页配色与图标设计3.1 网页配色基础介绍色彩的基本概念和配色原则讲解如何根据网页内容和主题选择合适的配色方案3.2 图标设计介绍图标设计的基本原则和技巧讲解如何制作和选择合适的图标来提升网页视觉效果第四章：网页动画与交互设计4.1 网页动画基础介绍动画的概念和作用讲解如何使用HTML5和CSS3制作简单的网页动画4.2 交互设计介绍交互设计的基本概念和原则讲解如何使用JavaScript和CSS3实现基本的交互效果和功能第五章：网页设计与制作实践案例5.1 案例一：企业官网首页设计分析企业官网首页的设计需求和目标讲解如何使用HTML、CSS和JavaScript制作企业官网首页5.2 案例二：电子商务网页设计分析电子商务网页的设计需求和目标讲解如何使用HTML、CSS和JavaScript制作电子商务网页5.3 案例三：个人博客网页设计分析个人博客网页的设计需求和目标讲解如何使用HTML、CSS和JavaScript制作个人博客网页第六章：响应式网页设计与制作6.1 响应式网页设计概述介绍响应式网页设计的概念和重要性讲解如何使用媒体查询和弹性布局实现响应式设计6.2 移动端网页设计与制作分析移动端网页的设计需求和目标讲解如何使用HTML、CSS和JavaScript制作移动端网页第七章：前端框架与库的应用7.1 前端框架概述介绍前端框架的概念和作用讲解如何使用Bootstrap、Foundation等前端框架加速网页开发7.2 前端库的应用介绍jQuery、React、Vue等前端库的概念和作用讲解如何使用这些前端库来增强网页的功能和交互性第八章：网页设计与制作高级技巧8.1 CSS预处理器介绍Sass、Less等CSS预处理器的概念和作用讲解如何使用CSS预处理器来优化和简化CSS代码8.2 网页性能优化介绍网页性能优化的概念和重要性讲解如何通过代码压缩、缓存策略等手段提高网页加载速度第九章：网页设计与制作项目管理与团队协作9.1 项目管理基础介绍项目管理的基本概念和工具讲解如何在网页设计与制作项目中进行有效的时间管理和资源分配9.2 团队协作与沟通介绍团队协作的基本原则和技巧讲解如何在团队中进行有效的沟通和协作，确保项目的顺利进行第十章：网页设计与制作案例分析与评价10.1 案例分析分析具体网页设计案例的成功因素和不足之处讲解如何评价和吸取网页设计案例的经验教训10.2 作品展示与评价介绍如何展示和评价网页设计作品讲解如何通过用户反馈和数据分析来评估网页设计的成效和改进空间重点和难点解析重点环节1：网页设计原则和最佳实践网页设计原则包括清晰性、简洁性、一致性、可读性、可用性等。
《网页设计与制作》课程标准
《网页设计与制作》课程标准学时数：48学时________________ 课程性质：专业必修课—适用专业：计算机应用专业—一、本课程的性质、地位、作用以及与其它相关课程内容的联系《网页设计与制作》是计算机应用专业的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver,通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。
二、课程教学目标本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：*掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。
*掌握各种网页元素在DreamWeaVer中的使用。
例如表格、文本、图像、超级链接、层和表单等。
*掌握测试和发布网站的方法。
包括网站测试的内容和方法。
*能够解决一些网页设计中的常见问题。
三、本课程学时安排四、课程教学内容和基本要求（按章节详细阐述）第一章：网页设计概述（一）教学重点和难点重点：Dreamweavercs5的参数设置、Dreamweaver的站点设置。
难点：DreamWeaVer的站点设置。
（二）教学内容和基本要求教学内容：基础知识，初识DreamWeaver,DreamWeaVerCS5的参数设置，设置站点。
基本要求：了解网页设计基本知识；掌握DreanlweaVerCS5的参数设置；熟练掌握Dreamweaver的站点设置。
第二章：表格布局（一）教学重点和难点重点：表格基本操作、表格布局。
难点：表格布局。
（二）教学内容和基本要求教学内容：表格基本操作，表格高级应用，表格布局，网页设计基础。
基本要求：了解表格基本操作、表格高级应用及网页设计基础；掌握表格基本操作；熟练掌握表格布局。
第三章：CSS样式表（一）教学重点和难点重点：CSS样式表应用。
《网页设计与制作》课程标准
网页设计与制作课程标准课程代码：建议课时数：学分：适用专业：五年制高职电子商务专业先修课程：图像处理、数据库管理、实用网络技术后续课程：动画制作、电子商务网站建设一、前言.课程的性质该课程是江苏省五年制高职电子商务专业的一门专业平台课程，是一门实用性极强的课程。
其任务是：该课程主要涉及到网站建设规划与管理、语言、静态网页制作、动态网页制作等内容；通过本课程的学习，学生能具备建立、管理和维护动态网站运行环境的知识和基本能力。
通过学习，掌握网络的基础知识，网站建设的基本方法，网页制作的基本方法以及初步掌握通过创建动态网站的操作技能。
.设计思路本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，将中小型网站建设与管理的职业岗位能力中用到的知识点融合在项目中。
学生通过各项目的系列练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。
它体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
课程框架结构、学分和学时分配、对学生选课的建议二、课程目标总目标：使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备网页设计、制作及站点管理的基本知识和基本技能，学生能够独立制作中小型的网站。
具体目标（一）知识教学目标：了解网站的历史和现状，对当今网站应用的各种技术有一个感性的认识。
了解网站平面设计的概念和过程。
了解的基本概念、基本格式、能编写一个网页；了解的工作原理；知道启动服务扩展；知道虚拟服务器技术的实现与创建；了解网站的管理包括：配置备份与恢复、网络监视、日志管理。
学会并掌握站点建设能制作简单网页学会并掌握使用布局表格和单元格设计页面布局；掌握框架网页的创建、调整、删除等基本操作学会并掌握在网页中添加图像的基本方法、设置图像属性、变换图像效果等，掌握多种超链接的创建方法、以及设置超链接目标窗口及文本提示、设置邮件链接、书签链接等，掌握在网页中插入各种多媒体元素。
《网页设计与制作案例教程》课程标准模板
附件1课程标准课程名称《网页设计与制作案例教程》课程代码 0511课程类型专业基础课课程总学时 60学时适用专业计算机应用技术专业课程负责人信息工程系（教学系部）计算机应用教研室制定（修订）2020年3月《网页设计与制作案例教程》课程标准课程代码：0511课程类型：理实一体化课学时/学分： 60学时/4学分适用专业：计算机应用技术专业1.课程概述1.1课程性质《网页设计与制作案例教程》是高等职业技术学院计算机应用技术专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs6，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。
1.2课程定位通过本课程的学习，使学生了解网站开发的流程，掌握HTML和 CSS技术实现网页的构建和美化，并用 Dreamweaver CS6工具实现网页的制作。
本课程对接的工作岗位是网站编辑、网站开发，通过学习应具备网站美化和网站开发的能力。
2.课程目标本课程以学生能够进行网站开发与维护的实际工作能力为学习目标，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力，为以后的学习动态网页设计课程打下基础。
2.1素质目标(1) 培养具有较强的网页设计创意思维、艺术设计素质；(2) 培养学生在学习过程中解决困难的能力；(3) 培养学生在学习过程中培养兴趣的能力，提高工作、学习的主动性；(4) 培养学生理论联系实际的工作和学生方法；(5) 培养具有高度责任心和良好的团队合作精神；(6) 具有社会责任感。
2.2知识目标(1) 了解WEB站点的工作原理；(2) 理解Internet、WWW、HTTP、HTML的定义，计算机网络概念和作用；(3) 了解服务器、客户端、浏览器的概念和作用；(4) 掌握常规网站的规划及流程；(5) 熟练掌握HTML语言中各种标记符的运用能力；(6) 熟练掌握Dreamweaver应用软件的使用；(7) 理解网页中脚本语言的使用方法；(8) 熟练开发常规静态网站。
《网页设计与制作》课程标准
欢迎阅读广西玉林高级技工学校《网页制作与设计》课程标准一、课程基本信息3．理解HTML 页面框架的作用，能够针对需求进行框架的设计；4．掌握各类HTML 表单元素标签，能够进行表单设计；5．掌握各类HTML 多媒体元素标签，能够进行多媒体页面设计；6．掌握CSS 样式的基本使用方法，能够应用CSS 样式表美化页面；7．掌握CSS 网页布局的方法，能够结合DIV 标签进行页面布局；8．掌握JavaScript 的语法基础，能够编写简单的JavaScript 应用程序；9．掌握JavaScript 的函数、内置对象、事件等，能够实现表单的验证；10．掌握DOM 树形结构及其操作方法，能够控制DOM 对象。
2.职业技能目标1．能独立进行资料收集与整理、具备用户需求的理解能力；2．能根据项目需求，具备项目页面的设计与实现能力；3．能根据静态页面设计原则与CSS 技术规范，实现页面美化与布局；4．具有使用JavaScript 技术进行页面事件处理与表单验证的能力；5．能根据DOM 树形结构，进行页面DOM 的控制；12345注重理论与实践相结合、教材内容与行业标准要求相结合，强调理论在实践过程中的应用。
（二）教学建议从《网页设计与制作》的实际问题出发，精心准备各种典型案例，构建课程的宏观教学设计。
例如，公司网站、网上鲜花直销、个人网站精选、书籍专卖等。
以若干个案例为载体，形成循序渐进、种类多样的项目群，构建完整的教学设计布局。
1、教学采用“四阶段教学法”，将“教、学、练、做”融为一体。
教学体现“教师为主导，学生为主体，训练为主线”的原则，课堂上可以采用“四阶段教学法”：第1个阶段，案例引入，提出问题。
通过案例演示，提出问题，给出知识点，讲解案例应用背景，给学生一个切入点，建立感性认识。
目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。
第2个阶段，学生自主学习，尝试解决问题。
充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。
502043《网页设计与制作》课程标准
《网页设计与制作》课程标准课程代码： 502043参考学时： 90学分： 4课程类型：专业课2015年 1 月编一、适用专业计算机应用技术（3年制中职，5年制高职）二、开课时间第4学期三、课程定位1、课程性质本课程是计算机应用技术（3年制中职，5年制高职）的专业课程。
2、教学任务本课程主要以Dreamweaver软件为操作平台，针对职业教育网络技术专业中理论结合实践的特点，以培养高技能应用型人才为目标，重点加强学生的理论基础和训练学生的实际操作能力。
在教学知识模块上首先介绍网页的相关知识，学习HTML标记语言，在此基础上深入学习Dreamweaver软件的操作方法以及网页元素在网页中的使用技巧，锻炼学生网页的排版设计能力，最后通过样式表、客户端脚本、服务器行为的学习让学生熟悉并掌握开发简单动态网站的能力。
在本课程的实践教学内容中，选取紧密联系实际的项目并进行详细分解，重点培养学生的静态、动态网页制作能力、具备网站的建立和维护能力、独立思考、解决问题以及自主创新的能力。
四、课程培养目标1、方法能力目标1)培养学生谦虚、好学的品质；2)培养学生勤于思考、做事严谨的良好作风；3)培养学生良好的职业道德；4)培养学生事物美的观念；2、社会能力目标1)培养学生的团队协作精神；2)培养学生分析问题、解决问题的能力；3)培养学生勇于创新、敬业乐业的工作作风；4)培养学生诚实、守信、坚忍不拔的性格。
3、专业能力目标1)掌握网页设计相关知识、网页元素组成、网页结构、网站开发流程、网页设计与制作工具；2)掌握HTML标记语言并能够熟练使用标记元素来书写网页框架；3)掌握Dreamweaver软件的使用方法；学习文本、图像等多媒体元素在网页中的使用技巧；4)熟练掌握表格的弹性控制及表格元素标记的使用方法并能应用单元格的合并拆分、表格嵌套来完成网页的排版；5)掌握模板的使用方法；熟练应用模板来制作、修改、批量更新网页；6)掌握两栏框架的制作方法和使用浮动框架嵌套网页的技巧；7)熟悉AP元素的浮动和定位并能结合时间轴来实现多个AP元素的动画效果；8)熟练掌握表单的制作方法、表单元素标记、了解网页通过表单来提交数据的原理；9)掌握网页中客户端行为的概念；能够使用常见的客户端行为来制作前台页面的动态效果；10)掌握样式表对网页的外观和格式的控制、样式表的冲突与继承并能够熟练书写样式；11)熟练掌握服务器行为的概念、连接数据库、插入、修改、更新、删除操作记录；能够使用服务器行为开发简单的动态网站。
网页设计与制作课程标准
XX学院课程标准《网页设计与制作》适用专业：电子商务编制单位：电子商务教研室2020年6月《网页设计与制作》课程标准课程名称：网页设计与制作课程类型：考查课学时学分：51学时开设学期：第三学期一、课程概述（一）课程性质本课程是电子商务专业所开设的一门专业基础课。
通过本课程学习让学生在已掌握计算机基础、计算机网络等基本计算机技能的基础上进一步掌握网页设计开发技能，同时培养了学生网站建设与运营能力，使其具备从事网站编辑相关岗位的职业能力。
本课程前置课程有计算机基础、网络基础等，后续课程为商务网站开发与维护、移动互联网应用等课程。
（二）课程设计的理念1.行动导向的课程理念《网页设计与制作》课程设计的基本理念是遵循行动导向的教学理念，按照网站编辑的实际工作过程，设计教学的过程。
充分发挥学生的主体性作用，使学生积极主动参与工作过程；2．学生主体，过程导向的教学理念在教学中体现学生主体、过程导向的理念，按照“项目教学法”设计和实际工作过程一致的学习任务单，学生通过《个人网站》《博客》《旅游网站》及《立名咨询网》这四个模拟型项目的设计与开发，分阶段实现不同任务，达到“做中学”目的；教师成为任务的安排者、检查者和引导者，学生按照任务单上的要求完成相应的工作任务。
通过工作任务的实施，不但培养了学生的职业技术能力，而且培养了学生自主解决实际问题的方法能力，提高了学生的岗位责任感和成就感。
3．建构主义知识观学习观理念在知识传授过程中体现建构主义的知识观，学习是一个积极主动的建构过程，最好的学习是个性化学习，最好的教育是自我教育。
学生在适宜的工作环境（实训中心）中，经历一系列的学习性工作任务，让学生主动建构自己的经验和知识体系，受益终生。
（三）课程设计思路《网页设计与制作》课程开发建设贯彻以下设计思路：我们根据企业对系统管理员岗位的职业要求，以网站设计项目开发过程为典型工作任务，设计了与本课程紧密相关的《网页设计与制作工作调查表》，通过收集整理行业企业专家的反馈信息，经过课程小组的分析讨论形成《典型工作任务分析表》，再经过广泛的分析论证，确定了网站开发与维护的工作流程。
《网页设计与制作》课程标准
《网页设计与制作》课程标准《网页设计与制作》课程标准前言：《网页设计与制作》是理实一体化课程，是计算机专业（软件与信息服务、数字媒体、计算机应用专业）的一门重要的专业必修课。
本课程定位于WEB技术开发工作岗位。
它是WEB前端技术开发的必备课程，在整个课程体系中具有重要的作用，一、课程的说明：通过本课程的学习，使学生了解网页设计技术的起源和发展、常用的网页制作软件及HTML语言，掌握运用Dreamweaver（以下简称DW）网页制作软件制作网页的方法，通过运用Photoshop图像处理软件和Flash动画制作软件，三个软件互相配合，完成网页设计与制作任务的方法。
为今后从事网页设计与制作、网站开发和管理奠定基础。
在网页设计的实践中重点培养团队协作、沟通交流能力，培养自主学习能力和探索创新能力。
二、课程内容与基本要求：该课程涉及的知识是网页设计人员必备的基本技能，职业活动与课程内容的对应关系如下：网页设计开发岗位职业能力教学内容（理实一体化课）基本开发工具的使用网页基本概念（第1章）DW CS6软件介绍（第2章）建立与管理站点（第3章）网页基本元素的处理制作主要内容为文本的网页（第4章）插入与编辑图像（第5章）插入多媒体元素（第6章）创建超级链接（第7章）HTML基础（第13章）网页布局表格处理与网页布局（第6章）AP Div的应用（第9章）使用CSS+DIV布局网页（第11章）网页美化CSS样式表（第10章）网页交互行为（第12章）动态网页基础（第15章）网页及元素的复用创建和使用模板（第9章）创建和使用库（第10章）网页与网站基本概念、网页基本组成元素、常用网页制作软件主要教学内容：1.1 网页制作基础知识1.2 网页的基本构成元素1.3 网页制作常用软件和技术第二章Dreamweaver CS6轻松入门（2学时）教学目标：DW CS6软件的安装、用DW建立网页的方法、打开和保存网页的方法主要教学内容：2.1 Dreamweaver CS6工作环境2.2 [插入]栏2.3 Dreamweaver CS6新功能第三章站点的搭建与管理（4学时）教学目标：本地站点与远程站点的概念、站点文件夹的管理主要教学内容：3.1 创建本地站点3.2 管理点站3.3 管理站点中的文件4.3 使用站点地图第四章网站建设规范和基本流程（2学时）教学目标：IIS信息服务器的搭建与管理、建立、发布主页、建立和管理站点主要教学内容：4.1 网站建设规范4.2 网站建设的基本流程第五章创建结构清晰的文本网页（6学时）教学目标：1. 在网页中添加文字和字符2. 使用背景、列表美化文本网页主要教学内容：5.1 设置文本属性5.2 插入其他元素5.3 创建项目列表和编号列表5.4 插入网页头部内容5.5 综合案例-创建基本文本网页第六章创建绚丽多彩的图像和多媒体网页（6学时）教学目标：1. 了解网页中常用的图像格式2. 网页中插入图像的方法3. 网页中插入多媒体的方法主要教学内容：6.1 网页中常用的图像格式6.2 编辑图像6.3 插入多媒体6.4 综合案例-创建图文混排网页第七章创建超级链接（6学时）教学目标：超级链接的概念、文字与网页间的链接、图片热点和锚记主要教学内容：7.1 超级链接的基本概念7.2 创建超级链接的方法7.3 创建各种类型的链接7.4 管理超链接7.5 综合实例第八章使用表格排版网页（6学时）教学目标：1. 表格的编辑处理2. 用表格制作网页元素主要教学内容：8.1 创建表格8.2 设置表格及其元素属性8.3 表格的基础操作8.4 表格的基本应用8.5 综合实例-利用表格排版网页第九章使用DIV和Spry灵活布局网页（4学时）教学目标：1. AP Div的创建2. 在AP Div中插入网页元素3. 设置AP Div的属性主要教学内容：9.1 插入AP Div9.2 设置AP Div属性9.3 使用Spry布局对象第十章使用CSS修饰美化网页（6学时）教学目标：1、CSS样式表的类型2、CSS样式表的创建3、不同样式表的样式应用主要教学内容：10.1 CSS简介10.2 使用CSS10.3 设置CSS样式10.4 CSS滤镜设计特效文字10.5 综合实例第11章CSS+DIV布局方法（6学时）教学目标：盒子模型概念、CSS布局理念、常见布局类型主要教学内容：11.1 初识DIV11.2 CSS定位11.3 CSS布局理念11.4 常见的布局类型第12章使用模板和库提高网页制作效率（6学）教学目标：了解模型的库的概念，会使用库创建项目主要教学内容：12.1 创建模板12.2 使用模板12.3 管理模板12.4 创建和应用库项目第13章使用行为和动作为网页添加活力（6学时）教学目标：重点区分行为、触发事件、动作、对象等概念和区别主要教学内容：13.1 行为的概念13.2 行为的动作和事件13.3 使用Dreamweaver内置行为第14章网站页面布局设计与色彩搭配（2学时）教学目标：网页色彩搭配知识、常见页面版式主要教学内容：14.1 网页版面布局设计14.2 常见版面布局形式14.3 网页色彩搭配知识第15章用表单创建交互式网页（6学时）教学目标：表单的基本概念、常用表单元素的插入方法主要教学内容：15.1 表单概述15.2 创建表单域15.3 插入文本域15.4 复选框和单选按钮15.5 列表和菜单15.6 跳转菜单的使用15.7 使用按钮激活表单15.8 使用隐藏域和文件域15.9 综合案例五、课程实施条件本课程需要一间高性能联网的计算机实训室，需满足每位学生一台电脑。
《网页设计与制作》课程标准
网页设计与制作课程标准课程编号：课程名称：网页设计与制作课程类型：专业课总学时：96学分：先修课程：设计素描、装饰色彩、构成、PhotoShOP等一、课程目的与任务本课程以就业为导向，面向社会所需多媒体设计与制作所需技术、技能型岗位人才所需，学习网页及网页动画制作规律。
网页设计是展现企业、单位形象、介绍产品和服务、体现企业、单位发展战略的重要途径，以设计站点的目的和用户需求作为本课程的学习目标，指导学生做出切实可行的设计计划，并学会根据消费者的需求、市场的状况、企业、单位、行业自身的情况等进行综合分析，以“消费者”为中心，而不是以“美术”为中心进行设计规划，养成良好的职业素质。
二、课程相关说明（一）课程简介网页设计与制作课程涵盖了HTML设计、CSSsVBSeriPt或JaVaSCriPt编程技术和ASP动态页面设计技术、DreamWeaVer等相关知识，全面介绍WEB站点设计的基本操作技术和使用技巧。
通过对HTML、VBSCriPt编程技术、DreamweaverASP动态页面设计的学习，掌握综合应用网页设计的各种技能，培养学生的自我学习和动手能力，真正能使用所学的知识进行网站建设。
（二）成绩考核与评定平时成绩30%+考试成绩70%三、教学内容（96学时）第一章网页设计与制作基础（48学时）第一节Dreamweaver软件的概述本节应掌握：网页设计的设计语言熟悉：灵活使用设计视图和代码视图，并能正确操作了解：Dreamweaver软件的特点、界面第二节使用Flash制作动画素材本节应掌握：能够熟练掌握变形动画、运动动画及ACtiOn动画的制作过程及原理熟悉：变形、运动，ACtiOn动画的原理，动画文件的保存与导出，在DreamWeaVer中的运用了解：动画的原理、动画的发展，FIaSh的特点第三节Flrworks制作图片本节应掌握：理解掌握FIrWOrkS的切片，编辑图片及画布操作及处理图片的优化输出，并完成相关训练熟悉：FlrWorkS操作中的切片切片工具的运用了解：FlrWOrkS的特点第二章网页制作技术的应用（48学时）第一节创建主页制作空间本节应掌握：信息的插入，制作鼠标响应熟悉：在网页中插入水平线、版权信息、标题图片，对如何创建站点、网页文档，以及对超文本标记语言Html的理解了解：添加新字体第二节设计网页高级功能的使用本节应掌握：如何设计制作网页熟悉：设计网页、超链接、使用模板、描述层、行为表单等高级功能的使用了解：网页样式第三节网页版式设计本节应掌握：表格在网页版式设计中的运用熟悉：网页版设计的内容（文本设计、图像设计、网页版式的基本类型）了解：网页版式设计中的注意事项第四节网页色彩设计本节应掌握：理解色彩的对比关系，色彩的大小和形状、色彩的位置及色彩搭配熟悉：针对不同的网站，设计符合其特点的色彩搭配，严格遵循企事业单位、行业CIS形象识别系统中的色彩标准了解：网页设计中的色彩应用原则四、建议使用教材及参考书目教材：《网页设计与制作》，李京文等编著，高等教育出版社，2007年《网页设计与制作实训与考试指导》，李京文.高等教育出版社，2007年参考书：《ASP开发技术大全》，明日科技编著，人民邮电出版社.2007年。
《网页设计与制作》课程标准
《网页设计与制作》课程标准一、课程性质本课程是中等职业学校数字媒体类数字媒体技术应用专业必修的一门专业核心课程，是在《图形图像处理》《程序语言设计》等课程基础上，开设的一门理论与实践相结合的专业课程，其任务是让学生掌握网页设计的基础知识与基本技能，为《多媒体作品设计软件应用》等后续课程的学习奠定基础。
二、学时与学分72学时，4学分。
三、课程设计思路本课程按照立德树人根本任务要求，突出核心素养、必备品格和关键能力，兼顾中高职课程衔接，高度融合网页设计与制作知识技能的学习与职业精神的培养。
1.依据《中等职业学校数字媒体类数字媒体技术应用专业指导性人才培养方案》中确定的培养目标、综合素质、职业能力，按照知识与技能、过程与方法、情感态度与价值观三个维度，突出项目操作能力和解决问题能力的培养，结合本课程的性质和职业教育课程教学的最新理念，确定本课程目标。
2.根据“中等职业学校数字媒体技术应用专业‘工作任务与职业能力’分析表”，依据课程目标和计算机软件测试员等工作的岗位需求，围绕网页设计与制作关键能力，反映数字媒体行业发展的新知识、新技术，体现科学性、适用性原则，确定本课程内容。
3.以创建一个完整的网络为主线，设置模块和教学单元，将网页设计与制作的基础知识、基本技能和职业素养有机融入，遵循学生认知规律，结合学生的生活经验，确定学习内容的顺序。
四、课程目标学生通过学习本课程，掌握网页设计与制作的基础知识与技能，能独立制作中小型的网站，并通过现代信息化的手段进行表现，初步形成良好的职业意识和职业素养。
1.了解网页设计与制作相关的艺术、技术背景知识及发展趋势，能对网站制作产生学习兴趣。
2.熟悉网页制作原理及制作流程，掌握静态网站制作的基本方法。
3.掌握Adobe Dreamweaver网页制作工具，熟练运用多种网页设计技术，具备网页设计、制作及站点管理的基本知识和基本技能。
4.了解动态网页的初步知识，能合理规划网站，并能根据要求正确创建数据库和数据表，完成网站制作。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
附件1课程标准课程名称《网页设计与制作案例教程》课程代码 0511课程类型专业基础课课程总学时 60学时适用专业计算机应用技术专业课程负责人信息工程系（教学系部）计算机应用教研室制定（修订）2020年3月《网页设计与制作案例教程》课程标准课程代码：0511课程类型：理实一体化课学时/学分： 60学时/4学分适用专业：计算机应用技术专业1.课程概述1.1课程性质《网页设计与制作案例教程》是高等职业技术学院计算机应用技术专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs6，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。
1.2课程定位通过本课程的学习，使学生了解网站开发的流程，掌握HTML和 CSS技术实现网页的构建和美化，并用 Dreamweaver CS6工具实现网页的制作。
本课程对接的工作岗位是网站编辑、网站开发，通过学习应具备网站美化和网站开发的能力。
2.课程目标本课程以学生能够进行网站开发与维护的实际工作能力为学习目标，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力，为以后的学习动态网页设计课程打下基础。
2.1素质目标(1) 培养具有较强的网页设计创意思维、艺术设计素质；(2) 培养学生在学习过程中解决困难的能力；(3) 培养学生在学习过程中培养兴趣的能力，提高工作、学习的主动性；(4) 培养学生理论联系实际的工作和学生方法；(5) 培养具有高度责任心和良好的团队合作精神；(6) 具有社会责任感。
2.2知识目标(1) 了解WEB站点的工作原理；(2) 理解Internet、WWW、HTTP、HTML的定义，计算机网络概念和作用；(3) 了解服务器、客户端、浏览器的概念和作用；(4) 掌握常规网站的规划及流程；(5) 熟练掌握HTML语言中各种标记符的运用能力；(6) 熟练掌握Dreamweaver应用软件的使用；(7) 理解网页中脚本语言的使用方法；(8) 熟练开发常规静态网站。
2.3能力目标(1) 熟练掌握Dreamweaver应用软件制作网站及网页；(2) 熟练掌握使用绝对和相对URL，创建超链接，图像链接；(3) 掌握在网页中添加CSS的方法；(4) 培养学生设计、制作和维护动态网站。
(5) 培养学生搜集资料、阅读资料和利用资料的能力；(6) 能独立制定、实施工作计划。
(7) 具备检查、判断能力；(8) 具备简单的需求市场分析能力。
3.课程实施和建议3.1课程内容和要求本课程以《计算机应用基础》、《photoshop》课程为基础，通过本课程的学习，应使学生掌握网页制作的基本方法，掌握 HTML、CSS等网页基础编程知识，并使用主流工具 Dreamweaver CS6进行网页制作。
3.2教学方法和教学手段案例演示+理论讲解的方法，在案例教学当中。
（1）以集体学习方式，教师提出任务，学生集体讨论分析任务，发现新问题。
教师讲解学生遇到的新问题。
学生上机操作完成任务。
教师现场检查学生所做的任务。
（2）个别化学习方式。
学生完成教学基本任务后，可以根据自己的兴趣爱好。
知识，经验和学习风格，并借助网络教学信息资源库进行学习。
这种方式能有效地促进学生个性发展，培养学生创新能力。
（3）协作型学习方式，这要求学生在教学过程中积极参与。
与同学交流，对案例作出透彻分析。
并把不同观点进行比较，使学生在这一过程中相互强化，共同提高。
3.3教学组织建议：根据章节先后安排课程内容，循序渐进。
理论讲解在多媒体进行，实践课程在机房练习，教师亲临指导，其中在第三章的顺序也可以进行微调，先讲三字型布局在讲授整体布局。
3.4教学评价（1）考核要求表3 网页制作课程考核要求《网页制作》课程是一门时间性强的专业技能课程，因此采用过程性考核与实践考核相结合的原则，主要以“项目考核制”为主，即学生个人独立完成项目或参加社会相关项目为该课程的一种考核方式。
考核项目包括：考勤、上机实验、学习态度）、阶段考核、实践考核。
实践技能考试市考核学生掌握基础知识应用与基本技能掌握程度的关键环节，以技能考核为主，结合职业技能考试特点。
考试课程按百分制评定，由以下几部分组成：1、平时成绩2、包括出勤情况、上课提问、上机作业及学习态度，按40%折算到课程总成绩中。
3、阶段考核学期中，教师根据学生完成规定的阶段考核内容情况，给出成绩，按照A 优秀（90-100分）、B良好（80-89分）、C中等（70-79分）、D及格（60-69分）E不及格（59分及以下）五个等级，学期末给出一个总评成绩，也按上述五个等级评定，按10%折算到课程总成绩中。
4、期末考试（实践考试）总分为100分，按50%比例折算到课程总成绩中。
（1）考试要求制作一个个人、产品、企业或景点宣传类的网站，主题、内容自定。
网站所有内容围绕主题展开网站的制作要综合运用本课程各单元所学的知识。
（网站的内容不能是一些素材如图片、音乐等的堆积）。
网站必须是自己创作的内容，这些原创内容可以是文字、图片、动画（主页+至少4个子页）；各页面根据需要插入合适的图片和flash动画。
（2）评分标准本评分标准采用100分制具体情况如下：1）平面设计（共30分）●整体结构（10分）：本地站点信息设置正确，链接结构合理，主题鲜明，便于浏览。
●色彩搭配（10分）：色彩搭配合理，设计美观大方，效果与主题相付。
●图象效果（10分）：界面美观、设计富有新意。
2)内容质量（共20分）●资源丰富性（10分）：能有效的运用动画、图片、视频、音频等多媒体技术，生动且有效展示与主题相关的内容。
●实用性（10分）：内容切近网页主题，文章行文流畅,主次分明、简洁可视、内容构架系统科学、合理，逻辑关系清晰。
3）技术运用（30分）●基本技术运用（25分）：网页制作规范，导航明确，便于用户使用；网站技术构架安全、稳定，链接无误；合理利用表格、行为设置等技术，扩充网站内容与浏览效果。
●运行速度（5分）：注重技术选择，合理选择文档、图形、媒体、行为等内容形式和大小，防止页面打开过慢。
4）网页个性特点（共20分）●选题独特性（10分）：能展示内容资源的独有性、独创性和特色性多方面价值，内容形式丰富，反映一定的竞赛主题观念和特色。
●审美独特性（10分）：制作精美，易于识别，并给人留下深刻而美好印象。
4.课程资源4.1教材选用1、教材选取的原则按照郑电职院〔2019〕69号《郑州电力职业技术学院教材建设管理办法》,本着针对性、实用性，针对职业岗位的实际需要选择实用的教学内容，使学生通过针对性专业学习过程，提升职业能力的思想，在选择教材上要适合高等职业教育技能型培养培训教材。
2、编写教材的思路以学生为依托，结合多样性、可操作性、多样性和创新性的特点，采用理论与案例结合、图文并茂的编写方式，深入浅出地介绍网页制作的基础知识以及应用技能。
以当前主流软件版本为载体，编写适合我校学生程度的网页制作课程教材；并根据软件的更新来及时更换教材，适应社会需求。
3、目前使用的教材目前所使用的的教材，是我系计算机应用教研室 2019年自己编写的教材----《网页制作案例教程》，由张彩虹老师主编，电子工业出版社。
教材难度适合我校学生成都，符合目前专业需求，深入浅出便于理解掌握。
2、使用过的教材（1）《Dreamweaver cs6网页制作实用教程》吕文静、张莉、李海燕主编湖南师范大学出版社（2）《网站项目设计与制作案例教程》（第3版）李敏主编电子工业出版社（3）《Dreamweaver cs6网页设计与制作案例教程》邢彩霞、高艳云主编电子工业出版社（4）《Dreamweaver cs6网页设计与制作案例教程》王春红、王瑾瑜主编机械工业出版社4、教学参考资料（1）参考书籍资料《Dreamweaver CS6实例教程》管小清祖宝明主编人民邮电出版社《Dreamweaver CS6中文版实例教程》吴教育主编人民邮电出版社《Dreamweaver 8 网页制作与网站开发》杨志殊等编著清华大学出版社出版《Dreamweaver CS6中文版实例教程》方晨主编，上海科学普及出版社《ADOBE Dreamweaver CS6中文版经典教程》ADOBE公司，人民邮电出版社（2）网络学习资源智慧树：https://中国大学MOOC:https:///建站学：/网站制作学习网：/4.2网络资源校园网平台《网页设计与制作案例教程》精品资源共享课（1）教学基本文件：课程大纲、电子教案、电子课件、实验实训指导等。
(2). 媒体资源：主要包括图像、教学录像等。
(3). 案例库：精品网站。
(4). 试题库：样卷、每一教学单元的习题。
5.师资队伍(1)具有本科学历，计算机相关专业，多媒体技术应用领域丰富教学经验,(2)精通Dreamweaver软件操作(3)具有较强的课堂驾驭能力(4)具有较强的图片、视频、音频鉴赏能力(5)具有较强的责任心和良好的职业道德(6)具备基于行动导向教学法的设计和应用能力6.实践教学（1）硬件环境：根据课程安排，所需多媒体和机房环境至少如下：硬件：至少PIV处理器、512MB内存、1024*768分辨率显示器、5GB以上硬盘空间；（2）软件环境：Windows 7操作系统、Dreamweaver软件。
（注意：模板正文中，加小括号部分，以及“说明”和“示例”部分为提示内容，供课程负责人制定课程标准时参考，起草标准时请删除相关内容。
）编写：校对：审核：郑州电力职业技术学院（系部）2020年月日。