網頁設計開題報告(熱門14篇)

格式:DOC 上傳日期:2023-11-13 17:00:13
網頁設計開題報告(熱門14篇)
時間:2023-11-13 17:00:13     小編:紙韻

報告的寫作需要有邏輯性和條理性,能夠準確地表達自己的觀點和推理過程。在報告中要使用清晰明了、準確恰當的語言表達。以下報告范文展示了不同領域、不同情景下的出色報告案例,具備很高的參考價值。

網頁設計開題報告篇一

在經濟迅速發(fā)展的今天,internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正的技術性人才。學校在本周為我們安排了維持一周的網頁制作專用周是實習,讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足,下面就談談我在本次專用周的主要感受。

1。討論網站的主題。

網站整體規(guī)劃是做網頁的第一步也是制作網頁最關鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我最喜愛的服飾來為它做網頁。在平時我也對服裝的網頁比較關心,無論是淘寶網上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網頁。

2。定位網站的ci形象。

“易菲”植根中國文化之精髓,汲取自然稟賦之靈性,形成一個既有濃厚文化底蘊,又有現代自然人文氣息的特色品牌。“易”即是容,是包容,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展。“菲”通非,是生機、是個性、是春意盎然、是自強不息,是對人性深度的一種挖掘?!吧钊缁?,自在快樂”是yifini易菲的設計理念,倡導一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的ci形象。

3。確定欄目和板塊。

于時間的關系在本次我準備做四張網頁:一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網頁的主打色綠色。

4。網站的整體風格和創(chuàng)意。

整個網站的創(chuàng)意就在于顏色的.搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網站的主打色主要是因為我的產品特性。在設計上,yieini易菲推崇“自然美”,將帶表女性氣質的花卉和自然元素融入設計之中,充分體現設計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

1。資料的搜集。

在做網頁我上網收集了許多方面的資料主要是有關網站的布局與服飾品牌方面的資料,我首先進它的企業(yè)網站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網頁觀察其網頁的布局、顏色搭配、欄目、板塊等方面的內容,同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集,動態(tài)圖片其gif格式的還是好保存,但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功,不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索,不過經過三次像老實詢問我終于懂得一些關于代碼的搜索。在搜集資料的過程之中我發(fā)現了自己的許多不足之處,最關鍵就是平時對知識的掌握不夠,連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現。通過這次的教訓在以后我一定會做得更好,爭取不范類似錯誤。

2。熟悉制作軟件。

做網頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉,因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用,但是出現的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現了我學習方面的缺點,它是我平時不夠認真的具體表現。

1。構建站點框架。

在我打開dremweaver后第一步便是新建站點,我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中,以便網頁制作時可以方便的使用。

2。設計主頁及二級頁面。

在主頁我設首頁制作時,時刻考慮著網頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內容統(tǒng)一,都是為了主題服務,美容美體,一個網站強調的就是一個整體,只有圍繞一個統(tǒng)一的目標所做的設計才是成功的;連貫,頁面之間關系連貫,統(tǒng)成一體;每版內容都自成一體,顏色各異,便于瀏覽;整個網頁有動有靜,色彩呼應,搭配協調,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。

而且制作過程中,不忘以下原則:

簡潔實用:這是非常重要的,網絡特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網頁做得越適合使用,就越顯示出其功能美;頁面用色協調,布局符合形式美的要求:布局有條理,充分利用美的形式,是網頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。

交互式強:發(fā)揮網絡的優(yōu)勢,是每個使用者都參與到其中來,這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。每個子頁都設有上導航欄,便于瀏覽和跳轉。3個二級網頁制作時,使用的是表格,每一個頁面都用表格為它布局好,然后在插入圖片文字及其他,這樣有一定的規(guī)劃性,體現了連貫統(tǒng)一性,不同的內容根據各自的特色建立了不同的表格,突出各自的主題,增強了對比性。在做這些網頁的時候我就進行了如上所述的方法。但我所以網頁的背景顏色及主題顏色都是相同的以便突出我每一個網頁都是為凸顯我主題而服務。

3。實現網頁間的鏈接。

我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產品、潮流信息”它分別鏈接到我所做的四個網頁。鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網頁單擊確定便可以了。

4。向靜太網頁插入動態(tài)效果。

在這一階段我遇到了許多的問題,主要是我在主頁插入我的flash的時候,開是我將帶碼粘貼到我的網頁上可是在瀏覽網頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網頁我主頁插入的是一些gif格式的動態(tài)圖片。

在做完網站才發(fā)現,怎么所有的圖片素材并不是在一個文件夾中,而有許多的子文件夾,從網上下載的網頁全都是一個網頁對應一個文件夾。制作過程中,才發(fā)現,原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應用。而對于動態(tài)flash的插入我更是問題多多,開始是我對代碼基本上是不懂,這就是自己學校上的問題,當真正開始運用的時候在向老師提問。

這只是在制作過程中出現一些問題,其它問題也是類似相同。現在想想,自己所會的東西太少了,現在做的網站只是一些簡單的靜態(tài)的網站,看到了一些知名的網站開發(fā)出的網頁,不僅欄目內容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網民贊嘆不已,流連忘返。從我做的網頁來看可以反映出學習的還不夠,缺點疏漏。需在加以刻苦鉆研及學習,不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網頁而努力。同時我也希望能夠有更多的類似動手練習,讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術性。

將本文的word文檔下載到電腦,方便收藏和打印。

網頁設計開題報告篇二

1.結合畢業(yè)論文(設計)課題情況,根據所查閱的文獻資料,撰寫3000字左右的文獻綜述(包括目前同類課題在國內外的研究狀況、發(fā)展趨勢以及對本人研究課題的啟發(fā)):

一、課題背景。

計算機與網絡技術的飛速發(fā)展,已經逐步改變了面對面獲取知識的傳統(tǒng)教學方式?;趇nternet的網絡學習模式,具有交互性好,教學過程可以不受地域、時間限制,而且可以使得教學資源能在最大范圍內實現共享。并且使傳統(tǒng)的以教師為中心的課堂模式轉化為以學生為中心、學生可以自由選擇學習內容的新模式,具有知識信息量大、教學方式生動活潑、聲像輝映、圖文并茂等特點,因此受到了教育界的普遍認可和歡迎。國內外高校利用互聯網開展網上學習呈現出快速發(fā)展的態(tài)勢,開發(fā)了一大批具有較高的水平的網絡教學課程。隨著經濟全球化的發(fā)展,英語的應用越來越廣泛,學習英語的重要性更是重中之重。

二、國內外研究現狀及發(fā)展趨勢。

在國內,網絡教育還停留在基礎的應用階段,還在摸索中前進,幾乎沒有把英語學習和網絡很好的相結合。在學校里看到最多的是基于小型局域網的多媒體英語學習教室,使用時也多是放錄音,學生與老師之間幾乎沒有互動環(huán)節(jié)。而具有互動環(huán)節(jié)的在線英語自學系統(tǒng),由于國內對網絡教學還比較保守,因此現還處于剛起步階段。在國外,網絡教育和各方面的教學的發(fā)展已經進入深入階段。學校把課程和計算機網絡相結合,充分發(fā)揮了網絡教學的互動優(yōu)勢,使學生在快樂中學習。據統(tǒng)計,國外已經有55%的在校學生人手一臺電腦,遠程教育的參加人數正在以89%的增長速率遞增。

在調研中,我們了解到“網絡環(huán)境下大學英語的教學改革”正處在國家推進、重點突破、全面展開的進程之中,并取得了積極的成效。大部分試點院校經過兩年多的教改實驗論證,效果較好,規(guī)模進一步擴大。如北京大學、清華大學、北京理工大學、北京交通大學、北京林業(yè)大學、北京化工大學、武漢大學、西南大學、大連民族學院、大連理工大學等部分試點高校在05級新生中已經全面實現網絡環(huán)境下大學英語教學模式。西北工業(yè)大學、北華大學、山東大學、東北大學、南開大學、解放軍信息工程大學、首都經濟貿易大學等高校都于05年在新生中進一步擴大規(guī)模。20xx年,有更多的試點院校將在06級新生中全面推行網絡環(huán)境下大學英語教學模式。相信在未來,網上學習英語的模式將得到更好的重視與發(fā)展。

雖然在線學習已經蓬勃地發(fā)展起來,但是在線學習的普及率還并不高。目前已開發(fā)出來的系統(tǒng)基本具備一個自學系統(tǒng)所需的基礎功能,比如可以根據自己的需要選擇課程學習等。但是在知識庫設計這一模塊還存在一些問題,如設計不全面,管理紊亂,知識的匱乏,因此在線學習系統(tǒng)的應用并不廣泛。另外,對于我國來說,在線學習主要出現在高等教育以及一些特定的領域,具有相當大的局限性,這對于許多求學者來說是遠遠不能滿足其需求的。在國外,隨著技術的飛速發(fā)展,不僅高等教育、很多社會其他部門都已經開設了在線自學,通過計算機實現異地自學和自檢?,F在,計算機硬件技術的發(fā)展已經達到了相當高的水平。但是,教學軟件尤其是知識庫的設計、開發(fā)還處于起步階段,隨著這項技術的不斷深入發(fā)展,就要求有更好、更完善的軟件系統(tǒng)應用到教學當中去,這就給設計人員提出了更高的設計要求。

網絡必須走綜合化發(fā)展之路,實現與其他課程的整合,而不能再按照學習一門學科的老辦法去講、去學、去考。在網絡環(huán)境下的英語學習讓學習者自己動腦筋去尋找問題、發(fā)現問題,幫助他們如何利用網絡資源為英語學習服務。教師和學生之間可以通過網上討論、電子信箱等進行探討性的學習,讓老師快速、準確地了解學生的學習情況,幫助學生提高學習效率。

三、課題研究意義及啟發(fā)。

隨著我國對外開放的不斷擴大化,科學技術的不斷進步,國際地位的不斷提高,迫切需要造就一大批精通外語的專門人才,以加速我國“四化”進程,使我國在國際事務中發(fā)揮更大更積極的作用。英語的使用范圍非常廣泛。世界上70%以上的郵件是用英文寫或用英文寫地址的。全世界科技出版物70%以上用英語發(fā)表。全世界的廣播節(jié)目中,有60%是用英語進行的。絕大部分的國際會議是以英語為第一通用語言它也是聯合國的正式工作語言之一??傊?,在國際政治、軍事、經濟、科技、文化、貿易、交通運輸等領域,英語是一個重要的交際工具。對具備一定外語知識的綜合型人才的需求也隨之大幅增加。而隨著網絡技術的迅猛發(fā)展,人們的生活越來越依賴于網絡的發(fā)展。通過網絡學習英語的要求也相應提高。因此,學好英語對實現上述目標具有重要的現實意義和深遠的歷史意義。

