WaSr網站管理系統(tǒng)服務商操作手冊

1、在線網頁編輯器使用說明使用在線網頁編輯器，可以通過瀏覽器, 式，實現(xiàn)網頁圖文混排。在網站管理系統(tǒng)中， 圖文混排編輯。甚至可以將現(xiàn)成的網頁內容或 網頁。一、在線網頁編輯器的基本結構直接編輯網頁的內容。 以“所見即所得”的方 大部分的網頁內容都可以使用網頁編輯器進行WOR文檔的內容拖放到編輯器中，直接生成編輯© 查看電）插入修收辿1文本） 0sc 國至1越IV!墾蠶菱塁 金P于 T 住 E 車車 G 劇如下圖所示： 工具條：包括工具菜單和常用功能的圖標按鈕 模式切換：可以切換編輯模式、 HTML代碼模式、預覽模式、輔助線編輯模式 編輯框：顯示和編輯內容的地方 提交：編輯內容后按 提交”按

2、鈕更新內容、在線網頁編輯器工具條說明編輯 復制、粘貼、全選、刪除、查找功能 查看切換編輯模式、HTML代碼模式、預覽模式、輔助線編輯模式 插入|插入圖片、FLASH REALPLAYE和MEDIAPLAYE音樂影像、表格、移動字幕、水平線、 鏈接。修改|修改圖片屬性、FLASH屬性、表格和單元格、修改鏈接和刪除鏈接文本修改文本屬性，包括粗體、傾斜、下劃線、刪除線、上標、下標及文字顏色尺寸等三、在線網頁編輯器使用說明a）如何在編輯框中輸入文字 ？可以直接在編輯框內輸入文字。也可以在其他工具軟件（如WORD中編輯好文字后復制到編輯框中。b）如何將WOR文檔復制到編輯框？可以直接將 WOR中編輯好的

3、文章通過復制/粘貼操作，直接拷貝到編輯框中， 即方便,又美觀。 當然，也可以直接復制來自FrontPage , Dreameweaver等其他網頁制作軟件制作好的內容。以下介紹一個復制WOR內容到編輯框的樣例：吒料rr&B聞磚 w*聲出 -hj.滬 I'呼幵阿粗爭“烏也nTl . rf -陽氧，直P：減AL*B. i.H 曰量丄牌："書L K E二d山莊一珅亠 睛上*何巳碣用上曲1咼 芹審吭輔斫弔IWHk上祀a跡*州心同bjeTira#TXitrtail«vnrffii*» 麗怦5H7I町甘暑上母一WEJ匸汕卓町如 叫碗* !1廉冃1!窪*1上曙

4、¥需&*一出5iff rrrffihWpfft*.I CD fa/ 1)11)EJ"U£T ：= ：EO 4j ®上圖是一篇WORD的文檔，包括一些文字和表格。首先選中需要拷貝的內容，按CTRL_C項巨工具罕田片百克砌尤杯巨憎在騫蔓插人舸片囪怪峑然啟按一下工兵罕中的囹杭至盞韭更出一卜 ?？谇邢孪?除上傳城13片.也可艮淆幾di注號門圧凰匚” EESF電門透4黑屋片當廊上儒一搽固廿時.砸上系嶷已闔吟朋甘上朮劉肥務囂如製 耳P罔西申帰西汝搐人司3KEAB7*忒不需迎再戛忻二fr .口軽逸匡英m逐上悴旳區(qū)片即可無 九祐蝴rn或按下鼠標右鍵后選擇 “復制

5、”，將內容復制 到剪貼板中。然后將光標停留在編輯框中需要1、苜丹幻九對檸告拄硏苛抽人團匸的簽吉插入文檔的位置，按 Ctrl_V或按鼠標右鍵選擇“粘貼”，將剛才復制的內容粘貼到編輯框 中。通過這樣的復制/粘貼操作，WOR文檔中編輯好的文字和表格可以很容易得復制到編輯 框中，即方便又美觀（如左圖）。c）如何將網頁內容復制到編輯框?可以直接復制外部網頁的內容到編輯框中，甚至可以直接拖放網頁到編輯框。只要用鼠標選中需要復制的區(qū)域，然后復制選中的內容到剪帖板， 然后將光標停留在編輯框中，粘貼內 容即可。方法和復制 WOR文檔相同。需要注意的是，復制網頁內容的時候，圖片是從來源 網頁調用的。如果不能肯定來

