静态网页设计与制作毕业论文

第一篇：静态网页设计与制作毕业论文

目 录

摘 要……………………………………………………………………………………….0 第1章 绪论……………………………………………………………………………….1 1.1 INTERNET的历史和发展…………………………………………………………….1 1.2 网页概述................1

第2章 开发软件简介 6

2.1 Dreamweaver简介 6

2.2 HTML语言的简介 7

2.3 Flash 简介 …………………………………………………………………… 8

2.4 Photoshop 简介 ……………………………………………………………… 9 2.3 本章小结 14

第3章 网站需求分析 15

3.1相关术语及解释 15

3.2个人网站的由来与发展 15

3.3我的个人网页的设计与规划 18

3.3.1 我的个人网页的概貌……………………………………………………… 19

3.3.2 个人网页的设计理念……………………………………………………… 20

3.4 本章小结 19

第4章 结论 20

致 谢 21

参考文献 22

静态网页的设计与制作

摘 要

本文就网站的设计与制作，以软件工程的方法对全过程进行了分析与研究，本文的主要工作集中在：

1.对web页进行概述，主要是对internet的历史和发展作了回顾，并对WEB页的定义和特性进行阐述，并对网站设计过程中使用的工具和技术简单的介绍.2.对网站建设中提及的术语进行简单解释，并对网站的由来和发展进行讨论。

3.对自己设计的网站从设计理念到制作的过程进行详细分析.4.使用Dreamweaver+Flash+photoshop 等软件的设计方式进行解析

.5.就网站的设计与制作提出自己的观点以及建议。

关键词：网站 设计工具 设计方案 创意 风格

Static web design and production

Abstract

This website design and production, with the method of software engineering to process the analysis and research, this paper main work concentrates in:

1.The paper to web page is mainly to the Internet's history and development, and a review of the definition and characteristics of web pages is expounded, and the website design process using the tools and techniques of simple introduction.2.The website construction mentioned in terms of website, and simple explanation of the origin and development are discussed.3.For the design of your own website from design concept to making process were analyzed.4.Use Flash +Dreamweaver + photoshop software design methods are analyzed

5.Just website design and facture put forward its own views and Suggestions

第1章 绪论

随着21世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越来越重要，越来越多的职业需要具有计算机应用技能型人才。掌握计算机是职业的需要，更是事业发展的需要。网页设计与制作是计算机能力的具体表现，本章主要介绍网页设计的相关知识。

1.1Internet的历史与发展

Internet最早来源于美国国防部高级研究计划局DARPA(Defense advanced Research Projects Agency)的前身ARPA建立的ARPAnet，该网于1969年投入使用。从60年代开始，ARPA就开始向美国国内大学的计算机系和一些私人有限公司提供经费，以促进基于分组交换技术的计算机网络的研究。1968年，ARPA为ARPAnet网络项目立项，这个项目基于这样一种主导思想：网络必须能够经受住故障 的考验而维持正常工作，一旦发生战争，当网络的某一部分因遭受攻击而失去工作能力时，网络的其它部分应当能够维持正常通信。最初，ARPAnet主要用于 军事研究目的，它有五大特点：

⑴支持资源共享；

⑵采用分布式控制技术；

⑶采用分组交换技术；

⑷使用通信控制处理机；

⑸采用分层的网络通信协议。

第二篇：静态网页制作心得体会

静态网页制作心得体会

姓名：张继宏

第三组

8.18 20世纪40年代科学字发明了计算机之后，人们的工作效率大大提高，但是单个计算机能够存储和处理的信息是非常有限的，为了便于信息的传递和处理，人们就把众多的计算机连接起来。

网页制作的心得体会----网页制作论文摘要 通过这次个人网页的制作，我对计算机有了更深层次得到了解，也有了更浓厚的兴趣。尤其是对网页制作的过程与一些技巧手法更有了另外一番了解，对网页制作的基础知识也有了一定的掌握。通过把自己的网页上传到互联网上，对文件的保存、上传、下载以及修改等知识有了更牢靠的掌握。通过自己的努力完成了自己上传到网上的第一个作品，那种成就感是无法用语言形容的。所以我觉得这次制作网页我已经达到了自己的目的，而不是单单为了完成作业而已。这是一个完全关于自己的个人网页，既然是介绍自己，就应该让观者在浏览了之后了解自己其人，我觉得这点我已经基本上做到了。

关键字 页面设计 ASP和数据库

1.一般来说，个人主页的选材要小而精。如果你想制作一个包罗万象的站点，把所有您认为精彩的东西都放在上面，那么往往会事与愿违，给人的感觉是没有主题，没有特色，样样有却样样都很肤浅，因为您不可能有那么多的精力去维护它。注意：网页的最大特点就是更新快。目前最受欢迎的个人主页都是天天更新甚至几小时更新一次。

