毕业论文 电影 网页 总体设计6

第一篇：毕业论文 电影 网页 总体设计6

本科生毕业设计说明书（毕业论文）

题 目：电影网站的设计学生姓名：学 号：专 业：计算机科学与技术班 级：指导教师：

毕业设计说明书（毕业论文）

第四章 “爱电影”网站总体设计分析

4.1 网站总体设计

本网站用DIV块将页面分为几部分，每一个页面都有自己的页面划分情况，将电影网站制作成为一个拥有友好界面，并且布局合理、功能强大的，信息详尽的网站，本网站分为多个页面，分别为首页，各分类页，包括新闻频道、影院频道、商城频道、社区频道、发现频道，和详情展示页、注册页、登录页等。

电影网站会运用到多种颜色，只运用一种颜色会让人感觉单调、乏味、枯燥；但网站中主色太多的话，会让人感觉凌乱，无主题感[1]。一个网站需要有1~2种主题色与1~2种辅色，才不会让浏览者迷失方向。

1、主色

在网页上，面积最大的色彩为网页的主色调，爱电影网站中白色贯穿网站中所有的页面。其次就是以淡蓝色色做为设计的主色调。以蓝色为主色的作品，多数给人感觉理智、沉稳和冷静。

2、辅色

网站的辅色用了浅灰色，浅灰色给人以诚恳、沉稳、考究的感觉。灰色更有弹性，但灰色决不是灰心丧气，悲观的表现，它甚至比黑色更有张力！浅灰色使人觉得比较干练、干净，作为辅色就不能那么的抢眼，干净利落终归是最好的选择[2]。

3、背景色

整个网站的背景色是用的白色，白色显得特别的干净、简单。不会显得整个网站杂乱无章。白色与其他色彩对比强烈。当白色与其他鲜艳的色彩组一起搭配时，往往更引人注目并可以吸引浏览者。

4.2 “爱电影”网页版式设计

通过了解各个类型的网页设计版式，结合本网站是商业性网站，爱电影网站的设计中选择了骨骼型的设计方法来完成爱电影网站的前台网页设计与制作。

以首页为主，我将整个网页纵向分为三部分，第一部分作为该网也的头部约180px，主要包括网站logo，导航条；底部约300px，该部分主要书写电影网站的内部介绍，版权信息和基本信息；最重要的中间部分突出展示了电影宣传的全

毕业设计说明书（毕业论文）

部信息，该部分为竖向分栏，网页总宽度三分之二是电影宣传图片和文字信息的展示，还包括一些动态广告。

为使电影网站设计更具吸引力。网站字体形式多样，包括：字型、磅重、行长、行距，字符间距的调整以及字偶间距的调整。在网页前台设计中，排版是不容忽视的一个要素。当浏览者首次访问你的网站，他们一定会好奇你网站的主题和内容是什么，因此电影网需要使其具有可读性，并且让浏览者能够印象深刻，使浏览者在电影页面上停留更长的时间，并最终成为一个固定的访客。优秀的排版可以使页面主次分明、美观大方，具有创意的设计更是能给浏览者留下深刻的印象。

本电影网站的前台设计中所用到的网页版式主要是骨骼型。首页主要是以横向分栏为主，商品分类展示页则主要是以左右的结构为主。

4.3 “爱电影”网站设计功能结构图

电影主页面版式设计结构，如图4.1所示。

图4.1总体设计图

4.4 网站整体规划

4.4.1 确定网站名称

本设计是一个电影宣传类网站是阅览电影资讯和讨论电影的平台，不是免费收看和下载电影的网站。所以关键的部分是名字的选择，网站的名称要易于理解，贴近生活，这样才能具有吸引力。太过拗口的网站不容易让用户记住，气势磅礴的名字又太过华而不实，太过文艺的名字会让用户觉得不像是在电影类网站。所

毕业设计说明书（毕业论文）

以取一个贴切的名字是尤为重要的。