6、源網頁一直會存在的話，最好將圖片保存后再上傳插入，否則源網頁一旦關閉，就再也看不到圖片了。d）如何修改文字字體、尺寸、顏色?使用網頁編輯器，可以直接修改編輯框中文字的字體和尺寸。本節(jié)中介紹如何在編輯器中改變文字的大小，字體，如何將文字加粗、傾斜。首先在編輯框內輸入文字，然后選中需要改編輯查看老）插入（X）修改迪1文本（?。┙韈|園圉鶴加菱睪丟孚 B 7三芒孳車3 &厠5）.我深佰無線生活方式將僉越來越重蔓，匕匪，3G下的手機應用將更加廣閽，手機與互聯(lián)網葩結舍將越 來越重曼，所以攬狐萎將無拔業(yè)務這場關系人們主活方式的革命進行下去，不僉因為這次挫折而不苒前進乜弘醪咽爾£詡專擊更說

7、礙a卿養(yǎng)蚪搜狙;是一個立足扶遠的公司，我們要建立一個基工常二 的為7珊胖能急功近科也不要腳一時的挫折而對衣粒去信心疏八年前在_無所有的情況T 貶回國創(chuàng)業(yè)就是基于對技木早命及中國改旱開旗崖立市壩經濟旳信心按孤到目麗的驅炳證買了我肖 初的信心是對的.7）n我們姜進一步推邊多元優(yōu)均衡發(fā)屣的榮略，帶亦搜孤目身持久的檢心竟爭力.我們今年在協(xié) 絡廣告，搜索，在線游戲電子商務片面已經取得了突出的進展，這才僅僅是開始，捜孤是一個堅韌刁 拔的公司，其爆發(fā)力將在一個校桜斛時閭里逐浙展現(xiàn)-誌們將步發(fā)揚搜孤文優(yōu)穡神，尊堇每個/ 并給毎個人創(chuàng)造盡可能的發(fā)展空迅繼續(xù)市坊導向，加強按術產品驅動，迫求務免 證弱艮卓越.剝 相

8、信.有搜孤一二官優(yōu)秀員工擰成一股繩，煥發(fā)二次創(chuàng)業(yè)的激情，勝禾陵歸屬與我們.呂宇恃設置-阿貫對話框背杲：口宇悴:|融細覃二 丸?。嚎兆屟?，T變字體或尺寸的文字，如上圖所示：選擇工具菜單中的丁圖標，彈出字體設置對話框（如左圖）?？梢苑謩e設置字體、文字大小、文字顏色和文字背景顏色。如果要將文字加粗，選中文字后按一下工具條中的a要將文字傾斜，選中文字后按一下工具條中的圖標，選中部分的文字就變粗了。如果圖標，選中部分的文字就傾斜了。e）如何制作移動字幕?向、高度、寬度、水平垂直間距、對齊方向、滾動方式、循環(huán)多少次（ 背景顏色、移動速度等項目。按一下工具條中的”圖標，彈出如左圖的移 動字幕對話框，可填寫

9、移 動字幕的名稱、內容，可 以設置移動字幕的移動方-1為無限循環(huán)）、移動字幕插入后在編輯模式是不移動的，可以使用工具條中的“”按鈕，切換到預覽模式，查看移動字幕的效果。f）如何給文字做上標、下標？文字上標、下標通常用于一些計量單位。如：米2。使用網頁編輯器可以很容易地制作上標和下標。例：將“米 2”中的“2”作為上標，也就是平方米。首先選中需要作為上標 的文字，如下圖左：選擇工具菜單中的“上標”，持特將式三產ft 二|宇IT知卜二r z U a段落略武二字體 二序庫大小二B Z U A A.1 s s s歹審一匚迂驚網.1 1宣嘗|車率一 |曰三為事|迢副井30血押共3000將選中部分就變成“

