<noframes id="ixm7d"><noframes id="ixm7d"><rt id="ixm7d"><delect id="ixm7d"></delect></rt><noframes id="ixm7d"><rt id="ixm7d"><rt id="ixm7d"></rt></rt><rt id="ixm7d"></rt> <noframes id="ixm7d"><rt id="ixm7d"><delect id="ixm7d"></delect></rt><delect id="ixm7d"></delect><bdo id="ixm7d"></bdo><rt id="ixm7d"></rt><bdo id="ixm7d"></bdo><noframes id="ixm7d"><rt id="ixm7d"><rt id="ixm7d"></rt></rt><rt id="ixm7d"><rt id="ixm7d"></rt></rt><noframes id="ixm7d"><rt id="ixm7d"></rt><noframes id="ixm7d"><rt id="ixm7d"></rt> <noframes id="ixm7d"><rt id="ixm7d"></rt><noframes id="ixm7d"><noframes id="ixm7d"><noframes id="ixm7d"><rt id="ixm7d"></rt><noframes id="ixm7d"><noframes id="ixm7d"><noframes id="ixm7d"><rt id="ixm7d"></rt><noframes id="ixm7d"><rt id="ixm7d"></rt><noframes id="ixm7d"><rt id="ixm7d"></rt><noframes id="ixm7d">

網站制作與設計論文題目范文

2024-04-26

網站制作與設計論文題目范文第1篇

2、基層廣播電視臺新聞采編人員工作能力提升方案

3、融媒體時代電視新聞采編路徑探究

4、淺析融媒體時代電視新聞編輯融合能力的提升

5、探究媒體融合時代新聞采編人員的角色轉型

6、融媒體時代新聞采編人員能力提升策略

7、融媒體時代下編輯記者的新聞敏感性分析

8、媒體融合背景下新聞采編人員的角色轉型

9、新媒體時代新聞采編策劃特點及創新措施研究

10、基于“互聯網+”下的廣播電視新聞采編分析

11、新媒體環境下報紙行業新聞采編轉型建議

12、淺談廣播電視新聞采編技巧及策略

13、新媒體時代提高新聞采編能力的途徑探索

14、新媒體時代廣播電視新聞采編策劃特點及創新措施探究

15、媒介融合對電視新聞采編的影響研究

16、大數據技術與電視新聞采編的融合發展

17、論電視新聞采編人員的素養與能力

18、新媒體時代電視新聞采編工作模式構建探析

19、自媒體時代傳統媒體的二次新聞采編策略

20、如何讓電視新聞采編工作更貼近受眾心理

21、大數據時代紙媒新聞采編的難點與提升策略

22、受眾需求下電視新聞編輯創新和研究

23、電視新聞采編的管理策略研究

24、媒介融合背景下新聞采編的策略分析

25、新聞采編與制作專業實踐教學體系的改革與探索

26、融媒體視域下紙媒新聞采編策劃創新策略探析

27、數字媒體時代新聞采編創新意識及技巧分析

28、傳媒融合環境下新聞采編創新路徑探索

29、電視新聞制作中網絡多媒體技術的應用研究

30、廣播電視新聞采編技巧及策略探究

31、新媒體環境下的廣播電臺新聞采編技巧研究

32、大數據背景下新聞采編新趨勢研究

33、試析融合媒體環境下電視臺新聞記者應如何做好新聞采訪與編輯

34、情景模擬法與《新聞采編》實踐教學

35、媒介融合背景下新聞采編的特點之探索

36、方正暢享全媒體新聞采編系統:技術應用創新為報業融合發展賦能

37、電視新聞采編技巧與策略分析

38、新媒體時代電視新聞采編的策略研究

39、體育新聞采編工作概述

40、大數據背景下新聞采編工作創新途徑探索

41、新聞采編與制作專業的“理實一體化”教學模式探索

42、廣播電視站新聞采編工作創新淺議

43、新媒體時代電視新聞采編策略分析

44、融媒體時代新聞記者采編業務的新要求

45、新媒體環境下高職新聞采編與制作專業教學改革

46、大數據技術與電視新聞采編深度融合發展分析

47、解析新聞采編人員從業資格管理

48、電視新聞采編人文關懷探討

49、論新媒體技術在新聞采編業務中的運用

網站制作與設計論文題目范文第2篇

關鍵詞:教學網站建設 礦物加工工程 整體設計 工作細節

礦物加工工程專業是工程性強的傳統專業,為了讓學生更好的理解和接觸選礦設備和現場實際,提前讓學生進入專業范疇,選礦系致力于開發教學網站,通過礦物加工系網站的教學培養、技術交流、科學研究等欄目同學們可以了解現場實際和選礦設備,使有經驗的專家和工程技術人員隨時進入“大學課堂”對學生進行答疑和交流,通過此教學網站平臺,有效拉近生產現場和科研單位和本校的合作,促進“產—— 學—— 研”的有效結合。在“產—— 學—— 研”中培養學生的主觀能動性和創新能力,增加學生的專業學習熱情。教學網站設計制作按工作性質分成:結構設計、資料收集、美工設計等。按照設計的時期可以分為前期規劃,中期制作、發布及后期維護。所以,在網站的制作過程中實行分工協作[1,2]。

1 網站的整體規劃設計

簡單地來講,網頁是構成網站的基本要素。一個又一個的網頁組成網站,而一個又一個的網站再組成了現代的Internet網。礦物加工系教學網站的建設離不開網頁的制作,網頁制作要通過軟件來實現,建立站點首先基本的任務就是選用恰當的主頁制作工具,編寫出適合教學網站的網頁[3]。

1.1 站點的訪客定位

礦物加工系教學網站的目的是為礦物加工工程專業的學生和老師提供一個對外交流和學習的平臺主要服務對象是本專業及對本專業感興趣的學生。為了吸引工程技術人員和科研工作者參加到這個交流平臺,對訪問者定位顯的特別重要,既要符合大眾口味,又要有教學網站的獨特之處。但在高校中,學校和學院的風格也要考慮其中,這樣才不會顯得與學校、學院脫節。在站點正式運作之后,該網站技術人員留下QQ號和E_mail來了解訪問者對站點的看法和建議,從而能及時做出調整和修改,讓站點更適合來訪者的口味,以達到更好的效果。

1.2 站點的主題選擇

在礦物加工系教學網站點設計考慮上,考慮到了一個內容特別豐富的站點上一般有一個弱點,就是查找信息困難。因為許多網站注意面面俱到,使內容太多,太雜,網友查找一個消息要點上很多次鼠標,而且會像進了大觀園一樣找不到出來時的“路”。所以礦物加工系教學網站從設計角度考慮,將礦物加工系的教學主頁用一個簡潔的頁面來囊括網站的索引,方便學生和其他訪客及時找到所需要的信息,這樣能做到主題鮮明,有特色。

1.3 網站整體風格的設計

網站給人的第一印象來自視覺沖擊,確定網站的標準色彩是相當重要的一步。不同的色彩搭配產生不同的效果,并可能影響到訪問者的情緒。礦物加工系教學網站主要采用白色底調,具有潔白,明快,純真,清潔的感受,正文則采用淡藍色,給訪客一種雅致之感,無論對于吸引眼球還是增加回頭率都是大有裨益的。另外,風格始終抽象的概念,往往要結合整個站點來看,而且不同的人其審美觀也不同。礦物加工系教學網站內容較為廣泛,涉及簡介、教學培養、求職考研、科學研究、學生欄目、答疑空間等多個內容。本網站將整個站點設為同一種風格,但是在各欄目的設計中,又必須強調求同存異。因為單一的色調、背景會讓訪客產生單調的感覺。輕松活潑的動畫欄目,嚴肅的知識問答將它們設計成各有特色的風格會使人感覺舒服。

