網(wǎng)站制作方法精選(九篇)

前言：一篇好文章的誕生，需要你不斷地搜集資料、整理思路，本站小編為你收集了豐富的網(wǎng)站制作方法主題范文，僅供參考，歡迎閱讀并收藏。

第1篇：網(wǎng)站制作方法范文

一、明確目的

利用知道作推廣一般有兩種，一種是僅僅把它當(dāng)做外鏈的來(lái)源，這種情況比較簡(jiǎn)單，由于目的很單一，只要能留鏈接，并且能夠被百度收錄就好，因此，最好是到百度知道不斷的回答問(wèn)題，回答重在數(shù)量不不在乎質(zhì)量，哪怕你的回答沒(méi)有別列入最佳答案也不用怕。當(dāng)然發(fā)鏈接還是有技巧的，就是不要重復(fù)自發(fā)你網(wǎng)站的首頁(yè)，要寫問(wèn)題指向的具體頁(yè)面。同時(shí)不要所有的問(wèn)題都指向自己的網(wǎng)站，要穿插著推薦其他人的，特別是一些大網(wǎng)站，比如網(wǎng)易、搜狐之類的，這樣就不容易引起懷疑。

另一種情況是還希望從知道來(lái)流量，這就比較復(fù)雜一點(diǎn)，因?yàn)橛脩粢话阒豢醋罴汛鸢?，所以，你必須注?cè)很多的馬甲，用不同的賬號(hào)自問(wèn)自答，注意提問(wèn)后不要馬上回答，要間隔一天以上會(huì)比較好。自己?jiǎn)枂?wèn)題的時(shí)候，內(nèi)容和提問(wèn)的語(yǔ)氣也要有所變化。

二、平臺(tái)選擇

百度向來(lái)對(duì)自己的產(chǎn)品給予很高的權(quán)重，百度知道也不例外，因此大部分站長(zhǎng)都把精力集中在此。我要提醒大家下，其實(shí)現(xiàn)在很多網(wǎng)站的知道也占有很大的份額，一種就是像搜搜和天涯，這兩家的收錄情況都非常的好。另外就是根據(jù)你自己網(wǎng)站的門類也有很多垂直門戶，像做美容用品的推廣就可以去太平洋女性網(wǎng)等，不僅不容易被k，而且用戶群體的定位也比百度來(lái)的更明確更有針對(duì)性。

三、具體手段

1、最重要的就是要養(yǎng)賬號(hào)

拿百度知道舉例，毫不客氣的說(shuō)，有了高級(jí)別的賬號(hào)，你就成功了一半。因?yàn)榘l(fā)帖不容易被懷疑，不會(huì)被刪除。這種賬號(hào)哪里來(lái)，有錢的可以去買，網(wǎng)上搜索一大把，像我們這種窮人站長(zhǎng)只好自己申請(qǐng)，慢慢養(yǎng)。每天都用不同賬號(hào)到百度去回答一些問(wèn)題，久而久之你的等級(jí)就提升了，然后就可以用來(lái)回答你自己的問(wèn)題。

2、注意你的ip

前一段一個(gè)朋友問(wèn)我為啥他的百度賬號(hào)總是被懲罰，我看了看他給我的地址，發(fā)現(xiàn)這個(gè)家伙提問(wèn)和回答雖然是不同用戶，但是卻是一個(gè)ip地址，這樣不被k才怪。換ip的方法大家都很熟悉了，用adsl的可以重新?lián)芴?hào)，用lan和局域網(wǎng)的也不用怕，現(xiàn)在網(wǎng)上很多的vpn，大家可以去弄一個(gè)，撥號(hào)以后就到對(duì)方的服務(wù)器上了，ip自然就不一樣，呵呵

第2篇：網(wǎng)站制作方法范文

項(xiàng)目教學(xué)法實(shí)施過(guò)程是教師創(chuàng)設(shè)項(xiàng)目活動(dòng)情境，在教師的引導(dǎo)下，從學(xué)生已有的知識(shí)技能和生活經(jīng)驗(yàn)出發(fā)，討論完成本項(xiàng)目活動(dòng)的方法和過(guò)程，學(xué)生以小組為單位運(yùn)用學(xué)過(guò)的知識(shí)和技能解決新情境下的問(wèn)題，在項(xiàng)目活動(dòng)過(guò)程中，增強(qiáng)學(xué)生的知識(shí)和技能，提高分析和解決問(wèn)題的能力，在情感、態(tài)度的價(jià)值觀多方面對(duì)學(xué)生進(jìn)行培養(yǎng)。整個(gè)過(guò)程活動(dòng)都是真實(shí)的，是現(xiàn)實(shí)生產(chǎn)生活的一種反映，從而使學(xué)生的學(xué)習(xí)更有針對(duì)性和實(shí)用性，學(xué)到了今后就業(yè)所必須的技能，包括實(shí)踐能力、分析能力、綜合能力、應(yīng)變能力、交流能力、合作能力和解決實(shí)際問(wèn)題的能力。在計(jì)算機(jī)教學(xué)中采用項(xiàng)目教學(xué)法，可以將教師的主動(dòng)性、學(xué)生的積極性調(diào)動(dòng)起來(lái)，還可以增強(qiáng)同學(xué)間的團(tuán)隊(duì)協(xié)作精神，這將對(duì)知識(shí)的傳授與更新產(chǎn)生更重大的影響，實(shí)現(xiàn)教、學(xué)、做融為一體。

二、《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程牽引項(xiàng)目的選擇及相應(yīng)整合的理論知識(shí)

就課程本身運(yùn)用實(shí)質(zhì)來(lái)說(shuō)，工作的項(xiàng)目其實(shí)分為網(wǎng)站設(shè)計(jì)與管理、網(wǎng)頁(yè)制作、圖像與媒體設(shè)計(jì)與運(yùn)用、數(shù)據(jù)庫(kù)設(shè)計(jì)與管理、腳本與應(yīng)用程序的設(shè)計(jì)與運(yùn)用。經(jīng)過(guò)市場(chǎng)調(diào)研和多年教學(xué)實(shí)踐，我把把課程牽引項(xiàng)目分為八個(gè)具體任務(wù)：1.圖文并茂網(wǎng)頁(yè)的制作完成該項(xiàng)目的知識(shí)包括常見網(wǎng)頁(yè)設(shè)計(jì)工具的使用、HTML文檔基本結(jié)構(gòu)、文本排版控制標(biāo)記符、圖像插入標(biāo)記符、特殊字符以及物理顯示標(biāo)記符、css的意義、創(chuàng)建與使用方法。項(xiàng)目技能目標(biāo)有安裝和啟動(dòng)網(wǎng)頁(yè)制作軟件、熟悉網(wǎng)頁(yè)制作的基本步驟、正確插入文本與特殊字符、正確對(duì)文本進(jìn)行分段分行、正確插入圖像、運(yùn)用css技術(shù)控制文字圖片樣式。2.個(gè)人簡(jiǎn)歷網(wǎng)頁(yè)的制作完成該項(xiàng)目的知識(shí)包括有序列表標(biāo)記符、無(wú)序列表標(biāo)記符、表格標(biāo)記符、超鏈接標(biāo)記符、Css技術(shù)對(duì)列表的控制方法。項(xiàng)目技能目標(biāo)有制作有序列表、無(wú)序列表、制作混合列表、運(yùn)用超鏈接標(biāo)記符啟動(dòng)電子郵箱鏈接、運(yùn)用表格進(jìn)行簡(jiǎn)單頁(yè)面排版、運(yùn)用css技術(shù)設(shè)置列表顯示方式。3.電子相冊(cè)制作完成該項(xiàng)目的知識(shí)包括網(wǎng)頁(yè)圖像素材的特點(diǎn)與主要類型、Fireworks對(duì)圖片進(jìn)行批處理的方法、電子相冊(cè)排版要點(diǎn)、圖像、表格、超鏈接標(biāo)記符的相關(guān)屬性、css技術(shù)的濾鏡使用方法。項(xiàng)目技能目標(biāo)有熟悉網(wǎng)頁(yè)圖像素材的特點(diǎn)與類型、掌握Fireworks的基本操作方法、了解并掌握網(wǎng)頁(yè)圖片處理的主要方法、熟知圖像、表格、超鏈接標(biāo)記符的屬性、運(yùn)用css濾鏡技術(shù)美化圖片效果。4.學(xué)習(xí)欣賞網(wǎng)站設(shè)計(jì)與制作完成該項(xiàng)目的知識(shí)包括本地網(wǎng)站的創(chuàng)建與、IIS的安裝與設(shè)置方法、網(wǎng)站的規(guī)劃與制作流程、框架技術(shù)進(jìn)行網(wǎng)頁(yè)布局的方法、超鏈接標(biāo)記符在框架技術(shù)中的作用、錨點(diǎn)鏈接技術(shù)、網(wǎng)站LOGO的制作方法、制作網(wǎng)站flashbanner的方法、多媒體素材網(wǎng)頁(yè)的制作方法。項(xiàng)目技能目標(biāo)有：正確創(chuàng)建、設(shè)置、本地網(wǎng)站、正確安裝、設(shè)置與管理IIS、運(yùn)用框架技術(shù)進(jìn)行網(wǎng)頁(yè)布局、錨點(diǎn)技術(shù)在長(zhǎng)版面網(wǎng)頁(yè)中的應(yīng)用、運(yùn)用圖像設(shè)計(jì)軟件制作LOGO、運(yùn)用flash制作具有動(dòng)態(tài)效果的banner、掌握向網(wǎng)頁(yè)插入動(dòng)畫、視頻等多媒體素材的方法、熟悉css控制超鏈接樣式的方法。5.門戶網(wǎng)站制作完成該項(xiàng)目的知識(shí)包括門戶網(wǎng)站的設(shè)計(jì)、規(guī)劃與制作流程、網(wǎng)站創(chuàng)建、、維護(hù)管理的方法、Div+css布局網(wǎng)頁(yè)的方法、創(chuàng)建子菜單的方法、Dhtml技術(shù)、Dreamweaver的高級(jí)應(yīng)用技術(shù)。項(xiàng)目技能目標(biāo)有熟悉運(yùn)用div+css技術(shù)設(shè)計(jì)網(wǎng)頁(yè)、掌握Dreamweaver創(chuàng)建與運(yùn)用divAp的方法、掌握運(yùn)用Dreamweaver時(shí)間軸功能制作網(wǎng)頁(yè)漂移元素的方法、掌握Dreamweaver行為面板的使用方法、靈活應(yīng)用DHTML增加網(wǎng)頁(yè)特效。6.個(gè)人信息網(wǎng)站設(shè)計(jì)與制作完成該項(xiàng)目的知識(shí)包括個(gè)人網(wǎng)站的規(guī)劃方法與制作特點(diǎn)、運(yùn)用圖形制作工具設(shè)計(jì)繪制網(wǎng)頁(yè)布局、Fireworks執(zhí)行切片并導(dǎo)出網(wǎng)頁(yè)的方法、Dreamweaver布局切片網(wǎng)頁(yè)的方法、頁(yè)內(nèi)框架技術(shù)在網(wǎng)頁(yè)布局中的應(yīng)用方法、動(dòng)態(tài)導(dǎo)航條的制作方法、css對(duì)網(wǎng)頁(yè)進(jìn)行樣式規(guī)范與美化的方法。項(xiàng)目技能目標(biāo)有了解個(gè)人網(wǎng)站的制作方法與特點(diǎn)、設(shè)計(jì)并繪制網(wǎng)頁(yè)布局圖、應(yīng)用切片技術(shù)設(shè)計(jì)網(wǎng)頁(yè)布局結(jié)構(gòu)、運(yùn)用Dreamweaver優(yōu)化切片網(wǎng)頁(yè)、運(yùn)用頁(yè)內(nèi)框架技術(shù)實(shí)現(xiàn)網(wǎng)站超鏈接、掌握制作動(dòng)態(tài)導(dǎo)航條的方法、運(yùn)用css對(duì)網(wǎng)頁(yè)進(jìn)行樣式規(guī)范與美化。7.用戶注冊(cè)信息網(wǎng)頁(yè)制作完成該項(xiàng)目的知識(shí)包括表單與表單元素的相關(guān)標(biāo)記符、表單與表單元素的作用、表格布局表單元素、css對(duì)表格、表單元素的控制方法、Dreamweaver檢驗(yàn)表單行為的應(yīng)用、以電子郵件方式提交表單的方法。項(xiàng)目技能目標(biāo)有熟悉表單及表單元素的設(shè)置方法、掌握表格布局表單元素的方法、運(yùn)用css對(duì)表格、表單元素進(jìn)行規(guī)范與美化、掌握Dreamweaver驗(yàn)證表單的方法、掌握電子郵件形式提交表單的方法。8.瀏覽、查找、修改通訊錄的網(wǎng)頁(yè)完成該項(xiàng)目的知識(shí)包括動(dòng)態(tài)網(wǎng)頁(yè)制作與設(shè)置、數(shù)據(jù)庫(kù)的綁定、表單動(dòng)作設(shè)置、表單元素與數(shù)據(jù)表的對(duì)應(yīng)、動(dòng)態(tài)表格插入與應(yīng)用、動(dòng)態(tài)網(wǎng)站的。項(xiàng)目技能目標(biāo)有熟悉表單及表單元素、掌握動(dòng)態(tài)網(wǎng)頁(yè)制作與設(shè)置方法、運(yùn)用表單動(dòng)作設(shè)置動(dòng)態(tài)效果、掌握動(dòng)態(tài)表格的插入方法、掌握動(dòng)態(tài)網(wǎng)站要領(lǐng)。

