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

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

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

“易菲”植根中國文化之精髓，汲取自然稟賦之靈性，形成一個(gè)既有濃厚文化底蘊(yùn)，又有現(xiàn)代自然人文氣息的特色品牌?！耙住奔词侨荩前?，是寬容，是五千年中華民族的文化精髓，是厚德載物，是對人性寬度的一種拓展?！胺啤蓖ǚ?，是生機(jī)、是個(gè)性、是春意盎然、是自強(qiáng)不息，是對人性深度的一種挖掘。“生活如花，自在快樂”是YIFINI易菲的設(shè)計(jì)理念，倡導(dǎo)一種與自然和諧相處，如花兒綻放般美好舒適、自在快樂的生活方式。這也便是我網(wǎng)站的CI形象。

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

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

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

二、網(wǎng)頁制作的前期策劃與準(zhǔn)備，在本階級主要有兩方面的工作。

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

做網(wǎng)頁主要用的工具便是Dremweaver、Photoshop、Flash軟件。在這些軟件我對Dremweaver、Photoshop相對比較熟悉，因?yàn)樵谄綍r(shí)上課是老師帶領(lǐng)我們運(yùn)用過。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時(shí)不夠認(rèn)真的具體表現(xiàn)。

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

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

設(shè)計(jì)主頁及二級頁面。

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

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

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

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

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

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

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

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

這只是在制作過程中出現(xiàn)一些問題，其它問題也是類似相同?，F(xiàn)在想想，自己所會(huì)的東西太少了，現(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í)，不斷開拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁而努力。同時(shí)我也希望能夠有更多的類似動(dòng)手練習(xí)，讓我們在實(shí)踐之中來學(xué)習(xí)知識(shí)。因?yàn)槲矣X得實(shí)踐不僅能夠提高我們的學(xué)習(xí)興趣它更能夠提高我們的動(dòng)手能力增強(qiáng)我們的技術(shù)性。

網(wǎng)頁設(shè)計(jì)實(shí)踐報(bào)告3

一、實(shí)踐目的

1．學(xué)習(xí)html語言和dream weaver，front page等工具

2．掌握在本地環(huán)境下運(yùn)用asp技術(shù)實(shí)現(xiàn)一個(gè)簡單的電子商務(wù)網(wǎng)站

二、實(shí)踐的方法和原理

三、實(shí)踐過程

1、資料的搜集。

組長分配任務(wù)，大家從網(wǎng)站上搜集各種關(guān)于手機(jī)的資料。

2、熟悉制作軟件。

做網(wǎng)頁主要用的工具便是dremweaver、photoshop、flash軟件。在這些軟件我對dremweaver、photoshop相對比較熟悉，因?yàn)樵谄綍r(shí)上課是老師帶領(lǐng)我們運(yùn)用過。所以我還可以正常的運(yùn)用，但是出現(xiàn)的問題還是有很多。有很多不懂如何操作，只有通過在次去看書才能夠了解，這也體現(xiàn)了我學(xué)習(xí)方面的缺點(diǎn)，它是我平時(shí)不夠認(rèn)真的具體表現(xiàn)。

3、構(gòu)建站點(diǎn)框架。

打開dremweaver后第一步便是新建站點(diǎn)。

4、設(shè)計(jì)主頁及二級頁面。

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

鏈接的過程其實(shí)很簡單，主要是把要鏈接的文字選擇在選擇工具欄的鏈接按鈕最后選擇自己要鏈接的網(wǎng)頁單擊確定便可以了。

6、向靜太網(wǎng)頁插入動(dòng)態(tài)效果。

四、實(shí)踐心得

在經(jīng)濟(jì)迅速發(fā)展的今天，internet顯得更為重要它是人們發(fā)布信息與傳遞信息的重要渠道，為了與社會(huì)發(fā)展同步，為了讓我們成為真正的技術(shù)性人才。學(xué)校在本周為我們安排了維持三周的網(wǎng)頁制作專用周是實(shí)習(xí)，讓我們把平時(shí)所學(xué)知識(shí)運(yùn)用到實(shí)踐中做到真正的學(xué)以致用而不只是紙上談兵。通過本周的實(shí)習(xí)使我獲得了更多的新知識(shí)同時(shí)也使我使我認(rèn)識(shí)到了自己在學(xué)習(xí)上的許多不足。

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

第三篇：網(wǎng)頁設(shè)計(jì)實(shí)踐報(bào)告

中南大學(xué)

本科生課程設(shè)計(jì)(實(shí)踐)設(shè)計(jì)報(bào)告

(大學(xué)計(jì)算機(jī)基礎(chǔ))

