我的NBA网页制作说明

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

塔里木大学必修课
《网页设计基础》
《我的NBA网站》
设计说明书
学生姓名李伟
学号2021212317
所属学院动物科学学院(全称)专业动物科学专业
班级16-3
授课教师杨翠芳
目录
1.网站介绍.................................................................................... 错误!未定义书签。

1.1网站构思........................................................................................... 错误!未定义书签。

1.2网站功能........................................................................................... 错误!未定义书签。

2.网站结构图(如下图) ............................................................ 错误!未定义书签。

3.操作步骤及页面设计说明(即图片和文字结合的形式) (4)
1.创建站点 (4)
(1)在桌面,创建站点NBA。

(4)
(2)根据网站结构图建立好站点内的文件夹和文件。

(4)
2.建立并保存模板 (5)
(1)新建模板 (5)
(2)保存模板 (5)
(3)给模板设置页面属性 (6)
(4)插入表格并对表格进行设置 (6)
(5)网页的表头插入图片-----------------------------------------------------------------------------7 (6)网页的第二,三行分别插入导航栏,添加可编辑区域-----------------------------------8 (7)网页的第五行添加版权信息--------------------------------------------------------------------9 3.制作首页------------------------------------------------------------------------------------------------10 (1)新建基于模板的首页----------------------------------------------------------------------------11 (2)制作首页中的子页--------------------------------------------------------------------------------12 (3)插入表格,图片----------------------------------------------------------------------------------13 (4)首页进行外部链接,内部链接,图像链接及e-mail链接----------------------------------14 (5)添加音乐背景-------------------------------------------------------------------------------------15 4.制作子页------------------------------------------------------------------------------------------------16 (1)分别制作需要的10个子页--------------------------------------------------------------------17 (2)子页进行锚点链接、自动分时间问候----------------------------------------------------------18
我的NBA网站
1网站结构:
1.1网站构思:
现在人们的生活越来越好了,人们也开始享受生活了,篮球在人们的生活中可以说是一种不错的运动项目,大多数人度比较喜欢这种运动,其次看这种运动也是一种很激情的事情,所以由来了许许多多的篮球明星,篮球精彩时刻.
1.2网站的功能
热爱篮球的背后,有许许多多的明星会被人们记住,还有他们所表现出来的精彩的进球,灌篮,还有他们所效力的球队等,只有这样大家在闲谈的时候才可以肆无忌惮说出心目中喜爱的球星,该网站可以让许多热爱篮球的人了解东西部球队,还有球队里面的球星,还有他们的荣誉.
网站结构图如下
1.操作步骤及页面设计说明(即图片和文字结合的形式)
1.创建站点
(1)在桌面,创建站点NBA。

(2)根据网站结构图建立好站点内的文件夹和文件。

2.建立并保存模板(1)新建模板
(2)保存模板
(3)给模板设置页面属性
(4)插入布局表格
效果如下:
(5)对表格进行设置:第一行插入长820宽150的图片,第二行插
入1行6列的表格并添加导航兰.第三行添加可编辑区,
第四行插入一个唱820宽30的背景图像,第五行插入版
权信息,保存木板其效果如下.
2.制作首页
(1)在可编辑区域里插入1行3列的表格,第一列宽200.第二
列宽392,第三列227.插入图片
(2)
(3)模板下的子页,子页中有文字滚动
(4)外部链接
该网页大部分是外部链接
这些大部份都为外部链接
(5)内部链接的锚点链接
(6)邮件链接
(7)跳转菜单
(8)添加音乐背景,在插入中选择媒体的插件,在属性面板中单击参数输入参数数据。

(9)导航栏的球队介绍,精彩瞬间,在线球星的下拉菜单设置。

(10)制作浮动框架。

输入一下代码:
<td width="300" height="500" rowspan="2"><iframe src="image/三分球赛 1.jpg" width="300" height="500" name="aa"></iframe></td>
<td height="250"><a href="image/三分球赛1.jpg" target="aa"><img src="image/三分球赛 1.jpg" width="173" height="250" border="0"/></a></td>
<td><a href="image/三分球赛 2.jpg" target="aa"><img src="image/三分球赛 2.jpg" width="173" height="250" border="0"/></a></td>
<td><a href="image/三分球赛 3.jpg" target="aa"><img src="image/三分球赛 3.jpg" width="173" height="250" border="0"/></a></td>
</tr>
<tr>
<td height="250"><a href="image/三分球赛4.jpg" target="aa"><img src="image/三分球赛 4.jpg" width="173" height="250" border="0"/></a></td>
<td><a href="image/三分球赛 5.jpg" target="aa"><img src="image/三分球赛 5.jpg" width="173" height="250" border="0"/></a></td>
<td><a href="image/三分球赛 6.jpg" target="aa"><img src="image/三分球赛 6.jpg" width="173" height="250" border="0"/></a></td>
</tr>
(11)进行链接效果如下:
(12)扣篮大赛,全明星赛同上一样。

(13)插入自动分时间问候的网页
总结
现如今的生活,大家生向往的是健康,那么体育运动在大家的生活中扮演着非常重要的角色,在大家累的时候,在大家小憩的时候,必然会有些些运动健将从人们口中走出,那么要想和他们呢有共同话题,谈的投机,那么必须要了解他们,所以我做的这个网站可以很方便的帮助热爱运动的人,记住他们的名字,个人信息,所在球队,还有他们的个人荣誉等。

经过这次的网页制作,我对NBA也有了更深一层次的了解,同时也对这学期学习网页的各种链接及特效进行了一次全面性的复习,学习是需要我们在疑问中寻求答案,在答案中探索原理,只有这样才能学会知识,运用知识。

相关文档
最新文档