dreamweaver怎样利用模板快速创建网站框架_第1页
dreamweaver怎样利用模板快速创建网站框架_第2页
dreamweaver怎样利用模板快速创建网站框架_第3页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

dreamweaverdreamweaver怎样利用模板快速创建网站框架怎样利用模板快速创建网站框架 dreamweaver怎样利用模板快速创建网站框架dreamweaver提供了快 速建立网站框架的方式 我们可以通过简单预设模板来达到快速的 架构一个简易网站的目的 看看下面这个网页的基本结构 这是我们今天的目标 左侧导航栏 右侧显示主页面 步骤 方法1打开dreamweaver 按快捷键 ctr N 来到 新建文档 界面 我们新建一个基本html页面 2在这个页面中输入du小策 作为小策的个人页面 3接下来为小策插入一张艺术照 4暂且完成了这个简单的页面 一会要用到 5同样的方法给du帮帮建一个个人页面 6接着将这两个文件存起来 按快捷键 trl s 弹出这个对话框 文件名设为du小策 然后点击确定 以同样的方法把帮帮存起来 以后备用 7按快捷键 ctrl n 新建一个页面 点击图中所示的位置 选择布局 8在标签栏选择框架类型 如图所示 这是页面的整体布局 左侧是 预览图 右侧hi名称 我们选择第一个作为示范 9弹出了一个对话框 这个对话框要对页面的各个部分进行命名 这 一步比较重要 一会我们要用到 所以看准 左栏叫做leftframe 右栏叫做mainframe 10在左侧输入 du小策 du帮帮 在右侧主页面输入 此页面的输入和word的输入没有区别 就是直接打字 回车就是换 行 我们看到下图的样子 左栏为导航栏 就是我们平时在网页上看到 的导航 11点击 文件 全部保存 记住这一步不是 ctrl s 因为框架 页面是有两个页面构成的 所以要选择全部保存 12弹出了一个保存对话框 这一步非常重要 接下来还会弹出两个 这样的对话框 那么这第一个是整个页面的 第二个对话是右栏的 第三个是左侧 导航 他们分别储存于不同的文件中 13看看效果 把鼠标放在不同的部分 标签栏上会出现不同的文件 名称 14接下来我们要对左侧导航建立链接 选中左栏中 点击右下角的一个圆圈 拖动圆圈到右面的相应 文件 这样就建立了一个链接 接着在界面的下面选择目标为mainframe mainframe是我们在第九步中命名的右侧栏的名字 你可以返回去看 看 这四个字建立了链接指向 右侧 html 这个文件 同时这个文件将 在mainframe这个位置打开 也就是在右栏打开 15同样的方式给小策和帮帮建立链接 分别指向 du小策 html du帮帮 html 这两个文件 16我们按快捷键F12 预览界面 看看这是打开了主页面 17点击 du小策 这个链接18点击 d
人人文库> 全部分类> 生活休闲 > 面试求职

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论