利用Weebly建置網站
每年做網界博覽會的時侯，總是會想說如何讓學生可以較容易做出網頁出來，一直是教用Dreamweaver來製作，一來是Dreamweaver2004的版本真的老了，在win7上會有些小問題，另一方面除非學生對軟體、網站結構、影像處理、電腦繪圖很熟，不然很難短時間內做出一個像樣的網站。而namo、frontpage之類的網頁套裝軟體，很久沒有再出新的，也不可能再買這些，有些快一點的方式是找網頁模版，再用Dreamweaver修改，但學生做完問題還是一大堆，修改會是一大苦頭。
而在FB和伙伴們的討論中，得知有Weebly這個架站服務，有著方便的拖拉設定，簡單的圖片裁切等修改，更有著預先漂亮的模版，最重要的是它可以將網站打包後下載回來使用，那今年就教這個好了。
Weebly官方網站：http://www.weebly.com
- 在學校Google 帳號使用 Weebly 服務 (阿欣部落)
- 如何把Weebly上的網頁拿到自己的網站(阿欣部落)：解決slideshow效果無法出現圖片問題
如果用學校的帳號登入的話，預設有這個服務
根據下方圖片說明，啟用weebly
首先要先建構一頁網站做範本
編輯網站主標題或是上傳logo
編輯主標題圖片
按下右上方的(Edit Image)按鈕
就會跳出線上的影像處理，讓你編輯這張主標題圖片
按下右上方的(灰色齒輪)按鈕，則可以改這張標題圖片的樣式
增入內文的大標題
增入純文字的內文
增入文繞圖的內文
選按(Caption)按鈕
就可以填入圖片的說明文字
則是可以設定圖片的邊框大小和邊框顏色和Alt文字等…
增入可點選放大的圖片組
在設定列的地方就可以設定幾列了
按(captions)按鈕就可以設定文字效果
加入分隔線
加入分欄
最多可以分5欄
加入分欄後就可以在分欄內加入其它的元素
點選(設計)，就可以更換主題、字體、顏色以及css等
點選(頁面)，就可以建立新的頁面
如果首頁做好後，也可以選擇(複製頁面)，來套用。
左方是可上下拉動網頁的次序，而向右拉的話可以設定為某頁的子項目
留言
張貼留言