教学课件-网站建设项目三

项目三创建产品展示型网站创建网站首页创建网站子页延伸阅读项目三创建产品展示型网站创建网站首页1模块一创建网站首页一、使用表格构建网页整体布局表格（Table）是由一个或多个单元格构成的集合，表格中横向的多个单元格称为行，垂直的多个单元格称为列，本节重点介绍表格的应用（具体操作见视频3-1）。模块一创建网站首页一、使用表格构建网页整体布局表格（2二、嵌套表格并填充内容

所谓嵌套表格，就是在一个大表格的某个单元格里插入一个新的表格，我们看到的绝大多数网页都是由多个表格相互嵌套进行网页布局的。前面已经完成了网页整体布局的构建，接下来要在表格3的后两个单元格中嵌套表格并填充内容（具体操作见视频3-2）。二、嵌套表格并填充内容所谓嵌套表格，就是在一个大表格的3模块二创建网站子页一、制作鼠标经过图像在浏览网页时，经常可以看到这种情况，当鼠标移到某一图像上时，图像变成了另一幅图像，而当鼠标移开时，又恢复成原来的图像，这就是我们通常所说的鼠标经过图像。本节主要制作该效果（具体操作见视频3-3）。模块二创建网站子页一、制作鼠标经过图像在浏览网页时，4二、制作圆角表格在做网页时为了美化页面，常常要把表格制作成圆角表格，这样可以使整个页面看起来更加柔和、美观（具体操作见视频3-4）。二、制作圆角表格在做网页时为了美化页面，常常要把表格制5延伸阅读一、合并、拆分单元格1．合并单元格

所谓合并单元格，就是将相邻的几个单元格合并成一个单元格。选中要合并的连续单元格单击“合并所选单元格，使用跨度”按钮延伸阅读一、合并、拆分单元格1．合并单元格所谓合并单元62．拆分单元格所谓拆分单元格，就是将一个单元格拆分为几行或几列。在要拆分的单元格中单击鼠标单击属性面板上的“拆分单元格为行或列”按钮

打开“拆分单元格”对话框

2．拆分单元格所谓拆分单元格，就是将一个单元格拆分为几7二、在表格中添加或删除行和列有时需要在创建好的表格中添加或删除行和列如要删除某行，只需在该行单击鼠标右键，在弹出的快捷菜单中选择“表格”>“删除行”菜单

二、在表格中添加或删除行和列有时需要在创建好的表格中添加或8三、格式化表格在使用表格显示数据信息时，为便于浏览者阅读，往往需要为单元格设置不同的背景颜色。选中表格三、格式化表格在使用表格显示数据信息时，为便于浏览者阅9四、制作细线表格网上冲浪时，偶尔可以看到边框线很细的表格。在Dreamweaver中可以通过设置表格的间距来制作细线表格（具体操作见视频3-5）。四、制作细线表格网上冲浪时，偶尔可以看到边框线很细的表10五、制作特殊边线的表格有时为了美化页面，常需要制作特殊的表格边框线，这是通过设置样式来实现的（具体操作见视频3-6）。五、制作特殊边线的表格有时为了美化页面，常需要制作特殊11项目三创建产品展示型网站创建网站首页创建网站子页延伸阅读项目三创建产品展示型网站创建网站首页12模块一创建网站首页一、使用表格构建网页整体布局表格（Table）是由一个或多个单元格构成的集合，表格中横向的多个单元格称为行，垂直的多个单元格称为列，本节重点介绍表格的应用（具体操作见视频3-1）。模块一创建网站首页一、使用表格构建网页整体布局表格（13二、嵌套表格并填充内容

所谓嵌套表格，就是在一个大表格的某个单元格里插入一个新的表格，我们看到的绝大多数网页都是由多个表格相互嵌套进行网页布局的。前面已经完成了网页整体布局的构建，接下来要在表格3的后两个单元格中嵌套表格并填充内容（具体操作见视频3-2）。二、嵌套表格并填充内容所谓嵌套表格，就是在一个大表格的14模块二创建网站子页一、制作鼠标经过图像在浏览网页时，经常可以看到这种情况，当鼠标移到某一图像上时，图像变成了另一幅图像，而当鼠标移开时，又恢复成原来的图像，这就是我们通常所说的鼠标经过图像。本节主要制作该效果（具体操作见视频3-3）。模块二创建网站子页一、制作鼠标经过图像在浏览网页时，15二、制作圆角表格在做网页时为了美化页面，常常要把表格制作成圆角表格，这样可以使整个页面看起来更加柔和、美观（具体操作见视频3-4）。二、制作圆角表格在做网页时为了美化页面，常常要把表格制16延伸阅读一、合并、拆分单元格1．合并单元格

所谓合并单元格，就是将相邻的几个单元格合并成一个单元格。选中要合并的连续单元格单击“合并所选单元格，使用跨度”按钮延伸阅读一、合并、拆分单元格1．合并单元格所谓合并单元172．拆分单元格所谓拆分单元格，就是将一个单元格拆分为几行或几列。在要拆分的单元格中单击鼠标单击属性面板上的“拆分单元格为行或列”按钮

打开“拆分单元格”对话框

2．拆分单元格所谓拆分单元格，就是将一个单元格拆分为几18二、在表格中添加或删除行和列有时需要在创建好的表格中添加或删除行和列如要删除某行，只需在该行单击鼠标右键，在弹出的快捷菜单中选择“表格”>“删除行”菜单

二、在表格中添加或删除行和列有时需要在创建好的表格中添加或19三、格式化表格在使用表格显示数据信息时，为便于浏览者阅读，往往需要为单元格设置不同的背景颜色。选中表格三、格式化表格在使用表格显示数据信息时，为便于浏览者阅20四、制作细线表格网上冲浪时，偶尔可以看到边框线很细的表格。在Dreamweaver中可以通过设置表格的间距来制作细线表格（具体操作见视频3-5）。四、