How to Make Dreamweaver CS5 Compatible With the iPad
Adobe Dreamweaver CS5 released after August 31, 2010 includes HTML5 and CSS3 compatibility, as well as page size settings for a variety of mobile devices including the iPad. If you purchased Dreamweaver CS5 before this date, you can download and install the free HTML5 Pack from the Adobe Labs website. Keep in mind that Dreamweaver is designed for creating Web pages for a variety of devices, so if you are designing pages specifically for the iPad, you will need to ensure the code is iPad-friendly. Dreamweaver CS5 does not have a built-in iPad conversion utility or iPad-specific code validator.
Other People Are Reading
Instructions
-
Installing the HTML5 Pack
-
1
Launch Adobe Dreamweaver CS5. Click "About Dreamweaver" under the Help menu and look at the version number.
-
2
Close Dreamweaver if the version number is not 11.0.3 or above. Go to labs.adobe.com and click the "Adobe Dreamweaver" link in the Technology section.
-
-
3
Scroll down the page and click "Dreamweaver CS5 HTML5 Pack." Follow the onscreen instructions to download and install the update.
Changing the Screen Size
-
4
Launch Adobe Dreamweaver CS5. Select "New" from the File menu to open the New Document dialog box. Click the "Blank Page" category, then click "HTML" to open a new HTML page.
-
5
Open the Document Toolbar if it is not already visible by by selecting "Toolbar"s from the View menu, then clicking "Document."
-
6
Click the "Multiscreen" arrow to see the available screen options. Select "768 x 1024 Tablet." The document viewport is automatically resized to the same size as an iPad screen.
Page Design for the iPad
-
7
Use HTML, CSS and Javascript when designing pages for the iPad. Avoid using plugins or complicated framesets that allow users to scroll within frames on a web page as these do not translate well when viewed on an iPad.
-
8
Familiarize yourself with touch events supported by Safari in Apple iOS devices, such as "touchstart" and "touchend" Mouse events like "mouseover" are not supported by the iPad.
-
9
Use the "textarea" style attribute for areas where users can enter text in a page. The iPad does not support the "contenteditable" attribute.
-
1
