🚨週年慶最後三日🚨全站課程 83 折、最後加碼 $899💰 再送激高 $1600 券❗️
天
時
分
全站 83 折🔥
登入/註冊
不到一小時就能學會的個人網站製作
0 seconds of 1 minute, 40 secondsVolume 0%
Press shift question mark to access a list of keyboard shortcuts
鍵盤快捷鍵
播放/暫停空白鍵
音量增加↑
音量減少↓
快進 5 秒→
倒退 5 秒←
開啟/關閉字幕c
全螢幕/離開全螢幕f
靜音/取消靜音m
Decrease Caption Size-
Increase Caption Size+ or =
跳轉至%0-9
00:00
00:00
01:40
 
YH.Fang

不到一小時就能學會的個人網站製作

運用免費的雲端架站服務,5分鐘讓您專屬的網站上線!  不需要任何程式基礎,只需滿滿熱情、鍵盤與滑鼠。 隨時更新自己的網站,無需等待。
Hahow AI 學習升級
789 人已購買
4.9
(75)

關於課程

課程包含

包含 1 章 9 單元、1 項作業

課程時長

1 時 20 分鐘

課程總人數

789 位同學

觀看限制

不限觀看次數,還會附贈完課證書

學習升級

Hahow AI 學習助教
無需額外付費
即時問答、重點整理、測驗理解,讓知識派上用場

課程內容

主打「自己的網站」、簡單又省時,以及「不用寫程式」:畫面以電腦網站介面、時鐘與程式碼為背景,呈現 MY OWN HOME、SIMPLE AND TIME-SAVING、NO CODING 的訴求。


您是否?

  • 需要個人專屬的網站,但不知從何著手?
  • 請人設計網頁費用不低,更新資訊還要等人有空?
  • 自己來學架站好了,但沒有程設基礎?

這個課程讓您三個願望一次滿足

  1. 利用免費的雲端架站服務(Strikingly),5分鐘讓你專屬的網站上線!
  2. 隨時更新自己的網站,無需等待。
  3. 不需要任何程式基礎,只需要滑鼠、鍵盤以及滿滿的熱情。 

關於課程使用的網站服務-Strikingly

  1. 官方網站:https://www.strikingly.com/
  2. 官方介紹:http://www.strikingly.com/blog/
  3. 值得一試的三個理由:https://free.com.tw/strikingly/

三格視覺主題呈現內容設計概念:左側以手寫畫面代表「內容說故事 STORYTELLING」,中間以彩色路線圖象徵「匯集自媒體 ALL TOGETHER」,右側以平板與黑色畫面呈現「怎樣都好看 FIT ALL SIZES」。

緣由與簡介

✎ 網際網路時代,或許在某個時刻,我們需要一個發聲的空間。
我們只需要專心的書寫與編輯內容,不管是文字、照片、影片或是Google地圖,都可以即刻放到網站上,不需要從頭開始學HTML、運用JavaScript套件、熟稔CSS語法標籤。

∨ 我們花80%的精神力氣放在創造內容,20%放在管理網站就好  *再也不用等待別人幫我們更新網站。


✎  架設個人專屬的網站,有很多種免費與輕鬆的方式。

當然,我們也可以經營各種部落格(Blog)、討論區(Disqus)、社群媒體(Facebook、IG)、甚至是網路賣場(蝦皮、Yahoo!拍賣、Google表單)。

∨  那麼何不,有個地方 — 專屬的網站 — 將所有努力匯集在一起呢?


✎  行動領先的時代,網站要分電腦版、平板、手機版。

所謂的RWD,讓網頁內容自動跟著使用者的螢幕大小,調整至最合適的閱讀排列。我們喜愛量身定做的體驗,訂製款需要專業的來,網站也是。

∨  不需從頭發明各種輪子、引擎,我們只需要習得開車技能,造車讓專業的來! (記得繫上安全帶)

單元與內容

單元1 - 使用Strikingly:註冊/選擇樣式/自訂網址/上線!

5分鐘,啟動你的網頁人生。

單元2 - 基礎網格-Part01:編輯內容/變更順序/顯示與隱藏

