个人网站设计与实现文献Word文档格式.docx

个人网站设计与实现文献Word文档格式.docx

《个人网站设计与实现文献Word文档格式.docx》由会员分享，可在线阅读，更多相关《个人网站设计与实现文献Word文档格式.docx（10页珍藏版）》请在冰豆网上搜索。

我们有理由相信，个人网站还极具潜力。

1.3　问题提出

随着Internet的迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去，Internet的开放性使个人建立自己的网站成为可能，拥有自己的网站也越来越成为一种时尚[1]，同时创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。

我们更需要交流，相信交流能够促进我们不断的进步，并融合别人的长处；

让我们多一些渠道倾听来自不同立场的声音；

设想我们的网络，当每个人都拥有个人网页，不管是否在线，我们都可以跨越时间、空间进行交流，因为这个网页中拥有我所有的一切，生活，见解，知识，思想；

理想的状态是个人门户就是每个人的影子，他为每个人打点网络上的一切，很多志同道合的朋友会在这里和你相识相知。

1.4　本文的工作

（1）理论研究基础

个人网站是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板、论坛等诸多功能于一体的网络平台。

个人网站的自由、开放精神，并使之更容易操作，更具个性需求，而不需要高深的技术[3]。

它可以帮助个人进行全面的信息化，以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。

以个人为中心，建立一个完全属于自己的可定制的个性化网络平台。

来自文章的评论，留言板都可以很好的进行交流，倾听别人的声音。

（2）技术层面的支持

随着互联网的进一步发展与成熟，网络的带宽进一步加阔，网络应用也越来越广泛。

网页制作更是日新月异，层出不穷。

涌现了很多琳琅满目的网站，使得整个互联网多姿多彩。

本网站在进行动态网页制作的时候，通常都是使用ASP.NET来完成。

由于ASP.NET使用方便，操作简单，现在很多网页设计者开始使用ASP.NET。

ASP.NET布局和代码分离技术大大提高了开发的效率。

因此，ASP.NET相对于其他网页制作软件来说，高校易用。

同时配合数据库的操作，使个人网站具有更好的网络平台和交互性。

2　ASP.NET及相关技术介绍

ASP.NET是ASP的升级，由微软公司提出。

ASP.NET和ASP相比有很大的差异，ASP.NET需要运行于安装了.NETFramework的windows平台上，可以使用很多种不同的编程语言来实现。

在ASP.NET开发时，可以使用自己熟悉或者喜欢的编程语言，如VB.NET、C#、J#、C++等各样的编程语言[2]。

也就是，无论是使用什么语言的程序员都可以很快的进行ASP.NETWeb应用程序的开发。

ASP.NET需要运行于安装了.NETFramework的windows平台上，并且需要安装IIS（InternetInformationServer）。

使用页面和代码分离技术，是的编写程序更加容易。

第一次编译由于需要编译，所以运行速度会很慢，而在第二次运行速度就会加快。

ASP.NET使用ADO.NET访问数据库，对访问数据库有很好的性能，特别是针对SQLServer数据库进行优化，使得ASP.NET和SQLServer成为了最佳拍档。

通过ASP.NET我们可以结合HTML网页、ASP.NET指令和ActiveX元件建立动态、交互且高效的WEB服务器应用程序[3]。

有了ASP.NET就不必担心客户的浏览器是否能运行所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。

当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。

ASP.NET主要由4部分组成：

HTML、ASP.NET内嵌对象（Application、Request、Response、Server、Session和ActiveX服务器控件（AdRotator、ActiveDatabaseAccess、FileDatabaseAccess等）和.aspx.cs为后缀名的代码文件。

2.1　ASP.NET的特点

以下罗列了ASP.NET所独具的一些特点：

（1）使用页面布局和代码分离技术，使得编写程序更加容易、开发效率更快。

（2）第一次编译由于需要编译，所以运行速度会很慢，而在第二次运行速度就会加快。

（3）在ASP.NET开发时，可以使用自己熟悉或者喜欢的编程语言，如VB.NET、C#、J#、C++等各样的编程语言。

（4）与浏览器无关,用户端只要使用可执行HTML码的浏览器，即可浏览ASP.NET所设计的网页内容。

