網(wǎng)頁設(shè)計課程心得體會

網(wǎng)頁設(shè)計課程心得體會1

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

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

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

　　而我們這次的實習就是用這幾款軟件來設(shè)計，主要使用div+css來布局，避開傳統(tǒng)的table（表格）布局

　　DIV+CSS的網(wǎng)頁布局對SEO的好處一、不存在表格的嵌套問題：很多“網(wǎng)站如何推廣”的文章中稱，搜索引擎一般不抓取三層以上的表格嵌套，這一點一直沒有得到搜索引擎相關(guān)的官方證實。我的幾項實驗結(jié)果沒有完全出來，但根據(jù)目前掌握的情況來看，Spider爬行Table布局的頁面，遇到多層表格嵌套時，會跳過嵌套的內(nèi)容或直接放棄整個頁面。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

網(wǎng)頁設(shè)計課程心得體會2

　　現(xiàn)在，計算機和網(wǎng)絡已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學習網(wǎng)絡知識是我們作為一名大學生迫切所需的。我通過這一學期的學習，對網(wǎng)頁設(shè)計有了初步的認識和了解，并基本掌握了Dreamweaver的應用。

　　在學習了網(wǎng)頁設(shè)計的同時，我更加深入的了解了關(guān)于計算機和網(wǎng)絡的知識。基于對計算機基礎(chǔ)與C語言的基本掌握，學習網(wǎng)頁設(shè)計的基礎(chǔ)部分便顯得較為輕松。雖然如此，在設(shè)計過程中依然出現(xiàn)了很多的問題，但通過看書，上網(wǎng)查詢，等方式，不斷的學習、解決、提高，設(shè)計出的網(wǎng)頁不論是外觀還是內(nèi)容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網(wǎng)頁設(shè)計水平得到了很大的提高。

　　通過對網(wǎng)頁設(shè)計書籍的翻閱，我學習到了一些關(guān)于建設(shè)網(wǎng)站和制作網(wǎng)頁的知識，在實踐查閱資料時，對flash也有所了解。我還了解了一些基礎(chǔ)的網(wǎng)絡技術(shù)。通過學習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網(wǎng)頁制作的過程與一些技巧手法更有了另外一番了解，對網(wǎng)頁制作的基礎(chǔ)知識也有了一定的掌握。在這個過程中，我同樣認識到網(wǎng)頁設(shè)計不是一門學科的獨秀，而是多種課程的綜合，他是Flash、Fireworks等網(wǎng)頁軟件的綜合應用。

　　下面闡述一下我在設(shè)計我的網(wǎng)站時的一些關(guān)于網(wǎng)頁設(shè)計的見解。在具體的制作時我了解到一個優(yōu)秀的網(wǎng)頁設(shè)計應該具備一些基本原則。

　　首先，要確定網(wǎng)頁設(shè)計的內(nèi)容，一個優(yōu)秀的風站要有一個明確的主題。整個網(wǎng)站圍繞這個主題，也就是你在網(wǎng)頁設(shè)計之前要明確你這個網(wǎng)站有什么目的，用來做什么，所有頁面都是圍繞著這個內(nèi)容來制作，有了明確的內(nèi)容對排名有很重要的作用；其次，要了解你網(wǎng)站所在行業(yè)的'客戶，及你的網(wǎng)頁屬于哪個類別。用戶是一個網(wǎng)站成敗的關(guān)鍵，如果用戶要花很多時間進入你網(wǎng)站很有可能用戶會立即關(guān)掉你網(wǎng)站，或者你網(wǎng)站操作很不方便用戶也會馬上離開，這種網(wǎng)站是很失敗的設(shè)計，只會讓用戶失望的離去。

　　在完成以上的基本內(nèi)容之后網(wǎng)頁的基本框架便成形成了。下面要開始的便是優(yōu)化工作。

　　內(nèi)容是整個網(wǎng)頁的核心。在網(wǎng)頁設(shè)計之前必須明確網(wǎng)頁的內(nèi)容安排。優(yōu)秀網(wǎng)頁設(shè)計是要建立在平凡的基礎(chǔ)上的。然后在具體的規(guī)劃一個網(wǎng)頁時，可以用樹狀結(jié)構(gòu)先把每個頁面的內(nèi)容大綱列出來，尤其要制作一個大的網(wǎng)站（有很多頁面）的時候，特別需要把這個架構(gòu)規(guī)劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網(wǎng)站的架構(gòu)，很浪費時間和財力。大綱列出來后，還必須考慮每個頁面之間的鏈接關(guān)系。是星形，樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內(nèi)容的發(fā)揮。框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也會為主頁將來發(fā)展打下良好的基礎(chǔ)。下一步，就以動手制作具體內(nèi)容了，題材選定，框架選定，接下來就開始往主頁里面填內(nèi)容。

　　如果是個人主頁，有能力的人完全可以靠自己來創(chuàng)作所有的內(nèi)容。大部分人的方法是：從報紙，雜志，光盤等媒體中把相關(guān)的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡上收集，您只要到搜索引擎上查找相應的關(guān)鍵字，就可以找到一大堆的資料。在準備材料的時候我們可以用一些小的動畫和動態(tài)圖片，F(xiàn)lash提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。然后是開始正式制作主頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設(shè)置；文字的格式、顏色、背景顏色的設(shè)置等就可以制作出一個簡單的網(wǎng)頁。

　　總體來說，通過這個學期對網(wǎng)頁設(shè)計的學習，有收獲也有遺憾。但是，我已經(jīng)邁入了網(wǎng)頁設(shè)計的大門，只要我再認真努力的去學習，在今后的閑余時間學習制作網(wǎng)頁的更多知識以實現(xiàn)自身技能的提高，我堅信將來設(shè)計出的網(wǎng)頁會更加專業(yè)，更加華麗，使它最終成為自己的一項技能。