網(wǎng)頁(yè)設(shè)計(jì)開(kāi)題匯報(bào)材料3篇范文樣本

Word1/1網(wǎng)頁(yè)設(shè)計(jì)開(kāi)題匯報(bào)材料3篇

網(wǎng)頁(yè)設(shè)計(jì)開(kāi)題匯報(bào)材料第1篇

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

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

1.爭(zhēng)論網(wǎng)站的主題。

網(wǎng)站整體規(guī)劃是做網(wǎng)頁(yè)的第一步也是制作網(wǎng)頁(yè)最關(guān)鍵的一步它打算了你要表答的信息，因此我選擇了我選擇我最寵愛(ài)的服飾來(lái)為它做網(wǎng)頁(yè)。在平常我也對(duì)服裝的網(wǎng)頁(yè)比較關(guān)懷，無(wú)論是淘寶網(wǎng)上的衣店還是各種品牌裝。這次我是為"易菲'服飾做的網(wǎng)頁(yè)。

2.定位網(wǎng)站的CI形象。

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

3.確定欄目和板塊。

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

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

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

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

1.資料的搜集。

在做網(wǎng)頁(yè)我上網(wǎng)收集了很多方面的資料主要是有關(guān)網(wǎng)站的布局與服飾品牌方面的資料，我首先進(jìn)它的企業(yè)網(wǎng)站找了一些關(guān)于"易菲'服飾的圖片主要是一些代言形象還有代表其企業(yè)形象的圖片。其次我去掃瞄了很多的網(wǎng)頁(yè)觀看其網(wǎng)頁(yè)的布局、顏色搭配、欄目、板塊等方面的內(nèi)容，同時(shí)也搜集了一些對(duì)我有用的資料。在搜尋資料最困難的便是動(dòng)態(tài)圖片的搜集，動(dòng)態(tài)圖片其gif格式的還是好保存，但是要搜集flash動(dòng)態(tài)圖片就相對(duì)較難了。我用了一天的時(shí)間來(lái)搜集我的flash都不太勝利，不過(guò)還搜到了可以換自己圖片的代碼。在開(kāi)頭時(shí)我根本就不知道flash是怎樣搜尋，不過(guò)經(jīng)過(guò)三次像狡猾詢(xún)問(wèn)我最終懂得一些關(guān)于代碼的搜尋。在搜集資料的過(guò)程之中我發(fā)覺(jué)了自己的很多不足之處，最關(guān)鍵就是平常對(duì)學(xué)問(wèn)的把握不夠，連最基本的資料搜尋都覺(jué)得困難。也是我平常不夠仔細(xì)和努力的表現(xiàn)。通過(guò)這次的教訓(xùn)在以后我肯定會(huì)做得更好，爭(zhēng)取不范類(lèi)似錯(cuò)誤。

2.熟識(shí)制作軟件。

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

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

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

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

2.設(shè)計(jì)主頁(yè)及二級(jí)頁(yè)面。

在主頁(yè)我設(shè)首頁(yè)制作時(shí)，時(shí)刻考慮著網(wǎng)頁(yè)的基本原則：統(tǒng)一，連貫，分割，對(duì)比及和諧的原則，內(nèi)容統(tǒng)一，都是為了主題服務(wù)，美容美體，一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體，只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是勝利的；連貫，頁(yè)面之間關(guān)系連貫，統(tǒng)成一體；每版內(nèi)容都自成一體，顏色各異，便于掃瞄；整個(gè)網(wǎng)頁(yè)有動(dòng)有靜，顏色呼應(yīng)，搭配協(xié)調(diào)，不呆板，富有生氣；顏色各異，但又不同之中又相同，渾然一體。而且制作過(guò)程中，不忘以下原則：

簡(jiǎn)潔有用：這是特別重要的，網(wǎng)絡(luò)特別環(huán)境下，盡量以最高效率的方式將用戶所要想得到的信息傳送給他就是最好的，所以要去掉全部的冗余的東西。使用便利:同第一個(gè)是相全都的，滿意使用者的要求，網(wǎng)頁(yè)做得越適合使用，就越顯示出其功能美；頁(yè)面用色協(xié)調(diào)，布局符合形式美的要求：布局有條理，充分利用美的形式，是網(wǎng)頁(yè)富有可觀賞性，提高檔次。當(dāng)然雅俗共賞是人人都追求的。

交互式強(qiáng)：發(fā)揮網(wǎng)絡(luò)的優(yōu)勢(shì)，是每個(gè)使用者都參加到其中來(lái)，這樣的設(shè)計(jì)才能算勝利的設(shè)計(jì)。這樣的網(wǎng)頁(yè)才算真正的美的設(shè)計(jì)。每個(gè)子頁(yè)都設(shè)有上導(dǎo)航欄，便于掃瞄和跳轉(zhuǎn)。3個(gè)二級(jí)網(wǎng)頁(yè)制作時(shí)，使用的是表格，每一個(gè)頁(yè)面都用表格為它布局好，然后在插入圖片文字及其他，這樣有肯定的規(guī)劃性，體現(xiàn)了連貫統(tǒng)一性，不同的內(nèi)容依據(jù)各自的特色建立了不同的表格，突出各自的主題，增加了對(duì)比性。在做這些網(wǎng)頁(yè)的時(shí)候我就進(jìn)行了如上所述的方法。但我所以網(wǎng)頁(yè)的背景顏色及主題顏色都是相同的以便突出我每一個(gè)網(wǎng)頁(yè)都是為凸顯我主題而服務(wù)。

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

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

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

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

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

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

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

網(wǎng)頁(yè)設(shè)計(jì)開(kāi)題匯報(bào)材料第2篇

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

隨著互聯(lián)網(wǎng)技術(shù)的快速進(jìn)展網(wǎng)絡(luò)已漸漸深化人心，更是成為繼報(bào)刊、電視、廣播等傳統(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)上購(gòu)物的電子商務(wù)網(wǎng)站、能準(zhǔn)時(shí)了解到天下事的新聞網(wǎng)站、便利學(xué)習(xí)的教育網(wǎng)站，充斥著我們的視野，滿意著我們的需要。網(wǎng)站的規(guī)劃與建設(shè)，已悄然被很多人擺到了首要的位置上。

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

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

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

三、本課題討論要解決的問(wèn)題

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

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

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

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

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

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

1、網(wǎng)頁(yè)美工

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

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

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

3、超鏈接其動(dòng)態(tài)設(shè)計(jì)

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