每個(gè)人都曾試圖在平淡的學(xué)習(xí)、工作和生活中寫(xiě)一篇文章。寫(xiě)作是培養(yǎng)人的觀察、聯(lián)想、想象、思維和記憶的重要手段。范文怎么寫(xiě)才能發(fā)揮它最大的作用呢？這里我整理了一些優(yōu)秀的范文，希望對(duì)大家有所幫助，下面我們就來(lái)了解一下吧。
如何實(shí)施《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)課堂設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)課設(shè)篇一
摘要：網(wǎng)頁(yè)設(shè)計(jì)課程是計(jì)算機(jī)和藝術(shù)的交叉學(xué)科課程，應(yīng)注重將技術(shù)和藝術(shù)相結(jié)合起來(lái)進(jìn)行教學(xué)。本文針對(duì)“網(wǎng)頁(yè)設(shè)計(jì) ”課程的特點(diǎn)，結(jié)合實(shí)踐應(yīng)用，闡述在教學(xué)方面的一些體會(huì)。
關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)，教學(xué)方法
abstract: website design course is a cross computer science and artistry course, it is need to combine teaching methods of these paper is to base on the feature of “website design” course and practice , to give some opinion about words : website design, a teaching method
一、引言
《網(wǎng)頁(yè)設(shè)計(jì)》課程是職業(yè)院校計(jì)算機(jī)類(lèi)專(zhuān)業(yè)及電子商務(wù)專(zhuān)業(yè)的一門(mén)專(zhuān)業(yè)課程，也是一門(mén)實(shí)踐性很強(qiáng)的職業(yè)技術(shù)課程。由于《網(wǎng)頁(yè)設(shè)計(jì)》課程實(shí)踐性和更新性很強(qiáng)，該課程如果采用傳統(tǒng)的教學(xué)方式，那結(jié)果是不理想的。在這里結(jié)合自身的實(shí)際經(jīng)驗(yàn)，談?wù)劸W(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)。
二、教學(xué)策略
1．課程特點(diǎn)
網(wǎng)頁(yè)設(shè)計(jì)課程是計(jì)算機(jī)和藝術(shù)的交叉學(xué)科課程。在教學(xué)過(guò)程中，除了要求學(xué)生掌握基本的技術(shù)外，也必須對(duì)藝術(shù)設(shè)計(jì)有一定的了解。網(wǎng)頁(yè)設(shè)計(jì)應(yīng)注重技術(shù)和藝術(shù)的統(tǒng)一性。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，應(yīng)考慮網(wǎng)站的總體結(jié)構(gòu)，風(fēng)格定位，色彩的應(yīng)用，版式的設(shè)計(jì)等方面的因素，力求形式與內(nèi)容的統(tǒng)一，讓網(wǎng)頁(yè)的顯示達(dá)到快捷，美觀的視覺(jué)效果。
2．教學(xué)方案
要設(shè)計(jì)一個(gè)好的網(wǎng)頁(yè)作品，首要的因素不是創(chuàng)新，而是“用戶(hù)體驗(yàn)”，第一步應(yīng)該站在用戶(hù)的角度去考慮設(shè)計(jì)方案，所有的形象風(fēng)格都必須服從主題，服務(wù)用戶(hù)。這就對(duì)網(wǎng)頁(yè)的整體形象有了較高的要求，整體形象包括版式設(shè)計(jì)，色彩的應(yīng)用，logo設(shè)計(jì)，素材設(shè)計(jì)，廣告設(shè)計(jì)，web圖像設(shè)計(jì)及優(yōu)化，交互方式等等。在教學(xué)時(shí)，我們可以結(jié)合實(shí)際，要求學(xué)生從版式布局設(shè)計(jì)和網(wǎng)頁(yè)元素的處理及色彩搭配三方面著手，歸納如下：
（1）版式設(shè)計(jì)
網(wǎng)頁(yè)的美感來(lái)源于網(wǎng)頁(yè)的版式設(shè)計(jì)，它突出了網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)性和個(gè)性，屬于網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)，好的版式設(shè)計(jì)會(huì)使得網(wǎng)頁(yè)顯得更具有美感和創(chuàng)意。網(wǎng)頁(yè)的版式設(shè)計(jì)是基于內(nèi)容的，應(yīng)該從實(shí)用性和藝術(shù)性考慮。網(wǎng)頁(yè)內(nèi)容一定要主次分明，中心突出；導(dǎo)航要清晰；可以圖文并茂，是網(wǎng)頁(yè)顯得生動(dòng)和活躍。除此以外，網(wǎng)頁(yè)的版式設(shè)計(jì)要符合統(tǒng)一、分割的原則。統(tǒng)一即指整個(gè)網(wǎng)站版式風(fēng)格的統(tǒng)一性、整體性；分割即指要科學(xué)的劃分整個(gè)頁(yè)面。
網(wǎng)頁(yè)的版式設(shè)計(jì)主要是表格、層等技術(shù)的應(yīng)用。表格是一種最簡(jiǎn)單的布局手法，它可以將圖像和文字做最恰當(dāng)?shù)木幣?，達(dá)到清晰易懂的效果。層（span）的布局，是現(xiàn)在正當(dāng)流行的排版手法，它主要應(yīng)用相對(duì)位置等的關(guān)系進(jìn)行準(zhǔn)確定位，再加上層疊樣式表的輔助，突出了它對(duì)網(wǎng)頁(yè)的設(shè)計(jì)具有可擴(kuò)展的優(yōu)勢(shì)。
文字是網(wǎng)頁(yè)內(nèi)容的主要載體，所以文字的視覺(jué)效果在版式設(shè)計(jì)中也起著關(guān)鍵的作用。文字的設(shè)置可以分為字體、大小、顏色、行距等，通過(guò)這些屬性設(shè)置，使文字排列得整體和美觀。但要注意的是中文字體和英文等其他字體的設(shè)置，是有一定區(qū)別的。英文的字體有很多的選擇，但中文的正文字，總的來(lái)說(shuō)，就兩種：宋體和黑體。在傳統(tǒng)的版式設(shè)計(jì)中，大家都還是傾向于英文的排版，從視覺(jué)上來(lái)看，英文字體更有韻律性，因?yàn)槊總€(gè)字母本身高矮不一致；但是中文字體相對(duì)來(lái)說(shuō)，就顯得單調(diào)和獨(dú)立些，所以在設(shè)計(jì)時(shí)，這兩種文字要作不同的處理。另外，也不要選擇一些非常特殊的字體，除非用戶(hù)的瀏覽器認(rèn)識(shí)這些特殊字體，否則將會(huì)出現(xiàn)亂碼。如果遇到非要使用特殊字體的情況，可將文字轉(zhuǎn)換成圖片再將其應(yīng)用。對(duì)于字號(hào)而言，單位應(yīng)采用em，而不是px，這點(diǎn)在使用層疊樣式表（css）時(shí)尤為重要，還要注意的是em和px是有差別的，所以在使用的時(shí)候也要對(duì)上號(hào)，否則也達(dá)不到預(yù)先的視覺(jué)效果。文字一行的字?jǐn)?shù)最好不超過(guò)50字，首頁(yè)的標(biāo)題在10-20字為佳；行距一般使用的是20-22像素的行距，這樣使得整個(gè)的文字內(nèi)容部分不會(huì)顯得太緊湊或者太松散。文字的整體排列一般有四種基本形式：兩端對(duì)齊、居中對(duì)齊、左對(duì)齊或右對(duì)齊、圖文環(huán)繞排列。在整個(gè)網(wǎng)頁(yè)版式設(shè)計(jì)中，標(biāo)題文字的設(shè)計(jì)原則應(yīng)該是“醒目而不夸張”。
導(dǎo)航欄的設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中也很重要，它對(duì)整個(gè)網(wǎng)站內(nèi)容有提綱和導(dǎo)航的作用，在設(shè)計(jì)的時(shí)候，要注意首先導(dǎo)航欄的風(fēng)格也要和整個(gè)網(wǎng)頁(yè)風(fēng)格保持統(tǒng)一，另外最好采用文字，因?yàn)榫W(wǎng)絡(luò)的速度可能會(huì)影響圖片的正常下載；不過(guò)現(xiàn)在flash按鈕的導(dǎo)航欄已經(jīng)成為時(shí)尚，它可以實(shí)現(xiàn)豐富的動(dòng)感效果。
（2）網(wǎng)頁(yè)元素的處理
網(wǎng)頁(yè)元素包括logo、按鈕、圖片、動(dòng)畫(huà)、聲音、banner等。在網(wǎng)頁(yè)中包含這些對(duì)象時(shí)要注意的有：首先是logo的設(shè)計(jì)，logo代表了整個(gè)網(wǎng)站或者企業(yè)的文化，一個(gè)有特色、具有視覺(jué)沖擊力的logo，可以直接影響瀏覽者對(duì)網(wǎng)站的判斷，給瀏覽者留下記憶深刻的印象。其次，要確保網(wǎng)頁(yè)上的每一個(gè)元素都有存在的必要性，不要使用冗余的技術(shù)和內(nèi)容；再次，要保持形式和內(nèi)容的統(tǒng)一；最后，要盡量的使網(wǎng)頁(yè)具有快捷性。對(duì)于網(wǎng)頁(yè)的特效技術(shù)，最好采用javascript或css技術(shù)來(lái)實(shí)現(xiàn)。
（3）色彩的處理
并非所有的顏色都能應(yīng)用于網(wǎng)頁(yè)，網(wǎng)頁(yè)中的顏色會(huì)受到硬件、瀏覽器等的影響，即使網(wǎng)頁(yè)中使用了非常合理、非常漂亮的配色方案，每一位用戶(hù)所看到的效果也不一定相同。所以，最好使用使用網(wǎng)頁(yè)安全色來(lái)避免和解決這種問(wèn)題。網(wǎng)頁(yè)安全色是指在不同的硬件環(huán)境和軟件環(huán)境下都能在瀏覽器上正常顯示的顏色，并且現(xiàn)顯示的效果都一樣，不會(huì)出現(xiàn)失真的現(xiàn)象。在頁(yè)面設(shè)計(jì)中，整個(gè)網(wǎng)頁(yè)的色彩種類(lèi)最好不要超過(guò)3種，一種或者兩種主體色，其他為輔助色。顏色種類(lèi)太多，會(huì)讓人覺(jué)得很雜亂。另外，文字內(nèi)容和網(wǎng)頁(yè)的背景顏色的對(duì)比要做到突出，比如：背景為深色，則文字的顏色可以選取淺色調(diào)；背景為淺色時(shí)，文字顏色就應(yīng)該深些；這種深淺的變化在色彩學(xué)中稱(chēng)為“明度變化“。比如有些主頁(yè)，背景色和文字顏色都采用的是深色，由于色彩的明度較近，所以瀏覽者來(lái)瀏覽閱讀的時(shí)候，會(huì)感覺(jué)吃力，從而影響閱讀；但是色彩的明度變化也不能太大，明度變化大會(huì)導(dǎo)致亮度的反差強(qiáng)，讓人覺(jué)得很刺眼，同樣會(huì)影響整個(gè)網(wǎng)頁(yè)的視覺(jué)效果。在進(jìn)行顏色搭配時(shí)，還要注意的是：第一，采用的顏色應(yīng)具有聯(lián)想性，不同的色彩會(huì)產(chǎn)生不同的聯(lián)想，所以色彩的選取也要和網(wǎng)頁(yè)的內(nèi)涵有關(guān)。第二，色彩的合理性。根據(jù)網(wǎng)頁(yè)的主題的不同，選取相應(yīng)的色彩，比如紅色，可以體現(xiàn)出網(wǎng)站的熱情和喜慶；藍(lán)色可體現(xiàn)出科技的氣息等。第三，色彩要有鮮明性，這個(gè)才能給瀏覽者深刻的印象，并有耳目一新的感覺(jué)。
（4）網(wǎng)頁(yè)賞析
在教學(xué)過(guò)程中對(duì)學(xué)生的引導(dǎo)是非常重要的，設(shè)計(jì)網(wǎng)頁(yè)得多看多學(xué)，網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)和風(fēng)格在日新月異地變化，所以在提高學(xué)生設(shè)計(jì)技術(shù)的同時(shí)，還要多培養(yǎng)學(xué)生的審美能力，知道怎么設(shè)計(jì)才是一個(gè)好的網(wǎng)頁(yè)。創(chuàng)建網(wǎng)頁(yè)是一個(gè)不斷學(xué)習(xí)的過(guò)程，在看一個(gè)網(wǎng)站的時(shí)候，找到這個(gè)網(wǎng)站的優(yōu)點(diǎn)缺點(diǎn)，注意哪些是可以借鑒的，哪些是需要避免的，在看的同時(shí)，可以看些成熟的網(wǎng)站，也可以看些成長(zhǎng)中的作品，在同期的比較中，也有助于自身的提高。另外，鼓勵(lì)學(xué)生看源文件，了解某些效果是如果實(shí)現(xiàn)的，在效仿的同時(shí)進(jìn)行改進(jìn)和創(chuàng)新。
（5）考核方式
網(wǎng)頁(yè)設(shè)計(jì)課程的考核應(yīng)該打破傳統(tǒng)的考試方式，建議采用機(jī)考的方式，學(xué)生通過(guò)一學(xué)期的學(xué)習(xí)，應(yīng)能自行設(shè)計(jì)各種網(wǎng)頁(yè)，熟練掌握其基本制作方法和技巧，在規(guī)定的時(shí)間內(nèi)設(shè)計(jì)網(wǎng) 頁(yè)。這也是一種對(duì)提高學(xué)生動(dòng)能能力的一種鞭策方法。
三、結(jié)束語(yǔ)
在網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)中，應(yīng)當(dāng)充分認(rèn)識(shí)到網(wǎng)頁(yè)設(shè)計(jì)課程的特點(diǎn)，結(jié)合實(shí)際，采取相應(yīng)的教學(xué)措施和方法完成教學(xué)任務(wù)，以達(dá)到良好的教學(xué)效果。對(duì)于信息科技迅猛的發(fā)展今天，必須摒棄陳舊的教學(xué)理念，及時(shí)提高自身的專(zhuān)業(yè)水平，完善自身的教學(xué)理念，尋找更好的教學(xué)方法，激發(fā)學(xué)生的學(xué)習(xí)興趣，培養(yǎng)學(xué)生追求新知的能力和動(dòng)手實(shí)踐的能力，從而達(dá)到學(xué)以致用的效果。
參考資料： 田博文，《dreamweaver8基礎(chǔ)培訓(xùn)教程》，人民郵電出版社，2007年2月
孫素華，<< dreamweaverms2004完美網(wǎng)頁(yè)設(shè)計(jì)>>，中國(guó)青年出版社，2005年10月
如何實(shí)施《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)課堂設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)課設(shè)篇二
如何實(shí)施《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)課堂
袁志軍
新疆烏魯木齊 新疆職業(yè)大學(xué)
830011
摘要：新的時(shí)代，新的教育理念，教育也提出新的改革，尤其是高職教育, 以培養(yǎng)技術(shù)應(yīng)用能力為主線(xiàn),設(shè)計(jì)學(xué)生的知識(shí)、能力、素質(zhì)結(jié)構(gòu)和培養(yǎng)方案, 對(duì)我們教師的工作提出了更高的要求，那么我們應(yīng)該怎樣來(lái)合理安排我們計(jì)算機(jī)類(lèi)的教學(xué)設(shè)計(jì)任務(wù)呢？筆者根據(jù)自己授課的實(shí)際經(jīng)驗(yàn)寫(xiě)出自己在教學(xué)任務(wù)安排當(dāng)中的實(shí)際感受，以供大家相互探討。
關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)
教學(xué)項(xiàng)目
教學(xué)課堂
how to implement the“ webpage design” teaching class
vocational university
yuan zhijun(xinjiang vocational university, urumqi, xinjiang 830011, china)abstract: with the advance of new era and new education idea, the new education reform is proposed, especially the higher vocational education, which is based on the cultivation of application ability, designing for students' knowledge, ability, quality structure and training programs, raises higher requirements for our should we arrange our computer teaching designing tasks? according to the author's own teaching experience, here i want to share my own teaching arrangements in the real sense with words: webpage design, teaching project, teaching
在教學(xué)任務(wù)設(shè)計(jì)設(shè)計(jì)中由于每個(gè)教師的思想、氣質(zhì)、知識(shí)結(jié)構(gòu)、教學(xué)能力和審美情趣不同，針對(duì)不同的教材和學(xué)生的實(shí)際，在從事教學(xué)活動(dòng)時(shí)，在方法上每位老師都有自己的選擇和側(cè)重的角度，都要采取自己得心應(yīng)手的方式方法，創(chuàng)造出自己的授課路子和風(fēng)格。不同的教學(xué)特色和授課風(fēng)格可以并行，不應(yīng)嵌在一個(gè)框子里，其實(shí)只要是效果好，質(zhì)量高，學(xué)生愛(ài)學(xué)的就是好方法。
這學(xué)期我上的《網(wǎng)頁(yè)設(shè)計(jì)》課程102課時(shí)，網(wǎng)頁(yè)設(shè)計(jì)主要涉及到的軟件有:dreamweaver、flash、firework、photoshop加asp動(dòng)態(tài)網(wǎng)站基礎(chǔ)開(kāi)發(fā)及后臺(tái)管理等，也是學(xué)生比較熱衷的一門(mén)課程，互聯(lián)網(wǎng)已經(jīng)成為人們獲取知識(shí)、網(wǎng)上購(gòu)物、傳遞信息、相互交流、和共享資源的重要途徑，而網(wǎng)站作為人們與客戶(hù)通過(guò)網(wǎng)絡(luò)相互交互溝通已成為了最主要的橋梁，更成為網(wǎng)絡(luò)應(yīng)用的一大熱點(diǎn)。隨著網(wǎng)站相關(guān)技術(shù)的不斷發(fā)展，越來(lái)越多的人開(kāi)始接觸網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站開(kāi)發(fā)工作，網(wǎng)頁(yè)設(shè)計(jì)師正成為互聯(lián)網(wǎng)應(yīng)用領(lǐng)域不可或缺的職位之一，這也大大激發(fā)了學(xué)生對(duì)這門(mén)課的學(xué)習(xí)興趣。但是學(xué)生作為一個(gè)新手，對(duì)網(wǎng)頁(yè)設(shè)計(jì)知之甚少，而現(xiàn)代社會(huì)工作節(jié)奏快、時(shí)間緊，怎樣才能在有限的時(shí)間內(nèi)快速掌握網(wǎng)頁(yè)設(shè)計(jì)的基本技能且印象深刻、既實(shí)用并能快速上手呢？我們?nèi)绾瓮ㄟ^(guò)大量實(shí)例項(xiàng)目演練,扎實(shí)理論與軟件基礎(chǔ),注重學(xué)員實(shí)踐能力培養(yǎng) ,提高就業(yè)保障呢？下面簡(jiǎn)要結(jié)合本課程的教學(xué)方法來(lái)與大家一起探討。
一、課前準(zhǔn)備 我們備課中不僅要備學(xué)生而且備教材備教法，根據(jù)教材內(nèi)容及學(xué)生的實(shí)際，設(shè)計(jì)課的類(lèi)型，擬定采用哪一種教學(xué)方法，并對(duì)教學(xué)過(guò)程的程序及時(shí)間安排都作詳細(xì)的記錄，認(rèn)真寫(xiě)好電子教案。每一課都做到“有備而來(lái)”，每堂課都在課前做好充分的準(zhǔn)備，針對(duì)《網(wǎng)頁(yè)設(shè)計(jì)》這門(mén)課我采用的是項(xiàng)目分組與實(shí)例應(yīng)用結(jié)合的方法來(lái)上課，上第一堂課之前先調(diào)研學(xué)生在其它課程中的學(xué)習(xí)狀態(tài)、學(xué)習(xí)能力、學(xué)習(xí)態(tài)度以及用功程度等考察學(xué)生的綜合能力。然后根據(jù)能力大小將學(xué)生搭配分組，以好的帶差的，以強(qiáng)的帶弱的。通過(guò)學(xué)生之間的相互輔助增加同學(xué)之間的友情，同時(shí)也可以增強(qiáng)小組之間的競(jìng)爭(zhēng)能力，另外也讓同學(xué)們?cè)趯W(xué)習(xí)的同時(shí)也認(rèn)識(shí)到團(tuán)隊(duì)合作精神的重要性。
二、第一堂課 老師確定自己的教學(xué)思路并與學(xué)生一起調(diào)研網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目和確定有網(wǎng)頁(yè)設(shè)計(jì)開(kāi)發(fā)要求的部門(mén)單位，調(diào)研項(xiàng)目的大綱由老師來(lái)負(fù)責(zé)準(zhǔn)備，然后即可安排學(xué)生中速打較快和文筆較好的同學(xué)一起來(lái)寫(xiě)一封關(guān)于網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用需求的調(diào)研通知，通過(guò)學(xué)生自己的理解來(lái)表達(dá)他們與用戶(hù)溝通的技巧，并且也鍛煉了同學(xué)們的協(xié)調(diào)能力。同時(shí)要求小組通過(guò)報(bào)名或推選的方式確定小組項(xiàng)目負(fù)責(zé)人（小組長(zhǎng)），小組一起探討選擇比較適合自己特點(diǎn)、能力、也是自己強(qiáng)項(xiàng)的工作任務(wù)，小組長(zhǎng)負(fù)責(zé)帶領(lǐng)小組根據(jù)項(xiàng)目特點(diǎn)制定過(guò)程表格的具體要求。例如：需要提出的問(wèn)題、采用哪種表格方式來(lái)記錄需求、需要具有怎樣相應(yīng)的實(shí)施條件、項(xiàng)目實(shí)施的進(jìn)度規(guī)劃等。教師將事先分配好的小組名單和調(diào)研通知公布在校園網(wǎng)上，并且發(fā)出書(shū)面通知希望能夠得到相關(guān)部門(mén)單位的協(xié)助與配合，老師在中間起協(xié)調(diào)溝通作用。
三、課堂教學(xué) 我們的教學(xué)任務(wù)是讓學(xué)生在‘教與學(xué)“當(dāng)中學(xué)習(xí)掌握更多的實(shí)際操作技能，這就要求我們結(jié)合實(shí)例來(lái)教受學(xué)習(xí)任務(wù)，教會(huì)學(xué)生在已有的案例基礎(chǔ)上開(kāi)發(fā)利用，以提高開(kāi)發(fā)速度和拓展更多的學(xué)習(xí)思路。要對(duì)多年來(lái)的教學(xué)技巧和經(jīng)驗(yàn)進(jìn)行總結(jié)，教會(huì)學(xué)生通過(guò)使用一些簡(jiǎn)單的圖形處理軟件、抓圖軟件、和flash制作軟件工具來(lái)制作網(wǎng)頁(yè)，可大大提高學(xué)生網(wǎng)頁(yè)的制作速度，簡(jiǎn)化制作步驟。以不致于把更多的精力都放在學(xué)習(xí)flash、firework、photoshop中，造成本末倒置，因?yàn)橹谱骶W(wǎng)站繁雜而失去對(duì)學(xué)習(xí)《網(wǎng)頁(yè)設(shè)計(jì)》學(xué)習(xí)的興趣。教會(huì)學(xué)生們準(zhǔn)備網(wǎng)業(yè)設(shè)計(jì)的素材、網(wǎng)頁(yè)構(gòu)架、布局、顏色搭配、asp、數(shù)據(jù)庫(kù)、網(wǎng)站總體規(guī)劃等最終達(dá)到動(dòng)態(tài)網(wǎng)站設(shè)計(jì)能力。
四、課后調(diào)研 讓學(xué)生在課后到相應(yīng)的部門(mén)調(diào)研需求，調(diào)研需求的方法是先找部門(mén)的基層工作人員落實(shí)需求，因?yàn)榛鶎庸ぷ髡吒私夤ぷ鞯男再|(zhì)、方法、步驟和需求，對(duì)具體的操作要求也更有發(fā)言權(quán)。這樣既鍛煉了學(xué)生的溝通能力，同時(shí)也增加了師生之間的感情交流。通過(guò)取得的調(diào)研需求小組討論進(jìn)行詳細(xì)的需求分析，通過(guò)邊學(xué)邊做邊分析使學(xué)生懂得分析與取舍，將難度非常大的且無(wú)法實(shí)現(xiàn)的功能去除或改用其它模式來(lái)處理。在學(xué)習(xí)過(guò)程中不斷通過(guò)查閱圖書(shū)、網(wǎng)絡(luò)來(lái)查詢(xún)解決問(wèn)題，再由老師和學(xué)生小組一起討論，將問(wèn)題做到最好最滿(mǎn)意的解決方式，鍛煉同學(xué)們分析問(wèn)題和解決問(wèn)題的能力，通過(guò)不斷的摸索和討論形成整體框架。
五、項(xiàng)目實(shí)施與評(píng)估
學(xué)生確定各自在小組中的分工以及小組成員合作的形式，然后按照已確立的步驟和程序工作。結(jié)合項(xiàng)目任務(wù)開(kāi)始邊學(xué)習(xí)課程內(nèi)容邊實(shí)踐項(xiàng)目開(kāi)發(fā)、學(xué)習(xí)新知識(shí)、解決新問(wèn)題。在制作的同時(shí)要強(qiáng)調(diào)學(xué)生要養(yǎng)成良好的記錄信息并保存信息的習(xí)慣，以便為自己也為后期修改人員可以讀懂你的程序而做好準(zhǔn)備。先由學(xué)生對(duì)自己的項(xiàng)目結(jié)果進(jìn)行自我評(píng)估，再由教師進(jìn)行檢查評(píng)分。師生共同討論，評(píng)判項(xiàng)目工作中出現(xiàn)的問(wèn)題，學(xué)生解決問(wèn)題的方法以及學(xué)習(xí)行動(dòng)的特征。通過(guò)對(duì)比師生評(píng)價(jià)結(jié)果，找出造成結(jié)果差異的原因。當(dāng)學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)規(guī)劃的整體制作步驟時(shí)再將做好的網(wǎng)站模塊展示給相關(guān)部門(mén)領(lǐng)導(dǎo)審核，再度提出需求進(jìn)行修改創(chuàng)新，當(dāng)部門(mén)單位試用效果基本滿(mǎn)意時(shí)，再通過(guò)各個(gè)部門(mén)的網(wǎng)站框架將數(shù)據(jù)整合，分析、調(diào)試，制作出適合于本校的動(dòng)態(tài)網(wǎng)站應(yīng)用系統(tǒng)，將整個(gè)系統(tǒng)安裝在學(xué)校的服務(wù)器上進(jìn)行應(yīng)用。
六、歸檔和項(xiàng)目應(yīng)用 項(xiàng)目工作結(jié)果應(yīng)該歸檔保存，即進(jìn)行項(xiàng)目文檔的收集、整理和保存工作。以供下一屆學(xué)生能夠在此項(xiàng)目的基礎(chǔ)上做更完善的二次開(kāi)發(fā)，同時(shí)也是該學(xué)生團(tuán)隊(duì)此門(mén)課程重要的考核依據(jù)。開(kāi)發(fā)的項(xiàng)目應(yīng)用也可投入到學(xué)校的實(shí)際應(yīng)用當(dāng)中去，減少部門(mén)單位人員繁雜的手工業(yè)務(wù)流程和紙張資源，在應(yīng)用的基礎(chǔ)上可根據(jù)應(yīng)用效果的好壞可適度提出給予小組成員申請(qǐng)資助獎(jiǎng)勵(lì)，激發(fā)學(xué)生積極向上的學(xué)習(xí)精神，提高學(xué)生的成就感。通過(guò)這種模式的教學(xué)不但可以提高學(xué)生的學(xué)習(xí)興趣，還可以鍛煉學(xué)生的綜合素質(zhì)。同時(shí)也為單位不必購(gòu)買(mǎi)昂貴的應(yīng)用軟件而投入大量的資金解決了問(wèn)題。
七、教學(xué)模式的延伸 隨著社會(huì)的發(fā)展，目前教學(xué)手段不斷出新花樣，各高校都廣泛采取視頻教學(xué)的方式來(lái)教學(xué)，一是可以吸引學(xué)生的興趣，二是可以活躍教學(xué)氣氛，三、便于學(xué)生課后學(xué)習(xí)和復(fù)習(xí)，四、可以通過(guò)網(wǎng)絡(luò)的方式讓更多的學(xué)生參與到課堂教學(xué)當(dāng)中，同時(shí)在社會(huì)實(shí)踐學(xué)習(xí)過(guò)程中視頻教學(xué)更能清晰的表達(dá)出教學(xué)內(nèi)容和目的，對(duì)于參照物尤其是操作過(guò)程更能夠清晰的表達(dá)給學(xué)生。所以通過(guò)一種簡(jiǎn)單實(shí)用的方法來(lái)建設(shè)一套能夠網(wǎng)絡(luò)實(shí)時(shí)直播的或存儲(chǔ)后及時(shí)上傳的網(wǎng)絡(luò)教學(xué)錄像設(shè)備，對(duì)于我們項(xiàng)目案例教學(xué)法來(lái)說(shuō)是非常必要的。該設(shè)備要具備方便搭建可靈活性和可靠性，能夠適應(yīng)各種復(fù)雜環(huán)境場(chǎng)所下錄制的可能。當(dāng)然我們搭建的主要核心設(shè)備應(yīng)該是一臺(tái)高清網(wǎng)絡(luò)攝像機(jī)，其次是我們的監(jiān)視畫(huà)面和語(yǔ)音錄音存儲(chǔ)設(shè)備及相應(yīng)的網(wǎng)絡(luò)上傳和發(fā)布軟件，具體的搭建要看投入的資金、設(shè)備、環(huán)境來(lái)決定。
通過(guò)此課程的分析歸納如下：計(jì)算機(jī)專(zhuān)業(yè)教學(xué)中，教師可從實(shí)際出發(fā)，精選出一些典型項(xiàng)目，說(shuō)明其要求和要達(dá)到的效果后，為每個(gè)項(xiàng)目聘項(xiàng)目經(jīng)理（小組長(zhǎng)）一名，由學(xué)生自由報(bào)名，或通過(guò)應(yīng)聘競(jìng)選方式選拔出，再由項(xiàng)目經(jīng)理去為其他同學(xué)分工，一起進(jìn)行籌備，直到完成項(xiàng)目后交教師審核，教師在其中起指導(dǎo)作用，學(xué)生起主導(dǎo)作用，這樣學(xué)生由被動(dòng)變?yōu)橹鲃?dòng)，可增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性和團(tuán)隊(duì)精神。高職教育的課程要求我們應(yīng)把課程應(yīng)用到項(xiàng)目中去，所以結(jié)合實(shí)際的開(kāi)發(fā)工作需求，首先要讓學(xué)生明白他們的工作任務(wù)，讓學(xué)生懂得課程體系在項(xiàng)目中的地位和作用，使學(xué)生了解從項(xiàng)目需求到最終的驗(yàn)收結(jié)束、資料歸檔整理等所需要經(jīng)歷哪些過(guò)程，做好哪些工作準(zhǔn)備，需要怎樣的溝通技巧、通過(guò)哪些工具來(lái)完成最后老師交給的項(xiàng)目。而不是把學(xué)生培養(yǎng)成只會(huì)解釋問(wèn)題的“理論高手”，而是要培養(yǎng)學(xué)生具有解決實(shí)際問(wèn)題的“智慧高手”，解決“怎么干”，“干什么”的問(wèn)題。在教學(xué)中，教師與學(xué)生承擔(dān)著更多的教與學(xué)的責(zé)任，要求有更多的投入和參與。
參考文獻(xiàn)
王文惠．高校網(wǎng)絡(luò)課程開(kāi)發(fā)中的教學(xué)設(shè)計(jì)研究[j]．昌吉學(xué)院學(xué)報(bào)，2006，4：66～69 周?chē)?guó)燭 韓志偉．高等職業(yè)教育課程教學(xué)設(shè)計(jì)與案例．中國(guó)輕工業(yè)出版社．2009,7月
袁志軍
1972年
男
副教授
工學(xué)學(xué)士
主要研究方向：計(jì)算機(jī)
如何實(shí)施《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)課堂設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)課設(shè)篇三
網(wǎng)頁(yè)設(shè)計(jì)教學(xué)總結(jié)
這個(gè)學(xué)期我擔(dān)任了10網(wǎng)絡(luò)(1)(2)班和10商務(wù)班的的網(wǎng)頁(yè)設(shè)計(jì)這門(mén)課程。在前面半個(gè)學(xué)期的教學(xué)中，我做到了認(rèn)真制定計(jì)劃，注重教學(xué)理論，認(rèn)真?zhèn)湔n和教學(xué)，努力上好每一節(jié)課，并和其它優(yōu)秀老師交流，從中吸取教學(xué)經(jīng)驗(yàn)，取長(zhǎng)補(bǔ)短，提高自己的教學(xué)水平。按照課程要求進(jìn)行施教，讓學(xué)生掌握好網(wǎng)頁(yè)設(shè)計(jì)知識(shí)。還注意以德為本，結(jié)合網(wǎng)站實(shí)例進(jìn)行層層善誘，多方面、多角度去培養(yǎng)學(xué)生的實(shí)踐能力、提升其操作技能。
下面從以下幾個(gè)方面來(lái)談?wù)勎疫@個(gè)半個(gè)學(xué)期的教學(xué)總結(jié)： 教學(xué)進(jìn)度
按照教學(xué)進(jìn)度，我們已經(jīng)完成了課程的全部?jī)?nèi)容的學(xué)習(xí)。教學(xué)進(jìn)度基本上按照原計(jì)劃已經(jīng)完成了。教學(xué)方法
教學(xué)中我從以下幾方面進(jìn)行努力：
一、課前準(zhǔn)備。熟悉教材。解教材的結(jié)構(gòu)，重點(diǎn)與難點(diǎn)，掌握知識(shí)的邏輯，能運(yùn)用自如，知道應(yīng)補(bǔ)充哪些資料，采用哪個(gè)實(shí)例作為網(wǎng)頁(yè)教學(xué)實(shí)例；解學(xué)生的知識(shí)結(jié)構(gòu)，解他興趣、需要和習(xí)慣，知道他學(xué)習(xí)新知識(shí)可能會(huì)有哪些困難，采取相應(yīng)的預(yù)防措施；結(jié)合學(xué)生情況采取何種教學(xué)方法，解決如何把教材上的知識(shí)系統(tǒng)地傳授給學(xué)生，包括如何組織教材、如何安排每節(jié)課、如何講解實(shí)例。設(shè)計(jì)一些實(shí)際中的商業(yè)網(wǎng)站案例。
二、課堂情況。網(wǎng)頁(yè)設(shè)計(jì)課上。課堂上引起學(xué)生的興趣，激發(fā)學(xué)生的創(chuàng)作興趣。網(wǎng)頁(yè)設(shè)計(jì)課里包含有一些圖片設(shè)計(jì)和動(dòng)畫(huà)設(shè)計(jì)，這些需要有豐富的想象力才能制作出優(yōu)秀的作品，課堂上，也盡力培養(yǎng)學(xué)生的想象力，引導(dǎo)學(xué)生想象。課堂上，始終以學(xué)生為學(xué)習(xí)主體，把學(xué)習(xí)的主動(dòng)權(quán)交給學(xué)生，挖掘?qū)W生潛在能力，讓學(xué)生自主學(xué)習(xí)，提高學(xué)生學(xué)習(xí)的獨(dú)立性。記得在有節(jié)課，把一個(gè)網(wǎng)站拿來(lái)講解，讓學(xué)生先看，看了后讓學(xué)生在草稿紙上畫(huà)出自己的設(shè)計(jì)草圖。最后我再來(lái)以不同的方式講解該網(wǎng)站制作的方式，給學(xué)生從多角度進(jìn)行分析。有時(shí)也讓學(xué)生在教師機(jī)上當(dāng)場(chǎng)操作，讓學(xué)生的智慧、能力得到體驗(yàn)，使學(xué)生成了學(xué)習(xí)的主人，使學(xué)習(xí)成了需求，讓他覺(jué)得學(xué)習(xí)中有發(fā)現(xiàn)、有樂(lè)趣、有收獲。課堂上關(guān)注全體學(xué)生，注意信息反饋，調(diào)動(dòng)學(xué)生的注意，使其保持相對(duì)安靜，同時(shí)，激發(fā)學(xué)生的情感，使他產(chǎn)生愉悅的心境，創(chuàng)造良好的課堂氣氛，課堂語(yǔ)言簡(jiǎn)潔明了努力克服重復(fù)的毛病，課堂提問(wèn)面向全體學(xué)生，努力引發(fā)學(xué)生學(xué)網(wǎng)頁(yè)課的興趣。還要做好課后輔導(dǎo)工作。認(rèn)真批改學(xué)生的作業(yè)。
三、課后工作。要提高教學(xué)質(zhì)量。總結(jié)學(xué)生本次作業(yè)中的不足，解哪些知識(shí)學(xué)生還沒(méi)有理解并在下一節(jié)課時(shí)進(jìn)行補(bǔ)充說(shuō)明。鼓勵(lì)優(yōu)秀學(xué)生，激發(fā)其它學(xué)生。課后多和學(xué)生交流，解其學(xué)習(xí)情況，以便改善教學(xué)。存在問(wèn)題:
一、教學(xué)中的相互合作有待提高。
二、網(wǎng)絡(luò)教學(xué)資源還不是特別豐富，不能很好滿(mǎn)足教學(xué)需求。今后將進(jìn)一步加強(qiáng)網(wǎng)絡(luò)資源建設(shè)，并提高資源利用率。
總結(jié)整個(gè)2007年上半年的教學(xué)工作，收獲是豐富的，不管從知識(shí)，還是教學(xué)管理，還是教學(xué)經(jīng)驗(yàn)上都是豐富的。給了我成長(zhǎng)的道路上寶貴的一筆。雖然有很多時(shí)候都是在一種緊張，忙碌的狀態(tài)下走過(guò)，但我知道，走過(guò)了這一段，人生就會(huì)是另一個(gè)起點(diǎn)，有另一個(gè)更大的目標(biāo)等著我去前進(jìn)。
屈明 2011-12-28
如何實(shí)施《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)課堂設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)課設(shè)篇四
《第8課
美化網(wǎng)頁(yè)》教學(xué)設(shè)計(jì)
營(yíng)前中心小學(xué)
吳麗琴
【教學(xué)內(nèi)容分析】
這節(jié)課是閩教版《信息技術(shù)》小學(xué)五年級(jí)下冊(cè)第8課的內(nèi)容，是在前一節(jié)課學(xué)生學(xué)會(huì)創(chuàng)建站點(diǎn)和制作簡(jiǎn)單的文字網(wǎng)頁(yè)基礎(chǔ)上，學(xué)習(xí)在網(wǎng)頁(yè)中添加圖片、編輯加工圖片、設(shè)置網(wǎng)頁(yè)背景，從而完成對(duì)網(wǎng)頁(yè)的修飾、美化任務(wù)，使網(wǎng)站有與眾不同的風(fēng)格，提高自身藝術(shù)修養(yǎng)?！窘虒W(xué)對(duì)象分析】
從五年級(jí)學(xué)生的認(rèn)知特點(diǎn)來(lái)看，他們愛(ài)問(wèn)好動(dòng)、求知欲強(qiáng)、想象力豐富，對(duì)實(shí)際操作活動(dòng)有著濃厚的興趣，對(duì)直觀事物感知較強(qiáng)，正處在形象思維向抽象思維逐步過(guò)渡的階段。因此，在學(xué)習(xí)過(guò)程中，應(yīng)鼓勵(lì)學(xué)生自己觀察，親自動(dòng)手操作，進(jìn)行學(xué)生討論和交流，師生共同歸納總結(jié)，體驗(yàn)學(xué)習(xí)。
在講此課之前，學(xué)生已經(jīng)學(xué)過(guò)如何制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，并且添加圖片的技能學(xué)生已經(jīng)在word文字處理軟件中學(xué)習(xí)過(guò)。這為學(xué)生美化網(wǎng)頁(yè)作好了充分準(zhǔn)備。【教學(xué)目標(biāo)】
1、知識(shí)與能力
（1）了解網(wǎng)站的整體風(fēng)格。
（2）掌握在網(wǎng)頁(yè)中添加圖片、編輯加工圖片的方法。（3）會(huì)設(shè)置網(wǎng)頁(yè)背景。
2、過(guò)程與方法 通過(guò)學(xué)生自主學(xué)習(xí)過(guò)程中，掌握美化網(wǎng)頁(yè)的方法。
3、情感目標(biāo)
（1）通過(guò)師生協(xié)作和學(xué)生相互配合，培養(yǎng)學(xué)生合作團(tuán)結(jié)的精神。（2）培養(yǎng)學(xué)生熱愛(ài)美的情感，激發(fā)學(xué)生表現(xiàn)美的欲望，使學(xué)生的審美能力得到提高?！窘虒W(xué)重、難點(diǎn)】 1.教學(xué)重點(diǎn)
插入圖片、設(shè)置圖片屬性、編輯圖片、設(shè)置網(wǎng)頁(yè)背景。2.教學(xué)難點(diǎn)
網(wǎng)站的整體風(fēng)格、設(shè)置圖片屬性、編輯圖片 【教學(xué)準(zhǔn)備】 多媒體設(shè)備、課件、【教學(xué)過(guò)程】
一、導(dǎo)課
1、師：今天老師接到學(xué)校的一個(gè)重要通知，幫助學(xué)校招聘小小編輯員（課件出示通知內(nèi)容），參與校園網(wǎng)站的建設(shè)，同學(xué)們想不想去試一試呢？同學(xué)們真是熱情高漲，但是要成為小小編輯員可不是一件簡(jiǎn)單的事，必須通過(guò)重重的挑戰(zhàn)，你們準(zhǔn)備好了嗎？那就讓我們馬上進(jìn)入基礎(chǔ)小測(cè)驗(yàn)，看看大家是否具有火眼金睛，能夠“慧眼識(shí)美”。
2、師：請(qǐng)同學(xué)們認(rèn)真觀看以下幾張網(wǎng)頁(yè)，以同桌為小組進(jìn)行討論，優(yōu)秀的網(wǎng)頁(yè)具備哪些條件呢？
課件出示三坊七巷、土樓等網(wǎng)站實(shí)例，教師參與討論并提示學(xué)生可以從網(wǎng)頁(yè)的色彩、主題、布局等入手。（30秒）
3、指答，教師引導(dǎo)。
師：通過(guò)同學(xué)們的回答，我們可以總結(jié)出一個(gè)優(yōu)秀的網(wǎng)頁(yè)需要有，色彩合理，主題鮮明，版面協(xié)調(diào)，圖文并茂… …
4、師：通過(guò)上節(jié)課的學(xué)習(xí)，同學(xué)們還記得編輯網(wǎng)頁(yè)需要用到什么軟件嗎？請(qǐng)同學(xué)們跟著老師一起來(lái)回顧一下如何打開(kāi)frontpage。
教師操作，學(xué)生口述。
5、師：老師這里有一張網(wǎng)頁(yè)，根據(jù)優(yōu)秀網(wǎng)頁(yè)具有的條件，你有什么想法呢？
展示 “洞江小學(xué)學(xué)校簡(jiǎn)介”的網(wǎng)頁(yè)，指答。
6、師引入課題：是的，今天就讓我們一起來(lái)《美化網(wǎng)頁(yè)》。馬上迎接我們成為小小編輯員的第一個(gè)挑戰(zhàn)——為網(wǎng)頁(yè)插入圖片，讓網(wǎng)頁(yè)圖文并茂。
二、新課
挑戰(zhàn)一：“梳妝打扮” ——給網(wǎng)頁(yè)添加圖片，讓網(wǎng)頁(yè)圖文并茂。
1、師：還記得我們?cè)?jīng)學(xué)過(guò)哪些軟件也有插入圖片嗎？軟件的操作總是想通的，在frontpage中插入圖片的方式與word非常相似。
指答，同時(shí)通過(guò)課件截圖引導(dǎo)學(xué)生復(fù)習(xí)word插入圖片的方法。
2、師：請(qǐng)同學(xué)們打開(kāi)學(xué)習(xí)包里的這張網(wǎng)頁(yè)，為網(wǎng)頁(yè)梳妝打扮，插入學(xué)習(xí)包挑戰(zhàn)一里的圖片，可以參考課本p44—45頁(yè)或者挑戰(zhàn)一里的錦囊1。看看哪個(gè)小組的同學(xué)們完成得最快。（3分鐘）
師巡視指導(dǎo)。
3、師：請(qǐng)已經(jīng)完成的同學(xué)舉手示意老師，看來(lái)第*小組的同學(xué)完成得最快呀！現(xiàn)在老師想邀請(qǐng)同學(xué)們指導(dǎo)老師完成這個(gè)挑戰(zhàn)。
教師做快速演示，并且總結(jié)操作注意點(diǎn)——光標(biāo)的位置。挑戰(zhàn)二：“修剪邊幅”——對(duì)添加的圖片進(jìn)行編輯，協(xié)調(diào)版面結(jié)構(gòu)。
4、師：現(xiàn)在圖片插入好了，但是這畫(huà)面協(xié)調(diào)美觀嗎？我們需要修剪邊幅——對(duì)圖片進(jìn)行調(diào)整，總是有更大的挑戰(zhàn)等待著我們，請(qǐng)同學(xué)們參考課本p45—47或者挑戰(zhàn)二里的錦囊2，設(shè)置圖片的屬性，對(duì)圖片進(jìn)行編輯。（5分鐘）
同學(xué)之間可相互討論，師巡視指導(dǎo)。邀請(qǐng)學(xué)生上臺(tái)演示設(shè)置圖片屬性，師轉(zhuǎn)述。
5、師：已經(jīng)有小伙們?yōu)槲覀冄菔具^(guò)了，相信同學(xué)們對(duì)這個(gè)操作有更加清晰的認(rèn)識(shí)，請(qǐng)還未完成的同學(xué)繼續(xù)完成，已經(jīng)完成的同學(xué)可以嘗試?yán)^續(xù)美化網(wǎng)頁(yè)。（5分鐘）
師巡視指導(dǎo)，展示學(xué)生作品。
6、師：看看這位同學(xué)的作品，大家有發(fā)現(xiàn)圖片新的變化嗎？那么這位同學(xué)是如何達(dá)到這樣的效果呢？老師邀請(qǐng)這位同學(xué)上臺(tái)為我們演示。
學(xué)生演示，師轉(zhuǎn)述。
挑戰(zhàn)三：“穿花衣”——給網(wǎng)頁(yè)添加背景圖片。
7、師：再來(lái)看看這位同學(xué)的作品，又有什么新的變化呢？這位同學(xué)真棒，這是老師還沒(méi)有布置的終極目標(biāo)，看來(lái)終極目標(biāo)也沒(méi)有難住他。那有沒(méi)有難住你呢？請(qǐng)同學(xué)們給網(wǎng)頁(yè)穿上花衣裳，添加背景圖片，可以參看挑戰(zhàn)三里的錦囊3，完成挑戰(zhàn)三。（5分鐘）
學(xué)生演示，師轉(zhuǎn)述。
三、小結(jié)
1、師：同學(xué)們不斷突破重重的挑戰(zhàn)，老師發(fā)現(xiàn)好多合格的小小編輯員，但是你覺(jué)得誰(shuí)是今天最優(yōu)秀的小小編輯員呢？老師想邀請(qǐng)這幾位同學(xué)加入編輯員的隊(duì)伍，你們?cè)敢鈫幔?BR> 2、師：通過(guò)這節(jié)課的學(xué)習(xí)，你有什么收獲？（指答）
3、師小結(jié)：老師希望同學(xué)們能夠善于打開(kāi)思維，豐富想法，養(yǎng)成自主學(xué)習(xí)的習(xí)慣，勇于動(dòng)手實(shí)踐操作。
板書(shū)：
8、美化網(wǎng)頁(yè)
1、插入圖片（先定位光標(biāo)）
2、設(shè)置圖片屬性、編輯圖片
3、設(shè)置網(wǎng)頁(yè)背景
如何實(shí)施《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)課堂設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)課設(shè)篇五
燕山大學(xué)
電子商務(wù)法論文
題目：網(wǎng)絡(luò)鏈接引發(fā)的著作權(quán)案
學(xué)院（系）：經(jīng)濟(jì)管理學(xué)院年級(jí)專(zhuān)業(yè)：09級(jí)電子商務(wù)學(xué)號(hào)：090105070023學(xué)生姓名：郭振宏
指導(dǎo)教師：胡心專(zhuān)
日期：2011/4/1
4網(wǎng)絡(luò)鏈接引發(fā)的著作權(quán)案
摘要：鏈接是互聯(lián)網(wǎng)上快捷地傳遞和獲取信息的一種技術(shù)手段，是互聯(lián)網(wǎng)的重要功能。上網(wǎng)者通過(guò)鏈接獲取的網(wǎng)上信息存在侵權(quán)問(wèn)題時(shí)，一般應(yīng)當(dāng)追究上載該信息網(wǎng)站的法律責(zé)任，提供搜索引擎鏈接服務(wù)的網(wǎng)絡(luò)經(jīng)營(yíng)者不承擔(dān)侵權(quán)責(zé)任。但是，如果該網(wǎng)站經(jīng)營(yíng)者明知其他網(wǎng)站網(wǎng)頁(yè)上含有侵權(quán)內(nèi)容的信息，還繼續(xù)提供該種服務(wù)，則應(yīng)承擔(dān)侵權(quán)責(zé)任。
關(guān)鍵詞：非法鏈接；著作權(quán)保護(hù)
1、劉京勝訴搜狐侵犯著作權(quán)案
2000年10月，原告劉京勝在上網(wǎng)訪(fǎng)問(wèn)被告搜狐公司的搜狐網(wǎng)站時(shí)，發(fā)現(xiàn)通過(guò)點(diǎn)擊該網(wǎng)站“文學(xué)”欄目下的“小說(shuō)”，即進(jìn)入搜索引擎頁(yè)面。根據(jù)頁(yè)面提示順序點(diǎn)擊“外國(guó)小說(shuō)@(5064)”、“經(jīng)典作品(86)”、“唐吉訶德——[西班牙]塞萬(wàn)提斯”、“譯本序言”后，可在頁(yè)面上看到其翻譯作品《唐吉訶德》。于是，原告劉京勝申請(qǐng)北京市公證處對(duì)以上上網(wǎng)的操作過(guò)程、路徑和終端監(jiān)視器上顯示的頁(yè)面內(nèi)容進(jìn)行公證，后據(jù)此于24日向北京市第二中級(jí)人民法院提起訴訟。11月6日，被告向北京市公證處申請(qǐng)按照原告上網(wǎng)的過(guò)程、路徑進(jìn)行公證。15日，被告向北京市公證處申請(qǐng)對(duì)上述網(wǎng)站訪(fǎng)問(wèn)《唐吉訶德》中文版的過(guò)程和路徑進(jìn)行公證。被告兩次公證的目的在于證明：1.該作品不是其搜狐網(wǎng)站上載，亦不在搜狐網(wǎng)站的網(wǎng)頁(yè)上，而是通過(guò)搜狐網(wǎng)站的搜索引擎進(jìn)入他人的網(wǎng)頁(yè)后才看到該作品;2.直接訪(fǎng)問(wèn)、網(wǎng)站，即可看見(jiàn)載有原告翻譯作品的網(wǎng)頁(yè);3.由于搜狐網(wǎng)站與上述三個(gè)網(wǎng)站有鏈接關(guān)系，所以能通過(guò)搜狐網(wǎng)站訪(fǎng)問(wèn)這三個(gè)網(wǎng)站載有原告翻譯作品的網(wǎng)頁(yè)。
11月23日，本案開(kāi)庭審理時(shí)，原告當(dāng)庭明確要求被告斷開(kāi)與上載其翻譯作品的網(wǎng)站的鏈接。被告以法律未規(guī)定鏈接是侵權(quán)為由拒絕。30日，被告才斷開(kāi)鏈接。
裁判結(jié)果：北京市第二中級(jí)人民法院認(rèn)為：根據(jù)《中華人民共和國(guó)》第十二條的規(guī)定，原告對(duì)《唐吉訶德》享有翻譯作品著作權(quán)，應(yīng)當(dāng)受到法律保護(hù)。未經(jīng)許可使用其作品，是對(duì)著作權(quán)的侵害。當(dāng)?shù)弥謾?quán)行為發(fā)生或可能發(fā)生時(shí)，任何與該侵權(quán)行為或結(jié)果有一定關(guān)系的人，都應(yīng)當(dāng)采取積極的措施，防止侵權(quán)結(jié)果擴(kuò)大。
被告向公眾提供搜索引擎服通過(guò)搜索引擎與侵權(quán)網(wǎng)站發(fā)生了臨時(shí)鏈接，其雖然難以控制搜索引擎的特定搜索結(jié)果及其附帶的臨時(shí)鏈接，但完全有能力控制對(duì)特定網(wǎng)站或網(wǎng)頁(yè)的鏈接。原告提起侵權(quán)訴訟時(shí)，雖因了解兩種技術(shù)的不同而將搜狐公司鏈接行為指控為上載，但畢竟將自己是涉案作品的著作權(quán)人、其權(quán)利被侵害以及希望盡快制止侵權(quán)的意思表示清
楚。被告收到起訴書(shū)后，沒(méi)有及時(shí)斷開(kāi)鏈接，使侵權(quán)結(jié)果得以擴(kuò)大，起到了幫助侵權(quán)人實(shí)施侵權(quán)的作用。依照著作權(quán)法第四十五條第(八)項(xiàng)的規(guī)定，被告應(yīng)當(dāng)對(duì)自己的這種行為承擔(dān)侵權(quán)的法律責(zé)任。
2、娛樂(lè)基地訴百度mp3深層次鏈接
2006年4月7日，杭州原創(chuàng)音樂(lè)網(wǎng)站“娛樂(lè)基地”向北京市第一中級(jí)人民法院正式起訴，控告百度、新浪和雅虎mp3搜索引擎侵犯其著作權(quán)，并要求每家公司賠償其經(jīng)濟(jì)損失500萬(wàn)元?！皧蕵?lè)基地”指出，百度等3家公司通過(guò)搜索技術(shù)直達(dá)“娛樂(lè)基地”網(wǎng)站的下載后臺(tái)，將本該付費(fèi)下載歌曲的絕對(duì)地址開(kāi)發(fā)給網(wǎng)民免費(fèi)下載?！皧蕵?lè)基地”認(rèn)為百度等搜索引擎公司的行為給其造成了經(jīng)濟(jì)損失。
“娛樂(lè)基地”稱(chēng)，百度提供的“深層鏈接”，其鏈接的是數(shù)據(jù)庫(kù)的mp3文件，這使得網(wǎng)民無(wú)須打開(kāi)被鏈接網(wǎng)站的頁(yè)面就能免費(fèi)下載，百度從中獲取巨大的商業(yè)利益，而無(wú)需承擔(dān)上傳、保存、編輯等勞力財(cái)力支出?！皧蕵?lè)基地”需要為此承受各種硬件資源，維護(hù)網(wǎng)站的成本每年高達(dá)數(shù)千萬(wàn)元。由于搜索引擎提供免費(fèi)mp3下載，“娛樂(lè)基地”在數(shù)字音樂(lè)方面得不到任何收益。因此訴至法院，要求百度、雅虎、新浪三個(gè)被告立即停止侵權(quán)、公開(kāi)賠禮道歉，并各自賠償經(jīng)濟(jì)損失計(jì)500萬(wàn)元。
百度方面則認(rèn)為，侵權(quán)的是提供盜版資源下載的網(wǎng)站，而非搜索公司。百度只為網(wǎng)民提供搜索結(jié)果，但無(wú)法判斷搜索到的東西是否侵權(quán)。
2007年1月，持續(xù)了10個(gè)月的娛樂(lè)基地訴百度 mp3 深層鏈接侵權(quán)案有了庭審結(jié)果：北京市第一中級(jí)人民法院駁回娛樂(lè)基地對(duì)百度的訴訟。
網(wǎng)絡(luò)服務(wù)商免責(zé)：提供鏈接、搜索服務(wù)，接到通知停止鏈接、不明知不承擔(dān)責(zé)任。對(duì)于搜索鏈接服務(wù)商的責(zé)任，《信息網(wǎng)絡(luò)傳播條例》第二十三條規(guī)定了免責(zé)條件，即網(wǎng)絡(luò)服務(wù)提供者為服務(wù)對(duì)象提供搜索或鏈接服務(wù)，在接到權(quán)利人的通知書(shū)后斷開(kāi)與侵權(quán)作品的、表演、錄音錄像制品的鏈接的不承擔(dān)責(zé)任；但是明知或者應(yīng)知所鏈接的作品侵權(quán)的，應(yīng)承擔(dān)共同責(zé)任。
3、法律與網(wǎng)絡(luò)共同發(fā)展
互聯(lián)網(wǎng)是一個(gè)高速發(fā)展的全新行業(yè)，對(duì)于浩瀚的信息來(lái)說(shuō)，搜索引擎使其從混亂無(wú)序、隨意的狀態(tài)，轉(zhuǎn)變成有規(guī)律、系統(tǒng)的世界。鏈接則將網(wǎng)上的關(guān)聯(lián)內(nèi)容同時(shí)呈現(xiàn)，又排列有序，使普通用戶(hù)可以輕松得到需要的信息，最大程度的發(fā)揮了互聯(lián)網(wǎng)對(duì)信息的傳遞功能。
對(duì)于這個(gè)日新月異的互聯(lián)網(wǎng)領(lǐng)域，法律是不可能事無(wú)巨細(xì)的超前規(guī)定的。各國(guó)目前都在對(duì)搜索、鏈接服務(wù)引起侵權(quán)責(zé)任進(jìn)行探討，但都還沒(méi)有明確的規(guī)定。美國(guó)的dmca為了鼓勵(lì)搜索服務(wù)，提供了“安全港”原則，使isp在接到通知后，只要?jiǎng)h除被主張權(quán)利的作品，或停止鏈接該作品，即可免去承擔(dān)侵權(quán)責(zé)任的危險(xiǎn)。但在其napster判決中，提供侵權(quán)內(nèi)容鏈接的行為，卻又被認(rèn)定為侵權(quán)的幫助行為。使其對(duì)搜索、鏈接的態(tài)度更加難以判斷。
相信隨著互聯(lián)網(wǎng)sp業(yè)務(wù)發(fā)展的不斷成熟，在不久的將來(lái)，我國(guó)法律對(duì)于搜索、鏈接的問(wèn)題，必然會(huì)做出明確的規(guī)定。
參考文獻(xiàn)：
【1】《反不正當(dāng)競(jìng)爭(zhēng)法》
【2】《著作權(quán)法》
【3】陳堅(jiān)《試析非法鏈接的著作權(quán)間接侵權(quán)責(zé)任，中國(guó)政法大學(xué)碩士學(xué)位》
【4】王遷：《論網(wǎng)絡(luò)環(huán)境中版權(quán)直接侵權(quán)的認(rèn)定標(biāo)準(zhǔn)（上）》，載于《東方法學(xué)》2009年第二期，第一頁(yè)
如何實(shí)施《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)課堂設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)課設(shè)篇一
摘要：網(wǎng)頁(yè)設(shè)計(jì)課程是計(jì)算機(jī)和藝術(shù)的交叉學(xué)科課程，應(yīng)注重將技術(shù)和藝術(shù)相結(jié)合起來(lái)進(jìn)行教學(xué)。本文針對(duì)“網(wǎng)頁(yè)設(shè)計(jì) ”課程的特點(diǎn)，結(jié)合實(shí)踐應(yīng)用，闡述在教學(xué)方面的一些體會(huì)。
關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)，教學(xué)方法
abstract: website design course is a cross computer science and artistry course, it is need to combine teaching methods of these paper is to base on the feature of “website design” course and practice , to give some opinion about words : website design, a teaching method
一、引言
《網(wǎng)頁(yè)設(shè)計(jì)》課程是職業(yè)院校計(jì)算機(jī)類(lèi)專(zhuān)業(yè)及電子商務(wù)專(zhuān)業(yè)的一門(mén)專(zhuān)業(yè)課程，也是一門(mén)實(shí)踐性很強(qiáng)的職業(yè)技術(shù)課程。由于《網(wǎng)頁(yè)設(shè)計(jì)》課程實(shí)踐性和更新性很強(qiáng)，該課程如果采用傳統(tǒng)的教學(xué)方式，那結(jié)果是不理想的。在這里結(jié)合自身的實(shí)際經(jīng)驗(yàn)，談?wù)劸W(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)。
二、教學(xué)策略
1．課程特點(diǎn)
網(wǎng)頁(yè)設(shè)計(jì)課程是計(jì)算機(jī)和藝術(shù)的交叉學(xué)科課程。在教學(xué)過(guò)程中，除了要求學(xué)生掌握基本的技術(shù)外，也必須對(duì)藝術(shù)設(shè)計(jì)有一定的了解。網(wǎng)頁(yè)設(shè)計(jì)應(yīng)注重技術(shù)和藝術(shù)的統(tǒng)一性。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)時(shí)，應(yīng)考慮網(wǎng)站的總體結(jié)構(gòu)，風(fēng)格定位，色彩的應(yīng)用，版式的設(shè)計(jì)等方面的因素，力求形式與內(nèi)容的統(tǒng)一，讓網(wǎng)頁(yè)的顯示達(dá)到快捷，美觀的視覺(jué)效果。
2．教學(xué)方案
要設(shè)計(jì)一個(gè)好的網(wǎng)頁(yè)作品，首要的因素不是創(chuàng)新，而是“用戶(hù)體驗(yàn)”，第一步應(yīng)該站在用戶(hù)的角度去考慮設(shè)計(jì)方案，所有的形象風(fēng)格都必須服從主題，服務(wù)用戶(hù)。這就對(duì)網(wǎng)頁(yè)的整體形象有了較高的要求，整體形象包括版式設(shè)計(jì)，色彩的應(yīng)用，logo設(shè)計(jì)，素材設(shè)計(jì)，廣告設(shè)計(jì)，web圖像設(shè)計(jì)及優(yōu)化，交互方式等等。在教學(xué)時(shí)，我們可以結(jié)合實(shí)際，要求學(xué)生從版式布局設(shè)計(jì)和網(wǎng)頁(yè)元素的處理及色彩搭配三方面著手，歸納如下：
（1）版式設(shè)計(jì)
網(wǎng)頁(yè)的美感來(lái)源于網(wǎng)頁(yè)的版式設(shè)計(jì)，它突出了網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)性和個(gè)性，屬于網(wǎng)頁(yè)的藝術(shù)設(shè)計(jì)，好的版式設(shè)計(jì)會(huì)使得網(wǎng)頁(yè)顯得更具有美感和創(chuàng)意。網(wǎng)頁(yè)的版式設(shè)計(jì)是基于內(nèi)容的，應(yīng)該從實(shí)用性和藝術(shù)性考慮。網(wǎng)頁(yè)內(nèi)容一定要主次分明，中心突出；導(dǎo)航要清晰；可以圖文并茂，是網(wǎng)頁(yè)顯得生動(dòng)和活躍。除此以外，網(wǎng)頁(yè)的版式設(shè)計(jì)要符合統(tǒng)一、分割的原則。統(tǒng)一即指整個(gè)網(wǎng)站版式風(fēng)格的統(tǒng)一性、整體性；分割即指要科學(xué)的劃分整個(gè)頁(yè)面。
網(wǎng)頁(yè)的版式設(shè)計(jì)主要是表格、層等技術(shù)的應(yīng)用。表格是一種最簡(jiǎn)單的布局手法，它可以將圖像和文字做最恰當(dāng)?shù)木幣?，達(dá)到清晰易懂的效果。層（span）的布局，是現(xiàn)在正當(dāng)流行的排版手法，它主要應(yīng)用相對(duì)位置等的關(guān)系進(jìn)行準(zhǔn)確定位，再加上層疊樣式表的輔助，突出了它對(duì)網(wǎng)頁(yè)的設(shè)計(jì)具有可擴(kuò)展的優(yōu)勢(shì)。
文字是網(wǎng)頁(yè)內(nèi)容的主要載體，所以文字的視覺(jué)效果在版式設(shè)計(jì)中也起著關(guān)鍵的作用。文字的設(shè)置可以分為字體、大小、顏色、行距等，通過(guò)這些屬性設(shè)置，使文字排列得整體和美觀。但要注意的是中文字體和英文等其他字體的設(shè)置，是有一定區(qū)別的。英文的字體有很多的選擇，但中文的正文字，總的來(lái)說(shuō)，就兩種：宋體和黑體。在傳統(tǒng)的版式設(shè)計(jì)中，大家都還是傾向于英文的排版，從視覺(jué)上來(lái)看，英文字體更有韻律性，因?yàn)槊總€(gè)字母本身高矮不一致；但是中文字體相對(duì)來(lái)說(shuō)，就顯得單調(diào)和獨(dú)立些，所以在設(shè)計(jì)時(shí)，這兩種文字要作不同的處理。另外，也不要選擇一些非常特殊的字體，除非用戶(hù)的瀏覽器認(rèn)識(shí)這些特殊字體，否則將會(huì)出現(xiàn)亂碼。如果遇到非要使用特殊字體的情況，可將文字轉(zhuǎn)換成圖片再將其應(yīng)用。對(duì)于字號(hào)而言，單位應(yīng)采用em，而不是px，這點(diǎn)在使用層疊樣式表（css）時(shí)尤為重要，還要注意的是em和px是有差別的，所以在使用的時(shí)候也要對(duì)上號(hào)，否則也達(dá)不到預(yù)先的視覺(jué)效果。文字一行的字?jǐn)?shù)最好不超過(guò)50字，首頁(yè)的標(biāo)題在10-20字為佳；行距一般使用的是20-22像素的行距，這樣使得整個(gè)的文字內(nèi)容部分不會(huì)顯得太緊湊或者太松散。文字的整體排列一般有四種基本形式：兩端對(duì)齊、居中對(duì)齊、左對(duì)齊或右對(duì)齊、圖文環(huán)繞排列。在整個(gè)網(wǎng)頁(yè)版式設(shè)計(jì)中，標(biāo)題文字的設(shè)計(jì)原則應(yīng)該是“醒目而不夸張”。
導(dǎo)航欄的設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中也很重要，它對(duì)整個(gè)網(wǎng)站內(nèi)容有提綱和導(dǎo)航的作用，在設(shè)計(jì)的時(shí)候，要注意首先導(dǎo)航欄的風(fēng)格也要和整個(gè)網(wǎng)頁(yè)風(fēng)格保持統(tǒng)一，另外最好采用文字，因?yàn)榫W(wǎng)絡(luò)的速度可能會(huì)影響圖片的正常下載；不過(guò)現(xiàn)在flash按鈕的導(dǎo)航欄已經(jīng)成為時(shí)尚，它可以實(shí)現(xiàn)豐富的動(dòng)感效果。
（2）網(wǎng)頁(yè)元素的處理
網(wǎng)頁(yè)元素包括logo、按鈕、圖片、動(dòng)畫(huà)、聲音、banner等。在網(wǎng)頁(yè)中包含這些對(duì)象時(shí)要注意的有：首先是logo的設(shè)計(jì)，logo代表了整個(gè)網(wǎng)站或者企業(yè)的文化，一個(gè)有特色、具有視覺(jué)沖擊力的logo，可以直接影響瀏覽者對(duì)網(wǎng)站的判斷，給瀏覽者留下記憶深刻的印象。其次，要確保網(wǎng)頁(yè)上的每一個(gè)元素都有存在的必要性，不要使用冗余的技術(shù)和內(nèi)容；再次，要保持形式和內(nèi)容的統(tǒng)一；最后，要盡量的使網(wǎng)頁(yè)具有快捷性。對(duì)于網(wǎng)頁(yè)的特效技術(shù)，最好采用javascript或css技術(shù)來(lái)實(shí)現(xiàn)。
（3）色彩的處理
并非所有的顏色都能應(yīng)用于網(wǎng)頁(yè)，網(wǎng)頁(yè)中的顏色會(huì)受到硬件、瀏覽器等的影響，即使網(wǎng)頁(yè)中使用了非常合理、非常漂亮的配色方案，每一位用戶(hù)所看到的效果也不一定相同。所以，最好使用使用網(wǎng)頁(yè)安全色來(lái)避免和解決這種問(wèn)題。網(wǎng)頁(yè)安全色是指在不同的硬件環(huán)境和軟件環(huán)境下都能在瀏覽器上正常顯示的顏色，并且現(xiàn)顯示的效果都一樣，不會(huì)出現(xiàn)失真的現(xiàn)象。在頁(yè)面設(shè)計(jì)中，整個(gè)網(wǎng)頁(yè)的色彩種類(lèi)最好不要超過(guò)3種，一種或者兩種主體色，其他為輔助色。顏色種類(lèi)太多，會(huì)讓人覺(jué)得很雜亂。另外，文字內(nèi)容和網(wǎng)頁(yè)的背景顏色的對(duì)比要做到突出，比如：背景為深色，則文字的顏色可以選取淺色調(diào)；背景為淺色時(shí)，文字顏色就應(yīng)該深些；這種深淺的變化在色彩學(xué)中稱(chēng)為“明度變化“。比如有些主頁(yè)，背景色和文字顏色都采用的是深色，由于色彩的明度較近，所以瀏覽者來(lái)瀏覽閱讀的時(shí)候，會(huì)感覺(jué)吃力，從而影響閱讀；但是色彩的明度變化也不能太大，明度變化大會(huì)導(dǎo)致亮度的反差強(qiáng)，讓人覺(jué)得很刺眼，同樣會(huì)影響整個(gè)網(wǎng)頁(yè)的視覺(jué)效果。在進(jìn)行顏色搭配時(shí)，還要注意的是：第一，采用的顏色應(yīng)具有聯(lián)想性，不同的色彩會(huì)產(chǎn)生不同的聯(lián)想，所以色彩的選取也要和網(wǎng)頁(yè)的內(nèi)涵有關(guān)。第二，色彩的合理性。根據(jù)網(wǎng)頁(yè)的主題的不同，選取相應(yīng)的色彩，比如紅色，可以體現(xiàn)出網(wǎng)站的熱情和喜慶；藍(lán)色可體現(xiàn)出科技的氣息等。第三，色彩要有鮮明性，這個(gè)才能給瀏覽者深刻的印象，并有耳目一新的感覺(jué)。
（4）網(wǎng)頁(yè)賞析
在教學(xué)過(guò)程中對(duì)學(xué)生的引導(dǎo)是非常重要的，設(shè)計(jì)網(wǎng)頁(yè)得多看多學(xué)，網(wǎng)頁(yè)設(shè)計(jì)的技術(shù)和風(fēng)格在日新月異地變化，所以在提高學(xué)生設(shè)計(jì)技術(shù)的同時(shí)，還要多培養(yǎng)學(xué)生的審美能力，知道怎么設(shè)計(jì)才是一個(gè)好的網(wǎng)頁(yè)。創(chuàng)建網(wǎng)頁(yè)是一個(gè)不斷學(xué)習(xí)的過(guò)程，在看一個(gè)網(wǎng)站的時(shí)候，找到這個(gè)網(wǎng)站的優(yōu)點(diǎn)缺點(diǎn)，注意哪些是可以借鑒的，哪些是需要避免的，在看的同時(shí)，可以看些成熟的網(wǎng)站，也可以看些成長(zhǎng)中的作品，在同期的比較中，也有助于自身的提高。另外，鼓勵(lì)學(xué)生看源文件，了解某些效果是如果實(shí)現(xiàn)的，在效仿的同時(shí)進(jìn)行改進(jìn)和創(chuàng)新。
（5）考核方式
網(wǎng)頁(yè)設(shè)計(jì)課程的考核應(yīng)該打破傳統(tǒng)的考試方式，建議采用機(jī)考的方式，學(xué)生通過(guò)一學(xué)期的學(xué)習(xí)，應(yīng)能自行設(shè)計(jì)各種網(wǎng)頁(yè)，熟練掌握其基本制作方法和技巧，在規(guī)定的時(shí)間內(nèi)設(shè)計(jì)網(wǎng) 頁(yè)。這也是一種對(duì)提高學(xué)生動(dòng)能能力的一種鞭策方法。
三、結(jié)束語(yǔ)
在網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)中，應(yīng)當(dāng)充分認(rèn)識(shí)到網(wǎng)頁(yè)設(shè)計(jì)課程的特點(diǎn)，結(jié)合實(shí)際，采取相應(yīng)的教學(xué)措施和方法完成教學(xué)任務(wù)，以達(dá)到良好的教學(xué)效果。對(duì)于信息科技迅猛的發(fā)展今天，必須摒棄陳舊的教學(xué)理念，及時(shí)提高自身的專(zhuān)業(yè)水平，完善自身的教學(xué)理念，尋找更好的教學(xué)方法，激發(fā)學(xué)生的學(xué)習(xí)興趣，培養(yǎng)學(xué)生追求新知的能力和動(dòng)手實(shí)踐的能力，從而達(dá)到學(xué)以致用的效果。
參考資料： 田博文，《dreamweaver8基礎(chǔ)培訓(xùn)教程》，人民郵電出版社，2007年2月
孫素華，<< dreamweaverms2004完美網(wǎng)頁(yè)設(shè)計(jì)>>，中國(guó)青年出版社，2005年10月
如何實(shí)施《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)課堂設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)課設(shè)篇二
如何實(shí)施《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)課堂
袁志軍
新疆烏魯木齊 新疆職業(yè)大學(xué)
830011
摘要：新的時(shí)代，新的教育理念，教育也提出新的改革，尤其是高職教育, 以培養(yǎng)技術(shù)應(yīng)用能力為主線(xiàn),設(shè)計(jì)學(xué)生的知識(shí)、能力、素質(zhì)結(jié)構(gòu)和培養(yǎng)方案, 對(duì)我們教師的工作提出了更高的要求，那么我們應(yīng)該怎樣來(lái)合理安排我們計(jì)算機(jī)類(lèi)的教學(xué)設(shè)計(jì)任務(wù)呢？筆者根據(jù)自己授課的實(shí)際經(jīng)驗(yàn)寫(xiě)出自己在教學(xué)任務(wù)安排當(dāng)中的實(shí)際感受，以供大家相互探討。
關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)
教學(xué)項(xiàng)目
教學(xué)課堂
how to implement the“ webpage design” teaching class
vocational university
yuan zhijun(xinjiang vocational university, urumqi, xinjiang 830011, china)abstract: with the advance of new era and new education idea, the new education reform is proposed, especially the higher vocational education, which is based on the cultivation of application ability, designing for students' knowledge, ability, quality structure and training programs, raises higher requirements for our should we arrange our computer teaching designing tasks? according to the author's own teaching experience, here i want to share my own teaching arrangements in the real sense with words: webpage design, teaching project, teaching
在教學(xué)任務(wù)設(shè)計(jì)設(shè)計(jì)中由于每個(gè)教師的思想、氣質(zhì)、知識(shí)結(jié)構(gòu)、教學(xué)能力和審美情趣不同，針對(duì)不同的教材和學(xué)生的實(shí)際，在從事教學(xué)活動(dòng)時(shí)，在方法上每位老師都有自己的選擇和側(cè)重的角度，都要采取自己得心應(yīng)手的方式方法，創(chuàng)造出自己的授課路子和風(fēng)格。不同的教學(xué)特色和授課風(fēng)格可以并行，不應(yīng)嵌在一個(gè)框子里，其實(shí)只要是效果好，質(zhì)量高，學(xué)生愛(ài)學(xué)的就是好方法。
這學(xué)期我上的《網(wǎng)頁(yè)設(shè)計(jì)》課程102課時(shí)，網(wǎng)頁(yè)設(shè)計(jì)主要涉及到的軟件有:dreamweaver、flash、firework、photoshop加asp動(dòng)態(tài)網(wǎng)站基礎(chǔ)開(kāi)發(fā)及后臺(tái)管理等，也是學(xué)生比較熱衷的一門(mén)課程，互聯(lián)網(wǎng)已經(jīng)成為人們獲取知識(shí)、網(wǎng)上購(gòu)物、傳遞信息、相互交流、和共享資源的重要途徑，而網(wǎng)站作為人們與客戶(hù)通過(guò)網(wǎng)絡(luò)相互交互溝通已成為了最主要的橋梁，更成為網(wǎng)絡(luò)應(yīng)用的一大熱點(diǎn)。隨著網(wǎng)站相關(guān)技術(shù)的不斷發(fā)展，越來(lái)越多的人開(kāi)始接觸網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站開(kāi)發(fā)工作，網(wǎng)頁(yè)設(shè)計(jì)師正成為互聯(lián)網(wǎng)應(yīng)用領(lǐng)域不可或缺的職位之一，這也大大激發(fā)了學(xué)生對(duì)這門(mén)課的學(xué)習(xí)興趣。但是學(xué)生作為一個(gè)新手，對(duì)網(wǎng)頁(yè)設(shè)計(jì)知之甚少，而現(xiàn)代社會(huì)工作節(jié)奏快、時(shí)間緊，怎樣才能在有限的時(shí)間內(nèi)快速掌握網(wǎng)頁(yè)設(shè)計(jì)的基本技能且印象深刻、既實(shí)用并能快速上手呢？我們?nèi)绾瓮ㄟ^(guò)大量實(shí)例項(xiàng)目演練,扎實(shí)理論與軟件基礎(chǔ),注重學(xué)員實(shí)踐能力培養(yǎng) ,提高就業(yè)保障呢？下面簡(jiǎn)要結(jié)合本課程的教學(xué)方法來(lái)與大家一起探討。
一、課前準(zhǔn)備 我們備課中不僅要備學(xué)生而且備教材備教法，根據(jù)教材內(nèi)容及學(xué)生的實(shí)際，設(shè)計(jì)課的類(lèi)型，擬定采用哪一種教學(xué)方法，并對(duì)教學(xué)過(guò)程的程序及時(shí)間安排都作詳細(xì)的記錄，認(rèn)真寫(xiě)好電子教案。每一課都做到“有備而來(lái)”，每堂課都在課前做好充分的準(zhǔn)備，針對(duì)《網(wǎng)頁(yè)設(shè)計(jì)》這門(mén)課我采用的是項(xiàng)目分組與實(shí)例應(yīng)用結(jié)合的方法來(lái)上課，上第一堂課之前先調(diào)研學(xué)生在其它課程中的學(xué)習(xí)狀態(tài)、學(xué)習(xí)能力、學(xué)習(xí)態(tài)度以及用功程度等考察學(xué)生的綜合能力。然后根據(jù)能力大小將學(xué)生搭配分組，以好的帶差的，以強(qiáng)的帶弱的。通過(guò)學(xué)生之間的相互輔助增加同學(xué)之間的友情，同時(shí)也可以增強(qiáng)小組之間的競(jìng)爭(zhēng)能力，另外也讓同學(xué)們?cè)趯W(xué)習(xí)的同時(shí)也認(rèn)識(shí)到團(tuán)隊(duì)合作精神的重要性。
二、第一堂課 老師確定自己的教學(xué)思路并與學(xué)生一起調(diào)研網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目和確定有網(wǎng)頁(yè)設(shè)計(jì)開(kāi)發(fā)要求的部門(mén)單位，調(diào)研項(xiàng)目的大綱由老師來(lái)負(fù)責(zé)準(zhǔn)備，然后即可安排學(xué)生中速打較快和文筆較好的同學(xué)一起來(lái)寫(xiě)一封關(guān)于網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用需求的調(diào)研通知，通過(guò)學(xué)生自己的理解來(lái)表達(dá)他們與用戶(hù)溝通的技巧，并且也鍛煉了同學(xué)們的協(xié)調(diào)能力。同時(shí)要求小組通過(guò)報(bào)名或推選的方式確定小組項(xiàng)目負(fù)責(zé)人（小組長(zhǎng)），小組一起探討選擇比較適合自己特點(diǎn)、能力、也是自己強(qiáng)項(xiàng)的工作任務(wù)，小組長(zhǎng)負(fù)責(zé)帶領(lǐng)小組根據(jù)項(xiàng)目特點(diǎn)制定過(guò)程表格的具體要求。例如：需要提出的問(wèn)題、采用哪種表格方式來(lái)記錄需求、需要具有怎樣相應(yīng)的實(shí)施條件、項(xiàng)目實(shí)施的進(jìn)度規(guī)劃等。教師將事先分配好的小組名單和調(diào)研通知公布在校園網(wǎng)上，并且發(fā)出書(shū)面通知希望能夠得到相關(guān)部門(mén)單位的協(xié)助與配合，老師在中間起協(xié)調(diào)溝通作用。
三、課堂教學(xué) 我們的教學(xué)任務(wù)是讓學(xué)生在‘教與學(xué)“當(dāng)中學(xué)習(xí)掌握更多的實(shí)際操作技能，這就要求我們結(jié)合實(shí)例來(lái)教受學(xué)習(xí)任務(wù)，教會(huì)學(xué)生在已有的案例基礎(chǔ)上開(kāi)發(fā)利用，以提高開(kāi)發(fā)速度和拓展更多的學(xué)習(xí)思路。要對(duì)多年來(lái)的教學(xué)技巧和經(jīng)驗(yàn)進(jìn)行總結(jié)，教會(huì)學(xué)生通過(guò)使用一些簡(jiǎn)單的圖形處理軟件、抓圖軟件、和flash制作軟件工具來(lái)制作網(wǎng)頁(yè)，可大大提高學(xué)生網(wǎng)頁(yè)的制作速度，簡(jiǎn)化制作步驟。以不致于把更多的精力都放在學(xué)習(xí)flash、firework、photoshop中，造成本末倒置，因?yàn)橹谱骶W(wǎng)站繁雜而失去對(duì)學(xué)習(xí)《網(wǎng)頁(yè)設(shè)計(jì)》學(xué)習(xí)的興趣。教會(huì)學(xué)生們準(zhǔn)備網(wǎng)業(yè)設(shè)計(jì)的素材、網(wǎng)頁(yè)構(gòu)架、布局、顏色搭配、asp、數(shù)據(jù)庫(kù)、網(wǎng)站總體規(guī)劃等最終達(dá)到動(dòng)態(tài)網(wǎng)站設(shè)計(jì)能力。
四、課后調(diào)研 讓學(xué)生在課后到相應(yīng)的部門(mén)調(diào)研需求，調(diào)研需求的方法是先找部門(mén)的基層工作人員落實(shí)需求，因?yàn)榛鶎庸ぷ髡吒私夤ぷ鞯男再|(zhì)、方法、步驟和需求，對(duì)具體的操作要求也更有發(fā)言權(quán)。這樣既鍛煉了學(xué)生的溝通能力，同時(shí)也增加了師生之間的感情交流。通過(guò)取得的調(diào)研需求小組討論進(jìn)行詳細(xì)的需求分析，通過(guò)邊學(xué)邊做邊分析使學(xué)生懂得分析與取舍，將難度非常大的且無(wú)法實(shí)現(xiàn)的功能去除或改用其它模式來(lái)處理。在學(xué)習(xí)過(guò)程中不斷通過(guò)查閱圖書(shū)、網(wǎng)絡(luò)來(lái)查詢(xún)解決問(wèn)題，再由老師和學(xué)生小組一起討論，將問(wèn)題做到最好最滿(mǎn)意的解決方式，鍛煉同學(xué)們分析問(wèn)題和解決問(wèn)題的能力，通過(guò)不斷的摸索和討論形成整體框架。
五、項(xiàng)目實(shí)施與評(píng)估
學(xué)生確定各自在小組中的分工以及小組成員合作的形式，然后按照已確立的步驟和程序工作。結(jié)合項(xiàng)目任務(wù)開(kāi)始邊學(xué)習(xí)課程內(nèi)容邊實(shí)踐項(xiàng)目開(kāi)發(fā)、學(xué)習(xí)新知識(shí)、解決新問(wèn)題。在制作的同時(shí)要強(qiáng)調(diào)學(xué)生要養(yǎng)成良好的記錄信息并保存信息的習(xí)慣，以便為自己也為后期修改人員可以讀懂你的程序而做好準(zhǔn)備。先由學(xué)生對(duì)自己的項(xiàng)目結(jié)果進(jìn)行自我評(píng)估，再由教師進(jìn)行檢查評(píng)分。師生共同討論，評(píng)判項(xiàng)目工作中出現(xiàn)的問(wèn)題，學(xué)生解決問(wèn)題的方法以及學(xué)習(xí)行動(dòng)的特征。通過(guò)對(duì)比師生評(píng)價(jià)結(jié)果，找出造成結(jié)果差異的原因。當(dāng)學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)規(guī)劃的整體制作步驟時(shí)再將做好的網(wǎng)站模塊展示給相關(guān)部門(mén)領(lǐng)導(dǎo)審核，再度提出需求進(jìn)行修改創(chuàng)新，當(dāng)部門(mén)單位試用效果基本滿(mǎn)意時(shí)，再通過(guò)各個(gè)部門(mén)的網(wǎng)站框架將數(shù)據(jù)整合，分析、調(diào)試，制作出適合于本校的動(dòng)態(tài)網(wǎng)站應(yīng)用系統(tǒng)，將整個(gè)系統(tǒng)安裝在學(xué)校的服務(wù)器上進(jìn)行應(yīng)用。
六、歸檔和項(xiàng)目應(yīng)用 項(xiàng)目工作結(jié)果應(yīng)該歸檔保存，即進(jìn)行項(xiàng)目文檔的收集、整理和保存工作。以供下一屆學(xué)生能夠在此項(xiàng)目的基礎(chǔ)上做更完善的二次開(kāi)發(fā)，同時(shí)也是該學(xué)生團(tuán)隊(duì)此門(mén)課程重要的考核依據(jù)。開(kāi)發(fā)的項(xiàng)目應(yīng)用也可投入到學(xué)校的實(shí)際應(yīng)用當(dāng)中去，減少部門(mén)單位人員繁雜的手工業(yè)務(wù)流程和紙張資源，在應(yīng)用的基礎(chǔ)上可根據(jù)應(yīng)用效果的好壞可適度提出給予小組成員申請(qǐng)資助獎(jiǎng)勵(lì)，激發(fā)學(xué)生積極向上的學(xué)習(xí)精神，提高學(xué)生的成就感。通過(guò)這種模式的教學(xué)不但可以提高學(xué)生的學(xué)習(xí)興趣，還可以鍛煉學(xué)生的綜合素質(zhì)。同時(shí)也為單位不必購(gòu)買(mǎi)昂貴的應(yīng)用軟件而投入大量的資金解決了問(wèn)題。
七、教學(xué)模式的延伸 隨著社會(huì)的發(fā)展，目前教學(xué)手段不斷出新花樣，各高校都廣泛采取視頻教學(xué)的方式來(lái)教學(xué)，一是可以吸引學(xué)生的興趣，二是可以活躍教學(xué)氣氛，三、便于學(xué)生課后學(xué)習(xí)和復(fù)習(xí)，四、可以通過(guò)網(wǎng)絡(luò)的方式讓更多的學(xué)生參與到課堂教學(xué)當(dāng)中，同時(shí)在社會(huì)實(shí)踐學(xué)習(xí)過(guò)程中視頻教學(xué)更能清晰的表達(dá)出教學(xué)內(nèi)容和目的，對(duì)于參照物尤其是操作過(guò)程更能夠清晰的表達(dá)給學(xué)生。所以通過(guò)一種簡(jiǎn)單實(shí)用的方法來(lái)建設(shè)一套能夠網(wǎng)絡(luò)實(shí)時(shí)直播的或存儲(chǔ)后及時(shí)上傳的網(wǎng)絡(luò)教學(xué)錄像設(shè)備，對(duì)于我們項(xiàng)目案例教學(xué)法來(lái)說(shuō)是非常必要的。該設(shè)備要具備方便搭建可靈活性和可靠性，能夠適應(yīng)各種復(fù)雜環(huán)境場(chǎng)所下錄制的可能。當(dāng)然我們搭建的主要核心設(shè)備應(yīng)該是一臺(tái)高清網(wǎng)絡(luò)攝像機(jī)，其次是我們的監(jiān)視畫(huà)面和語(yǔ)音錄音存儲(chǔ)設(shè)備及相應(yīng)的網(wǎng)絡(luò)上傳和發(fā)布軟件，具體的搭建要看投入的資金、設(shè)備、環(huán)境來(lái)決定。
通過(guò)此課程的分析歸納如下：計(jì)算機(jī)專(zhuān)業(yè)教學(xué)中，教師可從實(shí)際出發(fā)，精選出一些典型項(xiàng)目，說(shuō)明其要求和要達(dá)到的效果后，為每個(gè)項(xiàng)目聘項(xiàng)目經(jīng)理（小組長(zhǎng)）一名，由學(xué)生自由報(bào)名，或通過(guò)應(yīng)聘競(jìng)選方式選拔出，再由項(xiàng)目經(jīng)理去為其他同學(xué)分工，一起進(jìn)行籌備，直到完成項(xiàng)目后交教師審核，教師在其中起指導(dǎo)作用，學(xué)生起主導(dǎo)作用，這樣學(xué)生由被動(dòng)變?yōu)橹鲃?dòng)，可增強(qiáng)學(xué)生學(xué)習(xí)的主動(dòng)性和團(tuán)隊(duì)精神。高職教育的課程要求我們應(yīng)把課程應(yīng)用到項(xiàng)目中去，所以結(jié)合實(shí)際的開(kāi)發(fā)工作需求，首先要讓學(xué)生明白他們的工作任務(wù)，讓學(xué)生懂得課程體系在項(xiàng)目中的地位和作用，使學(xué)生了解從項(xiàng)目需求到最終的驗(yàn)收結(jié)束、資料歸檔整理等所需要經(jīng)歷哪些過(guò)程，做好哪些工作準(zhǔn)備，需要怎樣的溝通技巧、通過(guò)哪些工具來(lái)完成最后老師交給的項(xiàng)目。而不是把學(xué)生培養(yǎng)成只會(huì)解釋問(wèn)題的“理論高手”，而是要培養(yǎng)學(xué)生具有解決實(shí)際問(wèn)題的“智慧高手”，解決“怎么干”，“干什么”的問(wèn)題。在教學(xué)中，教師與學(xué)生承擔(dān)著更多的教與學(xué)的責(zé)任，要求有更多的投入和參與。
參考文獻(xiàn)
王文惠．高校網(wǎng)絡(luò)課程開(kāi)發(fā)中的教學(xué)設(shè)計(jì)研究[j]．昌吉學(xué)院學(xué)報(bào)，2006，4：66～69 周?chē)?guó)燭 韓志偉．高等職業(yè)教育課程教學(xué)設(shè)計(jì)與案例．中國(guó)輕工業(yè)出版社．2009,7月
袁志軍
1972年
男
副教授
工學(xué)學(xué)士
主要研究方向：計(jì)算機(jī)
如何實(shí)施《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)課堂設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)課設(shè)篇三
網(wǎng)頁(yè)設(shè)計(jì)教學(xué)總結(jié)
這個(gè)學(xué)期我擔(dān)任了10網(wǎng)絡(luò)(1)(2)班和10商務(wù)班的的網(wǎng)頁(yè)設(shè)計(jì)這門(mén)課程。在前面半個(gè)學(xué)期的教學(xué)中，我做到了認(rèn)真制定計(jì)劃，注重教學(xué)理論，認(rèn)真?zhèn)湔n和教學(xué)，努力上好每一節(jié)課，并和其它優(yōu)秀老師交流，從中吸取教學(xué)經(jīng)驗(yàn)，取長(zhǎng)補(bǔ)短，提高自己的教學(xué)水平。按照課程要求進(jìn)行施教，讓學(xué)生掌握好網(wǎng)頁(yè)設(shè)計(jì)知識(shí)。還注意以德為本，結(jié)合網(wǎng)站實(shí)例進(jìn)行層層善誘，多方面、多角度去培養(yǎng)學(xué)生的實(shí)踐能力、提升其操作技能。
下面從以下幾個(gè)方面來(lái)談?wù)勎疫@個(gè)半個(gè)學(xué)期的教學(xué)總結(jié)： 教學(xué)進(jìn)度
按照教學(xué)進(jìn)度，我們已經(jīng)完成了課程的全部?jī)?nèi)容的學(xué)習(xí)。教學(xué)進(jìn)度基本上按照原計(jì)劃已經(jīng)完成了。教學(xué)方法
教學(xué)中我從以下幾方面進(jìn)行努力：
一、課前準(zhǔn)備。熟悉教材。解教材的結(jié)構(gòu)，重點(diǎn)與難點(diǎn)，掌握知識(shí)的邏輯，能運(yùn)用自如，知道應(yīng)補(bǔ)充哪些資料，采用哪個(gè)實(shí)例作為網(wǎng)頁(yè)教學(xué)實(shí)例；解學(xué)生的知識(shí)結(jié)構(gòu)，解他興趣、需要和習(xí)慣，知道他學(xué)習(xí)新知識(shí)可能會(huì)有哪些困難，采取相應(yīng)的預(yù)防措施；結(jié)合學(xué)生情況采取何種教學(xué)方法，解決如何把教材上的知識(shí)系統(tǒng)地傳授給學(xué)生，包括如何組織教材、如何安排每節(jié)課、如何講解實(shí)例。設(shè)計(jì)一些實(shí)際中的商業(yè)網(wǎng)站案例。
二、課堂情況。網(wǎng)頁(yè)設(shè)計(jì)課上。課堂上引起學(xué)生的興趣，激發(fā)學(xué)生的創(chuàng)作興趣。網(wǎng)頁(yè)設(shè)計(jì)課里包含有一些圖片設(shè)計(jì)和動(dòng)畫(huà)設(shè)計(jì)，這些需要有豐富的想象力才能制作出優(yōu)秀的作品，課堂上，也盡力培養(yǎng)學(xué)生的想象力，引導(dǎo)學(xué)生想象。課堂上，始終以學(xué)生為學(xué)習(xí)主體，把學(xué)習(xí)的主動(dòng)權(quán)交給學(xué)生，挖掘?qū)W生潛在能力，讓學(xué)生自主學(xué)習(xí)，提高學(xué)生學(xué)習(xí)的獨(dú)立性。記得在有節(jié)課，把一個(gè)網(wǎng)站拿來(lái)講解，讓學(xué)生先看，看了后讓學(xué)生在草稿紙上畫(huà)出自己的設(shè)計(jì)草圖。最后我再來(lái)以不同的方式講解該網(wǎng)站制作的方式，給學(xué)生從多角度進(jìn)行分析。有時(shí)也讓學(xué)生在教師機(jī)上當(dāng)場(chǎng)操作，讓學(xué)生的智慧、能力得到體驗(yàn)，使學(xué)生成了學(xué)習(xí)的主人，使學(xué)習(xí)成了需求，讓他覺(jué)得學(xué)習(xí)中有發(fā)現(xiàn)、有樂(lè)趣、有收獲。課堂上關(guān)注全體學(xué)生，注意信息反饋，調(diào)動(dòng)學(xué)生的注意，使其保持相對(duì)安靜，同時(shí)，激發(fā)學(xué)生的情感，使他產(chǎn)生愉悅的心境，創(chuàng)造良好的課堂氣氛，課堂語(yǔ)言簡(jiǎn)潔明了努力克服重復(fù)的毛病，課堂提問(wèn)面向全體學(xué)生，努力引發(fā)學(xué)生學(xué)網(wǎng)頁(yè)課的興趣。還要做好課后輔導(dǎo)工作。認(rèn)真批改學(xué)生的作業(yè)。
三、課后工作。要提高教學(xué)質(zhì)量。總結(jié)學(xué)生本次作業(yè)中的不足，解哪些知識(shí)學(xué)生還沒(méi)有理解并在下一節(jié)課時(shí)進(jìn)行補(bǔ)充說(shuō)明。鼓勵(lì)優(yōu)秀學(xué)生，激發(fā)其它學(xué)生。課后多和學(xué)生交流，解其學(xué)習(xí)情況，以便改善教學(xué)。存在問(wèn)題:
一、教學(xué)中的相互合作有待提高。
二、網(wǎng)絡(luò)教學(xué)資源還不是特別豐富，不能很好滿(mǎn)足教學(xué)需求。今后將進(jìn)一步加強(qiáng)網(wǎng)絡(luò)資源建設(shè)，并提高資源利用率。
總結(jié)整個(gè)2007年上半年的教學(xué)工作，收獲是豐富的，不管從知識(shí)，還是教學(xué)管理，還是教學(xué)經(jīng)驗(yàn)上都是豐富的。給了我成長(zhǎng)的道路上寶貴的一筆。雖然有很多時(shí)候都是在一種緊張，忙碌的狀態(tài)下走過(guò)，但我知道，走過(guò)了這一段，人生就會(huì)是另一個(gè)起點(diǎn)，有另一個(gè)更大的目標(biāo)等著我去前進(jìn)。
屈明 2011-12-28
如何實(shí)施《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)課堂設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)課設(shè)篇四
《第8課
美化網(wǎng)頁(yè)》教學(xué)設(shè)計(jì)
營(yíng)前中心小學(xué)
吳麗琴
【教學(xué)內(nèi)容分析】
這節(jié)課是閩教版《信息技術(shù)》小學(xué)五年級(jí)下冊(cè)第8課的內(nèi)容，是在前一節(jié)課學(xué)生學(xué)會(huì)創(chuàng)建站點(diǎn)和制作簡(jiǎn)單的文字網(wǎng)頁(yè)基礎(chǔ)上，學(xué)習(xí)在網(wǎng)頁(yè)中添加圖片、編輯加工圖片、設(shè)置網(wǎng)頁(yè)背景，從而完成對(duì)網(wǎng)頁(yè)的修飾、美化任務(wù)，使網(wǎng)站有與眾不同的風(fēng)格，提高自身藝術(shù)修養(yǎng)?！窘虒W(xué)對(duì)象分析】
從五年級(jí)學(xué)生的認(rèn)知特點(diǎn)來(lái)看，他們愛(ài)問(wèn)好動(dòng)、求知欲強(qiáng)、想象力豐富，對(duì)實(shí)際操作活動(dòng)有著濃厚的興趣，對(duì)直觀事物感知較強(qiáng)，正處在形象思維向抽象思維逐步過(guò)渡的階段。因此，在學(xué)習(xí)過(guò)程中，應(yīng)鼓勵(lì)學(xué)生自己觀察，親自動(dòng)手操作，進(jìn)行學(xué)生討論和交流，師生共同歸納總結(jié)，體驗(yàn)學(xué)習(xí)。
在講此課之前，學(xué)生已經(jīng)學(xué)過(guò)如何制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，并且添加圖片的技能學(xué)生已經(jīng)在word文字處理軟件中學(xué)習(xí)過(guò)。這為學(xué)生美化網(wǎng)頁(yè)作好了充分準(zhǔn)備。【教學(xué)目標(biāo)】
1、知識(shí)與能力
（1）了解網(wǎng)站的整體風(fēng)格。
（2）掌握在網(wǎng)頁(yè)中添加圖片、編輯加工圖片的方法。（3）會(huì)設(shè)置網(wǎng)頁(yè)背景。
2、過(guò)程與方法 通過(guò)學(xué)生自主學(xué)習(xí)過(guò)程中，掌握美化網(wǎng)頁(yè)的方法。
3、情感目標(biāo)
（1）通過(guò)師生協(xié)作和學(xué)生相互配合，培養(yǎng)學(xué)生合作團(tuán)結(jié)的精神。（2）培養(yǎng)學(xué)生熱愛(ài)美的情感，激發(fā)學(xué)生表現(xiàn)美的欲望，使學(xué)生的審美能力得到提高?！窘虒W(xué)重、難點(diǎn)】 1.教學(xué)重點(diǎn)
插入圖片、設(shè)置圖片屬性、編輯圖片、設(shè)置網(wǎng)頁(yè)背景。2.教學(xué)難點(diǎn)
網(wǎng)站的整體風(fēng)格、設(shè)置圖片屬性、編輯圖片 【教學(xué)準(zhǔn)備】 多媒體設(shè)備、課件、【教學(xué)過(guò)程】
一、導(dǎo)課
1、師：今天老師接到學(xué)校的一個(gè)重要通知，幫助學(xué)校招聘小小編輯員（課件出示通知內(nèi)容），參與校園網(wǎng)站的建設(shè)，同學(xué)們想不想去試一試呢？同學(xué)們真是熱情高漲，但是要成為小小編輯員可不是一件簡(jiǎn)單的事，必須通過(guò)重重的挑戰(zhàn)，你們準(zhǔn)備好了嗎？那就讓我們馬上進(jìn)入基礎(chǔ)小測(cè)驗(yàn)，看看大家是否具有火眼金睛，能夠“慧眼識(shí)美”。
2、師：請(qǐng)同學(xué)們認(rèn)真觀看以下幾張網(wǎng)頁(yè)，以同桌為小組進(jìn)行討論，優(yōu)秀的網(wǎng)頁(yè)具備哪些條件呢？
課件出示三坊七巷、土樓等網(wǎng)站實(shí)例，教師參與討論并提示學(xué)生可以從網(wǎng)頁(yè)的色彩、主題、布局等入手。（30秒）
3、指答，教師引導(dǎo)。
師：通過(guò)同學(xué)們的回答，我們可以總結(jié)出一個(gè)優(yōu)秀的網(wǎng)頁(yè)需要有，色彩合理，主題鮮明，版面協(xié)調(diào)，圖文并茂… …
4、師：通過(guò)上節(jié)課的學(xué)習(xí)，同學(xué)們還記得編輯網(wǎng)頁(yè)需要用到什么軟件嗎？請(qǐng)同學(xué)們跟著老師一起來(lái)回顧一下如何打開(kāi)frontpage。
教師操作，學(xué)生口述。
5、師：老師這里有一張網(wǎng)頁(yè)，根據(jù)優(yōu)秀網(wǎng)頁(yè)具有的條件，你有什么想法呢？
展示 “洞江小學(xué)學(xué)校簡(jiǎn)介”的網(wǎng)頁(yè)，指答。
6、師引入課題：是的，今天就讓我們一起來(lái)《美化網(wǎng)頁(yè)》。馬上迎接我們成為小小編輯員的第一個(gè)挑戰(zhàn)——為網(wǎng)頁(yè)插入圖片，讓網(wǎng)頁(yè)圖文并茂。
二、新課
挑戰(zhàn)一：“梳妝打扮” ——給網(wǎng)頁(yè)添加圖片，讓網(wǎng)頁(yè)圖文并茂。
1、師：還記得我們?cè)?jīng)學(xué)過(guò)哪些軟件也有插入圖片嗎？軟件的操作總是想通的，在frontpage中插入圖片的方式與word非常相似。
指答，同時(shí)通過(guò)課件截圖引導(dǎo)學(xué)生復(fù)習(xí)word插入圖片的方法。
2、師：請(qǐng)同學(xué)們打開(kāi)學(xué)習(xí)包里的這張網(wǎng)頁(yè)，為網(wǎng)頁(yè)梳妝打扮，插入學(xué)習(xí)包挑戰(zhàn)一里的圖片，可以參考課本p44—45頁(yè)或者挑戰(zhàn)一里的錦囊1。看看哪個(gè)小組的同學(xué)們完成得最快。（3分鐘）
師巡視指導(dǎo)。
3、師：請(qǐng)已經(jīng)完成的同學(xué)舉手示意老師，看來(lái)第*小組的同學(xué)完成得最快呀！現(xiàn)在老師想邀請(qǐng)同學(xué)們指導(dǎo)老師完成這個(gè)挑戰(zhàn)。
教師做快速演示，并且總結(jié)操作注意點(diǎn)——光標(biāo)的位置。挑戰(zhàn)二：“修剪邊幅”——對(duì)添加的圖片進(jìn)行編輯，協(xié)調(diào)版面結(jié)構(gòu)。
4、師：現(xiàn)在圖片插入好了，但是這畫(huà)面協(xié)調(diào)美觀嗎？我們需要修剪邊幅——對(duì)圖片進(jìn)行調(diào)整，總是有更大的挑戰(zhàn)等待著我們，請(qǐng)同學(xué)們參考課本p45—47或者挑戰(zhàn)二里的錦囊2，設(shè)置圖片的屬性，對(duì)圖片進(jìn)行編輯。（5分鐘）
同學(xué)之間可相互討論，師巡視指導(dǎo)。邀請(qǐng)學(xué)生上臺(tái)演示設(shè)置圖片屬性，師轉(zhuǎn)述。
5、師：已經(jīng)有小伙們?yōu)槲覀冄菔具^(guò)了，相信同學(xué)們對(duì)這個(gè)操作有更加清晰的認(rèn)識(shí)，請(qǐng)還未完成的同學(xué)繼續(xù)完成，已經(jīng)完成的同學(xué)可以嘗試?yán)^續(xù)美化網(wǎng)頁(yè)。（5分鐘）
師巡視指導(dǎo)，展示學(xué)生作品。
6、師：看看這位同學(xué)的作品，大家有發(fā)現(xiàn)圖片新的變化嗎？那么這位同學(xué)是如何達(dá)到這樣的效果呢？老師邀請(qǐng)這位同學(xué)上臺(tái)為我們演示。
學(xué)生演示，師轉(zhuǎn)述。
挑戰(zhàn)三：“穿花衣”——給網(wǎng)頁(yè)添加背景圖片。
7、師：再來(lái)看看這位同學(xué)的作品，又有什么新的變化呢？這位同學(xué)真棒，這是老師還沒(méi)有布置的終極目標(biāo)，看來(lái)終極目標(biāo)也沒(méi)有難住他。那有沒(méi)有難住你呢？請(qǐng)同學(xué)們給網(wǎng)頁(yè)穿上花衣裳，添加背景圖片，可以參看挑戰(zhàn)三里的錦囊3，完成挑戰(zhàn)三。（5分鐘）
學(xué)生演示，師轉(zhuǎn)述。
三、小結(jié)
1、師：同學(xué)們不斷突破重重的挑戰(zhàn)，老師發(fā)現(xiàn)好多合格的小小編輯員，但是你覺(jué)得誰(shuí)是今天最優(yōu)秀的小小編輯員呢？老師想邀請(qǐng)這幾位同學(xué)加入編輯員的隊(duì)伍，你們?cè)敢鈫幔?BR> 2、師：通過(guò)這節(jié)課的學(xué)習(xí)，你有什么收獲？（指答）
3、師小結(jié)：老師希望同學(xué)們能夠善于打開(kāi)思維，豐富想法，養(yǎng)成自主學(xué)習(xí)的習(xí)慣，勇于動(dòng)手實(shí)踐操作。
板書(shū)：
8、美化網(wǎng)頁(yè)
1、插入圖片（先定位光標(biāo)）
2、設(shè)置圖片屬性、編輯圖片
3、設(shè)置網(wǎng)頁(yè)背景
如何實(shí)施《網(wǎng)頁(yè)設(shè)計(jì)》教學(xué)課堂設(shè)計(jì) 網(wǎng)頁(yè)設(shè)計(jì)課設(shè)篇五
燕山大學(xué)
電子商務(wù)法論文
題目：網(wǎng)絡(luò)鏈接引發(fā)的著作權(quán)案
學(xué)院（系）：經(jīng)濟(jì)管理學(xué)院年級(jí)專(zhuān)業(yè)：09級(jí)電子商務(wù)學(xué)號(hào)：090105070023學(xué)生姓名：郭振宏
指導(dǎo)教師：胡心專(zhuān)
日期：2011/4/1
4網(wǎng)絡(luò)鏈接引發(fā)的著作權(quán)案
摘要：鏈接是互聯(lián)網(wǎng)上快捷地傳遞和獲取信息的一種技術(shù)手段，是互聯(lián)網(wǎng)的重要功能。上網(wǎng)者通過(guò)鏈接獲取的網(wǎng)上信息存在侵權(quán)問(wèn)題時(shí)，一般應(yīng)當(dāng)追究上載該信息網(wǎng)站的法律責(zé)任，提供搜索引擎鏈接服務(wù)的網(wǎng)絡(luò)經(jīng)營(yíng)者不承擔(dān)侵權(quán)責(zé)任。但是，如果該網(wǎng)站經(jīng)營(yíng)者明知其他網(wǎng)站網(wǎng)頁(yè)上含有侵權(quán)內(nèi)容的信息，還繼續(xù)提供該種服務(wù)，則應(yīng)承擔(dān)侵權(quán)責(zé)任。
關(guān)鍵詞：非法鏈接；著作權(quán)保護(hù)
1、劉京勝訴搜狐侵犯著作權(quán)案
2000年10月，原告劉京勝在上網(wǎng)訪(fǎng)問(wèn)被告搜狐公司的搜狐網(wǎng)站時(shí)，發(fā)現(xiàn)通過(guò)點(diǎn)擊該網(wǎng)站“文學(xué)”欄目下的“小說(shuō)”，即進(jìn)入搜索引擎頁(yè)面。根據(jù)頁(yè)面提示順序點(diǎn)擊“外國(guó)小說(shuō)@(5064)”、“經(jīng)典作品(86)”、“唐吉訶德——[西班牙]塞萬(wàn)提斯”、“譯本序言”后，可在頁(yè)面上看到其翻譯作品《唐吉訶德》。于是，原告劉京勝申請(qǐng)北京市公證處對(duì)以上上網(wǎng)的操作過(guò)程、路徑和終端監(jiān)視器上顯示的頁(yè)面內(nèi)容進(jìn)行公證，后據(jù)此于24日向北京市第二中級(jí)人民法院提起訴訟。11月6日，被告向北京市公證處申請(qǐng)按照原告上網(wǎng)的過(guò)程、路徑進(jìn)行公證。15日，被告向北京市公證處申請(qǐng)對(duì)上述網(wǎng)站訪(fǎng)問(wèn)《唐吉訶德》中文版的過(guò)程和路徑進(jìn)行公證。被告兩次公證的目的在于證明：1.該作品不是其搜狐網(wǎng)站上載，亦不在搜狐網(wǎng)站的網(wǎng)頁(yè)上，而是通過(guò)搜狐網(wǎng)站的搜索引擎進(jìn)入他人的網(wǎng)頁(yè)后才看到該作品;2.直接訪(fǎng)問(wèn)、網(wǎng)站，即可看見(jiàn)載有原告翻譯作品的網(wǎng)頁(yè);3.由于搜狐網(wǎng)站與上述三個(gè)網(wǎng)站有鏈接關(guān)系，所以能通過(guò)搜狐網(wǎng)站訪(fǎng)問(wèn)這三個(gè)網(wǎng)站載有原告翻譯作品的網(wǎng)頁(yè)。
11月23日，本案開(kāi)庭審理時(shí)，原告當(dāng)庭明確要求被告斷開(kāi)與上載其翻譯作品的網(wǎng)站的鏈接。被告以法律未規(guī)定鏈接是侵權(quán)為由拒絕。30日，被告才斷開(kāi)鏈接。
裁判結(jié)果：北京市第二中級(jí)人民法院認(rèn)為：根據(jù)《中華人民共和國(guó)》第十二條的規(guī)定，原告對(duì)《唐吉訶德》享有翻譯作品著作權(quán)，應(yīng)當(dāng)受到法律保護(hù)。未經(jīng)許可使用其作品，是對(duì)著作權(quán)的侵害。當(dāng)?shù)弥謾?quán)行為發(fā)生或可能發(fā)生時(shí)，任何與該侵權(quán)行為或結(jié)果有一定關(guān)系的人，都應(yīng)當(dāng)采取積極的措施，防止侵權(quán)結(jié)果擴(kuò)大。
被告向公眾提供搜索引擎服通過(guò)搜索引擎與侵權(quán)網(wǎng)站發(fā)生了臨時(shí)鏈接，其雖然難以控制搜索引擎的特定搜索結(jié)果及其附帶的臨時(shí)鏈接，但完全有能力控制對(duì)特定網(wǎng)站或網(wǎng)頁(yè)的鏈接。原告提起侵權(quán)訴訟時(shí)，雖因了解兩種技術(shù)的不同而將搜狐公司鏈接行為指控為上載，但畢竟將自己是涉案作品的著作權(quán)人、其權(quán)利被侵害以及希望盡快制止侵權(quán)的意思表示清
楚。被告收到起訴書(shū)后，沒(méi)有及時(shí)斷開(kāi)鏈接，使侵權(quán)結(jié)果得以擴(kuò)大，起到了幫助侵權(quán)人實(shí)施侵權(quán)的作用。依照著作權(quán)法第四十五條第(八)項(xiàng)的規(guī)定，被告應(yīng)當(dāng)對(duì)自己的這種行為承擔(dān)侵權(quán)的法律責(zé)任。
2、娛樂(lè)基地訴百度mp3深層次鏈接
2006年4月7日，杭州原創(chuàng)音樂(lè)網(wǎng)站“娛樂(lè)基地”向北京市第一中級(jí)人民法院正式起訴，控告百度、新浪和雅虎mp3搜索引擎侵犯其著作權(quán)，并要求每家公司賠償其經(jīng)濟(jì)損失500萬(wàn)元?！皧蕵?lè)基地”指出，百度等3家公司通過(guò)搜索技術(shù)直達(dá)“娛樂(lè)基地”網(wǎng)站的下載后臺(tái)，將本該付費(fèi)下載歌曲的絕對(duì)地址開(kāi)發(fā)給網(wǎng)民免費(fèi)下載?！皧蕵?lè)基地”認(rèn)為百度等搜索引擎公司的行為給其造成了經(jīng)濟(jì)損失。
“娛樂(lè)基地”稱(chēng)，百度提供的“深層鏈接”，其鏈接的是數(shù)據(jù)庫(kù)的mp3文件，這使得網(wǎng)民無(wú)須打開(kāi)被鏈接網(wǎng)站的頁(yè)面就能免費(fèi)下載，百度從中獲取巨大的商業(yè)利益，而無(wú)需承擔(dān)上傳、保存、編輯等勞力財(cái)力支出?！皧蕵?lè)基地”需要為此承受各種硬件資源，維護(hù)網(wǎng)站的成本每年高達(dá)數(shù)千萬(wàn)元。由于搜索引擎提供免費(fèi)mp3下載，“娛樂(lè)基地”在數(shù)字音樂(lè)方面得不到任何收益。因此訴至法院，要求百度、雅虎、新浪三個(gè)被告立即停止侵權(quán)、公開(kāi)賠禮道歉，并各自賠償經(jīng)濟(jì)損失計(jì)500萬(wàn)元。
百度方面則認(rèn)為，侵權(quán)的是提供盜版資源下載的網(wǎng)站，而非搜索公司。百度只為網(wǎng)民提供搜索結(jié)果，但無(wú)法判斷搜索到的東西是否侵權(quán)。
2007年1月，持續(xù)了10個(gè)月的娛樂(lè)基地訴百度 mp3 深層鏈接侵權(quán)案有了庭審結(jié)果：北京市第一中級(jí)人民法院駁回娛樂(lè)基地對(duì)百度的訴訟。
網(wǎng)絡(luò)服務(wù)商免責(zé)：提供鏈接、搜索服務(wù)，接到通知停止鏈接、不明知不承擔(dān)責(zé)任。對(duì)于搜索鏈接服務(wù)商的責(zé)任，《信息網(wǎng)絡(luò)傳播條例》第二十三條規(guī)定了免責(zé)條件，即網(wǎng)絡(luò)服務(wù)提供者為服務(wù)對(duì)象提供搜索或鏈接服務(wù)，在接到權(quán)利人的通知書(shū)后斷開(kāi)與侵權(quán)作品的、表演、錄音錄像制品的鏈接的不承擔(dān)責(zé)任；但是明知或者應(yīng)知所鏈接的作品侵權(quán)的，應(yīng)承擔(dān)共同責(zé)任。
3、法律與網(wǎng)絡(luò)共同發(fā)展
互聯(lián)網(wǎng)是一個(gè)高速發(fā)展的全新行業(yè)，對(duì)于浩瀚的信息來(lái)說(shuō)，搜索引擎使其從混亂無(wú)序、隨意的狀態(tài)，轉(zhuǎn)變成有規(guī)律、系統(tǒng)的世界。鏈接則將網(wǎng)上的關(guān)聯(lián)內(nèi)容同時(shí)呈現(xiàn)，又排列有序，使普通用戶(hù)可以輕松得到需要的信息，最大程度的發(fā)揮了互聯(lián)網(wǎng)對(duì)信息的傳遞功能。
對(duì)于這個(gè)日新月異的互聯(lián)網(wǎng)領(lǐng)域，法律是不可能事無(wú)巨細(xì)的超前規(guī)定的。各國(guó)目前都在對(duì)搜索、鏈接服務(wù)引起侵權(quán)責(zé)任進(jìn)行探討，但都還沒(méi)有明確的規(guī)定。美國(guó)的dmca為了鼓勵(lì)搜索服務(wù)，提供了“安全港”原則，使isp在接到通知后，只要?jiǎng)h除被主張權(quán)利的作品，或停止鏈接該作品，即可免去承擔(dān)侵權(quán)責(zé)任的危險(xiǎn)。但在其napster判決中，提供侵權(quán)內(nèi)容鏈接的行為，卻又被認(rèn)定為侵權(quán)的幫助行為。使其對(duì)搜索、鏈接的態(tài)度更加難以判斷。
相信隨著互聯(lián)網(wǎng)sp業(yè)務(wù)發(fā)展的不斷成熟，在不久的將來(lái)，我國(guó)法律對(duì)于搜索、鏈接的問(wèn)題，必然會(huì)做出明確的規(guī)定。
參考文獻(xiàn)：
【1】《反不正當(dāng)競(jìng)爭(zhēng)法》
【2】《著作權(quán)法》
【3】陳堅(jiān)《試析非法鏈接的著作權(quán)間接侵權(quán)責(zé)任，中國(guó)政法大學(xué)碩士學(xué)位》
【4】王遷：《論網(wǎng)絡(luò)環(huán)境中版權(quán)直接侵權(quán)的認(rèn)定標(biāo)準(zhǔn)（上）》，載于《東方法學(xué)》2009年第二期，第一頁(yè)