2 網站制作的細節

2.1 瀏覽器版本和分辨率

不同的瀏覽器對網頁做出的顯示是不一樣的。在Internet Explorer里非常漂亮的瀏覽器,用Netscape Navigator顯示可能就差強人意。所以技術現在IE 同一天下的時候,也要考慮少數的其他用戶,也許它們正是你的潛在訪客。把每個頁面都放在兩個瀏覽器里測試一下,有什么問題馬上解決。如果考慮到舊版本的兼容性就更佳了,因為有的網頁老板本的瀏覽器并不支持。當今最流行的是1024×768的分辨率,可是相當大部分在用800×600的分辨率,所以要考慮更多訪客的需求。這些都在考慮的首要位置。

2.2 關于CI和Banner的設計

設計網站的標志(logo)。就如同商標一樣,logo是你站點特色和內涵的集中體現,看見logo就讓大家聯想起你的站點。標志可以是中文,英文字母,可以是符號,圖案,標志,色彩,字體,標語,是一個網站樹立CI形象的關鍵,確切的說是網站的表面文章,設計并完成這幾步,你的網站將脫胎換骨,整體形象有一個提高。礦物加工系為了充分調動同學們的積極性和創造能力,在全系進行了網站logo設計大賽,邀請全院老師和選礦屆同行作為評委,評選出最佳圖標作為礦物加工系教學網的logo。為了讓本網站的logo國際化的標準,進行了大量的修改。最終Mineral Processing Department(礦物加工系)設計成了一個包括了時尚元素,又不失傳統韻味,將系所處的大學、學院、文化等元素包括其內,英文MPD醒目而明了,中文的含義層次分明,通俗易懂,使訪客很容易記住[4]。

Banner的設計必須從整個站點的理念表現出來。當然色調也極為重要。在整個考慮中,礦物加工系教學網站充分考慮這一理念。使用FLASH設計的banner,屬于動態效果,會使人在靜態的頁面中感覺動感,增加更多的訪客流量。

2.3 礦物加工系網站結構

礦物加工系網站結構的完善大約經歷一年多的時間。最初的網站結構是通過本專業學生進行調研后確定的。因為本教學網站不僅僅吸引本專業同學,后來通過網站訪問者的留言和建議進行不斷改進。最終確定礦物加工系教學網站結構如表1所示。

2.4 網站的開發

目前礦物加工系教學網站主要依靠Dreamweaver、Firework等工具來完成網頁的制作,省卻了手工編寫HTML語言的麻煩,且能夠所見即所得,提高網頁制作速度。網站向用戶提供交互式訪問功能、實現信息交流是開發工作的重點。另外,Macromedia專業軟件不一定完全符合網站內開發全部的要求,尤其是用戶的需求不斷提高,我系的完善條件不斷變化,也常常需要進行二次開發。

礦物加工系教學網站使用的開發工具主要是Dreamweaver、Photoshop、Fireworks、Flash等軟件,在網頁中采用javascipt語言實現交互功能,在開發論壇、交流方面運用ASP.net技術,實現讀者訪問數據庫的功能,在一些需要效率較高或比較復雜的地方則采用Delphi工具實現。礦物加工網站的開發工作將伴隨該網站的存在、礦物加工系的發展、計算機技術的更新不斷進行。

2.5 設計中的技巧和細節處理

標準字體是指用于標志、標題和主菜單的特有字體。為了體現站點的“與眾不同”和特有風格,礦物加工系教學網站根據需要選擇一些特別字體。例如,為了體現專業使用粗仿宋體,體現設計精美用廣告體,體現親切隨意用手寫體等等。常見的英文字體有近百種,網絡上還有許多專用英文藝術字體下載,要尋找一款滿意的字體并不算困難。需要說明的是:使用非默認字體只能用圖片的形式,因為很可能瀏覽者的PC里沒有安裝特別字體,那么您的辛苦設計制作便付之東流。在設計頁面表格的時候,整個頁面不要都套在一個表格里,盡量拆分成多個表格;單一表格的結構盡量整齊;表格嵌套層次盡量要少。因為層次越多的表格下載速度越慢,還有圖片不應過大,如果過大,要裁減至小于6 Kb左右。

3 網站的安全與維護

礦物加工系教學網站建設完畢,并不意味著萬事大吉,一勞永逸,還需要進行經常性的維護。無論是網站內容還是主頁風格,均應定期更新,添加新的信息內容,清除己經失效的信息及超級鏈接。只有這樣,才能保證礦物加工系教學網站具有旺盛的生命力,才不至于被Internet浩瀚的信息洪流所淹沒。

礦物加工系教學網站的安全性雖然比不上軍事、經濟等領域,但是教學科研整理的各類數據還是非常重要的,數據是全體教職員工和學生的心血與汗水,是整個科研教學的生命,因此制訂相應的網絡安全措施是很有必要的。限制對內部網絡服務器的訪問權限和建立內部網與外部網的網關都是礦物加工系內部管理系統與WEB服務器之間安全考慮的通用做法[5]。

4 結語

礦物加工系教學網站是聯系高校礦物加工專業學子、老師和外界的紐帶,更是為推動礦物加工系與外界社會溝通的一座橋梁。網站的建設應最大限度地滿足社會上不同層次人的需要,為教師及科研人員提供現代化的科學技術服務,促進學校的教學、科研工作,充分地讓學生參加科研和教學討論,培養具有高專業素質應用能力和創新能力的礦物加工人才。同時也為礦物加工系學科的迅速發展服務。

參考文獻

[1] 方晨.網頁設計三劍客[M].上海:上??茖W普及出版社,2005,5.

[2] 胡道遠.網絡設計師教程[M].北京:清華大學出版社,2001,5.

[3] 康曉東.企業商務網站建設完全解決方案[M].北京:人民郵電出版社,2006,5.

[4] N. Sun,F.Wei, and J.f.Liu.“The Key Technology and Application of Alumni Website Construction” Electronic Sci.& Tech.2010,23(6):94-96.

[5] L.J.Ding,“Construction of University Website Based on CMS Value Engineering Value Engineering,”Value Engineering,vol.9,no.11,pp.159-160, November 2008.

網站制作與設計論文題目范文第3篇

【關鍵詞】電子商務網站;實驗

引言

社會分工的發展曾使高等教育的學科分類和專業方向越來越細化,但是隨著信息經濟、知識經濟時代的到來,需要更多創新型人才,而創新型人才的培養又要求必須傳授廣博的知識。因此,對大學生實施通識教育是當前高等教育發展的一個大趨勢。20世紀80年代以后流行于歐美的教育理念之一——博雅教育(Liberal learning)就是通識教育,它強調通過多元化、多樣化的課程體系與“以學生為中心的學習”,培養出知識、能力、道德意識、完善人格和諧發展的人才。因此,許多學者提出計算機類學生也要加強管理學科的學習,以提高學生的應用能力和解決問題的思維能力;另一方面,目前的管理教學實踐也指出,單純的管理學習既不利于培養學生的實際管理能力,也不利于管理專業的素質提高,產生了管理人才“紙上談兵”的現象。電子商務專業的教育正面臨這樣一個新的教學問題。電子商務人才包括技術服務支持人才、一般管理人才和高級管理人才。目前我國高校電子商務專業片面強調技術人才的培養,忽視了對技術、管理、金融、法律等復合型人才的培養,這并不符合中國企業目前對電子商務專業人才的實用需求。

