毕业设计个人网站设计

1、摘 要在internet飞速发展的今天，互联网成为人们快速获取、发布和传递信息的重要渠道。随着互联网的普及，网页技术的进步，如今拥有个人网站的网民在中国不下百万。21世纪是个展示自我的时代，突出个性，展现自我风采，已成为一件很前卫的事情。个人主页已成为一种时尚。中国互联网经过了10年的发展，目前是一个新的浪潮。新的网络应用，新的个人网站层出不穷。但是想网址大全，网址目录这些网址聚合网站却并没有出现什么更新的迹象。尽管也有一些网站出名了，但是大多是有商业资本支撑的准商业网站。所以以后个人网站要发展，必须有非同寻常的发展思路。随着网页三剑客的普及与应用，各种形式的个人主页脱颖而出。建设一个网站一般

2、要经过：制作环境的准备，网站目标的确定，网站的主题的确定，网站结构的确定，网站素材的准备，网站制作工具的选择和确定，网站的建立，网站的测试和上传，网站的宣传和推广以及网站的更新和维护等几个步骤。设计网站需要的软件有：frontpage,dreamweaver,photoshop,fireworks,flash 等。【关键词】internet 网站 制作步骤 制作工具 软件目 录第一章 前言3第二章 主体构思4 (一)探究课题4 (二)深入探讨4第三章 设计方案解析(一)设计的原则及标准 (二)设计的步骤及功能 第四章 设计方案实现12 (一)开发环境12 (二)开发工具12 (三)站点创建13

3、 (四)网页文字图像处理14 (五)建立超链接14 第五章 个人主页的发布和维护15第六章 个人总结16参考文献17 第一章 前 言随着计算机网络的普及，计算机网络应用日趋丰富，网络体现出来的作用越来越大，利用internet（因特网）足不出户就可以获取所需要的信息。网页和网站是internet的重要组成部分。对于公司和企业，可以利用网站来展示企业形象，宣传企业；对于个人，可以按照爱好和兴趣建立一个具有独特风格的网站，通过它来互通有无，展示自我，共享资源。因此，大家都想在网络上安个家，拥有一个自己的网站。制作出精美的网页来吸引浏览者的目光，提高网站的知名度，是大家追求的目标，而这一切都依赖于网

4、页设计和制作技术的运用。 但是，制作网页、构建网站并不是一蹴而就的，是一个需要付出艰辛劳动的复杂过程，在这个过程中所涉及的软件和工具相当多。目前主流的网页制作工具frontpage2003和dreamweaver mx2004，最常用的网页制作辅助工具photoshop cs、fireworks mx 2004和flash mx 2004等。第二章 主体思想(一)探究课题随着计算机及网络技术的飞速发展，internet/intranet应用在全球范围内日益普及，在众多的网络服务中，web给人耳目一新的感觉，而在这其中，网站已经日渐普及，而且发展到今天，已经成为任何人可以在网络所提供的平台上进行

5、个性展示的新型方式。在众多网络开发技术中，html是一种重要的基本开发技术，而asp技术是当前相当热门，它可以进行复杂的数据库操作、很强的交互性以及方便用户控制管理。该个人主页正是当今技术发展的产物，它是一套用html,asp开发的能在网上进行的访问的个人网页，此论文主要阐述的就是使用html，asp技术的个人主页的开发。在即将毕业的我们，在大学三年的学习过程中我们掌握了各种开发个人主页的软件及应用，最终选择的毕业课题是个人主页的开发。(二)深入探讨1.当今网络现况。关于个人网站，计算机领域里一直有这样一个说法：当前的计算机界，已经再也不是个人英雄主义的天下了！意思就是说，简单的个人已经很难再

6、承担起大的时代变革了，现在互联网得到很大的利用，每个人都可以在很多的社区，平台上展示自己 ，但是现在出现什么问题呢？互联网世界太乱了，信息泛滥，繁杂，到处充斥着广告，更有很多不健康的信息。2.个人网站的优点。优点一、练习做网页，增加网页制作及电脑相关能力。优点二、有常用的网站，可以放在网页上，到任何电脑都不用再重新蒐寻一次。优点三、有常的的档案，也能快速在个人网站存取 优点四、可以达到宣传的效果 优点五、考试和找工作时，多一项增加分数的利器 。3.个人网站的未来发展。个人网站做到某个阶段的时候，足够多用户和足够多流量的时候，这个时候就有机会商业化发展，这个时候也需要你去商业化的发展，因为你会需

