網站設計的方法范文

前言：我們精心挑選了數篇優質網站設計的方法文章，供您閱讀參考。期待這些文章能為您帶來啟發，助您在寫作的道路上更上一層樓。

第1篇

關鍵詞:工學結合;教學改革;項目課程

中圖分類號:G642文獻標識碼:A文章編號:1009-3044(2009)36-10248-02

Combination of Engineering-Based "Dynamic Web Design and Development" Curriculum Implementation Methods

LOU Feng

(Tourism College of Zhejiang, Hangzhou 311231, China)

Abstract: "Dynamic Web Design and Development" is a computer science an important professional compulsory vocational education, this paper, the teaching objectives, from the students point of view of practical skills, to explore the combination of engineering mode, how to better the completion of the teaching contents, in order to develop advanced applications to achieve the objective of fostering talent.

Key words: engineering integration; teaching reform; project course

高職院校是教學、服務類的院校,以服務為宗旨,以就業為導向,以能力為本位作為辦學方針,實行工學結合、校企合作的教學模式。

然而現實中,高職院校的校內實訓基地存在著缺乏職場化的實戰環境,難以培養學生的實際崗位能力;校外實訓基地又不能被很好的掌控,為教學服務,學生往往成為廉價或者免費的勞動力,從事的崗位工作往往和實際教學相脫節。這些都制約了高等職業教育特色的體現,也成為深化改革的“瓶頸”。

1 課程介紹

《動態網站設計與開發》是計算機專業必修課之一。該課程的教學目標就是培養學生獨立設計與開發動態網站的能力。在國內,很多高職院校都開設了類似課程,并且把它作為了計算機專業的主干課程。然而,現在網站方向畢業生的就業情況卻是畢業生找不到企業,而企業又找不到合適的人才,出現該問題的直接原因就是學生的網站建設能力不能滿足用人單位的要求,所以我們必須認真探討一下這門課程應如何教學的問題。

2 進行基于“工學結合”教學改革的必要性

經過幾年來的實踐,證明了《動態網站設計與開發》的“以案例開發為支撐,學生為主體,教師輔導、講練相結合,小組協作完成”的課程理念與課程的性質和特色是十分契合的。雖然幾年來《動態網站設計與開發》課程采用這樣的教學模式應用取得一定的成效,但受實踐條件限制,影響了學生的參與度和積極性。具體表現有如下幾點:

1) 缺少實際的開發項目

因為,長期以來沒有與企業有較多的業務往來,也沒有較多實踐機會接觸企業網站,不了解他們的實際需求,因此在教學過程中主要的實踐手段是虛擬開發,即虛構一個某某公司網站,以自己的主觀意見代替企業的客觀需要來完成需求分析,開發相應網站。這樣,往往造成開發出來的網站無法滿足企業需要的問題,并沒有真正的可利用價值。

2) 缺少測試的環境

網站項目開發完成后需要有實際的運作平臺來測試才能保證網站的正常運作,并能發現其中的問題和不足,但目前,在項目開發完成后只能進行簡單的錯誤測試,以專業人員的操作去檢測網站,往往不能考慮到普通用戶的需求,造成測試結果存在較大的偏差。

因此,研究基于工學結合的《動態網站設計與開發》課程教學模式的應用,對于解決目前人才培養中存在的問題具有重要的現實意義,對于促進課程教學質量的提升無疑具有重要的意義。通過基于工學結合的《動態網站設計與開發》課程教學模式的應用研究,我們不僅可以實現了課程資源的優化整合,提高學生自主學習積極性,開展學生互動的效果評價,并實現教學模式在其他課程的推廣應用。

3 基于“工學結合”模式的教學實施過程

本方案充分利用學校和校辦旅行社的教育環境和資源,把以課堂教學為主的學校教育和直接獲取實際經驗的校外工作有機結合,貫穿于學生的培養過程之中。

3.1 多元化課程教學團隊建設

教師是實現課程改革的關鍵。首先,課程開發和教學實施主體由“教育專家主導”轉變為“社會需求主導”,即由企業、行業技術人員和學院教師組成,在課程開發和教學實踐的不同環節中三部分人員發揮各自特長:

1) 企業、行業技術人員

工作任務:提出網頁設計職業(崗位)或職業群(崗位群)包含的工作項目,以及完成這些項目需要的步驟。聘請部分企業、行業專家擔任兼職教師,完成部分教學任務。

