下载提示
- 1.该资料是网友上传的，本站提供全文预览，预览什么样，下载就什么样。
- 2.下载该文档所得收入归上传者、原创者。
- 3.下载的文档，不会出现我们的网址水印。
文档列表
文档介绍
实训报告
实训课程
《网页设计》
指导老师
姓名
班级
网络2班
学号
2009042234
实训日期
实训得分
《网页设计》实训基本要求
在首页中制作Banner。
⑴Banner的宽度不超过1000px。
在首页中制作导航菜单
要求:
⑴导航菜单至少分为六项:1、人物介绍 2、作品介绍 3、发展历程 4、重要事迹5、图片欣赏(汇总明星的相片及海报等)6、歌词欣赏;
⑵导航菜单必须用项目列表实现,横向显示在Banner或Banner下。
在首页中添加正文内容
要求:
⑴正文内容必须以三栏布局显示。
在首页中添加脚注
要求:
⑴脚注中要注明班级、姓名、学号,以示版权所有(可模仿现成网页的做法)。
为导航菜单中的每个选项添加一个相应内容的子页面(子页面也可以添加下一级子页面)。
歌词欣赏子页面的制作
要求:
⑴正文部分以两栏布局;
⑵其中一栏为导航菜单,以竖列显示,用项目列表实现,菜单内容为歌曲名,至少分为五项(即链接五首歌词子页面);
⑶另一栏显示歌词,歌词必须以滚动字幕形式显示。
图片欣赏子页面的制作
要求:
⑴制作普通的图片链接模式得基本分,如果是幻灯片的形式则给予加分
页面布局及样式设计必须用DIV+CSS来做,除规定要实现的布局,其余页面的布局可以自由实现。
若能运用基本技术完成作品,给一个基本分;如果能适当运用如表格、动画、视频、音乐在作品中及在页面布局上有所创意,将给予适当加分;页面布局较佳者给予加分;颜色搭配较佳者给予加分;作品内容较多者给予加分;适当添加表单内容在页面上给予加分;加分有上限,加满为止。
实训作品内容
“首页”模块
页面图片1:
页面图片1代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-">
<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() 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() 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() no-repeat -5px 0px;
margin:0px 5px 0px 5px;
backgroun
实训课程
《网页设计》
指导老师
姓名
班级
网络2班
学号
2009042234
实训日期
实训得分
《网页设计》实训基本要求
在首页中制作Banner。
⑴Banner的宽度不超过1000px。
在首页中制作导航菜单
要求:
⑴导航菜单至少分为六项:1、人物介绍 2、作品介绍 3、发展历程 4、重要事迹5、图片欣赏(汇总明星的相片及海报等)6、歌词欣赏;
⑵导航菜单必须用项目列表实现,横向显示在Banner或Banner下。
在首页中添加正文内容
要求:
⑴正文内容必须以三栏布局显示。
在首页中添加脚注
要求:
⑴脚注中要注明班级、姓名、学号,以示版权所有(可模仿现成网页的做法)。
为导航菜单中的每个选项添加一个相应内容的子页面(子页面也可以添加下一级子页面)。
歌词欣赏子页面的制作
要求:
⑴正文部分以两栏布局;
⑵其中一栏为导航菜单,以竖列显示,用项目列表实现,菜单内容为歌曲名,至少分为五项(即链接五首歌词子页面);
⑶另一栏显示歌词,歌词必须以滚动字幕形式显示。
图片欣赏子页面的制作
要求:
⑴制作普通的图片链接模式得基本分,如果是幻灯片的形式则给予加分
页面布局及样式设计必须用DIV+CSS来做,除规定要实现的布局,其余页面的布局可以自由实现。
若能运用基本技术完成作品,给一个基本分;如果能适当运用如表格、动画、视频、音乐在作品中及在页面布局上有所创意,将给予适当加分;页面布局较佳者给予加分;颜色搭配较佳者给予加分;作品内容较多者给予加分;适当添加表单内容在页面上给予加分;加分有上限,加满为止。
实训作品内容
“首页”模块
页面图片1:
页面图片1代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN" "/xhtml1/DTD/xhtml1-">
<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() 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() 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() no-repeat -5px 0px;
margin:0px 5px 0px 5px;
backgroun
《网页设计》实训报告 来自淘豆网www.taodocs.com转载请标明出处.
相关文档 更多>>
非法内容举报中心
相关标签
最近更新
- 2024年四川省德阳市罗江县六年级下学期小升..
- 竹藤草制品制造业创新驱动发展研究
- 初中生的亲子活动方案
- 创意活动方案小学
- 分割庄园方案
- 共享单车推广方案
- 公司信息化建设方案
- 儿童白血病治疗方案
- 保全考试方案
- 会议促销方案
- 产品策划方案案例
- 阳光里的色彩教学目标设计
- 2024年家庭贫困证明申请书范文9篇(集合)
- 语言学概论思政教学设计
- 2024年家庭保证书范文
- 设计应用领域教学流程
- 让世界充满爱口琴教学设计
- 詹姆斯的超远三分教学设计
- 蔬菜的保鲜方法教学设计
- 艺术与文化管理教学设计
- 自行车正确的骑法教学设计
- 2024年客房主管月工作总结
- 综合布线教学大楼毕业设计
- 组织内部教学设计的目的
- 2023年08月云南省第一人民医院招考聘用辅助..
- 小学劳技课说课稿
- 咸阳市城市生活垃圾处理费征收使用管理暂行..
- 2022畜牧业统计监测工作实施方案
- 饮水机定期清洗消毒制度
- 2019年甘肃普通话成绩查询入口【已开通】