信息社會的最明顯的標志是信息采集的全面與快捷。要善于在教學中整合網絡資源,充分利用網絡資源優(yōu)勢。學習網站可以為學生創(chuàng)造盡可能多的接觸現實的機會,提供更多的直觀生動的感性材料,擴大學生的知識面,增加詞匯量,減少學生因缺乏相關知識而造成的學習困難,增強學生對英語的敏感性,拓寬學生思路、開闊視野,促使學生用英語思維,強化記憶,提高學習效率,讓學生在聽說讀寫譯能力等方面都獲得提高。網絡教學為我們提供了克服傳統(tǒng)教學弊端的全新的教學方式,使抽象的、枯燥的學習內容轉化成形象的、有趣的、可視的、可聽的動感內容,網絡教學已成為英語教學的發(fā)展趨勢。

網頁設計開題報告篇三

題目一、選題的背景和意義:

(一)選題的背景:

1)國際動態(tài):深圳市wto事務中心通過紡織行業(yè)協會和服裝行業(yè)協會,就歐美對我國紡織品服裝啟動保障措施設限,向各紡織服裝企業(yè)發(fā)出了預警信息。服裝企業(yè)要想成功地在國際市場中打拼,關注相關預警信息是重要保證。在藝術和設計領域,國外各種新思潮的涌入和滲透,帶動著我們的價值觀與審美觀一起跟隨國際流行動態(tài)前進。虛榮夸大的裝飾化風格成為新的形式主義,使其更具國際化,緊隨國際時尚潮流。

據穿著者的身份、地位各有分別。發(fā)展至今,中國的服裝發(fā)生了翻天覆地的變化。特別是在女裝方面。如以自然簡單的款式,取代華麗而夸張的服裝款式等等。

我國服裝歷史悠久,款式、面料絢麗多彩,是我國民族文化藝術寶庫的珍品之一。隨著社會的進步和科學技術的發(fā)展,出現了不少現代多功能及高科技的奇妙服裝,以滿足人們的生活和工作需要。將來服裝的發(fā)展趨勢是不求名貴,但求方便,更求舒適,越來越薄的“綠色”服裝。

(二)選題的意義。

設的必然內涵。從社會、思想和文化變遷的角度看服裝的變化,服裝就成為考察社會文化變遷的窗口。所以一部優(yōu)秀的社會生活史必定是社會文化史;一部優(yōu)秀的社會文化史必然要對社會生活作出具體詳實的文化和社會的闡釋。

(1)大力弘揚我國服裝業(yè)進取拼搏的精神,促進服裝業(yè)的發(fā)展。

由于網絡平臺可以實現信息資源共享,在網上組織更優(yōu)秀的服裝業(yè)發(fā)展動態(tài),不僅使消費者在網上看到服裝業(yè)的最新發(fā)展趨勢,而且為消費者提供一個互相交流的平臺。

(2)尋找利用計算機技術及其專業(yè)技術實現消費者遠程交互自主買賣解決方案。

(3)完善和發(fā)展學習設計理論。

二、課題研究的主要內容:

1、服裝網站設計理論體系的研究。

包括服裝品牌的設計、構建性服裝網站環(huán)境的設計、服裝情境的設計、服裝資源的設計、消費者自主買賣活動的設計、消費者與本網站互動的設計、消費者評價工具的設計等。

2、基于網絡環(huán)境下的教學策略與教學模式的研究。

(2)網絡教學模式的研究,如項目化學習模式、探索性學習模式、研究性學模式等。

(三)、主要研究(設計)方法論述:

本項目的研究主要采用個案研究、實證研究、調查研究、比較研究等方法。對于較大規(guī)模的服裝款型與服裝面料的研究,將采用調查研究方法。

編輯網站框架,利用asp和asp。net實現網上買賣及消費者與網站交流溝通等功能。做出畢業(yè)設計!

四、論文(設計)。

進度安排:時間工作內容。

網頁設計開題報告篇四

1.結合畢業(yè)論文(設計)課題情況,根據所查閱的文獻資料,撰寫3000字左右的文獻綜述(包括目前同類課題在國內外的研究狀況、發(fā)展趨勢以及對本人研究課題的啟發(fā)):

計算機與網絡技術的飛速發(fā)展,已經逐步改變了面對面獲取知識的傳統(tǒng)教學方式?;趇nternet的網絡學習模式,具有交互性好,教學過程可以不受地域、時間限制,而且可以使得教學資源能在最大范圍內實現共享。并且使傳統(tǒng)的以教師為中心的課堂模式轉化為以學生為中心、學生可以自由選擇學習內容的新模式,具有知識信息量大、教學方式生動活潑、聲像輝映、圖文并茂等特點,因此受到了教育界的普遍認可和歡迎。國內外高校利用互聯網開展網上學習呈現出快速發(fā)展的態(tài)勢,開發(fā)了一大批具有較高的水平的網絡教學課程。隨著經濟全球化的發(fā)展,英語的應用越來越廣泛,學習英語的重要性更是重中之重。

在國內,網絡教育還停留在基礎的應用階段,還在摸索中前進,幾乎沒有把英語學習和網絡很好的相結合。在學校里看到最多的是基于小型局域網的多媒體英語學習教室,使用時也多是放錄音,學生與老師之間幾乎沒有互動環(huán)節(jié)。而具有互動環(huán)節(jié)的在線英語自學系統(tǒng),由于國內對網絡教學還比較保守,因此現還處于剛起步階段。在國外,網絡教育和各方面的教學的發(fā)展已經進入深入階段。學校把課程和計算機網絡相結合,充分發(fā)揮了網絡教學的互動優(yōu)勢,使學生在快樂中學習。據統(tǒng)計,國外已經有55%的在校學生人手一臺電腦,遠程教育的參加人數正在以89%的增長速率遞增。

在調研中,我們了解到"網絡環(huán)境下大學英語的教學改革"正處在國家推進、重點突破、全面展開的進程之中,并取得了積極的成效。大部分試點院校經過兩年多的教改實驗論證,效果較好,規(guī)模進一步擴大。如北京大學、清華大學、北京理工大學、北京交通大學、北京林業(yè)大學、北京化工大學、武漢大學、西南大學、大連民族學院、大連理工大學等部分試點高校在05級新生中已經全面實現網絡環(huán)境下大學英語教學模式。西北工業(yè)大學、北華大學、山東大學、東北大學、南開大學、解放軍信息工程大學、首都經濟貿易大學等高校都于05年在新生中進一步擴大規(guī)模。20xx年,有更多的試點院校將在06級新生中全面推行網絡環(huán)境下大學英語教學模式。相信在未來,網上學習英語的模式將得到更好的重視與發(fā)展。

雖然在線學習已經蓬勃地發(fā)展起來,但是在線學習的普及率還并不高。目前已開發(fā)出來的系統(tǒng)基本具備一個自學系統(tǒng)所需的基礎功能,比如可以根據自己的需要選擇課程學習等。但是在知識庫設計這一模塊還存在一些問題,如設計不全面,管理紊亂,知識的匱乏,因此在線學習系統(tǒng)的應用并不廣泛。另外,對于我國來說,在線學習主要出現在高等教育以及一些特定的領域,具有相當大的局限性,這對于許多求學者來說是遠遠不能滿足其需求的。在國外,隨著技術的飛速發(fā)展,不僅高等教育、很多社會其他部門都已經開設了在線自學,通過計算機實現異地自學和自檢?,F在,計算機硬件技術的發(fā)展已經達到了相當高的水平。但是,教學軟件尤其是知識庫的設計、開發(fā)還處于起步階段,隨著這項技術的不斷深入發(fā)展,就要求有更好、更完善的軟件系統(tǒng)應用到教學當中去,這就給設計人員提出了更高的設計要求。

網絡必須走綜合化發(fā)展之路,實現與其他課程的整合,而不能再按照學習一門學科的老辦法去講、去學、去考。在網絡環(huán)境下的英語學習讓學習者自己動腦筋去尋找問題、發(fā)現問題,幫助他們如何利用網絡資源為英語學習服務。教師和學生之間可以通過網上討論、電子信箱等進行探討性的學習,讓老師快速、準確地了解學生的學習情況,幫助學生提高學習效率。

隨著我國對外開放的不斷擴大化,科學技術的不斷進步,國際地位的不斷提高,迫切需要造就一大批精通外語的專門人才,以加速我國“四化”進程,使我國在國際事務中發(fā)揮更大更積極的作用。英語的使用范圍非常廣泛。世界上70%以上的郵件是用英文寫或用英文寫地址的。全世界科技出版物70%以上用英語發(fā)表。全世界的廣播節(jié)目中,有60%是用英語進行的。絕大部分的國際會議是以英語為第一通用語言它也是聯合國的正式工作語言之一。總之,在國際政治、軍事、經濟、科技、文化、貿易、交通運輸等領域,英語是一個重要的交際工具。對具備一定外語知識的綜合型人才的需求也隨之大幅增加。而隨著網絡技術的迅猛發(fā)展,人們的生活越來越依賴于網絡的發(fā)展。通過網絡學習英語的要求也相應提高。因此,學好英語對實現上述目標具有重要的現實意義和深遠的歷史意義。

信息社會的最明顯的標志是信息采集的全面與快捷。要善于在教學中整合網絡資源,充分利用網絡資源優(yōu)勢。學習網站可以為學生創(chuàng)造盡可能多的接觸現實的機會,提供更多的直觀生動的感性材料,擴大學生的知識面,增加詞匯量,減少學生因缺乏相關知識而造成的學習困難,增強學生對英語的敏感性,拓寬學生思路、開闊視野,促使學生用英語思維,強化記憶,提高學習效率,讓學生在聽說讀寫譯能力等方面都獲得提高。網絡教學為我們提供了克服傳統(tǒng)教學弊端的全新的教學方式,使抽象的、枯燥的學習內容轉化成形象的、有趣的、可視的、可聽的動感內容,網絡教學已成為英語教學的發(fā)展趨勢。

網頁設計開題報告篇五

網頁設計中包含著主觀和客觀兩方面的因素,在確立了網頁主題之后,首先要明確和熟悉設計的對象和構成的要素。網頁設計涉及的具體內容很多,可以概括為視聽元素和版式設計兩個方面。

1、視聽元素。

這里所說的視聽元素,主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態(tài)影像等。無論是文字、圖形、動畫,還是音頻、視頻,網頁設計者所要考慮的是如何以感研究的形式把它們放進頁面這個“大畫布”里。多媒體技術的運用大大豐富了網頁設計的表現力。

術,用來在網頁中播放多媒體。目前active_已經成為熱門技術。另一種播放多媒體的技術是javaapplet。它是用java語言編寫的應用于網頁之中的小應用程序,相比于插件和active_,javaapplet具有更大的靈活性和良好的跨平臺能力,因此具有很好的發(fā)展前景。總之,技術的不斷發(fā)展使多媒體元素在網頁設計中的綜合運用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現,也對網頁的藝術設計提出了更高的要求。

2、版式設計。

網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處,它在網頁的藝術設計中占據著重要的地位。所謂網頁的版式設計,是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合,將理性思維個性化的表現出來,是一種具有個研究風格和藝術特色的視聽傳達方式。它在傳達信息的同時,也產生感官上的美感和精神上的享受。

但網頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸,網頁則不然,它的尺寸是由讀者來控制的。這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且,網頁的組織結構不像印刷品那樣為線性組合,這給網頁的版式設計帶來了一定的難度。

