静态网页基本操作

《静态网页基本操作》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、静态网页基本操作本章主要内容学会设置页属性熟悉插入网页基本元素掌握设置文本、图像、链接的属性了解插入文件头标签学会使用媒体设置页面属性1.概述打开“页面属性”对话框的方法：“修改/页面属性”（快捷键CTRL+J）单击属性面板中的“页面属性”按钮2.设置外观设置页面属性“外观”具体设置如下：页面字体：用于设置文字的字体，如宋体、黑体等大小：用于设置网页中文本的字号文本颜色：用于设置网页中文本的颜色背景颜色：用于设置网页背景的颜色背景图像：指网页可以用图片作背景，单击“浏览”按钮，在弹出的“选择图像”对话框中选择一个图像作为网页的背景图重复：指网页背景图以什么样的重复方式显示，如横向显示、纵

2、向显示等左边距、右边距、上边距、下边距：指定页面四周边距的大小注：这些值仅适用于MicrosoftInternetExplorer，而NetscapeNavigator忽略这些值，要确保在任何一个浏览器中都不出现边距，请将四个值都设置为“0”设置页面属性3.设置链接设置页面属性设置链接的参数如下：链接字体：设置页面的超链接文本的字体大小：设置超链接文本的字号的大小链接颜色；设置页面中超链接的颜色交换图像链接：设置页面里变换图像后的超链接的颜色已访问链接：设置页面中访问过的超链接的颜色活动链接：设置网页里激活的超链接的颜色下划线样式：用于设置超链接的下划线，如显示下划线或隐藏下划线设置页面

3、属性4.设置标题设置与页面标题有关的属性，该对话框设置相对简单，只要求设置标题的字体、字号和颜色。设置页面属性5.设置标题与编码设置页面属性具体参数设置如下：标题：指定在“文档”窗口和浏览器窗口的标题栏中出现的内容文档类型（DTD）：指定文档类型定义编码：指定文档中字符所用的编码。文档编码在文档头的meta标签内指定，它告诉浏览器和Dreamweaver应如何对文档进行解码以及使用哪些字体来显示解码的文件Unicode标准化表单：仅在选择UTF-8作为文档编码时启用。有四种Unicode标准，最重要的是标准化表C，因为它是用于万维网的字符模型的最常用表单包括Unicode签名（BOM）：

4、可在文档中包括字节顺序标记（BOM）。BOM是位于文本文件开头的2~4个字节，可将文件标识为Unicode,若是这样，还标识后面字节的字节顺序。由于UTF－8没有字节序，因此可以先择添加UTF－8.设置页面属性6.设置跟踪图像跟踪图像是指在网页设计时作为参考的图像。该图像只供参考，当文档在浏览器中显示时并不出现。通过点击“浏览”按钮，可以选择相应的跟踪图像；拖动滑块可以指定图像的透明度，透明度越高图像显示得越明显。使用文本1.概述文本是网页设计最常用的的元素，文本的操作包括文本的插入和文本属性的设置等。注：一个中文字符占2个字节2.插入文本插入文本有三种方法：(1).直接在文档窗口中输入

5、文本Enter:分段换行Shit+Enter:换行Dreamweaver默认情况下不允许输入连续的空格，若需要输入多个空格，可执行菜单命令“编辑/首选参数”，在打开的“首选参数”面板里将“允许多个连续的空格”选项选中即可，或者将输入法设置为全角状态。注：在全角状态下输入的空格，浏览器的支持效果不好，有时会出现“？”号形式出现报错信息，建议设计者不要在此状态下输入空格。使用文本(2).粘贴其他文本将光标定位到需要插入文本的位置“编辑/粘贴”（ctrl+v）或者单击标准工具栏上的粘贴按钮(3).导入Word或Excel文档导入文档的方法：“文件/导入/word文档”“格式化”选项：是指将选中

6、的Word文档以什么样的格式导入到当前文档里，其下拉列表包括四个选项：仅文本：插入无格式文本。若原始文本带格式，所有格式将被删除带结构的文本：插入文本并保留结构，但不保留基本格式设置结构：段落、列表、表格基本格式：加粗、倾斜带结构的文本及基本格式：插入结构化并带简单的HTML格式的文本。带结构的文本及全部格式：插入文本并保留所有结构、HTML格式设置和CSS样式使用文本3.设置文本属性选中文本，打开属性面板，即可对选中的文本进行属性设置具体设置如下：格式：设置所选文本的段落样式字体：文本应用所选字体组合大小：设置字体的字号文本颜色：设置所选文本的颜色。单击颜色框选择网页安全色，或在相邻的

7、文本域中输入十六进制数值粗体：将文本加粗斜体：将文本倾斜左对齐（）、居中对齐()、右对齐（）、两端对齐（）：将选中的文本应用各自的对齐方式使用文本链接；创建所选文本的超文本链接项目列表（）、编号列表（）：创建所选文本的项目列表和编号列表。若未选择文本，则启动一个新的项目列表或编号列表缩进（）、凸出（）：应用或删除blockqutote标签缩进或删除所选文本的缩进。在列表中，创建一个嵌套列表，而删除缩进则取消嵌套列表。使用图像1.We