制作网页的操作步骤

《制作网页的操作步骤》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、制作网页的操作步骤（素材为webstatic）制作页眉的步骤1.新建空白文档HTML,把标题更改为产品介绍，保存文件并命名为list.html.然后修改页面属性，将字体大小设为12，上下左右边距均为0。2.插入2行3列的表格，表格宽度设置为775像素，边框粗细，单元格边距，单元格间距均设置为0。第一行的高为70像素，第二行的高为11像素，第一列的宽为172像素，第二列的宽为480像素。整个的表格的背景设置为topbg1(在拆分里面，background),在第１行第１列设置水平为居中对齐，并插入图像logo。在第１行第２列中

2、插入图像对象图像占位符（名称为images，480，60）。第１行第３列设置水平为右对齐，并插入３行２列的表格，表格宽度为60，百分比，其余三项设为０。在表格内输入文字（帮助、登录、搜索、注册、邮箱、注销），把文字颜色设为白色（新CSS规则，类，名称可以设为a1/a2/a3等等）。第２行表格的背景设为topbg2(在拆分设置，background),把不换行空格符号 删除。3.把鼠标置于右边，然后插入１行13列的表格，表格宽度为775像素，其余三项设为０。选中整行表格高设置为３０，背景为topbg4（在拆分里设置）

3、。在偶数列中插入图像topbg3,把宽设为３（重复此步骤共计６次），把基数列选中（最后的一个不选中）宽设为80。完成之后在第１列插入图像homepage，然后分别输入内容：主页、公司简介、产品介绍、客户留言、订购说明、用户中心。1.把鼠标置于右边，插入１行１列的表格，表格宽度设为775像素，其余三项均设为０，高为13，然后插入背景topbg5（在拆分里设）制作中间页的步骤l插入２行２列的表格，表格宽度为775像素，边框粗细，单元格间距均为０，单元格边距为３。第１行高为24，第１列宽为167，第１行第１列背景为leftban，

4、第１行第２列背景为midbg1，第２行第１列背景为leftbg1，第２行第２列背景为midbg4。在第１行第１列插入图像bar1，然后输入“产品分类”。在第１行第２列插入图像bar2，然后输入“产品列表”。l在第２行第２列里插入１行２列的表格，表格宽度为100，百分比，单元格边距，边框粗细均为０，单元格间距为５。第１列的宽设为２５％，水平设为居中对齐，插入图像simages００２（在products文件夹里）。在第２列输入产品的名称及产品的详细介绍。完成之后选中１行２列的表格，把双箭头置于此表格与外表格的中间，并插入HTML

5、水平线，把高设为１，去掉阴影。l把鼠标置于表格右下方的闪动小黑点旁，用同上的操作步骤可以插入更多个产品图像，产品的名称及详细介绍。l在“产品分类”列输入内容：办公文具、家庭用具、服装服饰、数码产品。制作页脚的步骤1.插入１行２列的表格，表格宽度为775像素，其余三项为０。宽设为５０％，高为３０，表格背景为footbg。输入文字：“主页……”（或者复制，选择性粘贴）2.插入２行２列的表格，表格宽度为775像素，边框粗细，单元格边距均为０，单元格间距为５。整个表格的背景为topbg1，宽设为５０％，第１列水平设为右对齐，然后分别

6、输入内容即可。