个人网站论文doc.docx

资源描述

个人网站论文doc.docx

《个人网站论文doc.docx》由会员分享，可在线阅读，更多相关《个人网站论文doc.docx（34页珍藏版）》请在冰豆网上搜索。

个人网站论文doc.docx

个人网站论文doc

摘要2

前言3

1网站设计分析4

1.1开发工具的选用及介绍5

1.1.1Dreamweaver8.0介绍5

1.1.2CSS介绍6

1.1.3ASP动态网站脚本语言7

1.1.4VBscript介绍8

1.1.5JavaScript介绍9

1.2关系型数据库的选择10

1.2.1MicrosoftOfficeAccess简介10

1.3网站调试环境IIS12

1.3.1IIS之Web服务器安装步骤12

2网站具体设计14

2.1导航栏15

2.2Flash相册18

2.3留言板21

2.4计数器29

2.5后台管理30

结束语34

参考文献35

摘要

ActiveServerPages（ASP）是微软公司推出的服务器端的命令执行环境，使用它可以创建和运行动态的、交互的、独立的Web服务器应用程序。

它使用了VBScript、JavaScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站应用程序的开发。

本实训以个人网站的制作为实例，说明了进行网站开发的具体步骤和注意事项以及如何使用ASP技术实现网站前台WEB页与后台数据库的连接、修改、更新等操作。

关键词：

网站建设；ASP；数据库技术

前言

早期的动态网页主要采用CGI技术，由于编程困难、效率低下、修改复杂，所以一直是专业程序员的专利。

ASP的出现，改变了这个现状，ActiveServerPages即ASP是微软件开发的一种类似HTML（超文本标识语言）、Script（脚本）与CGI（通用网关接口）的结合体。

ASP问世以来，每天正在成千上万的ASP网站在INTERNET中诞生。

它简单易学，功能强大。

被越来越多的人们所喜爱。

本次实训，我选择的是：

制作我个人的网站。

整个网站的规划和设计，从系统的调研，系统的分析，系统的设计到系统的实现，都利用软件工程的思想作为指导，较好地达到了制作的预期设计效果。

同时也提高了自己的专业知识和实际相结合的能力。

1网站设计分析

网站的设计与制作需要用到网页三剑客（Dreamweaver、fireworks、flash），IIS，photoshop等工具。

所以首先我们要了解这些工具的功能与用处，然后要能够熟练得掌握这些工具用法，只有熟练使用这些工具，才能在设计过程中昼避免技术上的问题，提高效率，做到“事半功倍”。

1）网站的功能模块：

①首页，②个人资料，③学习天地，④喜好娱乐，⑤风趣生活，⑥零零落落，⑦留言板

2）各个模块的主要功能：

①首页：

该界面为欢迎界面，是访问网站的门户。

②个人资料：

介绍自己的基本信息，爱好和特长等。

让别人对自己有一个基本的了解。

③学习天地：

把自己的心得跟大家分享，把曾经遇到的好文章展现出来。

④喜好娱乐：

主要是记录是喜欢的音乐及电影列出来

⑤风趣生活：

是记录生活中的点点滴滴，也记录了一些做菜的方法。

⑥零零落落：

是一些文章，有励志的文章等。

⑦留言板：

有想更进一步了解我的情况或对我网站上的东西有兴趣的，请给我留言。

3）网站功能框架：

网站首页可以说是网站的门面，大家浏览你的网站首先看到的就是网站首页，所以首页不仅要做得美观，引人浏览，还要有吸引浏览者的内容。

所以在首页就聚集了大量的信息。

我还将hot看点利用滚动文字的形式展现出来，这样静中有“动”的效果可以抓住人的眼球，吸引人去点击。

子页面的框架基本上是符合整个网站的整体风格，导航等都是各首页一样的，不一样的只是正文中的内容，这个可以通过模板来实现。

由于排除对模板可编辑区域排版的复杂性起见，我这里没有运用模板，而是用另存为的方式实现网页风格“统一化”的。

在网站的各页面制作好后，我在Dreamweaver中与Access数据库建立连接，通过在Dreamweaver的一系列操作实现注册登录的功能，而留言板功能我做的动态效果，是可以直接留言的，达到了互动的效果。

1.1开发工具的选用及介绍

1.1.1Dreamweaver介绍

Dreamweaver是创建和管理网页的专业化可视编辑器，在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver8的发布，更坚定Dreamweaver在该领域的地位。

它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。

由于它提供了非常友好的用户界面和强大的功能，同时与Flash技术相结合，因此已经成为专业用户和普通用户的首选开发网页工具。

与Frontpage不同，Frontpage也是一款非常优秀的网页制作管理软件。

作为office家族的新成员，Frontpage继承了office系列软件界面通用、操作简单的特点，用户可以用操作word文档类似的方式来操作网页文档，适合初学者使用。

它的直观性与高效性比Frontpage优势。

1）灵活的编写方式

Dreamweaver具有灵活编写网页的特号点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自已的用户界面。

2）可视化编辑界面

Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。

或视化编程环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML的编辑器进行实时的访问。

Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。