題目

學(xué)生姓名 指導(dǎo)教師 學(xué)院

專業(yè)班級

學(xué)生學(xué)號(hào) 梔子花開xxx xxx xxx學(xué)院xx工程xxx班 xxx

計(jì)算機(jī)基礎(chǔ)教學(xué)實(shí)驗(yàn)中心

xx年xx 月xx日

目錄

一、任務(wù)內(nèi)容.............3二、設(shè)計(jì)的步驟................3三、采取的方法與手段...............5四、遇到的問題與解決的辦法............6

五、總結(jié)...............7

一、任務(wù)內(nèi)容

原計(jì)劃打算以“植物”為主題，在設(shè)計(jì)過程中發(fā)現(xiàn)范圍過于寬泛，無法完成主題的設(shè)計(jì)。因自己十分喜愛梔子花且有所種植經(jīng)歷，經(jīng)考慮后重新確定了以“梔子花”為主題的網(wǎng)頁設(shè)計(jì)內(nèi)容。主要分為

一、梔子花的文化，二、梔子花的種類和生長特性以及

三、我的梔子花三個(gè)模塊。

其中，模塊一使用幻燈片進(jìn)行演示，主要分為關(guān)于梔子花的詩句、梔子花的傳說以及梔子花的蘊(yùn)涵三個(gè)部分。模塊二采用網(wǎng)頁模板進(jìn)行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。模塊三主要展示了自己拍攝的梔子花圖片。希望通過我的展示，讓他人對梔子花有所了解。

二、設(shè)計(jì)步驟

一、構(gòu)思

首先，對梔子花的種類進(jìn)行簡單的介紹；其次，對梔子花的文化內(nèi)涵進(jìn)行簡要描述；最后，展示自己種植的梔子花成果。因此，此次作業(yè)共由三部分網(wǎng)頁【

一、主頁、二、梔子花的種類和生長特性、以及

三、自己種植的梔子花的圖片三個(gè)模塊。】和一組幻燈片【梔子花的文化】構(gòu)成。其中模塊二【梔子花的種類和生長特性】采用網(wǎng)頁模版組成，主要介紹了兩類梔子花——大葉梔子和雀舌梔子，更加便于了解。

二、取材

主要從網(wǎng)絡(luò)上獲取所需的圖片、音樂等關(guān)于梔子花的素材，其中部分照片從個(gè)人相冊中獲取。

三、設(shè)計(jì)

（一）網(wǎng)頁設(shè)計(jì)

模塊

一、梔子花的文化以及模塊

三、我的梔子花采用網(wǎng)頁設(shè)計(jì)。

在首頁添加表格，在表格內(nèi)增添標(biāo)題欄以及字幕，增添了圖片、背景圖片、背景音樂、文字、藝術(shù)字對首頁進(jìn)行豐富和充實(shí)。在部分文字以及圖片上增加超鏈接，與三個(gè)模塊進(jìn)行連接，便于翻閱。

在模塊二中采用網(wǎng)頁模板進(jìn)行展示，主要介紹了大葉梔子和雀舌梔子兩種梔子。在模板內(nèi)采用表格對網(wǎng)頁進(jìn)行劃分，對梔子花進(jìn)行概述和分類描述。插入圖片，便于直觀的了解各個(gè)種類的梔子花。其中，各個(gè)種類的梔子花展示位于網(wǎng)頁模板的右方，在左方進(jìn)行總說，并通過超鏈接與梔子花的分類說明建立聯(lián)系。

在模塊三中，通過繪制表格對網(wǎng)頁進(jìn)行大小不同的劃分，插入梔子花的圖片拼接成整個(gè)網(wǎng)頁。

（二）幻燈片設(shè)計(jì)

此組幻燈片主要用來介紹梔子花的文化。在幻燈片上主要增添了背景圖片、背景音樂以及大量的文字說明，未對幻燈片進(jìn)行大量的美化和修飾，主要目的是為了讓他人關(guān)注了解梔子花的豐富的內(nèi)涵和文化。

（三）flash設(shè)計(jì)

此次flash設(shè)計(jì)主要用于美化模塊二中對大葉梔子以及雀舌梔子的介紹過程。

四、美化

（一）添加背景音樂

在主頁以及各個(gè)模塊中均插入了背景音樂。

（二）設(shè)計(jì)網(wǎng)頁過渡

（三）添加超鏈接

三、采用的方法與手段

（一）使用Frontpage制作網(wǎng)頁

單擊新建網(wǎng)頁可選擇新建空白網(wǎng)頁或其他網(wǎng)頁模版。

單擊表格，選定繪制表格或布局表格或單元格即可繪制單元格。

