甲方：

乙方：廣東省廣州市znbo工作室

甲、乙雙方經友好協商，本著平等互利、共同發(fā)展的原則，就乙方為甲方設計、制作網站事項，達成以下協議并承諾共同遵守：

第一條：甲方委托乙方設計、制作網站。建設項目的內容、價款、制作周期、交付方式等由附件說明。

第二條：雙方權利與責任

1．甲方可根據自己的需求向乙方提出網站建設的要求及規(guī)定網站的風格和色調.

甲方：

乙方：

甲方在此委托乙方進行網站的建設。為明確雙方責任，經友好協商，雙方達成以下協議：

第一條：項目的內容、價款、開發(fā)進度、交付方式由附件說明。

第二條：甲方的權利和義務

1.提供專人與乙方聯絡。

近幾年，我市及各（縣、市）區(qū)審計機關相繼建立了具有獨立域名的門戶網站。這些網站開通以來，成為了廣泛宣傳審計職能、展示審計成果、交流審計信息的新平臺。但是，由于主觀客觀等方面因素的影響，我市審計信息網站建設還存在以下幾個方面的不足：

一、審計干部的信息化意識有待加強，進一步利用網絡促進審計工作的理念有待強化。

目前，我市個別縣（市）區(qū)審計局存在審計干部老齡化、審計干部信息化意識薄弱的問題，有些干部甚至個別分管領導認為審計網站和日常的審計工作沒有什么關聯，對提高審計工作效率沒有什么幫助，參與審計網站建設的積極性不高。因此，強化審計干部的信息化意識，進一步利用網絡促進審計工作的理念是推進網站建設的當務之急。

首先，要加強審計機關的各級領導的信息化的意識，讓各級領導帶頭推動和指導信息網站建設工作，在網站的規(guī)劃、設計、管理等方面提出指導性意見，并在經費上給予保障。其次，要加強對審計干部的思想教育，統一思想，強化利用網絡促進審計工作的理念，讓審計干部主動參與到審計信息網站建設中，集思廣益，出謀獻策，積極踴躍投稿，共同推進審計信息網站建設上臺階、上水平。

二、網站的欄目建設有待加強，審計信息網站的各項功能有待進一步完善。

目前，我市個別縣（市）區(qū)審計局網站存在內容單一、功能簡單、信息更新慢、欄目間邏輯關系混亂、的信息歸類不夠正確、內容不夠完整、填寫不夠規(guī)范等問題。因此，強化網站的欄目建設，進一步完善審計信息網站的各項功能是推動審計網站建設的核心內容。

門戶網站是各級政府及其所屬部門在互聯網上政務信息、對外宣傳、接受公眾監(jiān)督、提供在線服務、與公眾互動交流的重要服務平臺。辦好門戶網站，對促進各部門依法行政，提高社會管理和公共服務水平，保障公眾知情權、參與權和監(jiān)督權具有重要意義。目前全區(qū)已建成部門網站的單位有：區(qū)監(jiān)察局、民政局、安監(jiān)局、教育體育局、疾控中心，其中區(qū)監(jiān)察局、民政局、安監(jiān)局網站基本達到了門戶網站建設要求。根據《中華人民共和國政府信息公開條例》、《人民政府辦公廳關于印發(fā)年政務公開、公共事務公開實施方案的通知》（烏海政辦發(fā)[]12號）文件相關要求，為加快我區(qū)部門網站建設，現將有關事宜通知如下：

一、網站建設指導原則

（一）以公眾為中心，搭建網絡服務平臺。各部門應構建為公眾提供服務的“一站式”門戶網站，部門門戶網站突出信息公開、為民辦事、公眾參與三大功能，使門戶網站成為各部門信息的窗口、為民辦事的服務平臺和聯系群眾的重要渠道。

（二）以整合信息資源為切入點，實現資源共享。網站建設按照《中華人民共和國政府信息公開條例》要求，開設信息公開目錄和指南，整合部門政務公開、公共服務和互動交流資源，增強工作透明度

（三）以科學合理規(guī)劃為導向，推進部門網站規(guī)范化建設。部門網站頁面設計要科學布局、重點突出、頁面層級要合理、有特色、深度適中（點擊查看信息鏈接不超過3次），欄目和內容頁設置要與主頁風格保持大體一致，達到《區(qū)人民政府網站績效評估指標體系》標準要求。