7、要更多的带宽，需要更多人来维护。个人网站有三个领域可以发展：一个是往专业化发展。所谓的专业化，比如你可以在某个领域，可以在一个美容方面领域或者可以在相关方面发展兴趣。另外一个是行业化。中国各种各样的行业非常多，如果每个行业都专注下去的话，产生的价值是非常大的。另外是地区化。每个人最关注的是他身边的事，我们现在如果上门户，上新浪、搜狐，一年能看到你家乡发生的一些事情是非常少的，随着网络越来越普及，我觉得地方性的门户、地方性的信息化非常的关键。这也给我们提供了非常好的机会。 4.个人网站的评论。其实互联网就是一个烧钱的地方，你要你有钱，你可以再做出一个yahoo，现在不同于几年前拉，原先的sina

8、、163、hao123，他们的时代已经一去不复返，他们当初适应了当时的现状慢慢的去壮大，发展，而现在呢，他们手里有了资金，有了技术，我们无论怎样也无法去超过他们，现在我们的时代是一个弱肉强食的时代，中国互联网中大部分个人站基本没有任何出路，其原因：你没有资金、没有技术但是你没有经历、没有经验，但是我们有一样他们大网站公司没有的，我们有一颗为了自己梦想努力拼搏的精神，我们看着自己的网站一点一滴的成长，那种心情是别人无法体会到的对不对？相信自己的付出一定可以得到回报，努力的向前，一定可以。第三章 设计方案解析（一）设计的原则及标准1.网站主题不要多于三个。主题也就是网站所要表示的主要内容，主题要做

9、到小而精，定位小，内容精，而且主题最好不要多于三个，否则给人的感觉就是没有主题。2.网站的标准色彩不要超过三种。标准色彩是指体现网站形象和延伸内涵的色彩，一般一个网站标准色彩不要超过三种，太多则让人眼花缭乱。3.重视网站目录结构的创建。（1）不要将所有文件都存放在根目录下。（2）目录层次不要太深，建议不要超过三层。（3）不要使用过长的目录名，尽量不要使用中文目录名。4.链接层次不要超过三层。主要是针对个人站点而言，这样不但能使网站结构清晰，一目了然，而且便于网站的日常维护。5.网页长度应限定在三个整屏以内。网页长度应限定在三个整屏以内，一个半屏为最佳。6.表格的嵌套层次要控制在三层左右。7.网

10、站导航要清晰。（二）设计步骤及功能1.步骤：本次设计主要通过以下这几步：第一步收集资料，第二步通过各种设计软件进行图形、动画、声音等等的编辑，第三步运用dreamweaver进行页面设计，排版 ，将设计好的图形、动画、声音导入到dreamweaver中，始页面达到更好的效果，第四步进行动态网页设计，始设计更完整，第五步进行测试。2.内容：整个个人主页设计包括六部分，分别是：个人主页、个人空间、心情驿站、快乐音乐、猪猪相册、在线明星。个人主页由五部分构成：首页、收藏、祁愿、新闻、留言。个人空间包括四部分它们是梦想、涂鸦、动画、图片；在梦想版块里，我记录的是与计算机有关的知识，在计算机方面有所成就

11、一直是我的梦想。在涂鸦版块中，是几只可爱的卡通动物，它展示了我童心未泯的一面。在动画版块中，是星座耳饰欣赏，我相信女孩子一定会喜欢的。在图片里，是漫画作品，因为，漫画，一直是我喜欢的。3.功能：1）个人主页各个部分版块的功能及介绍主页：以蓝色、绿色、黄色为主色调，最上方有个小女孩在俯视篮球，给人一种恬淡美好的感觉。图一：主页首页：对各部分模块有个简单的描述。 图二：首页收藏：以紫色为主，有种梦幻的感觉。 图三：收藏祁愿：是个音乐下载界面，蓝色为主。 图四：祁愿 新闻： 图五：新闻留言：这个版块主要是想很好的和大家互动 图六：留言2）个人空间各个部分版块的功能及介绍梦想：每个人都有自己的梦想，我

12、的梦想是能在计算机方面有所发展，能够找到一份和计算机相关的工作。所以，忍不住，做了这个版块。 图七：梦想 涂鸦：这些都是小可爱图片，供大家在闲暇之余放松心情。 图八：涂鸦动画：星座总是充满着神奇的色彩。 图九：动画图片：可爱的漫画图片，一定会让你的视觉一亮。图十：图片3）各个模块的功能及介绍个人空间：我的空间，等待你的参与。 图十一：个人空间心情驿站：心累的时候不妨停下来喝杯咖啡，放松一下。 图十二：心情驿站快乐音乐：没有音乐的世界，天空都将是灰色的，音乐地带，大家动起来。图十三：快乐音乐猪猪相册：相册是用flash制作的，用到按钮和代码。把我在大学里的好朋友记录在相册中，看到她们，就会让我忍

