Dreamweaver_CS4_课件与自学教程.ppt

图5-74 【属性】面板 　　 ■ 【文本域】：用于输入文本域的名称。　　 ■ 【字符宽度】：用于设置文本域的宽度，即文本域中最多能够显示的字符数。　　 ■ 【最多字符数】：用于设置文本域中最多能够输入的字符数。　　 ■ 【类型】：用于设置文本域的类型，选择“单行”选项时，文本域为单行文本框；选择“多行”选项时，文本域为多行文本框；选择“密码”选项时，文本域为一个单行的密码框。 　 　■【初始值】：用于输入文本域中默认显示的初始信息。如果文本域为密码框，则输入的信息在表单中将以“*”显示。　　 ■ 【禁用】：选择该选项，则为禁用状态，只显示固定值。　　 ■ 【只读】：选择该选项，则文本域为只读，不能填写。 　　7) 用相同的方法，可以在表单域中插入其它的表单对象，其插入方法与插入文本域的方法基本相似，其属性设置也大同小异，这里不再详细介绍了。如图5-75所示是一个浏览器中常见的典型表单。　　需要强调的是，当用户通过表单将数据传到服务器之后，服务器端一般使用Java、Perl、JavaScript、VBScript等语言编写的程序进行处理。 图5-75 浏览器中的表单 5.7.1 站点的测试　　在将站点上传到服务器之前，必须先对站点进行全面测试，主要包括测试浏览器的兼容性、测试超链接的有效性、在浏览器中测试网页的正确性等，这样才能保证发布站点以后，尽可能少地出现错误。 5.7 教学站点的发布 　　1．测试浏览器的兼容性　　一般情况下，在本地机上创建的站点和网页不一定能在所有的浏览器中正常显示，因此，发布站点之前需要测试浏览器的兼容性，以便发现问题及时进行修改。测试浏览器兼容性的操作步骤如下：　　1) 在【文件】面板中选择要检查的网页。　　2) 在【文档】工具栏中单击　　　　　按钮，在打开的下拉菜单中选择【设置】命令，则弹出【目标浏览器】对话框，如图5-76所示。 图5-76 【目标浏览器】对话框 　　3) 在对话框中选择要测试的浏览器，然后单击　　　　按钮。　　4) 单击菜单栏中的【文件】\【检查页】\【浏览器兼容性】命令，则打开【浏览器兼容性】面板，如图5-77所示。　　5) 在【浏览器兼容性】面板中罗列了浏览器不支持的功能，并且显示了标记所在的行。根据面板中显示的检测结果，可以更改页面中相应的内容。修改之后再进行测试，直到没有错误为止。 图5-77 【浏览器兼容性】面板 　　2．测试超链接的有效性　　在站点中，网页之间的相互跳转是通过超链接来实现的，因此，发布站点之前一定要确保站点中每一个超链接的有效性，避免产生断开的超链接。测试超链接有效性的基本步骤如下：　　1) 在【文件】面板中选择要检查的站点文件夹。　　2) 单击菜单栏中的【站点】\【检查站点范围的链接】命令，则打开【链接检查器】面板，该面板中将显示整个站点中断掉的链接、外部链接与孤立的文件，如图5-78所示。 图5-78 【链接检查器】面板 　　3) 在面板的【显示】下拉列表中选择要检查的链接方式。断掉的链接：用于检查是否存在断开的超链接。　　外部链接：用于检查文档的外部链接是否有效。　　孤立文件：用于检查站点中是否存在没有创建超链接的文件。　　4) 单击面板左侧的　　按钮，可以将检查结果保存起来，便于以后修改超链接时作为参考。 　　 ■选择“_top”选项，表示在当前网页的最顶层框架集中打开链接的网页。　　 ■选择“mainFrame”选项，表示在主框架中打开链接的网页。　　 ■选择“leftFrame”选项，表示在左框架中打开链接的网页。　　 ■选择“topFrame”选项，表示在上面的框架中打开链接的网页。 5.5.3 使用CSS+DIV　　CSS是层叠样式表的简称，它是一组格式设置规则，用于控制网页内容的外观。使用CSS可以非常灵活地控制页面的外观，可以控制许多文本属性，如字体、大小、粗体、下划线、文本阴影等，还可以确保在多个浏览器中以更加一致的方式处理页面外观。除此之外，CSS还可以控制网页中块级别元素的格式与定位，这将涉及到DIV标签。DIV标签是用来定义网页内容中的逻辑区域的标签，使用DIV标签可以将内容居中、创建列效果、创建不同的颜色区域等，另外还可以绝对定位，这时的DIV标签视为AP元素。AP Div元素与以前版本中的图层有一定的相似性，可以用于绝对定位网页元素。 　　1．插入AP Div　　AP元素通常是绝对定位的Div标签，它是分配有绝对位置的HTML网页元素，在Dreamweaver CS4中可以轻松地创建AP Div。在网页中插入AP Div的操作比较简单，只需在【插入】工具栏的【布局】标签中单击　　按钮，然后按住鼠标左键(此时光标变为“+”形状)在编辑窗口