二、網站建設相關要求

根據《湖南省電子政務建設領導小組關于我省電子政務建設總體規(guī)劃》文件精神，為進一步加快省工商聯系統網站建設步伐，實現全省工商聯系統網絡的互聯互通和信息資源的共建共享,積極主動地開展網上服務，綜合提高為非公有制經濟和非公有制經濟人士服務的能力和水平，提高工商聯機關工作效率，特制定本方案。

一、建設省工商聯系統網站群的必要性

我省工商聯系統網站建設開始于20*年，目前，大部分市級工商聯、部分行業(yè)商會、個別縣級工商聯已經建立了網站。隨著網站建設的不斷深入，現有封閉性的網站體系嚴重制約了網站功能的發(fā)揮，網站間不能進行有效的信息共享，形成了一個個“信息孤島”。主要存在的問題有：一是信息報送、交換方式老舊，網站信息不及時、不準確和數據丟失。二是數據資源被限制在本地區(qū)、本系統，無法進行數據共享。三是網站應用系統相互孤立，低層次重復建設，經費投入高。四是網站管理專業(yè)人員少，管理、維護難度大。

因此，省工商聯網站建設必須從建設“網站”轉變到建設“網站群”上。網站群顧名思義是指網站的集合，省工商聯網站群就是將散落的各市、縣工商聯、行業(yè)商會網站進行有機的整合，通過信息共享，優(yōu)化流程，充分發(fā)揮互聯網實時、高效的特點，達到提升服務和效率的作用。

（一）建設省工商聯網站群是順應網站發(fā)展的新趨勢。目前，各省、市政府網站都已經或是正在積極準備完成新一輪改版建設工作。改版的關鍵工作就是如何結合各級政府及部門的實際情況，把服務用戶這個中心與本地區(qū)、本部門的政務信息、服務以及內部政務應用資源相結合，充分實現政府各種服務資源的有效整合?？梢韵胂?，未來以資源整合為中心的政府網站群建設，將日益成為政府網站建設的新目標、新趨勢。省工商聯網站群的建設正是基于上述原因，順應了網站發(fā)展的新趨勢。

（二）建設省工商聯網站群有利于更有效地交流、促進全省工商聯系統的工作。目前，全省工商聯系統交流平臺少、信息容量小。各級工商聯工作又各有特點，無法在較短的時間內，充分展示各自工作。省工商聯網站群的建設將以此為重點，提供新聞信息通播、專題展示等平臺，真正促進市、縣工商聯、行業(yè)商會、會員企業(yè)之間的信息交流。

[摘要]項目工單化實訓教學是“工學結合”人才培養(yǎng)模式和“工作過程系統化”課程教學模式的結合，關注工作規(guī)律與學習規(guī)律的融合，實現教學過程與生產過程的對接。以PHP+MySql網站建設課程實訓為例，把企業(yè)的項目引進學校，并以工作過程為導向進行項目工單化的課程實訓設計，融合職業(yè)成長規(guī)律與教育認知規(guī)律，為專業(yè)技能課程的實訓教學提供新的方法。

[關鍵詞]項目工單化；工學結合；產教融合；工作過程系統化

近年來，國家非常重視職業(yè)教育的發(fā)展，“職教二十條”為職業(yè)教育規(guī)劃了宏偉藍圖。然而，職業(yè)教育的訓練卻大大滯后職業(yè)技術的變化，職業(yè)學校培養(yǎng)的學生不能滿足企業(yè)對人才的需求。[1]在此背景下，職業(yè)教育在“校企合作”、“產教融合”理論框架之下，開展“工學結合”人才培養(yǎng)模式探索，形成了基于“工作過程系統化”課程教學理論。但在實際教學中，理論不能很好地與實踐相結合，專業(yè)技能課程的實訓教學要么與企業(yè)的實際脫節(jié)，要么過于注重企業(yè)工作過程而忽視學生的學習規(guī)律。[2]項目工單化實訓教學旨在促進工作規(guī)律與學習規(guī)律的融合，為實訓教學過程與生產過程對接提供借鑒。

1.PHP+MySql網站建設課程實訓教學的現狀

