本篇文章給大家談?wù)劧踔菥W(wǎng)站建設(shè)規(guī)劃論文，以及對應(yīng)的知識點，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、網(wǎng)站建設(shè)畢業(yè)論文，網(wǎng)站建設(shè)論文題目或者相關(guān)的畢業(yè)論文參考文獻，能提供些論文指導(dǎo)嗎
• 2、請高手發(fā)個小型網(wǎng)站建設(shè)的畢業(yè)論文
• 3、有關(guān)網(wǎng)頁設(shè)計與制作畢業(yè)論文范文
• 4、網(wǎng)站設(shè)計畢業(yè)論文??！
• 5、企業(yè)網(wǎng)站設(shè)計畢業(yè)論文

網(wǎng)站建設(shè)畢業(yè)論文，網(wǎng)站建設(shè)論文題目或者相關(guān)的畢業(yè)論文參考文獻，能提供些論文指導(dǎo)嗎

，凡屬論述科學(xué)技術(shù)內(nèi)容的作品，都稱作科學(xué)著述，如原始論著（論文）、簡報、綜合報告、進展報告、文獻綜述、述評、專著、匯編、教科書和科普讀物等。但其中只有原始論著及其簡報是原始的、主要的、第一性的、涉及到創(chuàng)造發(fā)明等知識產(chǎn)權(quán)的。其它的當(dāng)然也很重要，但都是加工的、發(fā)展的、為特定應(yīng)用目的和對象而撰寫的。下面僅就論文的撰寫談一些體會。在討論論文寫作時也不準備談有關(guān)稿件撰寫的各種規(guī)定及細則。主要談的是論文寫作中容易發(fā)生的問題和經(jīng)驗，是論文寫作道德和書寫內(nèi)容的規(guī)范問題。

論文寫作的要求

下面按論文的結(jié)構(gòu)順序依次敘述。

(一)論文——題目科學(xué)論文都有題目，不能“無題”。論文題目一般20字左右。題目大小應(yīng)與內(nèi)容符合，盡量不設(shè)副題，不用第1報、第2報之類。論文題目都用直敘口氣，不用驚嘆號或問號，也不能將科學(xué)論文題目寫成廣告語或新聞報道用語。

(二)論文——署名科學(xué)論文應(yīng)該署真名和真實的工作單位。主要體現(xiàn)責(zé)任、成果歸屬并便于后人追蹤研究。嚴格意義上的論文作者是指對選題、論證、查閱文獻、方案設(shè)計、建立方法、實驗操作、整理資料、歸納總結(jié)、撰寫成文等全過程負責(zé)的人，應(yīng)該是能解答論文的有關(guān)問題者?，F(xiàn)在往往把參加工作的人全部列上，那就應(yīng)該以貢獻大小依次排列。論文署名應(yīng)征得本人同意。學(xué)術(shù)指導(dǎo)人根據(jù)實際情況既可以列為論文作者，也可以一般致謝。行政領(lǐng)導(dǎo)人一般不署名。

(三)論文——引言 是論文引人入勝之言，很重要，要寫好。一段好的論文引言常能使讀者明白你這份工作的發(fā)展歷程和在這一研究方向中的位置。要寫出論文立題依據(jù)、基礎(chǔ)、背景、研究目的。要復(fù)習(xí)必要的文獻、寫明問題的發(fā)展。文字要簡練。

(四)論文——材料和方法 按規(guī)定如實寫出實驗對象、器材、動物和試劑及其規(guī)格，寫出實驗方法、指標、判斷標準等，寫出實驗設(shè)計、分組、統(tǒng)計方法等。這些按雜志 對論文投稿規(guī)定辦即可。

(五)論文——實驗結(jié)果 應(yīng)高度歸納，精心分析，合乎邏輯地鋪述。應(yīng)該去粗取精，去偽存真，但不能因不符合自己的意圖而主觀取舍，更不能弄虛作假。只有在技術(shù)不熟練或儀器不穩(wěn)定時期所得的數(shù)據(jù)、在技術(shù)故障或操作錯誤時所得的數(shù)據(jù)和不符合實驗條件時所得的數(shù)據(jù)才能廢棄不用。而且必須在發(fā)現(xiàn)問題當(dāng)時就在原始記錄上注明原因，不能在總結(jié)處理時因不合常態(tài)而任意剔除。廢棄這類數(shù)據(jù)時應(yīng)將在同樣條件下、同一時期的實驗數(shù)據(jù)一并廢棄，不能只廢棄不合己意者。

實驗結(jié)果的整理應(yīng)緊扣主題，刪繁就簡，有些數(shù)據(jù)不一定適合于這一篇論文，可留作它用，不要硬行拼湊到一篇論文中。論文行文應(yīng)盡量采用專業(yè)術(shù)語。能用表的不要用圖，可以不用圖表的最好不要用圖表，以免多占篇幅，增加排版困難。文、表、圖互不重復(fù)。實驗中的偶然現(xiàn)象和意外變故等特殊情況應(yīng)作必要的交代，不要隨意丟棄。

(六)論文——討論 是論文中比較重要，也是比較難寫的一部分。應(yīng)統(tǒng)觀全局，抓住主要的有爭議問題，從感性認識提高到理性認識進行論說。要對實驗結(jié)果作出分析、推理，而不要重復(fù)敘述實驗結(jié)果。應(yīng)著重對國內(nèi)外相關(guān)文獻中的結(jié)果與觀點作出討論，表明自己的觀點，尤其不應(yīng)回避相對立的觀點。 論文的討論中可以提出假設(shè)，提出本題的發(fā)展設(shè)想，但分寸應(yīng)該恰當(dāng)，不能寫成“科幻”或“暢想”。

(七)論文——結(jié)語或結(jié)論 論文的結(jié)語應(yīng)寫出明確可靠的結(jié)果，寫出確鑿的結(jié)論。論文的文字應(yīng)簡潔，可逐條寫出。不要用“小結(jié)”之類含糊其辭的詞。

(八)論文——參考義獻 這是論文中很重要、也是存在問題較多的一部分。列出論文參考文獻的目的是讓讀者了解論文研究命題的來龍去脈，便于查找，同時也是尊重前人勞動，對自己的工作有準確的定位。因此這里既有技術(shù)問題，也有科學(xué)道德問題。

