電子商務網站建設與設計論文（電子商務網站建設與設計論文選題）
今天給各位分享電子商務網站建設與設計論文的知識，其中也會對電子商務網站建設與設計論文選題進行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關注本站，現(xiàn)在開始吧！
本文目錄一覽：
求一份服裝類電子商務網站設計論文提綱
1. 背景介紹
2. 網站運營模式
3. 網站建設目標
4. 系統(tǒng)核心設計
5. 網站運行環(huán)境
6. 網站內容
欄目名稱 欄目說明
公司介紹 由中文和英文兩種頁面構成，通過該欄目可以向外界發(fā)布金屬貿易公司的組織結構、經營范圍和經營理念。
電子期刊 由公司電子期刊發(fā)布管理系統(tǒng)組成，通過該系統(tǒng)可以動態(tài)發(fā)布期刊的內容。
會員管理 通過會員管理系統(tǒng)可以有效地對會員進行管理，可以對成為會員的單位開放貿易公司資料庫、生產廠商資料庫，查詢全球價格行情和國內價格行情。
新聞發(fā)布 通過新聞發(fā)布管理系統(tǒng)進行新聞的動態(tài)更新、動態(tài)發(fā)布，并進行方便的后臺管理。
供求信息發(fā)布 通過供求信息發(fā)布管理系統(tǒng)，各個商家可以進行供求信息的發(fā)布，實現(xiàn)供求信息的檢索。
產品發(fā)布 通過產品發(fā)布管理系統(tǒng)可以有效發(fā)布最新產品，對每一位商家提供按條件檢索功能，方便商家快速找到所需產品。
網上談判 通過網上談判管理系統(tǒng)可以方便地進行貿易磋商，提高交易的成功率。
招標管理 通過招標管理系統(tǒng)，可以方便有效地發(fā)布招標信息，對標書進行有效管理，從而降低購買成本。
網上交易 通過網上交易管理系統(tǒng)，可以實現(xiàn)定單的下載，實現(xiàn)b2b形式的電子交易系統(tǒng)。
網上競價 通過網上競價管理系統(tǒng)，開展在線的競價活動。
網站服務 設置一些知識性欄目，以增加網站流量。
期貨板塊 主要介紹期貨的價格信息、行情預測、基本知識、行情回顧、相關生產廠商動態(tài)等。
其它欄目 網站導航、統(tǒng)計模塊、超級鏈接模塊、幫助系統(tǒng)等。
案例4-2 “億商聚”電子商務網站的總體設計
一、創(chuàng)建139EC.COM的依據(jù)
我國皮件制造行業(yè)在很漫長的時間里，一直延續(xù)著勞動密集型的加工生產及傳統(tǒng)落后的銷售方式，其生產技術水平及管理規(guī)范程度遠落后于其它許多行業(yè)。 20世紀電子商務的出現(xiàn)，使企業(yè)許多難以想象或難以解決的問題被認為可以得到改善及改變。對於產品市場推廣、商品跨地區(qū)的銷售管理、企業(yè)廣告宣傳、客戶信息交流及反饋、客戶銷售服務以及商品保養(yǎng)常識介紹，這些企業(yè)原來感到很“繁重”的工作幾乎在不增加企業(yè)成本的情況下變得非常容易起來，甚至因為物流業(yè)的迅速發(fā)展，使企業(yè)商務部銷售人員幾乎“不出家門”即可在互聯(lián)網上以虛擬的方式完成各項銷售工作，這種全新的模式使得傳統(tǒng)“劃地經營”的概念或模式蕩然無存，電子商務在因特網技術平臺的支持下，企業(yè)營銷地域及空間的約束已不復存在，這是互聯(lián)網時代給予的大好機遇。傳統(tǒng)的企業(yè)營銷方式在知識經濟潮流沖撞下必須得到徹底革命，139EC.COM網站就是在這種大趨勢下，同眾多崇尚現(xiàn)代化管理手的企業(yè)一樣被推向市場前延的眾多企業(yè)網站之一，起名字為“億商聚”。
二、139EC.COM規(guī)劃特點
億商聚電子商務網站依據(jù)“以企業(yè)營銷為中心，一切為營銷服務“的宗旨進行功能策劃設計，其功能特點如下：
1. 內容專業(yè)性強
139EC.COM主要以皮件產品為主，結合企業(yè)產品特點，集中對產品的款式、工藝、品質、特性、市場流行狀況、銷售流程、支付辦法以及物流方式的宣傳介紹形式及內容作了合理有序的安排，同時根據(jù)網站商業(yè)功能特點，適當增加一些其它產品的介紹及銷售功能設置。為了最大限度降低網站維護成本，網站功能及內容采取動靜態(tài)相結合，大部分以固定的產品介紹及宣傳服務信息為主，流動信息采納比例減少，并定期更換部分流動信息內容。
139EC.COM網站初期階段，B2B貿易設計采用靜態(tài)方式，即網上洽談報價，網下仍然保留傳統(tǒng)交貨付款方式，而B2C貿易采用網上訂購，在線認證支付等動態(tài)功能設置，根據(jù)電子商務技術成熟及應用普及程度，逐步向全面在線合同、訂貨及支付方式過渡。
2. 知識性、趣味性
利用互聯(lián)網遠程傳播的特點、將企業(yè)產品的性能特點，維護保養(yǎng)知識以及商品工藝知識有選擇地介紹給用戶（以多媒體綜合表現(xiàn)形式通過合理的網頁布局），不僅讓不同的客戶有選擇地更多、更詳盡地了解有關商品專業(yè)知識，并通過內容的常識性、趣味性來吸引更多的用戶關心139EC.COM，以此擴大企業(yè)對外影響，培養(yǎng)更多的潛在用戶。
3. 商業(yè)交易性
將傳統(tǒng)的皮件貿易方式進行改造，形成電子商務交易運營的模式。根據(jù)國內及國際電子商務發(fā)展區(qū)域性成熟程度區(qū)別，形成不同要求的交易程式，目前對於B2B類的國際跨國貿易主要采取網上聯(lián)系洽談業(yè)務、網下簽訂合同和供貨支付的商務方式，既只將傳統(tǒng)貿易中信息交流的手段改變?yōu)槔没ヂ?lián)網技術的方式，其他貿易內容方式不變，仍然延用企業(yè)熟悉的傳統(tǒng)模式，使之得以相對安全高效低成本營運。B2C電子商務模式應用于網絡合同、安全、電子支付及物流發(fā)展成熟的地區(qū)，即采用網上支付專業(yè)物流公司送貨的模式，使之形成真正意義上的電子商務模式。
4. 雙語性
為適和國際開放市場的要求，網站首頁以中英文分別按鈕進入形式，這種形式一方面適合國內上網客戶瀏覽中文信息以及購物的要求，同時滿足國際貿易來往信息交流的要求。對139EC.COM網站內容結構分配策劃上，中文信息涵蓋了幾乎所有信息及功能內容，英文信息主要以商務信息為主。
三、欄目規(guī)劃
為了滿足企業(yè)商務網站專業(yè)性、知識性的要求，對網站目標功能分析劃分后，組成網站功能欄目系統(tǒng)結構。
139EC.COM
產品介紹
第二部分
第三部分
貿易流程
第一部分
商品趣聞
行業(yè)動態(tài)
留言板
皮件工藝學校
皮件保養(yǎng)
動物飼養(yǎng)
工藝制作
皮件產地
手機配件
根據(jù)一般網民上網瀏覽尋訪習慣以及網頁信息的重要程度，將功能欄目系統(tǒng)結構中的第一部分功能項安排作為主導航欄上各功能鍵；第二部分功能項安排作為輔助導航欄目的內容，這部分欄目的內容主要滿足商品常識性的要求。第三部分安排為其他商品的目，以滿足綜合功能要求。
四、基本頁面功能分布分析
按照商品專業(yè)化程度劃分，網站欄的內容分成主要導航欄目、輔助導航欄目及綜合欄目三組。考慮到視覺習慣、將主要導航欄目組橫排在最突出的最上方位置、輔助欄目組緊鄰其下，其它商品欄目組豎立在網頁的主側，該詛根據(jù)網站產品類別變動需要可臨時添加或刪除，在整個欄目系統(tǒng)結構中，各欄目頁面基本以此結構為模板，同時通過相互鏈接可進行欄目間自由切換。
根據(jù)各欄目的功能要求，網頁中央位置分別放置對應信息內容，主頁以及個別主要網頁安排一些必要的輔助功能，如會員登記、信息搜索、廣告發(fā)布等功能，地址及E-MAIL聯(lián)系設立在各頁面下方。
五、其他
根據(jù)網站商務要求，在產品介紹欄目頁，為了方便客戶即時訂購商品，在相應的商品照片位置設置訂購專用按鈕，以便及時進行必須的采購表單填制或及網上支付。若用戶有信息反饋，可通過留言板和電子郵件的方式予以予反饋，并可以得到及時的處理意見。
電子商務的論文
提供一些電子商務的論文題目，供參考。
1、阻礙電子商務發(fā)展的因素分析及其對策
2、電子商務下企業(yè)營銷模式
3、我國企業(yè)電子商務應用探析
4、電子商務環(huán)境下的供應鏈管理模式研究
5、商業(yè)信用與電子商務的發(fā)展
6、電子商務條件下的市場營銷理念變革
7、淺談我國電子商務發(fā)展存在的問題及其對策
8、中國交易類電子商務網站存在的若干問題的分析與研究
9、電子商務環(huán)境下國際貿易的變化及對策
10、基于電子商務的企業(yè)管理及其創(chuàng)新
11、電子商務下的物流與物流管理
12、我國電子商務發(fā)展面臨的問題及對策思考
13、電子商務背景下企業(yè)營銷模式的創(chuàng)新
14、淺析電子商務的物流問題
15、電子商務與誠信法則
16、虛擬貨幣應用探討
17、談電子政務與電子商務的結合
18、企業(yè)發(fā)展電子商務的認識誤區(qū)
19、電子商務會計核算存在的問題及對策
20、企業(yè)電子商務運行平臺探析
21、電子商務下企業(yè)第四方物流探討
22、企業(yè)信息化發(fā)展與電子商務
23、淺談21世紀電子商務的現(xiàn)狀和發(fā)展趨勢
24、電子商務與物流問題探析
25、試論中國電子商務發(fā)展狀況
26、試論電子商務對傳統(tǒng)企業(yè)經營模式的影響
27、我國傳統(tǒng)企業(yè)走電子商務之路的策略探討
28、電子商務營銷模式的選擇與建立
29、試論電子商務對企業(yè)管理方式的影響
30、我國電子商務物流的發(fā)展對策研究
31、電子商務網站盈利能力的理性分析
32、論電子商務環(huán)境下分銷渠道的革新
33、中國零售業(yè)發(fā)展電子商務的新思路
34、B2B電子商務網上訂購系統(tǒng)關鍵技術的研究與實現(xiàn)
35、電子商務網站競爭模型分析
36、中國對電子商務征稅的戰(zhàn)略選擇
37、中國電子商務B2B模式探討
38、中國電子商務稅收問題探索
39、中國銀行業(yè)發(fā)展電子商務的形式、風險及其管理對策
40、中國零售業(yè)運用電子商務面臨的問題及對策
41、中小企業(yè)"進、銷、存"電子商務解決方案
42、中小企業(yè)如何實施電子商務
43、中小企業(yè)應用電子商務探析
44、中小企業(yè)開展電子商務的思考
45、買方市場下B2B電子商務平臺的發(fā)展策略研究
46、互聯(lián)網上電子商務的安全性初探
47、從亞馬遜的成功運作看我國電子商務的發(fā)展前景
48、從交易費用看中美兩國電子商務發(fā)展的差異
49、網上銀行的發(fā)展探討
50、企業(yè)在電子商務環(huán)境中的價值鏈戰(zhàn)略選擇
51、企業(yè)電子商務與ERP集成研究
52、企業(yè)電子商務安全問題分析
53、企業(yè)電子商務活動中的知識產權保護
54、企業(yè)電子商務的商業(yè)模式淺析
55、企業(yè)電子商務盈利策略探析
56、企業(yè)電子商務系統(tǒng)的構建
57、企業(yè)電子商務運營模式研究
60、企業(yè)電子商務運行平臺探析
61、企業(yè)管理信息和電子商務系統(tǒng)的對接融合
62、全球電子商務的發(fā)展對國際貿易的影響及我國的對策
63、全面質量管理在電子商務中的實施
64、關于我國企業(yè)電子商務發(fā)展戰(zhàn)略問題的探討
65、關于我國電子商務立法的思考
66、關于電子商務專業(yè)人才培養(yǎng)的探討
67、關于電子商務合同管理的幾個問題
68、關于電子商務法及其特征的思考
69、關于電子商務稅收的一些基本問題探討
70、關于電子商務立法的探討
71、關于電子商務網頁設計的人機工程學思考
72、制造企業(yè)應用電子商務模式初探
73、加強電子商務實驗研究提高電子商務教學效果
74、加強網絡銀行建設推動電子商務發(fā)展
75、加快中國電子商務發(fā)展的思路
76、困境與抉擇--電子商務時代的法律變革
77、基于客戶關系管理的電子商務網站研究
78、對發(fā)展我國電子商務物流策略的探討
79、對建立和完善電子商務物流配送體系的探討
80、對我國電子商務征稅問題的思考
81、對電子商務中物流"瓶頸"的探討
82、開設《電子商務》專業(yè)初探
83、強化電子商務監(jiān)管的思考與建議
84、電子商務專業(yè)實踐教學探索
85、電子商務專業(yè)建設的幾點思考
86、電子商務專業(yè)課程體系建設
87、電子商務中的虛擬價值鏈分析
88、電子商務中的計算機犯罪及防范對策
89、電子商務中私人密碼運用的法律規(guī)則
90、電子商務中虛擬社區(qū)運行機制與增值過程分析
91、電子商務中認證信任模型的選擇和應用
92、電子商務在中國農村的發(fā)展
93、電子商務在企業(yè)運營中的運用策略
94、電子商務在優(yōu)化企業(yè)管理中的運用
95、電子商務在國際貿易中的應用及我國的對策
96、電子商務在國際貿易中的運用
97、電子商務的電子合同及其法律思考
98、電子商務的稅收征管問題研究
99、電子商務的經濟評價及發(fā)展策略
100、電子商務的績效分析
有關網頁設計與制作畢業(yè)論文范文
為了增加網頁的吸引力和可理解性，以及互動性，網頁設計所起的作用十分重要。下面是我為大家整理的網頁設計 畢業(yè) 論文，供大家參考。
網頁設計畢業(yè)論文篇一：《Flash軟件畫在網頁設計中的應用》
網頁設計畢業(yè)論文摘要
摘要:Flash技術運用范圍非常廣泛,不論是網站、 廣告 、動畫、游戲,甚至程序設計與多媒體化展示方面都有一定程度的運用。本文首先對Flash動畫今后的發(fā)展趨勢進行分析并具體化敘述了Flash的實際定義與特點,并對Flash動畫當前在網頁設計中的應用方式進行分析,針對性闡述了Flash動畫在整站式網頁設計過程中交互式導航系統(tǒng)、Web圖像動畫展示以及鼠標動畫的應用。在此針對性研究Flash動畫在網頁設計中的相關研究,望研究結果能夠對今后的學者一定幫助。
網頁設計畢業(yè)論文內容
關鍵詞:Flash動畫 網頁設計 應用研究
隨著社會邁入信息化時代,網絡及計算機技術的發(fā)展及普及程度呈現(xiàn)出優(yōu)質化的發(fā)展形勢,從而促進網頁動畫漸漸發(fā)展起來,此外網頁動畫設計在網頁設計中占據(jù)重要地位,促使人們在關注動畫整體發(fā)展趨勢的過程中將注意力放在網頁動畫方面。在構建及設計網頁時,運用Flash幫助網頁實現(xiàn)多媒體化的網頁成果展示,同時也漸漸成為網頁設計發(fā)展過程中不可或缺的重要部分。
1Flash的運用及特點
MacromediaFlash作為一種交互式編輯矢量圖及多媒體創(chuàng)作軟件,因特網網頁設計矢量動畫文件格式時常得以較多的運用,此外,針對性分析Flash,可以了解到目前其主要具備以下六大特點:第一,將矢量圖形作為主要運行前提,致使其自身文件導出容量不大,在進行圖片縮放時對其自身的清晰度影響不大,在網絡傳輸過程中存在一定的便捷性;第二,Flash具備非常優(yōu)質化且強大的AS代碼,在設計動畫時運用Flash技術,促使動畫的交互性優(yōu)良,便于讀者在閱讀過程的理解并實施相關互動;第三,針對實際運用過程分析,Flash動畫在運作時主要采用插件,若用戶想要實現(xiàn)視頻觀看,僅僅需要安裝一次視頻插件就可以直接觀看,避免繁瑣性多次安裝的現(xiàn)象發(fā)生。此外,由于Flash構建的動畫自身極小,所以其具備較快的調用速率;第四,在設計Flash過程中,可以根據(jù)需要適當增加頁面控制按鈕幫助頁面實現(xiàn)鏈接的跳動,還可以運用鼠標實現(xiàn)頁面動畫中的運動及移動。第五,Flash可以實現(xiàn)動畫視聽效果內容的升華,譬如漸變聲、位圖等等,用戶在制作圖片的過程中可以直接構建全Flash制作站點;第六,Flash動畫屬于一種“準”流式文件內容,無需全部下載完成就可以實現(xiàn)動畫觀看。
2Flash動畫在網絡設計中的應用
在網頁設計中,Flash動畫具備非常多關鍵性的作用,如流式播放動畫、FlashMV及短片動畫等,此外其所表現(xiàn)的形式中存在一定的交互性。但需要注意的是,在實施網頁設計時,避免繁瑣、復雜的動畫設計效果的存在,畢竟物極必反,只會降低網頁的品質;如圖1所示。2.1網頁動畫信息交互的實現(xiàn)為了進一步卻寶寶網頁動畫信息交互整體的流暢性,其中的一個重要關鍵就是Flash動畫導航的交互性設計。在對該部分內容進行設計時,往往會使用針對性的Flash動畫腳本——AxtionScript。實際設計過程中,通常由編程者的思想與Flash在事件中作用共同形成動力,并依據(jù)動畫中的相應內容實現(xiàn)AxtionScript的具體化定義。2.2網頁動畫相關要素的設計第一,交互式導航系統(tǒng)。在網頁設計中,導航欄對用戶主要起到一種引導性作用。所以在設計時需要將其設計為多個導航級別,并構建針對性的標識來將其區(qū)分,以色彩為例,可以采用較為鮮艷、清爽式的搭配。第二,Web圖像動畫形式展示。傳統(tǒng)網頁中,Web圖像主要呈現(xiàn)靜態(tài),不過經由計算機技術的不斷發(fā)展,最近幾年在網頁設計中漸漸出現(xiàn)了一部分動態(tài)化的Web圖像。同時在其色彩方面的運用,主要采用RGB模板,并在網頁安全色方面運用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠標動畫。為了實現(xiàn)優(yōu)質化Flash動畫效果,在制作動畫效果時要特別注意鼠標在移動過程中其軌跡圖案及色彩搭配。首先,要確保鼠標移動過程中的色彩與網頁設計色彩是不同的,有助于用戶一眼就可以將鼠標找到。最后就是,鼠標在色彩區(qū)別網頁之后還要注意其透明性,避免遮蔽信息的現(xiàn)象出現(xiàn)。
3結語
綜合全文內容,在網站設計過程中,Flash作為一個極具重要性的視覺性元素,其可以在幫助網站實現(xiàn)多媒體化效果展示的同時,還能夠結合數(shù)據(jù)通信這一 措施 全面性豐富網站自身具備的素材及資源,最終達到一種動態(tài)化的效果。截至今日,由于計算機技術發(fā)展速度不斷提升,結合Flash自身所具備的多種優(yōu)質化特征,筆者相信在今后人們的日常生活中,Flash動畫一定可以獲得更加廣泛的用途,更具普遍性,最終實現(xiàn)網頁設計的主體化運用趨勢。
網頁設計畢業(yè)論文文獻
[1]喬慧.Flash動畫在網頁制作中的應用及發(fā)展[J].內蒙古石油化工,2013(21):68.
[2]關曉軒.Flash動畫在網頁制作中的應用研究[J].北方文學(下旬),2012(11):91-93.
網頁設計畢業(yè)論文篇二：《響應式網頁設計原型研究》
網頁設計畢業(yè)論文內容
當今，移動互聯(lián)網迅猛發(fā)展，各種智能設備層出不窮。傳統(tǒng)網頁設計采用“固定頁面及元素寬度，任何終端統(tǒng)一頁面效果”的策略，無疑將造成網頁在一些新興移動終端上顯示的文字極小、鏈接分布極密，用戶需要在屏幕上不停操作來自主尋求較好的體驗。面對這一弊端，網頁設計師聚焦于“響應式網頁設計”這一關鍵詞，試圖使用一套代碼為各類終端設備提供不同的設計和體驗。從先前“為固定設備設計網頁”跨越到“響應式網頁設計”是一個較難的過程。一些新手可能已經積攢了諸如媒體查詢、流式布局、彈性圖片等零散的設計開發(fā)技巧，掌握了HTML5和CSS3的使用 方法 ，但他們依然無法駕馭響應式網頁設計。造成這種情況的直接原因就在于缺乏一個能夠指導他們立即開展響應式網頁設計實踐的可操作流程，即原型。
1兩個關鍵概念：響應式網頁設計與原型
響應式網頁設計(RWD，Responsive網頁Design)是一種網頁前端開發(fā)技術，它可以描述為，“兼顧多種不同設備屏幕尺寸、分辨率、系統(tǒng)平臺和行為做出相應的調整和布局的顯示機制”。原型(Prototype)，也叫“原樣”，是“模擬科學”中的一個術語。在心理科學中，由于很難對動作或心智活動認識清楚，所以一般沿用J?R?安德森的觀點，把原型(Prototype)視為關于范疇的最典型的樣例設想，即把“原型”視為外化的實踐模式，或“物質化”了的心智活動方式或操作活動程序。綜合上述，響應式網頁設計原型可描述為：符合“響應式網頁設計項目分析、各類終端具有適合自身用戶體驗的不同頁面效果、一套代碼完成所有不同終端的網頁制作、各類終端與主流瀏覽器良好兼容”等一系列規(guī)則的，外化的響應式網頁設計活動實踐模式。
2建構響應式網頁設計的原型
建構原型一般采用心理模擬法，它包含三個步驟：
(1)響應式網頁設計活動的功能分析;
(2)響應式網頁設計活動的結構分析;
(3)功能分析與結構分析的有機結合。其中，功能分析的重點是作用的對象，條件與結果;結構分析的重點在于組成要素及要素之間的關系。響應式網頁設計的目標是能夠高效的編寫一套代碼為各類終端設備提供良好的設計效果和使用體驗，這需要具備HTML5、CSS3、Javascript和jquery的基本技能。響應式網頁設計之父——伊桑.馬科特認為，響應式網頁設計應該首先針對小屏幕進行設計，然后逐步增強針對大屏幕設計。這種思路顛覆了傳統(tǒng)固定寬度的網頁設計方法，對于那些已經積攢了零散的響應式網頁設計開發(fā)技巧、HTML5及CSS3等技術，能夠較熟練的完成固定寬度桌面端網頁的新手而言，恐怕很難理解從小屏幕開始設計然后漸進增強的思路?？紤]到新手已經習慣設計制作固定寬度的桌面版網頁，響應式網頁設計如果從固定寬度的大屏幕網頁制作開始，然后改造這套代碼將僅適用于桌面的網頁依次兼容平板端和手機端也是一個不錯的思路。響應式網頁設計活動包含了“項目分析”、“網頁平面設計”、“桌面版網頁制作”、“平面版的改造”、“手機版的改造”及“兼容問題的調試”這6個典型的子活動。這些典型要素的關系可以描述為，“要想高效的完成某響應式網頁設計項目，首先需要項目分析，其階段性結果是響應式網頁的總體方案，即在用戶群體需求分析及主題解讀的基礎上，進行色彩分析及定位，確定UI版面布局，分析設計網頁功能模塊，確定網頁風格等，最終形成包含“前言”、“需求分析”、“系統(tǒng)分析”、“風格設計”、“各類終端UI版面初步布局”、“色彩定位”、“網頁建設日程規(guī)劃”等部分的網頁總體方案文檔;然后，根據(jù)前期方案中“色彩”、“風格”及“各類終端UI版面布局”等的分析，依據(jù)頁面設計原則，利用photoshop繪制適用于各類終端顯示的平面效果圖;隨后，利用“HTML5+Css3”技術采用div+css布局完成固定寬度桌面版網頁的制作并生成網頁文件和樣式表文件;接著，在這套代碼的基礎上，利用媒體查詢技術、流式布局、彈性圖片技術，結合平板終端的頁面效果圖將代碼改造成兼容桌面及平板的網頁;之后，在上述修改的基礎上，繼續(xù)利用媒體查詢技術和彈性圖片技術，結合手機終端的頁面效果圖將代碼改造成兼容桌面、平板、手機的網頁;最后，利用火狐和IETester軟件查看初步完成的響應式網頁，解決跨瀏覽器的兼容問題，形成完整網站。該過程中任何環(huán)節(jié)如果出現(xiàn)不妥當都應該返回上個步驟進行重新修改。結合上述對網頁設計活動的功能與結構分析，不難發(fā)現(xiàn)，響應式Web設計活動原型中的6個典型子活動復雜程度不同。其中“桌面版網頁制作”、“平面版的改造”、“手機版的改造”及“兼容問題的調試”這4個典型子活動是比較復雜的，包含了很多熟手的關鍵技術，需要進一步闡述。
3熟手的關鍵技術
從上述適用于新手的響應式網頁設計活動基本原型發(fā)現(xiàn)，制作一個能夠兼容主流瀏覽器的固定寬度桌面版網頁是響應式網頁制作的開端。那么，首先在“桌面版網頁制作”這個環(huán)節(jié)中提取一些熟手關鍵技術，作為給予新手的技巧提示。
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;}這部分代碼塊可以實現(xiàn)頁面在IE內核和Firefox內核的所有版本瀏覽器中居中對齊，外層布局盒子與瀏覽器頭部無縫緊貼;div及css3完成固定寬度布局時，默認所有內部布局div向左浮動，溢出屬性為隱藏;所有構成頁面的HTML5元素的默認邊距和填充屬性為0px;HTML5的列表標簽默認項目符號為空，邊距和填充為0px。此外，確定頁面尺寸,目前大多數(shù) 顯示器 為1024像素*768像素，那么以此為默認顯示器時，頁面的寬度尺寸一般設置為“1007像素”。初始化CSS代碼后，接下來就是利用div+CSS完成布局，這里提示新手：完成布局后，務必在IETESTER和Firefox中檢查網頁布局是否能夠兼容主流瀏覽器。然后，根據(jù)桌面版網頁平面設計效果圖完成頁面的制作。此外，熟手的 經驗 是制作過程中頻繁檢測桌面版網頁是否能夠完美兼容各種瀏覽器。
3.2利用流式布局、彈性圖片、媒體查詢技術修改桌面版網頁
(1)相對視口尺寸，將最外層的布局div(例如：#wrapper{width:1007px;...})的寬度設置為96%(這個值取決于當前頁面的視覺效果，也可以給其他數(shù)值);然后，將最外層的布局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;}現(xiàn)在要修改為#logo{font-size:3em;}。
(4)為了實現(xiàn)彈性圖片，讓圖片隨視口縮放，圖形圖像、動畫和視頻的彈性設置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width屬性是用于確?？s放時不會超出圖片最大尺寸。同時，熟手還會使用AdaptiveImages解決方案來實現(xiàn)自適應圖片。
(5)媒體查詢可以通過判斷不同設備終端，提供不同的樣式使其實現(xiàn)在不同終端都能獲得最佳的用戶體驗。例如，某個響應式頁面用電腦瀏覽頁面時，頁面信息會以平鋪的形式分布在頁面合適的位置;用手機瀏覽頁面時，導航按鈕會相繼隱藏起來，部分信息變成左右滑動的方式呈現(xiàn)，頁面會重新布局，圖片相應縮小。媒介查詢的語法格式是，例如：設定寬度不超過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結束語
對響應式網頁設計而言，當前的設計理念和技術方法還不是終點,網站前端設計師需要繼續(xù)努力找出更好的解決方案。而對新手學習者而言，響應式網頁設計開發(fā)技能的形成不是一蹴而就的，還需要學習者在多個項目中，利用原型進行多次定向、操作及內化才能真正掌握。
網頁設計畢業(yè)論文篇三：《網頁設計中的版式設計》
摘 要：版式設計可以說是界面設計的基礎部分，網頁界面中的版式設計只是其發(fā)展應用中的一個方向。如何設計完美有魅力的網頁界面，版式設計扮演十分重要的角色，優(yōu)秀的版式設計可以給瀏覽者留下深刻的印象，提高頁面的訪問量。因此，本文將向諸位讀者介紹在CDIO工程 教育 模式下，網頁設計課程中采用項目為指導的教學實踐過程中注意的事項。
關鍵詞：網頁設計;版式設計 CDIO教育模式;項目教學
近年來隨著經濟的高速發(fā)展，科技的日新月異，教育領域同樣面臨革新。引進新的教育理念和教學模式成為教育工作者的關注重心，此時，歐美成熟的工程教育理念慢慢地進入我們的視野之中，CDIO的教學模式(Conceive構思、Design設計、Implement實施、Operate運行)，符合工程人才的培養(yǎng)，提高學生的實踐能力、組織能力、創(chuàng)新能力。這一模式更適應當下的教育環(huán)境需求。
網頁設計這門課程屬于交叉學科范疇，兼顧藝術設計、計算機技術及交互設計等多門學科。另外，這門課程作為藝術與技術的結合體，要求學生具備較強實踐動手能力與綜合運用能力，因而在教學過程中我們依據(jù)CDIO的工程教育理念開展教學。
本文重點談到的是網頁設計中的版式設計過程，網頁中的版式設計起到信息統(tǒng)一、分割區(qū)域和交互導引的作用，是在有限的空間界面內將文字、圖形、背景色彩或圖案及交互功能集成在方圓之間，根據(jù)設計的形式法則，利用藝術美學與科學技術相結合的方式來實現(xiàn)效果展示。下面以教學過程中的“xx藝術系網站”項目為例，以網頁設計中的版式設計為內容，展示教學過程中的各個設計階段。
1 構思階段
(1)確立目標。
網頁設計不是盲目的行為，不是簡單使用軟件的行為，它是構思由確立到實現(xiàn)的過程，是一種展示到體會的過程。因此，在設計之初，教師需要引導學生了解當前的課題，明確網站要做什么，網站的外觀布局是什么樣子，網站需要營造何種氛圍。我們常見的網站根據(jù)用途分類為企業(yè)網站、電子商務網站、電子政務網站、文體娛樂網站、教育科學網站等，每種類型的網站都有自己需要傳播的信息，根據(jù)所需文字與圖片選擇適合的排版方式，進而營造恰當?shù)姆諊?。在“xx藝術系網站”項目中，學生會根據(jù)實際項目類型，理解項目設計目標為，該學院所屬系部信息服務類網站，界面版式方面要求簡潔大方，色彩明快，塑造清新、愉悅的氛圍，學生可以根據(jù)以上內容展開進一步的設計工作。
(2)信息整理。
項目開展前期根據(jù)對項目的簡單分析，要求學生對客戶或相關人士展開訪談，對行業(yè)同類網站的資訊開展收集與調研。這一階段學生會接觸網頁設計的需求方，在本項目中可以設定為系內行政人員、教師及系內學生，根據(jù)訪談或調研可以得到網站相關設計信息，如對整體風格的需求，導航的設計需求，網站類型為靜態(tài)網站或動態(tài)網站，根據(jù)需求結果，要求學生設計多樣的版式效果，以供客戶參考。
(3)交互設計。
我們將網頁中的交互分為視覺上的交互和行為功能上的交互設計。在這里我們更側重說明交互在視覺上的應用。網頁中我們常見的交互形態(tài)有按鈕、導航條、搜索欄和表單等。這些交互形態(tài)都會出現(xiàn)在版式的突出及顯著位置，這樣更引發(fā)人們的視覺關注中心，因而，在進行版式設計時，需要考慮這些交互元素的設置，友好的版式也是一種界面與人的情感交互。在我們的項目中學生應該考慮交互按鈕的外觀設計，排放位置等因素;導航條的設置應在醒目位置，清晰明確發(fā)揮導引作用;搜索欄幫助瀏覽者快捷搜索，放置在易發(fā)現(xiàn)的位置，搜索一般出現(xiàn)在網頁右上角;表單設計是學生所忽略的環(huán)節(jié)，因為可以使用插件添加，導致學生認為無須設計，在此建議信息表單設計時可考慮細節(jié)設計，提高友好度與舒適度等交互設計。
2 設計階段
版式設計是網頁設計中重要的設計引導規(guī)劃環(huán)節(jié)，在這個過程中學生可以根據(jù)自己的項目主題展開藝術美感的設計。一般進行頁面版式設計我們從以下幾個方面入手。
(1)版式結構設計。
網頁設計中的版式設計與傳統(tǒng)媒介中的版式設計略有不同，前提是他們都遵循版式設計五原則，[1]內容與形式，簡潔與簡約，設計與藝術，趣味與獨特，局部與整體。為了設計富有形式法則和藝術美感的網頁作品，版式設計方面通常會采用黃金比例和三分法排列原則。黃金比例法是初學者易于掌控的方法，將視窗可用區(qū)域分成兩個部分，也可以根據(jù)設計比例需求，將數(shù)字錄入到相關計算網站，得出合適的黃金比例分配方案。三分法構圖排版方式，是將排版界面分成三份，根據(jù)內容的不同，選擇不同的三分法排列位置。
網頁設計中由于要考慮顯示器視窗顯示水平不同，我們的總體版式設計會采用固定格式或非固定格式兩種形式。固定格式的版面是固定的界面版式，而非固定格式的版面設計是變化的，這種變化的版式很難把握的，變化的視窗將改變既定的字體形式和圖形排列位置，這個課題也是我們今后要深入探討的方向。
(2)字體、圖像、色彩設計。
版式設計是界面設計的骨架，字體設計是界面設計的血肉，富媒體技術的全面發(fā)展，網站這一綜合載體也得到了極大的發(fā)展，版式與字體的結合構成了網頁的不同風貌。在網頁中常見字體分為中英文兩類和圖形化的藝術字體，字號一般選用12pt。在中文網頁常常出現(xiàn)的字體為宋體或黑體，字號為12pt/14pt的文字展示，另外也會有些超大字體以圖像的形態(tài)出現(xiàn)，并通過視覺效果的調整，創(chuàng)建三維空間的視覺展示效果。圖形化的藝術字體，在諸多網站中得到應用。在設計中我們題材保有傳統(tǒng)的 文化 性，中國元素的運用，如書法、圖騰、建筑等富有中國色彩的藝術形態(tài)都應得到我們的思考與關注，中西文化的比較與融合也是我們要探索的方向。圖形與色彩部分在排版中應適合主題，響應設計氛圍，為整體版式服務。
(3)視頻展示設計。
網頁界面排版中還需考慮一種新興的展示手段，視頻信息展示，頁面中利用大量的視頻信息排版，減少文字、圖片信息的輸入，信息傳達方式由靜態(tài)轉換為動態(tài)，提供有趣而新穎的排版展示方式。
3 技術實施
(1)界面版式視覺設計。
網頁設計中對靜態(tài)界面的布局，我們通常會使用Photoshop和Illustrator圖像處理軟件開展設計，首先我們會根據(jù) 思維導圖 繪制基礎模板，然后根據(jù)設計需求在模板中添加設計好的文字、圖形、視頻、聲音等設計元素。
(2)交互功能視覺設計。
在網頁設計中我們會考慮將靜態(tài)樣稿轉換為簡單的靜態(tài)網頁，這種轉換我們會使用Dreamweaver軟件進行操作，由于網頁展示設備的不同我們也會考慮采用一些相關的模型制作軟件來處理交互設計部分。
4 運行階段
將確定好的靜態(tài)草稿通過切圖生成為靜態(tài)網站，測試效果及功能，當運行時根據(jù)需要和視覺效果進行調整直到理想狀態(tài)。
5 小結
網頁設計課程將實際項目導入課堂，根據(jù)CDIO工程教育模式教學，打造有效、有趣、實用的教學方式，使學生在學習操作中鍛煉宏觀思考的能力，獲得團隊合作的能力，養(yǎng)成終身學習的能力。學生對設計流程的掌握就是對知識體系的掌握和運用，達到理論與實踐相結合，通過對版面的全面掌控，更好地為靜態(tài)網頁設計打下堅實的基礎。
參考文獻：
[1] 沈卓婭，王汀.字體與版式設計實訓[M].中國出版集團東方出版中心，2011：74.
猜你喜歡：
1. 網站設計畢業(yè)論文范文
2. 網站類畢業(yè)設計論文
3. 淺談廣告設計畢業(yè)論文范文
4. 關于網絡工程畢業(yè)論文范文
5. 關于計算機畢業(yè)論文范文大全
6. 計算機畢業(yè)論文范文大全
關于電子商務網站建設與設計論文和電子商務網站建設與設計論文選題的介紹到此就結束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。
