当前位置：文档之家 › 我的主页—Dreanweaver基本文件、文件操作

我的主页—Dreanweaver基本文件、文件操作

  • 格式：pdf
  • 大小：216.17 KB
  • 文档页数：5
一
２ ．轴＾文本内容
新 好 页 辱 脯 可 在 － 鱼霸以嚣 以 里 羚 啦人 尊
内 容 了 读 者 会 发 现 ， 在 信 息 输 人 方 面 Ｄ ｅｍｗｅ ｖ ｒ ４和我们常用的编辑软件没有什 幺区 ｒａ ａ ｅ
别 ，用起 来非常 顺手 。作 为第 一个网页 ，当然要谦
虚一 点 了， 图 ３所示 是 我们输 入 的内容 。
图 ６ 选撵编辑字催尹 表操作 ｇ
謦露霪疆麓 国 滠 翼冀 鞠 鼹
叫—●■■ ■
霸桊 ｉ１ｉ 囊 瞩 － § ｉ嚣 赞瞩ｊ ：！ 嚣 ］
查 薯鼙 ｛｝的 面建 扮 一制 圭 ＿ 脊摭。 襄 － 藉错 圭 ‘量 幂敬 倬 剪 饿 还 ・ 抒 曩霾筐 拦
Ｊ
凝
的打 开 状 态 。
｝删 霉 ｍ Ⅷ＿ ＿ ＿
－
’ Ｉ
～
…一： 一— ： 一—
…
｜ Ｈ霾 ｜鍪暖 ｊ｜ 譬■
ｉ
说 明：此 时 Ｏｅｍ ｅｖｒ４实际上是打 开 ７一个 ｒａ ｗａ ｅ
叫做 ￣ｆｕ ．ｔｌ 模 板 ，这 是 鼬 忡 ＆盱 ４ ｅｓＲ ｝ｍ的 『 ｖ 的藏 讥 橇
■我的ｊ 国 ０
。 ， 。 蔓 －
板 ，这 个模板位于 目录 Ｃｎｇｒｔｎ Ｏｆ ｕ ｉ ＼ ｉ ａｏ
ｅ 中，用 ｓ
４ 新
ห้องสมุดไป่ตู้
主 鞋釉Ｉ 蜂Ⅱ Ｉ 嗣
Ｉ
。 。 －
ｕ
毫 ≯’
米 矗 － ＊
－ － 一 ，
－ ，
慧 备＃ － ｄ ‘
＜ ｄｙ ｇ ｏｏ ｂｏ ｂ ｃ ｌｒ＝” ＦＦＦＦＦＦ” ＞
Ｄ ｅｍｗ ａ ｅ ４ ｒａ ｅ ｖｒ 的网页编辑窗 Ｉ。 ＝ 若此时没有指定 １
所打开的 网页文件 ，则 Ｄｒａ ｅ ｍｗｅ ｖ ｒ ４ 自动新建 ａ ｅ 将
＜ ｂｄ ＞ ／ｏｙ ‘ ｈ 咄 ， ＞
个空 白 。也可以执行 Ｆｌ－ Ｎ ｗ帝令 ｝新建一 页 ｉ ＞ｅ ｅ 个 网 嚣文 件 ｌ 圈 ２ ） 见 。
哇赛 ，这样的 网页也太没专业精神 ｒ 。 别着 吧 急呀 ，这是我们的第一 个网页呀 。不过我们 还是 以 美化 美 化 的 。“ 的 主 页 当ｊ 就 要 醒 目一 点 我 ｆ ！ ｌ 啦 选定 我的 主 页 四个 字 ，然 后 在属 性 浮 动 面板中将其样式 （ ｏ ｍａ ）设为 Ｈｅ ｄ ｎ １ Ｆｒ ｔ ￣ ｉ ｇ ．采 用最 人 号的 标题 样 式 （ 图 ４） 见
。
一－ ．
墨 ｛ 磺黄最磐效果
＿ ＝
ＬＩｃ ａｎ 浮动 面板 中的Ｈ 删 按枉 查看） Ｉｈ Ｔ Ｌｓ ：
＜ ｍ ｌ ｈｔ ＞ ＜ ａ ｈｅ ｄ＞
函 目囊彝蘸 ■ 蘸 自
操作步骤
１．新 建 网页文件
螽麴 蘸 油 － 霸 豳
ｑｊ ） ｎ ｄ Ｄｏ ｕ ｎ ＜ ｔ ｌ 廿ｅ Ｕｎ ｎｅ ｃ ｍｅ ｔ ／ ｉ ｅ ｔ＞
维普资讯
部诔 ／文
本文将介绍怎样使用 Ｄ ｅｍｗ ａ ｅ ４ ￣ ａ ｅｖ ｒ 建立 网页 文件和网页属性的一 些基 本操作 知识要 点如 下
・ 文件的乜 建和 保存操作 Ｉ ｛ 如何在 Ｄ ｅ ｍｗ￣ｖ Ｔ ｒａ ａ ｅ 中编辑文车 。
板 。用户可 以根据 自己的需要 ，在 Ｗ ｏ ｆ ｗ幕单下 ， ｎ ｄ
墨 ２ 新 建 两 覆文 件
说 明 ：我们 可 蜮看到 ， 当打开 Ｍａ ｏｍｅ ｊ ｒ ｄ ｃ ａ 湖１｜ ｒ４的时候 ，软件将琅诅 地打开 几个淳动面 ｗ 剐ｅ
霉 ３ 辖Ａ文奉 内窖
维普资讯
３．设定 文本格式
印 叮 （ 图 ７ ） 见 。
－ ０
户可 以 自己修 改这个模 板文件 ，使 用 驯 １ 帅 ｗ 日
■ ｌ ００ ｌ０
Ｉ Ｉ 一
建 的同页文件符合用户的要求 ，速在碱少工作量，快
速 统一 奎站风格上 ， 有广泛 的应 用 ￣ａｌ ｈ 文件 包 Ｉｆｕ ．州 ｅ ｔ
ｌ ｌ
舍 了网页最基本的信息，源代码如下（ 用户可 以单击
４ 对 齐文本
一
建议读者不要 使用不常见的字体 ，以免用户端不能正 常显示。 ６ 设置标题 字体 添加字体列 表后 ，所选 字体便 出现在字体列表 之中 了。我们就可以选 用设 置好的 字体来修饰 税们 的标 琶 。图 ８便是 悔饰后 的效果 怎幺样？好 多了
吧！
般我们都将标题文本 放在中间的位置 。 所以单
＜ ｔ ｔｐ ｅ ｖ ’ ｏ ｔｎ－ ｙ ｅ ｏ ｔｎ ＝ ｔｘ／ ｍｅａ ｈ ｌ ｑ ’ ｎｅ ｔ Ｔ ｐ ｃｎｅ ｔ ｅ ｔ Ｃ
ｈｔ ；ｃ ｒｅ ｇｂ２ １ ＞ ｍｌ ｈ￣ ｓ ｔ ３ ２”
运 行 Ｍｅ ｒ ｍｅ ｉ Ｄ ｅ ｍｗｅ ｖ ｒ ｃｏ ｄａ ｒａ ａ ｅ ４，打开
＜ ｈａ＞ ／ ｅｄ
击属性浮动面板 中的 按钮 ，将标题文字的对齐方 式设置为居 中对齐 （ 见图 ５ 。 ）
函
耐 蒉 文 奉
５ 编辑 字体 列表 现在我们对标题 文字 的字体还不 太满意 ，想换 换 ，怎 幺办？没 问题 单击 字体 选框 ，就 可以在 列 出的 字体 中 选择 了。什 么？ 没 有 中文 字体 ？ 没 问 题 ，选择 Ｅ ｉ ｏ ｔ Ｌ ｓ ，我们 自己来设 置字体列 ｄ ｔ ｎ ｉｔ Ｆ
设置浮动面板的打开情况。刖每班运行 Ｉ簟ｌ ４ Ｉ 薹坩 嘎
时，软件将报据 上次 关闭时的设Ｉ ， 自动打开相应 的浮 动 面板 。
注 意 ：寿 了使 用方便 ，我 们建设 读 者在 使 用
Ｄｅｍ ｅ ｖｒ ４时王少保 留属性 浮动面板 （ ｐｄ ｉ） ｒ ｗａｅ ａ Ｗｏｅ ｔ ｓ ｅ
盏蕴墨
ｌ ｒ 曙曩 ］
１≈ Ｉ 盘 ； 墨 盘
雷 ７ 选定字体
鞫馥 鞠 谣 粪 蒜 蠢豢 嚣麓 耋壤 鞴 匿 饔 耋 ａ 啦 毋 ；§ Ｉ
注意 由于在 Ｈ ＭＬ文件 中、文字 字体 Ｒ是由 Ｔ 标识 许标志 出来 ，而由皋地 剖览器解释和调 用。所以
韪 ４ 设毫文本格式

