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

篇(1)

1.1教材方面

選用教材一般采用國(guó)家規(guī)劃教材，教材的編寫人員主要由從事此課程教學(xué)的一線教師組成，普遍不在公司一線工作，技能和技術(shù)上已經(jīng)到不到目前公司的要求。另外，從開始編寫教材到印刷出版，再到學(xué)生使用，往往已經(jīng)過(guò)了好幾年。由于WEB技術(shù)發(fā)展非常迅速，再加上網(wǎng)站設(shè)計(jì)開發(fā)工作的特殊性，學(xué)生所學(xué)到的知識(shí)，往往都是前幾年的技術(shù)，已經(jīng)不能滿足公司對(duì)于網(wǎng)站設(shè)計(jì)人員的要求。

1.2教學(xué)內(nèi)容方面

一本教材中前面章節(jié)的教學(xué)內(nèi)容往往以知識(shí)點(diǎn)為主，后面章節(jié)加上幾個(gè)WEB系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)，知識(shí)點(diǎn)非常分散，沒(méi)有完整的圍繞一條主線進(jìn)行教學(xué)。教學(xué)過(guò)程中，學(xué)生雖然感覺(jué)學(xué)到了很多東西，但是教學(xué)內(nèi)容沒(méi)有緊緊圍繞一條主線進(jìn)行，學(xué)生學(xué)完之后總感覺(jué)學(xué)了很多東西，但是就是不知道怎么用。

1.3教學(xué)方法方面

傳統(tǒng)教學(xué)都是以課程為中心，以教師為中心，以教材為中心，教師教什么，學(xué)生就學(xué)什么，沒(méi)有從實(shí)際工作需要入手，學(xué)生完全處于被動(dòng)接受，學(xué)生根據(jù)教師的講授一步一步去完成，很難發(fā)揮學(xué)生的主觀能動(dòng)性。

1.4教學(xué)條件方面

主要采用多媒體教室+機(jī)房來(lái)保障教學(xué)，雖然能滿足教學(xué)條件要求，但是學(xué)生在學(xué)校感受不到真實(shí)的工作環(huán)境，學(xué)習(xí)沒(méi)有動(dòng)力。

1.5教學(xué)團(tuán)隊(duì)方面

教師往往以中、青年教師為主，但是大部分教師沒(méi)有相應(yīng)的工作經(jīng)驗(yàn)，直接從學(xué)校畢業(yè)就來(lái)到職業(yè)院校當(dāng)老師，不了解社會(huì)上對(duì)于本門課程技術(shù)發(fā)展到什么程度和企業(yè)對(duì)于本門課程的人才需求。

2《網(wǎng)站設(shè)計(jì)開發(fā)》課程設(shè)計(jì)改革

2.1課程設(shè)計(jì)思路

依托各個(gè)網(wǎng)站設(shè)計(jì)公司及軟件公司，開展校企合作進(jìn)行課程聯(lián)合開發(fā)建設(shè)。以職業(yè)能力培養(yǎng)為重點(diǎn)，以“工學(xué)結(jié)合”為切入點(diǎn)，依照“干什么、學(xué)什么、缺什么、補(bǔ)什么”的原則，基于網(wǎng)站架構(gòu)設(shè)計(jì)師的典型工作任務(wù)和過(guò)程設(shè)計(jì)來(lái)進(jìn)行課程教學(xué)體系。在課程設(shè)計(jì)中通過(guò)“真實(shí)產(chǎn)品開發(fā)、項(xiàng)目載體、知識(shí)理論實(shí)踐一體化”將完整的項(xiàng)目開發(fā)過(guò)程貫穿在整個(gè)項(xiàng)目開發(fā)中,以提高學(xué)生職業(yè)能力和職業(yè)素養(yǎng)為目標(biāo)，將網(wǎng)站設(shè)計(jì)開發(fā)知識(shí)和技能貫通于實(shí)踐項(xiàng)目，以真實(shí)項(xiàng)目為核心整合網(wǎng)站設(shè)計(jì)人員所需的知識(shí)、技能和態(tài)度。在內(nèi)容的選取上堅(jiān)持夠用、實(shí)用、新穎的原則，減少理論知識(shí)的講解，理論基礎(chǔ)知識(shí)以夠用為準(zhǔn)。同時(shí)，增加實(shí)踐性、操作性強(qiáng)的知識(shí)，加強(qiáng)知識(shí)的實(shí)用性。密切結(jié)合行業(yè)需求，相關(guān)課程需要，注重知識(shí)連貫性和實(shí)效性。

2.2課程內(nèi)容改革

《網(wǎng)站設(shè)計(jì)開發(fā)》課程的教學(xué)內(nèi)容主要是針對(duì)高職高專層次的學(xué)生，以培養(yǎng)WEB應(yīng)用開發(fā)程序員崗位的技能型人才培養(yǎng)目標(biāo)，根據(jù)崗位和前后課程銜接的要求，綜合考慮和選取教學(xué)內(nèi)容。本課程基于一個(gè)真實(shí)的完整的項(xiàng)目----新聞系統(tǒng)開發(fā)的工作過(guò)程，在項(xiàng)目開發(fā)的過(guò)程中培養(yǎng)學(xué)生在WEB應(yīng)用開發(fā)程序員崗位上每一工作環(huán)節(jié)的專項(xiàng)職業(yè)能力。（1）課程內(nèi)容設(shè)計(jì)將實(shí)際項(xiàng)目轉(zhuǎn)換為教學(xué)內(nèi)容確定學(xué)習(xí)內(nèi)容。以往的教學(xué)內(nèi)容中的知識(shí)點(diǎn)非常非常松散，沒(méi)有明確主線，因此我們選取真實(shí)的項(xiàng)目“新聞系統(tǒng)開發(fā)開發(fā)過(guò)程”為教學(xué)內(nèi)容，根據(jù)開發(fā)流程將工作領(lǐng)域分成9個(gè)典型的工作情境，分別為搭建新聞系統(tǒng)項(xiàng)目開發(fā)環(huán)境、撰寫新聞系統(tǒng)項(xiàng)目系統(tǒng)文檔、新聞系統(tǒng)數(shù)據(jù)庫(kù)設(shè)計(jì)、新聞系統(tǒng)數(shù)據(jù)庫(kù)訪問(wèn)層設(shè)計(jì)與實(shí)現(xiàn)、新聞系統(tǒng)后臺(tái)用戶管理模塊設(shè)計(jì)與實(shí)現(xiàn)、新聞系統(tǒng)后臺(tái)欄目管理模塊設(shè)計(jì)與實(shí)現(xiàn)、新聞系統(tǒng)后臺(tái)文章管理模塊設(shè)計(jì)與實(shí)現(xiàn)、新聞系統(tǒng)前臺(tái)頁(yè)面顯示模塊設(shè)計(jì)與實(shí)現(xiàn)、新聞系統(tǒng)安全控制與部署。（2）教學(xué)內(nèi)容（表1）

2.3教學(xué)方法改進(jìn)