三、課程整合后項(xiàng)目教學(xué)法的實(shí)施過(guò)程

第3篇：網(wǎng)站制作方法范文

關(guān)鍵詞：CDIO模式；網(wǎng)頁(yè)制作；課程改革

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2016）08-0132-02

現(xiàn)階段我國(guó)高職教育中多采用案例教學(xué)模式來(lái)教授網(wǎng)頁(yè)設(shè)計(jì)與制作課程，通過(guò)這種教學(xué)模式，學(xué)生可以完成大多數(shù)的案例制作內(nèi)容，對(duì)學(xué)生的動(dòng)手能力也有一定的培養(yǎng)，但是在遇到實(shí)際問(wèn)題時(shí)卻不能靈活運(yùn)用自己所學(xué)的知識(shí)解決問(wèn)題，在一定程度上對(duì)學(xué)生創(chuàng)新能力的培養(yǎng)不夠注重。另一方面，課程內(nèi)容的系統(tǒng)性不夠完善，不能很好地幫助學(xué)生形成系統(tǒng)解決完整實(shí)際工程問(wèn)題的意識(shí)和對(duì)實(shí)際工程項(xiàng)目的分析和設(shè)計(jì)能力。另一方面，學(xué)生之間互相交流溝通的較少，不能在團(tuán)隊(duì)協(xié)作中發(fā)揮自己應(yīng)有的水平。

1 CDIO模式簡(jiǎn)介

CDIO工程教育模式是近年來(lái)國(guó)際工程教育改革的最新成果。從2000年起，麻省理工學(xué)院和瑞典皇家工學(xué)院等四所大學(xué)組成的跨國(guó)研究獲得Knut and Alice Wallenberg基金會(huì)近2000萬(wàn)美元巨額資助，經(jīng)過(guò)四年的探索研究，創(chuàng)立了 CDIO 工程教育理念，并成立了以 CDIO命名的國(guó)際合作組織。

CDIO代表構(gòu)思（Conceive）、設(shè)計(jì)（Design）、實(shí)現(xiàn)（Implement）和運(yùn)作（Operate） ，它以產(chǎn)品研發(fā)到產(chǎn)品運(yùn)行的生命周期為載體 ，讓學(xué)生以主動(dòng)的、 實(shí)踐的、 課程之間有機(jī)聯(lián)系的方式學(xué)習(xí)工程。CDIO培養(yǎng)大綱將工程畢業(yè)生的能力分為工程基礎(chǔ)知識(shí)、 個(gè)人能力、 人際團(tuán)隊(duì)能力和工程系統(tǒng)能力四個(gè)層面，大綱要求以綜合的培養(yǎng)方式使學(xué)生在這四個(gè)層面達(dá)到預(yù)定目標(biāo)。

2 現(xiàn)階段高校網(wǎng)頁(yè)制作課程教學(xué)現(xiàn)狀

網(wǎng)頁(yè)設(shè)計(jì)和制作課程的設(shè)置主要是為了培養(yǎng)學(xué)生完成對(duì)網(wǎng)頁(yè)的設(shè)計(jì)與制作過(guò)程這一基本的職業(yè)能力，以及幫助畢業(yè)生從網(wǎng)頁(yè)編輯到網(wǎng)站的規(guī)劃設(shè)計(jì)和制作再到網(wǎng)站的更新管理與維護(hù)這一崗位變換的任務(wù)[1]，但就現(xiàn)階段而言，我國(guó)網(wǎng)頁(yè)合計(jì)與制作的教學(xué)模式還是存在很多問(wèn)題。

2.1 對(duì)學(xué)生的實(shí)踐能力不夠注重

我國(guó)高校依然多采用理論和實(shí)踐相結(jié)合的教育模式對(duì)學(xué)生進(jìn)行授課，老師首先在理論課上將書本上的專業(yè)知識(shí)點(diǎn)和相關(guān)軟件的操作要點(diǎn)對(duì)學(xué)生講解和示范，剩下的時(shí)間就是讓學(xué)生憑借課堂上老師教授的知識(shí)或者是自己所記錄的筆記來(lái)操作相關(guān)步驟。整個(gè)過(guò)程中，學(xué)生始終處于一種被動(dòng)接受知識(shí)的狀態(tài)[2]，再加上教學(xué)的內(nèi)容較為寬泛與枯燥，學(xué)生很容易對(duì)此失去興趣和對(duì)此項(xiàng)專業(yè)知識(shí)的學(xué)習(xí)積極性。另外，由于學(xué)生并不能對(duì)理論過(guò)程和實(shí)踐過(guò)程有效的結(jié)合與整合，所以學(xué)生在很大程度上只能學(xué)到知識(shí)的皮毛，只能生搬硬套，而不是通過(guò)自己的創(chuàng)新能力讓自己的知識(shí)與實(shí)踐達(dá)到融會(huì)貫通的效果，這樣就不能達(dá)到教學(xué)的根本目的。

2.2 教材案例缺乏實(shí)踐性

傳統(tǒng)模式下的網(wǎng)頁(yè)制作課程，老師都是按照教學(xué)大綱設(shè)定的章節(jié)內(nèi)容按順序一節(jié)一節(jié)進(jìn)行教授，雖然對(duì)每個(gè)知識(shí)點(diǎn)進(jìn)行了講解，但是案例內(nèi)容關(guān)聯(lián)性不大，這樣所造成的結(jié)果就是學(xué)生能夠?qū)σ恍┘夹g(shù)技巧掌握，但是卻不能把握好網(wǎng)站設(shè)計(jì)制作的整體性規(guī)劃，對(duì)于網(wǎng)站制作所需要的最重要的能力即對(duì)全局的把控能力沒(méi)有得到很好地提升。

2.3 不符合社會(huì)發(fā)展需求

高校老師在對(duì)學(xué)生進(jìn)行教授時(shí)，更多地依賴于教材本身，只是根據(jù)教材上寫的再給同學(xué)們講解一遍，不能根據(jù)學(xué)生之間的個(gè)性差異及個(gè)人特點(diǎn)因材施教，這樣讓學(xué)生實(shí)際運(yùn)用起來(lái)會(huì)感到比較吃力[3]，又由于對(duì)學(xué)生的引導(dǎo)性和指導(dǎo)性不多，使得學(xué)生不能做到真正的應(yīng)用，距離社會(huì)發(fā)展所需人才的要求還有一段差距。

要將上述問(wèn)題得以有效的解決，將CDIO工程教育理念有效的融入到網(wǎng)頁(yè)制作課程的改革中，對(duì)教學(xué)資源加以歸納整合，改變傳統(tǒng)的課程教學(xué)模式對(duì)于培養(yǎng)新時(shí)代人才的需要是有著很重要現(xiàn)實(shí)意義的。

3 基于CDIO模式下的網(wǎng)頁(yè)制作課程改革

網(wǎng)頁(yè)設(shè)計(jì)與制作這么課程實(shí)操性比較強(qiáng)，此專業(yè)的主要教學(xué)任務(wù)是讓學(xué)生對(duì)于網(wǎng)站建設(shè)的基本流程和如何對(duì)靜態(tài)網(wǎng)站進(jìn)行建設(shè)的相關(guān)知識(shí)和技能的學(xué)習(xí)，當(dāng)學(xué)生進(jìn)入社會(huì)以后，能夠根據(jù)客戶的要求作出符合客戶要求的網(wǎng)站制作作品。再者，此專業(yè)對(duì)于學(xué)生的網(wǎng)頁(yè)鑒賞能力、藝術(shù)設(shè)計(jì)能力和網(wǎng)頁(yè)設(shè)計(jì)與制作能力等綜合能力的考量有一個(gè)明確的要求，我們要打破傳統(tǒng)教育模式下只注重理論知識(shí)講解的方式，轉(zhuǎn)為對(duì)學(xué)生綜合實(shí)踐能力的培養(yǎng)。

3.1 對(duì)教學(xué)和學(xué)習(xí)理念的改革

基于CDIO工程教學(xué)模式，我們要把之前的主要以同學(xué)們基礎(chǔ)知識(shí)的掌握為主要目標(biāo)擴(kuò)展到以學(xué)生的職業(yè)發(fā)展為教學(xué)目標(biāo)，老師在組織教授給學(xué)生的課程內(nèi)容時(shí)，要以社會(huì)發(fā)展所需要的網(wǎng)頁(yè)設(shè)計(jì)人員的要求為根本，在對(duì)教學(xué)環(huán)節(jié)進(jìn)行設(shè)計(jì)時(shí)多開展一些具體的任務(wù)，將社會(huì)上的相關(guān)企業(yè)正在建立的項(xiàng)目給同學(xué)們進(jìn)行講解從而更好地加強(qiáng)同學(xué)們的技能技巧；在學(xué)習(xí)理念上，培養(yǎng)同學(xué)們的自主性學(xué)習(xí)觀念和持續(xù)性學(xué)習(xí)理念，讓他們認(rèn)識(shí)到主動(dòng)學(xué)習(xí)并不斷堅(jiān)持下去對(duì)自身學(xué)習(xí)成果的重要性。同時(shí)注重與社會(huì)企業(yè)和這個(gè)行業(yè)的深度的交流與融合，符合新時(shí)代下學(xué)生就業(yè)的基本方向。

3.2 課程內(nèi)容的改革