合集下载

Dreamweaver基础技巧全面接触

Dreamweaver基础技巧全面接触

Dreamweaver基础技巧全面接触很多朋友使用Dreamweaver一段时间后，开始热衷于寻找各式各样的插件，追求各种各样的特效，而对于Dreamweaver中的基本功能反而不去深入研究，其实在Dreamweaver中有很多有用的技巧，如果你多加运用，不仅能提高效率，而且可以实现很多实用的效果。

今天我把工作中常用的一些技巧介绍给大家，希望对大家能有些用途，同时也希望能唤起大家深入研究的愿望。

我准备根据工作中的不同阶段分别介绍各种技巧。

一、规划阶段——站点窗口的技巧Dreamweavr的站点窗口常常被很多朋友忽视，其实利用站点窗口我们可以方便的完成很多任务。

下面我介绍几个实用的技巧。

1、快速添加站点导航。

使用站点窗口中的网站地图可以快速制作网站雏形，并可以方便的在个页面之间加入导航链接。

首先按如下图标打开站点地图窗口；选中index.htm文件；点击并拖动站点导航（Site Navigation）窗口中index.htm文件右上角的小圆圈，将它拖动到左边文件窗口中的某一个文件上，如下图所示；Dreamweaver会自动将mydesign.htm的链接加入到index.htm文件中，同样执行此操作并分别指向其他相关链接文件后，导航窗口如下图：此时打开index.htm文件，可以看到相应的连接文字和链接都已经添加好了，我们可以根据需要将他们合理的修改和组织。