一篇論文中幾乎自始至終都有需要引用參考文獻之處。如論文引言中應(yīng)引上對本題最重要、最直接有關(guān)的文獻;在方法中應(yīng)引上所采用或借鑒的方法；在結(jié)果中有時要引上與文獻對比的資料；在討論中更應(yīng)引上與 論文有關(guān)的各種支持的或有矛盾的結(jié)果或觀點等。

一切粗心大意，不查文獻；故意不引，自鳴創(chuàng)新；貶低別人，抬高自己；避重就輕，故作姿態(tài)的做法都是錯誤的。而這種現(xiàn)象現(xiàn)在在很多論文中還是時有所見的，這應(yīng)該看成是利研工作者的大忌。其中，不查文獻、漏掉重要文獻、故意不引別人文獻或有意貶損別人工作等錯誤是比較明顯、容易發(fā)現(xiàn)的。有些做法則比較隱蔽，如將該引在引言中的，把它引到討論中。這就將原本是你論文的基礎(chǔ)或先導(dǎo)，放到和你論文平起平坐的位置。又如 科研工作總是逐漸深人發(fā)展的，你的工作總是在前人工作基石出上發(fā)展起來做成的。正確的寫法應(yīng)是，某年某人對本題做出了什么結(jié)果，某年某人在這基礎(chǔ)上又做出了什么結(jié)果，現(xiàn)在我在他們基礎(chǔ)上完成了這一研究。這是實事求是的態(tài)度，這樣表述絲毫無損于你的貢獻。有些論文作者卻不這樣表述，而是說，某年某人做過本題沒有做成，某年某人又做過本題仍沒有做成，現(xiàn)在我做成了。這就不是實事求是的態(tài)度。這樣有時可以糊弄一些不明真相的外行人，但只需內(nèi)行人一戳，紙老虎就破，結(jié)果弄巧成拙，喪失信譽。這種現(xiàn)象在現(xiàn)實生活中還是不少見的。

(九)論文——致謝 論文的指導(dǎo)者、技術(shù)協(xié)助者、提供特殊試劑或器材者、經(jīng)費資助者和提出過重要建議者都屬于致謝對象。論文致謝應(yīng)該是真誠的、實在的，不要庸俗化。不要泛泛地致謝、不要只謝教授不謝旁人。寫論文致謝前應(yīng)征得被致謝者的同意，不能拉大旗作虎皮。

(十)論文——摘要或提要：以200字左右簡要地概括論文全文。常放篇首。論文摘要需精心撰寫，有吸引力。要讓讀者看了論文摘要就像看到了論文的縮影，或者看了論文摘要就想繼續(xù)看論文的有關(guān)部分。此外，還應(yīng)給出幾個關(guān)鍵詞，關(guān)鍵詞應(yīng)寫出真正關(guān)鍵的學(xué)術(shù)詞匯，不要硬湊一般性用詞。

推薦一些比較好的論文網(wǎng)站。

論文之家

優(yōu)秀論文雜志

論文資料網(wǎng)

法律圖書館

法學(xué)論文資料庫

中國總經(jīng)理網(wǎng)論文集

mba職業(yè)經(jīng)理人論壇

財經(jīng)學(xué)位論文下載中心

公開發(fā)表論文_深圳證券交易所

中國路橋資訊網(wǎng)論文資料中心

論文商務(wù)中心

法律帝國：

學(xué)術(shù)論文

論文統(tǒng)計

北京大學(xué)學(xué)位論文樣本收藏

學(xué)位論文 （清華大學(xué)）

中國科技論文在線

論文中國 :

新浪論文網(wǎng)分類:

中國論文聯(lián)盟:

大學(xué)生論文庫

論文資料網(wǎng):

請高手發(fā)個小型網(wǎng)站建設(shè)的畢業(yè)論文

提供一些基本模式吧．．．全部照抄對你也沒好處．根據(jù)以下內(nèi)容自己來寫吧．

一、建設(shè)網(wǎng)站目的及功能

1 、目的：由于是個人網(wǎng)站，主要目的是用來學(xué)習(xí)、交流。

2 、功能：通過自己的網(wǎng)站能讓大家進一步認識自己，同時通過留言板功能達到交流、探討學(xué)術(shù)方面的問題。

二、網(wǎng)站技術(shù)解決方案。

1 、網(wǎng)站采用的是租用虛擬主機，今后完善后也可以用自主服務(wù)器。

2 、網(wǎng)站設(shè)計采用的操作系統(tǒng)是 Window2003server 。網(wǎng)站在初級階段投入的成本不多，申請的免費的 ASP 空間、使用虛擬主機穩(wěn)定性和安全性問題比較有保障。

3 、網(wǎng)站完全自己開發(fā)，基本模板來自互聯(lián)網(wǎng)。

4 、網(wǎng)頁程序使用 ASP 、 JSP 、 CGI 、 PHP 、 ACCESS 數(shù)據(jù)庫程序等。

三、網(wǎng)站內(nèi)容規(guī)劃

1 、根據(jù)網(wǎng)站的目的和功能規(guī)劃網(wǎng)站內(nèi)容：網(wǎng)站是完全的個人主頁，網(wǎng)站以思念為主題，同時通過自己的介紹讓大家了解我的基本信息，通過外部鏈接使訪問者得到更多的信息，建立的留言板和討論區(qū)使訪問者能夠相互交流、學(xué)習(xí)。

心情日記主要用來記錄自己的內(nèi)心感想，會不定時更新自己最新的心情。

照片匣子存放自己和自己喜歡的照片，圖象等信息，讓訪問者能和我共同欣賞。

網(wǎng)路素材提供方便的外部鏈接，提高網(wǎng)站的訪問量，方便訪問者訪問更多更好的網(wǎng)站。

我的作品用來展示自己創(chuàng)作的不同作品，也許不是最好的，但也是自己滿意的。

關(guān)于自己的功能就不用多說了，希望大家了解我的基本信息。

左鄰右舍是一個留言板，我希望聽到，看到大家左鄰右舍的心聲。