13、不住回想我们在一起时的喜怒哀乐，老朋友，常记心里，闲暇时，发个短信，问候一下，一定要常联系呀，我会想念你们的。 图十四：猪猪相册在线明星：明星永远是年轻人关注的亮点。 图十五：在线明星第四章 系统设计与实现（一）开发环境和工具1. 开发环境本次设计主要是在dreamweaver的环境下制作完成的。这是macromedia公司推出的一款“所见所得”的网页编辑工具。它操作简单，可进行多个站点的管理，设置了html语言编辑器，支持xhtml和css，分类提供了页面对象，可净化microsoft word 生成的html文件，可导入microsoft excel 和 microsoft access

14、建立的数据文件，导入和编辑fireworks制作的html源代码和图像，以及导入flash动画、按钮和文字，编辑动态网页，等等。2.开发工具dreamweaver介绍：1） “设计”和“代码”编辑器合二为一的设计窗口，2）动态跨浏览器有效检查3）运用完整的集成开发环境开发html、xhtml、asp、net、php等站点4）增加了ftp安全保障5）外部文档/代码的无缝结合6）增强了与其它产品的结合能力7）通过内置的flash构件增加了页面的交互性8）改进了表格编辑工具9）对“插入”栏进行了改进10）利用改进的用户界面可得到最大的可用工作区 dreamweaver工作界面图flash介绍：fla

15、sh mx 2004的主要工作界面由主菜单、主工具栏、绘图工具栏、修改工具栏、场景窗口、时间轴窗口、库窗口、属性监视器、场景或图标工作区以及各种面板组成：1.工具栏：包括主要栏、控制栏、编辑栏2.舞台：放置动画内容的区域3.设计面板：包含对齐面板、色彩混合器面板、颜色样本面板、信息面板、场景面板、转换面板、复制选项面板、库面板、组建面板、组建参数面板、影片浏览器面板4.开发面板：包含动作、组件、组件检查器、输出、调试器、行为、web服务等面板 flash工作界面图photoshop介绍：在众多图像处理软件中，adobe公司推出的专门用于图形图像处理的软件photoshop，以其功能强大、集成度

16、高、适用面广和操作简便而著称于世。它不仅提供强大的绘图工具，可以绘制艺术图形，还能从扫描仪、数码相机等设备采集图像，对它们进行修改、修复，调整图像的色彩、亮度，改变图像的大小，还可以对多幅图像进行合并增加特殊效果。 photoshop界面图3.站点创建1）首先，在本地硬盘建立一个文件夹。2）运行dreamweaver mx 2004，选择“站点”/“管理站点”3）单击“新建”/“站点”选项。4）在弹出的“mysite的站点定义为”对话框中输入新建站点名称。不要用中文名字来命名。5）在弹出的对话框中选择“否，我不想使用服务器技术”。6）在弹出的对话框中选择选择“编辑我的计算机上的本地副本”。7）

17、在弹出的对话框中选择选择“无”。8）单击“完成”。9）站点完成。4.网页文字图像处理。1）文字的添加 在“文档窗口”中可以直接输入文字，一般dreamweaver mx 2004中的文本段落是自动换行的。2）图像的添加在dreamweaver mx 2004中对图像的处理如下：（1） 运行dreamweaver mx 2004，新建一个页面。（2） 在“插入栏”中选择“插入图像”按钮。（3） 在弹出的“选择图像源”对话框中选择要插入的图像的存放路径。（4） 插入图像，会出现三个黑色的控制手柄。（5） 利用图像的“属性”面板可以设置图像的各种属性。待添加的隐藏文字内容15. 建立超链接。超链接就

18、是可以从一个网页跳到另一个目标的链接关系。目标可以是另外一个网页，也可以是同一网页的不同位置，还可以是一幅图片、一个文件。文字链接 是网页中最常见使用的链接方式。步骤：规划好首页和各个栏目的分页，在此把除“链接”之外的前期工作全部完成。打开主页。选择网页中的第一个栏目的文字【空间】，展开属性面板，在属性面板中包括一个【链接】文本框，为文字做链接有四种方法：用鼠标拖动【链接】文本框后面的【指向文件】按钮，拖至【文件】面板中要链接的网页图标上，松开鼠标，该地址即在【文件】文本框中显示出来。单击文本框后面的【浏览文件】按钮，会弹出【选择文件】对话框，从中选择要链接的网页，单击【确定】，创建成功。是直

