最近不少使用Z-Blog的同学向我反映了这个问题——如果在博客中插入尺寸过大的图片，会导致页面被图片撑破，出现页面错位或错乱现象。他们问说是否有办法能够实现图片自动按比例缩小？低一度想了想，办法是有的，利用一小段JS代码就能达成。
首先，假设你的博客主题调用日志内容与摘要时的DIV格式如下——
<div id="content"><#article/intro#></div>（摘要）
<div id="content"><#article/content#></div>（全文内容）
当你在摘要或文章中插入图片的时候，忽略其他非图片因素，整体代码格局就会变为这样——
1）AJAX之父Jesse James Garrett在《用户体验的要素——以用户为中心的Web设计》一书中，提到了多重导航系统的概念。即“全局导航、局部导航、辅助导航、内链导航、友好导航”。对此低一度读后极为赞同，不仅如此，低一度认为，“检索”、“分类”、“网站地图”、“内容简介”等，从某种意义上讲也都只是不同的导航方式。
2）网站最终价值的实现是通过“帮助用户完成某项任务并得到某种体验”。因此，网站设计要做的事情，就是更好地引导用户完成某项任务，并保证用户在完成任务的过程中，能获取良好的操作体验。
3）如此一来，网站设计从头到尾在设计的事情，其实某种意义上说就是在做“引导”（即“导航”）设计，只有最终的那个结果，才属于真正的“内容”，才是用户最终关注的……
http://www.asiaci.com/index.php 亚洲ci网，国内高质量的平面原创
http://www.52design.com 我爱设计网，包括设计、素材、资源、酷站
http://www.design63.com.cn 设计路上，酷站资源，分类明确，更新频繁，精品收录
http://www.blueidea.com 蓝色理想，程序员之家
http://www.5d.cn 5d多媒体，多媒体先锋
http://www.chinadu.cn 设计联盟，设计资讯门户
http://www.visionunion.com 视觉同盟，中国设计专业网络媒体，包括平面、工业多媒体等
…………
好早前我就看过帕兰的这个AD投放效果了，觉得很有艺术性，感觉很好。但由于一直忙其他的东西，总是忘了去研究一下它。今天抽空终于把它给仿下来了，希望大家会喜欢。下面说一下怎么实现这个效果……
今天整理了两款导航菜单，都是仿制的，素材来源自网络，低一度做了代码优化与验证，效果可以说非常漂亮、精致。一款是仿猪八戒首页的MENU效果，一款是仿美橙互联。演示图片见下图！这两款菜单，低一度会想办法整合进下次制作的主题中，希望届时大家会喜欢。
NO.1_仿猪八戒首页导航菜单
1.代码规范编写的问题
采用xhtml+CSS代码来编写页面，抛弃传统的Table布局模式，去掉页面中的例如font/bgcolor/width/height/color等格式化控制标签。用符合Web标准的代码来设计制作页面。这样能让xhtml代码结构化、语义化。提高页面代码的可读性。采纳以上的规范编写页面，你会发现你的html代码可以变得非常小，当然如果可以的话，应让它尽可能变得更小，因为太大的页面会影响搜索引擎的处理速度。一般通过xhtml+css设计的网页，html代码应该控制在50KB以内。有关这个，大家可以参考一下用Web标准重构得比较好的网站。
2.关键字的位置及其他
网页设计过程中，每个页面的关键字应尽可能出现在页面标题的位置，即Title标签中。要尽量在每个页面代码中合理使用<h1>、<h2>等标签，让内容中最有价值的关键字出现在<h1>标签里……