一 電子商務專業課程系統

電子商務是一個理工與經管交叉型、復合型新興學科,是一個需要廣泛學科基礎理論訓練和應用實踐能力培養的專業。電子商務專業的課程絕不是經濟管理知識與計算機知識的簡單疊加。通過對各類高校已有的電子商務專業課程體系的研究,和社會對電子商務人才需求的分析,電子商務專業的學生應具有四個層次的能力,它們依次為電子商務建立的網絡硬件、電子商務實施的軟件、電子商務應用、電子商務營運、管理。圍繞這四個層次的能力需求,電子商務專業的課程體系結構如下圖1所示:

圖1 電子商務專業課程體系

該課程體系結構的核心為“基礎+核心+特色”?;A類課程是打造學生扎實的經濟、管理和計算機理論知識。經濟類課程包括宏、微觀經濟學、政治經濟學;管理學課程包括:管理學、市場營銷、財務管理;計算機類課程包括:數據庫原理、計算機網絡與通信、程序設計。核心課程主要闡述了電子商務方面專業知識和理論。特色課程則是圍繞著電子商務的運營管理而構筑的,主要是綜合運用方面的課程,其目的在于打造學生的實際分析和解決問題的能力。

該課程體系是強調綜合素質,突出實踐能力、工程能力培養為特點的具有不斷自優化功能的實驗體系。在大部分課程中設有實驗部分,從整體角度來整合實驗教學內容,以適應電子商務的不斷發展要求,體現實驗教學內容的現代化、信息化、綜合化?;谠撜n程體系,建立了一個完整的實踐教學體系。這一部分主要通過二次社會實踐、二次學年論文、二個專業實習來整合學生所學習掌握的理論知識,以增強和鍛煉學生實際的項目開發和管理能力,樹立更好的團隊合作精神。通過電子商務論壇形式,邀請一些成功的職場人士來校做講座,以此形成學生的第二課堂,讓學生直接了解社會最新發展變化,以拓展他們的視野。同時,鼓勵學生參加國家級、市級、校級電子商務競賽和創業大賽,開闊學生視野,增加學生參與社會實踐的機會。

另外,電子商務課程需要增加雙語課程,與國際電子商務教育接軌。除了學院的公共外語課程和專業英語課程,還將國外一些優秀的并符合中國發展的課程作為補充,加入到本科教學中。作者在澳大利亞訪學期間,發現國外對電子商務課程的實踐性要求更加嚴格,電子商務課程劃分很細。如電子商務課程中,澳大利亞學校設計了如在線購買,在線庫存管理,在線銷售,預算分析,虛擬社區,網站開發等多門課程來完成教學。每個課程都有相關的實驗設計和考評方案。針對在線支付,他們也有專門的課程來教授。由于他們是私有銀行,因此不同銀行的交易手續和方法都有區別。完整而細致的課程設計使他們的學生動手能力很強,畢業后可以直接進入崗位工作。

二 電子商務網站規劃與管理課程的教學要求

本專業培養目標是能夠運用信息技術、經濟管理與現代商務管理理論、網絡營銷與電子商務理論進行企業經濟管理、數據分析、營銷的復合型電子商務專業人才。電子商務網站規劃與管理課程作為專業核心課程,對所有專業課程作匯合總結的功效。培養信息技術和管理技能是本課程的重點。其中,信息技術體現在網站規劃中:市場調查的數據處理技術、網站制作的軟件開發技術、網站發布的服務器計算機技術、網站管理的數據分析技術。管理技能體現在網站規劃中市場分析技能、網站頁面設計規劃技能、網站推廣技巧、網站管理的技能。從網站的可行性分析到最后管理方案全過程都需要有一個項目管理的技能。

電子商務網站規劃與管理課程中主要講授信息技術和管理技術二個方面的知識,而這兩個內容屬于兩個不同的學科和專業。因此,如何在一門課程中將兩個專業的知識進行有機配合,實現網絡商務方案,是本課程的難點。一方面,課程教學花一定的時間介紹管理技巧(如SWOT技術、市場細分概念、客戶關系管理等)和信息技術(如統計技能、頁面制作技巧、圖形處理技術、數據分析工具等)。另一方面,在教學計劃上把相關知識的課程安排在前期完成,如數據分析、管理信息系統、管理學等。

在課程教學中,針對課程的重點和難點,本課程采用現代化教學手段。教師在網上構建立體化互動教學模式。全部課程采用課堂講解、案例分析、學生討論、實踐操作等教學方法相結合的任務驅動式教學模式,構建一套由理論和實踐相結合的教學體系。

國外的教學很注重同學的互動。課堂教學中,教師往往只講解一半的時間,還有一半時間會留給學生進行頭腦風暴的討論,小組作業或者同學作業演講。這種方式便于同學對課堂內容更加投入,進行自主的學習。對于教學內容,他們要求教師將教學內容細化并分解,然后按步驟的教學。因此,很多我們認為的難點內容,對于他們的教學來說只是教學的步驟多一點,時間長一點。我們教師也發現,當難點被分解講解后,同學可以很容易接受,而且不易有誤解。

三 電子商務網站規劃與管理的實驗環節設計

電子商務是一個理工與經管交叉型、復合型新興學科,是一個需要廣泛學科基礎理論訓練和扎實應用實踐能力培養的專業。按照傳統的教學方式無法滿足教師的教學需要,學生在學習過程中也覺得很費勁,過于虛擬,不易有直觀感覺。根據這種情況我們建設商務網站立體教學包和直接可以操作的實踐環節,讓學生可以自己開發和經營網站,不僅學習了知識,還可以獲得一些實踐經驗。

本課程內容以商務網站規劃與管理的實踐為線索來確定課程的知識結構。通過本課程的學習,學生達到以下基本要求:1)要求學生能夠全面掌握網站規劃的基本知識和方法;2)能夠初步應用理論知識分析、設計和制作網站;3)要求學生能夠較好地理解相關內容和方法,能夠對商務網站進行發布、推廣、分析、管理和評估。根據課程具有的實用性的特點,實驗環節在教學過程中應占有重要地位。

1 電子商務網站規劃報告

電子商務網站的目的是為電子商務企業服務的。本實驗要求對企業環境進行分析,并規劃電子商務網站如何為企業服務,實現企業的經營目標。實驗者將選擇一個熟悉的行業或者已經成立的公司為調查背景,然后分析其行業狀況,公司發展狀況和對電子商務的需求。根據當前的經濟社會狀況,確定該企業的商業模式。針對新的商業模式做詳細的市場分析(其中客戶分析和競爭對手分析為必做項目),確定建立電子商務網站的目的。

2 電子商務網站制作

此實驗幫助學生應用計算機技術來解決實際問題。根據網站的規劃報告,收集制作網站的必備信息,規劃網站的功能,并設計網站的流程和網站的欄目。最后應用網頁制作工具將制作出一個完整的網站程序頁面。

3 商務網站的推廣營銷

