版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
1、自助建站系統(tǒng)使用說明 東方資源 EAST021.COM PAGE 12在線網(wǎng)頁編輯器使用說明使用在線網(wǎng)頁編輯器,可以通過瀏覽器,直接編輯網(wǎng)頁的內(nèi)容。以“所見即所得”的方式,實(shí)現(xiàn)網(wǎng)頁圖文混排。在網(wǎng)站管理系統(tǒng)中,大部分的網(wǎng)頁內(nèi)容都可以使用網(wǎng)頁編輯器進(jìn)行圖文混排編輯。甚至可以將現(xiàn)成的網(wǎng)頁內(nèi)容或WORD文檔的內(nèi)容拖放到編輯器中,直接生成網(wǎng)頁。一、在線線網(wǎng)頁編編輯器的的基本結(jié)結(jié)構(gòu)如下圖所所示:工具條:包括工工具菜單單和常用用功能的的圖標(biāo)按按鈕 模模式切換換:可以切切換編輯輯模式、HTMML代碼碼模式、預(yù)覽模模式、輔輔助線編編輯模式式編編輯框:顯示和和編輯內(nèi)內(nèi)容的地地方 = 4 * GB3 提交交:編輯輯
2、內(nèi)容后后按“提提交”按按鈕更新新內(nèi)容二、在線線網(wǎng)頁編編輯器工工具條說說明復(fù)制、粘粘貼、全全選、刪刪除、查查找功能能切換編編輯模式式、HTTML代代碼模式式、預(yù)覽覽模式、輔助線線編輯模模式插入入圖片、FLAASH、REAALPLLAYEER和MMEDIIAPLLAYEER音樂樂影像、表格、移動(dòng)字字幕、水水平線、鏈接。修改圖片片屬性、FLAASH屬屬性、表表格和單單元格、修改鏈鏈接和刪刪除鏈接接修改文文本屬性性,包括括粗體、傾斜、下劃線線、刪除除線、上上標(biāo)、下下標(biāo)及文文字顏色色尺寸等等三、在線線網(wǎng)頁編編輯器使使用說明明a) 如何在在編輯框框中輸入入文字?可以直接接在編輯輯框內(nèi)輸輸入文字字。也可以以
3、在其他他工具軟軟件(如如WORRD)中中編輯好好文字后后復(fù)制到編編輯框中中。b)如何何將WOORD文文檔復(fù)制制到編輯輯框?可以直接接將WOORD中中編輯好好的文章章通過復(fù)復(fù)制粘粘貼操作作,直接接拷貝到到編輯框框中,即即方便,又美觀觀。 當(dāng)當(dāng)然,也也可以直直接復(fù)制制來自FFronntPaage,Dreeameeweaaverr等其他他網(wǎng)頁制制作軟件件制作好好的內(nèi)容容。以下下介紹一一個(gè)復(fù)制制WORRD內(nèi)容容到編輯輯框的樣樣例:上圖是一一篇WOORD的的文檔,包括一一些文字字和表格格。首先先選中需需要拷貝貝的內(nèi)容容,按CTTRL_C或按按下鼠標(biāo)標(biāo)右鍵后后選擇“復(fù)制”,將內(nèi)內(nèi)容復(fù)制制到剪貼貼板中。然后
4、將將光標(biāo)停停留在編編輯框中中需要插插入文檔檔的位置置,按Ctrrl_VV或按鼠鼠標(biāo)右鍵鍵選擇“粘貼”,將剛剛才復(fù)制制的內(nèi)容容粘貼到編編輯框中中。通過過這樣的的復(fù)制/粘貼操操作,WWORDD文檔中中編輯好好的文字字和表格格可以很很容易得得復(fù)制到到編輯框框中,即即方便又又美觀(如左圖圖)。c) 如如何將網(wǎng)網(wǎng)頁內(nèi)容容復(fù)制到到編輯框框?可以以直接復(fù)復(fù)制外部部網(wǎng)頁的的內(nèi)容到到編輯框框中,甚甚至可以以直接拖拖放網(wǎng)頁頁到編輯輯框。只要用鼠鼠標(biāo)選中中需要復(fù)復(fù)制的區(qū)區(qū)域,然然后復(fù)制制選中的的內(nèi)容到到剪帖板板,然后后將光標(biāo)標(biāo)停留在在編輯框框中,粘粘貼內(nèi)容容即可。方法和和復(fù)制WWORDD文檔相相同。需需要注意意的是
5、,復(fù)制網(wǎng)網(wǎng)頁內(nèi)容容的時(shí)候候,圖片片是從來來源網(wǎng)頁頁調(diào)用的的。如果果不能肯肯定來源源網(wǎng)頁一一直會(huì)存存在的話話,最好好將圖片片保存后后再上傳傳插入,否則源網(wǎng)網(wǎng)頁一旦旦關(guān)閉,就就再也看看不到圖圖片了。d) 如如何修改改文字字字體、尺尺寸、顏顏色?使用網(wǎng)頁頁編輯器器,可以以直接修修改編輯輯框中文文字的字字體和尺尺寸。本本節(jié)中介介紹如何何在編輯輯器中改改變文字字的大小小,字體體,如何何將文字字加粗、傾斜。首先在在編輯框框內(nèi)輸入入文字,然后選選中需要要改變字字體或尺尺寸的文文字,如如上圖所示示:選擇擇工具菜菜單中的的圖標(biāo),彈出字字體設(shè)置置對話框框(如左左圖)。可以分分別設(shè)置置字體、文字大大小、文文字顏色色
6、和文字字背景顏顏色。如果要將將文字加粗粗,選中中文字后后按一下下工具條條中的“”圖標(biāo)標(biāo),選中中部分的的文字就就變粗了了。如果果要將文文字傾斜斜,選中中文字后后按一下下工具條條中的“”圖標(biāo)標(biāo),選中中部分的的文字就就傾斜了了。e) 如如何制作作移動(dòng)字字幕?按一下工工具條中中的 “”圖標(biāo)標(biāo),彈出出如左圖圖的移動(dòng)動(dòng)字幕對對話框,可填寫寫移動(dòng)字字幕的名名稱、內(nèi)內(nèi)容,可可以設(shè)置置移動(dòng)字字幕的移移動(dòng)方向向、高度度、寬度度、水平平垂直間間距、對對齊方向向、滾動(dòng)動(dòng)方式、循環(huán)多多少次(-1為為無限循循環(huán))、背景顏顏色、移移動(dòng)速度度等項(xiàng)目目。移動(dòng)字幕幕插入后后在編輯輯模式是是不移動(dòng)動(dòng)的,可可以使用用工具條條中的“”
7、按鈕,切換到到預(yù)覽模模式,查查看移動(dòng)動(dòng)字幕的的效果。f) 如如何給文文字做上上標(biāo)、下下標(biāo) ?文字上標(biāo)標(biāo)、下標(biāo)標(biāo)通常用用于一些些計(jì)量單單位。如如:米22 。使使用網(wǎng)頁頁編輯器器可以很很容易地地制作上上標(biāo)和下下標(biāo)。例例:將“米2”中的“2”作作為上標(biāo)標(biāo),也就就是平方方米。首首先選中中需要作作為上標(biāo)標(biāo)的文字字,如下下圖左: 選擇工工具菜單單中的“上標(biāo)”,選中中部分就就變成“上標(biāo)”了,如如下圖右右:同樣,選擇工具具菜單中的的“下標(biāo)”,就可可以做文文字“下下標(biāo)”g) 如如何做文文字下劃劃線、刪刪除線 ?首先選中中需要做做下劃線線或刪除除線的文文字,按一下下工具條條中的 “”圖圖標(biāo),選選中的文文字下方方出
8、現(xiàn)下下劃線。如:重點(diǎn)突突出。同樣,按按“”圖圖標(biāo),文文字中間間出現(xiàn)刪刪除線。如:原原價(jià)3000元。h) 如何將將段落居居中、居居左對齊齊 ?選中一段段文字,按一下下工具條條中的 “”圖圖標(biāo),選選中的部部分居中中對齊選選中一段段文字,按一下下工具條條中的 “”圖圖標(biāo),選選中的部部分居右右對齊選選中一段段文字,按一下下工具條條中的 “”圖圖標(biāo),選選中的部部分居左左對齊i) 如如何給文文字做鏈鏈接 ?首先選中中需要做做鏈接的的文字,然后按按一下工工具條中中的“”圖標(biāo),彈出鏈接對對話框,如下圖圖:在URLL一欄中中填寫需需要鏈接接的網(wǎng)址址,然后后按“ook”即即可做好好鏈接。也可以以用同樣樣的方式式給
9、圖片片做鏈接接,但是是當(dāng)圖片片位于表表格中的的時(shí)候,有時(shí)無無法成功功做鏈接接。這是是在線編編輯器的的局限性性。如果果需要取取消一個(gè)個(gè)做好的的鏈接,選中已已經(jīng)做了了鏈接的的文字段段,選擇擇工具菜菜單中的的 修改改 - 刪除除鏈接 即可。j) 如如何在編編輯框中中插入圖圖片 ?使用網(wǎng)頁頁編輯器器可以直直接在編編輯框中中插入圖圖片。可可以插入入一張新新圖片,也可以以插入以以前已經(jīng)經(jīng)上傳的的圖片,或在圖圖片庫中中選擇一一張圖片片。首先先將光標(biāo)標(biāo)停留在在需要插插入圖片片的位置置,然后后按一下下工具條條中的“”圖標(biāo)標(biāo),彈出出插入圖圖片對話話框。如如左圖:選擇擇“上傳傳新圖片片”,再再按“確確定” ,進(jìn)入入
10、上傳圖圖片的對對話框,如左圖所示示.按 “瀏覽”查找你電電腦中的的圖片文文件,選選擇一張張圖片后后確認(rèn)。選好圖圖片后,按 “確定”上上傳圖片片。圖片片上傳后后會(huì)自動(dòng)動(dòng)插入到到光標(biāo)停停留的位位置,如如下圖:這里暫時(shí)時(shí)只介紹紹插入圖圖片,如如何實(shí)現(xiàn)現(xiàn)文字環(huán)環(huán)繞圖片片排列,將在下下文中介介紹。除除了上傳傳插入圖圖片,也也可以在在圖片庫庫中選擇擇一張已已經(jīng)上傳傳過的圖圖片。當(dāng)你上傳傳一張圖圖片時(shí),實(shí)際上上系統(tǒng)已已經(jīng)將圖圖片上傳傳到服務(wù)務(wù)器,存存放在網(wǎng)網(wǎng)站專用用的圖片片庫中。如果在在其他網(wǎng)網(wǎng)頁中需需要再次次插入同同一張圖圖片時(shí),就不需需要再重重新上傳傳,只要要選擇一一張已經(jīng)經(jīng)上傳的的圖片即即可插入入。方
11、法法如下:1、首首先將光光標(biāo)停留留在需要要插入圖圖片的位位置2、按一下下工具條條中的“”圖標(biāo)標(biāo),系統(tǒng)統(tǒng)彈出插插入圖片片對話框框。如下下圖:選選擇“從從圖庫中中選擇一一張圖片片”,按按“確定定”,彈出圖圖庫窗口口,如下下圖:在在圖庫中中,顯示示的是已已經(jīng)上傳傳的圖片片。雙擊擊圖片,或按下下“選中中”按鈕鈕,圖片片就會(huì)自自動(dòng)插入入到編輯輯框中。一個(gè)網(wǎng)頁頁中可以以插入多多幅圖片片,通過過圖文混混排,使使網(wǎng)頁更更顯美觀觀。如何何實(shí)現(xiàn)文文字環(huán)繞繞圖片排排列,將將在下文文中詳細(xì)細(xì)介紹。網(wǎng)頁制作作小常識(shí)識(shí):網(wǎng)頁頁中可以以顯示的的圖片只只有jppg、ggif、pngg等圖片片格式,如果是是bmpp或pssd等
12、格格式的圖圖片,即即使上傳傳了,也也無法在在網(wǎng)頁中中顯示。因此系系統(tǒng)只允允許上傳傳3種格格式的圖圖片文件件;另外外,網(wǎng)頁頁中的圖圖片,一一般都是是需要經(jīng)經(jīng)過壓縮縮處理的的,如果果圖片文文件過大大,上網(wǎng)網(wǎng)條件較較差的就就很難看看到圖片片。壓縮縮圖片和和轉(zhuǎn)換圖圖片格式式需要使使用專門門的圖片片制作工工具,如如:PhhotooShoop,PPhottoImmpacct等,也可以以使用專專門的圖圖片壓縮縮軟件。k) 如如何使文文字環(huán)繞繞圖片 ?首先用鼠鼠標(biāo)點(diǎn)中中一張圖圖片(下下圖左):選擇工具具菜單中的的“修改改-圖圖片屬性性”,彈彈出圖片片屬性對對話框(下圖右右)。在圖片屬屬性編輯輯窗口中中:可以以
13、選擇文字字環(huán)繞圖圖片的方方式、修修改圖片片路徑、修改AALT文文字、設(shè)設(shè)置圖片片尺寸設(shè)設(shè)置圖片片外框?qū)拰挾群屯馔饪蝾伾?L) 如如何插入入表格?首先將光光標(biāo)停留留在需要要插入表表格的位位置,按一下下工具條條中的“”圖標(biāo)標(biāo)。彈出出窗口如如左圖:確定表格格的行數(shù)數(shù),列數(shù)數(shù)、間距距、表格格寬度、表格邊邊框等條條件,然然后按“確定”,插入入一個(gè)空空表格。當(dāng)然然,在編編輯器中中直接編編輯表格格還是比較較麻煩的的,建議在WWORDD,F(xiàn)ROONTPPAGEE等常用用軟件中中編輯好好表格,然后復(fù)復(fù)制到編編輯框中中。網(wǎng)頁制作作小知識(shí)識(shí):當(dāng)表表格邊框框是“1”的時(shí)候候,表格格不是很很美觀;實(shí)際上上,這并并不
14、是編編輯器的的問題。真正的的網(wǎng)頁設(shè)設(shè)計(jì)師通通常是將將表格邊邊框設(shè)為為“0”,再使使用別的的方式顯顯示出表表格邊框框。而且且,在很很多時(shí)候候,表格格常被網(wǎng)網(wǎng)頁設(shè)計(jì)計(jì)師用來來作為網(wǎng)網(wǎng)頁的排排版分隔隔,這時(shí)時(shí)候,表表格的邊邊框一般般也是“0”。普通通的網(wǎng)頁頁編輯器器,如果果表格邊邊框是“0”的話,就看不不到表格格,也就就無法進(jìn)進(jìn)行表格格編輯。本系統(tǒng)統(tǒng)特別提提供了“輔助線線”功能,專門用用來編輯輯表格邊邊框?yàn)椤?”的表格格。使用用輔助線線的方法法請參考考:如如何使用用輔助線線功能實(shí)實(shí)現(xiàn)高級(jí)級(jí)排版m) 如如何修改改表格屬屬性?修改表格格屬性,就是修修改表格格的背景景顏色,表格寬寬度、高高度,表表格邊框框
15、寬度等等。首先使使用鼠標(biāo)標(biāo)點(diǎn)一下下表格的的邊框,選中表表格。如如下圖:選中表格格后,選選擇工具具菜單中的的“修改改-表表格屬性性”圖標(biāo)標(biāo)。彈出出表格屬屬性對話話框,如如下圖(左):修改表格格背景顏顏色的方方法:在在上圖(左)的的背景顏顏色菜單單中選擇擇“背景景顏色”,窗口口中出現(xiàn)現(xiàn)背景顏顏色選擇擇區(qū),見見上圖(右)中的區(qū)域。點(diǎn)一下下背景顏顏色選擇擇區(qū),彈出出一個(gè)顏顏色選擇擇對話框框,可以選選擇顏色色。 除了了修改表表格背景景顏色,還可以以修改表表格的其其他屬性性,如單單元格間間距,單單元格邊邊距,表表格邊框框,表格格寬度等等。修改改完成后后按下“修改”按鈕即即可。注注意事項(xiàng)項(xiàng):在網(wǎng)網(wǎng)頁內(nèi)容容較
16、多,或有表表格嵌套套的時(shí)候候,有時(shí)時(shí)很難選選中表格格,或選選中后無無法彈出出表格屬屬性窗口口。多試試幾次,一般都都可以成成功。顏顏色選擇擇功能需需要IEE6.00以上瀏瀏覽器版版本。如何修改改單元格格屬性 ?修改單元元格屬性性包括:單元格格寬度、高度,單元格格中內(nèi)容容的位置置。首先先將光標(biāo)標(biāo)停留在在需要編編輯的單單元格中中。如下下圖:按一下工工具條中中的“”圖標(biāo)。彈出單單元格屬屬性編輯輯框,如如下圖:單元元格背景景顏色:設(shè)定單單元格背背景顏色色的方法法,和設(shè)設(shè)定表格格屬性中中背景顏顏色的方方法相同同設(shè)設(shè)定單元元格的寬寬度設(shè)定單單元格的的高度單元元格中內(nèi)內(nèi)容的左左右對齊齊方式單元元格中內(nèi)內(nèi)容的上
17、上下對齊齊方式0) 如如何在表表格中插插入一行行或一列列?可以在表表格中任任意一行行的上方方或下方方插入一一行;也也可以在在任何一一列的左左側(cè)或右右側(cè)插入入一行。首先將將光標(biāo)停停留在一一個(gè)單元元格中,選擇工工具菜單單中的 修改,可可分別執(zhí)執(zhí)行以下下操作按按 “”,可在在該單元元格所在在的行上上方插入入一行按按 “”,可在在該單元元格所在在的行下下方插入入一行按按 “”,可在在該單元元格所在在的列左左側(cè)插入入一列按按 “”,可在在該單元元格所在在的列右右側(cè)插入入一列按按 “”,可刪刪除當(dāng)前前一行按按 “”,可刪刪除當(dāng)前前一列p) 如如何使用用“輔助線線”實(shí)現(xiàn)高高級(jí)排版版?當(dāng)表格邊邊框是“1”的的
18、時(shí)候,表格不不是很美美觀;實(shí)實(shí)際上,這并不不是編輯輯器的問問題。真真正的網(wǎng)網(wǎng)頁設(shè)計(jì)計(jì)師通常常是將表表格邊框框設(shè)為“0”,再使用用別的方方式顯示示出表格格邊框。而且,在很多多時(shí)候,表格常常被網(wǎng)頁頁設(shè)計(jì)師師用來作作為網(wǎng)頁頁的排版版分隔,這時(shí)候候,表格格的邊框框一般也也是“00”。 本系系統(tǒng)特別別提供了了“輔助助線”功功能,專專門用來來編輯表表格邊框框?yàn)椤?0”的表表格。如果編輯輯框內(nèi)有有一個(gè)邊邊框?yàn)椤?”的的表格,該表格格的邊框框是看不不到的,也不能能選中表表格邊框框進(jìn)行表表格屬性性編輯。怎么辦辦呢?首先將光光標(biāo)停留留在編輯輯框內(nèi)的的任何位位置。按按一下工工具條中中的“”圖標(biāo),這時(shí),邊框?yàn)闉椤?”
19、的表格格以虛線線的方式式展現(xiàn)在在你的面面前,如如下圖:現(xiàn)在看到到了表格格邊框(虛線),就可可以對表表格進(jìn)行行編輯了了。如果需需要隱藏藏這些虛虛線,再再按一下下“”圖標(biāo)就可可以了。例:使用用“輔助線線”的功能能,來進(jìn)進(jìn)行一次次排版工工作我們們打算將將網(wǎng)頁內(nèi)內(nèi)容分成成上下兩兩大部分分,下面面部分分分成三列列:1、首先插插入一個(gè)個(gè)2行11列的表表格,表表格寬度度是1000%,邊框?qū)拰挾葹?0。按一一下工具具條中的的“”圖標(biāo)。將彈出出窗口中中的內(nèi)容容改成這這樣(如下圖圖):2、按“確定”插入表表格后,由于邊邊框是“0”,因此此在編輯輯框內(nèi)看看不到表表格3、按一下下“”,可以以看到剛剛才插入入的表格格(虛線線邊框)4、點(diǎn)點(diǎn)中編輯輯框內(nèi)的的表格,將表格格的高度度拉到你你希望的的高度。5、將將光標(biāo)停停留在下下方的單單元格中中,再插插入一個(gè)個(gè)1行33列的表表格。66、按22次“”,使新新插入的的表格邊邊框也能能被顯示示出來77、調(diào)整整表格和和單元格格的高度度,以達(dá)達(dá)到你的的要求。8、看看看,編編輯框中中是否出出現(xiàn)了這這樣的虛虛線框架架(如下下圖):9
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 吉林省長春市南關(guān)區(qū)2024-2025學(xué)年八年級(jí)上學(xué)期10月期中生物試題(含答案)
- 低空經(jīng)濟(jì)產(chǎn)業(yè)園時(shí)間安排方案
- 贛南師范大學(xué)《電視名專欄研究》2022-2023學(xué)年第一學(xué)期期末試卷
- 阜陽師范大學(xué)《音樂學(xué)科課程與教學(xué)技能實(shí)訓(xùn)》2022-2023學(xué)年第一學(xué)期期末試卷
- 阜陽師范大學(xué)《公共工程項(xiàng)目管理》2022-2023學(xué)年第一學(xué)期期末試卷
- 福建師范大學(xué)協(xié)和學(xué)院《國際服務(wù)貿(mào)易》2021-2022學(xué)年第一學(xué)期期末試卷
- 福建師范大學(xué)《寫意花鳥畫》2023-2024學(xué)年第一學(xué)期期末試卷
- 福建師范大學(xué)《課堂教學(xué)技能》2022-2023學(xué)年第一學(xué)期期末試卷
- 第8章 SOPC技術(shù)開發(fā)概述課件
- 檔案交接文據(jù)(歸檔)
- 2023年湖南長沙環(huán)境保護(hù)職業(yè)技術(shù)學(xué)院招聘專任教師筆試參考題庫(共500題)答案詳解版
- 南京玄武區(qū)某校2023-2024五年級(jí)上冊語文期中試卷及答案
- 國企公司經(jīng)理層年度(任期)經(jīng)營業(yè)績考核及薪酬辦法 附反饋表與評估表
- 中國(教育部)留學(xué)服務(wù)中心社會(huì)招聘筆試試題及答案2022
- 幼兒園優(yōu)質(zhì)公開課:中班健康《逃生大闖關(guān)》課件
- 白酒基礎(chǔ)知識(shí)培訓(xùn)課件
- 《牢固樹立國家安全觀-國家安全教育學(xué)習(xí)》教案 第11課 科技安全
- 防校園欺凌-課件(共28張PPT)
- 酥性餅干成型機(jī)棍印餅干成型機(jī)安全操作及保養(yǎng)規(guī)程
- 2023年自考馬克思真題及答案
- 普通高中地理課程標(biāo)準(zhǔn)2004年
評論
0/150
提交評論