依據(jù)CDIO的設(shè)計(jì)理念，老師要對(duì)網(wǎng)頁(yè)制作課程的內(nèi)容改革做出大膽的改變與嘗試，比如建立一個(gè)真實(shí)的網(wǎng)站建設(shè)項(xiàng)目，根據(jù)不同的教學(xué)目標(biāo)和需要學(xué)生達(dá)到的能力水平來(lái)劃分不同的學(xué)習(xí)情境，再將不同的學(xué)習(xí)情境分為多個(gè)不同的實(shí)踐任務(wù)，將課程中所涉及的各個(gè)知識(shí)點(diǎn)分散到不同情境中去，讓同學(xué)們?cè)谝徊揭徊綄?shí)踐任務(wù)的完成中輕松地掌握各個(gè)知識(shí)點(diǎn)，同時(shí)對(duì)于一個(gè)真實(shí)企業(yè)網(wǎng)站的建設(shè)過(guò)程、基本流程和相關(guān)的技術(shù)方法有一個(gè)較為清晰的認(rèn)識(shí)，從而更有力于學(xué)生對(duì)網(wǎng)站制作的理解與應(yīng)用。網(wǎng)頁(yè)的設(shè)計(jì)與制作要求同學(xué)們不僅僅掌握專業(yè)本身應(yīng)有的專業(yè)技能，因?yàn)榫W(wǎng)頁(yè)的制作涉及很多方面，比如圖片、動(dòng)畫、編輯等，這就需要同學(xué)們?cè)谡莆樟司W(wǎng)頁(yè)制作能力的同時(shí)，還要對(duì)圖像的處理、三維動(dòng)畫的制作以及網(wǎng)頁(yè)的編輯能力有一個(gè)不斷的提高，從而設(shè)計(jì)制作出更高質(zhì)量的網(wǎng)頁(yè)。而在傳統(tǒng)教學(xué)模式中，網(wǎng)頁(yè)制作總是作為一門獨(dú)立的課程來(lái)教授給同學(xué)們，這就會(huì)同學(xué)們做出來(lái)的作品效果表現(xiàn)力不夠，缺乏感染力。

3.3 創(chuàng)新教學(xué)方法

高職院校的學(xué)生在初期階段的計(jì)算機(jī)基礎(chǔ)普遍不高，學(xué)習(xí)的主動(dòng)性又不是很強(qiáng)，我們可以在實(shí)驗(yàn)室對(duì)同學(xué)們從教到學(xué)再到做進(jìn)行一體化實(shí)踐教學(xué)，在課程學(xué)習(xí)完成以后，老師可以多開展一些切合實(shí)際的項(xiàng)目讓同學(xué)們加以鞏固和練習(xí)[4]，這樣學(xué)生會(huì)對(duì)自己所學(xué)習(xí)的知識(shí)不斷重復(fù)加深印象，理解也會(huì)更為深刻。

3.4 對(duì)實(shí)踐環(huán)節(jié)細(xì)化，采用小組協(xié)作模式

老師可以組織不同的主題，讓同學(xué)們分組協(xié)作完成不同主題的綜合性網(wǎng)站設(shè)計(jì)項(xiàng)目，在學(xué)生的實(shí)踐階段與CDIO教育理念不斷結(jié)合，在每個(gè)項(xiàng)目開展之前，老師可以按照企業(yè)實(shí)際的團(tuán)隊(duì)合作模式對(duì)不同的學(xué)生分配不同的角色，值得注意的一點(diǎn)是，小組成員的分工不能一成不變，而是要定期輪換，確保每個(gè)成員能接觸到一個(gè)網(wǎng)站建設(shè)不同的階段，這樣才能讓同學(xué)們的綜合能力有所提升。將企業(yè)的項(xiàng)目融入老師教學(xué)的過(guò)程，可以讓學(xué)生了解學(xué)校教育與社會(huì)所需專業(yè)知識(shí)和技能的不同點(diǎn)在哪些方面，同時(shí)對(duì)于學(xué)生了解企業(yè)的制作標(biāo)準(zhǔn)和運(yùn)作步驟有一個(gè)幫助，從而讓學(xué)生能早的了解社會(huì)的需求，更快地適應(yīng)社會(huì)需要。

3.5 對(duì)結(jié)果測(cè)評(píng)方法進(jìn)行改革

在對(duì)課程的考核評(píng)價(jià)上，徹底轉(zhuǎn)變傳統(tǒng)模式下一貫的“結(jié)果性”考核方式，讓考核評(píng)價(jià)機(jī)制更注重過(guò)程化和多元化。大力推行以CDIO模式所倡導(dǎo)的“首先完成工作任務(wù)，同時(shí)對(duì)平時(shí)的學(xué)習(xí)態(tài)度、勤奮敬業(yè)、團(tuán)隊(duì)之間的協(xié)作關(guān)系以及個(gè)人的道德文化水平”等多維度的考核評(píng)價(jià)模式。此種考核模式分為三個(gè)部分。首先是平時(shí)的考核，采用學(xué)生之間互相評(píng)價(jià)、自我進(jìn)行評(píng)價(jià)和老師根據(jù)學(xué)生平時(shí)的學(xué)習(xí)態(tài)度、團(tuán)隊(duì)協(xié)作精神和個(gè)人道德等進(jìn)行的綜合評(píng)價(jià)這三者作為對(duì)學(xué)生平時(shí)考核成績(jī)。其次是階段性評(píng)價(jià)測(cè)試，讓學(xué)生通過(guò)對(duì)一個(gè)綜合網(wǎng)站的建設(shè)過(guò)程了解到學(xué)生在學(xué)習(xí)過(guò)程中的不足之處，和對(duì)哪方面知識(shí)點(diǎn)的欠缺。對(duì)學(xué)生的自主學(xué)習(xí)能力會(huì)有一個(gè)較大的提升。老師可以將該任務(wù)分成不同的階段，讓學(xué)生在完成每個(gè)階段后提交自己的制作作品并列出自己的制作過(guò)程和想法。老師可以根據(jù)不同階段的要求和學(xué)生的完成情況進(jìn)行考核。最后的綜合評(píng)價(jià)則主要是對(duì)學(xué)生綜合技能的一個(gè)測(cè)評(píng)。

老師對(duì)于CDIO理念的準(zhǔn)確把握對(duì)CDIO的實(shí)施效果有很大的關(guān)系，老師只有充分理解了CDIO理論的內(nèi)涵所在，才能根據(jù)學(xué)生的特點(diǎn)和課堂教學(xué)內(nèi)容將這種理念靈活運(yùn)用到對(duì)學(xué)生的教學(xué)過(guò)程中，這也同時(shí)對(duì)老師的工程實(shí)踐能力有了較高的要求，學(xué)校要多開展此種培訓(xùn)并鼓勵(lì)老師們積極參與，這樣才能更好地運(yùn)用和實(shí)施。其次，老師要做好引導(dǎo)作用，讓學(xué)生從接受性學(xué)習(xí)模式轉(zhuǎn)變自主性學(xué)習(xí)模式，不斷激發(fā)學(xué)生的積極主動(dòng)性，不斷提升教學(xué)質(zhì)量。

4 結(jié)語(yǔ)

將CDIO的教育理念與網(wǎng)頁(yè)制作課程老師的教學(xué)過(guò)程和學(xué)生的實(shí)踐過(guò)程以及對(duì)學(xué)生的考核機(jī)制不斷融合與貫通，會(huì)讓學(xué)生更有效的熟悉網(wǎng)頁(yè)制作的每個(gè)步驟，從而加強(qiáng)對(duì)整體流程的把握，不僅讓學(xué)生掌握網(wǎng)頁(yè)的制作方法，同時(shí)對(duì)于激發(fā)學(xué)生的學(xué)習(xí)積極性和提高學(xué)生解決問(wèn)題的能力也會(huì)有一個(gè)大的提高。老師要抓住項(xiàng)目對(duì)知識(shí)內(nèi)容組織的緊湊與連貫性，讓學(xué)生對(duì)課程的整體性和系統(tǒng)性有一個(gè)大體的把握，幫助學(xué)生做好知識(shí)點(diǎn)之間的串聯(lián)，學(xué)生要對(duì)學(xué)習(xí)過(guò)的知識(shí)及時(shí)總結(jié)歸納，對(duì)新的學(xué)習(xí)任務(wù)提前做好知識(shí)的梳理，養(yǎng)成積極思考的習(xí)慣。基于CDIO模式的網(wǎng)頁(yè)制作課程教學(xué)方式讓學(xué)生真正成為教學(xué)活動(dòng)的主體，作為當(dāng)今國(guó)際最新的工程教育模式，它在很大程度上培養(yǎng)了學(xué)生的團(tuán)隊(duì)合作能力和實(shí)踐動(dòng)手能力。

參考文獻(xiàn)：

[1]陳繡瑤. 基于CDIO模式的網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)改革[J]. 廣州職業(yè)教育論壇，2013（3）：31-34.

[2]田永曄，江兆銀. CDIO模式在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程改革中的探索與實(shí)踐[J]. 福建電腦，2013（12）：53-55.

第4篇：網(wǎng)站制作方法范文

最近編輯部的事還真不少，又來(lái)新同志了，以后大家都會(huì)逐步熟悉的。沒(méi)事都到論壇坐坐，我經(jīng)常在那里，會(huì)盡心回答大家的問(wèn)題。還有大家多給“美不勝Show”欄目投投稿，也可以將自己想知道的、想學(xué)習(xí)的知識(shí)告訴我們，我們會(huì)整理出來(lái)，在雜志上作些教程。還有光盤中的“網(wǎng)友推薦”欄目也多多支持吧。天冷了，下期見，等會(huì)。每期幾乎都是這樣結(jié)尾的，其實(shí)每期在寫版主手記時(shí)，已經(jīng)是出刊最后階段，深夜了，下期見!

――藍(lán)色

隨著數(shù)碼產(chǎn)品的流行，相信很多朋友利用數(shù)碼相機(jī)或手機(jī)拍攝了好多照片，對(duì)這些照片的管理就變得很重要。如果將這些照片制作成電子相冊(cè)，日后瀏覽它們的時(shí)候會(huì)變得很方便。今天為大家介紹幾種制作3D相冊(cè)的方法，包括《虛擬相冊(cè)制作系統(tǒng)》、在線DIY電子相冊(cè)網(wǎng)站和Photoshop。

虛擬相冊(cè)制作系統(tǒng)

虛擬相冊(cè)制作系統(tǒng)是一款簡(jiǎn)單易用的電子相冊(cè)制作軟件。不需要專業(yè)的計(jì)算機(jī)知識(shí)就可以制作出幻燈片、屏幕保護(hù)程序和3D電子相冊(cè)。這款軟件采用了向?qū)降闹谱鞣椒?，我們只需按照向?qū)Р僮骷纯梢钥焖僦谱鞒?D虛擬電子相冊(cè)。

步驟1 啟動(dòng)虛擬相冊(cè)制作系統(tǒng)。在第一步向?qū)Ю锾峁┝怂膫€(gè)模板供我們選擇，包括標(biāo)準(zhǔn)相冊(cè)、故事相冊(cè)、普通相冊(cè)和卡通相冊(cè)(如圖1)。每種模板都適合不同類型的相冊(cè)。比如標(biāo)準(zhǔn)相冊(cè)適合生成大照片形式，故事相冊(cè)適合帶有描述性文字的相冊(cè)，卡通相冊(cè)則比較適合兒童的成長(zhǎng)相冊(cè)。

步驟2 單擊“下一步”按鈕進(jìn)入到設(shè)置電子相冊(cè)的基本設(shè)置對(duì)話框中(如圖2)。單擊“封皮圖片”后的“轉(zhuǎn)換”按鈕?？梢愿淖冸娮酉鄡?cè)的封面照片。單擊“封皮背景”后的“更改”按鈕可以選擇系統(tǒng)提供的其他封面背景圖片。另外，還可以設(shè)置相冊(cè)的名稱。封皮的顏色和樣式。標(biāo)題字體等屬性。