2.题材最好是你自己擅长或者喜爱的内容。比如：您对诗歌感兴趣，可以放置自己的诗词；对足球感兴趣，可以报道最新的球场战况等等。这样在制作时，才不会觉得无聊或者力不从心。

3.不要太滥或者目标太高。“太滥”是指到处可见，人人都有的题材；“目标太高”是指在这一题材上已经有非常优秀，知名度很高的站点，你要超过它是很困难的。

选定了一个好的题材，是不是可以立刻动手制作了？不，经验告诉我们，必须要先规划框架。这是很重要的一步！每个网站都是一项庞大的工程。好比造高楼，没有设计图纸，规划好结构，盲目的建造，结果往往是倒塌；也好比写文章，构思好提纲，才不至于逻辑混乱，虎头蛇尾。全面仔细规划架构好自己网站，不要急于求成。

规划一个网站，可以用树状结构先把每个页面的内容大纲列出来，尤其当你要制作一个很大的网站(有很多页面)的时候，特别需要把这个架构规划好，也要考虑到以后可能的扩充性，免得做好以后又要一改再改整个网站的架构，十分累人，也十分费钱。

大纲列出来后，你还必须考虑每个页面之间的链接关系。是星形，树形，或是网形链接。这也是判别一个网站优劣的重要标志。链接混乱，层次不清的站点会造成浏览困难，影响内容的发挥。

为了提高浏览效率，方便资料的寻找，本站的框架基本采用“蒲公英”式，即所有的主要链接都在首页上，链接的层次不多，深度浅。

框架定下来了，然后开始一步一步有条理，有次序地做来，就胸有成竹得多，也为你的主页将来发展打下良好的基础。

下一步，你可以动手制作具体内容了，我将告诉你一些收集资料的窍门。

题材选定，框架选定，接下来就开始往主页里面填内容。我们称作资料收集

就个人主页而言，很少有人有能力完全靠自己来创作所有的内容。（一些高手能够提供自己编的软件，文章或则音乐，是我非常佩服的！）

大部分人的方法是：从报纸，杂志，光盘等媒体中把相关的资料收集整理，再加上一定的编辑后就可以了。

另外一个好的方法是从网络上收集，您只要到雅虎，搜狐等搜索引擎上查找相应的关键字，就可以找到一大堆的资料。

如果您是英语高手，您可以到国外站点上把最新的信息，资料翻译成中文，提供给大家，这叫“洋为中用”。

网络上的资料呈爆炸性的增长，只要注意收集某一非常细小的题材，随时供大家方便的查找，您的主页就已经有做不完的活了。

到这里我们已经完成了制作主页的准备工作。下面开始正式制作主页。

先来介绍一下我这个网页吧。我的网页主要由三大部分组成：主页、各子网页以及各互联网链接。

首先是主页，采用的是index格式，是第一个显示的页面，其实原来第一个显示的页面是一个封面，但在网上用了一段时间之后我觉得有封面比较麻烦，花哨但不实用，显得有些多余，所以我就把它给去掉了，直接显示主页会让别人有一种开门见山的感觉。主页是我花费精力和时间最多的一个页面，尤其是在它的视觉设计上包括结构，字体，背景以及色彩方面都花了很多工夫。页面包括自己的一幅小照片以及个人的简要介绍，以便让观者对自己有一个初步的了解。网页最上面是用艺术字编辑的文字，旁边的welcome是插入的GIF动画，左上角显示日期，右上角显示你在网页呆的时间，下面是一排子目录，包括一些链接和子页面，点开就可以看到关于我的详细信息。下面是一个搜索引擎，采用的是百度是原代码。再下来是我的近况，也采用了特效。右边有一个滚动字幕，是一首诗，采用了特效，下面是一些常用大型网站的链接。最下面是关于浏览器的说明，主页基本上就是这些了，还有要说的就是“给我留言”是到网上去申请的免费留言板，然后链接上去。

子网页中，“Spear相册”里面全是照片，大部分照片是用数码相机照的，有两三张是扫描上去的；“家乡风情”里则是图片与文字并存，这两个页面也是我精心设计制作的。其他的页面就大部分以文字为主对自己进行详细的介绍，背景图片是我都是我精心挑选的，多数页面都插上了MIDI音乐作为背景，有个别页面还使用了特效。

接下来再介绍介绍网页的功能吧。本网页可以说具备了多项功能：各页面可以让你对我有一个比较详细的了解；强大的搜索功能令你在网络世界中畅通无阻，网站、mp3、flash、信息快递应有尽有；各大型网站的链接让你轻松登陆以便看消息、发邮件；想听歌吗？“我的音乐”将让你听歌变得如此方便；超级留言板可以让你畅所欲言……

相信你虽然还没有看到我的网页就已经对它有了一个大致的了解了吧！现在重点介绍一下我的网页的制作过程以及其间遇到的种种困难。

