大学本科计算机专业毕业论文：武警三院网上医疗系统建设

admin

医疗网站建设

（专业 学号 姓名 指导教师 **）

摘  要：本系统属于医疗专科类型的在线医疗网站，具备在线咨询和在线预约等功能。采用Microsoft Windows 2003 Server作为服务器操作系统，Microsoft SQL2005作为数据库，采用ASP语言，使用Macromedia Dreamweaver 8.0、Macromedia Flash 8.0、Adobe PhotoshopCS3、Fireworks8.0作为网页开发、图形图像制作处理工具。策划阶段充分做好企业的调查和需求分析，并编写出科学规范的系统需求说明书；按照需求说明书上的时间进度，如期、高效地完成网站的开发工作，及时对整个网站的文本、链接、安全性、兼容性等进行细致的测试。测试完成后，将其放在专用的服务器上，同时应做好网站的推广工作，以便于更多的浏览者了解和认识该网站，并发挥出网站的网上医疗等功能。

关键词：医疗网站 规划  数据库  设计  实现

The Systematic Construction

Of  Medical  Website

(Author： name     Tutor：name)

Abstract: The system of medical knowledge types of online medical website and online advice to make a reservation for functions. use Microsoft Windows 2003 server as a server operating system, and Microsoft SQL 2005 .Use Macromedia Dreamweaver 8.0, Macromedia Flash 8.0, how photoshopcs3, fireworks8 7.0 as web development and graphic images to produce processing tools. Planning stage for full investigation and analysis of needs, and the system of science in accordance with the instructions requirements ； demand time schedule, and efficiently completed the web site development, web site for the whole text, links, security, compatibility with the test for detailed .Test was completed on a dedicated server, and should do the job site to facilitate more visitors to understand and know the web site, and perform the functions of the online propaganda, etc.

Keywords: Medical website  Plan  Database  Design  Realization

admin

结  论

经过对系统进行反复的修改和测试，武警三院在线医疗系统的主要功能得以成功实现，已经投入到正常的使用当中。系统的成功实现：
1.将会积极推动该院信息化的发展，有助于提升该院的医疗服务水平和效率，极大地方便各地群众的看病问题；
2.通过此次项目开发工作，不仅拓展了我的思路，而且增强了个人独立工作的能力；同时也使我们平时所学能够应用到实际生产、生活当中，培养了个人学习理论和联系实际的工作能力，为日后的正式工作打下了坚实的基础。


致  谢

本次毕业设计，我从**老师那里学到了很多有用的知识，他认真负责的态度，严谨治学的精神和深厚的理论水平都使我受益匪浅。他无论在理论上还是在实践中，都给了我很大的帮助，使我得到了不少的提高，这对于我以后的工作和学习都是一种巨大的帮助和促进，再次衷心感谢**老师。
还要感谢**大学及**学院全体老师，感谢他们对于我在校学习、生活等各方面的关心和帮助。
最后非常感谢**公司的同事对我此次项目开发所给予的支持。

参考文献
[1] Karl-Fredrid Blixt and Rickard Dberg,software Agent networks Techologoy ,2000.
[2] Microsoft corporation,Microsoft Visual InterDev [Z]Microsoft corporation,2000.
[3] 柏松，《网页制作三剑客（MX版）全能培训教程》，上海科学普及及出版社，2004.
[4] 黄竣 DreamweaverMX中文版精神设计百例  中国科海电子出版社，2003.
[5] 申莉莉，数据库系统与SQL Server教程【M】。北京，清华大学出版社，2003.
[6] 段永红，等，基于ASP的网站建设，电脑开发与应用，2000（8）.
[7] 陈会安，ASP网页制作彻底研究，人民邮电出版社，2000.
[8] 陈军文，等，网络数据库设计百例，机械出版社，2003
[9] 欧文，亨利，等， ASP3，外文出版社，2002

附  件
1．主要页面
网站主页，如图附1：

附1 主页
在线咨询，如图附2：

附2 在线咨询
在线预约，如图附3：

