不少朋友平時可能會有個人架站的需求,但網路上客製化架站的價格很貴,自己又沒有程式和技術支援,也許到最後就放棄了。不過,還好你打開了這篇文章,它將一步步帶領你架設自己的網站。

隨著各種網頁製作工具的普及,現在不懂技術的個人也能順利架站了。不過使用網頁製作工具雖然簡單,但仍有很多細節需要注意,並且要遵循一定流程。那麼個人究竟該如何架站呢?

網頁製作教學

圖片取自創客貼

本文目录:

  1. 第一步:定位網站
  2. 第二步:找一個可靠的架站工具
  3. 第三步:建立網站頁面
  4. 第四步:發布上線
  5. 本文小结

第一步:定位網站

先要想明白你打算用這個網站做什麼,是做個人部落格網站,用來記錄生活,還是想做一個履歷網站,用來找工作?或者是做一個獨立媒體人網站,用來積累粉絲?不同類型的網站要用到不同的模板,所以在個人架站前一定要想清楚,這樣你架站時才能有清晰的主題方向。

你可以根據不同類型的需求植入不同的功能版塊,並根據你的品牌調性調整顏色,提高你在網頁製作中的視覺化匹配程度,這也是定位的一個很重要的手段。現在Strikingly已經支援了修改版塊背景顏色,你可以根據你的不同功能調整不同的顏色,使得網站整體視覺效果更加客製化。點擊這裡,了解更多關於修改版塊顏色的資訊

網頁製作版塊顏色支援自訂

圖片取自Strikingly產品

第二步:找一個可靠的架站工具

現在市面上的個人架站系統很多,新手盡量選擇操作簡單、零門檻、模板設計美觀、知名度較高的類型網頁製作工具,比如Strikingly,後台都是視覺化操作,而且模板設計感強,簡潔歐美風,做出來的個人網站也好看。

網頁製作價目表

圖片取自Strikingly產品

如果你僅僅是要一個包含個人基本功能的網站,Strikingly就能進行免費的網頁製作;如果你要一個更高級的網站,價格在每月幾美元到十幾美元不等,而且提供14天免費體驗服務。此外,Strikingly一直以迭代和優化的方式為客戶提供更多價值,無論是進階版用戶還是免費版用戶都能定期享受到新的功能。如果你想了解更多Strikingly提供的更新的話,可以點擊這裡了解更多。

比如這個更新的自訂版塊功能,它允許你可以根據自己的需求自己來設定版塊的功能,調整版塊的佈局。此外,自訂板塊整合"拖曳式"編輯後,功能變得更強大。你可以在網頁製作中自由添加、刪除和移動板塊中的元素,並調整其大小。當然,重點往往在後面:這項功能,免費開放給所有客群,點擊這裡可以了解更多。

網頁製作功能版塊

圖片取自Strikingly產品

第三步:建立網站頁面

進入 Strikingly官網,註冊帳號後選擇【新增網站】,再選擇一個「個人」或「創意」模板。

網頁製作範本

圖片取自Strikingly產品

點擊模板進入後台編輯頁面,在這裡你可以添加各種功能版塊,比如做一個個人插畫網站,你可以在網頁製作過程中添加網格、相冊、大尺寸媒體、橫向布局、縱向布局、聯繫方式等版塊來展示作品,和訪客溝通。

如果是做個人簡歷網站,那麼網站中一般要包括個人簡介、經歷、教育、技能、相冊、所參與項目等,通過這些版塊詳細介紹你的從業經歷、業務介紹、擅長的工作領域等等。版塊有不同的布局模式可供選擇,可以讓你把網站做得更加個性化,有自己特色。你可以點擊這裡,了解如何進行個人簡歷網頁製作。

你也可以透過部落格版塊植入自己的故事,以便讓更多的人更好地了解你。如果你有作品需要展示的話,你還可以透過部落格植入自己的作品集,展示給網路上的客群。隨著Strikingly定期迭代優化,現在網頁製作中的部落格編輯更加方便、可靠了。在新的部落格編輯器裡,你可以更便捷地添加圖片、複製粘貼內容,使用功能更加強大的富文本編輯器,點擊這裡可以了解更多

網頁製作範例

圖片取自Strikingly產品

  • 在左上角【風格】裡,你可以在網頁製作中更改主題風格、字型、模板;在【設置】-【網域】裡,你可以設定網站網域。
  • 你還可以在網站頁尾添加社群媒體圖示,連結到自己的FB、Twitter、Youtube等各媒體平台,吸引更多粉絲。關於社群媒體引流的資訊,點擊這裡可以了解更多。
  • 以上所有基礎功能Strikingly免費就能使用,當然如果你也可以在14天體驗其他的高級版才有的功能。

網頁製作中可以插入頁尾

圖片取自Strikingly產品

第四步:發布上線

上述全部做好並預覽無誤後,點擊左下角「發布」就好。網頁製作完成後,你也可以隨時修改,重新上線。當然,在上線前你也需要做好網站的整體視覺規劃,尤其在配色方面一定要慎之又慎才行。一個網站的配色,在統一之外還應該有所創意和變化,給人耳目一新的感覺。

或許你會說,配色這是專業設計師才能做的東西。不過,現在Strikingly提供了免費的網頁製作配色方案,除了能夠給你帶來配色的挑選方案之外,系統將自動生成相關品牌輔助色,幫你快速設計漂亮且風格一致的網站。點擊這裡,可以了解更多有關配色方案的資訊。

你只需要在【風格】-【配色方案】中,就能選擇並更改你的網頁配色,十分方便。

更多的網頁製作配色

圖片取自Strikingly產品

現在個人也可以很方便地進行網頁製作!現在你就可以訪問 Strikingly官網 註冊帳號,架設自己的個人網站!你可以使用免費版,也可以免費體驗14天高級服務喔~

如果對內容有疑問,可以透過 support@strikingly.com 與我們聯絡。