预览模式: 普通 | 列表

[原创]我的2010-学有所成的幸福

本文同时发布于天地会AS3论坛:http://bbs.9ria.com/viewthread.php?tid=70889

我可能比这里的多数朋友要大,35岁,在长沙做网站、设计、杂七杂八的已经做了整十年,可能在长沙做互联网的很多朋友都知道我的名字。
跟很多开公司、接业务的朋友不一样,我还是更喜欢做开发,做技术本身。经过多年的探索与实践,我放弃了亲自去研究一些自己不太得力的方向,比如做数据库编程、比如做SEO、做网站运营啥的,一心一意向前端方向发力。当然,不是说我完全不懂这些,如果需要,我的团队成员和更专业的团队能做这些。

说说FLASH开发这块,其实早几年,我就用AS2写过两个有些规模的课件项目,自己写了些如外部载入XML构成多级菜单,一些基本的导航条行为啥的。虽然功能基本达到,但是写的过程实在是逻辑极其混乱,有时候为了解决一个问题,看着那些代码行,发半个小时的呆,不知道从哪个环节去改进。

查看更多...

分类:开发记事 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4350

1、“你以前有没有做过这个行业的网站?”

2、“你以前有没有做过这种颜色的网站?”

3、“我找了几个网站,你参考一下”。

查看更多...

Tags: 做网站 大傻

分类:杂七杂八 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4197

我是使用的鲜果的订阅工具,除了每天可以固定的查看自己关注的几十个博客和网站的更新外,鲜果还提供了一个输出工具。要做的步骤是:
1、打开鲜果,把自己关注的文章加入“收藏”的小红心
2、根据鲜果工具箱中的“资讯分享”向导,生成一段JAVASCRIPT代码。
3、把这段代码插入到自己网站中。