2.3.1逆向式教學(xué)方法:教師在授課過(guò)程中摒棄原來(lái)那種先講后練習(xí)的方式，而采用先簡(jiǎn)單給學(xué)生說(shuō)明具體任務(wù)完成的思路和步驟，學(xué)生對(duì)照任務(wù)的思路和步驟自行完成，學(xué)生在任務(wù)過(guò)程中出現(xiàn)問(wèn)題后，由師生共同解決問(wèn)題，最后教師講解任務(wù)的實(shí)現(xiàn)過(guò)程，并進(jìn)行理論的提升。2.3.2任務(wù)驅(qū)動(dòng)教學(xué)方法：將一個(gè)大型項(xiàng)目拆分成一個(gè)個(gè)小任務(wù)，通過(guò)讓學(xué)生自主完成一個(gè)個(gè)小任務(wù)，最終實(shí)現(xiàn)一個(gè)大型項(xiàng)目。在完成一個(gè)個(gè)具體的小任務(wù)中，教師只是輔助指導(dǎo)，真正做到了講、學(xué)、練一體化。通過(guò)在實(shí)踐的過(guò)程中，培養(yǎng)和提高學(xué)生的學(xué)習(xí)興趣，增強(qiáng)學(xué)生的自主學(xué)習(xí)能力。2.3.3項(xiàng)目實(shí)訓(xùn)教學(xué)方法：在綜合練習(xí)之后，結(jié)合所學(xué)知識(shí)，給同學(xué)分組進(jìn)行項(xiàng)目實(shí)訓(xùn)。通過(guò)具體的項(xiàng)目，讓學(xué)生獲得親身參與軟件開發(fā)研究的經(jīng)歷，充分提高了學(xué)生應(yīng)用知識(shí)解決問(wèn)題的能力。同時(shí)，還加強(qiáng)了學(xué)生在工作別需要的團(tuán)隊(duì)合作能力和協(xié)調(diào)能力，為學(xué)生能夠在畢業(yè)后很快進(jìn)入與實(shí)際工作銜接的工作崗位做好充分的準(zhǔn)備。2.3.4基于問(wèn)題的教學(xué)方法（PBT（Problem-BasedTeaching）[4]：在教學(xué)過(guò)程中，教師根據(jù)教學(xué)內(nèi)容和教學(xué)需要，在課堂上設(shè)計(jì)問(wèn)題情景，啟發(fā)和引導(dǎo)學(xué)生積極主動(dòng)參與課堂討論，提出、分析和解決問(wèn)題，從而得到問(wèn)題的答案。在這個(gè)過(guò)程中，教師只給學(xué)生提供解決問(wèn)題的思路和方法，主要以學(xué)生為中心，以問(wèn)題為核心，以完成教學(xué)任務(wù)的一種教學(xué)方法。

2.4教學(xué)條件改進(jìn)

2.4.1以現(xiàn)有的多媒體教室或機(jī)房建立仿真教學(xué)環(huán)境，由教師扮演企業(yè)代表，學(xué)生扮演軟件開發(fā)團(tuán)隊(duì)成員，完成客戶與項(xiàng)目組的交互過(guò)程。教師提出需求，學(xué)生完成“需求分析、系統(tǒng)設(shè)計(jì)、編碼調(diào)試、提交作品”的各個(gè)過(guò)程，模擬企業(yè)項(xiàng)目的完整開發(fā)過(guò)程。2.4.2在學(xué)校建立大學(xué)生創(chuàng)業(yè)工作室，由學(xué)生從校外接一些真實(shí)項(xiàng)目開發(fā)的任務(wù)，讓學(xué)生在學(xué)習(xí)的過(guò)程中就能夠參加到真實(shí)項(xiàng)目的制作開發(fā)工作中去，這樣，學(xué)生畢業(yè)進(jìn)入企業(yè)后很快就能成為合格的專業(yè)技術(shù)人才。

2.5教學(xué)團(tuán)隊(duì)改進(jìn)

2.5.1走出去，給一線教師提供到網(wǎng)站設(shè)計(jì)公司掛職和下企業(yè)實(shí)踐的機(jī)會(huì)。2.5.2請(qǐng)進(jìn)來(lái)，邀請(qǐng)擁有豐富工作經(jīng)驗(yàn)的網(wǎng)站開發(fā)人員，在本課程中擔(dān)任外聘教師，負(fù)責(zé)帶領(lǐng)學(xué)生開發(fā)具體項(xiàng)目、綜合實(shí)訓(xùn)指導(dǎo)等工作。

3結(jié)束語(yǔ)

篇(2)

關(guān)鍵詞:網(wǎng)站設(shè)計(jì);技術(shù);應(yīng)用

1開發(fā)背景

如今網(wǎng)絡(luò)成為各單位、各企業(yè)宣傳自身的重要平臺(tái)。學(xué)校通過(guò)網(wǎng)站可以宣傳辦學(xué)理念、辦學(xué)特色,介紹專業(yè)設(shè)置情況和招生就業(yè)情況,讓師生可以更加直觀地了解學(xué)校,在如今網(wǎng)絡(luò)時(shí)代是很好的宣傳平臺(tái)。另外,隨著網(wǎng)絡(luò)技術(shù)的發(fā)展,網(wǎng)上預(yù)約、網(wǎng)上辦公系統(tǒng)也大大提高了辦事效率,節(jié)約了資源和時(shí)間。在教學(xué)資源共享方面,網(wǎng)絡(luò)平臺(tái)可以儲(chǔ)存和共享各類資料、信息等,各類交互式學(xué)習(xí)和教學(xué)平臺(tái)大大提高了教學(xué)效果。因此,加強(qiáng)網(wǎng)站建設(shè),拓展網(wǎng)站功能,提升辦公效率,不斷開發(fā)網(wǎng)絡(luò)技術(shù),是計(jì)算機(jī)更好的服務(wù)于人們的日常工作,是技術(shù)發(fā)展的需要,也是專業(yè)人員的職責(zé)。

2網(wǎng)站開發(fā)工具

本人根據(jù)工作需要,在本網(wǎng)站設(shè)計(jì)中結(jié)合實(shí)際選擇Dreamweaver8作為開發(fā)工具,運(yùn)用PhotoshopCP處理好圖片效果,應(yīng)用在網(wǎng)頁(yè)中,用Flash制作漂亮的動(dòng)畫,并在網(wǎng)頁(yè)中使用,Dreamweaver8是Macromedia公司的開發(fā)產(chǎn)品,是目前使用最為廣泛的網(wǎng)頁(yè)制作軟件。Dreamweaver8是一個(gè)集網(wǎng)頁(yè)創(chuàng)作、網(wǎng)站開發(fā)與站點(diǎn)管理于一身的超重量級(jí)的創(chuàng)作工具。

3網(wǎng)站的分析與布局

3.1網(wǎng)站的色彩分析

