网页主页设计.pptVIP

第三讲Dreamweaver界面设计 信息工程系 王军 第三讲Dreamweaver界面设计 1、尽量使用字母，英文或拼音 2、注意保存，否则有些效果出不来 3、注意新建站点，便于管理 第三讲Dreamweaver界面设计 产品介绍页面 主页 帮助页面 第三讲Dreamweaver界面设计 整个页面的宽度是775px，水平居中 首先我们要做的是页眉和页脚 1、插入表格2*3背景为top_bg_1.gif 第一行行高：70px 第二行行高：11px （背景是top_bg_2.gif） 第一列列宽：172px 第二列列宽：480px 第三列列宽：123px 第三讲Dreamweaver界面设计 A11中插入图像：logo.gif A13中插入3*2的表格 表格宽度：60% Cellspacing：3px 水平居中 内容：帮助、登陆、搜索 注册、邮箱、注销 第三讲Dreamweaver界面设计 继续插入一个1*13表格 行高：30px 最后一列列宽：277px 奇数列列宽：80px 背景： top_bg_4.gif 偶数列列宽：3px 背景：top_bg_3.gif 奇数列内容依次是： 主页、公司简介、产品介绍、客户留言、订购说明、用户中心 A11内容：插入图像：homepage.gif 第三讲Dreamweaver界面设计 页脚的制作： 插入一个1*2表格，行高：30 内容为主页、搜索、帮助、关于我们、订购说明，用|分开 第二列内容： 版权所有@2004（右对齐） 第三讲Dreamweaver界面设计 继续插入2*2表格 cellspacing为10，背景为top_bg_1.gif 第一列： 列宽：50% 右对齐 第二列： 列宽50% 左对齐 内容填入电话、地址、传真、电子信箱 第三讲Dreamweaver界面设计 产品介绍页面： Title:产品介绍 Bgcolor：#CCCCCC Width：775px 第一行 行高：30px 第一列：167px 第二列：596px 第三讲Dreamweaver界面设计 A11 背景：left_ban.gif 内容：插入图像bar_1.jpg 产品分类 A12 背景：mid_bg_4.gif 内容：插入图像bar_1.jpg 产品列表 第三讲Dreamweaver界面设计 A21： 背景：left_bg_1.gif A22： 背景：#FFFFFF 内容：1*2表格，宽度为100% 单元格列宽：25%，75% B11: 内容：图像0001.jpg,居中对齐 最后插入水平线 第三讲Dreamweaver界面设计 帮助页的设计： 1、框架集——左侧固定 第一列：列值160px 第二列：1相对 2、窗口菜单——框架 第一列：边框：否 第二列：滚动：自动边框：否 第三讲Dreamweaver界面设计 3、保存全部 分别起名为： help.htm menu.htm main.htm 输入内容： 帮助菜单 关于客户留言 关于产品订购 关于注册会员 关于交款方式 关于售后服务 第三讲Dreamweaver界面设计 网站帮助文件 一、注册会员 主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容。 二、客户留言 主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容。 三、产品订购 主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要