个人网站设计论文

个人网站设计论文3篇(网站设计论文总结)

　　下面是范文网小编整理的个人网站设计论文3篇(网站设计论文总结)，供大家参阅。

个人网站设计论文1

　　个人网站设计及实现

　　第一章 文献综述

　　互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。以个人为中心，淡化了传统中心地位，使得我们的世界向多元化加速发展，人人都有话语权，人人都是中心。

　　互联网是一个互动性极强的平台，它自由、宽容、平等、共享，并使来自民间的声音参与到了构建主流话语的行动中来。计算机技术的发展，特别是网络技术的飞速发展，给文档的保存和管理提供极大的方便[1]。本论文中，将软件工程的基本原理和方法应用到整个网站系统，并对其进行需求分析，提出了解决问题的具体方法。在具体制作中，用ASP技术来实现B/S系统，ASP技术与数据库技术结合，用户在浏览器端可以随意查询自己需要的标本，这样提高了网页的互动性，使整个系统能更好的为用户服务。

　　Internet飞速发展使得网站不再仅仅为企业或公司等大型结构所拥有，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，一个家庭甚至个人都可以拥有属于自己的网站，而在这其中，个人网站已经日渐普及，而且发展到今天，创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。

课题研究现状分析

　　伴随着社会的发展和科学的进步，上网成为越来越多人们的选择。随着互联网的飞速发展，有关网络的技术也层出不穷。如今互联网上的个人网站如雨后春笋般蓬勃发展，绚丽多彩的主页比比皆是。每个人都有发挥个人才能，挥洒自己个性的网上伊甸园。在hao123神话以后，网站大全类网站又再一次达到顶峰。然而这个模式拷贝成功的网站却寥寥无几。而对于技术薄弱的个人网站来说，似乎网址类网站应该是一个很好的切入点。但是由于搜索的异军突起，网址类网站似乎变得可有可无。

　　第 1 页（共 9 页）

[2]

　　网页实际是一个文件，他存放在世界某个角落的某一台计算机中而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。文字与图片是构成一个网页的两个最基本的元素。可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏缆器则对这些标记进行解释并生成页面。 个人网站的研究工作 1．理论研究基础

　　个人网站是由个别提供的一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等诸多功能于一体的网络平台。个人网站的自由、开放精神，并使之更容易操作，更具个性需求，而不需要高深的技术。它可以帮助个人进行全面的信息化，以多种形式达到对信息获取、组织、思考、表达、共享和交流的目的。以个人为中心，建立一个完全属于自己的可定制的个性化网络平台。来自文章的评论，留言板都可以很好的进行交流，倾听别人的声音。2．技术层面的支持

　　随着互联网的进一步发展与成熟，网络的带宽进一步加阔，网络应用也越来越广泛。网页制作更是日新月异，层出不穷。涌现了很多琳琅满目的网站，使得整个互联网多姿多彩。

　　在进行动态网页制作的时候，通常都是使用ASP来完成。由于ASP使用方便，操作简单，很多网页设计者一直使用ASP。ASP集成在HTML和脚本语言中，其工作界面简单，因此，ASP相对于其他网页制作软件来说，易学易用，是网页制作初学者的入门软件。同时配合数据库的操作，使个人网站具有更好的网络平台和交互性。 已经取得的研究成果

　　中国互联网在近几年发展迅猛。一方面，产生了一批依赖技术领先的互联网公司，取得了成功；另一方面，互联网技术逐渐走向普及，使得行业进入门槛正在降低[4]。目前中国网站总数已经近百万。在这里面出现了大量的个人网站。并且个人网站存在着巨

　　第 2 页（共 9 页）

[3]

　　大的商业价值。如果能以强大的号召力，把互补的个人网站联合起来，不知道可以成立多少个门户网站。我们有理由相信，个人网站还极具潜力。选题的目的及意义

　　随着Internet的迅速普及，我们已经不再满足于仅仅浏览网页，而是希望更深入地参预到网络中去，Internet的开放性使个人建立自己的网站成为可能，拥有自己的网站也越来越成为一种时尚，同时创建一个能充分体现自我风格和特色的个人网站已经成为互联网用户的新追求。

　　我们更需要交流，相信交流能够促进我们不断的进步，并融合别人的长处；让我们多一些渠道倾听来自不同立场的声音；设想我们的网络，当每个人都拥有个人网页，不管是否在线，我们都可以跨越时间、空间进行交流，因为这个网页中拥有我所有的一切，生活，见解，知识，思想；理想的状态是个人门户就是每个人的影子，他为每个人打点网络上的一切，很多志同道合的朋友会在这里和你相识相知。 课题研究的主要内容

　　互联网是社会发展的必然趋势，很多人已经意识到网络的强大生命力和它在未来将处于的重要地位。他们钻研并且努力进入到这一个新的空间，新的领域。其中包括你和我。

