个人网站论文doc.docx

1、个人网站论文doc目 录摘要 2前言 31 网站设计分析 41.1开发工具的选用及介绍 5 1.1.1 Dreamweaver8.0介绍 5 1.1.2 CSS介绍 6 1.1.3 ASP动态网站脚本语言 7 1.1.4 VBscript介绍 8 1.1.5 JavaScript介绍 9 1.2 关系型数据库的选择 10 1.2.1 Microsoft Office Access简介 101.3网站调试环境IIS 12 1.3.1 IIS之Web服务器安装步骤 122 网站具体设计 14 2.1导航栏 152.2 Flash相册 18 2.3留言板 21 2.4计数器 29 2.5后台管理 3

2、0结束语 34参考文献 35摘 要Active Server Pages(ASP)是微软公司推出的服务器端的命令执行环境，使用它可以创建和运行动态的、交互的、独立的Web服务器应用程序。它使用了VBScript、JavaScript等简单易懂的脚本语言，结合HTML代码，即可快速地完成网站应用程序的开发。本实训以个人网站的制作为实例，说明了进行网站开发的具体步骤和注意事项以及如何使用ASP技术实现网站前台WEB页与后台数据库的连接、修改、更新等操作。 关键词： 网站建设；ASP；数据库技术 前 言早期的动态网页主要采用CGI技术，由于编程困难、效率低下、修改复杂，所以一直是专业程序员的专利。A

3、SP的出现，改变了这个现状，Active Server Pages即ASP是微软件开发的一种类似HTML（超文本标识语言）、Script（脚本）与CGI（通用网关接口）的结合体。ASP问世以来，每天正在成千上万的ASP网站在INTERNET中诞生。它简单易学，功能强大。被越来越多的人们所喜爱。本次实训，我选择的是：制作我个人的网站。整个网站的规划和设计，从系统的调研，系统的分析，系统的设计到系统的实现，都利用软件工程的思想作为指导，较好地达到了制作的预期设计效果。同时也提高了自己的专业知识和实际相结合的能力。1 网站设计分析 网站的设计与制作需要用到网页三剑客（Dreamweaver、fire

4、works、flash），IIS，photoshop等工具。所以首先我们要了解这些工具的功能与用处，然后要能够熟练得掌握这些工具用法，只有熟练使用这些工具，才能在设计过程中昼避免技术上的问题，提高效率，做到“事半功倍”。1)网站的功能模块： 首页，个人资料，学习天地，喜好娱乐，风趣生活，零零落落，留言板2) 各个模块的主要功能： 首页：该界面为欢迎界面，是访问网站的门户。 个人资料：介绍自己的基本信息，爱好和特长等。让别人对自己有一个基本的了解。 学习天地：把自己的心得跟大家分享，把曾经遇到的好文章展现出来。 喜好娱乐：主要是记录是喜欢的音乐及电影列出来 风趣生活：是记录生活中的点点滴滴，也记

5、录了一些做菜的方法。 零零落落：是一些文章，有励志的文章等。 留言板：有想更进一步了解我的情况或对我网站上的东西有兴趣的，请给我留言。3)网站功能框架：网站首页可以说是网站的门面，大家浏览你的网站首先看到的就是网站首页，所以首页不仅要做得美观，引人浏览，还要有吸引浏览者的内容。所以在首页就聚集了大量的信息。我还将hot看点利用滚动文字的形式展现出来，这样静中有“动”的效果可以抓住人的眼球，吸引人去点击。子页面的框架基本上是符合整个网站的整体风格，导航等都是各首页一样的，不一样的只是正文中的内容，这个可以通过模板来实现。由于排除对模板可编辑区域排版的复杂性起见，我这里没有运用模板，而是用另存为的

6、方式实现网页风格“统一化”的。在网站的各页面制作好后，我在Dreamweaver中与Access数据库建立连接，通过在Dreamweaver的一系列操作实现注册登录的功能，而留言板功能我做的动态效果，是可以直接留言的，达到了互动的效果。1.1开发工具的选用及介绍1.1.1 Dreamweaver介绍Dreamweaver是创建和管理网页的专业化可视编辑器，在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、

7、开发、制作的首选工具。由于它提供了非常友好的用户界面和强大的功能，同时与Flash技术相结合，因此已经成为专业用户和普通用户的首选开发网页工具。与Frontpage不同，Frontpage也是一款非常优秀的网页制作管理软件。作为office家族的新成员，Frontpage继承了office系列软件界面通用、操作简单的特点，用户可以用操作word文档类似的方式来操作网页文档，适合初学者使用。它的直观性与高效性比Frontpage优势。1) 灵活的编写方式Dreamweaver 具有灵活编写网页的特号点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用

