序論：寫作是一種深度的自我表達(dá)。它要求我們深入探索自己的思想和情感，挖掘那些隱藏在內(nèi)心深處的真相，好投稿為您帶來了一篇網(wǎng)站設(shè)計(jì)與制作論文范文，愿它們成為您寫作過程中的靈感催化劑，助力您的創(chuàng)作。

網(wǎng)站設(shè)計(jì)與制作論文:校內(nèi)考研網(wǎng)站設(shè)計(jì)與制作

摘要：為了更好地為本?？佳袑W(xué)生服務(wù)，建立一個(gè)校內(nèi)考研網(wǎng)站很有必要。建立校內(nèi)考研網(wǎng)站的目的是為了給本?？忌峁┮粋€(gè)交流的平臺(tái)，幫助同學(xué)復(fù)習(xí)高等數(shù)學(xué)、線性代數(shù)、概率論與數(shù)理統(tǒng)計(jì)、復(fù)變函數(shù)、積分變換與數(shù)理方程，以及英語、政治等重要基礎(chǔ)課，還有數(shù)學(xué)分析、高等代數(shù)等專業(yè)課。本文對這樣一個(gè)校內(nèi)考研網(wǎng)站的設(shè)計(jì)與制作進(jìn)行了一些探討。

關(guān)鍵詞：考研；網(wǎng)站；設(shè)計(jì)；制作

一、引言

隨著我國研究生教育的飛速發(fā)展，每年報(bào)考研究生的人數(shù)持續(xù)攀升。20年來，報(bào)考研究生的人數(shù)只有在2008年和2014年出現(xiàn)二次小幅回落，但這只是兩個(gè)小小的回檔，這并不影響考研人數(shù)大的攀升趨勢。每年都有那么多的同學(xué)報(bào)考研究生，那么如何服務(wù)好這些同學(xué)就是我們迫切需要解決的問題。參考文獻(xiàn)[1]對如何利用網(wǎng)絡(luò)優(yōu)勢為學(xué)生考研服務(wù)做了詳細(xì)分析。各個(gè)高等院?；蚩蒲性核日猩鷨挝换径冀ㄓ忻嫦蛉w考生的官方研究生招生網(wǎng)。分析了此類研究生招生網(wǎng)站的基本功能，闡述了八大功能模塊，分析了研究生招生網(wǎng)的現(xiàn)狀，并提出了發(fā)展建議。此外，還有很多民間考研網(wǎng)站在此不一一列舉，這些考研網(wǎng)站的特點(diǎn)是針對全體考生的。雖然有關(guān)考研的網(wǎng)站有很多，但這些網(wǎng)站大多數(shù)是面對全體考生的，從而包羅萬象，包含的內(nèi)容非常多，讓人目不暇接，顯得有點(diǎn)雜亂無章，從而針對性方面較差。而像浙江大學(xué)考研網(wǎng)這樣的網(wǎng)站是為外校學(xué)生考浙江大學(xué)服務(wù)的，所以為本校學(xué)生考外校服務(wù)的考研網(wǎng)站目前還很少，本文的目的就是要建設(shè)一個(gè)為本校學(xué)生考外校服務(wù)的考研網(wǎng)站，結(jié)合本校的特點(diǎn)，更有針對性，可以更好地幫助本?？忌暨x報(bào)考學(xué)校，更加有效地幫助他們復(fù)習(xí)考研基礎(chǔ)課和專業(yè)課，切實(shí)提高考研的成功率。

二、校內(nèi)考研網(wǎng)站的設(shè)計(jì)與制作

校內(nèi)考研網(wǎng)站設(shè)計(jì)的總原則是：服務(wù)好本校迫切需要解決復(fù)習(xí)考研過程中出現(xiàn)各種各樣問題的學(xué)生。網(wǎng)站的整體規(guī)劃及框架設(shè)計(jì)必須是具可擴(kuò)充性的，前臺(tái)頁面的設(shè)計(jì)必須能保證網(wǎng)站在增加欄目后不會(huì)破壞網(wǎng)站的整體結(jié)構(gòu)。后臺(tái)數(shù)據(jù)庫的設(shè)計(jì)必須具有高度的擴(kuò)充性，使得后臺(tái)管理人員能夠根據(jù)需要對欄目進(jìn)行增、刪、修改。

校內(nèi)考研網(wǎng)站的設(shè)計(jì)風(fēng)格為：綜合性考研網(wǎng)站，清新、簡約風(fēng)格，有一個(gè)統(tǒng)一的logo圖案，背景為學(xué)校鳥瞰圖。界面創(chuàng)意為標(biāo)準(zhǔn)的圖標(biāo)風(fēng)格設(shè)計(jì)，統(tǒng)一的構(gòu)圖布局，統(tǒng)一的色調(diào)、對比度、色階和圖文風(fēng)格。

校內(nèi)考研網(wǎng)站的功能要求為：（1）具備完善的類別：機(jī)構(gòu)設(shè)置、招生工作、學(xué)科建設(shè)、歷年真題、資料下載等功能。（2）資源的共建共享：使用者可以隨時(shí)、隨地通過網(wǎng)絡(luò)訪問、上傳下載存放和使用庫中資源。（3）WEB集成：基于WEB的應(yīng)用模式，使教學(xué)資源制作、管理，信息、教學(xué)交流、資源共享與交流都能在網(wǎng)上進(jìn)行。（4）自主學(xué)習(xí)：提供完善的網(wǎng)絡(luò)課程庫、真題庫、專家答疑輔導(dǎo)功能、試題庫與在線考試功能，學(xué)習(xí)者可以自主完成專業(yè)課程學(xué)習(xí)。

校內(nèi)考研網(wǎng)站的后臺(tái)管理包括：（1）圖片管理：對圖片的管理包括添加、刪除、修改，圖片的內(nèi)容元素主要包括圖片的名稱、所屬的欄目分類，分類由“欄目管理”中動(dòng)態(tài)生成、上傳圖片，將圖片上傳到網(wǎng)站頁面上。（2）欄目管理：一般是以設(shè)置圖片或內(nèi)容的類別作為欄目，在這里可以進(jìn)行欄目的添加、刪除修改欄目名、菜單的排序、類別排序、首頁排序。（3）靜態(tài)頁管理：生成靜態(tài)頁面的欄目，包括關(guān)閉網(wǎng)站靜態(tài)頁面功能、首頁更新靜態(tài)頁、列表頁更新靜態(tài)頁、內(nèi)容也更新靜態(tài)頁。（4）用戶列表：用戶的各項(xiàng)參數(shù)設(shè)置。（5）系統(tǒng)設(shè)置：進(jìn)行系統(tǒng)的參數(shù)設(shè)置，包括系統(tǒng)名稱、是否允許用戶注冊、用戶申請后是否需要審核。（6）密碼修改：管理員密碼的修改。（7）公告管理：首頁顯示的公告內(nèi)容。（8）留言管理：對留言的回復(fù)、修改、刪除。

此外校內(nèi)考研網(wǎng)站還應(yīng)該具有下列功能：（1）強(qiáng)大的后臺(tái)文章編輯器的功能。可方便地用拖動(dòng)的方式進(jìn)行圖文混排、圖片遠(yuǎn)程上傳、上傳圖片顯示效果處理等操作，以及“從word中粘貼”功能，能全部清除word排版格式多余代碼。（2）自由編輯欄目模版，可設(shè)置多個(gè)模版。（3）自由增刪修改欄目以及設(shè)置此欄目模版。（4）新聞/圖片代碼調(diào)用在后臺(tái)生成。（5）可增加多個(gè)低權(quán)限的錄入員，增加新聞時(shí)會(huì)記錄新聞的增加錄入員是誰。（6）新聞自由設(shè)置固頂或推薦，自由更改新聞標(biāo)題的顏色，可獨(dú)立設(shè)置某條新聞的URL轉(zhuǎn)向。（7）新聞功能，可在后臺(tái)相關(guān)新聞。（8）后臺(tái)修改新聞管理頁面，可以修改新聞的添加時(shí)間和閱讀數(shù)。（9）后臺(tái)新聞管理時(shí)，排序上下條移動(dòng)的功能。（10）具有審核員權(quán)限用戶。除可以審核文章外，其余功能與錄入員相似。

系統(tǒng)提供如下客戶端瀏覽器支持：IE6.0及以上各版本、FireFox3.0及以上各版本、Maxthon2.0及以上各版本、搜狗高速瀏覽器、360瀏覽器、騰訊瀏覽器等等。系統(tǒng)的開發(fā)環(huán)境為：PHP+MYSQL。參考文獻(xiàn)[3]討論了基于.net技術(shù)的四層架構(gòu)考研網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)。

我們設(shè)計(jì)的校內(nèi)考研網(wǎng)站欄目結(jié)構(gòu)圖如圖1所示。

其中網(wǎng)站首頁用動(dòng)態(tài)php頁面，將整個(gè)網(wǎng)站的最新信息在首頁顯示。網(wǎng)管在后臺(tái)可以隨時(shí)更新首頁的內(nèi)容。瀏覽者一訪問首頁就能夠了解整個(gè)考研網(wǎng)站的最新信息。考研信息欄目主要介紹一些有關(guān)考研的最新信息。課程復(fù)習(xí)欄目里主要放一些有關(guān)考研基礎(chǔ)課比如高等數(shù)學(xué)、線性代數(shù)、概率論與數(shù)理統(tǒng)計(jì)等的復(fù)習(xí)資料。網(wǎng)站鏈接欄目里放一些與考研有關(guān)的點(diǎn)擊率比較高的熱門網(wǎng)站鏈接供同學(xué)們參考。最后一個(gè)欄目也是比較重要的一個(gè)欄目是交流互動(dòng)欄目，實(shí)際上是一個(gè)考研論壇，同學(xué)們在復(fù)習(xí)考研的過程中如果碰到一些問題，可以在這個(gè)交流互動(dòng)欄目里提問，管理員應(yīng)該及時(shí)加以解答，此外考研的同學(xué)之間也可以通過這個(gè)欄目進(jìn)行交流，達(dá)到互相幫助的目的。

我們經(jīng)過制作初步完成的校內(nèi)考研網(wǎng)站首頁如圖2所示。

三、結(jié)論

雖然互聯(lián)網(wǎng)上關(guān)于考研的網(wǎng)站多如牛毛，然而這些網(wǎng)站多數(shù)是面向全體考生的，內(nèi)容面面俱到，從而針對性方面有些欠缺。本文著眼于建設(shè)一個(gè)只為本?？忌?wù)的內(nèi)部考研網(wǎng)，為本?？忌佳蟹?wù)，更有針對性，從而應(yīng)該可以服務(wù)得更到位。具體效果如何還是由實(shí)踐來驗(yàn)證吧。

網(wǎng)站設(shè)計(jì)與制作論文:淺析基于PHP和MySQL技術(shù)的網(wǎng)頁設(shè)計(jì)與制作類專題學(xué)習(xí)網(wǎng)站設(shè)計(jì)與實(shí)現(xiàn)

摘要：隨著信息技術(shù)和互聯(lián)網(wǎng)在教育中的普及應(yīng)用，對傳統(tǒng)的教學(xué)模式和學(xué)生管理模式也產(chǎn)生了一定的變革影響，例如依托專題學(xué)習(xí)類網(wǎng)站的出現(xiàn)使得學(xué)生借助校園網(wǎng)進(jìn)行自學(xué)成為了可能。本文分析了基于PHP和MySQL技術(shù)的網(wǎng)頁設(shè)計(jì)與制作類專題學(xué)習(xí)網(wǎng)站設(shè)計(jì)方案與實(shí)現(xiàn)，分別從網(wǎng)站功能設(shè)計(jì)和數(shù)據(jù)庫管理兩方面進(jìn)行了設(shè)計(jì)應(yīng)用分析。

關(guān)鍵詞：PHP MySQL 網(wǎng)站設(shè)計(jì) 實(shí)現(xiàn)

在網(wǎng)頁設(shè)計(jì)與制作類專題學(xué)習(xí)網(wǎng)站設(shè)計(jì)中，首先要分析其需求，包括基本功能需求、硬件需求和系統(tǒng)需求。結(jié)合網(wǎng)站的應(yīng)用背景和需求特定，制定相應(yīng)的設(shè)計(jì)方案，合理進(jìn)行用戶權(quán)限分配，并且為用戶提供豐富的相關(guān)資源，營造良好的網(wǎng)絡(luò)學(xué)習(xí)環(huán)境。

1 網(wǎng)站功能模塊設(shè)計(jì)

1.1 用戶登錄與注冊

首先，在系統(tǒng)功能設(shè)計(jì)中一般使用B/S結(jié)構(gòu)，也就是瀏覽器/服務(wù)器結(jié)構(gòu)，在網(wǎng)絡(luò)環(huán)境下，將各種功能模塊組合起來。用戶登錄和注冊是網(wǎng)站功能中最為基本的一個(gè)模塊，按照一定的分類標(biāo)準(zhǔn)設(shè)置用戶權(quán)限，如管理員權(quán)限、注冊用戶權(quán)限和匿名登錄用戶權(quán)限，不同權(quán)限的用戶可以訪問不同的內(nèi)容。用戶登錄的身份驗(yàn)證采用用戶名和密碼的形式，為了方便管理，用戶名可以統(tǒng)一設(shè)置，如將學(xué)生的學(xué)號(hào)設(shè)置為用戶名，密碼由用戶自行更改。管理員權(quán)限主要是由網(wǎng)站的管理人員使用，對網(wǎng)站信息進(jìn)行刪除、編輯和更改，并且對登錄用戶的身份、數(shù)量進(jìn)行管理。注冊用戶可以瀏覽、下載網(wǎng)站中的絕大多數(shù)資源內(nèi)容，而匿名用戶只能瀏覽網(wǎng)站的基本公式信息。

1.2 網(wǎng)站信息公布

網(wǎng)站信息公布是校園網(wǎng)站的一個(gè)重要功能，可以用來公示重大校園動(dòng)態(tài)、課程信息、學(xué)生信息變動(dòng)等等，所公布的信息來源于相關(guān)的校園管理部門，如教學(xué)部門、宣傳部門、學(xué)生管理部門等等。同時(shí)，一些與學(xué)生密切相關(guān)的信息，在公布中可以設(shè)置提醒功能，例如當(dāng)學(xué)生登錄網(wǎng)站后，以私信或者自動(dòng)彈出窗口的形式提示學(xué)生應(yīng)當(dāng)注意的信息。或者在學(xué)生個(gè)人信息管理模塊中，設(shè)置專門的應(yīng)當(dāng)注意信息模塊，提醒學(xué)生應(yīng)當(dāng)注意的一些變動(dòng)信息，特別是課程信息、個(gè)人信息變動(dòng)、教務(wù)信息等等。

1.3 資源共享

資源共享主要是為學(xué)生提供一個(gè)良好的學(xué)習(xí)環(huán)境，提供學(xué)生自學(xué)資源支持，在網(wǎng)頁設(shè)計(jì)與制作類專題學(xué)習(xí)網(wǎng)站構(gòu)建中，主要的教學(xué)資源有文字資源、圖片資源、視頻資源等等。同時(shí)，在資源共享中，為了提高學(xué)習(xí)資源的利用效率，利用站內(nèi)搜索技術(shù)構(gòu)建資源查詢平臺(tái)，便于用戶搜索所需資源。將各種學(xué)習(xí)資源進(jìn)行分類，可以按照資源屬性，如文檔類資源、圖片類資源、視頻類資源等等，或者按照教學(xué)內(nèi)容進(jìn)行分類。站內(nèi)資源還可以為學(xué)生提供一些優(yōu)秀的設(shè)計(jì)方案成果，將這些成果的網(wǎng)頁設(shè)計(jì)與制作方案。資源共享功能模塊設(shè)計(jì)需要針對網(wǎng)站功能特點(diǎn)和用戶使用情況進(jìn)行相應(yīng)的資源優(yōu)化，例如針對不同學(xué)習(xí)基礎(chǔ)的用戶提供不同層次的學(xué)習(xí)資源等等。

1.4 站外資源鏈接

在網(wǎng)頁設(shè)計(jì)與制作類專題學(xué)習(xí)網(wǎng)站功設(shè)計(jì)中，站外資源是一個(gè)重要的學(xué)習(xí)資源補(bǔ)充途徑，用戶在使用站內(nèi)資源時(shí)，也需要進(jìn)行相關(guān)的站外資源拓展，當(dāng)前使用較為廣泛的方式便是站外資源鏈接。站外資源鏈接也分為外部鏈接和內(nèi)部鏈接兩種，外部鏈接同用戶直接通過外網(wǎng)鏈接外站的訪問權(quán)限一樣，都為匿名瀏覽模式。而在一些提供資源下載的外部網(wǎng)站鏈接時(shí)，可以通過內(nèi)部鏈接的方式為用戶提供注冊用戶訪問權(quán)限，例如訪問一些文獻(xiàn)資料數(shù)據(jù)庫。通過購買這些數(shù)據(jù)庫的訪問權(quán)限，使得用戶可以通過內(nèi)部鏈接搜索和下載相關(guān)的文獻(xiàn)資料。在站外資源連接時(shí)，應(yīng)當(dāng)對不同的外站資源情況進(jìn)行調(diào)查和分類，按照一定的類別，例如文獻(xiàn)資料類網(wǎng)站、網(wǎng)頁設(shè)計(jì)成果類網(wǎng)站、相關(guān)軟件下載類網(wǎng)站等等。

2 基于PHP和MySQL技術(shù)網(wǎng)頁設(shè)計(jì)與制作類專題學(xué)習(xí)網(wǎng)站的實(shí)現(xiàn)

2.1 數(shù)據(jù)庫管理實(shí)現(xiàn)

基于MySQL技術(shù)的數(shù)據(jù)庫管理功能實(shí)現(xiàn)，應(yīng)當(dāng)針對網(wǎng)站數(shù)據(jù)的儲(chǔ)存和使用特點(diǎn)，應(yīng)當(dāng)確保數(shù)據(jù)庫的正確性、融合性、有效性等等，優(yōu)化數(shù)據(jù)庫檢索技術(shù)，提高數(shù)據(jù)檢索效率，數(shù)據(jù)庫結(jié)構(gòu)設(shè)計(jì)的合理性會(huì)直接關(guān)系到網(wǎng)站構(gòu)建的整體質(zhì)量。在數(shù)據(jù)庫中將各種不同類型的數(shù)據(jù)資源按照一定的類別進(jìn)行分類處理和儲(chǔ)存，同時(shí)將各種文檔信息添加日期、作者、預(yù)覽內(nèi)容等信息，主要的數(shù)據(jù)操作功能有編輯、錄入、存儲(chǔ)、刪除、復(fù)制等等。再有，應(yīng)當(dāng)保證數(shù)據(jù)庫的完整性和適時(shí)性，及時(shí)進(jìn)行數(shù)據(jù)更新，數(shù)據(jù)存儲(chǔ)要嚴(yán)格遵守相應(yīng)的規(guī)定，定期進(jìn)行數(shù)據(jù)備份，一般數(shù)據(jù)庫的管理權(quán)限為網(wǎng)站管理人員。

2.2 信息管理功能實(shí)現(xiàn)

信息管理功能主要是實(shí)現(xiàn)網(wǎng)站基本的信息公布、信息刪除和修改、重大信息警示等等，同時(shí)還包括用戶個(gè)人信息的錄入、修改等等。信息管理權(quán)限由兩部分組成，分別是網(wǎng)站管理人員的信息管理功能權(quán)限和訪問者的信息管理功能權(quán)限。信息管理人員所主要管理的信息為網(wǎng)站公布信息和一些動(dòng)態(tài)資源信息，而訪問者所使用的信息管理功能為個(gè)人信息管理和個(gè)人資源信息管理。例如訪問者在利用網(wǎng)站資源進(jìn)行學(xué)習(xí)時(shí)，需要更改個(gè)人資源數(shù)據(jù)庫，不定時(shí)的刪除資源和添加新資源，構(gòu)建成個(gè)人知識(shí)管理系統(tǒng)。而網(wǎng)站管理人員，在使用信息管理功能時(shí)，也應(yīng)當(dāng)針對不同信息的特點(diǎn)，在相應(yīng)的信息公示板塊進(jìn)行信息公布。

2.3 資源共享功能實(shí)現(xiàn)

資源共享功能主要包括兩部分，分別是站內(nèi)資源共享和站外資源共享，站內(nèi)資源包括管理人員錄入的校園資源數(shù)據(jù)庫和師生上傳的相關(guān)資源等等，站外資源則主要是針對相應(yīng)的教學(xué)內(nèi)容，選擇的一些專題網(wǎng)站。在資源共享功能實(shí)現(xiàn)中，應(yīng)當(dāng)提高資源使用效率，借助站內(nèi)搜索技術(shù)和互聯(lián)網(wǎng)搜索引擎技術(shù)，為學(xué)生提供完善的資源環(huán)境。同時(shí)，資源共享本身也是一個(gè)持續(xù)性的過程，管理人員應(yīng)當(dāng)長時(shí)期的進(jìn)行資源引進(jìn)和更新。

3 結(jié)語

基于PHP和MySQL構(gòu)建網(wǎng)頁設(shè)計(jì)與制作專題類學(xué)習(xí)網(wǎng)站，應(yīng)當(dāng)詳盡分析網(wǎng)站的需求，包括功能需求、硬件需求、系統(tǒng)需求等等，在分析需求的基礎(chǔ)上，進(jìn)行相應(yīng)的功能模塊設(shè)計(jì)和優(yōu)化。主要的功能模塊有用戶登錄和注冊功能模塊、網(wǎng)站信息公布模塊、資源共享模塊、外部資源鏈接模塊等等。并且對數(shù)據(jù)庫結(jié)構(gòu)進(jìn)行優(yōu)化，選擇適宜的搜索引擎技術(shù)，完善信息管理功能，加強(qiáng)內(nèi)部資源和外部資源的共享。相關(guān)網(wǎng)站管理人員，也應(yīng)當(dāng)建立起完善的網(wǎng)站維護(hù)體系，保證網(wǎng)站的穩(wěn)定、高效運(yùn)行。

網(wǎng)站設(shè)計(jì)與制作論文:淺談網(wǎng)站設(shè)計(jì)分析與網(wǎng)頁制作