《PHP網站建設》是網站設計與制作專業(yè)的核心課程。通過課程學習，使學生理解網站建設的整個流程，初步了解企業(yè)網站建設工作，把課程知識與企業(yè)實際工作結合起來。課程的實訓教學可以提高學生的動手實踐能力，實現理論知識與工作技能的結合、學習規(guī)律與工作規(guī)律的融合。通過對當前PHP+MySql網站建設課程實訓教學進行調查發(fā)現，該課程實訓教學存在的主要問題是教師習慣單向流水線式的教學模式。在教學中，當學生跟不上教師設計的實訓教學進度時，教師直接給出代碼截圖，學生則不假思索地看圖輸代碼，網站建設實訓教學幾乎淪落為打字實訓教學。這是一種以教師為主體、以知識傳授為目標的傳統教學。這種教學難以調動學生的學習動力和熱情，導致學校教育與企業(yè)需求的脫節(jié)。當教師把企業(yè)項目引入實訓教學時，又沒有關注教學規(guī)律和學生特點，導致學生對基于“工作過程系統化”的教學模式感到陌生，無法適應企業(yè)的工作過程。學生缺乏自主意識和創(chuàng)新理念，學習積極性不高，學習效率低下。

2.PHP+MySql網站建設課程實訓教學的對策

經過20余年的發(fā)展，我國檔案部門建立了較大規(guī)模的檔案信息網站群，檔案管理部門大都在互聯網上建立了省、市、縣級綜合檔案網站和城建檔案網站、高校檔案網站等專業(yè)檔案信息網站，通過互聯網為查檔用戶和社會公眾提供檔案資源和信息服務。檔案網站是建立在公共信息互聯網上的站點，以網絡訪問方式為查檔用戶或社會公眾提供檔案信息資源和相關服務。檔案網站是檔案信息化建設的一項基礎性工作，門戶網站是檔案部門為用戶提供信息服務的重要手段，是檔案部門重要的文化名片和交流窗口，也是用戶查詢檔案信息和獲取相關服務的重要接口。檔案網站建設應以為用戶提供檔案信息服務為首要目的，并有序組織館藏檔案信息資源和充分展示檔案文化，以確保檔案資源的有效利用。

一、檔案信息網站建設中存在的問題

1.用戶服務意識淡薄。用戶服務本應屬于檔案業(yè)務管理范疇，但現實中用戶服務意識淡薄直接影響了檔案信息網站的功能設計，即便是采購定制的檔案網站具有相應功能，卻因為用戶服務意識淡薄而被閑置。一般而言，檔案網站都被定位為資源服務型網站，既強調“有資源”，也強調“有服務”。曾有項目組在對我國省級檔案網站測評之后，就強調指出檔案網站應該加強對用戶服務需求的關注[1]39。用戶服務意識淡薄不僅有損檔案機構形象，制約檔案信息資源有效利用，同時也嚴重影響了檔案信息網站的健康發(fā)展。用戶服務意識淡薄的問題需要從管理和技術兩個層面入手，才可能得以解決。2.檔案網站服務功能不足。檔案網站建設應以觀念創(chuàng)新為關鍵、內容重構為基礎、技術創(chuàng)新為依托，以用戶需求為導向，應擁有豐富的檔案信息資源，并能提供功能強大的檢索工具，以提高用戶查閱信息的效率，重視與用戶的交互，加強與用戶的交流，為利用者提供及時、全面、有效的檔案信息服務[2]92。通過對多家省市縣、高校、城建等檔案網站的調查發(fā)現，普遍存在“重展示、輕服務”的現象，具體體現在：檔案網站頁面設計缺乏特色，服務功能單一，導航無序，網站互動性欠佳，只能告訴用戶“我們有什么”，而難以清晰地指導用戶“我們可以為您做什么”。服務功能不足使得檔案網站建設意義大打折扣，并損害了用戶權益。3.檔案網站建設技術相對落后。調查發(fā)現，部分檔案網站只是堆砌了一些簡介和工作動態(tài)等信息，網站頁面設計簡陋，缺乏搜索、互動等功能，服務形式單一，移動設備上的網站訪問服務功能缺失，其深層原因在于檔案信息網站建站技術落后，在館藏檔案資源展示和檔案信息服務方面都存在技術瓶頸。造成檔案網站建設技術落后的現實原因主要有兩個：一是檔案部門被邊緣化傾向嚴重，通常經費較為緊張，無力購買成熟商業(yè)軟件建設檔案網站；二是人力資源匱乏，自主開發(fā)檔案網站時，缺少既精通檔案業(yè)務又具有較高編程開發(fā)能力的復合型人才。最終造成了檔案網站建設技術落后、功能不全的現實局面。

