《網(wǎng)頁設(shè)計》教學(xué)大綱.doc

網(wǎng)頁設(shè)計教學(xué)大綱課程英文名： Webpage Design課程代碼：15450030學(xué) 分：2總學(xué)時：36課程性質(zhì)：專業(yè)課考核方式：機(jī)試課程類別：專業(yè)選修課開課單位：計算機(jī)科學(xué)與技術(shù)系先修課程：大學(xué)計算機(jī)基礎(chǔ)適用專業(yè)：本科層次市場營銷專業(yè)一、教學(xué)目標(biāo)通過本課程的學(xué)習(xí)，使學(xué)生了解有關(guān)Web網(wǎng)站建設(shè)的基本概念與方法，掌握網(wǎng)頁設(shè)計制作的方法，HTML超文本標(biāo)記語言的使用，相關(guān)美學(xué)的知識與網(wǎng)頁制作流程。主要掌握HTML語言用，了解Dreamweaver的基本功能和使用方法,以及本課程相關(guān)技術(shù)的發(fā)展趨勢。二、教學(xué)要求通過本課程的學(xué)習(xí)要求學(xué)生掌握網(wǎng)頁設(shè)計與制作的基本方法與程序，掌握基本的語言和相關(guān)軟件以及設(shè)計基本技巧。不但能獨立完成簡單的網(wǎng)頁制作方法，還要增強(qiáng)合作精神，實現(xiàn)多人合作完成較大網(wǎng)站的制作。本課程教學(xué)由簡入深，主要采用以下教學(xué)方法：（1）指定教材中的經(jīng)典實例，讓學(xué)生操作實現(xiàn)。（2）參觀與模仿精彩優(yōu)秀的網(wǎng)站，了解其效果實現(xiàn)方法，并將其應(yīng)用到實驗中。（3） 綜合運用基本知識點，實現(xiàn)復(fù)雜綜合功能。（一）要求教學(xué)過程注意以下幾方面內(nèi)容:1、注意所涉及的網(wǎng)頁設(shè)計的基本概念，基本原理的學(xué)習(xí)，每堂課都加有案例講行講解，避免有理論，沒實踐。 2、加強(qiáng)實踐教學(xué)環(huán)節(jié)。依據(jù)本課程的特點，增強(qiáng)學(xué)生的動手能力，教師的講解與學(xué)生實習(xí)相結(jié)合，避免有實踐，沒理論。3、充分利用多媒體與講解、演示與講解、網(wǎng)絡(luò)查閱瀏覽等教學(xué)手段，每節(jié)課根據(jù)教學(xué)內(nèi)容的不同運用啟發(fā)式、情境式等教學(xué)方法。4、要把當(dāng)前最新的知識介紹給學(xué)生，使學(xué)生學(xué)以致用，增加就業(yè)機(jī)會。（二）作業(yè)：重要章節(jié)布置實習(xí)題目，以鞏固學(xué)生的學(xué)習(xí)效果，促進(jìn)其多思考，培養(yǎng)學(xué)生的創(chuàng)意和設(shè)計能力。（三）考試：采取上機(jī)考試形式進(jìn)行考核，考試內(nèi)容詳見考試方案，考試最終以作品形式上交。結(jié)合本學(xué)科的特點，注重學(xué)生的實際動手能力、基本知識和基本技能的程度和運動用所學(xué)知識聯(lián)系和解決實際問題的能力。作品內(nèi)容細(xì)致，采分點要覆蓋教材的各章節(jié)。作品按班級保留，作為原始資料，以備日后教學(xué)評估使用，期末考試成績占總成績的60%，平實驗成績20分，平時課堂及出勤情況20分；期末考試中上機(jī)考試30分，綜合實例制作70分。三、學(xué)時分配章目教 學(xué) 內(nèi) 容教學(xué)時數(shù)一二三四五六七八九網(wǎng)頁的基礎(chǔ)知識HTML簡介為網(wǎng)頁添加圖像和鏈接CSS樣式表在網(wǎng)頁中應(yīng)用表格在網(wǎng)頁中應(yīng)用框架在網(wǎng)頁中應(yīng)用層在網(wǎng)頁中應(yīng)用表單JavaScript入門以及Dreamweaver的使用222222222合計18四、教學(xué)方法1、課程教學(xué)與討論(18課時): 運用啟發(fā)式、討論式、案例驅(qū)動等教學(xué)方法闡釋教學(xué)知識點，通過對作業(yè)演示，總結(jié)教學(xué)重點，分析并討論學(xué)生作品的優(yōu)劣之處，激發(fā)學(xué)生學(xué)習(xí)興趣。2、上機(jī)實驗和討論 (18課時): 采用實例操作，合理安排實驗題目，分析并討論實例制作思路，激發(fā)學(xué)生創(chuàng)意思維，提高設(shè)計技巧。3、讓學(xué)生結(jié)合所學(xué)知識進(jìn)行設(shè)計，利用綜合實例制作，檢驗學(xué)生知識技能的掌握程度，提升學(xué)生的上機(jī)實驗動手能力。五、參考書目1. 劉瑞新，張兵義，趙子江等編著，網(wǎng)頁設(shè)計與制作教程（第4版），機(jī)械工業(yè)出版社，2009年2. 吳代文主編，網(wǎng)頁設(shè)計基礎(chǔ)與實訓(xùn)，清華大學(xué)出版社，2011年3. (美)Elizabeth Castro，HTML XHTML CSS基礎(chǔ)教程(第6版)，人民郵電出版社，2007年六、大綱內(nèi)容第一章 網(wǎng)頁的基礎(chǔ)知識（2課時）【教學(xué)目標(biāo)與要求】了解網(wǎng)頁設(shè)計的基本知識和概念?！局攸c難點】網(wǎng)頁設(shè)計基本知識?！窘虒W(xué)內(nèi)容】第一節(jié) 什么是網(wǎng)頁 一、網(wǎng)頁和網(wǎng)站 介紹網(wǎng)站和網(wǎng)頁的概念與區(qū)別二、網(wǎng)頁的分類根據(jù)不同分類方式的分類方法三、網(wǎng)頁設(shè)計中常用術(shù)語介紹萬維網(wǎng)、瀏覽器、URL、FTP、HTTP、IP、域名、超鏈接、HTML、XML和XHTML等。第二節(jié) 開發(fā)網(wǎng)頁的工具一、 靜態(tài)網(wǎng)頁的開發(fā)工具二、 動態(tài)網(wǎng)頁的開發(fā)工具第二章 HTML簡介（2課時）【教學(xué)目標(biāo)與要求】學(xué)會利用記事本編寫簡單的網(wǎng)頁，掌握基本的HTML標(biāo)簽和語法【重點難點】HTML標(biāo)簽的使用?！窘虒W(xué)內(nèi)容】第一節(jié) 初識HTML 一、HTML語法二、HTML文檔的結(jié)構(gòu)三、HTML基本標(biāo)簽第二節(jié) 使用HTML標(biāo)簽編輯文本一、 文本排版二、 文本的屬性樣式三、 文本列表第三章 為網(wǎng)頁添加圖像和鏈接（2課時）【教學(xué)目標(biāo)與要求】為網(wǎng)頁添加圖像和鏈接，并進(jìn)行修飾?！局攸c難點】利用HTML標(biāo)簽為網(wǎng)頁添加圖像和鏈接?！窘虒W(xué)內(nèi)容】第一節(jié) 插入圖像 一、圖像的基礎(chǔ)知識二、在HTML文檔中插入圖像三、在HTML文檔中設(shè)置背景顏色第二節(jié) 設(shè)置網(wǎng)頁鏈接一、鏈接的基礎(chǔ)知識二、在HTML文檔中插入超級鏈接第四章 CSS樣式表（2課時）【教學(xué)目標(biāo)與要求】學(xué)會各種CSS的創(chuàng)建、CSS的使用方式、CSS相關(guān)代碼?！局攸c難點】CSS樣式表的創(chuàng)建?！窘虒W(xué)內(nèi)容】第一節(jié) 了解CSS樣式 一、什么是CSS？第二節(jié) CSS基本的規(guī)則和寫法 一、使用類class和標(biāo)志id鏈接樣式表二、創(chuàng)建選擇器第三節(jié) 用CSS來修飾頁面文本一、修飾頁面文本字體二、修飾文本的字號三、修飾段落行高第四節(jié) 給頁面對象添加顏色 一、設(shè)置對象的顏色第五章 在網(wǎng)頁中應(yīng)用表格（2課時）【教學(xué)目標(biāo)與要求】學(xué)習(xí)網(wǎng)頁中表格的創(chuàng)建、編輯和使用?！局攸c難點】表格的創(chuàng)建、設(shè)置?！窘虒W(xué)內(nèi)容】第一節(jié) 表格創(chuàng)建和編輯操作 一、表格的創(chuàng)建二、行、列操作三、單元格操作四、設(shè)置表格屬性五、設(shè)置單元格屬性第二節(jié) 修飾單元格一、 通過CSS修飾單元格的邊框二、 編輯單元格中的內(nèi)容第六章 在網(wǎng)頁中應(yīng)用框架（2課時）【教學(xué)目標(biāo)與要求】認(rèn)識框架集、框架概念，會使用框架進(jìn)行頁面布局?！局攸c難點】框架創(chuàng)建?！窘虒W(xué)內(nèi)容】第一節(jié) 框架操作一、 創(chuàng)建各種框架二、 修飾框架三、 框架集中頁面之間的鏈接第七章 在網(wǎng)頁中應(yīng)用層（2課時）【教學(xué)目標(biāo)與要求】認(rèn)識層，繪制層，利用層排版。【重點難點】層的繪制。【教學(xué)內(nèi)容】第一節(jié) 認(rèn)識和創(chuàng)建層 一、什么是層二、層的作用第二節(jié) 定制層的display屬性第八章 在網(wǎng)頁中應(yīng)用表單（2課時）【教學(xué)目標(biāo)與要求】學(xué)習(xí)什么是表單，表單包括哪些元素?！局攸c難點】表單的作用。【教學(xué)內(nèi)容】第一節(jié) 表單的工作原理一、 創(chuàng)建表單二、 表單域第二節(jié) 多種樣式表單Text文本框、復(fù)選框、單選按鈕等第九章 JavaScript入門以及Dreamweaver的使用（2課時）【教學(xué)目標(biāo)與要求】了解Javascript，學(xué)會使用Dreamweaver?！局攸c難點】學(xué)會使用Dreamweaver?！窘虒W(xué)內(nèi)容】第一節(jié) JavaScript的基本語法 一、Javascript中的標(biāo)識符和保留關(guān)鍵字二、Javascript語法的特殊規(guī)則。第二節(jié) JavaScript的數(shù)據(jù)類型 一、常量二、變量三、數(shù)據(jù)類型轉(zhuǎn)