01Dreamweaver基础详解.ppt

“模板中的页”选项包含了定义Dreamweaver站点的列表。可以从列出的任何站点中选择一个模板，创建基于该模板的新文档。 可以单击位于“新建文档”对话框底部的“首选参数”按钮设置默认文档参数，如文档类型、编码和文件扩展名。另外还可以设置选项，自动打开新文档而不使用“新建文档”对话框。 启动Dreamweaver CS3 时就可以在启动页面上选择需要创建的类型创建新的空白文档，之后就可以直接编辑了。 1.4.2 保存新文档 创建新文档后，若要保存新文档，可执行以下操作： （1）单击“文件→保存”命令。 （2）在弹出的对话框中，选择用来保存文件的文件夹，如下图所示。 （3）在“文件名”文本框中，输入文件名。 文件名和文件夹名不允许使用空格和特殊字符，文件名也不能以数字开头。因为很多服务器在上传时会更改这些字符，容易导致这些文件的链接中断。 （4）单击“保存”按钮即可保存文件。 1.4.3 设置默认的新文档类型 在创建文档时会弹出文档类型选择对话框，可以选择不同的文档类型。如果需要创建很多相同类型的文档，可以设置默认的新建文档格式，以方便文档的创建，而不需要每次都去选择文档类型。 其操作如下： （1）单击“编辑→首选参数”命令，弹出如下图所示的对话框，在左边的“分类”列表中选择“新建文档”选项。 （2）在右边的“默认文档类型”下拉列表中选择所要的类型，同时可以看到在“默认扩展名”文本框中将显示所选类型的默认扩展名。在“默认编码”下拉列表中选择需要的编码方式。 （3）设置完毕后单击“确定”按钮，即可完成对默认的新建文档格式的设置。 1.4.4 打开现有文档 有很多方法可以打开现有的文档。 若要打开现有文件，最常用的操作方法是： （1）在“文档”窗口中，单击“文件→打开”命令，从中选择所需要的文档。 （2）单击“打开”按钮即可打开现有文档。默认情况下，JavaScript、文本和CSS样式表在“代码”视图中打开。如下图所示。 1.4.5 清理Microsoft Word的HTML文件 在Dreamweaver中，可以打开Microsoft Word生成的HTML文档。在Word中生成的HTML文档附带有许多Word用来格式化和显示Word文档的代码，导致文件偏大，而且代码的可读性差，在显示HTML文件时并不需要。使用“清理Word的HTML”命令可删除 Word 生成的无关HTML代码。 1.5 HTML语言基础 HTML叫超文本标记语言。其文件格式是文本语言，当用互联网浏览器解释时，它会按照文本中的标记对其中的内容重新进行解释，并按照解释后的内容显示在浏览器的窗口中。 1.5.1 格式化标记 一般在文字处理中把对文字的大小、外观的处理叫格式化。在HTML标记语言中，也有起到格式化作用的标记。 1. 字体和大小的设置 2. 段的设置 3. 字的效果设置 1.5.2 设置超链接标记 超链接可以实现页面之间相互链接等许多功能，用鼠标单击链接时，能跳转到其他页面或窗口。 单击超链接实际上是打开了另一个网页。超链接的标记形式如下： pa href= 创杰科技/a/p 其中，p和/p是段落标记。 代码a href= 创杰科技/a中的标记a/a指明了该处是一个超链接，用参数href指明了链接的对象是文件，要注意的是必须用英文状态下的双引号括起来，产生超链接的内容是“创杰科技”。 1.5.3 设置网页的背景标记 给网页设置背景颜色或以某个图片为背景，可以使网页看起来更加多姿多彩。 添加背景颜色只需要在HTML标记body中增加一个背景参数bgcolor即可，它的值可为“red”、“bule”等，也可以由#加上六位十六进制数组成，如“#000000”。 1.5.4 设置运动的文本标记 在很多网页上都可以看到，一行文字不停地从左到右移动。 1.5.5 表格标记 表格是网页中使用最为广泛的一种手法，一般应用于表格数据，内容组织和布局。 标记table/table包含了一个表格，它的参数包括width、border、cellspacing、cellpadding、height，分别表示了表格的宽度、表格的边框、单元格的间距、单元格的边距和单元格的高。 tr /tr表示了表格的一行的开始和结束，而td/td则表示了一个列的开始和结束。 表格背景色标记的语法是bgcolor=……，只要将该属性插入到相应的地方即可。 1.5.6 列表标记 HTML用标记ul /ul表示无序列表部分，用li/li来表示列表的具体项目内容。如果将代码中相应的ul改为ol，那么就是显示有序列表了，如图1-57所示。 列表还可以嵌套，嵌套的方法是将项目内容再设定为列表。 1.5.7 表单标记 表单是交互式网页的一个非常重要的部分。它的作用是收集数