网页制作论文例1

现在流行的网页制作软件有很多，如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服务器上。站点前还要对它进行检查工作，包括超链接，页面等。

【参考文献】

网页制作论文例2

项目教学法简介

项目教学法的前提是“项目”，是一个人人参与的集学习、创作于一体的过程。

项目教学法就是在教学中，组织学生真实地参加项目设计、实施和管理的全过程，在项目实施过程中完成教学任务。项目教学法的开始阶段，主要采用独立作业的方式。项目教学法更多采用小组工作的方式，共同制定计划、共同或分工完成整个项目。一般而言，项目教学法的实施过程可以分五个阶段：

确定项目任务通常由教师提出一个或几个项目的任务设想，与学生一起讨论，最终确定项目的目标和任务。制定计划由学生制定项目工作计划，确定工作步骤和程序，得到教师的认可后实施。

实施计划学生确定各自在小组中的分工以及小组成员的合作形式，然后按照已确立的工作步骤和程序开展工作。

评价考核通过项目的完成情况对学生的学习效果进行考查，包括教师评价、学习小组评价和自评三部分。可分三个级别进行考核：第一级，由教师对各小组项目完成情况进行评定，如能否共同协作，是否实现预期功能，是否具有创新意识等；第二级，由各小组成员根据每个组员对本小组的贡献情况及参与意识进行互评；第三级，由学生本人进行自评，如自己是否在原有基础上有所提高，是否已经掌握本课程的知识点并熟练应用。最后，综合三级评定情况确定每名学生的学习成绩。对于有企业参与的项目，必要时可由企业做出最终评价。

归档或结果应用项目应尽可能具有实际应用价值，应尽可能将项目的完成结果应用到企业和学校的生产教学实践中。

《网页制作技术》课引入项目教学法

《网页制作技术》是我院计算机应用技术、计算机网络技术、软件技术等专业的主干课程，具有实用性强，应用面广，操作性强、与岗位联系密切等特点。为了更好地讲授《网页制作技术》课，我们进行了大胆的教学改革，打破了传统的教学模式，将实际项目引入课堂教学，改革教学方法、教学手段及考核形式，较好地实现了课程教学目标。《网页制作技术》的课程目标《网页制作技术》的课程目标是结合职业岗位的需要，培养出能够从事网页平面设计或网站构建的人才，提高学生的学习能力、协作能力和综合能力。

将项目教学法引入《网页制作技术》课本课程的传统教学方式是先由教师在多媒体教室授课，然后安排学生在实验室上机验证教师所讲内容。这种方式忽略了学生的积极性、主动性，学生学到的知识比较零碎，很难开发实际项目。随着课程内容的深入，很多学生逐渐失去了学习兴趣，丧失了主动参与的意识，以致课程结束时，几乎没有学生能够设计出具有一定水平的网站。为打破传统的教学模式，突出学生的主体地位，让学生成为教学的中心。我们分析了该课程的特点，并结合任课教师为企业开发网站的经验，让教师将所承担的网站建设项目引入课堂教学，引导学生共同开发项目，让学生既能学到知识，又能积累项目开发经验，从而体现出“教、学、做是一件事，不是三件事”。

项目教学法提高了学生的能力和素质将项目教学法引入《网页制作技术》后，学生成为了学习的主体，教师在教学过程中起引导协助作用。学生在项目的驱动下自主学习，边学边做。有些能力突出的学生在学习过程中主动与外界联系，承接小型网站建设项目。在完成项目的过程中，他们主动与其他同学和教师进行交流，讨论问题，促进了项目教学法的发展。项目完成后所带来的成功的愉悦和满足感，不但提高了学生的学习兴趣和学习积极性，同时也培养了学生自主学习的能力。

《网页制作技术》课实施项目教学法的过程

笔者在担任《网页制作技术》课的教学过程中，结合学生的特点以及环境，将教学过程划分成以下五个阶段。（一）网站项目的确定

确立实用、优秀的项目是项目教学法能否成功实施的关键。因此，在实施项目教学法时，首先，应选择切实可行的项目。在教学正式开始之前，可先对学生进行分组，尽量使每一组学生的能力都比较均衡。同时，结合相应的岗位能力要求，将选用的项目分为两种：一种是选用已通过验收的项目，另一种是选用正在进行中的项目。其次，应针对学生的实际水平确定项目的难易程度。对于首次接触这门课程的学生，由教师负责选取项目，讲解知识点。所选取的项目必须简单、典型，并且最好选择已经完成的项目，以便学生进行知识的迁移。对于具有一定基础的学生，可由教师和学生共同讨论选定具有较高难度的项目，并且最好选择正在进行中的项目，让学生身临其境，参与创造实践活动，亲身体验实践的艰辛与乐趣。另外，应注意根据学生具体的培养方向，确立最适合的项目。

（二）网站项目计划

网站项目的计划应按照项目开发的需求加以实施。确定项目以后，让每一组学生针对该项目进行需求分析，启发学生主动发现身边的素材。对于已通过验收的项目，可由教师充当企业的角色，由学生向教师汇报自己所进行的关于项目需求的分析及收集到的资料；对于正在进行中的项目，可由学生直接面对企业，与企业沟通，做出需求分析。教师在这一过程中，一方面，起到指导的作用，另一方面，在对已验收的项目实施的过程中，教师应事先对该项目内容进行定位，分析研究需要解决的问题和完成的任务，确保学生进行需求分析时，不会定位过高。完成项目需求分析后，教师应根据学生所作的需求分析确定项目的能力模块，并将每个能力模块细分为一系列小项目，学生根据课程的时间安排，结合项目内容编写项目开发计划书。例如，根据我校《网页制作技术》课的实际情况，将首次接触这门课程的学生的能力模块划分如下（见下图）。

