(完整版)網(wǎng)頁設(shè)計教學(xué)大綱

1、網(wǎng)頁設(shè)計教學(xué)大綱 一、課程性質(zhì)與任務(wù) 1、課程性質(zhì) 網(wǎng)頁設(shè)計與制作是中計算機專業(yè)開設(shè)的一門專業(yè)必修課，是計算機類專業(yè)的一門實 踐環(huán)節(jié)課程，也可以作為其他相關(guān)專業(yè)的實踐課程或選修課，它是一門操作性和實踐性很強 的職業(yè)技術(shù)課程。本課程的主要內(nèi)容為系統(tǒng)介紹網(wǎng)頁編輯與制作軟件Dreamweaver cs3，通 過這種有代表性的網(wǎng)頁制作軟件的使用，掌握網(wǎng)站設(shè)計的全過程，并能熟練地制作出有專業(yè) 水準(zhǔn)的網(wǎng)站。 2、課程任務(wù) 本門課程在專業(yè)教學(xué)計劃中起著十分重要的作用，通過這門課程，學(xué)生可以掌握以下技 能和知識： *掌握網(wǎng)站的開發(fā)流程，如建站規(guī)劃、效果圖制作、建立站點等相關(guān)知識。 *掌握各種網(wǎng)頁元素在 Dre

2、amweaver cs3中的使用。例如表格、文本、圖像、超級鏈接、 層和表單等。 *熟悉一些網(wǎng)頁設(shè)計輔助軟件的功能和使用方法。例如Flash Fireworks、Photoshop等。 *掌握測試和發(fā)布網(wǎng)站的方法。包括網(wǎng)站測試的內(nèi)容和方法。 *能夠解決一些網(wǎng)頁設(shè)計中的常見問題。 * 了解ASP開發(fā)平臺的搭建，Dreamweaver cs3在動態(tài)網(wǎng)頁制作方面的應(yīng)用。 二、課程教學(xué)目標(biāo)與要求 1、本課程的基本目標(biāo) （1） 使學(xué)生通過本課程的學(xué)習(xí)，掌握Dreamweaver cs3的使用方法，學(xué)會使用 Dreamweaver cs3制作Web網(wǎng)頁的技術(shù)。 （2）本課程學(xué)習(xí)結(jié)束后， 學(xué)生應(yīng)能自行設(shè)計各

3、種網(wǎng)頁、開發(fā)一定規(guī)模的網(wǎng)站，使學(xué)生通 過本課程的學(xué)習(xí)，熟練掌握其基本制作方法和技巧，并最終設(shè)計一個綜合性的網(wǎng)站并且編制 簡單的腳本上傳到互聯(lián)網(wǎng)上。 2、課程在知識、素質(zhì)方面的基本要求 （1 ）知識要求 深入了解In ternet，理解 WWW、HTTP、HTML等概念及作用；掌握網(wǎng)站設(shè)計和發(fā)布的 流程。理解網(wǎng)站維護管理的意義及重要性，理解服務(wù)器、客戶端、瀏覽器的概念和作用；了 解多種網(wǎng)頁制作軟件和圖像處理軟件相結(jié)合設(shè)計網(wǎng)站的好處。了解Dreamweaver cs3在動態(tài) 網(wǎng)站上的應(yīng)用。 （2 ）素質(zhì)要求 本課程將培養(yǎng)學(xué)生以下幾方面的職業(yè)素質(zhì)： 服務(wù)意識：能夠為他人提供優(yōu)質(zhì)的服務(wù)； 文明法制意識

4、：網(wǎng)站內(nèi)容應(yīng)積極健康向上，不做違法的事； 合作精神：能夠與他人進行合作，具有協(xié)調(diào)工作能力和組織管理能力； 較強的自我知識及技術(shù)更新能力：快速跟蹤網(wǎng)頁制作的新技術(shù)及市場應(yīng)用動態(tài)。 三、教學(xué)內(nèi)容結(jié)構(gòu) 學(xué)生應(yīng)按照網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)課程設(shè)計指導(dǎo)書的要求認真設(shè)計。教師應(yīng)掌握好課 程設(shè)計的總體進度，并組織答疑，以保證學(xué)生按時保質(zhì)、保量地完成任務(wù)。學(xué)生最后所完成 的網(wǎng)頁設(shè)計與網(wǎng)站建設(shè)課程設(shè)計報告應(yīng)當(dāng)做到內(nèi)容齊全、條理清楚、文字通暢、打印或 書寫規(guī)范。 （1）網(wǎng)站建設(shè)總體策劃 （2）域名注冊與建站方式選擇論證 （3）網(wǎng)站總體設(shè)計 （4）網(wǎng)站靜態(tài)頁面設(shè)計 （5）Web數(shù)據(jù)庫設(shè)計 （6）網(wǎng)站測試、發(fā)布與維護管理

