1 / 58
文档名称:

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

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

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

文档介绍:实训报告
实训课程
《网页设计》
指导老师
姓名
班级
网络2班
学号
2009042234
实训日期
2010.12.27
实训得分
《网页设计》实训基本要求
在首页中制作Banner。
⑴Banner的宽度不超过1000px。
在首页中制作导航菜单
要求:
⑴导航菜单至少分为六项:1、人物介绍 2、作品介绍 3、发展历程 4、重要事迹5、图片欣赏(汇总明星的相片及海报等)6、歌词欣赏;
⑵导航菜单必须用项目列表实现,横向显示在Banner或Banner下。
在首页中添加正文内容
要求:
⑴正文内容必须以三栏布局显示。
在首页中添加脚注
要求:
⑴脚注中要注明班级、姓名、学号,以示版权所有(可模仿现成网页的做法)。
为导航菜单中的每个选项添加一个相应内容的子页面(子页面也可以添加下一级子页面)。
歌词欣赏子页面的制作
要求:
⑴正文部分以两栏布局;
⑵其中一栏为导航菜单,以竖列显示,用项目列表实现,菜单内容为歌曲名,至少分为五项(即链接五首歌词子页面);
⑶另一栏显示歌词,歌词必须以滚动字幕形式显示。
图片欣赏子页面的制作
要求:
⑴制作普通的图片链接模式得基本分,如果是幻灯片的形式则给予加分
页面布局及样式设计必须用DIV+CSS来做,除规定要实现的布局,其余页面的布局可以自由实现。
若能运用基本技术完成作品,给一个基本分;如果能适当运用如表格、动画、视频、音乐在作品中及在页面布局上有所创意,将给予适当加分;页面布局较佳者给予加分;颜色搭配较佳者给予加分;作品内容较多者给予加分;适当添加表单内容在页面上给予加分;加分有上限,加满为止。
实训作品内容
“首页”模块
页面图片1:
页面图片1代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>罗志祥</title>
<style type="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:0px auto 0px auto;
width:780px;
text-align:left;
}
div br{
display:none;
}
#globallink{
margin:0px; padding:0px;
}
#globallink ul{
list-style:none;
padding:0px; margin:0px;
}
#globallink li{
float:left;
text-align:center;
width:78px;
}
#globallink a{
display:block;
padding:9px 6px 11px 6px;
background:url(button1.jpg) no-repeat;
margin:0px;
}
#globallink a:link, #globallink a:visited{
color:#004a87;
text-decoration:underline;
}
#globallink a:hover{
color:#FFFFFF;
text-decoration:underline;
background:url(button1_bg.jpg) no-repeat;
}

#left{
float:left;
width:200px;
background-color:#00;
margin:0px;
padding:0px 0px 5px 0px;
color:#00;
}
#left div{
background-color:#FF9900;
margin:0px 5px 0px 5px;
}
#weather{
background:url(weather.jpg) no-repeat -5px 0px;
margin:0px 5px 0px 5px;
backgroun

分享好友

预览全文

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

上传人:3346389411 2012/6/12 文件大小:0 KB

下载得到文件列表

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