当前位置:w88优德官网网文章中心网站设计软件应用 → 使用Dreamweaver 制作网页框架

使用Dreamweaver 制作网页框架

减小字体 增大字体 作者:admin  来源:www.hack50.com  发布时间:2011-11-3 10:16:13
         框架是什么,框架就好比我们的骨骼,支撑着整个网页,如果一个网页没了框架,那么就感觉像一盘散沙,因此为了更好的实现网页的效果,我们就要学会给网页制作一个框架,为了更好的理解什么是框架。我们画一张示意图来进行讨论。  这是一个左右型的框架,由三个网页文件组成的。首先外部的框架是一个文件,图中我们用index.htm命名。框架中左边命名为A,指向的是一个网页A.htm。右边命名为B,指向的是一个网页B.htm。  下面我们就来从头开始制作一个框架。  1、点“文件”菜单>新建,弹出“新建文档”对话框如下图:  或在插入栏>布局>选"框架:左框架"如下图:  Dreamweaver MX 2004生成一个空白的框架页面,如下图:  2、选择「窗口」菜单>“框架”,弹出“框架”面板如下图。从框架面板可知,系统对左右框架生成命名。左框架名为:leftFrame,右框架名为:mainFrame,当然您可以通过框架属性面板对框架重新命名,了解这一点非常重要。创建超级链接时,要依据它正确控制指向的页面。
3、保存框架。选择“文件”菜单点击“保存全部”。系统弹出对话框。这时,保存的是一个框架结构文件。我们按照惯例都命名为index.htm。  保存的时候如果虚线框笼罩的是周围一圈就是保存框架结构。(下图)虚线笼罩在右边就是保存框架中右边网页。(如下图)虚线笼罩在左边就是保存框架中左边的网页:(如下图)    三个页面保存完毕。  4、下面我们要实现按左边的超级链接,对应的页面出现在右边。在左边的页面中做上超级链接。指向一个已经存在的页面。注意做好链接以后,要在目标栏中设置为mainFrame。(如下图)  6、设置完毕,保存全部,按F12预览网页。链接指向的页面出现在右边框架中。
  7、重复以上步骤,把左框架所有的链接做完,一个简单的网站导航结构创建完成。
更多Dreamweaver 教程请继续访问建站学Dreamweaver教程专区。 

本文引用网址:
在下列搜索引擎中搜索“使用Dreamweaver 制作网页框架”的相关信息:
谷歌搜索 百度搜索 雅虎搜索 搜狗搜索 搜搜搜索 必应搜索 有道搜索
你可能还喜欢以下文章
  • 1王婷不雅视频 王婷全裸艳照 王...
  • 2林晨钰爆奶门照片ed2k 林晨钰爆...
  • 3雨后小故事完整版 雨后的小故事...
  • 4四川美院女生遭前男友发艳照报...
  • 5实拍90后女孩拉客100元带套20分...
  • 1如何让网站被百度快速收录?百...
  • 2有效防御PHP木马攻击的技巧
  • 3一篇文章最多可以优化几个关键...
  • 4搜索引擎想要发展更好就必须服...
  • 5经验分享:好优德w88官网的10大特点
  • 1干露露第二波儿黑渔网裸照全套...
  • 2日本AV六级试卷 (附标准答案)
  • 3中国女大学生的淫靡生活
  • 4武汉十七中教室门种子 教室门q...
  • 590后mm自爆开房照 女学生与男友...
  • 1终结Webshell 加固web服务器
  • 2pop3 设置方法
  • 3网络安全之小技巧保护(IIS)Web...
  • 4内网建Web服务器的安全问题
  • 5服务器管理易犯十大错误
  • 赞助商广告

    图片文章导读