开始时我选择了Dreamweaver8作为制作软件，看书学习了一些基础的东西之后就着手开始了我的网页制作，我先初步对网页作了一些页面规划，然后建立了站点，用软件中的一些基本的功能制作，首先是封面，由于Dreamweaver MX没有插入艺术字的功能，所以封面上的艺术字是我先在Word文档里制作好了之后用图片的方式插入的。接着有开始设计主页，我主要用层来设计版面，再适当配合表格，经过两个白天和一个通宵，网页基本的框架就出来了，但这时却遇到了一个很令人头疼的问题：突然所有插上去的图片都不能显示了！！我用尽了所有能想出来的方法，请教了很多的电脑高手都不能把这个无法解释的问题解决，就连重新安装DreamweaverMX也毫无作用，由于是借别人的电脑，时间紧迫，没有等到去向老师请教，我就一气之下把那些东西都删光了，连Dreamweaer也不例外，当时我真的很失望，想到这两天废寝忘食地做的东西一下全没了就很是接受不了，我曾经一度想放弃，不过冷静了之后我决定从头开始。我换了Frontpage，由于对Frontpage一无所知，也没有相关的书籍，所以刚开始建站点和网页的方法只能向别人请教。不过在开始制作了之后我发现Frontpage很多功能和Word相似，于是很快掌握了其许多基本的功能。接着我又熬了一个通宵，决定把前面的损失弥补过来。前面的工作也不能算完全白做，因为至少我在重新制作的时候不必话太多的时间去重新设计版面。还是按照原来的设计，只是改动了一些，大体的框架还是没有改变。

总结 通过这次制作网页，我学到了不少东西，而且学到了不少思考问题的方法。计算机会在以后的学习生活中充当越来越重要的角色，相信我也会学习到更多关于计算机和网络的知识。这次制作网页收获确实不小！！

第三篇：静态网页设计与制作 实训报告

静态网页设计与制作

实训报告

这一周我们进行了为期一周的静态网页设计与制作的实训。在这一个星期中我感触很多，无论是从网站的刚开始的主题的确定设计还是后期的网站的发布与测试。感觉又学到了很多新的东西。

从小到大，在自己的心底就有个音乐梦想。我喜欢唱歌，喜欢跳舞，小的时候学过电子琴，上初中后父母认为学业更加要紧，于是所有与音乐有关的东西通通不被再提起。但是自己还是仍旧喜欢着音乐。上大学之后，自己终于可以重新“正大光明”地重新提起音乐了，于是想制作一个音乐网站的念头就在自己的脑海中闪现着。

我一直比较喜欢的华语男歌手是周杰伦，在上大一的那个10月份，周杰伦照例出着专辑，专辑的名字却很让人耐人寻味，《跨时代》，这我才突然意识到，从小学开始，周杰伦出道10年的十张专辑整整陪我走过了小学、中学的时光。于是在这次比赛中想制作一个关于周杰伦出道十年纪念的这样一个音乐网站。下面就让阐述下我制作这个网站的整体构思和具体设计方案。

关于网站的框架结构：

在制作之前，我在网上搜索过许多周杰伦的官方网站，例如周杰伦中文网，周杰伦中文音乐网之类的。我发现他们制作时框架紧凑明晰，同时也包括了几个音乐网站必须具有的模块。于是，得到借鉴，我在我的主页上面也就添加了“杰

迷必知”、“杰伦贴图”、“杰伦影音”、“每日杰讯”、“歌迷会通道”这样五个模块。在添加这五个模块的时候，我不像一些很正式的网站，模块与模块之间凑得很紧，我尝试了下自由、随机的排放。因为我做的是一个音乐兼娱乐的网站，想让网友们怀着轻松愉悦而不是严肃的心情来看我的这个网站。

关于网站的色彩搭配：

这次制作的网页是主要关乎于歌手周杰伦，访问的人群绝大多数会是周杰伦的粉丝，也绝对是时尚范儿，因此网页的主色调我采用了永不衰竭的经典黑白色调，再者黑白搭配这种反差很大的撞色能够给人很大的视觉冲击力。中间一些板块的边框我选择了用玫红色，玫红色可以提升整个网页的活泼，使黑白色调的网页看起来不死板，严肃而不失华丽。

关于网站的图片：

网页的logo我分为了两个部分，一面是白色背景的10th周年纪念logo，另一面是周杰伦弹着贝斯转动的画面，这个画面是周杰伦超时代世界巡回演唱会的开场秀，超时代演唱会是对杰伦出道十年来的一个总结，因此我认为这个画面做为纪念杰伦出道十年网站的logo是很不错的。

网站的所有的图片处理在互联网上下载的以外，还有相当大的一部分是下载下来以后处理过的。我处理图片的时候不仅用了firework8，还用了photoshop和美图秀秀。在插视频的时候由于只能插flv格式的，因此还下载了转码器。插

入视频时老师说过时间不宜太长，否则不利于网页打开的速度，于是就用了会声会影x2进行视频编辑和合成。

