2023年如何實施《網頁設計》教學課堂設計 網頁設計課設(5篇)

字號:

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