静态设计页面的制作-课程设计.doc

存档资料 成绩：　
华东交通大学理工学院
课 程 设 计 报 告 书
所属课程名称 网页设计与网页制作
题 目 　　静态设计页面的制作　　　　　　　 　　　
　　　
分 院 　电 信 分 院 　　 　
专业班级 信管2班
学　　号 221 　　　　 　　 　
学生姓名 熊武 　　　　 　　　
指导教师 魏建红 　　　
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设计出一个《网站首页》。

内容有：1．建立站点；2．结构分析；3．搭建框架；4．切割效果图；5．布局页面——头部和导航；6．布局页面——侧边栏；7．布局页面——主体部分；8．底部和细节调整
要求有：运用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>