DreamweaverCC2015中文版案例教程第2版 教学资源课件第5章.ppt

《DreamweaverCC2015中文版案例教程第2版 教学资源课件第5章.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5章DreamweaverCC2015中文本的操作使用Dreamweaver创建网页，不必手工编写HTML代码就可以创建专业的网络页面，只需通过Dreamweaver的图形化界面，单击相应的按钮和选择相应的命令，系统会自动添加相应的HTML代码。可以在Web站点中添加各种内容，从文字图像一直到多媒体文件、项目列表等，同时，也可以在文档中添加超级链接，用于增加和完善页面的交互性。5.1设置文档属性当第一次启动Dreamweaver时，默认的Web页只有一个平面的白色背景。通过Dreamweaver的“页面属性”对话框，可以改变包括页面标

2、题、背景图像、颜色、文本和链接颜色、以及边距等HTML文档的基本属性。5.1设置文档属性HTML页面的标题，可以帮助站点访问者在浏览时跟踪所查看的内容，并在访问者的历史记录和书签列表中标识页面。5.1.1为文档设置标题5.1设置文档属性在“页面属性”对话框左侧的“分类”列表框中可以选择不同的选项，右侧的参数会发生相应的变化。在“页面属性”对话框中，若选择“外观”选项，则可以指定多种基本页面布局选项。5.1.2使用背景图像和设置文档5.2添加文本并设置段落文本是网页中最常见的元素。在网页上输入、编辑、格式化文本是网页设计和制作最重要的工作

3、之一。具有良好文本规范的网站可以使用户浏览时赏心悦目，激发浏览的兴趣。Dreamweaver提供的文本编辑工具能够使用户尽可能干净利落地达成这些目标。5.2添加文本并设置段落5.2.1复制和粘贴文本如果要向Dreamweaver文档中添加文本，可以直接在Dreamweaver文档窗口中输入文本，也可以从其他应用程序中复制文本，切换到Dreamweaver后，将插入点定位在文档窗口中，然后执行“粘贴”操作，操作方法同其他Windows应用程序一样，粘贴后Dreamweaver一般不保留在原应用程序中应用的文本格式，不过将保留换行符等信息。

4、5.2添加文本并设置段落5.2.2分段和换行在文档窗口中输入文本的时候，每次用户按【Enter】键，Dreamweaver中的文本就会转行，并创建一个新段落。对每个新段落，Dreamweaver都会在“代码”视图中插入下面的段落标记代码：

5、文档中添加多个空格，必须插入连续空格。5.2添加文本并设置段落5.2.4文本缩进方式使用缩进命令，用户可以缩进整个段落，在“代码”视图中被缩进的段落文本会使用

标签来标记。5.3文本属性设置在DreamweaverCC2015中可以设置文本颜色、大小、对齐方式等属性，合理地设置文本的属性，可以使浏览者阅读起来更加方便，将光标移至文本中时，在“属性”面板中便会出现相应的文本属性选项，“属性”面板如图5-32所示。5.3文本属性设置5.3.1设置HTML选项面板5.3文本属性设置5.3.2设置CSS选项面板5.4网页中

6、常用文字效果在DreamweaverCC2015中，可以插入特殊字体运用到网页设计里，极大的丰富了设计师设计元素。以往在网页设计中，文字在使用特殊字体时都要通过图片的方式去实现，不利于修改，通过使用DreamweaverCC2015中的“本地Web字体”和AdobeEdgeWebFonts功能弥补了这一不足，从而在网页中实现特殊的文字效果。5.4拓展训练—DIY7周年庆片头5.4.1AdobeEdgeWebFontsAdobeEdgeWebFonts是为了解决网页中字体过于单一，不能使用特殊字体而添加的功能。在AdobeEdgeWebF

7、onts中预置了多种不同的特殊字体效果，用户可以在制作网页的过程中通过提供的特殊字体在网页中实现特殊的字体效果。5.4拓展训练—DIY7周年庆片头5.4.2Web字体通过使用Web字体，用户可以在Dreamweaver中加载特殊的字体，并在网页中使用这种特殊字体，从而在网页中实现特殊文字的效果。5.4拓展训练—DIY7周年庆片头5.4.3网页中文本滚动在DreamweaverCC2015中可以实现如字幕一般的滚动效果，它既可以应用在文字上，也可以应用在图像上，在页面中添加适当的滚动文字或图像可以使页面变得更加生动。在网页中实现文本滚动效

8、果，可以使整个页面更具流动性，而且可以突出表现主题内容，对受众的视线具有一定的引导作用，以达到更好的视觉传达效果。5.5创建项目列表和嵌套列表列表可以详细地列出主题的要点，或者分类对象的属性。不同的列表类型