发布时间 : 星期二 文章网站设计与制作-毕业论文 - 图文更新完毕开始阅读f642e2a2daef5ef7ba0d3ce7
河南经贸职业学院毕业论文
通常使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交叉、节奏、韵律、归纳、变异、特写、反射等，这些组合手法都有各自的特点，在设计中应根据具体情况选择最适合的表现手法。
（3）网页设计的特点 1.交互性
2. 版式的不可控性 3.技术与艺术结合的紧密性 4.多媒体的综合性 5.多维性
2.2 网页设计涵盖的内容
（1）网页中的视听元素
主要包括网页中的文本、背景、按钮、图标、图像、表格、颜色、导航、背景音乐、动态影像等。
（2）网页版面设计
网页的版式设计与报刊杂志等平面媒体的版式设计有很多相通之处，它在网页的艺术设计中占据着重要的地位，所谓网页的版式设计是指在有限的屏幕空间上将各种视听元素进行有机的排列组合，将理性思维以个性化的形式表现出来，是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时也产生了感官上的美感和精神上的享受。
2.3 网页设计的原则
1.为用户考虑的原则
①使用者优先观念 ②考虑用户浏览器 ③考虑用户的网络连接 2.主题突出原则 3.整体原则
4.内容与形式相统一的原则 5.更新和维护的原则[2]
4
河南经贸职业学院毕业论文
3 网页制作工具
3.1 梦幻网页的编织者------Dreamweaver
Dreamweaver是创建和管理网页的专业化可视编辑器。使用Dreamweaver可以轻松创建跨平台、跨浏览器的页面。Macromedia的Roundtrip HTML技术允许用户随意导入HTML文档而无需重新设置代码格式。
Dreamweaver可以为用户做到：使用动态HTML功能（例如具有动态效果的层和行为）而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。
Dreamweaver还是一个可以完全自定义的应用程序。用户可以创建自己的对象和命令修改菜单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器。
至于Dreamweaver工作区是非常灵活的，因此它可以适应各种不同的工作风格和使用水平。常用的Dreamweaver工作区组件有以下若干种：
(一) 文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。 (二) 装载器中包含一些打开和关闭常用检查器和模板的按钮。
(三) 对象工具栏包含创建不同类型的对象（例如图象、表格和层等）的按钮。
(四) 属性检查器显示选定对象的属性。
(五) 快捷菜单可以使用户对当前选择或区域快速执行某些命令。 (六) 可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中[3]。
3.2 网页动画的制作软件----Flash
Flash用于web站点的交互式的矢量图形和动画的制作，它可制作出用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画，创建出生动的富于表现力的网页。Flash中的图形都是矢量的，占据存储空间较少，因而下载时间短，且能很好地适应浏览者不同尺寸的屏幕。
5
河南经贸职业学院毕业论文
Flash 的交互性的大部分设置就在 Action 和 Fs Command 里，通过对 Action 和 Fs Command 的设置，你可以随意的设置各事件发生的效果，还有对变量及函数的设置[3]。
3.3 影像与动画的制作软件—Photoshop
Photoshop是目前最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。
(一) 文字处理更加方便 (二)图层集使图层管理更有序。 (三)图像的剪切和剪裁比较方便。
(四)所有工具的选项板会出现在工具选项栏工作区顶部，方便参数的设置。 (五) 可以方便地用路径绘画，丰富的几何形状工具，通过选择工具的不同工作模式，可创建路径、几何形状或几何填充区，使矢量绘图功能得到了加强[3]。
3.4 JavaScript
JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实现在一个Web页面中链接多个对象，与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择
[3]
。
6
河南经贸职业学院毕业论文
4《职此一家》的设计
4.1 前期准备
4.1.1 整理网站资料
所谓的整理网站资料，就是一个资料收集的过程。不同的网站有不同的收集方式，有的会用到数码相机去拍摄，有的会用到扫描仪去扫描，然而《职此一家》网站中的素材大都是文章，有少部分是图片，因此我选择从网上搜索所需的素材。当然仅靠这些资料，可能无法满足网站的需要，所以我会在设计制作网站页面时适当地进行补充。 4.1.2 网站策划
一件事情的成功与否，其前期策划举足轻重。网站策划是网站设计的前提，主要包括确定网站的用户群和定位网站的主题。最重要的一点是应该切实遵循“以人为本”的创作思路。
①《职此一家》网站的主题
以“职”字为主展开，跟求职有关，具体来说就是对求职前期的准备做了一下汇总，里面设有简历封面、求职信、求职故事、职场礼仪等。现在的招聘网站比较多，像58同城、赶集网、前程无忧、智联招聘等，我们都可以去寻找自己中意的公司及职位，所以在《职此一家》中没有设置招聘信息。
②《职此一家》适合初次求职者或刚入职不久的人群，网站的内容可以让他们从中受益。
4.2 分析设计
4.2.1 设计分析
整体来说，《职此一家》网站大致分为上中下三栏。
上栏放置网站Logo、导航菜单。下栏放置制作者、版权、联系方式等信息。
7