附3 在线预约

2．部分代码：
上传文件页面代码：
<%
Response.Expires=-1
Response.AddHeader "Pragma","no-cache"
Response.AddHeader "cache-control","no-store"
Server.ScriptTimeout = 999
Dim SavePath
Dim maxfilesize
Dim filePath
Dim FormFieldName
Dim SavType
Dim FsoType
Dim FixFileExt
Dim ForBidType
Dim AcdSeeType
Dim Fso
Dim intPageSize_admin
Dim onceupload_number
Dim Ver
Ver="Version 2.001 Build 103"                                       
onceupload_number=7                                               
intPageSize_admin=4                                               
SavePath = "../uploadfiles/" & year(now())
if len(month(now()))=1 then
        SavePath=SavePath & "0" & month(now())
else
        SavePath=SavePath & month(now())
end if

maxfilesize = 2*1024                                               
filePath = Server.MapPath(SavePath)                               
FormFieldName = "column_file"                                       
FormFieldName2 = "column_file2"                                       
AcdSeeType = 1                                                       
column_approve="1"                                                                                                               
On Error Resume Next
Set Fso = Server.CreateObject("Scripting.FilesystemObject")
IF Err.number <> 0 then
        FsoType = 0                                               
Else
        FsoType = 1                                               
        Set Fso = nothing
End IF
ForbidType = 0                                                       
FixFileExt="asp|aspx|asa|asax|ascx|ashx|asmx|axd|cdx|cer|config|cs|csproj|licx|rem|resx|shtml|shtm|soap|stm|vb|vbproj|webinfo|cgi|pl|php|phtml|php3"
%>

admin

图5.1 远程维护

6 网站的维护与推广
网站建设完毕，只是完成了前期工作，而网站一旦用于实际应用当中，肯定还会出现这样那样的问题，并且如何让别人来访问你的网站呢？针对这个问题，我们从网站维护和网站推广这两个方面进行说明。
6.1 网站管理人员
网站管理员的素质有以下的要求：
1．能熟练使用E－mail\FTP\BBS等INTERNET工具；
2．能基本掌握HTML语言，对网页能作修改编写；
3．能使用一种图形处理语言，对网页能作修改编写；
4．熟悉一些防病毒软件及防火墙系统，最好对网络有很深的理解。
6.2 网站测试
网站完成后就要对网站的各个方面进行测试，要保证发布网站后，用户可以在最短的时间内打开网页，让浏览者愿意再次进入网站进行浏览，因此我们再以下几个方面对网站进行了测试：
1．网站文字资料真实性校对；
2．网站链接有效性测试；
3．网站程序安全性测试；
4．网站平台兼容性测试；
5．网站运行监控；
6．网站客户响应测试。
6.3 网站推广
网站推广的目的是让客户知道并首次访问这个网站。由于网站建设的渐进性，决定了网站推广的渐进性，很可能是多次的“首次”访问才最终导致了一个用户的频繁访问。因此我们应从以下几个方面进行推广：导航台注册、制造事件、传统方式推广、目标电子邮件宣传、网上虚拟社区和论坛宣传、网站合作等。
6.3.1 导航台注册
像YAHOO、搜狐、搜索客等都是导航台，它们的网站功能相似，都是把众多的网站分门别类放到一个网站里，以便浏览者查询。
我们有时候发现一个网站有可能就是通过导航台的。所以要让别人知道你的网站，你就要想办法让导航台把你的网站收录进去。
以下仅以“搜索引擎注册”为例做详细说明。
　　(1) META的使用。有几个导航台（如ALTAVISTA, Hotbot, Infoseek）使用META作为识别标志，所以要正确使用这些信息。META里的Keywords和Description非常重要，它的格式为：
　　<head>
　　<title>----------</title>
　　<meta name=“keyword” content=“-----------------------”>
　　<meta name=“description” content=“---------------------”>
　　</head>
　　(2) 关键字要准确选择与放置。选择与站点内容最为贴切的两三个关键字。比如我们这个站点可选武警三院、武警医院、网上医疗等作为关键字，并首先要在标题(TITLE)中出现，正文也要尽量有重复这些关键字。选择的关键字应该在三个以上，浏览者利用导航台查询信息时，键入的关键字往往很明确。
(3) 不要提交分栏FRAME页面。大部分导航台不识别FRAME，所以一定要提交有内容的MAIN页面。但如果碰巧这个页面与其他页面没有做链接，那就需要一个桥页，也就是新设计一个符合各项要求的页面。
6.3.2 目标电子邮件宣传
想方设法让客户参与进来，如竞赛、评比、猜谜、网页特殊效果、优惠、售后服务、促销等等。用这种方式来有意识地营造自己的网上客户群，不断地用Email来维系与他们的关系。
6.3.3 社区、论坛等宣传
    如今，各种主题不同的网上虚拟社区、论坛等比比皆是，而这些地方，往往就是上网人数相对较多和密集的地方，所以我们可以借助这里，发布我们的广告帖子，但是广告的内容一定要有创意，能够吸引人的眼球，以使他们产生访问的念头。在这里做宣传推广，基本没有费用，操作简易，宣传内容可以被大多数人看到。