本文以我單位中專部網(wǎng)站為設(shè)計(jì)基礎(chǔ),網(wǎng)站基調(diào)顏色選擇是藍(lán)色為主。因?yàn)樗{(lán)色是冷色調(diào),給人以穩(wěn)重、冷靜的感覺(jué),同時(shí),藍(lán)色也代表著創(chuàng)新,也是許多人鐘愛(ài)的顏色。同時(shí)在設(shè)計(jì)過(guò)程中,藍(lán)色與其他色調(diào)進(jìn)行結(jié)合,通過(guò)對(duì)比,將藍(lán)色的樸實(shí)、穩(wěn)重、內(nèi)向性格與其他活躍、擴(kuò)張力的色彩進(jìn)行對(duì)比,給人以沉靜、理智、誠(chéng)實(shí)以及和平、淡雅、可靠等感覺(jué)。

3.2網(wǎng)站的內(nèi)容分析與布局

本文設(shè)計(jì)的網(wǎng)站是一個(gè)實(shí)用性的網(wǎng)站,是介紹宣傳中專部基本情況、辦學(xué)特色、教學(xué)與科研一體的綜合性網(wǎng)站。中專部網(wǎng)站建設(shè)的內(nèi)容是為了方便學(xué)校招生信息、教育教學(xué)改革成果、校內(nèi)各類新聞等。根據(jù)工作需要,結(jié)合設(shè)計(jì)的思路,網(wǎng)站的板塊計(jì)劃作如下圖1所示。本網(wǎng)站利用Dreamweaver進(jìn)行開發(fā),其功能目標(biāo)是要實(shí)現(xiàn)信息在線瀏覽的功能。本系統(tǒng)建成后,對(duì)各功能模塊進(jìn)行了反復(fù)的測(cè)試,經(jīng)過(guò)多次的修改各功能模塊已經(jīng)達(dá)到設(shè)計(jì)的要求。本網(wǎng)站開發(fā)技術(shù)先進(jìn)、功能模塊齊全并且具有較好的通用性。在本網(wǎng)站中界面的設(shè)計(jì)主要還是圖文結(jié)合,以簡(jiǎn)潔大方為主。

4網(wǎng)站測(cè)試與上傳

4.1網(wǎng)站的測(cè)試

網(wǎng)站制作完成后需要進(jìn)一步的測(cè)試和運(yùn)行,方便查看整體效果以及各模塊適應(yīng)情況。需要對(duì)網(wǎng)站進(jìn)行全面測(cè)試。軟件測(cè)試是為了發(fā)現(xiàn)程序中的錯(cuò)誤而執(zhí)行程序的過(guò)程。好的測(cè)試方案是極可能發(fā)現(xiàn)迄今為止尚未發(fā)現(xiàn)的錯(cuò)誤的測(cè)試方案。

4.2網(wǎng)站上傳

利用FlashFXP上傳做好的完整的網(wǎng)站內(nèi)容。FlashFXP是一款功能強(qiáng)大的FXP/FTP軟件,集成了其它優(yōu)秀的FTP軟件的優(yōu)點(diǎn),如CuteFTP的目錄比較,支持彩色文字顯示等;如BpFTP支持多目錄選擇文件,暫存目錄;又如LeapFTP的界面設(shè)計(jì)。支持目錄(和子目錄)的文件傳輸,刪除;支持上傳、下載以及第三方文件續(xù)傳;可以跳過(guò)指定的文件類型,只傳送需要的本件;可自定義不同文件類型的顯示顏色;暫存遠(yuǎn)程目錄列表,支持FTP及Socks3&4;有避免閑置斷線功能,防止被FTP平臺(tái)踢出;可顯示或隱藏具有“隱藏”屬性的文檔和目錄;支持每個(gè)平臺(tái)使用被動(dòng)模式等。在這一個(gè)章節(jié)中主要是網(wǎng)站的測(cè)試,通過(guò)IETESTER軟件對(duì)系統(tǒng)整體功能進(jìn)行測(cè)試,測(cè)試網(wǎng)頁(yè)在IE6、IE7、IE8瀏覽器是否能都能正常顯示。檢驗(yàn)本網(wǎng)站是否符合系統(tǒng)開發(fā)的目標(biāo),發(fā)現(xiàn)系統(tǒng)存在的問(wèn)題進(jìn)行改進(jìn),利用Flashfxp上傳網(wǎng)站,從任何瀏覽器都可以看到此網(wǎng)站,從而實(shí)現(xiàn)學(xué)院網(wǎng)站的開發(fā)目標(biāo)。

作者:張雪瑩 單位:永城職業(yè)學(xué)院

參考文獻(xiàn):

篇(3)

[關(guān)鍵詞] 電子商務(wù)網(wǎng)站 網(wǎng)絡(luò)數(shù)據(jù)庫(kù) ASP 服務(wù)器

一、引言

目前動(dòng)態(tài)網(wǎng)站設(shè)計(jì)技術(shù)主要有Perl/C++/Delphi等開發(fā)的CGI,以及3P技術(shù)(ASP、JSP、PHP）。其中ASP即Ative Server Page，由微軟公司開發(fā)，是一個(gè)WEB服務(wù)器端的開發(fā)環(huán)境，主要采用腳本語(yǔ)言VBScript、JavaScript等作為自己的開發(fā)語(yǔ)言，可用ODBC或直接驅(qū)動(dòng)法訪問(wèn)Windows平臺(tái)的數(shù)據(jù)庫(kù)。

電子商務(wù)網(wǎng)站的設(shè)計(jì)主要包括“網(wǎng)站結(jié)構(gòu)的設(shè)計(jì)”、“注冊(cè)界面”、“交易界面”、“后臺(tái)數(shù)據(jù)庫(kù)”，以及“配套模塊”諸如購(gòu)物、用戶、論壇、反饋、搜索、會(huì)話等設(shè)計(jì)。本文只給出統(tǒng)一的前臺(tái)界面及后臺(tái)數(shù)據(jù)庫(kù)的設(shè)計(jì)方法。

二、構(gòu)建ASP運(yùn)行環(huán)境

ASP的運(yùn)行環(huán)境：NT 5.0 Server,IIS 5.0和ASP。安裝Windows 2000 Server時(shí)選擇IIS 5.0有關(guān)選項(xiàng)。安裝完后ASP便內(nèi)嵌于IIS 5.0中。測(cè)試ASP的方法:啟動(dòng)瀏覽器，在地址欄處輸127.0.0.1:80/default.asp,若瀏覽到IIS服務(wù)器的ASP歡迎頁(yè)面，說(shuō)明安裝成功。

三、生成動(dòng)態(tài)表單頁(yè)面

為了通用,這里采用可能用到的表單對(duì)象為例，至于下面設(shè)計(jì)具體數(shù)據(jù)表用到的字段，只要轉(zhuǎn)成給出的表單域相應(yīng)對(duì)象即可。

用ASP動(dòng)態(tài)生成與數(shù)據(jù)庫(kù)進(jìn)行數(shù)據(jù)交互的操作表單：form.asp，主要生成表單域頭、生成普通文本、生成密碼文本、生成滾動(dòng)文本、生成單選、生成復(fù)選、生成列表框、生成提交按鈕、生成重填按鈕、生成表單域尾。

四、設(shè)計(jì)用于存儲(chǔ)商務(wù)網(wǎng)站交互數(shù)據(jù)的MySql數(shù)據(jù)庫(kù)

可在NT 5.0下用啟動(dòng)服務(wù)法、NET命令法等啟動(dòng)MySql數(shù)據(jù)庫(kù)服務(wù)器，啟動(dòng)數(shù)據(jù)庫(kù)服務(wù)器后，開始建立MySql數(shù)據(jù)庫(kù)tradedb，接著建立MySql數(shù)據(jù)庫(kù)表，這里以商務(wù)網(wǎng)站中常用的幾種數(shù)據(jù)表為例，表結(jié)構(gòu)如下：

客戶登錄管理數(shù)據(jù)表：

users ( ID, UserName, Password )

客戶信息數(shù)據(jù)表：

usermessage ( UserName, Email, Address, Fax ,Phone , Cerreycard)

客戶定購(gòu)商品數(shù)據(jù)表：

catalog ( ProductId, Name , Price, Description )

五、設(shè)計(jì)處理表單數(shù)據(jù)的ASP程序

在form_perform.asp中建立與數(shù)據(jù)庫(kù)的連接，這里采用直接驅(qū)動(dòng)法：set conn = Server.CreateObject(“ADODB.Connection”)； conn.open “driver={MySQL};server=localhost;uid=sa;pwd=sa;database=tradedb”。

獲取表單提交的數(shù)據(jù)：data1=request(“data1”)；data2=request(“data2”)；

用SQL語(yǔ)句對(duì)數(shù)據(jù)庫(kù)進(jìn)行操作，查詢數(shù)據(jù)記錄：sql=“select * from tablename” ；set rs=conn.execute(sql) ；

增加數(shù)據(jù)記錄：sql=“insert into tablename(data1,data2) values(’data1‘,’data2‘)”； set rs=conn.execute(sql)；

更改某條數(shù)據(jù)記錄：sql = “ update tablename set data1=”request(‘data1’)“where ID=”num“”； set rs=conn.execute(sql)；

刪除某條數(shù)據(jù)記錄：sql = “delete from tablename where ID=”num“”；set rs=conn.execute(sql)；

六、總結(jié)

考慮篇幅,本文沒(méi)有對(duì)Linux平臺(tái)、網(wǎng)站結(jié)構(gòu)、各個(gè)功能模塊設(shè)計(jì)等，只給出了Windows平臺(tái)上，電子商務(wù)網(wǎng)站設(shè)計(jì)中的主要環(huán)節(jié)的代碼設(shè)計(jì)。除了MsSql數(shù)據(jù)庫(kù)，還可操作Windows平臺(tái)上的Access/ Foxpro/Informix/Oracle等數(shù)據(jù)庫(kù),考慮MySql的許多方便的特點(diǎn),本文以此為例,做了一些有益的工作。

篇(4)

實(shí)踐表明，個(gè)體的發(fā)展主要是靠能力、具體的知識(shí)、技能，教育過(guò)程必須逐步使學(xué)生獲得這種無(wú)形的、可持續(xù)發(fā)展的、內(nèi)化的、人本的、個(gè)性的能力。所謂工作過(guò)程，指的是個(gè)體“為完成一件工作任務(wù)并獲得工作成果而進(jìn)行的一個(gè)完整的工作程序”。工作過(guò)程系統(tǒng)化課程主要體現(xiàn)為課程內(nèi)容的選擇和課程內(nèi)容的排序。

（一）課程內(nèi)容的選擇

選擇的課程內(nèi)容要以職業(yè)資格為標(biāo)準(zhǔn)，使學(xué)生的知識(shí)、技能和價(jià)值觀的學(xué)習(xí)融合為一體。高職生大多以形象思維為主，因此要設(shè)計(jì)和一定的環(huán)境和背景聯(lián)系在一起的課程內(nèi)容，重點(diǎn)在于讓學(xué)生掌握“怎樣做”和“怎樣做更好”的過(guò)程性知識(shí)，陳述性知識(shí)為輔助。

（二）課程內(nèi)容的排序

課程內(nèi)容的排序包括形式上和實(shí)質(zhì)上的序化結(jié)構(gòu)。這要求對(duì)課程內(nèi)容排序時(shí)，要從“3+6+6”這三方面考慮：一是從專業(yè)能力、方法能力和社會(huì)能力3個(gè)維度描述工作過(guò)程；二是從“對(duì)象、內(nèi)容、手段、組織、產(chǎn)品、環(huán)境”6個(gè)要素描述；三是從“資訊、決策、計(jì)劃、實(shí)施、檢查、評(píng)價(jià)”6個(gè)步驟強(qiáng)調(diào)工作過(guò)程。

二、學(xué)習(xí)情境設(shè)計(jì)的基本思路

（一）通過(guò)分析崗位群和職業(yè)技能確定課程

課程設(shè)計(jì)的思路是依據(jù)對(duì)崗位群和對(duì)應(yīng)的職業(yè)技能的分析，培養(yǎng)出適應(yīng)于各行業(yè)移動(dòng)應(yīng)用的前端開發(fā)工程師、UI設(shè)計(jì)師、網(wǎng)站開發(fā)工程師、交互設(shè)計(jì)工程師等崗位的高端技能型專門人才。

（二）課程學(xué)習(xí)情境的挑選依據(jù)

作為基于工作過(guò)程系統(tǒng)化的《移動(dòng)互聯(lián)網(wǎng)站設(shè)計(jì)》課程，立足于移動(dòng)互聯(lián)網(wǎng)發(fā)展進(jìn)入到第三個(gè)階段的時(shí)代大背景，結(jié)合廣東行業(yè)的發(fā)展現(xiàn)狀以及新趨勢(shì)下造成的人才缺口，認(rèn)真解剖案例，是體現(xiàn)以學(xué)生為主體的學(xué)習(xí)領(lǐng)域課程，其教學(xué)方式上有如下特點(diǎn)：

（1）強(qiáng)調(diào)以學(xué)生直接經(jīng)驗(yàn)的形式；

（2）增強(qiáng)學(xué)生關(guān)于職業(yè)內(nèi)容和工作環(huán)境的感性認(rèn)識(shí)，進(jìn)而獲得與職業(yè)相關(guān)的專業(yè)知識(shí)和技能；

（3）通過(guò)典型移動(dòng)互聯(lián)網(wǎng)頁(yè)的案例來(lái)設(shè)計(jì)與制作，來(lái)掌握融合于實(shí)踐行動(dòng)中的新知識(shí)、新技能。

（三）面向工作過(guò)程的學(xué)習(xí)情境的能力分析

從2011年起，我們就開始通過(guò)社會(huì)需求調(diào)研、畢業(yè)生回訪、企業(yè)一線技術(shù)人員反饋信息、參加國(guó)家級(jí)職業(yè)技能大賽，形成和完善“移動(dòng)互聯(lián)網(wǎng)站設(shè)計(jì)”課程的典型工作任務(wù)，以源于企業(yè)、經(jīng)過(guò)教學(xué)改造的典型網(wǎng)頁(yè)為載體，重構(gòu)了體現(xiàn)移動(dòng)互聯(lián)網(wǎng)站設(shè)計(jì)的工作過(guò)程性知識(shí)與技能體系的學(xué)習(xí)領(lǐng)域課程，更結(jié)合社會(huì)發(fā)展趨勢(shì)形成了課程的學(xué)習(xí)情境。在設(shè)計(jì)課程的學(xué)習(xí)情境時(shí)，從專業(yè)能力、方法能力、社會(huì)能力三方面考慮：

1.專業(yè)能力

全面了解移動(dòng)互聯(lián)網(wǎng)站建設(shè)與管理等相關(guān)知識(shí)，掌握移動(dòng)互聯(lián)網(wǎng)站方案策劃、設(shè)計(jì)、實(shí)現(xiàn)，根據(jù)產(chǎn)品需求和設(shè)計(jì)圖完成網(wǎng)站前端頁(yè)面制作，保證頁(yè)面的瀏覽器兼容性，優(yōu)化前端頁(yè)面體驗(yàn)和頁(yè)面響應(yīng)速度，維護(hù)網(wǎng)站整體結(jié)構(gòu)。

2.方法能力

掌握網(wǎng)站頁(yè)面的JS等交互原型的制作，CSS、模板的維護(hù)，策劃、設(shè)計(jì)各種網(wǎng)站專題頁(yè)面，設(shè)計(jì)合適的網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)；掌握靜態(tài)HTML頁(yè)面制作，網(wǎng)站皮膚整體設(shè)計(jì)，界面設(shè)計(jì)、CSS高級(jí)使用、動(dòng)態(tài)網(wǎng)站的簡(jiǎn)單應(yīng)用，能夠做出獨(dú)出心裁的頁(yè)面設(shè)計(jì)及實(shí)用性高的作品。

3.社會(huì)能力

具備不斷探索新技術(shù)發(fā)展方向，結(jié)合實(shí)際不斷創(chuàng)新的能力，工作主動(dòng)熱情，有恒心和責(zé)任心，邏輯性強(qiáng)，注重細(xì)節(jié)，有良好的溝通能力和團(tuán)隊(duì)意識(shí)，能夠勝任移動(dòng)互聯(lián)網(wǎng)站及移動(dòng)互聯(lián)應(yīng)用界面的各類工作。

（四）課程學(xué)習(xí)情境的設(shè)置思路

經(jīng)過(guò)在原有課程的幾年探索和積累，依據(jù)當(dāng)前移動(dòng)互聯(lián)網(wǎng)站設(shè)計(jì)的“對(duì)象、內(nèi)容、手段、組織、產(chǎn)品、環(huán)境”的6個(gè)要素，從以下幾個(gè)方面進(jìn)行課程內(nèi)容的設(shè)置。

1.從就業(yè)崗位的趨勢(shì)需要出發(fā)

按照以技能為核心、市場(chǎng)職業(yè)崗位需求為導(dǎo)向選擇教學(xué)內(nèi)容。在實(shí)際調(diào)查的基礎(chǔ)上，以網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站前端開發(fā)，網(wǎng)站建設(shè)的綜合技能為主線，使學(xué)生掌握一個(gè)基礎(chǔ)，培養(yǎng)學(xué)生五大關(guān)鍵能力并按教學(xué)內(nèi)容劃分五大模塊的模塊化教學(xué)內(nèi)容體系。

2.以培養(yǎng)崗位綜合技能為主線

這種基層崗位綜合技能，是為了適應(yīng)企事業(yè)單位在構(gòu)建網(wǎng)站平臺(tái)時(shí)對(duì)具有實(shí)踐性人才的復(fù)合能力的要求。既區(qū)別于單獨(dú)的網(wǎng)站建設(shè)的戰(zhàn)略規(guī)劃能力，又區(qū)別于以單獨(dú)使用網(wǎng)站從事生產(chǎn)、營(yíng)銷、財(cái)務(wù)等職業(yè)技能。整個(gè)課程的教學(xué)內(nèi)容以這種綜合技能為主線進(jìn)行設(shè)計(jì)。

3.培養(yǎng)學(xué)生具備適應(yīng)變化的能力

包括夠用的網(wǎng)頁(yè)美術(shù)設(shè)計(jì)基礎(chǔ)、網(wǎng)頁(yè)語(yǔ)言基礎(chǔ)、交互設(shè)計(jì)基礎(chǔ)，以及網(wǎng)站規(guī)劃、管理、基礎(chǔ)維護(hù)等，且知識(shí)貫穿在實(shí)際應(yīng)用中講授，目標(biāo)是讓學(xué)生掌握必備的知識(shí)和原理，并具備適應(yīng)不斷變化的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)的能力。

