第一篇：基于策略模式的精品課程網(wǎng)站設(shè)計(jì)論文[本站推薦]

一、精品課程網(wǎng)站的系統(tǒng)業(yè)務(wù)分析與設(shè)計(jì)

以上幾個(gè)階段的功能，若單獨(dú)設(shè)計(jì)和維護(hù)，勢(shì)必會(huì)增加系統(tǒng)設(shè)計(jì)維護(hù)的復(fù)雜性，也導(dǎo)致維護(hù)設(shè)計(jì)的重復(fù)性。所以，可設(shè)計(jì)統(tǒng)一的接口，提供查詢、增加、修改、刪除功能接口，根據(jù)處理具體模塊功能，使用不同的策略實(shí)現(xiàn)這些功能接口；如精品課程建設(shè)基本內(nèi)容展示和管理，僅需具體實(shí)現(xiàn)這一接口即可。同時(shí)，業(yè)務(wù)模塊增加，也僅實(shí)現(xiàn)這一接口，就可適應(yīng)功能擴(kuò)展，再如交互功能，在線考試系統(tǒng)的增加，也只需增加相關(guān)具體業(yè)務(wù)功能，實(shí)現(xiàn)這一接口。通過(guò)這樣的設(shè)計(jì)，降低功能模塊間的耦合度，提高模塊的聚合度，提高網(wǎng)站擴(kuò)展性，也抽高網(wǎng)站應(yīng)對(duì)功能變化的應(yīng)變能力，達(dá)到降低網(wǎng)站的設(shè)計(jì)維護(hù)的工作量，實(shí)現(xiàn)網(wǎng)站功能擴(kuò)展性。

二、策略模式(Strategy)分析

策略模式用意是為實(shí)現(xiàn)客戶（Context）使用這些不同的功能模塊時(shí)，不需關(guān)心這些功能模塊的不同，僅需使用它們共同的接口，即可完成這些不同功能模塊的使用。這樣，在一定程應(yīng)上，可以實(shí)現(xiàn)這一組功能模塊的單獨(dú)維護(hù)與擴(kuò)展，而不用維護(hù)客戶端功能模塊，以提高代碼的可維護(hù)性和可擴(kuò)展性，降低客戶端模塊與一組功能模塊的耦合度。

1策略設(shè)計(jì)模式各功能模塊的角色策略設(shè)計(jì)模式各功能模塊的角色如下：

（1）環(huán)境功能模塊角色（Context）:客戶所期待的功能模塊。

（2）抽象功能策略模塊角色（InterfaceStrategy）:需要適配的接口模塊，為環(huán)境功能模塊提供統(tǒng)一的訪問(wèn)接口。

（3）具體功能策略模塊角色（ConcreteStrategy）：核心功能模塊，具體實(shí)現(xiàn)相關(guān)功能模塊。

2策略設(shè)計(jì)模式的應(yīng)用場(chǎng)景

對(duì)于策略設(shè)計(jì)模式，主要適用于以下幾種應(yīng)用場(chǎng)景:

（1）在系統(tǒng)里有許多類，這些類主要是行為各不相同。

（2）系統(tǒng)需求需要在幾種算法中或未來(lái)需要的幾種算法中選擇適用的一種算法。此時(shí)，可以把這些不同算法在不同類中具體實(shí)現(xiàn)或未來(lái)再具體實(shí)現(xiàn)，同時(shí)，這些算法具有統(tǒng)一接口，使用面向?qū)ο蟮亩鄳B(tài)原則，系統(tǒng)可以使用此統(tǒng)一的接口，選擇使用相應(yīng)用的具體算法類⑤。

（3）使用統(tǒng)一算法時(shí)，想屏蔽具體數(shù)據(jù)差異時(shí)，策略模式可以讓系統(tǒng)調(diào)用具體算法時(shí)，避免接觸與算法有關(guān)的復(fù)雜數(shù)據(jù)。以達(dá)到接口調(diào)用的簡(jiǎn)單性。

（4）系統(tǒng)隱藏具體算法的實(shí)現(xiàn)細(xì)節(jié)。

3策略設(shè)計(jì)模式的特點(diǎn)

根據(jù)以上分析與應(yīng)用可以得出，策略設(shè)計(jì)模式具有如下特點(diǎn)：

（1）算法的獨(dú)立性和可擴(kuò)展性。策略設(shè)計(jì)模式提供了一種替代繼承的設(shè)計(jì)方法，這樣既保持就繼承的優(yōu)點(diǎn)即代碼重用，又增加了設(shè)計(jì)維護(hù)靈活性，即算法獨(dú)立性和可擴(kuò)展性，避免在程序中使用多重條件轉(zhuǎn)移語(yǔ)句。

（2）在一定程度上遵守高內(nèi)聚、低偶合設(shè)計(jì)原則。

三、策略設(shè)計(jì)模式在精品課程網(wǎng)站設(shè)計(jì)中的應(yīng)用

結(jié)合精品課程網(wǎng)站業(yè)務(wù)分析及策略模式分析，在精品課程網(wǎng)站管理平臺(tái)中，針對(duì)早期階段的精品課程建設(shè)基本內(nèi)容管理、中期階段的問(wèn)卷調(diào)查管理、在線交流管理及后期階段的在線考試管理等等，都有相應(yīng)的增加、修改、刪除等統(tǒng)一功能，但它們的具體實(shí)現(xiàn)，如基本內(nèi)容管理、問(wèn)卷管理等，因其它操作的數(shù)據(jù)的差異，導(dǎo)致具體操作不相同。故在管理平臺(tái)中，需根據(jù)具體階段業(yè)務(wù)項(xiàng)目的擴(kuò)展，動(dòng)態(tài)地選擇不同業(yè)務(wù)的增加、修改、刪除操作方式，完成對(duì)應(yīng)的業(yè)務(wù)功能。這樣業(yè)務(wù)需求的統(tǒng)一與變化，與策略模式思想相一致，故可以選擇策略模式設(shè)計(jì)網(wǎng)站相關(guān)的功能。策略設(shè)計(jì)模式在精品課程網(wǎng)站設(shè)計(jì)結(jié)構(gòu)圖，InterfaceManageCommand是抽象功能策略模塊接口，它定義了網(wǎng)站各功能中統(tǒng)一業(yè)務(wù)接口增加、修改、刪除、查詢等接口方法。ManageCommand是環(huán)境功能模塊類，是需要操作服務(wù)的類，引用了一個(gè)InterfaceManageCommand的具體操作實(shí)現(xiàn)類對(duì)象，具體實(shí)現(xiàn)操作類對(duì)象由客戶選擇的相關(guān)功能指定，以完成客戶按需完成不同業(yè)務(wù)功能，這樣，避免使用分支語(yǔ)句，可判斷用戶的具體選擇，降低程序可讀性，也不用因減少或增加各階段業(yè)務(wù)功能進(jìn)行維護(hù)。InterfaceManageCommand的子類是具體操作的策略，如在申報(bào)階段的基本內(nèi)容展示管理類BaseContentCommand，使用驗(yàn)收階段增加的在線答疑類InteractCommand、在線問(wèn)卷調(diào)查類SurveryCommand，后期增加的在線考試類TestCommand類等，不同類的具體操作方法完成具體業(yè)務(wù)的實(shí)際功能；若需增加新的業(yè)務(wù)功能，如在線課程，僅需添加相關(guān)的InterfaceManageCommand的子類即可，這樣可提高設(shè)計(jì)的擴(kuò)展性，以達(dá)到系統(tǒng)動(dòng)態(tài)地適應(yīng)功能的增加，最大程度地減少系統(tǒng)的維護(hù)。針對(duì)德宏師范高等專科學(xué)校精品課程網(wǎng)站設(shè)計(jì)實(shí)際情況，本文主要采用JSP完成網(wǎng)站的設(shè)計(jì)，以下是所實(shí)現(xiàn)功能的部分JSP代碼。

