引論：我們為您整理了1篇網站設計與制作論文范文，供您借鑒以豐富您的創作。它們是您寫作時的寶貴資源，期望它們能夠激發您的創作靈感，讓您的文章更具深度。

網站設計與制作論文:網站設計與網頁制作論文

1網站建設的作用和意義

互聯網作為連接世界各地計算機的全球性信息化網絡，它的傳輸內容是非常豐富的，涉及到全球的各個領域，是人們了解世界、掌握信息的主要渠道之一。網站作為信息時代基層的一個重要窗口，是院務公開、公正、服務職工、惠及民生的重要手段。辦好網站，對于保障職工合法權益、增加職工之間互相的透明性、加強自身建設、提升知名度和影響力都具有非常重要意義。

2網站設計分析

文字、圖形、色彩是展示網站內容的重要組成部分，是構成網站傳達信息不可或缺的手段，同時也是用戶對網站及時印象和整體風格關注的主要內部分。要想設計出符合人性化需求的網站，只有多為用戶著想，認真地以用戶的切身體會出發去完成網站的整體設計。當然，在設計過程中需要考慮的因素很多，用戶群因素和界面因素是首要考慮的兩個方面。

3網頁制作

3.1選擇合適的網頁設計軟件當前能使用的網頁設計類軟件很多，而選擇一個功能強大、操作簡單的軟件則會讓你事半功倍。對于網頁制作軟件來說，初學者最常使用是Frontpage和Dreamweaver，Frontpage是微軟公司出品的一款網頁制作入門級軟件，FrontPage使用方便簡單，會用Word就能做網頁，所見即所得是其特點，該軟件結合了設計、程式碼、預覽三種模式。Dreamweaver是美國MACRO~EDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，利用它可以輕而易舉地制作出充滿動感的網頁。此外，制作網站還要用到邊緣性軟件，如photoshop、flash等，網頁設計過程中可根據自己的需要靈活運用這些軟件。

3.2選擇網頁內容前期的框架設計好后，就要為這個網站選擇內容了。網頁內容影響著網站的成敗，所以我們要多花一些心思在內容制作上。內容選擇要選有新意的、獨特的，這些可以從圖書、報紙、互聯網等信息媒介搜集素材，素材通常分為三類一一文字、圖片、影像。素材準備得越多越好，再從這些素材中粗中取細，以備制作網站時可以隨時拿來使用。總之，網頁內容是網站的根本，如果內容空洞，頁面制作的再怎么精美，仍然不會留住訪問者。

3.3運用網頁設計中的色彩不同的色彩搭配產生不同的效果，反映出不同網頁的文化內涵。因為它能產生強烈的視覺沖擊，所以確定網頁的色彩是相當重要的一步。在網頁的色彩設計上，除了要表現心理和感情聯想之外，還要考慮色彩的對比明暗、輕重、冷暖、調和色和純度對比色的應用等等。合理的用色可以讓信息的傳遞更有價值，使網頁更有效和地把信息傳達給我們的視覺。

4結語

網站的設計與制作談起來很簡單，但要制作出真正有創意、經典的網站不是一件容易的事情。網頁設計需要不斷的實踐，不斷的學習，不斷的豐富、創新網頁制作的方法，不斷完善、提高自己網站設計的能力。

作者：華磊許長安單位：黃淮學院

網站設計與制作論文:網站設計與制作課上翻轉課堂的運用

【摘要】隨著我國經濟實力的不斷上漲，網絡科技也逐漸進入大眾的視線，網絡教育也得到了新的發展。在全新的教育形勢下，網絡課程的開設已經越來越普遍。本文從網站設計與制作課程的教學現狀出發，闡述了新時代下新生的翻轉課堂的具體內涵，為我們展示了翻轉課堂運用于網站設計與制作的優勢與作用。

【關鍵詞】網站設計與制作課;翻轉課堂教學模式;應用

一、前言

翻轉課堂是隨著時代的發展，信息的普遍而新興的一種教學方式。它結合了傳統教學的優良之處，同時也融入了時代的元素，是網站設計與制作課程上的不二之選。翻轉課堂在網站設計與制作課的應用，是連接課前，課堂，課后的紐帶，人性化的課前指導，生動形象的教學視頻，自主學習的課堂氛圍都是它從眾多教學方法中脫穎而出的幾大優勢。而在實踐的檢驗和反思下，也證實了翻轉課堂應用于網站設計與制作的重要意義。

二、網站設計與制作課的教學現狀

由于目前為止我國網絡設計與制作課程開設時間相對較短，因此在很多方面仍然存在著一定的問題。通過對一些已經開設了該門課程的調查可以發現他們在網絡課程教學中存在著一些共同的問題。

1.教學手段老套，學生積極性低

學生在真實的情境中學習不僅能夠幫助學生調動已有的知識體系，同化到他們要學習到的新知識中，有效幫助學生理解知識點；還可以從根本上激發學生的積極性，將外在的學習動機轉化成主觀的學習意識，進而鍛煉學生的探究能力。但是目前大部分的網絡課程都是通過傳統的“說教”來達到理論知識的傳授，而不是導入與課程相關的情境來輔助學生進行學習和理解。這樣被動的學習是無法集中學生思維，提高課堂效率的。

2.可供學生學習的資源較少

網絡課程的主要學習方式是學生通過自主學習進行各種學習活動。但是在目前很多學校沒有為學生提供足夠的學習資源。在學校的資源庫中，大部分都是用于教師備課和教師備習題，學生可以利用的資源少之又少[2]。不僅如此，在有限的資源中，其內容大多是枯燥無味的。種種因素都限制了資源的共享性與交流性。

三、翻轉課堂的重要內涵

翻轉課堂是在新信息時代下誕生的一種全新的課堂模式。在課堂上，打破傳統的老師說學生聽，隨后布置作業，學生去完成的教學模式。而是在課前老師根據學習目標制定相應的學習視頻和學習資料，通過無線網的方式發送給學生，只需要學生去觀看視頻，自主地去完成對這些學習資源的提前學習。[3]在課堂中，師生之間面對面的，對學習內容中困惑之處進行探討和交流，以此達到課堂效率的較大化。

四、網站設計與制作課上翻轉課堂教學模式的優勢

顯而易見的是，翻轉課堂的學習模式顛覆了傳統的課堂模式，讓我國教育事業在經濟全球化的機遇下得到更加蓬勃的發展，網站設計與制作課程也迎來了新的發展契機。

1.轉變學習模式

傳統的教學是教師在課堂上傳授知識，學生在課后通過完成作業的方式進行自我復習和消化，但有部分學生因為在課堂上沒有掌握到位，課后作業的完成就會十分艱辛且效果不佳，課堂效率大大降低。而翻轉教學模式則是老師提前將學習內容發給學生，讓他們課前進行操作，在課堂上的時間就可以充分利用于解疑答惑，這于學生對知識點的吸收和掌握來說無疑是百利而無一害的。

2.轉換師生角色

在翻轉課堂模式下，師生之間的關系明顯地發生了一些明顯的變化。所有的學習過程幾乎都是由學生占主要地位，而教師由傳統的傳授者和管理者變成了學生的引導者和協作者。[1]教師的任務由傳統的課堂講解變成了課堂協助，幫助學生在進行網絡作業時加強對難點的理解，引導學生進行總結及應用，充分肯定了學生的主體性。

3.實現學生的個性化學習

每個學生在不斷的學習中，都會有適合于自己的學習方式和自己的學習興趣。但是傳統“一刀斷”的單一教學模式明顯無法滿足學生的個性需要。而翻轉教學中，每個學生都可以根據自身的具體情況來定制相應的學習計劃，對于課程學習能力強的可以將進度調快，而這方面學習能力較弱的則可以調慢點，強化基礎知識的學習。因此，翻轉課堂對學生可持續發展的幫助是傳統教學模式所無法比擬的。

五、總結

翻轉課堂教學模式升華了網站設計與制作教學的傳統模式，把以前零零散散的教學方式通過翻轉課堂的方式，改變了它條條框框的構架模式，應用自由的、輕松的視頻課件將學生帶回課堂，它涵蓋的知識面具有廣泛，是學生們獲得更為精彩豐富的課堂內容，當然，課前預習以及課后復習也成為這次改革的一個內容，反思自己學習的知識，研討學習任務也會是學生學習網站設計與制作的重要過程之一。通過這次改革，我國網絡設計與制作課程有了一個新的制高點。

網站設計與制作論文:網站設計與制作中模塊化教學的運用

摘要:在我國教育教學改革進程不斷深入的現階段，對于職業教育工作的開展也提出了越來越高的要求，特別是針對一些實踐性較強的課程，應積極轉變其教學模式；模塊化教學法作為一種以技能培訓為核心的教學模式，其強調的是理論和實踐二者的有機結合，在網站設計與制作課程中的應用表現出了顯著的成效，應對其予以高度的重視。

關鍵詞:網站設計與制作;模塊化教學;應用

一、前言

自進入到信息時代以來，互聯網領域的迅猛發展使得社會對計算機人才的需求量劇增，各個院校對于網站設計與制作等課程的教學也予以了高度的重視；然而，在網站設計與制作課程的教學過程中還存在“重理論，輕實踐”的問題，而模塊化教學法的提出與應用則有效的提高了教學有效性。基于此，本文圍繞網站設計與制作中模塊化教學的應用這一課題進行了淺析，希望為相關工作的開展提供參考。

二、模塊化教學法概述

模塊化教學法指的是將勞動力市場需求、崗位職業操作技能等作為依據，對教學內容進行分析和設計，將知識內容按照一定的邏輯關系劃分成幾個相對獨立的教學模塊，之后根據不同教學模塊的教學目標來確定教學方法、組織形式和考核方式等。與傳統的教學方法相比較而言，模塊化教學法具有以下幾點鮮明特征：首先，課程的設計以職業能力作為參考標準；其次，課程結構模塊式；再次，強調學生利用理論知識更好的完成實踐任務；，理論和實踐教學的實現是建立在具體化的工作任務布置的層面之上。

三、模塊化教學法在網站設計與制作中的應用

1.課堂教學

在網站設計與制作中應用模塊化教學法，其中每個模塊的教學流程都包括了明確技能要求、展示網頁效果、操作任務分析、課堂演示、實踐訓練、總結歸納等環節。課堂教學是模塊教學法的重要組成部分，教師需要幫助學生明確崗位職業技能要求和教學目標，打破傳統的灌輸式教學模式，在案例中實現理論知識的講授。例如，在開展《頁面布局》這一模塊的教學時，教師可以選擇社交網站、購物網站、視頻網站的網頁作為案例，對其進行剖析分解，將抽象的理論知識變得更加具體化，有利于學生的理解。

2.實踐教學

實踐教學是應用模塊教學法最為重要的一個部分，最為常見的方式就是任務驅動，結合網站設計、制作流程以及及各工序之間的銜接順序來安排教學流程，教師布置任務，由學生進行小組合作共同完成，在實際操作的過程中實現對知識的內化和技能的加強。

（1）劃分小組

在網頁設計與制作課程教學中，教師可將全班學生劃分成幾個小組，每組的學生人數應在5人左右為，并保障每個小組中學生的能力都較為平均，從中選取一名學生作為組長。

（2）確定任務

在《網頁制作》這一模塊當中，主要包括了文本和圖像、網頁布局、動感元素和超級鏈接以及表單網頁等子項目，教師應幫助學生明確其相對應的崗位的具體工作內容和能力要求，如“文本和圖像”部分的工作內容是提供創意文案和符合主題的圖像，要求學生應具有深厚的文字功底和想象力等；在此基礎上，教師為學生布置任務，即為一個購物網站設計主頁，小組通過討論確定網頁的風格特色等,并由組長組織為每個成員劃分各自所負責的部分。

（3）實踐操作

小組明確網頁制作的流程，學生根據自身的興趣和職業規劃選擇負責的部分，在此基礎上進行實踐操作；例如，負責文字和圖像部分的學生要提供創意文案，負責著色的學生結合網頁特征對需用到的色彩進行設定，負責二維或三維動畫設計的學生運用相關軟件（Flash、AE、Ps等）進行動畫或場景的制作；整體制作完成之后小組成員對網頁設計進行分析，對發現的問題或不足之處予以修整，全部完成之后上傳到班級共享群當中。

（4）總結評價

每個小組對設計的網站網頁進行講解，包括構思、主題和意義等，采取小組互評的方式選出的作品，對這一小組的學生給予適當的獎勵；之后組織學生進行實踐操作體會的溝通交流，教師針對學生操作過程中出現的問題或者是難點部分予以講解，幫助學生更好的掌握相關技能，完成模塊教學目標。應用模塊化教學法使得學生透徹的理解網站設計與制作的流程，提高自身技能水平滿足職業崗位需求。