2) 職業教育課程研究人員

工作任務:指導團隊對企業、行業技術人員提出的工作任務或項目進行分析,從而完成課程內容體系的構建分析。負責對改革過程的監控和組織改革效果評價。

3) 學院教師

工作任務:在職教課程研究人員引領下以工作分析為基礎,按照工作任務模塊對課程體系、課程內容進行轉換,構建以工作體系為基礎的課程內容模塊化結構體系。承擔主要教學實施工作。

在團隊中,專兼職教師互為導師,取長補短。專職教師在兼職教師的幫助下提高工程實踐能力;兼職教師在專職教師的指導下提升教學水平,形成了互補型的教學團隊建設機制。

3.2 模塊化項目教學模式

本課程構建了以“旅行社網站開發過程”為導向的模塊化的課程結構。如圖2所示。

本課程整個模塊以典型的網站項目為核心,將一個真實旅行社網站分解到各個教學單元,強化知識點和技能點的訓練,各個教學單元獨立起點、前后相關、有序疊加,最后整合成一個完整的項目。在教學中采取多級項目教學,重視項目的完成,并實施情景導入、葫蘆藤式的任務驅動、學做合一、小組協作學習等教學方法。

3.3 網絡輔助教學模式

在整個教學過程中遵循“開放、自主、靈活、互動”的原則,即以網絡環境為支撐,學生為主體,教師助導、講練相結合,小組協作學習為補充。其基本框架如圖3所示。

該教學模式包括學生自主學習、教師導學示范操作,小組專題協作學習和評價四個環節。

3.4 多元教學評價方式

由于采用了全新的教學模式,因此教學評價也應該改變以往“平時成績+期末考試”成績的評價方式,根據本課程的特點進行教學評價, 同時考核學生的知識、技能和態度等幾個方面:

1) 考核學生項目團隊的項目完成效果,主要考核內容是學生的網站設計方案書、建成的網站及運行維護效果,占40%;

2) 各個項目組及成員分別陳述自己在項目團隊中的工作及實際效果,占20%;

3) 期末考試,主要是網站開發綜合知識,占20%;

4) 平時學習態度,如出勤率、工作責任、團隊配合、自評及他評等,占20%。

4 教學改革成效

在教學改革的實踐中,為了更好地配合教學過程以及完善了實習內容,編寫了完整的實習指導書。通過對教學過程的改革探索,極大地提高了學生的學習積極性,對解決學生的厭學問題很有幫助,學生的學習成績和動手能力都有很大提高,得到實習單位和用人單位的好評。

參考文獻:

[1] 婁淑敏.基于工學結合的高職計算機專業“網頁設計”的課程改革探索[J].電腦教育:計算機教育,2009(6).

第2篇

【關鍵詞】網頁設計 發展趨勢 教學方法

美國市場調研機構ComScore NetWorks提供的報告顯示，2007年1月，全球15歲及以上使用互聯網的人數達到了7.47億，同比增長10%。ComScore發現，美國互聯網用戶達到了1.53億，依然是全球網民最多的國家，但增長率僅為2%，中國網民數量僅次于美國，為8670萬，但增長率卻高達20%。通過以上數據，我們不難發現中國的網絡市場存在著巨大的潛力，那么如何把握住這個機遇，培養出合格的人才，就成了我們這些高校專業教師需要考慮的問題，我認為作為一名有競爭力的網頁設計師，不但要做到有美術修養，還要做到懂編程，這樣一來我們的網頁設計師就可以既能勝任前臺的設計工作又能勝任后臺的編程工作了。

一、提高網頁設計的工作效率

提高網頁設計的工作效率，當然要從更好的協調網頁設計各部門之間的工作入手。這就要求平面設計部門的平面設計師熟悉程序設計部門程序員的工作，好比一名好的建筑設計師，不但要知道如何設計出有內涵有文化的建筑，同時還要了解建筑的造價、人機工程學以及建筑力學等方面的知識，否則他的設計作品就沒有任何價值。所以我們培養網頁設計師的目標是，不但在藝術設計方面優秀，還要在程序設計方面優秀。這也正是我這次出去學習的目的，只有做到這一點才能很好的完成網頁設計工作，才能解決前面提出的平面設計師與程序員之間的工作斷層問題。也只有這樣才能培養出適應時展要求的高素質的網頁設計師來。

