電子商務網站建設論文結論（電子商務網站開發技術論文）

電子商務畢業論文的總結怎么寫?

主要分外因和內因二個部分來分析：1）顧客滿意度和忠誠度時刻都在發生變化的2）外因指的是你的競爭對手的各種促銷等行銷手段，從而使你顧客滿意度和忠誠度下降3）內因指的是自身網站的發展，不能原地踏步，不然你的顧客肯定會跑的，你要時刻從顧客角度出發，做好用戶體驗等

求一篇《電子商務論文》!!!

電子商務發展-速度和戰略

我們都知道，世界是普遍聯系的，是發展的。電子商務和打印機又是怎樣聯系的呢？一個是新興的商務模式，一個是不斷升級的外設產品。它們之間又會發生點什么關系呢？我傾向于它們是一種互動關系,電子商務需要網絡終端及外設的廣泛應用和普及，而網絡終端及外設產品又需要商務活動方式的改變來推動。

一、電子商務要速度

從電子商務的內容模式上講，我認為主要有兩部分內容，簡單地說，就是信息流和物流。在物流和信息流的交界處，有一種很難引起你的注意的信息處理終端設備。談到網絡終端設備，讓我們以打印機為切入點做一次觀察思考。我們可以發現，從一開始，打印設備從功能上就是PC及其它終端不可替代的?？墒谴蛴≡O備在應用上多年來沒有發生本質的變化，為什么？答案很簡單，打印機只有四肢而沒有大腦，它無法獨立地接受和處理信息。

互聯網絡的出現讓聰明的設備制造商們看到游戲的規則正在發生變化，一次新標準和新概念的賽跑已經開始，而機會就孕育在改變之中。打印機作為電腦外設的角色會慢慢淡化，而會逐漸轉演變為獨立的網絡信息處理終端。

互聯網絡無疑是未來信息傳遞的主要載體。而人對信息交流的處理就產生了對網絡終端的個性化需求。在商務活動中一個人的職業化程度首先從他做事的速度上表現出來，在瞬息萬變的商業活動信息化的社會里，速度成為每一個商業細胞生存的第一追求。網絡傳遞信息的速度是極快的，可總會有這樣的時候，我們花掉很多時間在網絡終端面前等待。如果象佳能S系列中這樣基于因特網打印的打印機接入網絡，并且具有很快的響應和打印速度，使信息傳遞、處理、呈現的速度都大大提高，從而降低了交易成本，我想這也是電子商務的真正的利益所在。

當前，網絡經濟和電子商務的大潮滾滾而來。網站建設呈爆炸式增長。據統計，至三月底，國內的商業網站已有近9000家。僅商務網站就有近800家，網上書店就有近200家，網上拍賣店鋪180家。網站的爆炸式增長和網站的無效益落地形成了巨大的反差。一場網絡企業的淘汰賽已經開始。因此，認真研究電子商務的競爭戰略問題，就十分必要了。

二、電子商務要戰略

搶占快車道戰略

搶占快車道戰略是一種搶先控制市場的戰略。搶占快車道戰略的優點在于，電子商務資料庫'"7(/3-";24;;.5易于形成一種商業龍卷風，迅速增強互聯網企業的業務擴展能力；易于調動企業內部的驅動力，使企業各方面的力量為搶占市場形成一種合力；易于吸引人才和爭取寬松的外在市場環境；易于增強和各方對手談判的主控力；易于調動媒體不花錢的嘴，進行炒作,動搖競爭對手在同一業務領域擴展的信心。

新浪、網易、搜弧均是當前搶進快車道的網站。以新浪為例，搶占快車道的戰略確實給它幫了大忙,使它既打出了品位又得盡了香火。特別是當他具有了抗風險能力以后，又加快了全線的資本運作，迅速地進軍電子商務，快捷地并購小型網站，使網站邁入了快速發展的歷程。

搶占快車道戰略有優點也有弊端。一是目標具有不可替代性，因此不好隨意變動和更改，否則將喪失競爭中的有利形勢和主動地位。二是你的戰略目標是暴露的。你的決心、招法、態勢、技術上的進展、訪問量的多少、成交量的大小、人員的變動、機構的調整，一切一切，都會成為對手研究分析的重點。

