【網站架設方法篇】打造個人品牌的第一步，如何用Strikingly架設免費個人網站！不懂HTML程式語言也不懂網站架構，透過直觀好上手的Strikingly，輕鬆架設免費的一頁式網站 大眾版

這則影片有更新版，強烈建議觀看2022年更新的版本：
【2022更新】網站架設技巧篇：打造個人品牌的第一步，如何用Strikingly架設免費個人網站(上)
   • 【2023更新】網站架設技巧篇：打造個人品牌的第一步，如何用Strikin...  
【求職者必看】打造個人品牌，用Strikingly架站平台第一次實作個人簡歷就上手(下)
   • 【求職者必看】打造個人品牌，用Strikingly架站平台第一次實作個人簡...  


Strikingly架站平台👉 https://www.strikingly.com/a/pRKcCS
************************************************************
我使用的網站架設平台【Strikingly】👉 https://www.strikingly.com/a/pRKcCS
我使用的免版稅影音素材庫【MotionElements】👉https://reurl.cc/d2rxKD
我使用的關鍵字調研工具【TubeBuddy】👉 https://reurl.cc/Kb6p6n
我使用的塗鴉視頻製作工具【Doodly】https://reurl.cc/VDajRR
免費圖片壓縮的平台：https://free.com.tw/squoosh/
************************************************************


💬 Strikingly架站平台操作導覽系列影片：

如何用Strikingly架設免費個人網站，打造你的個人品牌 (上) 👉    • 【2023更新】網站架設技巧篇：打造個人品牌的第一步，如何用Strikin...  
【求職者必看】用Strikingly架站平台實作個人簡 (下) 👉    • 【求職者必看】打造個人品牌，用Strikingly架站平台第一次實作個人簡...  
我該使用免費版還是付費版？你適合哪一種？介紹免費版專業版VIP版的差別👉    • 我該使用免費版還是付費版？我適合哪一種？剖析你的需求，挑選Striking...  
一次搞懂Strikingly網站架設平台後臺介面，快速掌握上手關鍵👉    • 一次搞懂Strikingly網站架設平台後臺介面，快速掌握上手關鍵【Tut...  
Strikingly架站平台│註冊帳號、刪除網站、選擇與更換模板👉    • Strikingly架站平台│註冊帳號、刪除網站、選擇與更換模板│架站平台...  
Strikingly架站平台【單元一】認識板塊模組👉    • Strikingly架站平台【單元一】認識板塊模組│操作導覽Tutoria...  
Strikingly架站平台【單元二】新增與管理你的部落格文章👉    • Strikingly架站平台【單元二】新增與管理你的部落格文章│操作導覽T...  
Strikingly架站平台【單元三】編輯網頁內容超簡單👉    • Strikingly架站平台【單元三】編輯網頁內容超簡單│操作導覽Tuto...  
Strikingly架站平台【單元四】建立新網頁、製作下拉式選單👉    • Strikingly架站平台【單元四】如何建立新網頁、如何製作下拉式選單│...  
Strikingly架站平台【單元五】運用風格調整，美化你的網頁👉    • Strikingly架站平台【單元五】運用風格調整，美化你的網頁│操作導覽...  
Strikingly架站平台【單元六】網域/GA追蹤碼到底在哪裡設定？👉    • Strikingly架站平台【單元六】網域/GA追蹤碼到底在哪裡設定？│操...  
Strikingly架站平台【單元七】管理你網站上的客戶和粉絲👉    • Strikingly架站平台【單元七】管理你網站上的客戶和粉絲│操作導覽T...  
Strikingly架站平台【單元八】網路商店建立指南👉    • Strikingly架站平台【單元八】網路商店建立指南│操作導覽Tutor...  
Strikingly架站平台【單元九】運用平台內建4種行銷工具👉    • Strikingly架站平台【單元九】運用平台內建4種行銷工具│操作導覽T...  


💬 不懂程式語言但想架網站的人，不可錯過的相關影片：