步驟3 單擊“下一步”按鈕進(jìn)入相冊(cè)配置對(duì)話框，在這里可以設(shè)置相冊(cè)的翻頁(yè)速度、每頁(yè)停留時(shí)時(shí)間、相冊(cè)背景和底紋、制作信息等屬性(如圖3)。

步驟4單擊“下一步”按鈕進(jìn)入設(shè)置相冊(cè)背景音樂(lè)對(duì)話框，在“待選音樂(lè)”列表框選擇一些自己喜歡的音樂(lè)，然后單擊箭頭按鈕將它添加到“已選音樂(lè)列表”中。單擊“播放”按鈕可以對(duì)選中的音樂(lè)進(jìn)行試聽。

步驟5 單擊“下一步”按鈕，進(jìn)入添加照片的對(duì)話框。單擊“加入”按鈕可以在打開的對(duì)話框中選擇要加入的照片。加入照片以后可以利用“上移”和“下移”按鈕改變它們的播放順序。選中某張照片以后，單擊“亮度”按鈕可以改變照片的明暗程度。單擊“屬性”按鈕則可以為照片添加標(biāo)題、拍攝時(shí)間和一些描述性信息。

步驟6 單擊“下一步”按鈕進(jìn)入到生產(chǎn)電子相冊(cè)的對(duì)話框(如圖4)。在這里我們可以選擇相冊(cè)的類型。分別為相冊(cè)庫(kù)文件、執(zhí)行相冊(cè)、迷你執(zhí)行相冊(cè)和屏幕保護(hù)，如果你想為相冊(cè)加密還可以設(shè)置安全密碼。單擊“生成”按鈕，在彈出的對(duì)話框中設(shè)置要保存的文件名，然后就開始生成相應(yīng)的電子相冊(cè)文件了。在線制作FIash 3D相冊(cè)

在線3D相冊(cè)(網(wǎng)址：)是一個(gè)可以讓我們將照片制作成FIas形式的網(wǎng)站。其中的動(dòng)畫可以是水晶之心、旋轉(zhuǎn)的魔方、Flash放大鏡等等形式。并且還可以將這些動(dòng)畫自由到其他的網(wǎng)頁(yè)中。下面我們就來(lái)介紹在這個(gè)在線DIY相冊(cè)的方法。

步驟1 進(jìn)入到網(wǎng)站中，首先需要注冊(cè)一個(gè)用戶，然后才可以開始制作電子相冊(cè)。

步驟2 注冊(cè)成功以后。使用自己的用戶名登錄網(wǎng)站，然后在“PhotoSha ring”頁(yè)面中的“Manage Photos”中單擊“C reate anAlbum”按鈕創(chuàng)建一個(gè)新相冊(cè)。在打開的網(wǎng)頁(yè)中設(shè)置電子相冊(cè)的標(biāo)題、描述信息、相冊(cè)封面和背景顏色等選項(xiàng)，然后單擊“Update”按鈕創(chuàng)建電子相冊(cè)(如圖5)。

步驟3 此時(shí)網(wǎng)頁(yè)會(huì)自動(dòng)返回到“Manage Photos'’(管理圖片)頁(yè)面中，你會(huì)在這里找到自己創(chuàng)建的電子相冊(cè)列表。

步驟4 單擊“Upload Photos”命令可以為相冊(cè)添加照片。網(wǎng)站允許用戶一次性上傳515張圖片，在“Upload tmages to”中可以選擇將照片上傳到哪個(gè)電子相冊(cè)中。單擊Image(1-5)后的瀏覽按鈕選擇自己電腦中的照片。然后單擊“UploadPics Now!”按鈕即可開始將照片上傳到相冊(cè)中(如圖6)。

步驟5 單擊圖片管理頁(yè)面右側(cè)的“Create a PhotoFltck”按鈕開始創(chuàng)建Flash電子相冊(cè)。進(jìn)入到創(chuàng)建電子相冊(cè)頁(yè)面以后。在“Acrobat Cue”選項(xiàng)中可以設(shè)置照片的參數(shù)，比如透明度、背景、大小、文字等參數(shù)。在“Flick Designs”選項(xiàng)中預(yù)設(shè)了許多種電子相冊(cè)的模板，你可以選擇自己喜歡的一種模板(如圖7)。如果要想預(yù)覽FIash模板效果，可以單擊模板縮略圖即可實(shí)時(shí)顯示照片的電子相冊(cè)效果。當(dāng)然在做這些設(shè)置之前，你應(yīng)該在頁(yè)面下方單擊“add you rimages”按鈕選擇要加入到電子相冊(cè)中的照片。

需要說(shuō)明的是。不同的模板具有不同的參數(shù)可以設(shè)置。讀者可以根據(jù)自己的喜好選擇不同的模板進(jìn)行參數(shù)設(shè)置。

步驟6 單擊“Save”按鈕，可以將制作好的電子相冊(cè)保存，并獲得一段Html代碼(如圖8)。你可以單擊“Copy PostingCode”按鈕將這些代碼復(fù)制出來(lái)，然后就可以插入到其他網(wǎng)頁(yè)中了。

我們已經(jīng)對(duì)這個(gè)在線DIY制作Flash電子相冊(cè)的網(wǎng)站進(jìn)行了簡(jiǎn)單介紹?？梢哉f(shuō)使用這個(gè)網(wǎng)站制作的Flash相冊(cè)效果是十分豐富的，而且還很簡(jiǎn)單。比起使用Flash設(shè)計(jì)軟件去制作一個(gè)同樣的Flas相冊(cè)要省事省力得多。

使用Photoshop模擬立體照片效果

在Photoshop中模擬立體效果。需要借助于它的3D變換濾鏡，在Photoshop7.0的版本之前包含這個(gè)濾鏡，如果你的Photoshop中沒(méi)有這個(gè)濾鏡可以到網(wǎng)上去下載安裝它。下面我們就來(lái)制作這樣的立體照片效果。

步驟1 啟動(dòng)Photoshop，并且執(zhí)行“文件/打開”菜單命令打開一張背景圖。在“圖層”面板中新建一個(gè)圖層。然后執(zhí)行“濾鏡，渲染/3D變換”菜單命令，打開“3D變換”對(duì)話框。在該對(duì)話框中選擇立方體工具拉出一個(gè)立方體，然后使用軌跡球工具旋轉(zhuǎn)立方體，即可得到立方體的灰色圖形。

步驟2 單擊“確定”按鈕，將立方體加入到新建的圖層中。執(zhí)行“濾鏡/模糊，高斯模糊”菜單命令。設(shè)置模糊半徑為2像素，讓立方體看上去比較柔和。

步驟3 打開一張照片，然后將照片復(fù)制到立方體的上方，并且執(zhí)行“編輯/變換，扭曲”菜單命令將照片調(diào)整到一個(gè)立方體的側(cè)面上，使照片的四個(gè)角和立方體側(cè)面的四個(gè)角重合(如圖9)。

步驟4 按照同樣的方法再次打開兩張照片。并且將它們分別放置到另外兩個(gè)側(cè)面上。將三張照片所在的圖層合并(如圖10)。

步驟5 將立方體所在的圖層拖動(dòng)到照片上方，執(zhí)行“濾鏡/風(fēng)格化/照亮邊緣”菜單命令，為立方體添加照亮邊緣濾鏡效果，并且設(shè)置此圖層的混合方式為“顏色減淡”。最后適當(dāng)調(diào)整一下照片所在圖層的透明度就完成這個(gè)模擬立方體照片效果了(如圖11)。

第5篇：網(wǎng)站制作方法范文

關(guān)鍵詞：網(wǎng)絡(luò)迷途；概念圖； 網(wǎng)站導(dǎo)航；MindMannager

中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2014）20-4676-02

Using MindManager Solution to the Web User Navigation Lost

HUANG Hua-sheng

（Hezhou College， Hezhou 542800， China）

Abstract：Network lost causes web browsers disoriented， for guide your visitors can get to where they want to go， Site navigation need designed reasonable.Concept map as knowledge be innovated tools， is one of the research topics in website navigation. MindMannager is one of the most simple software making concept map， has the rich application of output， the output page， output falsh production site navigation can be very convenient.

Key words：network lost； concept map； site navigation；mindmannager

1 網(wǎng)絡(luò)迷途與導(dǎo)航

人們?cè)趨⒂^博物館的展覽時(shí)， 時(shí)常會(huì)遇到這種現(xiàn)象：瀏覽的東西太多，在博物館的展覽圈子里兜兜轉(zhuǎn)轉(zhuǎn)一段時(shí)間后，如果突然又想回到某個(gè)時(shí)間點(diǎn)看到的某個(gè)展示展品的地方，就會(huì)發(fā)現(xiàn)很難找到原先的那個(gè)展位。這就是所謂的“博物館現(xiàn)象”。同樣的原因，人們?cè)诤Ａ康木W(wǎng)絡(luò)信息里瀏覽，當(dāng)瀏覽在不太熟悉的、復(fù)雜的信息空間時(shí)，往往會(huì)有迷航的經(jīng)歷，常常會(huì)發(fā)出“我現(xiàn)在瀏覽內(nèi)容的位置在哪里？”“當(dāng)前位置點(diǎn)的周圍會(huì)是什么內(nèi)容”“我剛才好像看到某個(gè)內(nèi)容和現(xiàn)在的這個(gè)有點(diǎn)聯(lián)系，怎么回到剛才的內(nèi)容頁(yè)面呢”這樣的疑問(wèn)。構(gòu)成網(wǎng)頁(yè)內(nèi)容的超媒體具有較高的自主性，允許瀏覽者可以在多個(gè)頁(yè)面之間自由跳轉(zhuǎn)。然而由于網(wǎng)絡(luò)的信息量太大，內(nèi)容形式多樣，關(guān)系復(fù)雜，用戶的自由跳轉(zhuǎn)瀏覽極其容易迷失或偏離方向，到達(dá)不了既定的目標(biāo)，這就是網(wǎng)絡(luò)瀏覽者的網(wǎng)絡(luò)迷途。

網(wǎng)絡(luò)迷途會(huì)使得瀏覽者持續(xù)到達(dá)不了想要的目標(biāo)頁(yè)面，在瀏覽過(guò)程中會(huì)產(chǎn)生迷惑、不解、煩躁的心態(tài)，影響瀏覽的效果。對(duì)網(wǎng)站的設(shè)計(jì)者來(lái)說(shuō)就是達(dá)不到傳播的效果，是一個(gè)失敗的網(wǎng)站作品。要解決網(wǎng)絡(luò)迷途的問(wèn)題，就必須在設(shè)計(jì)網(wǎng)站時(shí)對(duì)瀏覽者提供適當(dāng)?shù)囊龑?dǎo)，也就是設(shè)計(jì)高效的網(wǎng)站導(dǎo)航。優(yōu)秀的網(wǎng)站導(dǎo)航的能清晰的告訴瀏覽者當(dāng)前所在的位置，上個(gè)位置點(diǎn)是什么？下一個(gè)內(nèi)容有些什么？如何去到你想要的內(nèi)容的地方？等定位問(wèn)題。

2 網(wǎng)絡(luò)迷途的成因及解決辦法