（三）网站项目实施

项目教学法中最重要的环节是项目的具体实施过程。在该过程中，教师应及时恰当地对学生进行引导，督促学生根据项目计划书，按时按量完成相应的功能模块，保证项目顺利进行，实现课程教学目标。对于首次接触网页制作的学生来说，没有一定的网页制作软件操作基础，就无法进行项目建设。因此，应在《网页制作技术》课程项目实施过程的第一阶段讲授学生网页制作软件的使用方法，为第二阶段奠定基础，第三阶段的主要任务则是撰写网站开发总结报告，锻炼学生撰写文章的能力。

第一阶段实施过程对应上图中的能力模块划分情况，在第一阶段的实施过程中主要教授学生网页制作软件的使用方法，使其形成相应的具体能力。具体做法是：教师首先通过简单的例子讲解实际操作方法，然后，让学生练习新知识、新操作，完成相应的实验项目。通过这种双教一体的教学模式、讲练结合的教学手段让学生掌握牢固的基础知识。

第二阶段实施过程结合第一阶段学生具体能力的锻炼情况，根据所要建设的项目，按照项目计划书进行开发并完成设计。该阶段是项目教学法实施的核心环节。在此阶段，教师要根据各开发小组的具体情况、具体要求及时恰当地进行指导，解决学生开发过程中遇到的难题，督促学生按时按量完成项目计划书中的各个开发环节，保证学生顺利完成项目的开发，实现教学目标。在实际教学过程中，教师要重点做好指导监督工作。如定期召开各项目组长会议，了解各项目组的开发进程；在项目开发过程中进行技术引导和指导，收集各组遇到的难题，组织各组进行总结和经验交流，从中探讨不同的解决问题的方法。

第三阶段实施过程该阶段的任务是在学生完成网站建设后，撰写开发总结报告，总结本次学习、开发的收获和经验，为下一次开发做准备。阶段性总结评价也是项目具体实施过程中必不可少的环节。教师和学生在每个阶段的学习结束后，都要对该阶段的学习成果进行展示、评价、总结，及时改进不足之处，巩固成果，为后续工作打下坚实的基础。

（四）网站项目展示与评价

项目完成后，应对网站项目的建设效果进行展示，并加以讲解。在讲解展示网站的过程中，学生和教师可以提出问题，并结合相应的网站项目评分表，形成学生和教师对该项目各自的评价。在对学生进行评价时，还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。在对承接的企业的开发项目进行评价时，除上述评价角度外，还应结合企业的需求，即除了学生评价、教师评价外，还要有企业评价，并以企业的评价作为最终的评判标准。

（五）网站项目的总结和应用

项目完成后应进行总结，并将其成果应用到相关领域，体现该门课程的教学目标。我校在《网页制作技术》课中实施项目教学法以来，完成了多个项目并将研究成果应用到实际工作中，如我院的网站、各系各部门的网站、思明网站等。项目完成后应总结思路、技巧并进行经验交流。思路总结可以帮助学生明晰项目完成的最佳思考方法，找到自己的不足；技巧总结着重总结解决开发环节中遇到的难题的方法，把握并吸收整个项目开发的精髓；经验交流主要是对学习方法、知识应用进行交流。最后，教师可以指导学生对项目进行拓展和延伸。超级秘书网

项目教学法的成果

《网页制作技术》课在实施项目教学法后，从本质上改变了课程的教学目的。这种改变使学生不再觉得学习该门课程只是为了获取学分，而是真正掌握一门技术，具备一定的开发能力，能够承担相应的工作。在整个教学过程中，学生的自主学习能力、实践能力、创新能力、团队协作能力、分析解决问题的能力以及撰写报告的能力都得到了锻炼、培养和提高。

实践表明，《网页制作技术》课从传统的多媒体教学模式的枷锁中挣脱出来，实施项目教学法，体现了以学生为本，最大限度地调动了学生自主学习的积极性，培养了学生的综合能力，使学生掌握了一门技巧，对教师也是一种锻炼和提高。

参考文献：

网页制作论文例3

基于建构主义的教学模式设计

网页制作论文例4

引言

随着信息时代的发展，web技术的一天天成熟，如何制作出一个符合规范，美观又浏览速度快的网页已经越来越成为一个网页设计师所要考虑的重点了。过去的网页设计师只需考虑网页前台美工处理，然后切片形成网页即可，而自从CSS层叠式样式表诞生后，网页排版成为了一个新的网页技术研究的领域。在制作网页中，我们布局网页的方法一般有两种，第一种是使用table（表格）来布局网页，另一种是使用div容器来布局网页。下面我们就一个实例来讲解这两种方法来布局网页的操作步骤，以及比较两种方法的优点和不足之处。

一、网页布局的两种方法

方法一：使用table表格制作网页框架。具体操作步骤如下：

