網(wǎng)頁設(shè)計開題匯報材料3篇范文樣本

Word1/1網(wǎng)頁設(shè)計開題匯報材料3篇

網(wǎng)頁設(shè)計開題匯報材料第1篇

在經(jīng)濟(jì)快速進(jìn)展的今日，Internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會進(jìn)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們支配了維持一周的網(wǎng)頁制作專用周是實(shí)習(xí)，讓我們把平常所學(xué)學(xué)問運(yùn)用到實(shí)踐中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實(shí)習(xí)使我獲得了更多的新學(xué)問同時也使我使我熟悉到了自己在學(xué)習(xí)上的很多不足，下面就談?wù)勎以诒敬螌Ｓ弥艿闹饕惺堋?/p>

一、網(wǎng)站整體規(guī)劃，要做網(wǎng)頁的第一步便是做網(wǎng)站的整體規(guī)劃這主要包括四個方面的內(nèi)容

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形象。

"易菲'植根中國文化之精髓，吸取自然稟賦之靈性，形成一個既有深厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌。"易'即是容，是包涵，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展。"菲'通非，是生氣、是共性、是春意盎然、是自強(qiáng)不息，是對人性深度的一種挖掘。"生活如花，拘束歡樂'是YIFINI易菲的設(shè)計理念，提倡一種與自然和諧相處，如花兒綻放般美妙舒適、拘束歡樂的生活方式。這也便是我網(wǎng)站的CI形象。

3.確定欄目和板塊。

于時間的關(guān)系在本次我預(yù)備做四張網(wǎng)頁：一張主頁三張二級頁面。分別設(shè)計了"時尚首頁、時尚衣秀、推舉產(chǎn)品、潮流信息'等四個欄目。在這四張頁面中我準(zhǔn)備都用淡藍(lán)色做背景顏色來襯托我網(wǎng)頁的主打色綠色。

4.網(wǎng)站的整體風(fēng)格和創(chuàng)意。

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

二、網(wǎng)頁制作的前期策劃與預(yù)備，在本階級主要有兩方面的工作

1.資料的搜集。

在做網(wǎng)頁我上網(wǎng)收集了很多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料，我首先進(jìn)它的企業(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ā)覺了自己的很多不足之處，最關(guān)鍵就是平常對學(xué)問的把握不夠，連最基本的資料搜尋都覺得困難。也是我平常不夠仔細(xì)和努力的表現(xiàn)。通過這次的教訓(xùn)在以后我肯定會做得更好，爭取不范類似錯誤。

2.熟識制作軟件。

做網(wǎng)頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟識，由于在平常上課是老師帶領(lǐng)我們運(yùn)用過。所以我還可以正常的運(yùn)用，但是消失的問題還是有許多。有許多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平常不夠仔細(xì)的詳細(xì)表現(xiàn)。

三、網(wǎng)頁制作，這便進(jìn)入我該次的主題了詳細(xì)制作流程如下

1.構(gòu)建站點(diǎn)框架。

在我打開Dremweaver后第一步便是新建站點(diǎn)，我把我的站點(diǎn)建立在F儀下面。并將我搜集的全部資料都保存在其文件夾中，以便網(wǎng)頁制作時可以便利的使用。

2.設(shè)計主頁及二級頁面。

在主頁我設(shè)首頁制作時，時刻考慮著網(wǎng)頁的基本原則：統(tǒng)一，連貫，分割，對比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，美容美體，一個網(wǎng)站強(qiá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)然雅俗共賞是人人都追求的。

交互式強(qiá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)頁的時候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁的背景顏色及主題顏色都是相同的以便突出我每一個網(wǎng)頁都是為凸顯我主題而服務(wù)。

3.實(shí)現(xiàn)網(wǎng)頁間的鏈接。

我的鏈接按鈕主要有四個"時尚首頁、時尚衣秀、推舉產(chǎn)品、潮流信息'它分別鏈接到我所做的四個網(wǎng)頁。鏈接的過程其實(shí)很簡潔，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最終選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

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

在這一階段我遇到了很多的問題，主要是我在主頁插入我的flash的時候，開是我將帶碼粘貼到我的網(wǎng)頁上可是在掃瞄網(wǎng)頁的時候flash卻不能夠顯示。最終我向老師的請教后最終在老師的關(guān)心下我勝利的在我的主頁插入了flash。而在其它的二級網(wǎng)頁我主頁插入的是一些gif格式的動態(tài)圖片。

四、網(wǎng)頁的調(diào)試

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

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

網(wǎng)頁設(shè)計開題匯報材料第2篇

一、本課題的目的和意義：

隨著互聯(lián)網(wǎng)技術(shù)的快速進(jìn)展網(wǎng)絡(luò)已漸漸深化人心，更是成為繼報刊、電視、廣播等傳統(tǒng)媒體之后而快速興起的一新的傳媒介質(zhì)，網(wǎng)絡(luò)宣揚(yáng)已成為眾多宣揚(yáng)手段的重中之重，各種各樣的網(wǎng)站也就應(yīng)運(yùn)而生。為宣揚(yáng)企業(yè)而制作的公司網(wǎng)站、可進(jìn)行網(wǎng)上購物的電子商務(wù)網(wǎng)站、能準(zhǔn)時了解到天下事的新聞網(wǎng)站、便利學(xué)習(xí)的教育網(wǎng)站，充斥著我們的視野，滿意著我們的需要。網(wǎng)站的規(guī)劃與建設(shè)，已悄然被很多人擺到了首要的位置上。