【2022更新】架設網站前，你該準備的4件事👉    • 【2023更新】架設網站前，你該準備的4件事  
【網站規劃篇】架設網站前的第一式：畫好網站架構圖👉    • 【網站規劃篇】架設網站前的第一式：畫好網站架構圖  
【2022更新】打造個人品牌的第一步，如何用Strikingly架設免費個人網站👉    • 【2023更新】網站架設技巧篇：打造個人品牌的第一步，如何用Strikin...  
【求職者必看】打造個人品牌，用Strikingly架站平台第一次實作個人簡歷就上手👉    • 【求職者必看】打造個人品牌，用Strikingly架站平台第一次實作個人簡...  
網站製作前的名詞認識👉    • 第一次做網站就上手，掌握這些名詞讓你的溝通效率加倍！  


💬 「透過Strikingly建立與設定線上課程內容與銷售頁面」系列教學影片：

【單元一】製作線上課程銷售頁面👉   • Видео  
【單元二】開啟會員功能、建立課程內容頁面👉   • Видео  
【單元三】兩堂以上的促銷課程設定方式👉   • Видео  
【單元四】收款方式設定👉   • Видео  
【單元五】會員每個月有額度限制👉   • Видео  

----------------------------------------------------------------------------

在這集影片中，你將發現如何製作一個簡單的一頁式網站，並可以在1天內完成。從眾多架站平台中，我試用過Weebly, Wix和Strikingly等，其中Strikingly免費架站平台讓不懂HTML程式語言或不懂網頁技術的人，可以透過它來創建一頁網站，並且過程相當簡單容易，而無需編寫任何程式或支付一毛錢。

這集影片將教您如何透過Strikingly免費架站平台來建置一個出色的一頁式網站。甚至許多企業或自由工作者，以及許多想要打造個人品牌的人來說，擁有自己的個人網站或企業網站，是塑造品牌的第一步。如果擁有一個網站，你可以充分地表達自己，或是陳述你的產品與服務內容。但是，要擁有一個網站，您不必花大量時間在繁瑣的Web開發和設計過程上，而是可以立即自己創建一個頁面的網站，而跳過所有常規的麻煩事。

==============================

【網站架設方法篇】打造個人品牌的第一步，如何用Strikingly架設免費個人網站│富習小學堂

不懂HTML程式語言也不懂網站架構，透過直觀好上手的網站架設Strikingly，1天輕鬆架設漂亮且免費的個人網站或一頁式網站

哈囉，大家好，我是Melody。這集要教不懂HTML程式語言也不懂網站架構的你，透過直觀好上手的Strikingly，1天輕鬆架設漂亮且免費的個人網站或一頁式網站。

你目前可能要打造個人品牌，或是製作公司網站，甚至可能要做個活動頁面、Landing Page等等。甚至小到你想做個漂亮的網路履歷、大到開設網路店鋪，但你暨不懂程式語言，同時覺得做網站的技術門檻似乎很高，像我這樣的門外漢，有辦法靠自己完成網站的建製嗎？有的！這集將教您如何在不懂HTML，也不懂Wordpress怎麼製作的情況下，透過Strikingly免費架站平台，製作出漂亮的一頁式網站。

首先，我們要先來挑選架站平台。

市面上有許多的免費架站平台，有名的像是Weebly、Wix、還有Strikingly等等…，這些平台我都使用過，因當時2018年我要建自己的個人網站時，這些平台我都試用過了一輪，其中Strikingly是我覺得裡頭使用上最直觀、好上手的一款免費架站平台，免費版的可以建置一頁式網站，如果你有付費升級成專業版或VIP版的話，可以做多頁式網站，同時裡頭的功能和模組會比較多，讓你的網站看起來更專業，也比較能滿足你在功能上需求。

好的，我們現在正式進入Strikingly教學，我這邊先針對免費版的內容進行說明，首先，您在Strikingly註冊你的帳號，輸入姓名、電子信箱、建立一組密碼後，就可以馬上開始免費製作。

我接下來的內容，會先以介紹網站後台的介面，說明他的作用，讓你比較清楚要什麼功能，可以先去哪裡找；影片後半段，我再實際示範製作一個網頁，讓你透過實際案例，了解架設一頁式網站的其實沒有這麼難。最後，我在分享專業版網站後台，有什麼不一樣的地方。