大家看我的网站首页(http://258754.cn)右端---“站长嘟嘟最新收藏的文章”就是这么来的。

Tags: RSS订阅 收藏博客

分类:开发记事 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4617

一般的企业网站,都有"企业位置"、"地理位置"等栏目,以便于客户问路。还在使用一张静态图片或是自己制作个简单的FLASH来做地图么?你OUT了。大的服务商早就提供了地图接口。我选用了最经典的百度地图和Google地图两家,说说我们的实战感受。

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

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

 

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

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

查看更多...

Tags: 企业建站 使用交互地图 地理位置图

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 6760

又一张练手作品-恐龙、电视与武器

用时两小时,PS CS5,上面这张是我的仿作

分类:开发记事 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5963

我中秋期间在家临摹高手作品,要提高自己的审美和技巧,这是一个不错的途径。才发现原来此类作品,主要麻烦的地方就是素材的选取与加工,比如那些山水、云彩、树、古堡、鸟等各种边缘复杂的物体,都要从素材中取得并抠图,使用PS CS5可以大大的提高工作效率。另外,也大量的使用了立体变形、透视变形等技法。还要绘制一些光线、太阳光、火箭的喷火等效果。

车的这张图用了我整6小时,地球那张也用了近2小时。

 

顺便公告一下:

查看更多...

分类:开发记事 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4574

最千变万化的一单

一小家具网站的设计,跟一接单朋友A跨地域远程合作的产物。

客户B的需求从头到尾就没确定过,基本上是想到哪做到哪,B又比较忙,只让你改,不急着审。

后来B又指定另一所谓“有经验”的中间人C帮忙,结果越帮越忙,C在让我们做了一轮修改之后,就再不出声了。

查看更多...

分类:开发记事 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4444

原作者地址:http://dillerdesign.com/experiment/DD_belatedPNG/

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

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4322

我订阅了国内外二三十个知名设计博客,基本上每天都会关注一下更新,有些新消息就在这个群里发布了,相信对于设计师人群,还是有些借鉴作用的。本群纯技术群,别的废话、广告、跟技术无关的转贴,都不要在群里发,一次就踢,大家自己记得。

长沙标准化页面技术、页面设计、各类设计资源,群号120805463

分类:开发记事 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4251

最好的客户!

我有一个服务多年的客户A,我为A做了网站,A又间接为我介绍了二个客户,这些客户又为我介绍了另外的客户。

最可爱的是,所有这些客户,都很尊重我的意见,资料配合都很及时,交款也及时。

-------------------------------------------

查看更多...

分类:杂七杂八 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4252

做经营的道德底线

最近有两个事值得一说。

1、最近得知我一旧同学犯事被捕了。我们打从光屁股时代就是邻居,一起打过架,一起上学,我打篮球和溜旱冰,都是他带着我去的。毕业后,各打各的工--刚开始,在同一个城市时,还经常在一起走走,年岁越长,就联系得越少了。有时通电话,总觉得他很好强,不愿意跟我们这些同学透露自己过得不好(他可能实际过得不太顺)。毕业前几年,大家都穷,而且无聊,其实说说也没啥关系。到后面,各人找到路径,就看各自的本事了--却没想到他走上这样一条不好的路。

2、我另一朋友,一直比较有追求,想要在事业和经济上更上一层楼,但苦于没有什么突破之处。今天意外得知,他尝试在互联网上经营一些“擦边球的,不健康的”内容,我立马对他进行了规劝。

查看更多...

分类:杂七杂八 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4582

五、勇气拼一拼,让你超越别人的加分题目来了! (不限于一种方法,共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>
分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 5490

为千视电子设计的标志、名片、与网站

为千视电子(kiloview.com)做了一揽子设计,标志、名片、网站页面及界面设计。


查看更多...

Tags: 标志设计 名片设计

分类:开发记事 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 7973

七月的作品列表非常的充实。

除了作品数量,还有几件可喜的事情:
1、客户对我们的信任在加深,老客户介绍了更多的新客户;
2、对于网上结识的新朋友,我们尽量提供价兼物美的首次服务,取得他们的认可,承诺以后会继续合作;
3、我们为几个原来的老同事、老朋友进行创业支持,不光设计网站,而且开始一揽子设计企业LOGO、名片、画册、包装盒、软件界面等,设计的领域在扩张;
4、除了干活儿,我们还积极的为同行朋友们进行技术培训,包括DIV+CSS制作培训,为contactu.cn的访问者们提供AS编程方面的帮助等。

七月,通途的路越走越宽,真心的朋友越来越多!

Tags: 设计 朋友 信任

分类:开发记事 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4498

一张美女图片的加工

原图有水印,较窄:


加工后:
分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4328

长沙能做标准化页面(div+css)的人不多2

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

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

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

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

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

Tags: div+css 标准化页面

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4308
鸿力公司开发网站项目中,做了个双色设计稿备选,这已经成为我目前做稿子的惯例了。一般来说,只让客户选择一个的。

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


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

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

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

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


Tags: 标准化流程 双色稿 换肤

分类:网页技术 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4581

亲历网站设计两小事

第一件:

昨天一客户单位某位主管对我设计的网页提意见,说他们的显示器都是19~21寸的(宽屏),要求我的页面要至少做到19寸满屏宽度balabalabala。我再三解释国内现状,17寸显示器尚有较大份额,网站必须注意兼容性balabalabala。

 

查看更多...

Tags: 亲历 网站设计 长沙设计师

分类:开发记事 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4663

泰阳公司名片与画册设计



首页点题用毛主席诗词《忆秦娥·娄山关》中的句子:“雄关漫道真如铁,而今迈步从头越”。主席是湖南人,我小时候起,家里就有一本红皮封面的毛主席诗词,多数句子至今能背诵。但当时这两句,是从一个朋友的QQ签名中看到的,当时就心里一动,觉得用来体现咱公司的10年历程,真是太恰当了,也有一种一往无前、继往开来的革命气概。如今提到“革命”,有些大哥就要笑了,别笑,彼为社会革命,咱为企业革新--都是革命。

当时没接着去查典故,直接就开做了。封面上的火烧云、红色的群山,都是用的素材。前几天印出来,才想到去查完整的下阙:

 

雄关漫道真如铁,
而今迈步从头越。
从头越,
苍山如海,
残阳如血。

查看更多...

Tags: 名片设计 画册设计

分类:杂七杂八 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4468

在一个朋友的介绍下,我们得到一个为“春风助学网”制作网站的机会。这个网站主要面向北川等地震灾区孤儿、单亲孩子、伤残孩子等特困群体,邀请资助人结对扶助灾区孩子。

目前网站已经进入测试阶段。我们用自己的行动为灾区孩子略尽绵力。

 

点击可查看完整尺寸图:

Tags: 助学网

分类:开发记事 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 4192