dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)教程_第1頁(yè)
dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)教程_第2頁(yè)
dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)教程_第3頁(yè)
dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)教程_第4頁(yè)
dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)教程_第5頁(yè)
已閱讀5頁(yè),還剩36頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

《dreamweaver8網(wǎng)頁(yè)設(shè)計(jì)》目錄第一章游覽DREAMWEAVER8出色世界錯(cuò)誤!不決義書簽。第二章創(chuàng)立與規(guī)劃站點(diǎn)錯(cuò)誤!不決義書簽。第三章文本及其格式化錯(cuò)誤!不決義書簽。第四章表格錯(cuò)誤!不決義書簽。第五章圖像錯(cuò)誤!不決義書簽。第六章框架錯(cuò)誤!不決義書簽。第七章頁(yè)面布局視圖的使用錯(cuò)誤!不決義書簽。第八章鏈接錯(cuò)誤!不決義書簽。第九章層與時(shí)間軸錯(cuò)誤!不決義書簽。第十章表單錯(cuò)誤!不決義書簽。第十一章行為錯(cuò)誤!不決義書簽。第十二章制作動(dòng)向頁(yè)面錯(cuò)誤!不決義書簽。第十三章代碼片斷、庫(kù)項(xiàng)目和模板錯(cuò)誤!不決義書簽。第十四章網(wǎng)頁(yè)的制作錯(cuò)誤!不決義書簽。第十五章網(wǎng)站的測(cè)試與上傳錯(cuò)誤!不決義書簽。第十六章使用FIREWORKS處8理網(wǎng)頁(yè)圖像錯(cuò)誤!不決義書簽。第一章游覽Dreamweaver8出色世界課題:Dreamweaver8簡(jiǎn)介及創(chuàng)立文檔一、教課基本內(nèi)容1、Dreamweaver8的工作界面2、成立html文檔二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):熟習(xí)Dreamweaver8工作界面中各個(gè)工具的作用難點(diǎn):1、各個(gè)面板的調(diào)用2、成立一個(gè)HTML的網(wǎng)頁(yè)3、插處圖像五、教課目標(biāo)、對(duì)Dreamweaver這個(gè)制作網(wǎng)頁(yè)的工具及網(wǎng)頁(yè)有必定的認(rèn)識(shí),激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的興趣2、必定要學(xué)會(huì)成立一個(gè)空白網(wǎng)頁(yè)3、會(huì)對(duì)頁(yè)面有一個(gè)簡(jiǎn)單的設(shè)置六、教課過程1、引入1)為何要用Dreamweaver而不用Frontpage?Dreamweaver是Macromedia企業(yè)的出品,它以程序小、運(yùn)轉(zhuǎn)速度快、所制作網(wǎng)頁(yè)代碼少這些長(zhǎng)處,博得了網(wǎng)頁(yè)制作人員的喜歡。(2)有關(guān)工具的介紹因?yàn)檫@是第一節(jié)網(wǎng)頁(yè)制作課,所以第一要簡(jiǎn)單介紹下制作網(wǎng)頁(yè)的一些有關(guān)工具,比方與Dreamweaver合稱為網(wǎng)頁(yè)三劍客的Flash和Fireworks。2、解說新課1)Dreamweaver的界面.文檔窗口:主菜單、工具欄、底部啟動(dòng)條、文檔編寫區(qū).對(duì)象面板:標(biāo)準(zhǔn)、表格、表單、框架、特別、文件廷冖隱蔽、字符c.啟動(dòng)面板:站點(diǎn)管理、代碼檢查、HTML款式、CSS款式、行為、歷史記錄、資源管理d.屬性面板:隨目前對(duì)象不一樣而內(nèi)容不一樣創(chuàng)立HTML網(wǎng)頁(yè)在網(wǎng)頁(yè)中插入圖像輸入文字此后,插入圖像,并對(duì)圖像設(shè)置對(duì)齊的方式,使之與文字呈混排的狀態(tài)。3、穩(wěn)固練習(xí)練習(xí)使用界面中的各個(gè)工具七、作業(yè)辦理依據(jù)本節(jié)所學(xué)的內(nèi)容,講堂上練習(xí)創(chuàng)立一個(gè)空白網(wǎng)頁(yè),而且輸入一段文字,在文本的左邊插入一張圖片八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。第二章創(chuàng)立與規(guī)劃站點(diǎn)課題:規(guī)劃站點(diǎn)及創(chuàng)立靜態(tài)站點(diǎn)一、教課基本內(nèi)容1、站點(diǎn)規(guī)劃觀點(diǎn)2、站點(diǎn)規(guī)劃的方法3、站點(diǎn)的構(gòu)成4、定義站點(diǎn)二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):1、站點(diǎn)構(gòu)成2、怎樣創(chuàng)立靜態(tài)站點(diǎn)難點(diǎn):1、站點(diǎn)的定義、編寫、刪除站點(diǎn)五、教課目標(biāo)、掌握成立靜態(tài)站點(diǎn)的流程、掌握靜態(tài)站點(diǎn)的基本操作六、教課過程、復(fù)習(xí)引入由上節(jié)所學(xué)習(xí)的成立HTML網(wǎng)頁(yè)引出站點(diǎn)觀點(diǎn)2、解說新課(1)站點(diǎn)規(guī)劃觀點(diǎn)及方法觀點(diǎn):所謂當(dāng)?shù)卣军c(diǎn),就是指定當(dāng)?shù)赜脖P中寄存遠(yuǎn)程站點(diǎn)所有文檔的文件夾方法:規(guī)劃網(wǎng)站一般需要從3個(gè)方面去思慮,即網(wǎng)站的主題、網(wǎng)站的內(nèi)容和網(wǎng)站的對(duì)象。(2)創(chuàng)立當(dāng)?shù)卣军c(diǎn)站點(diǎn)構(gòu)成:Dreamweaver8站點(diǎn)由3部分構(gòu)成,詳細(xì)內(nèi)容取決于環(huán)境和所開發(fā)的Web站點(diǎn)種類。包含當(dāng)?shù)匚募A、遠(yuǎn)程文件夾、動(dòng)向頁(yè)文件夾定義站點(diǎn):(01)選擇“站點(diǎn)”|“新建站點(diǎn)”選項(xiàng),或許選擇“站點(diǎn)”|“管理站點(diǎn)”選項(xiàng),在彈出的“站點(diǎn)管理”對(duì)話框中單擊“新建”按鈕,彈出對(duì)話框,在“基本”選項(xiàng)卡的站點(diǎn)名稱輸入框中輸入所要?jiǎng)?chuàng)立站點(diǎn)的名稱,如圖2-5所示(02)輸入站點(diǎn)名稱后,單擊“下一步”按鈕,在彈出的能否使用服務(wù)器技術(shù)對(duì)話框中,依據(jù)自己所制作網(wǎng)頁(yè)的種類,確立能否使用服務(wù)器技術(shù)。在此制作靜態(tài)頁(yè)面,所以不使用服務(wù)器技術(shù),如圖2-6所示。(03)單擊“下一步”按鈕,在彈出的設(shè)置站點(diǎn)文件夾對(duì)話框中,選擇或輸入一個(gè)當(dāng)?shù)匚募A作為“當(dāng)?shù)卣军c(diǎn)文件夾”,如圖2-7所示。(04)選擇了當(dāng)?shù)卣军c(diǎn)文件夾后,單擊該對(duì)話框中的“下一步”按鈕,器相連的對(duì)話框,在這里選擇“無”,設(shè)置為不與遠(yuǎn)程服務(wù)器相連,如圖