1環(huán)境功能設(shè)計(jì)

由于每個(gè)業(yè)務(wù)都有統(tǒng)一的操作(增加、修改、刪除、查詢)功能，在頁(yè)面可以設(shè)置相關(guān)操作連接，使用ManageCommand創(chuàng)造具體業(yè)務(wù)對(duì)象，以實(shí)現(xiàn)具體業(yè)務(wù)操作。ManageCommand設(shè)計(jì)，2管理功能接口設(shè)計(jì)

管理功能接口InterfaceManageCommand，定義統(tǒng)一的操作方法，為ManageCommand提供統(tǒng)一操作方法。InterfaceManageCommand設(shè)計(jì)，3具體業(yè)務(wù)功能策略

每個(gè)具體業(yè)務(wù)功能策略，只要實(shí)現(xiàn)InterfaceManageCommand接口即可，如TestCommand類，實(shí)現(xiàn)InterfaceManageCommand接口，具體完成考試管理中相關(guān)操作，TestCommand設(shè)計(jì)代碼，四、設(shè)計(jì)效果

本文以德宏師范高等專科學(xué)?！八枷氲赖滦摒B(yǎng)與法律基礎(chǔ)”精品課程網(wǎng)站的設(shè)計(jì)為例，使用JSP和SQLServer2005技術(shù)進(jìn)行開(kāi)發(fā)，系統(tǒng)使用Web技術(shù)常見(jiàn)的3層結(jié)構(gòu)設(shè)計(jì)，各層使用模塊方法獨(dú)立設(shè)計(jì)，實(shí)現(xiàn)精品課程建設(shè)網(wǎng)站的內(nèi)容管理、在線交互、問(wèn)卷調(diào)查、在線考試的管理與展示。系統(tǒng)在每個(gè)階段方便地實(shí)現(xiàn)業(yè)務(wù)功能的擴(kuò)展，對(duì)系統(tǒng)實(shí)現(xiàn)、調(diào)試、集成等軟件開(kāi)發(fā)階段，維護(hù)方便，節(jié)約了很多時(shí)間，降低了開(kāi)發(fā)費(fèi)用。

五、結(jié)束語(yǔ)

實(shí)踐說(shuō)明，將策略設(shè)計(jì)模式應(yīng)用到系統(tǒng)接口設(shè)計(jì)中，能有效提高軟件系統(tǒng)設(shè)計(jì)的效率，提高代碼的利用性和系統(tǒng)的可擴(kuò)展性。面向?qū)ο笤O(shè)計(jì)模式的使用，使軟件設(shè)計(jì)人員可借鑒成功軟件設(shè)計(jì)的經(jīng)驗(yàn)，也為軟件架構(gòu)設(shè)計(jì)提供更多可行的解決方案。通過(guò)此精品課程網(wǎng)站的運(yùn)行效果，說(shuō)明該設(shè)計(jì)模式的實(shí)用價(jià)值，可對(duì)同類設(shè)計(jì)問(wèn)題提供參考。

第二篇：文科類網(wǎng)站設(shè)計(jì)課程教學(xué)模式探究論文

在學(xué)生踏入大學(xué)校門(mén)的一瞬間，他們的生活軌跡和高中時(shí)代便大不一樣了。在這里，同學(xué)擁有權(quán)利去選擇聽(tīng)喜歡的課程，老師有時(shí)間和精力把每一節(jié)課講得豐富多彩，同時(shí)讓學(xué)生快速吸收運(yùn)用。

因此，理想的授課方式，是大學(xué)老師應(yīng)該去思索的事情。對(duì)于不同的課程，老師的授課方式也應(yīng)不同。例如，筆者所教授的基于互聯(lián)網(wǎng)的數(shù)據(jù)庫(kù)及程序設(shè)計(jì)課來(lái)說(shuō)，本門(mén)課程主要是給非計(jì)算機(jī)專業(yè)學(xué)生講解數(shù)據(jù)庫(kù)的應(yīng)用、程序和頁(yè)面的設(shè)計(jì)等，通過(guò)一學(xué)期的學(xué)習(xí)學(xué)生可以自己完成一個(gè)簡(jiǎn)單網(wǎng)站。而對(duì)于非計(jì)算機(jī)專業(yè)學(xué)生來(lái)說(shuō)，程序語(yǔ)言是復(fù)雜的，還有許多應(yīng)該注意的條條框框。學(xué)生們希望自己很快學(xué)以致用，因此老師最好能夠先把主體講清楚，構(gòu)造出一個(gè)對(duì)于知識(shí)大體認(rèn)知的一個(gè)框架，再去填寫(xiě)其他的細(xì)節(jié)。老師也需要激發(fā)同學(xué)的趣味性，這樣的激發(fā)趣味性的方法就有很多，例如，把原本運(yùn)行出來(lái)的矩形改成心形，一定會(huì)激發(fā)很多女生的興趣，把類似的程序轉(zhuǎn)化成貪吃蛇這一類游戲，相信很多男生也會(huì)對(duì)于計(jì)算機(jī)語(yǔ)言情有獨(dú)鐘。

這或許是程序設(shè)計(jì)的另一種魅力。同時(shí)，老師和同學(xué)們也要做好交流溝通，在課下可以讓學(xué)生試著編一下趣味的小程序，在獲得趣味性的同時(shí)，也能夠熟練運(yùn)用所學(xué)的知識(shí)。另外，對(duì)于老師來(lái)說(shuō)也可以把考試題設(shè)計(jì)成以游戲?yàn)檩d體，來(lái)考察學(xué)生對(duì)于所學(xué)知識(shí)的運(yùn)用，這樣不失趣味性，也可以做到與時(shí)俱進(jìn)。老師上課應(yīng)該準(zhǔn)備好思路，最好能用探討的形式來(lái)替代枯燥的理論說(shuō)教過(guò)程，讓學(xué)生在感受網(wǎng)頁(yè)設(shè)計(jì)魅力所在的同時(shí)還能夠吸收計(jì)算機(jī)的相關(guān)知識(shí)，這是一件很好的事情。教學(xué)過(guò)程對(duì)于學(xué)生來(lái)說(shuō)是向未知領(lǐng)域的探索過(guò)程，教師授課則起到類似向?qū)У淖饔茫纱艘l(fā)學(xué)生去思考。如果教師把什么問(wèn)題都講得“明明白白”，沒(méi)有疑問(wèn)，課堂上也從不提問(wèn)，學(xué)生也沒(méi)有問(wèn)題可問(wèn)，這不利于教學(xué)內(nèi)容的理解和把握。

