做话费充值的兄弟姐妹们，你们希望拥有一个个性，超炫的充值导航图呢，客户进你的店，看着中国大地图，点击相应的省份(名称)，立刻就能找到自己想充值的宝贝！这样一个独特、美观、大气的导航图，在装点你店铺的同时，也更好的体现了你充值店的专业化和人性化！做这样一个导航图，需要很高超的做图技术吗?不，很简单，只要你拿出一点耐心，和一点学习精神，即使你从来没用过做图软件，跟着我一步步做，你也能拥有自己的独特导航图！(注意：1、旺铺才能使用本导航图2、本文只针对象我一样没接触过专业做图软件的新手，我们只使用某个软件的某个功能或者工具，其它的不管也不问，高手请不要笑话呵呵)
首先，我们先来看下需要用到的图象软件和工具：
1.大名鼎鼎的PS(Photoshop)：别担心，我们不需要对这个PS有望而生畏的感觉，因为我们只需要它来跑下龙套而已。
2.最简单易用的iSee：主要是用来处理下素材，给你的导航图增加点个性化的东西。觉得麻烦的，可以不用管。
3.最傻瓜而强大的专业扣图工具KnockOut 2：这里强烈推荐,从来没扣过图的朋友，也可以使用它实现最简便，最完美的扣图效果！该工具的安装和使用网上有很多。同样，嫌麻烦，不追求个性化的朋友请无视它。
3.今天的主角Macromedia Dreamweaver 8：这个才是我们今天的主角，什么?你问我它是什么叫什么名字?我老实的说，我也不知道它是什么叫什么，我只知道，做导航图的话，有它就非常的简单了。
特别说明：这些软件打开文件的方式都一样，从软件界面的最左上角的"文件"菜单中打开，以后不再说明。
小结：必需的软件：Macromedia Dreamweaver 8和Photoshop CS2，说明，软件版本尽量选择和我一样的，太低级的和简装版，可能没有我们需要的功能。可有可无的软件和工具：KnockOut 2和iSee,需要效果美一点，同时也想学一点装修技能的就用，不需要的就不用。
开始制作：
一、素材准备和制作：
1、找一张中国地图。
要求：A.省界分明，只标注省、直辖市名称。没有其它多余文字的。我们要的是简洁、清晰和大气的效果。颜色等个性化用ISEE自行处理，以配合自己的店铺风格。B.宽尽量在550像素以上，以便图象大小调整时不失真
我用的是这样一个素材，为配合我自己的店铺整体，颜色已经处理过：
喜欢的朋友可以直接用QQ截下来，做你自己的素材(QQ截图方法：QQ开启的情况下，使用CTRL+ALT+A的组合键，拖动鼠标选择截图区域，另存为即可)
2、背景处理：这个主要是为了增加点装饰作用，嫌麻烦的朋友可以跳过，直接看第三步"分类设置"。喜欢的朋友跟着我做，我喜欢的是书法文字淡化+渐变背景。所以我选择了iSee来处理：
A、点开"文件"，新建一个图片，大小为750X500像素，颜色我选择灰色；
B、点"相框"工具，进入后选择"多彩毛边"-本地相框-颜色渐变02，步骤和效果如图，应用返回
C、点"文字"工具，进入后在右边文本框里输入文字内容。这里我选择了苏轼的《念奴娇.赤壁怀古》。竖排方法：使用回车键来实现文字竖排；从右至左排法：每列完成点"应用"一次；文字淡化方法：使用"字体效果"设置参数；位置调整：使用鼠标拖动；字体和大小，颜色等，如图调整。
D、效果满意后，应用返回，保存备用。
3.前景地图处理(不使用背景、嫌麻烦的朋友可以省略)：这个是为了把前景地图和背景完美的结合，使用抠图来实现。
A.安装扣图工具KnockOut 2
B.使用iSee打开中国地图素材，点选"图象调整"中的"抠图去背景"，进入扣图界面后选择"容易扣图"，即可进入KnockOut 2的界面。使用放大工具适当放大后,点选"内部对象"工具，勾选"多边形模式"，沿着地图内部点连(注意我的地图素材，有些省份名称超出了地图外，所以要把名称框也选在内部)。
C.内部点连完毕，头尾相连，双击使之成为闭合曲线，此时的连线就变成了动态的虚线
D.选择"外部对象"，勾选"多边形模式"，沿着地图外部点连一圈，双击闭合。
E.点击"处理和输出图象"回到iSee的抠图界面，点开"保存返回"菜单，"保存为水印图片"。一个无背景的水印图就做好了。
二、素材合成：
1、打开刚才做好的背景图，点"水印"工具，进入后"选择水印"，找到刚才抠图保存的中国地图水印图；
2、拖动滑块调节水印大小，用鼠标移动调整位置；
3、满意后，应用返回。
5.其它个性化处理：使用水印、文字和相框工具，添加说明文字、店标、边框等。
6.调整大小，点"图象调整"，设置宽为750像素，保存完成图。
图片处理就全部完成了！
三、分类设置
1、管理我的店铺-分类管理
2、将话费充值的分类设置成一个大分类+各省份子分类的形式
3、保存退出
四、格式转换
1、启动Photoshop 2、打开刚才做好的完成图(嫌麻烦的朋友直接上中国地图素材)
3、点开"文件"菜单，选择"保存为WEB所用格式"
4、优化，这里选择JPEG格式，来优化，你可以试着调整和换用其他格式，看优化和原图的效果对比，找到一个效果不失真而又文件最小的平衡点。
5、保存。PS的任务就完成了呵呵
注意，此次转换保存后，文件就分为了两个部分：一个就是刚才选择的保存路径文件，这个是网页文件；另一个图片文件，被自动保存到了默认的images文件夹(一般在"我的文档"里)。
五、创建热区
1、主角上场，启动Macromedia Dreamweaver 8
2、打开刚才用PS转换保存的网页文件
3、使用"热点"工具，框选各个省份名称(按住鼠标左键拖曳)。这里我选择了"矩形热点工具"，来创建热区
4、每框选一个热区，要在链接框里粘贴相应省份的分类地址
5、框选名称-粘贴地址，重复这个动作，依次创建完成所有地方(港澳台的也创建下，地址就用全国通用分类的，说不定哪天就开通港澳、统一台湾了呵呵)
6、保存退出
六、获取代码
1、找到创建热区完成保存的网页文件
2、右键菜单，选择打开方式为"记事本"
3、选择全部，复制代码。退出
七、代码粘贴
1、管理我的店铺-装修店铺-编辑(自定义页面)
2、在编辑器里点下"编辑HTML源码"按钮(其它按钮会反白不可用)
3、粘贴刚才复制的代码，再点下"编辑HTML源码"按钮，可以见到各省份的空白框
4、在该空白大图上双击，出现图片地址对话框
5、另开一个浏览器窗口，管理我的店铺-素材管理-图片空间，上传images文件夹里的图片
6、复制图片地址，回到图片地址对话框，粘贴，确定，保存
八、预览发布，检查各地的链接是否正确
九、大功告成！一个快捷方便、美观大气、独特眩目的充值导航图就在你店里发光了！哈哈