19、接在文本框中输入要链接的目标网页的地址。是按住shift键，用鼠标拖动链接文字到【文件】面板中要链接的网页图标上，松开鼠标，链接创建成功。第五章个人主页的发布和维护网站的发布与维护 发布网站前的准备1）本地测试在将网站传到服务器之前首先应在本地机器上进行测试：用浏览器浏览网页，从首页开始，一页一页测试，保证所有网页正确。保证各链接的正确跳转检查网页的大小、脚本程序能否正确运行。 2）www服务器的选择具备足够的经济和技术实力，购买自己的服务器小企业和个人租用isp提供的虚拟主机个人网页设计爱好者，采用一些网站提供的免费空间3）申请域名和网页空间注册前，上网查询一下想使用的域名是否有人注册过。申

20、请二级域名，利用该网站提供的域名指向已申请的主页空间所在的网址。网站的发布 1）上传网站利用cuteftp上传网站运行cuteftp5.0 xp，选择“文件”|“站点管理器”。 在“站点管理器”对话框中，点击“新建” 在连接框中输入内容 正式连接上申请号的网站服务器并传输信息 传输完，断开ftp，点击cuteftp窗口左上角的断开图标。2） 在线测试网站测试网页外观：用浏览器浏览网页测试链接测试下载时间脚本和程序测试网站的宣传 网站的日常管理和维护主要包括检测网站的错误、保证网站正常运转、处理用户信息、定期更新网页内容和修正网页错误等可以采用专业软件维护第六章 总结我的个人主页经过好长时间的构

21、思，创作，修改，终于完工了。这是我花费很多心思的作品，从布局到框架，从图片到文字，我都努力做到更好。这个作品是这三年来所学知识的一个总结。在创作过程中，遇到许多问题，我通过查阅资料，向同学请教，向指导老师请教，一一把问题攻克了，我有一种成功的喜悦与自豪感。我的作品还十分的幼稚，要想创作出优秀的作品，我还需要不断的思索。学习知识，是一个循序渐进的过程，只有有了量的积累，才能有质的的飞跃。感谢，三年来，各位任课老师的辛勤教授，耐心指导，让我在大学里掌握了那么多非常系统非常实用的知识。为我走向社会，打下了坚实的基础。即将面临毕业，对生活了三年的校园，我有一种深深的眷恋，我会把这段美好的大学时光留在记

22、忆里，也希望我这部作品能够顺利通过答辩！参考文献1 杨选辉.网页设计与制作教程2006.2 郑瑶 万婧.photoshop中文版图像处理教程2006.3朱磊 陈裕明.flash中文版动画制作教程2006.employment tribunals sort out disagreements between employers and employees.you may need to make a claim to an employment tribunal if: you dont agree with the disciplinary action your employer has t

23、aken against you your employer dismisses you and you think that you have been dismissed unfairly.for more information about dismissal and unfair dismissal, seedismissal.you can make a claim to an employment tribunal, even if you haventappealedagainst the disciplinary action your employer has taken a

24、gainst you. however, if you win your case, the tribunal may reduce any compensation awarded to you as a result of your failure to appeal.remember that in most cases you must make an application to an employment tribunal within three months of the date when the event you are complaining about happene

25、d. if your application is received after this time limit, the tribunal will not usually accept i.if you are worried about how the time limits apply to you, take advice from one of the organisations listed underfurther help.employment tribunals are less formal than some other courts, but it is still

26、a legal process and you will need to give evidence under an oath or affirmation.most people find making a claim to an employment tribunal challenging. if you are thinking about making a claim to an employment tribunal, you should get help straight away from one of the organisations listed underfurth

27、er help.if you are being represented by a solicitor at the tribunal, they may ask you to sign an agreement where you pay their fee out of your compensation if you win the case. this is known as adamages-based agreement. in england and wales, your solicitor cant charge you more than 35% of your compe

28、nsation if you win the case.if you are thinking about signing up for a damages-based agreement, you should make sure youre clear about the terms of the agreement. it might be best to get advice from an experienced adviser, for example, at a citizens advice bureau. to find your nearest cab, including

29、 those that give advice by e-mail, click onnearest cab.for more information about making a claim to an employment tribunal, seeemployment tribunals.the (lack of) air up there watch mcayman islands-based webb, the head of fifas anti-racism taskforce, is in london for the football associations 150th a

30、nniversary celebrations and will attend citys premier league match at chelsea on sunday.i am going to be at the match tomorrow and i have asked to meet yaya toure, he told bbc sport.for me its about how he felt and i would like to speak to him first to find out what his experience was.uefa hasopened

