Dreamweaver-CC实例教程(第5版)-第2章-文本.pdfVIP

第2章　文本 本章简介： 在在当当今今这这个个网网络络时时代代，，不不管管网网页页内内容容多多么么丰丰富富，，文文 本本自自始始至至 都都还还是是网网页页中中最最基基本本的的元元素素。。由由于于文文本本产产生生 的的信信息息量量大大，，输输入入、、编编辑辑起起来来方方便便，，并并且且生生成成的的文文件件小小，， 容容易易被被浏浏览览器器下下载载，，不不会会产产生生太太多多的的等等待待时时间间，，因因此此掌掌 握握好好文文本本的的使使用用，，对对于于制制作作网网页页来来说说是是最最基基本本的的要要求求。。 课堂学习目标 掌握文字的输入、连续空格的输入 掌握页边距、网页的标题、网页的默认格式的设置 掌握文字的大小、颜色、字体、对齐方式 段落样式 的设置 掌握项目符号、编号列表、文本缩进、日期、特殊字 符 换行符的设置 掌握水平线、网格 标尺的应用 2.1　输入文本并编辑 课堂案例——青山别墅网页 课堂案例——机电设备网页 输入文本 改变文本的大小 设置文本属性 改变文本的颜色 输入连续的空格 改变文本的字体 设置 否显示不可见元素 改变文本的对齐方式 设置页边距 设置文本样式 设置网页的标题 设置段落格式 设置网页的默认格式 2.1.1　课堂案例—青山别墅网页 使用 “页面属性”命令设置页面外观、网页标题 果；使用 “首选项” 命令设置允许多个连续空格；在文档编辑窗口中输入导航文字。 果图 2.1.2　输入文本 应用Dreamweaver CC 2019编辑网页时，在文档编辑窗口中 标默认为显示状态。要添加文本，首先应将 标移动到文档编辑窗口 中的编辑区域，然后直接输入文本，就像在其他文本编辑器中一样。 打开一个页面，在页面中单击鼠标左键，将 标置于其中，然后输入 文本。 输入文字后的效果图 2.1.3　设置文本属性 利用文本 “属性”面板可以方便地修改选中文本的字体、字号、 式、对齐方式等，以获得预期的效果。 选择 “窗口 属性”命令，弹出“属性”面板，在HTML和 CSS “属性”面板中都可以设置文本的属性。 “属性”面板 2.1.4　输入连续的空格 在默认状态下，Dreamweaver CC 2019只允 用户输入一个空 格，要输入连续多个空格则需要进行设置或通过特定操作才能实现。 1．设置 “首选项”对话框 2．直接插入多个连续空格 2.1.5　设置是否显示不可见元素 在网页的设计视图中，有一些元素仅用来 志该元素的位置， 而在浏览器中是不可见的。例如，脚本图 是用来 志文档正文中 的 Javascript 或 Vbscript 代码的位置，换行符图 是用来 志每 个换行符 br 的位置等。在设计网页时，为了快速找到这些不可 见元素的位置，常常需要改变这些元素在设计视图中的可见性。 2.1.6　设置页边距 按照文章的书写规则，正文与纸的四周需要留有一定的距 ，这个距 叫页边距。网页设计也如此，在默认状态下文档的上、下、左、右边距 不为零。 修改网页页边距的具体操作步骤如下。