摘 要：網(wǎng)絡(luò)作為當(dāng)前信息化時(shí)代最大的信息傳播平臺(tái)，越來越多的商家和個(gè)人開始重視建立自己的網(wǎng)站，面對新的形勢，經(jīng)過深入研究、積極探索，大膽實(shí)踐，在各項(xiàng)工作的基礎(chǔ)上，充分運(yùn)用網(wǎng)絡(luò)技術(shù)這一現(xiàn)階段科技手段，擬籌備建立網(wǎng)，并以網(wǎng)站為載體積極開展工作，為工作增添了新技術(shù)。本文結(jié)合在網(wǎng)站設(shè)計(jì)方面的經(jīng)驗(yàn)談一下網(wǎng)站設(shè)計(jì)與制作的流程。

關(guān)鍵詞：網(wǎng)站；設(shè)計(jì)分析；制作

隨著科學(xué)技術(shù)發(fā)展和網(wǎng)絡(luò)的運(yùn)用，計(jì)算機(jī)網(wǎng)絡(luò)為人們的生活打開了一片新的天地創(chuàng)新了人們的生活方式而網(wǎng)站為人們提供了豐富多彩的信息。一個(gè)網(wǎng)站不但要做到操作方便，引人入勝，趣味盎然，還要告訴瀏覽者它的用處，這些設(shè)計(jì)都是有講究的。

1 網(wǎng)站建設(shè)的作用和意義

互聯(lián)網(wǎng)作為連接世界各地計(jì)算機(jī)的全球性信息化網(wǎng)絡(luò)，它的傳輸內(nèi)容是非常豐富的，涉及到全球的各個(gè)領(lǐng)域，是人們了解世界、掌握信息的主要渠道之一。網(wǎng)站作為信息時(shí)代基層的一個(gè)重要窗口，是院務(wù)公開、公正、服務(wù)職工、惠及民生的重要手段。辦好網(wǎng)站，對于保障職工合法權(quán)益、增加職工之間互相的透明性、加強(qiáng)自身建設(shè)、提升知名度和影響力都具有非常重要意義。

2 網(wǎng)站設(shè)計(jì)分析

文字、圖形、色彩是展示網(wǎng)站內(nèi)容的重要組成部分，是構(gòu)成網(wǎng)站傳達(dá)信息不可或缺的手段，同時(shí)也是用戶對網(wǎng)站第一印象和整體風(fēng)格關(guān)注的主要內(nèi)部分。要想設(shè)計(jì)出符合人性化需求的網(wǎng)站，只有多為用戶著想，認(rèn)真地以用戶的切身體會(huì)出發(fā)去完成網(wǎng)站的整體設(shè)計(jì)。當(dāng)然，在設(shè)計(jì)過程中需要考慮的因素很多，用戶群因素和界面因素是首要考慮的兩個(gè)方面。

3 網(wǎng)頁制作

3.1 選擇合適的網(wǎng)頁設(shè)計(jì)軟件

當(dāng)前能使用的網(wǎng)頁設(shè)計(jì)類軟件很多，而選擇一個(gè)功能強(qiáng)大、操作簡單的軟件則會(huì)讓你事半功倍。對于網(wǎng)頁制作軟件來說，初學(xué)者最常使用是Frontpage和Dreamweaver，F(xiàn)rontpage是微軟公司出品的一款網(wǎng)頁制作入門級(jí)軟件，F(xiàn)rontPage使用方便簡單，會(huì)用Word就能做網(wǎng)頁，所見即所得是其特點(diǎn)，該軟件結(jié)合了設(shè)計(jì)、程式碼、預(yù)覽三種模式。Dreamweaver是美國MACRO～EDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，利用它可以輕而易舉地制作出充滿動(dòng)感的網(wǎng)頁。此外，制作網(wǎng)站還要用到邊緣性軟件，如photoshop、flash等，網(wǎng)頁設(shè)計(jì)過程中可根據(jù)自己的需要靈活運(yùn)用這些軟件。

3.2 選擇網(wǎng)頁內(nèi)容

前期的框架設(shè)計(jì)好后，就要為這個(gè)網(wǎng)站選擇內(nèi)容了。網(wǎng)頁內(nèi)容影響著網(wǎng)站的成敗，所以我們要多花一些心思在內(nèi)容制作上。內(nèi)容選擇要選有新意的、獨(dú)特的，這些可以從圖書、報(bào)紙、互聯(lián)網(wǎng)等信息媒介搜集素材，素材通常分為三類一一文字、圖片、影像。素材準(zhǔn)備得越多越好，再從這些素材中粗中取細(xì)， 以備制作網(wǎng)站時(shí)可以隨時(shí)拿來使用?？傊W(wǎng)頁內(nèi)容是網(wǎng)站的根本，如果內(nèi)容空洞，頁面制作的再怎么精美，仍然不會(huì)留住訪問者。

3.3 運(yùn)用網(wǎng)頁設(shè)計(jì)中的色彩

不同的色彩搭配產(chǎn)生不同的效果，反映出不同網(wǎng)頁的文化內(nèi)涵。因?yàn)樗墚a(chǎn)生強(qiáng)烈的視覺沖擊，所以確定網(wǎng)頁的色彩是相當(dāng)重要的一步。在網(wǎng)頁的色彩設(shè)計(jì)上，除了要表現(xiàn)心理和感情聯(lián)想之外，還要考慮色彩的對比明暗、輕重、冷暖、調(diào)和色和純度對比色的應(yīng)用等等。合理的用色可以讓信息的傳遞更有價(jià)值，使網(wǎng)頁更有效和準(zhǔn)確地把信息傳達(dá)給我們的視覺。

4 網(wǎng)頁制作中的注意事項(xiàng)

⑴網(wǎng)頁要一頁一頁制作，切不可圖快，沒考慮清楚就下手只會(huì)讓后面的修改工作更辛苦，首先要制作主頁，把主頁上的頁面的編排、色彩的搭配、鏈接的方式都設(shè)計(jì)好后，再以 它為基礎(chǔ)，通過變更文字和圖片等內(nèi)容建立其它子頁，可以利用模板批量創(chuàng)建子頁，使用模板的好處是一一同一個(gè)模板創(chuàng)建下的網(wǎng)頁，對它的更新和修改可以一次性完成。這樣可以大大提高制作效率，使網(wǎng)站形成統(tǒng)一的風(fēng)格。

⑵特效制作網(wǎng)頁時(shí)，能盡量用javascript替代的就不要使用java，java會(huì)使網(wǎng)頁速度減慢，在加入諸如聲音、動(dòng)態(tài)網(wǎng)頁等小技巧時(shí)，最好也不要太多，這都會(huì)影響網(wǎng)頁的運(yùn)行速度。

⑶使用鏈接到每張圖片的縮略圖是提供有大量圖片的圖庫時(shí)常見的一種策略?？s略圖也就是圖片的縮小版本，可以讓瀏覽者看到眾多的圖片。但是，在展示縮略圖時(shí)，切記不能將縮略圖做得太小，因?yàn)榭s略圖做得太小網(wǎng)站的訪客就無法從中獲取有效的信息。

⑷合理采用JPg和gif格式也是至關(guān)重要的，色彩鮮艷高分辨率的用JPg，圖片色彩單調(diào)的及在256色以內(nèi)的最好把它處理成gif圖像格式。圖片大小盡量不要超過30k，小圖片（1OOx40）一般可以控制在6k以內(nèi)，較大的圖片可以“分割”成小圖片。

⑸為圖片加注解。圖片的下載較慢，在沒有顯示出來時(shí)注解的標(biāo)注有助于讓瀏覽者知道這是關(guān)于什么的圖片，是否需要等待，是否可以點(diǎn)擊。

5 結(jié)語

網(wǎng)站的設(shè)計(jì)與制作談起來很簡單，但要制作出真正有創(chuàng)意、經(jīng)典的網(wǎng)站不是一件容易的事情。網(wǎng)頁設(shè)計(jì)需要不斷的實(shí)踐，不斷的學(xué)習(xí)，不斷的豐富、創(chuàng)新網(wǎng)頁制作的方法，不斷完善、提高自己網(wǎng)站設(shè)計(jì)的能力。

網(wǎng)站設(shè)計(jì)與制作論文:淺析高職圖書館網(wǎng)站設(shè)計(jì)與制作

摘 要：基于高職圖書館的特色，堅(jiān)持一切從讀者的需求出發(fā)，結(jié)合圖書館網(wǎng)站的設(shè)計(jì)理念和網(wǎng)站制作的高標(biāo)準(zhǔn)進(jìn)行建設(shè)高職圖書館網(wǎng)站，全面淺析高職圖書館網(wǎng)站設(shè)計(jì)制作。

關(guān)鍵詞：高職圖書館；網(wǎng)站制作；網(wǎng)站設(shè)計(jì)

高職圖書館網(wǎng)站是圖書館對外重要的宣傳陣地和提供數(shù)字資源與信息服務(wù)的平臺(tái)，其服務(wù)對象是校內(nèi)師生和社會(huì)讀者，需要提升圖書館的網(wǎng)絡(luò)化、數(shù)字化、特色化服務(wù)水平，使之成為讀者利用高職圖書館資源和服務(wù)的窗口。高職圖書館網(wǎng)站如何滿足讀者的需求，因此各高職圖書館必須大力探索網(wǎng)站設(shè)計(jì)與制作的理念與原則，并結(jié)合自身特色，開發(fā)出讓讀者滿意、令讀者信賴的網(wǎng)站。我在這里介紹高職圖書館網(wǎng)站設(shè)計(jì)與制作的經(jīng)驗(yàn)的幾點(diǎn)體會(huì)。

1 高眼界、高標(biāo)準(zhǔn)、高要求

⑴他山之石，可以攻玉，向優(yōu)秀的高校、高職圖書館網(wǎng)站學(xué)習(xí)。在高職圖書館設(shè)計(jì)與制作過程中，我們先后參考了許多國內(nèi)外著名高校、公共圖書館及高職圖書館的網(wǎng)站，比如：國內(nèi)的清華大學(xué)圖書館、北京大學(xué)圖書館、國家圖書館等，國外的有澳大利亞墨爾本大學(xué)圖書館、英國倫敦大學(xué)國王學(xué)院圖書館、高職類的深圳職業(yè)技術(shù)學(xué)院圖書館等。在網(wǎng)站設(shè)計(jì)與制作前，我們對優(yōu)秀的圖書館網(wǎng)站，結(jié)合讀者的需求、服務(wù)及圖書館業(yè)務(wù)等方面進(jìn)行分析，這樣對設(shè)計(jì)與制作高職圖書館網(wǎng)站墊下非常好的基礎(chǔ)。⑵網(wǎng)頁制作要高標(biāo)準(zhǔn)、嚴(yán)要求.高職圖書館網(wǎng)站的版面整潔、整齊、版式統(tǒng)一、圖片不變形和易維護(hù)度。

2 設(shè)計(jì)理念

⑴符合高職的特點(diǎn)和實(shí)際情況。高職圖書館不同高校圖書館，高職圖書館具有獨(dú)特性，網(wǎng)站應(yīng)結(jié)合圖書館的服務(wù)理念去建設(shè)，但高職圖書館面臨資源少、服務(wù)項(xiàng)目少的困境，我們?nèi)绾螌ψx者提供有價(jià)值服務(wù)，需要館員們多年服務(wù)讀者過程中總結(jié)，才能給讀者一個(gè)滿意的網(wǎng)站。圖書館網(wǎng)站建設(shè)力圖把滿足讀者需求、方便讀者使用作為網(wǎng)站設(shè)計(jì)的根本出發(fā)點(diǎn)，網(wǎng)站的內(nèi)容和設(shè)計(jì)要充分考慮到讀者的需求，一個(gè)受讀者喜歡并信賴的網(wǎng)站是建立于讀者明確需求的基礎(chǔ)上。

⑵不使用過多顏色，力求簡潔、清爽。色彩可以鮮艷一些，但不能雜亂。從審美角度看，在網(wǎng)站設(shè)計(jì)時(shí)，只使用三、四種相匹配的顏色就可以讓網(wǎng)站更為美觀了，應(yīng)盡量避免使網(wǎng)站過于花哨，盡量不用或少用動(dòng)畫、閃爍或滾動(dòng)的文本。

⑶頁面應(yīng)布局合理，盡量簡潔。一般來說，頁面的分辨率推薦1027x768，固定布局寬度來設(shè)計(jì)；按網(wǎng)站層級(jí)來設(shè)計(jì)布局，同一層級(jí)的布局盡可能統(tǒng)一。網(wǎng)站首頁布局應(yīng)簡潔、大方，應(yīng)把服務(wù)與資源充分顯示在首頁面上，可以采取JS滑動(dòng)顯示的技術(shù)，容納更多的內(nèi)容而不顯得擁擠。

⑷使用一致的設(shè)計(jì)元素。在網(wǎng)站的全部頁面上，都采用一致的字體與顏色，會(huì)使網(wǎng)站顯得更為統(tǒng)一和專業(yè)。同時(shí)在網(wǎng)頁的布局設(shè)計(jì)、術(shù)語或詞匯的使用，以及與用戶交互的方式使用等方面，也都應(yīng)盡力保持這種一致性。圖書館主頁、OPAC頁面及二級(jí)頁面在功能菜單及色調(diào)上應(yīng)盡量做到一致。

⑸圖書館的網(wǎng)站上應(yīng)設(shè)計(jì)一個(gè)較醒目的給讀者發(fā)牢騷、提意見、問問題的窗口。

⑹網(wǎng)站整體導(dǎo)航清晰化。1）全局導(dǎo)航。全局導(dǎo)航也就是說可以幫助用戶隨時(shí)去到網(wǎng)站的任何一個(gè)欄目。并且能輕松跳轉(zhuǎn)到另一個(gè)欄目上。一般來說，全局導(dǎo)航的位置是固定的，這樣可以減少瀏覽者查找的時(shí)間。2）導(dǎo)航欄異化，直接的告訴用戶他身在何處。瀏覽則當(dāng)前訪問的頁面所屬的導(dǎo)航，在網(wǎng)站建設(shè)中要進(jìn)行特殊化處理，比如一家網(wǎng)站建設(shè)公司的網(wǎng)站導(dǎo)航，如果網(wǎng)站主導(dǎo)航顏色是藍(lán)色的，那么當(dāng)用戶瀏覽到網(wǎng)站建設(shè)流程這個(gè)大欄目之下，那么網(wǎng)站建設(shè)流程這個(gè)欄目的導(dǎo)航應(yīng)該換一種顏色或者做一種特殊的效果來進(jìn)行體現(xiàn)，以區(qū)別與其他的導(dǎo)航。這樣瀏覽者就能夠非常的容易的識(shí)別到當(dāng)前導(dǎo)航所在的位置。

3 網(wǎng)頁制作――精益求精

⑴CSS樣式制作規(guī)范。為了開發(fā)后樣式名管理方便，請用有意義的單詞或縮寫組合來命名，一看就知道這樣式是哪一塊的，這樣就節(jié)省了查找樣式的時(shí)間。

⑵符合搜索引擎。在制作網(wǎng)站的過程中，應(yīng)符合搜索引擎，以便讀者能搜索到圖書館網(wǎng)站。網(wǎng)站設(shè)計(jì)符合搜索引擎主要有兩個(gè)標(biāo)簽：標(biāo)題（title）、描述（description），寫法如下：

順德職業(yè)技術(shù)學(xué)院圖書館|順職圖書館|順大圖書館

⑶網(wǎng)站的擴(kuò)展性及維護(hù)的便利性。1）網(wǎng)站的擴(kuò)展性。日后面臨著數(shù)字資源日益增多，服務(wù)不斷深化的基礎(chǔ)上，我們特別要注意網(wǎng)站對后續(xù)的改動(dòng)適應(yīng)性要強(qiáng)。2）站維護(hù)的便利性。網(wǎng)站后續(xù)維護(hù)的工作中，我們通過網(wǎng)站管理后臺(tái)權(quán)限的分配，把館內(nèi)的各部門人員全部調(diào)動(dòng)起來，各自負(fù)責(zé)各自的網(wǎng)站模塊。維護(hù)的內(nèi)容包括四個(gè)方面：第一、網(wǎng)站各模塊內(nèi)容的更新；第二、試用的數(shù)字資源的及刪除等；第三、圖書館業(yè)務(wù)中內(nèi)容發(fā)生變化的相應(yīng)更新；第四、網(wǎng)頁功能的修改升級(jí)或者特效的改造增加。

網(wǎng)站設(shè)計(jì)與制作論文:基于真實(shí)企業(yè)項(xiàng)目的商務(wù)網(wǎng)站設(shè)計(jì)與制作課程改革

摘 要 在我校電子商務(wù)專業(yè)進(jìn)行“MBE-CDIO的教學(xué)改革”的大背景下，重點(diǎn)介紹商務(wù)網(wǎng)站設(shè)計(jì)與制作課程的改革思路、內(nèi)容設(shè)計(jì)、組織和實(shí)施過程。課程在“MBE-CDIO課程體系”中定位并明確技術(shù)、能力、素質(zhì)等教學(xué)目標(biāo)，將真實(shí)企業(yè)項(xiàng)目引入教學(xué)，學(xué)生以項(xiàng)目組形式參與項(xiàng)目開發(fā)全程，并采用展示型過程化考核方式，將企業(yè)意見作為重要考核標(biāo)準(zhǔn)納入考核體系。課程改革試行兩屆，教學(xué)成效初顯。

關(guān)鍵詞 MBE-CDIO 真實(shí)企業(yè)項(xiàng)目 項(xiàng)目導(dǎo)向 過程化考核

1 高職電子商務(wù)專業(yè)網(wǎng)站建設(shè)課程概述

1.1 高職電子商務(wù)專業(yè)網(wǎng)站建設(shè)課程現(xiàn)狀

自從我國高職院校開設(shè)電子商務(wù)專業(yè)以來，其核心課程電子商務(wù)網(wǎng)站開發(fā)類課程的教學(xué)效果一直不盡如人意。筆者已在山東商職學(xué)院承擔(dān)電子商務(wù)技術(shù)教學(xué)工作多年，通過各種方式對國內(nèi)二十多所高職院校電子商務(wù)專業(yè)進(jìn)行了相關(guān)課程教學(xué)內(nèi)容和教學(xué)效果的調(diào)研，發(fā)現(xiàn)諸多院校電子商務(wù)網(wǎng)站開發(fā)課程以教授靜態(tài)網(wǎng)站制作為主，能真正理解、開發(fā)出實(shí)用的商務(wù)網(wǎng)站的學(xué)生近乎為零，即便是帶有基本會(huì)員功能的簡單企業(yè)展示網(wǎng)站，學(xué)生也不能很好理解，更不用說幫助企業(yè)做網(wǎng)站規(guī)劃、運(yùn)營維護(hù)等工作。

我校電子商務(wù)專業(yè)對人才培養(yǎng)目標(biāo)進(jìn)行重新研究、梳理、定位，重點(diǎn)向商務(wù)偏移，明確了商務(wù)網(wǎng)站課程不應(yīng)以教會(huì)學(xué)生開發(fā)技術(shù)為教學(xué)目標(biāo)，而應(yīng)該教授學(xué)生具備理解動(dòng)態(tài)網(wǎng)站原理、能對企業(yè)網(wǎng)站進(jìn)行規(guī)劃和改版的能力。

1.2 我校電子商務(wù)專業(yè)網(wǎng)站建設(shè)課程現(xiàn)狀

我校電子商務(wù)專業(yè)自2000年開設(shè)該課程以來，授課內(nèi)容一直根據(jù)社會(huì)需求不斷調(diào)整。2008年課程名稱確定為網(wǎng)頁制作，內(nèi)容從原來講授網(wǎng)頁制作三劍客等軟件操作為主，調(diào)整為講授HTML基礎(chǔ)知識(shí)及應(yīng)用為主，輔以Dreamweaver軟件操作，并在后續(xù)學(xué)期開設(shè)網(wǎng)頁制作腳本語言，注重學(xué)生編程思想和代碼讀寫能力的培養(yǎng)。

2009年，經(jīng)調(diào)研我們對專業(yè)人才培養(yǎng)進(jìn)行了較大的調(diào)整，降低對學(xué)生開發(fā)技術(shù)的要求，開始重視學(xué)生對網(wǎng)站運(yùn)營的整體理解、網(wǎng)站的維護(hù)更新等能力的培養(yǎng)，課程調(diào)整為網(wǎng)頁設(shè)計(jì)與美化、ASP動(dòng)態(tài)網(wǎng)站規(guī)劃兩門課程，分兩個(gè)學(xué)期開設(shè)。其中ASP動(dòng)態(tài)網(wǎng)站規(guī)劃重點(diǎn)講授動(dòng)態(tài)網(wǎng)站基本原理，引導(dǎo)學(xué)生進(jìn)行網(wǎng)站規(guī)劃，并加入網(wǎng)站的、維護(hù)、更新等教學(xué)內(nèi)容。

2011年，專業(yè)人才培養(yǎng)在做過大量調(diào)研的基礎(chǔ)上，再次進(jìn)行重大調(diào)整。我們發(fā)現(xiàn)社會(huì)對電子商務(wù)人才的要求很大一部分是“商科能力和素質(zhì)”，并且定位了電子商務(wù)專業(yè)的三個(gè)崗位目標(biāo)（網(wǎng)絡(luò)營銷主管、電子商務(wù)運(yùn)營主管、網(wǎng)絡(luò)客服主管）。因此課程進(jìn)行了較大調(diào)整，課程名稱確定為商務(wù)網(wǎng)站設(shè)計(jì)與制作，分兩個(gè)學(xué)期開設(shè)；并嘗試將校企合作單位的真實(shí)企業(yè)網(wǎng)站開發(fā)項(xiàng)目引入教學(xué)。經(jīng)過改革和建設(shè)，該課程作為“電子商務(wù)專業(yè)核心課程群”中的一門被評(píng)為校級(jí)精品課程。

圖1 商務(wù)網(wǎng)站設(shè)計(jì)與制作課程教學(xué)目標(biāo)

2012年，專業(yè)進(jìn)行了“MBE-CDIO教學(xué)改革”，提出一個(gè)覆蓋商業(yè)職場環(huán)境、體現(xiàn)完整生命周期的教學(xué)設(shè)計(jì)。同時(shí)教學(xué)大綱分解了專業(yè)人才培養(yǎng)所需完成的素質(zhì)、能力和知識(shí)目標(biāo)，構(gòu)建了電子商務(wù)專業(yè)教學(xué)主線的9級(jí)進(jìn)階項(xiàng)目，更加明晰了商務(wù)網(wǎng)站設(shè)計(jì)與制作在人才培養(yǎng)中的作用和地位。

2 基于真實(shí)企業(yè)項(xiàng)目的課程設(shè)計(jì)理念

