网页制作论文第1篇

【关键字】Frontpage创建站点、新建页面、文字、超链接

现在流行的网页制作软件有很多，如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〉乔春源，樊天岳等。信息技术。江苏科学技术出版社，2001年7月。

网页制作论文第2篇

[关键词]网站安全脚本数据库交互

一、引言

Internet已渗透到了社会的各个领域，不仅影响着我们的学习和工作，在Internet的发展中，WWW的发明和迅速推广应用是一个重要的里程碑。网页设计作为一门新兴的技术，是介于平面设计、编程技术两者之间的一门学科，它还涉及到美学心理、平面构成、色彩搭配等平面设计方面的知识。只有综合运用多种知识，才能设计出视听特效、动静结合、人机交互的WEB页面。

电子商务网站是一个非常丰富和方便的系统，很多是过去无法想像的，随着今天的社会的发展以及科学技术的发展，现在都可以想像得到。由此可以想像到未来的网页设计，那时候网页设计的要求是什么呢？怎样才能适应电子商务的发展呢？我有以下几点想法:网页能具有人性化;网页要具有相当的美感;网页更加强调交互性。

二、电子商务网站的安全现状

电子商务网站安全主要涉及网络信息的安全和网络系统本身的安全。电子商务网站安全的隐患主要来自操作系统、网络和数据库的脆弱性以及安全管理上的疏忽。电子商务网站安全从本质上讲就是网络上信息的安全，包括静态信息的存储安全和信息的传输安全。从广义上讲，凡是涉及到网络上信息的保密性、完整性、可用性、真实性和可控性的相关技术和理论都是网络安全的研究领域。因此为了保证网络的安全，必须保证以下四个方面的安全：运行系统的安全；

网络上系统信息的安全；网络上信息传播安全；网络上信息内容的安全。

以下是对目前国内电子商务站点普遍存在的几个严重的安全问题的一些分析。

1.客户端数据的完整性和有效性检查

(1)特殊字符的过滤

在W3C的WWWSecurityFAQ中关于CGI安全编程一节里列出了建议过滤的字符：&;“”\“|*?-＜＞^()[]{}\n\r，这些字符由于在不同的系统或运行环境中会具有特殊意义，如变量定义/赋值/取值、非显示字符、运行外部程序等，而被列为危险字符。

①CGI和Script编程语言的问题

在几种国内常见的WEB编程语言中，ASP和ColdFusion脚本语言对特殊字符的过滤机制不够完善，例如没有对单引号做任何处理等。Perl和php对特殊字符的过滤则较为严密，如忽略或加上“\”（取消特殊字符含义）处理。C语言编写的cgi程序对特殊字符的过滤完全依赖于程序员的知识和技术，因此也可能存在安全问题。

②MicrosoftASP脚本

普遍存在的问题是程序员在编写ASP脚本时,缺少或没有对客户端输入的数据/变量进行严格的合法性分析。因此,如果攻击者输入某些特定sql语句,可能造成数据库资料丢失/泄漏/甚至威胁整个站点的安全。比如攻击者可以任意创建或者删除表（如果可以猜测出已存在的表名），清除或者更改数据库数据。攻击者也可能通过执行一些储存过程函数,将sql语句的输出结果通过电子邮件发送给自己，或者执行系统命令。

③PHP和Perl

虽然提供了加上”\”（取消特殊字符含义）处理的手段，但是处理一些数据库时依然可以被改写。对于MySQL则没有问题，\’不会与前面的单引号封闭，而当作一个合法的字符处理。针对oracle和informix等数据库暂时未进行相关测试。

另外，对于PHP或者Perl语言，很多程序对于数字类型的输入变量，没有加单引号予以保护，攻击者就有可能在这种变量中加入额外的SQL语句，来攻击数据库或者获得非法控制权限。

(2)数据库问题

不同的数据库对安全机制的不同认识和实现方法，使它们的安全性也有所不同。最常见的问题是利用数据库对某些字符的不正确解释，改写被执行的SQL语句，从而非法获得访问权限。

2.大量数据查询导致拒绝服务

许多网站对用户输入内容的判断在前台，用javascript判断，如果用户绕过前台判断，就能对数据库进行全查询，如果数据库比较庞大，会耗费大量系统资源，如果同时进行大量的这种查询操作，就会有DenialofService（DoS——拒绝服务）同样的效果。

