【正文】 我們可以先單擊“確定”，以后再定義可編輯區(qū)域。 選擇“文件 /另存為模板”命令將網(wǎng)頁(yè)另存為模板。 模板的創(chuàng)建有三種方式。 打開(kāi)一個(gè)頁(yè)面較長(zhǎng)的網(wǎng)頁(yè)，將光標(biāo)放置于要 插入錨點(diǎn)的地方，單擊常用快捷欄的“命名錨記”按鈕，插入錨點(diǎn)。 “目標(biāo)”下拉列表框用來(lái)設(shè)置超鏈接的打開(kāi)方式，有四個(gè)選項(xiàng)。 60 我們?cè)凇版溄印蔽谋究蛑苯虞斎胪獠拷^對(duì)地址 _blank（在一個(gè)新的未命名的瀏覽器窗口中打開(kāi)鏈接）。如果鏈接到同一目錄下，則只需要輸入要鏈接文件的名稱。 技能目標(biāo)：了解網(wǎng)頁(yè)中鏈接的作用和鏈接的分類，學(xué)會(huì)創(chuàng)建一個(gè)外部的鏈接。 56 單擊確定按鈕后，插入的插件在文檔窗口中以下圖所示圖標(biāo)來(lái)顯示。 嵌入音樂(lè) 嵌入音頻可以將聲音直接插入頁(yè)面中，但只有瀏覽者在瀏覽網(wǎng)頁(yè)時(shí)具有所選聲音文件的適當(dāng)插件后，聲音才可以播放。 FlashPaper 將縮放文檔以適合寬度。“目標(biāo)”用來(lái)設(shè)置打開(kāi)的鏈接窗口。 通過(guò)勾選“自動(dòng)播放”復(fù)選框后，可以設(shè)定 Flash 文件是否在頁(yè)面加載時(shí)就播放。 (4) 在表格 2右側(cè)單元格插入一個(gè) 1 行 2列的表格（表格 4），表格寬度為 550px。 “鏈接”項(xiàng)選擇始終無(wú)下劃線，鏈接顏色為F282A8，已訪問(wèn)鏈接為 F5E458。 44 拆分與合并單元格 拆分單元格時(shí)，將光標(biāo)放在待拆分的單元格內(nèi)，單擊屬性面板上的 “ 拆分 ” 按鈕，在彈出對(duì)話框中，按需要設(shè)置即可。 “邊框”文本框用來(lái)色設(shè)置表格邊框的顏色 怎么樣，會(huì)自己制作漂亮的表格了吧？快自己設(shè)計(jì)一個(gè)漂亮的表格吧！ 做一做 41 評(píng)價(jià)內(nèi)容 自評(píng) 互評(píng) 師評(píng) 合作探究 知識(shí)掌握 學(xué)習(xí)態(tài)度 發(fā)現(xiàn)思考 學(xué)習(xí)效果 注： 評(píng)價(jià)時(shí)用 “ ☆ ” 表示，優(yōu)是 3 個(gè) “ ☆ ” ，良是 2 個(gè) “ ☆ ” ，達(dá)標(biāo)是 1 個(gè) “ ☆ ” 評(píng)一評(píng) 同學(xué)們，本節(jié)課你的表現(xiàn)怎樣呢？快來(lái)評(píng)一評(píng)吧？ 42 第九課 插入并編輯表格 (3) 我們?cè)谥谱鞅砀竦臅r(shí)候有時(shí)會(huì)出現(xiàn)錯(cuò)誤，例如少了一列或者一行、多了一列或者一行；還有一些表格中需要再嵌套一個(gè)表格等等。 單元格屬性 把光標(biāo)移動(dòng)到某個(gè)單元格內(nèi)，可以利用單元格屬性面板對(duì)這個(gè)單元格的屬性進(jìn)行設(shè)置。 看一看 學(xué)習(xí)目標(biāo) 知識(shí)目標(biāo)：利用表格屬性設(shè)置表格 利用表格屬性對(duì)表格整體和單元格進(jìn)行設(shè)置 技能目標(biāo)：情感、態(tài)度和價(jià)值觀目標(biāo)：培養(yǎng)學(xué)生的自學(xué)能力和審美能力。 “摘要” 可以在這里對(duì)表格進(jìn)行注釋。 “表格寬度”文本框用來(lái)設(shè)置表格的寬度，可以填入數(shù)值，緊隨其后的下拉列表框用來(lái)設(shè)置寬 度的單位，有兩個(gè)選項(xiàng) —— 百分比和像素。這兩張圖片要大小相等，如果不相等， DW自動(dòng)調(diào)整次圖片的大小跟主圖像大小一致。 單擊屬性面板中的 對(duì)齊按鈕，可以分別將圖像設(shè)置成瀏覽器居左對(duì)齊、居中對(duì)齊、居右對(duì)齊。 2. 技能目標(biāo)： 會(huì) 設(shè)置圖像屬性 ,會(huì)插入圖像占位符 ,知道圖像占位符在網(wǎng)頁(yè)中的作用和意義。 彈出的 “ 選擇圖像源文件 ” 對(duì)話框，選擇 img/，單擊 “ 確定 ” 按鈕就把圖像 插入到了網(wǎng)頁(yè)中。 3）字體的修飾，包括正常和 斜體 。 插入列表，列表分為兩種，有序列表和無(wú)序列表，無(wú)序列表沒(méi)有順序，每一項(xiàng)前邊都以同樣的符號(hào)顯示，有序列表前邊的每一項(xiàng)有序號(hào)引導(dǎo)。 編輯文本格式 網(wǎng)頁(yè)的文本分為段落和標(biāo)題兩種格式。 文件與文件夾的管理 對(duì)建立的文件和文件夾，可以進(jìn)行移動(dòng)、復(fù)制、重命名和刪除等基本的管理操作。 單擊“完成”按鈕，結(jié)束“站點(diǎn)定義“對(duì)話框的設(shè)置。下面選擇“基本”標(biāo)簽。搭建站學(xué)習(xí)目標(biāo) 知識(shí)目標(biāo)： 學(xué)會(huì)站點(diǎn)的搭建和管理。 要制作一個(gè)能夠被大家瀏覽的網(wǎng)站，首先需要在本地磁盤上制作這個(gè)網(wǎng)站，然后把這個(gè)網(wǎng)站傳到互聯(lián)網(wǎng)的 web 服務(wù)器上。例如，當(dāng)前選擇了一幅圖像，那么屬性面板上就出現(xiàn)該圖像的相關(guān)屬性；如果選擇了表格，那么屬性面板會(huì)相應(yīng)的變化成表格的相關(guān)屬性。在該視圖中， Dreamweaver 顯示文檔的完全可編輯的可視化表示形式，類似于在瀏覽器中查看頁(yè)面時(shí)看到的內(nèi)容。例如按下 F1 鍵， 就會(huì)打開(kāi)電子幫助文本 插入面板組 插入面板集成了所有可以在網(wǎng)頁(yè)應(yīng)用的對(duì)象包括“插入”菜單中的選項(xiàng)。例如新 建，打開(kāi)，保存，另存為，導(dǎo)入，輸出打印等。學(xué)習(xí)目標(biāo) 1 、 知 識(shí) 目 標(biāo) ： 了 解 網(wǎng) 頁(yè) 制 作 工 具dreamweaver8。我個(gè)人認(rèn)為，作為一個(gè)網(wǎng)頁(yè)制作的愛(ài)好者，需要有一個(gè)良好的工作習(xí)慣，很多朋友在學(xué)習(xí)時(shí)喜歡隨心所欲的實(shí)驗(yàn)軟件的各種功能，而缺乏系統(tǒng)的、正確的工作方式。通過(guò)Macromedia 公司的不斷改進(jìn)和升級(jí)，它已經(jīng)變得日益強(qiáng)大和完善?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫，同時(shí)亦保證了其專業(yè)性和兼容性，并且可以對(duì)內(nèi)部的 HTML 編輯器和任何第三方的 HTML 編輯器進(jìn)行實(shí)時(shí)的訪問(wèn)。 1 2 前言 同學(xué)們你們喜歡上網(wǎng)嗎？你知道那么多絢麗的網(wǎng)頁(yè)時(shí)怎么做出的嗎？你想制作自己的網(wǎng)站嗎？ 那么跟我一起學(xué)習(xí) Dreamweaver 吧！ Dreamweaver 是美國(guó) 一家 公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。無(wú)論用戶習(xí)慣手工輸入 HTML 源代碼還是使用可視化的編輯界面， Dreamweaver 都能提供便捷的方式使用戶設(shè)計(jì)網(wǎng)頁(yè)和管理網(wǎng)站變得更容易。 IP 地址與域名地址 IP 地址， Inter 上的每臺(tái)主機(jī)都有一個(gè) 唯一 的 IP 地址，如 。同時(shí)網(wǎng)頁(yè)制作面對(duì)的不是一個(gè)個(gè)孤立的頁(yè)面，而是一組互相關(guān)聯(lián)的某個(gè)站點(diǎn)中的文件群，因此本教程將從網(wǎng)站的角度來(lái)串講 Dreamweaver 中的各項(xiàng)主要功能。 技能目標(biāo) :了解 dreamweaver8 的工作界面的組成 : 標(biāo)題顯示、菜單欄、插入面板組、文檔工具欄、標(biāo)準(zhǔn)工具欄、文檔窗口、狀態(tài)欄、屬性面板和浮動(dòng)面板組。 編輯：用來(lái)編輯文本。插入面板組其實(shí)就是圖像化了的插入指令，通過(guò)一個(gè)個(gè)的按鈕，可以很容易的加入圖像、聲音、多媒體動(dòng)畫(huà)、表格。“代碼”視圖是一個(gè)用于編寫和編輯 HTML、 JavaScript、服務(wù)器 12 語(yǔ)言代碼以及任何其他類型代碼的手工編碼環(huán)境。 浮動(dòng)面板 其它面板可以同稱為浮動(dòng)面板，這些面板都浮動(dòng)于編輯窗口之外。放置在本地磁盤上的網(wǎng)站被稱為本地站點(diǎn)，位于互聯(lián)網(wǎng) web 服務(wù)器里的網(wǎng)站被稱為遠(yuǎn)程站點(diǎn)。 技能目標(biāo)： 學(xué)會(huì)創(chuàng)建站點(diǎn) ,掌握在站點(diǎn)內(nèi)創(chuàng)建文件夾 ,重命名文件夾的方法 ,學(xué)會(huì)規(guī)劃網(wǎng)站。 在文本框中，輸入一個(gè)站點(diǎn)名字以在 中標(biāo)識(shí)該站點(diǎn)。 單擊“完成”按鈕，文件面板顯示出剛才建立 17 的站點(diǎn)。單擊鼠標(biāo)左鍵選中需要管理的文件或文件夾，然后單擊鼠標(biāo)右鍵，再?gòu)棾霾藛沃羞x“編輯”項(xiàng)，即可進(jìn)行相關(guān)操作。 學(xué)習(xí)目標(biāo) 知識(shí)目標(biāo) :學(xué)會(huì)插入文本并且會(huì)編輯文字 技能目標(biāo) :會(huì)插入文字、編輯文字、添加特殊字符 情感、態(tài)度和價(jià)值觀目標(biāo)：培養(yǎng)學(xué)生探究問(wèn)題的能力 21 在文檔編輯窗口中選中一段文本，在屬性面板“格式”后的下拉列表框中選擇“段落”把選中的文本設(shè)置成段落格式。在文檔編輯窗口中選中需要設(shè)置的文本，在屬性面板中單擊 ，則選中的文本被設(shè)置成無(wú)序列表，單擊 則被設(shè)置成有序列表。 4）字體的行間距， 一般 行距為字體大小的 倍。 學(xué)習(xí)目標(biāo) 第二章 知識(shí)目標(biāo)：會(huì)插入圖片。 3. 情感、態(tài)度和價(jià)值觀目標(biāo) ： 培養(yǎng)學(xué)生對(duì)網(wǎng)站制作的興趣 30 在屬性面板的左上角，顯示當(dāng)前圖像的縮略圖，同時(shí)顯示圖像的大小。 在屬性面板中，“對(duì)齊”下拉列表框時(shí)設(shè)置圖像與文本的相互對(duì)齊方式，共有10 個(gè)選項(xiàng)。 圖片與文本一樣，是網(wǎng)頁(yè)中最常用到的內(nèi)容，其變化相對(duì)較少，要想排出精致美觀的網(wǎng)頁(yè)，下一節(jié)課的內(nèi)容可是必不可少的哦，繼續(xù)努力吧 ^_^ 插入兩張圖片，并設(shè)置第一張圖片為右對(duì)齊，第二張圖片為居中對(duì)齊。當(dāng)寬度的單位選擇百分比時(shí)，表格的寬度會(huì)隨瀏覽器窗口的大小而改變。 選擇單元格對(duì)象 對(duì)于表格、行、列、單元格屬性的設(shè)置是以選擇這些對(duì)象為前提的。 39 “填充”文本框用來(lái)設(shè)置單元格邊距，“間距”文本框用來(lái)設(shè)置單元格間距。 40 “水平”文本框用來(lái)設(shè)置單元格內(nèi)元素的水平排版方式，是居左、居右或是居中。那么我們?cè)撛趺葱薷倪@些表格呢？ 表格的行和列 選中要插入行或列的單元格，單擊鼠標(biāo)右鍵，在彈出菜單中選擇 “ 插入行 ” 或 “ 插入列 ” 或 “ 插入行或列 ” 命令。 合并單元格時(shí)，選中要合并的單元格，單擊屬性面板中的 “ 合并 ” 按鈕即可。 現(xiàn)在我們開(kāi)始布局～ ^_^～ （ 1）插入一個(gè) 1行 1列的表格（表格 1），表格的寬度為 726px，邊框粗細(xì)為 0，單元格邊距為 0、單 元格間距為 1，背景顏色為892321，將表格居中對(duì)齊。邊框、單元格邊距和間距都為 0。 49 在“品質(zhì)”下拉列表中可以選擇 Flash 影片的畫(huà)質(zhì)，以最佳狀態(tài)顯示，就選擇“高品質(zhì)”。 如果需要修改 Flash 按鈕對(duì)象，可以先選中它，然后在屬性面板中單擊“編輯”按鈕，會(huì)自動(dòng)彈出剛才的“插入 Flash 按鈕”對(duì)話框，更改它的設(shè)置就可以了。 單擊“確定”在頁(yè)面中插入文檔。如果希望在頁(yè)面顯示瀏覽器的外觀，可以使用這種方法。 選中該圖標(biāo)，在屬性面板中可以對(duì)播放器的屬性進(jìn)行設(shè) 置： 按下 F12 鍵，打開(kāi)瀏覽器預(yù)覽，這個(gè)頁(yè)面實(shí)現(xiàn)了嵌入音樂(lè)的效果，在瀏覽器里顯示了播放插件。 情感、態(tài)度和價(jià)值觀目標(biāo)：通過(guò)學(xué)習(xí)插入鏈接，了解頁(yè)面元素是怎么連接在一起的。要鏈接到下一級(jí)目錄中的文件，只需要輸入目錄名。如下圖所示。 “標(biāo)題”文本框用來(lái)設(shè)置超鏈接的標(biāo)題。再選中需要鏈接錨點(diǎn)的文字，再屬性面板中拖動(dòng)鏈接后的 到錨點(diǎn)上即可。 看一看 學(xué)習(xí)目標(biāo) 知識(shí)目標(biāo)：如何創(chuàng)建模板。 在彈出的“ 另存模板”對(duì)話框中，“站點(diǎn)”下拉列表框用來(lái)設(shè)置模板保存的站點(diǎn)， 選擇一個(gè)選項(xiàng)。 從文件菜單新建模板選擇“文件 /新建”命令，打開(kāi)“新建文檔”對(duì)話框，然后再類別中選擇“模板頁(yè)”，并選取相關(guān)的模板類型，直接單擊“創(chuàng)建”按鈕即可。 在保存模板時(shí)，