首页目录上一页下一页返回退出第3章文档的基本操作【知识目标】掌握网页文件的基本操作掌握网页元素-文本的基本操作【能力目标】熟悉网页文件的基本操作能够在网页文件中创建不同风格文本首页目录上一页下一页返回退出第3章文档的基本操作文档的基本操作文本的基本操作文本中的列表使用历史记录面板首页目录上一页下一页返回退出新建文档保存文档关闭文档打开文档预览文档3.1文档的基本操作首页目录上一页下一页返回退出(1)新建文档(见课本图3.1)首页目录上一页下一页返回退出(2)保存文档首页目录上一页下一页返回退出(3)关闭文档单击菜单栏中“文件”|“关闭”单击文档的窗口右上角的“关闭”即可首页目录上一页下一页返回退出(4)打开文档通过文件面板找到网页文件,双击打开它“文件”|“打开”首页目录上一页下一页返回退出(5)预览文档单击菜单栏中“文件”|“在浏览器中预览”|“Iexplore6.0”命令。使用快捷键为F12。在文档工具栏中单击,选择在浏览器中预览,如下图所示:首页目录上一页下一页返回退出(6)设置页面属性打开页面属性有三种方式:在文档窗口下面的“属性”面板中点击“页面属性”按钮文档窗口右击,从快捷菜单中选择【页面属性】选项选择【修改】菜单/【页面属性】命令首页目录上一页下一页返回退出(6)设置页面属性页面属性对话框首页目录上一页下一页返回退出(6)设置页面属性页面属性分类说明:1.外观:设定页面默认布局选项,其中包括:(1)页面字体:指定Web页使用的字体(默认宋体)。(2)大小:指定Web页的字体大小(默认小五号)。(3)文本颜色:指定显示字体的颜色(默认黑色)。(4)背景颜色:指定文档的背景颜色(默认白色)。(5)背景图像:指定文档的背景图像。(6)重复:如果背景图像没有填满整个窗口,DW8对图像的处理有四种:重复(即平铺,默认)、不重复、横向重复(单行)和纵向重复(单列)。首页目录上一页下一页返回退出(6)设置页面属性2.链接:设定与链接有关的文本属性,其中包括:(1)链接字体:指定链接文本使用的字体。(2)大小:指定链接文本使用的的字体大小。(3)链接颜色:指定链接文本的颜色。(4)变换图像链接:指定当鼠标指向链接文本时的颜色。(5)已访问链接:指定访问过的链接的颜色。(6)活动链接:指定当鼠标在链接上单击时文本的颜色。(7)下划线样式:指定应用于链接的下划线样式。首页目录上一页下一页返回退出(6)设置页面属性3.标题:设定文档页中的标题使用的字体、字号和颜色。(1)标题字体:指定Web页中标题的字体。(默认使用页面的字体。)(2)标题n:标题1至标题6指定最多六种标题标签使用的字体大小和颜色。首页目录上一页下一页返回退出(6)设置页面属性4.标题/编码:指定制作Web页面时所用语言的文档编码类型。其中包括:(1)标题:指定在浏览器标题栏出现的页面标题(默认为无标题文档)。(2)文档类型(DTD):指定文档类型,即所用的HTML版本(默认为XHTML1.0Transitional)。(3)编码:指定文档中字符所用的编码(默认简体中文)。首页目录上一页下一页返回退出(6)设置页面属性5跟踪图像:“跟踪图像”是DW非常有效的功能,它允许用户在设计网页时将平面设计稿作为辅助的背景。这样,用户就可以非常方便地定位文字、图像、表格、层等网页元素在该页面中的位置了。在浏览器中显示时不会出现“跟踪图像”。(1)跟踪图像:指定作为背景参考的图像。(2)透明度:确定跟踪图像的不透明度(默认100%)。首页目录上一页下一页返回退出插入文本设置文本格式插入水平线3.2文本的基本操作首页目录上一页下一页返回退出普通文本1)直接在文档窗口中输入文本2)拷贝文本3)从其他文档导入文本(1)插入文本首页目录上一页下一页返回退出特殊字符步骤1:将光标定位在要插入特殊字符的位置。步骤2:在“插入”栏的“文本”类别中,选择要插入的符号,如下图所示:(1)插入文本首页目录上一页下一页返回退出文字字体设置步骤1:选择要设置的文本。步骤2:在“属性检查器”,设置文本格式。(2)设置文本格式首页目录上一页下一页返回退出段落格式的编辑(一)应用己有的标题格式(二)自定义设置段落格式1)设置对齐方式2)设置段落缩进或凸出(2)设置文本格式首页目录上一页下一页返回退出步骤1:在要插入水平线的位置单击步骤2:选择“插入”-“HTML”-“水平线”命令,即可插入一条水平线(3)插入水平线首页目录上一页下一页返回退出选中水平线对象,可以在属性面板中设置水平线的属性(3)插入水平线水平线的名称水平线的宽高是否有阴影水平线的对齐方式首页目录上一页下一页返回退出(3)插入水平线增添颜色1.选择水平线2.在“属性检查器”上,单击打开快速标签编辑器如图。3.插入color=?,颜色取值可以是英语(如yellow)也可用十六进制代码(如#FFFF00).首页目录上一页下一页返回退出(4)插入时间选中页面中编辑插入的时间首页目录上一页下一页返回退出(5)插入空格按下Ctrl+Shift+空格键同样可以插入非间断空格首页目录上一页下一页返回退出(6)插入换行符使用快捷键Shift+Enter也可以插入换行符首页目录上一页下一页返回退出Dreamweaver包含三种列表:项目列表、编号列表以及自定义列表。3.3文本中的列表首页目录上一页下一页返回退出创建列表(1)项目列表与编号列表选择要创建列表项的文本“文本”→“列表”→项目列表”、“编号列表”或“定义列表”属性面板创建项目符号列表创建编号列表首页目录上一页下一页返回退出创建多级列表(1)项目列表与编号列表选择要设置为列表项的文本单击属性面板上的按钮增加文本缩进量,创建次级项目列表首页目录上一页下一页返回退出设置项目列表符号(1)项目列表与编号列表“文本”→“列表”→“属性”首页目录上一页下一页返回退出项目列表实例首页目录上一页下一页返回退出编号列表实例嵌套列表首页目录上一页下一页返回退出(2)自定义列表特点:能够以列表的形式把标题和正文分开表示。方法:文件|列表|定义列表首页目录上一页下一页返回退出3.4使用历史记录面板Dreamweaver提供“历史记录”面板记录用户在文档编辑过程中的每一个步骤。可以使用“历史记录”面板进行撤消、重放等操作,提高编辑效率。首页目录上一页下一页返回退出(1)历史记录撤消操作选择“窗口历史记录”命令,打开历史记录面板首页目录上一页下一页返回退出(1)历史记录撤消操作拖动滑块首页目录上一页下一页返回退出(2)任务自动化重复执行任务选中要重复的步骤,单击“重放”单击重放命令首页目录上一页下一页返回退出(2)任务自动化首页目录上一页下一页返回退出(3)录制命令首页目录上一页下一页返回退出(3)录制命令重放录制命令选择“命令播放录制命令”命令,就可能播放已经录制的命令保存命令在历史记录面板中选择一组步骤,然后单击面板下方的“保存为命令”按钮,可以方便以后使用这些命令