8、户按工作需要定制自已的用户界面。2) 可视化编辑界面Dreamweaver 是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。或视化编程环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML的编辑器进行实时的访问。Dreamweaver 都能提供便捷的方式使用户设计网页和管理网站变得更容易。3) 功能更多的CSS支持CSS可视化设计、CSS检查工具4) 强大的WEB站点管理功能5) 丰富的媒体支持能力6) 超强的扩展能力1.1.2 CSS介绍CSS的英文全称为Cascading Style Sheets，中文译为级联样式表，是一

9、种用于简化web页面设计的语言。CSS用于处理web页面的展现效果，使用CSS，很容易地控制页面中的文本，字体样式，段落间隔，图片背景等元素。CSS是一种易学易用，对HTML文档内的元素具有超强的控制能力的语言。 CSS有以下优点：1) 节省开发时间，一份编写好的CSS文件可以应用到多个HTML页面中。2) 加快页面加载速度3) 容易管理，需要完成一个全局的改变，需要简单的改变一些CSS中的样式。4) 出众的HTML样式5) 兼容多种设备1.1.3 ASP动态网站脚本语言ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应

10、用，它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于种动态网站中。ASP采用脚本语言VBscript(Java script)作为自己的开发语言。ASP是一种服务器端脚本编写环境，可能用来创建和运行动态网页或Web应用程序。使用ASP可以组合HTML页、VBScript脚本命令和JavaScript 脚本命令等，以创建交互的web页和基于web的功能强大的应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容，也可以创建使用HTML网页作为用户界面的WEB应用程序。ASP的文件

11、后缀名为.asp，以区别于同样可以包含Script的HTML文件。一个.asp文件是一个文本文件，可以包括下列元素的任意组合：文本、HTML标志、Script命令。1.1.4 VBScript介绍由于脚本程序是在服务器上而不是在客户端运行，传送到浏览器上的web页是在web服务器上生成的。所以不必担心浏览器能否处理脚本；WEB服务器已经完成了所有脚本的处理，产将标准的HTML页面传输到浏览器。由于只有脚本的结果返回到浏览器，所以服务器端脚本不易被别人复制。用户看不到创建他们正在浏览的脚本命令。脚本（script）就是插入在HTML文件中的短程序，通常有两个脚本语言：JavaScript和VBS

12、cript。JavaScript基于SUN公司的JAVA，而VBScript是基于Microsoft公司的Visual Basic，是以Visual Basic语言为基础提供编程功能，是Visual Basic语言的一个子集，是IIS的缺省源程序语言。VBScript可以在HTML网页上操作、控制、处理对象。在最初的设计中，VBScript是通过编写事件驱动的脚本来扩大客户端HTML功能，编写客户脚本最大的优点就是浏览器解析执行，不需要增大服务器的负担。随着ASP技术的出现，VBScript 将它的功能扩展到服务器上，VBScript开发的脚本可以在服务器上解析执行。在服务器端脚本开发的过程中

13、，使用VBScript则没有客户端脚本开发时的局限性，当客户请求页面时，页面将在服务器上执行，然后再反馈给浏览器，浏览器所获得的只是标准的HTML文件，这样就可不受浏览器功能的限制。VBScript和HTML页面完美地结合在一起，运用VBScript可以控制HTML页面，并对页面中某些事件做出响应。VBScript还提供了许多对象，运用这些对象，可以方便地进行脚本的编写，实现一些其他语言所无法实现的功能。1.1.5 JavaScript介绍JavaScript语言的前身叫做LiveScript。自从SUN公司推出著名的Java 语言之后Netscape公司引进了Sun公司有关Java的程序设计

14、概念，将自己原有的LiveScript重新进行设计，并更名为JavaScript。之所以取名为JavaScript，原因就在于JavaScript作为一种嵌入HTML文档的、基于对象的脚本设计语言，其中很大一部分的语法同Java语言很相似，而且JavaScript的设计可以是它很容易的同JAVA语言一同工作，它可以充分支持Java的Applet小应用程序，Java的Applet小应用程序也可以很方便地访问已有的JavaScript代码。所以也可以把JavaScript看成是JAVA语言的某种简化版本。1.2关系型数据库的选择1.2.1 Microsoft Office Access简介Micr

15、osoft Office Access是由微软发布的关联式数据库管理系统，是集成在Microsoft公司开发的产品更新换代office系统中的集成软件。它之所以被集成到Office中而不是Visual Studio中，是因为它与其它的数据库管理系统相比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是Access的功能足够强大，足以应付一般的数据管理及处理需要。Access能够存取Access/Jet、Microsoft SQL Server、Oracle，或者任何ODBC兼容数据库内的资料。ODBC（开放式数据库互联）是微软推出的一种工业标准，一种开放的独立于厂商的API

