当前位置:首页 >> 互联网 >>

网页设计说明书



网页设计与制作
设计说明书

姓 学 班

名: 号: 级: 201211 12 软件

指导教师: 完成日期: 2014 年 12 月 5 日

目录

第 1 章 简易购物网的规划 .................................................. 2 1.1 需求分析 .......................................................... 2 1.2 网站的定位 ........................................................ 2 1.3 网站板块的设置 .................................................... 3 1.4 网站功能设计 ...................................................... 3 第 2 章 简易购物网的设计与制作 ............................................ 4 2.1 首页设计 .......................................................... 4 2.1.1 进入页面及首页设计 ........................................... 4 2.1.2 logo 及 banner 设计 ........................................... 5 2.1.3 导航设计 ..................................................... 5 2.2 子网页设计 ........................................................ 6 2.2.1 主题页面设计 ................................................. 6 2.2.2 导航设计 ..................................................... 9 第 3 章 简易购物网设计的重难点分析 ........................................ 9 3.1 网页设计的重点分析 ................................................ 9 3.2 网页设计的难点分析 ................................................ 9 设计总结 ................................................................. 9 参考文献 ................................................................. 9

-1-

简易购物网设计说明书
绪论
在当今时代,网上购物已变的非常流行,网上购物突破了传统商务的障碍,无论对消 费者、企业还是市场都有着巨大的吸引力和影响力,在新经济时期无疑是达到“多赢”效 果的理想模式。 首先,对于消费者来说:可以在家“逛商店” ,订货不受时间、地点的限制;得较大 量的商品信息,可以买到当地没有的商品。而且网上支付比传统拿现金支付更加安全,可 避免现金丢失或遭到抢劫; 从订货、 买货到货物上门无需亲临现场, 既省时又省力。 其次, 对于商家来说;由于网上销售没有库存压力、经营成本低、经营规模不受场地限制等。在 将来会有更多的企业选择网上销售,通过互联网对市场信息的及时反馈适时调整经营战略, 以此提高企业的经济效益和参与国际竞争的能力。再次,对于整个市场经济来说: 种新型的购物模式可在更大的范围内、更广的层面上以更高的效率实现资源配置。 现在我们学习了网页设计,当然就是要能做一个精美的网页。在此次网页设计中,我 们要能更加的了解网页设计工具强大的功能和更好的使用它。诚然,此次设计的购物网, 一方面是为了完成我们的作业,但更重要的是把我们所学到的东西用在具体的实践之中, 所以,这次设计的目的也是要我们更好的掌握和使用网页设计工具和技术,以便提高对网 页知识的更深层了解。第三点也是最要的一点是,把我们在书本上学到的知识充分运用到 此次设计之中。使我们的在书上学到的东西不仅仅停留在表面上,把这些东西都用在所要 做的网页上面。以达到老师要求的效果和学以致用。 这

第1章 简易购物网的规划
1.1 需求分析 简易购物网是为了更方便的服务网民而设立的网站,我们的网站内含物品丰富,各式 各样,种类多,样式全。为广大的宅民们,提供了便利的购物渠道。我们网站设计板块主 要有三块:网站首页、商品介绍和商品详情。

-2-

