网页制作论文范文10篇

网页制作论文范文篇1

工具准备好了，可根据你的个人喜好来选择一些素材，如图片、喜欢的文章等。现在就让我们从第一步的建立站点来踏上建造网上家园之旅。

用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

【关键字】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月。

网页制作论文范文篇3

关键词：网页制作表格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主要应用于大型的网站页面设计中。

网页制作论文范文篇4

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

一、引言

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等一些网站新技术融入网页制作中，进一步提高了网页的性能。随着新的技术的推出，我相信网页制作的发展会把我们带入一崭新的信息世界。

网页制作论文范文篇5

[关键词]Flash动画网页制作

近十几年来,Internet以前所未有之势使应用程序开发领域发生了根深蒂固的变化,许多组织越来越依赖于由Internet及相关技术提供的数字资源和通讯信道。现在,在设计和开发应用程序时,几乎所有人都会考虑如何最有效地结合与利用Internet技术以便充分利用连接计算所带来的好处。

Flash特别适用于创建通过Internet提供的内容,因为它的文件非常小。Flash是通过广泛使用矢量图形做到这一点的。与位图图形相比,矢量图形需要的内存和存储空间小很多,因为它们是以数学公式而不是大型数据集来表示的。位图图形之所以更大,是因为图像中的每个像素都需要一组单独的数据来表示。

要在Flash中构建应用程序,可以使用Flash绘图工具创建图形,并将其它媒体元素导入Flash文档。在Flash中创作内容时,需要在Flash文档文件中工作。Flash文档的文件扩展名为fla(FLA)。在各领域方面,Flash将在网络动画设计及网页组织上显示出巨大的生命力。它的应用前景令人鼓舞。

一、Flash动画在网页设计中的应用

Flash动画已经成为网上活力的标志,并应用这一技术与电视、广告、卡通、MTV、制作等方面结合进行商业推广。这样,F1ash动画将作为一种产业渗透到音乐、传媒、广告、游戏等各个领域,开拓发展无限的商业机会。Flash动画在网站中的运用,从简单的流式动画到复杂的交互式Web动画,都体现出了FIash动画的优势。

1.Flash动画在网页设计中的部分应用

在网页设计中,Flash动画作品除了以“流式播放动画”播放以外,如:Flash动画短片、FlashMV,还具有一定交互性特点的形式。有些网站的引导界面做成Flash动画形式,一般由Dreamweaver软件来完成,做成静态页面。当然,大部分这类页面全部是静态,但也有某些网站做出以下设计。如:网页中的Flash网络广告、Flash形象展示动画、网站导航栏动画、图片展示动画、Flash交互动画、及由Flash制作完成的网站注册、登陆、计算等系统。

在静态页面中,如果把这些做成动画形式的话,无疑能起到生动、装饰的作用,对浏览者具有充分调动的作用。但是不宜太花、太乱,否则,就会起到反作用,不但使浏览者眼花缭乱、烦躁,而且会给企本网站效应大打折扣,显得烦乱,缺乏信任。

2.Flash动画在整站网页设计中的应用

前文中提到过,除了采用Flash制作相关的贞面外,也有一些网站,为了展示自己的个性,使用Flash来制作整个站点。

整个站点从概念上就己经包括所有视听元素部分及版式的设计。网站引导界面的设计估且不说,由其引导进入的内页面这整个系统都是由Flash软件来制作,就包括上文列举的视频、Flash广告动画、Flash交互动画、网站的Flash形象展示动画、网站各级导航栏、图片展示、文字、链接、色彩、音乐、声音、游戏及网站注册、登陆、计算系统等。这样的Flash动画网站,感觉都十分炫,具有很强很独特的个性,基本上能完全调动浏览者的积极性,给人以活跃的心理感受。公务员之家

为了提高网站的美观性,和一些广告厂商的利益获取性,我们经常会看到好多内嵌式或漂浮式的广告,吸引我们的注意。如我们学校(新乡职业技术学院,/)网站首页的图片幻灯片放映,更简单明了的突出了学校的近况,校园新闻,和学生的学习环境。因此,好的动画,需要有好的设计,需要我们潜心去研究、思考,既能使网站充分利用其生动活泼的优势,又不会因其一些限制因素,而使浏览者产生不好的心理感受,以至于影响到网页和浏览者的互动。

二、Flash动画的发展

无论是国外还是国内,近几年的动画都在蓬勃地发展。信息网络技术开启了人类新的生活、新的实践。网络技术的出现,给动画艺术提供了一个崭新的演示平台。在提倡个性化创作的今天,网络动画更加适合现代动画制作者的口味,并随之进入了千家万户。现在有许多专门的如“Flashempire闪客帝国,大话三国,闪盟在线”等这样的一些网站,这里面不仅拥有大量的Flash动画供爱好者在线观看,而且还是Flash爱好者们的一个专门交流的空间。的确,它的发展让人不得不刮目相看。

Flash作为现代一种新的设计方式和娱乐方式,不仅有其实用功能,并且还有视觉和听觉上的双重享受,更因为它具有的趣味性,它作为一种强大的动画制作软件,在视觉表现上较普通的网页有很大的优势,因此,被广泛用于网络的制作中。最初用于网站片头,现在己经大量运用于宣传企业产品的网络广告。另外,电视台也开始播放Flash制作的短剧和广告。将动画加上音乐及歌词就成了MTV,这也是Flash最擅长的一面。制作交互多媒体是Flash的优势所在,Flash制作的导航界面,随着鼠标的各种动作可以产生动画、声音。还能使网上游戏更具吸引力。随着动画在各个领域中的不断深入发展,已经无法简单地估计动画的前景将会怎样,但我们坚信动画将会带给我们无限的惊喜和激动。现在国家对动画事业的高度重视,加入动画行业的人员也越来越多,我们期望着动画事业更加蓬勃地向前发展。

