• Dreamweaver教程
  • FrontPage教程 Flash教程 CSS教程 javascript教程
    当前位置:教程 > 网页制作 > Dreamweaver教程 > 正文

    Fw、Dw双剑合壁造菜单

    编辑:教程网 来源:网络 时间:2011年11月07日 15:52
    与图形设计制作软件的龙头老大-Adobe公司的Photoshop相比,Macromedia公司的Fireworks?4(以下简称FW4)可谓短小精悍,同时,她对于网页图形制作的强大支持,也使其轻松获取了大批网页设计师的信任和追随。配合Macromedia网页制作三剑客中的另一位大名鼎鼎的剑客Dreamweaver?4(以下简称DW4),FW4可以轻而易举地做出时下网页中甚为流行的弹出菜单(亦称下拉菜单)。如果你对DHTML网页编程不甚熟悉,看到代码就头疼,不如跟随笔者一起亲身体验FW4的魅力所在吧!?

      一、?在FW4中制作菜单?

      1.制作母菜单按钮?

      打开FW4,选择File菜单下的New,或者按Ctrl+N快捷键,如图一新建一个文件,尺寸200X30像素,精度72像素/英寸,背景透明。?



      选择Window菜单下的Tools打开工具面板,从工具面板上选择矩形工具,?



      画一个100X30像素大小的矩形,选择Window菜单下的Info打开信息面板,直接输入数值精确调整尺寸和位置;?


      ?
    选中这个矩形,Ctrl+C复制,Ctrl+V原地粘贴,这时候两个矩形重叠,将上面这个矩形拖到旁边,同样使用信息面板定位;?


      ?
      然后分别选中这两个矩形,调整它们的填充色和边框色,方法有两种,一是利用工具面板上的Color工具区里的Stroke和Fill按钮,?



      二是选择Window菜单下的Stroke和Fill分别打开线型面板和填充面板,在面板上选择,注意的是线型要选"Pencilà1-Pixel?Hard"或"BasicàHard?Line"(如图),??



      这样输出后才能做出细边框效果;从工具面板上选择文字工具,输入文字,注意选择文字的平滑度为No?Anti-Alias(关闭反锯齿,如图),?



      然后同时选中文字和其中一个矩形,从Modify菜单下的Align中分别选择Center?Vertical和Center?Horizontal来对齐文字和矩形,效果如图所示。?




  • 原文来自 教程网 转载请注明:http://www.websmill.com/wangye/Dreamweaver/31797.html

  • 上一篇:Dreamweaver MX 打造留言本(一)
  • 下一篇:利用DW-MX制作ASP.NET修改(2)