【正文】 定網(wǎng)站的鏈接結(jié)構(gòu)，網(wǎng)站的整體風(fēng)格，首頁(yè)的設(shè)計(jì)，站點(diǎn)的創(chuàng)建。李京文主編，網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)與考試指導(dǎo)，高等教育出版社，2012。第五篇：《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)大綱《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)大綱課程編號(hào)：14411400 課程總學(xué)時(shí)：48 周學(xué)時(shí)數(shù)：3 學(xué)分：3 課程類型：專業(yè)必修課 開課（系）院：教育學(xué)院 執(zhí)筆人：朱 玲 審核人：劉 梅一、課程簡(jiǎn)介《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門綜合性、應(yīng)用性很強(qiáng)的課程，是教育技術(shù)學(xué)專業(yè)的一門專業(yè)必修課程。熟練掌握Dreamweaver 8的基本界面環(huán)境和HTML語(yǔ)法，了解當(dāng)前常用數(shù)據(jù)庫(kù)的基礎(chǔ)知識(shí)，能利用數(shù)據(jù)庫(kù)來(lái)為網(wǎng)站服務(wù)。項(xiàng)目教學(xué)法”是通過(guò)實(shí)施一個(gè)完整的項(xiàng)目而進(jìn)行的教學(xué)活動(dòng)，其目的是在課堂教學(xué)中把理論與實(shí)踐教學(xué)有機(jī)地結(jié)合起來(lái)，充分發(fā)掘?qū)W生的創(chuàng)造潛能，提高學(xué)生解決實(shí)際問(wèn)題的綜合能力。二、教學(xué)目的與要求教學(xué)目的本課程開設(shè)的主要目的，是為了適應(yīng)web技術(shù)的飛速發(fā)展，為學(xué)生今后在學(xué)習(xí)、工作中建立網(wǎng)站及網(wǎng)頁(yè)制作打下基礎(chǔ)。教學(xué)要求在本課程的學(xué)習(xí)中，要求學(xué)生能夠熟練使用Dreamweaver 8操作環(huán)境，掌握HTML的語(yǔ)法規(guī)則，并能夠利用Dreamweaver 8的強(qiáng)大功能制做出精美的網(wǎng)頁(yè)，同時(shí)能獨(dú)立創(chuàng)建并管理網(wǎng)站。2．簡(jiǎn)述制作網(wǎng)頁(yè)需要注意的問(wèn)題。第五章 使用網(wǎng)頁(yè)圖像[教學(xué)目的與要求]、如何編輯圖像 [重點(diǎn)與難點(diǎn)]1．網(wǎng)頁(yè)圖像的格式 2．插入圖像 3．編輯圖像 4．創(chuàng)建圖像映射 [教學(xué)時(shí)數(shù)] 3學(xué)時(shí)[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]一、網(wǎng)頁(yè)圖像簡(jiǎn)述(一)位圖圖像(二)矢量圖像(三)常見(jiàn)網(wǎng)頁(yè)圖像格式二、插入圖像(一)插入普通圖像(二)插入鼠標(biāo)經(jīng)過(guò)時(shí)變化的圖像(三)插入網(wǎng)頁(yè)背景圖像三、編輯圖像(一) 調(diào)整圖像大小(二) 剪掉圖像的多余部分(三) 調(diào)整圖像的亮度和對(duì)比度(四) 銳化圖像(五) 圖像的排列方式(六) 設(shè)置圖像間距(七) 用文字代替圖像(八) 使用圖像編輯器四、創(chuàng)建圖像映射(一) 什么是圖像映射圖(二) 圖像映射面板(三) 定義和編輯熱點(diǎn)(四) 為熱點(diǎn)建立鏈接 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]實(shí)驗(yàn)項(xiàng)目：插入網(wǎng)頁(yè)對(duì)象（第12章）實(shí)驗(yàn)課時(shí)：2學(xué)時(shí) [課堂訓(xùn)練、作業(yè)思考題]1．如何在網(wǎng)頁(yè)中用文字代替圖像？ 2．如何為熱點(diǎn)建立鏈接？[教學(xué)目的與要求]、 [重點(diǎn)與難點(diǎn)]1．創(chuàng)建表格 2．編輯表格第六章 創(chuàng)建和使用表格3．套用表格 4．表格的嵌套5．使用表格進(jìn)行頁(yè)面布局 [教學(xué)時(shí)數(shù)] 3學(xué)時(shí)[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]一、創(chuàng)建表格(一)插入表格并添加內(nèi)容(二)導(dǎo)入表格數(shù)據(jù)文件二、編輯表格(一)添加/刪除行列(二)調(diào)整表格大小(三)調(diào)整行高和列寬(四)合并/拆分單元格(五)設(shè)置單元格的寬度和高度(六)設(shè)置表格的邊框顏色(七)設(shè)置表格的背景三、套用表格樣式四、表格的嵌套五、使用表格進(jìn)行頁(yè)面布局(一)布局模式(二)繪制布局單元格和布局表格(三)將內(nèi)容添加到布局單元格中(四)使用間隔圖像(五)更改布局表格和布局單元格的屬性[實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]實(shí)驗(yàn)項(xiàng)目：網(wǎng)頁(yè)布局（第8章）實(shí)驗(yàn)課時(shí)：2課時(shí) [課堂訓(xùn)練、作業(yè)思考題]1．簡(jiǎn)述合并和拆分單元格的幾種方法。(二)使用“層”面板可以防止層重疊、更改層的可見(jiàn)性、將層嵌套或?qū)盈B，以及選擇一個(gè)或多個(gè)層。[教學(xué)目的與要求]第九章 表 單四、 [重點(diǎn)與難點(diǎn)]、單選按鈕和單選按鈕組 [教學(xué)時(shí)數(shù)] 3學(xué)時(shí)[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]一、表單與表單元素(一)表單(二)表單元素二、表單(一)創(chuàng)建表單(二)設(shè)置表單屬性三、文本域和文本區(qū)域(一)插入文本域(二)設(shè)置文本域的屬性(三)插入文本區(qū)域四、復(fù)選框、單選按鈕和單選按鈕組(一)插入單選按鈕與復(fù)選框(二)設(shè)置單選按鈕與復(fù)選框的屬性五、列表框和彈出菜單(一)插入列表框與彈出菜單(二)設(shè)置列表/菜單屬性(三)跳轉(zhuǎn)菜單(四)文件域(五)表單按鈕(六)標(biāo)準(zhǔn)表單按鈕(七)圖片式按鈕(八)檢查表單 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]實(shí)驗(yàn)項(xiàng)目1：插入網(wǎng)頁(yè)對(duì)象（第12章）實(shí)驗(yàn)課時(shí)：3學(xué)時(shí) 實(shí)驗(yàn)項(xiàng)目2：表單對(duì)象 實(shí)驗(yàn)課時(shí)：2課時(shí) [課堂訓(xùn)練、作業(yè)思考題]1．文本域與文本區(qū)域有何區(qū)別？ 2．如何插入跳轉(zhuǎn)菜單？第十章 添加超級(jí)鏈接和導(dǎo)航工具條[教學(xué)目的與要求] 8中創(chuàng)建超級(jí)鏈接的基本方法；：包括內(nèi)部、外部超級(jí)鏈接、為Email和下載文件添加超級(jí)鏈接、使用錨點(diǎn)和導(dǎo)航條工具等內(nèi)容。2．如何創(chuàng)建錨點(diǎn)？第十一章 層疊樣式表[教學(xué)目的與要求]、“CSS樣式”面板與“相關(guān)CSS”面板的使用、應(yīng)用類樣式的方法、插入樣式表的方式、CSS樣式的屬性設(shè)置；。2．簡(jiǎn)述創(chuàng)建CSS樣式的方法。 Applet程序。[教學(xué)時(shí)數(shù)] 3學(xué)時(shí)[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]一、插入多媒體文件簡(jiǎn)介二、添加Flash動(dòng)畫(一)插入Flash動(dòng)畫(二)設(shè)置Flash動(dòng)畫屬性(三)參數(shù)簡(jiǎn)介三、插入Shockwave電影(一)插入Shockwave電影(二)設(shè)置Shockwave電影屬性四、插入Java Applet程序（一）插入Java Applet程序（二）設(shè)置Java Applet屬性五、設(shè)置ActiveX控件六、設(shè)置Netscape Navigator插件(一)插入插件(二)設(shè)置插件屬性七、在網(wǎng)頁(yè)中添加聲音(一)聲音文件格式(二)為網(wǎng)頁(yè)加入背景音樂(lè)(三)嵌入聲音文件八、插入日期和時(shí)間九、使用計(jì)數(shù)器 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]實(shí)驗(yàn)項(xiàng)目：插入網(wǎng)頁(yè)對(duì)象（第12章）實(shí)驗(yàn)課時(shí)：3學(xué)時(shí) [課堂訓(xùn)練、作業(yè)思考題]1．簡(jiǎn)述可以插入的多媒體組件的種類。2．簡(jiǎn)述單擊某按鈕時(shí)發(fā)出聲音特效的制作方法。第十六章 上傳站點(diǎn)[教學(xué)目的與要求] [重點(diǎn)與難點(diǎn)] [教學(xué)時(shí)數(shù)] 3學(xué)時(shí)[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]一、申請(qǐng)網(wǎng)站空間(一)選擇網(wǎng)站空間(二)申請(qǐng)方法二、上傳站點(diǎn)（一）設(shè)置本地服務(wù)器地址（二）傳送站點(diǎn)三、宣傳和推廣（一）用Email形式來(lái)宣傳（二）在BBS或新聞組中宣傳(三)在搜索引擎網(wǎng)站中宣傳(四)廣告與友情鏈接(五)在Dreamweaver 8中插入關(guān)鍵詞與描述 [實(shí)驗(yàn)實(shí)踐教學(xué)環(huán)節(jié)]無(wú)[課堂訓(xùn)練、作業(yè)思考題]1．簡(jiǎn)述申請(qǐng)個(gè)人免費(fèi)網(wǎng)絡(luò)空間的方法。四、教材與教學(xué)參考書[1] 孫印杰，薛書琴， ，2008.[2] （中文版)，2007.[3] 楊聰，韓小祥， ，2009.[4] （Dreamweaver ）（第2版）.電子工業(yè)出版社，2009.[5] ，、實(shí)驗(yàn)實(shí)踐教學(xué)實(shí)驗(yàn)教學(xué)是網(wǎng)頁(yè)設(shè)計(jì)與制作的重要實(shí)踐環(huán)節(jié)。培養(yǎng)學(xué)生分析問(wèn)題和解決問(wèn)題的能力，為以后深入學(xué)習(xí)教育技術(shù)專業(yè)的其它課程打下堅(jiān)實(shí)的基礎(chǔ)。為使學(xué)生鞏固課堂所學(xué)知識(shí)，根據(jù)教學(xué)內(nèi)容本課程共設(shè)5項(xiàng)實(shí)驗(yàn)，分別是熟悉Dreamweaver 8的操作環(huán)境、插入網(wǎng)頁(yè)對(duì)象、網(wǎng)頁(yè)布局、表單對(duì)象和制作動(dòng)態(tài)網(wǎng)頁(yè)，最終學(xué)生上機(jī)實(shí)驗(yàn)完成最終作品。課外訓(xùn)練的主要目的：充分掌握網(wǎng)頁(yè)制作的有關(guān)技能操作，學(xué)會(huì)設(shè)計(jì)單個(gè)網(wǎng)頁(yè)，能夠開發(fā)一個(gè)小型網(wǎng)站。（二）自學(xué)指導(dǎo)體系 1．自學(xué)目的與要求這門課程要求學(xué)生不僅僅是掌握課本上的知識(shí)，課本上的知識(shí)是遠(yuǎn)遠(yuǎn)不夠的，這就要求學(xué)生必須自學(xué)。要求知道與網(wǎng)頁(yè)制作有關(guān)的知識(shí)。自學(xué)的方法主要有資料查閱法、討論法、網(wǎng)上學(xué)習(xí)法、實(shí)驗(yàn)練習(xí)法等。