第一篇：《網站規劃與網頁設計制作》學習心得

《網站規劃與網頁設計制作》的總結

不知不覺，我已經學習《網頁設計與制作》這門課程一個學期了，雖然時間有點短，但這一個學期以后我卻受益匪淺，不僅讓我全面的、系統的學會了網頁設計與制作的基礎知識，還讓我學會了自己動手去制作屬于自己的網頁，這對于我來說是很值得高興的，能讓我在以后的工作生活中更好的展現自己。下面來談談我一個學期來對這門課的打比方總結。

比如建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

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

三、規劃網站

一個網站設計得成功與否，很大程度上決定于設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。

四、選擇合適的制作工具

盡管選擇什么樣的工具并不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁制作涉及的工具比較多，首先就是網頁制作工具了，在這里，我們一般都是用有“網絡三劍客”之稱的

Dreamweaver、Fireworks、flash來制作網頁。

五、制作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網頁時，先把大的結構設計好，然后再逐步完善小的結構設計。所謂先簡單后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現問題時好修改。在制作網頁時要多靈活運用模板，這樣可以大大提高制作效率。

六、上傳測試

網頁制作完畢，最后要發布到Web服務器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放服務器上。網站上傳以后，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之后，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入ican博彩通等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者。

以上就是我對于網頁制作的一些個人心得，由于本人的技術還不是很成熟，可能還存在很多的不足和錯誤。選擇學習這門課是很正確的選擇，雖然在以后不會再有機會去上了，但我還是會通過各種方式繼續學習網頁設計和制作的，同時很感謝帶我入門的老師，讓我有機會去學習有關網頁的知識。

第二篇：網頁設計與制作與網站發布 學習心得（范文）

《網頁設計與制作與網站發布》

學習心得

今天上了第一堂選修課，課程內容很簡單，講了一些關于網頁的基本內容，Internet是一個覆蓋幾乎全球的計算機網絡，www.tmdps.cn 在上面開通屬于自己的微博，就可以發表觀點了，有什么開心或是不開心的事都可以在上面的寫下來，開心的與他有一起分享，不開心的就可以與他人一起分擔，就不會那么傷心了。

最后這兩次課，講了網頁制作的一些基本問題，回顧一下之前所學內容，首先網頁上文字要合理安排，標題等少量文字可以采用特殊的字體，其它字體盡量選比較普通的字體，適合就好，不要做的比較特別，文字太大占的頁面大，太小又不好，所以適中就好，這樣就看起來比較大氣，那些好的網站就是這樣的。再講了那個圖形，網頁中通常采用的是JPEG和GIF兩種圖片格式，通常一般不加背景圖片，因為這樣要占用大量的儲存空間，所以當在打開這個網頁時會有點慢，所以考慮網頁的大小，盡量不要加背景圖片，這樣也不會顯得花哨。從整體上體看就好一點了。

最后的一次課，老師留給我們提問，交流學習經驗，多去體驗網頁的制作過程，有什么想法盡可以說出與大家共同分享。

第三篇：網頁設計與制作與網站發布 學習心得

《網頁設計與制作與網站發布》

學習心得

今天上了第一堂選修課，課程內容很簡單，講了一些關于網頁的基本內容，Internet是一個覆蓋幾乎全球的計算機網絡，WWW服務是互聯網上最為先進、應用最廣、交互性能最好的信息檢索工具，它向人類提供了一個無比豐富的資源庫，網頁是其上主要的資源組織形式。圖像是網頁頗具活力的組成元素，網頁上常用的圖像格式是GIF和JPEG, 網頁制作中使用最廣泛的是RGB色彩模式,在不同的操作系統和瀏覽器中顯示效果一致的216種顏色稱為網絡安全色。

介紹了制作網頁的三大軟件，Macromedia公司的Dreamweaver

8、Fireworks

8、Flash 8三個軟件是網頁制作的優秀套件，俗稱“三劍客”，對此，我們對制作網頁有了一定的認識，課上，上課氣份活躍，同學們提問積極，充分體現了對這門課程喜愛。上完課，我在網上下載了網頁制作的三大軟件，并成功安裝。

第二次課就講的Flash 8的工作環境，Flash 8動畫的創作流程，以及元件、實例和庫的基本知識。制作動畫就是在Flash 8的工作環境中利用各種命令、工具以及按照基本工作流程來完成的。這些內容是制作動畫最基本的基礎知識。