正文主体部分分为5个模块

第一个模块“杰迷必知”，左边是杰伦的两张图片，一张是杰伦正面拍摄，另外一张是背面拍摄。两张图片之间的转换运用了“鼠标经过图像”这一基本技术，是网友们在视觉上全方位了解他。图片的右边附着杰伦的简介，在右下角可以点击“更多”来查看杰伦更多的详细资料。

第二个模块“杰伦影音”，左方和下方附着的是杰伦专辑和演唱会上的精彩照片，在模块的右前方，则简要介绍了周杰伦出道十年来所发行的所有音乐专辑，所举办的所有演唱会和所有所参加拍摄的或者自己导演的所有电影的名字。使网友们更加有兴趣深入了解。

第三个模块“杰伦贴图”，我之所以把这两个模块放在一起，是因为它们之间的联系比起其他模块更加紧密。因为杰伦的贴图不仅仅是周杰伦的个人写真，更多的是他专辑封面，演唱会现场照和电影剧照。因此在这一模块左边，我选择了一张动态的图片。这张动态的图片是由10张小图片组成的，每一张小图片都是他出道10年来那10张专辑的封面图的头像。在这张动态的图片中，歌迷们看到的是10年前的周杰伦从一个青涩的大男孩长成了一个成熟的男人。而用音乐专辑封面头像则更加体现出这个成功的创作型音乐人本质的回归。

第四个模块“每日杰讯”，歌迷们想知道更多关于杰伦的最新资讯，想与他拉近距离，那么作为音乐网站，每日资讯便是必不可少的一个模块。为了使资讯看起

来方便，于是便运用了层，然后调出时间轴，简单的做了一个文字向上运动的一个动画。

第五个模块“歌迷会通道”，看了每日杰讯的歌迷们知道了周杰伦的近期活动安排行程，想参加一些和杰伦有关的活动，那么进入歌迷会将会是一个不错的选择。歌迷会通道提供了全国以及海外共32个通道，歌迷们可以看自己的地理情况就近参加，这也给歌迷和杰伦互动中间架起了一座桥梁。模块的右边用的是杰伦高清写真，图片充分的体现出杰伦深爱着他的歌迷。还未加入歌迷会的粉丝们也可以点击右下角的“加入我们”加入歌迷会。

关于网站链接

这个星期我又重新整理了自己的网站，将它更加美化。

现在网站一共五个页面，分别是“新闻”“资料”“图片”“资源”和“电子杂志”等。在“资料”链接的页面中，网页的上一部分用大图和文字采用图文混排的方式，下部分将层嵌入到图片中加入文字做了个简单的文字向上运动的效果。网页的全部文字都在详细介绍网站的主人公周杰伦。

在“图片”链接的页面中，主要就贴一些周杰伦的各种图片。第一部分用了代码marquee，使四张图片从左到右运动。中间有一张大图片是周杰伦各个镜头的头像照。紧接着是周杰伦新专辑的照片和镜头。最后一个头部分是杰迷会的会服的照片和介绍，网站正式做成以后可以链接至淘宝。

在“资源”链接中插入的视频是我在周杰伦《2011超时代世界巡回演唱会》上截取的，我个人认为这段视频能够生动记录着周杰伦出道10年来给歌迷朋友们

带来的巨大的视听盛宴，无论是在专辑，电影还是演唱会上。我的不少朋友看到我截的这段视频都说深有感触，甚至有点小感动，原来杰伦的歌已经默默陪我们走过十年。我期待他的歌能够陪伴我们走过下个十年，下下个十年……

最后一个链接页面是“电子杂志”。这个页面主要讲周杰伦最近推出的新专辑。整个页面用了图文混排的方式对外展示新专辑的热卖点，并且有预购的系统，这样可以帮助网站盈利。

心得体会

经过一周的静态网页设计与制作的实训，让我懂得了很多。首先是做什么事情之前脑袋里面都要想好，都要出现大致的轮廓。在开始制作网站之前最重要的是网站的设计，大到网站的整体构思整个框架设计，小到一张图片的和一段文字的摆放位置。

接下来是自己对颜色和美的感知。互联网上发布的的网站总是让人看起来很舒服。不仅是颜色搭配还有布局还有动态效果和静态的结合。这总是在提醒我，制作网页绝对不是一项闭门造车的活动。平时和自己的好朋友多讨论，让很多人来给你的网站给些建议和意见都是不错的。除了这些之外，自己也要多看书，多看些和自己要制作的网站主题相关的资讯，多了解时下最流行的时尚元素。

网站的最终目的是为了盈利，因此我在建立网站制作网页的时候，也专门有订购周杰伦最新专辑和周杰伦国际后援会的会服的通道。这些直接链接到淘宝，然后开始从事电子商务活动。

最后，通过一周的实训让我懂得了，为人做事一定要谨慎细心。同时老师们