搶先還具有冒險性。這種冒險性主要表現在：較早地進行了大量的資源投入，用于競爭的成本過大，難于短期收回；進入快車道后，需要強大的技術和資金支持，一旦有的環節出現問題，被別人反超的可能性很大；迅即膨脹起來的機構，必然造成管理上的黑洞，留下很大的隱患。

專一化戰略

專一化戰略，是一種避免全面出擊，平均使用兵力的個性化戰略。這種專一，是從全局出發的專一。專一的出發點和落腳點是為了爭得在全局中的有利形勢和主動地位。它把有限的人力、財力、物力、領導的關注力、企業的潛在力，集聚在某一方面，力求從某一局部、某一專業，進行滲透和突破，形成和突現出局部優勢。進而通過局部優勢的能量累積，爭得競爭中全局的主動地位和有利形勢。

8848網站是實施專一化戰略的突出代表。該網站從自身具有進銷存和市場促銷經驗的實際出發，以自己熟悉的軟件、音像制品、圖書等為切入點，進軍電子商務領域，獲得了較快的發展。

在網上商城構建上，目前，他們的日訪問量已近200萬PageView，日營業額在30～50萬元。經營的商品已達30萬余種，已成為一座大型的網上超市。

在配送體系上，他們建立了專業和民間雙向配送系統，從而保證了他們在全國400多個城市可以實現送貨上門。

在支付手段上，他們 采取了多種支付方式。既可以在網上即時劃付，又可以從銀行轉賬、郵局匯款，部分地區可以貨到付款，使網民感受到了電子商務的便利。 在技術支撐上，他們建立了從接單開始，全程跟蹤的一整套電子管理系統。自主開發出了一套高適應性、高擴展性的在線銷售系統，并且取得了英特爾公司的后續支持，從而保證了電子商務的安全運行。 單看某一項局部的突破，其能量都是有限的。但是，無數局部的連鎖突破，就會形成一種增量無形資本。正是這種增量無形資本，使8848網站站住了腳，挺直了腰。

在電子商務實踐中，個性化越強的網站，越有穩定的客戶群。像國內首家消費者權威資訊網站--阿凡提網站；全國最大的少年兒童網上超市--樂友網站；腎病人的專業網站--腎移植網站等，都以其鮮明的專一特色，贏得了網民的喜愛。

人才風險戰略

人才是互聯網企業的未來。人才的競爭，比資源的競爭、市場的競爭，更加外露，更加明顯，更加激烈。

1、 無聲走失風險。這是當前各個網絡公司遇到的最普遍、最頭痛的一個問題。絕大多數網絡企業都經歷了因人才流失而造成的痛苦與無奈。因此，對于人才走失可能造成的風險和震顫，不少企業已經體會很深。在各種誘惑之下，他們經常拔腿走人，無聲離去。

2、無形資產流失風險。網絡企業一項最重要的資本就是無形資產。通過獲取競爭對手的商業秘密、技術機密，把對手搞垮是一種非常險惡的招法。由于網絡實在太沒有規則，太缺少秩序，恰恰給競爭者們太多的施展心計的余地和機遇。他們會選擇你最困難的時候下手。既挖走了人才，又獲取了價值連城的無形資產。

值得指出的是，當前一些網絡公司的領導，缺少對競爭殘酷性的認識。一面善待競爭對手，一面繼續對人才進行大幅度調整。有的單位人才的進出比高達50%。這種大進大出的最大惡果，在于破壞了網絡企業穩定的工作環境、心理環境和文化氛圍。企業篩選人才的自自由度越大，人才流動的隨意性越大，人才帶走的無形資產越多。長此以往，要么成了給工資的培訓學校。這些人，今后將使企業增加十倍的管理成本。

