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

蚌埠（bù）文由蚌埠bat365和华迅网络(http://www.xian.ww38.viennacitytours.com)转自网页设计师联盟（méng）