設計總監，可以說是網頁設計工程中必不可少的角色。可什么樣的人有可能成為設計總監呢？當然，首先要有很豐富的工作經驗，很高的個人能力，其次要精通網頁設計的所有環節，也就是說無論是策劃部門、平面設計部門還是程序設計部門的工作都能應對自如。如果能做到這一點，再加上良好的統籌能力和團隊合作精神就有可以成為設計總監了。我們培養學生，不但要讓學生就業，解決基本的生活問題。還要讓他們在長久的工作生活中逐漸的成長，越來越強大。使他們無論在小公司還是大公司都能通過自己的工作表現成為行業中的精英人才。

二、培養更有競爭力的綜合性人才

1.根據市場的需要培養人才

在談下面這個問題之前，我想先讓大家先來了解一下我找到的一份很有代表性的招聘網頁設計師的廣告。

網站設計師具體要求：大專以上學歷、美術、藝術、廣告類畢業；在互聯網行業從業經驗兩年以上；熟練操作各相關設計軟件；并且有自身優勢和特點；優秀的設計創意能力，能組織團隊完成大型網站項目的設計開發工作；邏輯思維清晰，做事認真、細致，表達能力強；有豐富的企業建站經驗，從事過組織策劃大型網站項目的工作；注重儀表，有很強的學習能力和敬業精神，較好的溝通能力，有良好的團隊合作精神及獨立的工作能力。

待遇：試個人能力而定，公資標準在4000（另有項目提成）。

根據市場的需要定向培養人才的提法似乎有些過時了，我所指出的是除了讓學生掌握招聘廣告中的內容，還要讓他們掌握更多的程序設計方面的知識，比如Html、Css、Dhtml、JavaScript、Asp、Php等。讓學生可以不用程序和策劃部門的協同就能獨立完成網頁的設計。而且完成的效果還要很好，這樣的人才一但推向市場，其受歡迎的程度可想而知。

2.快速掌握行業里最新、最尖端的網絡技術

網絡媒體同時屬于IT行業的范疇，既然和IT靠上了親戚，自然也就繼承了IT的某些特征：高薪職業。不受工作地點的限制。新技術出現的快淘汰的也快。

要想在網頁設計行業有所成就，當然要不斷的學習掌握新技術，可網絡上的新技術淘汰的太快，經常是沒等我們弄懂就已經過時了。作為專業教師，我會經常調整授課內容，把最新的最實用的技術和思想傳授給學生。時刻關注網絡上的新動向，出現的新技術，保持旺盛的學習熱情，讓自己時刻處于行業的前沿。只有這樣才能培養出適應當今日趨激烈的市場競爭的人才。

3.做一名有社會責任感的網頁設計師

網頁設計師不同于其他的職業，因為網頁設計師肩負著更強的社會責任和歷史使命，要讓網絡社會朝健康的方向發展，需要網頁設計師嚴格的律己修身，對自己的言行負責。特別是不能在當今充滿了誘惑的時代迷失自己，為追求短期利益而觸犯法律。“設計強國”需要所有設計師的共同努力，畢竟中國的平面設計在亞洲還落后于日本、韓國，如何發揮中國悠久文化傳統的優勢，把中國的網頁設計做強，成了我們這些網頁設計師的新的課題。

參考文獻

[1]陳剛.CSS標準網頁布局開發指南.2007.

[2]施博客研究室.DREAMWEAVER 8標準教程.2006.

[3]施博客研究室.FLASH 8標準教程.2006.

[4]張孝祥，張紅梅.JAVASCRIPT網頁開發體驗式學習教程.2004.

第3篇

【 關鍵詞 】 網站群；數據共享；資源整合；角色設計；數據庫

Three Psychiatric Specialist Hospital Website Group Design and Realization

Wang Bo

（Xi'an City Mental Health Center Shaanxi Xi'an 710061）

【 Abstract 】 objective to： The hospital site for the public to provide one-stop service. Method： Application of the fourth generation website group thought and technology management system， Website development tools Visual studio Net 2005， Windows Server 2008 operating system， Microsoft SQL Server 2003， Oracle 10G database and CA digital certificate technology development. Result： Integration of existing hospital resources， integration， information sharing， service for patients with hospital website group solution， greatly improving the physician-patient interaction information efficiency， promote the development of hospitals. Conclusion： Hospital website group application is the hospital achieved very good social benefit and economic benefit， but also for the future to realize the regional medical information sharing and lay the foundation for.

【 Keywords 】 website group； data sharing； resource integration； character design； database.

