13计算机姚甜甜毕业论文 - 图文(6)

图3-1.4 菜单栏

潍坊工商职业学院2013届毕业论文

（3）工作区：工作区是编写网页的区域。所要完成的工作都在此页面完成。

图3-1.5 工作区

（4）工具栏：此工具栏可以改变工作区的界面风格方便使用。

（5）应用程序栏：是一个可用来修改文档和对像的面板，使用此程序栏可以插入表格，命名锚记等应用。

3.2 DreamWeaver绘制工具

在制作网页时，有很多效果需要用户自己去添加。DreamWeaver自带了一些效果，使用这些效果可以方便用户更好的完成制作。如图2-5所示。

图3-2.1 表单布局

图3-2.2 常规布局

3.2.1 表单布局

表单包括文本域、文本区域、按钮、复选框、单选框、按钮、列表、文件域、图像域等重要组成部件，使用表单可以减少时间，提高工作效率。

潍坊工商职业学院2013届毕业论文

（1）文本域：文本域与文本区域用于设置文本的输入，不同的是文本区域可以输入更多文字，并可以限制其字数；而文本域不可以。

（2）按钮：增加用户体验 （3）复选框：用户方便使用 （4）列表：具有下拉效果。

潍坊工商职业学院2013届毕业论文

第四章 网站设计

4.1网页设计流程

（1） 调查

首先，了解用户想要内容。在设计网站页面之前，没有详细的需求，设计人员无法凭空进行设计制作。在这个步骤中，双方的沟通与交流是非常重要的。

（2） 用户需求

设计师需要知道客户的需求，从而确定客户建立网站的目的。客户提出网站需求是非常重要的一个环节。根据用户需求制定方案。 （3）网站分析与设计

通过用户提供的内容制定方案，设计人员选择适合自己的图像编辑软件、动画制作软件和网页制作软件进行网页的初步设计，这中间可能还需要和客户进行多次沟通才能达到客户满意的效果。在具体设计时，设计人员应该为网站定位一个主题，从而保证所有网页都围绕这个主题进行设计制作，保证风格的和谐统一。 （4） 切图

使用DreamWeaver将设计好的页面一一写出，并建好链接，发于客户。

4.2 使用DreamWeaver实现网站布局

共分为八个导航：首页、公司简介、新闻资讯、运力展示、自助服务、在线留言、联系我们；其余为个分页。如图4-1所示：

图4-1 导航模块

潍坊工商职业学院2013届毕业论文

4.2.1 首页

（1）宝通logo设计

18363669881

图4-2 logo模块

（2） 会员模块

>

上海宝通

张颖

电话：18366783323