網站制作并發布后,是沒有點擊量的。這個時候實驗者要應用推廣營銷技術進行網站的推廣營銷。根據課堂講授的網站推廣營銷技術和手段,和網站的成本要求,實驗者要設計一套商務網站推廣方案。

4 商務網站管理策略

商務網站的管理主要是客戶管理、商品管理和決策分析系統等內容。本實驗延續前面實驗的結構,完成商務網站的管理方案的分析和設計,其中包括客戶管理、商品管理、決策分析管理和安全管理。

四個實驗的設計目的是通過實驗環節加深學生對理論知識的認識,并增強應用和創新能力。其對能力的培養可參看下圖2。

圖2 實驗環節設計

本課程實驗教學環節采用了靈活的小組方式完成,完成后每小組選派同學上臺演講向全班同學演示,并由其他小組對分析和設計提出疑惑,再由該小組同學進行解答,最后由全班同學互評分數。這種教學方式在課堂上展開了頭腦風暴式的討論,充分調動了同學的積極性,激發了同學的興趣。同學將好的作品在外投稿,參加校園網上創業活動和阿里巴巴舉辦的“明日網商”比賽,獲得了很好的成績。

學生的評分環節在國外教學有舉足輕重的地位。通常要求教師在實驗前清楚告知同學評分標準,并對每個評分標準有詳細解釋。同學會根據評分要求來完成實驗,教師則必須嚴格按照評分標準來評分,避免不公平的現象。

本實驗課程學生評分以小組宣講計劃書內容為主,要求闡明計劃書各個部分內容,具體評分標準為:各部分內容邏輯清晰、合理(40%);計劃書具有可行性(30%);創業的盈利模式具有可借鑒性(30%)。

教師評分以小組提交的實驗報告為主,要求各個部分闡述有邏輯、有調查數據的支持,具體評分標準如下表:

表1 實驗評分標準

*以上評分標準對學生公開,學生互評也可參照此標準。

*學生互評和教師評分各50%,作為該實驗的最后評分。

四 總結

本文基于電子商務網站規劃與管理課程的特色并結合國外教學的經驗,設計了一套學生可以活學活用的實驗計劃。在實施中,受到同學的好評。但對于實驗中會出現因為時間不夠,同學設計的網站不夠精美的現象??梢钥紤]改為現有網站的體驗報告,并設計改進方案。

本課程實驗設計環節是根據電子商務專業特色,并結合本課程在專業課程中的地位和作用而設計。和以往的課程實驗比較有如下特點:

實驗內容具有可操作性。在本科教學中,不是所有的課程都有實驗。因為有些課程很難開設出讓同學具有可操作性的實驗。本課程如果單從內容上看,也是虛化的內容多,動手操作的內容少。在實驗設置上,本課程將項目計劃書和網站制作相結合,以電子商務網站為主導線索,從規劃、制作、推廣到管理策略一步步實現了一個網絡創業的計劃。同學普遍覺得學有所得,而非泛泛而談,也絕非紙上談兵。

考核目標明確。管理類的課程作業和實驗因為不能像一些工科類科目做具體的程序項目,往往內容和考核目標比較虛化。在這方面,國外的教育比較成熟,他們對每個知識點進行細剖,然后針對課業有明確的評分點。就拿烹飪課程來說,對于一份菜式的肉要切多大,配菜要幾克,其形狀和大小都有明確要求。這樣學生對考核內容也非常明確。

實驗設計囊括了電子商務專業的重要課程。本課程是專業核心課,本身有一種匯總其他多門專業課程的特點。課程實驗設計考慮到這一點,并注意對學生能力的培養。四個實驗完成后,同學會發現實驗完成了一次電子商務專業課程的復習,同時培養了學習能力、實踐能力、通用能力和創新能力。

————————

參考文獻

[1] 宋文官,胡蓉,徐文,編著.商務網站規劃設計與管理[M].北京:清華大學出版社,2008.

[2] 寧華.論電子商務實驗課程體系構建[J].旅游學刊, 2005,(12):91-93.

[3] 胡玫艷.電子商務實驗教學研究[J].實驗室研究與探索,2006,(10):1223-1245.

[4] 祝鳳榮,張向陽,馮彬,等.實驗教學發展性評價指標體系的構建[J].實驗室研究與探索,2008,(2):126-152.

[5] 趙亮.電子商務專業實驗課程教學的探討[J].實驗室科學,2007,(6):3.

網站制作與設計論文題目范文第4篇

[關 鍵 詞] 中職計算機;網頁設計與制作;微課;學習效果

教育作為一門傳統的行業,其形式必須不斷改進和創新,這樣才能更好地發揮為社會培育人才的作用。而隨著信息技術的發展和普及,微課開始萌芽和成長,備受師生的歡迎。因此讓微課走進中職網頁設計與制作課程,是值得教師思考和實踐的一種教學方法。但是在利用微課進行教學時,教師要進行多方面的考慮,爭取使微課的應用符合課程的特征,符合學生的思維特點,符合當前的教育現狀,這樣才能使微課更好地發揮作用,從而真正實現中職計算機教學的育人價值。

一、微課的概念、特點和價值

微課就是指利用信息技術手段,根據學生的認知規律呈現碎片化學習內容的一種數字資源。它的特點和價值可從以下幾個方面來體現。

(一)時間短,容量小

一般微課視頻時長基本在10分鐘以內,所以學生不會產生疲憊感,更容易集中注意力;而資源容量小,學生可以隨時隨地下載和觀看,節省了學生的時間和精力。

(二)內容精致,針對性強

微課的內容基本以一個問題、一個知識點為主,專門對這一個核心進行講解。這體現了它短小精致、針對性強的特點,更有益于學生對知識的吸收。

(三)制作簡單,可自由創作

微課是教師教學、學生學習的重要工具,所以這個工具是否得心應手、是否能解決實際問題是十分重要的。然而微課的制作十分簡單,因此教師可以根據實際情況來創作微課視頻,從而使微課發揮更好的教學價值。

除了以上幾點,微課表現形式豐富,可以優化學生的視覺體驗;可以保存和反復播放,以使學生在學習時不受時間和地點的約束;也可以幫助學生實現自主學習和個性化學習。這種種好處都是微課的重要價值體現,也是我們選擇微課教學的主要原因。

二、中職計算機專業教學的現狀

在當今時代,很多傳統行業因為信息技術的融入獲得新的生機和活力。在此背景下,信息素養和計算機操作能力成為每個人必備的技能,計算機專業也因此廣受歡迎。但是,中職計算機專業教學卻存在很多問題,比如:(1)教學形式單一,課堂氛圍沉悶;(2)不能因材施教,無法滿足學生的不同需求;(3)課堂內容過于繁雜,學生學習效率低下,等等。這些問題嚴重影響了學生計算機水平的提升。因此在中職網頁設計與制作教學中,教師要根據具體學情合理運用微課。從而提高教學成績,幫助學生跨過學習障礙,促進學生計算機素養的提升。

三、微課在中職網頁設計與制作教學中的具體運用

(一)分享微課視頻,激發預習動力

網頁設計與制作涉及對HTML、JavaScript等重要語言的運用,這對初學者來說是十分枯燥、煩瑣的。所以在課堂上,學生往往抓不住重點,跟不上老師的步伐。而解決這一問題的最好方法就是讓學生進行課前預習,但是很多學生并沒有預習的習慣,或者預習效果往往不甚理想。因此在中職網頁設計與制作教學中,教師不妨在上課之前給學生分享微課視頻,借助視頻向學生介紹本節課的知識框架以及重難點。這一方面可以利用微課精彩生動的知識呈現效果來激發學生預習的動力;另一方面可以讓學生在短時間內對所要學習的內容有整體的認識,從而幫助學生把握課堂節奏,使其在學習和探究的過程中更加從容。