6.3.4 网站合作
现在流行的友情链接是最简单的一种合作方式，还有
(1) 栏目内容合作：创造一些很多网站都需要的有价值的内容，主动与可能会感兴趣的网站联系。当有些站点访问量很高时，你可能会产生某些畏惧心理，事实上这些站点也在不断吸收一些好的内容来补充自己的站点，如果从你的站点能拿到好素材，他们不会介意链接你的网址。
　　(2) 品牌站点借力：借助于知名门户网站比如网易、新浪等，与这两家网站合作，其基本点就是建立互联。记得国内有一家胶卷公司的站点，为了提升自身的知名度，他们契而不舍地与CHINAMARKET（当时经贸部下属的一个大型商业网站）等大型网站请求互联，最终成功地与这些网站进行了互联，取得了成功。
6.3.5 制造事件
(1) 有奖竞赛：如摩托罗拉经常展开诸如慧笔之类的有奖问答；VIAIA获得国中网和24/7公司的赞助，举办BANNER设计大赛等，都是为了通过活动提高自己的知名度。
　　(2) 网上调查：零点公司和搜狐合作推出的多项调查成功地奠定了网上调查专业公司和网络媒体的合作方式。
6.3.6 传统方式推广
(1) 印刷品：公司信笺、名片、礼品包装都要印上网址名称。让客户在记住你名字、职位的同时，也看到并记住你的网址。
(2) 报纸：报纸是使用传统方式宣传网址的最佳途径。“天地环网”网站利用IT报纸的宣传，使大量读者知道了中国库存商品调剂网站。
(3) 户外：很多人知道拨263可以上网，进而知道了263就是首都公众信息网，消息途径来自地铁广告；中关村的一些路牌中常可以看到INTEL介绍其产品的中文网站 www.LspjY.com。
(4) 口头传播：不要低估口头传播的能力，好的网址可以通过同事、朋友和家人进行宣传。
6.4 网站的维护
网站的日常维护工作是十分重要的，为了多吸引访问者，网站需要时常的更新，对网站的维护，作了以下工作：
(1) 制定了相关维护管理制度。
(2) 对技术维护、内容维护都由网管负责，保证网站的连通及内容的新颖。
(3) 每周一次对网站上所有链接进行检测。
(4) 充分和使用人员沟通，找出网站的不足，并修改，提高该网站的性能。
(5) 及时备份和更新数据库，方便访问者查询。

