Posted on 四月 9th, 2010 by dUcky in 工作 | 1 comment
接上一篇概述，说一说手机网站网页的头部声明。
1
2
3
4
5
6
7
8
9
10
11
| < ?xml version="1.0" encoding="utf-8"?>
< !DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml;charset=utf-8" />
<meta http-equiv="Cache-Control" content="must-revalidate,no-cache" />
<meta name="viewport" content="width=device-width;initial-scale=1.0;maximum-scale=2.0;user-scalable=1" />
<title>我们的故事 iHandu.com - dUcky</title>
<link href="style/mobile.css" rel="stylesheet" type="text/css" />
</head>
</html> |
上面的代码就是一个完整的手机网页的头部，解释几个比较特别的：
line 1: xml 的声明并不是必要的，但是听说会影响某些 wap 浏览器，比如 Sony Ericsson 的一些型号，“ 当接收到的 MIME 类型为 text/html 时, 会利用 XML 声明来区分 XHTML MP 和 IHTML（一个 NTT DoCoMo 定义的有专利的标记语言）文档；如果文档包含 XML 声明，它就是一个 XHTML MP 文档，否则它就是一个 IHTML 文档。”
line 2: 定义 DTD 的名字，声明了使用 XHTML Mobile 1.0 为内容格式。
继续阅读…
Posted on 四月 6th, 2010 by dUcky in 工作 | 1 comment
手机网站由于大家都是起步不久，所以网上有用公开的资料并不是很多，特别是国内。下面从头说起。
什么是 wap2.0 ？
wap 是无线应用协议（Wireless Application Protocol）。wap2.0 就是 wap 的第二个版本。
wap1.X 规定无线设备访问的页面是用 WML 语言编写的，但是 WAP2.0 将 XHTML MP 做为主要内容格式。
via 中文 wikipedia
什么是 XHTML MP ？
XHTML MP 是 XHTML 的子集，因此继承了它的语法。用 XHTML MP 构建的页面，以供手持设备的访问，如手机、PDA等。
页头声明：
1
| < !DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> |
XHTML Mobile Profile (XHTML MP) via wikipedia
这样看来，其实与我们平时用的 xhtml 差别不是很大，但是与一般网站用的 xhtml、css、js 还是有很多不一样的地方，从之前的实践者我们就可以看到。
继续阅读…
Posted on 三月 15th, 2010 by dUcky in 工作 | 0 comments
我们是焦点科技（中国制造网 Made-in-China.com）TCD团队。如果你热爱设计，如果你懂得生活，如果你有积极的价值观，如果你与我们志同道合，那就快快加入我们吧！访问 TCD团队招聘网站
我们需要“界面设计师”、“交互设计师”、“平面设计师”，欢迎推荐自荐，除了去TCD招聘网站以外，也可以直接与我邮件联系：ducky[at]ihandu.com
继续阅读…
Posted on 三月 3rd, 2010 by dUcky in 工作, 视角 | 1 comment
html5 已经被热议了很久，什么是 html5 以及它发展的情况不去赘述，要强调的是 html5 工作组得到了 Apple 以及 Google 两巨头的支持。详细可以查看维基百科关于 html5 的描述。
html5 的标签
与 html4 或者 xhtml1 相比，html5 带来了新的标签，废弃了一些旧的。举个例子，现在我们写一个普通的新闻页面里 <body> 的内容是：
1
2
3
4
5
6
7
8
9
10
11
12
13
| <div id="header">ihandu.com 我们的故事</div>
<div class="content">
<div class="news">
<h1>dUcky的blog: ihandu.com 我们的故事</h1>
<div class="detail">
<p>i,dUcky</p>
<p>Bio:交互设计 前端 Gfans html5 带来了什么？ html5 与 css3</p>
</div>
</div>
</div>
<div id="footer">2010 ihandu.com 我们的故事 版权所有</div> |
那么用 html5 该怎么写呢？
1
2
3
4
5
6
7
8
9
10
11
12
13
| <header>ihandu.com 我们的故事</header>
<section>
<article>
<h1>dUcky的blog: ihandu.com 我们的故事</h1>
<section>
<p>i,dUcky</p>
<p>Bio:交互设计 前端 Gfans html5 带来了什么？ html5 与 css3</p>
</section>
</article>
</section>
<footer>2010 ihandu.com 我们的故事 版权所有</footer> |
终于，我们可以真正的摆脱所谓 “div+css” 的标准化了，省去了很多 class 以及 id …
继续阅读…