二、運用Drupal和Bootstrap的建站優(yōu)勢

Drupal是一個開源內容管理系統平臺，其中可集成豐富的功能模塊和構造強大的信息服務功能，形成一個為用戶提供完備服務功能的網站平臺架構，用于提供搭建多種功能和服務的動態(tài)網站[3]13。Bootstrap是一個開源的網站前端開發(fā)框架工具集，包含豐富的前端組件庫和內置網站樣式，用于開發(fā)響應式布局、移動設備優(yōu)先的網站項目[4]2。使用Bootstrap框架可以在Drupal平臺中自由使用CSS、HTML和JavaScript等前端響應技術，從而降低了開發(fā)難度和技術門檻。簡單來說，Drupal可以提供功能完備的網站框架平臺，而Bootstrap可以提供美化視覺效果的前端技術。由于Drupal和Bootstrap具有開源免費、功能強大、技術門檻低等優(yōu)勢，越來越受到網站建設者的青睞。國外的耶魯大學、斯坦福大學，我國的北京大學、清華大學以及臺灣大學、澳門科技大學等高校圖書館都采用Drupal內容管理系統構建了自己的門戶信息網站，受到內部業(yè)務人員和外部用戶的一致好評。遺憾的是，國內很少有機構運用Drupal和Bootstrap建設檔案信息網站。檔案管理部門與圖書管理部門在信息資源管理、用戶信息服務和管理職能等方面都具有高度相似性，將Dru-pal和Bootstrap運用于檔案信息網站建設不僅可行，而且能夠解決檔案管理部門建站經費不足、技術要求高、網站功能不完備等舊有難題。1.開源免費。Drupal是一個開源的模塊化內容管理框架，全球數以萬計的網站開發(fā)專家都在為Drupal技術社區(qū)貢獻代碼，Drupal的代碼在安全性、健壯性和成熟度等方面都能達到世界先進水平。Bootstrap是一個免費開源的成熟前端網站開發(fā)框架。Drupal和Boot-strap不僅可以免費使用，而且能夠在開源軟件的開放式創(chuàng)新中獲得持久的技術服務支持，從而保障網站安全性。開源免費的優(yōu)勢可以解決檔案管理部門經費不足的難題。2.功能完善。Drupal的另一個優(yōu)勢是功能完善，主要體現在以下幾個方面：一是常用功能齊全，包括內容編輯、和分類管理；能夠快速抓取其他指定網站信息，實現信息聚合；可根據層級組織關系按年度或分類有效組織和展示館藏檔案資源；可展示照片檔案信息，支持用戶拖放排列；具有分詞功能，可定時更新索引和高亮顯示搜索結果；根據用戶瀏覽情景提供相應的幫助文檔；提供實時互動和留言回復功能等。二是模塊可定制，網站建設變得像搭積木一樣簡單，需要什么功能就將相應模塊配置在頁面上即可。三是權限分類分級配置，能夠針對游客、注冊用戶和檔案管理員呈現出不同的網站頁面和內容，不同用戶訪問不同版塊和個性化環(huán)境，保證內容的安全性，提高工作效率?？偠灾珼rupal功能強大，能夠滿足檔案網站在管理、業(yè)務以及用戶使用三個面向和維度的常見需求。3.技術門檻較低。運用Drupal建設網站要求具備熟練掌握CSS、HTML和JavaScript等代碼調試能力，而Bootstrap響應式前端技術的出現彌補了這一缺陷，有效降低了網站開發(fā)建設實施的技術門檻。Bootstrap提供功能完善且可復用的HTML組件、JS組件和許多現成的代碼片段（模塊），可以方便地進行拖放式頁面布局，不需要費時費力的程序編碼，只需找到合適的模塊，插入到合適位置，即可快速搭建一個模塊化、功能齊全和風格統一的檔案網站。搭建的網站采用響應式設計，能夠自適應用戶設備屏幕，兼容臺式、手機、平板、超大屏等分辨率。手機中橫屏（圖1a）和豎屏（圖1b）訪問網站的自適應頁面顯示效果如圖1所示。較低的技術門檻解決了缺少高級編程開發(fā)人員的難題，同時又能夠使檔案管理部門將精力集中在業(yè)務工作和業(yè)務創(chuàng)新上。