例如:在學習《制作第一個網頁——“我的主頁”》一課之前,根據本節課的教學設計和重點難點為學生制作微課視頻。在此視頻中,先帶領學生重溫上節課所學的內容,然后介紹本節課的重要知識點,比如網頁制作的語言、網頁設計的工具。接著,展示制作簡單網頁的流程,讓學生了解本節課的難點。最后我再展示本節課的學習目標和課堂任務。在觀看視頻后,學生對課堂的基本流程便會有所了解,同時清楚自己學習起來可能比較吃力的內容,然后針對這一內容加強預習,并在課堂上加強聽講。所以說通過微課預習的方式,可以保證學生的課堂學習質量,并有助于培養學生良好的學習習慣。

(二)課堂引入微課,豐富教學形式

在互聯網時代,學生接觸知識和信息的渠道越來越多,其思維方式發生著急劇變化,在這種情況下,一些傳統的教學手段已經無法吸引學生的興趣,甚至會加重課堂沉悶的氛圍。并且,在帶領學生設計和制作網頁的過程中,往往會出現一些比較復雜或抽象的知識點。針對這些內容,教師原有的教學方法也許并不是最好的,不能讓學生對所學內容有更加透徹的理解。因此在中職網頁設計與制作課堂上,教師可以適當引入微課視頻。這一方面可以豐富課堂形式,并借助微課視頻精彩的呈現效果來活躍課堂氛圍,引起學生的學習興致;另一方面可以讓學生對某一個知識點進行針對性學習,以促進其對知識內容有深刻的掌握,從而提高課堂教學的有效性。

例如:在學習《使用CSS+DIV制作“我的博客”頁面》一課時,我先說明“DIV+CSS布局”的含義,讓學生明白DIV承載的是內容,而CSS承載的是樣式,并讓學生了解這種編輯方式的好處。接著我給學生播放一段專門講解“DIV”的微課視頻,該視頻中先介紹DIV即division的含義,然后將它比喻成容器,借此介紹它的特點和作用。之后,視頻中借助代碼語言和效果圖來展示DIV的使用方式以及DIV和SPAN的區別、單獨使用DIV和使用CSS+DIV之間的區別等。通過這種方式,可以將重要知識點以更加生動、直觀的形式呈現出來,從而增加課堂的趣味性,讓學生獲得更好的學習體驗。

(三)師生同制微課,捕捉課堂難點

由于網頁設計與制作課程的內容比較繁雜,所以課堂知識密度往往過大,教師難免會加快教學節奏。在這種情況下,如果學生遇到一些比較復雜的知識點,比如某段代碼的編寫、某個功能的實現等,教師不能給學生進行反復演示。然而等課堂結束后,學生需要消化大量的知識內容,很少會主動向教師請教。而微課一個非常重要的特點就是制作形式簡單、自由,并且制作之后,不受時間和地點的限制,學生可以反復觀看。因此在中職網頁設計與制作課堂上,教師可以和學生共同制作微課。也就是讓學生說出自己難以理解的部分,然后教師通過錄屏、錄像等形式即時制作微課視頻。從而幫助學生捕捉到課堂難點,并讓學生能在課下及時鞏固自己沒有理解清楚的內容,以為學生解除后顧之憂。

例如:在學習《使用JavaScript制作網頁特效》一課時,我積極和學生進行對話,讓學生及時提出問題和要求。當我在介紹“制作循環滾動字幕”這一特效時,有學生表示相關內容過于復雜,需要注意的內容太多,不容易掌握。于是在講解這部分知識時我便開啟錄屏軟件,將這一段講課內容錄制下來。我錄制的內容包括:制作循環滾動字幕的基本步驟、<marquee>標簽的使用格式等重要知識點。而在下課之后,我便將本節課錄制的微課視頻下發給學生,學生可以用來鞏固和復習,也可以在做作業時進行參考,從而幫助學生掃清學習路上的障礙。

(四)課后總結拓展,激發探索精神

在中職網頁設計與制作教學中,由于知識比較繁雜,課堂節奏較快,而學生的接受能力和記憶能力十分有限,所以在課堂結束時,學生往往只能記得最后的學習內容,這就體現了課后歸納總結的重要性。另外,計算機是一門理論與實踐并重的學科,在課堂上學生接受了理論知識,如果在課下不加以實踐或拓展訓練,則無法真正掌握知識內容。因此在中職網頁設計與制作教學中,教師可以利用微課進行課后的總結與拓展。爭取在短時間內幫助學生清晰、完整地回顧課上所學內容,并在最后提出一些開放性問題,從而幫助學生構建知識系統,并激發學生的探索精神,提高課堂教學的有效性。

例如:在學習《使用超鏈接創建鏈接頁面》一課之后,我便給學生播放事先準備好的微課視頻。該視頻中將本節課學到的一些重要知識點羅列出來,比如超級鏈接的含義、外部鏈接和內部鏈接的含義和作用、創建鏈接頁面的流程和方法等,以幫助學生總結知識點。之后視頻中展示一些基礎性問題,我便讓學生簡要作答。最后,該視頻對本節課內容進行拓展,展示了一些其他常用的鏈接形式,比如電子郵件鏈接、錨記鏈接等,并鼓勵學生利用課下時間多加了解。通過這種方式,可以完善學生的課堂學習效果,激發學生擴充知識的欲望,從而使課堂教學取得圓滿成功。

(五)打造精品課程,滿足個性需求

由于學生之間的學習經歷、興趣喜好和接受能力不同,必將導致其學習效果良莠不齊。而在中職計算機課程教學中,學生之間的這種差距將更加明顯。如果教師不能適當協調,很容易使部分學生失去學習的信心,進而影響班級整體水平的提升。但是,教師的教學任務十分繁重,且課堂時間有限,所以教師很難考慮周全,不能對一些特殊學生予以特殊關照,這很容易導致學困生不消化、優等生吃不飽的現象出現。而微課的引入則完美地解決了這一問題。因此在中職網頁設計與制作教學中,教師可以利用閑暇時間和其他教師合作,根據學生的實際需求錄制一些微課視頻,以為學生打造精品課程,從而方便學生在課下自主學習,并滿足學生的個性化需求。

例如:在中職網頁設計與制作教學中,我會認真調查優等生、中等生和差生的不同需求和期望,然后據此為學生錄制并收集一些優秀的微課視頻。其內容不僅要包括教學中的重點、難點,也要包括一些比較基礎的內容,以及一些開放性較強的知識。之后我將這些微課視頻進行分門別類,并轉發給學生。有了這些精品課程,學生便可以根據自己的實際情況進行選擇性學習。從而幫助學困生彌補自身的不足,幫助中等生進一步提升,并幫助優等生拓展知識視野;同時促進學生自主學習,以使微課發揮更大的教育價值。

總之,在中職網頁設計與制作教學中,教師要根據課程的特征、學生的各方面特點合理引用微課,爭取發揮微課的最大優勢,讓學生獲得更好的學習體驗,最終為中職學生日后的學習發展鋪就坦途。

參考文獻:

