1.在网站根目录中开设imagescommontemp三个子目录，根据需要再开设media子目录，images目录中放不同栏目的页面都要用到的公共图片，例如公司的标志、banner条、菜单、按钮等等；common子目录中放css、js,、php、include等公共文件；temp子目录放客户提供的各种文字图片等等原始资料；media子目录中放flash,avi,quicktime等多媒体文件。
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
依照此原则类推。
尾部分用来表示图片的具体含义。
随着社会的快速发展和互联网的普及，计算机技术及其应用发挥着重要的作用。为了全面提高高校学生的网页设计能力，激发学生的网页设计兴趣，探索课程改革的几点思路，从而实现对高校学生的能力提高、兴趣培养和考核标准的改革，结合课程改革的《网页设计与制作》教学模式的研究显得极为重要。
【关键词】
网页设计；课程改革；教学模式
《网页设计与制作》是一门实践性极强的课程，也是为满足社会需求而设置的。网络是人们获取信息的重要来源，随着网络在人们生活中的地位逐渐上升，企事业单位和政府机构以及个人通过网页来宣传自己的单位和个人形象。因此，提高学生对网页设计的兴趣、培养学生自己开发网站的能力显得尤为重要。
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.
[6]DarcyDiNucci.WebSiteRedesigns[J].PearsonEducation,2001.
关键词：Web 网页 课件 多媒体 CSS
中图分类号：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]刘须军.简谈多媒体课件制作技巧.中国科技信息，2005.
关键词：网页设计与制作；教学内容；教学方法
中图分类号：G642文献标识码：A文章编号：1009-3044(2012)08-1864-03
"Webpage Design and Making" Curriculum Teaching Method Exploration
FAN Yi-hong
(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)
Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。
Key words: Webpage design and making; Content of courses; Teaching method
随着计算机网络技术的迅猛发展和网络应用的日益广泛，Internet在人们的生活、学习和工作中的地位显得越来越重要，上网冲浪已经成为现代人生活的一个重要部分。信息技术的高速发展，使人们通过网络来个人或者企业的信息、推广企业产品已成为一种流行的趋势。网页已经成为信息共享和传播的主要载体，掌握网页的制作和网站的管理等内容已成为现代人必备的一种技能。
《网页设计与制作》是软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、计算机应用等专业公共的必修课程，也是许多高校的公共选修课，具有实践性强和知识面广的特点。该课程要求学生掌握HTML语言、CSS+DIV、JavaScript语言、Photoshop图像处理、flas制作等基本知识，为后继课程《动态网页设计》、《计算机网络》等打下牢固基础，因此该课程具有知识点多、操作性强的特点。如何提高《网页设计与制作》课程的教学质量，是亟待解决的问题。根据近年来对网页课程的讲授经验，笔者从课程目标、课程内容、教学方法、课程实践、课程实训等几个教学环节对该课程进行了一些研究和总结。
1理论教学
1.1课程目标
《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：
1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；
2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；
3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；
4)使学生能够用Flash进行网页动画的简单设计；
5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。
1.2课程内容
1.2.1 HTML网页设计
重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。
1.2.2 DIV+CSS网页设计
DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得 网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。
该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。
1.2.3 Photoshop图像处理
重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。
课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。1.2.4 Flas制作
重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。
1.2.5 JavaScript程序设计
JavaScript是目前Web客户端开发的主要编程语言，也是Ajax的核心技术之一。该部分重点知识包括JavaScript编程基础，变量、数据类型和表达式，流程控制，函数，对象编程，文档对象模型与事件驱动，窗口、文档和表单对象，级联样式表（CSS）技术，动态对象和Cookies及安全等，JavaScript中的XML、Ajax技术以及JavaScript实用技巧与高级应用。
1.3教学方法
该课程的教学实践性较强，知识覆盖面广，在教学中要极大的激发学生的参与性，锻炼学生的动手能力，培养学生的学习兴趣。注意引导学生学习理论与实践相结合，将理论应用于实践。
教学过程中大胆运用模块教学法、案例教学法等教学手段，充分调动了学生的积极性和创造性，教学效果明显提高。
1.3.1模块教学法
根据教学内容的不同特点，将整个《网页设计与制作》课程的教学分为五个阶段，第一阶段使学生熟悉并掌握HTML语言；第二阶段重点在于CSS样式表以及CSS+DIV布局方法；第三阶段在于利用Photoshop进行网页效果图的制作，并将图片切片输出；第四阶段在于利用Flash制作动画；第五阶段在于JavaScript程序设计；每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段，要学生学会并熟记HTML标记的用法，这就要通过大量小实例练习；在第二阶段主要进行页面整体布局的练习，学习如何把整个网页分成不同层次的块，然后再学习每一块的设计方法，只有通过全面的练习，才能掌握丰富多彩的网页设计方法；第五阶段则主要学习最新流行的网页效果的设计，重点在于网页程序的设计。每一阶段的教学内容完成后，在机房组织小测验，以实现分阶段达标，最终使学生完成该门课程的学习任务。
1.3.2案例教学法
在课堂上采用案例教学法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。比如在讲解HTML的标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HTML基本标记学完后，通过一个综合实例――具有多个网页的网站的设计，综合应用HTML语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。
2课程实践
2.1实验题目的设计
结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。
2.1.1 HTML网页设计
实验1 HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5 HTML综合实例。
2.1.2 DIV+CSS网页设计
实验1 CSS文字排版、实验2 CSS网页布局、实验3背景设置、实验4 CSS导航菜单设计、实验5综合实例。
2.1.3 Photoshop图像处理
实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。
2.1.4 Flas制作
实验1 Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。
2.1.5 JavaScript程序设计
实验1 JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3 JavaScript内置函数和对象、实验4 JavaScript事件处理、实验5 Dom操作实例。
2.2自学模式的创建
为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。
2.3参与教师科研，以研促学
鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。
2.4成立网页兴趣小组，拓宽知识面
组织成立网页课程的兴趣学习小组，具体活动包括：
1）举办讲座：资深开发人员的经验报告，网页知识讲座；
2）举办竞赛：我院已成功举办两届网页与flash设计大赛。
这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。
3课程实训
网页的制作不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。
实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。
平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决，学生带着问题进行学习和探索，培养了学生的探索创新能力。
课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。
4结束语
明确的教学目标、丰富的教学内容、科学的教学方法、有效的教学手段大大增强了学生主动参与学习的积极性。随着网页技术的进一步发展和进步，网页设计与制作课程的教学还必须与时俱进，不断的改革和创新，教师只有不断的学习新的教学理论，掌握现代化的教学手段，才能胜任高效教育工作，为社会培养高素质的技术应用型人才。
参考文献：
[1]李伟,邓红涛,曹传东.《网页设计》课程实践性教学改革与创新研究[J].改革与创新,2011(12):103-104.
关键词：网页制作 Dreamweaver 中职生 实践教学
随着互联网技术的不断发展，人们的生活越来越离不开网络，从企业到个人、从商业到娱乐，互联网已经渗透到人们生活的各个领域。随着搜索引擎等搜索工具不断的改进和发展，网页已经成为宣传自己最有利的手段，个人、企业等纷纷建立起了自己的网站，使用互联网宣传自己。因此近年来社会上对网页设计师、网页美工、数据库开发人员的需求量在不断地增加。本文将针对中职教学的特点和学习Dreamweaver网页制作课程的要求，来阐述教学时应采取的教学方式和注意的问题。
在中职教育中，在开设相关课程时要充分考虑到课程的实用性，因为中职教育重点培养学生的动手实践能力，所以在教学时应该以学生能够实现独立的网页制作为目标。在进行课程教授时，教师应该在有限的课时内，详细阐述静态网页制作的原理和方法，培养学生利用Dreamweaver软件开发网站和网页设计的能力。本文将从如下几点说明如何开设“Dream-weaver网页制作”课程。
一、明确课程任务
职业技术教育主要培养学生的动手实践能力，在开设“Dreamweaver网页制作”课程时，应当培养学生网页设计和制作、网站维护的能力。对于网页制作课程而言，首先，要熟悉网页制作的开发环境，学习一个软件，软件本身的使用和相应的编程语言对于一门技术而言是至关重要的，如果不能掌握基础的使用，就不能再进一步的进行扩展使用。本课程使用的软件为Dream-weaver8，学生首先要了解该软件的特点，熟练掌握Dreamweaver的基本操作，对网页编程语言要做到熟练和精通。其次，要培养良好的职业素质和编写规范。再次，培养学生的客户意识、团队合作和自学能力。网站开发是根据用户的需求而进行定制的，在开发时要与用户进行密切的交流，将用户的需求进行文档化、结构化。在进行项目分析时也离不开项目团队，通常一个网站开发的工作量较大，一人难以实现，这就需要团队进行开发，所以教学时应培养学生的团队意识，能够在团队中进行交流或管理。
二、制定课程计划
网页制作课程应该把学生就业作为教学方向，所以在制定课程计划时应该充分考虑到课程的实用性，合理安排理论教学和上机操作的课时，做到理论与实践相结合。在开设课程时应该对当前网页制作的趋势进行了解，以免出现课程内容滞后，学生毕业后不能被用人单位认可的现象。当前的网页制作使用Dreamweaver 8，编程语言使用HTML超文本标记语言，布局控制使用CSS层叠样式表。进行网页制作首先要了解所使用的工具，所以教师对Dreamwe-aver8的功能和使用方法要使用一定的课时进行讲解，讲解后需要学生上机进行操作熟练。工具掌握后还需要学习网页制作的编程语言，HTML语言是编写静态网页的最基本的编程语言，也是编写ASP文档和开发各种Web应用程序的基础。网页的外观对一个网站能产生很大的影响，在授课时也应提高学生的审美能力，能够让学生在满足网页功能要求的条件下制作出更加美观的网页。
三、教学方法的选择
网页制作课程是一门实用性很强的课程，在课程教授时，应该做到以实际操作为主，理论知识通过实践操作得到理解和掌握。授课教师可以从培养实践技能入手，将学与用相结合，在教学中通常使用的方法包括实际案例法、任务驱动法和项目参与法。在进行书本学习时，学生会遇到很多没有预见性的问题，同时比较抽象，难于理解。使用实际案例法可以将教学的重点和难点引入到实际操作中，使用多媒体教学可以很直观地进行讲述，学生也能够很快的接受，然后让学生进行上机实践操作达到掌握课程重点知识的目的。
四、成绩考核办法
根据“Dreamweaver网页制作”课程的教学目标和课程特点，本课程适合采用上机考试和作品考核相结合的方式作为考核办法，这两方面所占的比重，各个学校可以进行自主设定。使用上机考试，能够有效解决学生作弊问题，同时可以督促学生提高动手实践能力。作品可以采用单人提交或者团队提交的方式，通过对作品考核，在某种程度上可以观察学生的思考和实践能力，能够挖掘学生的创新意识和团队意识。
五、总结
在对中职学生进行“Dreamweaver网页设计”课程的教学中，应当把提高学生就业竞争作为主线，改变传统教学模式，根据实际需要明确教学目标、制定相应的授课计划、采用有效的教学方法和成绩考核方式。教师要不断进行探索和创新，勇于使用新方法培养学生的动手实践能力、团队协作能力和自学能力，只有将教学方式不断地改进，才能收到满意的教学效果。
参考文献：
［1］戚爽.“Dreamweaver网页制作”课程的教学研究［J］.长春理工大学学报，2010，12（5）:169-170.
论文关键词：项目教学法，课程设计，工作任务，ASP动态网页设计技术
现代科学技术的迅速发展，促使教育体系不断地变化，社会对高素质技术人才的需要也在变化，为适应这种需要，人们的能力在提高和扩展。现代社会要求人才应具备专业能力、社会能力和方法能力。在高职教育教学中要培养学生这种能力，就应改变传统教学模式和方法。改变传统的教学模式和教学方法、培养学生的实际应用能力成为当前高职教学改革的主要目标。在众多新型的教学模式和方法中，项目教学模式得到了人们的广泛认可和实践。项目教学法是师生通过共同实施一个完整的“项目”工作而进行的教学活动，是基于项目活动的研究性学习。本文正对高职“ASP动态网页设计技术”课程在教学改革中实施项目教学时所遇到的问题进行了分析，从项目内容的选取与组织、项目教学效果的检验与总结以及项目教学方法的研究等方面提出了项目教学模式的实施方法和相关建议，希望起到引导性的作用。
一、项目教学法的提出
项目教学法是师生通过共同实施一个完整的项目而进行的教学活动，是基于项目活动的研究性学习。与传统教学方式比较毕业论文题目，项目教学法的主体不仅是教师，而是教师与学生的整体，充分让学生参与到教学活动中来论文开题报告范例。通过完整的项目的实施把理论与实践教学有机地结合起来，让学生学习到了与职业接近的工作方式，充分发掘学生的创造潜能和解决实际问题的综合能力。
《ASP动态网页设计技术》是我院电子信息系计算机网络技术专业的主干课程，具有实用性强、应用面广、操作性强与岗位联系密切等特点。为了更好地讲授《ASP动态网页设计技术》课，我们将实际项目引入课堂教学，改革教学方法、教学手段及考核形式，使学生体会到了“学中做”、“做中学”的乐趣，提高了项目教学的实际应用效果，较好地实现了本课程的教学目标。
二、项目教学法的实施过程
1.项目的选取与确定
项目教学法成功实施的关键是选取并确立实用、优秀的项目。因此，在实施项目教学法时，首先，应选择切实可行的项目。在第一节课要讲清楚本课程的目标，讲解课程中所设置的项目及项目中要完成的工作任务相关的知识点和技能点，课程的考核方式等。演示历届学生制作的作品或老师自己做的完整项目，介绍项目中关键问题和解决方法，使得学生启发。
为了系统化地进行项目教学法，我们将“ASP动态网页设计技术” 中所采用的项目分为课摘要求学生具有一定的团队协作精神。项目内容可以是企事业单位需求的项目或者是教师科研工作中开发的项目或者学生自己选择的项目都可以,从而让学生身临其境参与创造实践活动，亲身体验实践的艰辛与乐趣。这样不仅能提高学生解决实际问题的能力，而且有利于培养学生的人文素质和创新意识，让学有余力的学生有一个展示自己能力的机会毕业论文题目，达到“做中学”的目标。
2.工作任务的设置
工作任务的设置是项目教学法实施重点。设置工作任务的总原则为从工作需求出发，选择相关的工作任务并确定相应的知识和技术，其目标不是储备知识，而是在工作中学习和应用知识。
“ASP动态网页设计技术”课程项目中课内实施项目是核心，其工作任务源于项目但不能照搬项目，应按照涵盖的知识点及工作流程，对其重新加工提炼，要特别注意每个项目任务的描述以及理论知识与实践知识的整合等问题。其设置步骤一般为：首先将整个项目按工作流程及知识结构分解成一个个子项目，并兼顾子项目的难易程度来安排教学顺序，然后将每个子项目按不同的工作阶段分为若干工作任务；最后再围绕每个具体的工作任务设置相应的知识点和技能。在“ASP动态网页设计技术”课程教学中，我们设置了如表l所示的项目和具体的工作任务。
课内实施项目是教师引导学生通过分析各个工作任务引出基本知识与技能，工作任务的设置不但要能起到让学生及时巩固所学知识和技能的作用，还要起到加深学生对基本理论的理解、激发学生独立思考、不断探索、找到解决问题的方法的作用。
表1：“ASP动态网页设计技术”课程中的项目和作任务划分与设置
序号
项目模块
工作任务
相关知识与技能
1
创建ASP运行环境，制作第一动态网页
任务1：ASP运行环境配置与管理；
任务2：虚拟目录创建与管理；
任务3：测试网站服务器；
任务4：ASP开发工具应用；
任务5：制作第一个动态网页；
会安装与配置IIS，IIS WEB服务器的启动和关闭；会管理与配置主目录；创建虚拟目录，能用本地WEB服务器下动态网页的几种方法； 用Dreamweaver创建ASP站点，站点的管理、测试与；
2
用HTML语言标记制作部门网站
任务1：部门网站主页（首页）制作；
任务2:为部门网站制作一个新闻子网页；
任务3：制作部门人员名录网页；
任务4：制作部门人员注册网页；
任务5：制作部门网站的娱乐网页；
任务6：网站框架制作；
会用HTML的文本、段落与图像类标记应用；能够在网页中插入表格、列表及超链接标记；能用表单标记、常用的域控件标记和文件标记；能用滚动文字标记与多媒体标记；会用框架标记能作框架网站；
3
用VBScript脚本语言丰富部门网站内容
任务1：编写能够显示欢迎问候词和网页访问时间的子网页
会用VBScript的常量、变量、日期时间函数、MsgBox函数和简单选择结构的程序设计语句（If…Then…Else…End If）；
任务2：制作判断登录用户权限的子网页；
熟练多分支条件结构语句Select Case…End Select)，常用内部函数和简单事件过程的定义和调用；
任务3：为部门网站编写一个休闲游戏网页；
通过若干个休闲游戏程序的实现,熟悉VBScript语言中的循环语句的功能及其使用方法；
任务4：制作部门人员职称情况统计网页；
熟练使用随机函数和Input Box函数，会定义一维数组，引用数组元素；
任务5: 为部门网站编写一个工资发放的网页；
通过工资发放程序的实现过程，掌握二维数组的定义与使用方法；
任务6：制作数学爱好者能力测试网页；
通过典型的数学问题“神秘数、水仙花数、同构数、素数”等的程序编写，掌握通用过程、函数过程以及事件过程的定义与调用方法；
使用ASP内置对象技术在部门网站中设置聊天室
任务1：聊天室相关的变量定义与初始化；
会定义Global.asa文件和相关的事件过程毕业论文题目，了解Global.asa文件的特点；会用Application和Session 对象。
任务2：聊天室登录网页制作；
掌握Request对象的POST方式从FORM集合中获取数据的方法；
任务3：制作登录检验网页；
掌握Response对象的Write，Redirect和End方法；
任务4：制作聊天话语输入和显示网页
掌握Response对象的常用属性，熟练Application和Session对象；
任务5：制作聊天信息处理网页
熟悉Request对象的其他集合；
任务6：制作退出聊天室的网页
综合应用Request、Response、Application和Session对象；
5
部门网站中应用ASP内部组件
任务1: 部门站点中设计广告轮流显示网页；
用ASP的广告轮显组件AdRotator在部门Web网站中建立广告系统；会编写和设置广告轮换文件的格式；会用ASP内部对象Server的CreateObject方法；
任务2：制作部门人员业务活动导航网页
会用ASP内容链接组件Content Linking和网页计数器组件Page Counter，掌握内容链接文件的编写和文件格式要求；熟练ASP内部对象Server；
任务3：制作部门领导意见簿；（1.用户意见输入与提交网页；2.用户意见提交检查网页；3.用户意见浏览网页；）
掌握文件存取组件FileAccess的功能，能够使用该组件对计算机的文件系统进行操作，熟练使用该组件相关的其他组件的方法和属性；
6
ADO数据库访问技术的应用
任务1：部门用户信息的浏览与显示；
掌握ADO对象的Connection、RecordSet、Field、Fields等多个子对象对象，并会运行SQL命令；
任务2:部门用户信息维护（添加、删除、修改和定位）；
熟练使用记录集对象RecordSet的方法Addnew、Update、Delete和Find等；
任务3：用户信息的查询与分页显示；
掌握用SQL语言的Open方法和SELECT语句实现查询，并对记录集进行分页显示的方法论文开题报告范例。熟练记录集对象的AbsolutePage、PageCount PageSize、Bof和Eof等几个属性；
论文关键词：项目教学法，课程设计，工作任务，ASP动态网页设计技术
现代科学技术的迅速发展，促使教育体系不断地变化，社会对高素质技术人才的需要也在变化，为适应这种需要，人们的能力在提高和扩展。现代社会要求人才应具备专业能力、社会能力和方法能力。在高职教育教学中要培养学生这种能力，就应改变传统教学模式和方法。改变传统的教学模式和教学方法、培养学生的实际应用能力成为当前高职教学改革的主要目标。在众多新型的教学模式和方法中，项目教学模式得到了人们的广泛认可和实践。项目教学法是师生通过共同实施一个完整的“项目”工作而进行的教学活动，是基于项目活动的研究性学习。本文正对高职“ASP动态网页设计技术”课程在教学改革中实施项目教学时所遇到的问题进行了分析，从项目内容的选取与组织、项目教学效果的检验与总结以及项目教学方法的研究等方面提出了项目教学模式的实施方法和相关建议，希望起到引导性的作用。
一、项目教学法的提出
项目教学法是师生通过共同实施一个完整的项目而进行的教学活动，是基于项目活动的研究性学习。与传统教学方式比较毕业论文题目，项目教学法的主体不仅是教师，而是教师与学生的整体，充分让学生参与到教学活动中来论文开题报告范例。通过完整的项目的实施把理论与实践教学有机地结合起来，让学生学习到了与职业接近的工作方式，充分发掘学生的创造潜能和解决实际问题的综合能力。
《ASP动态网页设计技术》是我院电子信息系计算机网络技术专业的主干课程，具有实用性强、应用面广、操作性强与岗位联系密切等特点。为了更好地讲授《ASP动态网页设计技术》课，我们将实际项目引入课堂教学，改革教学方法、教学手段及考核形式，使学生体会到了“学中做”、“做中学”的乐趣，提高了项目教学的实际应用效果，较好地实现了本课程的教学目标。
二、项目教学法的实施过程
1.项目的选取与确定
项目教学法成功实施的关键是选取并确立实用、优秀的项目。因此，在实施项目教学法时，首先，应选择切实可行的项目。在第一节课要讲清楚本课程的目标，讲解课程中所设置的项目及项目中要完成的工作任务相关的知识点和技能点，课程的考核方式等。演示历届学生制作的作品或老师自己做的完整项目，介绍项目中关键问题和解决方法，使得学生启发。
为了系统化地进行项目教学法，我们将“ASP动态网页设计技术” 中所采用的项目分为课摘要求学生具有一定的团队协作精神。项目内容可以是企事业单位需求的项目或者是教师科研工作中开发的项目或者学生自己选择的项目都可以,从而让学生身临其境参与创造实践活动，亲身体验实践的艰辛与乐趣。这样不仅能提高学生解决实际问题的能力，而且有利于培养学生的人文素质和创新意识，让学有余力的学生有一个展示自己能力的机会毕业论文题目，达到“做中学”的目标。
2.工作任务的设置
工作任务的设置是项目教学法实施重点。设置工作任务的总原则为从工作需求出发，选择相关的工作任务并确定相应的知识和技术，其目标不是储备知识，而是在工作中学习和应用知识。
“ASP动态网页设计技术”课程项目中课内实施项目是核心，其工作任务源于项目但不能照搬项目，应按照涵盖的知识点及工作流程，对其重新加工提炼，要特别注意每个项目任务的描述以及理论知识与实践知识的整合等问题。其设置步骤一般为：首先将整个项目按工作流程及知识结构分解成一个个子项目，并兼顾子项目的难易程度来安排教学顺序，然后将每个子项目按不同的工作阶段分为若干工作任务；最后再围绕每个具体的工作任务设置相应的知识点和技能。在“ASP动态网页设计技术”课程教学中，我们设置了如表l所示的项目和具体的工作任务。
课内实施项目是教师引导学生通过分析各个工作任务引出基本知识与技能，工作任务的设置不但要能起到让学生及时巩固所学知识和技能的作用，还要起到加深学生对基本理论的理解、激发学生独立思考、不断探索、找到解决问题的方法的作用。
表1：“ASP动态网页设计技术”课程中的项目和作任务划分与设置
序号
项目模块
工作任务
相关知识与技能
1
创建ASP运行环境，制作第一动态网页
任务1：ASP运行环境配置与管理；
任务2：虚拟目录创建与管理；
任务3：测试网站服务器；
任务4：ASP开发工具应用；
任务5：制作第一个动态网页；
会安装与配置IIS，IIS WEB服务器的启动和关闭；会管理与配置主目录；创建虚拟目录，能用本地WEB服务器下动态网页的几种方法； 用Dreamweaver创建ASP站点，站点的管理、测试与；
2
用HTML语言标记制作部门网站
任务1：部门网站主页（首页）制作；
任务2:为部门网站制作一个新闻子网页；
任务3：制作部门人员名录网页；
任务4：制作部门人员注册网页；
任务5：制作部门网站的娱乐网页；
任务6：网站框架制作；
会用HTML的文本、段落与图像类标记应用；能够在网页中插入表格、列表及超链接标记；能用表单标记、常用的域控件标记和文件标记；能用滚动文字标记与多媒体标记；会用框架标记能作框架网站；
3
用VBScript脚本语言丰富部门网站内容
任务1：编写能够显示欢迎问候词和网页访问时间的子网页
会用VBScript的常量、变量、日期时间函数、MsgBox函数和简单选择结构的程序设计语句（If…Then…Else…End If）；
任务2：制作判断登录用户权限的子网页；
熟练多分支条件结构语句Select Case…End Select)，常用内部函数和简单事件过程的定义和调用；
任务3：为部门网站编写一个休闲游戏网页；
通过若干个休闲游戏程序的实现,熟悉VBScript语言中的循环语句的功能及其使用方法；
任务4：制作部门人员职称情况统计网页；
熟练使用随机函数和Input Box函数，会定义一维数组，引用数组元素；
任务5: 为部门网站编写一个工资发放的网页；
通过工资发放程序的实现过程，掌握二维数组的定义与使用方法；
任务6：制作数学爱好者能力测试网页；
通过典型的数学问题“神秘数、水仙花数、同构数、素数”等的程序编写，掌握通用过程、函数过程以及事件过程的定义与调用方法；
使用ASP内置对象技术在部门网站中设置聊天室
任务1：聊天室相关的变量定义与初始化；
会定义Global.asa文件和相关的事件过程毕业论文题目，了解Global.asa文件的特点；会用Application和Session 对象。
任务2：聊天室登录网页制作；
掌握Request对象的POST方式从FORM集合中获取数据的方法；
任务3：制作登录检验网页；
掌握Response对象的Write，Redirect和End方法；
任务4：制作聊天话语输入和显示网页
掌握Response对象的常用属性，熟练Application和Session对象；
任务5：制作聊天信息处理网页
熟悉Request对象的其他集合；
任务6：制作退出聊天室的网页
综合应用Request、Response、Application和Session对象；
5
部门网站中应用ASP内部组件
任务1: 部门站点中设计广告轮流显示网页；
用ASP的广告轮显组件AdRotator在部门Web网站中建立广告系统；会编写和设置广告轮换文件的格式；会用ASP内部对象Server的CreateObject方法；
任务2：制作部门人员业务活动导航网页
会用ASP内容链接组件Content Linking和网页计数器组件Page Counter，掌握内容链接文件的编写和文件格式要求；熟练ASP内部对象Server；
任务3：制作部门领导意见簿；（1.用户意见输入与提交网页；2.用户意见提交检查网页；3.用户意见浏览网页；）
掌握文件存取组件FileAccess的功能，能够使用该组件对计算机的文件系统进行操作，熟练使用该组件相关的其他组件的方法和属性；
6
ADO数据库访问技术的应用
任务1：部门用户信息的浏览与显示；
掌握ADO对象的Connection、RecordSet、Field、Fields等多个子对象对象，并会运行SQL命令；
任务2:部门用户信息维护（添加、删除、修改和定位）；
熟练使用记录集对象RecordSet的方法Addnew、Update、Delete和Find等；
任务3：用户信息的查询与分页显示；
掌握用SQL语言的Open方法和SELECT语句实现查询，并对记录集进行分页显示的方法论文开题报告范例。熟练记录集对象的AbsolutePage、PageCount PageSize、Bof和Eof等几个属性；
关键词：图形图像；网页设计；制作方法；处理技术
网页设计与制作中最重要的部分，就是对网页内容中的图像进行优化和处理。在图形图像处理技术的运用中，技术人员应该采用不同的制作方法，从而提高页面的优化水平。图形图像处理技术在页面名片介绍和平面标志板块应用较多，为了提高网页设计的效率，技术人员需要提高自身的软件操作熟练程度，通过观察和对比其他优秀的设计，来加强自身的设计水平。在图像图像处理的过程中，注意细节的掌握，把控图像设计的关键要素。
一、网页设计制作中图形图像处理技术处理的重点
在图形图像设计活动中，技术人员应该注意效果的完整性和图像处理的细节把握，体现出设计的层次感，从而保证视觉审美元素在运用的过程中，不会因为设计作品材料的损坏而丢失应有的视觉元素。
图形图像设计作品在对于审美中视觉元素的构建下，并不强调在单个图形区域中，融入过度的设计情感，在很多情况下，设计师重视的是色彩的变化在潜移默化中对于人体视觉的影响。为了达到色彩和谐的效果，实现视觉色彩的最佳运用，将冷色与暖色与人们的生理感觉和感情联想巧妙的结合在一起，从而提高用户对于页面设计作品的接受程度，让作品不至于由于色彩搭配比较刺眼而让观众难以接受。为了提高图形图像处理的娴熟度，技术人员应该积极进行个人知识体系库存更新，对软件工具的具体操作方法、步骤和技巧进行深入学习，并且能够熟练使用软件工具进行网页部门的图像处理，在编辑图像和文字处理的过程中保证页面设计的美观，体现艺术性和简洁性。
二、图形图像处理技术在网页设计制作中的应用探讨
（一）合理调整构图要素，强化图形编辑
优秀的图片设计，图像中的各个要素必须要经过合理的调整。在图形图像的处理活动中，技术人员可以借用专业的软件工具来进行设计。网页设计的过程中常见的有Photoshop、auto-CAD和3DSmax等多种制图工具。
技术人员应该积极发挥这些制图工具的图形处理优势，为页面布局的优化提供可能。使用photoshop工具进行图形图像的编辑处理，技术人员需要具备一定的系统知识，按照一般网页设计活动中常用工具应用实例的规范开展图形设计。在图像编辑与应用中，应该注重色彩对比度的控制。Photoshop主要适合技术人员进行图像的变形和处理，在图层应用环节技术人员应该尽量体现出层次感，使用通道和蒙版进行图像内容的丰富性和专业化设计。除此之外，网页设计与制作^程中，路径应用与滤镜应用这些专业的处理手段，也应该在高质量的网页设计之中。
（二）重视图形优化处理，完善页面布局
网页制作中的图形图像处理活动，技术人员应该采用有效手段优化页面。网页布局与图形制作过程中，最常使用的技术手段是Auto-CAD图形工具。在图形处理的过程中，技术人员可以先从基本操作满足用户的基本需求。对于工程招标文件中的特殊图层线性处理，使用CAD软件制作方法，能够对二维图形对象进行精准处理。
在编辑和显示图形的过程中，技术人员应该考虑到网页设计与制作中图形的位置安排。采用CAD制图工具绘制复杂的平面图，技术人员应该注意标准尺寸和解释文字等辅信息，确保网页制作中图形板块的完整化信息处理和多元设计。图形图像处理应该选择合适的背景，在背景制作的过程中可以选取素材库中已有的背景，在图片的周围还要进行文字制作。在文字制作的过程中，字的颜色应该和背景的颜色有区分，文字附近的链接按钮制作应该醒目。图片的嵌入设计应该是网页制作的醒目标志，在当今这个读图时代，图片的出现必须要第一时间抓住阅览者的眼球，从而吸引用户去点击了解更多的情况。
（三）强调素材挑选，提升页面美感
通过页面中图形图像的处理来丰富网页信息，在网页设计中技术人员应该认真采集素材。一般来说，网页设计中的素材包括图片、照片和表格图形资料。在图形图像的插入运用过程中，技术人员应该认真分析用户的需求，按照用户的目标定位开展具体的图形图像处理活动。
技术人员应该按照用户的设计需要进行图形的处理，并且在图形处理的过程中体现出艺术性，在网站构建以及交互式网页制作中体现出一定的版面艺术设计水准。在网页设计与制作的图形处理阶段，技术人员应该坚持科学的处理方法，达到最佳的图像处理效果。对于比较复杂的设计图案，设计师一定要在设计图案的下角部分，进行必要的文字注释，一定要注意文字的精炼，防止由于文字部分过多造成喧宾夺主的效果，从而损害平面设计作品的美感。同时，在设计图案的选取上，设计师也要考虑到人们的理解能力，尽可能使用生活中常见的图形，这样也可以在后期的艺术加工过程中，融入更多的解读信息。
在网页构图设计的活动中，技术人员应该先确定好图像的大小，然后根据页面中主题各个界面面的风格和主色调来调整图像的比例。图像图像的处理一定要与网页设计中其他的文字内容相匹配，让图像内容为页面设计增添亮点和光彩。需要和图片选取的背景设计师在进行平面设计的过程中，应该重视色彩与文字、图案的合理搭配。
参考文献：
[1] 高歆.网页设计中的图形图像处理技巧[J].中文信息，2015，（8）：7-7.DOI：10.3969.
[2] 何秀琴，王晨升，马思羽等.论格式塔原则在网页色彩设计中的应用[C].//第六届图像图形技术与应用学术会议论文集.2011：56-60.
[3] 王长征.试论网页设计中的LOGO设计[J].山西广播电视大学学报，2011，（6）：49-50.DOI：10.3969.
关键词：网页设计与制作；教学做一体；项目导向；模块化设计
中图分类号：TP393.092-4；G712
随着Internet的发展促使网站及网页数量迅速增长，对网页设计、网站开发技术等方面有了更高的要求。从市场需求来看，企业需要大量的这方面的应用型人才。《网页设计与制作》课程是一门实用性强、发展迅速的课程。通过本课程的学习，使学生掌握网页制作的基本知识、网站设计的全过程。
1 当前《网页设计与制作》课程在教学中存在的问题
1.1 以知识体系而不是能力为重点的教学方法，与高职教育不相符
目前，我们采用的教材的内容都是为了配合理论讲解，按照知识体系的顺序进行组织和编排的。虽然在每个章节的后面都设计了与理论知识想对应的具体实例，但由于教师在教学过程中，往往都会按照教材所编排的顺序进行讲解，着重将知识介绍给学生，而不是将知识的实际应用方法教给学生，这与高职培养应用型人才的目标是不相符的。
1.2 教学内容陈旧，没有紧跟社会需求，与高职教育不相符
《网页设计与制作》课程旨在培养学生设计网页、制作网站方面的能力，同时，该课程还能给后续动态网页开发相关的课程提供一些帮助。目前，这门课程中的内容仅仅只是介绍了如何制作静态网页，而由于静态页面的交互性很低，早已不符合现在的需求。
1.3 理论教学与实践教学分开的教学模式，与高职教育不相符
传统《网页设计与制作》的教学模式是理论学习加上机实践的两段式教学，教室分为多媒体教室和计算机房。教学过程通常是教师在多媒体教室进行理论讲解、演示操作，在上机实训时，学生到机房进行操作实践。学生在多媒体教室里只能欣赏式地学习，往往只是模仿老师的实例进行操作。
2 “教、学、做”一体教学模式在《网页设计与制作》课程中的实施
通过对学生的《网页设计与制作》课程学习情况的调查与分析，结合相关工作岗位所需的知识与技能，对该课程进行“教、学、做”一体化的改革，改革主要从教学模式、教学内容和教学方法三个方面来实施。
2.1 创新教学模式
为了解决理论教学与实践教学脱节的问题，改变传统的实践教学滞后于理论教学的状况，引入全新的“教、学、做” 一体化的教学模式，是高职教育发展必然的选择。我们采用的一体化模块化教学是以培养职业能力为本位、教师为主导、学生为主体的教学改革，从教学实施性计划、课程标准、教材的选用、教案的编写、教学方式、教学手段、教学过程以及考核方式等方面都进行了一系列的改革。
首先，按照基于项目的任务驱动型教学方式、基于工作过程的教学方法以及基于一体化的教学模式组织课堂教学。课程教学以完成完整的网站项目为目的展开，模拟真实的工作环境实施课堂教学。在教学实施过程中，按照教学的要求将每个项目都分解成12个子项目，以完成子项目所需要的理论知识和实践技能来组织教学，形成相应的教学模块与单元，采用循序渐进、逐渐深入的方式一步步完成整个项目。同时，对每个教学模块和单元都设计了一个与教师同步完成的模仿型任务以及学生独立完成的开放型任务。其中，模仿型任务作为教学的载体，教学的基本要求和完成实际工作所要求的基本知识、技能都融入在该任务中；开放性任务则作为教学的拓展，教师只给出原则性要求，网站内容依据学生个人爱好自由确定，技术的运用在满足原则要求的前提下由学生创意发挥，实现知识的拓展和能力的进一步提高。如表1所示。
以第一个教学任务“认识网页”为例，首先通过完成模仿性任务“赏析江西旅游网主页”，让学生在教师的指导下，分析网页采用的布局结构、组成元素以及色彩搭配，并在分析过程中让学生了解与网页制作相关的概念和常用术语，之后便可以去完成开放性任务“赏析各类网站主页”了。将学生分组浏览指定的几个网站的首页，让学生自己去分析所浏览网页的布局结构、组成元素以及色彩搭配，并书写赏析报告交由教师进行点评。通过这种方式，将课堂教学以及技能训练分成了“教、学、做”三个阶段去逐步提升层次，符合职业技能的培养规律。
其次，实现了课程结构的模块化、课程内容的项目化、课程资源的的系列化以及技能培养的层次化。构建了以“网站开发工作过程”为导向的“模块式”课程结构，课程分为4个教学模块、12个教学项目。课程内容可根据工作岗位的需求以及教学的实际情况进行动态的调整，课程资源则根据网页制作技术的发展持续更新。
最后，采用了基于网络平台的开放式自主学习方式以及基于岗位需求的双证融通式分级考核方式。在校园网上架设了《网页设计与制作》课程的网络课程，让学生在课余的时间仍然可以非常方便的访问课程资源，提高学生自主学习的能力。同时，根据企业岗位技能需求，分级认证网页制作技能，课程考核与技能鉴定双证融通，课程标准与职业标准两者融合。
2.2 完善教学内容
改变传统的教学内容只涉及静态网页设计的不足，引入适量的动态服务器编程以及数据库等网页设计的相关内容。除了在课程中引入适量的动态网页相关知识以为，为了配合一体化教学我们在课程内容的选取上也做了很大的改革，严格依照职业性原则、实践性原则和开放性原则来选取课程内容。
2.3 改进教学方法
由传统的章节式讲解的教学方法向项目导向、模块分解以及任务驱动的教学方法转变。教学过程中所使用的网页都来自真实的网站项目，经过对项目的教学化处理，它们都较好的体现了学习内容的工学结合特征，使学生在有限的学习时间内，得到具有代表性网页设计与制作能力的培养，较好地满足工作岗位需要。
3 结束语
我们将“教、学做”一体的教学模式融入到《网页设计与制作》课程的教学过程中，打破了理论课、实践课的界限，将课程的理论教学、实践教学、实训操作融于一体，教学场所直接安排在一体化教室，师生相互交流，理论和实践交替进行，大大提高了学生的学习效率。同时，采用案例导向和任务驱动的教学方法，突出技术应用能力的培养和就业能力的训练，真正提高学生的专业技能，并在课程内容中加入了适量的动态服务器编程以及数据库等内容，使学生的知识结构、技术技能与企业岗位需求无缝对接，实现“零距离”就业。
参考文献：
[1]王珊.“网页设计与技术” 课程教学改革的研究与探索[J].科教文汇，2009-7.
购物车(0)