返回目录 10.1综合实例一一制作主页步骤 1.启动 Dream weaver→设“布局”选项卡当前→单击 框架”按钮→选“项部和嵌套的左部框架”→打开“框 架”面板,可以看到当前框架模式和三个框架的内部名字, 内部名字分别为 topFream、 leftFream、 main Fream 2.用鼠标调整框架区域的大小; 3.“文件”菜单→“保存全部”→给框架集起名 index htm(主页)→给框架的 main Fream区域起名 right. htm→给框架的 leftfream区域起名 rleft. htm→给框架的 topFream区域起名 top. htm。(这三个页面构成主页内容, 在浏览器中打开主页时,它们的内容将同时显示在主页 上)。至此,主页框架搭建完毕 6
6 10.1 综合实例一 —制作主页步骤 1．启动Dreamweaver→设“布局”选项卡当前→单击 “框架”按钮→选“项部和嵌套的左部框架” →打开“框 架”面板，可以看到当前框架模式和三个框架的内部名字， 内部名字分别为topFream、leftFream、mainFream； 2．用鼠标调整框架区域的大小； 3．“文件”菜单→“保存全部”→给框架集起名 index.htm（主页）→给框架的mainFream区域起名 right.htm→给框架的leftFream区域起名left.htm→给框架的 topFream区域起名top.htm。（这三个页面构成主页内容， 在浏览器中打开主页时，它们的内容将同时显示在主页 上）。至此，主页框架搭建完毕。 返回目录
返回目录 10.1综合实例一一制作主页步骤 4.在 top Fream区域插入1行2列的表格→在左单元 格中插入网站标志图片 logo. png→在右单元格中插 入网站标语图片 banner. png→调整图片位置和大小 在放置图片的表格下面再插入1行5列的表格→选字 体和居中显示→在5个单元格中分别写入:产品介绍、 公司简介、联系方式、客户反馈、返回首页 RF润丰造纸助剂 WELCOME TO RUNFENG RNFENG PAPER OEVICAS 潍坊润丰造纸助剂有限公司潍坊市制浆造纸助剂研究所 公司简介 联系方式 客户反馈 返回首页 制作主页顶部区域 7
7 10.1 综合实例一 —制作主页步骤 4．在topFream区域插入1行2列的表格→在左单元 格中插入网站标志图片logo.png →在右单元格中插 入网站标语图片banner.png→调整图片位置和大小→ 在放置图片的表格下面再插入1行5列的表格→选字 体和居中显示→在5个单元格中分别写入：产品介绍、 公司简介、联系方式、客户反馈、返回首页。 制作主页顶部区域 返回目录
返回目录 10.1综合实例一一制作主页步骤 5.选中“产品介绍”→在属性面板中单击“链接” 框的浏览文件按钮→在站点文件夹rfwz中选 cjianjie. htm文件 (产品简介子页)→单击属性面板“目标”框下拉按钮→ 选 “ main Fream”选项,被链接的文件内容将显示在 mainE 格式②庑-默认字 大小团到 链接 lianjie.htm 口目标①anr望想 区域中。回动习们示不07的 回垂直①默认、高0标题g)厂背最色)边框8 制作公共导航上的链接 8
8 10.1 综合实例一 —制作主页步骤 5．选中“产品介绍”→在属性面板中单击“链接” 框的浏览文件按钮→在站点文件夹rfwz中选jianjie.htm文件 （产品简介子页）→单击属性面板“目标”框下拉按钮→ 选 “mainFream”选项，被链接的文件内容将显示在 mainFream 区域中。如下图所示。 制作公共导航上的链接 返回目录
返回目录 10.1综合实例一一制作主页步骤 6选中“公司简介”→单击属性面板“链接”框的浏览文件 按钮口 链接”框中选 right.htm(介绍公司简介的子页)→“目标” 框 中选 mainfream。 7中“联系方式”→单击属性面板“链接”框的浏览文件 按钮 “链接”框中选 connect. htm(介绍公司联系方式的子页) 标”框中 main Fream 8.选中“客户反馈”→“链接”框中填写 9 mailto: runfeng0536@163com→“目标”框中选 : blank(打开
9 10.1 综合实例一 —制作主页步骤 6.选中“公司简介” →单击属性面板“链接”框的浏览文件 按钮 →“链接”框中选right.htm（介绍公司简介的子页）→“目标” 框 中选mainFream。 7.选中“联系方式”→单击属性面板“链接”框的浏览文件 按钮 →“链接”框中选connect.htm（介绍公司联系方式的子页） →“目 标”框中mainFream。 8．选中“客户反馈”→“链接”框中填写 mailto:runfeng0536@163.com→“目标”框中选blank（打开一 个空 白网页）。浏览网页时单击“客户反馈”可直接打开“发件 箱” ， 厂方邮件地址将自动显示在“收件人”框中。 如下图所示。 返回目录
返回目录 10.1综合实例一一制作主页步骤 新 文件(编辑(查看(插入(D 复制粘贴销 检查 收件人 抄送 主题 「彐|B △, 客户反馈 9.选中“返回首页”→“链接”框中为 right. htm(企业简介子页)→“目标”框中选 main Fream。(至此完成了 top. htm文件制作,公共 导航也制作完成。) 10
10 10.1 综合实例一 —制作主页步骤 客户反馈 9．选中“返回首页”→“链接”框中为 right.htm（企业简介子页）→“目标”框中选 mainFream。（至此完成了top.htm文件制作，公共 导航也制作完成。）。 返回目录