四、結束語

綜上所述，模塊化教學法一方面構建了以學生為主體的教學模式，培養了學生的綜合素質能力，另一方面還有利于教學內容的更新和教學效果的優化，其在課堂教學中的應用具有重要的意義。網站設計與制作是一門實踐性較強的課程體系，在教學中應用模塊化教學法，教師應該對各個模塊的相關知識內容予以深入的挖掘，并將社會人才需求和專業技能需求等作為依據來選擇和設計教學內容，同時實現理論和實踐的融合，以此來提高課程教學的有效性。

網站設計與制作論文:設計與制作課程實踐

一、課程情況

《網站設計與制作》也是計算機各專業學生學習后續課程的基礎，比如學習基于網絡編程的動態網頁設計技術，學生畢業后可從事網絡軟件的設計與開發，進行商務網站的設計與制作，同時也可以考取網頁設計師、網絡軟件工程師等相關國家職業資格證書。開設該課程是復合我校關于“高素質、技能型人才”培養目標的需求的，通過該課程的教學，可以培養出一批的、能夠在一線工作崗位上從事網頁設計與制作、網站規劃、管理與維護工作的專業人才。基于該課程的主要工作崗位有：網站管理與維護人員、網頁設計與編輯人員、網站策劃人員及網頁美工人員等。

二、課程教學思路與教學方法改進

學生如果要很好得完成網站制作，所需的的知識體系非常龐雜，其中包括網絡基礎知識，網頁制作技術，平面設計和動畫制作等基本要素。具體涉及到網頁制作軟件，圖像處理軟件，動畫軟件，數據庫知識，腳本語言動態服務器編程技術等。教學內容比較多，知識點比較分散，而學時僅為48個學時，學習內容多而課時少。經過多年的教學活動的開展和經驗總結后，我們總結出一套適合高職學生教學方法，那就是使用任務驅動式的教學方法。我們以前的教學設計思路是：講授知識點———設計任務———監督學生完成———驗收，現在的教學設計思路是這樣的：實際工作任務導向———任務驅動———相關知識講授。老師在此教學思路中的角色：給學生布置一項工作（實際工作任務導向）———將工作轉變為一個任務（任務驅動）———通過任務引出知識點（知識學習）。學生在此教學思路中的角色：通過老師的引導，理解相關任務要求，繼而產生強烈的學習相關知識的興趣，在下一步的知識學習中就能很好地學習，掌握了相關知識后，馬上運用于實踐，完成老師布置的任務。通過該課程的教學，使學生最終能夠自主開發一個完整的網站，畢業后能夠直接從事企事業單位網站的開發設計與管理維護等工作。

三、課程體系內容重構

本課程性質是計算機系的基礎必修課，教學對象是全系各專業的大一學生，因此教學內容定位于靜態網頁的制作，以Dreamweaver軟件為主線，介紹靜態網頁設計和制作的基本技術,目前很多網頁教材是基于網頁三劍客的即Dreamweaver、photoshop和flash，然而當前課時條件和時間條件下，根本做不到三個軟件都講到位，事實上每個軟件分開都可成為一門課程，而網頁設計課程只能以網頁制作軟件Dreamweaver為主，其他軟件為輔，并且其他軟件制作的作品要與網頁密切相關為了解決內容多學時少的矛盾，有利于教學的開展和培養學生的動手能力，為此我們對教學內容重新進行了重構，圍繞Dreamweaver軟件講解網頁制作的方法和技巧，只有在制作圖像縮略圖、切片、按鈕、LOGO圖片等時候，才輔助其他軟件加工素材或者制作動畫。教學內容分為9個模塊:模塊一、網頁設計基礎；模塊二、頁面的基本操作；模塊三、簡單網頁的制作；模塊四、網頁的樣式設計；模塊五、實用HTML布局頁面；模塊六、實用DIV+CSS布局頁面；模塊七、制作多媒體頁面；模塊八、網頁交互設計；模塊九、網站的測試與管理。

四、總結

高職學生思維活躍，好動手，但是其學習基礎較差，沒有良好的學習習慣和學習方法，教師在實際的教學活動中應當充分發揮其優點，改變其缺點。在本課程的教學活動中，我們的教學思路和課程內容體系的重構都是圍繞這點來設置的，在實際的教學活動中取得了較好的教學效果。

作者：鐘永全 唐琴 單位：桂林電子科技大學職業技術學院

網站設計與制作論文:網站設計與制作教學應用研究

一、Moodle平臺《網站設計與制作》課程設計

1.學習資源

學習資源為學習者上機練習提供必要學習資源，根據教學內容和學習者特征為學習者提供經典學習資源，作為學習者上機練習的有益補充。課程平臺主要為學習者提供課程課件、相關軟件、課程案例、教學視頻、網站作品、網站設計與制作的素材、W3C組織官方網址等基本教學資源。在學習者上機練習過程中，遇到問題可以通過學習資源進行解決，減輕教師上機輔導的工作量。

2.學習活動

學習活動是學習者熟練掌握知識的主要途徑，教師根據教學內容特點和學習者認知結構，設置靈活的學習活動，每章節學習活動一般包括兩種類型，一類學習活動主要針對每個知識點設計的上機練習，主要考查學習者對基礎知識的掌握情況；另一類學習活動主要針對綜合性的項目，主要考查學習者對知識綜合應用的能力，這類學習活動主要通過Moodle平臺wiki協作學習完成。

3.學習論壇

學習論壇是師生之間、生生之間相互交流的良好渠道，同時也是學習者主要答疑渠道，針對兩類不同學習活動開啟不同討論主題，學習者可以圍繞討論主題展開討論，也可以發起討論主題。學習論壇可以及時解決學習者在學習過程中的困惑，也可以了解學生的想法和觀點。

4.作業提交與反饋

作業提交環節是學習者學習成果展示的有效途徑，通過作業提交可以及時了解學習者對所需知識點的掌握情況，同時也是教師輔導的主要依據，作業提交包括平時上機練習作業和綜合項目的作品。通過Moodle平臺作業提交時間限制功能，可以讓學習者在規定的時間內完成作業提交任務，教師及時給予點評，讓學習者了解學習中的不足，及時解決學習過程中存在的問題。

二、課程教學效果分析

采用問卷調查法對Moodle平臺教學效果進行調查分析，選取新疆昌吉學院物理系教育技術學專業本科1104班大三的學生作為研究對象，學生們具備相應的媒體操作能力，對Moo－dle平臺操作不存在技術困難。采用問卷星進行問卷發放，發放問卷29份，回收問卷28份，回收率為96．55％；問卷的有效率為100％。

1.學習者調查分析

對學習者在線學習進行調查發現，曾有過在線學習經驗的占到36．22％，沒有在線學習經驗的占到63．78％，從調查結果可以看出，大多數學習者沒有在線學習的經驗，可能會對課程平臺教學效果產生一定的影響。

2.Moodle平臺功能模塊分析

在線學習過程中，對學習者使用Moodle平臺最多的功能模塊進行調查發現：學習者使用最多的功能模塊是作業上傳占91．43％，其次是論壇模塊占48．57％，wiki協作學習模塊和個人blog模塊相對較少，分別占20％、5％。通過調查結果可以分析出，學習者對教師要求完成任務的功能模塊使用較多，沒有布置任務的功能模塊很少使用，在一定程度上，可以表明學習者處于被動學習狀態，自主學習能力不強。

3.課程平臺學習情況分析

筆者主要從學習興趣、時間投入、學習動因、學習資源、學習方式和問題解決方式等因素來分析Moodle課程平臺學習效果。對使用Moodle平臺學習本門課程是否能夠激發學習者學習興趣調查，有28．57％的學習者認為能夠激發學習興趣，有62．86％的學習者不確定是否能夠激發學習興趣，只有8．57％的學習者認為不能激發學習興趣。從調查結果可以分析出，小部分學習者認為Moodle平臺能夠激發學習本門課程的學習興趣，而大部分學習者不確定是否會激發學習興趣，其主要原因可能在于大部分學習者缺乏在線學習的經驗。

對課后每周學習時間投入情況調查，有95．86％的學習者在課后每周愿意花5小時以下時間利用平臺進行學習，只有4．14％的學習者在課后每周愿意花5小時以上10小時以下時間利用平臺進行學習。從調查結果可以分析出，課后絕大多數學生不會投入更多時間利用平臺進行學習。同時筆者還對利用平臺進行學習動因進行調查，有82．86％的學生者是因為有學習任務必須進行學習，有51．43％的學習者是為了查看資源是否有更新，有57．14％的學習者是為了查看是否有新任務，有4．43％的學習者是愿意利用平臺資源進行學習，由此可見，絕大多數學習者處于被動學習狀態，自主學習能力不強，可能因為長期接受傳統教育的結果，習慣被動學習狀態。對平臺提供的學習資源是否能夠滿足學習需要調查，有94．29％學習者認為平臺提供資源可以滿足學習需要，只有5．71％學習者認為平臺提供資源不能滿足學習需要，從結果可以分析出，絕大多數學習者對課程設計的資源比較滿意，只有少部分學習者認為不能滿足學習需要，可能跟學習習慣有關，喜歡聽從教師的安排與作業布置。對課程平臺學習過程中。喜歡學習方式調查，喜歡整堂課教師講授的學習者占到81．28％，喜歡小組協作學習的學習者占到10．15％，喜歡利用資源進行自主學習的學習者占到8．57％。

從調查結果可以分析出，絕大多數學習者喜歡傳統以教師講授為主的學習方式，只有少部分學生者喜歡小組協作學習和自主學習。對在使用課程平臺學習過程中遇到問題時，解決問題方式的調查，有94．29％的學習者直接求助同學和教師，有32．86％的學習者通過網上搜索，有25．71％的學習者會在論壇發帖求助。從調查結果可以分析出，在問題解決方式上，絕大多數學習者還是喜歡傳統解答方式。

三、結語

通過上述調查統計結果可以概括出，學習者受傳統教育影響較大，在一定程度上，學習者自主學習能力、協作學習能力不強，習慣聽從教師的安排和布置，結合上述學習者特點，建議教師在利用Moodle平臺進行課程設計過程中，應多考慮建構主義教學理念，通過以問題、情景、任務、項目等教學策略進行網絡課程的設計，讓學生者真正參與到課堂中，培養學習者自主學習能力、協作學習能力，才能真正發揮Moodle平臺在教學中的作用。

作者：張慧麗 王文惠 王建虎 單位：新疆昌吉學院 新疆師范大學教育科學學院

網站設計與制作論文:高職圖書館網站設計與制作

1設計理念

⑴符合高職的特點和實際情況。高職圖書館不同高校圖書館，高職圖書館具有獨特性，網站應結合圖書館的服務理念去建設，但高職圖書館面臨資源少、服務項目少的困境，我們如何對讀者提供有價值服務，需要館員們多年服務讀者過程中總結，才能給讀者一個滿意的網站。圖書館網站建設力圖把滿足讀者需求、方便讀者使用作為網站設計的根本出發點，網站的內容和設計要充分考慮到讀者的需求，一個受讀者喜歡并信賴的網站是建立于讀者明確需求的基礎上。

⑵不使用過多顏色，力求簡潔、清爽。色彩可以鮮艷一些，但不能雜亂。從審美角度看，在網站設計時，只使用三、四種相匹配的顏色就可以讓網站更為美觀了，應盡量避免使網站過于花哨，盡量不用或少用動畫、閃爍或滾動的文本。

⑶頁面應布局合理，盡量簡潔。一般來說，頁面的分辨率推薦1027x768，固定布局寬度來設計；按網站層級來設計布局，同一層級的布局盡可能統一。網站首頁布局應簡潔、大方，應把服務與資源充分顯示在首頁面上，可以采取JS滑動顯示的技術，容納更多的內容而不顯得擁擠。

⑷使用一致的設計元素。在網站的全部頁面上，都采用一致的字體與顏色，會使網站顯得更為統一和專業。同時在網頁的布局設計、術語或詞匯的使用，以及與用戶交互的方式使用等方面，也都應盡力保持這種一致性。圖書館主頁、OPAC頁面及二級頁面在功能菜單及色調上應盡量做到一致。

⑸圖書館的網站上應設計一個較醒目的給讀者發牢騷、提意見、問問題的窗口。

