一、设计思想
中国服饰如同中国文化,是各民族互相渗透及影响而生成的。汉唐以来,尤其是近代以后,大量吸纳与融化了世界各民族外来文化的优秀结晶,才得以演化成整体的所谓中国以汉族为主体的服饰文化。要了解中国服饰那多样的款式、独特的风采、出色的工艺,首要的目的就应该浅知一点中华民族博大深邃的服饰文化发展轨迹,这样才能通过浏览,去着意开掘中华服饰文化的底蕴。
网站将中国的传统服饰作为主题,主要介绍了各个历史朝代时的服饰风尚,并且展列了一部分中国服饰的图片,期望能够展示出中国的传统服饰文化。
网站设计理念及设计思路:
整个网站包含5页。本网站所采用的是Div标签。网站中含有图片,背景音乐等多种素材,形式丰富。满足要有背景音乐,banner等基本要求。通过制作网站首页、主要影响、历史沿革、服装展示、给我留言这五个网页,来介绍有关中国传统服饰文化的知识,在界面的设计上我主要运用了黑红色调,并制作了导航栏,可直观且快速的引导浏览者浏览喜爱的内容,网页中还加入了给我留言的网页,浏览者可以填写个人信息来进行留言,主要意为可以与有兴趣的同学进行深层次的服饰文化交流。网页设计简约又不简单,设计低调又不繁琐。
—制作banner: 在最上方插入和调整了相应尺寸的主图,突出主题
—图片处理方法: 在网络上选取优秀的中国传统服饰的图片,使用PhotoshopCS5进行裁剪,再导入并进行滚动和静态播放
—音乐的插入: 使用插入背景音乐并且把音乐界面放置最小
—网站特色: 主要作用黑红色调,直观简洁,有背景音乐插入,提升网站格调,突出显示了中华传统服饰文化的魅力。
网页详情可以扫描二维码查看
二、开发环境及软件
网页制作的软件: Adobe Dreamweave CC2019
图片处理软件:Adobe PhotoShop CS6
三、系统结构功能图、页面结构草图等设计内容
四、实现过程(网站主要实现步骤及必要截图说明)
—制作banner: 在最上方插入和调整了相应尺寸的主图,突出主题
—图片处理方法: 在网络上选取优秀的中国传统服饰的图片,使用PhotoshopCS5进行裁剪,再导入并进行滚动和静态播放
—音乐的插入: 使用插入背景音乐并且把音乐界面放置最小
—网站特色: 主要作用黑红色调,直观简洁,有背景音乐插入,提升网站格调,突出显示了中华传统服饰文化的魅力。
制作时的心得技巧:
- 为了避免每页html添加一样的CSS样式,可以创建CSS样式,再链接CSS样式。
2.做网页的时候应该边做边保存,以免意外状况发生。
3.在方便操作过程中,可以将每页相同部分创建为模板,可以节约不少时间
五、部分原创素材(如Logo图像、导航条等自己制作的图片和动画素材展示)
这是我的logo:服装加上了域名标注
其中有三个导航条