传授给我们知识时的耐心也值得我学习。我相信这次实训会为我以后的工作和学习奠定良好的基础。最后，真心地说一句：“老师，您辛苦了~！”

第四篇：网页制作毕业论文

一 引 言

随着Internet的诞生和发展，许多人不再仅仅局限于网上冲浪，而是参与到网站建设中。企业建站相当于在网上建立一个家，你就可以在这里向客户介绍你的企业，展示你的实力，推销你的产品，网页制作作为网站制作中一个重要的环节，相对于传统的平面设计而言，网页设计具有更多的新颖性，更多可以表现的手法。结合本人的实习过程，现就网站建设与管理过程中，网页设计与制作的具体经历，包括：网页设计与制作过程中的网页布局、色彩构置，框架结构等相关事项做以下论述。

二 网站建设的流程

1.定义合适的域名。由域名构成的网址会像商标一样，有助于将来塑造网上的形象。域名除了要符合公司的性质以及信息内容的特征外，还要具有简洁、易记、具有冲击力的特点。

2.租用虚拟服务器。有了域名后，就需要一个空间存放网站，这个空间就是Internet上的服务器。一般虚拟主机提供商都能向用户提供大容量、高速度的服务器，用户可根据网站的内容设置及其发展前景来选择。

3.设计网页。网页的设计制作可以自己完成，也可以通过虚拟主机提供商或专业的网页设计制作商来完成。设计网页前要收集所有需要放在网站上的文本资料、图片等，并尽量用文字详细说明制作的框架结构，将收集的材料提供给网页设计者。

4.ICP备案。网站备案的目的就是为了防止在网上从事非法的网站经营活动，打击不良互联网信息的传播，如果网站不备案的话，很有可能被查处以后关停。ICP备案可以自主通过官方备案网站 http://www.xiexiebang.com/sale/view.asp?Article ID=288 [4]许凌云，柳勇良.网页设计全方位学习[M].北京：清华大学出版社，2008，11 [5]陈琳.photoshop cs3 入门实战与提高[M].北京：电子工业出版社，2008，11 [6]焦慧.网页制作基础与典型范例[M].北京：电子工业出版社，2008，7 [7]戎马工作室.Dreamweaver 8与asp动态网站开发[M].北京：机械工业出版社，2006，5 [8]戴一波.Dreamweaver CS3网站制作炫例精讲[M].北京：电子工业出版社，2008，1 [9]何秀芳.网页制作与网站建设课堂实录[M].北京：人民邮电出版社.2009，3 [10]孙连三.新编网页制作与网站建设入门与提高[M].北京：人民邮电出版社.2008，9 [11]邓文渊.网页制作高手FLASH 8[M].北京：人民邮电出版社，2007，6 [12]胡崧.超梦幻劲爆网页[M].中国青年出版社.2008，7 [13]Scot Johson etal.using Active Server Page[J].Que 2007 [14]卓越科技.PHOTOSHOP CS3 美工广告设计百炼成精[M].电子科技出版社，2009，3 [15]David Hunter etal，Beginning XML[J].Wrox Press Ltd，2005 [16]杨大勇，李金江.ASP网络开发自学导航[M].北京：机械工业出版社，2007，6 [17]卓越科技.SQL SERVER数据库开发培训教程[M].北京：电子工业出版社，2009，4 [18]李曦琳.WEB导航设计[M].北京：电子工业出版社，2009，3 [19]力诚教育.ACCESS 2007完全自学手册[M].成都：四川出版集团，2009，3 [20]丛书编委会.ASP动态网页编辑[M].北京：清华大学出版社，2006，10 [21]陈刚.商业网站开发从入门到精通[M].科学出版社，2008，2 8

致 谢

毕业论文如期完成了，在此我要感谢在毕业设计期间给予我帮助的许多人。首先，我要特别感谢的是我敬爱的指导老师王琛老师。因为是他为我提供了一个良好的环境，才使我很好的完成了毕业设计。在设计期间他也给与我无私的帮助。在此表示深深的谢意。

正是他的付出，使我找到并改正了许多看起来很明显的错误和不严谨的论述。在毕业设计的过程中是愉快的，我很感谢与我设计有帮助的每一个人，是他们的存在，让我感到了毕业设计的过程中的快乐，使我融入到了团队工作中，感受到了相互合作的乐趣。

我对所有人的耐心表示感谢，尤其是我的指导老师王琛老师。他仔细阅读了我的论文和程序，并提出了许多宝贵的意见和建议。感谢他能在忙碌的工作中抽时间指导我。我在与他通过电话和电子邮件的联系中很好的把握住了设计的进度，使设计得以顺利完成。

最后，当然不能忘记帮助过我的老师和同学。写论文通常是一项非常枯燥的工作，但幸运的是他们使这项工作变成了一种乐趣。还有默默无闻帮过我的朋友，也在此表示对你们诚挚的感谢。

第五篇：毕业论文-网页制作

网页制作技术与制作理念

