html网页设计实验报告

html网页设计实验报告HTML页面设计实验名称：静态网页制作实验目的与要求：1．掌握Dreamweaver软件的使用。2．掌握html语言中的表格和框架等的使用。3．掌握web应用开发技术的基础语言-----html语言。程序设计思想基本框架的构建整个页面先分出上中下3个部分，其中先分出上下两个部分，再将下面部分分为中与下，然后将中间位置分为左右两部分，再将左边分为左中两部分，左边再分为上下，，右边也为上下。左的上位皇马，下位巴萨，中间为最新一些消息，只是添加了链接，右边分为上下。即为相关视频以及助攻榜。代码如下：<framesetrows="15%,*"cols="*"framespacing="0"frameborder="no"border="0"><framesrc="标题.html"name="topFrame"scrolling="No"noresize="noresize"id="topFrame"title="topFrame"/><framesetrows="*,10%"cols="*"framespacing="0"frameborder="no"border="0">html网页设计实验报告全文共10页，当前为第1页。 <framesetrows="*"cols="*,30%"framespacing="0"frameborder="no"border="0">html网页设计实验报告全文共10页，当前为第1页。 <framesetrows="*"cols="*,60%"framespacing="0"frameborder="no"border="0"> <framesetrows="*,44%"cols="*"framespacing="0"frameborder="no"border="0"> <framesrc="皇马.html"name="mainFrame"id="mainFrame"title="mainFrame"/> <framesrc="巴塞.html"name="bottomFrame1"scrolling="No"noresize="noresize"id="bottomFrame1"title="bottomFrame1"/> </frameset> <framesrc="当前新闻.html"name="rightFrame1"scrolling="No"noresize="noresize"id="rightFrame1"title="rightFrame1"/></frameset> <framesetrows="*,30%"cols="*"framespacing="0"frameborder="no"border="0"> <framesrc="视频.html"name="rightFrame"scrolling="No"noresize="noresize"id="rightFrame"title="rightFrame"/>html网页设计实验报告全文共10页，当前为第2页。 <framesrc="友情链接.html"name="bottomFrame2"scrolling="No"noresize="noresize"id="bottomFrame2"title="bottomFrame2"/>html网页设计实验报告全文共10页，当前为第2页。</frameset></frameset> <framesrc="相关信息.html"name="bottomFrame"scrolling="No"noresize="noresize"id="bottomFrame"title="bottomFrame4"/></frameset></frameset>顶部页面top部分在BODY里用backgroud属性将图片嵌入到里面，具体源代码如下：<bodybackground="图片/27c4e7ae55a6e3cdfaed50cc.jpg">3、左上部页面皇马部分该页面主要是皇马的一些简介，运用到一个表格，代码如下：<tablewidth="265"height="154"border="1"><tr><tdheight="17"colspan="4"align="center"><spanclass="STYLE3">银河战舰II</span></td>html网页设计实验报告全文共10页，当前为第3页。</tr>html网页设计实验报告全文共10页，当前为第3页。<tr><tdwidth="88"rowspan="3"><spanclass="STYLE3"></a><atarget="_blank"href="../Untitled-3.html"><atarget="_blank"href="/team.aspx?lega=liga&teamid=357"><imgsrc="图片/xinsrc_292100109151242314610600.gif"width="96"height="128"/></a></span></td><tdheight="30"colspan="2"align="center"><spanclass="STYLE3">投票支持皇马</span></td><tdwidth="89"align="center"><spanclass="STYLE3">皇马主帅</span></td></tr><tr><tdheight="17"><spanclass="STYLE3"></span></td><td><spanclass="STYLE3"></span></td><tdrowspan="2"><imgsrc="图片/皇马主帅.png"width="85"height="85"/></td></tr>html网页设计实验报告全文共10页，当前为第4页。<tr>html网页设计实验报告全文共10页，当前为第4页。<tdheight="80"><spanclass="STYLE3"><inputtype="submit"name="Submit"value="顶"/></span></td><td><spanclass="STYLE3"><inputtype="submit"name="Submit2"value="踩"/></span></td></tr></table>背景只是用了一个黑色为背景色代码如下：<bodybgcolor="#000000">坐下与坐上代码类似，就不举出了。需要提出的是：图片上我添加了链接，链接到腾讯的相关信息上了。代码如下：<atarget="_blank"href="../Untitled-3.html"><atarget="_blank"href="/team.aspx?lega=liga&teamid=357"><imgsrc="图片/xinsrc_292100109151242314610600.gif"width="96"height="128"/>html网页设计实验报告全文共10页，当前为第5页。这句表示：SRC后的图片链接到HREF所写出的网站上。点击这个图片则会跳转到相应网站上html网页设计实验报告全文共10页，当前为第5页。中间页面是最近的一些体育新闻，只是添加的链接：代码如下：<p><atarget="_blank"href="/a/20100416/000329.htm">C罗最新进球</a></p>其他链接均类似右边代码上面是一些精彩视频，这个我已放在相应位置。代码如下：<p><ahref="附属信息/c罗纳尔多精彩视频.flv">1.C罗精彩视频</a><ahref="c罗纳尔多精彩视频.flv"></a></p>其他类似，右边是一些链接：代码与上面类似。图片实例：html网页设计实验报告全文共10页，当前为第6页。html网页设计实验报告全文共10页，当前为第6页。html网页设计实验报告全文共10页，当前为第7页。html网页设计实验报告全文共10页，当前为第7页。html网页设计实验报告全文共10页，当前为第8页。html网页设计实验报告全文共10页，当前为第8页。收获与体会通过本次实验，我掌握了很多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意为不重复.通过这次的学习，激发了我对网页设计的兴趣，