下面是范文網(wǎng)小編整理的網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)報(bào)告心得體會(huì)4篇(網(wǎng)頁設(shè)計(jì)課程報(bào)告總結(jié))，歡迎參閱。

網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)報(bào)告心得體會(huì)1

　　不知不覺，我已經(jīng)學(xué)習(xí)《網(wǎng)頁設(shè)計(jì)與制作》這門課程一個(gè)學(xué)期了，雖然時(shí)間有點(diǎn)短，但這一個(gè)學(xué)期以后我卻受益匪淺，不僅讓我全面的、系統(tǒng)的學(xué)會(huì)了頁設(shè)計(jì)與制作的基礎(chǔ)知識(shí)，還讓我學(xué)會(huì)了自己動(dòng)手去制作屬于自己的網(wǎng)頁，這對(duì)于我來說是很值得高興的，能讓我在以后的工作生活中更好的展現(xiàn)自己。

　　建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。首先，我們要確立網(wǎng)站主題。網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個(gè)網(wǎng)站必須要有一個(gè)明確的主題。特別是對(duì)于像我這樣的個(gè)人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個(gè)能力，也沒這個(gè)精力。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。

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

　　找到材料后，我們還要規(guī)劃網(wǎng)站。一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。

　　做好以上三步之后，我們就要選擇合適的制作工具。盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，在這里，我們一般都是用有“網(wǎng)絡(luò)三劍客”之稱的Dreamweaver、Fireworks、flash來制作網(wǎng)頁，對(duì)于圖片部分的處理，個(gè)人覺得Photoshop比較好用。

　　最后，我們就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時(shí)好修改。在制作網(wǎng)頁時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。網(wǎng)頁做好之后，就要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識(shí)它。

　　以上就是我對(duì)于網(wǎng)頁制作的一些個(gè)人心得，由于本人的技術(shù)還不是很成熟，還存在很多的不足（如：背景過于單調(diào)和網(wǎng)頁布置不合理）。選擇學(xué)習(xí)這門課是很正確的選擇，雖然在以后不會(huì)再有機(jī)會(huì)去上了，但我還是會(huì)通過各種方式繼續(xù)頁設(shè)計(jì)和制作的，同時(shí)很感謝帶我入門的徐兵老師，讓我有機(jī)會(huì)去學(xué)習(xí)有關(guān)網(wǎng)頁的知識(shí)，謝謝！

網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)報(bào)告心得體會(huì)2

　　做出一個(gè)好的網(wǎng)頁一般都離不開dreamweaver，flash，photoshop這三個(gè)軟件，當(dāng)然，還可以用到其他一些輔助軟件就會(huì)加快網(wǎng)頁的設(shè)計(jì)了，比如：

　　SothinkDHTMLMenu，Sothink_Logo_Maker等軟件，這些軟件不僅可以快速開發(fā)出導(dǎo)航，logo等，而且很漂亮，美觀。

　　制作網(wǎng)頁，首先是確定主題，每一版塊都有其個(gè)性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，每一部分又分幾小部分，內(nèi)容比較充分，多樣。內(nèi)容精彩豐富，簡(jiǎn)潔明快，語言風(fēng)趣，通俗易懂。頁面可愛清爽。

　　而我們這次的實(shí)習(xí)就是用這幾款軟件來設(shè)計(jì)，主要使用div+css來布局，避開傳統(tǒng)的table（表格）布局DIV+CSS的網(wǎng)頁布局對(duì)SEO的好處一、不存在表格的嵌套問題：很多“網(wǎng)站如何推廣”的文章中稱，搜索引擎一般不抓取三層以上的表格嵌套，這一點(diǎn)一直沒有得到搜索引擎相關(guān)的官方證實(shí)。我的幾項(xiàng)實(shí)驗(yàn)結(jié)果沒有完全出來，但根據(jù)目前掌握的情況來看，Spider爬行Table布局的頁面，遇到多層表格嵌套時(shí)，會(huì)跳過嵌套的內(nèi)容或直接放棄整個(gè)頁面。

　　使用Table布局，為了達(dá)到一定的視覺效果，不得不套用多個(gè)表格。如果嵌套的表格中是核心內(nèi)容，蜘蛛（Spider）爬行時(shí)跳過了這一段沒有抓取到頁面的核心，這個(gè)頁面就成了相似頁面。網(wǎng)站中過多的相似頁面會(huì)影響排名及域名信任度。

