網(wǎng)頁(yè)設(shè)計(jì)時(shí)的文本輸入和編輯

  • 2019-07-23 11:25:48
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來(lái)源:http://51zuanshi.com.cn

文本的輸入和編輯是網(wǎng)頁(yè)制作中最基本的操作。只要用過(guò)Word軟件,就可以輕松地掌握本部分內(nèi)容。下面介紹如何在網(wǎng)頁(yè)設(shè)計(jì)時(shí)使用Dreamweaver完成文本輸入和編輯。

輸入文本

【操作步驟】

第1步,啟動(dòng)Dreamweaver,選擇【文件】|【新建】命令,或者按Ctrl+N快捷鍵,打開(kāi)【新建文檔】對(duì)話框,保持默認(rèn)設(shè)置,單擊【創(chuàng)建】按鈕,新建一個(gè)空白的HTML 5文檔。

提示:如果需要打開(kāi)已經(jīng)編輯好的文檔,可以選擇【文件】|【打開(kāi)】命令,或者按Ctrl+O快捷鍵,在打開(kāi)的對(duì)話框中選擇要打開(kāi)的文檔。

第2步,在設(shè)計(jì)視圖下,可以看到編輯窗口中顯示一個(gè)空白頁(yè)面,將鼠標(biāo)指針置于該頁(yè)面的文檔窗口中單擊,將光標(biāo)定位到頁(yè)面中。

第3步,在編輯窗口中輸入文本。輸入方法如同在Word等字處理軟件中一樣方便。輸入完一段文本后按Enter鍵,另起一段可以繼續(xù)輸入文本。

第4步,輸入完一行后按Shift+Enter快捷鍵,就可以插入一個(gè)換行符。該符號(hào)表示換行輸入,但不是另起一段,所以,有換行符的多行文本還應(yīng)看成是一個(gè)段落。

提示:如果頁(yè)面中沒(méi)有顯示換行符圖標(biāo),則選擇【查看】|【可視化助理】|【不可見(jiàn)元素】命令。進(jìn)行以上操作后,如果頁(yè)面中仍然沒(méi)有顯示該圖標(biāo),那么選擇【編輯】|【首選參數(shù)】命令,在彈出的對(duì)話框中選擇【不可見(jiàn)元素】選項(xiàng),然后選中右邊的【換行符】復(fù)選框即可。

【拓展】也可以通過(guò)復(fù)制粘貼的方法快速輸入,方法是在其他窗口或界面中先選中復(fù)制文本,然后回到Dreamweaver編輯窗口中,把光標(biāo)置于需要插入文本的地方,按Ctrl+V快捷鍵粘貼即可。

第5步,輸入完畢,選擇【文件】|【保存】命令,或者按Ctrl+S快捷鍵,打開(kāi)【另存為】對(duì)話框,設(shè)置文檔的名稱和保存位置,最后單擊【保存】按鈕即可。

注意:網(wǎng)頁(yè)文檔的擴(kuò)展名一般為.html或.htm,不要保存為文本文件(.txt)或者Word格式(.doc)。

第6步,按F12鍵,在瀏覽器中預(yù)覽。

導(dǎo)入文本

網(wǎng)頁(yè)設(shè)計(jì)時(shí),利用Dreamweaver提供的導(dǎo)入命令,可以大批量地導(dǎo)入外部文件中的文本,例如Word文檔、Excel文檔、表格式數(shù)據(jù)等。

1、導(dǎo)入Word文檔

【操作步驟】

第1步,準(zhǔn)備好Word文檔。

第2步,啟動(dòng)Dreamweaver,新建一個(gè)空白的HTML文檔,保存為test.html。

第3步,把光標(biāo)置于網(wǎng)頁(yè)文檔中,選擇【文件】|【導(dǎo)入】|【W(wǎng)ord文檔】命令,打開(kāi)【導(dǎo)入Word文檔】對(duì)話框。

第4步,單擊【打開(kāi)】按鈕,即可把“柳永簡(jiǎn)介.docx”文檔中的內(nèi)容導(dǎo)入到網(wǎng)頁(yè)文檔中。