接一來介紹了工具箱中各種繪圖工具的功能和應用，介紹了如何應用這些工具繪制圖形、編輯圖形，介紹了文字的輸入方法和編輯技巧，以及對象在舞臺中的編輯方法。還有逐幀動畫和漸變動畫。

上了幾節如何使用flash課程，我們都有感觸，從不知道到能制作動畫，上課氣氛活躍，老師通過一個個實例教授一類又一類的動畫，生動而有氣氛，課后體會到仔細閱讀，多加練習，靈活應用，就會制作簡單的的動畫。

Flash課程上完了，接著上網頁中最重要的課程，網頁編輯工具Dreamweaver課程。

首先講了一下基本的界面，重點介紹了本地站點的創建和設置，值得注意的是，站點要用英文命名，頁面屬性的設置，網頁文件創建、編輯與保存的基本方法，以及創建、編輯和保存網頁的過程。

網頁的創建和保存的方法，頁面屬性設置的方法，網頁元素文本與圖像的插入，文字的屬性設置，圖像的編輯方法，層的簡單應用，字體列表的編輯等知識，層、表格、布局表格與布局單元格的創建、選擇、編輯等操作方法；層、表格、布局表格與布局單元格的各種屬性設置；以及在它們中輸入各種網頁元素的方法。創建與編輯文本、圖像、錨點、導航條、轉跳菜單、E-mail鏈接、熱點等超鏈接方法；以及框架和框架集網頁創建、編輯與保存的方法。回來之后操作了一下發現還是有一些問題，總是會忘記一些步驟，還有就是步驟的先后順序，但經過多次調試還是制作成功了。

這節課老師講了一個重要內容，用超文本標記語言來編輯網頁。首先介紹一下超文本標記語言，超文本標記語言，即HTML（Hypertext Markup Language），是用于描述網頁文檔的一種標記語言，HTML是一種規范，一種標準，它通過標記符號來標記要顯示的網頁中的各個部分。網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序閱讀網頁文件，然后根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出其錯誤，且不停止其解釋執行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。但需要注意的是，對于不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。

HTML之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。所謂超級鏈接，就是一種URL指針，通過激活（點擊）它，可使瀏覽器方便地獲取新的網頁。這也是HTML獲得廣泛應用的最重要的原因之一。由此可見，網頁的本質就是HTML，通過結合使用其他的Web技術（如：腳本語言、CGI、組件等），可以創造出功能強大的網頁。因而，HTML是Web編程的基礎，也就是說萬維網是建立在超文本基礎之上的。

HTML標注包括幾個關鍵部件，包括元素(和他們屬性)，基于字符數據類型和字符參引并且實體參引。另一個重要組分是文件類型宣告。

HTML湖南工業大學：

<頭> <標題>工大HTML <身體> <間距>湖南工業大學

第四篇：網站規劃書與網頁制作實驗報告

網站規劃書

一、主題選擇

本次網站設計大作業我們選擇了建立一個個人主頁的主題，最后綜合實際電腦操作水平，決定主要由***進行實際的操作，我輔助進行素材整理和網站規劃書和網站設計與制作的實驗報告的撰寫。

二、網頁內容

1.“首頁”頁面，首頁我們設計了各個子網頁的導航、友情鏈接以及聯系我們板塊，友情鏈接可以讓我們進入其它不同的學習參考網站，可以獲得一些有用的信息，同時得到獲得這些信息的便捷性，體驗專業性和個性化的差別。同時，聯系我們以及包括在內的用戶注冊，能讓瀏覽者與我們建站者互動，因而能使我們的網站不斷完善，做得更好。

2.“我的日志”頁面，我們摘錄了***同學所寫的兩篇空間日志，插入了土豆網的播放器，選取了精彩的視頻，向瀏覽者介紹***同學的一些個人經歷，也獻上了一席視覺盛宴。這里還有歌曲的改編、二胡的奏唱，還有令人感動的文章。

3.“我的相冊”頁面，我們插入了一個Flash相片展示舞臺，主要展示了***同學此前旅游時所拍的照片，向瀏覽者展示另一個側面的他。

