专业网页制作

《专业网页制作》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、对想要在可视化的环境下制作复杂网页的专业网页制作者來说，Dreamweaver已经渐渐在网页编辑工具市场中展露头角，成为专业人士编写网页的最佳选择。以□前的情况来说,Dreamweaver内建的功能可说是越作越多、越作越丰富、齐备。在这里我要向大家介绍的4.0版本屮的一些应用小技巧。1.让网页页面更有弹性冇些网页开发者称以下要介绍的这种技巧为liquid,我在这儿则把这种技巧叫做是stretchy（弹性延伸的技巧）。这是一种技巧，可在访客浏览器窗口大小改变时也随之调整网页页面人小，因此若是窗口过人就不会有

2、空白处、窗口过小边缘就不会跑出上下移动的拉曲门其实大多数简单的网页会自己随着浏览器窗口大小來调整页面大小，但是若是网页里用到很多不同的框框及表格，网页页面大小就很难口动弹性地调整。通常网页设计者会用混合运用固定栏宽的框框，和GIF图档作为间隔，来设计网页页面，这样一来不论是用InternetExplorer或是用，页面大小都会固定而不会跑掉。用Dreamweaver4.0可以轻而易举的设讣出会自动弹性调整的网页。要怎么做呢？用工具面版（Objectpalette）上的按钮开启网页，并口转换到格式检视（La

3、youtview）。这时可以看到文字方块的列宽，每一列的方框上方屮间还有一个小小的下拉式箭头,选择想要设定弹性显示的列上方的小箭头，接着选择「将列设为弹性显示」（MakeColumnAutostretch）。（设定自动调整列宽以一-列为限）这时该列方框上方就会出现一条波浪形的线，而不是原本表示列宽的数字。Dreamweaver会自动制作出固定版面的空格图文件，这个空白图文件是以列上方的两个长条形的空片表格表示，如此版面会口动被填充，才会完成弹性版面设定。（在第一次增加空口图文件时会跳出一个对话框问你是否要

4、使用内建图档，为求效果，我建议你让Dreamweaver白动产生一个，不然就不用使用空白图文件来填充版面。）2.创造个性化调色盘Dreamweaver4.0新的Assetspanel（属性控制面板）是一"种可以在编辑网站时根据档案型态，例如图片、样板等來管理档案的新工具，当你定义新站台时（选择Site•NewSite）,所有类型的组件会口动增加到Assetpanel里的适当表框中。这个加入新的AssetspanelB性控制面版里也有颜色框，储存你网站里所用到的所有色彩，包含文字的颜色、背景的颜色，以及连结

5、的颜色等。这是一个为使用者量身定做的网站导向颜色盘。只要激活Assetspanel（先选择Window•再选择Assets）,接着选择左方那个小小的色彩滚动条，就可以看到你网站里各式各样的颜色选项。当然你可以将这些颜色拉到某些特定选取的文字中。甚至当你选择某种颜色时，画面上会出现这种颜色的I•六进制值的色彩浓淡度，和三色对应码（RGB）。如呆想将调色盘工具列缩小一点，甚至可以仅加入某些颜色到调色盘的收藏夹里。只需将选取的颜色反白、选择窗口里一个叫做「添加到我的收藏夹」按钮（最下方靠右的按钮），就完成了。1

6、.制作弹出式选单导览系统原本耍制作弹出式选单导览系统（Pop-upMenuNavigationSystem）要用到好—些JavaScript的语法技巧，但是若你装了Dreamweaver/FireworksStudio,轻轻松松即可快速办到。首先在Fireworks里开始，选择某个图片，然后在SetPop-UpMenu的对话框里选择Insert•Pop-UpMenu,你可以输入项目（items）的名称并选择Plus（加入）按钮，来新增该项FI。你町以继续在跳出来的讯息框里进行细项设定，例如设定该项目所耍用

7、的文字及连结，当然也可以新增子选单、并重新安排下一层的设定。完成时，选择Next（下一步），继续设定偏好值，例如颜色、字体等等。这时选单完成后，可以预览HTML语法，也可预览影像。再选择Finish（完成）。这时当鼠标移动到原来的图案时，会出现选单系统的内容一览。接着将制作好的档案汇出时，Fireworks会自动生产出所有Dreamweaver需要用到的HTML、JavaScript,以及影像档案。2.让图档动起来！如杲你同时安装有Drcamwcaver/FireworksStudio,这两种产品搭配的完

8、美程度将使你赞不绝口。即使你不是专业的图档设计者，在设计网页时也多多少少想把一些GIF图片文件修改得活灵活现。Dreamweaver可以让你制作动画不求人喔！在标准窗口里选择要进行修改的图片，然后在PropertyInspector里选择编辑钮（Edit）o如果你女装的Dreamweaver里附有Fireworks,Fireworks就是Dreamweaver预设图片编辑器，这时图片就会自动加载到Fireworkso（若仔细看