• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

免費資源網路社群

免費資源指南,每日網路資訊與科技新知

  • 免費軟體
    • APP
      • iOS
      • Android
    • Mac
    • 瀏覽器外掛
      • Chrome
      • Firefox
    • 防毒軟體
    • 系統工具
    • 圖片處理
    • 文字編輯
  • 線上工具
    • 雲端掃毒
    • 線上翻譯
    • 線上轉檔
    • 配色工具
    • 縮網址
    • 產生器
  • 免費空間
    • 網路硬碟
    • 圖片空間
    • 影片空間
    • 網站空間
  • 熱門主題
    • Facebook
    • VPN
    • YouTube
    • 編輯精選
    • 字型下載
    • 免費圖庫
  • 網路科技
    • 個人服務
    • 電子信箱
    • 實用教學
    • 資料查詢
    • 音樂音效
  • 架站教學
    • DNS
    • WordPress
    • 搜尋引擎最佳化
    • 素材模版
    • 免費圖示
    • 網站監測

Launchaco Website Builder 快速建立免費、自適應設計產品官方網站

Last updated 4 years ago by Pseric

Launchaco Website Builder 快速建立免費、自適應設計產品官方網站

設計一個產品網站要花多少錢?五萬或十萬?這對新創公司來說都是一筆開支,至少在草創初期沒有充裕資金時要更謹慎,因此不少人會挽起袖子自己做,開發網站並不難,但要找到好的起始點可能需要花時間研究,之前我介紹過許多免費網站模板資源,例如 HTML5 Zero、HTML5 UP!、Templated 都能下載到符合目前趨勢潮流的 HTML5 網站模板或響應式設計主題,下載後自己動手修改可能會比從無到有開發一個網站來得更簡單也更有效率。

記得我介紹過 Launchaco 嗎?這服務幫助你在成立公司前命名不會與其他人「撞名」,它能依照你輸入的單字即時查詢網域名稱、社群網路帳號註冊情形,對於要維持名稱一致性來說特別有用。Launchaco 最近推出一項免費網站製作工具,讓新創公司能在短時間裡製作出有質感且彈性的官方網站,本文最上方的第一張圖片就是以 Launchaco 提供的網頁工具製作而成(不過是預設內容,我沒有更動文字)。

Launchaco Website Builder 是一款免費且簡單的「線上網頁產生器」,不同於免費網站空間,它並不提供網站托管,而是依照你的需要來產生網頁,最終讓使用者下載、交由使用者決定網站該放那裡。使用這項工具仍保有自製網頁的彈性,又不受限於現有模板及格式樣式設定,你可以直接線上預覽網站成果,喜歡的話再將它下載保存,放到自己的伺服器。

當然它只能幫你做一個很基本、陽春的門面,如果要更多更複雜功能,例如討論區、會員註冊等等還是得自己去接其他程式才行。總而言之 Launchaco 讓你不用從頭開始建構一個網站,當你在沒有多餘資金或時間的情況下也能做出一個看起來很像樣的網站。

網站名稱:Launchaco Website Builder
網站鏈結:http://launchaco.com/build/

使用教學

STEP 1

開啟 Launchaco Website Builder 後,先選擇一個網站要使用的主版型,也就是第一眼看到的感覺,目前有六種類型可以選擇,看起來並不會差太多,點選後會在網站即時出現,讓你預覽效果是不是符合你的期待。

Launchaco Website Builder

STEP 2

選擇後就能開始對細部進行調整、設定,亦能修改網頁的文字內容,例如在首頁出現的手機可以調整成平板電腦、瀏覽器、Macbook 或是不同組合,當然好處是 Launchaco 不會讓整體效果差太多,還是能維持一致性。

Launchaco Website Builder

在網站中時常會看到註冊按鈕、應用程式下載按鈕或訂閱電子報 Email 通知功能,在 Launchaco 網站工具裡也能使用,我覺得直接點選來切換不同功能設計還蠻直觀好用的,相較於大部分必須靠自己把功能拖曳進來的設計會顯得更清楚簡單。

但如同我在文章最前面提過,它只能幫你把這些按鈕放進來,實際上功能串接還是要靠自己去做,例如你要放上 iPhone、Android 應用程式下載鏈結,那麼應用程式上架部分也得自己完成才行,畢竟 Launchaco 是幫你打造一個門面網頁而不是一整個專案計畫。

Launchaco Website Builder

STEP 3

一般軟體、應用程式官方網站都會列出該服務的特色,吸引使用者下載安裝,Launchaco 內建了一些特色模板可以切換選擇,當然預設就已經有範例內容,你要做的就是選擇想要的模板,再將內容改成適合你自己的即可。

