/基本要求
1.在网站根目录中开设imagescommontemp三个子目录，根据需要再开设media子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner条、菜单、按钮等等；common子目录中放css、js,、php、include等公共文件；temp子目录放客户提供的各种文字图片等等原始资料；media子目录中放flash,avi,quicktime等多媒体文件。
2.在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images和media的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。
3.temp目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。
4.除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂，
/脚本编写
我们应该有一个脚本整体风格一致的概念，意思是一个月后和一个月前的你写的脚本风格保持一致，以及同一个工作组中不同的开发人员编写的脚本风格保持一致，因为我们不可能永远孤立的开发，你随时都有可能和三个月前的自己合作（你的客户要求改版），也经常要和工作室中不同的同事共同开发一个项目，还有可能被要求修改已经离职人员开发的脚本，当然你自己也有可能会扔下一个项目给后来的同事。
1.Html文件的通用模板：
其他meta标记
样式表定义
客户端javascript函数定义及初始化操作
……
补充：
为了保证网站能够与下一代的web语言xml标准兼容，所有的HTML标签的属性都要用单引号或者双引号括起，即我们应该写而不是.
2.允许全文检索的页面，为了使Internet上的搜索引擎能够有效检索，在频道的首页的html的之间应该加入Keywords和Description元标记，例如：
3.CSS文件的格式样例代码：
这里尤其要注意的是a:linka:visiteda:hovera:actived的排列顺序一定要严格照上面的样例代码，否则或多或少会出问题。另外我们规定重定义的最先，伪类其次，自定义最后，便于自己和他人阅读！
为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px和14.7px这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px的字号比较合适。
在写互相嵌套时，严格按照的规范，对于单独的一个来说，对齐，缩进两个半角空格，中如果还有嵌套的表格，也缩进两个半角空格，如果中没有任何嵌套的表格，结束标记应该与处于同一行，不要换行，
如我们注意在源代码中不应有这样的代码：
而应该是这样的：
这是因为浏览器认为换行相当于一个半角空格，以上不规范的写法相当于无意中增加一个半角空格，如果确实有必要增加一个半角空格，也应该这样写：
属于同一个级别的
一定是左首对齐的，另外不允许没有任何内容的空的单元格存在，高度大于等于12px的单元格应该在和之间写一个如果高度小于12px,则应该在和之间插入一个1*1大小的透明的gif图片，这是因为某些浏览器认为空单元格非法而不会予以解释。如果代码顺序较乱，在DW3中可以通过command->applysouceformatting进行重新整理！
5.Width和height的写法也有统一的规范，一般情况下只有一列的表格，width写在
的标签内，只有一行的表格，height写在的标签内，多行多列的表格，width和height写在第一行或者第一列的标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的height和width,保证任何一个width和height都是有效的，也就是你改动代码中任何一个width和height的数值，都应该在浏览器中看到变化。做到这一条不容易，需要较长时间的练习和思考。
/一般原则
1.在排布表格之前，请大家一定要好好思考一个最佳的方案，表格的嵌套尽量控制在三层以内，并且应该尽量避免两个标记，经验表明，这两个标记会带来许多麻烦。
2.一个网页要尽量避免用整个一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用
标记，以便能够使这个大表格分块显示。
3.排版中我们经常会遇到需要进行首行缩进的处理，不要使用或者全角空格来达到效果，规范的做法是在样式表中定义p{text-indent:2em;}然后给每一段加上
标记，注意，一般情况下，请不要省略
结束标记。
4.原则上，我们禁止用来人为干预图片显示的尺寸，而且建议标签中不要带上width和height两个属性，这是因为制作过程中，图片往往需要反复的修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能；但是这样的一个副作用是当网页还未加载图片时，不会留出图片的站位大小，可能会造成网页在加载过程中抖动（如果图片是插在一个固定大小的表格里的，不会有这个现象），尤其是当图片的尺寸较大时，这种现象会很明显，所以当预料到这种会明显导致网页抖动的情况会发生时，请大家务必在最后给附上width和height属性。
5.为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用
来人工干预分段。
6.不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。
7.所有的字号都应该用样式表来实现，禁止在页面中出现标记。
8.请不要在网页中连续出现多于一个的也尽量少使用全角空格（英文字符集下，全角空格会变成乱码），空白应该尽量使用text-indent,padding,margin,hspace,vspace以及透明的gif图片来实现。
9.中英文混排时，我们尽可能的将英文和数字定义为verdana和arial两种字体。
10.行距建议用百分比来定义，常用的两个行距的值是line-height:120%/150%.
11.网站中的路径全部采用相对路径，一般链接到某一目录下的缺省文件的链接路径不必写全名，如我们不必这样：而应该这样：
12、嵌入图形文本的使用较大的字体，建议不要在图形中包括文本。
13、“网页大小”定义为网页的所有文件大小的总和，包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户，网页大小保持在34K以下为合适。
/文件命名原则
1.每一个目录中应该包含一个缺省的html文件，文件名统一用index.htm
2．文件名称统一用小写的英文字母、数字和下划线的组合。
3.命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。
4.下面以“新闻”（包含“国内新闻”和“国际新闻”）这个栏目来说明html文件的命名原则：
在根目录下开设news目录
第一条缺省新闻取名index.htm
所有属于“国内新闻”的新闻依次取名为：china_1.htm,china_2.htm,…
所有属于“国际新闻”的新闻依次取名为：internation_1.htm,internation_2.htm,…
如果文件的数量是两位数，请将前九个文件命名为：china_01.htm,china_02.htm以保证所有的文件能够在文件夹中正确排序。
5.图片的命名原则遵循以下几条规范：
名称分为头尾两两部分，用下划线隔开。
头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等。
一般来说:
放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner
标志性的图片我们取名为：logo
在页面上位置不固定并且带有链接的小图片我们取名为button
在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu
装饰用的照片我们取名：pic
不带链接表示标题的图片我们取名：title
依照此原则类推。
尾部分用来表示图片的具体含义。
考核方式
因此不能像其他课程一样采取传统的笔试方式进行考核，笔试比较适用于一些理工科课程，如高等数学、计算机原理等，该方式可考察学生对这些公式、原理、概念等掌握的情况。单纯上机出题考试也有一定局限性。本人认为应把考核的重点放在综合实践能力的考核上。该课程的考核可以有三部分组成：课堂表现（10%），上机练习作业（20%），最后作品（70%）。这样可以较全面地考核学生对该门课程的掌握与实践情况，其中作品指的是老师制定的项目要求，一般都是个人网站或其他主题的网站。学生在规定的时间制作完成上交。最后作品主要从网站的链接结构是否合理顺畅、网页配色、界面设计、网站内容的完整性、网站技术的运用以及网站运行是否稳定等方面来综合评定。最后的作业评定可以以答辩展示的形式，由每个学生阐述对该项目的想法、制作心得以及制作过程中遇到的问题，然后教师给予评定和答疑，这门课程的最后一个环节，授课教师对教学效果有个总体了解的同时也给学生一个更大程度提高的机会。
实践效果
2.在根目录中原则上应该按照首页的栏目结构，给每一个栏目开设一个目录，根据需要在每一个栏目的目录中开设一个images和media的子目录用以放置此栏目专有的图片和多媒体文件，如果这个栏目的内容特别多，又分出很多下级栏目，可以相应的再开设其他目录。
3.temp目录中的文件往往会比较多，建议以时间为名称开设目录，将客户陆续提供的资料归类整理。
4.除非有特殊情况，目录、文件的名称全部用小写英文字母、数字、下划线的组合，其中不得包含汉字、空格和特殊字符；目录的命名请尽量以英文为指导，不到万不得已不要以拼音作为目录名称，经验证明，用拼音命名的目录往往连一个月后的自己都看不懂，
脚本编写
我们应该有一个脚本整体风格一致的概念，意思是一个月后和一个月前的你写的脚本风格保持一致，以及同一个工作组中不同的开发人员编写的脚本风格保持一致，因为我们不可能永远孤立的开发，你随时都有可能和三个月前的自己合作（你的客户要求改版），也经常要和工作室中不同的同事共同开发一个项目，还有可能被要求修改已经离职人员开发的脚本，当然你自己也有可能会扔下一个项目给后来的同事。
1.Html文件的通用模板：
<html>
<!--
Generator:SubDesignStudio()
CreationData:2000-8-1
OriginalAuthor:eastline
-->
<head>
<title>文档标题</title>
<metahttp-equiv="content-type"content="text/html;charset=gb2312">
<metaname="author"content="eastline">
其他meta标记
<linkrel="stylesheet"type="text/css"href="style/style.css">
样式表定义
客户端javascript函数定义及初始化操作
</head>
<bodybgcolor="#ffffff">
……
</body>
补充：
为了保证网站能够与下一代的web语言xml标准兼容，所有的HTML标签的属性都要用单引号或者双引号括起，即我们应该写<ahref=”url”>而不是<ahref=url>.
2.允许全文检索的页面，为了使Internet上的搜索引擎能够有效检索，在频道的首页的html的<head></head>之间应该加入Keywords和Description元标记，例如：
<metaname=”keywords”content=”东方新干线，汽车，买车”>
<metaname=”description”content=”东方新干劲线，全球中文汽车信息第一站”>
3.CSS文件的格式样例代码：
<styletype="text/css">
<!—
p{text-indent:2em;}
body{font-family:"宋体";font-size:9pt;color:#000000;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}
table{font-family:"宋体";font-size:9pt;line-height:20px;color:#000000}
a:link{font-size:9pt;color:#FFFFFF;text-decoration:none}
a:visited{font-size:9pt;color:#99FFFF;text-decoration:none}
a:hover{font-size:9pt;color:#FF9900;text-decoration:none}
a:active{font-size:9pt;color:#FF9900;text-decoration:none}
a.1:link{font-size:9pt;color:#3366cc;text-decoration:none}
a.1:visited{font-size:9pt;color:#3366cc;text-decoration:none}
a.1:hover{font-size:9pt;color:#FF9900;text-decoration:none}
a.1:active{font-size:9pt;color:#FF9922;text-decoration:none}
.blue{font-family:"宋体";font-size:10.5pt;line-height:20px;color:#0099FF;letter-spacing:5em}
-->
</style>
这里尤其要注意的是a:linka:visiteda:hovera:actived的排列顺序一定要严格照上面的样例代码，否则或多或少会出问题。另外我们规定重定义的最先，伪类其次，自定义最后，便于自己和他人阅读！
为了保证不同浏览器上字号保持一致，字号建议用点数pt和像素px来定义，pt一般使用中文宋体的9pt和11pt，px一般使用中文宋体12px和14.7px这是经过优化的字号，黑体字或者宋体字加粗时，一般选用11pt和14.7px的字号比较合适。
在写<table>互相嵌套时，严格按照的规范，对于单独的一个<table>来说，<table><tr>对齐，<td>缩进两个半角空格，<td>中如果还有嵌套的表格，<table>也缩进两个半角空格，如果<td>中没有任何嵌套的表格，</td>结束标记应该与<td>处于同一行，不要换行，
如我们注意在源代码中不应有这样的代码：
<td><imgsrc=”../images/sample.gif”>
</td>
而应该是这样的：
<td><imgsrc=”../images/sample.gif”></td>
这是因为浏览器认为换行相当于一个半角空格，以上不规范的写法相当于无意中增加一个半角空格，如果确实有必要增加一个半角空格，也应该这样写：
<td><imgsrc=”../images/sample.gif”></td>
属于同一个级别的<table>一定是左首对齐的，另外不允许没有任何内容的空的单元格存在，高度大于等于12px的单元格应该在<td>和</td>之间写一个如果高度小于12px,则应该在<td>和</td>之间插入一个1*1大小的透明的gif图片，这是因为某些浏览器认为空单元格非法而不会予以解释。如果代码顺序较乱，在DW3中可以通过command->applysouceformatting进行重新整理！
5.Width和height的写法也有统一的规范，一般情况下只有一列的表格，width写在<table>的标签内，只有一行的表格，height写在<table>的标签内，多行多列的表格，width和height写在第一行或者第一列的<td>标签内。总之遵循一条原则：不出现多于一个的控制同一个单元格大小的height和width,保证任何一个width和height都是有效的，也就是你改动代码中任何一个width和height的数值，都应该在浏览器中看到变化。做到这一条不容易，需要较长时间的练习和思考。
一般原则
1.在排布表格之前，请大家一定要好好思考一个最佳的方案，表格的嵌套尽量控制在三层以内，并且应该尽量避免<colspan><rowspan>两个标记，经验表明，这两个标记会带来许多麻烦。
2.一个网页要尽量避免用整个一张大表格，所有的内容都嵌套在这个大表格之内，因为浏览器在解释页面的元素时，是以表格为单位逐一显示，如果一张网页是嵌套在一个大表格之内，那么很可能造成的后果就是，当浏览者敲入网址，他要先面对一片空白很长时间，然后所有的网页内容同时出现。如果必须这样做，请使用<tbody>标记，以便能够使这个大表格分块显示。
3.排版中我们经常会遇到需要进行首行缩进的处理，不要使用或者全角空格来达到效果，规范的做法是在样式表中定义p{text-indent:2em;}然后给每一段加上<p>标记，注意，一般情况下，请不要省略</p>结束标记。
4.原则上，我们禁止用<imgwidth=?height=?>来人为干预图片显示的尺寸，而且建议<img>标签中不要带上width和height两个属性，这是因为制作过程中，图片往往需要反复的修改，这样可以避免人为干预图片显示的尺寸，尽可能的发挥浏览器自身的功能；但是这样的一个副作用是当网页还未加载图片时，不会留出图片的站位大小，可能会造成网页在加载过程中抖动（如果图片是插在一个固定大小的表格里的，不会有这个现象），尤其是当图片的尺寸较大时，这种现象会很明显，所以当预料到这种会明显导致网页抖动的情况会发生时，请大家务必在最后给<img>附上width和height属性。
5.为了最大程度的发挥浏览器自动排版的功能，在一段完整的文字中请尽量不要使用<br>来人工干预分段。
6.不同语种的文字之间应该有一个半角空格，但避头的符号之前和避尾的符号之后除外汉字之间的标点要用全角标点，英文字母和数字周围的括号应该使用半角括号。
7.所有的字号都应该用样式表来实现，禁止在页面中出现<fontsize=?>标记。
8.请不要在网页中连续出现多于一个的也尽量少使用全角空格（英文字符集下，全角空格会变成乱码），空白应该尽量使用text-indent,padding,margin,hspace,vspace以及透明的gif图片来实现。
9.中英文混排时，我们尽可能的将英文和数字定义为verdana和arial两种字体。
10.行距建议用百分比来定义，常用的两个行距的值是line-height:120%/150%.
11.网站中的路径全部采用相对路径，一般链接到某一目录下的缺省文件的链接路径不必写全名，如我们不必这样：<ahref=”aboutus/index.htm”>而应该这样：<ahref=”aboutus/”>
12、嵌入图形文本的使用较大的字体，建议不要在图形中包括文本。
13、“网页大小”定义为网页的所有文件大小的总和，包括HTML文件和所有的嵌入的对象。用户喜欢快的而不是新奇的站点。对于解调器用户，网页大小保持在34K以下为合适。
/文件命名原则
1.每一个目录中应该包含一个缺省的html文件，文件名统一用index.htm
2．文件名称统一用小写的英文字母、数字和下划线的组合。
3.命名原则的指导思想一是使得你自己和工作组的每一个成员能够方便的理解每一个文件的意义，二是当我们在文件夹中使用“按名称排例”的命令时，同一种大类的文件能够排列在一起，以便我们查找、修改、替换、计算负载量等等操作。
4.下面以“新闻”（包含“国内新闻”和“国际新闻”）这个栏目来说明html文件的命名原则：
在根目录下开设news目录
第一条缺省新闻取名index.htm
所有属于“国内新闻”的新闻依次取名为：china_1.htm,china_2.htm,…
所有属于“国际新闻”的新闻依次取名为：internation_1.htm,internation_2.htm,…
如果文件的数量是两位数，请将前九个文件命名为：china_01.htm,china_02.htm以保证所有的文件能够在文件夹中正确排序。
5.图片的命名原则遵循以下几条规范：
名称分为头尾两两部分，用下划线隔开。
头部分表示此图片的大类性质，例如广告、标志、菜单、按钮等等。
一般来说:
放置在页面顶部的广告、装饰图案等长方形的图片我们取名：banner
标志性的图片我们取名为：logo
在页面上位置不固定并且带有链接的小图片我们取名为button
在页面上某一个位置连续出现，性质相同的链接栏目的图片我们取名：menu
装饰用的照片我们取名：pic
不带链接表示标题的图片我们取名：title
依照此原则类推。
二、任务驱动教学法
所谓的任务驱动教学法就是给学生一个任务，由学生来完成，教师可以从旁指导和帮助，在任务的驱使和激励下促使学生主动学习，积极探索，相互合作的学习方式。值得注意的是，教师在使用这一教学方教学法是建立学生必须已经掌握一定的基础知识，学会如何使用一些基本的应用软件的基础上，因此任务驱动教学法并不是以教材和知识点为中心，而是以培养和锻炼学生的在网页设计和制作上的综合运用能力为中心。在实际的高职《网页设计与制作》教学中，教师可以通过专题或者话题的形式，在交流中引导和启发学生，然后定下一个主题，让学生围绕主题来设计出一个完整的网站。由于完整的网站涉及的内容较多，包含目标需求分析、网站定位、网页规划、内容收集、网页设计、内容排版以及文字和图片的处理编排等，因此教师在教学中可以采用小组合作的模式，从而提高学生的合作能力和人际交流能力；也可以由一个学生单独完成，期间教师可以组织几次检查和交流活动，对自己的作品进行不断地修改和完善。通过任务驱动教学法可以使学生对网页设计和制作的流程有一个全面的认识，让学生掌握系统的网页开发流程，同时也有利于提高学生团队协作能力、创新能力、独立解决问题的能力。
三、活动探究教学法
活动探究是高职《网页设计与制作》教学中重要的教学组成部分，有助于学生开展项目学习，在活动探究过程中学生可以掌握到大量的知识内容和技能技巧，能够帮助学生在网页制作和网站开发的过程中创作出更加优秀的作品。所谓活动探究教学法，就是指教师向学生提供定的资源和信息，由学生从已有的材料中进行挖掘和拓展，让学生对教学项目中的问题进行主动的探索和研究，从而促使学生构建和完善自己的知识体系。此外，学生在进行探索时，教师也要从旁进行观察和指导，对于学生不当的行为要予以纠正，对于做的好的学生给予表扬和鼓励。比如在设计网页链接的过程中，有不少学生对外部文件与网页内的链接出现疑问，教师可以就这个问题对全体学生进行示范和讲解，一方面使得学生对所学有更充分的了解，另一方面保持学生的学习热情和积极性，使学生能够将作品完整的制作出来，从而有效地提高高职《网页设计与制作》的教学效率和学生的综合素质。
后续课程《网络信息系统开发与利用》要求学生能读懂HTML代码并能修改或编写，也会影响此课程的学习。早期页面布局方法一般为表格布局，现在这种技术已经落后被淘汰，取而代之的是DIV+CSS技术，此方法使页面内容和显示效果完全分开，页面元素的布局更加灵活，网站在制作过程中风格的统一、后期网站风格的改变及网站的维护更新将会变得更加方便。
1.2确立课程教学目标“网页设计与制作”实践培训课程主要面向网页设计人员必备的一些基本技能，使学生能够具备以下四方面的能力，基于以上表格的内容“，网页设计与制作”这门课程采取了以“教师为主导地位，学生作为主体”的模式进行教学的，这种模式符合我校的教学和管理模式的要求，让老师根据学生的特点来指导《网页设计与制作课程》的探索、分析、研究以及改善学生的实践操作动手能力。采用任务驱动的教学模式方法，在课堂上以案例为主进行实践教学环节。在教学过程中可使用网页模型为例，根据教学内容的安排和要求，教师引导学生并为学生创造环境，让学生快速发现、探索和解决网页中的问题，来激发学生的好奇心和欲望，带动学生兴趣，促进学生的创新能力。
2课程教学体系的基本思路
在“网页设计与制作”课上协调好教学课程，努力使学生变被动学习为主动学习，树立以学生为中心，师生关系和教学岗位、教师与学生之间，通过师生关系和互动创造了良好的教学氛围，这是教学改革进程的一个重要组成部分。有效的学生交流机制是建立学生互动的良好基础。
3课程教学体系构建
3.1课程内容结构
“网页设计与制作”作为计算机类专业课程实践环节，可以作为其他相关专业的实践课程或选修课，这是一个操作性和实用性并重的课程。因此，在这个过程以系统建设，网页设计人员培训为目标，培养应用型人才为主线，来从构建课程知识，能力及素质建设，并注重实用技能。如下图1所示：
3.2教学内容的组织和安排
教学内容是教学中的重要组成环节，在教学内容上，要重视理论知识联系并应用到实际中的这一过程的安排，以更好地将传播知识、培养能力、素质教育的要求恰当的整合起来，进而达到更好的教学目的。
（1）理论与实践相结合。强调知识和技能的结合，突出实际生产现场，将实际操作技能作为重点，加大实践教学。抓住课程内容的基本要求，妥善处理相关课程和教学内容。在整个课程后，每个系列都配备了完整的课程专题，最后安排一个星期的课程设计。
（2）理论与实际相结合结合学生实际情况的要求，安排公司的网页设计工作，开展顶岗实习培训，提高解决实际问题的能力，更好地让学生有机地学习各部分掌握的内容。
3.3实践教学方法
由于传统的时间和空间的有限性的课堂，使教师不能充分利用教学资源，以达到最佳的教学效果;而网上教学是无限的空间，考虑信息容量等因素的影响，可最大限度地利用教学资源。对于学生在房间里探索互联网，学生在BBS平台上讨论，举行每学期的网页设计大赛，根据学生对教学网站的工作，让学生选择入围的优秀作品，再由老师评出学生奖项。
4课程教学体系建构
这个课题的意义是实现理论和实践的融合，实现学生的思维、行为和态度的整合，要求学生全面发展。
4.1运用多层次的教学方式
教学改进一直是教学改革的重点。怎么样能更好地体现教学特色，怎么样能实现教学目标，解决这一问题的教学方式就是采用多层次的教学方法，如：教师进行案例分析，教师和学生共同模拟和角色扮演的场景以及其他创新教学方法，而这种多样化的教学手段体现三个注意层面，分别为：老师讲课实践指导，开放自我的做法，引导和探索性实践相结合“，进而实现教学中的多层次的教学方式。
4.2开展多元化的教学活动
基于多种教学方法，我们可以开展各种教育活动，主要是在“知识交流和自学相结合、综合教学实践与研究相结合、课堂培训和课外活动相结合”原则下进行的多样教学活动，如使用任务驱动教学。任务驱动教学法让学生从一个典型的任务开始，从网络的实际工作流程设计出发推动教学活动，抓住设计问题的重要而艰巨任务。教学应遵循两个原则：第一，循序渐进的原则，根据学生接受不同的能力，目前的水平和兴趣，从简单到复杂，从外到内;二是要提高的思想能力，注重教学生一种思想，解决问题的方法，引导学生运用多种方法来解决同样的问题。在这个过程中，学生可以继续获得成就感，更能激发他们的求知欲望，培养独立探索的自主学习能力和开拓精神。
4.3进行多重性的能力培养
这就要求我们的学生应具备基本课程知识，基本技能，操作课外协作，从中调动学生学习积极性网页教学活动,促进学生在实际应用中的能力的展，同时沟通，心理学专业素质，这样才能真正的得到业务综合能力。实现这一目标，既满足标准和市场需求，有使得我们在培养理论知识，基本技能外，还巩固和着力加强对学生动手能力的训练.培养多重性能力，是学生的学习知识、学习技能以及培养学生的网页素养、能力通过中建立教学平台，利用课堂教学的各个电子内容，让便于自学的学生放学，提高学习水平，可以丰富学生的学习资源。
【关键词】
网页设计；课程改革；教学模式
《网页设计与制作》是一门实践性极强的课程，也是为满足社会需求而设置的。网络是人们获取信息的重要来源，随着网络在人们生活中的地位逐渐上升，企事业单位和政府机构以及个人通过网页来宣传自己的单位和个人形象。因此，提高学生对网页设计的兴趣、培养学生自己开发网站的能力显得尤为重要。
1激发学习兴趣，鼓励创新精神
1.1案例教学古语讲“学起于思，思源于疑”，良好的学习兴趣是学习的先导。首先采取案例教学，摒弃传统的教学方法。在传统的课堂上，教师讲授理论知识，之后学生进行上机练习。往往会造成机房内操作过程中无处下手。因此，结合教学内容和目标选取典型的案例进行案例教学法能够很好的解决这个问题，提高教学效果。枯燥的理论与实际案例相结合，在课堂上及时展示网页设计的效果，必将为课堂带来全新的效果，对于学生熟悉理论知识和实际操作能力也能全面加强。激发学生的学习兴趣、鼓励创新精神，化被动为主动和提高学生解决实际问题的能力是网页设计课程改革的出发点。
1.2互动教学建立教学网站，开设相应的学习论坛。在网站上传课堂视频、经典课件、网页设计的学习资料以及课堂作业，加强师生的交流、资源共享。学生在课堂上不可能掌握教师所讲的所有内容，加强互动交流和平台建设这样有助于学生的课后复习巩固，清楚学生在课堂上的疑问。
2实验设计与大作业制作标准
制作一个主题网站，主要从下面三个主题中选择：个人网页、校园生活、文学。综合运用本课程所学的内容知识，导航、布局清晰、信息分类合理。可以从网上下载部分资料，但是不能超过整个内容的30%，绝对不允许直接从网上下一个网站，一经发现直接记0分，总的页数应超过8页。（一个包含主题内容的html文件或asp文件算一页。）具体要求如下：（1）站点结构清晰，站点内文件夹名、文件名命名规范，杜绝使用中文汉字。(5分)（2）页面布局可采用表格或者css+div。（10分）（3）创建模板，并根据模板至少创建1个页面。（10分）（4）为一个页面添加浮动框架，并有链接的页面显示到浮动框架部分。（10分）。（5）使用css样式美化网页。（10分）（6）网页中必须有插入图像、文字、鼠标经过图像等页面元素，并与主题相关。（10分）（7）要求首页中加载5种链接方法：内部链接，外部链接、邮件链接、锚点链接、图像链接。（15分）（8）网站中应用的方法和技巧的种类多少。（10分）（9）网站中无断掉的链接和孤立的文件。（10分）（10）制作一份网站设计说明书，放在站点总文件夹中，并用A4纸打印一份。（该说明书必须能够体现制作网站的过程，否则视为抄袭以0分计。）（10分）在网站制作过程中应注意以下几点事项：（1）建立站点，图片存放在文件夹images中。（2）所做网页的首页文件名必须为index.html。（3）不要忘记给每个页面命名。（4）所以文件和目录名全部使用英文字母和数字，不得汉字和全角字符。（5）网上下载的文字要注意删除多余的超级链接和？之类。（6）最好在每个页面加一个超级链接返回首页。（7）网页的总容量一般不要大于15mb。（8）如果网站制作粗糙，站点结构混乱，每个扣5-10分。（9）如果运用的动画、图片等不符合作品反映内容扣5-10分不等。将制作的网页及说明书压缩成一个文件，文件名为：学号_姓名_班级。
3团队协作
在网页制作过程中，鼓励学生进行分组讨论，以团队形式完成作业，培养学生的团队协作能力。在制作过程中，将同学们以5-7人分成一个课题小组，按照分工协作、组长负责的原则加强同学之间互相讨论、互相学习、取长补短，一个团队的同学共同思考完成一个网站的制作，锻炼学生的合作精神。设计多个题目供学生选择，学生可以自选题目，充分发挥学生的兴趣和主观能动性，在规定时间内完成最后进行网页设计汇报演示。
4《网页设计与制作》课程的考核标准
多数课程通常采用笔试的方法，然而计算机类课程考核的重点是实际操作能力而非单一的理论知识。《网页设计与制作》这门课程考核内容过多偏于死记硬背的记忆性知识考核，就恰恰忽略了课程本身的性质，因此应重点培养学生的实践能力。《网页设计与制作》的课程考核方式要全面反映学生的真实学习水平、激发学生的学习兴趣和制作灵感。为充分调动学生课堂以及课后完成网页制作的积极性，在具体的考核中平时成绩占总成绩的20%，期末大作业的网站设计占总成绩的80%。这样能够调动学生上课以及完成课堂练习和实验任务的积极性。
5结语
网页设计的人才培养目标和方案必须适应市场经济对人才的需求，培养具有能够自主思考、开拓创新和独立解决实际问题能力的学生，这也是高等教育的基本目标。结合课程改革的《网页设计与制作》教模式以学生为主题，发挥学生的主观能动性，鼓励团队协作和师生平台交流必将发挥重要的作用。
参考文献：
[1]马国德.对提高课堂教学质量的一点思考[J].青海教育,2002(04):18.
[2]刘显丽.网页制作课程的整合研究[J].辽宁教育行政学院学报,2005,(02):125-126.
[3]尹玉菡,杨万军.非计算机专业《网页设计制作》课程教学设计与实践[J].辽宁师专学报,2010,12(01):44-45.
[4]史科蕾，高咏欣.《网页设计与制作》课程的教与学[J].信息技术与信息化,2007(02):129-131.
[5]刘强,张阿敏,翁艳彬.网页设计与制作[M].北京:高等教育出版社,2010.
网页设计课程是一门综合性很强的课程，既需要技术作为支持，同时也需要美感。为了提高课堂教学质量，在教学实践中从教学内容、教学方法、实训几方面进行了探讨与实践，在这里谈一谈自己的一些体会。
一、明确教学目的，把握教学内容
基础学习很重要，要打好网页设计的基础。学完网页设计这门课程，学生最基本的是要掌握至少一门的网页编辑软件并制作出简单的页面。就此，老师来安排自己的教学。
1.掌握一门好的网页制作工具
我认为，目前最好的网页制作工具是Dreamweaver，Dreamw-eaver一直以来作为可视网页编辑工作的标准，它在代码编辑和应用程序开发方面的功能比较强大。同时，制作网页中的动画素材可以选择Flash，处理和制作网页中的图片可以选择Fireworks，这三个软件具有良好的嵌入性，被称为“网页三剑客”。
2.要求学生能够利用Dreamweaver设计各种网页，开发一定规模的网站
授课时以Dreamweaver为主线，讲授网页设计、HTML语言、CSS、Javascript语言及动态网页设计的基础知识。
（1）重视对HTML的教学，HTML可以说是网页的灵魂，网页的最基本构成是HTML标记符。熟练掌握了HTML语言，可以很轻松地修改网站的网页结构，而且对SEO网站优化很有用处，另外，无论是PHP、ASP、NET、JSP等网站编程语言，都要用到HTML。所以说学习HTML是我们学习制作动态网页的基础。
（2）掌握CSS的基本使用。CSS就是一种叫做样式表的技术，也有人称之为层叠样式表。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制，可以轻松地控制页面的布局。
（3）掌握Javascript脚本语言应用基础。Javascript语言简单，但功能强大，具体有几点功能：
①制作网页特效
②提升使用性能
③窗口动态操作
④摆脱现实环境的束缚
所以，学生掌握Javascript脚本语言对网页制作有很大的帮助。
二、把握好课堂，多采用实例教学
1.教学，首先要把握好课堂
一次课，45分钟的理论教学是枯燥和沉闷的，因此首先要在多媒体教学课件上下工夫。课堂教学的灵魂是多媒体教学课件，它不只是文字与图像的组合，还融合了音频、视频和动画信息等各种元素，使课堂变得更加生动和精彩，这样可以大大提高学生的学习兴趣。
2.用实例作为课堂切入点
要想让课堂生动活跃，就要充分调动学生的学习积极性。为此，我们需要找到学生感兴趣的内容作为切入点。网页设计是一门实践性很强的课程，教师可以用实例作为课堂切入点。课堂上可以先演示实例，让学生看到实际效果，引起学生学习兴趣，然后以实例引出具体知识点，将知识点融入具体实例中。比如，在表格布局和内嵌框架的教学模块中，我们采用任务驱动教学内容如下：
演示案例：制作一个介绍作家的站点，包含6个页面，主页为内嵌框架页，其余页面为“作者生平”“作品简介”“文学评论”等等。页面导航放置在表格左下位置，框架内放置目录中超链接的内容。
基本要求：在此案例中，再添加“经典文章”和“关于我们”两个内容，资料在网络中获取，适当设置网页的背景以及文本属性，使页面美观大方。
较高要求：用此站点结构制作一个介绍自己的个人站点，要求至少包括6个页面以上，主页用内嵌框架结构，站点中导航清晰，布局合理，美观大方。
三、强化阶段实训，培养学生的动手能力
实训教学是教学过程中的重要环节。网页设计课程实训内容的选择要真正做到以技能培养为目标。在实训过程中，学生可以自行查阅资料，根据自己的兴趣设计网站，独立完成。也可以分组完成，鼓励学生以团队协作的方式完成某一个网站项目，锻炼学生的团队协作能力。
四、其他方式
要想让学生学习掌握网页设计课程，单靠课堂教学还是不够的，可以在校园内举办一些网页设计的比赛，通过比赛，既可以更大地提高他们对此课程的积极性，也可让学生找到差距，激励他们努力，不断提高网页设计水平。
五、结束语
在教学过程中，从学生感兴趣的角度出发，对课堂理论教学、实例教学和课程实训等方面进行探讨和改革，能使学生从被动学习转变为主动学习，提高其实践操作技能，拓展其知识面。在未来的社会中，网页在生活中所起的作用将越来越重要，对这门课程的教学要求也越来越高，教师的教学要适应科技的发展，要有改革进取的精神，培养能真正适应社会的人才。
参考文献：
［1］韩陵宜.中职学校《网页制作》课程教学的探讨.电脑知识与技术，2005.
中图分类号：TP393 文献标识码：A 文章编号：1673-9795（2014）02（b）-0063-02
据中国互联网信息中心统计，全国数千网万网民中37.8%有过网上购物的经历，随着网络和电子商务的快速发展，网页设计制作也成为网络时代重要的技能之一。电子商务网页制作是电子商务专业的核心课程，要想设计制作出精美的电子商务网页，需要学生多思考、多练习，如何选择一种教学方法使学生用专业网页制作工具构建商务网站，是值得我们关注和研究的，学生是教育的主体，要充分考虑技校学生的实际情况，在设计项目时要激发学生对活动的参与，在理论知识和工作任务之间建立联系，让学生掌握整个项目任务的工作过程，从教学实际出发，将项目教学法应用到电子商务网页课程的教学实践中，教学效果显著，学生能够积极探索，自主学习，注重的不是学生的最终学习效果，而是完成项目的过程。学生在项目实施的过程中合理运用知识和技能，体验创新的艰辛与乐趣，从而有效提升学生提出问题、分析问题及解决问题的能力。有针对性给予相关知识与技能的指导使学生对商务网站的制作有一个系统全面的掌握。
1 在电子商务网页制作教学中采用项目教学的理论依据
1.1 项目教学法介绍
项目教学法就是以项目为载体，以任务为中心并融合相关知识和技能，以学生为活动主体实施项目教学方法，也就是将教学内容融入项目实施过程的一种教学方法。项目教学法以项目为中心，有明确的任务，能让学生围绕已学习知识和学习资源，使学生学习的主动性、积极性得以发挥。在运用项目教学进行电子商务网页教学设计时，需要将网页的制作流程分成一个个的任务，每个任务先通过教师来演示所用到的知识要求，具体的任务安排由学生操作来贯穿整个教学，以实际的任务来驱动学生的学习，使学习过程是一个不断成功完成任务的过程。通过学习，一方面使学生能够综合运用已学的课程知识，真正做到理论结合实际，真正掌握电子商务专业的核心能力，并具备一定的原创水平；另一方面，通过实施分段项目培养模式，不仅可以及时发现学生的个性特长，而且对学生综合能力的培养和团队合作精神的训练，从而提高了学生的学习效率。
1.2 电子商务网页制作课程运用项目教学的必要性
电子商务网页制作课程是电子商务专业的主干课程，是理论和实践相结合，借助Dreamweaver软件，进行商务网页的设计与制作，在以往的教学模式中，该课程是以教师讲授理论知识和案例为中心的教学方式，只针对学生能否掌握软件的基本操作，而忽视了培养学生专业知识的培养，从而造成了学生只会按照老师布置的实例操作，联系到具体的电子商务网页制作中就不知道如何操作，不能消化所学的知识，对学生未来适应多变的工作环境对理论知识的需要，而项目中的技能学习也不能给学生提供足够的使技能达到专业的水平。在电子商务网页制作教学中采用项目教学主要是带动专业知识的学习和能力的培养，以创作的商务网站来检验电子商务网页制作课程的教学效果。
2 在电子商务网页制作教学中实施“项目教学法”
运用“项目教学法”进行电子商务网页制作教学时，从“项目确定、项目分组、项目实施、项目检查”四个方面来完成。
2.1 确定项目
通过前期对威客网企业人才需求调查，选择设计一个好的适合电子商务网页制作课程的项目，对项目教学实施效果的好坏有着直接的影响。项目的设定要将教学任务的知识点和实际操作相结合，让学生在项目制作的过程中学习到相应的理论知识点，同时，要考虑到技校学生的认知能力、实践能力和兴趣特点等实际情况，同时还要考虑项目的实现价值，把不同类型的电子商务网站作为项目案例，如淘宝网、京东商城，美团网等，通过对不同商务类网站的制作了解不同的网页制作技巧和网页布局。具体过程如下：在电子商务网页制作这门课程中，选择制作一个主页和若干个辅页的商务网页作品。它涵盖了这门课程需要学习的所有工作任务。在进行电子商务网页课程项目设定时要求将电子商务网页课程划分为七个项目，每个项目里划分为不同的任务，要紧密联系课程设置、课程目标、课程内容、学时和学分等内容，在电子商务网页制作这门课程中，分别设置了网页设计概述、超链接的制作、网页布局、网页修饰、网页特效、动态网页和电子商务网页综合制作这7个项目来进行课程的设置。课程内容从简单到复杂，每个项目都包括电子商务网页制作课程全部任务所构成的完整的工作过程，如网页修饰项目中，我设计了两个任务，第一个是制作精美的网页内容，涵盖的所用的文字、图像与文字的位置关系、图片边框等技能要点，第二个是制作公司的主页，主要内容网页中表格的制作、网页中插入Flash、文字滚动等效果的制作。通过这个项目让电子商务网页制作学习由浅入深，循序渐进。
2.2 项目分组
项目确定下来之后，学生分组是一个重要环节，在练习项目这一教学层次中，一般5～6个人一组，分组时根据学生的知识结构，学习能力，性格特点等形成互补搭配，并选出一名组织能力较强的学生为组长。并选定一位组长，组长负责成员任务的分配，并监督实施各方面的工作。在项目分组阶段提出项目创作的要求和说明，给出项目评价方案，并制定小组的管理制度。按照已确定的工作步骤和程序进行项目的制作。
2.3 项目实施
项目实施过程中主要以学生相互协作为主，教师在指导一些理论知识和给出与企业岗位相关的情境，在学生学习的过程中，如在设计电子商务网页制作的流程项目中通过具体网站的制作，分别设计了整体规划，网页布局、网页制作、网站和网页测试这五个任务，让学生有充足的制作时间和空间，到网上搜集一些知名的电子商务网站，引导学生一步步学习网页设计，并动手进行项目的制作，在制作过程中，如网页整体规划这个任务中，如何设计企业的LOGO、表现商家广告内容的图片（Banner）以及网页色彩的搭配技巧等方面，找一些比较好的文字内容、图片处理效果、好看的主页引导动画效果等处理逐步先完成各个小项目，最终完成整个项目。学生按照电子商务网页制作的流程进行素材的收集、小组成员之间的信息交流、小组讨论、小组合作，合成项目作品并进行完善，选择制作一个项目要尽量来源于实际的工作情境，以更为有效的培养学生的实际工作能力。
2.4 项目检查
项目教学结果的检查是开展项目教学活动不可缺少的一个重要环节，在电子商务网页制作课程中，采取成果展示，小组互评，教师评价相结合的方式，当学生完成了作品，要对各项目小组进行项目成果的展示和作品交流，在展示过程中对每个项目小组遇到的问题、困难及解决办法收获与感受，活动小结等多个方面进行交流。教师应尽量让学生发表自己的意见，从而达到取长补短的效果。之后再由教师对整个项目工作成绩进行评价或评分。评价学生掌握了哪些理论和技能知识，并对存在的问题进行分析，以学生完成项目的情况来评价学生的学习效果。
3 项目教学中在电子商务网页教学中的效果
在应用项目教学法进行电子商务网页制作教学后，学生能真正理解该课程的学习目的和价值，提高了学生对电子商务网页制作流程的深刻理解和应用能力。项目教学法强调以学生为主体，调动学生的积极性，增加学生的参与能力，提高学习的效率，如教网页中的框架项目时，框架对于学生来说是比较难学的，在设计教学任务时，首先由教师来讲解框架的基础知识和演示框架的设计，突破难点，培养学生的学习兴趣，学生通过学习、实践、使所学的知识转变为实际运用能力。
项目教学法吸取了探究教学法，任务驱动教学法与案例教学法优点，以项目作为教学对象，通过协作学习的方式开展学习，只要我们能在电子商务网页制作教学过程中充分合理地运用“项目教学法”，就一定可以为学生找到一种行之有效的学习方法，从而增加学生对电子商务专业学习的兴趣。为今后的工作打下一个坚实的基础。
参考文献
[1] 郑琦，肖红.以能力为本位、项目化的高职课程改革与实践[J].广西教育，2011（9）：49-50，54.
中图分类号：TP3 文献标识码：A 文章编号：1007-9416（2013）01-0197-01
随着Internet和Intranet的飞速发展，校园网建设日渐普及，越来越多的家庭连上了Internet，如果我们的课件也能在网上，那么远程教育、异地学习将不是梦想，因此基于Web的网页型课件成为网上教学资源的主要形式，做为跨世纪的大学教师，掌握web课件的制作方法十分必要。
1 同传统CAI课件相比，web课件的优势
首先，WWW（万维网）和Intranet技术已经很成熟，而WWW是网上资源最主要的形式。信息可以在任何地方以网页的形式到网络中，而浏览器则可以在任何地方经由网址访问到任何网页，因此可以把WWW看成为分布式媒体封装系统。实践表明这种简单的全球信息共享技术非常有效。
其次，由于技术的发展，当今的网页已不是先前静态、呆板、交互弱、多媒体效果差的状况，动态交互网页已能达到一般多媒体光盘软件同样的效果。
第三，制作网页的工具软件非常丰富，又易于掌握。对大部分非专业计算机人士来说，掌握基于Web的网页型课件制作方法远比掌握以前的多媒体制作方法更为容易，比如作为office家族成员之一的FrontPage，由于其界面类似word而易于被广大教师掌握。
第四，现在我们所使用的微机（不论上网与否）上基本都安装是Windows98以上版本的操作系统，本身带有IE浏览器等软件，运行网页型多媒体课件非常方便（不存在安装等问题）。
2 基于CSS的Web课件制作的方法
CSS样式表是网页设计中一个非常有用的工具，利用CSS样式表可以统一设置各页面的格式，不必一页一页地修改，大大提高了课件制作效率。下面分阶段讨论Web课件制作。
第一阶段：素材准备阶段。俗话说“巧妇难为无米之炊”，跟传统课件的制作步骤一样，首先要为制作课件搜集素材。将制作课件需要的图片、文字、视频、音频等素材首先准备好。
第二阶段：课件制作阶段。基于CSS的Web课件的基本思路仍象传统多媒体软件制作思路，主要分为两个问题，一是各种多媒体素材的制作，二是网页的编制。
在多媒体素材的制作上，与通常多媒体软件制作有所不同，网上的多媒体素材制作要求数据量一定要尽可能小，因此需要采用压缩方式和技术，如：声音要制成MP3或符合RealAudio的格式；视频采用MPEG格式；图片采用GIF或JPEG格式；动画采用GIF或Flash格式等等。要注意的是，网上多媒体技术发展很快，如新的压缩方式、流媒体技术等。在制作时，尽可能采用最新的技术和格式。
第三阶段：网页阶段
如果想让学生在课下时间通过课件学习、复习，就可以将课件在自己的电脑上或者局域网服务器上，如果想给大家一个相互讨论和交流的空间，还可以做成动态网站的形式，利用数据库技术，做一个论坛。可以利用Windows的IIS（Internet Information Server）组件自己的网站。
3 《JavaScript脚本程序设计》课程的Web课件制作
（1）素材准备：本课件的素材为教科书中的知识点、例题源代码和程序流程图，图片采用GIF格式。
（2）课件制作阶段：
制作工具的选择：此课件为静态网站，我们选择Office的成员Frontpage2003来制作。其中的图片采用了Photoshop作了简单处理。
课件的结构设计：首先在首页中列出课程目的和学习要求，接着列出课件的目录。为方便学生的学习，根据教科书的章节目录列出学习内容，并分别对章节目录加上超链接，链接到各个章节；最后是开发环境与工具介绍。还可以在每章学习结束后加上些测试题目来检测学习效果。
由于Javascript脚本程序直接用浏览器解释执行，所以采用Web型课件非常方便调试脚本程序，可以直接在课件上超链接到需要运行的程序，然后点击链接就可以在课件上演示程序的执行效果。
（3）CSS的应用。利用CSS样式表可以统一设置各网页的页面布局，比如调节各级标题和正文的字体大小，只需要修改CSS样式表中的字体属性值就可以做到，这也是网页型课件的独到之处。下述代码是此Web课件的CSS样式表代码：
A：hover {color： green}
A：active {color： red；}
a：link { text-decoration： none }
a：acitve { text-decoration： none }
a：visited { text-decoration： none }
body { background-color：white；font-size： 24pt }
p { font-size： 18pt }
h1， h2， h3， h4 { color： maroon；}
h1 { font-size： 22pt；margin-bottom： 0}
h2 { font-size： 21pt }
h3 { font-size： 20pt }
h4 { font-size： 19pt }
（4）网页。通过建立主目录或虚拟目录，将课件打包在主目录或虚拟目录中，只要知道主机的IP地址就可以实现远程访问课件。
4 结语
网页型课件易于制作，方便访问，是一种值得推广的课件制作方式。随着网络的发展和知识传播和更新的加快，网页型课件将成为主要的学习载体。
参考文献
随着互联网技术的发展、普及且互联网在信息宣传上商业价值日渐凸现，使得互联网作为世界上第三大媒体深入人们生活的方方面面。为了满足市场对网页设计人才的需要，各大高职院校都相继开设网页设计课程。但是，网页设计课的教学与现实有一定差距。本文就在分析网页设计教学的基础上对课程改革做进一步的探索。
【关键词】网页设计 教学改革
目前，网页设计课程涉及网站功能、建设及管理方法和网页制作技术及业界最新动态，是计算机专业及理工类学生公修课程和大学生较喜爱的选修课。高职院校网页设计教学要求以理论教学为核心和实际操作为重点，通过网页设计实践将网页设计理论和相关动画理论和美学知识运用于熟练操作中来培养学生基本技能并提升其综合能力。为了提高网页设计课的质量，不仅需要教师具备扎实的理论功底、高超的操作技能，而且还需要教师不断探索专研教学和总结教学经验，并根据教材和学生的实际情况进行相应的教学改革以达到实现因材施教的良好效果。［1］因此，我们对网页设计课的课程改革作进一步的再探就很有必要。
1 目前网页设计教学中存在的问题
网页设计课程是一门实用性和综合性特色鲜明的高度综合课程，包括网络基础、网页基础知识、数据库应用、平面设计与动画设计基础及应用、ASP、PHP或JSP编程等。网页设计课在高职院校计算机专业课中占有至关重要的地位，是计算机专业的必修基础课程和专业核心课程，也是许多理工类学生公修课程和大学生较喜爱的选修课程。网页设计突出技能和技巧，尤其注重实践性、应用性。但现实中该课程却存在一些问题。一是高职院校学生学习程度参差不齐不利于课程教学及课程改革的有效开展。升入高职院校的学生一般没有养成良好的学习习惯，而网页设计不仅要求有扎实的计算机理论知识和娴熟的平面设计和动画设计应用，还要有很宽泛的文化视角和不断钻研的学习能力。而这些对目前高职院校的生源状况而言是很大的挑战。二是网页设计教学课程设置、课程安排及教师配备与目前市场需求还有一定差距。互联网极强的商业性要求课程突出专业适应性和能够准确把握市场需求，这些都要求教师具备极强的教学钻研能力和改革能力。教学课程安排落后，虽然教学中贯穿案例等较好的教学载体，但在给学生布置具体任务时没有形成良好系统，更没有合理的考核方法能够达到对学生学习本课程给予一定的项目压力和相关激励。三是本门课程有知识面广、综合性、实践性强的特点，本门课程能最大可能的激发学生的参与性和锻炼学生动手能力，要在教学中实现理论与实践的结合，增加学生动手实践的机会以使学生能熟练地掌握网页设计的实际应用，从而实现“理论教学为实践教学服务、实践教学推动理论教学发展”的目标。但现实中，学生往往听课时能看懂、能理解但课后没有养成复习习惯就忘记做试验更摸不着头脑。而网页设计知识点多、学习节奏快而周期长容易使人疲劳和滋生厌学心理。综上所述可知进行网页设计课程的改革很具现实意义。［2］
2 网页设计课程改革的相关措施
网页设计课是高职院校计算机专业的一门基础课，是理工科学生必备的技能。网页设计课程具有系统性、综合性和实践性。网页设计课程要克服目前固有的一些缺点就要在教师队伍建设、教学方法改革及考核方式改革等方面进行不断探索，以促进网页设计课程改革的不断深入。具体如下：
2.1 加强师资队伍建设，为网页设计课程教学改革提供智力支持。
既然目前高职院校生源质量不尽如人意，那就要在造就一支专业理论扎实、实践技能高超的教师建设上下功夫。可以说，高素质的教师队伍对于应对生源素质多样化还是能起到关键作用的。进一步狠抓“双师型”队伍建设，即要建设一支既能把握网页设计发展脉搏和具有高超教学技能的技能型人才又具有扎实理论功底和持续推动教学改革深入的教育家的综合性的教师队伍。
2.2 在网页设计教学中注意教学方法的改进和突出“合作学习”、“案例教学”。
计算机相关学科具有知识更新速度快的特点。这要求网页设计教学不仅要注重基本知识、基本理论的传授，也要注重学生学习能力和创造能力等灵活运用新知识的能力，要通过课堂教学使学生不仅扎实的学会基本知识和基本技能而且能够自觉的应用到新知识的运用中，从而以教学方法的改进来提高学习质量。
“合作学习” 就是在网页设计中基于网络的特殊架构，发扬 “团队学习” 精神来克服设计中结构复杂、功能模块较多的缺点，由相关网页开发人员精诚合作，“拔尖” 学生作为项目负责人，引领组员共同讨论以制定系统方案、分析系统功能模块、搭建系统软硬件构架和对网页的背景及文化内涵发表综合意见。
实例教学就是要贯彻“学以致用”的教学原则。通过在教学中对一些优秀网页进行分析，来发掘网页设计方面诸如制作技巧、文化元素、文字布局等，开拓学生的视野和增强学生创新意识。并进一步通过让学生承接一些具体网页制作作业以在实践中发现问题和解决问题。
2.3 对网页设计课程考核方式进行全面改革。
结合网页设计课程考核系统性、层次性的特点，根据教学计划和学生接受能力采用以实际实例教学作业和团队合作等形式具体制定考核方法。［3］考核时间和方式根据教学进度的需要突出灵活性，已达到及突出教学内容的系统性和层次性的要求。评定形式方面以多样化的考核形式替代传统的单一考试模式以适应该课程技术层面广博艰深、知识联系复杂的系统要求，除操作以及技术数据准确等情况由教师评定外，其他方面通过“团队开发”形式考核。
3 小结
目前，网页设计课程教学改革工作已经引起广大高职院校的广泛重视。而网页设计课程要适应经济快速发展进而达到适应社会快速进步要求，必须通过多措并举来不断推进网页设计课程改革，以达到提高教学质量、培养合格人才的目的。
参考文献
中图分类号:G642文献标识码:A
随着Internet的飞速发展,我们已经进入网络时代,计算机网络已被广泛应用到各个领域,网页技术的发展也十分迅速,现在的网页集合了多项技术,包括文字、图片、声音、动画等等,另外还有包含了网络编程的交互式网页。《网页设计》课程是一门综合性很强的课程,是需要技术作为支持,同时也需要美感,为了提高课堂教学质量,在教学实践中从教学内容、教学方法、实训几方面进行了探索与实践,在这里谈一谈自己的一些体会。
1 明确教学目的,把握教学内容
基础学习很重要,要打好网页设计的基础。学完网页设计这门课程,学生最基本的是要掌握至少一门的网页编辑软件并制作出简单的页面。就此,老师来安排自己的教学。
(1)掌握一门好的网页制作工具。我认为,目前最好的网页制作工具是Dreamweaver,Dreamweaver一直以来作为可视网页编辑工作的标准,它在代码编辑和应用程序开发方面的功能比较强大。同时,制作网页中的动画素材可以选择Flash,处理和制作网页中的图片可以选择Fireworks,这三个软件具有良好的嵌入性,被称为“网页三剑客”。
(2)要求学生能够利用Dreamweaver设计各种网页,开发一定规模的网站。授课时以Dreamweaver为主线,讲授网页设计、HTML语言、CSS、Javascript语言及动态网页设计的基础知识。
重视对HTML的教学,HTML可以说是网页的灵魂,网页的最基本构成是HTML标记符。熟练掌握了HTML语言,可以很轻松的修改你的网站的网页结构,而且对SEO网站优化很有用处,另外,无论是PHP、ASP、.NET、JSP等网站编程语言,都要用到HTML。所以说学习HTML是我们学习制作动态网页的基础。
掌握CSS的基本使用。CSS就是一种叫做样式表的技术,也有的人称之为层叠样式表。在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制,可以轻松地控制页面的布局。
掌握Javascript脚本语言应用基础。Javascript语言简单,但功能强大,具体有几点功能:制作网页特效、提升使用性能、窗口动态操作、摆脱现实环境的束缚。所以,学生掌握Javascript脚本语言应用对网页制作有很大的帮助。
2 把握好课堂,多采用实例教学
(1)教学,首先要把握好课堂。但一次课,90分钟的理论教学是枯燥和沉闷的,因此首先要在多媒体教学课件上下功夫。课堂教学的灵魂是多媒体教学课件,它不只是文字与图像的组合,还融合了音频、视频和动画信息等各种元素,使课堂变得更加生动和精彩,这样可以大大提高学生的学习兴趣。
(2)用实例作为课堂切入点。要想让课堂生动活跃,就要充分调动学生的学习积极性。为此,我们需要找到令学生感兴趣的内容作为切入点。网页设计是一门实践性很强的课程,教师可以用实例作为课堂切入点。课堂上可以先演示实例,让学生看到实际效果,引起学生学习兴趣,然后以实例引出具体知识点,将知识点融入到具体实例中。比如,在表格布局和内嵌框架的教学模块中,我们采用任务驱动教学内容如下表:
3 强化阶段实训,培养学生动手能力
实训教学是教学过程中的重要环节。《网页设计》课程实训内容的选择要真正做到以技能培养为目标的方针。在实训过程中,学生可以自行查阅资料,根据自己的兴趣设计网站,独立完成。也可以分组完成,鼓励学生以团队协作的方式完成某一个网站项目,锻炼学生的团队协作能力。
4 其他方式
要想让学生学习掌握网页设计课程,单靠课堂教学还是不够的,可以在校园内举办一些网页设计的比赛,通过比赛,既可以更大的提高他们对此课程的积极性,也可让学生找到差距,激励他们努力,不断提高网页设计水平。
5 结束语
在教学过程中,从学生感兴趣的角度出发,对课堂理论教学、实例教学和课程实训等方面进行探索和改革,能使学生从被动学习转变为主动学习,提高其实践操作技能,拓展其知识面。在未来的社会中,网页在生活中所起的作用越来越重要,对这门课程的教学的要求是越来越高,教师的教学要适应科技的变化,要有改革进取的精神,培养能真正适应社会的人才。
参考文献
