文章

顯示從 6月, 2021 起發佈的文章

常見常用的HTML語言?

圖片
 常見常用的HTML語言?  小知識教學類型: 網頁設計、網站製作 html: html頁面的開始與完結 head: 建立網站的基本頭端內容，例如標題(title)、網站簡介(meta description)和網站關鍵字(meta keywords)等等 body: 建立網站前端的顯示內容 h1 / h2 / h3 : 網站內容中的標題等級 p: 網站文章段落 a: 網站超連結 img: 圖片內容 hr: 一條間隔橫線 br: 隔一行 pre: 指定顯示格式內容 i: 斜體字 b: 租體字 table: 建立表格 form: 建立表單 ol: 建立有次序的顯示列表 ul: 建立沒有次序的顯示列表 關於html語言更多的資料，可上 w3schools 中查看到更多: https://www.w3schools.com/html/ 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !
閱讀更多

如何控制Google等搜尋引擎結果之網站顯示內容?

圖片
如何控制Google等搜尋引擎結果之網站顯示內容?  小知識教學類型: 網頁設計、網站製作 在Google / Yahoo / Bing 等搜尋引擎的搜尋結果中，大眾會至少看到兩樣資料，一是標題二是網站簡介。那於html語言中，究竟是如何控制這兩樣的顯示資料呢? 其實控制的方法很簡單，大家可以在head中的資料，建立起標題(title)和網站簡介(meta description)，便可以告知Google等搜尋引擎想顯示的搜尋結果顯示內容。以下是相關的參考: < head > < title > 這是網站標題 < /title > < meta name="description" content="這是網站簡介" / > < /head > 關於html更多的資料，可上 w3schools 中查看到更多: https://www.w3schools.com/html/ 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !  
閱讀更多

入門篇: 如何善用html製作及設計簡單網頁網站?

圖片
  入門篇: 如何善用html製作及設計簡單網頁網站?   小知識教學類型: 網頁設計、網站製作 入門篇: 如何善用html製作及設計簡單網頁網站? HTML 可說是最常見的網頁設計和製作的入門語言，用作控制和展示網站前端給大眾觀看的內容，html 英文是 HyperText Markup Language，中文學名是超文本標記語言。 簡單的一個網站架構如下: <html> <head> <title>網站標題</title> </head> <body>網站內容</body> </html> head中的資料，例如標題(title)、網站簡介(meta description)、網站關鍵字(meta keywords)主要用作給Google等搜尋引擎去檢索，而body中的網站內容，則可視為被大眾所觀看的內容。 關於html更多的資料，可上 w3schools 中查看到更多: https://www.w3schools.com/html/ 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !
閱讀更多

SEO vs SEM

圖片
 SEO vs SEM 小知識教學類型: SEO搜尋引擎優化 前文我們都分別簡介了SEO 和 SEM，簡單來說，SEO 就是真的(Organic)搜尋結果排名提升，而SEM就是付款給搜尋引擎或其分銷商，從而購買指定的關鍵字位置顯示廣告。而兩者比較下，究竟那個方法較好呢? 價錢比較:　SEO 和 SEM　價錢方面其實都頗「海鮮價」，因為都受著指定關鍵字的熱門程度等因素影響。但一般來說， SEO 會較 SEM　略為便宜，因為 SEM 需要與其它競逐者直接較價，而SEO則視乎服務供應商的技術和複雜程度的考量。 效果速度：　以速度來說，SEM較快速得多，因為只要成功買入廣告，便可於指定位置直接顯示出來。 效果持久力：　必然是SEO為佳，因為SEO是真實的(Organic)搜尋結果排名，即使突然斷用SEO的服務，其真實排名會以月計的慢慢緩速下降。但SEM因屬於廣告性質，所以一旦廣告費用完了或斷了SEM的服務，原先顯示的廣告位置會立即被除下。 戰略發展：　必然首推SEO，因為SEO是真實的(Organic)搜尋結果排名，正正式式反映你的網站的真實力。從提升SEO的各項方法中，亦會同步提升你的網站的程序架設的優化(e.g. CSS, alt, meta information)，亦代表著網站在網絡上有一定的被認同效果 (e.g. backlinks)。 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們!
