網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 第 3章 制作頁面 第 1頁 本章概述 本章的學(xué)習(xí)目標(biāo) 主要內(nèi)容 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 本章概述 文本是網(wǎng)頁中最基本的元素，圖像和多媒體使得網(wǎng)頁豐富多彩，水平線讓網(wǎng)頁的結(jié)構(gòu)更清晰。超鏈接是網(wǎng)頁中非常重要的元素，如果沒有超鏈接，萬維網(wǎng)便如同一盤散沙。它們構(gòu)成了網(wǎng)頁的基本內(nèi)容。本章主要介紹利用功能強(qiáng)大的可視化設(shè)計(jì)工具 網(wǎng)頁中插入各種常見的對(duì)象，如文本、超鏈接、圖像對(duì)象、多媒體對(duì)象等以及相關(guān)的設(shè)置方式。 第 2頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 本章的學(xué)習(xí)目標(biāo) 掌握創(chuàng)建和編輯網(wǎng)頁文檔 掌握文本、圖像在網(wǎng)頁中的應(yīng)用 掌握創(chuàng)建超鏈接方法 了解多媒體對(duì)象和其他對(duì)象的應(yīng)用 第 3頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 主要內(nèi)容 置網(wǎng)頁文本 網(wǎng)頁添加圖像 入超鏈接 加多媒體對(duì)象 章小結(jié) 第 4頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 供了強(qiáng)大的網(wǎng)頁制作功能。 用它制作網(wǎng)頁十分簡(jiǎn)便。 創(chuàng)建網(wǎng)頁文檔 編輯和保存網(wǎng)頁 預(yù)覽網(wǎng)頁 繼續(xù)編輯網(wǎng)頁 第 5頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 創(chuàng)建網(wǎng)頁文檔 例 3在 第 6頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 第 7頁 編輯和保存網(wǎng)頁 例 3在 “頁面屬性”工具設(shè)置網(wǎng)頁的標(biāo)題、背景色、背景圖片等屬性。 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 第 8頁 預(yù)覽網(wǎng)頁 可以按 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 主要內(nèi)容 置網(wǎng)頁文本 網(wǎng)頁添加圖像 入超鏈接 加多媒體對(duì)象 章小結(jié) 第 9頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 設(shè)置網(wǎng)頁文本 文本是網(wǎng)頁制作中非常重要的元素之一，是向網(wǎng)頁訪問者提供信息的最為常用的方式。其組成了大部分網(wǎng)頁的結(jié)構(gòu)，清晰合理的文字可以使網(wǎng)頁訪問者快速獲取所需信息。 第 10頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 輸入文本 添加文本 在網(wǎng)頁中添加文本與在 以直接輸入文本；也可以從其他文檔中復(fù)制文本；還可以插入水平線和特殊字符等。 編輯文本 文本的編輯操作可以使用 “編輯”菜單中對(duì)應(yīng)的命令來完成，部分操作也可以先選中文本，然后右擊打開快捷菜單，利用快捷菜單中的命令來完成。 設(shè)置文本格式 使用文本 “屬性”面板，可以對(duì)頁面中插入的文本進(jìn)行相應(yīng)的編輯，從而使枯燥的文本更顯生動(dòng)。編輯文本的操作主要指設(shè)置文本的基本格式，如文本字體、字體顏色、對(duì)齊方式等。 第 11頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 段落格式化 在網(wǎng)頁文檔的設(shè)計(jì)視圖中，每輸入一段文本，按 使用“屬性”面板的“格式”選項(xiàng)可設(shè)置段落的格式。 落、標(biāo)題和預(yù)先格式化的。 使用列表格式化文本 使用列表可有效地將主題或數(shù)據(jù)與文檔的其他部分分開。 第 12頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 插入文本相關(guān)元素 例 3創(chuàng)建水平線。 插入日期 對(duì)象可以以任何喜歡的格式插入當(dāng)前日期 (包含或不包含時(shí)間都可以 )，并在每次保存文件時(shí)都自動(dòng)更新該日期。 插入字符 許在網(wǎng)頁中插入特殊字符。網(wǎng)頁中常用的特殊字符有 、 、 、 、 、 等。 第 13頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 主要內(nèi)容 置網(wǎng)頁文本 網(wǎng)頁添加圖像 入超鏈接 加多媒體對(duì)象 章小結(jié) 第 14頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 為網(wǎng)頁添加圖像 圖像是網(wǎng)頁制作中又一個(gè)重要的元素。要制作一個(gè)美觀而生動(dòng)的頁面，光有文本還不夠，還要配合美麗的圖片。圖像通常用來添加圖形界面 (如跳轉(zhuǎn)按鈕 )、具有視覺感染力的內(nèi)容 (如照片 )等。圖像在頁面中的恰當(dāng)運(yùn)用，不僅使得網(wǎng)頁更加美觀，而且令網(wǎng)頁表達(dá)信息更加直觀，吸引瀏覽者。 第 15頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 插入圖像 插入圖像最直接的方法是將站點(diǎn)中需要的圖像拖入到要放置圖像的位置。用戶也可以單擊 “常用”工具欄中的 “圖像”按鈕 旁的下拉按鈕，在彈出的 “圖像”下拉菜單中選擇相應(yīng)的命令，插入相應(yīng)的圖片對(duì)象。 第 16頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 設(shè)置圖像屬性 將圖像添加到頁面中后，如果圖像的大小和效果與頁面不協(xié)調(diào)，可通過圖像 “屬性”面板對(duì)圖像進(jìn)行一些必要的編輯。 第 17頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 設(shè)置鼠標(biāo)經(jīng)過圖像 用戶可以在頁面中插入鼠標(biāo)經(jīng)過圖像，鼠標(biāo)經(jīng)過圖像是一種在瀏覽器中查看并使用鼠標(biāo)指針移動(dòng)它時(shí)發(fā)生變化的圖像。 第 18頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 為網(wǎng)頁添加圖像 例 3制作圖文混排網(wǎng)頁，練習(xí)文檔屬性設(shè)置、文本格式的設(shè)置及圖像的插入與編輯等。 第 19頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 主要內(nèi)容 置網(wǎng)頁文本 網(wǎng)頁添加圖像 入超鏈接 加多媒體對(duì)象 章小結(jié) 第 20頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 插入超鏈接 超鏈接的概念 超鏈接是包含在網(wǎng)頁中，用于鏈接到其他網(wǎng)頁的元素。通過超鏈接可以把兩個(gè)或兩個(gè)以上的網(wǎng)頁關(guān)聯(lián)起來。 絕對(duì)超鏈接和相對(duì)超鏈接 超鏈接根據(jù)鏈接的對(duì)象路徑是否必須輸入完整，可分為絕對(duì)超鏈接和相對(duì)超鏈接兩種。 絕對(duì)超鏈接必須從計(jì)算機(jī)的盤符開始或從服務(wù)器的根目錄開始往下一直到指定的文件， 如。 相對(duì)超鏈接用于站點(diǎn)內(nèi)的文件鏈接。只需要寫出鏈接文件與當(dāng)前文件路徑中不同的部分即可。 第 21頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 創(chuàng)建超鏈接 創(chuàng)建文本超鏈接 文本鏈接的對(duì)象是文本，當(dāng)鼠標(biāo)指針經(jīng)過這些文本時(shí)，形狀發(fā)生改變，單擊可以打開另一個(gè)網(wǎng)頁。 創(chuàng)建圖像超鏈接 也可以為圖像設(shè)置鏈接，其操作流程和文本設(shè)置超鏈接類似，只是圖像鏈接的對(duì)象是圖像而已。 第 22頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 創(chuàng)建超鏈接 例 3為頁面添加錨記鏈接。 第 23頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 主要內(nèi)容 置網(wǎng)頁文本 網(wǎng)頁添加圖像 入超鏈接 加多媒體對(duì)象 章小結(jié) 第 24頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 添加多媒體對(duì)象 網(wǎng)頁中常用的多媒體對(duì)象主要分為 包括、 及各種音頻、視頻文件 (如 。 在網(wǎng)頁中應(yīng)用多媒體對(duì)象可以增強(qiáng)網(wǎng)頁的娛樂性和感染力，多媒體成為最有魅力的方式，也是潮流的方向。 第 25頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 背景音樂 在網(wǎng)頁中加入聲音，令網(wǎng)頁更具特色。網(wǎng)頁中的聲音可以是背景音樂，也可以是歌曲，由用戶選擇進(jìn)行播放。為頁面添加音樂有如下幾種方法。 用 “插件”添加音樂 也可通過 標(biāo)簽為網(wǎng)頁添加背景音樂。 通過普通的 標(biāo)簽來添加音樂 用 第 26頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 背景音樂 用 現(xiàn)了無需任何插件 支持，只需 瀏覽器 支持相應(yīng)的 第 27頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 嵌入 要在文檔代碼中插入 標(biāo)簽。 第 28頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 可以充當(dāng)瀏覽器插件的可重復(fù)使用的組件，像微型的應(yīng)用程序。 第 29頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 視頻對(duì)象 例 3在頁面中插入 第 30頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 例 3插入 第 31頁 網(wǎng)頁設(shè)計(jì)與制作教程 第 1章 網(wǎng)頁設(shè)計(jì)與制作基礎(chǔ) 主