1.2 网站的定位 1.更加方便全面的服务于购物者。 2.宣传步行街购物网,增加知名度,提高浏览量。 3.添加几个姐妹网店在友情链接中,提高知名度。 4.提供物美价廉的商品并保证其质量。 5.吸引其他没有购物网的商家,代售其商品。 1.3 网站板块的设置 网站的版块设置:网站主要有三大版块,它们是网站首页、商品介绍、商品详情。其 中还有一些小板块,诸如我要点评、设为首页、加入收藏等等。这些板块构成了整个网页 布局,以便条理清晰的给观众以更详细的展现。 1.4 网站功能设计 网页设计作为一种视觉语言,特别讲究编排和布局,虽然主页的设计不等同与平面设 计,但他们有许多相近之处。版式设计通过文字图形的空间结合,表达出和谐之美。 多页面站点页面的编排设计要求把页面之间的有机联系反应出来,特别要处理好页面之间 和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果,设计时考虑到整体布局的 合理性,是浏览者有一个流畅的视觉体验。 1.主页应该能够给顾客比较强烈和突出的印象,要突出网站是在线购物的特点和风格。 网站的设计首先要抓住酒店在同行业中的突出特点,以增加浏览者的兴趣,挖掘潜在 客户;其次要购物网站的服务宗旨和产品特点。显著位置留给重点宣传栏目或更新最多的 栏目,结合网站栏目设计在首页导航上突出层次感,是客户渐进接受。 2.网站结构设计合理,层次清楚。 为了将丰富的含义和多样的形式组织统一的页面结构,形式、语言必须符合页面的内 容。灵活运用各种手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产 生和谐的美感。点、线、面相结合,充分表达完美的设计意境,使顾客可以从主页水平、 垂直查询商品。 3.内面内容全面,尽量涵盖顾客普遍所需的信息。 4.页面的链接应该方便浏览,传输速度和图片的下载的速度快,应注意避免死链接, 调不出图形等情况的存在。

-3-

第 2 章 简易购物网的设计与制作
2.1 首页设计 2.1.1 进入页面及首页设计 首页设计主要采用简洁布局,并有所创意,将所有版块都排列整齐,这样既可以赏心 悦目,又可以让浏览者不产生视觉上的疲劳,将所有的版块项目清晰的罗列出来。

-4-

2.1.2

logo 设计及 banner 设计

logo 设计如图所示:

Banner 设计如图所示:

本网址 logo 及 banner 设计简单,以绿色为主题,使 logo 更贴近本网页的内容。Logo 与 banner 结合在一块,然后添加字体链接构成导航,具体设计详情请看以下分析 2.1.3 导航设计

导航设计上采用绿色条状 banner 为背景,其中字体为黑色,设计简单,给人以眼目 一新的感觉。

-5-

下面是一个 flash 动画形式的介绍,主要先让客户了解一下本网站的一小部分商品。 让客户大略的欣赏一下。 2.2 子网页设计

2.2.1 主体页面设计 副页设计采用简单明了的布局,将所在的版块内容突出的表现出来,方便浏览者浏览 更多信息。

子页还连接了子页,为具体店家商品介绍。

-6-

还有具体到商品细节的介绍,如图:

-7-

在该子页中,上面是具体的商品介绍,为了让顾客浏览到更多的商品,我们根据顾客 浏览的类型,还专门设计了客户可能会喜欢的商品。采用 flash 动画的形式。让顾客更醒 目的观察到。

-8-

2.2.2

子页导航设计

与首页相同导航设计上依旧采用绿色条状图片为背景,其中字体为黑色,设计简单, 给人以眼目一新的感觉,在子网页中添加一些小的导航栏,花纹背景,红色字体。花样亮 色的格式,让浏览者眼前一亮,一览无余。

第3章 简易购物网站设计的重难点分析
3.1 网页设计的重点分析

(1)网页主页的设计至关重要。主页的设计关系着整个网站的布局设计与内容介绍。 (2)网页主页中布局的设计与风格、色彩搭配上至关重要。 (3) 网页副页模板的设计也是非常重要的, 怎么样让它方便快捷的展现各个版块的内容! (4) 网页中也要注意一些代码的引用,要妥善运用这些代码! 3.2 网页设计的难点分析 (1).网页设计中最难设计的就是主页的版面设计是如何的设计、还有就是色彩搭配是 否合理是否符合公司企业的性质。 (2).网页设计中副页设计模板要谨慎小心的设计,做到最完美的状态。 (3).网页设计中各种元素的搭配是一个比较难的问题!既要美观好看、又要合理。 小结: 网站网页设计是一种非常难做但是又非常有意思的工作,我们可以任意发挥我们的创 意,让我们飞翔在自由创意的国度里。但是做网页也要做到谨慎小心,要一丝不苟的做!