表面上沒(méi)有問(wèn)題，但實(shí)際上學(xué)生不一定理解和把握，問(wèn)題可能還多著呢。因此，在授課時(shí)需要注意設(shè)置疑問(wèn)并經(jīng)常提問(wèn)。通過(guò)提問(wèn)和解答，師生共同探討解決問(wèn)題的答案，有利于學(xué)生拓寬視野，對(duì)問(wèn)題的認(rèn)識(shí)由淺入深、由片面到全面、由低級(jí)向高級(jí)的發(fā)展，實(shí)現(xiàn)認(rèn)識(shí)上的飛躍。一些程序設(shè)計(jì)很有難度，在2個(gè)課時(shí)的聽(tīng)課時(shí)間內(nèi)，學(xué)生很難做到完全不溜號(hào)，不走神。在這種情況下，老師的板書(shū)就很關(guān)鍵，學(xué)生溜號(hào)之后看到剛才講過(guò)的部分，中間還能銜接上。如果老師僅用PPT講解，那么如果學(xué)生溜號(hào)之后不知道老師講過(guò)多少頁(yè)，這樣根本談不上思維的連續(xù)性。所以，老師要將程序運(yùn)行過(guò)程寫(xiě)在板書(shū)上，板書(shū)一定要盡量寫(xiě)得工整，思維不要有跳躍，要連續(xù)一些，把重要的思維方法都體現(xiàn)在板書(shū)上，這樣學(xué)生接受起來(lái)會(huì)更容易一些。另外，老師還應(yīng)該調(diào)動(dòng)學(xué)生的興趣愛(ài)好，多例舉生活中具體的例子，把抽象的程序分析具體化，讓學(xué)生知道程序的運(yùn)行及應(yīng)用，從而激發(fā)學(xué)習(xí)計(jì)算機(jī)相關(guān)技術(shù)的信心與熱情。一定要讓學(xué)生養(yǎng)成預(yù)習(xí)的好習(xí)慣，因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)課在課堂上接受起來(lái)并不容易，為了保證學(xué)生們的聽(tīng)課效率和聽(tīng)課質(zhì)量，預(yù)習(xí)階段是重中之重，也是必不可少的。預(yù)習(xí)的方式有很多種，可以告訴學(xué)生提前看一下有關(guān)內(nèi)容，也可以留給學(xué)生一些簡(jiǎn)單的思考題在課前以作業(yè)的形式交上來(lái)，以達(dá)到預(yù)習(xí)的效果。

課后的時(shí)候，老師最好把自己上課所講的例題，整理好做成PPT的形式，并且發(fā)送給學(xué)生，以便于學(xué)生的及時(shí)復(fù)習(xí)。當(dāng)今信息時(shí)代，我們使用的通訊工具日新月異，過(guò)去人們使用的手機(jī)只有打電話、發(fā)信息的功能，上網(wǎng)只能依靠PC機(jī)終端，但近幾年來(lái)隨著智能手機(jī)在我國(guó)的普及，使用手機(jī)上網(wǎng)的大學(xué)生與日俱增，幾乎現(xiàn)在每一個(gè)大學(xué)生都擁有一臺(tái)智能手機(jī)，通過(guò)智能手機(jī)連接移動(dòng)互聯(lián)網(wǎng)。與電腦這樣的PC終端相比，手機(jī)攜帶更加方便，可以實(shí)現(xiàn)隨時(shí)隨地上網(wǎng)功能，不受到時(shí)間和地點(diǎn)的限制?；谥悄苁謾C(jī)的方便快捷，大學(xué)生越來(lái)越青睞于使用微信、微博這些新媒體，可以說(shuō)微信已成為大學(xué)生手機(jī)上的必備應(yīng)用，新媒體時(shí)代呼之欲出。在新媒體時(shí)代，應(yīng)用新媒體加強(qiáng)教學(xué)建設(shè)成為了校園文化建設(shè)的一個(gè)新興課題。

老師可以組織學(xué)生建立一個(gè)學(xué)習(xí)微信群，讓所有的同學(xué)加入進(jìn)來(lái)，有不會(huì)的問(wèn)題及時(shí)討論，及時(shí)發(fā)布課后作業(yè)，以便于和學(xué)生的交流溝通。這些工作對(duì)于老師和學(xué)生之間都起著一種相互促進(jìn)、相輔相成的作用。大學(xué)的課堂是教會(huì)學(xué)生如何做人做事，如何做學(xué)問(wèn)的地方。老師要給學(xué)生創(chuàng)造的良好課堂，與學(xué)生共同作用，形成精彩豐富的大學(xué)課堂。綜上，老師需要激發(fā)同學(xué)生的趣味性，在獲得趣味性的同時(shí)，也能夠熟練運(yùn)用所學(xué)的知識(shí)。教師上課時(shí)準(zhǔn)備好思路，最好能用探討的形式來(lái)替代枯燥的理論說(shuō)教過(guò)程。老師要將程序運(yùn)行過(guò)程寫(xiě)在板書(shū)上，把重要的思維方法都體現(xiàn)在板書(shū)上，這樣學(xué)生接受起來(lái)會(huì)更容易一些?？梢越M織學(xué)生建立一個(gè)學(xué)習(xí)微信群，讓所有的同學(xué)加入進(jìn)來(lái)，有不會(huì)的問(wèn)題及時(shí)討論，及時(shí)發(fā)布課后作業(yè)，以便于和學(xué)生的交流溝通。

第三篇：利用課程網(wǎng)站輔助理論教學(xué)的模式探析論文

摘要：隨著現(xiàn)代教育技術(shù)的發(fā)展，利用課程網(wǎng)站輔助教學(xué)已被廣泛地應(yīng)用。課程網(wǎng)站在教學(xué)中的成功運(yùn)用拓展了教學(xué)空間，提高了教學(xué)效率。本文以筆者講授的課程《新聞學(xué)概論》為例，對(duì)如何利用課程網(wǎng)站輔助教學(xué)、增強(qiáng)理論課教學(xué)效果進(jìn)行了探討。

關(guān)鍵詞：課程網(wǎng)站 新聞學(xué)概論 教學(xué)改革

近年來(lái)，很多高校教師開(kāi)始嘗試制作課程網(wǎng)站，整合相關(guān)課程的網(wǎng)絡(luò)資源，利用其輔助課程教學(xué)。課程網(wǎng)站不僅能優(yōu)化課堂教學(xué)，調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性，更能有助于學(xué)生對(duì)知識(shí)的理解與掌握，并能使教師更好地把握反饋信息，從而取得良好的教學(xué)效果。

筆者以主講《新聞學(xué)概論》課程為契機(jī)，嘗試建設(shè)課程網(wǎng)站，使其服務(wù)于理論課教學(xué)，就如何利用課程網(wǎng)站改善教學(xué)效果進(jìn)行了初步探索。

一、傳統(tǒng)新聞理論教學(xué)存在的問(wèn)題

新聞是要“用事實(shí)說(shuō)話”的，而新聞理論則必須“用概念說(shuō)話”?！坝檬聦?shí)說(shuō)話”的新聞人人愛(ài)看，“用概念說(shuō)話”的理論卻顯然不會(huì)有多少人喜歡。①《新聞學(xué)概論》課程是新聞專業(yè)學(xué)生必修的基礎(chǔ)課程，開(kāi)課時(shí)間一般是大學(xué)生剛?cè)胄５牡谝粚W(xué)期，這個(gè)時(shí)期，大學(xué)生面臨著從高中應(yīng)試思維模式向大學(xué)自主學(xué)習(xí)模式的轉(zhuǎn)變。傳統(tǒng)的新聞理論教學(xué)，總是圍繞著課堂上“概念+定義+案例”的模式展開(kāi)，師生之間是“我講你聽(tīng)”的交流范式，這樣不利于培養(yǎng)大一學(xué)生對(duì)專業(yè)的興趣。深?yuàn)W的概念，難解的定義，繁雜的案例，單向的交流，這似乎成了新聞理論教學(xué)的固有模式。

網(wǎng)絡(luò)時(shí)代，我們可以嘗試?yán)镁W(wǎng)絡(luò)來(lái)改進(jìn)這種傳統(tǒng)模式，其中，建立課程網(wǎng)站就是一種很好的嘗試。

二、建設(shè)課程教學(xué)網(wǎng)站改良教學(xué)模式

