文档介绍：节实验3-1站点首页的设计芀【实验目的】荿1、了解HTML各种标记语言的作用,以及如何制作一个静态网页蚃2、掌握常用网页制作软件()的使用莂【实验条件】蚁个人计算机一台,预装Windows2000或WindowsXP操作系统,。螇【实验说明】蚆在网页示例中,表格t1为网页的头部,放置公司的logo,公司名称,和一些图片等等;t2中的内容为网页的主要内容;t3是网页的尾部,通常显示一些相同的网站版权、经营许可证及网站联系人等信息。蒂推荐学时:1学时螈【实验内容与步骤】蒈步骤一:分析该公司网站首页,并对其进行设计。以下图中的网页为例蒅薂图3-1需要制作的网页膈表t1,t2和t3纵向排列,并在网页中居中显示,其结构如图所示。其中,t2第一行包含表t21,第二行第一列包含表t22,第二列包含表t23,表t21,t22和t23结构如图所示。羆步骤二:使用Dreamweaver来进行网页制作。芃1、使用Dreamweaver新建网页后,在设计页面插入表格t1。具体表格的单元格大小见代码。其内容如下:蚂蕿背景图片蚈插入图片芆插入图片羀背景图片,并输入公司名称居中显示肅插入图片袁2、插入表格t2,具体表格的单元格大小见代码。对整个t2设置背景图片,其它内容如下:莁袈螄袁薈团队精神芆团队介绍薃公司目标羁发展方向罿肈插入一条水平线,顶部显示薆肁背景图片,显示“首页”螁莀背景图片,显示“公司简介”蒆背景图片,显示“产品介绍”莅背景图片,显示“技术支持”膁***主要内容膄芁膁蚅3、插入t3,具体表格的单元格大小见代码。对整个t3设置背景颜色,其它内容如下:膆莁插入一条水平线芈输入版权等信息莇羅步骤三:保存网页并运行。参照网页代码如下:蒁<!DOCTYPEhtmlPUBLIC"-//W3C////EN""/xhtml1/DTD/xhtml1-">虿<htmlxmlns="9/xhtml">聿<head>螄<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>蒀<title>公司首页</title>肀<styletype="text/css">薇<!--{薀color:#FFFFFF;蒁font-size:18pt;艿font-family:"宋体";薆font-weight:bold;蚀}{蚇font-size:16px;芅color:#FF0000;螀font-weight:bold;聿font-family:"宋体";葿}{膄font-size:18px;蒀}袆body{肇background-color:#000033;膄}{font-size:18px;color:#000000;}薈-->袅</style>芄</head>芁肆<bodyleftmargin="0"topmargin="0"marginwidth="0"marginheight="0">蚄<tablewidth="778"border="0"align="center"cellpadding="0"cellspacing="0">莄<tr>莈<throwspan="3"background=""scope="col"><imgsrc=""width="160"height="208"/></th>螈<thscope="col"><imgsrc=""width="618"height="60"/></th>莃</tr>蒄<tr>蝿<tdwidth="618"height="80"valign="middle"background=""><palign="center"class="STYLE1">您的公司名称</p></td>膆</tr>蒆<tr>薃<td><imgsrc=""width="618"height="68"/></td>膀</tr>羈</table>膅蚃<tablewidth="778"border="0"align="center"cellpadding="0"cellspacing="0"background="">薁<tr>莆<tdheight="60"colspan="3"><tablewidth="778"border="0"cellspacing="0"cellpadding="0">羄<tr>螃<thwidth="210"height=