課程內(nèi)容的設(shè)計(jì)、組織服務(wù)于專業(yè)人才培養(yǎng)目標(biāo)。2012年專業(yè)教學(xué)采用“MBE-CDIO一體化課程體系”模式，確定商務(wù)網(wǎng)站設(shè)計(jì)與制作的課程目標(biāo)共計(jì)28項(xiàng)（見圖1），包括1項(xiàng)技術(shù)知識(shí)、13項(xiàng)勝任工作的能力、5項(xiàng)進(jìn)階能力的教學(xué)任務(wù)，9項(xiàng)素質(zhì)教學(xué)關(guān)鍵點(diǎn)穿插其中，保障了課程體系的實(shí)施效果。

為了確保教學(xué)目標(biāo)的完成，課程引入“心欣農(nóng)產(chǎn)品交易服務(wù)平臺(tái)”真實(shí)的企業(yè)項(xiàng)目背景，讓學(xué)生完成“心欣平臺(tái)前臺(tái)頁面規(guī)劃及設(shè)計(jì)”（從需求分析規(guī)劃設(shè)計(jì)制作實(shí)現(xiàn)測試運(yùn)行維護(hù)整個(gè)生命周期），和“心欣平臺(tái)后臺(tái)改進(jìn)規(guī)劃與實(shí)施”（從改進(jìn)需求分析概要設(shè)計(jì)詳細(xì)設(shè)計(jì)整合測試運(yùn)行培訓(xùn)文檔設(shè)計(jì)整個(gè)生命周期）兩個(gè)實(shí)戰(zhàn)項(xiàng)目；最后，用“心欣農(nóng)產(chǎn)品交易平臺(tái)”的改進(jìn)效果來檢測課程教學(xué)目標(biāo)的完成情況。

課程的項(xiàng)目化教學(xué)在教學(xué)做一體化的教學(xué)環(huán)境中開展，學(xué)生以項(xiàng)目組的形式參與項(xiàng)目學(xué)習(xí)全程，掌握網(wǎng)站需求分析、網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、網(wǎng)站維護(hù)等專業(yè)知識(shí)的同時(shí)，更鍛煉了團(tuán)隊(duì)合作能力、溝通能力和創(chuàng)新意識(shí)等綜合素質(zhì)。

3 基于真實(shí)企業(yè)項(xiàng)目的課程內(nèi)容體系建設(shè)

3.1 課程內(nèi)容體系設(shè)計(jì)

課程內(nèi)容設(shè)計(jì)基于兩個(gè)原則：（1）實(shí)現(xiàn)教學(xué)目標(biāo)；（2）以真實(shí)企業(yè)項(xiàng)目覆蓋商業(yè)職場環(huán)境下的完整生命周期。

教學(xué)目標(biāo)涵蓋了人才培養(yǎng)目標(biāo)中的9項(xiàng)素質(zhì)關(guān)鍵點(diǎn)、1項(xiàng)技術(shù)知識(shí)關(guān)鍵點(diǎn)、13項(xiàng)能力關(guān)鍵點(diǎn)和5項(xiàng)進(jìn)階能力關(guān)鍵點(diǎn)。這28個(gè)關(guān)鍵點(diǎn)，是通過將兩個(gè)真實(shí)企業(yè)網(wǎng)站項(xiàng)目（心欣前臺(tái)頁面內(nèi)容規(guī)劃與設(shè)計(jì)項(xiàng)目、心欣后臺(tái)改進(jìn)規(guī)劃與實(shí)施項(xiàng)目），引入實(shí)際教學(xué)過程中實(shí)現(xiàn)的。具體內(nèi)容規(guī)劃，則依據(jù)CDIO（Conceive構(gòu)思、Design設(shè)計(jì)、Implement實(shí)現(xiàn)和Operate運(yùn)作）理念，按照軟件工程的思路進(jìn)行組織。（1）靜態(tài)部分以Web標(biāo)準(zhǔn)HTML+CSS內(nèi)容為主，引入“心欣前臺(tái)頁面內(nèi)容規(guī)劃與設(shè)計(jì)”項(xiàng)目貫穿。（2）動(dòng)態(tài)部分重在培養(yǎng)學(xué)生的商務(wù)網(wǎng)站規(guī)劃、優(yōu)化及維護(hù)能力，使學(xué)生對具備交互功能的動(dòng)態(tài)商務(wù)網(wǎng)站有一個(gè)全面認(rèn)識(shí)；注重培養(yǎng)學(xué)生對項(xiàng)目或系統(tǒng)的完整生命周期的理解，要求學(xué)生從需求識(shí)別、需求分析、規(guī)劃設(shè)計(jì)，到測試、更新維護(hù)、運(yùn)營管理等環(huán)節(jié)全程參與，并注重對學(xué)生策劃并撰寫系統(tǒng)應(yīng)用文檔的能力的培養(yǎng)。

3.2 課程內(nèi)容體系組織

課程內(nèi)容用“心欣農(nóng)產(chǎn)品交易平臺(tái)”的優(yōu)化改進(jìn)項(xiàng)目貫穿，整個(gè)教學(xué)過程劃分為五個(gè)子項(xiàng)目進(jìn)行。每個(gè)子項(xiàng)目又分解成了專業(yè)知識(shí)、實(shí)訓(xùn)操作、項(xiàng)目實(shí)戰(zhàn)和展示型考核四個(gè)模塊。學(xué)生以項(xiàng)目組的形式，參與項(xiàng)目全程。其中，實(shí)訓(xùn)操作模塊將授課中涉及的實(shí)踐操作加以應(yīng)用并鞏固；項(xiàng)目實(shí)戰(zhàn)模塊則將真實(shí)項(xiàng)目分解為子項(xiàng)目進(jìn)行實(shí)施和檢驗(yàn)；展示型考核模塊在各子項(xiàng)目中是比較重要的模塊，各項(xiàng)目小組在項(xiàng)目實(shí)戰(zhàn)模塊中完成的任務(wù)需要進(jìn)行展示、答辯，必要時(shí)將作品向企業(yè)推薦，并將企業(yè)評(píng)價(jià)和反饋意見作為重要考核指標(biāo)。

課程共計(jì)64課時(shí)，分別安排在第二學(xué)期、第三學(xué)期進(jìn)行。第二學(xué)期進(jìn)行網(wǎng)站前臺(tái)的規(guī)劃設(shè)計(jì)和實(shí)現(xiàn)，分配24課時(shí)；第三學(xué)期進(jìn)行網(wǎng)站后臺(tái)的規(guī)劃設(shè)計(jì)和運(yùn)行維護(hù)，分配40課時(shí)。兩學(xué)期均在教學(xué)做一體化教室展開教學(xué)，實(shí)踐比例100%。子項(xiàng)目的具體內(nèi)容組織、授課內(nèi)容課時(shí)分配見表1。

3.3 課程教學(xué)方法與手段

（1）用真實(shí)項(xiàng)目貫穿課程內(nèi)容，學(xué)生以項(xiàng)目組的形式參與項(xiàng)目開發(fā)全過程：用兩個(gè)真實(shí)項(xiàng)目開發(fā)過程為載體組織教學(xué)內(nèi)容，以教授方法、技巧為主；學(xué)生以項(xiàng)目組的形式參與項(xiàng)目開發(fā)全過程，邊學(xué)邊做，把學(xué)到的方法和技巧在項(xiàng)目開發(fā)過程中立即實(shí)踐，并在實(shí)踐過程中組織討論、互動(dòng)；根據(jù)每個(gè)項(xiàng)目組的反饋情況完善教學(xué)內(nèi)容、安排進(jìn)度。

（2）采用教學(xué)做一體化方式，考核方法取消筆試，采用展示型過程化考核。各子項(xiàng)目結(jié)束時(shí)，學(xué)生項(xiàng)目組都要進(jìn)行成果展示、答辯，檢查并共享學(xué)習(xí)成果；根據(jù)老師提出的修改意見進(jìn)行修訂，并制定下一子項(xiàng)目實(shí)施計(jì)劃。項(xiàng)目全部結(jié)束時(shí)每個(gè)項(xiàng)目組實(shí)現(xiàn)的都是一個(gè)完善的、可、可供企業(yè)實(shí)際應(yīng)用的網(wǎng)站，作品以企業(yè)是否采用為主要考核標(biāo)準(zhǔn)，激發(fā)學(xué)生的競爭意識(shí)和學(xué)習(xí)興趣。

（3）利用云空間加強(qiáng)互動(dòng)學(xué)習(xí)和資源共享。利用世界大學(xué)城云空間教學(xué)，加強(qiáng)學(xué)生與老師之間、學(xué)生與學(xué)生之間的互動(dòng)和資源共享。課程將教學(xué)目標(biāo)關(guān)鍵點(diǎn)分解，形成26項(xiàng)工作能力點(diǎn)，一一對應(yīng)了26個(gè)能力關(guān)聯(lián)表格化教案，見圖2。

圖2 商務(wù)網(wǎng)站設(shè)計(jì)與制作表格化教案

4 結(jié)束語

以真實(shí)企業(yè)項(xiàng)目為教學(xué)背景的課程改革，目前已經(jīng)試行兩屆，教學(xué)成效初顯。學(xué)生對這種用真實(shí)企業(yè)項(xiàng)目貫穿的、項(xiàng)目導(dǎo)向在實(shí)踐中學(xué)習(xí)的教學(xué)方法充分肯定，學(xué)生作品也得到合作企業(yè)的認(rèn)可。當(dāng)然，在運(yùn)作過程中，我們也遇到一些困難、發(fā)現(xiàn)一些問題，需要進(jìn)一步改進(jìn)和加強(qiáng)：（1）企業(yè)真實(shí)項(xiàng)目一般對項(xiàng)目完成時(shí)間、網(wǎng)絡(luò)安全方面有較高的要求，課程中實(shí)現(xiàn)有難度；（2）項(xiàng)目開展和學(xué)生的實(shí)踐訓(xùn)練若能在一段時(shí)間內(nèi)集中完成，既能滿足項(xiàng)目開發(fā)需要，又有助于學(xué)生高效學(xué)習(xí)，但不符合學(xué)校的教學(xué)計(jì)劃，難以實(shí)現(xiàn)；（3）學(xué)生作品為企業(yè)采用之后，后期網(wǎng)站的維護(hù)更新無法保證。

課程組會(huì)在以后的建設(shè)過程中盡力克服以上困難，將課程改革的有效部分繼續(xù)完善、推進(jìn)、發(fā)展。

網(wǎng)站設(shè)計(jì)與制作論文:工會(huì)網(wǎng)站設(shè)計(jì)與制作初探

摘要：以擬籌建學(xué)院工會(huì)網(wǎng)站為例，介紹學(xué)院工會(huì)主頁的設(shè)計(jì)與制作過程，指出了設(shè)計(jì)與維護(hù)網(wǎng)頁過程中應(yīng)注意的一些問題。

關(guān)鍵詞：主頁設(shè)計(jì)；主頁制作

科學(xué)技術(shù)的飛速發(fā)展和網(wǎng)絡(luò)技術(shù)的普遍運(yùn)用，為了拓寬工會(huì)工作渠道、創(chuàng)新工作方法提供了廣闊的空間。加強(qiáng)對工會(huì)網(wǎng)站建設(shè)，運(yùn)用現(xiàn)代網(wǎng)絡(luò)技術(shù)推動(dòng)工會(huì)工作，成為擺在各級(jí)工會(huì)組織面前一項(xiàng)十分重要的任務(wù)。面對新的形勢，學(xué)院工會(huì)經(jīng)過深入研究、積極探索，大膽實(shí)踐，在認(rèn)真抓好日常各項(xiàng)工作的基礎(chǔ)上，充分運(yùn)用網(wǎng)絡(luò)技術(shù)這一現(xiàn)代科技手段，擬籌備建立學(xué)院工會(huì)網(wǎng)，并以網(wǎng)站為載體積極開展工作，為工會(huì)工作增添了新的生機(jī)和活力?，F(xiàn)對如何進(jìn)一步加強(qiáng)基層工會(huì)網(wǎng)站建設(shè)略加探討。

一、加強(qiáng)工會(huì)網(wǎng)站建設(shè)的作用和意義

互聯(lián)網(wǎng)絡(luò)作為連接世界各國計(jì)算機(jī)的全球性信息化網(wǎng)絡(luò)，其傳輸內(nèi)容非常非常豐富的，涉及到全球的政治、經(jīng)濟(jì)、文化、體育等等各個(gè)領(lǐng)域，成為人們了解世界、掌握信息的主要渠道之一。學(xué)院工會(huì)網(wǎng)站作為信息時(shí)代基層工會(huì)的一個(gè)重要窗口，是院務(wù)公開、公正、服務(wù)職工、惠及民生的重要手段。辦好工會(huì)網(wǎng)站，對于保障職工合法權(quán)益、增加職工之間互相的透明性、加強(qiáng)工會(huì)自身建設(shè)、提升工會(huì)知名度和影響力都具有非常重要意義。

二、網(wǎng)站主要內(nèi)容與注重面

網(wǎng)站要設(shè)有工會(huì)新聞、民主管理、權(quán)益保障、勞動(dòng)保護(hù)、文件資料、政策法規(guī)等主欄目，并加強(qiáng)工會(huì)會(huì)員管理等數(shù)據(jù)庫的建設(shè)和利用，使廣大干部職工能夠通過網(wǎng)站，迅速快捷的檢索到自己所需要的信息資料。擬開設(shè)職工論壇等形式建立“職工之家”，職工和工會(huì)干部以注冊方式，在網(wǎng)上對事件或人物進(jìn)行討論交流，暢談各自感悟，進(jìn)行相互學(xué)習(xí)和相互交流。還可利用網(wǎng)站開展“首席職工”、“優(yōu)秀工會(huì)工作者”等各類評(píng)選活動(dòng)，進(jìn)一步提升工會(huì)工作的透明度和群眾參與度。

三、技術(shù)平臺(tái)規(guī)劃與設(shè)計(jì)

（一）系統(tǒng)應(yīng)用范圍

從系統(tǒng)上分析是一個(gè)門戶信息交易站點(diǎn)，大多數(shù)用戶都具有分散性，沒有統(tǒng)一的組織和統(tǒng)一的地區(qū)，主要通過internet訪問。用戶側(cè)重使用IE情況分析。用戶使用網(wǎng)絡(luò)帶寬分析。估計(jì)日訪問量在幾千人次。

根據(jù)這些特點(diǎn)，我們建議在IE兼容上側(cè)重用于IE6.0。出于用戶帶寬的考慮，建議使用CSS+DIV寫網(wǎng)站框架。在網(wǎng)站結(jié)構(gòu)上采用B/S結(jié)構(gòu)。

用戶側(cè)重使用IE情況分析，根據(jù)網(wǎng)絡(luò)軟件測試調(diào)查，得出以下數(shù)據(jù)如圖：

從圖得知使用IE6.0的用戶最多占到32.14%。360瀏覽器使用本地IE核心。其中也有一部分本地核心用的也是IE6.0。其它IE8.0占到21.54%，IE7.0占到6.3%，搜狗瀏覽器占到6.03%，其它c(diǎn)hrome，IE9.0，TT瀏覽器，QQ瀏覽器都只占到3%以下。

所以在UI設(shè)計(jì)和IE兼容性設(shè)計(jì)上測重IE6.0以上的版本，建議使用CSS+DIV布局。然后再測試調(diào)試各常用IE之間的兼容性。

（二）用戶使用網(wǎng)絡(luò)帶寬分析

今年寬帶普及提速工程的目標(biāo)是4兆及以上寬帶接入產(chǎn)品的用戶超過50%，現(xiàn)在，平均帶寬達(dá)到了50%。今年4月，全國固定寬帶接入規(guī)模為1.59億。4兆及以上用戶使用比例已經(jīng)超過了50%。去年年底，使用4兆以上帶寬產(chǎn)品才38%到39%，今年卻飛快提升了10個(gè)百分點(diǎn)，達(dá)到50%。

所以4M以下的人群仍然是主體。在網(wǎng)站建設(shè)過程中，網(wǎng)頁的圖片和整個(gè)網(wǎng)頁大小的控制不容忽視。建議頁面大小保持在三屏內(nèi)，網(wǎng)頁大小保持在150K以內(nèi)。這是對用戶的體驗(yàn)度一個(gè)提升也是對網(wǎng)頁大小的一個(gè)控制。

（三）任何商業(yè)應(yīng)用程序都有三大類必須完成的任務(wù)：

第一類和與用戶的交互有關(guān)（人機(jī)接口），用戶如何使用應(yīng)用程序，這類任務(wù)可稱之為表示層（Presentation）。

第二類和應(yīng)用程序所完成的計(jì)算處理和程序處理流程有關(guān)，可稱之為應(yīng)用邏輯層（Application Logic）。

最后一類與數(shù)據(jù)的查詢、更新及數(shù)據(jù)管理有關(guān)，可稱之為數(shù)據(jù)資源層（Data and Resource）。

四、網(wǎng)站細(xì)節(jié)總體設(shè)計(jì)

網(wǎng)站分為前臺(tái)和后臺(tái)兩個(gè)部分，前臺(tái)部分為公眾和會(huì)員客戶提供信息、閱讀、查詢等功能，后臺(tái)作為網(wǎng)站管理的核心部分，提供網(wǎng)站數(shù)據(jù)、類別等信息的管理和查詢。

（一）前臺(tái)網(wǎng)站的具體欄目設(shè)置

共分為工會(huì)簡介欄目、工會(huì)工作欄目、工會(huì)動(dòng)態(tài)欄目、下載中心欄目、工會(huì)信箱欄目、工會(huì)論壇欄目、留言板欄目、友情鏈接、站內(nèi)搜索引擎共9個(gè)欄目設(shè)置。

1.首頁具體板塊的設(shè)置

提供工會(huì)信箱登錄以及各分類信息查詢系統(tǒng)。左側(cè)是本站動(dòng)態(tài)、工會(huì)簡介、網(wǎng)站公告和相關(guān)鏈接，右側(cè)是廣告位；中間部分是各欄目的信息。

在網(wǎng)站的首頁中采用了4種效果，飄浮廣告效果，滾動(dòng)新聞效果，鼠標(biāo)右鍵禁用和ie右下腳狀態(tài)欄文字顯示效果。

2.網(wǎng)站工會(huì)欄目簡介

詳細(xì)的介紹了工會(huì)具體情況以及領(lǐng)導(dǎo)風(fēng)采、組織機(jī)構(gòu)等內(nèi)容。

3.網(wǎng)站工會(huì)工作簡介

專題介紹工會(huì)在開展素質(zhì)工程、法律維權(quán)、基層建設(shè)、送溫暖工程、女工工作、綜合等工作的情況。

4.網(wǎng)站工會(huì)動(dòng)態(tài)簡介

介紹工會(huì)的具體活動(dòng)，包含生動(dòng)的圖片及詳細(xì)的文字信息。

5.網(wǎng)站下載中心的簡介

網(wǎng)站提供常用的軟件及表格和表格模板的下載。

6.網(wǎng)站工會(huì)信箱的簡介

網(wǎng)站工會(huì)內(nèi)部所有工作人員具體的郵箱地址。

7.網(wǎng)站工會(huì)論壇的簡介

網(wǎng)站提供單版論壇。論壇具有一般論壇的常用功能。如注冊會(huì)員，在線生級(jí)，發(fā)表帖子，回復(fù)帖子，論壇設(shè)有良好的編輯器，能夠方便的編輯帖子內(nèi)容。并且有豐富的表情包。讓互動(dòng)更加生動(dòng)。普通用戶也可以注冊筆名并發(fā)表帖子進(jìn)行互動(dòng)。

8.網(wǎng)站留言板的簡介

網(wǎng)站的留言板能夠通過編輯器方便的編輯文本，可以通過注冊用戶進(jìn)行留言。也可以不用注冊用戶，進(jìn)行匿名留言。

網(wǎng)站設(shè)計(jì)與制作論文:淺談Flash動(dòng)畫在網(wǎng)站設(shè)計(jì)與制作中的應(yīng)用

【摘要】Flash是Adobe公司的一款多媒體矢量動(dòng)畫軟件，F(xiàn)lash網(wǎng)站動(dòng)感十足，視覺效果強(qiáng)烈，具有很強(qiáng)的吸引力。其中，動(dòng)作腳本賦予了Flash編程的能力，大大擴(kuò)展了Flash的空間?，F(xiàn)在，F(xiàn)lash在網(wǎng)絡(luò)中的應(yīng)用已經(jīng)越來越廣泛，使用Flash制作的網(wǎng)頁不僅視覺效果突出，而且交互功能也非常的強(qiáng)大。本文對Flash動(dòng)畫在網(wǎng)站設(shè)計(jì)與制作中的應(yīng)用進(jìn)行了探討。

【關(guān)鍵詞】Flash動(dòng)畫；動(dòng)作腳本；交互功能

網(wǎng)絡(luò)新技術(shù)層出不窮，在各個(gè)領(lǐng)域盡顯風(fēng)流，網(wǎng)絡(luò)多媒體的天空更是絢麗多彩、引人入勝。Flash作為目前最優(yōu)秀的網(wǎng)絡(luò)動(dòng)畫之一，它的出現(xiàn)，宣告了網(wǎng)絡(luò)動(dòng)畫時(shí)代的到來。由于FLASH本身具有強(qiáng)大和靈活的網(wǎng)絡(luò)交互功能，所以它在窄帶領(lǐng)域已經(jīng)成為事實(shí)上的交互多媒體技術(shù)標(biāo)準(zhǔn)。Flash在保證傳輸速度的同時(shí)，還提供了非常豐富的交互動(dòng)畫效果。

Flash動(dòng)態(tài)網(wǎng)站是針對多媒體網(wǎng)頁設(shè)計(jì)脫穎而出的一個(gè)新型解決方案。它使用矢量繪制圖像，它的最終文件可以以“流式”的輸出在網(wǎng)頁中播放。Flash動(dòng)態(tài)網(wǎng)站動(dòng)畫文件小，互動(dòng)功能強(qiáng)。它給網(wǎng)頁設(shè)計(jì)帶來的無限生機(jī)。

一、Flash動(dòng)畫的特點(diǎn)

Flash被廣泛應(yīng)用，與其自身的特點(diǎn)密不可分。

1.從動(dòng)畫組成來看：Flash動(dòng)畫主要由矢量圖形組成，矢量圖形具有儲(chǔ)存容量小，并且在縮放時(shí)不會(huì)失真的優(yōu)點(diǎn)。這就使得Flash動(dòng)畫具有儲(chǔ)存容量小，而且在縮放播放窗口時(shí)不會(huì)影響畫面的清晰度的特點(diǎn)。