網頁作為傳播信息的一種載體,同其他出版物如報紙、雜志等在設計上有許多共同之處,也要遵循一些設計的基本原則。但是,由于表現形式、運行方式和社會功能的不同,網頁設計又有其自身的特殊規(guī)律。網頁的藝術設計,是技術與藝術的結合,內容與形式的統(tǒng)一。它要求設計者必須掌握以下三個主要原則:。

1、主題鮮明。

視覺設計表達的是一定的意圖和要求,有明確的主題,并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者。訴求的目的,是使主題在適當的環(huán)境里被研究們即時地理解和接受,以滿足研究們的實用和需求,這就要求視覺設計不但要單純、簡練、清晰和精確,而且在強調藝術性的同時,更應該注重通過獨特的風格和強烈的視覺沖擊力,來鮮明地突出設計主題。

根據認知心理學的理論,大多數研究在短期記憶中只能同時把握4到7條分立的信息,而對多于7條的分立信息或者不分立的信息容易產生記憶上的模糊或遺忘,概括起來就是:較小而分立的信息要比較長而不分立的信息更為有效和容易瀏覽。這個規(guī)律蘊含在研究們尋找信息和使用信息的實踐活動中,它要求視覺設計者的網頁設計必須自覺地掌握和遵從。

作為視覺設計范疇一種的網頁設計,其最終目的是達到最佳的主題訴求效果。這種效果的取得,一方面通過對網頁主題思想運用邏輯規(guī)律進行條理性處理,使之符合瀏覽者獲取信息的心理需求和邏輯方式,讓瀏覽者快速地理解和吸收;另一方面通過對網頁構成元素運用藝術的形式美法則進行條理性處理,更好地營造符合設計目的的視覺環(huán)境,突出主題,增強瀏覽者對網頁的注意力,增進對網頁內容的理解。只有兩個方面有機地統(tǒng)一,生能實現最佳的主題訴求效果。

優(yōu)秀的網頁設計必然服務于網站的主題,就是說,什么樣的網站,應該有什么樣的設計。例如,設計類的個研究站點與商業(yè)站點性質不同,目的也不同,所以評論的標準也不同。網頁設計與網站主題的關系應該是這樣:首先,設計是為主題服務的;其次,設計是藝術和技術結合的產物,就是說,即要“美”,又要實現“功能”;最后,“美”和“功能”都是為了更好地表達主題。當然,有些情況下,“功能”即是“主題”,還有些情況下,“美”即是主題。例如,雅虎作為一個搜索引擎,首先要實現“搜索”的“功能”。它的主題即是它的“功能”。而一個個研究網站,可以只體現作者的設計思想,或者僅僅以設計出“美”的網頁為目的。它的主題只有一個,就是——美。只注重主題思想的條理性而忽視網頁構成元素空間關系的形式美組合,或者只重視網頁形式上的條理而淡化主題思想的邏輯,都將削弱網頁主題的最佳訴求效果,難以吸引瀏覽者的注意力,出現平庸的網頁設計或使網頁設計以失敗而告終。要使網頁從形式上獲得良好的誘導力,鮮明地突出訴求主題,具體可以通過對網頁的空間層次、主從關系、視覺秩序及彼此間的邏輯性的把握運用來達到。

2、形式與內容統(tǒng)一。

