时间：2023-03-22 17:46:34
序论：速发表网结合其深厚的文秘经验，特别为您筛选了11篇网页制作论文范文。如果您需要更多原创资料，欢迎随时与我们的客服老师联系，希望您能从中汲取灵感和知识！
现在流行的网页制作软件有很多，如Macromedia公司的Dreamweaver、微软公司的Frontpage、还有AdobePagemill3.0--制作多框架，表单和Imagemap图像的网页工具、Netscape等等。其中Frontpage更以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其到指定的站点上，而且在之后还能对更新情况进行监控以更新站点的内容。
工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。现在就让我们从第一步的建立站点来踏上建造网上家园之旅。
用FRONTPAGE创建站点是很容易的。首先，我们来看一下创建一个只包含一个网页的站点。选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了，在“指定新站点位置”文本框中输入新站点的位置，单击“只有一个网页的站点”图标，单击“确定”按钮。这就建立好站点了，我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮。在文件夹列表里有一个网页文件，名字叫做“index.htm”。我们知道，每一个站点都要有一个主页，这个主页也是一个网页文件。浏览者访问站点时首先进入的就是站点的主页。主页的名字在一般情况下就叫做“index.htm”。就是说我们新建只包含一个网页的站点时，FRONTPAGE就自动为我们创建了站点的主页了。这个新建的站点主页时空的，我们可以向里面添加内容。
在文件列表里除了主页之外，还有文件夹。新建站点时，FRONTPAGE都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。我们在编辑站点时可以在“image”文件夹里放置站点用到的图片。“private”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，比如：我们可以在这个文件夹里存放注册用户的个人信息。
尽管每一个站点都要有一个主页，不过创建站点时我们仍然可以从一个空站点开始：选择“文件”菜单的“新建”命令，单击“站点”选项，在“新建站点”对话框里，我们可以选择“空站点”图标来创建一个空站点。“新建站点”对话框中还有许多其他图标，这是FRONTPAGE提供的用来创建站点模板或向导。我们创建只有一个网页的站点或者创建空站点，都是从头开始来创建一个站点，这就好像盖房子一样，首先画图纸。然而，有许多的房子都具有相似的结构和用途，所以我们可以用一张图纸盖很多相似的房子，这样就节省了许多工作。
同样的，尽管站点的风格千差万别但是有许多站点的功能和结构都是一样的，如果我们从头开始建立站点的话，就要做许多重复劳动，这时，我们就可以使用模板或向导来建立站点。模板和向导的作用就好像盖房子的图纸一样，我们不必每次建立站点时都从头开始。我们单击“个人站点”图标，用它可以迅速创建一个个人站点，输入站点所在的位置，单击“确定”按钮，这样我们刚就创建了个人站点。个人站点模板已经为我们规划好了站点的目录和建立了相关的页面。现在我们点击一下“文件夹”按钮，双击index.htm图标，
看，这就是我们的个人站点的主页。哎，好象有许多文字都不对，没关系，这些文字都是可以改变的，现在写的是文字的用途，比如“主题”文字就是用来写网站标题的地方，我们只要把它改为自己喜欢的标题就可以了。返回到“文件夹”模式，双击photo.htm。也可以把风景图片换成自己的照片，只要在新建站点的基础上进一步修改就可以做出自己的个人站点了。这不仅节省了许多力气，同时也给了初学者一个良好的出发点。
那么模板和向导有什么区别呢？我们安装软件时，一步步的用对话框提示我们完成安装过程的程序就是一个向导。在FRONTPAGE里，向导也是一种模板，不过它是一种特殊的模板，它会以对话框的形式辅助你完成站点的创建过程。
现在我们选择“文件”菜单的“新建”选项，单击“站点”命令，
你看，FRONTPAGE提供了两个向导：公司展示向导、讨论站点向导，使用起来都很方便，你有兴趣也可以利用向导建立一个站点。
创建页面最简单的方法就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头，它是用来选择要新建什么，可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。
如果要新建网页，可以不用向下箭头键选择，而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。单击文件菜单的“新建”命令，选择“新建网页”，在“新建”对话框里，可以看到FRONTPAGE提供的许多网页模板，我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“两栏正文”网页，这样就创建了一个新的分为两栏的网页了。然后点确定。使用模板可以不用总是从空白网页开始编辑，这样就省力很多。
网上几乎所以的网页都使用图片加以点缀，在网页中插入适当的图片，能够产生图文并茂的效果。
如果有一个图形，怎么把它放到网页上呢？
首先要看你的图形是什么格式的，也就是它扩展名是什么只有扩展名为GIF和JPEG的图形文件才能成为我们的页面的一部分。因为这两种图形格式不仅应用广泛，而且有利于节省存贮空间。如果图形不是这种格式，使用了其它格式的图形文件，在保存网页时FRONTPAGE会提示做格式转换，FRONTPAGE可以自动进行格式转换。
现在可我们看看怎么插入图形选择“插入”菜单的“图片”命令，单击“来自文件”按钮。
在默认情况下，FRONTPAGE认为你要插入的图片总是放在你建立的站点的目录或它的子目录下的。可以说,站点就是一个目录。我们把编辑的许多网页文件放在同一个目录下，我们称这个目录为站点的主目录。这些网页引用的图形一般也放在这个目录下。当然，我们也可以在这个目录下建立其他的子目录，再把所有的图形放在子目录里。所以搜索下拉列表只允许在主目录和主目录下的子目录进行选择。
如果要插入的图片不在主目录下,在“选择文件”对话框中进行选择。选择好文件以后，单击“确定”按钮，回到“图形”对话框。单击“确定”按钮，图形就插入了。现在单击“常用”工具栏的“保存”按钮。在“另存为”对话框中输入新的web页文件的名字，单击“保存”按钮。出现了一个对话框,因为我们刚才插入的文件不在站点内，现在FRONTPAGE要把它复制到站点内，可是使用什么名字，放在站点的哪个目录下呢，就要在这设置了，单击“改变文件夹”按钮，另外这儿还在需要时对图形的格式进行转换。单击“位置”按钮，在默认情况下，图形被保存在站点的主目录下，现在我们选择IMAGE目录，单击“确定”按钮。回到“嵌入式文件”窗口，再单击“确定”。这样，图形就保存在站点内了
我们还可以从INTERNET上插入一个图形。选择“插入”菜单的“图片”命令，在URL栏内输入图片的地址，单击“确定”按钮。由于是插入网上的图片，因此在插入图形以后，应该保存一下网页，使图形存到站点内。
您可能说,我不会画画，插入图片容易，可是编辑图片就不容易了。没关系，FRONTPAGE自己带有许多剪贴画，你可以把它们插入到自己的网页。选择“插入”菜单的“图片”命令，选择“剪贴画”。你看，各种剪贴画都分类放好了。你可以自由地选择。不过，插入后别忘了保存网页，把剪贴画复制到站点目录下。
一般我们插入的图形总是和文本在一起的，所以调整图形和文本的对齐方式很重要。在默认情况下，图形自动与文本的底部对齐。这一个网页，由于默认的对齐效果，页面出现了大量的空白。这时就要调整图形的对齐属性。在图形上单击鼠标右键，选择“图片属性”，选择“外观”选项卡我们把对齐方式调整为“左对齐”。使用图形可以使网页更加丰富多彩，而且我们还可以用图形来建立超链接，使网页相互联系起来。怎么用图形来建立链接呢？其实图形超链接只要在建立超链接时选择图形就可以了。首先选中超链接的图形，单击箭头图形，单击“常用”工具栏“超链接”按钮，选择主页文件“页面1.htm”，单击“确定”按钮.在普通模式中，按住CTRL键，单击箭头图形，就跳到主页页面了。
如果我们要在图片上加上文字，单击图形工具栏“文本”按钮，现在图形中就出现了一个文本框，输入：“计算机软件”按一下Esc键，取消文字编辑，就选中文字框了，调整文本框到合适的位置，单击页面其他区域，文字就添加成功了。
如果我要修改单击一下要修改的文字，这时文字作为一个整体被选中了，再点一下文字，这时文本框里有光标闪烁，你可以编辑文本了，重新输入：“计算机硬件”，在页面其他区域单击。文字就修改完成了。
怎样使文字更丰富、活泼呢？一个简单的方法就是使用“格式”工具栏。
字体设置：选上文字，打开格式工具栏的“字体”下拉列表框，在里面选择相应的字体就可以了。如果浏览网页的人使用的计算机没有设置的字体？浏览器会用系统默认的字体代替你设置的字体。不过，使用常用字体是一个好习惯。
字号设置：在“格式”工具栏“字号”下拉列表框中选择相应字体就可以了
工具栏上的B、I、U图标的作用是：
按下B按钮，被选中的文字就会变为粗体
按下I按钮，被选中的文字就会变为斜体
按下u按钮，被选中的文字就会带下画线
字的颜色：单击“格式”工具栏“字体颜色”按钮旁的向下箭头，选择适当的颜色，字的颜色就改变了。
还可以对字体进行一些其他设置。选择“格式”菜单的“字体”命令，在这里我们还可以作进一步的设置。这里除了“格式”工具栏可以做的设置以外，还可以设置许多效果。
“字符间距”选项卡：它是用来设置文字的间距的。单击“间距”下拉列表，可以选择字符的间距是普通、扩充还是紧缩的。选择扩充，这时预览框的文字间距就变大了。也可以调整间距大小来改变间距，输入10，文字的间距就更大了。
“定位”下拉列表：在FRONTPAGE中每一行都有一个底线，定位就是指文字相对于底线的距离。也就是把文字上下移动，现在选择“上移”，文字就向上移动了。预览框中的黑线就是行的底线。
设计好的页面，应该检查它在浏览器中是否显示正常。
方法是，一般只要切换到预览模式就可以了。单击“预览”选项卡，在这个预览模式下的显示和在浏览器中的显示是一样的。但这并不意味着我们就不必用浏览器来检查编辑的网页了。因为即使是同一个页面，可能在不同的浏览器中显示会不太一样。比如在INTERNETEXPLORER中是这样显示的，但是在NETSCAPE中又是那样显示的。所以，我们要在自己的机器上多装几个浏览器，用来检查网页的兼容性。
那么为什么不用不同的浏览器来检查呢？选择“文件”菜单的“在浏览器中预览”选项，在浏览器列表框中选择不同的浏览器。（以INTERNETEXPLORER5.0为例）单击“确定”按钮。就可以看到新建页面在浏览器中的效果了。
怎样才能自己做的网页相互联系起来呢?也就是说让别人点页面上的图形或文本就跳转到其他页面呢？
在网页里，我们把这种点击后会进行页面切换的网页界面元素叫超链接。
先来看一下用文字来建立链接。
首先创建一个指向站点内其他网页的超链接。
选择“插入”菜单的“超链接”命令，在文件列表框内选择“页面1.htm”文件，注意在URL文本框中显示了该文件的地址。单击“确定”按钮.超链接就制作成功了。我们切换到预览模式（单击预览按钮），当我们把鼠标指向“主页”两字时鼠标变成手形，单击它，我们就切换到主页了。
那么为什么不在普通模式下试呢？：因为普通模式主要是用来编辑网页的，当我们在普通模式把鼠标指向“主页”两字时鼠标没有变成小手状，因此不能进行页面切换。不过如果按住CTRL键，鼠标就变成了小手状。这时单击就可以进行切换了。也就是说在普通模式中按住CTRL键才能激活超链接。
我们也可以将超链接指向其他站点的网页。选中作为超链接的文本，单击“常用”工具栏的“超链接”按钮，这和选择插入菜单的超链接命令是一样的。在“创建超链接”对话框里，在URL地址栏直接输入要连接的网页或网站的地址。如果不清楚要作超链接的地址，只要单击URL地址框后面的放大镜就可以用浏览器在INTERNET上查找要链接的网页，FRONTPAGE会自动记录你找到的地址。单击“确定”按钮就可以了。我们还可以改变已经设置好的超链接。首先确认是普通模式，在要改变的超链接下单击鼠标右键，选择“超链接属性”命令，输入新的URL地址就可以了。要想取消超链接，删除所有URL地址框里的内容就可以了。还有一种超链接，可以链接电子邮件。这样可以使你的网上朋友通过Email及时与你联系，这是一个网站站长和网友交流的重要手段。先选中要作为超链接的文本，一般文本就是你的邮箱地址，单击“超链接”按钮，单击“信封”按钮，输入你的邮箱地址，单击“确定”按钮，退出对话框，选择“确定”，这时超链接就建立好了。我们试一下，切换到预览模式，单击邮件链接。
这样我们就差不多完成了网页的制作步骤，最后可将它到Web服务器上。站点前还要对它进行检查工作，包括超链接，页面等。
【参考文献】
项目教学法简介
项目教学法的前提是“项目”，是一个人人参与的集学习、创作于一体的过程。
项目教学法就是在教学中，组织学生真实地参加项目设计、实施和管理的全过程，在项目实施过程中完成教学任务。项目教学法的开始阶段，主要采用独立作业的方式。项目教学法更多采用小组工作的方式，共同制定计划、共同或分工完成整个项目。一般而言，项目教学法的实施过程可以分五个阶段：
确定项目任务通常由教师提出一个或几个项目的任务设想，与学生一起讨论，最终确定项目的目标和任务。制定计划由学生制定项目工作计划，确定工作步骤和程序，得到教师的认可后实施。
实施计划学生确定各自在小组中的分工以及小组成员的合作形式，然后按照已确立的工作步骤和程序开展工作。
评价考核通过项目的完成情况对学生的学习效果进行考查，包括教师评价、学习小组评价和自评三部分。可分三个级别进行考核：第一级，由教师对各小组项目完成情况进行评定，如能否共同协作，是否实现预期功能，是否具有创新意识等；第二级，由各小组成员根据每个组员对本小组的贡献情况及参与意识进行互评；第三级，由学生本人进行自评，如自己是否在原有基础上有所提高，是否已经掌握本课程的知识点并熟练应用。最后，综合三级评定情况确定每名学生的学习成绩。对于有企业参与的项目，必要时可由企业做出最终评价。
归档或结果应用项目应尽可能具有实际应用价值，应尽可能将项目的完成结果应用到企业和学校的生产教学实践中。
《网页制作技术》课引入项目教学法
《网页制作技术》是我院计算机应用技术、计算机网络技术、软件技术等专业的主干课程，具有实用性强，应用面广，操作性强、与岗位联系密切等特点。为了更好地讲授《网页制作技术》课，我们进行了大胆的教学改革，打破了传统的教学模式，将实际项目引入课堂教学，改革教学方法、教学手段及考核形式，较好地实现了课程教学目标。《网页制作技术》的课程目标《网页制作技术》的课程目标是结合职业岗位的需要，培养出能够从事网页平面设计或网站构建的人才，提高学生的学习能力、协作能力和综合能力。
将项目教学法引入《网页制作技术》课本课程的传统教学方式是先由教师在多媒体教室授课，然后安排学生在实验室上机验证教师所讲内容。这种方式忽略了学生的积极性、主动性，学生学到的知识比较零碎，很难开发实际项目。随着课程内容的深入，很多学生逐渐失去了学习兴趣，丧失了主动参与的意识，以致课程结束时，几乎没有学生能够设计出具有一定水平的网站。为打破传统的教学模式，突出学生的主体地位，让学生成为教学的中心。我们分析了该课程的特点，并结合任课教师为企业开发网站的经验，让教师将所承担的网站建设项目引入课堂教学，引导学生共同开发项目，让学生既能学到知识，又能积累项目开发经验，从而体现出“教、学、做是一件事，不是三件事”。
项目教学法提高了学生的能力和素质将项目教学法引入《网页制作技术》后，学生成为了学习的主体，教师在教学过程中起引导协助作用。学生在项目的驱动下自主学习，边学边做。有些能力突出的学生在学习过程中主动与外界联系，承接小型网站建设项目。在完成项目的过程中，他们主动与其他同学和教师进行交流，讨论问题，促进了项目教学法的发展。项目完成后所带来的成功的愉悦和满足感，不但提高了学生的学习兴趣和学习积极性，同时也培养了学生自主学习的能力。
《网页制作技术》课实施项目教学法的过程
笔者在担任《网页制作技术》课的教学过程中，结合学生的特点以及环境，将教学过程划分成以下五个阶段。（一）网站项目的确定
确立实用、优秀的项目是项目教学法能否成功实施的关键。因此，在实施项目教学法时，首先，应选择切实可行的项目。在教学正式开始之前，可先对学生进行分组，尽量使每一组学生的能力都比较均衡。同时，结合相应的岗位能力要求，将选用的项目分为两种：一种是选用已通过验收的项目，另一种是选用正在进行中的项目。其次，应针对学生的实际水平确定项目的难易程度。对于首次接触这门课程的学生，由教师负责选取项目，讲解知识点。所选取的项目必须简单、典型，并且最好选择已经完成的项目，以便学生进行知识的迁移。对于具有一定基础的学生，可由教师和学生共同讨论选定具有较高难度的项目，并且最好选择正在进行中的项目，让学生身临其境，参与创造实践活动，亲身体验实践的艰辛与乐趣。另外，应注意根据学生具体的培养方向，确立最适合的项目。
（二）网站项目计划
网站项目的计划应按照项目开发的需求加以实施。确定项目以后，让每一组学生针对该项目进行需求分析，启发学生主动发现身边的素材。对于已通过验收的项目，可由教师充当企业的角色，由学生向教师汇报自己所进行的关于项目需求的分析及收集到的资料；对于正在进行中的项目，可由学生直接面对企业，与企业沟通，做出需求分析。教师在这一过程中，一方面，起到指导的作用，另一方面，在对已验收的项目实施的过程中，教师应事先对该项目内容进行定位，分析研究需要解决的问题和完成的任务，确保学生进行需求分析时，不会定位过高。完成项目需求分析后，教师应根据学生所作的需求分析确定项目的能力模块，并将每个能力模块细分为一系列小项目，学生根据课程的时间安排，结合项目内容编写项目开发计划书。例如，根据我校《网页制作技术》课的实际情况，将首次接触这门课程的学生的能力模块划分如下（见下图）。
（三）网站项目实施
项目教学法中最重要的环节是项目的具体实施过程。在该过程中，教师应及时恰当地对学生进行引导，督促学生根据项目计划书，按时按量完成相应的功能模块，保证项目顺利进行，实现课程教学目标。对于首次接触网页制作的学生来说，没有一定的网页制作软件操作基础，就无法进行项目建设。因此，应在《网页制作技术》课程项目实施过程的第一阶段讲授学生网页制作软件的使用方法，为第二阶段奠定基础，第三阶段的主要任务则是撰写网站开发总结报告，锻炼学生撰写文章的能力。
第一阶段实施过程对应上图中的能力模块划分情况，在第一阶段的实施过程中主要教授学生网页制作软件的使用方法，使其形成相应的具体能力。具体做法是：教师首先通过简单的例子讲解实际操作方法，然后，让学生练习新知识、新操作，完成相应的实验项目。通过这种双教一体的教学模式、讲练结合的教学手段让学生掌握牢固的基础知识。
第二阶段实施过程结合第一阶段学生具体能力的锻炼情况，根据所要建设的项目，按照项目计划书进行开发并完成设计。该阶段是项目教学法实施的核心环节。在此阶段，教师要根据各开发小组的具体情况、具体要求及时恰当地进行指导，解决学生开发过程中遇到的难题，督促学生按时按量完成项目计划书中的各个开发环节，保证学生顺利完成项目的开发，实现教学目标。在实际教学过程中，教师要重点做好指导监督工作。如定期召开各项目组长会议，了解各项目组的开发进程；在项目开发过程中进行技术引导和指导，收集各组遇到的难题，组织各组进行总结和经验交流，从中探讨不同的解决问题的方法。
第三阶段实施过程该阶段的任务是在学生完成网站建设后，撰写开发总结报告，总结本次学习、开发的收获和经验，为下一次开发做准备。阶段性总结评价也是项目具体实施过程中必不可少的环节。教师和学生在每个阶段的学习结束后，都要对该阶段的学习成果进行展示、评价、总结，及时改进不足之处，巩固成果，为后续工作打下坚实的基础。
（四）网站项目展示与评价
项目完成后，应对网站项目的建设效果进行展示，并加以讲解。在讲解展示网站的过程中，学生和教师可以提出问题，并结合相应的网站项目评分表，形成学生和教师对该项目各自的评价。在对学生进行评价时，还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。在对承接的企业的开发项目进行评价时，除上述评价角度外，还应结合企业的需求，即除了学生评价、教师评价外，还要有企业评价，并以企业的评价作为最终的评判标准。
（五）网站项目的总结和应用
项目完成后应进行总结，并将其成果应用到相关领域，体现该门课程的教学目标。我校在《网页制作技术》课中实施项目教学法以来，完成了多个项目并将研究成果应用到实际工作中，如我院的网站、各系各部门的网站、思明网站等。项目完成后应总结思路、技巧并进行经验交流。思路总结可以帮助学生明晰项目完成的最佳思考方法，找到自己的不足；技巧总结着重总结解决开发环节中遇到的难题的方法，把握并吸收整个项目开发的精髓；经验交流主要是对学习方法、知识应用进行交流。最后，教师可以指导学生对项目进行拓展和延伸。超级秘书网
项目教学法的成果
《网页制作技术》课在实施项目教学法后，从本质上改变了课程的教学目的。这种改变使学生不再觉得学习该门课程只是为了获取学分，而是真正掌握一门技术，具备一定的开发能力，能够承担相应的工作。在整个教学过程中，学生的自主学习能力、实践能力、创新能力、团队协作能力、分析解决问题的能力以及撰写报告的能力都得到了锻炼、培养和提高。
实践表明，《网页制作技术》课从传统的多媒体教学模式的枷锁中挣脱出来，实施项目教学法，体现了以学生为本，最大限度地调动了学生自主学习的积极性，培养了学生的综合能力，使学生掌握了一门技巧，对教师也是一种锻炼和提高。
参考文献：
/基本要求
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
依照此原则类推。
尾部分用来表示图片的具体含义。
Web2.0体现为互联网作为跨设备的平台,其应用程序充分发挥平台的内在优势,软件以不断更新的服务方式进行传递,个人用户通过组成群体贡献自己的数据和服务,同时允许他人聚合,以达到用户越多、服务越好的目的。通过这种“参与架构”创造出超越传统网络页面技术内涵,引发出具有丰富用户体验的网络效应[1]。Web1.0的特点在于用户只能获取信息,Web2.0则更注重与用户的交互,用户既是信息的消费者(浏览者),也是信息的制造者[2][3][4]。
一、Web2.0对旅游行业的影响
旅游2.0(Travel2.0)就是将Web2.0的思想运用到与旅游相关的电子商务及网站上,将来源分散的信息聚合以实现与游客更好的交互体验,是一种对以往旅游信息化过程的再思考和改进[5]。Travel2.0是旅游服务市场的发展方向。Web2.0的基础“长尾理论”认为,只要存储和流通的渠道足够大,需求不旺或销量不佳的产品共同占据的市场份额就可以和那些数量不多的热卖品所占据的市场份额相匹敌甚至更大。这一理论有效的前提是满足个性化需求的产品可以通过互联网将渠道成本降为零或者趋于零[6]。旅游行业自身的特点正好满足这个前提,天然具有发挥互联网营销能力的优势。同时,旅游业对于信息的依赖性又不同于其它行业,Web1.0时代集中式的信息管理方法已经不能适应用户的要求。伴随Web2.0诞生的大量新兴网络商业模式给传统旅游业带来了冲击,同时也带来了创新的动力和活力。
二、旅游业参与角色功能范围的重新划分
Web2.0时代则关注用户体验,关注服务质量,这种业务模式的转变必然导致旅游业各参与角色功能范围的变化。
1.游客。旅游产业必须占有和依托大量的信息,属于信息密集型产业,对信息的支持和更新要求很高。Web2.0的出现从根本上改变了游客在旅游活动中的角色功能。
首先,从“读者”到“编辑”的转换。Web2.0服务强调协作,网络信息的生成不再完全由专业编辑控制,而是向所有用户开放。大量游客的直接参与不仅改变了以往信息的单方向流动,同时也极大地丰富了以往无法及时采集或者更新的旅游信息。比如国外著名的TripAdvisor网站可供游客对酒店、景点等任何旅游相关的服务进行评价,这些信息可以防止服务商虚假信息,也可以提供服务商没有公布的信息,是潜在游客重要的参考资料。其次,从“遍地撒网”到“集中攻克”。Web2.0服务注重个人体验,强调信息的个性化。游客可以通过书签订阅感兴趣的资料或者加入合适的兴趣小组就可以直接获取所需要的信息,服务提供商也可以根据用户的兴趣“推送”相关资料。“信息的消费者和创造者”合二为一的游客新角色是应用的需要,也是用户意志的体现。这种主体意识必将在全新网络文化的滋养下愈发强劲。
2.政府。政府在旅游行业的组织管理过程中扮演着重要的角色,除了相关政策的制定和外,还负责一些公益性的、需要巨大投入的项目建设。Web2.0时代实现了“网聚人的力量”,任何组织和个人以往无法完成或者需要花费巨大的人力物力才可能完成的工程,现在只需要很小的投入便能成功。维基旅游(WikiTravel)的成功正是源自于无数网络用户一点一滴的贡献。单就个人来说,这种贡献压力小,可以做到精准。而对于网站来说,积沙成堆的效果就很明显。这种个人力量的汇集最终又将惠及所有人,是知识和经验传播的有效途径。政府应该变换思路,放弃传统旅游信息组织的方式,主动利用Web2.0的特性来组织构建新一代旅游信息平台。采用类似维基旅游的方法,这样政府就可以从大量繁重的信息采集和整理工作中解脱出来,而集中有限的人力资源来审核信息。
3.景区。景区作为旅游信息化最终的落实对象,在任何时候都应该以提升自我服务质量为第一要务。经济社会使得行业分工越来越细,景区是旅游活动最重要的参与对象,但不是唯一的。良好的旅游服务应该使游客对六要素(吃、住、行、游、购、娱)都满意。景区开发不可能涵盖所有的要素,即使勉强提供了所有业务,那么与这些要素配套的服务会成为景区不可避免的负担和累赘。例如仅是酒店预订、机票车票预订就可以形成一个巨大的行业(国内多数旅游网站都依此为主要经济来源,如携程,e龙等),景区如果不做到专业化如何能与独立旅游网站竞争?所以,景区的发展之路就是专注与景区的管理和开发,而相关的服务通过与第三方旅游网站的联合而实现双赢。
Web2.0还为景区的开发管理以及信息化带来了很多便利之处,例如景区地图。以往的景区地图需要请专业机构制作,更新频率低,而且地图与相关介绍分离。Web2.0提供的免费电子地图(如GoogleMaps,BaiduDitu,Go2map等)不仅更新快,分辨率高,而且具有很好的扩展性,便于二次开发。景区可以方便的将景点信息(图片,文字等)潜入电子地图,给用户更真实的体验。
4.专业旅游网站。在Web2.0时代,旅游网站的功能和职责没有明显变化,但其经营方式却需要转变思路。
首先,最重要的就是要驾驭“长尾”的力量。旅游网站一直以来作为个性化散客的信息平台,却未能从这些“服务对象”身上直接谋取丰厚回报。“长尾”经济现象启示人们,个性化旅游市场目前虽然松散但总量可观。在旅游Web2.0网站,基于以上两种力量,相似偏好的用户将形成虚拟社区,并引发新的出游模式,实现出游的“化零为整”。这就要求网站突出Web2.0的特点,以用户为中心,跟踪用户的需求和习惯,加强互动性。
其次,旅游产业具有关联度高的特性,产业涵盖了食、住、行、游、购、娱等多种要素,产业依托性较强,产业链涉及部门广泛,单纯依靠传统交易模式来提供服务产品效率低下,准确性欠佳。旅游产业的复杂性决定了服务于旅游信息沟通和交易的旅游电子商务体系的多元复杂性,游客对于一站式旅游服务的需求越来越强。景区不可能提供这样的服务,旅行社在个性化旅游时代的作用会被削减。因此,旅游网站就不可避免地成为衔接六要素相关行业的中枢,实现各类服务的无缝集成,给用户提供一站式旅游服务。这种模式在Web2.0时代必将大行其道,其原因就是行业分工更明确,行业协作更自由。Web2.0初期旅游网站之间必然会出现大量的收购合并事件,直至市场分配相对平衡。
5.旅行社。Web1.0时代追求一切业务都上网,旅行社也不例外。实际上除了少数几个大型旅行社依据雄厚的实力通过网络获益外(如中青旅遨游网、春秋旅游网),很多中小型旅行社的网站只是一个摆设。Web2.0时代旅游行业的专业分工将更加细致,同时经济收入的提高促进了个性化旅游的发展,中小型旅行社单薄的网络营销依然难与大型旅行社竞争。其出路在于与独立旅游网站合作,借助专业网站平台的用户群和营销模式来争取客户。可以预见Web2.0时代,旅行社独立建设的网站数量将大大减少,多数旅行社的业务将寄托在专业旅游网站上。由此可见,旅游网站将成为旅游2.0的核心,其商业价值巨大。
三、结论
在Web2.0时代,游客、政府,景区,专业旅游网站和旅行社的角色功能都要重新定位,新的网络应用模式和商业盈利模式促使旅游行业分工更加细致,行业之间的合作更加紧密。这种洗牌过程有利于提高部门效率,提高部门专业化程度,提高游客的旅游质量。
参考文献:
[1]TimO′Reilly.What’sWeb2.0?DesignPatternsandBusinessModelsfortheNextGenerationofSoftware[EB/OL]
[2]周敏,周仁军.Web2.0:企业信息化新趋势[J].上海信息化,2006(10):76-78.
[3]莫凡.Web2.0的常见形态及传播特点[J].开封大学学报,2006,20(2):77-78.
后续课程《网络信息系统开发与利用》要求学生能读懂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 引言
毕业论文写作是检验毕业生综合能力、评估学业成绩的重要方式。毕业论文写作指导是高职英语专业学生的必修课。发挥英语专业特点，充分运用现代教育技术，保障毕业生的学术水平和科研能力，是高职高专外语系课程改革与建设中一项重要的任务。互联网在中国的普及和高校校园网宽带的不断升级，使基于网络的英语专业毕业论文写作教学成为可能。
毕业论文写作是一门实践性的课程，学生必须通过参与研究和写作的整个过程才能建构自己的学术研究理念和实践技能。结合网络教学的特点，发挥建构主义理论对网络论文写作教学的指导作用，整合网络教学理论与实践，探索基于网络技术、以任务为导向的教学方法势在必行。
2 建构主义理论指导下的评价体系
基于网络的论文写作教学新模式是以建构主义为理论基础的。建构主义强调，在整个教学过程中由教师起组织、指导和促进作用，学生是学习的主体，利用情境、协作、会话等学习环境要素充分发挥学生的积极性、主动性，最终完成对知识的意义建构。他们认为学习者是在与周围环境相互作用的过程中，通过“同化”与“顺应”两种方式，促进自身认知结构发展的。学生的学习不是被动的，而应是主动的、探索式的、协作式的学习。根据建构主义理论，学习本身是一个动态发展的过程，像建构理论下的情境创设、知识的意义建构以及人与人的协作关系都是随时空转换而不断变化的。而以往论文写作教学中的终结性评价，关注的是整个阶段的教学结果，不能对教学过程起到跟踪、监控、检测和指导的作用。为了弥补终结性评价的缺陷和不足，在新的教学模式下，要重视学生综合能力和整体素质的发展，科学地、理性地、全面地对学生进行评价，从知识、能力、品质、态度等多项指标去衡量每一名学生。运用更具个性发展的评价策略，激发学习者潜意识中的学习兴趣，充分发挥他们的积极性、主动性和创造性，使众多更具特色的学习个体融于网络学习这个大环境中。
3 以形成性评价为主的多维评价体系的评价方式
以形成性评价为主的多维评价体系其评价方式是多种多样的，其评价资料可以由教师和学生共同收集而完成。评价体系:
(1)以自我评价为主，结合教师评价、小组评价等多种评价方式。建构主义主张自主学习，鼓励学生积极参与学习、研究，发挥首创精神，实现自我反馈学习者每一次实现对原有认知结构的改造与重组，也就是完成了一次自我的肯定、否定、再否定的辩证评价过程。这种自我评价有利于学习者成就感的形成、目标的明确、个性化的培养，使学生由评价客体成为评价主体，提高了学习的参与性，增强了学生的评价能力。同时，我们也不应忽略教师评价和小组评价的作用。教师评价为学生对知识的意义建构提供了一种引导，科学、更合理、更客观。
(2)通过对评价对象的多维度、多层次的评价，提高评价的说服力。建构主义重视个性发展，提倡多情境解决问题，主张发散性思维的培养。
毕业论文的写作一般分五个步骤:
1)选题;
2)搜集材料;
3)论文提纲的撰写;
4)撰写初稿;
5)修改初稿、完成论文。
根据Willis的任务教学模式，我们可以把选题分为前期写作任务，搜集材料，论文提纲的撰写以及撰写初稿分为写作期，而修改初稿、完成论文分为任务后的分析和解决问题。因此我们把论文质量监控和管理分成3个方面:论文写作的准备阶段监控;论文写作过程质量监控;论文写作中期检查和学生意见反馈。论文写作的准备阶段监控主要任务是:教师对学生进行毕业论文写作的各个环节的辅导，帮助他们树立正确的写作态度。同时在论文写作各个阶段进行论文写作课堂教学，内容涉及毕业论文选题、写作方法、规范格式、写作过程中出现的问题及相应的对策等。论文写作过程质量监控的主要任务是:教师就各个环节进行质量监控，如定期抽取某个小组，了解其组员毕业论文撰写进展情况，以及存在的问题。论文写作中期检查和学生意见反馈表。在论文写作进展到中期时，教师自己填写其中检查表，对自己的进度、组织安排、质量监控等各个方面进行自查。学生意见反馈表主要涉及教师的态度、科研水平、教师对毕业论文指导、组织安排等方面的问题。
4 实施毕业设计管理系统
首先是通过网络监控毕业设计的选题。学生根据选题的基本原则填写毕业设计选题表，并通过e-mail发给指导教师。高职高专学生的毕业设计要充分体现其职业性和岗位性，毕业设计选题应与所学专业及岗位需求紧密结合。高职高专英语专业毕业设计选题的基本原则是结合英语专业特点，符合本专业教学大纲的要求。设计不应该只是单一的语言技能，更应该是英语语言技能与文秘、商务、旅游等其他学科知识相结合。此外，题目难度应适宜学生在规定的时间内可以完成，同时题目还要求有科学性、实践性、针对性、创新性。指导教师通过网络对选题进行审批。
其次是对设计过程的管理。毕业设计前期，管理部门落实管理选题工作并监督进展情况，提供标准来确定各种表格填写是否规范。根据毕业设计进度要求，学生网上提交选题报告。教师在网上进行评阅，通过后才能进入下一个环节。毕业设计中期，学生网上提交设计稿并汇报设计情况。教师通过检查工作进度，了解毕业设计工作中存在的问题，以便及时采取有效措施解决问题。网上指导便于教师掌握学生毕业设计的进度和质量，可考察学生掌握和运用知识的能力以及学生的工作态度，对学生在毕业设计中出现的原则性错误能及时指出，并帮助其改正。对部分态度不认真或违反纪律的学生要及时帮助和教育。通过网络，教师可全面审阅学生的书面材料，指导学生形成正确的表达思路，能充分调动学生学习的主动性与积极性。对关键环节如设计方法、理论分析、数据处理和结论等环节进行指导时，指导教师通过存储的学生的初稿进行评阅并做批注，最终论文定稿。毕业设计后期，指导教师可检查各项工作的完成情况，对进度缓慢的学生要根据实际情况提出改进意见，督促学生按进度完成毕业设计任务，同时决定毕业设计答辩的具体安排等。
5 建立评估体系，导向规范评价
建立质量评估体系应具有科学性与可行性。评估指标体系应具有一定的导向性，能充分调动教师、学生和管理人员的积极性。依据毕业设计的质量要素，依据科学性、可操作性、导向性和可比性的原则，我系建立的毕业设计质量评估体系包括6个评估要素，细分为18个评估项目(见表1)。
6 毕业设计教学管理、评估体系的实施效果
我系学生毕业设计始于2006年，几年以来，我系实施毕业设计教学管理与评估体系，取得了如下成效:
(1)进一步完善了毕业设计工作的有关文件。我系制定了有关毕业设计工作的教学管理规章制度，为毕业设计工作提供了制度保障，使毕业设计工作有章可循。
(2)充分发挥了系、教研室在毕业设计工作中的作用。毕业设计有目标管理和过程管理，而系、教研室两部门在过程管理中起重要的作用。系是宏观监控组织，教研室则针对高职英语专业特点，加强了对毕业设计的组织、管理和检查，制订了毕业设计工作的相关细则。
(3)加强了毕业设计工作的质量保障与评估。在贯彻实施毕业设计教学管理与评估体系过程中，学生毕业设计的质量不断提高。1)提前选题时间，选题从第五学期开始，学生提前进入毕业设计准备阶段，并充分利用寒假开展社会调研工作，增强能力培养与社会需求的契合度。并结合专业课程学习和实践教学环节、社会实践活动，在教师指导下及时选择或更换题目。实践结果表明，提前选题时间，更有利于发挥学生的自主性和创造才能;同时，学生有较充足的时间查阅、调研文献资料，提前进入角色，为第六学期开展毕业设计工作奠定较扎实的基础。2)加强了对毕业设计工作的中期检查。教学督导组成员、主管教学系主任、教务处有关人员深入到各专业查阅有关毕业设计的教学文件，了解设计的选题、及时发现问题，解决问题。3)编写了毕业设计指导用书，规范了毕业设计的撰写形式。4)在毕业设计工作结束后，教务处对当年的毕业设计进行抽查、审阅，了解当前毕业设计质量以及存在的不足，评出系、校级优秀毕业设计。5)在毕业设计工作结束时，组织专家组按照毕业设计质量保障与评估体系对当年的毕业设计工作进行评分，明确现状，找出差距，及时改进，不断提高。
毕业设计教学、评估体系的建立促进了我系毕业设计质量的稳步提高，毕业设计的成绩分布合理，设计优秀率保持在10%左右，良好率稳定在60%以内，中等率在20%及格与不及格率控制在10%左右。理论性题目保持在40%以内，而实践性题目稳定在60%以上。
参考文献
[1] Airasian Peter W. Classroom Assessment[M].New York: MeGraw---Hill，1991.
[2] Cohen Andrew D. Assessing Language Ability in Classroom[M].Boston: Heinle & Heinle publishers，1994.
[3] 丁光惠，唐正连，杨伟等.毕业设计管理系统研究与实践[J].黑龙江教育---高教研究与评估，2007(4).
项目教学法简介
项目教学法的前提是“项目”，是一个人人参与的集学习、创作于一体的过程。
项目教学法就是在教学中，组织学生真实地参加项目设计、实施和管理的全过程，在项目实施过程中完成教学任务。项目教学法的开始阶段，主要采用独立作业的方式。项目教学法更多采用小组工作的方式，共同制定计划、共同或分工完成整个项目。一般而言，项目教学法的实施过程可以分五个阶段：
确定项目任务通常由教师提出一个或几个项目的任务设想，与学生一起讨论，最终确定项目的目标和任务。
制定计划由学生制定项目工作计划，确定工作步骤和程序，得到教师的认可后实施。
实施计划学生确定各自在小组中的分工以及小组成员的合作形式，然后按照已确立的工作步骤和程序开展工作。
评价考核通过项目的完成情况对学生的学习效果进行考查，包括教师评价、学习小组评价和自评三部分。可分三个级别进行考核：第一级，由教师对各小组项目完成情况进行评定，如能否共同协作，是否实现预期功能，是否具有创新意识等；第二级，由各小组成员根据每个组员对本小组的贡献情况及参与意识进行互评；第三级，由学生本人进行自评，如自己是否在原有基础上有所提高，是否已经掌握本课程的知识点并熟练应用。最后，综合三级评定情况确定每名学生的学习成绩。对于有企业参与的项目，必要时可由企业做出最终评价。
归档或结果应用项目应尽可能具有实际应用价值，应尽可能将项目的完成结果应用到企业和学校的生产教学实践中。
《网页制作技术》课引入项目教学法
《网页制作技术》是我院计算机应用技术、计算机网络技术、软件技术等专业的主干课程，具有实用性强，应用面广，操作性强、与岗位联系密切等特点。为了更好地讲授《网页制作技术》课，我们进行了大胆的教学改革，打破了传统的教学模式，将实际项目引入课堂教学，改革教学方法、教学手段及考核形式，较好地实现了课程教学目标。
《网页制作技术》的课程目标《网页制作技术》的课程目标是结合职业岗位的需要，培养出能够从事网页平面设计或网站构建的人才，提高学生的学习能力、协作能力和综合能力。
将项目教学法引入《网页制作技术》课本课程的传统教学方式是先由教师在多媒体教室授课，然后安排学生在实验室上机验证教师所讲内容。这种方式忽略了学生的积极性、主动性，学生学到的知识比较零碎，很难开发实际项目。随着课程内容的深入，很多学生逐渐失去了学习兴趣，丧失了主动参与的意识，以致课程结束时，几乎没有学生能够设计出具有一定水平的网站。为打破传统的教学模式，突出学生的主体地位，让学生成为教学的中心。我们分析了该课程的特点，并结合任课教师为企业开发网站的经验，让教师将所承担的网站建设项目引入课堂教学，引导学生共同开发项目，让学生既能学到知识，又能积累项目开发经验，从而体现出“教、学、做是一件事，不是三件事”。
项目教学法提高了学生的能力和素质将项目教学法引入《网页制作技术》后，学生成为了学习的主体，教师在教学过程中起引导协助作用。学生在项目的驱动下自主学习，边学边做。有些能力突出的学生在学习过程中主动与外界联系，承接小型网站建设项目。在完成项目的过程中，他们主动与其他同学和教师进行交流，讨论问题，促进了项目教学法的发展。项目完成后所带来的成功的愉悦和满足感，不但提高了学生的学习兴趣和学习积极性，同时也培养了学生自主学习的能力。
《网页制作技术》课实施项目教学法的过程
笔者在担任《网页制作技术》课的教学过程中，结合学生的特点以及环境，将教学过程划分成以下五个阶段。
（一）网站项目的确定
确立实用、优秀的项目是项目教学法能否成功实施的关键。因此，在实施项目教学法时，首先，应选择切实可行的项目。在教学正式开始之前，可先对学生进行分组，尽量使每一组学生的能力都比较均衡。同时，结合相应的岗位能力要求，将选用的项目分为两种：一种是选用已通过验收的项目，另一种是选用正在进行中的项目。其次，应针对学生的实际水平确定项目的难易程度。对于首次接触这门课程的学生，由教师负责选取项目，讲解知识点。所选取的项目必须简单、典型，并且最好选择已经完成的项目，以便学生进行知识的迁移。对于具有一定基础的学生，可由教师和学生共同讨论选定具有较高难度的项目，并且最好选择正在进行中的项目，让学生身临其境，参与创造实践活动，亲身体验实践的艰辛与乐趣。另外，应注意根据学生具体的培养方向，确立最适合的项目。
（二）网站项目计划
网站项目的计划应按照项目开发的需求加以实施。确定项目以后，让每一组学生针对该项目进行需求分析，启发学生主动发现身边的素材。对于已通过验收的项目，可由教师充当企业的角色，由学生向教师汇报自己所进行的关于项目需求的分析及收集到的资料；对于正在进行中的项目，可由学生直接面对企业，与企业沟通，做出需求分析。教师在这一过程中，一方面，起到指导的作用，另一方面，在对已验收的项目实施的过程中，教师应事先对该项目内容进行定位，分析研究需要解决的问题和完成的任务，确保学生进行需求分析时，不会定位过高。
完成项目需求分析后，教师应根据学生所作的需求分析确定项目的能力模块，并将每个能力模块细分为一系列小项目，学生根据课程的时间安排，结合项目内容编写项目开发计划书。例如，根据我校《网页制作技术》课的实际情况，将首次接触这门课程的学生的能力模块划分如下（见下图）。
（三）网站项目实施
项目教学法中最重要的环节是项目的具体实施过程。在该过程中，教师应及时恰当地对学生进行引导，督促学生根据项目计划书，按时按量完成相应的功能模块，保证项目顺利进行，实现课程教学目标。对于首次接触网页制作的学生来说，没有一定的网页制作软件操作基础，就无法进行项目建设。因此，应在《网页制作技术》课程项目实施过程的第一阶段讲授学生网页制作软件的使用方法，为第二阶段奠定基础，第三阶段的主要任务则是撰写网站开发总结报告，锻炼学生撰写文章的能力。
第一阶段实施过程对应上图中的能力模块划分情况，在第一阶段的实施过程中主要教授学生网页制作软件的使用方法，使其形成相应的具体能力。具体做法是：教师首先通过简单的例子讲解实际操作方法，然后，让学生练习新知识、新操作，完成相应的实验项目。通过这种双教一体的教学模式、讲练结合的教学手段让学生掌握牢固的基础知识。
第二阶段实施过程结合第一阶段学生具体能力的锻炼情况，根据所要建设的项目，按照项目计划书进行开发并完成设计。该阶段是项目教学法实施的核心环节。在此阶段，教师要根据各开发小组的具体情况、具体要求及时恰当地进行指导，解决学生开发过程中遇到的难题，督促学生按时按量完成项目计划书中的各个开发环节，保证学生顺利完成项目的开发，实现教学目标。在实际教学过程中，教师要重点做好指导监督工作。如定期召开各项目组长会议，了解各项目组的开发进程；在项目开发过程中进行技术引导和指导，收集各组遇到的难题，组织各组进行总结和经验交流，从中探讨不同的解决问题的方法。
第三阶段实施过程该阶段的任务是在学生完成网站建设后，撰写开发总结报告，总结本次学习、开发的收获和经验，为下一次开发做准备。阶段性总结评价也是项目具体实施过程中必不可少的环节。教师和学生在每个阶段的学习结束后，都要对该阶段的学习成果进行展示、评价、总结，及时改进不足之处，巩固成果，为后续工作打下坚实的基础。
（四）网站项目展示与评价
项目完成后，应对网站项目的建设效果进行展示，并加以讲解。在讲解展示网站的过程中，学生和教师可以提出问题，并结合相应的网站项目评分表，形成学生和教师对该项目各自的评价。在对学生进行评价时，还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。在对承接的企业的开发项目进行评价时，除上述评价角度外，还应结合企业的需求，即除了学生评价、教师评价外，还要有企业评价，并以企业的评价作为最终的评判标准。
（五）网站项目的总结和应用
项目完成后应进行总结，并将其成果应用到相关领域，体现该门课程的教学目标。我校在《网页制作技术》课中实施项目教学法以来，完成了多个项目并将研究成果应用到实际工作中，如我院的网站、各系各部门的网站、思明网站等。项目完成后应总结思路、技巧并进行经验交流。思路总结可以帮助学生明晰项目完成的最佳思考方法，找到自己的不足；技巧总结着重总结解决开发环节中遇到的难题的方法，把握并吸收整个项目开发的精髓；经验交流主要是对学习方法、知识应用进行交流。最后，教师可以指导学生对项目进行拓展和延伸。
项目教学法的成果
《网页制作技术》课在实施项目教学法后，从本质上改变了课程的教学目的。这种改变使学生不再觉得学习该门课程只是为了获取学分，而是真正掌握一门技术，具备一定的开发能力，能够承担相应的工作。在整个教学过程中，学生的自主学习能力、实践能力、创新能力、团队协作能力、分析解决问题的能力以及撰写报告的能力都得到了锻炼、培养和提高。
实践表明，《网页制作技术》课从传统的多媒体教学模式的枷锁中挣脱出来，实施项目教学法，体现了以学生为本，最大限度地调动了学生自主学习的积极性，培养了学生的综合能力，使学生掌握了一门技巧，对教师也是一种锻炼和提高。
参考文献
网站开发论文参考文献：
[1]黄宝玉，项国雄.国家精品课程建设现状分析及思考[J].中国高教研究，2007(9)：72-75.
[2]史金昌.浅析基于ASP.NET的Web网络应用程序的安全开发[J].科技创新导报，2008(23)：37.
[3]李志勇，魏红.高校精品课程数字化资源建设与推广应用研究[J].电脑知识与技术，20l0(2)：485-486.
[4]张书梅，符蕴芳，刘智国.网站安全管理的方法与具体实现[J].石家庄学院学报，2005，7(6)：54-56.
[5]阳卫文，王建斯，基于P2P流媒体系统模型的研究进展[J].现代电子技术，2008(2)：159-161.
[6]万荣泽.基于ASP.NET技术的统一后台网站群的设计[J].微计算机信息，2007，23(8)：260-262.
[7]王红雨，蔡成闻.基于ASP.NET的课程平台设计与实现[J].聊城大学学报：自然科学版，2007，20(1)：78-82.
[8]顾正刚，毕海峰.网站规划与建设[M].北京：机械工业出版社，2007：4-8.
网站开发论文参考文献：
[1]孔祥鑫.基于PHP技术的校园网站的设计与实现[D].天津：天津师范大学，2012.
[2]李良.基于PHP的商业站点设计与实现[D].南昌：南昌大学，2010.
[3]杜闯.PHP在动态网站开发中的优势[J].电脑知识与技术，2010（13）.
[4]贾素来.使用PHP和MySQL开发动态网站[J].大众科技，2011（3）.
[5]李晶.PHP技术应用于中小企业网站开发探讨[J].软件开发设计，2014（10）.
[6]杜闯.PHP在动态网站开发中的优势[J].电脑知识与技术，2010（13）.
[7]贾素来.使用PHP和MySQL开发动态网站[J].大众科技，2011（3）.
网站开发论文参考文献：
[1]靳莹.基于缓存技术的内容管理系统研究[D].吉林大学，2014.
[2]黄菊.分布式缓存技术及其在车辆监控系统中的应用[D].北京邮电大学，2015.
[3]崔解宾.分布式内存缓存技术在数据处理平台中的研究与应用[D].北京邮电大学，2015.
[4]李光瑞.Map/Reduce型海量数据处理平台中的内存级数据缓存技术研究[D].北京工业大学，2013.
[5]易会战，王锋，左克，杨灿群，杜云飞，马亚青.基于内存缓存的异步检查点容错技术[J].计算机研究与发展，2014（06）：1229-1239.
网页设计论文参考文献：
[1]胡崧.HTML从入门到精通[M].北京：中国青年出版社，2007.
[2]知新文化.HTML完全手册与速查辞典[M].北京：科学出版社，2007.
[3]杨选辉.网页设计与制作教程[M].北京：清华大学出版社，2009.
[4]王诚君，刘振华，郭竑晖，高中山.Dreamweaver8网页设计应用教程[M].北京：清华大学出版社，2007.
[5]李光明，曹蕾，余辉.中文Dreamweaver8网页设计与实训教程[M].北京：冶金工业出版社，2006.
[6]周德华，许铭霖.新编网页设计教程[M].北京：冶金工业出版社，2006.
[7]赵铭建，赵慧，乔孟丽，康梅娟.网页设计与制作[M].东营：中国石油大学出版社，2007.
[8]赵祖荫，王云翔，胡耀芳.网页设计与制作教程[M].北京：清华大学出版社，2008.
[9]陈季.Flash基础与实例教程[M].北京：北京希望电子出版社，2005.
[10]丁海祥.计算机平面设计实训[M].北京：高等教育出版社，2005.
[11]曹雁青，杨聪.Photoshop经典作品赏析[M].北京：北京海洋智慧图书有限公司，2002.
[12]张怒涛.Photoshop平面设计图像处理技法[M].北京：清华大学出版社，2003.
[13]陈笑.Dreamweaver8，PhotoshopCS2，Flash8网页制作实用教程[M].北京：清华大学出版社，2006.
[14]孙强，李晓娜，黄艳.JavaScript从入门到精通[M].北京：清华大学出版社，2008.
[15]刘智勇.JavaScript开发技术大全[M].北京：清华大学出版社，2009.
[16]陈会安.JavaScript基础与实例教程[M].北京：中国电力出版社，2007.
[17]常永英.ASP.NET程序设计教程(C#版)[M].北京：机械工业出版社，2009.
[18]肖金秀，冯沃辉，陈少涌.ASP.NET程序设计教程[M].北京：冶金工业出版社，2003.
[19]金旭亮.ASP.NET程序设计教程[M].北京：高等教育出版社，2009.
[20]刘培文，韩小祥.ASP.NET程序设计教程[M].北京：中国人民大学出版社，2009.
网页设计论文参考文献：
[1]安颖莲，李秀，姚瑞霞，田荣牌.《网页设计与制作》课程教学设计与实践.中国教育信息化，2007(17).
[2]沈志刚，于晓霞.“模块项目化”教学法在网页设计与制作课程中的应用.福建电脑，2009(5).
[3]周娟.高职网页设计与制作课程教学的几点改进.电脑知识与技术，2009(26).
[4]蔡北勤.模块化基础上的工作过程系统化教学模式探讨.交通职业教育，2007(6).
[5]，冯永华.课堂教学变革的反思与重建———“慕课”背景下课堂教学变革的思考[J].教师教育学报，2014，11(3)：53-63.
[6]孙晓娟.基于“慕课”的高职课程改革及教学评价的研究[J].中国管理信息化，2016，1(4)：236-237.
[7]张琳.高职网页设计课程的教学生态模式研究[J].教育现代化，2015，4(10)：99-101.
[8]郑伟、薛岚.高职院校图形类专业实践教学研究[J].科技资讯，2010(12)：248-248.
[9]郑伟.高职院校非图形类专业《网页设计与制作》课程教学改革的探讨[J].福建电脑，2011，27(1)：205-206.
[10]郑伟、薛岚.高职院校图形类专业《网页设计与制作》课程建设改革的探讨[J].艺术科技，2013，26(3)：283-283.
[11]李荣刚.视觉传达专业中的网页设计课程探索[J].美术学刊，2012，(10).
[12]何磊孙志宜.视觉传达设计专业课程教学改革与创新[J].合肥师范学院学报，2015，(1)33期
[13]魏坤.视觉传达设计专业发展现状与教学对策——以汉江大学设计学院为例[J].中国艺术，2013，(4).
[14]戴士弘.职业教育课程教学改革[M].北京：清华大学出版社，2007：13-15
[15]梁景红.网站设计与网页配色[M].北京，人民邮电出版社，2008，(52).
网页设计论文参考文献：
[1]王寅田.基于Hadoop的交通物流大数据处理系统设计与实现[D].上海交通大学2014
[2]滕勇.基于WMI的电信营业终端管理系统的设计与实现[D].上海交通大学2013
[3]刘畅.模型驱动的飞机座舱显示控制应用软件开发方法研究与实现[D].上海交通大学2014
[4]李岩.可调整时间自动机可达性算法的研究与实现[D].上海交通大学2014
[5]余启鸿.物流企业信用评级技术研究及系统实现[D].上海交通大学2014
[6]张明锐.基于AOP的座舱显示应用软件框架研究与实现[D].上海交通大学2014
[7]浦杰.券商门户系统统一通讯平台的研究和实现[D].上海交通大学2012
[8]陆志林.基于jBPM和SSH的电子政务开发平台的研究和实现[D].上海交通大学2012
[9]郑琦.基于OCM模型的在线计费系统开发及应用[D].上海交通大学2007
一、目前，中等职业学校计算机课程评价体系的弊端
目前中等职业学校的计算机课程教学中，还是以传统的终结性考核为主。中职学生的基础差、学习的自觉性不强，特别是不少计算机专业的学生是因为喜欢电脑游戏才选择计算机专业。另外，计算机教学的网络环境对学生的课堂学习有不小的干扰和诱惑，部分同学将课堂实践时间用于玩游戏和闲聊。传统的评价等同于考试，试卷上几乎没有让学生综合运用所学知识解决实际问题的试题，不能引导学生培养各种能力，总结为重知识，轻能力；重笔试，轻操作。
职业教育的优势在于毕业生到岗就能上岗、上岗就能顶岗。为了培养高素质的技能型人才，我们必须对学生的评价体制进行改革。有效过程性评价，就是对于学生学习过程进行多方面、多种形式、分阶段的考核，侧重对学生认知过程和综合应用能力的形成进行监督和评价。
二、有效过程性评价在实践中的应用方法
1.与职业资格等级制度挂钩。
有效过程性评价并不否定终结性评价的甄别作用，在计算机网络专业的教学中，我们要求学生通过国家劳动和社会保障部门的职业资格鉴定，获得行业准入资格，为就业打好基础。在《网页制作》学科，要求学生能够通过网页制作的过级考试，获取认证资格。
2.将课堂行为纳入评价范围。
职业学校不仅培养劳动者的专业技能，更注重培养劳动者的职业道德意识。我们把考勤记录、学生对自己行为的认知和改进，对待批评的态度作为有效性过程评价的一部分。
3.课堂上引入合作学习。
将学生分成小组进行比赛，每个小组成员都承担一部分任务，通过比赛增强学习的兴趣。比如在学习《网页制作》中CSS样式的使用过程中，让学生分工设置关于超级链接的各种状态，学习能力强的同学设计鼠标经过、单击、激活和正常时的四种链接状态，学习能力稍微弱一些的同学负责观察四种状态的不同效果。这样使既保证了每一个学生都有任务可做，也达到了培养学生合作学习的能力。为学生今后走向工作岗位打下了良好的基础，使学生能够更容易的适应团队生活。
4.其他一些影响评价的因素。
课堂笔记：把学生的课堂笔记放到评价中，用于考察学习态度。课堂笔记不是板书的翻版，对那些结合了个人的思考和总结，问题和解决方法的笔记要给予表扬，好的方法要在学生中推广，教会其他同学做有价值的笔记。
学习态度：对于学习态度有明显好转的或者出现好的学习习惯的学生要及时给予关注和鼓励。考虑到不同层次学生的接受能力，题目有难易度的区分，并给予学生一定的选题权。不以统一的技能考试为标准，而是根据学生技能的进步程度进行评价。
观察能力和创新能力：计算机技术发展之快速使教学准备很难做到充分，课堂上出现的一些小问题引起了那些善于思考的学生的兴趣，这些学生非常善于发现问题。教师要鼓励和表扬这些行为。在《网页制作》课程讲解时间轴知识的时候，让学生从中发现问题，并让学生自己找出解决的方法，学生就会联系自己所学的FLASH课程，并把其它学科的相关知识应用于本学科。学生的观察能力和创新能力是教与学过程和教学质量监控的重要环节，是改进课程考核方式的重要措施，是科学测评学生学习效果、促进自主学习、提高综合素质和能力的重要途径。
三、有效过程性评价在实践中的具体实施
将《网页制作》的内容划分为六个模块，分别为认识Dreamweaver CS3、创建和管理站点、文档中各种元素的使用、表格布局页面的应用、模板和框架的使用、特殊动态效果的应用，设置18个任务测试，按教学进度，分阶段进行测试，以实现适时的对学生的学习效果进行评估。到学期结束时，再对学生进行理论和操作相结合的综合性考核。
四、通过以上实践得出总结
（1）在平时的教学过程中可以采用任务驱动、案例教学、项目教学法相结合的教学方式，教学内容要能吸引学生的眼球，让学生觉得学了这个技能后能帮他们解决实际工作问题。在模块测试中尽量采用与平时教学过程中类似的案例，让学生有可操作性和可实现性。
（2）由于有效过程性评价需要测试次数较多，为了不影响教学进度，需要利课外时间，比如第二课堂的时间。同时可以分设组长，扮演小老师的角色，除了在课堂上辅助教学外，也可以在课外技能训练时间，辅导同学进行训练。
实践表明，通过在网页制作课程中实施有效过程性评价充分调动了学生学习的主动性和积极性，学生的学习过程从单纯的学转变为主动地想学和多次被评价。通过学生团队的研究、探讨、操作方案设计，使学生将理论与实践有机的结合起来，有利于熟练技能的形成，同时协作能力、沟通能力也会得到同步的提高。所以过程性评价在中职学校《网页制作》课程中的应用是很有必要性的，期待有效过程性评价方法能够帮助中职学校培养出更多的全能型人才。
一、介绍
超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息，使用户和网站进行交互，使你找到用户的详细信息。表格在许多工作中有着广泛的应用。
框架网页是一种特殊的HTML网页，使用框架网页可以同时浏览几个不同的Web页面，使用Web页面显示一致的用户界面和灵活的页面内容。
网页制作的高级技术包括：在网页中插入FLASH动画利用Java或者JavaScript制作网页的动态效果。网页中使用插件，视频等Web组件以及创建、和管理站点等技术。
Web页面往往是具有各种各样的页面元素、丰富的内容和复杂的布局。因此仅仅使用到一种或者两种网页制作技术，不可能创作出一个优秀的Web页面，一个美观而实用的Web页面往往需要综合利用各种技术。
二、概述
1. 网站名称：“济南中天环保设备有限公司”
2. 步骤：
(1) 确立主题
(2) 收集资料
(3) 创建网站
(4) 编辑网页
(5) 美化网页
三、目的
运用已经掌握的知识完成一个环境保护企业网站。通过此次设计可以达到全面理解、运用网页制作的知识，并使之得以融会贯通，在掌握运用Dreamweaver制作网页的基础上再加以实践，进一步提高、加强自身的综合能力。
四、要求
根据公司的要求，设计一个企业站点，以达到宣传该公司及其产品的目的。有整体框架结构，表格定位等，布局合理，色彩搭配协调统一，内容丰富多彩，页面风格独特。
五、设计工具
Dreamweaver、Flash、Photoshop等。
六、站点构思
1.整体构思：
本网站主题为：济南中天环保设备有限公司。总共有网页24个。主页是一个总目录的网页，里面加有网页动画效果“滚动字幕”及Flash动画，本站几个主要分网页分别为：公司简介、资质认证、产品介绍、业务范围、经营业绩、联系方式。还有许多子网页。
2.页面构思：
下面介绍一下网站中的几个网页的制作。
业务范围中的二氧化氯发生器产品公司服务承诺页面，背景色采用跟主页一样的蓝色，淡蓝色的背景给人以干净大方的感觉，与环保网站的主旨相一致。上方为Flash动画与链接页，左下方是用Photoshop
处理过的图片，与主页是一致的。右边的标题是用Photoshop制作的图片，小标题采用斜体加黑，这样制作丰富了页面内容，使整个页面条理清晰。服务承诺分条目标示，一目了然。最后的“空气净化服务范围”标题，即可以链接到空气净化服务范围页面。
标题“服务范围和承诺”是用Photoshop制作的，先用油漆桶工具把背景色填充为与页面相同的淡蓝色，调整文字的大小与位置，两边分别加上符号“【”、“】”和“”，使图片看起来更加美观。
经营业绩页面，背景色与Flash动画，链接页与主页保持一致。这一页的主要内容是用表格形式来固定的，边框设置为1，颜色为淡灰色。表格宽度与Flash宽度一致。整个页面清晰有致，比较大方，浏览者可以清楚的看到公司近年来的经营业绩。
联系方式页面，左下方的图片与右边的标题都是用Photoshop制作的，在联系方式中还添加了一个outlook express电子邮件，方便用户与公司的联系，用户可以直接点击给公司发送邮件。outlook express作为全球范围内的联机通讯软件，已经被越来越多的人所接受，无论是与同事和朋友交换电子邮件，还是加入新闻组进行思想与信息的交流，Outlook Express都已成为不可或缺的助手。联系方式中除了电子邮件，还列出了公司地址，电话，传真，邮编。
左边的图片是在Photoshop中，先用椭圆选框工具选中所要的部分，放置新建的画布中，再用油漆桶工具把空白处填充为与页面背景相同的蓝色并对画面进行淡化处理。右边的标题是在Photoshop中，用油漆桶工具填充背景色，然后写上“联系方式”，调整其大小与位置，“方式”二字较“联系”稍小一些，左右分别加上符号“”，“「”，“”，“”，使图片放置页面中显得美观，更突出了主题内容。
FLS－系列风淋室，净化空调厂房，中效送风机组，各种医疗器械设备及实验室设备等页面由页面“产品介绍”链接的，并且均以淡蓝色为背景底色。页面大部分有图片和文字两部分组成。文字部分由表格固定，表格边框设为零，图片是用Photoshop制作成的。
所有页面整齐划一，设计风格保持一致，加上淡蓝色的背景，给人简洁、明了、大方的感觉。
七 所用各技术的特点
1.Dreamweaver : Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是当前主流的站点和网页编辑器，其代码简洁、兼容性和整体功能都很强。Dreamweaver的介入，使得网页一些部分的实现变得更加直观简便。
Dreamweaver的主要特点：
最佳的制作效率
Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。
网站管理
使用网站地图可以快速制作网站雏形，设计，更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有链接。使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。
无可比拟的控制能力
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。
所供即所得
Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP， Apache，BroadVision， Cold Fusion，iCAT， Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所供即所得的功能，让您不需要透过浏览器就能预览网页。
梦幻样版和XML
Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部分，内容提供者可直接编辑以样式为主的内容，却不会不小心改变既定之样式。您也可以使用样版正确地汇入或输出XML内容。
全方位的呈现
利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascading style sheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站下载它的描述档，便可得知详尽的成效报告。
2.Photoshop:Adobe photoshop 在绘图、色彩调整等诸多方面有着出色的功能，集成度高、适应面广和操作简便。他不仅提供强大的绘图工具，可以直接绘制艺术图形，还能直接从扫描仪，数码相机等设备中采集图像，并对他们进行编辑、修复、以及调整效果，同时可以改变图像的颜色模式，并能在图像中制作艺术文字等。Photoshop中的高级绘图工具，可自动生成背景纹理、图层效果，多种特殊效果滤镜，可创建多种艺术效果和绚丽的web图形并可直接在photoshop中定义和编辑切片的工具透明控制，包括用于混合到任意背景中的边缘的仿色透明度。强大的彩色校正工具——修复画笔，可在消除瑕疵的同时保留色调和纹理图层。Photoshop的强大工具可以使操作者不管制作任何图像都游刃有余。对于设计网页，photoshop是不可或缺的工具，是强大的图片处理工具。
3.FlashMX: Macromedia公司出品的Flash是制作网页动画的利器。严格来说， F1ash是网络多媒体制作工具而不是网页编辑工具。F1ash是制作动感网页的权威。对于使用者来说，只需很短时间的学习，就可以用它制作出美观的网页动画。可以让制作者随心所欲地实现各种创意，并且可以和JavaScript一起创作出具有强大交互性的网页动画。
Flash是一种绘制矢量图形和创作互动多媒体动画的软件。它可以用少量的矢量数据就可以描述相当复杂的对象，所以生成的文件尺寸小，便于在网上传输。Flash创建的动画集可以插入到html文档中，也可以单独制作网页。使网页的效果更加完美。
八 网页制作的优缺点
比较明确，风格统一。并运用了一些其它的设计软件加以辅助设计。使网页更加具有动感，形式丰富。就内容而言，比较丰富。大量运用了图片，并进行了文字说明，做到了图文并茂。但是由于我们刚接触网页制作，做出的效果还是有些稚嫩的，需要以后不断的实践。
九 代码
1．滚动字幕
style="FONT-WEIGHT: normal; LEFT: 0px; MARGIN-LEFT: 1px; TOP: 1px; TEXT-ALIGN: center"
onmouseout=this.start() scrollAmount=1 scrollDelay=50
direction=up behavior=loop width=250 height=150 background="">
href="Untitled-21.htm" target=_blank>二氧化氯的发展史
href="Untitled-22.htm" target=_blank>二氧化氯对健康的影响
href="Untitled-23.htm"
target=_blank>二氧化氯作为水体消毒剂的特性
href="Untitled-24.htm"
target=_blank>二氧化氯的主要应用领域：用于造纸、用于饮用水处理、用于环境废物处理、用于油田......
2．链接站点
style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1 name=select>
友情链接站点
value=sina.com.cn>新浪网
value=163.com>网易
value=sohu.com>搜狐网
value=jnnc.com>新视听
value=china.com>中华网
value=yahoo.com>雅虎
value=263.net>263首都在线
value=soim.com>索易
class=ourfont
style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1 name=number1>
环境保护站点
value=zhb.gov.cn/>国家环境保护总局
value=bjepb.gov.cn/>北京市环境保护局
value=sdein.gov.cn/>山东环境
value=jnepb.gov.cn/default.aspx>济南市环境保护局
value=hisun-cn.com/>青岛海晟环保技术
3．下拉列表
style="MARGIN: 0px; COLOR: #000000; BACKGROUND-COLOR: #ffffff"
onChange=javascript:window.open(this.options[this.selectedIndex].value)
size=1 name=select>
产品介绍
value="Untitled-6.htm" target="_blank">二氧化氯发生器-WPR型
value="Untitled-7.htm" target="_blank">二氧化氯发生器-WPRⅠ型
value="Untitled-8.htm" target="_blank">二氧化氯发生器-WPRⅡ型
value="Untitled-18.htm" target="_blank">二氧化氯发生器型号说明
value="Untitled-9.htm" target="_blank">破氰、除铬一体化设备
value="Untitled-10.htm" target="_blank">ZT系列空气净化工作台
value="Untitled-11.htm" target="_blank">ZT系列百级层流罩
value="Untitled-12.htm" target="_blank">ZT系列高效自净器
value="Untitled-13.htm" target="_blank">ZT系列高效空气过滤器
value="Untitled-14.htm" target="_blank">FLS-系列风淋室
value="Untitled-15.htm" target="_blank">净化空调厂房
value="Untitled-16.htm" target="_blank">中效送风机组
value="Untitled-17.htm" target="_blank">各种医疗器械设备及实验室
参考文献
1.魏洪斌 《Dreamweaver MX网页设计》清华大学出版社
2.马波 《Dreamweaver MX完美网页设计与制作》中国青年出版社
3.黄梦 《Dreamweaver MX完全征服手册》中国青年出版社
4.周明涛 《Dreamweaver MX网页设计指南》机械工程出版社
5.陈青、刘时燕、macromedia 《Flash MX标准案例教材》人民邮电出版社
6.刘淼 《Flash MX入门与提高》人民邮电出版社
7.李伟 《Flash MX动画制作实例教程》清华大学出版社
