<div id="ni1yw"></div>
<track id="ni1yw"></track>
    <bdo id="ni1yw"><optgroup id="ni1yw"></optgroup></bdo>

      <tbody id="ni1yw"></tbody>
      <bdo id="ni1yw"></bdo>
      <track id="ni1yw"></track>
    1. <bdo id="ni1yw"></bdo>

          1. <track id="ni1yw"></track>

            簡述網站建設與設計論文(網站的設計與實現論文)

            網站建設 1853
            今天給各位分享簡述網站建設與設計論文的知識,其中也會對網站的設計與實現論文進行解釋,如果能碰巧解決你現在面臨的問題,別忘了關注本站,現在開始吧!本文目錄一覽: 1、請高手發個小型網站建設的畢業論文

            今天給各位分享簡述網站建設與設計論文的知識,其中也會對網站的設計與實現論文進行解釋,如果能碰巧解決你現在面臨的問題,別忘了關注本站,現在開始吧!

            本文目錄一覽:

            請高手發個小型網站建設的畢業論文

            提供一些基本模式吧...全部照抄對你也沒好處.根據以下內容自己來寫吧.

            一、建設網站目的饑宴及功能

            1 、目的:由于是個人網站,主要目的是用來學習、交流。

            2 、功能:通過自己的網站能讓大家進一步認識自己,同時通過留言板功能達到交流、探討學術方面的問題。

            二、網站技術解決方案。

            1 、網站采用的是租用虛擬主機,今后完善后也可以用自主服務器。

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

            3 、網站完全自己開發,基本模板來自互聯網。

            4 、網頁程序使用 ASP 、 JSP 、 CGI 、 PHP 、 ACCESS 數據庫程序等。

            三、網站內容規劃

            1 、根據網站的目的和功能規劃網站內容:網站是完全的個人主頁,網站以思念為主題,同時通過自己的介紹讓大家了解我的基本信息,通過外部鏈接使訪問者得到更多的信息饑基,建立的留言板和討論區使訪問者能爛肢謹夠相互交流、學習。

            心情日記主要用來記錄自己的內心感想,會不定時更新自己最新的心情。

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

            網路素材提供方便的外部鏈接,提高網站的訪問量,方便訪問者訪問更多更好的網站。

            我的作品用來展示自己創作的不同作品,也許不是最好的,但也是自己滿意的。

            關于自己的功能就不用多說了,希望大家了解我的基本信息。

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

            我的地圖是用來提供用戶注冊,是一個交流平臺,通過交流,學習我會更加完善我的網站,希望大家多支持,人越多我的信心就越足噢!

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

            3 、由于網站功能還不完善,難免會有另訪問者不滿意的地方,我會根據大家意見改進的。

            四、網頁設計

            1 、網頁設計美術設計要求:網頁背景采用拼接的方式組合而成,這樣有利于加快網頁的讀取速度,利用了 DREAMWEAVER 的強大功能使主頁各個鏈接比較協調,自己對背景和美化也十分滿意,希望大家喜歡。

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

            3 、網頁在改版計劃的實施方面時間是一個問題,應該說網站內容的更新是比較快的,整體方面改變應該不大。

            五、網站維護

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

            2 、數據庫維護是一個問題,我會及時做好備份和更新,盡量不出現不應有的問題。

            3 、內容的更新方面會根據自己的情況而定,有什么好的內容一定展示給大家。

            六、網站測試

            1 、虛擬主機的穩定性、安全性都比較可靠。

            2 、程序及數據庫方面由我自己來調試,由于學過這方面知識,難度不會太大。

            3 、網頁兼容性方面,一般的的主流瀏覽器訪問都沒有問題的。

            4 、如果大家瀏覽是發現問題可以及時向我聯系,我會做進一步測試。

            七、網站發布與推廣

            1 、網站的推廣主要靠訪問者的互相介紹,希望大家喜歡我的網站。

            2 、通過 WEB 服務器發布。

            八、網站建設日程表

            網站建設主要靠自己的知識和技能,希望能更多的支持。

            九、費用明細

            目前網站的建設基本不需要太多的費用。

            求論個人網站建設論文

            給你找了篇文獻,參考下吧

            淺析個人網站建設

            [摘要] 擁有自己的個人網站,是很多電腦愛好者夢寱以求的,本文詳細分析了建立自己的個人網站的全

            過程及注意事項。

            [關鍵詞] 個人網站網站形象CI 配色訪問量

            隨著計算機的普及和網絡的迅速發展,大量的

            公司都建有網站,很多個人也擁有了自己的網站。

            但有相當一部分人在建立自己的個人網站時,由于

            缺少專業知識而感到無從下手。其實要建立一個網

            站很容易,但要建立一個有特色、有個性、有內涵、

            有吸引力的網站那就需要作者費一番腦筋了。在建

            立自己的個人網站時,首先要確定自己的立場,選

            好網站的主要內容;然后進行構思,對網站進行規

            劃,包括素材的搜集整理、網站形象設計、色彩及版

            面的設計;接下來動手制作首頁和各個頁面;最后

            申請一個網絡空間,對設計好的網站進行測試并上

            傳。

            一、確定網站的主題:

            1、題材的選擇

            在INTERNET 上,各種各樣的網站非常之多,題

            材也千奇百怪,琳瑯滿目,在設計你自己的網站之

            前,一定要確定你所要設計的網站的主要方向,這

            樣才有利于你構思,準備素材和搜集資料。

            常見的類型有:

            1、網上求職

            2、網上聊天/ 即時信息/ICQ

            3、網上社區/ 討論/ 郵件列表

            4、計算機技術

            5、網頁/ 網站開發

            6、娛樂網站

            7、旅行

            8、參考/ 資訊

            9、家庭/ 教育

            10、生活/ 時尚

            每個大類里面還可以分得更細一點,如教育可以為幼兒教育和成年人教育,按學歷高低可以分中

            學教育、高中教育、高等教育等,如娛樂類再分為體

            育、電影、音樂等小類,音樂又可以按格式分為

            MP3,Mid,Ra 等,按表現形式分古典、現代、搖滾等,

            選擇題材注意以下幾點:

            ①題材最好是你自己擅長或者喜愛的內容。比

            如:你對籃球感興趣,可以報道最新的比賽情況,動

            態報道比分變化,球星訪談,最佳進球視頻等;或者

            你擅長動畫制作,就可以建立一個動畫制作愛好者

            網站,介紹一些動畫制作軟件的使用方法,各種不

            為人知的制作技巧,列舉一些比較好的作品,提供

            動畫制作軟件下載等。這樣在制作時,才不會覺得

            無聊或者力不從心,因為如果不是自己所熟悉的方

            面,那么在設計和制作方面都會碰到很多困難,問

            題太多,自己就會失去信心,那么網站設計就無從

            談起。另一方面,興趣是制作網站的動力,如果沒有

            興趣,那就會沒有熱情,很難設計制作出杰出的作

            品。

            ②主題要小而精。定位要小,內容要精。如果你

            想制作一個包羅萬象的站點,把所有你認為精彩的

            東西放在上面,那么往往會事與愿違游嫌,給人的感覺

            是沒有主題,沒有特色,樣樣有卻樣樣都很膚淺,因

            為你不可能有那么多的精力去維護它。網站的最大

            特點就是新和快,目前最熱門的個人主頁都是天天

            更新甚至幾小時更新一次。最新的調查結果也顯

            示,網站上的“主題站”比“萬全站”更受人們喜愛,

            就好比專賣站和百貨商店,如果需要買某方面的東

            西,肯定會選擇專賣店。

            ③題材不要太濫或者目標太高?!疤珵E”是指到

            處可見,人人都有的題材;比如軟件下載,免費信息等。這類網站已經有很多了,沒有特色,很難一下子

            獲得成功?!澳繕颂摺笔侵冈谶@一題材上已經有非

            常優秀,知名度很高的站點,你要超過它是很困難

            的,除非你下決心和有實力競爭并超過它,因為人

            們往往只記得最好的網站。

            2、網站的命名

            如果你已經選好題材,有一個絕妙的主意了,

            那我們開始為網站起名字。你可能認為起名字與網

            站設計無關,其實網站名稱也是網站設計的一部

            分,而且是很關鍵的一個要素。比如:“電腦學習室”

            和“電腦之家”顯然是后者簡練,且更富有吸引力;

            “迷笛樂園”和“MIDI 樂園”顯然是后者明晰;“兒童

            天地”和“中國幼兒園”顯然是后者大氣。我們都知

            道PIIICPU 的中文名稱“奔騰”,如果改為“奔跑”,

            可能就沒有今天這么“火”了。和現實生活中一樣,

            網站名稱是否正氣、響亮、易記,對網站的形象和此唯宣

            傳推廣也有很大影響。選擇名稱可以從以下幾個方

            面入手:

            1、名稱要易記。根據中文網站瀏覽者的特點,

            除非特定需要,網站名稱最好用中文名稱,不要使

            用英文或者中英文混合型名稱。例如:beyond

            studio 和超越工作室,后者更親切好記。另神扒手外,網

            站名稱的字數應該控制在六個字(最好四個字)以

            內,比如“XX 閣”“XX 設計室”,四個字的可以用成

            語,如“一網打進”。字數少還有個好處,一般友情鏈

            接的小logo 尺寸是88X31 的大小,而六個字的寬

            度是78 左右,適合于其他站點的鏈接排版。

            2、名稱要正。這個“正”是指要合法、合理、合

            情。不能用反動的、色情的、迷信的,危害社會安全

            的名詞語句。

            3、名稱要有特色。普通的名稱可以接受,如果

            能體現一定的內涵,將會給瀏覽者更多的視覺沖擊

            和空間想象力。比如:音樂前衛,網頁陶吧,天籟絕

            音,阿利詩社等。在體現出網站主題的同時,能點出

            特色之處。這樣才能第一時間引起瀏覽者的注意。

            二、網站形象(CI)

            所謂CI,是借用的廣告術語。(CI 是英文

            corporate identity 的縮寫),意思是通過視覺來

            統一企業的形象。一個杰出的網站,和實體公司一

            樣,也需要整體的形象包裝和設計。準確的、有創意

            的CI 設計,對網站的宣傳推廣有事半功倍的效果。

            在您的網站主題和名稱定下來之后,需要思考的就

            是網站的CI 形象。

            通??梢詮囊韵聨讉€方面進行考慮:

            1、設計網站的標志(logo):首先你需要設計制

            作一個網站的標志(logo)。就如同商標一樣,logo是你站點特色和內涵的集中體現,看見logo 就讓

            大家聯想起你的站點。注意:這里的logo 不是指

            88X31 的小圖標banner,而是網站的標志。標志可

            以是中文,英文字母,可以是符號,圖案,可以是動

            物或者人物等等。比如:soin 是用soim 的英文作

            標志,新浪用字母sina+ 眼睛作為標志。標志的設

            計創意來自你網站的名稱和內容。

            2、網站中有代表性的對象:如人物、動物、花

            草,可以用它們作為設計的藍本,加以卡通化和藝

            術化,例如迪斯尼的米老鼠,搜狐的卡通狐貍,鯊威

            體壇的籃球鯊魚。

            3、網站中有專業性的圖案:可以以本專業有代

            表的物品作為標志。比如中國銀行的銅板標志,奔

            馳汽車的方向盤標志。

            4、最常用和最簡單的方式是用自己網站的英

            文名稱作標志。采用不同的字體,字母的變形,字母

            的組合可以很容易制作好自己的標志。

            三、網頁配色

            網頁的色彩是樹立網站形象的關鍵之一,色彩

            搭配卻是設計者感到頭疼的問題。網頁的背景、文

            字、圖標、邊框、超鏈接等,應該采用什么樣的顏色,

            應該搭配什么色彩才能最好的表達出預想的內涵,

            什么樣的色彩搭配才能看下來賞心悅目,什么樣的

            色彩搭配能在第一時間引起瀏覽者的注意而又不

            會感覺刺眼呢?

            1、顏色的分類

            顏色分非彩色和彩色兩類。非彩色是指黑、白、

            灰系統色。彩色是指除是非彩色以外的所有色彩。

            我們將色彩按“紅→黃→綠→藍→紅”依次過度漸

            變,就可以得到一個色彩環。色環的兩端是暖色調

            和冷色調,當中是中間色調。2、色彩的心理感覺。不同的顏色會給瀏覽者不

            同的心理感受。

            紅色:是一種激奮的色彩。刺激效果,能使人產

            生沖動、憤怒、熱情、活力的感覺。

            綠色:介于冷暖兩中色彩的中間,顯得和睦、寧

            靜、健康、安全的感覺。它和金黃、淡白搭配,可以產

            生優雅、舒適的氣氛。

            橙色:也是一種激奮的色彩,具有輕快、歡欣、

            熱烈、溫馨、時尚的效果。

            黃色:具有快樂、希望、智慧和輕快的個性,它

            的明度最高。藍色:是最具涼爽、清新、專業的色彩。它和白

            色混合,能體現柔順、淡雅、浪漫的氣氛(比如:天空

            的色彩)

            白色:具有潔白、明快、純真、清潔的感受。

            黑色:具有深沉、神秘、寂靜、悲哀、壓抑的感

            受。

            灰色:具有中庸、平凡、溫和、謙讓、中立和高雅

            的感受。

            3、網頁色彩搭配的原理

            ①色彩的鮮明性。網頁的色彩要鮮艷,容易引

            人注目,但要注意不刺眼,不使人難受。

            ②色彩的獨特性。要有與眾不同的色彩,使得

            大家對你的印象強烈。

            ③色彩的合適性。色彩和你表達的內容氣氛要

            適合。如用粉色體現女性站點的柔性。

            ④色彩的聯想性。不同色彩產生不同的聯想,

            藍色想到天空,黑色想到黑夜,紅色想到喜事等,選

            擇色彩要和你網頁的內涵相關聯。

            4、網頁色彩搭配的技巧

            ①用一種色彩。這里是指先選定一種色彩,然

            后調整透明度或者飽和度,(說得通俗些就是將色

            彩變淡或者加深),產生新的色彩,用于網頁。這樣

            的頁面看起來色彩統一,有層次感。

            ②用兩種色彩。先選定一種色彩,然后選擇它

            的對比色。比如在網頁中采用藍色和黃色搭配。整

            個頁面色彩豐富但不花稍。

            ③用一個色系。簡單的說就是用一個感覺的色

            彩,例如淡藍、淡黃、淡綠或者土黃、土灰、土藍。確

            定色彩的方法各人不同,這樣可以給一種舒服自在

            的感覺。

            ④用黑色和一種彩色。比如大紅的字體配黑色

            的邊框感覺很特殊。

            5、在網頁配色中,忌諱的是:

            ⑤不要將所有顏色都用到,盡量控制在三種色

            彩以內。

            ⑥背景和前文的對比盡量要大,(絕對不要用

            花紋繁復的圖案作背景),以便突出主要文字內容。

            四、版面布局和首頁的設計

            1、版面布局:

            版面指的是瀏覽器看到的完整的一個頁面(可

            以包含框架和層)。因為每個人的顯示器分辨率不

            同,所以同一個頁面的大小可能出現640*480 像

            素,800*600 像素,1024*768 像素等不同尺寸。

            布局,就是以最適合瀏覽的方式將圖片和文字

            排放在頁面的不同位置。一個好的合理的版面布局

            會給讀者帶來一種清爽的感覺,而非常散或毫無章法的布局會使整個頁面看起來如己糟糟的。比如網

            頁的白色背景太虛,則可以加些色塊;版面零散,可

            以用線條和符號串聯;左面文字過多,右面則可以

            插一張圖片保持平衡。

            常見的布局形式有以下幾種:

            看看我們經常用到的版面布局形式:

            ①“T”結構布局。所謂“T”結構。就是指頁面頂

            部為橫條網站標志+ 廣告條,下方左面為主菜單,

            右面顯示內容的布局,因為菜單條背景較深,整體

            效果類似英文字母“T”,所以我們稱之為“T”形布

            局。這是網頁設計中用的最廣泛的一種布局方式。

            這種布局的優點是頁面結構清晰,主次分明。是初

            學者最容易上手的布局方法。缺點是規矩呆板,如

            果細節色彩上不注意,很容易讓人“看之無味”。

            ②“三”型布局。這種布局多用于國外站點,國

            內用的不多。特點是頁面上橫向兩條色塊,將頁面

            整體分割為四部分,色塊中大多放廣告條。

            ③“口”型布局。將整個頁面圍成方框形狀,就

            是頁面一般上下各有一個廣告條,左面是主菜單,

            右面放友情連接等,中間是主要內容。這種布局的

            優點是充分利用版面,信息量大。缺點是頁面擁擠,

            不夠靈活。也有將四邊空出,只用中間的窗口型設

            計,例如網易壁紙站。

            ④“對稱對比”布局。顧名思義,采取左右或者

            上下對稱的布局,一半深色,一半淺色,一般用于設

            計型站點。優點是視覺沖擊力強,缺點是將兩部分

            有機的結合比較困難。

            ⑤“POP”布局。POP 引自廣告術語,就是指頁面

            布局象一張宣傳海報,以一張精美圖片作為頁面的

            設計中心。常用于時尚類站點,比如.

            com。優點顯而易見:漂亮吸引人。缺點就是速度慢。

            2、首頁設計:

            有這么一句俗語:“好的開始是成功的一半”。

            在網站設計上也是如此,首頁的設計是一個網站成

            功與否的關鍵。人們往往看到第一頁就已經對你的

            站點有一個整體的感覺。是不是能夠促使瀏覽者繼

            續點擊進入,是否能夠吸引瀏覽者留在站點上,全

            憑首頁設計的“功力”了。所以,首頁的設計和制作

            是絕對要重視和花心思的。

            在設計一個網站的首頁時,要注意以下幾點:

            ①首頁上不要擺放太多或太大的圖片。因為圖

            片太大或太多,那么載入的時間肯定會過長,瀏覽

            者沒有這個耐心繼續等待。

            ②首頁上的內容不要過于空洞和形式化。內容

            太少或字體過大等都是一種缺陷(當然也有個別網

            站為了加快載入速度而只在首頁上放一個導航欄或圖片,但這種網站如果不是必須要打開,大部分

            人都會覺得這個網站什么也沒有,或者覺得頁面太

            深太麻煩)

            ③網站的首頁也不能太枯燥、太死板。如果一

            個網站的首頁只有純粹的文字,沒有任何圖片、動

            畫、音樂或動態效果,想念瀏覽者在看了第一次之

            后就不會第二次光臨了,所以首頁一定要圖文并

            茂,選擇一個容易上口能突出主題的宣傳語,再配

            上簡單的音樂或動態效果,這樣才能增加吸引力。

            ④在首頁上要突出網站的獨特的風格。讓瀏覽

            者在看了你的網站之后,在心底里這樣認為:“這個

            站點很cool,很有個性!”,那這樣就能在瀏覽者心

            理產生深刻的印象。

            五、網站設計與測試

            1、網站的具體設計

            對網站進行規劃之后就開始進行具體的設計

            工作,選擇一個自己熟悉的軟件做為設計的工具,

            這樣就能事半功倍。常用的網頁設計軟件有:

            FrontPage,DreamWeavr,HotDog 等。如果是團隊合

            作的話,就進行分工,每個人負責一些頁面或者每

            個人負責一個版塊,有條不紊的進行設計,最后組

            合成一個整體。

            2、網站測試

            整個網站的所有頁面全部設計好之后,在上傳

            之前必須進行綜合測試,這個步驟是非常重要的,

            因為不同的瀏覽器或瀏覽器的不同版本,不同的分

            辨率下所看到的結果是不相同的,有些頁面,在自

            己的機器上能正常顯示,但換一個環境,改變了分

            辨率則頁面可能嚴重變形,變得亂七八糟,所以每

            個頁面都必須在不同的分辨率和不同的瀏覽器中

            進行測試,并修正。

            六、網站空間的申請

            如果要將設計好的網站放到INTERNET 上,必

            須申請一個主頁空間,網絡上的主頁可以分靜態的

            和動態的。靜態主頁空間大部分都是免費的,但不

            支持ASP 等;動態主頁空間一般都要收費。作為個人網站,一般選擇免費主頁空間比較實際(當然對

            于經濟條件許可的可以選擇收費空間),但需要動

            態交換數據或支持ASP、CGI、PHP 等技術,則需要購

            買具有這些功能的主頁空間。

            在申請主頁空間的時候還應注意以下幾點:

            ①穩定:申請主頁空間的服務器必須是比較知

            名或比較可靠的,不要因為服務器的原因讓別人訪

            問不到你的網站。

            ②不要有彈出窗口:有些免費空間會彈出一些

            廣告窗口,那樣會使瀏覽者比較反感,影響網站的

            訪問量和質量。

            ③申請的空間最好大一點:空間太少存放的內

            容也少一點,如果網站內容比較多,則整個網站的

            內容無法存放下去,網頁就無法打開,網站也不能

            正常運行。

            七、上傳網站

            主頁空間申請成功以后,就可以將自己的網站

            上傳,在申請空間的時間,服務器會提供登陸的帳

            號和密碼( 一定記住)。常用的FTP 軟件有:

            CUTEFTP,FTP 等。進入界面后單擊“連接”的按鈕,

            然后輸入你申請空間的服務器的地址,再輸入進入

            的密碼,即可自動進行連接,連接成功后選擇要上

            傳的文件夾,單擊“上傳”按鈕。

            全部上傳后,打開自己的網站,逐個檢查各個

            頁面是否能夠正常打開,所有的連接是否正確,發

            現錯誤并進行修改。

            〔參考資料〕

            〔1〕胡曉天等dreamweaver mx2004 網站設計標準

            案例教程〔M〕〔北京〕機械工業出版社2005.6

            〔2〕唐建平等ASP 程序設計實用教程〔M〕〔北

            京〕人民郵電出版社2005.5

            〔3〕趙英杰中文版Dreamweavr MX2004 網頁設

            計寶典〔M〕〔北京〕海洋出版社

            寧輝華:淺析個人網站建設

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

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

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

            簡述網站建設與設計論文的介紹就聊到這里吧,感謝你花時間閱讀本站內容,更多關于網站的設計與實現論文、簡述網站建設與設計論文的信息別忘了在本站進行查找喔。

            掃碼二維碼
            亚洲欧美日韩一区二区三区情侣|五月丁香综合激情六月久久|日本久久久久久久久精品|最近最新中文字幕视频

            <div id="ni1yw"></div>
            <track id="ni1yw"></track>
              <bdo id="ni1yw"><optgroup id="ni1yw"></optgroup></bdo>

                <tbody id="ni1yw"></tbody>
                <bdo id="ni1yw"></bdo>
                <track id="ni1yw"></track>
              1. <bdo id="ni1yw"></bdo>

                    1. <track id="ni1yw"></track>