Launchaco Website Builder

Launchaco 線上網頁產生器還能讓我們挑選不同的免費圖示(Emojis),使整體看起來更生動活潑。

Launchaco Website Builder

STEP 4

在這類官方網站中也會顯示一些較知名的客戶或使用者推薦,Launchaco 內建幾種模板可以選擇,當然這些 Logo 圖示只是範例,稍後下載下來的模板檔案不會有這些圖案,必須自己去找來替換。

Launchaco Website Builder

STEP 5

如果要讓網站看起來更個性化、更不一樣,善用網站右下角的編輯工具,從這裡可以切換配色、字型組及開啟線上即時預覽,設計時能挑選不同的配色或字型,可能也會有不一樣的效果,最後點選「預覽」就能在 Launchaco 網站上看到實際製作出來的網站效果。

Launchaco Website Builder

下圖就是我以 Launchaco Website Builder 快速製作出來的網站範例,看起來是不是非常專業呢?不過我沒有更動預設內容,你可以直接在線上將它改為中文,或者下載網頁後再以其他網頁編輯器修改、調整,若有一些網頁開發經驗的話,要改動整體版面或內容配置應該不會太難。

Launchaco Website Builder

STEP 6

製作完成後,將 Launchaco Website Builder 捲動到最下方,點選「Download Launchaco Product Site」就能把整個網頁壓縮下來使用,解壓縮可以取得一個網頁 HTML 檔、CSS 樣式表及 SVG 圖片素材。

Launchaco Website Builder

以 Launchaco Website Builder 製作的網站皆以 CC0 授權釋出,你可以隨心所欲使用,而不用擔心會受版權限制,不過使用這項工具你可能需要具備一些基礎的網頁設計及開發知識。另外,如果你要尋找合適的網域名稱註冊商或虛擬主機,亦可參考以下幾篇文章:

  • 在網站搬家前,你應該先註冊一個自己的網址!四個推薦的網域名稱註冊商
  • 搬家自架 WordPress,我推薦的五個虛擬主機服務
  • 台灣用戶也能在 Google Domains 註冊購買網域名稱,詳細申請設定教學
  • 在 Gandi.net 註冊網域名稱教學,含免費信箱、SSL 憑證及 WHOIS 隱藏

相關

分類: 站長工具, 網站模板, 線上工具標籤: CC0, Creative Commons, CSS3, HTML5, RWD, Web 2.0, Website Builder, 創業, 產品行銷, 產生器, 產生器類, 素材模板, 素材模版, 網站佈景, 網站工具, 網站建置, 網站模板, 網站模板產生器, 網站模版, 網站素材, 網站開發, 網頁佈景, 網頁工具, 網頁建立工具, 網頁模版, 網頁製作, 網頁設計, 網頁開發, 線上工具, 自適應設計, 趣味服務

關於 Pseric

學生時代成立網站以來堅持每日更新,在挖掘資料的過程中慢慢找出自己經營網站的方法,最開心的是有一群一起長大的讀者。

Primary Sidebar

使用電子郵件訂閱網站

輸入你的電子郵件地址訂閱網站新文章,使用電子郵件接收通知。

站內搜尋

追蹤更新

最新文章

  • Microsoft Edge 瀏覽器「集錦」功能可收集整理網頁、影像或文字
  • 設定 Cloudflare 健康情況檢查監測特定伺服器或網站,無法連線時發送通知
  • Firefox Focus 注重隱私保護手機瀏覽器,自動封鎖網站和各類追蹤器
  • Ray.so 將你的程式碼轉為漂亮圖片,加入視窗外框和陰影效果
  • Image It 線上將文字轉圖片,內建五種配色支援 HTML、CSS 語法
  • Hide Desktop 一鍵快速隱藏或顯示 Mac 桌面檔案
  • Bobby 在手機追蹤管理訂閱服務,統計每月支出和帳單提醒功能
  • 從 LastPass 匯出密碼、移轉到 Bitwarden 密碼管理工具教學

