《毕业设计-个人网站设计》由会员分享,可在线阅读,更多相关《毕业设计-个人网站设计(21页珍藏版)》请在金锄头文库上搜索。
1、石家庄计算机职业学院毕业论文石家庄计算机职业学院毕业论文1摘摘 要要在 Internet 飞速发展的今天,互联网成为人们快速获取、发布和传递信息的重要渠道。随着互联网的普及,网页技术的进步,如今拥有个人网站的网民在中国不下百万。21 世纪是个展示自我的时代,突出个性,展现自我风采,已成为一件很前卫的事情。个人主页已成为一种时尚。中国互联网经过了 10 年的发展,目前是一个新的浪潮。新的网络应用,新的个人网站层出不穷。但是想网址大全,网址目录这些网址聚合网站却并没有出现什么更新的迹象。尽管也有一些网站出名了,但是大多是有商业资本支撑的准商业网站。所以以后个人网站要发展,必须有非同寻常的发展思路。
2、随着网页三剑客的普及与应用,各种形式的个人主页脱颖而出。建设一个网站一般要经过:制作环境的准备,网站目标的确定,网站的主题的确定,网站结构的确定,网站素材的准备,网站制作工具的选择和确定,网站的建立,网站的测试和上传,网站的宣传和推广以及网站的更新和维护等几个步骤。设计网站需要的软件有:Frontpage,Dreamweaver,Photoshop,Fireworks,Flash 等。【关键词关键词】InternetInternet 网站网站 制作步骤制作步骤 制作工具制作工具 软件软件石家庄计算机职业学院毕业论文石家庄计算机职业学院毕业论文2目目 录录第一章 前言3 第二章 主体构思4(一)
3、探究课题4(二)深入探讨4 第三章 设计方案解析(一)设计的原则及标准(二)设计的步骤及功能第四章 设计方案实现12(一)开发环境12(二)开发工具12(三)站点创建13(四)网页文字图像处理14(五)建立超链接14第五章 个人主页的发布和维护15 第六章 个人总结16参考文献17石家庄计算机职业学院毕业论文石家庄计算机职业学院毕业论文3第一章第一章 前前 言言随着计算机网络的普及,计算机网络应用日趋丰富,网络体现出来的作用越来越大,利用 Internet(因特网)足不出户就可以获取所需要的信息。网页和网站是Internet 的重要组成部分。对于公司和企业,可以利用网站来展示企业形象,宣传企业
4、;对于个人,可以按照爱好和兴趣建立一个具有独特风格的网站,通过它来互通有无,展示自我,共享资源。因此,大家都想在网络上安个家,拥有一个自己的网站。制作出精美的网页来吸引浏览者的目光,提高网站的知名度,是大家追求的目标,而这一切都依赖于网页设计和制作技术的运用。但是,制作网页、构建网站并不是一蹴而就的,是一个需要付出艰辛劳动的复杂过程,在这个过程中所涉及的软件和工具相当多。目前主流的网页制作工具FrontPage2003 和 Dreamweaver MX2004,最常用的网页制作辅助工具 Photoshop CS、Fireworks MX 2004 和 Flash MX 2004 等。石家庄计算
5、机职业学院毕业论文石家庄计算机职业学院毕业论文4第二章第二章 主体思想主体思想 ( (一一) )探究课题探究课题随着计算机及网络技术的飞速发展,Internet/Intranet 应用在全球范围内日益普及,在众多的网络服务中,Web 给人耳目一新的感觉,而在这其中,网站已经日渐普及,而且发展到今天,已经成为任何人可以在网络所提供的平台上进行个性展示的新型方式。在众多网络开发技术中,HTML 是一种重要的基本开发技术,而 ASP技术是当前相当热门,它可以进行复杂的数据库操作、很强的交互性以及方便用户控制管理。该个人主页正是当今技术发展的产物,它是一套用 HTML,ASP 开发的能在网上进行的访问
6、的个人网页,此论文主要阐述的就是使用 HTML,ASP 技术的个人主页的开发。在即将毕业的我们,在大学三年的学习过程中我们掌握了各种开发个人主页的软件及应用,最终选择的毕业课题是个人主页的开发。 ( (二二) )深入探讨深入探讨1.1.当今网络现况。当今网络现况。关于个人网站,计算机领域里一直有这样一个说法:当前的计算机界,已经再也不是个人英雄主义的天下了!意思就是说,简单的个人已经很难再承担起大的时代变革了,现在互联网得到很大的利用,每个人都可以在很多的社区,平台上展示自己 ,但是现在出现什么问题呢?互联网世界太乱了,信息泛滥,繁杂,到处充斥着广告,更有很多不健康的信息。2.2.个人网站的优
7、点。个人网站的优点。 优点一、练习做网页,增加网页制作及电脑相关能力。优点二、有常用的网站,可以放在网页上,到任何电脑都不用再重新蒐寻一次。优点三、有常的的档案,也能快速在个人网站存取 优点四、可以达到宣传的效果 优点五、考试和找工作时,多一项增加分数的利器 。3.3.个人网站的未来发展。个人网站的未来发展。个人网站做到某个阶段的时候,足够多用户和足够多流量的时候,这个时候就有机会商业化发展,这个时候也需要你去商业化的发展,因为你会需要更多的带宽,需要更多人来维护。个人网站有三个领域可以发展:一个是往专业化发展。所谓的专业化,比如你可以在某个领域,可以在一个美容方面领域或者可以在相关方面发展兴
8、趣。另外一个是行业化。中国各种各样的行业非常多,如果每个行业都专注下去的话,产生的价值是非常大的。另外是地区化。每个人最关注的是他身边的事,石家庄计算机职业学院毕业论文石家庄计算机职业学院毕业论文5我们现在如果上门户,上新浪、搜狐,一年能看到你家乡发生的一些事情是非常少的,随着网络越来越普及,我觉得地方性的门户、地方性的信息化非常的关键。这也给我们提供了非常好的机会。 4.4.个人网站的评论。个人网站的评论。其实互联网就是一个烧钱的地方,你要你有钱,你可以再做出一个 YAHOO,现在不同于几年前拉,原先的 SINA、163、hao123,他们的时代已经一去不复返,他们当初适应了当时的现状慢慢的
9、去壮大,发展,而现在呢,他们手里有了资金,有了技术,我们无论怎样也无法去超过他们,现在我们的时代是一个弱肉强食的时代,中国互联网中大部分个人站基本没有任何出路,其原因:你没有资金、没有技术但是你没有经历、没有经验,但是我们有一样他们大网站公司没有的,我们有一颗为了自己梦想努力拼搏的精神,我们看着自己的网站一点一滴的成长,那种心情是别人无法体会到的对不对?相信自己的付出一定可以得到回报,努力的向前,一定可以。石家庄计算机职业学院毕业论文石家庄计算机职业学院毕业论文6第三章第三章 设计方案解析设计方案解析(一)设计的原则及标准(一)设计的原则及标准1.1.网站主题不要多于三个。网站主题不要多于三个
10、。主题也就是网站所要表示的主要内容,主题要做到小而精,定位小,内容精,而且主题最好不要多于三个,否则给人的感觉就是没有主题。2.2.网站的标准色彩不要超过三种。网站的标准色彩不要超过三种。标准色彩是指体现网站形象和延伸内涵的色彩,一般一个网站标准色彩不要超过三种,太多则让人眼花缭乱。3.3.重视网站目录结构的创建。重视网站目录结构的创建。(1)不要将所有文件都存放在根目录下。(2)目录层次不要太深,建议不要超过三层。(3)不要使用过长的目录名,尽量不要使用中文目录名。4.4.链接层次不要超过三层。链接层次不要超过三层。主要是针对个人站点而言,这样不但能使网站结构清晰,一目了然,而且便于网站的日
11、常维护。5.5.网页长度应限定在三个整屏以内。网页长度应限定在三个整屏以内。网页长度应限定在三个整屏以内,一个半屏为最佳。6.6.表格的嵌套层次要控制在三层左右。表格的嵌套层次要控制在三层左右。7.7.网站导航要清晰。网站导航要清晰。 (二)设计步骤及功能(二)设计步骤及功能1.1.步骤:步骤:本次设计主要通过以下这几步:第一步收集资料,第二步通过各种设计软件进行图形、动画、声音等等的编辑,第三步运用 Dreamweaver 进行页面设计,排版 ,将设计好的图形、动画、声音导入到 Dreamweaver 中,始页面达到更好的效果,第四步进行动态网页设计,始设计更完整,第五步进行测试。2.2.内
12、容:内容:整个个人主页设计包括六部分,分别是:个人主页、个人空间、心情驿站、快乐音乐、猪猪相册、在线明星。个人主页由五部分构成:首页、收藏、祁愿、新闻、留言。个人空间包括四部分它们是梦想、涂鸦、动画、图片;在梦想版块里,我记录的是与计算机有关的知识,在计算机方面有所成就一直是我的梦想。在涂鸦版块中,是几只可爱的卡通动物,它展示了我童心未泯的一面。在动画版块中,是星座耳饰欣赏,我相信女孩子一定会喜欢的。在图片里,是漫画作品,因为,漫画,一直是我喜欢的。石家庄计算机职业学院毕业论文石家庄计算机职业学院毕业论文73.3.功能:功能:1)个人主页各个部分版块的功能及介绍主页:以蓝色、绿色、黄色为主色调
13、,最上方有个小女孩在俯视篮球,给人一种恬淡美好的感觉。图一:主页首页:对各部分模块有个简单的描述。图二:首页收藏:以紫色为主,有种梦幻的感觉。图三:收藏石家庄计算机职业学院毕业论文石家庄计算机职业学院毕业论文8祁愿:是个音乐下载界面,蓝色为主。图四:祁愿新闻:图五:新闻留言:这个版块主要是想很好的和大家互动图六:留言2)个人空间各个部分版块的功能及介绍梦想:每个人都有自己的梦想,我的梦想是能在计算机方面有所发展,能够找到石家庄计算机职业学院毕业论文石家庄计算机职业学院毕业论文9一份和计算机相关的工作。所以,忍不住,做了这个版块。图七:梦想涂鸦:这些都是小可爱图片,供大家在闲暇之余放松心情。图八
14、:涂鸦动画:星座总是充满着神奇的色彩。图九:动画石家庄计算机职业学院毕业论文石家庄计算机职业学院毕业论文10图片:可爱的漫画图片,一定会让你的视觉一亮。图十:图片3)各个模块的功能及介绍个人空间:我的空间,等待你的参与。图十一:个人空间心情驿站:心累的时候不妨停下来喝杯咖啡,放松一下。图十二:心情驿站石家庄计算机职业学院毕业论文石家庄计算机职业学院毕业论文11快乐音乐:没有音乐的世界,天空都将是灰色的,音乐地带,大家动起来。图十三:快乐音乐猪猪相册:相册是用 flash 制作的,用到按钮和代码。把我在大学里的好朋友记录在相册中,看到她们,就会让我忍不住回想我们在一起时的喜怒哀乐,老朋友,常记心
15、里,闲暇时,发个短信,问候一下,一定要常联系呀,我会想念你们的。图十四:猪猪相册在线明星:明星永远是年轻人关注的亮点。图十五:在线明星石家庄计算机职业学院毕业论文石家庄计算机职业学院毕业论文12第四章第四章 系统设计与实现系统设计与实现 (一)开发环境和工具(一)开发环境和工具1.1. 开发环境开发环境本次设计主要是在 Dreamweaver 的环境下制作完成的。这是 Macromedia 公司推出的一款“所见所得”的网页编辑工具。它操作简单,可进行多个站点的管理,设置了HTML 语言编辑器,支持 XHTML 和 CSS,分类提供了页面对象,可净化 Microsoft Word 生成的 HTML 文件,可导入 Microsoft Excel 和 Microsoft Access 建立的数据文件,导入和编辑 Fireworks 制作的 HTML 源代码和图像,以及导入 Flash 动画、按钮和文字,编辑动态网页,等等。2.2.开发工具开发工具Dreamweaver 介绍:1) “设计”和“代码”编辑器合二为一的设计窗口,2)动态跨浏览器有效检查3)运用完整的集成开发环境开发 HTML、XHTML、ASP、NET、PHP 等站点4)增加了 FT