3）功能更多的CSS支持——CSS可视化设计、CSS检查工具

4）强大的WEB站点管理功能

5）丰富的媒体支持能力

6）超强的扩展能力

1.1.2CSS介绍

CSS的英文全称为CascadingStyleSheets，中文译为级联样式表，是一种用于简化web页面设计的语言。

CSS用于处理web页面的展现效果，使用CSS，很容易地控制页面中的文本，字体样式，段落间隔，图片背景等元素。

CSS是一种易学易用，对HTML文档内的元素具有超强的控制能力的语言。

CSS有以下优点：

1）节省开发时间，一份编写好的CSS文件可以应用到多个HTML页面中。

2）加快页面加载速度

3）容易管理，需要完成一个全局的改变，需要简单的改变一些CSS中的样式。

4）出众的HTML样式

5）兼容多种设备

1.1.3ASP动态网站脚本语言

ASP是ActiveServerPage的缩写，意为“动态服务器页面”。

ASP是微软公司开发的代替CGI脚本程序的一种应用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。

ASP的网页文件的格式是.asp，现在常用于种动态网站中。

ASP采用脚本语言VBscript（Javascript）作为自己的开发语言。

ASP是一种服务器端脚本编写环境，可能用来创建和运行动态网页或Web应用程序。

使用ASP可以组合HTML页、VBScript脚本命令和JavaScript脚本命令等，以创建交互的web页和基于web的功能强大的应用程序。

ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。

利用ASP可以向网页中添加交互式内容，也可以创建使用HTML网页作为用户界面的WEB应用程序。

ASP的文件后缀名为.asp，以区别于同样可以包含Script的HTML文件。

一个.asp文件是一个文本文件，可以包括下列元素的任意组合：

文本、HTML标志、Script命令。

1.1.4VBScript介绍

由于脚本程序是在服务器上而不是在客户端运行，传送到浏览器上的web页是在web服务器上生成的。

所以不必担心浏览器能否处理脚本；WEB服务器已经完成了所有脚本的处理，产将标准的HTML页面传输到浏览器。

由于只有脚本的结果返回到浏览器，所以服务器端脚本不易被别人复制。

用户看不到创建他们正在浏览的脚本命令。

脚本（script）就是插入在HTML文件中的短程序，通常有两个脚本语言：

JavaScript和VBScript。

JavaScript基于SUN公司的JAVA，而VBScript是基于Microsoft公司的VisualBasic，是以VisualBasic语言为基础提供编程功能，是VisualBasic语言的一个子集，是IIS的缺省源程序语言。

VBScript可以在HTML网页上操作、控制、处理对象。

在最初的设计中，VBScript是通过编写事件驱动的脚本来扩大客户端HTML功能，编写客户脚本最大的优点就是浏览器解析执行，不需要增大服务器的负担。

随着ASP技术的出现，VBScript将它的功能扩展到服务器上，VBScript开发的脚本可以在服务器上解析执行。

在服务器端脚本开发的过程中，使用VBScript则没有客户端脚本开发时的局限性，当客户请求页面时，页面将在服务器上执行，然后再反馈给浏览器，浏览器所获得的只是标准的HTML文件，这样就可不受浏览器功能的限制。

VBScript和HTML页面完美地结合在一起，运用VBScript可以控制HTML页面，并对页面中某些事件做出响应。

VBScript还提供了许多对象，运用这些对象，可以方便地进行脚本的编写，实现一些其他语言所无法实现的功能。

1.1.5JavaScript介绍

JavaScript语言的前身叫做LiveScript。

自从SUN公司推出著名的Java语言之后Netscape公司引进了Sun公司有关Java的程序设计概念，将自己原有的LiveScript重新进行设计，并更名为JavaScript。

之所以取名为JavaScript，原因就在于JavaScript作为一种嵌入HTML文档的、基于对象的脚本设计语言，其中很大一部分的语法同Java语言很相似，而且JavaScript的设计可以是它很容易的同JAVA语言一同工作，它可以充分支持Java的Applet小应用程序，Java的Applet小应用程序也可以很方便地访问已有的JavaScript代码。

所以也可以把JavaScript看成是JAVA语言的某种简化版本。

1.2关系型数据库的选择

1.2.1MicrosoftOfficeAccess简介

MicrosoftOfficeAccess是由微软发布的关联式数据库管理系统，是集成在Microsoft公司开发的产品更新换代office系统中的集成软件。

它之所以被集成到Office中而不是VisualStudio中，是因为它与其它的数据库管理系统相比更加简单易学，一个普通的计算机用户即可掌握并使用它。

而且最重要的一点是Access的功能足够强大，足以应付一般的数据管理及处理需要。

Access能够存取Access/Jet、MicrosoftSQLServer、Oracle，或者任何ODBC兼容数据库内的资料。

ODBC（开放式数据库互联）是微软推出的一种工业标准，一种开放的独立于厂商的API应用程序接口，可以跨平台访问各种个人计算机、小型机以及主机系统。

ODBC作为一个工业标准，绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了ODBC接口或提供了ODBC支持，这其中就包括常用的SQLSERVER、ORACAL、INFORMIX等，当然也包括了Access。

