计算机毕业设计_基于JSP+SQL个人网站的建设
毕业设计说明书
第II 页共44 页
目录
摘要I
Abstract II
第1章绪论 1
1.1课题背景及开发技术介绍 1
1.1.1 课题背景介绍 1
1.1.2 数据库应用开发技术 1
1.1.3 JSP技术概述 2
1.2 本文主要工作 4
1.3 论文结构组织 5
第2章JSP运行环境及相关开发软件简介 5 2.1 JSP运行环境 5
2.1.1 相关软件介绍 5
2.1.2 JSP环境的配置方案 5
2.2 开发软件的介绍7
2.2.1 Dreamweaver MX 2004的简介7
2.2.2 Dreamweaver MX 2004的特点7
2.2.3 Fireworks MX 2004的简介 9
2.2.4 Fireworks MX 2004的特点 9
第3章网站的总体设计12
3.1 网站设计的目的和意义12
3.2 网站设计语言的选择12
3.3 网站系统简介13
第4章网站各功能模块的实现15
4.1 文件上传模块的实现15
4.2 邮件发送模块的实现16
4.3 免费资源下载模块的实现17
4.4 论坛模块的实现18
4.4.1 用户注册模块的实现19
4.4.2 用户登录模块的实现21
4.4.3 论坛文章显示系统22
4.4.4 用户发表文章系统设计22
4.4.5 论坛系统浏览方式的设计24
第5章数据库的设计25
5.1 所用到的后台数据库的设计 25
5.2 SQL Server介绍及主要的数据库操作26 5.2.1 SQL Server介绍26
5.2.2 数据库的连接 28
第6章主要界面的设计与实现31
6.1主页的设计31
6.2 邮件发送及文件上传页面的设计32 6.3 随笔交流论坛页面的设计与实现33 6.5 网址大全页面的布局34
第7章总结34
7.1 开发设计工作总结34
7.2 进一步的开发设计工作34
参考文献35
摘要
随着网络技术的飞速发展，各公司、学校、集团都推出了自己的网站。个人要跟上时代的发展，也必须拥有自己的个人网站。本课题就是基于JSP的个人网站开发，其开发主要包括前台的界面设计、前端应用程序开发和后台数据库的建立及维护两个方面,对于前者要求功能切实可行,界面美观大方；后者要能通过使用数据库正确实现简单的论坛功能。
经过分析比较,我采用了JSP加SQL数据库的形式，因此本人针对此次系统的开发要求,对Dreamweaver MX 2004, Fireworks MX 2004,SQL 2000,SQL 语言和JSP 进行了较为深入的学习和应用。在本课题中，本人从学习JSP和Dreamweaver 开始，逐步完成了文件上传、邮件发送、免费资源下载、交流论坛和网址大全等模块，并申请使用了免费的相册空间。总之，利用网络的优势，网站大大方便了个人和外界的工作、学习和交流。
关键词：JSP，Dreamweaver MX 2004，SQL数据库
I
第II 页共44 页
Abstract
With the development of network technology, many corporation and university has issued their Website. People would like to own their personal website to stay abreast of the development of our times. This is a article about personal home pages are based on Java Server Pages. Its development mainly includes two aspects, such as the development of foreground’s interfacial design, application procedure and backed-database’s established, service. For the former, the complete function of application procedure and Easy to use and the interfacial is in good style. The function can be run well in the bbs by used the database requested for the latter.
After analysis actual situation, I used the form with JSP and SQL database. Regarding this systematic development request to Dreamweaver MX 2004, Fireworks MX 2004,SQL 2000,SQL language and JSP ,I Has carried on a more thorough study and put it in practice。In this article, I started with studying JSP and Dreamweaver and bring about gradually their module: such as file upload, send mail, download free source, forum, apply for free album room and so on. In a word, this Website is more convenience in the work , study and community of ourselves by using the advantages of Internet.
Keywords: JSP, Dreamweaver MX 2004，SQL database，SQL language
II
第1章绪论 2
1.1课题背景及开发技术介绍 2
1.1.1 课题背景介绍
随着Internet的迅速发展，Web服务因为其优秀的易用性而成为Internet所提供的最重要功能之一。各公司、集团和学校都纷纷推出了自己的网站，电脑上网也在众多家庭中变得越来越普及。在良好的上网环境中，很多个人也已经不仅仅满足于网上冲浪，而是希望能够更加深入地参与其中，建设一个属于自己的网上家园——个人网站。在这个“家”中，我们不仅可以充分展现自己的个性和才能，还能结交更多的朋友，所以建设好一个属于自己的Web站点就成了我们迫在眉捷的一件事情。
早期的网站技术，只是简单的静态页面的制作。用户使用简单的超文本标记语言（HTML语言）来设计网页，这些简单的HTML文档在被设计完成之后保存在WEB服务器上，任何连入互联网的用户都可以访问这些页面从而获取网站的信息。然而，网页设计完成以后，它所提供的信息就不会变化。它仅仅提供小量信息服务，没有服务器端/客户端的概念；如果信息有什么变化，只能通过手工去修改里面的代码才能做到对网站的维护更新。随着技术的进步，Internet的进一步普及，广大互联网用户对Web站点的需求越来越多样化，传统的网页设计模式——静态页面设计已经远远不能满足用户的要求。这时，用户希望自己的Web站点能够根据用户的客户端输入做出不同的反应，能够与用户进行动态交互。为了解决这个问题，将传统的编程技术引入互联网络与Web技术相结合，通过在传统的静态页面中加入各种程序和逻辑控制等手段，从而能够实现用户与服务器之间动态和个性化的交流与互动，这也就是我们的动态网站设计技术。通过动态技术，人们将不再需要非常费时而且是十分艰巨的去手动修改一张一张的页面。在现今这个各种动态网页技术层出不穷的情况下，选择一种适时的动态网页技术进行网站的制作，突破以往网站的局限性是非常必须的；是适应时代的需要，适应社会的需要，适应个人需要的一种迫切的要求。
1.1.2 数据库应用开发技术
数据库技术在计算机软件领域研究中一直是非常重要的主题，产生于60年代，30多年来数据库技术得到了迅速发展，并已形成较为完整的理论体系和一大批
2
实用系统。并且，近年来，随着World Wide Web(WWW)的猛增及Internet技术的迅速发展，使得数据库技术此时成为最热门技术之一。
1.1.3 JSP技术概述
在网站设计技术中，常见的动态技术有CGI(Common Gateway Interface)——通用网关接口，ASP技术，PHP技术及JSP技术。
CGI程序对语言的适应能力强，具有良好的灵活性和可移植性，开发效率比较高，但它一般以单独程序的形式存在于Web服务器上，在重负载的情况下，使用CGI的Web性能远比其他方法要差得多。PHP技术简单易用，运行速度也快，具有良好的跨平台性和数据库功能强大等优点，但它不支持未来企业计算的三层结构模型。缺乏整体架构能力和分布式特点。因此，它只能作为中、小型网站的开发工具。拿JSP和强大的ASP技术相比，我们可以总结出以下几点：1、运行速度比较：ASP的编程语言是VBScript之类的脚本语言，JSP使用的是Java，在ASP下，VBScript 代码被ASP 引擎解释执行；在JSP下，代码被编译成Servlet并由Java虚拟机执行，这种编译仅在对JSP页面的第一次请求时发生。可以看出同等条件下，JSP的性能远远优于ASP。
2、在开发方面，ASP中COM的开发远比JavaBean复杂和繁琐，学业会开发COM必须掌握烦琐的API库。而JavaBean就简单多了，会Java语言的人即可迅速掌握JavaBean的开发。
3、在组件的发布方式上，ASP中的COM必须在服务器上注册，如果修改了COM程序，就必须重新注册，甚至必须关机和重新启动。JavaBean则不需要注册，放在ClassPath包含的目录中就行了。
4、运行平台的比较：在目前情况下，支持ASP的Web服务器很有限，只有微软的IIS和PWS(个人Web服务器)，只能运行在Windows平台上。而JSP可以运行在IIS、Apache等任何Web服务上，可以运行在包括Windows、Unix、Linux 和Solaris的等绝大部分系统平台上。可见JSP的运行平台更加广泛、跨平台性、可移植性也更好。
5、另外，JavaBean是完全的面向对象开发，可以针对不同的业务方便地建立一整套可重复利用的对象库，例如用户权限控制、E-Mail自动回复等等，代码复用程度很高。
3
功能强大的JSP技术具有以下优点：
1、内容的生成和显示进行分离
使用JSP技术，Web页面开发人员可以使用HTML或者XML标识来设计和格式化最终页面。使用JSP标识或者小脚本来生成页面上的动态内容（内容是根据请求来变化的，例如请求帐户信息）。生成内容的逻辑被封装在标识和JavaBeans 组件中，并且捆绑在小脚本中，所有的脚本在服务器端运行。如果核心逻辑被封装在标识和Beans中，那么其他人，如Web管理人员和页面设计者，能够编辑和使用JSP页面，而不影响内容的生成。在服务器端，JSP引擎解释JSP标识和小脚本，生成所请求的内容（例如，通过访问JavaBeans组件，使用JDBCTM 技术访问数据库，或者包含文件），并且将结果以HTML（或者XML）页面的形式发送回浏览器。这有助于作者保护自己的代码，而又保证任何基于HTML的Web 浏览器的完全可用性。
2、生成可重用的组件
JSP系统开发时是采用表示层与业务层分离的形式进行的，业务逻辑都封装在可跨平台使用的JavaBean或EJB组件中，由于Java良好的可移植性，开发人员可以相互利用跨平台的组件（JavaBeans或者Enterprise JavaBeansTM组件），从而大大提高了开发效率。
3、采用标识简化页面开发
Web页面开发人员不会都是熟悉脚本语言的编程人员。Java Server Page技术封装了许多功能，这些功能是在易用的、与JSP相关的XML标识中进行动态内容生成所需要的。标准的JSP标识能够访问和实例化JavaBeans组件，设置或者检索组件属性，下载Applet，以及执行用其他方法更难于编码和耗时的功能。
4、通过开发定制化标识库，JSP技术是可以扩展的。今后，第三方开发人员和其他人员可以为常用功能创建自己的标识库。这使得Web页面开发人员能够使用熟悉的工具和如同标识一样的执行特定功能的构件来工作。
5、将内容的生成和显示进行分离分段与SERVLETS相比，JSP能提供所有SERVLETS功能，但它比用Println书写和修改HTML更方便。此外，你可以更明确的进行分工，WEB页面设计人员编写HTML，只需要留出地方让SERVLETS程序员插入动态部分即可。
4
6、由于JSP页面的内置脚本语言是基于Java编程语言的，而且所有的JSP页面都被编译成为Java Servlet，JSP页面就具有Java技术的所有好处，包括健壮的存储管理和安全性。
7、作为Java平台的一部分，JSP拥有Java编程语言“一次编写，各处运行”的特点。随着越来越多的供应商将JSP支持添加到他们的产品中，您可以使用自己所选择的服务器和工具，更改工具或服务器并不影响当前的应用。
从应用前景来说，目前一般的脚本语言都能很好服务于小型的应用，而不能适应大型的，复杂和应用。由于Java是结构化、面向对象的，因此JSP相对容易创建和维护庞大的、组件化应用程序。JSP突出的组件技术使修改内容而不影响逻辑或修改逻辑而不影响内容变得很容易实现。企业级的JavaBeans结构整合了企业逻辑，例如数据库的访问，安全，事务完整性与独立性，做到真正的分布式应用。
JSP技术是一种开放的、跨平台的结构，因此，Web服务器、平台及其他的组件能很容易升级或切换，且不会影响JSP基本的应用程序。这一特点使得JSP能够适用各种Web应用程序不断的变化和发展。
因为JSP技术是基于Java的开放性过程的产品，所以它能够广泛支持不同提供商提供的工具、Web服务器和应用程序的服务，这样能够使用户选择最佳的开发方法，选择最适合他们的应用程序开发的工具包，同时，有效地保护用户在代码和人员培训上的投资。
1.2 本文主要工作
论文先对JSP技术做一个简要介绍，然后从网站的各个角度分别做了分析，解释和做出结论。重点体现在网站所实现的功能用到的技术，还有个人网站的设计和制作，以及在制作过程中的发生或总结出的几个问题和它的解决方案。具体工作如下：
（1）参考一些网站和技术资料，分析和比较WEB开发设计的目前水平和以后的发展趋势，通过对比CGI、ASP、JSP、PHP等脚本技术，最后选定JSP作为本网站的脚本语言来开发网站。
（2）对所用到的主要开发工具作一个简介，包括JSP的运行环境及系统配置，Dreamweaver MX 2004的简介及Fireworks MX 2004 的简介。
5
（3）对网站的总体设计做出一个简介，然后从各功能模块逐一介绍它所用到的技术和实现过程。
（4）具体的网站的开发过程中所涉及到的数据库的设计及操作，及画出所使用到的算法和流程图。
（5）网站界面设计与制作的介绍及展示出部分效果图。
1.3 论文结构组织
本文主要针对该系统的开发所需要环境的配置及开发软件进行了简要的介绍，并介绍了个人动态网站的分析，设计和最后的实现。本文的组织结构具体如下：第一章对系统的开发背景和所用到的技术进行了简明的介绍，并列出了论文的组织结构。
第二章介绍了JSP运行环境及具体开发工具Dreamweaver MX 2004和 Fireworks MX 2004 的特点。
第三章是对网站总体设计的介绍。
第四章对网站的主要功能模块的设计及实现过程逐一进行详细介绍和讲解。包括文件上传模块，邮件发送模块，免费资源下载模块，论坛模块。
第五章对网站所涉及到的数据库部分做出详细介绍。具体列举了所用到的数据库的结构，分析了数据库的访问及读写操作的过程。
第六章针对网站的界面设计和制作做一个简介，列出了部分效果图。
第七章是对开发设计的一个总结及日后的进一步开发工作的设想。
6
第2章 JSP运行环境及相关开发软件简介
2.1 JSP运行环境
2.1.1 相关软件介绍
[1]J2SDK：Java2的软件开发工具，是Java应用程序的基础。JSP是基于Java 技术的，所以配置JSP环境之前必须要安装J2SDK。
[2]Apache服务器：Apache组织开发的一种常用Web服务器，提供Web服务。
[3]Tomcat服务器：Apache组织开发的一种JSP引擎，本身具有Web服务器。的功能，可以作为独立的Web服务器来使用。但是，在作为Web服务器方面，Tomcat 处理静态HTML页面时不如Apache迅速，也没有Apache健壮，所以我们一般将Tomcat与Apache配合使用，让Apache对网站的静态页面请求提供服务，而Tomcat作为专用的JSP引擎，提供JSP解析，以得到更好的性能。并且Tomcat 本身就是Apache的一个子项目，所以Tomcat对Apache提供了强有力的支持。对于初学者来说，Tomcat是一个很不错的选择。
2.1.2 JSP环境的配置方案
在做本系统时，本人使用的是J2SDK +Tomcat的配置，因为对于初学者，这是一个比较容易实现的方案。具体步骤如下：
[1]安装J2SDK
第一步：执行j2sdk-1_4_2_03-windows-i586-p.exe，按照向导安装到想要安装的目录，如D：\J2SDK1.4.2。
第二步：设定J2SDK 1.4.2_03
从【开始】→【设置】→【控制面板】→【系统】→【高级】→【环境变量】→【系统变量】，然后到【新建】。
JAVA_HOME = C:\j2sdk1.4.2_03
PATH = %JAVA_HOME%\bin
CLASSPATH = C:\j2sdk1.4.2_03\lib\tools.jar；C:\j2sdk1.4.2_03\
lib\dt.jar;
注意
1. CLASSPATH 的设定中，分号(;)用来分开两路径，切勿任意空格；
2. CLASSPATH 的设定中，分号的最后还有一个点“.”。
5
第2章JSP运行环境及相关开发软件简介
补充
不论Windows 2000 或Windows XP 皆可依上述方法设定。
第三步：测试J2SDK。
撰写一个HelloWorld.java 程序，放置在C:\HelloWorld.java 中。HelloWorld.java
public class HelloWorld {
public static void main(String[] args) {
System.out.println("Hello World");
}
}
打开命令提示符，在D:\ 下输入javac HelloWorld.java，然后再输入java HelloWorld，执行HelloWorld 程序，假若顺利成功，则会显示“Hello World”。成功安装J2SDK 1.4.2_03 之后，紧接下来安装Tomcat 5.0.16。
[2] 安装Tomcat 5.0.16
本网站使用的Tomcat 版本为5.0.16，它是由JavaSoft 和Apache 开发团队共同提出合作计划( Apache Jakarta Project )下的产品。Tomcat 能支持Servlet 2.4 和JSP 2.0 并且是免费使用。
第一步：执行jakarta-tomcat-5.0.16.exe，按照向导将Tomcat装到想要安装的目录，如：D:\Tomcat5.0。
第二步：配置Tomcat的环境变量，仍然是在系统环境变量中设置
Tomcat_Home= D:\Tomcat5.0
Classpath= D:\Tomcat\webapps\ROOT\WEB-INF\classes
第五步：测试Tomcat。
打开浏览器，如IE，输入http://localhost:8080，假若Tomcat安装成功，则会看到Tomcat的欢迎界面。
2.2 开发软件的介绍
2.2.1 Dreamweaver MX 2004的简介
6
对于创建专业 Web 站点而言，世界上最好的方法现在莫过于最简单的建立功能强大的 Internet 应用程序的方法。您可以在单一环境下工作，从而快速创建、建立和管理 Web 站点和 Internet 应用程序。获取Dreamweaver? 的可视布局工具、Dreamweaver? UltraDev?的快速 Web 应用程序功能以及 HomeSite? 的代码编辑支持，所有这些都可以在 Dreamweaver? MX 这一完整的集成解决方案中完成。
2.2.2 Dreamweaver MX 2004的特点
[1] 卓越的可视环境--简单易用
使用macromedia的可视化开发环境，你只需通过简单的拖拉技术（Drag&Drop），将"Objects"窗口中的对象拖到"Documentwindow"中即可。
[2] 所见即所得的强大功能
没有一个Web编辑软件能像Dreamweaver一样，具有所见即所得的功能，你
可以在"Properties"（属性）窗体中调整参数，即刻在"Documentwindow"窗体中看到它的改变，如果你按下"F12"，Dreamweaver会自动生成HTML文件格式，供欲览，以便开发人员进一步调整。
[3] 方便快速的文本编排
与"Word"相似，具有强大的文本编辑能力，你可以在"Layer"、"Table"、"Frame"或直接在"Document window"窗体中输入文字，通过快捷的右键，选择例如"Font"（字体）类的选项进行编辑，也可以利用"Text"菜单进行更为细致的排版编辑。
[4] 专业的HTML编辑--Roundtrip HTML
Dreamweaver与现存的网页有着极好的兼容性，不会更改任何其他编辑器生
成的页面。这将大幅度降低由于HTML源代码的变更而给设计者带来的困惑。[5] 高质量的HTML生成方式
由Dreamweaver生成的HTML源代码保持了很好的可读性。代码结构基本上
同手工生成的代码相同，这使得设计者可以轻易掌握代码全局并加以修改。[6] 实时的HTML控制
设计者可以在可视化或者文本这两种方式下进行页面的设计，并且可以实时的监
7
第2章JSP运行环境及相关开发软件简介
控HTML源代码。当设计者对代码作出任何改动时，结果将立刻显示出来。[7] 与流行的文本HTML代码编辑器之间的协调工作
Dreamweaver可以与目前流行的HTML代码编辑器（如BBEdit、HomeSite等）
全面协调工作。已经习惯于使用这些纯文本编辑器的设计者将在不改变他们原有工作习惯的基础上，充分享受到Dreamweaver带来更多功能。设计者可以使用文本编辑器直接编辑HTML，同时使用Dreamweaver生成较为复杂的动画、表格、Frame、JavaScript等。（Dreamweaver分别为Windows用户以及Macintosh用户提供了完全版的HomeSite及BBEdit这两个目前最流行的代码编辑器）。
[8] 强大的DHTML支持
动态HTML是4.0浏览器支持的新功能，将在未来广泛应用于网络。这项技
术可以增强页面的交互性、提高下载速度、使页面更美观更易于设计且富有动感。Dreamweaver 对DHTML完全支持，并提供了与之相关联的四大功能。而其它的可视化网页编辑工具几乎不提供或只小部分提供动态HTML的制作。
[9] 重复元素库
在Dreamweaver中定义的一个站点内，设计者可以将重复使用的内容（例如Header、Footer等）独立定义。这样设计者在需要这些内容的地方只需做一个简单的插入就可以了。而且当元素库中定义的内容被修改后，整个站点中设计同样内容的地方将统一发生变化而无需再逐一修改。
[10] 基于目标浏览器的检测
目前浏览器更新换代很快，从2.0到4.0层出不穷。同时又有IE和Netscape 两大阵营竞争。设计者制作出的网页必须面向功能不同的浏览器并保持其正确性。这是一项比较困难的工作。而Dreamweaver不仅在设计时可以基于不同的目标浏览器进行不同的设计，而且在页面制作完毕后，Dreamweaver可以基于目标浏览器对页面进行检测并给出报告。在报告中将显示出被检测页面的兼容性以及在不同浏览器中页面的区别，同时还将指出页面中HTML的句法错误。
[11] FTP
在Dreamweaver中包含了一个界面极为友好的FTP工具。通过它，设计者可
以非常方便的将设计的单一页面或者一个站点上传至服务器。同时，设计者还可以非常方便的将已经上传至服务器的文件下载以供参考和修改。在文件传输的过
程中，Dreamweaver将记录下整个过程以供错误分析。
[12] 文件锁定
这是一种专为合作开发环境设置的档案机制。可以通过标记和取出机制设置只读或可编写属性来进行文档的保护。通过这种方法可以防止不必要的数据丢失，增强了安全性。
2.2.3 Fireworks MX 2004的简介
Macromedia?Fireworks? MX 是一种强大而使用简便的工具，用于在单一的、以Web 为中心的环境中创建、优化和导出交互式图形。无论是 HTML 开发人员，还是设计专家，Fireworks MX 提供的工具可使每一位 Web 图形专业人员都感到得心应手。Fireworks MX 优化了界面，使用户可以轻松制作图形对象，从简单的图形按钮到具有复杂变换效果和弹出菜单都易如反掌。
2.2.4 Fireworks MX 2004的特点
[1]选择性JPG压缩
通过对指定的不同区域进行不同及别的压缩使减小图片尺寸有更深层的选择。当次要区域，例如背景等进行压缩后，主场景的影像将显得更清晰亮眼。
[2] 选择背后工具
如果你不知道这个功能，选取位于其他元件背后的元件是个痛苦的经历。在你需要选择这样的元件，可以按V键，把选择工具切换到选择背后工具。
[3] 输出区域工具
分不同区域输出比较页面到Dreamweaver重组，使用位于选择工具群组中修剪工具下的输出区域工具。你可以为对照文件指定不同的压缩设置，甚至不同的影像格式，而不需要进行实际切片操作。
[4] 跨平台色调反差预览
相对于苹果机来说，视窗的视讯装置色调反差更深。所以颜色在PC下会更显暗些。要看你制作的图形在别的平台上显示的情形，根据你的现有平台选择View-->Windows Gamma或View-->Macintosh Gamma。
[5] 储存最优预设值
为利于重复使用，有必要储存你最满意的影像优化设置。选择优化面版右上角弹
第2章JSP运行环境及相关开发软件简介
出菜单中的Save Settings...，你的新设定选项将出现在优化面版顶端的下拉菜单内。
[6] 自动控制功能
Fireworks提供了些自动重复作业的便利选项。批处理是大量图片理想的自动创建缩图、图形优化或滤镜应用的处理手段。要创建批处理程序，选择File-->Batch Process，然后根据精灵向导的指示完成你的步骤。对于快速而随性的自动化处理，历史记录面版提供了个简单的解决方案。只需要在历史记录面版选择整套步骤并回放或存成可再使用的命令即可。
[7] 表格重建
如果你有装满切片的整个HTML表格，但是你没有PNG源文件，表格重建命令将协助你解决问题。选择File-->Reconstitute Tables，指定任一包含图片切片表格的HTML文件，Fireworks会把它导入并整合成PNG文件。Macromedia定义的javascript行为命令，例如翻转图像和弹出菜单等，会一并导入并挂靠在相应的切片中。
[8] 先进的文字与路径操作
要创建文字缠绕于复杂路径的效果，只需简单画好路径，打完字，并选择Text-->Attach to Path依附路径命令。若要重建部分自由路径，可使用重画路径功能（在钢笔工具下）。六种其他有用的路径命令可在Modify-->Alter Path 下找到。
[9] 量身定做的HTML输出
用户常抱怨Fireworks生成代码的质量。有些人需要在空的表格单元格中有间隔图片（spacer）；而其他人需要不间断空间；有些人需要标准兼容的XHTML表格；而有些人根本不要任何表格，他们更倾向于相对定位的CSS层。Fireworks可满足所有这些代码样式，而且还更多！使用输出Fireworks的对话选项来控制代码的输出。
[10] 与Macromedia FreeHand双向的制图作业
众所周知Fireworks跟Flash和Dreamweaver配合无间。不过FW一样整合了MM 公司的另一套Studio产品FreeHand。你能够导入FreeHand设计和编排的文件到fireworks，并编辑文件、物件及实时特效。然后加上互动协作到Fireworks
文件并加以优化来节省空间。当你再度输出文件回到FreeHand，它们仍会保持可编辑状态。
第3章网站的总体设计
3.1 网站设计的目的和意义
一谈起“万维网”,真可谓无人不知、无人不晓,虽然它只是附属在Internet下的一项服务,但是WWW却以轻快的界面、美丽的图片、生动的特殊效果、高度的互动关系等其他无法替代的特征，使得它在近几年内迅速崛起，在人们心目中，它几乎已和Internet划上了等号了！处于这样一个高速发展的信息时代，我们个人要为自己、为用人单位、以及社会各界人士提供一个相互了解、学习、交流的场所，充分的利用网上丰富的资源,那么就要建立起一个属于自己的网上的家——个人网站。这样如果我们想要发布一个消息，就再也不用一定要逐个人的打电话，发信函，只要在有电脑上网的地方，即可以轻而易举的一次性发出通知来，要想用人单位对自己有一个了解，也不用非常辛苦的一家一家亲自去投递简历，把资料发布到网页上就可以了。网站的出现也使得我们的交流更加的灵活，方便，快捷和智能；有了个人网站，同学之间、朋友之间都可以通过这个网站互相的交流学习，取长补短、吸取别人的经验和教训；由于它的出现，使得我们的工作量下降而工作效率却得到大幅度的提高。
3.2 网站设计语言的选择
简单的HTML的静态页面已经不能满足目前我们对网站的要求，对网站的动态需求，目前最常用的三种动态网站开发脚本语言有ASP（Active Server Pages）,JSP(Java Server Pages)和PHP(Personal Home Page Tools)。作为一个网站建设初学者，当然希望能选择一种最好的最具有长久适用性语言进行开发。在以上几种动态网站设计技术中，PHP运行速度较快，跨平台性比较好，数据库功能也比较强大，非常灵活易于扩展，但它最大的缺点是不支持未来企业计算的三层结构模型，缺乏整体架构能力和分布式特性。因此，它只能作为中小型网站的开发工具。JSP与ASP从完成功能上来讲是相近的，但它们有着以下几方面的不同：1、从分布式应用系统的角度看，ASP 主要用于表示层，对于写业务层很不方便；由Servlet发展而来的JSP就是通过JSP调用JavaBean,实现表示层和业务层的整合，达到分布式应用。
错误！未找到引用源。
2、从运行速度方面看，由于ASP的编程语言是VBScript之类的脚本语言，代码被ASP引擎解释执行；JSP使用Java，代码被编译成Servlet并由Java虚拟机执行，这种编译操作仅在对JSP页面的第一次请求时发生。所以JSP的运行速度要比ASP快得多。
3、从运行平台看，目前支持ASP的WeB服务器很有限，只有微软的IIS或PWS（个人Web服务器），只能运行在Windows的平台上。而JSP 可以运行在IIS、Apache等任何Web服务器上，可以运行在包括Windows、Unix、Linux和Solaris的等绝大部分系统平台上。可见JSP的运行平台更加广泛，跨平台性、可移植性也更好。
3、从开发效率比较：ASP与JSP都为嵌入式语言，开发效率都比较高，但JSP 技术的一些特点使得开发更加迅速、快捷。主要表现在：（1）内容的生成和显示分离（2）可复用的组件（3）JSP可定制标签库（4）JSP的组件使用更方便。
4、从应用前景看：目前来说一般的脚本语言都能很好服务于小型的应用，而不能适应大型的，复杂的应用。由于Java是结构化、面向对象的，因此JSP相对容易创建和维护庞大的、组件化应用程序。所以从长远来看，我们要掌握好JSP 语言才能满足未来网站发展的需要。
3.3 网站系统简介
本个人网站是一个多样化的平台，它充分展示了个人风采，同时集成了一些我们最常用的功能，为我们的学习生活和交流提供了很大的方便。整个系统实现了我的相册，包括的功能模块有文件上传模块，邮件发送模块，免费资源下载模块，随笔论坛模块，网址大全部分。进入这个网站，我们可以自由的发送邮件，随心所欲的到论坛进行交流灌水，还可以找到很多切实可用的免费资源，当然也可以将自己的精品收藏上传到Internet网络给大家共享。具体网站的总体结构设计图示如下：