如何在Dreamweaver中使用框架和CSS布局

 时间:2025-10-16 11:34:34

1、第一步,先在D盘(这里随意,小编只是因为D盘空间较多而已)中建立站点,在站点内部将准备好的文本网页移动到目录,然后打开Dreamweaver新建html文件,选则网页大小,新建站点,站点名为在D盘中建立的站点名。

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

2、二:插入框架集。插入------HTML------框架------上方及左侧嵌套

光标放到顶部框架内,文件------保存框架,文件名:mytopFrame.html。

光标放到左侧框架内,文件------保存框架,文件名:myleftFrame.html。

三:设置框架  右框架滚动为“自动”,设置左框架的列值(宽度)为150像素,设置上框架的行值(高度)为100像素。

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

3、四:输入文字  在顶部框架和左侧框架输入如图的文字。

五:添加链接  对左侧框架内的“第一章”设置链接地址为“1.html”, “第二章”设置链接地址为“2.html”, “第三章”设置链接地址为“3.html”,目标全部选择“mainFrame”框架。

保存全部  文件------保存全部,F12预览。

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

如何在Dreamweaver中使用框架和CSS布局

  • 淘宝天猫首页点击后链接到当前页某处锚记代码
  • Dreamweaver如何修改代码字体大小
  • Dw中CSS外观上边距如何配置50px#校园分享#
  • dw怎么制作下拉菜单
  • Dreamweaver2019软件中如何使用图像按钮
  • 热门搜索
    上台演讲紧张怎么办 暗黑符文之语大全 和珅简介 牛筋的做法大全 洋槐花的吃法大全 小肚子左边疼是怎么回事 明星大全 眼睛黄是怎么回事 减肥早餐怎么吃 2020周公解梦大全