4.培養(yǎng)學(xué)生五大關(guān)鍵能力

本課程要重點(diǎn)培養(yǎng)學(xué)生的五大關(guān)鍵能力，即網(wǎng)頁(yè)設(shè)計(jì)能力、網(wǎng)站建設(shè)、創(chuàng)新能力、與客戶溝通能力、項(xiàng)目組內(nèi)成員的合作能力。這五大能力是一個(gè)網(wǎng)站開發(fā)人員的獲得成功的必備能力。在本課程中，在介紹基本知識(shí)、原理的基礎(chǔ)上，重點(diǎn)放在圍繞網(wǎng)站設(shè)計(jì)工作過(guò)程所需的實(shí)用技能上，并把這五種能力的培養(yǎng)貫穿本課程的始終。

5.符合形象思維特點(diǎn)的教學(xué)方法

采用項(xiàng)目出題法、項(xiàng)目模擬法、合作法、問(wèn)調(diào)法、沖浪法、崗位法這6種與高職學(xué)生形象思維相適應(yīng)的教學(xué)方法，為學(xué)生創(chuàng)設(shè)掌握與運(yùn)用知識(shí)的背景和環(huán)境。

（1）項(xiàng)目出題法。

請(qǐng)企業(yè)人士或社區(qū)人員按照實(shí)際需求出題，或者教師從現(xiàn)存的實(shí)際網(wǎng)站或APP中挑選，根據(jù)當(dāng)時(shí)講授的內(nèi)容對(duì)題目進(jìn)行加工后提供給學(xué)生，這樣學(xué)生所做的作業(yè)與企業(yè)相適應(yīng)，培養(yǎng)出適合市場(chǎng)需求的人才。

