本次课基本信息
教学设计页
教学内容页
8.5练习案例：装修公司
案例操作要点：
1．创建文件名称为index.html的新文档，并将所有样式存放在decoration样式文档中。

插入ID名称为container的<div>标签，宽度为1000px，高度为860px，并居中对齐。

2．在container的<div>标签中，插入ID名称为menu，info1，info2，info3和footer 的5个<div>标签，宽度和高度分别为1000px和107px，160px和670px，320px和670px，310px和670px，1000px和83px。

其中ID名称为info1，info2，info3的<div>标签为左浮动，ID名称为footer的<div>标签取消左浮动。

3．在footer标签中，插入两个<div>标签，其类样式名称为.f1和.f2，其宽度分别为580px和280px，并设置它们为左浮动。

4．设置页面属性的背景为#CCC，边距为为0，字体大小为12px，文字颜色为#999。

设置#container样式的背景为白色。

5．标题样式.text1，文本大小为30px，颜色为#451B08，左对齐；副标题样式.text2，文本大小为18px；职位标题文本样式.text3，文本大小14px，下部内边距5px，下部边框为实线，宽度为1px，颜色为#999。

6．设置#info1样式的左右内边距分别为85px；#info2样式的左右内边距为10px；#info3样式的左右内边距分别为10px，上部内边距为10px；.f1样式的上部和左侧外边距分别为20px和60px；.f2样式的上部和左侧外边距分别为30px和60px，字体为黑体，大小为20px，颜色为#66250F。

教学内容页
布局图
效果图。