首页 > 网站建设 >

网站设计公司分享如何制作动态页面

发布时间:2018-10-08 作者:深圳网站制作

 网站设计怎样制作静态页面以及如何处理表格图像等,深圳网站设计公司根据多年行业经验在前面的文章中与各位进行过分享,今天博纳网络主要详细与各位分享如何制作动态网页。动态网页不但能够实现复杂的动态效果,还能实现友好的人机交互网页的功能。例如,通过行为执行指定的动作来实现各种动态效果功能因此更容易引起浏览者的兴趣。Dreamweaver提供了多种实现动态与本文将结合Dreamweaver行为、特效和iQuerv组件以案例的形式进行帮助用户能够初步制作动态网页效果。
【学习重点】
◆制作跳转菜单
◆制作可拖动对象
◆改变对象显示属性
◆制作交换按钮
◆制作提示对话框
◆显示和隐藏元素
◆设计动画特效
◆设计Tab选项卡和模态对话框
动态网页制作步骤制作跳转菜单
  跳转菜单是链接的一种特殊形式。它不仅丰富了网页中超链接的形式,同时最大限度地节省版面。在制作网页时,如果页面布局比较紧张可以使用它将些不太重要的链接进行归类集中。在Dreamweaver中,利用“跳转菜单”行为可以设计弹出式下拉链接列表。下拉菜单中的每个选项都定义一个超链接。当浏览者选择菜单中的选项时,就如同单击网页中的超链接文本样,跳转到选项所定义的目标网页。当然,还可以利用它链接图片、文档等对象。
【操作步骤】
第1步,启动Dreamweaver,新建文档,保存htest.html。将鼠标指针定位到预定义位置,选择【插入】【表单】【选择】命令,插入一个空的下拉菜单控件,在【属性】面板中设置Name为menul.如图7.1所示。
第2步.选择【窗口】【行为】命令,打开【行为】面板。单击【行为】面板列表框上面的t按钮,在打开的下拉菜单中选择【跳转菜单】的行为,如图7.2所示。           动态网页制作效果图7.2选择【跳转菜单】行为
第3步,打开【跳转菜单】对话框,如图7.3所示,然后在该对话框中进行设置。
第4步,在【文本】文本框中设置项目的标题。在【选择时,转到URL]文本框中设置链接网页的地址.如http://www.baidu.com/,或者直接单击【浏览】按钮找到链接的网页。
第5步,在【打开URL于】下拉列表框中设置打开链接的窗口。如果选中【更改URL后选择第个项目】复选框,可以设置在跳转菜单链接文件的地址发生错误时,自动转到菜单中第个项目的网址,如图7.4所示。
第6步,设置完成,单击面板上方的+按钮,可以添加新的链接项目,
然后按第5步介绍的方法进行设置,最后设置的结果如图7.5所示。当选择【菜单项】列表框中的项目,然后单击面板上方的一按钮,可以删除项目。
提示:选择已经添加的项目,然后单击面板上方的【同上】或者【同下】按钮调整项目在跳转菜单中的位置。
第7步,设置完毕,这时可以看到在【行为】中自动定义了“跳转菜单”行为根据需要设置事件类型,这里设置honChange.即当跳转菜单的值发生变化时,将触发跳转行为,如图7.6所示。
        动态网站设计实操效果图7.6定义事件类型
第8步,保存页面,在浏览器中预览,可以看到个跳转下拉菜单,当选择不同的搜索引擎时,会自动跳转到该搜索引擎主页,如图7.7所示.
深圳网站设计公司关于对于动态网站制作跳转菜单的经验,本文就分享到这里。下期我们会继续就动态网站制作知识进行分享。博纳网络编辑整理。
文章标题:网站设计公司分享如何制作动态页面
本文地址:https://www.198bona.com/news/1476.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