7 网站评价及其应用价值
网站的评价对于网站的生存及其发展具有重大意义，同时根据网站评价的一般方法，可以推断出我们目前系统的实际价值。
7.1 网站评价
通过对网站系统的评价，可以使网站经营者更加客观、全面地了解网站实际运行的效果以及客户的满意程度, 认识自己网站的地位、优势和不足, 作为网站维护、更新及进一步开发、完善的依据。
网站的评价内容因各网站的目标不同而不同, 有的侧重于技术指标的测评, 有的侧重于信息服务评价, 而有的侧重于客户满意度的评价。对于在线医疗类网站而言, 我们认为至少应该从以下六个方面进行评价：
1．技术指标。包括站点速度、系统稳定性与安全性、链接的有效性等。
2．界面指标。包括整体视觉效果、美工设计、页面布局、网站结构与分类深度、使用的方便性等。
3．资讯指标。包括提供信息的数量、质量及种类、信息更新频率、个性化信息服务等。
4．功能指标。包括网站功能的完备性、功能实现的有效性、特色产品、特色功能和特色服务等。
5．客户服务指标。包括在线预约及时性、准确性；顾客支持的水平和质量、个性化定制能力、网站与用户的交互性、个人隐私保护等。
6．经营业绩指标。包括网站流量(点击率)、交易额、成本利润率、甚至股票价格等。
7.2 本网站系统的应用价值
本系统目前针对脑瘤患者，实现了在线咨询和在线预约以及其他信息发布功能，系统的模块已涵盖了信息了解、在线咨询、在线预约、系统管理等医疗类网站所具备的主要功能。在这样的情况下，建设一个紧贴医院实际需要的在线医疗系统，可以显示出较强的优势。
1．本系统界面友好、易于操作、安全稳定。
2．具备目前主流医疗类网站的主要功能，可以满足目前客户（即武警三院）的需要，同时在功能设计上紧贴脑瘤患者这一群体的需要。
因此，作为在线医疗蓬勃发展的今天，建设一个符合自身实际需要的在线医疗系统十分必要。

admin

图4.4 导航栏
4.2.3 网页布局，内容填写
每个页面经过在纸上初步规划后，每个模块加入了相应的内容。
1. 快速创建配色方案。
2. 创建不同色彩的连接文字与下划线。
3. 网站的图片是通过自己处理和会员上传这两种主要来源。
4.3 与数据库的链接
ASP有一个最重要的功能，就是它可以让你很方便地连接数据库。通常都是和一个SQL Server、Oracle或Access等数据库相连。对于处于对于数据处理的快捷和安全可靠方面的考虑，Microsoft SQL Server 2005不失为最佳的网站数据库选择，因为Microsoft SQL Server 2005数据库相对于Oracle、MySQL、Access等数据库来说，其在数据的并发处理、安全性、可伸缩性等方面上的优势，再加之简单易用、界面友好、维护方便等优势，我们第一个就选择使用它来作为网站的数据库。 目前我们的这个系统采用MS SQL Server2005作为数据库。以下是以MS SQL server 2005做为后台数据库的配置。
4.3.1 创建数据库及表
用 Microsoft SQL Server 2005新建一个名为zlk 的空数据库，如图4.5；然后添加数据后制成后台数据库表，如图4.6，就是这个数据库中的一个名为news的表的设计结构图。

图4.5 新建名为zlk的空数据库

图4.6名为news的表的设计视图
4.3.2 连接数据库
以MS SQL Server 2005的连接为例，ASP连接后台数据库有两种方式：即数据源连接和非数据源的连接。数据源连接的优点就是视图操作，易于配置，同时使网站数据库的安全性大大提高，但是操作步骤比较烦索；非数据源连接，相对来说比较简单，只需要几行代码即可完成前后台的连接，但是这种方法的连接使得网站数据库的安全性降低。以下就是以非数据源的方式进行的前后台之间的连接：
<%
Dim strConn,objConn
Set objConn = Server.CreateObject("ADODB.CONNECTION")
StrConn="rovider=SQLNCLI.1assword=19870706;Persist Security Info=True;User ID=metricZlk;Initial Catalog=zlk;Data Source=(local)"
objConn.Open StrConn
%>
5 网站的发布
结合客户（即武警三院）的实际情况和该站点的性质，同时出于网站安全性和可靠性的要求，我们采用虚拟主机的方式，同时可以很方便地使用FTP进行网站的远程维护。
第一步，我们申请了站点域名： www.LspjY.com。
第二步，配置WEB服务器，出于兼容性和安全性的考虑，我们采用主流的微软公司的整套产品，其具体的配置见表5.1：
表5.1                       WEB服务器配置
服务器名称        操作系统        支持交互语言
IIS（微软公司）        Windows 2003 Server        ASP、JS等
第三步，通过Internet网，将整个站点的文件上传至www.LspjY.com这个地址下面，此时即可完成网站的发布, 如图5.1。

