<![CDATA[通途博客 - 网页技术]]> http://258754.cn/blog/ zh-cn PBlog2 v2.4 通途博客 http://258754.cn/blog/images/logos.gif http://258754.cn/blog/ 通途博客 http://258754.cn/blog/default.asp?id=94 <![CDATA[硕思网页魔法菜单8.3功能增强不少！]]> 258754@QQ.com(admin) Tue,22 Feb 2011 15:32:25 +0800 http://258754.cn/blog/default.asp?id=94

今天偶然在网上发现，硕思魔法菜单（Sothink DHTML Menu）居然已经升级到了8.3版。这是我非常喜欢的一个工具。赶快当下来试用了一下。比原来的版本好用多了，还是汉化版的。至少有几个重要改变：

1、加了快速选择工具，可以一批批的选中同类菜单，并可直接在“编辑模式”中直选。
2、提供了一键快速发布功能。
3、提供了源文件夹及JS、图片子文件夹的可选路径。

好象提供了自动生成站点地图、GOOGLE　XML等不错的功能，还没来得及试用。
使用中也发现了一个不方便的地方。

1、生成JS文件时好象无法自动生成UTF8编码。
2、菜单中带有图片时，生成的JS第一行的源码要调整一下，才能在网站上看到－－这一点我还没搞清楚它的意图，也可能是我操作不当。

]]> http://258754.cn/blog/default.asp?id=88 <![CDATA[如何在自己的网站中使用互动地图（百度地图、google地图之比较）]]> 258754@QQ.com(admin) Fri,29 Oct 2010 11:34:19 +0800 http://258754.cn/blog/default.asp?id=88 一般的企业网站，都有"企业位置"、"地理位置"等栏目，以便于客户问路。还在使用一张静态图片或是自己制作个简单的FLASH来做地图么？你OUT了。大的服务商早就提供了地图接口。我选用了最经典的百度地图和Google地图两家，说说我们的实战感受。

  百度地图 google地图
申请前提 必须先注册百度会员 必须先注册google会员
生成方式

到"地图API"栏目，按向导申请生成，单个会员可申请多个地图

 

 到会员帐户下的"google地图"-"我的地图"-"创建新地图"，编辑好新地图后选“分享链接"即可。
插入形式 最终生成一个整页面代码，建议在调用页使用iframe形式调用 生成一段html代码，将此代码插入页面即可
本地地图功能 标记功能较强，生成地图比较详细 生成局部地图时，太简单
比较结论 建议使用 可以使用
使用示例

湖南省人民医院-医院位置

湖南新海悦酒店-地理位置

 泰阳网络地理位置
]]> http://258754.cn/blog/default.asp?id=84 <![CDATA[花了一上午，找到IE6下PNG图像透明完美解决方案(最新版)]]> 258754@QQ.com(admin) Sat,04 Sep 2010 12:40:07 +0800 http://258754.cn/blog/default.asp?id=84 原作者地址：http://dillerdesign.com/experiment/DD_belatedPNG/

老版本的解决方案有各种问题，费了我很多功夫，终于找到这个好方法，记一下，免得又忘了。

]]> http://258754.cn/blog/default.asp?id=80 <![CDATA[一道腾讯实习生面试题+本人的加分题解答]]> 258754@QQ.com(admin) Sat,07 Aug 2010 10:50:11 +0800 http://258754.cn/blog/default.asp?id=80 五、勇气拼一拼，让你超越别人的加分题目来了！ （不限于一种方法，共30分）

使用重构的方式制作出一个如下图的水平、垂直都居中短边为50px，长边为150px的红色十字架。

 

 

原文链接在这里

我的解答在这里

 


<title>无标题文档</title>
<style>

/*---------第1种方法实现-------*/
div{background:red;}
.a1{  width:150px; height:50px; position:absolute; top:250px; left:0;}
.a2{width:50px; height:150px;position:absolute; top:200px; left:50px;}
/*---------第2种方法实现-------*/
.a3,.a5{  width:50px; height:50px; float:left; margin-top:50px;}
.a4{width:50px; height:150px; float:left;}
/*---------第3种方法实现-------*/
.a6,.a7,.a8,.a9,.a10{  width:50px; height:50px; float:left; background:green }
.a6{ margin:0  0 0 50px;}
.a7{ margin:50px 0 0 -100px;}
.a8{ margin:50px 0 0 -50px;}
.a9{ margin:50px 0 0 0}
.a10{ margin:100px 0 0 -100px;}
</style>
</head>

<body>
<div class="a1"></div>
<div class="a2">方法1</div>



<div class="a3"></div>
<div class="a4">方法2</div>
<div class="a5"></div>


   
<div class="a6"></div>
<div class="a7"></div>
<div class="a8">方法3</div>
<div class="a9"></div>
<div class="a10"></div>
</body>]]> http://258754.cn/blog/default.asp?id=77 <![CDATA[一张美女图片的加工]]> 258754@QQ.com(admin) Mon,12 Jul 2010 12:27:36 +0800 http://258754.cn/blog/default.asp?id=77

