是一款网页制图软件 , 可以快速设计开发网页界面原型 , 这里使用该软件分析 已有的 网页 ;
将上述 导航栏 图片 拖动到 Adobe Fireworks 工具 中进行分析 ;
2、缩放图片
使用 Ctrl + 鼠标滚轮..., 可以放大缩小图片显示 ;
3、切片工具测量图片
使用 切片工具 , 可以测量 图片中 矩形区域 的 宽高 , 宽高显示在下方 , 下图中 切片工具 选中的 浅绿色 矩形 宽高为 9 x 48 像素..., 该区域左上角坐标为 ( 15, 7 ) ;
4、吸管工具获取图片颜色
如果想要获取图片中的颜色 , 使用吸管工具 , 点击图片对应位置 , 然后点击 颜色 按钮 , 即可在其中查看 图片 对应位置的颜色...高度 为 48 像素 , 没有 上左右 边框 , 整体背景为白色 ;
下边框 1 像素 , 颜色值为 #E8E8ED ,
文本高度 15 像素 , 文本颜色为 #222226 , 这是鼠标经过时的样式..., 鼠标没有经过时颜色值为 #555666 ;
鼠标经过时 , 下边框为 2 像素 , 颜色值 #222226 ;
三、代码示例
----
代码示例 :
<!