新聞學(xué)概論這門(mén)課程的主要目的是使學(xué)生了解新聞基礎(chǔ)知識(shí)，增強(qiáng)他們利用媒介分析問(wèn)題和解決問(wèn)題的能力,培養(yǎng)他們對(duì)新聞事業(yè)的熱愛(ài)，從而為今后的學(xué)習(xí)和工作奠定良好的基礎(chǔ)。本著這一宗旨,并結(jié)合課程內(nèi)容,我們開(kāi)發(fā)了四川外語(yǔ)學(xué)院新聞學(xué)概論教學(xué)網(wǎng)站。教師可將教案、作業(yè)或補(bǔ)充資料等教學(xué)資源放到網(wǎng)上,給學(xué)生提供大量的新聞傳播類綜合資源,同時(shí)也使教師和同學(xué)能突破時(shí)間和地點(diǎn)的限制,在網(wǎng)上進(jìn)行溝通,便于學(xué)生自主學(xué)習(xí)。這樣可以很好地解決學(xué)生由于接受能力不同而帶來(lái)的分層教學(xué)困難，也可以解決課程基礎(chǔ)內(nèi)容多、學(xué)時(shí)少的矛盾,從而提高教學(xué)質(zhì)量和教學(xué)效率,使單一的教學(xué)形式變得豐富多彩,增加學(xué)習(xí)的趣味性,有效激發(fā)學(xué)生的學(xué)習(xí)興趣,調(diào)動(dòng)他們的學(xué)習(xí)積極性,加深對(duì)所學(xué)理論知識(shí)的理解。

三、在新聞學(xué)概論課程中使用網(wǎng)站教學(xué)資源

建立本網(wǎng)站的目的是改進(jìn)傳統(tǒng)的課堂教學(xué)模式,我們希望能建立一種面向不同理論基礎(chǔ)學(xué)習(xí)水平、滿足不同學(xué)生學(xué)習(xí)要求的新聞傳播類教育網(wǎng)站，希望努力為學(xué)生營(yíng)造輕松的學(xué)習(xí)氛圍。

本網(wǎng)站主要包括以下功能:

1.教學(xué)內(nèi)容發(fā)布。通過(guò)后臺(tái)操作，教師可以隨時(shí)發(fā)布和更新教學(xué)的主要內(nèi)容，如教學(xué)課件、教案講稿、教學(xué)進(jìn)度、教學(xué)計(jì)劃、教學(xué)要求、布置作業(yè)及相關(guān)考試要求等，便于學(xué)生預(yù)習(xí)或復(fù)習(xí)。對(duì)于那些理論基礎(chǔ)相對(duì)薄弱或因事缺課的同學(xué)，他們可以課后到網(wǎng)站去下載教師的教案或PPT，便于進(jìn)一步揣摩理論、吃透知識(shí)點(diǎn)。另外，教師將教學(xué)內(nèi)容傳到網(wǎng)站上，也有利于改變學(xué)生“上課記筆記，考前補(bǔ)筆記，考后全忘記”的不良循環(huán)模式。學(xué)生不需要花費(fèi)大量時(shí)間記教師講授的大量理論知識(shí)，集中精力在課堂上理解與吸收理論知識(shí)，這為學(xué)生創(chuàng)造了輕松的課堂氛圍。

2.視頻教學(xué)。教師可以在網(wǎng)站上發(fā)布豐富的視頻資料來(lái)輔助教學(xué)。改善理論課教學(xué)枯燥乏味的方式，除了教師深入淺出的講解外，大量案例的引入與相關(guān)知識(shí)層面的拓展也至關(guān)重要。但是，這就造成了有限的課堂時(shí)間與無(wú)限的課外知識(shí)之間的矛盾。通過(guò)課程網(wǎng)站，這個(gè)矛盾可以迎刃而解。教師可以在課堂上只播放某些視頻的關(guān)鍵部分，課后學(xué)生自己到課程網(wǎng)站上繼續(xù)觀看。這樣，既能拓展學(xué)生的知識(shí)面，又能引導(dǎo)學(xué)生正確使用網(wǎng)絡(luò)資源。

例如，在11月8日記者節(jié)這天，筆者恰好講到了媒體從業(yè)人員的職業(yè)道德。筆者搜集到了中央電視臺(tái)《新聞?wù){(diào)查》欄目制作的《記者的故事》，發(fā)現(xiàn)其中有若干個(gè)獨(dú)立的小故事。于是，課堂上筆者僅僅放映了其中一個(gè)故事，然后告知大家：如果想知道更多的故事，可以到我們的網(wǎng)站上去收看。這樣，同學(xué)們帶著濃厚的興趣到網(wǎng)站上去繼續(xù)看此節(jié)目，實(shí)實(shí)在在地感受到了從事新聞行業(yè)的艱辛與榮譽(yù)，這比課堂上一味地灌輸要有用得多。

3.作業(yè)布置與習(xí)題測(cè)試。高校擴(kuò)招后，很多教學(xué)班人數(shù)都增加了，這給老師批改作業(yè)帶來(lái)了很大的壓力。筆者嘗試著將作業(yè)發(fā)布在網(wǎng)站上，學(xué)生直接在網(wǎng)上作答。這樣一方面便于教師批改和點(diǎn)評(píng)，另一方面同學(xué)們可以看到其他同學(xué)的答案，然后他們可以通過(guò)互相交流自己的學(xué)習(xí)心得來(lái)彌補(bǔ)自己的短處。他們還可以在網(wǎng)上互相提問(wèn)，互相質(zhì)疑，完全自主地選擇自己的學(xué)習(xí)內(nèi)容和進(jìn)度。這樣就充分地調(diào)動(dòng)了學(xué)生在網(wǎng)絡(luò)課堂上學(xué)習(xí)的主動(dòng)性。

另外，新聞學(xué)理論的知識(shí)點(diǎn)龐雜多樣，曾有學(xué)生反映學(xué)完一個(gè)章節(jié)后不知道到底要學(xué)懂什么。針對(duì)這個(gè)問(wèn)題，筆者除了將課堂教學(xué)目標(biāo)掛在網(wǎng)上外，還將每章的習(xí)題測(cè)試也掛在網(wǎng)上，學(xué)生可選擇章、節(jié)或按題型進(jìn)行測(cè)試。通過(guò)這樣的練習(xí)使學(xué)生能及時(shí)了解自己的不足,有針對(duì)性地進(jìn)行復(fù)習(xí),更好地掌握所學(xué)知識(shí)。

4.留言板功能。在網(wǎng)站上建立討論區(qū),學(xué)生可以自由交流學(xué)習(xí)方法和心得,也可以提出問(wèn)題，教師在網(wǎng)上直接回答,這有利于及時(shí)解決問(wèn)題。由于留言實(shí)行的是匿名制，所以這更利于那些性格內(nèi)向、不善于與老師當(dāng)面溝通的同學(xué)大膽地表達(dá)自己的意見(jiàn)，這給他們提供了一定的話語(yǔ)權(quán)，也增加了師生交流的機(jī)會(huì)。經(jīng)過(guò)測(cè)試，筆者發(fā)現(xiàn)，同學(xué)們不僅在這個(gè)板塊探討學(xué)業(yè)問(wèn)題，也會(huì)表達(dá)對(duì)教師的期望或建議，還有學(xué)生直接表達(dá)對(duì)老師的喜愛(ài)之情，每當(dāng)看到類似的留言，筆者都會(huì)感謝留言者，并留下熱情的鼓勵(lì)與贊賞之詞。這樣，留言板變得活躍了起來(lái)，師生之間除了面對(duì)面交流外，還可以進(jìn)行網(wǎng)上交流，大大改善了師生關(guān)系。

四、利用課程網(wǎng)站進(jìn)行理論教學(xué)的作用與經(jīng)驗(yàn)總結(jié)

經(jīng)過(guò)實(shí)踐檢驗(yàn)，利用課程網(wǎng)站輔助教學(xué)，的確有利于改善理論課的教學(xué)效果，是一種同時(shí)使師生受惠的教學(xué)方式。

1.有利于學(xué)生自身的發(fā)展

課程網(wǎng)站可以突破時(shí)間與空間的界限，讓學(xué)生自主選擇和決定學(xué)習(xí)內(nèi)容與時(shí)間，從而拓寬了他們的視野，也拓寬了他們與別人的交往渠道，使學(xué)生與學(xué)生之間、學(xué)生與教師之間的交往和溝通更加多樣化、平等化。

2.有利于調(diào)動(dòng)學(xué)生學(xué)習(xí)理論性課程的積極性

理論課程的空洞與晦澀，往往會(huì)成為學(xué)生學(xué)習(xí)的瓶頸，而借助課程網(wǎng)站上提供的大量網(wǎng)絡(luò)資源，可彌補(bǔ)這一弱點(diǎn)，讓學(xué)生有足夠的空間和時(shí)間去體會(huì)理論課程的精深博大。如在我們的課程網(wǎng)站中，我們提供給學(xué)生的相關(guān)參考書(shū)籍與網(wǎng)址，大大解決了他們迷茫、不知道學(xué)什么看什么書(shū)的困惑與煩惱，指引著他們循序漸進(jìn)適應(yīng)大學(xué)學(xué)習(xí)節(jié)奏與習(xí)慣。

3.有利于教師教育水平的提高

在網(wǎng)絡(luò)資源支持下的理論課程教學(xué)中，教師不再單單以課本、黑板和粉筆作為自己的武器進(jìn)行傳統(tǒng)的教學(xué)，而是根據(jù)課堂教學(xué)的需要，經(jīng)常要利用網(wǎng)絡(luò)資源放手讓學(xué)生去做探究式的學(xué)習(xí)。教師在引導(dǎo)學(xué)生學(xué)習(xí)的同時(shí)，會(huì)越來(lái)越多地感到自身要適應(yīng)新的時(shí)代潮流，就必須不斷提高自身教育水平，要給學(xué)生一杯水，自己就得有一桶水。為此，教師在課前，自己必須先用足網(wǎng)絡(luò)資源、盡可能挖掘教材背景下的知識(shí)。

4.有利于改善師生關(guān)系

教學(xué)活動(dòng)的過(guò)程總是與師生交流的過(guò)程相伴。在這個(gè)過(guò)程中，教師實(shí)施教學(xué)活動(dòng)，學(xué)生經(jīng)歷學(xué)習(xí)活動(dòng)。“沒(méi)有師生交流關(guān)系的發(fā)展，許多學(xué)習(xí)活動(dòng)將是低效的。無(wú)論是發(fā)展中的現(xiàn)代教育思想還是我國(guó)當(dāng)前的教育實(shí)踐，都明白無(wú)疑地表明了這一點(diǎn)”。②

運(yùn)用課程網(wǎng)站輔助教學(xué)，大大增強(qiáng)了教學(xué)的開(kāi)放性和多元性，使師生關(guān)系有較大改善。上文筆者已談過(guò)，在留言板快同學(xué)們可以隨時(shí)在線與老師交流這樣，探討學(xué)科相關(guān)問(wèn)題，甚至聊天溝通，從而使師生關(guān)系更加融洽。

但是，筆者也意識(shí)到，教師只能利用課程網(wǎng)站輔助教學(xué)，而不能放棄面對(duì)面的語(yǔ)言交流。因此，教師利用網(wǎng)絡(luò)教學(xué)的同時(shí)，必須注意到，在課程開(kāi)始時(shí)，教師就應(yīng)當(dāng)向?qū)W生說(shuō)明本課程學(xué)習(xí)和研究的內(nèi)容、方法、步驟及課程網(wǎng)站的結(jié)構(gòu)與使用方法，組織學(xué)生進(jìn)入學(xué)習(xí)、研究過(guò)程?？傊?，教師不能把一切都交給電腦。畢竟，老師親切、清晰、條理分明的講解，生動(dòng)的表情，才能幫助學(xué)生更好地理解知識(shí)，加深對(duì)知識(shí)的記憶。另外，師生交流也不能過(guò)度依靠網(wǎng)絡(luò)，面對(duì)面的直接交流更能達(dá)到情感教育的效果。