　　在我们的工作、日常生活中，能够拥有一个自己的网站，一个已经成为不少人的希望和骄傲。就这个课题的研究，因为是个人网站，所以我只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。[5]

　　第二章 设计部分

“个人网站要发展，要么是从我的需求出发，要么是从我周围人的需求出发。”国内著名个人网站站长、手机之家站长高春辉说。网页设计是一门新兴的设计类和网络的交叉学科，近几年随着网络的发展而逐渐收到人们的重视，它本身以网络为载体,把各种信息以最快捷、方便的方式传达给大众。一个网站项目的确立是建立在各种各样的需求上面的，这是个人网站，所以这种需求往往来自于个人的实际需求，其中每个人的实

　　第 3 页（共 9 页）

　　际需求占了绝大部分[6]。因此如何更好地的了解、分析、明确需求，并且能够准确、清晰以文档的形式表达出来，保证开发过程按照个人需求为目的正确项目开发方向进行。设计的愿望

　　在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它已成为个人、政府、企事业单位信息化建设中的重要组成部分，从而倍受人们的重视[7]。

　　越来越多的人希望能真正参预到互联网上，这就出现了越来越多的个人网站的设计以及推广的工作和任务。

　　就我个人而言，之所以在毕业设计的时候选择这个课题是因为我也想拥有自己的个人网站，在互联网上拥有自己的一席之地，从而真正的参与到网络中去，做网络新时代的主人，同时也希望自己喜欢和收藏的一些东西能够和网络一起分享，和互联网上的你一起分享。

　　我所制作的个人网站大体可分为以下几个功能： 1．搜索引擎：

　　根据浏览者的要求，使用主页上的搜索引擎链接到百度，在整个Internet上进行搜索，完成信息的优化与提取。2．论坛：

　　主要功能是网友和网站之间的交流平台，也是网友给版主提出意见的主要渠道。在论坛中用户可以发表意见，这些意见可以让所有人看到，也可以只让版主看到，版主和其他人可以针对留言的内容进行回复，只留给版主的留言只有版主能够回复，并且版主可以登录后台对留言进行管理，是否发表或删除。3．发送电子邮件：

　　网友可以通过“联系我”利用outlook 向版主或其他人发送电子邮件。4．精品收藏：

　　在其中展示我喜爱的东西，包括电影、歌曲和一些优美的文章。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。但我增加了管理权限，我以管理员的身份可以对加入的新内容进

　　第 4 页（共 9 页）

　　行管理，即允许加入和对其进行删除。5．留言板：

　　是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。

　　设计介绍

　　这次我所设计的课题正是互联网与个人生活之间的紧密联系的体现，个人的宣传网站，包括个人简介、论坛、个人照片、个人专题等。在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和数据库技术。

　　设计的背景 用户特征

　　用户人群：具有基本的计算机操作能力，熟知网络并能够在Internet遨游。运行环境

　　软件平台需要服务器上的操作系统为microsoft windows xp server。因为ASP的开发平台首选是Windows NT Server(Windows 2000 Server)上的IIS，然后是Windows NT Workstation(Windows 2000 Profession)或Windows95/98的Personal Web，同样现在的浏览器是微软一家独大，使用的浏览器是微软的explorer，网站的数据库使用了同样是microsoft的office access数据库，因为一个数据不是很庞大的个人网站没有必要使用oracle等大型数据库系统，同时access数据库结构比较的简单，使用起来比较简单好用。

达到的预期成果

　　在明确了我的个人网站的风格和定位后，就是网站的材料组织以及网站的页面设计和数据库设计。网站最后完成发不到网上后，能够充分吸引浏览者的目光，利用搜索引擎，浏览者可以在网站内搜索自己喜欢的资料，并且可以在留言板和大家交流，在后台管理页面中，通过身份认证，管理员可以对网站信息进行管理。站内的其它页面均是我自己的精心收藏，与大家一起分享。

　　第 5 页（共 9 页）

　　使用工具的简要介绍 IIS的简要介绍

　　IIS是Internet Information Server的缩写，它是微软公司主推的Web服务器，最新的版本是Windows2000里面包含的IIS ，IIS与WindowNT Server完全集成在一起，因而用户能够利用Windows NT Server和NTFS（NT File System，NT的文件系统）内置的安全特性，建立强大、灵活而安全的Internet和Intranet站点。IIS的一个重要特性是支持ASP[9]。IIS 版本以后引入了ASP，可以很容易的张贴动态内容和开发基于Web的应用程序。 数据库Access的简要介绍

　　Access数据库是集成在Microsoft公司开发的产品更新换代Office系统中的集成软件[10]。

