《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)大綱

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)大綱課程編號(hào)：課程名稱：網(wǎng)頁(yè)設(shè)計(jì)與制作總學(xué)分：4.5總學(xué)負(fù)荷：126自主學(xué)習(xí)：63課內(nèi)總學(xué)時(shí)數(shù)：63課內(nèi)實(shí)驗(yàn)/實(shí)踐/上機(jī)學(xué)時(shí)：0/0/33先修課及后續(xù)課一、說(shuō)明部分.課程性質(zhì)：網(wǎng)頁(yè)設(shè)計(jì)與制作課程是為全院非計(jì)算機(jī)專業(yè)文科學(xué)生開設(shè)的一門計(jì)算機(jī)基礎(chǔ)課，是一門必修的公共基礎(chǔ)課，也是計(jì)算機(jī)應(yīng)用的初級(jí)課程。.教學(xué)目標(biāo)及意義：隨著網(wǎng)絡(luò)的高速發(fā)展，網(wǎng)頁(yè)也越來(lái)越多地出現(xiàn)在人們的面前，成為Internet和普通用戶的交流界面，而網(wǎng)頁(yè)制作則成為網(wǎng)絡(luò)時(shí)代學(xué)習(xí)信息技術(shù)需要掌握的基本技能之一。本課程全面地介紹了網(wǎng)頁(yè)設(shè)計(jì)所涉及的基本概念和常用的設(shè)計(jì)工具，包含了靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)、腳本語(yǔ)言編程、動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站規(guī)劃、設(shè)計(jì)與管理等技術(shù)。這些知識(shí)和技能對(duì)于信息時(shí)代的大學(xué)生來(lái)說(shuō)是必不可少的。通過(guò)本課程的學(xué)習(xí)，使學(xué)生系統(tǒng)掌握應(yīng)用Dreamweaver等工具進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作的思想和方法，培養(yǎng)學(xué)生合理規(guī)劃、創(chuàng)建網(wǎng)站的能力，為今后進(jìn)一步學(xué)習(xí)和掌握計(jì)算機(jī)知識(shí)和技術(shù)打下良好的基礎(chǔ)。.教學(xué)內(nèi)容和要求：了解網(wǎng)站的有關(guān)名詞；掌握網(wǎng)站設(shè)計(jì)的基本思路；了解常用的網(wǎng)頁(yè)設(shè)計(jì)工具。掌握HTML中的各種標(biāo)記及其屬，并熟練使用。熟悉和掌握使用Dreamweaver建立與管理站點(diǎn)；掌握Dreamweaver頁(yè)面布局的方法；熟練運(yùn)用Dreamweaver創(chuàng)建個(gè)人主頁(yè)。掌握VBScript的語(yǔ)法規(guī)則、函數(shù)和三種基本結(jié)構(gòu)；掌握使用VBScript編寫頁(yè)面的方法;熟練掌握VBScript程序的事件處理；掌握文檔對(duì)象的使用。了解ASP運(yùn)行機(jī)制及運(yùn)行環(huán)境的搭建方式，掌握ASP內(nèi)建對(duì)象的應(yīng)用；掌握利用AD0實(shí)現(xiàn)頁(yè)面與數(shù)據(jù)庫(kù)的連接；掌握ASP動(dòng)態(tài)頁(yè)面設(shè)計(jì)。了解網(wǎng)站設(shè)計(jì)前期所需的準(zhǔn)備工作；掌握根據(jù)網(wǎng)站主題的需要來(lái)進(jìn)行頁(yè)面設(shè)計(jì)；了解網(wǎng)站測(cè)試與上傳。.教學(xué)重點(diǎn)、難點(diǎn)：網(wǎng)頁(yè)設(shè)計(jì)工具的使用，網(wǎng)頁(yè)設(shè)計(jì)的方法。.教學(xué)方法與手段：采用多媒體教學(xué)，通過(guò)課堂上理論精講、案例分析討論、實(shí)例演示與上機(jī)操作相結(jié)合，以及課下以學(xué)生自主學(xué)習(xí)為主、老師輔導(dǎo)為輔，完成教學(xué)工作，將課內(nèi)課外學(xué)習(xí)結(jié)合，提高學(xué)生自主學(xué)習(xí)主動(dòng)性，實(shí)現(xiàn)理論和實(shí)踐教學(xué)一體化，達(dá)到網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用能力培養(yǎng)的目標(biāo)。.教材及主要參考書：教材：李京文等編著《網(wǎng)頁(yè)設(shè)計(jì)與制作》安徽大學(xué)出版社2015.9參考書：[1]李京文《網(wǎng)頁(yè)設(shè)計(jì)與制作》高等教育出版社2007.9[2]李京文《網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)訓(xùn)與考試指導(dǎo)》高等教育出版社2007.9[3]潭浩強(qiáng)《網(wǎng)頁(yè)編程技術(shù)與實(shí)例》人民郵電出版社2001.97.其它：自主學(xué)習(xí)的設(shè)計(jì)與安排：學(xué)生自主學(xué)習(xí)HTML標(biāo)記語(yǔ)言的應(yīng)用，綜合運(yùn)用Dreamweaver設(shè)計(jì)網(wǎng)頁(yè)，學(xué)會(huì)使用腳本豐富頁(yè)面效果，了解ASP運(yùn)行機(jī)制及運(yùn)行環(huán)境的搭建，學(xué)習(xí)簡(jiǎn)單動(dòng)態(tài)頁(yè)面設(shè)計(jì)。通過(guò)三項(xiàng)任務(wù)驅(qū)動(dòng)自主學(xué)習(xí)，并檢驗(yàn)學(xué)習(xí)效果：1、網(wǎng)頁(yè)的多種布局方式應(yīng)用2、CSS應(yīng)用3、網(wǎng)站設(shè)計(jì)二、正文部分第1章網(wǎng)頁(yè)制作基礎(chǔ)1、教學(xué)要求了解：網(wǎng)頁(yè)制作流程和配色技巧理解：WWW服務(wù)的工作原理掌握：網(wǎng)頁(yè)頁(yè)面構(gòu)成元素及規(guī)范應(yīng)用：網(wǎng)頁(yè)編輯工具應(yīng)用2、教學(xué)內(nèi)容網(wǎng)頁(yè)基本布局、色彩搭配，網(wǎng)頁(yè)構(gòu)成的基本元素，常用網(wǎng)頁(yè)制作工具，網(wǎng)頁(yè)與網(wǎng)站的基本概念，WWW服務(wù)。3、教學(xué)時(shí)數(shù)：理論1學(xué)時(shí)第2章規(guī)劃與建設(shè)站點(diǎn)1、教學(xué)要求了解：靜態(tài)網(wǎng)站與動(dòng)態(tài)網(wǎng)站在外觀、功能、開發(fā)技術(shù)等方面的區(qū)別理解：站點(diǎn)的概念掌握：站點(diǎn)的創(chuàng)建與編輯，文件面板和資源面板的使用應(yīng)用：本地站點(diǎn)的創(chuàng)建與管理2、教學(xué)內(nèi)容站點(diǎn)，站點(diǎn)內(nèi)文件夾及文件間的導(dǎo)航關(guān)系，利用DreamweaverCS5建立和管理站點(diǎn)3、教學(xué)時(shí)數(shù)：理論1學(xué)時(shí)，上機(jī)2學(xué)時(shí)4、實(shí)踐環(huán)節(jié)1）類型設(shè)計(jì)2）目的與要求掌握使用DreamweaverCS5建立和管理本地站點(diǎn)的方法第3章HTML標(biāo)記語(yǔ)言1、教學(xué)要求了解：HTML語(yǔ)言的發(fā)展歷程理解：HTML語(yǔ)言的基本概念、作用和基本組成掌握：HTML的基本概念，文檔的基本結(jié)構(gòu)以及HTML語(yǔ)言中常用標(biāo)記及相關(guān)屬性2、教學(xué)內(nèi)容HTML文檔，HTML語(yǔ)言3、教學(xué)時(shí)數(shù)：理論6學(xué)時(shí)，上機(jī)6學(xué)時(shí)4、實(shí)踐環(huán)節(jié)1）類型驗(yàn)證、設(shè)計(jì)2）目的與要求掌握使用HTML語(yǔ)言標(biāo)記編寫簡(jiǎn)單網(wǎng)頁(yè)的方法第4章DreamweaverCS5基本操作1、教學(xué)要求了解：DreamweaverCS5界面布局、視圖方式、切換方法及功能模塊理解：超鏈接的含義，層的概念，時(shí)間軸的概念掌握：網(wǎng)頁(yè)文檔中添加文本和文本的格式化方法，添加有序和無(wú)序列表，水平線、圖像等網(wǎng)頁(yè)基本元素的插入方法，圖文混排方法，表格和單元格的屬性設(shè)置，使用表格組織網(wǎng)頁(yè)的布局，使用布局視圖規(guī)劃頁(yè)面的布局方法，建立超級(jí)鏈接的操作方法，插入表單以及表單元素的方法，利用框架進(jìn)行頁(yè)面布局2、教學(xué)內(nèi)容文本，列表，多媒體元素添加，導(dǎo)航條，表格，超鏈接，表單，框架，層，時(shí)間軸3、教學(xué)時(shí)數(shù)：理論8學(xué)時(shí)，上機(jī)8學(xué)時(shí)4、實(shí)踐環(huán)節(jié)1）類型驗(yàn)證、設(shè)計(jì)2）目的與要求掌握使用DreamweaverCS5編輯網(wǎng)頁(yè)的方法第5章CSS樣式表1、教學(xué)要求了解：CSS樣式表的作用理解：使用css樣式表對(duì)頁(yè)面的美化效果掌握：CSS樣式表的創(chuàng)建方法和使用方法2、教學(xué)內(nèi)容利用CSS樣式表修飾網(wǎng)頁(yè)，創(chuàng)建并應(yīng)用類樣式表CSS樣式表結(jié)構(gòu)，字體、顏色、大小、間距、風(fēng)格、鏈接顏色、鏈接下劃線、邊框、背景以及網(wǎng)頁(yè)中各元素的位置等在CSS樣式表中的控制方法3、教學(xué)時(shí)數(shù)：理論2學(xué)時(shí)，上機(jī)4學(xué)時(shí)4、實(shí)踐環(huán)節(jié)1）類型驗(yàn)證、設(shè)計(jì)2）目的與要求掌握使用CSS樣式表美化頁(yè)面的方法第6章VBScript(JavaScript)腳本語(yǔ)言基礎(chǔ)1、教學(xué)要求了解：VBScript(JavaScript)語(yǔ)言概況理解：VBScript(JavaScript)程序構(gòu)成和語(yǔ)法結(jié)構(gòu)掌握：VBScript(JavaScript)的語(yǔ)法規(guī)則、函數(shù)、過(guò)程和三種基本程序結(jié)構(gòu)，VBScript(JavaScript)各種對(duì)象方法的應(yīng)用，VBScript(JavaScript)程序的事件處理2、教學(xué)內(nèi)容VBScript(JavaScript),VBScript(JavaScript)語(yǔ)法結(jié)構(gòu)，事件驅(qū)動(dòng)及事件處理，文檔對(duì)象的使用3、教學(xué)時(shí)數(shù)：理論6學(xué)時(shí)，上機(jī)6學(xué)時(shí)4、實(shí)踐環(huán)節(jié)1)類型驗(yàn)證、設(shè)計(jì)2)目的與要求掌握使用VBScript(JavaScript)腳本語(yǔ)言解決實(shí)際問(wèn)題的方法第7章ASP動(dòng)態(tài)頁(yè)面設(shè)計(jì)1、教學(xué)要求了解：表單交互的原理理解：ASP運(yùn)行機(jī)制、ASP內(nèi)建對(duì)象的功能和ADO組件的功能掌握：ASP運(yùn)行環(huán)境的搭建，ASP內(nèi)建對(duì)象的應(yīng)用，利用ADO實(shí)現(xiàn)頁(yè)面與數(shù)據(jù)庫(kù)的連接2、教學(xué)內(nèi)容ASP內(nèi)建對(duì)象，利用ADO實(shí)現(xiàn)頁(yè)面與數(shù)據(jù)庫(kù)的連接，常用的ASP組件3、教學(xué)時(shí)數(shù)：理論4學(xué)時(shí)，上機(jī)4學(xué)時(shí)4、實(shí)踐環(huán)節(jié)1)類型設(shè)計(jì)2)目的與要求掌握應(yīng)用ASP設(shè)計(jì)動(dòng)態(tài)頁(yè)面的方法第8章網(wǎng)站的發(fā)布與維護(hù)1、