3、競爭戰略外泄風險。通過獲取對手的競爭戰略，把對手搞垮，是現代商戰中常用的手法。競爭戰略外泄，一般有三種可能：一是核心人員走電子商務資料庫))$$5+":/;6*.#失而帶去的；二是競爭對手刺探挖去的；三是內部人員無意泄露的。因此，我們一定要有清醒的認識和恰切的估價，并盡快建立起抵抗人才風險的機制和嚴格的管理制度，防范和化解人才風險。

4、整合聚才風險。電子商務網站增多的結果，必然是部分有實力網站的迅速崛起和一批弱小網站的接連倒閉。這就是市場的法則。這種法則在人才問題上的最激化的表現，就是"為了得到魚仔而吞掉魚"。通過收并弱小網站，迅速地把各路人才聚攏起來，搭建起自己的、合理的人才構架。這被那些正在崛起的網站，看成是最便宜的事。這里，整合是手段，赤裸裸地挖人才是目的。事情的結果，已經不是人才的個別和局部的流失，而是整個網站的滅失。

從不定式中尋找定式戰略

一條道大家都走，必然擁擠不堪。于是人們開始另辟蹊徑。在我們進軍電子商務的進程中，很有必要把這種另辟蹊徑的思路，提升到戰略高度來審視。

當前電子商務中，業界公認的有三種商業運作模式。即CtoC模式、BtoC模式和BtoB模式。第一種模式是一種交易市場模式。網站提供交易區和拍品，消費者對消費者自由競價成交。雅寶、易趣網均是這種類型的。第二種模式是商家通過網站，把商品直接交給最終消費者。亞馬遜和8848網站均是這種類型。第三種模式是從企業到企業之間進行的買賣行為。通用、波音、福特等一大批企業，較早地就在互聯網上進行了這種商務運作，極大地降低了他們采購成本．

克隆以上三種模式似乎成了電子商務的定式。于是，它獲得了多種技術支持。然而，我國市場發育尚不健全，市場的不確定性，地域情況的差異性，資源的受約性，產業發展的外在性，都要求我們結合我國國情進行新的探索。

當初，書生之家網站就走出了這樣一條探索之路。王東臨沒有因襲亞馬遜模式。他認為做單和構建龐大的配送系統，不是自己的優勢。而在中文全息化技術上，在數十萬源代碼軟件的積累上他具有自己的優勢。他揚其所長，避其所短，找到了一種以自己獨有技術為依托，以網上開架瀏覽為特點，以銷售服務延伸下家，連鎖完成配送，發展出BtoBtoC的新模式。王東臨走出了一條電子商務模式的創新之路，而且形成和利用了自己的無形資產，減少了技術上的依賴性。

隱形進攻戰略

所謂隱形進攻戰略是避開對手鋒芒的一種進攻戰略,是 在競爭態勢上隱蔽地進攻，漸進地成長，悄然地發展。后起的、弱小的網站宜采用這種戰略。其主要特點是： 1、利用特色，快速發展。網上營銷要有特色。有特色，才能有人氣；有人氣，才能有商機。為了讓網上競標和網下交易在大學更加方便，易趣網前不久開展了一項別具特色的校園行活動。他們這樣做的戰略出發點，是想完善校園物品交換的網絡平臺和條件，抓住1000萬網民中最有希望、最活躍的群體，使之成為網站的主體。他們還把網上交流和網下交易有機地結合起來，讓網上交易促進網下交易市場的形成和發展；網下交易，成為網上交易的發展和延伸。

2、利用夾縫，快速發展。大山深處的幾朵小花，往往長得很茂盛。當別人發現它們的時候，它們已經具有了抗風險能力。

實行夾縫戰略要隨時掌握全局的動態和發展。商戰中，競爭的態勢千變萬化，商機的出現稍現即逝。我們必須適時地、謹慎地做出第一反應。與此同時，還要抓好理財。摒棄那種一擲千金的闊少作風，力爭以最小的投入產出比，在最快的時間內，走出虧損。

3、參與整合，尋求發展。隨著競爭的加劇，網絡企業必然出現狼吃小羊的現象，收購和兼并是競爭的必然。你越有特色，越容易成為整合的目標。這時，有兩種辦法。一是參與整合，獲得發展。要在參與的過程中借船出海，借雞下蛋，使自己盡快發展壯大起來。"脫殼整合"，不失為另一上策。作為被整合者，脫空交殼，既可以實現無形資產的無成本轉移，又可以增強談判的實力，其實是一種反競爭戰略。

