撰寫【公司介紹】,實際操作步驟範例。

Posted on : 10-10-2009 | By : dkben | In : 資料輸入教學

以下這個說明範例,就教大家實際編輯『公司介紹』頁面的方式,請先把你要放在『公司介紹』頁面的照片處理好放在電腦裡。

1. 請先登入後台管理介面。

2009-10-10-AboutUsDemo-01

2. 登入後,點選左方按鈕列的【管理相簿】

2009-10-10-AboutUsDemo-02

3. 按【瀏覽】

2009-10-10-AboutUsDemo-03

4. 選擇電腦裡要上傳的公司照片。

2009-10-10-AboutUsDemo-04

5. 選擇完後,按【新增圖片】

2009-10-10-AboutUsDemo-05

6. 圖片就會上傳到網站後台中。

2009-10-10-AboutUsDemo-06

7. 然後,點選左方按鈕列裡的【公司介紹】

2009-10-10-AboutUsDemo-07

8. 將介紹公司的文字輸入。

2009-10-10-AboutUsDemo-08

9. 選點下方的相簿小圖後,會跳出一個新視窗。

2009-10-10-AboutUsDemo-09

10. 將新視窗的圖用滑鼠左鍵按住,拉進內容區域裡面,再將新視窗關閉。

2009-10-10-AboutUsDemo-10

11. 你可以使用下列方式編排,一排文字再接圖,再接文字的方式。

2009-10-10-AboutUsDemo-11

12. 也可以將圖置右,由文字自動隨著圖的大小而縮排。

2009-10-10-AboutUsDemo-12

13. 請在圖片上按右鍵,叫出屬性視窗,選擇【影像屬性】

2009-10-10-AboutUsDemo-13

14. 選擇【靠右對齊】,再按確定。

2009-10-10-AboutUsDemo-14

15. 再將圖拉到最上面一排的最前面。

2009-10-10-AboutUsDemo-15

16. 你可以看到圖片跑到右上角了,文字隨著圖片自動縮排,最後記著按【更新存檔】

2009-10-10-AboutUsDemo-16

17. 這是前台完成的畫面。

2009-10-10-AboutUsDemo-17

18. 這是另一種方式,一排文字,再接圖,再接下一排文字。

2009-10-10-AboutUsDemo-18

這個編輯方式不只可運用在『公司介紹』,也可以使用在『服務項目』、『購物說明』、『詢價說明』,或『商品頁面』說明的編排上。

本篇文章引用網址:

webskycm

有問題嗎?寫信給我!