Category Archives: IT小技巧

【網頁開發技巧】Website Grader 網站分析

大家在網頁開發的過程中，不知會對自己的網頁了解多少，無論是網頁的效能、安全性、或者SEO等等的完素。這都是對你的網頁能否吸引客戶群的一些重要的元素。 所以今天所講的一個工具就是Website Grader 。它是一款能初步分析你網站的工具，讓你基本知道你的網站優點與不足的地方。 首先進入Website Grader 的網站，在Website的行欄貼上網站的網址。 （Email 可以不輸入） 按GET YOUR ANSWER 然後就會進分析。 WEBSITE GRADER 會根據效能、行動裝置、SEO、安全性進行評分[...]

【網頁開發技巧】Google Fonts

不知大家有無發覺，當你為你自己的網頁設計時，當設定字型時，來來去去都只有幾種字型選擇，但當你嘗試從網上搜尋到千變萬化的字型，但往往只能看又不能即時體驗到文字的變化。 這時 Google Fonts 就是你的最好幫手，這是作為網頁設計師不少得的工具 首先進到Google Fonts 的網站 可以即時調教字型大小、樣式變代等 選擇好就按入你所需的字型的頁面，按下 右面的SELECT THIS FONT 然後會有3個方式提供去使用字型：原始碼、CSS及直接下載至電腦 另外Google Fonts也有中文字體選擇 在以下的網站搜尋[...]

【網頁開發技巧】測試網站SSL證書安全等級

若果大家有留意之前的【Wordpress教學】，其中有教大家去安裝SSL的證書，它能為用戶的重要資料加密，例如密碼，信用卡或者Database的資料，保護這類資料不被外洩。但SSL的證書亦有分等級，但究竟如何判斷你的證書等級，點為之好？   今天為大家推薦的工具 Qualys SSL LABS ，它能測試你的網站的安全等級。 測試的定義等級可分為最低是F，然後是E D C B A，最高為 A＋   首先：[...]

【網頁開發技巧】Sublime Text: SFTP

Sublime Text 相信是現時網頁開發最熱門的編輯器之一，它的優點是介面簡潔，本身已擁有大量實用的外掛程式，能夠按著你要的需求，安裝不同的外掛提高實用性。最重要是免費的，當然亦有付費版，但基本上與免費的功能並無太大的差異。   今天會簡單講解一個Sublime Text非常實用的套件：SFTP 如果要下載Submlime Text ，請到官網下載 http://www.sublimetext.com/3 如何安裝SFTP？ 1.進入Sublime Text ，按下Preference->Package Control[...]

【網頁開發技巧】線上編寫PHP與分享

如果大家有上過點止學嘢的網頁設計課程，在課堂上都會介紹好多實用的技巧與網頁設計開發的工具，幫助大家在開發網頁時更得心應手。點止教室亦會陸續為大家介紹更多不同的網頁設計及開發的工具或者技巧。 在大家開發網頁的過程當，或者多者少都會接觸到PHP，或者透過PHP去修改網頁吧，又或者作為網頁開發人員的你，在編寫PHP語法時，可能經常都會與別人分享，或者去交流程式碼的時候，但經常都會遇到一個問題，就是無論你透過Whatapps、E-mail又或者編寫在Word的文件去分享，但在分享的過程程式碼的排版經常會錯亂，導致最終無法知道程式碼生產出的結果，今天介紹一個網頁Onlinephpfunctions就能解這樣的問題。 這個網站能將你撰編寫的PHP程式碼直接輸出跟分享，並且提供基本的除錯功能，輸出之後還能透過網址去分享給第三方使用者，網站亦提供不同版本的PHP給家大家去編譯: 首先編寫你所需的PHP編碼： 然後按Execute Code，編譯成功時就可以輸出結果： 但程式碼編寫錯誤的時候，就會提供基本的除錯訊息做參考 最後就是可以將你的程式碼與人分享：   如果大家想學到更多的網頁開發的技巧，可以繼續留意點止教室或者參加我們點止學嘢的網頁設計課程，由初學者從基本HTML5學起，到深入了解WORDPRESS 內容管理系統各項功能，在導師的協助下，讓你在完成網頁設計課程後學更靈活控製你的網站。[...]