10、上標”了，如下圖右:同樣，選擇工具菜單中的“下標”，就可以做文字“下標”g）如何做文字下劃線、刪除線 ？首先選中需要做下劃線或刪除線的文字，按一下工具條中的“方出現(xiàn)下劃線。如：重點突出。同樣，按“圖標，選中的文字下圖標，文字中間出現(xiàn)刪除線。如：原價300元。選中一段文字，按一下工具條中的a”圖標，選中的部分居中對齊選中一段文字，按一下工具條中的標，選中的部分居右對齊選中一段文字，按一下工具條中的“”圖標，選中的部分居左對齊 i）如何給文字做鏈接 ？首先選中需要做鏈接的文字，然后按一下工具條中的”圖標，彈出鏈接對話框，如下圖：在URL欄中填寫需要鏈接的網址， 然后按“ ok”即可做好鏈接。 也可

11、以用同樣的方式 給圖片做鏈接，但是當圖片位于表格中的時候， 有時無法成功做鏈接。這是在線編輯器的局 限性。如果需要取消一個做好的鏈接，選中已經做了鏈接的文字段，選擇工具菜單中的修改-刪除鏈接即可。j）如何在編輯框中插入圖片使用網頁編輯器可以直接 在編輯框中插入圖片。 可以插入 一張新圖片，也可以插入以前已 經上傳的圖片，或在圖片庫中選 擇一張圖片。首先將光標停留在 需要插入圖片的位置，然后按一出插入圖片對話框。如左圖：選擇“上傳新圖 片”，再按“確定”，進入上 傳圖片的對話框，如左圖所示 按“瀏覽”查找你電腦中的圖片文件，選擇一張圖片后確認。選好圖片后，按下工具條中的“圖標，彈“確定”上傳圖片

12、。圖片上傳后會自動插入到光標停留的位置，如下圖這里暫時只介紹插入圖片，如何實現(xiàn)文字環(huán)繞圖片排列，將在下文中介紹。除了上傳插入圖片，也可以在圖片庫中選擇一張已經上傳過的圖片。當你上傳一張圖片時， 實際上系統(tǒng)已經將圖片上傳到服務器，存放在網站專用的圖片庫中。如果在其他網頁中需要再次插入同一張圖片時，就不需要再重新上傳， 只要選擇一張已經上傳的圖片即可插入。方法如下：3 fix團片一阿頁對話悵1、首先將光標停留在需要插入圖片的位置2、按一下工具條中的T”圖標，系統(tǒng)彈出插入圖片對話框。如下圖:選擇“從圖庫中選擇一張圖片”，按“確定”，彈出圖庫窗口，如下圖：在圖庫中，顯 示的是已經上傳的圖片。雙擊圖片，

13、或按下“選中”按鈕，圖片就會自動插入到編輯框中。一個網頁中可以插入多幅圖片，通過圖文混排，使網頁更顯美觀。如何實現(xiàn)文字環(huán)繞圖片排列，將在下文中詳細介紹。網頁制作小常識：網頁中可以顯示的圖片只有jpg、gif、png等圖片格式，如果是 bmp或psd等格式的圖片，即使上傳了，也無法在網頁中顯示。因此系統(tǒng)只允許上傳3種格式的圖片文件；另外，網頁中的圖片，一般都是需要經過壓縮處理的，如果圖片文件過大，上網條 件較差的就很難看到圖片。壓縮圖片和轉換圖片格式需要使用專門的圖片制作工具，如：PhotoShop， PhotoImpact等，也可以使用專門的圖片壓縮軟件。k）如何使文字環(huán)繞圖片 ？ 首先用鼠標

14、點中一張圖片 （下圖左）：選擇工具菜單中的“修改-> 圖片屬性”，彈出圖片屬性對話框 （下圖右）。在圖片屬性編輯窗口中： 可以選擇文字環(huán)繞圖片的方式、修改圖片路徑、修改ALT文字、設置圖片尺寸設置圖片外框寬度和外框顏色。L）如何插入表格?劭焉人表格一刪貝對話框單無移邊距:單元格間距;霸定|百分比二首先將光標停留在需要插入 表格的位置，按一下工具條中的 匿” 圖標。彈出窗口如左圖：確定表格的行數(shù)，列數(shù)、間 距、表格寬度、表格邊框等條件，然后按“確定”，插入一個空表格。當然，在編輯器中直接編輯表格還是比較麻煩的，建議在WORJDFRONTPAG等常用軟件中編輯好表格，然后復制到編輯框中。網頁

15、制作小知識： 當表格邊框是“ 1”的時候，表格不是很美觀；實際上，這并不是編輯器 的問題。真正的網頁設計師通常是將表格邊框設為“0”，再使用別的方式顯示出表格邊框。而且，在很多時候，表格常被網頁設計師用來作為網頁的排版分隔，這時候，表格的邊框一 般也是“ 0”。普通的網頁編輯器，如果表格邊框是“0”的話，就看不到表格，也就無法進行表格編輯。本系統(tǒng)特別提供了“輔助線”功能，專門用來編輯表格邊框為“0 ”的表格。使用輔助線的方法請參考：如何使用輔助線功能實現(xiàn)高級排版 m）如何修改表格屬性？修改表格屬性，就是修改表格的背景顏色，表格寬度、高度，表格邊框寬度等。首先使 用鼠標點一下表格的邊框，選中表格

16、。如下圖：選中表格后，選擇工具菜單中的“修改-> 表格屬性”圖標。彈出表格屬性對話框， 如下 圖（左）：修改表格背景顏色的方法： 在上圖（左）的背景顏色菜單 中選擇“背景顏色”， 窗口中出 現(xiàn)背景顏色選擇區(qū)，見上圖（右）中的 區(qū)域。點一下背景顏色選擇區(qū) ，彈出一個顏色選 擇對話框，可以選擇顏色。除了修改表格背景顏色，還可以修改表格的其他屬性，如單元格間距，單元格邊距，表 格邊框，表格寬度等。修改完成后按下“修改”按鈕即可。注意事項：在網頁內容較多，或有表格嵌套的時候，有時很難選中表格，或選中后無法彈出表格屬性窗口。多試幾次，一般都可以成功。顏色選擇功能需要IE6.0以上瀏覽器版本。n）如

17、何修改單元格屬性 ？修改單元格屬性包括：單元格寬度、高度，單元格中內容的位置。首先將光標停留在需 要編輯的單元格中。如下圖：圖標。彈出單元格屬按一下工具條中的性編輯框，如下圖: 單元格背景顏色：設定單元格背景顏色的方法，和設定表格屬性中背景顏色的方法相同 設定單元格的寬度 設定單元格的高度 單元格中內容的左右對齊方式 單元格中內容的上下對齊方式0）如何在表格中插入一行或一列？可以在表格中任意一行的上方或下方插入一行；也可以在任何一列的左側或右側插入一行。首先將光標停留在一個單元格中，選擇工具菜單中的修改，可分別執(zhí)行以下操作按“：”，可在該單元格所在的行上方插入一行按方插入一行,可在該單元格所在

18、的行下”，可在該單元格所在的列左側插入一列按側插入一列”，可在該單元格所在的列右，可刪除當前一行，可刪除當前一列P）如何使用“輔助線”實現(xiàn)高級排版？當表格邊框是“ 1”的時候，表格不是很美觀；實際上，這并不是編輯器的問題。真正 的網頁設計師通常是將表格邊框設為“ 0”，再使用別的方式顯示出表格邊框。而且，在很 多時候，表格常被網頁設計師用來作為網頁的排版分隔，這時候，表格的邊框一般也是“ 0”。本系統(tǒng)特別提供了“輔助線”功能，專門用來編輯表格邊框為“0”的表格。如果編輯框內有一個邊框為“ 0”的表格，該表格的邊框是看不到的，也不能選中表格 邊框進行表格屬性編輯。怎么辦呢？首先將光標停留在編輯框

19、內的任何位置。按一下工具條中的“址”圖標，這時，邊框為“0”的表格以虛線的方式展現(xiàn)在你的面前，如下圖：編輯（1）查君CI）插入（X憂改追）立本（Dm CM I SS1S feM M雪尋至 fi Z U T T f三三準竄|白劇現(xiàn)在看到了表格邊框（虛線），就可以對表格進行編輯了。如果需要隱藏這些虛線，再按 下“ J1”圖標就可以了。例：使用“輔助線”的功能，來進行一次排版工作我們打算將網頁內容分成上下兩大部分，下面部分分成三列:1、首先插入一個2行1列的表格，表格寬度是 100%邊框寬度為0。按一下工具條中的”圖標。將彈出窗口中的內容改成這樣（如下圖）:2、 按"確定”插入表格后，由于邊框是"0”，因此在編輯框內看不到表格3、按一下“ _!”，可以看到剛才插入的表格（虛線邊框）4、點中編輯框內的表格，將表格的高度拉到你希望的高度