摘要：有网络及网站的发展现状，总结出现在的网站主要分为三大类。然后谈到网站的制作工具，从不可视化的网页制作语言到可视化的frontpage和dreamweaver，从中还提到了增加网页效果的多媒体编辑工具。由制作工具从而讨论到制作网页所应坚持的几个原则和要求，根据这些原则和要求，我根据客观条件得出适合自己制作的是个人空间网站。后面接着大体的介绍了自己网站的主要内容、栏目及相应的链接。最后根据网页发展历史和现状，得出我对网站未来的发展是非常乐观而又有信心的。

关键词：计算机、网页制作技术、网页制作理念

伴随着计算机技术及相应软硬件功能的飞速发展，网络已经融入了大众社会中，成为人们生活不可或缺的一部分。现在无论是公司、企业、政府、机构等部门的宣传和发展，还是个人的求学、求职，甚至吃喝消费都离不开网络。而为此提供广阔平台的则是相应网页及网站的制作和发展。网页和网站本质上没有太大的区别，可以理解为网站由众多的网页及其他网络媒介构成。

本文主要是想大体介绍一下网站的分类，网站制作所应贯彻的原则，我的网页制作理念和我对网站未来发展的简单预测。

一、网站的分类

目前的网络发展非常迅速，而网页的规模也相应的日益庞大，但大体可分为三大类。第一类是综合服务资讯类。如搜狐、新浪、网易、百度、迅雷、优酷等众多大型网站。这类网站一方面提供大量的资讯，包括新闻、时尚的影视剧及娱乐八卦等多方面的资讯，同时资讯展现形式也多种多样，包括文字、声音、视频等多种方式。另一方面也确确实实为人们提供实在的服务，如迅雷下载、网易邮箱等。

第二类就是公司企业以及其他政府部门的网站。当然不同规模的机构的网站也有很大不同。大公司大企业和顶级行政部门往往员工、合作对象及其他关注的人比较多，网站需要向内外部提供及时的信息和服务。而小型企业网站的侧重点往往仅仅是形象的宣传，实际的服务和资讯不多，也没有多大价值。

第三类就是个人类网站了，这种类型的网站由于制作者有不同的制作基础，不同的性格，不同的制作理念等诸多因素，因而网站而制作目的也不尽相同。有的是为了好奇而学习，有的就是为了制作的乐趣及享受上传至互联网上之后的那种自豪感。当然也有人有更高的理想和追求，希望通过这样的途径来创业，实现个人事业的发展。

当然这只是一个简单的分类，随着网络的发展，各网站已经变的更加全面综合，同时也更复杂多样。由于网站的魅力也不断提高，制作网站也成为一种时尚和美丽的象征，同时也是一项生活的技术和技能。所以网站的制作也成为众多人们学习的一个目标和方向。

二、网页的制作工具

构成网站的基本因素是网页，网页的原始制作工具就是记事本，直接用网页制作语言来编写，如html语言。这对计算机配置要求很低，任何电脑都带有记事本程序。但html语言的学习和灵活的运用则有些困难，尤其对初学者来说，太难理解，也太枯燥乏味了。网页诞生初期的发展缓慢和不流行与这也有很大关系。

但随着计算机技术的发展，相应的可视化网页制作软件应运而生。网页的制作已不再那样抽象难懂，而是更加直观可视，更加方便快捷了。

首先可以用word编辑，比较简单比较方便，但这对复杂网页及高质量精美网页的制作有着一定的限制，存在着发展的瓶颈。

再就是FrontPage软件，这是一款由微软提供的比较强大网页制作软件，可以方便的进行代码编辑，拆分查看及设计要求。可视化程度已相当高，已经具备普通完全具备普通网页的制作。但是或许是由于微软的强大垄断性，缺少一定的竞争，FrontPage也存在着一些弊端。1.对于FrontPage不支持的东西，在制作网页时插入就比较麻烦，它产生的代码让人理解时有些费力。2.FrontPage的一些窗口按键上的文字不太直观，不容易理解，尤其对初学者更有一定的难度。3.可能还是微软的问题，FrontPage对微软以外的浏览器不太友好，有时会有不必要的麻烦。4.在动态网页的制作时，FrontPage就有些力不从心，更多的还是利用网页制作语言。

除FrontPage外，另一款强大的软件是包括Dreamweaver在内的三剑客。三剑客还包括Fireworks和Flsah。Dreamweaver 是一个“所见即所得”的可视化网站开发工具，主要用于动态网页的开发；Fireworks主要是用于对网页上常用的jpg、gif的制作和处理，也可用于制作网页布局；Flash主要用来制作动画，现推出Flash平台，可预见有极好的前景。在图片编辑方面另一款强大软件是Photoshop，简称PS。Photoshop功能确实非常强大，几乎涵盖了所有的图片编辑功能，其缺点就是制作出的图片内存比较大。而Fireworks就是针对网页制作而专项推出的，虽然编辑功能和效果不如PS，但以其输出图片内存较小。在网页传输和打开速度的层面上考虑，Fireworks似乎更适合网页图片的制作。有种这种的方法就是由Photoshop编辑，后由Fireworks导出。灵活利用这四款的软件制作的网页会非常漂

