【任务3-4】创建底部帮助导航栏

【任务描述】

（1）创建包括底部帮助导航栏的网页0302help.html 。

    在站点文件夹“page”中创建包括底部帮助导航栏的网页0302help.html，横向排列的底部帮助导航栏主要包括“新手指南”、“配送方式”、“支付方式”、“售后服务”和“帮助信息”等5个组成部分，每个部分纵向又细分为多个选项

（2）设置底部帮助导航栏各个文本形式的超链接。

    底部帮助导航栏的外观效果如图3-11所示。

（3）在网页文档0302.html中，应用浮动框架<iframe> </iframe>嵌入网页0302help.html。

图3-11 底部帮助导航栏的外观效果

【任务实施】

1．创建包括底部帮助导航栏的网页0302help.html

2．创建文本形式的超链接

3．保存网页与浏览网页效果

   保存网页0302help.html，然后按快捷键F12，底部帮助导航栏的浏览效果如图3-11所示。

4．利用浮动框架在网页0302.html中嵌入网页0302help.html 。

打开文件夹“3-1”中网页文档0302.html，在该网页中“<div>”与“</div>”之间输入以下HTML代码，嵌入网页0302help.html。

<iframe  src="page/0302help.html"  name="scrollimg"  width="100%" 

     marginwidth="0 " height="185"  marginheight="0"  

     scrolling="no"  frameborder="0"  id="pagehelp"

     allowtransparency="true"  application="true">用户帮助

</iframe>