Dreamweaver CC 2019.02章 文本与文档.pdfVIP

本本章章简简介介：： 在当今这个网络时代，不管网页内容 第2章 多么丰富，文本自始至终都还 网页中最 文本与文档 基本的元素。由于文本产生的信息量大， 输入、编辑起来方便，并且生成的文件小， 容易被浏览器下载，不会产生太多的等待 时间，因此掌握好文本的使用，对于制作 网页来说 最基本的要求。 课堂学习目标 ◆ 文本与文档 ◆ 无序列表或编号列表 ◆ 水平线、网格与标尺 2.1 青山别墅网页 ◆ 【案例分析】 ◆ 【设计理念】 ◆ 【操作步骤】 ◆ 【相关工具】 ◆ 【实战演 】 2.1.1 【案例分析】 青山地产是一家以“高起点、高质量、高规格”为理念的地产 团。现 团 推出新型住宅模式，位于景区的园林住宅，要进行系统的宣传，需要为其设计网 站页面。要求设计围绕主题进行制作，画面温馨，能够表现宣传主题及高级住宅 的理念。 2.1.2　 【设计理念】 在网页设计制作过程中，网页使用大幅建筑照片作为背景，点 了宣传主题 且使得画满形象生动；深蓝色的导航栏位于浅色背景上，使页面视觉效果直观清 晰且便于浏览。 效果图 2.1.3　 【操作步骤】 1 2 3 4 2.1.4　 【相关工具】 1．输入文本 应用DreamweaverCC2019编辑网 时，在文档编辑窗口中光标默认为显 示状态。要添加文本，首先应将光标移动到文档编辑窗口中的编辑区域，然后直 接输入文本，就像在其他文本编辑器中一样。打开一个 面，在 面中单击鼠标 左键，将光标置于其中，然后输入文本。 2.1.4　 【相关工具】 2．设置文本属性 利用文本 “属性”面板可以方便地修改 中文本的字体、字号、样式、对齐 方式等，以获得预期的效果。 择 “窗口属性”命令，弹出“属性”面板，在HTML和CSS “属性”面 板中都可以设置文本的属性。 “属性”面板 2.1.4　 【相关工具】 3．输入连续的空格 在默认状态下，Drea weaverCC2019只允许用户输入一个空格，要输入 连续多个空格则需要进行设置或通过特定操作才能实现。 ◆ 设置 “首选项”对话框 ◆ 直接插入多个连续空格 “首选项”对话框 2.1.4　 【相关工具】 4．设置是否显示不可见元素 在网页的设计视图中 有一些元素仅用来标志该元素的位置 而在浏览器中 是不可见的。例如 脚本图标是用来标志文档正文中的Javascript或Vbscript 代码的位置 换行符图标是用来标志每个换行符br的位置等。在设计网页时 为了快速找到这些不可见元素的位置 常常需要改变这些元素在设计视图中的可 见性。 2.1.4　 【相关工具】 5．设置页边距 按照文章的书写规则，正文与纸的 周