Web 个人网页设计实验报告.docx

郑州轻工业学院
Web前端设计网页设计报告
院系:
班级:
学号:
姓名:
时间:
设计报告
网页设计要求
题目:设计一个不限内容、题材的个人网站,要求页面数量不少于7个。
具体要求
网页内容详实、科学、准确、积极、健康、活泼,网页文字及相关链接无错误。
网页文件及文件夹的命名符合要求,文件组织合理。
首页源文件命名为:。
文件夹image存放与网页相关的图片、动画文件等。
:网页创意及制作的简单说明。
网页设计整体设计思路清晰,网页布局合理,风格明快、主题页和其他子页之间协调,主题分明、重点突出。栏目及版面设计,层次结构及链接结构明确,内容布局合理,图画运用得当,效果生动。
网页上各主题和附加图片、背景的色彩选配方案要注意做到:色彩柔和、搭配美观、朴素大方,不应过分夸张,使视觉疲劳。
使用表格、框架、Css各布局一个页面。
有自己创作的flash、JavaScript可加分。
文档提交:电子稿与报告(电子稿—网站、报告—网页创意及制作的简单说明)。
网页主题及内容
主题:在世界的各个角落,邂逅最美的你
内容:一些著名的外国旅游、度蜜月胜地,感受当地的风土人情,体验不一样的异域风情。
网页创意
因为自己本身特别喜欢旅游,喜欢尝试不一样的生活环境,和每个少女一样,我也存在着一个和未来的另一半环游世界的梦,所以这次我的网页是以“在世界的各个角落,邂逅最美的你”为主题展开制作,在实现这个环游世界的梦以前,提前感受下各国的风土人情。
网页制作的简单说明
通过主页index可链接到“马尔代夫的蓝色心情()
、法国的紫色浪漫风情()、在雅典,我愿意带你,走遍阳光洒过的地方()、行走在巴黎()、巴塞罗那()、ReadMe()”,所有图片都经过PS处理过。
():采用了CSS布局页面。
1)。
2)插入的Div标签有:date标签,menu标签,main标签,make
标签。
3)在代码中插入了背景音乐"<bgsound src="pic/吴雨霏- 流
" loop="true" />"。
4)menu标签中分别设置了5个超级链接。
5)插入了AP Div1"显示歌词"、AP Div2滚动歌词文字,并设
置了歌词栏的“显示-隐藏”。
马尔代夫的蓝色心情():采用Spry选项卡式面
板+Ap层布局。
1)采用spry选项卡式面板布局。
2)面板中设置了四个选项:马尔代夫简介+景点游玩及指南1+
景点游玩及指南2+图片欣赏。
3)设置了AP Div1 - AP Div14个层。
4)AP Div8插入了滚动歌词,AP Div13插入滚动图片。
5)在代码中插入了背景音乐<bgsound src="pic/水木年华- 多
" loop="-1" />。
():
1)采用