【正文】 圖片，并設(shè)置第一張圖片為右對(duì)齊，第二張圖片為居中對(duì)齊。單擊下拉列表中的“圖像占位符”，打開(kāi)“圖像占位符” 對(duì)話(huà)框。 在屬性面板中，“對(duì)齊”下拉列表框時(shí)設(shè)置圖像與文本的相互對(duì)齊方式，共有10 個(gè)選項(xiàng)。 “水平邊距”和“垂直邊距”文本框用來(lái)設(shè)置圖像左右和上下與其它頁(yè)面元素的距離。 3. 情感、態(tài)度和價(jià)值觀(guān)目標(biāo) ： 培養(yǎng)學(xué)生對(duì)網(wǎng)站制作的興趣 30 在屬性面板的左上角，顯示當(dāng)前圖像的縮略圖，同時(shí)顯示圖像的大小。 在你的站點(diǎn)內(nèi)找到一張圖片插入 在計(jì)算機(jī)內(nèi)找到一張照片插入 做一做 28 評(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)吧？ 29 第六課 (2) 當(dāng)我們往一個(gè)網(wǎng)頁(yè)里插入了圖片之后我們要調(diào)整圖片的一些屬性，圖片有哪些屬性，我們?cè)撊绾握{(diào)整呢？另外我們插入的一些圖片很大，分辨率較高，讀網(wǎng)頁(yè)的時(shí)候會(huì)很慢，有沒(méi)有方法能讓網(wǎng)頁(yè)快速打開(kāi)呢？ 下面同學(xué)們跟我一起來(lái)解決這個(gè)問(wèn)題。 學(xué)習(xí)目標(biāo) 第二章 知識(shí)目標(biāo)：會(huì)插入圖片。其中使用最為廣泛的是 GIF 和 JPEG。 4）字體的行間距， 一般 行距為字體大小的 倍。 試完成下列文字的輸入： 1）最好只使用系統(tǒng)自帶的四種字體，常用 宋體 。在文檔編輯窗口中選中需要設(shè)置的文本，在屬性面板中單擊 ，則選中的文本被設(shè)置成無(wú)序列表，單擊 則被設(shè)置成有序列表。 設(shè)置字體組合 Dreamweaver8預(yù)設(shè)讀的可供選擇的字體組合只有 6 項(xiàng)英文字體組合，要想使用中文字體，必須重新編輯新的字體組合，在“字體”后的下拉列表框中選擇“編輯字體列表”，彈出“編輯字體列表”對(duì)話(huà)框： 文字的其它設(shè)置 22 文本換行，按 Enter 鍵換行的行距較大，按 Enter＋ Shift鍵換行的行間距較小。 學(xué)習(xí)目標(biāo) 知識(shí)目標(biāo) :學(xué)會(huì)插入文本并且會(huì)編輯文字 技能目標(biāo) :會(huì)插入文字、編輯文字、添加特殊字符 情感、態(tài)度和價(jià)值觀(guān)目標(biāo)：培養(yǎng)學(xué)生探究問(wèn)題的能力 21 在文檔編輯窗口中選中一段文本，在屬性面板“格式”后的下拉列表框中選擇“段落”把選中的文本設(shè)置成段落格式。熟悉這些操作，對(duì) 我們制作網(wǎng)頁(yè)有很大的幫助。單擊鼠標(biāo)左鍵選中需要管理的文件或文件夾，然后單擊鼠標(biāo)右鍵，再?gòu)棾霾藛沃羞x“編輯”項(xiàng)，即可進(jìn)行相關(guān)操作。這里我們創(chuàng)建新建 8 個(gè)文件夾，分別命名為： img、 med、 swf、 txt、 css、 js、 moan 和 fy。 單擊“完成”按鈕，文件面板顯示出剛才建立 17 的站點(diǎn)。 我們現(xiàn)在建立的是一個(gè)靜態(tài)頁(yè)面，所以選擇“否”。 在文本框中，輸入一個(gè)站點(diǎn)名字以在 中標(biāo)識(shí)該站點(diǎn)。 選擇菜單欄 —— 站點(diǎn)—— 管理站點(diǎn)，出現(xiàn)“管 理站點(diǎn)”對(duì)話(huà)框。 技能目標(biāo)： 學(xué)會(huì)創(chuàng)建站點(diǎn) ,掌握在站點(diǎn)內(nèi)創(chuàng)建文件夾 ,重命名文件夾的方法 ,學(xué)會(huì)規(guī)劃網(wǎng)站。決定要?jiǎng)?chuàng)建多少頁(yè)，每頁(yè)上顯示什么內(nèi)容，頁(yè)面布局的外觀(guān)以及各頁(yè)是如何互相連接起來(lái)的。放置在本地磁盤(pán)上的網(wǎng)站被稱(chēng)為本地站點(diǎn)，位于互聯(lián)網(wǎng) web 服務(wù)器里的網(wǎng)站被稱(chēng)為遠(yuǎn)程站點(diǎn)。 打開(kāi) Dreamweave 8看一看你都知道這個(gè)軟件的面板都有什么用 處嗎？ 做一做 評(píng)一評(píng) 13 同學(xué)們，本節(jié)課你的表現(xiàn)怎樣呢？快來(lái)評(píng)一評(píng)吧？ 第三課 本地站點(diǎn)的搭建與管理 評(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è) “ ☆ ” 看一看 14 這 節(jié)課 給大家介紹 Dreamweaver 的站點(diǎn)管理功能。 浮動(dòng)面板 其它面板可以同稱(chēng)為浮動(dòng)面板，這些面板都浮動(dòng)于編輯窗口之外。單擊該層次結(jié)構(gòu)中的任何標(biāo)簽以選擇該標(biāo)簽及其全部?jī)?nèi)容?！按a”視圖是一個(gè)用于編寫(xiě)和編輯 HTML、 JavaScript、服務(wù)器 12 語(yǔ)言代碼以及任何其他類(lèi)型代碼的手工編碼環(huán)境。 文檔窗口 當(dāng)我們打開(kāi)或創(chuàng)建一個(gè)項(xiàng)目，進(jìn)入文檔窗口，我們可以在文檔區(qū)域中進(jìn)行輸入文字、插入表格和編輯圖片等操作。插入面板組其實(shí)就是圖像化了的插入指令，通過(guò)一個(gè)個(gè)的按鈕，可以很容易的加入圖像、聲音、多媒體動(dòng)畫(huà)、表格。 修改：具有對(duì)頁(yè)面元素修改的功能，例如在表格中插入表格，拆分、合并單元格，對(duì)其對(duì)象等。 編輯：用來(lái)編輯文本。 菜單欄 Dreamweave 8 的菜單共有 10 個(gè)，即文件、編輯、視圖、插入、修改、文本、命令、站點(diǎn)、窗口和幫助。 技能目標(biāo) :了解 dreamweaver8 的工作界面的組成 : 標(biāo)題顯示、菜單欄、插入面板組、文檔工具欄、標(biāo)準(zhǔn)工具欄、文檔窗口、狀態(tài)欄、屬性面板和浮動(dòng)面板組。 在 Dreamweave 8 中首先將顯示一個(gè)起始頁(yè)，可以勾選這個(gè)窗口下面的“不在顯示此對(duì)話(huà)框”來(lái)隱藏它。同時(shí)網(wǎng)頁(yè)制作面對(duì)的不是一個(gè)個(gè)孤立的頁(yè)面，而是一組互相關(guān)聯(lián)的某個(gè)站點(diǎn)中的文件群，因此本教程將從網(wǎng)站的角度來(lái)串講 Dreamweaver 中的各項(xiàng)主要功能。 ② WWW 是 Word Wide Web 的建成 ,在域名中是國(guó)際域名 ,像 網(wǎng)站 首先前面有 說(shuō)明該網(wǎng)站可以傳輸圖像、視頻等，后面ＷＷＷ國(guó)際域名， sina 是網(wǎng)站的名字 , 是后 綴 ,我們常見(jiàn)的后綴還有g(shù)ov、 edu、 等 ，像 gov 指的是政府網(wǎng)站， edu 指的是教育網(wǎng)站 ,指的是中國(guó)網(wǎng)站。 IP 地址與域名地址 IP 地址， Inter 上的每臺(tái)主機(jī)都有一個(gè) 唯一 的 IP 地址，如 。而這項(xiàng)工作也不再象它的啟蒙階段那樣，需要直接面對(duì)枯燥的代碼，反復(fù)的在程序語(yǔ)言和最終界面之間來(lái)回切換。無(wú)論用戶(hù)習(xí)慣手工輸入 HTML 源代碼還是使用可視化的編輯界面， Dreamweaver 都能提供便捷的方式使用戶(hù)設(shè)計(jì)網(wǎng)頁(yè)和管理網(wǎng)站變得更容易。 Dreamweaver 是在網(wǎng)頁(yè)設(shè)計(jì)與制作領(lǐng)域中用戶(hù)最多、應(yīng)用最廣、功能最強(qiáng)大的軟件，隨著 Dreamweaver 8 的發(fā)布，更堅(jiān)定 Dreamweaver 在該領(lǐng)域的地位。 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ì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿(mǎn)動(dòng)感的網(wǎng)頁(yè)。所見(jiàn)則所得網(wǎng)頁(yè)編輯器的優(yōu)點(diǎn)就是直觀(guān)性，使用方便，容易上手，您在所見(jiàn)即所得網(wǎng)頁(yè)編輯器進(jìn)行網(wǎng)頁(yè)制作和在 WORD 中進(jìn)行文本編輯不會(huì)感到有什么區(qū)別?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫(xiě)，同時(shí)亦保證了其專(zhuān)業(yè)性和兼容性，并且可以對(duì)內(nèi)部的 HTML 編輯器和任何第三方的 HTML 編輯器進(jìn)行實(shí)時(shí)的訪(fǎng)問(wèn)。 4 第一 課 網(wǎng)絡(luò)基礎(chǔ)知識(shí) 5 第二課 Dreamweaver 操作環(huán)境 9 第三課 站點(diǎn)的搭建及管理 14 第四課 文本的插 入與編輯 20 第五課 插入圖像 25 第六課 插入圖像 29 第七課 插入并編輯表格 34 第八課 插入并編輯表格 38 第九課 插入并編輯表格 42 第十課 插入 Flash 動(dòng)畫(huà) 46 第十一課 插入 Flash 動(dòng)畫(huà) 50 第十二課 插入聲音 54 第十三課 創(chuàng)建鏈接關(guān)系 58 第十四課 創(chuàng)建鏈接關(guān)系 62 第十五課 創(chuàng)建模板 67 5 第一課 網(wǎng)絡(luò)基礎(chǔ)知識(shí) 隨著網(wǎng)絡(luò)的普及，越來(lái)越多的電腦愛(ài)好者開(kāi)始接觸網(wǎng)絡(luò)，面對(duì)一個(gè)又一個(gè)精彩紛呈的網(wǎng)站，眾多的電腦愛(ài)好者都按捺不住內(nèi)心的憧憬開(kāi)始接觸網(wǎng)頁(yè)設(shè)計(jì)和制作。通過(guò)Macromedia 公司的不斷改進(jìn)和升級(jí)，它已經(jīng)變得日益強(qiáng)大和完善。 2. 技能目標(biāo)：能夠查找 URL 地址等 3. 情感、態(tài)度和價(jià)值觀(guān)目標(biāo) ： 培養(yǎng)學(xué)生對(duì)網(wǎng)站制作的興趣 6 呢？ 指的是超文本傳輸協(xié)議，所謂超文本顧名思義指的是超出