（2）項(xiàng)目模擬法。

建立模擬網(wǎng)站、網(wǎng)頁(yè)，開發(fā)實(shí)際軟件項(xiàng)目。學(xué)生建立自己的個(gè)人主頁(yè)，讓學(xué)生在網(wǎng)上個(gè)人主頁(yè)，學(xué)生全員參與評(píng)估；與此同時(shí)，把網(wǎng)上PC版的網(wǎng)頁(yè)（網(wǎng)站）改為移動(dòng)版本，傳送到智能終端以檢查效果。部分同學(xué)參與實(shí)際計(jì)算機(jī)軟件項(xiàng)目的開發(fā)。

（3）合作法。

要求學(xué)生在課上課下以組為單位組成項(xiàng)目組，進(jìn)行討論、研究、設(shè)計(jì)本組的項(xiàng)目，形成本組的方案。這種方式既挖掘了學(xué)生的個(gè)人創(chuàng)新能力，又能培養(yǎng)溝通與協(xié)作能力。

（4）問(wèn)調(diào)法。

組織學(xué)生進(jìn)行校園、社區(qū)、社會(huì)調(diào)查。有條件時(shí)，直接訪問(wèn)企業(yè)一線人員，組織學(xué)生與企業(yè)人員的對(duì)話活動(dòng)。

（5）網(wǎng)絡(luò)沖浪法。

根據(jù)教學(xué)進(jìn)度需要，引導(dǎo)學(xué)生登陸有關(guān)網(wǎng)站，收集并整理素材資料，了解行業(yè)企業(yè)狀況，學(xué)習(xí)最新知識(shí)，思考與分析現(xiàn)實(shí)問(wèn)題。

（6）崗位法。

以就業(yè)崗位為導(dǎo)向，實(shí)行以能力為中心的開放式、全程化的情景教學(xué)。

（五）基于工作過(guò)程系統(tǒng)化的學(xué)習(xí)情境