教師利用課程網(wǎng)站輔助教學(xué)，改善教學(xué)效果的成果是顯而易見(jiàn)的。我們要針對(duì)前一階段的研究中的得失，及時(shí)加以補(bǔ)充、完善，使網(wǎng)絡(luò)資源有利于實(shí)踐“自主性，探究性，合作性”原則要求，進(jìn)一步促進(jìn)新聞理論類課程的教學(xué)。

注釋赫雨：《新聞理論教學(xué)如何超越“概念＋定義”模式》，《今傳媒》,2007年第1期。李藝：《論網(wǎng)絡(luò)教學(xué)中師生交流關(guān)系的建構(gòu)》，《教育科學(xué)》，2000年第3期。

第四篇：網(wǎng)站設(shè)計(jì)論文目錄

目錄

摘要................1

第一章 諸論............2

1.1設(shè)計(jì)思想..............2

1.2開(kāi)發(fā)工具的選用及介紹............2

1.2.1

1.2.2

1.2.3

1.2.4

1.2.5HTML語(yǔ)言................2Macromedia DREAMWEAVER MX............2ASP.net..........3ADO.net..........5Microsoft SQL Server...........6

第二章 網(wǎng)站總體分析與設(shè)計(jì)..............9

2.1 網(wǎng)站結(jié)構(gòu)分析................9

2.2 頁(yè)面設(shè)計(jì)構(gòu)思................9

2.3 數(shù)據(jù)庫(kù)設(shè)計(jì)..........10

第三章 網(wǎng)站制作過(guò)程...............11

3.1 靜態(tài)頁(yè)面制作...............11

3.2 建立數(shù)據(jù)表..........15

3.3 Asp.net代碼編寫(xiě)..........16

3.3.1 最新產(chǎn)品................17

3.3.2 產(chǎn)品信息................19

3.3.3 產(chǎn)品信息上傳............21

3.3.4管理員登陸、注銷...............24

3.3.5 在線留言的實(shí)現(xiàn)................26

第四章 系統(tǒng)使用說(shuō)明與安裝..............29 參考文獻(xiàn).................30 致謝...............31

第五篇：個(gè)人網(wǎng)站設(shè)計(jì)論文

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

分類號(hào)： TP319

秦皇島職業(yè)技術(shù)學(xué)院 課程設(shè)計(jì)（論文）

個(gè)人博客網(wǎng)頁(yè)設(shè)計(jì)論文

學(xué)生姓專班指導(dǎo)教指導(dǎo)教師職名 王飛飛 業(yè) 計(jì)算機(jī)應(yīng)用技術(shù) 級(jí) 1100103 師

稱

目錄

摘要 …………………………………………………………………………………2 前言 …………………………………………………………………………………3 第一章 關(guān)于網(wǎng)絡(luò)的知識(shí).............................................4

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

1.1 INTERNET的簡(jiǎn)介.................................................4 1.2 WWW的簡(jiǎn)介....................................................4 1.3網(wǎng)頁(yè)基本構(gòu)成元素..............................................5 1.4 制作網(wǎng)頁(yè)前的準(zhǔn)備..............................................5 第二章 網(wǎng)站制作實(shí)戰(zhàn)...............................................6 2.1 站點(diǎn)..........................................................6 2.1.1 創(chuàng)建站點(diǎn)..................................................6 2.1.2 創(chuàng)建站點(diǎn)內(nèi)容..............................................6 2.2 首頁(yè)..........................................................7 2.2.1 設(shè)置首頁(yè)布局和頁(yè)面屬性....................................7 2.2.2 查看和編輯頭內(nèi)容..........................................9 2.2.3 插入圖像..................................................9 2.2.4 插入FLASH相冊(cè)...........................................10 2.2.5 插入文本.................................................10 2.3 創(chuàng)建其它網(wǎng)頁(yè).................................................11 第三章 建立網(wǎng)頁(yè)鏈接..............................................12 3.1 文字鏈接.....................................................12 3.2 圖像鏈接.....................................................13 3.3在HTML語(yǔ)言中建立網(wǎng)頁(yè)鏈接....................................14 第四章 網(wǎng)站測(cè)試與維護(hù) …………………………………………………………17 結(jié)論………………………………………………………………………………18 參考文獻(xiàn) ……………………………………………………………………… 19 致謝………………………………………………………………………………20