進(jìn)入設(shè)置能否與遠(yuǎn)程服務(wù)2-9所示。(05)單擊“下一步”按鈕,便會(huì)顯示在站點(diǎn)定義導(dǎo)游中所選擇設(shè)置的詳盡報(bào)告,假如感覺滿意,單擊“達(dá)成”按鈕,達(dá)成本網(wǎng)站的創(chuàng)立,如圖2-10所示;不然單擊“上一步”按鈕從頭改正各項(xiàng)設(shè)置。(3)站點(diǎn)的基本操作其基本操作包含編寫、復(fù)制、刪除站點(diǎn)。3、穩(wěn)固練習(xí)練習(xí)站點(diǎn)的成立,及其基本操作。七、作業(yè)辦理在講堂上要求每一個(gè)同學(xué)在F盤下成立一個(gè)名為“我的站點(diǎn)”的文件夾,在dreamweaver中創(chuàng)立一個(gè)靜態(tài)站點(diǎn),將站點(diǎn)信息寄存到我的站點(diǎn)文件夾中。八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題:搭建動(dòng)向網(wǎng)站服務(wù)器及創(chuàng)立動(dòng)向站點(diǎn)一、教課基本內(nèi)容1、安裝IIS2、動(dòng)向站點(diǎn)與靜態(tài)站點(diǎn)的差別3、搭建動(dòng)向站點(diǎn)二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):動(dòng)向站點(diǎn)與靜態(tài)站點(diǎn)的差別難點(diǎn):1、虛構(gòu)目錄的觀點(diǎn)2、動(dòng)向站點(diǎn)的定義3、站點(diǎn)測(cè)試五、教課目標(biāo)1、學(xué)會(huì)安裝IIS,知道IIS的作用2、學(xué)會(huì)創(chuàng)立虛構(gòu)目錄3、會(huì)創(chuàng)立動(dòng)向站點(diǎn)六、教課過程1、引入先提出靜態(tài)站點(diǎn)的作用及限制性,引入動(dòng)向站點(diǎn)的功能2、解說新課1)安裝并啟動(dòng)IIS(現(xiàn)場(chǎng)操作)2)定義一個(gè)動(dòng)向站點(diǎn)步驟:<01>設(shè)置虛構(gòu)目錄。1)在當(dāng)?shù)卮疟P“C:”下新建一個(gè)site文件夾作為當(dāng)?shù)卣军c(diǎn)的根文件夾。2)設(shè)置web共享。找到“C:site”文件夾,選中并右擊該文件夾,從彈出的快捷菜單中選擇“共享和安全”選項(xiàng)。在翻開的“site屬性”對(duì)話框中,選擇“Web共享”選項(xiàng)卡,如圖2-19所示3)設(shè)置“編寫又名”對(duì)話框。選中“共享文件夾”單項(xiàng)選擇按鈕,在彈出的“編寫又名”對(duì)話框中將“又名”設(shè)置為site;在“接見權(quán)限”中選擇“讀取”;在“應(yīng)用程序權(quán)限”中選擇“腳本”,如圖2-20所示。最后單擊“確立”按鈕封閉對(duì)話框,便達(dá)成了定義動(dòng)向站點(diǎn)的準(zhǔn)備工作。<02>進(jìn)入“高級(jí)”選項(xiàng)卡。(1)選擇“站點(diǎn)”|“新建站點(diǎn)”選項(xiàng),選擇“站點(diǎn)定義”對(duì)話框中的“高級(jí)”選項(xiàng)卡。(2)從“分類”列表框中選擇“當(dāng)?shù)匦畔ⅰ保J(rèn)選項(xiàng))選項(xiàng),如圖2-21所示。<03>設(shè)置“當(dāng)?shù)匦畔ⅰ钡母鲄?shù)(見圖2-22<04>設(shè)置“測(cè)試服務(wù)器”的各參數(shù)(見圖2-23)。<05>顯示結(jié)果。(3)測(cè)試站點(diǎn)<01>將ch02\文件復(fù)制到C:\site文件夾中,并使用Dreamweaver8翻開。<02>單擊閱讀器中“預(yù)覽/調(diào)試”按鈕,或許按F12鍵在閱讀器中運(yùn)轉(zhuǎn)頁(yè)面。出現(xiàn)如圖2-25所示的成功頁(yè)面。若閱讀器提示找不到服務(wù)器,則需從頭搭建ASP服務(wù)器。3、穩(wěn)固練習(xí)練習(xí)站點(diǎn)的成立,及其基本操作。七、作業(yè)辦理在講堂上要求每一個(gè)同學(xué)在F盤下成立一個(gè)名為”我的動(dòng)向站點(diǎn)”的文件夾,將其設(shè)置為虛構(gòu)目錄,在dreamweaver中創(chuàng)立一個(gè)動(dòng)向站點(diǎn),將站點(diǎn)信息寄存到我的動(dòng)向站點(diǎn)文件夾中。八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。第三章文本及其格式化課題:輸入文本及其格式化一、教課基本內(nèi)容1、輸入一般文本2、插入符號(hào)、日期3、使用項(xiàng)目列表二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):1、插入符號(hào)、空格和日期、使用項(xiàng)目列表難點(diǎn):1、項(xiàng)目列表五、教課目標(biāo)1、掌握文本輸入方法2、掌握日期的插入3、掌握項(xiàng)目列表的使用六、教課過程1、引入第一例用一個(gè)已達(dá)成的網(wǎng)頁(yè),讓學(xué)生來看他人的設(shè)置,由此引入文本的格式化。2、解說新課(1)文本的輸入兩種方法:a:直接在文檔窗口中輸入文本。即先選摘要插入文本的地點(diǎn),而后直接輸入文本。b:在其余編寫器中復(fù)制已經(jīng)生成的文本,而后切換到Dreamweaver8文檔窗口中,將選用插入點(diǎn),而后選擇“編寫”|“粘貼”選項(xiàng)。2)創(chuàng)立項(xiàng)目列表種類:無序列表、有序列表、定義列表、目錄列表和菜單列表。3)插入日期3、穩(wěn)固練習(xí)練習(xí)各樣項(xiàng)目列表的使用七、作業(yè)辦理要求每一個(gè)同學(xué)成立一個(gè)名為“我的網(wǎng)頁(yè)”的空白文檔,在網(wǎng)頁(yè)中輸入文字,而后在右下角插入日期,在內(nèi)容中間便用有序列表。八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題:CSS款式一、教課基本內(nèi)容1、演示并解說CSS的應(yīng)用、CSS的基本觀點(diǎn)、CSS的特色、CSS款式定義、CSS常用屬性與值二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):1、掌握CSS款式定義2、掌握CSS常用屬性與值難點(diǎn):1、掌握CSS款式定義2、CSS常用屬性與值3、能獨(dú)立達(dá)成CSS款式的應(yīng)用五、教課目標(biāo)、掌握CSS的基本觀點(diǎn)、掌握CSS款式定義、掌握CSS常用屬性與值六、教課過程向?qū)W生演示多個(gè)項(xiàng)目:成品站點(diǎn),分階段演示和剖析此網(wǎng)頁(yè)的設(shè)計(jì)流程和過程,在每個(gè)階段演示完成后,讓學(xué)生對(duì)此階段進(jìn)行穩(wěn)固。解說完成后學(xué)生達(dá)成課后作業(yè),教師實(shí)行指導(dǎo)。第一步:演示并解說用CSS款式制作的網(wǎng)頁(yè)。第二步:分步演示并解說CSS款式的基本觀點(diǎn)。第三步:解說并剖析CSS常用屬性與值。第四步:聯(lián)合CSS款式的使用制作網(wǎng)頁(yè)第四步:課程小結(jié)。七、作業(yè)辦理講堂長(zhǎng)進(jìn)行計(jì)論:第一步:演示并解說用CSS款式制作的網(wǎng)頁(yè)。第二步:分步演示并解說CSS款式的基本觀點(diǎn)。第三步:解說并剖析CSS的知識(shí)點(diǎn)。第四步:聯(lián)合CSS款式的使用制作網(wǎng)頁(yè)第四步:課程小結(jié)。八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。第四章表格課題:表格創(chuàng)立及設(shè)置一、教課基本內(nèi)容、創(chuàng)立表格、增添表格對(duì)象、自動(dòng)套用表格格式二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):1、創(chuàng)立表格2、自動(dòng)套用表格格式難點(diǎn):套用表格格式五、教課目標(biāo)、掌握創(chuàng)立表格的基本方法、會(huì)使用自動(dòng)套用表格格式六、教課過程1、引入網(wǎng)頁(yè)需要進(jìn)行排版,由報(bào)紙的排版引入網(wǎng)頁(yè)的排版,由此提出表格的作用2、解說新課(1)創(chuàng)立表格步驟:<01>將光標(biāo)停放在頁(yè)面需要?jiǎng)?chuàng)立表格的地點(diǎn)。<02>假如未翻開“插入”工具欄,能夠在文檔窗口單擊按鈕。假如在文檔窗口中找不到該按鈕,可使用Ctrl+F2快捷鍵切換“插入”工具欄的顯示或隱蔽狀態(tài),<03>在“常用”標(biāo)簽中,單擊“表格”按鈕<04>彈出“表格”對(duì)話框輸入要插入表格的行數(shù),在此輸入2。列數(shù)輸入要插入表格的列數(shù),在此輸入3<05>單擊“確立”按鈕(2)套用表格格式3、穩(wěn)固練習(xí)創(chuàng)立一個(gè)表格,練習(xí)格式的套用。七、作業(yè)辦理在講堂上創(chuàng)立一個(gè)五行四列的表格,要求邊框?yàn)?/p>

