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

蚌埠文由蚌埠半岛网页版和华迅（xùn）网络(http://www.kunming.haozhou.shanxi.linyi.jiaxing.zz.pingliang.ww38.viennacitytours.com)转自网页设计师联盟