電子商務網站建設論文1500（電子商務網站建設論文2000字）
本篇文章給大家談談電子商務網站建設論文1500，以及電子商務網站建設論文2000字對應的知識點，希望對各位有所幫助，不要忘了收藏本站喔。
本文目錄一覽：
求一份服裝類電子商務網站設計論文提綱
1. 背景介紹
2. 網站運營模式
3. 網站建設目標
4. 系統核心設計
5. 網站運行環境
6. 網站內容
欄目名稱 欄目說明
公司介紹 由中文和英文兩種頁面構成，通過該欄目可以向外界發布金屬貿易公司的組織結構、經營范圍和經營理念。
電子期刊 由公司電子期刊發布管理系統組成，通過該系統可以動態發布期刊的內容。
會員管理 通過會員管理系統可以有效地對會員進行管理，可以對成為會員的單位開放貿易公司資料庫、生產廠商資料庫，查詢全球價格行情和國內價格行情。
新聞發布 通過新聞發布管理系統進行新聞的動態更新、動態發布，并進行方便的后臺管理。
供求信息發布 通過供求信息發布管理系統，各個商家可以進行供求信息的發布，實現供求信息的檢索。
產品發布 通過產品發布管理系統可以有效發布最新產品，對每一位商家提供按條件檢索功能，方便商家快速找到所需產品。
網上談判 通過網上談判管理系統可以方便地進行貿易磋商，提高交易的成功率。
招標管理 通過招標管理系統，可以方便有效地發布招標信息，對標書進行有效管理，從而降低購買成本。
網上交易 通過網上交易管理系統，可以實現定單的下載，實現b2b形式的電子交易系統。
網上競價 通過網上競價管理系統，開展在線的競價活動。
網站服務 設置一些知識性欄目，以增加網站流量。
期貨板塊 主要介紹期貨的價格信息、行情預測、基本知識、行情回顧、相關生產廠商動態等。
其它欄目 網站導航、統計模塊、超級鏈接模塊、幫助系統等。
案例4-2 “億商聚”電子商務網站的總體設計
一、創建139EC.COM的依據
我國皮件制造行業在很漫長的時間里，一直延續著勞動密集型的加工生產及傳統落后的銷售方式，其生產技術水平及管理規范程度遠落后于其它許多行業。 20世紀電子商務的出現，使企業許多難以想象或難以解決的問題被認為可以得到改善及改變。對於產品市場推廣、商品跨地區的銷售管理、企業廣告宣傳、客戶信息交流及反饋、客戶銷售服務以及商品保養常識介紹，這些企業原來感到很“繁重”的工作幾乎在不增加企業成本的情況下變得非常容易起來，甚至因為物流業的迅速發展，使企業商務部銷售人員幾乎“不出家門”即可在互聯網上以虛擬的方式完成各項銷售工作，這種全新的模式使得傳統“劃地經營”的概念或模式蕩然無存，電子商務在因特網技術平臺的支持下，企業營銷地域及空間的約束已不復存在，這是互聯網時代給予的大好機遇。傳統的企業營銷方式在知識經濟潮流沖撞下必須得到徹底革命，139EC.COM網站就是在這種大趨勢下，同眾多崇尚現代化管理手的企業一樣被推向市場前延的眾多企業網站之一，起名字為“億商聚”。
二、139EC.COM規劃特點
億商聚電子商務網站依據“以企業營銷為中心，一切為營銷服務“的宗旨進行功能策劃設計，其功能特點如下：
1. 內容專業性強
139EC.COM主要以皮件產品為主，結合企業產品特點，集中對產品的款式、工藝、品質、特性、市場流行狀況、銷售流程、支付辦法以及物流方式的宣傳介紹形式及內容作了合理有序的安排，同時根據網站商業功能特點，適當增加一些其它產品的介紹及銷售功能設置。為了最大限度降低網站維護成本，網站功能及內容采取動靜態相結合，大部分以固定的產品介紹及宣傳服務信息為主，流動信息采納比例減少，并定期更換部分流動信息內容。
139EC.COM網站初期階段，B2B貿易設計采用靜態方式，即網上洽談報價，網下仍然保留傳統交貨付款方式，而B2C貿易采用網上訂購，在線認證支付等動態功能設置，根據電子商務技術成熟及應用普及程度，逐步向全面在線合同、訂貨及支付方式過渡。
2. 知識性、趣味性
利用互聯網遠程傳播的特點、將企業產品的性能特點，維護保養知識以及商品工藝知識有選擇地介紹給用戶（以多媒體綜合表現形式通過合理的網頁布局），不僅讓不同的客戶有選擇地更多、更詳盡地了解有關商品專業知識，并通過內容的常識性、趣味性來吸引更多的用戶關心139EC.COM，以此擴大企業對外影響，培養更多的潛在用戶。
3. 商業交易性
將傳統的皮件貿易方式進行改造，形成電子商務交易運營的模式。根據國內及國際電子商務發展區域性成熟程度區別，形成不同要求的交易程式，目前對於B2B類的國際跨國貿易主要采取網上聯系洽談業務、網下簽訂合同和供貨支付的商務方式，既只將傳統貿易中信息交流的手段改變為利用互聯網技術的方式，其他貿易內容方式不變，仍然延用企業熟悉的傳統模式，使之得以相對安全高效低成本營運。B2C電子商務模式應用于網絡合同、安全、電子支付及物流發展成熟的地區，即采用網上支付專業物流公司送貨的模式，使之形成真正意義上的電子商務模式。
4. 雙語性
為適和國際開放市場的要求，網站首頁以中英文分別按鈕進入形式，這種形式一方面適合國內上網客戶瀏覽中文信息以及購物的要求，同時滿足國際貿易來往信息交流的要求。對139EC.COM網站內容結構分配策劃上，中文信息涵蓋了幾乎所有信息及功能內容，英文信息主要以商務信息為主。
三、欄目規劃
為了滿足企業商務網站專業性、知識性的要求，對網站目標功能分析劃分后，組成網站功能欄目系統結構。
139EC.COM
產品介紹
第二部分
第三部分
貿易流程
第一部分
商品趣聞
行業動態
留言板
皮件工藝學校
皮件保養
動物飼養
工藝制作
皮件產地
手機配件
根據一般網民上網瀏覽尋訪習慣以及網頁信息的重要程度，將功能欄目系統結構中的第一部分功能項安排作為主導航欄上各功能鍵；第二部分功能項安排作為輔助導航欄目的內容，這部分欄目的內容主要滿足商品常識性的要求。第三部分安排為其他商品的目，以滿足綜合功能要求。
四、基本頁面功能分布分析
按照商品專業化程度劃分，網站欄的內容分成主要導航欄目、輔助導航欄目及綜合欄目三組?？紤]到視覺習慣、將主要導航欄目組橫排在最突出的最上方位置、輔助欄目組緊鄰其下，其它商品欄目組豎立在網頁的主側，該詛根據網站產品類別變動需要可臨時添加或刪除，在整個欄目系統結構中，各欄目頁面基本以此結構為模板，同時通過相互鏈接可進行欄目間自由切換。
根據各欄目的功能要求，網頁中央位置分別放置對應信息內容，主頁以及個別主要網頁安排一些必要的輔助功能，如會員登記、信息搜索、廣告發布等功能，地址及E-MAIL聯系設立在各頁面下方。
五、其他
根據網站商務要求，在產品介紹欄目頁，為了方便客戶即時訂購商品，在相應的商品照片位置設置訂購專用按鈕，以便及時進行必須的采購表單填制或及網上支付。若用戶有信息反饋，可通過留言板和電子郵件的方式予以予反饋，并可以得到及時的處理意見。
求一篇以“對電子商務的認識和規劃”為題寫一篇1500字以上的論文?? 感謝?
電子商務專業是融計算機科學、市場營銷學、管理學、法學和現代物流于一體的新型交叉學科。目的是培養系統掌握電子商務的基礎知識和基本技能，熟悉各類電子商務活動的基本業務流程，能熟練運用電子商務技能和現代信息技術從事電子商務活動、電子商務網站及系統建設和安全維護工作、電子商務管理業務的高級應用型技術人才?；竞喗?/p>
電子商務（Electronic Commerce），簡稱EC。通俗的說電子商務，電子商務就是利用互聯網開展商務活動，當企業將它的主要業務通過企業的內聯網、外聯網、及互聯網與企業的職員、客戶、供銷商及其合作伙伴直接相連時，其中發生的活動就是電子商務。融計算機科學、市場營銷學、管理學、法學和現代物流于一體的新型交叉學科。培養掌握計算機信息技術、市場營銷、國際貿易、管理、法律和現代物流的基本理論及基礎知識，具有利用網絡開展商務活動的能力和利用計算機信息技術、現代物流方法改善企業管理方法，提高企業管理水平能力的創新型復合型電子商務高級專門人才。
折疊專業方向
電子商務專業有六個專業方向:網站設計與程序方向、網絡營銷編輯方向、網絡產品規劃方向、企業信息化、個人網絡創業及銀行卡的研發方向。電子商務專業在不同高校里要求的課程也是不一樣的，一些院校注重電子商務網絡技術計算機技術，還有一些院校會把課程重點放在商務模式上面，這些主要體現在這個專業所在的院系，有的在管理學院，有的會在信息科學與技術學院，有的會在軟件學院，在這樣各個院校培養出來的學生的專長也會有一定的區別。
就業方向
專業畢業后，可從事銀行的后臺運作（網絡運作）、企事電子商務就業業單位網站的網頁設計、網站建設和維護、或網絡編輯、網站內容的維護和網絡營銷（含國際貿易）、企業商品和服務的營銷策劃等專業工作，或從事客戶關系管理、電子商務項目管理、電子商務活動的策劃與運作、電子商務系統開發與維護工作以及在各級學校從事電子商務教學等工作。?？茖W生,還可以在呼叫中心從事電話營銷、電子商務助理等文職的工作。一般的年薪在15W左右還是比較不錯的，值得推薦。
有關網頁設計與制作畢業論文范文
為了增加網頁的吸引力和可理解性，以及互動性，網頁設計所起的作用十分重要。下面是我為大家整理的網頁設計 畢業 論文，供大家參考。
網頁設計畢業論文篇一：《Flash軟件畫在網頁設計中的應用》
網頁設計畢業論文摘要
摘要:Flash技術運用范圍非常廣泛,不論是網站、 廣告 、動畫、游戲,甚至程序設計與多媒體化展示方面都有一定程度的運用。本文首先對Flash動畫今后的發展趨勢進行分析并具體化敘述了Flash的實際定義與特點,并對Flash動畫當前在網頁設計中的應用方式進行分析,針對性闡述了Flash動畫在整站式網頁設計過程中交互式導航系統、Web圖像動畫展示以及鼠標動畫的應用。在此針對性研究Flash動畫在網頁設計中的相關研究,望研究結果能夠對今后的學者一定幫助。
網頁設計畢業論文內容
關鍵詞:Flash動畫 網頁設計 應用研究
隨著社會邁入信息化時代,網絡及計算機技術的發展及普及程度呈現出優質化的發展形勢,從而促進網頁動畫漸漸發展起來,此外網頁動畫設計在網頁設計中占據重要地位,促使人們在關注動畫整體發展趨勢的過程中將注意力放在網頁動畫方面。在構建及設計網頁時,運用Flash幫助網頁實現多媒體化的網頁成果展示,同時也漸漸成為網頁設計發展過程中不可或缺的重要部分。
1Flash的運用及特點
MacromediaFlash作為一種交互式編輯矢量圖及多媒體創作軟件,因特網網頁設計矢量動畫文件格式時常得以較多的運用,此外,針對性分析Flash,可以了解到目前其主要具備以下六大特點:第一,將矢量圖形作為主要運行前提,致使其自身文件導出容量不大,在進行圖片縮放時對其自身的清晰度影響不大,在網絡傳輸過程中存在一定的便捷性;第二,Flash具備非常優質化且強大的AS代碼,在設計動畫時運用Flash技術,促使動畫的交互性優良,便于讀者在閱讀過程的理解并實施相關互動;第三,針對實際運用過程分析,Flash動畫在運作時主要采用插件,若用戶想要實現視頻觀看,僅僅需要安裝一次視頻插件就可以直接觀看,避免繁瑣性多次安裝的現象發生。此外,由于Flash構建的動畫自身極小,所以其具備較快的調用速率;第四,在設計Flash過程中,可以根據需要適當增加頁面控制按鈕幫助頁面實現鏈接的跳動,還可以運用鼠標實現頁面動畫中的運動及移動。第五,Flash可以實現動畫視聽效果內容的升華,譬如漸變聲、位圖等等,用戶在制作圖片的過程中可以直接構建全Flash制作站點;第六,Flash動畫屬于一種“準”流式文件內容,無需全部下載完成就可以實現動畫觀看。
2Flash動畫在網絡設計中的應用
在網頁設計中,Flash動畫具備非常多關鍵性的作用,如流式播放動畫、FlashMV及短片動畫等,此外其所表現的形式中存在一定的交互性。但需要注意的是,在實施網頁設計時,避免繁瑣、復雜的動畫設計效果的存在,畢竟物極必反,只會降低網頁的品質;如圖1所示。2.1網頁動畫信息交互的實現為了進一步卻寶寶網頁動畫信息交互整體的流暢性,其中的一個重要關鍵就是Flash動畫導航的交互性設計。在對該部分內容進行設計時,往往會使用針對性的Flash動畫腳本——AxtionScript。實際設計過程中,通常由編程者的思想與Flash在事件中作用共同形成動力,并依據動畫中的相應內容實現AxtionScript的具體化定義。2.2網頁動畫相關要素的設計第一,交互式導航系統。在網頁設計中,導航欄對用戶主要起到一種引導性作用。所以在設計時需要將其設計為多個導航級別,并構建針對性的標識來將其區分,以色彩為例,可以采用較為鮮艷、清爽式的搭配。第二,Web圖像動畫形式展示。傳統網頁中,Web圖像主要呈現靜態,不過經由計算機技術的不斷發展,最近幾年在網頁設計中漸漸出現了一部分動態化的Web圖像。同時在其色彩方面的運用,主要采用RGB模板,并在網頁安全色方面運用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠標動畫。為了實現優質化Flash動畫效果,在制作動畫效果時要特別注意鼠標在移動過程中其軌跡圖案及色彩搭配。首先,要確保鼠標移動過程中的色彩與網頁設計色彩是不同的,有助于用戶一眼就可以將鼠標找到。最后就是,鼠標在色彩區別網頁之后還要注意其透明性,避免遮蔽信息的現象出現。
3結語
綜合全文內容,在網站設計過程中,Flash作為一個極具重要性的視覺性元素,其可以在幫助網站實現多媒體化效果展示的同時,還能夠結合數據通信這一 措施 全面性豐富網站自身具備的素材及資源,最終達到一種動態化的效果。截至今日,由于計算機技術發展速度不斷提升,結合Flash自身所具備的多種優質化特征,筆者相信在今后人們的日常生活中,Flash動畫一定可以獲得更加廣泛的用途,更具普遍性,最終實現網頁設計的主體化運用趨勢。
網頁設計畢業論文文獻
[1]喬慧.Flash動畫在網頁制作中的應用及發展[J].內蒙古石油化工,2013(21):68.
[2]關曉軒.Flash動畫在網頁制作中的應用研究[J].北方文學(下旬),2012(11):91-93.
網頁設計畢業論文篇二：《響應式網頁設計原型研究》
網頁設計畢業論文內容
當今，移動互聯網迅猛發展，各種智能設備層出不窮。傳統網頁設計采用“固定頁面及元素寬度，任何終端統一頁面效果”的策略，無疑將造成網頁在一些新興移動終端上顯示的文字極小、鏈接分布極密，用戶需要在屏幕上不停操作來自主尋求較好的體驗。面對這一弊端，網頁設計師聚焦于“響應式網頁設計”這一關鍵詞，試圖使用一套代碼為各類終端設備提供不同的設計和體驗。從先前“為固定設備設計網頁”跨越到“響應式網頁設計”是一個較難的過程。一些新手可能已經積攢了諸如媒體查詢、流式布局、彈性圖片等零散的設計開發技巧，掌握了HTML5和CSS3的使用 方法 ，但他們依然無法駕馭響應式網頁設計。造成這種情況的直接原因就在于缺乏一個能夠指導他們立即開展響應式網頁設計實踐的可操作流程，即原型。
1兩個關鍵概念：響應式網頁設計與原型
響應式網頁設計(RWD，Responsive網頁Design)是一種網頁前端開發技術，它可以描述為，“兼顧多種不同設備屏幕尺寸、分辨率、系統平臺和行為做出相應的調整和布局的顯示機制”。原型(Prototype)，也叫“原樣”，是“模擬科學”中的一個術語。在心理科學中，由于很難對動作或心智活動認識清楚，所以一般沿用J?R?安德森的觀點，把原型(Prototype)視為關于范疇的最典型的樣例設想，即把“原型”視為外化的實踐模式，或“物質化”了的心智活動方式或操作活動程序。綜合上述，響應式網頁設計原型可描述為：符合“響應式網頁設計項目分析、各類終端具有適合自身用戶體驗的不同頁面效果、一套代碼完成所有不同終端的網頁制作、各類終端與主流瀏覽器良好兼容”等一系列規則的，外化的響應式網頁設計活動實踐模式。
2建構響應式網頁設計的原型
建構原型一般采用心理模擬法，它包含三個步驟：
(1)響應式網頁設計活動的功能分析;
(2)響應式網頁設計活動的結構分析;
(3)功能分析與結構分析的有機結合。其中，功能分析的重點是作用的對象，條件與結果;結構分析的重點在于組成要素及要素之間的關系。響應式網頁設計的目標是能夠高效的編寫一套代碼為各類終端設備提供良好的設計效果和使用體驗，這需要具備HTML5、CSS3、Javascript和jquery的基本技能。響應式網頁設計之父——伊桑.馬科特認為，響應式網頁設計應該首先針對小屏幕進行設計，然后逐步增強針對大屏幕設計。這種思路顛覆了傳統固定寬度的網頁設計方法，對于那些已經積攢了零散的響應式網頁設計開發技巧、HTML5及CSS3等技術，能夠較熟練的完成固定寬度桌面端網頁的新手而言，恐怕很難理解從小屏幕開始設計然后漸進增強的思路?？紤]到新手已經習慣設計制作固定寬度的桌面版網頁，響應式網頁設計如果從固定寬度的大屏幕網頁制作開始，然后改造這套代碼將僅適用于桌面的網頁依次兼容平板端和手機端也是一個不錯的思路。響應式網頁設計活動包含了“項目分析”、“網頁平面設計”、“桌面版網頁制作”、“平面版的改造”、“手機版的改造”及“兼容問題的調試”這6個典型的子活動。這些典型要素的關系可以描述為，“要想高效的完成某響應式網頁設計項目，首先需要項目分析，其階段性結果是響應式網頁的總體方案，即在用戶群體需求分析及主題解讀的基礎上，進行色彩分析及定位，確定UI版面布局，分析設計網頁功能模塊，確定網頁風格等，最終形成包含“前言”、“需求分析”、“系統分析”、“風格設計”、“各類終端UI版面初步布局”、“色彩定位”、“網頁建設日程規劃”等部分的網頁總體方案文檔;然后，根據前期方案中“色彩”、“風格”及“各類終端UI版面布局”等的分析，依據頁面設計原則，利用photoshop繪制適用于各類終端顯示的平面效果圖;隨后，利用“HTML5+Css3”技術采用div+css布局完成固定寬度桌面版網頁的制作并生成網頁文件和樣式表文件;接著，在這套代碼的基礎上，利用媒體查詢技術、流式布局、彈性圖片技術，結合平板終端的頁面效果圖將代碼改造成兼容桌面及平板的網頁;之后，在上述修改的基礎上，繼續利用媒體查詢技術和彈性圖片技術，結合手機終端的頁面效果圖將代碼改造成兼容桌面、平板、手機的網頁;最后，利用火狐和IETester軟件查看初步完成的響應式網頁，解決跨瀏覽器的兼容問題，形成完整網站。該過程中任何環節如果出現不妥當都應該返回上個步驟進行重新修改。結合上述對網頁設計活動的功能與結構分析，不難發現，響應式Web設計活動原型中的6個典型子活動復雜程度不同。其中“桌面版網頁制作”、“平面版的改造”、“手機版的改造”及“兼容問題的調試”這4個典型子活動是比較復雜的，包含了很多熟手的關鍵技術，需要進一步闡述。
3熟手的關鍵技術
從上述適用于新手的響應式網頁設計活動基本原型發現，制作一個能夠兼容主流瀏覽器的固定寬度桌面版網頁是響應式網頁制作的開端。那么，首先在“桌面版網頁制作”這個環節中提取一些熟手關鍵技術，作為給予新手的技巧提示。
3.1兼容主流瀏覽器的桌面版網頁制作技術
為了防止不同瀏覽器給予相同HTML5標簽的初始樣式存在差異，熟手利用HTML5+CSS3制作桌面版網頁制作時，一般會在樣式文件(擴展名.css)中給出如下初始化代碼：*{margin：0px;padding:0px;}body{margin:0px;padding:0px;text-align:center;font-family:"宋體";font-size:16px;color:#cccccc;}ul,li,a{margin:0px;padding:0px;list-style:none;}div{overflow:hidden;float:left;}#wrapper{width:1007px;height:auto;margin-left:auto;margin-right:auto;overflow:hidden;clear:both;}這部分代碼塊可以實現頁面在IE內核和Firefox內核的所有版本瀏覽器中居中對齊，外層布局盒子與瀏覽器頭部無縫緊貼;div及css3完成固定寬度布局時，默認所有內部布局div向左浮動，溢出屬性為隱藏;所有構成頁面的HTML5元素的默認邊距和填充屬性為0px;HTML5的列表標簽默認項目符號為空，邊距和填充為0px。此外，確定頁面尺寸,目前大多數 顯示器 為1024像素*768像素，那么以此為默認顯示器時，頁面的寬度尺寸一般設置為“1007像素”。初始化CSS代碼后，接下來就是利用div+CSS完成布局，這里提示新手：完成布局后，務必在IETESTER和Firefox中檢查網頁布局是否能夠兼容主流瀏覽器。然后，根據桌面版網頁平面設計效果圖完成頁面的制作。此外，熟手的 經驗 是制作過程中頻繁檢測桌面版網頁是否能夠完美兼容各種瀏覽器。
3.2利用流式布局、彈性圖片、媒體查詢技術修改桌面版網頁
(1)相對視口尺寸，將最外層的布局div(例如：#wrapper{width:1007px;...})的寬度設置為96%(這個值取決于當前頁面的視覺效果，也可以給其他數值);然后，將最外層的布局div內部的頁頭布局div、導航布局div、內容布局div、側邊欄布局div、頁腳布局div對應的CSS樣式中的width屬性值利用公式——目標元素寬度÷上下文元素寬度=百分比寬度把網頁的固定布局修改成百分比布局，也就是將固定像素寬度轉換成對應的百分比寬度。
(2)將頁面中所有HTML5標簽元素對應的CSS樣式表中的margin-right、margin-left、padding-right、padding-left的屬性值也用公式——目標元素寬度÷上下文元素寬度=百分比寬度來修改。
(3)將CSS樣式表中的font-size屬性值的單位用em來代替px。這里依然使用公式——目標元素寬度÷上下文元素寬度=百分比寬度。這里需要提示新手的是：在body標簽的初始化代碼中，如果有font-size:16px;語句，那么在給其他元素的font-size屬性上修改值時，公式中的“上下文元素寬度”就等于16px，例如，#logo{font-size:48px;}現在要修改為#logo{font-size:3em;}。
(4)為了實現彈性圖片，讓圖片隨視口縮放，圖形圖像、動畫和視頻的彈性設置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width屬性是用于確?？s放時不會超出圖片最大尺寸。同時，熟手還會使用AdaptiveImages解決方案來實現自適應圖片。
(5)媒體查詢可以通過判斷不同設備終端，提供不同的樣式使其實現在不同終端都能獲得最佳的用戶體驗。例如，某個響應式頁面用電腦瀏覽頁面時，頁面信息會以平鋪的形式分布在頁面合適的位置;用手機瀏覽頁面時，導航按鈕會相繼隱藏起來，部分信息變成左右滑動的方式呈現，頁面會重新布局，圖片相應縮小。媒介查詢的語法格式是，例如：設定寬度不超過400像素的屏幕尺寸，代碼是：linkhref="css/phone.css"rel="stylesheet"type="text/css"media="onlyscreenand(max-width:400px)"。雖然，HTML5+CSS3提供了良好的媒體查詢功能，但當前仍有一些瀏覽器不支持，你可能需要添加如下基本樣式：!--[ifltIE9!IEMobile]linkhref="iestyles.css"rel="stylesheet"type="text/css"![endif]--3.3不同種類、不同版本瀏覽器的兼容問題解決跨越瀏覽器的問題一直是響應式網頁設計的難題。熟手面對這一問題時，一般采用“漸進增強與降級”、“利用javascript修復老版本IE”、“使用Modernizr輔助修正樣式，按需加載資源”、“給IE6，7，8追加媒體查詢功能”等方法。
4結束語
對響應式網頁設計而言，當前的設計理念和技術方法還不是終點,網站前端設計師需要繼續努力找出更好的解決方案。而對新手學習者而言，響應式網頁設計開發技能的形成不是一蹴而就的，還需要學習者在多個項目中，利用原型進行多次定向、操作及內化才能真正掌握。
網頁設計畢業論文篇三：《網頁設計中的版式設計》
摘 要：版式設計可以說是界面設計的基礎部分，網頁界面中的版式設計只是其發展應用中的一個方向。如何設計完美有魅力的網頁界面，版式設計扮演十分重要的角色，優秀的版式設計可以給瀏覽者留下深刻的印象，提高頁面的訪問量。因此，本文將向諸位讀者介紹在CDIO工程 教育 模式下，網頁設計課程中采用項目為指導的教學實踐過程中注意的事項。
關鍵詞：網頁設計;版式設計 CDIO教育模式;項目教學
近年來隨著經濟的高速發展，科技的日新月異，教育領域同樣面臨革新。引進新的教育理念和教學模式成為教育工作者的關注重心，此時，歐美成熟的工程教育理念慢慢地進入我們的視野之中，CDIO的教學模式(Conceive構思、Design設計、Implement實施、Operate運行)，符合工程人才的培養，提高學生的實踐能力、組織能力、創新能力。這一模式更適應當下的教育環境需求。
網頁設計這門課程屬于交叉學科范疇，兼顧藝術設計、計算機技術及交互設計等多門學科。另外，這門課程作為藝術與技術的結合體，要求學生具備較強實踐動手能力與綜合運用能力，因而在教學過程中我們依據CDIO的工程教育理念開展教學。
本文重點談到的是網頁設計中的版式設計過程，網頁中的版式設計起到信息統一、分割區域和交互導引的作用，是在有限的空間界面內將文字、圖形、背景色彩或圖案及交互功能集成在方圓之間，根據設計的形式法則，利用藝術美學與科學技術相結合的方式來實現效果展示。下面以教學過程中的“xx藝術系網站”項目為例，以網頁設計中的版式設計為內容，展示教學過程中的各個設計階段。
1 構思階段
(1)確立目標。
網頁設計不是盲目的行為，不是簡單使用軟件的行為，它是構思由確立到實現的過程，是一種展示到體會的過程。因此，在設計之初，教師需要引導學生了解當前的課題，明確網站要做什么，網站的外觀布局是什么樣子，網站需要營造何種氛圍。我們常見的網站根據用途分類為企業網站、電子商務網站、電子政務網站、文體娛樂網站、教育科學網站等，每種類型的網站都有自己需要傳播的信息，根據所需文字與圖片選擇適合的排版方式，進而營造恰當的氛圍。在“xx藝術系網站”項目中，學生會根據實際項目類型，理解項目設計目標為，該學院所屬系部信息服務類網站，界面版式方面要求簡潔大方，色彩明快，塑造清新、愉悅的氛圍，學生可以根據以上內容展開進一步的設計工作。
(2)信息整理。
項目開展前期根據對項目的簡單分析，要求學生對客戶或相關人士展開訪談，對行業同類網站的資訊開展收集與調研。這一階段學生會接觸網頁設計的需求方，在本項目中可以設定為系內行政人員、教師及系內學生，根據訪談或調研可以得到網站相關設計信息，如對整體風格的需求，導航的設計需求，網站類型為靜態網站或動態網站，根據需求結果，要求學生設計多樣的版式效果，以供客戶參考。
(3)交互設計。
我們將網頁中的交互分為視覺上的交互和行為功能上的交互設計。在這里我們更側重說明交互在視覺上的應用。網頁中我們常見的交互形態有按鈕、導航條、搜索欄和表單等。這些交互形態都會出現在版式的突出及顯著位置，這樣更引發人們的視覺關注中心，因而，在進行版式設計時，需要考慮這些交互元素的設置，友好的版式也是一種界面與人的情感交互。在我們的項目中學生應該考慮交互按鈕的外觀設計，排放位置等因素;導航條的設置應在醒目位置，清晰明確發揮導引作用;搜索欄幫助瀏覽者快捷搜索，放置在易發現的位置，搜索一般出現在網頁右上角;表單設計是學生所忽略的環節，因為可以使用插件添加，導致學生認為無須設計，在此建議信息表單設計時可考慮細節設計，提高友好度與舒適度等交互設計。
2 設計階段
版式設計是網頁設計中重要的設計引導規劃環節，在這個過程中學生可以根據自己的項目主題展開藝術美感的設計。一般進行頁面版式設計我們從以下幾個方面入手。
(1)版式結構設計。
網頁設計中的版式設計與傳統媒介中的版式設計略有不同，前提是他們都遵循版式設計五原則，[1]內容與形式，簡潔與簡約，設計與藝術，趣味與獨特，局部與整體。為了設計富有形式法則和藝術美感的網頁作品，版式設計方面通常會采用黃金比例和三分法排列原則。黃金比例法是初學者易于掌控的方法，將視窗可用區域分成兩個部分，也可以根據設計比例需求，將數字錄入到相關計算網站，得出合適的黃金比例分配方案。三分法構圖排版方式，是將排版界面分成三份，根據內容的不同，選擇不同的三分法排列位置。
網頁設計中由于要考慮顯示器視窗顯示水平不同，我們的總體版式設計會采用固定格式或非固定格式兩種形式。固定格式的版面是固定的界面版式，而非固定格式的版面設計是變化的，這種變化的版式很難把握的，變化的視窗將改變既定的字體形式和圖形排列位置，這個課題也是我們今后要深入探討的方向。
(2)字體、圖像、色彩設計。
版式設計是界面設計的骨架，字體設計是界面設計的血肉，富媒體技術的全面發展，網站這一綜合載體也得到了極大的發展，版式與字體的結合構成了網頁的不同風貌。在網頁中常見字體分為中英文兩類和圖形化的藝術字體，字號一般選用12pt。在中文網頁常常出現的字體為宋體或黑體，字號為12pt/14pt的文字展示，另外也會有些超大字體以圖像的形態出現，并通過視覺效果的調整，創建三維空間的視覺展示效果。圖形化的藝術字體，在諸多網站中得到應用。在設計中我們題材保有傳統的 文化 性，中國元素的運用，如書法、圖騰、建筑等富有中國色彩的藝術形態都應得到我們的思考與關注，中西文化的比較與融合也是我們要探索的方向。圖形與色彩部分在排版中應適合主題，響應設計氛圍，為整體版式服務。
(3)視頻展示設計。
網頁界面排版中還需考慮一種新興的展示手段，視頻信息展示，頁面中利用大量的視頻信息排版，減少文字、圖片信息的輸入，信息傳達方式由靜態轉換為動態，提供有趣而新穎的排版展示方式。
3 技術實施
(1)界面版式視覺設計。
網頁設計中對靜態界面的布局，我們通常會使用Photoshop和Illustrator圖像處理軟件開展設計，首先我們會根據 思維導圖 繪制基礎模板，然后根據設計需求在模板中添加設計好的文字、圖形、視頻、聲音等設計元素。
(2)交互功能視覺設計。
在網頁設計中我們會考慮將靜態樣稿轉換為簡單的靜態網頁，這種轉換我們會使用Dreamweaver軟件進行操作，由于網頁展示設備的不同我們也會考慮采用一些相關的模型制作軟件來處理交互設計部分。
4 運行階段
將確定好的靜態草稿通過切圖生成為靜態網站，測試效果及功能，當運行時根據需要和視覺效果進行調整直到理想狀態。
5 小結
網頁設計課程將實際項目導入課堂，根據CDIO工程教育模式教學，打造有效、有趣、實用的教學方式，使學生在學習操作中鍛煉宏觀思考的能力，獲得團隊合作的能力，養成終身學習的能力。學生對設計流程的掌握就是對知識體系的掌握和運用，達到理論與實踐相結合，通過對版面的全面掌控，更好地為靜態網頁設計打下堅實的基礎。
參考文獻：
[1] 沈卓婭，王汀.字體與版式設計實訓[M].中國出版集團東方出版中心，2011：74.
猜你喜歡：
1. 網站設計畢業論文范文
2. 網站類畢業設計論文
3. 淺談廣告設計畢業論文范文
4. 關于網絡工程畢業論文范文
5. 關于計算機畢業論文范文大全
6. 計算機畢業論文范文大全
請幫我找一篇關于網站建設的論文
ASP.NET的網站新聞管理系統設計與實現
本篇文章來源于 “論文地帶” 轉載請以鏈接形式注明出處 網址：
隨著Internet的普及，越來越多的企業建立了自己的WWW網站，企業通過網站可以展示產品，發布最新動態，與用戶進行交流和溝通，與合作伙伴建立聯系，以及開展電子商務等。其中新聞管理系統是構成企業網站的一個重要組成部分，它擔負著雙層作用，一方面可以用來動態發布有關新產品或新開發項目，另一方面又可以及時向顧客公告企業經營業績、技術與研發進展、特別推薦或優惠的工程項目、產品和服務，從而吸引顧客，擴大顧客群。
傳統的網站新聞管理方式有兩種，一是靜態HTML頁面，更新信息時需要重新制作頁面然后上傳頁面并修改相應鏈接，這種方式因為效率太低已不多用。二是基于ASP和腳本語言，將動態網頁和數據庫結合，通過應用程序來處理新聞，這是目前較為流行的做法。但是由于ASP本身的局限性使得系統有一些不可克服的缺陷，而采取了ASP.NET技術的系統性能上有了很大的改善，其主要表現在以下幾方面：
1．由于ASP頁面每次打開都必須經過先編譯后解釋的過程，所以頁面在反復打開時速度沒有任何提升，而ASP.NET頁面只需要一次編譯后不需要重新編譯，直到該頁面被修改或Web應用程序重新啟動。這使得在多次訪問時速度有了極大的提升。
2．由于ASP沒有提供任何輸出數據為內容的元件，所以在使用ASP撰寫數據庫頁面時只能借助ADO的RecordSet對象逐筆讀取記錄，而ASP.NET通過ADO.NET提供的DataGrid等數據庫元件可以直接和數據庫聯系。
3．ASP.NET支持應用程序的實時更新。管理員不必關掉網絡服務器或者甚至不用停止應用程序的運行就可以更新應用文件。應用程序文件永遠不會被加鎖，因此甚至在程序運行時文件就可以被覆蓋。當文件更新后，系統會溫和地轉換到新的版本。
4．ASP.NET采取"code-behind"方式編寫代碼使得代碼更易于編寫，結構更清晰，降低了系統的開發與維護的復雜度和費用。
1系統的開發原理
1.1 基于ASP.NET技術的系統結構模型
ASP.NET結構是一個三層系統：UI層、業務邏輯層和數據層，如圖1所示。
圖1 ASP.NET的系統結構模型
UI層負責與用戶交互，接收用戶的輸入并將服務器端傳來的數據呈現給客戶。
業務邏輯層負責接收瀏覽器傳來的請求并將請求傳給數據層，同時將請求處理結果發給瀏覽器。它由Web表單、XML Web服務和組件服務組成。其中Web表單是ASP.NET應用程序的核心所在，它是向客戶呈現數據和信息的基礎，也是響應和處理客戶與顯示的Web表單交互生成的信息和數據的基礎。
數據層是通過ADO.NET操縱數據為事務邏輯層提供數據服務，如存儲數據操作結果、返回數據檢索結果等。
1.2 ADO.NET訪問數據庫的原理
與數據庫相連，ADO.NET提供了如下3種方式：通過ODBC相連；通過OLEDB相連；直接與SQL Server相連。3種方式由于應用層次的差異，使得效率由低到高，獨立性由高到低。對于相連數據庫的數據處理，也有2種方式，即一種是通過DataSet來隔離異構的數據源，另一種是以流方式從數據源讀取(DataReader方式)。
傳統的應用程序是通過先建立到數據庫的連接，在程序的整個運行過程中維護連接的方式來設計的。ASP.NET采取了斷開連接方式的數據結構。當瀏覽器向Web服務器請求網頁時，服務器處理這個請求，并將所請求的網頁發送給瀏覽器，然后連接就被斷開，直到瀏覽器發出下一個請求。
ADO.NET的另一個創新是引入了數據集(Dataset)。一個數據集是內存中提供數據關系圖的高速緩沖區。數據集對數據源一無所知，它們可以由程序或通過從數據倉庫中調入數據而被生成、填充。不論數據從何處獲取，數據集都是通過使用同樣的程序模板而被操作的，并且它使用相同的潛在的數據緩沖區。
2 系統的功能設計
2.1 系統的功能結構
該新聞管理系統可以在Windows 2000 Server操作系統平臺上運行，Web服務器為IIS，數據庫服務器為Microsoft SQL Server2000，開發工具采用的Microsoft Visual Studio .NET和DreamWeaver。圖2給出系統的功能結構圖。其工作流程為：用戶登錄通過權限判斷，普通用戶只能瀏覽、閱讀和查詢新聞，注冊用戶除了可以完成普通用戶的操作外，還可以進入新聞管理模塊進行新聞錄入、修改和刪除的操作。注冊用戶除系統管理員外只能對自己錄入的新聞進行刪改操作。
2.2 系統的功能特點
（1）操作簡單、界面友好：完全控件式的頁面布局，使得新聞的錄入工作更簡便；許多選項包括新聞類別、來源部門等只需要點擊鼠標就可以完成；另外，跟蹤出現的提示信息也讓用戶隨時清楚自己的操作情況。
（2）即時可見：對新聞的處理（包括錄入、修改、刪除）將立即在主頁的對應欄目顯示出來，達到"即時發布、即時見效"的功能。
圖2 系統功能結構圖
（3）功能完善：包括常見網站的新聞管理的各個方面：新聞錄入、瀏覽、刪除、修改、檢索等各個方面，完整地實現了網站對即時新聞的管理要求。
（4）方便移植：針對不同的企業，只需要稍作修改就可以開發出適合本企業特點的網站新聞管理系統！
3 系統的詳細設計
系統的主要功能是通過幾個功能模塊來實現的。具體的設計過程如下：
⑴ 系統登錄：該模塊負責將用戶分為普通用戶和注冊用戶來實現用戶權限的管理。
⑵ 新聞瀏覽：該模塊負責分頁列出網站所有新聞的信息，包括標題、類型、來源部門字段及發布日期，每條新聞的標題被做成一個超鏈接，點擊它們就能跳轉頁面進行新聞閱讀。
⑶ 新聞閱讀：在其他頁面中點擊標題鏈接即進入新聞閱讀頁面，此時，每條新聞的詳細信息將被取出，包括內容、標題、關鍵字等，并按照相對固定的格式放置在頁面的不同區域，所有新聞使用大致相同的頁面布局，只是各字段對應的內容不同而已，另外，頁面其它位置，可以動態放置其他元件，如網站標志logo、頁面廣告banner等鏈接圖片，這樣可以很容易地實現圖文并茂的閱讀效果。
⑷ 新聞查詢：該模塊提供了新聞查詢功能，輸入待查找的內容及選定分類信息可以快速地找到符合條件的新聞，并輸出查詢結果。
⑸ 新聞管理：該模塊負責分頁羅列登錄的注冊用戶曾發布過且未刪除的新聞信息，用戶可以對該條新聞進行刪除、修改。非新聞發布者除系統管理員外不具有對該條新聞的處理權限，所以不同用戶進入此頁面將顯示不同的內容。
⑹ 新聞錄入和修改：注冊用戶錄入一條新聞所需要的內容，包含標題、關鍵字、類型、來源部門、發布日期等，同時從登錄模塊得到用戶名，這些信息將被寫入數據庫中保存。該模塊還負責編輯狀態下的更新，這時，它將根據取得的Title字段值對頁面控件初始化。
下面以系統登錄頁面的編寫為例給出主要事件和函數，說明該系統的開發過程。
//IsRegUserOk函數：判斷用戶是否已經注冊和密碼是否正確
public bool IsRegUserOk()
{
string name=TextBoxName.Text.Trim();
string pwd=TextBoxPassword.Text.Trim();
//建立/打開數據庫連接
SqlConnection conn=
本篇文章來源于 “論文地帶” 轉載請以鏈接形式注明出處 網址：
new SqlConnection();
conn.ConnectionString="server=(local);uid=sa;pwd=;database=jxdb";
conn.Open();
//建立sql字符串
string sql="select * from reg where name='"+name+"'";
SqlDataReader dr;
SqlCommand cmd=new SqlCommand(sql,conn);
dr=cmd.ExecuteReader();
//保留用戶注冊與否信息
bool isRegUserExist=dr.Read();
//關閉DataReader
dr.Close();
//取得用戶名的密碼
string sqlBoth="select * from reg where name='"+name+"'";
sqlBoth+="and pwd='"+pwd+"'";
SqlCommand cmdBoth=new SqlCommand(sqlBoth,conn);
SqlDataReader drBoth;
drBoth=cmdBoth.ExecuteReader();
//保留用戶名+密碼同時存在信息
bool isBothExist=drBoth.Read();
//關閉DataReader
drBoth.Close();
conn.Close();
//判斷用戶是否注冊
if(!isRegUserExist)
{
Response.Write("scriptalert('此用戶尚未注冊！')");
return false;
}
//判斷用戶名與密碼是否一致
else if(!isBothExist)
{
Response.Write("scriptalert('用戶名和密碼不一致,不能進入！')");
return false;
}
else
return true;
}
最后給出系統后端數據存儲方案：
利用Microsoft SQL Server 2000建立數據庫及其存儲過程。這里給出兩個必需的數據表，一是數據表News包含的字段有：編號、姓名、標題、關鍵字、內容、類型、來源部門和日期。字段說明如下：
二是數據表Reg包含的字段有：編號、姓名、密碼、所屬部門、電子郵箱和電話。字段說明如下：
本篇文章來源于 “論文地帶” 轉載請以鏈接形式注明出處 網址：
關于電子商務網站建設論文1500和電子商務網站建設論文2000字的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。