摘 要

本論文主要是對(duì)個(gè)人網(wǎng)站的建立進(jìn)行研究和探討。作品的主要技術(shù)指標(biāo)包括：

1、制作出一個(gè)具有靜態(tài)技術(shù)的“個(gè)人網(wǎng)站”；

2、在制作的過(guò)程中，加強(qiáng)和 1

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

深化以前所學(xué)的關(guān)于網(wǎng)頁(yè)設(shè)計(jì)的方法，同時(shí)更好的理解參考資料上的方法、理論和更好的利用Fireworks、Flash制作網(wǎng)站需要的一些圖片和影片。

本設(shè)計(jì)的主要內(nèi)容包括：

1、個(gè)人網(wǎng)站的設(shè)計(jì)思想，整體規(guī)劃及相關(guān)基礎(chǔ)知識(shí)；

2、個(gè)人網(wǎng)站的首頁(yè)設(shè)計(jì)，包括簡(jiǎn)單的HTML語(yǔ)言及效果圖；

3、個(gè)人網(wǎng)站的調(diào)試。

網(wǎng)頁(yè)規(guī)劃包含的內(nèi)容很多，如網(wǎng)頁(yè)的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)頁(yè)的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。

網(wǎng)站主題就是所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于個(gè)人網(wǎng)站，不可能像單獨(dú)的網(wǎng)頁(yè)那樣做得內(nèi)容少而單一。所以必須要找準(zhǔn)一些自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給人留下深刻的印象。

關(guān)鍵詞：技術(shù)指標(biāo)

基本設(shè)計(jì)內(nèi)容

網(wǎng)站規(guī)劃 網(wǎng)站主題

前言

隨著二十一世紀(jì)新興科技的飛速發(fā)展，如今的交流與交往不再是那么的單調(diào)，看如今不曾再有五百里加急文件的傳送，看如今已很少在出現(xiàn)寫(xiě)信、寄信。人們正在運(yùn)用現(xiàn)世紀(jì)的高科技來(lái)增加自己的交際圈，來(lái)發(fā)展自己的人脈關(guān)系，秦皇島職業(yè)技術(shù)學(xué)院信息工程系

同時(shí)，其它人也是通過(guò)高科技，悄悄的就能很容易地去了解，關(guān)注一個(gè)人。

正是因?yàn)槿藗兊倪@些需求，所以出現(xiàn)了互聯(lián)網(wǎng)，正是因?yàn)槿藗兊男枨?，所以出現(xiàn)了如今的網(wǎng)絡(luò)時(shí)代，網(wǎng)絡(luò)通訊工具。來(lái)方便人們的交往，交際與溝通。也正是因?yàn)槿藗兊男枨?，所以出現(xiàn)了個(gè)人博客，通過(guò)一人簡(jiǎn)單的網(wǎng)頁(yè)來(lái)展現(xiàn)自己的獨(dú)特魅力，自己的與眾不同。真正的做到了“足不出戶，便知天下人”。

互聯(lián)網(wǎng)加大了我們了解世界的眼界，縮緊了人與人之間的距離，這就更容易的使我們走上了信息化的道路。

我覺(jué)得一個(gè)網(wǎng)站的開(kāi)始，應(yīng)該有一個(gè)大體的規(guī)劃，網(wǎng)站的布局是最重要的，它起著一個(gè)網(wǎng)站成功與否的決定性作用，因?yàn)椴季值暮门c壞，帶來(lái)的是網(wǎng)站整體上的美觀效果及應(yīng)用。網(wǎng)站內(nèi)容上也能決定著網(wǎng)站成功與否，一個(gè)網(wǎng)站上的每個(gè)字眼都可能決定著這個(gè)網(wǎng)站，因?yàn)槟悴恢滥膫€(gè)字就是吸引別人的內(nèi)容，就是大家都追捧的話題，就是很潮的事物，所以內(nèi)容上一定要謹(jǐn)慎。再有，就是網(wǎng)站的圖片，一定要確準(zhǔn)好路徑，以免圖像的丟失而不能再網(wǎng)站中顯示，其次就是鏈接，在Dreamweaver中提供了很簡(jiǎn)單的鏈接命令，根據(jù)其提示操作即可。

我做了一個(gè)簡(jiǎn)單的個(gè)人博客的網(wǎng)站，通過(guò)這個(gè)網(wǎng)站能讓大家更深的了解我，同時(shí)更重要的是鍛煉自己的實(shí)踐能力，鞏固自己學(xué)習(xí)的知識(shí)，彌補(bǔ)自己學(xué)習(xí)的不足。

第一章 關(guān)于網(wǎng)絡(luò)的知識(shí)

1.1什么是Internet Internet是由眾多的計(jì)算機(jī)網(wǎng)絡(luò)互聯(lián)而成的互聯(lián)網(wǎng)，它覆蓋了全世界各地，3

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

它是采用開(kāi)放系統(tǒng)協(xié)議的計(jì)算機(jī)通訊網(wǎng)絡(luò)。然而，Internet不僅僅是計(jì)算機(jī)的互聯(lián)網(wǎng)，它還是全球最大的信息資源寶庫(kù)，它提供了包括科研、教育、文化娛樂(lè)、商業(yè)和信息交流等各種各樣的服務(wù)，使得世界范圍內(nèi)的人與人之間的交流在時(shí)間和空間上變的更小了。

Web頁(yè)瀏覽：這是目前利用最廣泛、最直接的互聯(lián)網(wǎng)服務(wù)，通過(guò)瀏覽WWW（萬(wàn)維網(wǎng)）中的網(wǎng)頁(yè)，可以了解世界各地的新聞，查看最新的股市行情，最新的娛樂(lè)動(dòng)態(tài)、科技發(fā)明，找到眾多的就業(yè)信息??幾乎想找到什么樣的信息，就有什么信息。正是有了WWW、Internet才會(huì)變得如此豐富多彩，才能走進(jìn)千家萬(wàn)戶。1.2 WWW的簡(jiǎn)介

WWW的全稱為World Wide Web，含義是“環(huán)球網(wǎng)”，又稱“萬(wàn)維網(wǎng)”、3W、Web。WWW是一個(gè)基于超文本（Hypertext）方式的信息檢索服務(wù)工具。我們上網(wǎng)瀏覽到的網(wǎng)頁(yè)就是這樣的超文本，也就是HTML(Hypertext Mark-up Language,超文本標(biāo)記語(yǔ)言)文件，這些網(wǎng)頁(yè)檔被放置到WWW服務(wù)器上，并且都有一定的地址。當(dāng)我們想瀏覽某個(gè)網(wǎng)站時(shí)，首先要在計(jì)算機(jī)上安裝瀏覽器，如

Internet Explorer或Netscape，然后在瀏覽器中輸入網(wǎng)站的地址（網(wǎng)址），就可以進(jìn)入網(wǎng)站進(jìn)行瀏覽。在這些網(wǎng)頁(yè)中，都有超連接，當(dāng)將鼠標(biāo)指針移動(dòng)到某個(gè)地方（如文本或圖像）時(shí)，鼠標(biāo)指針就會(huì)變成一個(gè)小手形形狀，單擊它就可以連接到另個(gè)網(wǎng)頁(yè)中，從而使得瀏覽者能在不同的信息之間動(dòng)畫(huà)和聲音等信息。通跳轉(zhuǎn)，我們之所以能在Internet的海洋中穿梭自如，正是超連接的功勞。

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