亮，非常精美。顺便提一下三剑客的原公司是Macromedia公司，现已被Abode公司收购，而Abode公司正是Photoshop的开发公司。所以未来Photoshop和Fireworks功能优势的整合应该不会是太遥远的事情，我们也期待着一种更强大，更优秀的图片编辑软件的诞生。三剑客中的Flash可以制作精美的动画，小巧可爱，同时传输速度优越。但这只适合于网页表面的装饰和对网页氛围的渲染，并不能传达实实在在的信息。所以这对于某些相关信息及其他具体内容的展示就显得不够正式得体，也不够全面广泛。这方面信息的传播就需要更加正式的多媒体音视频文件，自然也就少不了对多媒体进行编辑和制作的软件。windows有自带的Movie Maker软件，简单易学，支持的格式也非常广泛。但对于专业视频编辑及所需要的玄幻效果来说，Movie Maker还是不够专业。在此推荐另一款软件，就是会声会影。会声会影（版权所有为友立资讯股份有限公司）是一款非常强大的多媒体编辑工具，也比较简单易学，而且视频处理效果非常好。理论上说基本的多媒体编辑，会声会影都可以做到。但对于有些东西的制作，会声会影则不是那么简单有效，而是有些繁琐。比如卡拉OK字幕制作，用会声会影就比较麻烦，且较难达到理想效果。借此机会推荐另外一个软件，小灰熊卡拉OK字幕制作软件，可以较好的制作字幕视频。还有很多的小软件可以配合会声会影，可以更快，更好，更有效的达到制作目的。如好莱坞插件包及一些简单的3D动画制作软件。

三、网页的设计思路及坚持的原则

制作网页，首先要有一定的兴趣和爱好，更要有一定的追求新和上进心。在整个制作过程中，一定要明白任何事物在初步接受和学习时都难免会有困难的，要有不放弃和勇敢向前的勇气和信心。同时也要清醒的认识到任何事物在学习和制作过程中都有相应的方法和技巧，但绝没有一步登天的捷径。这世界上也没有行之天下放之四海皆准的原则，但我们可以取长补短多方面的结合。

（1）制作工具的协调利用，就是注意网页制作工具与网页制作语言编辑相结合，双方各有各的优势。初学者推荐先用可视化网页制作工具，这可以比较简单，比较快速的初步了解网页制作的相关知识，同时对网页制作语言的学习也有很大的促进作用。但若想有长远的发展，可视化制作工具在网页制作有一定的发展瓶颈。这就要学习更多的网页制作语言，如asp，jsp，php及Java脚本语言等。因为网页制作语言的学习和利用则是永无止境的，其功能和作用是无限的。

（2）在制作过程中，网页的基本类型要注意个性化与大众化相结合。大众化可以被更多的人接受，个性化则可以吸引更多人的注意，但绝对的个性化和绝对的大众化都是不可取的，对网站的长远发展也都是不利的，因此一定要注意互相的取舍与结合。

（3)艺术与实效相结合。所谓艺术就是让浏览者能够愉快的阅读，能在达到浏览目的的同时，能有一份以外的心灵收获。这种艺术要有一定的内涵，不要让漫天的繁华却充斥着无限的空虚。而实效则是不要忘了网站最本质的目的，那就是让浏览者得到他们需要的，对他们有帮助的信息。这种信息可以是自己的创作，可能会有些平凡朴素，但一定要让人感到这是你自己用心创作的，因为里面有你的一份心血，也有着一份感情。艺术和实效二者缺一不可，尤其对社会大众类网站更是如此。

（4）在制作时要注意借鉴与自创相结合。在网页制作过程中，尤其对于初学者来说，基本的学习、借鉴、模仿是必要的也是必需的，因为这对网页制作技术和制作理念的提高有很大帮助。但另一方那个方面要清醒的认识到，一个网站要想长盛不衰，一定要有自己的东西，要坚持自己的创作，并且是呕心沥血的创作。借鉴和模仿的永远有别人的影子，只有自己的创作才是独一无二的。

（5）在网站的宣传时，一定要注意真实与夸张相结合。宣传时可以有舍多的夸张，艺术性的夸张。但一定不能违背了真实的情况。这种真实不是表面上狭隘的真实，也不是那种很牵强的真实，这都是伪真实。这里我个人意义上的真实是内心的一份真诚和坦然，也是对浏览者虔诚的欢迎和对浏览者最诚挚的尊敬。适度的夸张可以吸引更多人的注意，可一旦夸张过度，违背了真实，这对自己网站的形象就会有很大的负面影响，反而得不偿失。