總之，速度和戰略都會影響電子商務的發展，在其發展中會起到或阻礙或推動的作用。因此，認真研究電子商務的競爭速度和戰略問題才是最最重要的．

電子商務安全論文5000字(2)

電子商務安全論文5000字篇2

淺析電子商務安全決策原則科技

電子商務安全策略是對企業的核心資產進行全面系統的保護，不斷的更新企業系統的安全防護，找出企業系統的潛在威脅和漏洞，識別，控制，消除存在安全風險的活動。電子商務安全是相對的，不是絕對的，不能認為存在永遠不被攻破的系統，當然無論是何種模式的電子商務網站都要考慮到為了系統安全所要付出的代價和消耗的成本。

作為一個安全系統的使用者，必須應該綜合考慮各方因素合理使用電子商務安全策略技術，作為系統的研發設計者，也必須在設計的同時考慮到成本與代價的因素。在這個網絡攻防此消彼長的時代，更應該根據安全問題的不斷出現來檢查，評估和調整相應的安全策略，采用適合當前的技術手段，來達到提升整體安全的目的。電子商務所帶來的巨大商機背后同樣隱藏著日益嚴重的電子商務安全問題，不僅為企業機構帶來了巨大的經濟損失，更使社會經濟的安全受到威脅。

1電子商務面臨的安全威脅

在電子商務運作的大環境中，時時刻刻面臨著安全威脅，這不僅僅設計技術問題，更重要的是管理上的漏洞，而且與人們的行為模式有著密不可分的聯系。電子商務面臨的安全威脅可以分為以下幾類：

1.1信息內容被截取竊取

這一類的威脅發生主要由于信息傳遞過程中加密措施或安全級別不夠，或者通過對互聯網，電話網中信息流量和流向等參數的分析來竊取有用信息。

1.2中途篡改信息

主要破壞信息的完整性，通過更改、刪除、插入等手段對網絡傳輸的信息進行中途篡改，并將篡改后的虛假信息發往接受端。

1.3身份假冒

建立與銷售者服務器名稱相似的假冒服務器、冒充銷售者、建立虛假訂單進行交易。

1.4交易抵賴

比如商家對賣出的商品因價格原因不承認原有交易，購買者因簽訂了訂單卻事后否認。

1.5同行業者惡意競爭

同行業者利用購買者名義進行商品交易，暗中了解買賣流程、庫存狀況、物流狀況。

1.6電子商務系統安全性被破壞

不法分子利用非法手段進入系統，改變用戶信息、銷毀訂單信息、生成虛假信息等。

2電子商務安全策略原則

電子商務安全策略是在現有情況，實現投入的成本與效率之間的平衡，減少電子商務安全所面臨的威脅。據電子商務網絡環境的不同，采用不同的安全技術來制定安全策略。在制定安全策略時應遵循以下總體原則：

2.1共存原則

是指影響網絡安全的問題是與整個網絡的運作生命周期同時存在，所以在設計安全體系結構時應考慮與網絡安全需求一致。如果不在網站設計開始階段考慮安全對策，等網站建設好后在修改會耗費更大的人力物力。

2.2靈活性原則

安全策略要能隨著網絡性能及安全威脅的變化而變化，要及時的適應系統和修改。

2.3風險與代價相互平衡的分析原則

任何一個網絡，很難達到絕對沒有安全威脅。對一個網絡要進行實際分析，并且對網絡面臨的威脅以及可能遇到的風險要進行定量與定性的綜合分析，制定規范的措施，并確定本系統的安全范疇，使花費在網絡安全的成本與在安全保護下的信息的價值平衡。

2.4易使用性原則

安全策略的實施由人工完成，如果實施過程過于復雜，對于人的要求過高，對本身的安全性也是一種降低。

2.5綜合性原則

一個好的安全策略在設計時往往采用是多種方法綜合應用的結果，以系統工程的觀點，方法分析網絡安全問題，才可能獲得有效可行的措施。

