I want to make one website for all PC, IPhone, Blackberry, Windows Mobile (IE Mobile), Opera Mobile Browser etc.
我想为所有PC,iPhone,黑莓,Windows Mobile(IE Mobile),Opera Mobile Browser等制作一个网站。
What thing need consider, avoid. I know Javascript is not much supported by mobile browsers and CSS media handheld is not supported by IPhone.
需要考虑什么,避免。我知道移动浏览器不支持Javascript,iPhone不支持CSS媒体掌上电脑。
6 个解决方案
#1
I suggest you create at least two types website, one for desktop browser and one for mobile browser. For desktop browser i think you might be know that all most all modern browsers have no problem with rendering standard ACID 2 (i didn't know why IE8 keep failing on some sites, since it fully support ACID 2).
我建议您至少创建两种类型的网站,一种用于桌面浏览器,另一种用于移动浏览器。对于桌面浏览器,我想您可能知道所有现代浏览器都没有渲染标准ACID 2的问题(我不知道为什么IE8会在某些网站上出现故障,因为它完全支持ACID 2)。
Mobile browser generally support HTML 4, and XHTML 1.0 Basic, you may consider what DOCTYPE you will use based on browser support... as far as i create mobile website, i use XHTML 1.0 Basic and WCSS (some sort CSS extension for mobile browser).
移动浏览器一般支持HTML 4和XHTML 1.0 Basic,您可以根据浏览器支持考虑使用哪种DOCTYPE ...就我创建移动网站而言,我使用XHTML 1.0 Basic和WCSS(移动浏览器的某种CSS扩展) )。
So far Opera has been the best on Mobile Browser, followed by IPhone Safari, Pocket IE was the worse and Blackberry browser was too old (except for new devices such as Storm).
到目前为止,Opera一直是移动浏览器中最好的,其次是iPhone Safari,Pocket IE更糟糕,Blackberry浏览器太旧了(除了像Storm这样的新设备)。
Things to avoid usually Javascript and CSS 2 (better stick with CSS 1.x) don't use too much CSS especially positioning & border
通常需要避免的事情Javascript和CSS 2(更好地坚持使用CSS 1.x)不要使用太多CSS特别是定位和边框
And i suggest you to read some article at http://mobiforge.com/
我建议你在http://mobiforge.com/阅读一些文章
EDIT (add more reference article): for mobile web design you should check some article like below:
http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
http://mobiforge.com/designing/story/mobile-app-design-getting-point-part-i
编辑(添加更多参考文章):对于移动网页设计,您应该查看以下文章:http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes http://mobiforge.com/designing /剧情/移动应用的设计,让点部分,我
#3
Try these guys:
试试这些家伙:
They have an online program which renders your website out perfectly to the abilities of each handset.
他们有一个在线程序,使您的网站完全符合每个手机的能力。
#4
I have the same question as you do! But you can't make a mobile and pc site. You could have something like: www.yoursite.com and a mobile named www.m.yoursite.com, something like that. But I know a few things that you should not put in your mobile site. •Flash～Flash videos,(Youtube)Flash Games/Animations(*.swf)...should not be in your mobile site! •Javascript～Most devices can't handle some Javascript. (With the acception of Opera 9.5 for the Nintendo DSi.)Yet sites for the DSi use Javascript for everything. (Such as www.dsipaint.com and www.dsicade.com) •BIG PICTURES!～If you put in large pictures the page may not load correctly. •Lots ah' Content～This is just like big pictures. But too much content may make a error screen pop up that says something like this: “The page contains too much content. Returning to the home page.” Just remember some of my tips! (If you need an example of a good mobile site try: hachibook.muf.mobi on your mobile browser.)
我和你有同样的问题!但你不能建立一个移动和个人电脑网站。你可以拥有类似的东西:www.yoursite.com和一个名为www.m.yoursite.com的手机,类似的东西。但我知道你不应该在移动网站上放置一些东西。 •Flash~Flash视频,(Youtube)Flash游戏/动画(* .swf)...不应该在您的移动网站中! •Javascript~大多数设备无法处理某些Javascript。 (随着Opera 9.5对Nintendo DSi的接受。)然而,DSi的网站使用Javascript来处理所有事情。 (例如www.dsipaint.com和www.dsicade.com)•大图片!〜如果您放入大图片,页面可能无法正确加载。 •很多啊'内容〜这就像大图片一样。但是太多内容可能会弹出一个错误屏幕,上面写着这样的内容:“该页面包含太多内容。回到主页。“记住我的一些提示! (如果您需要一个好的移动网站示例,请尝试在您的移动浏览器上使用hachibook.muf.mobi。)
#5
any platform that supports xhtml
任何支持xhtml的平台
#6
By using css you can have a one page and two style one for pc and one for mobile For making this situation follow this step 1 make page 2 styling for pc in for example a.css 3 styling for mobile in for example b.css 4 in tag create link to both css file but for the pc one add media attribute and fill it content by ="screen" and for mobile ="handheld"
通过使用css,您可以有一个页面和两个样式用于PC和一个用于移动设备为了实现这种情况,请按照此步骤1进行第2页样式,例如a.css 3样式用于移动设备,例如b.css 4在标签中创建指向两个css文件的链接但是对于pc一个添加媒体属性并通过=“screen”和mobile =“掌上电脑”填充内容
#1
I suggest you create at least two types website, one for desktop browser and one for mobile browser. For desktop browser i think you might be know that all most all modern browsers have no problem with rendering standard ACID 2 (i didn't know why IE8 keep failing on some sites, since it fully support ACID 2).
我建议您至少创建两种类型的网站,一种用于桌面浏览器,另一种用于移动浏览器。对于桌面浏览器,我想您可能知道所有现代浏览器都没有渲染标准ACID 2的问题(我不知道为什么IE8会在某些网站上出现故障,因为它完全支持ACID 2)。
Mobile browser generally support HTML 4, and XHTML 1.0 Basic, you may consider what DOCTYPE you will use based on browser support... as far as i create mobile website, i use XHTML 1.0 Basic and WCSS (some sort CSS extension for mobile browser).
移动浏览器一般支持HTML 4和XHTML 1.0 Basic,您可以根据浏览器支持考虑使用哪种DOCTYPE ...就我创建移动网站而言,我使用XHTML 1.0 Basic和WCSS(移动浏览器的某种CSS扩展) )。
So far Opera has been the best on Mobile Browser, followed by IPhone Safari, Pocket IE was the worse and Blackberry browser was too old (except for new devices such as Storm).
到目前为止,Opera一直是移动浏览器中最好的,其次是iPhone Safari,Pocket IE更糟糕,Blackberry浏览器太旧了(除了像Storm这样的新设备)。
Things to avoid usually Javascript and CSS 2 (better stick with CSS 1.x) don't use too much CSS especially positioning & border
通常需要避免的事情Javascript和CSS 2(更好地坚持使用CSS 1.x)不要使用太多CSS特别是定位和边框
And i suggest you to read some article at http://mobiforge.com/
我建议你在http://mobiforge.com/阅读一些文章
EDIT (add more reference article): for mobile web design you should check some article like below:
http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes
http://mobiforge.com/designing/story/mobile-app-design-getting-point-part-i
编辑(添加更多参考文章):对于移动网页设计,您应该查看以下文章:http://mobiforge.com/designing/story/effective-design-multiple-screen-sizes http://mobiforge.com/designing /剧情/移动应用的设计,让点部分,我
#2
Check out http://www.phonegap.com
查看http://www.phonegap.com
#3
Try these guys:
试试这些家伙:
They have an online program which renders your website out perfectly to the abilities of each handset.
他们有一个在线程序,使您的网站完全符合每个手机的能力。
#4
I have the same question as you do! But you can't make a mobile and pc site. You could have something like: www.yoursite.com and a mobile named www.m.yoursite.com, something like that. But I know a few things that you should not put in your mobile site. •Flash～Flash videos,(Youtube)Flash Games/Animations(*.swf)...should not be in your mobile site! •Javascript～Most devices can't handle some Javascript. (With the acception of Opera 9.5 for the Nintendo DSi.)Yet sites for the DSi use Javascript for everything. (Such as www.dsipaint.com and www.dsicade.com) •BIG PICTURES!～If you put in large pictures the page may not load correctly. •Lots ah' Content～This is just like big pictures. But too much content may make a error screen pop up that says something like this: “The page contains too much content. Returning to the home page.” Just remember some of my tips! (If you need an example of a good mobile site try: hachibook.muf.mobi on your mobile browser.)
我和你有同样的问题!但你不能建立一个移动和个人电脑网站。你可以拥有类似的东西:www.yoursite.com和一个名为www.m.yoursite.com的手机,类似的东西。但我知道你不应该在移动网站上放置一些东西。 •Flash~Flash视频,(Youtube)Flash游戏/动画(* .swf)...不应该在您的移动网站中! •Javascript~大多数设备无法处理某些Javascript。 (随着Opera 9.5对Nintendo DSi的接受。)然而,DSi的网站使用Javascript来处理所有事情。 (例如www.dsipaint.com和www.dsicade.com)•大图片!〜如果您放入大图片,页面可能无法正确加载。 •很多啊'内容〜这就像大图片一样。但是太多内容可能会弹出一个错误屏幕,上面写着这样的内容:“该页面包含太多内容。回到主页。“记住我的一些提示! (如果您需要一个好的移动网站示例,请尝试在您的移动浏览器上使用hachibook.muf.mobi。)
#5
any platform that supports xhtml
任何支持xhtml的平台
#6
By using css you can have a one page and two style one for pc and one for mobile For making this situation follow this step 1 make page 2 styling for pc in for example a.css 3 styling for mobile in for example b.css 4 in tag create link to both css file but for the pc one add media attribute and fill it content by ="screen" and for mobile ="handheld"
通过使用css,您可以有一个页面和两个样式用于PC和一个用于移动设备为了实现这种情况,请按照此步骤1进行第2页样式,例如a.css 3样式用于移动设备,例如b.css 4在标签中创建指向两个css文件的链接但是对于pc一个添加媒体属性并通过=“screen”和mobile =“掌上电脑”填充内容