第四章 文本页面.pptVIP

第四章 文本页面 文本是网页中最常见也是运用最广泛的元素之一。整齐划一、大小适中的文本能够体现网页的视觉效果。 文本处理是设计精美网页的第一步。 4.1网页整体设置 4.1.1设置头部内容 head… /head 1、设置标题 显示在浏览器的标题栏上。当网页被加入到收藏夹，标题又作为网页的名字出现在收藏夹。 title标题/title 2、设置META 用来记录当前网页相关信息，如编码、作者、版权、网页终止时间和刷新间隔。 设置网页打开时效果 禁止浏览器从本机的缓存中调阅页面 3、插入关键字 关键字的作用是协助因特网上的搜索引擎寻找该页面。 meta name=Keywords content=flash学习,dreamweaver学习 / 3、插入说明 引擎读取标记内容，使用该信息在数据库中将页面编入索引，并在搜索结果中显示该信息。 meta name=description content=flash教学 / 例如 4、设置基础 站点内部文件之间的链接，是以相对地址出现。相对于首页设置链接，称之为基础网页。 通过文件头部内容可以设置基础网页地址。 例设置页面头部信息 4.1.2设置页面基本属性 1、设置外观CSS 设置页面的一些基本属性，自动生成CSS样式表，写在页面头部。 2、设置外观HTML 将会自动在主体标签body中添加相应的 属性设置代码，而不会生成CSS样式。 3、设置链接CSS 设置页面中链接文本的效果。 3、设置标题CSS 设置标题文字的相关属性 4、设置跟踪图像 用绘图工具绘制一幅设计草图，相当于为网页打草稿。DW将其设置成跟踪图像，铺在网页下边作为背景，引导网页设计。在浏览器中图像不可见 例4.1设置页面整体属性 4.2、插入文本 DW提供了多种插入文本的方法。 少量文本可以直接在文档窗口中键入； 段落文本，可以从其它文档中复制粘贴； 整篇文章或表格，可以选择导入Word、Excel文档。 4.2.1 把文本添加到文档 在输入文本时，要注意许多细节地方。 根据用户的语言不同，选择不同的编码方式，错误的文本编码方式将使字体显示为乱码。常用UTF-8,gb2312编码。 1、文本编码 当需要强迫分行，把某些文本放到下一行，可按Enter键，代码视图显示为p标签。 2、文本的分段与分行 也可按Shift+Enter键，代码视图显示为br/ 使文本换到下一行。 4.2.2 插入日期 在网页中经常需要插入日期，比如网页的更新日期，文章的上传日期等。 例4.2 4.2.3 插入特殊字符 4.2.4 插入水平线 起到分割文本的作用 例4.2-1 插入注释 便于作者对代码的检查和维护。注释不出现在浏览器中。 4.2.5导入数据文档 直接将表格式文档、Word文档、Excel文档导入到当前文档，省去了复制粘贴的麻烦。 例4.2-2 4.3设置文本格式 插入的文本大小、字体格式不一致，需要对文本属性进行设置，使风格保持统一。 设置文本格式有两种方法：HTML标签格式化文本；层叠样式表(CSS)。