本次设计的网站名字定义为“爱电影”：为爱电影的人，“爱”字第一感觉体现了观影者对电影的热爱，又感觉气氛很温馨。“电影”两字直白的一眼看过去就知道这是一个电影网站，不用解释大家就会了解，方便且直观。爱电影就是让一群热爱电影的人，来到爱电影Love Movie，可以一边享受着电影赋予这个世界的美好时光，一边对电影的感悟汇聚到网络的海洋中。很多人认为名字的第一感觉是特别的有意思，这就是一个名字要给大家带来的效果。4.4.2 电影网站的整体规划

1、文字的格式化

1）字号和字体，行距

网页正文显示的字体最适合的大小约为16磅，较大的字体用于标题字号或其他强调的地方，小一些的字体可以用于页脚和辅助信息[3]。需要注意的是，小字号产生整体和精致的感觉，但不利于读取，适用用于页脚部分及不明显部分。

爱电影网站页面设计用字体可以充分地体现“爱电影”网站设计中要表达的含义。选择字体是一种直观的方式。除了对于可读性的影响，行距本身具有很强表现力，为了增强页面的效果，可以在个别板块加宽或缩窄行距，体现独特的网页审美。例如，新闻频道部分文字加宽行距体现了轻松、舒展的情绪。

2）文字的整体编排

爱电影网页面里的正文部分是由多个文字模块经过编排组成的群体，可以充分发挥文字群体在版面整体布局中的整体视觉效果。在电影网页的排版中，字体的处理应与周围颜色和版式以及图形等设计元素的处理要协调、友好。

标题与正文：首页在进行标题与正文的编排时，将正文作三栏的编排，再进行标题的置入。将正文分为三栏，主要是为了使页面具有空间与弹性，避免通栏的呆板形式以及标题插入方式的单一性。标题有的是整段有的是整篇文章的标题，但不一定一成不变地放于段首。可作居中、横向和竖向排列或边置等编排处理，甚至可以直接插入字群中，运用新颖的版式来打破旧有的规律。

文字编排的基本形式：分类页使用两端均齐文字的方式：从左端到右端的长度对齐，字群的形成方方正正的模块，显得既端正、严谨又美观。网页居中排列方式既可以使文字更加突出，又能产生对称的形式的美感。

毕业设计说明书（毕业论文）

电影网站分类页运用文字左对齐或右对齐样式，文字的左对齐或右对齐使行首到行尾自动形成一条清晰的垂直线，很容易与图形配合。

文字的强调：

电影网站采用行首的强调模式：将正文的第一排字或字母放大并作装饰性处理，嵌入段落的开头。由于它具有吸引视线、装饰和活跃版面的作用。

文字的颜色

在电影网页设计中，以文字、文字链接和已访问链接和当前活动链接选用各种颜色。网页默认样式是：网页一般字体颜色为黑色，默认的链接颜色为兰色，导航栏上的文字鼠标点击之后样式为红色。但需要注意的应该是，文字的颜色变化，应尽量少运用，因为什么都想强调，其结果是什么都没有强调。

2、图像

网页上最重要的设计就是图像。从一方面来说，图像的应用使网页更加美观并且有趣；另一方面，网页的图像本身也是传达信息的重要方式。与文字相比，图像更直观和生动，可以直接地把那些文字无法表达的信息主观的表达出来，易于浏览者理解和接受。

图像的格式：Web通常使用两种图像格式：GIF和JPEG。还有适合网络传播使用不是很广泛的图像格式：PNG图片格式类型。

爱电影网站多使用方形图：即图形以直线边框来规范。方形图可以使图像内容更突出并与周围环境共融，配置方形图的页面，还可以给人以稳重、理性和庄重和安静等感觉，缺点是有的图片平淡或呆板。

3、电影网站版式的类型

网页版式的基本类型主要有骨骼、满版、倾斜、焦点、三角、自由型等。此次爱电影网站的前台设计中所用到的网页版式主要是骨骼型。电影首页是以横向分栏为主，商品分类展示页主要是以左右分栏的结构为主。