2.從動(dòng)畫來看：在導(dǎo)出Flash動(dòng)畫的過程中，程序會(huì)壓縮、優(yōu)化動(dòng)畫組成元素（例如位圖圖像、音樂和視頻等），這就進(jìn)一步減少了動(dòng)畫的儲(chǔ)存容量，使其更加方便在網(wǎng)上傳輸。

3.從動(dòng)畫播放來看：后的.swf動(dòng)畫影片具有“流”媒體的特點(diǎn)，在網(wǎng)上可以邊下載邊播放，而不像GIF動(dòng)畫那樣要把整個(gè)文件下載完了才能播放。

4.從交互性來看：可以通過為Flash動(dòng)畫添加動(dòng)作腳本使其具有交互性，從而讓觀眾成為動(dòng)畫的一部分，這一點(diǎn)是傳統(tǒng)動(dòng)畫無法比擬的。

5.從制作成本來看：用Flash軟件制作動(dòng)畫可以大幅度降低制作成本，同時(shí)，在制作時(shí)間上也比傳統(tǒng)動(dòng)畫大大縮短。

二、動(dòng)作腳本的特點(diǎn)及基本術(shù)語

動(dòng)作腳本的英文名稱是ActionScript，簡稱AS。ActionScript是一種面向?qū)ο蟮木幊陶Z言，執(zhí)行ECMA-262腳本語言規(guī)范，是在Flash內(nèi)開發(fā)應(yīng)用程序時(shí)所使用的語言。目前廣泛使用的ActionScript 2.0編輯出的腳本更加穩(wěn)定、健全。

1.ActionScript 2.0的特點(diǎn)

（1）能夠控制Flash動(dòng)畫的播放行為和對象的屬性。根據(jù)用戶的動(dòng)作來做出響應(yīng)，并在動(dòng)畫中體現(xiàn)出來。

（2）ActionScript 2.0是一種面向?qū)ο蟮木幊陶Z言，它的風(fēng)格和JavaScript語言相類似。它擁有循環(huán)、判斷和對象事件等高級(jí)語言特性。

（3）ActionScript可以使用自定義函數(shù)。如果有一個(gè)功能要經(jīng)常使用，則可以把它寫成自定義函數(shù)，在用到的時(shí)候調(diào)用它。

（4）支持XML和XMLSocket。

2.基本術(shù)語

（1）對象。在ActionScript中，對象分為兩類。一類是用戶自己制作的動(dòng)畫元件Symbol實(shí)例化后而形成的實(shí)體對象Instance Object，聲明這類對象后，可以對ActionScript堆砌的屬性和動(dòng)作行為進(jìn)行控制。另一類是Flash自己定義的抽象對象Abstract Object，例如Math和Date等，這類對象主要用于計(jì)算。

（2）數(shù)據(jù)類型。例如整數(shù)、字符、布爾值等等。

（3）變量。在變量方面，ActionScript允許聲明全局變量和局部變量。

（4）事件響應(yīng)。在Flash動(dòng)畫中，動(dòng)畫的交互性就是通過對用戶動(dòng)作的響應(yīng)來完成的。

（5）語句和運(yùn)算符。

三、Flash動(dòng)畫在網(wǎng)站設(shè)計(jì)與制作中的應(yīng)用

1.網(wǎng)頁形式與設(shè)計(jì)

（1）導(dǎo)航菜單設(shè)計(jì)

導(dǎo)航菜單設(shè)計(jì)是Flash動(dòng)態(tài)網(wǎng)頁瀏覽的基礎(chǔ)。簡潔、有效的導(dǎo)航菜單，可以使瀏覽者迅速而高效的找到所需要的信息。導(dǎo)航的形式有側(cè)邊式、上端式、懸浮式、隱藏式等。具有藝術(shù)美感的導(dǎo)航會(huì)使瀏覽者的瀏覽過程變得豐富而富有趣味。導(dǎo)航菜單的設(shè)計(jì)還要注意簡潔，易用。設(shè)計(jì)導(dǎo)航菜單的時(shí)候，可以應(yīng)用一些小聲音、小動(dòng)畫來豐富瀏覽體驗(yàn)。

（2）網(wǎng)頁版式設(shè)計(jì)及風(fēng)格

Flash動(dòng)態(tài)網(wǎng)頁往往包含的信息量很大，元素也很多。但由于Flash動(dòng)態(tài)網(wǎng)頁的超鏈接特征，使它的空間可以無限擴(kuò)展。設(shè)計(jì)者通常把產(chǎn)品或服務(wù)的不同賣點(diǎn)分別集中在不同的路徑之中，在細(xì)化的動(dòng)態(tài)分頁中可以根據(jù)次主題的不同，對各個(gè)構(gòu)成元素的空間進(jìn)行多樣化安排。

（3）色彩設(shè)計(jì)

Flash動(dòng)態(tài)網(wǎng)頁色彩搭配既是一項(xiàng)技術(shù)性工作，同時(shí)它也是一項(xiàng)藝術(shù)性很強(qiáng)的工作，因此，設(shè)計(jì)者在設(shè)計(jì)網(wǎng)頁時(shí)除了考慮網(wǎng)站本身的特點(diǎn)外，還要遵循一定的藝術(shù)規(guī)律，從而設(shè)計(jì)出色彩鮮明、性格獨(dú)特的網(wǎng)站。在遵從藝術(shù)規(guī)律的同時(shí)，還考慮人的生理特點(diǎn)，色彩搭配一定要合理，給人一種和諧、愉快的感覺，避免采用純度很高的單一色彩，這樣容易造成視覺疲勞。而且，頁面的色彩設(shè)計(jì)盡量不要超過4種色彩，用太多的色彩讓人沒有方向，沒有側(cè)重。當(dāng)主題色確定好以后，考慮其它配色時(shí)，一定要考慮其它配色與主題色的關(guān)系，要體現(xiàn)什么樣的效果。另外哪種因素占主要地位，是明度，純度還是色相。

2.Flash動(dòng)畫在網(wǎng)站中的應(yīng)用

在網(wǎng)頁設(shè)計(jì)中，F(xiàn)lash動(dòng)畫作品除了以“流式播放動(dòng)畫”播放以外，如：Flash動(dòng)畫短片、Flash MV，還具有一定交互性特點(diǎn)的形式。有些網(wǎng)站的引導(dǎo)界面做成Flash動(dòng)畫形式，一般由Dream weaver軟件來完成，做成靜態(tài)頁面。當(dāng)然，大部分這類頁面全部是靜態(tài)，但也有某些網(wǎng)站做出以下設(shè)計(jì)。如：網(wǎng)頁中的Flash網(wǎng)絡(luò)廣告、Flash形象展示動(dòng)畫、網(wǎng)站導(dǎo)航欄動(dòng)畫、圖片展示動(dòng)畫、Flash交互動(dòng)畫、及由Flash制作完成的網(wǎng)站注冊、登陸、計(jì)算等系統(tǒng)。

在靜態(tài)頁面中，如果把這些做成動(dòng)畫形式的話，無疑能起到生動(dòng)、裝飾的作用，對瀏覽者具有充分調(diào)動(dòng)的作用。但是不宜太花、太亂，否則，就會(huì)起到反作用，不但使瀏覽者眼花繚亂、煩躁，而且會(huì)給網(wǎng)站效應(yīng)大打折扣，顯得煩亂，缺乏信任。

除了采用Flash制作相關(guān)的頁面外，也有一些網(wǎng)站，為了展示自己的個(gè)性，使用Flash來制作整個(gè)站點(diǎn)。整個(gè)站點(diǎn)從概念上就己經(jīng)包括所有視聽元素部分及版式的設(shè)計(jì)。先不論網(wǎng)站引導(dǎo)界面的設(shè)計(jì)，由其引導(dǎo)進(jìn)入的內(nèi)頁面這整個(gè)系統(tǒng)都是由Flash軟件來制作，就包括上文列舉的視頻、Flash廣告動(dòng)畫、Flash交互動(dòng)畫、網(wǎng)站的Flash形象展示動(dòng)畫、網(wǎng)站的各級(jí)導(dǎo)航欄、圖片展示、文字、鏈接、色彩、音樂、聲音、游戲及網(wǎng)站注冊、登錄、計(jì)算系統(tǒng)等。

這樣的Flash動(dòng)畫網(wǎng)站，感覺都十分炫，具有很強(qiáng)很獨(dú)特的個(gè)性，基本上能完全調(diào)動(dòng)瀏覽者的積極性，給人以活躍的心理感受。

四、結(jié)束語

Flash作為現(xiàn)代一種新的設(shè)計(jì)方式和娛樂方式，不僅有其實(shí)用功能，并且還有視覺和聽覺上的雙重享受，更因?yàn)樗哂械娜の缎?，它作為一種強(qiáng)大的動(dòng)畫制作軟件，在視覺表現(xiàn)上較普通的網(wǎng)頁有很大的優(yōu)勢，因此，被廣泛用于網(wǎng)站的設(shè)計(jì)與制作當(dāng)中。

網(wǎng)站設(shè)計(jì)與制作論文:《計(jì)算機(jī)輔助教學(xué)技術(shù)》課程學(xué)習(xí)網(wǎng)站設(shè)計(jì)與制作

摘要：為了提高學(xué)生的學(xué)習(xí)主動(dòng)性、提高課程信息傳達(dá)的及時(shí)性，該文以《計(jì)算機(jī)輔助教學(xué)技術(shù)》課程為例，論述了學(xué)習(xí)網(wǎng)站的設(shè)計(jì)與制作過程，實(shí)現(xiàn)了課程多種資源的展示與交流，使之成為教師與學(xué)生課后交流的良好平臺(tái)。

關(guān)鍵詞：網(wǎng)站設(shè)計(jì)；網(wǎng)站制作；計(jì)算機(jī)輔助教學(xué)技術(shù)

隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)快速的發(fā)展和互聯(lián)網(wǎng)密集型延伸以及人們生活工作的需要，使用因特網(wǎng)技術(shù)進(jìn)行網(wǎng)上教學(xué)已開始成為一種全新的教學(xué)模式。網(wǎng)上教學(xué)具有及時(shí)性、共享性、便捷性、交互性和獨(dú)特化等幾大特點(diǎn)，它有著傳統(tǒng)教學(xué)模式所無法比擬和替代的優(yōu)點(diǎn)。因此，教學(xué)網(wǎng)站的開發(fā)制作成為廣大教育工作者迫切要了解和深入探究的重要環(huán)節(jié)，從而更好的發(fā)展網(wǎng)上教學(xué)，推動(dòng)教學(xué)課程水平的逐步提高?！队?jì)算機(jī)輔助教學(xué)技術(shù)》課程學(xué)習(xí)網(wǎng)站預(yù)期實(shí)現(xiàn)以下目標(biāo)：1）信息方便、快捷、為用戶提供全新的服務(wù)。2）支持各種資源下載技術(shù)。3）提供用戶在線論壇、在線留言，增強(qiáng)網(wǎng)站的互動(dòng)性。4）網(wǎng)站維護(hù)簡單、方便。5）具有較好的網(wǎng)站安全性。

1系統(tǒng)開發(fā)技術(shù)簡介

通過對本系統(tǒng)功能應(yīng)用及各方面的綜合評(píng)價(jià)分析，此網(wǎng)站采用Dreamweaver CS4作為前臺(tái)的主體設(shè)計(jì)工具，主要是運(yùn)用表格、Div+CSS進(jìn)行布局排版編輯，網(wǎng)站的修飾添加常用的動(dòng)畫制作軟件Flash CS4、圖形處理軟件Photoshop CS3等進(jìn)行輔助設(shè)計(jì)，制作完成課程的多媒體教學(xué)資料。后臺(tái)設(shè)計(jì)部分運(yùn)用ASP技術(shù)添加動(dòng)態(tài)資源，Microsoft Access 2003數(shù)據(jù)庫作為動(dòng)態(tài)數(shù)據(jù)整理工具，通過ADO對象訪問數(shù)據(jù)庫，建設(shè)成一個(gè)兼容性、安全性、可擴(kuò)展性良好滿足用戶瀏覽信息、交流互動(dòng)的教學(xué)網(wǎng)站[1]。

2需求分析

2.1功能需求分析

本教學(xué)網(wǎng)站的功能是可以替代傳統(tǒng)教學(xué)模式，能夠快速的更新跟蹤最前沿的教學(xué)資訊，靈活生動(dòng)的把教科書的知識(shí)展現(xiàn)出來。用戶通過訪問網(wǎng)站不僅能在線學(xué)習(xí)，同時(shí)，用戶可以尋找下載想要的相關(guān)試題和課件，更可以注冊會(huì)員在論壇上討論交流。而對于系統(tǒng)管理員，登陸系統(tǒng)后臺(tái)，不僅要對網(wǎng)站進(jìn)行系統(tǒng)維護(hù)，還要對所有網(wǎng)站信息、數(shù)據(jù)進(jìn)行統(tǒng)計(jì)整理；管理論壇的貼子與留言板的信息刪除，備份，回饋；管理員也要能實(shí)時(shí)更新網(wǎng)站內(nèi)容，最新信息。

2.2系統(tǒng)需求分析

此系統(tǒng)打破傳統(tǒng)教學(xué)模式的地域限制、時(shí)間限制，充分發(fā)揮網(wǎng)站教學(xué)的及時(shí)性和便捷性，能夠提高教學(xué)效率。用戶能及時(shí)的獲取教學(xué)資源，管理員能對網(wǎng)站進(jìn)行維護(hù)，對網(wǎng)站資料內(nèi)容更新和數(shù)據(jù)的整理權(quán)限操作。

3系統(tǒng)概要設(shè)計(jì)

3.1系統(tǒng)結(jié)構(gòu)設(shè)計(jì)

根據(jù)本教學(xué)網(wǎng)站的特點(diǎn)，將其分為前臺(tái)和后臺(tái)兩大部分。前臺(tái)主要實(shí)現(xiàn)信息瀏覽、資源下載、在線論壇和留言等功能，后臺(tái)主要是管理員對網(wǎng)站前臺(tái)信息、論壇及留言進(jìn)行管理。

該教學(xué)網(wǎng)站設(shè)計(jì)為八大模塊，分別是課程描述、教師隊(duì)伍、課程建設(shè)、下載頻道、在線學(xué)習(xí)、師生論壇、用戶系統(tǒng)和留言板。

整個(gè)學(xué)習(xí)網(wǎng)站的系統(tǒng)結(jié)構(gòu)如圖1所示。

圖1網(wǎng)站系統(tǒng)結(jié)構(gòu)圖

各模塊功能分別為：

1)課程描述模塊介紹了計(jì)算機(jī)輔助教學(xué)技術(shù)的歷史沿革、研究內(nèi)容、基本構(gòu)成、應(yīng)用環(huán)境等相關(guān)的課程描述。2)教師隊(duì)伍模塊介紹了課程主要負(fù)責(zé)人及其他任課教師的教學(xué)與科研情況。

3)課程建設(shè)模塊包括我院計(jì)算機(jī)輔助教學(xué)技術(shù)課程特色和今后此門課程的發(fā)展趨勢。4)在線學(xué)習(xí)包括在線課件、在線自測。

5)下載頻道幫助學(xué)生下載課件、Word文檔、實(shí)驗(yàn)軟件等課程資源。6)論壇主要用于讓學(xué)生和老師進(jìn)行一些教學(xué)答疑或是學(xué)術(shù)探討。

7)留言板主要收集一些用戶對于網(wǎng)站的意見或建議，以便對網(wǎng)站進(jìn)行改善。8)后臺(tái)管理系統(tǒng)對留言板、論壇的數(shù)據(jù)信息進(jìn)行管理。

3.2數(shù)據(jù)庫設(shè)計(jì)

3.2.1數(shù)據(jù)庫分析

針對網(wǎng)站功能結(jié)構(gòu)分析，本教學(xué)網(wǎng)站涉及到的數(shù)據(jù)項(xiàng)和數(shù)據(jù)結(jié)構(gòu)如下：1)用戶基本信息。包括的數(shù)據(jù)項(xiàng)有用戶名、用戶密碼、E-mail等基本信息。2)管理員基本信息。包括的數(shù)據(jù)項(xiàng)有管理員名稱、管理員密碼等基本信息。

3)論壇文章基本信息。包括的數(shù)據(jù)項(xiàng)有文章標(biāo)題、文章內(nèi)容、工作區(qū)域名稱、發(fā)表時(shí)間等信息。4)用戶留言基本信息。包括的數(shù)據(jù)項(xiàng)有留言內(nèi)容、留言者姓名、留言者QQ等信息。

網(wǎng)站設(shè)計(jì)與制作論文:基于ASP+DW技術(shù)的校園工會(huì)網(wǎng)站設(shè)計(jì)與制作

摘要：根據(jù)目前流行的網(wǎng)站制作技術(shù)，設(shè)計(jì)并制作了某學(xué)校工會(huì)網(wǎng)站，網(wǎng)站設(shè)計(jì)合理，制作完整，功能健全，具有一定的實(shí)用價(jià)值。對ASP技術(shù)和DW技術(shù)的充分利用，為網(wǎng)站制作工作的開展奠定了理論和實(shí)踐基礎(chǔ)。指出了在網(wǎng)站制作中各個(gè)環(huán)節(jié)中出現(xiàn)的具體問題，并針對性的進(jìn)行了解決，對網(wǎng)站制作工作進(jìn)行了深刻的梳理和總結(jié)。

關(guān)鍵詞：ASPDW網(wǎng)站制作網(wǎng)絡(luò)化

工會(huì)是學(xué)校的重要部門，工會(huì)網(wǎng)站可以作為網(wǎng)上信息的重要陣地。使用網(wǎng)絡(luò)信息，凝聚會(huì)員是新時(shí)代的工作要求。本校園工會(huì)網(wǎng)站采用動(dòng)態(tài)網(wǎng)站制作技術(shù)，網(wǎng)站的設(shè)計(jì)與制作工作完成后，由工會(huì)工作人員在遠(yuǎn)程計(jì)算機(jī)上對服務(wù)器上的網(wǎng)站進(jìn)行日常信息的更新和維護(hù)，制作網(wǎng)站后臺(tái)管理模塊即可實(shí)現(xiàn)此功能。

網(wǎng)站的設(shè)計(jì)和制作包括多方面的知識(shí)，它是藝術(shù)和技術(shù)的綜合應(yīng)用，具體說來有網(wǎng)站策劃、網(wǎng)站美工、網(wǎng)站具體模塊規(guī)劃，總體數(shù)據(jù)庫設(shè)計(jì)，網(wǎng)站制作、后臺(tái)內(nèi)容管理模塊制作、網(wǎng)站測試、網(wǎng)站上傳等步驟組成，作者結(jié)合某學(xué)校工會(huì)網(wǎng)站的制作，總結(jié)小型網(wǎng)站的制作經(jīng)驗(yàn)和技巧，以為網(wǎng)站制作積累寶貴經(jīng)驗(yàn)。

1、網(wǎng)站的策劃與設(shè)計(jì)

網(wǎng)站的整體策劃是根據(jù)學(xué)校工會(huì)領(lǐng)導(dǎo)的綜合部署下進(jìn)行的，這里需要工會(huì)工作人員認(rèn)真討論研究后，給網(wǎng)站制作人員下達(dá)明確的任務(wù)說明，由于工會(huì)工作人員的精心準(zhǔn)備，對網(wǎng)站的風(fēng)格、網(wǎng)站的功能、網(wǎng)站的規(guī)模、網(wǎng)站的模塊劃分已經(jīng)非常明確。經(jīng)過工會(huì)工作人員和網(wǎng)站制作人員的共同探討協(xié)商，整理出網(wǎng)站的初步風(fēng)格、功能要求和模塊設(shè)計(jì)。

參考其他學(xué)校的網(wǎng)頁制作效果，使用美術(shù)基礎(chǔ)和網(wǎng)頁制作軟件PS，設(shè)計(jì)出來3套網(wǎng)頁效果圖初稿，每套均有首頁，二級(jí)頁面、三級(jí)頁面的具體效果，最終由領(lǐng)導(dǎo)確定了一套。在設(shè)計(jì)的過程中，參考美術(shù)老師的意見，借鑒加創(chuàng)新，結(jié)合網(wǎng)頁的特點(diǎn)，如單位使用像素，寬度適合于800像素的顯示器。導(dǎo)航欄的高度要適中，整體結(jié)合“塊”結(jié)構(gòu)，使用分欄設(shè)計(jì)，整體風(fēng)格統(tǒng)一。定稿后，由網(wǎng)站制作人員對網(wǎng)頁效果圖進(jìn)行切片處理，作為組裝網(wǎng)頁的原素材和參考圖。

根據(jù)網(wǎng)站的具體功能，將網(wǎng)站劃分為八大模塊：工會(huì)簡介、工會(huì)文件、工會(huì)簡訊、工會(huì)活動(dòng)、女工園地、健康人生、法律法規(guī)、友情鏈接。其中有些模塊只需要一個(gè)頁面，更多的模塊需要二級(jí)網(wǎng)頁、三級(jí)網(wǎng)頁的顯示。多數(shù)模塊的內(nèi)容是需要存儲(chǔ)在數(shù)據(jù)庫中的，因此二級(jí)模塊、三級(jí)模塊的設(shè)計(jì)要用到數(shù)據(jù)庫中的內(nèi)容。

首先是選擇使用何種類型的數(shù)據(jù)庫管理軟件，數(shù)據(jù)庫管理軟件根據(jù)功能可分為大型，中型，小型數(shù)據(jù)庫。根據(jù)工會(huì)網(wǎng)站的具體內(nèi)容并不復(fù)雜，所以選擇了小型數(shù)據(jù)庫管理軟件Access。但在數(shù)據(jù)分析和數(shù)據(jù)表，表結(jié)構(gòu)的設(shè)計(jì)上卻耗費(fèi)了作者一定的精力。因?yàn)闆]有考慮到后臺(tái)內(nèi)容管理的功能設(shè)計(jì)，所以最初設(shè)計(jì)表時(shí)把需要用到數(shù)據(jù)庫的各個(gè)模塊都分別設(shè)計(jì)了表，但最后的后臺(tái)內(nèi)容管理模塊在數(shù)據(jù)庫內(nèi)容增刪改查時(shí)卻遇到了大麻煩，因?yàn)樽畛醣碓O(shè)計(jì)得多了，在做增刪改查時(shí)也需要做相同多的模塊設(shè)計(jì)，內(nèi)容就重復(fù)了，所以又重新設(shè)計(jì)表，使用類別字段來區(qū)分模塊。由此總結(jié)的經(jīng)驗(yàn)就是：數(shù)據(jù)庫設(shè)計(jì)非常重要，一定要把前期后期工作全面考慮，相互結(jié)合，才能為后期程序的編寫提供方便。