任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和,是設計存在的基礎,被稱為“設計的靈魂”;形式是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指它的主題、形象、題材等要素的總和,形式就是它的結構、風格或設計語言等表現方式。內容決定形式,形式反作用于內容。一個優(yōu)秀的設計必定是形式對內容的`完美表現。正如黑格爾所說:“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物,再現現實,而在于使其外部形式傳達和表現出一定的情緒、氣氛、格調、風尚、趣味,使物質經由象征變成相似于精神生活的有關環(huán)境?!?黑格爾第三卷)一方面,網頁設計所追求的形式美,必須適合主題的需要,這是網頁設計的前提。只講花哨的表現形式以及過于強調“獨特的設計風格”而脫離內容,或者只求內容而缺乏藝術的表現,網頁設計都會變的空洞而無力。設計者只有將二者有機地統(tǒng)一起來,深入領會主題的精髓,再融合自己的思想感情,找到一個完美的表現形式,生能體現出網頁設計獨具的分量和特有的價值。另一方面,要確保網頁上的每一個元素都有存在的必要性,不要為了炫耀而使用冗余的技術。那樣得到的效果可能會適得其反。只有通過認真設計和充分的考慮來實現全面的功能并體現美感生能實現形式與內容的統(tǒng)一。

據有關資料所做的保守估計,目前在上網頁數據傳輸平均以每秒1、5k的速度到達客戶端。假設某個網頁為了豐富其藝術性而追趕時髦地大量使用圖像或其它多媒體元素等,雖然達到了其靜態(tài)形式美的效果,卻造成多達幾十k甚至更大的網頁數據,使瀏覽者必須等待很長時間生能看到“廬山真面目”,這樣的網頁就不是一個優(yōu)秀的網頁,因為它不符合網頁傳播信息的突出特性之一——快捷性,使網頁內容不能很快地到達訪問者,影響了訪問效果和質量,損害了訪問者的情趣和積極性,這種技術要素影響了傳達信息的效果,因而不是形式與內容的完美統(tǒng)一。網頁具有多屏、分頁、嵌套等特性,設計者可以對其進行形式上的適當變化以達到多變性處理效果,豐富整個網頁的形式美。這就要求設計者在注意單個頁面形式與內容統(tǒng)一的同時,更不能忽視同一主題下多個分頁面組成的整體網頁的形式與整體內容的統(tǒng)一。

網頁設計開題報告篇六

網頁設計中包含著主觀和客觀兩方面的因素,在確立了網頁主題之后,首先要明確和熟悉設計的對象和構成的要素。網頁設計涉及的具體內容很多,可以概括為視聽元素和版式設計兩個方面。

1、視聽元素。

這里所說的視聽元素,主要包括:文本、背景、按鈕、圖標、圖像、表格、顏色、導航工具、背景音樂、動態(tài)影像等。無論是文字、圖形、動畫,還是音頻、視頻,網頁設計者所要考慮的是如何以感研究的形式把它們放進頁面這個“大畫布”里。多媒體技術的運用大大豐富了網頁設計的表現力。

以上各視聽元素大多數瀏覽器本身都可以顯示或收聽,無需任何外部程序或模塊支持。比如,大部分瀏覽器都可以顯示gif、jpeg圖形和gif89a動畫。還有些多媒體文件(如mp3音樂)需要先下載到本地由?上,然后啟動相應的外部程序來播放。另外,在瀏覽器使用插件(plug-in)可以播放更多格式的多媒體文件。微軟推出ie瀏覽器后,提供了基于ole的activex技術,用來在網頁中播放多媒體。目前activex已經成為熱門技術。另一種播放多媒體的技術是javaapplet。它是用java語言編寫的應用于網頁之中的小應用程序,相比于插件和activex,javaapplet具有更大的靈活性和良好的跨平臺能力,因此具有很好的發(fā)展前景??傊?,技術的不斷發(fā)展使多媒體元素在網頁設計中的綜合運用越來越廣泛,使瀏覽者可以享受到更加完美的視聽效果。這些新技術的出現,也對網頁的藝術設計提出了更高的要求。

2、版式設計。

網頁的版式設計同報刊雜志等平面媒體的版式設計有很多共同之處,它在網頁的藝術設計中占據著重要的地位。所謂網頁的版式設計,是在有限的屏幕空間上將視聽多媒體元素進行有機的排列組合,將理性思維個性化的表現出來,是一種具有個研究風格和藝術特色的視聽傳達方式。它在傳達信息的同時,也產生感官上的美感和精神上的享受。

但網頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸,網頁則不然,它的尺寸是由讀者來控制的。這使網頁設計者不能精確控制頁面上每個元素的尺寸和位置。而且,網頁的組織結構不像印刷品那樣為線性組合,這給網頁的版式設計帶來了一定的難度。

網頁作為傳播信息的一種載體,同其他出版物如報紙、雜志等在設計上有許多共同之處,也要遵循一些設計的基本原則。但是,由于表現形式、運行方式和社會功能的不同,網頁設計又有其自身的特殊規(guī)律。網頁的藝術設計,是技術與藝術的結合,內容與形式的統(tǒng)一。它要求設計者必須掌握以下三個主要原則:。

1、主題鮮明。

視覺設計表達的是一定的意圖和要求,有明確的主題,并按照視覺心理規(guī)律和形式將主題主動地傳達給觀賞者。訴求的目的,是使主題在適當的環(huán)境里被研究們即時地理解和接受,以滿足研究們的實用和需求,這就要求視覺設計不但要單純、簡練、清晰和精確,而且在強調藝術性的同時,更應該注重通過獨特的風格和強烈的視覺沖擊力,來鮮明地突出設計主題。

根據認知心理學的理論,大多數研究在短期記憶中只能同時把握4到7條分立的信息,而對多于7條的分立信息或者不分立的信息容易產生記憶上的模糊或遺忘,概括起來就是:較小而分立的信息要比較長而不分立的信息更為有效和容易瀏覽。這個規(guī)律蘊含在研究們尋找信息和使用信息的實踐活動中,它要求視覺設計者的網頁設計必須自覺地掌握和遵從。

作為視覺設計范疇一種的網頁設計,其最終目的是達到最佳的主題訴求效果。這種效果的取得,一方面通過對網頁主題思想運用邏輯規(guī)律進行條理性處理,使之符合瀏覽者獲取信息的心理需求和邏輯方式,讓瀏覽者快速地理解和吸收;另一方面通過對網頁構成元素運用藝術的形式美法則進行條理性處理,更好地營造符合設計目的的視覺環(huán)境,突出主題,增強瀏覽者對網頁的注意力,增進對網頁內容的理解。只有兩個方面有機地統(tǒng)一,生能實現最佳的主題訴求效果。

優(yōu)秀的網頁設計必然服務于網站的主題,就是說,什么樣的網站,應該有什么樣的設計。例如,設計類的個研究站點與商業(yè)站點性質不同,目的也不同,所以評論的標準也不同。網頁設計與網站主題的關系應該是這樣:首先,設計是為主題服務的;其次,設計是藝術和技術結合的產物,就是說,即要“美”,又要實現“功能”;最后,“美”和“功能”都是為了更好地表達主題。當然,有些情況下,“功能”即是“主題”,還有些情況下,“美”即是主題。例如,雅虎作為一個搜索引擎,首先要實現“搜索”的“功能”。它的主題即是它的“功能”。而一個個研究網站,可以只體現作者的設計思想,或者僅僅以設計出“美”的網頁為目的。它的主題只有一個,就是——美。

只注重主題思想的條理性而忽視網頁構成元素空間關系的形式美組合,或者只重視網頁形式上的條理而淡化主題思想的邏輯,都將削弱網頁主題的最佳訴求效果,難以吸引瀏覽者的注意力,出現平庸的網頁設計或使網頁設計以失敗而告終。

要使網頁從形式上獲得良好的誘導力,鮮明地突出訴求主題,具體可以通過對網頁的空間層次、主從關系、視覺秩序及彼此間的邏輯性的把握運用來達到。

2、形式與內容統(tǒng)一。

任何設計都有一定的內容和形式。內容是構成設計的一切內在要素的總和,是設計存在的基礎,被稱為“設計的靈魂”;形式是構成內容諸要素的內部結構或內容的外部表現方式。設計的內容就是指它的主題、形象、題材等要素的總和,形式就是它的結構、風格或設計語言等表現方式。內容決定形式,形式反作用于內容。一個優(yōu)秀的設計必定是形式對內容的完美表現。正如黑格爾所說:“工藝的美就不在于要求實用品的外部造型、色彩、紋樣去摹擬事物,再現現實,而在于使其外部形式傳達和表現出一定的情緒、氣氛、格調、風尚、趣味,使物質經由象征變成相似于精神生活的有關環(huán)境?!?黑格爾美學第三卷)。

一方面,網頁設計所追求的形式美,必須適合主題的需要,這是網頁設計的前提。只講花哨的表現形式以及過于強調“獨特的設計風格”而脫離內容,或者只求內容而缺乏藝術的表現,網頁設計都會變的空洞而無力。設計者只有將二者有機地統(tǒng)一起來,深入領會主題的精髓,再融合自己的思想感情,找到一個完美的表現形式,生能體現出網頁設計獨具的分量和特有的價值。另一方面,要確保網頁上的每一個元素都有存在的必要性,不要為了炫耀而使用冗余的技術。那樣得到的效果可能會適得其反。只有通過認真設計和充分的考慮來實現全面的功能并體現美感生能實現形式與內容的統(tǒng)一。

據有關資料所做的保守估計,目前在上網頁數據傳輸平均以每秒1、5k的速度到達客戶端。假設某個網頁為了豐富其藝術性而追趕時髦地大量使用圖像或其它多媒體元素等,雖然達到了其靜態(tài)形式美的效果,卻造成多達幾十k甚至更大的網頁數據,使瀏覽者必須等待很長時間生能看到“廬山真面目”,這樣的網頁就不是一個優(yōu)秀的網頁,因為它不符合網頁傳播信息的突出特性之一——快捷性,使網頁內容不能很快地到達訪問者,影響了訪問效果和質量,損害了訪問者的情趣和積極性,這種技術要素影響了傳達信息的效果,因而不是形式與內容的完美統(tǒng)一。

網頁具有多屏、分頁、嵌套等特性,設計者可以對其進行形式上的適當變化以達到多變性處理效果,豐富整個網頁的形式美。這就要求設計者在注意單個頁面形式與內容統(tǒng)一的同時,更不能忽視同一主題下多個分頁面組成的整體網頁的形式與整體內容的統(tǒng)一。

因此,在網頁設計中必須注意形式與內容的高度統(tǒng)一。

3、強調整體。

網頁的整體性包括內容和形式上的整體性,這里主要討論設計形式上的整體性。

網頁是傳播信息的載體,它要表達的是一定的內容、主題和意念,在適當的時間和空間環(huán)境里為研究們所理解和接受,它以滿足研究們的實用和需求為目標。設計時強調其整體性,可以使瀏覽者更快捷、更準確、更全面地認識它、掌握它,并給研究一種內部有機聯系、外部和諧完整的美感。整體性也是體現一個站點獨特風格的重要手段之一。

網頁的結構形式是由各種視聽要素組成的。在設計網頁時,強調頁面各組成部分的共性因素或者使諸部分共同含有某種形式特征,是求得整體的常用方法。這主要從版式、色彩、風格等方面入手。例如:在版式上,將頁面中各視覺要素作通盤考慮,以周密的組織和精確的定位來獲得頁面的秩序感,即使運用“散”的結構,也是經過深思熟慮之后的決定;一個站點通常只使用兩到三種標準色,并注意色彩搭配的和諧;對于分屏的長頁面,不可設計完第一屏再考慮下一屏。同樣,整個網頁內部的頁面,都應統(tǒng)一規(guī)劃,統(tǒng)一風格,讓瀏覽者體會到設計者完整的設計思想。

從某種意義上講,強調網頁結構形式的視覺整體性必然會犧牲靈活的多變性,“物極必反”就是這個道理。因此,在強調網頁整體性設計的同時必須注意:過于強調整體性可能會使網頁呆板、沉悶,以致影響訪問者的情趣和繼續(xù)瀏覽的欲望。“整體”是“多變”基礎上的整體。

1、交互性與持續(xù)性。

網頁不同于傳統(tǒng)媒體之處,就在于信息的動態(tài)更新和即時交互性。即時的交互性是web成為熱點的主要原因,也是網頁設計時必須考慮的問題。傳統(tǒng)媒體(如廣播、電視節(jié)目、報刊雜志等)都以線性方式提供信息,即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在web環(huán)境下,研究們不再是一個傳統(tǒng)媒體方式的被動接受者,而是以一個主動參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互,使網頁設計不像印刷品設計那樣,發(fā)表之后就意味著設計的結束。網頁設計研究員必須根據網站各個階段的經營目標,配合網站不同時期的經營策略,以及用戶的反饋信息,經常地對網頁進行調整和修改。例如,為了保持瀏覽者對網站的新鮮感,很多大型網站總是定期或不定期的進行改版,這就需要設計者在保持網站視覺形象一貫性的基礎上,不斷創(chuàng)作出新的網頁設計作品。

2、多維性。

多維性源于超級鏈接,主要體現在網頁設計中對導航的設計上。由于超級鏈接的出現,網頁的組織結構更加豐富,瀏覽者可以在各種主題之間自由跳轉,從而打破了以前研究們接收信息的線性方式。例如,可將頁面的組織結構分為序列結構、層次結構、網狀結構、復合結構等。但頁面之間的關系過于復雜,不僅使瀏覽者檢索和查找信息增加了難度,也給設計者帶來了更大的困難。為了讓瀏覽者在網頁上迅速找到所需的信息,設計者必須考慮快捷而完善的導航設計。

3、多種媒體的綜合性。

目前網頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等,隨著網絡帶寬的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣,必將促使設計者綜合運用多種媒體元素來設計網頁,以滿足和豐富瀏覽者對網絡信息傳輸質量提出的更高要求。目前國內網頁已經出現了模擬三維的操作界面,在數據壓縮技術的改進和流(stream)技術的推動下,inter網上出現實時的音頻和視頻服務,典型的有在線音樂、在線廣播、網上電影、網上直播等。因此,多種媒體的綜合運用是網頁設計的特點之一,是未來的發(fā)展方向。

4、版式的不可控性。

網頁版式設計與傳統(tǒng)印刷版式設計有著極大的差異:。

(2)網絡正處于不斷發(fā)展之中,不象印刷那樣基本具備了成熟的印刷標準;。

(3)網頁設計過程中有關web的每一件事都可能隨時發(fā)生變化。

這一切說明,網絡應用尚處在發(fā)展之中,關于網絡應用也很難在各個方面都制訂出統(tǒng)一的標準,這必然導致網頁版式設計的不可控制性。其具體表現為:。

(1)網頁頁面會根據當前瀏覽器窗口大小自動格式化輸出;。

(2)網頁的瀏覽者可以控制網頁頁面在瀏覽器中的顯示方式;。

(3)不同種類、版本的瀏覽器觀察同一個網頁頁面,效果會有所不同;。

(4)用戶的瀏覽器工作環(huán)境不同,顯示效果也會有所不同。

把所有這些問題歸結為一點,即網頁設計者無法控制頁面在用戶端的最終顯示效果,但這也正是網頁設計的吸引研究之處。

5、技術與藝術結合的緊密性。

設計是主觀和客觀共同作用的結果,是在自由和不自由之間進行的,設計者不能超越自身已有經驗和所處環(huán)境提供的客觀條件限制,優(yōu)秀設計者正是在掌握客觀規(guī)律基礎上得到了完全的自由,一種想象和創(chuàng)造的自由。網絡技術主要表現為客觀因素,藝術創(chuàng)意主要表現為主觀因素,網頁設計者應該積極主動地掌握現有的各種網絡技術規(guī)律,注重技術和藝術緊密結合,這樣生能窮盡技術之長,實現藝術想象,滿足瀏覽者對網頁信息的高質量需求。

例如,瀏覽者欣賞一段音樂或電影,以前必須先將這段音樂或電影下載回本地機器,然后使用相應的程序來播放,由于音頻或視頻文件都比較大,需要較長的下載時間。流(stream)技術出現以后,網頁設計者充分、巧妙地應用此技術,讓瀏覽者在下載過程中就可以欣賞這段音樂或電影,實現了實時的網上視頻直播服務和在線欣賞音樂服務,無疑增強了頁面?zhèn)鞑バ畔⒌谋憩F力和感染力。

網絡技術與藝術創(chuàng)意的緊密結合,使網頁的藝術設計由平面設計擴展到立體設計,由純粹的`視覺藝術擴展到空間聽覺藝術,網頁效果不再近似于書籍或報刊雜志等印刷媒體,而更接近于電影或電視的觀賞效果。技術發(fā)展促進了技術與藝術的緊密結合,把瀏覽者帶入一個真正現實中的虛擬世界。

技術與藝術的緊密結合在網頁設計中體現得尤為突出。

網頁設計開題報告篇七

在經濟迅速發(fā)展今天,internet顯得更為重要它是人們發(fā)布信息與傳遞信息重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正技術性人才。學校在本周為我們安排了維持一周網頁制作專用周是實習,讓我們把平時所學知識運用到實習中做到真正學以致用而不只是紙上談兵。通過本周實習使我獲得了更多新知識同時也使我使我認識到了自己在學習上許多不足,下面就談談我在本次專用周主要感受。

1討論網站主題。

網站整體規(guī)劃是做網頁第一步也是制作網頁最關鍵一步它決定了你要表答信息,因此我選擇了我選擇我最喜愛服飾來為它做網頁。在平時我也對服裝網頁比較關心,無論是淘寶網上衣店還是各種品牌裝。這次我是為“易菲”服飾做網頁。

2定位網站ci形象。

“易菲”植根中國文化之精髓,汲取自然稟賦之靈性,形成一個既有濃厚文化底蘊,又有現代自然人文氣息特色品牌。“易”即是容,是包容,是寬容,是五千年中華民族文化精髓,是厚德載物,是對人性寬度一種拓展?!胺啤蓖ǚ牵巧鷻C、是個性、是春意盎然、是自強不息,是對人性深度一種挖掘?!吧钊缁?,自在快樂”是yifini易菲設計理念,倡導一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂生活方式。這也便是我網站ci形象。

3確定欄目和板塊。

于時間關系在本次我準備做四張網頁:一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網頁主打色綠色。

4網站整體風格和創(chuàng)意。

整個網站創(chuàng)意就在于顏色搭配,與各種圖片搭配,它們相互輝映,相互襯托。以便達到表現其品牌和諧之美、自然之美。我踩用淡藍色和綠色為我網站主打色主要是因為我產品特性。在設計上,yieini易菲推崇“自然美”,將帶表女性氣質花卉和自然元素融入設計之中,充分體現設計師和顧客所追求一種灑脫、舒適生活氛圍,力求表現悠閑、舒暢、自然生活情趣。因此我用天空與自然顏色來表達這張自然之美、和諧之美。

