《DW基礎(chǔ)教程》PPT課件.ppt

1、輸入網(wǎng)頁文本,文本標(biāo)題 文本段落 編輯文本格式 設(shè)置列表 高級(jí)文本查找和替換,本章介紹的主要內(nèi)容有：,軟件學(xué)習(xí)群254246435,1.文本標(biāo)題,1.啟動(dòng)軟件界面，“創(chuàng)建新項(xiàng)目”-“HTML”項(xiàng)目 2.選擇“文件/保存”命令，打開“另存為”對(duì)話框，在“文件名”文本框 中輸入網(wǎng)頁的名稱 3.打開屬性面板，進(jìn)行“頁面屬性”設(shè)置，在“頁面屬性”面板上設(shè)置字體、 大小、各個(gè)邊距為“0”,【軟件學(xué)習(xí)群254246435】,4.選擇“分類”列表中的“標(biāo)題/編碼”，在“標(biāo)題”文本框中輸入“文本” 其他保持默認(rèn)設(shè)置,5.在“常用”面板上選擇“表格”，插入一個(gè)1行3列，寬度為100%的表格。 其中“邊框粗細(xì)”、

2、“單元格邊距”、“單元格間距”都設(shè)置為“0”,【軟件學(xué)習(xí)群254246435】,6.將光標(biāo)插入到第2列表格中，在“屬性”面板中單擊“拆分單元格或行或列” 按鈕，在“拆分單元格”對(duì)話框中，設(shè)置“行數(shù)”為“3” 7.接著將第3列表格拆分為“2”行， 將光標(biāo)插入到第2列第2個(gè)單元格中， 單擊“常用”面板中的“圖像”按 鈕，插入圖像文件“01.gif” 8.將光標(biāo)插入到有圖像的單元格中， 在屬性面板上設(shè)置“水平”為“ 右對(duì)齊”，“垂直”為“底部”,【軟件學(xué)習(xí)群254246435】,9.移動(dòng)光標(biāo)到下一個(gè)單元格中，在屬性面板上設(shè)置“水平”為“右對(duì)齊”， “垂直”為“頂端”，然后在此單元格內(nèi)插入圖像“02.

3、jpg” 10.將光標(biāo)插入到第3列第2個(gè)單元格中，在屬性面板中，單擊“背景”文本框 后的“單元格背景URL”按鈕，選擇背景圖像“bg.jpg”,【軟件學(xué)習(xí)群254246435】,11.光標(biāo)插入到第1列表格中，輸入文本內(nèi)容的標(biāo)題“高性價(jià)比快樂” 12.選中文本標(biāo)題，在屬性面板中，選擇“垂直”-“頂端”選項(xiàng)，然后單擊 “居中對(duì)齊”按鈕，再單擊“格式”下拉列表，選擇“標(biāo)題4” 在“格式”下拉列表中，選擇不同的標(biāo)題，字體大小都不一樣，在 Dreamweaver中，格式列表中的標(biāo)題是“標(biāo)題1標(biāo)題2標(biāo)題3標(biāo)題4標(biāo) 題5標(biāo)題6”，使用時(shí)可以根據(jù)網(wǎng)頁的設(shè)計(jì)需要，選擇不同序號(hào)的標(biāo)題 格式。 13.再選中文本標(biāo)題

4、，設(shè)置文本顏色 為了更好地顯示標(biāo)題，使用時(shí)還可以通過圖像編輯軟件，制作不同字 體和樣式的文本標(biāo)題，然后將制作好的標(biāo)題圖像插入到網(wǎng)頁中。,【軟件學(xué)習(xí)群254246435】,2.文本段落,1.在“index.html”頁面中，光標(biāo)插入到文本標(biāo)題后，按Enter鍵，新建一個(gè)段落 2.插入一個(gè)1行1列、寬度為85%的表格，各個(gè)邊框?yàn)椤?” 3.在屬性面板上設(shè)置“水平”為“左對(duì)齊”，“垂直”為“頂端”，在光標(biāo)所處 的表格內(nèi)，輸入第一段文本內(nèi)容 4.光標(biāo)移動(dòng)到文本內(nèi)容的第1個(gè)字前，“文本”面板單擊“不換行空格”按鈕， 使段落的文字前空出兩個(gè)空格 5.將光標(biāo)移動(dòng)到文本段落的最后一個(gè)文字后面，單擊“文本”面板

5、上的“換行 符”按鈕，輸入第二段文本內(nèi)容。將光標(biāo)移動(dòng)到文本最后一個(gè)文字后，按Enter 鍵，新建一個(gè)段落，或單擊“代碼”按鈕，在光標(biāo)處輸入段落代碼標(biāo)簽,【軟件學(xué)習(xí)群254246435】,6.完成后，保存網(wǎng)頁，完成網(wǎng)頁的文本輸入和段落設(shè)置。按下F12鍵打開 瀏覽器瀏覽網(wǎng)頁效果。,【軟件學(xué)習(xí)群254246435】,3.編輯文本格式,3.1 設(shè)置和更改字體樣式 打開屬性面板，可以在面板上對(duì)其進(jìn)行各式選擇。 3.2 更改文本顏色,【軟件學(xué)習(xí)群254246435】,4.設(shè)置列表,1.將光標(biāo)插入到最后一個(gè)文字后面，在屬性面板上選擇“拆分”按鈕，將其拆 分為“2”行 2.拆分單元格之后，將光標(biāo)插入到單元格中

6、，輸入文本內(nèi)容，選中剛插入文本的 第1行文字，單擊屬性面板中的“粗體”按鈕，設(shè)置選中的字為粗體。 3.選中剛插入的所有文本內(nèi)容，設(shè)置文本顏色，選中粗體下面的所有文字 4.單擊“文本”面板上的“編號(hào)列表”按鈕，以有序的形式顯示文本列表 5.將光標(biāo)插入到最后一行文字下面，新添一個(gè)段落，然后輸入文本內(nèi)容，并設(shè)置 文本顏色，選中文本內(nèi)容單擊“項(xiàng)目列表” 如果要改變符號(hào)顯示方式，可以選中網(wǎng)頁中任一個(gè)項(xiàng)目列表的文本內(nèi)容，然后 選擇菜單“文本/列表/屬性”命令改變符號(hào)樣式。,【軟件學(xué)習(xí)群254246435】,5.高級(jí)文本查找和替換,1.選擇“編輯/查找和替換”，打開“查找和替換”對(duì)話框 2.在“查找范圍”下拉菜單中選擇“當(dāng)前文檔”選項(xiàng)，接著在“搜索”下拉 菜單中選