2.6多層保護原則

任何單一的安全保護措施都不是能獨當一面，絕對安全的，應該建立一個多層的互補系統，那么當一層被攻破時，其它保護層仍然可以安全的保護信息。

3電子商務安全策略主要技術

3.1防火墻技術

防火墻技術是一種保護本地網絡，并對外部網絡攻擊進行抵制的重要網絡安全技術之一，是提供信息安全服務，實現網絡信息安全的基礎設施?？傮w可以分為：數據包過濾型防火墻、應用級網關型防火墻、代理服務型防火墻等幾類。防火墻具有5種基本功能：

(1)抵擋外部攻擊;

(2)防止信息泄露;

(3)控制管理網絡存取和訪問;

(4)虛擬專用網功能;

(5)自身抗攻擊能力。

防火墻的安全策略有兩種情形：

(1)違背允許的訪問服務都是被禁止的;

(2)未被禁止的訪問服務都是被允許的。

多數防火墻是在兩者之間采取折中策略，在安全的情況之下提高訪問效率。

3.2加密技術

加密技術是對傳輸的信息以某種方法進行偽裝并隱藏其內容，而達到不被第三方所獲取其真實內容的一種方法。在電子商務過程中，采用加密技術將信息隱藏起來，再將隱藏的信息傳輸出去，這樣即使信息在傳輸的過程中被竊取，非法截獲者也無法了解信息內容，進而保證了信息在交換過程中安全性、真實性、能夠有效的為安全策略提供幫助。

3.3數字簽名技術

是指在對文件進行加密的基礎上，為了防止有人對傳輸過程中的文件進行更改破壞以及確定發信人的身份所采取的手段。在電子商務安全中占有特別重要的地位，能夠解決貿易過程中的身份認證、內容完整性、不可抵賴等問題。數字簽名過程：發送方首先將原文通過Hash算法生成摘要，并用發送者的私鑰進行加密生成數字簽名發送給接受方，接收方用發送者的公鑰進行解密，得到發送方的報文摘要，最后接收方將收到的原文用Hash算法生成其摘要，與發送方的摘要進行比對。

3.4數字證書技術

數字證書是網絡用戶身份信息的一系列數據，由第三方公正機構頒發，以數字證書為依據的信息加密技術可以確保網上傳輸信息的的保密性、完整性和交易的真實性、不可否認性，為電子商務的安全提供保障。標準的數字證書包含：版本號，簽名算法，序列號，頒發者姓名，有效日期，主體公鑰信息，頒發者唯一標識符，主體唯一標示符等內容。一個合理的安全策略離不開數字證書的支持。

3.5安全協議技術

安全協議能夠為交易過程中的信息傳輸提供強而有力的保障。目前通用的為電子商務安全策略提供的協議主要有電子商務支付安全協議、通信安全協議、郵件安全協議三類。用于電子商務的主要安全協議包括：通訊安全的SSL協議(SecureSocketLayer)，信用卡安全的SET協議(SecureElectronicTransaction)，商業貿易安全的超文本傳輸協議(S-HTTP)，InternetEDI電子數據交換協議以及電子郵件安全協議S/MIME和PEM等。

4結論

在電子商務飛速發展的過程中，電子商務安全所占的比重越發重要。研究電子商務安全策略，意在于減少由電子商務安全威脅帶給人們電子商務交易上的疑慮，以推動電子商務前進的步伐。解除這種疑慮的方法，依賴著安全策略原則的制定和主要技術的不斷開發與完善。

猜你喜歡：

1. 電子商務碩士論文5000字左右

2. 電子商務安全論文范文

3. 電子商務安全研究論文范文

4. 淺談電子商務安全技術論文

5. 電子商務安全技術論文

6. 電子商務安全管理論文

有關網頁設計與制作畢業論文范文

為了增加網頁的吸引力和可理解性，以及互動性，網頁設計所起的作用十分重要。下面是我為大家整理的網頁設計 畢業 論文，供大家參考。

網頁設計畢業論文篇一：《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. 計算機畢業論文范文大全