4.“我的愛好”頁面，是一段Flash視頻的展示，同樣展示了***同學的個人興趣。

三、網站風格

通過思考和討論，我們決定將紅色調作為網站的主色調，并且我們大量運用Flash元素、JavaScript代碼使網站風格現代化、美觀化，給瀏覽者以最好的體驗。

四、網頁布局

網頁采用表格布局的模式，雖然沒有通過模板的使用來制作網站，但是我們使用了一個母頁面來做到全站布局的統一，結構整齊，分類內容一目了然。

五、多媒體素材的使用

我們在多個頁面加入了背景音樂，并在每個頁面中加入了大量優質的圖文。這些圖片部分來自于網絡，但我們使用Photoshop，處理成我們需要的形式，或是以它們為素材做更好的圖片。使用的工具軟件

Dreamweaver 8（部分通過Dreamweaver CS6）

Photoshop CS6

FlashProfessionalCS6

Word2010

網頁設計與制作實驗報告

一、制作組成員

12******班

120310** ***，120310** ***

二、網頁制作中使用的技術及方法

由于網頁制作使用的軟件中最重要的是Dreamweaver8，因此使用其他軟件的方法就不一一列舉。

1.善于利用母頁面。

2.Flash的使用。其簡易的使用和制作方法，為網站帶來了很大方便，并且也兼顧了效果。

3.JavaScript的使用。合理的使用JavaScript，能使網頁實現更多功能，或者使網頁更加美觀。但此方法涉及到編程，對于大部分同學都很有難度。

4.其他的Photoshop技術以及網頁Flash中所用的Action Script就不再詳細介紹。

三、組員分工

***：查找和整理資料，完成網頁的模板制作和內容加入，解決技術問題并且通過技術美化網頁。

***：查找和整理資料，撰寫規劃書和實驗報告。

網站的規劃和結構設置是我們共同討論的結果。

四、制作中遇到的問題及解決方法

本部分由組員***撰寫。

實際上在網頁制作過程中遵循注意事項并理解網頁結構，只是制作一個簡單的功用小的網站不是一件難事。在本次制作中遇到的最大困難就是代碼以及編程語言知識的匱乏，難以制作出更漂亮的效果。因此，最為困難的一步便是JavaScript的編寫。通過閱讀書上給的一部分事例，我掌握了一些基本的語句結構和語句用法但是感覺嵌入自己的頁面卻無從下手，所以我只能上網搜尋相關代碼知識并試著自己去理解。最終我將我所理解的這一代碼成功地插入了目標網頁中，達到了需求的效果。然而遺憾的是，由于時間問題，沒有加入更多的代碼豐富我們的網站。

實驗中遇到的大部分問題我都通過自己摸索和在線搜索解決了，并且在和別的同學交流的過程中，我對每項功能的具體原理和實現方法又有了更深層次的了解。不過我還有一些問題無法得到解決，同時也是我困惑已久的問題。一是比Dreamweaver 8更新的Dreamweaver CS6上卻難以找到許多Dreamweaver 8上的功能，比如在Dreamweaver CS6找不到怎樣插入層；二是不知道如何保證不同品牌，不同版本的瀏覽器獲得同樣的最佳觀賞效果。我也希望能在日后的深入學習當中解決這些疑惑。

五、實驗總結

網頁制作是最能體現團隊合作的一個實驗操作，我們通過不同的分工，認認真真的完成了每個人應該完成的任務而且做到都非常出色，這都體現了我們兩個人的默契，更使得這次實驗配合的非常成功。我們也深刻學習到了Photoshop、Flash、Dreamweaver等軟件的操作程序，只能說做網頁是從一開始制作就是一件浩大的工程，得花很多時間和精力，但是在這過程中很好地鍛煉了我們的動手能力和整體性思維，我們很高興我們最終制作出來的網站很主觀的表達了我們兩個人的想法，最終做出了這個符合我們網站規劃的個人網站！

第五篇：網頁制作學習心得

網頁制作學習心得體會 劉少波

***4

轉眼間，我已經學習《網頁設計與制作》這門課程一個學期了，雖然時間有點短，但是這個學期以后我受益匪淺。