⑹網站整體導航清晰化。1）全局導航。全局導航也就是說可以幫助用戶隨時去到網站的任何一個欄目。并且能輕松跳轉到另一個欄目上。一般來說，全局導航的位置是固定的，這樣可以減少瀏覽者查找的時間。2）導航欄異化，直接的告訴用戶他身在何處。瀏覽則當前訪問的頁面所屬的導航，在網站建設中要進行特殊化處理，比如一家網站建設公司的網站導航，如果網站主導航顏色是藍色的，那么當用戶瀏覽到網站建設流程這個大欄目之下，那么網站建設流程這個欄目的導航應該換一種顏色或者做一種特殊的效果來進行體現，以區別與其他的導航。這樣瀏覽者就能夠非常的容易的識別到當前導航所在的位置。

2網頁制作——精益求精

⑴CSS樣式制作規范。為了開發后樣式名管理方便，請用有意義的單詞或縮寫組合來命名，一看就知道這樣式是哪一塊的，這樣就節省了查找樣式的時間。

⑵符合搜索引擎。在制作網站的過程中，應符合搜索引擎，以便讀者能搜索到圖書館網站。網站設計符合搜索引擎主要有兩個標簽：標題（title）、描述（description），寫法如下：<title>順德職業技術學院圖書館|順職圖書館|順大圖書館</title><metaname="Description"content="順德職業技術學院圖書館為了適應本館的持續發展和讀者不斷提高的需求，本網站圖文結合，內容豐富，層次分明來展示圖書館的資源和服務。"/>

⑶網站的擴展性及維護的便利性。站維護的便利性。網站后續維護的工作中，我們通過網站管理后臺權限的分配，把館內的各部門人員全部調動起來，各自負責各自的網站模塊。維護的內容包括四個方面：及時、網站各模塊內容的更新；第二、試用的數字資源的及刪除等；第三、圖書館業務中內容發生變化的相應更新；第四、網頁功能的修改升級或者特效的改造增加。

作者：周堪培 單位：順德職業技術學院

網站設計與制作論文:網站設計與制作的重構與實踐

一、課程教學思路與教學方法改進

學生如果要很好得完成網站制作，所需的的知識體系非常龐雜，其中包括網絡基礎知識，網頁制作技術，平面設計和動畫制作等基本要素。具體涉及到網頁制作軟件，圖像處理軟件，動畫軟件，數據庫知識，腳本語言動態服務器編程技術等。教學內容比較多，知識點比較分散，而學時僅為48個學時，學習內容多而課時少。經過多年的教學活動的開展和經驗總結后，我們總結出一套適合高職學生教學方法，那就是使用任務驅動式的教學方法。我們以前的教學設計思路是：講授知識點———設計任務———監督學生完成———驗收，現在的教學設計思路是這樣的：實際工作任務導向———任務驅動———相關知識講授。老師在此教學思路中的角色：給學生布置一項工作（實際工作任務導向）———將工作轉變為一個任務（任務驅動）———通過任務引出知識點（知識學習）。學生在此教學思路中的角色：通過老師的引導，理解相關任務要求，繼而產生強烈的學習相關知識的興趣，在下一步的知識學習中就能很好地學習，掌握了相關知識后，馬上運用于實踐，完成老師布置的任務。通過該課程的教學，使學生最終能夠自主開發一個完整的網站，畢業后能夠直接從事企事業單位網站的開發設計與管理維護等工作。

二、課程體系內容重構

本課程性質是計算機系的基礎必修課，教學對象是全系各專業的大一學生，因此教學內容定位于靜態網頁的制作，以Dreamweaver軟件為主線，介紹靜態網頁設計和制作的基本技術,目前很多網頁教材是基于網頁三劍客的即Dreamweaver、photoshop和flash，然而當前課時條件和時間條件下，根本做不到三個軟件都講到位，事實上每個軟件分開都可成為一門課程，而網頁設計課程只能以網頁制作軟件Dreamweaver為主，其他軟件為輔，并且其他軟件制作的作品要與網頁密切相關為了解決內容多學時少的矛盾，有利于教學的開展和培養學生的動手能力，為此我們對教學內容重新進行了重構，圍繞Dreamweaver軟件講解網頁制作的方法和技巧，只有在制作圖像縮略圖、切片、按鈕、LOGO圖片等時候，才輔助其他軟件加工素材或者制作動畫。教學內容分為9個模塊:模塊一、網頁設計基礎；模塊二、頁面的基本操作；模塊三、簡單網頁的制作；模塊四、網頁的樣式設計；模塊五、實用HTML布局頁面；模塊六、實用DIV+CSS布局頁面；模塊七、制作多媒體頁面；模塊八、網頁交互設計；模塊九、網站的測試與管理。

三、總結

高職學生思維活躍，好動手，但是其學習基礎較差，沒有良好的學習習慣和學習方法，教師在實際的教學活動中應當充分發揮其優點，改變其缺點。在本課程的教學活動中，我們的教學思路和課程內容體系的重構都是圍繞這點來設置的，在實際的教學活動中取得了較好的教學效果。

作者：鐘永全 唐琴 單位： 桂林電子科技大學職業技術學院

網站設計與制作論文:網站設計與制作課程體系實踐

一、課程情況

《網站設計與制作》也是計算機各專業學生學習后續課程的基礎，比如學習基于網絡編程的動態網頁設計技術，學生畢業后可從事網絡軟件的設計與開發，進行商務網站的設計與制作，同時也可以考取網頁設計師、網絡軟件工程師等相關國家職業資格證書。開設該課程是復合我校關于“高素質、技能型人才”培養目標的需求的，通過該課程的教學，可以培養出一批的、能夠在一線工作崗位上從事網頁設計與制作、網站規劃、管理與維護工作的專業人才。基于該課程的主要工作崗位有：網站管理與維護人員、網頁設計與編輯人員、網站策劃人員及網頁美工人員等。

二、課程教學思路與教學方法改進

學生如果要很好得完成網站制作，所需的的知識體系非常龐雜，其中包括網絡基礎知識，網頁制作技術，平面設計和動畫制作等基本要素。具體涉及到網頁制作軟件，圖像處理軟件，動畫軟件，數據庫知識，腳本語言動態服務器編程技術等。教學內容比較多，知識點比較分散，而學時僅為48個學時，學習內容多而課時少。經過多年的教學活動的開展和經驗總結后，我們總結出一套適合高職學生教學方法，那就是使用任務驅動式的教學方法。我們以前的教學設計思路是：講授知識點———設計任務———監督學生完成———驗收，現在的教學設計思路是這樣的：實際工作任務導向———任務驅動———相關知識講授。老師在此教學思路中的角色：給學生布置一項工作（實際工作任務導向）———將工作轉變為一個任務（任務驅動）———通過任務引出知識點（知識學習）。學生在此教學思路中的角色：通過老師的引導，理解相關任務要求，繼而產生強烈的學習相關知識的興趣，在下一步的知識學習中就能很好地學習，掌握了相關知識后，馬上運用于實踐，完成老師布置的任務。通過該課程的教學，使學生最終能夠自主開發一個完整的網站，畢業后能夠直接從事企事業單位網站的開發設計與管理維護等工作。

三、課程體系內容重構

本課程性質是計算機系的基礎必修課，教學對象是全系各專業的大一學生，因此教學內容定位于靜態網頁的制作，以Dreamweaver軟件為主線，介紹靜態網頁設計和制作的基本技術,目前很多網頁教材是基于網頁三劍客的即Dreamweaver、photoshop和flash，然而當前課時條件和時間條件下，根本做不到三個軟件都講到位，事實上每個軟件分開都可成為一門課程，而網頁設計課程只能以網頁制作軟件Dreamweaver為主，其他軟件為輔，并且其他軟件制作的作品要與網頁密切相關為了解決內容多學時少的矛盾，有利于教學的開展和培養學生的動手能力，為此我們對教學內容重新進行了重構，圍繞Dreamweaver軟件講解網頁制作的方法和技巧，只有在制作圖像縮略圖、切片、按鈕、LOGO圖片等時候，才輔助其他軟件加工素材或者制作動畫。教學內容分為9個模塊:模塊一、網頁設計基礎；模塊二、頁面的基本操作；模塊三、簡單網頁的制作；模塊四、網頁的樣式設計；模塊五、實用HTML布局頁面；模塊六、實用DIV+CSS布局頁面；模塊七、制作多媒體頁面；模塊八、網頁交互設計；模塊九、網站的測試與管理。

四、總結

高職學生思維活躍，好動手，但是其學習基礎較差，沒有良好的學習習慣和學習方法，教師在實際的教學活動中應當充分發揮其優點，改變其缺點。在本課程的教學活動中，我們的教學思路和課程內容體系的重構都是圍繞這點來設置的，在實際的教學活動中取得了較好的教學效果。

作者：鐘永全 唐琴 單位：桂林電子科技大學職業技術學院

網站設計與制作論文:網站設計與制作課翻轉課堂教學模式

【摘要】隨著我國經濟實力的不斷上漲，網絡科技也逐漸進入大眾的視線，網絡教育也得到了新的發展。在全新的教育形勢下，網絡課程的開設已經越來越普遍。本文從網站設計與制作課程的教學現狀出發，闡述了新時代下新生的翻轉課堂的具體內涵，為我們展示了翻轉課堂運用于網站設計與制作的優勢與作用。

【關鍵詞】網站設計與制作課；翻轉課堂教學模式；應用

一、前言

翻轉課堂是隨著時代的發展，信息的普遍而新興的一種教學方式。它結合了傳統教學的優良之處，同時也融入了時代的元素，是網站設計與制作課程上的不二之選。翻轉課堂在網站設計與制作課的應用，是連接課前，課堂，課后的紐帶，人性化的課前指導，生動形象的教學視頻，自主學習的課堂氛圍都是它從眾多教學方法中脫穎而出的幾大優勢。而在實踐的檢驗和反思下，也證實了翻轉課堂應用于網站設計與制作的重要意義。

二、網站設計與制作課的教學現狀

由于目前為止我國網絡設計與制作課程開設時間相對較短，因此在很多方面仍然存在著一定的問題。通過對一些已經開設了該門課程的調查可以發現他們在網絡課程教學中存在著一些共同的問題。

1.教學手段老套，學生積極性低

學生在真實的情境中學習不僅能夠幫助學生調動已有的知識體系，同化到他們要學習到的新知識中，有效幫助學生理解知識點；還可以從根本上激發學生的積極性，將外在的學習動機轉化成主觀的學習意識，進而鍛煉學生的探究能力。但是目前大部分的網絡課程都是通過傳統的“說教”來達到理論知識的傳授，而不是導入與課程相關的情境來輔助學生進行學習和理解。這樣被動的學習是無法集中學生思維，提高課堂效率的。

2.可供學生學習的資源較少

網絡課程的主要學習方式是學生通過自主學習進行各種學習活動。但是在目前很多學校沒有為學生提供足夠的學習資源。在學校的資源庫中，大部分都是用于教師備課和教師備習題，學生可以利用的資源少之又少[2]。不僅如此，在有限的資源中，其內容大多是枯燥無味的。種種因素都限制了資源的共享性與交流性。

三、翻轉課堂的重要內涵

翻轉課堂是在新信息時代下誕生的一種全新的課堂模式。在課堂上，打破傳統的老師說學生聽，隨后布置作業，學生去完成的教學模式。而是在課前老師根據學習目標制定相應的學習視頻和學習資料，通過無線網的方式發送給學生，只需要學生去觀看視頻，自主地去完成對這些學習資源的提前學習。[3]在課堂中，師生之間面對面的，對學習內容中困惑之處進行探討和交流，以此達到課堂效率的較大化。

四、網站設計與制作課上翻轉課堂教學模式的優勢

顯而易見的是，翻轉課堂的學習模式顛覆了傳統的課堂模式，讓我國教育事業在經濟全球化的機遇下得到更加蓬勃的發展，網站設計與制作課程也迎來了新的發展契機。

1.轉變學習模式

傳統的教學是教師在課堂上傳授知識，學生在課后通過完成作業的方式進行自我復習和消化，但有部分學生因為在課堂上沒有掌握到位，課后作業的完成就會十分艱辛且效果不佳，課堂效率大大降低。而翻轉教學模式則是老師提前將學習內容發給學生，讓他們課前進行操作，在課堂上的時間就可以充分利用于解疑答惑，這于學生對知識點的吸收和掌握來說無疑是百利而無一害的。

2.轉換師生角色