2. 導(dǎo)入Excel文檔

在Excel文檔中,只需要選擇【文件】|【導(dǎo)入】|【Excel文檔】命令,即可把該文檔導(dǎo)入到網(wǎng)頁(yè)中。

在有些情況下,可以看到系統(tǒng)自動(dòng)增加表格來(lái)實(shí)現(xiàn)對(duì)Excel文檔的組織。通過(guò)復(fù)制粘貼的方式也可以實(shí)現(xiàn)相通的目的。

3. 導(dǎo)入表格式數(shù)據(jù)

表格式數(shù)據(jù)是按著一定格式排列的數(shù)據(jù),一般多指文本文件中按一定分隔符號(hào)排列的數(shù)據(jù)。選擇【文件】|【導(dǎo)入】|【表格式數(shù)據(jù)】命令,打開(kāi)【導(dǎo)入表格式數(shù)據(jù)】對(duì)話框。

在【導(dǎo)入表格式數(shù)據(jù)】對(duì)話框中選擇數(shù)據(jù)文件,并設(shè)置數(shù)據(jù)之間的定界符,其他選項(xiàng)可以保持默認(rèn),在導(dǎo)入之后仍然可以進(jìn)行設(shè)置。

編輯文本

輸入文本后需要對(duì)文本進(jìn)行編輯,主要包括文本的選定、復(fù)制、刪除、移動(dòng)等操作。在Dreamweaver中進(jìn)行文本的編輯與在Word中的方法基本相同。

1. 復(fù)制文本

如果文檔中出現(xiàn)大量相同的文本,或者頻繁出現(xiàn)相同的文本,就可以通過(guò)復(fù)制文本完成文本的輸入。

【操作步驟】

第1步,選中需要復(fù)制的文本,這時(shí)被選中的文本將高亮顯示。

第2步,選擇【編輯】|【拷貝】命令。第3步,單擊要復(fù)制文本的位置,然后選擇【編輯】|【粘貼】命令。

技巧:復(fù)制文本還可以使用更簡(jiǎn)單的方法—選定要復(fù)制的文本,然后按住Ctrl鍵,將復(fù)制文本拖動(dòng)到目標(biāo)文本處即可。

2. 移動(dòng)文本移動(dòng)文本操作就是將選中的文本從一個(gè)位置移動(dòng)到另一個(gè)位置。

【操作步驟】

第1步,選中要移動(dòng)的文本。

第2步,選擇【編輯】|【剪切】命令。

第3步,將鼠標(biāo)指針置于目標(biāo)位置,然后選擇【編輯】|【粘貼】命令。

技巧:移動(dòng)文本最簡(jiǎn)單的方法是,選中要移動(dòng)的文本,按住鼠標(biāo)左鍵拖動(dòng)鼠標(biāo)指針至目標(biāo)位置,然后釋放鼠標(biāo)左鍵,即可完成移動(dòng)操作。3. 刪除文本如果文檔中出現(xiàn)錯(cuò)誤,需要?jiǎng)h除一部分內(nèi)容,這時(shí)就要進(jìn)行刪除操作。

【操作步驟】

第1步,選中要?jiǎng)h除的文本。

第2步,選擇【編輯】|【清除】命令,或者直接按Delete鍵刪除文本。

技巧:以上3項(xiàng)操作可通過(guò)菜單命令完成,也可以使用快捷菜單完成。選中文本以后,在文本上右擊,文檔窗口中將彈出快捷菜單。選擇快捷菜單中的相應(yīng)命令,就可以進(jìn)行復(fù)制、移動(dòng)和刪除等操作。


當(dāng)前文章標(biāo)題:網(wǎng)頁(yè)設(shè)計(jì)時(shí)的文本輸入和編輯

當(dāng)前URL:http://51zuanshi.com.cn/news/wzzz/3058.html

上一篇:網(wǎng)站建設(shè)時(shí)的CSS特性

下一篇:在網(wǎng)頁(yè)設(shè)計(jì)中設(shè)置文本基本屬性

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營(yíng)銷咨詢專線:181-8386-5875(點(diǎn)擊可一鍵撥號(hào))