下载文档原格式
《静态网页设计与制作》教学大纲Design and production of static pages适用专业：计算机科学与技术（特教）课程编号：前修课程：无学分：2.5 总学时：40 一、课程的性质、目的与要求课程性质：专业课教学目的：在掌握计算机网络的基本知识和基本理论的基础上，使学生通过本课程的学习，掌握DreamweaverMX的使用方法，学会使用DreamweaverMX制作Web网页的技术。
教学要求：通过本课程的学习，掌握DreamweaverMX软件的使用方法,能够创建一个企业的电子商务站点，高效的管理Web内容和站点结构；培养具备较强的逻辑思维能力和独立思考能力。
二、教学内容理论总学时：16学时第一篇快速入门6学时1、初识Dreamweaver 1学时基本要求：掌握DreamweaverMX的使用界面中各组成元素的名称与功能；掌握打开与关闭工具窗口的方法；理解站点、网站、网页及网页属性的概念；了解DreamweaverMX的汉化方法。
重点：DreamweaverMX的人—机交互界面的组成与使用方法。
难点：理解站点、网站、网页及网页属性的概念。
2、网页制作入门1学时基本要求：掌握创建Web站点的基本方法与步骤；熟悉网页制作过程中所涉及的一些基本概念与常识。
重点：本章通过一个网页制作示例，比较全面的介绍了Web站点的创建过程，概括的介绍了使用DreamweaverMX制作网页的主要方法。
难点：理解站点、网站、网页及网页属性的概念；站点管理器的使用。
3、站点管理1学时基本要求：了解通过站点管理器规划、创建站点的方法与站点设置参数的意义和设置方法；熟悉站点管理器的用途，学会利用站点地图查看、管理各网页之间的超链接关系；掌握通过站点管理器发布站点的方法与上传、下载与同步更新站点内容的方法。
重点：本章重点介绍了站点的创建、站点地图的使用以及文件的下载、上传与同步更新。
难点：站点管理器的使用。
《静态网页》课程教学大纲一、《静态网页》课程说明（一）开课对象：计算机大一（二）课程性质：本课程是计算机网络技术专业的一门职业技术课。
本课程的教学任务是讲授在网页设计中较为流行Dreamweaver。
主要讲解如何应用Dreamweaver创建和管理网站、网页制作基本知识，Dreamweaver网页制作集成工具使用方法等内容。
通过本课程的学习，使学生掌握构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。
（三）教学目的通过本课程的学习，使学生掌握构建网站的基本知识，要求学生能够熟练使用Dreamweaver8的操作环境，掌握HTML的常用语法规则，并能够利用Dreamweaver的强大功能制作出精美的网页，同时能独立创建并管理网站（四）教学内容本课程主要包括基本html语句的语法，各种内容在网页中的插入，表格布局，css样式表，层的使用，站点的管理（五）教学时数教学时数：54学时学分数：3学分教学时数具体分配：（六）教学方式本课是在机房教学，教师以演示讲解为主，学生以模仿后举一反三配合任务驱动来学习。
（七）考核方式和成绩记载说明考核方式为考试。
严格考核学生出勤情况，达到学籍管理规定的旷课量取消考试资格。
综合成绩根据平时成绩和期末成绩评定，由于本课程比较注重学生平时的上机能力，故平时成绩占50% ，期末成绩占50% 。
二、讲授大纲与各章的基本要求第1章html入门教学目的与要求：掌握基本的html语言语法格式，几种最常用标记的插入和属性的设置教学内容和考核：1.1 html基本语法格式（熟练掌握）1.2 通过html语句控制表格，文字，图片一、文本控制（熟练掌握）二、创建和设置表格（熟练掌握）三、插入和设置图片（熟练掌握）四、综合使用教学重点和难点1、认识什么是网页。
2、掌握网页的基本结构。
3、掌握使用记事本结合html语句创建简单网页第2章Dreamweaver基础入门教学目的与要求：通过本章学习，学生应掌握Dreamweaver的启动与退出、文档的基本操作、站点的创建、站点的编辑以及站点的管理等基本知识。
静态网站制作课程标准课程编码 参考学时 适用专业 执笔人 审核人 18021202 176 计算机应用技术 余会 万冬娥 课程名称 学分 开设学期 制订日期 审核日期 静态网站制作 11 第 2 学期 2014.3 2014.3一、课程定位 该课程是计算机应用技术专业的一门职业技能课程，根据 IT 产业生产一线对 高等职业院校计算机应用技术专业高技能岗位人才的需求， 《静态网站制作》主要 介绍网页元素的制作与搜集、网页布局和规划、网站的建立和发布以及网站的管 理和维护等知识，学习该课程让学生掌握建站的各项知识以满足高技能岗位人才 的需求。
通过本课程的学习，要求学生掌握网页设计的基本概念，学会使用常用的网 页设计工具和常用脚本语言，能够设计制作常见的静态网页，具备网站的建立和 维护能力。
同时通过本课程的学习，培养学生的综合职业能力、创新精神和良好 的职业道德。
先修课程： 《计算机文化基础》 、 《计算机系统维护》 。
二、设计思路 本课程针对高职高专教育教学的特点，以信息技术行业岗位需求为起点，以网 站开发典型工作任务为依据，以工作过程为导向，以行动导向组织教学，以校内 双师教师和校外兼职教师为主导，以学生网站策划和开发能力培养为目标的课程 设计理念。
具体设计思路如下： 1、校企合作进行基于工作过程的课程设计开发 通过对枣庄地区的天龙科技有限公司、哥伦布图文等企业进行岗位需求调研， 组织专兼职教师进行讨论，最后在学情分析的基础上，确定了本课程的目标要求， 教学内容的选取与组织、教学项目以及考核标准等内容。
2、针对学生所从事工作岗位职业能力、工作任务、工作过程的分析，根据网 站的建设流程提炼出典型工作任务构建教学内容。
本课程根据企业网页设计与制作工作过程，选取了学生最为熟悉的四个典型 项目作为学习情境，每个学习情境按照由简单到复杂，由易到难的规律序化。
每 个学习情境中的工作任务有事循序渐进地推进，将知识点嵌入工作任务中，从而 培养学生网页设计与网站开发能力。
《静态网页设计》课程标准1. 概述1.1课程的性质本课程是计算机应用技术、软件服务外包、计算机网络与安全管理专业的必修课，培养学生运用Dreamweaver制作网页前台技术，通过本课程的学习，要求学生掌握网页设计与制作的基本概念，学会怎样通过效果图完成对网页页面的布局，通过完成学习情境的学习，学生能够掌握HTML、CSS、简单的Javascript的专业知识和专业技能。
1.2课程设计理念本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过各项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。
充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
1.3课程开发思路按照“以能力为本位、以职业实践为主线、以项目课程为主体的模块化专业课程体系”的总体设计要求，该门课程以形成静态网站为基础，以CSS优化方法为基本目标，紧紧围绕完成工作任务的需要来选择和组织课程内容，突出工作任务与知识的联系，让学生在职业实践活动的基础上掌握知识，增强课程内容与职业能力要求的相关性，提高学生的就业能力。
2.课程目标本课程的培养目标是：使学生具备成为本专业的高素质技能型人才所必需的思维与动手能力；使学生能全面掌握HTML、CSS技术和技能，具备适应职业变化的能力以及继续学习新知识的能力；使学生通过项目的实现，具备良好的综合素质和职业道德，能够吃苦耐劳、爱岗敬业、团结合作。
2．1知识目标（1）掌握网站与网页的基本组成；（2）掌握HTML标签的语法与常用的HTML标签；（3）掌握CSS的书写与语法，以及常用的CSS属性；（4）认识Javascrip控制网页元素的基本方法（5）认识Javascript验证部分表单2．2素质目标（1）培养学生谦虚、好学的品质；（2）培养学生勤于思考、做事认真的良好作风；（3）培养学生良好的职业道德；（4）培养按时、守时的软件交付观念；（5）培养阅读设计文档、编写程序文档的能力。
《静态网页制作》课程教学基本要求和教学大纲一、课程的性质、地位和任务《静态网页制作》是信息工程系图形图像、网络技术、信息管理专业的一门重要的专业课程，学生在学习该课程时必须已经掌握相应的专业基础知识。
本课程面向应用型技能人才的培养，在该课程中要求学生能有计划、有条理地深入了解和完全掌握制作网页的知识。
使学生体会到用DREAMWEAVER、FIREWORKS和FLASH制作网页的无穷魅力，另外，本课程不是孤立的，它要求和其它的课程互连互通，因此要注意掌握其它的相关技术。
二、课程的教学目标Dreamweaver是集网页制作和网站管理于一身的所见即所得网页编辑器，是针对网页设计的视觉化网页开发工具。
Fireworks 是一种可以用来设计、制作并优化Web图形，切割图片，自动生成并更新HTML和JAVASCRIPT代码的WEB图形工具。
Flash是主要用于矢量图编辑和动画创作的理想工具。
在该课程中通过对这三个工具的学习，使学生掌握操作技巧，最终达到熟练编辑网页并处理网页中的图像、以及创意出更多应用在Web中的动画。
三、课程教学的基本内容和基本要求：第一单元第二单元第三单元四、课程考核方式课程采用闭卷考试+平时成绩综合评定的方式进行。
闭卷考试以笔试为主体，主要考核基本知识、基本理论的掌握情况和学生分析问题、解决问题的能力，占总成绩70%；平时成绩主要考核学生的出勤、实习态度、实习报告、操作训练熟练程度等内容，占总成绩的30%。
五、备注本课程安排有教学实习1周，主要针对dreamweaver,fireworks,flash技术的综合应用，学生应能自行设计各种网页、开发一定规模的网站，故应使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。
《静态网页设计》课程标准课程信息1.课程定位《静态网页设计》课程是学生在《局域网交换技术》和《网络操作系统》课程实现组建局域网及网络管理的基础上，培养学生制作静态网页和发布静态网站的能力，为以后学习动态网站的设计，Web应用程序开发等后续专业课程打下必备的基础。
后续课程主要有《JavaScript编程技术》和《Servlet&JSP技术》，课程体系的培养目标是培养学生具有分析设计企业级平台软件项目的能力，达到Web应用程序设计与开发工程师岗位要求。
如下图所示。
Servlet&JSP技术JavaScript编程技术静态网页设计网络操作系统局域网交换技术图4-1-1 Web应用程序设计与开发工程师岗位对应核心课程2.课程设计理念对接师创等合作企业和相关软件企业，采取基于工作过程系统化的设计理念，融入企业典型工作任务，融入网页设计师、web应用程序设计与开发工程师职业资格标准。
项目设计上实现“三个结合”，即课上和课后项目相结合，单项练习和综合实训相结合，封闭式项目和开放式项目相结合。
课上完成一个与学生自身生活相关的个人网站项目，综合实训阶段从四个实际的企业项目中任选一个完成，课下项目为四选一，如滨州职业学院内网网站设计。
课程从“个人网站”的需求分析、整体布局开始，确定网站的基本版块，以设计实现各个版块的功能为载体，达成《静态网页技术》课程的知识、技能、素质目标；将各个版块的实现分解成不同的工作任务，学生按照任务要求完成项目的同时，完成整个课程需要的理论知识、操作技能、心智技能的训练，养成软件素养。
同时在协同工作的过程中培养就业、协作、分析问题、解决问题的能力，增强社会责任感，提高综合职业能力。
3.课程目标3.1知识目标（1）熟悉网站的分类特点、站点的含义；（2）熟悉网页设计应注意的事项；（3）熟悉HTML文档结构；（4）熟悉Html基本标记、HTML表单和框架；（5）熟悉表格的使用方法；（6）熟悉网站文件命名的规则；（7）熟悉网站建立的原则；（8）了解静态网页和动态网页的关系；3.2能力目标（1）能正确使用常用的HTML标记；（2）能够给网站做需求分析；（3）能够给网站做整体规划；（4）能够规划和管理站点；（5）能够使用HTML技术设计网站的静态网页；（6）能够测试静态网页；（7）能够使用HTML中的框架多窗口展示网页；（8）能给网页插入多媒体；（9）能在静态网页中混合使用样式表；（10）能够查阅《HTML使用手册》使用标签制作网页。
标准静态网页制作》课程标准课程编码：课程类别：专业必修课适用专业：计算机应用技术授课单位：软件设计教研室学分：6 学时：8*14编写执笔人及编写日期：审定负责人及审定日期：一、制定课程标准的依据本课程标准依据计算机应用技术的人才培养方案和职业教育的理念制定。
二、课程的性质与作用课程的性质：课程是计算机应用技术专业的实践课程，是校企合作开发的基于工作过程的课程。
课程的作用：本课程在专业人才培养过程中，是作为一门专业基础课，以培养学生的动手实践能力为主。
通过学习，了解网站规划和建立的全过程，掌握制作网页并建设网站的技术。
同时本课程为后续动态网站类课程做基础，最终培养具有独立设计及制作网站能力和具有网页设计师职业素质的学生。
三、课程设计理念及思路课程设计理念：本课程以计算机应用专业学生的就业为导向，邀请行业专家对计算机及应用专业所涵盖的职业群进行任务和职业能力分析，以此为依据确定本课程的工作模块和课程内容。
教学整体设计以职业技能培养为目标、以施工任务（项目）为载体、理论学习与实践操作结合。
课程设计思路：本课程以任务引领型为课程框架，把课程按递进方式设计成项目，并以项目为单元组织教学，使学生由浅入深，以点到面全面掌握网页设计与制作的职业技能。
四、本课程与其它课程的关系表1与其它课程的关系五、课程的教学目标通过任务引领型和项目活动形式，使学生能熟练制作简单网页，能熟练创建本地站点并能对网页进行各种超链接，能制作网页动画，掌握网页设计与制作技巧，具备网页设计与制作的基本职业能力，能基本胜任网页制作工作，为学生发展专门化方向的职业能力奠定基础。
职业能力目标：1、能熟练制作简单网页2、能绘制图形与处理图像3、能创建本地站点并能对网页进行各种超链接4、能对网页进行具有创意的美化5、能制作有创意的网页动画6能掌握网页设计与制作的相关技巧7、能跟踪和学习网页设计与制作的新知识和新技术六、课程的内容与要求表2实践教学项目设计在课堂上我通常采用的是案例例证法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。
静态课程设计案例一、教学目标本课程旨在通过学习静态的基本概念、技术和方法，使学生掌握HTML、CSS 和JavaScript等基本技能，能够独立设计和制作简单的静态网页。
具体的教学目标如下：1.理解静态的基本概念和组成部分。
2.掌握HTML标签的使用和页面结构的设计。
3.熟悉CSS样式的设置和页面样式的设计。
4.了解JavaScript的基本语法和功能。
5.能够使用HTML编写简单的页面结构。
6.能够使用CSS设置页面样式和布局。
7.能够使用JavaScript实现简单的交互功能。
情感态度价值观目标：1.培养学生的创新意识和解决问题的能力。
2.培养学生的团队合作意识和沟通表达能力。
3.培养学生的自主学习和持续学习的习惯。
二、教学内容根据课程目标，本课程的教学内容主要包括HTML、CSS和JavaScript三个方面。
具体的教学大纲如下：1.HTML基础知识：HTML标签的使用、页面结构的设计。
2.CSS样式设计：CSS选择器、样式规则、布局和设计。
3.JavaScript基本语法：变量、条件语句、循环语句、函数。
4.静态网页制作实践：综合运用HTML、CSS和JavaScript制作简单的静态网页。
三、教学方法为了激发学生的学习兴趣和主动性，本课程将采用多种教学方法相结合的方式进行教学。
具体的教学方法如下：1.讲授法：通过讲解和演示，使学生掌握静态的基本概念和技术。
2.案例分析法：通过分析典型案例，使学生理解和应用HTML、CSS和JavaScript。
3.实验法：通过动手实践，使学生巩固和提升静态网页制作技能。
4.小组讨论法：通过团队合作和讨论，培养学生的合作意识和解决问题的能力。
四、教学资源为了支持教学内容和教学方法的实施，丰富学生的学习体验，我们将选择和准备以下教学资源：1.教材：选用权威、实用的静态网页制作教材，为学生提供系统的学习资料。
2.参考书：提供相关的参考书籍，为学生提供更多的学习资源。
静态网站设计与实践课程设计报告一、课程目标知识目标：1. 让学生掌握静态网站的基本结构，包括HTML、CSS和JavaScript的基本语法。
2. 使学生了解网页设计的基本原则和流程，掌握网页布局、颜色搭配、字体选择等基本知识。
3. 帮助学生了解互联网信息架构，理解网站导航和链接的作用。
技能目标：1. 培养学生运用HTML、CSS和JavaScript进行静态网页设计与制作的能力。
2. 培养学生运用网页设计软件（如Dreamweaver）进行网站开发的基本技能。
3. 培养学生具备基本的网页调试和优化能力。
情感态度价值观目标：1. 激发学生对互联网技术的好奇心和兴趣，培养其主动学习和探索的精神。
2. 培养学生团队协作意识，学会与他人共同解决问题，提高沟通与表达能力。
3. 培养学生具备良好的审美观念，关注用户体验，提升对美的追求和创造力。
课程性质：本课程为实践性较强的课程，旨在让学生在实际操作中掌握静态网站设计与制作的基本技能。
学生特点：本课程针对的是高年级学生，他们在前期课程中已经学习了计算机基础知识，具备一定的编程基础和网页设计原理。
教学要求：结合课程性质、学生特点，将课程目标分解为具体的学习成果，以实际操作为主，注重理论与实践相结合，使学生在完成课程学习后能够独立完成一个静态网站的设计与制作。
同时，关注学生的情感态度价值观培养，提高其综合素质。
二、教学内容1. HTML基础：讲解HTML的基本语法、常用标签、表格、表单、框架等，使学生掌握静态网页的结构和基本元素。
- 教材章节：第一章 HTML基础- 内容列举：HTML标签、属性、表格、表单、框架等2. CSS样式：介绍CSS的基本语法、选择器、属性、盒模型、布局等，培养学生对网页美化和布局的能力。
- 教材章节：第二章 CSS样式- 内容列举：选择器、属性、盒模型、布局、浮动、定位等3. JavaScript基础：讲解JavaScript的基本语法、函数、事件处理、DOM操作等，使学生掌握网页交互功能。
《静态网页设计》课程标准一、课程简介《静态网页设计》是计算机应用技术专业的职业能力课程之一，对培养学生的网站建设岗位的职业能力起到支撑作用。
课程学习过程中培养学生的网站设计、开发能力，能将客户需求归纳整理成文档的能力，能使用平面设计、动画设计、网站编辑等软件工具的能力。
通过具体内容的学习，最终能按照正规的设计流程制作出客户满意的页面，为其职业发展提供坚实的技术基础。
二、课程性质与定位《静态网页设计》构建以基于企业的“网站开发工作流程”为导向的“模块式”课程结构，模块的划分以“行为导向教育理论”来展开；通过学习，学生会进行网站欣赏、网站规划规范、网站效果图设计、网页色彩与布局设计、网页动画设计、网页布局与编辑、HTML使用、层叠样式表CSS、DIV+CSS网页布局、模板与库的应用、静态网站动态化、实际项目开发等。
三、课程设计思路本课程的学习紧紧围绕项目展开，以任务为学习驱动，实现了“学以致用”的教学目的。
全部教学内容分布在子项目中进行，内容由浅入深，逐步引导学生从基本静态网页制作基本技巧入手，进一步了解和掌握了静态网页的高级制作，最后通过为期四周的综合网站开发完成，强化和巩固所学知识，使学生全面的掌握静态网页制作基本技能。
四、课程培养目标（一）总体目标通过本课程的学习，主要培养学生认识静态网页的开发环境；掌握静态网页的制作，学会静态网页两种设计方法；学会站点创建过程，学会静态网页具体编辑过程；学会网页布局过程。
（二）知识目标◆掌握使静态网页编辑基本技巧◆掌握静态网页初级应用◆掌握html语言的使用（三）能力目标1、专业能力◆能够掌握Dreamweaver的使用技巧；◆能够使用html语言设计网页。
2、方法能力◆英语的灵活应用能力；◆分析实际问题并提出新的解决方案的能力；◆持续学习，独立思考的基本能力；◆获取新知识、新技能、新方法的基本能力；◆制定完整的工作计划的能力；◆灵活分析、独立处理问题的能力。
《静态网页设计》课程标准1. 概述1.1课程的性质《静态网页设计》课程是高职计算机应用技术、软件服务外包、计算机网络与安全管理专业的一门专业必修课程。
本课程以《计算机文化基础》、《计算机网络技术及应用》、《C语言程序设计》或《JAVA程序设计》前导课程，本课程将从职业技术教育的特点出发，以培养学生实际动手能力为目标，学会怎样通过效果图完成对网页页面的布局，通过完成学习情境的学习，能够掌握HTML、CSS、简单的JavaScript的专业知识和专业技能。
使学生具备网页制作、网站规划与网站维护的专业能力和方法能力，以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。
作为专业的核心主干课程，使学生掌握商业网站的开发和流程，并能独立进行操作，在就业时能够成为一个合格的人才。
学生毕业后可胜任网站管理员、网页设计师等工作岗位。
1.2课程设计理念本课程的设计体现“以能力为本位、以职业实践为主线、以项目课程为主体”，打破了传统的学科体系的模式，通过各项目的练习操作，熟练地掌握岗位所需知识和技能，并不断强化，项目体现操作能力和解决问题能力的培养。
充分体现了职业教育“以就业为导向，以能力为本位”的职业教育理念。
1.3课程开发思路本课程主要以当下典型的项目案例为主题，教材为参考，同时借鉴了一些企业网站，有利于学生的理解与学习。
颠覆传统讲授风格，主要通过项目实例让学生以师傅带徒弟的形式一步一步学习项目开发流程。
带着对一个项目雏形的不断完善，功能需求及其他功能的完善，进阶，使学生掌握一个网站项目的设计与制作相关经验。
经验从实践中来，因此学生实验课时约占到了总课时的三分之二。
按照“以能力为本位、以职业实践为主线、以项目课程为主体的模块化专业课程体系”的总体设计要求，该门课程以静态网站为基础，以CSS优化方法为基本目标，紧紧围绕完成工作任务的需要来选择和组织课程内容，突出工作任务与知识的联系，让学生在职业实践活动的基础上掌握知识，增强课程内容与职业能力要求的相关性，提高学生的就业能力。
2.课程目标本课程以学生能够网页网站开发与维护的实际工作能力为学习目标，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力。
使学生通过项目的实现，具备良好的综合素质和职业道德，能够吃苦耐劳、爱岗敬业、团结合作。
为以后的学习动态网页设计课程打下基础。
2.1知识目标(1) 了解WEB站点的工作原理；(2) 理解Internet、WWW、HTTP、HTML的定义，计算机网络概念和作用；(3) 了解服务器、客户端、浏览器的概念和作用；(4) 掌握常规网站的规划及流程；(5) 熟练掌握HTML语言中各种标记符的运用能力；(6) 熟练掌握Dreamweaver应用软件的使用；(7) 理解网页中脚本语言的使用方法；(8) 熟练开发常规静态网站。
2.2素质目标(1) 培养具有较强的网页设计创意思维、艺术设计素质；(2) 培养学生在学习过程中解决困难的能力；(3) 培养学生在学习过程中培养兴趣的能力，提高工作、学习的主动性；(4) 培养学生理论联系实际的工作和学生方法；(5) 培养具有高度责任心和良好的团队合作精神；(6) 具有社会责任感。
2.3能力目标(1) 熟练掌握Dreamweaver应用软件制作网站及网页；(2) 熟练掌握使用绝对和相对URL，创建超链接，图像链接；(3) 掌握在网页中添加CSS的方法；(4) 培养学生设计、制作和维护动态网站。
(5) 培养学生搜集资料、阅读资料和利用资料的能力；(6) 能独立制定、实施工作计划。
(7) 具备检查、判断能力；(8) 具备简单的需求市场分析能力。
3.课程内容和要求4.课程实施和建议4.1课程的重点、难点及解决办法课程的重点：HTML语言、网页的布局方式、CSS及属性的设置。
课程的难点：CSS及属性的设置、JavaScript及文档对象模型。
解决办法：(1) 为树立学生网页设计思想，掌握网页设计与制作相关技术精髓，在理论教学上，我们采用“项目驱动”教学方法，将相关知识点融入项目，通过项目实现，让学生掌握网页设计与制作关键技术，并对Dreamweaver工具制作网页有一个直观和更加感性的认识，再通过案例演示、实用教学等方法，从项目中提炼出相关知识点，让学生掌握学习HTML与CSS的基本方法与技巧。
(2) 在培养学生基本编程能力方面，我们采用“榜样学习”的模式，学生在教师讲解的项目的基础上，完成与之知识点类似的项目，以进一步强化学生的实际编程能力。
(3)在培养学生实际工程能力方面，我们采用“三段论”教学方式，通过“项目调研、项目实现、项目验收”，熟悉企业项目开发流程，培养学生分析问题、解决问题能力和团队合作能力。
(4) 学生创新能力方面，对学习程度较好的学生，通过让学生跟踪网页设计与制作新技术，锻炼学生的创新思维能力，并带动整体学风建设。
(5) 在遵循本课程标准的前提下，可根据企业的实际需求，可适当调整或修改教学情境，从而更好的达到教学的目的。
特别是对新知识，新技术的选取上尤其重要。
4.2教学方法和教学手段4．2．1教学方法本课程主要采用“任务驱动式”教学法、“讨论法”教学法和“项目案例”教学法等多种教学方法。
（1）任务驱动式教学：把教学内容巧妙地隐含在每个任务之中，让学生提出问题，分析问题，自己解决问题，培养学生的自学能力和相对独立的分析问题、解决问题的能力。
（2）讨论法教学：同学之间讨论问题，可以让学生养成独立思考问题、相互交流意见的习惯，从而提高他们分析和解决问题的能力。
（3）项目案例教学法：以一个实际的项目或案例（超级课表）为例展开教学，将知识点融入项目中，运用面向对象的思想进行分析、设计和实现，树立学生面向对象的程序设计思想。
4．2．2教学手段多媒体教学：在课件设计中，营造轻松活泼的课堂气氛，通过图片、动画、实例演示等方式使课程内容变得容易理解、学习，教学方式更为直观生动，教学过程更为紧凑，更能吸引学生的注意力，学生更能发挥学习的主体性和能动性，从而本课程的教学效果更为显著。
软件模拟教学：由于程序设计课程的特点，如果将程序以课件形式提供给学生，学生可能会出现照抄课件的情况。
因此，在课堂上，对于要实现的程序，都是主讲教师边分析，边实现。
学生在教师分析的同时，可以自己实现程序，通过与教师所写程序的比较，找出自己的不足，提高自己的程序编制能力。
网络教学：在课堂教学的基础上，课程组开发的网络课程为学生提供了教学课件、论坛讨论等前沿技术拓展学习资料。
利用校园网的优势，我们把该课程的所有教学资源上网，并利用电子邮件、课程BBS与学生进行课外交流，为学生提供了更为广泛的沟通渠道与环境。
通过网络平台，学生可根据自己的学习情况有重点地选取再学习的内容，提高了课程学习的效率。
4.3教学评价说明：每个模块的考核主要考察学生的出勤情况、实际动手能力、理论知识的运用与掌握情况、完成作业的准确度、完整度、规范度等、分析问题、解决问题的能力、合作沟通能力、学习态度、总结报告（报告的内容、态度、写作水平等）等评定项目进行综合考核。
4.4 教材编写本课程主要采用与参考由李英俊主编的——《网页设计与制作(第三版)》。
该教材有如下特色：(1) 以培养社会需要的高技能型人才为导向，充分体现高职特色的实用教材。
(2) 本书将项目教学法、任务驱动教学法、案例教学法的教学思想融为一体，重点体现其精神实质。
将网页设计制作社为一个整体项目。
(3) 本书既注重实用性、可操作性，又注重知识的科学性、系统性。
各章都设有明确的教学目标和教学任务，在内容安排上特别适合任务驱动教学。
各章节内容讲授尽量结合实际案例进行，即结合案例讲授知识点。
这样既体现了案例教学的实用性，又能保持知识的系统。
(4) 本书以培养学生网页设计与制作的实践能力为主要教学目标，因此实践性的项目与案例将贯穿教材的始终，并安排了三个环节的实践技能训练。
① 结合实际案例讲授教学内容，并指导学生实践。
② 依靠实训指导培养学生自主学习能力。
③ 通过综合练习测试并提高学生的综合应用能力。
4.5课程资源的开发与利用1．教辅材料：要力求接近实践，最好是来源于实践的案例与情境，并开发课程的习题、参考文献等内容，向学生开放，以利于学生自主学习。
2．实训指导书：格式正确、内容全面，且能具体写明对学生的各项要求。
3．软件环境：不断完善网络开发实训室的软件环境，开发环境与运行环境都应安装更高版本以满足更新技术的教学与实验。
4．硬件环境：希望能够加大对硬件实训内容的建设，例如添置平板电脑、智能手机等设备，满足学生学习移动终端网页设计与制作相关知识的学习与实验。
5．信息技术：充分的利用各种信息技术，例如网络、多媒体课件等，为学生提供学习的便利条件。
例如加大课程的网络资源建设，把与课程有关的文献资料、教学大纲、电子教案、教学课件、习题、教学视频、采购管理的相关前沿信息、与职业资格考试相关的资料、学生与教师的互动等都放到网上，充分的为学生的自主学习提供环境条件。
4.6师资和实训条件担任本课程的主讲教师需要具有丰富的网页前台软件开发经验和具备丰富的网站维护或网站推广经验。
同时还应具备较丰富的教学经验。
在教学组织能力方面，本课程的主讲教师应具备基本的设计能力，即根据本课程标准制定详细的授课计划，对每一堂课的教学过程精心设计，做出详细、具体的安排；还应该具备较强的施教能力，即掌握扎实的教学基本功并能够因材施教，在教学过程中还应具备一定的课堂控制能力和应变能力。
4.7其它说明在《网页设计与制作》课程教学过程中，根据学生实际情况出发，适当地、合理地安排最新的知识内容，如：HTML5和CSS3常用的知识、技术与技能的教学。
尽可能的使学生掌握更新、更适用的技能。
4.8教学参考资料4．8．1参考书目：《网页设计与制作》李英俊主编出版社：大连理工大学出版社ISBN：9787561123591《Dreamweaver CS5网页设计与制作基础教程》文杰书院主编出版社：清华大学出版社ISBN：9787302278269《网页设计与制作从零开始完全精通》柏松出版社：上海科学普及出版社ISBN：9787542756589《响应式Web设计HTML5和CSS3实战》Ben Frain著，王永强译出版社：人民邮电出版社ISBN：9787115299222《HTML5与CSS3权威指南》许茂伟,马军，出版社：清华大学出版社ISBN：9787302224181 4．8．2推荐行业等网站：重庆科创职业学院127社区新浪博客动网论坛异次元w3school HTML5中文网/HTML5中国/jQuery官方网站编写：张莉莉校对：罗强审核：唐锡雷信息与建筑工程学院2013年8月1日。