admin

（4）网站管理
该模块的功能有：会员管理、信息管理、系统设置管理等。
1)对会员及各类信息查看、修改等；
2)系统的广告、信息等管理。
2.4 开发平台介绍
网站的技术组合是从以下几个标准进行准备的：
1.系统的工作效率和性能；
2.系统的稳定性和安全性；
3.系统的开发及维护成本和难度；
4.系统的可扩张性。
本系统采用B/S架构，B/S由浏览器，WEB服务器和数据库服务三个部分组成。浏览器实现远程用户服务功能，应用服务器则由WEB服务器担当，各种数据库服务器提供数据服务功能。B/S构架，利用了不断成熟的WWW浏览器技术，使得利用普通浏览器就能实现原本需要复杂专用软件才能实现的强大功能，简化了客户端，用户的操作更简单适用了网上信息的发布（见表2.1）。
表2.1                                                   系统架构表
类别        平台/技术
服务器操作系统        Windows 2003 Server
数据库        Microsoft SQL Server 2005
脚本语言        VBscript（主程序语言）
客户端操作系统        Windows 9X/NT/Visita/Win 7
系统架构模式        Browser/Server
结合客户（武警三院）的现有环境，决定使用现有的开发环境：(见表2.2)
表2.2                                            系统开发环境表
服务器操作系统        Windows 2003 Server
数据库        Microsoft SQL Server 2005
客户机操作系统        Windows 9X/NT/Visita/Win 7
WEB服务器        IIS5.0
前台开发工具        Dreamweaver、Flash、Photoshop、Fireworks
后台开发工具        Dreamweaver
2.5 数据库的选择
SQL Server 2005 通过在可伸缩性、数据集成、开发工具和强大的分析等方面的革新更好的确立了微软在BI领域的领导地位。SQL Server 2005 能够把关键的信息及时的传递到组织内员工的手中，从而实现了可伸缩的商业智能。从CEO 到信息工作者，员工可以快速的、容易的处理数据，以更快更好的做出决策。SQL Server 2005全面的集成、分析和报表功能使企业能够提高他们已有应用的价值，即便这些应用是在不同的平台上。因此，鉴于其出色的性能优势，是网站数据库的首选。
3 网站开发工具
网站的主流开发工具一般都包括这么几种主要工具：Dreamweaver、Flash、Photoshop、Fireworks、ASP语言编辑器（如记事本、Dreamweaver、Visual Interdev等）。
3.1 Dreamweaver 8.0网页设计工具
Macromedia Dreamweaver 8.0是一款优秀的“所见即所得”的网页编辑器，其可视化特征使用户可以直接在页面上添加和编辑元素，而不是写一行代码。用于对Web站点，Web网页和Web应用程序进行设计，编码和开发，整个生产过程可以自动化，增强开发小组的工作效率。例如，通过鼠标托拽来添加图像，表格等元素，在文档中直接输入文本，直接插入一些常用的符号和对象等。在没有输入代码的情况下就可以完成这些工作，Dreamweaver会自动将结果转换为HTML源代码，也可以随时查看文档的HTML源代码，在代码试图中进行修改，这一点是为专业人士考虑的，同时也方便迅速学习掌握网页语言。此外，Dreamweaver 8.0还有很多新功能，使它更受网页编辑人员的热爱。   
3.2 Flash 8.0动画设计工具
Macromedia Flash 8.0 是一款矢量图编辑、制作软件，功能强大，不仅面对初级入门人员的学习，而主要面对的是设计人员和开发人员，这款软件不仅可以实现静态图像，而且使用频率更高的是制作动画，实现了图像图形和脚本代码的相结合，使您能够随心所欲地制作出各种不同需求的动画。因此，这款软件一直都是网站美工人员的首选。
3.3 Adobe Photoshop CS3图像处理工具
该软件是专业图像编辑标准, 也是 Photoshop 数字图像处理产品系列的旗舰产品；它提供的功能相当强大。 划时代的图像制作工具可帮助您实现品质卓越的效果。 借助于其前所未有的灵活性, 您可以根据自己的需要自定 Photoshop。 此外, 它还提供更高效的图像编辑、处理以及文件处理功能。
3.4 ASP工具
ASP是一种与语言无关的描述数据库执行环境，只需WEB服务器安装了适当的解析程序，服务器就能调用引擎执行ASP脚本语言。ASP与浏览器无关，客户端只要有可显示HTML代码的浏览器，即可浏览ASP所设计的网页内容。ASP所使用的教本语言在WEB服务器段执行，客户浏览器不必执行脚本语言。ASP文件可以使用普通的文本编辑器进行编辑，如WINDOWS系统的记事本。ASP源程序不会被传到客户端浏览器，提高了程序的安全性和保密性。随着INTERNET及其应用技术的不断发展，基于B/S模式的WEB数据库的应用将会得到更广泛的应用。ASP技术WINDOWS平台下开发数据库系统简单快捷的解决方法之一，如图3.1就是利用ASP制作网页的工作原理。