1 引言

目前，西安市精神衛生中心醫院網站建設模式和服務方式已不能滿足公眾的需要和衛生事業發展需求，建立三甲精神專科醫院網站群是加快院門戶網站建設，整合信息服務資源，建立院務公開和服務項目目錄，為公眾提供一站式服務的必然要求。

網站群建設技術發展已經很成熟，從第一代的自然網站群系統發展到第四代網站群內容管理系統。醫院建設的“三甲精神專科醫院網站群”著力解決目前建設中存在的信息不能充分共享，不能統一管理，不能統一升級，不能實現全網聯合檢索的問題。網站群建設過程中我們積極借鑒使用第四代網站群思想和技術。

2 建設思想和目標

網站群的建設是以服務我國衛生改革與發展為出發點，以保護人民健康、滿足人民群眾需求，向社會公眾提供優質服務為建設思想。

網站群建設以實際需求為導向。實現醫院網站信息資源和服務資源的有效整合，達到網站群統一部署建設，統一建設標準、內容管理、數據存儲、受理公眾意見的技術目標，并采用集中管理與分級分類的服務模式，給公眾提供網上辦公、解答疑問等互動交流服務，最終達到提升和改變工作服務方式，提高工作效率的目的。

3 建設原則

1）統籌規劃、分布實施：充分考慮現已有的信息和資源，兼顧長遠發展，采用統一規劃，分布實施的辦法進行及建設。

2）及時準確、方便群眾：依法及時分布與醫院有關的信息，確保信息權威、準確、全面。

3）美觀大方、實用好用：網站群的頁面要美觀、簡潔、大方，體現更好地服務于公眾、方便群眾的設計思想；按照面向用戶對象和生命周期設計網站內容。在欄目的設置、版面布局、內容層次、瀏覽操作、搜索引擎等方面方便使用者，并有所創新和探索。

4 網站群設計

4.1 建設內容和技術特點

網站群建設將綜合運用計算機技術、網絡技術、通訊技術、信息安全技術，本著實用可行著眼未來的原則，建立運行維護制度、質量考評標準、服務質量控制體系等內容。達到互動交流、資源共享、一站多用的目的，實現醫院網站群服務的現代化、規范化、科學化。著重建設好幾個應用系統：網站服務平臺、信息管理系統、互動交流系統、后臺管理系統、互聯網應用系統入口、網站質量控制平臺、督查督辦系統、郵件管理系統。

安全性：網站設計形成在各層次之間，呈立體狀的全面安全管理與控制體系、

先進性：系統網格結構、硬件設備選型、技術架構設計、軟件平臺選型、開發工具軟件選型符合技術發展的先進技術產品和平臺，確保系統的先進性。

實用性：在滿足功能需求的前提下，要適應醫院各個部門、各個科室的工作特點，做到簡單、實用、個性。實現統一身份的資源管理、統一認證、個性化界面和內容定制。

可擴展性：系統結構充分考慮現有和將來系統的連接及應用的擴展。

穩定性：系統應在高效性能的基礎上保證系統的穩定性，兼顧平衡、協調高效與穩定指標。

美觀性：在突出醫院工作嚴謹風格的基礎上，實現具有醫院文化色彩、獨特的專業設計。

可伸縮性：系統采用積木式結構，整體結構要考慮現在和將來的發展，為其留有增減余地。

開放和可移植性：選用開放的應用平臺，采用互聯網與平臺無關的.NET技術開發，以標準的接口與各種數據庫相連。

4.2 網站群架構與欄目設計

醫院網站群系統整體架構圖，如圖1所示。網站群基礎設計建設主要從網絡、硬件、軟件三個方面考慮。

網站群建設要從長計議，系統網絡的設計以高可靠性、高安全性、高性能、良好的可擴展性和管理性為原則，考慮技術的成熟性、先進性，采用層次化、結構化的設計方法。路由器、局域網交換、安全設備要考慮使用醫院信息化統一平臺網絡安全設備來接入。網站硬件數據庫服務器和存儲設備采用雙冗余方式，網站WBE服務器使用兩臺互為熱備，用VPN保障應用系統的開展。流量控制服務器上一定要部署防篡改系統，這一點非常重要。醫院基礎網站群架構拓撲圖件，如圖2所示。

服務器的設計和選型按高可靠性、高安全性、開放性好的原則配置應用服務器、數據服務器，采用目前市場上的主流機型，并通過配套的軟件組成雙機互為備份，服務器支持CPU的板級升級和節點的平滑擴充。

