第一篇：《網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計(jì)制作》學(xué)習(xí)心得

《網(wǎng)站規(guī)劃與網(wǎng)頁設(shè)計(jì)制作》的總結(jié)

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

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

一、確定網(wǎng)站主題

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

二、搜集材料

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

三、規(guī)劃網(wǎng)站

一個網(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)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們在下面會有詳細(xì)介紹。

四、選擇合適的制作工具

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

Dreamweaver、Fireworks、flash來制作網(wǎng)頁。

五、制作網(wǎng)頁

材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個復(fù)雜而細(xì)致的過程，一定要按照先大后小、先簡單后復(fù)雜來進(jìn)行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡單后復(fù)雜，就是先設(shè)計(jì)出簡單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運(yùn)用模板，這樣可以大大提高制作效率。

六、上傳測試

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

七、推廣宣傳

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

八、維護(hù)更新

網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者。

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

第二篇：網(wǎng)頁設(shè)計(jì)與制作與網(wǎng)站發(fā)布 學(xué)習(xí)心得（范文）

《網(wǎng)頁設(shè)計(jì)與制作與網(wǎng)站發(fā)布》

學(xué)習(xí)心得

今天上了第一堂選修課，課程內(nèi)容很簡單，講了一些關(guān)于網(wǎng)頁的基本內(nèi)容，Internet是一個覆蓋幾乎全球的計(jì)算機(jī)網(wǎng)絡(luò)，004km.cn 在上面開通屬于自己的微博，就可以發(fā)表觀點(diǎn)了，有什么開心或是不開心的事都可以在上面的寫下來，開心的與他有一起分享，不開心的就可以與他人一起分擔(dān)，就不會那么傷心了。

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

最后的一次課，老師留給我們提問，交流學(xué)習(xí)經(jīng)驗(yàn)，多去體驗(yàn)網(wǎng)頁的制作過程，有什么想法盡可以說出與大家共同分享。

第三篇：網(wǎng)頁設(shè)計(jì)與制作與網(wǎng)站發(fā)布 學(xué)習(xí)心得

《網(wǎng)頁設(shè)計(jì)與制作與網(wǎng)站發(fā)布》

學(xué)習(xí)心得

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

介紹了制作網(wǎng)頁的三大軟件，Macromedia公司的Dreamweaver

8、Fireworks

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

第二次課就講的Flash 8的工作環(huán)境，F(xiàn)lash 8動畫的創(chuàng)作流程，以及元件、實(shí)例和庫的基本知識。制作動畫就是在Flash 8的工作環(huán)境中利用各種命令、工具以及按照基本工作流程來完成的。這些內(nèi)容是制作動畫最基本的基礎(chǔ)知識。

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

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

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

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

網(wǎng)頁的創(chuàng)建和保存的方法，頁面屬性設(shè)置的方法，網(wǎng)頁元素文本與圖像的插入，文字的屬性設(shè)置，圖像的編輯方法，層的簡單應(yīng)用，字體列表的編輯等知識，層、表格、布局表格與布局單元格的創(chuàng)建、選擇、編輯等操作方法；層、表格、布局表格與布局單元格的各種屬性設(shè)置；以及在它們中輸入各種網(wǎng)頁元素的方法。創(chuàng)建與編輯文本、圖像、錨點(diǎn)、導(dǎo)航條、轉(zhuǎn)跳菜單、E-mail鏈接、熱點(diǎn)等超鏈接方法；以及框架和框架集網(wǎng)頁創(chuàng)建、編輯與保存的方法?；貋碇蟛僮髁艘幌掳l(fā)現(xiàn)還是有一些問題，總是會忘記一些步驟，還有就是步驟的先后順序，但經(jīng)過多次調(diào)試還是制作成功了。

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

HTML之所以稱為超文本標(biāo)記語言，是因?yàn)槲谋局邪怂^“超級鏈接”點(diǎn)。所謂超級鏈接，就是一種URL指針，通過激活（點(diǎn)擊）它，可使瀏覽器方便地獲取新的網(wǎng)頁。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。由此可見，網(wǎng)頁的本質(zhì)就是HTML，通過結(jié)合使用其他的Web技術(shù)（如：腳本語言、CGI、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁。因而，HTML是Web編程的基礎(chǔ)，也就是說萬維網(wǎng)是建立在超文本基礎(chǔ)之上的。

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

