在Web应用程序中,帮助功能对于提升用户体验至关重要。尽管通常不会注意到它,但在某些情况下,它在节省时间和工作中发挥着巨大的作用。例如,当按钮上只有一个图像时,可能无法理解它的含义,但当将鼠标指针悬停在它上面时,它会显示该按钮的用途,这就是工具提示,它是Web帮助技术的一部分。
此外,当阅读包含特殊词汇的主题时,不必在互联网上搜索它们的定义,只需点击一下,就会出现一个小窗口,显示该词汇的描述——这也是Web应用程序的“帮助”功能之一。
工具提示是Web中非常基础且非常重要的部分,正如在引言中讨论的那样。例如,如果一个按钮上只有一个图像,可能无法理解它的含义,但当将鼠标指针悬停在它上面时,它会显示该按钮的用途,这就是工具提示。
关于工具提示,它在运行时显示,几乎所有的“服务器”控件都内置了这个(工具提示)属性。关于工具提示的一个重要事项是,Internet Explorer不接受ASP.NET控件的“工具提示”属性;它将此属性视为“标题”。在HTML控件中,必须使用“标题”属性而不是“工具提示”属性,以便控件显示帮助。
<asp:ImageButton runat="server" ID="imgbutton" ToolTip="This is an eye,Click here to enter in web" ImageUrl="~/Lilac_by_KinkyPink.jpg" />
<input type="image" title="This is an amazing eye" runat="server" src="Lilac_by_KinkyPink.jpg" style="height: 46px; width: 64px" />
输出效果将与服务器控件相同。
有时在讨论长期话题时,会使用包含长定义的关键词,这对于新手来说很难理解。为此,可以使用弹出窗口来帮助目的,它可以是一个HTML页面或一个.aspx页面,具体取决于需求。
<a href="#" onclick="window.open('procedure.htm','popup','left = 900,height=200,width=200,scrollbars=yes'); return(false);">Procedure</a>
使用了#在href中给出当前页面的引用,使用了onclick来打开一个新窗口"procedure.htm",这是已经创建的。"Left = 900"是弹出窗口的位置,其余的是一些属性。
在这里,“Procedure”是一个链接,其余的是简单的字符。
如果系统中已经创建了HTMLHELP.chm,那么可以使用一个简单的链接随时弹出它。
为此类型的帮助设施,请下载“HTML Help Workshop”。可以从以下链接免费下载:
安装完成后,请按照以下步骤为项目、网站等创建HTML帮助工作坊。
开始 - 所有程序 - HTML Help Workshop - HTML Help Workshop。现在点击“新建”工具栏。一个新的窗口将像这样打开:
选择项目,然后点击“确定”按钮。点击“下一步”按钮继续。浏览想要创建文件的位置,只需给定一个名称,然后点击“打开”。再次点击“下一步”按钮。如果还没有创建任何文件,请不要勾选任何复选框。点击“下一步”按钮,然后点击“完成”按钮,然后会出现一个新的窗口。
只需使用这些按钮来制作帮助项目。当完成创建帮助项目的所有编辑后,点击这个“编译HTML文件”按钮,然后给出该.hhp文件的路径。编译项目。现在会看到在该位置创建了一个helpfile.chm文件。完成!