1.3網(wǎng)頁(yè)基本構(gòu)成元素

要學(xué)會(huì)制作網(wǎng)頁(yè)，首先需要了解網(wǎng)頁(yè)都是由什么元素構(gòu)成的。文字：文本是構(gòu)成網(wǎng)頁(yè)的基本元素。一個(gè)最簡(jiǎn)單的網(wǎng)頁(yè)可以只有幾行文本。圖片：正是有個(gè)各種美麗的圖片，網(wǎng)頁(yè)才變得多姿多彩。動(dòng)畫(huà)：如今，網(wǎng)頁(yè)上的動(dòng)畫(huà)越來(lái)越多，最常用的有GIF動(dòng)畫(huà)、Flash動(dòng)畫(huà)等。超連接：如上所述，超連接幾乎是必不可少的。一個(gè)沒(méi)有超連接的網(wǎng)頁(yè)，就如同汪洋大海中的一座孤島，失去了與外界的一切聯(lián)系。其它元素：還可以在網(wǎng)頁(yè)中添加聲音、視頻等元素。1.4 制作網(wǎng)頁(yè)前的準(zhǔn)備

計(jì)算機(jī)必備：計(jì)算機(jī)速度夠快，最好能夠上網(wǎng)。操作系統(tǒng)：Windows 98/NT/Me/2000/XP.其它軟件：看圖軟件ACDSee、圖像處理軟件Photoshop、上傳工具CuteFTP、Fireworks、動(dòng)畫(huà)軟件Flash等。

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

第二章 網(wǎng)站制作實(shí)戰(zhàn)

2.1 站點(diǎn) 2.1.1 創(chuàng)建站點(diǎn)

要制作一個(gè)網(wǎng)站，第一步操作都是一樣的，就是要?jiǎng)?chuàng)造一個(gè)“站點(diǎn)”，從菜單中選擇“站點(diǎn)/管理站點(diǎn)”在彈出的對(duì)話框中選擇“新建”，之后再選擇其中的“站點(diǎn)”，再次彈出一個(gè)對(duì)話框，在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱“my web”。填好后，單擊“下一步”，進(jìn)入下一個(gè)步驟。由于我要做的是一個(gè)靜態(tài)的網(wǎng)頁(yè)，所以選擇上面的一項(xiàng)“否，我不想使用服務(wù)器技術(shù)。單擊“下一步”，進(jìn)入下一個(gè)步驟。在此選項(xiàng)中有兩個(gè)選擇，選擇推薦的“編輯我的計(jì)算機(jī)上的本地副本，完成后再上傳到服務(wù)器”。底下的文本框允許在本地磁盤(pán)上指定一個(gè)文件夾，Dreamweaver將在其中儲(chǔ)存站點(diǎn)檔的本地副本。單擊該文本框后面的文件夾圖示，之后單擊“下一步“，進(jìn)入下一個(gè)步驟。這一步是如何設(shè)置連接到遠(yuǎn)程服務(wù)器，彈出式菜單中有6中選擇，這里選擇“無(wú)”。而后“下一步”再“完成”，即可。2.1.2 創(chuàng)建站點(diǎn)內(nèi)容

站點(diǎn)創(chuàng)建完成后，就可以創(chuàng)建Web頁(yè)來(lái)填充站點(diǎn)了。在“右側(cè)浮動(dòng)面板組”中選擇“檔/檔”面板，在彈出的菜單中選擇“新建文件”，新建一個(gè)檔后將其命名為“index.htm(或index.html),它就是未來(lái)的首頁(yè)。

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

2.2 首頁(yè)

2.2.1 設(shè)置首頁(yè)布局和頁(yè)面屬性

一、設(shè)置首頁(yè)布局

每個(gè)網(wǎng)站都會(huì)有一個(gè)首頁(yè)，就功能上而言，它代表著一個(gè)網(wǎng)站的風(fēng)格與特色，就網(wǎng)站架構(gòu)上而言，它代表了網(wǎng)站的第一層架構(gòu)，首頁(yè)是打開(kāi)網(wǎng)站后在瀏覽器中顯示的第一個(gè)頁(yè)面。它是起什么名字通常要視Server端的設(shè)置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。當(dāng)然，后綴名為html也是正確的。具體設(shè)置方法是：右健單擊“檔”浮動(dòng)面板中的index.htm,在彈出的菜單中選擇“設(shè)成首頁(yè)”。操作步驟：

1、在“插入快捷欄”的“布局”分類中，單擊“布局表格”按紐。

2、將變成“+”形狀的鼠標(biāo)游標(biāo)放到編輯中網(wǎng)頁(yè)上，在要繪制的地方進(jìn)行拖動(dòng)就可以進(jìn)行創(chuàng)建了。（如果繪制的是第一個(gè)表格必須從網(wǎng)頁(yè)的最左上角開(kāi)始繪制）。“index”表格布局如下圖：

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

二、設(shè)置首頁(yè)的頁(yè)面屬性

首先雙擊“檔”浮動(dòng)面板中的index.htm,進(jìn)入頁(yè)面的編輯窗口。右健單擊空白區(qū)域，在菜單中選擇“頁(yè)面屬性”，之后彈出“頁(yè)面屬性”對(duì)話框，若選擇主菜單“修改/頁(yè)面屬性”項(xiàng)，也可以把打開(kāi)該對(duì)話框。

在“頁(yè)面屬性”對(duì)話框中，左側(cè)窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標(biāo)題”、“標(biāo)題/編碼”、“跟蹤圖像”5項(xiàng)，右側(cè)區(qū)域則顯示各類中可以設(shè)置的項(xiàng)目

“index”首頁(yè)設(shè)置的屬性如下圖所示：

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

2.2.2 查看和編輯頭內(nèi)容

一個(gè)網(wǎng)頁(yè)文件結(jié)構(gòu)上實(shí)際是由兩部分組成，頭（head）內(nèi)容和主體（body）內(nèi)容主體內(nèi)容（body）是文檔的主要部分，也是包含文本和圖像等的可見(jiàn)部分。頭內(nèi)容（head）是除文檔標(biāo)題外的不可見(jiàn)部分，包含有文文件類型、語(yǔ)言編碼、搜索引擎的關(guān)鍵的關(guān)鍵詞和內(nèi)容指示器以及樣式定義等重要信息，這些元器并不是每個(gè)頁(yè)面都需要的，例如，可以僅為主頁(yè)提供關(guān)鍵詞。2.2.3 插入圖像

圖像是網(wǎng)頁(yè)中不可或缺的組成成份，恰當(dāng)?shù)厥褂脠D像，可以使網(wǎng)站充滿生活生命力與說(shuō)服力，吸引更多的瀏覽者，加深他們欣賞你網(wǎng)站的意愿。首先將游標(biāo)停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類，則右側(cè)將會(huì)顯示該類中可以插入的對(duì)象快鍵按鈕。左起第5個(gè)即為“圖像：圖像”按鈕，單擊它右側(cè)的下拉列表，選擇第1項(xiàng)“圖像”。隨即彈出“選擇圖像源文件”對(duì)話框。從計(jì)算機(jī)磁盤(pán)中選擇想要插入的圖像文件，下面的“相對(duì)于”下拉表框中，可選擇文件URL地址的類型，插入logo圖像，如圖所示:

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

最后單擊“確定”按鈕，即可完成插入圖像的操作。2.2.4 插入FLASH相冊(cè)

在Dreamweaver 8中，除了之前講到的可以插入“圖像”外，還可插入動(dòng)畫(huà)、聲音、視頻，F(xiàn)LASH相冊(cè)等媒體元素，并且還可以在Dreamweaver自身內(nèi)插入Macromedia Flash MX2004按鈕和文本對(duì)象，以及進(jìn)行相關(guān)的后期處理和添加設(shè)計(jì)備注等操作。在Dreamweaver 8文文件中，可以插入媒體文件包Flash 相冊(cè)、QuickTime、AVI java、applet Active X控件以及各種格式的音頻檔。要在瀏覽器中播放放Flash 相冊(cè)，必須在瀏覽器中集成“Flash 播放器（Flash Player）”。操場(chǎng)作步驟：

