网页设计设计报告.docx

1、网页设计设计报告XXXXXX学校课程设计计划书课程设计任务书课程设计指导书2013/2014学年上期课程名称： 网页设计与制作 系 别： 计算机科学系 年级专业： 软件XX班 学生姓名： XXX 学 号： XXXXXXXXX 指导教师： XXX 目录 网站全名及 logo 标志 3建立网站的目的、意义 3网页设计制作最突出的创意3网站的栏目设计5色彩搭配及其含义6网站的结构图和页面组成8网站设计中具体实现的几个关键功能和相关技术说明9如何安排进度和计划完成时间9网站建设的心得体会和扩展性分析9参考资料10一、网站全名及 logo 标志 网站全名：Jewelry珠宝公司Logo标志：二、建立网站

2、的目的、意义建立网站的目的：面向全世界宣传高级定制珠宝。建立网站的意义：高级定制，绝无仅有的珠宝。三、网页设计制作最突出的创意 我最喜欢这个页面的设计，这个页面用来展示了一个系列的婚戒。点击下面的小图片，上面的图片也会随之变换。而且图片背景为透明，也使整个页面的效果更佳了。而对于这效果的实现，我是先在网页素材库里面找了这个图片特效，然后再运用了一个框架将这个特效嵌入到框架里面。其中运用了嵌入框架的的代码是：还有这个页面也是用的这个特效：点击箭头符号，图片也随之切换。网站的首页我设计是一个进入flash，点击enter字符进入公司简介 这个页面我也很是喜欢，虽然简单，但是很精彩。Flash是在网

3、上找的素材。四、网站的栏目设计这个导航栏是我自己用firework做的，当鼠标移动到每个栏目上都会有两个横向的下拉菜单。详见结构图。五、色彩搭配及其含义（如绿色 + 金黄 + 淡白，体现优雅 , 舒适的感觉） 例如下面：公司简介肯定是代表整个公司的形象，所以要大气，而珠宝是华贵而又奢华的，所以我选用的是美国纽约的帝国大厦的城市夜景作为背景。既有低调的奢华，又不失大气。品牌历史是有着历史的沉淀的，所以我选择了古希腊的历史建筑作为背景，再与公司创始人的黑白照片搭配，更显出历史厚重感。这个页面用喷泉作为背景，有着一种朦胧的美感，与钻石的闪耀形成鲜明的对比。用漫天的繁星作为背景与“星眷恋人”这个主题恰

4、好相呼应订婚钻戒用热恋中相拥的男女作为背景，但图片并不是很清楚，深色的背景更能突显出钻戒熠熠生辉。六、网站的结构图和页面组成 页面组成：我每个栏目都做了一个网页，除了“经典系列”与“独特珠宝”没有做页面。七、网站设计中具体实现的几个关键功能和相关技术说明（例如布局的方法：应用层、应用表格、应用模板、应用 Flash 或其他脚本技术） 布局方法：页面的大部分都是应用的表格布局的，都是一个表格嵌套的一个表格，少部分应用的层布局。因为表格比较稳定，打开不容易混乱。应用flash：我在首页应用了flash作为进入网站的首页。脚本技术：应用了这句代码，插入了框架。调用了另一个网页。八、如何安排进度和计划

5、完成时间 星期一：确定主题，构建网站的框架。星期二：查找素材包括图片、特效代码、flash及文字资料等星期三：网站布局，做各个页面。星期四：精细细节，做好链接。星期五：网页展示。九、网站建设的心得体会和扩展性分析 建立网站一定要有一个明确的主题，知道自己是在做什么，准备做什么，规划要做细致，要精确到网页的每一个部分。千万不要做到一半偏离主题，做了一个大杂烩的网页。收集素材是必不可少，前期规划好后就应该把相应的素材找好，这样可以在后期制作时省去大部分时间，不用再忙来忙去找素材。还要注意色彩的搭配，图片与背景的搭配是否应景，是否与主题相呼应。另外，素材在运用前应该进行相关处理，这样可以大大减少后期的制作的工作量。十、参考资料网页素材库XX