三、運用Drupal和Bootstrap建站的設計思路

根據《湖南省電子政務建設領導小組關于我省電子政務建設總體規(guī)劃》文件精神，為進一步加快省工商聯系統網站建設步伐，實現全省工商聯系統網絡的互聯互通和信息資源的共建共享,積極主動地開展網上服務，綜合提高為非公有制經濟和非公有制經濟人士服務的能力和水平，提高工商聯機關工作效率，特制定本方案。

一、建設省工商聯系統網站群的必要性

我省工商聯系統網站建設開始于2006年，目前，大部分市級工商聯、部分行業(yè)商會、個別縣級工商聯已經建立了網站。隨著網站建設的不斷深入，現有封閉性的網站體系嚴重制約了網站功能的發(fā)揮，網站間不能進行有效的信息共享，形成了一個個“信息孤島”。主要存在的問題有：一是信息報送、交換方式老舊，網站信息不及時、不準確和數據丟失。二是數據資源被限制在本地區(qū)、本系統，無法進行數據共享。三是網站應用系統相互孤立，低層次重復建設，經費投入高。四是網站管理專業(yè)人員少，管理、維護難度大。

因此，省工商聯網站建設必須從建設“網站”轉變到建設“網站群”上。網站群顧名思義是指網站的集合，省工商聯網站群就是將散落的各市、縣工商聯、行業(yè)商會網站進行有機的整合，通過信息共享，優(yōu)化流程，充分發(fā)揮互聯網實時、高效的特點，達到提升服務和效率的作用。

（一）建設省工商聯網站群是順應網站發(fā)展的新趨勢。目前，各省、市政府網站都已經或是正在積極準備完成新一輪改版建設工作。改版的關鍵工作就是如何結合各級政府及部門的實際情況，把服務用戶這個中心與本地區(qū)、本部門的政務信息、服務以及內部政務應用資源相結合，充分實現政府各種服務資源的有效整合?？梢韵胂螅磥硪再Y源整合為中心的政府網站群建設，將日益成為政府網站建設的新目標、新趨勢。省工商聯網站群的建設正是基于上述原因，順應了網站發(fā)展的新趨勢。

（二）建設省工商聯網站群有利于更有效地交流、促進全省工商聯系統的工作。目前，全省工商聯系統交流平臺少、信息容量小。各級工商聯工作又各有特點，無法在較短的時間內，充分展示各自工作。省工商聯網站群的建設將以此為重點，提供新聞信息通播、專題展示等平臺，真正促進市、縣工商聯、行業(yè)商會、會員企業(yè)之間的信息交流。

為了扎實做好我校網站建設工作，以便更好地宣傳，特制定以下方案：

一、組建網站建設小組

網站建設小組成員，分塊管理網站內容的上傳，并考慮所管理網站欄目所需內容，書面上報信息組，以便改進網站。

管理欄目分塊情況：

劉曉：校園新聞、家長學校、法制安全欄目下的法制學校、學校概況下的工作行事歷

盧長征：學校概況欄目下的校務公開、法制安全欄目下的安全校園

摘要：網站建設平面設計方式豐富，它能夠構建一虛擬化的電子空間，滿足人們對于網站的不同功能需求，通過網站拓展交流互動空間。當然，為了實現上述要求，網站建設中的平面設計方式應當基于多種元素展開，結合元素展開分析，思考平面設計對其主要使用對象——人所產生的諸多影響。本文中就主要結合網站建設平面設計中的文字、圖像、色彩等元素深度探究網站建設平面設計方式的實踐應用過程。

關鍵詞：平面設計；網站建設；影響；案例應用；文字；色彩；圖像