图3.1 利用ASP制作网页的工作原理图
4 网站建设
在网站建设这部分，我们主要从站点建设、网站布局、连接数据库这三个方面分别进行详细的阐述和说明。
4.1 站点的建设
1. 站点规划
合理的站点结构，能够加快对站点的设计，提高工作效率，节省时间。用分级文件夹保存文档后，将远站站点的结构设计成本地站点相同。这样利用Dreamweaver将本站点上传到Internet服务器上，可以保证远端站点是本站的完整拷贝，以避免发生错误。而且为了维护和管理要从站点的结构，整体风格，站点的浏览机制几个方面进行规划。
2. 创建站点
规划好网站目录后就在Dreamweaver窗口打开“站点”菜单，“新建”，如图4.1。

图4.1 新建站点
所有过程建立完后，就可以在站点管理窗口中纵览整个网站布局，每各文件放的位置，这样在制作每个模块网页时，一目了然。如图4.2。

图4.2 站点文件视图
4.2 网站布局，创建过程
网站的布局主要从站点结构图、导航栏和网页布局这三个方面作出科学系统的分析，并应用于本系统的创建。
4.2.1 站点结构图
站点结构图是一种有关网站组织方式的示意图，让访问者了解他所想要去的具体位置。站点结构图还可以被看作是站点的分级结构图，以这种方式组织起来的信息可以迅速找到他所需要的信息所在位置，如图4.3。

图4.3 站点结构图
4.2.2 导航栏
每个WEB站点都应该包括一组导航工具，它出现在此站点的每一个页面中。每个版块的题目、形式、颜色、风格要统一。我们这个网站的导航栏，导航词简单易懂、风格统一，使访问者能够快速找到自己需要的内容并进行浏览，如图4.4。

admin

图2.2 网站栏目规划
2.3.2 各个模块的功能
该项目的系统设计基于B/S结构，采用主流的Microsoft Windows 2003 Server 作为服务器端操作系统，浏览器端可用Microsoft IE浏览器、网景公司的Netscape浏览器等；浏览者只需要有一台接入了Internet网的计算机即可访问该系统。
（1）专家在线
该模块功能有：在线咨询、在线预约、咨询实录等。
1)通过点击导航栏“专家在线”，可以打开“在线咨询”页面，访问者可以通过这个页面，把把自己需要咨询的问题提交给专家，然后等待专家的回复。如图2.3。