在翻轉課堂模式下，師生之間的關系明顯地發生了一些明顯的變化。所有的學習過程幾乎都是由學生占主要地位，而教師由傳統的傳授者和管理者變成了學生的引導者和協作者。[1]教師的任務由傳統的課堂講解變成了課堂協助，幫助學生在進行網絡作業時加強對難點的理解，引導學生進行總結及應用，充分肯定了學生的主體性。

3.實現學生的個性化學習

每個學生在不斷的學習中，都會有適合于自己的學習方式和自己的學習興趣。但是傳統“一刀斷”的單一教學模式明顯無法滿足學生的個性需要。而翻轉教學中，每個學生都可以根據自身的具體情況來定制相應的學習計劃，對于課程學習能力強的可以將進度調快，而這方面學習能力較弱的則可以調慢點，強化基礎知識的學習。因此，翻轉課堂對學生可持續發展的幫助是傳統教學模式所無法比擬的。

五、總結

翻轉課堂教學模式升華了網站設計與制作教學的傳統模式，把以前零零散散的教學方式通過翻轉課堂的方式，改變了它條條框框的構架模式，應用自由的、輕松的視頻課件將學生帶回課堂，它涵蓋的知識面具有廣泛，是學生們獲得更為精彩豐富的課堂內容，當然，課前預習以及課后復習也成為這次改革的一個內容，反思自己學習的知識，研討學習任務也會是學生學習網站設計與制作的重要過程之一。通過這次改革，我國網絡設計與制作課程有了一個新的制高點。

網站設計與制作論文:個人生活網站設計與制作

1素材準備

素材的準備是制作網站的基本條件，只有準備好必備的素材，才能夠快速的制作網站，而不會浪費不必要的時間和精力。準備網站的素材不僅要從網站的各個欄目的規劃考慮，也要考慮各個頁面用到的圖片、內容、特殊效果等等，具體的網站有:網頁大寶庫、懶人圖庫、素材精品屋等。準備好素材以后，需要對文本、圖片、樣式、特效等進行基本的處理，同時還要將素材進行分類，具體分類文件夾如：images、flash、music、style。

2首頁制作

首先把整理好的素材分別放在images、flash、music三個文件夾下。建立站點1）打開Dreamweaver軟件。2）單擊“站點”菜單，進行“新建站點”操作。3）在站點定義對話框中輸入網站名稱“mywebsite”，本地根目錄文件夾”是指你網站保存的磁盤路徑，選擇d:\myweb后，單擊“確認”按鈕。4）經過以上基本操作，一個站點就建立好了。5）把images、flash、music三個文件夾剪切到站點文件夾下，再新建html文件夾。6）右鍵單擊“站點”面板中根目錄下的html文件夾，新建網頁首頁文件，命名為”index.html”。7）打開首頁文件index.html進入編輯狀態。8）建立表格，使表格居中對齊。表格居中代碼如下：<tablewidth="800"height="712"border="0"align="center"bordercolor="#000000"><tr><thheight="218"scope="col">&nbsp;</th></tr></table>9）點擊表格內部在執行菜單中，插入——媒體——flash。10）同樣的方法插入flash背景音樂文件未命名-5.swf。11）點擊修改——頁面屬性——外觀——背景圖像，單擊瀏覽選擇所需背景圖片。

3模版的建立

1）首先建立一個大表格并且使表格居中，接著制作嵌套表格,使用插入表格命令，在大表格內插入所需行數和列數表格，設置寬度百分比“Percent”（百分比），在文本框中輸入100，單擊“OK”，所插入的表格剛好充滿及時個單元，然后插入一行三列的表格，左右分別為100寬居中表格寬度為600，再居中嵌入一行七列的導航欄和一列的文本內容欄。2）表格嵌套完成后開始編輯導航條，首先輸入導航文字內容，給每欄文字分別添加鏈接為【#】點擊導航條表格的<table>，在屬性菜單下編輯邊框大小為3、顏色為#FFCC99。選擇執行菜單中，頁面屬性——鏈接，設置文字鏈接，添加鏈接效果：鏈接顏色與已訪問鏈接顏色為#ffcc99變換圖像鏈接顏色為#ffff00，下劃線樣式為僅在變換圖像是顯示下劃線。3）添加網頁背景圖案，頁面屬性——外觀——背景圖像，選擇好事先存放在images里的背景圖案。4）添加table中的背景圖案，單擊<table>在屬性中選擇背景圖像，添加圖像，這樣模板就完成了。

作者：胡旭 單位：遼寧林業職業技術學院

網站設計與制作論文:藏飾商務網站設計與制作

1　電子商務

電子商務（Electronic　Commerce，EC）是一種新型的電子方式的商務貿易活動，它與傳統的商務貿易活動相比，既有相似之處，又有明顯的區別．電子商務可以簡單地解釋為：利用便利、快捷和低成本的電子信息技術和手段進行的商貿活動．目前大家所討論的電子商務主要是利用EDI（電子數據交換）和Internet（因特網）來完成的．因此，也可以說電子商務是計算機網絡技術在商務活動中的應用［1］．一般而言，電子商務包括生產、流通、分配、交換和消費等環節中所有活動的電子信息化處理．電子商務活動包括通過互聯網進行的交易和商務活動、通過增值網絡進行的電子交易和服務（如通過EDI進行采購和報關等），以及通過連接企業或機構的計算機網絡發生的交易和服務．中國的電子商務已經出現“多元化”發展趨勢，專業化行業網站將有一個迅猛的發展，符合區域發展特色的電子商務、綜合的電子商務生態系統也將得到快速發展、電子商務的國際化將受到高度關注．因此，作者設計并實現了藏飾品電子商務網站，為發展本區域民族特色經濟具有實際意義．

2　網站整體功能

2．1　建站目的

建設藏飾品電子商務網站的目的是為了擴大藏族文化在電子商務領域的影響力，打造一個具有地域風情、具有西藏、青海藏族風情特色、具有民族文化氣息的藏族飾品電子商務平臺，旨在改進傳統的藏族飾品銷售方式，將先進的、基于互聯網的電子銷售方式融進藏飾品的銷售中去，讓更多的藏飾品生產廠家獲得更大的效益和影響力，讓他們認識到做基于Web的電子商務的重要性和必要性，使整個有關藏族特色的電子商務在互聯網上繁榮昌盛，最終為大力發展區域民族特色經濟助一臂之力．

2．2　網站平臺

在該設計中，作者選用的是ASP應用服務器技術和SQL數據庫的組合方式．ASP全名Active　ServerPages，意為“動態服務器頁面”，是微軟公司開發的代替CGI腳本程序的一種應用，它可以與數據庫和其它程序進行交互，是一種簡單、方便的編程工具，利用它可以產生和運行動態的、交互的、高性能的WEB服務應用程序．ASP采用腳本語言VB　Script（Java　script）作為自己的開發語言．

2．3　網站架構

本網站架構采用B／S模式．B／S（Browser／Server）結構即瀏覽器和服務器結構，它是隨著Internet技術的興起，對C／S結構的一種改進的結構．在這種結構下，用戶工作界面是通過WWW瀏覽器來實現，極少部分事務邏輯在前端（Browser）實現，但是主要事務邏輯在服務器端（Server）實現，形成所謂三層3－tier結構．相對于C／S結構屬于“胖”客戶端，需要在使用者電腦上安裝相應的操作軟件來說，B／S結構是屬于一種“瘦”客戶端，大多數或主要的業務邏輯都存在服務器端，因此，B／S結構的系統不需要安裝客戶端軟件，它運行在客戶端的瀏覽器之上，系統升級或維護時只需更新服務器端軟件即可，這樣就大大簡化了客戶端電腦載荷，減輕了系統維護與升級的成本和工作量，降低了用戶的總體成本．

2．4　藏飾品

建設藏飾品商務網站旨在展示和銷售藏民族特色商品．首先，藏族的特色體現在他們的衣著也即藏袍中，因此必須設立一個衣服（藏袍）的商務單元；其次，在藏民族同胞穿著的藏服中，一般掛有藏民族特色的飾品，而且藏族首飾以其特殊的民族文化、神秘的文化背景強烈吸引著消費者，所以第二個商務單元確立為首飾；再次，藏民一般游牧于大草原中，而他們的家也隨著家族的游牧而搬遷，所以藏族人的住所、住所里擺放的家具、使用的器皿也別具特色，那么由此確立第三、四個商務單元分別為：家具和器皿；另外，“扎西德勒”是藏語中的“你好”的意思，通常藏族同胞對外胞表示友好和贊賞時對他說“扎西德勒”，同時敬獻上藏族的特色禮物哈達，所以將哈達作為第五個商務單元；，“唐卡”是藏族的一種壁畫藝術，藏族壁畫中包含有藏族的歷史和藏族的文化等元素，是藏民族的精神領袖，所以選壁畫作為第六個商務單元．

3　網站建設

3．1　Web站點建設

作者通過Adobe　Dreamweaver　CS3建立了該站點，具體步驟為：執行“站點／新建站點”，在彈出的對話框中建立一個“服務器模型”為“ASP　Vbscript”、“訪問類型”為“本地／網絡”、“測試服務器文件”為“D：＼藏飾品電子商務網站”的站點．完成了這一步，以后制作的網頁文檔就保存在所建的站點中，并上傳到測試服務器．

3．2　數據庫創建

一個基于B／S模式的網站僅有瀏覽器是遠遠不夠的，必須要有服務器的支持才能被稱為B／S，因此使用SQL　SEVER　2000來作為數據庫系統的支持．具體步驟為：安裝并打開SQL　SEVER　2000數據庫，在數據庫中新建一個名稱為“My　EC”（數據庫名稱的命名沒有硬性的要求，EC即電子商務）的數據庫，并分別新建“用戶表”、“后臺管理員表”以及如上所述的6大商務單元表．這些不同的表分別完成不同的功能，用戶表完成添加、查詢、修改、刪除等用戶信息的功能；后臺管理員表用于保存后臺管理員的用戶名和密碼等的相關信息；6大商務單元表則動態鏈接到Browser（瀏覽器）中，修改了數據庫中的表就同樣修改了瀏覽器中的商務單元的相關屬性和方法，商家在進行對商品的進、存、銷的操作時，直接操作數據庫中表的元素就可以了，不必對前臺進行修改．

3．3　網頁布局設計

WEB站點和數據庫搭建好以后，進一步的操作就是網站布局設計．在Adobe　Dreamweaver　CS3中設計網頁時，首先要對網頁進行整體的布局，具體步驟為：在“查看／表格模式”菜單命令項，選中“布局模式”，在“插入”欄中會出現繪制布局表格的圖標，單擊“繪制布局表格”，繪制一個寬度為985的布局表格，使之居中對齊，然后在該布局表格中，分別繪制出導航、LOGO、圖片布局及功能等布局表格，如圖1所示．

3．4　數據庫的連接

網站布局設計完成以后，便要實現網站功能與數據庫系統的連接了，在Adobe　Dreamweaver　CS3中，是通過表單和SQL　Sever數據庫進行連接的．要實現用戶的登陸功能，首先在Login．asp文件中新建一個表單，以便將表單中的數據傳輸到數據庫服務器中，在表單中分別新建兩個文本域和兩個按鈕，用于傳輸用戶所輸入的數據至數據庫服務器中．建好表單以后，開始配置Microsoft　ODBC　SQL　Server　DSN，在“綁定”中綁定查詢的記錄集，連接到已建立好的DSN上，查詢過程中使用的是SQL語句進行查詢SELECT ＊FROM　dbo．denglu，單擊“測試”，如果能正確顯示出數據庫中的基本信息，則說明SQL語句無差錯，記錄集綁定成功.

3．5　用戶登陸功能的實現

要實現用戶的登陸功能，在服務器行為中添加一個插入記錄，連接到綁定的DSN中，插入到數據庫的用戶表中，每個文本域分別對應不同的字段名，登陸成功跳轉至登陸成功界面，登陸未成功則跳轉至登陸未成功界面．在瀏覽器的登陸頁面，為提醒用戶保護好自己的用戶名和密碼，可以加入相關的提醒．如果用戶登陸是在數據庫實現查找功能，那么用戶注冊則是在數據庫中實現插入功能．在頁面右下角的文件中新建一個Register．asp注冊頁面，新建表單放入應放的文本域textfield1、2、3、4、5，插入button1和2，綁定記錄集到數據庫中的用戶表，單擊服務器行為選擇插入記錄，將依次的文本域插入到數據庫依次的表中去，再將But－ton1的名稱改為“注冊”，選為“提交表單”，便完成了由表單向數據庫插入記錄的功能．

3．6　網站后臺功能

