網(wǎng)頁制作教案 第五單元

..PAGE2.v.第五章MacromediaDreamweaverMX提供多種創(chuàng)立超文本的方法，可創(chuàng)立到文檔、圖像、多媒體文件或可下載的。可以建立到文檔內(nèi)任意位置的文本或圖像〔包括標(biāo)題、列表、表、層或框架中的文本或圖像〕的。假設(shè)要直觀地查看文件是怎樣在一起的，可使用站點(diǎn)地圖。在站點(diǎn)地圖中，可以向站點(diǎn)添加新文檔、創(chuàng)立和刪除文檔以及檢查到相關(guān)文件的。的創(chuàng)立與管理有幾種不同的方法。有些Web設(shè)計(jì)者喜歡在工作時(shí)創(chuàng)立一些指向尚未建立的頁面或文件的；而另一些設(shè)計(jì)者那么傾向于首先創(chuàng)立所有的文件和頁面，然后再添加相應(yīng)的。另一種管理的方法是創(chuàng)立代替最終文件的【占位符】頁面，使用這種方法可以快速添加，還可在實(shí)際完成所有頁面之前對這些進(jìn)展檢查。本章重點(diǎn)：●了解、路徑與錨的使用條件●掌握的設(shè)置方法●學(xué)會使用特殊●掌握目標(biāo)的指定課時(shí)教案〔總第課時(shí)〕教案內(nèi)容：課題，教學(xué)目標(biāo)，教學(xué)重點(diǎn)、難點(diǎn)、教學(xué)流程〔教法、學(xué)法〕，板書設(shè)計(jì)，作業(yè)設(shè)計(jì)，教學(xué)反思一、課題創(chuàng)立文字超二、教學(xué)目標(biāo)1、了解超2、學(xué)會建立文本超三、教學(xué)重點(diǎn)1、超簡介2、建立文本超四、教學(xué)難點(diǎn)創(chuàng)立文字超五、教學(xué)流程〔一〕導(dǎo)入提問：1、什么是超2、怎樣創(chuàng)立超〔二〕知識點(diǎn)講解與操作演示5.1創(chuàng)立文字超超簡介超是技術(shù)的核心，是網(wǎng)頁中最重要、最根本的元素之一。超能夠使多個(gè)孤立網(wǎng)頁之間產(chǎn)生一定的相互聯(lián)系，從而使單獨(dú)的網(wǎng)頁形成一個(gè)有機(jī)整體，真正實(shí)現(xiàn)網(wǎng)絡(luò)互連。1.什么是超所謂超是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁，也可以是一樣網(wǎng)頁上的不同位置，還可以是一個(gè)圖片、一個(gè)電子地址、一個(gè)文件，甚至是一個(gè)應(yīng)用程序。在一個(gè)網(wǎng)頁中用來超的對象，可以是一段文本或一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)的文字或圖片后，錠接目標(biāo)將顯示在瀏覽器上，可根據(jù)目標(biāo)的類型來翻開或運(yùn)行。按錠接路徑的不同，網(wǎng)頁中的超一般分為3種類型：內(nèi)部、錨點(diǎn)和外部。按使用對象的不同，網(wǎng)頁中的又可以分為文本超、圖像超、、錨點(diǎn)、多媒體文件和空等。2.合理安排超建立文本超在創(chuàng)立超之前，首先了解中3種類型的文檔路徑：絕對路徑、根目錄相對路徑以及文檔相對路徑?！窠^對路徑:是包含效勞器協(xié)議(對于網(wǎng)頁來說,通常是或ftp://)的完全路徑。絕對路徑包含準(zhǔn)確地址而不用考慮源文件的位置。但是如果目標(biāo)文件被移動，那么無效。創(chuàng)立外部超時(shí)，必須用絕對路徑?！窀夸浵鄬Φ穆窂剑菏菑漠?dāng)前站點(diǎn)的根目錄開場的路徑。站點(diǎn)上所有可公開的文件都存放在站點(diǎn)的根目錄下。和根目錄相對的路徑使用斜杠以告訴效勞器從根目錄開場。●文檔相對的路徑：是指和當(dāng)前文檔所在的文件夾相對的路徑。這種路徑通常是最簡單的路徑，可以用來和當(dāng)前文檔處于同一文件夾下的文檔。1.創(chuàng)立文本超創(chuàng)立文本超的操作方法如下：〔1〕在網(wǎng)頁上選擇需要添加超的文本，此時(shí)屬性面板成為文本【屬性】面板，如下圖?！?〕在【屬性】面板上指定文本的文檔，可按以下4種方法指定文本的超。方法一：單擊【】下拉列表框右側(cè)的文件夾，在彈出的【選擇文件】對話框中選擇的目標(biāo)文件。方法二：在【】下拉列表框中直接輸入目標(biāo)的絕對路徑。如到index.htm文檔的效果如下圖。方法三：利用【屬性】面板上的【指向文件】按鈕，為文字參加超。但必須要建立本地站點(diǎn)，且本地站點(diǎn)上還要有文件存在，才能使用此方法。方法四：執(zhí)行【修改】｜【創(chuàng)立】命令，在翻開的【選擇文件】對話框中選擇被的文檔。〔3〕完成文檔后，可在【目標(biāo)】下拉列表框中選擇目標(biāo)文件翻開方式?！灸繕?biāo)】表示所的目標(biāo)文件在瀏覽器中翻開的方式，在其下拉列表框中一共有4個(gè)選項(xiàng)，如下圖?！馼lank：將目標(biāo)文件載入到新的未命名瀏覽器窗口中。●parent：將目標(biāo)文件載入到父框架集或包含該的框架窗口中?！駍elf：將目標(biāo)文件載入與該一樣的框架或窗口中。●top：將目標(biāo)文件載入到整個(gè)瀏覽器窗口并刪除所有框架。設(shè)置完畢后，在網(wǎng)頁中被選擇的文字顏色變?yōu)樗{(lán)色，且在文字底部出現(xiàn)一條下劃線，即文字的超設(shè)置完成，如下圖。2.編輯文本超一個(gè)未被過的與一個(gè)被激活的在形式上肯定會有所區(qū)別，被過了也會發(fā)生變化，提示用戶這是一個(gè)已經(jīng)點(diǎn)擊過的，所有這些都是的狀態(tài)。通過設(shè)置不同的文本顏色可以使各個(gè)狀態(tài)區(qū)別開來。設(shè)置文本超不同狀態(tài)文本顏色的操作方法如下：〔1〕翻開包含文本的文檔，執(zhí)行【修改】｜【頁面屬性】命令，找開【頁面屬性】面板，如下圖?！?〕單擊【】選項(xiàng)右邊的圖標(biāo)，翻開調(diào)色板，選取一種顏色，作為文本的顏色?！?〕同樣可以為【過的】和【活動】選項(xiàng)設(shè)置不同的顏色?！?〕完成設(shè)置后單擊【確定】按鈕?！?〕按F12鍵，預(yù)覽網(wǎng)頁，的三種狀態(tài)通過不同的顏色區(qū)別開來。3.刪除文本超在DreamwwaverMX中要刪除一個(gè)文本超很容易，先用鼠標(biāo)選定文本對象，將光標(biāo)定位于【屬性】面板的【】文本框中或選中文本框中的文檔，按下BackSpace鍵或Delete鍵，將其顯示的超對象文件名刪除，也可選擇【修改】｜【刪除】命令，刪除超而保存原文本對象。六、學(xué)生上機(jī)操作練習(xí)創(chuàng)立文字超七、個(gè)別輔導(dǎo)、小結(jié)八、教學(xué)反思課時(shí)教案〔總第課時(shí)〕教案內(nèi)容：課題，教學(xué)目標(biāo)，教學(xué)重點(diǎn)、難點(diǎn)、教學(xué)流程〔教法、學(xué)法〕，板書設(shè)計(jì)，作業(yè)設(shè)計(jì)，教學(xué)反思一、課題創(chuàng)立文字超二、教學(xué)目標(biāo)實(shí)例一三、教學(xué)重點(diǎn)1、超簡介2、建立文本超四、教學(xué)難點(diǎn)創(chuàng)立文字超五、教學(xué)流程〔一〕導(dǎo)入提問：1、什么是超2、怎樣創(chuàng)立超〔二〕知識點(diǎn)講解與操作演示實(shí)例一六、學(xué)生上機(jī)操作練習(xí)實(shí)例一七、個(gè)別輔導(dǎo)、小結(jié)八、教學(xué)反思課時(shí)教案〔總第課時(shí)〕教案內(nèi)容：課題，教學(xué)目標(biāo)，教學(xué)重點(diǎn)、難點(diǎn)、教學(xué)流程〔教法、學(xué)法〕，板書設(shè)計(jì)，作業(yè)設(shè)計(jì)，教學(xué)反思一、課題試題匯編實(shí)例一二、教學(xué)目標(biāo)實(shí)例一三、教學(xué)重點(diǎn)1、學(xué)會創(chuàng)立和設(shè)置2、學(xué)會插入命名書簽3、學(xué)會創(chuàng)立命名書簽4、學(xué)會的設(shè)置與更改5、學(xué)會創(chuàng)立電子四、教學(xué)難點(diǎn)按要求操作實(shí)例一五、教學(xué)流程〔一〕導(dǎo)入復(fù)習(xí)：1、圖像超2、文字超3、電子〔二〕知識點(diǎn)講解與操作演示5.1第1題【操作要求】將DWMX\Unit5\Y5-01文件夾復(fù)制到考生文件夾root文件夾中，重命名為X5-01。把X5-01\Y5-01.htm文檔重命名為X5-01.htm。翻開X5-01\X5-01.htm文檔，參照【樣圖5-01】完成以下操作1．創(chuàng)立和設(shè)置：在文檔中的“DreamweaverUltraDev教程〞圖像處創(chuàng)立與X5-01.htm的。2．插入命名書簽：在X5-01.htm文檔右欄“內(nèi)容區(qū)〞中，在文本“一、內(nèi)容簡介〞、“二、準(zhǔn)備工作〞、“三、Web應(yīng)用例如〞和“四、拷貝文件〞的左邊分別插入命名書簽，書簽的命名依次為X5-01A～X5-01D。3．創(chuàng)立命名書簽：分別創(chuàng)立左欄文本“一、內(nèi)容簡介〞與右欄命名書簽“一、內(nèi)容簡介〞處的；左欄文本“二、準(zhǔn)備工作〞與右欄命名書簽“二、準(zhǔn)備工作〞處的；左欄文本“三、Web應(yīng)用例如〞與右欄命名書簽“三、Web應(yīng)用例如〞處的；左欄文本“四、拷貝文件〞與右欄命名書簽處的。4．的設(shè)置與更改：創(chuàng)立右欄中所有文本“返回目錄與左欄命名書簽“教程目錄〞處，要求“教程目錄〞命名書簽的名稱為X5-01E，和“教程目錄〞的，刪除原“返回目錄〞文本中的空。5．創(chuàng)立電子：在“教程目錄〞欄目下的文本“聯(lián)系我們〞中創(chuàng)立電子，電子地址為guestbhp..。將操作結(jié)果保存到X5-01文件夾中。六、學(xué)生上機(jī)操作練習(xí)實(shí)例一七、個(gè)別輔導(dǎo)、小結(jié)八、教學(xué)反思課時(shí)教案〔總第課時(shí)〕教案內(nèi)容：課題，教學(xué)目標(biāo)，教學(xué)重點(diǎn)、難點(diǎn)、教學(xué)流程〔教法、學(xué)法〕，板書設(shè)計(jì)，作業(yè)設(shè)計(jì)，教學(xué)反思一、課題試題匯編實(shí)例二二、教學(xué)目標(biāo)實(shí)例二三、教學(xué)重點(diǎn)1、學(xué)會創(chuàng)立和設(shè)置2、學(xué)會插入命名書簽3、學(xué)會創(chuàng)立命名書簽4、學(xué)會的設(shè)置與更改5、學(xué)會創(chuàng)立電子四、教學(xué)難點(diǎn)按要求操作實(shí)例二五、教學(xué)流程〔一〕導(dǎo)入復(fù)習(xí)：1、圖像超2、文字超3、電子〔二〕知識點(diǎn)講解與操作演示5.2第2題【操作要求】將DWMX\Unit5\Y5-02文件夾復(fù)制到考生文件夾root文件夾中，重命名為X5-02。把X5-02\Y5-02.htm文檔重命名為X5-02.htm。翻開X5-02\X5-02.htm文檔，參照【樣圖5-02】完成以下操作1．創(chuàng)立和設(shè)置：在文檔中的“哲學(xué)專題〞圖像處創(chuàng)立與X5-02.htm的。2．插入命名書簽：在X5-02.htm文檔右欄“內(nèi)容區(qū)〞中，在文本“世界觀〞、“本體論〞、“目的論〞、“方法論〞、“狡辯論〞和“唯我論〞的右邊分別插入命名書簽，書簽的命名依次為X5-02A～X5-02F。3．創(chuàng)立命名書簽：分別創(chuàng)立左欄文本“世界觀〞與右欄命名書簽“世界觀〞處的；左欄文本“本體論〞與右欄命名書簽“本體論〞處的；左欄文本“目的論〞與右欄命名書簽“目的論〞處的；左欄文本“方法論〞與右欄命名書簽處的“方法論〞；左欄文本“狡辯論〞與右欄命名書簽處的“狡辯論〞；左欄文本“唯我論〞與右欄命名書簽處的“唯我論〞。4．的設(shè)置與更改：創(chuàng)立右欄中所有文本“返回專題目錄〞與左欄命名書簽“專題目錄〞處，要求“專題目錄〞命名書簽的名稱為X5-02E。5．創(chuàng)立電子：在文檔文本Email中插入電子，電子地址為電子地址為guestbhp..。將操作結(jié)果保存到X5-02文件夾中。六、學(xué)生上機(jī)操作練習(xí)實(shí)例二七、個(gè)別輔導(dǎo)、小結(jié)八、教學(xué)反思課時(shí)教案〔總第課時(shí)〕教案內(nèi)容：課題，教學(xué)目標(biāo)，教學(xué)重點(diǎn)、難點(diǎn)、教學(xué)流程〔教法、學(xué)法〕，板書設(shè)計(jì)，作業(yè)設(shè)計(jì)，教學(xué)反思一、課題試題匯編實(shí)例三二、教學(xué)目標(biāo)實(shí)例三三、教學(xué)重點(diǎn)1、學(xué)會創(chuàng)立和設(shè)置2、學(xué)會插入命名書簽3、學(xué)會創(chuàng)立命名書簽4、學(xué)會的設(shè)置與更改5、學(xué)會創(chuàng)立電子四、教學(xué)難點(diǎn)按要求操作實(shí)例三五、教學(xué)流程〔一〕導(dǎo)入復(fù)習(xí)：1、圖像超2、文字超3、電子〔二〕知識點(diǎn)講解與操作演示5.3第3題【操作要求】將DWMX\Unit5\Y5-03文件夾復(fù)制到考生文件夾root文件夾中，重命名為X5-03。把X5-03\Y5-03.htm文檔重命名為X5-03.htm。翻開X5-03\X5-03.htm文檔，參照【樣圖5-03】完成以下操作1．創(chuàng)立和設(shè)置：在文檔中的“友情〞圖像處創(chuàng)立與X5-03.htm的。2．插入命名書簽：在X5-03.htm文檔正文中，在藍(lán)色的文本“我的文集〞、“我的感受〞、“我看品網(wǎng)〞、“我的朋友〞、“種子〞處分別插入命名書簽，書簽的命名依次為X5-03A～X5-03E。3．創(chuàng)立命名書簽：分別創(chuàng)立左欄文本“我的文集〞與右欄命名書簽“我的文集〞處的；左欄文本“我的感受〞與右欄命名書簽“我的感受〞處的；左欄文本“我看品網(wǎng)〞與右欄命名書簽“我看品網(wǎng)〞處的；左欄文本“我的朋友〞與右欄命名書簽處的“我的朋友〞；左欄文本“種了〞與右欄命名書簽處的“種子〞。4．的設(shè)置與更改：創(chuàng)立右欄中所有文本“返回目錄〞與左欄命名書簽“目錄〞處，其中“目錄〞命名書簽的名稱為X5-03F。5．創(chuàng)立電子：在“正文〞中的文本“請和我聯(lián)系〞中插入電子，電子地址為電子地址為guestbhp..。將操作結(jié)果保存到X5-03文件夾中。六、學(xué)生上機(jī)操作練習(xí)實(shí)例三七、個(gè)別輔導(dǎo)、小結(jié)八、教學(xué)反思課時(shí)教案〔總第課時(shí)〕教案內(nèi)容：課題，教學(xué)目標(biāo)，教學(xué)重點(diǎn)、難點(diǎn)、教學(xué)流程〔教法、學(xué)法〕，板書設(shè)計(jì)，作業(yè)設(shè)計(jì)，教學(xué)反思一、課題試題匯編實(shí)例四二、教學(xué)目標(biāo)實(shí)例三三、教學(xué)重點(diǎn)1、學(xué)會創(chuàng)立和設(shè)置2、學(xué)會插入命名書簽3、學(xué)會創(chuàng)立命名書簽4、學(xué)會的設(shè)置與更改5、學(xué)會創(chuàng)立電子四、教學(xué)難點(diǎn)按要求操作實(shí)例四五、教學(xué)流程〔一〕導(dǎo)入復(fù)習(xí)：1、圖像超2、文字超3、電子〔二〕知識點(diǎn)講解與操作演示5.4第4題【操作要求】在考生文件夾中創(chuàng)立一個(gè)文件夾，命名為X5-04。將DWMX\Unit5\Y5-04文件夾中所有文檔復(fù)制到X5-04。把X5-04\Y5-04.htm文檔重命名為X5-04.htm。翻開X5-04\X5-04.htm文檔，參照【樣圖5-04】完成以下操作1．創(chuàng)立和設(shè)置：在文檔的文本“考古學(xué)〞處創(chuàng)立與X5-04.htm的。2．插入命名書簽：在X5-04.htm文檔正文的“貝丘〞、“船棺葬〞、“巖畫〞、“銅鏡〞、“銅鼓〞、“帶鉤〞處分別插入命名書簽，書簽的命名依次為X5-04A～X5-04F。4．創(chuàng)立命名書簽：分別創(chuàng)立上欄文本“貝丘〞與正文中命名書簽“貝丘〞處的；分別創(chuàng)立上欄文本“船棺葬〞與正文中命名書簽“船棺葬〞處的；分別創(chuàng)立上欄文本“巖畫〞與正文中命名書簽“巖畫〞處的；分別創(chuàng)立上欄文本“銅鏡〞與正文中命名書簽“銅鏡〞處的；分別創(chuàng)立上欄文本“銅鼓〞與正文中命名書簽“銅鼓〞處的；分別創(chuàng)立上欄文本“帶鉤〞與正文中命名書簽“帶鉤〞處的。4．的設(shè)置與更改：創(chuàng)立正文中所有命名書簽“返回考古學(xué)專題〞和“考古學(xué)〞處的，其中“考古學(xué)專題〞命名書簽的名稱為X5-04G。5．創(chuàng)立電子：在文檔結(jié)尾處“Email:〞中插入電子，電子地址為電子地址為guestbhp..。將操作結(jié)果保存到X5-04文件夾中。六、學(xué)生上機(jī)操作練習(xí)實(shí)例四七、個(gè)別輔導(dǎo)、小結(jié)八、教學(xué)反思課時(shí)教案〔總第課時(shí)〕教案內(nèi)容：課題，教學(xué)目標(biāo)，教學(xué)重點(diǎn)、難點(diǎn)、教學(xué)流程〔教法、學(xué)法〕，板書設(shè)計(jì)，作業(yè)設(shè)計(jì)，教學(xué)反思一、課題試題匯編實(shí)例五二、教學(xué)目標(biāo)實(shí)例五三、教學(xué)重點(diǎn)1、學(xué)會創(chuàng)立和設(shè)置2、學(xué)會插入命名書簽3、學(xué)會創(chuàng)立命名書簽4、學(xué)會的設(shè)置與更改5、學(xué)會創(chuàng)立電子四、教學(xué)難點(diǎn)按要求操作實(shí)例四五、教學(xué)流程〔一〕導(dǎo)入復(fù)習(xí)：1、圖像超2、文字超3、電子〔二