骨骼型：网页版式骨骼类型是一种常用的并且规范的和理性的分割方法，类似于报刊的版式。爱电影网站用的骨骼有竖向双栏，和横向的通栏、双栏、三栏等。这种版式可以给人以和谐和理性的美感。

第二篇：毕业论文 电影 网页 引言3

本科生毕业设计说明书（毕业论文）

题 目：电影网站的设计学生姓名：学 号：专 业：计算机科学与技术班 级：指导教师：

毕业设计说明书（毕业论文）

第一章 引言

1.1电影网站研究背景

随着社会的发展与进步，国家逐渐加大了对知识产权的保护政策，人们生活水平同时开始提高，同样对物质文化生活的追求和提升促使电影数量大幅增加，电影的欣赏已逐渐进入人们的视野，“重新”换发的电影又回来了！传统的电影资讯是通过海报发布的，并且观看的电影的时间不能及时知晓，无法体现信息时代人性化的选择，加上现在城市人们的生活节奏逐渐加快，对于电影资讯的需求也应相应提高。因此，充分利用信息现代化、因特网的优势，设计“电影宣传网站”，提高电影宣传的范围，提高电影信息的及时性。所以电影网站的建立成为电影管理现代化发展的必然趋势。

电影宣传是现代电影发展的一个很重要步骤。在电影宣传的过程中，往往都要表达一个中心思想，就是电影所展示出来的精神，是所要宣传的信息中的核心，也是吸引有观影想法的人前来观看的一点，它在宣传的过程中起到了重要的作用。建立电影网站，不仅可以解决这些电影宣传的难题，也大大节约了宣传所花费的经济费用，并且可以扩大关注量，增加网上观看群众，激发潜在观影群体。网站的建设，也是电影对于宣传方面的长期广告效应。

网站建设方案第一要素是努力将网站建设成为一个优质实用的网站。电影网站要拥有自己独特的风格设计，电影网站是一个很大众化的网站，信息量也是非常大的，电影网站的用户在浏览页面时可以参与互动，这对于用户及开发者都是非常关键的，然而，电影前期在推广的过程中也碰到过许多阻滞，各式各样的电影网站，都注重利益商业气息浓重，而忽略了真实的情况，更有些网站信息量少甚至有错误存在。

网站开发目的 ：在IT行业迅速发展的今天，电影网站的建立已经成为电影发展必不可少的趋势。本设计将建立一个以宣传类型为目的的网站，将专注于针对电影的宣传与推广，让更多的网友能通过互联网了解、关注、支持电影以及电影事业的发展。

“爱电影”网是查询电影资讯，不是免费收看和下载电影的网站。电影网站的建立是要第一时间发布电影信息来加强电影的宣传力度，具体介绍出电影的最新新闻、新片推荐、上映时间、网友评论等一系列方式来加大对电影的宣传力度，毕业设计说明书（毕业论文）

让网友能全面的了解电影，电影的详细信息，其信息都将内容具体的写在网页上，好让网友更方便了解电影。在宣传电影的同时同样注重宣传电影的特色、电影推广和网友信息反馈等内容。

作为一个电影的宣传网站，网站设计的主要功能针对网友做的，因此建设网站的目的主要有两个：一是使浏览者或潜在的用户迅速了解电影的最新消息以及上映的时间和地点，这就使网站的文字要尽量简洁，减少大篇幅的文字描述，增强图片对视觉的冲击力一定要精彩，以使网友或潜在的用户感觉到网站的设计水平、图文编辑、色彩搭配的视觉体验；二是使浏览者或潜在的用户迅速了解电影的内容以及电影影评与大众反响，以便能够让观众更加及时准确的了解电影详情，同时也能参与其中互动，分享交流观影感受。网站是反映电影形象和文化的重要窗口，在建立网站的可行性分析方面，我主要针对已经确定的需求，研究网站建设的社会环境、市场等可行性、技术可行性，经济可行性等问题。