　　Access是一个数据库管理系统，它之所以被集成到Office中而不是Visual Studio中，是因为它与其它的数据库管理系统（如Visual FoxPro）相比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是，Access的功能足够强大，足以应付一般的数据管理及处理需要。

　　ODBC（Open Database Connectivity开放式数据库互联）是微软推出的一种工业标准，一种开放的独立于厂商的API应用程序接口，可以跨平台访问各种个人计算机、小型机以及主机系统[11]。ODBC作为一个工业标准，绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了ODBC接口或提供了ODBC支持，这其中就包括常用的SQL SERVER、ORACAL、INFORMIX等，当然也包括了Access。 对ASP的简要介绍

　　Active Server Pages（ASP）是服务器端脚本编写环境，使用它可以创建和运行动态、交互的 Web 服务器应用程序。使用 ASP 可以组合 HTML页、VBScript脚本命令和JavaScript脚本命令等，以创建交互的 Web 页和基于 Web 的功能强大的应用程序[14]。

　　由于脚本程序是在服务器上而不是在客户端运行，传送到浏览器上的 Web 页是在 Web 服务器上生成的。所以不必担心浏览器能否处理脚本：Web 服务器已经完成了所有

　　第 6 页（共 9 页）

　　脚本的处理，并将标准的 HTML 页面传输到浏览器。由于只有脚本的结果返回到浏览器，所以服务器端脚本不易被别人复制。用户看不到创建他们正在浏览的页的脚本命令。 任务概述

　　随着计算机的普及和网络技术的迅速发展，人们也越来越依赖于计算机和网络。因此，网络安全应该也必须引起注意。网络安全是一门涉及计算机、网络、通讯、密码、信息安全、应用数学、数论、信息论等多种学科的综合性学科，涉及面极广，而且不断更新和发展。国家对信息产业的扶持，使国内的网络状况逐渐好转，更多的服务器的开通，更快的宽带网得逐渐普及，各种各样的攻击行为在网上也越来越频繁化和简单化。

　　微软在推出 ASP 时提到的 ASP 的一个好处是：Active Server Pages 的源程序，不会被传到客户浏览器，因而可以避免所写的源程序被他人剽窃，也提高了程序的安全性。然而，由于 NT、IIS 以及 ASP 系统本身存在的一些漏洞，却可能使 ASP 源码暴露无遗，解决方法就是及时更新补丁。

　　该个人网站系统是基于Internet/Intranet 及Web技术，建立以Browser/Server 为结构模式、以数据库为后台核心应用、以服务为目的信息平台，对资源进行科学的加工整序和管理维护，为用户提供个人信息保障和直接参预到互联网上而设计的系统。包括界面设计,代码设计,这一阶段偏重于网页制作工具和技巧的应用, 编写总系统总体功能分析及架构图。

个人简介版块

　　本模块是个人简介部分，每个个人网站都会有作者介绍。在这个模块访客会了解到作者的一些基本信息,此版块采用了静态网页设计，最大的亮点就是利用了一个图片特效产生的效果，图片以溶解的方式渐渐出现. 我的论坛版块

　　在个人网站建设中，BBS论坛也是其中最主要的一个子系统。BBS论坛的主要功能就是讨论问题，论坛采用了B/S模式，提供了发表评论，回复评论和管理员对评论进行管理等功能。

　　第 7 页（共 9 页）

个人专题版块

　　在这个版块我设计和两部分内容包括文学欣赏和快乐音乐。文学欣赏里收集了一些精美文章，快乐音乐里收集了一些好听的mp3歌曲。 我的相册版块

　　个人网站中又一亮点就是个人相册的设置，在我的相册里，放置了我自己的照片、班级照片和校园照片。 网站说明版块

　　此版块是我根据自己的网站结构对整个网站以及每个版块所做的网站结构和功能的说明，以及网站和作者版权说明。 给我留言版块

　　留言板是目前最为流行的网络应用之一，使用留言板，可以为留言者提供发言的机会，让他们能够及时、准确地交换自己的观点。 链接百度版块

　　在网站的首页上我设置了链接百度的搜索引擎，如果访客有内容要查询，可以直接在此引擎内搜索，可直接链接到百度查找内容。

　　第三章 总结

　　在本次设计的全过程中，我对四年所学的知识有了一个比较系统的认识和理解。涉及了各方面的知识，大大扩展了我的知识面，同时是我学会了如何使用所学的知识去解决一些实际的问题。

　　在设计中我深知自己掌握的知识还远远不够，掌握的一些理论知识应用到实践中去，总会出现这样或那样的问题，不是理论没有掌握好，而是光知道书本上的知识是远远不够的，一定要把理论知识和实践结合起来。把学到的知识应用到时间中去，多做多

　　第 8 页（共 9 页）

