時間：2023-06-05 09:56:15
開篇：寫作不僅是一種記錄，更是一種創造，它讓我們能夠捕捉那些稍縱即逝的靈感，將它們永久地定格在紙上。下面是小編精心整理的12篇個人網站設計，希望這些內容能成為您創作過程中的良師益友，陪伴您不斷探索和進步。
中圖分類號:TP393文獻標識碼:A文章編號:1009-3044(2009)33-9221-02
1 對個人網站的認識
個人網站是指個人或團體因某種興趣、擁有某種專業技術、提供某種服務或把自己的作品、商品展示銷售而制作的具有獨立空間域名的網站。個人網站一直是多元化互聯網世界的一支重要力量,它是以一個人為中心、不需要強大的資歷背景,且低成本運作,因此個人網站多屬于草根類型,吸引了眾多愛好者和追隨者。
目前最流行的一類是根據個人愛好設置的個人網站,這類網站是給個人一個展示自我的空間,同時利用制作頁面來達到熟悉網站制作的目的;一類是網站的內容基本上與計算機的軟硬件有關,也會拿如何制作網站、各類軟件、MP3和圖片下載來當內容的;另一類就是在內容上力求單一,在未來發展上力求商業化的網站,這類網站通過廣告宣傳,推銷商品等營銷手段,達到網上開店的目的。這類個人網站隨著電子商務的普及,具有廣泛的市場與前景。
2 個人網站設計與制作
網站的開發是一個系統工程,有自己特定的工作流程,只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。
2.1 網站的規劃
個人網站的規劃好比建一座大樓的設計圖,它包含了建立網站目的、目標用戶、組織結構和導航結構、使用的多媒體元素、用戶界面、版面設計等內容。
1) 明確網站開發目的、目標用戶、網站主題和構思創意。個人網站可以根據自己的興趣愛好或自己關注的話題來確定網站的主題,如科普知識推廣、文學筆者交流、計算機軟硬件的疑難問題討論,又或者直截做個人推銷等等。網站應根據用戶需求的不同而采用不同的形式,如有只提供簡潔文本信息的,也有用多媒體表現手法,提供圖像、動畫、聲音和視頻的。要做到網站主題鮮明突出,要點明確,以簡單明確的語言和畫面體現主題。調動一切手段充分表現網站的個性和情趣,辦出網站的特點。
2) 相關主題材料的搜集和整理。個人網站的選材需要小而精。收集的內容包括網站徽標、背景圖片、按鈕圖片以及其他展示的相關內容。
3) 規劃網站功能模塊,確定網站的框架、組織結構和導航結構的設計。對個人網站需要設計的欄目和版塊有明確的劃分。所有的超鏈接應清晰無誤地向讀者標識出來,導航性質的設置,如圖片按扭都要有清晰的標識;鏈接文本的顏色最好用約定俗成的:未訪問的,藍色;點擊過的,紫色;清晰的導航條還要求:用戶進入目的頁面的點擊次數不能超過三次。
4) 網站開發工具和開發平臺的選擇。根據設計者實際情況和個人喜好選擇,目前常用的工具是Frontpage、網頁三劍客Dreamweaver、Flash、Fireworks和ASP或等等。
2.2 網站的開發
1) 框架的開發。用樹狀結構把每個網頁的內容大綱列出來,特別是制作一個較大的網站(頁面很多)的時候,要把框架規劃好,同時也要考慮到以后擴充的可能性,免得做好以后反復更改整個網站的構架。整體框架的設計確保網站格式統一和層次清晰,首頁中提供各個頁面的鏈接,并簡要介紹網站的內容和主題。二級網頁中設計好主要內容,針對欄目要求提供相應的三級頁面內容鏈接。
2) 多媒體元素包括文字、圖形圖像、動畫、聲音和視頻的文件制作。充分利用軟件工具將需要展示的內容以新鮮有趣的方式做出來。這也是吸引瀏覽者注意力的有效方式之一,可以將頁面的內容用三維動畫、FLASH等形式來表現,增加趣味性,同時考慮客戶端的傳輸速度。
3) 內容的增加。保證內容的準確性和合法性。網頁設計是一種視覺語言,講究編排和布局的合理性,使瀏覽者有一個流暢的視覺體驗。運用對比與調和、對稱與平衡、節奏與韻律以及留白等手段,通過空間、文字、圖形之間的相互關系建立整體的均衡狀態,產生和諧的美感。首頁是整個網站精華的匯集,因此首頁的設計也是個人網站建設中最難最花功夫的工作。
2.3 網站的實現與維護
1) 網站測試與調試。制作出的網站可以先在本地進行測試,檢查站點的瀏覽器兼容性已經可能存在的錯誤鏈接等,發現錯誤及時調試,然后再測試,直到無誤。
2) 空間、域名申請與網站上傳。在互聯網上根據網站大小申請,選擇一個相對速度快、性能穩定、網絡環境適合的免費空間上傳,也可申請收費空間。然后將網頁通過上傳工具(cuteftp, flashfxp)傳至服務器指定的目錄中去。建議申請個自己的域名,這樣不管你走到哪里,你的虛擬空間換到什么地方,域名始終如一,朋友還是訪客都能一樣找到你。
4) 宣傳推廣與維護更新。為提高網站的知名度,可在搜索引擎上注冊、登記,參加廣告交換,也可以與其他網站友情鏈接,在各大論壇參與熱點討論等,提高訪客點擊率。網站最大特點就是更新快,因此網站更新維護需及時。
3 網站設計制作工具
主要介紹下常用的網頁三劍客Dreamweaver、Flash、Fireworks和:
1) Dreamweaver。是做網站、網頁的基本框架結構的。建立 Web 站點和應用程序的專業工具,將可視布局工具、應用程序開發功能和代碼編輯支持組合在一起,其功能強大,使得各個層次的開發人員和設計人員都能夠快速創建界面吸引人的基于標準的網站和應用程序。從對基于 CSS 的設計的領先支持到手工編碼功能,Dreamweaver 提供了專業人員在一個集成、高效的環境中所需的工具。開發人員可以使用 Dreamweaver 及所選擇的服務器技術來創建功能強大的 Internet 應用程序,從而使用戶能連接到數據庫、Web服務和舊式系統
2) Flash。設計網站中所需要的動畫文件的。是交互式矢量圖和Web動畫的標準。設計者使用Flash能創建漂亮的、可改變尺寸的、以及極其緊密的導航界面、技術說明以及其他奇特的效果。
3) Fireworks。加工處理圖片的工具。在直觀、可定制的環境中創建和優化用于網頁的圖像并進行精確控制。業界領先的優化工具,在最佳圖像品質和最小壓縮大小之間達到平衡。它與Dreamweaver 和 Flash共同構成的集成工作流程可以創建并優化圖像,同時又能避免由于進行 Roundtrip 編輯而丟失信息或浪費時間。
4) ASP或。ASP全稱Active Server Pages,“動態服務器網頁”,所產生的執行結果都是標準的HTML格式,而且這些程序是在網絡服務端中執行,使用一般的瀏覽器(如IE或Netscape)都可以正確地獲得ASP的“執行”結果。不僅僅是ASP的下一個版本,而且是一種建立在通用語言上的程序構架,能被用于一臺Web服務器來建立強大的Web應用程序。提供許多比現在的Web開發模式強大的優勢。
4 網站建設中要注意的其它問題
1) 網頁保存和代碼輸入過程中文件名和輸入法不能使用中文,它可能導致上傳到網上后由于系統無法識別而無法顯示,且必須使用小寫字母。
2) 統籌考慮網頁的整體配色,與文字的選色要協調。
3) 圖片最好用GIF格式,文件小,網速慢的時候打開也快,否則用戶等不及就將網頁關了,或換到其他快的網站了,你的訪問量也會越來越少,形成惡性循環。
4) 圖片處理。建議網頁制作過程中標簽中不要帶上width和height兩個屬性,這是因為在制作過程中,圖片往往需要反復修改,這樣可以避免人為干預圖片顯示的尺寸,盡可能的發揮瀏覽器自身的功能,在網頁制作的最后給附上width和height屬性,防止抖動現象發生。
5) 文字處理。使用CSS樣式表來定義整個網站文字風格。為了保證不同瀏覽器上字號保持一致,字號建議用點數pt或像素px來定義,pt一般使用中文宋體的9pt和11pt,px一般使用中文宋體12px和14.7px,這是經過優化的字號,黑體字或者宋體字加粗時,一般選用11pt和14.7px的字號比較合適。
參考文獻:
[1] Colleen Coorough and Jim Shuman. Multimedia For the Web Revealed. Deluxe Education Edition.
關鍵詞:工作過程導向;網頁設計與制作;課程教學改革
目前,在全國高職示范院校中推動的基于工作過程的工學結合課程模式,標志著我國正處于推進第三次高等職業教育課程改革中,該模式也正在成為引領和推動高職課程改革的主流模式[1]。
我系計算機網絡技術專業很早就開設了“網頁設計與制作”課程,借助學院一輪課程改革的熱潮,在核心能力分析的基礎上,以職業實踐活動為導向,以必需夠用為基礎,征求行業、企業專家意見并進行論證,對崗位所需的技能、知識和職業能力素質進行分析,將崗位所需的核心能力融入教學體系中,提出了基于工作程導向的“網頁設計與制作”課程改革。
1教育標準
“網頁設計與制作”課程以培養學生成為一名優秀的網頁制作人員為宗旨,以到網絡等相關公司實現零距離上崗,擔任網頁制作等工作而無須企業重新培訓為目標,注重實際操作和必備的基本能力的訓練,使學生熟練掌握網頁設計與制作中的各種操作技術,具備開發、維護小型網站的知識和能力。有助于學生深入學習計算機網絡技術專業后續課程的知識和職業能力,有助于完善本專業學生的知識結構,提高學生從事實際工作的綜合素質。
1.1企業的用人標準
為使我校課程教學滿足實際需求,通過調研用人單位、企業專家探討、文獻分析、畢業生個案追蹤等手段,對人才需求進行全面的調查和分析,職業崗位主要有網站管理員、網頁制作人員、網站編輯,總結出各行各業的主要需求。
(1) 熟悉基本的辦公軟件,熟悉電腦各類軟件的安裝與使用等。
(2) 公司網站管理,域名注冊、虛擬主機管理、企業網站文件管理、企業網站的建設、企業網站策劃等。
(3) 公司電子商務活動,例如產品在互聯網的營銷宣傳、網上交易活動等。
(4) 熟悉網站建設的流程和網頁設計制作流程。
(5) 精通Dreamweaver、Fireworks、Flash等網頁設計工具,掌握HTML、CSS,能夠獨立完成網站的規劃和網頁制作。
(6) 有一定的美術功底,具有良好的領悟能力及溝通能力。
在以上這些需求中,小公司往往要求員工樣樣能行,而專門的網頁設計公司或大型企業則分工較細,比較注重員工在某方面的突出能力。
1.2課程的教學標準
根據企業用人標準和計算機網絡技術專業的培養目標修訂“網頁設計與制作”課程教學大綱,制定本課程的教學標準[2]。
(1) 能力目標。熟悉網站建設的整套思路流程;能熟練地運用網頁制作軟件設計制作靜態網頁;具備設計網站的綜合能力;具備搜集信息、處理信息、整合信息和準備、加工素材的能力;良好的自學能力。
(2) 知識目標。掌握網頁的設計原理與技巧;掌握CCS樣式的使用;熟練掌握網頁制作方法;熟練掌握網頁制作工具軟件的使用;掌握網站的建設與管理和維護等知識;掌握HTML語言的使用;了解腳本的運用;掌握網頁中圖片的設計與制作方法;掌握網頁中動畫的設計與制作方法。
(3) 素質目標。具有一定網站策劃能力,具有一定的想象力和創新能力,色彩感悟力強,結構布局能力強。
2教學改革
工作過程是企業為完成一件工作任務并獲得工作成果而進行的一個完整過程。生產復雜產品、完成重大項目都可能需要多個工作過程,從而構成了該產品、該項目的工作過程系統。本課程遵循以職業能力為主線、以職業生涯為背景、以崗位需求為依據、以工作結構為框架、以工作情境為支撐、以工作過程為導向的教學模式,通過對工作過程的分析,把復雜工作系統即勞動組織關系、工作內容、設備和工具、從業者應具有的技能、知識等要素結構化[3]。
2.1基本思路
課程內容以市場為導向,及時對教學內容做出調整,刪掉舊內容、補充新知識,培養有足夠的理論基礎、較強的創新能力和扎實的實踐動手能力的人才。通過本課程的學習,要求學生能夠利用Dreamweaver、Fireworks、Flash完成網站設計、制作的全過程,開發出具有一定規模的網站。授課時以制作一個個人網站和一個商業網站為主線,貫穿Dreamweaver、Fire- works、Flash的知識。
2.2以工作過程為導向將課程結構模塊化將課程實踐項目化
課程改革要符合基于工作過程的模塊化體系的特征,即每個模塊相對獨立,每學完一個模塊可以獲得一項技能、知識或能力,模塊的內容依據職業崗位工作過程的實際情形確定, 圍繞工作過程組織課程內容,強調技能訓練或能力培養,傳授工作過程知識,模塊之間可以靈活組合,以課程的拓展部分形式構成擴展能力模塊,使學生知識結構更加完善,每個模塊可以包括若干個二級模塊,它們也有明確的行為目標和具體要求。
制定授課計劃時,根據崗位技能需要來選取課程內容和安排順序,并以職業能力培養為目標,設計工作項目,具體涉及工作任務、能力目標、知識目標、拓展性知識等等。一個完整的工作項目包含一系列的典型工作任務,工作項目要在典型的行業中取材,必須在進行充分的行業調研和對職業資格的研究的基礎之上,通過對企業生產或服務情況的了解,選擇出形成該行業職業能力所必需的工作任務,并對技術要求做出明確的定位。典型的工作是以工作結構呈現的,選定工作任務后,還要對其進行教學化處理,這樣才能成為具有學習價值的教學項目,這要靠教師把教學內容融入到項目中,設計一個切實可行的項目?？梢砸哉鎸嵕W站但不拘于一成不變為實踐項目,將實踐與產品、項目結合起來,強調學生將所學知識和技能在實踐中的應用,積極引導學生自主學習。每個任務分為基礎型和拓展型兩個類型,這樣能避免傳統的任務驅動中學生會做這個不會做那個的問題。學生完成后對其完成情況進行評價,及時解決學生普通存在的問題,對完成較好的學生給予肯定。
項目的實施過程為:學生明確任務并獲取信息制定計劃做出決定實施計劃過程控制評定反饋。在該過程中,教師和學生在共同實施一個完整的“項目”中進行學習的行為,也就是以工作過程為導向,以實際工作的任務為主線,由學生自主構建知識與技能的過程,強調學生在學習中體驗到實際工作的全過程。教師把設計好的項目向學生介紹,包括項目涉及到的概念以及該項目在實際工作中有哪些用途。根據“網頁設計與制作”課程的知識、能力目標,要求學生開發一個個人網站和一個旅游網站。前者可以分解為幾個工作任務:認識網頁創建站點應用網頁元素對網頁布局應用CSS美化頁面給網頁添加動態行為制作多個類似頁面(模板),后者根據商業網站的要求,要求布局合理、頁面整齊美觀、具有動態效果,網站風格應充分反映出企業性質,網頁瀏覽人性化等,也可以分解為若干工作任務:寫網站設計方案用Fireworks制作旅游網站中的圖片用Flash制作旅游網站中的廣告動畫用Flash制作旅游網站中的導航動畫制作旅游網站網站測試與上傳。學生在完成項目的學習過程中,通過具體實施行業的典型工作任務,掌握操作技能,學習與工作情境相關的理論知識,形成良好的職業行為規范和職業習慣,達到從事職業的基本要求,為就業打下良好的基礎。
3.3以網頁設計大賽激發學生學習興趣
我系每年都會舉行一次網頁設計大賽,由計算機網絡技術教研室承辦,學生可以獨立參賽或者組成小組參賽,初評入圍的選手可以進入決賽。大賽要求全系學生參加,每位參賽選手在臺上展示自己的作品并進行相關陳述,然后由專業教師、企業專家組成的評委團打分,并由其中一名評委對選手的作品和語言表達進行點評,最后評選出優秀作品并頒發獲獎證書和獎品。通過每年一度的比賽,充分提高了學生的學習積極性,同時還培養了學生的創新精神和口頭表達能力。
3.4以作品評價代替傳統理論考試
本課程的最終目的是要求學生應用所學知識,設計出個性化的特色網站,并上傳到Internet供用戶瀏覽訪問。因此,傳統的理論知識考試方式不能評價學生的學習成績和能力水平,可以改用評價學生所做的網站作品作為期末考試。期末考試要求學生在100分鐘內完成一個完整網站項目的設計與制作,項目中包含一個學期中所學過的全部知識點和技能點。其中30分鐘瀏覽給出的網站素材,根據要求構思一個網站,寫出該網站設計方案,網站設計方案要求包含網站主題、網站欄目設計、網站布局設計,70分鐘制作頁面,必須按網站設計方案的內容來制作頁面。教師給出作品的最低標準:各頁面均有主題,主題鮮明、突出,頁面布局合理、結構清晰、規范,有效網頁不少于2頁,主頁有logo、banner(必須用FLASH制作廣告條),分頁與主頁風格統一,頁面標題欄、狀態欄、版權、ICP備案編號等信息齊全。
作品評價時,網站設計方案占30%,頁面制作占70%。期末總評學習成績由三部分組成:過程考核(平時到課考勤、上課回答問題和隨堂作品)占30%、技能考核(課外分模塊作品)占30%和期末考核(期末綜合作品、期末上機考試)占40%。這種考核方式注重實踐操作和應用開發能力的培養,可大大發揮學生的學習積極性和主動性。
4結語
基于工作過程導向的“網頁設計與制作”課程把復雜、分散的各知識點、技能點綜合起來,選取了制作個人網站和制作商業網站兩大項目,每個項目分解為若干個工作任務,理論知識以工作任務為載體,核心能力與任務實現過程密切相關,課程實踐內容是網站的實際項目,可以充分發掘學生的創造潛能,培養和提高他們的實踐能力、動手能力、分析和綜合能力,讓每個學生都能體驗到成功的樂趣。使高素質技能型專門人才培養定位更加準確,大大提高了學生的培養質量與就業能力。
參考文獻:
[1] 姜大源. 職業教育學研究新論[M]. 北京:教育科學出版社,2007.
[2] 頓祖義. 項目化課程改革:高職院校教學工作的重要抓手[J]. 湖北民族學院學報:哲學社會科學版,2008,26(6):61-63.
[3] 張建國. 我國職教課程開發模式的演變及啟示[J]. 職教論壇,2007(4):4-10.
Investigation of "Web Page Design and Making" Teaching Reform
Based on Work Process Direction
OU YANG Wei-hao, WU Zhen-feng, LUO Zhuo-jun
(Department of Network & Media, Hunan Mass Media College, Changsha 410010, China)
在互聯網越發普及的今天，越來越多的人接觸互聯網，有更多的年輕人對網上的各類網站很好奇，很想明白它到底是怎么一回事。今天我結合自己的教育教學實踐，在這里談談關于個人網站制作的方式，與同仁共勉。
第一、確定個人網站主題。
做網站，首先必須要解決的就是網站內容問題，即確定網站的主題。你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣的內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。
第二、進行頁面總體設計。
一個網站設計成功與否，很大程度上決定于設計者的規劃水平。設計的“風格”是抽象的，只是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標志，色彩，字體，標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值等等諸多因素，網站可以是平易近人的、生動活潑的也可以是專業嚴肅的。不管是色彩、技術、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網站獨有的，這就形成了網站的“風格”。設計的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。
網站制作要有整體風格，各部分要保持協調，整個頁面看起來才不顯得凌亂。然后用平面設計軟件制作整個頁面，常用的軟件有Adobe Photoshop、CorelDraw、Macromedia Fireworks等。Photoshop是平面設計的最好工具，我自己也一直用它做頁面設計，它從6.0版開始特別增強了對網頁制作的支持，非常方便?，F在流行的Fireworks是Macromedia網頁制作三劍客的重劍手，由于它與Dream weaver及flash無縫集成，越來越受到網站制作的歡迎。也只有如此制作出來的網頁才能有個性、有特色，更具有吸引力。風格也是有人性的，通過網站的色彩、技術、文字、布局、交互方式可以概括出一個站點的個性：是粗獷豪放的，還是清新秀麗的；是溫文儒雅的，還是執著熱情的；是活潑易變的，還是墨守成規的。在明確自己的網站印象后，開始努力建立和加強這種印象。加強自己網站的交互式，發揮網絡優勢，使每個使用者都參與到其中來，這樣的設計才能算是成功的設計。
第三、搜集與主題相關的材料。
明確了網站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊?！币胱屪约旱木W站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集的材料越多，以后制作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯網上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網頁的素材。
第四、制作網站主頁。
確定了網站主題，明確了頁面設計風格，做完第1步，搜集好材料。我們得到的只是一個個圖片文件，還沒集成網頁上應該有的元素。接下來要將圖片按制作需求切割成小圖。我們要用HTML語言將切割下來的組件按整體設計“拼裝”回去。眾所周知，HTML語言是一種標記型語言，不需要編譯就可以直接在瀏覽器中執行。所以理論上，我們可以用記事本等文本編輯工具來寫代碼。這要用專門的HTML編輯軟件。HTML編輯軟件大體上可分為兩類：一類是代碼型，典型代表為Home site、Hotdog等；一類是所見即所得型，典型代表為FrontPage。也有兩者兼具的，就是大名鼎鼎的Macromedia Dream weaver。代碼型實際上就是一個文本編輯器，不同的是，它可以有專門的代碼提示功能，用起來比較方便。Dream weaver提供了代碼編寫模式和設計模式（即所見即所得），并且首次將“層”概念引入網頁制作。Dream weaver幾乎可以滿足所有人的需求，甚至還提供了ASP、PHP等腳本語言的代碼提示。
你也可以用Netscape4.0或者WORD7.0,我開始用的是FrontPage，打開Netscape,在file菜單里選Edit Page,便可以制作了。文字的處理基本跟Word一樣,關鍵是插入圖片和產生鏈接。在你的封面做好了所有鏈接和圖片后，記住你必須將這一頁保存為index.htm。因為網頁默認的主頁名稱是index。制作主頁其實很簡單，只要多實際制作，工多則藝熟。
第五、個人主題網站。
要在網上安你自己的家，你必須先申請一個主頁空間，即向某一個主機申請一塊硬盤空間。有較多的主機提供免費主頁空間，具體見實用鏈接欄目。這些主機不僅提供免費個人主頁空間，并且還提供留言簿、計數器等很有用的功能。只要到有關站點申請即可，具體方法，參考相關題目。申請完成以后用FTP將你所有的主頁文件上傳至主機指定的目錄就可以了！
將制作好的頁面放到服務器上，以便更多的人能瀏覽。目前的網頁制作工具基本上都有工具，可以通過各種方式你的頁面，如Dream weaver中的“站點管理器”。用戶亦可使用FTP客戶端軟件進行這步操作。網站好之后，也要做好后期的跟蹤，也就是所謂的用戶體檢，要留意哪些地方是用戶比較喜歡去的地方，哪些又是用戶不愿停留的地方，把一些用戶并不喜歡的地方加以改善，更加完善自己的網站。
關鍵詞：合成課程 信息技術學科 教學策略
中圖分類號：G633 文獻標識碼：C DOI：10.3969/j.issn.1672-8181.2013.14.096
《普通高中技術課程標準（實驗）（信息技術）》（以下簡稱“新課標”）從“知識與技能、過程與方法、情感態度與價值觀”三個維度提出了“提升學生信息素養”的課程總目標。可見，高中信息技術課程不僅要求學生能掌握基本的信息處理知識和技能，還要將信息技術應用于實際生活中，培養獨立思考和創新的思維能力，培養自主學習、自我監控、自我評價和自我發展能力，為學生應對未來挑戰，實現終身發展奠定基礎。
信息技術課程是一門綜合性活動課程，涉及的知識面廣，應用領域寬。課程不僅具有基礎文化類課程、學科課程教學的特點，還兼有勞動技術教學和職業教學的特點。高中信息技術課程的設計具有如下三個特點：一是信息技術應用能力與人文素養培養相融合的課程目標；二是符合學生身心發展需求的課程內容；三是有利于所有學生全面發展與個性發展的課程結構形式。信息技術課程的教學方式和教學手段多種多樣，在教學中會使用到網絡設備、計算機、投影儀、多媒體設備及各類軟件程序，而且具有很強的實踐性。加上信息技術領域門類龐大，技術日新月異，這就要求教師在教學中能及時反映最新知識和主流技術，不僅要更新理念，轉變角色，還要分析學情，設計情景，更要挖掘教材，研究教法。據此，筆者結合新課程教學改革實踐，以新課程理念為指導，針對信息技術課程的特點，嘗試從合成課程的視角，創新課程教學策略，以營造良好的信息氛圍，引導學生自主、合作、探究學習，全面實現三維新課程目標。
1 師生共同參與，共同承擔責任
傳統教學以教師灌輸知識為主，而學生則是被動接受，教學內容由教師確定，學生通過教師設計的習題、練習、作業等掌握知識。信息技術課程的操作性較強，教師在教學中雖然比較注重操作技能的訓練，但只是重復示范和模式化的操作訓練，全不顧學生的感受和興趣，例如，文科生會對較難的編程內容不感興趣，在學習中就會比較消極，甚至產生抵觸情緒，這就忽視了學生在學習中的情感動力。另外，教學信息只是由教師向學生單向傳導，缺乏師生互動和生生互動，學生缺乏學習主動性與責任感，不能體現出學生個性化的需求。
學生本身的知識基礎、能力水平、興趣發展和性格特點都具有特異性。教師在教學中要發掘和引導學生的個性需求，反饋到教學過程中，形成一個多樣性的富有朝氣的教學氛圍，促進學生品格的發展，這是合成課程強調的重點。所以，筆者在新課程教學中更強調以學生為主體，體現師生共同參與、共同承擔責任的合成課程理念。
首先，教師要注重學生的學習信息反饋。關注學生的個人體驗和心理需求，引導學生主動參與教學活動過程，經常設計一些研討性的教學任務，例如網站設計比較分析、個性應用軟件推介等。要求學生課前自己準備講解內容，在教師引導下，讓學生自己去找感興趣的內容，形成報告，課上在全班進行展示交流。整個過程中，教師只是根據教學計劃確定探究方向，放手讓學生自主合作完成，激發并保持了學生對于信息技術學科的學習興趣。
其次，教師要改變教學方式。以往主要以做作業為主，教師的批改也在作業本上，缺少及時的反饋和學生間互動合作的學習情境。經幾年努力，筆者將課程BBS、教學論壇、Moodle在線學習社區、教師博客、“云技術”等信息技術服務于教學。教學不再成為枯燥的單向傳導，學生可將作業提交到學習社區的公共平臺，教師可在教學論壇中拓展性的學習指導，學生也可在論壇中就某個問題發起探討，感興趣的同學都可參與。教師也可利用博客來展示自己的教學風采，以加強師生溝通，而云技術平臺則為公共的信息交流提供了有力的保障，可以把各個班級甚至是以往學生的成果都放在一起進行交流。這些教學策略既反映了師生共同參與、共同承擔責任的合成課程特點，也體現了師生互動合作、共同成長的理念。
2 強調思維、情感與行動的整合
教師的責任是傳道、授業、解惑，教學不僅在于知識的灌輸，也在于人格、品德的引導 。因為信息技術課程知識點清晰，操作要求明確，所以教師在教學中很容易偏重技能的訓練而忽視學生情感態度價值觀的培養。學習是個體認知的建構過程，教師的教學效果在很大程度上取決于學生對教師知識和情感上的認同?！坝H其師，信其道。”學生喜歡信息技術這門課，很多是因為喜歡教信息技術的老師，被老師的人格魅力所吸引。從合成課程視角來看，教師在教學中要注重營造民主、平等、和諧教學氛圍，培養學生積極健康、刻苦努力的學習心態，引導學生正視困難，鼓勵學生積極面對挑戰。
教師要設計豐富多彩的有效教學情境，讓學生能體驗到創造的樂趣。要瞄準學生的“最近發展區”，讓學生能有抬起頭就能吃到葡萄的幸福，有挑一挑就能摘到蘋果的沖動，有絞盡腦汁爭到大西瓜的可能。在教學中要面向全體學生，針對學生學習能力的差異，分層設計不同的學習任務，提出不同的學習要求，使每位學生都能通過自己的努力，在原有基礎上有所進步，分享成功的快樂。例如，筆者設計的VB程序設計接力賽、網站設計比較分析、個性應用軟件推介等任務都是團隊作業，4～5個人組成一個團隊，團隊中的每個人根據自身的特點承擔不同的工作，技術水平高的同學可以承擔更富有挑戰性的工作，技術水平稍差的同學也有自己的用武之地，每位同學都向共同的目標行動，積極的學習愿望推動積極自主學習和品性的培養。
3 課程內容與學生的基本需要及生活有密切關系
傳統的中學信息技術教學有明顯的大學學科教育的痕跡，教學內容系統、繁雜，其中部分內容，如編程方面的內容，學生學起來比較難理解。中學信息技術是基礎課程。在中學階段，我們可引導學生學習一些更實用、更貼近生活的計算機處理技術?；诖擞^點，新課標設置了“內容標準”、“例子”、“活動建議”等部分?！皟热輼藴省笔菍W生要求掌握的知識技術點，“例子”是和日常生活相關的計算機使用范例，“活動建議”明確提出了各種學習活動方式。
例如在講解圖像處理部分時，筆者要求學生制作一份海報，海報的內容可以是環保主題，也可以是青春風采展示。又如在講解音頻、視頻處理技術時，要求學生做一小段視頻，表現豐富多彩的課余生活。再如在學習程序編程時，請學生嘗試建一個個人網站，雖然學生還沒有技術水平獨立完成網站的創建，但是在互聯網上有很多自助建站的系統，我們完全可以借助這些現成的軟件把網站建立起來。這些活動都和學生的生活緊密聯系，能使學生在知識和技能的遷移中，認識信息技術在日常生活中的應用價值，從而引起他們在情感和理智上對于信息技術課程的認同，激發并保持持續學習的熱情。
4 自我是學習的法定對象
教學是一個師生互動、共同發展的過程，教師是教學活動的組織者、引導者和合作者，學生是學習活動的主體，學生的主觀能動性決定了學習的效率。在教學過程中，教師要注意培養學生的學習主體意識。我們設計的一些學習活動都是開放性的，即沒有標準的答案。如網站設計比較分析，要求每個團隊分析一種類型的網站設計，包括商務公司類網站設計比較分析、電子商務類網站設計比較分析、學校機構類網站設計比較分析等。這需要同學們分工合作，訂計劃，找材料，做分析，寫報告，作演示，整個過程在教師引導下，學生自主完成?；顒痈鶕W生不同特長安排不同的工作，如擅長分析的同學做基礎調研，美工好的同學做報告文檔，能說會道的同學作演示。過程與方法是新課標提出的課程目標之一，合成課程下，應該讓每位學生充分發揮自己的作用，體驗學習過程的樂趣，共享合作成果。
5 課程的目標是要培養完整的人
高中信息技術課程的學習，當然希望學生能掌握所有的基本知識和技能，但這不應成為課程學習的唯一目標，更不能急功近利，僅僅為了應試而學習。信息技術的很多能力，例如問題分析、圖像處理、文字處理、軟件使用等不能完全在考試中反映出來，學生的學習習慣、思維能力、人格品質的發展更不能單純以成績來恒量。所以，合成課程下要從重結果轉變到重過程。筆者設計的環保海報制作、課余生活視頻展示、個人網站演示活動都是開放性、具有一定挑戰性的活動，學生在團隊合作中，學會互相協作；在問題解決中，學會知識遷移；在成果交流中，學會取長補短；在多元評價中，學會客觀公正。學生通過自主、合作、探究學習來建構知識、提高技能、發展能力、內化情感，既很好地達成了學習目標，又促進學生心智和品格的發展，更在學習中學會了學習，這才是學生終身持續發展所必需的能力。
在新課標指導下，我們嘗試從教學策略上做了一些改革。新課程改革要求我們從合成課程視角不斷創新，使得高中信息技術教學真正成為一個以學生為主體，師生共同參與，強調思維、情感與行動的整合，以智育為核心的能力、品格、心智全面培養和發展的過程。
參考文獻：
[1]教育部.普通高中技術課程標準（實驗）[S].北京：北京師范大學出版社，2004.
一、美觀大方的網站設計
對于訪問網站來的人來說，網站的設計是留給他們首次的印象，一個只用官方模板，沒有自己設計風格的網站，對于客戶來說信任感是很難提高的。
二、及時更新有效的內容
有的網站內容半年不更新，陳舊的內容會影響用戶體驗，還有就是內容的有效性，如果沒有原創性的內容，沒有及時與網站相關的內容，客戶的信任感也會降低的。
三、詳實的關于介紹及圖片
對于企業的網站來說，要有詳細的企業介紹，還有企業辦公和員工的照片，對于個人網站來說，放自己的照片頭像，也可以提高網絡營銷信任感。
四、具體的聯系和溝通方式
要有具體的聯系地址和位置，有許多網站上只留一個手機或QQ，客戶如何對網站的網絡營銷產生信任，可以加上固定電話，在線的客服，免費的客服電話更能增加客戶對網絡營銷的信任。
五、完備的證件和備案認證
像ICP備案這個是必須有的，如果有工商認證和其它權威行業認證，都可以放到上面，證件齊全的網站才能放心在上面交易和消費，大家可以看一下新浪首頁下面的證件有多少個。
六、用第三方交易平臺交易
可以利用現有成熟的第三方交易平臺進行交易，如淘寶和拍拍，用他們的支付寶和財富通進行支付交易，增加交易資金的安全性，也可增加客戶對網絡營銷信任。
七、真實的客戶記錄和案例
以往客戶的記錄和評價更能促進新用戶的信任，還有就是以前做過的一些真實案例，建設性的負面評價更能提高真實性，增強網絡營銷的信任。
八、權威的機構和媒體證實
如果有權威的機構，如政府部門和行業協會等和傳統的以及網絡媒體的證實與報道，將加分不少。
九、交流溝通的流程和標準
與客戶有交流和溝通要有一個流程標準，讓每位客戶都感覺到是一致的服務流程，另外可以把這些常見溝通問題和流程放到網站上。
十、網站的域名和友情鏈接
【 關鍵詞 】 教育資源網；IA；設計
Design of Educational Resources Website from the Perspective of IA
Gao Chun
（Henan Police College HenanZhengzhou 451000）
【 Abstract 】 This paper describes the current situation and problems of the construction of educational resources in China， and points out the important role of the IA theory to guide the construction of websites.
【 Keywords 】 education resource network；ia；design
1 引言
在教育信息化推動下，我國教育資源網站發展迅速，作為教育資源的重要組成部分，資源網站不僅可以有效促進學習，而且能推進學習的個性化和社會化。因此，各教育機構和高校都紛紛建立起了自己的教育資源站點和遠程教學網站，通過共享學習資源，為學習活動提供必要的資料，對教學活動開展起到很好的促進作用。目前，根據資源網站的組織情況，國內教育資源網站大體可以分為三大類：國家和地方級教育資源網站，分類教育資源網站，學校、企業或個人網站。
雖然我國在教育資源網站建設上取得了很大成績，但由于國內教育信息資源標準化研究太慢，對于資源網建設還沒有一個統一的標準化體系，導致網站建設隨意性較大，存在幾個問題：（1）網站設計花哨，實用價值不大，容易分散學習者注意力；（2）網站頁面信息量大，欄目太多，內容不易查找；（3）頁面層次感、清晰度不夠，部分網站文字模塊過于繁雜，導致信息過載；部分網站圖片使用意義不明，比例設置失衡；（4）為獲取利潤，一些教育機構在網站上掛有太多廣告，容易引起學習者負面情緒；（5）網站缺乏整體規劃，結構松散，沒有一個統一的標準體系。
從以上問題可以看出，現階段我國資源網站的建設，沒能真正站在用戶需求的角度去開發。未來教育信息化的發展應偏向于資源的有效利用上，如何更好地促進學習，做到資源共享，是資源網站設計者們應考慮的問題。
2 IA理論在教育資源網站建設中的重要作用
IA理論即信息構建（Information Architecture），由美國建筑學家R.S.Wurman提出，基本含義是組織信息和設計信息環境、信息空間或信息體系結構，以滿足需求者的信息需求、實現他們與信息交互的目標的一門藝術和科學。它包括調查、分析、設計和執行過程，設計到組織、標識、導航和搜索系統的設計，目的是幫助人們成功地發現和管理信息。
由于互聯網上的信息種類繁多、內容特征多種多樣的多媒體信息，造成信息空間的混論，用戶在其中很容易迷惑和迷失方向。因此，互聯網尤其需要信息構建成為信息化和優化的思想和工具，以幫助用戶在異質的信息空間中管理和獲取信息。隨著網絡的發展，IA理論被引入到網站的設計開發過程中。
網站IA是指借助圖形設計、人機交互圖書館學等理論方法，在用戶需求的基礎上，組織網站信息、設計導航系統、標識系統和搜索系統，幫助用戶方便地查找和應用信息，其核心思想是“讓信息可訪問”和“讓信息可理解”。本文認為，將IA理論應用于資源網站建設有積極作用：（1）獲得和理解信息內容，將信息組織好；（2）優化信息結構；（3）面向用戶傳達信息內容；（4）提供一個清晰的易于信息獲得的界面。作為一門新興的學科，用IA理論指導教育資源網站設計，是一種全新的理念。
3 教育資源網站信息構建設計與分析
教育資源網站作為一個服務性網站，旨在為學習者提供教學資源，對其進行信息構建不僅能使網站的功能、內容和風格上更符合學習者的需求，方便學習者快速獲取信息，而且有助于增強網站的靈活性和可擴展性，為后期維護提供便利。
3.1 網站頁面風格設計
頁面風格設計包括整體形象設計、字體設置和色彩搭配。教育資源網站要立足教育服務和教育文化的理念，不同風格的頁面設計要針對教育內容和學習者類型。色彩和字體的設置也要考慮學習者的喜好，不同專業、不同年齡段的學習者對色彩和字體的喜好都有所不同。
3.2 組織系統設計
組織系統設計是對網站所有信息進行有序分類、合理布局，方便學習者快速的查找定位到所需要的信息。信息組織系統包括信息組織體系和信息組織結構兩個主要方面。信息組織體系也就是組織的維度，分為精確性組織體系和模糊性組織體系。精確性組織體系對信息類別界定比較清晰，方便用戶對信息的查找。模糊性組織體系對信息類別的界定不太清晰，方便用戶對信息進行模糊性檢索。教育資源網站應提供多種信息獲取方式，兩種組織提醒同時使用，精確性組織體系用于顯性內容的瀏覽，模糊組織體系用于相關信息的檢索。組織維度的選擇就是確定組織的上下左右關系，教育資源網站信息組織結構的設計，應以自上而下的樹形結構為主，以自下而上和超文本結構為輔，組織結構在廣度上不超過10項，在深度上不超過5層。
3.3 標識系統設計
標識系統就是標簽系統，負責網站內容的表述，為內容確定標簽、內容或描述。標識系統有五種表現形式，分別為標題型、導航型、上下文鏈接型、索引型和圖形。標識系統的設計不僅可以對頁面起到裝飾作用，還可以引導學習者，使網站更具個性化。設計標識系統應遵循兩個原則：（1）有效的標識系統應明確學習者是誰，為學習者提供什么，怎么用等問題；（2）標識的設計要統一，即版面樣式、設計風格、語法、兩個相同信息內容的標簽等要統一，不可產生歧義。
3.4 導航系統的設計
導航系統就是信息組織系統的頁面化顯示，其目的是讓學習者能夠知道自己所在的位置，所能獲取到的信息，就像地圖一樣，讓學習者知道自己從哪里來，這里有什么，將要到哪里去。網站導航系統主要有幾種類型：全局導航、局部導航、情景式導航、輔助導航。為滿足不同學習者的學習需求，在教學資源網站的設計中，要綜合使用各種導航。其次導航的位置要符合學習者的習慣，通過調查得知，絕大多數學習者習慣全局導航放在網站頂部，而將局部導航放在網站左邊，這樣的布局使學習者有一種熟悉感。
3.5 檢索系統的設計
教育資源網站內容多、信息量大，檢索系統的設計可使學習者快速直接獲取自己所需要的信息。在設計檢索系統時應注意幾個問題：（1）提供多種檢索方式，為滿足學習者不同的信息需求，應設置全文檢索、作者檢索、圖片檢索、視頻資源檢索等多種檢索方式，方便學習者查詢；（2）檢索界面的設計應提供簡單檢索和復雜檢索兩種方式，提供模糊、精確和二次檢索功能；（3）檢索結果應設置必要的提示，當學習者無法檢索到所需信息，系統應提供相關檢索建議。
參考文獻
[1] 陳洪磊.基于IA的高校門戶網站問題分析與對策[J].情報雜志，2010.12.
[2] 徐瑾.信息構建探析[J].科技進步與對策，2005，22（2）：170-171.
[3] 陳建勛.Web信息架構（第三版）[M].北京：電子工業出版社，2008（8）.
這只是一本適合于大中專在校生、網頁設計初學者的入門級讀物，但它的確是一本易學實用的書。
書的裝幀、版式還不錯，印刷也很精美。所有頁面底色均罩有一層淡淡的黃色，字號大小適中，閱讀起來非常舒服，說明清華大學出版社做書還是很精益求精的。再看內容，作者從視覺傳達的角度，對色彩原理進行了講解，對網站的色彩表現進行了分析；通過色彩分類以及實際的網站配色案例，結合網站結構和功能進行深入剖析，為網頁設計人員提供了系統而完整的配色理念和配色方案。同時書中還列舉出各年齡段的色彩心理，對網站色彩按照形容詞、名詞、心理感覺等進行分類；通過對門戶類、資訊類、時尚類、企業形象類、電子商務類、文化生活類、政府機構類、娛樂類等站點的色彩構成進行梳理，使讀者直觀地理解不同類別網站的不同風格。并且還對可口可樂、索尼等著名品牌站點，在風格、結構、色彩等方面，逐一進行歸納和賞析，讓讀者更加深刻地體會到：色彩是如何在網站信息傳達中發揮著重要作用，并怎樣對網站功能產生影響的。
光盤文件抓圖（光盤里面附有我們常用的色彩文件，非常詳細，TIF文件格式）借鑒的。
本書前言：
互聯網逐漸躋身于當今傳媒的主流。在這種背景下，視覺傳達在網絡傳播中的位置得以突顯。人們在進行資料搜索、電子商務和游戲娛樂時，必然借助于便捷易用、賞心悅目的網站界面，同時通過網站界面，可以直觀地感受到不同站點的風格和特點，獲得更多的網站信息。網站色彩在視覺傳達中，能夠給人以強烈的第一印象，因此，處于“重中之重”的位置。網站色彩已經成為網絡信息時代具有挑戰性和創造性的研究課題。
書中列舉出各年齡段的色彩心理，并對網站色彩按照形容詞、名詞、心理感覺等進行分類。通過對門戶類、資訊類、時尚類、企業類、電子商務類、文化生活類、政府機構類、娛樂類、個人類和另類站點的色彩構成進行梳理，使讀者直觀地理解不同類別網站的不同風格。同時對可口可樂、索尼等著名品牌站點，在風格、結構、色彩等方面，逐一進行歸納和賞析，讓讀者更加深刻地體會到：色彩是如何在網站的信息傳達中發揮作用的，怎樣對網站功能產生影響；從企業形象的角度，如何運用色彩對網站進行準確定位與推廣。總覽全書，作者對色彩原理進行了講解，對網站的色彩表現進行了分析，并通過色彩分類以及實際的網站配色案例，結合網站結構和功能進行深入剖析，為網頁設計人員提供了系統而完整的配色系統理論和配色方案。同時，對啟發和開闊設計人員的設計思路，也具有一定的作用。
本書主要面向專業的網站設計人員和廣大網頁設計愛好者，是一本不可多得的網站色彩理論書籍。通過本書，可以系統地學習網站色彩知識，掌握網站色彩搭配技能，提升網站色彩運用理念。也可以將它作為一本字典式的工具書，通過成功的配色方案，以及多種角度、多個案例的結合，為讀者的實務設計提供新的靈感和創意點。特別需要指出的是，本書強調了企業形象識別系統在網站設計中的滲入與應用。作者認為，網站色彩是企業形象識別系統中不可缺少的重要組成部分。希望網站設計和企業策劃人員通過本書能夠得到更多的啟示。
本書內容翔實，結構緊湊，覆蓋知識面廣泛。如果網站設計師和網頁設計愛好者們能夠從書中各取所需，那正是作者所期望的。同時，由于編寫時間較為倉促，書中難免會有疏漏和不足之處，懇請廣大讀者提出寶貴意見。
本書目錄：
網頁配色密碼
主編：顧群業
作者：宋玉遠 張光帥
第一章 網站色彩理論
1.1數碼色彩原理
1.1.1 數碼技術與互聯網
1. 數碼軟件技術
2. 互聯網的功能
3. 網站色彩
1.1.2 三原色原理
1.1.3 色相、明度和純度
1.色相
2.明度
3.純度
1.1.4 色彩的對比
1.1.5 冷色與暖色
1.1.6 灰彩
1.1.7 色彩恒常性
1.1.8 色彩同化
1.1.9 色彩的易見度
1.1.10 色彩的錯覺
1.1.11 色彩的補償
1.1.12 色彩的膨脹和收縮
1.2 網頁色彩的基調
1.2.1 色彩調子的重要性
1.2.2 色彩調子的種類
1.鮮艷色調
2.淺調
3.亮色調
4.深色調
5.中色調
1.3 網頁色彩的美感
1.3.1 美感與心理
1.3.2 美感與設計
1.4 色彩模式
1.4.1 RGB色彩模式
1.4.2 CMYK色彩模式
1.4.3 HSB色彩模式
1.4.4 Lab色彩模式
1.4.5 Indexed Color（索引）色彩模式
1.4.6 Bitmap（位圖）色彩模式
1.4.7 Grayscale（灰度）色彩模式
1.4.8 雙色調（Duotone）模式
1. 5 Web 216安全色
第二章 網站的色彩表現
2.1 網頁色彩的情感表現
2.1.1 網頁設計色彩的情感表現
2.1.2 網頁設計色彩的感情分析
1.冷暖色彩對人的情感表達
2.色彩對人的情感傾向性表達
3.色彩的心理聯想
2.2 網站的色彩表現
2.2.1 性別的色彩表現
1.男性色彩的表現
2.女性色彩的表現
2.2.2 年齡的色彩表現
1.嬰兒、兒童色彩的表現
2.青年色彩的表現
3.中年色彩的表現
4.老年色彩的表現
2.2.3 文化的色彩表現
1.五色（五行）說色彩
2.中國京劇臉譜
3.傳統書畫色彩表現
2.2.4 商業的色彩表現
2.2.5 城市文化的色彩表現
2.2.6 虛擬網站的色彩表現
2.2.7 自然界的設計色彩表現
2.2.8 流行的色彩表現
2.4 網站的色彩信息量
2.4.1 紅色的信息量與網頁表現
1.紅色配色常識
2.紅色的性格特點
3.紅色引起的聯想與信息
4.關于紅色網頁色彩搭配分析
2.4.2 黃色的信息量與網頁表現
1.黃色配色常識
2.黃色性格特點
3.黃色引起的聯想與信息
4.黃色調網站色彩搭配解析
2.4.3 綠色的信息量與網頁表現
1.綠色配色常識
2.綠色性格特點
3.綠色的聯想與信息
4.綠色調網站色彩搭配解析
2.4.4 藍色的信息量與網頁表現
1.藍色配色常識
2.藍色性格特點
3.藍色聯想與信息
4.藍色調網站色彩搭配解析
2.4.5 黑、白的信息量與網頁表現
1.對黑、白的描述
2 黑、白色的性格特點和配色
3.黑、白色的聯想與信息
4.黑色調網站色彩搭配解析
5.白色調網站色彩搭配解析
2.4.6 灰色信息量與網頁表現
1.灰色性格和特點
2.灰色聯想和信息
3.灰色調網站色彩搭配解析
第三章 網站色彩魔法寶典
3.1 按形容詞分類
3.1.1 柔和的，柔和的，明亮的
3.1.2 柔和的，潔凈的，明朗的
3.1.3 可愛的，快樂的，有趣的
3.1.4 活潑的，快樂的，有趣的
3.1.5 運動的，輕快的
3.1.6 動感的，華麗的
3.1.7 狂野的，充沛的，動感的
3.1.8 華麗的，花哨的，女性化的
3.1.9 回味的，女性化的，優雅的
3.1.10 高尚的，自然的，安穩的
3.1.11 冷靜的，自然的
3.1.12 傳統的，高雅的，優雅的
3.1.13 傳統的，穩重的，古典的
3.1.14 忠厚的，穩重的，有品位的
3.1.15 簡單的，潔凈的，進步的
3.1.16 簡單的，時尚的，高雅的
3.1.17 簡單的，進步的，時尚的
3.2 按名詞分類
3.2.1 紅色(Red)
3.2.2 橙色(YellowRed)
3.2.3 黃色(Yellow)
3.2.4 黃綠色(YellowGreen)
3.2.5 綠色(Green)
3.2.6 青綠色(BlueGreen)
3.2.7 藍色(Blue)
3.2.8 藍紫色(PurpleBlue)
3.2.9 紫色(Purple)
3.3 按色彩心理感覺分類
3.3.1 友善
3.3.2 土性
3.3.3 堂皇
3.3.4 神奇
3.3.5 柔和
3.3.6 熱情
3.3.7 熱帶
3.3.8 清新
3.3.9 清爽
3.3.10 平靜
3.3.11 流行
3.3.12 爛漫
3.3.13 可靠
3.3.14 活力
3.3.15 懷舊
3.3.16 古典
3.3.17 豐富
3.3.18 動感
3.3.19 低沉
3.3.20 傳統
3.3.21 奔放
3.3.22 專職
3.3.23 強烈
3.3.24 高雅
第四章 網站設計實戰案例分析
4.1 門戶類網站
4.1.1 色彩設計與網站風格
4.1.2 框架及色彩
4.1.3 風格設計的創新與延續
4.2 資訊類網站
4.2.1 網頁導航及布局
4.2.2 框架及色彩
4.2.3 風格設計及各類信息
4.3 時尚類網站
4.3.1 流行文化及時尚
4.3.2 風格設計及各類信息
4.3.3 文體時尚
4.3.4 品牌時尚
4.4 企業類網站
4.4.1 企業文化與VIS的統一
4.4.2 風格設計及各類信息
4.4.3 以形象為主的企業網站
4.4.4 以產品為主的企業網站
4.5 電子商務類網站
4.5.1 信息的可信度
4.5.2 框架及色彩
4.5.3 商品信息與網站層級結構
4.5.4 小店鋪型風格設計
4.5.5 風格取決于消費者的偏好
4.6 文化與生活類網站
4.6.1 網站文化與網站氣氛
4.6.2 框架及色彩
4.6.3 風格設計
4.6.4 女性網站
4.6.5 男性網站
4.6.6 兒童網站
4.7 政府機構類網站
4.7.1 大氣的網站風格
4.7.2 框架及色彩
4.7.3 內容簡單明了
4.8 娛樂類網站
4.8.1 網站的受眾定位
4.8.2 多樣的色彩風格
4.8.3 氣氛營造與網站風格
4.8.4 影音類網站
4.8.5 游戲類網站
4.9 個人網站
4.9.1 風格多樣化
4.9.2 自由的色彩
4.9.3 多樣的色彩風格
4.10 另類網站
4.10.1 另類網站的自由與特點
4.10.2 另類網站的獨立性
4.10.3 另類網站的多樣風格
第五章 經典網站配色與鑒賞
5.1 可口可樂(coca-cola)公司網站
5.1.1 可口可樂公司簡介
5.1.2 可口可樂網站頁面
5.1.3 可口可樂網站配色采集
5.2 阿庫拉（ACURA）汽車網站
5.2.1 阿庫拉（ACURA）汽車品牌簡介
5.2.2 阿庫拉（ACURA）汽車網站頁面
5.2.3 阿庫拉（ACURA）網站配色采集
5.3 索尼（sony）電子網站
5.3.1 索尼（sony）公司信息簡介
5.3.2 索尼（sony）電子網站頁面
5.3.3 索尼（sony）電子網站配色采集
5.4 福特（Ford）汽車銷售網站
5.4.1 福特（Ford）汽車公司簡介
5.4.2 福特（Ford）汽車網站主頁
5.4.3 福特（Ford）汽車銷售網站配色采集
5.4.4 福特（Ford）汽車發動機內網
5.5 Claren公司清潔護理商業服務網站
5.5.1 Claren公司商業服務網站簡介
5.5.2 Claren公司商業服務網站頁面
5.5.3 Claren公司網站配色采集
圖書在版編目（CIP）數據
網頁配色密碼/顧群業 主編，宋玉遠，張光帥 編著.—北京：清華大學出版社，2006.12
（七彩網絡）
ISBN 7-302-14059-6
I.網… II.①顧…②宋…③張… III.主頁制作—配色 IV.TP393.092
1、電子商務專業：是融計算機科學、市場營銷學、管理學、法學和現代物流于一體的新型交叉學科。目的是培養系統掌握電子商務的基礎知識和基本技能，熟悉各類電子商務活動的基本業務流程，能熟練運用電子商務技能和現代信息技術從事電子商務活動、電子商務網站及系統建設和安全維護工作、電子商務管理業務的高級應用型技術人才。
2、電子商務專業的專業方向：電子商務專業有六個專業方向分別為網站設計與程序方向、網絡營銷編輯方向、網絡產品規劃方向、企業信息化、個人網絡創業及銀行卡的研發方向。電子商務專業在不同高校里要求的課程也是不一樣的，一些院校注重電子商務網絡技術計算機技術，還有一些院校會把課程重點放在商務模式上面，這些主要體現在這個專業所在的院系，有的在管理學院，有的會在信息科學與技術學院，有的會在軟件學院，在這樣各個院校培養出來的學生的專長也會有一定的區別。
3、電子商務專業的就業方向：專業畢業后，可從事銀行的后臺運作、企事業單位網站的網頁設計、網站建設和維護、或網絡編輯、網站內容的維護和網絡營銷、企業商品和服務的營銷策劃等專業工作，或從事客戶關系管理、電子商務項目管理、電子商務活動的策劃與運作、電子商務系統開發與維護工作以及在各級學校從事電子商務教學等工作。?？茖W生,還可以在呼叫中心從事電話營銷、電子商務助理等文職的工作。
4、電子商務專業的就業前景：近年來，隨著全球電子商務高速增長，我國電子商務也急劇發展，使得電子商務人才嚴重短缺，由于互聯網用戶正以每年以百分之百的速度遞增，該行業的人才缺口相當驚人，預計我國在未來10年大約需要200萬名電子商務專業人才，從社會調查實踐來看絕大多數企業已陸續步入電子商務行列，采用傳統經濟與網絡經濟結合的方式生產經營。根據這個現象可以知道中小企業步入電子商務行列急需電子商務人才，所以電子商務就業前景是有希望的，國家政策正在大力支持電子商務的發展，商務部已經對電子商務專業人才給予極大重視。
（來源：文章屋網 ）
關鍵詞：高職軟件；技術專業；課程教學；互聯網
在高職軟件教學模式的建立中，教師應該堅持“以人為本”的教學理念，提升學生對于高職軟件課程知識的掌握水平。在互聯網背景的終端課程教學活動中，教師應該針對計算機應用基礎課程群的特點，開展計算機應用基礎教學工作。對于辦公軟件的應用教學，應該積極地引導學生實踐學習，在重復的實踐操作活動中，逐漸掌握軟件學習的有效方法。
一、高職軟件技術專業課程中“互聯網+”教育的課程安排
在操作系統應用課程能力建設活動中，教師應該對學生的網絡應用能力進行培養，重點開展網絡課程專業知識的教學工作。在數據庫設計互動中，可以讓學生參與到具體的設計活動中去。我們可以在程序設計課程中，配合C語言程序設計與開發，強化窮數據結構分析與算法能力的提高。在軟件工程課程群建設活動中，推行課程教學改革，應該體現出教學工作的實效性，讓學生對現階段的流行軟件進行學習和研究，從而提高學生互聯網理論常識性知識的積累和表達能力。在高職軟件教學中，對于主流軟件和網絡系統，應該開展重點教學，比如Android系統、iOS蘋果主流軟件系統、Windows-phone單機系統，webAPP系統等等。教師在教學活動中，應該從UI美工設計的角度切入，開展軟件工程與軟件測試技術的投入研發與技術創新活動。
二、高職軟件技術專業課程中“互聯網+”教育的有效方法
（一）常用類軟件的教學
從數據庫系統基礎運營嘗試出發，讓學生能夠面向對象開展對應性的軟件設計與開發活動。在JAVA程序設計的活動中，讓學生能夠掌握軟件設計與開發的精髓。在軟件工程課程群開發的活動中，教師應該從MS-NET課程教學開發的細節入手，做好軟件程序設計的內容規劃。在JAVA-web應用開發活動中，應該對商務網站設計的方法進行輔教學，強調對于學生個人網站設計能力的綜合性培養和開發。在“互聯網+”網絡課程實踐教學形式的運用過程中，高職軟件課程教師應該在教學項目中加入課內實驗的板塊，讓學生能夠在課堂學習基礎理論知識的同時，進行針對性的個人軟件開發能力的培養，將自己學習到的理論課程知識運用到實踐活動中去。在實踐學習的活動中，教師應該提高教學的層次性，從仿真項目的開發運用中，讓學生積極參與到課程實訓活動中去，讓學生積極加入到課題小組的研究活動中去。如果學生對于單項研究領域有比較濃厚的興趣，應該從學校和企業的合作模式入手，讓一部分擁有一定開發能力的學生參與到軟件開發的商業項目中去。
（二）實踐教學的學生能力開發
在高職學生電子商務專業技術能力的培養活動中，學生應該會使用計算機工具制作網頁，并且逐漸學會建設靜態的網站。教師應該從計算網絡管理、網站設計與管理和動態網頁設計等多個方面開展教學活動。在軟件技術專業中，重點以C語言教學的知識板塊為切入點，強調課程綜合實踐教學中的計算機應用教學基礎實現。在課程綜合實踐教學活動中，開展C語言面向對象的程序課程教學設計方法改革，通過數據結構優化的方式，實現SQL-SERVER2000類型結構數據教學。在課程綜合實踐教學活動中，教師應該從數據ADO-NET數據庫應用開發的方式入手，實現UML基礎軟件工程的全面性建設。對學生的課程綜合能力進行培養，強調在教學活動中凸顯實踐板塊的重要性，實現專業綜合實踐能力教學的價值。
（三）專業板塊教學能力培養
在高職院校數字媒體專業學生教學活動中，學生應該能夠進行常規的圖像處理，并且要具有一定的網頁美工表現能力。學生具備了平面設計能力、廣告設計能力才能夠進行簡單的網站制作。高職學生在具備了應有的網絡技術服務能力，才能夠在后期的求職活動中占據一定的優勢。在專業能力培養的活動中，應該對于學生廣告創意設計以及三維動畫制作方面的知識進行專業教學。可以開展以JAVA語言教學為基礎的綜合性實踐活動，進行基于ASP-NET專項知識板塊的設計方法探討。在課程能力考核的過程中，應該對學生程序完成的完整度、程序的正確性、代碼規范性和設計思想創新性四個方面出發，實現教學評價的全面性建設。強化對于學生數據信息維護能力的培養，讓學生學會使用指定的軟件進行數據加工等活動處理，參與到數據搶救與修復。在硬件故障排除與維護知識教學活動中，教師應該對學生JAVA應用程序設計能力進行培養。優秀的高職院校軟件畢業生，能夠進行規范的數據挖掘與分操作，根據計算機產品開展策劃、營銷、推廣的相關后期服務工作。
結束語
在“互聯網+”模式的課程教學活動中，教師應該對常用類軟件的操作系統進行教學，對LINUX系統管理方法進行剖析，讓學生在學習活動中逐漸掌握互聯網軟件的運行原理。在計算機網絡課程教學活動中，可以配合物聯網教學的相關知識，開展LAMP技術的對應性教學。
參考文獻：
[1]聶宇,鄒賢芳,周香慶等.從Web發展探索高職軟件專業的網頁課教改之路[J].福建電腦,2011,27(8):178-179.DOI:10.3969.
[2]陳玉平.對高職計算機應用專業中開設移動軟件開發類課程的思考[J].科技致富向導,2011,(21):41.
[3]劉燕,張少華,李智高等.基于Moodle系統的高職藥學專業網絡教學平臺的設計和實踐[J].中國高等醫學教育,2012,(1):54-55.DOI:10.3969.
[4]張小玲,秦鳳梅,邱玉輝等.基于工作過程導向的課程開發研究與實踐[J].計算機科學,2013,40(z2):421-422,425.DOI:10.3969.
【關鍵詞】網頁設計；教學方法；實踐
擁有自己的網站是政府機關、企事業單位以及廣大網絡愛好者的共同需求，制作精美的網頁來吸引瀏覽者，提高網站的知名度，是大家共同的目標，而這一切都依賴于網頁的設計和制作技術的運用，因此，也說明了網頁設計與制作課程的重要性。《網頁設計與制作》是近年來計算機領域發展最快和應用最廣的課程之一，現階段急需培養掌握網頁設計、面向不同應用層次的人才。
1.《網頁設計與制作》課程的特點
《網頁設計與制作》課程的特點是涵蓋知識面廣，綜合性和實踐性較強?！毒W頁設計與制作》不是作為一門課程孤立存在的，它需要依靠多門課程的知識給予支撐。它們相互滲透和依賴，構成一個科學的、完整的課程體系。
《網頁設計與制作》課程的教學以“實用、必須、夠用”為原則，強化培養學生的實踐操作能力及分析應用能力，做到“講、學、練”統一協調。課時分配上注意將理論與實踐進行科學、合理的安排。突出實踐環節，注重培養學生的實踐動手能力，提高理論服務于實踐的意識。
2.《網頁設計與制作》課程的教學方法
2.1 項目教學法
將《網頁設計與制作》課程的總項目確定為開發一個具有一定實用功能的網站，并根據其中涉及到的知識點，將課程總項目劃分為若干子項目。項目以任務書的形式下發給學生，按制定計劃、實施、評價、和實際運行等階段寫出時間和目標要求。
2.1.1 制定項目計劃
對項目涉及的問題進行分析，確定操作步驟，選擇方法，制定計劃。在此階段，學生的主要任務是制定項目實施計劃。教師的主要任務是關注學生的做法是否正確，啟發和指導學生。在教學中采用分組法，將班級學生分成多組，每組人數約8人，選派一名“項目負責人”，為了讓大家都能得到鍛煉的機會，一般讓團隊的學生輪流當項目負責人。學生以團隊為單位制定項目計劃。例如，在做“學院主頁”這一項目時，教師將此項目的學習目標和能力目標告訴學生。然后和學生一起分析項目，制定完成項目的基本步驟：首先確定網頁的主題、內容、布局結構、色彩設計方案等以及團隊人員的分工安排；然后根據設計繪制草圖；最后寫成項目計劃書。項目教學注重學生主體作用的發揮和綜合能力的培養，在制定項目計劃過程中，教師要重視學生個性發揮，鼓勵學生形成自己的特色。制定好計劃后，教師要讓每個團隊的“項目負責人”介紹制定的計劃，并說明設計理由。通過對項目計劃的介紹，一方面可以提高學生的表達能力，另一方面，學生之間可以互相啟發和學習。教師適當的把自己的見解和意見告訴學生，幫助提高計劃的可行性。
2.1.2 實施項目計劃
在實施過程中，要求學生注意兩點：一是團隊的合作精神和工作效率；二是要求學生認真記錄每個操作步驟和過程。教師不僅要為學生提供充足的資源，而且要在學生實踐操作過程中邊觀察邊指導。學生在制作網頁時，由于分工不同，處理圖片的學生與設計版式的學生往往不是同一人，處理出來的圖片經常會與布局規格不一致。教師要及時指導學生按照計劃書的設計圖進行設計，指導“項目負責人”組織好團隊，與同學做好交流和溝通。有時候，計劃書里一些預期的設計效果學生不能完成，如層的精確定位、FLASH動畫的透明顯示等，教師可及時進行指導，一方面可加深和鞏固所學的知識點，另一方面，提高學生的學習積極性。
2.1.3 項目評價
學生在完成項目后，教師要求他們進行自評和互評。學生對各自項目自評，不僅有利于學生的自主學習，而且可以改進課程或教學的設計，其作用是重視學生學習主體，重視學生的反思，以促進學生的發展。學生互評是讓學生對學習成果進行共享，從學生的角度發現問題以及提出改進意見，教師要引導學生盡量客觀地從正面進行相互評價。
首先讓每一組同學進行自評，完成自評過程后，請每一組以項目負責人為主，介紹本組設計的網站，在介紹過程中要求說明各自網站的設計的過程，遇到過什么問題，這些問題是如何解決的。其他組的同學可提出問題，讓設計者解釋網站所用的相關技術及特點，隨后進行互評。在評價過程中要充分發揮學生的評價能力，適時引導學生通過自我反思和相互評價了解自己的優勢和不足，學習別人的特長和優點，以評價促進學習，讓學生在互評中相互學習、相互促進，共同提高。最后教師對各項目組的網站進行綜合評價，這一工作很重要，是必不可少的。教師在評價學生網站時不能只進行優劣評價，而應該要指出問題所在，給出具體改進及修改建議等，讓學生去完善網站。
2.1.4 項目歸檔及
項目完成后，歸檔工作也是網站工作的一部份。要求每個項目組對各自網站設計時的書面材料的右上角標注編號，并做好各種材料的目錄表。對文本文件，圖像文件，Flas文件、聲音文件、視頻文件，以統一的格式保存，做好這些文件材料書面記錄。記錄好在網站設計過程中使用過的軟件名稱、型號、版本號和相關參數手冊、說明資料等。最后刻錄好光盤，做好用戶手冊，并制作好電子文件的備份。
每個項目組，申請一個域名及網站空間，并把各自的網站傳送至Web服務器中，完成站點的工作。進行市場化運作的項目交用戶驗收使用，并要經常對用戶網站進行維護和更新，以提高網站的訪問量，達到好地宣傳效果。
實踐表明，以項目為驅動的教學方法，有效地建立了課堂與社會現實生產生活的聯系，使學生學習更有針對性和實用性，為以后進入實踐和實習打下了基礎；同時也有效調動了學生的積極性，充分發揮了學生的主動性和創新精神。
2.2 案例教學法
從《網頁設計與制作》課程的實際問題出發，精心準備各種典型案例，構建課程的宏觀教學設計。例如，層與導航、書籍專賣、旅游網站、房地產公司網站、個人網站等。以若干個案例為載體，形成循序漸進、種類多樣的項目群，構建完整的教學布局。在案例教學中，首先要確定掌握哪些基本原理，然后，再選擇出能夠說明這些原理、理論的案例來。具體實施步驟如下：
2.2.1 收集和整理素材
這是實施案例教學法的基礎和前提。信息是網站的根本，根據網站主題內容收集各種信息資料。如學院網站包括：學院簡介、專業簡介、招生就業等內容資料。整理資料則是根據將上述收集到的資料進一步挑選和細化，收集到的網頁素材應落實為站標、內容、導航欄等頁面元素。將收集到的資料轉換成網頁所能識別的文件格式。我們可以在各類網站收集或自己制作所需的網頁素材，以便在教學案例中使用。
2.2.2 選擇和設計網頁案例
在選擇和設計教學案例時應注意幾點：一是案例必須具有教學性：通過直觀的網頁案例可以形象生動的展示學習的目標，也使學生能明確所學知識的實用價值，從而提高學生學習的興趣和積極性，這也是運用案例教學的主要目的。二是案例必須具有典型性：所選擇的案例要能充分地考慮理論知識點和操作技能等學習目標，應遵循由簡到繁，由易到難，循序漸進地原則。所選擇和設計的網頁教學案例更要能突出重點，突破難點，真正起到幫助學生理解如何制作和設計網頁的作用。三是案例必須具有針對性：選擇和設計教學案例應針對學生的實際興趣和接受能力來選擇，這樣學生就會學得興致盎然，教師的點撥也會事半功倍。
2.2.3 演示和講解網頁案例
通過案例演示，提出問題，講解案例應用背景，給學生一個切入點，建立感性認識。目的是激發學生的學習興趣、讓學生感到學有所用，從而明確本次課的教學目標。將案例分解為若干個可行的任務，然后在一個個任務的驅動下，逐步完成案例的演示。一個網頁案例往往包含了多個知識點，授課教師在講操作時如果一口氣把整個案例過程講完，學生雖然能聽懂，但不能記住。因此必須分步驟講解，新知識點越多，步驟應分得越細。教師每講完一步就要讓學生練習一步，學生練完、練會后，老師再接著講。這樣直到學生一步一步地跟著老師把整個案例完成為止。教師在授課時一定要注意控制好速度，在講到一些新知識點或學生操作比較生疏時，速度要盡量放慢些。一段時間后，學生有了一些基礎，講課速度可稍快些，特別是一些已經學過的知識點，可以快速講解，甚至可以略過而只講新知識點，以便多節省點時間給學生練習。
2.2.4 總結和應用
在每次課結束前，引導學生進行歸納總結。對本次課的實際意義、重點、難點、容易出錯處等及時進行總結。并針對案例的不足之處，進行引申和提高。注意在這個階段，強調的是“引導”學生，而不是老師講解。
案例源于生活，最終要應用于生活。為了使學生能學以致用、舉一反三、觸類旁通，每次教學結束時及時布置相關的課后練習，使學生在課后進一步復習鞏固，并且將課后作業納入形成性考核的內容之一。同時給出下一次課的學習內容，提示學生預習。
在《網頁設計與制作》課程中采用案例教學法，讓學生對網頁設計的基本理論知識的理解和技巧的掌握更具體化。案例教學法對激發學生的學習興趣、提升學生的學習效率作用十分明顯。
3.網頁設計實踐環節
當學生已基本掌握了本課程的大部分內容時，可以布置一份綜合作業，要求每位學生設計一個網站。要求學生對自己的網站要做到既有鮮明、統一的風格又有完善的內容，將頁面的結構、圖片的位置、鏈接的方式設置合理，做到網頁布局的和諧統一，并且還要做到容易更新等。要做到這些，就必須在制作網站之前，對網站進行一個總體規劃，然后再逐步進行設計。
為了讓學生有良好的創作技巧和獨特的風格，把綜合作業布置之后，先讓學生進行選題，構建出自己的網站結構，再上網查詢相關的資料，然后對網站進行規劃，寫出書面的網站設計方案，教師對每個學生的方案進行審查和評閱，及時指出應改進的地方和存在的問題，符合要求了，學生方可開始制作。
3.1 培養自主學習能力和基于問題式學習能力
綜合作業里貫穿著問題式學習方法，完成綜合作業需要學生發現問題，帶著各種問題，考慮自己要學習哪些內容，在課后自行學習課堂和書本上未曾講過的知識，需要自行查找大量的資料，確定設計方案，獨立完成從設計、測試、排除問題到實現的全過程，通過綜合作業，培養學生靈活運用所學知識解決比較復雜的實際問題的能力。
3.2 培養團隊合作精神
在實際工作中，很多工作都不是一個人能獨立完成的，這就需要團隊合作，以集體的智慧攻克難關。學生在完成綜合作業的過程中，勢必要遇到一些相對比較棘手或者百思不得其解的問題，這個時候同學之間的溝通與交流乃至合作是非常必要和有益的。在對問題的討論過程中不僅能了解對同一問題的不同解決方法，更能加深對知識的理解，同時學生自身的能力也在這一過程中獲得了提高。
3.3 鼓勵學生勇于創新
在布置綜合作業的時候，要給學生留有充分發揮的空間，鼓勵學生勇于創新，最大限度地接觸最新技術，鼓勵學生敢于向難題挑戰。在滿足綜合作業基本設計要求的前提下，鼓勵學生自行添加附加功能，為自己的作品“錦上添花”。在網頁設計綜合作業中，個人網頁設計精彩紛呈，有些沒有講過的技術，學生也能應用。學生的思維是非?；钴S的，只要加以正確的引導，在建立了興趣的基礎上，他們總能帶給我們“意外的驚喜”，甚至是驚嘆，教師在這一過程中也能從學生那里學到一些新知識。
學生在完成綜合作業以后，不僅僅增強了動手能力，鞏固和提高了對知識的掌握和理解，更是極大地培養了創新意識與創新思維。我們只有讓學生在快樂的基礎上主動學習、實踐，讓學生在學習的過程中嘗到成功的喜悅，感受到自身能力的提高，增強學習的主動性，才能夠真正達到學習的目的，才能最大限度地將“以學生能力發展為本，培養學生的創新意識與創新思維”的教學理念滲透進教學中去。
4.結束語
《網頁設計與制作》課程教學內容活潑多樣，教學方法靈活多變，目的明確。實踐證明，以上教學方法及實踐環節，都充分調動了學生的學習積極性，體現了以學生為主體的思想，充分體現了理論與實踐的緊密結合，學生既學到了理論知識也掌握了實踐技能，提高了學生的技術應用能力，收到良好的教學效果。
參考文獻
[1]劉英暉.探索項目導向法在《網頁設計與制作》中的運用[J].制造業自動化,2011
(6):188-190.
[2]韓勇.案例驅動教學法在《網頁制作》課程分階段教學中的運用[J].電腦與信息技術,2010(4):68-70.
關鍵詞：網站設計
據中國互聯網絡信息中心統計，截至2008年6月，使用“.省略”域名的政府網站總數發展到近1.省略)的組織下，網站標準開始被建立。
1.框架程序技術。對于政府網站，程序的選型這里推薦使用JSP。JSP頁面由HTML代碼和嵌入其中的Java代碼所組成。服務器在頁面被客戶端請求以后對這些Java代碼進行處理。然后將生成的HTML頁面返回給客戶端的瀏覽器。JSP具備了Java技術的簡單易用，完全的面向對象，具有平臺無關性且安全可靠，主要面向因特網的所有特點。
MVC即Model-View-Controller的縮寫，是一種常用的設計模式。MVC減弱了業務邏輯接口和數據接口之間的耦合，以及讓視圖層更富于變化。MVC本來是存在于Desktop程序中的，M是指數據模型，V是指用戶界面。C則是控制器。大部分Web應用程序都是用像JSP、PHP或者ASP這樣的過程化語言來創建的。它們將像數據庫查詢語句這樣的數據層代碼和像HTML這樣的表示層代碼混在一起。經驗比較豐富的開發者會將數據從表示層分離開來，但這通常不是很容易做到的，它需要精心的計劃和不斷的嘗試。MVC從根本上強制性地將它們分開。隨著技術的發展各種框架不斷涌現，這里推薦的是STRUTS框架。
2.框架。Struts是MVC的一種實現，它將Servlet和JSP標記用作實現的一部分。Struts繼承了MVC的各項特性，并根據J2EE的特點，做了相應的變化與擴展。struts框架具有組件的模塊化、靈活性和重用性的優點，同時簡化了基于MVC的web應用程序的開發。除此之外，Struts的優點主要集中體現在兩個方面：Taglib和頁面導航。Tagllb是Struts的標記庫，能大大提高開發效率。
二、新功能
政府網站由于信息量大，信息質量標準要求高，一些欄目互動性強等特點，要求在功能實現上，更具挑戰性。這一切使得網站維護進入了“內容管理時代”。CMS是ContentManagement System的縮寫，意為“內容管理系統”。CMS具有許多基于模塊的設計，可以加快網站開發的速度和減少開發的成本。內容管理解決方案重點解決各種非結構化或半結構化的數字資源的采集、管理、利用、傳遞和增值，并能有機集成到結構化數據的商業智能環境中。在這里舉例說明內容管理中的常見功能模塊。
1.所見即所得編輯器。基于Web的Javascnpt HTML WYSIWYG編輯器。采用JavaScript／ECMAScript開發，支持通過插件的方式進行擴展。
2.網站管理功能模塊。記錄下管理用戶登錄時的訪問ip，登錄地點，登錄時間以及登錄的身份，登錄次數等。信息的統計功能。提供強大完善的權限設置功能，能夠將權限級別定義到具體每個欄目、每個頁面的操作上，并能夠通過靈活的配置適應各種權限分配需求。
3.欄目信息轉發功能。一次信息添加，即可多欄目轉發信息，省去多欄目再次添加的工序。
4.欄目定時。對于時效性較特殊的新聞。我們可以定制其與顯示的時間。
三、新風格
網站風格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI(標志、色彩、字體、標語)、版面布局、瀏覽方式、交互性、內容價值、存在意義等諸多因素。在設計以內容為主的新聞類網站時，應該運用干凈的結構和清晰的元素組合。直觀地呈現信息是一個在線新聞站點的根本需求，為滿足這種需求甚至可以犧牲一些界面視覺。外框、線條、顏色等都是結構的基本元素，將這些元素舒服地排列會給頁面帶來節奏感和連貫性。并大大地加強和突出內容，將內容清晰地呈現給用戶。
1.簡單布局。和幾年前相比，我們似乎正在尋找更加簡單的單欄或雙欄布局。總的感覺就是普遍認同簡單的頁面表現更好。閱讀這類頁面只需要從上看到下即可，你的眼睛不用在頁面上轉來轉去拼命尋找想要的東西。同時在瀏覽過程中它也提供更加平和、穩定的瀏覽體驗。
2.有許多留白。一般來說，留白越多越好。當然，留“白”不一定是白的，但它必須留出一定的空間。
【關鍵詞】制作原則;建站流程;建網工具;格式
引言
網站制作 需要網站虛擬空間、域名以及動態網站的數據庫這三個最基本的條件。網站虛擬空間是用來存放網站文件，如：圖片信息，html文件，php文件等，相當于一個硬盤空間，域名即指訪問網站的地址。動態網站的數據庫用來存放網站數據的空間，這里的網站數據并非網站的html文件、圖像信息等，指的是如網站訪客提交的留言，個人信息等，傳統的靜態網站無需數據庫支持。隨著瀏覽器和W3C標準一致性的改善，以及無表格網頁設計的認同性增加，超文件標示語言與層疊樣式表共同用作網頁內容的設計已經被廣泛的接受和使用。最新的標準和建議則是朝著瀏覽器的能力擴充和改善發展，使之能夠不需要插件程序也能夠給用戶傳輸多媒體信息和更多的選擇。
1.制作原則
在互聯網的時代，網站的制作并非是一個單純的技術性問題。特別是模板網站的出現，只要會打字，幾乎誰都會，網站制作它包括邏輯思維、文字內容表達、美工設計等因素，但你最終目標是吸引更多用戶訪問。網站制作和設計是根據它設定的目標，在一個商業網站的情況下，網頁設計的定義是根據它設定的目標。網站制作過程如果你是新的開始，有很多工具來創建一個很好的網站。適應他們的理念，以創建網站的過程中，網站上的樂趣。企業網站制作的主要目的是增加供應和品牌的知名度。
2.建站流程
2.1 先確定要做的是一個什么網站，就是說做這個網站是用來干什么的;比如說，我想做的網站是一個企業網站，是做電子電器的，那么我就要圍繞這些內容來進行構想，也可以參考一些同類的網站。
2.2 根據構想好的網站主題來取一個域名，域名一定要取好，這個對你網站以后的發展很重要，所以一定要根據你網站的主題來取好。
2.3 待網站程序源碼搞好并在本地測試正常后，根據網站要用到的空間需求來租用服務器空間，一般的企業網站用300M的空間就足夠了（以視頻形式展示的企業網站除外），還有一點需要注意的是：服務器分國內和國外，最大的區別就是國內的空間要進行備案而國外的空間不用，購買后可直接使用。
2.4 服務器空間購買好后，就將網站的程序源碼用ftp上傳工具上傳到服務器空間，并將后臺數據導入到空間數據庫，網站就可以正常在互聯網上運營了。
3.設計網站風格
制定了網站框架之后，您就需要設計網站的頁面了。網頁設計可以說是一門藝術，它既包含了平面設計中的設計法則，也包含了網頁制作的要素。個人網站制作人員畢竟不是專業美工，您需要掌握一些基本軟件的使用方法和設計規范。CHIP建議您瀏覽一些具有美工知識和軟件操作方法，以及文字特效和圖形效果等制作教程的網站。
4.建網工具
網絡技術的發展帶動了軟件業的發展，所以用于制作Web頁面的工具軟件也越來越豐從最基本的HTML編輯器到非常流行的Flash互動網頁制作工具，各種各樣的Web頁面制作工具，下面是耀杰科技幾款具有代表性的網頁制作器：
4.1 HTML編輯器。雖然HTML代碼復雜，編輯和調試要花費大量的時間，但因HTML的穩定性、廣泛支持性及可創建復雜的頁面效果，仍受高級網頁制作人員的青睞。
4.2 所見即所得的網頁編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，只要稍加培訓就能輕松編制網頁。而且，Frontpage還能解析網頁的HTML源代碼，并提供了預覽支持。
4.3 非常流行的Macromedia公司出品的Flash互動網頁制作工具。能夠輕松輸出各種各樣的動畫網頁，它不需要特別繁雜的操作，也比JAVA小巧精悍！但它的動畫效果、互動效果、多媒體效果十分出色。
4.4 Dreamweaver是美國MACROMEDIA公司開發的集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。
因此，在實際的網站設計中，總是將這兩種結構混合起來使用。網站希望瀏覽者既可以方便快速地達到自己需要的頁面，又可以清晰地知道自己的位置。所以，最好的辦法是：首頁和一級頁面之間用星狀鏈接結構，一級和二級頁面之間用樹狀鏈接結構。關于鏈接結構的設計，在實際的網頁制作中是非常重要一環，采用什么樣的鏈接結構直接影響到版面的布局。
5.做網上廣告，促進銷售
面向企業提 供廣告服務業務。網上廣告通常以一個醒目的圖形貼在ISP網頁上，企業可以利用自己或別人的網頁在網上打廣告。一些專業的網絡服務者在網上開設匯總信息的大型信息服務系統。通過該圖形可以鏈 接更多的和更具體的廣告信息，其信息量可以很大。企業網站自己就是廣告，一些企業在網上建立自己的網頁，或者開設自己的網站，把企業信息集中起來，分類分欄，方便瀏覽及節約需求者時間，從而提高知名度模式，也帶來了更多顧客能給企業帶來一定的經濟效益。現代社會中的所有著名企業都在網上建立了自己的網頁或網站。
6.靜態網頁
靜態網頁多數為單一的超文件標示語言檔案。現今不少網站皆傾向把動態頁靜態化，從而令搜尋引擎最佳化。
7.動態網頁
動態網頁的內容隨著用戶的輸入和互動而有所不同，或者隨著用戶、時間、數據修正等而改變。
任何地址中帶“？”號、“&”號（及其他類似符號）的網頁都會把“蜘蛛”程序擋在門外。這些網頁通常由CGI、PHP、ASP等程序產生，技術上較先進，但不適合搜索引擎的“蜘蛛”程序。雖然目前有的大型搜索引擎（如Google）已具備檢索動態網頁的能力，但相當一部分數引擎還是不支持它的。而且即使是能夠索引動態網頁的Google，也在多個場合中明確表示不保證檢索全部的動態網頁。
8.結論