ASP.NET所使用的脚本语言（VBScript、Jscript）均在WEB服务器端执行，用户端的浏览器不需要能够执行这些脚本语言。

（5）ASP.NET使用ADO.NET访问数据库，对访问数据库有很好的性能，特别是针对SQLServer数据库进行优化，使得ASP.NET和SQLServer成为了最佳拍档。

（6）公共语言运行库利用代码托管简化了程序的开发过程

2.2　ASP.NET的运行环境

ASP.NET需要运行于安装了.NETFramework的windows平台上，并且需要安装IIS（InternetInformationServer）[4]。

本网站的设计使用的是visualstudio2005实现的，在安装了visualstudio2005以后看不需要安装IIS就可以调试ASP.NET程序，visualstudio2005提供了一个轻量级的文件站点，可以是不运行IIS就可以调试ASP.NET应用程序。

2.3　ASP.NET文件的结构

ASP.NET使用页面布局和代码分离技术，使得程序的编写更加容易、开发效率更高。

一个简单的ASP.NET文件可以包括以下2个部分。

（1）页面布局或者简单的客户端代码放在.aspx文件中。

（2）服务器程序代码位于.aspx.cs文件中。

2.4　ASP.NET的内置对象

ASP.NET提供内置对象，这些内置对象使用户更容易收集通过浏览器请求发送的信息、响应浏览器以及存储用户信息[5]（如用户首选项）。

在这里简要说明每一个对象。

（1）Application对象

可以使用Application对象使给定应用程序的所有用户共享信息。

（2）Request对象

可以使用Request对象访问任何用HTTP请求传递的信息，包括从HTML表格用POST方法或GET方法传递的参数、cookie和用户认证。

Request对象使您能够访问发送给服务器的二进制数据，如上载的文件。

（3）Response对象

可以使用Response对象控制发送给用户的信息。

包括直接发送信息给浏览器、重定向浏览器到另一个URL或设置cookie的值。

（4）Server对象

Server对象提供对服务器上的方法和属性进行的访问。

最常用的方法是创建ActiveX组件的实例（ServerCreateObject）。

其他方法用于将URL或HTML编码成字符串，将虚拟路径映射到物理路径以及设置脚本的超时期限。

（5）Session对象

可以使用Session对象存储特定的用户会话所需的信息。

当用户在应用程序的页之间跳转时，存储在Session对象中的变量不会清除；

而用户在应用程序中访问页时，这些变量始终存在。

也可以使用Session方法显式地结束一个会话和设置空闲会话的超时期限。

（6）Cookie对象

可以使用Cookie对象保存客户端浏览器请求的服务器页面，也可用于存放非敏感行的用户信息，信息的保存时间可以根据用户的需求进行设置。

并非所有的浏览器都支持，并且数据信息以文本的形式保存到客户端计算机中。

2.5　ASP.NET的内部控件

在ASP.NET中内置了许多功能强大的服务器组件这些控件件分别是文本类型控件、选择类型控件、按钮类型控件、图形显示控件、容器控件、数据库控件、上传控件和登录控件等[6]。

所谓控件件，和对象差不多，就是ASP.NET把功能已经封装好了，只要调用就可以了。

文本类型控件：

显示文本，或者提供输入文本框。

选择类控件：

从列表中选择一个或者多个选项。

按钮类型控件：

提交控件和命令控件。

图形显示控件：

在页面中显示图像。

容器控件：

显示或隐藏一组控件，动态控制页面显示模块。

数据库存取组件：

用来存取数据库，是所有内置组件中最强大的一个。

上传控件：

用于提供上传图片或文件路径。

登录控件：

不用编写代码，直接将创建用户。

2.6　ASP.NET与数据库连接

在ASP.NET中，除了使用控件完成数据库信息的浏览和操作外，还可以使用ADO.NET提供的各种对象，通过编写代码实现更复杂、更灵活的数据库操作功能[7]。

ADO.NET对象主要指包含在数据集（DataSet）和数据提供器（Provider）中的对象。

使用这些对象可通过代码自由的创建符合用户要求的Web应用程序。

在ADO.NET中数据集与数据提供器是两个非常重要的，而且又相互关联的两个组件。

他们两者之间的关系如下图

图2-1网站构架

DataTable属于DataSet，Provide包含有DataReader和他下边的那个框。

