电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

DreamweaverCS5制作下拉菜单

DreamweaverCS5制作下拉菜单_第1页
1/8
DreamweaverCS5制作下拉菜单_第2页
2/8
DreamweaverCS5制作下拉菜单_第3页
3/8
一、使用 Dreamw eaver CS5 制作下拉菜单 1. 在“插入”面板中点击“绘制 AP Div”按钮插入一个 AP Div。请阅读 Dreamw eaver CS5插入 AP Div。 2. 选择刚才插入的 AP Div。请阅读 Dreamw eaver CS5 激活、选择和删除 AP Div。 3. 在 AP Div 属性面板上,设置 AP Div 的参数。如下图所示: 请阅读 Dreamw eaver CS5 中 AP Div 属性面板。 4. 在 AP Div 内单击,将光标放在 AP Div 内,然后插入一个一行四列的表格,如下图所示: 请阅读 Dreamw eaver CS5 插入表格。 (1)按住Ctrl 键的同时点击表格的四个单元格,设置它们的宽度都为120。请阅读Dreamw eaver CS5 改变单元格的高度和宽度。 (2)在单元格中分别输入主菜单名称,然后加上链接。请阅读 Dreamw eaver CS5 创建超链接。如下图所示: 如果 AP Div 与表格的设置不一致,可以分别调整 AP Div 或者表格。 5. 重复 1.2.3.的步骤再次插入一个AP Div,然后设置AP Div 的参数。如下图所示: 注意:“左”和“上”两个参数是设置这个AP Div 距离窗口左边框和上边框的距离的,如果填写的不正确,会导致子菜单的错位和以后的可用性。 6. 在 apDiv2 中输入下拉菜单的内容,在此仍用表格进行排版。如下图所示: 7. 为“网络编程”再制作一个AP Div,仍然重复 1.2.3.的步骤插入一个AP Div,然后设置AP Div 的参数。如下图所示: 8. 在apDiv 3 中输入下拉菜单的内容,仍然使用表格排版。因为表格排版比较方便,当然也可以使用其它方法。如下图所示: 9. 在“窗口”菜单中选择“AP 元素”命令,打开“AP 元素”面板。如下图所示: 点击“apDiv2”和“apDiv3”前面的方格,出现了闭着的眼睛图标。这时“apDiv2”和“apDiv3”被隐藏了起来。当我们打开网页时,这两个下拉菜单中隐藏起来的。 二、给菜单添加 Jav aScript 行为 1. 为“网页制作”添加 Jav aScript 行为。在“窗口”菜单中选择“行为”命令,打开行为面板。点击“网页制作”所在的标签,在行为面板中点击“十”按钮,在弹出的子菜单中选择“显示-隐藏元素”项,如下图所示: 2 . 打开“显示-隐藏元素”对话框,如下图所示: 在“元素”项中设置“div "apDiv2"”为“显示”。这是“网页制作”的下拉菜单。 3 . 点击“确定”按钮返回到行为面板,将“onClick”修改为“onMouseOver”,如下图所示: “onMouseOver...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

DreamweaverCS5制作下拉菜单

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部