HTML湖南工業(yè)大學(xué)：

<頭> <標(biāo)題>工大HTML <身體> <間距>湖南工業(yè)大學(xué)

第四篇：網(wǎng)站規(guī)劃書與網(wǎng)頁制作實(shí)驗(yàn)報告

網(wǎng)站規(guī)劃書

一、主題選擇

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

二、網(wǎng)頁內(nèi)容

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

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

3.“我的相冊”頁面，我們插入了一個Flash相片展示舞臺，主要展示了***同學(xué)此前旅游時所拍的照片，向?yàn)g覽者展示另一個側(cè)面的他。

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

三、網(wǎng)站風(fēng)格

通過思考和討論，我們決定將紅色調(diào)作為網(wǎng)站的主色調(diào)，并且我們大量運(yùn)用Flash元素、JavaScript代碼使網(wǎng)站風(fēng)格現(xiàn)代化、美觀化，給瀏覽者以最好的體驗(yàn)。

四、網(wǎng)頁布局

網(wǎng)頁采用表格布局的模式，雖然沒有通過模板的使用來制作網(wǎng)站，但是我們使用了一個母頁面來做到全站布局的統(tǒng)一，結(jié)構(gòu)整齊，分類內(nèi)容一目了然。

五、多媒體素材的使用

我們在多個頁面加入了背景音樂，并在每個頁面中加入了大量優(yōu)質(zhì)的圖文。這些圖片部分來自于網(wǎng)絡(luò)，但我們使用Photoshop，處理成我們需要的形式，或是以它們?yōu)樗夭淖龈玫膱D片。使用的工具軟件

Dreamweaver 8（部分通過Dreamweaver CS6）

Photoshop CS6

FlashProfessionalCS6

Word2010

網(wǎng)頁設(shè)計(jì)與制作實(shí)驗(yàn)報告

一、制作組成員

12******班

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

二、網(wǎng)頁制作中使用的技術(shù)及方法

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

1.善于利用母頁面。

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

3.JavaScript的使用。合理的使用JavaScript，能使網(wǎng)頁實(shí)現(xiàn)更多功能，或者使網(wǎng)頁更加美觀。但此方法涉及到編程，對于大部分同學(xué)都很有難度。

4.其他的Photoshop技術(shù)以及網(wǎng)頁Flash中所用的Action Script就不再詳細(xì)介紹。

三、組員分工

***：查找和整理資料，完成網(wǎng)頁的模板制作和內(nèi)容加入，解決技術(shù)問題并且通過技術(shù)美化網(wǎng)頁。

***：查找和整理資料，撰寫規(guī)劃書和實(shí)驗(yàn)報告。

網(wǎng)站的規(guī)劃和結(jié)構(gòu)設(shè)置是我們共同討論的結(jié)果。

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

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

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

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

五、實(shí)驗(yàn)總結(jié)

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

第五篇：網(wǎng)頁制作學(xué)習(xí)心得

網(wǎng)頁制作學(xué)習(xí)心得體會 劉少波

***4

轉(zhuǎn)眼間，我已經(jīng)學(xué)習(xí)《網(wǎng)頁設(shè)計(jì)與制作》這門課程一個學(xué)期了，雖然時間有點(diǎn)短，但是這個學(xué)期以后我受益匪淺。

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

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

最開始是確定主題。我一直都想不出應(yīng)該做一個關(guān)于什么的網(wǎng)站，一次，一個朋友告訴我她在省博物館，叫我?guī)退橐幌鹿篡`劍在哪個展廳。打開百度，我以外的發(fā)現(xiàn)省博物館的網(wǎng)站進(jìn)不去，于是突然想到可以做一個與博物館有關(guān)的網(wǎng)站。于是開始收集各方面的資料。

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

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

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

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

總體來說，通過今次的對網(wǎng)頁設(shè)計(jì)的學(xué)習(xí)，有收獲也有遺憾、不足的地方，但我想，我已經(jīng)邁入了網(wǎng)頁設(shè)計(jì)的大門，只要我再認(rèn)真努力的去學(xué)習(xí)，去提高，憑借我對網(wǎng)頁設(shè)計(jì)的熱情和執(zhí)著，我將來設(shè)計(jì)出的網(wǎng)頁會更加專業(yè)，更完善。