當(dāng)今的人們，假如依舊依靠傳統(tǒng)的方式展現(xiàn)自己已經(jīng)不能滿意現(xiàn)在人們的需要，所以做一個網(wǎng)站就成為人們一件非常有意義并有愛好去做的事情。利用企業(yè)網(wǎng)站我們可以讓全國，甚至全世界的人們有機(jī)會知道自己的公司。

二、本課題討論的難點(diǎn)

規(guī)劃并建設(shè)好一個企業(yè)網(wǎng)站，并不是一件簡單的事。首先，規(guī)劃好這個網(wǎng)站就不簡單。由于是企業(yè)網(wǎng)站，所以要求要比其它類型的網(wǎng)站更加獨(dú)具匠心，有獨(dú)特的眼光。這就規(guī)劃者有了更高的要求。首先，要依據(jù)自己的要求網(wǎng)站的風(fēng)格布局、顏色搭配和大體輪廓，并確立網(wǎng)站的欄目、內(nèi)容。其次，網(wǎng)站制將要依據(jù)前一點(diǎn)支配整個頁面文字圖片的布局，這就要求設(shè)計者對網(wǎng)頁制作具有相當(dāng)?shù)乃?，美工、排版力量要?qiáng)。再者，企業(yè)網(wǎng)站需要實(shí)現(xiàn)的動態(tài)準(zhǔn)時更新等功能要求網(wǎng)站制作程序員有良好的編程基礎(chǔ)，在網(wǎng)絡(luò)編程語言ASP、PHP、JSP或ASP.NET等中選擇來進(jìn)行網(wǎng)站管理后臺的編寫并與前臺掛鉤并通過更新數(shù)據(jù)庫來實(shí)現(xiàn)網(wǎng)站的更新。當(dāng)然，選擇的編程語言也要與網(wǎng)站服務(wù)器平臺所支持的技術(shù)相符合。這就要求在配置服務(wù)器或是購買虛擬主機(jī)時依據(jù)需要來進(jìn)行配置或選擇。ZUI后，網(wǎng)站平安性也是一個重中之重，在如今黑客當(dāng)行、病毒當(dāng)?shù)赖幕ヂ?lián)時空，網(wǎng)站的平安猶為重要。

三、本課題討論要解決的問題

規(guī)劃并建設(shè)好一個令人耳目一新的企業(yè)網(wǎng)站，并不是一件簡單的事。首先，規(guī)劃好這個網(wǎng)站就不簡單。這要求網(wǎng)站規(guī)劃者熟識企業(yè)的狀況，并確立網(wǎng)站的欄目、內(nèi)容。其次，網(wǎng)站制將要依據(jù)網(wǎng)站的規(guī)劃書來確定網(wǎng)站的風(fēng)格、布局、顏色搭配等，這就要求設(shè)計者對網(wǎng)頁制作具有相當(dāng)?shù)乃?，美工、排版力量要?qiáng)。再者，企業(yè)網(wǎng)站需要實(shí)現(xiàn)的動態(tài)準(zhǔn)時更新等功能要求網(wǎng)站制作程序員有良好的編程基礎(chǔ)，在網(wǎng)絡(luò)編程語言ASP、PHP、JSP或ASP.NET等中選擇來進(jìn)行網(wǎng)站管理后臺的編寫并與前臺掛鉤并通過更新數(shù)據(jù)庫來實(shí)現(xiàn)網(wǎng)站的更新。當(dāng)然，選擇的編程語言也要與網(wǎng)站服務(wù)器平臺所支持的技術(shù)相符合。這就要求在配置服務(wù)器或是購買虛擬主機(jī)時依據(jù)需要來進(jìn)行配置或選擇。ZUI后，網(wǎng)站平安性也是一個重中之重，在如今黑客當(dāng)行、病毒當(dāng)?shù)赖幕ヂ?lián)時空，網(wǎng)站的平安猶為重要，否則，功虧一簣!這就要求配置服務(wù)器或選擇虛擬主機(jī)時的謹(jǐn)慎以及編寫網(wǎng)站管理后臺的留意。

四、本課題討論的目標(biāo)及內(nèi)容

1、本課題討論的目標(biāo)是：建立一個具有特色的企業(yè)網(wǎng)站。

課題的內(nèi)容是：

在這個課題中，主要是用于公司相關(guān)信息的介紹，以及相關(guān)的產(chǎn)品內(nèi)容的介紹。便利他人的了解。它的內(nèi)容主要包括對網(wǎng)站前臺的設(shè)計及制作，包括企業(yè)網(wǎng)站的logo設(shè)計，布局的設(shè)計，網(wǎng)站頁面的制作、片頭動畫及頁面動畫的設(shè)計制作、注冊登陸系統(tǒng)以及各鏈接和相關(guān)技術(shù)的開發(fā)等。在這里，我將以制作某企業(yè)網(wǎng)站為例，詳細(xì)闡述個人網(wǎng)站的制作過程。

制作網(wǎng)站過程：

1、網(wǎng)頁美工

用photoshopCS制作頁面效果圖片，搭配好顏色，設(shè)計好版式，這樣做的目的是為了讓網(wǎng)站的頁面更具有整體性和美觀性，色調(diào)搭配及版面的設(shè)計都可以通過photoshopCS這個強(qiáng)大的圖片處理軟件來完成，這樣設(shè)計出來的網(wǎng)頁不論是從美工還是從版式上都是一流的。

2、導(dǎo)航條和文字圖片的布局

用DreamweaverMX和FlashMX設(shè)計制作導(dǎo)航條，同時對文字圖片進(jìn)行調(diào)整。詳細(xì)的就是文字的大小、字體以及圖片的格式、大小進(jìn)行調(diào)整。

3、超鏈接其動態(tài)設(shè)計

用用DreamveaverMX建立超鏈接使整個網(wǎng)站能夠自由地相互關(guān)聯(lián)，