2、網(wǎng)站的制作

網(wǎng)站的制作使用DW軟件完成，具體制作步驟是：首先創(chuàng)建站點(diǎn)，設(shè)置服務(wù)器，使用DIV+CSS方法創(chuàng)建各個(gè)模塊的頁面和框架，鏈接數(shù)據(jù)庫，在各個(gè)頁面設(shè)置綁定記錄集，設(shè)置服務(wù)器行為。網(wǎng)頁的制作是最為繁瑣的工作，首先依據(jù)網(wǎng)頁設(shè)計(jì)效果進(jìn)行布局的設(shè)置，具體方法是使用DIV進(jìn)行布局，然后使用CSS方法對各個(gè)DIV樣式進(jìn)行設(shè)置，在設(shè)置樣式的時(shí)候，選擇使用外部樣式表的方法，因?yàn)橥獠繕邮奖砀子诠芾?。在設(shè)置背景圖像時(shí)，使用PS的切片工具進(jìn)行制作，切片工具有一個(gè)BUG，就是其存儲(chǔ)名稱不能修改，因此在切片時(shí)，最好的方法是先設(shè)置好切片的名稱屬性，在導(dǎo)出時(shí)就可以使用這個(gè)名稱命名切片了，同時(shí)存儲(chǔ)的格式最好是GIF格式，因?yàn)檫@個(gè)格式支持透明背景，并且在網(wǎng)頁瀏覽器中支持漸變效果。

網(wǎng)頁特效的制作是很有意思的一件事情，這是需要使用JS代碼，網(wǎng)上有很多JS代碼的效果和原程序，但很麻煩的一件事情是如何讀懂這些代碼，把相應(yīng)的內(nèi)容替換成你所需要的內(nèi)容，比如，圖片說明文字，超鏈接等等，還有一件事情是，網(wǎng)上提供的JS效果并不是你所需要的尺寸和顏色，這也需要你讀懂JS代碼，同時(shí)把相應(yīng)的樣式修改成你所需要的樣式。本網(wǎng)站使用的JS特效有一個(gè)新聞?wù)故拘Ч?，具體制作方法是下載JS代碼，修改JS代碼，把JS特效嵌入到相應(yīng)的DIV中，其中的制作難點(diǎn)是，網(wǎng)站要求新聞?wù)故臼请S時(shí)間更新的，這就需要把靜態(tài)的新聞?chuàng)Q成動(dòng)態(tài)的新聞，因此需要從后臺(tái)數(shù)據(jù)庫中提取相應(yīng)的字段，同時(shí)在后臺(tái)管理模塊中，還要相應(yīng)的模塊處理新聞的增刪改查。

網(wǎng)站后臺(tái)內(nèi)容管理是方便網(wǎng)站維護(hù)人員工作方便專門制作的，工會(huì)網(wǎng)站的維護(hù)工作是由工會(huì)工作人員遠(yuǎn)程進(jìn)行管理的，因此就有必要制作一個(gè)專門方便工會(huì)工作人員管理網(wǎng)站內(nèi)容的模塊。其制作內(nèi)容就設(shè)計(jì)到對后臺(tái)數(shù)據(jù)庫的增刪改工作，由于在數(shù)據(jù)庫設(shè)計(jì)過程中，沒有考慮到后期的維護(hù)工作，因此在對新聞內(nèi)容的增刪改工作上，出現(xiàn)了需要給多個(gè)表進(jìn)行增刪改的要求，因此建議今后設(shè)計(jì)數(shù)據(jù)庫時(shí)，將所有的新聞表重新整合，以類別區(qū)分各種信息。

另外在處理圖片上傳的工作時(shí)，需要考慮如何上傳圖片信息。之所以要專門指出圖片上傳是有原因的，因?yàn)閳D片需要上傳到服務(wù)器上才能將其具體路徑信息記錄到相應(yīng)數(shù)據(jù)表記錄的字段中，也就是說，如果某條新聞需要圖片的支持，那么這條新聞的圖片是以相對路徑的形式存儲(chǔ)在數(shù)據(jù)庫中的，所以在增改新聞圖片時(shí)，必須先把圖片上傳到服務(wù)器相應(yīng)的目錄下。圖片上傳到服務(wù)器后，它的文件名將隨機(jī)改變，所以要記錄好圖片的新文件名。這樣才能進(jìn)行和圖片相關(guān)的操作。文件上傳可以分為兩種：有組件上傳和無組件上傳。作者使用的是無組件上傳，原因是有組件上傳要求遠(yuǎn)程服務(wù)器上必須安裝相應(yīng)的組件才能完成文件上傳功能，而無組件上傳不需要在服務(wù)器上安裝相應(yīng)的組件即可完成文件的上傳。

網(wǎng)站的測試是網(wǎng)站制作必不可少的步驟和環(huán)節(jié)，網(wǎng)站制作完畢之后，必須及時(shí)進(jìn)行網(wǎng)站測試，測試可以分為兩種測試：黑盒測試和白盒測試。作者將黑盒測試的任務(wù)交給3名學(xué)生進(jìn)行，經(jīng)過2天的測試，將各個(gè)模塊統(tǒng)統(tǒng)測試3遍，測試中發(fā)現(xiàn)了一些問題：網(wǎng)頁標(biāo)題沒設(shè)置、個(gè)別網(wǎng)站內(nèi)容出現(xiàn)DIV跑位現(xiàn)象，不同的瀏覽器出現(xiàn)不同的效果，個(gè)別網(wǎng)站出現(xiàn)內(nèi)容描述不清晰的情況等等，通過作者的核實(shí)，都進(jìn)行了更改并重新測試。白盒測試則是由作者親自完成的，在測試中出現(xiàn)的問題主要有：站點(diǎn)中出現(xiàn)了沒有用的網(wǎng)頁，處理的辦法是將其刪除；表單中出現(xiàn)了沒有用到的項(xiàng)目，有些項(xiàng)目類型不合適，處理辦法是刪除或修改；經(jīng)過黑盒測試和白盒測試之后，還需要使用者在長期的維護(hù)過程中，不斷的測試，并把需要修改的地方指明給作者，由作者進(jìn)行修改，這就出現(xiàn)的軟件的不同版本。

3、網(wǎng)站的上傳與更新

網(wǎng)站制作、測試完畢后，就交付給學(xué)校網(wǎng)站維護(hù)人員進(jìn)行上傳，網(wǎng)站是存放在學(xué)校服務(wù)器上的，也就是說，所有的網(wǎng)頁瀏覽者通過瀏覽器將網(wǎng)頁請求發(fā)送到學(xué)校網(wǎng)站服務(wù)器上，由服務(wù)器將瀏覽者請求的網(wǎng)頁發(fā)送給瀏覽者。

網(wǎng)絡(luò)信息的更新需要使用后臺(tái)管理系統(tǒng)進(jìn)行，這個(gè)系統(tǒng)是作者專門針對本網(wǎng)站設(shè)計(jì)制作的，專為網(wǎng)站信息的更新維護(hù)設(shè)計(jì)，這樣通過此系統(tǒng)，公會(huì)工作人員通過遠(yuǎn)程瀏覽器即可更新網(wǎng)絡(luò)服務(wù)器上的公會(huì)網(wǎng)站數(shù)據(jù)庫，從而方便輕松的維護(hù)更新網(wǎng)站內(nèi)容。值得一提的是，網(wǎng)站后臺(tái)管理系統(tǒng)也是相當(dāng)復(fù)雜的一個(gè)模塊，涉及到管理員密碼設(shè)置更改，網(wǎng)頁訪問限制，數(shù)據(jù)庫信息的增刪改查等內(nèi)容，所有動(dòng)態(tài)信息均通過此模塊對網(wǎng)站數(shù)據(jù)庫進(jìn)行更新。

4、結(jié)語

工會(huì)網(wǎng)站的使用，實(shí)現(xiàn)了無紙化辦公，能夠快捷的消息，減少了許多人力物力的開銷，提高了工作效率，這是本系統(tǒng)的功能和特點(diǎn)。從網(wǎng)站的策劃，設(shè)計(jì)，制作，測試到，整個(gè)過程作者親力親為，其中體會(huì)非常深刻，本網(wǎng)站的建設(shè)基本完成，其基本功能全部實(shí)現(xiàn)。如何把類似的網(wǎng)站設(shè)計(jì)成網(wǎng)站模板，如果實(shí)現(xiàn)模板化，此類網(wǎng)站的制作將會(huì)更加便捷快速。

網(wǎng)站設(shè)計(jì)與制作論文:基于工作過程設(shè)計(jì)的《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》項(xiàng)目課程教學(xué)改革的研究

[摘要]《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》的教學(xué)內(nèi)容按照實(shí)際的工作任務(wù)、工作過程和工作情境組織,以完整的工作過程貫穿于項(xiàng)目式教學(xué)中,使每一個(gè)學(xué)生通過學(xué)習(xí)《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》課程,能夠?qū)Ω鞣N制作手法和設(shè)計(jì)技術(shù)有更深入的理解,能夠使他們對今后的職業(yè)選擇和學(xué)習(xí)方向有更多的思考;能夠在開發(fā)能力、學(xué)習(xí)能力和解決問題能力方面有更好的發(fā)展;能夠在責(zé)任感、合作精神和創(chuàng)新意識(shí)等方面得到提高,最終能實(shí)現(xiàn)學(xué)生的零距離上崗。

[關(guān)鍵詞]工作過程設(shè)計(jì)項(xiàng)目教學(xué)認(rèn)證教育考核方式

一、概述

項(xiàng)目教學(xué)法是以學(xué)生的自主性、探索性學(xué)習(xí)為基礎(chǔ),采用類似科學(xué)研究及實(shí)踐的方法,促進(jìn)學(xué)生主動(dòng)積極發(fā)展的一種新型的教學(xué)方法。在教學(xué)活動(dòng)中,教師將需要解決的問題或需要完成的任務(wù)以項(xiàng)目的形式交給學(xué)生,在教師的指導(dǎo)下,以小組工作方式,由學(xué)生自己按照實(shí)際工作的完整程序,共同制定計(jì)劃、共同或分工完成整個(gè)項(xiàng)目。在項(xiàng)目教學(xué)中,學(xué)習(xí)過程成為一個(gè)人人參與的創(chuàng)造實(shí)踐活動(dòng),注重的不是最終的結(jié)果,而是完成項(xiàng)目的過程。學(xué)生在項(xiàng)目實(shí)踐過程中,理解和把握課程要求的知識(shí)和技能,體驗(yàn)創(chuàng)新的艱辛與樂趣,培養(yǎng)分析問題和解決問題的能力及團(tuán)隊(duì)精神和合作能力等,教師已經(jīng)不是教學(xué)中的主導(dǎo)地位,成為學(xué)生學(xué)習(xí)過程中的引導(dǎo)者、指導(dǎo)者和監(jiān)督者,教學(xué)內(nèi)容按照實(shí)際的工作任務(wù)、工作過程和工作情境組織,以完整的工作過程貫穿于項(xiàng)目式教學(xué)中,提高學(xué)生的社會(huì)能力、方法能力、專業(yè)能力,使專業(yè)訓(xùn)練更接近社會(huì)需求,最終能實(shí)現(xiàn)學(xué)生的零距離上崗。

《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》是我系計(jì)算機(jī)應(yīng)用技術(shù)、軟件技術(shù)、網(wǎng)絡(luò)技術(shù)的專業(yè)必修課。為了適應(yīng)時(shí)代的發(fā)展,《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》課程在繼承世界現(xiàn)行網(wǎng)站網(wǎng)頁教學(xué)優(yōu)勢的基礎(chǔ)上,又吸收了當(dāng)今網(wǎng)站網(wǎng)頁開發(fā)的新技術(shù)和新思路。力求更加注重學(xué)生的發(fā)展和社會(huì)的需求,更準(zhǔn)確地反映網(wǎng)站網(wǎng)頁開發(fā)技術(shù)的專業(yè)性手段;更加關(guān)注學(xué)生積淀自己的生活經(jīng)驗(yàn);更強(qiáng)調(diào)學(xué)生的主動(dòng)學(xué)習(xí),并增加實(shí)踐環(huán)節(jié)?！毒W(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》課程期望使每一個(gè)學(xué)生通過學(xué)習(xí)網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作課程,能夠?qū)Ω鞣N制作手法和設(shè)計(jì)技術(shù)有更深入的理解,能夠使他們對今后的職業(yè)選擇和學(xué)習(xí)方向有更多的思考;能夠在開發(fā)能力、學(xué)習(xí)能力和解決問題能力方面有更好的發(fā)展;能夠在責(zé)任感、合作精神和創(chuàng)新意識(shí)等方面得到提高。

二、課程理念

確立一個(gè)中心(以學(xué)生為中心)三個(gè)融合(校企融合、課內(nèi)外融合、技術(shù)與人文融合)、基于工作過程設(shè)計(jì)的課程開發(fā)理念。提前讓學(xué)生感受工作的氛圍,熟悉工作的相關(guān)流程,以增強(qiáng)學(xué)生在就業(yè)過程中的競爭力。并結(jié)合我院“我在乎你”的辦學(xué)理念,通過理實(shí)一體化的教學(xué)手段,采用項(xiàng)目式教學(xué),給學(xué)生提供一個(gè)制作網(wǎng)站的模擬或真實(shí)的環(huán)境。讓學(xué)生通過對“確定項(xiàng)目――制定策劃書――制作網(wǎng)站――驗(yàn)收――總結(jié)經(jīng)驗(yàn)”這個(gè)流程的訓(xùn)練,熟悉制作網(wǎng)站的過程,并能夠有所成果。

確立素養(yǎng)、行為、技能教育觀。重視網(wǎng)頁制作過程中技術(shù)性心智技能的形成,強(qiáng)調(diào)“原型定向、原型操作、原型內(nèi)化”、原型能經(jīng)“遷移”形成類型(“舉一反三”);強(qiáng)化學(xué)習(xí)過程中教師的示范和引導(dǎo)的作用。

以技術(shù)開發(fā)貫穿網(wǎng)頁制作的全過程,技術(shù)開發(fā)強(qiáng)調(diào)設(shè)計(jì)與制作。強(qiáng)調(diào)過程的可重復(fù)、可驗(yàn)證性。

課程質(zhì)量以教師的明示能力和學(xué)生的內(nèi)化能力為主要評(píng)價(jià)指標(biāo)。

三、設(shè)計(jì)思路

遵循高職課程改革關(guān)于“面向就業(yè),培養(yǎng)實(shí)用性人才”的基本精神,在全面貫徹國家教育方針的基礎(chǔ)上,根據(jù)學(xué)生身心發(fā)展的特點(diǎn)和教育規(guī)律,重視對學(xué)生進(jìn)行全面的職業(yè)素質(zhì)教育,著眼于培養(yǎng)學(xué)生終身學(xué)習(xí)的愿望和能力,體現(xiàn)職業(yè)教育層次網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作課程的實(shí)用性、專業(yè)性和可持續(xù)發(fā)展性。

綜合考慮學(xué)生發(fā)展的需要、社會(huì)需求和就業(yè)需求三個(gè)方面,本課程以一個(gè)大項(xiàng)目出發(fā),分解為7個(gè)子項(xiàng)目,在完成七個(gè)子項(xiàng)目教學(xué)的同時(shí),學(xué)生也可以把自己承接的大項(xiàng)目一并完成。

從“以工作任務(wù)為中心”和“培養(yǎng)學(xué)生應(yīng)用能力”角度出發(fā),以“項(xiàng)目教學(xué)”和“任務(wù)驅(qū)動(dòng)的方式”,讓學(xué)生在有限的時(shí)間掌握網(wǎng)頁制作的技能。

運(yùn)用項(xiàng)目式教學(xué)方法,努力創(chuàng)建開發(fā)項(xiàng)目的條件,突出工學(xué)結(jié)合,提高學(xué)生技能的熟練程度和靈活運(yùn)用的能力。

四、實(shí)施建議

本課程的教學(xué)必須始終貫徹任務(wù)驅(qū)動(dòng)式的“做中學(xué)”,過程體驗(yàn)式的“學(xué)中思”,學(xué)以致用式的“思中用”和啟思益智式的“用中創(chuàng)”的理念。本課程的總體目標(biāo)是根據(jù)企業(yè)網(wǎng)站開發(fā)工作流程(即具體的工作過程),從前期策劃開始到網(wǎng)頁設(shè)計(jì),網(wǎng)頁制作、網(wǎng)站,一步一個(gè)腳印地引導(dǎo)學(xué)生逐步深入,親身體驗(yàn)網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作的過程。

1.具體實(shí)施建議

(1)明確目的、詳細(xì)描述操作任務(wù)。根據(jù)學(xué)生的具體項(xiàng)目每次課按照網(wǎng)站開發(fā)的進(jìn)度表都有明確的目的,具體的操作任務(wù)。

(2)對課堂模仿實(shí)踐的結(jié)果進(jìn)行合理評(píng)價(jià)和及時(shí)計(jì)分。對每一次課堂模仿實(shí)踐的完成情況進(jìn)行評(píng)價(jià)和計(jì)分,及時(shí)解決學(xué)生普遍存在的問題,對完成較好的學(xué)生給予肯定。

(3)采用項(xiàng)目驅(qū)動(dòng)的方法,如通過教師項(xiàng)目分解的子項(xiàng)目學(xué)習(xí)以掌握基礎(chǔ)知識(shí)點(diǎn),然后充分發(fā)揮學(xué)生的設(shè)計(jì)能力,完成學(xué)生自己的項(xiàng)目,素材由學(xué)生自己收集,網(wǎng)頁的風(fēng)格、布局由學(xué)生自己決定,培養(yǎng)學(xué)生的創(chuàng)新能力。

(4)充分利用學(xué)生課余時(shí)間。

(5)項(xiàng)目開發(fā):提前一個(gè)月布置任務(wù),并向?qū)W生提供參考資源,讓學(xué)生有充分的時(shí)間準(zhǔn)備和尋找合適的項(xiàng)目;學(xué)生尋找合適的項(xiàng)目后,與客戶進(jìn)行交流獲取制作網(wǎng)站的一些素材和信息。根據(jù)學(xué)生找到的項(xiàng)目,在教師的指導(dǎo)下,把學(xué)生分成若干個(gè)小組。在每個(gè)小組中,每位學(xué)生根據(jù)自己的特長和愛好,承擔(dān)不同的工作角色,完成不同的任務(wù)。一般一個(gè)項(xiàng)目分給三個(gè)小組,每個(gè)小組可以拿出一個(gè)方案。這樣可以加強(qiáng)小組與小組之間的競爭性,此外在最后驗(yàn)收時(shí)客戶也可以有多個(gè)方案進(jìn)行選擇。

(6)學(xué)生在完成網(wǎng)站設(shè)計(jì)和網(wǎng)頁制作的教程中,如果遇到問題,可以有多種渠道來解決?？梢允墙M內(nèi)成員的討論、還可以查閱系部的網(wǎng)絡(luò)課程、通過老師進(jìn)行輔導(dǎo)、求助于互聯(lián)網(wǎng)等等。

學(xué)生通過該項(xiàng)目的進(jìn)行,了解并把握整個(gè)過程及每一環(huán)節(jié)中的基本要求。這樣既教會(huì)學(xué)生制作方法,又讓學(xué)生體會(huì)制作過程的創(chuàng)新性和協(xié)作精神,能最大限度地發(fā)揮項(xiàng)目式教學(xué)的功能。

2.教學(xué)方法建議

《網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作》課程以真實(shí)項(xiàng)目為案例組織教學(xué),課程教學(xué)方法符合“教、學(xué)、做”合一的原則,采用理論實(shí)踐一體化的項(xiàng)目教學(xué)和案例教學(xué)方法,強(qiáng)調(diào)學(xué)生將所學(xué)知識(shí)和技能在實(shí)踐中應(yīng)用。課程教學(xué)圍繞如何開發(fā)一個(gè)網(wǎng)站展開,各個(gè)教學(xué)單元采用“應(yīng)用導(dǎo)向、任務(wù)驅(qū)動(dòng)”教學(xué)方法。本課程采用的主要教學(xué)方法如下:

(1)四步教學(xué)法

通過“講解――示范――模仿――練習(xí)”四步教學(xué)法,讓學(xué)生通過模仿老師講解的方法制作網(wǎng)頁,理論與實(shí)踐相結(jié)合,“教、學(xué)、練、思”四者有機(jī)融合、訓(xùn)練學(xué)生的動(dòng)手能力和模仿技能,提高課堂教學(xué)的實(shí)踐性。

(2)任務(wù)驅(qū)動(dòng)、案例教學(xué)法

方法:

下發(fā)工作任務(wù)單、學(xué)生解讀任務(wù)

教師初步講解、示范

學(xué)生實(shí)施任務(wù)

教師巡回

教師評(píng)價(jià)

通過案例提出問題,幫助學(xué)生建立感性認(rèn)識(shí),激發(fā)學(xué)習(xí)興趣。對案例進(jìn)行分析,找到解決問題的方法和操作步驟,逐步完成案例的操作。在教學(xué)過程中,遵循“啟發(fā)式教學(xué)”原則,啟發(fā)學(xué)生積極思維,通過觀察,發(fā)現(xiàn)問題,提出問題,分析問題并逐步解決問題,從中領(lǐng)悟職業(yè)經(jīng)驗(yàn)。

(3)項(xiàng)目實(shí)施法

方法:

下發(fā)項(xiàng)目書

學(xué)生分組討論項(xiàng)目分解

師生共同完成項(xiàng)目分析

學(xué)生實(shí)施,教師指導(dǎo)

提交項(xiàng)目作品

最終評(píng)價(jià)

引入“項(xiàng)目教學(xué)法”,給學(xué)生提供一個(gè)制作網(wǎng)站的工作環(huán)境,通過組織學(xué)生承接項(xiàng)目,繼而進(jìn)行項(xiàng)目的開發(fā),使學(xué)習(xí)與工作相結(jié)合,訓(xùn)練學(xué)生完成工作任務(wù)所需的技能、技巧,同時(shí)引導(dǎo)學(xué)生進(jìn)一步加強(qiáng)專業(yè)理論知識(shí)的學(xué)習(xí),從而培養(yǎng)學(xué)生的綜合職業(yè)素質(zhì)。

3.考核建議

實(shí)施項(xiàng)目式教學(xué)以后,學(xué)習(xí)的過程和在此過程的學(xué)習(xí)態(tài)度顯得越來越重要,這也是企業(yè)需求人才的一個(gè)重要標(biāo)準(zhǔn)。所以本課程的考核內(nèi)容一共分為四個(gè)部分:網(wǎng)站的總體規(guī)劃,具體完成的過程,最終完成的作品和多方代表的反饋意見。