三、措施与解决方案

通过查阅一些资料，下面介绍一些网页制作中安全防范的方法，以供大家参考。

1.防范脚本攻击

(1)JS脚本和HTML脚本攻击的防范其实很简单，只要用server.HTMLEncode（Str）就可以了。当然全以＜%=uid%＞过滤，为了方便的过滤，只需要将HTML脚本和JS脚本中的几个关键字符过滤掉就可以了，如下代码所示：

以下是过滤函数CHK()

＜%

functionCHK(fqyString)

fqyString=replace(fqyString,“＞”,“＞”)

fqyString=replace(fqyString,“＜”,”＜“)

fqyString=replace(fqyString,“&#”,“&”)

fqyString=Replace(fqyString,CHR(32),“”)

fqyString=Replace(fqyString,CHR(9),“”)

fqyString=Replace(fqyString,CHR(34),“”“)

fqyString=Replace(fqyString,CHR(39),”‘“)

fqyString=Replace(fqyString,CHR(13),”“)

fqyString=Replace(fqyString,CHR(10)&CHR(10),”＜/P＞＜P＞“)

fqyString=Replace(fqyString,CHR(10),”＜BR＞“)

CHK=fqyString

endfunction

%＞

(2)很多站点在用户注册，或者是用户资料修改的页面上也缺少脚本的过滤，或者是只在其中之一进行过滤，注册进入后修改资料仍然可以进行脚本攻击。对用户提交的数据进行检测和过滤如以下代码：

IfInstr(request(”username“),”=“)＞0or

Instr(request(”username“),”%“)＞0or

Instr(request(”username“),chr(32))＞0or

Instr(request(”username“),”?“)＞0or

……

Instr(request(”username“),”＞“)＞0or

Instr(request(”username“),”＜“)＞0or

Instr(request(”username“),”“”“)＞0then

response.write”朋友，你的提交用户名含有非法字符，请更改，谢谢合作＜ahref=’****:window.history.go(-1);‘＞返回＜/a＞“

response.end

endif

2.防范sqlinjeciton攻击

从最一般的.SQLInjection漏洞攻击来看，主要在用户名和密码上的过滤问题，提交：用户名为：‘or’‘=’用户密码为：‘or’‘=’从程序出发，数据库在执行以下操作Sql=“SELECT*FROMlUsersWHEREUsername=”or“=”andPassword=“or”=“”时，SQL服务器将返回lUsers表格中的所有记录，而ASP脚本将会因此而误认为攻击者的输入符lUsers表格中的第一条记录，从而允许攻击者以该用户的名义登入网站。对此类注入的防范可以利用以下代码就可以实现strUsername=Replace(Request.Form(“Username”),“‘’”,“‘’‘”)

strPassword=Replace(Request.Form(“Password”),“’‘”,“’‘’‘”)

3.防止ASP木马

防止ASP木马被上传到服务器的方法很简单，如果你的论坛支持文件上传，请设定好你要上传的文件格式，我不赞成使用可更改的文件格式，直接从程序上锁定，只有图象文件格式和压缩文件就完全可以，因为多给自己留点方便也就多给攻击者留点方便。怎么判断格式，如下面代码所示：

判断文件类型是否合格

PrivateFunctionCheckFileExt(fileEXT)

dimForumupload

Forumupload=”gif,jpg,bmp,jpeg“

Forumupload=split(Forumupload,”,“)

fori=0toubound(Forumupload)

iflcase(fileEXT)=lcase(trim(Forumupload(i)))then

CheckFileExt=true

exitFunction

else

CheckFileExt=false

endif

next

EndFunction

上述介绍的一些安全防范的方法在编写网页代码时被常用到，这些代码还是较为基本的一些代码，但能有效的防止一些黑客的攻击，当然加入了这些代码可能会降低程序的使用效率。做为一名网站的管理人员或网页制作人员在进行网页制作和网站维护时应加强安全防范的意识，确保在网络上进行数据传输的可靠性。

总之，随着网页制作的技术不断的发展和提高，对电子商务的发展有着不可估量的推进作用，对于网站的安全防范已经成为目前发展电子商务最需考虑的一个问题之一，在开发网站中应注意在网络安全方面的考虑。目前如JSP、ASP、PHP、XML等一些网站新技术融入网页制作中，进一步提高了网页的性能。随着新的技术的推出，我相信网页制作的发展会把我们带入一崭新的信息世界。

网页制作论文第3篇

通过《网页设计与制作》多年的教学发现，应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作，并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系，提高学生综合项目实践能力，更好的与社会需求接轨。有必要对传统的考核方式进行改革，同时经过多年教学探索，结合人才培养方案制定了以下的考核方案。

二、考核方案

1.考核方案的制定

本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：

（1）项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。

（2）项目总结。对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。

（3）项目组介绍。对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式，让学生明白实际工作中不仅需要具备较高的技术能力，还要有合作意识，与合作者之间有效、和谐的沟通。

2.考核方式

网页制作论文第4篇

关键词：网页制作表格divdreamweaver8.0网页框架利与弊

引言

随着信息时代的发展，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方法布局网页框架的应用

table方法布局网页主要应用在功能较为简单、页面不多的网站中；而div主要应用于大型的网站页面设计中。

网页制作论文第5篇

1网页标记语言正确性检测

1.1研究工具。目前，网页检测工具较多，提供的检测功能也有所不同，能够进行各种浏览器的兼容性测试、负载测试，以及网页标记语言检测等。比较知名的网页检测工具有Googlewebpagetester、BrowserShots、IETester、Feedvalidator等。网页正确性检测是W3CWebQualityTools中的功能，主要包括：（1）标记检测（MarkUpValidator），可用于检测网页上的各种常用的标记语言的规范性和正确性，如HTML、CSS、XHTML、XML、WML等；（2）Web内容的数据交换规范（FeedValidator），用于检测Atom或RSSfeed语法的规范性和正确性；（3）层叠样式表检测（CSSValidator），用于检测内嵌在HTML、XHTML中的CSS样式的规范性和正确性；（4）超链接检测（LinkChecker），用于检测网页中超链接（Link）和锚点（anchor）的规范性和正确性。本研究主要使用W3C提供的网页标记语言检测工具（MarkUpValidator），检测论文投稿网站上网页的各种常用的标记语言的规范性和正确性。通过该工具可以检测出受测网页的错误数（W3C网页标记规范性）、服务器种类、网页大小、网页格式、网页编码（GB-2312或其他）、文件类型等，并会列出错误之处及建议改进的方式。检测的方式除了可以直接输入网址外，也可以上传该网页的源代码进行检测。图1为网页标记语言检测的主界面，本研究主要采用输入统一资源定位符（URL）的方式进行网页检测。检测结果分成两部分；一部分是结果摘要，叙述错误数、警告数、编码（Encoding）及网页格式（Doctype）是什么版本等，如图2所示。另一部分则为检测出的错误或警告详细结果，并列出改正建议如图3所示。1.2研究样本。由于我国学术期刊的投稿网站较多，难以对所有的论文投稿网站的所有网页标记语言的正确性进行检测，因此本研究需要选择一定数量的样本进行检测工作。参考北京大学图书馆公布的2014版《中文核心期刊要目总览》，本研究选择其中列出的出版事业类12种期刊，以及图书馆事业、信息事业类的18种期刊进行研究（总计30种期刊），选择这些期刊作为研究样本的原因一方面是这些期刊均属于中文核心期刊，在网络上得到的关注度比普通的期刊高[12]，一方面是出版类、图书情报类的期刊属于专门研究期刊编辑出版等问题的专业期刊，研究这些学术期刊建立的论文投稿网站网页标记语言的正确性和规范性具有一定的示范作用。由于选取的30种期刊中有部分期刊没有建立论文投稿网站系统，部分仅有Email投稿方式，因此在研究中需要将这些期刊忽略，最终所选取的期刊如表1所示，有效样本为21个，取样日期为2016年4月5日。由于考虑首页为论文投稿作者首先打开的界面，其网页标记语法的正确性将首先影响到用户的操作，因此本研究将检测目标锁定在论文投稿系统网站的首页（MainPage），在网页标记语言检测的主界面中输入首页的统一资源定位符（URL）进行检测，并记录其检测结果。

2检测结果的统计分析

本研究主要基于W3C的网页标记语言检测工具，从网页格式定义种类（Doctype）、网页错误数及网页错误类型进行分析，从中了解学术期刊论文投稿网站在网页标记语言上的问题，以及提出建设参考意见。在对有效选取的21个期刊论文投稿网站首页进行检测的过程中，19个期刊的论文投稿网站能够正常进行检测，但有两个期刊论文投稿网站（大学图书馆学报、现代情报）的首页无法检测，其中大学图书馆学报的网站对检测进行了禁止设置（Forbidden），现代情报网站在检测中无法找到（NotFound）。2.1网页格式定义种类及网页错误数。网页格式如果没有定义，除了在内容呈现上可能出现错误，在数据交换及传输时可能也会出现问题，除了会造成数据的流失，有时还会导致错误信息的传递。对于论文投稿网站的网页格式定义类型，除了两个无法检测的期刊网站之外，其余19个期刊的论文投稿网站均对网页的格式进行了定义，包括两种W3C定义标准，HTML4.01Transitional和XHTML1.0Transitional，具体的定义类型可见表2。由表2可以看出，有6个学术期刊的论文投稿网站采用的是XHTML1.0Transitional的格式。相对于HTML4.01Transitional而言，XHTML标记语言，通过结合XML和HTML的功能，使得网页内容更容易被手持移动设备以及电视媒体等访问。对于网页错误数，被检测的19个期刊论文投稿网站首页的网页标记语言都出现了错误，出现错误数最少的是中国科技期刊研究和中国图书馆学报，部分期刊的网页标记语言错误数较多，如出版科学、情报科学、图书馆理论与实践。2.2网页错误类型。国际万维网联盟网页标记检测服务（W3CMarkupValidationService）给出定义的错误类型总共有447种（详见#noverbose），本研究检测的19个期刊论文投稿网站的网页错误类型经过统计有121种错误类型，主要的错误原因在于标记属性使用错误或者未加定义。期刊论文投稿网站首页的前几项错误项目分别是Thereisnoattribute“……”（136次）、Documenttypedoesnotallowelement“……”here（104次）、Requiredattribute“……”notspecified（91次）及Element“……”undefined（85次）。属性定义有误在信息的显示上可能不会出现问题，网页内容能够正常呈现，但对于数据的交换及传递会有一定程度地影响。在统计的121种错误类型中，属于标签（Html-Tag）的错误数最多，说明期刊论文投稿网站的网页大多数为Html标签的定义或使用错误，因此在撰写Html语法时应注意标签的使用正确性。另外，由于网页制作软件的可视化和方便性，使得网页设计人员更容易的设计制作动态化的脚本语言，导致脚本（Script/Script-Tag）出错的数量也偏高。由于19个期刊论文投稿网站网页的错误类型和数量较多，无法用表格的形式一一列出，图4为中国图书馆学报的检测结果，可以看出中国图书馆学报的论文投稿网站的网页没有出现标记使用属性方面的错误，仅有两条格式定义类型的错误。

网页制作论文第6篇

关键词：任务驱动 《网页制作》 教学应用

《网页制作》课程是部分大学面向非信息类专业开设的一门选修课，主要任务是教授学生如何设计、制作一个精美的网页。通过课程的讲授，学生掌握网页制作的基本理论、知识、制作过程和制作方法，解决网页制作过程中出现的问题。为了提高教学效率和培养学生的兴趣，笔者在网页制作教学过程中引入了任务驱动式教学法。

一、任务驱动教学法

任务驱动教学法是一种以建构主义学习理论为基础的教学法，它把以前以传授知识为主的传统教学理念，转变为以解决问题、完成任务为主的多维互动式的教学理念；将再现式教学转变为探究式学习，使学生处于积极的学习状态，是一种能够提高教学效率和培养学生动手能力的教学法。

二、任务驱动教学法教学设计

1.选择教学任务

选择好教学任务是实施任务驱动教学法的基础。通过向学生展示一个具有图像、文字、表格等多种元素的网页页面能够激发学生的学习兴趣，让学生在学习之初就知道本次课需要完成的任务，这样他们会对相关的知识点产生兴趣。图1是戴维宁定理和诺顿定理验证的网页设计效果是一个较优秀的教学任务。

图1 网页设计效果图

2.教学任务分析

通过对上面网页制作效果图的分析，确定本次课程要完成的教学任务包括web站点的建立与管理、表格、图像、超链接等标记的插入和相关属性设置，接下来通过实际演示向学生讲授网页制作的过程。

（1）建立web站点

web站点是一组具有共享属性的链接文档和相关资源文件的集合。制作网页之初，首先需要创建一个本地web站点，启动Dreamweaver_CS3，选择站点新建站点命令，在弹出的对话框中选择高级选项卡，如图2所示。在站点名称处输入新建站点的名称“戴维宁定理和诺顿定理验证”，选择本地文件夹“wwwroot”，本地文件夹应该包括网页制作需要的各种素材文件如图像文件和flash文件等。单元确定按钮就完成本地web站点的建立，接下来可以在本地web站点创建和管理各种文件和文件夹。

图2 web站点的建立

（2）网页文件的建立

建立好本地站点之后就可以创建网页文件。选择文件->新建->html->创建，就创建了一个本地网页文件，接下来讲解页面属性的设置，表格、图像、文字及超链接标记的使用及相关属性的设置。由于学生对本次课的任务已经非常明确，因此，他们听课的目的性强，这样能够培养学习兴趣，提高课堂听课效率。

3.学生动手操作

任课教师在布置任务时，为了让学生熟悉网页制作过程和相关教学知识点，首先让学生完成教师讲解的网页制作任务，在对基本知识点熟悉之后，可以让学生自由发挥，引导他们创建有一定特点的网页文件，同时把前面学习到的网页设计过程和相关知识点应用到新网页文件制作过程中，这样他们既学到新知识，又将知识应用到实际中。

三、结语

将任务驱动教学法应用于网页制作教学是一种很好的教学尝试，学生既提高学习兴趣，掌握新的知识点，又提高动手能力，利用计算机解决实际问题的能力显著提高。但是任务驱动教学法不能独立存在，还应该与传统的讲授教学法和讨论式教学法相结合，这样才能真正提高课堂效率。

参考文献：

[1]http：///link？url=mhcCXFpYo0aeQnsI5m

NXHhPyrJtpKB2TKpPUxmUpy5pLovJ97kB5Zo7iQi7M0AQBi0G7kDilLn4CZ3oI2RhXVq.

网页制作论文第7篇

关键词：技工教育；一体化教学；网页制作；Dreameweaver

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

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

一、“一体化”教学概述

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

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

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

（一）确定设计思路

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

（二）确定网站项目

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

（三）网站项目实施

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

（四）展示与评价

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

结论

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

参考文献：

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

[2]熊凯.高职院校《网页制作》课程教学的几点体会[J].当代经理人（下旬刊），2006（07）.

网页制作论文第8篇

关键词：“模块化教学法”，职业教育，网页设计与制作，教学设计

 

1引言

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

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

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

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

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

图1 课程知识体系结构图

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

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

表1 学习模块分解表

网页制作论文第9篇

关键词：网页设计；案例教学；教学方法

中图分类号：TP393.092-4 文献标识码：A 文章编号：1007-9599(2011)23-0000-01

Vocational Colleges’"Web Design" Course Teaching Practice and Study

Teng Jipeng

(Jiaxing Nanyang Polytechnic,Jiaxing 314003,China)

Abstract:"Web Design" is the Vocational and Technical College computer class of a strong operational and practical courses.In this paper, "Web Design" course from the classroom teaching the theory,practice,and how to improve teaching and student interest in this course,and several other aspects are discussed.

Keywords:Web design;Case teaching;Teaching methods

一、明确教学目的，把握教学内容

基础学习很重要，要打好网页设计的基础。学完网页设计这门课程，学生最基本的是要掌握至少一门的网页编辑软件并制作出简单的页面。就此，老师来安排自己的教学。

（一）掌握一门好的网页制作工具。我认为，目前最好的网页制作工具是Dreamweaver。Dreamweaver一直以来作为可视网页编辑工作的标准，它在代码编辑和应用程序开发方面的功能比较强大。同时，制作网页中的动画素材可以选择Flash，处理和制作网页中的图片可以选择Fireworks，这三个软件具有良好的嵌入性，被称为“网页三剑客”。

（二）要求学生能够利用Dreamweaver设计各种网页，开发一定规模的网站

授课时以Dreamweaver为主线，讲授网页设计、HTML语言、CSS、Javascript语言及动态网页设计的基础知识。1.重视对HTML的教学，HTML可以说是网页的灵魂，网页的最基本构成是HTML标记符。熟练掌握了HTML语言，可以很轻松的修改你的网站的网页结构，而且对SEO网站优化很有用处，另外，无论是PHP、ASP、.NET、JSP等网站编程语言，都要用到HTML。所以说学习HTML是我们想想学习制作动态网页的基础。2.掌握CSS的基本使用。CSS就是一种叫做样式表的技术，也有的人称之为层叠样式表。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制，可以轻松地控制页面的布局。3.掌握Javascript脚本语言应用基础。Javascript语言简单，但功能强大，具体有几点功能：（1）制作网页特效。（2）提升使用性能。（3）窗口动态操作。（4）拜托现实环境的束缚。

所以，学生掌握Javascript脚本语言应用对网页制作有很大的帮助。

二、把握好课堂，多采用实例教学

（一）教学，首先要把握好课堂。一次课，90分钟的理论教学是枯燥和沉闷的，因此首先要在多媒体教学课件上下功夫。课堂教学的灵魂是多媒体教学课件，它不只是文字与图像的组合，还融合了音频、视频和动画信息等各种元素，使课堂变得更加生动和精彩，这样可以大大提高学生的学习兴趣。

（二）用实例作为课堂切入点。要想让课堂生动活跃，就要充分调动学生的学习积极性。为此，我们需要找到令学生感兴趣的内容作为切入点。网页设计是一门实践性很强的课程，教师可以用实例作为课堂切入点。课堂上可以先演示实例，让学生看到实际效果，引起学生学习兴趣，然后以实例引出具体知识点，将知识点融入到具体实例中。比如，在表格布局和内嵌框架的教学模块中，我们采用任务驱动教学内容如下表：

演示案例 制作一个介绍作者“川端康成”的站点，包含6个页面，主页为内嵌框架页，其余页面为“作者生平”、“作品简介”、“文学评论”等等。页面导航放置在表格左下位置，框架内放置目录中超链接的内容。

基本要求 在此案例中，再添加“经典文章”和“关于我们”两个内容，资料在网络中获取，适当设置网页的背景以及文本属性，页面美观大方。

较高要求 用此站点结构制作一个介绍自己的个人站点，要求至少包括6个页面以上，主页用内嵌框架结构，站点中导航清晰，布局合理美观大方。

三、多种形式的考核方式

根据高职院校的教学需要和课程教学特点，课程考核形式要能全面地评价学生的综合素质和技能应用能力。在高职网页课程的考核过程中可采用多种考核方式相互补充的多样化考核方式。这种考核方式更适合网页课程的特点，更加强调学生学习的灵活多样性。各高职院校的期末总评学习成绩可由三部分组成：过程考核（平时到课考勤、上课回答问题、课堂作业和阶段测验作品）占40%、技能考核（期末上机考试）占30%和期末考核（期末综合作品）占30%。这种考核方式注重实践操作和应用开发能力的培养，可大大发挥学生的学习积极性和主动性。可以以作品评价代替传统理论考试。要求学生在一定时间内完成一整个网站项目的设计与制作，项目中包含一个学期中所学过的全部知识点和技能点。其中三分之一时间浏览给出的网站素材，根据要求构思一个网站，写出该网站设计方案，网站设计方案要求包含网站主题、网站栏目设计、网站布局设计，另外三分之二时间制作页面，必须按网站设计方案的内容来制作页面。

《网页设计》课程是当前一种全新的教学内容，教师在教学中应将全新的教学理念运用于教学方法中，既让学生学会它的制作方法，又能在制作过程中充分体现创新性，从而能培养更多适应信息化社会的学习型和实用型网页设计人才。

四、其他方式

要想让学生学习掌握网页设计课程，单靠课堂教学还是不够的，可以在校园内举办一些网页设计的比赛，通过比赛，既可以更大的提高他们对此课程的积极性，也可让学生找到差距，激励他们努力，不断提高网页设计水平。

五、结束语

在教学过程中，从学生感兴趣的角度出发，对课堂理论教学、实例教学和课程实训等方面进行探索和改革，能使学生从被动学习转变为主动学习，提高其实践操作技能，拓展其知识面。在未来的社会中，网页在生活中所起的作用越来越重要，对这门课程的教学的要求是越来越高，教师的教学要适应科技的变化，要有改革进取的精神，培养能真正适应社会的人才。

参考文献：

[1]韩陵宜.高职院校《网页制作》课程教学的探讨.电脑知识与技术,2005