本藏飾品電子商務網站還設計了后臺程序，供網站管理人員來管理網站商品的基本信息，只需要用所提供的管理員帳號和密碼即可進行網站后臺功能的使用．后臺管理系統提供兩種基本功能，一是Insert插入功能，一是Update修改功能，即向數據庫中插入商品信息和修改商品信息．鍵入帳號和密碼進入后臺管理系統，在Adobe　Dreamweaver　CS3中，只需在綁定了記錄集后，將服務器行為設置為插入數據，那么這個選中的表單就能從文本域中向數據庫中添加數值了．完成這步，藏飾品電子商務網站的基本框架都已全部完成，再進行具體的網站建設操作就可以了，例如設置圖片大小格式、設置網頁布局頁面規范、美觀以及設置網頁效果人性化等等．在完成了與數據庫的連接以后，將數據庫中的文件存入根目錄的Data文件夾中，將網站的后臺文件存入根目錄的Admin文件夾中，將圖片文件存入根目錄的Img文件夾中，網站的主文件保存入根目錄中即可．

4　數據庫中表和商品的關系

該藏飾品電子商務網站只集成了六款商品的交易，如果商戶有新的商品項，可以隨時添加．針對六款商品，建了6個數據庫表來存放相應的商品項，分別是：dress表、shoushi表、jiaju表、qimin表、hada表和bihua表．表中現已分別有了現成的“商品”，并且每款商品都有各自的圖片在瀏覽器中顯示．商品號、商品名稱、商品描述、商品單價和庫存量都顯示的是數據庫表中的數值，也就是數據庫中的“商品”，商戶如果有新的商品上架，只需要在數據庫表中修改相應選項，不必要在瀏覽器端修改，如果一件商品被成功交易，商戶即在數據庫中刪除相應數據庫表中的值即可，不需要在瀏覽器端進行刪除［2］．

5　數據庫中表和交易的關系

用戶在確定購買以后，在收獲信息的頁面中填寫相應的信息（如圖2所示）．如收貨人的省分、城市、區縣、郵政編碼、街道地址、收貨人姓名、手機號碼等信息，用戶輸入的值，會傳到數據庫的中shouhuo表中．商戶只需要查看shouhuo表中的信息，就可以確定發貨信息，從而根據此信息給顧客發貨．這樣便完成了電子商務交易中的“買賣”工作．

6　結束語

該藏飾品電子商務網站實現了瀏覽器與數據庫的動態鏈接；網站整體布局合理，頁面整體風格簡潔明了；設計中所有素材均精心收集并經過PhotoShop加工；在一定程度上實現了后臺管理功能．但是，與專業的電子商務網站相比，該網站并不成熟，尚有待改進．例如，在用戶登陸功能方面，可以加入更詳細的用戶信息和更人性化的權限登陸條件；在數據庫設計中，可以加入更貼近現實社會、更的數據完整性；在購物車功能中，實現網銀功能等等．作者在將來的設計中，會逐步實現．

網站設計與制作論文:網站設計與制作教學模式探討

一、課程教學模式的研究

1．以實際工作過程為主線

無論是課程內容的選取，還是教學內容的組織，始終圍繞實際網站設計與制作工作的過程及內容，以實際工作流程為教學內容和教學組織順序，將課程融于實際工作需求中，突出了技能和素質的培養。

2．工作任務的真實性

課程實訓中提交給學生的實訓企業資料，均是以來自于實踐一線的真實業務為基礎，經過校企雙方精心組織挑選。要求學生完成網站調研、網站建設方案書的撰寫、網站的設計與制作等，與實際網站設計與制作崗位的工作情況相同。因此通過完成相應的任務而讓學生掌握的相關知識、操作方法和操作技能，真實地反映了網站設計與制作崗位的能力和素質需求。

3．“教學做”合一

在課程教學中以學生為主體的工作導向式教學，教學的主線是指導學生完成實際網站設計與制作業務操作與管理工作，引導學生通過實踐來掌握操作方法和技能，通過操作來學習相關知識，從而將教、學、做有機地結合，突出教學的職業性、實踐性特點。通過以上教學模式的創新，成功地將網站設計與制作崗位搬上了課堂，從而真正做到讓學生通過該課程樹立企業網絡形象觀念，掌握網站設計與制作工作的基本流程、步驟、內容及操作方法，具備獨立完成一個小型企業的網站設計與制作工作的能力。

二、課程教學方法和手段

在課程教學中靈活運用了多種教學方法和手段，增強了學生學習的興趣，提高了學生學習的主動性和積極性。

1．教學方法的選擇和使用

結合課程的性質和要求，我們采用了案例教學法、任務驅動法、角色扮演法、現場調研、仿真學習和作品展示法開展教學活動。

(1)案例教學法

在教學中，我們與企業合作，由企業提供典型的網站設計與制作案例。在具體的教學活動中，通過組織學生進行問題分析、相互解答和自由互辯，再由教師和企業兼職教師共同引導，由此掌握不同類型網站建設的方法和技巧。

(2)任務驅動法

在教學過程中，基于資訊、決策、計劃、實施、檢查、評估六步法，我們組織學生每6人成立一個虛擬的網站建設公司，設置各工作崗位，包括美工、程序等真實崗位，并在內部實現輪崗交替，讓學生能夠在教師的指導下按照真實工作任務的要求完成每個學習情境的學習任務。

(3)角色扮演法

學生在虛擬網站企業中分別扮演網站設計師、程序員、網站美工、匯報人等不同的角色，在不同的學習情境中進行角色轉換，使學生在情境模擬、循環和反復的過程中，加深對網站設計與制作工作任務的理解，提升操作與管理能力。

(4)現場調研

根據學習的需要我們安排學生分小組進入真實企業進行現場調研，或者邀請企業兼職教師進校講解分析，學生根據調研得出網站建設的目標，完成網站建設方案書，設計并制作網站，提升學生吃苦耐勞、團隊協作、溝通交流等素質。

(5)仿真學習

電子商務專業配有仿真實訓室和創業實訓室，實訓室配以公司真實的經營環境，為學生提供真實的電子商務企業經營的過程。學生可以通過組成公司，以輪崗分流、小組間對抗等方式，獲得電子商務企業經營的寶貴經驗。每個學習任務在實訓室實現仿真訓練，學習內容、學習過程、學習環境均與實際工作保持一致。

(6)作品展示法

在教學中組織學生欣賞往屆學生的作品，激賞學生的學習興趣，并在任務進行到一定的程度時，舉辦班上同學的作品展示，讓班上同學相互欣賞、由企業兼職教師討論并分析作品的優點和不足之處。通過作品展示法，學生可以通過對比，了解自己作品的優點和不足之處，同時加強了網站評估的能力。

2．教學手段

針對如何有效開展教學活動，我們采用了校企聯合授課、舉辦專題講座、通過多媒體化、信息化、網絡化組織教學和通過舉辦技能競賽開展教學。

(1)校企聯合授課

課程實行“雙課程組負責人”制，企業專家與校內專職教師共同擔任課程開發的負責人。企業專家參與課程的開發設計并承擔學習任務設計工作，企業人員擔任指導教師參與實踐學習，學時比例達50%以上，課程組專兼職教師比例為1∶1。此外，由于網站設計與制作工作涉及到Photoshop廣告設計、網頁設計與制作、數據庫等多方面的知識與技能的學習和運用，本課程整合校內外教學資源，采取校企聯合授課的形式組織教學，受到學生好評。

(2)舉辦專題講座

教學中定期邀請企業專家為學生開展專題講座，向學生講解職業生涯中的精彩案例，通過分享經驗、帶來新鮮的工作任務，提高學生對網站設計與制作工作崗位的了解和熱愛。

(3)多媒體化、信息化、網絡化教學

教學中利用實訓室，讓學生在仿真的職場環境中實踐。同時，我們在校園網上建立了動態網站設計與制作課程的課程網站，上傳了豐富的教學資源，包括:1)完備的教學文件，包括教學大綱、任務單、實訓教材、電子教案等。2)教材中配套練習題及參考答案，理論及實務考試樣題、參考答案，以滿足不同層次學生的自主學習需求。3)輔助教學資源，包括與本課程有關的以音頻、視頻、文檔等多種形式表現的教學輔助資料，如網站設計與制作、網頁特效技能操作的示范錄像、電子商務相關的從業資格考試的近期考試信息等。4)課程剖析，包括課程的定位、課程設計理念與思路、教學內容及組織、教學方法手段等。5)教學展示，包括主講教師的相關資料、各界對課程評價、工學結合的項目作品等。學生還可以通過課程網站自主學習。學生可以在實地調研之后，利用網絡輔助查找未了解的資料，完成資訊、計劃等環節，提高學生學習的自主性和效率。

(4)技能競賽

將行業技能競賽和專業技能競賽納入素質拓展平臺，以賽促學極大地提高了學生的學習積極性，通過舉辦主題網站設計等比賽，加深了學生對專業的認識，提高了學生對知識的理解和對技能熟練度的操作，另外，通過鼓勵學生積極參加全國電子商務專業大賽，增強了學生的應變能力和創新能力。

三、實施中的反思和總結

在這幾年的教學過程中，筆者發現以上教學方法和手段，雖然很多課程都在提倡或是已經在教學中使用，但不同的課程都具有各自的課程特色，同樣的教學方法，在具體實施過程中可以產生出不同的具體實施手段，讓其發揮出更大的功效。例如:

1．校本教材的編訂和使用

校本教材的編訂和使用，對課程改革成果的沖擊是巨大的和顯著的。以筆者的親身感受來講，與企業共同編訂的校本教材，加上配套使用的任務單，是針對學校現狀、學生實際情況編訂出來的，因此工作過程更加符合實際情況，也更加具有工作過程系統化的特色。通過任務單來引導工作過程，配合校本教材中的知識點和技能點，更加有利于學生進行系統化學習。

2．小組學習討論法和二人搭檔檢查法相互配合使用

在學習過程中，我們需要組織學生分成小組進行問題的討論和解決，這主要是為了鍛煉學生分析問題、解決問題的能力，以及增進團隊協作意識。但是小組學習討論法的缺點便是不能做到點對點交流，個別人容易產生怠倦的情緒，甚至有人“濫竽充數”。在這些年的教學過程中，針對動態網站設計與制作課程筆者發現，課程因為需要進行程序編寫和調試，大量的代碼容易讓人產生視覺疲勞，因此許多學生在課程中容易產生眼酸、眼疲勞等情況，加之程序代碼枯燥無味、人與人之間缺少交流，許多學生容易產生學習疲勞。另外小組長個人工作壓力大，很難督促全組人員的學習進度，不能保障學習質量和學習效果，因此單純的小組學習討論法并不能有效地推動全班的學習進度。針對這種情況，筆者嘗試讓每位同學都在另一個小組尋找一位搭檔，兩人相互共同學習和檢查。學習過程中，每個小任務在指定的時間內，先由自已獨立思考和完成，然后搭檔雙方都交換位置，由搭檔來檢查對方的完成情況并進行糾錯，這種方法一方面學生讓起立活動了筋骨，另一方面由他人的視角來檢查問題往往更加能夠一針見血，效果加倍。同時，一對一的搭檔學習即保障了學習質量，也增進了同學之間的友誼。此外，這種搭檔學習方法能夠減輕小組長的工作壓力，不論是學習、檢查和評價，兩人的雙向交流都是及時的、認真的和有成效的。在動態網站設計與制作課程中，小組學習討論法和二人搭檔檢查法是卓有成效的。

3．合理的設計知識歸納和總結

在教學活動中要培養學生知識歸納和總結的習慣，是必不可少的。在《動態網站設計與制作》課程的學習任務中，每個情境都設計了對應的小任務，每次任務在檢查和評價之后，由教師或是小組長帶領同學先進行本次任務的知識歸納，總結學到的知識和技能，再進行本次任務的感受總結，例如任務中是因為粗心打錯字符而導致程序調試失敗等原因，是教師對學生在本次任務中的表現進行評價。通過每次任務都進行相應的知識歸納和總結，有效地對學生的知識做了系統化整理，并加深了對知識和技能的理解。

四、結語

筆者經過這幾年不斷累積教學經驗，已經完成了校本教材和配套任務單的編訂，并且逐步摸索出適合本課程的教學模式、教學方法和手段，同時也意識到，教師課堂氣氛的駕御能力對提高學生的學習興趣是非常重要的，這需要教師經驗豐富、知識淵博，并且自身詼諧風趣，才能更好地促進課堂教學氣氛。因此，除了尋找更加適合課程特色的教學方法和手段，教師也需要提高和加強自身綜合素質，才能更加勝任高職教師的崗位。