0,寬

150,高

254的表格。八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題:表格的應(yīng)用一、教課基本內(nèi)容1、設(shè)置單元格2、表格的基本操作二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):表格的編寫難點(diǎn):排序表格五、教課目標(biāo)、掌握表格的基本操作、能夠嫻熟設(shè)置單元格格式六、教課過程1、引入(1)文字的定位:空格、回車(2)圖片的定位:垂直邊距、水平邊距2、表格插入表格:插入(Insert)表格(table),或許在對(duì)象面板行數(shù)(row)列數(shù)(column)邊距(cellpadding):?jiǎn)卧裰械膬?nèi)容與單元格邊框之間的距離間距(cellspacing):?jiǎn)卧裰g的距離寬度(width):能夠是像素(pixel)或百分比為單位(percent)邊框(boder):屬性面板:只有在選定整個(gè)表格時(shí)才出現(xiàn)表格屬性在表格中也能夠經(jīng)過右擊,調(diào)出的快捷菜單中選擇表格來對(duì)表格進(jìn)行設(shè)置消除行高和列寬按鈕改變列寬單位按鈕背景顏色:邊框顏色:設(shè)置整個(gè)表格的格線顏色背景圖像:3、表格所對(duì)應(yīng)的HTML代碼表格:[table][/table]行:[tr][/tr]列:[td][/td]4、表格的編寫(1)表格的嵌套(2)在網(wǎng)頁(yè)中,要進(jìn)行復(fù)雜的定位,一般需要用到嵌套表格。可是,一般不超出三層。(2)復(fù)制剪切粘貼(3)插入行、列,刪除隊(duì)列(4)歸并單元格,拆分單元格(5)改變行、列、表格的大?。和戏?,屬性面板精準(zhǔn)定義(6)表格模板:命令(command)格式化表格(formattable)七、作業(yè)辦理依據(jù)課本上的實(shí)訓(xùn)作出一個(gè)精巧課程表網(wǎng)頁(yè)八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。第五章圖像課題:圖像插入及屬性設(shè)置一、教課基本內(nèi)容1、圖像的種類2、插入鼠標(biāo)經(jīng)過圖像二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):插入圖像難點(diǎn):圖像屬性五、教課目標(biāo)1、掌握?qǐng)D像的插入方法2、掌握?qǐng)D像屬性設(shè)置六、教課過程1、引入網(wǎng)頁(yè)的頁(yè)面背景顏色和文本顏色在HTML代碼中是怎樣表示的?RGB方式表示顏色:紅綠蘭,0表示最弱,255表示最強(qiáng)一共能夠表示:256╳256╳256=種顏色因?yàn)殚喿x器的關(guān)系,只有216種顏色能在閱讀器中正常顯示,多于這個(gè)范圍的顏色,有的閱讀器顯示時(shí)即可能發(fā)生誤差,不可以正常顯示。這個(gè)范圍我們稱之為網(wǎng)頁(yè)安全顏色范圍網(wǎng)頁(yè)中運(yùn)用顏色原則:切忌采納過;背景顏色不要太深;要保持整個(gè)網(wǎng)頁(yè)的色彩一致;要環(huán)繞網(wǎng)頁(yè)主題選擇顏色2、解說新課(1)網(wǎng)頁(yè)中的圖像格式*BMP:位圖格式GIF:GraphicsInterchangeFormat可互換的圖像格式特色:只支持256種顏色支持透明成效、可以交織下載、能夠?qū)崿F(xiàn)動(dòng)畫成效、文件所占用空間小、不可以支持漸變色彩、改正圖片大小要從原文件改起JPEG:JointPhotographicExpertsGroup聯(lián)合拍照專家組文件格式特色:支持24位圖像、有損壓縮。(2)插入圖像3、穩(wěn)固練習(xí)練習(xí)設(shè)置圖像的屬性。七、作業(yè)辦理在表格中插入一張背景圖像。八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題:制作地圖網(wǎng)頁(yè)及電子相冊(cè)一、教課基本內(nèi)容1、制作地圖網(wǎng)頁(yè)2、電子相冊(cè)二、課型:實(shí)驗(yàn)課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):制作地圖網(wǎng)頁(yè)難點(diǎn):熱門選擇五、教課目標(biāo)1、掌握?qǐng)D像使用2、掌握?qǐng)D像的其余操作六、教課過程此節(jié)是實(shí)驗(yàn)課,實(shí)驗(yàn)步驟為:(01)啟動(dòng)Dreamweaver8,翻開文件。02)選中該文檔中“絲綢之路表示圖”圖像。03)在菜單欄中挨次選擇“窗口”|“屬性”選項(xiàng)或按下Ctrl+F3組合鍵,翻開“屬性”面板,假如沒有顯示圖像地圖制作工具,單擊“屬性”面板右下角的擴(kuò)展箭頭,04)在“屬性”面板中的“地圖”文本框中輸入圖像地圖名稱。05)創(chuàng)立圖像地圖(熱區(qū)),可依據(jù)地圖中不一樣的形狀選擇不一樣的熱區(qū)工具,在所選定圖像上拖動(dòng)鼠標(biāo)指針,即可達(dá)成圖像地圖的創(chuàng)立。06)圖像地圖創(chuàng)立達(dá)成后,選中所創(chuàng)立的熱區(qū),翻開“屬性”面板。在熱門“屬性”面板的“鏈接”文本框中輸入鏈接文件的名稱,或許單擊文件夾圖標(biāo)并經(jīng)過閱讀選擇在用戶單擊該熱門時(shí)要翻開的文件。在“目標(biāo)”下拉列表中,選擇用于翻開該文件的窗口。07)在“地中?!眲?chuàng)立一個(gè)矩形熱區(qū),在“代替”框中輸入“對(duì)于地中海的闡述”代替文本,并設(shè)置好鏈接(鏈接到)。08)依照同樣的方法分別為不一樣的路線或地名創(chuàng)立熱區(qū),并輸入不一樣的鏈接和代替文字,保存并預(yù)覽。當(dāng)鼠標(biāo)指針移到圖像地圖中時(shí)將顯示“代替”框中的內(nèi)容,假如設(shè)置有鏈接,單擊即可進(jìn)入所鏈接的文檔。(9)達(dá)成創(chuàng)立。第六章框架課題:框架集的創(chuàng)立及其基本操作一、教課基本內(nèi)容、演示并解說用框架制作的網(wǎng)頁(yè)、框架的基本構(gòu)造、框架的各樣屬性、框架構(gòu)造之間的鏈接二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):1、框架的各樣屬性2、框架構(gòu)造之間的鏈接難點(diǎn):1、框架的各樣屬性2、框架構(gòu)造之間的鏈接五、教課目標(biāo)、掌握框架的基本構(gòu)造、掌握框架的各樣屬性、掌握框架構(gòu)造之間的鏈接六、教課過程1、復(fù)習(xí)引入回想:Frontpage中的框架應(yīng)用、框架的應(yīng)用重復(fù)出此刻不一樣網(wǎng)頁(yè)文檔中的元素:網(wǎng)頁(yè)標(biāo)題、導(dǎo)航欄等等3、成立框架(1)將對(duì)象面板切換到框架頁(yè)(Frame)(2)插入不一樣的框架,一個(gè)地區(qū)對(duì)應(yīng)于一個(gè)頁(yè)面(3)在框架中翻開原有網(wǎng)頁(yè):文件(File)à在框架中翻開(OpeninFrame)4、保存框架(1)選擇文件(File)/保存所有框架(SaveFrameset),先保存框架文件,接著會(huì)出現(xiàn)提示,逐一保存框架中的網(wǎng)頁(yè)(2)保存時(shí)注意名稱5、框架編寫框架面板:窗口(Windows)à其余(Other)à框架(Frame)調(diào)出框架面板選定框架組:?jiǎn)螕粽麄€(gè)框架組的邊框;或在框架面板中單擊整個(gè)框架的邊框框架屬性:名稱、源文件,轉(zhuǎn)動(dòng)否,能否能夠調(diào)整大小,能否有邊框,邊框顏色,界限寬度,界限高度等拆分框架:按Alt鍵,拖動(dòng)邊框;改正(Modify)à框架頁(yè)(Frameset)à拆分左/右/上/下(splitframetop/bottom/left/right)注意差別:插入一個(gè)新的框架與拆分框架的差別6、框架所對(duì)應(yīng)的HTML代碼框架組:

