html网页设计实验报告.doc

HTML页面设计 实验名称：静态网页制作 实验目的与要求： 1．掌握Dreamweaver软件的使用。 2．掌握html语言中的表格和框架等的使用。 3．掌握web应用开发技术的基础语言-----html语言。 程序设计思想 基本框架的构建 整个页面先分出上中下3个部分，其中先分出上下两个部分，再将下面部分分为中与下，然后将中间位置分为左右两部分，再将左边分为左中两部分，左边再分为上下，，右边也为上下。左的上位皇马，下位巴萨，中间为最新一些消息，只是添加了链接，右边分为上下。 即为相关视频以及助攻榜。代码如下： frameset rows=15%,* cols=* framespacing=0 frameborder=no border=0 frame src=标题.html name=topFrame scrolling=No noresize=noresize id=topFrame title=topFrame / frameset rows=*,10% cols=* framespacing=0 frameborder=no border=0 frameset rows=* cols=*,30% framespacing=0 frameborder=no border=0 frameset rows=* cols=*,60% framespacing=0 frameborder=no border=0 frameset rows=*,44% cols=* framespacing=0 frameborder=no border=0 frame src=皇马.html name=mainFrame id=mainFrame title=mainFrame / frame src=巴塞.html name=bottomFrame1 scrolling=No noresize=noresize id=bottomFrame1 title=bottomFrame1 / /frameset frame src=当前新闻.html name=rightFrame1 scrolling=No noresize=noresize id=rightFrame1 title=rightFrame1 / /frameset frameset rows=*,30% cols=* framespacing=0 frameborder=no border=0 frame src=视频.html name=rightFrame scrolling=No noresize=noresize id=rightFrame title=rightFrame / frame src=友情链接.html name=bottomFrame2 scrolling=No noresize=noresize id=bottomFrame2 title=bottomFrame2 / /frameset /frameset frame src=相关信息.html name=bottomFrame scrolling=No noresize=noresize id=bottomFrame title=bottomFrame4 / /frameset /frameset 顶部页面top部分 在BODY里用backgroud属性将图片嵌入到里面，具体源代码如下： body background=图片/27c4e7ae55a6e3cdfaed50cc.jpg 3、左上部页面皇马部分 该页面主要是皇马的一些简介，运用到一个表格，代码如下： table width=265 height=154 border=1 tr td height=17 colspan=4 align=centerspan class=STYLE3银河战舰II/span/td /tr tr td width=88 rowspan=3span class=STYLE3/aa target=_blank href=../Untitled-3.htmla target=_blank href=/team.aspx?lega=ligateamid=357img src=图片/xinsrc_292100109151242314610600.gif width=96 height=128 //a/span/td td height=30 colspan=2 align=centerspan class=STYLE3投票支持皇马/span/td td width=89 align=centerspan class=STYLE3皇马主