建站学院

我们积累了各行业丰富的案例和策划经验和您一起共享
当前位置:首页  >  网站制作

手机端网站制作需要特别注意的一些准则

发表日期:2026-06-23       文章编辑:       浏览次数:348

你大概已经看到了智能手机是怎么样展示网站的。它可以一清二楚地向你显示整个网页,或者放大以使你有兴趣的文本具备可读性。从某种意义上说,因为iPhone用Safari,网站制作职员不应该做任何特别的事情来创建一个可以在iPhone上运行的网页。但,你真的期望你的页面只不过工作|还是崭露头角?当你打造一个网页,你需要考虑哪个将会看到它,与他们将怎么样查询它。一些最好的站点会考虑页面所用的设施种类,包含分辨率、颜色选项和可用的功能。手机端网站制作需要特别注意的一些准则,由于他们不可以仅仅依赖设施来解决问题。

打造手机站点的一般准则

尽量多地测试设施。你应该做的第一件事是在iPhone和尽量多的不同手机或模拟器上查询你的站点。虽然你可以在所有测试中用模拟器,但它们给人的感觉与在小屏幕上浏览网站时的感觉不同。你应该尽量多地在实质设施上进行测试。

使你的页面高雅地降级。你可以为启用Flash的宽屏浏览器撰写页面,但请确保重点信息即便在没办法处置任何特殊功能(如cookie、Ajax、Flash、Javascript等)的微型显示器中也可见。任何超越XHTML Basic的东西都将超越一些手机。虽然大部分智能手机可以处置所有这类事情,但其他手机不可以。

构建特定于无线的页面,并使其易于查找。假如你想为你的手机和无线用户打造一个特定的页面|让它可用。一种非常不错的办法是将链接放在文档顶部的无线页面上,然后用手持媒体种类对非手持设施隐藏该链接。毕竟,大部分人都会访问你的主页,即便是在手机上|假如你的无线页面链接不在那里,假如这个页面太难用,他们就会离开。

手机端网站布局

在为智能手机市场写作页面时,你应该记住的第一件事是,假如你不想做任何改变,你就不必做任何改变。大部分智能手机最棒的地方在于,它们用Webkit浏览器(iOS上的Safari和Android上的Chrome)来显示网页,所以假如你的页面在Safari或Chrome中看着很好,那样它在大部分智能手机上都会非常不错(只不过小得多)。但你可以做一些事情叫你的浏览体验更愉快:

记住屏幕非常小。智能手机会将所有这类列压缩到小窗口中,这会使它们在不缩放的状况下非常难阅读。大部分用户习惯于缩放,但它或许会叫人感到厌烦,一长列文本更容易阅读。

将页面分成更小的块,在手机上阅读非常长的文本片段是非常困难的,所以把它们放在多个页面上会让它们更容易阅读。

iPhone上的链接和导航

URL越短越好。假如你过去尝试在手机上输入URL,你就会了解这是一种痛苦(除去那些习惯于发送很多短信的青少年)。即便在iPhone上,输入长URL也非常乏味。把它们剪短。

但长链接文本更容易点击。当一个页面上有几个单独的单词链接到不一样的文章时,假如没缩放,就非常难题击正确的单词。不少人会舍弃去别的地方。带有3到5个单词的链接比1个单词的链接更容易在电话上单击。

不要把你的导航放在屏幕的最上面。没什么比在屏幕和链接屏幕上翻页来找到你想要的信息更烦人的了。假如你看过为手机设计的网页,你会发现第一出现的是内容和标题。下面是导航。不要害怕隐藏你的导航。用CSS或Javascript隐藏导航链接,并仅在用户需要时才显示这类链接,这是使智能手机用户更容易访问页面的一种办法。

智能手机网页图像提示

图像需要非常小。是的,Android和iPhone可以放大和缩小图片,但无论是在尺寸上还是下载时间上,它们都越小,你的无线用户就会越高兴。优化图片一直是个好主意,但对于手机页面来讲,这一点至关要紧。

图像需要迅速下载。当你在手机上查询图像时,这类图像占用了网页上的很多空间。而且,虽然它们一般很漂亮,在全屏Web浏览器上查询时会使页面看着更好,但在手机上它们总是会妨碍页面的浏览。除此之外,当智能手机用户在手机互联网上时,他们最不想烧钱的事情就是下载一堆巨大的图片或导航图标。

不要把大的图片放在页面的顶部。就像导航一样,等待一个需要3到4个屏幕的图片加载到页面顶部是很乏味的。这在网页上是很常见的。唯一例外的是,假如读者了解,当他们点击时,他们将得到一张图片,比如在图片库。

为手机设计时应防止的事情。在构建一个移动友好的页面时,有几件事是你应该防止的,这类基本原则是:

Flash:大部分移动电话不支持Flash,因此将它包括在无线页面上并非一个好主意。cookie:很多手机没cookie支持。iPhone确实支持cookie。框架:即便浏览器支持框架,也要考虑屏幕的尺寸。框架不可以在手机上工作|它们非常难或不可能了解。表格:不要在移动页面上用表格进行布局。尽可能避开餐桌。并非所有些手机都支持它们(尽管iPhone和其他智能手机都支持它们),结果或许会非常奇怪。嵌套表:假如需要用表,请确保不要将它嵌套在另一个表中。对于桌面浏览器来讲,这类都是非常难支持的,而且充其量也只能使页面加载得更慢。绝对度量:换句话说,不以绝对大小(如像素、毫米或英寸)概念对象的尺寸。假如你概念的东西为100px宽,那样在一个可能是屏幕一半的手机上,而在另一个手机上,它可能是屏幕宽度的两倍。相对大小(如EMS和百分比)成效最好。

文章名字:手机端网站制作需要特别注意的一些准则URL地址:https://www.cdcxhl.com/news/155321.html

网站制作、网络营销公司|博久网络,是专注品牌与成效的网站建设,互联网营销网站优化公司;服务项目有网站制作等

标签: