2013-11-27

利用Weebly建置網站

每年做網界博覽會的時侯,總是會想說如何讓學生可以較容易做出網頁出來,一直是教用Dreamweaver來製作,一來是Dreamweaver2004的版本真的老了,在win7上會有些小問題,另一方面除非學生對軟體、網站結構、影像處理、電腦繪圖很熟,不然很難短時間內做出一個像樣的網站。
而namo、frontpage之類的網頁套裝軟體,很久沒有再出新的,也不可能再買這些,有些快一點的方式是找網頁模版,再用Dreamweaver修改,但學生做完問題還是一大堆,修改會是一大苦頭。
而在FB和伙伴們的討論中,得知有Weebly這個架站服務,有著方便的拖拉設定,簡單的圖片裁切等修改,更有著預先漂亮的模版,最重要的是它可以將網站打包後下載回來使用,那今年就教這個好了。

Weebly官方網站:http://www.weebly.com

如果用學校的帳號登入的話,預設有這個服務

根據下方圖片說明,啟用weebly



首先要先建構一頁網站做範本

編輯網站主標題或是上傳logo



編輯主標題圖片

按下右上方的(Edit Image)按鈕

就會跳出線上的影像處理,讓你編輯這張主標題圖片

按下右上方的(灰色齒輪)按鈕,則可以改這張標題圖片的樣式

增入內文的大標題




增入純文字的內文



增入文繞圖的內文


選按(Caption)按鈕

就可以填入圖片的說明文字

 選按(Advanced)按鈕
 

則是可以設定圖片的邊框大小和邊框顏色和Alt文字等…


增入可點選放大的圖片組

在設定列的地方就可以設定幾列了

按(captions)按鈕就可以設定文字效果


加入分隔線



加入分欄

最多可以分5欄

加入分欄後就可以在分欄內加入其它的元素


點選(設計),就可以更換主題、字體、顏色以及css等



點選(頁面),就可以建立新的頁面

如果首頁做好後,也可以選擇(複製頁面),來套用。
左方是可上下拉動網頁的次序,而向右拉的話可以設定為某頁的子項目

沒有留言:

張貼留言