网站与网页设计(二)

关于网站与网页设计

确定网站制作栏目，界面风格和大致框架结构后，根据风格对图片进行处理，使整体风格和整体色调保持一致。

③页面中突出公司的主营业务，并附上成功案例。

在页面设计中，突出公司的主营业务，并附上公司的成功案例，让这个页面更有说服力，这样做的好处是让人觉得公司更有可信度，值得信赖！

（2）、收集相关^^文档

     为了满足网页设计的需求，必须要收集大量的与网络的相关图片。当然，也必须要收集大量的与互联网相关的各方面^^文档，用来充实网页。

（3）、网页制作

页面的颜色，网站的栏目框架确定好了，图片也收集好了之后下一步就是制作成网页了，我用的是dreamweaver8.photoshop cs5,借助了Fireworks还有java script实现了一些特效，像图片轮换滚动等等。程序方面用了asp。

（4）、上传测试

网站都做好了之后，就是上线了测试了，上线之后看看整体效果怎么样，各个浏览器的兼容性问题，比方说IE6、7、8火狐和谷歌等等，页面显示是否一样，发现问题及时修改，然后在上传测试直到测试没有错误了为止。

   三、网站开发平台

　　

     1、 Dreamweaver8.0

Dreamweaver是网站设计人员必备的工具之一，现在dreamweavercs5是最高版本，因为学习的时候用的是dreamweaver8，所有就一直用了dreamweaver8，它是创建和管理网页的专业化可视编辑器。使用Dreamweaver可以轻松创建跨平台、跨浏览器的页面。

Dreamweaver可以为用户做到：使用动态HTML功能而不用写一行代码。它甚至还可以检查用户的工作成果在所有流行的平台和浏览器中可能发生的错误。

至于Dreamweaver工作区是非常灵活的，因此它可以适应各种不同的工作风格和使用水平。常用的Dreamweaver工作区组件有以下若干种：

（1）文档窗口可显示当前文档，文档的外观和浏览器中看到的非常相似。

（2）装载器中包含一些打开和关闭常用检查器和模板的按钮。

（3）对象工具栏包含创建不同类型的对象（例如 图象、表格和层等）的按钮。

（4）属性检查器显示选定对象的属性。

（5）快捷菜单可以使用户对当前选择或区域快速执行某些命令。

（6）可固定的浮动工具栏允许用户将浮动窗口、检查器和工具栏组合在一个或多个选择窗口中。

2、Flash 8.0

Flash有很多版本，我之所以选择8是因为，flash8版本比较稳定。Flash8用于web站点的交互式的矢量图形和动画的制作，它可制作出用于浏览时的导航控制、制作动画图标、带同步声音的大段的动画，创建出生动富于表现力的网页。Flash中的图形都是矢量的，占据存储空间较少，因而下载时间短，且能很好地适应浏览者不同尺寸的屏幕。

Flash 的交互性的大部分设置就在 Action 和 Fs Command 里，通过对 Action 和 Fs Command 的设置，你可以随意的设置各事件发生的效果，还有对变量及函数的设置。

3、Fireworks

Adobe Fireworks可以加速 Web 设计与开发，是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。Fireworks不仅具备编辑矢量图形与位图图像的灵活性， 还提供了一个预先构建资源的公用库, 并可与Photoshop、Dreamweaver和Adobe Flash软件省时集成。 在Fireworks 中将设计迅速转变为模型。 然后直接置入Dreamweaver 中轻松地进行开发与部署。Fireworks特性如下：

（1）矢量编辑与位图编辑。创建和编辑矢量图像与位图图像，并导入和编辑本机 Photoshop 文件。

（2）图像优化。采用预览、跨平台灰度系统预览、选择性 JPEG 压缩和大量导出控件，针对各种交付情况优化图像。

（3）高效的 Photoshop集成。导入 Photoshop (PSD) 文件， 导入时可保持分层的图层、图层效果和混合模式。 将 Fireworks (PNG) 文件保存回 Photoshop (PSD) 格式。 

（4）智能缩放。通过 9 切片缩放智能地缩放矢量图像或位图图像中的按钮与图形元件。 将 9 切片缩放与新的自动形状库相结合, 以加速网站和应用程序的原型构建进度。

4、java script

java script做网页不可缺少的脚本，我之所选择java script是因为它可以做出很多漂亮的效果。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷，它是Java与HTML折衷的选择。

5、Photoshop CS5

Photoshop CS5是目前版本最高的最流行的图形、图像编辑设计软件，在数码影像处理、图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。

（1） 文字处理更加方便

（2）增加的图层集使图层管理更有序。

（3）新增图像功能：图像的剪切和剪裁更加方便。

（4）将所有工具的选项板改进为工具选项栏放置在工作区顶部，方便先项参数的设置。

（5）为了更方便地用路径绘画，改进增加了几何形状工具，通过选择工具的不同工作模式，可创建路径、几何形状或几何填充区，使得矢量绘图功能得到了加强。