【免费】网页层设计dreamweaver资源-CSDN文库

共24个文件

html：12个

jpg：8个

gif：4个

需积分: 0 174 浏览量 2008-10-29 18:19:05 上传评论收藏 353KB RAR 举报

在网页设计领域，Dreamweaver是一款非常流行的工具，它提供了丰富的功能来帮助设计师们创建复杂的交互式网页。本文将深入探讨“网页层设计”这一主题，包括层的设计、层的合并以及状态栏的设置。我们要理解“层”在网页设计中的概念。层如同网页上的透明胶片，可以独立移动和调整大小，每个层上可以放置不同的内容，如文本、图像、视频等。通过使用层，设计师可以精确控制网页元素的位置和显示顺序，使得网页布局更加灵活和动态。在Dreamweaver中，创建新层可以通过菜单栏的“插入”>“HTML”>“层”来实现，也可以通过快捷键或直接在舞台上拖拽来创建。层的设计包括定义层的大小、位置、可见性等属性。大小和位置可以通过拖动边框或使用属性面板进行调整。层的可见性可以通过勾选或取消勾选“显示”选项来控制。此外，还可以设置层的Z轴顺序，决定哪些层会覆盖其他层。对于复杂的网页布局，合理利用层的堆叠顺序至关重要。接下来是“层合并”。在某些情况下，可能需要将多个层合并为一个，以简化网页结构或者减少冲突。在Dreamweaver中，可以选中要合并的层，然后选择“修改”>“层”>“合并所选层”。合并后的层将继承原来各层的内容，但其位置和大小将基于最初的最上层。请注意，合并层时，如果层中有重叠的内容，可能会导致部分元素被遮盖，因此在操作前需谨慎考虑。状态栏的设置在网页设计中也扮演着重要的角色。状态栏通常位于浏览器窗口的底部，显示当前鼠标悬停元素的相关信息，如链接的目标URL。在Dreamweaver中，可以通过编辑CSS样式来定制状态栏的行为。例如，可以设置链接的title属性，当鼠标悬停在链接上时，状态栏会显示该属性的值。这为用户提供了一种无干扰的方式来获取额外信息，提升用户体验。此外，Dreamweaver还提供了可视化编辑界面，使得层的管理和调整变得更加直观。通过图层面板，可以清晰地看到所有层的结构，方便选择、隐藏、锁定或调整层的顺序。同时，预览功能允许设计师实时查看改动的效果，确保设计符合预期。熟练掌握Dreamweaver中的层设计、层合并和状态栏设置是提升网页设计效率和质量的关键。通过合理运用这些技术，可以创建出富有层次感、互动性强的网页，满足不同用户的需求。记得不断实践和探索，以深化对这些工具的理解，提升自己的网页设计技能。

资源推荐

资源详情

资源评论

收起资源包目录

sample4.rar （24个子文件）

sample4

tcdj2.html 17KB

drag layer.html 11KB

tcdj.html 4KB

tc1.html 1KB

set text ceng.html 6KB

tchb.html 1KB

swap image.html 2KB

xck.html 5KB

transparent.gif 43B

image

n4.jpg 30KB

2.jpg 6KB

candle5.jpg 5KB

14-3.gif 50KB

candle3.jpg 3KB

1.jpg 4KB

candle1.jpg 5KB

14-2.gif 132KB

candle2.jpg 3KB

14-1.gif 100KB

candle4.jpg 3KB

lian.html 2KB

set text bar.html 1KB

preload image.html 1006B