形成網(wǎng)絡(luò)迷途的成因是多樣的。網(wǎng)絡(luò)超文本系統(tǒng)結(jié)構(gòu)靈活，跳轉(zhuǎn)自由度大且隨意，多次轉(zhuǎn)跳鏈接后就會(huì)不知道所在位置了；用戶對(duì)象對(duì)系統(tǒng)內(nèi)容不熟悉，知識(shí)背景一樣，對(duì)網(wǎng)絡(luò)的文本鏈接內(nèi)容就容易產(chǎn)生歧義，導(dǎo)致瀏覽的線路產(chǎn)生迷失；基于文本的超文本系統(tǒng)內(nèi)容給用戶的思維方式是離散的，用戶沒(méi)有立體的空間感、整體感，用戶一次或多次的瀏覽行為并不一定能夠遍歷某個(gè)信息資源空間，同時(shí)由于用戶的短時(shí)記憶量是有限的，無(wú)法記得起自己所瀏覽過(guò)的超媒體信息空間中的所有內(nèi)容，所以用戶的認(rèn)知行為是具有片段性的，因此就產(chǎn)生瀏覽者的網(wǎng)絡(luò)迷途問(wèn)題。

針對(duì)網(wǎng)絡(luò)迷途的成因，網(wǎng)站組織者提出了許多解決迷航問(wèn)題的方法，常用的包括用戶界面導(dǎo)航圖法、搜索查詢方法、分級(jí)結(jié)構(gòu)方法、結(jié)構(gòu)化方法等等。這里我們重點(diǎn)介紹用戶界面導(dǎo)航圖法，該方法是目前網(wǎng)站制作中最常用的導(dǎo)航方法。

用戶界面導(dǎo)航法模擬環(huán)境的物理布局，借助地圖、路標(biāo)、路徑等機(jī)制，形成結(jié)構(gòu)網(wǎng)絡(luò)圖確定自己的位置，定位特定的信息。實(shí)際上它就是一個(gè)具有導(dǎo)航功能的可視化工具，用來(lái)分辨信息目標(biāo)方位和信息間的聯(lián)系。結(jié)構(gòu)網(wǎng)絡(luò)圖能提供類似于汽車導(dǎo)航GBS一樣的網(wǎng)站信息全貌給用戶，用戶能清楚自己所處網(wǎng)站整體的位置，且能了解當(dāng)前位置與其他節(jié)點(diǎn)之間的關(guān)系。用戶界面方法的心理學(xué)基礎(chǔ)是認(rèn)知地圖，結(jié)構(gòu)網(wǎng)絡(luò)圖反映的是全局性的空間關(guān)系，借助結(jié)構(gòu)網(wǎng)絡(luò)圖能讓瀏覽者有較高的全局觀、整體感，瀏覽者能根據(jù)自己的認(rèn)知情況選擇最近的瀏覽路徑，也可以讓瀏覽者中途更改瀏覽路徑，從而提高瀏覽的效率。

3 概念圖與MindMannager軟件

概念圖是由美國(guó)康奈爾大學(xué)教育系的諾瓦克教授在1970年提出的，他指出概念圖就是用來(lái)組織與表征知識(shí)的圖形化工具。一個(gè)完整的概念圖具有三個(gè)方面特征：第一，層級(jí)結(jié)構(gòu)特征。在概念圖中，概念是用層級(jí)結(jié)構(gòu)的方式來(lái)呈現(xiàn)的，具有概括性的主題概念在中心節(jié)點(diǎn)，更多的明細(xì)的概念依次排列，呈現(xiàn)一種縱向的知識(shí)結(jié)構(gòu)特征。第二，交叉結(jié)構(gòu)特征。在概念圖中，運(yùn)用交叉連接來(lái)表示概念之間的相互關(guān)系，呈現(xiàn)一種橫向的知識(shí)結(jié)構(gòu)特征。第三，概念可視化特征。概念節(jié)點(diǎn)可以采用形象化的圖形符號(hào)來(lái)描述，同時(shí)整張概念圖本身就是個(gè)結(jié)構(gòu)清晰的圖片，概念直觀明了具有可視化特征。

概念圖三個(gè)特征表明它能用可視化的效果展現(xiàn)表述知識(shí)多維性，以圖示的形式，多維度的呈現(xiàn)概念與知識(shí)點(diǎn)相互間的關(guān)系。把概念圖放到網(wǎng)頁(yè)導(dǎo)航的過(guò)程中既能恰當(dāng)?shù)谋磉_(dá)網(wǎng)頁(yè)主題的路徑及關(guān)系，又可以以圖示的方式向?yàn)g覽者提供網(wǎng)站網(wǎng)頁(yè)的整體結(jié)構(gòu)，使得瀏覽者具有網(wǎng)站內(nèi)容的全局觀，對(duì)整個(gè)網(wǎng)站結(jié)構(gòu)清晰了然，從而可以快速地找到所需的信息。將概念圖用于網(wǎng)站導(dǎo)航是超媒體研究的一個(gè)可行方向。

MindMannager是制作概念圖的最方便、最專業(yè)的軟件之一，它融入了概念圖的表述方法，將信息組織在概念圖上，中心點(diǎn)是主題概念，在分支上依次標(biāo)注明細(xì)概念的關(guān)鍵詞，每個(gè)節(jié)點(diǎn)配上恰當(dāng)?shù)膱D案、色彩，形成具有層次結(jié)構(gòu)的概念圖。在開發(fā)項(xiàng)目過(guò)程中，借助MindMannager程序能幫助設(shè)計(jì)者對(duì)整體架構(gòu)和細(xì)節(jié)關(guān)鍵有很好把握，實(shí)現(xiàn)知識(shí)的整體化、可視化。開發(fā)出的概念圖能使得的瀏覽者具有的較好全局觀，對(duì)整個(gè)知識(shí)結(jié)構(gòu)清晰了然。它操作界面直觀，制作方法簡(jiǎn)便，普通用戶無(wú)需過(guò)多學(xué)習(xí)就能掌握。它支持的輸出格式多樣，能直接輸出到word、excel等辦公軟件上，也能輸出pdf、jpeg等圖像格式文檔，此外MindManager 能夠快速地將概念圖轉(zhuǎn)換為網(wǎng)頁(yè)，在很短的時(shí)間內(nèi)迅速制作出具有專業(yè)水平的網(wǎng)頁(yè)導(dǎo)航。

4 MindMannager制作網(wǎng)頁(yè)導(dǎo)航

這里以建立《xml實(shí)用教程網(wǎng)站》為例簡(jiǎn)要講述如何快速建立網(wǎng)站的導(dǎo)航。使用Mindmanager制作網(wǎng)站導(dǎo)航，需要預(yù)先根據(jù)網(wǎng)站的內(nèi)容，建立一個(gè)概念圖。按照網(wǎng)站的結(jié)構(gòu)依次添加一級(jí)主題、二級(jí)主題到N級(jí)主題，按需要添加注釋、圖片等元素，設(shè)置圖標(biāo)樣式，分別為每個(gè)主題設(shè)置主題樣式、文字格式，一個(gè)關(guān)于xml實(shí)用教程網(wǎng)站整體的概念圖就完成了。

依次點(diǎn)擊“File”―“Export”―“Export for web page”，彈出“Save for Web”對(duì)話框，在對(duì)話框中選擇輸出網(wǎng)頁(yè)的模板，模板設(shè)置包括打開的網(wǎng)頁(yè)深度，網(wǎng)頁(yè)的頁(yè)數(shù)，網(wǎng)站的設(shè)計(jì)者信息等屬性定制，按需要設(shè)置完畢后，選擇導(dǎo)出的文件夾路徑，點(diǎn)擊“Save”就可以輸出一個(gè)網(wǎng)站。默認(rèn)網(wǎng)站是一個(gè)上中下結(jié)構(gòu)的框架，上面是主導(dǎo)航區(qū)，默認(rèn)給出“Home”，“Table of Content”，“Overview Map”鏈接。中間框架是主題內(nèi)容區(qū)，主題內(nèi)容區(qū)又切割成左右區(qū)域，左邊是樹形的菜單，根據(jù)你的設(shè)置顯示1級(jí)到多級(jí)的主題列表，右邊是具體的內(nèi)容區(qū)。下邊框架是一些版權(quán)內(nèi)容區(qū)域。點(diǎn)擊上框架的“Overview Map”鏈接，能在中間框架里查看整張的概念圖，概念圖可以移動(dòng)方便查看，點(diǎn)擊任何一個(gè)主題可以進(jìn)去主題的詳細(xì)內(nèi)容頁(yè)面。

依次點(diǎn)擊“File”―“Export”― “Export for Mindjet Viewer（swf）”，彈出“Export for Mindjet Viewer（swf）”對(duì)話框，選擇輸出文件夾路徑，點(diǎn)“Save”，可以輸出Flash格式的概念圖，在DreamWeaver網(wǎng)頁(yè)處理工具里處理一下，把輸出的Flash文件插入到網(wǎng)站中，這樣網(wǎng)站就有了功能更加多的概念圖了。Flash格式的概念圖具有放大、縮小功能，節(jié)點(diǎn)折疊盒展開功能，用戶查看整體圖和局部圖就非常方便了。Flash格式的概念圖還具有搜索功能，輸入關(guān)鍵詞能快速定位對(duì)應(yīng)的主題位置。若概念圖有注釋內(nèi)容，點(diǎn)擊注釋圖標(biāo)，F(xiàn)lash分為兩部分，右邊會(huì)顯示注釋的文本內(nèi)容。

5 總結(jié)

伴隨著網(wǎng)絡(luò)的快速發(fā)展，網(wǎng)絡(luò)迷途已經(jīng)是影響網(wǎng)站網(wǎng)頁(yè)制作的一個(gè)現(xiàn)實(shí)問(wèn)題，需要通過(guò)多方面的研究去探討如何做好網(wǎng)絡(luò)導(dǎo)航的工作。概念圖作為知識(shí)表示與知識(shí)顯性化的工具，是在網(wǎng)站導(dǎo)航研究應(yīng)用的一個(gè)可行的方向。借助MindManager工具制作靈活的網(wǎng)站導(dǎo)航是一種簡(jiǎn)單、快捷的方法，但是也應(yīng)該看到它的局限性，如導(dǎo)出的網(wǎng)頁(yè)中概念圖節(jié)點(diǎn)無(wú)法折疊和張開，沒(méi)有搜索功能，而輸出的Flash格式雖然有搜索功能，但是沒(méi)有直接鏈接到具體頁(yè)面的功能，即使通過(guò)二次加工把網(wǎng)頁(yè)和falsh結(jié)合在一起依然不能解決所有的問(wèn)題。如何更好地借助MindManager開發(fā)應(yīng)用來(lái)解決網(wǎng)絡(luò)用戶導(dǎo)航迷失的問(wèn)題還需要繼續(xù)探究研究。

參考文獻(xiàn)：

[1] 周翔.網(wǎng)絡(luò)交互性與用戶迷失問(wèn)題探討[J].科技傳播，2009（03）：18-20.

[2] 黃華升.協(xié)作建構(gòu)概念圖在攝影基礎(chǔ)課程教學(xué)中的應(yīng)用研究[J].科教文匯，2010.

[3] 畢強(qiáng)，劉甲學(xué)，張海濤.超文本瀏覽中的博物館現(xiàn)象及其分析[J].情報(bào)學(xué)報(bào)，2001（12）.

[4] 楊達(dá)，畢強(qiáng).超媒體信息空間中導(dǎo)航用戶認(rèn)知地圖的建構(gòu)[J].圖書情報(bào)工作，2005（8）.

第6篇：網(wǎng)站制作方法范文

【關(guān)鍵詞】網(wǎng)頁(yè)設(shè)計(jì) 教學(xué)成效 教學(xué)方法 教學(xué)思路

【中圖分類號(hào)】G718.3 【文獻(xiàn)標(biāo)識(shí)碼】A 【文章編號(hào)】2095-3089（2014）10 -0149-02