我的地圖是用來提供用戶注冊，是一個交流平臺，通過交流，學(xué)習(xí)我會更加完善我的網(wǎng)站，希望大家多支持，人越多我的信心就越足噢！

2 、網(wǎng)站提供會員注冊、了解訪問量，制定進一步的制作方案，希望大家提出寶貴意見。

3 、由于網(wǎng)站功能還不完善，難免會有另訪問者不滿意的地方，我會根據(jù)大家意見改進的。

四、網(wǎng)頁設(shè)計

1 、網(wǎng)頁設(shè)計美術(shù)設(shè)計要求：網(wǎng)頁背景采用拼接的方式組合而成，這樣有利于加快網(wǎng)頁的讀取速度，利用了 DREAMWEAVER 的強大功能使主頁各個鏈接比較協(xié)調(diào)，自己對背景和美化也十分滿意，希望大家喜歡。

2 、在網(wǎng)頁技術(shù)的采用上主要用到了 ASP ， PHP 等技術(shù)，由于面向的對象多數(shù)是和我年齡相仿的學(xué)生或朋友，操作起來應(yīng)該不會有太大的困難。

3 、網(wǎng)頁在改版計劃的實施方面時間是一個問題，應(yīng)該說網(wǎng)站內(nèi)容的更新是比較快的，整體方面改變應(yīng)該不大。

五、網(wǎng)站維護

1 、由于采用虛擬主機和空間，訪問不會有太大問題，只是難免會有維護的時候，如果暫時無法瀏覽，請大家原諒，希望自己以后能有自己的服務(wù)器，能為大家提供更好的服務(wù)。

2 、數(shù)據(jù)庫維護是一個問題，我會及時做好備份和更新，盡量不出現(xiàn)不應(yīng)有的問題。

3 、內(nèi)容的更新方面會根據(jù)自己的情況而定，有什么好的內(nèi)容一定展示給大家。

六、網(wǎng)站測試

1 、虛擬主機的穩(wěn)定性、安全性都比較可靠。

2 、程序及數(shù)據(jù)庫方面由我自己來調(diào)試，由于學(xué)過這方面知識，難度不會太大。

3 、網(wǎng)頁兼容性方面，一般的的主流瀏覽器訪問都沒有問題的。

4 、如果大家瀏覽是發(fā)現(xiàn)問題可以及時向我聯(lián)系，我會做進一步測試。

七、網(wǎng)站發(fā)布與推廣

1 、網(wǎng)站的推廣主要靠訪問者的互相介紹，希望大家喜歡我的網(wǎng)站。

2 、通過 WEB 服務(wù)器發(fā)布。

八、網(wǎng)站建設(shè)日程表

網(wǎng)站建設(shè)主要靠自己的知識和技能，希望能更多的支持。

九、費用明細

目前網(wǎng)站的建設(shè)基本不需要太多的費用。

有關(guān)網(wǎng)頁設(shè)計與制作畢業(yè)論文范文

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

網(wǎng)頁設(shè)計畢業(yè)論文篇一：《Flash軟件畫在網(wǎng)頁設(shè)計中的應(yīng)用》

網(wǎng)頁設(shè)計畢業(yè)論文摘要

摘要:Flash技術(shù)運用范圍非常廣泛,不論是網(wǎng)站、 廣告 、動畫、游戲,甚至程序設(shè)計與多媒體化展示方面都有一定程度的運用。本文首先對Flash動畫今后的發(fā)展趨勢進行分析并具體化敘述了Flash的實際定義與特點,并對Flash動畫當(dāng)前在網(wǎng)頁設(shè)計中的應(yīng)用方式進行分析,針對性闡述了Flash動畫在整站式網(wǎng)頁設(shè)計過程中交互式導(dǎo)航系統(tǒng)、Web圖像動畫展示以及鼠標動畫的應(yīng)用。在此針對性研究Flash動畫在網(wǎng)頁設(shè)計中的相關(guān)研究,望研究結(jié)果能夠?qū)窈蟮膶W(xué)者一定幫助。

網(wǎng)頁設(shè)計畢業(yè)論文內(nèi)容

關(guān)鍵詞:Flash動畫 網(wǎng)頁設(shè)計 應(yīng)用研究

隨著社會邁入信息化時代,網(wǎng)絡(luò)及計算機技術(shù)的發(fā)展及普及程度呈現(xiàn)出優(yōu)質(zhì)化的發(fā)展形勢,從而促進網(wǎng)頁動畫漸漸發(fā)展起來,此外網(wǎng)頁動畫設(shè)計在網(wǎng)頁設(shè)計中占據(jù)重要地位,促使人們在關(guān)注動畫整體發(fā)展趨勢的過程中將注意力放在網(wǎng)頁動畫方面。在構(gòu)建及設(shè)計網(wǎng)頁時,運用Flash幫助網(wǎng)頁實現(xiàn)多媒體化的網(wǎng)頁成果展示,同時也漸漸成為網(wǎng)頁設(shè)計發(fā)展過程中不可或缺的重要部分。

1Flash的運用及特點

MacromediaFlash作為一種交互式編輯矢量圖及多媒體創(chuàng)作軟件,因特網(wǎng)網(wǎng)頁設(shè)計矢量動畫文件格式時常得以較多的運用,此外,針對性分析Flash,可以了解到目前其主要具備以下六大特點:第一,將矢量圖形作為主要運行前提,致使其自身文件導(dǎo)出容量不大,在進行圖片縮放時對其自身的清晰度影響不大,在網(wǎng)絡(luò)傳輸過程中存在一定的便捷性;第二,Flash具備非常優(yōu)質(zhì)化且強大的AS代碼,在設(shè)計動畫時運用Flash技術(shù),促使動畫的交互性優(yōu)良,便于讀者在閱讀過程的理解并實施相關(guān)互動;第三,針對實際運用過程分析,Flash動畫在運作時主要采用插件,若用戶想要實現(xiàn)視頻觀看,僅僅需要安裝一次視頻插件就可以直接觀看,避免繁瑣性多次安裝的現(xiàn)象發(fā)生。此外,由于Flash構(gòu)建的動畫自身極小,所以其具備較快的調(diào)用速率;第四,在設(shè)計Flash過程中,可以根據(jù)需要適當(dāng)增加頁面控制按鈕幫助頁面實現(xiàn)鏈接的跳動,還可以運用鼠標實現(xiàn)頁面動畫中的運動及移動。第五,Flash可以實現(xiàn)動畫視聽效果內(nèi)容的升華,譬如漸變聲、位圖等等,用戶在制作圖片的過程中可以直接構(gòu)建全Flash制作站點;第六,Flash動畫屬于一種“準”流式文件內(nèi)容,無需全部下載完成就可以實現(xiàn)動畫觀看。

