html网页设计实验报告_第1页
html网页设计实验报告_第2页
html网页设计实验报告_第3页
html网页设计实验报告_第4页
html网页设计实验报告_第5页
已阅读5页，还剩9页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、word格式HTML页面设计一、实验名称：静态网页制作二、实验目的与要求：1 .掌握Dreamweaver软件的使用。2 .掌握html语言中的表格和框架等的使用。3 .掌握web应用开发技术的基础语言html语言。三、程序设计思想1、基本框架的构速整个页面先分出上中下3个部分，其中先分出上下两个部分，再 将下面部分分为中与下，然后将中间位置分为左右两部分，再将左边 分为左中两部分，左边再分为上下，右边也为上下。左的上位皇马， 下位巴萨，中间为最新一些消息，只是添加了链接，右边分为上下。 即为相关视频以及助攻榜。代码如下：<framesetrows="15%,*" c

2、o Is="*"framespacing="0" frameborder="no" border="0"><frame src=" 标 题 .html" name="topFrame" scroI Iing="No"noresize="noresize"id="topFrame” ti11e="topFrame" /><frameset rows="*,10%"

3、co Is="*"framespacing="0" frameborder="no" border="0"> framespacing="0" frameborder="no” border="0"><frameset- II +“ rows- *cols=H* 30%11< frameset rows="*" co Is="*, 60%" framespacingzz，,0n frameborder=

4、"no" border="0”>< frameset rows="*,44%" co Is="*" framespacing="0" frameborder=,noH border="0">< f rame src=”皇 马 html“ name="ma i nFrame” id="mai nFrame" t it Ie="ma inFrame" /><frame src="巴塞.html&

5、quot; name="bottomFrame1" scroI Iing="No"noresize="noresize”id=,bottomFrame1" title="bottomFrame1" /></frameset><f rame src="当前新闻.html" name="r ightFramel" scroI Iing="No"noresize="noresizeuid="r ightFramel&q

6、uot; t i 11e="r i ghtFramel" /> </frameset><frameset rows="*,30%" co Is="*" framespacing=l,011 frameborder="no" border="0"><frame src=n 视 频.html“ name="rightFrame” scroI Iing="No"noresize=unoresizeHid="rightFrame

7、" t i11e="r ightFrame" /><frame src="友 情 链 接.html" name=nbottomFrame211scrol I ing="No"word格式nores i ze="nores i ze"id="bottomFrame2"ti11e="bottomFrame2" /></frameset></frameset><frame src=”相关信息.html" name=

8、"bottomFrame” scrolIi ng="No"nores i ze="nores i ze"i d="bottomFrame" t i 11e="bottomFrame4" /></frameset></frameset>2、顶部页面top部分在BODY里用backgroud属性将图片嵌入到里面，具体源代码如 下：<body background="图片 /27c4e7ae55a6e3cdfaed50cc. jpg"> 3、左上部页

9、面皇马部分该页面主要是皇马的一些简介，运用到一个表格，代码如 下：<table width="265" height=“154“ border="1"><tr><tdheight="17"co Ispan="4"al ign="center"Xspan cIass="STYLE3"> 银 河 战 舰 I K/spanX/td><tr><td width="88" rowspan="3&q

10、uot;Xspan c I ass="STYLE3"X/a><atarget="_b I ank"href=". . /Unt i 11ed_3. htmI"><a target="_bIank" href="http:/soccerdata, sports, qq. com/team, aspx?I ega=l iga&teamid=357"Ximg src=" 图 片 /xinsrc_292100109151242314610600. gif” wi

11、dth="96" he i ght="128" /X/aX/spanX/td><tdhe i ght="30"co Ispan="2"a I i gn="center "Xspan c I ass="STYLE3">投 票支持皇马 </span></td><td width="89" al ign="center"Xspan c I ass="STYLE3 ”>皇马主帅&l

12、t;/spanX/td></tr><tr><tdhe i ght="17"Xspanc I ass=',STYLE3',X/spanX/td><td><span cIass="STYLE3"X/span></td><td rowspan="2"><img src="图片/皇马主 帅.png" width="85" height="85" /></td&g

13、t;</tr><tr>word格式<td height=ll80llXspan c lass=nSTYLE3n><input type="submi t" name="Submi t" value二“顶" /></span></td><td><span cIass="STYLE3"><input type="submi t" name="Submi t2" value二“踩"

14、 /></span></td></tr></tabIe>背景只是用了一个黑色为背景色代码如下：<body bgcolor="#000000">坐下与坐上代码类似，就不举出了。需要提出的是：图片上我添加了链接，链接到腾讯的相 关信息上了。代码如下：<a target="_bIank" href=". /Unt i 11ed_3. html"><a target="_bIank"href="http:/soccerdata,

15、sports, qq. com/team, aspx?I ega=l iga&teamid=357"Ximg src=" 图 片 /xinsrc_292100109151242314610600. gif" width="96" height="128" />这句表示：SRC后的图片链接到HREF所写出的网站上。点击这个图片则会跳转到相应网站上4、中间页面是最近的一些体育新闻，只是添加的链接：代码如下：<p><atarget="_bIank"href="http:

16、/sports, qq. com/a/20100416/000329. htm">C罗最新进球</a> </p>其他链接均类似5、右边代码上面是一些精彩视频，这个我已放在相应位置。 代码如下：<p><a hre千二”附属信息/c罗纳尔多精彩视频f I. C罗精彩视频</a><a href='c罗纳尔多精彩视 频.flv"></a></p> 其他类似，右边是一些链接：代码与上面类似。图片实例：善3！11£word格式收获与体会通过本次实脸，我掌握了很多html语言的标记和属性以及 它们的基本用法，还有就是运用到了 CSS代码背景，由于书上 没有相关介绍，没有搞的很清楚，他是在/title下方加的， 代码如下：<styIe type="text/css">body background- i mage: ur I ( 附 属 信 息 Zeb2a02d3252a57caa8ec9a74. jpg);background-pos it ion:top;background-attachment: f i xed;background-repeat: no-repeat;)</styIe其中 background-ima

人人文库> 全部分类> 应用文书 > 工作计划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论