DW——高级篇.pptVIP

——高级篇 1.1 建立框架网页 使用框架网页可以在一个浏览器窗口中显示多个独立的网页页面 (参见示例) ，框架网页有定义用的框架集和显示用的子框架组成，框架集分成左右结构和上下结构两种。 建立框架网页时，可以在新建网页时选择建立“框架集”，也可以先建立一个空白网页，再利用布局工具栏中的框架按钮来设置网页的框架结构。 定义好网页的框架结构后，1子框架的内容可以直接输入并依次保存，2也可以直接从站点管理器中拖动其他网页到指定的子框架中（推荐第2种方法）。 所有的子框架保存好，最后保存整个框架网页。 1.2 框架网页示例 1.3 框架的设置 点击“窗口”?“框架”可以显示“框架”面板，一定要熟悉如何利用“框架”面板来选择不同的子框架并修改框架属性。 在“框架”面板中，点击框架的边框表示选择框架集，点击框架的内部表示选择一个子框架。 框架网页的每一个子框架还可以进行嵌套，嵌套的同时要注意各部分网页保存时不要混乱 (不推荐) 。 若要删除某一部分框架，只需要将框架的分隔线拖动到页面外即可 (有时不如重新制作更好) 。 1.3 框架的设置 选择框架集后，利用“属性”面板设置是否显示框架边框，边框的宽度和颜色等（注意嵌套问题）。 选择某一个子框架时，利用“属性”面板可以设置是否显示滚动条，及是否能在浏览时调整框架大小。 对每一个子框架，还有一个重要的属性要设置，就是“属性”面板中的框架名称，名称要便于理解。 设置框架名称的作用是供超级链接使用，在框架网页中如果要设置超级链接，那么一定要注意超级链接的目标位置，它表示在框架网页的哪个子框架中打开这个超级链接。 2.1 放置表单 表单的主要作用是在用户浏览网页时进行交互操作，或向远程服务器发送数据。 这里简单介绍一下表单的用法： 设计表单时，首先切换到表单工具栏。表单由一个表单区域，和区域中的其它表单控件，如：文本字段、单复选框、按钮等组成。 插入表单中的每一个控件都有默认的名称，根据需要可以改为更好理解的名字。如果一个表单区域中有多个分类的单复选按钮，每一个分类中的控件名字应该一样。 2.2 使用表单 表单中一般要包含“提交”按钮，用户点击“提交”按钮即可完成表单数据的发送。 点击整个表单的红色虚线边框即可选中整个表单，利用“属性”面板可以设置表单的名称和表单的动作(即发送数据的方式)。 例1：要将表单内容以电子邮件的形式发送出去可输入 mailto:abc@ ，使用此种方式会自动调用电子邮件软件进行邮件的发送。 例2：搜索网站也是通过表单的形式提交搜索请求，我们可以在搜索网页中复制表单部分的代码，并粘贴到自己的网页代码中，即可使用搜索网站提供的搜索功能。注意复制form代码段，表单中的内容不要更改。 2.3 表单内容的检查 我们制作的表单经常希望在提交前验证一下其中数据输入的准确性，简单的检查操作利用DW的行为就可以完成。 利用“窗口”菜单打开“行为”面板，选中整个表单(事件:onSubmit)或选中提交按钮(事件:onClick)都可以，再在“行为”面板中点击添加按钮，选择检查表单项。 从弹出的对话框中选择要检查的项目及检查内容即可。 注意：1.表单中控件的名称要有意义，这样才方便选取。 2.事件选取要正确。 3.如果要修改错误提示，须在代码视图下找到对应的提示文字并替换成新的内容。 3.1 新建CSS样式 HTML语言本身提供的字体、链接等的样式是有限的，因此我们可以使用CSS（层叠样式表）来定义更多的样式种类并实现更复杂的效果。 新建CSS样式时，点击CSS面板中的新建CSS按钮，然后先选择一种CSS类型（三种）： 类：即是自定义的CSS样式，用来直接应用于网页中任意的文字、表格、图片等对象，新建该种类型的CSS要给出以点号开头的名称。 标签：用来改变现有HTML标签的显示效果，页面中引用到标签处的样式都会改变，如修改td标签会改变所有单元格的显示效果。 高级：从选择器列表中可以选择4种链接状态，分别用来改变超级链接(:link, :visited, :hover, :active)样式，若想在网页中显示多种链接的效果，可使用形式：a.xxx:link, ······ 3.1 新建CSS样式 新建CSS样式时还要注意CSS的保存形式，一个是保存在当前页面中，其他网页不能引用；一个是保存在单独的CSS文件中(扩展名：.CSS)，这样站点中所有网页都可以使用附加的方式引用这个CSS文件； 新建、链接、编辑、删除等常用操作都可以在CSS面板右下方的按钮中找到。 CSS面板有全部和正在两个选项卡，可以显示不同的CSS样式定义状态。 CSS面板的下方可以方便的对所选的样式进行编辑。 编辑CSS样式时，对应的CSS文件会自动打开，预览前请先手