2Flash動畫在網(wǎng)絡(luò)設(shè)計中的應(yīng)用

在網(wǎng)頁設(shè)計中,Flash動畫具備非常多關(guān)鍵性的作用,如流式播放動畫、FlashMV及短片動畫等,此外其所表現(xiàn)的形式中存在一定的交互性。但需要注意的是,在實施網(wǎng)頁設(shè)計時,避免繁瑣、復(fù)雜的動畫設(shè)計效果的存在,畢竟物極必反,只會降低網(wǎng)頁的品質(zhì);如圖1所示。2.1網(wǎng)頁動畫信息交互的實現(xiàn)為了進一步卻寶寶網(wǎng)頁動畫信息交互整體的流暢性,其中的一個重要關(guān)鍵就是Flash動畫導(dǎo)航的交互性設(shè)計。在對該部分內(nèi)容進行設(shè)計時,往往會使用針對性的Flash動畫腳本——AxtionScript。實際設(shè)計過程中,通常由編程者的思想與Flash在事件中作用共同形成動力,并依據(jù)動畫中的相應(yīng)內(nèi)容實現(xiàn)AxtionScript的具體化定義。2.2網(wǎng)頁動畫相關(guān)要素的設(shè)計第一,交互式導(dǎo)航系統(tǒng)。在網(wǎng)頁設(shè)計中,導(dǎo)航欄對用戶主要起到一種引導(dǎo)性作用。所以在設(shè)計時需要將其設(shè)計為多個導(dǎo)航級別,并構(gòu)建針對性的標識來將其區(qū)分,以色彩為例,可以采用較為鮮艷、清爽式的搭配。第二,Web圖像動畫形式展示。傳統(tǒng)網(wǎng)頁中,Web圖像主要呈現(xiàn)靜態(tài),不過經(jīng)由計算機技術(shù)的不斷發(fā)展,最近幾年在網(wǎng)頁設(shè)計中漸漸出現(xiàn)了一部分動態(tài)化的Web圖像。同時在其色彩方面的運用,主要采用RGB模板,并在網(wǎng)頁安全色方面運用216色,其主要的色彩格式包括GIF、PNG以及JPE6。第三,鼠標動畫。為了實現(xiàn)優(yōu)質(zhì)化Flash動畫效果,在制作動畫效果時要特別注意鼠標在移動過程中其軌跡圖案及色彩搭配。首先,要確保鼠標移動過程中的色彩與網(wǎng)頁設(shè)計色彩是不同的,有助于用戶一眼就可以將鼠標找到。最后就是,鼠標在色彩區(qū)別網(wǎng)頁之后還要注意其透明性,避免遮蔽信息的現(xiàn)象出現(xiàn)。

3結(jié)語

綜合全文內(nèi)容,在網(wǎng)站設(shè)計過程中,Flash作為一個極具重要性的視覺性元素,其可以在幫助網(wǎng)站實現(xiàn)多媒體化效果展示的同時,還能夠結(jié)合數(shù)據(jù)通信這一 措施 全面性豐富網(wǎng)站自身具備的素材及資源,最終達到一種動態(tài)化的效果。截至今日,由于計算機技術(shù)發(fā)展速度不斷提升,結(jié)合Flash自身所具備的多種優(yōu)質(zhì)化特征,筆者相信在今后人們的日常生活中,Flash動畫一定可以獲得更加廣泛的用途,更具普遍性,最終實現(xiàn)網(wǎng)頁設(shè)計的主體化運用趨勢。

網(wǎng)頁設(shè)計畢業(yè)論文文獻

[1]喬慧.Flash動畫在網(wǎng)頁制作中的應(yīng)用及發(fā)展[J].內(nèi)蒙古石油化工,2013(21):68.

[2]關(guān)曉軒.Flash動畫在網(wǎng)頁制作中的應(yīng)用研究[J].北方文學(xué)(下旬),2012(11):91-93.

網(wǎng)頁設(shè)計畢業(yè)論文篇二：《響應(yīng)式網(wǎng)頁設(shè)計原型研究》

網(wǎng)頁設(shè)計畢業(yè)論文內(nèi)容

當(dāng)今，移動互聯(lián)網(wǎng)迅猛發(fā)展，各種智能設(shè)備層出不窮。傳統(tǒng)網(wǎng)頁設(shè)計采用“固定頁面及元素寬度，任何終端統(tǒng)一頁面效果”的策略，無疑將造成網(wǎng)頁在一些新興移動終端上顯示的文字極小、鏈接分布極密，用戶需要在屏幕上不停操作來自主尋求較好的體驗。面對這一弊端，網(wǎng)頁設(shè)計師聚焦于“響應(yīng)式網(wǎng)頁設(shè)計”這一關(guān)鍵詞，試圖使用一套代碼為各類終端設(shè)備提供不同的設(shè)計和體驗。從先前“為固定設(shè)備設(shè)計網(wǎng)頁”跨越到“響應(yīng)式網(wǎng)頁設(shè)計”是一個較難的過程。一些新手可能已經(jīng)積攢了諸如媒體查詢、流式布局、彈性圖片等零散的設(shè)計開發(fā)技巧，掌握了HTML5和CSS3的使用 方法 ，但他們依然無法駕馭響應(yīng)式網(wǎng)頁設(shè)計。造成這種情況的直接原因就在于缺乏一個能夠指導(dǎo)他們立即開展響應(yīng)式網(wǎng)頁設(shè)計實踐的可操作流程，即原型。

1兩個關(guān)鍵概念：響應(yīng)式網(wǎng)頁設(shè)計與原型