經(jīng)過設(shè)置

rows

cols

來設(shè)定是橫的仍是豎的,是頂部仍是底部框架組屬性:frameborder

框架能否有邊框,border

邊框的寬度多少,framespacing框架間距框架項(xiàng):框架屬性:src指向的頁(yè)面,name框架名,scrolling能否有轉(zhuǎn)動(dòng)條,noresize不可以由用戶改變大小七、作業(yè)辦理1、成立框架頁(yè)面如圖,菜單鏈接到不一樣的圖片,單擊菜單中的一項(xiàng),圖片在右邊的框架中翻開2、成立左右型的框架,并在此中的左框架中插入上下型的框架3、成立左右型框架,并將左邊的框架拆分為上下型八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題:創(chuàng)立電子圖書一、教課基本內(nèi)容利用框架制作電子圖書網(wǎng)頁(yè)二、課型:實(shí)驗(yàn)課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):框架構(gòu)造之間的鏈接難點(diǎn):框架集五、教課目標(biāo)1、掌握框架的運(yùn)用2、掌握框架構(gòu)造之間的鏈接六、教課過程步驟:(01)翻開或新建一個(gè)空白的文檔,在該文檔中創(chuàng)立一個(gè)框架集。(02)命名框架。將左列框架命名為index、右列上部框架命名為_top、右列下部框架命名為main。(03)保存框架。將框架集保存為06A.asp文檔,index框架保存為文檔,_top框架保存為06C.asp文檔,main框架保存為,文檔均保存在ch06文件夾下。04)設(shè)置框架的行或列。將index框架的列設(shè)置為150像素,_top框架的行設(shè)置為90像素。05)設(shè)置頁(yè)面的配色方案。單擊“屬性”面板中的“頁(yè)面屬性”按鈕,將index框架的文檔的文本顏色設(shè)置為#669966,背景顏色設(shè)置為#FFCC99。06)將鏈接顏色按圖6-14右邊圖進(jìn)行設(shè)置,而后單擊“確立”按鈕。07)定義款式。選擇“文本”|“CSS款式”|“新建”選項(xiàng),將index框架的文檔的tr標(biāo)簽訂義為宋體9points。08)填補(bǔ)頁(yè)面。在index框架文檔中輸入如圖6-15所示的文本并插入一個(gè)9行1列的表格。此中“休閑娛樂”文本為隸書5號(hào)字體,顏色為#66CC00;表格邊框的顏色為白色;單元格的高度為像素,單元格的對(duì)齊方式為水平居中、垂直居中。(09)在“頁(yè)面屬性”對(duì)話框中將_top框架的標(biāo)題設(shè)置為“標(biāo)題欄”,將所有界限都設(shè)置為(10)將光標(biāo)逗留在_top框架中,輸入文本并插入images文件夾下的圖像,此中文本為

