制作网页的操作步骤.doc_第1页
制作网页的操作步骤.doc_第2页
制作网页的操作步骤.doc_第3页
全文预览已结束

VIP免费下载

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论