通过电影网站的实现，可以解决宣传范围小、宣传力度差等问题。通过这个网站，实现为观影者节约时间，还可以方便的查询电影上映和播放时间，电影票价，使工作效率更高，使用更加便捷。

1.2国内外发展状况

1.2.1国外发展状况

电影产业自诞生之日起就在不断地发生着变革，各国也因为其政治、经济、制度、文化等因素而具有独特的发展轨迹。美国好莱坞现在是全球电影业的“老大”，法国是电影诞生的国家，在电影艺术及产业的发展中领先一步，韩国电影近几年奋起直追，不仅在本国内取得了半数以上的市场，并且开始逐步占领中国电影市场业。

美国电影业的高速发展，使美国好莱坞电影产业实力强大并占据着国际市场的大部分额。据统计，现在全世界上映的电影约有80%是好莱坞生产的，它的电影制片的特点是大批量生产，以及总结产生出来的模式化、类型化。许多好莱坞电影其实就是在这种制片形式下，如同机器一般从“流水线”上生产的。

经济社会发展水平的不同是客观现实，需要承认其中的差距。各国的社会经济发展不尽相同，基础不同使各国电影经济的发展也各不相同。美国电影是建立在美国的社会经济水平之上的，电影产业在美国迅速成为一个资本密集型和资金

毕业设计说明书（毕业论文）

导向型的行业，并成为美国经济的支柱产业。韩国电影票房的崛起，说明了本国观众对本土电影的重要性，这也是政府充间接培育民众电影消费习惯的表现。

深厚的文化底蕴是电影发展的源泉，电影首先应该是一种文化。一种电影文化的背后都拥有一个民族或国家的巨大文化底蕴。当文化成为一种产业以后，其经济功能和文化功能是相互促进的。在好莱坞电影业的影响下，法国电影的艺术文化形式使得法国的电影业在好莱坞的强流下仍然拥有自己的发展空间，并自成一派独立发展；韩国具有独特的民族包容性，使本国电影在长时间内没有被好莱坞占据。

电影网站的建立可以很好的解决以上各方面的问题，电影网向广大用户推出一种全新的网上服务模式，在电影产业与消费者之间构建了快速、便捷的网上信息库。我们的目标是为需要观影者节省时间、方便观众更好的了解、欣赏电影。1.2.2国内发展状况

电影网站就是Internet发展的产物，近几年在我国经济发展迅速，一些电影院已经探索新的方法以拉近电影消费与顾客的距离。随着科学技术的飞速发展，Internet已经成了普通百姓都可以运用的大众型传媒手段。如今，随着不断提高的全民素质和科学技术水平，21世纪又是网络的时代，时间异常宝贵的，不能及时知晓哪家电影院有自己所需的电影，而那些传统电影院的经营者又没有方法让更多的人们知道电影的最新资讯，这种双方之间信息交流上的阻碍成为“爱电影”网站建立的原因，网站的建设，也是一种对于电影宣传方面的长期广告效应。

对于中国电影业来说，我国起步晚，但影响日益强烈，我国电影产业的优势就在于拥有着不同于美国和其它西方国家的悠久优良文化传统。中国电影如果能够充分利用中国的传统文化资源，那么，中国电影可以在国内外的电影市场获得一致认可。在中国这个面临资源短缺和环境的压力、而又拥有五千年灿烂文化的国度，发挥自身优势。大力发展对资源依存度低的传媒文化产业，调整电影产业进行产业结构，是可持续发展的重要途径之一。作为电影文化业，正面临着转型，市场前景巨大，可以说是文化产业中的一颗璀璨的明珠、中国最具投资的潜力股之一。

毕业设计说明书（毕业论文）

1.3需求分析

