我国妇幼保健院网站设计中的导航设计研究论文[五篇模版]

第一篇：我国妇幼保健院网站设计中的导航设计研究论文

摘要：对国内6所妇幼保健院的网站导航设计情况进行了在线调查，并对调查结果进行了分析。在此基础上对医院网站导航建设提出了相关建议。

关键词：网站导航；导航设计；导航技术

中图分类号：TP319文献标识码：A文章编号文章编号：16727800（2013）008009502

0引言

随着网络技术的发展，越来越多的人都通过网络获取信息和资源。医院网站是医院宣传与展示的窗口，是医院与外界相互了解的信息桥梁，它的建设是否科学对医院的信息建设起着重要作用。妇幼保健机构是卫生事业的重要组成部分，是以妇女、儿童、孕产妇为主要服务对象的专科医疗保健机构，具有独特的性质和职能。网站导航是用户浏览网站的“引路人”，如果导航设计得科学，可以有效避免用户迷航，提高用户对网站资源的利用效率。

1调查对象、内容与方法

1.1调查对象

选择有代表性的国内6所省级妇幼保健院，分别是北京妇幼保健院、广东省妇幼保健院、湖北省妇幼保健院、黑龙江省妇幼保健院、四川省妇幼保健院、广西壮族自治区妇幼保健院。这6所三甲妇幼保健院的网站比较成熟，基本可以代表我国妇幼保健院的网站建设水平。

1.2调查内容与方法

导航结构、辅助性导航如网站地图、搜索引擎是目前医院网站中比较典型的网站导航设计相关项目[13]。因此，本文选取网站的导航结构、辅助性导航作为本文的研究内容，并且在线浏览查阅这些妇幼保健院的站，按事先拟好的调查内容分别记录每个妇幼保健院网站导航设计的具体情况。

2妇幼保健院网站导航现状调查分析

2.1导航结构不清晰

一个优秀的网站导航结构能够有效地帮助用户解决4个问题：①我在哪里；②我可以到达哪些地方；③我怎样才能到达目标地；④我到达目标地后怎样才能回到我的出发点[4]。但是，仍然有很多网站未能较好解决这些问题。笔者浏览以上6所妇幼保健院的网站发现，这些网站的导航结构普遍存在如下问题：网站缺乏当前位置，用户不知道下一步怎样走，不知道怎样回到出发点，不知道所处的位置在哪（如广西妇幼保健院）；顶部导航过多，缺乏下拉菜单导航即二级导航，用户很难较快地找到自己想要的信息（如湖北省妇幼保健院）；二级导航位置不明显或不适合用户的阅读习惯，使得用户容易忽略二级导航的存在，致使用户达不到想去的目标地（如广西妇幼保健院、北京妇幼保健院）。

2.2缺乏辅助性导航

常见的辅助性导航有网站地图和搜索引擎：网站地图是一个网站所有链接的容器，以一个单独的页面显示整个网站内容分布情况，以便用户快速了解整个网站的结构、框架、内容分布，帮助迷失的用户找到他们想看的页面；搜索引擎是指根据一定的策略、运用特定的计算机程序检索网上信息工具，将纵横交错的网页链接起来，允许用户使用他们熟悉的术语检索自己需要查找的内容。在网站建设中，如果能很好地将网站地图和搜索引擎结合使用，便能让用户快速准确地找到目标信息。以上6个网站中，有4个网站没有网站地图，有3个没有搜索引擎，既有网站地图又有搜索引擎的网站只有一所医院，即北京妇幼保健院。这6所医院的网站，除了黑龙江省妇幼保健院的网站信息和内容较为简单外，其余5所医院的网站内容和信息都比较复杂，若没有相应的辅助性导航工具，用户容易迷航。以上数据表明，大多数医院都不够重视辅助性导航的作用，没有深入了解用户的需求。

2.3导航链接文字意义不明确

文字是人类书写语言的符号和交流信息的重要工具，在网站建设中，导航文字是用户获取信息的主要要素，如果链接的文字意思不够明确或过于笼统，就会导致用户不知道该链接到底指向一个什么内容的页面，不知道怎么找到所需的信息。

3对医院网站导航设计的建议

导航是连接用户与内容的桥梁，导航设计的优劣及其是否易于使用都会直接影响用户对网络内容的获取。可以根据用户认知心理相应地对导航结构、网站地图、网站搜索等不同类型的导航进行设计，有针对性地满足不同用户的需求，快速引导他们找到所需的信息。

3.1导航结构设计

