新计划

Posted in 杂言 on 05月 2, 2010 by Le Chen

终于毕业了,不过人生的目标又开始变的模糊了.

在我的人生哲学里,我认为一个人的一生一定要做一件叫人热血沸腾的事,我在考虑写一本书. 一本书关于现今最流行的mobile web.  不为了金钱,也不为出名

如果成功的话,那将是我这辈子里最骄傲的一件事

How to make your webste fit iPhone/iTouch

Posted in 未分类 on 05月 2, 2010 by Le Chen

iPhone现在还是蛮时髦的,可以做很多有趣好玩的事情,单单是用手指拨弄一下屏幕就感觉到很新鲜:可以用手指来操作放大和翻页 ^_^ 甚至有重力感应的游戏,太牛了!

不少网站也开发了iPhone的专门页面,比如YouTube和6.cn就有了专门的页面,也许还不能说是一个很大的市场,但是毕竟可以有另外一个受众人 群,所以有需要的话,还是可以花点时间做一个支持的。当然,一般的网页都可以访问,只是体验没有那么好,需要做一些修改。

很多人会很惊喜说iPhone可以看电视剧看视频了,因为6.cn有专门的页面提供访问,阿权也要做专门的页面看杂志,呵呵,以后也可以用iPhone看 杂志啦~
阿权对于本次制作特别的做了一下记录,希望有需要的朋友可以有个参考
有问题可以来我blog交流一下 http://www.aslibra.com

做页面之前,先查一下相关资料:

引用:

由于采用和桌面系统类似的OS X操作系统,iPhone包含了完整的Safari浏览器,可以完整显示HTML,XML网页,双击则可局部放大。系统可以自动选择Wi- Fi(802.11b/g)、GPRS(EDGE)、蓝牙2.0等连接方式,完全不需要手动设置。

动作传感器可以感应用户横握手机时自动转为横屏显示。
屏幕分辨率:320×480(160dpi)

也就是说,基本上按照标准网页制作就好,习惯用div就好,不习惯也 可以table一下的 ^_^

1 设计页面

我们的设计师monkey设计的:

iPhone可以横着和竖着浏览,所以页面一般需要做100%适应,这样用户转一个方向也可以看的很自然。屏幕效果当然是按照320×480来考虑了。

2 指定页面的宽度和其它参数

阿权在做这些页面的时候的起初也不知道为何别的网站浏览起来是自适应的。从iPhone看我做的网页并非我想象着的那样自适应到320的宽度,而是有默认 的宽度的,大概是1024的宽度。

这一点就得研究一下了,不太懂英文,所以就只能找实例来研究啦!

比如看看 http://iphone.6.cn/
研究方法:保存下来,用iPhone浏览看看是否正常,然后去掉自己觉得可能是生效的定义方法,看看是否不正常,这样应该就可以了,够笨笨的方法了,呵呵

得到结论:
meta定义可以使得页面宽度让iPhone知道限定屏幕宽度
<meta id=”viewport” name=”viewport” content=”width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” />
看字面理解就是:宽度320,默认比例1.0,最大放大比例1.0,用户不能放大

这个看具体页面可以细节调整。

比如我设置的是首页不能放大,参考宽度为320
width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;

可以看到效果啦:

那在杂志页面就设定为:
width=760; initial-scale=0.6; maximum-scale=1.0; user-scalable=1;
也就是参考宽度是760,默认显示0.6的比例,可以最大放大到1.0,可以缩放

把以上元素应用在页面就可以啦~~
你可以用iPhone来访问看到效果哦:

http://www.zcom.com/iphone/

3 设置页面加载完成的位置(参考6.cn)

一般页面都有页头显示,所以可以控制页面移动一下,直接显示内容
上面的图片可以看到页头有内容,加上处理体验就好很多:

实现的脚本

复制内容到剪贴板

代 码:

<script type="application/x-javascript">
addEventListener("load", function()
{
setTimeout(hideAddressbar, 0);
}, false);
function hideAddressbar()
{
window.scrollTo(0, 140);
//xy位置,根据页面进行调整
}
</script>

4 让用户访问www页面自动跳转到iPhone页面

php方式:
$_SERVER[HTTP_USER_AGENT]的值是:
Mozilla/5.0 (iPhone; U; CPU like Mac OS X; zh-cn) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3
确认一下有没有iPhone字样也许就可以了

复制内容到剪贴板

代码:

