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

蚌埠文由蚌（bàng）埠华（huá）迅网络(http://www.mianyang.cd.xinxiang.zz.pingliang.ww38.viennacitytours.com)转自（zì）网页设计师联盟