网页设计与制作项目教程作者陈义文主编项目3任务5课件.pptVIP

项目三 网站制作前期准备 任务要求 利用表格布局技术制作公司简介页面，并实现网页图文混排的效果。 最终效果 操作提示 ? 新建HTML网页文档，设置网页标题文档为“公司简介”，并将其命名为“about.html”，保存于站点的“about”文件夹。 ? 在页面“body”部分，插入2行1列表格，居中对齐，并将表格的边框、间距、填充均设置为“0”，如图3-14所示。 操作提示 ? 定位光标于表格的第一行，单击“属性”面板的“拆分”按钮，将其拆分成两个单元格，设置第一个单元格的宽度为“163”，高度为“40”，并分别将两个单元格的背景图像设置成“position.jpg”和“positionbg.jpg”，相关代码见表3-7。 操作提示 ? 从提供素材中复制公司简介文本，选择菜单“编辑”→“选择性粘贴”命令，设置如图3-15所示的选项，将带段落的文本复制到表格中。 操作提示 ? 选择所有文本，将“属性”面板切换至“CSS”面板，创建“p”标签样式，如图3-16所示。 操作提示 ? 单击“确定”按钮，进入“p的CSS规则定义”对话框，选择“类型”选项，设置字体大小为“12px”，文本行高为“28px”，如图3-17所示。 操作提示 ? 切换至“区块”及“方框”选项，设置段落首行文本缩进“28px”，段落左右两边间距为“20px”，如图3-18和图3-19所示。 操作提示