Dreamweaver实用小技巧

网站设计，特别是DIV+CSS，使用Dreamweaver来设计绝对是方便快捷的。如果在设计过程中如果加点小技巧的话，网页设计绝对是锦上添花，下面课课家小编为大家分享几个小技巧吧。
\
1.让网页页面更有弹性
这种技巧叫做是stretchy（弹性延伸的技巧）。，可在访客浏览器窗口大小改变时也随之调整网页页面大小，因此若是窗口过大就不会有空白处、窗口过小边缘就不会跑出上下移动的拉Bar。
用工具面版（Objectpalette）上的按钮开启网页，并且转换到格式检视（Layoutview）。这时可以看到文字方块的列宽，每一列的方框上方中间还有一个小小的下拉式箭头，选择想要设定弹性显示的列上方的小箭头，接着选择「将列设为弹性显示」（MakeColumnAutostretch）。（设定自动调整列宽以一列为限）这时该列方框上方就会出现一条波浪形的线，而不是原本表示列宽的数字。Dreamweaver会自动制作出固定版面的空格图文件，这个空白图文件是以列上方的两个长条形的空白表格表示，如此版面会自动被填充，才会完成弹性版面设定。
2.制作弹出式选单导览系统
原本要制作弹出式选单导览系统（Pop-upMenuNavigationSystem）要用到好一些JavaScript的语法技巧，但是若你装了Dreamweaver/FireworksStudio，轻轻松松即可快速办到。首先在Fireworks里开始，选择某个图片，然后在SetPop-UpMenu的对话框里选择Insert·Pop-UpMenu，你可以输入项目（items）的名称并选择Plus（加入）按钮，来新增该项目。你可以继续在跳出来的讯息框里进行细项设定，例如设定该项目所要用的文字及连结，当然也可以新增子选单、并重新安排下一层的设定。完成时，选择Next（下一步），继续设定偏好值，例如颜色、字体等等。这时选单完成后，可以预览HTML语法，也可预览影像。再选择Finish（完成）。这时当鼠标移动到原来的图案时，会出现选单系统的内容一览。接着将制作好的档案汇出时，Fireworks会自动生产出所有Dreamweaver需要用到的HTML、Javascript，以及影像档案。
3.创造个性化调色盘
Dreamweaver4.0新的Assetspanel（属性控制面板）是一种可以在编辑网站时根据档案型态，例如图片、样板等来管理档案的新工具，当你定义新站台时（选择Site·NewSite），所有类型的组件会自动增加到Assetpanel里的适当表框中。这个加入新的Assetspanel属性控制面版里也有颜色框，储存你网站里所用到的所有色彩，包含文字的颜色、背景的颜色，以及连结的颜色等。这是一个为使用者量身定做的网站导向颜色盘。只要激活Assetspanel（先选择Window·再选择Assets），接着选择左方那个小小的色彩滚动条，就可以看到你网站里各式各样的颜色选项。当然你可以将这些颜色拉到某些特定选取的文字中。甚至当你选择某种颜色时，画面上会出现这种颜色的十六进制值的色彩浓淡度，和三色对应码（RGB）。如果想将调色盘工具列缩小一点，甚至可以仅加入某些颜色到调色盘的收藏夹里。只需将选取的颜色反白、选择窗口里一个叫做「添加到我的收藏夹」按钮（最下方靠右的按钮），就完成了。
以上就是小编为大家搜罗的几个小技巧，如果你觉得对你的设计有帮助的话，不妨去试试。
 

文章来源于课课家在线教育学习平台，转载请注明。