《静态网页设计》课程标准
中等职业学校《网页制作》的课程标准
XXXX中等职业学校《网页制作》的课程标准一、课程的性质与任务（一）课程性质《网页制作》是我校计算机应用专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。
本课程的主要内容为系统介绍网页编辑与制作软件AdobeDreamweaverCS3,通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。
（二）课程任务本门课程在专业教学计划中起着十分重要的作用，通过这门课程,学生可以掌握以下技能和知识：1.掌握网站的开发流程，如建站规划、效果图制作、建立站点、发布网站等相关知识。
2.掌握各种网页元素在DremweaverCS3中的使用。
例如，文本、表格、图像、超级链接、层、框架和表单等。
3.掌握HTML,理解各种标记的功能和用法。
4.掌握在DrenIWeaVerCS3中使用CSS控制网页元素的方法。
5.掌握在DrenIWeaVerCS3中使用JavaScript制作网页特效的基本方法。
6.能够解决一些网页设计中的常见问题。
（三）本课程的特点1.课程注重实际应用，即实践性强。
2.涉及的DremweaverCS3软件是目前网页制作工作中较为流行的软件，是“网页三剑客”之一，具有较强的实践性，学习难度不大。
3.突出理论联系实际，实作课时占总课时的50%以上，实际应用知识占课程总知识量的80%以上。
（四）与相关课程的衔接、配合、分工先修课程：“计算机应用基础”、“图形图像处理（FireWorkS或PhotoShop）"、"Flash动画制作”等。
二、课程目标本课程的基本目标是：使学生通过本课程的学习，掌握DreanIWeaVerCS3的使用方法，学会使用DreamweaverCS3制作Web网页的技术。
本课程学习结束后，学生应能根据实际需要自行设计静态网页，建立网站。
《网页设计》课程标准
附件4：济南工程职业技术学院《网页设计》课程标准适用专业：电子商务编制单位：网络信息中心编制日期：2014.11网络信息中心制《网页设计》课程标准1.课程性质《网页设计》是电子商务专业的一门专业必修课程，是专业主干课程之一。
课程面向的主要岗位为网页设计师和网站维护管理员。
本课程在大二上学期开设，学生已完成计算机文化基础的学习，对计算机软件操作较为熟练，也为网站建设与管理、网络数据库等相关课程的后续学习打下基础。
与中职、本科不同，高职《网页设计》课程使用基于工作过程培养模式，强调知识的实用性。
2.课程设计本课程的设计思路以就业为导向，按照基于工作过程的职业能力来进行课程开发，邀请企业行业网络专家对计算机网络专业所涵盖的岗位群进行工作任务和职业能力分析，以此为依据确定本课程的工作任务和课程内容，并参照行业职业标准，以任务引领为课程框架，将课程按递进方式设计成项目，并以项目为单元组织教学，使学生由浅入深，以点到面的全面掌握网页设计的职业技能。
同时开发教材，对教学过程的组织、教学条件、课程评价都进行了详细的设计，完成本课程的整体教学内容和教学实施的整体设计，建立了基于网页设计的课程标准。
二、课程教学目标总体目标：通过真实网站项目的开发，使学生掌握网站开发的过程及网页的设计制作方法，能开发出以静态功能为主、包含部分动态功能的中小型网站，通过多个网站的分级开发实施，不断强化学生的网页设计与制作技能，积累网页设计与制作经验，激发学生学习兴趣并形成持久的学习动力，提升学生自主学习能力，满足职业岗位需求。
1、能力目标：1)会规划网站，设计页面；2)会使用 Dreamweaver 制作各种布局排版的静态网页；3)会使用 HTML语言；4)会使用 CSS规则处理网页；5)会处理图像；6)会测试、发布、推广、维护、管理网站；7)能处理网站开发过程中所遇到的常见问题；8)能跟踪网页制作领域新技术的发展并能阅读HTML语言中的专业词汇。
HTML课程设计_简单静态网站制作
综合实验简单静态网站制作姓名：学号：班级：计算机科学与技术*班日期：【实验目的】综合掌握HTML5+CSS设计静态网站的方法。
【实验环境与设备】计算机实验室要求：机器上安装有浏览器和记事本等。
【实验要求】1、完成学期初每个人自己设计的网站，网站至少由5个页面构成，除主页外，至少要包含四个主栏目，每个页面必须图文并茂，能较好地表达主题，切忌采用过多的文字、过多的图像或者过多flash，不允许添加视频和音频。
作品应体现Web的特点，网站结构完整，链接正确、导航有效。
2、网站主题可从如下几个选择：中国传统文化、互联网时代、畅想未来。
3、对于HTML，文档的语义应正确、清晰可读，符合行文规范。
4、对于页面上各个元素，使用CSS进行外观设计，根据主题选取适当的字体大小、颜色和元素背景等。
5、要求使用外部CSS文件。
6、布局方面，使用DIV+CSS布局。
7、对于设计完成的网页样式，要求具有较高的灵活性、可维护性和可重用性，既要确保整个网站外观风格上的统一，每个页面之间也要存在一定的差异。
注意：●内容和网页形式自定，不允许抄袭，一经发现0分处理。
●不允许提交未在网页中使用的图像、flash、声音和图像文件。
●每个学生以学号加姓名命名站点名称。
●完成并提交该实验报告【报告内容】1网站设计结构2网页代码①第1个页面<!doctype html><html><head><meta http-equiv="Content-Type"charset="utf-8"/> <title>中国传统文化</title><link href="style.css"rel="stylesheet"type="text/css"/> </head><body><div id="container"><div id="top"><img src="images/banner.png"/></div><div id="navi"><span><a href="index.html">首页</a></span><span><a href="朝代.html">朝代</a></span><span><a href="民族.html">民族</a></span><span><a href="地域.html">地域</a></span><span><a href="文化.html">文化</a></span> <span><a href="杂家.html">杂家</a></span> <span><input type="text" name="title" value="" />搜索</span></div><div id="main"><div id="left"><ul><li><h3>朝代></h3></li><li>三皇五帝夏朝商朝西周东周</li><li><h3>民族></h3></li><li>汉族壮族满族回族苗族</li><li><h3>地域></h3></li><li>东北地区华北地区华东地区</li><li><h3>文化></h3></li><li>儒家道家释家诸子百家</li></ul></div><div id="center"><img src="images/1400401422.jpg"/></div><div id="right"><ul><li>中国第46个遗产项目...</li><li>浅析粽子飘香的端午节...</li><li>世界第三大无人区</li><li>“鸟的王国”—青海湖鸟岛...</li><li>“陇上林泉之冠”—麦积山...</li><li>嘉峪关文物景区：传承...</li><li>中国第八处世界自然遗产</li><li>景德镇古窑民俗博览区...</li><li>江南三大名湖之西湖</li><li>世界上岛屿最多的湖</li></ul></div></div><div id="main1"><img style="float:left;"src="images/ctbackg.gif"/><img style="float:left;width:516px;"src="images/index.jpg"/><div id="box1"><img style="float:left;width:250px;height:180px;margin-left: 8px;"src="images/1408004447_thumb.jpg"/><p>若要说中国历史，夏朝是不能不说、也是无论如何不可逾越的峦峰。
静态网站制作课程标准
静态网站制作课程标准课程编码 参考学时 适用专业 执笔人 审核人 18021202 176 计算机应用技术 余会 万冬娥 课程名称 学分 开设学期 制订日期 审核日期 静态网站制作 11 第 2 学期 2014.3 2014.3一、课程定位 该课程是计算机应用技术专业的一门职业技能课程，根据 IT 产业生产一线对 高等职业院校计算机应用技术专业高技能岗位人才的需求， 《静态网站制作》主要 介绍网页元素的制作与搜集、网页布局和规划、网站的建立和发布以及网站的管 理和维护等知识，学习该课程让学生掌握建站的各项知识以满足高技能岗位人才 的需求。
通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网 页设计工具和常用脚本语言，能够设计制作常见的静态网页，具备网站的建立和 维护能力。
同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好 的职业道德。
先修课程： 《计算机文化基础》 、 《计算机系统维护》 。
二、设计思路 本课程针对高职高专教育教学的特点，以信息技术行业岗位需求为起点，以网 站开发典型工作任务为依据，以工作过程为导向，以行动导向组织教学，以校内 双师教师和校外兼职教师为主导，以学生网站策划和开发能力培养为目标的课程 设计理念。
具体设计思路如下： 1、校企合作进行基于工作过程的课程设计开发 通过对枣庄地区的天龙科技有限公司、哥伦布图文等企业进行岗位需求调研， 组织专兼职教师进行讨论，最后在学情分析的基础上，确定了本课程的目标要求， 教学内容的选取与组织、教学项目以及考核标准等内容。
2、针对学生所从事工作岗位职业能力、工作任务、工作过程的分析，根据网 站的建设流程提炼出典型工作任务构建教学内容。
本课程根据企业网页设计与制作工作过程，选取了学生最为熟悉的四个典型 项目作为学习情境，每个学习情境按照由简单到复杂，由易到难的规律序化。
每 个学习情境中的工作任务有事循序渐进地推进，将知识点嵌入工作任务中，从而 培养学生网页设计与网站开发能力。
静态网页设计教学大纲
静态网页设计教学大纲课程概述1.课程性质《静态网页设计》课程是高职计算机应用技术、计算机网络、软件技术等相关计算机专业的一门专业必修课程。
2.课程设计理念本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过各项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化。
项目特别强调对学生操作能力和解决问题能力的培养，充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
3.课程开发思路本课程主要以当下典型的项目案例为主题，教材为参考，同时借鉴了一些企业网站，有利于学生的理解与学习。
颠覆传统讲授风格，主要通过项目实例让学生以师傅带徒弟的形式一步一步学习项目开发流程。
带着对一个项目雏形的不断完善，功能需求及其他功能的完善，进阶，使学生掌握一个网站项目的设计与制作相关经验。
经验从实践中来，因此学生实验课时约占到了总课时的三分之二。
让学生在职业实践活动的基础上掌握知识，增强课程内容与职业能力要求的相关性，提高学生的就业能力。
授课目标通过本课程的学习使学生具备网页制作、网站规划与网站维护的专业能力，培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。
作为计算机相关专业的核心主干课程，使学生掌握商业网站的开发流程，并能独立进行操作。
学生毕业后可胜任网站管理员、网页设计师等工作岗位。
课程大纲第一章网页设计基础知识1.1：网站剖析1.2：网站开发流程1.3：Dreamweaver CS6的安装第二章生活网网站的创建2.1 初识Dreamweaver CS62.2 新建和管理站点2.3 为网页设置头信息和页面属性——页面总体设置前两章测验第三章生活网网站页面的布局3.1 使用表格布局页面3.2 使用AP Div布局页面3.3 使用框架布局网页第三章测验第四章输入和编辑网页元素4.1 添加文本类网页元素4.2 在网页中添加图像4.3 在网页中添加多媒体元素第四章单元测验第五章网站内容的链接与特效网页的制作——应用链接与行为5.1 设置网站中的超级链接5.2 利用行为制作网站中的特效网页5.3 制作页面中的弹出式菜单5.4 利用CSS美化页面第五章测验第六章利用模板和库创建页面6.1 利用模板创建页面6.2 利用库项目创建页面第六章测验第七章利用表单创建交互式页面7.1 利用表单创建酒店预订客户页面（一）7.2 利用表单创建酒店预订客户页面（二）7.3 利用表单创建酒店预订客户页面（三）第七章测验第八章项目综合实训分析项目实训概述8.1 个人网页设计分析8.2 文化类网页的设计分析8.3 旅游休闲类网页的设计分析第九章HTML5+CSS39.1 初始HTML9.2 HTML代码编辑工具9.3 网页基本信息9.4 基本HTML5标签第九章测验第十章HTML5高级标签10.1 列表10.2 表格10.3 表单第十章测验第十一章CSS3入门11.1 CSS3简介11.2 CSS3核心基础11.3 文本样式属性11.4 CSS3选择器11.5 CSS3盒子模型预备知识1、计算机应用基础（1）计算机的基本概念知识；（2）计算机基本操作能力；（3）Internet基础知识；2、PhotoShop基础应用（1）版面设计知识（2）配色相关知识（3）平面图像处理基本技能参考资料1、Dreamweaver CS6实例教程魏三强李静杨子燕主编人民邮电出版社出版2、网页设计与制作任务驱动式教程陈承欢主编高等教育出版社出版3、HTML5+CSS3网站设计基础教程传智播客高教产品研发部编著人民邮电出版社4、HTML5+CSS3前端技术北京课工场教育科技有限公司编著中国水利邮电出版社。
高职软件技术专业《静态网页设计》“书证融通”实践探索
高职软件技术专业《静态网页设计》“书证融通”实践探索作者：朱玉业宋玲玲来源：《电脑知识与技术》2021年第32期摘要：《静态网页设计》是软件技术专业的专业基础课，也是Web前端开发技能等级证书的核心内容;为培养既有“软技能”又有“硬技能”的复合型高技能人才，提高人才培养质量，针对1+X证书制度试点带来的教师、教材、教学方法以及教学评价等存在的不适应的问题，探索实施了适应“书证融通”的课程教学模式，采取重构课程结构体系，融入思政教学元素、重设教学内容，并从教学设计、教学实施和教学评价等方面进行了深入的讨论。
关键词：书证融通;1+X证书制度;软件技术;Web前端中图分类号：G642 文献标识码：A文章编号：1009-3044（2021）32-0266-032019年国家开始启动1+X证书制度试点工作，截至2019年底，共有16个证书5266个试点单位;其中，高职类试点3176个，共797所高职院校[1];经过近两年的试点推广，试点范围不断扩大，试点证书不断增加，由教育部门颁发的代表学历证书的1和由职业教育培训评价组织颁发的代表若干个技能等级证书的X两者无论在培养方案、培养模式、教学内容还是评价方式上都存在差异和不适应;探索适应学历证书和技能等级证书的教学模式成为必然课题。
1 高职软件技术专业《静态网页设计》“书证融通"的背景2019年教育部公布的高等职业学校软件技术专业教学标准中《静态网页设计》是计算机软件技术专业的专业基础课程;同时，《静态网页设计》Web前端开发技能等级证书（初级）的核心内容和证书（中级的主要内容）。
课程是教学活动的基本单元，是人才培养模式的核心点，课程改革是1+X证书制度顺利实施的保障[2]，探索“书证融通”的教学模式成为当下高职院校教师面临的挑战和亟待解决的课题。
2 引入技能等级证书面临的问题教学中的任何改变都会引起教学设计的改变。
设计经常是理想的而实施是现实的，必然存在差距，这些差距来可能来自教师、教材、教学环境等等因素[3];同样引入技能等级证书给教学带来了一系列现实问题。
《静态网页设计》思政示范课建设
《静态网页设计》思政示范课建设《静态网页设计》是高职计算机应用技术专业核心课程。
对接Web前端网站设计与开发岗位，具有媒体性、实践性、创新性、体验性与引领性，对于培养新一代高素质高技能的网站设计与开发人才具有示范引领作用。
本课程以习近平总书记“要把红色资源利用好、把红色传统发扬好、把红色基因传承好”的思想为引领，始终坚守为党育人、为国育才的初心和使命。
两条思政主线，形成课程思政浸润双轴线：一是融合“红色精神”的“坚定爱家、爱党、爱国的时代信仰”为第一条思政主线；二是基于“工作过程”的“培养精研创新、智慧劳作的职业精神”为第二条思政主线。
将“一颗红心，两手技能”课程思政要义融入课程项目实施全过程。
以职业教育理念“能力本位、就业导向”为指导，以真实企业项目的工作过程为主线，对接网站设计与开发岗位要求，融通世界技能大赛网站设计与开发赛项和“1+X”Web前端开发职业技能等级标准（初级），体现岗课赛证深度融合，构建学生为主体、教师为主导的双主体六学共振混合教学模式，并开展了卓有成效的教学实践与改革。
一、主要做法（一）重构四篇五项目课程模块围绕“一颗红心强信仰”课程思政与项目内容深度融合，基于工作过程重构教学内容，最终将锻造“精研创新、智慧劳作”两手技能的职业精神贯穿全过程。
图1课程内容重构图岗位能力递进分为厚基础→强标准→重创意→高体验，四阶段能力进阶。
根据能力递进重构内容为四个模块，每个模块分别对应爱党篇、爱国篇、爱家篇和强信仰篇。
项目的选择，由易到难，项目主题蕴含着价值观念、理想信念、道德观念的红色文化为内容，以网站为载体，开发弘扬正能量、坚定信念的精神文化产品。
项目任务的选取基于实际的工作过程，将企业工作流程转为学习过程，该项目不仅是网站开发的企业典型职业行动领域之一，还是网站开发与设计工程师一项独立、完整的重要工作，为从事Web前端开发工作奠定基础。
（二）构建六学共振八环节教学模式根据“体验→探究→内化→应用→迁移”的学生认知五层递进培养思路，基于工作过程，构建六学共振八环节教学模式，将任务驱动教学方法贯穿始终。
《网页设计》课程标准
《网页设计》课程标准一、课程基本信息课程名称：网页设计学分：课程代码：学时：二、课程性质《网页设计》是平面设计和传媒类专业的拓展课程之一，是完成相关专业培养目标所必需的重要理论与实操一体化教学环节。
《网页设计》这门课主要针对网页设计中的配色和网页布局进行研究和讲解。
本课程的核心技能是在熟悉网页设计原则、色彩基础知识、色彩的情感象征和主题印象等理论知识的基础上，掌握网页结构布局、网站Logo与导航设计、网页用图和文字的排版设计、网页配色设计以及如何通过网站主题进行风格定位，从而完成网页布局设计与配色方案设计，设计出合理而精美的网页作品。
本课程旨在培养符合网页设计、用户界面设计、网站策划等社会岗位需求的界面艺术设计的职业技术人才，使学生具备网页设计的艺术鉴赏能力和网页布局与配色的设计和创作技能。
本课程是计算机类专业学生必须掌握的专业知识之一，通过本课程的学习，学生将了解网页设计、网站项目创建实施的流程及方法，具备网页设计、网站建设与维护的基本能力，为今后学生到相应的职业岗位打下基础。
同时，本课程将重点培养学生的创造能力、实际动手能力和计算机应用能力，从而适应日新月异的就业形势和社会的人才需求。
三、课程设计（一）课程目标设计1.能力目标:（1）能够掌握网站标志和导航设计重要性以及设计方法；（2）能够掌握网页设计中页面整体布局原则以及页面元素设计方法；（3）能够理解色彩基本知识、熟悉网页色彩模式、网页中色彩运用的基本原则和色彩的作用；（4）能够掌握网页配色设计的方法；（5）能够根据主题进行网站页面创作与设计。
2.知识目标：（1）了解网站设计特点、构成元素、设计原则等；（2）了解网站页面规划与元素设计的方法和技巧；（3）掌握网站中的图形与文字排版设计的方法和技巧；（4）了解网站页面布局的目的和设计方法、原则；（5）了解色彩在网站设计中的作用；（6）掌握网页配色的基本方法和技巧；3.素质目标：（1）培养学生的审美能力；（2）培养学生的设计能力、团队合作和沟通能力；（3）培养学生独立思考、自主学习和创新能力；（4）培养学生知识的融会贯通和举一反三的能力；（5）培养学生踏实肯干、做事认真、细心做事的态度；（6）培养学生独立的决策能力；（7）有耐心，有恒心，善于接受批评意见；（8）具有严谨的科学作风和踏实的工作态度，积极的求知欲和进取心。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《静态网页设计》课程标准1. 概述课程的性质《静态网页设计》课程是高职计算机应用技术、软件服务外包、计算机网络与安全管理专业的一门专业必修课程。
本课程以《计算机文化基础》、《计算机网络技术及应用》、《C语言程序设计》或《JAVA程序设计》前导课程，本课程将从职业技术教育的特点出发，以培养学生实际动手能力为目标，学会怎样通过效果图完成对网页页面的布局，通过完成学习情境的学习，能够掌握HTML、CSS、简单的JavaScript的专业知识和专业技能。
使学生具备网页制作、网站规划与网站维护的专业能力和方法能力，以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。
作为专业的核心主干课程，使学生掌握商业网站的开发和流程，并能独立进行操作，在就业时能够成为一个合格的人才。
学生毕业后可胜任网站管理员、网页设计师等工作岗位。
课程设计理念本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过各项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。
充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
课程开发思路本课程主要以当下典型的项目案例为主题，教材为参考，同时借鉴了一些企业网站，有利于学生的理解与学习。
颠覆传统讲授风格，主要通过项目实例让学生以师傅带徒弟的形式一步一步学习项目开发流程。
带着对一个项目雏形的不断完善，功能需求及其他功能的完善，进阶，使学生掌握一个网站项目的设计与制作相关经验。
经验从实践中来，因此学生实验课时约占到了总课时的三分之二。
按照“以能力为本位、以职业实践为主线、以项目课程为主体的模块化专业课程体系”的总体设计要求，该门课程以静态网站为基础，以CSS优化方法为基本目标，紧紧围绕完成工作任务的需要来选择和组织课程内容，突出工作任务与知识的联系，让学生在职业实践活动的基础上掌握知识，增强课程内容与职业能力要求的相关性，提高学生的就业能力。
2.课程目标本课程以学生能够网页网站开发与维护的实际工作能力为学习目标，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力。
使学生通过项目的实现，具备良好的综合素质和职业道德，能够吃苦耐劳、爱岗敬业、团结合作。
为以后的学习动态网页设计课程打下基础。
知识目标(1) 了解WEB站点的工作原理；(2) 理解Internet、WWW、HTTP、HTML的定义，计算机网络概念和作用；(3) 了解服务器、客户端、浏览器的概念和作用；(4) 掌握常规网站的规划及流程；(5) 熟练掌握HTML语言中各种标记符的运用能力；(6) 熟练掌握Dreamweaver应用软件的使用；(7) 理解网页中脚本语言的使用方法；(8) 熟练开发常规静态网站。
素质目标(1) 培养具有较强的网页设计创意思维、艺术设计素质；(2) 培养学生在学习过程中解决困难的能力；(3) 培养学生在学习过程中培养兴趣的能力，提高工作、学习的主动性；(4) 培养学生理论联系实际的工作和学生方法；(5) 培养具有高度责任心和良好的团队合作精神；(6) 具有社会责任感。
能力目标(1) 熟练掌握Dreamweaver应用软件制作网站及网页；(2) 熟练掌握使用绝对和相对URL，创建超链接，图像链接；(3) 掌握在网页中添加CSS的方法；(4) 培养学生设计、制作和维护动态网站。
(5) 培养学生搜集资料、阅读资料和利用资料的能力；(6) 能独立制定、实施工作计划。
(7) 具备检查、判断能力；(8) 具备简单的需求市场分析能力。
3.课程内容和要求4.课程实施和建议课程的重点、难点及解决办法课程的重点：HTML语言、网页的布局方式、CSS及属性的设置。
课程的难点：CSS及属性的设置、JavaScript及文档对象模型。
解决办法：(1) 为树立学生网页设计思想，掌握网页设计与制作相关技术精髓，在理论教学上，我们采用“项目驱动”教学方法，将相关知识点融入项目，通过项目实现，让学生掌握网页设计与制作关键技术，并对Dreamweaver工具制作网页有一个直观和更加感性的认识，再通过案例演示、实用教学等方法，从项目中提炼出相关知识点，让学生掌握学习HTML与CSS的基本方法与技巧。
(2) 在培养学生基本编程能力方面，我们采用“榜样学习”的模式，学生在教师讲解的项目的基础上，完成与之知识点类似的项目，以进一步强化学生的实际编程能力。
(3)在培养学生实际工程能力方面，我们采用“三段论”教学方式，通过“项目调研、项目实现、项目验收”，熟悉企业项目开发流程，培养学生分析问题、解决问题能力和团队合作能力。
(4) 学生创新能力方面，对学习程度较好的学生，通过让学生跟踪网页设计与制作新技术，锻炼学生的创新思维能力，并带动整体学风建设。
(5) 在遵循本课程标准的前提下，可根据企业的实际需求，可适当调整或修改教学情境，从而更好的达到教学的目的。
特别是对新知识，新技术的选取上尤其重要。
教学方法和教学手段4．2．1教学方法本课程主要采用“任务驱动式”教学法、“讨论法”教学法和“项目案例”教学法等多种教学方法。
（1）任务驱动式教学：把教学内容巧妙地隐含在每个任务之中，让学生提出问题，分析问题，自己解决问题，培养学生的自学能力和相对独立的分析问题、解决问题的能力。
（2）讨论法教学：同学之间讨论问题，可以让学生养成独立思考问题、相互交流意见的习惯，从而提高他们分析和解决问题的能力。
（3）项目案例教学法：以一个实际的项目或案例（超级课表）为例展开教学，将知识点融入项目中，运用面向对象的思想进行分析、设计和实现，树立学生面向对象的程序设计思想。
4．2．2教学手段多媒体教学：在课件设计中，营造轻松活泼的课堂气氛，通过图片、动画、实例演示等方式使课程内容变得容易理解、学习，教学方式更为直观生动，教学过程更为紧凑，更能吸引学生的注意力，学生更能发挥学习的主体性和能动性，从而本课程的教学效果更为显著。
软件模拟教学：由于程序设计课程的特点，如果将程序以课件形式提供给学生，学生可能会出现照抄课件的情况。
因此，在课堂上，对于要实现的程序，都是主讲教师边分析，边实现。
学生在教师分析的同时，可以自己实现程序，通过与教师所写程序的比较，找出自己的不足，提高自己的程序编制能力。
网络教学：在课堂教学的基础上，课程组开发的网络课程为学生提供了教学课件、论坛讨论等前沿技术拓展学习资料。
利用校园网的优势，我们把该课程的所有教学资源上网，并利用电子邮件、课程BBS与学生进行课外交流，为学生提供了更为广泛的沟通渠道与环境。
通过网络平台，学生可根据自己的学习情况有重点地选取再学习的内容，提高了课程学习的效率。
教学评价说明：每个模块的考核主要考察学生的出勤情况、实际动手能力、理论知识的运用与掌握情况、完成作业的准确度、完整度、规范度等、分析问题、解决问题的能力、合作沟通能力、学习态度、总结报告（报告的内容、态度、写作水平等）等评定项目进行综合考核。
教材编写本课程主要采用与参考由李英俊主编的——《网页设计与制作(第三版)》。
该教材有如下特色：(1) 以培养社会需要的高技能型人才为导向，充分体现高职特色的实用教材。
(2) 本书将项目教学法、任务驱动教学法、案例教学法的教学思想融为一体，重点体现其精神实质。
将网页设计制作社为一个整体项目。
(3) 本书既注重实用性、可操作性，又注重知识的科学性、系统性。
各章都设有明确的教学目标和教学任务，在内容安排上特别适合任务驱动教学。
各章节内容讲授尽量结合实际案例进行，即结合案例讲授知识点。
这样既体现了案例教学的实用性，又能保持知识的系统。
(4) 本书以培养学生网页设计与制作的实践能力为主要教学目标，因此实践性的项目与案例将贯穿教材的始终，并安排了三个环节的实践技能训练。
① 结合实际案例讲授教学内容，并指导学生实践。
② 依靠实训指导培养学生自主学习能力。
③ 通过综合练习测试并提高学生的综合应用能力。
课程资源的开发与利用1．教辅材料：要力求接近实践，最好是来源于实践的案例与情境，并开发课程的习题、参考文献等内容，向学生开放，以利于学生自主学习。
2．实训指导书：格式正确、内容全面，且能具体写明对学生的各项要求。
3．软件环境：不断完善网络开发实训室的软件环境，开发环境与运行环境都应安装更高版本以满足更新技术的教学与实验。
4．硬件环境：希望能够加大对硬件实训内容的建设，例如添置平板电脑、智能手机等设备，满足学生学习移动终端网页设计与制作相关知识的学习与实验。
5．信息技术：充分的利用各种信息技术，例如网络、多媒体课件等，为学生提供学习的便利条件。
例如加大课程的网络资源建设，把与课程有关的文献资料、教学大纲、电子教案、教学课件、习题、教学视频、采购管理的相关前沿信息、与职业资格考试相关的资料、学生与教师的互动等都放到网上，充分的为学生的自主学习提供环境条件。
师资和实训条件担任本课程的主讲教师需要具有丰富的网页前台软件开发经验和具备丰富的网站维护或网站推广经验。
同时还应具备较丰富的教学经验。
在教学组织能力方面，本课程的主讲教师应具备基本的设计能力，即根据本课程标准制定详细的授课计划，对每一堂课的教学过程精心设计，做出详细、具体的安排；还应该具备较强的施教能力，即掌握扎实的教学基本功并能够因材施教，在教学过程中还应具备一定的课堂控制能力和应变能力。
其它说明在《网页设计与制作》课程教学过程中，根据学生实际情况出发，适当地、合理地安排最新的知识内容，如：HTML5和CSS3常用的知识、技术与技能的教学。
尽可能的使学生掌握更新、更适用的技能。
教学参考资料4．8．1参考书目：《网页设计与制作》李英俊主编出版社：大连理工大学出版社 ISBN：23591《Dreamweaver CS5网页设计与制作基础教程》文杰书院主编出版社：清华大学出版社ISBN：78269《网页设计与制作从零开始完全精通》柏松出版社：上海科学普及出版社 ISBN：56589《响应式Web设计HTML5和CSS3实战》Ben Frain著，王永强译出版社：人民邮电出版社 ISBN：99222《HTML5与CSS3权威指南》许茂伟,马军，出版社：清华大学出版社 ISBN：241814．8．2推荐行业等网站：重庆科创职业学院社区新浪博客动网论坛异次元中文网中国官方网站编写：张莉莉校对：罗强审核：唐锡雷信息与建筑工程学院2013年8月1日。