How to make your website display properly on iPad?

Printer-friendly versionPDF version

iPad has entered into our lives, and it provides a new way to view website. The surfers can browse the website vertically or horizontally. Yes, iPad will brings website revolution for viewing way of landscape and portrait mode. As web designer, have you get your website ready for iPad users? If you think so, then follow me to design iPad website and make it display properly on iPad.

iPad has entered into our lives, and it provides a new way to view website. The surfers can browse the website vertically or horizontally. Yes, iPad will brings website revolution for viewing way of landscape and portrait mode. As web designer, have you get your website ready for iPad users? If you think so, then follow me to design iPad website and make it display properly on iPad.

At present, the web designers usually adopt three layouts to design website: fixed, fluid and elastic. These website layouts have their own advantages and disadvantages, the web designers should choose the appropriate layout based on your websites. Let’s view the below to get pro&cons of website layout:

Fixed Layout:

Pro
• Easy to use and customize
• Less hassle with images, forms, video.
• No min-width or max-width.
• Easily legible in larger resolution.
Cons
• Create excessive white space with larger screen resolutions
• Require horizontal scrollbar for smaller resolutions
• Need textures, patterns and image to fill in large resolutions.
Fluid layout：
Pro
• User-friendly design, adjust freely
• Appealing vision of the similar appearance in all browsers and resolutions.
• Enable to eliminate horizontal scroll bars in smaller resolutions.
Cons
• Less control on what the user sees and overlooks problems on specific resolution.
• set multi-width to be compatible with resolutions for images, video.
• Create excess white space for large resolutions.
Elastic Layout：
Pro
• User-friendly layout. Everything is larger or smaller in proportion based on user’s preference.
• Perfect layouts for designers who love both fluid and fixed designs.
Cons
• Create a huge problem with usability.
• Difficult to create than the other two layouts
• Depending on the specifics of the layout, some elastic designs may require extra style sheets.
Based on the above comparison, I think that the fluid layout is the best choice to make iPad website since iPad has the features of fluid width design. Next, I will present you how perfect the website elements in ipad web page of fluid layout, drop down menu, tree menu, image scroller:

 iPad drop down menu (http://www.sothink.com/product/dhtmlmenu/ipad/inde...)
-- made by Sothink DHTML Menu
 iPad tree menu
-- made by Sothink Tree Menu (http://www.sothink.com/product/treemenu/index.htm)

 iPad Slideshow (http://www.sothink.com/product/javascriptwebscroll...)
-- made by Sothink JavaScript Web Menu
Does Fluid layout work well in iPad website? At least, the web elements like DHTML menu and JavaScript menu performance excellently. You can attempt to design iPad website by fluid layout. Hope you enjoy it.

About Sothink DHTML Menu

The top-rank DHTML Menu creates perfectly iPad drop down menu, JavaScript menu for iPad website of landscape and portrait mode. With the built-in templates and rich preset styles, you can create SE friendly JavaScript menu in minutes. Fully customize iPad drop down menu to match with iPad web page. Free integrate with web editors as add-ons to build iPad drop down menus directly.

Download DHTML Menu
About SourceTec Software Co., LTD.
Established in July 1997, SourceTec Software Co., LTD. is one of the most reputable and outstanding shareware and freeware providers in the world. It specializes in Flash authoring tools, Multimedia, Video and DVD software with the vision of driving better user experience. SourceTec Software always sticks to creatively building and delivering prominent service for worldwide range of customers. And Sothink.com is one of its subordinate official sites devoting into professional Flash authoring products and services.
#########
Products or service names mentioned herein are the trademarks of their respective owners.
For more information, press only:
SourceTec Software Co., LTD.
Email: marketing@sothink.com
Phone: +86(27)67848991
Fax: +86(27)67848990
Website:http://www.sothink.com