響應(yīng)式網(wǎng)頁設(shè)計(RWD，Responsive網(wǎng)頁Design)是一種網(wǎng)頁前端開發(fā)技術(shù)，它可以描述為，“兼顧多種不同設(shè)備屏幕尺寸、分辨率、系統(tǒng)平臺和行為做出相應(yīng)的調(diào)整和布局的顯示機制”。原型(Prototype)，也叫“原樣”，是“模擬科學(xué)”中的一個術(shù)語。在心理科學(xué)中，由于很難對動作或心智活動認識清楚，所以一般沿用J?R?安德森的觀點，把原型(Prototype)視為關(guān)于范疇的最典型的樣例設(shè)想，即把“原型”視為外化的實踐模式，或“物質(zhì)化”了的心智活動方式或操作活動程序。綜合上述，響應(yīng)式網(wǎng)頁設(shè)計原型可描述為：符合“響應(yīng)式網(wǎng)頁設(shè)計項目分析、各類終端具有適合自身用戶體驗的不同頁面效果、一套代碼完成所有不同終端的網(wǎng)頁制作、各類終端與主流瀏覽器良好兼容”等一系列規(guī)則的，外化的響應(yīng)式網(wǎng)頁設(shè)計活動實踐模式。

2建構(gòu)響應(yīng)式網(wǎng)頁設(shè)計的原型

建構(gòu)原型一般采用心理模擬法，它包含三個步驟：

(1)響應(yīng)式網(wǎng)頁設(shè)計活動的功能分析;

(2)響應(yīng)式網(wǎng)頁設(shè)計活動的結(jié)構(gòu)分析;

(3)功能分析與結(jié)構(gòu)分析的有機結(jié)合。其中，功能分析的重點是作用的對象，條件與結(jié)果;結(jié)構(gòu)分析的重點在于組成要素及要素之間的關(guān)系。響應(yīng)式網(wǎng)頁設(shè)計的目標是能夠高效的編寫一套代碼為各類終端設(shè)備提供良好的設(shè)計效果和使用體驗，這需要具備HTML5、CSS3、Javascript和jquery的基本技能。響應(yīng)式網(wǎng)頁設(shè)計之父——伊桑.馬科特認為，響應(yīng)式網(wǎng)頁設(shè)計應(yīng)該首先針對小屏幕進行設(shè)計，然后逐步增強針對大屏幕設(shè)計。這種思路顛覆了傳統(tǒng)固定寬度的網(wǎng)頁設(shè)計方法，對于那些已經(jīng)積攢了零散的響應(yīng)式網(wǎng)頁設(shè)計開發(fā)技巧、HTML5及CSS3等技術(shù)，能夠較熟練的完成固定寬度桌面端網(wǎng)頁的新手而言，恐怕很難理解從小屏幕開始設(shè)計然后漸進增強的思路?？紤]到新手已經(jīng)習(xí)慣設(shè)計制作固定寬度的桌面版網(wǎng)頁，響應(yīng)式網(wǎng)頁設(shè)計如果從固定寬度的大屏幕網(wǎng)頁制作開始，然后改造這套代碼將僅適用于桌面的網(wǎng)頁依次兼容平板端和手機端也是一個不錯的思路。響應(yīng)式網(wǎng)頁設(shè)計活動包含了“項目分析”、“網(wǎng)頁平面設(shè)計”、“桌面版網(wǎng)頁制作”、“平面版的改造”、“手機版的改造”及“兼容問題的調(diào)試”這6個典型的子活動。這些典型要素的關(guān)系可以描述為，“要想高效的完成某響應(yīng)式網(wǎng)頁設(shè)計項目，首先需要項目分析，其階段性結(jié)果是響應(yīng)式網(wǎng)頁的總體方案，即在用戶群體需求分析及主題解讀的基礎(chǔ)上，進行色彩分析及定位，確定UI版面布局，分析設(shè)計網(wǎng)頁功能模塊，確定網(wǎng)頁風(fēng)格等，最終形成包含“前言”、“需求分析”、“系統(tǒng)分析”、“風(fēng)格設(shè)計”、“各類終端UI版面初步布局”、“色彩定位”、“網(wǎng)頁建設(shè)日程規(guī)劃”等部分的網(wǎng)頁總體方案文檔;然后，根據(jù)前期方案中“色彩”、“風(fēng)格”及“各類終端UI版面布局”等的分析，依據(jù)頁面設(shè)計原則，利用photoshop繪制適用于各類終端顯示的平面效果圖;隨后，利用“HTML5+Css3”技術(shù)采用div+css布局完成固定寬度桌面版網(wǎng)頁的制作并生成網(wǎng)頁文件和樣式表文件;接著，在這套代碼的基礎(chǔ)上，利用媒體查詢技術(shù)、流式布局、彈性圖片技術(shù)，結(jié)合平板終端的頁面效果圖將代碼改造成兼容桌面及平板的網(wǎng)頁;之后，在上述修改的基礎(chǔ)上，繼續(xù)利用媒體查詢技術(shù)和彈性圖片技術(shù)，結(jié)合手機終端的頁面效果圖將代碼改造成兼容桌面、平板、手機的網(wǎng)頁;最后，利用火狐和IETester軟件查看初步完成的響應(yīng)式網(wǎng)頁，解決跨瀏覽器的兼容問題，形成完整網(wǎng)站。該過程中任何環(huán)節(jié)如果出現(xiàn)不妥當(dāng)都應(yīng)該返回上個步驟進行重新修改。結(jié)合上述對網(wǎng)頁設(shè)計活動的功能與結(jié)構(gòu)分析，不難發(fā)現(xiàn)，響應(yīng)式Web設(shè)計活動原型中的6個典型子活動復(fù)雜程度不同。其中“桌面版網(wǎng)頁制作”、“平面版的改造”、“手機版的改造”及“兼容問題的調(diào)試”這4個典型子活動是比較復(fù)雜的，包含了很多熟手的關(guān)鍵技術(shù)，需要進一步闡述。

3熟手的關(guān)鍵技術(shù)

