職此一家网站设计稿与制作毕业专业论文.docVIP

河南经贸职业学院 毕业论文 《职此一家》网页设计与制作 摘要 在互联网飞速发展的今天，网络已成为人们生活中不可缺少的一部分目录 摘要 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 什么是网页 打开浏览器，在地址栏中输入网址，显示在浏览器中的就是网页。 （1）网页的基本构成元素 网页实际上就是一个文件，这个文件存放在世界上某个地方的某一台计算机中，并且这台计算机与互联网相连接。 构成网页的最基本元素是文字和图片。文字是网页的内容部分，图片则是为了更好地充实内容部分或者装饰网页的外观。然而，除了文字和图片以外，网页元素还包括动画、声音、视频、表单、程序等。 在网页的空白处单击鼠标右键，在弹出的快捷菜单中选择“查看源文件”命令，或者在浏览器窗口中的菜单栏中执行“查看查看源文件”菜单命令，就会弹出一个记事本文件，这就是网页的源文件。 那么从源文件的角度看，网页实际上只是一个纯文本文件，它通过各种各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，这样就得到我们所看到的网站页面了。 （2）网页的设计构思 网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。网页设计中最重要的东西并不是在软件的应用上，而是在于设计者对网页设计的整理以及设计制作的水平，还在于设计者自身的美感以及对页面的把握上。 ①设计的任务 网页设计的任务是指设计者要表现的主题和需要实现的功能。设计的任务是要实现设计者的意图，并非创造美。网站的性质不同，设计的任务也不同，从形式上可将站点分为以下3类。 资讯类网站：例如网易、新浪、搜狐门户网站。这类网站为浏览器提供大量的信息，而且访问量较大，因此需注意页面的分割，结构的合理，页面的优化，界面的人性化设计等问题。 资讯和形象相结合的网站：像一些大公司的网站，高校的网站等。这类网站在设计上要求较高，保证资讯网站特点的同时要突出企业单位的形象。 形象类网站：比如一些小型公司或单位的网站，这类网站一般较小，有的只有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平较高。 ②设计的实现 可以分为两个部分： 一．网站的规划及草图的绘制（可在图纸上完成）。 二．页面的制作（需在计算机上完成）。 设计者的第一步是设计版面布局，可以将网页看做传统的报刊杂志编辑。网页的元素有文字、图像、动画，设计者要做的工作就是以最适合的方式将图片、文字和动画摆放在页面的不同位置。接下来就要通过软件将设计的蓝图变为现实。 ③造型的组合 在网页设计中，设计者主要通过视觉效果表现主题。造型在视觉传统中是非常重要的一个元素，抛去图像还有文字的问题，画面上的所有元素可以统一作为画面的基本构成要素——点、线、面进行处理。 通常使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交叉、节奏、韵律、归纳、变异、特写、反射等，这些组合手法都有各自的特点，在设