电话:18975141930
QQ:258754

超过15年专业技术积淀
专心制作企业网站

个性化美术设计
创意与众不同

国际化兼容性设计
页面精练、载入速度快

记事
  • 做经营的道德底线

    2010/08/18-点击4667次

    最近有两个事值得一说。

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

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

    阅读全文 »
  • 五、勇气拼一拼,让你超越别人的加分题目来了! (不限于一种方法,共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>
    阅读全文 »
  • 为千视电子(kiloview.com)做了一揽子设计,标志、名片、网站页面及界面设计。


    阅读全文 »
  • 七月的作品列表非常的充实。

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

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

    阅读全文 »
  • 一张美女图片的加工

    2010/07/12-点击3684次

    原图有水印,较窄:


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

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

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

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

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

    阅读全文 »
  • 鸿力公司开发网站项目中,做了个双色设计稿备选,这已经成为我目前做稿子的惯例了。一般来说,只让客户选择一个的。

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


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

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

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

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


    阅读全文 »
  • 亲历网站设计两小事

    2010/06/08-点击3557次

    第一件:

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

     

    阅读全文 »
  • 跳转至