网页设计模板

安徽省巢湖学院计算机与信息工程学院课程名称： 网页设计（ASP.NET）课题名称：专业班级：同组姓名：同组学号：联系方式：摘要随着网络的发展，很多企事业单位和广大普通网民对建立自己的网站 的需求越来越强烈。网站是互联网上交流的平台，建立网站已经成为很多 单位和网民的必修课。20 世纪末，随着计算机科学的发展，数据库技术 在 Internet 中的应用越来越广泛，为广大网络用户提供了更加周到和人 性化的服务。个性化已逐渐成为当今 Web 应用的潮流。个人网站是当今网 上比较流行的站点。本文以个人网站为目标,运用 ASP 技术实现.对网站的 和策划和布局进行了实质考察。我所做的个人网站主要是学习型网站，重 点内容是与这次的毕业设计有关网站的制作。关键词：个人网站；ASP； Web译文：Along with the network development, the very many enterprises and institutions and the general ordinary web cams to establish own website the demand to be more and more intense. The website is a platform which on the Internet exchanges, established the website already to become very many units and web cams required course. 20 centurys ends, along with the computer science development, the data bank technology are more and more widespread in the Internet application, has provided thorougher and the user friendly service for the general network user. The personalization has become now the Web application tidal current gradually. Individual website is now on the net the quite popular stand. This article take individual website as a goal,Using ASP technology realization.Have carried on the substantive inspection to the website and the plan and the layout. I do individual website mainly is the study website, the key content is and this time graduation project related website manufacture.目录第一章 引言4第二章 系统实现软件 52.1MACROMEDIA DREAMWEAVER 简介52.2 ASI简介6.2.3 FLASH7.2.4 ACESS数据库8.第三章. 网站制作 93.1网站的策划9.3.2网站风格1.0.3.3网站的主题3.3网站栏目设计第四章 系统分析134.1 网站开发目的1.3.42性能需求1.3.43 数据库设计1.4.44网站逻辑图：1.4.6 页面详细设计1.第五章. 系统界面的显示 3总 结 5参考文献7第一章 引言Internet 是全世界最大的计算机网络，它起源于美国国防部高级研 究计划局（ARPA）于1968年主持研制并用于支持军事研究的计算机实验 网 ARPANET。Internet有着巨大的商业潜力。在20世纪90年代以前，Internet 由美国政府资助，主要供大学和研究机构使用。但是近年来该网络随着商 业用户数量的日益增加，已逐渐从研究教育网络向商业网络过渡。随着时代的发展，各种互联网接入技术不断出现，普通的电话接入已 经不能满足宽带风张的要求，于是出现了 ISDN （俗称“一线通”）ADSL （俗称“超级一线通”）、闭路电视宽带、光纤宽带和无线宽带等技术。现 在，互联网上进行实进点播、实时会议已经没有任何技术问题。要实现这 样的功能，离不开后台数据库的支持。本文中数据库服务器端采用了 Microsoft Access 数据库作为 0DBC（0pen DataBase Connectivity ）数据 源，并以先进的 ADO（ActiveX D a t a Obj e c t s ）技术进行数据库存取等操作，使 Web 与数据库紧密联系起来。我的网站整个个性化页面生成系统主要由使用 Dreamweaver_MX 开发的 关联规则采掘系统和利用 IIS+ASP 技术实现的个性化 Web 页面生成器两部分 组成。二者通过数据库服务器和 Web 服务器连接。第二章 系统实现软件2.1MACROMEDIA DREAMWEAVER MX 简介Dreamweaver 是一套针对专业网页设计师特别发展的视觉化网页开 发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的 充满动感的网页。Dreamweaver MX 2004 的十大新特性:1. 动态跨浏览器验证：自动检测标签和CSS规则来适应所有主流浏览器！2. 更强大的CSS支持！3. 内建的图形编辑引擎：修剪,改变大小,尺寸,旋转角度,调节明暗度都不 需要离开 Dreamweaver 环境,因为它本身集成了 FW 的基本图形编辑技 术.（这一点有模仿 FrontPage 的嫌疑,但这个功能确实很实用）！4. 安全FTP:完全加密传输保证文件和帐号信息的安全！5. 增强对当今技术的支持：支持当今主流的开放环 境:ColdFusion,J2EE,PHP,NET,和其他主流的服务器技术.Dreamweaver 现在加入了 XML命名空间支持,ASP.NET表单控件对象，新的参考书内容和 新的 PHP 服务器端行为!6. 无缝整合外部文件和代码:直接将Word和Excel文档复制和粘贴到 Dreamweaver中，会保留字体，颜色,CSS样式表信息使用系统支持的编码 保存任何字体, 包括双字节字符集.7. 紧密整合MM的其他工具:加强了和MM其他几款产品的协同工作能力. 例如:你可以通过DW直接设置Flash组件的参数.8. 基本支持改良: 插入条, 表格工具都有改进!9. 增强代码编写工具:编辑代码更省时, 例如右键编写代码工具, 增强的查 找和替换, 高效的属性面板.10. 改进的设计开放环境:一个改良的用户界面,更高的实用性,非常亲切 和有逻辑,让你快速找到你想要的东西,一个新的开始屏幕让你快速访问 最近的文件和教程资源.2.2 ASP简介ASP即Microsoft Active Server Pages，它其实是一套微软开发的 服务器端脚本环境, 下面列举了 ASP 的一些特点：（1） 使用 VBScript、JavaScript 等简单易懂的脚本语言并结合 HTML 代码编写网站应用程序简单、快速。2） 程序在服务器端直接执行，不用编译。(3) 使用的编辑器简单，使用像 Windows 的记事本这样的普通文 本编辑器即可。(4) 与浏览器无关，用户端只要使用可执行 HTML 码的浏览器就可 阅读 ASP 所设 计的网页 内容 。 ASP 所使用的 脚本语 言(VBScript、JavaScript)均在Web服务器端执行，用户端 的浏览器不需要执行这些脚本语言。(5) ASP 能与任何 ActiveX scripting 语言相兼容。除了使用 VBScript 或 JavaScript 语言来设计外，还可通过 piug-in 的方式使用由第三方所提供的其他脚本语言，像 REXX、 Perl、 Tcl 等。(6) 安全性高， ASP 的源程序不会被传到客户浏览器，因此可以避 免所写的源程序被他人盗窃。(7) 可使用服务器端的脚本来产生客户端的脚本。( 8 ) 面向对象。( 9 ) ActiveX 服务器元件具有无限可扩充性。可以使用 Visual Basic 、Visual C+ 、 COBOL 等编 程语 言来编 写 你所需 要的 ActiveX Server Component。2.3 FlashFlash 是 Macromdia 公司开发一款优秀的网页动画开发软件，从简单 的动画到复杂的交互式 Web 应用程序，它使用户可以创建任何作品。通过添加图片、声音和视频，可以使 Flash 应用程序媒体丰富多彩。 Flash包含了许多种功能，如拖入用户界面组件、将动作脚本添加到文档的内置 行为，以及可以添加到对象的特殊效果。这些功能使Flash不仅功能强大, 而且易于使用。最叹引人的还是 Flash 作品 SWF 文件体积出奇的小，并 且可以以插件的形式加入到网页中，通常几分钟的复杂动画才几百 KB， 是目前网络中最常用的动画格式。Flash MX 2004是Web设计人员、交互式媒体专业人员或开发多媒体 内容的主要专家的理想工具。该版本注重于创建、导入和处理多种类型的 媒体（音频、视频、位图、矢量、文本和数据）。2.4 ACESS 数据库Access 作为 Microsoft 的 office 套件产品之一,是世界上最流行的 桌面数据库系统。Access与许多优秀的关系数据库一样，可以让你很容 易地连接相关的信息而且还对其他的数据库系统有所补充。它能操作其它 来源的资料，包括许多流行的 PC 数据库程序（如 Paradox， Microsoft FoxPro）和服务器、大型机上的许多 SQL数据库。Access完全支持 Microsoft的对象的链接与嵌入（OLE）技术。本网站采用功能强大的 Microsoft Access 作为后台数据库，使用前面所述的网页三剑客作为前台开发工具，从而开发了一个小型的个人网站。第三章. 网站制作整个网站的制作流程图如下：3.1网站的策划网站的建设的第一步是策划，它直接关系到网站的功能是否完善、是否够层次和能否达到预期的目的，等等。网站策划可以从主题、对象、内容和创意等几个方面去思考，这几个方面相互影响、相互作用。网站策划逻辑完成网站制作首先面临的总是放置什么内容、选择什么样题材的网站。 对于个人网站来说，题材最好是自己擅长或者喜爱的内容。但要注意不能 做得太滥或者选择的目标太高，因为知名度很高的站点要超过是非常困 难。3.2网站风格风格是非常抽象的概念。结合整个站点的内容范围不太广则可以考虑 整个站点设计为同一种风格。不管用什么风格，都要注意风格是为主题服 务的，也就是要做好烘托气氛的工作，而不是单纯地照搬照抄别人的特色 却并适合自己的站点。网站内容网站中最重要的是内容，再漂亮的网站如 果内容空洞也只是虚有其表而已。因此先要确定网站内容的逻辑构成。如 图所示：3.3 网站的主题个人网站的主题通常取决于网站作者的爱好和兴趣。本网站的性质是 无偿技术服务性网站，所以命名为“我的网站”。这里有两层意思：一是 “网站”，体现我的网站是一个关于“网站”制作方面的，如网页设计、 制作等方面的内容；二是“我的”，体现我的网站是一个人的网站，让人 一看便知道这个网站的主题内容是什么，一目了然。3.3 网站栏目设计针对自己的个人网站，我主要从下面几点进行设计的： 网页制作：主要包括网页规划、制作等技巧方面的文章供大家学习。 网页进阶：是在网页制作的基础上的一个升级，供一些网页设计高手 学习和使用。情感世界：是一个体现个性的板块内容，放置一些我比较喜欢的优秀 文章供大家欣赏。留言板：设计一个留言板作为和浏览者交流的纽带，这样可随时掌握 浏览者的要求和建议，随时调整和更新自己的网站，以便更好地为客户服 务。网站说明：是有关本网站的一此要求和具体的联系方式。新闻动态：是关注一些自考方面的消息，让一些自考的浏览者可以从 我的网站中得知最新的消息。本站导航：以菜单的方式列出本网站的所有内容，以方便读者浏览和 学习。关于我们：介绍创建网站的目的，便于和浏览都交流学习。确定好了网站的内容还不算完成了网站的内容构思，还要将这些内容分布到页 面的各个部位。将各个主题目以比较集中的方式放在网页顶部导航栏的位置，以便 于浏览者检索。将需要经常更新的内容如“网页制作”和“网页进阶”放在网页的 中部，以方便读者学习。将各个功能板块的内容分布在页面的两侧，以充他利用主页的空间。第四章系统分析4.1 网站开发目的对于个人网站而言，一个好的网页会给人留下深刻的印象，那样才会提 高网站的知名度才会增加点击率。如果通过网站管理系统工作，就可以拓 开以前传统的宣传思路，用户可以通过上网就能达到找到所需要材料的目 的，并且可以给管理员留言以反馈意见。本设计简单易用，可以提高个人网站的知名度和形象；直接面对浏览所提供的信息化服务，改善服务水准。42 性能需求本设计是采用 ASP 结合 Access 数据库平台的一个个人网站。网站开 发的性能要求是实现网站的智能化。本设计能实现以下功能：新闻的增、 删、改和留言板的实现及一些静态网页的浏览。系统管理(管理员)。系统管理包括新闻的增、删、改，留言的回复、删除。以上的功能只 能是管理员才有权限操作。(1)新闻管理由于本栏目是与后台数据库相连的，所以也给予管理员对新闻的增 加，删除，修改的权限。(2)留言管理 此栏目是浏览者与管理员的一个交流平台，所以在浏览者 发表的留言之后，管理员在后台对此进行回复、删除。此项操 作透明化。43 数据库设计设计数据库系统时应该首先充分了解用户各个方面的需求，包括现在 的和将来可能增加的需求。数据库需求分析用户需求具体体现在各种信息的提供、保存、更新和查询上，这就要 求数据库结构能充分满足各种信息的输出和输入。通过收集基本数据、数 据结构以及数据处理的流程，组成一份详尽的数据词典，为后面的具体设 计打下基础。留言表 用于存放留言信息，具体设计如表 1-3所示表 1-5 留言表字段名数据类型说明G_ID自动编号自动生成编号G_name文本存放留言者姓名G_email文本存放留言者的邮箱G_url文本存放留言者的网址G_content备注存放留言内容G_time日期/时间保存留言时间r_g_content备注存放管理员的回复内容R_g_time日期/时间保存留言回复时间大多数网络应用系统都需要后台数据库的支持。在 Windows 操作系统中，Access和SQL Server是常见的网络后台数据库。由于Access可移植性强，所以本网站采用的是Access数据库存储数据，对于留言板页面 需要找开数据库，所以将数据库的连接字符串和连接对象保存在一个单独 的文件中，使用时只需要将其包含到页面中就行Dim cnSet cn=server.createobject(“adodb.connection”)Cn.connectionstring=”driver=Microsoft Access_Driver(*.mdb);DBQ=&Server.Mappath”(d:/39/*.mdb)”Cn.open44 网站逻辑图：首页网页制作网页进阶情感世界留言板新闻动态网站说明关于我们1J网 页如 何如 何用的制在D版作主进面图页行设片更网计链新页宝接时优典述：理通 知 网 友化用制D作使主用页技的巧-刖集的锦准备网 页 制 作 的 小 技 巧如W何E推B广设自计己常的用网巧站集如 何 在 网 上 安 个 家4.5 页面详细设计结合。我从网上下载了一些内容，加上自己对界面的设计，使得整个页面都使用 同一种色彩，当然对于色彩这一块，也是参照了各种参考资料进行设计，既要做 的不华丽又要显得自然、大方得体。在这次网页设计中，用到了一些图片处理的 工具，photoshop处理了一些背景图片，使得图片与我的页面的背景符合，对于 flash 我做了几个简单的头部的动画，“欢迎光临我的主页”，这个动画很简单， 只单纯地用了一些帧的作用。现在重点谈谈我的首页的制作过程。首页被我划分为三大模块，一是页眉区，二是中间体，三是底部，底部其实 很简单，主要是插入一些动态的图片和链接了一些国内比较有名的网站，让浏览 都可以随时找到自己想要的资料；头部是由一个 flash 动画和一些编程来实现 的，利用编程实现系统的具体的年月日和时间，并且利用 MARQUEE 函数进行一些 字幕的滚动。在页眉区的下面，页面的主体内容的上部是一排导航条，这样做可 方便浏览者使用。导航条菜单包括首页、网页制作、网页进阶、情感世界、留言 板、新闻动态、网站说明、本站导航和关于我们这九块。它们分别与对应的页面 链接好，浏览都可以随时找到自己想要找到的内容。在导航条下面是用MARQUEE 一行让浏览都对自己的网页提出意见的滚动字幕；中间就是主体部分了，首先左 边有三个模块，一是本站介绍，我的这个网站主要是介绍怎样制作网页的，说明 本网站的主要内容是哪些。下面是本站最新公告网站动态，它公布了我的这 个网站最新的内容变更。第三模块就是用户指南，简单地介绍了一般用户将自己 的网站上传时需要的一些步骤。中间的主体有两大部分，分别是网页制作和网页 进阶，也是这个网站的主体内容，右边是我插入的两幅动画，充分显示了我的友 好态度。这个网站有个缺点就是每个模块我都是独立做的，并没有将它们有机结合起 来，由于自己的水平有限，考虑问题时并没有能及时的想到各个方面，都是在这 一模块做好后发现该实现的功能还有许多。后台认证：只允许浏览者进入页面浏览，在对回复留言和新闻的增加、删除 这些管理时都需要对用户的身份进行认证，即需要管理员提供后台管理的用户名 和密码，该用户名和密码保存在相对应的数据库中。留言板是每个网站都必须要 有的，它是用户和管理都进行互动的一个模块，新闻动态模块：可以查看各方面有关的资料，但作为普通的浏览者在我的这 个网站里只可以浏览新闻，并没有任何特权，对于新闻的编辑添加、删除只 有管理员可以进行，这一点就利用了后台 ASP 有关的编程。留言板也是同样的道理，在这之前我曾经申明过由于本人的能力有限，这些模块都是单独的，并没有能联合起来。第五章. 系统界面的显示运行环境软件：Windows95/98/2000/NT/XP中文版或更高版操作系统 PWS 或 IIS5.0 Access或更高版本。硬件：32MB 以上内存演示版安装说明首先选择“ In ternet服务官理器”（如下图）毕业论文-Microsoft Word-|g|x|-i山洁也壽丨吕必Internet ExplorerOutlook ExpressC-Medi a 3D Audi oXabreMicrosoft Web PublishingWinRAR智能升级Adobe Photoshop 7. 0. 1Adobe ImageReady 7.Microsoft Office插入 格式W 工具（X） 宣 Windows Media阳件Windows Update?QQ游戏WinZipW i ndow s忧化大师 WinZipATS谨号王卜Apache HTTP Server 2.0.51 卜 cuteFtp 4.2.3中文版卜瑞星个人防火墙瑞星杀垂软件My MFC系列之藉品DIY版 VoptKP vTI，忌打开Offi丈档 辺新逹Office文档Adobe Reader 6. 0窗口址）帮助鶴 口丨尊I审阅读41-|4-|-I i11-11-!-I.-.Telnet服务器管理本地安全策略分布式文件系统服务计算机昔理路由和远程访问配置服务器爭件查看器授权数据源（ODBC）性能蛆件服务DHCPDNSQoS许可控制Server Extensi oils 管理器Windows Medi aWindows Media 性能WINS连接管理器管理工具网络监视器Internet验证服务 Internet服务管理器键入需要帮助的问题Times New Fiximan. 五号 H22242628303234 心 38+0的显示文档设這：把虚拟目帮助01）关机QJ）刍j 我的网站 - Mi crosoft Internet Explorer光盘提供的是“纳斯达克”岡上书店演示版 图1和使用版的不同之处在后面说 明），先将光盘中“网上书店”上的代码文件拷贝到到本地硬盘（例如E:store）,然 后按照以下步骤配置主页服务器（以VWndows2000操作系统，IIS5.0为例介绍安装从 录设置一下，按“确定”，最后用浏览器浏览此虚拟目录即站点首页画面0下” 2 ” A ”三岳E位置行 列 录制忙订扩展改写英语涣国）CB：也毕业论文|岂jpg网站|电Internet|自连云港|自连云港职|自：管理| | |惹ggl色 翩|E3国阂g 16:32-|S|x|文件（Z）编辑 查看（V）收藏工具 帮助（H）4后退 前进 停止确至贡J宜闷農鳶盘詔ft譎鳳課習编辑視悔早日戒为高手!双通登陆本入與贡,在富里紜可诲诃靈,帶宴您卽威為好磁 持望能每到您宝毀的歳见郝1.情感世界本站导航关于我们网页进阶留言板新闻动态网站说明网页制作转到链接地址） 画 http:/12T.Ci.Ci. 1/INDEX. KTM如何在主页更新时通知网友网页的版面设计宝典怎样使您的主页更加绚丽多聖？阿页进阶【亠阿页制作 Dr e amw e aver 使用技巧集锦探本站介绍探本网站是一牛以学习、交疣、交互 于一体的综合性网站本站在内搭 上求精；在功能上求全在本网誌 上能满足你学习、交互与查询等一切功能的基本需求在这里你将合 找到你所需要的材料张心情驿站用户指南如何在网上安牛家如何加快网站计数器的步伐在网页中建立文件上载按钮 如何制作网页中的GIF动画网页制作的小技巧如何推广自己的网站饷、传貝柏Ml悄寺昂什刖冃丽 T、 仅可用来管理亍人信息（如通讯111|lnterne t总结毕业设计是每个大学毕业生在毕业之前所经历的最后一次考验，也是较为辛 苦的一次考验，在从得到课题开始的短短几个月内，要完成大量的工作。从查资 料、记笔记到确定总纲、搭框架、定初稿以及到最后的整个论文编写工作的完成 其间要花费大量的时间和精力，更是尝遍了设计过程中的酸甜苦辣，其中滋味一 言难尽。两个多月的毕业设计已告一段落，到此，我制作的个人网页已经完成。但 由于毕业设计时间较短，能力有限，所以系统还有许多不尽人意的地方，功能不 够全面等多方面问题。这些都有待于进一步改善。调试过程中，出现了太多的问 题，暴露了语言编写能力缺陷。由于第一次进行制作网站的设计，许多的东西过 于繁琐和不必要，存在着一些问题，特别是我的各个模块并没有让它们有机结合 起来，而是各自以单独的模块存在，这样既烦琐又没有技术，这一点是我这个网 站存在的重大缺点。我知道以我现阶段的能力还难以解决，我会努力学习，提高 自己，解决问题还有一点就是编程语言方面，我发现自己懂得的真是了了可数， 就因为编程这一块不精，才导致于做各个模块时无法让它们正确的相联接，对于 其中的许多代码我都是借鉴于别人的。感谢通过 本次 设计，我提高了自己 的动手、动脑能力，丰富 了我的知识， 增强了克 服困难的 勇气和能力 ，使我受 益非浅。在本次毕业设计中，我从 指导老师程琦峰那学到了很多东西。老师认真负责的工作态度，严谨的学习精神 耐心的指导和深厚的理论水平都使我收益匪浅。无论在理论上还是在实践中，都 给了我很大的帮助，使我得到了不少的提高,这对于我以后的工作和学习都是一 种巨大的帮助，感谢他耐心的辅导。另外，在网站制作过程中身边的同学同样给 予我不少帮助，当自己有问题向同学请教时大家都是热心相待，在这里一并表示 感谢。参考文献1. 非常网络 6+1典型网站建设 人民邮电出版发行 2004年 7月2. ISBN7-5427-2750-8,赵艳铎.网页制作三剑客（MX2004版），上海：上海科学 普及出版社.2004.3. 廖彬山、高峰霞ASP动态网站开发教程北京：清华大学出版社.2000.4. 非常网络6+1 ASP+ACCESS组建动态网站 人民邮电出版发行2005年5 月5. 企业网站完美设计与制作 人民邮电出版社发行 2006年1月6. ISBN7T21-00550-6，孙印杰、高翔、祝玉花.DreamweaverMX2004 中文版应 用教程，北京：电子工业出版社.2005.