利用Weebly建置網站

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

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

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

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



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

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



編輯主標題圖片

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

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

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

增入內文的大標題




增入純文字的內文



增入文繞圖的內文


選按(Caption)按鈕

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

 選按(Advanced)按鈕
 

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


增入可點選放大的圖片組

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

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


加入分隔線



加入分欄

最多可以分5欄

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


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



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

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

留言

這個網誌中的熱門文章

自製簡易結構耐震震動台

HC-05藍芽模組設定