DataSet对象用于以数据表形式在程序中放置一组数据，他不关心数据的来源。

DataSet是实现ADO.NET断开式连接的核心，应用程序从数据源读取的数据暂时被存放在DataSet中，程序在对其中的数据进行各种操作。

Provide中包含许多针对数据员的组件，开发人员通过这些组件可以使程序与指定的数据源经行连接。

Provide主要包括Connection对象、Command对象、DataReader对象以及DataAdapter对象。

Provider用于建立数据源与数据集的连接，它能连接各种类型的数据源，并能按要求将数据源中的数据提供数据集，或者将应用程序编辑后的数据发挥数据库[3]。

2.7　其它相关开发技术

要进行网站设计建设，仅仅有ASP.NET当然是远远不够的，还需要很多相关的开发技术共同构建。

在这一节将要介绍其它相关的开发技术，如DIV+CSS、SQLServer、Dreamweaver软件等。

2.7.1　DIV+CSS

对于一个网站来说强大的功能固然重要，但是网站的布局也是同等的重要，在早年中web网站的开发大部分使用的是table来实现布局，但是其修改起来较为繁琐，现今单纯的table实现布局的网站已经不存在。

现今存在的网站都是table，div，css相结合的网站，修改起来更加的方便，开发的效率大大提高[8]。

Table的使用过于简单格式如下：

<

table>

tr>

td>

这里着重说明一下div和css的用法，首先说一下样式表基本用法有三种：

（1）内嵌式样式表：

直接写在现有HTML标签中<

pstyle=”color;

red”>

这里的文字为红色<

/p>

。

（2）嵌入式表：

使用<

style>

/style>

标签嵌入HTML文件的头部中，在<

标签内加<

!

----!

>

注释标签，然后在标签内编写样式即可使用，加注释标签是为了在浏览器不支持样式表的时候，也不会在屏幕内将样式表中的内容显示出来。

（3）外部式样式表，样式表外部文件以[.css]为扩展名，在<

head>

内使用<

link>

标签进行连接。

linkrel=”stylesheet”href=”basic.css”type=”text/css”/>

使用外部样式表具有以下优点：

（1）单独与HTML语言，修改方便

（2）能够应用与多个网页，提高开发效率

使用div模块的设计，便于位置的调整，提高开发效率。

2.7.2　Dreamweaver软件

本网站的设计采用的是dreamweaver8，版本相对较早，不过对于个人网站的设计布局已经足够，因其布局实现相对简单，所以个人网站的设计首先在dreamweaver8中对进行大致的布局，搭建基本框架，然后将布局代码移植到visualstudio2005中，插入部分控件，然后在编辑实现代码。

HTML语言是超文本标记语言（HvperlinkTextMarkupLanguage）的缩写。

它是一种描述文档结构的语言，而不能描述实际的标记符（称为标记码）来指明文档的不同内容。

标记码是区分文本各个组成部分的分界符，用来把HTML文档划分成不同的逻辑部分（或结构），如段落、标题和表格等。

标记码描述了文档的结构，它向浏览器提供该文档的格式化信息，以传送文档的外观特征[9]。

用HTML语言写的页面是普通的文本文档，不含任何与平台和程序相关的信息，它们可以被任何文本编辑器读取。

HTML文档包含两种信息：

一是页面本身的文本；

二是表示页面元素、结构、格式和其它超文本链接的HTML标签。

HTML语言的标记码有很多，这里简单介绍常用的标记码。

HTML的标记码是由成对的标记组成，其中<

html>

、<

title>

和<

body>

对是每一个HTML文件所必须包含的。

有些标记不要求成对，如：

p>

不要求<

常用标记码的含义为：

:

通知浏览器该文件含由HTML标记码。

：

文件头，是HTML文件第一部分的起始。

文件名，将显示在浏览器的窗口。

是HTML文件的第二部分，也是最大的部分，它包含了文件的内容。

元素可以确定整个文件的背景色、前景色等基本属性。

的语法为：

body[bglolor|text|link|alink|vlink|background]>

objects

/body>

bgcolor:

HTME的背景色。

Text:

指定HTML文件中文字色彩属性。

Link:

指定HTML文件中待链接超链接对象色彩属性。

