DreamweaverCS5代码集锦：网页设计与交互技巧
5星 · 超过95%的资源 需积分: 50 75 浏览量
更新于2024-09-14
收藏 10KB TXT 举报 "Dreamweaver CS5 是一款由Adobe公司推出的强大的网页设计和开发工具，它集成了一系列的代码编辑功能，使得用户可以更加便捷地创建、编码和管理网站及应用程序。本资源主要提供了Dreamweaver CS5中的各种代码示例，帮助用户了解和掌握在网页制作中常用的HTML、CSS以及其他相关代码的应用。以下是一些关键代码片段的解释和应用：
1. 隐藏滚动条：
`<body style="overflow-y:hidden">` 和 `<body style="overflow-x:hidden">` 分别用于隐藏页面的垂直和水平滚动条，`<body scroll="no">` 则同时隐藏两个方向的滚动条，使得内容在指定区域内不超出显示。
2. 鼠标悬停效果：
`<TD onmouseover="this.style.backgroundColor='#FFFFFF'" onmouseout="this.style.backgroundColor=''"` 这段代码应用于表格单元格（TD），当鼠标悬停在单元格上时，背景色变为白色，移开后恢复原背景色。同时，`style="CURSOR:hand"` 设置了鼠标指针为手形，暗示可点击。
3. 禁止页面元素拖动、右键菜单和选择：
`<body ondragstart="window.event.returnValue=false" oncontextmenu="window.event.returnValue=false" onselectstart="event.returnValue=false">` 这段代码用于阻止用户对页面元素进行拖动、右键菜单操作以及文本选择，增加了页面的控制性和安全性。
4. 使用iframe嵌入页面：
`<iframe name="name" src="main.htm" width="450" height="287" scrolling="Auto" frameborder="0"></iframe>` 这是创建一个IFRAME的实例，用于在网页中嵌入另一个HTML页面（main.htm）。`width` 和 `height` 定义了iframe的尺寸，`scrolling="Auto"` 控制是否显示滚动条，`frameborder="0"` 则是隐藏边框。
5. 自适应高度的iframe：
`<iframe name="pindex" src="index.asp" frameborder="false" scrolling="auto" width="100%" height="100%" frameborder="no" onload="document.all['pindex'].style.height=pindex.document.body.scrollHeight"></iframe>` 这个iframe在加载完成后，会根据嵌入页面的实际内容高度自动调整自身高度，以实现全屏或自适应布局。
这些代码示例展示了Dreamweaver CS5中对于HTML和CSS的灵活运用，涵盖了页面布局、交互效果、内容嵌入等多个方面。通过学习和实践这些代码，用户能够提升在网页开发中的技能和效率。"
点击了解资源详情
点击了解资源详情
点击了解资源详情
2016-11-25 上传
2013-03-17 上传
2018-09-21 上传
2012-11-05 上传
2020-09-24 上传
雷龙123
- 粉丝: 0
- 资源: 3
我的内容管理
展开
最新资源
- MATLAB实现小波阈值去噪：Visushrink硬软算法对比
- 易语言实现画板图像缩放功能教程
- 大模型推荐系统: 优化算法与模型压缩技术
- Stancy: 静态文件驱动的简单RESTful API与前端框架集成
- 掌握Java全文搜索：深入Apache Lucene开源系统
- 19计应19田超的Python7-1试题整理
- 易语言实现多线程网络时间同步源码解析
- 人工智能大模型学习与实践指南
- 掌握Markdown：从基础到高级技巧解析
- JS-PizzaStore: JS应用程序模拟披萨递送服务
- CAMV开源XML编辑器：编辑、验证、设计及架构工具集
- 医学免疫学情景化自动生成考题系统
- 易语言实现多语言界面编程教程
- MATLAB实现16种回归算法在数据挖掘中的应用
- ***内容构建指南：深入HTML与LaTeX
- Python实现维基百科“历史上的今天”数据抓取教程