目前，中等職業(yè)學(xué)校為適應(yīng)社會(huì)對(duì)計(jì)算機(jī)專業(yè)人才的需求，均開設(shè)了網(wǎng)頁(yè)設(shè)計(jì)課程。本人在中職從事計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)教學(xué)多年，在教學(xué)中發(fā)現(xiàn)該課程教學(xué)效果并不是很理想，大部分學(xué)生也只能學(xué)到一點(diǎn)網(wǎng)頁(yè)設(shè)計(jì)的皮毛，畢業(yè)后并不能完全勝任網(wǎng)頁(yè)設(shè)計(jì)的需求，這其中有學(xué)生的原因，也有教學(xué)方面的原因。因此，在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中，要總結(jié)現(xiàn)有教學(xué)方法的不足，努力尋找一些更好的教學(xué)思路和教學(xué)方式，讓學(xué)生可以學(xué)到更全面、更實(shí)用的網(wǎng)頁(yè)設(shè)計(jì)知識(shí)，提高學(xué)生的專業(yè)技能，更好地就業(yè)以適應(yīng)社會(huì)需求。

一、教學(xué)內(nèi)容的分析與改進(jìn)

在我校，網(wǎng)頁(yè)設(shè)計(jì)是計(jì)算機(jī)專業(yè)的一門必修課，教師們沒(méi)有企業(yè)實(shí)戰(zhàn)經(jīng)驗(yàn)，純粹是為了教學(xué)而教學(xué)。

1、大多數(shù)教師的教學(xué)內(nèi)容主要為以下幾種類型：

（1）上課主要講解Dreamweaver軟件的使用，主要介紹如何使用這個(gè)工具進(jìn)行網(wǎng)站的開發(fā)。

（2）介紹fireworks如何繪圖，并將繪圖的內(nèi)容切片，將網(wǎng)頁(yè)展現(xiàn)出來(lái)。

（3）將 Dreamweaver、Flash 和 Fireworks分別教給學(xué)生。由于課時(shí)的原因，學(xué)生每種都會(huì)點(diǎn)，但沒(méi)有一樣能精通。

2、存在的不足：

經(jīng)過(guò)與現(xiàn)從事網(wǎng)站建設(shè)相關(guān)工作的學(xué)生調(diào)研，我發(fā)現(xiàn)上面的任何一種教學(xué)內(nèi)容，都無(wú)法在實(shí)踐中得到充分的應(yīng)用，原因如下：

首先，從事網(wǎng)站設(shè)計(jì)的企業(yè)，一般都有專門的美工，負(fù)責(zé)網(wǎng)頁(yè)界面的設(shè)計(jì)，他們的美術(shù)功底及設(shè)計(jì)能力遠(yuǎn)非計(jì)算機(jī)專業(yè)的學(xué)生能達(dá)到。

其次，現(xiàn)在的網(wǎng)站基本采用 DIV+CSS 進(jìn)行設(shè)計(jì)，原先采用表格設(shè)計(jì)網(wǎng)頁(yè)的技術(shù)已處于淘汰階段。而在目前的教學(xué)中，DIV+CSS在中職學(xué)校中根本沒(méi)有開展教學(xué)。

于是就出現(xiàn)了這樣的現(xiàn)象：計(jì)算機(jī)專業(yè)的學(xué)生在網(wǎng)頁(yè)設(shè)計(jì)的崗位上美工做不好，頁(yè)面也不會(huì)設(shè)計(jì)，教學(xué)內(nèi)容和實(shí)際需求的能力脫節(jié)。

3、那么，當(dāng)前計(jì)算機(jī)專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)課程，教學(xué)內(nèi)容該如何組織呢？

首先，在學(xué)習(xí)Dreamweaver的基礎(chǔ)上，講解HTML語(yǔ)言。

其次，好的網(wǎng)頁(yè)需要有新的技術(shù)支持?，F(xiàn)在主流的網(wǎng)站都采用了DIV+CSS結(jié)構(gòu)，DIV+CSS是網(wǎng)頁(yè)美工必須了解和掌握的一門技術(shù)，DIV+CSS采用樣式和結(jié)構(gòu)分離的方式，利于搜索引擎讀取網(wǎng)站頁(yè)面，方便管理和網(wǎng)站維護(hù)。

二、教學(xué)方法和教學(xué)思路探索改善

針對(duì)上述提出的實(shí)際問(wèn)題，我對(duì)中職網(wǎng)頁(yè)設(shè)計(jì)教學(xué)的教學(xué)思路和教學(xué)方法提出以下的見解：

1、提高教師實(shí)踐能力水平，改進(jìn)教學(xué)方法。

作為網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)的教師來(lái)說(shuō)必須關(guān)注互聯(lián)網(wǎng)應(yīng)用的實(shí)時(shí)趨勢(shì)，走出課堂、走出校園、深入到企業(yè)了解就業(yè)市場(chǎng)需求。學(xué)校可以加強(qiáng)校企合作，從政策上引導(dǎo)和鼓勵(lì)教師利用寒暑假深入到企業(yè)進(jìn)行實(shí)踐。深入了解一個(gè)完整的網(wǎng)站的創(chuàng)建過(guò)程，從規(guī)劃到素材的搜集與處理，到網(wǎng)站制作，再到網(wǎng)站維護(hù)。教師把企業(yè)中的項(xiàng)目拿到課堂教學(xué)中，學(xué)生從完成項(xiàng)目的過(guò)程中，明確地知道自己學(xué)習(xí)了網(wǎng)頁(yè)設(shè)計(jì)這門課程，以后能做什么工作，在工作中怎么去應(yīng)用課堂上的知識(shí)。

2、多種教學(xué)方法并用，優(yōu)化課堂教學(xué)。

（1）分層次教學(xué)法

傳統(tǒng)的課程設(shè)計(jì)對(duì)所有學(xué)生都制定統(tǒng)一的標(biāo)準(zhǔn)和要求，這樣影響了基礎(chǔ)好、動(dòng)手能力較高的學(xué)生，抑制了他們的發(fā)展?！胺謱咏虒W(xué)”就是進(jìn)行有層次的教學(xué)，針對(duì)于每堂課程給每個(gè)層次學(xué)生制定不同的標(biāo)準(zhǔn)，根據(jù)學(xué)生掌握的水平和對(duì)這門課學(xué)習(xí)的興趣、智力水平及內(nèi)在潛力等一些軟指標(biāo)來(lái)區(qū)分學(xué)生層次，讓同學(xué)們?cè)谡_認(rèn)識(shí)自己、評(píng)價(jià)自己的基礎(chǔ)上進(jìn)行自我選擇。教學(xué)對(duì)象的分層有利于教學(xué)目標(biāo)的分層，可以更好地調(diào)動(dòng)每一個(gè)學(xué)生的學(xué)習(xí)積極性、主動(dòng)性。

（2）個(gè)性化教學(xué)法

網(wǎng)頁(yè)設(shè)計(jì)教學(xué)有別于其他軟件的教學(xué)，它具有較強(qiáng)的實(shí)踐性。所以在教學(xué)中應(yīng)充分體現(xiàn)學(xué)生的主體作用，雖然很多教師都注意到了這一點(diǎn)，教師利用較短時(shí)間操作演示，讓學(xué)生用大量時(shí)間去實(shí)踐，但是學(xué)生出現(xiàn)了模仿、記憶的操作過(guò)程，往往按部就班的學(xué)習(xí)，知識(shí)沒(méi)有經(jīng)過(guò)自己思維的深加工而一知半解。為了避免該問(wèn)題發(fā)生，教師在綜合訓(xùn)練時(shí)可以提供給學(xué)生一些優(yōu)秀的網(wǎng)頁(yè)作品供學(xué)生參考，讓他們?cè)谀骋惶囟ㄖ黝}下自己動(dòng)手制作。這樣才有利于學(xué)生探究知識(shí)、自我學(xué)習(xí)能力的培養(yǎng)，也能充份體驗(yàn)出學(xué)生的個(gè)性，從而保護(hù)了每個(gè)學(xué)生的創(chuàng)造力。

（3）案例教學(xué)法

案例教學(xué)法對(duì)于這門課程是非常重要的，要求學(xué)生做出高水平、高質(zhì)量的網(wǎng)頁(yè)，首先要開闊學(xué)生的視野，開拓學(xué)生的思路，見多才能識(shí)廣，教師在上課的過(guò)程中，一定要精心設(shè)計(jì)案例，案例應(yīng)該由易到難，不能讓學(xué)生產(chǎn)生畏難情緒，而降低積極性。案例教學(xué)的著眼點(diǎn)在于學(xué)生創(chuàng)造能力以及實(shí)際解決問(wèn)題的能力的培養(yǎng)，不僅僅是獲得那些固定的原理、規(guī)則，而是如何用更有效的方式獲得知識(shí)。案例教學(xué)是一種“做中學(xué)”的形式，它是從經(jīng)驗(yàn)與活動(dòng)中獲取知識(shí)，增進(jìn)才干。通過(guò)案例教學(xué)，學(xué)生不僅可以從中獲得認(rèn)知的知識(shí)，而且有助于提高表達(dá)、討論的技能，增強(qiáng)面對(duì)困難的自信心。

（4）任務(wù)驅(qū)動(dòng)法

任務(wù)驅(qū)動(dòng)法是以完成具體任務(wù)為目的而展開教學(xué)活動(dòng)，使學(xué)生緊緊圍繞任務(wù)進(jìn)行探索學(xué)習(xí)，由淺入深，由簡(jiǎn)及繁，循序漸進(jìn)地完成特定的教學(xué)任務(wù)。在整個(gè)過(guò)程中，學(xué)生是學(xué)習(xí)的主體，教師只起到引導(dǎo)的作用，從而使學(xué)生逐漸養(yǎng)成發(fā)現(xiàn)問(wèn)題、思考問(wèn)題、分析問(wèn)題、解決問(wèn)題的習(xí)慣。同時(shí)“任務(wù)”的完成使學(xué)生有成就感，激發(fā)學(xué)生學(xué)習(xí)興趣，從而使學(xué)生由傳統(tǒng)的“被動(dòng)學(xué)習(xí)”狀態(tài)轉(zhuǎn)化為“主動(dòng)學(xué)習(xí)”狀態(tài)。

本課程期末考核可以通過(guò)設(shè)計(jì)一個(gè)覆蓋網(wǎng)頁(yè)設(shè)計(jì)與制作所需要掌握的知識(shí)和技術(shù)的總?cè)蝿?wù)，然后再將總?cè)蝿?wù)進(jìn)行細(xì)分為一個(gè)個(gè)小的任務(wù)，做到具體小任務(wù)的完成推動(dòng)總?cè)蝿?wù)的完成。通過(guò)任務(wù)的完成，學(xué)生能夠在一個(gè)學(xué)期內(nèi)有效的掌握相關(guān)知識(shí)和技能，提高了學(xué)生學(xué)習(xí)效率和實(shí)際操作能力。因此，任務(wù)驅(qū)動(dòng)法在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中是非常有效的。

3、教學(xué)手段，以啟發(fā)和體會(huì)為主

