交互式网站设计小知识.doc

交互式网站设计小知识一、表单设计1、插入空白表单（1）在网页视图中，将插入点定位到需要插入空白表单的位置。（2）执行菜单命令“插入/表单/表单”，在当前位置插入一个矩形虚线框区域。 系统将自动在空白表单中加入“提交”按钮和“全部重写”按钮。2、使用向导创建表单在FrontPage中，使用向导创建表单可以确定用户需要收集的数据、域的呈现方式、是否在网页开头包含目录以及保存表单结果的方式等设置。（1）执行菜单命令“文件/新建/网页”，打开“新建”对话框并切换到“常规”标签页。（2）在网页模板和向导列表框中选择“表单网页向导”图标。（3）单击“确定”按钮，出现“表单网页向导”对话框。（4）根据表单网页向导的提示不断地单击“下一步”按钮，确定需要收集的数据、域的呈现方式、网页开头是否包含目录以及表单结果的保存等设置。（5）在最后一个对话框中单击“完成”按钮。3、创建搜索表单创建搜索表单可以让站点访问者利用指定单字或短语搜索站点。当站点访问者提交搜索表单时，FrontPage将在站点所有网页中检索文本索引，然后显示指向包含搜索文本的网页的超链接列表。创建方法如下：（1）在网页视图中，将插入点定位到需要插入搜索表单的位置。（2）执行菜单命令“插入/组件/搜索表单”，打开“搜索表单属性”对话框。（3）在“搜索表单属性”标签页中，可以设置如下选项：、在“输入框的标签”文本框中，输入可以让站点访问者指定想要查找的单栏文本框的文本标签，系统默认值为“搜索：”。、在“以字符数为单位的宽度” 文本框中，指定在单栏文本框中输入的文本宽度，其单位为“字符”。、在“开始搜索按钮的标签”文本框中，输入按钮域的标签以开始搜索。在“清除按钮的标签”文本框中，输入按钮域的标签以将一栏文本框中的文本还原到表单的默认值。（4）在“搜索表单属性”对话框的“搜索结果”标签页中，可以设置表单搜索结果的相关选项。（5）单击“确定”按钮。（6）文本索引过期时发出警告的设置。在站点中保存网页时，FrontPage将所有新单词添加到站点的文本索引中。文本索引是不断增加的，新的单词会被加入到索引中，但旧的不会被删除。在文本索引过期并需要重新计算以删除过期的单词时，可以让FrontPage发出警告，操作步骤如下：、执行菜单命令“工具/选项”，打开“选项”对话框。、单击“常规”标签。、在“常规”区内选中“当文本索引过期时发出警告”复选框。、单击“确定”按钮。二、插入表单域表单是由文本和表单域组成的。表单域是网页上的一个数据输入域。站点访问者通过输入文本或选择项目在域中提供信息。1、文本框文本框主要用于站点访问者键入文本以提交信息。（1）单行文本框如果用户需要获取站点访问者提供的一行信息，可以在表单中添加单行文本框。操作步骤如下：、在网页视图中，将插入点定位到需要插入单行文本框的位置。、执行菜单命令“插入/表单/单行文本框”，在当前位置插入一个单行文本框。、直接在表单上输入文本框的标签。、右击单行文本框，从弹出的快捷菜单中选择“表单域属性”命令，打开“文本框属性”对话框。、在“名称”文本框中为单行文本框指定一个内部名称，它不会显示在表单上，但可以在表单结果中用来标识该文本框。站点访问者提交表单时，该文本框名称和内容都会包含在表单结果中。、在“初始值”文本框中可以为单行文本框设置初始值，当浏览该网页时，该值将显示在文本框中。、在“宽度”文本框中输入所需文本框的宽度，其单位为字符。、在“Tab键顺序”框中输入1-999的值以指定域在索引标签顺序内的位置。站点访问者可通过按Tab键进行域间的移动。、在“密码域”区中选择“是”单选按钮，用户在该文本框中输入字符时，Web浏览器将使用星号“*”代替每个字符。、单击“确定”按钮。（2）滚动文本框滚动文本框能够输入一行或多行文字。操作方法是：、在网页视图中，将插入点定位到需要插入滚动文本框的表单中。、执行菜单命令“插入/表单/滚动文本框”，在当前位置插入一个滚动文本框表单域。、直接在表单上输入文本框的标签。、右击滚动文本框，从弹出的快捷菜单中选择“表单域属性”命令，打开“滚动文本框属性”对话框。、在“名称”文本框中指定当前表单域的名称。、在“初始值”文本框中输入滚动文本框的默认值。、在“宽度”文本框中指定滚动文本框的宽度。、在“行数”文本框中指定滚动文本框的行数。、单击“确定”按钮。2、复选框复选框可以表达访问者是否选中某个选项。如果有多个复选框，可以同时选中所有的选项，也可以一个都不选，各个选项之间是彼此独立的。插入步骤是：（1）在网页视图中，将插入点定位到需要插入复选框表单域的表单中。（2）执行菜单命令“插入/表单/复选框”，在当前位置插入一个复选框表单域。（3）直接在表单上输入复选框的标签，按回车键。（4）重复步骤2-3，在表单中创建其余的复选框。（5）右击复选框，从弹出的快捷菜单中选择“复选框属性”命令，打开“复选框属性”对话框。（6）在“名称”文本框中输入用于标识当前复选框表单域的名称。（7）在“值”文本框中输入值与域创建关联。如果这个复选框被选中，该值就会连同表单结果一起返回，并显示在默认的确认网页上。（8）在“初始状态”区中，指定站点访问者第一次打开表单时该复选框的默认状态，如“选中”、“未选中”。（9）单击“确定”按钮。3、单选按钮站点访问者单击网页中的单选按钮后，可以表示出访问者的选择。它通常成组使用。组中的某一项会被默认为是已选中，选择一个新的选项时，就会取消其它选项的选择。操作步骤如下：（1）在网页视图中，将插入点定位到需要插入单选按钮的表单中。（2）执行菜单命令“插入/表单/单选按钮”，在当前位置插入一个单选按钮。（3）在表单上输入单选按钮的标签。（4）按回车键后重复上述步骤，在表单中创建一组单选按钮。（5）双击单选按钮，打开“单选按钮属性”对话框。（6）在“组名称”文本框中输入一个用于标识单选按钮所属组的名称。（7）在“值