html网页设计实验报告Word下载.docx
- 文档编号:3198177
- 上传时间:2023-05-01
- 格式:DOCX
- 页数:7
- 大小:102.11KB
html网页设计实验报告Word下载.docx
《html网页设计实验报告Word下载.docx》由会员分享,可在线阅读,更多相关《html网页设计实验报告Word下载.docx(7页珍藏版)》请在冰点文库上搜索。
framesetrows="
15%,*"
cols="
*"
framespacing="
0"
frameborder="
no"
border="
>
<
framesrc="
标题.html"
name="
topFrame"
scrolling="
No"
noresize="
noresize"
id="
title="
/>
*,10%"
<
*,30%"
*,60%"
*,44%"
皇马.html"
mainFrame"
巴塞.html"
bottomFrame1"
/frameset>
当前新闻.html"
rightFrame1"
视频.html"
rightFrame"
友情链接.html"
bottomFrame2"
相关信息.html"
bottomFrame"
bottomFrame4"
2、顶部页面top部分
在BODY里用backgroud属性将图片嵌入到里面,具体源代码如下:
bodybackground="
图片/27c4e7ae55a6e3cdfaed50cc.jpg"
3、左上部页面皇马部分
该页面主要是皇马的一些简介,运用到一个表格,代码如下:
tablewidth="
265"
height="
154"
1"
tr>
tdheight="
17"
colspan="
4"
align="
center"
spanclass="
STYLE3"
银河战舰II<
/span>
/td>
/tr>
tdwidth="
88"
rowspan="
3"
/a>
atarget="
_blank"
href="
../Untitled-3.html"
src="
图片/xinsrc_292100109151242314610600.gif"
width="
96"
128"
30"
2"
投票支持皇马<
89"
皇马主帅<
td>
tdrowspan="
imgsrc="
图片/皇马主帅.png"
85"
80"
inputtype="
submit"
Submit"
value="
顶"
Submit2"
踩"
/table>
背景只是用了一个黑色为背景色
bodybgcolor="
#000000"
坐下与坐上代码类似,就不举出了。
需要提出的是:
图片上我添加了链接,链接到腾讯的相关信息上了。
这句表示:
SRC后的图片链接到HREF所写出的网站上。
点击这个图片则会跳转到相应网站上
4、中间页面是最近的一些体育新闻,只是添加的链接:
p>
atarget="
/p>
其他链接均类似
5、右边代码上面是一些精彩视频,这个我已放在相应位置。
ahref="
附属信息/c罗纳尔多精彩视频.flv"
1.C罗精彩视频<
c罗纳尔多精彩视频.flv"
其他类似,
右边是一些链接:
代码与上面类似。
图片实例:
收获与体会
通过本次实验,我掌握了很多html语言的标记和属性以及它们的基本用法,还有就是运用到了CSS代码背景,由于书上没有相关介绍,没有搞的很清楚,他是在<
/title>
下方加的,代码如下:
styletype="
text/css"
body{background-image:
url(附属信息/eb2a02d3252a57caa8ec9a74.jpg);
background-position:
top;
background-attachment:
fixed;
background-repeat:
no-repeat;
}
/style
其中background-image相当于BODY中的backgroud,意为背景。
background-position为图像位置。
background-attachment为图像展开类型:
如平铺,background-repeat为是否重复,no-repeat意为不重复.
通过这次的学习,激发了我对网页设计的兴趣,同时也使我明白了只有勤动手才能掌握这门课程。
存在问题:
搞不明白能不能用一幅完整图片作为整个网页的背景,无视框架。
这个也做了相应的验证,发现在框架的代码中,相应BODY里去添加背景是不会显示的,而且也不能用到CSS代码。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- html 网页 设计 实验 报告