根據(jù)移動(dòng)互聯(lián)網(wǎng)站設(shè)計(jì)的主要應(yīng)用和當(dāng)前設(shè)計(jì)趨勢(shì)，在課程內(nèi)容上設(shè)計(jì)了如下的學(xué)習(xí)情境。

三、結(jié)語(yǔ)

篇(5)

關(guān)鍵詞 網(wǎng)站設(shè)計(jì) 控件

中圖分類號(hào)：TP315 文獻(xiàn)標(biāo)識(shí)碼：A

毫不夸張地說(shuō)，計(jì)算機(jī)的出現(xiàn)，在給我們生活、工作、學(xué)習(xí)帶來(lái)便利的同時(shí)，也在一定程度上改變了我們的生活習(xí)慣和生活方式，隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，人們對(duì)于計(jì)算機(jī)的依賴性也越來(lái)越強(qiáng)，對(duì)于計(jì)算機(jī)技術(shù)提出了更高的要求?；ヂ?lián)網(wǎng)發(fā)展之初，Web憑借其圖文并茂、音頻技術(shù)以及可以進(jìn)行有限的內(nèi)部交互，得到了企業(yè)的青睞，隨著Web的不斷完善，逐漸形成了HTML、DHTML、ASP以及。是由微軟公司推出的一款以建立動(dòng)態(tài)網(wǎng)站為目的的網(wǎng)站制作技術(shù)，與傳統(tǒng)的網(wǎng)站制作技術(shù)相比，面向的對(duì)象群體較為廣泛，便于操作，具有較強(qiáng)的靈活性，因此，在各個(gè)領(lǐng)域的動(dòng)態(tài)網(wǎng)站制作中得到了廣泛應(yīng)用。

1 概述

基于設(shè)計(jì)網(wǎng)站，可以使用多種語(yǔ)言進(jìn)行編寫，只要一臺(tái)機(jī)器上具備框架，那么這個(gè)網(wǎng)站就可以正常運(yùn)行?；诘木W(wǎng)站設(shè)計(jì)打破了網(wǎng)站設(shè)計(jì)的局限性，網(wǎng)站設(shè)計(jì)者只要掌握一種編寫語(yǔ)言，就可以對(duì)極為繁瑣的Web應(yīng)用進(jìn)行編寫，與傳統(tǒng)的開發(fā)模式相比，具有高效率、強(qiáng)大支持、便于操作、靈活性強(qiáng)以及安全性高等優(yōu)勢(shì)。

2 服務(wù)器端組件

我們將服務(wù)器端用于放置組件的容器稱之為 Web窗體。它是以文本文件的形式體現(xiàn)出來(lái)的（. aspx）。值得注意的是，在對(duì)其進(jìn)行編譯時(shí)，只需要一次就可以實(shí)現(xiàn)，同時(shí)，如果其它實(shí)例需要，也可以直接申請(qǐng)，再次使用。即使是在虛擬的根目錄樹下， Web窗體網(wǎng)頁(yè)也可以正常使用， Web窗體的架構(gòu)為可伸縮的程序模塊，這個(gè)程序模塊的任務(wù)就是在服務(wù)器端，進(jìn)行動(dòng)態(tài)網(wǎng)頁(yè)的創(chuàng)建。

中包含著許多簡(jiǎn)單但是非常實(shí)用的控件：在諸多控件中，最為常用也是最為簡(jiǎn)單的就是Label控件，其主要任務(wù)就是將某段文本進(jìn)行輸出，并且其中的Text屬性能夠?qū)敵龅奈谋具M(jìn)行自定義設(shè)置。

當(dāng)我們需要輸出某張圖片時(shí)，就需要Image控件來(lái)實(shí)現(xiàn)，通過(guò)Image Url就可以對(duì)圖片的位置進(jìn)行調(diào)整。除此之外，我們還可以憑借動(dòng)態(tài)屬性，對(duì)這張圖片的動(dòng)態(tài)屬性進(jìn)行改變。

用戶可以在網(wǎng)頁(yè)上輸入文本，這個(gè)功能就是由Text Box控件實(shí)現(xiàn)的，它的值主要有三種體現(xiàn)形式：其一，編輯框（Single Line），單行輸入模式。其二，文本框（Multi Line），可進(jìn)行多行輸入，并且?guī)в袧L動(dòng)條。其三，密碼輸入框（Pass Word），密碼輸入模式。

我們?cè)诰W(wǎng)站上看到的一些普通按鈕，比如網(wǎng)上購(gòu)物進(jìn)行訂單提交、網(wǎng)站退出確定按鈕等，都是由Button控件實(shí)現(xiàn)的。此外可以進(jìn)行普通按鈕創(chuàng)建的還有Link Button控件，該控件的主要功能是在Web上實(shí)現(xiàn)超鏈接，也就是說(shuō)，當(dāng)我們?cè)跒g覽一個(gè)網(wǎng)站時(shí)，當(dāng)我們點(diǎn)擊某一圖片或某一段文本時(shí)，可以跳轉(zhuǎn)到另一個(gè)網(wǎng)站。需要注意的是，Link Button控件與Hyper Link控件的外觀相同，但是與Button空間的功能一致，如果網(wǎng)站中涉及到超鏈接，此時(shí)，我們將使用Hyper Link控件。

Image Button控件不僅能夠顯示圖像，而且當(dāng)鼠標(biāo)點(diǎn)擊到圖像上時(shí)，能夠做出相應(yīng)的反應(yīng)。

Check Box和Check Box List控件都是用來(lái)在web頁(yè)面上創(chuàng)建復(fù)選框，允許用戶進(jìn)行true和false的轉(zhuǎn)換。如果涉及的Check Box的控件較多，我們可以用Check Box List控件取代，并且與前者相比，Check Box List控件能夠?qū)?shù)據(jù)進(jìn)行綁定。但是，如果只存在一個(gè)Check Box控件，可以對(duì)Web頁(yè)面進(jìn)行更多控制。兩者之間具有相似屬性。Auto Post Back屬性表示一旦狀態(tài)被更改，是否將其自動(dòng)回發(fā)到服務(wù)器上。如果自動(dòng)回發(fā)，則設(shè)置成true，反之，設(shè)置成false。如果需要添加選項(xiàng)，則用到Check Box List控件中的Items屬性，具體操作方法是：?jiǎn)螕粲疫叿叫伟粹o，彈出對(duì)話框，點(diǎn)擊添加按鈕。

Radio Button、Radio Button List控件與Check Box、Check Box List控件無(wú)論是在關(guān)系上，還是在用法上都極為相似，區(qū)別主要體現(xiàn)在：Radio Button和Check Box只有一個(gè)選項(xiàng)可供選擇，其余兩者能夠復(fù)選。

List控件是用來(lái)進(jìn)行單選框或者多選框的創(chuàng)建，通過(guò)Rows屬性，對(duì)目標(biāo)控件進(jìn)行高度設(shè)定，如果涉及多項(xiàng)選擇，要將Selection Mode屬性設(shè)置為Multiple。在Items屬性下，就可以進(jìn)行添加選項(xiàng)。

我們?cè)跒g覽網(wǎng)站的時(shí)候，為了獲取更多或者未完全顯示信息，需要將右側(cè)滾動(dòng)條進(jìn)行下拉控制，而這部分的實(shí)現(xiàn)就是由Drop Down List控件完成的。同樣，在Items屬性下，就可以進(jìn)行添加選項(xiàng)。

