《第3章静态网页基本操作.ppt

静态网页基本操作 本章主要内容 学会设置页属性 熟悉插入网页基本元素 掌握设置文本、图像、链接的属性 了解插入文件头标签 学会使用媒体 设置页面属性 1.概述 打开“页面属性”对话框的方法： “修改/页面属性”（快捷键CTRL+J） 单击属性面板中的“页面属性”按钮 2.设置外观 设置页面属性 “外观”具体设置如下： 页面字体：用于设置文字的字体，如宋体、黑体等 大小：用于设置网页中文本的字号 文本颜色：用于设置网页中文本的颜色 背景颜色：用于设置网页背景的颜色 背景图像：指网页可以用图片作背景，单击“浏览”按钮，在弹出的“选择图 像”对话框中选择一个图像作为网页的背景图 重复：指网页背景图以什么样的重复方式显示，如横向显示、纵向显示等 左边距、右边距、上边距、下边距：指定页面四周边距的大小 注：这些值仅适用于Microsoft Internet Explorer ，而Netscape Navigator忽略 这些值，要确保在任何一个浏览器中都不出现边距，请将四个值都设置为“0” 设置页面属性 3.设置链接 设置页面属性 设置链接的参数如下： 链接字体：设置页面的超链接文本的字体 大小：设置超链接文本的字号的大小 链接颜色；设置页面中超链接的颜色 交换图像链接：设置页面里变换图像后的超链接的颜色 已访问链接：设置页面中访问过的超链接的颜色 活动链接：设置网页里激活的超链接的颜色 下划线样式：用于设置超链接的下划线，如显示下划线或隐藏下划线 设置页面属性 4.设置标题 设置与页面标题有关的属性，该对话框设置相对简单，只要求设置标题的字 体、字号和颜色。 设置页面属性 5.设置标题与编码 设置页面属性 具体参数设置如下： 标题：指定在“文档”窗口和浏览器窗口的标题栏中出现的内容 文档类型（DTD）：指定文档类型定义 编码：指定文档中字符所用的编码。文档编码在文档头的meta标签内指定 ，它告诉浏览器和Dreamweaver 应如何对文档进行解码以及使用哪些字体来 显示解码的文件 Unicode标准化表单：仅在选择UTF-8作为文档编码时启用。有四种 Unicode标准，最重要的是标准化表C，因为它是用于万维网的字符模型的最 常用表单 包括Unicode签名（BOM）：可在文档中包括字节顺序标记（BOM）。 BOM是位于文本文件开头的2~4个字节，可将文件标识为Unicode ,若是这样 ，还标识后面字节的字节顺序。由于UTF－8没有字节序，因此可以先择添加 UTF－8. 设置页面属性 6.设置跟踪图像 跟踪图像是指在网页设计时作为参考的图像。该图像只供参考，当文档在 浏览器中显示时并不出现。通过点击“浏览”按钮，可以选择相应的跟踪图 像；拖动滑块可以指定图像的透明度，透明度越高图像显示得越明显。 使用文本 1.概述 文本是网页设计最常用的的元素，文本的操作包括文本的插入和文本属性 的设置等。 注：一个中文字符占2个字节 2.插入文本 插入文本有三种方法： (1).直接在文档窗口中输入文本 Enter:分段换行 Shit+Enter:换行 Dreamweaver默认情况下不允许输入连续的空格，若需要输入多个空格， 可执行菜单命令“编辑/首选参数”，在打开的“首选参数”面板里将“允许多个连 续的空格”选项选中即可，或者将输入法设置为全角状态。 注：在全角状态下输入的空格，浏览器的支持效果不好，有时会出现“？”号 形式出现报错信息，建议设计者不要在此状态下输入空格。 使用文本 (2).粘贴其他文本 将光标定位到需要插入文本的位置 “编辑/粘贴”（ctrl+v）或者单击标准工具栏上的粘贴按钮 (3).导入Word或Excel文档 导入文档的方法： “文件/导入/word文档” “格式化”选项：是指将选中的Word文档以什么样的格式导入到当前文档里， 其下拉列表包括四个选项： 仅文本：插入无格式文本。若原始文本带格式，所有格式将被删除 带结构的文本：插入文本并保留结构，但不保留基本格式设置 结构：段落、列表、表格 基本格式：加粗、倾斜 带结构的文本及基本格式：插入结构化并带简单的HTML格式的文本。 带结构的文本及全部格式：插入文本并保留所有结构、HTML格式设置和CSS 样式 使用文本 3.设置文本属性 选中文本，打开属性面板，即可对选中的文本进行属性设置 具体设置如下： 格式：设置所选文本的段落样式 字体：文本应用所选字体组合 大小：设置字体的字号 文本颜色 ：设置所选文本的颜色。单击颜色框选择网页安全色，或在 相邻的文本域中输入十六进制数值 粗体 ：将文本加粗 斜体 ： 将文本倾斜 左对齐（ ）、居中对齐( ) 、右