- 相關(guān)推薦
網(wǎng)頁(yè)設計實(shí)訓心得體會(huì )優(yōu)秀
當我們經(jīng)過(guò)反思，有了新的啟發(fā)時(shí)，可以記錄在心得體會(huì )中，這樣能夠讓人頭腦更加清醒，目標更加明確。那么心得體會(huì )怎么寫(xiě)才能感染讀者呢？下面是小編整理的網(wǎng)頁(yè)設計實(shí)訓心得體會(huì )優(yōu)秀，僅供參考，大家一起來(lái)看看吧。
網(wǎng)頁(yè)設計實(shí)訓心得體會(huì )優(yōu)秀1
楊老師下午講解的是網(wǎng)頁(yè)制作，他從網(wǎng)頁(yè)布局（三段式）講解，接著(zhù)展示新浪、師院首頁(yè)給我們看，在這過(guò)程中，始終都以實(shí)例講解為主。接著(zhù)講網(wǎng)頁(yè)布局的方法：
1、紙上布局法
許多網(wǎng)頁(yè)制作者不喜歡先畫(huà)出頁(yè)面布局的草圖，而是直接在網(wǎng)頁(yè)設計器里邊設計布局邊加內容。這種不打草稿的方法不能讓你設計出優(yōu)秀的網(wǎng)頁(yè)來(lái)。所以在開(kāi)始制作網(wǎng)頁(yè)時(shí)，要先在紙上畫(huà)出你頁(yè)面的布局草圖來(lái)。
2、軟件布局法
如果你不喜歡用紙來(lái)畫(huà)出你的布局意圖，那么你還可以利用軟件來(lái)完成這些工作。這個(gè)軟件就是Photoshop。Photoshop所具有的對圖像的編輯功能用到設計網(wǎng)頁(yè)布局上更顯得心應手。不像用紙來(lái)設計布局，利用Photoshop可以方便的使用顏色，使用圖形，并且可以利用層的功能設計出用紙張無(wú)法實(shí)現的布局意念。
最后重點(diǎn)講了布局的'技術(shù)
1、層疊樣式表的應用
2、表格布局
3、框架布局
最后，楊老師就DIV+CSS給我們進(jìn)行詳細介紹，我們按照他的進(jìn)度，創(chuàng )建網(wǎng)站站點(diǎn)、創(chuàng )建文件夾、創(chuàng )建文件。然后在DIV容器中插入動(dòng)畫(huà)，創(chuàng )建CSS文件，對不同的塊元素進(jìn)行排版，主要是浮動(dòng)—float。由于時(shí)間實(shí)在是太短了，很多知識都沒(méi)的講，比如我們常遇到的外邊距，內邊距，線(xiàn)條，以及一些基本的代碼知識。
哈哈，我就不多說(shuō)了，對于網(wǎng)頁(yè)我也研究了好幾年了，問(wèn)題還真多，學(xué)過(guò)網(wǎng)頁(yè)布局（table、DIV+CSS），學(xué)過(guò)平面設計（PS、CDR），學(xué)過(guò)編程（ASP、ASP。NET），學(xué)過(guò)數據庫（AC、SQL）�？梢哉f(shuō)我現在完全可以獨當一面，接過(guò)學(xué)校、企業(yè)、武警等的網(wǎng)頁(yè)制作，評價(jià)都還不錯！目前就是缺一個(gè)團隊，從鄭小軍老師他們的成果看，不是一個(gè)人的努力能完成的，更多的是要一個(gè)志同道合的團隊，回去我也該好好想想這個(gè)問(wèn)題了。
網(wǎng)頁(yè)設計實(shí)訓心得體會(huì )優(yōu)秀2
不知不覺(jué)我學(xué)習整站網(wǎng)頁(yè)設計也有一段時(shí)間了，很高興我能在這計算機深入的社會(huì )里，學(xué)習到建設網(wǎng)站和網(wǎng)頁(yè)設計的一些知識。網(wǎng)絡(luò )成了我們獲取知識和信息的一種便捷工具，如今的生活，商業(yè)都已經(jīng)在網(wǎng)絡(luò )上如火如荼地開(kāi)展，我認為，學(xué)習網(wǎng)絡(luò )知識，對于生活在網(wǎng)絡(luò )時(shí)代的我們還是很有必要的。接下來(lái)我想分享一下我的獨家網(wǎng)頁(yè)設計學(xué)習心得。希望能夠為正在學(xué)習網(wǎng)頁(yè)設計的你們也提供一點(diǎn)幫助。
學(xué)習網(wǎng)頁(yè)設計的過(guò)程中，我也成功制作了屬于自己的網(wǎng)站，通過(guò)這一次嘗試，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁(yè)制作的過(guò)程與一些技巧手法更有了另外一番了解，對網(wǎng)頁(yè)制作的基礎知識也有了一定的掌握。我覺(jué)得，在設計網(wǎng)頁(yè)之前：
首先必須做到先確定網(wǎng)頁(yè)設計的內容，因為一個(gè)優(yōu)秀的風(fēng)站要有一個(gè)明確的主題，整個(gè)網(wǎng)站圍繞這個(gè)主題，也就是你在網(wǎng)頁(yè)設計之前要明確你這個(gè)網(wǎng)站有什么目的，用來(lái)做什么，所有頁(yè)面都是圍繞著(zhù)這個(gè)內容來(lái)制作，有了明確的內容對排名有很重要的作用。
其次自然是了解你網(wǎng)站所在行業(yè)的客戶(hù)。要知道用戶(hù)是一個(gè)網(wǎng)站成敗的關(guān)鍵，如果用戶(hù)要花很多時(shí)間進(jìn)入你網(wǎng)站很有可能用戶(hù)會(huì )立即關(guān)掉你網(wǎng)站，或者你網(wǎng)站操作很不方便用戶(hù)也會(huì )馬上離開(kāi)，這種網(wǎng)站是很失敗的設計，只會(huì )讓用戶(hù)失望的離開(kāi)。
我在這次設計網(wǎng)頁(yè)的過(guò)程中，終于體會(huì )到做一個(gè)網(wǎng)頁(yè)的主頁(yè)不是一件容易的事情，它包括個(gè)人主頁(yè)的選題、內容采集整理、圖片的處理、頁(yè)面的排版設置、背景及其整套網(wǎng)頁(yè)的色調等很多東西。制作主頁(yè)要注意：
要想一個(gè)好的標題。標題在個(gè)人主頁(yè)中起著(zhù)很重要的作用，它在很大程度上決定了你整套個(gè)人主頁(yè)的定位。一個(gè)好的標題必須有概括性、有特色、簡(jiǎn)短易記，不要符合自己主頁(yè)的主題和風(fēng)格。
主頁(yè)中不光要有文字，還要適當地加一些圖片。一張好的圖片可以勝過(guò)你的千言萬(wàn)語(yǔ)。也能讓進(jìn)入你網(wǎng)頁(yè)的人一目了然，產(chǎn)生興趣。
網(wǎng)頁(yè)頁(yè)面整體的排版設計也是不可忽略了，很重要的一個(gè)原則是合理也運用空間，讓自己的網(wǎng)頁(yè)井然有序，留下合適空間，會(huì )給人輕松的感覺(jué)。
當然在做這些內容之前，是要找好資料的，我們可以從報紙，雜志，光盤(pán)等媒體中把相關(guān)的資料收集，再加上一定的編輯后就可以了。另外一個(gè)好的方法是從網(wǎng)絡(luò )上收集，您只要到搜索引擎上查找相應的關(guān)鍵字，就可以找到一大堆的資料。設計制作網(wǎng)頁(yè)我可以推薦一個(gè)不錯的軟件，那就是Dreamweaver。只需要用到此款軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。好了，網(wǎng)頁(yè)設計制作完畢后，最后一步就是要優(yōu)化網(wǎng)站了。
就我的觀(guān)點(diǎn)，我覺(jué)得個(gè)人認為網(wǎng)頁(yè)設計應該注重實(shí)用性，因為我們用它就是來(lái)互動(dòng)的，所以我建議以簡(jiǎn)單美為好，太多復制的.圖片文字和頁(yè)面排版只會(huì )讓看的人感覺(jué)更不舒服，還有最后申明一下，我不是專(zhuān)業(yè)網(wǎng)站設計師，以上只是我對網(wǎng)頁(yè)設計學(xué)習的一些心得罷了。
做出一個(gè)好的網(wǎng)頁(yè)一般都離不開(kāi)dreamweaver，flash，photoshop這三個(gè)軟件，當然，還可以用到其他一些輔助軟件就會(huì )加快網(wǎng)頁(yè)的設計了，比如：
SothinkDHTMLMenu，SothinkLogoMaker等軟件，這些軟件不僅可以快速開(kāi)發(fā)出導航，logo等，而且很漂亮，美觀(guān)。
制作網(wǎng)頁(yè)，首先是確定主題，每一版塊都有其個(gè)性的色彩，清晰明了，便于閱讀瀏覽，大致分幾部分，每一部分又分幾小部分，內容比較充分，多樣。內容精彩豐富，簡(jiǎn)潔明快，語(yǔ)言風(fēng)趣，通俗易懂。頁(yè)面可愛(ài)清爽。
而我們這次的實(shí)習就是用這幾款軟件來(lái)設計，主要使用div+css來(lái)布局，避開(kāi)傳統的table（表格）布局DIV+CSS的網(wǎng)頁(yè)布局對SEO的好處一、不存在表格的嵌套問(wèn)題：很多“網(wǎng)站如何推廣”的文章中稱(chēng)，搜索引擎一般不抓取三層以上的表格嵌套，這一點(diǎn)一直沒(méi)有得到搜索引擎相關(guān)的官方證實(shí)。我的幾項實(shí)驗結果沒(méi)有完全出來(lái)，但根據目前掌握的情況來(lái)看，Spider爬行Table布局的頁(yè)面，遇到多層表格嵌套時(shí)，會(huì )跳過(guò)嵌套的內容或直接放棄整個(gè)頁(yè)面。
使用Table布局，為了達到一定的視覺(jué)效果，不得不套用多個(gè)表格。如果嵌套的表格中是核心內容，蜘蛛（Spider）爬行時(shí)跳過(guò)了這一段沒(méi)有抓取到頁(yè)面的核心，這個(gè)頁(yè)面就成了相似頁(yè)面。網(wǎng)站中過(guò)多的相似頁(yè)面會(huì )影響排名及域名信任度。
DIV+CSS的網(wǎng)頁(yè)布局對SEO的好處二、精簡(jiǎn)的代碼使用DIVCSS布局，頁(yè)面代碼精簡(jiǎn)，這一點(diǎn)相信對XHTML有所了解的都知道。觀(guān)看更多的HTML教程內容。
代碼精簡(jiǎn)所帶來(lái)的直接好處有兩點(diǎn)：一是提高蜘蛛（Spider）爬行效率，能在最短的時(shí)間內爬完整個(gè)頁(yè)面，這樣對收錄質(zhì)量有一定好處；二是由于能高效的爬行，就會(huì )受到蜘蛛（Spider）歡迎，這樣對收錄數量有很大好處。
而DIV+CSS布局基本上不會(huì )存在這樣的問(wèn)題，從技術(shù)角度來(lái)說(shuō)，XHTML在控制樣式時(shí)也不需要過(guò)多的嵌套。這雖然沒(méi)有得到確認，但還是建議使用Table布局的朋友們，在設計時(shí)盡可能的不要使用多層表格嵌套，SEOer（seo工作者們）們在文章中說(shuō)明了這一點(diǎn)，相信他們也不是沒(méi)有依據。
DIV+CSS的網(wǎng)頁(yè)布局對SEO的好處三、對搜索引擎的排名基于XTHML標準的DIV+CSS布局，一般在設計完成后會(huì )盡可能的完善到能通過(guò)W3C驗證。截止目前沒(méi)有搜索引擎表示排名規則會(huì )傾向于符合W3C標準的網(wǎng)站或頁(yè)面，但事實(shí)證明使用XTHML架構的網(wǎng)站排名狀況一般都不錯。
DIV+CSS的網(wǎng)頁(yè)布局對SEO的好處四、提高網(wǎng)頁(yè)的訪(fǎng)問(wèn)速度：DIV+CSS布局較Table布局減少了頁(yè)面代碼，加載速度得到很大的提高，這在蜘蛛（Spider）爬行時(shí)是非常有利的。過(guò)多的頁(yè)面代碼可能造成爬行超時(shí)，蜘蛛（Spider）就會(huì )認為這個(gè)頁(yè)面無(wú)法訪(fǎng)問(wèn)，影響收錄及權重。
真正的SEOer（seo工作者們）不只是為了追求收錄、排名，快速的響應速度是提高用戶(hù)體驗度的基礎，這對整個(gè)搜索引擎優(yōu)化及營(yíng)銷(xiāo)都是非常有利的。換一個(gè)角度拋開(kāi)DIV+CSS對SEO的有利影響。單獨來(lái)講這種div+css布局也是很有益的，可以說(shuō)是實(shí)下是最流行的網(wǎng)頁(yè)布局方式。當然div+css布局也有不完善的方面。
總之Div+css布局的優(yōu)勢如下：
由于將大部分頁(yè)面代碼寫(xiě)在了CSS當中，使得頁(yè)面體積容量變得更小。相對于表格嵌套的方式，DIV+CSS將頁(yè)面獨立成更多的區域，在打開(kāi)頁(yè)面的時(shí)候，逐層加載。而不像表格嵌套那樣將整個(gè)頁(yè)面圈在一個(gè)大表格里，使得加載速度很慢。
頁(yè)面體積變小，瀏覽速度變快，這就使得對于某些控制主機流量的網(wǎng)站來(lái)說(shuō)是最大的優(yōu)勢了。由于使用了DIV+CSS制作方法，在修改頁(yè)面的時(shí)候更加容易省時(shí)。根據區域內容標記，到CSS里找到相應的ID，使得修改頁(yè)面的時(shí)候更加方便，也不會(huì )破壞頁(yè)面其他部分的布局樣式。
DIV+CSS最重要的優(yōu)勢之一：保持視覺(jué)的一致性；以往表格嵌套的制作方法，會(huì )使得頁(yè)面與頁(yè)面，或者區域與區域之間的顯示效果會(huì )有偏差。而使用DIV+CSS的制作方法，將所有頁(yè)面，或所有區域統一用CSS文件控制，就避免了不同區域或不同頁(yè)面體現出的效果偏差。
我們都知道網(wǎng)站做出來(lái)是給瀏覽者使用的，對瀏覽者和瀏覽器更具親和力，DIV+CSS在這方面更具優(yōu)勢。由于CSS富含豐富的樣式，使頁(yè)面更加靈活性，它可以根據不同的瀏覽器，而達到顯示效果的統一和不變形。
好的網(wǎng)頁(yè)，也離不開(kāi)photoshop，前面我也說(shuō)了，flash的制作所需要的圖片都要在photoshop中事先PS好的。那么photoshop的作用就顯得很重要了，網(wǎng)頁(yè)中的flash都僅僅是一小部分，圖片占的分量還是比f(wàn)lash要大的，故好的photoshop技術(shù)，那么PS出來(lái)的圖片就會(huì )顯得更好，這樣網(wǎng)頁(yè)的檔次也會(huì )隨著(zhù)上升。這次的網(wǎng)頁(yè)設計，因為是仿照一張圖片，那么就要求我們要懂得photoshop中的切片工具的使用。切好片后，還要獲取圖片的背景色。這樣我們又得掌握吸管工具的使用了。切片過(guò)程中要注意的就是圖片的大小要控制在一個(gè)像素以?xún)�。所以我們需要先放大，然后才�?lái)控制切片線(xiàn)的位置。
從制作網(wǎng)頁(yè)過(guò)程中，我學(xué)到了新的美化網(wǎng)頁(yè)的方法，運用了更多以前未運用的技巧。這使我學(xué)到了更多的知識，并且為我自己在制作網(wǎng)頁(yè)這方面積累了一些經(jīng)驗。這些將是我人生中的一次重要的經(jīng)歷，將是我今后走上社會(huì )后的一筆巨大的財富。這次實(shí)習的收獲對我來(lái)說(shuō)有不少，我自己感覺(jué)在知識、技能等方面都有了不少的收獲�？傮w來(lái)說(shuō)這次是對我的綜合素質(zhì)的培養，鍛煉和提高。這兩周的學(xué)習實(shí)習中我在老師的指導下以大量明晰的操作步驟和典型的應用實(shí)例，教會(huì )我們。使更豐富全面的軟件技術(shù)和應用技巧，使我們真正對所學(xué)的軟件融會(huì )貫通。當前的軟件的功能日趨復雜，不學(xué)到一定的深度和廣度是難以在實(shí)際工作中應付自如的。因此反映出學(xué)習的還不夠，缺點(diǎn)疏漏。需在加以刻苦鉆研及學(xué)習，不斷開(kāi)拓視野，增強自己的實(shí)踐操作技能，為以后能做出出色的網(wǎng)頁(yè)。
【網(wǎng)頁(yè)設計實(shí)訓心得體會(huì )優(yōu)秀】相關(guān)文章：
網(wǎng)頁(yè)設計實(shí)訓心得體會(huì )07-07
網(wǎng)頁(yè)設計實(shí)訓的心得體會(huì )12-28
網(wǎng)頁(yè)設計實(shí)訓心得體會(huì )02-24
網(wǎng)頁(yè)設計實(shí)訓的心得體會(huì )02-23
網(wǎng)頁(yè)設計實(shí)訓心得范文04-30
網(wǎng)頁(yè)設計實(shí)訓個(gè)人總結09-02