《網(wǎng)站策劃與設(shè)計(jì)》教學(xué)大綱

《網(wǎng)站策劃與設(shè)計(jì)》教學(xué)大綱課程代碼：1H13745學(xué)分：2總學(xué)時(shí)數(shù)：48理論時(shí)數(shù)：32實(shí)驗(yàn)時(shí)數(shù)：16先修課程：計(jì)算機(jī)文化基礎(chǔ)；計(jì)算機(jī)實(shí)用技術(shù)開課對(duì)象：會(huì)展專業(yè)學(xué)生一、課程的性質(zhì)、目的、任務(wù)與能力目標(biāo)本課程是會(huì)展管理專業(yè)的專業(yè)基礎(chǔ)平臺(tái)課程，它的主要任務(wù)是培養(yǎng)學(xué)生設(shè)計(jì)、構(gòu)思網(wǎng)站以及網(wǎng)頁(yè)的思想和基本設(shè)計(jì)方法，通過(guò)課程學(xué)習(xí)使學(xué)生具備制作簡(jiǎn)單網(wǎng)站的能力以及策劃開發(fā)企業(yè)網(wǎng)站的基本能力，具體目標(biāo)是在學(xué)習(xí)靜態(tài)網(wǎng)頁(yè)和簡(jiǎn)單動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的基礎(chǔ)上掌握網(wǎng)站策劃、網(wǎng)頁(yè)布局、網(wǎng)頁(yè)與網(wǎng)站的風(fēng)格定位設(shè)計(jì)以及網(wǎng)站發(fā)布的流程，同時(shí)培養(yǎng)學(xué)生良好的溝通與團(tuán)隊(duì)合作意識(shí)。本課程強(qiáng)調(diào)學(xué)生實(shí)際動(dòng)手能力和創(chuàng)新意識(shí)的重要性，同時(shí)也注重學(xué)生審美能力的培養(yǎng)和熏陶，為今后專業(yè)學(xué)習(xí)以及日后的工作服務(wù)。二、課程內(nèi)容的基本要求（一）理論講授部分第1章基礎(chǔ)知識(shí)[教學(xué)目的和要求]了解網(wǎng)站建設(shè)所必須的網(wǎng)絡(luò)基礎(chǔ)知識(shí)、名詞、概念；了解網(wǎng)頁(yè)設(shè)計(jì)所必備的工具；了解在網(wǎng)頁(yè)設(shè)計(jì)中使用的基本技術(shù)。[教學(xué)內(nèi)容]瀏覽器，網(wǎng)頁(yè)，網(wǎng)站，URL地址；網(wǎng)站的體系結(jié)構(gòu)，IP地址，域名及常用域名，網(wǎng)站的工作原理；網(wǎng)頁(yè)制作與網(wǎng)站建設(shè)的相關(guān)技術(shù)，HTML,XML,CSS,JAVASCRIPT,圖像處理技術(shù)，動(dòng)畫制作技術(shù)，音頻視頻處理技術(shù)，web編程技術(shù)，服務(wù)器配置技術(shù)；網(wǎng)頁(yè)制作工具軟件，dreamweaver，frontpage。[教學(xué)重點(diǎn)與難點(diǎn)]動(dòng)態(tài)網(wǎng)頁(yè)與靜態(tài)網(wǎng)頁(yè)的概念；網(wǎng)站的工作過(guò)程；絕對(duì)URL與相對(duì)URL的使用；[自學(xué)內(nèi)容]學(xué)習(xí)了解一些網(wǎng)頁(yè)設(shè)計(jì)的內(nèi)容，如css樣式表技術(shù)，知道使用它會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)帶來(lái)哪些好處。[自學(xué)方法]通過(guò)相關(guān)書籍，也可以通過(guò)上網(wǎng)學(xué)習(xí)。[所需課時(shí)]2課時(shí)第2章網(wǎng)站規(guī)劃與設(shè)計(jì)[教學(xué)目的和要求]掌握網(wǎng)站建設(shè)的主要步驟及具體實(shí)施的內(nèi)容；掌握建立網(wǎng)站的基本原則；掌握網(wǎng)站具體設(shè)計(jì)過(guò)程中的一些主要問(wèn)題；熟悉網(wǎng)站設(shè)計(jì)時(shí)色調(diào)色彩與網(wǎng)站內(nèi)容的關(guān)系。[教學(xué)內(nèi)容]網(wǎng)站設(shè)計(jì)的步驟，需求分析，網(wǎng)站規(guī)劃，具體設(shè)計(jì)（欄目規(guī)劃、目錄結(jié)構(gòu)設(shè)計(jì)、風(fēng)格設(shè)計(jì)、導(dǎo)航設(shè)計(jì)）；網(wǎng)站設(shè)計(jì)原則，使用者優(yōu)先、考慮用戶的在線狀況、使用者的瀏覽器、內(nèi)容第一、互動(dòng)原則、避免濫用技術(shù)、即時(shí)更新、三次點(diǎn)擊原則等；網(wǎng)站內(nèi)容設(shè)計(jì)，主題定位、結(jié)構(gòu)設(shè)計(jì)、形象設(shè)計(jì)；補(bǔ)充知識(shí),色彩與網(wǎng)站設(shè)計(jì)的關(guān)系，不同顏色表現(xiàn)的含義，頁(yè)面色彩搭配的常見方法。[教學(xué)重點(diǎn)與難點(diǎn)]網(wǎng)站的設(shè)計(jì)原則；網(wǎng)站內(nèi)容設(shè)計(jì)的具體實(shí)施。[所需課時(shí)]4課時(shí)第3章HTML與XHTML基礎(chǔ)[教學(xué)目的和要求]掌握HTML的基本結(jié)構(gòu)；熟悉HTML的常用標(biāo)記，并可以用文本編輯工具編寫簡(jiǎn)單的網(wǎng)頁(yè)程序代碼；了解XHTML的特點(diǎn)。[教學(xué)內(nèi)容]HTML的特點(diǎn)，與其它語(yǔ)言的不同；HTML基本結(jié)構(gòu)，語(yǔ)法規(guī)則；HTML的常用標(biāo)記，控制標(biāo)題、段落、換行、文字屬性、水平線、圖像、超級(jí)鏈接；XHTML的代碼規(guī)范；[教學(xué)重點(diǎn)與難點(diǎn)]圖像與超級(jí)鏈接的定義。[所需課時(shí)]2課時(shí)第4章dreamweaver基礎(chǔ)操作[教學(xué)目的和要求]熟悉dreamweaver的環(huán)境；掌握在dreamweaver下的建站方法以及站點(diǎn)管理方法；掌握頁(yè)面編輯的基本操作；結(jié)合教學(xué)案例熟練掌握dreamweaver的頁(yè)面設(shè)計(jì)操作；[教學(xué)內(nèi)容]dreamweaver工作環(huán)境，用戶界面，工具欄，狀態(tài)欄，面板組；站點(diǎn)管理，建立站點(diǎn)，管理站點(diǎn)，刪除站點(diǎn)；頁(yè)面編輯，頁(yè)面屬性面板的使用；頁(yè)面元素，文本編輯，圖像編輯，超級(jí)鏈接編輯，圖像超級(jí)鏈接編輯，水平線，換行符，時(shí)間，日期等等；綜合實(shí)例[教學(xué)重點(diǎn)與難點(diǎn)]站點(diǎn)的管理；頁(yè)面的編輯，特別是圖像和超級(jí)鏈接的編輯。[所需課時(shí)]3課時(shí)第5章利用表格進(jìn)行頁(yè)面布局[教學(xué)目的和要求]掌握表格的常用HTML標(biāo)記；掌握表格創(chuàng)建編輯的基本方法。掌握表格布局意義和使用方法。[教學(xué)內(nèi)容]表格標(biāo)記和常用屬性，<table>,<tr><td><th>等；表格基本操作，創(chuàng)建表格，編輯表格，修飾表格，格式化表格；表格布局的使用，標(biāo)準(zhǔn)模式與布局模式的切換，創(chuàng)建布局表格，繪制布局表格、單元格，布局單元格的屬性設(shè)置；綜合實(shí)例，用布局表格方式制作網(wǎng)頁(yè)。[教學(xué)重點(diǎn)與難點(diǎn)]表格的屬性定義；布局表格的使用。[所需課時(shí)]2課時(shí)第6章插入多媒體元素[教學(xué)目的和要求]了解可插入多媒體元素的范疇；掌握插入flash動(dòng)畫的方法；掌握插入flash文本的方法；掌握掌握插入flash按鈕的方法；掌握掌握插入flash圖像查看器的方法；掌握插入視頻的方法；掌握插入聲音的方法；掌握插入背景音樂的方法；[教學(xué)內(nèi)容]插入flash元素，插入flash動(dòng)畫（.swf）的方法與主要屬性設(shè)置，插入flash文本的方法與主要屬性設(shè)置，插入flash按鈕的方法與主要屬性設(shè)置，插入flash圖像查看器的方法與主要屬性設(shè)置，插入flashpaper的方法與主要屬性設(shè)置；插入視頻文件以及常用屬性設(shè)置；插入音頻文件以及常用屬性設(shè)置；插入背景音樂以及主要屬性設(shè)置。[教學(xué)重點(diǎn)與難點(diǎn)]各個(gè)插入元素播放控制屬性的設(shè)置；圖像查看器設(shè)置相對(duì)復(fù)雜，是本單元的難點(diǎn)。[所需課時(shí)]2課時(shí)第7章框架和模板[教學(xué)目的和要求]了解框架和模板的作用；掌握使用框架設(shè)計(jì)網(wǎng)頁(yè)的基本方法；掌握模板在定義、網(wǎng)頁(yè)設(shè)計(jì)以及更新網(wǎng)頁(yè)時(shí)的使用方法；[教學(xué)內(nèi)容]框架的概念，框架結(jié)構(gòu)網(wǎng)頁(yè)的組成，框架的基本HTML標(biāo)記；框架結(jié)構(gòu)的定義，屬性設(shè)置框架結(jié)構(gòu)網(wǎng)頁(yè)應(yīng)用舉例；模板的意義；創(chuàng)建模板的方法，模板中可編輯區(qū)的定義，保存模板，用模板創(chuàng)建新的網(wǎng)頁(yè)，用模板更新網(wǎng)頁(yè)；使用模板設(shè)計(jì)網(wǎng)頁(yè)應(yīng)用舉例。[教學(xué)重點(diǎn)與難點(diǎn)]框架方式編輯網(wǎng)頁(yè)；模板方式編輯網(wǎng)頁(yè)；[所需課時(shí)]2課時(shí)第8章表單[教學(xué)目的和要求]掌握制作表單的意義；熟悉表單常用對(duì)象；掌握表單常用對(duì)象的編輯方法。[教學(xué)內(nèi)容]表單基礎(chǔ)知識(shí)，表單的意義，表單的構(gòu)成，常用表單對(duì)象元素，文本字段、密碼字段、文本域、隱藏域、復(fù)選框、單選按鈕、列表菜單、跳轉(zhuǎn)菜單、圖像域、文件域、按鈕、標(biāo)簽、字段集；表單的操作，建立空白表單，表單中不同元素對(duì)象的編輯；表單制作實(shí)例[教學(xué)重點(diǎn)與難點(diǎn)]常用表單元素對(duì)象的屬性設(shè)置。[所需課時(shí)]2課時(shí)第9章javascript本章內(nèi)容可結(jié)合至后續(xù)章節(jié)的一些具體實(shí)例講解，不單獨(dú)進(jìn)行介紹。[教學(xué)目的和要求]（略）[教學(xué)內(nèi)容]（略）[教學(xué)重點(diǎn)與難點(diǎn)]（略）第10章動(dòng)態(tài)網(wǎng)站構(gòu)建基礎(chǔ)[教學(xué)目的和要求]了解動(dòng)態(tài)網(wǎng)頁(yè)的特點(diǎn)；了解動(dòng)態(tài)網(wǎng)頁(yè)的運(yùn)行條件；學(xué)會(huì)分析簡(jiǎn)單的程序流程；掌握幾種常用ASP內(nèi)建對(duì)象的使用方法。[教學(xué)內(nèi)容]動(dòng)態(tài)網(wǎng)頁(yè)基礎(chǔ)知識(shí)，什么是動(dòng)態(tài)網(wǎng)頁(yè)，動(dòng)態(tài)網(wǎng)頁(yè)與靜態(tài)網(wǎng)頁(yè)的區(qū)別；ASP技術(shù)簡(jiǎn)介，ASP的概念，ASP的編寫，ASP的運(yùn)行環(huán)境；vbscript腳本語(yǔ)言，添加vbscript腳本，vbscript語(yǔ)法基礎(chǔ)，vbscript程序流程，vbscript過(guò)程與函數(shù)，vbscript常用函數(shù)；ASP內(nèi)建對(duì)象，response對(duì)象，request對(duì)象，server對(duì)象，session對(duì)象，application對(duì)象。[教學(xué)重點(diǎn)與難點(diǎn)]vbscript程序分析對(duì)于文科專業(yè)的學(xué)生將會(huì)是主要難點(diǎn)內(nèi)容；ASP內(nèi)建對(duì)象的應(yīng)用，特別是response對(duì)象和request對(duì)象的使用是重點(diǎn)。[自學(xué)內(nèi)容]課本講述的內(nèi)容比較淺顯，如需要進(jìn)一步掌握需要看關(guān)于ASP的專門書籍。[自學(xué)要求]感興趣的同學(xué)或需要深入學(xué)習(xí)的同學(xué)，必須看相關(guān)的專業(yè)書籍。[所需課時(shí)]4課時(shí)第11章網(wǎng)站數(shù)據(jù)庫(kù)建設(shè)[教學(xué)目的和要求]了解數(shù)據(jù)庫(kù)在網(wǎng)站建設(shè)中的作用；了解常用的數(shù)據(jù)庫(kù)種類；了解ASP訪問(wèn)數(shù)據(jù)庫(kù)基本技術(shù)；了解dreamweaver中使用數(shù)據(jù)庫(kù)的方法。[教學(xué)內(nèi)容]數(shù)據(jù)庫(kù)基礎(chǔ)知識(shí)，數(shù)據(jù)庫(kù)概念，常用數(shù)據(jù)庫(kù)軟件；access數(shù)據(jù)庫(kù)的應(yīng)用；ASP訪問(wèn)數(shù)據(jù)庫(kù)技術(shù)，ODBC介紹，ODBC數(shù)據(jù)源管理器；在dreamweaver中使用數(shù)據(jù)庫(kù)；應(yīng)用舉例。[教學(xué)重點(diǎn)與難點(diǎn)]本章節(jié)屬于一般了解性內(nèi)容，主要講清概念，通過(guò)應(yīng)用實(shí)例給學(xué)生以感性認(rèn)識(shí)。[自學(xué)內(nèi)容]同前一章。[自學(xué)要求]同前一章。[所需課時(shí)]2課時(shí)第12章網(wǎng)站的測(cè)試與發(fā)布[教學(xué)目的和要求]了解網(wǎng)站制作后期以及制作完成后設(shè)計(jì)人員需要做的工作；了解網(wǎng)站正式發(fā)布以及發(fā)布以后需要做的工作。；[教學(xué)內(nèi)容]網(wǎng)站測(cè)試，功能測(cè)試、性能測(cè)試、安全性測(cè)試、穩(wěn)定性測(cè)試、瀏覽器兼容性測(cè)試，可用性/易用性測(cè)試、鏈接測(cè)試、代碼合法性測(cè)試；網(wǎng)站發(fā)布，發(fā)布方法，用dreamweaver發(fā)布，網(wǎng)站的推廣；網(wǎng)站的管理與維護(hù)[教學(xué)重點(diǎn)與難點(diǎn)]本章內(nèi)容屬于一般性介紹。[所需課時(shí)]2課時(shí)（二）實(shí)驗(yàn)、實(shí)習(xí)部分實(shí)驗(yàn)一網(wǎng)站策劃與dreamweaver基本使用1．實(shí)驗(yàn)類別：普通教育2．實(shí)驗(yàn)?zāi)康模海?）熟悉一個(gè)網(wǎng)站從設(shè)計(jì)到實(shí)現(xiàn)的過(guò)程；（2）掌握策劃的具體內(nèi)容；（3）熟悉dreamweaver的工作環(huán)境與基本編輯功能；（4）掌握dreamweaver中站點(diǎn)的創(chuàng)建與管理方法；（5）掌握dreamweaver圖像編輯以及常用屬性的設(shè)置；（6）掌握dreamweaver中超級(jí)鏈接的使用方法。3．實(shí)驗(yàn)主要內(nèi)容：根據(jù)個(gè)人喜好構(gòu)思一個(gè)個(gè)人或商業(yè)網(wǎng)站，完成網(wǎng)站設(shè)計(jì)策劃書，在課程結(jié)業(yè)時(shí)完成基本設(shè)計(jì)構(gòu)想；運(yùn)行dreamweaver，熟悉工作環(huán)境；使用dreamweaver建立站點(diǎn)；頁(yè)面的基本編輯，文本、線段、符號(hào)等；圖像的編輯，大小，位置、環(huán)繞方式、顯示文字等，熱區(qū)的定義；超級(jí)鏈接的編輯以及相關(guān)屬性設(shè)置。4．實(shí)驗(yàn)類型：操作 5．實(shí)驗(yàn)要求：必修6．主要儀器：微機(jī)實(shí)驗(yàn)二用表格規(guī)劃網(wǎng)頁(yè)1．實(shí)驗(yàn)類別：（專業(yè)基礎(chǔ)）2．實(shí)驗(yàn)?zāi)康模海?）掌握表格在網(wǎng)頁(yè)設(shè)計(jì)中的使用方法。（2）掌握表格在網(wǎng)頁(yè)布局設(shè)計(jì)中的使用方法。3．實(shí)驗(yàn)主要內(nèi)容：（1）表格建立。（2）表格常規(guī)屬性設(shè)置，高、寬、對(duì)齊方式、表格線顏色、背景顏色等。（3）表格的修飾。（4）用布局模式規(guī)劃網(wǎng)頁(yè)。（5）“手工繪制網(wǎng)頁(yè)布局。4．實(shí)驗(yàn)類型：（操作）5．實(shí)驗(yàn)要求：（必修）6．主要儀器：（PC機(jī)）實(shí)驗(yàn)三多媒體元素的使用1．實(shí)驗(yàn)類別：（專業(yè)基礎(chǔ)）2．實(shí)驗(yàn)?zāi)康模海?）掌握網(wǎng)頁(yè)中使用flash元素的方法。（2）掌握網(wǎng)頁(yè)中使用視頻元素的方法。（3）掌握網(wǎng)頁(yè)中使用音樂的方法。（4）掌握網(wǎng)頁(yè)中使用背景音樂的方法。3．實(shí)驗(yàn)主要內(nèi)容：（1）網(wǎng)頁(yè)中插入flash動(dòng)畫、文本、按鈕對(duì)象，以及播放控制。（2）網(wǎng)頁(yè)中插入視頻文件，以及播放控制。（3）網(wǎng)頁(yè)中插入聲音文件，以及控制播放，將引入的聲音作為網(wǎng)頁(yè)背景音樂的方法。4．實(shí)驗(yàn)類型：（操作）5．實(shí)驗(yàn)要求：（必修）6．主要儀器：（PC機(jī)）實(shí)驗(yàn)四框架結(jié)構(gòu)和模板的應(yīng)用1．實(shí)驗(yàn)類別：（專業(yè)基礎(chǔ)）2．實(shí)驗(yàn)?zāi)康模海?）掌握框架結(jié)構(gòu)網(wǎng)頁(yè)的設(shè)計(jì)方法。（2）掌握模板功能的使用方法。3．實(shí)驗(yàn)主要內(nèi)容：（1）框架結(jié)構(gòu)頁(yè)面的建立。（2）框架結(jié)構(gòu)網(wǎng)頁(yè)的編輯。（3）模板文件的建立、內(nèi)容編輯與保存。（4）模板的應(yīng)用、模板的修改更新。4．實(shí)驗(yàn)類型：（操作）5．實(shí)驗(yàn)要求：（必修）6．主要儀器：（PC機(jī)）實(shí)驗(yàn)五表單設(shè)計(jì)1．實(shí)驗(yàn)類別：（專業(yè)基礎(chǔ)）2．實(shí)驗(yàn)?zāi)康模赫莆毡韱我约俺Ｓ帽韱卧氐木庉嫹椒ā?．實(shí)驗(yàn)主要內(nèi)容：（1）創(chuàng)建表單。（2）含有表單頁(yè)面的布局設(shè)計(jì)。（3）表單元素的屬性設(shè)置。4．實(shí)驗(yàn)類型：（操作）5．實(shí)驗(yàn)要求：（必修）6．主要儀器：（PC機(jī)）實(shí)驗(yàn)六動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)11．實(shí)驗(yàn)類別：（專業(yè)基礎(chǔ)）2．實(shí)驗(yàn)?zāi)康模毫私鈩?dòng)態(tài)網(wǎng)頁(yè)執(zhí)行的工作環(huán)境，掌握動(dòng)態(tài)網(wǎng)頁(yè)的特點(diǎn)以及客戶端與服務(wù)器端的工作關(guān)系。3．實(shí)驗(yàn)主要內(nèi)容：（1）IIS的安裝與主要設(shè)置；（2）編寫簡(jiǎn)單的ASP程序，并進(jìn)行測(cè)試；4．實(shí)驗(yàn)類型：（操作）5．實(shí)驗(yàn)要求：（必修）6．主要儀器：（PC機(jī)）實(shí)驗(yàn)七動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)21．實(shí)驗(yàn)類別：（專業(yè)基礎(chǔ)）2．實(shí)驗(yàn)?zāi)康模航Y(jié)合程序語(yǔ)言完成登錄表單處理網(wǎng)頁(yè)制作，進(jìn)一步加深對(duì)動(dòng)態(tài)網(wǎng)頁(yè)工作過(guò)程的認(rèn)識(shí)。3．實(shí)驗(yàn)主要內(nèi)容：設(shè)計(jì)一個(gè)服務(wù)器端程序，對(duì)客戶端提交的表單內(nèi)容進(jìn)行分析判斷，并分別給出不同的執(zhí)行結(jié)果。4．實(shí)驗(yàn)類型：（操作）5．實(shí)驗(yàn)要求：（必修）6．主要儀器：（PC機(jī)）實(shí)驗(yàn)八綜合設(shè)計(jì)1．實(shí)驗(yàn)類別：（專業(yè)基礎(chǔ)）2．實(shí)驗(yàn)?zāi)康模簩?duì)開課時(shí)布置的網(wǎng)站設(shè)計(jì)內(nèi)容進(jìn)行全面綜合設(shè)計(jì)實(shí)現(xiàn)。3．實(shí)驗(yàn)主要內(nèi)容：從靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)到動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)的知識(shí)與技能4．實(shí)驗(yàn)類型：（操作）5．實(shí)驗(yàn)要求：（必修）6．主要儀器：（PC機(jī)）三、學(xué)時(shí)分配講次教學(xué)內(nèi)容理論課時(shí)實(shí)驗(yàn)課時(shí)第1講基礎(chǔ)知識(shí)2第2講網(wǎng)站規(guī)劃與設(shè)計(jì)及補(bǔ)充知識(shí)42第3講HTML基礎(chǔ)2第4講Dreamweaver基礎(chǔ)操作32第5講利用表格進(jìn)行頁(yè)面布局3第6講插入多媒體元素22第7講設(shè)計(jì)綜合應(yīng)用練習(xí)122第8講框架和模板2第9講表單元素22第10講動(dòng)態(tài)網(wǎng)站基礎(chǔ)42第11講數(shù)據(jù)庫(kù)訪問(wèn)2第12講網(wǎng)站測(cè)試、發(fā)布與維護(hù)22第13講設(shè)計(jì)綜合應(yīng)用練習(xí)222合計(jì)3216四、考核方法（一）平時(shí)作業(yè)與考勤每