预览模式: 普通 | 列表

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

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

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

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

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

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

最好的客户!

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

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

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

可爱的亲们,我除了把服务做得更好和祝你们的公司兴旺发达,我真不知道还能做什么了。

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

做经营的道德底线

最近有两个事值得一说。

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

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

任何时候,都不要做违法的事情--虽然不一定被发觉。除了畏惧警察,我们更要坚定自己本身的道德底线。

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

五、勇气拼一拼,让你超越别人的加分题目来了! (不限于一种方法,共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 | 查看次数: 78

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

为千视电子做了一揽子设计,标志、名片、与网站页面。


Tags: 标志设计 名片设计

分类:开发记事 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 122
七月的作品列表非常的充实。

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

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

Tags: 设计 朋友 信任

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

一张美女图片的加工

原图有水印,较窄:


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

长沙能做标准化页面(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 | 查看次数: 154
鸿力公司开发网站项目中,做了个双色设计稿备选,这已经成为我目前做稿子的惯例了。一般来说,只让客户选择一个的。

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


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

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

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

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


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

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

亲历网站设计两小事

第一件:

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

 

其最终目的是杀我的制作价--以后杀价的我都懒得跟他解释专业问题了。

查看更多...

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

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

泰阳公司名片与画册设计



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

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

 

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

查看更多...

Tags: 名片设计 画册设计

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

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

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

 

点击可查看完整尺寸图:

Tags: 助学网

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

1张设计稿的N个变化

给一个朋友做了1个首页稿,元素比较简单,朋友的要求是:体现警察正面形象,但页面要有个性、酷。

今天完工后,应此朋友要求,出了若干个变化稿,看上去竟然都不错!自己也不禁比较得意,下面展示一下。

1、黑背景带烟雾背景

查看更多...

Tags: 网页设计稿

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

我的设计资源站第一阶段收获很多

从春节开始就忙碌着,把一直没空去收拾的、跟了我六七年的老域名,开始重新建设站点。反复比较、测试,还是草率的决定了,在胡戈戈的不需备案的海外空间上,重建我这个具有一切正规备案手续的站点。

简单考察了一天,晚上就付款买下了胡的主机。支持三个顶级域名、600M空间。海外空间的管理功能超强,因为之前我已经在免费站点上体验过,因此一切安装流程顺风顺水。

WORDPRESS的站点也很快建立起来了,倒是那个在ZCOOL上下载到的headlines主题,调试花了大力气。看上去不错,可是在IE6下,右侧链接无法点击,出现空白条目等致命的问题,让我晚上都想做恶梦-太闹心了!已经在上面花了这么多时间,接下来无法预计还要花多少时间,我最怕的,就是无法预知的技术黑洞。

 

查看更多...

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

我收集的一批国外设计作品被站酷收录

昨晚把我原来收集的一套国外优秀页面拷屏放到站酷提供下载(http://www.zcool.com.cn/show/ZMjAxOTI=.html),并且把压缩包放到自己的www.contactu.net的BLOG空间上(海外服务器),22小时内,得到了16425 次浏览 / 34 条评论 / 33 个赞! / 158 次收藏,同时为我刚改版的BLOG带来了近300次的访问,看到自己的资源被全国的网友认可,心里可是美滋滋的。

 

可是我忘了一件事,我自己空间上的两个压缩包,今天一天跑出了14G的下载量,把我这个月的流量配额(6G)都用完了,跟管理员联系,说必须等到下个月才能开放空间了,我在这里测试的所有东东都跑不了了,

 

查看更多...

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

通途长沙站contactu.net全新改版!

通途长沙推广站contactu.net全新改版!

使用了Wordpress blog系统全新构造,强大的内容管理体系;

漂亮的国际化页面模板;

美国服务器;

查看更多...

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

测试了一个收费型海外空间

http://hugege.com/提供的空间的站速度在2秒左右

我一朋友的PHP香港主机稍慢

另一朋友的海外.NET主机较快,但价格比较贵

我自己测试用的一个免费海外空间最慢,要5秒以上

查看更多...

Tags: 海外空间

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

试用wordpress的Lumin模板

在站酷试用了那套Lumin的模板(http://www.zcool.com.cn/gfx/ZODgxMjg=.html#comment),效果见我的海外测试站:http://mcufly.com

首先把整个文件夹上传到你的wordpress博客站的这个目录:/wp-content/themes/Lumin,然后在后台的themes就能看到了,直接“启用”就行了。

那个页头切换动画看了文档,才明白怎么使用,要给文章加一个叫“Thumbnail”的域,然后把“值”设为图片文件名即可。

本套模板的选项及说明在“外观-themes”这一栏中,有一个叫“lumin theme options”的(英文),里面说得很清楚了,大家可以详细看看。
分类:开发记事 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 532

本人谈下的超低价空间30元/100M起卖

了解我的为人的朋友-应该知道我不会信口开河。经过我的考察,此空间商基本还是比较靠谱,服务商网站有备案,接入速度比较快,服务平台正规,服务反馈比较及时,后台功能很齐全。我自己也帮朋友放了网站在上面。

 

1、此空间适合那些低价用户(比如学着做网站的菜鸟、半年不用更新的小企业等),用来放置不致命的网站资料。如果你是“安全第一”人士,建议不要用此空间。

2、基于这个非常低廉的价格,本人也不排除万一此服务商有一夜走人的可能,请使用者自行通过FTP等手段对数据备份。万一发生“最杯具”的事情,恕不退款,对数据不承诺追回。此事不打折,不签合同,不开发票,不上门收钱,不要跟我罗里八索...

3、网站备案、域名指向等,请自行处理,本人不打理空间服务以外的事务。如果是因为你太猪头发生网页故障、不会上传、程序故障这些事,更是跟我一毛钱关系没有...

4、本人纯属义举,请了解我的朋友不要BS我,也请大家不要对主流空间150-300元的主流价格产生怀疑-要知道一分钱一分货的道理。

Tags: 超低价空间

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