三、小结

FLASH网页有着体积小、效果好、跨媒体性强、成本低廉、视觉冲击力强、Flash的广告形式具有很强的亲和力和交互性。从创意的角度来说,在网页中插入FLASH的思路更为奇特和夸张,但它同样遵循传统网页的制作思路和制作要点,注重跨媒体传播创作者和客户合作的过程中,最好不要局限于“我在做网页”的思维,因为,在网页中插入Flash除了能在网络上以外,还可以在传统电视、楼宇电视、手机等载体上、所以要有制作精品的信念,这样才能使网页的前景更为广阔,才能为更多的商家和目标受众所青睐。

参考文献:

网页制作论文范文篇6

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种（详见validator.w3.org/docs/errors.html#noverbose），本研究检测的19个期刊论文投稿网站的网页错误类型经过统计有121种错误类型，主要的错误原因在于标记属性使用错误或者未加定义。期刊论文投稿网站首页的前几项错误项目分别是Thereisnoattribute“……”（136次）、Documenttypedoesnotallowelement“……”here（104次）、Requiredattribute“……”notspecified（91次）及Element“……”undefined（85次）。属性定义有误在信息的显示上可能不会出现问题，网页内容能够正常呈现，但对于数据的交换及传递会有一定程度地影响。在统计的121种错误类型中，属于标签（Html-Tag）的错误数最多，说明期刊论文投稿网站的网页大多数为Html标签的定义或使用错误，因此在撰写Html语法时应注意标签的使用正确性。另外，由于网页制作软件的可视化和方便性，使得网页设计人员更容易的设计制作动态化的脚本语言，导致脚本（Script/Script-Tag）出错的数量也偏高。由于19个期刊论文投稿网站网页的错误类型和数量较多，无法用表格的形式一一列出，图4为中国图书馆学报的检测结果，可以看出中国图书馆学报的论文投稿网站的网页没有出现标记使用属性方面的错误，仅有两条格式定义类型的错误。

网页制作论文范文篇7

论文摘要：网页的内容通常是由图片和文字组成。由文字构成网页的主体，而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站，往往能让浏览者流连忘返。因此，有漂亮的图片是你的网页能吸引人的一个有力保证。

一、介绍

超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息，使用户和网站进行交互，使你找到用户的详细信息。表格在许多工作中有着广泛的应用。

框架网页是一种特殊的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制作的，在联系方式中还添加了一个outlookexpress电子邮件，方便用户与公司的联系，用户可以直接点击给公司发送邮件。outlookexpress作为全球范围内的联机通讯软件，已经被越来越多的人所接受，无论是与同事和朋友交换电子邮件，还是加入新闻组进行思想与信息的交流，OutlookExpress都已成为不可或缺的助手。联系方式中除了电子邮件，还列出了公司地址，电话，传真，邮编。

左边的图片是在Photoshop中，先用椭圆选框工具选中所要的部分，放置新建的画布中，再用油漆桶工具把空白处填充为与页面背景相同的蓝色并对画面进行淡化处理。右边的标题是在Photoshop中，用油漆桶工具填充背景色，然后写上“联系方式”，调整其大小与位置，“方式”二字较“联系”稍小一些，左右分别加上符号“≡”，“「”，“」”，“≡”，使图片放置页面中显得美观，更突出了主题内容。

FLS－系列风淋室，净化空调厂房，中效送风机组，各种医疗器械设备及实验室设备等页面由页面“产品介绍”链接的，并且均以淡蓝色为背景底色。页面大部分有图片和文字两部分组成。文字部分由表格固定，表格边框设为零，图片是用Photoshop制作成的。

所有页面整齐划一，设计风格保持一致，加上淡蓝色的背景，给人简洁、明了、大方的感觉。

七所用各技术的特点

1.Dreamweaver:Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是当前主流的站点和网页编辑器，其代码简洁、兼容性和整体功能都很强。Dreamweaver的介入，使得网页一些部分的实现变得更加直观简便。

Dreamweaver的主要特点：

最佳的制作效率

Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

网站管理

使用网站地图可以快速制作网站雏形，设计，更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有链接。使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

无可比拟的控制能力

Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。

所供即所得

Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所供即所得的功能，让您不需要透过浏览器就能预览网页。

梦幻样版和XML

Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部分，内容提供者可直接编辑以样式为主的内容，却不会不小心改变既定之样式。您也可以使用样版正确地汇入或输出XML内容。

全方位的呈现

利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站下载它的描述档，便可得知详尽的成效报告。

2.Photoshop:Adobephotoshop在绘图、色彩调整等诸多方面有着出色的功能，集成度高、适应面广和操作简便。他不仅提供强大的绘图工具，可以直接绘制艺术图形，还能直接从扫描仪，数码相机等设备中采集图像，并对他们进行编辑、修复、以及调整效果，同时可以改变图像的颜色模式，并能在图像中制作艺术文字等。Photoshop中的高级绘图工具，可自动生成背景纹理、图层效果，多种特殊效果滤镜，可创建多种艺术效果和绚丽的web图形并可直接在photoshop中定义和编辑切片的工具透明控制，包括用于混合到任意背景中的边缘的仿色透明度。强大的彩色校正工具——修复画笔，可在消除瑕疵的同时保留色调和纹理图层。Photoshop的强大工具可以使操作者不管制作任何图像都游刃有余。对于设计网页，photoshop是不可或缺的工具，是强大的图片处理工具。