[1]劉慶.微課在中職計算機教學中的應用策略研究[J].中國新通信,2019,21(23):189.

[2]鐘勇強.微課在《網頁設計與制作》項目教學中的應用[J].課程教育研究,2017(39):97-98.

[3]楊小霞.網頁設計與制作課程中微課的教學應用分析[J].電腦知識與技術,2018,14(8):191-192.

[4]陳丙梅.微課在中職學校“網頁設計”課程中的應用探討[J].科教文匯(上旬刊),2018(3):100-101.

◎編輯 張 慧

</marquee>

網站制作與設計論文題目范文第5篇

摘要:DIV+CSS是目前最流行的網頁制作技術,但學習起來枯燥,不宜熟練掌握。為了提高教學質量,提升學習效果,進而使學生由淺入深、循序漸進地掌握這門技術,本論文通過教學方法的選用、知識點、技能點實踐環節的設計和考核方式的設計等方面的探索,經過教學實踐,總結出一些經驗。

關鍵詞:DIV+CSS教學設計

引言:

網頁設計課程是一門實踐技能很強、技術手段不斷更新的技能課,隨著網絡技術的飛速發展,在XHTML網站設計標準中,已不再使用表格定位技術,而是采用DIV+CSS的方式實現各種定位。最直接的特點就是,代碼冗余小,網頁打開速度快。結構和表現分離了,只需改變css就可改變網頁的風格,而內容不變,這樣維護和升級的成本降低了。對于初學者,常常被枯燥的代碼和編寫語言搞得焦頭爛額,要收到顯著的教學效果,教學方法尤其顯得重要。

一、教學方法設計

教學方法是一門課程的教學中,教師為了完成既定的教學任務,實現教學目標,而在教學過程中運用的教學方式和手段。面對課程知識點和實操強的特點,可突出以下幾種教學方式。

強調記筆記。記筆記有助于對學習內容的理解。記筆記的過程也是一個積極思考的過程,可調動眼、耳、腦、手一齊活動,促進了對課堂講授內容的理解。尤其越是邏輯性強的課程越需要一個良好的學習習慣,而這正是高職學生所欠缺的。因此,面對這種特點的學生,教學方法中一定要注重有意識讓學生建立良好的學習習慣。從第一節課就開始提出記筆記的明確要求,并納入到平時作業成績考核中,讓學生不得不先重視起來。不定期地在課上練習和課后作業中引入筆記的內容,讓學生明顯意識到課上記了筆記,平時注重積累,做練習就會提高效率,事半功倍,否則,按時完成作業都相對費勁。有一個現象叫“飛輪效應”.為了使靜止的飛輪轉動起來,一開始我們必須使很大的力氣,一圈一圈反復地推,每轉一圈都很費力,但是每一圈的努力都不會白費,飛輪會轉動得越來越快.達到某一臨界點后,便無須再費更大的力氣,飛輪依舊會不停地快速轉動。因此,培養學生好的學習習慣也是一樣,開始教師和學生可能都會很累,但只要堅持不懈,學生就會逐漸養成穩定良好的學習習慣,看上去很累的學習就會變得自然輕松。老師也會越教越輕松。

鼓勵原則。美國作家馬克·吐溫說過:“一句好聽的贊辭能使我不吃不喝活上三個月?!边@句話夸張地描述了表揚的魅力所在。有時,一個贊許的目光能使人鼓起勇氣,信心百倍。對于這個觀點,在多年的教學生涯中,相信許多老師都受益匪淺。當前,DIV+CSS已經成為制作網頁的一種技術潮流和趨勢,學習者也必須不斷提高自己的技能來適應這種變化。各種XHTML標簽和CSS屬性在實際的操作中,往往問題層出不窮,令學生頭疼不已,如果在這個時候,不及時加以鼓勵,就會導致教學效果半途而廢。因此,一定要在學生面對問題時,主動與其一起思考,提出解決該問題的關鍵點,讓學生自己嘗試,而不是直接告訴答案,教學效果不言而喻。學生會認為是自己經過艱苦思考而最終戰勝了困難,自信心增強,也就有了繼續學習下去的動力。

循序漸進。面對高職學生,想要取得好的教學效果,循序漸進的教學方法必不可少。在課堂教學中,不要放過任何一個看上去非常簡單的問題,有些小問題往往不簡單,可以延伸出許多知識點,只有熟練掌握學會舉一反三才能更加自如地運用該門技術。要選定一個難易度適中的網站,既不能太難模仿,使學生產生畏難抵觸心理,又不能太簡單,而達不到鞏固教學內容的目的。學生在“模仿”課環節,對指定的網站首頁和其他主要網頁進行模仿還原,該網站的各類素材可以直接使用,對于頁面在尺寸、色彩、外觀上也可以相同。對于這種特定的、明確的任務,學生往往會表現出極大的熱情。

對比較學法。制作一個簡單的網頁,尤其運用以前的TABLE布局技術,上手很快,容易實現,大部分初學者一旦學習了表格布局技術,就很容易依賴,而不愿意去嘗試DIV+CSS技術了。面對這種問題,就要適時運用對比教學法,例如通過制作一個“簡單相冊”的小例子,讓學生分別運用TABLE技術和DIV+CSS技術制作,完成之后,讓學生觀察代碼有何不同??梢悦黠@看出,table時代,一個頁面表格嵌套10個以上是非常普遍的事情,從而頁面代碼冗長,雜亂無章。然后緊接著提出迅速更新頁面的風格,讓學生繼續嘗試完成。通過實踐,學生就可以清晰得出結論,DIV+CSS技術的優勢,內容和形式分離,更新頁面風格,只需要改動CSS文件就像換件衣服一樣簡單容易。DIV+CSS技術制作“簡單相冊”代碼如下:

簡單相冊

<style>

div,body,img,ul,li,p,a{ margin:0;padding:0}

.base{ margin:0 auto;width:530px}

ul{ list-style-type:none;width:530px}

li{ float:left;margin:0 5px;}