网站的导航结构设计需注意4点：①要保证整个网站中每个网页的位置、内容、视觉风格统一；②顶部导航要包括到达网站中不属于内容层次的重要元素的链接，并且每个子网都应包含返回首页的链接以及当前位置；③二级导航的位置最好保持固定不变，因为固定的位置能为用户指引方向，以免迷航；④避免过深的层级关系，如果二级导航比较多，可以考虑设置下拉菜单[5]。根据用户自上而下、从左到右的认知过程，可以如图1设置整个网站结构。其中下拉菜单是隐蔽的，即当鼠标经过顶部导航时，下拉菜单导航显示出来，当鼠标离开顶部导航时，下拉菜单导航隐蔽起来。搜索框和网站地图放在顶部，易引起用户的注意，用户可以方便快速地确定所需的信息。在文章的右上方提供当前位置，可以方便学习者知道自己所处的位置，以免迷航。

图1网站结构设置

3.2搜索引擎设计

用户如果对整个网站结构没有清晰认识，当其进入网站时，一般会寻找搜索框输入关键词进行搜索，如果关键词与网站内容相匹配，网站就会将检索结果陈列出来。用户的检索过程看似简单，实际上并不简单，图2显示了用户的检索过程。

从图2可知，整个检索过程中搜索这一步骤非常重要，可以说，用户能否准确地获取所需的信息，搜索引擎起到关键性作用。实际搜索引擎的原理，可以看作3步：从互联网上抓取网页→建立索引数据库→在索引数据库中搜索排序。从互联网上抓取网页：利用能够从互联网上自动收集网页的Spider系统程序，自动访问互联网，并沿着任何网页中的所有URL链接到其它网页，重复该过程，并把链接过的所有网页收集回来。建立索引数据库：由分析索引系统程序对收集回来的网页进行分析，提取相关网页信息（包括网页所在URL、编码类型、页面内容包含的关键词、关键词位置、生成时间、大小、与其它网页的链接关系等），根据一定的相关度算法进行大量复杂计算，得到每一个网页针对页面内容以及超链中每一个关键词的相关度（或重要性），然后用这些相关信息建立网页索引数据库。在索引数据库中搜索排序：当用户输入关键词搜索后，由搜索系统程序从网页索引数据库中找到符合该关键词的所有相关网页，因为所有相关网页针对该关键词的相关度早已算好，所以只需按照现成的相关度数值排序，相关度越高，排名越靠前，最后由页面生成系统将搜索结果的链接地址和页面内容等内容组织起来返回给用户。

3.3网站地图设计

网站地图是为浏览者提供导航协助的重要方式之一，一般是以一个单独的页面显示整个网站导航的分布情况。在选择使用网站地图时，必须考虑网站主页设计风格和网站页面总数。如果网站主页在设计过程中已具备显示整个网站资源的功能，则可以选择不使用网站地图。如果网站地图包含太多链接，则人们浏览的时候容易迷失。因此，如果网站页面总数超过了100个，就需要挑选出最重要的页面。建议挑选下面这些页面放到网站地图中：①院、科室设置页面；②管理机构页面；③帮助页面；④位于转化路径上的所有关键页面；⑤访问量最大的前10个页面；⑥如果有站内搜索引擎，则挑选出从该搜索引擎出发点击次数最高的那些页面。

4结语

用户访问网站的根本目的是获取信息，导航的作用就是引导用户浏览和查找信息，导航的效率越高，用户就越可能对网站保持兴趣。网站导航是网站信息结构的体现，它们应该在网页加载时立刻被显示出来，这样用户就可以快速扫描导航选项，了解网站信息建构。在导航设计中要避免舍本逐末，为了单独追求视觉效果而采取动态导航，这样不仅导致导航加载速度缓慢，同时也影响了部分计算机应用能力较差的用户的操作。网站导航是技术与思想的结合体，既要利用先进的计算机技术，又要通过网站整理信息资源，并服务于用户。从技术角度看，网站导航是为了防止用户在网络空间“迷航”，防止迷航的方法包括导游线路、网站地图、搜索/查询、人工智能等，这些技术适合不同类型和规模的网络信息。从上述的调查分析来看，在网站地图和搜索引擎方面，导航技术还有待发展。妇幼保健院网站应密切关注相关新技术的发展，综合应用各种技术方法进行网站导航建设。本文对导航设计提出几点策略，只是从理论上给予建议，而未能从技术上提出具体操作。导航系统在妇幼医院网站建设中扮演着重要角色，其设计和开发具有一定的特点和规范，但是没有固定、绝对的范式。随着妇幼医院网站开发相关理念、技术的深入发展，导航系统的设计必将朝着标准化和智能化方向发展。

参考文献参考文献：

[1]YOUWEIWANG，WENIHUIDAI，YUFEIYUAN.Websitebrowsingaid：anavigationgraphbasedrecommendationsystem[J].DccisionSupportSystems2008，45：387400.[2]SALIMAILINDI，ADBELMAJIDBOUAZZA.AnevaluationstudyofthenavigationandsearchsystemsontwoacademicwebsitesandGoogle[J].TheInternationalInformation&LibraryReview，2010，42：5061.[3]王海娟.浅谈图书馆网站导航[J].情报科学，2003，21（7）：782.[4]曹晓东.网站导航代价量化与测试算法研究[D].大连：大连理工大学，2005.[5]程萍，蒋晓.基于用户认知的购物网站导航系统交互设计准则[J].包装工程，2012，33（14）：7275.