5、四、教學(xué)內(nèi)容與要求 第一章網(wǎng)頁設(shè)計概述：重點講授網(wǎng)站，網(wǎng)頁設(shè)計的概念；了解網(wǎng)頁設(shè)計設(shè)計的相關(guān)概 念；了解網(wǎng)頁設(shè)計的語言 HTML;掌握學(xué)習(xí)網(wǎng)頁設(shè)計的某一種工具；理解網(wǎng)站和網(wǎng)頁的關(guān)系。 第二章 網(wǎng)頁賞析：初步了解網(wǎng)頁賞析要求； 理解網(wǎng)頁賞析的理論要求； 掌握網(wǎng)頁突破 性設(shè)計的要素；分清各類網(wǎng)站的設(shè)計要求和框架；理解實例分析過程。 第三章 網(wǎng)頁規(guī)劃與布局：了解網(wǎng)頁的組織結(jié)構(gòu)， 掌握網(wǎng)頁內(nèi)容上的組織方法；熟悉網(wǎng) 頁設(shè)計的流程和注意事項； 了解網(wǎng)站的規(guī)劃與建設(shè)； 熟悉網(wǎng)站設(shè)計，掌握網(wǎng)站與網(wǎng)頁的區(qū)別。 第四章 網(wǎng)頁設(shè)計創(chuàng)意：通過對創(chuàng)意思維及創(chuàng)意手法的講解，輔以對優(yōu)秀網(wǎng)頁作品的分 析，啟發(fā)學(xué)生全面的創(chuàng)新思

6、維，進而從多角度的思維中獨樹一幟，培養(yǎng)學(xué)生的個性化意識。 讓學(xué)生對優(yōu)秀設(shè)計的創(chuàng)意進行解讀和闡釋，并分析其創(chuàng)新之處， 鼓勵學(xué)生敢于發(fā)覺新意，提 出自己獨到的見解。 第五章 網(wǎng)頁編程語言：了解 HTML、CSS的定義、概念和作用；理解 HTML語言中的 各種文本格式、字符格式、段落設(shè)置、列表標(biāo)記的作用；會用HTML語言總的標(biāo)記設(shè)置顏色、 文本格式和列表；掌握 HTML的語法結(jié)構(gòu)，掌握 HTML語言中標(biāo)記的使用方法；理解表格、 框架、表單的作用。理解 CSS樣式表的作用和意義；掌握 CSS樣式表的結(jié)構(gòu)；掌握在網(wǎng)頁中 添加CSS的方法。掌握三種添加樣式信息的方法，會使用CSS設(shè)置網(wǎng)頁格式和列表的格式。

7、 第六章網(wǎng)頁制作工具： （1 ）通過教學(xué)，使學(xué)生能夠用基本法和高級法新建站點、編輯站點，掌握如何在站點中 新建文件和文件夾，會預(yù)覽網(wǎng)頁。 （2） 掌握表格的組成和基本操作方法；熟練掌握穿件表格、表格操作、表格編輯的方法; （3）掌握表單的基本概念和表單的各個組成元素；掌握插入表單以及表單元素的方法； 會制作具有表單的網(wǎng)頁。 （4 ）通過教學(xué)，掌握在動畫中添加聲音的操作方法以及設(shè)置動畫聲音的各種屬性。 （5 ）通過教學(xué)，使學(xué)生掌握導(dǎo)出與發(fā)布Flash動畫的方法，能夠準(zhǔn)確設(shè)置Flash8動畫作 品的發(fā)布格式。 第七章 動態(tài)網(wǎng)頁介紹：掌握靜態(tài)網(wǎng)頁和動態(tài)網(wǎng)頁的概念；了解實現(xiàn)動態(tài)網(wǎng)頁的四種技 術(shù)（CGL ASP JSP和PHP）的特點；掌握數(shù)據(jù)庫、數(shù)據(jù)庫管理系統(tǒng)、Web數(shù)據(jù)庫的概念及 關(guān)系數(shù)據(jù)庫的特點；理解數(shù)據(jù)庫在開發(fā)動態(tài)網(wǎng)頁中的地位；了解ASP、JSR PHP如何訪問 Web數(shù)據(jù)庫。 掌握主頁和子頁、 第八章 設(shè)計實例：綜合運用前七章所學(xué)的知識創(chuàng)建和編輯一個站點, 子頁之間、以及站內(nèi)和站外的鏈接。 五、教學(xué)實施 1、教學(xué)方法：本課程是一門應(yīng)用型課程，涉及到以前所學(xué)知識點較多，因此在教學(xué)中 應(yīng)注意啟發(fā)式教學(xué)并加強項目教學(xué)的直觀性。 2、教學(xué)場所