從上述適用于新手的響應(yīng)式網(wǎng)頁設(shè)計活動基本原型發(fā)現(xiàn)，制作一個能夠兼容主流瀏覽器的固定寬度桌面版網(wǎng)頁是響應(yīng)式網(wǎng)頁制作的開端。那么，首先在“桌面版網(wǎng)頁制作”這個環(huán)節(jié)中提取一些熟手關(guān)鍵技術(shù)，作為給予新手的技巧提示。

3.1兼容主流瀏覽器的桌面版網(wǎng)頁制作技術(shù)

為了防止不同瀏覽器給予相同HTML5標簽的初始樣式存在差異，熟手利用HTML5+CSS3制作桌面版網(wǎng)頁制作時，一般會在樣式文件(擴展名.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內(nèi)核和Firefox內(nèi)核的所有版本瀏覽器中居中對齊，外層布局盒子與瀏覽器頭部無縫緊貼;div及css3完成固定寬度布局時，默認所有內(nèi)部布局div向左浮動，溢出屬性為隱藏;所有構(gòu)成頁面的HTML5元素的默認邊距和填充屬性為0px;HTML5的列表標簽?zāi)J項目符號為空，邊距和填充為0px。此外，確定頁面尺寸,目前大多數(shù) 顯示器 為1024像素*768像素，那么以此為默認顯示器時，頁面的寬度尺寸一般設(shè)置為“1007像素”。初始化CSS代碼后，接下來就是利用div+CSS完成布局，這里提示新手：完成布局后，務(wù)必在IETESTER和Firefox中檢查網(wǎng)頁布局是否能夠兼容主流瀏覽器。然后，根據(jù)桌面版網(wǎng)頁平面設(shè)計效果圖完成頁面的制作。此外，熟手的 經(jīng)驗 是制作過程中頻繁檢測桌面版網(wǎng)頁是否能夠完美兼容各種瀏覽器。

3.2利用流式布局、彈性圖片、媒體查詢技術(shù)修改桌面版網(wǎng)頁

(1)相對視口尺寸，將最外層的布局div(例如：#wrapper{width:1007px;...})的寬度設(shè)置為96%(這個值取決于當(dāng)前頁面的視覺效果，也可以給其他數(shù)值);然后，將最外層的布局div內(nèi)部的頁頭布局div、導(dǎo)航布局div、內(nèi)容布局div、側(cè)邊欄布局div、頁腳布局div對應(yīng)的CSS樣式中的width屬性值利用公式——目標元素寬度÷上下文元素寬度=百分比寬度把網(wǎng)頁的固定布局修改成百分比布局，也就是將固定像素寬度轉(zhuǎn)換成對應(yīng)的百分比寬度。

(2)將頁面中所有HTML5標簽元素對應(yīng)的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)彈性圖片，讓圖片隨視口縮放，圖形圖像、動畫和視頻的彈性設(shè)置使用“img,object,video,embed{width:100%;max-width:100%;}”。其中，max-width屬性是用于確保縮放時不會超出圖片最大尺寸。同時，熟手還會使用AdaptiveImages解決方案來實現(xiàn)自適應(yīng)圖片。

(5)媒體查詢可以通過判斷不同設(shè)備終端，提供不同的樣式使其實現(xiàn)在不同終端都能獲得最佳的用戶體驗。例如，某個響應(yīng)式頁面用電腦瀏覽頁面時，頁面信息會以平鋪的形式分布在頁面合適的位置;用手機瀏覽頁面時，導(dǎo)航按鈕會相繼隱藏起來，部分信息變成左右滑動的方式呈現(xiàn)，頁面會重新布局，圖片相應(yīng)縮小。媒介查詢的語法格式是，例如：設(shè)定寬度不超過400像素的屏幕尺寸，代碼是：linkhref="css/phone.css"rel="stylesheet"type="text/css"media="onlyscreenand(max-width:400px)"。雖然，HTML5+CSS3提供了良好的媒體查詢功能，但當(dāng)前仍有一些瀏覽器不支持，你可能需要添加如下基本樣式：!--[ifltIE9!IEMobile]linkhref="iestyles.css"rel="stylesheet"type="text/css"![endif]--3.3不同種類、不同版本瀏覽器的兼容問題解決跨越瀏覽器的問題一直是響應(yīng)式網(wǎng)頁設(shè)計的難題。熟手面對這一問題時，一般采用“漸進增強與降級”、“利用javascript修復(fù)老版本IE”、“使用Modernizr輔助修正樣式，按需加載資源”、“給IE6，7，8追加媒體查詢功能”等方法。

4結(jié)束語

對響應(yīng)式網(wǎng)頁設(shè)計而言，當(dāng)前的設(shè)計理念和技術(shù)方法還不是終點,網(wǎng)站前端設(shè)計師需要繼續(xù)努力找出更好的解決方案。而對新手學(xué)習(xí)者而言，響應(yīng)式網(wǎng)頁設(shè)計開發(fā)技能的形成不是一蹴而就的，還需要學(xué)習(xí)者在多個項目中，利用原型進行多次定向、操作及內(nèi)化才能真正掌握。

網(wǎng)頁設(shè)計畢業(yè)論文篇三：《網(wǎng)頁設(shè)計中的版式設(shè)計》

摘 要：版式設(shè)計可以說是界面設(shè)計的基礎(chǔ)部分，網(wǎng)頁界面中的版式設(shè)計只是其發(fā)展應(yīng)用中的一個方向。如何設(shè)計完美有魅力的網(wǎng)頁界面，版式設(shè)計扮演十分重要的角色，優(yōu)秀的版式設(shè)計可以給瀏覽者留下深刻的印象，提高頁面的訪問量。因此，本文將向諸位讀者介紹在CDIO工程 教育 模式下，網(wǎng)頁設(shè)計課程中采用項目為指導(dǎo)的教學(xué)實踐過程中注意的事項。

關(guān)鍵詞：網(wǎng)頁設(shè)計;版式設(shè)計 CDIO教育模式;項目教學(xué)

近年來隨著經(jīng)濟的高速發(fā)展，科技的日新月異，教育領(lǐng)域同樣面臨革新。引進新的教育理念和教學(xué)模式成為教育工作者的關(guān)注重心，此時，歐美成熟的工程教育理念慢慢地進入我們的視野之中，CDIO的教學(xué)模式(Conceive構(gòu)思、Design設(shè)計、Implement實施、Operate運行)，符合工程人才的培養(yǎng)，提高學(xué)生的實踐能力、組織能力、創(chuàng)新能力。這一模式更適應(yīng)當(dāng)下的教育環(huán)境需求。