31、 disciplinary proceedings against cskafor the racist behaviour of their fans duringcitys 2-1 win.michel platini, president of european footballs governing body, has also ordered an immediate investigation into the referees actions.cska said they were surprised and disappointed by toures complaint. i

32、n a statement the russian side added: we found no racist insults from fans of cska.age has reached the end of the beginning of a word. may be guilty in his seems to passing a lot of different life became the appearance of the same day; may be back in the past, to oneself the paranoid weird belief di

33、sillusionment, these days, my mind has been very messy, in my mind constantly. always feel oneself should go to do something, or write something. twenty years of life trajectory deeply shallow, suddenly feel something, do it.一字开头的年龄已经到了尾声。或许是愧疚于自己似乎把转瞬即逝的很多个不同的日子过成了同一天的样子；或许是追溯过去，对自己那些近乎偏执的怪异信念的醒悟，这

34、些天以来，思绪一直很凌乱，在脑海中不断纠缠。总觉得自己自己似乎应该去做点什么，或者写点什么。二十年的人生轨迹深深浅浅，突然就感觉到有些事情，非做不可了。the end of our life, and can meet many things really do?而穷尽我们的一生，又能遇到多少事情是真正地非做不可？during my childhood, think lucky money and new clothes are necessary for new year, but as the advance of the age, will be more and more found

35、that those things are optional; junior high school, thought to have a crush on just means that the real growth, but over the past three years later, his writing of alumni in peace, suddenly found that isnt really grow up, it seems is not so important; then in high school, think dont want to give ven

36、t to out your inner voice can be in the high school children of the feelings in a period, but was eventually infarction when graduation party in the throat, later again stood on the pitch he has sweat profusely, looked at his thrown a basketball hoops, suddenly found himself has already cant remembe

37、r his appearance.童年时，觉得压岁钱和新衣服是过年必备，但是随着年龄的推进，会越来越发现，那些东西根本就可有可无；初中时，以为要有一场暗恋才意味着真正的成长，但三年过去后，自己心平气和的写同学录的时候，突然就发现是不是真正的成长了，好像并没有那么重要了；然后到了高中，觉得非要吐露出自己的心声才能为高中生涯里的懵懂情愫划上一个句点，但毕业晚会的时候最终还是被梗塞在了咽喉，后来再次站在他曾经挥汗如雨的球场，看着他投过篮球的球框时，突然间发现自己已经想不起他的容颜。originally, this world, can produce a chemical reaction to a

38、n event, in addition to resolutely, have to do, and time.原来，这个世界上，对某个事件能产生化学反应的，除了非做不可的坚决，还有，时间。a persons time, your ideas are always special to clear. want, want, line is clear, as if nothing could shake his. also once seemed to be determined to do something, but more often is he backed out at last

39、. dislike his cowardice, finally found that there are a lot of love, there are a lot of miss, like shadow really have been doomed. those who do, just green years oneself give oneself an arm injection, or is a self-righteous spiritual.一个人的时候，自己的想法总是特别地清晰。想要的，不想要的，界限明确，好像没有什么可以撼动自己。也曾经好像已经下定了决心去做某件事，但

40、更多的时候是最后又打起了退堂鼓。嫌恶过自己的怯懦，最终却发现有很多缘分，有很多错过，好像冥冥之中真的已经注定。那些曾经所谓的非做不可，只是青葱年华里自己给自己注射的一支强心剂，或者说，是自以为是的精神寄托罢了。at the moment, the sky is dark, the air is fresh factor after just rained. suddenly thought of blue plaid shirt; those were broken into various shapes of stationery; from the corner at the beginn

41、ing of deep friendship; have declared the end of the encounter that havent start planning. those years, those days of do, finally, like youth, will end in our life.此刻，天空是阴暗的，空气里有着刚下过雨之后的清新因子。突然想到那件蓝格子衬衫；那些被折成各种各样形状的信纸；那段从街角深巷伊始的友谊；还有那场还没有开始就宣告了终结的邂逅计划那些年那些天的非做不可，终于和青春一样，都将在我们的人生中谢幕。baumgartner the d

42、isappointing news: mission aborted. r plays an important role in this mission. starting at the ground, conditions have to be very calm - winds less than 2 mph, with no precipitation or humidity and limited cloud cover. the balloon, with capsule attached, will move through the lower level of the atmo

43、sphere (the troposphere) where our day-to-day weather lives. it will climb higher than the tip of mount everest (5.5 miles/8.85 kilometers), drifting even higher than the cruising altitude of commercial airliners (5.6 miles/9.17 kilometers) and into the stratosphere. as he crosses the boundary layer (called the tropopause),e can expect a lot of turbulence.the supersonic descent could happen as earl