if(strstr($_SERVER[HTTP_USER_AGENT],"iPhone")){
header("location:/iphone/");
die();
}

js方式:

复制内容到剪贴板

代码:

<script language="javascript">
<!--
//2007-11-24 hqlulu for iphone
var userAgent=navigator.userAgent;
if(userAgent.indexOf("iPhone")>0)
window.location="/iphone/";
//-->
</script>

5 让iPhone主界面有你的图标,点击访问

我是参考了6.cn的做法啦,呵呵,具体参考一下作者网站:
Livid 在 2007-11-11 发布的做法:
http://www.livid.cn/doc_view.php?doc_id=5684

也就是一个压缩包对图标的定义:
1 Default.png 背景图
2 icon.png 图标文件
3 Info.plist 定义
4 Embark 不清楚…

查看Info.plist,修改一下就成为自己定义的了:

复制内容到剪贴板

代码:

<key>EmbarkURL</key>
<string>http://www.zcom.com/iphone/?icon</string>

另 外一个名称定义阿权就不太清楚了

复制内容到剪贴板

代码:

<key>CFBundleIdentifier</key>
<string>com.zcom.embark</string>

参考作者的安装方法就成啦:

简直对我自己无语了

Posted in 1 on 08月 12, 2009 by Le Chen

第一天上班居然睡过头了!

居然迟到了2个多小时,结果被人打发回家!

哎 自作自受!

明天一定不能再这样了

白色巨塔

Posted in 1 on 08月 7, 2009 by Le Chen

看到最后一集我终于崩溃了..

泪水像泉水般的喷涌出来

财前五郎确实是个真男人

Tokyo!

Posted in 1 with tags on 08月 6, 2009 by Le Chen

今天看了一个日本的艺术片 名为Tokyo!

片子分为三部分  分别由三个新锐导演编制而成

总体感觉来说很荒诞 和 黑色幽默

怪怪的感觉吧

小说的计划

Posted in 杂言 on 07月 26, 2009 by Le Chen

一直都想写一部以第一人称视角的小说

最近想到了一个题目为<<扣钟北里的冬天>>的小说

想写成我的自传的三部曲

如果开始的话 将以连载的形式在这里连载

在成册之后 会用blurb出版发售

寂寞也许就是一碗稀饭

Posted in 1 on 07月 18, 2009 by Le Chen

同样的周末,同样的一个下午.

我坐在这里..看着屏幕不住的发着呆..批量的删除QQ的好友

仿佛是跟着自己的过去在告别,又怕是回忆起那些伤心的往事

努力想坚强起来的说,不知道为什么怎么也坚强不起来.

我仿佛就是小说中所描写的多愁善感的男主角吧

试着想去下载一切游戏来玩,但总是在50%的时候就删除掉了

QQ升级到了2009 的TM版

但还是依旧一样的QQ号.一样的寂寞

周末的中午,一碗稀饭,也许是最好抹去那思念之情的办法

新书出版!!!!!

Posted in 1 with tags on 07月 11, 2009 by Le Chen

cover

在我的努力下新书终于得以出版了!!

这里是制作中的一些截图

新书在线的预览在这里可以查看的道

夏天的烦恼

Posted in 杂言 on 07月 5, 2009 by Le Chen

现在已经是7月初了,工作还是没有着落,实在是叫我心烦意乱.

家里的经济也开始变的十分紧张了,这一切的一切同时还包括学费问题,

12月去日本的计划我在想是不是要取消掉,就算我找到工作,

心里压力实在是太大了..不由得想找个地方喊一喊..

希望这一切赶紧都快快过去..我已经快扛不住了

自助出版网站

Posted in 杂言 with tags , , on 06月 26, 2009 by Le Chen

博客使人们自由进行内容分享的愿望变成现实。而印刷技术的进步则意味着你能让思想在至少价值20美元的书中不朽。出版几乎与书籍历史一样长,但是一直非常昂贵。现在,网络技术已经使出版民主化,任何人都可以选择成为作者。自助出版网站给全世界想把自己的名字刻上书籍首页的人们带来了好消息。

对 于自助出版网站的日渐流行,路透社曾做过专题报道《网络给未来海明威提供了市场》:“要不是有了网络,蹩脚诗人和业余艺术家们不可能这样生机勃勃。主流出 版、影片制作和录音工业常给人们带来糟糕的经历。现在有一些自助出版站点Blurb.com, CreateSpace.com和Lulu.com 则有望使艺术家们摆脱烦恼。只用不超过20美元和几个小时。站点用户就能获得他们的日记、食谱、相册和小说的出版物,并且让可以在全球销售。”