網(wǎng)頁設(shè)計這門課程屬于交叉學(xué)科范疇，兼顧藝術(shù)設(shè)計、計算機技術(shù)及交互設(shè)計等多門學(xué)科。另外，這門課程作為藝術(shù)與技術(shù)的結(jié)合體，要求學(xué)生具備較強實踐動手能力與綜合運用能力，因而在教學(xué)過程中我們依據(jù)CDIO的工程教育理念開展教學(xué)。

本文重點談到的是網(wǎng)頁設(shè)計中的版式設(shè)計過程，網(wǎng)頁中的版式設(shè)計起到信息統(tǒng)一、分割區(qū)域和交互導(dǎo)引的作用，是在有限的空間界面內(nèi)將文字、圖形、背景色彩或圖案及交互功能集成在方圓之間，根據(jù)設(shè)計的形式法則，利用藝術(shù)美學(xué)與科學(xué)技術(shù)相結(jié)合的方式來實現(xiàn)效果展示。下面以教學(xué)過程中的“xx藝術(shù)系網(wǎng)站”項目為例，以網(wǎng)頁設(shè)計中的版式設(shè)計為內(nèi)容，展示教學(xué)過程中的各個設(shè)計階段。

1 構(gòu)思階段

(1)確立目標。

網(wǎng)頁設(shè)計不是盲目的行為，不是簡單使用軟件的行為，它是構(gòu)思由確立到實現(xiàn)的過程，是一種展示到體會的過程。因此，在設(shè)計之初，教師需要引導(dǎo)學(xué)生了解當(dāng)前的課題，明確網(wǎng)站要做什么，網(wǎng)站的外觀布局是什么樣子，網(wǎng)站需要營造何種氛圍。我們常見的網(wǎng)站根據(jù)用途分類為企業(yè)網(wǎng)站、電子商務(wù)網(wǎng)站、電子政務(wù)網(wǎng)站、文體娛樂網(wǎng)站、教育科學(xué)網(wǎng)站等，每種類型的網(wǎng)站都有自己需要傳播的信息，根據(jù)所需文字與圖片選擇適合的排版方式，進而營造恰當(dāng)?shù)姆諊Ｔ凇皒x藝術(shù)系網(wǎng)站”項目中，學(xué)生會根據(jù)實際項目類型，理解項目設(shè)計目標為，該學(xué)院所屬系部信息服務(wù)類網(wǎng)站，界面版式方面要求簡潔大方，色彩明快，塑造清新、愉悅的氛圍，學(xué)生可以根據(jù)以上內(nèi)容展開進一步的設(shè)計工作。

(2)信息整理。

項目開展前期根據(jù)對項目的簡單分析，要求學(xué)生對客戶或相關(guān)人士展開訪談，對行業(yè)同類網(wǎng)站的資訊開展收集與調(diào)研。這一階段學(xué)生會接觸網(wǎng)頁設(shè)計的需求方，在本項目中可以設(shè)定為系內(nèi)行政人員、教師及系內(nèi)學(xué)生，根據(jù)訪談或調(diào)研可以得到網(wǎng)站相關(guān)設(shè)計信息，如對整體風(fēng)格的需求，導(dǎo)航的設(shè)計需求，網(wǎng)站類型為靜態(tài)網(wǎng)站或動態(tài)網(wǎng)站，根據(jù)需求結(jié)果，要求學(xué)生設(shè)計多樣的版式效果，以供客戶參考。

(3)交互設(shè)計。

我們將網(wǎng)頁中的交互分為視覺上的交互和行為功能上的交互設(shè)計。在這里我們更側(cè)重說明交互在視覺上的應(yīng)用。網(wǎng)頁中我們常見的交互形態(tài)有按鈕、導(dǎo)航條、搜索欄和表單等。這些交互形態(tài)都會出現(xiàn)在版式的突出及顯著位置，這樣更引發(fā)人們的視覺關(guān)注中心，因而，在進行版式設(shè)計時，需要考慮這些交互元素的設(shè)置，友好的版式也是一種界面與人的情感交互。在我們的項目中學(xué)生應(yīng)該考慮交互按鈕的外觀設(shè)計，排放位置等因素;導(dǎo)航條的設(shè)置應(yīng)在醒目位置，清晰明確發(fā)揮導(dǎo)引作用;搜索欄幫助瀏覽者快捷搜索，放置在易發(fā)現(xiàn)的位置，搜索一般出現(xiàn)在網(wǎng)頁右上角;表單設(shè)計是學(xué)生所忽略的環(huán)節(jié)，因為可以使用插件添加，導(dǎo)致學(xué)生認為無須設(shè)計，在此建議信息表單設(shè)計時可考慮細節(jié)設(shè)計，提高友好度與舒適度等交互設(shè)計。

2 設(shè)計階段

版式設(shè)計是網(wǎng)頁設(shè)計中重要的設(shè)計引導(dǎo)規(guī)劃環(huán)節(jié)，在這個過程中學(xué)生可以根據(jù)自己的項目主題展開藝術(shù)美感的設(shè)計。一般進行頁面版式設(shè)計我們從以下幾個方面入手。

(1)版式結(jié)構(gòu)設(shè)計。

網(wǎng)頁設(shè)計中的版式設(shè)計與傳統(tǒng)媒介中的版式設(shè)計略有不同，前提是他們都遵循版式設(shè)計五原則，[1]內(nèi)容與形式，簡潔與簡約，設(shè)計與藝術(shù)，趣味與獨特，局部與整體。為了設(shè)計富有形式法則和藝術(shù)美感的網(wǎng)頁作品，版式設(shè)計方面通常會采用黃金比例和三分法排列原則。黃金比例法是初學(xué)者易于掌控的方法，將視窗可用區(qū)域分成兩個部分，也可以根據(jù)設(shè)計比例需求，將數(shù)字錄入到相關(guān)計算網(wǎng)站，得出合適的黃金比例分配方案。三分法構(gòu)圖排版方式，是將排版界面分成三份，根據(jù)內(nèi)容的不同，選擇不同的三分法排列位置。