1資料搜集。

在做網頁我上網收集了許多方面資料主要是有關網站布局與服飾品牌方面資料,我首先進它企業(yè)網站找了一些關于“易菲”服飾圖片主要是一些代言形象還有代表其企業(yè)形象圖片。其次我去瀏覽了許多網頁觀察其網頁布局、顏色搭配、欄目、板塊等方面內容,同時也搜集了一些對我有用資料。在搜索資料最困難便是動態(tài)圖片搜集,動態(tài)圖片其gif格式還是好保存,但是要搜集flash動態(tài)圖片就相對較難了。我用了一天時間來搜集我flash都不太成功,不過還搜到了可以換自己圖片代碼。在開始時我根本就不知道flash是怎樣搜索,不過經過三次像老實詢問我終于懂得一些關于代碼搜索。在搜集資料過程之中我發(fā)現了自己許多不足之處,最關鍵就是平時對知識掌握不夠,連最基本資料搜尋都覺得困難。也是我平時不夠認真和努力表現。通過這次教訓在以后我一定會做得更好,爭取不范類似錯誤。

2熟悉制作軟件。

做網頁主要用工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉,因為在平時上課是老師帶領我們運用過。所以我還可以正常運用,但是出現問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現了我學習方面缺點,它是我平時不夠認真具體表現。

1構建站點框架。

在我打開dremweaver后第一步便是新建站點,我把我站點建立在f儀下面。并將我搜集全部資料都保存在其文件夾中,以便網頁制作時可以方便使用。

2設計主頁及二級頁面。

在主頁我設首頁制作時,時刻考慮著網頁基本原則:統(tǒng)一,連貫,分割,對比及和諧原則,內容統(tǒng)一,都是為了主題服務,美容美體,一個網站強調就是一個整體,只有圍繞一個統(tǒng)一目標所做設計才是成功;連貫,頁面之間關系連貫,統(tǒng)成一體;每版內容都自成一體,顏色各異,便于瀏覽;整個網頁有動有靜,色彩呼應,搭配協調,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:

簡潔實用:這是非常重要,網絡特殊環(huán)境下,盡量以最高效率方式將用戶所要想得到信息傳送給他就是最好,所以要去掉所有冗余東西。使用方便:同第一個是相一致,滿足使用者要求,網頁做得越適合使用,就越顯示出其功能美;頁面用色協調,布局符合形式美要求:布局有條理,充分利用美形式,是網頁富有可。

網頁設計開題報告篇八

畢業(yè)后,我來到了社會這個匯集眾多江河湖水的大海,感受到了獨立生活的好處與艱辛,同時我自己也更深的理解了,家長和學校老師對我們的殷切希望,在社會實習的這段日子,我吃了些苦,受了些罪,可是整個人在肉體上和精神上卻升華了很多,也比以前的變得更有自信了?,F將我的實習情況匯報如下:

我所在的這家公司,是一家做網上招商的商業(yè)網站,公司接收各種廠家提供的信息,然后由網絡的技術人員,將商家的信息做成網頁廣告,然后掛在我們的網站上,以此達到商業(yè)推廣的目的,類似我們公司的網站在同行業(yè)還有u88、28招商網等。

我和其它幾位同事做為網絡部的技術人員,主要的工作就是接收美工人員的網站模板,將其通過photoshop切片,然后導入dreamweaver進行排版,(排版主要使用css+span),并進一步的加以制作,完善美化,如加入js代碼,或透明flash,因為網頁是用css+span進行排版的,所以在最后一步的時候,我們還需要進行瀏覽器測試,因為css+span排版方式有一個最大的缺點就是:瀏覽器不兼容的問題,典型的如:ie與fireworks,因為各種瀏覽器使用的協議不同,所以會導致頁面在最終瀏覽的時候有一些小問題,如:頁面混亂,圖片、文字之間的距離過大或過小,頁面不美觀等等,做為一個新人,我在有些方面的技術還很不成熟,所以在技術總監(jiān)張偉的幫助下,解決了很多問題,所在我很感謝他,當每天我們做完網頁后,都會在代碼頁面加入注釋代碼,在里面寫上每個人姓名的漢語拼間和工作日期,這樣方便月底做統(tǒng)計工作,公司領導會根據每個人的工作數量進行獎勵,每做一個頁面會有2塊的提成,雖然少點,但是積少成多,也是很可觀的。

(一)初級考試

初來公司的時候,我們經過了初期考試,培訓,與最終考試三個階段,在接到公司讓我面試的電話后,我來到了xx公司,因為要干的是網頁設計,所以要有一個小測驗,技術總監(jiān)要求我們在網上自找圖片和文字,做一個簡單的頁面,要求是:什么樣的頁面都可以,考查的主要是面試者相關軟件的操作能力與代碼掌握的熟練成度,說實話,從畢業(yè)后,有一段時間沒有寫代碼了,剛一上機,還有點生疏,但是憑借在學樣扎實的學習功底,我很快就恢復了自己的英雄本色,將html代碼寫的很熟練,做了一個左右分欄的頁面,沒什么太大難度,技術總監(jiān)看了以后,說不錯,讓我三天后參加培訓,合格扣就可以正式上班了。

(二)三天的培訓工作

三天后,我來到了公司,一看,來參加培訓的人有很多,大概在十多個人左右,其實所謂的培訓,就是讓大家先熟悉這家網站的工作,先做一些他們平時干的活,做一些廣告網頁,這些網頁都是靜態(tài)的,沒什么難度。我后來發(fā)現,自己在這些人當中,還是較較者,心里優(yōu)勢還挺好的。

(三)最后的考核

三天的培訓后,我們迎來了最后的考核,合格的人會被留下,并得到一份為期一個月的實習合同,然后會在根據你在實習期的表現決定你的去留問題,最優(yōu)秀的人會轉正,得到很優(yōu)厚的待遇。

考核的內容,就是在公司的商務網站上任選一個頁面,然后在規(guī)定的時間內做完,我還不錯,技術比較熟練,是第四個做完的。當我們把網頁做完后由這家公司的經理進行審核,最后的結果是,最先做完的前8個人可以有底薪加提成,每人頁面的提成是2元錢,而后面做完的,只有提成,沒有底薪,他們的提成是每個頁面5元錢,最后的幾個人就被淘汰了,制度雖有點不近人情,但是剛畢業(yè)的學生能忍也就忍了,就這樣,我們每個人得到了一份一個月的臨時合同,正式開始了實習工作。

我的實習是從大三剛開學,被一位老師推薦到一家室內設計公司實習了!真慶幸自己平時能利用課余時間學到那些設計方面的知識,和大二暑假到那家設計公司實習啊!要不是這些,我想現在就由學校安排到廠工里當普工。但自己最大的收獲是將所學的adobe軟件用于實踐,并且通過實踐檢驗了自己關于設計方面的假設和猜想,取得了一些令自己滿意的成績。

我們每天的上班時間是從早上8:30分到下午的17:00,這是我見過最有激情的一些人了,年紀輕輕,干勁十足,來了以后就工作,連平時聊天的內容也和本行業(yè)分不開,我喜歡他(她)們,回為是實習期,所以每天做的數量沒有太大要求,但是每個人都玩命似的干活,抓緊時間做網頁,我們做的網頁是比較簡單的從上到下式的網頁,通過css+span排版,這樣在后期瀏覽器兼容測試中,就好做的很多了,文字與圖片之間就不會有太多的麻煩,我干的很不錯,不過有些追求精致,我做網頁的速度慢了很多,最初每天只能做3——4個網頁,這對于我來說是不能接受的,后來我改變了工作方法,我第次工作的時候,先訂下計劃,比如今天做多少網頁,然后我將要做的所有網頁,先做好排版,這時的網頁雖然排過版,但是不美觀,因為沒有進行美化工作,然后我會在下午的時間,集中全力做美化工作,就這樣我的速度提高了很多,快了將近一倍多。只要更加熟練速度不會更快,我相信自己。

每天的工作都是是很快的,有時感覺時間過的很快,想停都停不住,早上出去的時候,見的是太陽,晚上下班后看到的是即將落日的夕陽或者是星星,每天就這么快的過去了,每個工作日結束后,我都會在下班后步行一段時間,去附近的圖書城充會電,或者放松一下,找一些我喜歡的書,看上幾個小時。

明年就要開始找工作了,這次實習,更讓我懂得了珍惜現在的生活,校園生活真的非常完美,非常令人羨慕!職場的競爭很大,“逆水行舟,不進則退”,必須時刻提醒自己,督促自己!同時也看到了許多,知道做人比做事更加重要,沒有人天生就會,沒有人天生就懂,只有不斷地努力才能成功,在這里不是每個人都有認為你是什么的,有的人就覺得你什么也不是。你只有付出好好學,做給她們看。證明自己不是虛的,證明自己有實力,名副其實!

實習期結束后,我和其它同事得到了正式合同并留在了這家公司,通過這次工作,我得到的最大體會就是,如果一個人在社會上沒有一技之長,那他是沒有辦法很好的活下來的,只有不斷的加強自身專業(yè)技能學習才行。所以,尊敬的老師,我會在業(yè)余時間好好學習,加強自己的專業(yè)能力,使自己變得更強,只有這樣才能上到為國家、為社會做出貢獻,下到為自己、為父母、為學校交出一份滿意的答卷。

(4)廣告圖象攝影和廣告插畫上,通過對商品在消費使用過程中的情景做出真實的再現,以便來宣傳商品的特征,突出商品的形象;或以攝影圖形來促發(fā)消費者的購買欲望,更直觀準確地傳達產品信息。真實的反映商品的結構、造型、材料和品質。廣告的插畫有傳統(tǒng)的寫實描繪逐漸向夸張、理想化和多邊化的視覺表現方向發(fā)展,重意念而輕形似,從而有助于強化廣告商品對象的特征和主題。在廣告排版制作的過程中,使用卡通形象作為產品代言人不但可以以卡通形象的活潑自由,個性化的形象贏得消費者的好感,還省去了請名人做代言的龐大廣告支出和風險。

網頁設計開題報告篇九

網站主題就是要建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對于個人網站,不可能像綜合網站那樣做得內容大而全,包羅萬象。我們沒有這個能力,也沒這個精力,所以必須要找準一個內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是客戶感興趣的,任何內容都可以,但主題要鮮明,在一定的主題范圍內,內容做到大而全、精而深。

明確了網站的主題以后,就要圍繞主題開始搜集材料了。常言道:“巧婦難為無米之炊”。要想讓客戶的網站有血有肉,能夠吸引住用戶,就要盡量搜集材料,搜集得材料越多,以后制作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來,也可以從互聯網上搜集,然后把搜集的材料去粗取精,去偽存真,作為自己制作網頁的素材。

一個網站設計得成功與否,很大程度上決定于設計者的規(guī)劃水平,規(guī)劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規(guī)劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,而只有在制作網頁之前把這些方面都考慮到了,才能在制作時駕輕就熟,胸有成竹。也只有如此制作出來的網頁才能有個性、有特色,具有吸引力。如何規(guī)劃網站的每一項具體內容,我在以后會有詳細介紹。