这仅仅是要注意的几个方面，要想制作成功一个网站，牵扯到的因素太多了，需要我们不断地学习进步才行。

四、我的网页类型选择及制作理念

网页的分类标准有很多种，前卖也大致区分为三类。其实前两类可以归结为一类，就是具有一定的社会公共性，有一定的大众化，再一类就是个人类。社会大众类网站要求版式严格合理，内容时尚丰富。需要一支庞大的专业队伍，同时对设计者分工严格细致，要求素质专业严谨，理念科学先进。这类网站要想达到理想的情况，在毕业设计来说太困难了，几乎完不成。而对于个人类网站，要求内容充实，版式要有一定的特色，同时还应具有相对独特的艺术内涵魅力。这种个人类网站要想达到完美程度也很困难，但通过努力，还是可以达到

一定理想效果的。所以我根据自己的现实能力及目前的制作条件和制作基础，选择的是个人类网页的制作。

五、我的网页主要内容

首页就是一个栏目板块，上方是一个gif图片，显示着“欢迎进入我的网站！”。还有一幅图片，是齐鲁师范学院挂牌仪式的，下面一行字“祝福学校明天更美好”。还有我宣传自己网页的一段文字，大约100字。下面是几个标题链接的子网页。

（1）网页简介：左侧对主网页的主要链接子网页在此也做了简单的介绍，并提供了相应的链接渠道，可也可以快速的进入链接网页。右侧简单分析了网页的起源、发展、未来趋势，也简单介绍了我的网页制作理念和制作目的。

（2）一路走来：该主页显示的是我的求职理念，左侧从上往下依次是，个人基本信息，我的学生时代，我的求职理念，我的人生感言，最后是一个返回主页的链接。个人基本信息主要就是个人简介，包括我的性格，爱好及常用的联系方式。我的学生时代简单介绍了我在小学、中学和大学的一些比较重要的感受，也简单的描述了一下我的学校。我的求职理念是针对毕业求职而制作的，其基本理念就是选择基层的劳动和生产，可以不在乎起点，但一定要保证将来有发展前途和空间。我的人生感言，暂时传了两篇文章，一是《毕业了》，另一篇是《写给青春的一封信》。前者主要内容是，对大学及以前美好生活的回忆和留恋，对现实也要正确地对待，要有充分地信心和不放弃比成功的决心。后篇是写给大一新生及那些正在读大学的同学们的一封信，希望他们珍惜大学时代的美好生活。

（3）天籁之音：插入了一个音频播放器，选择了一些自己喜欢的歌曲。由于考虑到内存问题，歌曲的链接选取的是网络连接方式。

（4)精彩视频: 内容包括自己制作的一些视频，主要有老师和同学的，想记录曾经的那些精彩瞬间，感谢那些帮助过我及留给我美好回忆的人。其中有一个是给那些辛勤教育我的老师们的。

（5）今日关注：关注的是巴塞罗那足球俱乐部（简称巴萨），由于其在欧冠半决赛中背国米淘汰，这里表现了我的悲伤和对其重新崛起的期待。由于巴萨队服是由红色蓝色组成的，主页就是红蓝格调，上方是巴萨去年欧冠夺冠时的照片，下边左右两侧分别是蓝色背影加红色文字与红色背影加紫色文字。还有一个巴萨简介的链接，主要简单介绍了巴萨的创立，发展及所取得的成就。最后插入了一个从优酷上下载的巴萨简介的视频，该视频是由cctv5天下足球冠军欧洲节目播出的，时长14分钟。

（6）交流平台: 方便与网友交流沟通的一个网页，包括e-mail，QQ和意见建议留言等不同版块。

我基本上就是按上面的规划制作网站，制作过程中，在学习借鉴的同时，坚持自创。

六、对网站制作的未来预测

对网站发展的未来预测，我个人感觉是无限美好的。现在的网页早已脱离了原始表格加文字的模式，其精美的外表及其中绚烂的视频动画，似乎已经完全满足人们的需求了。但随着网络宽带传输、无线传输的发展和计算机的普及，未来人人有个个人空间网站绝不是问题。而那时我们对自己网站的修饰和管理就会像我们吃饭打扫房间卫生一样不可或缺。有人可能怀疑这些，那如果我要说，像现在我们平常使用的一部普通手机功能会强大到相当于现在的一部高级服务器的作用，恐怕更没人相信了。那么我们想想五十年之前，谁会想到今天；想想计算机笨重的原始雏形，谁会想到今天的小巧玲珑。不要低估自己的想象力，更不要低估人类的创造力。那时的网络会普及到何种程度，那时的网页、网站及其制作也必然会更加的丰富着人们的生活。

参考文献

[1] 百度百科 网页

http://baike.baidu.com/view/828.htm2010年5月21日访问

[2] 百度百科 巴塞罗那足球俱部

http://baike.baidu.com/view/20053.htm?fr=ala0_1_12010年5月21日访问