系統軟件選用微軟的Windows Server 2008企業版作為操作系統軟件，使用Oracle 10G企業版為主要的數據庫平臺，兼用SQL Server 2003企業版上開發的業務應用。其他應用平臺按照高可靠性、高安全性、開放性好的原則來選擇配置即可。

4.3 網站群數據庫設計

數據庫是網站信息存儲匯集的地方，是網站建設的關鍵所在。醫院網站群的數據庫結構是以實現醫院各級業務部門及相關單位的信息系統網絡互聯互通、信息資源共享，以及與醫院綜合信息管理平臺的互聯和數據交換為基礎建設的，該數據庫采用Oracle+SQL，對網站群大量增加的訪問信息、文本文件、圖片信息等進行管理。

醫院網站群的數據庫模塊結構包括：總站整體管理模塊、子站管理模塊、信息管理模塊、用戶互動交流管理模塊、部門機構管理模塊、新聞類型關聯管理模塊、網站質量評價評估管理模塊、用戶權限管理模塊、用戶角色管理模塊、業務擴展管理模塊。數據庫設計要充分考慮服務平臺統一性、級別權限劃分的靈活性的應用系統的融合性，按照統一考慮、分期開發、科學規劃的原則進行分模塊的設計規劃和實施。

為了保證醫院網站群互聯互通的平滑性，并使得系統群的管理、統計、分析、數據采集、整理、傳輸等功能的運行穩定安全，結合醫院網站群建設實際的需求，應用了多種開發工具。

網絡平臺軟件：Microsoft Windows 2008 Server；Web服務器：Microsoft IIS Server；客戶端平臺：Microsoft Windows xp/ Microsoft Windows 7；客戶端瀏覽器：IE/360瀏覽器等目前主流瀏覽器；Web數據庫：Microsoft SQL Server 2003、Oracle 10G；MAIL服務器：Microsoft Exchange Server 2000；網站群開發工具：Visual studio Net 2005；整合網站群數據庫開發工具采用Visual InterDev數據庫系統。

4.4 網站群安全性設計

網站群系統是接在醫院綜合信息管理平臺上，底層安全由醫院綜合信息管理平臺提供保障。為了防止服務器發生意外或受到意外攻擊，而導致重大損失，服務器采用幾項管理措施：服務器內部管理賬戶的分配規范；服務器端口的安全管理；服務器內磁盤空間權限的分配設置規范；服務器不安全組件或服務的管理規范；信息過濾系統的使用；日常日志的分析與管理。

4.5 網站群欄目結構設計

考慮到訪問群體分布的地域性、年齡階層、網速、閱讀習慣等問題，如何在網站中建立合理、有效、良好的人機對話界面，特別是人機交互系統的問題。為此，在欄目結構上使用首頁和一級頁面之間采用星狀鏈接結構，一級與二級頁面之間用樹狀鏈接結構。首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。立體結構呈發散形狀。這樣的鏈接結構瀏覽時，一級級進入，一級級退出，使網站群條理清晰，訪問者瀏覽信息簡單明了，通過應用程序開發實現相關頁面之間相互鏈接。

4.6 網站群頁面設計

網站群頁面的設計要考慮到版面整體規劃設計；醫院VI形象的統一；網站群頁面色彩的運用等方面。

5 結束語

三甲精神專科醫院網站群的設計與實現，它整合了醫院現有資源、實現了統一集成、信息共享，服務患者的需求，極大的提高了醫患信息互動效率，促進了醫院整體的發展。醫院網站群的應用使醫院取得了非常好的社會效益和經濟效益，也為未來實現醫療信息的區域共享打下基礎。

參考文獻

[1] 王波. 基于 2.0精神專科醫院門戶網站設計與應用[J].中國數字醫學，2011.6（8）：103-104.

[2] 王波，王志濤. 基于C#.NET與的醫院門戶網站平臺系統設計與開發[J].醫學信息學雜志，2011.32（12）：30.

[3] 肖嘉.網頁設計與網站開發基礎教程[M].西安：西安電子科技大學出版社，2005：489-490.

[4] 公安部信息安全等級保護評估中心.信息安全等級保護政策培訓教程[M].北京：電子工業出版社.2012.24-36.

[5] 陳剛.CSS標準網頁布局開發指南[M].北京：清華大學出版社，2007.315-392.