Weebly建站教學

1.網址:www.weebly.com 或http://www.weebly.com/?lang=zh (中文)輸入帳號密碼

2.填入驗證碼

3.輸入網站標題。選擇網站類型分類

4.輸入一段英文網址

5.進入編輯畫面。一開始上方為最常用的功能,以拖拉形式做網頁。

6.以拖拉形式拉到下方打入需要的字。全選要修改的字後,上方藍色的方格類似word的功能可調整大小和顏色。

7.做文字的修改!

8.設計—變更板模…!!

9.設計—所有板模!!

10.選取板模…按下Preview Theme

11.確認合適後,按Use Theme

12.設計選項…可以調整Title 內文的整體性自行顏色大小等

13.按下發布…中間的網址點一下…可觀看做出來的效果

14.做出自己的銷售頁面

15.頁面—可新增頁面(Page)&部落格(Blog) 按下”保存設置”就立即存檔

16.接著進入google帳戶—相片

17.進入google 相簿將圖片上傳

18.選取”圖片”—(僅選取圖片)打勾—然後取許最大尺寸 copy

19.將上方圖片按Edit image

20.改變上方Head Bar—按下OK旁邊的X刪除原本的圖片—按左上Add image

21.出現以下畫面,請勿選從電腦上傳,因為讀取網頁會非常 “慢”

22.將剛才複製的網址貼上按Insert

23.移動圖片至想要的位子調整大小。右上有存取到所有頁面(all pages)、只有這個頁面(only this page)、只選取某些頁面(only selected pages),都可以調整…選all page!

24.存取後…如下圖所顯示

25.兩列布局。如圖所示,可以調整把檔案放在哪裡

26.把物件放入想要的區域…

27.Youtube選取要的影片—按分享—嵌入

28.看到以下圖—選擇需要的尺寸—複製、貼上此段HTML碼

29.原始碼貼上—自定義HTML的區域

30.將語法貼上…

31.自訂HTML語法可選擇中間…!!

32.按設置—常規設置和SEO最常使用,按下Save就OK!!

33.經過一連串的功夫…做成以下的樣式

34.Weebly底下最討厭的註腳教你如何移除。右上方有(編輯HTML/CSS)按下去

35.進入以下畫面。把這段語法“#footer {text-indent: -9999px;} ”丟入CSS一開始的地方最上方

36.仔細看第一行。把那句語法貼上,按下Save

37.隨便輸入名稱,Save…

38.看到底下Weebly的頁腳不見了…

 

成品:http://superwtrclub.weebly.com/

 

補充:Weebly的SEO設定

設置,網站描述,Meta關鍵字, google analytics

進入頁面然後高級設置

進行每頁的編輯,有助SEO ,Google analytics 放在每一頁的頁腳編碼才有效果

 

 

 

11 Responses to Weebly建站教學

  1. vincent 說:

    Step 34. html/css 找不到!

  2. vera 說:

    怎樣才能把首頁和其他頁面分開來設計???

  3. Chris 說:

    沒辦法喔,主題只能一個風格。

  4. yushinami 說:

    我做的網頁 用google搜尋不到 只能用連結去

  5. Chris 說:

    那表示搜尋引擎還沒有收錄哦

  6. Fly 說:

    我想问下,我用模板创建了一个网站,但是想在页面中加入自己的代码,但是我不知道页面源代码在哪里可以找到。谢谢!

  7. Chris 說:

    可以切換到html直接把代碼貼上哦

  8. Vivi 說:

    請問我已選用文字框但是卻無法編輯文字。求教~

  9. Chris 說:

    Weebly不是我們主要的教學內容和工具,有問題的朋友可以到我們FB社團提問,會有其他會員協助回答喔。

  10. Shx 說:

    請問刪除註腳那個到底要怎麼用~~~試很多次都沒成功啊…

  11. Chris 說:

    抱歉weebly不是我們的主要教學內容,我也沒在使用了,請到FB社團發問,應該有夥伴可以協助解答哦

發表迴響

你的電子郵件位址並不會被公開。