　　练，才可以把理论的精华发挥出来。知识不是知道，了解就好，一定要去应用它，发展它，让它在现实生活中得到充分的应用，从而解决一些问题，这才是学习的根本目的。而且知识又不是单一的，它是互相联系的，学科与学科之间都有着内在的联系。计算机是一门非常复杂且庞大的学科，一项课题往往需要多项技术才可以完成的。在设计阶段，通过对课题的深入分析与研究，迫使我对技术有了一定的了解。在遇到问题时，得到了指导老师与同学的悉心帮助，使我感受到集体的力量是无穷的。

　　通过这次设计，我学会了和别人配合工作，因为一个人所学的知识不可能面面俱到的，只有通过合作，发挥自己的优点，体现团队精神，才能使工作做得更为出色。通过这次设计，我学到了许多书本上学不到的知识，增强了自己的动手能力。即将毕业我十分珍惜这次锻炼的机会，我按部就班的完成了自己的设计任务，但由于自己的知识水平有限，仍然存在很多的不足之处，恳请老师多多指教！当今的社会是竞争的社会，而人才的竞争则是竞争的焦点，毕业设计对于我们即将离校的同学来说，是离校前很好的一次锻炼，使我们各方面的能力都有了很大的提高，为我们踏出校门，走上社会增强了能力与自信！

　　计算机技术的高速发展，使我深深地认识到只有不断的加强学习，才能在计算机技术方面不至于被淘汰，今后，我还要加强学习，努力使自己成为一位专业的计算机人员，为我自己所从事的工作服务。

　　第 9 页（共 9 页）

个人网站设计论文2

　　网页制作课程论文

（个人网站设计论文）

　　姓名：薛金鸽 学号： 班级： 专业：市场营销（电子商务方向）学期：2011-2012学年第2学期 任课教师：刘新飞

　　个人网站策划书

　　1.组织机构描述

　　个人网站的应用背景

　　网络发展到今天，建立网站已经成为一个很普遍的问题了，对于个人来说，建设好时间的个性化网站可以更加方便的收集信息，开展更加直接的网络交流，使用自己构筑的友善平台，我们可以为自己毕业后找工作做好充分的准备，通过自己建设的网站，用人单位可以更好的去了解你，从而给自己增加了一份很重的砝码。在我的这个个人网站的制作过程中，我选择了我比较熟悉的大学生活中的许多内容做为我的网站的重要组成部分，这样相对于其他包括种类齐全的网站，我就有了一定的材料基础。这是我这个网站选择大学生主题的原因之一。

　　其次，做为在校大学生，我知道大学生现在对什么事物，内容，活动等等感兴趣，所以，我做起来的时候相对来说是比较随手的，我不用像其他的网站那样去刻意的收集信息，资料，我只要在校园里稍微留意，我就会捕捉到大学生的兴趣点。所以，在整个网站的设计过程中，我广泛的听取同学的意见和建议，不断的改进和提高我的网站的内容和质量，这些都取得了比较好的效果。

　　在整个网站的设计过程中，我根据自己以往的设计经验和自己找来的资料，又经过老师的指点，经过了近一个月的努力，几经易稿，最终做成了我的这个个人主页。.2 个人网站建设的目的

　　在我们的工作、日常生活中，能够拥有一个自己的网站，一个已经成为不少人的希望和骄傲。一个网站项目的确立是建立在各种各样的需求上面的，这是个人网站，所以这种需求往往来自于个人的实际需求，其中每个人的实际需求占了绝大部分[6]。因此如何更好地的了解、分析、明确需求，并且能够准确、清晰以文档的形式表达出来，保证开发过程按照个人需求为目的正确项目开发方向进行。不同的网站目的要求通过不同的方式来实现。一个展示个人能力的网站与一个以花卉种植为主题的网站，以及一个大型门户网站和一个小型企业网站，其出发点和建站目的都有所不同，在整个网站的建设规划方面的要求也是肯定是大不一样的。因此在规划我的这个网站时，我选择了和大学生的生活和学习相关联的主题。

相关应用软件选用、技术采用

　　在网页的设计过程中，我选用的软件包括Dreamweavercs5、Fireworks cs5和Photoshopcs5，其中，Dreamweaver 是网页编辑软件，Fireworks cs5是图形/图像处理软件，photoshopcs5是图片处理软件。它们是Macromedia公司专门为网页设计、制作开发的系列软件套件，三者之间可以无缝集成，能够有效地解决网络带宽问题，是设计动画网页的最佳工具。

　　Dreamweaver cs5采用“所见即所得”的直观设计模式，充分尊重设计人员的原始意识和想象力。她成功地将网页设计功能中的技术实现部分和设计部分分离开来，使用户只需专注于设计，而其余的工作由Dreamweavercs5自动完成。另外，还有一点值得说明的是，Dreamweaver cs5可以控制和删除冗余代码，减小网页文件的大小。从而能够快速上传和下载。