作者：郝靜楊波單位：湖北工業職業技術學院經濟貿易系

網站設計與制作論文:計算機組成原理CAI教學網站設計與制作

摘要：本文設計的計算機組成原理課程教學網站采用了目前流行的.net技術，在網站中引入了Web Services、XML等具有良好擴展性的技術，頁面布局采用DIV+CSS，利用訪問數據庫。網站教學內容設置雙語教學部分，并利用flash技術建立虛擬實驗室，模擬實際實驗環境。該網站適應現代教育的需要，對教師的教學改革及促進學生的自主學習有積極的意義。

關鍵詞：計算機組成原理；CAI教學網站；

中圖分類號：G642文獻標識碼：A文章編號：1009-3044(2008)21-30575-02

The Design and Development of Computer Organization CAI Teaching Website

ZOU Ming-liang

(Department of Electronics and Computer Science, Guilin University of Technology, Guilin 541004, china)

Abstract: The designs of computer organization CAI teaching website in the article has used the present popular .net technology, introduced Web Services, XML in the website and so on to have the good extended technology, the page layout uses DIV+CSS, using visit database, website course content establishment bilingual education part, and using flash technology establishment hypothesized laboratory, simulation actual experiment environment. This website adaptation modern education's need, the educational reform to the teacher and promotes student's independent study having the positive significance.

Key words: principle of computer organization; CAI teaching website;

1 引言

計算機組成原理是計算機專業的一門核心專業基礎課程，本課程內容較多、涉及面廣、實踐性強、難度較大。通過制作計算機組成原理CAI教學網站可以幫助相對容易達到教學目的。計算機組成原理CAI教學網站的實現采用WEB技術將文字、聲音、圖形、動畫等溶入到教學模式中去，從而使計算機組成原理中抽象的和難以體會的概念等變得生動形象起來，加深和加快了對該門課程的理解。將網站應用于教學可以充分調動學生學習的主觀能動性，提高學生求知欲，同時能使教師及時掌握學生在學習過程中所遇到的難題和存在的問題，增大教師與學生之間的溝通，從而取得良好的教學效果。

2 教學設計

針對計算機組成原理課程的特點，教學主要內容包括計算機組成原理理論教學部分、實驗教學部分、典型例題及分析、綜合在線測試、學習輔助資源、師生互動等。設計指導思想是改變傳統上以“教” 為中心的教學模式，真正實現以“學” 為中心，充分發揮學習者的主動性和創造性。實現的方式采用“知識點+實驗+典型例題+學習討論”的教學方式，使學生掌握計算機組成原理的基本概念和相關設計技術，建立起整機概念。

3 教學網站制作

教學網站制作工具采用Visual Studio .NET 2005,后臺數據庫采用SQL Server 2000,實現的計算機組成原理CAI教學網站除后臺維護外各部分如下：

3.1 理論教學部分

學習網站不僅僅是需要給予一種視覺效果，更重要的是教學內容的設計，包括分解計算機組成原理教學目標、制定教學策略、保持知識的系統性和完整性等。本教學網站在教學內容上增加雙語教學部分，該部分主要包括雙語教案，雙語試題，雙語視頻及閱讀材料。采用DIV+CSS以及母板頁技術進行頁面布局，界面設計上美觀大方、層次清晰、重點集中、視點明確。

3.2實驗教學部分

實驗教學環節是該課程的必須且非常重要的一個環節，為了便于學生更好的理解和掌握計算機內部運作的真實情況，本教學網站采用flash設計了虛擬實驗室，對主要實驗如運算器、控制器、存儲器及整機實驗提供演示及交互操作功能。

3.3 典型例題及分析

作為一門專業基礎課程要求學生必須掌握一些典型題目的解題方法，這樣對于靈活掌握以及深入理解所學的知識點是很有必要的。本教學網站采用flash設計了各個章節典型例題及解題分析。

3.4 綜合在線測試

該模塊實現學生學習該課程后的一個考核，能夠幫助學生了解自己的學習情況。測試系統分章節測試和總體測試，測試題型包括選擇、填空、計算及綜合設計，試卷中的題目按知識點分布，采用XML技術組織知識點。選擇題自動判斷答案對錯、其它題型給出參考答案及分析。

3.5 學習輔助資源

教學網站上提供流媒體教學視頻、資料下載、課程相關其它站點鏈接。

3.6 師生互動

該模塊實行權限管理，用戶注冊登陸后，會看到的各種信息目錄，通過點擊查看進入，可以查看到具體的信息以及老師或者其他學生回復此問題的內容。若問題指定某人答復，則只有該用戶能看到并答復此問題。

4 主要實現技術

4.1 技術

基于模塊和組件，具有更好的可擴展性和可定制性，具有速度快、便于部署及應用升級、代碼與內容分離、方便構建和使用WEB服務等優點。由于和.NET遠程處理建立在.NET Framework 之上，因此可以使創建XML、Web Services變得更為容易。

4.2 流媒體技術

流媒體是一種新的媒體傳送方式，它解決了音頻、視頻等媒體信息在計算機網絡中的實時傳輸問題,它將整個A/V及3D等多媒體文件經過特殊的壓縮方式分成一個個壓縮包，由視頻服務器向用戶計算機連續、實時傳送。流媒體技術適合在相對低帶寬的網絡環境下實現網絡課程的實時播放和錄播課程的傳輸，因此可以將流媒體技術運用于教育領域實現對學科資源的制作、傳播和管理。

4.3 Flash動畫技術

Flash 是一種創作工具，它強大的動畫編輯功能使得設計者可以隨心所欲的設計出高品質的動畫,通過Action和FS Command可以實現交互性,使Flash具有更大的設計自由度，所生成的動畫文件(.swf)一般占的字節數小，從而可以實現快速下載，在打開網頁很短的時間里就能得以播放。

5 教學網站特色

5.1 采用多種先進的技術手段

該網站將計算機組成原理的基本概念、基本原理、基本方法以文本、圖形、聲音、動畫、視頻等多種媒體的形式表現出來，用近期的網頁開發工具Visual Studio .NET與后臺數據庫SQL Server的結合實現動態交互、在線測試、虛擬實驗室，從而使學生將抽象的計算機組成原理的學習變得形象輕松；通過虛擬部件及整機實驗，使得沒有實驗條件的個人也能獲得實際操作技能的提高。

5.2 后臺維護方便

該教學網站提供了一個界面友好、操作方便的后臺維護平臺，教師通過該平臺可對相關資源進行增加、刪除、修改，從而避免隨著時間的推移造成部分內容老化的現象。

6 結束語

本文描述了基于的計算機組成原理CAI教學網站設計和實現的過程，對于教學網站系統的研究，具有一定的理論和實踐意義。

網站設計與制作論文:《網站設計與制作》教學環境搭建技巧

信息技術作為一門重要的技術，已經被越來越多的人們所使用。在當今及未來社會，掌握信息技術是人類的一種基本要求。信息技術教育不但可以提高學生的技術素養、促進學生發展，而且還能發展學生交流與處理、設計與應用的實踐能力，培養學生的創新精神、創業意識。信息技術教育校本選修課程作為我校開發領域寬闊的選修系列特色課程之一，在積極培養學生的創新實踐能力，促進每位學生、和諧、個性地發展，進一步深化素質教育方面發揮著不可或缺的作用。筆者擬就我校信息技術校本選修課《網站設計與制作》教學環境的搭建談談具體做法。

1 課程提出背景與制作工具選擇

隨著社會信息化進程的深入和互聯網的普及，網站日益成為人們交談的話題。各行各業都可以通過網站展示自己、擴大影響，增進與同行的交流合作。

校本選修課有別于常規課堂教學內容，它以學生的興趣為契機，把興趣發展為特長，最終鼓勵學生參加各級各類電腦制作比賽，為學生施展才華爭取更多的展示平臺。其學習評價方式主要有過程觀察、成果展示，作品與課堂表現相結合，課時充足、教學內容廣、知識專業性強。基于以上幾點，我們選用功能強大的Dreamweaver軟件作為網站制作工具。它是集網頁制作和網站管理于一身的所見即所得網頁編輯器，是及時套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。

2 操作素材長期持續存儲

學生經過初期的規劃、設計，確定好自已喜歡的主題和風格后即進入后期的實踐操作過程。一般情況下主題網站制作周期較長，內容具有持續性，每節課都有新的文本、圖片、動畫、視頻等素材增加，還要保障網站中樣式和元素文件合理的路徑。通常的做法是：讓學生交作業給老師保存，然后再發給學生、讓學生自己上傳下載，讓學生自己保存。相信廣大教師都曾面臨著學生素材持續更新存放的問題。以上的做法或多或少會出現操作時間過長、步驟繁瑣、可持續性和穩定性差等缺點。筆者在實踐中，摸索出方便可行的解決方案：架設FTP服務器與DW站點功能結合。

FTP服務器（File Transfer Protocol Server）是在互聯網上提供文件存儲和訪問服務的計算機，用戶可通過客戶機程序向（從）遠程主機上傳（下載）文件。即學生每次操作后素材存放于FTP服務器中，給每個學生設定帳號與密碼，利用FTP權限保護每個用戶的數據安全。筆者采用Serv―U是作為FTP服務器端軟件，簡單易操作。用FTP服務器存儲并不是簡單地讓學生用B/S方式下載與上傳（單線程），這種方式并不能體現出網站素材文件存儲的優越性，碰到大容量文件時，速度慢、易斷線，下載上傳易出錯。DW的自帶站點功能有效地與FTP服務器相結合，它具有多線程FTP傳輸方式，節省上傳大型文件或多文件的時間，能更快速高效地上傳下載網站文件，縮短制作時間。DW提供的站點管理功能，以樹型結構來展示網站的內容分布，從而實現了對站點布局及細節內容的展示及修改，實現本地站點文件與遠程FTP服務器中的文件內容同步更新，傳統Frontpage工具軟件無此功能。

及時種模式是本地站點與FTP服務器對接。①打開DW軟件，點擊菜單“站點”―“新建站點”；②輸入站點名稱（名稱每次可以不）；③使用服務器技術，根據實際需要填寫；④選擇“編輯我的計算機上的本地副本，完成后再上傳到服務器”，設置本地文件夾作為網站位置；⑤連到遠程服務器，選擇FTP方式，輸入FTP地址：10.127.192.200；輸入FTP用戶名與密碼；⑥單擊“測試連接”按鈕，能彈出“已成功連接到您的服務器”對話框，即代表DW軟件與FTP服務器連接成功；⑦后面操作按默認值即可。至此本地站點新建成功，在DW界面右側的文件窗口中（見圖1），單擊向下箭頭即從FTP服務器中獲取本帳戶所有內容并下載至本地站點，文件出現在本地站點中所設的位置文件夾里，學生就可以自如地在本地完成上節課網站制作內容，可在本地及時增添素材信息，調試網站；當本節課制作任務完成后，只需單擊向上藍色箭頭即將本地站點中的所有文件信息自動上傳到FTP服務器。稍等片刻，學生所做的網站內容自動備份至FTP服務器，學生無需擔心信息的丟失和保存。

第二種模式是直接遠程修改網站文件：①打開DW軟件，點擊菜單“站點”―“管理站點”；②點“新建”按鈕，選擇“FTP與RDS服務器”子菜單；③輸入FTP主機：10.127.195.200，主機目錄不要填寫；輸入登陸（FTP帳號），密碼（FTP密碼）；④單擊“測試”按鈕，能彈出連接成功對話框即可（見圖2）；⑤單擊確定，再單擊完成。此時DW右側文件區域出現的內容即為FTP服務器中的內容（見圖3），若要修改某個頁面，雙擊打開，然后直接保存。整個修改過程全在FTP服務器中存取，非常方便。若有大批量文件修改，建議采用模式一，占用服務器資源少。

以上兩種模式均能解決網站文件結構一致性、完整性等問題，根據制作任務不同選擇相應模式，學生只需在DW軟件中設置好站點信息就可以連續制作網站。

3 網站信息瀏覽與作品的評價

考慮到網站制作的通用性、互動性，單純靜態單個頁面已經落伍，交互性強的動態頁面ASP可以實現數據庫信息的讀寫，此時網站的調試瀏覽必須在IIS（互聯網信息服務器）環境下進行，若讓每個學生獨立安裝IIS并配置，技術難度較大。筆者的解決方案是在FTP服務器上安裝IIS，設置一個虛擬目錄，將學生素材存放文件的上級目錄設置為虛擬目錄就可以解決此問題，文件存儲與信息瀏覽一一對應起來（見圖4、圖5），此時學生網站調試的地址如1號同學因此，作品的展示就顯得非常簡單快捷，學生在校園網上的任何地方都可以看到自己或別人的作品，學生之間可以充分開展自評與互評。