3.FlashMX:Macromedia公司出品的Flash是制作网页动画的利器。严格来说，F1ash是网络多媒体制作工具而不是网页编辑工具。F1ash是制作动感网页的权威。对于使用者来说，只需很短时间的学习，就可以用它制作出美观的网页动画。可以让制作者随心所欲地实现各种创意，并且可以和javascript一起创作出具有强大交互性的网页动画。

Flash是一种绘制矢量图形和创作互动多媒体动画的软件。它可以用少量的矢量数据就可以描述相当复杂的对象，所以生成的文件尺寸小，便于在网上传输。Flash创建的动画集可以插入到html文档中，也可以单独制作网页。使网页的效果更加完美。

八网页制作的优缺点

比较明确，风格统一。并运用了一些其它的设计软件加以辅助设计。使网页更加具有动感，形式丰富。就内容而言，比较丰富。大量运用了图片，并进行了文字说明，做到了图文并茂。但是由于我们刚接触网页制作，做出的效果还是有些稚嫩的，需要以后不断的实践。

九代码

1．滚动字幕

<tdheight="167"><MARQUEEid=newsonmouseover=this.stop()

style="FONT-WEIGHT:normal;LEFT:0px;MARGIN-LEFT:1px;TOP:1px;TEXT-ALIGN:center"

onmouseout=this.start()scrollAmount=1scrollDelay=50

direction=upbehavior=loopwidth=250height=150background="">

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="http://Untitled-21.htm"target=_blank>二氧化氯的发展史</A></P>

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="http://Untitled-22.htm"target=_blank>二氧化氯对健康的影响</A></P>

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="http://Untitled-23.htm"

target=_blank>二氧化氯作为水体消毒剂的特性</A></P>

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="http://Untitled-24.htm"

target=_blank>二氧化氯的主要应用领域：用于造纸、用于饮用水处理、用于环境废物处理、用于油田......</A></P>

</MARQUEE>&nbsp;</td>

2．链接站点

<selectclass=ourfont

style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"

onChange=javascript:window.open(this.options[this.selectedIndex].value)

size=1name=select>

<optionselected>→友情链接站点←</option>

<option

value=>新浪网</option>

<option

value=>网易</option>

<option

value=>搜狐网</option>

<option

value=>新视听</option>

<option

value=>中华网</option>

<option

value=>雅虎</option>

<option

value=>263首都在线</option>

<option

value=>索易</option>

</select>

</p>

<palign="center"><fontcolor="#333333"size="2">

<select

class=ourfont

style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"

onChange=javascript:window.open(this.options[this.selectedIndex].value)

size=1name=number1>

<optionselected>→环境保护站点←</option>

<option

value=/>国家环境保护总局

<option

value=/>北京市环境保护局

<option

value=/>山东环境

<option

value=/default.aspx>济南市环境保护局

<option

value=www.hisun-/>青岛海晟环保技术

</select>

3．下拉列表

<selectclass=ourfont

style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"

onChange=javascript:window.open(this.options[this.selectedIndex].value)

size=1name=select>

<optionselected>→→产品介绍←←</option>

<option

value="Untitled-6.htm"target="_blank">二氧化氯发生器-WPR型</option>

<option

value="Untitled-7.htm"target="_blank">二氧化氯发生器-WPRⅠ型</option>

<option

value="Untitled-8.htm"target="_blank">二氧化氯发生器-WPRⅡ型</option>

<option

value="Untitled-18.htm"target="_blank">二氧化氯发生器型号说明</option>

<option

value="Untitled-9.htm"target="_blank">破氰、除铬一体化设备</option>

<option

value="Untitled-10.htm"target="_blank">ZT系列空气净化工作台</option>

<option

value="Untitled-11.htm"target="_blank">ZT系列百级层流罩</option>

<option

value="Untitled-12.htm"target="_blank">ZT系列高效自净器</option>

<option

value="Untitled-13.htm"target="_blank">ZT系列高效空气过滤器</option>

<option

value="Untitled-14.htm"target="_blank">FLS-系列风淋室</option>

<option

value="Untitled-15.htm"target="_blank">净化空调厂房</option>

<option

value="Untitled-16.htm"target="_blank">中效送风机组</option>

<option

value="Untitled-17.htm"target="_blank">各种医疗器械设备及实验室</option>

</select>

参考文献

1.魏洪斌《DreamweaverMX网页设计》清华大学出版社

2.马波《DreamweaverMX完美网页设计与制作》中国青年出版社

3.黄梦《DreamweaverMX完全征服手册》中国青年出版社

4.周明涛《DreamweaverMX网页设计指南》机械工程出版社

5.陈青、刘时燕、macromedia《FlashMX标准案例教材》人民邮电出版社

6.刘淼《FlashMX入门与提高》人民邮电出版社

7.李伟《FlashMX动画制作实例教程》清华大学出版社

8.刘睿、陈志宇《Photoshop6.0实用教程》山东科学技术出版社

网页制作论文范文篇8