电影产业作为一个新兴产业的产业,不仅能够带来的经济的收益,还具有推广文化和政治上的能力。电影能生动地“还原”现实生活，给人以逼真、亲近感，就像身临其境。进入21世纪，中国电影形成了国有和集体以及民营等多种所有制共同发展的新格局。我国国产影片也取得了优良社会影响和经济效益的双丰收，国产大片逐渐占领中国市场的主导，并在世界影坛创造了中国电影的票房奇迹。中国有多部影片在多个国际电影节上获奖。全国电影总票房超170亿。所以，电影网站的建立是对电影的宣传与推广的急切要求。

“爱电影”网是观影者查询电影资讯和爱电影的人写影评讨论电影的平台。不是免费收看和下载电影的地方，因此建设网站的目的主要有两个：

1、使浏览者或潜在的用户迅速了解电影的最新消息以及上映的时间和地点，这就要求网站要精简，减少文字累赘的重复，增强图片对视觉的冲击力要精彩。当然网页的页面效果也要漂亮，以使浏览者或潜在的用户感觉到网站的设计水平、图文编辑、色彩搭配的惊赞艺术。

2、使浏览者或潜在的用户具体知晓电影的上映日期和广大群众对电影的认可，以便能够让观众更加及时准确的了解电影内容，同时也已参与互动，交流观影感受。最终完成首页、各分类页、详情展示页、注册页、登录页等，完成了“爱电影”网站的前台设计。

主页：首页是客户打开网站的页面，以图片自动轮播的方式，运用 JavaScript展示与宣传电影。要在第一时间呈现给用户，充分展现“爱电影”网站的亮点，来吸引用户。

1、电影主页：此模块为在网站中对电影的全部分类，通过对电影的分门别类来找到用户想找到的电影。

2、电影新闻模块：本模块主要宣传的是电影最新新闻播报，电影宣传图片轮播。

3、电影商城模块：本模块主要是对动画电影中的玩具与相关电影产品展示。

4、电影社区模块：本模块主要为爱电影的人提供，可以交流观影感受，讨论电影详情，与一同观影的同伴进行电影互动。

毕业设计说明书（毕业论文）

5、电影影讯模块：本模块主要为想要去电影院观影的人提供本城市电影院播放电影具体详情，如电影名称，播放时间，具体地点等，为观影者提供便利的服务。

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

一 引 言

随着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

致 谢

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

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

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

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

第四篇：网页设计毕业论文

目录

一、课题来源.....................................................3

（一）设计思想.................................................3

（二）网站主题.................................................3

二、网站需求分析.................................................3

（一）搜集材料.................................................3

（二）需求分析与规划...........................................3 三 软件介绍.....................................................4

（一）Adobe Photoshop..........................................4

（二）Dreamweaver CS6..........................................4(三)软件运行环境..............................................4

四、网站整体设计.................................................5

（一）网页的规划...............................................5

（二）系统框架.................................................6

五、主页介绍与网页截图...........................................6

（一）主页面介绍...............................................6

（二）子页面介绍...............................................7

六、总结与感想...................................................9

（一）本网站实现了形式与内容的统一.............................9

（二）本网站具有良好的互动性..................................10

（三）缺点与不足..............................................10 参考文献........................................................11

/ 11

摘要

在网络高速发展的今天，互联网不仅深深的改变了人们的生活方式，更改变了人们的思维方式，雷军用互联网思维带领小米科技走到了今天，马云借助互联网成就了他的商业帝国，而首届世界互联网大会在浙江乌镇召开更加突出了互联网的重要性。而网站作为互联网的载体，只有优秀的网站才能使互联网更好的为我们服务。基于这一理念，我设计了自己的网站——田园采摘网。我利用所学习的内容自己动手设计本网站，制作过程中所使用的软件是Macromedia 公司的Adobe Dreamweaver CS6 和photoshop。在整个网站的制作过程中，我尽力优化网页的布局和排版，合理选择内容，尽可能做到完美。

关键词： Dreamweaver Photoshop 网站设计 田园采摘

/ 11

一、课题来源

（一）设计思想

