淮海工学院HTML课程设计Word格式文档下载.docx
- 文档编号:19525378
- 上传时间:2023-01-07
- 格式:DOCX
- 页数:35
- 大小:665.48KB
淮海工学院HTML课程设计Word格式文档下载.docx
《淮海工学院HTML课程设计Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《淮海工学院HTML课程设计Word格式文档下载.docx(35页珍藏版)》请在冰豆网上搜索。
2、掌握HTML中最基础的标签使用,应用场景
3、掌握HTML中的DIV+CSS布局技术
4、通过实践,培养学生良好的编程习惯,独立编码能力。
2.课程设计任务与要求:
任务
本任务是贯穿了本次实训的所有章节内容。
运用HTML的基本标签,盒子模型布局思想结合DIV+CSS布局技术实现开心网首页。
要求:
1.根据盒子模型思想结合DIV+CSS技术对页面进行合理的划分。
2.样式表一概使用外部样式,尽量避免样式冗余,做到样式具有复用性。
3、样式表中要有合理的区域性的注释,以便维护人员维护
4、HTML页面代码要有合理的缩进,代码要有层次。
3.课程设计说明书
一需求分析
页面头部:
可以使用float浮动实现,也可以使用元素的定位实现导航。
文字需要有超链接
页面的主体部分:
全部游戏,游戏角色部分采用div,dldtdd标签进行布局实现。
页面的图片以及文字均需要超链接。
页面的底部:
采用div,ulli标签并使用float进行实现
二概要设计
页面的布局部分
<
body>
<
divid="
container"
>
<
index_head"
/div>
index_body"
<
divclass="
body_left"
<
left_top"
<
game_type"
pic"
game_all"
<
all_type"
left_bottom"
role_type"
body_right"
right_top"
right_body"
right_bottom"
news_type"
index_bottom"
/body>
三详细设计
Head:
index_top"
<
ulclass="
index_type"
li>
/li>
/ul>
top_menu"
>
Body:
ul>
<
a>
img/>
/a>
left_body"
all_menu"
dl>
dt>
/dt>
ddclass="
title"
/dd>
dd>
/dl>
dd>
all_role"
title2"
top_login"
divstyle="
margin-left:
20px;
"
formaction="
#"
method="
post"
table>
tr>
<
td>
/td>
tdcolspan="
2"
/tr>
a>
/table>
/form>
all_menu1"
新闻公告<
game_news"
ahref="
游戏视频<
all_video"
Bottom:
li>
四程序设计与调试分析
五用户手册
六最终成果
七附录(源程序清单)
happynet.html
!
DOCTYPEhtmlPUBLIC"
-//W3C//DTDXHTML1.0Transitional//EN"
"
http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
htmlxmlns="
//www.w3.org/1999/xhtml"
head>
metahttp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
/>
title>
开心网首页<
/title>
linktype="
text/css"
rel="
stylesheet"
href="
css/common.css"
/>
css/index.css"
/head>
contanier"
imgsrc="
images/gameLogo.jpg"
listyle="
margin-top:
5px;
background:
url(images/btn-01.gif)no-repeat"
&
nbsp;
首页&
nbsp<
注册&
|<
登录&
帮助&
更多<
images/sub-1.gif"
侠客世界<
images/sub-2.gif"
征战四方<
images/sub-3.gif"
龙将<
images/sub-4.gif"
弹弹堂<
images/sub-5.gif"
凡人修真2<
images/sub-6.gif"
一骑当先<
images/sub-7.gif"
宫廷计<
images/sub-8.gif"
神仙道<
padding-left:
10px;
color:
#993333;
font-weight:
bold"
全部游戏<
战争策略&
体育经营&
社交游戏&
images/img-4.jpg"
龙将
三国题材横版RPG网游,丰富的武将系统<
br/>
类型:
角色扮演<
游戏人气:
span>
470921<
/span>
images/btn-02.jpg"
images/btn-03.jpg"
images/img-5.jpg"
征战四方
一款不建主城不等CD,不占资源,全程战斗<
战征策略<
8745221<
images/img-6.jpg"
神仙道
1765314<
游戏状态:
22区开启<
images/img-7.jpg"
1245814<
23区开启<
images/img-8.jpg"
一骑当先
1232158<
25区开启<
images/img-9.jpg"
洪荒神话
123745<
18区开启<
images/img-10.jpg"
178501<
火爆开启<
images/img-11.jpg"
一球成名
983014<
2服开启<
images/img-12.jpg"
凡人修真2
745214<
4服开启<
images/img-13.jpg"
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 淮海 工学院 HTML 课程设计