论文摘要：网页的内容通常是由图片和文字组成。由文字构成网页的主体，而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站，往往能让浏览者流连忘返。因此，有漂亮的图片是你的网页能吸引人的一个有力保证。

一、介绍

超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息，使用户和网站进行交互，使你找到用户的详细信息。表格在许多工作中有着广泛的应用。

框架网页是一种特殊的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制作的，在联系方式中还添加了一个outlookexpress电子邮件，方便用户与公司的联系，用户可以直接点击给公司发送邮件。outlookexpress作为全球范围内的联机通讯软件，已经被越来越多的人所接受，无论是与同事和朋友交换电子邮件，还是加入新闻组进行思想与信息的交流，OutlookExpress都已成为不可或缺的助手。联系方式中除了电子邮件，还列出了公司地址，电话，传真，邮编。

左边的图片是在Photoshop中，先用椭圆选框工具选中所要的部分，放置新建的画布中，再用油漆桶工具把空白处填充为与页面背景相同的蓝色并对画面进行淡化处理。右边的标题是在Photoshop中，用油漆桶工具填充背景色，然后写上“联系方式”，调整其大小与位置，“方式”二字较“联系”稍小一些，左右分别加上符号“≡”，“「”，“」”，“≡”，使图片放置页面中显得美观，更突出了主题内容。

FLS－系列风淋室，净化空调厂房，中效送风机组，各种医疗器械设备及实验室设备等页面由页面“产品介绍”链接的，并且均以淡蓝色为背景底色。页面大部分有图片和文字两部分组成。文字部分由表格固定，表格边框设为零，图片是用Photoshop制作成的。

所有页面整齐划一，设计风格保持一致，加上淡蓝色的背景，给人简洁、明了、大方的感觉。

七所用各技术的特点

1.Dreamweaver:Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是当前主流的站点和网页编辑器，其代码简洁、兼容性和整体功能都很强。Dreamweaver的介入，使得网页一些部分的实现变得更加直观简便。

Dreamweaver的主要特点：

最佳的制作效率

Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

网站管理

使用网站地图可以快速制作网站雏形，设计，更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有链接。使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

无可比拟的控制能力

Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。

所供即所得

Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所供即所得的功能，让您不需要透过浏览器就能预览网页。

梦幻样版和XML

Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部分，内容提供者可直接编辑以样式为主的内容，却不会不小心改变既定之样式。您也可以使用样版正确地汇入或输出XML内容。

全方位的呈现

利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站下载它的描述档，便可得知详尽的成效报告。

2.Photoshop:Adobephotoshop在绘图、色彩调整等诸多方面有着出色的功能，集成度高、适应面广和操作简便。他不仅提供强大的绘图工具，可以直接绘制艺术图形，还能直接从扫描仪，数码相机等设备中采集图像，并对他们进行编辑、修复、以及调整效果，同时可以改变图像的颜色模式，并能在图像中制作艺术文字等。Photoshop中的高级绘图工具，可自动生成背景纹理、图层效果，多种特殊效果滤镜，可创建多种艺术效果和绚丽的web图形并可直接在photoshop中定义和编辑切片的工具透明控制，包括用于混合到任意背景中的边缘的仿色透明度。强大的彩色校正工具——修复画笔，可在消除瑕疵的同时保留色调和纹理图层。Photoshop的强大工具可以使操作者不管制作任何图像都游刃有余。对于设计网页，photoshop是不可或缺的工具，是强大的图片处理工具。

3.FlashMX:Macromedia公司出品的Flash是制作网页动画的利器。严格来说，F1ash是网络多媒体制作工具而不是网页编辑工具。F1ash是制作动感网页的权威。对于使用者来说，只需很短时间的学习，就可以用它制作出美观的网页动画。可以让制作者随心所欲地实现各种创意，并且可以和javascript一起创作出具有强大交互性的网页动画。

Flash是一种绘制矢量图形和创作互动多媒体动画的软件。它可以用少量的矢量数据就可以描述相当复杂的对象，所以生成的文件尺寸小，便于在网上传输。Flash创建的动画集可以插入到html文档中，也可以单独制作网页。使网页的效果更加完美。

八网页制作的优缺点

比较明确，风格统一。并运用了一些其它的设计软件加以辅助设计。使网页更加具有动感，形式丰富。就内容而言，比较丰富。大量运用了图片，并进行了文字说明，做到了图文并茂。但是由于我们刚接触网页制作，做出的效果还是有些稚嫩的，需要以后不断的实践。

九代码

1．滚动字幕

<tdheight="167"><MARQUEEid=newsonmouseover=this.stop()

style="FONT-WEIGHT:normal;LEFT:0px;MARGIN-LEFT:1px;TOP:1px;TEXT-ALIGN:center"

onmouseout=this.start()scrollAmount=1scrollDelay=50

direction=upbehavior=loopwidth=250height=150background="">

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="http://Untitled-21.htm"target=_blank>二氧化氯的发展史</A></P>

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="http://Untitled-22.htm"target=_blank>二氧化氯对健康的影响</A></P>

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="http://Untitled-23.htm"

target=_blank>二氧化氯作为水体消毒剂的特性</A></P>

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="http://Untitled-24.htm"

target=_blank>二氧化氯的主要应用领域：用于造纸、用于饮用水处理、用于环境废物处理、用于油田......</A></P>

</MARQUEE>&nbsp;</td>

2．链接站点

<selectclass=ourfont

style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"