　　DIV+CSS的網(wǎng)頁布局對(duì)SEO的好處二、精簡(jiǎn)的代碼使用DIVCSS布局，頁面代碼精簡(jiǎn)，這一點(diǎn)相信對(duì)XHTML有所了解的都知道。觀看更多的HTML教程內(nèi)容。

　　代碼精簡(jiǎn)所帶來的直接好處有兩點(diǎn)：一是提高蜘蛛（Spider）爬行效率，能在最短的時(shí)間內(nèi)爬完整個(gè)頁面，這樣對(duì)收錄質(zhì)量有一定好處；二是由于能高效的爬行，就會(huì)受到蜘蛛（Spider）歡迎，這樣對(duì)收錄數(shù)量有很大好處。

　　而DIV+CSS布局基本上不會(huì)存在這樣的問題，從技術(shù)角度來說，XHTML在控制樣式時(shí)也不需要過多的嵌套。這雖然沒有得到確認(rèn)，但還是建議使用Table布局的朋友們，在設(shè)計(jì)時(shí)盡可能的不要使用多層表格嵌套，SEOer（seo工作者們）們?cè)谖恼轮姓f明了這一點(diǎn)，相信他們也不是沒有依據(jù)。

　　DIV+CSS的網(wǎng)頁布局對(duì)SEO的好處三、對(duì)搜索引擎的排名基于XTHML標(biāo)準(zhǔn)的DIV+CSS布局，一般在設(shè)計(jì)完成后會(huì)盡可能的完善到能通過W3C驗(yàn)證。截止目前沒有搜索引擎表示排名規(guī)則會(huì)傾向于符合W3C標(biāo)準(zhǔn)的網(wǎng)站或頁面，但事實(shí)證明使用XTHML架構(gòu)的網(wǎng)站排名狀況一般都不錯(cuò)。

　　DIV+CSS的網(wǎng)頁布局對(duì)SEO的好處四、提高網(wǎng)頁的訪問速度：DIV+CSS布局較Table布局減少了頁面代碼，加載速度得到很大的提高，這在蜘蛛（Spider）爬行時(shí)是非常有利的。過多的頁面代碼可能造成爬行超時(shí)，蜘蛛（Spider）就會(huì)認(rèn)為這個(gè)頁面無法訪問，影響收錄及權(quán)重。