　　Fireworkscs4的独特之处在于它能够优化、切分图片映射图，并提供了功能强大的翻滚图工具。它是基于WEB应用的图形/图象处理软件，提供了一种革命性的新方法来创建WEB图形，并且具有所有其他图形处理工具的诸多优点。Fireworks cs4的最大优势就在于它在任何时候可以从任何阶段开始设计工作，这样既可以节约时间又可以对产品进行扩展。另外，Fireworks cs4中的诸多功能都是面向WEB应用的，因此对于WEB设计新手来说也很容易学习的。

　　在我设计我的个人网站的过程中，我选择了Dreamwearcs5和 Photoshopcs5 Fireworks cs4三种软件。因为自己向对于其它的软件来说，这三个还算是比较熟悉的。

　　2．网站的技术参数部分

　　我的导航系统

　　我所制作的个人网站的导航系统包括：

　　1.个人简介2.个人专题4.我的相册5.网站说明6.给我留言 8.发送邮件9.链接百度10.女生花园

　　功能模块的划分

　　1．搜索引擎：

　　根据浏览者的要求，使用主页上的搜索引擎链接到百度，在整个Internet上进行搜索，完成信息的优化与提取。

　　2．论坛：

　　主要功能是网友和网站之间的交流平台，也是网友给版主提出意见的主要渠道。在论坛中用户可以发表意见，这些意见可以让所有人看到，也可以只让版主看到，版主和其他人可以针对留言的内容进行回复，只留给版主的留言只有版主能够回复，并且版主可以登录后台对留言进行管理，是否发表或删除。

　　3．发送电子邮件：

　　网友可以通过“联系我”利用outlook 向版主或其他人发送电子邮件。4．精品收藏：

　　在其中展示我喜爱的东西，包括电影、歌曲和一些优美的文章。奇文共欣赏，疑义相与析。我只想起到抛砖引玉的作用，让大家从中认识我和了解我，让一些美好的东西我们大家共同来欣赏。但我增加了管理权限，我以管理员的身份可以对加入的新内容进行管理，即允许加入和对其进行删除。

　　5．留言板：

　　是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。

首页的设计 我的网站首页主要采用简单大方的设计方法，用的是色调一致的一组图片做的LOGO和相关的背景图片，主要页面布局如下：

　　主要栏目的介绍

　　1．个人简介：

　　介绍版主的一些基本信息，希望各位访客能够认识版主。2.我的论坛：

　　此版块又分为主页、发表意见、回复意见、显示论坛内容、版主后台管理以及版主的回复界面。其中发表意见界面是所有访客都可以在论坛里面发表自己的意见，这些意见可以是发表给所有的访客，也可以是只发表给版主，如果只发表给版主，只有版主可以看到和回复；回复意见是所有访客针对自己感兴趣的话题进行回复；这些发表的意见和回复可以在显示论坛内容的界面都显示出来，供大家讨论；那些只有版主才能看到的信息在版主的管理界面，这个界面需要登录，设有用户名和密码，在这里版主可以对所有评论进行发表或删除的管理。3.个人专题：

　　这里收录了我平时搜集的一些文章和音乐，各位访客可以根据自己的喜好进行阅览。4.我的相册：

　　在这个板块可以看到我的照片，班级照片和搜集的校园照片，如果大家喜欢可以收藏。更改照片的时候只要更新数据库就可以了。5.网站说明：

　　里面是我对整个网站的介绍，不太清楚网站构架的访客可以先到这里。6.给我留言：

　　这是每位访客针对我的网站情况给我留言，这些留言会直接保存到数据库里面，并且能够轻松的读取。7.发送邮件：

　　各位访客可以通过outlook向版主或者其他人发送电子邮件。8.链接百度：

　　如果访客想在互联网上查找东西，可以直接点击这里。9.女生花园：

　　收集了一些女生喜欢的东西，如果你是女生，可以进来看看。

　　二级页面的设计

　　我的网站主页内容简单所以主要内容再二级页面里要有详细的说明，具体说明如下：

　　个人简介

　　本模块是个人简介部分，每个个人网站都会有作者介绍。在这个模块访客会了解到作者的一些基本信息.文学欣赏

　　这个版块主要介绍我自己喜欢的相关文学作品。此版块的界面如图所示：

　　图 文学欣赏界面

　　快乐音乐

　　进入此版块，界面如图所示：

　　通过在数据库中存放音乐路径，达到在网页上播放的效果。在音乐的首页上放置了歌曲的名字，网友无需登录，即可收听自己喜欢的歌曲。

　　音乐界面

　　我的相册版块

　　个人网站中又一亮点就是个人相册的设置，在我的相册里，放置了我自己的照片、班级照片和校园照片。

　　相册里面的这三个版块具有相同的版面设计，如下图所示：

