羊皮纸 服务
       
       
      分享
       
      羊皮纸论坛

      羊皮纸论坛

      分享让知识传播,阅读让心灵成长, 创作让文化传承,让我们共同努力。
      • 禁止广告文
      • 知识传播
      • 阅读
      • 心灵成长
      • 创作
      • 文化传承
      发表新主题
      随机主题
      上个主题
      下个主题
      |
      索引地图建立工具

      这是鱼恋秋波自己写的索引地图建立工具,刚在开始接触网页设计後,为了增加自己的网页设计功力,建置了第一个自己的游戏资料站∶

      枫之谷游戏资料站-枫叶雨

      这个网站里就使用了当时尚未流行的 Ajax 连线技术,其中也包含了许多的索引地图;什麽是索引地图呢?索引地图就是将网页上的某一张大图片中,选定某些区域,这些区域可以用来当作连结或是触发特殊的功能 ,如此一来使用者不必一定要使用文字作为连结,图片的部份区域也可以用来连结,让整体的浏览更加的视觉化。可以参考

      枫之谷地图导览 / 艾纳斯岛 - 天空之城

      索引地图的技术一般是使用网页语言 "<image>"、"<map>"、"<area>" 这三种标签,其中 <area> 标签用来指定每个区域的座标资讯,所以在制作枫叶雨的地图时,因为不喜欢网页设计软体所产生出来的巨大程式码,所以程式码都是纯手工撰写,所以每个区域的座标也都是透过使用 Photoshop 将每个座标一一的抄写下来的。

      这次在制作黑族导览地图时,也使用了相同的索引地图技术,正当要开启 Photoshop 抄写座标时,突然觉得应该要找一个快速而一劳永逸的方法,於是就花了一点小时间写了这支索引地图建立工具,直接在线上载入图片,用滑鼠点一点,就可以产生 HTML 网页程式码,或是後端资料阵列,大大的缩减了座标建立的时间。

      索引地图建立工具也放置在黑族工具箱里,开放给网友免费使用,因为分享才会让进步更快速!

      • 本文为原创部落格《 索引地图建立工具 》, 请尊重著作权, 未经作者同意请勿任意转载
      • 关键字 : 索引地图, 其中, Photoshop, 黑族工具箱, 鱼恋秋波, 部份区域, 透过使用, 连线技术, 这三种标签, 谷地图导览, 许多, 让整体, 触发特殊, 视觉化, 艾纳斯岛, 网页程式码, 缩减, 线上载入图, 纯手工撰写, 索引地图就
      0 0
      2012-03-21T10:51:00+0000


      • 当您未登入羊皮纸时,可以利用脸书 Facebook 登入来发表回响。若使用羊皮纸会员身份发表回响则可获得经验值及虚拟金币,用来参加羊皮纸推出的活动。
      发表回响
       
      验证字串

      Facebook 粉丝专页

      QRCode 条码 & APP 连结

      说明
      本页网址

      在相关服务标签中,『扫描条码,在行动装置』或是『点击连结按钮,在本装置』中开启网页或是 APP 相关操作。
      QRCode