精選主題

  • 思源黑體:Adobe 與 Google 合作開發開放原始碼中文字型
  • 思源宋體 Noto Serif CJK 字型免費下載!Google、Adobe 再次攜手推出開放原始碼字體
  • Apple Music 登陸台灣!免費三個月試用音樂串流服務,不聽音樂要幹嘛?
  • [下載] WinRAR 解壓縮軟體正式推出中文免費版,別再用盜版破解版了!
  • Mipony 白馬下載器:網路下載必裝!支援數百免空可突破下載限制
  • Outline 來自 Google 全自動自架 VPN 安裝工具,突破中國網路封鎖限制
  • Spotify 免費聆聽 4000 萬首歌,音樂串流應用 iOS、Android 版下載
  • Peggo 終止服務!5 個 YouTube 轉檔下載替代方案推薦
  • 日本亞馬遜 AmazonGlobal 線上購物直送台灣,免消費稅免找代購
  • 中華郵政 i郵箱初體驗,24 小時自助郵局寄件取件超方便
  • YouTube Music 免費音樂串流服務正式登場,升級 Premium 零廣告體驗
  • Microsoft Edge 正式版免費下載!以 Chromium 重新打造微軟瀏覽器
  • 使用 eMask 線上預購口罩,健保卡或自然人憑證驗證可信用卡繳費
  • 口罩實名制 2.0 健保卡身分認證教學,以健保快易通 APP 線上預約口罩
  • Photopea 免費圖片編輯器,堪稱 Photoshop 線上版支援 PSD 等常見格式
  • 財政部統一發票兌獎 APP 掃描發票存手機,自動記帳主動對獎超方便
  • 使用健保卡+戶號線上查詢勞保勞退年資、應繳欠繳保費和退休金核發試算
  • 跨平台 Brave 瀏覽器免費下載!兼具速度與隱私相容 Chrome 擴充功能
  • YouTube Kids 兒童專用影音頻道,手機平板應用程式免費下載

贊助商連結

實用教學

  • 46個免費圖庫網站總彙整
  • 15個免費下載高解析度圖片最佳圖庫
  • 下載高畫質相片素材的13個免費圖庫資源精選
  • 12個你應該知道的中英文假字、文章產生器
  • 20個免費下載創用 CC 授權音樂的網站彙整
  • 40個設計師必備免費資源超推懶人包
  • Google 商家被留負評該檢舉刪除?或許業主更該做的是回應疑慮
  • Facebook 全新下載資料副本功能,一次備份所有臉書記錄匯出
  • Instagram 資料下載讓使用者完整備份相片影片、留言、訊息等個人記錄
  • 7 個線上接收手機簡訊驗證碼的免費網路服務整理
  • 如何重灌 Mac 電腦?重新安裝 macOS 自動更新為最新版本教學
  • PayPal 兩步驟驗證設定教學,以手機簡訊或應用程式降低被盜用風險
  • 以 YubiKey 實體安全金鑰設定 Google 兩步驟驗證教學
  • 如何在瀏覽器不支援 Adobe Flash Player 後繼續播放 SWF 檔案?
  • Ruffle 免費 Flash Player 替代軟體下載,Adobe 停止更新後讓瀏覽器繼續支援

WordPress 架站資源

  • 搬家自架 WordPress 推薦的五個虛擬主機服務
  • 架站更上一層樓,我推薦的五個虛擬專屬主機(VPS)服務
  • WordPress Hosting 架站空間精選,最多人推薦的五個國外虛擬主機方案
  • 如何挑選一個適合你的虛擬主機服務?我參考的七個比較項目
  • 自架 WordPress 虛擬主機租用教學,將網誌備份匯出、匯入到新家
  • 在 WordPress 設定 HTTPS,強制使用 SSL 安全加密協定教學
  • 殺手級 WordPress 體檢項目:101 個建立新網站的超簡易捷徑!
  • Cloudflare 架站者必備免費 CDN、DNS 託管服務設定教學
  • 台灣用戶也能在 Google Domains 註冊購買網域名稱,詳細申請設定教學
  • 16 個免費網站速度測試工具推薦!網頁效能評比,搜尋引擎最佳化必備
  • 亞馬遜 VPS 服務 Amazon Lightsail 搭配 ServerPilot 快速架設 WordPress 教學
  • 165 個 WordPress 官方開發佈景主題設計 Jetpack 使用者免費下載
  • 使用 Google Cloud Platform 雲端主機免費版架設 WordPress 教學
  • 使用 Cloudways 架設 WordPress 網站教學,快速部屬最佳化環境
  • RunCloud 佈署最佳化主機環境,整合 DigitalOcean 架設 WordPress 教學
  • 使用 SiteGround 虛擬主機一鍵快速安裝 WordPress 教學
  • Cloudflare 變身域名註冊商,以最低價續費含免費 SSL、WHOIS 隱藏功能
  • FastComet 評價極高的虛擬主機推薦,一鍵安裝 WordPress 教學
  • VaultPress 完整備份你的 WordPress 網站,無痛搬家或回復特定時間點

贊助商連結

Managed WordPress Hosting
We Love Jetpack!
Stock Photos, Vectors and Royalty Free Images from 123RF

使用 WordPress 建置,最高級的語意化個人出版平台・關於本站・文章彙整・隱私權政策