给您推荐几个用的人比较多的：1.Google Maps：有些国家缓存不了离线地图，比如泰国。如果你在国外手机能一直上网的话，用Google Maps是最好的选择。2、全球离线地图 MAPS.ME - world offline map：可在任何地点和任何时间查找关于全球所有国家的快速详细的离线地图。地图查找无需网络连接。3、全球自驾利器 - Sygic：全中文菜单，中文语音导航，可下载离线导航。4、CityMaps2Go
网页设计导航是怎么做的
1、打开Deamweaver8，新建一网页文件。接着输入以下导航菜单的内容：
<html xmlns=网址>
<head>
<meta http-equiv=Content-Type content=text/html; charset=gb2312 />
<title>导航栏示例</title>
</head>
<body>
<ul id=navigation>
<li></li>
<li><a href=#>首 页</a></li>
<li><a href=#>我的博客</a></li>
<li><a href=#>互动交流</a></li>
<li><a href=#>开心一刻</a></li>
<li><a href=#>悬 赏 令</a></li>
<li></li>
</ul>
</body>
</html>
2、此时对应效果如图：
3、接下来准备相关的导航按钮图片（可以事先利用PS制作好）。
4、然后将以下CSS代码加入到<head></head>之间：
<style type=text/css>
body {text-align:center;}
#navigation
{ list-style-type:none; height:auto;}
#navigation li { width:154px; height:60px; text-align:center;
float:left; padding-top:18px;font-size:20px; font-family:微软雅黑, 宋体, 隶书;
background-image:url(images/noactive.jpg);}
a {width:154px; height:72px;}
a:link { text-decoration:none; color:#FFFF00;}
a:visited { text-decoration:none; color:#FFFF00; }
#navigation li:hover { color:#CC0000; text-decoration:underline;
background-image:url(images/active.jpg);}
a:hover{ color:#CC0033;}
#left {background-image:url(images/left.jpg); width:22px;}
</style>
5、在加入CSS代码之间，网页此时的效果如图：
- 上一篇： Web设计的设计原则有哪些
- 下一篇： 返回列表