范文个人网页的设计和实现.docx
《范文个人网页的设计和实现.docx》由会员分享，可在线阅读，更多相关《范文个人网页的设计和实现.docx（17页珍藏版）》请在冰豆网上搜索。
范文个人网页的设计和实现
继续教育毕业论文
题目个人网页设计和实现
姓名苏瀚良
学号
专业计算机科学和技术
导师姓名、职称冯晓慧、副教授
论文提交日期：
4月1日
西安电子科技大学继续教育
毕业论文（设计）任务书
函授站名
瑞德教育
专业
计算机科学和技术
姓名
苏瀚良
学号
1
指导老师
冯晓慧
职称
副教授
题目
个人网页设计和实现
任务和要求
综合利用信息管理和信息系统专业知识，依据个人实际情况，利用优异网页开发工具（Frontpage，Dreamwever,flash等），设计一个反应个人情况网页。
要求：
1.利用网页设计理论和方法，编写《个人网页设计汇报》；
2.网页中所包含内容健康且主动向上，页面含有一定特色，层次设计清楚，颜色搭配合理，有较强观赏性和实用性；
3.撰写毕业论文，论文要求由中英文摘要、目录、绪论、正文、结论、致谢、参考文件。
论文要求结构合理，概念清楚，逻辑清楚，语言通顺，文笔流畅。
4.按时参与毕业论文答辩。
开始日期:
12月01日
完成日期:
4月1日
指导老师署名:
年月日
西安电子科技大学继续教育
毕业论文（设计）工作计划
函授站名
瑞德教育
专业
计算机科学和技术
姓名
苏瀚良
学号
1
指导老师
冯晓慧
职称
副教授
题目
个人网页设计和实现
工作进程
起止时间
工作内容
.12.01-.12.07
和指导老师研讨题目内涵，对所选题目进行确定或提出修改、调整意见。
.12.08～.12.20
搜集资料，分析课题要求，熟悉本课题要用到相关知识和常见软件，对具体工作内容进行研究，制订具体毕业论文（设计）工作计划。
.12.21～.01.30
依据工作计划确定本课题要采取软件、熟悉工具软件.
.02.01～.02.30
进行网页总体设计和编程，撰写中期检验汇报。
.03.01～.03.20
网页编程实现并进行调试和优化完善功效。
按计划进行毕业论文中期检验工作.
.03.20～.04.01
整理资料、撰写论文、交导师审阅,准备答辩。
关键参考书目：
[1]Jsp网络应用开发.北京：
电子工业出版社-孙鑫（著），
[2]李明飞.JSP应用教程[M].北京：
清华大学出版社，北京交通大学出版社，
[3]肖刚，古辉，程振波，张元鸣.实用软件文档写作[M].北京：
清华大学出版社，
关键仪器设备：
硬件：
计算机、局域网、
等。
指导老师署名：
年月日
西安电子科技大学继续教育
毕业论文（设计）评审表
答辩人
苏瀚良
答辩时间
4.11
答辩地点
E教室
答辩小
组人数
3
组长
冯晓慧
统计人
王晓凤
论文题目
个人网页设计和实现
毕业论文评语
该同学在毕业设计期间，能按指导老师要求认真开展工作，独立完成了毕业设计。
论文书写认真，格式规范，条理清楚，本论文完成了毕业设计任务书要求。
提议成绩评定为：
导师署名
年月日
答辩小组意见
该生陈说思绪基础清楚，语言流畅，逻辑性强，能较为正确地回复答辩老师所提问题.
评议论文成绩为：
组长署名
年月日
评审组意见
同意答辩小组意见，评议论文成绩为：
组长署名
年月日
摘要
伴随经济社会发展，计算机已被应用到社会生活各个领域。
和此同时，互联网作为信息技术通信桥梁连接着全球计算机，而网站作为网络信息关键表现形式而且还是互联网信息关键承载者，在Internet上表现极及其关键地位，并发挥着其及其关键作用。
伴随网络越来越普及,现在网络已经成为每个人生活一部分,同时网络也提供了一个很好信息交换平台,而个人主页是一个能够在网络上展示个人信息方便手段。
本文介绍了怎样开发个人网站。
首先介绍开发工具ASP,HTML等技术,然后具体讲解了个人主页开发。
关键词：
个人主页,HTML技术,ASP技术
摘要
第1章绪论
1.1课题研究现实状况分析
伴随社会发展和科学进步，上网成为越来越多大家选择。
伴随互联网飞速发展，相关网络技术也层出不穷。
现在互联网上个人网站如雨后春笋般蓬勃发展，绚丽多彩主页比比皆是。
每个人全部有发挥个人才能，挥洒自己个性网上伊甸园。
在hao123神话以后，网站大全类网站又再一次达成顶峰。
然而这个模式拷贝成功网站却寥寥无几。
而对于技术微弱个人网站来说，似乎网址类网站应该是一个很好切入点。
不过因为搜索异军突起，网址类网站似乎变得可有可无。
网页实际是一个文件，她存放在世界某个角落某一台计算机中而这台计算机必需是和互联网相连。
网页经由网址（URL）来识别和存取，当我们在浏览器输入网址后，经过一段复杂而又快速程序，网页文件会被传送到你计算机，然后再经过浏览器解释网页内容，再展示到你眼前。
文字和图片是组成一个网页两个最基础元素。
能够简单了解为：
文字，就是网页内容，图片，就是网页美观。
除此之外，网页元素还包含动画、音乐、程序等等。
1.2个人网站研究工作
个人网站是由部分提供一套集博客、文章、相册、日程、通讯录、链接、调查、留言板等很多功效于一体网络平台。
个人网站自由、开放精神，并使之更轻易操作，更具个性需求，而不需要高深技术。
它能够帮助个人进行全方面信息化，以多个形式达成对信息获取、组织、思索、表示、共享和交流目标。
以个人为中心，建立一个完全属于自己可定制个性化网络平台。
伴随互联网深入发展和成熟，网络带宽深入加阔，网络应用也越来越广泛。
网页制作更是日新月异，层出不穷。
涌现了很多琳琅满目标网站，使得整个互联网多姿多彩。
在进行动态网页制作时候，通常全部是使用ASP来完成。
因为ASP使用方便，操作简单，很多网页设计者一直使用ASP。
ASP集成在HTML和脚本语言中，其工作界面简单，所以，ASP相对于其它网页制作软件来说，易学易用，是网页制作初学者入门软件。
同时配合数据库操作，使个人网站含有愈加好网络平台和交互性。
1.3已经取得研究结果
中国互联网在近几年发展迅猛。
首先，产生了一批依靠技术领先互联网企业，取得了成功；其次，互联网技术逐步走向普及，使得行业进入门槛正在降低。
现在中国网站总数已经近百万。
在这里面出现了大量个人网站。
而且个人网站存在着巨大商业价值。
假如能以强大号召力，把互补个人网站联合起来，不知道能够成立多少个门户网站。
我们有理由相信，个人网站还极具潜力。
1.4选题目标及意义
伴随Internet快速普及，我们已经不再满足于仅仅浏览网页，而是期望更深入地参预到网络中去，Internet开放性使个人建立自己网站成为可能，拥有自己网站也越来越成为一个时尚，同时创建一个能充足表现自我风格和特色个人网站已经成为互联网用户新追求。
我们更需要交流，相信交流能够促进我们不停进步，并融合她人优点；让我们多部分渠道倾听来自不一样立场声音；设想我们网络，当每个人全部拥有个人网页，不管是否在线，我们全部能够跨越时间、空间进行交流，因为这个网页中拥有我全部一切，生活，见解，知识，思想；理想状态是个人门户就是每个人影子，她为每个人打点网络上一切，很多志同道合好友会在这里和你相识相知。
1.5课题研究关键内容
互联网是社会发展肯定趋势，大家已经意识到网络强大生命力和它在未来将处于关键地位。
她们钻研而且努力进入到这一个新空间，新领域。
其中包含你和我。
在我们工作、日常生活中，能够拥有一个自己网站，一个已经成为不少人期望和骄傲。
就这个课题研究，因为是个人网站，所以我只是选择了自己擅长和喜爱内容，在突出自己风格和特点同时，还应用了现在流行网站设计技术和数据库技术。
第2章ASP介绍
ASP是ActiveServerPage缩写，意为“动态服务器页面”。
ASP是微软企业开发替换CGI脚本程序一个应用,它能够和数据库和其它程序进行交互，是一个简单、方便编程工具。
ASP网页文件格式是.asp，现在常见于多种动态网站中。
ASP是一个服务器端脚本编写环境，能够用来创建和运行动态网页或Web应用程序。
ASP网页能够包含HTML标识、一般文本、脚本命令和COM组件等。
利用ASP能够向网页中添加交互式内容（如在线表单），也能够创建使用HTML网页作为用户界面web应用程序。
和HTML相比，ASP网页含有以下特点：
（1）利用ASP能够实现突破静态网页部分功效限制，实现动态网页技术；
（2）ASP文件是包含在HTML代码所组成文件中，易于修改和测试；
（3）服务器上ASP解释程序会在服务器端制订ASP程序，并将结果以HTML格式传送到用户端浏览器上，所以使用多种浏览器全部能够正常浏览ASP所产生网页；
（4）ASP提供了部分内置对象，使用这些对象能够使服务器端脚本功效更强。
比如能够从web浏览器中获取用户经过HTML表单提交信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；
（5）ASP能够使用服务器端ActiveX组件（是一个存在于WEB服务器上文件，该文件包含实施某项或一组任务代码，组件能够实施公用任务，这么就无须自己去创建实施这些任务代码。
比如，股票行情收报机组件能够在Web页上显示最新股票报价。
2.1运行ASP所需环境
要浏览ASP文件必需经过服务器解析才能够浏览得到。
假如是将asp文件上传到支持asp服务器，那就能够直接浏览。
不过假如是在本机上面，那就必需将自己电脑设置成为服务器。
我们单机并不需要设置成为局域网，只需要设置成为单机服务器就能够。
ASP运行所需环境以下：
MicrosoftPeerWebServicesVersion3.0onWindowsNTWorkstation
MicrosoftPersonalWebServeronWindows95/98
也就是说我们常常所使用window95/98//XP全部能够运行asp，只需要将其设置为单机服务器就行了。
归结一点：
window95/98，需要安装PWS；window/XP,需要安装IIS（InternetInformationServices---互联网信息服务，是由微软企业提供基于运行MicrosoftWindows互联网基础服务）才能发挥其asp作用。
2.2ASP特点
（1）利用ASP能够突破静态网页部分功效限制，实现动态网页技术；
（2）ASP文件是包含在ASPhtml代码所组成文件中，易于修改和测试；
（3）服务器上ASP解释程序会在服务器端制订ASP程序，并将结果以html格式传送到用户端浏览器上，所以使用多种浏览器全部能够正常浏览ASP所产生网页；
（4）ASP提供了部分内置对象，使用这些对象能够使服务器端脚本功效更强。
比如能够从Web浏览器中获取用户经过html表单提交信息，并在脚本中对这些信息进行处理，然后向web浏览器发送信息；
（5）因为服务器是将
ASP程序实施结果以html格式传回用户端浏览器，所以使用者不会看到ASP所编写原始程序代码，能够预防程序代码被盗取；
（7）使用VBScript,JavaScript等简单易懂脚本语言，结合html代码，即可快速完成网站应用程序设计；
（8）能够使用常规文本编辑器，如记事本，即可进行编辑设计。
2.3ASP工作原理
（1）用户在浏览器地址栏中输入ASP文件名称，并回车触发这个ASP请求；
（2）浏览器将申请发送到IISweb服务器；
（3）web服务器接收这些申请并依据“.asp”后缀名识别这是ASP文件；
（4）Web服务器从目前硬盘或内存中，读取正确ASP文件；
（5）web服务器然后将它送回用户浏览器。
2.4ASP动态网站运行条件
（1）必需要有IIS（Internet信息服务）服务器；
（2）服务器要安装数据库32位ODBC驱动程序；
（3）服务器端需安装数据库开发程序如Access、SQLServer等；
（4）为了确保网站可视化开发，还需安装网页制作软件如DreamweaverCS3。
第3章Dreamweaver介绍
Dreamweaver是Macromedia企业出品一款“所见即所得”网页编辑工具。
和Frontpage不一样，Dreamweaver采取是Mac机浮动面版设计风格，对于初学者来说可能会感到不适应。
但当你习惯了其操作方法后，就会发觉Dreamweaver直观性和高效性是Frontpage所无法比拟。
Dreamweaver对于DHTML（动态网页）支持尤其好，能够轻而易举地做出很多眩目标互动页面特效。
插件式程序设计使得其功效能够无限扩展。
Dreamweaver和Flash、Fireworks并称为Macromedia网页制作三剑客，因为是同一企业产品，所以在功效上有着一个很紧密结合。
所以，说Dreamweaver是高级网页制作首选并不为过。
将多种网页制作相关工具紧密联络起来是Dreamweaver系列一大亮点，同时良好插件体系，使DreamweaverCS3可经过第三方插件进行补充。
另外，DreamweaverCS3还为开发人员提供了动态语言支持和丰富模板。
DreamweaverCS3在功效强大和易用性之间含有很好平衡，使用DreamweaverCS3能够有效地提升web开发工作效率。
在DreamweaverCS3中提供了大量CSS模板和代码块，开发人员能够依据这些模板和代码块快速建立基于CSS修饰页面。
同时DreamweaverCS3对CSS管理也进行了增强，能够方便地将CSS代码在外部文档和页面之间进行移动，使用CSS免去了修改网页中某一处样式而在源代码中苦苦寻觅烦恼，能够达成一处变动全站全部变效果，及大地提升了工作效率。
Dreamweaver对ASP网页设计提供了很多支持，不管是网页创建还是数据库设计，全部能够很方便完成，ASP网页开发人员几乎不用编写任何程序代码，就能够用Dreamweaver快速创建含有含有多种功效网页形态。
然而很多深入细节仍然需要经过编写代码来完成。
Dreamweaver和ASP在某种程度上来讲是相辅相成缺一不可，我个人网站就是用Dreamweaver和ASP来完成。
在本网站中来访者能够浏览相关信息，管理员经过网站后台管理系统能够直接进行管理操作，能实现网站在线更新、修改、等各项功效。
用Dreamweaver和ASP就能够完成网站基础框架了，不过要使网站美观大方，还得利用部分辅助软件，如Photoshop、美图秀秀、Flash等。
动态网站，是指WEB服务器能够经过HTML表单搜集用户信息，用户也能够经过网页取得自己想要信息网站，通常使用数据库技术，网站维护更新方便。
第4章系统可行性和要求分析
4.1对系统可行性研究
并非任何问题全部有简单显著处理措施，实际上，很多问题不可能在预定系统规模或时间期限之内处理。
假如问题没有可行解，那么花费在这项工程上任何时间、人力、软硬件资源和经费，全部是无谓浪费。
可行性研究目标，就是用最小代价在尽可能短时间内确定问题是否能够处理。
在澄清了问题定义以后，分析员应该导出系统逻辑模型。
然后从系统逻辑模型出发，探索若干种可供选择关键解法（即系统实现方案）。
对每种解法全部应该仔细研究它可行性，通常来说，最少应该从技术可行性、经济可行性和时间可行性三方面研究每种解法可行性。
以下为对本系统可行性研究：
技术可行性：
利用ASP技术完全能够开发和制作动态网页。
经济可行性：
制作该系统并不复杂，在一台装有windowsserver电脑上即能开发，基础上不需要什么成本。
时间可行性：
该系统设计简单，可在许可时间范围内完成。
经过以上三方面分析，得出结论：
该系统是可行。
4.2需求分析任务
需求分析任务不是确定系统怎样完成它工作，而仅仅是去确定系统必需完成哪些工作，也就是对目标系统提出完整、正确、清楚、具体要求。
即使功效需求是对软件系统一项基础需求，但却并不是唯一需求，通常对软件系统有以下几方面综合要求，功效需求（这方面需求指定系统必需提供服务）、性能需求、可靠性和可用性需求（可靠性需求定量地指定系统可靠性，可用性量化了用户能够使用系统程度）、犯错处理需求（这类需求说明系统对环境错误应该怎样响应）、接口需求（描述应用系统和它环境通信格式）。
对系统综合要求有系统性能要求、运行要求三个方面。
1．系统性能要求：
在以下环境均能运行asp：
MicrosoftInternetInformationServerversion3.0/4.0onWindowsNTServer
MicrosoftPeerWebServicesVersion3.0onWindowsNTWorkstation
MicrosoftPersonalWebServeronWindows95/98
一台能够运行Windows操作系统计算机，内存在16MB以上（操作系统WindowsNTServer要求32MB以上），可用硬盘空间在100MB以上，即符合要求。
2．运行要求：
ASP程序必需在支持ASPWeb服务器上才能运行，对于个人用户，能够首先将计算机虚拟为Web服务器。
假如计算机使用是Windows系统，安装微软PWS或IIS就能够实现这一目标。
该系统使用是IIS，后台数据库为Access。
第5章制作个人网页基础步骤
5.1搜集素材
（1）文字资料。
关键是自己编写，或从报刊、杂志、网络等媒体上获取相关资料，加以整理编辑。
（2）图片资料。
通常能够依据主页专题选择适宜素材库光盘，或是直接从网络下载。
假如有一定绘图功底和技巧，提议尽可能使用Photoshop或Paintshopf绘图软件，制作页面图标Logo及广告Banner，以充足表现主页个人特色。
（3）其它资料。
为增加个人主页表现力，能够在页面内适度加上音乐文件、视频文件、动画文件以点缀页面。
5.2设计结构
个人主页制作是个复杂系统工程。
在开始页面制作之前，先搭好主页框架，计划整体结构，草拟网站“施工图”。
假如只是一时兴起，想到什么就作什么，盲目操作，往往会使网站制作虎头蛇尾、条理混乱，最终因维护困难而夭折。
进行页面计划，就是对每个页面布局及所包含内容进行完整详尽设计。
包含是否采取框架，每个页面中图片、文字及其它文件分布和外观显示设定（如颜色、字体）等等，进而依据计划大致估算一下需要多少相关索材，并给予分别类落实。
经过计划，便于个人网页管理维护，能让制作者有条不紊地表示全部信息，使得网站格式统一、层次清楚。
通常多采取树状结构先列出每个页面纲领内容及计划页面之问层次结构和链接关系，并合适考虑未来扩充可能性。
5.3创建站点
制作网页之前，新定义一个站点。
利用站点，能够方便、快捷地对文件进行管理，尽可能地降低犯错，如路径错误、链接错误等。
同时设置了当地文件夹和远程信息后，能够将文件上传到服务器，实现文件上传和下载。
方法一：
在站点窗口下拉菜单选择最终一项编辑站点，以下图。
此时会弹出一个新对话框，点击“新建”按钮就能够定义一个新网站，假如以后需要对旧有网站重新定义，能够在左边网站列表中选中你需要重新定义网站，然后点击“编辑”按钮便可。
方法二：
选择菜单“站点”－－“新建站点”选项。
（图所表示）
在接着看到对话框中，要进行以下简单设置：
①网站名称：
为你网站起一个名字，这个名字只起着识别作用，和网站公布后真实名字无关，比如这里名字是：
“我网站”，而实际上我网站叫“电脑课堂”；
假如不需要什么特殊服务器技术，就选“否”这项。
②当地根目录：
设置网站在当地硬盘位置，点击后面文件夹图标能够选择硬盘任意目录作为存放网站文件目录；
③能够任意选择你想要将文件存放在服务器上位置，方法同上一步当地根目录建立相同。
④选择默认状态即可。
完成后，回到站点窗口，就能够看到以下类似画面：
能够看到，“我网站”名称已经出现在站点窗口了，因为是新建一个站点，所在在当地目录看到一片空白。
站点定义完成以后，就能够正式制作属于你自己网页了。
5.4编写网页
页面制作过程包含制作顶部导航、制作主体内容、制作底部版权信息和编辑CSS样式等。
顶部栏目关键有Logo、Banner和导航条。
底部版权信息关键是网站联络方法。
页面主体部分是页面关键内容，大多数情况下要使用嵌套表格技术来实现。
在制作时，通常需要进行插入表格、插入背景图像、输入文字、插入多媒体文件、设置背景颜色等关键步骤。
最终利用CSS来美化完成网页。
5.5上传文件
个人网页制作完成后，就需要给个人网页在网上安个家。
提供无偿个人网页站点网站很多，能够选择中意网站提出申请。
通常步骤以下：
点击进入网站申请窗口，填写信息表格，其关键内容包含主页标识、主页描述、主页地址（URL）、关键词，和个人地址、姓名、E—mail地址、电话号码、具体邮政地址等个人信息；提交申请；将在几天内收到网站发来E—mall。
若申请成功，会得到一个网站口令。
利用网站支持传送协议将主页上传到网站。
上传成功以后，就能够实现在网络上浏览个人主页了。
5.6更新维护
网络讲求新和快，制作个人网页时，一样也要注意。
做好日常维护工作，立即更新完善，紧跟时代步伐，保持内容新奇，吸引浏览者注意和点击。
可设置一个专门“whatsnew”页面，立即醒目地告诉来访者主页最新内容。
这么能方便浏览，让浏览者一目了然，快速寻求所需要内容，不致于层层深入，一无所获。
第6章系统功效实现
6.1数据库物理设计
数据库在物理设备上存放结构和存取方法称为数据库物理结构，，它依靠于选定数据库管理系统。
为一个恶给定逻辑数据模型选择一个恶最适合应用要求物理结构过程，就是设局看物理设计。
期望设计优化物理数据结构，使得在数据库上运行多种事务响应时间小、存放空间利用率高、事务吞吐率大。
为此，首先要对运行事务进行具体分析，取得选择物理数据库设计所需要参数。
其次，要充足了解所用RDBMS内部特征，尤其是系统提供存取方法和存放结构。
对于数据库产讯事务，需要得到以下信息：
查询关系、查询条件所包含属性、连接条件所包含属性；对于数据更新事务，需要得到以下信息：
被更新关系、每个关系上更新操作条件所包含属性、修改操作要改变属性值。
个人网站
心情
首页
随笔
试听
照片
链接
留言
日程
6.2系统功效步骤图：
图6.1前台步骤图
管理员登录
相册管理
歌曲管理
心情日志
杂文随笔
我日程
留言管理
后台管理
网址管理
图4—2后台管理步骤图
随笔、留言、日程用是在线编辑器，在线编辑器概述以下：
经过编辑器编辑文字、图片等HTML标识输出到页面效果和编辑时显示效果一致，让使用者方便地对编辑内容进行修改、排版等。
在编辑状态编辑文字、图片等内容全部在后台自动转换为可被浏览器识别HTML标识语言，使用者更能在代码状态在对代码标识进行修改。
6.3系统主页
该系统主页,通常见户全部能够进入本系统首页进行浏览.能够浏览本站相关信息，也能够在留言板中和站长及其它用户相互交流。
在首页中,关键显示本系统功效。
本系统是为个人而设计,所以在主页设计方面关键介绍自己并以自己信息为中心网站，关键表现个人相关信息和娱乐信息。
6.4后台系统设计和实现
后台管理功效关键包含：
相册管理、歌曲管理、心情日志、杂文随笔、被忘统计，留言管理等，管理员登陆以后可进行相关添加、删除、修改等。
第7章结论
在历时多个月时间里，我毕业设计是从学习新知识（
升级会员 