記得最初接觸dreamweaver的時候，我很茫然。因為以前從來沒有見到過這種格式的軟件操作窗口和如此多的陌生名詞，只能用鼠標到處亂點。并且剛開始幾節課，老師并沒有給我們講關于如何去使用這個軟件的知識，基本上每幾課有90%的時間在給我說一些有關電腦的基本知識和如何學習軟件的操作，當時覺得沒什么用，甚至有點反感，害怕一個學期以后沒什么收獲，最后問了一下周圍的同學，原來大家都有這樣的想法。

漸漸的，在老師的悉心教導下，我們開始熟悉這個軟件了。然而一個學期也快結束了。最后幾節課，老師布置了一個任務，要求做一個網站。雖然學了一個學期，但是我覺得我的能力完全沒有這么高，做個網站真的很不容易。

最開始是確定主題。我一直都想不出應該做一個關于什么的網站，一次，一個朋友告訴我她在省博物館，叫我幫她查一下勾踐劍在哪個展廳。打開百度，我以外的發現省博物館的網站進不去，于是突然想到可以做一個與博物館有關的網站。于是開始收集各方面的資料。

確定了主題就開始布局了。最開始使用了一個表格，然后在表格內進行拆分合并處理，接著就把通過ps處理出來一個版頭并且把修改過大小的圖片放進去了。預覽時，問題出現了，發現版頭與下面的圖片文字之間出現了很大的一段距離，但是在軟件中已經把距離縮小為0了，多次嘗試后沒有效果。最后想到可以另外再加一個表格，把版頭放在一個表格內面，這樣問題就解決了。預覽是效果還不錯。

但是總覺得首頁做得太普通，一次瀏覽學長做的網頁時，覺得他們的文字滾動窗口做得效果做得不錯，于是想借見一下。就決定把自己網站的左邊修改修改。復制了他的代碼，把上面的內容修改成我的網站需要的文字。本以為可以輕松的完成，但是卻出現大問題了。因為需要滾動的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實際的網頁預覽中，這個有文字滾動的框只占了左邊的三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網站查了很多資料，可能因為沒有專業術語作為搜索的關鍵詞，查不到任何相關的資料，試過div標簽，試過不停的拆分表格，最后還是沒有效果。就這樣試著試著，突然想到了層這個概念。于是在布局中點擊了繪制層，結果成功了，經過一些加工，終于成功的完成左邊的布局。

印象還比較深刻的是插入聲音，記得老師曾經給我們講過很多次怎樣插入聲音，可是等到自己做網頁的時候卻忘記了，于是問其他人，結果居然都忘記了，于是自己在百度上收。最后終于找到了一個可以使用的代碼，但是在加入聲音路徑時出現了問題。在屬性內加入源文件，結果就是加不進去MP3的音樂文件，然后自己就嘗試加入了一個視頻，記下了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最后成功了。

在設計過程中還出現了很多的問題，但通過看書，上網查詢，請教同學等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。可以說在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。就我而言，也在學習網頁中總結了如下經驗。看書不要過多，看一本就可以了。關于網頁設計的書太多了，每本書里的內容也太多了，林林總總的，而且有些亂。書看多了，花的時間比較多。我覺得想學基本技巧的應該不用太多地看書。.初學者要清楚地了解網頁制作的基本流程。就是第一步做什么,下一步又該怎樣。從繪畫網頁框架圖到最后發布網站，大概是怎樣的一個過程，怎樣實現的，應該要心里有數。.按流程的順序學習，不要試著先把所有做網頁用到的軟件都吃透了再開始做網頁。應該邊學邊嘗試。注意代碼。盡管我們對代碼還不熟悉，但完全不懂代碼的話做網頁還是比較困難的。至少要看到代碼知道大概是怎么一回事。平時瀏覽網頁時多多留意別人的設計和效果，多收集有用的信息。這方面我們還是剛剛開始的。有必要借鑒一下。要細心和耐心。這兩個不用多說啦，做什么事情都應該這樣吧。網頁設計更是這樣，比畫畫，十字繡更要細心和耐心。因為網頁設計很多時不是你構思好要弄成怎樣就可以很輕易地做出來，要多多思考和分析。

總體來說，通過今次的對網頁設計的學習，有收獲也有遺憾、不足的地方，但我想，我已經邁入了網頁設計的大門，只要我再認真努力的去學習，去提高，憑借我對網頁設計的熱情和執著，我將來設計出的網頁會更加專業，更完善。