有了以上環境，作品成果展示形式多種多樣，學校科技節、班級主題網站比賽、研究性學習等。舉辦小組展示會，組織全班作品展示，各小組推薦一位代表進行成果匯報，每個小組無需搭建繁瑣網站平臺，直接在校園網上演示他們制作的網站作品，匯報小組各成員完成項目的過程，在設計和制作網站時使用新的方法和技巧。學生之間交流學習過程中的經驗和體會，充分享受成功制作作品的快樂。

筆者采用以上策略很好地完成了《網站設計與制作》教學素材文件持續存儲及動態網頁瀏覽環境的創建工作，解決了《網站設計與制作》的教學環境搭建的問題。實踐證明，采用上述辦法制作網站，有利于教師騰出時間鉆研教學業務，也更能激發學生制作出富有特色的網站作品。

網站設計與制作論文:淺談中職學校《動態網站設計與制作》課程教學

摘 要：動態網站設計與制作課程是中職計算機、電子商務等專業的必修課之一，本文將針對動態網頁制作課程的特點，從動態網頁的開發技術的選擇以及如何上好這門課程兩方面進行探討，旨在提高該課程的教學效果。

關鍵詞：中職；動態網站；教學

中職學生渴望開發網站，但大多對理論學習熱情不高，缺乏鉆研精神，且容易放棄。動網制作既講理論又重實踐，既有概念理解，又有程序設計和應用操作方面的內容。因此一方面是抽象的網站開發技術，另一方面是基礎薄弱、不善思考的中職學生，如何將知識點傳授給學生，讓學生知其然并知其所以然，對教師來說，是一大挑戰。以下是筆者關于中職動態網頁制作課堂教學實踐的幾點看法：

一、動態網站技術的選取――phpStudy++MySQL+Dre-

amweaver

教學中選取PHP+MySQL+Dreamweave的經典組合方式，推薦使用PHP調試環境的程序集成包phpStudy，它集成了近期的Apache+PHP+MySQL+phpMyAdmin+ZendOptimizer，一次性安裝，無須配置。同時phpMyAdmin可以通過Web接口簡易管理MySQL數據庫，學生通過瀏覽器的圖形界面就能對MySQL數據庫進行操作。

二、課程內容以綜合項目和分任務的方式開展

《動態網站設計與制作》是一門綜合性課程，在授課過程中采用綜合項目設計形式，以項目或分任務的方式展開課堂教學。將《動態網站設計與制作》課程分解為一個大項目和若干個小任務，學生通過完成一個個任務完成較為完整的綜合網站的設計。

三、課程教學應用多種教學方法

（一）使用比較教學法，使學生輕松入門

講解動態網站時，學生沒有服務器和客戶端的概念，會把“動態”網頁理解為有動態的文字或圖片。教學時可做兩個簡單的網站進行比較。如分別做一個靜態的和動態的學生學籍管理網站：網站1是靜態的，只有一個“學生成績”頁面；網站2是動態的，其中包括具有“學生成績”欄目的學生成績詳情頁面、成績的后臺添加、刪除和修改頁面和一個簡單數據庫。老師瀏覽這兩個網站，演示對學生成績條目進行增、刪、改、查的方法。同時具體講解它們的運行機制和網站后期管理中的優缺點。

通過比較教學法講解概念，便于培養學生的總結歸納能力，讓學生理解透徹，又調動學生學習興趣。

（二）使用視覺沖擊教學法，加強學生記憶

將重點簡明扼要地寫在黑板上，加強學生記憶。如動網的制作流程比較固定，“創建數據庫―建站點―制網頁―連接數據庫―綁定記錄集―服務器行為”，學生每節課都看到黑板頂部的字，不知不覺就會記住這樣的流程，在實踐中也會有條不紊的操作。

（三）創設問題情境教學法，啟發學生思考

在講解數據庫字符集和網頁字符集的知識點時，教師可演示用戶名是英文和中文兩種狀態下，網頁可否正常登錄。這時向學生提出問題，為什么數據庫中的記錄是中文，數據庫連接，記錄集綁定都正確，但測試結果不對？引導學生切換到Dreamweaver代碼視圖，找到部分“charset=utf-8”，再解釋字符集的概念，教會學生可將字符集代碼改為“charset=gb2312”，測試正確。

采用創設問題情境教學法，會使學生在整個講解過程中都處于強烈的問題情境中，他們也就會展開充分的想象，他們的思維在廣度、深度上會有一個充分的、自由發揮的空間和余地；因此會獲得意想不到的教學效果。

（四）任務驅動教學法，讓學生有的放矢

所謂“任務驅動”就是老師在介紹有關知識和方法時，首先提出一些與學生的日常學習、生活關系比較密切的任務。

如注冊新用戶，用戶登錄，在引導學生完成任務的過程中，引出相應的教學內容。老師可以先瀏覽一個在線注冊郵箱網站，并且重點演示注冊和登錄部分，瀏覽之后學生在心里可能會產生一個強烈的欲望：自己做一個這樣的系統。接著，老師再按步驟、分任務完成對整個系統的設計，并且重點講解本網站中的一個關鍵任務：數據庫的連接。講解數據庫的連接任務在整個用戶管理系統中的作用及其重要性。

（五）“理論――實踐――反思――理論――實踐”循環往復教學法，使學生牢固掌握知識點

動網中很多知識點，尤其是重難點知識，必須反復講解，反復實踐，來加強記憶和理解，才能收到較好的效果。比如：講解階段變量及語句，應該采用循環往復教學法，反復講解和操作使學生消化、接受。

（六）項目教學法，階段性成果加強自信心

在教學時注意培養學生的成就感，將大的綜合項目分解為一個個小項目。比如：將用戶管理系統分解為登錄注銷、注冊、資料修改和密碼查詢四個模塊，再詳細分解為更小的項目。如將用戶注冊模塊分成四個小任務：1.制作注冊頁面―熟練使用表單制作頁面并實現驗證表單；2.實現注冊頁面填寫信息錄入數據庫―綁定記錄集，添加服務器行為“插入記錄”；3.用戶名不能重復―用戶名驗證，檢查新用戶名操作；4.注冊成功與失敗頁面制作―實現正確跳轉。

四、結束語

總之，這門課程的教學是靈活多樣的，在教學過程中要按照中等職業教育的教學規律和學生認知特點結合教學過程中的實際情況作適當的調整，也可對某些章節內容綜合使用多種教學方法，使教學達到理想的效果。

網站設計與制作論文:校內考研網站設計與制作

摘要：為了更好地為本校考研學生服務，建立一個校內考研網站很有必要。建立校內考研網站的目的是為了給本校考生提供一個交流的平臺，幫助同學復習高等數學、線性代數、概率論與數理統計、復變函數、積分變換與數理方程，以及英語、政治等重要基礎課，還有數學分析、高等代數等專業課。本文對這樣一個校內考研網站的設計與制作進行了一些探討。

關鍵詞：考研；網站；設計；制作

一、引言

隨著我國研究生教育的飛速發展，每年報考研究生的人數持續攀升。20年來，報考研究生的人數只有在2008年和2014年出現二次小幅回落，但這只是兩個小小的回檔，這并不影響考研人數大的攀升趨勢。每年都有那么多的同學報考研究生，那么如何服務好這些同學就是我們迫切需要解決的問題。參考文獻[1]對如何利用網絡優勢為學生考研服務做了詳細分析。目前互聯網上已經出現了很多專門為考研學生服務的網站，這個是官方報名網站，網上報名或者研究生錄取調劑的時候必須登陸的一個網站。，是有關考研信息比較的一個考研網站。有關考研方面的信息也比較。是三大教育平臺維護的考研信息查閱網站，是全國好的考研論壇，人氣很旺。是免費的考研試卷下載網站。各個高等院校或科研院所等招生單位基本都建有面向全體考生的官方研究生招生網。參考文獻[2]分析了此類研究生招生網站的基本功能，闡述了八大功能模塊，分析了研究生招生網的現狀，并提出了發展建議。此外，還有很多民間考研網站在此不一一列舉，這些考研網站的特點是針對全體考生的。當然如果考生已經決定好考哪所學校了，那么該學校維護的考研網站是很有價值的，比如某考生已經決定考浙江大學了，就非常有用。雖然有關考研的網站有很多，但這些網站大多數是面對全體考生的，從而包羅萬象，包含的內容非常多，讓人目不暇接，顯得有點雜亂無章，從而針對性方面較差。而像浙江大學考研網這樣的網站是為外校學生考浙江大學服務的，所以為本校學生考外校服務的考研網站目前還很少，本文的目的就是要建設一個為本校學生考外校服務的考研網站，結合本校的特點，更有針對性，可以更好地幫助本校考生挑選報考學校，更加有效地幫助他們復習考研基礎課和專業課，切實提高考研的成功率。

二、校內考研網站的設計與制作

校內考研網站設計的總原則是：服務好本校迫切需要解決復習考研過程中出現各種各樣問題的學生。網站的整體規劃及框架設計必須是具可擴充性的，前臺頁面的設計必須能保障網站在增加欄目后不會破壞網站的整體結構。后臺數據庫的設計必須具有高度的擴充性，使得后臺管理人員能夠根據需要對欄目進行增、刪、修改。

校內考研網站的設計風格為：綜合性考研網站，清新、簡約風格，有一個統一的logo圖案，背景為學校鳥瞰圖。界面創意為標準的圖標風格設計，統一的構圖布局，統一的色調、對比度、色階和圖文風格。

校內考研網站的功能要求為：（1）具備完善的類別：機構設置、招生工作、學科建設、歷年真題、資料下載等功能。（2）資源的共建共享：使用者可以隨時、隨地通過網絡訪問、上傳下載存放和使用庫中資源。（3）WEB集成：基于WEB的應用模式，使教學資源制作、管理，信息、教學交流、資源共享與交流都能在網上進行。（4）自主學習：提供完善的網絡課程庫、真題庫、專家答疑輔導功能、試題庫與在線考試功能，學習者可以自主完成專業課程學習。

校內考研網站的后臺管理包括：（1）圖片管理：對圖片的管理包括添加、刪除、修改，圖片的內容元素主要包括圖片的名稱、所屬的欄目分類，分類由“欄目管理”中動態生成、上傳圖片，將圖片上傳到網站頁面上。（2）欄目管理：一般是以設置圖片或內容的類別作為欄目，在這里可以進行欄目的添加、刪除修改欄目名、菜單的排序、類別排序、首頁排序。（3）靜態頁管理：生成靜態頁面的欄目，包括關閉網站靜態頁面功能、首頁更新靜態頁、列表頁更新靜態頁、內容也更新靜態頁。（4）用戶列表：用戶的各項參數設置。（5）系統設置：進行系統的參數設置，包括系統名稱、是否允許用戶注冊、用戶申請后是否需要審核。（6）密碼修改：管理員密碼的修改。（7）公告管理：首頁顯示的公告內容。（8）留言管理：對留言的回復、修改、刪除。

此外校內考研網站還應該具有下列功能：（1）強大的后臺文章編輯器的功能。可方便地用拖動的方式進行圖文混排、圖片遠程上傳、上傳圖片顯示效果處理等操作，以及“從word中粘貼”功能，能全部清除word排版格式多余代碼。（2）自由編輯欄目模版，可設置多個模版。（3）自由增刪修改欄目以及設置此欄目模版。（4）新聞/圖片代碼調用在后臺生成。（5）可增加多個低權限的錄入員，增加新聞時會記錄新聞的增加錄入員是誰。（6）新聞自由設置固頂或推薦，自由更改新聞標題的顏色，可獨立設置某條新聞的URL轉向。（7）新聞功能，可在后臺相關新聞。（8）后臺修改新聞管理頁面，可以修改新聞的添加時間和閱讀數。（9）后臺新聞管理時，排序上下條移動的功能。（10）具有審核員權限用戶。除可以審核文章外，其余功能與錄入員相似。

系統提供如下客戶端瀏覽器支持：IE6.0及以上各版本、FireFox3.0及以上各版本、Maxthon2.0及以上各版本、搜狗高速瀏覽器、360瀏覽器、騰訊瀏覽器等等。系統的開發環境為：PHP+MYSQL。參考文獻[3]討論了基于.net技術的四層架構考研網站設計與實現。

我們設計的校內考研網站欄目結構圖如圖1所示。