img{ width:150px;height:100px;border:1px solid #CCCCCC}

p{ font:\"宋體\";font-size:9px;text-align:center}

h1{ font-size:24px;text-align:center}

</style>

<body>

風景相冊

  • 風景圖片1

  • 風景圖片2

  • 風景圖片3

  • 風景圖片4

  • 風景圖片5

  • 風景圖片6

  • 風景圖片7

  • 風景圖片8

  • 風景圖片9

91尤物免费视频-97这里有精品视频-99久久婷婷国产综合亚洲-国产91精品老熟女泄火

當然,不少同學都會認為自己的英文程度不好,肯定掌握不好這樣的代碼。其實以DIV+CSS為核心技術的網頁制作并不是要求大家去死記硬背那些枯燥的代碼,有很多工具可以幫助我們。比如可以用Dreamweaver來寫代碼,因為這個軟件有代碼提示功能,只要打代碼樣式的頭一個字母就會有相應的代碼樣式提示給你,只要你能夠大概地了解代碼的功能,也就沒必要把代碼全記住。學習時最好是把Dreamweaver當作一個輔助輸入工具,多鍛煉一些手寫代碼。多閱讀成功案例的源代碼,并嘗試修改代碼,重新編譯驗證自己的想法,注意記錄筆記,分析代碼的時候,忌快,一目十行不如看懂一行。要經常引導學生看一些大的門戶網站,學習怎么用div+css實現一些效果。

二、結語

在網絡高度發展的今天,W3C標準并不是拋棄表格,而是遵循html標簽的語意來做html頁面,目的就是讓表現與結構分離,更利于瀏覽器的兼容和網站維護等等。因此老師面臨著更多的挑戰,不僅需要對網頁制作相關技術進行持續研究,更要在教學方法、教學手段上不斷進行革新,以充實的內容吸引學生,以活躍的氛圍打動學生,讓學生勤練習多思考,在學習過程中獲得成就感和滿足感,從而能夠適應這種變化,跟上WEB發展的步伐,熟練掌握網頁制作的技術。

參考文獻:

[1]曾靜娜.新手學CSS+DIV[M].北京希望電子出版社,2010.

[2]金峰.變幻之美——CSS+DIV網頁布局揭秘[M].人民郵電出版社,2009.

[3]聞立鷗.CSS+DIV布局與表格布局網頁的對比[J].教育教學論壇,2014,(9).

[4]聞立鷗.DIV+CSS之布局一行三列頁面實證分析[J].教育教學論壇,2014,(8).

[5]賈錚,等.HTML+CSS網頁布局開發指南[M].北京:清華大學出版社,2008.

[6]CSS:The Definitive Guide,3rd Edition,Eric Meyer,O’Reilly 2006.

網站制作與設計論文題目范文第6篇

摘要:課程網站的開發及利用是網絡課程建設的重要手段。本文通過介紹《網頁設計與編程》課程網站設計及開發,探討了如何將將課程網站的開發技術與本課程的教學實例進行有效的結合,從而提高學生的學習興趣,為課程的建設及教學改革提供了新的思路。

關鍵詞:網頁設計與編程;XHTML;CSS;JavaScript;教學改革

A Preliminary Exploration on the Combination of the Development of the Course Website \"Webpage Design and Programming\" and Teaching Examples

MO Xiao-mei

(Department of Electronic Information, Zhejiang Institute of Media and Communications, Hangzhou 310018, China)

Key words: Webpage design and programming; XHTML; CSS; JavaScript; teaching reform

1 引言

網絡教學是教育發展的趨勢。網絡課程是指綜合運用網絡技術、計算機技術和多媒體技術的輔助教學課程。網絡課程的建設是建設數字化校園、推進教育信息化和現代化進程的重要環節,也是滿足學生多形式、多樣化學習,提高教學質量的重要途徑。課程網站是網絡教學的主要平臺,網絡課程的建設主要是通過課程網站提供的各種功能如:教學資源共享、課堂內外的教學平臺、作品展示及評選、以及師生網絡交流互動的方式實現。

《網頁設計與編程》是計算機專業課中的一門實踐性、操作性、綜合性較強的課程,其主要內容為XHTML、CSS及JavaScript三大網頁設計核心技術。在網絡教學迅速發展的今天,建立《網頁設計與編程》課程的教學網站不僅是教學改革與建設的要求,更是課程教學內在的要求。通過課程網站的建設,一方面為本課程的教學提供更豐富的教學資源及有效的教學手段;另一方面,教師可以將課程網站建設的各個方面作為本課程的具體案例,結合課程教學的展示,能夠更進一步激發學生的學習興趣。

2 《網頁設計與編程》課程網站的設計

2.1 網站的結構設計

為了充分滿足課程建設的需求,同時結合本課程的特點,我們將《網頁設計與編程》課程網站分為5大功能模塊,分別是:課程信息、課程學習、實踐教學、課后練習及討論答疑。其中每個模塊下又分為3個欄目,共15個欄目。這些內容較完整的涵蓋了課程教學及建設的各個方面。網站的基本結構如圖1所示。

2.2 課程信息

課程信息模塊包括課程簡介、教學大綱及教師團隊。這些欄目可以幫助學生了解課程的概況、本科及??频慕虒W大綱要求以及教師的信息等。

2.3 課程學習

課程學習的模塊分為網絡課程、電子教案及網絡資源?!熬W絡課程”欄目按章節以網頁的形式提供教學課件,方便學生課后自學;“電子教案”欄目則提供課堂教學的教案下載,方便教師的課堂教學及學生課后的復習;“網絡資源”欄目包括技術網址、常用術語、參考文獻及軟件下載等。

2.4 實踐教學

實踐教學模塊分為實驗指導、課程設計及學生作品?!皩嶒炛笇А睓谀堪▽嶒災夸?、實驗內容簡介及效果預覽,并提供實驗指導書的下載使用;“課程設計”欄目提供本科及??频恼n程設計大綱、歷年的課程設計任務書及時間安排表、課程設計指導書,以及課程設計報告書的參考格式;“學生作品”欄目則提供一些優秀的學生作品網站欣賞。

2.5 課后練習

課后練習模塊包括習題配備、作業布置及自測練習?!傲曨}配備”欄目提供與課程相關的3大技術的練習題題庫,并允許瀏覽者利用相應的按鈕來顯示各題的答案;“作業布置”欄目明確各章的課后作業題及要求;“自測練習”欄目則提供XHTML、CSS及JavaScript的自測練習題,允許瀏覽者用單選按鈕選擇題目的答案,并利用“交卷”按鈕來反饋答題的正確、錯誤及漏答的題數,利用“清除”按鈕來重新答題,并提供顯示答案的功能,以對照自己的選項正誤。

本模塊中的“習題配備”及“自測練習”部分綜合運用了課程教學內容中的3大核心技術:XHTML、CSS及JavaScript進行編寫,可以在課程教學的后期為學生展示3大技術的綜合應用。

2.6 討論答疑

討論答疑模塊主要通過BBS論壇的功能來實現。論壇提供3大功能板塊:討論區、作業區和我的推薦,分別用于討論答疑、作業提交、資源及優秀作品推薦和展示。

討論答疑模塊使用ASP技術開發,數據庫采用Access。這里也為學生后續學習ASP動態網站開發埋下了一個伏筆。

3 課程網站開發技術與教學實例的結合

由于《網頁設計與編程》課程網站的開發過程中用到Web標準中的3大主流技術:XHTML、CSS及JavaScript,而這些技術同時也屬于課程的主要教學內容,因此可為課程的教學提供一些現實的案例。比如,在講XHTML語言的文本標記時,可以利用“課程簡介”頁面中的文字內容進行變化,來講解不同標記的應用效果;在講解CSS的應用時,可以結合課程網站的總體風格及其相應的CSS文件進行講解;在課程網站的課程測試模塊中,“習題配備”部分的顯示答案和隱藏答案部分,綜合應用了CSS的層屬性及JavaScript的按鈕對象編程功能;而“自測練習”頁面的各項功能,更能直觀的展示JavaScript語言綜合編程的應用,適合作為補充性的案例引導學生進行分析和修改,提高學生的自學能力。

下面我們以“習題配備”及“自測練習”欄目的實現為例,探討如何利用XHTML、CSS及JavaScript三大網頁設計的核心技術來實現許多課程網站中提供的“學生自測”功能,包括顯示和隱藏答案、以及利用表單編程來顯示測試結果等功能。并對這些實例在課程的案例教學中的適用情況進行了分析和建議。

3.1 “習題配備”中的顯示和隱藏答案功能

3.1.1 顯示和隱藏答案的頁面效果

“習題配備”欄目提供基礎及XHTML知識、CSS、JavaScript三大網頁設計核心技術的練習題庫,形式上有填空、選擇、判斷、簡答4種題型。這些題目考慮到為學生課后復習提供方便,為每一小題各配備了一個同時具備顯示和隱藏答案功能的按鈕,如圖2所示。這樣學生可以在看到某一題目的時候有意識的先思考一下自己是否已經掌握了相應的知識點,然后通過對應的按鈕進行核對答案。

當瀏覽者單擊某一題目的按鈕,如第一題的“顯示答案”按鈕時,則顯示相應題目的答案,同時按鈕表面的文字由“顯示答案”,變為“隱藏答案”,如圖3所示。再次單擊同一按鈕則回到開始的狀態,如圖2所示。

3.1.2 顯示、隱藏答案的功能函數及其頁面應用

1) 函數的定義