5分鐘,安排你的網站架構。

單元3 - 基礎網格-Part02:註冊表格/聯絡表格

5分鐘,搭起你的溝通橋樑。

單元4 - 高級網格-Part01:Google地圖/Youtube影片/臉書+IG串連

5分鐘,串接你的社群媒體。

單元5 - 高級網格-Part02:簡易部落格

5分鐘,編寫你的頭條新聞。

單元6 - 變更設計風格:模板/配色/字型

5分鐘,改造你的搭配風格。

單元7 - 修改設定:基本資料/網站分享/數據分析

5分鐘,掌握你的流量數據。

單元8 - 外部連結:連結其他網站/連結世界(QR-Code)

5分鐘,延伸你的無限可能。

單元9 - 網路商店:設立商店/串接PayPal/上架商品

5分鐘,販售你的一個產品 (strikingly免費版,僅能上架一個商品)

教學DEMO-gif

募資達標/解鎖回饋

感謝支持! 募資期間30天內,解鎖300%與400%的目標!

✓  300% - 除教學影片外,提供單元Step by Step投影片。(達標解鎖)

✓  400% - 增加單元9:高級網格 - 簡易網路商店 (5分鐘)。(達標解鎖) 

實際案例 - Screen Captures

  1. 個人咖啡店 (http://capebeans.strikingly.com/)
  2. 愛好者社團 (https://www.scratch-tw.org/)

網頁設計作品展示,包含 CAPEBEANS 海角豆品牌頁、兒童程式設計與 Scratch 教學頁,以及 Scratch 新手指南與教學素材頁,呈現 ScratchEd Meetup、Scratch Hour of Code 和 2016 HOC Week「Things To Try」等內容。

講師經歷

  1. Google for Education 認證教育家第 1 級、Google for Education 認證教育家第 2級
  2. Friends of Scratch-TW 發起人/編譯者
  3. 國立中央大學資訊管理博士
  4. 曾任國立中央大學資訊管理學系-兼任講師、資策會數位教育研究所國際人才發展中心-講師

想法建議

歡迎留言您的建議,作為課程調整參考。

Cheers!

哪些人適合這堂課?
這門課程不需程式基礎,也不會介紹任何前後端程式語言(NO HTML, CSS, JavaScript and etc.) 適合: 1. 任何想要擁有自己專屬網站的人。 2. 中小企業主、新創公司、學校社團、電商賣家、非營利組織等。 3. 專注內容創作、需要網路空間發聲的人。 不適合: 1. 想要寫/學網站程式的人 2. 想要完全客製化網站的人
你可以學到
製作與管理個人專屬的網站 Strikingly.com提供16種版型,包含:部落格(blog)、相簿、社群外掛與更多。
上課前的準備
需要準備的工具 / 軟體(若購買課程前不清楚版本是否支援,請先留言與老師確認。)
任一個人電腦(PC or MAC) 任一瀏覽器(Chrome, Safari, FireFox, Edge, IE) 網路連線 Strikingly服務 (www.strikingly.com)
需要具備的背景知識
無需任何背景知識
單元一覽
1 章 9 單元|總時長 80 分鐘
全部收合
1
本課程不分章節
影片單元
單元 1 - 使用Strikingly:註冊/選擇樣式/自訂網址/上線!
影片單元
單元 2 - 基礎網格-Part01:編輯內容/變更順序/顯示與隱藏
16:36
影片單元
單元 3 - 基礎網格-Part02:註冊表格/聯絡表格
09:46
影片單元
單元 4 - 高級網格-Part01:Google地圖/Youtube影片/臉書+IG串連
影片單元
單元 5 - 高級網格-Part02:簡易部落格
09:53
影片單元
單元 6 - 變更設計風格:模板/配色/字型
07:37
影片單元
單元 7 - 修改設定:基本資料/網站分享/數據分析
09:36
影片單元
單元 8 - 外部連結:連結其他網站/連結世界(QR-Code)
05:40
影片單元
單元 9 - 高級網格 - 簡易網路商店
08:48
作業單元
作業 1 - 分享您製作的網站
查看作業
試看單元
播放試看影片
章節 1 - 本課程不分章節
單元 1 - 使用Strikingly:註冊/選擇樣式/自訂網址/上線!
試看影片
03:30
播放試看影片
章節 1 - 本課程不分章節
單元 4 - 高級網格-Part01:Google地圖/Youtube影片/臉書+IG串連
試看影片
08:48
課程評價
4.9
/ 5.0
75 則評價
David Lyu2020-03-31
課程內容簡單明瞭
老師一開始就建議大家先專心看完一遍教學過程(全部也才一個小時左右),接著透過直接製作網站,在遇到問題或疑問時,再回到當初講解的章節去複習即可。每個部份的介紹得非常清楚,尤其在每堂課前都會先說明該堂課程的主要學習點,同時老師也將每堂課都設定三個主要的技巧教學,這樣學起來清楚又有架構性,真的是CP值很高的課程,值得推薦!
查看更多
1 人覺得有幫助
happyennovy2021-06-30
對於快速建立個人網站很有幫助
花兩天把所有影片看完,也花了2小時大致玩了一下 Strikingly 的功能,覺得本課程協助學員 step by step 快速建立個人網站很有幫助,目前正在架構個人部落格,完成後再上來交作業,希望之後會有付費版的相關教學。
查看更多
cheng28822020-09-20
CP值超高的課程,推薦!
80分鐘的課程紮實緊湊,完全沒有一絲浪費時間,每堂課的開始,老師都會先說三個主要教學目標,學起來清楚有架構,如果跟不上,又可以無限重聽,也有逐字稿輔助,真的是CP值很高的課程,實在推薦!
Grace Chou2021-12-30
很好的入門課程
很棒的架設網頁的入門課程,循序漸進,解釋得很清楚。可以在很短的時間裡,架構出很好看的網頁基本內容。網站架構思維提供思考架設網站的基本大綱,很有用。
智原2018-03-23
謝謝老師清楚的教學 讓我完成人生中第一個網站!
之前 我是看youtube自學,但總是不完全,也會容易中斷, 但經過老師的講解後,我可自行設置一個網站,很有成就感。 謝謝老師。
查看更多

意猶未盡嗎?

關於講師

YH.Fang
1堂課程
0篇文章
789位學生
Scratch-TW發起人與主譯者 / Google 認證訓練講師 (2017) (https://goo.gl/GIY0IW)、Google 認證教育家第1級、Google 認證教育家第2級 / 國立中央大學資訊管理博士 / 曾任資策會講師、國立中央大學兼任講師
前往講師頁面
精選學生作業

購課前問答

日期最新
日期最新
日期最舊
愛心數
joyce7067
2025-07-11
你好,我有買這個課程,但是單元八的QR CODE連結怎麼都沒有看到,連結你放在哪裡??
回覆
我也想問
吳彥瑾
2023-02-06
請問:上這門課時能不能將python、R、SQL程式架設上去將點閱的人進行操作?
回覆
我也想問
老師 請問我想架設個人網站, 用於放免費公開的教學影片,課程資訊,作業佈達…等, 請問學習完這門課程可以滿足這個需求嗎? 還有用Strikingly架設網站,大陸朋友能看得到嗎?
(已編輯)
回覆
我也想問
林靜怡
2020-06-04
請問這個網站可以做成像購物網站嗎?後台可以查帳查訂單等等
回覆
我也想問
Janice Tsai
2018-06-21
老師,想請問有辦法把Strikingly的logo用程式碼隱藏嗎? 另外,覺得課程介紹的影片很可愛,想問問是用什麼程式做的?感謝
YH.Fang
授課老師
2018-09-02
Hi Jeremy, Strikingly 專業版就能將它的Logo移除。 我個人不太建議研究用程式碼將Logo隱藏,如果您的網站想避免Logo或可考慮Google Sites等服務哦 課程介紹的影片是使用PowToon服務(https://www.powtoon.com/)製作的,也是很容易上手的輕工具,建議您可以試試看哦 謝謝 :)
回覆
1 人想問
購買單堂課

NT$220
有什麼優惠可以用?
小蛙幫你找最佳優惠
登入看看 有什麼優惠用

相關標籤