16、应用程序接口，可以跨平台访问各种个人计算机、小型机以及主机系统。ODBC作为一个工业标准，绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了ODBC接口或提供了ODBC支持，这其中就包括常用的SQL SERVER、ORACAL、INFORMIX等，当然也包括了Access。主要用它来做一个数据库，然后在数据库里面建表，这样所做的数据才能显示出来。而该网页用到数据库的有计数器、留言板、导航条、滚动字幕、以及后台的管理等。在ASP中可以通过三种方式访问数据库：1)IDC方式；2)ADO方式;3)RDS方式。这三种访问方式对数据库的访问都是由Internet Information

17、 Server完成的。通过Web浏览器用HTTP协议向IIS发送请求，IIS执行对数据库的访问，并返回一个HTML格式的文档响应。以下是ACCESS的优点：1) 存储方式单一Access管理的对象有表、查询、窗体、报表、页、宏和模块，以上对象都存放在后缀为（.mdb）的数据库文件中，便于用户的操作和管理。2) 面向对象Access是一个面向对象的开发工具，利用面向对象的方式将数据库系统中各种功能对象化，将数据库管理的各种功能封装在各类对象中。它将一个应用系统当作是由一系列对象组成的，对每个对象它都定义一组方法和属性。通过对象的方法、属性完成数据库的操作和管理，极大地简化了用户的开发工作。同时，

18、这种基于而向对象的开发方式，使得开发应用程序更为简便。3) 界面友好、易操作Access是一个可视化工具，是风格与Windows完全一样，用户想要生成对象并应用，只要使用鼠标进行拖放即可，非常直观方便。系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具，使得操作简便，容易使用和掌握。4) 集成环境、处理多种数据信息Access基于Windows操作系统下的集成开发环境，该环境集成了各种向导和生成器工具，极大地提高了开发人员的工作效率，使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。5)Access支持ODBC

19、。利用Access强大的DDE（动态数据交换）和OLE（对象的联接和嵌入）特性，可以在一个数据表中嵌入位图、声音、Excel表格、Word文档，还可以建立动态的数据库报表和窗体等。Access还可以将程序应用于网络，并与网络上的动态数据相联接。利用数据库访问对象生成HTML文件，轻松构建Internet/Intranet的应用。1.3网站调试环境IIS IIS是Internet Information Services的缩写，是一个World Wide Web server。Gopher server和FTP server全部包容在里面。 IIS意味着你能发布网页，并且有ASP（Active

20、Server Pages）、JAVA、VBscript产生页面，有着一些扩展功能。IIS支持一些有趣的东西，像有编辑环境的界面（FRONTPAGE）、有全文检索功能的（INDEX SERVER）、有多媒体功能的（NET SHOW） 其次,IIS是随Windows NT Server 4.0一起提供的文件和应用程序服务器，是在Windows NT Server上建立Internet服务器的基本组件。它与Windows NT Server完全集成，允许使用Windows NT Server内置的安全性以及NTFS文件系统建立强大灵活的InternetIntranet站点。IIS（Internet

21、Information Server，互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。1.3.1 IIS之Web服务器安装步骤:1、插入windows xp安装光盘，打开控制面板，然后打开其中的“添加/删除程序” 2、在添加或删除程序窗口左边点击“添加/删除Windows组建”1 3、捎带片刻系统会启动Windows组建向导，在Internet信息服务（IIS）前面选勾，点击下一步： 4、系统安装成功，系统会自动

22、在系统盘新建网站目录，默认目录为：C:Inetpubwwwroot 5、打开控制面板性能和维护管理工具Internet 信息服务： 6、在默认网站上点击右键选择属性： 7、点击主目录：在本地路输入框后点击浏览可以更改网站所在文件位置，默认目录为：C:Inetpubwwwroot 在执行权限后面点击配置调试教本错误信息，选中：向客户端发送文本错误信息：处理 URL 时服务器出错。请与系统管理员联系。 点击文档：可以设置网站默认首页，推荐删除iisstart.asp，添加index.asp和index.htm 点击目录安全性：点击编辑可以对服务器访问权限进行设置 8、把凡人网络购物系统V7.0文件

23、复制到你选择的网站目录下，假设你选择的目录为默认目录：C:Inetpubwwwroot 9、把frshop.rar解压之后的文件复制到C:Inetpubwwwrootshop下即可 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、具体制作首页界面：图