第二篇：网站设计论文目录

目录

摘要................1

第一章 诸论............2

1.1设计思想..............2

1.2开发工具的选用及介绍............2

1.2.1

1.2.2

1.2.3

1.2.4

1.2.5HTML语言................2Macromedia DREAMWEAVER MX............2ASP.net..........3ADO.net..........5Microsoft SQL Server...........6

第二章 网站总体分析与设计..............9

2.1 网站结构分析................9

2.2 页面设计构思................9

2.3 数据库设计..........10

第三章 网站制作过程...............11

3.1 静态页面制作...............11

3.2 建立数据表..........15

3.3 Asp.net代码编写..........16

3.3.1 最新产品................17

3.3.2 产品信息................19

3.3.3 产品信息上传............21

3.3.4管理员登陆、注销...............24

3.3.5 在线留言的实现................26

第四章 系统使用说明与安装..............29 参考文献.................30 致谢...............31

第三篇：个人网站设计论文

秦皇岛职业技术学院信息工程系

分类号： TP319

秦皇岛职业技术学院 课程设计（论文）

个人博客网页设计论文

学生姓专班指导教指导教师职名 王飞飞 业 计算机应用技术 级 1100103 师

称

目录

摘要 …………………………………………………………………………………2 前言 …………………………………………………………………………………3 第一章 关于网络的知识.............................................4

秦皇岛职业技术学院信息工程系

1.1 INTERNET的简介.................................................4 1.2 WWW的简介....................................................4 1.3网页基本构成元素..............................................5 1.4 制作网页前的准备..............................................5 第二章 网站制作实战...............................................6 2.1 站点..........................................................6 2.1.1 创建站点..................................................6 2.1.2 创建站点内容..............................................6 2.2 首页..........................................................7 2.2.1 设置首页布局和页面属性....................................7 2.2.2 查看和编辑头内容..........................................9 2.2.3 插入图像..................................................9 2.2.4 插入FLASH相册...........................................10 2.2.5 插入文本.................................................10 2.3 创建其它网页.................................................11 第三章 建立网页链接..............................................12 3.1 文字链接.....................................................12 3.2 图像链接.....................................................13 3.3在HTML语言中建立网页链接....................................14 第四章 网站测试与维护 …………………………………………………………17 结论………………………………………………………………………………18 参考文献 ……………………………………………………………………… 19 致谢………………………………………………………………………………20

摘 要

本论文主要是对个人网站的建立进行研究和探讨。作品的主要技术指标包括：

1、制作出一个具有静态技术的“个人网站”；

2、在制作的过程中，加强和 1

秦皇岛职业技术学院信息工程系

深化以前所学的关于网页设计的方法，同时更好的理解参考资料上的方法、理论和更好的利用Fireworks、Flash制作网站需要的一些图片和影片。

本设计的主要内容包括：

1、个人网站的设计思想，整体规划及相关基础知识；

2、个人网站的首页设计，包括简单的HTML语言及效果图；

3、个人网站的调试。

网页规划包含的内容很多，如网页的结构、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等，也只有如此制作出来的网页才能有个性、有特色，具有吸引力。

网站主题就是所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，不可能像单独的网页那样做得内容少而单一。所以必须要找准一些自己最感兴趣内容，做深、做透，办出自己的特色，这样才能给人留下深刻的印象。

关键词：技术指标

基本设计内容

网站规划 网站主题

前言

随着二十一世纪新兴科技的飞速发展，如今的交流与交往不再是那么的单调，看如今不曾再有五百里加急文件的传送，看如今已很少在出现写信、寄信。人们正在运用现世纪的高科技来增加自己的交际圈，来发展自己的人脉关系，秦皇岛职业技术学院信息工程系

同时，其它人也是通过高科技，悄悄的就能很容易地去了解，关注一个人。

正是因为人们的这些需求，所以出现了互联网，正是因为人们的需求，所以出现了如今的网络时代，网络通讯工具。来方便人们的交往，交际与沟通。也正是因为人们的需求，所以出现了个人博客，通过一人简单的网页来展现自己的独特魅力，自己的与众不同。真正的做到了“足不出户，便知天下人”。

互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上了信息化的道路。

我觉得一个网站的开始，应该有一个大体的规划，网站的布局是最重要的，它起着一个网站成功与否的决定性作用，因为布局的好与坏，带来的是网站整体上的美观效果及应用。网站内容上也能决定着网站成功与否，一个网站上的每个字眼都可能决定着这个网站，因为你不知道哪个字就是吸引别人的内容，就是大家都追捧的话题，就是很潮的事物，所以内容上一定要谨慎。再有，就是网站的图片，一定要确准好路径，以免图像的丢失而不能再网站中显示，其次就是链接，在Dreamweaver中提供了很简单的链接命令，根据其提示操作即可。