加工后：
]]> http://258754.cn/blog/default.asp?id=76 <![CDATA[长沙能做标准化页面(div+css)的人不多2]]> 258754@QQ.com(admin) Thu,01 Jul 2010 16:55:18 +0800 http://258754.cn/blog/default.asp?id=76

还是几件小事。
1、我一个FLASH强人朋友，告诉我，他们的单页面代码（HTM代码）近3000行。我很好奇的查了一下我近期写的网站首页代码，如果长度在2-3屏左右的页面，我的代码一般都在180-300行左右，15-20K。

当然，如果页面以图片为主，代码相应会少很多。

2、另一个好友。说他公司的美工，写一个页面（DIV）居然要一天时间。
这是可能的，当我还是菜鸟时，也试过一个晚上，为了通过数个浏览器的验证，为一个页面的一个模块，调试整晚。现在，终于轮到我，清闲的看着别人着急上火了，哈哈。

一般来说，对于类型比较固定的企业站，我的页面效率是很高的。不光快，而且因为模块都是相对固定的，通过浏览器测试几乎没什么问题，一般我会测试IE6/7/8/FIREFOX。

总之，至今为止，我在长沙的同行中，还没看到很让人满意的DIV代码。虽然满大街的网站制作公司，都已经宣称DIV化--其实不成熟的DIV，只会让人更加烦恼。

]]> http://258754.cn/blog/default.asp?id=75 <![CDATA[网站制作买一送一（标准化流程制作双色换肤稿）]]> 258754@QQ.com(admin) Sat,19 Jun 2010 13:27:22 +0800 http://258754.cn/blog/default.asp?id=75 鸿力公司开发网站项目中，做了个双色设计稿备选，这已经成为我目前做稿子的惯例了。一般来说，只让客户选择一个的。

最后客户在核准时，本通知我方按“红色稿”制作。等网站完工后，方才知道是联系人口误－其实老总最后定的是“蓝色稿”－虽然责任不在我们制作方，但是毕竟这是客户的要求，咱不改也不行。于是又换成了蓝色版本。并且，我们决定使用这个项目，做一个双色随时切换的样本，也就是一般所说的换肤功能。切换开关如下图：


通途的标准化流程，要求PSD原稿使用图层样式、使用调整层等手段，总之就是让设计的色彩、元件非常易于调整，方便出各种版本的稿子，一但客户有要求，可以在极短时间内，达到快速调稿之可能。

在页面制作流程方面，全部使用XHMTL＋CSS（即DIV＋CSS）架构，并且都有完全成熟的模块命名、定义。一旦设计调整，页面生产线同步调整非常之快，基本上不用去操作已经成形的结构文件（HTM、ASP），可以做到装饰与结构的完全分享。

以上描述可能专业，总之，以上技术导致的最终效果就是：

即使客户要求变化很大，我们也能快速完成修改。


]]> http://258754.cn/blog/default.asp?id=38 <![CDATA[学习FLASH　CS4，新工具新效率]]> 258754@QQ.com(admin) Wed,28 Oct 2009 11:52:44 +0800 http://258754.cn/blog/default.asp?id=38

前两天在卓越网买了本《Flash CS4动画设计与制作208例》，挺兴奋。装了软件跟着学习。
CS4增加了很多新功能，有很多我非常期待的改变。]]> http://258754.cn/blog/default.asp?id=37 <![CDATA[长沙能做标准化页面的人不多]]> 258754@QQ.com(admin) Tue,27 Oct 2009 11:30:09 +0800 http://258754.cn/blog/default.asp?id=37
我经常帮朋友查页面，因此也有幸见识过无数千奇百怪的XHTML（俗称DIV＋CSS）。总体来说，菜鸟数量占到80%以上，很多所谓的DIV页，其实只是个花架子。但客户分辨不出来，甚至一般水平的开发人员，也分辨不出来。因为大家都没做过很专业的学习，只是指到哪打到哪。

我一位为移动公司做网站的朋友，也在转DIV过程中深感吃力。我想帮他，让他抽个时间到我这里来，系统的给他讲一下结构化方法。他总是说手头的事做不完，没空来－甚至连看书的时间都没有。其实这是典型的“磨刀不误砍柴工”－－可惜太多的人就是选择了疲于奔命。

类似事情经历很多。]]> http://258754.cn/blog/default.asp?id=35 <![CDATA[嘟嘟亲自测试－ie6下png图片支持透明最终解决方案]]> 258754@QQ.com(admin) Fri,23 Oct 2009 11:14:55 +0800 http://258754.cn/blog/default.asp?id=35

其实原来就测试过这个问题，只不过好象使用比较麻烦，今天正好在蓝色上找到了一个这个完美的解决方案。只要插一个JS就搞定了所有问题：
http://home.blueidea.com/space.php?uid=403583&do=blog&id=11347

我亲自试了，在IE6、IE7、FF3上均测试通过。]]>