List Box和Drop Down List控件都支持?jǐn)?shù)據(jù)綁定。若要將控件綁定到數(shù)據(jù)源，先要?jiǎng)?chuàng)建一個(gè)包含要顯示在控件中的項(xiàng)的數(shù)據(jù)源，然后通過(guò)Data Bind方法將該數(shù)據(jù)源綁定到控件上。

此外，當(dāng)我們需要在網(wǎng)站上進(jìn)行注冊(cè)時(shí)，都需要填寫一些帶有個(gè)人信息以及其它信息的電子表單，其中，有些選項(xiàng)，比如用戶名、密碼等屬于必填選項(xiàng)，而有些內(nèi)容則為可選。并且，諸如郵箱、聯(lián)系方式等內(nèi)容一旦格式錯(cuò)誤，還需要進(jìn)行提示，這些內(nèi)容的實(shí)現(xiàn)都是由數(shù)據(jù)驗(yàn)證控件實(shí)現(xiàn)的。

3結(jié)語(yǔ)

在了解上述中的控件之后，網(wǎng)站設(shè)計(jì)人員就可以更好地對(duì)動(dòng)態(tài)網(wǎng)站進(jìn)行設(shè)計(jì)，并且在逐漸的開發(fā)設(shè)計(jì)中，不斷提高自身的設(shè)計(jì)能力和審美能力，從而為企業(yè)設(shè)計(jì)出更加絢爛的動(dòng)態(tài)網(wǎng)站。

參考文獻(xiàn)

篇(6)

項(xiàng)目一：個(gè)人網(wǎng)站的設(shè)計(jì)與制作。隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，個(gè)人網(wǎng)站已成為人們展示自己的一種手段。本項(xiàng)目將通過(guò)制作一個(gè)簡(jiǎn)單的“鴻瀾”個(gè)人網(wǎng)站，從任務(wù)資訊、任務(wù)決策與計(jì)劃、任務(wù)實(shí)施、任務(wù)檢查與評(píng)估和練習(xí)與提高五個(gè)方面進(jìn)行描述，了解個(gè)人網(wǎng)站規(guī)劃與設(shè)計(jì)的基本原則和主要內(nèi)容，熟悉網(wǎng)站建設(shè)的基本流程，掌握Dreamweaver的基本操作和表格布局排版技術(shù)，認(rèn)識(shí)HTML語(yǔ)言的基本結(jié)構(gòu)和常用標(biāo)記符<table>、<img>、<font>、<p>、<br>等使用方法，培養(yǎng)學(xué)生團(tuán)隊(duì)合作和獨(dú)立思考的意識(shí)，養(yǎng)成良好的職業(yè)素養(yǎng)，為制作更加復(fù)雜的網(wǎng)站做好知識(shí)準(zhǔn)備。項(xiàng)目二：電子商務(wù)類網(wǎng)站的設(shè)計(jì)與制作。21世紀(jì)以來(lái)，電子商務(wù)伴隨著IT的成熟，逐漸發(fā)展壯大，成為網(wǎng)絡(luò)經(jīng)濟(jì)的核心。企業(yè)通過(guò)電子商務(wù)網(wǎng)站實(shí)現(xiàn)了宣傳公司形象、企業(yè)動(dòng)態(tài)、產(chǎn)品展示、網(wǎng)上訂單、網(wǎng)上交易等功能，與客戶間的距離進(jìn)一步貼近。本項(xiàng)目通過(guò)完成整個(gè)電子商務(wù)網(wǎng)站的設(shè)計(jì)與制作，相關(guān)內(nèi)容層層展開，在學(xué)生頭腦中形成“如何搭建整體網(wǎng)站”的概念。項(xiàng)目三：中小企業(yè)網(wǎng)站的設(shè)計(jì)與制作。作為企業(yè)類網(wǎng)站，主要實(shí)現(xiàn)的功能首先是具有較強(qiáng)的盈利能力。其次網(wǎng)站是企業(yè)樹立形象和展現(xiàn)文化的重要窗口，是為顧客提供服務(wù)的一個(gè)工具，是企業(yè)整體營(yíng)銷戰(zhàn)略的一部分。常見功能有企業(yè)信息、新聞中心、產(chǎn)品展廳、人力資源、會(huì)員中心、留言反饋等。本項(xiàng)目通過(guò)某一中小企業(yè)類網(wǎng)站的整體設(shè)計(jì)，培養(yǎng)學(xué)生在學(xué)習(xí)過(guò)程中發(fā)現(xiàn)問(wèn)題、解決問(wèn)題的能力，提高學(xué)習(xí)的主觀能動(dòng)性。項(xiàng)目四：主題網(wǎng)站的設(shè)計(jì)與制作。本項(xiàng)目給出網(wǎng)站設(shè)計(jì)與制作的如下要點(diǎn)：（1）建立網(wǎng)站站點(diǎn)；（2）建立網(wǎng)站頁(yè)面（首頁(yè)為：index.html），頁(yè)面元素完整；（3）應(yīng)用表格或者div、css布局頁(yè)面；（4）在頁(yè)面中插入文字，并用css美化文字大小、字體、顏色等效果；（5）在頁(yè)面中添加超級(jí)鏈接，并用css美化超級(jí)鏈接；（6）建立模板，并制作其他頁(yè)面；（7）至少完成8個(gè)及以上頁(yè)面，頁(yè)面標(biāo)題欄、狀態(tài)欄、版權(quán)等信息齊全；（8）頁(yè)面中超級(jí)鏈接如沒(méi)有鏈接頁(yè)面以空鏈接（#）代替。學(xué)生根據(jù)以上設(shè)計(jì)要求，結(jié)合所學(xué)內(nèi)容，從旅游類網(wǎng)站、時(shí)尚類網(wǎng)站、教育類網(wǎng)站、門戶類網(wǎng)站等幾個(gè)大類中選擇某一項(xiàng)進(jìn)行設(shè)計(jì)制作。教師將根據(jù)學(xué)生完成情況的復(fù)雜程度和實(shí)際效果給予評(píng)價(jià)，鍛煉了學(xué)生的實(shí)踐動(dòng)手能力，增強(qiáng)了自信心和學(xué)習(xí)興趣。

二、教學(xué)素材的選用方法

教學(xué)素材是以完成課堂教學(xué)任務(wù)為目的，以教師引導(dǎo)學(xué)生開展課堂活動(dòng)的形式呈現(xiàn)的教學(xué)材料。1.合理性。以個(gè)人網(wǎng)站設(shè)計(jì)來(lái)說(shuō)，文本的制作上講求清晰、明了、突顯個(gè)性化，Logo和導(dǎo)航的字體、字號(hào)設(shè)計(jì)可以依個(gè)人的喜好采取不規(guī)則式，選擇跳躍感強(qiáng)的色彩。在圖像的選取上也是以色彩豐富、形狀多樣的圖案為主。2.整體性。選用的教學(xué)素材要能夠自然、貼切地把各個(gè)知識(shí)點(diǎn)整合在一起，教學(xué)素材要服務(wù)于教學(xué)目標(biāo)，要突出教學(xué)的重點(diǎn)。電子商務(wù)類網(wǎng)站以從事電子商務(wù)為主，對(duì)安全、穩(wěn)定等性能要求較高，比較考驗(yàn)網(wǎng)站中運(yùn)行的程序。在知識(shí)點(diǎn)上以表格嵌套、模版運(yùn)用、腳本語(yǔ)言和行為語(yǔ)句為重點(diǎn)進(jìn)行講解。3.現(xiàn)實(shí)性和針對(duì)性。課堂教學(xué)中選取的素材要符合學(xué)生的認(rèn)知水平和實(shí)際生活，教師可以從具體教學(xué)對(duì)象的特殊性出發(fā)，根據(jù)教學(xué)對(duì)象因人、因地、因時(shí)選材，為他們“量身定制”針對(duì)性較強(qiáng)的教學(xué)素材，如在教授電子商務(wù)專業(yè)學(xué)生時(shí)，素材的選取多以電子商務(wù)平臺(tái)或某一個(gè)人網(wǎng)店為主，以便引導(dǎo)學(xué)生從自己熟悉的教學(xué)素材中直觀體驗(yàn)獲取知識(shí)、提高能力的喜悅。

