网页主页设计

1、第三讲Dreamweaver界面设计信息工程系1第三讲Dreamweaver界面设计1、尽量使用字母，英文或拼音2、注意保存，否则有些效果出不来3、注意新建站点，便于管理2第三讲Dreamweaver界面设计产品介绍页面主页帮助页面34567第三讲Dreamweaver界面设计整个页面的宽度是775px，水平居中首先我们要做的是页眉和页脚1、插入表格2*3背景为top_bg_1.gif第一行行高：70px 第二行行高：11px （背景是top_bg_2.gif）第一列列宽：172px第二列列宽：480px第三列列宽：123px8第三讲Dreamweaver界面设计A11中插入图像：logo.g

2、ifA13中插入3*2的表格表格宽度：60%Cellspacing：3px水平居中内容：帮助、登陆、搜索 注册、邮箱、注销9第三讲Dreamweaver界面设计继续插入一个1*13表格行高：30px最后一列列宽：277px奇数列列宽：80px 背景： top_bg_4.gif偶数列列宽：3px 背景：top_bg_3.gif奇数列内容依次是：主页、公司简介、产品介绍、客户留言、订购说明、用户中心A11内容：插入图像：homepage.gif10第三讲Dreamweaver界面设计页脚的制作：插入一个1*2表格，行高：30内容为主页、搜索、帮助、关于我们、订购说明，用|分开第二列内容：版权所有2

3、004（右对齐）11第三讲Dreamweaver界面设计继续插入2*2表格cellspacing为10，背景为top_bg_1.gif第一列：列宽：50% 右对齐第二列：列宽50% 左对齐内容填入电话、地址、传真、电子信箱12第三讲Dreamweaver界面设计产品介绍页面：Title:产品介绍Bgcolor：#CCCCCCWidth：775px第一行行高：30px第一列：167px第二列：596px13第三讲Dreamweaver界面设计A11 背景：left_ban.gif内容：插入图像bar_1.jpg 产品分类A12背景：mid_bg_4.gif内容：插入图像bar_1.jpg 产品列

4、表14第三讲Dreamweaver界面设计A21：背景：left_bg_1.gifA22：背景：#FFFFFF内容：1*2表格，宽度为100% 单元格列宽：25%，75%B11:内容：图像0001.jpg,居中对齐最后插入水平线15第三讲Dreamweaver界面设计帮助页的设计：1、框架集左侧固定第一列：列值160px第二列：1相对2、窗口菜单框架第一列：边框：否第二列：滚动：自动边框：否16第三讲Dreamweaver界面设计3、保存全部分别起名为：help.htm menu.htm main.htm输入内容：帮助菜单关于客户留言 关于产品订购 关于注册会员 关于交款方式 关于售后服务 1

5、7第三讲Dreamweaver界面设计网站帮助文件一、注册会员主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主

6、要内容主要内容主要内容主要内容主要内容主要内容。二、客户留言 主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主

7、要内容主要内容主要内容主要内容。三、产品订购主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要

8、内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容。四、交款方式主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容。五、售后服务主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容

9、主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容主要内容。18第三讲Dreamweaver界面设计左侧：标题：h3加有序列表右侧：标题：h3小标题：h419第三讲Dreamweaver界面设计左侧body：类型:大小：12px颜色：#FFFFFF背景：#CCFFFF方框：上边界20px其他为0扩展：Glow（color=#FF0000，strength=5）20第三讲Dreamweaver界面设计H3：类型：大小：18px 粗细：粗体 行高：36px区块：文本对齐：居中21第三讲Dreamweaver界面设计Ol：类型：行高：30px 22第三讲Dreamweaver