学 号：
12 计网 1206965009 课程名称：
姓 2014 名：
年 12 中小型企业网站建设 盛平平 月 15 日 完成期限：自 2014 年 11 月 20 日至 课程设计题目：
一、设计目的：
空间网页设计 促进社交网络空间的发展，促进人们更好的利用网络空间进行学习与交流。 二、功能要求： 模块透明度：变大变小变透明，想变就变！提供半透明和全透明两种全新的透明度选择，更有效地 展示空间皮肤，为阅读带来全新趣味。
大尺寸标题栏：更高更宽新标题，浑然天成！同时还有与标题栏完全匹配的宽版皮肤，整个空间装 扮将焕然一新。
商城宽版专区：为宽版量身定制的宽版皮肤、标题栏和宽版套装，已在空间商城有售！ 宽版模式：宽广自由新空间，我最时尚！提供更宽尺寸的屏幕展示方式，带来更开阔自由的感 官体验。
简版风格：清新简洁新风格，明快大方！以透明白色为主要基调的简版风格，能够极好地突出日志 正文与相册图片。
一键排版：我的空间我做主，方便快捷！轻松选择全新布局，一键确定即可应用理想版式。 三参考资料： [1] 杨尚森.网页设计与制作[M]（第三版）.北京：电子工业出版社，2010 年. [2] 赵增敏.ASP 动态网页设计[M].北京：电子工业出版社，2003 年. [3] 周立.SQL Server 2000 实用教程[M]（第三版）.大连：理工大学出版社,2009 年. [4] 蒙新.ASP 编程技术与综合实例演练[M].北京：清华大学出版社 ，2001 年. [5] 翁建红.基于 C#的 ASP.NET 程序设计[M]（第五版）.北京：机械工业出版社，2012 年. [6] 小志.ASP 入门与实例演练薄[M].北京：中国青年出版社，2008 年. [7] 王君学.网页设计与制作[M].北京：人民邮电出版社，2009 年. [8] 龙马工作室编.ASP+SQL Server 组建动态网站实例精讲[M].北京：人民邮电出版社，2004 年. 指导教师（签字） ： 教研室主任（签字） ： 中小企业网站建设 摘 要 随着互联网的飞速发展，电脑网络已应用到各个领域，普及到千家万户,无论是国内还是国外都迅 速的发展起来。现在，网络已经成为人们快速获取信息、发布信息和传输信息的主要渠道，成为每个人 生活中的一部分，同时网络也提供了一个很好的信息交换平台。
目前，网页设计和网站建设成为新时代的一个热点。网络已经渗透到各个领域，无论是企业还是个 人，网络为我们提供了很好的信息交流平台。政府利用网站宣传自己的政策、企业利用网站宣传自己的 形象、学校利用网站宣传自己的教育、个人利用网站展示自己的个性风采。越来越多的人都希望拥有自 己的个性网站，展现自己的个性风采。通过建设个人网站，我们可以展示自己，与别人交流学习，求职 等等。
本网站主要从个人网站的数据库的设计方面和网页设计三剑客入手， 实现个人网站系统的主页浏览 模块、后台管理员登录模块、留言板模块、前台会员登录模块、会员注册模块与身份验证模块等方面设 计，从网站设计的主页、界面设计方面研究，并探讨了运用数据库技术，基于 ASP.NET 的动态网页设计 和 SQLServer 数据库进行个人网站的设计与实现， 针对要实现这些方面的技术， 此文将一一简单介绍其 设计思想和设计方法。
关键词：ASP.NET；SQLServer；个人网站；留言板 空间网页设计 中小企业网站建设 ABSTRACT With the rapid speed development of Internet, the network computer network has been applied to various fields more and more, popular both in domestic and foreign families to rapid development. Now network has quick access to information, publishing information and the main channel to transmit information, become a part of life, everyone at the same time the network also provides a good information exchange platform. At present, web design and website construction has become a focus in the new era. Network has already penetrated into every field, whether business or personal, Internet provides us with very good communication platform. Use website propaganda their government policies, enterprise use website propaganda their image, schools use website propaganda education, personal use of your own website to show your personality. More and more people want to have his own personality website, showing their own personality. Through the construction of personal website, we can show ourselves and communicate with others learning, job search, etc. My personal website is mainly from the website database design and web design of the three musketeers, achieving personal website system backstage administrator login, message board module, member login, registration and authentication aspects such as design, from the home page of website design, interface design, research, and probes into the use of database technology, dynamic web design based on ASP.NET and is essentially digital personal website design and implementation of the database, in view of the technology to achieve these aspects, this article will introduce one by one the design idea and design method. KEY WORDS:ASP.NET；SQLServer；Personal Website；Message board 中小企业网站建设 目 录 引 言 ....................................................................................................................... 1 第一章 设计概述 ................................................................................................... 5 1.1 软件的选用与简介 ...................................................................................... 4 1.2 设计的目的和意义 ....................................................................................... 4 第二章 设计背景 ................................................................................................... 5 2.1 使用工具简介: ............................................................................................. 5 2.2 设计准备 ....................................................................................................... 6 2.3 设计愿望 ....................................................................................................... 7 2.4 确定网站主题 ................................................................................................ 7 2.5 确定网站形象 ................................................................................................ 8 2.6 确定网站风格 ................................................................................................ 8 2.7 确定网站内容 ................................................................................................ 8 第三章 各模块简介 ................................................................................................. 9 3.1 总简介 .......................................................................................................... 9 3.2 首页模块 ........................................................................................................ 9 3.3 我的朋友 ...................................................................................................... 10 3.4 大学之旅 ...................................................................................................... 10 3.5 美文欣赏 ...................................................................................................... 10 3.6 可爱收藏 ...................................................................................................... 11 第四章 具体实现与分析 ....................................................................................... 12 4.1 静态设计 ...................................................................................................... 12 4.1.1 站点的建设与收集素材...................................................................... 12 4.1.3 HTML 语言............................................................................................. 13 4.1.4 用框架表格进行布局和排版 ............................................................. 13 4.1.5 添加网页元素...................................................................................... 13 4.1.6 滚动的公告.......................................................................................... 14 4.1.7 典型的子页设计过程.......................................................................... 15 4.2 动态设计 ...................................................................................................... 15 4.2.1 数据库的建立...................................................................................... 16 4.2.2 建立会员登录系统.............................................................................. 17 4.2.3 建立留言板模块.................................................................................. 20 4.2.4 后台部分.............................................................................................. 22 1 空间网页设计 第五章 结论 ........................................................................................................... 22 参考文献 ................................................................................................................. 23 致 谢 ..................................................................................................................... 24 2 引 言 随着科技的进步、 时代的发展， 计算机信息行业也逐步壮大， 人们也越来越离不开各种各样的信息， 人们对信息的追求越来越迫切。
网站作为网络信息主要的表现形式而且还是互联网信息的主要承载者， 在互联网上表现出了它及其 重要的地位，并发挥着及其重要的作用，无论是国内还是国外都迅速的发展和壮大，并被人们重视。网 站的迷人之处在于它综合使用文本、图像、声音、动画视频信息和内容，具有丰富的多媒体表现与互动 特点。毋庸置疑，网站已成为最吸引人的也是最有效的信息传递的手段与方式。随着网络技术的逐步发 展，各类网站纷纷出现，个人网站也成为了一种时尚，越来越多的人希望拥有自己的网站，开辟自己在 网络世界里的一片天地，展示自己的才华和风格。
网站数据库的规划设计以及网站的页面开发， 都是对应网站要实现的功能而进行设计的， 我将通过 各种网页制作以及数据库设计工具作出能达到预期效果的数据管理系统以及网站页面， 使网站管理人员 更加方便的，准确的对留言板进行正确的维护和更新；使个人网站成为我们与外界沟通和交流的平台， 让更多的人了解自己，在以后的社会竞争中能起到自我推荐和自我展示的作用。 3 空间网页设计 第一章 设计概述 1.1 软件的选用与简介 Dreamweaver 是美国 MACROMEDIA 公司开发的集网页制作和管理网站于一身的所见即所得网页编辑 器， 它是第一套针对专业网页设计师特别发展的视觉化网页开发工具， 利用它可以轻而易举地制作出跨 越平台限制和跨越浏览器限制的充满动感的网页。
Dreamweaver 具有制作效率高、 操作直观、 简单易学、 站点管理方便等无可比拟的控制能力优势， 但它也同样存在着难以精确达到与浏览器完全一致、 不能实 时更新、不能对大量信息进行更改、操作不方便、页面原始代码难以控制等不足。本设计选用的是 DreamweaverCS4。
ASP 是一项微软公司的技术， 是一种嵌入网页中的脚本， 可由因特网服务执行的服务器端脚本技术。
指 Active Server Pages（动态服务器页面），运行于 IIS 之中的程序。ASP.NET 的前身 ASP 技术，是 在 IIS2.0 上首次推出的。本设计用的是基于 C#的 ASP.NET 技术。ASP.NET 是基于通用语言编译运行的 程序，有着很强的适应性，C#编程语言语法灵活，功能强大，论述都基于 C#的 ASP.NET 建立气象数据 库查询系统的构建与编程。ASP.NET 有好多优点：1、可管理性：ASP.NET 使用基于文本的、分级的配 置系统，简化了将设置应用于服务器环境和 Web 应用程序的工作。2、安全：ASP.NET 为 Web 应用程 序提供了默认的授权和身份验证方案。
开发人员可以根据应用程序的需要很容易地添加、 删除或替换这 些方案。3、跟踪和调试：ASP.NET 提供了跟踪服务，该服务可在应用程序级别和页面级别调试过程中 启用。可以选择查看页面的信息，或者使用应用程序级别的跟踪查看工具查看信息。4、增强的性能：
ASP.NET 是运行在服务器上的已编译代码，与传统的 Active Server Pages (ASP) 不同，ASP.NET 能 利用早期绑定、实时 (JIT) 编译、本机和全新的缓存服务来提高性能。 1.2 设计的目的和意义 随着 Internet 的迅速发展，我们已经不再满足于单单地进行浏览网页，而是希望我们能更深入地 参预到网络中去，Internet 的开放性使得个人建立自己的网站成为可能，拥有自己的个性网站也越来 越成为一种网络时尚， 同时创建一个能充分体现自我风格和自我特色的个人网站已经成为互联网用户的 新追求。
我们更需要的是交流，交流能促进我们不断的进步，并且融合别人的长处；让我们能多一些渠道倾 听来自不同立场的声音；设想一下我们的网络，当每个人都拥有个人网站，不管是否在线，我们都能跨 越时间、空间进行交流，因为这个网站中拥有我所有的一切，生活、想法、知识、思想；梦想和理想的 状态是个人门户也是我们每个人的影子， 它为每个人打点网络上的一切， 好多志同道合的朋友会在这里 和你相识、相交、相知。 4 第二章 设计背景 2.1 使用工具简介: IIS 的简要介绍: IIS 是 Internet Information Server 的缩写，它是微软公司主推的一种 Web 服务器， 最新的版 本是 Windows2000/2003server 里面包含的 IIS 5.0 或 IIS 6.0，IIS 与 Window2000/2003 Server 完全 集成在一起， 因而用户能够利用 Windows 2000/2003 Server 和 NTFS（NT File System，NT 的文件系 统）内置的安全特性， 建立强大、灵活又安全的 Internet 和 Intranet 站点。
IIS 的一个重要特性是 支持 ASP。IIS 3.0 版本以后引入了 ASP，可以很容易的张贴动态内容和开发基于 Web 的应用程序。如 果是其他的 Windows 操作系统则需要用户手动安装 IIS。下面以 Windows XP 为例，说明 IIS 的安装步 骤：
IIS 的安装步骤：
1.依次打开：【控制面板】->【添加/删除程序】->【添加/删除 Windows 组件】，勾选【Internet 信息服务（IIS）】，然后单击信息按钮。
2.在打开的【Internet 信息服务（IIS）】对话框中勾选所有项。
3.单击“确定”按钮后，再单击“下一步”按钮。在光驱中放入 Windows XP 的安装盘，安装完毕 后，可以测试一下安装是否成功，在浏览器地址栏中输入”http://localhost”,如果安装成功则会出 现欢迎画面。
Asp.net 的简要介绍: Active Server Pages（ASP）是服务器端脚本编写环境，使用它可以创建和运行动态、交互的 Web 服务器应用程序。使用 ASP 还可以组合 HTML 页、VBScript 脚本命令和 JavaScript 脚本命令等，是创 建交互的 Web 页和基于 Web 的功能强大的应用程序。
由于脚本程序是在服务器上运行而不是在客户端上运行，所以传送到浏览器上的 Web 页是在 Web 服务器上生成的，所以不必担心浏览器能否处理脚本。Web 服务器已经完成了所有脚本的处理，并将标 准的 HTML 页面传输给浏览器。由于只有脚本的结果返回到浏览器，所以服务器端的脚本不容易被别人 复制。用户并看不到创建他们正在浏览的页的脚本命令。
☆ ASP 的运行环境：ASP 只能用于下列 Web Server ? IIS ? Microsoft Personal Web Server ☆ ASP 的编程语言：ASP 可以使用 VBScript 和 JavaScript 进行程序的编写。 5 空间网页设计 ☆ ASP 文件， ASP 的文件后缀名为.ASP， 用以区别于同样可以包含 Script 的 HTML 文件。
一个*.ASP 文件是一个文本文件， 可以包括下列元素的任意组合：
? 文本（text） ? HTML 标志（tags） ? Script 命令 ☆ ASP：不需要任何 HTML 的 tag 保存在文件中，起一个见名知意的名字，文件 的后缀一定要改为.ASP ，然后再上传到服务器上一个有执行权的目录下（例如 wwwroot）。
ASP 访问数据库的原理 ASP 是服务器端脚本执行的环境，可用来产生和执行动态的高性能的 WEB 服务器程序。当用户使 用浏览器来请求 ASP 主页时，WEB 服务器作出响应，调用 ASP 引擎来执行 ASP 文件，并解释其中的脚本 语言 （javascript 或 vbscript） ， 并通过 ODBC 连接数据库， 由数据库访问组件 ADO （active data objects） 完成数据库操作，最后 ASP 生成包含有数据查询结果的 HTML 主页返回用户端并显示。
SQL Server 的简要介绍：
SQL Server 是微软公司开发的数据库产品，SQL Server2000 被广泛使用，很多电子商务网站、企 业的内部信息化平台等等都是基于 SQL Server 产品的。
今天的商业环境要求不同类型的数据库的性能、 可伸缩性及可靠性是基本的要求，而进入市场时间也非常的关键。除了这些核心企业品质外， SQL Server2000 还为数据库的管理和分析提供了方便，非常灵活和易于操作。我此次的毕业设计就选用的 是 SQL Server2000。
完全的 Web 支持: SQL Server2000 提供了 Web 以标准为基础的扩展数据库编程功能。丰富的 XML 和 Internet 标准支 持允许使用内置的存储过程以 XML 的格式轻松存储和检索数据。
还可以使用 XML 更新程序， 更容易地进 行插入、更新和删除记录的操作。 2.2 设计准备 “个人网站要发展，要么是从我（自己）的需求出发，要么是从我周围人的需求出发。
”这是国内 著名的个人网站站长、手机之家站长高春辉说的。网页设计是一门新兴起的设计类，近几年来随着网络 的发展而逐渐受到人们的重视，它自己本身以网络作为载体,把各种各样的信息以最快捷、方便的方式 传达给大家。一个网站项目的确立一般是建立在各种各样的需求上面的，这是个人网站，所以这种需求 一般来自于个人的实际需求， 其中每个人的实际需求占了绝大数部分。
因此如何更好地了解、 分析需求， 并且又能够准确、 清晰地以文档的形式表达出来， 保证开发过程以个人需求为目的正确项目开发方向进 行。 6 2.3 设计愿望 越来越多的人希望能够真正参与到互联网上， 这就出现了越来越多的个人网站设计以及推广的工作 和任务。
就我个人来说， 我之所以在毕业设计的时候选择这个课题是因为我自己也想拥有一个自己的个人网 站，在互联网上拥有我自己的一席之地，从而真正的参与到互联网中去，做个网络新时代的主人，同时 也希望自己喜欢的一些东西能够和大家一起分享，和互联网上的朋友一起分享。
我所制作的个人网站大体可分为以下几个功能：
1.秘密收藏：
在其中展示一些我喜爱的东西，包括衣服、饰品、帽子等。和大家分享这些东西，我只想让大家进 一步认识我和了解我，让一些美好的东西我们大家能共同欣赏。
2.留言板：
这是一个大家谈心交流的好地方， 浏览者登录以后在留言板中， 你可以畅所欲言， 和大家进行交流。
对我留言，写下你对本网站的意见、建议或者感受，也可以对我们感兴趣的话题来展开讨论，进行心与 心的沟通。而且可以查看自己和查看别人的留言，看看别人的感受。但我增加了管理权限，我以管理员 的身份可以对新加入的新内容进行管理， 即允许其加入和允许对其进行删除操作等。
欢迎大家来这里留 言哦！ 3.会员登录：
在这里可以进行会员登录操作， 如果用户还没有注册也可以进行注册然后再登录。
在这里如果你 忘记了自己的密码还可以进行找回密码的操作， 并且可以修改和查看自己的相关信息。
登录后就可以进 行留言操作。非常灵活，为会员提供了很大的方便。
4.个人信息：
在这里，浏览者可以看到我自己的个人相关信息，包括兴趣爱好、籍贯、缺点及喜爱的明星和喜 爱的小动物。欢迎大家浏览我的个人信息！ 2.4 确定网站主题 做网站，首先必须要解决的就是网站内容的问题，即是确定网站的主题。如果自己在某些方面越 有兴趣，或掌握的资料越多，就可以做一个自己感兴趣的东西。你可以有自己的见解，做出自己的特色 网站。当然，也可以推销自己，让别人了解自己，和别人进行沟通和交流，展示一些自己的东西，让大 家更好地了解自己。对于内容主题的选择，要做到小而精，即主题定位要小，且内容要精。不要去试着 7 空间网页设计 作一个包罗万象的站点，这往往会失去你的网站的特色，也会带来很大的劳动，给网站的及时更新带来 更大的困难。我的网站主题是以我个人相关的资料来制作的，介绍了我自己。 2.5 确定网站形象 网站形象的设计可以从网站的 LOGO、网站的色彩、网站的字体宣传语等这些方面着手。
网站色彩，网站给人的第一印象来自于视觉的冲击，不同的色彩搭配会产生不同的效果，并可能影 响到访问者的情绪。
“标准色彩”指的是能体现网站形象和延伸内涵的色彩，给人们一种以整体统一的 感觉。我个人网站的色彩是以浅蓝色色为主，浅蓝色的字体和浅色的图像给人一种舒服的感觉，仿佛生 活在虚幻的世界里。
网站字体，和标准色彩一样，标准字体是指用于标题、主菜单的一些特有字体。为了体现网站所特 有的风格，可以根据自已的网站所表达的内涵，选择更贴切的字体。我的个人网站的标准字体是华文彩 体。给人一种沉稳而不失俏皮的感觉。 2.6 确定网站风格 风格是抽象的，指网站的整体形象给浏览者留下的综合感受。这个“整体形象”包括网站的 LOGO、 网站的色彩、网站的字体、网站的标语等许多因素。网站是可以平易近人的、生动活泼的，也可以是严 肃专业的。但不管是在色彩、技术、文字、布局、还是交互方式上，只要能由此让浏览者明确的看出这 是你的网站所独有的，这就形成了一种风格。
风格是有人性的，它通过网站的色彩、技术、文字、布局、交互方式等可以综合概括出一个网站 的自己的个性；我的网站风格是以舒服为主，给人一种舒舒服服的感觉。 2.7 确定网站内容 我的个人网站大体上包括了一些内容：首页、我的朋友、美文欣赏、大学之旅、秘密收藏、会员登 录、会员注册、留言板等网站常用内容，方便的大家的浏览。 8 第三章 各模块简介 3.1 总简介 一个网站的首页其实是一个文档，当一个网站服务器收到一台电脑上网络浏览器的信息连 接请求时，便会向这台电脑发送这个文档。当在浏览器的位址列输入域名，而并未指向特定目 录或档案时，通常浏览器会打开网站的首页。
网站首页往往会被编辑的很易于了解该网站所提供的所有资讯，并引导互联网用户浏览网 站其他部分的内容。这部分内容一般被认为是一个目录性质的内容，我的个人网站的首页给大 家一目了然的感觉，打开首页就可以了解我的个人网站的设计风格还可以看到一些特定的功能， 大家可以尽情地浏览其中的信息。首页的大致图如下图 3.1 所示： 首页 我的朋友 大学之旅 美文欣赏 可爱收藏 基本信 息 我和朋 友 我的旅游 优美文 章 可爱饰 品和衣 服 浏览者 给我留言 图 3.1 首页框图展示 首页框图展示了我的整个设计页面的架构，主要包括首页、我的朋友、大学之旅、美文欣赏、秘密 收藏和用户登录这几部分，给浏览者一种一目了然的感觉。点击每一部分可以进入相应的界面，可以具 体浏览其中的信息。而且左边有滚动字幕，点击可以浏览具体的内容。欢迎大家浏览！ 3.2 首页模块 介绍了一些关于我自己的基本信息， 比如姓名、 生日、 兴趣爱好等。
希望大家可以进一步的了解我。
如下图 3.2 所示： 9 空间网页设计 图 3.2 首页模块展示 3.3 我的朋友 介绍了我和我的朋友的一些事和一些去过的地方，里面有我和朋友照片，大家可以参考一下。这里 面有我的高中同学和大学同学还有我的闺蜜。
第一页用了一个滚动的图片展示了我和我的朋友们在一起的照片， 下面写了一些关于赞美朋友的话 语。记得有个人说过情人是一时的，而朋友却是一辈子的，那些深重的友情永远都会埋在我们的心底， 永远都不会磨灭。所以我愿意把它拿出来跟大家一起分享，让我们共同珍惜我们的友谊。
第二页用 FireWorks 做了一个胶卷型的流动的照片， 显示了一些我的朋友们。
那些美丽的时刻我将 永远把它留下来。第三页显示了我的大学的朋友们，他们给我大学的生活留下了美好的记忆。 3.4 大学之旅 在这里介绍了一部分我在上大学期间去过的一些地方， 拍下了一些优美的风景， 那些给我留下美好 回忆的地方我都把他们记载下来。里面有照片和文字简介，大家可以做个参考，也去欣赏那里的优美风 景。
第一页插入了一个 spry 折叠面板，介绍了去保定满城汉墓旅游时的一些照片。并且介绍了一些关 于满城汉墓的一些信息。
第二页插入了几张去石家庄空中花园游玩时的照片， 并附加了空中花园的一些相关信息。
第三页介 绍了竞秀公园，并插入了几张竞秀公园的照片，也对竞秀公园作了简单的介绍。 3.5 美文欣赏 在美文欣赏这部分中列举出了几篇优美的文章供浏览者欣赏。
这些文章中有讲述关于人生哲理的，讲述了人生的悲欢离合，人生旅途的不顺利；有关于爱情的， 10 介绍了男女之间刻骨铭心的感人爱情故事； 还有介绍关于朋友之间的深厚友谊以及一些励志的文章， 激 励那些正在追逐梦想的人有一颗不怕失败、永不言败、愈挫愈勇的心。
以上都是本人认为比较优美的文章，希望浏览者也喜欢！ 左边是滚动的字幕，也是优美的文章，大家点击直接可以欣赏。如下图 3.3 所示： 图 3.3 美文欣赏展示 3.6 可爱收藏 在可爱收藏这部分中展示了一些可爱的衣服、帽子、项链、耳环等首饰。并使用到了 Dreamweaver 中的鼠标经过图像技术，是浏览者有一种变幻感！为那些爱美的朋友们提供了一个参考。
其中里面还有一些模特的展示， 可以看见模特穿上那些衣服的效果， 使爱美丽的朋友们对那些衣服 的样式有一个更清晰的认知。这些衣服、帽子和首饰等都是本人自己喜欢的，希望大家也喜欢。
如果大家有更好更漂亮的衣服、帽子、首饰等，欢迎给我留言，让我们大家一起来分享这些。 11 空间网页设计 第四章 具体实现与分析 4.1 静态设计 先用 Dreamweaver 进行布局和排版。 4.1.1 站点的建设与收集素材 创建本地站点的具体操作步骤如下：
要制作一个网站，第一步操作都是一样的，就是要创建一个“站点” ，这样可以使整个网站的结构 清晰地展现在面前，避免了以后复杂的管理。
打开 Dreamweaver 从菜单中选择“站点/新建站点”在弹 出的对话框中填写目录和指定文件夹， 输入站点名称和默认的存放图像的位置。
在文本框中输入自己已 经想好的网站名称“个人网站” 。填好后，单击“下一步” ，进入下一个步骤。由于我要做的是一个静态 的网页，所以选择上面的一项“否，我不想使用服务器技术。
”单击“下一步” ，进入下一个步骤。
在 此选项中有两个选择，选择推荐的“编辑我的计算机上的本地副本，完成后再上传到服务器” 。底下的 文本框允许在本地磁盘上指定一个文件夹，Dreamweaver 将在其中储存站点文件的本地副本。单击该文 本框后面的文件夹图标，新建并指定一个空的文件夹“E:/web555” 。之后单击“下一步“，进入下一个 步骤。这一步是如何设置连接到远程服务器，弹出式菜单中有 6 中选择，这里选择“无” 。而后“下一 步”再“完成” ，这样，一个站点就算建好了。
收集素材：
收集一些网站所需要的素材，比如图片、动画、文字等。做网站前的一些准备工作也是很重要的。
只有有了充足的准备我们才能把网站做好。
因此在做网站前我们必须把做网站的过程中可能所需的所有 的材料都准备好，这样才能做出让自己和大家都满意的网站，而不至于在做的过程中乱了手脚。图片的 LOGO 如下图 4.1 所示： 图 4.1 LOGO 图展示 12 4.1.3 HTML 语言 要想建出专业的 Web 页面，就要学会利用 HTML 来编写网页。HTML(Hypertext Markup Language) 超文本标记语言，是用于编写网页的主要语言。它是纯文本的类型的语言，语法非常的简单。它通过对 各种标记、元素、属性、对象等的设置来建立与图形、声音、视频等多媒体信息以及对其它超文本的链 接。一般典型网页应该包括如下 HTML 代码： <html>
<head><title>……</title>
</head>
<body>
…… </body>
</html> 其中，<title>与</title>之间是网页的标题，一般被显示在浏览器的标题栏中。<head>与</head>之间 可以声明和定义变量、方法，还可以加入 java-script/vb-script 等一些脚本语言。<body>与</body>
之间是网页的主要内容，任何网页元素都可以加入其中。例如在主体中可以加入<div>与</div>标签是 定义了一个层，加入<font>与</font>标签是定义字体样式，加入<style><!--??--></style>标签是 定义一个 CSS 样式等。 4.1.4 用框架表格进行布局和排版 主页面使用的是上方固定，左侧嵌套的框架共四个网页。然后在 main、top 和 left 每个网页中又嵌套 了一个表格那是整个版面看起来更加整齐、清晰。
Top 中的表格用来组织页面头部的元素（下称“头表格” ） ，在设计视图下将鼠标光标置于网页编辑区， 点击“插入”→“表格” ，设置 2 行、3 列的表格， “表格宽度”1000 像素， “边框粗细”为 1，点击确 定。选中表格在属性控制面板中设置对齐方式为“居中对齐” 。
然后再将第二行单元格合并。并插入所需要的元素。
Left 中再插入一个 2 行 1 列的表格，用来组织左边页面的主体内容，其它属性同头表格。
再填入所需内容，并加入超链接。
最后再在 Main 网页中插入一个 1 行 2 列的表格，用来组织页面的主要内容元素。
“边框粗细”为 1， 设置表格为显示边框。 4.1.5 添加网页元素 利用设置表格图片、 插入图片等形式添加网页图片元素。
利用键盘输入或复制粘贴等方式添加文字， 文字颜色设置为红色。 13 空间网页设计 4.1.6 滚动的公告 <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/>
<title>无标题文档</title>
<style type="text/css">
<!-.a2 { font-family: "华文彩体";
font-size: 18px;
color: #F00;
} .a2 { text-align: center;
} -->
</style>
</head>
<body>
<table width="250"
border="1">
<tr>
<td height="95"> </td>
</tr>
<tr>
<td height="54"><p class="a2"><marquee direction="up"
scrolldelay="250>爱的一种解释</p>
<p class="a2">
<p class="a2"><a href="dongle.html"
target="mainFrame">懂了泪水，就懂了人生！</a></p>
<p class="a2"><a href="xiedian.html"
target="mainFrame">鞋店里的故事</a></p>
<p class="a2"><a href="quzhong.html"
target="mainFrame">曲终人不散</a></p>
<p class="a2"><a href="shengming.html"
target="mainFrame">生命苦汁，如欢悲歌</a></p>
<p class="a2"><a href="shibai.html"
target="mainFrame">失败，却不曾败！</a>
<p class="a2"><a href="weiai.html"
target="mainFrame">为爱停留</a>
</marquee></p></td>
</tr>
</table>
</body>
</html> 14 4.1.7 典型的子页设计过程 如下图 4.2、4.3 所示： 图 4.2 大学之旅 1 图 4.3 大学之旅 2 4.2 动态设计 当 IIS 和 SQLServer 2000 还有 Microsoft visual studio 等工具软件都安装完毕后，再检查运行 15 空间网页设计 无误，一切就绪后便可开始进行动态的设计了。 4.2.1 数据库的建立 首先，附加数据库（database） 附加数据库的界面如下图 4.4 所示： 图 4.4 附加数据库界面 建立数据库表，并且设置主键和外键并且定义各字段的名字，再添加相应的内容。
表如下表 4.1 所示： 表 4.1 User 表界面 列名 UserID UserName Sex Password RealName Email Question 数据类型 int nvarchar nvarchar nvarchar nvarchar nvarchar nvarchar 16 长度 4 50 2 50 50 50 100 允许空 ∨ ∨ ∨ ∨ ∨ ∨ ∨ Answer nvarchar 50 ∨ 4.2.2 建立会员登录系统 登录部分如下图 4.5 所示： 图 4.5 登录界面 具体实现代码如下所示：
using System.Data.SqlClient;
public partial class login : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void lnkRegister_Click1(object sender, EventArgs e) { Response.Redirect("zhuce.aspx");
//转到注册界面 } protected void lnkGetpwd_Click(object sender, EventArgs e) { Response.Redirect("Step1.aspx");
//转到找回密码的第一步 } protected void btnReset_Click(object sender, EventArgs e) { txtPwd.Text = "";
txtUserName.Text = "";
//清空你所填写的所有信息 } 17 空间网页设计 protected void btnSubmit_Click(object sender, EventArgs e) { if (Page.IsValid) { string strConn = System.Configuration.ConfigurationManager.AppSettings["DSN"];
SqlConnection conn = new SqlConnection(strConn);
//建立与数据库的连接 string userName = "";
string pwd = "";
userName = txtUserName.Text.Trim();
pwd = txtPwd.Text.Trim();
string sql;
sql = "select count(*)from Users where UserName='"
+ userName + "'and Password='"
+ pwd + "'";
//从数据库中查找那条记录 SqlCommand cmd = new SqlCommand(sql, conn);
conn.Open();
int ret = (int)cmd.ExecuteScalar();
conn.Close();
if (ret <= 0) { Response.Write("<script>alert(\"登录失败!用户名或密码错误!\")</script>");
} else { if(txtUserName.Text=="admin") { Response.Redirect("main1.aspx");
} Session["UserName"] = userName;
Response.Redirect("main.aspx");
} } } } 注册部分 //如果用户名等于admin，则跳到管理用户界面 18 为还没有注册的用户提供注册机会， 有多项是内容必须填写， 注册后可以进行留言可以留下对本网 站的感受或者意见、建议。如果用户丢失了密码或者忘记了密码还可以进行找回密码的操作，找回自己 原有的密码。 注册部分界面如下图 4.6 所示： 图 4.6 注册界面 具体实现代码如下所示：
public partial class zhuce : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void btnSubmit(object sender, EventArgs e) { string strConn = System.Configuration.ConfigurationManager.AppSettings["DSN"];
SqlConnection conn = new SqlConnection(strConn);
//建立与数据库的连接 string userName =txtName.Text.Trim();
string sql = "select count(*)from Users where UserName='"
+ userName + "'";
conn.Open();
SqlCommand cmd = new SqlCommand(sql, conn);
int n = (int)cmd.ExecuteScalar();
if (n >
0) { Response.Write("<script>alert(\"!\")</script>");
//如果这条记录已存在则返回 return; 19 空间网页设计 } cmd.CommandText = "INSERT INTO "
+ "Users(UserName,RealName,Sex,[Password],Question,Answer,Email)"
+ "values(@UserName,@RealName,@Sex,@Password,@Question,@Answer,@Email)";
cmd.Parameters.Add("@UserName", SqlDbType.VarChar).Value = userName;
cmd.Parameters.Add("@RealName", SqlDbType.VarChar).Value = txtRealName.Text.Trim();
cmd.Parameters.Add("@Sex", SqlDbType.VarChar).Value = lstSex.SelectedItem.Text.Trim();
cmd.Parameters.Add("@Password", SqlDbType.VarChar).Value = txtPwd1.Text.Trim();
cmd.Parameters.Add("@Question", SqlDbType.VarChar).Value = lstQuestion.SelectedItem.Text.Trim();
cmd.Parameters.Add("@Answer", SqlDbType.VarChar).Value = txtAnswer.Text.Trim();
cmd.Parameters.Add("@Email", SqlDbType.VarChar).Value = txtEmail.Text.Trim();
cmd.ExecuteNonQuery();
conn.Close();
Session["UserName"] = userName;
Response.Redirect("main.aspx");
} } 4.2.3 建立留言板模块 留言板模块为用户登录进去后能够进行留言。
留言板界面如下图 4.7 所示： 20 图 4.7 留言板界面 using System.IO;
public partial class Default2 : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } protected void btnCancel_Click(object sender, EventArgs e) { txtTitle.Text = "";
txtContent.Text = "";
txtAuthor.Text = "";
//若点击取消则清空所填内容 } protected void btnOK_Click(object sender, EventArgs e) { if (txtTitle.Text == ""
|| txtContent.Text == ""
|| txtAuthor.Text == "") { Label1.Text = "标题、内容、作者等不能为空！";
return;
} if (txtTitle.Text.Length >
50) { Label1.Text = "你的标题太长了！";
return;
} string strConn = System.Configuration.ConfigurationManager.AppSettings["DSN"];
SqlConnection conn = new SqlConnection(strConn);
string sql = "insert into books(title,content,ming,click)values(@title,@content,@ming,@click)";
SqlCommand cmd = new SqlCommand(sql, conn);
cmd.Parameters.Add("@title", SqlDbType.Char).Value = txtTitle.Text;
cmd.Parameters.Add("@content", SqlDbType.Char).Value = txtContent.Text;
cmd.Parameters.Add("@ming", SqlDbType.Char).Value = txtAuthor.Text;
cmd.Parameters.Add("@click", SqlDbType.Char).Value = "0";
//往数据库里增加一条记录 conn.Open();
cmd.ExecuteNonQuery();
conn.Close();
Response.Redirect("main.aspx");
} 21 空间网页设计 } 4.2.4 后台部分 如下图 4.8 所示： 图 4.8 后台界面 22 第五章 结论 经过老师耐心细致的指导以及同学之间的相互交流，同时翻阅了大量的资料(包括网上资料、书本及学 校的一些相关资料)，经过近一段时间的个人网站（米菲儿的空间）的设计制作已接近尾声。在这段时 间里我完成了一份毕业设计，同时也学到了很多东西。我这个个人网站（米菲儿的空间）的研究设计方 案从最后测试结果来看，效果还算比较明显，因为考虑较为全面，所以生成的“留言”页面较为稳定， 并且在 Windows XP 和 Windows 7 系统下都能测试通过。当然，要做成很完善的个人网站还有很多问题 需要考虑。在制作网页方面不足的地方还有很多，例如制作不细腻，排版不紧凑，内容不丰富页面不够 整洁等等都是要再多多考虑的。在这个人网站（米菲儿的空间）中我尽情地展示了自己。在这里可以查 看一些我的资料、关心我的朋友、查看我的秘密收藏、优美文章等操作，还可以登录以后进行留言，也 可以查看被人给我的留言。当然，如果没注册的必须先注册只有注册以后再登录才能给我留言哦。
通过这次的个人网站（米菲儿的空间）毕业设计我掌握了 Dreamweaver 网页设计三剑客+ SQLServer 数据库 + 基于 C#的 ASP.NET 的动态网页设计制作环境，数据库与数据表数据源的建立与连接以及 IIS 环境的配置。 23 空间网页设计 参考文献 [1] 杨尚森.网页设计与制作[M]（第三版）.北京：电子工业出版社，2010 年. [2] 赵增敏.ASP 动态网页设计[M].北京：电子工业出版社，2003 年. [3] 周立.SQL Server 2000 实用教程[M]（第三版）.大连：理工大学出版社,2009 年. [4] 蒙新.ASP 编程技术与综合实例演练[M].北京：清华大学出版社 ，2001 年. [5] 翁建红.基于 C#的 ASP.NET 程序设计[M]（第五版）.北京：机械工业出版社，2012 年. [6] 小志.ASP 入门与实例演练薄[M].北京：中国青年出版社，2008 年. [7] 王君学.网页设计与制作[M].北京：人民邮电出版社，2009 年. [8] 龙马工作室编.ASP+SQL Server 组建动态网站实例精讲[M].北京：人民邮电出版社，2004 年. [9] 王映雪.HTML 网页制作[M].北京：清华大学出版社，2009 年. [10] 谢希仁.计算机网络(第五版)[M].北京：电子工业出版社，2008 年. 24 致 谢 毕业设计完成之际，我由衷地感谢司老师的大力帮助和支持，感谢我的同学和朋友，在我遇到各 种各样复杂问题的时候，给予我鼓励和帮助，使我分析问题和解决问题能力有了很大提高。
本论文是在司老师的悉心指导下完成的。
司老师渊博的专业知识， 诲人不倦的高尚师德， 严以律己、 宽以待人的崇高风范， 朴实无华、 平易近人的人格魅力对我影响深远。
不仅使我树立了远大的学术目标， 还使我明白了许多待人接物与为人处世的道理。所有这一切都将成为我受益终生的宝贵财富!本论文从 选题到完成，每一步都是在导师的指导下完成的，倾注了导师大量的心血。在此，我向导师表示崇高的 敬意和由衷的感谢！ 我在研究思想方法上得到了启发， 并且在研究工作中采用他们的部分研究成果与资 料。尽管与他们为我付出的一切相比，所有的语言都显得苍白无力，但我仍要真诚地说声:谢谢! 感谢三年来各位老师和同学对我学习、生活的关心和帮助。在论文即将完成之际，我的心情久久无 法平静，从开始进入课题到论文的顺利完成，有多少可敬的师长、同学、朋友给予了我无言的帮助，在 这里请接受我诚挚的谢意！ 最后感谢我的母校—石家庄经济学院三年来对我的栽培。
毕业设计完成之际， 我由衷地感谢网络工 程教研室各位指导老师们的大力帮助和支持， 感谢热心的同学与朋友， 在我遇到各种各样复杂问题的时 候，给予我鼓励和帮助。 25