在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中，理論知識(shí)講得再多，如果學(xué)生不會(huì)靈活運(yùn)用，一點(diǎn)用處也沒(méi)有。在教學(xué)中，不必太拘束于理論，應(yīng)讓學(xué)生結(jié)合實(shí)踐，去理解和體會(huì)知識(shí)。如在學(xué)習(xí)網(wǎng)頁(yè)的布局和頁(yè)面色彩時(shí)，教師應(yīng)找各種各樣的典型網(wǎng)頁(yè)或網(wǎng)站，讓學(xué)生在上網(wǎng)或觀察中體會(huì)。學(xué)生在觀察和研究這些不同的網(wǎng)站設(shè)計(jì)的時(shí)候，教師可以讓學(xué)生評(píng)選出自己喜歡的或者是覺(jué)得最好的和最差的，讓學(xué)生說(shuō)說(shuō)它們的差異。通過(guò)這樣的觀察和體會(huì)，讓學(xué)生明白網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，需要注意什么，怎么做才會(huì)更好。學(xué)生結(jié)合自己的實(shí)際體會(huì)，歸納總結(jié)出自己能理解和掌握的知識(shí)。

4、實(shí)踐環(huán)節(jié)重引導(dǎo)

中職計(jì)算機(jī)教學(xué)更重視實(shí)踐，重視動(dòng)手操作，否則理論知識(shí)再豐富，如果不會(huì)動(dòng)手實(shí)踐，也不能保證學(xué)生能夠更好地就業(yè)。實(shí)踐環(huán)節(jié)不但要重視，還要高效，有些學(xué)校在課程的實(shí)踐方面，分配了足夠的課時(shí)，但實(shí)踐的效果并不好。在網(wǎng)頁(yè)設(shè)計(jì)這種相對(duì)比較開放和自由的實(shí)踐課上，可讓學(xué)生充分發(fā)揮自己的想象力和創(chuàng)造力。值得注意的是，在學(xué)生的實(shí)踐過(guò)程中，教師要對(duì)學(xué)生進(jìn)行適當(dāng)?shù)膸椭鸵龑?dǎo)，如果任由學(xué)生自己去摸索，那么很可能在上機(jī)實(shí)踐這段有限的時(shí)間內(nèi)，學(xué)生很難做出點(diǎn)東西來(lái)。這個(gè)階段并不是學(xué)生探索的階段，重要的是鼓勵(lì)學(xué)生把設(shè)想變?yōu)楝F(xiàn)實(shí)。

三、考核、評(píng)價(jià)方法的改變

網(wǎng)頁(yè)設(shè)計(jì)課程的實(shí)踐性非常強(qiáng)，我們要檢驗(yàn)的是學(xué)生的設(shè)計(jì)能力、綜合應(yīng)用能力和創(chuàng)新能力，那么單純靠最后的期末考試，是不能確切的評(píng)價(jià)一個(gè)學(xué)生的真實(shí)水平，而要將平時(shí)的作業(yè)、練習(xí)都納入學(xué)生評(píng)價(jià)中。對(duì)于網(wǎng)頁(yè)這門課程，我認(rèn)為比較合理的評(píng)價(jià)方法應(yīng)該是平時(shí)的作業(yè)占 50%，期末考試占 50%。平時(shí)的作業(yè)就是一次次的案例，檢查學(xué)生平時(shí)學(xué)習(xí)的態(tài)度和知識(shí)的掌握情況。對(duì)于期末考試，我認(rèn)為應(yīng)該以要求學(xué)生設(shè)計(jì)一個(gè)完整的網(wǎng)站來(lái)結(jié)束本課程，而不是要求在給定時(shí)間內(nèi)完成任務(wù)，本身一個(gè)網(wǎng)站的建設(shè)在短短的兩三個(gè)小時(shí)內(nèi)是無(wú)法完成的，包括素材的收集、版面的布局、內(nèi)容的充實(shí)等，何況學(xué)生可以利用互聯(lián)網(wǎng)來(lái)收集相關(guān)的資料，參考引用他人模板來(lái)完成任務(wù)，所以應(yīng)該以上交作品的形式完成本課程的期末考試，在作品完成的過(guò)程中，老師進(jìn)行巡視、評(píng)價(jià)，也就是我們考核的不僅僅是最后的作品，而是將完成作品的過(guò)程也作為我們?cè)u(píng)價(jià)的一個(gè)依據(jù)。最后，上交的作品可以讓全班同學(xué)互相點(diǎn)評(píng)、互相評(píng)價(jià)，在評(píng)價(jià)別人作品的同時(shí)以提高自己的水平。

第7篇：網(wǎng)站制作方法范文

關(guān)鍵詞：Photoshop；模塊化；案例化；教學(xué)改革

0　引言

Photoshop作為平面圖像處理領(lǐng)域的一款專業(yè)軟件，廣泛應(yīng)用于平面廣告設(shè)計(jì)、繪畫、包裝設(shè)計(jì)、網(wǎng)絡(luò)廣告設(shè)計(jì)和3D效果圖后期制作等方面。在我校，Photoshop作為平面設(shè)計(jì)輔修專業(yè)課程組與公共任選課程組之一，深受學(xué)生的喜愛(ài)。該課程的主要任務(wù)是培養(yǎng)學(xué)生的色彩認(rèn)知能力、平面圖像處理、圖像創(chuàng)意設(shè)計(jì)能力。但是Photoshop課程具有知識(shí)面廣、內(nèi)容多、抽象等特點(diǎn)，有很強(qiáng)的理論性、實(shí)踐性與應(yīng)用性，探討如何在教學(xué)任務(wù)重、實(shí)踐應(yīng)用能力要求高的條件下，通過(guò)教學(xué)改革促進(jìn)、完善課堂教學(xué)效果，培養(yǎng)學(xué)生的實(shí)踐能力、創(chuàng)新能力和應(yīng)用能力非常重要。近年來(lái)作者多次承擔(dān)勞動(dòng)與社會(huì)保障部全國(guó)計(jì)算機(jī)信息高新技術(shù)考試OSTA(Occupational Skill Testing Authority)中Photoshop課程的教學(xué)工作，探索了Photoshop的模塊化與案例化教學(xué)方法。在此，作者將自己的教學(xué)內(nèi)容組織與教學(xué)方法撰成此文，就教于同行。

1　模塊化實(shí)現(xiàn)了教學(xué)內(nèi)容的聚集

Photoshop以其強(qiáng)大的圖像編輯和處理能力成為眾多圖像處理軟件中的佼佼者，逐漸成為許多藝術(shù)家、廣告設(shè)計(jì)人員、網(wǎng)站制作人員的重要助手，從而使Photoshop在圖像處理領(lǐng)域一直保持領(lǐng)先地位。應(yīng)用領(lǐng)域的廣泛性源于軟件本身的強(qiáng)大功能。在目前課時(shí)壓縮、應(yīng)用要求高的情況下，為了讓學(xué)生真正掌握軟件的強(qiáng)大功能，并應(yīng)用到實(shí)際工作中，我們探索了一種對(duì)教學(xué)內(nèi)容進(jìn)行模塊化劃分，以實(shí)現(xiàn)相似知識(shí)點(diǎn)聚集的教學(xué)方法。

1.1　模塊劃分原則

根據(jù)Photoshop課程的特點(diǎn)，按照教學(xué)內(nèi)容的漸進(jìn)式與模塊內(nèi)知識(shí)結(jié)構(gòu)的相似性原則，將教學(xué)內(nèi)容分成三個(gè)主要模塊：基礎(chǔ)理論模塊、基本技能模塊和創(chuàng)意設(shè)計(jì)模塊(如圖1)。其中基本理論模塊包括色彩理論、圖像格式、工作環(huán)境設(shè)置模塊等三個(gè)方面，此模塊為后續(xù)內(nèi)容的教學(xué)開展奠定了理論基礎(chǔ)?；炯寄苣K包括基本繪圖工具、圖層應(yīng)用、濾鏡應(yīng)用、通道與蒙版等方面的內(nèi)容，從八個(gè)方面組織和開展教學(xué)。本模塊的教學(xué)目的是，使學(xué)生掌握Photoshop中各種工具的作用與特點(diǎn)，簡(jiǎn)單圖像處理的工作流程，圖像合成的操作要點(diǎn)，內(nèi)置濾鏡的使用與外掛濾鏡的安裝。創(chuàng)意設(shè)計(jì)模塊是為培養(yǎng)學(xué)生的實(shí)踐能力、創(chuàng)新能力和創(chuàng)業(yè)能力而設(shè)計(jì)的，創(chuàng)意設(shè)計(jì)模塊具有面向市場(chǎng)的特點(diǎn)，包括動(dòng)作設(shè)計(jì)與使用，數(shù)碼照片處理，廣告與裝潢設(shè)計(jì)共三個(gè)子模塊。動(dòng)作設(shè)計(jì)與使用為圖像的自動(dòng)化處理提供了一種有效手段；數(shù)碼照片處理具有很強(qiáng)的實(shí)用性，可以培養(yǎng)學(xué)生的學(xué)習(xí)興趣；廣告與裝潢子模塊的設(shè)計(jì)拓寬了學(xué)生的就業(yè)渠道。增強(qiáng)了學(xué)生的就業(yè)競(jìng)爭(zhēng)力，符合現(xiàn)代素質(zhì)教育的基本理念和培養(yǎng)創(chuàng)新人才、復(fù)合型人才的教育思想。

1.2　模塊內(nèi)教學(xué)內(nèi)容的組織

在Photoshop的教學(xué)實(shí)踐過(guò)程中，根據(jù)上述模塊的劃分方法，整個(gè)課程的教學(xué)內(nèi)容被分解成三個(gè)方面十四個(gè)子模塊，明確了教學(xué)目標(biāo)與教學(xué)任務(wù)。同時(shí)，這種將大問(wèn)題分解成小問(wèn)題的遞歸式教學(xué)探索，有利于培養(yǎng)學(xué)生在知識(shí)積累過(guò)程中發(fā)現(xiàn)問(wèn)題，分析問(wèn)題，解決問(wèn)題的能力。

在色彩理論模塊的教學(xué)方法上，通過(guò)制作RGB加法原理圖與CMYK減法原理圖，采用對(duì)比的實(shí)驗(yàn)方法將抽象原理用直觀圖像描述出來(lái)，使學(xué)生更好地理解與記憶?；炯寄苣K通過(guò)八個(gè)子模塊二百幅作品的教學(xué)與訓(xùn)練使學(xué)生全面了解Photoshop的所有工具特點(diǎn)，使用環(huán)境，并具備一定的應(yīng)用能力。為方便課堂教學(xué)與實(shí)驗(yàn)活動(dòng)的開展，各模塊的完成作品效果圖與作品所需素材均分別以文件夾方式組織，在實(shí)驗(yàn)室所有計(jì)算機(jī)上保存有源文件，方便學(xué)生的實(shí)驗(yàn)訓(xùn)練。每一個(gè)子模塊包括二十幅作品，每一幅作品涵蓋Photoshop圖像處理操作的三個(gè)以上知識(shí)點(diǎn)，且這些知識(shí)點(diǎn)在其他作品中有部分重復(fù)，既強(qiáng)調(diào)了已有的知識(shí)點(diǎn)，又不斷推出新的知識(shí)點(diǎn)。根據(jù)德國(guó)心理學(xué)家艾賓浩斯的遺忘曲線規(guī)律，在模塊內(nèi)案例的制作方法上設(shè)計(jì)了部分重復(fù)知識(shí)點(diǎn)，學(xué)生在已學(xué)知識(shí)點(diǎn)的不斷重復(fù)和新知識(shí)點(diǎn)的不斷累積過(guò)程中，完成一個(gè)模塊的學(xué)習(xí)，實(shí)現(xiàn)知識(shí)點(diǎn)的積累。教學(xué)活動(dòng)的組織過(guò)程中，首先對(duì)案例作品的最終效果進(jìn)行分析，用討論的方式給出圖像的處理技巧與方法，一方面增強(qiáng)了師生的交互性，活躍了課堂氣氛，另一方面提高了學(xué)生解決問(wèn)題的成就感。動(dòng)作的設(shè)計(jì)與使用實(shí)現(xiàn)了Photoshop的自動(dòng)化批處理功能，為大批量圖片的處理提供了一種高效的方法與技術(shù)；數(shù)碼照片處理子模塊的設(shè)置有利于培養(yǎng)學(xué)生的學(xué)習(xí)興趣；廣告與裝潢模塊由平面廣告設(shè)計(jì)，企事業(yè)注冊(cè)商標(biāo)設(shè)計(jì)，室內(nèi)外裝潢設(shè)計(jì)等教學(xué)模塊組成，其目標(biāo)是培養(yǎng)學(xué)生市場(chǎng)適應(yīng)能力，減少學(xué)生就業(yè)前的再培訓(xùn)。先生曾說(shuō)過(guò)“教育者，非為以往，非為現(xiàn)在，而專為將來(lái)”，從長(zhǎng)遠(yuǎn)來(lái)看，這種教學(xué)方法對(duì)鍛煉和培養(yǎng)學(xué)生的就業(yè)競(jìng)爭(zhēng)意識(shí)是非常有益的。