盡管選擇什么樣的工具并不會影響設計網頁的好壞,但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁制作涉及的工具比較多,首先就是網頁制作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優(yōu)秀者當然是dreamweaver和frontpage了,如果是初學者,frontpage20xx是首選。除此之外,還有圖片編輯工具,如photoshop、photoimpact等;動畫制作工具,如flash、cool3d、gifanimator等;還有網頁特效工具,如需要有聲有色的效果,網上有許多這方面的軟件,可以根據需要靈活運用。

材料有了,工具也選好了,下面就需要按照規(guī)劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小,就是說在制作網頁時,先把大的結構設計好,然后再逐步完善小的結構設計。所謂先簡單后復雜,就是先設計出簡單的內容,然后再設計復雜的內容,以便出現問題時好修改。在制作網頁時要多靈活運用模板,這樣可以大大提高制作效率。

網頁制作完畢,最后要發(fā)布到web服務器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁制作工具本身就帶有ftp功能,利用這些ftp工具,可以很方便地把網站發(fā)布到自己申請的主頁存放服務器上。網站上傳以后,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發(fā)現問題,及時修改,然后再上傳測試。全部測試完畢就可以把網址告訴給朋友,讓他們來瀏覽。

網頁做好之后,還要不斷地進行宣傳,這樣才能讓更多的人認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。還有個是我們公司的特色,在網上推排名,這個宣傳效果也很顯著,人們只要輸入關鍵字最先看到的鏈接,則就是我們公司推上去的鏈接,很好用,訪問量大大提升。

通過目前的實習,在設計方面我感覺自己有了一定的收獲,也為了我今后在工作及業(yè)務上能力的提高起到了促進的作用,增強了今后的競爭力,為能在以后立足增添了一塊基石。

但我也認識到,要想做好這方面的工作單靠目前幾月的實習是不行的,還需要我在平時的學習和工作中一點一點的積累,不斷豐富自己的經驗才行。我面前的路還是很漫長的,需要不斷的努力和奮斗才能真正地走好。

網頁設計開題報告篇十

網頁是我們在網絡上的“帶言人”。我們將什么樣的信息傳達給瀏覽者,要講述什么要的事情,網頁在這里起著重用的作用。以下是一份關于網頁設計的報告書,歡迎閱讀學習!

對于現在的社會,科技的飛速發(fā)展已經成為社會發(fā)展的標志。其中計算機的發(fā)展可謂快中之快,而在計算機的發(fā)展中計算機網絡的發(fā)展又是首當其沖的。計算機網絡從為我們所知,到現在才經歷的短短的幾年時間,在這幾年中隨著計算機網絡的廣泛應用,特別是internet的普及和發(fā)展,網絡已經成為了不可或缺的通信手段。不論是最新的新聞信息、新產品的出臺、新游戲的發(fā)布、最新的各種it動態(tài),包括等候就業(yè)人才的個人簡歷,我們都是可以通過網絡來獲得。但是什么為這所有的一切提供平臺的呢。我們又是通過什么來獲取這些消息的呢——對就是網頁?,F如今,數以萬計的網站以網頁的方式提供了豐富、精彩的信息。在人類社會進入信息時代的時候,在網絡成為通信的主要手段的時候,在計算機網絡普及的今天,網頁也在它自己的崗位上做出了突出的貢獻。網頁是我們在網絡上的“帶言人”。我們將什么樣的信息傳達給瀏覽者,要講述什么要的事情,網頁在這里起著重用的作用。

由于人們使用網絡的頻繁而網頁作為上網的主要依托就變得非常的重要。網頁講究的是排版布局,其功能主要就是提供一種形式給每個上網者,讓他們能夠了解網站提供的信息。網頁設計直接面對的是大量用戶,隨時都會反饋回來對網頁的批評建議等,可以根據實際情況進行修改,這樣做可以使使用者用起來更加的方便。