【WordPress教學】安裝Woocommerce

現今好多人都會利用網上平台去購物，一些公司會設立網上商店的平台去讓顧客網上購物，如淘寶、ZALORA、HKTVMALL等。所以今天會介紹Woocommerce開發的一個外掛，這個能讓你Wordpress的網站變成電子商貿網站的外掛，即是可以讓Wordpress用家設立一個網上的商店，成為一個銷售的平台。現在就教大家如何去安裝以及設定前期的工夫。 首先，當然要去安裝Plugin，左手面第一個就是。 安裝後，然後Activate，左手面選項會多了一個哪WooCommerce及Products的選項。 之後按Run the Setup Wizard 進行一些基本的設定，但這些設定期後可以再修改，所以不用怕輸入錯誤。 第一步填寫店鋪資料 第二步是設定Payment method，可以選擇strip，PayPal，或者實則付款方法，例給有現金付款、支票等等。 第三步是設定運費的資料 第四及第五步Recommended及Activate可以拉到最下，暫時先Skip this step，最後設定mailbox後按Visit[...]

【WordPress教學】基本操作 （四） 如何安裝主題

上回已講解Wordpress的架構基楚：User 、Themes 、Widgets 、General Setting 及Plugins ，想重溫請看【WordPress教學】基本操作 （三）User 帳戶、Themes 佈景主題、Widgets 小工具、General Setting 一般設定以及Plugins 外掛 。[...]

【WordPress教學】基本操作 （三）User 帳戶、Themes 佈景主題、Widgets 小工具、General Setting 一般設定以及Plugins 外掛 。

今天的Wordpress教學會教大家幾個Wordpress常用的功能，包括：User 帳戶、Themes 佈景主題、Widgets 小工具、General Setting 一般設定以及Plugins 外掛 。 Users 帳戶 如果你是新建立的帳戶，在Wordpress的Users的版面內正常只有你一個用戶，這就是用來登入以及管理Wordprss的帳號。 當然，你還可以建立其它帳戶讓其它人幫你管理Wordpress帳戶。 Themes 佈景主題 Themes的中文叫佈景主題，固名思義就是控製網站的外觀。之前的教學都有略有提過我們預設的Wordpress主題叫做Twenty[...]

【WordPress教學】基本操作 （二）文章 Post ，選單 Menu

上回已教識大家甚麼是Page以及示範了如何建立，想重溫請看【WordPress 教學】基本操作 （一）頁面 Page，今天繼續為大家講講甚麼是Post以及Menu。 甚麼是Post？ 舉個例子，Yahoo的新聞，內面的每一則新聞都可以叫Post 其實Post 同 Page都會有獨立的網址，但不同的地方是Page的介面可以利用不同Template去讓你的介面變得不一樣，但Post的每個介面都是一樣的。另外Post有一個特點可以把每一個Post分類(Category)，可以歸納在你所設立的類別內。   從上圖可以看到，兩則不同新聞（Post），但實則介面都是一樣，只是內容不同。   如何新增Post？ 網頁設計課程首先接下Post，然後按下Add New，輸入標題、內容，然後按下Publish去瀏覽一下[...]

【WordPress 教學】基本操作 （一）頁面 Page

上回已教識大家如何購買Domain、租用伺服器以及安裝Wordpress，想重溫請看（如何購買域名，伺服器和安裝WordPress），現在大家可以利用Wordpress為你的網頁開始製作，首先我們要由基本功開始入手。 今天教大家一個Wordpress其中一個好基本但又好重要的概念 ： 頁面 （Page） 首先，你先登入你的Wordpress，然後進入後台 如何進入？ 例如你的網址 hellowordpress.com，只係在後面加上/wp-admin， 即是： hellowordpress.com/wp-admin，進入後就是這個畫面： 左手面就是Wordpres的Menu，你會見到其中一欄是就今天所說Page。 究竟何謂Page？ 舉些例子： learnmore.com.hk/學嘢地址/[...]