選定單元格，單擊鼠標(biāo)右鍵選定背景即可插入背景圖片。

選定網(wǎng)頁，單擊鼠標(biāo)右鍵，選定網(wǎng)頁屬性，瀏覽格式即可添加網(wǎng)頁背景。選定單元格，即可輸入文字。

選定插入，選擇插入圖片或藝術(shù)字即可插入圖片或藝術(shù)字。

選定插入，選擇交互式按鈕，即可插入字幕。

選定格式，選擇網(wǎng)頁過渡，即可設(shè)計(jì)網(wǎng)頁過渡效果。

（二）使用Powerpoint制作幻燈片

單擊鼠標(biāo)右鍵，選定背景，選定其他填充效果，瀏覽選定圖片即可添加背景圖片。

單擊插入，選擇圖片，即可添加圖片或者藝術(shù)字。

選定文字，單擊鼠標(biāo)右鍵，選擇自定義動(dòng)畫即可添加自定義動(dòng)畫。選定幻燈片，單擊鼠標(biāo)右鍵，選擇自定義動(dòng)畫即可添加自定義動(dòng)畫。選定藝術(shù)字，單擊鼠標(biāo)右鍵，選擇自定義動(dòng)畫即可添加自定義動(dòng)畫。、（三）使用Flash制作動(dòng)畫

單擊插入新建元件，即可進(jìn)行元件的編輯。

單擊15幀或30幀，單擊鼠標(biāo)右鍵，選擇插入空白關(guān)鍵幀。

單擊第一幀或第15幀，選擇補(bǔ)間，選擇形狀或動(dòng)畫即可。

（四）其他

單擊鼠標(biāo)右鍵，選定背景，選定背景音樂，即可插入背景音樂。

選定圖片、藝術(shù)字或文字，單擊鼠標(biāo)右鍵，選定超鏈接，即可設(shè)置超鏈接。

四、遇到的問題與解決的辦法

（一）、網(wǎng)頁制作中遇到的問題與解決方法

①、繪制表格完成后，因部分表格過小，難以選定——先在表格內(nèi)輸入部分字符，即可方便的選定單元格。

②、獲取的圖片素材或大或小，在設(shè)計(jì)背景圖片時(shí)，使背景圖片看起來過于混亂——事先將圖片放大或縮小到一定尺寸，然后設(shè)定為背景圖片即可。

③、在添加背景音樂時(shí)，無法添加mp3文件——單擊鼠標(biāo)右鍵，選定網(wǎng)頁屬性，單擊背景音樂，手動(dòng)輸入背景音樂的mp3文件名即可。

④、添加背景音樂完成后，在瀏覽網(wǎng)頁過程中出現(xiàn)多首背景音樂同時(shí)播放的情況——原因是因?yàn)樵诰W(wǎng)頁模板設(shè)計(jì)時(shí)，在標(biāo)題欄網(wǎng)頁也添加了背景音樂，造成了背景音樂的播放的混亂。刪除即可。

⑤、在模塊二，希望能夠添加彈出窗口便于介紹各個(gè)梔子花的特性——通過添加網(wǎng)頁模板實(shí)現(xiàn)了在一個(gè)網(wǎng)頁的部分區(qū)域?qū)崿F(xiàn)不同網(wǎng)頁的展示。

⑥、在網(wǎng)頁模板上返回主頁時(shí)，無法返回整頁的主頁網(wǎng)頁——單擊鼠標(biāo)右鍵，選擇超鏈接，選擇目標(biāo)框架，選擇整頁框架。

⑦、在打開網(wǎng)頁上后，發(fā)現(xiàn)網(wǎng)頁未能顯示圖片——未將網(wǎng)頁與圖片同步保存，導(dǎo)致無法顯示圖片。同步保存即可。

⑧、瀏覽圖片時(shí)，發(fā)現(xiàn)無法打開超鏈接——原來在設(shè)置超鏈接時(shí)將路徑設(shè)置成了絕對路徑，改為相對路徑即可。

⑨、無法插入Flash文件——事先應(yīng)將制作好的Flash文件發(fā)布，單擊插入，單擊圖片，單擊Flash文件即可插入Flash文件。

（二）、幻燈片制作中遇到的問題與解決方法

①、設(shè)置背景音樂完成后，播放幻燈片時(shí)，單擊鼠標(biāo)后音樂才播放，再次單

擊鼠標(biāo)時(shí)，音樂就停止播放——單擊鼠標(biāo)右鍵，單擊背景，單擊音樂播放，單擊選擇為第一張幻燈片前開始，第四張幻燈片（最后一張幻燈片）結(jié)束后結(jié)束即可。