如图：2、快速修改文件Title。

很多时候我们新建的文件往往忽视设定文件Title的内容，事后需要修改时，常常得打开每一个文件分别修改。

其实这个工作可以在站点窗口中方便的完成。

打开站点窗口View菜单下的Show Page Titles，可以使站点窗口中的文件显示出文件头，而不是原先的文件名。

默认的文件头是U ntitled Document我们可以分别两次点击，改变默认的文字为我们需要的文件头。

如图：3、快速生成站点地图。

有时我们需要制作一个包含当前站点所有文件结构的站点地图而找不到合适的方法。

DW界面介绍

DW界面介绍

上机作业： 建立一个 Dreamweaver 站点及首页
3、设定站点文件与文件夹
4、设定站点主页
5、网站文件与文件夹名称规范
□ Window NT 格式：扩展名应为3个字符； □ UNIX格式：扩展名为4个字符； □ 不要用特殊字符命名：斜线（/）、减号（-）、反斜线 （\）、加号（+）、冒号（：），英文句号； □ 不要用数字命名 □ 不要用中文命名 □ 英文名称要用小写，不要大写或大小写混合 □ 站点首页名称一般情况下要用index或default
第2章
DW界面介绍、站点及其规划 （3课时）
教学目标：
• 掌握Dreamweaver MX 2004基本工作界面 • 掌握DW站点的建立方式方法及注意事项 • 掌握Dreamweaver MX 2004站点的编辑、复制和删除 • 了解站点规划
教学重难点：
• 掌握Dreamweaver MX 2004站点的建立方式方法及注意 事项 • 掌握Dreamweaver MX 2004站点的编辑、复制和删除
一、基本工作界面
1、标题栏 2、菜单栏：10个菜单 3、文档窗口：主要用来显示或编辑文档，有三种式：
设计视图、代码视图、代码和设计视图 4、工具栏：查看|工具栏(插入\文档\标准) 5、状态栏：显示和控制文件源代码、显示页面大小和 查看传输时间
6、插入面板：包含创建不同类型的对象的按钮 隐藏“插入”面板快捷键是“CTRL+F2” 7、属性面板：显示选定对象的属性，并允许用户对这些属性 进行修改隐藏“属性”面板快捷键是“Ctrl+F3” 8、面板组：设计、代码、应用程序、文件、答案。 注：如找不到面板:窗口/查看|隐藏面板（F4）
Navigator
二、创建站点及注意事项
Dreamweaver实例操作步骤

Dreamweaver实例操作步骤