三、教學(xué)模式在教材中的運(yùn)用

在《網(wǎng)頁(yè)設(shè)計(jì)與制作》校本教材的開發(fā)上主要采用“基于過(guò)程的項(xiàng)目式教學(xué)法”。即“在引導(dǎo)學(xué)習(xí)者融入有意義的項(xiàng)目完成的過(guò)程之中，讓學(xué)習(xí)者積極地探究與發(fā)現(xiàn)，自主地進(jìn)行知識(shí)的整合與建構(gòu)，以現(xiàn)實(shí)的、學(xué)生生成的新知識(shí)和提高的完成項(xiàng)目任務(wù)的能力為主要成就目標(biāo)，項(xiàng)目完成的過(guò)程也是學(xué)習(xí)者學(xué)習(xí)活動(dòng)進(jìn)行的過(guò)程”。為此，以項(xiàng)目作品開發(fā)為主線，把教材中的范例網(wǎng)站分解成若干個(gè)子任務(wù)，將課程標(biāo)準(zhǔn)中的圖像處理、動(dòng)畫制作、音視頻處理、網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)制作、站點(diǎn)維護(hù)等多方面的知識(shí)點(diǎn)融入其中，在整個(gè)課堂教學(xué)實(shí)施中，教師根據(jù)網(wǎng)站設(shè)計(jì)開發(fā)的實(shí)際工作順序安排，以作品演示的方式從頭至尾帶領(lǐng)學(xué)生操作，讓其感受網(wǎng)站從無(wú)到有一步步制作的全過(guò)程，有助于提高學(xué)生的學(xué)習(xí)興趣，培養(yǎng)其創(chuàng)新設(shè)計(jì)能力。

四、結(jié)語(yǔ)

篇(7)

據(jù)記者了解，“兒童網(wǎng)絡(luò)項(xiàng)目”是由德國(guó)聯(lián)邦文化與媒體專署和德國(guó)聯(lián)邦家庭事務(wù)、老年、婦女及青年部于2008年發(fā)起的，其目的是為了借助政府、研究機(jī)構(gòu)和企業(yè)的合作，讓網(wǎng)絡(luò)真正成為孩子們成長(zhǎng)的幫手。該項(xiàng)目主要針對(duì)8—12歲的兒童。到目前為止，項(xiàng)目組已推出近100個(gè)適合兒童的高質(zhì)量網(wǎng)站。孩子們可以在家及學(xué)校，在家長(zhǎng)和老師的指導(dǎo)下進(jìn)入這些網(wǎng)站。

一位項(xiàng)目負(fù)責(zé)人告訴記者，在孩子上這些網(wǎng)站前，家長(zhǎng)、老師和學(xué)校只需在電腦上安裝一個(gè)保護(hù)軟件。打開網(wǎng)頁(yè)后，孩子們可以見到一個(gè)“我的首頁(yè)”，首頁(yè)可按需要設(shè)計(jì)，有兒童網(wǎng)絡(luò)社交、網(wǎng)絡(luò)搜索、兒童百科書、兒童電視節(jié)目等。

記者看到，網(wǎng)站設(shè)計(jì)新穎巧妙，內(nèi)容實(shí)用，非常符合兒童特點(diǎn)。比如，“建筑學(xué)大冒險(xiǎn)”網(wǎng)站設(shè)計(jì)了一個(gè)在線游戲。孩子們可以通過(guò)對(duì)城市建筑、綠地和交通狀況的考察，完成游戲設(shè)定的任務(wù)。游戲?qū)ㄖ氖┕ぜ夹g(shù)、藝術(shù)風(fēng)格、資金投入和社會(huì)環(huán)境都有相應(yīng)的介紹，讓孩子們?cè)谕嬷袑W(xué)，學(xué)中玩。這些網(wǎng)站還包括類似谷歌、臉書等實(shí)用性專門網(wǎng)站，不過(guò)在這里已經(jīng)過(guò)濾了不健康的內(nèi)容，只有兒童參與交流。此外，還有針對(duì)殘障兒童的網(wǎng)站，令這些兒童也可以通過(guò)網(wǎng)站觀看連載故事、玩游戲、做練習(xí)，豐富他們的日常生活。

為了讓該項(xiàng)目順利運(yùn)行，幾年來(lái)，德國(guó)聯(lián)邦文化與媒體專署每年出資100萬(wàn)歐元（1歐元約合人民幣8元），德國(guó)聯(lián)邦家庭事務(wù)、老年、婦女及青年部則每年出資50萬(wàn)歐元。此外，一些企業(yè)也給予了贊助。每年，相關(guān)研究機(jī)構(gòu)和企業(yè)可遞交申請(qǐng)，為所開發(fā)的兒童網(wǎng)頁(yè)項(xiàng)目申請(qǐng)資金支持?！皟和W(wǎng)絡(luò)項(xiàng)目”組的專家進(jìn)行論證后，優(yōu)秀者可獲得資金。申請(qǐng)通過(guò)后，這些網(wǎng)頁(yè)都將進(jìn)入由fragFINN.de公司開發(fā)的網(wǎng)絡(luò)空間，被孩子們“擇優(yōu)”使用。為了宣傳這個(gè)項(xiàng)目，項(xiàng)目組每年還推出《網(wǎng)上沖浪無(wú)風(fēng)險(xiǎn)》小冊(cè)子。這本冊(cè)子里，介紹了這個(gè)項(xiàng)目的各種背景知識(shí)，還指導(dǎo)孩子們健康又安全的上網(wǎng)方法。

對(duì)于“兒童網(wǎng)絡(luò)項(xiàng)目”，家長(zhǎng)和老師都給予了很高評(píng)價(jià)。柏林家長(zhǎng)克勞蒂亞對(duì)記者說(shuō)，這個(gè)項(xiàng)目解決了家長(zhǎng)的后顧之憂，網(wǎng)絡(luò)也可成為孩子的學(xué)習(xí)工具。老師們表示，這些網(wǎng)站都是有創(chuàng)意、高質(zhì)量的網(wǎng)絡(luò)資源，對(duì)孩子們的成長(zhǎng)和教育至關(guān)重要。孩子們則更加高興。一位兒童對(duì)記者說(shuō)：“現(xiàn)在沒(méi)有家長(zhǎng)監(jiān)督了，我可以自主上網(wǎng)。這些網(wǎng)站很酷，能學(xué)到很多知識(shí)?！?/p>