第一步，打开dreamweaver8.0软件，数好目标表格的行和列（从最小的格子数起）点击插入菜单中的表格项，然后打开下面的属性面板

第二步，将第一行的三列合并，第三行的三列合并。

第三步，合并后，一定要严格定义好每行的高度，其次一定要定义好第二行每个单元格的宽度，注意三个单元格的宽度之和应该是表格的总宽度。

第四步，将总表格居中对齐，设置好表格的边框颜色以及每个单元格的底纹，即可。

这样，一个通过表格制作的网页框架就做好了，表格的每个单元格就可以存放图片、文字、动画等等了。

方法二：通过div容器来制作网页框架。具体步骤如下：

第一步，新建一个dreamwer文件，点击插入菜单中的插入布局对象中的div标签，点击确定；

第二步，新建CSS样式

新建完后将CSS样式的边框、底纹以及高度和宽度设置好。这样就设置好了顶部单元格。

设置好所有的css属性后，点击dreamweaver的编辑窗口div标签，点击如图5属性栏中的divID应用即可。

第三步，使用相同的方法继续插入布局对象中的DIV标签，第二行插入DIV应注意，首先插入一个大的div容器，然后在里面插入左中右三个div，定义好每个div的宽度后，注意左边和中间的div容器的css代码必须写入：float:left；否则div容器是无法形成横排的

第四步，使用相同的方法插入底部的第六个div容器。保持与上面容器宽度一致，同时在css代码中将每个div容器的底纹和边框设置好。

二、总结网页布局的两种方法的优点与不足之处

使用table表格来布局网页框架的优点：制作方法直接，直接通过插入菜单中插入以及属性栏中设置所有的操作即可，无需定义CSS样式；制作的速度快。缺点：由于html文件中的table标签的浏览速度较慢，所以，使用嵌套表格的方法来布局网页框架会使网页浏览的速度变慢。

使用DIV的方法布局网页框架的优点：可以通过css样式给框架进行功能强大的属性设置以及给网页的局部进行任意的定位，制作出来的页面浏览速度较快，同时页面的风格可以通过修改单独的css文件进行随意的修改和更新；缺点：每个div容器都需要定义css样式来控制，制作过程相比table方式要复杂。现在的网页越来越倾向于使用DIV的方法来布局网页了。:

三、table与div方法布局网页框架的应用

网页制作论文例5

在此基础上如要实现两组图片切换效果各自不同,修改代码,将代码“theTimer=setTimeout("nextAd()",5000);”改为“theTimer=setTimeout("nextAd()",12000);”,将滤镜效果语句“style="filter:revealTrans(duration=2,transition=20)"”中数字稍做改动,就实现了上述特效。

4 两个不同插件合二为一,体现不同凡响的效果

Marquee.mxp插件能够实现一段文字在网页中的走马灯效果,Flashtext.mxp插件能够实现网页中文字的flas效果,将两个插件的效果组合起来,能够为网页效果增色不少。

安装Marquee.mxp插件后,在Dreamweaver软件常用对象工具栏中找到安装后的插件。设置相关参数,网页中出现代码,部分代码如下:

欢迎进入成教院中文系文苑长廊

安装Flashtext.mxp插件并设置参数,网页中自动出现新代码,部分代码如下:

var message="欢迎进入中文系文苑长廊"

var n=0;

