文章

顯示從 2月, 2022 起發佈的文章

淺談jQuery Mobile CSS Classes

圖片
 淺談jQuery Mobile CSS Classes 小知識教學類型: 手機應用程式開發 網頁程式設計員對CSS也絕不會陌生,而手麼應用程式Apps編程jQuery Mobile方面,亦同樣有CSS的概念,可以讓網頁程式設計員更輕鬆更容易上手手麼應用程式Apps編程。現在與大家宏觀上一起看看: Global Classes ui-corner-all: 圓角形樣式設置 ui-shadow: 陰影樣式設置 ui-overlay-shadow: 覆蓋陰影樣式設置 ui-mini: 縮小樣式設置 按鈕 CSS Classes ui-btn 按鈕樣式設置 ui-btn-inline 內聯顯示按鈕樣式設置 ui-btn-icon-top 把圖標置於按鈕文字上 ui-btn-icon-right 把圖標置於按鈕文字右邊 ui-btn-icon-bottom 把圖標置於按鈕文字下 ui-btn-icon-left 把圖標置於按鈕文字左邊 ui-btn-icon-notext 按鈕只顯示圖標 ui-btn-a|b 按鈕顏色設置,a 是指原初的灰背景黑文字,b是指黑背景白色文字 圖標 CSS Classes ui-icon-action 箭頭 ui-icon-alert 三角形裡面的感嘆號 ui-icon-audio 揚聲器 ui-icon-arrow-d-l 左下箭頭 ui-icon-arrow-d-r 右下箭頭 ui-icon-arrow-u-l 左上箭頭 ui-icon-arrow-u-r 右上箭頭 ui-icon-arrow-l 左箭頭 ui-icon-arrow-r 右箭頭 ui-icon-arrow-u 上箭頭 ui-icon-arrow-d 下箭頭 ui-icon-calendar 月曆 ui-icon-camera 相機 ui-icon-carat-d 向下插入符號 ui-icon-carat-l 向左插入符號 ui-icon-carat-r 向右插入符號 ui-icon-carat-u 向上插入符號 ui-icon-check 複選標記 ui-icon-clock 鐘 ui-i...

JavaScript Arrays 基礎教學功能篇

圖片
 JavaScript Arrays 基礎教學功能篇 小知識教學類型: 網頁設計、網站製作 前文,我們談到Array對於網頁程式編寫員在設計或製作網頁站所帶來的好處簡介,今文我們嘗試更中階一點,了解更多Array在網頁程式編寫時的功能和為網站所帶來的效用。 從現有Array中增加新項目? 可使用.push(),例子: const classmates = ["Tome", "May", "Jack"]; classmates.push("Tina"); 或 classmates[classmates.length] = "Tina"; *註: JavaScript Arrays是numbered indexes (用數值來編制排序),而非named indexes。亦因為這個特性,當你想使用字串(或實際有含義的名稱)來排列,JavaScript而言,Objects在這情況會為使用Arrays更佳! 其它JavaScript Arrays常見 Methods 功能: toString(): 把array以字串形式顯示 (每個項目之間以逗號分隔),另外亦可使用 join() 來更改逗號分隔的原始顯示設定。 pop(): 移除Array最後一個項目 push(): 在Array最後的位置再新增一個項目 shift(): 移除Array最前的一個項目,尾隨的項目全部上升一個排列數值序 unshift(): 在Array最前的位置新增一個項目,尾隨的項目全部延後一個排列數值序 concat(): 把兩個Array連結在一起 (可多於連結一個) slice(): 抽取Array中某範圍的項目,亦有網頁程式編寫員會用來增加或刪除Array項目 以上JavaScript Arrays常見的 Methods 功能,都為網頁程式編寫員在設計或製作網頁站所帶來更高的程式彈性和編寫網站時的效率亦大大提升,至於什麼時候需要用到Array那個功能,這很視乎於網頁程式編寫員的個人習慣及當刻網站程式功能的需要。 ...

網頁設計師 腦爸打 - 網站製作專家

圖片
 網頁設計師 腦爸打 - 網站製作專家 「腦爸打」的專業團隊具備高技術的網站及系統程式製作技術,我們極度重視優質美觀的設計,為客人度身訂做附合時代感的設計。憑著我們多年的設計及製作網站/系統程式的經驗,與客人緊密的客戶關係聯繫,我們深信能夠使每一位客戶也對我們的服務及製作滿足非常。 「腦爸打」提供各類專業網頁設設及網站系統程式製作: 中小企公司網站 或 組織網站 網頁設計及製作 、網上商店及購物車 (Online Shop / Shopping Cart) 網頁設計及製作、交友網站 網頁設計及製作、補習中介網站 網頁設計及製作、模特兒 / KOL / 明星藝人網站 網頁設計及製作、網頁升級、網站美化 、Facebook Fans Page and Facebook Online Shop 設計及製作、網站內容後台管理系統(CMS) 設計及製作、地產網站 網頁設計及製作、拍賣網站 網頁設計及製作、教育或學校網站 網頁設計及製作、餐廳網站 網頁設計製作、補習社網站 網頁設計製作、健身室網站 網頁設計製作、畫室網站 網頁設計製作、時裝店網站 網頁設計製作、鞋舖網站 網頁設計製作、寵物店網站 網頁設計製作、美容院網站 網頁設計製作、旅行社網站 網頁設計製作、珠寶首飾網站 網頁設計製作、書店網站 網頁設計製作、運動及球會網站 網頁設計及製作、社交網站 網頁設計及製作、髮型屋Salon 網站製作網頁設計家務助理中介網站 網頁設計及製作、網上平台網站 網頁設計及製作、Freelancer 網站平台設計及製作。 From conception and strategy to design and implementation. Compbrother build and host premium 1-stop website development for your business idea.   #腦爸打  #Compbrother #腦巴打