图2.3 在线咨询
2)通过点击“专家在线”，访问者还可以使用“在线预约”功能，用户可以对自己要预约的专家、科室、时间等作出个性化的安排，从而更好的贴近自己的实际安排。访问者填写好预约页面的内容后，点击“提交”，等待管理员的回复。如图2.4。

图2.4 在线预约
3)咨询实录，点击专家在线，可以看到咨询实录，这个可以使提交过“在线咨询”的访问者，很方便地找到为解答的专家，从而使自己的问题更有针对性。如图2.5。

图2.5 咨询实录
（2）信息发布
该模块功能有：专家介绍、脑瘤专题、临床批准文件、脑胶质瘤概论、典型病例、治疗新方法等。
1)点击“专家介绍”，访问者可以了解到相关的专家信息，如首席专家、著名专家的相关信息，并可点击预约该专家或者向该专家咨询；如图2.6。

图2.6 首席专家
2)点击“脑瘤专题”，访问者可以了解相关的活动信息，还有学术动态、媒体报道、期刊下载等分类信息；如图2.7。

图2.7 脑瘤专题
3)点击“临床批准文件”，访问者可以看到临床批件、专利证书、制剂批件等相关的证书信息；如图2.8。

图2.8 临床批准文件
4)点击查看“脑胶质瘤概论”，访问者可以看到脑胶质瘤的发病原理、预防与处理等相关的医疗科学知识；如图2.9。
5)点击查看“典型病例”，访问者可以很方便的了解临床病例和康复治疗过程；如图2.10。
6)点击查看“治疗新方法”，访问者可以了解到治疗方法、病理研究、研究总结等最新知识和经验积累。如图2.11。


图2.9 脑胶质瘤概论

图2.10 典型病例

图2.11 治疗新方法
（3）关于我们
这是为来这里访问的患者设立的了解该医院的窗口，患者可以通过这里了解到，该医疗中心的介绍、特色优势、联系方式等。如图2.12。

图2.12 关于我们

admin

图2.1 网站Logo
2.2 网站布局
2.2.1布局的方法
（1）纸上布局法
许多网页制作者不喜欢先画出页面布局的草图，而是直接在网页设计器里边设计布局边加内容。这种不打草稿的方法不能让你设计出优秀的网页来。所以在开始制作网页时，要先在纸上画出你页面的布局草图来。
（2）软件布局
如果你不喜欢用纸来画出你的布局意图，那么你还可以利用软件来完成这些工作。这个软件就是Photoshop。Photoshop所具有的对图像的编辑功能用到设计网页布局上更显得心应手。不像用纸来设计布局，利用Photoshop可以方便的使用颜色，使用图形，并且可以利用层的功能设计出用纸张无法实现的布局意念。
2.2.2 布局的技术
（1）DIV+CSS布局
在XHTML标准中，DIV+CSS有着更具优势的表现：首先，它能完全精确的定位文本和图片；其次，一个只有一两个CSS样式表文件，便于统一网站的整体风格，对于网站的修改或者改版相当方便；再次，可以使网页体积减小，网页执行效率提高；最后，可以被搜索引擎很好的收录，后面将会详细介绍。目前在许多站点上，层叠样式表的运用是一个站点优秀的体现，因此，本站也采用DIV+CSS的布局技术。
（2）表格布局
表格布局好像已经成为一个标准，随便浏览一个站点，它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是，当你用了过多表格时，页面下载速度受到影响。对于表格布局，你可以随便找一个站点的首页，然后保存为HTML文件，利用网页编辑工具打开它(要所见即所得的软件)，你会看到这个页面是如何利用表格的。
（3）框架布局
不知道什么原故，框架结构的页面开始被许多人不喜欢，可能是因为它的兼容性。但从布局上考虑，框架结构不失为一个好的布局方法。它如同表格布局一样，把不同对象放置到不同页面加以处理，因为框架可以取消边框，所以一般来说不影响整体美观。
2.3 栏目安排
本网站的栏目安排是从栏目规划和各个模块的功能这两个方面分别进行阐述的。
2.3.1 栏目规划
根据网站的内容和链接方式做了如下设计，如图2.2。