参考文献: 1.《DreamweaverCS3 基础与实例教程》主编 谬亮 电子工业出版社 2.《网页设计制作案例教程》 主编 高志清 中国水利水电出版社 3.《DreamweaverCS3 基础与实例教程》主编 谬亮 电子工业出版社 4.《网页设计制作案例教程》 主编 高志清 中国水利水电出版社 5.《DreamweaverCS3 基础与实例教程》主编 谬亮 电子工业出版社 6.《网页设计制作案例教程》 主编 高志清 中国水利水电出版社
-9-

信息工程学院 《网页设计与制作》实践考核标准与成绩报告单
2013-2014 学年度第一学期期末 排课编号:(2013-2014-1)-0501410-00492-1 姓名 评价项目
系统功能完成情况,站点风格 一致,界面美观,命名规则

批阅日期:2014 学号

年 12 月 6 日

班级 评分标准
未完成设计功能,运行有 误,风格不统一,命名不 规则, 发现一处扣 2-5 分。 页面设计中出现问题,每 处扣 2-5 分 运行存在异常错误每处扣 1-2 分 技术应用不合理,每处扣 2-3 分 运用不灵活,每处扣 2-3 分 报告书书写不规范,文字 不通顺、图表不清晰等, 每发现一处扣 1-2 分

满分

得分

备注

30

颜色搭配,界面布局情况

30

运行情况网页兼容性

10

技术应用情况

10

评分 标准 及 得分

DIV 布局合理,CSS 样式运用 灵活

10

课程设计报告书写情况

10

合计 考核 成绩 任 课 教 师签名

100 复核人 签名

- 10 -

- 11 -


赞助商链接
相关文章:
网页设计说明书(模板)
网页设计说明书 网页名称: 博客 专业名称: 软件技术 班级名称: 软件一班 姓学名: 张辉德 号:20135533116 完成时间: 一月 3 号 “XXXX(网站标题) ”网页设计...
网页设计说明书
网页设计说明书 班级 学生姓名 学号 文管 1003 班 解秋玉 100102524 2011 年 12 月 选题分析 我们学习就是为了获得知识,此次运用 Dreameaver 做有关于伦敦奥运...
个人网页设计说明书_图文
个人网页设计说明书_学习总结_总结/汇报_实用文档。个人毕业作品 请多指教 个人网页设计说明书 目录一、网页设计目的 1.1 1.2 1.3 1.4 网页设计需求浅谈???...
网页设计作品设计说明
网页设计作品设计说明_动画/交互技巧_PPT制作技巧_实用文档。网页设计作品设计说明制作人:萧维希 湖南软件职业学院《网页设计》期末作品设计说明书 课程名称: 设计题目...
网页设计说明书
网页设计说明书_互联网_IT/计算机_专业资料。交通运输系 计算机程序设计综合实践教学系 统开发说明书 学号: 姓名: 班级: 题目: 20107745 20107746 黄蕴莹 贺海燕 ...
网页设计说明书范例--走进宁夏
网页设计说明书范例--走进宁夏_高等教育_教育专区。这篇文章是一份电大计算机网络技术(网页设计)专业的毕业设计——网页设计说明书。设计思路是以网站浏览的方式综合...
网页设计说明书
网页制作工具》 网页制作工具》设计说明书 题姓学班 目:美蝶饰品店网站的设计与制作 美蝶饰品店网站的设计与制作 名: 号: 级: 于洋 20101070141 10 信高 ...
网页设计说明书
网页制作工具》 网页制作工具》设计说明书 题姓学班 水果商店网站的设计与制作 目: 水果商店网站的设计与制作 名: 号: 级: 李梦雪 20101080116 10 微高 孙俊...
网页设计说明书
设计说明书 需求分析目标定位 a、 制作这个网站的目的是为了方便我们学院的新生与老生能快速浏览的我们学校的基本 情况,了解我们学校所有好玩,有趣的事情。 b、 ...
网页设计说明书
个人网页设计说明范文。do... 2页 2财富值 个人网站说明 7页 2财富值如要投诉违规内容,请到百度文库投诉中心;如要提出功能问题或意见建议,请点击此处进行反馈。...
更多相关标签: