隨著經(jīng)濟迅速的發(fā)展，網(wǎng)站變得愈加重要。下面是網(wǎng)頁設(shè)計開題報告，歡迎大家的閱讀參考!
篇一：網(wǎng)頁設(shè)計開題報告
在經(jīng)濟迅速發(fā)展的今天，inter顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持一周的網(wǎng)頁制作專用周是實習(xí)，讓我們把平時所學(xué)知識運用到實踐中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實習(xí)使我獲得了更多的新知識同時也使我使我認識到了自己在學(xué)習(xí)上的許多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?/p>
一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容。網(wǎng)站設(shè)計開題報告。
1、討論網(wǎng)站的主題。
網(wǎng)站整體規(guī)劃是做網(wǎng)頁的第一步也是制作網(wǎng)頁最關(guān)鍵的一步它決定了你要表答的信息，因此我選擇了我選擇我最喜愛的服飾來為它做網(wǎng)頁。在平時我也對服裝的網(wǎng)頁比較關(guān)心，無論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網(wǎng)頁。
2、定位網(wǎng)站的ci形象。“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個既有濃厚文化底蘊，又有現(xiàn)代自然人文氣息的特色品牌。“易”即是容，是包容，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。網(wǎng)站設(shè)計開題報告。“菲”通非，是生機、是個性、是春意盎然、是自強不息，是對人性深度的一種挖掘。“生活如花，自在快樂”是yifini易菲的設(shè)計理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的ci形象。
3、確定欄目和板塊。
于時間的關(guān)系在本次我準備做四張網(wǎng)頁:一張主頁三張二級頁面。分別設(shè)計了“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網(wǎng)頁的主打色綠色。
2、網(wǎng)站的整體風(fēng)格和創(chuàng)意。
整個網(wǎng)站的創(chuàng)意就在于顏色的搭配，與各種圖片的搭配，它們相互輝映，相互襯托。以便達到表現(xiàn)其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網(wǎng)站的主打色主要是因為我的產(chǎn)品特性。在設(shè)計上，yieini易菲推崇“自然美”，將帶表女性氣質(zhì)的花卉和自然元素融入設(shè)計之中，充分體現(xiàn)設(shè)計師和顧客所追求的一種灑脫、舒適的生活氛圍，力求表現(xiàn)悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。
二、網(wǎng)頁制作的前期策劃與準備，在本階級主要有兩方面的工作。
1、資料的搜集。
在做網(wǎng)頁我上網(wǎng)收集了許多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料，我首先進它的企業(yè)網(wǎng)站找了一些關(guān)于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網(wǎng)頁觀察其網(wǎng)頁的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集，動態(tài)圖片其gif格式的還是好保存，但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功，不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索，不過經(jīng)過三次像老實詢問我終于懂得一些關(guān)于代碼的搜索。在搜集資料的過程之中我發(fā)現(xiàn)了自己的許多不足之處，最關(guān)鍵就是平時對知識的掌握不夠，連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現(xiàn)。通過這次的教訓(xùn)在以后我一定會做得更好，爭取不范類似錯誤。
2、熟悉制作軟件。
做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因為在平時上課是老師帶領(lǐng)我們運用過。所以我還可以正常的運用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點，它是我平時不夠認真的具體表現(xiàn)。
三、網(wǎng)頁制作，這便進入我該次的主題了具體制作流程如下。
1、構(gòu)建站點框架。
在我打開dremweaver后第一步便是新建站點，我把我的站點建立在f\儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以方便的使用。
2、設(shè)計主頁及二級頁面。
在主頁我設(shè)首頁制作時，時刻考慮著網(wǎng)頁的基本原則:統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，美容美體，一個網(wǎng)站強調(diào)的就是一個整體，只有圍繞一個統(tǒng)一的目標(biāo)所做的設(shè)計才是成功的;連貫，頁面之間關(guān)系連貫，統(tǒng)成一體;每版內(nèi)容都自成一體，顏色各異，便于瀏覽;整個網(wǎng)頁有動有靜，色彩呼應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣;顏色各異，但又不同之中又相同，渾然一體。而且制作過程中，不忘以下原則:
簡潔實用:這是非常重要的，網(wǎng)絡(luò)特殊環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的，滿足使用者的要求，網(wǎng)頁做得越適合使用，就越顯示出其功能美;頁面用色協(xié)調(diào)，布局符合形式美的要求:布局有條理，充分利用美的形式，是網(wǎng)頁富有可欣賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。
交互式強:發(fā)揮網(wǎng)絡(luò)的優(yōu)勢，是每個使用者都參與到其中來，這樣的設(shè)計才能算成功的設(shè)計。這樣的網(wǎng)頁才算真正的美的設(shè)計。每個子頁都設(shè)有上導(dǎo)航欄，便于瀏覽和跳轉(zhuǎn)。3個二級網(wǎng)頁制作時，使用的是表格，每一個頁面都用表格為它布局好，然后在插入圖片文字及其他，這樣有一定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容根據(jù)各自的特色建立了不同的表格，突出各自的主題，增強了對比性。在做這些網(wǎng)頁的時候我就進行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。
3、實現(xiàn)網(wǎng)頁間的鏈接。
我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產(chǎn)品、潮流信息”它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。
4、向靜太網(wǎng)頁插入動態(tài)效果。
在這一階段我遇到了許多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網(wǎng)頁上可是在瀏覽網(wǎng)頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助
下我成功的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。
四、網(wǎng)頁的調(diào)試
在做完網(wǎng)站才發(fā)現(xiàn)，怎么所有的圖片素材并不是在一個文件夾中，而有許多的子文件夾，從網(wǎng)上下載的網(wǎng)頁全都是一個網(wǎng)頁對應(yīng)一個文件夾。制作過程中，才發(fā)現(xiàn)，原來自己懂的太少了，好多不知道的地方，才趕緊查書，開始的時候只是會建立模版，可不會應(yīng)用。而對于動態(tài)flash的插入我更是問題多多，開始是我對代碼基本上是不懂，這就是自己學(xué)校上的問題，當(dāng)真正開始運用的時候在向老師提問。
這只是在制作過程中出現(xiàn)一些問題，其它問題也是類似相同�，F(xiàn)在想想，自己所會的東西太少了，現(xiàn)在做的網(wǎng)站只是一些簡單的靜態(tài)的網(wǎng)站，看到了一些知名的網(wǎng)站開發(fā)出的網(wǎng)頁，不僅欄目內(nèi)容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網(wǎng)民贊嘆不已，流連忘返。從我做的網(wǎng)頁來看可以反映出學(xué)習(xí)的還不夠，缺點疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網(wǎng)頁而努力。同時我也希望能夠有更多的類似動手練習(xí)，讓我們在實踐之中來學(xué)習(xí)知識。因為我覺得實踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動手能力增強我們的技術(shù)性。
篇二：在線課程網(wǎng)站設(shè)計與實現(xiàn)
一、選題的目的意義
隨著信息化的發(fā)展，互聯(lián)網(wǎng)需要提供更多的服務(wù)，構(gòu)造更完善的體系以滿足越來越多的用戶的精神與物質(zhì)需求。其強大的功能已為人們深刻認識，它已經(jīng)進入人類社會的各個領(lǐng)域并發(fā)揮著越來越重要的作用。各行各業(yè)的人們無須經(jīng)過特別的訓(xùn)練就能夠使用電腦完成許多復(fù)雜的工作。計算機的最大好處在于利用它能夠進行信息管理。使用計算機進行信息控制，不僅提高了工作效率，而且大大的提高了其安全性。
目前在學(xué)校，教學(xué)工作日益繁重，需要有一個自動化的工具進行統(tǒng)籌管理，才能夠及時、準確地進行教學(xué)工作，加強學(xué)生和教師之間的溝通。
為了達到網(wǎng)上互動教學(xué)的目的，讓更多的學(xué)生能夠隨時實現(xiàn)遠程學(xué)習(xí)的目的，同時可以通過一對一的提問，解答，實現(xiàn)師生間的相互遠程交流。
雖然我國的教學(xué)互動系統(tǒng)還不夠成熟，還存在這樣那樣的問題，但它的發(fā)展符合經(jīng)濟學(xué)原理和人們的需要，只要對癥下藥，一定可以逐漸發(fā)展完善。
二、國內(nèi)外研究現(xiàn)狀
在線課程網(wǎng)站上的教學(xué)活動是借助于一定的手段、工具展開的。教學(xué)活動的具體過程、組織方式以及質(zhì)量效益等都和教學(xué)活動中使用的工具密切相關(guān)�？梢哉f，不斷地把人類在社會生產(chǎn)與生活中創(chuàng)造出來的新技術(shù)、新設(shè)備加以改進并運用于教學(xué)活動中，這是人類教學(xué)進步的重要動力，是教學(xué)效率和效果得以不斷提高的重要物質(zhì)保證�？v觀人類教育發(fā)展史，每一項新的教學(xué)技術(shù)的應(yīng)用，都給教學(xué)活動提供了新的發(fā)展空間，使教學(xué)活動在整體上得到豐富和提升。從某種意義上說，隨著社會發(fā)展而不斷更新教學(xué)設(shè)備、優(yōu)化教學(xué)技術(shù)，是教學(xué)發(fā)展的歷史規(guī)律和客觀要求。我們發(fā)展現(xiàn)代教學(xué)技術(shù)，應(yīng)立足于教學(xué)發(fā)展的歷史規(guī)律，深刻認識到教學(xué)技術(shù)更新對于教學(xué)活動整體進步的歷史意義。
當(dāng)前人類正在步入一個全新的技術(shù)發(fā)展時期。正如聯(lián)合國教科文組織國際21世紀教育委員會所指出的，“新技術(shù)使人類進入了信息傳播全球化的時代;它們消除了距離的障礙，正十分有效地參與塑造明日的社會”，“這些新技術(shù)正在我們眼前引起一場真正的革命，這場革命既影響著與生產(chǎn)和工作有關(guān)的活動，又影響著與教學(xué)和培訓(xùn)有關(guān)的活動”。的確，以個人電腦、網(wǎng)絡(luò)技術(shù)和多媒體技術(shù)為主要內(nèi)容的現(xiàn)代信息技術(shù)革命的出現(xiàn)，為教學(xué)方式與教學(xué)模式的變革提供了新的物質(zhì)基礎(chǔ)。看不到現(xiàn)代信息技術(shù)為提高教學(xué)質(zhì)量、擴大教學(xué)對象、變革教學(xué)方式提供的物質(zhì)支撐，就很難有效地利用信息技術(shù)為教學(xué)發(fā)展服務(wù)，就很難在我們的教學(xué)活動中體現(xiàn)人類技術(shù)進步的成果。從這種意義上說，充分利用現(xiàn)代信息技術(shù)，是教學(xué)發(fā)展的時代要求。
當(dāng)前，世界各國都在研究如何充分利用信息技術(shù)提高教學(xué)質(zhì)量和效益的問題，加強現(xiàn)代信息技術(shù)的教學(xué)應(yīng)用已成為各國教學(xué)改革的重要方向�；谶@樣的背景，國家教育部<綱要>第十一條明確提出，“大力推進信息技術(shù)在教學(xué)過程中的普遍應(yīng)用”，并對這種應(yīng)用的立足點作了明確的闡述:“促進信息技術(shù)與學(xué)科課程的整合，逐步實現(xiàn)教學(xué)內(nèi)容的呈現(xiàn)方式、學(xué)生的學(xué)習(xí)方式、教師的教學(xué)方式和師生互動方式的變革”;“充分發(fā)揮信息技術(shù)的優(yōu)勢，為學(xué)生的學(xué)習(xí)和發(fā)展提供豐富多彩的教育環(huán)境和有力的學(xué)習(xí)工具。”我們一定要提倡以提高教學(xué)質(zhì)量和效益為目的，以轉(zhuǎn)變學(xué)生學(xué)習(xí)方式和促進學(xué)生發(fā)展為宗旨的教學(xué)技術(shù)應(yīng)用觀。同時要本著從實際出發(fā)、因地制宜的原則，挖掘和發(fā)揮傳統(tǒng)的各種技術(shù)手段在教學(xué)中的積極作用，黑板、粉筆、掛圖、模型等傳統(tǒng)教學(xué)工具，錄音機、幻燈機、放映機等傳統(tǒng)的電化教學(xué)手段，在學(xué)校教學(xué)活動中同樣具有獨特的生命力，要把現(xiàn)代教學(xué)技術(shù)和傳統(tǒng)教學(xué)手段結(jié)合起來，努力挖掘所有教學(xué)技術(shù)手段的使用價值，積極促進各種技術(shù)手段之間的協(xié)同互補，從而促進教學(xué)技術(shù)體系整體協(xié)調(diào)發(fā)展。
三、主要研究內(nèi)容
1、課程信息模塊
模塊名稱:課程信息模塊
模塊功能:教師發(fā)布課程信息，供學(xué)生們學(xué)習(xí)。
模塊界面圖:如圖所示。
2、公告管理模塊
模塊名稱:公告管理模塊。
模塊功能:管理員登錄后，可以在線發(fā)布公告;網(wǎng)站瀏覽者點擊公告可以瀏覽管理員發(fā)布的公告。
3、在線答疑模塊
模塊名稱:在線答疑模塊
模塊功能:實現(xiàn)了教師和同學(xué)的在線交流，學(xué)生可以就某個問題向教師請教。
4、教學(xué)資料模塊
功能:可以下載教學(xué)資料，瀏覽教學(xué)視頻等
四、畢業(yè)論文(設(shè)計)的研究方法或技術(shù)路線
1、研究的整體方案:
1)應(yīng)用程序背景和需求分析
2)組建開發(fā)組
3)數(shù)據(jù)庫設(shè)計
4)編寫應(yīng)用程序
5)測試和優(yōu)化應(yīng)用程序
6)發(fā)布數(shù)據(jù)庫和應(yīng)用程序
2、工作進度的安排:
1)應(yīng)用程序背景和需求分析:熟悉論文課題，查找資料，研究資料，熟悉編程語言，完成畢業(yè)設(shè)計開題報告及外文文獻翻譯。
完成時間:2012年12月底—2013年2月中旬。
2)組建開發(fā)組:本人獨立完成
完成時間:2013年2月中旬。
3)數(shù)據(jù)庫設(shè)計:繼續(xù)熟悉編程語言，查找資料，研究資料，確定數(shù)據(jù)庫結(jié)構(gòu)和數(shù)據(jù)結(jié)構(gòu)，建立數(shù)據(jù)庫，做好編程準備。
完成時間:2013年2月中旬——2月底。
4)編寫應(yīng)用程序:著手編程，初調(diào)程序，建立程序的大致結(jié)構(gòu)、整體框架。
完成時間:2013年3月初——4月初。
5)測試和優(yōu)化應(yīng)用程序:設(shè)計與撰寫論文，完善設(shè)計，進行測試。
完成時間:2013年4月初——4月中旬。
6)發(fā)布數(shù)據(jù)庫和應(yīng)用程序:根據(jù)指導(dǎo)老師的建議，繼續(xù)完善程序，將完成的程序上交，并將畢業(yè)論文完成初稿上交。
完成時間:2013年4月中旬——4月底。
3、研究的預(yù)期目標(biāo)及主要特點及創(chuàng)新點
(一)預(yù)期目標(biāo):
1、界面簡單可操作性強:一般的管理人員用戶經(jīng)過簡單的培訓(xùn)后，能很快地熟練操作。
2、安全性:我們通過系統(tǒng)內(nèi)部自設(shè)的權(quán)限校驗來對系統(tǒng)登錄用戶實施校驗，提高了整個系統(tǒng)的安全性，滿足客戶的安全性需求。
3、簡便有效的維護手段:系統(tǒng)使用后，維護工作將是一個長期的工作，系統(tǒng)將充分考慮維護工作的需求，通過相應(yīng)手段降低維護工作量及難度，從而達到保證運行可靠及節(jié)省費用的目的。
4、可擴充性:在線課程網(wǎng)站需要每日對辦公人員進行輸入，大量的數(shù)據(jù)要對數(shù)據(jù)庫輸入，所以該系統(tǒng)對具有較強的可擴充性，是十分重要的。
5、功能性強大:該系統(tǒng)將具有強大的功能，滿足一般企業(yè)的需求，相對于手工輸入具有強大的功能。
6、強大的糾錯能力:該系統(tǒng)將具有較強的糾錯能力，當(dāng)運行時，用戶操作錯誤時會提出響應(yīng)的警示，能自動保護系統(tǒng)避免系統(tǒng)出錯。
(二)主要特點:
1、可擴充性:數(shù)據(jù)庫具有較大的可擴充余地。
2、系統(tǒng)的安全設(shè)置:系統(tǒng)內(nèi)部的權(quán)限校驗保證了企業(yè)資料的安全，保障了用戶的權(quán)益
3、高效性:該系統(tǒng)充分體現(xiàn)了計算機的特點，能夠快速有效的處理各項任務(wù)。
4、強大功能:通過對數(shù)據(jù)庫的簡單輸入，可實現(xiàn)手工無法比擬的多功能操作。
5、具有錯誤識別能力:當(dāng)用戶操作出現(xiàn)錯誤時，系統(tǒng)將提出警告，并能提示正確的操作。避免系統(tǒng)被破壞。
(三)創(chuàng)新點:
該系統(tǒng)主要有人性化設(shè)計、系統(tǒng)的安全設(shè)置、簡單的系統(tǒng)維護方法、使用的高效性、強大的功能、具有錯誤識別能力等創(chuàng)新點。
五、主要參考文獻與資料
[1]王輝，黃紅超編著。php實用教程。北京:清華大學(xué)出版社。2005、
[2]dinoesposito(意)著。羅兵，顧燕宏譯。精通php程序設(shè)計。北京:清華大學(xué)出版社。2006、
[3]russbasinra，richardconway著。王曉娜，黃開枝譯。php安全性高級編程。北京:清華大學(xué)出版社。2003、
[4]馮方方編著。php基礎(chǔ)教程。北京:清華大學(xué)出版社。2004、
[5]徐新華編著。精通php2、0、北京:機械工業(yè)出版社。2006、
[6]蘇紅超編著。php深入解析。北京:科學(xué)出版社。2003、
[7]劉寅力編著。系統(tǒng)分析之路。北京:電子工業(yè)出版社。2005、
[8]鄒建峰，李律松，李曉栓編著。php開發(fā)技術(shù)詳解。北京:人民郵電出版社。2005、
[9]申朝陽，宋顏浩主編。php與相關(guān)數(shù)據(jù)庫技術(shù)高級指南。北京:中國水利水電出版社。2005、
[10](美)michealotey，paulconte著。陳思義，吳強，劉紅波譯。sqlserver2000開發(fā)指南。北京:清華大學(xué)出版社。2002、
六、指導(dǎo)教師審批意見
篇三：網(wǎng)頁設(shè)計開題報告
一、網(wǎng)頁藝術(shù)設(shè)計的內(nèi)容
設(shè)計活動中包含著主觀和客觀兩方面的因素，在確立了網(wǎng)頁主題之后，首先要明確和熟悉設(shè)計的對象和構(gòu)成的要素。網(wǎng)頁藝術(shù)設(shè)計涉及的具體內(nèi)容很多，可以概括為視聽元素和版式設(shè)計兩個方面。
1、視聽元素
這里所說的視聽元素，主要包括:文本、背景、按鈕、圖標(biāo)、圖像、表格、顏色、導(dǎo)航工具、背景音樂、動態(tài)影像等。無論是文字、圖形、動畫，還是音頻、視頻，網(wǎng)頁設(shè)計者所要考慮的是如何以感人的形式把它們放進頁面這個“大畫布”里。多媒體技術(shù)的運用大大豐富了網(wǎng)頁藝術(shù)設(shè)計的表現(xiàn)力。
以上各視聽元素大多數(shù)瀏覽器本身都可以顯示或收聽，無需任何外部程序或模塊支持。比如，大部分瀏覽器都可以顯示gif、jpeg圖形和gif89a動畫。還有些多媒體文件(如mp3音樂)需要先下載到本地硬盤上，然后啟動相應(yīng)的外部程序來播放。另外，在瀏覽器使用插件(plug-in)可以播放更多格式的多媒體文件。微軟推出ie瀏覽器后，提供了基于ole的activex技術(shù)，用來在網(wǎng)頁中播放多媒體。目前activex已經(jīng)成為熱門技術(shù)。另一種播放多媒體的技術(shù)是javaapplet。它是用java語言編寫的應(yīng)用于網(wǎng)頁之中的小應(yīng)用程序，相比于插件和activex，javaapplet具有更大的靈活性和良好的跨平臺能力，因此具有很好的發(fā)展前景�？傊夹g(shù)的不斷發(fā)展使多媒體元素在網(wǎng)頁藝術(shù)設(shè)計中的綜合運用越來越廣泛，使瀏覽者可以享受到更加完美的視聽效果。這些新技術(shù)的出現(xiàn)，也對網(wǎng)頁的藝術(shù)設(shè)計提出了更高的要求。
2、版式設(shè)計
網(wǎng)頁的版式設(shè)計同報刊雜志等平面媒體的版式設(shè)計有很多共同之處，它在網(wǎng)頁的藝術(shù)設(shè)計中占據(jù)著重要的地位。所謂網(wǎng)頁的版式設(shè)計，是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合，將理性思維個性化的表現(xiàn)出來，是一種具有個人風(fēng)格和藝術(shù)特色的視聽傳達方式。它在傳達信息的同時，也產(chǎn)生感官上的美感和精神上的享受。
但網(wǎng)頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸，網(wǎng)頁則不然，它的尺寸是由讀者來控制的。這使網(wǎng)頁設(shè)計者不能精確控制頁面上每個元素的尺寸和位置。而且，網(wǎng)頁的組織結(jié)構(gòu)不像印刷品那樣為線性組合，這給網(wǎng)頁的版式設(shè)計帶來了一定的難度。
二、網(wǎng)頁藝術(shù)設(shè)計的原則
網(wǎng)頁作為傳播信息的一種載體，同其他出版物如報紙、雜志等在設(shè)計上有許多共同之處，也要遵循一些設(shè)計的基本原則。但是，由于表現(xiàn)形式、運行方式和社會功能的不同，網(wǎng)頁設(shè)計又有其自身的特殊規(guī)律。網(wǎng)頁的藝術(shù)設(shè)計，是技術(shù)與藝術(shù)的結(jié)合，內(nèi)容與形式的統(tǒng)一。它要求設(shè)計者必須掌握以下三個主要原則:
1、主題鮮明
視覺設(shè)計表達的是一定的意圖和要求，有明確的主題，并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者。訴求的目的，是使主題在適當(dāng)?shù)沫h(huán)境里被人們即時地理解和接受，以滿足人們的實用和需求，這就要求視覺設(shè)計不但要單純、簡練、清晰和精確，而且在強調(diào)藝術(shù)性的同時，更應(yīng)該注重通過獨特的風(fēng)格和強烈的視覺沖擊力，來鮮明地突出設(shè)計主題。
根據(jù)認知心理學(xué)的理論，大多數(shù)人在短期記憶中只能同時把握4到7條分立的信息，而對多于7條的分立信息或者不分立的信息容易產(chǎn)生記憶上的模糊或遺忘，概括起來就是:較小而分立的信息要比較長而不分立的信息更為有效和容易瀏覽。這個規(guī)律蘊含在人們尋找信息和使用信息的實踐活動中，它要求視覺設(shè)計者的設(shè)計活動必須自覺地掌握和遵從。
作為視覺設(shè)計范疇一種的網(wǎng)頁藝術(shù)設(shè)計，其最終目的是達到最佳的主題訴求效果。這種效果的取得，一方面通過對網(wǎng)頁主題思想運用邏輯規(guī)律進行條理性處理，使之符合瀏覽者獲取信息的心理需求和邏輯方式，讓瀏覽者快速地理解和吸收;另一方面通過對網(wǎng)頁構(gòu)成元素運用藝術(shù)的形式美法則進行條理性處理，更好地營造符合設(shè)計目的的視覺環(huán)境，突出主題，增強瀏覽者對網(wǎng)頁的注意力，增進對網(wǎng)頁內(nèi)容的理解。只有兩個方面有機地統(tǒng)一，才能實現(xiàn)最佳的主題訴求效果。
優(yōu)秀的網(wǎng)頁設(shè)計必然服務(wù)于網(wǎng)站的主題，就是說，什么樣的網(wǎng)站，應(yīng)該有什么樣的設(shè)計。例如，設(shè)計類的個人站點與商業(yè)站點性質(zhì)不同，目的也不同，所以評論的標(biāo)準也不同。網(wǎng)頁藝術(shù)設(shè)計與網(wǎng)站主題的關(guān)系應(yīng)該是這樣:首先，設(shè)計是為主題服務(wù)的;其次，設(shè)計是藝術(shù)和技術(shù)結(jié)合的產(chǎn)物，就是說，即要“美”，又要實現(xiàn)“功能”;最后，“美”和“功能”都是為了更好地表達主題。當(dāng)然，有些情況下，“功能”即是“主題”，還有些情況下，“美”即是主題。例如，雅虎作為一個搜索引擎，首先要實現(xiàn)“搜索”的“功能”。它的主題即是它的“功能”。而一個個人網(wǎng)站，可以只體現(xiàn)作者的設(shè)計思想，或者僅僅以設(shè)計出“美”的網(wǎng)頁為目的。它的主題只有一個，就是——美。
只注重主題思想的條理性而忽視網(wǎng)頁構(gòu)成元素空間關(guān)系的形式美組合，或者只重視網(wǎng)頁形式上的條理而淡化主題思想的邏輯，都將削弱網(wǎng)頁主題的最佳訴求效果，難以吸引瀏覽者的注意力，出現(xiàn)平庸的網(wǎng)頁設(shè)計或使網(wǎng)頁設(shè)計以失敗而告終。
要使網(wǎng)頁從形式上獲得良好的誘導(dǎo)力，鮮明地突出訴求主題，具體可以通過對網(wǎng)頁的空間層次、主從關(guān)系、視覺秩序及彼此間的邏輯性的把握運用來達到。
2、形式與內(nèi)容統(tǒng)一
任何設(shè)計都有一定的內(nèi)容和形式。內(nèi)容是構(gòu)成設(shè)計的一切內(nèi)在要素的總和，是設(shè)計存在的基礎(chǔ)，被稱為“設(shè)計的靈魂”;形式是構(gòu)成內(nèi)容諸要素的內(nèi)部結(jié)構(gòu)或內(nèi)容的外部表現(xiàn)方式。設(shè)計的內(nèi)容就是指它的主題、形象、題材等要素的總和，形式就是它的結(jié)構(gòu)、風(fēng)格或設(shè)計語言等表現(xiàn)方式。內(nèi)容決定形式，形式反作用于內(nèi)容。一個優(yōu)秀的設(shè)計必定是形式對內(nèi)容的完美表現(xiàn)。正如黑格爾所說:“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物，再現(xiàn)現(xiàn)實，而在于使其外部形式傳達和表現(xiàn)出一定的情緒、氣氛、格調(diào)、風(fēng)尚、趣味，使物質(zhì)經(jīng)由象征變成相似于精神生活的有關(guān)環(huán)境。”(黑格爾<美學(xué)>第三卷)
一方面，網(wǎng)頁設(shè)計所追求的形式美，必須適合主題的需要，這是網(wǎng)頁設(shè)計的前提。只講花哨的表現(xiàn)形式以及過于強調(diào)“獨特的設(shè)計風(fēng)格”而脫離內(nèi)容，或者只求內(nèi)容而缺乏藝術(shù)的表現(xiàn)，網(wǎng)頁設(shè)計都會變的空洞而無力。設(shè)計者只有將二者有機地統(tǒng)一起來，深入領(lǐng)會主題的精髓，再融合自己的思想感情，找到一個完美的表現(xiàn)形式，才能體現(xiàn)出網(wǎng)頁設(shè)計獨具的分量和特有的價值。另一方面，要確保網(wǎng)頁上的每一個元素都有存在的必要性，不要為了炫耀而使用冗余的技術(shù)。那樣得到的效果可能會適得其反。只有通過認真設(shè)計和充分的考慮來實現(xiàn)全面的功能并體現(xiàn)美感才能實現(xiàn)形式與內(nèi)容的統(tǒng)一。
據(jù)有關(guān)資料所做的保守估計，目前在上網(wǎng)頁數(shù)據(jù)傳輸平均以每秒1、5k的速度到達客戶端。假設(shè)某個網(wǎng)頁為了豐富其藝術(shù)性而追趕時髦地大量使用圖像或其它多媒體元素等，雖然達到了其靜態(tài)形式美的效果，卻造成多達幾十k甚至更大的網(wǎng)頁數(shù)據(jù)，使瀏覽者必須等待很長時間才能看到“廬山真面目”，這樣的網(wǎng)頁就不是一個優(yōu)秀的網(wǎng)頁，因為它不符合網(wǎng)頁傳播信息的突出特性之一——快捷性，使網(wǎng)頁內(nèi)容不能很快地到達訪問者，影響了訪問效果和質(zhì)量，損害了訪問者的情趣和積極性，這種技術(shù)要素影響了傳達信息的效果，因而不是形式與內(nèi)容的完美統(tǒng)一。
網(wǎng)頁具有多屏、分頁、嵌套等特性，設(shè)計者可以對其進行形式上的適當(dāng)變化以達到多變性處理效果，豐富整個網(wǎng)頁的形式美。這就要求設(shè)計者在注意單個頁面形式與內(nèi)容統(tǒng)一的同時，更不能忽視同一主題下多個分頁面組成的整體網(wǎng)頁的形式與整體內(nèi)容的統(tǒng)一。
因此，在網(wǎng)頁設(shè)計中必須注意形式與內(nèi)容的高度統(tǒng)一。
3、強調(diào)整體
網(wǎng)頁的整體性包括內(nèi)容和形式上的整體性，這里主要討論設(shè)計形式上的整體性。
網(wǎng)頁是傳播信息的載體，它要表達的是一定的內(nèi)容、主題和意念，在適當(dāng)?shù)臅r間和空間環(huán)境里為人們所理解和接受，它以滿足人們的實用和需求為目標(biāo)。設(shè)計時強調(diào)其整體性，可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它，并給人一種內(nèi)部有機聯(lián)系、外部和諧完整的美感。整體性也是體現(xiàn)一個站點獨特風(fēng)格的重要手段之一。
網(wǎng)頁的結(jié)構(gòu)形式是由各種視聽要素組成的。在設(shè)計網(wǎng)頁時，強調(diào)頁面各組成部分的共性因素或者使諸部分共同含有某種形式特征，是求得整體的常用方法。這主要從版式、色彩、風(fēng)格等方面入手。例如:在版式上，將頁面中各視覺要素作通盤考慮，以周密的組織和精確的定位來獲得頁面的秩序感，即使運用“散”的結(jié)構(gòu)，也是經(jīng)過深思熟慮之后的決定;一個站點通常只使用兩到三種標(biāo)準色，并注意色彩搭配的和諧;對于分屏的長頁面，不可設(shè)計完第一屏再考慮下一屏。同樣，整個網(wǎng)頁內(nèi)部的頁面，都應(yīng)統(tǒng)一規(guī)劃，統(tǒng)一風(fēng)格，讓瀏覽者體會到設(shè)計者完整的設(shè)計思想。
從某種意義上講，強調(diào)網(wǎng)頁結(jié)構(gòu)形式的視覺整體性必然會犧牲靈活的多變性，“物極必反”就是這個道理。因此，在強調(diào)網(wǎng)頁整體性設(shè)計的同時必須注意:過于強調(diào)整體性可能會使網(wǎng)頁呆板、沉悶，以致影響訪問者的情趣和繼續(xù)瀏覽的欲望。“整體”是“多變”基礎(chǔ)上的整體。
三、網(wǎng)頁藝術(shù)設(shè)計的特點
1、交互性與持續(xù)性
網(wǎng)頁不同于傳統(tǒng)媒體之處，就在于信息的動態(tài)更新和即時交互性。即時的交互性是web成為熱點的主要原因，也是網(wǎng)頁設(shè)計時必須考慮的問題。傳統(tǒng)媒體(如廣播、電視節(jié)目、報刊雜志等)都以線性方式提供信息，即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在web環(huán)境下，人們不再是一個傳統(tǒng)媒體方式的被動接受者，而是以一個主動參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互，使網(wǎng)頁藝術(shù)設(shè)計不像印刷品設(shè)計那樣，發(fā)表之后就意味著設(shè)計的結(jié)束。網(wǎng)頁設(shè)計人員必須根據(jù)網(wǎng)站各個階段的經(jīng)營目標(biāo)，配合網(wǎng)站不同時期的經(jīng)營策略，以及用戶的反饋信息，經(jīng)常地對網(wǎng)頁進行調(diào)整和修改。例如，為了保持瀏覽者對網(wǎng)站的新鮮感，很多大型網(wǎng)站總是定期或不定期的進行改版，這就需要設(shè)計者在保持網(wǎng)站視覺形象一貫性的基礎(chǔ)上，不斷創(chuàng)作出新的網(wǎng)頁設(shè)計作品。
2、多維性
多維性源于超級鏈接，主要體現(xiàn)在網(wǎng)頁設(shè)計中對導(dǎo)航的設(shè)計上。由于超級鏈接的出現(xiàn)，網(wǎng)頁的組織結(jié)構(gòu)更加豐富，瀏覽者可以在各種主題之間自由跳轉(zhuǎn)，從而打破了以前人們接收信息的線性方式。例如，可將頁面的組織結(jié)構(gòu)分為序列結(jié)構(gòu)、層次結(jié)構(gòu)、網(wǎng)狀結(jié)構(gòu)、復(fù)合結(jié)構(gòu)等。但頁面之間的關(guān)系過于復(fù)雜，不僅使瀏覽者檢索和查找信息增加了難度，也給設(shè)計者帶來了更大的困難。為了讓瀏覽者在網(wǎng)頁上迅速找到所需的信息，設(shè)計者必須考慮快捷而完善的導(dǎo)航設(shè)計。
印刷品中導(dǎo)航問題不是那么突出，如果一個句子在頁尾突然終止，讀者會很自然地翻到下一頁查找剩余部分，為了幫助讀者找到他們要找的信息，出版者提供了目錄、索引或腳注。如果文章從期刊中的一頁跳到后面的非順序頁時，讀者會看到類似于“續(xù)68頁”這樣的指引語句。然而，作為一名網(wǎng)頁設(shè)計者，你以前所學(xué)的導(dǎo)航技術(shù)沒有一種完全適合于網(wǎng)頁導(dǎo)航。在替瀏覽者考慮得很周到的網(wǎng)頁中，導(dǎo)航提供了足夠的、不同角度的鏈接，幫助讀者在網(wǎng)頁的各個部分之間跳轉(zhuǎn)，并告知瀏覽者現(xiàn)在所在的位置、當(dāng)前頁面和其他頁面之間的關(guān)系等。而且，每頁都有一個返回主頁的按鈕或鏈接，如果頁面是按層次結(jié)構(gòu)組織的，通常還有一個返回上級頁面的鏈接。對于網(wǎng)頁設(shè)計者來說，面對的不是按順序排列的印刷頁面，而是自由分散的網(wǎng)頁，因此必須考慮更多的問題。如:怎樣構(gòu)建合理的頁面組織結(jié)構(gòu)，讓瀏覽者對你提供的巨量信息感到條理?怎樣建立包括站點索引、幫助頁面、查詢功能在內(nèi)的導(dǎo)航系統(tǒng)?這一切從哪兒開始，到哪兒結(jié)束?
3、多種媒體的綜合性
目前網(wǎng)頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等，隨著網(wǎng)絡(luò)帶寬的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣，必將促使設(shè)計者綜合運用多種媒體元素來設(shè)計網(wǎng)頁，以滿足和豐富瀏覽者對網(wǎng)絡(luò)信息傳輸質(zhì)量提出的更高要求。目前國內(nèi)網(wǎng)頁已經(jīng)出現(xiàn)了模擬三維的操作界面，在數(shù)據(jù)壓縮技術(shù)的改進和流(stream)技術(shù)的推動下，inter網(wǎng)上出現(xiàn)實時的音頻和視頻服務(wù)，典型的有在線音樂、在線廣播、網(wǎng)上電影
、網(wǎng)上直播等。因此，多種媒體的綜合運用是網(wǎng)頁藝術(shù)設(shè)計的特點之一，是未來的發(fā)展方向。
4、版式的不可控性
網(wǎng)頁版式設(shè)計與傳統(tǒng)印刷版式設(shè)計有著極大的差異:
(1)印刷品設(shè)計者可以指定使用的紙張和油墨，而網(wǎng)頁設(shè)計者卻不能要求瀏覽者使用什么樣的電腦或瀏覽器;
(2)網(wǎng)絡(luò)正處于不斷發(fā)展之中，不象印刷那樣基本具備了成熟的印刷標(biāo)準;
(3)網(wǎng)頁設(shè)計過程中有關(guān)web的每一件事都可能隨時發(fā)生變化。
這一切說明，網(wǎng)絡(luò)應(yīng)用尚處在發(fā)展之中，關(guān)于網(wǎng)絡(luò)應(yīng)用也很難在各個方面都制訂出統(tǒng)一的標(biāo)準，這必然導(dǎo)致網(wǎng)頁版式設(shè)計的不可控制性。其具體表現(xiàn)為:
(1)網(wǎng)頁頁面會根據(jù)當(dāng)前瀏覽器窗口大小自動格式化輸出;
(2)網(wǎng)頁的瀏覽者可以控制網(wǎng)頁頁面在瀏覽器中的顯示方式;
(3)不同種類、版本的瀏覽器觀察同一個網(wǎng)頁頁面，效果會有所不同;
(4)用戶的瀏覽器工作環(huán)境不同，顯示效果也會有所不同。
把所有這些問題歸結(jié)為一點，即網(wǎng)頁設(shè)計者無法控制頁面在用戶端的最終顯示效果，但這也正是網(wǎng)頁設(shè)計的吸引人之處。
5、技術(shù)與藝術(shù)結(jié)合的緊密性
設(shè)計是主觀和客觀共同作用的結(jié)果，是在自由和不自由之間進行的，設(shè)計者不能超越自身已有經(jīng)驗和所處環(huán)境提供的客觀條件限制，優(yōu)秀設(shè)計者正是在掌握客觀規(guī)律基礎(chǔ)上得到了完全的自由，一種想象和創(chuàng)造的自由。網(wǎng)絡(luò)技術(shù)主要表現(xiàn)為客觀因素，藝術(shù)創(chuàng)意主要表現(xiàn)為主觀因素，網(wǎng)頁設(shè)計者應(yīng)該積極主動地掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)規(guī)律，注重技術(shù)和藝術(shù)緊密結(jié)合，這樣才能窮盡技術(shù)之長，實現(xiàn)藝術(shù)想象，滿足瀏覽者對網(wǎng)頁信息的高質(zhì)量需求。
例如，瀏覽者欣賞一段音樂或電影，以前必須先將這段音樂或電影下載回本地機器，然后使用相應(yīng)的程序來播放，由于音頻或視頻文件都比較大，需要較長的下載時間。流(stream)技術(shù)出現(xiàn)以后，網(wǎng)頁設(shè)計者充分、巧妙地應(yīng)用此技術(shù)，讓瀏覽者在下載過程中就可以欣賞這段音樂或電影，實現(xiàn)了實時的網(wǎng)上視頻直播服務(wù)和在線欣賞音樂服務(wù)，無疑增強了頁面?zhèn)鞑バ畔⒌谋憩F(xiàn)力和感染力。
網(wǎng)絡(luò)技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合，使網(wǎng)頁的藝術(shù)設(shè)計由平面設(shè)計擴展到立體設(shè)計，由純粹的視覺藝術(shù)擴展到空間聽覺藝術(shù)，網(wǎng)頁效果不再近似于書籍或報刊雜志等印刷媒體，而更接近于電影或電視的觀賞效果。技術(shù)發(fā)展促進了技術(shù)與藝術(shù)的緊密結(jié)合，把瀏覽者帶入一個真正現(xiàn)實中的虛擬世界。
技術(shù)與藝術(shù)的緊密結(jié)合在網(wǎng)頁藝術(shù)設(shè)計中體現(xiàn)得尤為突出。