我做了一个简单的个人博客的网站，通过这个网站能让大家更深的了解我，同时更重要的是锻炼自己的实践能力，巩固自己学习的知识，弥补自己学习的不足。

第一章 关于网络的知识

1.1什么是Internet Internet是由众多的计算机网络互联而成的互联网，它覆盖了全世界各地，3

秦皇岛职业技术学院信息工程系

它是采用开放系统协议的计算机通讯网络。然而，Internet不仅仅是计算机的互联网，它还是全球最大的信息资源宝库，它提供了包括科研、教育、文化娱乐、商业和信息交流等各种各样的服务，使得世界范围内的人与人之间的交流在时间和空间上变的更小了。

Web页浏览：这是目前利用最广泛、最直接的互联网服务，通过浏览WWW（万维网）中的网页，可以了解世界各地的新闻，查看最新的股市行情，最新的娱乐动态、科技发明，找到众多的就业信息„„几乎想找到什么样的信息，就有什么信息。正是有了WWW、Internet才会变得如此丰富多彩，才能走进千家万户。1.2 WWW的简介

WWW的全称为World Wide Web，含义是“环球网”，又称“万维网”、3W、Web。WWW是一个基于超文本（Hypertext）方式的信息检索服务工具。我们上网浏览到的网页就是这样的超文本，也就是HTML(Hypertext Mark-up Language,超文本标记语言)文件，这些网页檔被放置到WWW服务器上，并且都有一定的地址。当我们想浏览某个网站时，首先要在计算机上安装浏览器，如

Internet Explorer或Netscape，然后在浏览器中输入网站的地址（网址），就可以进入网站进行浏览。在这些网页中，都有超连接，当将鼠标指针移动到某个地方（如文本或图像）时，鼠标指针就会变成一个小手形形状，单击它就可以连接到另个网页中，从而使得浏览者能在不同的信息之间动画和声音等信息。通跳转，我们之所以能在Internet的海洋中穿梭自如，正是超连接的功劳。

秦皇岛职业技术学院信息工程系

1.3网页基本构成元素

要学会制作网页，首先需要了解网页都是由什么元素构成的。文字：文本是构成网页的基本元素。一个最简单的网页可以只有几行文本。图片：正是有个各种美丽的图片，网页才变得多姿多彩。动画：如今，网页上的动画越来越多，最常用的有GIF动画、Flash动画等。超连接：如上所述，超连接几乎是必不可少的。一个没有超连接的网页，就如同汪洋大海中的一座孤岛，失去了与外界的一切联系。其它元素：还可以在网页中添加声音、视频等元素。1.4 制作网页前的准备

计算机必备：计算机速度够快，最好能够上网。操作系统：Windows 98/NT/Me/2000/XP.其它软件：看图软件ACDSee、图像处理软件Photoshop、上传工具CuteFTP、Fireworks、动画软件Flash等。

秦皇岛职业技术学院信息工程系

第二章 网站制作实战

2.1 站点 2.1.1 创建站点

要制作一个网站，第一步操作都是一样的，就是要创造一个“站点”，从菜单中选择“站点/管理站点”在弹出的对话框中选择“新建”，之后再选择其中的“站点”，再次弹出一个对话框，在文本框中输入自己已经企化好的网站名称“my web”。填好后，单击“下一步”，进入下一个步骤。由于我要做的是一个静态的网页，所以选择上面的一项“否，我不想使用服务器技术。单击“下一步”，进入下一个步骤。在此选项中有两个选择，选择推荐的“编辑我的计算机上的本地副本，完成后再上传到服务器”。底下的文本框允许在本地磁盘上指定一个文件夹，Dreamweaver将在其中储存站点檔的本地副本。单击该文本框后面的文件夹图示，之后单击“下一步“，进入下一个步骤。这一步是如何设置连接到远程服务器，弹出式菜单中有6中选择，这里选择“无”。而后“下一步”再“完成”，即可。2.1.2 创建站点内容

站点创建完成后，就可以创建Web页来填充站点了。在“右侧浮动面板组”中选择“檔/檔”面板，在弹出的菜单中选择“新建文件”，新建一个档后将其命名为“index.htm(或index.html),它就是未来的首页。

秦皇岛职业技术学院信息工程系

2.2 首页

2.2.1 设置首页布局和页面属性

一、设置首页布局

每个网站都会有一个首页，就功能上而言，它代表着一个网站的风格与特色，就网站架构上而言，它代表了网站的第一层架构，首页是打开网站后在浏览器中显示的第一个页面。它是起什么名字通常要视Server端的设置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。当然，后缀名为html也是正确的。具体设置方法是：右健单击“檔”浮动面板中的index.htm,在弹出的菜单中选择“设成首页”。操作步骤：

1、在“插入快捷栏”的“布局”分类中，单击“布局表格”按纽。

