時間：2022-08-07 10:25:27
開篇：寫作不僅是一種記錄，更是一種創造，它讓我們能夠捕捉那些稍縱即逝的靈感，將它們永久地定格在紙上。下面是小編精心整理的12篇網站設計方案，希望這些內容能成為您創作過程中的良師益友，陪伴您不斷探索和進步。
關鍵詞：企業產品網站；設計思路；制作方案
Abstract: webpage design as an emerging technology, has been developing rapidly in recent years, with the development of Internet, all kinds of small and medium-sized enterprises also begin to design your own website, enterprise website is an enterprise portal, design level directly reflects the image of the enterprise, to design a good business web site must be to have a good originality and design, this paper will explore the enterprise product website design ideas and concrete implementing scheme.
Keywords: enterprise website; design; production plan
[中圖分類號] F72 [文獻標識碼]A[文章編號]
引言
隨著近些年來網絡的發展，網頁設計作為一門新興的技術也迅速的興起，網絡設計的功能是保證用戶可以方面、快速的了解網站的相關信息，從網絡水平的發展過程來看，網頁設計水平與設計幾乎有著密切的關系，傳統的網頁一般是數字和字母組成，沒有現階段的動畫、圖片和聲音，隨著設計水平的發展，現在的網頁已經發展為動畫、圖像等多種因素整合的新型網站，對于設計人員而言，在設計網頁的過程中要以用戶為中心，方便用戶的適應，下面就以企業網頁的設計為例，探討企業產品網站的設計方案。
企業網站的設計思路
企業網站是一個企業的門戶，設計水平直接體現著企業的形象，要設計出好的企業網站必須要有一個好的創意和構思，再使用科學合理的設計方法，豐富網頁的內容，其設計的思路可以沿著以下幾個方向進行：
找出網站的主題
企業網站設計的主題就是企業的相關產品，因此，設計人員在設計網頁時必須要考察好企業的產品以及各個產品的賣點，根據賣點和閃光點進行設計，使用圖像、動畫等與產品相關的鏈接，為網站的設計打好堅實的基礎。
組織網頁的結構
在了解到企業產品的賣點之后，就需要對網頁結構進行整體的規劃和布局，網頁結構也是影響網站設計效果的重要因素，為了方面用戶的使用，大部分的網站都是使用樹形的組織結構。
整理資源
在對網頁的內容以及結構有著明確的構思之后，就要對企業產品相關的內容進行分類和整理，根據圖片、超鏈接以及文字內容的分類方式將資源整理好，以便進行下一步驟的設計。
選擇設計方法
在完成以上所有的工作后，就需要選擇合理的設計方法，目前，設計網站的工具很多，不僅可以使用FrontPage等網頁制作工具進行設計，也可以使用HTML語言進行編輯，在具體的設計過程中，可以使用網頁制作工作設計好網站的框架，再使用編輯語言來實現網站的各項高級功能。
企業網站的設計方案
在做好各項準備工作后，就可以著手進行下一步的工作，這也是企業網站設計中的關鍵工作，目前，一些大型的門戶網站，搜狐網、新浪網、騰訊網等網站的頁面設計十分科學，因此，在對企業網站進行設計時，可以多借鑒門戶網站的制作特點，提高企業網站的信息集成性，增強網站的交互功能，網站的設計包括以下幾個內容：
網站頁面的設計
企業網站是企業的門戶，那么頁面就是網站的門戶，在頁面的設計過程中，一般需要遵循典雅清新、精悍簡潔的原則，但是，企業網站與門戶網站相比而言，具有一些特殊性，面向的受眾群體有限，因此，在對頁面進行設計的過程中，要以受眾的特點為出發點，例如，蘭芝公司作為一家主營化妝品的公司，其受眾群體是18到35歲的女性群體，因此，其頁面采用了清新的藍色，這種顏色不僅象征著蘭芝化妝品的賣點——補水，呈現出來也十分的美觀，用戶瀏覽起來可以賞心悅目。因此，在設計頁面的過程中，要考慮到產品的賣點以及受眾群體，進行針對性的設計。
交互性的體現
現代社會是一個交流溝通的社會，很多企業的網站都設置了留言板和討論專區，并委派了相關的版主進行管控，在留言板中，用戶可以發表自己對產品的意見，這就可以幫助企業更好的認識到自身生產能力的缺陷以及用戶的實際需求，并及時的分析問題、解決問題，提高自身的生產能力。
定期升級
一般情況下，企業網站都會融合傳統門戶網站以及商業網站的優點，兼具電子商務和廣告招商的功能，現在很多企業都意識到了網絡銷售渠道的優勢，紛紛的將自己的產品放在主頁上進行銷售，實現營業范圍的多元化，但是，由于各種因素的影響，企業網站的穩定性比起專業的門戶網站而言較為遜色，且容易受到黑客、病毒的影響，因此，必須對網站進行定期的維護和更新，保證網站運行的穩定性。
提升網站的影響力
為了提高企業網站的影響力，提高產品在消費這心目中的水平，在設計方案中可以多增加一些交互功能，讓用戶可以在網頁中了解到自己所需的內容，這也可以在一定程度上提高網站的親和力，起到宣傳文化的作用。
合理搭配，控制網頁的速度
目前，視頻動畫、圖像等已經在企業網站的設計中得到了廣泛的應用，這可以增加網站的美觀性，也可以豐富內容，但是，圖像和視頻使用的過多會在影響瀏覽的速度，在互聯網這個快餐時代，打開頁面的速度過慢，很多用戶就會選擇關閉，去瀏覽其他相關的網站，因此，在對網站進行設計時，要合理的使用視頻和圖像，多增加一些文字性的內容，圖片則使用GIF格式，且圖片的尺寸要控制到合理的范圍內，這樣，既可以提高網頁的生動性，也不會影響瀏覽速度，達到兩全其美的效果。
結語
總之，在制作企業網站的過程中要遵循規定的設計原則，以用戶為中心，合理的規劃圖像和文字的使用比例，提高網頁的可讀性。
參考文獻：
[1]王熹.企業產品網站制作方案的初探[期刊論文]，西北水利發電，2005（09）
1.1設計學習任務，激發學生的學習興趣
興趣是最能激發學生的激情，學生如果對某一門學科產生興趣，那么他們就會產生主動了解、積極探索的愿望，對知識的學習也會不惜時間、不怕困難，注意力也就能夠集中較長時間。因此，在該門課程教學的過程中，我院計算機教師首先從激發學生的興趣人手，調動學生的求知欲望。在上第一節課時，也是最關鍵的一節課，就開始積極地調動學生的這種求知欲望和興趣，在上課過程中給學生打開介紹一些有代表性的網站，在版面設計方面是如何布局，在色彩搭配方面如何合理地統一網站風格，如何增加動畫效果來引起讀者的視覺注意，如何合理地使用圖片來修飾自己的網站，做到與眾不同，被廣大瀏覽者所認可。完成對這些代表性網站的分析后,向學生提出學習任務，就是學習完這門課程后，大家要自己動手制作一個符合要求的網站。這時學生會情不自禁地在自己的腦海里構思著并想象自己設計出的網站畫面，這種情不自禁的想象和構思就是學習的動力，是學生學好該門課的基礎和前提。
1.2利用免費網站空間，實戰教學
現在很多網站給予提供了極多免費的空間申請，在教學過程中可通過該種方式來提高教學效果，達到實戰的目的。首先讓每位學生獨立制作一個網頁，內容充實，并保存好，然后跟著教師在網絡上找到一個免費提供空間申請的網站，接著一步一步跟著教師申請好屬于每位學生的網絡空間和域名，然后再把自己事先制作好的網頁上傳到該網絡空間上，并通過瀏覽器打開查看自己的網頁。通過這種方式，讓學生有一種成就感，體會到了自己從零開始到獨立完成一個網頁的上傳并成功顯示的效果，同時也讓學生在瀏覽器上看到自己設計的頁面效果是否變形，美不美觀。通過這樣的實戰學習，讓學生對該門課程有新的認識，并喜歡上該門課程。
1.3開發課程學習網站，拓寬教學渠道
幾乎所有的課程教學都在教室、多媒體、機房內完成教學，為了彌補課堂教學的不足，更加方便學生的學習，使學生在不同的地理位置上也能與教師進行交流，學生可以根據自己的興趣或學習情況掌握學習進度，自主學習。筆者為該門課程獨立設計開發了《網頁制作與網站設計》課程學習網站，網站給學生提供了很多學習課件與制作網頁的素材，同時還選取部分學生的優秀作品放在教學網站上，讓學生感受到自己的成就感，并設置制作了在線交流和在線學習系統，使學生課外也可獨立學習，并在網站上與教師和其他學生進行溝通交流學習。這些方法調動了學生的積極性，使學生積極思考,主動參與并提出自己的見解。
1.4師生互動、學生互動，活躍課堂氣氛
學生在一堂課的學習過程中注意力都會不斷變化的規律,剛開始時學生的注意力是最集中的,到了中間最容易分散,最后又會慢慢提高。因此在教學過程中筆者以幽默的話語聯系最近發生的新聞知識串接到與課程相關的內容中來，并利用學生注意力的變化規律,把重要的內容放在前面,中間要加一些提高注意力的環節，重新激發學生的熱情,需要強調和總結的內容要把握好最后的時間段。激發學生學習的興趣，提高他們分析問題、解決問題的實際能力，達到輕松學習、自主學習的目的。
1.5以網頁設計大賽激發學生學習熱情
我院電子信息工程系每年都會舉行一次網頁設計大賽,由計算機教研室承辦，學生可以獨立參賽或者組成小組參賽，初評入圍的選手可以進入決賽，然后選送優秀的作品參加每年自治區組織的大學生網頁設計制作比賽。要求全系學生參加,可獨立參賽，也可組隊參賽，每件參賽作品選派一位代表在臺上展示自己的作品并進行相關陳述,然后由專業教師、企業專家組成的評委團打分,并由其中一名評委對選手的作品和語言表達進行點評,最后評選出優秀作品并頒發獲獎證書和獎品。通過每年的網頁設計制作比賽,充分調動了學生學習的積極性，并且還提高了學生的語言表達能力和創新能力。既調動了學生的學習熱情，又促進了學生的學習主動性，正確地引導了學生的學習方法和努力方向。
1.6以工作過程為導向，學以致用
在教學過程中，我院讓學生加入到現實生活的實踐項目中去，從社會人才崗位需求出發，把校企合作的真實網頁制作項目融入教學課堂，讓學生承擔起實踐項目的一部分。這就要求學生在開展實踐項目之前就必須與客戶進行詳細的溝通，掌握客戶的需求完成模塊的雛形需求分析，這樣不但提高了學生的技術水平，又實現了所學的內容與社會需求的接軌，并且還鍛煉了學生的人際交往能力、組織協調能力。通過不斷的項目實踐，讓學生在校期間就能快速進入狀態，為今后走出校園上崗就業打下堅實基礎。
2教學手段的改革
2.1建立虛擬化企業工作環境
我院以工作過程為導向對《網頁制作與網站設計》課程教學改革，那么模擬真實的工作環境是勢在必行的，根據企業在實際的網站開發過程中，大量的工作都是借助于網絡平臺進行交流和實施的。因此，網頁制作與網站開發課程組在整理了企業的實際工作流程后，利用網絡平臺在學院計算機機房內組建了虛擬化的企業工作環境，讓學生項目組也能在虛擬化的企業工作環境中進行項目的開發和實施，使他們在校內也能體驗到實際的網站開發工作流程。真真實實地感受到實戰的效果，這種虛擬化的企業工作環境為培養學生的職業技能提供了一個良好的平臺。
2.2充分利用多媒體設備與技術，提高教學效果
在教學過程中，選取及制作一些形象生動的動畫演示，提高學生的注意力，并利用課程組開發的網頁制作在線學習系統在機房給予學生更加直白的教學，并通過多媒體教學軟件控制學生電腦，近距離演示，同時通過采用視頻教學，并在講授過程中，教師演示完成后，讓學生到教師機上來操作演示給其他學生看，以更直觀的方式幫助學生理解網站項目以及開發與實施中存在的問題，提高教學效果。
2.3建設課程資源庫，實現知識共享
《網頁制作與網站設計》課程自在學院開設以來，已經積累了較多的教學資源，包括校企合作項目、課程網站、教學錄像、教學課件等，目前已應用于課堂教學和網絡教學，為學生的學習提供了非常大的幫助。通過不斷建設和完善課程資源庫，將為該門課程的教學提供更好的輔助。
3考核方式的改革
傳統的理論知識考試方式已不能檢測學生的學習成績和綜合能力，以學生作品替代傳統的理論考試,本課程的最終目的是要求學生應用所學知識，獨立設計制作出一個完整的網站，并上傳到網絡上供用戶瀏覽訪問。根據教師給出的類似客戶提出的要求構思一個網站,寫出該網站設計方案,網站設計方案要求包含網站主題、網站logo、網站欄目設計、網站布局設計、網站色彩搭配，最后按網站設計方案的內容來設計制作網頁。這種考核方式注重實踐操作性和應用開發能力的培養，極大地提高了學生的學習主動性和積極性。
4結語
一、題目小型電子商務網站的規劃與設計
二、設計目的網站的建設是各個企業投身Internet的第一步，本畢業設計希望通過對電子商務網站的規劃與設計來培養學生綜合運用所學知識分析和解決實際問題的能力，掌握相關網頁制作軟件，強化計算機實際應用技能訓練，為今后開展網站規劃、設計和開發打下初步的基礎。
三、設計要求1、運用Dreamwearer等網絡制作軟件制作主頁及其相關鏈接的頁面。2、主頁要求：清純簡潔、主題鮮明、內容編排得當合理、有一定的藝術感，美觀、實用，相關鏈接正常，能體現網站首頁的基本功能。3、網站具備的基本功能：用戶注冊、公司簡介、產品目錄、商品展示、訂購及查看購物車等。4、選題要得當，形式可以多樣，但內容要健康。5、網站建立后要完成測試，最后將運行穩定的網站所有文件用磁盤或光盤拷貝給指導老師。
四、開發工具DreamwearerMX、HTML等
五、設計報告內容1、封面2、目錄3、論文摘要、關鍵詞4、建立該網站的目的、意義；5、當前網站建設的基本情況，本網站的總體規劃、功能和設計目標，包含網站的結構圖；6、本網站設計中具體實現的幾個關鍵功能和相關技術說明；7、使用數據庫的部分要列出相關數據結構及實現的算法；8、網站測試及的情況（含測試環境、條件、性能的分析等）；9、網站建設的心得體會和擴展性分析；10、致謝；11、參考文獻。
六、參考文獻1、毛璟駿編著.《Macromedia中國授權認證培訓（ATC）專用教程——MacromediaDreamweaverMX動態網站開發標準教程》.科學出版社；2、《DreamweaverUltraDev動態網頁設計》.人民郵電出版社；3、龍馬工作室編著.《DreamweaverMXASP網頁編程入門與范例制作》.機械工業出版社。
七、時間安排2004年1月4日，布置畢業設計任務，明確分組負責人和聯系辦法，講解畢業設計的方法和步驟，假期自學相關的軟件，收集資料，編寫設計方案（或設計計劃書）。2月27-29日（注冊時），每人提交一份計劃書，匯報對該網站設計的設想，明確每人負責的具體任務，并進入實質性操作階段。每周五組長匯總情況、問題和進度一次，各人隨時可通過電話、ICQ或E-mail聯系。4月30日前完成并進行運行測試。5月1日-10日，進行畢業設計報告的撰寫和修改。5月17日，全部完成，并將整個網站刻錄光盤和畢業設計報告上交指導老師。
1、網站品牌化
品牌價值受到互聯網的猛烈沖擊，這讓很多傳統企業品牌感受創新改變的重要性。品牌策略的創新改變應該從哪里開始呢？一個品牌在互聯網時代應該如何與消費者接觸呢？
互聯網時代，企業正在用哪些形式與消費者互動呢？短信、電話語音、微博、博客、BBS、貼吧、水軍…別忘了，這些都是別人的平臺，利用這些渠道本身已經降低了企業自身的品牌價值。
豪無疑問，商易通認為打造一個集視覺創意、資訊、互動、工具于一體的企業品牌網站將是未來趨勢，品牌網站將成為了品牌與消費者之間最重要的接觸平臺。
2、網站營銷化
搜索營銷是互聯網時代市場營銷最有效、最直接的方式。它打破一切新奇的、概念式的互聯網營銷理念，因為他們都建立在有效的搜索營銷的基礎上。
商易通深刻的認識到搜索營銷又是以內容收錄、網站排名、有效點擊、在線邏輯、效果分析為一體的系統工程，企業實施搜索營銷戰略，必然建立在網站具有強大的營銷功能的基礎上來實現，以實現對品牌、銷售的搜索營銷雙贏戰略。
3、加強客戶服務
目前市場競爭的激烈性導致產品的差異迅速縮小，從而售前、售中、售后服務的個性化日益突出，各大企業都在著力加強這方面的宣傳力度。網站是一個交互性極強、反應迅速的媒體，通過網站搜集消費者的信息及反饋，有助于加強客戶服務的質量，從而為企業贏得更多的客戶，創造更好的效益。
4、展示產品及技術優勢
在目前競爭激烈的市場中，除非一個大型公司具有技術壟斷或產品生產優勢，一般的中、小型企業很難挖掘這方面的優勢，不要緊，互聯網最大的特點就是他的開放性和跨地域性，開放性決定了互諒網信息的共享，這一特點為中小企業贏得了與大企業相抗衡的可能性：通過互聯網的信息資源共享，中小企業可以獲得對現代企業至關重要而又以常規方式無力收集的市場信息；跨地域性使企業營銷突破了傳統市場的地域限制，企業的収展方向和市場規模，因此，“互聯網使中小企業得以與大企業在同一起跑線上競技”。
5、提高工作、提高效率
Internet是與顧客溝通的重要工具，同時也是產品展示的重要渠道。通過Internet可以從各方面介紹被推銷的產品。測試產品市場
1 / 2
反應，并得到即時的反饋。在商業活動中一張照片可以勝過千言萬語，可以通過企業、產品、工程圖品及聲音、視頻等多媒體信息來服務客戶。
6、增進與客戶的溝通
客戶對公司產品及服務的意見、建議，通過網站您可以及時得到并迅速反應，然后通過網站或線下反饋給客戶。
第二部分：包包網網站設計方案
1、 欄目布置
2、 功能模塊圖
第三部分：網站推廣方案
1、 推廣平臺
主要針對BAIDU自然排名及百度地圖進行指定關鍵詞排名優化。
2、 相關關鍵詞
《網頁設計》是計算機絡技術專業的一門專業基礎課，該課程的教學內容是基于Dreamweaver軟件的網頁制作，主要包括html語言、網站創建與規劃、網頁設計技術與技巧、網站及維護等內容。通過本課程的學習，學生達到能夠獨立開發和制作網站。在《網頁設計》課程教學中，作為載體的實訓項目的設計與確定、實施與評價，對學生專業能力的獲得具有舉足輕重的作用。一般來說，項目教學要有以下幾個操作環節：
（一）項目任務
根據《網頁設計》課程培養目標的要求，教師選定項目任務，與學生一起分析任務性質，明確任務內容，讓學生知道自己要做什么，要準備哪方面的專業知識，能鍛煉哪方面的專業技能等。
（二）項目方案
教師按照學生的學習能力差異和綜合專業素質等把全班學生分成幾個學習小組，然后組織各小組學生為完成項目任務進行充分討論，引導學生補充準備相關的專業知識，設計項目任務完成可行性實施方案。教師要積極引導各小組相互進行比較，取長補短，肯定實施方案的多樣性、差異性，允許按照多種方案實施，并提出建議性的參考方案。學生明確各自的分工，然后進行項目操作。
（三）項目實施
小組成員根據項目實施方案中的分工,在計劃的時間內,來做成自己所負責的工作,在項目實施過程中,團隊間的合作、組織、協調、討論等成了這個環節的主要內容，在項目實施過程中，教師要擔任指導者、監督者、評價者等角色，確保項目中的每位成員都能參與其中，從而高效地完成項目任務。
（四）項目評價
先由小組成員對自己完成的項目進行內部評價，再進行小組間的互評，取長補短。最后由教師對各小組的項目完成情況進行綜合評價。教師把項目評價效果情況進行詳細記錄，作為學生該項目工作成績，最后組織全班學生一起從項目設計的規范性、合理性、項目最優化等方面共同分享學習實踐的經驗。
二、《網頁設計》應用項目教學法的實例分析
以往的《網頁設計》課程對應的實踐任務往往只是針對所學知識點，安排一些較枯燥的一些操作練習，缺乏一個系統的鏈接，致使學生學習缺乏激情和動力，學生每次實踐只是機械地按照實踐指導的步驟完成實踐內容，他們普遍認為這些課程只是學會軟件的基本操作而已。在這種模式下，不利于培養學生解決綜合問題的能力，很難利用信息技術工具和信息資源來解決具體實際問題，項目教學法的應用，應該可以有效地解決以上的問題。
（一）布置項目任務
在《網頁設計》課程實施項目教學時首先要求科學確定項目任務。在確定項目任務時，要進行科學規劃，力求所制定的項目不僅有利于教學的開展，而且有利于調動學生的學習積極性。要對具體的項目提出明確的知識目標和能力目標。我將《網頁設計》課程的總項目任務確定為“開發一個企業網站”，并根據其涉及的知識點，將課程總項目劃分為若干個子項目，每個子項目再根據知識點劃分為若干個由基本知識、基本操作構成的實驗項目。在實踐過程中，全程模擬企業設計場景，把課程內容滲透到企業設計的每個項目中，讓學生擔任網站設計師角色，分步驟、分階段地完成一定的企業項目。用案例不斷驅動學生去進一步思考和探索，并由點到面，讓學生對項目的創建過程有一個直觀的認識和體會。在實施過程中，每個模塊任務都有其對應的知識點，學生需要靈活地，高效地將所學知識點應用于項目中。
（二）學生知識準備
1.網站素材準備2.網站的整體規劃技術；3.表格、布局表格技術及技巧；4.圖像處理、動畫設計相關技術；5.網站色彩搭配、網站風格美化技術；6.模板、超鏈接、行為的應用；7.CSS技術設計應用；8.站點管理、網站上傳等技術等。
（三）學生分組完成項目設計
全班共32人，我將全班分為四個小組，每小組8人，由組長負責，組員共同協作，完成該公司網站的設計。每一個任務環節均有評價方案，在單個環節中，小組成員各提出方設計方案。
（四）項目再次優化
各小組對其他小組的項目方案進行分析，取其所長，進一步完善自己的項目，爭取使項目得到進一步的優化。項目作品展示展示各小組學生的作品，交流制作經驗，評出最優組、最優組員和最優作品。最后由教師作總結，指出在實施該項目過程中做得好的方面和需要加強的方面。
（五）項目評價
【關鍵詞】響應式Web 媒體查詢 彈性圖片 viewport
近些年來移動智能設備發展迅猛，用戶可以在個人電腦、平板電腦、智能手機等各種終端上訪問一個網站。傳統的Web設計技術已經適應時代的發展，無法保證在從屏幕像素大小不同的設備上訪問網站時都能夠得到一個良好的顯示。
我們在開發大學生競賽服務網站時也遇到了類似的問題，經過認真的研究，最終利用響應式Web設計技術解決了這一問題。本文將通過探討響應式的Web設計方式，研究如何構建一個網站，使之能夠自動適應不同的網站訪問設備，通過動態調整網頁的布局結構和顯示樣式，把相同的內容以不同的格式呈現出來，做到“一源多屏”。
1 響應式Web
2010年Ethan Marcotte提出了一種響應式網頁設計理念[1]，它使得網頁可以根據用戶行為以及設備環境（系統平臺、屏幕尺寸、屏幕定向等）進行相應的響應和調整。簡單的說，響應式Web頁面，能夠根據不同終端設備，響應用戶的操作自動調整網頁尺寸，達到頁面美觀的效果。響應式Web在設計時需要使用HTML5和CSS3，涉及到媒體查詢（Media Queries）、響應式布局、彈性圖片和viewport 屬性四大關鍵技術。
1.1 媒體查詢
媒體查詢是響應式Web設計的關鍵[2]。媒體查詢可以讓我們根據設備顯示器的特性（如視口寬度、屏幕比例、設備方向：橫向或縱向）為其設定CSS樣式。媒體查詢由媒體類型和一個或多個檢測媒體特性的條件表達式組成。媒體查詢中可用于檢測的媒體特性有 width、 height 和 color 等屬性。使用媒體查詢，可以在不改變頁面內容的情況下，為特定的一些輸出設備定制顯示效果。在實際的開發中，網頁設計者可以為不同大小的屏幕分別編寫CSS樣式文件，并在用戶訪問網站時通過@media screen判斷和調用對應的樣式文件。
例如：
@media screen and （min-width：1200px）{.post_box{width： 45%；float： left；} }
@media screen and （min-width：960px）{.post_box{width： 30%；float： left；} }
規定了網頁中的post_box在屏幕分辨率在大于1200px時的寬度為45%，當屏幕大小大于960px且小于1200px時的寬度為30%。
1.2 響應式布局
響應式布局是進行響應式設計的基礎。響應式Web 設計采用響應式布局來滿足不同設備的需求，頁面元素隨著瀏覽器窗口的調整可以自動適配。響應式布局可以通過百分比布局、字號比例和浮動屬性等技術手段完成。
為避免用戶在較小設備瀏覽網站時通過橫向滾動條來查看頁面，對于網頁對象的寬度應該使用“%”為單位的相對尺寸，而不是使用固定像素（px）。上面的例子中，post_box的寬度被設計成百分比尺寸。當顯示屏幕發生改變時，post_box寬度也會發生響應的變化。
在響應式Web中不能使用像素（px）來設置文字的大小，而必須使用字號比例（em）。em可以根據當前基準字號的寬高成比例縮放文字，實現文字大小的響應式變化。
為防止在小屏幕上Web頁面各個div元素的度由于擠壓變得細長，需要將網頁中div的位置設置為浮動（float）的。這樣可以解決當屏幕寬度不夠，一行放不下多個區塊的問題。
1.3 彈性圖片
響應式Web設計的思路中，一個重要的因素是怎樣處理圖片方面的問題。網頁中的圖片通常會按照實際尺寸進行顯示，但是在一些小屏幕的設備上，屏幕的實際寬度可能會小于圖片寬度。為了避免使用鼠標拖動才能瀏覽的問題，需要使用彈性圖片技術。彈性圖片指的是不給圖片設置固定尺寸，而是根據流體網格進行縮放，用于適應各種網格的尺寸。彈性圖片技術最早由Richard Rutter提出，即使用CSS的max-width屬性，例如：
img { max-width： 100%；}
上述代碼確保圖片最大的寬度不會超過瀏覽器窗口或是其容器可視部分的寬度，所以當窗口或容器的可視部分開始變窄時，圖片的最大寬度值也會相應的減小，圖片本身永遠不會被容器邊緣隱藏和覆蓋。
1.4 viewport屬性
利用媒體查詢能夠很好的解決網頁在分辨率大小不同的個人電腦瀏覽器上的瀏覽問題，但對于手機或平板瀏覽器等移動終端還是不夠的。因為移動終端的瀏覽器默認頁面是為寬屏幕設計的，它會把頁面自動縮小以適應屏幕，造成的結果就是頁面中的內容太小而影響用戶的閱讀。這個時候就必須使用viewport的meta標簽來做一系列的設置，從而獲取終端設備正確的寬度。
Viewport的使用比較簡單，只需要在網頁的head部分添加如下代碼即可：
2 基于響應式的大學生競賽服務網站的設計步驟
大學生競賽服務網站是我們獲批的一項遼寧省大學生創新創業訓練計劃項目。項目研究的主要內容是：為適應當前大學生創新創業活動的蓬勃發展所開發的一款能夠適用于各類競賽服務的通用支持網站。網站的功能包括完成各類賽事通知的；參加競賽的學生可以完成報名、提交作品、展示作品的PPT介紹以及視頻演示等；專家可以對作品進行評比等。
2.1 網站布局
經過分析，瀏覽網站的用戶可能會用PC機、平板電腦和各類手機等設備訪問網站，這些設備的屏幕像素大小不同。因此，我們決定將系統設計成能夠基于響應式的網站。
為實現開發過程的高效簡化，在前端開發中可以使用Foundation、Bootstrap或Pure等CSS框架。我們在設計大學生競賽服務網站時采用了Twitter提供的Bootstrap來進行網頁的布局。Bootstrap是一款移動設備優先的CSS框架，它將所有終端設備分成了：超小屏幕（手機，小于768px）、小屏幕（平板，大于等于768px）、中等屏幕（桌面顯示器，大于等于992px）和大屏幕（大桌面顯示器，大于等于1200px）四類，并通過媒體查詢自動確定當前訪問網站的終端設備的類型。Bootstrap利用流式柵格系統將整個屏幕最多分成12列，每個列的寬度能夠根據屏幕或viewport尺寸的變化而變化。這些特性正是我們在設計大學生競賽服務網站時所需要的。
2.2 響應式圖片
大學生競賽服務網站必須提供作品圖片展示功能。Bootstrap提供的.img-responsive 類可以讓圖片支持響應式布局，適應各類終端設備。.img-responsive 類的實質是設置了width、height 和display，從而在父元素中有較好的縮放。
一致的界面能夠提高網站的品質。Bootstrap內嵌的FontAwesome項目提供了一套高質量的圖標字體。在網站設計的過程中，我們利用該項目美化網頁的同時也大大減少了由于采用圖片作為背景所帶來的網絡流量。
3 結束語
響應式網站的出現代表了移動終端 Web開發的發展趨勢，它通過整合媒體查詢、流動布局和彈性視覺媒體技術來進行頁面設計，實現了“一源多屏”，為多元化的終端用戶提供更加舒適的 Web 界面和良好的用戶體驗，大大減輕了網站前端設計人員的負擔。響應式網站設計必將取代傳統的網站設計方式，成為主流的前端設計方案。
參考文獻
[1]傅翠玉.響應式Web設計探究[J].信息與電腦，2016（09）：79-80.
[2]王朋，董愛華，鮑萍萍.響應式Web的研究與應用[J].微型機與應用，2016（10）：15-17，21.
乙方：南通儒通軟件科技有限公司
為充分利用internet商業效用，樹立良好的公司形象，甲方委托乙方設計開發公司網站(以下簡稱甲方網站項目)，雙方本著公平友好的原則，經甲乙雙方友好協商同意，簽訂如下協議，以茲信用，雙方達成并同意遵照以下條款：
一、 甲乙雙方的權利和義務
1. 甲方確保自己的網站內容不違反中華人民共和國的政策、法律和法規，甲方違反此義務給乙方造成損失時，甲方應承擔相應的賠償責任。
2. 甲方應該一次性提供項目建設所需的必要資料，甲方另外提供的資料應當不影響網站的整體設計。
3. 乙方對甲方提供的資料提出疑問時，甲方須積極主動進行解釋說明。
4. 合作進行中，甲方對《網站建設方案》提出調整或增刪時需另外訂立合同附件。
5. 甲方提供的聯系資料：聯系人、郵箱、電話等發生變動時，須及時通知乙方。因甲方不及時通知乙方更新聯系資料造成甲方損失的，由甲方自行負責。
6. 乙方應按照《__________________網站建設方案》按時按質按量完成該項目。
8. 乙方為甲方提供服務，并按照有關服務條款提供相應的技術支持，保障所提供給甲方的網絡空間流暢、快捷、安全。
9.乙方為建成的項目提供一年免費常規技術維護(不包括框架的更改、功能的增加等)。
10. 本合同網站項目建設完成后，甲方享有委托乙方創作的全部網頁(包含文字、圖畫及其組合)的版權;網站項目中相關程序的版權屬乙方所有，但乙方授予甲方對該等程序、文件源碼的使用權。未經乙方許可，甲方不得公布文件源碼，不得復制、傳播、或者許可他人使用本合同標的作品等。
二、 驗收標準和方式
1. 項目結束時，由乙方通知甲方于指定的網址查看驗收。
2. 視項目大小甲方須在3個工作日以內給予驗收意見。超過3個工作日沒有復
則認為甲方驗收合格。
3. 甲方按照《網站建設方案》驗收，如需修改，甲方應提出修改意見，乙方修改，經確認無誤后甲方簽字認可，即為驗收合格。
三、合同金額及付款方式
1. 乙方為甲方提供_______________________建站方案一套。
本合同涉及的總金額為人民幣 元(大寫： )，其細節在本合同附件網站設計方案中描述。合同簽訂后，甲方應支付合同總金額的 % 即 元(大寫： )作預付款給乙方，該網站程序嵌入工作完成，網站項目驗收后 日(以項目驗收單的日期為準)，支付合同余款 元(大寫： 元整)給乙方。
四、網站維護條款：
1. 乙方全面支持甲方企業網站的正常運轉;免費技術維護一年。
2. 在本合同簽訂滿一年后，域名的續費和空間的續費甲方應在上一年度的最后一個月前向乙方交納;域名和空間的價格費用根據對應年份的乙方對應的市場價格而定。
五、違約責任
1. 一方違反以上條款造成另一方損失時，違約方應承擔40%的賠償責任。
2. 由于意外事件(如天災、網絡、通訊線路、病毒等超出乙方防范與預見能力的事件)而影響乙方正常的服務和技術支持時，不視作乙方違約，甲方對此表示認同。
六、附則
1.本協議同時得到甲乙雙方的完全理解和認同。在打印和填寫過程中，未經乙方同意，甲方不得隨意更改本合同中的任何條款。本協議經雙方簽字蓋章生效后，任何更改須雙方協商一致并以書面形式確認。
2.其他未盡事宜由雙方協商解決，本協議一式兩份，雙方各執一份。協議附件與本合同具有同等法律效力，自簽訂之日起生效。有關具體細節見附件一和附件二。
3. 協議中所指《網站建設方案》雙方協商另外產生。
4. 如果以上條款有歧義，乙方保留最終解釋權。
甲方(簽章)： 乙方(簽章)：南通儒通軟件科技有限公司
飛利浦公司對購物網站進行了一次大改版，這次改版讓網站獲得了2010 iF信息設計獎(iF Communication Design Awards)的網站結構設計與屏幕設計兩個獎項。通過交互設計，讓這個網站從原先的“產品目錄”型蛻變為了“產品體驗”型，也通過對用戶操作方式的研究，開創了一種全新的網上產品體驗方式。
在選購商品的過程中，用戶往往會通過不同的網站途徑訪問飛利浦品牌，例如零售商網站、價格比較網站、博客、新聞網站等，但這些產品體驗都不完整。完整的產品體驗一方面要讓用戶感受到飛利浦“精于心簡于形”的設計理念，同時還要滿足網站訪問者的不同要求。購物網站在眾多網上服務平臺中扮演著一個獨特的角色，它可以成為一個為用戶提供完整產品組合信息的平臺，這個平臺還必須在客戶需要的時候能夠給予他們幫助。獲取信息和尋求幫助，用戶一般就是抱著這兩種目的登陸購物網站的頁面的。設計師在網站改版時就要盡可能地滿足客戶的這兩個需求。除此之外，網站還起到了市場推廣的作用，這是一個能夠向訪問者介紹飛利浦各種產品的溝通渠道，而且還能與其他客戶進行接觸，與促銷活動、零售商以及包裝渠道彼此完美配合。
在飛利浦的設計團隊看來，交互設計在產品設計中起到了鑰匙的作用，正因為它，產品或界面才得以使用。交互設計的目的就是要在技術、功能與人之間架起橋梁，將產品與交互這兩個概念結合起來才能給大家提供既簡單又有意義的產品方案體驗。在交互設計中，最關鍵的就是對人的理解，要理解人們的行為還有他們要做到的事情。同時還要將這些理解運用到設計界面以及功能上，滿足人們的需求。在每一次設計的過程中，都需要遵循完整的流程，從分析直到最終的設計。只有這樣才能獲得有效的、長久的成果。在這次改版的交互設計過程中，飛利浦的設計師團隊主要使用了“以用戶為中心”的設計的設計原理，著眼于真正研究、理解人們的行為，這些研究一方面能教會設計師們應該怎樣建立界面，滿足用戶的需求，另一方面，能夠啟發設計師設計出對用戶真正有價值的新功能。和所有其他項目一樣，設計全程基本上可以分為三步，第一步是理解整個設計背景和客戶，并且要清楚了解他們最需要的是什么。第二步則是根據所掌握的背景，結合商業目標的優先排序構思設計方案。最后一步就是著手進行網站設計。其中主要的挑戰就是要把業務與市場目標同客戶的目標結合起來，并且將這一目標實現。
改版后的飛利浦購物網站為用戶設計了一整套的購物流程體驗。現實中購物流程中的每一步都可以在網上實現。從搜索、比較到最后的下單支付，整個購物流程都輕松便捷，無需再去其他網站上搜索想要的信息。在視覺效果上，整個產品體驗區布局統一，頁面風格簡潔，避免了雜亂無序的感覺。清晰直觀的導航能讓用戶輕松簡便的瀏覽體驗。在某些產品頁面，網站訪問者還可通過放大功能以及旋轉功能360度全方位體驗產品，相關圖片及影像的嵌入能夠讓用戶直觀全面地了解產品。更重要的是，這些視頻并非全是由飛利浦制作，有很大一部分是消費者自己拍攝并上傳的。他們上傳自己制作的視頻，豐富了產品體驗信息。通過這樣的轉變，讓網站展示這種單向的信息傳遞方式轉變為了網站與用戶交流的雙向甚至多向傳遞方式，成為了使用飛利浦產品的用戶共同參與的一個平臺。
用戶在網站上能否實現自己瀏覽的目標，稱之為任務完成率，這一指標的數字在改版之后有了顯著提高。在網站建立后，還可以根據收集監控到的來訪者行為的數據，進行一些細節上的修繕。飛利浦購物網如今成為了一個全球性的網站，針對57個國家，有33種語言版本，網站訪問量達8000萬人次，包含23，000種產品，網站包含共計5000萬字的信息。
飛利浦的設計團隊認為，簡潔、便捷、與用戶需求更貼切。這是推動互動產品、互動服務以及在線體驗的三大動力。它們會是未來數年的主要推動力。同時，未來的關注焦點將會落在新興互動平臺上，例如社會媒體、移動交流平臺上，這就需要將互動用戶體驗與這些傳播平臺有機的結合在一起。
一、在中職計算機教學中開展研究性學習的實踐研究
研究性學習有一套完整的實施環節，但在具體實施的過程中，可以針對中職學生文化基礎相對較薄弱，以及計算機學科重點培養學生的動手實踐能力為目標的特點，對實施環節進行靈活處理，視情況強化和弱化其中的一些環節，甚至減化一些環節，突出培養學生綜合運用知識解決實際問題的能力和團隊協作精神。下面以“為你的親戚朋友的實體店鋪設計商品推銷網站”為例，簡述開展研究性學習活動的過程。1.學習目標讓學生通過對課題的研究，掌握設計制作一個網站的完整過程，增強對Dreamweaver、Fireworks、Photoshop、Flash等軟件的綜合應用的能力，并以此來培養學生團結協作的團隊精神和良好的職業操守和職業道德，為今后的就業和創業打下基礎。2.研究內容設計研究性學習有具體的研究內容，但并不是教材中的現成內容，也不是“輕車熟路”的習題演練，留給學生的是大量不確定因素，因此，研究內容的學習成果具有開放性和多樣性的特點，在本課題中，學生需要自主收集新的信息，完全自主設計和制作網站，研究內容設計如下：（1）按客戶要求制定網站的主題、欄目、結構、風格等內容。（2）根據制作網站的需求收集、篩選、處理素材。（3）根據設計方案綜合運用各種軟件來設計制作網頁和網站。（4）設計制作風格統一網頁的方法。（5）制作動態網頁和網站的方法。3.實施過程研究性學習過程實施可以分為以下四個階段進行：第一階段（時間：4節課）：培訓和準備。教師布置研究性學習任務，展示優秀的淘寶購物網站，指導學生聯系店鋪，自主確定研究課題，并成立課題小組，明確組員分工。同時，教師建立專門的學習交流QQ群，要求全體學生以實名加入，此外，積極爭取學校的支持，在課余期間，也能為學生提供可以上網的并安裝了相關軟件的電腦室和開放圖書館等，通過各種方式爭取學生家長和社會各方面的支持，為開展學習提供良好的外部條件。第二階段（時間：1周）：開展研究，設計方案。各組學生自主與店鋪老板溝通，通過大家討論協商，確定網站的主題、名稱、欄目、風格等內容，并研究創新方案設計，在此基礎上，教師指導各小組制訂網站設計方案，對不符合要求的方案指導學生進行調整。第三階段（時間：2周）：課題實施。引導各組學生根據網站設計方案開始進行網站的設計與制作，在此期間，要求每個學生都要動手參與收集處理網站素材，動手設計制作網頁和網站，但不能單打獨斗，要善于發現問題并且共同探索解決問題，強調組內學生相互之間的溝通與合作，并針對前面所述的研究內容進行探討和交流。此外，教師除了利用課堂時間指導了解學生的學習，還要充分利用QQ群在課余時間與學生進行交流，要求學生定時在QQ群上交流匯報學習情況，掌握各小組中每個人都做了什么，每個人的學習進度，在小組間（或組內）進行評比競爭，讓每個小組（或個人）展示自己的作品，交流自己制作網站的方法和技巧，教師還要為學生出謀劃策，指導各組學生完成網站的制作并寫出研究報告。第四階段（時間：4節課）：交流、評價。各小組展示制作的網站，答辯師生的提問，匯報研究學習的收獲及體會，教師組織各組學生進行學習評價。4.學習評價研究性學習的評價有別于傳統的評價，評價的主體從單一轉向多元化,評價內容從過分倚重學業成績轉向注重綜合素質，從只關注結果轉向同時關注目標、條件和過程[3]。綜合考慮這些因素，結合中職學生的特點，筆者認為在中職計算機教學中開展研究性學習適合采用“評價量表”來進行評價，在設計此次學習的評價量表時，考慮到評價主體的多元化，評價由三部分組成：學生自評、小組內學生互評、老師評價等，評價內容則分為八部分：網站主題（10分）、素材準備（10分）、軟件操作（15分）、自主學習能力（10分）、交流溝通能力（10分）、協作分工能力（10分）、作品質量（20分）、作品創意（15分），每個評價內容又分為四個等級及分值，每個評價內容的等級都有詳細的評價說明，易于師生評價操作；評價內容包含了學生在整個學習過程中的學習態度、溝通協作能力、研究的方法和技能掌握情況、學習結果以及創新精神和實踐能力的發展情況等，涵蓋了學習的整個過程，針對研究性學習的整個過程進行量化；在這個評價量表中，學生的總分＝學生自評小計得分×30%+組內互評小計得分×30%+老師評價小計得分×40%，評價等級則根據學生總分進行評定，100～90分為A級，90～80分為B級，80～70分為C級，70～60分為D級，60分以下為E級。這次學習活動是在我校二年級計算機應用專業班級開展的，全班43名學生成立了8個課題小組，經過近5周的研究性學習，各組學生均制作出了自己的網站，其中7個小組的學生申請了免費服務器空間和域名，并把小組中的代表作到了網上，還有一個小組的網站暫時沒有成功。通過采用上述的評價量表進行評價，有13名學生的評價等級為A級，19名學生的評價等級為B級，8名學生的評價等級為C級，3名學生的評價等級為D級，沒有學生的評價等級為E級，A、B等級的學生占了大部分，此外，班上4位平時學習紀律較松散的學生評價等級也在D級以上，說明他們在這次學習中的表現得到了同學和老師的肯定與鼓勵。
二、學習的成效
近年來，筆者在中職計算機教學中嘗試開展了上述的研究性學習活動，取得了比較明顯的教學效果，主要體現在：1.提高了學生學習計算機的興趣和信心中職學校的學生大多學習的主動性和積極性不高，究其原因，缺乏學習興趣是主因之一，研究性學習是通過選擇與生活和工作密切相關的課題進行探究的，如在上述的例子中，我們結合學生大多喜愛網購的實際，選擇了學生感興趣的制作商品推銷網站的課題進行研究學習，在學習過程中，不同層次的學生都有不同的分工，學生通過自己的努力和同學之間的相互幫助，能夠完成自己的學習任務，親身感受到自己在小組中的價值，當學生看到自己制作的網站成功到網上時，成功的體驗是刻骨銘心的，極大地增強了學生學習計算機的興趣和信心。2.提高了學生計算機綜合技能和解決實際問題的能力計算機知識的更新越來越快，軟件的功能越來越強大，在工作生活中的應用越來越廣泛。在平時的教學中，我們主要是依據教材內容進行教學的，傳授給學生的大多是一些基本的操作方法和相對獨立的知識點的操作應用，軟件中還有很多應用方法及應用技巧無法一一通過課堂教學來讓學生掌握。雖然目前在中職學校的教學中，正在大力提倡和推廣任務驅動式教學法和項目式教學法，這些教學方法確實能有效地提高學生的動手操作能力，但是，要真正培養學生能綜合運用所學的計算機知識解決實際生活和工作中的問題的能力，僅僅依靠這些課堂上的教學還是不夠的。研究性學習的特點恰好能解決計算機教學中存在的上述問題，是上述教學方法的有效補充，研究性學習的最大特點是自主性和探索性，如在上述的實例中，學生在教師的指引下，自主選擇網站主題，通過自己去研究和探索，充分發揮想象力進行創意設計，綜合運用所學的Dreamweaver、Fireworks、Photoshop、Flash等軟件知識來設計制作和網站，掌握了設計和制作一個網站的完整過程，在此過程中，通過相互學習和探索，還學習掌握了很多軟件操作的技能和技巧，全面提升了計算機綜合技術能力，提升了自主學習和探索計算機知識的能力，樹立終身學習的思想，而這些正是中職學校計算機學科的教學培養目標。3.提高了學生的職業操守和職業道德中職學校的學生除了學習掌握學科技能外，還必須具備良好的職業操守和職業道德，開展研究性學習活動，類似于一個真實的工作過程，每個學生都有自己的分工和任務，每個成員都是小組中不可缺少的一分子，責任重大，不能輕言放棄，否則就會影響整個小組的學習進度和成績，在這個過程中，學生充分感受到了團隊合作的力量，增強了責任意識，提高了職業操守和職業道德，為今后的就業和創業打下基礎。
三、在中職計算機教學中開展研究性學習應注意的問題
為了讓研究性學習在計算機教學中開展得卓有成效，我們在組織開展研究性學習時還要注意以下問題：1.研究課題的選擇應結合學科特點和培訓目標研究課題的選擇非常重要，教師應根據計算機專業不同課程的特點，注意與社會生活相聯系，結合學生的知識水平和興趣，以培養學生多方面能力為目標確定研究課題。筆者列舉部分計算機專業課程可選的研究課題供參考。（1）計算機基礎類。Word：設計制作主題板報、班級刊物、宣傳廣告、生活知識刊物等。Excel：設計制作班級學生信息管理表、公司員工工資表、商店商品進出庫管理表等。PowerPoint：設計制作個人簡介、課件、公司產品宣傳、個人電子相冊等。（2）數據庫管理類(VF、Access等)。設計學生管理系統、員工工資管理系統、圖書館資料查詢系統、超市的零售管理系統等。（3）程序設計類(VB、VC等)。設計各類應用小程序、各種小游戲軟件等。（4）媒體制作類(Photoshop、Flash、Authorware等)。平面廣告設計、網頁設計、制作動畫游戲、課件制作等。（5）網絡應用類（Dreamweaver、Fireworks等）。主題網頁制作、主題網站制作、計算機組裝、學生宿舍上網網絡的組建等。2.學習內容應相對集中研究性學習活動可以根據教學內容安排在不同的教學階段進行，時間可以是一至二周的短期學習，也可以是一至二個月甚至一個學期的長期學習。根據計算機學科的特點，每次開展的研究性學習內容應該相對集中，以專題的方式進行，首先，教師提出一個大的研究專題，學生再依據個人的興趣和特長在這個專題下選擇并確定研究課題，這樣，各組學生都能針對同一個大專題，從不同的角度應用不同的技術進行解決，在課題成果交流展示時，能讓學生進行相互對比和學習，利于拓展學生的思維，培養學生的創新能力和解決實際問題的能力。3.學習過程要全員參與研究性學習是面向全體學生的的學習活動，離開了全員參與這個層面，研究性學習就完全背離了它的初衷。中職學生文化基礎較差，畏難情緒較重，在學習過程中，教師要指導學生合理進行小組分工，使得基礎差的學生也有事可做，并要求小組內每個學生都必須有自己的任務成果，在活動過程中，教師還要經常監督各組學生的學習進度，通過展示學生階段性成果，激勵每個學生都能完成自己的任務，積極參與學習活動。4.教師要注意角色的轉換研究性學習中，教師從學習的主導者、權威者向參與者、指導者轉化，教師的主要任務是組織和引導，而不是講授和灌輸，教師關注的是為學生營造一個良好、開放的學習環境，為學生提供多層次、多渠道獲取新知識、新技術并能應用于實際生活和工作中的機會。同時，也要求教師注重提高自身素質，教師的學科知識水平和科學研究的能力將直接影響其對學生研究性學習的指導和評價，直接影響整個研究性學習的效果。綜上所述，研究性學習對學生熟練掌握計算機基礎知識和技能技巧，并運用這些知識和技能解決實際問題是非常有利的，還能培養學生的職業操守和職業道德，全面提高中職計算機學科的教學效果。
作者：鄒國威 單位：廣東省韶關樂昌市中等職業技術學校
關鍵詞： 《電子商務概論》課程 教學方法 教學探索 教學實踐
《電子商務概論》作為電子商務專業系列課程的基礎，是復合型人才培養的先導，它既強調商務本質，又注重技術性和實踐應用性，具有知識范圍廣，技術與理論綜合性、交叉性強，理論與實踐結合緊密的特點。該課程教學質量對學生的專業興趣、后續課程學習、就業能力都有重大影響。因此，對傳統的教學方法進行深入探索與實踐，并勇于改革創新，加入更多的現代教育元素，能幫助學生利用現有網絡資源，將現代商務教育與實際操作相結合，在盡可能短的時間內，了解電子商務的實質和基本的操作步驟，進而培養出復合型人才。
在對本課程多年的教學實踐中，我們一直跟蹤國內外電子商務行業的發展和學科的發展，不斷嘗試改進和完善教學方法，將單一的課堂講授發展為多種教學手段和教學方式綜合運用的模式。為此，我們嘗試采用適應教學與實踐的方法對電子商務概論課程教學進行探索。從教學實踐與效果來看，這些教學法能將學生置于電子商務理論思考和實踐的研究環境之中，為學生提供分析問題、解決問題的空間，激發學生學習和探索的興趣。
一、以榜樣樹立職業信心
通過一些成功的電子商務人的案例來打動學生，激發其學習和探索的興趣。比如，阿里巴巴的創始人馬云、盛大網絡的陳天橋等，以他們靠自己能力打拼的故事激勵學生。這些生動的故事很可能就在不經意間影響很多學生。當學生對互聯網有了基本的認識以后，指導學生在卓越亞馬遜或淘寶網購物，讓學生了解整個網上購物流程，收到商品后共同分享電子商務的便捷、樂趣。再告訴他們如何由消費者變成商人，并幫助他們不花一分錢在淘寶網或拍拍網這樣的網絡平臺開個店，告訴學生，這可能使他們賺取人生的第一桶金。這些實際的買賣交易，要比讓他們看教科書所獲得的認知效果更好。
二、實踐增加職業自信
電子商務概論課程性質為商務為本、技術并重，實踐應用能力成為授課的重中之重。因此，在教材的基礎上，需要準備網絡電子商務平臺進行訓練，讓學生在學習過程中，實際操作，提高學生的學習興趣。
電子商務平臺包括兩個部分：一是實驗室的模擬軟件平臺，二是現實中的電子商務平臺，以淘寶網最為典型。學生首先了解電子商務模擬軟件的應用，包括注冊、前臺和后臺的管理，從中學到電子商務的全部過程，包括涉及的交易對象、需要處理的交易環節等。有了這樣的前提，就可以參與到真正的網絡平臺中，進行電子商務的實踐應用。要求學生利用電子商務網站商務信息，大部分學生會選擇淘寶網。在這期間會出現各種各樣的問題，這就需要教師帶領學生，以師生之間、學生之間相互討論的方式來解決實際的問題，使得每位學生都能親身體驗網上交易的樂趣和困難，在學習過程中建立自信，為今后的學習和工作奠定堅實的基礎，增強職業自信。
三、進行項目驅動型教學，實現培養目標
充分發揮學生的主動性，讓每個學生自主提出一個感興趣的項目，設計一個電子商務網站方案，對該網站進行具體分析。學生最初提出的方案設想有：以自己興趣為基礎的項目，如泰迪（熊）之家、精品CD之家等；以實際應用為基礎的項目，如衣衣不舍、百味書屋等；還有結合家鄉特色的項目，如金茶花股份有限公司等，以及考慮社會公益性質的項目，如愛心網、中華公益網等。在這個過程中，學生的思維之窗開啟，在鞏固理論知識的基礎上，進行自主學習與思考，提出初步的設計方案。根據學生提出的項目及其設計方案，教師與學生一起針對每一個項目進行具體的分析和討論。
將知識運用到實際的項目規劃與網站設計中，如項目背景分析、市場需求分析、網站功能、模塊分析、盈利分析、技術解決方案、網站維護、網站的與推廣、網站的分工與預算等。
學生運用理論知識分析問題、解決問題，最終完成設計目標。在這個過程中，為了促進學生達到預期的目標，教師進行持續的指導、督促與檢查，隨時了解學生的項目進展情況，指導教學過程。最后，教師進行總結，對學生實踐能力進行綜合評價，使學生獲得成就感，提高學習積極性。
《電子商務概論》是一門十分重要的專業課，在授課時，要構建互動教學模式，設計合理的教學環節，讓學生掌握駕馭電子商務的能力，成為真正的電子商務的復合型人才，服務社會。
參考文獻：
［1］韓義.對電子商務課程教學改革的思考［J］.天津電大學報，2008，（3）：21.
［2］趙爽.淺談《電子商務概論》教學方法的實施［J］.黑龍江科技信息，2010：22.
［3］楊明梅.電子商務概論創新教學的探索［J］.科技情報開發與經濟，2008：28.
關鍵詞：商務系統設計；交互式WEB技術；WEB數據庫
隨著計算機網絡技術和通信技術的高速發展，Internet帶來的電子貿易正改變著現今商業活動的傳統模式，WEB站點已成為中小企業展現自我、直接面向客戶的窗口。計算機技術、網絡技術與數據庫技術發展相結合，利用基于數據庫的交互式WEB商務系統已成為企業發展電子商務、開辟國際市場、創造新的營銷方式、參與大企業、跨國公司競爭及企業和客戶在全球范圍內的信息交換提供了快捷途徑。創建高效的WEB商務系統也日益成為中小企業的戰略目標。
一、Linux平臺Apache、PHP、MySQLWEB商務系統平臺優勢
Linux、MySQL、Apache和PHP都具有開放源碼、免費的特點。Linux是一個遵循POSIX（PortableOperatingSystemInterface）標準的開放源碼的操作系統，具有安全、穩定和移植性好，并有豐富的軟件支持和強大的網絡功能。MySQL是一種快速的多用戶、多線索化并具有豐富結構化查詢語言（SQL）的關系數據庫系統。Apache是目前世界排名第一的WEB服務器。Apache是免費的，源代碼是公開的，用戶可以修改、編譯自己的Apache。PHP是GUN標準的自由軟件，它以其速度快、跨平臺、安全、易學等特點越來越顯示出它的優越性。由以上特點可見，PHP與Apache、MySQL在Linux平臺上，具有較高的性價比，號稱“黃金組合”，在WEB商務系統平臺的搭建中具有其獨有優勢。
二、Linux平臺Apache、PHP、MySQL的動態WEB數據庫系統工作原理
基于Linux下的Apache、PHP、MySQL的動態WEB數據庫系統，是在Linux操作系統環境下，以Apache為WWW服務器，以MySQL為WEB數據庫，采用TCP/IP技術，以HTTP作為傳輸協議，客戶端瀏覽器通過HTML訪問Apache服務器，Apache服務器調用并執行服務器端PHP程序，PHP程序執行SQL語言操作MySQL數據庫，同時返回查詢結果，PHP從MySQL數據庫中取得數據后，按照文件要求，生成HTML頁面交給Apache服務器，最后客戶端瀏覽器將HTML文件解釋執行并顯示出來。它是一種典型的B/W/D（瀏覽器/WEB服務器/數據庫服務器）三層體系結構。在這種B/W/D三層體系結構中，客戶端通過瀏覽器提交信息給WEB服務器，WEB服務器再通過WEB服務器端的PHP嵌入式腳本語言與MySQL數據庫進行數據交換，通過標準SQL語言對數據庫進行數據操作，在將處理完畢的數據通過PHP嵌入式腳本語言返回給客戶端，再通過瀏覽器解析執行。在這種動態交互式WEB數據庫應用系統中，PHP語言在以Apache為WEB服務器端運行，在ApacheWEB服務器將信息發到客戶端之前，PHP腳本由ApacheWEB服務器解釋執行，再發送到客戶端瀏覽器。
三、WEB數據庫商務系統的系統設計
（一）WEB數據庫商務系統開發的三層設計模型
本系統采用Liunx平臺下Apache、PHP、MySQL進行WEB數據庫商務系統設計，整體架構使用Web應用開發的三層設計模型，系統劃分為用戶界面層、業務邏輯層、數據訪問層，這樣有利于系統的開發、維護和擴展，三層的功能如下：
第一，用戶界面層。用戶界面層用來實現顧客瀏覽器中顯示商品信息用戶界面。該層以適當的形式顯示由業務邏輯層動態傳送的數據信息，這個功能要通過使用相應的HTML標記和CSS模式來實現。應用表達層為最終用戶提供界面，同時它也是系統接受用戶的請求的接口。
第二，業務邏輯層。業務邏輯層是整個分層模型的中間層，也是整個分層模型中最為重要的層。這一層為用戶界面層提供功能調用，同時它又調用數據訪問層所提供的功能訪問數據庫。
第三，數據訪問層。數據訪問層是整個分層體系的最底層，它主要用來實現與數據庫的交互，即完成查詢、插入、刪除和修改數據庫中數據的功能。數據訪問層為業務邏輯層提供服務，根據業務邏輯層的要求從數據庫中提取數據或者修改數據庫中的數據。
（二）WEB數據庫商務系統數據流設計
為了完成顧客訂購商品、定貨處理、庫存管理和發貨，設計數據流圖如圖1所示。
四、WEB數據庫商務系統網站結構設計
本系統采用Apache、PHP、MySQL構架，從系統功能上分WEB數據庫商務系統外部功能設計和WEB數據庫商務系統內部管理系統功能設計。
（一）WEB數據庫商務系統外部功能設計
WEB外部商務網站采用PHP、MySQL開發，設計友好的用戶界面面，提供以下功能：
1、提供電子目錄：電子目錄中包括商品信息和同類產品的比較信息，幫助客戶搜索、發現需要的商品；并進行比較，幫助客戶進行購買決策。
2、商品的評估：客戶對已購買商品的評價信息。
3、購物車：應用于客戶的在線購買功能，客戶可以暫時將商品放入購物車，同時也可刪除或更改購買的數量。
4、客戶訂單：客戶和相關信息及購買商品的相關信息。
5、商品：是否已客戶訂購商品的信息，并告知客戶。
6、售后信息：主要是客戶選購產品的結算信息、訂單的狀態及售后服務。
（二）WEB數據庫商務系統內部管理系統功能設計
WEB內部管理系統也PHP、MySQL開發，提供高效率的信息處理功能如下：檢查客戶的注冊信息；處理客戶訂單；商品庫存管理；能夠跟蹤產品銷售情況；能夠和物流配送系統建立接口；和銀行之間建立接口；實現客戶關系管理。
（三）系統的構成，可以將WEB數據庫商務系統分成以下三個子系統
商品管理子系統：商品信息管理、；交易子系統：處理訂單、支付；客戶管理或客戶關系管理子系統。
五、WEB數據庫商務系統數據庫設計
WEB數據庫商務系統采用MySQL關系型數據庫，庫中主要包含以下表：客戶注冊信息表：存放客戶信息；商品目錄表：用來存放目錄名，以及目錄所在的位置；商品數據表：用來存放商品信息，包括商品編號、名稱、規格、價格、描述信息等；連接表：用來存放商品品與目錄之間的關系；購物車數據表：用來存放客戶購物車中商品的清單及數量、價格及客戶購物的狀態；業務員信表：用于存放業務員的信息。
六、結束語
本文介紹了一種比較適合于中小企業的WEB數據庫商務系統開發架構的設計方案，采用Apache、PHP、MySQL組合，在Linux平臺下搭建經濟、穩定、安全、快速、高效的交互式WEB數據庫商務系統。系統重點介紹了Linux平臺下Apache、PHP、MySQL的動態WEB數據庫系統工作原理、系統設計、網站結構設計、數據庫設計。為我國中小企業，在資金短缺的狀況下，搭建中小企業WEB商務系統、開展電子商務提供一個比較理想的設計方案。
參考文獻：
1、郭健.戰PHP[M].民郵電出版社,2000.
2、薛軍超.MySQL網絡數據庫開發[M].民郵電出版社,2001.
3、劉志勇.Linux+PHP+MySQL案例教程[M].科多媒體電子出版社,2006.
4、余韶霞.基于JSP技術的電子商務網站設計與開發[J].
5、(美)JayGreenspanBradBulger.MyS-
QL/PHPDatabaseApplications[J].HungryMinds,Inc.,2001(9).
6、劉軍,董寶田.電子商務系統的分析與設計[M].高等教育出版社,2003.
【關鍵詞】網站規劃 互聯網媒體 網絡編程和數據庫
一、互聯網新媒體
大家普遍認知的大眾傳媒主要包括報紙、廣播、雜志、書籍和電影電視等媒介。隨著數字化技術的發展，互聯網技術迅速普及和網站的大量建立，互聯網正成為一種新的媒體廣泛進入人們的生活。人類社會，就要隨著新一代信息傳播新技術、新媒介進入一個信息傳播的時代。
二、互聯網的屬性特點
信息資源豐富：目前全球網民數量已超過10億，網上主機數量超過億臺，可檢索的網頁數約近百億頁，真正稱得上“信息海洋”。
形態多樣化：多媒體技術是將傳統的、相互分離的各種信息傳播形式（如語言、文字、聲音、圖像和影像等）有機地融合在一起，進行各種信息的處理、傳輸和顯示。
傳播范圍廣：不論在世界的哪個角落，只要計算機連入網絡，那么你就可以將信息傳送給他，或是獲取他的信息。
三、如何建立門戶網站
1.前期調查
建立門戶網站之前，要進行大量的信息調查工作，弄清楚企業的商業信息是如何使用的。對于大多數企業而言，這意味著要進行商業信息應用的調查和研究。調查的目的是了解誰使用信息，信息是如何使用，以及信息如何流入和流出。
2.產品與技術的選擇
在進行完信息的使用調查之后，企業就要選擇門戶產品和技術。門戶軟件不僅要滿足商業信息和應用訪問的需要，還要滿足事先定義的技術層面（如協議）的要求。目前，由于有相當數量的公司推出了企業門戶解決方案，這為企業提供了較大的選擇余地。但不可否認，目前企業門戶的產品良莠不齊，功能和所采用的技術差別較大，如何正確選擇適合自身企業需要的企業門戶產品是一門學問。
四、企業門戶的建設
選好技術和產品，接下來就是建設了。這方面需要注意的是企業信息要集成到門戶有關目錄之下，或安排在某個主題里，以便用戶可以容易地找到所需要的信息。信息的組織及個性化，應用和服務以能夠滿足用戶的需求為目的。
五、網站技術解決方案
1.網站采用自主服務器。
2.網站設計采用的操作系統是 Window2003server 。申請PHP空間。
3.網站完全自己開發，基本模板來自互聯網。
4.網頁程序使用PHP 、 mysql數據庫程序等。
六、網站規劃設計要點
因特網正在改變世界，它促成了網絡經濟雛形的形成，特別是電子商務正由新概念走向實用化。由于因特網具有傳播信息容量極大、形態多樣、迅速方便、全球覆蓋、自由和交互的特點，已經發展成為新的傳播媒體，所以全球幾乎各個企業、機構紛紛建立自己的Web站點。
Web站點是向用戶或潛在客戶提供信息（包括產品和服務）的一種方式。其文檔所包含的內容是由被稱為超文本（HyperText）的文本、圖形圖像、聲音，甚至電影等組成。使這些超文本能夠有機地關聯并可使瀏覽器識別，是通過HTML語言（HyperText Markup Language超文本標記語言）實現的。同時CGI（Common Gateway Interface公共網關接口）能使Web具有交互功能。Web站點指引用戶瀏覽該站點或其他站點上的分頁信息，可以通過表格和電子郵件的連接提供雙向交互方式。站點建立后，你的企業就在國內，甚至在國際上有了一席之地，有了每周7天、每天24小時的“虛擬門市部”。網站是未來企業開展電子商務的基礎設施和信息平臺，它是“知識經濟”的制高點，企業的網址猶如企業的商標和品牌一樣，是反映企業形象和文化的巨大的無形資產。
因此企業網站規劃必須注意以下幾個方面：
1.目標明確、定位正確
Web站點的設計是企業或機構發展戰略的重要組成部分。要將企業站點作為在因特網――這個新媒體上展示企業形象、企業文化的信息空間，領導一定要給予足夠的重視，明確設計站點的目的和用戶需求，從而作出切實可行的計劃。
挑選與錘煉企業的關鍵信息，利用一個邏輯結構有序地組織起來，開發一個頁面設計原型，選擇用戶代表來進行測試，并逐步精煉這個原型，形成創意。
分析有些網站的效果不如預想的好，主要原因是對用戶的需求理解有偏差，缺少用戶的檢驗造成的。設計者常常將企業的市場營銷和商業目標放在首位，而對用戶和潛在的用戶的真正需求了解不多。所以，企業或機構應清楚地了解本網站的受眾群體的基本情況，如受教育程度、收入水平、需要信息的范圍及深度等，從而能夠有的放矢。
2.主題鮮明、富有特色
在目標明確的基礎上，完成網站的構思創意即總體設計方案。對網站的整體風格和特色作出定位，規劃網站的組織結構。
Web站點應針對所服務對象（機構或人）不同而具有不同的形式。有些站點只提供簡潔文本信息；有些則采用多媒體表現手法，提供華麗的圖像、閃爍的燈光、復雜的頁面布置，甚至可以下載聲音和錄像片段。最好的Web站點將把圖形圖像表現手法與有效的組織與通信結合起來。
