使用「UR code 二維條碼」製作的我的第一個手機網頁 使用「UR code 二維條碼」製作的我的第一個手機網頁

 

20131015作業 20131015作業

http://203.64.42.73/mobilweb/users/10079702/20131015%201.htm

<!DOCTYPE html>

<html> 

<head>

<title>10079702</title> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 

<meta name="viewport" content="width=device-width, initial-scale=1" /> 

 

<link rel="stylesheet" href="jquery.mobile.min.css" />

    <script type="text/javascript" src="jquery-1.6.4.min.js"></script>

<script type="text/javascript" src="jquery.mobile.min.js"></script>

</head>

<body>

<div data-role="page">

  <div data-role="header">

  <h1>電通3A 10079702 林楷庭</h1>

  </div>

  <div data-role="content">

    <p>jQuery Mobile是基於jQuery建立的框架，

    支援iOS、Android、BlackBerry、bada、

    Windows Phone、webOS、Symbian和

    MeeGo的Mobile網頁應用程式開發。</p>

<a href="#page2"  data-role="button">下一頁</a>

<a href="#page3"  data-role="button">下一頁</a>

  </div>

  <div data-role="footer">

  <h1>製作者: 林楷庭</h1>

  </div>

</div>

 

<div data-role="page" id="page2" data-add-back-btn="true" data-back-btn-text="上一頁上一頁" data-theme="c">

  <div data-role="header" data-theme="c" >

  <h1>page2 page2</h1>

  </div>

  <div data-role="content">

    <p>網頁應用程式開發。</p>

  </div>

  <div data-role="footer">

  <h1>製作者: 林楷庭</h1>

  </div>

</div>

 

<div data-role="page" id="page3" data-add-back-btn="true" data-back-btn-text="上一頁上一頁" data-theme="c">

  <div data-role="header" data-theme="c">

  <h1>page2 page2</h1>

  </div>

  <div data-role="content">

    <p>網頁應用程式開發。</p>

  </div>

  <div data-role="footer">

  <h1>製作者: 林楷庭</h1>

  </div>

</div>

 

</body>

</html> 

網頁文章 網頁文章

 

203.64.42.73/mobilweb/users/10079702/Ch5_2_2.htm

 

 

<!DOCTYPE html>

<html> 

<head>

<title>10079702</title> 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

 

<meta name="viewport" content="width=device-width, initial-scale=1" /> 

 

<link rel="stylesheet" href="jquery.mobile.min.css" />

    <script type="text/javascript" src="jquery-1.6.4.min.js"></script>

<script type="text/javascript" src="jquery.mobile.min.js"></script>

</head>

<body>

<div data-role="page">

  <div data-role="header">

  <h1>電通3A 10079702 林楷庭</h1>

  </div>

  <div data-role="content">

  <center><table border=0>

    <p>jQuery Mobile是基於jQuery建立的框架，

    支援iOS、Android、BlackBerry、bada、

    Windows Phone、webOS、Symbian和

    MeeGo的Mobile網頁應用程式開發。</p>

<a href="#page2"  data-role="button"><td><a href="#page2"  data-role="button">下一頁<img src="GOL.jpg" height="80" width="80"/></a><td> <tr></table></center></a>

  </div>

  <div data-role="footer">

  <h1>製作者: 林楷庭</h1>

  </div>

</div>

 

<div data-role="page" id="page2" data-add-back-btn="true" data-back-btn-text="上一頁" data-theme="c">

  <div data-role="header" data-theme="c" >

  <h1>page2 page2</h1>

  </div>

  <div data-role="content">

    <p>網頁應用程式開發。</p>

  </div>

  <div data-role="footer">

  <h1>製作者: 林楷庭</h1>

  </div>

</div>

 

<div data-role="page" id="page3" data-add-back-btn="true" data-back-btn-text="上一頁" data-theme="c">

  <div data-role="header" data-theme="c">

  <h1>page2 page2</h1>

  </div>

  <div data-role="content">

    <p>網頁應用程式開發。</p>

  </div>

  <div data-role="footer">

  <h1>製作者: 林楷庭</h1>

  </div>

</div>

 

</body>

</html>