其中網站首頁用動態php頁面，將整個網站的近期信息在首頁顯示。網管在后臺可以隨時更新首頁的內容。瀏覽者一訪問首頁就能夠了解整個考研網站的近期信息。考研信息欄目主要介紹一些有關考研的近期信息。課程復習欄目里主要放一些有關考研基礎課比如高等數學、線性代數、概率論與數理統計等的復習資料。網站鏈接欄目里放一些與考研有關的點擊率比較高的熱門網站鏈接供同學們參考。一個欄目也是比較重要的一個欄目是交流互動欄目，實際上是一個考研論壇，同學們在復習考研的過程中如果碰到一些問題，可以在這個交流互動欄目里提問，管理員應該及時加以解答，此外考研的同學之間也可以通過這個欄目進行交流，達到互相幫助的目的。

我們經過制作初步完成的校內考研網站首頁如圖2所示。

三、結論

雖然互聯網上關于考研的網站多如牛毛，然而這些網站多數是面向全體考生的，內容面面俱到，從而針對性方面有些欠缺。本文著眼于建設一個只為本校考生服務的內部考研網，為本校考生考研服務，更有針對性，從而應該可以服務得更到位。具體效果如何還是由實踐來驗證吧。

網站設計與制作論文:工會網站設計與制作初探

摘要：以擬籌建學院工會網站為例，介紹學院工會主頁的設計與制作過程，指出了設計與維護網頁過程中應注意的一些問題。

關鍵詞：主頁設計；主頁制作

科學技術的飛速發展和網絡技術的普遍運用，為了拓寬工會工作渠道、創新工作方法提供了廣闊的空間。加強對工會網站建設，運用現代網絡技術推動工會工作，成為擺在各級工會組織面前一項十分重要的任務。面對新的形勢，學院工會經過深入研究、積極探索，大膽實踐，在認真抓好日常各項工作的基礎上，充分運用網絡技術這一現代科技手段，擬籌備建立學院工會網，并以網站為載體積極開展工作，為工會工作增添了新的生機和活力。現對如何進一步加強基層工會網站建設略加探討。

一、加強工會網站建設的作用和意義

互聯網絡作為連接世界各國計算機的全球性信息化網絡，其傳輸內容非常非常豐富的，涉及到全球的政治、經濟、文化、體育等等各個領域，成為人們了解世界、掌握信息的主要渠道之一。學院工會網站作為信息時代基層工會的一個重要窗口，是院務公開、公正、服務職工、惠及民生的重要手段。辦好工會網站，對于保障職工合法權益、增加職工之間互相的透明性、加強工會自身建設、提升工會知名度和影響力都具有非常重要意義。

二、網站主要內容與注重面

網站要設有工會新聞、民主管理、權益保障、勞動保護、文件資料、政策法規等主欄目，并加強工會會員管理等數據庫的建設和利用，使廣大干部職工能夠通過網站，迅速快捷的檢索到自己所需要的信息資料。擬開設職工論壇等形式建立“職工之家”，職工和工會干部以注冊方式，在網上對事件或人物進行討論交流，暢談各自感悟，進行相互學習和相互交流。還可利用網站開展“首席職工”、“工會工作者”等各類評選活動，進一步提升工會工作的透明度和群眾參與度。

三、技術平臺規劃與設計

（一）系統應用范圍

從系統上分析是一個門戶信息交易站點，大多數用戶都具有分散性，沒有統一的組織和統一的地區，主要通過internet訪問。用戶側重使用IE情況分析。用戶使用網絡帶寬分析。估計日訪問量在幾千人次。

根據這些特點，我們建議在IE兼容上側重用于IE6.0。出于用戶帶寬的考慮，建議使用CSS+DIV寫網站框架。在網站結構上采用B/S結構。

用戶側重使用IE情況分析，根據網絡軟件測試調查，得出以下數據如圖：

從圖得知使用IE6.0的用戶最多占到32.14%。360瀏覽器使用本地IE核心。其中也有一部分本地核心用的也是IE6.0。其它IE8.0占到21.54%，IE7.0占到6.3%，搜狗瀏覽器占到6.03%，其它chrome，IE9.0，TT瀏覽器，QQ瀏覽器都只占到3%以下。

所以在UI設計和IE兼容性設計上測重IE6.0以上的版本，建議使用CSS+DIV布局。然后再測試調試各常用IE之間的兼容性。

（二）用戶使用網絡帶寬分析

今年寬帶普及提速工程的目標是4兆及以上寬帶接入產品的用戶超過50%，現在，平均帶寬達到了50%。今年4月，全國固定寬帶接入規模為1.59億。4兆及以上用戶使用比例已經超過了50%。去年年底，使用4兆以上帶寬產品才38%到39%，今年卻飛快提升了10個百分點，達到50%。

所以4M以下的人群仍然是主體。在網站建設過程中，網頁的圖片和整個網頁大小的控制不容忽視。建議頁面大小保持在三屏內，網頁大小保持在150K以內。這是對用戶的體驗度一個提升也是對網頁大小的一個控制。

（三）任何商業應用程序都有三大類必須完成的任務：

及時類和與用戶的交互有關（人機接口），用戶如何使用應用程序，這類任務可稱之為表示層（Presentation）。

第二類和應用程序所完成的計算處理和程序處理流程有關，可稱之為應用邏輯層（Application Logic）。

一類與數據的查詢、更新及數據管理有關，可稱之為數據資源層（Data and Resource）。

四、網站細節總體設計

網站分為前臺和后臺兩個部分，前臺部分為公眾和會員客戶提供信息、閱讀、查詢等功能，后臺作為網站管理的核心部分，提供網站數據、類別等信息的管理和查詢。

（一）前臺網站的具體欄目設置

共分為工會簡介欄目、工會工作欄目、工會動態欄目、下載中心欄目、工會信箱欄目、工會論壇欄目、留言板欄目、友情鏈接、站內搜索引擎共9個欄目設置。

1.首頁具體板塊的設置

提供工會信箱登錄以及各分類信息查詢系統。左側是本站動態、工會簡介、網站公告和相關鏈接，右側是廣告位；中間部分是各欄目的信息。

在網站的首頁中采用了4種效果，飄浮廣告效果，滾動新聞效果，鼠標右鍵禁用和ie右下腳狀態欄文字顯示效果。

2.網站工會欄目簡介

詳細的介紹了工會具體情況以及領導風采、組織機構等內容。

3.網站工會工作簡介

專題介紹工會在開展素質工程、法律維權、基層建設、送溫暖工程、女工工作、綜合等工作的情況。

4.網站工會動態簡介

介紹工會的具體活動，包含生動的圖片及詳細的文字信息。

5.網站下載中心的簡介

網站提供常用的軟件及表格和表格模板的下載。

6.網站工會信箱的簡介

網站工會內部所有工作人員具體的郵箱地址。

7.網站工會論壇的簡介

網站提供單版論壇。論壇具有一般論壇的常用功能。如注冊會員，在線生級，發表帖子，回復帖子，論壇設有良好的編輯器，能夠方便的編輯帖子內容。并且有豐富的表情包。讓互動更加生動。普通用戶也可以注冊筆名并發表帖子進行互動。

8.網站留言板的簡介

網站的留言板能夠通過編輯器方便的編輯文本，可以通過注冊用戶進行留言。也可以不用注冊用戶，進行匿名留言。

網站設計與制作論文:淺析高職圖書館網站設計與制作

摘 要：基于高職圖書館的特色，堅持一切從讀者的需求出發，結合圖書館網站的設計理念和網站制作的高標準進行建設高職圖書館網站，淺析高職圖書館網站設計制作。

關鍵詞：高職圖書館；網站制作；網站設計

高職圖書館網站是圖書館對外重要的宣傳陣地和提供數字資源與信息服務的平臺，其服務對象是校內師生和社會讀者，需要提升圖書館的網絡化、數字化、特色化服務水平，使之成為讀者利用高職圖書館資源和服務的窗口。高職圖書館網站如何滿足讀者的需求，因此各高職圖書館必須大力探索網站設計與制作的理念與原則，并結合自身特色，開發出讓讀者滿意、令讀者信賴的網站。我在這里介紹高職圖書館網站設計與制作的經驗的幾點體會。

1 高眼界、高標準、高要求

⑴他山之石，可以攻玉，向的高校、高職圖書館網站學習。在高職圖書館設計與制作過程中，我們先后參考了許多國內外著名高校、公共圖書館及高職圖書館的網站，比如：國內的清華大學圖書館、北京大學圖書館、國家圖書館等，國外的有澳大利亞墨爾本大學圖書館、英國倫敦大學國王學院圖書館、高職類的深圳職業技術學院圖書館等。在網站設計與制作前，我們對的圖書館網站，結合讀者的需求、服務及圖書館業務等方面進行分析，這樣對設計與制作高職圖書館網站墊下非常好的基礎。⑵網頁制作要高標準、嚴要求.高職圖書館網站的版面整潔、整齊、版式統一、圖片不變形和易維護度。

2 設計理念

⑴符合高職的特點和實際情況。高職圖書館不同高校圖書館，高職圖書館具有獨特性，網站應結合圖書館的服務理念去建設，但高職圖書館面臨資源少、服務項目少的困境，我們如何對讀者提供有價值服務，需要館員們多年服務讀者過程中總結，才能給讀者一個滿意的網站。圖書館網站建設力圖把滿足讀者需求、方便讀者使用作為網站設計的根本出發點，網站的內容和設計要充分考慮到讀者的需求，一個受讀者喜歡并信賴的網站是建立于讀者明確需求的基礎上。

⑵不使用過多顏色，力求簡潔、清爽。色彩可以鮮艷一些，但不能雜亂。從審美角度看，在網站設計時，只使用三、四種相匹配的顏色就可以讓網站更為美觀了，應盡量避免使網站過于花哨，盡量不用或少用動畫、閃爍或滾動的文本。

⑶頁面應布局合理，盡量簡潔。一般來說，頁面的分辨率推薦1027x768，固定布局寬度來設計；按網站層級來設計布局，同一層級的布局盡可能統一。網站首頁布局應簡潔、大方，應把服務與資源充分顯示在首頁面上，可以采取JS滑動顯示的技術，容納更多的內容而不顯得擁擠。

⑷使用一致的設計元素。在網站的全部頁面上，都采用一致的字體與顏色，會使網站顯得更為統一和專業。同時在網頁的布局設計、術語或詞匯的使用，以及與用戶交互的方式使用等方面，也都應盡力保持這種一致性。圖書館主頁、OPAC頁面及二級頁面在功能菜單及色調上應盡量做到一致。

⑸圖書館的網站上應設計一個較醒目的給讀者發牢騷、提意見、問問題的窗口。

⑹網站整體導航清晰化。1）全局導航。全局導航也就是說可以幫助用戶隨時去到網站的任何一個欄目。并且能輕松跳轉到另一個欄目上。一般來說，全局導航的位置是固定的，這樣可以減少瀏覽者查找的時間。2）導航欄異化，直接的告訴用戶他身在何處。瀏覽則當前訪問的頁面所屬的導航，在網站建設中要進行特殊化處理，比如一家網站建設公司的網站導航，如果網站主導航顏色是藍色的，那么當用戶瀏覽到網站建設流程這個大欄目之下，那么網站建設流程這個欄目的導航應該換一種顏色或者做一種特殊的效果來進行體現，以區別與其他的導航。這樣瀏覽者就能夠非常的容易的識別到當前導航所在的位置。

3 網頁制作――精益求精

⑴CSS樣式制作規范。為了開發后樣式名管理方便，請用有意義的單詞或縮寫組合來命名，一看就知道這樣式是哪一塊的，這樣就節省了查找樣式的時間。

⑵符合搜索引擎。在制作網站的過程中，應符合搜索引擎，以便讀者能搜索到圖書館網站。網站設計符合搜索引擎主要有兩個標簽：標題（title）、描述（description），寫法如下：

順德職業技術學院圖書館|順職圖書館|順大圖書館

⑶網站的擴展性及維護的便利性。1）網站的擴展性。日后面臨著數字資源日益增多，服務不斷深化的基礎上，我們特別要注意網站對后續的改動適應性要強。2）站維護的便利性。網站后續維護的工作中，我們通過網站管理后臺權限的分配，把館內的各部門人員全部調動起來，各自負責各自的網站模塊。維護的內容包括四個方面：及時、網站各模塊內容的更新；第二、試用的數字資源的及刪除等；第三、圖書館業務中內容發生變化的相應更新；第四、網頁功能的修改升級或者特效的改造增加。