如何制作浮动的网页框架

 时间:2024-10-12 07:41:49

1、启动dreamweaver cs5,执行文件-新建命令,在弹出的新建文档对话框中选择类型为html,点击创建按钮。

如何制作浮动的网页框架

2、将光标置于开始位置,执行插入-标签命令,在弹出的标签选择器中选择html标签-殳陌抻泥页面元素-iframe,点击插入按钮。

如何制作浮动的网页框架

3、接着弹出标签选择器-iframe对话框,在该对话框中点击浏览按钮。

如何制作浮动的网页框架

4、弹出选择文件对话框,在该对话框中找到需要插入的文件所在的位置,选中文件后点击确定。

如何制作浮动的网页框架

5、接着返回到标签选择器-iframe对话框,在拉悟有仍该对话框中设置宽度为80%,高度为1000,对齐选择顶部,滚动选择是,点击确定。

如何制作浮动的网页框架

6、进一步返回到标签选择器对话框,点击该对话框中的关闭按钮。

如何制作浮动的网页框架

7、接着按f12键进行在浏览器中查看效果,弹出“是否将改动保存到”提示信息内容,直接点击是。

如何制作浮动的网页框架

8、这个时候你会在浏览器中看到刚才插入的那个网页效果。

如何制作浮动的网页框架

9、执行文件-另存为命令,在弹出的对话框中输入名称为“iframe”,选择一个合适的位置进行保存即可。

如何制作浮动的网页框架
  • html首行缩进怎么设置
  • 在css中如何设置左浮动和右浮动?
  • 使用HTML做导航栏的代码有几种方法?
  • 怎么让div居中
  • Dreamweaver如何制作网页并添加背景图片
  • 热门搜索
    关于元旦的英语手抄报 迎元旦手抄报 我运动我健康手抄报 平安出行手抄报 手抄报版式 争做文明使者手抄报 读书手抄报图片大全 走进童话世界手抄报 名人名言手抄报图片 关于数学知识的手抄报