网页制作案例2-个人简历制作

目录

 

知识点:

效果图:

分解图:

主要思路及步骤:


知识点:

  1. 表格布局
  2. 表格嵌套
  3. CSS样式
  4. 特殊符号

效果图:

网页制作案例2-个人简历制作_第1张图片

 

分解图:

网页制作案例2-个人简历制作_第2张图片

 

主要思路及步骤:

1)插入背景图片;

2)插入-表格:8行1列;605像素、边框粗细0、 单元格边距0、 单元格间距3

3)第三行-拆分2列

4)第三行:

第一列单元格:宽330,高170;第二列宽:266;

第一列中插入表格(表格嵌套):6行2列、宽度80%、边框粗细0、单元格边距0、单元格间距3;

第二列:插入自己的图片;

5)第四行:

插入单元格(表格嵌套):2行2列、宽度90%、边框粗细0、单元格边距0、单元格间距3;

第一行第一列单元格:宽25%,高18,背景颜色#546C44;

第二行的两列合并单元格;

第二行插入单元格:1行1列,宽度80%、边框粗细0、单元格边距5、单元格间距0,背景#B0C4A2;

6)第五、六、七行与第四行一样设置;

7)第八行:高25,背景颜色#546C44。

你可能感兴趣的:(网页制作案例2-个人简历制作)