資源描述：
《dw教程--二、制作圖文混排頁(yè)面》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。
1、第二節(jié)?制作文字與圖像混排的頁(yè)面我們已經(jīng)描繪了小屋的藍(lán)圖，從現(xiàn)在開(kāi)始，為我們的小屋添磚加瓦吧。打開(kāi)01.html，制作一個(gè)圖文混排的簡(jiǎn)單頁(yè)面。?一、頁(yè)面的總體設(shè)置????1、設(shè)置頁(yè)面的頭內(nèi)容????頭內(nèi)容再瀏覽器中是不可見(jiàn)的，但是卻攜帶著網(wǎng)頁(yè)的重要信息，如關(guān)鍵字、描述文字等，還可以實(shí)現(xiàn)一些非常重要的功能，如自動(dòng)刷新功能。????鼠標(biāo)左鍵單擊插入工具欄最左邊按鈕旁的下拉小三角，在彈出菜單中選擇“HTML”項(xiàng)，出現(xiàn)“文件頭”按鈕，點(diǎn)開(kāi)下拉菜單，就可以進(jìn)行頭內(nèi)容的設(shè)置了。設(shè)置標(biāo)題，網(wǎng)頁(yè)標(biāo)題可以是中文、英文或符號(hào)，顯示在瀏覽器的標(biāo)
2、題欄中。我們直接在設(shè)計(jì)窗口上方的標(biāo)題欄內(nèi)輸入或更改，就可以完成網(wǎng)頁(yè)標(biāo)題的編輯了。插入關(guān)鍵字，關(guān)鍵字用來(lái)協(xié)助網(wǎng)絡(luò)上的搜索引擎尋找網(wǎng)頁(yè)。要想讓更多的人看見(jiàn)你的網(wǎng)站，這項(xiàng)要好好填哦^_^單擊上圖所示的“關(guān)鍵字”項(xiàng)，彈出“關(guān)鍵字”對(duì)話框，填入關(guān)鍵字即可。?插入META，META標(biāo)記用于記錄當(dāng)前網(wǎng)頁(yè)的相關(guān)信息，如編碼，作者，版權(quán)等，也可以用來(lái)給服務(wù)器提供信息。單擊上圖所示的“META”項(xiàng)，彈出“META”對(duì)話框，在“屬性”欄選擇“名稱”屬性，在“值”文本框中輸入相應(yīng)的值，可以定義相應(yīng)的信息。???author—作者信息，copyri
3、ght—版權(quán)聲明，generator—網(wǎng)頁(yè)編輯器。2、設(shè)置頁(yè)面屬性???單擊“屬性欄”中的“頁(yè)面屬性”按鈕，打開(kāi)的“頁(yè)面屬性”對(duì)話框。設(shè)置外觀，“外觀”是設(shè)置頁(yè)面的一些基本屬性。我們可以定義頁(yè)面中的默認(rèn)文本字體、文本字號(hào)、文本顏色、背景顏色和背景圖像等。我們?cè)O(shè)置頁(yè)面的所有邊距為0。設(shè)置鏈接，“鏈接”選項(xiàng)內(nèi)是一些與頁(yè)面的鏈接效果有關(guān)的設(shè)置?！版溄宇伾倍x超鏈接文本默認(rèn)狀態(tài)下的字體顏色，“變換圖像鏈接”定義鼠標(biāo)放在鏈接上時(shí)文本的顏色，“已訪問(wèn)鏈接”定義訪問(wèn)過(guò)的鏈接的顏色，“活動(dòng)鏈接”定義活動(dòng)鏈接的顏色?！跋聞澗€樣式”可以定義
4、鏈接的下劃線樣式。設(shè)置標(biāo)題，“標(biāo)題”用來(lái)設(shè)置標(biāo)題字體的一些屬性。如下圖所示，在左側(cè)“分類”列表中選擇“標(biāo)題”，這里的標(biāo)題指的并不是頁(yè)面的標(biāo)題內(nèi)容，而是可以應(yīng)用在具體文章中各級(jí)不同標(biāo)題上的一種標(biāo)題字體樣式。我們可以定義“標(biāo)題字體”及6種預(yù)定義的標(biāo)題字體樣式，包括粗體、斜體、大小和顏色。按自己的喜歡的風(fēng)格設(shè)置吧。二、文本的插入與編輯????1、插入文本????要向Dreamweaver文檔添加文本，可以直接在Dreamweaver“文檔”窗口中鍵入文本，也可以剪切并粘貼，還可以從word文檔導(dǎo)入文本。????用鼠標(biāo)在文檔編輯窗
5、口的空白區(qū)域點(diǎn)一下，窗口中出現(xiàn)閃動(dòng)的光標(biāo)，提示文字的起始位置，將01.rar中的文字素材復(fù)制/粘貼進(jìn)來(lái)。????2、編輯文本格式????網(wǎng)頁(yè)的文本分為段落和標(biāo)題兩種格式。????在文檔編輯窗口中選中一段文本，在屬性面板“格式”后的下拉列表框中選擇“段落”把選中的文本設(shè)置成段落格式。????“標(biāo)題1”到“標(biāo)題6”分別表示各級(jí)標(biāo)題，應(yīng)用于網(wǎng)頁(yè)的標(biāo)題部分。對(duì)應(yīng)的字體由大到小，同時(shí)文字全部加粗。????另外，在屬性面板中可以定義文字的字號(hào)、顏色、加粗、加斜、水平對(duì)齊等內(nèi)容。????3、設(shè)置字體組合????Dreamweaver8預(yù)
6、設(shè)讀的可供選擇的字體組合只有6項(xiàng)英文字體組合，要想使用中文字體，必須重新編輯新的字體組合，在“字體”后的下拉列表框中選擇“編輯字體列表”，彈出“編輯字體列表”對(duì)話框：?4、文字的其它設(shè)置????文本換行，按Enter鍵換行的行距較大（在代碼區(qū)生成
標(biāo)簽），按Enter＋Shift鍵換行的行間距較?。ㄔ诖a區(qū)生成
標(biāo)簽）。????文本空格，我們選擇編輯/首選參數(shù)，在彈出得對(duì)話框中左側(cè)的分類列表中選擇“常規(guī)”項(xiàng)，然后在右邊選“允許多個(gè)連續(xù)的空格”項(xiàng)，我們就可以直接按“空格”鍵給文本添加空格了。特殊字符，要向網(wǎng)
7、頁(yè)中插入特殊字符，需要在快捷工具欄選擇“文本”，切換到字符插入欄，單擊文本插入欄的最后一個(gè)按鈕，可以向網(wǎng)頁(yè)中插入相應(yīng)的特殊符號(hào)。插入列表，列表分為兩種，有序列表和無(wú)序列表，無(wú)序列表沒(méi)有順序，每一項(xiàng)前邊都以同樣的符號(hào)顯示，有序列表前邊的每一項(xiàng)有序號(hào)引導(dǎo)。在文檔編輯窗口中選中需要設(shè)置的文本，在屬性面板中單擊，則選中的文本被設(shè)置成無(wú)序列表，單擊則被設(shè)置成有序列表。???插入水平線，水平線起到分隔文本的排版作用，選擇快捷工具欄的“HTML”項(xiàng)，單擊HTML欄的第一個(gè)按鈕，即可向網(wǎng)頁(yè)中插入水平線。選中插入的這條水平線，可以在屬性面板
8、對(duì)它的屬性進(jìn)行設(shè)置。????插入時(shí)間，在文檔編輯窗口中，將鼠標(biāo)光標(biāo)移動(dòng)到要插入日期的位置，單擊常用插入欄的“日期”按鈕，在彈出的“插入日期”對(duì)話框中選擇相應(yīng)的格式即可。???三、插入圖像目前互聯(lián)網(wǎng)上支持的圖像格式主要有GIF、JPEG和PNG。其中使用最為廣泛的是GIF和JPEG。???1、插入圖像??