2　案例化實(shí)現(xiàn)了知識(shí)點(diǎn)的分離

在計(jì)算機(jī)應(yīng)用軟件課程的教學(xué)過(guò)程中，運(yùn)用案例教學(xué)是一種比較常見的方法，如：案例教學(xué)法在Photoshop教學(xué)中的應(yīng)用，案例教學(xué)法在CAD課程中的應(yīng)用等。在Photoshop模塊化教學(xué)的探索過(guò)程中，我們將教學(xué)內(nèi)容根據(jù)Photoshop課程的特點(diǎn)進(jìn)行模塊劃分，實(shí)現(xiàn)了教學(xué)內(nèi)容的模塊化。在案例化過(guò)程中，要求學(xué)生獨(dú)立完成每個(gè)案例的制作，應(yīng)用在該案例上的相關(guān)知識(shí)點(diǎn)因?yàn)閿?shù)量較少也容易被掌握，當(dāng)學(xué)生完成一個(gè)模塊中的所有案例時(shí)，與該模塊相關(guān)的操作技術(shù)也被學(xué)生理解和掌握。依此類推，采用上述方法，當(dāng)教師完成所有模塊的教學(xué)任務(wù)時(shí)，學(xué)生也基本上掌握了該軟件的使用，并具備了一定的應(yīng)用能力，最終實(shí)現(xiàn)該課程所有知識(shí)點(diǎn)的聚集。

運(yùn)用案例教學(xué)法，至關(guān)重要的是選準(zhǔn)案例，案例的選擇與設(shè)計(jì)是影響教學(xué)成效的重要前提。所用案例應(yīng)當(dāng)新穎、典型、具有代表性。就其內(nèi)容而言，應(yīng)當(dāng)與授課內(nèi)容相吻合，而從知識(shí)點(diǎn)的類型來(lái)看，應(yīng)當(dāng)與案例所在模塊保持一致。案例的內(nèi)容要突出授課的重點(diǎn)，不可過(guò)于復(fù)雜，影響學(xué)生學(xué)習(xí)的積極性，案例還必須與模塊的整體內(nèi)容達(dá)到統(tǒng)一。

在選用、設(shè)計(jì)案例時(shí)，對(duì)模塊內(nèi)部的案例既要考慮制作方法上的相似性，又要考慮案例制作過(guò)程中知識(shí)點(diǎn)的個(gè)數(shù)，還要推敲同一模塊內(nèi)部不同案例的新知識(shí)點(diǎn)個(gè)數(shù)，盡可能在案例數(shù)量與知識(shí)點(diǎn)數(shù)量方面作到統(tǒng)籌兼顧。為了提高學(xué)習(xí)效果，我們?cè)谠O(shè)計(jì)、選用案例的時(shí)候，主要從以下幾個(gè)方面進(jìn)行考慮。

2.1　注重知識(shí)點(diǎn)的覆蓋，設(shè)計(jì)具有典型性的教學(xué)案例

模塊化過(guò)程將圖像處理的基本概念、相關(guān)原理、操作要領(lǐng)等知識(shí)點(diǎn)分解到各個(gè)模塊，模塊中的每一個(gè)案例是知識(shí)點(diǎn)的最終載體。因此，在模塊化與案例化教學(xué)過(guò)程中，既要降低案例的復(fù)雜度，又要注重案例在知識(shí)點(diǎn)方面的覆蓋率，設(shè)計(jì)的案例必須具有典型代表性。

在教學(xué)實(shí)踐當(dāng)中，隨著模塊與案例學(xué)習(xí)的不斷深入，所涉及到的知識(shí)點(diǎn)也越來(lái)越多，運(yùn)用的技巧也越來(lái)越復(fù)雜，典型案例對(duì)鞏固學(xué)生記憶有很大的幫助，特別是具有代表性的案例。如：色彩模式轉(zhuǎn)換知識(shí)點(diǎn)的講解，我們通過(guò)“燃燒”藝術(shù)漢字的制作來(lái)實(shí)現(xiàn)，因?yàn)椤叭紵彼囆g(shù)漢字的實(shí)現(xiàn)方法及原理具有典型性，即火焰效果的制作。

2.2　重視就業(yè)競(jìng)爭(zhēng)力的培養(yǎng)，設(shè)計(jì)具有商業(yè)性的教學(xué)案例

Photoshop是一門與就業(yè)聯(lián)系非常緊密的技能型課程。為了使該課程的教學(xué)內(nèi)容能夠與學(xué)生將來(lái)的就業(yè)需求接軌，提高學(xué)生就業(yè)競(jìng)爭(zhēng)力，在教學(xué)案例的設(shè)計(jì)上，根據(jù)我校平面輔修課程組(課程組開設(shè)有：Photoshop，CorelDraw，3DMAX等)的課程開設(shè)情況，我們將室內(nèi)外裝潢設(shè)計(jì)的后期處理案例、企業(yè)注冊(cè)商標(biāo)設(shè)計(jì)案例放在本課程的創(chuàng)意設(shè)計(jì)模塊中，將重點(diǎn)放在培養(yǎng)學(xué)生解決實(shí)際問(wèn)題的能力上，通過(guò)幾個(gè)實(shí)例的講解使學(xué)生能夠觸類旁通、舉一反三，進(jìn)而實(shí)現(xiàn)由點(diǎn)及面、以舊推新，真正做到“學(xué)以致用”、“學(xué)用結(jié)合”。

2.3　強(qiáng)調(diào)學(xué)習(xí)興趣的培養(yǎng)，設(shè)計(jì)具有趣味性的教學(xué)案例

學(xué)習(xí)興趣是學(xué)生探求新知識(shí)的內(nèi)在動(dòng)力，是發(fā)明創(chuàng)造的精神源泉?？鬃诱f(shuō)過(guò)：“知之者不如好之者，好之者不如樂(lè)之者”。從心理學(xué)的研究也得到證明：學(xué)生持久、穩(wěn)定的學(xué)習(xí)興趣是形成自學(xué)能力與創(chuàng)造能力的內(nèi)在動(dòng)力。因此在教學(xué)過(guò)程中注重學(xué)習(xí)興趣的培養(yǎng)是教學(xué)探索中極其重要的環(huán)節(jié)。在Photoshop課程的教學(xué)過(guò)程中，要激發(fā)學(xué)生的興趣不是很困難，但要將學(xué)生的學(xué)習(xí)興趣長(zhǎng)期保持下去，卻不是一件容易的事。筆者認(rèn)為：Photoshop既是一門計(jì)算機(jī)軟件課程，也是一門藝術(shù)設(shè)計(jì)類課程，創(chuàng)意與設(shè)計(jì)占有極其重要的位置，采用模塊化教學(xué)方法，因?yàn)槟K內(nèi)知識(shí)點(diǎn)的相似性特點(diǎn)，能有效減輕學(xué)生在學(xué)習(xí)過(guò)程中新知識(shí)的增加所帶來(lái)的壓力。而趣味性教學(xué)案例的設(shè)計(jì)更能激發(fā)學(xué)生的學(xué)習(xí)興趣，從而使學(xué)生在學(xué)習(xí)過(guò)程中保持高度的求知欲，形成持久的學(xué)習(xí)興趣。

通道和蒙版是Photoshop學(xué)習(xí)過(guò)程中最重要，也是比較難以理解的兩個(gè)概念，其工作原理相當(dāng)抽象，學(xué)生難以接受，學(xué)習(xí)興趣也不如其他模塊。對(duì)此，在教學(xué)案例的選擇上，我們選用了兩張網(wǎng)上流傳以久的圖片，當(dāng)照片沒(méi)被選中時(shí)如圖3所示，當(dāng)照片被全選時(shí)如圖2所示，即一張照片是由二張完全不同的照片疊加而成。其制作原理是：windows環(huán)境中圖片是否被全選的標(biāo)志就是，是否在其上加了一個(gè)黑白相間的蒙版。蒙版的白色部分是透明的，黑色部分是不透明的。此案例正是利用這個(gè)原理，全選前后的兩個(gè)圖像其實(shí)本來(lái)就同時(shí)存在于一幅圖中的。未全選時(shí)看不到圖2照片效果是利用了人眼睛的辨別精度有限這一缺陷，當(dāng)全選時(shí)，上邊我們提到的蒙版中黑色部分蓋住的正好是圖3照片那一部分，所以圖3照片看不到，而圖2的像素正好處于白色部分范圍，也就是透明范圍，所以能看到圖2所示照片。避開這個(gè)案例本身的難易程度，從案例本身具有的趣味性和挑戰(zhàn)性來(lái)看，學(xué)生對(duì)本案例的制作表現(xiàn)出極大的興趣，并能自覺(jué)掌握該圖像的制作方法，特別喜歡將學(xué)生本人的照片運(yùn)用到本案例的制作過(guò)程中。在這個(gè)教學(xué)過(guò)程中，學(xué)生能主動(dòng)理解通道與蒙版的概念，并應(yīng)用到案例制作當(dāng)中，變被動(dòng)為主動(dòng)，其教學(xué)效果非常明顯。

3　模塊化與案例化教學(xué)的優(yōu)勢(shì)

模塊化方案的實(shí)施，從教學(xué)內(nèi)容上對(duì)Photoshop課程的知識(shí)點(diǎn)進(jìn)行了歸類，明確了學(xué)習(xí)目標(biāo)和要求。在每一模塊的案例教學(xué)方法上，前幾個(gè)例題由教師講解，分析案例所使用的工具及采用相關(guān)工具的原因，其他的案例的教學(xué)讓學(xué)生利用前面所學(xué)知識(shí)與原理進(jìn)行分析與討論，既可以挖掘?qū)W生的創(chuàng)造潛能和創(chuàng)新意識(shí)，又可以培養(yǎng)學(xué)生的學(xué)習(xí)興趣和解決問(wèn)題能力。與傳統(tǒng)的教師授課，學(xué)生被動(dòng)聽課的方式不同，模塊化與案例化教學(xué)方法將教學(xué)過(guò)程分成了二個(gè)階段，第一階段由教師講解，并通過(guò)案例分析圖像制作的原理與要領(lǐng)，第二階段讓學(xué)生利用第一階段所學(xué)的基本原理與技術(shù)主動(dòng)參與到分析問(wèn)題，尋找解決問(wèn)題的渠道，充分調(diào)動(dòng)學(xué)生學(xué)習(xí)的自主性，為學(xué)生提供一個(gè)充分展示自我才華和擴(kuò)大自由思想的空間，促進(jìn)其獨(dú)立性和創(chuàng)新能力的發(fā)展。