04號(hào)宋體,顏色為#66CC00。11)設(shè)置鏈接。選中左邊框架(index)中目錄下的“考試舞弊”文本,在“屬性”面板中的“鏈接”框中設(shè)置與之對(duì)應(yīng)的笑話內(nèi)容(WJ/)的鏈接。這時(shí)“目標(biāo)”框變成激活狀態(tài),從“目標(biāo)”下拉列表框中選擇鏈接的目標(biāo)為main。(12)使用同樣的方法設(shè)置其余“笑話”目錄所鏈接的內(nèi)容和鏈接目標(biāo),其余的鏈接目標(biāo)均為main框架。笑話目錄各項(xiàng)和WJ文件夾中~是一一對(duì)應(yīng)的關(guān)系。13)指定框架源文件。選中main框架,在“屬性”面板中的“源文件”文本框中設(shè)置框架的源文件。單擊旁邊的文件夾,選擇WJ文件夾中文件14)在文檔窗口的菜單欄中選擇“文件”|“保存所有”選項(xiàng),將所有的框架進(jìn)行保存。15)按F12鍵即可預(yù)覽該實(shí)例第七章頁(yè)面布局視圖的使用課題:布局表格和布局單元格的基本知識(shí)及操作一、教課基本內(nèi)容1、布局表格和布局單元格的基本知識(shí)2、布局表格和布局單元格的創(chuàng)立二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):創(chuàng)立布局表格和布局單元格難點(diǎn):布局表格的使用五、教課目標(biāo)、掌握布局的基本知識(shí)、嫻熟運(yùn)用布局表格和布局單元格六、教課過程1、引入在第四章學(xué)習(xí)過了表格的布局,用表格與布局表格對(duì)比,看其特色,進(jìn)而使學(xué)生更為認(rèn)識(shí)什么是布局表格和布局單元格。2、解說新課(1)布局表格的基本知識(shí)2)布局表格和布局單元格的基本操作選擇布局表格:須要履行以下操作之一:a:雙擊所繪制的布局表格中的標(biāo)記。單擊文檔窗口左下角的<table>標(biāo)簽,如圖7-3所示。調(diào)整布局單元格的大小:詳細(xì)操作步驟以下:01)選中要調(diào)整的布局單元格。02)選擇布局單元格邊線上的調(diào)整手柄,拖動(dòng)鼠標(biāo)即可調(diào)整布局單元格的大小挪動(dòng)布局表格和布局單元格:01)選中要挪動(dòng)的布局表格或布局單元格。(02)使用方向鍵即可挪動(dòng)布局表格或布局單元格了,但這樣每次只好挪動(dòng)1像素的距離;假如是在按下Shift鍵的同時(shí)再利用方向鍵挪動(dòng),每次可挪動(dòng)10像素的距離。設(shè)置布局寬度為固定寬度:詳細(xì)操作步驟以下:01)選摘要設(shè)置固定寬度的布局表格。02)在菜單欄中選擇“窗口”|“屬性”選項(xiàng),翻開“屬性”面板。03)在“屬性”面板中選擇“固定”單項(xiàng)按鈕,并在后邊的文本框中輸入一個(gè)數(shù)值,在此輸入640,其單位在默認(rèn)的條件下是像素。七、作業(yè)辦理進(jìn)入布局模式,練習(xí)布局與布局單元格八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題:制作完好頁(yè)面一、教課基本內(nèi)容利用布局制作完好頁(yè)面二、課型:實(shí)驗(yàn)課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):布局表格的創(chuàng)立難點(diǎn):布局單元格的使用五、教課目標(biāo)、掌握布局表格的運(yùn)用、掌握布局單元格的作用六、教課過程步驟:(01)選中在布局表格中所繪制的布局單元格,在“屬性”面板中將該布局單元格的寬度也設(shè)置為775像素,高度為68像素。02)將光標(biāo)逗留在布局單元格內(nèi),選擇菜單欄中的“插入”|“圖像”選項(xiàng),在彈出的“選擇圖像源文件”對(duì)話框中,選擇寄存在ch07\IMAGES文件夾下的圖像03)選擇圖像文件后,單擊“確立”按鈕,即可在布局單元格內(nèi)插入該圖像文件(04)單擊“繪制布局單元格”按鈕,在已經(jīng)插入圖像的布局表格下邊繪制3個(gè)布局單元格05)分別選中所繪制的布局單元格,并翻開“屬性”面板,將布局單元格的寬度和高度分別設(shè)置為:156、40)、(338、40)、(199、40)。(06)在所繪制布局單元格1和2內(nèi)分別輸入文本“生活空間”和“音樂天地”,并在布局單元格3內(nèi)插入寄存在ch07\IMAGES文件夾下的圖像07)在其下繪制2個(gè)布局單元格,分別選中并同時(shí)翻開“屬性”面板,將單元格的寬度和高度分別設(shè)置為:(148、326)、(516、326),如08)在圖7-17所示布局單元格(1)中繪制4個(gè)寬度為136像素,高度為34像素的布局單元格,并在其單元格內(nèi)分別輸入文本,09)填補(bǔ)布局單元格內(nèi)容。達(dá)成所對(duì)應(yīng)的布局單元格文本的輸入10)最后將“布局模式”轉(zhuǎn)變成“標(biāo)準(zhǔn)模式”。在“標(biāo)準(zhǔn)模式”中依據(jù)自己的審雅觀進(jìn)行調(diào)整,可為布局單元格的邊框進(jìn)行修飾第八章鏈接課題:鏈接與路徑介紹一、教課基本內(nèi)容1、鏈接的基本知識(shí)2、路徑的基本知識(shí)二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):鏈接與路徑的觀點(diǎn)難點(diǎn):路徑的理解五、教課目標(biāo)、掌握路徑的種類、能夠正確運(yùn)用路徑六、教課過程1、引入在翻開一個(gè)文件或插入一張圖片的時(shí)候都會(huì)用到路徑,由此來引入終究什么是路徑。2、解說新課1)URL簡(jiǎn)介URL(UniformResourceLocator,一致資源定位符)主要用于指定欲獲得因特網(wǎng)上資源的地點(diǎn)與方式。一個(gè)URL的構(gòu)成以下:[資源獲得方式]:db),單擊“達(dá)成”按鈕。(04)在彈出的“ODBCMicrosoftAccess安裝”對(duì)話框中,“數(shù)據(jù)源名”文本框中輸入dwmx,單擊“數(shù)據(jù)庫(kù)”欄中的“選擇”按鈕,選擇網(wǎng)站根目錄中的。單擊“確立”按鈕。(05)這時(shí)會(huì)發(fā)現(xiàn)系統(tǒng)數(shù)據(jù)源名稱中已經(jīng)多了一個(gè)dwmx,這就是接下來要使用的數(shù)據(jù)庫(kù)。06)單擊“確立”按鈕,達(dá)成對(duì)DSN數(shù)據(jù)源的創(chuàng)立。定義數(shù)據(jù)庫(kù)連結(jié)的方法:01)在Dreamweaver8面板組中,翻開“應(yīng)用程序”面板組。選擇“數(shù)據(jù)庫(kù)”面板,02)在“數(shù)據(jù)庫(kù)”面板中單擊按鈕,在彈出的快捷菜單中選擇“數(shù)據(jù)源名稱”選項(xiàng),彈出“數(shù)據(jù)源名稱(DSN)”對(duì)話框。03)在“連結(jié)名稱”文本框中輸入dsdwx。04)單擊對(duì)話框中的“測(cè)試”按鈕來測(cè)試能否能夠跟數(shù)據(jù)庫(kù)正確連結(jié)。05)單擊“確立”按鈕,再單擊“數(shù)據(jù)源名稱(DSN)”對(duì)話框中的“確立”按鈕,便達(dá)成數(shù)據(jù)庫(kù)連結(jié)的設(shè)定。七、作業(yè)辦理隨堂練習(xí)數(shù)據(jù)源的連結(jié)。八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課程:注冊(cè)、登錄頁(yè)面、服務(wù)器端考證一、教課基本內(nèi)容1、客戶注冊(cè)頁(yè)的基本知識(shí)2、客戶登錄頁(yè)的基本知識(shí)3、登錄考證二、課型:實(shí)驗(yàn)課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):1、記錄的插入2、用戶身份考證難點(diǎn):記錄集五、教課目標(biāo)掌握插入記錄的方法,能夠正確運(yùn)用記錄集。六、教課過程注冊(cè)頁(yè)面的創(chuàng)立步驟:(01)啟動(dòng)Dreamweaver8,翻開文件02)檢查注冊(cè)表單。選擇新客戶注冊(cè)頁(yè)面中的注冊(cè)表單。按Shift+F4組合鍵翻開“行為”面板,在“行為”面板中單擊按鈕,從彈出的菜單中選擇“檢查表單”選項(xiàng),彈出“檢查表單”對(duì)話框。03)單擊“確立”按鈕,達(dá)成檢查表單設(shè)置,并將該行為的事件設(shè)置為onSubmit。04)插入客戶注冊(cè)信息到數(shù)據(jù)庫(kù)表中。05)使用“檢查新用戶名”服務(wù)器行為,防備客戶注冊(cè)的用戶名重復(fù)。在“服務(wù)器行為”面板中單擊按鈕,從彈出的快捷菜單中挨次選擇“用戶身份考證”|“檢查新用戶名”選項(xiàng),在彈出的“檢查新用戶名”對(duì)話框中做如書上的設(shè)置。06)單擊“確立”按鈕返回。07)對(duì)達(dá)成的注冊(cè)頁(yè)面進(jìn)行保存,便達(dá)成了注冊(cè)頁(yè)面的制作。登錄頁(yè)面的成立:(01)翻開文件。02)選擇“窗口”|“行為”選項(xiàng),翻開“行為”面板。03)選中需要考證表單的<form>標(biāo)簽,再單擊“行為”面板上的“增添”按鈕,從彈出的菜單中選擇“檢查表單”選項(xiàng)。04)在“檢查表單”對(duì)話框中,把“命名的欄位”列表框中與登錄有關(guān)的兩項(xiàng)設(shè)置為必要的就能夠了。05)單擊“確立”按鈕返回。在“行為”面板中將觸發(fā)事件設(shè)置為onSubmit。06)這樣便達(dá)成了在客戶端考證的行為設(shè)置。保存文件以后,按F12鍵進(jìn)行閱讀。假如用戶所輸入的“登錄信息”不完好或不正確,系統(tǒng)將出現(xiàn)提示對(duì)話框,提示用戶輸入完好的登錄信息。七、作業(yè)辦理依照書上的事例,做出一個(gè)留言頁(yè)面,要求能夠顯示和刪除留言。八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。第十三章代碼片斷、庫(kù)項(xiàng)目和模板課題:代碼片斷創(chuàng)立與使用一、教課基本內(nèi)容1、代碼片斷的觀點(diǎn)及意義2、代碼片斷的創(chuàng)立與使用3、庫(kù)項(xiàng)目的創(chuàng)立與使用二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):1、代碼片斷的創(chuàng)立2、庫(kù)項(xiàng)目的創(chuàng)立難點(diǎn):代碼的編寫五、教課目標(biāo)掌握代碼片斷的使用方法,嫻熟運(yùn)用庫(kù)項(xiàng)目。六、教課過程1、代碼片斷使用代碼片斷,可使所儲(chǔ)存的內(nèi)容迅速地被重復(fù)使用。能夠創(chuàng)立和插入HTML、JavaScript、CFML、ASP、JSP等代碼片斷。Dreamweaver8自己還包含一些預(yù)約義的代碼片斷,也能夠使用這些預(yù)約義的代碼片斷作為開端點(diǎn),經(jīng)過對(duì)這些代碼片斷進(jìn)行再編寫或改正以知足自己頁(yè)面的需要。2、代碼片斷的創(chuàng)立新建代碼片斷文件夾,詳細(xì)操作步驟以下:01)啟動(dòng)Dreamweaver8,在菜單欄中選擇“窗口”|“代碼片斷”選項(xiàng),翻開“代碼片斷”面板。02)在空白地點(diǎn)單擊一下來選擇寄存新文件夾的地點(diǎn),不然新文件夾將成為子文件夾。(03)單擊“代碼片斷”面板右上角的按鈕,從彈出的快捷菜單中選擇“新建文件夾”選項(xiàng)。04)為新建的“未命名”的代碼片斷文件夾命名即可,如輸入“我的代碼片斷”作為該文件夾的名稱。新建代碼片斷:利用輸入代碼創(chuàng)立代碼片斷,詳細(xì)操作步驟以下:01)啟動(dòng)Dreamweaver8,在菜單欄中選擇“窗口”|“代碼片斷”選項(xiàng),翻開“代碼片斷”面板。02)右擊“我的代碼片斷”文件夾,從彈出的菜單中選擇“創(chuàng)立新代碼片斷”選項(xiàng)。03)彈出“代碼片斷”對(duì)話框。04)依據(jù)步驟3中闡述,達(dá)成的設(shè)置。05)單擊“確立”按鈕,即可達(dá)成該代碼片斷的創(chuàng)立,并在“我的代碼片斷”文件夾中顯示出來。七、作業(yè)辦理做一個(gè)顯示目前日期的代碼片斷,使之插入到頁(yè)面的適合地點(diǎn)。八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題:模板使用一、教課基本內(nèi)容1、模板的創(chuàng)立與使用2、利用模板更新頁(yè)面二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):模板的創(chuàng)立與使用難點(diǎn):使用模板更新頁(yè)面五、教課目標(biāo)掌握模板的使用方法,偉用模板更新頁(yè)面。六、教課過程1、模板特色使用模板創(chuàng)立文檔能夠使網(wǎng)站和網(wǎng)頁(yè)擁有一致的構(gòu)造和外觀,假如有多個(gè)網(wǎng)頁(yè)想要用同一風(fēng)格來制作,用模板絕對(duì)是最有效,而且也是最快的方法。模板實(shí)質(zhì)上就是作為創(chuàng)立其余文檔的基礎(chǔ)文檔。在創(chuàng)立模板時(shí),能夠說明哪些網(wǎng)頁(yè)元素應(yīng)當(dāng)長(zhǎng)久保存,不行編寫,哪些網(wǎng)頁(yè)元素能夠編寫改正。2、在模板中定義新的可編寫地區(qū)定義新的可編寫地區(qū)的詳細(xì)步驟以下:(01)翻開模板文件,在文檔中選摘要定義為可編寫地區(qū)的文本(或其余內(nèi)容),這里選擇頁(yè)眉區(qū)的標(biāo)題文本。02)右擊從彈出菜單中選擇“模板”|“新建可編寫地區(qū)”選項(xiàng),彈出“新建可編寫地區(qū)”對(duì)話框。03)在“新建可編寫地區(qū)”對(duì)話框中,為可編寫地區(qū)輸入名稱。命名一個(gè)可編寫地區(qū)時(shí)不可以使用單引號(hào)(')、雙引號(hào)(")、尖括號(hào)(<>)和&。04)在模板中,可編寫地區(qū)被突出顯示,并顯示出可編寫地區(qū)的名稱。七、作業(yè)辦理針對(duì)書上事例實(shí)訓(xùn)2做模板的操練八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。第十四章網(wǎng)頁(yè)的制作課題:個(gè)人主頁(yè)制作流程一、教課基本內(nèi)容、建站流程、在網(wǎng)頁(yè)中設(shè)置各樣元素二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):1、建站流程、網(wǎng)站的定位、嫻熟掌握在網(wǎng)頁(yè)中增添文字等元素難點(diǎn):1、網(wǎng)站的定位、網(wǎng)頁(yè)風(fēng)格的設(shè)計(jì)五、教課目標(biāo)、嫻熟掌握建站流程、掌握網(wǎng)站的定位、掌握網(wǎng)站風(fēng)格的設(shè)計(jì)、嫻熟掌握在網(wǎng)頁(yè)中增添各元素六、教課過程向?qū)W生演示多個(gè)項(xiàng)目:成品站點(diǎn),分階段演示和剖析此網(wǎng)頁(yè)的設(shè)計(jì)流程和過程,在每個(gè)階段演示完成后,讓學(xué)生對(duì)此階段進(jìn)行穩(wěn)固。解說完成后學(xué)生達(dá)成課后作業(yè),教師實(shí)行指導(dǎo)。第一步:解說建站的流程。第二步:解說市場(chǎng)檢查與剖析。第三步:解說建站內(nèi)容。第四步:解說功能框架。第五步:解說界面設(shè)計(jì)。第六步:演示站點(diǎn)框圖。第七步:演示網(wǎng)站截圖。第八步:解說并演示在網(wǎng)頁(yè)中增添元素。七、作業(yè)辦理依據(jù)以上各章所講的內(nèi)容,設(shè)計(jì)一個(gè)個(gè)人主頁(yè)。八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題:網(wǎng)頁(yè)殊效一、教課基本內(nèi)容1、墨林老人代碼2、漂浮圖層代碼二、課型:實(shí)驗(yàn)課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):殊效的使用難點(diǎn):代碼的理解五、教課目標(biāo)掌握網(wǎng)頁(yè)殊效的增添方法。六、教課過程墨林老人代碼:<objectclassid=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081Fid=ricci></object><scriptclass="fsttd1">varMerlinID;varMerlinACS;true;MerlinLoaded=LoadLocalAgent(MerlinID,MerlinACS);Merlin="Surprised");("歡迎到達(dá)");("GestureLeft");("這里是《家庭百科》!");("Pleased");("有什么問題請(qǐng)到論壇講話");("GestureDown");("感謝大家蒞臨與支持!");( );functionLoadLocalAgent(CharID,CharACS){LoadReq=CharACS);return(true);}</script>七、作業(yè)辦理在上節(jié)完好頁(yè)面上,增添殊效代碼,實(shí)現(xiàn)事例中的成效。八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。第十五章網(wǎng)站的測(cè)試與上傳課題:網(wǎng)站測(cè)試一、教課基本內(nèi)容1、優(yōu)化網(wǎng)站2、優(yōu)化文檔3、網(wǎng)站當(dāng)?shù)販y(cè)試的意義二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):1、鏈接測(cè)試2、搜尋文件難點(diǎn):鏈接測(cè)試五、教課目標(biāo)掌握測(cè)試方,會(huì)優(yōu)化文檔。六、教課過程詳細(xì)的測(cè)試和改正操作步驟以下:01)翻開需要測(cè)試的網(wǎng)頁(yè)。在菜單欄中選擇“文件”|“檢查頁(yè)”|“檢查目標(biāo)閱讀器”選項(xiàng)。02)系統(tǒng)開始對(duì)目前的頁(yè)面進(jìn)行檢查,會(huì)在“結(jié)果”面板組的“目標(biāo)閱讀器檢查”面板中列出一個(gè)報(bào)告單。該報(bào)告單中列出了錯(cuò)誤項(xiàng)和有可能出現(xiàn)的錯(cuò)誤項(xiàng),并在該報(bào)告單的下邊列出了出現(xiàn)錯(cuò)誤的詳細(xì)地點(diǎn)和原由。03)能夠依據(jù)報(bào)告單中的提示,對(duì)該頁(yè)面中的文檔進(jìn)行改正,直到?jīng)]有錯(cuò)誤為止。檢查鏈接,詳細(xì)操作步驟以下:01)在菜單欄中選擇“窗口”|“結(jié)果”選項(xiàng),翻開“結(jié)果”面板組,單擊此中的“鏈接檢查器”面板。02)單擊該窗口左上角的按鈕,選摘要檢查的范圍。03)假如選擇“檢查目前文檔中的鏈接”選項(xiàng),則彈出顯示目前文檔中鏈接檢查的報(bào)告單。04)在“顯示”下拉列表中,用戶能夠選摘要檢查的鏈接方式。七、作業(yè)辦理對(duì)自己所做的個(gè)人網(wǎng)站做一個(gè)測(cè)試。八、教具所用的教室為多媒體實(shí)驗(yàn)室,所以所要板書的內(nèi)容及使用的工具均在計(jì)算機(jī)上用PPT課件進(jìn)行演示。課題:網(wǎng)站上傳一、教課基本內(nèi)容上傳網(wǎng)站二、課型:新講課三、課時(shí):2個(gè)課時(shí)四、教課要點(diǎn)與難點(diǎn)要點(diǎn):網(wǎng)站上傳難點(diǎn):網(wǎng)站上傳五、教課目標(biāo)掌握網(wǎng)站上傳方法。六、教課過程上傳網(wǎng)頁(yè)步驟:(01)單擊“文件”面板中的按鈕,如圖15-12所示,切換到站點(diǎn)管理窗口。(02)在站點(diǎn)管理窗口中,單擊工具欄上的“連結(jié)到遠(yuǎn)端主機(jī)”按鈕,連結(jié)遠(yuǎn)程服務(wù)器。當(dāng)Dreamweaver8成功連入服務(wù)器后,按鈕會(huì)自動(dòng)變成“閉合”狀

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論