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