　　真正的SEOer（seo工作者們）不只是為了追求收錄、排名，快速的響應(yīng)速度是提高用戶體驗(yàn)度的基礎(chǔ)，這對(duì)整個(gè)搜索引擎優(yōu)化及營(yíng)銷都是非常有利的。換一個(gè)角度拋開DIV+CSS對(duì)SEO的`有利影響。單獨(dú)來講這種div+css布局也是很有益的，可以說是實(shí)下是最流行的網(wǎng)頁布局方式。當(dāng)然div+css布局也有不完善的方面。

　　總之Div+css布局的優(yōu)勢(shì)如下：

　　由于將大部分頁面代碼寫在了CSS當(dāng)中，使得頁面體積容量變得更小。相對(duì)于表格嵌套的方式，DIV+CSS將頁面獨(dú)立成更多的區(qū)域，在打開頁面的時(shí)候，逐層加載。而不像表格嵌套那樣將整個(gè)頁面圈在一個(gè)大表格里，使得加載速度很慢。

　　頁面體積變小，瀏覽速度變快，這就使得對(duì)于某些控制主機(jī)流量的網(wǎng)站來說是最大的優(yōu)勢(shì)了。由于使用了DIV+CSS制作方法，在修改頁面的時(shí)候更加容易省時(shí)。根據(jù)區(qū)域內(nèi)容標(biāo)記，到CSS里找到相應(yīng)的ID，使得修改頁面的時(shí)候更加方便，也不會(huì)破壞頁面其他部分的布局樣式。

　　DIV+CSS最重要的優(yōu)勢(shì)之一：保持視覺的一致性；以往表格嵌套的制作方法，會(huì)使得頁面與頁面，或者區(qū)域與區(qū)域之間的顯示效果會(huì)有偏差。而使用DIV+CSS的制作方法，將所有頁面，或所有區(qū)域統(tǒng)一用CSS文件控制，就避免了不同區(qū)域或不同頁面體現(xiàn)出的效果偏差。

　　我們都知道網(wǎng)站做出來是給瀏覽者使用的，對(duì)瀏覽者和瀏覽器更具親和力，DIV+CSS在這方面更具優(yōu)勢(shì)。由于CSS富含豐富的樣式，使頁面更加靈活性，它可以根據(jù)不同的瀏覽器，而達(dá)到顯示效果的統(tǒng)一和不變形。

　　好的網(wǎng)頁，也離不開photoshop，前面我也說了，flash的制作所需要的圖片都要在photoshop中事先PS好的。那么photoshop的作用就顯得很重要了，網(wǎng)頁中的flash都僅僅是一小部分，圖片占的分量還是比flash要大的，故好的

　　photoshop技術(shù)，那么PS出來的圖片就會(huì)顯得更好，這樣網(wǎng)頁的檔次也會(huì)隨著上升。這次的網(wǎng)頁設(shè)計(jì)，因?yàn)槭欠抡找粡垐D片，那么就要求我們要懂得photoshop中的切片工具的使用。切好片后，還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過程中要注意的就是圖片的大小要控制在一個(gè)像素以內(nèi)。所以我們需要先放大，然后才來控制切片線的位置。

　　從制作網(wǎng)頁過程中，我學(xué)到了新的美化網(wǎng)頁的方法，運(yùn)用了更多以前未運(yùn)用的技巧。這使我學(xué)到了更多的知識(shí)，并且為我自己在制作網(wǎng)頁這方面積累了一些經(jīng)驗(yàn)。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì)后的一筆巨大的財(cái)富。這次實(shí)習(xí)的收獲對(duì)我來說有不少，我自己感覺在知識(shí)、技能等方面都有了不少的收獲?？傮w來說這次是對(duì)我的綜合素質(zhì)的培養(yǎng)，鍛煉和提高。這兩周的學(xué)習(xí)實(shí)習(xí)中我在老師的指導(dǎo)下以大量明晰的操作步驟和典型的應(yīng)用實(shí)例，教會(huì)我們。使更豐富全面的軟件技術(shù)和應(yīng)用技巧，使我們真正對(duì)所學(xué)的軟件融會(huì)貫通。當(dāng)前的軟件的功能日趨復(fù)雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應(yīng)付自如的。因此反映出學(xué)習(xí)的還不夠，缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習(xí)，不斷開拓視野，增強(qiáng)自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁。

網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)報(bào)告心得體會(huì)3

　　跟學(xué)習(xí)別的東西一樣，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)也需要興趣，所謂的興趣也不是三分鐘熱度，是一種執(zhí)著。學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要耐心，如果你沒有耐心，你學(xué)不好網(wǎng)頁設(shè)計(jì)，應(yīng)為當(dāng)你碰到一個(gè)問題時(shí)，如果不能立刻得到問題的答案，你可能需要很長(zhǎng)時(shí)間去解決，我就碰到過一個(gè)問題，用了半個(gè)月時(shí)間才解決。學(xué)習(xí)網(wǎng)頁設(shè)計(jì)需要堅(jiān)持，堅(jiān)持不斷的學(xué)習(xí)，因?yàn)樵O(shè)計(jì)網(wǎng)頁的軟件在不斷的更新，你不斷的學(xué)習(xí)不要掉入技術(shù)的陷阱，你的網(wǎng)頁設(shè)計(jì)技術(shù)一流，你對(duì)軟件的掌握程度已經(jīng)達(dá)到一定水平，但是你設(shè)計(jì)的'網(wǎng)頁確不堪目睹，這是因?yàn)榫W(wǎng)頁設(shè)計(jì)是是介于平面設(shè)計(jì)和編程技術(shù)兩者之間的"邊緣科學(xué)."不僅涉及到美學(xué)，心理學(xué)，平面構(gòu)成，色彩搭配等平面設(shè)計(jì)的方面的知識(shí)，還涉及到html，javascript，css，asp，php等編程語言技術(shù)方面的知識(shí).只有綜合運(yùn)用多種知識(shí)，才能設(shè)計(jì)出視聽特效，動(dòng)感十足，富于個(gè)性的web頁面，才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨(dú)特魅力和多維空間的超強(qiáng)功能。

　　注重實(shí)用，個(gè)人認(rèn)為網(wǎng)頁設(shè)計(jì)應(yīng)該注重實(shí)用性，因?yàn)樗亲屓藶g覽的，是用戶可以撫摸，可以評(píng)論，可以交互的。我提倡簡(jiǎn)單的美。

　　申明一點(diǎn)，我也是個(gè)網(wǎng)頁設(shè)計(jì)初學(xué)者，并不是什么設(shè)計(jì)名師，這是我個(gè)人的灼見。有什么不對(duì)的地方，還請(qǐng)大家見諒。

網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)報(bào)告心得體會(huì)4

　　1、明確設(shè)計(jì)的方向

　　首先我們應(yīng)該明確我們?cè)跒槟男┯脩糇鲈O(shè)計(jì)，了解這些用戶，以此分析出相應(yīng)的功能、交互方式、風(fēng)格。

　　其次還要理解公司的戰(zhàn)略，比如：假如已經(jīng)有同類產(chǎn)品流行于市場(chǎng)，差異化就是公司必須要考慮的，拾人牙慧者必死。公司對(duì)市場(chǎng)的決策也是要參考的，否則設(shè)計(jì)可能與市場(chǎng)定位產(chǎn)生沖突，要修改的還是設(shè)計(jì)，畢竟設(shè)計(jì)是服務(wù)于商業(yè)。

　　2、假定不同的方案，通過對(duì)比分析修正設(shè)計(jì)

　　我們?cè)谧鲈O(shè)計(jì)時(shí)通常會(huì)有很多想法，這些想法憑空不容易比較分析，最好能畫出草圖來，便于對(duì)比、討論，通過對(duì)不同想法的分析，最終得出較滿意的方案。

　　3、能預(yù)見設(shè)計(jì)方案所產(chǎn)生的效果

　　這點(diǎn)更多靠設(shè)計(jì)師對(duì)用戶、市場(chǎng)的認(rèn)識(shí)。有豐富的設(shè)計(jì)經(jīng)驗(yàn)，很多設(shè)計(jì)經(jīng)驗(yàn)都是從碰壁中逐漸總結(jié)出來的，合理的用戶研究方法可以為設(shè)計(jì)提供很多依據(jù)。設(shè)計(jì)經(jīng)驗(yàn)可輔助把握設(shè)計(jì)的質(zhì)量，對(duì)市場(chǎng)的認(rèn)識(shí)，決定對(duì)發(fā)展方向的把握。

　　4、做好“相對(duì)滿意”的設(shè)計(jì)，而不可能是最優(yōu)

　　我們?cè)卺槍?duì)用戶時(shí)，產(chǎn)品不可能對(duì)所有用戶都最滿意，只能優(yōu)先于中間用戶，同時(shí)設(shè)計(jì)的期望受到成本、技術(shù)等等限制，所以只能讓設(shè)計(jì)方案“相對(duì)滿意”。

　　5、保證設(shè)計(jì)方案相對(duì)平衡

　　為了保證設(shè)計(jì)方案的可行性，很多時(shí)候我們要綜合用戶需求、使用環(huán)境、開發(fā)條件、經(jīng)營(yíng)目標(biāo)等相關(guān)因素做平衡。作為設(shè)計(jì)師在保證可行的前提下，讓“用戶滿意度”最大化。

網(wǎng)頁設(shè)計(jì)課程設(shè)計(jì)報(bào)告心得體會(huì)4篇(網(wǎng)頁設(shè)計(jì)課程報(bào)告總結(jié))相關(guān)文章：

★ 電子課程設(shè)計(jì)心得體會(huì)10篇(電子工藝實(shí)習(xí)心得體會(huì))

★ 數(shù)據(jù)課程設(shè)計(jì)心得體會(huì)9篇(課程設(shè)計(jì)數(shù)據(jù)分析與處理)

★ 課程設(shè)計(jì)的心得體會(huì)10篇(交通課程設(shè)計(jì)心得體會(huì))

★ 化工課程設(shè)計(jì)心得體會(huì)3篇(學(xué)習(xí)化工設(shè)計(jì)課程的體會(huì))

★ 化工課程設(shè)計(jì)心得體會(huì)5篇(化工培訓(xùn)總結(jié)心得體會(huì))

★ 電子課程設(shè)計(jì)心得體會(huì)必備13篇

★ 數(shù)據(jù)結(jié)構(gòu)課程設(shè)計(jì)心得體會(huì)4篇(算法與數(shù)據(jù)結(jié)構(gòu)心得體會(huì))

★ vb課程設(shè)計(jì)心得體會(huì)5篇 vb課程設(shè)計(jì)實(shí)驗(yàn)報(bào)告

★ 課程設(shè)計(jì)的心得體會(huì) 8篇(課程設(shè)計(jì)的心得體會(huì)模板)

★ 大學(xué)課程設(shè)計(jì)心得體會(huì)5篇(課程設(shè)計(jì)心得體會(huì)范文大全1000)