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