实例3利用表格布局网页--文学之窗.docxVIP

1 1 实例3利用表格布局网页--文学之窗 范例分析：本例介绍制作文学之窗网页，效果如图 4.17所示。主要通过 插入表格，将表格合并单元格和拆分单元格，并插入图像，完成网页的制作。 图4.17文学之窗 操作步骤： 在自己的站点中，新建一个基本页 HTML文档。 单击【插入】面板【布局】子面板中的【表格】按钮，弹出【表格】对话框，在【表格 大小】选项区中，设置【行数】为 2，【列数】为3,表格宽度为700,单位为像素。 单击【确定】按钮，插入表格，选中表格第二行，单击【修改】 |【表格】|【合并单元 格】命令， 然后再单击【修改】|【表格】|【拆分单元格】命令，弹出【拆分单元格】对 话框，在把【单元格拆分】选项区中选中列单选按钮，在列数数值框中输入 2,如图4.18 所示。单击【确定】按钮。 图4.18【拆分单元格】对话框 将鼠标移到表格第1行第一格，单击【插入】|【图像】命令，弹出选择【图像源文件】 对话框，选择需要的图片，单击【确定】 ，插入图像。 将鼠标移到表格第1行第二格，插入相应的文字内容，在【字体属性】面板中设置字体 为华文彩云，大小为 60，并单击【颜色】按钮，设置字体为紫色。 将鼠标移到表格第1行第三格，分别插入图像。 将鼠标移到表格第2行第一格，插入相应的文字内容，在【字体属性】面板中设置字体 为华文行楷，大小为18，并单击【颜色】按钮，设置字体为粉红色。 将鼠