腦爸打 CompBrother - 網頁設計 網站製作 手機應用程式開發

圖片
腦爸打 CompBrother  - 網頁設計 網站製作 手機應用程式開發 致力為社會各界人士提供全面性的電腦及資訊科技服務及工作機會。網站製作,網頁設計,程式開發,企業管理系統(ERP),網上商店,團購網製作,交友網製作,補習網製作,後台管理系統(CMS),Facebook Fans Page,Facebook 商店,Mobile Page,iPhone Apps,Android Apps,手機程式製作,網上.... https://www.reddit.com/user/CompBrother/

善用 Google 網站管理員工具強化 SEO 效果

圖片
 善用 Google 網站管理員工具強化 SEO 效果 小知識教學類型: SEO搜尋引擎優化 Google 網站管理員工具 (Google Webmasters Tools / Google Search Console),是網頁設計師或網站製作程式員常用到的 Google SEO 管理優化工具,例如網站地圖送出 (sitemap.xml submit)、設定網站的指定地區等等,都可以Google 網站管理員工具裡直接設定,這些設定可說是對網站SEO表現有著根本性的影響。 將你的網站加入至Google 網站管理員工具? 進入 https://search.google.com/search-console/ ,按「新增資源」,然後可選用「網域」或「網址前置字元」方式,若不太懂IT可以選後者把網址輸入便可以。然後一般來說有五個驗證網站持有權的方法: 方法一:將Google提供的HTML驗證檔案以FTP形式上傳至網站根目錄中。 (簡單快速) 方法二:在網站首頁Index中的「head」標籤中加入中加入Google提供的驗證碼。(簡單快速) 方法三:透過工具Google Analytics,如網站已在Google Analytics設定好,這方法是最快速一按便可用來驗證Search Console。 (最快速) 方法四:透過工具Google代碼管理工具來驗證Search Console。 方法五:透過DNS網域供應商網站的設定來驗證Google Search Console。 (較高IT要求) 不管是選用上述那一個方法,都可以讓你的網站加入至Google 網站管理員工具。 加入後,小編特別建議你必需先設定最為關鍵的網站地圖Sitemap: 按Menu中的「Sitemap」,鍵入Sitemap所在連結位置以上載Sitemap.xml 網站地圖,讓Google可以快速及更有效地把你的網站頁面 index 到 google 搜尋引擎上,已index的網站頁面往後亦可於Google 網站管理員工具中選擇移除。 (*有關於如何生成Sitemap.xml 網站地圖,我們會再另文詳談!) 除了網站地圖Sitemap的設定,Google ...

SEO知己知彼,實用六招了解你的競爭對手!

圖片
  小知識教學類型: SEO搜尋引擎優化 Title : SEO知己知彼,實用六招了解你的競爭對手! SEO搜尋引擎排名優化,不論是在Google/Yahoo/Bing或那一個的搜尋引導平台,這都並不只是一場自我競爭的排名比賽,而是與SEO競爭對手招來招往的搜尋排名比賽結果,所以我們要做好SEO,就需要從內而外了解你的競爭對手! 第一招: 如何找出和知道你的網站的SEO競爭對手呢? 簡單而言,其實三個小技巧便可知知道你的現有或潛在的SEO競爭對手有誰,如從自我認知 / 行業活躍度中估計、Alexa 業界流量排名列表中查看和最直接地從關鍵字搜尋查看搜尋結果。 第二招: 伺服器及網站速度篇 伺服器Server Hosting可說是網站的根本,伺服器Server各類狀況都會影響到Google / Yahoo / Bing 等搜尋引擎中的搜尋排名結果,當中包括網站伺服器的結構和設定、網站速度 (load time)、網站穩定性如網站是否出現錯誤500/404等等,都會對seo排名有著影響。除了伺服器Server之外﹐網站的運載速度亦可以因為網站客戶端(e.g. css html javascript)、伺服器端(e.g. php, jsp)網頁程式編程規劃和數據庫Database的架構而受到影響,我們可透過以各類工具去如https://pagespeed.web.dev/ 去檢測網站的速度。 第三招: 網站瀏覽彈性篇 網站可否支援到當中流行的手機界面 (responsive layout),讓手機用戶都能清楚看到手機網站內容? 不會走位? 及網站是否有足夠彈性去支援各個人氣的瀏覽氣如Chrome、Firefox、Safari、Opera 、Microsoft IE/EDGE,這都影響著網站在Google / Yahoo / Bing 等搜尋引擎中的SEO搜尋排名結果。大家可以透過 browsershots.org 這類工具去檢測網站的網站瀏覽彈性度。 第四招: 網站人流量 一間商舗多人幫襯,也可想像為這間商舖的貨品必定很出色才會客似雲來。同理,一個網站若果人流量(Traffic)高,也代表著這個網站中的內容是實用和有著價值...