221熊武.doc

存档资料成绩:
华东交通大学理工学院
课程设计报告书
所属课程名称网页设计与网页制作
题目静态设计页面的制作

分院电信分院
专业班级信管2班
学号 20120210450221
学生姓名熊武
指导教师魏建红
20 14 年 12 月 29 日
序号
项目
等级
优秀
良好
中等
及格
不及格
1
课程设计态度评价
2
出勤情况评价
3
任务难度评价
4
工作量饱满评价
5
任务难度评价
6
设计中创新性评价
7
论文书写规范化评价
8
综合应用能力评价
综合评定等级
课程设计(论文)评阅意见
评阅人职称
20 14 年 12 月29日
目录
第一章课程设计内容及要求 4
第二章课程设计目的及流程 5
第三章课程设计方法及步骤 6
第四章课程设计的部分代码及截图 10
第五章课程设计心得 27
第六章参考文献 28
第一章课程设计内容及要求

用已经学过的网站开发技术及开发工具DW,根据网站首页效果图,利用DIV+CSS设计出一个《网站首页》。

内容有:;;;;——头部和导航;——侧边栏;——主体部分;
要求有:运用DIV+CSS设计出一个静态页面,做到简洁,清晰,明了。
第二章课程设计目的及流程
:
,来加深同学对网页设计的认识和制做。同时也加强了对同学的实际操作能力。
,网站不是做给自己看的。
:
确定主题
搭建版式风格
画好框架
DW把div 框架搭建
具体内容的添加

第三章课程设计方法及步骤
:

打开DW,建立名为website站点

头部
LOGO
导航栏
内容框
左边部分内容
上面部分
下面部分
右边部分内容
中间部分
下面部分
尾部


——头部和导航
——侧边栏
——主体部分

第四章课程设计的部分代码及截图
1、html代码
头部和导航栏
<div id="head">
<div id="head_contend">
<div id="first">足球天下</div>
<div id="index">首页</div>
<div id="admin">登陆</div>
</div>
</div>
<div id="body">
<div id="logo">
<h1>绿茵场</h1>
</div>
<div id="rad">
<ul class="rad">
<li><a href="#">首页</a></li>
<li><a href="#">联赛</a></li>
<li><a href="#">直播</a></li>
<li><a href="#">欧洲</a></li>
<li><a href="#">南美</a></li>
<li><a href="#">亚洲</a></li>
</ul>
</div>
侧边栏