个人网站毕业论文终稿
辽宁省高等教育自学考试 软件技术 专业(本科段)N ORTHEASTERN UNIVERSITY毕业设计(论文) G RADUATE D ESIGN (T HESIS)设计(论文) 题目
辽宁省高等教育自学考试 软件技术 专业(本科段)
N ORTHEASTERN UNIVERSITY
毕业设计(论文) G RADUATE D ESIGN (T HESIS)
设计(论文) 题目 个 人 网 站 设 计
准考证号 011311300584
学 生 郑 婷 指导教师 李 萍
2012 年 日 月
,个 人 网 站 设 计
摘 要
计算机网络技术和信息技术的飞速发展带来的影响迅速波及到教育界，作为信息资源的数据库、远程教学以及新型学习方式的支撑环境，因特网的作用越来越受到教育界人士的关注。无论是教育界的专家、学者还是置身教育改革浪潮中的教师和学生都在尝试着基于网络的全新的教育理念、教育方法和学习方式。教学网站正是在这种背景下孕育和产生的。教学网站既是网络教育信息资源的重要组成部分，又是新型教育、学习方式的支撑平台。教学网站是利用现代的网络技术建立起来的、具有一定教学功能的网站系统。
随着教学网站的诞生，教学网站的设计问题应运而生，商业网站的设计和分析的理论指导，其中商业网站的设计中要点尤为重要，从商业网站设计中的点仙和面视觉心理因素的运用，以及在商业网站设计中色彩视觉心理因素的运用，商业网站在现在的网络上比较普遍，商业网站设计中动态性原则和交互性的原则，商业网站中视觉流程心理因素的运用也很重要，还有页面的立体感以及细节的处理，能更清楚商业网站界面的设计与分析。
关键词：本文的关键词：asp 、dreamweaver 、flash 、菜苑、个人网站
,英文摘要前的论文题目用三号Times New Roman字体
Abstract
Computer network technology and the rapid development of information technology, the impact of rapid spread to the education sector, as a database of information resources, distance learning and new ways of supporting learning environment, the role of the Internet more and more attention to the education sector. Both education experts, scholars and the wave of exposure to educational reform for teachers and students are trying a new web-based educational philosophy, teaching methods and learning styles. Teaching Website is in this context bred and produced. Teaching is both a network of educational information resource site an important part, but also a new type of education, learning support platform. Teaching site is the use of modern network technology to build up, has a teaching function of the website system.
With the birth of teaching sites and teaching web site design came into being, business website design and analysis of theoretical guidance in the design of commercial websites which is particularly important points, from the point of commercial website design and surface visual cents psychological factors Use, and commercial site design psychological factors in the use of color vision, business website in today's network is relatively common, commerce dynamic Web site design principles and the principles of interaction, business website, use of visual process of psychological factors are also important , There are three-dimensional page and the details of the deal, commercial web interface more clearly the design and analysis.
Keywords ：
,目 录
摘要………………………………………………………………………2英文摘要…………………………………………………………………3
第一章 绪论 ……………………………………………………………5
第二章 网站总体设计 ……………………………………………… 6
2.1网站系统分析 „„„„„„„„„„„„„„„„„„„„„6
2.2网站功能设计 „„„„„„„„„„„„„„„„„„„„„6
2．3网站构架„„„„„„„„„„„„„„„„„„„„„„„6
第三章 网站详细设计 „„„„„„„„„„„„„„„„„„7
3.1主页设计„„„„„„„„„„„„„„„„„„„„„„„ 7
3.2计数器的设计„„„„„„„„„„„„„„„„„„„„„10
3.3在线听音乐的设计 „„„„„„„„„„„„„„„„„„10
第四章 网站系统的实现„„„„„„„„„„„„„„„„„„12
第五章 绪论 „„„„„„„„„„„„„„„„„„„„„„15参考文献 „„„„„„„„„„„„„„„„„„„„„„„„17致谢 „„„„„„„„„„„„„„„„„„„„„„„„„„18
,第一章 绪论
1.1 课题的研究背景
1.2 课题研究的目的和意义
1.3 课题采用的技术手段
随着计算机软硬件的极速发展，人类已经进入了信息社会，网络已和报纸、电视、广播齐明成为四大媒休之一，网络也成了现在人们生活中信息来源的一个重要的来源。而获取信息需要通过internet 在网站上搜索、浏览、下载等方式获得。网站的建设也成为信息的源头，能为大家提供学习的平台，给大家一个交流、学习的机会，是大部分制作个人网站的初衷，同时也是大型商业网站的起步雏形。现在社会上很多人也把网络看成是学习的重要途径之一，所以在网上搭建一个供大家学习交流的平台是构建本站的目的。
开发工具的介绍：
asp
Active Server Pages ：“动态服务器网页”，一般简称为“ASP”，ASP 之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML 格式，而且这些程序是在网络服务端中执行，使用一般的浏览器（如IE 或Netscape ）都可以正确地获得ASP 的“执行”结果，并且将这ASP 执行的结果直接在浏览器中“浏览”，不像VBScript 或 JavaScript是在客户端（Client ）的浏览器上执行，若使用VBScript 来设计程序，客户端（client ）在ＩＥ浏览器中可以显示程序执行的结果，可是，客户端（client ）若使用Netscape 浏览器就无法显示VBScript 的执行结果. ＡＳＰ具备有面向对象（Ｏ
object-Oriented ）功能，学习容易，ＡＳＰ提供了五种方便能力强大的内建对象：Request 、Response 、Sever 、Application 以及Session ，同时，若使用ＡＳＰ内建的“Application”对象或”Session”对象所撰写出来的ＡＳＰ程序可以在多个网页之间暂时保存必要的信息。
,dreamweaver
Dreamweaver 是Macromedia 公司最新推出的可视化的网页设计和网站管理工具，支持最新的Web 技术，包含HTML 检查、HTML 格式控制、HTML 格式化选项、HomeSite/BBEdit捆绑、可视化网页设计、图像编辑、全局查找替换、全FTP 功能、处理Flash 和Shockwave 等富媒体格式和动态HTML 、基于团队的Web 创作。在编辑上你可以选择可视化方式或者你喜欢的源码编辑方式。
forntpage
Frontpage是较好的网页制作工具，基本上实现了所见即所得的工作方式，即使你不懂HTML 语言，也能制作出专业效果的网页。如果你是高手，也可以在HTML 窗口里直接写入代码，再切换到preview 窗口看效果。
Frontpage 提供了许多先进技术，如主题，共享边界，层叠样式单，动态HTML ，框架，推与频道定义，ActiveX ，Java applet等.
由于是office 中的一个组件，简单易用且与其它office 组件联系紧密可以直接插入表格及WORD 文档等。
第二章 网站总体设计
2.1网站系统分析
根据前面的设计思想进行分析，按照系统开发的程序对网站进行分解，从内容上可对网站作如下划分：主页及六大板块分页。其中主页中包含有计数器，以计算本站的访问量。分页为flash 欣赏、音乐转盘、影视星空、电脑技巧、给我留言、技术论坛六大版块。由于申请的主页空间不支持ASP, 所以做好网页后，只能改为后缀为html 的文件。
2.2网站功能设计
由于本网站建站初衷就是给业余爱好者一个学习的平台，所以在模块设计上除了学习方面，在娱乐方面也占了很大的篇幅：
电脑技巧：针对电脑常发生的故障排除方法及一些Windows 的内部命令介绍 Flash 欣赏：现时比较好看流行的经典FLASH ，点击即可观看，并上传了一些画面。
音乐转盘：主是对学习之余听听现在比较流行的歌曲。
影视星空：对近期网上流行的经典大片做描述及放置连接，点击可下载。
,给我留言：为增进交流可以多提建议及留下观后感。
技术论坛：是为爱好者提供另一个更完善的平台，由于时间有限，只做了一个“外形”
2.3网站构架
本站在制作时采用统一的模版，用表格进行了分区，顶部设置统一的图版及本站的图标。正页部分可根据内容的不同再进行分格处理。但因申请的免费空较小，因此不能把大型文件传至空间，特别音乐转盘、影视星空这两个栏目只能做文字介绍及贴上其它网站的联接来给大家。
第三章 网站详细设计（详细介绍各页面具体
实现哪些功能，各个页面之间的链接）
3.1主页设计 网站主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现网站的勃勃生气，静态主页方式介绍六大版块的主要内容，因为中主页放至计数器就得利用ＡＳＰ或用forontpage 的插入计数器的方法。
3.1.1：用dreamweaver 创建一个空白档，另存为index.html 的网页作为主页。
a 、启动dreamweaver vbscript
,
3.1.2：设置背景色为#009999。
点击修改—页面设置—背景颜色---#009999
3.1.3用表格布局整个文档，分别在上方添加两张图片，分别用photoshop 进行制作修改，其中一张来自网络。
先用表格进行整网页的布局。分为图标部分、导向栏、主体内容三大部分，其中导向栏部分拆分六个单元格，以放置各导向文字及小图标。主体内容部分又分为五大部分，并在内部嵌套表格。如图：
,
3.1.4：分别用文字及超级联接关联主页和分页，在底部放置一张FLASH 图片以增加整个网站的生动性。
3.1.5主页简图
3.2 计数器的设计
如果用frontpage 直接插入计数器的方法，上传到空间后，显示不出，原因是由于此申请的免费空间不支持frontpage 扩展，因此采用ASP 编程的方式实现访问者第几次光临本站。首先在代码的起始部分写如下代码：
<
dim num ’先定义一个变量
num=request.cookies("num") ’从客户端获取COOKIES 变量并赋值给num 变量
if num="" then ’判断如果客户端COOKIES 变量为空，则赋值1，否则加
num=1 ’1。
else
num=num 1
end if
response.write" 你是第"&num&"次访问本站" ’利用response.write 语句向客户瑞输出response.cookies("num")=num ’把变量num 赋值给cookies
response.cookies("num").expires=#2030-1-1# ’设定cookies 过期日期 >
当然此网页也必须保存为index.asp 。只是由于上传的空间不支持asp 所以只能在本地机上试看。
3.3在线音乐试听的编辑
由于空间小，所以只能通过链接其它网站的在线视听，通过百度的MP3链接后把主页上的音乐转盘中的各文字超级链接上即可。点击后直接调用Windows media player 来进行播放。
3.3.1首先打开百度搜出所需歌曲如下图：