制作网页的操作步骤.docVIP

制作网页的操作步骤（素材为webstatic） 制作页眉的步骤 新建空白文档HTML,把标题更改为产品介绍，保存文件并命名为list.html.然后修改页面属性，将字体大小设为12，上下左右边距均为0。 插入2行3列的表格，表格宽度设置为775像素，边框粗细，单元格边距，单元格间距均设置为0。第一行的高为70像素，第二行的高为11像素，第一列的宽为172像素，第二列的宽为480像素。整个的表格的背景设置为topbg1(在拆分里面，background ),在第１行第１列设置水平为居中对齐，并插入图像logo。在第１行第２列中插入图像对象图像占位符（名称为images，480，60）。第１行第３列设置水平为右对齐，并插入３行２列的表格，表格宽度为60，百分比，其余三项设为０。在表格内输入文字（帮助、登录、有哪些信誉好的足球投注网站、注册、邮箱、注销），把文字颜色设为白色（新CSS规则，类，名称可以设为a1/a2/a3等等）。第２行表格的背景设为topbg2(在拆分设置，background),把不换行空格符号nbsp;删除。 把鼠标置于右边，然后插入１行13列的表格，表格宽度为775像素，其余三项设为０。选中整行表格高设置为３０，背景为topbg4（在拆分里设置）。在偶数列中插入图像topbg3,把宽设为３（重复此步骤共计６次），把基数列选中（最后的一个不选中）宽设为80。完成之后在第１列插入图像homepage，然后分别输入内容：主页、公司简介、产品介绍、客户留言、订购说明、用户中心。 把鼠标置于右边，插入１行１列的表格，表格宽度设为775像素，其余三项均设为０，高为13，然后插入背景topbg5（在拆分里设） 制作中间页的步骤 插入２行２列的表格，表格宽度为775像素，边框粗细，单元格间距均为０，单元格边距为３。第１行高为24，第１列宽为167，第１行第１列背景为left ban，第１行第２列背景为midbg1，第２行第１列背景为leftbg1，第２行第２列背景为midbg4。在第１行第１列插入图像bar1，然后输入“产品分类”。在第１行第２列插入图像bar2，然后输入“产品列表”。 在第２行第２列里插入１行２列的表格，表格宽度为100，百分比，单元格边距，边框粗细均为０，单元格间距为５。第１列的宽设为２５％，水平设为居中对齐，插入图像simages００２（在products文件夹里）。在第２列输入产品的名称及产品的详细介绍。完成之后选中１行２列的表格，把双箭头置于此表格与外表格的中间，并插入HTML水平线，把高设为１，去掉阴影。 把鼠标置于表格右下方的闪动小黑点旁，用同上的操作步骤可以插入更多个产品图像，产品的名称及详细介绍。 在“产品分类”列输入内容：办公文具、家庭用具、服装服饰、数码产品。 制作页脚的步骤 插入１行２列的表格，表格宽度为775像素，其余三项为０。宽设为５０％，高为３０，表格背景为footbg。输入文字：“主页……”（或者复制，选择性粘贴） 插入２行２列的表格，表格宽度为775像素，边框粗细，单元格边距均为０，单元格间距为５。整个表格的背景为topbg1，宽设为５０％，第１列水平设为右对齐，然后分别输入内容即可。