1 / 22
文档名称:

hellokitty网站设计.doc

格式:doc   大小:1,938KB   页数:22页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

hellokitty网站设计.doc

上传人:endfrs 2017/9/17 文件大小:1.89 MB

下载得到文件列表

hellokitty网站设计.doc

相关文档

文档介绍

文档介绍:宁夏大学新华学院
课程设计
网站名称
Hellokitty家居网站(web开发技术)
姓名
学号
分数
班级
系别
专业
卜莎
**********
2014级
网络班
信息与计算机科学系
网络工程
李嘉喻
**********
任课教师签字
批改日期
备注
前言
本次网站设计主题是“HelloKitty”家居网,由我们14网络班小组两个人合作完成。为什么要以这样一个网站为题呢?因为:我们同很多女孩子一样都有一颗粉嫩的少女心,想让自己生活在这样一个粉嫩的环境下,所以我们便萌生了做以HelloKitty为主题的粉色系家居用品网站,为女孩子们编织一个粉嫩的梦! 而随着互联网的迅猛发展和全球信息化的发展,人们足不出户就可以获取自己需要的信息,实现购物、炒股、学****开店、网上聊天、收发邮件、在线娱乐等。网站已成为企业、单位、机关和个人宣传自己的形象,展示自我风采,开展网络营销,进行电子商务活动的平台和窗口,因而,网站的建设、管理、维护也成为日常工作中的重要组成部分。时代的发展呼唤更多的网页设计与制作人员加入到这个前景广阔的工作中来,网站构建和网页制作技术是新世纪知识结构的重要部分,也是当今人们应具备的素质。本网站在内容上主要运用到Dreamweaver cs4、photoshop这两个软件,其中Dreamweaver cs4是一种即插即用的网页编辑软件,它界面美观,操作简便,易学易用,具有较强的网页编辑和网站管理能力,可导入图像、Flash影片等;photoshop是一款专业的网络图形设计和处理工具,利用它可以制作出自己想要的图片尺寸大小和不同的效果。将Dreamweaver cs4、photoshop紧密结合,可以制作出结构严谨、界面美观、内容丰富、表现方式多样、动静结合的网站和网页。
目录
一、课程设计目的和内容 - 2 -
1、课程设计目的 - 2 -
二、网站的设计与规划 - 2 -
2、页面风格设计: - 2 -
3、页面介绍: - 4 -
: - 4 -
- 6 -
三、文件列表 - 15 -
asp文件 - 15 -
音乐文件 - 16 -
图片文件 - 16 -
四、总结 - 16 -
一、课程设计目的和内容
课程设计目的
在课程任务里有过网页制作这门课程,当时的实践课不是很多,通过这次网页课程设计,我们学计算机的首先要对基本的网络信息有着更深入的了解,并且要懂得利用网络资源,而不是成天的上网,并且有助于我们了解社会的现状。对于所搜集的资料我们要懂得如何的去筛选有价值的东西,并且怎样去整理所有的信息。并且,作为一款实用软件,我们要学会网页制作中颜色的搭配,主题的确立,独出心裁的设计和审美观点。学会图片和文字的组织方式等等,要通过课程设计,能够领会怎样才能做出新颖、简洁、吸引人的网站
课程设计内容: HelloKitty家居
二、网站的设计与规划
1、网站主题设计:
设计的网站主题是HelloKitty家居用品。随着社会的发展,人们的生活水平不断提高,各种化工业产品层出不穷,也深受现代人的喜欢,同时我国的国人审美观念日益发生着重大的变化,正是有了它们,很多女孩子才开始尝试着去实现自己的小小梦想。
页面风格设计:
页面以白色和粉色为主色调,因为粉色更能体现出甜蜜的氛围和烂慢的少女情怀,在各个网页的表格里,根据内容增加了一些背景色,使得网页简单而不单调。网页主页套用了模板,其他商品信息页运用了AP元素中的div,顶端是一张具有HelloKitty图样的图片作为Baner,将LOGO容入其中,彰显主题。每张页面正文的下侧为子导航,底部嵌入了一张与页面风格相对称的图片。栏目页采用多个模块图片拼接起来的,显得网页更加的清晰。主要从下面几点说明:
:
本网站的主要色彩是粉色。因为在大多数女孩心中,粉色代表浪漫、温馨的感觉,这个色彩,让我们眼前一亮,视觉上有了很大的美感。
:
本网站的主要布局主要采用表格、ap、浮动框架。
:
本网站由于是两个人合作,所以我们就制定了一个统一的方案,这样使整个网站浏览时才不会让人眼花缭乱。
:
设计的网站主页加其他页面总共有66个页面。
:
特色床品
关于我们
所有宝贝
特色柜子
居家用品
卫浴用品
店铺活动
联系我们
首页
Hellokitty家居网站
床模板
其他模板
3、页面介绍:
:

用AP做的模版,用了3个AP,top图片,导航条图片,还有中间的内容。在top中添加了一个图形热点链接,收