onChange=javascript:window.open(this.options[this.selectedIndex].value)

size=1name=select>

<optionselected>→友情链接站点←</option>

<option

value=>新浪网</option>

<option

value=>网易</option>

<option

value=>搜狐网</option>

<option

value=>新视听</option>

<option

value=>中华网</option>

<option

value=>雅虎</option>

<option

value=>263首都在线</option>

<option

value=>索易</option>

</select>

</p>

<palign="center"><fontcolor="#333333"size="2">

<select

class=ourfont

style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"

onChange=javascript:window.open(this.options[this.selectedIndex].value)

size=1name=number1>

<optionselected>→环境保护站点←</option>

<option

value=/>国家环境保护总局

<option

value=/>北京市环境保护局

<option

value=/>山东环境

<option

value=/default.aspx>济南市环境保护局

<option

value=www.hisun-/>青岛海晟环保技术

</select>

3．下拉列表

<selectclass=ourfont

style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"

onChange=javascript:window.open(this.options[this.selectedIndex].value)

size=1name=select>

<optionselected>→→产品介绍←←</option>

<option

value="Untitled-6.htm"target="_blank">二氧化氯发生器-WPR型</option>

<option

value="Untitled-7.htm"target="_blank">二氧化氯发生器-WPRⅠ型</option>

<option

value="Untitled-8.htm"target="_blank">二氧化氯发生器-WPRⅡ型</option>

<option

value="Untitled-18.htm"target="_blank">二氧化氯发生器型号说明</option>

<option

value="Untitled-9.htm"target="_blank">破氰、除铬一体化设备</option>

<option

value="Untitled-10.htm"target="_blank">ZT系列空气净化工作台</option>

<option

value="Untitled-11.htm"target="_blank">ZT系列百级层流罩</option>

<option

value="Untitled-12.htm"target="_blank">ZT系列高效自净器</option>

<option

value="Untitled-13.htm"target="_blank">ZT系列高效空气过滤器</option>

<option

value="Untitled-14.htm"target="_blank">FLS-系列风淋室</option>

<option

value="Untitled-15.htm"target="_blank">净化空调厂房</option>

<option

value="Untitled-16.htm"target="_blank">中效送风机组</option>

<option

value="Untitled-17.htm"target="_blank">各种医疗器械设备及实验室</option>

</select>

参考文献

1.魏洪斌《DreamweaverMX网页设计》清华大学出版社

2.马波《DreamweaverMX完美网页设计与制作》中国青年出版社

3.黄梦《DreamweaverMX完全征服手册》中国青年出版社

4.周明涛《DreamweaverMX网页设计指南》机械工程出版社

5.陈青、刘时燕、macromedia《FlashMX标准案例教材》人民邮电出版社

6.刘淼《FlashMX入门与提高》人民邮电出版社

7.李伟《FlashMX动画制作实例教程》清华大学出版社

8.刘睿、陈志宇《Photoshop6.0实用教程》山东科学技术出版社

网页制作论文范文篇9

论文摘要：网页的内容通常是由图片和文字组成。由文字构成网页的主体，而图片则能够美化和增色你的网页。那些包含了设计精美图片的网站，往往能让浏览者流连忘返。因此，有漂亮的图片是你的网页能吸引人的一个有力保证。

一、介绍

超链接是网页中最活泼、最有吸引力的一种元素。表单用于特殊的信息，使用户和网站进行交互，使你找到用户的详细信息。表格在许多工作中有着广泛的应用。

框架网页是一种特殊的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制作的，在联系方式中还添加了一个outlookexpress电子邮件，方便用户与公司的联系，用户可以直接点击给公司发送邮件。outlookexpress作为全球范围内的联机通讯软件，已经被越来越多的人所接受，无论是与同事和朋友交换电子邮件，还是加入新闻组进行思想与信息的交流，OutlookExpress都已成为不可或缺的助手。联系方式中除了电子邮件，还列出了公司地址，电话，传真，邮编。

左边的图片是在Photoshop中，先用椭圆选框工具选中所要的部分，放置新建的画布中，再用油漆桶工具把空白处填充为与页面背景相同的蓝色并对画面进行淡化处理。右边的标题是在Photoshop中，用油漆桶工具填充背景色，然后写上“联系方式”，调整其大小与位置，“方式”二字较“联系”稍小一些，左右分别加上符号“≡”，“「”，“」”，“≡”，使图片放置页面中显得美观，更突出了主题内容。

FLS－系列风淋室，净化空调厂房，中效送风机组，各种医疗器械设备及实验室设备等页面由页面“产品介绍”链接的，并且均以淡蓝色为背景底色。页面大部分有图片和文字两部分组成。文字部分由表格固定，表格边框设为零，图片是用Photoshop制作成的。

所有页面整齐划一，设计风格保持一致，加上淡蓝色的背景，给人简洁、明了、大方的感觉。

七所用各技术的特点

1.Dreamweaver:Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver是当前主流的站点和网页编辑器，其代码简洁、兼容性和整体功能都很强。Dreamweaver的介入，使得网页一些部分的实现变得更加直观简便。

Dreamweaver的主要特点：

最佳的制作效率

Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dremweaver能与您喜爱的设计工具，如PlaybackFlash，Shockwave和外挂模组等搭配，不需离开Dremweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。

网站管理

使用网站地图可以快速制作网站雏形，设计，更新和重组网页。改变网页位置或档案名称，Dreamweaver会自动更新所有链接。使用支援文字，HTML码，HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。

无可比拟的控制能力

Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。甚至可以排序或格式化表格群组，Dreamweaver支援精准定位，利用可轻易转换成表格的图层以拖拉置放的方式进行版面配置。

所供即所得

Dreamweaver成功整合动态式出版视觉编辑及电子商务功能，提供超强的支援能力给Third-party厂商，包含ASP，Apache，BroadVision，ColdFusion，iCAT，Tango与自行发展的应用软体。当您正使用Dreamweaver在设计动态网页时，所供即所得的功能，让您不需要透过浏览器就能预览网页。

梦幻样版和XML

Dreamweaver将内容与设计分开，应用于快速网页更新和团队合作网页编辑。建立网页外观的样版，指定可编辑或不可编辑的部分，内容提供者可直接编辑以样式为主的内容，却不会不小心改变既定之样式。您也可以使用样版正确地汇入或输出XML内容。

全方位的呈现

利用Dreamweaver设计的网页，可以全方位的呈现在任何平台的热门浏览器上。对于cascadingstylesheets的动态HTML支援和鼠标换图效果，声音和动画的DHTML效果资料库可在Netscape和Microsoft浏览器上执行。使用不同浏览器检示功能，Dreamweaver可以告知您在不同浏览器上执行的成效如何。当有新的浏览器上市时，只要从Dreamweaver的网站下载它的描述档，便可得知详尽的成效报告。

2.Photoshop:Adobephotoshop在绘图、色彩调整等诸多方面有着出色的功能，集成度高、适应面广和操作简便。他不仅提供强大的绘图工具，可以直接绘制艺术图形，还能直接从扫描仪，数码相机等设备中采集图像，并对他们进行编辑、修复、以及调整效果，同时可以改变图像的颜色模式，并能在图像中制作艺术文字等。Photoshop中的高级绘图工具，可自动生成背景纹理、图层效果，多种特殊效果滤镜，可创建多种艺术效果和绚丽的web图形并可直接在photoshop中定义和编辑切片的工具透明控制，包括用于混合到任意背景中的边缘的仿色透明度。强大的彩色校正工具——修复画笔，可在消除瑕疵的同时保留色调和纹理图层。Photoshop的强大工具可以使操作者不管制作任何图像都游刃有余。对于设计网页，photoshop是不可或缺的工具，是强大的图片处理工具。

3.FlashMX:Macromedia公司出品的Flash是制作网页动画的利器。严格来说，F1ash是网络多媒体制作工具而不是网页编辑工具。F1ash是制作动感网页的权威。对于使用者来说，只需很短时间的学习，就可以用它制作出美观的网页动画。可以让制作者随心所欲地实现各种创意，并且可以和javascript一起创作出具有强大交互性的网页动画。

Flash是一种绘制矢量图形和创作互动多媒体动画的软件。它可以用少量的矢量数据就可以描述相当复杂的对象，所以生成的文件尺寸小，便于在网上传输。Flash创建的动画集可以插入到html文档中，也可以单独制作网页。使网页的效果更加完美。

八网页制作的优缺点

比较明确，风格统一。并运用了一些其它的设计软件加以辅助设计。使网页更加具有动感，形式丰富。就内容而言，比较丰富。大量运用了图片，并进行了文字说明，做到了图文并茂。但是由于我们刚接触网页制作，做出的效果还是有些稚嫩的，需要以后不断的实践。

九代码

1．滚动字幕

<tdheight="167"><MARQUEEid=newsonmouseover=this.stop()

style="FONT-WEIGHT:normal;LEFT:0px;MARGIN-LEFT:1px;TOP:1px;TEXT-ALIGN:center"

onmouseout=this.start()scrollAmount=1scrollDelay=50

direction=upbehavior=loopwidth=250height=150background="">

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="http://Untitled-21.htm"target=_blank>二氧化氯的发展史</A></P>

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="http://Untitled-22.htm"target=_blank>二氧化氯对健康的影响</A></P>

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="http://Untitled-23.htm"

target=_blank>二氧化氯作为水体消毒剂的特性</A></P>

<Pstyle="MARGIN-TOP:5px;MARGIN-BOTTOM:5px"><A

href="http://Untitled-24.htm"

target=_blank>二氧化氯的主要应用领域：用于造纸、用于饮用水处理、用于环境废物处理、用于油田......</A></P>

</MARQUEE>&nbsp;</td>

2．链接站点

<selectclass=ourfont

style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"

onChange=javascript:window.open(this.options[this.selectedIndex].value)

size=1name=select>

<optionselected>→友情链接站点←</option>

<option

value=>新浪网</option>

<option

value=>网易</option>

<option

value=>搜狐网</option>

<option

value=>新视听</option>

<option

value=>中华网</option>

<option

value=>雅虎</option>

<option

value=>263首都在线</option>

<option

value=>索易</option>

</select>

</p>

<palign="center"><fontcolor="#333333"size="2">

<select

class=ourfont

style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"

onChange=javascript:window.open(this.options[this.selectedIndex].value)

size=1name=number1>

<optionselected>→环境保护站点←</option>

<option

value=/>国家环境保护总局

<option

value=/>北京市环境保护局

<option

value=/>山东环境

<option

value=/default.aspx>济南市环境保护局

<option

value=www.hisun-/>青岛海晟环保技术

</select>

3．下拉列表

<selectclass=ourfont

