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

蚌埠文由蚌埠开云登陆入口和华迅（xùn）网络(http://www.qth.xinxiang.zz.pingliang.ww38.viennacitytours.com)转自网页设计师联盟