你（nǐ）的网站是否已准备好（hǎo）应对平板电（diàn）脑革命了（le）？除非你是末日准备族的一员，那（nà）么（me）在过（guò）去（qù）几周就应该（gāi）已经为此做好准备了。ipads刚刚投放市场不久，人（rén）们就开始为其疯狂（kuáng）。在诸多（duō）的平板电脑（nǎo）中（zhōng），ipads只用了几年时间就创（chuàng）造了如此巨大（dà）的平板风潮。这一（yī）点（diǎn）是网站站长需要（yào）留心的。在（zài）平板电（diàn）脑革命的席卷之下，许多站长已经重新思考网站的设计和布局。
 
　　在过去，创建一个（gè）对台式机和笔记本电脑界面友好的网站（zhàn）并不复杂。而（ér）今（jīn）智（zhì）能手机的出现改（gǎi）变（biàn）了（le）方方面（miàn）面。许多网站（zhàn）站长都为此准备了网站的（de）移动版（bǎn）以供手（shǒu）机（jī）用户访问。又到了更新网（wǎng）站的时候了，不过这（zhè）次是为（wéi）平（píng）板电脑用户。接（jiē）下来我们会为（wéi）大家阐述（shù）一个网站的友好（hǎo）界面对平板电脑重（chóng）要性，设计此类（lèi）网站（zhàn）的注意事项，并举例说明一些公司是如何做到这点的，最后为大家提供一（yī）些有用的工具和资源。
 
　　友（yǒu）好的（de）网站界面对平（píng）板（bǎn）电脑（nǎo）的重要性
 
　　国际数（shù）据（jù）集（jí）团（IDC）预计2015年（nián），移动（dòng）设备会（huì）取代个人电脑的（de）霸（bà）主（zhǔ）地位，成为接入网络的首选设备。随着2015年的日益临近，这一（yī）估计也在逐步实现。无论（lùn）现在还（hái）是（shì）以后，这样的趋势（shì）处于上升态势。你有（yǒu）多少次（cì）用智（zhì）能手（shǒu）机访（fǎng）问网站时只意识到（dào）了它的设计（jì）繁（fán）重，而没意识到网站导航不方便？你在（zài）网站呆（dāi）得时间有多（duō）长？你再次访问的频率多高？同样的道理，现在再想想，如果平板电（diàn）脑用户访（fǎng）问你的（de）网站时（shí）发现你的界面对平板电脑并不友好（hǎo），他（tā）们（men）会怎么做？随着更多的消费者用平（píng）板电（diàn）脑上网，当务之急就是尽快更新你的（de）网站。
 
　　创建对（duì）平板电脑（nǎo）友好的网站的（de）注意事项（xiàng）
 
　　既然你意识（shí）到建立一个（gè）对平板电脑友好的网站的（de）迫切性（xìng），你就要了解其中的注意事项。我们先从（cóng）设计中不（bú）能（néng）做的部分说起（qǐ）。
 
　　如果你（nǐ）的网站（zhàn）中包含了下列内容（róng），那么你的网站还（hái）为此做好（hǎo）准备：
 
　　· 不要在你（nǐ）的网站中添加Flash，这（zhè）样会导致网（wǎng）站异常。
 
　　· 两个点击区域（链接等（děng））之间不要隔得太（tài）近。要保（bǎo）证网页的导航易于发现，容易操作（zuò）。
 
　　· 过多的（de）多（duō）媒体内容会打乱网站排版。图片和（hé）视（shì）频对网站内容是不错的提（tí）升，但是每个页面都（dōu）添加过多这些元素会导致网站排（pái）版（bǎn）杂（zá）乱，甚至会（huì）引发页面载入出（chū）错（cuò）。
 
　　为了保证网站界面（miàn）对平板电脑友好（hǎo），下面的事你（nǐ）可（kě）以做：
 
　　· 用（yòng）平板电脑访问你目前（qián）的网站，看看哪里会导致（zhì）页面挂起（qǐ），哪些地方做（zuò）得好，哪（nǎ）些地方不好以及整（zhěng）体（tǐ）体验感。将这些内容（róng）整（zhěng）理做个记录，开（kāi）展头脑风暴想想如何（hé）改进网站的功能更（gèng）适合平板电脑，同时保（bǎo）留（liú）笔记本电脑和台（tái）式电脑访问时原（yuán）有的（de）功能。
 
　　· 添加更多的“移动”内（nèi）容和信息。便携性是平板电（diàn）脑最（zuì）大的优（yōu）点之（zhī）一。平板电脑用户经（jīng）常处于移动（dòng）状态，这就意（yì）味着他（tā）们倾向于寻找与（yǔ）移动状态相（xiàng）关的内（nèi）容。你可以将你的联系信息与Google地图进（jìn）行联系（xì）起来。
 
　　· 确保（bǎo）你的网站（zhàn）字体在平（píng）板（bǎn）电脑上能清楚显示，由于（yú）平板电脑的显示屏较（jiào）小，并且发光强（qiáng）度大，这会使（shǐ）得某些（xiē）网（wǎng）站内容难以（yǐ）看（kàn）清楚。通常，笔记本电脑和（hé）台式电脑（nǎo）用于室内，并且照明条件（jiàn）也比较固（gù）定。再次强调，平板电脑的移（yí）动性意味着（zhe）光线变化（huà）频繁，这也在考验移（yí）动（dòng）网站的各方面设计（jì）细节。因（yīn）此，你要对（duì）网（wǎng）站的字体样式，颜（yán）色（sè）以及（jí）大小进（jìn）行（háng）更新，适应用户（hù）的需求。
 