　　相册界面

　　网站说明版块

　　此版块是我根据自己的网站结构对整个网站以及每个版块所做的网站结构和功能的说明，以及网站和作者版权说明。如下图所示：

　　网站说明界面

　　如果网友不清楚网站的构架，可以查看此版块。给我留言版块

　　留言板是目前最为流行的网络应用之一，使用留言板，可以为留言者提供发言的机会，让他们能够及时、准确地交换自己的观点。

　　留言板主界面

　　完整的留言板具有发表留言和察看别人留言的功能，如图所示的留言板主界面，可由此进入留言界面和察看留言界面。

　　留言主界面

　　在主界面中存有全部留言的作者和主题，点击你想察看的主题就会进入察看留言界面，点击 “发表帖子”进入留言界面。

　　3．网站的维护方案

　　域名的申请

　　域名（Domain Name），是由一串用点分隔的名字组成的,Internet上提供用户访问某网站或网页的路径，用于在数据传输时标识计算机的电子方位（有时也指地理位置）。

　　域名申请的含义

“域名申请”：为保证每个网站的域名或访问地址是独一无二的，需要向统一管理域名的机构或组织注册或备档的一种行为。也就是说，为了保证网络安全和有序性，网站建立后为其绑定一个全球独一无二的域名或访问地址，必须向全球统一管理域名的机构或组织去注册或者备档方可使用的一种行为。由于域名是网站必不可少的“门牌号”，域名可用于：网站地址访问、电子邮箱、品牌保护等用途，所以很多企业或个人均会进行域名申请。

　　空间或者主机的租用

　　有了自己的域名这个门牌号后，就需要一个空间来存放自己的网站，也就是虚拟主机。一般虚拟主机提供商都向用户提供100MB、500MB、3GB等虚拟主机空间。我的个人网站选择100-300MB的虚拟主机空间。购买虚拟主机主要考虑几个方面：售后服务、稳定性、访问速度等。首先我选择在万网上注册一个域名然后申请租用空间建立个人网站。

　　网站链接稳定性测试

　　超级链接对于网站用户而言意味着能不能流畅的使用整个网站提供的服务，因而链接将作为一个独立的项目进行测试。网站能够正确运行首先要保证链接能够连贯运行。

　　网站的运行中整个系统是否运行正常，我主要采用将测试网站长时间运转进行测试，派生出执行程序所有功能需求的输入条件，从而导出测试用例，进行测试，网站中的每个版块的每个页面都出现了很多的链接，所以每个版块要先进行单独测试，单独测试完成后，根据个版块之间的连接结构再进行总体测试，从而达到网站的整体的运营能够顺利地进行。在测试这个环节时，没有特定的测试方法，就要做到细心，做到网站的顺利运行。

　　总结：

　　通过这次个人网站设计的制作，我学会了很多东西，也了解了很多关于个人网站的资料。不知不觉网页设计的课程将要结束了，这门课程所包含内容的丰富是让我从没有想到的。在整个的学习过程中，我学习了Dreamwave、Firework、Html语言、网站建设的基本思想等重要内容。到现在为止，我还是很庆幸能够学到这么多的内容。

　　虽然整个网页的结构还有很多不足，还有一些板块没有开通，但是我的确能够感到在我们制作过程中技能的提高。整个网站的不足我想是没有使用到一些动态网页的知识，使得日后网站的维护较为繁杂。希望以后可以自学动态网站的课程，从而弥补自己在动态网络语言方面的不足。这样以后可以利用业余的时间为自己或者公司，根据自己的爱好建立一个个人网站。

[参考文献] [1] 袁晓红.《网页设计与制作》[M].高等教育出版社 2006 385页~389页 [2] 甘登岱.《我也能掌握Flash编程》[M].航空工业出版社 2000 [3] 赵更生.《Flash动画制作培训实录》[M].人民邮电出版社 2004 [4] 鲍嘉.卢坚.陈丁法《Dreamweaver CS5网页设计从入门到精髓》[M].中国电力出版社2010 [5] 张成龙.《网页制作一点通》.延边人民出版社

[6] 刘瑞新，《ASP动态网站开发、毕业设计指导及实例》[M].机械工业出版社 2000 [7] 石晓燕、苏萍《网页设计基础》[M].清华大学、交通出版社 20 04 [8] 王玉芬.《网站规划与设计》[M].西北工业出版社 2003 [9] 谢希仁.计算机网络(第5版)[M].北京：电子工业出版社,2008

个人网站设计论文3

　　浅谈计算机个人网站建设及运用

　　13级 计算机 刘润

　　摘要：个人网站在现在的个人生活中可以起到非常重要的作用，本文主要介绍了个人网站设计规划，库文件和模板文件的制作，利用模板制作网页，制作网页特效的制作并使用ASP＋IIS＋Access技术实现了我的网站的各种功能，其中和数据库的连接使用到了ODBC技术等。通过此次的学习能快速掌握个人网站设计制作的基本技巧和基本网站建设过程。