步驟1、將游標(biāo)停留在要插入Flash的位置，然后單擊菜單欄下面“插入”的下拉列表，選擇其中的“FLASH”分類，找到圖像查看器命令，單擊彈出保存對(duì)話框，選擇要保存的地方和名稱，點(diǎn)擊保存。

步驟

2、在Dreamweaver中將會(huì)產(chǎn)生一個(gè)flash相冊(cè)，在Dreamweaver中的最右邊將會(huì)有一個(gè)flash元素，一次將flash的屬性修改，既可完成一個(gè)flash相冊(cè)的制作。2.2.5 插入文本

文字是人類語(yǔ)言最基本的表達(dá)方式，在網(wǎng)頁(yè)中，文本內(nèi)容也可以說(shuō)是重要的組成部分，它是最關(guān)鍵的因素。插入文本的兩種方式：一種是在網(wǎng)頁(yè)編輯窗口中直接用鍵盤(pán)敲入文本。另一種是復(fù)制文本的方式。直接使用Dreamweaver的文本復(fù)制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁(yè)的編輯窗口來(lái)進(jìn)行排版的工作，10

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

具體步驟如下：打開(kāi)文本編輯軟件（如Microsoft Word），選中要復(fù)制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將游標(biāo)停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網(wǎng)頁(yè)中。這在我的“閑情逸致”中用到很多。2.3 創(chuàng)建其它網(wǎng)頁(yè)

還有其它的幾個(gè)網(wǎng)站與主頁(yè)的制作相同，一個(gè)網(wǎng)頁(yè)是圖像和文字的組合?！跋鄡?cè)”子頁(yè)中的FLASH相冊(cè)的插入和前面的介紹相同。

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

第三章 建立網(wǎng)頁(yè)鏈接

網(wǎng)站實(shí)際上是由很多網(wǎng)頁(yè)組成的，那么網(wǎng)頁(yè)之間是如何聯(lián)系的呢？這就是本章要講的內(nèi)容----網(wǎng)頁(yè)的“鏈接”?！版溄印保址Q“超鏈接"（Hyperlink）,它作為網(wǎng)頁(yè)的橋梁。網(wǎng)頁(yè)中的很多對(duì)象都可以加入“鏈接”屬性。在Dreamweaver 8中，如果以“鏈接”的媒介來(lái)劃分的話，則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“E-mail鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉(zhuǎn)菜單”，共8種。3.1 文字鏈接

“文字鏈接”即以文字作為媒介的鏈接，它是網(wǎng)頁(yè)中最常被使用的鏈接方式，具有“文件小、制作簡(jiǎn)單和便于維護(hù)”的特點(diǎn)。接下來(lái)結(jié)合我的個(gè)人網(wǎng)站為實(shí)例，來(lái)講解如何為文字建立“鏈接”。操作步驟：

步驟1、準(zhǔn)備好已經(jīng)制作完成的首頁(yè)的各個(gè)欄目頁(yè)面

步驟

2、在Dreamweaver 中打開(kāi)首頁(yè)，之后反白選取作為“鏈接”的文字。步驟

3、觀察“屬性面板”，其中包括一個(gè)“鏈接”文本框。步驟

4、接下來(lái)需要把鏈接的位址加入到文本框中。

步驟

5、在“鏈接”文本框下面還有一個(gè)“目標(biāo)”下拉列表，從中可以選擇鏈接網(wǎng)頁(yè)顯示的窗口方式，共有4種。如圖：

步驟

6、還可以設(shè)置一些“鏈接”的屬性，單擊“屬性面板”中的“頁(yè)面 12

秦皇島職業(yè)技術(shù)學(xué)院信息工程系

屬性”，選擇其中的“鏈接”分類，可以進(jìn)行的設(shè)置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪問(wèn)鏈接”顏色、“活動(dòng)鏈接”顏色及“下劃線樣式”。

步驟

7、至此，第1個(gè)欄目的鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁(yè)，再按下F12預(yù)覽，測(cè)試一下，當(dāng)鼠標(biāo)放在“放松心情”這4個(gè)文字上時(shí)將變成手形，并且瀏覽器窗口下面的狀態(tài)區(qū)中會(huì)顯示鏈接到的網(wǎng)頁(yè)的位址，單擊文字，頁(yè)面會(huì)立即跳轉(zhuǎn)到第1個(gè)欄目中，這表示鏈接已經(jīng)制作成功了。

步驟

8、同理，按照以上步驟，再為“閑情逸致”和“個(gè)人主頁(yè)”等其它欄制作指向?qū)?yīng)欄目的鏈接。

至此，整個(gè)“文字鏈接”的實(shí)例就全就全部完成了。3.2 圖像鏈接

“圖像”也是常被使用的鏈接媒體，它和“文字鏈接”非常相似。為圖像加入鏈接，首先應(yīng)該在網(wǎng)頁(yè)中插入“圖像”，有關(guān)插入“圖像”或“導(dǎo)航條”按鈕的內(nèi)容，接下來(lái)以我的網(wǎng)站“my web“為例，講解如何建立“圖像鏈接”。操作步驟：

步驟

1、首先仍然要準(zhǔn)備好已經(jīng)制作完成的首頁(yè)和各個(gè)欄目的頁(yè)面 步驟

2、在Dreamweaver中打開(kāi)網(wǎng)站的首頁(yè)，之后選取要制作“鏈接”的圖像。

步驟

3、觀察“屬性面板”，在“鏈接”文本框中輸入鏈接的文字位址。步驟

4、如果有需要，可以在“目標(biāo)”下拉列表中選擇“鏈接”網(wǎng)頁(yè)顯示 13

秦皇島職業(yè)技術(shù)學(xué)院信息工程系 的窗口方式，分別為-blank、-parent、-self或-top。

步驟

5、至此，第1個(gè)欄目的圖像鏈接就制作完畢了，按下Ctrl+S保存網(wǎng)頁(yè)，再按下F12預(yù)覽，測(cè)試一下，將鼠標(biāo)放在“動(dòng)畫(huà)制作”4個(gè)文字上時(shí)將變成手形，同時(shí)瀏覽器窗口下面的狀態(tài)區(qū)中會(huì)顯示出鏈接到的網(wǎng)頁(yè)的地址，并且會(huì)顯示出“替代”文本“動(dòng)畫(huà)制作”，單擊文字，頁(yè)面會(huì)立即跳轉(zhuǎn)到第3個(gè)欄目中，這表示鏈接已經(jīng)制作成功了。

步驟

6、同理，按照以上步驟，再為其它幾幅圖像制作指向?qū)?yīng)欄目的鏈接。

步驟

7、在欄目頁(yè)面中制作“返回首頁(yè)”的鏈接，使得單擊后可以跳轉(zhuǎn)回首頁(yè)。

至此，整個(gè)“圖像鏈像”的實(shí)例就全部完成了。3.3在HTML語(yǔ)言中建立網(wǎng)頁(yè)鏈接

一、文字鏈接

在HTML語(yǔ)言中用超鏈接標(biāo)記指向一個(gè)目標(biāo)。其基本格式為：舉個(gè)簡(jiǎn)單的“文本鏈接”的實(shí)例，該實(shí)例相對(duì)應(yīng)的HTML代碼如下所示。

a href-“index2.html”target=”-blank”>平面設(shè)計(jì)（新開(kāi)窗口，-blank)

相冊(cè)（原窗口，默認(rèn)為空）

留言