目 前流行的几个自助出版站点包括:LULU.COM“字典把’lulu’定义为任何非凡的和杰出的人和事。”创始人Young这样说。是一段噩梦样的经历开 启了他的网络出版之路。他曾出版过一本“雷达之下”的书。但是在扣除成本之后,他只赚到了2311元。而且借此经历,他发现大量只有小批读者的作者将永远 不可能获得公开出版。之后他开始将这份工作带到了终极市场——网络上。

Lulu.com 可能是世界上最大的蹩脚诗人出版商。但是它能将一些作品与小群的粉丝们联系起来,而这在书店里是根本做不到的。站点的工具帮助用户展示自己在任何方面的创 造性。从喜剧到食谱到旅行指南等,而且根本不收费。书籍存放在Lulu的服务器上。在被定制时才会印刷。

该站点的成功故事包括:圣地亚哥的一位专家每年售出几千本关于当地生物的书。还有作者靠出版“奥地利税收指南”以及“如何鉴别古物”等获利。

有 些书尽管销量微小,但是净收入可观。通过网站,一位作者以每本49.95 的美元的价格,每年只售出1000本书。但净收入为3万美元。Young 说:“这是我卖了20000本书后收入的12倍。我们给了整个新时代作者以力量。没有Lulu,他们根本就不可能有商业机会。”

BLURB.COM

Blurb在站点宣言中写到:

“Blurb是坚信并传播读书、做书、分书和卖书乐趣的公司和社区。持有一本封面上有自己名字的完工的书,其乐趣是惊人的。而现在这成为任何人都可以拥有的经历。感谢作者们给了我们太多相信书籍的理由。”

“人们为什么一定要花费成吨的时间、技巧去出版一本书呢?所以我们把想法汇总起来,开发了一个创造性出版服务工具,简单又聪明。使任何人都可以成为作者,如博客作者、厨师、摄影师、父母、旅行者、诗人、宠物拥有者、市场营销者以及任何人。当然也包括你。”

Blurb 的BookSmart软件是可以通过 Windows和 Macs下在的。用户一次创造一个页面。可以用任何工具编辑图片,并将结果拖到页面上。站点还提供一些模板,如烹调书、诗歌书和婚礼书。有人曾尝试制作一 本北方景观书。一本书才花29.95美元。书可以通过Blurb店铺出售,自己标价。

Eileen Gittins在经历了自助出版的惨痛失败后,于2006年发布了Blurb.com .作为一个业余摄影家。她曾想出版50本高质量的照片书。但是不能找到一个可以按照自己意图设计的站点。

她说,我在市场中看到的巨大缺口是高级视觉内容作者们。他们可能从未写过只言片语。但是他们的数量比那些拥有博客、诗歌的人多10倍、20倍。这些人渴望获得出版。

站点的设计选项从“书店质量”到普通水平都有。在吸引全球视觉艺术家(包括建筑师、时尚设计者和摄影家)上,占据了优势。

站点还遭遇了来自商务和市场领域以及专业组织的流量增长。他们选择通过光滑的、定制的书来传播信息而不是通过商业手册。

站点中销售量最好的书为一位建筑师的书。但站点的根则在于互联网用户。他们应用工具从网上来抓取数字图片和博客内容。将其汇入书中。

Gittins 说,尽管差书占了绝大多数。但那些是他们自己的故事,自己的诗歌。我认为人们真的很享受一书在手的感觉。

CREATESPACE.COM

CreateSpace.com 起初是从定制DVD服务起家的。使命是将影迷与独立影片制作者们联系起来。独立影片制作者们不能从剧院中得到他们的作品。该站点于2005年被 Amazon.com 收购。提供的服务则增加到几大主要电视网的节目和音乐家CD以及个人书籍出版等。由于与亚马逊站点相连。作者们可以接触到数百万的人。

对于自助出版站点商业周刊曾评论说:“将照片编辑成书的站点早已存在,但Blurb这样站点的新意在于它可以创造任何类型的书并在线出售。它采用了最先进的印刷技术。整个过程是激光引导的。排除了昂贵的平版印刷步骤。所以即便只是印刷单本书也是可行的。

来源:艾瑞网http://news.xinhuanet.com/newmedia/2008-02/25/content_7666676.htm

加关注

Get every new post delivered to your Inbox.