dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

hao333 4195 2023-09-20 08:47:47

Dreamweaver如何利用框架结构快速制作网页?Dreamweaver制作网页时,表格布局已经无法实现网页的功能。例如,当同一页面下有多个子页面时,应该使用框架结构进行布局。

下面我们来看看Dreamweaver关于使用框架结构快速制作网页的详细教程,希望对有需要的朋友有所帮助。

1.打开Dreamweaver软件,设置站点,创建一个HTML类型的新文件,并在“新建”下选择“更多”

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

2.在示例-框架页面中选择页面

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

3.选择需要的框架结构,点击“创建”(以上下结构为例)。

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

4.创建完成后,将编辑视图切换到设计,单击窗口-框架打开框架操作面板。

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

5.在框架操作面板中选择相应的框架区域来命名该框架。

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

6.点击框架分割线。

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

7.单击文件-框架集另存为保存框架。

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

8.在框架操作面板中选择相应的框架,在属性面板中单击“源文件”右侧的“浏览文件”命令插入页面。

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

9.使用此方法插入所有框架页。操作完成后保存文件,按F12在浏览器中预览文件。

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

dreamweaver网页设计模式(dreamweaver cs4制作简单的个人网页)

以上是Dreamweaver使用框架结构快速制作网页的详细教程。希望大家喜欢,也请继续系统世界。

  • 版权声明:本站文章来源网络,于2023-09-20 08:47:47发表
  • 本站不对文章真实性及版权负责:admin,如有疑问,请联系我们删除。
  • 本文地址:https://baike.nuobg.com/post/133403.html
      
上一篇:lng运输船板块龙头股有哪些股票?(2023/9/20)
下一篇:已是最新文章
相关推荐

 发表评论

暂时没有评论,来抢沙发吧~

返回顶部小火箭