2、将变成“+”形状的鼠标游标放到编辑中网页上，在要绘制的地方进行拖动就可以进行创建了。（如果绘制的是第一个表格必须从网页的最左上角开始绘制）。“index”表格布局如下图：

秦皇岛职业技术学院信息工程系

二、设置首页的页面属性

首先双击“檔”浮动面板中的index.htm,进入页面的编辑窗口。右健单击空白区域，在菜单中选择“页面属性”，之后弹出“页面属性”对话框，若选择主菜单“修改/页面属性”项，也可以把打开该对话框。

在“页面属性”对话框中，左侧窗口显示“分类”，其中包括了“外观”、“链接”、“标题”、“标题/编码”、“跟踪图像”5项，右侧区域则显示各类中可以设置的项目

“index”首页设置的属性如下图所示：

秦皇岛职业技术学院信息工程系

2.2.2 查看和编辑头内容

一个网页文件结构上实际是由两部分组成，头（head）内容和主体（body）内容主体内容（body）是文檔的主要部分，也是包含文本和图像等的可见部分。头内容（head）是除文檔标题外的不可见部分，包含有文文件类型、语言编码、搜索引擎的关键的关键词和内容指示器以及样式定义等重要信息，这些元器并不是每个页面都需要的，例如，可以仅为主页提供关键词。2.2.3 插入图像

图像是网页中不可或缺的组成成份，恰当地使用图像，可以使网站充满生活生命力与说服力，吸引更多的浏览者，加深他们欣赏你网站的意愿。首先将游标停留在要插入图像的位置，然后单击“菜单栏”下面“插入快健栏”的下拉表，选择其中的“常用”类，则右侧将会显示该类中可以插入的对象快键按钮。左起第5个即为“图像：图像”按钮，单击它右侧的下拉列表，选择第1项“图像”。随即弹出“选择图像源文件”对话框。从计算机磁盘中选择想要插入的图像文件，下面的“相对于”下拉表框中，可选择文件URL地址的类型，插入logo图像，如图所示:

秦皇岛职业技术学院信息工程系

最后单击“确定”按钮，即可完成插入图像的操作。2.2.4 插入FLASH相册

在Dreamweaver 8中，除了之前讲到的可以插入“图像”外，还可插入动画、声音、视频，FLASH相册等媒体元素，并且还可以在Dreamweaver自身内插入Macromedia Flash MX2004按钮和文本对象，以及进行相关的后期处理和添加设计备注等操作。在Dreamweaver 8文文件中，可以插入媒体文件包Flash 相册、QuickTime、AVI java、applet Active X控件以及各种格式的音频档。要在浏览器中播放放Flash 相册，必须在浏览器中集成“Flash 播放器（Flash Player）”。操场作步骤：

步骤1、将游标停留在要插入Flash的位置，然后单击菜单栏下面“插入”的下拉列表，选择其中的“FLASH”分类，找到图像查看器命令，单击弹出保存对话框，选择要保存的地方和名称，点击保存。

步骤

2、在Dreamweaver中将会产生一个flash相册，在Dreamweaver中的最右边将会有一个flash元素，一次将flash的属性修改，既可完成一个flash相册的制作。2.2.5 插入文本

文字是人类语言最基本的表达方式，在网页中，文本内容也可以说是重要的组成部分，它是最关键的因素。插入文本的两种方式：一种是在网页编辑窗口中直接用键盘敲入文本。另一种是复制文本的方式。直接使用Dreamweaver的文本复制功能，将大段的文本内容拷贝到网页的编辑窗口来进行排版的工作，10

秦皇岛职业技术学院信息工程系

具体步骤如下：打开文本编辑软件（如Microsoft Word），选中要复制的文本，它们将反白显示，执行菜单“编辑/复制”命令或直接用快捷键Ctrl+C，之后切换回Dreamweaver,将游标停留在插入文本的位置，执行主菜单“编辑/粘贴”命令或直接使用快捷键Ctrl+v,即可将大段的文本快速粘贴到网页中。这在我的“闲情逸致”中用到很多。2.3 创建其它网页

还有其它的几个网站与主页的制作相同，一个网页是图像和文字的组合。“相册”子页中的FLASH相册的插入和前面的介绍相同。

秦皇岛职业技术学院信息工程系

第三章 建立网页链接

网站实际上是由很多网页组成的，那么网页之间是如何联系的呢？这就是本章要讲的内容----网页的“链接”。“链接”，又称“超链接"（Hyperlink）,它作为网页的桥梁。网页中的很多对象都可以加入“链接”属性。在Dreamweaver 8中，如果以“链接”的媒介来划分的话，则“链接”可以分为“文字链接”、“图像链接”、“图像地图链接”、“内部链接和外部链接”、“E-mail链接”、“命名锚记链接”、“文件下载链接”和“跳转菜单”，共8种。3.1 文字链接

“文字链接”即以文字作为媒介的链接，它是网页中最常被使用的链接方式，具有“文件小、制作简单和便于维护”的特点。接下来结合我的个人网站为实例，来讲解如何为文字建立“链接”。操作步骤：

