广西交通职业技术学院信息工程系作品设计报告书
题目
班级
学号
姓名
指导教师
二O一一年六月
目录
一、设计目标 (2)
二、设计指导思想 (2)
2.1首页设计 (2)
2.2主流软件 (2)
2.3开发环境 (2)
三、设计内容及制作步骤 (3)
3.1主标题和校徽的制作 (3)
3.2导航菜单的制作 (3)
3.3校园风貌 (4)
3.3校园风貌，学院动态，专题栏目，系部简介的制作 (4)
3.4背景的制作 (4)
四、设计制作进度表 (5)
五、设计制作总结 (5)
六、作品提交清单及运行环境要求 (5)
七、相关问题及结束语 (5)
7.1遇到的问题 (5)
7.2结束语 (5)
八、参考资料 (6)
一、设计目标
通过PS这款软件，设计一个简单、美观、符合实际的网页页面，页面内容具备网页经常可以看到的功能。

主要包括导航菜单，校园风貌，学院动态，专题栏目，系部简介等几个板块。

设计出一个古典风格的学院首页，让同学们更加喜欢学院网站，既满足同学们获取信息的需求，在浏览网站时获得美的享受。

二、设计指导思想
2.1首页设计
网页设计是伴随着网络的快速发展而快速兴起，由于人们使用网络的频繁而网页作为上网的主要依托就变得非常的重要。

网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。

网页设计直接面对的是大量用户,随时都会反馈回来对网页的批评建议等，可以根据实际情况进行修改，这样做可以使使用者用起来更加的方便。

2.2主流软件
Adobe Photoshop是公认的最好的通用平面美术设计软件。

由Adobe公司开发设计。

其用户界面易懂，功能完善，性能稳定，所以，在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面工具。

CS是Adobe Creative Suite一套软件中后面2个单词的缩写，代表“创作集合”，是一个统一的设计环境，将Adobe Photoshop CS2、Illustrator CS2、InDesign CS2、GoLive CS2 和 Acrobat 7.0 Professional 软件与 Version Cue CS2、Adobe Bridge 和 Adobe Stock Photos 相结合。

最新版本是Adobe Photoshop CS5。

2.3开发环境
本次设计所采用工具：Photoshop CS8.0
三、计内容及制作步骤
3.1主标题和校徽的制作
主标题采用中华行楷，红色，通过二次描边在合并图层，形成了图上的效果校徽则是通过替换颜色达到和文字颜色的一致。

主标题后的背景是学校不同时期的四张照片，通过自由变换和剪裁，放到文字下面。

3.2导航菜单的制作
用圆角矩形工具画个圆角矩形，设置为选框。

剪裁0007.jpg成方形小块，将其设为自定义图案后，填充到建立的选框中。

打上字，描边，就形成了图上的效果。

3.3校园风貌
剪裁图片0007.jpg图片中的画框。

调整到合适大小，并放上图片。

用圆角矩形工具画个圆角矩形，设置为选框采用和导航菜单一样的自定义图案填充，保持风格的一致。

3.3校园风貌，学院动态，专题栏目，系部简介的制作
采用与导航菜单相同的自定义图案填充，插入新颖的小图标。

设计了每个版块不同样式，不重复，但又风格统一。

3.4背景的制作
插入0008.jpg图片，将该图片的图层放到最底。

打上边角的字。

就形成如
图的效果。

四、设计制作进度表
日期作品内容天数（约占比例）6月13日上网查找相关资料1（25%）
6月14日主题和校徽的制作1（25%）
6月15日导航菜单和校园风貌的制作1（25%）
6月16日边角背景制作1（25%）
总计4天
五、设计制作总结
注重学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，因此我们要不断的学习。

我认为设计出来的网页既有实用性，又有观赏性，二者缺一不可。

所以在这条路上我还需要不断地探索，不断的积累经验。

六、作品提交清单及运行环境要求
源文件：\交院网站首页源文件
报告书：报告书.doc
个人开发日志：个人开发日志.doc
总结：总结.doc
运行环境要求：Win9x/NT/2000/XP
七、相关问题及结束语
7.1遇到的问题
在设计和完成这次ps作品及报告书的过程中，让我感到困难的是校徽的颜色如何变化。

还有就是如何写报告书。

解决这些问题还要多些网友和大二的学长。

7.2结束语
通过一个学期学习PS，让我基本掌握了这个软件的使用方法，同时也完成这个网页设计作品。

感谢郑金明的细心指导，感谢同学们的支持与帮助。

在日后的学习生活中，相信PS会给我带来更多。

八、参考资料
广西交通职业技术学院网站网址：/。