（三）、Flash制作中遇到的問題與解決方法

①、在場景中即設(shè)計(jì)元件，無法單獨(dú)設(shè)計(jì)元件——單擊插入，單擊新建元件即可。

②、無法插入圖片——單擊文件，單擊導(dǎo)入，選擇圖片導(dǎo)入到舞臺(tái)即可。③、無法循環(huán)播放Flash——單擊控制，選擇循環(huán)播放即可。

④、設(shè)計(jì)完成后發(fā)現(xiàn)是無效幀——需設(shè)置空白關(guān)鍵幀而不是關(guān)鍵幀。

五、總結(jié)

通過三周的網(wǎng)頁設(shè)計(jì)，深深體會(huì)到了動(dòng)手實(shí)踐操作的重要性，在以往的課堂上，單單只是聽老師講解制作要點(diǎn)，看老師制作過程，但只有通過自己的實(shí)踐操作并從中發(fā)現(xiàn)問題、解決問題，才能真正了解和掌握學(xué)習(xí)的內(nèi)容。

在網(wǎng)頁設(shè)計(jì)中出現(xiàn)問題是免不了的，但是出現(xiàn)問題后一定需要自己想辦法解決，通過詢問同學(xué)，查找書籍或者在網(wǎng)頁上搜索都可以，但一定要自己主動(dòng)地去尋找答案才能解決問題。

在網(wǎng)頁設(shè)計(jì)過程中，很多問題的出現(xiàn)都是因?yàn)樵诩?xì)微之處出現(xiàn)了錯(cuò)誤，要想較為順利的完成網(wǎng)頁制作，按照程序一步步來是十分重要的。同時(shí)也要細(xì)心，不能憑主觀臆斷來進(jìn)行制作。切不可急功近利，應(yīng)根據(jù)自己的能力進(jìn)行網(wǎng)頁設(shè)計(jì)，否則，畫虎不成反類犬。

第四篇：網(wǎng)頁設(shè)計(jì)報(bào)告

心得體會(huì)之網(wǎng)頁設(shè)計(jì)

網(wǎng)頁設(shè)計(jì)報(bào)告

網(wǎng)頁設(shè)計(jì)伴隨著網(wǎng)絡(luò)的快速發(fā)展而快速興起，作為上網(wǎng)的主要依托，由于人們使用網(wǎng)絡(luò)的頻繁而變得非常重要。生活中我每天上網(wǎng)都要接觸到網(wǎng)頁，原來沒有留意過網(wǎng)頁的設(shè)計(jì)，但是經(jīng)過這段時(shí)間的學(xué)習(xí)了解，現(xiàn)在我打開一個(gè)網(wǎng)頁都會(huì)習(xí)慣性的先看看排版、布局和色彩運(yùn)用。

通過老師的講解和對課本的翻閱，我學(xué)習(xí)到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識(shí)，對網(wǎng)頁制作的基礎(chǔ)知識(shí)也有了一定的掌握。通過Dreamweaver制作網(wǎng)頁，我用到了一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等。但是在自己嘗試著做的時(shí)候，總是出現(xiàn)這里那里的問題。不是圖片不能固定在自己想要的位置，就是滾動(dòng)文本的顯示區(qū)域不知道為什么撐過了頁面，還有就是不同分辨率、不同瀏覽器都會(huì)對瀏覽網(wǎng)頁產(chǎn)生影響。而且在CSS方面，我總是不太熟悉各種代碼是控制哪些東西的。除了查找解決問題我還總結(jié)了經(jīng)驗(yàn)。例如：

1、命名站點(diǎn)或者文件夾的的時(shí)候一定要注意，最好用相應(yīng)的英語或者漢語拼音，要見名知意，如圖片文件夾用image或者tu，這樣可以避免頁面調(diào)用時(shí)不正確的現(xiàn)象發(fā)生。

2、調(diào)用Style時(shí)可以單擊鼠標(biāo)右鍵選擇Custon Style來調(diào)用Style標(biāo)準(zhǔn)，也可以在狀態(tài)欄中的元素列表上單擊右鍵來調(diào)用Style。雖然不同的方法達(dá)到的效果看似一樣，但實(shí)際上產(chǎn)生的HTML代碼則完全不同。在這個(gè)過程中，我同樣認(rèn)識(shí)到網(wǎng)頁設(shè)計(jì)不是一門學(xué)科的獨(dú)秀，而是多種課程的綜合，它是Flash、Photoshop等網(wǎng)頁軟件的綜合應(yīng)用。例如Flash提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點(diǎn)是“交互性”強(qiáng)。在動(dòng)畫播放時(shí)，可以用鼠標(biāo)或鍵盤對動(dòng)畫的播放進(jìn)行控制，可以很直觀的反映出效果。