閱讀更多

什麼是 SEM?

圖片
 什麼是 SEM? 小知識教學類型: SEO搜尋引擎優化 前文我們簡介了何謂SEO，但是亦有另一個經常聽到的詞 SEM ，很多人都會把 SEM 和 SEO 混淆了，那究竟什麼是SEM? SEM 英文全稱是 Search Engine Marketing，中文多數被譯為 「搜尋引擎行銷 / 搜尋引擎推廣宣傳」，顧名思義，就是於搜尋引擎中進行行銷和推廣宣傳。 香港或其它地方的市面上，都有相當多的公司可提供SEM服務，它們像是搜尋引擎公司的分銷商，就著指定的關鍵字，供大眾付款購入指定的搜尋引擎位置廣告。廣告的位置可以有多樣性，例如Google搜尋結果頁面的頂部份底部都有廣告位置可供購買，收費方面亦相當多樣性，較常見的是PPC(Pay Per Click)，或一個固定的月費等等。 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們!
閱讀更多

什麼是 SEO?

圖片
 什麼是 SEO? 小知識教學類型: SEO搜尋引擎優化 SEO 這個詞相信大家都不會陌生，即使你不是IT人，亦不是 Marketing / PR 從業員，你都總有機會從身邊人當中聽到這個詞。那究竟什麼是SEO? SEO 英文全稱是 search engine optimization，中文多數被譯為 「搜尋引擎最佳化 / 搜尋引擎優化」，顧名思義，就是於搜尋引擎中進行優化或甚至達到最佳化。 搜尋引擎，互聯網使用者幾乎是每天皆需使用的搜尋工具，熱門如 Google, Yahoo 但其實還有很多的其它搜尋引擎，例如 Bing 等等。但因為 Google 在市場上佔據了絕大比重的份額，所以現在我們說 SEO時，都會被視為是於 Google 搜尋引擎的關鍵字搜尋結果中提升你的網站排名。 SEO是一非常重要的工具，無論你是創業者，或是從事Marketing / PR，都是你的公司長遠發展戰略上必須著重的宣傳推廣及公關管理工具。 一間實體舖，只要身處的街道有人流，都總有機會會有客戶走進你的店舖。但SEO若果做得不好，你的網上生意人流真的可以歸零無人問津。 如需協助 「 SEO搜尋引擎優化 」 ，歡迎立即 聯絡我們!
閱讀更多

