网页制作课件演示幻灯片.ppt

Dreamweaver 8 网页制作;2．1 文档的创建与编辑 Macromedia Dreamweaver 8 为处理各种 Web 设计和开发文档提供了灵活的环境。除了 HTML 文档以外，还可以创建和打开各种基于文本的文档，如 CFML、ASP、JavaScript 和 CSS。Dreamweaver 还支持源代码文件，如 Visual Basic、.NET、C# 和 Java。 Dreamweaver为创建文档提供了若干选项。可以创建以下文档： 新的空白文档或模板 基于 Dreamweaver 附带的某预定义页面布局的文档 基于某现有模板的文档 文档的创建包括创建空白文档和打开现有文档；文档的编辑包括文档页面属性的设置、插入换行标签、文字属性的设置、段落属性的设置、列表的使用及文档的保存等。 ; Dreamweaver 8启动首页中各栏的作用：; 2.1.1 创建一个空白文档 要创建一个空白文档，可以按照如下方法进行操作： 选择【文件】/【新建】菜单命令，弹出新建文档界面，如下图所示, 选择相应的文档类别，单击“创建”按钮。; 2.1.2 打开现有文档 打开现有文档，可以按如下方法进行： 方法一：选择【文件】/【打开】菜单命令，弹出“打开”对话框。如下图, 在该对话框内选中要打开的文档，单击“打开”按钮即可。; 方法二：在Windows的“资源管理器”（或者“我的电脑”）中选中要打开的文档的图标，单击右键，从快捷菜单中选择“使用Dreamweaver编辑”选项。如下所示： ; 2.1.3 文件页面属性设置 新的文档建好后，先对文档的属性进行设置，包括指定页面的默认字体和字体大小、背景颜色、边距、链接样式等，也可以修改现有页面的属性。 操作：打开【修改】菜单/【页面属性】项，或在文档窗口右击，从快捷菜单中选择【页面属性】选项，或点击页面空白处，在下面的“属性”面板中点击“页面属性”按钮，均可打开下图所示的对话框。; 页面属性分类说明： 1．外观：设定页面默认布局选项，其中包括： (1)页面字体：指定 Web 页使用的字体（默认宋体）。 (2)大小：指定 Web 页的字体大小（默认小五号）。 (3)文本颜色：指定显示字体的颜色(默认黑色)。 (4)背景颜色：指定文档的背景颜色(默认白色) 。 (5)背景图像：指定文档的背景图像。 (6)重复：如果背景图像没有填满整个窗口，DW8对图像的处理有四种:重复（即平铺，默认）、不重复、横向重复（单行）和纵向重复（单列）。; 2．链接：设定与链接有关的文本属性，其中包括： (1)链接字体：指定链接文本使用的字体。 (2)大小：指定链接文本使用的的字体大小。 (3)链接颜色：指定链接文本的颜色。 (4)变换图像链接：指定当鼠标指向链接文本时的颜色。 (5)已访问链接：指定访问过的链接的颜色。 (6)活动链接：指定当鼠标在链接上单击时文本的颜色。 (7)下划线样式：指定应用于链接的下划线样式。; 3．标题：设定文档页中的标题使用的字体、字号和颜色。 (1)标题字体：指定Web页中标题的字体。（默认使用页面的字体。） (2)标题n：标题1至标题6指定最多六种标题标签使用的字体大小和颜色。; 2.1.6 段落属性 良好的段落格式可以使文档清晰易读，便于理解。 在文档窗口中输入文字，然后按下回车键，即可将之定义为一个段落。 使用属性面板同样可以定义段落，如下图所示。; 2.1.7 列表的使用 使用“列表属性”对话框可以设置整个列表或个别列表项的外观。可以设置编号样式，重置计数或设置个别列表项目或整个列表的项目符号样式选项。 1. 设置无序列表（项目列表） （1）设置无序列表（项目列表）和有序列表（编号列表）：选中要排列的文字段，再选择“属性”面板内的相应按钮（或者点击【文本】/【列表】/【项目列表】菜单项，可设置无序列表；点击【文本】/【列表】/【编号列表】菜单项，可设置有序列表)。如下图所示。; （2）定义列表方式：选中要排列的文字段，再单击【文本】/【列表】/【定义列表】菜单项。采用这种列表方式的效果是：奇数行靠左，偶数行向右缩进，如下图所示。 2. 修改项目列表属性 首先将列表的文字按照无序或有序列表方式进行列表，然后将光标移到列表文字中。单击【文本】/【列表】/【属性】菜单项，弹出“列表属性”对话框进行设置，如下图所示。; 2.1.