主要用它来做一个数据库，然后在数据库里面建表，这样所做的数据才能显示出来。

而该网页用到数据库的有计数器、留言板、导航条、滚动字幕、以及后台的管理等。

在ASP中可以通过三种方式访问数据库：

1）IDC方式；2）ADO方式;3）RDS方式。

这三种访问方式对数据库的访问都是由InternetInformationServer完成的。

通过Web浏览器用HTTP协议向IIS发送请求，IIS执行对数据库的访问，并返回一个HTML格式的文档响应。

以下是ACCESS的优点：

1）存储方式单一

Access管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为（.mdb）的数据库文件中，便于用户的操作和管理。

2）面向对象

Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中各种功能对象化，将数据库管理的各种功能封装在各类对象中。

它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性。

通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。

同时，这种基于而向对象的开发方式，使得开发应用程序更为简便。

3）界面友好、易操作

Access是一个可视化工具，是风格与Windows完全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。

系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。

4）集成环境、处理多种数据信息

Access基于Windows操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。

5）Access支持ODBC。

利用Access强大的DDE（动态数据交换）和OLE（对象的联接和嵌入）特性，可以在一个数据表中嵌入位图、声音、Excel表格、Word文档，还可以建立动态的数据库报表和窗体等。

Access还可以将程序应用于网络，并与网络上的动态数据相联接。

利用数据库访问对象生成HTML文件，轻松构建Internet/Intranet的应用。

1.3网站调试环境IIS

IIS是InternetInformationServices的缩写，是一个WorldWideWebserver。

Gopherserver和FTPserver全部包容在里面。

IIS意味着你能发布网页，并且有ASP（ActiveServerPages）、JAVA、VBscript产生页面，有着一些扩展功能。

IIS支持一些有趣的东西，像有编辑环境的界面（FRONTPAGE）、有全文检索功能的（INDEXSERVER）、有多媒体功能的（NETSHOW）其次,IIS是随WindowsNTServer4.0一起提供的文件和应用程序服务器，是在WindowsNTServer上建立Internet服务器的基本组件。

它与WindowsNTServer完全集成，允许使用WindowsNTServer内置的安全性以及NTFS文件系统建立强大灵活的Internet／Intranet站点。

IIS（InternetInformationServer，互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。

1.3.1IIS之Web服务器安装步骤:

1、插入windowsxp安装光盘，打开控制面板，然后打开其中的“添加/删除程序”

　　2、在添加或删除程序窗口左边点击“添加/删除Windows组建”[1]

　　3、捎带片刻系统会启动Windows组建向导，在Internet信息服务（IIS）前面选勾，点击下一步：

　　4、系统安装成功，系统会自动在系统盘新建网站目录，默认目录为：

\Inetpub\wwwroot

　　5、打开控制面板－性能和维护－管理工具－Internet信息服务：

　　6、在默认网站上点击右键－选择属性：

　　7、点击主目录：

在本地路输入框后点击浏览可以更改网站所在文件位置，默认目录为：

\Inetpub\wwwroot

　　在执行权限后面点击配置－调试－教本错误信息，选中：

向客户端发送文本错误信息：

处理URL时服务器出错。

请与系统管理员联系。

　　点击文档：

可以设置网站默认首页，推荐删除iisstart.asp，添加index.asp和index.htm

　　点击目录安全性：

点击编辑可以对服务器访问权限进行设置

　　8、把凡人网络购物系统V7.0文件复制到你选择的网站目录下，假设你选择的目录为默认目录：

\Inetpub\wwwroot

　　9、把frshop.rar解压之后的文件复制到C:

\Inetpub\wwwroot\shop下即可

　　10、您可以通过以下方式访问商城：

　　http:

//localhost/shop/或http:

//127.0.0.1/shop/或http:

//计算机名/shop/或http:

//本机IP地址/shop/访问

　　其它人可以通过http:

//计算机名/shop/或http:

//本机IP地址/shop/访问

11、如果您有域名，把域名解析到本地IP地址，即可通过http:

//域名/shop/

2、具体制作

首页界面：

图

（1）中的背景图片：

图

（1）

利用PhotoShop的仿章工具来做以及在图片上添加文字等。

以及图片的大小是800*129像素。

图章工具可以将一幅图像全部或部分地复制到另一个图像中，或者复制到本图像中Photoshop提供了两种图章工具，分别是仿制图章工具和图案图章工具。

仿制图章工具可以复制一幅图像的部分或全部。

不仅可以复制需要的图像，还可修补照片，将不需要的人或物覆盖。

2.1导航栏，如图

（2）

图

（2）

导航栏是通过数据库来控制标题的内容。

在该网页中是通过data文件中data数据库中class表、news表，在此表中可增加删除标题。

当然也可以通过后台管理对标题的增减。

主页中导航栏与数据库链接及显示数据库中的内容。

Class表：

表的结构图（3）：

表的内容图（4）：

图（3）图（4）

与class表相连接的主要代码如下：

……

setrss=server.createobject（"adodb.recordset"）

sqls="select*fromclassorderbyidasc"

rss.opensqls,conn,1,1

……

导航栏显示