網(wǎng)頁設(shè)計中由于要考慮顯示器視窗顯示水平不同，我們的總體版式設(shè)計會采用固定格式或非固定格式兩種形式。固定格式的版面是固定的界面版式，而非固定格式的版面設(shè)計是變化的，這種變化的版式很難把握的，變化的視窗將改變既定的字體形式和圖形排列位置，這個課題也是我們今后要深入探討的方向。

(2)字體、圖像、色彩設(shè)計。

版式設(shè)計是界面設(shè)計的骨架，字體設(shè)計是界面設(shè)計的血肉，富媒體技術(shù)的全面發(fā)展，網(wǎng)站這一綜合載體也得到了極大的發(fā)展，版式與字體的結(jié)合構(gòu)成了網(wǎng)頁的不同風(fēng)貌。在網(wǎng)頁中常見字體分為中英文兩類和圖形化的藝術(shù)字體，字號一般選用12pt。在中文網(wǎng)頁常常出現(xiàn)的字體為宋體或黑體，字號為12pt/14pt的文字展示，另外也會有些超大字體以圖像的形態(tài)出現(xiàn)，并通過視覺效果的調(diào)整，創(chuàng)建三維空間的視覺展示效果。圖形化的藝術(shù)字體，在諸多網(wǎng)站中得到應(yīng)用。在設(shè)計中我們題材保有傳統(tǒng)的 文化 性，中國元素的運用，如書法、圖騰、建筑等富有中國色彩的藝術(shù)形態(tài)都應(yīng)得到我們的思考與關(guān)注，中西文化的比較與融合也是我們要探索的方向。圖形與色彩部分在排版中應(yīng)適合主題，響應(yīng)設(shè)計氛圍，為整體版式服務(wù)。

(3)視頻展示設(shè)計。

網(wǎng)頁界面排版中還需考慮一種新興的展示手段，視頻信息展示，頁面中利用大量的視頻信息排版，減少文字、圖片信息的輸入，信息傳達方式由靜態(tài)轉(zhuǎn)換為動態(tài)，提供有趣而新穎的排版展示方式。

3 技術(shù)實施

(1)界面版式視覺設(shè)計。

網(wǎng)頁設(shè)計中對靜態(tài)界面的布局，我們通常會使用Photoshop和Illustrator圖像處理軟件開展設(shè)計，首先我們會根據(jù) 思維導(dǎo)圖 繪制基礎(chǔ)模板，然后根據(jù)設(shè)計需求在模板中添加設(shè)計好的文字、圖形、視頻、聲音等設(shè)計元素。

(2)交互功能視覺設(shè)計。

在網(wǎng)頁設(shè)計中我們會考慮將靜態(tài)樣稿轉(zhuǎn)換為簡單的靜態(tài)網(wǎng)頁，這種轉(zhuǎn)換我們會使用Dreamweaver軟件進行操作，由于網(wǎng)頁展示設(shè)備的不同我們也會考慮采用一些相關(guān)的模型制作軟件來處理交互設(shè)計部分。

4 運行階段

將確定好的靜態(tài)草稿通過切圖生成為靜態(tài)網(wǎng)站，測試效果及功能，當(dāng)運行時根據(jù)需要和視覺效果進行調(diào)整直到理想狀態(tài)。

5 小結(jié)

網(wǎng)頁設(shè)計課程將實際項目導(dǎo)入課堂，根據(jù)CDIO工程教育模式教學(xué)，打造有效、有趣、實用的教學(xué)方式，使學(xué)生在學(xué)習(xí)操作中鍛煉宏觀思考的能力，獲得團隊合作的能力，養(yǎng)成終身學(xué)習(xí)的能力。學(xué)生對設(shè)計流程的掌握就是對知識體系的掌握和運用，達到理論與實踐相結(jié)合，通過對版面的全面掌控，更好地為靜態(tài)網(wǎng)頁設(shè)計打下堅實的基礎(chǔ)。

參考文獻：

[1] 沈卓婭，王汀.字體與版式設(shè)計實訓(xùn)[M].中國出版集團東方出版中心，2011：74.

猜你喜歡：

1. 網(wǎng)站設(shè)計畢業(yè)論文范文

2. 網(wǎng)站類畢業(yè)設(shè)計論文

3. 淺談廣告設(shè)計畢業(yè)論文范文

4. 關(guān)于網(wǎng)絡(luò)工程畢業(yè)論文范文

5. 關(guān)于計算機畢業(yè)論文范文大全

6. 計算機畢業(yè)論文范文大全

企業(yè)網(wǎng)站設(shè)計畢業(yè)論文

企業(yè)網(wǎng)站設(shè)計畢業(yè)論文的建議1.計算機畢業(yè)設(shè)計可不能馬虎，最好還是自己動動腦筋，好好的寫一寫。 2.網(wǎng)上那種免費的畢業(yè)設(shè)計千萬不能采用，要么是論文不完整，要么是程序運行不了，最重要的是到處都是，老師隨時都可以知道你是在網(wǎng)上隨便下載的一套3.如果沒有時間寫，可以在網(wǎng)上找找付費的，我們畢業(yè)的時候也是為這個頭疼了很長時間，最后在網(wǎng)上找了很久，終于購買了一套畢業(yè)設(shè)計，還算不錯，開題報告+論文+程序+答辯演示都有，主要的都是他們技術(shù)做好的成品，保證論文的完整和程序的獨立運行，可以先看了作品滿意以后再付款，而且同一學(xué)校不重復(fù)，不存在欺騙的性質(zhì)，那個網(wǎng)站的名字我記的不是太清楚了，你可以在百度或者GOOGLE上搜索------七七計算機畢業(yè)設(shè)計，做一個論壇 或者一個購物網(wǎng)站或者一個公司的官方網(wǎng)站應(yīng)該都是可以的

鄂州網(wǎng)站建設(shè)規(guī)劃論文的介紹就聊到這里吧，感謝你花時間閱讀本站內(nèi)容，更多關(guān)于、鄂州網(wǎng)站建設(shè)規(guī)劃論文的信息別忘了在本站進行查找喔。