网页设计实训报告.docx

.
《网页设计》实训报告说明书
题目:
电子信息工程系静态网站设计
系部:
电子信息工程系
班级:
计算机XX班
指导老师:
X X X
学生姓名:
X X X
实训时间:
—
一、实训任务、要求、时间安排
(一)基本任务:
制作图文并茂的电子信息工程系网站
(二)基本要求:
1、网站结构完整,导航明确
2、内容丰富,详实,有效
3、网站链接完整,准确
4、版面整齐,美观,大方,独特
5、css代码,js代码编辑正确,运行无误
6、二级页面采用模板制作,以便统一设计风格
(三)指导教师和时间安排

节次
星期
1-2
3-4
5-6
7-8
一
任务分析
任务分析
准备素材
XXX实验楼
XXX实验楼
XXX实验楼
二
素材处理
素材处理
演示讲解
XXX实验楼
XXX实验楼
XXX115
三
演示讲解
演示讲解
XXX实验楼
XXX实验楼
四
学生制作
学生制作
学生制作
XXX114
XXX实验楼
XXX实验楼
五
学生制作
检查评定成绩
检查评定成绩
XXX114
XXX114
XXX114
学院简介
二、网站设计结构图
校长致辞
学院概况
学院概况
学院历史
现任领导
兽医系
畜牧系
食科系
院系设置
机械系
电信系
车辆系
招生就业处
学院办公室
宣传部
管理机构
教务处
首页
总务处
组织人事部
教学科研
学院学报
教学成果
科研项目
科研成果
师资队伍
教学团队
骨干教师
专业带头人
双师型教师
人才培养
继续教育
职业培训

技能鉴定
团委
学生活动
学生会
学生社团
三、实训关键步骤和关键代码解析
1、新建站点mytraining,在F盘mytraining中新建文件夹css/images/js/swf。
2、,修改标题“甘肃畜牧工程职业技术学院网站”。
3、插入2行1列表格,高1022、居中、间距/填充为0。选中第一行单元格高270,顶端对齐、插入图片。
输入代码:
<style>
<!--
*{
margin:0;
padding:0;
}
#container{
width:1022px;
height:950px;
margin:auto;
border:#999999 solid 1px;
}
#container_left{
width:472px;
height:340px;
float:left;
}
#container_right{
width:550px;
height:340px;
float:right;
background-color:#FFFFFF;
}
#bg{
background-image:url(images/);
background-repeat:no-repeat;
}
#container_swf{
margin-top:3px;
float:left;
clear:left;
}\\把代