Tag Archives: 網頁設計課程

上課學整網站，6小時學識網頁製作

點止學嘢教員室今天收到一個令人很鼓舞的消息：「又有一位學員製作的網站Go Live 了！」 先介紹一下這名同學A 的小資料，他是早幾屆的「7步成WEB」網頁設計課程的學員，本身正職是做電腦網絡管理技術員，雖然職位是跟「電腦」相關，但其實跟「做網站」沒有甚麼關係。當時他參加「7步成WEB」的目的，是想加强自己製作網頁的技能及為身在美國的朋友製作一個公司網站。 同學A 上了「7步成WEB」課程後，便開始著手為朋友設計網站，當中應用了在課堂上學到的排版技巧、設定伺服器，更自行找了不少免費素材。 「在製作網站途中，我有時也會忘記一些步驟，幸好點止學嘢有錄影重溫，可以在家中登入點止網站重看Andy Sir的教學，不斷慢動作重播，睇到完全明白為止‥‥‥其實只要跟著做，也會做出一個不錯的網站！」同學A說。 三位點止學嘢的老師看著同學A 的作品，排版工整，顏色配搭得宜，就連黑面設計師Denis也覺得「合格」，Andy Sir之前的苦心教學總算有不錯的成果。 大家都一齊來看看同學A 的作品，其實只要上 6[...]

6小時網頁設計速成班 自己網站自己寫

又教完一次「7步成Web」網頁設計課程，今次是星期六的一天速成班，大家要在一天6小時內火速完成一個 5 頁、有中英版及手機版的公司網站，最重要是「一個不能少」，全班同學一齊同步完成自己的網站。 在每次網頁設計課程收生時，很多同學也會問：「我完全未學過做網站，也可以學到嗎？」 放心，這個網頁設計課程是經過不斷的改良，一方面我們會不停觀察市場上的需要，把最新的需求加進課程內，另一方面，我們亦把最新最有效率的製作網頁技術教授。 今天有一位從事法律界的學生上課，她說自己基本上是電腦白痴，平時也只是用最簡單的文書軟件工作，但她也希望學會自己寫網站，經過 6 小時的密集訓練，最後也能跟大隊一齊完成網站，掌握到一門新的技能！ 另一位同學，他來學寫網站的原因是，希望能自己掌握及管理公司網站。這想必是很多中小企老闆的心聲。 點止學嘢的網頁設計課程，專為香港中小企及從事市場推廣的人仕而設。其實人的專注力十分有限，如果課程編排得太長，例如一個月、幾個月、甚至一年的話，很多人會中途放棄。為了令大部份的學生也能夠「順利入門」，這個課程的長度只是 6 小時，加上同學之間的互相支持，你必定能夠學會自己網站自己寫！[...]

【7步成Web】學寫網站滿足客戶需要

Helios 希路斯製衣主要為香港各大機構及學校提供訂製班衫、員工製服、社衫或Ocamp Tee 等服務，老闆Alex 最初使用Wix作為公司網站製作的平台，但後來發現Wix 漸漸不能滿足公司發展的需要。 「我希望客戶可以直接在網站上提交圖案JPG 檔給我們報價，除了基本的客戶資料外，我還需要客戶輸入Tee的尺寸、選擇印刷方法、上載圖案，及最重要的，是可以即時計算價錢。」Alex說：「我們必要比行家走得更前，才可以令客戶感到方便快捷。」 Alex後來參加了點止學嘢的「7步成Web」網頁設計課程，在6小時內學會了網站製作的技術，發覺原來寫網站並非如想像中困難，就算沒有任何編寫程式的經驗，也可以做到。「我在堂上跟著導師的指示，一步一步地建立網站，學會了箇中原理後，回到公司便開始著手製作自己公司的網站。」Alex 把原本存放在Wix平台的網站，慢慢在自己伺服器上重新編寫，最後更加上自己一直計劃推出的新功能！ 希路斯現已推出網上「自助設計」功能，客戶可以在網上自由配搭Tee的顏色，更可以上載圖案即時配搭在Tee 上看效果，這功能的確比同行更為方便客戶。再者，希路斯也安裝了Whatsapp 客服功能，可以即時解答客戶問題，增强客戶的信心。 點止學嘢「7步成Web」網頁設計課程專為香港中小企業而設，在短短6小時內，傳授製作網站的 7[...]

【網頁開發技巧】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[...]

【全新網頁設計課程】你想學到甚麼？

每次教新的網頁設計課程，在未進教室之前，其實總會有點不安。大家報讀點止學嘢的網頁課程，一定是對我們有所期待。 根據非正式的統計，來學網頁設計的學員，大部份也是香港中小企業老闆，或者是市場推廣人員，他們都有一個共通點，就是只有很少，或完全沒有資訊科技的背景，但很想了解更多網絡知識，更希望自己能建立及管理好自己公司的網站，獲取更多生意。 如果在大學裡修讀一課Introduction to Internet，需要上13堂 Lectures , 加2堂Tutotial，學習時數合共45小時，given that你專心上課，加上勇於發問，才可以清楚了解Internet是甚麼。還未計要看幾本磚頭咁厚的參考書。 如果我照書直說呢？恐怕大家也會受不住。其實點止的學生不需要學習太深的理論，因為他們不是想入行做IT, 他們全也有自己的專業：可能是會計師、可能是美容師，又可能是攝影師、可能是20幾歲的年輕創業家，又可能是65歲的退休人仕，大家只想學習剛好夠用的東西，學習做一個找生意的網站。 如何能把45小時的資料，超濃縮在第一堂頭45分鐘內，叫完全沒有IT根底的學員，「叮」一聲明白現時互聯網上不同的環節到底是在搞什麼，正是我們的難度、責任和價值所在。 當然，最後每班學生們也能明白，同時也能按教程製作出理想的網站。 我常常跟學生講，Andy sir[...]

【網頁開發技巧】線上編寫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[...]