手機應用程式開發工具軟件推介: 混合模式 (Hybrid App）

圖片
 手機應用程式開發工具軟件推介: 混合模式 (Hybrid App） 小知識教學類型: 手機應用程式開發 前文提到，iOS 和 Android 的手機應用程式開發工具軟件，可分為原生語言（Native App)好和混合模式 (Hybrid App），混合語言 Hybrid App 可以給手機應用程式開發員，一是開發的技術要求較低，二是開發的速度可大大加速，那混合模式 (Hybrid App）有什麼好的工具軟件推介呢? PhoneGap: 這可算是最早期被廣泛使用的混合模式軟件工具，基本上你只要有網站程式(HTML5、JavaScript、CSS) 開發的經驗的底子和經驗，也都容易上手PhoneGap的開發。 Titanium: JavaScript以及HTML等網頁標準技術，非常便利於網站程式開發員可藉此開發手機應用程式。Titanium的厲害之處是可把其開發時使用的網頁程式碼轉換成iOS 和 Android的原生程式碼，所以可大大減低非原生程式碼所帶來的缺點。 React Native + Node.js : 可說是目前最為手機應用程式開發員所使用的工具軟件，React Native是直接採用iOS 或 Android 原生的 JavaScript 元件，因此開發出來的手機應用程式 Apps 幾乎跟原生語言開發的沒有兩樣。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們! http://compbrother.com/article/view.php?article_id=6
閱讀更多

手機應用程式開發工具軟件: Native vs Hybrid

圖片
 手機應用程式開發工具軟件: Native vs Hybrid iOS 和 Android 的手機應用程式開發工具軟件，究竟是使用原生語言（Native App)好，還是混合模式 (Hybrid App）來開發好? 這問題其實到2021年的今天，即使有著相當多的研究和辯論，但好像仍未有能讓所有人都滿意的刻一答案。 原生語言 Native App: 是指 iOS 和 Android 其本身作業系統所使用的編碼程式，開發的工具也是使用該作業系統所提供的開發平台工具 (SDK)，所以手機應用程式開發於開發功能和甚至往後的用戶體驗上都是較完整和快速。 混合語言 Hybrid App: 顧名思義，就是一種第三方工具，可以同時開發iOS 和 Android跨作業系統，技術方面究竟如何做到? 相比起原生語言 Native App有什麼優劣之處? 有什麼好用的混合語言 Hybrid App推介? 我們會另文詳述。 混合語言 Hybrid App 可以給手機應用程式開發員，一是開發的技術要求較低，二是開發的速度可大大加速。但是所開發出來的手機應用程式Mobile可能於功能上會有所限制，或未能完全發揮到手機原先的功能和用戶體驗，所以Native vs Hybrid至今仍是手機應用程式開發員一大困擾的難題。 如需協助 「 手機應用程式開發 」 ，歡迎立即 聯絡我們! http://compbrother.com/article/view.php?article_id=5
閱讀更多

手機應用程式開發平台: iOS vs Android

圖片
 手機應用程式開發平台: iOS vs Android 小知識教學類型: 手機應用程式開發 好些年前，人類的世界進入了互聯網的時代，而今天亦衍生出移動互聯網的新世界，由每家的坐枱電腦到人人一部的手機瀏覽互聯網的資訊。因此手機應用程式Mobile Apps 亦大行其道， 最為普遍的莫過於是 iOS 和 Android兩大開發平台。 純粹依上架費用來看，iOS 和 Android 平台於其Apps Store的上架費用分別並不算大，但綜合開發時使用的測試機種和上架的複雜度，則會大大提高了iOS的上架費用。 申請上架步驟方面，Android遠比iOS容易和快速得多，除了審批的時間有分野，iOS亦因要申請鄧白氏環球編碼(D-U-N-S Number)而使整個上架步驟時間加長。所以企業和手機應用程式員最好於上架前預留一個月時間先處理這些上架的行政事項。 用戶覆蓋率方面，iOS 和 Android算是平分秋色，各自都有各自的支持者，或甚至一個人可能同時有iOS 和 Android的手機。但Android應用程式的下載方式並不只是上架於Apps Store，只要生成出apk檔，企業已可以放於其官方網站供大眾所下載，大大增加了大中小企的彈性。 如需協助 「手機應用程式開發」 ，歡迎立即 聯絡我們! http://compbrother.com/article/view.php?article_id=4
閱讀更多

網頁製作軟件工具推介2021

圖片
  網頁製作軟件工具推介2021 小知識教學類型: 網頁設計、網站製作 網頁在當今互聯網盛行的世代，可謂生活中的必需品，各企業、機構或甚至個人，都可能會有著自己的網站。 而網頁製作軟件工具亦百花齊放，以下是市場上網站程式員 (Web Developer) 較為常用的網頁製作軟件工具: 1) Notepad++ : 一個免費的網站製作工具，顧名思義，可以想像是 Notepad 記事本的升級版，簡單清新易用，幾乎是大部份網站程式員 (Web Develop)都必備的網站製作工具，去到那兒都可以簡便製作和更新網站。 2) Adobe Dreamweaver : 經典級的網頁製作軟件，支援絕大多數的網站程式開發(例如PHP或ASP伺服器)，內置ftp工具可以一鍵把更新後的網站頁面程式上載至伺服器中，更可配合其它Adobe產品 (例如 Adobe Photoshop) 一併使用，功能相當強大! 3) Webeasy Professional: 軟件內置本身已有相當多的網站頁面模板(templates)可以使用，可以大大節省網站製作開發所需的時間。 除了以上偏重程式 (programming code)的網站開發軟件工具，市場上亦有眾多偏重 UI界面助你簡單製作網站的軟件工具，例如 WordPress、Wix、Weebly等等，後者較適合網站程式員新手，以較少的程式 (programming code)要求，去完成製作一個網站，但網站程式開發的彈性則遠比偏重程式 (programming code)的網站開發軟件工具低。 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !
閱讀更多

網頁設計軟件工具: Adobe vs Sketch

圖片
  網頁設計軟件工具: Adobe vs Sketch 小知識教學類型: 網頁設計、網站製作 前文我們提到，Adobe 的 Illustrator 和 Photoshop 可謂絕大多數網頁設計師最為慣常用的繪圖工具，所以一直被視為「入場卷」，不懂使用其中之一，也難以稱作網頁設計師。但因為對於電腦系統的要求比較大，而且未必位位網頁設計師都掌握當中的原理，由荷蘭公司推出的Sketch，一度成為了很多新進網頁設計師寵兒，可以輕鬆地設計網站和手機應用程式Apps。 那兩者相比之下，Sketch 究竟有什麼優勢和缺點? 1) Adobe 的 Illustrator 和 Photoshop，皆可以於 mac OS 和 Windows 使用，但Sketch則暫時只可以在 mac OS 中運行。在 2021年5月5日 Sketch的公佈中，亦指未有計劃可運行於 Windows 或 Linux。 2) Sketch 影像模式屬向量軟體，即使網頁設計師無論如何放大縮細圖像，也不會影響圖像的尺寸失真問題。而Adobe Photoshop 則屬點陣軟體。 3) 不用由零開始，網絡上有相當多的模板(Templates)可供Sketch網頁設計師下載使用，可以大大加快了網頁設計或手機應用程式Apps的設計速度。 4) Sketch 可以匯入、匯出SVG，但Adobe Photoshop則只可存取SVG檔但不能匯入。 5) 涉及相當微細的界面UI設計，Sketch 的功能可能會略為不足，這時還是Adobe 的 Illustrator 和 Photoshop多選擇! 如需協助 「 網頁設計、網站製作...
閱讀更多

網頁設計常用軟件工具推介

圖片
 網頁設計常用軟件工具推介 小知識教學類型: 網頁設計、網站製作 說到網頁設計(Web Design)，或更學術點說，網站的前置頁面設計 (Frontend UI Design)，可以說是一個網站的開端，往後的程式功能和後台架設，都得倚重網頁設計，所以網頁設計可以說成是網站的靈魂之窗。 而網頁設計師最為常用的軟件工具，市場上主要是以下幾類: 經典級: Adobe 的 Illustrator 和 Photoshop 新潮輕量級: Sketch 試市場水溫: Adobe Xd(Experience Design) Adobe 的 Illustrator 和 Photoshop 可謂絕大多數網頁設計師最為慣常用的繪圖工具，所以一直被視為「入場卷」，不懂使用其中之一，也難以稱作網頁設計師。但因為對於電腦系統的要求比較大，而且未必位位網頁設計師都掌握當中的原理，由荷蘭公司推出的Sketch，一度成為了很多新進網頁設計師寵兒，可以輕鬆地設計網站和手機應用程式Apps。 而Adobe自家推出的Adobe Xd(Experience Design)，亦給了新進網頁設計師一個新的選擇，但推出沒多年，所以仍在測試市場反應中。 如需協助 「 網頁設計、網站製作 」 ，歡迎立即 聯絡我們 !
閱讀更多