Alink：

指定HTML文件中超链接对象色彩属性。

Vlink:

指定HTML文件中已链接超链接对象色彩属性。

Bakground:

指定HTML背景图形。

设置标题:

WEB查询系统<

/title>

添加标题与段落:

标题：

h1>

……<

h6>

在HTML中由六种标题，<

是最大的标题，<

是最小的标题。

如果要设置正文段落，则使用<

，中间存放所有的文字、图像和超级链接等。

如果要强调某个单词，可以使用粗体字标题<

b>

/b>

或强调标签<

em>

/em>

（1）设置超级链接

格式为：

ahref=”URL信息”>

超级链接文本及图像<

/a>

例如：

ahref=”>

日月网<

（2）设置图像

用<

img>

表示网页中的一幅图像。

例：

imgsrc=”fmq001.gif”width=”100”height=”100”alt=”我的照片”>

（3）表格

表格的表示为：

表格内容<

/table>

定义表格标题：

caption..>

标题内容<

/caption>

定义表格列：

tr..>

表格列内容<

/tr>

定义表格头资料：

th..>

表头内容<

/th>

定义表格内容：

/td>

（4）表单

表单（FORM）是实现交互功能的主要方式，用户一般通过表单提交信息。

表单的语法如下：

formmethod=”..”action=””>

inputtype=”..”name=”..”>

/form>

表单的输入域有一下几种：

提交（SUBMIT）：

这是每个FORM都有的。

在浏览器种这是一个按钮，表示开始提交信息。

文本（TEXT）：

这是文本输入域用户在通过它输入信息。

单选按钮（RADIO）：

类似与Windows种的单选框。

CHECKBOX：

多选框。

另外还有选择列表：

SELECTION语法如下：

selectname=”..”>

option>

……

/select>

2.7.3　SQLServer

SQLServer为企业用户提供了一个安全、可靠和高效的管理平台。

同时也是一个全面集成、端到端的挂了系统。

个人网站设计采用的是SQLServer2005，它不仅为专家和信息工作者提供强大、熟悉的开发和工作环境，而且减少了从移动设备到数据平台的创建、部署和治理[10]。

在SQLServer2005中，对数据库的挂了和操作的大部分工作都是在Managementstudio中完成的。

通过Managementstudio进行管理数据具有操作简单、易学易用、方便灵活等特点。

图2-1新建数据库图

新建完数据库之后在对应数据库下属菜单下表选项下，单击右键添加数据表，然后在新建的表右键点击表定义，这样基本上完成了数据库的建立，然后与visualstudio2005进行连接即可。

参考文献

[1]张跃廷.ASP.NET从入门到精通[M].北京：

清华大学出版社，2008

[2]伊增明.ASP.NET2.0应用开发[M].北京：

机械工业出版社2008

[3]刘华,程序设计[M].北京：

清华大学出版社.2004

[4]刘颜博，肖鹏，贾菡。

VisualStudio2005技术大全[M]北京：

人民邮电出版2008

[5]王珊等.数据库系统概论（第四版）[M].北京：

高等教育出版社,2006

[6]季久峰，梁建全，宋修舵，等.专家门诊——ASP.NET开发答疑200问[M].北京：

人民邮电出版2004

[7]许宾，胡勇辉.ASP.NET2.0（C#）应用开发技术与经典实例[M].北京：

清华大学出版社,2008

[8]施澄钟.精通DREAMWEAVER8网站建设ASP.NET篇[M].北京：

中国青年出版社2007

[9]李烨.别具光芒的DIV+CSS网页布局与优化[M].北京：

人民邮电出版社，2006

[10]李俊民.SQLServer范例开发大全[M].北京：

清华大学出版社

[11]C#.NETWebDeveloper’sGuide[M]AdrianTurtschi,DotThatC,JasonWerry,2009

[12]StephenStelting,OlavMaassenSppliedJavaPatterns[M]PrenticeHall,2002

[13]明日科技，ASP.NET2.0技术大全[M]北京，人民邮电出版社，2008

[14]ChrisBrentonCameroHunt.网络安全积极防御从入门到精通[M]北京：

电子工业出版社，2001

[15]谢希仁.计算机网络（第5版）[M].北京：

电子工业出版社,2008