　　关键词：网站；网页制作；模版

　　引 言

　　在Internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们的政治、经济、生活等方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现的，获取信息也是要在Internet海洋中按照一定的检索方式将所需要的信息从网站上下载下来。因此网站建设居Internet应用上的地位显而易见，它已成为政府、企事业单位信息化建设、个人网站建设中的重要组成部分，从而倍受人们的重视。个人网站已成为同学们讨论最热门的话题，适用于想通过建立网站交友、突出自我个性的广大网站制作爱好者。

　　主要介绍了个人网站设计规划，库文件和模板文件的制作，利用模板制作网页，制作网页特效的制作等。通过此次的学习能快速掌握个人网站设计制作的基本技巧和基本网站建设过程。

　　首页中主要涉及了个人简介，照片匣子，我的作品，友情链接等。

　　一、个人网站设计规划

　　随着网络技术的飞速发展，越来越多的个人拥有了自己的网站，为了设计一个有效的，引人注目的站点，应该有计划，有步骤地完成一系列操作。在动手建立网站以前，对网页进行完整，详尽的整体设计是至关重要的。个人网站设计制作主要包括以下几个步骤。

（一）确定网站的主题

　　对于主题的选择主要按下列三个条件去考虑，本例所讲的是一个个人介绍性质的网站，主体就是介绍个人的相关信息。

　　1、主题要小而精。一般来说，个人主页的选材定位要小，内容要精。

　　2、对于个人网站来说主题最好是自己擅长或者喜爱的内容。这样在制作时，才不会觉得无聊或者力不从心。兴趣是制作网站的动力，没有热情，很难设计制作出优秀的作品。

　　3、主题不要太滥或者目标太高。

　　如果主题已经确定，就可以围绕主题给该网站起一个名字，网站名称也是网站设计的一部分，而且是关键的要素。

（二）确定网站的目录结构

　　网站的目录是指建立网站时创建的目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对站点本身的上传维护以及以后的内容的扩充和移植有着重要的影响。

　　本站只是个人介绍性质的页面，主要是静态的几个页面，因此在建立目录的时候，可以将其中的页面文件直接放在根目录下，所有的图片可以放在images文件夹中。

　　下面是建立目录结构的建议：

　　1、不要将所有文件都存放在根目录下。

　　2、按栏目内容建立子目录。

　　3、在每个主目录下都建立独立的images目录。

　　4、目录的层次不要太深。

（三）确定网站的整体风格

　　风格是指站点的整体形象给浏览者的综合感受，包括站点的标志，色彩，字体，标语，版面布局，内容价值，存在意义，站点荣誉等诸多因素。本站采用白色，绿色等为主的色调，绿色具有清爽，理想，希望，生长的含义,采用这种明亮的绿色，和褐色的沉稳,营造了一个清晰明块，充满无限希望与活力的氛围。

　　从整体风格的角度来看，下面就是一个好的网站标准：

　　1、简洁实用：这是非常重要的，网络特殊环境下，尽量以最高效率的方式将用户所想得到的信息传送给他就是最好的，所以要去掉所有冗余的东西。

　　2、整体性好：一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。

　　3、网站形象突出：一个符合美的标准的网页是能够使网站的形象得到最大限度的提升的。页面用色协调，布局符合形式美的要求：布局有条理，使网页富有可欣赏性。

　　4、交互式强：发挥网络的优势，使每个使用者都参与到其中来，这样的设计才能算是成功的设计。

（四）确定网站主要栏目和布局

　　因为每台显示器分辨率不同，所以同一个页面的大小可能出现640*480像素，800*600像素，1024*768像素等不同尺寸。本站的所有页面采用800*600像素制作。

　　通常版面布局按照如下步骤进行。

　　1、草案

　　新建页面就像一张白纸，没有任何表格，框架和约定俗成的东西，可以尽可能地发挥想象力，用一张白纸和一支铅笔将想到的景象画上去，当然用作图软件Photoshop，Fireworks等都可以。这属于创作阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓既可。尽可能多画，几张，最后选定满意的作为继续创作的样板。

　　2、粗略布局

　　在草案的基础上，将确定需要放置的功能模块安排到页面上。必须遵循出重点，平衡协调的原则，将网站标志，主要栏目等最重要的模块放在最显眼，最突出的位置，然后再考虑次要模块的排放。

　　根据本站的主要栏目确定了本站的布局草图。我们可以把顶部导航区作top库文件，在制作其他网页文件时直接引用。在本站中的其他页面风格和栏目相似，如果每次都重新设定网页结构以及导航条，各类图标就显得非常麻烦，可以利用Dreamweaver先制作一个模板，然后利用模板再来创建其他的页面。

