实验HTML与静态网页.doc

《实验HTML与静态网页.doc》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、实验3-1站点首页的设计【实验目的】1、了解HTML各种标记语言的作用，以及如何制作一个静态网页2、掌握常用网页制作软件（如Dreamwaver8.0）的使用【实验条件】个人计算机一台，预装Windows2000或WindowsXP操作系统,和Dreamwaver8.0软件。【实验说明】在网页示例中，表格t1为网页的头部，放置公司的logo，公司名称，和一些图片等等；t2中的内容为网页的主要内容；t3是网页的尾部，通常显示一些相同的网站版权、经营许可证及网站联系人等信息。推荐学时：1学时【实验内容与步骤】步骤一：分析该公司网站首页，并对其进行设计。以下图中的网页为例11图3-1需要制作的网页表

2、t1，t2和t3纵向排列，并在网页中居中显示，其结构如图所示。其中，t2第一行包含表t21，第二行第一列包含表t22，第二列包含表t23，表t21，t22和t23结构如图所示。11步骤二：使用Dreamweaver来进行网页制作。1、使用Dreamweaver新建网页后，在设计页面插入表格t1。具体表格的单元格大小见代码。其内容如下：背景图片插入图片插入图片背景图片，并输入公司名称居中显示插入图片2、插入表格t2，具体表格的单元格大小见代码。对整个t2设置背景图片，其它内容如下：团队精神团队介绍公司目标发展方向插入一条水平线，顶部显示背景图片，显示“首页”背景图片，显示“公司简介”背景图片，显

3、示“产品介绍”背景图片，显示“技术支持”主要内容3、插入t3，具体表格的单元格大小见代码。对整个t3设置背景颜色，其它内容如下：插入一条水平线输入版权等信息步骤三：保存网页并运行。参照网页代码如下：11

4、="text/html;charset=gb2312"/>

6、op1.gif"width="618"height="60"/>您的公司名称