if(document.all){

document.write('')

for(m=0;m

document.write(''+message.charAt(m)+'')

document.write('')

var tempref=document.all.neonlight}

else

document.write(message)

function beginneon(){

if(document.all)

flashing=setInterval("neon()",12)}

beginneon()

这时两种效果各自实现,为了实现在走马灯效果中出现文字的flas,将后一段代码剪切、粘贴入前一段代码的和中,去掉相同的文字部分,效果就实现了。

5 结论

目前可用的Dreamweaver插件非常多,实现的功能也非常丰富。作为网页设计者只要用心去研读代码,进而巧妙构思,就可以设计出更好的网页效果来。当然你也可以将你做好的特效网页制作成插件,供他人使用,这样就更好了。

网页制作论文例6

中图分类号：D923.41 文献标识码：A 文章编号：1008—4428（2012）08—75 —02

随着以互联网为代表的信息技术的发展，传统的生活、工作和学习方式正在被逐步改变，网络在融入大众生活的同时逐渐成为人们获取信息的主要渠道。在以互联网为媒介的虚拟世界中，作为最基本元素的网页是信息传播的载体，任何网络上传播的信息最终都要通过网页呈现在网民面前。互联网给人类带来巨大便利的同时，侵权行为也悄无声息地在网络世界开辟着另一块战场，这其中不乏对网页作品的侵权。

对于网页作品，作为一代新生事物，现行著作权法体系的完善相对滞后，导致对其无法进行充分保护，由此带来的版权问题甚多，尽管如此，到目前为止学界对此类问题的讨论凸显匮乏。本文通过对网页的剖析，研究了若干网页作品版权保护的困境及现存的一些观点，提出了解决此类问题的方案。

一、网页是否属于著作权法所保护的作品

我国《著作权法》第2条就著作权法中作品的概念进行了如下阐述：“著作权法所称的作品，是指文学、艺术和科学领域内具有独创性并能以某种有形形式复制的智力成果，”网页的概念是否与作品概念相符呢？不妨先考察一下网页的制作流程，网页是网站的基本元素，网页制作贯穿于整个网站的构建过程中，主要制作流程应该包括：（1）网站策划；（2）美工制作；（3）网页的界面框架制作（4）后台程序制作；（5）网站测试。从网页的制作流程可以看出，这一系列创造性的智力活动恰恰是独创性的体现。网页可以通过多种途径保存，亦可以打印在纸上，网页具备有形复制的属性。因此，网页可以是著作权法所保护的作品。我们不能排除一些特例，在探究网页的版权保护上，要将不具备作品属性的网页排除在外。

二、网页作品的法律适用问题

（一）现阶段有关网页版权保护的思路

当遇到版权问题时，直接将网页归入某一类作品，以便对号入座是惯常思维，如何归类自然成为讨论的焦点。部分学者提出将其视为汇编作品保护，当然这也是当今的主流观点。除此以外，还有将网页作品当作视听作品的主张。争议的产生源自于网页自身的特殊性，不难发现：无论将网页作品归为哪一类，著作权法对其都无法达到理想的保护力度。

为了更有针对性地保护网页，也有为网页作品创设新类型的主张。在信息技术高速发展的过程中，在网络环境下会产生诸多信息产物，它们与网页一样无不有自己的鲜明特征，皆难以归入著作权法中已有的种类。因此，将要为每一种信息产物都量身定做一个新类型予以保护，然而法律中对于应受著作权法保护的作品采取了概括性的标准与肯定性列举相结合，这足以囊括所有保护对象，不断创设新类型，扩充肯定性列举的范围没有必要。

（二）网页作品保护模式的思考

讨论一个网页该如何适用法律加以保护的前提不容忽视，即：该网页本身是否具有作品的性质。我国《著作权法》中汇编作品的定义是将已有的文学艺术作品、科学作品或其他材料等作为素材汇集起来，经过选择、取舍、设计、组合编排形成的作品。世界知识产权组织《版权条约》第5条沿用了TRIPS第10条第2款的用语，规定：“数据库或其他资料的汇编，无论采用何种形式，只要由于其内容的选择或编排构成智力创作，其本身即受到保护。”结合上述法律规范及汇编作品的定义，不难得出网页作品具备了汇编作品的性质，因而将具有独创性的网页归入汇编作品加以保护是合理的。

有观点认为，将网页的各个组成部分（如文字，图片）分别保护，也能达到保护网页作品的目的。笔者认为，将对网页部分内容的侵权归入对网页作品的侵权体系来讨论并不妥当，分项保护的观点会导致网页作品保护体系的混乱。理论上，对于网页内容的侵权最终都会归结为对单个作品本身的侵权，但是将对组成网页的某作品的侵权联系到对网页这一整体的侵害，并试图纳入网页保护的范畴内加以保护着实牵强，我们所不能忽视的是对网页组成部分的侵害本身有其救济方式。当网页部分内容被侵权时，网页的版权人往往就会因为其对该内容不享有版权而难以追究侵权人的责任。但这并不意味着对网页内容的保护会捉襟见肘，对网页组成部分的侵权，可由相应作品的版权人来追究侵权者的责任。

虽然我国《反不正当竞争法》对于不正当行为的构成要件没有明确规定，但已有学者对其要件做了概述，即构成不正当竞争行为须有如下构成要件：（1）不正当竞争行为的主体是各类市场交易活动的经营者。（2）不正当竞争行为在客观方面表现为行为人实施了与诚实信用原则或其他公认的商业道德相悖的行为。（3）不正当竞争的行为人主观上具有过错。（4）不正当竞争行为所侵害的客体是经营者利益、消费者利益和社会公共利益。

现实中，在审理反不正当竞争的案件时，对于一系列“无法可依”的不正当竞争行为，法官只能根据学理上的通说，凭借自己的理性来行使其裁判权。解决克隆网页的不正当竞争行为，最彻底的措施就是日后在修正《反不正当竞争法》时，补充认定不正当竞争行为构成要件的条文，指导司法人员认定何种行为属于不正当竞争行为。唯有法律规范的明确指引，方能保证网络侵权者难逃法律的制裁。

三、结语

网页制作论文例7

中图分类号：TP393.092-4；G712.4

网页制作教学是技工教育计算机学科教学中的重要内容，传统教学模式下，习惯将计算机理论知识与上机实践分开教学，往往是理论知识教学与实践应用能力教学由两个教师来承担，教学效果并不理想。运用一体化教学模式，可以有效地解决理论教学与实践教学相分离的弊端，提高网页制作课堂教学的成效。

一、“一体化”教学概述

“一体化”教学是一种以教师为主导、学生为主体的现代化教学模式，在专业教师的指导下，教师通过设计大量的由简单到复杂、由浅入深的“实践活动”来完成教学过程。“一体化”教学模式是以培养具有扎实理论基础知识、操作技能强的复合型技能人才为目的，将教学大纲、教学过程有机地统和在一起，以实现理论教学与实践教学的目标要求。“一体化”教学模式具有课程理论适度化、模式一体化、内容综合化的特征，“一体化”教学模式对教师的个人综合素质要求较高，教师不仅要具有较高的理论讲授能力，更重要的是还能够熟练地运用现代化的教学手段、设施，具备较高操作技能。同时，“一体化”教学模式的运用，对硬件教学设施要求也较高，以网页制作教学为例，“一体化”教学模式的实施，可以采取自学、导学、助学、促学相结合的方式，规划并创建站点制作主页和内页优化网站和管理站点。《网页设计与制作》是技工教育的主干专业课程，该课程具有实用性强、应用面广、操作性强以及与未来就业岗位密切相关的特点，在《网页设计与制作》学科中，大胆地进行教学模式改革，打破传统的课堂教学模式，实施“一体化”教学，能够提高学生的学习能力、综合能力以及协作能力，激发学生的学习兴趣。

二、“一体化”教学在网页制作中的应用探析

网页制作过程中，运用“一体化”教学模式，学生成为了学习的主体，在整个教学过程中，教师更多的是发挥引导协助的作用，这样不仅提高了学生自主学习的能力，而且对于落实网页制作学科的教学目标要求也具有重要的意义。

（一）确定设计思路

当前，各大中职院校基本上都开设了网页制作课程，其中“Dreameweaver网页制作”就是网页制作教学科目必修的基础性学科之一，是一门艺术与技术相结合、实践应用性比较强的课程，以在课程教学过程中运用“一体化”教学模式为例，确定设计思路时，首先就要打破传统的教学模式，确定以提高学生实践能力、动手能力为主的教学目标，让学生在动手操作、实训中建构相关的理论基础知识，逐步培养他们运用“Dreameweaver”技术的能力。由于“Dreameweaver”网页制作软件需要配合HTML语言的一些基础性知识，因此，需要对该项内容进行细分、设计，分解为多个子模块，每个子模块要都以培养学生的实践能力为主导，注重学生职业能力的训练，综合考虑课程理论知识、资格证书以及技能、态度等等要求。网页设计教学都是以典型案例为载体展开的，以“工作任务”为中心进行理论与实践整合，从而实现理论教学与实践教学的“一体化”。

（二）确定网站项目

在确定了设计思路之后，确立优秀的网站设计项目是“一体化”教学法实施成功的必要保障，否则，如果确定的网站设计项目不合理，一体化教学方法就失去了其存在的价值。项目的选择、网页的制作必须要具有系统性，而且要能够前后联系、相互衔接、由简入难，让学生使用素材库中的素材进行设计、分析，比如，在《网页制作》课堂教学过程中，教师可以让学生设计校园网站，要求制作的校园网站要采取各个页面采用不同布局方法进行布局，而且各个页面元素的插入、设计要尽量应用到“Dreameweaver”网页制作科目中所学到的知识点，这样通过指导学生设计校园网站，使他们掌握建立、上传、美化、布局、优化网页的方法，在实践运用过程中掌握网页制作设计的基本知识。总之，“一体化”教学模式的实施，需要运用到项目教学方法的内容，以优秀的项目作为载体，完成网页制作课程的教学任务。

（三）网站项目实施

“一体化”教学项目的运用可以分为三个阶段，分别是向学生讲授网页制作软件使用方法、制作网页以及总结评价网页制作成果，其中，第二个阶段是“一体化”教学方法实施的核心部分，该阶段，教师要把学生分为几个小组，明确网页设计的任务，给予具体的指导，解决学生学习过程中的各种疑难问题。“一体化”教学模式下，要突出以学生为主体、以人为本的教学理念，教师通过分解网页设计项目，帮助学生选择素材，引导学生创建一个网页使用表格布局、表格以及曾三种布局方法，以实现优化网页页面的目标。传统教学模式下，教师习惯先进行静态网页设计教学，这固然是网页制作课程的入门必备知识，然而，“一体化”教学模式下，教师要将动态网页设计教学与静态网页设计教学结合在一起，完善网页制作的功能创建，并引导学生直接在互联网平台进行，这样有利于实现整个网页设计的优化、整合，从而实现提高学生网站设计能力的目的。

（四）展示与评价

“一体化”教学模式要充分开发各种学习资源，给学生提供各种丰富的实践机会。根据“Dreameweaver”网址制作课程特点以及教学目标要求，采取制作作品考核与学期末理论考核相结合的方式，对学生的制作的网页进行综合评价。学生和教师可以提出问题，并结合相应的网站项目评分表，形成学生和教师对该项目各自的评价。在对学生进行评价时，还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。

结论

一体化教学模式从本质上改善了网页设计与制作课堂教学效果，使学习者能够真正地掌握一门学习技术，提高他们的开发能力、创新能力，最大限度地调动了学习者的积极性、主动性。

参考文献：

[1]冯晓娟.职业学校的一体化教学[J].中国商界（下半月），2010（05）.

网页制作论文例8

 

1引言

随着计算机、网络与通讯技术的发展，Internet在人们的生活、学习和工作中的位置越来越重要，经常性上网冲浪的生活已经成为现代人生活的一个重要特征。通过属于个人或者公司的Web站点向全世界宣传个人形象、推广公司产品或开展公关活动已成为一种新的流行趋势。因此精通网页的设计与制作等内容已经成为现代人必备的一种技能。对此，本文基于网页设计与制作课程本身固有的特点，采用模块化的教学方法，更好地加强了教学实践性，极大地提高了学生的实践能力。

2 “模块项目化”教学法在网页设计与制作课程中的应用

网页设计与制作模块项目化教学法是根据网页设计与制作教学大纲的要求，把教材划分为若干个模块，并将这些模块项目化，同时以学生为主，教师为主导作用，以教、学、练相结合，调动学生的学习兴趣，启发学生思维，以实践为主的教学方法。

2．1网页设计与制作课程模块化任务的设计

以项目开发为出发点，将该课程分成网站策划、网站规划、网页风格设计、网页制作、网站测试和网站上传与更新维护等六个知识模块，每一个小的模块项目又具体细化为一个个小的任务。论文大全。每个任务根据教学的实际情况可以再细化。课程知识体系结构图如图1所示。

图1 课程知识体系结构图

2.2网页设计与制作课程模块项目化设计

模块项目化教学法的关键在于项目的选取。教师所设计的项目，应将培养学生的职业能力作为出发点，联系市场发展，从企业需要出发，以实际项目开发流程来确立课程的知识体系，使知识体系结构中的各个知识模块包含学生应掌握的能力素质。表1是“模块项目化”教学法的学习模块分解表。论文大全。

网页制作论文例9

中图分类号：TP393.092-4

准备建设的专题学习网站是基于网络资源的数字化学习平台，利用网络技术，创设主动学习情境，让学生在开放、互动的平台上去寻求《网页制作》专题资源，激发学生学习兴趣，让学生主动思考、主动探索、主动学习，实现高效课堂。让学生在建设网站的过程中，学习掌握提高《网页制作》的技能，体现“学中做，做中学”的教学理念。

《网页制作》是开设一学期的课程，主要内容包括网页的基础知识、网页布局和色彩搭配、HTML语言、JavaScript脚本语言、Dreamweaver软件使用、CSS层叠样式表、AJAX技术、jQuery技术、网站的创建与管理。还涉及到使用Photoshop软件对网页图像进行处理、使用Flash软件制作网页动画等其他相关课程。

在实际的教学过程中，往往需要使用大量的素材和学习视频教程。这些学习资源怎样能够方便快捷的分发到学生的计算机上，成为需要解决的问题。如果机房的计算机是通过网线连成小型局域网的，就可以先把工作页、资料包等学习资源先存储到一台学生机上，再利用windows自带的文件夹共享功能，将其共享，便于其他学生从这台计算机上下载资源。文件夹共享实现过程如下：

鼠标右击文件夹，在弹出的快捷菜单中，选“共享和安全”，选中在网络上共享这个文件夹。这时，其他用户就可以通过网络访问这个文件夹，下载其中的学习资源。

这样利用文件夹共享的方法实现资源下载，优点是操作简便。缺点是机房的计算机一般都带有C盘还原功能，往往一次共享完成后，下一次重新启动计算机后，还需要再次设置文件夹共享，十分麻烦。专题学习网站就可以实现简单的文件夹共享达不到的效果，可以使素材和教学资源分类存储在服务器上，以清晰明了的操作界面，便于学生在线学习和下载相应的网页制作素材。

1 《网页制作》专题学习网站的作用

专题学习网站为中等职业学校计算机专业学生《网页制作》课程的学习提供优质的数字化学习资源，为学生提供制作网页所需的丰富资源，搭建展示学生作品成果的平台。通过专题学习网站创设学生自主学习的情境，引导、激发学生学习《网页制作》课程的积极性，建立高效课堂，让学生更好的掌握网页制作的技能。

（1）研究中职学生特点，动手实践能力相对于理论知识学习能力强。

（2）分析《网页制作》课程，涉及内容广、技术多，实践性和技能性强。

（3）设计开发专题学习网站，探索基于专题学习网站的《网页制作》课程的教学模式。

给《网页制作》课程的教学提供教学资源，辅助学生进行自主学习。在课外时间里，对于学生的学习给予支持，帮助学生学习在课堂上没有完全掌握的知识。提供学生展示作品的平台，学生和老师在这里可以对学生的作品进行一系列的评价。提供一个在课外进行师生交流或生生交流的平台，学生可以在这里提问、交流学习心得等。

2 《网页制作》专题学习网站的设计

首先网站需要教学资源模块来进行教学的辅助，教学资源模块既能辅助课堂教学，也可以指导学生进行自主学习。其次作品展示模块，学生需要一个作品展示模块，首先通过展示学生自己的作品能够激发学生自己的兴趣，第二展示作品模块有助于学生进行自评互评。第三，讨论模块，既要有以班级为单位的讨论小组，也要有全校师生都能进行参与的大型讨论平台，使学生在学习中出现问题时，能够自主的进行讨论学习。

在建站之初，为网站以后继续完善（例如：开发手机客户端等），需要考虑给学生划定一块空间，让学生自己上传自己的网站作品。自己维护自己的网站，将网站交给学生自己运营。让学生发出自己的声音。

为了把建立网站的过程和学生的《网页制作》的学习过程相结合。主要是教学资源的共建共享，在课堂使用该网站的教学资源进行辅助教学，结合工作过程系统化的课程开发，结合工作页的素材的使用。通过上传网站网页给学生一个展示自己作品的机会。

可以让每一个班级在校园网上建立自己的班级网页，将校报办到网上去，网页上建立与中职学生相关的栏目，例如：求职、招聘信息等。组织学生自己定期更新常用工具软件的版本，交流专业课的学习体会。利用所学知识解决实际问题，活学活用，学生在使用专题学习网站中遇到了问题，通过小组讨论去寻找答案。将工作过程系统化课程学习情境实施的六个步骤：资讯、计划、决策、实施、检查、评价，充分运用到教学实践当中。达到学生越学越爱学，越学越想学的自主学习状态，真正实现专业课教学是以学生为主体，教师起到陪伴学生自主学习的作用。

3 《网页制作》专题学习网站的实现

网站开发中，数据库技术主要用来支持实现协作学习平台、专题研讨等动态网页部分数据的存取。常用的数据库有ACCESS、SQL Server、My SQL等。图像处理技术主要用来设计、生成网页背景图片，使网页更加美观，有利于创设“真实”的学习情境。常用的图像处理软件有Photoshop、Fireworks。

运用静态网页制作技术、动态网页制作技术、数据库技术、三层结构技术进行网站开发，编码实现网站的建设制作过程。《网页制作》专题学习网站的测试、评价和完善，专题学习网站建成完成后，依照专题学习网站各个功能模块的功能，在应用专题学习网站教学的过程中不断纠正和完善，通过问卷调查专题学习网站的应用效果，更全面的了解基于专题学习网站的教学模式的有效性。

通过校园网试运行《网页制作》专题学习网站，邀请网站设计与制作专家和学生使用专题学习网站，根据反馈意见，对网站进行修改和完善。

4 结束语

专题学习网站不仅为学生提供了丰富的专题学习资源，还为学生提供了功能强大的协作平台和专题研讨区，为学习者开展协作学习、交流和探讨相关问题、展示自己的学习成果提供了良好的舞台。利用专题学习网站进行课程教学，培养了学生自主学习、协作学习等综合能力，形成了一种崭新的数字化学习方式。

专题学习网站的资源要丰富，提供必要的演示视频录像，能够给学习者以足够的资源进行探究式的学习。教师博客、微博是教学的辅助平台.用以促进教学的交流。通过博客、微博叙事式的记录可以更好地了解教师的教学思想、研究成果和兴趣爱好.也可以进行教师之间的教学交流。学生可以发表自己的见解和想法。特别是作品创意，供其他同学学习和参考，以达到共同进步的目的。

运用教学设计思想对《网页制作》专题学习网站进行设计，主要包括需求分析与功能定位，中职学生特征分析，专题内容的选择，信息资源的选择与设计，自主学习的设计，学习评价系统的设计，学习情境创设等内容。通过专题学习网站创设学生自主学习的情境，引导、激发学生学习《网页制作》课程的积极性，建立高效课堂，让学生更好的掌握网页制作的技能。

参考文献：

[1]郝中超，金薇.Web3.0环境下运用专题学习网站实现学习资源共享建设的思考――运用专题学习网站实现学习资源共享的应用现状调查分析[J].中国教育信息化，2013（01）.

网页制作论文例10

关键字：项目教学法 电子商务 网页制作

据中国互联网信息中心统计，全国数千网万网民中37.8%有过网上购物的经历，随着网络和电子商务的快速发展，网页设计制作也成为网络时代重要的技能之一。电子商务网页制作是电子商务专业的核心课程，要想设计制作出精美的电子商务网页，需要学生多思考、多练习，如何选择一种教学方法使学生用专业网页制作工具构建商务网站，是值得我们关注和研究的，学生是教育的主体，要充分考虑技校学生的实际情况，在设计项目时要激发学生对活动的参与，在理论知识和工作任务之间建立联系，让学生掌握整个项目任务的工作过程，从教学实际出发，将项目教学法应用到电子商务网页课程的教学实践中，教学效果显著，学生能够积极探索，自主学习，注重的不是学生的最终学习效果，而是完成项目的过程。学生在项目实施的过程中合理运用知识和技能，体验创新的艰辛与乐趣，从而有效提升学生提出问题、分析问题及解决问题的能力。有针对性给予相关知识与技能的指导使学生对商务网站的制作有一个系统全面的掌握。

一、在电子商务网页制作教学中采用项目教学的理论依据

1、项目教学法介绍

项目教学法就是以项目为载体，以任务为中心并融合相关知识和技能，以学生为活动主体实施项目教学方法，也就是将教学内容融入项目实施过程的一种教学方法。项目教学法以项目为中心，有明确的任务，能让学生围绕已学习知识和学习资源，使学生学习的主动性、积极性得以发挥。在运用项目教学进行电子商务网页教学设计时，需要将网页的制作流程分成一个个的任务，每个任务先通过教师来演示所用到的知识要求，具体的任务安排由学生操作来贯穿整个教学，以实际的任务来驱动学生的学习，使学习过程是一个不断成功完成任务的过程。通过学习，一方面使学生能够综合运用已学的课程知识，真正做到理论结合实际，真正掌握电子商务专业的核心能力，并具备一定的原创水平。另一方面，通过实施分段项目培养模式，不仅可以及时发现学生的个性特长，而且对学生综合能力的培养和团队合作精神的训练，从而提高了学生的学习效率。

2电子商务网页制作课程运用项目教学的必要性

电子商务网页制作课程是电子商务专业的主干课程，是理论和实践相结合，借助Dreamweaver软件，进行商务网页的设计与制作，在以往的教学模式中，该课程是以教师讲授理论知识和案例为中心的教学方式，只针对学生能否掌握软件的基本操作，而忽视了培养学生专业知识的培养，从而造成了学生只会按照老师布置的实例操作，联系到具体的电子商务网页制作中就不知道如何操作，不能消化所学的知识，对学生未来适应多变的工作环境对理论知识的需要，而项目中的技能学习也不能给学生提供足够的使技能达到专业的水平。在电子商务网页制作教学中采用项目教学主要是带动专业知识的学习和能力的培养，以创作的商务网站来检验电子商务网页制作课程的教学效果。

二、在电子商务网页制作教学中实施“项目教学法”

运用“项目教学法”进行电子商务网页制作教学时，从“项目确定、项目分组、项目实施、项目检查”四个方面来完成。

1、确定项目

通过前期对威客网企业人才需求调查，选择设计一个好的适合电子商务网页制作课程的项目，对项目教学实施效果的好坏有着直接的影响。项目的设定要将教学任务的知识点和实际操作相结合，让学生在项目制作的过程中学习到相应的理论知识点，同时，要考虑到技校学生的认知能力、实践能力和兴趣特点等实际情况，同时还要考虑项目的实现价值，把不同类型的电子商务网站作为项目案例，如淘宝网、京东商城，美团网等，通过对不同商务类网站的制作了解不同的网页制作技巧和网页布局。具体过程如下：在电子商务网页制作这门课程中，选择制作一个主页和若干个辅页的商务网页作品。它涵盖了这门课程需要学习的所有工作任务。在进行电子商务网页课程项目设定时要求将电子商务网页课程划分为几个项目，每个项目里划分为不同的任务，要紧密联系课程设置、课程目标、课程内容、学时和学分等内容，在电子商务网页制作这门课程中，分别设置了网页设计概述、超链接的制作、网页布局、网页修饰、网页特效、动态网页和电子商务网页综合制作这7个项目来进行课程的设置。课程内容从简单到复杂，每个项目都包括电子商务网页制作课程全部任务所构成的完整的工作过程，如网页修饰项目中，我设计了两个任务，第一个是制作精美的网页内容，涵盖的所用的文字、图像与文字的位置关系、图片边框等技能要点，第二个是制作公司的主页，主要内容网页中表格的制作、网页中插入flash、文字滚动等效果的制作。通过这个项目让电子商务网页制作学习由浅入深，循序渐进。

2、项目分组

项目确定下来之后，学生分组是一个重要环节，在练习项目这一教学层次中，一般5～6个人一组，分组时根据学生的知识结构，学习能力，性格特点等形成互补搭配，并选出一名组织能力较强的学生为组长。并选定一位组长，组长负责成员任务的分配，并监督实施各方面的工作。在项目分组阶段提出项目创作的要求和说明，给出项目评价方案，并制定小组的管理制度。按照已确定的工作步骤和程序进行项目的制作。

3、项目实施

项目实施过程中主要以学生相互协作为主，教师在指导一些理论知识和给出与企业岗位相关的情境，在学生学习的过程中，如在设计电子商务网页制作的流程项目中通过具体网站的制作，分别设计了整体规划，网页布局、网页制作、网站和网页测试这五个任务，让学生有充足的制作时间和空间，到网上搜集一些知名的电子商务网站，引导学生一步步学习网页设计，并动手进行项目的制作，在制作过程中，如网页整体规划这个任务中，如何设计企业的LOGO、表现商家广告内容的图片（Banner）以及网页色彩的搭配技巧等方面，找一些比较好的文字内容、图片处理效果、好看的主页引导动画效果等处理逐步先完成各个小项目，最终完成整个项目。学生按照电子商务网页制作的流程进行素材的收集、小组成员之间的信息交流、小组讨论、小组合作，合成项目作品并进行完善，选择制作一个项目要尽量来源于实际的工作情境，以更为有效的培养学生的实际工作能力。

4、项目检查

项目教学结果的检查是开展项目教学活动不可缺少的一个重要环节，在电子商务网页制作课程中，采取成果展示，小组互评，教师评价相结合的方式，当学生完成了作品，要对各项目小组进行项目成果的展示和作品交流，在展示过程中对每个项目小组遇到的问题、困难及解决办法收获与感受，活动小结等多个方面进行交流。教师应尽量让学生发表自己的意见，从而达到取长补短的效果。之后再由教师对整个项目工作成绩进行评价或评分。评价学生掌握了哪些理论和技能知识，并对存在的问题进行分析，以学生完成项目的情况来评价学生的学习效果。

三、项目教学中在电子商务网页教学中的效果

在应用项目教学法进行电子商务网页制作教学后，学生能真正理解该课程的学习目的和价值，提高了学生对电子商务网页制作流程的深刻理解和应用能力。项目教学法强调以学生为主体，调动学生的积极性，增加学生的参与能力，提高学习的效率，如教网页中的框架项目时，框架对于学生来说是比较难学的，在设计教学任务时，首先由教师来讲解框架的基础知识和演示框架的设计，突破难点，培养学生的学习兴趣，学生通过学习、实践、使所学的知识转变为实际运用能力。

项目教学法吸取了探究教学法，任务驱动教学法与案例教学法优点，以项目作为教学对象，通过协作学习的方式开展学习，只要我们能在电子商务网页制作教学过程中充分合理地运用“项目教学法”，就一定可以为学生找到一种行之有效的学习方法，从而增加学生对电子商务专业学习的兴趣。为今后的工作打下一个坚实的基础。

参考文献：