頁面設(shè)計(jì)應(yīng)以美觀、大方、簡潔為原則，保持一致的風(fēng)格。為了達(dá)到最佳的視覺表現(xiàn)效果，應(yīng)講究整體布局的合理性，使瀏覽者有一個(gè)流暢的視覺體驗(yàn)。網(wǎng)頁最主要的功能就是給每個(gè)上網(wǎng)者提供一種形式，讓他們能夠了解網(wǎng)站提供的信息。要研究網(wǎng)頁設(shè)計(jì)，就需要站在用戶的角度來看。用戶是一個(gè)網(wǎng)站成敗的關(guān)鍵。如果用戶要花很多時(shí)間進(jìn)入網(wǎng)站，很有可能他會(huì)立即關(guān)掉網(wǎng)站，或者網(wǎng)站操作很不方便用戶也會(huì)馬上離開，這種網(wǎng)站是很失敗的設(shè)計(jì)，只會(huì)讓用戶失望的離去。所以網(wǎng)頁容量即包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。

心得體會(huì)之網(wǎng)頁設(shè)計(jì)

理提交的信息（如CGI腳本）。不使用處理腳本就不能搜集表單數(shù)據(jù)。表單通常是交由CGI（公共網(wǎng)關(guān)接口）腳本處理。CGI是一種在服務(wù)器和處理腳本之間傳送信息的標(biāo)準(zhǔn)化方式。CGI腳本比較典型的是使用Perl語言編寫，當(dāng)然也有其他語言如C++，Java，VBScript或JavaScript。在創(chuàng)建交互表單之前，接洽您的ISP或服務(wù)器管理員以確認(rèn)CGI腳本可以在您的服務(wù)器上運(yùn)行。表單由文本域、復(fù)選框、單選框、菜單、文件地址域、按鈕等表單對象組成，所有的部分都包含在一個(gè)由標(biāo)識(shí)符標(biāo)志起來的表單結(jié)構(gòu)中。表單的種類有注冊表、留言薄、站點(diǎn)導(dǎo)航條、搜索引擎等。而一個(gè)站點(diǎn)（site）是一個(gè)存儲(chǔ)區(qū)，它存儲(chǔ)了一個(gè)網(wǎng)站包含的所有文件。Dreamweaver的使用是以站點(diǎn)為基礎(chǔ)的，必須為每一個(gè)要處理的網(wǎng)站建立一個(gè)本地站點(diǎn)。相對路徑-以引用文件之網(wǎng)頁所在位置為參考基礎(chǔ)，而建立出的目錄路徑。因此，當(dāng)保存于不同目錄的網(wǎng)頁引用同一個(gè)文件時(shí)，所使用的路徑將不相同，故稱之為相對。絕對路徑-以Web站點(diǎn)根目錄為參考基礎(chǔ)的目錄路徑。之所以稱為絕對，意指當(dāng)所有網(wǎng)頁引用同一個(gè)文件時(shí)，所使用的路徑都是一樣的。其實(shí)絕對路徑與相對路徑的不同處，只在于描述目錄路徑時(shí)，所采用的參考點(diǎn)不同。由于對網(wǎng)站上所有文件而言，根目錄這個(gè)參考點(diǎn)對所有文件都是一樣的，因此，運(yùn)用以根目錄為參考點(diǎn)的路徑描述方式才會(huì)被稱之為絕對路徑。

針對我所學(xué)的平面設(shè)計(jì)方向，那么這次應(yīng)用到了創(chuàng)意思維，版面設(shè)計(jì)，色彩配置。圖形創(chuàng)意等方面都很重要，對于網(wǎng)頁設(shè)計(jì)作為一種視覺語言，特別講究編排和布局，雖然主頁的設(shè)計(jì)不等同于平面設(shè)計(jì)，但它們有許多相近之處，版式設(shè)計(jì)通過文字圖形的空間組合，表達(dá)出和諧與美。不積跬步，無以至千里。我已經(jīng)在老師的指引下邁入了網(wǎng)頁設(shè)計(jì)的大門，在今后的閑余時(shí)間繼續(xù)認(rèn)真學(xué)習(xí)制作網(wǎng)頁的更多知識(shí)以實(shí)現(xiàn)自身技能的提高。

第五篇：網(wǎng)頁設(shè)計(jì)報(bào)告

電商2班201341440222李彪

網(wǎng) 頁 設(shè) 計(jì) 報(bào) 告

電商2班201341440222李彪