五、將課程與全國計(jì)算機(jī)信息高新技術(shù)考試進(jìn)行有機(jī)結(jié)合

全國計(jì)算機(jī)信息高新技術(shù)考試之高級(jí)網(wǎng)頁制作員的專項(xiàng)技能水平達(dá)到相當(dāng)于中華人民共和國職業(yè)資格技能等級(jí)三級(jí),在一種操作系統(tǒng)平臺(tái)下綜合使用網(wǎng)頁相關(guān)軟件完成網(wǎng)頁制作和動(dòng)態(tài)數(shù)據(jù)處理的工作,實(shí)際能力要求達(dá)到:能綜合使用兩種以上網(wǎng)頁制作相關(guān)軟件進(jìn)行網(wǎng)頁設(shè)計(jì)和制作,并具有相應(yīng)的教學(xué)能力。它是網(wǎng)頁設(shè)計(jì)制作人員、Web開發(fā)人員及網(wǎng)頁設(shè)計(jì)愛好者綜合應(yīng)用網(wǎng)頁制作開發(fā)工具進(jìn)行專業(yè)、高效Web設(shè)計(jì)與制作能力的權(quán)威認(rèn)定。如果嘗試將“網(wǎng)站設(shè)計(jì)與網(wǎng)頁制作”課程與“全國計(jì)算機(jī)信息高新技術(shù)考試”進(jìn)行有機(jī)的結(jié)合,可以提高學(xué)生獨(dú)特設(shè)計(jì)理念、豐富動(dòng)態(tài)應(yīng)用程序、互動(dòng)多媒體制作方式等綜合能力,創(chuàng)作出更為直觀、高效的Web作品。

將學(xué)歷教育與認(rèn)證教育相結(jié)合,進(jìn)一步探求高校培養(yǎng)目標(biāo)與企業(yè)用人之間的聯(lián)系,培養(yǎng)適應(yīng)社會(huì)需求的學(xué)生,這無疑是一種教學(xué)改革的新模式。

六、結(jié)語

以工作過程為導(dǎo)向的項(xiàng)目式教學(xué)法是一種先進(jìn)的高職教學(xué)理念,它突破了傳統(tǒng)的教學(xué)模式,通過解決學(xué)生身邊的一些現(xiàn)實(shí)問題來實(shí)現(xiàn)學(xué)生對知識(shí)的掌握,大大提高了學(xué)生學(xué)習(xí)的積極性和主動(dòng)性。通過項(xiàng)目教學(xué)法學(xué)習(xí)的學(xué)生,他們的動(dòng)手能力、解決實(shí)際問題的能力有很大的提高。這種方法不但適合高職計(jì)算機(jī)課程教學(xué),尤其適用于學(xué)生水平參差不齊、學(xué)生自控能力比較薄弱、課程的應(yīng)用性比較強(qiáng)的教學(xué)。教師在觀察學(xué)生、幫助學(xué)生的過程中,開闊了視野,提高了專業(yè)水平。充分地展示了現(xiàn)代職業(yè)教育“以能力為本”的價(jià)值取向,使課堂教學(xué)的質(zhì)量和效益得到更大幅度的提高。可以說,項(xiàng)目教學(xué)法是師生共同完成項(xiàng)目,共同取得進(jìn)步的教學(xué)方法。它是在模擬企業(yè)真實(shí)的工作過程中,用行為來引導(dǎo)學(xué)生、啟發(fā)學(xué)生的學(xué)習(xí)興趣,讓學(xué)生在團(tuán)隊(duì)中自主地進(jìn)行學(xué)習(xí),培養(yǎng)學(xué)生的多種能力,使學(xué)生掌握的知識(shí)與企業(yè)的需求更加接近,我們將繼續(xù)在實(shí)踐教學(xué)中深入探討項(xiàng)目式教學(xué)法,與企業(yè)加強(qiáng)聯(lián)系,累積真實(shí)項(xiàng)目素材,進(jìn)一步完善適合高職特點(diǎn)的教學(xué)方法。

網(wǎng)站設(shè)計(jì)與制作論文:藏飾商務(wù)網(wǎng)站設(shè)計(jì)與制作

1　電子商務(wù)

電子商務(wù)（Electronic　Commerce，EC）是一種新型的電子方式的商務(wù)貿(mào)易活動(dòng)，它與傳統(tǒng)的商務(wù)貿(mào)易活動(dòng)相比，既有相似之處，又有明顯的區(qū)別．電子商務(wù)可以簡單地解釋為：利用便利、快捷和低成本的電子信息技術(shù)和手段進(jìn)行的商貿(mào)活動(dòng)．目前大家所討論的電子商務(wù)主要是利用EDI（電子數(shù)據(jù)交換）和Internet（因特網(wǎng)）來完成的．因此，也可以說電子商務(wù)是計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)在商務(wù)活動(dòng)中的應(yīng)用［1］．一般而言，電子商務(wù)包括生產(chǎn)、流通、分配、交換和消費(fèi)等環(huán)節(jié)中所有活動(dòng)的電子信息化處理．電子商務(wù)活動(dòng)包括通過互聯(lián)網(wǎng)進(jìn)行的交易和商務(wù)活動(dòng)、通過增值網(wǎng)絡(luò)進(jìn)行的電子交易和服務(wù)（如通過EDI進(jìn)行采購和報(bào)關(guān)等），以及通過連接企業(yè)或機(jī)構(gòu)的計(jì)算機(jī)網(wǎng)絡(luò)發(fā)生的交易和服務(wù)．中國的電子商務(wù)已經(jīng)出現(xiàn)“多元化”發(fā)展趨勢，專業(yè)化行業(yè)網(wǎng)站將有一個(gè)迅猛的發(fā)展，符合區(qū)域發(fā)展特色的電子商務(wù)、綜合的電子商務(wù)生態(tài)系統(tǒng)也將得到快速發(fā)展、電子商務(wù)的國際化將受到高度關(guān)注．因此，作者設(shè)計(jì)并實(shí)現(xiàn)了藏飾品電子商務(wù)網(wǎng)站，為發(fā)展本區(qū)域民族特色經(jīng)濟(jì)具有實(shí)際意義．

2　網(wǎng)站整體功能

2．1　建站目的

建設(shè)藏飾品電子商務(wù)網(wǎng)站的目的是為了擴(kuò)大藏族文化在電子商務(wù)領(lǐng)域的影響力，打造一個(gè)具有地域風(fēng)情、具有西藏、青海藏族風(fēng)情特色、具有民族文化氣息的藏族飾品電子商務(wù)平臺(tái)，旨在改進(jìn)傳統(tǒng)的藏族飾品銷售方式，將先進(jìn)的、基于互聯(lián)網(wǎng)的電子銷售方式融進(jìn)藏飾品的銷售中去，讓更多的藏飾品生產(chǎn)廠家獲得更大的效益和影響力，讓他們認(rèn)識(shí)到做基于Web的電子商務(wù)的重要性和必要性，使整個(gè)有關(guān)藏族特色的電子商務(wù)在互聯(lián)網(wǎng)上繁榮昌盛，最終為大力發(fā)展區(qū)域民族特色經(jīng)濟(jì)助一臂之力．

2．2　網(wǎng)站平臺(tái)

在該設(shè)計(jì)中，作者選用的是ASP應(yīng)用服務(wù)器技術(shù)和SQL數(shù)據(jù)庫的組合方式．ASP全名Active　ServerPages，意為“動(dòng)態(tài)服務(wù)器頁面”，是微軟公司開發(fā)的代替CGI腳本程序的一種應(yīng)用，它可以與數(shù)據(jù)庫和其它程序進(jìn)行交互，是一種簡單、方便的編程工具，利用它可以產(chǎn)生和運(yùn)行動(dòng)態(tài)的、交互的、高性能的WEB服務(wù)應(yīng)用程序．ASP采用腳本語言VB　Script（Java　script）作為自己的開發(fā)語言．

2．3　網(wǎng)站架構(gòu)

本網(wǎng)站架構(gòu)采用B／S模式．B／S（Browser／Server）結(jié)構(gòu)即瀏覽器和服務(wù)器結(jié)構(gòu)，它是隨著Internet技術(shù)的興起，對C／S結(jié)構(gòu)的一種改進(jìn)的結(jié)構(gòu)．在這種結(jié)構(gòu)下，用戶工作界面是通過WWW瀏覽器來實(shí)現(xiàn)，極少部分事務(wù)邏輯在前端（Browser）實(shí)現(xiàn)，但是主要事務(wù)邏輯在服務(wù)器端（Server）實(shí)現(xiàn)，形成所謂三層3－tier結(jié)構(gòu)．相對于C／S結(jié)構(gòu)屬于“胖”客戶端，需要在使用者電腦上安裝相應(yīng)的操作軟件來說，B／S結(jié)構(gòu)是屬于一種“瘦”客戶端，大多數(shù)或主要的業(yè)務(wù)邏輯都存在服務(wù)器端，因此，B／S結(jié)構(gòu)的系統(tǒng)不需要安裝客戶端軟件，它運(yùn)行在客戶端的瀏覽器之上，系統(tǒng)升級(jí)或維護(hù)時(shí)只需更新服務(wù)器端軟件即可，這樣就大大簡化了客戶端電腦載荷，減輕了系統(tǒng)維護(hù)與升級(jí)的成本和工作量，降低了用戶的總體成本．

2．4　藏飾品

建設(shè)藏飾品商務(wù)網(wǎng)站旨在展示和銷售藏民族特色商品．首先，藏族的特色體現(xiàn)在他們的衣著也即藏袍中，因此必須設(shè)立一個(gè)衣服（藏袍）的商務(wù)單元；其次，在藏民族同胞穿著的藏服中，一般掛有藏民族特色的飾品，而且藏族首飾以其特殊的民族文化、神秘的文化背景強(qiáng)烈吸引著消費(fèi)者，所以第二個(gè)商務(wù)單元確立為首飾；再次，藏民一般游牧于大草原中，而他們的家也隨著家族的游牧而搬遷，所以藏族人的住所、住所里擺放的家具、使用的器皿也別具特色，那么由此確立第三、四個(gè)商務(wù)單元分別為：家具和器皿；另外，“扎西德勒”是藏語中的“你好”的意思，通常藏族同胞對外胞表示友好和贊賞時(shí)對他說“扎西德勒”，同時(shí)敬獻(xiàn)上藏族的特色禮物哈達(dá)，所以將哈達(dá)作為第五個(gè)商務(wù)單元；最后，“唐卡”是藏族的一種壁畫藝術(shù)，藏族壁畫中包含有藏族的歷史和藏族的文化等元素，是藏民族的精神領(lǐng)袖，所以選壁畫作為第六個(gè)商務(wù)單元．

3　網(wǎng)站建設(shè)

3．1　Web站點(diǎn)建設(shè)

作者通過Adobe　Dreamweaver　CS3建立了該站點(diǎn)，具體步驟為：執(zhí)行“站點(diǎn)／新建站點(diǎn)”，在彈出的對話框中建立一個(gè)“服務(wù)器模型”為“ASP　Vbscript”、“訪問類型”為“本地／網(wǎng)絡(luò)”、“測試服務(wù)器文件”為“D：＼藏飾品電子商務(wù)網(wǎng)站”的站點(diǎn)．完成了這一步，以后制作的網(wǎng)頁文檔就保存在所建的站點(diǎn)中，并上傳到測試服務(wù)器．

3．2　數(shù)據(jù)庫創(chuàng)建

一個(gè)基于B／S模式的網(wǎng)站僅有瀏覽器是遠(yuǎn)遠(yuǎn)不夠的，必須要有服務(wù)器的支持才能被稱為B／S，因此使用SQL　SEVER　2000來作為數(shù)據(jù)庫系統(tǒng)的支持．具體步驟為：安裝并打開SQL　SEVER　2000數(shù)據(jù)庫，在數(shù)據(jù)庫中新建一個(gè)名稱為“My　EC”（數(shù)據(jù)庫名稱的命名沒有硬性的要求，EC即電子商務(wù)）的數(shù)據(jù)庫，并分別新建“用戶表”、“后臺(tái)管理員表”以及如上所述的6大商務(wù)單元表．這些不同的表分別完成不同的功能，用戶表完成添加、查詢、修改、刪除等用戶信息的功能；后臺(tái)管理員表用于保存后臺(tái)管理員的用戶名和密碼等的相關(guān)信息；6大商務(wù)單元表則動(dòng)態(tài)鏈接到Browser（瀏覽器）中，修改了數(shù)據(jù)庫中的表就同樣修改了瀏覽器中的商務(wù)單元的相關(guān)屬性和方法，商家在進(jìn)行對商品的進(jìn)、存、銷的操作時(shí)，直接操作數(shù)據(jù)庫中表的元素就可以了，不必對前臺(tái)進(jìn)行修改．

3．3　網(wǎng)頁布局設(shè)計(jì)

WEB站點(diǎn)和數(shù)據(jù)庫搭建好以后，進(jìn)一步的操作就是網(wǎng)站布局設(shè)計(jì)．在Adobe　Dreamweaver　CS3中設(shè)計(jì)網(wǎng)頁時(shí)，首先要對網(wǎng)頁進(jìn)行整體的布局，具體步驟為：在“查看／表格模式”菜單命令項(xiàng)，選中“布局模式”，在“插入”欄中會(huì)出現(xiàn)繪制布局表格的圖標(biāo)，單擊“繪制布局表格”，繪制一個(gè)寬度為985的布局表格，使之居中對齊，然后在該布局表格中，分別繪制出導(dǎo)航、LOGO、圖片布局及功能等布局表格，如圖1所示．

3．4　數(shù)據(jù)庫的連接

網(wǎng)站布局設(shè)計(jì)完成以后，便要實(shí)現(xiàn)網(wǎng)站功能與數(shù)據(jù)庫系統(tǒng)的連接了，在Adobe　Dreamweaver　CS3中，是通過表單和SQL　Sever數(shù)據(jù)庫進(jìn)行連接的．要實(shí)現(xiàn)用戶的登陸功能，首先在Login．a(chǎn)sp文件中新建一個(gè)表單，以便將表單中的數(shù)據(jù)傳輸?shù)綌?shù)據(jù)庫服務(wù)器中，在表單中分別新建兩個(gè)文本域和兩個(gè)按鈕，用于傳輸用戶所輸入的數(shù)據(jù)至數(shù)據(jù)庫服務(wù)器中．建好表單以后，開始配置Microsoft　ODBC　SQL　Server　DSN，在“綁定”中綁定查詢的記錄集，連接到已建立好的DSN上，查詢過程中使用的是SQL語句進(jìn)行查詢SELECT ＊FROM　dbo．denglu，單擊“測試”，如果能正確顯示出數(shù)據(jù)庫中的基本信息，則說明SQL語句無差錯(cuò)，記錄集綁定成功.

3．5　用戶登陸功能的實(shí)現(xiàn)

要實(shí)現(xiàn)用戶的登陸功能，在服務(wù)器行為中添加一個(gè)插入記錄，連接到綁定的DSN中，插入到數(shù)據(jù)庫的用戶表中，每個(gè)文本域分別對應(yīng)不同的字段名，登陸成功跳轉(zhuǎn)至登陸成功界面，登陸未成功則跳轉(zhuǎn)至登陸未成功界面．在瀏覽器的登陸頁面，為提醒用戶保護(hù)好自己的用戶名和密碼，可以加入相關(guān)的提醒．如果用戶登陸是在數(shù)據(jù)庫實(shí)現(xiàn)查找功能，那么用戶注冊則是在數(shù)據(jù)庫中實(shí)現(xiàn)插入功能．在頁面右下角的文件中新建一個(gè)Register．a(chǎn)sp注冊頁面，新建表單放入應(yīng)放的文本域textfield1、2、3、4、5，插入button1和2，綁定記錄集到數(shù)據(jù)庫中的用戶表，單擊服務(wù)器行為選擇插入記錄，將依次的文本域插入到數(shù)據(jù)庫依次的表中去，再將But－ton1的名稱改為“注冊”，選為“提交表單”，便完成了由表單向數(shù)據(jù)庫插入記錄的功能．

3．6　網(wǎng)站后臺(tái)功能

本藏飾品電子商務(wù)網(wǎng)站還設(shè)計(jì)了后臺(tái)程序，供網(wǎng)站管理人員來管理網(wǎng)站商品的基本信息，只需要用所提供的管理員帳號(hào)和密碼即可進(jìn)行網(wǎng)站后臺(tái)功能的使用．后臺(tái)管理系統(tǒng)提供兩種基本功能，一是Insert插入功能，一是Update修改功能，即向數(shù)據(jù)庫中插入商品信息和修改商品信息．鍵入帳號(hào)和密碼進(jìn)入后臺(tái)管理系統(tǒng)，在Adobe　Dreamweaver　CS3中，只需在綁定了記錄集后，將服務(wù)器行為設(shè)置為插入數(shù)據(jù)，那么這個(gè)選中的表單就能從文本域中向數(shù)據(jù)庫中添加數(shù)值了．完成這步，藏飾品電子商務(wù)網(wǎng)站的基本框架都已全部完成，再進(jìn)行具體的網(wǎng)站建設(shè)操作就可以了，例如設(shè)置圖片大小格式、設(shè)置網(wǎng)頁布局頁面規(guī)范、美觀以及設(shè)置網(wǎng)頁效果人性化等等．最后在完成了與數(shù)據(jù)庫的連接以后，將數(shù)據(jù)庫中的文件存入根目錄的Data文件夾中，將網(wǎng)站的后臺(tái)文件存入根目錄的Admin文件夾中，將圖片文件存入根目錄的Img文件夾中，網(wǎng)站的主文件保存入根目錄中即可．

4　數(shù)據(jù)庫中表和商品的關(guān)系

該藏飾品電子商務(wù)網(wǎng)站只集成了六款商品的交易，如果商戶有新的商品項(xiàng)，可以隨時(shí)添加．針對六款商品，建了6個(gè)數(shù)據(jù)庫表來存放相應(yīng)的商品項(xiàng)，分別是：dress表、shoushi表、jiaju表、qimin表、hada表和bihua表．表中現(xiàn)已分別有了現(xiàn)成的“商品”，并且每款商品都有各自的圖片在瀏覽器中顯示．商品號(hào)、商品名稱、商品描述、商品單價(jià)和庫存量都顯示的是數(shù)據(jù)庫表中的數(shù)值，也就是數(shù)據(jù)庫中的“商品”，商戶如果有新的商品上架，只需要在數(shù)據(jù)庫表中修改相應(yīng)選項(xiàng)，不必要在瀏覽器端修改，如果一件商品被成功交易，商戶即在數(shù)據(jù)庫中刪除相應(yīng)數(shù)據(jù)庫表中的值即可，不需要在瀏覽器端進(jìn)行刪除［2］．

5　數(shù)據(jù)庫中表和交易的關(guān)系

用戶在確定購買以后，在收獲信息的頁面中填寫相應(yīng)的信息（如圖2所示）．如收貨人的省分、城市、區(qū)縣、郵政編碼、街道地址、收貨人姓名、手機(jī)號(hào)碼等信息，用戶輸入的值，會(huì)傳到數(shù)據(jù)庫的中shouhuo表中．商戶只需要查看shouhuo表中的信息，就可以確定發(fā)貨信息，從而根據(jù)此信息給顧客發(fā)貨．這樣便完成了電子商務(wù)交易中的“買賣”工作．

6　結(jié)束語

該藏飾品電子商務(wù)網(wǎng)站實(shí)現(xiàn)了瀏覽器與數(shù)據(jù)庫的動(dòng)態(tài)鏈接；網(wǎng)站整體布局合理，頁面整體風(fēng)格簡潔明了；設(shè)計(jì)中所有素材均精心收集并經(jīng)過PhotoShop加工；在一定程度上實(shí)現(xiàn)了后臺(tái)管理功能．但是，與專業(yè)的電子商務(wù)網(wǎng)站相比，該網(wǎng)站并不完全成熟，尚有待改進(jìn)．例如，在用戶登陸功能方面，可以加入更詳細(xì)的用戶信息和更人性化的權(quán)限登陸條件；在數(shù)據(jù)庫設(shè)計(jì)中，可以加入更貼近現(xiàn)實(shí)社會(huì)、更準(zhǔn)確的數(shù)據(jù)完整性；在購物車功能中，實(shí)現(xiàn)網(wǎng)銀功能等等．作者在將來的設(shè)計(jì)中，會(huì)逐步實(shí)現(xiàn)．

網(wǎng)站設(shè)計(jì)與制作論文:網(wǎng)站設(shè)計(jì)與制作教學(xué)模式探討

一、課程教學(xué)模式的研究

1．以實(shí)際工作過程為主線

無論是課程內(nèi)容的選取，還是教學(xué)內(nèi)容的組織，始終圍繞實(shí)際網(wǎng)站設(shè)計(jì)與制作工作的過程及內(nèi)容，以實(shí)際工作流程為教學(xué)內(nèi)容和教學(xué)組織順序，將課程融于實(shí)際工作需求中，突出了技能和素質(zhì)的培養(yǎng)。

2．工作任務(wù)的真實(shí)性

課程實(shí)訓(xùn)中提交給學(xué)生的實(shí)訓(xùn)企業(yè)資料，均是以來自于實(shí)踐一線的真實(shí)業(yè)務(wù)為基礎(chǔ)，經(jīng)過校企雙方精心組織挑選。要求學(xué)生完成網(wǎng)站調(diào)研、網(wǎng)站建設(shè)方案書的撰寫、網(wǎng)站的設(shè)計(jì)與制作等，與實(shí)際網(wǎng)站設(shè)計(jì)與制作崗位的工作情況完全相同。因此通過完成相應(yīng)的任務(wù)而讓學(xué)生掌握的相關(guān)知識(shí)、操作方法和操作技能，真實(shí)地反映了網(wǎng)站設(shè)計(jì)與制作崗位的能力和素質(zhì)需求。

3．“教學(xué)做”合一

在課程教學(xué)中以學(xué)生為主體的工作導(dǎo)向式教學(xué)，教學(xué)的主線是指導(dǎo)學(xué)生完成實(shí)際網(wǎng)站設(shè)計(jì)與制作業(yè)務(wù)操作與管理工作，引導(dǎo)學(xué)生通過實(shí)踐來掌握操作方法和技能，通過操作來學(xué)習(xí)相關(guān)知識(shí)，從而將教、學(xué)、做有機(jī)地結(jié)合，突出教學(xué)的職業(yè)性、實(shí)踐性特點(diǎn)。通過以上教學(xué)模式的創(chuàng)新，成功地將網(wǎng)站設(shè)計(jì)與制作崗位搬上了課堂，從而真正做到讓學(xué)生通過該課程樹立企業(yè)網(wǎng)絡(luò)形象觀念，掌握網(wǎng)站設(shè)計(jì)與制作工作的基本流程、步驟、內(nèi)容及操作方法，具備獨(dú)立完成一個(gè)小型企業(yè)的網(wǎng)站設(shè)計(jì)與制作工作的能力。

