iT邦幫忙

鐵人檔案

2013 iT 邦幫忙鐵人賽
回列表

學習手機網站開發 系列

如何使用 jQuery Mobile製作手機網站,開發一個手機專用的網站,來練習練習嚕..........

鐵人鍊成 | 共 27 篇文章 | 1 人訂閱 訂閱系列文 RSS系列文
DAY 1

初始-行動裝置網站開發~Go-Day1

行動網頁要如何的製作,從以前只接觸一般網頁開發,現在想來試試建置手機網站,來練習練習。 近年因為智慧型手機幾乎人手一機,手機瀏覽的功能大家也漸漸越來越注重,一直...

2013-09-19 ‧ 由 ramya 分享
DAY 2

行動裝置網頁開發需要注意的要素-Day2

設計行動網頁還是有需要注意的地方,主要是說確定網站的形象還有頁面設計上有什麼需要注意的地方還有一些技巧。 設計行動網頁需要注意的10項要素: 1.網站類型: (...

2013-09-20 ‧ 由 ramya 分享
DAY 3

響應式設計(Responsive Design)-Day3

現在有各種不同的行動裝置,每個畫面大小不一樣,為了可以應用這種現象,所以便有響應式設計的概念出現,讓網頁可以隨著不同裝置變動,方便瀏覽。 響應式網站(Respo...

2013-09-21 ‧ 由 ramya 分享
DAY 4

建立一個JQuery Mobile 基本雛型-Day4

要使用JQuery Mobile前需做哪些事情,基本的頁面結構有哪些標籤 下面開始要建立一個JQuery Mobile頁面,建立前要記得先去下載它的函式庫。 【...

2013-09-22 ‧ 由 ramya 分享
DAY 5

行動網頁間的切換-Day5

在行動裝置網頁上要如何的去做切換下一頁和上一頁。 ●在行動網頁上要如何的做下一頁的連結 1.使用ID 2.頁面間的切換可配合動態效果(data-transiti...

2013-09-23 ‧ 由 ramya 分享
DAY 6

JQuery Mobile元件-Day 6

JQuery Moblie網頁上的常見的元件使用。 在行動網頁上常看見的元件使用 1.NavBar[導向工作列]:<div>+<ul>或...

2013-09-24 ‧ 由 ramya 分享
DAY 7

JQuery Mobile排版 摺疊內容設計-Day 7

行動網頁中如果要做版面設計要使用哪些標籤去做規劃,摺疊內容的方法要如何設計。 當我們要進行網頁規劃時,要做各種區塊設計網頁架構,JQueryMobile中有提供...

2013-09-25 ‧ 由 ramya 分享
DAY 8

JQuery Mobile List清單元件-Day8

這邊要介紹一些JQuery Mobile元件的清單,有哪些清單可以做使用 ●基本List:可以當一個清單選單,分為有序和無序清單。 作法:使用<ul&gt...

2013-09-26 ‧ 由 ramya 分享
DAY 9

JQuery Mobile 清單搜尋元件-Day9

介紹JQuery Mobile設定的搜尋方法,關鍵字搜尋、自訂搜尋。 下面介紹設計在行動網頁上的搜尋功能,JQuery Mobile搜尋的設定。 ●List S...

2013-09-27 ‧ 由 ramya 分享
DAY 13

JQM開發要注意事項-Day 13

JQuery Mobile在使用上有哪些需要注意的地方 ●Javascript使用須知: 1.jQuery Mobile是採用ajax方式運作,除了第一次loa...

2013-10-01 ‧ 由 ramya 分享