style="MARGIN:0px;COLOR:#000000;BACKGROUND-COLOR:#ffffff"

onChange=javascript:window.open(this.options[this.selectedIndex].value)

size=1name=select>

<optionselected>→→产品介绍←←</option>

<option

value="Untitled-6.htm"target="_blank">二氧化氯发生器-WPR型</option>

<option

value="Untitled-7.htm"target="_blank">二氧化氯发生器-WPRⅠ型</option>

<option

value="Untitled-8.htm"target="_blank">二氧化氯发生器-WPRⅡ型</option>

<option

value="Untitled-18.htm"target="_blank">二氧化氯发生器型号说明</option>

<option

value="Untitled-9.htm"target="_blank">破氰、除铬一体化设备</option>

<option

value="Untitled-10.htm"target="_blank">ZT系列空气净化工作台</option>

<option

value="Untitled-11.htm"target="_blank">ZT系列百级层流罩</option>

<option

value="Untitled-12.htm"target="_blank">ZT系列高效自净器</option>

<option

value="Untitled-13.htm"target="_blank">ZT系列高效空气过滤器</option>

<option

value="Untitled-14.htm"target="_blank">FLS-系列风淋室</option>

<option

value="Untitled-15.htm"target="_blank">净化空调厂房</option>

<option

value="Untitled-16.htm"target="_blank">中效送风机组</option>

<option

value="Untitled-17.htm"target="_blank">各种医疗器械设备及实验室</option>

</select>

参考文献

1.魏洪斌《DreamweaverMX网页设计》清华大学出版社

2.马波《DreamweaverMX完美网页设计与制作》中国青年出版社

3.黄梦《DreamweaverMX完全征服手册》中国青年出版社

4.周明涛《DreamweaverMX网页设计指南》机械工程出版社

5.陈青、刘时燕、macromedia《FlashMX标准案例教材》人民邮电出版社

6.刘淼《FlashMX入门与提高》人民邮电出版社

7.李伟《FlashMX动画制作实例教程》清华大学出版社

8.刘睿、陈志宇《Photoshop6.0实用教程》山东科学技术出版社

网页制作论文范文篇10

1网站建设的必要性

随着教育现代化的基本实现，中小学图书馆规模、设备、设施发生了根本性变化，正由原来的传统图书馆向数字化、网络化发展。图书馆网站将成为连接图书馆与读者的桥梁与纽带，一方面读者可以不受时间、地点的限制直接通过图书馆网站了解图书馆，共享图书馆资源，享受图书馆提供的阅览、咨询、检索等服务；另一方面图书馆可以通过自己的站点了解不同读者的需求，从而更好地引导读者开发利用丰富的网上资源，进一步提高服务质量、扩展服务深度和广度。因此，图书馆网站的建设对于图书馆具有举足轻重的作用。

2网站建设的条件

网站建设是一项复杂的系统工程，需要人力、物力等多方面的配合，图书馆网站建设也不例外。首先需要学校领导的大力支持，提供计算机、服务器、网络等硬件设施，网页制作需要的各种软件，以及一定的资金；其次需要一批精通网页设计的专业人员，并且具备一种团队协作、勇于创新的精神。另外，图书馆网站的制作人员需要具备一定的图书馆专业知识。

3网站的建设

3．1网页版面设计

网页的版面设计关系到图书馆的网络形象问题。由于学校图书馆网站主要的浏览对象是学生和老师，因此在设计时应体现出图书馆蓬勃向上的青春感、时代感，体现出学校的特色；版面布局要合理、有新意，且层次分明，色彩搭配和谐自然，字体美观大方，图文并茂，动静效果好。

3．2网站栏目设置

栏目设计是否合理对今后网站的维护和内容的扩充很重要，因而栏目设置应充分体现图书馆的功能，涉及图书馆工作的各个方面。根据实际需要可设置分级栏目，一般可分为两级。以我校图书馆网站的栏目设置为例，一级栏目设定为馆情介绍、读者指南、馆藏介绍、读者服务、馆员天地、留言本、电子图书等，而每一个一级栏目又可分为3-4个二级栏目，例如读者服务下设的二级栏目为阅读指导、读书活动、图书查询、馆办刊物。各栏目包括的内容如下：

“馆情介绍”主要是介绍我校图书馆的基本情况，包括它的馆史、馆舍、馆藏情况，目的是使广大读者对图书馆的基本情况有一个大概的了解和认识。内容主要以文字为主，图片为辅。图片可以是一些反映图书馆内外设施的照片，这样可以增强读者对图书馆的感性认识。

“读者指南”主要是为读者提供各类实用信息，包括我校图书馆的各项规章制度、开放时间、借阅流程及中国图书分类法简表等，目的是帮助读者更好地利用图书馆提供的各种信息资源和服务。

“馆藏介绍”主要是介绍我校图书馆内的馆藏资源，包括新书通报、馆藏推荐，报刊目录等，目的是向读者推荐新书、好书，让读者能够在第一时间获得图书信息，借阅图书，从而增加图书流通量。

“读者服务”主要是介绍我校图书馆提供的各项服务，包括图书外借、报刊阅览、书目检索、读书活动等，同时提供一些阅读方面的指导。我校图书馆还创办了读者指导型刊物《传是风》。目的是让读者了解可以从图书馆得到哪些方面的服务和帮助，有效利用图书馆的各种信息资源。

