个人网站设计及其实现.doc

个人网站的开发与创建概述：随着全球网络的广泛使用，人们不再仅仅满足于在互联网上获取资讯。人们渴望更积极地融入网络环境，建立自己的网络空间。借助这个平台，个人可以更充分地展示自身形象。个人主页的制作与完成，不仅有助于提升与外界的互动与联络，还能彰显个人特质与审美取向，增强个人风采和自信心。这项学术项目目前的核心在于个人网页的构建实践，它着重阐述了如何构建个人网页的技术路径，关键词：个人网页；ASP；web1.引言当前，互联网领域最受关注的部分就是万维网，万维网实际上由数十亿个独立页面构成，这与我们制作文字处理文档页面极为相似。这就是网络——它就是无数网页组成。所谓“网页”，“网页”里面可能包含文字、图片、图形、音频、动画等。这些独立网页会指向其它网页。一般一个公司或个人会建立一套网页，这些网页彼此关联。相互关联的网页集合就叫做站点。每个站点都有首页，这个页面类似一个索引。网站的首页通常是进入点，部分站点设有引导页面，其作用类似书籍的封面，通过它可访问主界面。本次研究，我的网站构建和定制化页面生成方案，主要涉及两个环节，一是运用Dreamweaver建立关联规则挖掘程序，二是借助IIS+ASP技术打造个性化网页生成工具。两者通过数据平台和网页平台建立联系。互联网之所以能够兴旺发达，得益于众多大小网站的存在。几乎每个人都想建立自己的网站，因此，网站设计工具成为了当下最受欢迎的工具之一。接下来，我将介绍我构建个人网站所使用的工具和开发条件。Adobe Dreamweaver CS5 是一款综合网页设计与网站管理的工具，它具备所见即所得的编辑功能，专门为专业网页设计师设计，尤其注重视觉化网页开发，借助这个软件可以非常方便地创建出不受平台和浏览器限制的动态网页。第二项是ASP技术，ASP代表Active Server Page，即动态网页制作的优秀手段，它充当编程语言的角色，借助该技术可以编写动态生成的HTML代码，同时ASP也是一个服务器端脚本平台，可用于制作交互式网页并构建功能强大的网络应用。ASP技术有助于网页制作者和页面美化师迅速构建容易管理动态网络页面。客户端只需借助能够执行HTML代码的浏览器即可浏览ASP制作的网页信息。ASP所应用的脚本语言全部在服务器位置执行，客户端的浏览器无需安装这些脚本语言。该技术不仅功能突出，而且编写规范十分简洁明了。ASP以容易理解的基础语言为支撑，包括脚本语言和HTML语言，对脚本语言种类不加约束，采用编辑工具简便，仅需普通文本编辑器，例如Windows记事本就能胜任。Access数据库软件属于Office软件系列，专门用于数据库应用管理，使用起来方便快捷，功能非常强大，存储方式简便，同时便于维护和管理；既可以用来存储数据，也可以作为用户端开发工具，用于数据库应用系统的构建，能够开发小型软件，同样适合开发大型应用系统。它适用于多种微软视窗平台，得益于对视窗特性的继承，操作便捷，交互界面设计合理。数据库管理员无需具备高级编程能力，非技术人员无需编写程序，也能借助此工具构建功能完备的数据库管理系统。本站选用功能卓越的微软Access构建内部数据存储系统，以此为基础设计了一个轻量级个人网页平台。系统整体规划3.1 网站整体规划布局网站风格规划收集资料目录规划网页规划策划网站导航规划3.2 留言板规划管理留言编辑留言删除留言撰写保留留言留言板系统读取展示留言回复留言3.3 数据库构建网站应用后台文件：文件名称用途和功能备注admin.asp登录后台index.asp首页admin_article.asp管理文章后台Delartcat.asp删除功能后台post.asp发布功能后台myworld.mdb数据库文件后台admin_diary.asp心情管理后台后台验证：仅允许访客进入页面浏览，在执行回复留言和新闻增加、删除等管理操作时全部必须进行用户身份验证，即需要管理员提供后台管理用户名和密码，这些用户名和密码存储在对应数据库中。具体设计需从网站规划开始，由于我构建的是个人站点，因此目标受众是身边熟悉的同学和朋友们，主题与内容围绕个人日常生活的点点滴滴，同时提供一个与好友深度交流的平台，让大家相互了解的小空间。这样就没有必要追求特别高创意，只需保持温馨，简洁大方即可。当然，如果设计的是一个面向广大用户的个人展示平台，那么就需要具备新颖的创意了。针对我的个人网站，我主要从以下方面着手设计：愉快世界，这是一个展现个人特色的板块，里面收录了我喜欢的优秀文章，以及我认为富有意义的小故事和图片，供大家欣赏。其他多个页面也类似，只是介绍的内容方向有所不同。拥抱阳光，用于展示我近期的生活照片。心情动态，让朋友们能够快速直观地了解我当天的情绪状态。留言板旨在充当与朋友沟通的桥梁，有助于持续增进彼此间的情谊，加之系个人打造，故而具备较强的隐私保护，可成为共享喜悦与机密的专属空间，4.1静态网页制作现已完成整体规划，具备实施条件，以下展示该网站首页的最终形态，随后将逐步解析其构建流程。启动Dreamwear cs5软件，开始进行页面构造，通过“插入”功能找到“表格”选项，根据实际需求设定表格的行和列数量。接着，在划分好的各个区块中，逐一放置所需的图片等元素。这样，一个简洁美观的网页布局就制作完毕了。4.2 动态页面构建在整个网站设计里，动态页面的制作占据着非常重要的地位。我根据个人主页功能需求创建了数据库,现在来讲解如何配置系统DSN（数据源名称）。DSN用于指定数据库位置并关联其属性。采用DSN的好处在于,若需迁移数据库文件或切换其他类型数据库,只需重新配置DSN即可,无需改动原有应用程序。现在，我将说明我在个人电脑上设置DSN的步骤：首先，进入控制面板，然后双击“管理工具”中的“数据源（ODBC）”，界面如下所示：其次，在弹出的“数据源（ODBC）”窗口里，挑选“系统DSN”选项卡，接着点击“添加”选项，界面展示：再次，在“创建新数据源”的窗口里，把数据库驱动程序设定为“Microsoft Access Driver（*.mdb）”，随后点“完成”按钮，界面显示：然后，在“ODBC Microsoft Access 安装”的窗口里，在“数据源名”的输入框里填入我的网站数据库名称：myworld，并在“数据库”区域点击“选择”按钮，选定我的网站根目录下已建立的数据库 myworld.mdb，最后点“确定”按钮，界面呈现：这时，可以看到系统数据源名称列表里新增了“myworld.mdb”，这就是我的网站将要使用的数据库。点击确认键，这样，我就完成了数据源的建立工作。图：处理完这些，启动dreamwear，把数据库和网页关联起来。打开数据库，确保连接无误，然后把数据库里的信息逐条移到表格对应的单元格，这样，数据库的内容就呈现出来了。4.3 制作网页链接的基本理念：所谓链接，即超文本链接，表示从当前页面指向特定目标对象的关联性，该目标对象可能是其他页面，也可能是同一页面内的不同部分，还可能是图像、电子邮箱、文档，乃至应用程序。这些链接类型多样，包括文本链接、图片链接、邮件链接以及文件下载链接等。在网页里，点一下带图标的、底部有横线或者写着连接地址的部分，就会去到那个网页。先在网页上选好准备做超链接的文字或图片。接着，在工具栏里找到那个黄色的文件夹标志，点击它，从出现的窗口里选好要链接的页面文件，这样设置就结束了。设置好超链接后，属性栏会显示链接的目标文件。最后，按F12键查看网页效果。在浏览器中，当鼠标指向网页上的链接时，光标会变成手形图标，这种变化是常见的，4.4 其他页面的构建方式与首页类似，需要参照首页的制作流程，不过在这个过程中，我们必须特别关注网站设计的四个基本准则：对齐、亲密、重复和对比，对齐意味着页面上的各个元素需要排列整齐，亲密性准则强调元素之间要相互靠近，当它们被放置在相邻位置时会形成自然的联系重复运用某些部分，是为了把各个独立的部分串联起来。整个站点要体现出整体感，传递出一致的设计思想。强烈的视觉反差能够迅速抓住浏览者的注意力。利用元素间的差异，可以引导视线在页面上移动，同时构建清晰的层级关系，帮助人们从大量内容中筛选出关键信息。本设计选用ASP技术搭配Access数据库系统来构建一个个人网站。该网站的开发目标在于达成智能化水平。此设计具备以下功能：能够对心情板块进行内容的增加、删除和修改，同时设有留言板功能，并支持部分静态网页的访问。在网站的设计流程中，数据库的构建占据着至关重要的地位。要留意几个方面，首先，关于系统维护者，他们掌握着整个网络平台发布内容，数据库维护，信息维护以及人员维护的绝对权力，能够对心情进行添加、删除和修改，也可以回复和移除留言，这些操作只有他们才能执行，其次，对于普通访问者，他们是信息的最终查看者，没有任何操作权限，属于一般用户群体。设计数据库时，必须兼顾多种信息的存储与修改，因此数据库必须尽可能适应各种信息的存取操作。接下来，将具体分析后台数据库各表的结构和字段情况。管理员表，心情板块表，内容管理表，留言管理表，系统实现，一个网站建成后不能马上发布，程序开发和页面设计过程中难免有偏差，所以正式发布前必须测试，找出网页中的问题，这是非常必要的环节，需要提前进行一段时间的测试，为什么要测试如此重要呢未经验证的页面可能会暴露哪些缺陷？接着，在不调整IIS服务器中“默认网站”预设路径的情况下，开展下一项操作。首先，打开IE浏览器地址输入http://localhost/qiqi/qiqi/，即可进入系统主界面。接下来，进行具体测试环节。我主要围绕以下几项内容展开分析：功能检验，安全验证，运行可靠性验证，客户端适配性验证，用户交互友好度验证，网络连通性验证，以及编程规范验证。在我的个人站点检验期间，在数据存取路径和图像参照地址上均发现了诸多问题，幸而爱游戏登录入口网页版平台，通过本人修正，目前基本排除了这些状况。这个页面是在浏览器地址输入http://localhost/qiqi/qiqi/后显示的。6. 结语两个多月的时间，毕业设计工作已经基本结束。现阶段，我已经完成了个人网站的初步建设。然而，由于毕业设计周期较短，个人能力存在局限，导致数据库与网站未能实现正常连接。这个系统目前还存在许多需要改进之处。这些都需要在未来进行深入优化。参考文件致谢，通过这次毕业设计，我不仅增强了自己的学习本领，也锻炼了自己的实践技能，同时还扩大了我的知识领域，并且也战胜了自己性格中的胆怯，提升了面对困难的勇气。在这次毕业设计过程中，指导老师卓皓认真负责的工作精神，他耐心细致地指导每一个环节，这些都让我特别感动。无论是从理论角度还是实践层面，都让我获得了极大支持爱游戏app官方网站登录入口，令我收获颇丰；这对今后工作和学习无疑是一份宝贵助力爱游戏最新官网登录入口，非常感激她悉心指导。此外，在网站开发期间，周围的同学也给予了我诸多协助，当我遇到难题向他们咨询时，每个人都十分友善地尽力提供帮助，在此也一并致谢。