網站建設中的關鍵是平面設計，而平面設計的關鍵則是游移于平面頁面信息中的視覺元素。對人來說，視覺元素是具象的、有沖擊力的、是存在于網站平面設計中最為直觀的元素。不同元素能夠通過個體本身傳達信息，也能通過個體與個體之間傳達信息，它其中的4個程序就包括了“向誰傳達？”、“傳達什么？”、“傳導效果如何？”以及“傳達效果影響如何？”設計師要將自己的設計思想與設計概念轉變?yōu)榫W站平面設計中對元素的設計運用過程，它所代表的就是一種概念的視覺化過程。反過來講視覺概念化過程應該完全貫穿和銜接所有的網站平面設計元素，形成體系。

1、網站建設中的平面設計元素

1.1文字元素。網站建設平面設計中最為基本的、核心的設計元素就包含了文字、圖形圖像以及色彩等等。首先是文字，它是描述網站頁面中信息的最基本要素，一般來說，網站平面設計文字可劃分為兩類：字母文字（英文、希臘語系文字、阿拉伯語系文字）以及獨體文字（漢字）。而在國內的網站平面設計中還多以漢字為主，它是本土文化中的最重要符號。文字元素雖然看似單一，形態(tài)簡單，但它在傳遞網站信息的同時也是具有一定的藝術審美價值的，例如其中就包含了“靜態(tài)文字”、“動態(tài)文字”、“圖形文字”等等，不同形態(tài)的文字都能通過藝術手法設計轉換為圖像圖形，以使得文字設計更加生動有趣。1.2圖像圖形元素。圖形圖像元素是網站平面設計中表現最豐富，作用最重要的元素，它相比文字能夠為瀏覽者帶來更為直觀的感受。一般在網站設計過程中都要保證其圖形圖像元素豐富、美觀、擁有一定趣味性，相比于文字更加形象生動和變化多端，因此人們也常常將圖形圖像比喻為一種“無國界的世界性語言”。通常情況下，圖像可以表現為多種形式，例如照片合成圖像、手繪圖像、三維立體圖像等等。不同類型的圖像會產生不同的視覺美感，激發(fā)瀏覽者不同的閱讀興致。而與文字相同，它也分為“動態(tài)圖像”和“靜態(tài)圖像”兩種。通常情況下網站中的靜態(tài)網站建設中的平面設計方式研究文／夏朋舉圖像表現形式更多更豐富。1.3色彩元素。在人類生活中色彩必不可少，它表現豐富且充滿魅力，可喚起人類心靈最深處的感知。相比于圖像圖形，色彩元素的視覺觀感更直觀，它會第一時間占據瀏覽者的視線。當然，對于設計者而言，色彩只應該是網站平面設計的點綴，它不應喧賓奪主成為平面設計主角。在網站平面設計中，色彩也可劃分為兩大類：有色彩與無色彩，像光譜中的全部色彩都應歸納為有色彩，它其中以紅、綠、藍、黃、紫為基礎色，通過對基礎色中不同顏色、不同量的混搭形成新的顏色，所以在網站平面設計中對色彩的搭配是很奇妙的。對于設計者來講，不同顏色還代表了不同的寓意，這讓他們的使用過程更加復雜，主要還要根據人的視覺特征與視覺心理來合理運用色彩，渲染網站平面設計效果。1.4版式元素。版式元素設計相當特殊，它是在現代設計藝術中萌芽而生的，作為網站視覺傳達的新生重要手段，它在設計方面更加強調對文字、推行圖像以及色彩等平面設計元素的結合，解讀存在于上述3種元素中的點、線、面關系，形成基于頁面的整體感、節(jié)奏感與秩序化視覺形態(tài)內容。目前存在于網站中的版式元素類型大多為骨骼型，該類型相對規(guī)范且分割方法更理性，擁有類似于報刊的版式，比較常用的骨骼版式包括了雙欄、三欄、四欄以及豎向通欄等等。結合上述4點要素，網站的文字、圖像圖形與色彩均應當表現出一定的自我突破性，大膽調整文字造型，在產品信息表達過程中實施多圖重疊整合與文字比較設計，做到圖文協調組合，提高版式設計效率，合理安排平面設計中各個元素之間的相互關系，如此才能顯得平面設計更加具有條理性和層次性[1]。

2、網站建設中平面設計對人產生的影響