步骤1、准备好已经制作完成的首页的各个栏目页面

步骤

2、在Dreamweaver 中打开首页，之后反白选取作为“链接”的文字。步骤

3、观察“属性面板”，其中包括一个“链接”文本框。步骤

4、接下来需要把链接的位址加入到文本框中。

步骤

5、在“链接”文本框下面还有一个“目标”下拉列表，从中可以选择链接网页显示的窗口方式，共有4种。如图：

步骤

6、还可以设置一些“链接”的属性，单击“属性面板”中的“页面 12

秦皇岛职业技术学院信息工程系

属性”，选择其中的“链接”分类，可以进行的设置有“链接字体”、“大小”、“链接颜色”、“变换图像链接”颜色、“已访问链接”颜色、“活动链接”颜色及“下划线样式”。

步骤

7、至此，第1个栏目的链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预览，测试一下，当鼠标放在“放松心情”这4个文字上时将变成手形，并且浏览器窗口下面的状态区中会显示链接到的网页的位址，单击文字，页面会立即跳转到第1个栏目中，这表示链接已经制作成功了。

步骤

8、同理，按照以上步骤，再为“闲情逸致”和“个人主页”等其它栏制作指向对应栏目的链接。

至此，整个“文字链接”的实例就全就全部完成了。3.2 图像链接

“图像”也是常被使用的链接媒体，它和“文字链接”非常相似。为图像加入链接，首先应该在网页中插入“图像”，有关插入“图像”或“导航条”按钮的内容，接下来以我的网站“my web“为例，讲解如何建立“图像链接”。操作步骤：

步骤

1、首先仍然要准备好已经制作完成的首页和各个栏目的页面 步骤

2、在Dreamweaver中打开网站的首页，之后选取要制作“链接”的图像。

步骤

3、观察“属性面板”，在“链接”文本框中输入链接的文字位址。步骤

4、如果有需要，可以在“目标”下拉列表中选择“链接”网页显示 13

秦皇岛职业技术学院信息工程系 的窗口方式，分别为-blank、-parent、-self或-top。

步骤

5、至此，第1个栏目的图像链接就制作完毕了，按下Ctrl+S保存网页，再按下F12预览，测试一下，将鼠标放在“动画制作”4个文字上时将变成手形，同时浏览器窗口下面的状态区中会显示出链接到的网页的地址，并且会显示出“替代”文本“动画制作”，单击文字，页面会立即跳转到第3个栏目中，这表示链接已经制作成功了。

步骤

6、同理，按照以上步骤，再为其它几幅图像制作指向对应栏目的链接。

步骤

7、在栏目页面中制作“返回首页”的链接，使得单击后可以跳转回首页。

至此，整个“图像链像”的实例就全部完成了。3.3在HTML语言中建立网页链接

一、文字链接

在HTML语言中用超链接标记指向一个目标。其基本格式为：举个简单的“文本链接”的实例，该实例相对应的HTML代码如下所示。

a href-“index2.html”target=”-blank”>平面设计（新开窗口，-blank)

相册（原窗口，默认为空）

留言

第四篇：PHP网站设计中信息安全的研究

PHP网站设计中信息安全防御的研究

来源：中国论文下载中心[ 11-09-16 08:44:00 ]作者：罗有明编辑：studa11071

1摘要：网络具有开放性和共享性的特点，在给人们的生活带来便利的同时，也对网络用户的信息安全带来了威胁。本文研究了在PHP网站开发过程中信息安全防御技术，列举在PHP网站开发时容易出现的安全漏洞以及这些漏洞带来的危害，同时还介绍了黑客常用的攻击手段并给出相应的解决方案。

关键词：安全防御；PHP；网站

0引言

当前网络与信息安全产业已成为对各国的国家安全、政治稳定、经济发展、社会生活、健康文化等方方面面具有生存性和保障性支撑作用的关键产业。网络与信息安全可能会影响个人的工作、生活，甚至会影响国家经济发展、社会稳定、国防安全。因此，网络与信息安全产业在整个产业布局乃至国家战略格局中具有举足轻重的地位和作用。本文对PHP网站设计中信息安全防御的研究具有重要的意义。

1PHP编码过程中的安全问题及其防范

服务器和PHP的运行环境配置好后，并不意味着网络应用就安全了，程序员的安全意识也起着决定性的作用。如果程序员的安全意识不高，对用户的所有输入都没有进行安全验证，那么，所有有害的指令都将作为合法指令被执行。

1.1SQL注入的防范

程序员在编写代码的时候，没有对用户输入数据的合法性进行判断，使得用户可以提交一段数据库查询代码，根据程序返回的结果，获得某些他想得知的数据，这就是所谓的SQL Injection，即SQL注入。

1）经典的'or 1=1' 注入

