【正文】 作業(yè)(20%)平時(shí)成績(jī)分配：平時(shí)考勤5次，每次2分，共占10% 作業(yè)5次，每次2分，共占10%八、執(zhí)行大綱時(shí)應(yīng)注意的問(wèn)題根據(jù)學(xué)生對(duì)課程內(nèi)容的掌握和理解程度會(huì)對(duì)進(jìn)度做適當(dāng)?shù)恼{(diào)整。在網(wǎng)絡(luò)技術(shù)迅速發(fā)展的今天，網(wǎng)頁(yè)制作已成為當(dāng)今社會(huì)上一種比較熱門的技術(shù)，也是計(jì)算機(jī)專業(yè)學(xué)生的一門必修課，通過(guò)課程學(xué)習(xí)要求學(xué)生能夠掌握靜態(tài)網(wǎng)頁(yè)的制作工具的使用以及HTML標(biāo)記語(yǔ)言的運(yùn)用，并基本掌握J(rèn)avaScript腳本語(yǔ)言編程的常用方法與技巧。二、教學(xué)內(nèi)容、要點(diǎn)和課時(shí)安排第一章 Dreamweaver MX概述 1．Dreamweaver MX簡(jiǎn)介2．Dreamweaver MX的工作界面介紹3．窗口和面板4．Dreamweaver MX的新特性要求：熟悉Dreamweaver MX的操作界面，DreamweaverMX版本的最新特性，掌握如何自行設(shè)置具有獨(dú)特的工作環(huán)境，對(duì)Dreamweaver MX的主界面認(rèn)識(shí)透徹，便于以下課程的深度學(xué)習(xí)。第四章 圖像2學(xué)時(shí)2學(xué)時(shí)1．常用圖像文件格式 2．插入圖像 3．設(shè)置圖像的屬性要求：通過(guò)學(xué)習(xí)，學(xué)生必須完全掌握如何在DreamweaverMX軟件中插入圖像、修改圖像的屬性，利用外部圖象處理軟件編輯圖像以及創(chuàng)建圖像地圖等方法。對(duì)表格的修改主要是添加內(nèi)容、修改表格或單元格行/列屬性，復(fù)制或者粘貼多個(gè)單元格等操作。第八章 鏈接3學(xué)時(shí)3學(xué)時(shí)1．鏈接、路徑與錨2．建立鏈接 3．建立特殊鏈接要求：了解鏈接、路徑與錨的使用條件、掌握鏈接的幾種設(shè)置方法和他們的區(qū)別，學(xué)會(huì)使用特殊鏈接（書(shū)簽、電子郵箱、網(wǎng)站URL）,理解掌握鏈接目標(biāo)的指定。第十二章 時(shí)間軸與動(dòng)畫(huà)1．時(shí)間軸面板2．使用時(shí)間軸創(chuàng)建動(dòng)畫(huà)3．修改時(shí)間軸4．創(chuàng)建錄制路徑動(dòng)畫(huà) 5．在時(shí)間軸中改變對(duì)象屬性6．在時(shí)間軸中使用行為7．時(shí)間軸動(dòng)畫(huà)實(shí)例要求：掌握如何使用時(shí)間軸創(chuàng)建時(shí)間線動(dòng)畫(huà)，重點(diǎn)掌握如何修改時(shí)間線及其對(duì)象的屬性，添加和刪除禎、修改動(dòng)畫(huà)的起始時(shí)間、修改動(dòng)畫(huà)路徑的位置等。第十六章 經(jīng)典實(shí)例1．個(gè)人網(wǎng)站 2．網(wǎng)站論壇要求：了解頁(yè)面的整體設(shè)計(jì)，掌握表格的高級(jí)應(yīng)用技巧，了解交互網(wǎng)站的運(yùn)行機(jī)制，掌握服務(wù)器行為的應(yīng)用，學(xué)生通過(guò)鍛煉，掌握創(chuàng)建網(wǎng)站的全部過(guò)程和機(jī)制，能夠獨(dú)立網(wǎng)站一個(gè)小型的全面的個(gè)人網(wǎng)站。期末考試采取理論考試為主、大作業(yè)（完整的個(gè)人網(wǎng)站）為輔的形式。劉洪武：《網(wǎng)頁(yè)設(shè)計(jì)與制作（高職教材）》，大連理工大學(xué)出版社，2003年7月?？倢W(xué)時(shí)：18學(xué)時(shí)，實(shí)際教學(xué)中采用理論教學(xué)中穿插上機(jī)實(shí)踐。Web服務(wù)器架構(gòu):了解Web服務(wù)器的概念、會(huì)建立IIS，會(huì)進(jìn)行Web站點(diǎn)的設(shè)置與管理。第二章 HTML語(yǔ)言一、目的和要求(一)熟悉HTML標(biāo)記語(yǔ)言的基礎(chǔ)知識(shí)；(二)熟悉HTML語(yǔ)法基礎(chǔ)；(三)掌握文本格式標(biāo)記、列表標(biāo)記、表格標(biāo)記、表單及表單控件標(biāo)記，熟練利用標(biāo)記編寫(xiě)頁(yè)面代碼；(四)掌握超鏈接、圖像、音樂(lè)及流動(dòng)字幕的設(shè)置方法。掌握段落格式標(biāo)記：,。amp。掌握表格標(biāo)記：。二、教學(xué)內(nèi)容(一)Dreamweaver 8基礎(chǔ)知識(shí):會(huì)啟動(dòng)、關(guān)閉中文Dreamweaver 8，了解Dreamweaver 8的功能、主窗口，標(biāo)題欄、菜單欄、工具欄、網(wǎng)頁(yè)編輯窗口、狀態(tài)欄、屬性面板、浮動(dòng)控制面板組。第四章 VBScript腳本語(yǔ)言一、目的和要求(一)了解VBScript的基本概念；(二)熟練掌握VBScript語(yǔ)法；(三)熟練掌握VBScript的sub過(guò)程與function函數(shù)；(四)會(huì)使用VBScript進(jìn)行簡(jiǎn)單編程。熟練掌握VBScript中FUNCTION（）函數(shù)的使用。(二)掌握ASP運(yùn)行環(huán)境的搭建方法及建立ASP動(dòng)態(tài)網(wǎng)站的一般方法。(二)ASP動(dòng)行環(huán)境：IIS的安裝，IIS下站點(diǎn)的建立與管理。二、教學(xué)內(nèi)容(一)網(wǎng)站的規(guī)劃設(shè)計(jì)：確定網(wǎng)站的主題和名稱，確定網(wǎng)站的形象，確定網(wǎng)站的欄目，確定網(wǎng)站的目錄結(jié)構(gòu)，確定網(wǎng)站的鏈接結(jié)構(gòu)，網(wǎng)站的整體風(fēng)格，首頁(yè)的設(shè)計(jì)，站點(diǎn)的創(chuàng)建。第五篇：《網(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è)必修課 開(kāi)課（系）院：教育學(xué)院 執(zhí)筆人：朱 玲 審核人：劉 梅一、課程簡(jiǎn)介《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門綜合性、應(yīng)用性很強(qiáng)的課程，是教育技術(shù)學(xué)專業(yè)的一門專業(yè)必修課程。項(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é)習(xí)中，要求學(xué)生能夠熟練使用Dreamweaver 8操作環(huán)境，掌握HTML的語(yǔ)法規(guī)則，并能夠利用Dreamweaver 8的強(qiáng)大功能制做出精美的網(wǎng)頁(yè)，同時(shí)能獨(dú)立創(chuàng)建并管理網(wǎng)站。第五章 使用網(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)述合并和拆分單元格的幾種方法。[教學(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．簡(jiǎn)述創(chuàng)建CSS樣式的方法。[教學(xué)時(shí)數(shù)] 3學(xué)時(shí)[教學(xué)方法與手段] 講授法與多媒體教學(xué)相結(jié)合 [主要內(nèi)容]一、插入多媒體文件簡(jiǎn)介二、添加Flash動(dòng)畫(huà)(一)插入Flash動(dòng)畫(huà)(二)設(shè)置Flash動(dòng)畫(huà)屬性(三)參數(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)述可以插入的多媒體組件的種類。第十六章 上傳站點(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ò)空間的方法。培養(yǎng)學(xué)生分析問(wèn)題和解決問(wèn)題的能力，為以后深入學(xué)習(xí)教育技術(shù)專業(yè)的其它課程打下堅(jiān)實(shí)的基礎(chǔ)。課外訓(xùn)練的主要目的：充分掌握網(wǎng)頁(yè)制作的有關(guān)技能操作，學(xué)會(huì)設(shè)計(jì)單個(gè)網(wǎng)頁(yè)，能夠開(kāi)發(fā)一個(gè)小型網(wǎng)站。要求知道與網(wǎng)頁(yè)制作有關(guān)的知識(shí)。