1. 整體性好: 一個網站強調的就是一個整體,只有圍繞一個統(tǒng)一的`目標所做的設計才是成功的。

2. 網站形象突出: 一個符合美的標準的網頁是能夠使網站的形象得到最大限度的提升的。

3.頁面用色協調,布局符合形式美的要求: 布局有條理,充分利用美的形式,是網頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。

我通過解答迎新問題,不僅僅增加了對學校,對迎新流程的熟悉,讓我學會了一些如何籌劃安排迎新這種大型活動的知識,而且,我覺得更重要的一點是,這種工作能夠培養(yǎng)我去體會怎樣助人為樂,體會其中的樂趣,學會真正為人民服務.

實踐讓我走向科技應用,走出課堂.當前,我們缺少的主要不是知識,而是缺少將知識與實際相結合的能力.我們在課堂上所學的,與在實際當中遇到的是不盡相同的.其往往具有不具有明顯的特征,這需要我們進行抽象概括才能解決各種問題.

作為當代中國的大學生,應該不再只是被動的等待別人告訴你應該做什么,而是應該主動的去了解自己要做什么,然后全力以赴的去完成.所以在大學期間我覺得多與社會接觸,多了解自己所處的環(huán)境,多了解你將會面對的種種問題,對以后的發(fā)展和繼續(xù)深造都是非常非常有益處的.

當然,也要擺正勤工助學于學習的關系,切不可因打工而荒廢四年的青春,荒廢人生寶貴的大學學習時期.正如有名的microsoft公司副總裁李開復教授曾說過的一樣:"打工只是學習生活中的一種補充,學習才是最重要的."

實踐是學生接觸社會,了解社會,服務社會,運用所學知識實踐自我的最好途徑.親身實踐,而不是閉門造車.實現了從理論到實踐再到理論的飛躍.增強了認識問題,分析問題,解決問題的能力.為認識社會,了解社會,步入社會打下了良好的基礎.同時還需我們在以后的學習中用知識武裝自己,用書本充實自己,為以后服務社會打下更堅固的基礎!

網頁設計跟學習別的東西一樣,也需要興趣,所謂的興趣也不是三分鐘熱度,是一種執(zhí)著。

學習網頁設計需要耐心,如果沒有耐心,就學不好網頁設計,應為當你碰到一個問題時,如果不能立刻得到問題的答案,你可能需要很長時間去解決,我就碰到過一個問題,用了很長時間才解決。

并且學習網頁設計不要掉入技術的陷阱,如果你的網頁設計技術一流,并且對軟件的掌握程度已經達到一定水平,但是你設計的網頁確不堪目睹,這是因為網頁設計是介于平面設計和編程技術兩者之間的"邊緣科學."不僅涉及到美學,心理學,平面構成,色彩搭配等平面設計的方面的知識,還涉及到html,javascript,css,asp,php等編程語言技術方面的知識.只有綜合運用多種知識,才能設計出視聽特效,動感十足,富于個性的web頁面,才能全面展現互聯網這一新型媒體的獨特魅力和多維空間的超強功能.

并且我認為網頁設計應該注重實用性,因為它是讓人瀏覽的,是用戶可以撫摸,可以評論,可以交互的。因此我提倡簡單的美。

不要過于注重色彩的燦爛,只要簡單就行。我們最終追求的主要是實用價值。

近一個星期的實訓將要結束,其中的酸甜苦辣我會在今后的日子里不斷地去咀嚼,去回味,去探索。從制作網頁過程中,我學到了新的美化網頁的方法,運用了更多以前未運用的技巧。這使我學到了更多的知識,并且為我自己在制作網頁這方面積累了一些經驗。這些將是我人生中的一次重要的經歷,將是我今后走上社會后的一筆巨大的財富。這次實習的收獲對我來說有不少,我自己感覺在知識、技能等方面都有了不少的收獲??傮w來說這次是對我的綜合素質的培養(yǎng),鍛煉和提高。

每日勵志學習名言:百川東到海,何時復西歸?少壯不努力,老大徒傷悲。(漢樂府《長歌行》)

網頁設計開題報告篇十一

隨著現代化科技的發(fā)展,計算機已經成為人們生活中的重要組成部分,網頁瀏覽的形式已經代替以往書籍瀏覽的形式,也正因為如此網頁的設計與布局尤為重要。科學合理的網頁設計布局不但能夠帶給人們美感,并且還能使人們在瀏覽的過程中內心放松。計算機網頁設計的概念主要包括網頁設計布局的整體造型以及網頁設計布局頁面的尺寸。頁面設計的整體造型指的就是網頁設計中的布局形狀,其中最常見的形狀有三角形、圓形等,也有部分計算機網頁設計采用綜合體的形狀,在頁面的選擇上,大多是根據網站自身的特點來選擇的。計算機網頁設計的尺寸也較為多樣化,在計算機使用過程中,常常由于客觀影響造成屏幕的分辨率以及尺寸的影響,但由于是客觀因素無法改變,在瀏覽器自帶的功能上,對于瀏覽過程中網頁的增大與減小都能夠借助瀏覽器工具欄中的相應功能解決。計算機網頁設計中的布局與計算機的發(fā)展有著直接的聯系,并且影響網站的瀏覽量,目前最為常見的布局分為同字型布局、標題正文型布局、綜合框架型布局、封面型布局以及flash型布局等五種形式。這五種布局形式都能夠最大程度的提高網頁的美感,并且在現代網頁布局中被廣泛運用,以下便是對五種布局類型的詳細分析。

同字型布局主要針對網頁布局的內容,這種布局其內的填充范圍較廣、填充的數量也較大。在網頁設計布局中,大多都是在網頁的標題欄進行網站主體的填充,有的是填充廣告,也有少數網頁設計布局中填充的形式是小標題。在頁面的兩側分別布置內容,其中網站的信息與動態(tài)或是服務人員以及相應的廣告等,在以往網頁設計布局中這部分并沒有受到重視,因此也是相對具有價值的部分。同字型布局網頁主要都是從中央位置布置,根據網頁內容的重點由上到下布局,或是根據網頁自身的特點以及相應的顏色進行布局,也有部分網頁是根據其中的細節(jié)進行布局的。在網頁的下端并不會進行內容的布局,就目前網頁來看下端也只是網頁的信息以及登錄方式等。

標題正文型布局與同字型布局不同的是標題正文型布局并沒有兩端的布局,其它布局類型相似。在頁面上端的布局中大多都是網頁的標題,其中也有廣告,頁面的中端是網頁的主要內容以及和重點內容,其中中端內容中包含同字型布局兩端布局的'內容,例如,在正標題下方是對網站的簡訊,之后便是相應的附加咨詢,最為常見的就是天氣信息以及網站的注冊信息等,在下方便是網站的主要內容也就是正文,在正文的布局上,其結構都是簡單明了的。

綜合框架型布局與其它布局相比形式較為復雜,主要采用框架的形式來進行網頁的布局,分別在上端、兩端以及下端,網站的主要內容都是在框架中進行布局的。這種布局形式與其他布局形式相比更具有輪廓性,能夠將其它布局中的內容類型充分地體現出來。

封面類型布局便是字面上的意思,按照書本頁面的形式進行布局,在封面型布局中大多采用的是圖片,其中圖片篇幅較大。一般在不同種類網站的主頁上大多采用封面型布局,在布局的周圍相應的分布著較小以及較為簡單的信息,此種信息所采用的形式都是超鏈接的形式,例如,最為常見的qq空間,其主頁便采用封面型布局的形式,采用此種布局的主要目的就是能夠凸顯網頁自身的特點,能夠吸引使用者的目光的同時,對其功能更加一目了然方便操作。

flash型布局與頁面布局較為相似,flash型布局與頁面型布局唯一不同的便是在頁面的布局過程中采用更多的flash,其中包含聲音以及動畫的形式,因此與封面型布局相比在聲音上更能給人們帶來聽覺上的享受,除了聽覺上的享受外在視覺上flash型布局也能夠給人們帶來相應的震撼效果。例如,在現代最為常見的游戲頁面上,采用的都是flash型布局,尤其是在登錄的界面或是在進入游戲過程中的等待界面,在現代科技的發(fā)展中,也有少數網頁在主頁布局的過程中采用flash型布局,以此提高網頁的瀏覽量。總而言之,計算機時代已經到來,網頁設計布局已經成為重要的發(fā)展趨勢,網頁設計布局并沒有固定的格式,做一種形式設計的過程中主要根據個人的審美,因此想要在網頁的設計布局中增添其美感,首先就要對美有更深刻的了解,合理的運用到網頁的布局中,使人們在網頁的瀏覽中獲取所需信息的同時還能夠帶來相應的視覺享受。

網頁設計開題報告篇十二

網頁設計心得體會。

我利用寒假的時間,對網頁設計進行了初步的認識和了解,并基本掌握dreamweaver的應用。

通過對網頁設計書籍的翻閱,我學習到了一些關于建設網站和制作網頁的知識,在實踐查閱資料時,對flash也有所了解。

我還了解了一些基礎的網絡技術。

通過學習,我對計算機有了更深層次得到了解,也有了更濃厚的興趣。

尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解,對網頁制作的基礎知識也有了一定的掌握。

在這個過程中,我同樣認識到網頁設計不是一門學科的獨秀,而是多種課程的綜合,他是、flash、fireworks等網頁軟件的綜合應用。

下面闡述一下我在翻閱《dreamweaver》時的一些關于網頁設計的見解。

在具體的制作一個網頁時我了解到一個優(yōu)秀的網頁設計應該具備一些基本原則。

首先,要·確定網頁設計的內容一個優(yōu)秀的風站要有一個明確的主題。

整個網站圍繞這個主題,也就是你在網頁設計之前要明確你這個網站有什么目的,用來做什么,所有頁面都是圍繞著這個內容來制作,有了明確的內容對排名有很重要的作用;其次,要了解你網站所在行業(yè)的客戶,及你的網頁屬于哪個類別。

用戶是一個網站成敗的關鍵,如果用戶要花很多時間進入你網站很有可能用戶會立即關掉你網站,或者你網站操作很不方便用戶也會馬上離開,這種網站是很失敗的設計,只會讓用戶失望的離去.

在完成以上的基本內容之后網頁的基本框架便成形成了,

下面要開始的便是優(yōu)化工作,

內容是整個網頁的核心。

在網頁設計之前必須明確網頁的內容安排。

優(yōu)秀網頁設計是要建立在平凡的基礎上的。

然后在具體的規(guī)劃一個網頁時,可以用樹狀結構先把每個頁面的內容大綱列出來,尤其要制作一個大的網站 (有很多頁面) 的時候,特別需要把這個架構規(guī)劃好,也要考慮到以后可能的擴充性,免得做好以后又要一改再改整個網站的架構,很浪費時間和財力。

大綱列出來后,還必須考慮每個頁面之間的鏈接關系。

是星形,樹形,或是網形鏈接。

這也是判別一個網站優(yōu)劣的重要標志。

鏈接混亂,層次不清的站點會造成瀏覽困難,影響內容的發(fā)揮。

框架定下來了,然后開始一步一步有條理,有次序地做來,就胸有成竹得多,也會為主頁將來發(fā)展打下良好的.基礎。

下一步,就以動手制作具體內容了,題材選定,框架選定,接下來就開始往主頁里面填內容。

如果是個人主頁,有能力的人完全可以靠自己來創(chuàng)作所有的內容。

大部分人的方法是:從報紙,雜志,光盤等媒體中把相關的資料收集整理,再加上一定的編輯后就可以了。

另外一個好的方法是從網絡上收集,您只要到搜索引擎上查找相應的關鍵字,就可以找到一大堆的資料。

在準備材料的時候我們可以用一些小的動畫和動態(tài)圖片,flash提供了功能齊全的繪圖和編輯圖形工具。

可以直接在編輯區(qū)里繪畫,編輯修改非常靈活,它的另一大特點是“交互a性”強。

在動畫播放時,可以用鼠標或鍵盤對動畫的播放進行控制,效果可以很直觀的反映出來。

然后是開始正式制作主頁。

通過dreamweaver作為制作軟件,只需要用到軟件中的一些基本的功能:圖片插入和對齊設置;文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。

總體來說,通過這個假期對網頁設計的學習,有收獲也有遺憾。

但是,我已經邁入了網頁設計的大門,只要我再認真努力的去學習,在今后的閑余時間學習制作網頁的更多知識以實現自身技能的提高,我堅信將來設計出的網頁會更加專業(yè),更加華麗,使它最終成為自己的一項技能。

不知不覺,二個星期的《網頁設計與網站建設》課程的實操即將過去,回顧這一段日子,真的令我體會很深,也學會很多東西,懂得很多以前不懂的東西,也明白了一些事情.

自從第一天接觸《網頁設計與網站建設》課程,我以下定決心要把網頁這門課學好,做出一個優(yōu)秀的網站.所以我時刻沒有錯過任何學習的機會,無論在課堂上,還是在課外上.更何況這一次實操.回顧今次的實操我覺得我過得很充實,很有意義,因為我可以誠實的說我在實操沒有玩過一次游戲,我每時每刻都在設計網站,還記得晚上做網站做到一、二點,可能有人會說我傻,但正因為這個傻的行動,令我學會很多東西,學會別人不懂的東西,做出一個令自己滿意的網站,可能跟別人比還需要繼續(xù)完善,但我不會因為實操結束,就把網頁設計拋到九霄云外,我會繼續(xù)學習網頁設計技術,把它變?yōu)樽约旱囊豁椞亻L。

回顧第一天的《網頁設計與網站建設》課程實操,老師叫我們繼續(xù)完善以前設計的網站,做出留言板、注冊的功能。

我很快就完成了,但可能我是一個追求完善的人,所以盡管一個網站做好可以馬上交給老師。

但我做出一個別人都不贊同的決定,從頭開始做一個網站。

因為我覺得以前那個真的不是太好,盡管實操的時間過去了一半,盡管別人對我說你交原來這個不就行了嗎!何必再做一個呢?但真因為我的執(zhí)著,追求成功,追求完善的人,才會使我今天交出一個令自己滿足的答卷。

在制作個人網站時我們首先:

一、必需進行個人網站前臺功能設計

包括個人網站主題的確定,前臺功能設計與管理、個人網站主頁設計、個人網站留言板、注冊、忘記密碼、搜索等網頁設計與管理。

二、對個人網站后臺管理功能設計

包括個人網站后臺管理功能的設計、后臺管理信息系統(tǒng)功能的設計、后臺系統(tǒng)權限管理、后臺文件管理、個人網站后臺管理系統(tǒng)主頁設計。

三、網站的發(fā)布

通常我們發(fā)布一個網站可能以能過域名注冊,但我們也可以利用自己主機,裝了iis別人就可以通過我的ip地址來訪問我的主頁。

第一次做的那個網頁我已經發(fā)布在上網了。

四、個人網站推廣

一個網站做好了,就要對個人網站進行推廣,這是一個電子商務網站必需做得的一步,因為如果你不對你的網站進行推廣,就算你發(fā)布了也沒有人會知道的。

在設計這個網站時真的體會很多東西,從一開始網頁主題的確定,到主頁總體的設計、搜集資料、前臺功能設計與管理、后臺功能設計與管理、每個分頁面的設計等。

我都一一進行了規(guī)劃,因為如果你不規(guī)劃好,想做什么就做什么,是不會做得好的。

因我為體會到這一句話:“機會中屬于有準備的人”。

我詳細到一個表格寬度都一一列明。

例如:775寬度,分三欄,每一欄占多少。

因為我深深懂得“細微處才見真功夫”。

在這次實操過程中令我印象最深的是做留言板,因為剛好在上一個星期sql數據庫實操做過了,所以今次在做就比較輕松,但我以前是經過一個比較長的練習,做完了n次,可能有人會想,肯定是不會才做這么多次啦!但我想告訴這位同學我每次做得都不是不同的方法。

第一次我用的是access數據庫,第二次我用的是sql數據庫加權限管理,第三次我用的是數據源名稱的連接,第四次我用的是自定義連接字符串,第五次……每一次用的方法都是不同的,可能有人會說我傻,會一種方法就行了,還要那么多嗎?但我想說的就是不是這么多次的練習,不是之么多次不同的方法,也就不會造就出今天熟能生巧的我,也不會對同學提出的問題解決到,也不會輕松教會同學,因為你自己首先學會,學通,學廣,才能把問題一一的解決。

令我難以忘懷的鏡頭也是在做留言板的時候,但不是為我自己的而做,而是一步一步教同學做,直到令同學學懂;把同學留言板的問題一一解決;當同學因為做不出而沒心情,過去對她進行鼓勵的,然后一一解決;當自己也不會,與同學共同研究的情況,這種學習氛圍是最難得的,就是在做留言板的時候,令我深深體會到我?guī)拙湓挘赫J真做事只是把事情做對,用心做事才能把事情做好。

把每一件簡單的事情做好就是不簡單,把第一件平凡的事情做好就是不平凡。

網頁設計開題報告篇十三

在經濟迅速發(fā)展的今天,internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道,為了與社會發(fā)展同步,為了讓我們成為真正的技術性人才。學校在本周為我們安排了維持一周的網頁制作專用周是實習,讓我們把平時所學知識運用到實踐中做到真正的學以致用而不只是紙上談兵。通過本周的實習使我獲得了更多的新知識同時也使我使我認識到了自己在學習上的許多不足,下面就談談我在本次專用周的主要感受。

一、網站整體規(guī)劃,要做網頁的第一步便是做網站的整體規(guī)劃這主要包括四個方面的內容。

1.討論網站的主題。

網站整體規(guī)劃是做網頁的第一步也是制作網頁最關鍵的一步它決定了你要表答的信息,因此我選擇了我選擇我最喜愛的服飾來為它做網頁。在平時我也對服裝的網頁比較關心,無論是淘寶網上的衣店還是各種品牌裝。這次我是為“易菲”服飾做的網頁。

2.定位網站的ci形象?!耙追啤敝哺袊幕瑁橙∽匀环A賦之靈性,形成一個既有濃厚文化底蘊,又有現代自然人文氣息的特色品牌?!耙住奔词侨?,是包容,是寬容,是五千年中華民族的文化精髓,是厚德載物,是對人性寬度的一種拓展?!胺啤蓖ǚ?,是生機、是個性、是春意盎然、是自強不息,是對人性深度的一種挖掘?!吧钊缁?,自在快樂”是yifini易菲的設計理念,倡導一種與自然和諧相處,如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網站的ci形象。

3.確定欄目和板塊。

于時間的關系在本次我準備做四張網頁:一張主頁三張二級頁面。分別設計了“時尚首頁、時尚衣秀、推薦產品、潮流信息”等四個欄目。在這四張頁面中我打算都用淡藍色做背景顏色來映襯我網頁的主打色綠色。

2.網站的整體風格和創(chuàng)意。

整個網站的創(chuàng)意就在于顏色的搭配,與各種圖片的搭配,它們相互輝映,相互襯托。以便達到表現其品牌的和諧之美、自然之美。我踩用淡藍色和綠色為我網站的主打色主要是因為我的產品特性。在設計上,yieini易菲推崇“自然美”,將帶表女性氣質的花卉和自然元素融入設計之中,充分體現設計師和顧客所追求的一種灑脫、舒適的生活氛圍,力求表現悠閑、舒暢、自然的生活情趣。因此我用天空與自然的顏色來表達這張自然之美、和諧之美。

二、網頁制作的前期策劃與準備,在本階級主要有兩方面的工作。

1.資料的搜集。

在做網頁我上網收集了許多方面的資料主要是有關網站的布局與服飾品牌方面的資料,我首先進它的企業(yè)網站找了一些關于“易菲”服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去瀏覽了許多的網頁觀察其網頁的布局、顏色搭配、欄目、板塊等方面的內容,同時也搜集了一些對我有用的資料。在搜索資料最困難的便是動態(tài)圖片的搜集,動態(tài)圖片其gif格式的還是好保存,但是要搜集flash動態(tài)圖片就相對較難了。我用了一天的時間來搜集我的flash都不太成功,不過還搜到了可以換自己圖片的代碼。在開始時我根本就不知道flash是怎樣搜索,不過經過三次像老實詢問我終于懂得一些關于代碼的搜索。在搜集資料的過程之中我發(fā)現了自己的許多不足之處,最關鍵就是平時對知識的掌握不夠,連最基本的資料搜尋都覺得困難。也是我平時不夠認真和努力的表現。通過這次的教訓在以后我一定會做得更好,爭取不范類似錯誤。

2.熟悉制作軟件。

做網頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉,因為在平時上課是老師帶領我們運用過。所以我還可以正常的運用,但是出現的問題還是有很多。有很多不懂如何操作,只有通過在次去看書才能夠了解,這也體現了我學習方面的缺點,它是我平時不夠認真的具體表現。

三、網頁制作,這便進入我該次的主題了具體制作流程如下。

1.構建站點框架。

在我打開dremweaver后第一步便是新建站點,我把我的站點建立在f儀下面。并將我搜集的全部資料都保存在其文件夾中,以便網頁制作時可以方便的使用。

2.設計主頁及二級頁面。

在主頁我設首頁制作時,時刻考慮著網頁的基本原則:統(tǒng)一,連貫,分割,對比及和諧的原則,內容統(tǒng)一,都是為了主題服務,美容美體,一個網站強調的就是一個整體,只有圍繞一個統(tǒng)一的目標所做的設計才是成功的;連貫,頁面之間關系連貫,統(tǒng)成一體;每版內容都自成一體,顏色各異,便于瀏覽;整個網頁有動有靜,色彩呼應,搭配協調,不呆板,富有生氣;顏色各異,但又不同之中又相同,渾然一體。而且制作過程中,不忘以下原則:

簡潔實用:這是非常重要的,網絡特殊環(huán)境下,盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的,所以要去掉所有的冗余的東西。使用方便:同第一個是相一致的,滿足使用者的要求,網頁做得越適合使用,就越顯示出其功能美;頁面用色協調,布局符合形式美的要求:布局有條理,充分利用美的形式,是網頁富有可欣賞性,提高檔次。當然雅俗共賞是人人都追求的。

交互式強:發(fā)揮網絡的優(yōu)勢,是每個使用者都參與到其中來,這樣的設計才能算成功的設計。這樣的網頁才算真正的美的設計。每個子頁都設有上導航欄,便于瀏覽和跳轉。3個二級網頁制作時,使用的是表格,每一個頁面都用表格為它布局好,然后在插入圖片文字及其他,這樣有一定的規(guī)劃性,體現了連貫統(tǒng)一性,不同的內容根據各自的特色建立了不同的表格,突出各自的主題,增強了對比性。在做這些網頁的時候我就進行了如上所述的方法。但我所以網頁的背景顏色及主題顏色都是相同的以便突出我每一個網頁都是為凸顯我主題而服務。

3.實現網頁間的鏈接。

我的鏈接按鈕主要有四個“時尚首頁、時尚衣秀、推薦產品、潮流信息”它分別鏈接到我所做的四個網頁。鏈接的過程其實很簡單,主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網頁單擊確定便可以了。

4.向靜太網頁插入動態(tài)效果。

在這一階段我遇到了許多的問題,主要是我在主頁插入我的flash的時候,開是我將帶碼粘貼到我的網頁上可是在瀏覽網頁的時候flash卻不能夠顯示。最后我向老師的請教后終于在老師的幫助下我成功的在我的主頁插入了flash。而在其它的二級網頁我主頁插入的是一些gif格式的動態(tài)圖片。

在做完網站才發(fā)現,怎么所有的圖片素材并不是在一個文件夾中,而有許多的子文件夾,從網上下載的網頁全都是一個網頁對應一個文件夾。制作過程中,才發(fā)現,原來自己懂的太少了,好多不知道的地方,才趕緊查書,開始的時候只是會建立模版,可不會應用。而對于動態(tài)flash的插入我更是問題多多,開始是我對代碼基本上是不懂,這就是自己學校上的問題,當真正開始運用的時候在向老師提問。

這只是在制作過程中出現一些問題,其它問題也是類似相同?,F在想想,自己所會的東西太少了,現在做的網站只是一些簡單的靜態(tài)的網站,看到了一些知名的網站開發(fā)出的網頁,不僅欄目內容豐富,信息量大,而且頁面圖文并茂,五彩繽紛,使得網民贊嘆不已,流連忘返。從我做的網頁來看可以反映出學習的還不夠,缺點疏漏。需在加以刻苦鉆研及學習,不斷開拓視野,增強自己的實踐操作技能,為以后能做出出色的網頁而努力。同時我也希望能夠有更多的類似動手練習,讓我們在實踐之中來學習知識。因為我覺得實踐不僅能夠提高我們的學習興趣它更能夠提高我們的動手能力增強我們的技術性。

網頁設計開題報告篇十四

實習目的。

:熟悉和掌握計算機網頁設計的基本技巧及網頁制作相關工具軟件等內容。培養(yǎng)我們利用計算機進行商務網頁設計的???基本思路和應用開發(fā)能力,提高我們的計算機文化素質。

網頁是世界上最有價值的不動產之一。人們在這個不足0.1平米的空間內投資達數百萬美元。網頁對公司的影響比簡單的電子商務增收方法大得多;網頁也是公司對外的臉面。web站點就像一棟房子,它的每一個窗口都可以看成一扇門,人們可以沿著搜索引擎其他web站點的鏈接,繞過主頁而進入web的深層。

一.網站的整體規(guī)劃。

1.討論網站主題:因為自己對普羅旺斯很感興趣,于是就想到要是一下為心中的仙境設計一個旅游網站。

2.定位網站ci形象:旅游網站最重要的就是是瀏覽者產生想去親身體驗一下的共鳴。于是在網頁設計上面,根據普羅旺斯夢幻般的意境,我采用的是清新雋永的ci形象。使瀏覽者有賓至如歸的感受。

3.確定欄目和板塊:

1]首先要考慮整個網頁的長和寬,以及長度和寬度之間的比例。

2]其次就應該考慮導航條的設置了。

3]正文的框架設置(橫向因素和縱向因素交錯)。

在瀏覽了很多精美的旅游網站之后,再結合自己的想法,我先在草紙上畫出了大體的欄目和板塊。

4.網站的整體風格和創(chuàng)意:建立一個浪漫的旅行網站,走映像派路線,目的務必使瀏覽者留下映像。

二.網頁制作的前期策劃與準備。

1.資料的搜集:由于個人的愛好,我很早以前就收集了許多普羅旺斯的美圖,這次就方便多了。接著就搜集了一些有夢幻效果的網頁背景,fiash源代碼、小圖標和一些gif的動畫等。

2.熟悉制作工具軟件:

主頁制作的基本條件有:

硬件:

軟件:

圖像處理軟件:常用的有photoshop、flash、fireworks等;

文件上傳軟件:常用的有cuteftp、wsftp等。

真的是萬事開頭難啊,遇到了很多問題,比如:插入的圖片不符合規(guī)格,一下子把其他內容的框架擠開;插入的層太多,大一點的就把小一點的給覆蓋掉了;插入的flash不能產生效果??傊畣栴}一籮筐。實踐出真知,原來自己還有那么多欠缺的知識。于是回歸本源,先把課本上的東西弄通再談其他。然后又到圖書管里借了幾本網頁制作方面的書籍來參考。

在對基本知識有了詳細的了解之后,做起東西來就得心應手多了,知道引導頁能過加映像之后,我決定為我的網頁設計一個引導頁。

然后是主頁和二級頁面的設置。要注意,網上只能使用jpg和gif兩種圖象格式,其他諸如bmp和tif等很通用的格式都不能用在網上,因為它們太大了,但可以用圖象軟件進行轉換,比如office97的照片編輯器。把準備在主頁上出現的圖象放進相應的目錄里后.

在一步一步的邊學邊做的過程中,看著心中的東西一點一點的出來,真的很有成就感。雖然自己的網頁技術還差的遠,但是回顧一下這周真的學到了很多的東西。

四.網頁的調試。

之前把作過的東西放到u盤里,發(fā)生過圖片顯示不出來的狀況,還好即使找到了解救的方法,把源文件和web頁面放到一起這樣就算路徑改變的話也不會影響頁面的效果。

總結:在www上,不論你是資產上億的大公司,還是捉襟見肘的窮學生,只要你建立了自己的網頁,你們的地位就是平等的。經過這周的相關學習,我了解到網頁設計與制作是一門龐大的工程。網站的反饋與評價網站要注意經常維護更新內容、保持內容的新鮮,不要做好就放到服務器永遠不變了,只有不斷地補充、更新內容、才能夠吸引瀏覽者.維護更新時可以充分利用dreamweaver提供的模板和庫技術,以提高工作效率.一個真正的網站,不僅應該實現傳統(tǒng)媒體的電子化,給用戶提供需要的內容、而且還應該做更多的事情、完成比頁面瀏覽更高層次的需求,例如收集信息,數據傳遞,數據存儲以及系統(tǒng)維護等.自己還有許多要學習的地方。

【本文地址:http://www.mlvmservice.com/zuowen/11655938.html】

全文閱讀已結束,如果需要下載本文請點擊

下載此文檔