　　二、创建个人网站站点

　　在制作网页前，要先为网页定义一个个人网站站点，用来存放站点中所有网页文件及附属文件。建设站点前先将配套的素材文件夹复制到本地硬盘上，在本地硬盘上创建个人网站，具体操作步骤如下。

　　1、选择【站点】|【管理站点】命令，弹出【管理站点】对话框，在【管理站点】对话框中，单击【新建】按钮，然后从弹出的菜单中选择【站点】。如下图3-1所示：

　　图3-1 管理站点

　　图3-2 输入站点名称

　　2、弹出【站点定义】对话框，如果对话框显示的是【高级】选项卡，则单击【基本】选项卡，弹出【站点定义向导】的第一个界面，要求为站点输入名称。如图3-2所示.3、单击【下一步】按钮，出现向导的下一个界面，询问是否要使用服务器技术。选择【否，我不想使用服务器技术】选项，指示目前该站点是一个静态站点，没有动态页面。

　　4、单击【下一步】按钮，打开一个对话框，在文本框中输入站点路径。

　　5、单击【下一步】按钮，询问是否使用远程服务器，这里选择【无】，因为将整个站点制作完成以后再上传。

　　6、单击【完成】按钮，即出现【管理站点】对话框，其中显示了新建的站点。

　　7、单击【完成】按钮，关闭【管理站点】对话框。现在，已经为站点定义了一个本地根文件夹，就可以在站点中制作网页了，当制作完成以后，就可以上传到服务器上供大家浏览了。

　　三、制作网页模板

　　因为本网站中的几个页面都要用到相同的页面元素和排版方式，因此可以使用模板以避免重复地在每个页面输入或修改相同的部分，在网站改版的时候，只要改变模板，就能自动更改所有基于这个模板的网页。

（一）制作库文件

　　在Dreamweaver中，库项目是可以重复使用的项目之一，库的用途和模板类似，都是可将同一内容用于不同的网页，库文件具体制作步骤如下。

　　1.选择【文件】|【新建】命令，新建一空白网页。

　　2.选择【插入】|【图像】命令，弹出【选择图像源文件】对话框，选择。3.单击【确定】按钮，即可插入图像。

　　4.选择【文件】|【另存为】命令，弹出【另存为】对话框，在【文件名】文本框中输入文件名，在【保存类型】中选择【库文件（* lbi）。

　　5.单击【保存】按钮，至此库文件制作完成。

（二）制作模板

　　使用模板创建文档可使站点具有统一的结构和外观。无论是新建站点还是更新已有站点，如果要使站点中的所有页面都共有某种特色，则模板非常有用。使用模板可以个次修改若干页面，而不用对新页面逐个设置属性。制作模板具体步骤如下。

　　1.选择【文件】|【新建】命令，弹出【新建文档】对话框，在【常规】选项卡中选择

【模板页】类别中的【HTML模板】选项。如图4-1.图4-1 HTML

　　模板

　　2.单击【创建】按钮，创建一空白模板网页。选择【窗口】|【资源】命令，打开资源面板，在资源面板中选择images/bj_文件。如图4-2

　　图4-2 打开文件 3.单击【插入】按钮，即可插入库文件。

　　4.将光标置于库文件的下边，选择【插入】|【表格】命令，弹出【表格】对话框，并设置【行数】、【列数】，【表格宽度】设置为1005像素，单击【确定】按钮即可插入需要的表格。

　　5.将光标置于第1行单元格中单击鼠标面板中【背景图像】文本框右边的 图标，弹

　　出【选择图像源文件】对话框，从中选择图像文件夹中的images/bj_文件，如图4-3所示.图4-3 选择文件

　　6.单击【确定】按钮，即可插入背景图像

　　7.用PHOTOSHOP CS2制作图片，如图4-4

　　图4-4 制作图片

　　8.按需要分别插入图片，使其组合成一个完整的页面背景.9.预览，效果如图4-5所示

　　图4-5 效果图

（三）设置模板可编辑区

　　1.接上一节，将鼠标置于文档想创建可编辑区域的位置。

　　2.选择【插入】|【模板对象】|【可编辑区域】命令，弹出【新建可编辑区域】对话框，在对话框中，将【名称】设置为index_1,如图4-6所示.图4-6 创建可编辑区域

　　3.单击【确定】按钮，即可创建可编辑区域，如图4-7所示.图4-7 可创建区域

（四）用模板制作网页说明

　　可以利用模板快速的制作出大量的风格类似的网页，当模板改变时，所有基于模板的网页也随之改变，这样能有效的实现网站的更新。

　　四、利用模板制作网页

（一）制作登录主页

　　1.切换到【显示代码视窗】，在代码视图状态下，在和