‘or 1=1’注入是非常经典的注入语句，一般用在登录系统时绕过密码验证，以任意用户名登入。其原理是利用程序员在编写验证程序的时候没有验证用户的输入是否含有非预期的字符串，直接传递给mysql_query()函数执行，or 1=1使得无论密码是否匹配保证验证语句为真，达到绕过密码验证的目的2）利用union语句的注入

Union 语句是利用其特性，使程序默认的语句出错，让程序执行union之后自己构造的SQL语句，达到注入的目的。

3）防SQL注入的通用解决方案

注入的手段是多种多样，十分灵活的，但有一个共同点，都是利用没有对输入进行过滤。防止注入的方法也就是对传递给查询语句的参数进行过滤。

第五篇：计算机个人网站设计论文

浅谈计算机个人网站建设及运用

13级 计算机 刘润

摘要：个人网站在现在的个人生活中可以起到非常重要的作用，本文主要介绍了个人网站设计规划，库文件和模板文件的制作，利用模板制作网页，制作网页特效的制作并使用ASP＋IIS＋Access技术实现了我的网站的各种功能，其中和数据库的连接使用到了ODBC技术等。通过此次的学习能快速掌握个人网站设计制作的基本技巧和基本网站建设过程。

关键词：网站；网页制作；模版

引 言

在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们的政治、经济、生活等方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet海洋中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设居Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设、个人网站建设中的重要组成部分，从而倍受人们的重视。个人网站已成为同学们讨论最热门的话题，适用于想通过建立网站交友、突出自我个性的广大网站制作爱好者。

主要介绍了个人网站设计规划，库文件和模板文件的制作，利用模板制作网页，制作网页特效的制作等。通过此次的学习能快速掌握个人网站设计制作的基本技巧和基本网站建设过程。

首页中主要涉及了个人简介，照片匣子，我的作品，友情链接等。

一、个人网站设计规划

随着网络技术的飞速发展，越来越多的个人拥有了自己的网站，为了设计一个有效的，引人注目的站点，应该有计划，有步骤地完成一系列操作。在动手建立网站以前，对网页进行完整，详尽的整体设计是至关重要的。个人网站设计制作主要包括以下几个步骤。

（一）确定网站的主题

对于主题的选择主要按下列三个条件去考虑，本例所讲的是一个个人介绍性质的网站，主体就是介绍个人的相关信息。

1、主题要小而精。一般来说，个人主页的选材定位要小，内容要精。

2、对于个人网站来说主题最好是自己擅长或者喜爱的内容。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出优秀的作品。

3、主题不要太滥或者目标太高。

如果主题已经确定，就可以围绕主题给该网站起一个名字，网站名称也是网站设计的一部分，而且是关键的要素。

（二）确定网站的目录结构

网站的目录是指建立网站时创建的目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对站点本身的上传维护以及以后的内容的扩充和移植有着重要的影响。

本站只是个人介绍性质的页面，主要是静态的几个页面，因此在建立目录的时候，可以将其中的页面文件直接放在根目录下，所有的图片可以放在images文件夹中。

下面是建立目录结构的建议：

1、不要将所有文件都存放在根目录下。

2、按栏目内容建立子目录。

3、在每个主目录下都建立独立的images目录。

4、目录的层次不要太深。

（三）确定网站的整体风格

风格是指站点的整体形象给浏览者的综合感受，包括站点的标志，色彩，字体，标语，版面布局，内容价值，存在意义，站点荣誉等诸多因素。本站采用白色，绿色等为主的色调，绿色具有清爽，理想，希望，生长的含义,采用这种明亮的绿色，和褐色的沉稳,营造了一个清晰明块，充满无限希望与活力的氛围。

从整体风格的角度来看，下面就是一个好的网站标准：

1、简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所想得到的信息传送给他就是最好的，所以要去掉所有冗余的东西。

2、整体性好：一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。

3、网站形象突出：一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。页面用色协调，布局符合形式美的要求：布局有条理，使网页富有可欣赏性。

4、交互式强：发挥网络的优势，使每个使用者都参与到其中来，这样的设计才能算是成功的设计。

（四）确定网站主要栏目和布局

因为每台显示器分辨率不同，所以同一个页面的大小可能出现640*480像素，800*600像素，1024*768像素等不同尺寸。本站的所有页面采用800*600像素制作。

通常版面布局按照如下步骤进行。

1、草案

新建页面就像一张白纸，没有任何表格，框架和约定俗成的东西，可以尽可能地发挥想象力，用一张白纸和一支铅笔将想到的景象画上去，当然用作图软件Photoshop，Fireworks等都可以。这属于创作阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓既可。尽可能多画，几张，最后选定满意的作为继续创作的样板。

2、粗略布局

在草案的基础上，将确定需要放置的功能模块安排到页面上。必须遵循出重点，平衡协调的原则，将网站标志，主要栏目等最重要的模块放在最显眼，最突出的位置，然后再考虑次要模块的排放。

