摘经典论坛里一段话
作者:xoyoer 日期:2008-05-10
我已经不打算做这个职业了，我做过的网站大约有10几个吧。 一共4年时间。专长是administrator，做网页是因为公司小就由我自己一个人承包的原因。然后做了10多个私活。从asp一直学到php 到数据库，从access到mysql，再到css div再到用js编写一些小玩意。06年，我接触linux只有一个星期就大包大揽的去机房给弄了一台fedora，服务器，还成功了，安全不安全嘛？你客户就给那么点钱......做过的网站包括.net2.0，php，asp，等，我屁都不懂，纯粹就是吹牛，硬抗，实在做不下去不行了，就找人请吃饭帮我改程序，我在行家面前就是一个孙子学生，在客户面前就是技术大牛。
我就是胆大，敢吹。在第一个公司我连iis都不懂，连这个世界上有“网站系统”都不知道，还以为sohu网站就是一页页复制页面一个一个链接改好再上传的时候，经理问我能不能做个网站，我说行，目的就是能从外地的销售部门调到了**部门可以上网，然后我大包大揽的要了一台牛比电脑，上去第二天就把电脑主板烧坏了，因为那是intel845板子，我把外接光驱热插拔...硬弄了4个月，从12月10日做到第二年2月，老总都骂我经理了，我一个页面也没有作出了，硬是对老总说，就我一个人，网站很难，老总说看看我做到什么程度了，我就用记事本打开html让他看，看吧！一大堆<table><tr><td>吓死他！
我记得那年元旦前后大雪，我第一次试验成功iis，还运行了一个学英语什么的asp文章系统。哇！网站是这么回事啊！原来这样啊！yeah!在公司，半夜一个人跳了起来，那时候我天天在公司把着那台电脑学习12-16个小时以上。大雪天我跑出来出租车都没有了，高兴得跳着走了3公里回去我租的地方，兴奋得睡不着，终于学会了，学会了，可以不被骂了，可以吃饭了...哈哈哈~然后开始学使用渐飞的js调用，然后是当时颇为完善的动网，然后学会了架设论坛，配置了好几天弄好了雷傲(需要cgi哦)，配置好webmail还用缪斯作了第二套备用，满公司去问你想用什么样的公司内部邮件名称，配置好雷傲去和***商量公司内部论坛以后的使用规章制度。我用动网弄了一个网站备用-----10天以后老总忍不住了，说我看看你的网站，我让他看我改好logo的动网，说是我自己写的代码。一看大骂，这么尖端！这么高难度的网站咱们这样的公司怎么运作？你的技术是很厉害，你也天天很努力。可这样怎么怎么...反正就是说我技术虽然很牛，但是为什么这样吃力不讨好。我一听就放心了。好了，我给你弄个简单的。接着我花了1个星期弄了一个非常难看的HTML网站，超级难看，屎黄色，大面积的使用table套用table。链接的状态颜色非常混乱，加载的没用的js代码估计有1万公斤重。
Swishmax自己学的时候慢慢学，公司人多的时候打开舞台的网格，英文版，打开Sample，运行下，显得很复杂，咱很专业。没事了，打开dw8的代码布局，头仰起来仿佛在思考重大的复杂的代码问题。张口就是变量、传递。一群电脑盲知道什么，我都不知道。就是这个网站和我的态度保障了我在那个公司的工作，让我不受打扰的整整学习了1年半，并且衣食无忧，频接私活。那年我22岁。从那一年半里我学会了用asp+access编写简单的文章系统，学会了用Flash做简单的补间动画，字体渐变动画。用的很初级。头一个月刚知道192.168.0.1，当天就和经理吃饭的时候抱怨公司的子网掩码如何如何，子网掩码是干基八毛的我都不知道。下个月就搞了一个内部的os系统，就是微软的那套。也是自己摸索win2003学会的。并且还装模作样的在csdn发表iis5和iis6的差距讨论...当然我还是会点东西的，你说纯粹一个250，门外汉，那也不行。每天也够累的。锻炼了，确实是，马德，什么都干了，就差给老总洗衣服了。
我不是笨蛋，在接下来的4个月里面，给网站改版了3次！昏天黑地的干，一次比一次好，一次比一次专业，最后一版就是div+css asp+access 除了图片上传那个功能是用羊肉串请人帮我弄得，其它都是我自己做的。最后一版本让老总说，很棒很棒，越来越好看了。真不错啊什么的。拍着我的肩膀对公司其他人说，咱们有某某某，这家伙以后公司就不用愁这方面的东西了。大街上100个人里面80个连鼠标的左右键都不知道怎么用。我就比他们懂得多就行了，我能吃饭，混得还不错。开始吹牛，动用所有社会关系同事同学，接私活，架服务器，搞...，搞...，（不能说），赚了点小钱，在公司的工作变成了公司路由器电源按钮经理，工作很轻松。下班回家就是和我哥们说今天我上网看了什么什么小说，什么什么伊拉克怎么怎么样，瓦，google的什么什么新功能......半年后招了10几个人，挑了一个技术好的给公司留下，我辞职了。
做生意，赔钱，继续作，克扣工人工资，克扣伙食费，去年赚了12万，继续作，又赔了6万多，不做了，现在搞小网站，剩下的钱准备夏天做个小生意。我认识的一个和我类似的哥们在旅游区跑了一年的
人力车。搞什么网站，现在攒钱开始卖助力车了，网站？屁耶！不比蓝色理想上的有钱有闲的牛人，底层对不对？靠什么活啊？靠会什么<script> ？靠什么透明层？css字体渐变-----来买房啊？这些在这个社会有多么苍白你知道吗？要努力对方向，网站就是屁，客户要吃屁我就给他放，用必死的决心，用不要脸的手段，去放屁。你把网站改改，随便弄个高难度的效果，钻研10天套进去，找个小公司开吹！一个不可以第二个。去专业it的公司做非it的职务，去非it的公司做it的职务是一个窍门。顺便办个假证备用。我当年舍不得花那个钱吃了不少亏。
别还能说什么，路还长着呢，就像年轻时代的我用仅剩下的20元买了6盒盒饭去人才市场卖盒饭，后来自己一盒盒吃掉馊饭一样... ...以为已经到了低谷，实际上刚刚开始。
我和网站、css设计一样，就是个屁，别当真，社会是真的。
<!-- // end-->
Tags: 摘
好久没来...
作者:xoyoer 日期:2008-05-06
设计工作者必须了解的常识 (标准、材料、印刷等)
作者:xoyoer 日期:2008-04-07
平面设计 常用尺寸
三折页广告
标准尺寸: (A4)210mm x 285mm
普通宣传册
标准尺寸: (A4)210mm x 285mm
文件封套
标准尺寸:220mm x 305mm
招贴画：
标准尺寸:540mm x 380mm
挂旗
标准尺寸:8开 376mm x 265mm
4开 540mm x 380mm
手提袋：
标准尺寸:400mm x 285mm x 80mm 信纸 便条：
标准尺寸:185mm x 260mm 210mm x 285mm
正度纸张：787×1092mm 大度纸张：850＊1168mm
开数(正度) 尺寸 单位（mm） 开数(正度) 尺寸 单位（mm）
全开 781×1086 全开 844×1162
2开 530×760 3开 362×781 2开 581×844 3开 387×844
4开 390×543 6开 362×390 4开 422×581 6开 387×422
8开 271×390 8开 290×422
16开 195×271 16开 210×297
注：成品尺寸=纸张尺寸－修边尺寸 注：成品尺寸=纸张尺寸－修边尺寸
常见开本尺寸(单位：mm)
开本尺寸：787 x 1092 开本尺寸(大度)：850 x 1168
对开：736 x 520 对开：570 x 840
4开：520 x 368 4开：420 x 570
8开：368 x 260 8开：285 x 420
16开：260 x 184 16开：210 x 285
32开：184 x 130 32开：203 x 140
一种页面制作方法
作者:xoyoer 日期:2008-03-25
Html 演示地址：http://www.33lab.cn/demo/200802/tudou.htm
就制作而言，我将一张页面分为四层：框架、布局、模块、列表和数据块。
一、框架
页面的框架基本上都是：“头”、“主体”、“尾”。但是对于一些页面如Tudou.com，由于布局的需要，还应在“头”的下面还要加个“菜单”。
二、布局（以下用#ID表示页面元素）
#Head和#Foot里的就不说了，具体查看演示页面源码。
布局说的是将#Main里的内容分成几大块。我们看Tudou.com，#Main里典型的左右结构，我们用#Layout_1，#Layout_2表示。如图
三、模块
布局#Layout_1，#Layout_2里的块就是模块了，
按我的理解，模块至少要有一个ID，Class则要视页面设计，给需要重用的加上。
关于模块的ID名称，要取个有意义的名字，当然偷懒的可以用#Col_1，#Col_2，。。。
模块的Class名称用.cols_1，.cols_2，。。。
模块内部的如下图
四、列表和数据块
模块的主体是由列表组成的，而列表里则包含数据块。
按我的理解，页面上的信息其实就是不同类型的列表。我们应将典型的列表方式提取出来，放在公用样式里（public.css）。
以Tudou.com为例，需要定义到public.css里的列表至少要有以下三种：
1. .list-v 垂直列表方式 (图片和文字成垂直排列)
2. .list-h 水平列表方式 (图片和文字成水平排列)
3. .list-t 文字列表方式
数据块其实是微格式的一个变相应用，给不同的数据元素定义固定的结构。
Tudou.com 需要定义的数据块有：
1. .mVideo (视频)
2. .mList (豆单)
3. .mUser (用户)
比如 .mVideo 应该是这样的：
| <div class=“mVideo”> <div class=“p”><a href=“” title=“”><img src=“” alt=“阿联又挂彩 有望首发战公牛” /></a></div> <div class=“d”> <div class=“d_name”><a href=“” title=“”>阿联又挂彩 有望首发战公牛</a></div> <div class=“d_user”><a href=“” title=“”>阿联又挂彩 有望首发战公牛</a></div> <div class=“d_length”>06:88</div> <div class=“d_time”>发布时间：<span>2007-10-08 14:31</span></div> <div class=“d_intro”>阿联又挂彩阿联又挂彩阿联又挂彩</div> <div class=“d_honor”>荣誉：<span><img src=“” alt=“Ç¿” /></span></div> <div class=“d_view”>人气：<span>222</span></div> <div class=“d_comment”>评论：<span>323</span></div> <div class=“d_favorite”>收藏：<span>32</span></div> <div class=“d_type”>类型：<span><a href=“” title=“”>µçÓ°</a><a href=“” title=“”>µçÊÓ¾ç</a></span></div> <div class=“d_tag”>标签：<span><a href=“” title=“”>Twins</a><a href=“” title=“”>Ñݳª»á</a></span></div> <div class=“d_subject”>专题：<span><a href=“” title=“”>±¬ÁÏ</a></span></div> </div> </div> |
最后，附上关键字表，就是一些用于公共定义的ID和Class名称。
ID
1. #B-* // Body用
2. #Head, #Main, #Foot //布局用ID
3. #Message // 系统消息用
4. #Logo, #Toolbar, #Search, #Menu // Head内元素
5. #Layout_*, #Group_*, #Col_* // Main内元素
6. #Links, #CopyRight // Foot内元素
7. #B* // 广告位，与class=”b”结合使用
8. #Plugin // Banner用
Class
1. .txt, .btn, .label_checkbox, .label_input, .handle // 表单内元素
2. .meat // 模块主体元素
3. .list_*(.list_v, .list_h, .list-t, .list_top, …) // 列表元素，详见“列表”
4. .m // 更多，可延伸至“绝对定位于右上角”的元素
5. .s1, .s2, … // 用于子单元块需各自定义样式的元素，如菜单、排行榜等
6. .s // 特殊元素，如果一个元素相对于兄弟节点特殊，则用之
7. .b // 广告位
8. .p, .d, .d_*, .h // 数据块内元素，分别为图片、详细、详细内元素、操作
9. .handle // 操作元素
10. .m_*(.mVideo, .mComment, .mUser, .mSubject, …) // 数据块元素
11. .*_fix // *元素的补丁元素
12. .current // 当前元素
百度IM名敲定“百度Hi”内测(图)
作者:xoyoer 日期:2008-03-02
“百度Hi”的首个LOGO（文雄 摄）
百度公司门口摆放的“百度Hi”内测宣传易拉宝（文雄 摄）
百度Hi登录界面
新浪科技讯 2月29日0时0分消息，百度今日凌晨在公司内部公布了IM产品内测通知。根据该通知，百度IM产品名字已敲定为“百度HI”。另据消息人士透露，百度公司计划于29日上午正式展开该产品的全员内测。
在此之前，外界关于百度IM的最新消息是，百度IM产品中文名字暂定为“百度 HI”。而今日上午，新浪科技曾获悉一张百度IM截图。从截图上看，百度IM软件名叫“Baidu Messenger”，并不是之前网友热传的“百度小声”或者“百度说吧”。
不过，百度官方当时未就该图片与名字发表评论。有内部人士对此指出，该界面是百度IM产品测试期间的一个版本，Baidu Messenger的名字也是暂定，最终名字与软件界面有望在下周敲定。
《落地，请开受机》简介及下载
作者:xoyoer 日期:2008-02-26
飞行中机舱里一片安静，一客人忽然举止癫狂，他撞倒水车，冲进洗手间，又强行拨打手机，空姐李小晚一边制止一边安抚他，这时飞机突遇强气流，机上一片狼藉……等到一切平息下来，客人已因突发性脑水肿死亡。
死者名叫王奇，某保密单位高级研究人员，其时正因涉嫌向境外间谍组织出卖国家能源情报而受到国家安全局的监控，他的突然死亡使这场反间谍战陷入停滞。国安局为此逮捕了此人的弟弟。并安排一个侦查员以他的身份出面，目的是引蛇出洞，并将其一网打尽。于是侦查员沈亢从此被称呼为弟弟的名字“王浩”。
“王浩”进入任务接触的的第一个关系人便是空姐李小晚，这一段颠沛流离的感情故事就这样悄然登场。在两个人结怨又结谊的过程中他们的情感完全没有防备的启程。
2008年威客网站发展观察
作者:xoyoer 日期:2008-02-24
当威客、沃客这些名词出现的时候，恰逢web2.0概念出现之时，经过整整三个年头，威客一词已经不是什么新鲜的名词了，而沃客则似乎消失在人民的视线中。
威客witkey是教育部2007年8月公布的171个汉语新词之一，威客witkey2007年6月进入中国高考试题。按照威客（witkey)模式创始人刘锋给出的定义，定义1：威客模式：人的知识，智慧，经验，技能通过互联网转换成实际收益的互联网新模式。主要应用包括解决科学，技术，工作，生活，学习等领域的问题。体现了互联网按劳取酬和以人为中心的新理念。定义2：威客---威客的英文Witkey是The key of wisdom 的缩写，是指通过互联网把自己的智慧、知识、能力、经验转换成实际收益的人，他们在互联网上通过解决科学，技术，工作，生活，学习中的问题从而让知识、智慧、经验、技能体现经济价值。
威客网站的也开始风声水起，在2007年可以说达到了一个不大不小的高峰，全国涌现出上百家威客性质的网站。这些网站普通采用的模式都是客户悬赏一个一定金额的任务，然后网民提交自己的方案，最终中标一个，得到一定比例的奖金，剩下则由网站经营者作为收入。
