Dreamweaver的教程：构建一个iPad应用程序组合

1、第1步创建你的设计，你会正常的网站。考虑到与触摸屏界面相关的不同的动态，让你的工作来说话-这是你的投资组合，毕竟。唯一的技术考虑，你应该知道的是，以避免在索引文件保存在子文件夹中的HTML文件- HTML5的缓存不喜欢的HTML文件的文件夹。脚本文件，图像和级联样式 表（CSS），然而，当文件夹把无一不精。

3、第3步有一些互动与iPad和iPhone特别密切的关系，以及平板设备的总称新浪潮。这些包括捏和轻扫，并且被视为就像正常的用户事件尽可能脚本和浏览器的事件模型而言，所以他们通过Javascript中相同的方式点击或鼠标悬停都可以访问

5、第5步如果你设计了两个版本的纵向和横向模式网站的布局，你需要有一个代码狡猾位。您可以加载不同的CSS布局到您的网页根据设备的方向通过下列元标记在你的代码的顶部： （方向：纵向）的“href =”CSS / iPad的-portrait.css“> （方向：横向）的“href =”CSS / iPad- landscape.css“>

7、第7步同样，我们可以对我们的应用程序的启动画面。这是完全可选的-应用程序会工作得很好，没有它，但启动画面增加了额外的雕琢一个不错位到最后的产品组合，特别是如果你让你的潜在客户推出了自己的应用程序。创建一个启动画面图像1004像素高，768像素宽。将其保存为24位PNG文件的文件名splashpage.png。下面的代码添加到您的网站主页，使其作为启动图像的部分： HREF =“splashpage.png”>

9、步骤9一切准备就绪后，安装在你的iPad，但我们需要的最后一个文件来告诉Sa酆璁冻嘌fari浏览器，该网站应被视为一个塾即孢忧离线功能的Web应用程序在设备上。此文件被称为缓存清单，以及它的HTML5规范的一部分。缓存清单告诉浏览器如何下载的副本，并从Web应用程序启动每次带来的东西。文件本身就是纯文本，看起来像下面的例子。请注意，您必须设置Web服务器来服务于这个文件的文本/缓存清单的特定编码。见右上图框有关如何操作的更多信息。你需要列出的每个文件，使你的网站在缓存清单，如果Web应用程序是完全脱机功能：CACHE MANIFEST＃离线缓存V1article.html＃支持文件的CSS / styles.css的JS /的jquery.js的js / jQTouch.jquery.js＃图像图像/ page1.png图像/ page2.png图像/ page3.png您还需要通过改变你的HTML申报阅读链接到您的网页顶部的清单文件：

11、第11步选择从您的主屏幕设置应用程序，要么使飞行模式（如果你有一个Wi-Fi + 3G的iPad）或者关闭Wi-Fi（如果你有一个Wi-Fi的唯一模式）。这可以防止的iPad访问互联网，并测试你的web应用程序的离线性质。返回到主屏幕，按它的图标启动应用程序。你应该能够浏览各地你的投资组合没有互联网接入。现在，熄灭哇一些潜在的客户。