“馆员天地”主要是我校图书馆馆员相互交流的场所，包括工作计划、馆员职责、论文交流等，目的是使图书馆员明确自己职责，相互交流、相互合作、提高自身素质，更好地为读者服务。

“电子图书”是一个可以在网上直接阅读书籍的场所，目的是使读者可以不受时间、地点的限制自由地阅读自己喜欢的书籍。根据读者需求，我校图书馆专门在此栏目中放入了学生喜欢的图书，如哲学类《小故事大智慧》，社科类《百家讲坛系列图书》，教育类《与孩子共享自然》，自然科学《经典电脑故障全攻略》等，学生们在阅读的同时也增加了网站的点击率。

“留言本”是一个读者与图书馆交流平台，读者可以在此发表自己对图书馆的看法和建议，可以提出一些疑难问题寻求帮助，甚至可以推荐一些好书、好文章，供大家相互交流学习心得等。图书馆可以借此进行读者需求分析，帮助解决读者遇到的实际问题，加强图书馆与读者的联系，提高图书馆的服务质量。

总之，栏目设置主要是想尽可能地体现图书馆的图书服务功能，书刊资料的信息功能，图书馆对学生的阅读指导和教育功能，以及图书馆与读者的互动功能。

3．3网页素材准备

网页素材是图书馆网站的最基本组成部分，可分为文字、图片、音频、视频等，要求内容精确、新颖，语言简洁明了。笔者认为文字素材的准备最好由图书馆员负责，因为他们有专业的图书馆知识，对图书馆有较清新的认识，了解它的历史与现状，以及今后的发展方向，同时也可充分发挥图书馆员搜索、筛选、加工、利用的专业技能，为图书馆网站准备所需的各种材料。文字材料在录入时要进行校对，避免错别字、语句不通顺等问题。图片材料的准备可通过三种方式完成，一是利用网络搜索下载网页制作所需的图片素材，这种方式最为简便，但缺乏原创性。二是利用图形制作处理软件自己制作图片。三是利用数码相机拍摄采集图片资料。实际制作时三种方式并用，方可达到较为理想的效果，保证图片素材的独创性。音频、视频文件可利用学校购买的音像制品，或是通过网络下载得到的多媒体文件，经过筛选、加工、整理整合到网站中，供读者收听、收看、学习。总之，在图书馆网页的制作中，素材的运用大多是以文字叙述为主，以特色鲜明的图片为辅，配以音频、视频文件，从而增强网站的视觉效果。

3．4网页制作

图书馆网站不同于一般的商业网站，重点要突出图书馆作为学校信息资源库的特点，以信息传递，资源检索利用为主。在制作前期可参考借鉴各种网站建设的成功经验，浏览一些大型图书馆网站，如国家图书馆、上海图书馆、南京图书馆、苏州图书馆等，以及较早建图书馆网站的学校站点，努力设计出具有本校特色的图书馆网站。网页制作时要熟练掌握流行的网页制作工具，如网页制作软件Dreamwear，图象处理软件Photoshop，动画制作软件Flash，还要掌握网页编程语言，如HTML超文本语言、VB、ASP、JAVA语言等，以便快速高效地完成网站的建设。

4网站的更新维护

网站维护是网站建设的后续保障，一个没有持之以恒更新维护的网站，很快就会失去其建立的意义而被淘汰，因此要重视图书馆网站的日常维护工作。

4．1网页布局维护

读者浏览图书馆网站的主要目的就是想得到自己迫切需要的信息，因此网页布局不应一成不变，应根据实际情况不断改进完善网页布局，使其更趋于紧凑、突出重点，便于读者用最短的时间获得最需要的信息。

4．2网页内容维护

信息具有时效性的特点，因此网站信息需要不断地更新，只有不断搜索、加工、利用信息，持续不断为读者输送新信息、新知识、新方法，才能保证图书馆网站的生命力。网站管理员不仅需要及时图书馆内部最新动态（如新书通报、读书活动等），还要时刻关注网上资源的变化情况，努力挖掘出有用的信息资源，从而引导读者更有效地利用网络资源，使图书馆网站成为读者学习不可或缺的一部分。

4．3网站互动栏目维护

图书馆网站作为图书馆与读者交流的桥梁和纽带，应设有读者论坛、留言版等互动栏目，在这个栏目中读者可以向图书馆员咨询、提问，读者间也可以进行相互讨论，这是一个图书馆了解读者需求的好场所。因此作为网站的管理员及时答复读者的问题，并及时关注读者提出的问题和建议，了解读者需求，提高服务质量。

4．4网络软硬件维护

计算机技术的飞速发展，信息的快速膨胀，增加了网络服务器等硬件设施的负担，网络管理员首先应注意硬件设备的运转情况，及时更新维护，保证网络的畅通无阻；其次网络软件也要及时更新，为系统软件打好补丁，升级杀毒软件病毒库，升级防火墙等，进而保证网站的正常运行，保证读者正常访问网站。

图书馆网站建设是一个长期而艰巨的任务，受到设备、人员、技术等多方面因素的制约，而网站的日常维护是一个需要耐心、恒心、责任心的工作。因此，网站建设和维护必须以设备、人员、技术为依托，以为读者用户服务为最高目标，全面设计，综合考虑，及时更新，在网页设计上形成自己的风格特色，为学校的教育教学服务。

参考文献：

[1]冯遵华.图书馆网页设计与制作[J].现代情报，2003(11).

[2]朱兰芳.浅谈图书馆网站建设[J].现代情报，2004(1).