二、課程教學(xué)方法和手段

在課程教學(xué)中靈活運(yùn)用了多種教學(xué)方法和手段，增強(qiáng)了學(xué)生學(xué)習(xí)的興趣，提高了學(xué)生學(xué)習(xí)的主動(dòng)性和積極性。

1．教學(xué)方法的選擇和使用

結(jié)合課程的性質(zhì)和要求，我們采用了案例教學(xué)法、任務(wù)驅(qū)動(dòng)法、角色扮演法、現(xiàn)場調(diào)研、仿真學(xué)習(xí)和作品展示法開展教學(xué)活動(dòng)。

(1)案例教學(xué)法

在教學(xué)中，我們與企業(yè)合作，由企業(yè)提供典型的網(wǎng)站設(shè)計(jì)與制作案例。在具體的教學(xué)活動(dòng)中，通過組織學(xué)生進(jìn)行問題分析、相互解答和自由互辯，再由教師和企業(yè)兼職教師共同引導(dǎo)，由此掌握不同類型網(wǎng)站建設(shè)的方法和技巧。

(2)任務(wù)驅(qū)動(dòng)法

在教學(xué)過程中，基于資訊、決策、計(jì)劃、實(shí)施、檢查、評(píng)估六步法，我們組織學(xué)生每6人成立一個(gè)虛擬的網(wǎng)站建設(shè)公司，設(shè)置各工作崗位，包括美工、程序等真實(shí)崗位，并在內(nèi)部實(shí)現(xiàn)輪崗交替，讓學(xué)生能夠在教師的指導(dǎo)下按照真實(shí)工作任務(wù)的要求完成每個(gè)學(xué)習(xí)情境的學(xué)習(xí)任務(wù)。

(3)角色扮演法

學(xué)生在虛擬網(wǎng)站企業(yè)中分別扮演網(wǎng)站設(shè)計(jì)師、程序員、網(wǎng)站美工、匯報(bào)人等不同的角色，在不同的學(xué)習(xí)情境中進(jìn)行角色轉(zhuǎn)換，使學(xué)生在情境模擬、循環(huán)和反復(fù)的過程中，加深對網(wǎng)站設(shè)計(jì)與制作工作任務(wù)的理解，提升操作與管理能力。

(4)現(xiàn)場調(diào)研

根據(jù)學(xué)習(xí)的需要我們安排學(xué)生分小組進(jìn)入真實(shí)企業(yè)進(jìn)行現(xiàn)場調(diào)研，或者邀請企業(yè)兼職教師進(jìn)校講解分析，學(xué)生根據(jù)調(diào)研得出網(wǎng)站建設(shè)的目標(biāo)，完成網(wǎng)站建設(shè)方案書，設(shè)計(jì)并制作網(wǎng)站，提升學(xué)生吃苦耐勞、團(tuán)隊(duì)協(xié)作、溝通交流等素質(zhì)。

(5)仿真學(xué)習(xí)

電子商務(wù)專業(yè)配有仿真實(shí)訓(xùn)室和創(chuàng)業(yè)實(shí)訓(xùn)室，實(shí)訓(xùn)室配以公司真實(shí)的經(jīng)營環(huán)境，為學(xué)生提供真實(shí)的電子商務(wù)企業(yè)經(jīng)營的過程。學(xué)生可以通過組成公司，以輪崗分流、小組間對抗等方式，獲得電子商務(wù)企業(yè)經(jīng)營的寶貴經(jīng)驗(yàn)。每個(gè)學(xué)習(xí)任務(wù)在實(shí)訓(xùn)室實(shí)現(xiàn)仿真訓(xùn)練，學(xué)習(xí)內(nèi)容、學(xué)習(xí)過程、學(xué)習(xí)環(huán)境均與實(shí)際工作保持一致。

(6)作品展示法

在教學(xué)中組織學(xué)生欣賞往屆學(xué)生的作品，激賞學(xué)生的學(xué)習(xí)興趣，并在任務(wù)進(jìn)行到一定的程度時(shí)，舉辦班上同學(xué)的作品展示，讓班上同學(xué)相互欣賞、由企業(yè)兼職教師討論并分析作品的優(yōu)點(diǎn)和不足之處。通過作品展示法，學(xué)生可以通過對比，了解自己作品的優(yōu)點(diǎn)和不足之處，同時(shí)加強(qiáng)了網(wǎng)站評(píng)估的能力。

2．教學(xué)手段

針對如何有效開展教學(xué)活動(dòng)，我們采用了校企聯(lián)合授課、舉辦專題講座、通過多媒體化、信息化、網(wǎng)絡(luò)化組織教學(xué)和通過舉辦技能競賽開展教學(xué)。

(1)校企聯(lián)合授課

課程實(shí)行“雙課程組負(fù)責(zé)人”制，企業(yè)專家與校內(nèi)專職教師共同擔(dān)任課程開發(fā)的負(fù)責(zé)人。企業(yè)專家參與課程的開發(fā)設(shè)計(jì)并承擔(dān)學(xué)習(xí)任務(wù)設(shè)計(jì)工作，企業(yè)人員擔(dān)任指導(dǎo)教師參與實(shí)踐學(xué)習(xí)，學(xué)時(shí)比例達(dá)50%以上，課程組專兼職教師比例為1∶1。此外，由于網(wǎng)站設(shè)計(jì)與制作工作涉及到Photoshop廣告設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)與制作、數(shù)據(jù)庫等多方面的知識(shí)與技能的學(xué)習(xí)和運(yùn)用，本課程整合校內(nèi)外教學(xué)資源，采取校企聯(lián)合授課的形式組織教學(xué)，受到學(xué)生好評(píng)。

(2)舉辦專題講座

教學(xué)中定期邀請企業(yè)專家為學(xué)生開展專題講座，向?qū)W生講解職業(yè)生涯中的精彩案例，通過分享經(jīng)驗(yàn)、帶來新鮮的工作任務(wù)，提高學(xué)生對網(wǎng)站設(shè)計(jì)與制作工作崗位的了解和熱愛。

(3)多媒體化、信息化、網(wǎng)絡(luò)化教學(xué)

教學(xué)中利用實(shí)訓(xùn)室，讓學(xué)生在仿真的職場環(huán)境中實(shí)踐。同時(shí)，我們在校園網(wǎng)上建立了動(dòng)態(tài)網(wǎng)站設(shè)計(jì)與制作課程的課程網(wǎng)站，上傳了豐富的教學(xué)資源，包括:1)完備的教學(xué)文件，包括教學(xué)大綱、任務(wù)單、實(shí)訓(xùn)教材、電子教案等。2)教材中配套練習(xí)題及參考答案，理論及實(shí)務(wù)考試樣題、參考答案，以滿足不同層次學(xué)生的自主學(xué)習(xí)需求。3)輔助教學(xué)資源，包括與本課程有關(guān)的以音頻、視頻、文檔等多種形式表現(xiàn)的教學(xué)輔助資料，如網(wǎng)站設(shè)計(jì)與制作、網(wǎng)頁特效技能操作的示范錄像、電子商務(wù)相關(guān)的從業(yè)資格考試的近期考試信息等。4)課程剖析，包括課程的定位、課程設(shè)計(jì)理念與思路、教學(xué)內(nèi)容及組織、教學(xué)方法手段等。5)教學(xué)展示，包括主講教師的相關(guān)資料、各界對課程評(píng)價(jià)、工學(xué)結(jié)合的項(xiàng)目作品等。學(xué)生還可以通過課程網(wǎng)站自主學(xué)習(xí)。學(xué)生可以在實(shí)地調(diào)研之后，利用網(wǎng)絡(luò)輔助查找未了解的資料，完成資訊、計(jì)劃等環(huán)節(jié)，提高學(xué)生學(xué)習(xí)的自主性和效率。

(4)技能競賽

將行業(yè)技能競賽和專業(yè)技能競賽納入素質(zhì)拓展平臺(tái)，以賽促學(xué)極大地提高了學(xué)生的學(xué)習(xí)積極性，通過舉辦主題網(wǎng)站設(shè)計(jì)等比賽，加深了學(xué)生對專業(yè)的認(rèn)識(shí)，提高了學(xué)生對知識(shí)的理解和對技能熟練度的操作，另外，通過鼓勵(lì)學(xué)生積極參加全國電子商務(wù)專業(yè)大賽，增強(qiáng)了學(xué)生的應(yīng)變能力和創(chuàng)新能力。

三、實(shí)施中的反思和總結(jié)

在這幾年的教學(xué)過程中，筆者發(fā)現(xiàn)以上教學(xué)方法和手段，雖然很多課程都在提倡或是已經(jīng)在教學(xué)中使用，但不同的課程都具有各自的課程特色，同樣的教學(xué)方法，在具體實(shí)施過程中可以產(chǎn)生出不同的具體實(shí)施手段，讓其發(fā)揮出更大的功效。例如:

1．校本教材的編訂和使用

校本教材的編訂和使用，對課程改革成果的沖擊是巨大的和顯著的。以筆者的親身感受來講，與企業(yè)共同編訂的校本教材，加上配套使用的任務(wù)單，是針對學(xué)?，F(xiàn)狀、學(xué)生實(shí)際情況編訂出來的，因此工作過程更加符合實(shí)際情況，也更加具有工作過程系統(tǒng)化的特色。通過任務(wù)單來引導(dǎo)工作過程，配合校本教材中的知識(shí)點(diǎn)和技能點(diǎn)，更加有利于學(xué)生進(jìn)行系統(tǒng)化學(xué)習(xí)。

2．小組學(xué)習(xí)討論法和二人搭檔檢查法相互配合使用

在學(xué)習(xí)過程中，我們需要組織學(xué)生分成小組進(jìn)行問題的討論和解決，這主要是為了鍛煉學(xué)生分析問題、解決問題的能力，以及增進(jìn)團(tuán)隊(duì)協(xié)作意識(shí)。但是小組學(xué)習(xí)討論法的缺點(diǎn)便是不能完全做到點(diǎn)對點(diǎn)交流，個(gè)別人容易產(chǎn)生怠倦的情緒，甚至有人“濫竽充數(shù)”。在這些年的教學(xué)過程中，針對動(dòng)態(tài)網(wǎng)站設(shè)計(jì)與制作課程筆者發(fā)現(xiàn)，課程因?yàn)樾枰M(jìn)行程序編寫和調(diào)試，大量的代碼容易讓人產(chǎn)生視覺疲勞，因此許多學(xué)生在課程中容易產(chǎn)生眼酸、眼疲勞等情況，加之程序代碼枯燥無味、人與人之間缺少交流，許多學(xué)生容易產(chǎn)生學(xué)習(xí)疲勞。另外小組長個(gè)人工作壓力大，很難督促全組人員的學(xué)習(xí)進(jìn)度，不能保證學(xué)習(xí)質(zhì)量和學(xué)習(xí)效果，因此單純的小組學(xué)習(xí)討論法并不能有效地推動(dòng)全班的學(xué)習(xí)進(jìn)度。針對這種情況，筆者嘗試讓每位同學(xué)都在另一個(gè)小組尋找一位搭檔，兩人相互共同學(xué)習(xí)和檢查。學(xué)習(xí)過程中，每個(gè)小任務(wù)在指定的時(shí)間內(nèi)，先由自已獨(dú)立思考和完成，然后搭檔雙方都交換位置，由搭檔來檢查對方的完成情況并進(jìn)行糾錯(cuò)，這種方法一方面學(xué)生讓起立活動(dòng)了筋骨，另一方面由他人的視角來檢查問題往往更加能夠一針見血，效果加倍。同時(shí)，一對一的搭檔學(xué)習(xí)即保證了學(xué)習(xí)質(zhì)量，也增進(jìn)了同學(xué)之間的友誼。此外，這種搭檔學(xué)習(xí)方法能夠減輕小組長的工作壓力，不論是學(xué)習(xí)、檢查和評(píng)價(jià)，兩人的雙向交流都是及時(shí)的、認(rèn)真的和有成效的。在動(dòng)態(tài)網(wǎng)站設(shè)計(jì)與制作課程中，小組學(xué)習(xí)討論法和二人搭檔檢查法是卓有成效的。

3．合理的設(shè)計(jì)知識(shí)歸納和總結(jié)

在教學(xué)活動(dòng)中要培養(yǎng)學(xué)生知識(shí)歸納和總結(jié)的習(xí)慣，是必不可少的。在《動(dòng)態(tài)網(wǎng)站設(shè)計(jì)與制作》課程的學(xué)習(xí)任務(wù)中，每個(gè)情境都設(shè)計(jì)了對應(yīng)的小任務(wù)，每次任務(wù)在檢查和評(píng)價(jià)之后，由教師或是小組長帶領(lǐng)同學(xué)先進(jìn)行本次任務(wù)的知識(shí)歸納，總結(jié)學(xué)到的知識(shí)和技能，再進(jìn)行本次任務(wù)的感受總結(jié)，例如任務(wù)中是因?yàn)榇中拇蝈e(cuò)字符而導(dǎo)致程序調(diào)試失敗等原因，最后是教師對學(xué)生在本次任務(wù)中的表現(xiàn)進(jìn)行評(píng)價(jià)。通過每次任務(wù)都進(jìn)行相應(yīng)的知識(shí)歸納和總結(jié)，有效地對學(xué)生的知識(shí)做了系統(tǒng)化整理，并加深了對知識(shí)和技能的理解。

四、結(jié)語

筆者經(jīng)過這幾年不斷累積教學(xué)經(jīng)驗(yàn)，已經(jīng)完成了校本教材和配套任務(wù)單的編訂，并且逐步摸索出適合本課程的教學(xué)模式、教學(xué)方法和手段，同時(shí)也意識(shí)到，教師課堂氣氛的駕御能力對提高學(xué)生的學(xué)習(xí)興趣是非常重要的，這需要教師經(jīng)驗(yàn)豐富、知識(shí)淵博，并且自身詼諧風(fēng)趣，才能更好地促進(jìn)課堂教學(xué)氣氛。因此，除了尋找更加適合課程特色的教學(xué)方法和手段，教師也需要提高和加強(qiáng)自身綜合素質(zhì)，才能更加勝任高職教師的崗位。

作者：郝靜楊波單位：湖北工業(yè)職業(yè)技術(shù)學(xué)院經(jīng)濟(jì)貿(mào)易系

網(wǎng)站設(shè)計(jì)與制作論文:計(jì)算機(jī)組成原理CAI教學(xué)網(wǎng)站設(shè)計(jì)與制作

摘要：本文設(shè)計(jì)的計(jì)算機(jī)組成原理課程教學(xué)網(wǎng)站采用了目前流行的.net技術(shù)，在網(wǎng)站中引入了Web Services、XML等具有良好擴(kuò)展性的技術(shù)，頁面布局采用DIV+CSS，利用訪問數(shù)據(jù)庫。網(wǎng)站教學(xué)內(nèi)容設(shè)置雙語教學(xué)部分，并利用flash技術(shù)建立虛擬實(shí)驗(yàn)室，模擬實(shí)際實(shí)驗(yàn)環(huán)境。該網(wǎng)站適應(yīng)現(xiàn)代教育的需要，對教師的教學(xué)改革及促進(jìn)學(xué)生的自主學(xué)習(xí)有積極的意義。

關(guān)鍵詞：計(jì)算機(jī)組成原理；CAI教學(xué)網(wǎng)站

1 引言

計(jì)算機(jī)組成原理是計(jì)算機(jī)專業(yè)的一門核心專業(yè)基礎(chǔ)課程，本課程內(nèi)容較多、涉及面廣、實(shí)踐性強(qiáng)、難度較大。通過制作計(jì)算機(jī)組成原理CAI教學(xué)網(wǎng)站可以幫助相對容易達(dá)到教學(xué)目的。計(jì)算機(jī)組成原理CAI教學(xué)網(wǎng)站的實(shí)現(xiàn)采用WEB技術(shù)將文字、聲音、圖形、動(dòng)畫等溶入到教學(xué)模式中去，從而使計(jì)算機(jī)組成原理中抽象的和難以體會(huì)的概念等變得生動(dòng)形象起來，加深和加快了對該門課程的理解。將網(wǎng)站應(yīng)用于教學(xué)可以充分調(diào)動(dòng)學(xué)生學(xué)習(xí)的主觀能動(dòng)性，提高學(xué)生求知欲，同時(shí)能使教師及時(shí)掌握學(xué)生在學(xué)習(xí)過程中所遇到的難題和存在的問題，增大教師與學(xué)生之間的溝通，從而取得良好的教學(xué)效果。

2 教學(xué)設(shè)計(jì)

針對計(jì)算機(jī)組成原理課程的特點(diǎn)，教學(xué)主要內(nèi)容包括計(jì)算機(jī)組成原理理論教學(xué)部分、實(shí)驗(yàn)教學(xué)部分、典型例題及分析、綜合在線測試、學(xué)習(xí)輔助資源、師生互動(dòng)等。設(shè)計(jì)指導(dǎo)思想是改變傳統(tǒng)上以“教” 為中心的教學(xué)模式，真正實(shí)現(xiàn)以“學(xué)” 為中心，充分發(fā)揮學(xué)習(xí)者的主動(dòng)性和創(chuàng)造性。實(shí)現(xiàn)的方式采用“知識(shí)點(diǎn)+實(shí)驗(yàn)+典型例題+學(xué)習(xí)討論”的教學(xué)方式，使學(xué)生掌握計(jì)算機(jī)組成原理的基本概念和相關(guān)設(shè)計(jì)技術(shù)，建立起整機(jī)概念。

3 教學(xué)網(wǎng)站制作

教學(xué)網(wǎng)站制作工具采用Visual Studio .NET 2005,后臺(tái)數(shù)據(jù)庫采用SQL Server 2000,實(shí)現(xiàn)的計(jì)算機(jī)組成原理CAI教學(xué)網(wǎng)站除后臺(tái)維護(hù)外各部分如下：

3.1 理論教學(xué)部分

學(xué)習(xí)網(wǎng)站不僅僅是需要給予一種視覺效果，更重要的是教學(xué)內(nèi)容的設(shè)計(jì)，包括分解計(jì)算機(jī)組成原理教學(xué)目標(biāo)、制定教學(xué)策略、保持知識(shí)的系統(tǒng)性和完整性等。本教學(xué)網(wǎng)站在教學(xué)內(nèi)容上增加雙語教學(xué)部分，該部分主要包括雙語教案，雙語試題，雙語視頻及閱讀材料。采用DIV+CSS以及母板頁技術(shù)進(jìn)行頁面布局，界面設(shè)計(jì)上美觀大方、層次清晰、重點(diǎn)集中、視點(diǎn)明確。

3.2實(shí)驗(yàn)教學(xué)部分

實(shí)驗(yàn)教學(xué)環(huán)節(jié)是該課程的必須且非常重要的一個(gè)環(huán)節(jié)，為了便于學(xué)生更好的理解和掌握計(jì)算機(jī)內(nèi)部運(yùn)作的真實(shí)情況，本教學(xué)網(wǎng)站采用flash設(shè)計(jì)了虛擬實(shí)驗(yàn)室，對主要實(shí)驗(yàn)如運(yùn)算器、控制器、存儲(chǔ)器及整機(jī)實(shí)驗(yàn)提供演示及交互操作功能。

3.3 典型例題及分析

作為一門專業(yè)基礎(chǔ)課程要求學(xué)生必須掌握一些典型題目的解題方法，這樣對于靈活掌握以及深入理解所學(xué)的知識(shí)點(diǎn)是很有必要的。本教學(xué)網(wǎng)站采用flash設(shè)計(jì)了各個(gè)章節(jié)典型例題及解題分析。

3.4 綜合在線測試

該模塊實(shí)現(xiàn)學(xué)生學(xué)習(xí)該課程后的一個(gè)考核，能夠幫助學(xué)生了解自己的學(xué)習(xí)情況。測試系統(tǒng)分章節(jié)測試和總體測試，測試題型包括選擇、填空、計(jì)算及綜合設(shè)計(jì)，試卷中的題目按知識(shí)點(diǎn)分布，采用XML技術(shù)組織知識(shí)點(diǎn)。選擇題自動(dòng)判斷答案對錯(cuò)、其它題型給出參考答案及分析。

3.5 學(xué)習(xí)輔助資源

教學(xué)網(wǎng)站上提供流媒體教學(xué)視頻、資料下載、課程相關(guān)其它站點(diǎn)鏈接。

3.6 師生互動(dòng)

該模塊實(shí)行權(quán)限管理，用戶注冊登陸后，會(huì)看到的各種信息目錄，通過點(diǎn)擊查看進(jìn)入，可以查看到具體的信息以及老師或者其他學(xué)生回復(fù)此問題的內(nèi)容。若問題指定某人答復(fù)，則只有該用戶能看到并答復(fù)此問題。

4 主要實(shí)現(xiàn)技術(shù)

4.1 技術(shù)

完全基于模塊和組件，具有更好的可擴(kuò)展性和可定制性，具有速度快、便于部署及應(yīng)用升級(jí)、代碼與內(nèi)容分離、方便構(gòu)建和使用WEB服務(wù)等優(yōu)點(diǎn)。由于和.NET遠(yuǎn)程處理建立在.NET Framework 之上，因此可以使創(chuàng)建XML、Web Services變得更為容易。

4.2 流媒體技術(shù)

流媒體是一種新的媒體傳送方式，它解決了音頻、視頻等媒體信息在計(jì)算機(jī)網(wǎng)絡(luò)中的實(shí)時(shí)傳輸問題,它將整個(gè)A/V及3D等多媒體文件經(jīng)過特殊的壓縮方式分成一個(gè)個(gè)壓縮包，由視頻服務(wù)器向用戶計(jì)算機(jī)連續(xù)、實(shí)時(shí)傳送。流媒體技術(shù)適合在相對低帶寬的網(wǎng)絡(luò)環(huán)境下實(shí)現(xiàn)網(wǎng)絡(luò)課程的實(shí)時(shí)播放和錄播課程的傳輸，因此可以將流媒體技術(shù)運(yùn)用于教育領(lǐng)域?qū)崿F(xiàn)對學(xué)科資源的制作、傳播和管理。

