最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442
当前位置：首页 > 网络设计学院 > Dreamweaver教程

DW MX实例三：巧用框架建立网站

日期：04-06    来源：eNet硅谷动力|    作者：rain

　　有时看到一些论坛，左边是每个讨论区的名称，点击任意一个讨论区就可以在右部区域中看见相应讨论区的内容，不过左右部分是独立显示的，比如拖动左边的滚动条不会影响右侧的显示效果。其实这是在页面中利用了框架技术，因此可以把浏览器的显示空间分割为几个部分，每个部分都独立显示网页内容。而且把几个框架结合在一起构成框架集，能够让页面具有更为丰富的效果。 　

　　效果说明　先建立两个页面，分别为“ myphoto.htm ”、“ mydiary.htm ”。前一个是相册页面，后一个是日记页面。再建立一个含有框架的页面，并添加导航栏。 　

　　创作思想　打开 Dreamweaver MX 2004 软件新建两个页面，在左边输入导航文字：“网站首页、我的日记、我的相册”，在每个相对应的页面输入相对应的文字，比如网站首页链接的页面内容，就输入“我的网站首页”。再建立一个新页面，单击【布局】中的框架图标，建立左右框架，然后保存页面，在左框架建立网站导航栏，在右框架随便输入文字，接着再次保存页面。 　

　　操作步骤 　

　　（ 1 ）打开 Dreamweaver MX 2004 软件新建文件，具体操作如图 3-1 所示。 　

　　


　　

　　提示：也可使用快捷键 Ctrl + N 打开【新建文档】对话框。 　

　　（ 2 ）保存页面，保存时可以随意设置文件名称，比如输入“ myphoto （我的相册）”，如图 3-2 所示。 　

　　提示：也可使用快捷键 Ctrl+S 打开【另存为】对话框。 　

　　
　

　　（ 3 ）用同样的方法新建文件，并保存页面为“ mydiary （我的日记）”。 　

　　（ 4 ）接着再次新建文件，在页面中创建左右框架设置参数，并在左右框架中输入相应的文字，如图 3-3 所示。 　

　　
　

　　（ 5 ）为了方便操作，先将该页面保存为 3 个不同名称的页面，如图 3-4 所示。 　

　　

　

　　图 3-4 　保存全部页面

 1/2    1 2 下一页 尾页
本文引用地址：http://www.cnwebshow.com//edu/article_7214.html
热点文章/相关文章
  • · 网页网站设计终极配色集合
  • · 网站设计颜色搭配分析：蓝紫色系（Purple Blue）
  • · 网页搭配教程：关于色彩的对比
  • · 网页设计配色教程关于色彩的调和
  • · 网页搭配教程：简单、洁净、进步风格的
  • · 网页设计配色教程：色彩的象征
  • · 网站设计配色教程：Purple紫色系
  • · 网站设计配色教程：运动型、轻快风格
  • · 网页搭配按形容词分类：简单、时尚、高雅
  • · 网页配色按颜色分类：紫红色系（Red Purple）
    • 无相关信息
    推荐排行榜
    猜你喜欢
    网页设计欣赏排行
  • · 明星个人网站欣赏:LUCIA
  • · 设计师王坤个人网站欣赏
  • · 个人网站欣赏：leechanseung
  • · 个人主页欣赏:i-vivi
  • · 优秀个人网站欣赏：kennymax
  • · 优秀个人网站欣赏:nankaih
  • · 韩雪冬个人BLOG设计欣赏
  • · 精美个人网页设计欣赏：wingcheng
  • · 个人主页欣赏:爱的花园
  • · 精美个人网站欣赏：starpl
  • · 优秀个人网站欣赏:anagnoris
  • · 优秀个人网站欣赏:mohsensamiee
    • 网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明