DreamweaverCC2015中文版案例教程第2版全套配套课件教学资源第5章.pptVIP

第5章 Dreamweaver CC 2015中文本的操作 使用Dreamweaver创建网页，不必手工编写HTML代码就可以创建专业的网络页面，只需通过Dreamweaver的图形化界面，单击相应的按钮和选择相应的命令，系统会自动添加相应的HTML代码。 可以在Web站点中添加各种内容，从文字图像一直到多媒体文件、项目列表等，同时， 也可以在文档中添加超级链接，用于增加和完善页面的交互性。 5.1 设置文档属性 当第一次启动Dreamweaver时，默认的Web页只有一个平面的白色背景。通过Dreamweaver的“页面属性”对话框，可以改变包括页面标题、背景图像、颜色、文本和链接颜色、以及边距等HTML文档的基本属性。 5.1 设置文档属性 HTML页面的标题，可以帮助站点访问者在浏览时跟踪所查看的内容，并在访问者的历史记录和书签列表中标识页面。 5.1.1 为文档设置标题 5.1 设置文档属性 在“页面属性”对话框左侧的“分类”列表框中可以选择不同的选项，右侧的参数会发生相应的变化。在“页面属性”对话框中，若选择“外观”选项，则可以指定多种基本页面布局选项。 5.1.2 使用背景图像和设置文档 5.2 添加文本并设置段落 文本是网页中最常见的元素。在网页上输入、编辑、格式化文本是网页设计和制作最重要的工作之一。具有良好文本规范的网站可以使用户浏览时赏心悦目，激发浏览的兴趣。Dreamweaver提供的文本编辑工具能够使用户尽可能干净利落地达成这些目标。 5.2 添加文本并设置段落 5.2.1 复制和粘贴文本 如果要向Dreamweaver文档中添加文本，可以直接在Dreamweaver文档窗口中输入文本，也可以从其他应用程序中复制文本，切换到Dreamweaver后，将插入点定位在文档窗口中，然后执行“粘贴”操作，操作方法同其他Windows应用程序一样，粘贴后Dreamweaver一般不保留在原应用程序中应用的文本格式，不过将保留换行符等信息。 5.2 添加文本并设置段落 5.2.2 分段和换行 在文档窗口中输入文本的时候，每次用户按【Enter】键，Dreamweaver中的文本就会转行，并创建一个新段落。对每个新段落，Dreamweaver都会在“代码”视图中插入下面的段落标记代码： pnbsp;/p。段落标记成对出现，并环绕段落文本，段落标记可以看做是一个文本容器。 5.2 添加文本并设置段落 5.2.3 插入空格 一般来说，在一篇文章中，中文字符首行要空两格。如果文本中需要使用空格，可以使用空格键添加，不过默认情况下在Dreamweaver文档中只允许字符之间包含一个空格。若要在文档中添加多个空格，必须插入连续空格。 5.2 添加文本并设置段落 5.2.4 文本缩进方式 使用缩进命令，用户可以缩进整个段落，在“代码”视图中被缩进的段落文本会使用blockquote标签来标记。 5.3 文本属性设置 在Dreamweaver CC 2015中可以设置文本颜色、大小、对齐方式等属性，合理地设置文本的属性，可以使浏览者阅读起来更加方便，将光标移至文本中时， 在“属性”面板中便会出现相应的文本属性选项，“属性”面板如图5-32所示。 5.3 文本属性设置 5.3.1 设置HTML选项面板 5.3 文本属性设置 5.3.2 设置CSS选项面板 5.4 网页中常用文字效果 在Dreamweaver CC 2015中，可以插入特殊字体运用到网页设计里，极大的丰富了设计师设计元素。以往在网页设计中，文字在使用特殊字体时都要通过图片的方式去实现，不利于修改，通过使用Dreamweaver CC 2015中的“本地Web字体”和Adobe Edge Web Fonts功能弥补了这一不足，从而在网页中实现特殊的文字效果。 5.4 拓展训练—DIY7周年庆片头 5.4.1 Adobe Edge Web Fonts Adobe Edge Web Fonts是为了解决网页中字体过于单一，不能使用特殊字体而添加的功能。在Adobe Edge Web Fonts中预置了多种不同的特殊字体效果，用户可以在制作网页的过程中通过提供的特殊字体在网页中实现特殊的字体效果。 5.4 拓展训练—DIY7周年庆片头 5.4.2 Web字体 通过使用Web字体，用户可以在Dreamweaver中加载特殊的字体，并在网页中使用这种特殊字体，从而在网页中实现特殊文字的效果。 5.4 拓展训练—DIY7周年庆片头 5.4.3 网页中文本滚动 在Dreamweaver CC 2015中可以实现如字幕一般的滚动效果，它既可以应用在文字上，也可以应用在图像上，在页面中添加适当的滚动文字或图像可以使页面变得更加生动。在网页中实现文本滚动效果，可以使