4.3 Flash動(dòng)畫技術(shù)

Flash 是一種創(chuàng)作工具，它強(qiáng)大的動(dòng)畫編輯功能使得設(shè)計(jì)者可以隨心所欲的設(shè)計(jì)出高品質(zhì)的動(dòng)畫,通過Action和FS Command可以實(shí)現(xiàn)交互性,使Flash具有更大的設(shè)計(jì)自由度，所生成的動(dòng)畫文件(.swf)一般占的字節(jié)數(shù)小，從而可以實(shí)現(xiàn)快速下載，在打開網(wǎng)頁很短的時(shí)間里就能得以播放。

5 教學(xué)網(wǎng)站特色

5.1 采用多種先進(jìn)的技術(shù)手段

該網(wǎng)站將計(jì)算機(jī)組成原理的基本概念、基本原理、基本方法以文本、圖形、聲音、動(dòng)畫、視頻等多種媒體的形式表現(xiàn)出來，用最新的網(wǎng)頁開發(fā)工具Visual Studio .NET與后臺(tái)數(shù)據(jù)庫SQL Server的結(jié)合實(shí)現(xiàn)動(dòng)態(tài)交互、在線測試、虛擬實(shí)驗(yàn)室，從而使學(xué)生將抽象的計(jì)算機(jī)組成原理的學(xué)習(xí)變得形象輕松；通過虛擬部件及整機(jī)實(shí)驗(yàn)，使得沒有實(shí)驗(yàn)條件的個(gè)人也能獲得實(shí)際操作技能的提高。

5.2 后臺(tái)維護(hù)方便

該教學(xué)網(wǎng)站提供了一個(gè)界面友好、操作方便的后臺(tái)維護(hù)平臺(tái)，教師通過該平臺(tái)可對相關(guān)資源進(jìn)行增加、刪除、修改，從而避免隨著時(shí)間的推移造成部分內(nèi)容老化的現(xiàn)象。

6 結(jié)束語

本文描述了基于的計(jì)算機(jī)組成原理CAI教學(xué)網(wǎng)站設(shè)計(jì)和實(shí)現(xiàn)的過程，對于教學(xué)網(wǎng)站系統(tǒng)的研究，具有一定的理論和實(shí)踐意義。

網(wǎng)站設(shè)計(jì)與制作論文:《網(wǎng)站設(shè)計(jì)與制作》教學(xué)環(huán)境搭建技巧

信息技術(shù)作為一門重要的技術(shù)，已經(jīng)被越來越多的人們所使用。在當(dāng)今及未來社會(huì)，掌握信息技術(shù)是人類的一種基本要求。信息技術(shù)教育不但可以提高學(xué)生的技術(shù)素養(yǎng)、促進(jìn)學(xué)生全面發(fā)展，而且還能發(fā)展學(xué)生交流與處理、設(shè)計(jì)與應(yīng)用的實(shí)踐能力，培養(yǎng)學(xué)生的創(chuàng)新精神、創(chuàng)業(yè)意識(shí)。信息技術(shù)教育校本選修課程作為我校開發(fā)領(lǐng)域?qū)掗煹倪x修系列特色課程之一，在積極培養(yǎng)學(xué)生的創(chuàng)新實(shí)踐能力，促進(jìn)每位學(xué)生全面、和諧、個(gè)性地發(fā)展，進(jìn)一步深化素質(zhì)教育方面發(fā)揮著不可或缺的作用。筆者擬就我校信息技術(shù)校本選修課《網(wǎng)站設(shè)計(jì)與制作》教學(xué)環(huán)境的搭建談?wù)劸唧w做法。

1 課程提出背景與制作工具選擇

隨著社會(huì)信息化進(jìn)程的深入和互聯(lián)網(wǎng)的普及，網(wǎng)站日益成為人們交談的話題。各行各業(yè)都可以通過網(wǎng)站展示自己、擴(kuò)大影響，增進(jìn)與同行的交流合作。

校本選修課有別于常規(guī)課堂教學(xué)內(nèi)容，它以學(xué)生的興趣為契機(jī)，把興趣發(fā)展為特長，最終鼓勵(lì)學(xué)生參加各級(jí)各類電腦制作比賽，為學(xué)生施展才華爭取更多的展示平臺(tái)。其學(xué)習(xí)評(píng)價(jià)方式主要有過程觀察、成果展示，作品與課堂表現(xiàn)相結(jié)合，課時(shí)充足、教學(xué)內(nèi)容廣、知識(shí)專業(yè)性強(qiáng)?；谝陨蠋c(diǎn)，我們選用功能強(qiáng)大的Dreamweaver軟件作為網(wǎng)站制作工具。它是集網(wǎng)頁制作和網(wǎng)站管理于一身的所見即所得網(wǎng)頁編輯器，是第一套針對專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。

2 操作素材長期持續(xù)存儲(chǔ)

學(xué)生經(jīng)過初期的規(guī)劃、設(shè)計(jì)，確定好自已喜歡的主題和風(fēng)格后即進(jìn)入后期的實(shí)踐操作過程。一般情況下主題網(wǎng)站制作周期較長，內(nèi)容具有持續(xù)性，每節(jié)課都有新的文本、圖片、動(dòng)畫、視頻等素材增加，還要保證網(wǎng)站中樣式和元素文件合理的路徑。通常的做法是：讓學(xué)生交作業(yè)給老師保存，然后再發(fā)給學(xué)生、讓學(xué)生自己上傳下載，讓學(xué)生自己保存。相信廣大教師都曾面臨著學(xué)生素材持續(xù)更新存放的問題。以上的做法或多或少會(huì)出現(xiàn)操作時(shí)間過長、步驟繁瑣、可持續(xù)性和穩(wěn)定性差等缺點(diǎn)。筆者在實(shí)踐中，摸索出方便可行的解決方案：架設(shè)FTP服務(wù)器與DW站點(diǎn)功能結(jié)合。

FTP服務(wù)器（File Transfer Protocol Server）是在互聯(lián)網(wǎng)上提供文件存儲(chǔ)和訪問服務(wù)的計(jì)算機(jī)，用戶可通過客戶機(jī)程序向（從）遠(yuǎn)程主機(jī)上傳（下載）文件。即學(xué)生每次操作后素材存放于FTP服務(wù)器中，給每個(gè)學(xué)生設(shè)定帳號(hào)與密碼，利用FTP權(quán)限保護(hù)每個(gè)用戶的數(shù)據(jù)安全。筆者采用Serv―U是作為FTP服務(wù)器端軟件，簡單易操作。用FTP服務(wù)器存儲(chǔ)并不是簡單地讓學(xué)生用B/S方式下載與上傳（單線程），這種方式并不能體現(xiàn)出網(wǎng)站素材文件存儲(chǔ)的優(yōu)越性，碰到大容量文件時(shí)，速度慢、易斷線，下載上傳易出錯(cuò)。DW的自帶站點(diǎn)功能有效地與FTP服務(wù)器相結(jié)合，它具有多線程FTP傳輸方式，節(jié)省上傳大型文件或多文件的時(shí)間，能更快速高效地上傳下載網(wǎng)站文件，縮短制作時(shí)間。DW提供的站點(diǎn)管理功能，以樹型結(jié)構(gòu)來展示網(wǎng)站的內(nèi)容分布，從而實(shí)現(xiàn)了對站點(diǎn)布局及細(xì)節(jié)內(nèi)容的展示及修改，實(shí)現(xiàn)本地站點(diǎn)文件與遠(yuǎn)程FTP服務(wù)器中的文件內(nèi)容同步更新，傳統(tǒng)Frontpage工具軟件無此功能。

第一種模式是本地站點(diǎn)與FTP服務(wù)器對接。①打開DW軟件，點(diǎn)擊菜單“站點(diǎn)”―“新建站點(diǎn)”；②輸入站點(diǎn)名稱（名稱每次可以不唯一）；③使用服務(wù)器技術(shù)，根據(jù)實(shí)際需要填寫；④選擇“編輯我的計(jì)算機(jī)上的本地副本，完成后再上傳到服務(wù)器”，設(shè)置本地文件夾作為網(wǎng)站位置；⑤連到遠(yuǎn)程服務(wù)器，選擇FTP方式，輸入FTP地址：10.127.192.200；輸入FTP用戶名與密碼；⑥單擊“測試連接”按鈕，能彈出“已成功連接到您的服務(wù)器”對話框，即代表DW軟件與FTP服務(wù)器連接成功；⑦后面操作按默認(rèn)值即可。至此本地站點(diǎn)新建成功，在DW界面右側(cè)的文件窗口中（見圖1），單擊向下箭頭即從FTP服務(wù)器中獲取本帳戶所有內(nèi)容并下載至本地站點(diǎn)，文件出現(xiàn)在本地站點(diǎn)中所設(shè)的位置文件夾里，學(xué)生就可以自如地在本地完成上節(jié)課網(wǎng)站制作內(nèi)容，可在本地及時(shí)增添素材信息，調(diào)試網(wǎng)站；當(dāng)本節(jié)課制作任務(wù)完成后，只需單擊向上藍(lán)色箭頭即將本地站點(diǎn)中的所有文件信息自動(dòng)上傳到FTP服務(wù)器。稍等片刻，學(xué)生所做的網(wǎng)站內(nèi)容自動(dòng)備份至FTP服務(wù)器，學(xué)生無需擔(dān)心信息的丟失和保存。

第二種模式是直接遠(yuǎn)程修改網(wǎng)站文件：①打開DW軟件，點(diǎn)擊菜單“站點(diǎn)”―“管理站點(diǎn)”；②點(diǎn)“新建”按鈕，選擇“FTP與RDS服務(wù)器”子菜單；③輸入FTP主機(jī)：10.127.195.200，主機(jī)目錄不要填寫；輸入登陸（FTP帳號(hào)），密碼（FTP密碼）；④單擊“測試”按鈕，能彈出連接成功對話框即可（見圖2）；⑤單擊確定，再單擊完成。此時(shí)DW右側(cè)文件區(qū)域出現(xiàn)的內(nèi)容即為FTP服務(wù)器中的內(nèi)容（見圖3），若要修改某個(gè)頁面，雙擊打開，然后直接保存。整個(gè)修改過程全在FTP服務(wù)器中存取，非常方便。若有大批量文件修改，建議采用模式一，占用服務(wù)器資源少。

以上兩種模式均能解決網(wǎng)站文件結(jié)構(gòu)一致性、完整性等問題，根據(jù)制作任務(wù)不同選擇相應(yīng)模式，學(xué)生只需在DW軟件中設(shè)置好站點(diǎn)信息就可以連續(xù)制作網(wǎng)站。

3 網(wǎng)站信息瀏覽與作品的評(píng)價(jià)

考慮到網(wǎng)站制作的通用性、互動(dòng)性，單純靜態(tài)單個(gè)頁面已經(jīng)落伍，交互性強(qiáng)的動(dòng)態(tài)頁面ASP可以實(shí)現(xiàn)數(shù)據(jù)庫信息的讀寫，此時(shí)網(wǎng)站的調(diào)試瀏覽必須在IIS（互聯(lián)網(wǎng)信息服務(wù)器）環(huán)境下進(jìn)行，若讓每個(gè)學(xué)生獨(dú)立安裝IIS并配置，技術(shù)難度較大。筆者的解決方案是在FTP服務(wù)器上安裝IIS，設(shè)置一個(gè)虛擬目錄，將學(xué)生素材存放文件的上級(jí)目錄設(shè)置為虛擬目錄就可以解決此問題，文件存儲(chǔ)與信息瀏覽一一對應(yīng)起來（見圖4、圖5），此時(shí)學(xué)生網(wǎng)站調(diào)試的地址如1號(hào)同學(xué)http：//10.127.195.200：8001/01/，2號(hào)同學(xué)http：//10.127.195.200：8001/02……因此，作品的展示就顯得非常簡單快捷，學(xué)生在校園網(wǎng)上的任何地方都可以看到自己或別人的作品，學(xué)生之間可以充分開展自評(píng)與互評(píng)。

有了以上環(huán)境，作品成果展示形式多種多樣，學(xué)?？萍脊?jié)、班級(jí)主題網(wǎng)站比賽、研究性學(xué)習(xí)等。舉辦小組展示會(huì)，組織全班作品展示，各小組推薦一位代表進(jìn)行成果匯報(bào)，每個(gè)小組無需搭建繁瑣網(wǎng)站平臺(tái)，直接在校園網(wǎng)上演示他們制作的網(wǎng)站作品，匯報(bào)小組各成員完成項(xiàng)目的過程，在設(shè)計(jì)和制作網(wǎng)站時(shí)使用新的方法和技巧。學(xué)生之間交流學(xué)習(xí)過程中的經(jīng)驗(yàn)和體會(huì)，充分享受成功制作作品的快樂。

筆者采用以上策略很好地完成了《網(wǎng)站設(shè)計(jì)與制作》教學(xué)素材文件持續(xù)存儲(chǔ)及動(dòng)態(tài)網(wǎng)頁瀏覽環(huán)境的創(chuàng)建工作，解決了《網(wǎng)站設(shè)計(jì)與制作》的教學(xué)環(huán)境搭建的問題。實(shí)踐證明，采用上述辦法制作網(wǎng)站，有利于教師騰出時(shí)間鉆研教學(xué)業(yè)務(wù)，也更能激發(fā)學(xué)生制作出富有特色的網(wǎng)站作品。

網(wǎng)站設(shè)計(jì)與制作論文:淺談中職學(xué)校《動(dòng)態(tài)網(wǎng)站設(shè)計(jì)與制作》課程教學(xué)

摘 要：動(dòng)態(tài)網(wǎng)站設(shè)計(jì)與制作課程是中職計(jì)算機(jī)、電子商務(wù)等專業(yè)的必修課之一，本文將針對動(dòng)態(tài)網(wǎng)頁制作課程的特點(diǎn)，從動(dòng)態(tài)網(wǎng)頁的開發(fā)技術(shù)的選擇以及如何上好這門課程兩方面進(jìn)行探討，旨在提高該課程的教學(xué)效果。

關(guān)鍵詞：中職；動(dòng)態(tài)網(wǎng)站；教學(xué)

中職學(xué)生渴望開發(fā)網(wǎng)站，但大多對理論學(xué)習(xí)熱情不高，缺乏鉆研精神，且容易放棄。動(dòng)網(wǎng)制作既講理論又重實(shí)踐，既有概念理解，又有程序設(shè)計(jì)和應(yīng)用操作方面的內(nèi)容。因此一方面是抽象的網(wǎng)站開發(fā)技術(shù)，另一方面是基礎(chǔ)薄弱、不善思考的中職學(xué)生，如何將知識(shí)點(diǎn)傳授給學(xué)生，讓學(xué)生知其然并知其所以然，對教師來說，是一大挑戰(zhàn)。以下是筆者關(guān)于中職動(dòng)態(tài)網(wǎng)頁制作課堂教學(xué)實(shí)踐的幾點(diǎn)看法：

一、動(dòng)態(tài)網(wǎng)站技術(shù)的選取――phpStudy++MySQL+Dre-amweaver

教學(xué)中選取PHP+MySQL+Dreamweave的經(jīng)典組合方式，推薦使用PHP調(diào)試環(huán)境的程序集成包phpStudy，它集成了最新的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer，一次性安裝，無須配置。同時(shí)phpMyAdmin可以通過Web接口簡易管理MySQL數(shù)據(jù)庫，學(xué)生通過瀏覽器的圖形界面就能對MySQL數(shù)據(jù)庫進(jìn)行操作。

二、課程內(nèi)容以綜合項(xiàng)目和分任務(wù)的方式開展

《動(dòng)態(tài)網(wǎng)站設(shè)計(jì)與制作》是一門綜合性課程，在授課過程中采用綜合項(xiàng)目設(shè)計(jì)形式，以項(xiàng)目或分任務(wù)的方式展開課堂教學(xué)。將《動(dòng)態(tài)網(wǎng)站設(shè)計(jì)與制作》課程分解為一個(gè)大項(xiàng)目和若干個(gè)小任務(wù)，學(xué)生通過完成一個(gè)個(gè)任務(wù)最后完成較為完整的綜合網(wǎng)站的設(shè)計(jì)。

三、課程教學(xué)應(yīng)用多種教學(xué)方法

（一）使用比較教學(xué)法，使學(xué)生輕松入門

講解動(dòng)態(tài)網(wǎng)站時(shí)，學(xué)生沒有服務(wù)器和客戶端的概念，會(huì)把“動(dòng)態(tài)”網(wǎng)頁理解為有動(dòng)態(tài)的文字或圖片。教學(xué)時(shí)可做兩個(gè)簡單的網(wǎng)站進(jìn)行比較。如分別做一個(gè)靜態(tài)的和動(dòng)態(tài)的學(xué)生學(xué)籍管理網(wǎng)站：網(wǎng)站1是靜態(tài)的，只有一個(gè)“學(xué)生成績”頁面；網(wǎng)站2是動(dòng)態(tài)的，其中包括具有“學(xué)生成績”欄目的學(xué)生成績詳情頁面、成績的后臺(tái)添加、刪除和修改頁面和一個(gè)簡單數(shù)據(jù)庫。老師瀏覽這兩個(gè)網(wǎng)站，演示對學(xué)生成績條目進(jìn)行增、刪、改、查的方法。同時(shí)具體講解它們的運(yùn)行機(jī)制和網(wǎng)站后期管理中的優(yōu)缺點(diǎn)。

通過比較教學(xué)法講解概念，便于培養(yǎng)學(xué)生的總結(jié)歸納能力，讓學(xué)生理解透徹，又調(diào)動(dòng)學(xué)生學(xué)習(xí)興趣。

（二）使用視覺沖擊教學(xué)法，加強(qiáng)學(xué)生記憶

將重點(diǎn)簡明扼要地寫在黑板上，加強(qiáng)學(xué)生記憶。如動(dòng)網(wǎng)的制作流程比較固定，“創(chuàng)建數(shù)據(jù)庫―建站點(diǎn)―制網(wǎng)頁―連接數(shù)據(jù)庫―綁定記錄集―服務(wù)器行為”，學(xué)生每節(jié)課都看到黑板頂部的字，不知不覺就會(huì)記住這樣的流程，在實(shí)踐中也會(huì)有條不紊的操作。

（三）創(chuàng)設(shè)問題情境教學(xué)法，啟發(fā)學(xué)生思考

在講解數(shù)據(jù)庫字符集和網(wǎng)頁字符集的知識(shí)點(diǎn)時(shí)，教師可演示用戶名是英文和中文兩種狀態(tài)下，網(wǎng)頁可否正常登錄。這時(shí)向?qū)W生提出問題，為什么數(shù)據(jù)庫中的記錄是中文，數(shù)據(jù)庫連接，記錄集綁定都正確，但測試結(jié)果不對？引導(dǎo)學(xué)生切換到Dreamweaver代碼視圖，找到部分“charset=utf-8”，再解釋字符集的概念，教會(huì)學(xué)生可將字符集代碼改為“charset=gb2312”，測試正確。

采用創(chuàng)設(shè)問題情境教學(xué)法，會(huì)使學(xué)生在整個(gè)講解過程中都處于強(qiáng)烈的問題情境中，他們也就會(huì)展開充分的想象，他們的思維在廣度、深度上會(huì)有一個(gè)充分的、自由發(fā)揮的空間和余地；因此會(huì)獲得意想不到的教學(xué)效果。

（四）任務(wù)驅(qū)動(dòng)教學(xué)法，讓學(xué)生有的放矢

所謂“任務(wù)驅(qū)動(dòng)”就是老師在介紹有關(guān)知識(shí)和方法時(shí)，首先提出一些與學(xué)生的日常學(xué)習(xí)、生活關(guān)系比較密切的任務(wù)。

如注冊新用戶，用戶登錄，在引導(dǎo)學(xué)生完成任務(wù)的過程中，引出相應(yīng)的教學(xué)內(nèi)容。老師可以先瀏覽一個(gè)在線注冊郵箱網(wǎng)站，并且重點(diǎn)演示注冊和登錄部分，瀏覽之后學(xué)生在心里可能會(huì)產(chǎn)生一個(gè)強(qiáng)烈的欲望：自己做一個(gè)這樣的系統(tǒng)。接著，老師再按步驟、分任務(wù)完成對整個(gè)系統(tǒng)的設(shè)計(jì)，并且重點(diǎn)講解本網(wǎng)站中的一個(gè)關(guān)鍵任務(wù)：數(shù)據(jù)庫的連接。講解數(shù)據(jù)庫的連接任務(wù)在整個(gè)用戶管理系統(tǒng)中的作用及其重要性。

（五）“理論――實(shí)踐――反思――理論――實(shí)踐”循環(huán)往復(fù)教學(xué)法，使學(xué)生牢固掌握知識(shí)點(diǎn)

動(dòng)網(wǎng)中很多知識(shí)點(diǎn)，尤其是重難點(diǎn)知識(shí)，必須反復(fù)講解，反復(fù)實(shí)踐，來加強(qiáng)記憶和理解，才能收到較好的效果。比如：講解階段變量及語句，應(yīng)該采用循環(huán)往復(fù)教學(xué)法，反復(fù)講解和操作使學(xué)生消化、接受。

（六）項(xiàng)目教學(xué)法，階段性成果加強(qiáng)自信心

在教學(xué)時(shí)注意培養(yǎng)學(xué)生的成就感，將大的綜合項(xiàng)目分解為一個(gè)個(gè)小項(xiàng)目。比如：將用戶管理系統(tǒng)分解為登錄注銷、注冊、資料修改和密碼查詢四個(gè)模塊，再詳細(xì)分解為更小的項(xiàng)目。如將用戶注冊模塊分成四個(gè)小任務(wù)：1.制作注冊頁面―熟練使用表單制作頁面并實(shí)現(xiàn)驗(yàn)證表單；2.實(shí)現(xiàn)注冊頁面填寫信息錄入數(shù)據(jù)庫―綁定記錄集，添加服務(wù)器行為“插入記錄”；3.用戶名不能重復(fù)―用戶名驗(yàn)證，檢查新用戶名操作；4.注冊成功與失敗頁面制作―實(shí)現(xiàn)正確跳轉(zhuǎn)。

四、結(jié)束語

總之，這門課程的教學(xué)是靈活多樣的，在教學(xué)過程中要按照中等職業(yè)教育的教學(xué)規(guī)律和學(xué)生認(rèn)知特點(diǎn)結(jié)合教學(xué)過程中的實(shí)際情況作適當(dāng)?shù)恼{(diào)整，也可對某些章節(jié)內(nèi)容綜合使用多種教學(xué)方法，使教學(xué)達(dá)到理想的效果。