用互联网的思维思考问题、做事情，创建优秀网站，精品网站。

（二）网站主题

结合自己的实际情况，选定田园采摘园作为本网站的设计主题，用互联网的思维经营采摘园。

二、网站需求分析

（一）搜集材料

明确了网页的主题以后，就可以围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

（二）需求分析与规划

一个完整的网页是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。

面对网页设计拥有不同知识层面的客户，设计的负责人对用户需求的理解程度，在很大程度上决定了此类网页规划的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网页规划和网页制作管理者需要面对的问题。据我们调查，当今 3 / 11

互联网已经有成千上万的采摘网。所以，这就要求我们的网站中要有突出和新颖的地方去吸引顾客，这样我们才能在众多的采摘园中占有一席之地并获益。网页设计中，运用photoshop等图形图像处理软件，进行大量的图片处理制作，给人以强烈的美感。并添加flash代码等，给浏览者一种现代感。整个网页由dreamweaver完成。

三 软件介绍

（一）Adobe Photoshop Photoshop简称“PS”，是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。

（二）Dreamweaver CS6 dreamwraver软件由美国著名的网站应用开发工具生产厂商Adobe Macromedia于2005年6月推出并正式投入市场以来，已经发展得相当成熟。关于dreamwraver的技术介绍的相关书籍与网络信息相当丰富。通过大学中软件开发环境课程的学习，对dreamwraver有了比较深刻的认识，并比较轻松的掌握了dreamwraver的操作。因此，软件技术可以完成任务的要求。

(三)软件运行环境

Dreamweaver是一款简体中文软件，可以在Win2003/WinXP/Win7/Win8中安全运行，换句话说，它可以在任何家用微机中运行。

/ 11

图1.Dreamweaver CS6

四、网站整体设计

（一）网页的规划

一个网页设计得成功与否，很大程度上决定于设计者的规划水平，规划网页就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网页规划包含的内容很多，如网页的结构、栏目的设置、网页的风格、5 / 11

颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。

（二）系统框架

采摘园首页 采摘概况 最新动态 时令水果 活动影集 联系我们 图2.系统模块框架图

五、主页介绍与网页截图

（一）主页面介绍

首先是利用Dreamwear技术制作的网页。上方框架是网站的图片、网站名称，点击相关文字可以进入到相关的页面上，下方包括五大个分类链接。

图3.主页

/ 11

（二）子页面介绍

本网站总共包括五个子网页，分别为：采摘概况、最新动态、时令水果、活动影集、在线联系。

图4.采摘概况

图5.最新动态

/ 11

图6.活动影集

图7.时令水果

/ 11

图8.联系我们

六、总结与感想

（一）本网站实现了形式与内容的统一

要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。

/ 11

（二）本网站具有良好的互动性

对于销售业务页面要求运行的工作环境稳定，易于操作，界面美观大方，对于前台展示界面要求系统便于维护，安全可靠，对于广大客户所要执行的操作简单易懂，远程访问速度较快，界面友好美观，有基本的错误提醒功能，远程操作数据库正确，要求和客户有一定的互动性，在主页上直观的就可以查看浏览者所想要了解的东西。

（三）缺点与不足

就我个人而言，对网页制作还缺少很多的理论与实际操作知识，曾经只是做一些简单的个人主页，仅此而已。对通过此次毕业设计，可以深入的学习，以提高自身的制作水平。下一步我将进一步完善和优化本网站，同时将推出适合移动端应用的网站，这样可以进一步优化采摘网的布局。

/ 11

参考文献

[1]邓文渊.网页制作高手[M].北京：人民邮电大学出版，2007，6 [2]李宪广.网页制作边学边用[M].北京：清华大学出版社，2009，3 [3]网页设计入门[EB/OL].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 11 / 11

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

网页制作技术与制作理念

摘要：有网络及网站的发展现状，总结出现在的网站主要分为三大类。然后谈到网站的制作工具，从不可视化的网页制作语言到可视化的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日访问