24、（1）中的背景图片：图（1）利用PhotoShop的仿章工具来做以及在图片上添加文字等。以及图片的大小是800*129像素。图章工具可以将一幅图像全部或部分地复制到另一个图像中，或者复制到本图像中Photoshop提供了两种图章工具，分别是仿制图章工具和图案图章工具。仿制图章工具可以复制一幅图像的部分或全部。不仅可以复制需要的图像，还可修补照片，将不需要的人或物覆盖。2.1导航栏，如图（2）图（2）导航栏是通过数据库来控制标题的内容。在该网页中是通过data文件中data数据库中class表、 news表，在此表中可增加删除标题。当然也可以通过后台管理对标题的增减。主页中导航栏与数据库链接及显

25、示数据库中的内容。Class表：表的结构图（3）： 表的内容图（4）： 图（3） 图（4）与class表相连接的主要代码如下：导航栏显示相关代码：  |  a href=class.asp?id= target=_blank 单击导航栏中的“个人资料”，则显示如图（5）所示：图（5）如上图中（6）与（7）是class表中两个字段的内容。标题中的“学习天地”、“喜好娱乐”、“风趣生活”、“零零落落”会根据数据库的标号来显示不同的内容。图（6）中的代码：。图（7）的代码：。如上图中（8）中与news表相连接news表表的结构图（9）； 图（9）表的内容图（10）：图（

26、10）主要代码：根据class的分类来显示相应的内容，所需要的代码是：与阅读次数代码。同样的方法可以显示其它标题的内容。2.2 Flash相册在做这个相册这前还要对图像进行大小的修改，这里我是通过Photoshop来修改图片的大小，此相册的图片不算多。 例：、等。我是一个一个来修改的，如果是大量的图片还可以通过批处理进行处理，最终的效果是一样的，这样的优势是可以帮你节省很多时间。当然在调整图片的大小过程，我也对图片做了小部分的处理。例如利用图层蒙版制作向日葵头像，图层蒙版可以使用几乎所有的绘画工具进行编辑，由于绘画工具可以设置画笔的样式和压力等属性，在此在编辑蒙版时具有较大的灵活性。画笔工具是

27、编辑蒙版时最为常用的工具，当需要隐藏图像时，可以使用黑色在蒙版上涂抹，需要显示图像时，则白色在蒙版上涂抹，需要显示当前图层与下面图层的融合效果时，则可以使用灰色在蒙版上涂抹，选择具有柔角的画笔可以使图像的边缘融合得更加自然。音乐万年历:在做相册之前首先看表格的大小，以便确定图片的大小，相册的大小。此相册的大小分别是360*400与400*280。Flash动画主要由简洁的矢量图形组成,通过这些图形的变化和运动,产生动画电影的效果。这里也用到逐帧动画的创建。hot看点:所用到new数据库中的new表，如下图（11）：new表：表的结构图（11）：表的内容图（12）：图（11）表的内容图（12）：

28、图（12）用于读取信息的newsread.asp，形如为显示“盐城的风土人情”，单击则显示如图（13）所示：（最下面有一个关闭窗口按钮） 图13控制主页显示的个数是利用一种循环语句是：其它多出来的语句可以通过“显示更多”到morenewsreadcaption.asp中查找，点击更多，则显示如图（14）所示：图（14）如图（15）所示：图（15）这里主要是几个静态网页，主要是用来介绍家乡的一些名人，名地，名事。一般不更改，所以做成静态。如图（16）所示：是用于链接几个友情网页（截图）图（16）2.3留言板留言板可以说是网上最常见的栏目，一般用来记载反馈信息等。有3种方法实现记载留言信息。第一种

29、方法是纯粹利用Application对象记载留言信息，运行速度也很快，不过要是停止了IIS服务后，留言信息就丢失了。第二种方法是利用文本文件记载留言信息。第三种方法是利用数据库记载留言信息。这里我采用的是第三种方法。此留言板的功能是当留言送到服务器时，服务器端必须有一个对应的ASP程序，来接收处理和保存访问者的留言。此外，如果希望访问者能够看到彼此的留言，还要再提供一个观看留言的网页。如果看到不喜欢的留言（例如不文明的留言），当然要有将它删除的功能。此留言板大致可分为5个部分： 留言表单：接收访问者输入信息 处理留言的ASP程序：接收访问者的留言，并且记录下来 观看留言的网页：一般作业留言板的首页来显示。但如果不想公开访问者的留言，则可以省略这个网页。在这个网页里，要加上分页的功能。 删除留言的ASP程序：删除不需要的留言 存储留言的形式：由于采用数据库在检索、管理等方面都会带来非常大的便利，所以在这里采用数据库来存储访问者留言。guest数据库: 表的结构图（17）： 图（17）表的内容图（18）：图（18）1.留言表工作原理这是个静态网页，结构比较简单，主要是一个添加留言的表单。填写留言完毕，单击“确定”后将传送到save.asp中去处理，处理完毕后再引导回显示留言页面guestbook.asp。在该文件中利用JavaScript进行客户端验证的方法。相应主代码：发表留言