网站设计与制作-毕业论文

河南经贸职业学院

毕业论文

《职此一家》网页设计与制作

论文作者：李意娜

专业：计算机多媒体技术

学号：11060310615

班级：11电子六班

指导教师: 张州

答辩委员会主席____________ 评阅人_______ _______

论文答辩日期______________

独创性声明

本人声明所呈交的毕业论文是我个人在导师指导下进行的研究工作及取得的成果。尽我所知，除文中已经标明引用的内容外，本论文不包含任何其他个人或集体已经发表或撰写过的研究成果。对本文的研究做出贡献的个人和集体，均已在文中以明确方式标明。本人完全意识到本声明的法律结果由本人承担。

论文作者签名：李意娜

日期：年月日

毕业论文版权使用授权书

本毕业论文作者完全了解学校有关保留、使用毕业论文的规定，即：学校有权保留并向有关部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅。本人授权河南经贸职业学院要以将本论文的全部或部分内容编入有关数据库进行检索，可以采用影印、缩印或扫描等复制手段保存和汇编本论文。

□，在________年解密后适用本授权书.

本论文属于

不保密□。

（请在以上方框内打“√”）

毕业论文作者签名：李意娜指导教师签名：

日期：年月日日期：年月日

摘要

在互联网飞速发展的今天，网络已成为人们生活中不可缺少的一部分。网站的迷人之处在于综合使用文本、图象、声音、动画和视频等信息和内容，具有丰富的多媒体表现与互动特点，无可置疑，网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。

这篇论文是关于我对一个网站的设计，即“职此一家”的设计。首先介绍了网页的一些基本内容，其次介绍了网页制作工具，之后从网站设计的整个流程出发，通过自己设计的这个网站作品来说明并演示一个完整的网站制作过程。在第四部分阐述了网站设计的完整步骤，由前期准备到分析设计到最后的制作。

关键词：网页设计，策划，制作

目录

摘要.......................................................................... I

1 绪论 (1)

2 网页概述 (2)

2.1 什么是网页 (2)

2.2 网页设计涵盖的内容 (4)

2.3 网页设计的原则 (4)

3 网页制作工具 (5)

3.1 梦幻网页的编织者------Dreamweaver (5)

3.2 网页动画的制作软件----Flash (5)

3.3 影像与动画的制作软件—Photoshop (6)

3.4 JavaScript (6)

4《职此一家》的设计 (7)

4.1 前期准备 (7)

4.1.1 整理网站资料 (7)

4.1.2 网站策划 (7)

4.2 分析设计 (7)

4.2.1 设计分析 (7)

4.2.2 色彩分析 (8)

4.3 制作网站 (8)

4.3.1 网站说明 (8)

4.3.2 网站Logo (8)

4.3.3 网站首页 (9)

4.3.4 网站列表页 (11)

4.3.5 网站内容页 (13)

4.3.6 网站搜索页 (18)

5 结论 (20)

参考文献 (21)

致谢 (22)

1 绪论

随着Internet技术及其应用的不断发展，我们的生活，学习和工作也越来越离不开内容丰富的网站，不只是政府机构和企事业单位，甚至是个人也开始制作和发布自己的网站和网页。网页是宣传网站的重要窗口，内容丰富，制作精美的网页会吸引更多的访问者的浏览，这是网站的生存和发展的关键。制作和发布精美的网页已成为一项重要技能。[1]

相对于传统设计来说，网页设计往往要结合动画，图像特效与后台的数据交互因素，在静态页面设计，图片设计和网站动画设计等方面，也可以使网站设计人员的思想得到充分体现，而Dreamweaver，Photoshop，flash作为常用设计软件也是目前网页制作的首选工具，他们都具有强大的设计制作功能[1]。

下面会介绍到这几类软件及网站制作的流程。

2 网页概述

2.1 什么是网页

打开浏览器，在地址栏中输入网址www.2345.，显示在浏览器中的就是网页。

如图所示：

（1）网页的基本构成元素

网页实际上就是一个文件，这个文件存放在世界上某个地方的某一台计算机中，并且这台计算机与互联网相连接。

构成网页的最基本元素是文字和图片。文字是网页的内容部分，图片则是为了更好地充实内容部分或者装饰网页的外观。然而，除了文字和图片以外，网页元素还包括动画、声音、视频、表单、程序等。

在网页的空白处单击鼠标右键，在弹出的快捷菜单中选择“查看源文件”命令，或者在浏览器窗口中的菜单栏中执行“查看>查看源文件”菜单命令，就会弹出一个记事本文件，这就是网页的源文件。

那么从源文件的角度看，网页实际上只是一个纯文本文件，它通过各种各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，这样就得到我们所看到的网站页面了。

（2）网页的设计构思

网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。网页设计中最重要的东西并不是在软件的应用上，而是在于设计者对网页设计的整理以及设计制作的水平，还在于设计者自身的美感以及对页面的把握上。

①设计的任务

网页设计的任务是指设计者要表现的主题和需要实现的功能。设计的任务是要实现设计者的意图，并非创造美。网站的性质不同，设计的任务也不同，从形式上可将站点分为以下3类。

•资讯类网站：例如网易、新浪、搜狐门户网站。这类网站为浏览器提供大量的信息，而且访问量较大，因此需注意页面的分割，结构的合理，页面的优化，界面的人性化设计等问题。

•资讯和形象相结合的网站：像一些大公司的网站，高校的网站等。这类网站在设计上要求较高，保证资讯网站特点的同时要突出企业单位的形象。

•形象类网站：比如一些小型公司或单位的网站，这类网站一般较小，有的只有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平较高。

②设计的实现

可以分为两个部分：

一．网站的规划及草图的绘制（可在图纸上完成）。

二．页面的制作（需在计算机上完成）。

设计者的第一步是设计版面布局，可以将网页看做传统的报刊杂志编辑。网页的元素有文字、图像、动画，设计者要做的工作就是以最适合的方式将图片、文字和动画摆放在页面的不同位置。接下来就要通过软件将设计的蓝图变为现实。

③造型的组合

在网页设计中，设计者主要通过视觉效果表现主题。造型在视觉传统中是非常重要的一个元素，抛去图像还有文字的问题，画面上的所有元素可以统一作为画面的基本构成要素——点、线、面进行处理。