1. 新增板塊 (Module)

選定後，進入網站後台，你會看到左邊這一串，是網站版塊，右邊是你要製作的網頁。你可以透過「新增版塊」來增添你要的功能，版塊包含：線上商城，這是如果你是電商或微商的經營者會用到的，然後產品展示，雖然他寫的是產品展示，但其實你也可以拿來做其他類似的功用，比方你想呈現三個特點，或是你的公司有三位成員，放上他們的照片，你可以在底下描述一下他們的職稱或負責的項目。再來，簡易部落格，透過這個版塊，你可以在裡頭寫許多文章，這對於你如果要作內容行銷的話，這一塊可以使用到。再來「頭條」，對於一頁式網站來說，我覺得頭條會是你網頁一進來看到的那個主視覺，這裡可以放置你網站的主標題、也可以設置按鈕功能，比方你想做表單連結，或是連結到另一個網址，或是提供別人下載檔案，甚至嵌入你的Line ID或Email信箱都可以。

另外還有價目表，假設你有一種商品，但是有不同等級的價差與特性，你可以透過價目表呈現這個商品在不同等級規格下的比較表。至於網站內容的圖文編輯，你還有許多版塊可選，像是橫向佈局、縱向佈局、純文字內容、資訊欄等，都可以從下面的版塊進行選擇。你應該也會發現，像是有輪播功能的滑塊和輪播圖，以及自訂表單的部分，甚至在應用商店與HTML程式碼這項功能中，有許多進階功能無法使用，像是你無法嵌入HTML功能，來做更進一步的個人化修改；也無法串接Mailchimp電子報系統，這些都是必須升級為專業版才能使用到。

2. 風格設定 (Style)

再來看到上方「風格」的地方，這邊會秀出你「當前使用的模板」，你不喜歡目前的版型的話，可以到下面這邊來挑選。此外，你也可以在目前套用的版型之下，修改你網站的配色方案，比方你的品牌色系是白色與紅色，那麼你可以在這邊進行調整。字體也是，可以分別為標題、副標題，和文本重新挑選字型，標題和導航、板塊內容的寬度與間距、對齊方式等，都可以在這邊調整。基本上，我喜歡動畫的部分做調整，讓他頁面滑入、背景圖產生視差、或是滑鼠移過去產生放大或產生黑色透明遮罩等效果。這些到時候你們可以自己玩玩摸索，其實很簡單、很好玩的。我們按「返回至網站設計」。

3. 設置 (Setting)

再來就是「設置」這塊，這一塊的資訊很重要。這裡你可以設置你的網域，如果你想要購買自己專屬的新網域，可以按此購買，搜尋看看你想要的域名有沒有人使用，一個網域每年24.95美元，相當台幣七百多元，如果你不想買專屬網域也行，可以使用免費的，也就是Strikingly的子網域，你在這個欄位可以進行修改，只是這是掛在Strikingly的網域下。
再來，基本資料的地方，你要填寫好你的網頁標題，這標題會出現在Google搜尋後的結果頁面，以及網頁開啟後上方標籤出現的網頁名稱。這個標題取得好，外加下面網站描述的內容寫出重要關鍵字，將對你的網站排名有影響，同時也會影響讀者是否願意點擊進來看。然後你按照上方寫的圖片尺寸建議，上傳你的品牌圖像，像是Logo或是代表你的圖。以上資料輸入完畢後，然後按儲存。

由於非專業版，所以中間這些區塊我們可以都跳過去，來到下面「服務」這塊，如果你想要設定Google Analytics (GA)分析追蹤器的話，可以把你的GA追蹤碼貼到這裡，以及Google Search Console的meta標籤貼到這裡，這樣就可以追蹤你的網站，大家都是透過哪些關鍵字找到你的網站，以及你的網站在哪些關鍵字的排名表現如何。這部份我再另外開一集影片，針對安裝GA和安裝Google Console的內容進行教學。