感謝陳炫助老師推薦&介紹,WIX這個線上架站軟體,有許多模板和工具可以套用,對對於HTML語法不熟悉和講求時間之下,是非常方便且可以達到一定水準的一個方式。

WIX網站:http://www.wix.com/
以下簡短教學



01|註冊(可使用FB/Google登入)




02|選擇想要製作的網站類型(這邊隨便選就好了,後面可以再選一次,不知道做這步驟幹麻)




03|選擇喜歡的模板,可以選擇View(檢視)預覽網站,選到喜歡的在選擇Edit(編輯)。
如果嫌都是英文英文英文,請善用Google Chron,你將會重見光明。


04|看到這畫面就是進入編輯,WIX使用的是最新的HTML5語法,可以輕易做出很多以往Flash才做得出的特效。



05第一次進入會有教學影片,但是是英文的,有時間的人可以看一下。


06|網站編輯畫面

切換網頁板和手機板(這邊我們都只需要先編輯網頁板就可以)
Page(可以下拉到你要編輯的頁面)、搜尋列(可以搜尋相關app和幫助)。
Preview預覽(能看到目前網站上線狀況)
Save儲存
Publish發布(發布玩你的網站才會更新,並且擁有網址)

08|網站編輯工具-Page

編輯你的網站架構,這個案例的架構為-首頁-相簿-關於-聯絡
你可以根據你的網站需求更改或新增

A.更改:
  Page Name(名稱)可以改為自己喜歡的名稱,可以任何語言數字
  Page Address (分頁網址) 要連結的分頁 (基本上請使用英文數字)

更改前:



B.新增頁面

 選擇最下方 Add page

選擇你要新增的分頁版型並給予名稱(Name your Page)




09|修改、新增完成,選單就會自動更新

09|編輯背景(Background)、配色(Color)、字體(Fonts)


  

背景:可以選擇下方的顏色模板、紋路,或是按藍色按鈕上傳自己喜歡的背景


更改後


10|就選一個喜歡的配色阿,這個不用截圖了吧

11|編輯網頁內容 

  WIX網頁編輯區塊上每一個素材都可以做修改,如果不知道參數或是修改方式,最快方法,就是將上面素材都刪掉,自己在新增。

這樣就有一塊空白任你編輯安排發揮,選擇Add選擔下,有很多可以增加的素材,以下是基本的:

Text-文字
Image-單張圖片
Gallery-相簿
Media-媒體
Shape & Line - 基本繪圖工具
Buttone & menu -按鈕和菜單




就可以在網站上方加入所有你想要的素材,再把它排版就好。




EX:選擇Text加入文字-(缺點就是WIX沒有支援什麼中文字體)



EX:選擇Image加入圖片




12|切換各頁面編輯


13|儲存與發佈 網站都製作好以後,選擇上班Save儲存,以及Publish發布
  幫網站取個網址名稱(英文數字),Wix的網址架構為  http://www.你的帳號.com/網址名稱




14|發布完成 http://chingwork2013.wix.com/523a