1 / 58
文档名称:

《网页设计》实训报告.doc

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

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

分享

预览

《网页设计》实训报告.doc

上传人:825790901 2016/2/17 文件大小:0 KB

下载得到文件列表

《网页设计》实训报告.doc

文档介绍

文档介绍:实训报告实训课程《网页设计》《网页设计》实训基本要求一、在首页中制作Banner。⑴Banner的宽度不超过1000px。二、在首页中制作导航菜单要求:⑴导航菜单至少分为六项:1、人物介绍2、作品介绍3、发展历程4、重要事迹5、图片欣赏(汇总明星的相片及海报等)6、歌词欣赏;⑵导航菜单必须用项目列表实现,横向显示在Banner或Banner下。三、在首页中添加正文内容要求:⑴正文内容必须以三栏布局显示。四、在首页中添加脚注要求:⑴脚注中要注明班级、姓名、学号,以示版权所有(可模仿现成网页的做法)。五、为导航菜单中的每个选项添加一个相应内容的子页面(子页面也可以添加下一级子页面)。六、歌词欣赏子页面的制作要求:⑴正文部分以两栏布局;⑵其中一栏为导航菜单,以竖列显示,用项目列表实现,菜单内容为歌曲名,至少分为五项(即链接五首歌词子页面);⑶另一栏显示歌词,歌词必须以滚动字幕形式显示。七、图片欣赏子页面的制作要求:⑴制作普通的图片链接模式得基本分,如果是幻灯片的形式则给予加分八、页面布局及样式设计必须用DIV+CSS来做,除规定要实现的布局,其余页面的布局可以自由实现。九、若能运用基本技术完成作品,给一个基本分;如果能适当运用如表格、动画、视频、音乐在作品中及在页面布局上有所创意,将给予适当加分;页面布局较佳者给予加分;颜色搭配较佳者给予加分;作品内容较多者给予加分;适当添加表单内容在页面上给予加分;加分有上限,加满为止。实训作品内容一、“首页”模块页面图片1:页面图片1代码:<!DOCTYPEhtmlPUBLIC"-//W3C////EN""/xhtml1/DTD/xhtml1-"><html><head><title>罗志祥</title><styletype="text/css"><!--body{background-color:#f8e5a9;margin:0px;padding:0px;text-align:center;font-size:12px;font-family:Arial,Helvetica,sans-serif;}#container{position:relative;margin:0pxauto0pxauto;width:780px;text-align:left;}divbr{display:none;}#globallink{margin:0px;padding:0px;}#globallinkul{list-style:none;padding:0px;margin:0px;}#globallinkli{float:left;text-align:center;width:78px;}#globallinka{display:block;padding:9px6px11px6px;background:url()no-repeat;margin:0px;}#globallinka:link,#globallinka:visited{color:#004a87;text-decoration:underline;}#globallinka:hover{color:#FFFFFF;text-decoration:underline;background:url()no-repeat;}#left{float:left;width:200px;background-color:#00;margin:0px;padding:0px0px5px0px;color:#00;}#leftdiv{background-color:#FF9900;margin:0px5px0px5px;}#weather{background:url()no-repeat-5px0px;margin:0px5px0px5px;background-color:#006633;}div#left#weatherh3{font-size:35px;padding:24px0px0px74px;color:#669966;background:none;margin:0px;}div#weatherul{margin:8px5px0px5px;padding:10px0px8px5px;list-style:none;}#weatherulli{background:url()no-repeat0px6px;padding:1px0px0px10px;}#leftdivh3{