制作表格网页.pptxVIP

制作表格网页XXX系XXX班|某某某

-01课前复习02布局分析03建立站点，制作主页index.html04文件中定义CSS样式05完成作品，预览效果06课堂小结

制作表格网页课前复习布局分析本任务我们采用950的宽度，两层表格嵌套(注：图中两层红色边框所示)，外层表格宽度950，1行2列，第1列宽200，存放左侧的装饰图片(注：采用背景图片)，第2列宽度750再嵌套表格，3行2列，下面2行进行了合并，第1行，左侧宽300，class=zhu主题文字，右侧宽450，人物图片，第2行，class=wen文字正文，第3行，页底装饰图片

制作表格网页建立站点，制作主页index.html新建站点w3-5，拷贝素材图片到images目录中，使用以前所学知识，插入两层嵌套的表格，表格的边框和间距等全部设置为0，如图3所示，操作如下1、左侧单元格：宽200，背景图片images/b1.jpg，2、主题单元格：宽300，class=zhu，3、人物图片单元格：宽450，图片images/b2.jpg，4、文字正文单元格：class=wen，5、页底装饰单元格：图片images/b3.jpg，

制作表格网页文件中定义CSS样式建立并引入CSS文件images/css3-5.css，依次定义body、.zhu和.wen标记的属性，如图4所示，具体如下1、body：规定了背景黑色，文字浅灰色，字体隶书，2、.zhu：标题字号60px、行高80px，3、.wen正文字号30px、行高42px

制作表格网页完成作品，预览效果

制作表格网页课堂小结布局分析建立站点，制作主页index.html文件中定义CSS样式完成作品，预览效果

-2023感谢大家观看THANKYOUFORWATCHING!汇报人：XXXXX日期：XXXX