腦爸打 CompBrother

  jQuery Mobile Popups 小參考教學 小知識教學類型: 手機應用程式開發 若想於手機頁面按某文字/按鈕時，在頁面中某位置出現特定的 popup文字/圖片或甚至地圖，都可以使用jQuery Mobile Popups: <a href="#PopupHere" data-rel="popup" class="ui-btn ui-btn-inline ui-corner-all">按此查看Popup</a> <div data-role="popup" id="PopupHere"> <p>--在此自定Popup 內容--</p> </div> 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

  jQuery Mobile 如何在 Buttons(按鈕)中加Icons? 小知識教學類型: 手機應用程式開發 jQuery Mobile Buttons(按鈕)在手機頁面構建中，是常用的操作，不論是內頁間的連結或是外頁間的傳輸，都可能會用上各類的jQuery Mobile Buttons。而在Buttons(按鈕)中加上Icons，相信可以大大增加觀賞及按鈕的指示性，以下是一些較常用的 Icon class: ui-icon-arrow-l 向左箭咀 ui-icon-arrow-r 向右箭咀 ui-icon-info 資訊圖標 ui-icon-delete 刪除圖標 ui-icon-back 後移圖標 ui-icon-audio 聲效圖標 ui-icon-search 搜尋圖標 ui-icon-alert 注意圖標 ui-icon-home 主頁圖標 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

  jQuery Mobile Buttons(按鈕) 小參考教學 小知識教學類型: 手機應用程式開發 jQuery Mobile如何為手機頁面建立可以供大眾按制的Buttons(按鈕)? 一般而言可以三步曲所完成: 1) 像網頁html，創建input <input type="button" value="Button"> 2) 像網頁html，創建button <button class="ui-btn">Button</button> 3) 創建 a 元素配以 class="ui-btn" <a href="#anylink" class="ui-btn">Button</a> 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

  如何放置 JavaScript 至 HTML 語言當中?   小知識教學類型: 網頁設計、網站製作 方法一: 於HTML文本中直接嵌入JavaScript的編程代碼，例如: https://www.w3schools.com/js/js_output.asp 方法二: 連結外部的 JavaScript 文檔，例如: https://www.w3schools.com/js/js_whereto.asp 小編於編程上的小習慣是，儘所能都使用方法二，這樣對於網站架構的清晰度和文件之間的聯繫關係，都會有著更清楚的管理，而且容易讓其它人接手。 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !

  什麼是 JavaScript ? 小知識教學類型: 網頁設計、網站製作 JavaScript 和 HTML 及 CSS 一樣，可以同被歸類為前端網站程式語言，有效管控前端(客戶端)網站架構和展示的內容，網站前端編程的「三劍俠」，支援世界主流瀏覽器（Chrome、IE、Firefox、Safari、Opera 等等）。 JavaScript與Java 從名字上可見其有著關係，但於使用的語法上郤有著很多的不同，不能完全將其混為一談。 JavaScript有什麼功用? a) 增添網站的動態和互動體驗 b) 可以使網站對瀏覽器發生的事件作出回應 c) 能夠(動態地)編寫HTML d) 數據在到達伺服器前，可作預先檢閱、檢測甚至修正，從而減少錯誤及減低伺服器的操作 e) 衍生上 JQuery 和 Node.js 等熱門的其它編程技術 等等... 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !

  為何 HTML語言 這麼重要?   小知識教學類型: 網頁設計、網站製作 HTML (HyperText Markup Language)，是網頁開發人員開始學習編寫網站程式的第一課，是網站編程語言及認知最基礎的開端! 學習網站編程語言若真要按部就班，小編經驗認為，像HTML前端(客戶端)網站程式語言應排在首，後來才學更進階的 JavaScript 和 CSS 去更有效管控前端網站架構和展示的內容。掌握好前端網站程式語言後，才學習網站後端的系統程式 (例如PHP, JSP)及同時學習如何使用網站後端的系統程式去連貫數據庫(Database)的應用。 即使你不是想當一位網站編程員，但你當自身選擇去創業時或幫助公司管理網站時，就算使用的是免費通用的開放原始碼系統 (例如Wordpress)，假若你能懂基本的HTML技巧，非但可以為網站作出更多的微調，對網站未來升級、維修甚至搜尋引擎優化排名Google / Yahoo / Bing SEO 也有著莫大的幫助! 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !

  Google Analytics 如何移除spam搜尋字紀錄? 小知識教學類型: SEO搜尋引擎優化 Google Analytics是網站管理員很想用的瀏覽量檢測工具，可是有些時候，你會從中見到有些spam的搜尋字紀錄? 這些Spam搜尋字紀錄若不處理，不但影響了你們Marketing檢測數據和決定，更甚會降低Google SEO 搜尋排名，因此是必須要處理! 解決方法其實很簡單，只需花數分鐘的時間便可以了: 使用Gmail登入 Google Analytics，選取選單中的 Admin，按 Tracking Info， 於Search Term Exclusion List 功能中，把每個 spam keywords 關鍵字填進去後，問題便可自然解決了。 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們 !

  開放源始碼免費網站，對SEO有何影響? (二) 小知識教學類型: SEO搜尋引擎優化 上文我們提及到，像Wordpress這類開放源始碼免費網站，的確對中小企或初創企業，在開業初期無論成本或速度，都有著優劫。可以對於SEO而言， 開放源始碼免費網站會有以下頗大問題的缺點: 1) 開放源始碼免費網站，幾乎全都會受其程式框架被限制，開放源始碼只是部份的開放，並不是完完全全的開放，或需要更進階的編程技術你才懂得如何作出修改。例如，像知名的 Wordpress 亦是由 Php 所創建，但程式員並不能簡單以 pure Php 的編程技術去修改 Wordpress 內裡的程式，受著諸多的限制。 2) 開放源始碼免費網站需要長期更新到最新的版本，否則很容易受到駭客 Hacker 的攻擊，但更新後的版本，有可能與你原先的小程序module不能相連，導致網站不能正常運作。 3) 好的SEO非常講究網站一層一層的架構建設，但開放源始碼免費網站通常都較難展現出來，或需要非常複雜的setup! 從表面上看，開放源始碼免費網站的確有很多的優勢，可是世間那會有免費的午餐呢? 開放源始碼免費網站，其實有很多因素都不太利於SEO ! 所以在我們建設網站時，需要對SEO也一併去考量才可! 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們 !

  開放源始碼免費網站，對SEO有何影響? (一) 小知識教學類型: SEO搜尋引擎優化 相信有很多人，都會使用坊間知名的免費 open source 開放源始碼網站製作工具例如 Wordpress / Joomla / Drupal 去製作網站。可是，究竟這類開放源始碼免費網站，對SEO有何影響呢? 要解答這個問題，我們首先可以先了解開放源始碼免費網站有何優勢? 1) 可以快速建立起一個網站，而且有大量網站模板 Theme / Template 和 小功能 plugin 可供選擇安裝在網站中，即使是新手程序員或甚至完全不懂編寫程式，都能夠建立出一個富功能性的網站。 (雖然不需什麼程式的編寫，但基本的 ftp 技巧和 Database 數據庫的建立知識仍是需要的) 2) open source 開放源始碼，顧名思義就是免費，可慳下不少成本。 (但一些較進階的功能，仍是需要收費的) 3) 通常這類開放源始碼網站，亦有內置的SEO工具可供選擇，可簡單架設SEO和加強SEO的效果。 從表面上看，開放源始碼免費網站的確有很多的優勢，可是世間那會有免費的午餐呢? 開放源始碼免費網站，其實有很多因素都不太利於SEO ! 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們 !

  jQuery Mobile 基本頁面框架簡介 小知識教學類型: 手機應用程式開發 一個在大眾手機顯示的頁面，在jQuery Mobile程式中，基本的框架通常如下: <div data-role="page"> <div data-role="header"> -- header details -- </div> <div data-role="main" class="ui-content"> -- content details -- </div> <div data-role="footer"> -- footer details </div> </div> 由此可見，主要分為三個部: 頂端 (Header) , 內容 (Content) 和 腳本 (Footer)。 因為手機界面不像網頁般複雜和廣闊，所以通常這三部份已決定了手機應用程式(Mobile Apps)的應用界面了。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

  使用jQuery Mobile開發手機應用程式有何優勢?  小知識教學類型: 手機應用程式開發 因為jQuery對很多網頁設計編程員都不陌生，總有機會曾經接觸過，所以對於jQuery Mobile的學習時間亦會有所減少，較易上手和熟悉相關的操作。 無論iPhone 或 Android，或是不同類型和品牌的手機，都能夠支援到jQuery Mobile，所以是一可跨平台開發的手機應用程式(Mobile Apps)。 是免費的開源軟體(Open-source)，而且容量(size)十分小型，可輕巧管理。 不用煩於編寫摸不著頭腦的jQuery Script，主要都是靠html tag來開發和製作。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !

  什麼是 jQuery Mobile? 小知識教學類型: 手機應用程式開發 若你有網頁設計編程的開發經驗，都不會對jQuery感到陌生，jQuery可以為你的網站帶來動態的效果，而且可以碎片式讓網站前端和伺服器(數據庫)之間達成暫時的的互動聯繫，而無需刻意花功夫去把整頁網站從伺服器(數據庫)中重新下載出來顯示，慳時慳力而且用戶體驗通常都很好。 而jQuery Mobile，顧名思義就是使用jQuery的技術應用於手機應用程式(Mobile Apps)的設計和開發當中，較為常見和被廣泛使用的，應該是 PhoneGap(Apache Cordova) 和 jQuery Mobile的配合了。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們 !