根据本站的主要栏目确定了本站的布局草图。我们可以把顶部导航区作top库文件，在制作其他网页文件时直接引用。在本站中的其他页面风格和栏目相似，如果每次都重新设定网页结构以及导航条，各类图标就显得非常麻烦，可以利用Dreamweaver先制作一个模板，然后利用模板再来创建其他的页面。

二、创建个人网站站点

在制作网页前，要先为网页定义一个个人网站站点，用来存放站点中所有网页文件及附属文件。建设站点前先将配套的素材文件夹复制到本地硬盘上，在本地硬盘上创建个人网站，具体操作步骤如下。

1、选择【站点】|【管理站点】命令，弹出【管理站点】对话框，在【管理站点】对话框中，单击【新建】按钮，然后从弹出的菜单中选择【站点】。如下图3-1所示：

图3-1 管理站点

图3-2 输入站点名称

2、弹出【站点定义】对话框，如果对话框显示的是【高级】选项卡，则单击【基本】选项卡，弹出【站点定义向导】的第一个界面，要求为站点输入名称。如图3-2所示.3、单击【下一步】按钮，出现向导的下一个界面，询问是否要使用服务器技术。选择【否，我不想使用服务器技术】选项，指示目前该站点是一个静态站点，没有动态页面。

4、单击【下一步】按钮，打开一个对话框，在文本框中输入站点路径。

5、单击【下一步】按钮，询问是否使用远程服务器，这里选择【无】，因为将整个站点制作完成以后再上传。

6、单击【完成】按钮，即出现【管理站点】对话框，其中显示了新建的站点。

7、单击【完成】按钮，关闭【管理站点】对话框。现在，已经为站点定义了一个本地根文件夹，就可以在站点中制作网页了，当制作完成以后，就可以上传到服务器上供大家浏览了。

三、制作网页模板

因为本网站中的几个页面都要用到相同的页面元素和排版方式，因此可以使用模板以避免重复地在每个页面输入或修改相同的部分，在网站改版的时候，只要改变模板，就能自动更改所有基于这个模板的网页。

（一）制作库文件

在Dreamweaver中，库项目是可以重复使用的项目之一，库的用途和模板类似，都是可将同一内容用于不同的网页，库文件具体制作步骤如下。

1.选择【文件】|【新建】命令，新建一空白网页。

2.选择【插入】|【图像】命令，弹出【选择图像源文件】对话框，选择lbi.jpg。3.单击【确定】按钮，即可插入图像。

4.选择【文件】|【另存为】命令，弹出【另存为】对话框，在【文件名】文本框中输入文件名3.lbi，在【保存类型】中选择【库文件（* lbi）。

5.单击【保存】按钮，至此库文件制作完成。

（二）制作模板

使用模板创建文档可使站点具有统一的结构和外观。无论是新建站点还是更新已有站点，如果要使站点中的所有页面都共有某种特色，则模板非常有用。使用模板可以个次修改若干页面，而不用对新页面逐个设置属性。制作模板具体步骤如下。

1.选择【文件】|【新建】命令，弹出【新建文档】对话框，在【常规】选项卡中选择

【模板页】类别中的【HTML模板】选项。如图4-1.图4-1 HTML

模板

2.单击【创建】按钮，创建一空白模板网页。选择【窗口】|【资源】命令，打开资源面板，在资源面板中选择images/bj_01.jpg文件。如图4-2

图4-2 打开文件 3.单击【插入】按钮，即可插入库文件。

4.将光标置于库文件的下边，选择【插入】|【表格】命令，弹出【表格】对话框，并设置【行数】、【列数】，【表格宽度】设置为1005像素，单击【确定】按钮即可插入需要的表格。

5.将光标置于第1行单元格中单击鼠标面板中【背景图像】文本框右边的 图标，弹

出【选择图像源文件】对话框，从中选择图像文件夹中的images/bj_01.jpg文件，如图4-3所示.图4-3 选择文件

6.单击【确定】按钮，即可插入背景图像

7.用PHOTOSHOP CS2制作图片Bj-04.jpg，如图4-4

图4-4 制作图片

8.按需要分别插入图片，使其组合成一个完整的页面背景.9.预览，效果如图4-5所示

图4-5 效果图

（三）设置模板可编辑区

1.接上一节，将鼠标置于文档想创建可编辑区域的位置。

2.选择【插入】|【模板对象】|【可编辑区域】命令，弹出【新建可编辑区域】对话框，在对话框中，将【名称】设置为index_1,如图4-6所示.图4-6 创建可编辑区域

3.单击【确定】按钮，即可创建可编辑区域，如图4-7所示.图4-7 可创建区域

（四）用模板制作网页说明

可以利用模板快速的制作出大量的风格类似的网页，当模板改变时，所有基于模板的网页也随之改变，这样能有效的实现网站的更新。

四、利用模板制作网页

（一）制作登录主页

1.切换到【显示代码视窗】，在代码视图状态下，在和