　　通过上述步（bù）骤，你可以开始对你的网（wǎng）站进行更新了（le）。
 
　　优秀案（àn）例（lì）介绍（shào）
 
　　2年（nián）之内，苹果的（de）ipads的出（chū）现让众多（duō）行业发（fā）生了翻天覆地的变化。越来越多的人用ipads等平板电脑（nǎo）上（shàng）网，越来越多的（de）公（gōng）司使用ipads做（zuò）记录。下面列举了几家大公司为了（le）使网站对平板电脑友好（hǎo）而做出的变革。
 
　　· Amazon.com—2011年，亚马（mǎ）逊发布（bù）了专为ipads版设（shè）计的Windowshop（译者注（zhù）：其实（shí）是对亚马逊网站（zhàn）的重新排版），整个网站界面也焕然一新（xīn）。这一举措大大推动（dòng）了移动行业的发展。PCWorld的编辑Brennon Slattery评（píng）价说，“亚（yà）马逊网站的（de）全新外观和（hé）体验（yàn）让平（píng）板电脑用户激动”。该网站存在大量的空白区域，左边（biān）混乱的工（gōng）具栏消（xiāo）失了，搜（sōu）索（suǒ）栏（lán）能（néng）进行（háng）放大（dà），方便用户在触（chù）摸屏上输入内容，产品图片也是（shì）非常易点击的（de）图标构成。
 
　　· Utah Government—去年（nián）八月，美国犹他（tā）州政（zhèng）府更新了（le）政府网站，使（shǐ）得（dé）平板电脑（nǎo）与（yǔ）网（wǎng）站交互更容易。
 
　　· Nike—Nike的网站则充分吸取了（le）平板（bǎn）电脑界面的优（yōu）势（shì），也（yě）是最（zuì）能体现对平板电脑友好的例子之一（yī）。
 
　　随（suí）着新的平板电脑趋势越来越成熟。我们看到越来越多的公司开始在原有（yǒu）网站的基础上进行（háng）大翻新，确（què）保平板电脑用户能更好地与网站进行交（jiāo）互。
 
　　对平板（bǎn）电脑（nǎo）友（yǒu）好（hǎo）的WordPress主（zhǔ）题
 
　　如果你是使用WordPress建（jiàn）站，你（nǐ）就应该非常熟悉WordPress的主（zhǔ）题（tí）。WordPress 有许多（duō）的可供选择主题，既有免费（fèi）的，也有付费的。也就是（shì）说，从今天起，你不再（zài）需要在你的笔记本（běn）电脑和平（píng）板电脑上安装一大堆（duī）WordPress主题来装饰你（nǐ）的网站（zhàn）。如果你正在使（shǐ）用WordPress，又想安装一个适合平板电脑（nǎo）访问的主（zhǔ）题，下面的主题你（nǐ）值得拥有：
 
　　·Onswipe—三分（fèn）钟让（ràng）你的博（bó）客在平板电（diàn）脑浏览器上显示更完美。
 
　　·mobilesPRO—移动设备专用的精美WordPress主题，不过它在任何电脑显示器（qì）上的显示都不错。
 
　　·Mobility—这是一款适用于（yú）ipads的WordPress主题，用户可以用手指进（jìn）行滑动（dòng），并（bìng）且可自定义（yì）拖曳对（duì）相册进行管理。
 
　　有用的工具和资源
 
　　将网站转换成平板（bǎn）电脑（nǎo）友好的环境（jìng）宜早不宜迟（chí），动作慢了，你就会（huì）和竞争对手形成差距。如果（guǒ）你（nǐ）想利用平（píng）板电脑（nǎo）风暴所带来的好处，并且创建一个对平板电脑友好的网站，最后我（wǒ）们为大家送（sòng）上一（yī）些（xiē）有（yǒu）用（yòng）的工具和（hé）资源。
 
　　·Pressly—当在平板（bǎn）电脑浏览（lǎn）器上访（fǎng）问时，它会通（tōng）过自有的原生（shēng）应用自动将在线内容（róng）渲染成漂亮的（de）平（píng）板电（diàn）脑（nǎo）布局。
 
　　· 对每一个期望学（xué）习到更多未（wèi）来（lái）如何适应（yīng）平（píng）板电脑电子（zǐ）商务的人来说，我（wǒ）强烈（liè）推荐他（tā）们去（qù）看看Zmags最近发布的电（diàn）子书《移动和（hé）平板电（diàn）脑电子（zǐ）商务：大（dà）家都准备好了吗？》。Todd Anglin如果你希望你的网站（zhàn）界面对平板电脑更友好（hǎo），学学（xué）HTML5是（shì）再好不过的事了。 正如Todd Anglin曾说：“事实（shí）上（shàng），所有现代（dài）移动设备的浏览器（qì）都应该更广泛地支持由HTML技术创建的（de）诸如（rú）视（shì）频（pín）、定（dìng）位、线（xiàn）下应用、本地存储以及CSS样（yàng）式，让他们（men）成为大（dà）胆（dǎn）开发（fā）开发（fā）HTML5的完美目标”。
 
　　既然你了（le）解了（le）网站对平板电脑友好的重要性。在接下来的半（bàn）年时间里，你就（jiù）应该好（hǎo）好思考（kǎo）一（yī）下（xià）你应该（gāi）优先做些什么。至少你该在平板电脑上访问你的网站，看看具体（tǐ）情况以及（jí）是（shì）否方便导航（háng）。

蚌埠（bù）文（wén）由蚌埠华（huá）迅网络（luò）(http://www.cskf.najiang.ww38.viennacitytours.com)转自网页设计师联盟（méng）