网页设计1．Dreamweaver 8 编辑界面Dreamweaver 8 包含有一个崭新的、简洁高效的设计开发界面，新式的页面布局，开放的编码环境，而且新增了众多的功能，改善了软件的易用性，无论处于设计环境还是编码环境都可以方便地生成页面。

（1）标题栏：显示网页文件标题与名称。

（2）菜单栏：包括文件、编辑、查看、插入、修改、文本、命令、站点、窗口、帮助等十个菜单项，可以完成所有操作。

（3）对象插入栏：包含用于将各种类型的“对象”（如图像、表格和层）插入到文档中的按钮，分为常用、布局、表单、文本、HTML、应用程序、Flash元素等七组。

（4）文档工具栏：包含各种按钮，它们提供3种“文档”窗口视图（“设计”视图、“代码”视图、“拆分”视图）的选项、各种查看选项和一些常用操作（如在浏览器中预览）。

（5）文档窗口：显示当前创建和编辑的文档，有“设计”视图、“代码”视图和“拆分”视图三种视图方式。

当“文档”窗口有一个标题栏时，标题栏显示页面标题，并在括号中显示文件的路径和文件名。

当“文档”窗口在集成工作区布局中处于最大化状态时，它没有标题栏；这种情况下，页面标题以及文件的路径和文件名显示在主工作区窗口的标题栏中。

当“文档”窗口处于最大化状态时，出现在“文档”窗口区域顶部的选项卡显示所有打开的文档的文件名；若要切换到某个文档，请单击它的选项卡。

（6）属性面板：用于设置、查看和更改所选对象或文本的各种属性。

每种对象都具有不同的属性。

（7）标签选择器：显示环绕当前选定内容的标签的层次结构。

单击该层次结构中的任何标签可以选择该标签及其全部内容。

（8）文件面板：可以管理文件和文件夹，能访问本地磁盘的全部文件，类似于Windows 资源管理器。

（9）面板组：是组合在一个标题下面的相关面板的集合，包括设计、代码、应用程序、历史记录、框架等面板。

单击组名称左侧的展开箭头可以展开相应面板。

2．课程网站主页的创建下面以制作《现代教育技术》课程网站为例，介绍Dreamweaver的基本操作。

Dreamweaver网页设计第一章

Dreamweaver网页设计第一章


1.4 层的使用
1.4.1 层的基本概念 图层是一个独立于网页的区块，它允许被放置在网页中的任何位 置。图层中可以放置文本、图像、表单、对象插件，甚至可以放 入其他层。 层的主要特性是可以在网页中上下浮动，即可以在网页中改变层 的位置。另外，层还可以重叠，做出网页中的文档或图片重叠的 效果；可以被显示或隐藏，做出层内容交替显示的效果。
1.4 层的使用
1.4.2 绘制层并设置层属性
绘制层：【插入】 →【布局对象】 →【AP Div】，然后在需要的地方 用鼠标绘制出层。 层属性设置同样可以通过属性面板进行修改，其中“可见性”可以设 置层是否隐藏，合理命名层ID可以有效管理并提高效率。
1.4 层的使用
1.4.3 层的嵌套 层的嵌套就是指在一个层中嵌入其他的层，新嵌入的层称为 子层，原来的层称为父层。子层与父层有如下特点：
课程设置
模块一：静态网页（HTML）的设计与制作
模块二：动态网页（ASP）与数据库（access2003） 模块三：综合应用实例
第一章
走进Dreamweaver
1.1 Dreamweaver的基本操作 1.2 表格布局 1.3 图片应用与超链接 1.4 层的使用
1.5 框架技术
1.1 Dreamweaver的基本操作
• • • • 子层与父层可以重叠，也可以不重叠。 子层大小可超过父层。 子层的可见性与父层保持一致。 子层与父层的相对位置保持一致。
创建嵌套层的方法如下： 先创建父层，将光标放在父层中，然后，在Dreamweaver CS4主窗口中，单击 菜单【插入】→【布局对象】→【AP Div】，即可创建嵌套层，新插入的层为 子层。 利用“层”面板创建嵌套层，在“层”面板中选中作为子层的层，按住【 Shift】键，将选中的层拖动到要作为父层的层上，释放鼠标即可创建嵌套层 ，这时子层与父层以连接线相连，表明其从属关系。单击父层左边的号可以展 开其所有子层，单击号可以折叠其子层。