《Dreamweaver CS6 完全自学教程》笔记第三章：创建网页中的基本对象

最新推荐文章于 2021-07-04 06:38:17 发布

SP FA

最新推荐文章于 2021-07-04 06:38:17 发布

阅读量2k

点赞数 1

分类专栏： Dreamwaver学习文章标签： dreamweaver

本文链接：https://blog.csdn.net/SP_FA/article/details/107525891

版权

Dreamwaver学习专栏收录该内容

19 篇文章 88 订阅

订阅专栏

第三章：创建网页中的基本对象

3.1 网页中的文本

网页中的文本构成整个网页的灵魂，文本的基本编辑操作是制作网页必须掌握的基本内容。

3.1.1 直接在网页窗口中输入文本

Dreamweaver 默认不允许多个空格，需要先勾选 “首选参数（Ctrl + U）” 中的 “允许多个空格” 或者将输入法设为全角状态。
在这里插入图片描述

3.1.2 复制 / 粘贴外部文本

直接粘贴后的文本不保留在其他应用程序中的文本格式，但保留换行符。

实战：将 Word 文本导入网页中

点击文件 -> 导入 -> Word 文档。
选择要导入的文档，在 “格式化” 中选择要导入文件的保留格式。

“格式化” 列表中各选项的含义如下：

仅文本：导入无格式文本。
带结构的文本：保留段落、列表、表格，但不保留粗体、斜体和其他格式设置。
文本、结构、基本格式：带有简单的 HTML 格式。
文本、结构、全部格式：保留所有结构、HTML 格式和 CSS 样式。

3.1.3 调整文本

选中文本，在 “属性” 面板上选择 CSS 即可调整文本大小、字体。
在这里插入图片描述

3.1.4 插入特殊字符

点击插入 -> HTML -> 特殊字符即可插入对应的字符。
特别注意的是，特殊字符中最上面的两个选项 “换行符” 、“不换行空格” 在编辑文本时非常有用。比如 Shift + Enter 插入换行符，相当于在文档中插入一个
标签；Ctrl + Shift + Space 插入一个不换行空格，相当于在文档中插入一个   标记，该标记即在文档中产生一个空格。（在编辑 CSDN博客时也同样有用）

3.1.5 插入日期

在 Dreamweaver CS6 中可以插入日期，当文档保存时，又可以自动更新。具体操作步骤如下：

将光标放到要插入日期的位置。
点击插入 -> 日期打开 “插入日期” 对话框，选择格式。

在这里插入图片描述
4. 点击确定，网页上将显示输入效果。

3.1.6 插入项目列表与编号列表

插入项目列表：

选中文本
点击窗口 -> 插入，打开 “插入” 面板，切换到插入 “文本” ，点击 “项目列表”

插入编号列表：
与插入项目列表步骤相同，最后点击 “编号列表” 。

3.2 插入图像

3.2.1 在网页中插入图像

图像文件格式可以有很多种，但 GIF 格式和 JPEG 格式的图像文件由于体积较小，更适合网络上的传输，而且能够被大多数浏览器支持。所以是最为常用的图像格式。

点击插入 -> 图像，或者按快捷键 Ctrl + Alt + I ，选择图像。
在这里插入图片描述

3.2.2 设置图像属性

与文本相似，也是通过 “属性” 面板来完成。

参数介绍：

图像ID：在文本框中输入图像名称。
源文件：设置插入图像的路径及名称。可以进行图片替换。
替换：用于输入说明文本。在该文本框中输入的内容会在显示图像之前出现在图像显示的位置，这样在图像没显示出来之前就能知道要说明的内容。（不要与源文件搞混了吼！）
链接：给图像或图像热区添加链接，实现页面跳转。
目标：指定链接页面的加载的方式。可以是 blank、parent、self、top 4种方式。
原始：可以设置图像的 Photoshop 源文件与 Firework 源文件。

3.3 水平线操作

3.3.1 插入水平线

将光标放置在要插入水平线位置，在 “插入” 面板选择 “常用” 对象，点击 “水平线” ；或者点击插入 -> HTML -> 水平线。
在这里插入图片描述

3.3.2 设置水平线属性

同样，也是在底部属性面板中进行设置。

参数介绍：

水平线：输入水平线的名称。
阴影：指定绘制水平线时是否带阴影。取消该选项后，将使用纯色绘制水平线。

实战：制作多彩表格

3.4 设置页面属性

页面属性包括网页中文本的颜色、网页背景颜色、背景图像、网页边距等。
点击修改 -> 页面属性或在属性面板点击 “页面属性” 或按下快捷键 Ctrl + J
在这里插入图片描述

3.4.1 外观（CSS）

重复：选择背景图像的重复方式：no-repeat、repeat、repeat-x、repeat-y。

3.4.2 外观（HTML）

与 CSS 的不同之处在于在 HTML 中设置的页面属性会自动在页面主题标签中添加相应的属性设置代码，而不是生成 CSS 样式。
在这里插入图片描述

3.4.3 链接（CSS）

参数介绍：

变换图像链接：设置鼠标移到文字上的颜色。
已访问链接：设置访问过的文字颜色。
活动链接：设置点击时文字的颜色。

在这里插入图片描述

3.4.4 标题（CSS）

在这里插入图片描述

3.4.5 标题 / 编码

参数介绍：

标题：指定在 “文档” 窗口和大多数浏览器窗口的标题栏中出现的页面标题。
编码：选择网页的文档编码，默认是 Unicode（UTF-8）
包括 Unicode 签名（BOM）：选中该选项，则在文档中会包括一个字节的顺序标记（BOM）。BOM（Byte Order Mark）是 UTF 编码中用于表示编码的标准标记。

在这里插入图片描述