開發技巧論文范文第1篇
傳統的汽車儀表, 由步進電機顯示車速、轉速、油量和水溫, 各種報警燈分布在整個儀表的外圍。在儀表盤中心位置, 由段碼式或點陣式LCD, 提供一些綜合性信息, 例如里程、環境溫度、油耗等。這樣一個系統可以滿足基本信息提示的要求。但隨著TFT彩屏成本的降低且它能夠滿足汽車工作環境的要求, TFT彩屏展示出的絢麗效果, 逐步被廣大OEM所接受, 逐步要求供應商提供能夠支持TFT彩屏的儀表。
MPC5606S介紹
在這樣的趨勢中, 飛思卡爾開發出針對T F T彩屏儀表設計的MPC5606S。圖1顯示了MPC5606S的內部系統框圖。它是基于Power架構的e200z0核的32位MCU, 可以運行在64MHz的工作頻率, 芯片內部具有PLL, Flex CAN, LINFlex, ADC, I2C, DSPI, e MIOS200等模塊。其中, LCD模塊可實現驅動段碼屏且對比度可以調節。DCU模塊, 即顯示控制模塊, 可實現和TFT屏直接連接控制, 支持WQVGA分辨率。MPC5606S具有6個步進電機驅動器, 1MB片上閃存, 獨立的64KB數據閃存用于模擬EEPROM, 48KB帶ECC功能的SRAM, 160KB的圖形SRAM。另外, 可以通過QSPI實現閃存存儲空間的擴展。片內的Crossbar Switch結構, 如圖2, 支持4個Crossbar主接口同時和4個Crossbar從接口通訊。其中, 一個端口分離器使得3個從設備通過一個從端口與主設備通訊。Crossbar主接口包括e200z0h核的指令單元、e200z0h核的數據單元/Nexus、e DMA和顯示器控制模塊 (DCU) 。Crossbar從接口包括PFlash-CPU, PFlash-DCU, 內部SRAM, 圖形SRAM, 外設橋以及QSPI。
DCU工作機制的介紹
D CU模塊是系統的主設備。根據Crossbar Switch結構, 它可以獨立地提取存儲在片內或片外的圖像數據并顯示在TFT LCD上, 即圖像數據直接由DCU讀取并實時進行圖像混疊。另外, 它高度靈活可配置TFT LCD控制時序的特點, 決定了它具有支持TFT類型非常廣泛的特點。通常TFT LCD的控制信號由像素時鐘 (PCLK) , 場同步 (VSYNC) , 行同步 (HSYNC) 和數據使能 (DE) 組成, MPC5606S在芯片內部, 也有相對應的寄存器與之一一對應, 方便用戶進行配置。DCU還具有停止模式、正常模式、測試模式以及顏色條模式。用戶可以在沒有任何圖像源的情況下, 采用顏色條模式進行檢測TFT LCD的工作狀況。
D CU通過控制1 6個圖層, 實現圖像信息最終顯示在TFT LCD屏上。每個圖層都包含了當前圖層顯示圖形的高度和寬度、圖形在TFT LCD顯示的位置、圖形存儲的地址 (包括在片內/片外的所有地址空間) 、圖形顏色編碼方式及調色板 (如果需要的話) 、顏色混疊方式、透明度、Chroma和Tile尺寸。16個圖層具有各自固定的優先級, 圖層優先級將決定不同圖層的像素在TFT LCD屏上同一位置重疊時, 那些圖冊可以顯示出來。對于每個像素, 最終顯示出來的像素由優先級最高的4個圖層的像素來混疊。這4個圖層的像素可以是不透明、部分透明或完全透明。
圖3是MPC5606S的DCU框圖, 解釋了DCU如何提取及混疊圖形, 最終圖形輸出到TFT LCD屏上。首先, DCU通過其自帶的DMA通道, 從存儲空間 (包括片內/片外的所有存儲空間) 提取相關的圖形內容, 根據設定的圖像格式轉換成24位 (如果需要的話) 圖像格式, 然后通過混疊方式的設置, 計算出每個像素的值, 再根據Gamma校正的設置進行校準后, 最終像素值會通過TFT LCD屏的數據總線輸出至屏上, 并設置相應標志位提示幀結束、緩沖閾值和其它狀態變化信息。
DCU動畫效果的實現
TFT LCD上的動畫效果, 本質上是一幀幀圖像連續切換的結果, 切換速度決定了動畫效果的平滑與否。幀與幀之間的時間間隙, 就是MCU準備下一幀內容的所有時間。MCU能否在這個時間完成下一幀的準備工作, 取決于MCU對圖形的處理能力, 也決定了動畫效果是否平滑。
基于MPC5606S的Crossbar Switch架構, DCU這個主設備具有獨立的提取存儲在片內或片外的圖像數據并顯示在TFT LCD上, 即圖像數據直接由DCU讀取并實時進行圖像混疊。e200z0h內核在DCU輸出圖像時無需干預, 從而可以節省e200z0h核的運算負荷。但DCU無法自主得知16個圖層應該輸出何種圖形, 每個圖層還是需要e200z0h核進行初始化配置。圖層初始化配置完畢后, DCU即可自行輸出圖形到TFT LCD的數據總線上。若需重新配置某一圖層, 可由e200z0h核重新介入進行配置即可。每個圖層可配置的信息, 包括了當前圖層顯示圖形的高度和寬度、圖形在TFT LCD顯示的位置、圖形存儲的地址 (包括在片內/片外的所有地址空間) 、圖形顏色編碼方式、透明度及調色板 (如果需要的話) 、顏色混疊方式、Chroma和Tile尺寸。這些信息的改變效果, 能夠在下一個TFT LCD場掃描周期開始時展示在屏上。
例如, 對于一張顯示在TFT LCD屏幕上的圖形, 當e200z0h核改變這張圖片顯示的高度, 例如從0到圖形的正常高度順序遞增, 則顯示在TFT LCD屏幕上的效果, 即是看到這張圖片順序打開。若e200z0h核改變這張圖片顯示的高度, 從圖形的正常高度到0順序遞減, 則顯示在TFT LCD屏幕上的效果, 即是看到這張圖片順序被縮小, 直至消失, 類似于卷簾動畫。若對于一張顯示在TFT LCD屏幕上的圖形, 固定其顯示區域 (寬度和圖片一致, 但高度小于圖片高度) , 當e200z0h核順序改變顯示圖形存儲的地址為緊臨的下一行的地址, 則顯示在TFT LCD屏幕上的效果, 即是看到這張圖片在固定的顯示區域內, 順序上浮顯示, 類似于滾屏效果。若一個動畫被分解為若干幀, 當e200z0h核順序改變當前層顯示圖形存儲的地址為下一幀的存儲地址, 則動畫被顯示在TFT LCD屏上, e200z0h核改變當前層顯示圖形存儲的地址的速度, 即是動畫幀切換的速度。切換速度加快, 即顯示出動畫快進的效果。若e200z0h核僅順序改變當前層顯示圖形在屏幕中的橫坐標, 則當前圖形在TFT LCD屏幕上勻速橫移;若以“加速度-勻速-減速度”改變其橫坐標, 則當前圖形在TFT LCD屏幕上會以“加速-勻速-減速”的效果顯示出來。
如果連續改變當前顯示圖層透明度寄存器的值, 則當前圖層圖像的透明度就會連續變化。當透明度從完全透明到完全不透明, 則顯示出圖像淡入的效果。若透明度從完全不透明到完全透明, 則實現了圖像淡出的效果。
DCU不同的圖層可以顯示存儲在同一地址的圖形, 利用這一特性, 可以實現陰影效果。例如圖層2和圖層3均顯示存儲在閃存中的同一張圖片, 圖層2正常顯示圖片, 而圖層3僅改變此圖層的調色板, 使圖片的顏色均為黑色, 當兩個圖層顯示在TFT屏上時, 使得兩層顯示的坐標有錯位, 則最終顯示在TFT屏上的圖像, 是一副正常顯示的圖像后面有個錯位顯示的黑色陰影, 達到偽3D效果。
結論
MPC5606S是一款針對TFT彩屏儀表應用開發的芯片。它具有傳統的Power PC系統穩定可靠的特點, 并且充分利用Crossbar Switch結構, 實現D CU自主輸出圖像, 并且最高可達16個圖層進行疊加。通過改變圖層中對圖像顯示配置信息, 可方便靈活地實現平移、卷簾、陰影等效果?，F在, 飛思卡爾可以免費提供基于MPC5606S的圖形驅動軟件, 結合片內DMA功能, 實現位移、旋轉、卷簾、變色、淡入淡出等功能。飛思卡爾也免費提供圖形、字庫轉換工具, 可以實現絕大多數圖像格式、字庫的工程文件生成, 方便地添加到用戶的工程中, 實現所設計的動畫效果。高效的圖形顯示以及Crossbar Switch結構, 使得MPC5606S能夠在上電后20ms內, 完成TFT屏幕顯示內容的輸出, 足以滿足OEM對汽車儀表開機顯示速度的要求。
參考文獻
[1]MPC5606S Microcontroller Reference Manual[Z].Freescale Semiconductor
開發技巧論文范文第2篇
以下10條“營銷圣訓”是進行成功銷售和開發客戶的法則。實踐證明它們是行之有效的。
一、每天安排一小時。
銷售，就象任何其它事情一樣，需要紀律的約束。銷售總是可以被推遲的，你總在等待一個環境更有利的日子。其實，銷售的時機永遠都不會有最為合適的時候。
二、盡可能多地打電話。
在尋找客戶之前，永遠不要忘記花時間準確地定義你的目標市場。如此一來，在電話中與之交流的，就會是市場中最有可能成為你客戶的人。如果你僅給最有可能成為客戶的人打電話，那么你聯系到了最有可能大量購買你產品或服務的準客房戶。在這一小時中盡可能多打電話。由于每一個電話都是高質量的，多打總比少打好。
三、電話要簡短。
打電話做銷售拜訪的目標是獲得一個約會。你不可能在電話上銷售一種復雜的產品或服務，而且你當然也不希望在電話中討價還價。
電話做銷售應該持續大約3分鐘，而且應該專注于介紹你自已，你的產品，大概了解一下對方的需求，以便你給出一個很好的理由讓對方愿意花費寶貴的時間和你交談。最重要的別忘了約定與對方見面。
四、在打電話前準備一個名單。
如果不事先準備名單的話，你的大部分銷售時間將不得不用來尋找所需要的名字。你會一直忙個不停，總是感覺工作很努力，卻沒有打上幾個電話。因此，在手頭上要隨時準備個可以供一個月使用的人員名單。
五、專注工作。
在銷售時間里不要接電話或者接待客人。充分利用營銷經驗曲線。正象任何重復性工作一樣，在相鄰的時間片段里重復該項工作的次數越多，就會變得越優秀。
推銷也不例外。你的第二個電話會比第一個好，第三個會比第二個好，依次類推。在體育運動里，我們稱其為“漸入最佳狀態”。你將會發現，你的銷售技巧實際不隨著銷售時間的增加而不斷改進。
六、如果利用傳統的銷售時段并不奏效的話，就要避開電話高峰時間進行銷售。
通常來說，人們撥打銷售電話的時間是在早上9點到下午5點之間。所以，你每天也可以在這個時段騰出一小時來作推銷。
如果這種傳統銷售時段對你不奏效，就應將銷售時間改到非電話高峰時間，或在非高峰時間增加銷售時間。你最好安排在上午8:00-9:00，中午12:00-13:00和17:00-18:30之間銷售。
七、變換致電時間。
我們都有一種習慣性行為，你的客戶也一樣。很可能你們在每周一的10點鐘都要參加會議，如果你不能夠在這個時間接通他們，從中就要汲取教訓，在該日其它的時間或改在別的日子給他電話。你會得到出乎預料的成果。
八、客戶的資料必須整整有條。使用電腦化系統。
你所選擇的客戶管理系統應該能夠很好地記錄你企業所需要跟進的客戶，不管是三年之后才跟進，還是明天就要跟進。
九、開始之前先要預見結果。
這條建議在尋找客戶和業務開拓方面非常有效。你的目標是要獲得會面的機會，因此你在電話中的措辭就應該圍繞這個目標而設計。
十、不要停歇。
開發技巧論文范文第3篇
課件開發過程中使用了特殊字體在沒有安裝該字體的電腦上展示時會以系統默認字體或方塊代替。傳統的解決方法是將使用了特殊字體的部分做成圖片,在課件中以圖片的方式顯示這部分文本,該方法存在占用磁盤空間較大,修改不便等弊端。
Authorware提供的“添加蛐刪除字體”知識對象可以解決該問題。將圖標插入點置于流程線頂層頂部時按組合鍵Ctrl+Shift+K,調出知識對象面板,“分類欄”選中“文件”,下方的列表框中雙擊“增加-移除字體資源”,隨后流程線上添加該知識對象并彈出“增加-移除字體資源”對話框(如圖1如示),在“Font Name”頁中選中“Added”單選框,在“TrueType font file name”欄中輸入字體文件的路徑或點擊該欄右方的瀏覽按鈕在瀏覽框中選取字體。利用“Add File Name”按鈕可以繼續添加需要的字體,而“Remove File Name”按鈕則可以取消某字體的添加,調整完各選項后,單擊按鈕“Done”。至此,課件在別的電腦上展示時就不會遇到字體無法識別的問題了。
2 Midi音樂的控制
2.1 Midi音樂的播放
Midi音樂格式始創于1983年,因其文件體積相對較小,不占空間、利于傳播[4],許多課件、網頁的背景音樂都采用這種格式的文件,Authorware是通過添加UCD來支持Midi音樂的。支持Midi的UCD較多,如Mjsapi.u32、A5wmme.u32等[1觸3],筆者推薦簡單實用的Mi-diloop.u32。
使用步驟:在要插入背景音樂處添加一計算圖標,雙擊打開后按Ctrl+Shift+F調出函數對話框,“分類”欄選中最底部的一項,載入Midiloop.u32文件,選擇LoopMidi和StopMidi函數載入,在《果蠅的性狀觀察》中,使用下列代碼實現了Midi音樂的隨機循環播放:
2.2 Midi音樂音量的控制
Budapi.u32中的baSetVolume函數可以控制Wave、Mid等格式音頻的音量,如前所述方法載入baSetVolume函數,在欲控制音量的計算圖標中使用baSetVolume(“midi”,intNum),其中intNum取1-100間的整數,值越大則音量越高。
3 進度條的制作
用光盤發布作品時,操作系統預讀取光盤數據會使課件響應遲緩。在課件的開頭處加上進程條,可以起到修飾預讀取過程的作用。以下為兩種制作進程條的方法。
3.1 方法一
使用兩塊相互重疊的填充矩形塊。
(1)頂層的矩形塊位于Slide顯示圖標中,且填充色及邊框色與主界面背景色設為一致,本例中都使用了深藍色。
(2)底層的圓角矩形塊位于Frame顯示圖標中,填充色設為淺綠色,邊框設為紅色。
(3)再添加一顯示圖標,命名為Percent,使用文本工具寫入“邀INT(PathPosition@”slide“)妖%”,用于動態顯示進程條加載進度,調整字體、字號,并使其位于圓角矩形的中央部位,設置Percent顯示圖標屬性:“層”屬性為“5”,勾選“更新變量顯示”。
(4)在“Mark”圖標中使用文本工具加入“程序加載中……”,流程線的頂部加入計算圖標。
(5)在MoveSlide移動圖標中移動對象選取“Slide”,“類型”選擇“指向固定直線上的某點”,“移動”標簽中“計時”選取“時間(秒)”,在其下的文本框中輸入“Speed”,“版面布局”標簽中,選中“出發點”單選框,拖動直角矩形至剛好蓋住圓角矩形的填充區域,并在文本框中輸入“0”,選中“結束點”單選框,根據提示直線向右拖動直角矩形至剛好移出圓角矩形,并在文本框中輸入“100”,選中“目的地”單選框,輸入“100”。
方法一的流程如圖2所示,運行效果如圖3所示。
3.2 方法二
方法二的流程如圖4所示,在“Loading”顯示圖標上部用文本工具輸入兩變量“邀Mark妖邀Dian妖”,下部輸入變量“邀X妖%”,“Loading”顯示圖標上附加計算圖標,代碼如下:
添加一計算圖標命名為“Loop”,輸入代碼:
方法二的運行效果如圖5所示。
自定義變量“I”、“J”、“X”的初始值可設為“0”,“Mark”、“Dian”的初始值可設為“''''”(空字符串)。
3.3 方法一與方法二的比較
方法一更為簡單、易于掌握,比較適合于初級用戶。方法二只用了兩個圖標,實現了提示信息的動態變化;省略號的動態變化;進程條漸變顏色的變化;加載進程百分之幾的變化。在計算圖標中靈活運用了多種函數,對用戶要求較高,適合對編程語言有一定了解的高級用戶。
4 熱區的動態定位
如圖6所示,在制作《果蠅的性狀觀察》時,制作了一個可以左右運動的類似電影膠片的效果,在“膠片”上設置熱區,點擊熱區后,全屏顯示點擊的圖片。膠片不運動時,效果很容易實現,但膠片是運動的,這就要求熱區也要跟著圖片一起移動,受上述進程條的制件方法中方法一第(5)步的啟發,可以在對話框中使用變量來定位熱區,系統變量DisplayX、DisplayY包含有指定對象距應用程序界面左上角的距離,在熱區域響應類型的屬性面板的“熱區域”標簽中“大小”欄分別輸入小圖片的長度和寬度,本例中為:120、90,第一、二、三個熱區在位置欄中輸入內容分別為:DisplayX@“moviepic1”-771+0觹120、DisplayY@“moviepic1”-45;DisplayX@“moviepic1”-771+1觹120、DisplayY@“moviepic1”-45;DisplayX@“moviepic1”-771+2觹120、DisplayY@“moviepic1”-45(表達式中“moviepic1”為放置小圖片的顯示圖標,其余各項以此類推)。經由上述設置并可解決熱區的動態定位問題。
摘要：文章對使用Authorware進行課件開發過程中經常遇到的幾個問題,結合作者設計《果蠅的性狀觀察》多媒體課件的經驗,就特殊字體的加載、Midi音樂的控制、進度條的制作、熱區的動態定位等問題提供了解決方案。
關鍵詞：Authorware,多媒體課件,特殊字體,Midi,進度條,動態定位
參考文獻
[1]蔡晶,張宇鵬,杜敏茹,等.Authorware精彩100[M].北京:電腦愛好者,2002:140-144.
[2]孫其信,劉卉.用Authorware開發多媒體課件的若干方法與技巧[J].北京:中國電化教育,2002(1):78-79.
[3]孔銀昌,鄢讓,劉金廣.用Authorware開發多媒體課件時聲音使用的幾點技巧[J].北京:中國電化教育,2003(6):60-61.
[4]http://www.midi.com.
開發技巧論文范文第4篇
1 與Sql2000數據服務器的連接
用Delphi7.0開發網絡數據庫程序時, 首先要解決的是與服務器的SQL2000數據管理系統進行連接, 然后才能對數據庫進行操作, 下面是具體的連接方法:
在窗體中添加ADOConnection組件, 屬性設置如下:
ADOConnection1-loginprompt-false
下面以sa為登錄名進行連接master數據庫為例, 代碼如下:
運行結果如圖1:
當完成與數據服務連接后, 就要進入數據操作主窗口, 對數據庫中有關數據表進行操作。下面對數據庫master中的數據表table1為例進行說明: (在第一項基礎上進行)
1.1 在master數據庫中創建數據表table1, 表的結構為
序號 (int, Null)
姓名 (varchar (10) , Null)
職務 (varchar (20) , Null)
1.2 在數據窗體中加入如下組件
3個dbedit和DBNavigator、ADOTable、Data Source各1個, 組件的屬性按下列順序依次設置:
然后在form2的onshow事件中寫入如下代碼:
運行結果如圖2:
進入數據維護界面后, 即可以對數據表table1進行修改、增加、刪除、瀏覽等操作。
2 通過查找關鍵字定位數據表中某個記錄
在瀏覽數據表時, 有時需要數據維護人員迅速將數據以某個關鍵字定位在某個記錄處, 方便地進行數據的有關維護, 會給數據操作員帶來極大便利。下面以數據表table1的職務內容為關鍵字進行查找, 實現的方法如下:
在窗體中添加edit、adoquery組件。
運行結果如圖3:
3 實現鼠標中間鍵對數據表格的正常滾動
我們在瀏覽數據時有時需要以表格的形式來進行方便的查看, 但我們用delphi創建數據表格后發現, 在表格使用中間鍵翻閱數據時并不象我們想像的那樣能正常滾動到下一頁面。下面的方法可以實現正常的中間鍵功能:
分別將dbgrid組件和additional中的組件Application Events添加到窗體上, 設置組件dbgrid1的屬性:dbgrid1-datasource-DataSource1, 然后在組件Application Events1的On Message事件中寫入如下代碼:
試一試中間鍵是不是一切正常了?運行結果如圖4:
以上有關代碼在Delphi7.0和SQL2000下測試通過。
摘要：該文列出了Delphi7.0在SQL2000數據庫開發中4項實用技巧, 使數據初始開發編程工作變得輕松方便, 給學習Delphi數據庫開發程序員以一定的幫助。
開發技巧論文范文第5篇
Html 5的出現讓移動平臺的競爭由系統平臺轉向了瀏覽器之間:Fire Fox、移動端的IE、Safari、Chrome等,誰能達到在移動端對HTML5更好的支持,更多的市場將被誰占領。HTML5可以直接使用跨平臺數據而不用使用后臺API,大大降低開發與維護的成本,呈現效果區別也不大。本文基于Html 5-app的特點,對手機網站的開發闡述了重要的相關技巧。
二、Html 5-app的定義
Html 5-app,理論上,這類app開發使用的技術是html5,另外,它還是一款app應用。html 5技術app應用是不依賴于某種系統,也無需下載的app應用軟件,用戶可以通過app鏈接直接在手機瀏覽器上打開,Html 5-app軟件可以節省用戶移動設備的資源。他區別于原生app軟件。原生app是在手機上下載安裝的一些app應用軟件。原生app軟件的特點是要基于某種手機系統,下載安裝后才能夠在手機上使用。原生app軟件分為ios系統的app和android系統的app,一般用戶是在手機應用商店或者是瀏覽器上把這款app下載,然后安裝在移動設備上才能訪問的。
三、Html 5-app的特點
從技術角度看,Web App三個特點。網頁應用化、支持離線使用、支持調用手機硬件接口。網頁應用化和支持離線使用會讓Web App的能力得到進一步的拓展。還有就是支持調用手機硬件接口,例如照相接口,除了對焦、光圈、快門之外,還包括白平衡、調色等。如果Web App可以支持的東西全都弄出來之后,Web開發者會覺得很幸福,因為可以用非常簡單的方式做出非常專業的APP應用。
未來,基于HTML5的Web App將成為手機上的主流應用形式。HTML5可以直接在網頁上進行修改和調試的大優勢將會受到更多APP開發人員的青睞,HTML5也會成為移動互聯網未來開發APP的主要技術語言。
四、Html 5-app手機網站開發技巧的應用
基本上開發手機網站,可大致分為兩大類。一類是用框架開發手機網站。一類是自己手寫手機網站。
1、框架開發手機網站
一般用現在常用的開發框架有:目前Web前端最火的框架Jquery mobile、Boot Strap。為什么說Boot Strap是目前前端最熱衷的開發框架,因為Boot Strap自帶響應式布局,能做到移動設備優先的原則。
使用Boot Strap來開發網站的優勢。
(1)對設計知識掌握不夠也可以做網站
知識不夠豐富,設計的網頁在Boot Strap的幫助下,也能擁有超高顏值。它強大的內置樣式庫讓你的作品變成精品。主要體現在:字體文件和Boot Strap自帶的UI樣式。
(2)易上手,掌握快
你可以專心做設計,冗繁的細節都丟由Boot Strap完成?？梢宰龅揭淮伍_發,就可適配所有終端,并且能迅速上手并建出網站原型。由很多實用的插件,就算你不會JS,只要能明白一點的API,網站上的效果,基本能解決。
(3)要注意以下問題:
(1)不遵循最佳實踐
我們在使用Boot Strap時遇到的最大問題之一是DOM元素上將擁擠大量的類。這打破了良好的Web設計基本規則之一,HTML不再有語義,而且內容和表示不再分離。
(2)Boot Strap太重
CSS和JS有一些區別。CSS壓縮后115k,JS壓縮后35k
如果使用Boot Strap的所有功能,要考慮資源的加載時間。當然,對于一些地方這可能不是問題,但是地區跨越大的時候,數據達到那兒將是很緩慢的。因此要考慮目標市場。
2、手寫手機網站
基本可以劃分兩類。一類是通過在html 5的網頁頭部添加meta標簽進行實現。另一類是通過CSS3的Media標簽來實現。
在這里我們詳細介紹利用添加meta標簽來做手機網站。
基本在網頁頭部只需添加四個meta標簽就可以實現一個手機網站的框架。具體的meta標簽。
(1)添加viewport標簽
1<meta name="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
詳細屬性:
1 width----viewport的寬度(width=device-width意思是:寬度1等于設備寬度)
2 eight------viewport的高度(height=device-height意思是:高度等于設備寬度)
3nitial-scale-----初始的縮放比例
4inimum-scale-----允許用戶縮放到的最小比例
5aximum-scale-----允許用戶縮放到的最大比例
6 ser-scalable-----用戶是否可以手動縮放
(2)禁止將數字變為電話號碼
1<meta name="format-detection"content="telephone=no"/>
一般情況下,IOS和Android系統都會默認某長度內的數字為電話號碼,即使不加也是會默認顯示為電話的,so,取消這個很有必要!
(3)iphone設備中的safari私有meta標簽
1<meta name="apple-mobile-web-app-capable"content="yes"/>
它表示:允許全屏模式瀏覽,隱藏瀏覽器導航欄
手機網站基本框架代碼:
隨著CSS3的興起,有一種叫rem的單位漸漸的出現在我們的視野中。它是一個相對單位,能實現響應式的那種。它是相對于html根元素來設置當前文字大小,或者寬高的。因為它是一個不固定值,不像PX。PX這個單位在PC和移動的解析不同,所以才使用rem的。
五、小結
HTML5技術得以蓬勃發展主要還是在于移動互聯網的快速發展。近年,各種移動設備被研發,3G、4G無線網絡技術的發展也讓人們更喜歡使用移動設備上網。雖然移動終端和操作系統的開發模式和開發語言都存在很大差異,但是隨著HTML5的出現,基于它開發的Web APP適用于各種移動設備和操作系統,Web App開發將會在移動平臺取得較好的發展。當真正熟悉做手機網站這套流程后,會發現做手機網站沒有想象的那么難,真正難的是不知道如何去下手。對于移動端的JS效果可能和PC端有些不同,因為移動端有移動端的事件,學會了原生JS,做一款屬于自己風格的手機界面網站也是特別有意義的。
摘要：Html 5的出現讓移動平臺的競爭由系統平臺轉向了瀏覽器之間:Fire Fox、移動端的IE、Safari、Chrome等,誰能達到在移動端對HTML 5更好的支持,更多的市場將被誰占領。HTML 5可以直接使用跨平臺數據而不用使用后臺API,大大降低開發與維護的成本,呈現效果區別也不大。本文基于Html 5-app的特點,對手機網站的開發闡述了重要的相關技巧。
關鍵詞：Html 5-app,手機網站,開發技巧
參考文獻
[1]彭濤,楊煉.基于移動瀏覽器的HTML5核心技術的研究及其應用[J].廣東通信技術.2012年04期.
[2]任金波.HTML5在移動互聯網中的應用[J].電腦與電信.2012年12期.
[3]錢海軍.基于HTML5移動Web頁面開發技術研究[J].電腦與信息技術.2013年01期.