popup message.html 694B

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>图层转换为表格</title> <style type="text/css">  </style> </head> <body> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td width="29" height="11" valign="top"></td> <td width="9" height="11" valign="top"></td> <td width="3" height="11" valign="top"></td> <td width="2" height="11" valign="top"></td> <td width="10" height="11" valign="top"></td> <td width="24" height="11" valign="top"></td> <td width="57" height="11" valign="top"></td> <td width="19" height="11" valign="top"></td> <td width="15" height="11" valign="top"></td> <td width="10" height="11" valign="top"></td> <td width="3" height="11" valign="top"></td> <td width="5" height="11" valign="top"></td> <td width="4" height="11" valign="top"></td> <td width="55" height="11" valign="top"></td> <td width="237" height="11" valign="top"></td> <td width="190" height="11" valign="top"></td> <td width="4" height="11" valign="top"></td> <td width="36" height="11" valign="top"></td> <td width="67" height="11" valign="top"></td> <td width="88" height="11" valign="top"></td> </tr> <tr> <td width="29" height="83" valign="top"></td> <td width="838" height="83" colspan="19" valign="top"><img src="image/14-3.gif" width="838" height="78" /></td> </tr> <tr> <td width="29" height="25" valign="top"></td> <td width="9" height="25" valign="top"></td> <td width="3" height="25" valign="top"></td> <td width="2" height="25" valign="top"></td> <td width="10" height="25" valign="top"></td> <td width="115" height="25" colspan="4" valign="top" bgcolor="#66FF66"> <div align="center">My wish list </div></td> <td width="10" height="25" valign="top"></td> <td width="3" height="25" valign="top"></td> <td width="5" height="25" valign="top"></td> <td width="4" height="25" valign="top"></td> <td width="55" height="25" valign="top"></td> <td width="237" height="25" valign="top"></td> <td width="190" height="25" valign="top"></td> <td width="4" height="25" valign="top"></td> <td width="36" height="25" valign="top"></td> <td width="67" height="25" valign="top"></td> <td width="88" height="25" valign="top"></td> </tr> <tr> <td width="29" height="14" valign="top"></td> <td width="9" height="14" valign="top"></td> <td width="3" height="14" valign="top"></td> <td width="2" height="14" valign="top"></td> <td width="10" height="14" valign="top"></td> <td width="24" height="14" valign="top"></td> <td width="57" height="14" valign="top"></td> <td width="19" height="14" valign="top"></td> <td width="15" height="14" valign="top"></td> <td width="10" height="14" valign="top"></td> <td width="3" height="14" valign="top"></td> <td width="5" height="14" valign="top"></td> <td width="4" height="14" valign="top"></td> <td width="55" height="14" valign="top"></td> <td width="237" height="14" valign="top"></td> <td width="190" height="14" valign="top"></td> <td width="4" height="14" valign="top"></td> <td width="36" height="14" valign="top"></td> <td width="67" height="14" valign="top"></td> <td width="88" height="14" valign="top"></td> </tr> <tr> <td width="29" height="14" valign="top"></td> <td width="9" height="14" valign="top"></td> <td width="140" height="153" colspan="8" rowspan="3" valign="top"><img src="image/candle5.jpg" width="140" height="140" /></td> <td width="3" height="14" valign="top"></td> <td width="5" height="14" valign="top"></td> <td width="4" height="14" valign="top"></td> <td width="55" height="14" valign="top"></td> <td width="237" height="14" valign="top"></td> <td width="190" height="14" valign="top"></td> <td width="4" height="14" valign="top"></td> <td width="36" height="14" valign="top"></td> <td width="67" height="14" valign="top"></td> <td width="88" height="14" valign="top"></td> </tr> <tr> <td width="29" height="29" valign="top"></td> <td width="9" height="29" valign="top"></td> <td width="3" height="29" valign="top"></td> <td width="5" height="29" valign="top"></td> <td width="490" height="139" colspan="5" rowspan="2" valign="top"> <table width="490" height="115" border="0" cellpadding="0" cellspacing="0" mm_noconvert="TRUE"> <tr> <td width="122" bgcolor="#9933FF"><span class="STYLE2">喜欢你我对你的短 </span></td> <td width="368" bgcolor="#CC66FF"><div align="center" class="STYLE2">喜欢你我对你的短信会发出会心的一笑 <br /> 喜欢你我可以听你讲你心中的秘密 </div></td> </tr> <tr> <td bgcolor="#9933FF"><span class="STYLE2"><br /> 喜欢你我可以听秘</span></td> <td bgcolor="#CC66FF"><div align="center" class="STYLE2">喜欢你我对你的短信会发出会心的一笑 <br /> 喜欢你我可以听你讲你心中的秘密 </div></td> </tr> <tr> <td bgcolor="#9933FF"><span class="STYLE2"><br /> 喜欢你我可以听你</span></td> <td bgcolor="#CC66FF"><div align="center" class="STYLE2">喜欢你我对你的短信会发出会心的一笑 <br /> 喜欢你我可以听你讲你心中的秘密 </div></td> </tr> </table></td> <td width="36" height="29" valign="top"></td> <td width="67" height="29" valign="top"></td> <td width="88" height="29" valign="top"></td> </tr> <tr> <td width="29" height="110" valign="top"></td> <td width="9" height="110" valign="top"></td> <td width="3" height="110" valign="top"></td> <td width="5" height="110" valign="top"></td> <td width="36" height="110" valign="top"></td> <td width="67" height="110" valign="top"><img src="image/candle3.jpg" width="67" height="75" /></td> <td width="88" height="110" valign="top"></td> </tr> <tr> <td width="29" height="9" valign="top"></td> <td width="9" height="9" valign="top"></td> <td width="3" height="9" valign="top"></td> <td width="2" height="9" valign="top"></td> <td width="10" height="9" valign="top"></

评论收藏

内容反馈