Dreamweaver输入文本文字
Dreamweaver考试试题及参考答案(三)
Dｒｅamwｅａvｅr MX考试试题单选题1．用下列的（）快捷键可以打开“文件”菜单。
A．Ctrｌ＋F B.Ctrl+LﻩＣ．Alt+F D.+Alt+L2.用下列的( ）快捷键可以调出Dreａｍweaver的查找与替换对话框。
Ａ．Cｔrl+F B.Ｃtrl+L C.Alｔ+ＦＤ．Aｌt+L3．在DreamweａveｒMＸ中的( ）菜单里可以重新设置工作区。
A．文件 B.编辑 C.视图 D.格式４．用下列的（）快捷键可以新建文件。
Ａ．Ctrl+Ｎ B.Ctrl+M C.Ctrl+PＤ.Ctrl+Ｃ５.本地站点的所有文件和文件夹必须使用( ），否则在上传到因特网上时可能导郅浏览不正常。
A．小写字母 B.大写字母 C.数字D．汉字６．在Dｒｅamweaveｒ中文本的输入可以手工输入,也可以将别的文档中的文本复制到Ｄrｅａｍweaｖer 编辑的网页中，还可以（）。
A．导入ｈｔmｌ、txt文档 B.ｈｔml、ｔｘｔ文档C．查找 D.修改7.在复制带有格式的文本时,可以先将内容粘到（)，再将其中没有格式的文本复制到剪贴板上,最后再粘贴到Ｄrｅaｍweaｅr编辑窗口中。
Ａ.文件夹B．记事本 C.Word文档 D.Eｘcel文档8.重做的快捷键是( ）。
A．Cｔｒｌ＋ＹB．Ｃｔrｌ＋N C.Cｔrl+Z D.Ctｒｌ+O９．选中要进行预格式化处理的文件,然后在（)面板中选择该段文本为“预先格式化”。
A．代码Ｂ．设计 C.属性Ｄ.应用程序10．分行显示文字应用(）。
A.EｎtｅrB.Shift+ＥｎterC.Ｃtrl＋EnterＤ.Cｔrl+Alt11.常用的网页图像格式有（)和( )。
A.gif,tiffB.tｉff，jpg Ｃ.ｇｉｆ,jpｇＤ．tiff．png12.ＵＲＬ是（)的简写,中文译作（）。
A．ＵniforｍRｅａｌＬocaｔoｒ,全球定位Ｂ．ＵｎiｎＲeｓource Locａtor,全球资源定位C.Uniform Real Loｃａtor,全球资源定位Ｄ．Uniform Ｒｅsource Locator，全球资源定位13．常用的网页动画格式有（）。
中文版 Dreamweaver CS6网页设计教程 第3章
22
3.6 认识超链接
在创建超链接之前，首先得清楚文档的链接路径。概 括起来，文档的链接路径主要有绝对路径、相对路径、 根目录相对路径等三种形式。
绝对路径：一般指服务器上的文件，是完整的文件路径，包含 其应用协议，例如/daquan/intro.htm。 相对路径：本地站点内常用的文件路径，如果文件都在同一个 目录中，使用相对路径则极为有效。如果要链接同一文件夹中 的文档，则只需要输入文件名，例如cursor.htm；如果要链接 同一目录下其他子文件夹中的文档，则需要输入文件夹名称和 斜杠(/)，然后输入文件名，例如document/cursor.htm；如果要 链接上一层文件夹中的文档，则需要在文件名称前面添加../， 例如../cursor.htm。 根目录相对路径：使用多个服务器的大型站点会用到这种文档 路径，而对于一般的Web站点没有必要在页面中插入文本内容，一般可以通过以下两 种方式来进行：一种是在网页编辑窗口中直接 用键盘输入文本，这是文字输入最基本的方式。 另一种是复制文本的方式，如果需要插入其他 文档中或是网站页面中的文本，可以直接使用 “复制”功能，将大段的文本内容复制到网页 的编辑窗口来进行排版的工作，如图3-1所示。
30
3.8.1 添加链接
如果要添加超链接，则可使用下面的操作步骤。 (1) 在站点管理窗口中单击选定文件，在其左上角出现 图标。 (2) 执行下列操作之一可添加链接。
23
3.7 创建超链接
网页中的链接形态多种多样，根据 链接对象的不同，可将其分为文本 链接、图像链接、邮件链接、锚点 链接。此外，还有图像映射、空链 接、脚本链接等几种链接形式。本 节中对这些链接的创建方法进行介 绍。
24
3.7.1 创建文本链接
DreamWeaver文字怎么居中对齐？dw垂直居中对齐的技巧
DreamWeaver⽂字怎么居中对齐？dw垂直居中对齐的技巧DreamWeaver中的⽂字想要实现居中对齐，该怎么局长呢？下⾯我们就来看看详细的教程。
Adobe Dreamweaver CC 2017 v17.0 中⽂版(附安装教程) 64位
类型：⽹页设计
⼤⼩：758MB
语⾔：简体中⽂
时间：2016-11-05
查看详情
1、打开DreamWeaer软件，在body标签中间点击⼀下，调出⽂字输⼊框
2、然后输⼊div标签，如下图所⽰
3、在head标签中，输⼊style标签
4、在style标签中添加div的属性设置：width:100px;height:100xp;background-color:red;宽:100px;⾼:100px;背景⾊为红⾊。
如下图所⽰
5、点击拆分，查看效果
6、然后继续在属性中输⼊text-align:center；⽂字⽔平居中对齐
7、对于垂直居中对齐，这⾥运⽤⾏⾼的关系，整个图形的⾼度为100px;如果字体的⾏⾼也设置为100px，那么⽂字就在中间了。
代码是line-height:100px;
8、最后将⽂件保存。
9、在浏览器中打开就是这样的。
如下图所⽰。
以上就是dw垂直居中对齐的技巧，希望⼤家喜欢，请继续关注。
Dreamwear的使用
第二章Dreamweaver 8基础2.1 Dreamweaver 8概述2.1.1 Dreamweaver 8的新增功能Dreamweaver 8新增了许多功能，大大改善了软件的易用性，使用户无论处于设计环境还是编码环境都可以方便地制作页面。
新增的主要功能有：1．用户界面的改进2．多种样式呈现面板3．新的标准CSS面板4．与最新技术和标准集成5．缩放功能6．改进的WebDA V2.1.2 Dreamweaver 8的工作界面Dreamweaver 8的工作界面主要由以下几部分组成：标题栏、菜单栏、插入工具栏、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和多个浮动面板，如图2-1所示。
图2-1 Dreamweaver 8的工作界面2.2 站点的创建和管理2.2.1 创建站点2.2.2 管理站点1．站点的重新配置2．创建站点的文件夹3．创建网页文件4．为网页文件命名2.3 创建网页2.3.1 页面属性的设定1．设置“外观”页面属性选择“修改”|“页面属性”菜单项，弹出“页面属性”对话框，在“分类”选项区中选择“外观”选项，如图2-2所示。
图2-2 设置“外观”页面属性注：“左边距”和“右边距”设置只对IE浏览器有效，“上边距”和“下边距”设置只对Netscape Navigator 浏览器有效。
2．设置“链接”页面属性在“页面属性”对话框中的“分类”选项区中，选择“链接”选项，如图2-3所示。
图2-3设置“链接”页面属性3．设置“标题”页面属性在“页面属性”对话框中的“分类”选项区中，选择“标题”选项，如图2-4所示。
图2-4 设置“标题”页面属性4．设置“标题/编码”页面属性在“页面属性”对话框中的“分类”选项区中，选择“标题/编码”选项，如图2-5所示。
图2-5 设置“标题/编码”页面属性5．设置“跟踪图像”页面属性在“页面属性”对话框中的“分类”选项区中，选择“跟踪图像”选项，如图2-6所示。
Dreamweaver-cs-基础与实例教程
Flash等对象。然后鼠标右键单击“CSS样式”面板中 相应旳样式名称，弹出它旳快捷菜单，再单击该菜单 中旳“套用”菜单命令。 （2）利用“属性”栏 选中要应用CSS样式旳文本对象，在其“属性”栏旳“样 式”下拉列表框中选择需要旳CSS样式名称，即可将选 中旳CSS样式应用于选中旳文本对象。
（2）若要重定义特定 HTML 标签旳默认格式设置，请选择“标签” 选项，然后在“标签”文本框中输入一种 HTML 标签，或从弹出 式菜单中选择一种标签。
（3）若要为详细某个标签组合或全部涉及特定 Id 属性旳标签定 义格式设置，请选择“高级”选项，然后在“选择器”文本框中 输入一种或多种 HTML 标签，或从弹出式菜单中选择一种标签。 弹出式菜单中提供旳选择器（称作伪类选择器）涉及 a:active、 a:hover、a:link 和 a:visited。
环节3：选择定义样式旳位置： （1）若要创建外部样式表，请选择“新建样式表文件”。
（2）若要在目前文档中嵌入样式，请选择“仅对该文 档”。
环节4：单击该对话框中旳“拟定”按钮，即可退出该 对话框，弹出“CSS规则定义”对话框。
2.3.2 将外部样式表导入到目前文档
环节1：在CSS面板上，单击附加样式表按钮，打开 “链接外部样式表对话框”，单击对话框中“浏览” 按钮，浏览到外部 CSS 样式表，或者直接在“文件 /URL”框中键入该样式表旳途径。
2.1.2 插入水平线
在文档编辑区将插入点定位到所需位置，选择“插入” 菜单中旳“HTML”子菜单下旳“水平线”命令或单击 “插入”栏中旳“HTML”选项卡，在其中单击水平线 按钮即可添加水平线。初始绘制旳水平线旳格式往往 不能满足实际需要，此时可经过属性面板对其进行修 改。
Dreamweaver的基本功能介绍
1.各类网页欣赏
• 1.艺术类网站
1.各类网页欣赏
• 2.商业类网站
3.旅游网站
1.各类网页欣赏
1.2 Dreamweaver8.0的工作界面
1、首次启动Dreamweaver8时系统会弹出如图所示的工 作设置对话框，
【设计者】为用户提供了一种“所见即所得”的可视化的 创建环境。
【代码编写者】主要为用手写代码的用户设计的。对于初 级使用者一般选取选择。
图片”命令。
返回
退出
3、表格的应用3
• 3）打开选择图像源文件对话框，选择要插入的图 片，点击确定按钮即可插入图像。
（4）、表格的编辑 • 表格创建完成以后可以利用属性面板进行编辑。 • 1）选择创建完成的表格，调出表格属性面板。 • 2）根据表格属性面板上提供的参数可以对表格的
相关属性进行设置。
1.3 常用工具栏2
• 5、面 板 组：面板组是将许多常用的功能进行了 适当的分类，并以面板叠加的形式放置于窗口的 右侧，点击可以展开相应的面板。
• 6、“文件”面板：“文件”面板是对组成网站的 网页、图像和程序等文件进行管理。
1.3 常用工具栏 3
7、属性面板： 文档窗口中的设计页面上的某一页面元素时，
属性面板就会显示相关信息和参数，并可对其进 行修改和设定。属性面板是最常用的一个面板， 无论编辑那个页面元素的属性，都要用到它。属 性面板的内容也会随着不同元素而改变。
返回
退出
1.4 创建和保存网页-创建网页
• 1、创建网页 • 创建网页有3种方法： • （1）启动Dreamweaver 8的时创建网页，选择“创建
1.6网页课件实例
• 1、创建新站点 • 2、制作网页
dw操作技巧
Dreamweaver操作,看了第一行，想关了。
继续看下去...结果....哎,还是把全文复制过来吧第一章Dreamweaver的操作基础一、打开Dreamweaver的方法步骤：1.单击“开始”→所有程序→Dreamweaver→单击鼠标左键2．将鼠标指向桌面上Dreamweaver图标→双击鼠标左键3．将鼠标指向桌面上Dreamweaver图标→单击鼠标左键→在快捷菜单中单击打开。
二、认识Dreamweaver的界面三、Dreamweaver的操作基础1．新建步骤：文件→新建→基本页→创建2．打开步骤：文件→打开→查找范围→选定所需文件→打开3．保存步骤：文件→保存→另存为→保存在（地址）→输入（文件名）→保存4．复制步骤：打开所需文档→文件→另存为→保存在（地址）→输入新的（文件名）→保存四、属性栏的操作1．属性栏的打开方法步骤：窗口→属性（单击鼠标左键）2．文本的编辑步骤：选定→单击所需命令选项即可本章练习：第二章文字、图像与Flash动画一、使用文字1．设置文本属性步骤：打开原本文件→选定所需文字→字体下拉列表→选中所需字体（注：在属性面板中还可以分别设置字号、颜色、粗体、斜体等）2．插入常用文字元素（插入日期）步骤：常用→日期→日期格式→确定二、使用图像1．插入并设置图像步骤：常用→图像（按钮）→图像→选择图像源文件→查找范围→选定文件夹→选定所需图像→确定2．使用鼠标经过图像步骤：常用→图像→鼠标经过图像→原始图像（浏览）→选择所需图像→确定→鼠标经过图像（浏览）→选择所需图像→确定三、使用Flash动画1．插入动画步骤：常用→（媒体）Flash→选择所需文件→确定2．插入Flash按钮和文本步骤：（1）常用→（媒体）Flash→Flash按钮→选择样式→输入按钮文本→设置字体/字号→另存为（浏览）→保存在所需位置→输入文件名→保存→应用步骤：（2）常用→（媒体）Flash→Flash文本→输入方本→设置字体/字号→另存为（浏览）→保存在所需位置→输入文件名→保存→应用第三章建立网页超链接一、建立普通链接1．步骤：选中网页中的文字或图片→在属性面板中单击“链接” →浏览→选择文件→确定二、建立邮件链接步骤：打开原始文件→常用→电子邮件链接→输入文本→E-mail→确定三、建立锚点链接步骤：打开原始文件→常用→命名锚记→锚记名称→确定第四章使用表格排版一、表格的基本操作1．插入表格步骤：常用→表格→表格大小→输入行数/列数→表格宽度→确定二．设置边框和颜色步骤：选定表格→属性→边框颜色三．设置间距和填充步骤：（1）选定表格→属性→间距→输入数值（2）选定表格→属性→背景颜色四、单元格内文字对齐方式1．文字对齐方式步骤：选定表格→属性→格式栏→左对齐/居中对齐/右对齐/两端对齐2．表格对齐方式步骤：选定表格→属性→对齐五、拆分和合并拆分单元格1．步骤：选定→属性→合并单元格2．步骤：选定→属性→拆分单元格→输入行数/列数→确定六、插入和删除表格的行列步骤：修改→表格→插入行或列→位置→确定七、表格的布局视图步骤：选定→查看→表格模式→布局模式第五章使用表单元素一、关于表单/创建表单1．表单的应用范围非常广泛，如常见的留言板、讨论区、会员注册/登陆、在线查询等。
DreamweaverCS6字、图像、超链接讲述
段落、列表和表格的结构，但不保留粗体、斜体和其他格式设置）。 带结构的文本以及基本格式：粘贴结构化并带简单HTML格式的文本，
粘贴的默认格式。 带结构的文本以及全部格式：可以粘贴文本并保留所有结构、HTML格
式设置和CSS样式。
第5页
5、在属性检查器中设置HTML 格式文本属性 可以使用文本属性检查器应用 HTML 格式或层叠样式表 (CSS) 格
档结构清晰明了，合理使用水平线可以获得非常好的效果。 选择 “插入”面板的“常用”选项卡，点击水平线 或选择“插入
”>“HTML”>“水平线”。 可以在属性检查器中对水平线进行样式的设置。 “ID”文本框：可用于为水平线指定 ID。 宽和高：以像素为单位或以页面大小百分比的形式指定水平线的宽度
2、插入换行符
选择 “插入”面板的“文本”选项卡，单击“字符”按钮，选择“换 行符”按钮。
按<Shift+Enter>。
选择“插入>HTML>特殊字符>换行符>”命令。
第9页
3、插入特殊字符 选择 “插入”面板的“文本”选项卡，单击“字符”按钮，在弹出菜
单中就可以找到各种特殊字符 4、插入水平线 水平线在网页文档中经常用到，它主要用于分隔文档内容，是文
第4页
4、选择性粘贴 要复制网页或Word文档中的内容到Dreamweaver中进行编辑，若使
第3章 Dreamweaver基本操作
本章目标任务：
3.1 中文Dreamweaver8工作环境
中文Dreamweaver8提供可视化的网页开发环境,具 有所见即所得的功能。它的工作窗口简洁明了，功能面 板及工具栏中几乎集中了所有的重要功能，属性面板放 在窗口底部外，其他面板多放在窗口的右边，可随时打 开与关闭，并能折叠和展开，这样就克服了以往版本浮 动面板位置较乱，有时会影响网页编辑的不足。 中文Dreamweaver8工作环境即中文Dreamweaver8应 用程序窗口，该应用程序窗口由标题栏、菜单栏、文档 工具栏、文档编辑窗口、浮动面板等组成，文档编辑窗 口由文档标题栏、页面编辑区、状态栏等组成，浮动面 板包括插入面板、属性面板、面板组等。中文 Dreamweaver8工作环境图3-1所示：
3.1 中文Dreamweaver8工作环境
输入面板 文档工具栏 文档窗口 菜单栏 标题栏 面板组
属性面板
页面编辑区
状态栏
图3-1 中文Dreamweaver8工作环境
3.1 中文Dreamweaver8工作环境
1. 标题栏 标题栏上显示当前网页的页面标题及打开 的文件名。若是对一个新网页进行编辑，则在 对此网页命名之前自动将此文件命名为 “Untitled-x”(x是按顺序产生的数字)。 2. 菜单栏 和其他应用软件基本相同，菜单栏中的每 一项都有一个下拉式菜单，Dreamweaver中大部 分操作都可以通过菜单项的下拉菜单来实现。
3.1 中文Dreamweaver8工作环境
属性面板 属性面板是使用频率最高的一个浮动面板，被放置在窗口的下 边。属性面板中的项目会随着网页中选定对象的不同而改变的。在 属性面板中，详细地列出了所选对象的属性参数，用户可以通过属 性面板查看或修改这些参数。 选择【窗口】→【属性】菜单命令或按快捷键【Ctrl】+【F3】， 可显示或隐藏属性面板。 面板组 常用面板组显示在窗口的右侧，如文件面板、资源面板、CSS 样式面板、框架面板层面板、行为面板等。非常用面板组显示在窗 口的下面，如结果面板、时间轴面板等。 使用“窗口”菜单中的相应面板选项，可以显示或隐藏相应面 板。在面板标题上单击右键，在快捷菜单中选择“关闭面板组”， 也可关闭相应面板。 各种面板的具体应用性操作在后面课程中再具体介绍。
Dreamweaver CS6网页设计与制作标准教程 (6)
6.1 表格的简单操作
课堂案例——布艺沙发网页 表格的组成
插入表格
表格各元素的属性 在表格中插入内容
选择表格元素
复制、粘贴表格 删除表格和表格内容
缩放表格
合并和拆分单元格 增加和删除表格的行和列
6.1.1 课堂案例——布艺沙发网页
使用“属性”面板，设置页面边距及页面标题；使用“表格”
按钮，插入表格效果；使用“图像”按钮，插入图像。
6.1.6 选择表格元素
先选择表格元素，然后对其进行操作。一次可以选择整个表 格、多行或多列，也可以选择一个或多个单元格。
选择整个表格
选择整个表格有以下几种方法。
将鼠标指针放到表格的四周边缘，鼠标指针右下角出现图 标 ，单击鼠标左键即可选中整个表格。 将插入点放到表格中的任意单元格中，然后在文档窗口左下角 的标签栏中选择<table>标签 令。 在任意单元格中单击鼠标右键，在弹出的菜单中选择“表格 > 选择表格”命令。 。 将插入点放到表格中，然后选择“修改 > 表格 > 选择表格”命
选择不相邻的单元格 按住Ctrl键的同时单击某个单元格即选中该单元格，当再次单
击这个单元格时则取消对它的选择。
6.1.7 复制、粘贴表格
在Dreamweaver CS6中复制表格的操作如同在Word中一样。 可以对表格中的多个单元格进行复制、剪切、粘贴操作，并保留原 单元格的格式，也可以仅对单元格的内容进行操作。
导入Word文档过程图
将网页中的表格导入到其他网页或Word文档中 （1）将网页内的表格数据导出 选择“文件 > 导出 > 表格”命令，弹出“导出表格”对话框， 根据需要设置参数，单击“导出”按钮，弹出“表格导出为”对话 框，输入保存导出数据的文件名称，单击“保存”按钮完成设置。