2013年9月8日 星期日

網絡設計和空間

免費 設計 架構 網頁 教學


1.先到weebly網站申請帳號 http://www.weebly.com/

   點擊上面的中文






2.設定登入名稱(必須英文加數字)、密碼以及你的郵箱地址

   輸入驗證碼

   點註冊




3.設定你的網站標題(也就是你網站的標題)

   設定好點繼續







4.設定你的部落格網址,然後點繼續









5.點設計,選擇你喜歡的版型,點擊你喜歡的那個板型立即自動套用








6.點元素回到原來的位置,點擊上面的Edit Image換上可以呼應你網站頁面主題的圖片








7.1.先點上面的Add Image
   2.點擊ChooseFile
   3.選擇圖片
   4.點開啟
   5.點OK

8.1.先調整圖片的大小
   2.調整好點OK
   3.點上面的only this page
   4.點save保存













9.接下來我以關於公司的頁面為例子做部落格

   1.先把兩列佈局拉下來
   2.把標題拉下來放在兩列佈局的左邊框框裏面,輸入:歡迎來到維瑪
   3.把HTML語法拉下來

   4.點擊圖解上的那個英文框,會出現上面的小工具
   5.先選擇你的語法顯示是靠左、中還是右
   6.點擊Edit那個小工具
   7.下面的那個英文字會變成藍色的,在藍色的英文字上點右鍵,貼上翻譯機的語法

10.1.先把上面的段落帶圖片的拉下來

    2.在框裏面輸入關於維瑪
    3.在框裏面貼上關於維瑪公司的介紹
    4.上傳BK的圖片
    5.把兩列佈局拉下來
    6.分別拉圖片到兩列佈局的左邊跟右邊,上傳維瑪產品的圖片


11.1.先把HTML語法拉下來
    2.點擊語法的框框
    3.選擇語法要顯示的位置靠左、中還是右
    4.點上面小工具的Edit
    5.在藍色的英文字點右鍵貼上認識維瑪的語法
    6.點發佈保存網頁



親愛的網友,看到這裡要恭喜你哦!你的第一個頁面已經完成咯!

=========================================================================

0 意見:

張貼留言

Twitter Delicious Facebook Digg Stumbleupon Favorites More