【正文】 文本包括聲音、圖片、 視頻、動畫等當(dāng)然也包括文本。我個人認(rèn)為，作為一個網(wǎng)頁制作的愛好者，需要有一個良好的工作習(xí)慣，很多朋友在學(xué)習(xí)時喜歡隨心所欲的實驗軟件的各種功能，而缺乏系統(tǒng)的、正確的工作方式。我們選擇面向設(shè)計者的設(shè)計視圖布局。學(xué)習(xí)目標(biāo) 1 、 知 識 目 標(biāo) ： 了 解 網(wǎng) 頁 制 作 工 具dreamweaver8。 標(biāo)題顯示欄 啟動 Macromedia Dreamweave 8 后，標(biāo)題欄將顯示文字Macromedia Dreamweave ，新建或打開一個文檔后，在后面還會顯示該文檔所在的位置和文件名稱。例如新 建，打開，保存，另存為，導(dǎo)入，輸出打印等。 插入：用來插入各種元素，例如圖片、多媒體組件，表格、 11 框架及超級鏈接等。例如按下 F1 鍵， 就會打開電子幫助文本 插入面板組 插入面板集成了所有可以在網(wǎng)頁應(yīng)用的對象包括“插入”菜單中的選項。 標(biāo)準(zhǔn)工具欄 “標(biāo)準(zhǔn)”工具欄包含來自“文件”和“編輯”菜單中的一般操作的按鈕：“ 新建”、“打開”、“保存”、“保存全部”、“剪切”、“復(fù)制”、“粘貼”、“撤消”和“重做”。在該視圖中， Dreamweaver 顯示文檔的完全可編輯的可視化表示形式，類似于在瀏覽器中查看頁面時看到的內(nèi)容。標(biāo)簽選擇器顯示環(huán)繞當(dāng)前選定內(nèi)容的標(biāo)簽的層次結(jié)構(gòu)。例如，當(dāng)前選擇了一幅圖像，那么屬性面板上就出現(xiàn)該圖像的相關(guān)屬性；如果選擇了表格，那么屬性面板會相應(yīng)的變化成表格的相關(guān)屬性。 終于把 Dreamweave 8 的基本工作界面介紹完了，你是否已經(jīng)了解它？從現(xiàn)在開始，讓我們一起來建造一座小房子 。 要制作一個能夠被大家瀏覽的網(wǎng)站，首先需要在本地磁盤上制作這個網(wǎng)站，然后把這個網(wǎng)站傳到互聯(lián)網(wǎng)的 web 服務(wù)器上。為了達(dá)到最佳效果，在創(chuàng)建任何 Web 站點頁面之前，要對站點的結(jié)構(gòu)進行設(shè)計和規(guī)劃。搭建站學(xué)習(xí)目標(biāo) 知識目標(biāo)： 學(xué)會站點的搭建和管理。 在搭建站點前，我們先在自己的電腦硬盤上建一個以英文或數(shù)字命名的空文件夾 (漢字的也可以 ,不過容易出錯 )。下面選擇“基本”標(biāo)簽。出現(xiàn)向?qū)?的下一個界面，詢問是否要使用服務(wù)器技術(shù)。 單擊“完成”按鈕，結(jié)束“站點定義“對話框的設(shè)置。 新建文件夾，在文件面板的站點跟目錄下單擊鼠標(biāo)右鍵，從彈出菜單中選擇“新建文件夾” 18 項，然后給文件夾命名。 文件與文件夾的管理 對建立的文件和文件夾，可以進行移動、復(fù)制、重命名和刪除等基本的管理操作。文字是構(gòu)成網(wǎng)頁的重要表達(dá)工具，在網(wǎng)頁的編寫過程中，通常會對編寫的文字進行設(shè)置和操作。 編輯文本格式 網(wǎng)頁的文本分為段落和標(biāo)題兩種格式。 另外，在屬性面板中可以定義文字的字號、顏色、加 粗、加斜、水平對齊等內(nèi)容。 插入列表，列表分為兩種，有序列表和無序列表，無序列表沒有順序，每一項前邊都以同樣的符號顯示，有序列表前邊的每一項有序號引導(dǎo)。 插入時間，在文檔編輯窗口中，將鼠標(biāo)光標(biāo)移動到要插入日期的位置，單擊常用插入欄的“日期”按鈕，在彈出的“插入日期”對話框中選擇相應(yīng)的格式即可。 3）字體的修飾，包括正常和 斜體 。 評價內(nèi)容 自評 互評 師評 評一評 同學(xué)們，本節(jié)課你的表現(xiàn)怎樣呢？快來評一評吧？ 24 第五課 插入圖像 合作探究 知識掌握 學(xué)習(xí)態(tài)度 發(fā)現(xiàn)思考 學(xué)習(xí)效果 注： 評價時用 “☆ ”表示，優(yōu)是 3 個 “☆ ”，良是 2 個 “☆ ”，達(dá)標(biāo)是 1 個 “☆ ” 看一看 25 目前互聯(lián)網(wǎng)上支持的圖像格式主要有 GIF、 JPEG 和 PNG。 彈出的 “ 選擇圖像源文件 ” 對話框，選擇 img/，單擊 “ 確定 ” 按鈕就把圖像 插入到了網(wǎng)頁中。 26 注意：如果我們在插入圖片的時候，沒有將圖片保存在站點根目錄下，會彈出下圖所示的對話框，提醒我 們要把圖片保存在站點內(nèi)部，這時單擊 “ 是 ” 按鈕， 然后選擇本地站點的路徑將圖片 27 保存，圖像也可以被插入到網(wǎng)頁中。 2. 技能目標(biāo)： 會 設(shè)置圖像屬性 ,會插入圖像占位符 ,知道圖像占位符在網(wǎng)頁中的作用和意義。當(dāng)圖像的大小改變時，屬性欄中“寬”和“高”的數(shù)值會以粗體顯示，并在旁邊出現(xiàn)一個弧形箭頭，單擊它可以恢復(fù)圖像的原始大小。 單擊屬性面板中的 對齊按鈕，可以分別將圖像設(shè)置成瀏覽器居左對齊、居中對齊、居右對齊。 插入圖像占位符，在我們布局頁面時，如果要在網(wǎng)頁中插入一張圖片，可以先不制作圖片，而是使用占位符來代替圖片位置。這兩張圖片要大小相等，如果不相等， DW自動調(diào)整次圖片的大小跟主圖像大小一致。 一、插入并編輯表格 插入表格 在文檔窗口中，將光標(biāo)放在需要創(chuàng)建表格的位置，單擊“常用”快捷欄中的表格按鈕彈出的“表格”對話框，指定表格的屬性后，在文檔窗口中插入設(shè)置的表格。 “表格寬度”文本框用來設(shè)置表格的寬度，可以填入數(shù)值，緊隨其后的下拉列表框用來設(shè)置寬 度的單位，有兩個選項 —— 百分比和像素。 “邊框粗細(xì)”用來設(shè)置表格的邊框的寬度。 “摘要” 可以在這里對表格進行注釋。 要選擇某一行或某一列，將光標(biāo)移動到行左側(cè)或列上方，鼠標(biāo)指針變?yōu)橄蛴一蛳蛳碌募^圖標(biāo)時，單擊即可。 看一看 學(xué)習(xí)目標(biāo) 知識目標(biāo)：利用表格屬性設(shè)置表格 利用表格屬性對表格整體和單元格進行設(shè)置 技能目標(biāo)：情感、態(tài)度和價值觀目標(biāo)：培養(yǎng)學(xué)生的自學(xué)能力和審美能力。 “背景顏色”文本框用來設(shè)置表格的背景顏色。 單元格屬性 把光標(biāo)移動到某個單元格內(nèi)，可以利用單元格屬性面板對這個單元格的屬性進行設(shè)置。 “不換行”復(fù)選框可以防止單元格中較長的文本自動換行。 “邊框”文本框用來色設(shè)置表格邊框的顏色 怎么樣，會自己制作漂亮的表格了吧？快自己設(shè)計一個漂亮的表格吧！ 做一做 41 評價內(nèi)容 自評 互評 師評 合作探究 知識掌握 學(xué)習(xí)態(tài)度 發(fā)現(xiàn)思考 學(xué)習(xí)效果 注： 評價時用 “ ☆ ” 表示，優(yōu)是 3 個 “ ☆ ” ，良是 2 個 “ ☆ ” ，達(dá)標(biāo)是 1 個 “ ☆ ” 評一評 同學(xué)們，本節(jié)課你的表現(xiàn)怎樣呢？快來評一評吧？ 42 第九課 插入并編輯表格 (3) 我們在制作表格的時候有時會出現(xiàn)錯誤，例如少了一列或者一行、多了一列或者一行；還有一些表格中需要再嵌套一個表格等等。 2. 技能目標(biāo)： 學(xué)會如何插入行和列，并且知道插入在哪里，會拆分和合并行和列。 44 拆分與合并單元格 拆分單元格時，將光標(biāo)放在待拆分的單元格內(nèi)，單擊屬性面板上的 “ 拆分 ” 按鈕，在彈出對話框中，按需要設(shè)置即可。為了增強網(wǎng)頁的表現(xiàn)力，豐富文檔的顯示效果，我們可以向其 Flash 動畫、 Java 小程序、音頻播放插件等多媒體內(nèi)容。 “鏈接”項選擇始終無下劃線，鏈接顏色為F282A8，已訪問鏈接為 F5E458。在第一行左側(cè)單元格插入圖片 img/,在右側(cè)單元格插入圖片 img/。 (4) 在表格 2右側(cè)單元格插入一個 1 行 2列的表格（表格 4），表格寬度為 550px。 48 彈出“選擇文件”對話框，選擇 swf 文件夾中的 文件。 通過勾選“自動播放”復(fù)選框后，可以設(shè)定 Flash 文件是否在頁面加載時就播放。同樣方法我們分別在表格 3 的第 6 行制作“代碼素材”、“ Flash 動漫”、“精美壁紙”和“音頻視頻”等欄目?！澳繕?biāo)”用來設(shè)置打開的鏈接窗口。也可以搜索、打印和縮放該文檔。 FlashPaper 將縮放文檔以適合寬度。 插入 flash 按鈕。 嵌入音樂 嵌入音頻可以將聲音直接插入頁面中，但只有瀏覽者在瀏覽網(wǎng)頁時具有所選聲音文件的適當(dāng)插件后，聲音才可以播放。 技能目標(biāo)：了解聲音的格式，知道如何插入聲音，并且能夠插入聲音和了解聲音的調(diào)整。 56 單擊確定按鈕后，插入的插件在文檔窗口中以下圖所示圖標(biāo)來顯示。超級鏈接由兩部分組成：鏈接載體和鏈接目標(biāo)。 技能目標(biāo)：了解網(wǎng)頁中鏈接的作用和鏈接的分類，學(xué)會創(chuàng)建一個外部的鏈接。 * 錨點鏈接：同一網(wǎng)頁或不同網(wǎng)頁中指定位置的鏈接。如果鏈接到同一目錄下，則只需要輸入要鏈接文件的名稱。 根路徑： 是指從站點根文件夾到被鏈接文檔經(jīng)由的路徑，以前斜杠開頭，例如， /fy/ 就是站點根文件夾下的fy 子文件夾中的一個文件（ ）的根路徑。 60 我們在“鏈接”文本框直接輸入外部絕對地址 _blank（在一個新的未命名的瀏覽器窗口中打開鏈接）。我們知道網(wǎng)站就是由很多的鏈接的頁面組成的，那么怎么鏈接呢？我們一起做吧！ 1 使用超級鏈接對話框 打開一個頁面，選中文字。 “目標(biāo)”下拉列表框用來設(shè)置超鏈接的打開方式，有四個選項。 我們也可以拖動“鏈接”后的 按鈕到站點面板上的相應(yīng)網(wǎng)頁文件，則鏈接將指向這個網(wǎng)頁文件。 打開一個頁面較長的網(wǎng)頁，將光標(biāo)放置于要 插入錨點的地方，單擊常用快捷欄的“命名錨記”按鈕，插入錨點。此時，選中的部分被稱著圖像熱點。 模板的創(chuàng)建有三種方式。 單擊模板面板上的“擴展”按鈕，在彈出菜單中選擇“新建模板”這是在瀏覽窗口出現(xiàn)一個未命名的模板文件，給模板命名。 選擇“文件 /另存為模板”命令將網(wǎng)頁另存為模板。單擊“另存模板”對話框中的“保存”按鈕，就把當(dāng)前網(wǎng)頁轉(zhuǎn)換為了模板，同時將模板另存到選擇的站點。我們可以先單擊“確定”，以后再定義可編輯區(qū)域。 做一做 評一評 同學(xué)們，本節(jié)課你的表現(xiàn)怎樣呢？快來評一評吧？ 71 評價內(nèi)容 自評 互評 師評 合作探究 知識掌握 學(xué)習(xí)態(tài)度 發(fā)現(xiàn)思考 學(xué)習(xí)效果 注： 評價時用 “ ☆ ” 表示，優(yōu)是 3 個 “ ☆ ” ，良是 2 個 “ ☆ ” ，達(dá)標(biāo)是 1 個 “ ☆ ” 72