6 媒体支持能力强
在Dreamweaver文档中,可以灵活加入JAVA,Flash,Shockwave,ActiveX以及其他媒体元素,也可以对各种多媒体元素进行处理。
在本系统中,使用Dreamweaver对系统所用页面进行整体的设计制作。包括Table和Div布局、CSS样式设置、JavaScript特效调用等等。
3.4.2 Photoshop
Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。
在本系统设计过程中主要使用该软件进行系统登录界面的效果图设计、系统Logo的设计、相关小图标和按钮的设计等。
4 系统设计源`自,751`.论"文|网[www.751com.cn
4.1 系统界面设计
4.1.1 登陆界面
登陆界面的设计以简洁大方为和简约实用为特点,主要内容是展示驾校标题并为学员提供登陆框。本驾校系统的登陆界面是一个名为index.asp文件,使用Dreamweaver CS3进行页面编辑,整体的色调风格呈蓝色。页面内容包含背景、登陆框、账号输入框、登陆按钮等组成。
图4.1.1.1 登陆界面
1. 页面背景编辑。登陆页面的背景使用的是一张GIF小图片,通过CSS样式代码将其以重复的方式铺满整个页面。样式代码如下:
body { background:url(image/bg.gif); }
2. 登陆框背景设计。登陆框背景使用Photoshop进行图片设计。使用字体工具录入“阳光驾校学员管理系统”,然后添加图层样式,分别是渐变和描边效果。背景图层是一个蓝色的渐变层,使得整个登陆框显得很有层次感。