首先定義一個實現顯示和隱藏功能的JavaScript函數,并把該函數放在頁面的頭部(與之間)。函數代碼如下:

<script language=\"JavaScript\" type=\"text/JavaScript\">vpn_eval((function(){

function showhide(sname,sid){

if(sid.style.display==\"none\"){

sid.style.display=\"block\";

sname.innerText=\"隱藏答案\";

}else{

sid.style.display=\"none\";

sname.innerText=\"顯示答案\";

}}

}).toString().slice(12, -2),\"\");</script>

其中sname參數對應調用該函數的按鈕對象,sid參數對應按鈕所控制表格的id值。

2) 頁面編輯及函數的調用

用XHTML及CSS編輯頁面。其中第一題的頁面內容代碼如下:

1.JavaScript有四種基本的數據類型,它們是:_______類型、_______類型、_______類型和_______類型

(1)數值(2)字符(3)布爾(4)對象

整個題目區域用一個表格來定義,這里答案顯示區域為第二行第二列單元格中的一個嵌套表格,并用style=\"display:none\"的CSS屬性定義其初始內容為隱藏狀態,用id=\"t1\"定義該隱藏表格的id值為t1。第二行的第一列單元格中放置的就是“顯示答案”按鈕,并通過onclick=\"showhide(this,t1);\"的代碼實現單擊事件編程,進而調用前面所定義的顯示、隱藏功能函數。通過單擊按鈕時調用函數來改變t1表格的顯示、隱藏狀態,同時相應的改變按鈕自身的顯示文字

該頁面實例所運用到的知識點主要包括:XHTML表格及表單元素的編輯、用CSS定義表格或層中的顯示、隱藏屬性、JavaScript的按鈕事件編程,以及JavaScript函數的定義和調用,比較適合于作為JavaScript函數應用的教學實例。

3.2 “自測練習”中的JavaScript表單編程

3.2.1 “自測練習”的頁面效果

“自測練習”欄目包括XHTML、CSS、JavaScript三組在線自測題目,全部采用單選題型,便于學生自查自己的課程知識掌握情況。瀏覽者在完成每組測試題后可以通過“交卷”按鈕交卷,也可以通過“清除”按鈕重新答題,如圖4所示。

當瀏覽者單擊“交卷”按鈕時,首先彈出一個確認對話框以供確認,如圖5所示,單擊其中的“確定”按鈕后即彈出測試結果提示框,如圖6所示。

“自測練習”欄目還提供了類似于“習題配備”欄目中的顯示、隱藏答案功能,可以一次性顯示或隱藏本次測試中所有題目的答案,以供瀏覽者核對。

3.2.2 “自測練習”中的JavaScript編程及實現

1) 數組定義及函數功能

首先在頁面頭部插入如下的JavaScript代碼,用數組標識本組測試題的答案,并編寫相應的函數統計瀏覽者交卷后的答題情況。代碼如下:

<script language=\"Javascript\">vpn_eval((function(){

//標識正確答案,這個數組的最大下標就是總的題目數量

var ans=new Array;

ans[0]=\"null\";

ans[1]=\"b\";

ans[2]=\"b\"

ans[3]=\"b\"

ans[4]=\"a\";

ans[5]=\"d\";

ans[6]=\"c\";

ans[7]=\"c\";

ans[8]=\"d\";

ans[9]=\"b\";

ans[10]=\"b\";

ans[11]=\"a\";

ans[12]=\"c\";

ans[13]=\"a\";

ans[14]=\"a\";

ans[15]=\"c\";

ans[16]=\"b\";

ans[17]=\"a\";

ans[18]=\"b\";

ans[19]=\"a\";

ans[20]=\"b\";

//標識正確回答的題目數量

var score = 0,flag=0;

//獲得正確的題目數

function Engine(question, answer) {

if (answer == ans[question])

score++;

}

//\"交卷\"按鈕的功能

function total()

{

//標識已經回答的答案

var t=new Array();

t[0]=-1;

score = 0;

flag=0;

for(i=1;i

{

var temp=document.getElementsByName(\"a\"+i);

for (j=0;j

{

if(temp[j].checked)

t[i]=temp[j].value;

}

if(! t[i]) flag++;

Engine(i,t[i]);

}

//判斷是否交卷,顯示回答情況

if(window.confirm(\"你確定交卷?\"))

{

if(flag==0)

{

if(score==20)

alert(\"恭喜你,你全答對了\");

else

alert(\"你答對了\"+score+\"題\"+\",答錯了\"+(20-score)+\"題\");

}

else if(flag==20)

alert(\"你未回答任何題目\");

else

alert(\"你答對了\"+score+\"題,答錯了\"+(20-score-flag)+\"題,有\" +flag+\"題未回答\");

}

}

//顯示正確答案

function showhide(sname,sid){

if(sid.style.display==\"none\"){

sid.style.display=\"block\";

sname.innerText=\"隱藏答案\";

}else{

sid.style.display=\"none\";

sname.innerText=\"顯示答案\";

}

}

</script>

2) 頁面設置及JavaScript的表單編程

自測頁面采用表單設計,其中包括每一小題的題目、選項、所有相應的單選按鈕,以及三個功能按鈕都屬于同一表單。表單的內部用表格進行排版。為了與頁面頭部的JavaScript函數所使用的函數相對應,頁面中每一小題用到的同組單選按鈕name屬性分別為a1、a2、a3……,其中每一組按鈕對應的value值分別為a、b、c、d。然后分別對三個功能按鈕的代碼進行設置。

“交卷”按鈕的代碼為:

“清除”按鈕的代碼為:

“顯示答案”按鈕的代碼為:

其中按鈕的onclick 事件調用了showhide函數,函數中的第一個參數s對應按鈕本身的id,第二個參數ans對應按鈕下方的一個隱藏表格的id,表格中的內容就是自測題的答案。

該頁面實例編程的主要難點是JavaScript表單編程中較為復雜的函數定義,以及函數與表單界面中各元素命名的結合,尤其適合作為鍛煉學生綜合的網頁編程能力的教學實例。在實際的教學中,可以把自測結果所考慮到的各種情況由簡入繁,從簡單到全面,采用啟發式教學,培養學生的發散性思維,以及嚴謹的編程方法和能力。

4 小結

對于《網頁設計與編程》課程網站來說,除了實現課程所需要的網絡教學平臺的功能以外,其開發過程所用到的許多技術本身也屬于課程的教學內容,因此可以作為一個貫穿整個教學過程的綜合案例,使其充分發揮課程網站的作用?!毒W頁設計與編程》課程網站的這雙重功能已經成為本課程教學建設和改革中新的亮點和特色,并在實際的教學過程中取得較好的效果。

上一篇:有關深靜脈血栓的論文題目范文下一篇:影像ct論文題目范文