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

網頁制作學習心得體會

轉眼間，我已經學習《網頁編程技術》這門課程一個學期了，雖然時間有點短，但是還是感到受益匪淺。

最初接觸這本課程的時候，我很茫然。因為以前從來沒有接觸到有關這一方便的知識和如此多的陌生名詞，只能用鼠標到處亂點。并且剛開始幾節課，基本上每節課有90%的時間在給我說一些有關電腦的基本知識，當時覺得沒什么用，害怕一個學期以后沒什么收獲，最后問了一下周圍的同學，因為很多同學日常生活或者工作中基本都不需要接觸這方面知識，所以大家都對這門課程不是很有信心。

漸漸的，在老師的悉心教導下，我們開始對這門課程有所了解。然而一個學期也快結束了，雖然學了一個學期，但是我覺得我的能力完全沒有這么高，但是我試著嘗試去制作一簡單的網頁已確定對這門課程的掌握程度。

首先是確定主題。我一直都想不出應該做一個關于什么的網站。一次，一個同事告訴我他去參觀省博物館，于是突然想到可以做一個與博物館有關的網站。于是開始收集各方面的資料。

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

但是總覺得首頁做得太普通，一次瀏覽學長做的網頁時，覺得他們的文字滾動窗口做得效果做得不錯，于是想借見一下。就決定把自己網站的左邊修改修改。復制了他的代碼，把上面的內容修改成我的網站需要的文字。本以為可以輕松的完成，但是卻出現大問題了。因為需要滾動的文字占的空間太大，把左邊的那部分表格全部占滿了，而在實際的網頁預覽中，這個有文字滾動的框只占了左邊的三分之一，左邊有三分之二留白了。我就想可不可以把文字這樣一層層的放在上面，試了很多方法，在網站查了很多資料，可能因為沒有專業術語作為搜索的關

鍵詞，查不到任何相關的資料，試過div標簽，試過不停的拆分表格，最后還是沒有效果。就這樣試著試著，突然想到了層這個概念。于是在布局中點擊了繪制層，結果成功了，經過一些加工，終于成功的完成左邊的布局。

而關于如何是插入聲音，因為或許是關于這方面的只是要點自己上課掌握的不是很好，或是因為工作太忙的原因可能落下了這幾節課程，于是自己在百度上收。最后終于找到了一個可以使用的代碼，但是在加入聲音路徑時出現了問題。在屬性內加入源文件，結果就是加不進去MP3的音樂文件，然后自己就嘗試加入了一個視頻，記下了路徑格式，然后照著這種格式寫下了指向聲音源文件的路徑，最后成功了。

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

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

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

網頁制作學習心得

網頁制作學習心得一：網頁制作學習心得

在學習網頁制作的這段時間里，我利用了學習之余的一切可利用的剩余時間，全心全意投入到網頁世界，去不斷的學習，去不斷的探索；同時去不斷的充實，去不斷的完善自我，在網絡的天空下逐漸的美化自己的人生！

通過這次制作網站的過程，我最大的感受就是制定網站計劃的重要性。一個好的計劃可以詳細制定網站的相關內容，為后面的工作節省很多時間，所以在制定計劃時要有充分的準備。

另外做好主頁也并不是一件容易的事。它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。

標題在個人主頁中起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、有特色、簡短易記，不要符合自己主頁的主題和風格。

網頁頁面整體的排版設計也是不可忽略了，很重要的一個原則是合理也運用空間，讓自己的網頁井然有序，留下合適空間，會給人輕松的感覺。

主頁中不光要有文字，還要適當地加一些圖片。俗話說“一圖勝千言”，我想它不無道理。一張處理得好的圖片不需再多做解釋，就能使人一目了然，讓人去思考，去了解它。

我通過整個包括主題的確定，網頁的設計，資料的整和等制作的過程，才更加深入地理解了這些理論。我會懷著濃厚的興趣去學習，與同事之間互相協作學習，學會把理論知識運用到實際中，真正提高我的自主學習能力、協作精神和實踐能力。向著做一個真正意義上的教育技術專業人士的目標前進。

>網頁制作學習心得二：網頁制作學習心得>>（1671字）

轉瞬之間，半個學期又接近尾聲，在李導師的精心輔導下，度過了這個富有生機，富有朝氣的學期。學到了很多做夢也不會遇到的如此奇特的有趣知識，對于我來講是一個很好的鍛煉和充實的機會。

俗話說的好“書山有路勤為徑，學海無涯苦作舟”。在這一絕世佳句的鼓動下，我把握了工作之余的一切可利用的剩余時間，全心全意投入到網頁世界，去不斷的學習，去不斷的收索；同時去不斷的充實，去不斷的完善自我，在網絡的天空下逐漸的美化自己的人生！

在學習網頁制作的過程中，我深深體會到一點“有付出，就終有回報”，你的付出與你的回報終究是成正比的。經過了多少漫漫長路，經過了多少忘我的投入，經過了多少波折，我的網頁與眾人見面了。當我第一眼在網絡下一覽我的個人主頁，我是多么的激動，多么的興奮，就像多年未見的老同學，一種講不出道不明的感覺。

我在制作主頁中的心得體會:

做好主頁，并不是一件容易的事，它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。

1.標題

在個人主頁中標題起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、簡短，有特色、容易記，還要符合自己主頁的主題和風格，決不要取一個名不符實的'好名字'，別人第一次上了當，下次再也不會光顧了。

2.內容的采集

選好標題后，開始采集內容，內容必須與標題相符，在采集內容的過程中，應注重特色，所謂特色應該是有一些自己的東西。個人主頁中的特色，應該突出自己的個性，把自己的興趣、愛好盡情地發揮出來，因為在網絡上不受限制。主頁就是在網絡上的一個小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時喜歡一些文章，一些好聽的歌，一些好的動畫作品。把這些內容按類別進行分類，設置欄目，讓人一目了然，在欄目上不要設置太多，最好不要超過十個，層次上最好少于五層。

3.圖片

做個人主頁不能只用文字，必須在主頁上適當地加一些圖片，增加可看性，俗話說'一圖勝千言'，我想不無道理，一張處理得好的圖片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。當然處理得不好的以及無關緊要的圖片最好不要放上去，否則讓人覺得是累贅，同時也影響網頁的傳輸速度。圖片不僅要好看，還要在保證圖片質量的情況下盡量縮小圖片的大小（即字節數），在目前網絡傳輸速度不是很快的情況下，圖片的大小在很大程度上影響了網頁的傳輸速度。那么如何精簡圖片的大小呢，一般來說，圖片顏色較少的及在256色以內的最好把它處理成gif圖像格式，如果是一些色彩比較豐富的圖片，最好把它處理成jpg圖像格式，因為gif和jpg各有各的壓縮優勢，應根據具體的圖片來選擇壓縮比。

4.網頁排版

網頁頁面整體的排版設計也是不可忽略的，要讓讀者在狹小的電腦屏幕上閱讀，很重要的一個原則是合理地運用空間，讓自己的網頁井井有條，留下必要的空白，人覺得很輕松。不要把整個網頁都填得密密實實的，沒有一點空隙，這樣會給人一種壓抑感。

5.背景

網頁的背景并不一定非要用白色，選用的背景應該和整套頁面的色調相協調。合理的應用色彩是非常關鍵的。

6.其它

如果想自己的網頁更有特色一些，可適當地加一些網頁制作的技巧，諸如聲音、動態網頁、java、applet等，當然這些小技巧最好不要加太多，它會影響網頁的下載速度。

等個人主頁做得差不多了，可別忘了在個人主頁上放一個留言板、一個計數器。前者能及時獲得參觀者的意見和建議，及時得到網友反饋的信息，最好能做到有問必答，用行動去贏得更多的訪問者；后者能讓知道主頁參觀者的統計數據，可以及時調整設計，適應不同的瀏覽器和參觀者的要求。

7.宣傳

昨天，網頁與我無緣，那是因為上天不給我們一個見面的機會！

今天，網頁與我相識，與我相知，成為我的一個最真誠的朋友，那時因為李導師的辛勤栽培！

明天，網頁與我一生相伴，終身相隨，那是因為我領悟了什么是“一個網絡，整個世界”。

總而言之，我將用畢生的精力，心血去換取網絡中最燦爛的那顆夜明珠，在網頁的藍圖里，我將記下人生不朽的個人詩篇！

>網頁制作學習心得三：網頁制作學習心得>>（717字）

在學習網頁制作的這幾天里，我利用了學習之余的一切可利用的剩余時間，全心全意投入到網頁世界，去不斷的學習，去不斷的探索;同時去不斷的充實，去不斷的完善自我，在網絡的天空下逐漸的美化自己的人生!

做好主頁，并不是一件容易的事，它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。

①標題

在個人主頁中標題起著很重要的作用，它在很大程度上決定了你整套個人主頁的定位。一個好的標題必須有概括性、簡短，有特色、容易記，還要符合自己主頁的主題和風格。

②內容的采集

選好標題后，開始采集內容，內容必須與標題相符，在采集內容的過程中，應注重特色，所謂特色應該是有一些自己的東西。個人主頁中的特色，應該突出自己的個性，把自己的興趣、愛好盡情地發揮出來，因為在網絡上不受限制。主頁就是在網絡上的一個小小家園，在那里，可以放上自己喜歡的任何東西，包括你自己平時喜歡一些文章，一些好聽的歌，一些好的動畫作品。

③圖片

做個人主頁不能只用文字，必須在主頁上適當地加一些圖片，增加可看性，俗話說'一圖勝千言'，我想不無道理，一張處理得好的圖片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。

④網頁排版

網頁頁面整體的排版設計也是不可忽略的，很重要的一個原則是合理地運用空間，讓自己的網頁井井有條，留下必要的空白，人覺得很輕松。

⑤特色

讓自己的網頁更有特色一些，可適當地加一些聲音、動態網頁、Java、Applet。

⑥感悟

昨天，網頁與我無緣，那是因為上天不給我們一個見面的機會!

今天，網頁與我相識，與我相知，成為我的一個最真誠的朋友!

明天，網頁與我一生相伴，終身相隨，因為我已領悟了 一個網絡，整個世界。

>網頁制作學習心得四：學習網頁設計和制作的心得體會 >>（3026字）

我在網上進行的邏輯教學工作已經完成了，閑暇無事之余，便想將個人的主頁——《思東書屋》重新進行一下規劃和設計，為此購買了幾本有關網頁設計和制作的書籍，開始學習網頁的基本語言HTML。盡管網頁制作方法早已經從最簡單的文本編輯器發展到可視化的網頁編輯工具，但是，編輯形式的改變并沒有影響到HTML語言的整體結構，它只是簡化了編程方式，用直觀的具體形式取代了傳統的不可見的抽象形式。

這就如同哲學理論自身發展的兩個階段——理性的思辨和直觀的圖像一樣。目前，人們對用圖像解說認識過程和邏輯規則還缺乏深刻的認識，總是習慣于語言表達方式，不知道語言表達的缺陷是片面性和抽象性，而圖像形式則具有直觀性和具體性這一特點。如今我們生活的時代已經進入到互聯網的動漫時代，此時抽象的語言表達方式與時代發展的脈搏呈現出極不同步的狀態，這種表達方式遠遠落后于時代科學技術創新和發展取得的成果，它明顯地缺乏與時俱進的特點。人們只要看看有關系統論的教材，就會被書中展示的圖形和圖像所吸引。由此看來，作為時代的哲學理論也應該充分利用電腦給人們帶來的多媒體技術，通過編制幻燈片、動畫片和電腦仿真模式展開既直觀又生動的教學，只有這樣做才能使哲學理論跟上時代發展的步伐，真正做到與時俱進。

從互聯網的操作平臺和編程語言的發展過程中我們可以清楚地看到，邏輯思維在當今時代具有的重要作用和能夠發揮出來的巨大威力。沒有邏輯思維能力的提高，就不會導致多媒體的產生和動漫世界無處不在的現象出現。互聯網的發展不僅改變了當今的世界面貌，它同時也改變了人類自身固有的靜態思維模式。在當今時代，老子大道強調的真實邏輯在互聯網的演化過程中已經充分顯露出來。

從框架結構、層次關系和語句之間的嵌套關系中，我們可以看到老子的一個圓圈模式自身具有的應用價值。如果我們將人類思維具有的三種邏輯規則以直觀形象的實例展示出來，那么，語言邏輯就是人們在日常生活和工作中使用的邏輯規則，例如刑偵邏輯，它總是強調分析和判斷的結果要與真實的作案過程同一起來。表述形式要求清晰性、條理性和無矛盾性，可見，強調無矛盾的同一律是語言邏輯的特點：思維和存在二者直接同一是語言邏輯的屬性，表述形式和表述內容之間不允許出現對立性和矛盾性。由此構成形式邏輯同一律的實質。

數理邏輯是計算機硬件自身具有的邏輯規則，它把握了中央處理器CPU、信息交換的存儲器、記載時間和次數的計數器以及豐富多彩的顏色區分模式之間的相互關系，它直接通過邏輯真值表、二進制的語言和編碼結構展示出來，這是純粹抽象的邏輯規則在現實中的應用模式。其鮮明特征是：它把握了思維和存在二者本質同一這一屬性。

哲學邏輯則體現在計算機軟件上面，例如電腦的操作系統平臺以及網頁設計和制作的具體方法，它是真實邏輯模式的體現。電腦中動畫圖像的制作就是通過層次來把握過程和系統，把握繁雜的關系網模式。從而實現了互聯網模式與客觀存在模式二者之間的同一性，它們全都以“多樣性的統一”這一模式出現，不是理性思辨強調的“從一到多”的發展和演變模式。其理論根據在于：互聯網的根基是建立在相互聯系和相互作用的關系上面，它不是單純的存在物自身具有屬性，而是以關系網形式出現的新事物。可見，隨著互聯網的發展，人類思維就會從直觀的具體存在提升到間接的關系網模式這一高度。而老子的哲學理念恰恰就建立在系統聯系的關系網基礎上，可見它與時代發展的氣息是緊密聯系在一起的。通過網頁制作中的邏輯規則這種形式理解和把握老子大道的哲學理念，將是破解老子大道之謎的一條捷徑。人們在學習網頁設計和編程語言的過程中就可以把握住老子講述的邏輯規則。二者之間只有表現形式不同，在邏輯規則環節絕對同一，沒有本質的區別。

這就是人類的智慧，它在遠古時代就把握了復雜多變的關系網。然而，只有在互聯網充分發展的今天，人們才能夠深刻地理解老子大道的內涵，才能夠揭示出真實邏輯自身具有的一個圓圈模式。

從老子大道的終極謎底中人們看到，真實的邏輯模式是一個將四種邏輯規則有機結合在一起的關系網。它與互聯網的存在模式和運行模式完全一致。其中存在模式表現為大小圓圈環環相套，大圓圈就相當于服務器，小圓圈則相當于終端的電腦。整體的運動模式則體現出對立統一的矛盾關系。操作系統相當于基礎理論：它是本質環節的工具，各種軟件則是它的具體應用工具。

如果我們用邏輯圖的形式將三種邏輯規則和相互之間的關系展示出來的話，它是這樣的形式：

┌屬性：思維和存在直接同一，無矛盾的關系

┌語言邏輯┤具體環節：經驗理論

│ └形式：如日常交流、刑偵破案，無概念的形式

│ ┌屬性：抽象的本質關系，無矛盾的形式

邏輯┼思辨邏輯┤本質環節：計算機硬件中的邏輯規則：圖形、符號理論

│ └形式：符號邏輯、數理邏輯、模式邏輯，知識理論

│ ┌屬性：具體存在的關系模式，無矛盾的模式

└真實邏輯┤系統環節：計算機軟件中的邏輯規則：圖像、概念理論

└形式：哲學邏輯、辯證邏輯、邏輯模式，可視化編程

從這個邏輯圖中人們看到，邏輯的屬性是強調思維和存在的同一性，它是實現思維和存在同一性的手段、方法、形式。不同的邏輯規則把握思維和存在的同一性程度不同，它分為三種形式：具體環節是形式同一，理性環節是本質同一，系統環節是模式同一。亞里士多德的《工具論》就停留在形式同一環節，德國古典哲學上升到本質同一的高度。老子的大道以隱藏形式把握了模式同一，《思維工具論》將這種模式同一從隱藏形式轉化為直觀的顯露形式。由此構成人類邏輯思維發展演變的全過程。

隨著互聯網的普及，網頁制作技術的廣泛應用，人們對于邏輯規則就不會感到陌生，因為HTML語言結構已經將哲學的邏輯模式以可視化的形態展示出來，同時也將哲學邏輯自身具有的應用價值和能夠發揮的巨大威力展示出來。此時，“邏輯”對于懂得電腦知識的人們來說已經不再是一個抽象的名詞概念，而是幫助人們邁進網絡世界大門的思維工具。

以框架結構的邏輯規則為例，它充分體現出思維規則：兩個層次、兩種形式的對立統一。邏輯圖為：

┌具體：內聯式樣式表：只對使用它的元素起作用：文字和段落

┌自身形式┤

┤ └一般：嵌入式樣式表：通過標記形式規范整個文本：統一格式

│ ┌外部式樣式表，通過CSS模式進行規范整個網站的風格

└聯系形式┤

└系統模式：同時使用多層樣式表，即各種格式之間的有機結合這就是思維規則在網頁制作中的具體應用。人們只要通過學習網頁制作的方法，就能夠理解《思維工具論》講述的邏輯規則。這就是電腦與人腦在邏輯規則上面具有的高度同一性。它就是謝林哲學強調的“絕對同一”理念。

邏輯屬于抽象的形式聯系，它不涉及里面的具體內容，屬于科學的思維方法和工具。網頁語言結構恰恰將邏輯的屬性、形式和特點全面地展示出來。它揚棄了里面的內容，只考慮抽象的結構和形式之間的關系，無論是文本，圖片、還是動畫，都可以作為“同一的事件”看待起來，具體內容的變化與邏輯形式、邏輯規則無關。可見，人們在學習網頁制作的時候只要反思一下里面的邏輯規則，就會把握住科學的思維方法。只要將編制網頁的方法應用到各種理論問題的分析過程中，就能夠擺脫經驗理論的束縛，從而上升到科學理論的高度。

邏輯是方法、手段、工具，它是人類智慧創造出來的精神財富，是認識論規律的表現形式。人們的頭腦中如果沒有邏輯規則的話就會偏離真理的軌道，就會停留在經驗理論和生活常識中，不能邁進科學理論的門檻。

這就是老子講述的不言之教包含的豐富內容，它是科學的認識方法、認識模式、邏輯規則、思維工具。

>網頁制作學習心得五：網頁制作學習心得>>（1414字）

教育技術是一門跟計算機密不可分的的專業，這學期我們開了網頁制作這門課程，從上大學以來我就一直期待這門課程，因為在我們日常網絡中網頁是不可缺少的，我也對它非常感興趣。所以要認真的學習。爭取多學習一些這方面的東西。

通過第一堂課的學習，我對網頁有了更深一步的了解和認識了，網頁分為靜態網頁和動態網頁兩種。打開靜態網頁只需

一、靜態網頁與動態網頁的關系

1、靜態

靜態網頁的網址形式通常以.htm、.html、.shtml、.xml等為后綴的。在HTML格式的網頁上，也可以出現各種動態的效果，如.GIF格式的動畫、FLASH、滾動字母等，這些“動態效果”只是視覺上的，與動態網頁是不同的概念。

運行于客戶端的程序、網頁、插件、組件，屬于靜態網頁，例如html頁、JavaScript、VBScript等等，它們是永遠不變的。

靜態網頁是網站建設的基礎，靜態網頁和動態網頁之間也并不矛盾，為了網站適應搜索引擎檢索的需要，即使采用動態網站技術，也可以將網頁內容轉化為靜態網頁發布。

2、動態

是與靜態網頁相對應的，也就是說，網頁 URL的后綴不是.htm、.html、.shtml、.xml等靜態網頁的常見形動態網頁制作專家式，而是以.aspx.asp、.jsp、.php、.perl、.cgi等形式為后綴，并且在動態網頁網址中有一個標志性的符號——“?”。

從網站瀏覽者的角度來看，無論是動態網頁還是靜態網頁，都可以展示基本的文字和圖片信息，但從網站開發、管理、維護的角度來看就有很大的差別。

1）開發公司：微軟（Microsoft）

2）服務器IIS（Internet information service）

ASP---IIS的安裝與配置

二、動態網頁技術

IIS的安裝與配置

a.安裝IIS

若操作系統中還未安裝IIS服務器，可打開“控制面板”，然后單擊啟動 “添加/刪除程序”，在彈出的對話框中選擇“添加/刪除Windows組件”，在Windows組件向導對話框中選中“Internet信息服務（IIS）”，然后單擊“下一步”，按向導指示，完成對IIS的安裝

b.啟動Internet信息服務（IIS）

Internet信息服務簡稱為IIS，單擊Windows開始菜單---所有程序---管理工具---Internet信息服務（IIS）管理器，即可啟動“Internet信息服務”管理工具.c.配置IIS

IIS安裝后，系統自動創建了一個默認的Web站點，該站點的主目錄默認為C:Inetpubwww.root。

用鼠標右鍵單擊“默認Web站點”，在彈出的快捷菜單中選擇“屬性”，此時就可以打開站點屬性設置對話框，在該對話框中，可完成對站點的全部配置。

啟動與停止IIS服務

在Internet信息服務的工具欄中提供有啟動與停止服務的功能。單擊可啟動IIS服務器；單擊 則停止IIS服務器。

3、PHP是英文超級文本預處理語言Hypertext Preprocessor的縮寫。

PHP 獨特的語法混合了 C、Java、Perl 以及 PHP 自創新的語法

1）、開發：有個人開發

2）、服務器 Apache HTTP server

4、JSP(Java Server Pages)

1）、開發：是由Sun Microsystems公司倡導、許多公司參與一起建立的一種動態網頁技術標準。

2）、服務器：Apache Tomcat

三、靜態網頁布局

參照屏幕錄像，本節主要講表格式布局，學習了表格拆分的方法！

四、代碼

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

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

***4

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

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

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

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

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

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

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

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

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

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

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

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

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

一、確定網站主題

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

二、搜集材料

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

三、規劃網站

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

四、選擇合適的制作工具

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

Dreamweaver、Fireworks、flash來制作網頁。

五、制作網頁

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

六、上傳測試

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

七、推廣宣傳

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

八、維護更新

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

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

第五篇：網頁制作協議書

贏了網s.yingle.com

遇到電子商務法問題？贏了網律師為你免費解惑！訪問>>

http://s.yingle.com

網頁制作協議書

甲方：_________

乙方：_________

甲乙雙方經友好協商，就主頁制作事宜達成如下協議：

第一條 根據甲方的要求，乙方同意向甲方提供主頁制作服務。

第二條 根據甲方的要求，乙方為甲方提供如下服務：

甲方提供完整的主頁制作資料，及對主頁的明確要求，由乙方制作。從甲方提供完整的制作資料起，乙方將在15個工作日內設計，制作完成主頁初稿，制作完畢后，甲方在得到乙方制作完成的通知后一周之內一次性提出修改意見。若更改內容不超過原設計制作頁面文件的20％，乙方免費修改；若修改內容超過原制作頁面文件的20％，則根據新內容折合成新頁面加收制作費，不足一頁，按一頁計算。甲方提出意見后，7個工作日內乙方完成修改，經甲方同意后上網發布。

第三條 甲方申請主頁制作日期是_________年_________月_________日；主頁發布日期_________年_________月_________日。

第四條 乙方收費項目及標準：

1．首頁設計，制作費：_________元／a4紙一頁；

2．內頁設計，制作費：_________元／a4紙一頁；

法律咨詢s.yingle.com

贏了網s.yingle.com

3．gif多層動畫設計，制作費：_________元／a4紙一頁；

4．flash頁面設計，制作費：_________元不等。

5．預付金額：頁面設計，制作總費用的_________％，即_________元整。

6．付費方式：以上費用分兩次付清。共人民幣：_________。乙方在收到甲方付條后，開始提供服務。

第五條 違約責任：

1．甲方必須保證提供的信息內容真實可靠，不得發布虛假信息，信息內容必須符合中華人民共和國有關的法律和法規，特別是國務院頒布的《互聯網信息服務管理辦法》。否則，由此而造成的一切后果由甲方承擔責任。

2．雙方簽署協議后，甲方應按規定交納預付金額，在乙方制作完畢得后當日，甲方交付全部制作費，否則因違反規定造成的后果，由甲方負責。

3．由不可抗力因素（地震，臺風，洪水，政府行為及其它非乙方人力所能預見或避免的因素）造成本協議無法執行，乙方不承擔任何責任。

4．若雙方因執行協議或本協議有關事項發生意見分歧，本著友好協商的原則解決。

第六條 本協議一式兩份，雙方各執一份，兩份協議具有同等效力。

法律咨詢s.yingle.com

贏了網s.yingle.com

甲方（蓋章）：_________

乙方（蓋章）：_________

負責人（簽字）：_________

負責人（簽字）：_________

_________年____月____日

_________年____月____日

? 網絡對傳統隱私權的沖擊

http://s.yingle.com/w/dz/673900.html

? 我國網絡金融行業協調能力差

http://s.yingle.com/w/dz/673899.html

? 網上信用安全度數的案例分析

http://s.yingle.com/w/dz/673898.html

? 電子簽名的對稱加密是什么

http://s.yingle.com/w/dz/673897.html

? 騙領信用卡并透支使用的法律認定問 http://s.yingle.com/w/dz/673896.html

? 電子支付指引與第三方支付服務

http://s.yingle.com/w/dz/673895.html

? 電子商務糾紛的解決之道

http://s.yingle.com/w/dz/673894.html

? 網絡格式合同書范本2018最新問題

http://s.yingle.com/w/dz/673893.html

法律咨詢s.yingle.com

贏了網s.yingle.com

? 加強網絡金融市場準入管理措施

http://s.yingle.com/w/dz/673892.html

? 電子交易后，發貨環節如何進行風險規避 http://s.yingle.com/w/dz/673891.html

? FBI調查iPad用戶隱私泄

http://s.yingle.com/w/dz/673890.html

? 傳統的國際稅收管轄權基礎

http://s.yingle.com/w/dz/673889.html

? 電子金融與傳統金融的區別是什么 http://s.yingle.com/w/dz/673888.html

? 首個團購網站信用認證新規出臺欲通過牌照設置門檻 http://s.yingle.com/w/dz/673887.html

? 電子簽名的功能等同原則是什么

http://s.yingle.com/w/dz/673886.html

? 網絡金融的風險防范

http://s.yingle.com/w/dz/673885.html

? ? 安全 http://s.yingle.com/w/dz/673884.html 計算

機

軟

件的法

律

保

護

http://s.yingle.com/w/dz/673883.html

? ? 電子商務安全要素 http://s.yingle.com/w/dz/673882.html 懲治網絡犯罪

推進電子

商務發展

http://s.yingle.com/w/dz/673881.html

法律咨詢s.yingle.com

贏了網s.yingle.com

? 中國當前電子商務稅收管理問題的對 http://s.yingle.com/w/dz/673880.html

? ? 關于進一步加快電 http://s.yingle.com/w/dz/673879.html 隱私權保護的法律現狀和網絡隱私權法 http://s.yingle.com/w/dz/673878.html

? 電子支付方式中各種法律關系的分析 http://s.yingle.com/w/dz/673877.html

? 論網絡隱私權的法律保護

http://s.yingle.com/w/dz/673876.html

? 處理好我國電子政務發展中的幾個問題 http://s.yingle.com/w/dz/673875.html

? 電子支付條例或本周公布

http://s.yingle.com/w/dz/673874.html

? 黑客行為及相關法律責任

http://s.yingle.com/w/dz/673873.html

? 我國電子商務稅收征管應堅持的

http://s.yingle.com/w/dz/673872.html

? 網絡信息安全的法律保護

http://s.yingle.com/w/dz/673871.html

? 電子簽名及其規制模式

http://s.yingle.com/w/dz/673870.html

法律咨詢s.yingle.com

贏了網s.yingle.com

? 電子商務中消費者保護的法律問題 http://s.yingle.com/w/dz/673869.html

? 中國法律嚴禁任何形式黑客攻擊行為 http://s.yingle.com/w/dz/673868.html

? 刑事訴訟中電子證據的收集和運用 http://s.yingle.com/w/dz/673867.html

? 跨國電子商務對傳統的國際稅收法律 http://s.yingle.com/w/dz/673866.html

? 電子支付有哪三種類型

http://s.yingle.com/w/dz/673865.html

? 電子支付的支付流程是怎樣的

http://s.yingle.com/w/dz/673864.html

? 團購網售服務無保障漸成頑疾

http://s.yingle.com/w/dz/673863.html

? 新型電子支付工具和網絡標準

http://s.yingle.com/w/dz/673862.html

? 國際避稅的主要方式和手段

http://s.yingle.com/w/dz/673861.html

? 廣電網絡運營的法律保障問題研究 http://s.yingle.com/w/dz/673860.html

? 網站運營第一階段 http://s.yingle.com/w/dz/673859.html

法律咨詢s.yingle.com

贏了網s.yingle.com

? 亂象橫生商務部制定首個團購網站信用認證新規 http://s.yingle.com/w/dz/673858.html

? 網店實名制是在為收稅開路

http://s.yingle.com/w/dz/673857.html

? 論網絡運營商對用戶隱私權的侵害 http://s.yingle.com/w/dz/673856.html

? 網絡廣告呼喚游戲規則的革新

http://s.yingle.com/w/dz/673855.html

? 網絡用戶隱私權的法律保護

http://s.yingle.com/w/dz/673854.html

? ? 電子商務法 http://s.yingle.com/w/dz/673853.html 對比信息網絡傳播權與傳統著作權 http://s.yingle.com/w/dz/673852.html

? 網游實名制標本兼治有賴技術進步 http://s.yingle.com/w/dz/673851.html

? 電子商務中電子貨幣洗錢犯罪問題 http://s.yingle.com/w/dz/673850.html

? ? 什么是電子商務 http://s.yingle.com/w/dz/673849.html 試驗十三網絡金融監管和網絡金融法律 http://s.yingle.com/w/dz/673848.html

? 網絡支付責任承擔的問題

http://s.yingle.com/w/dz/673847.html

法律咨詢s.yingle.com

贏了網s.yingle.com

? 農行電子支付卡存在哪些安全隱患問題 http://s.yingle.com/w/dz/673846.html

? 世界各國對電子商務采取的稅收

http://s.yingle.com/w/dz/673845.html

? 網絡隱私權法律保護探析

http://s.yingle.com/w/dz/673844.html

? 電子商務對常設機構原則挑戰

http://s.yingle.com/w/dz/673843.html

? Internet對傳統國際

http://s.yingle.com/w/dz/673842.html

? ? 人肉搜索或能終止 http://s.yingle.com/w/dz/673841.html 隱私權在網絡空間中面臨的的挑戰與對策 http://s.yingle.com/w/dz/673840.html

? 電子商務交易糾紛的解決途徑

http://s.yingle.com/w/dz/673839.html

? 門檻低導致團購網站數量劇增

http://s.yingle.com/w/dz/673838.html

? 電子金融的主要服務內容有哪些

http://s.yingle.com/w/dz/673837.html

? 電子政務發展需法律法規支持

http://s.yingle.com/w/dz/673836.html

法律咨詢s.yingle.com

贏了網s.yingle.com

? 電子簽名的功能等同原則

http://s.yingle.com/w/dz/673835.html

? 國際上對跨國電子商務所得課稅的原 http://s.yingle.com/w/dz/673834.html

? 完善我國電子商務稅收征管法律

http://s.yingle.com/w/dz/673833.html

? 網絡隱私權問題產生的原因

http://s.yingle.com/w/dz/673832.html

? 電子商務的核心價值到底是什么

http://s.yingle.com/w/dz/480494.html

? 電子商務對客戶關系管理的影響

http://s.yingle.com/w/dz/480492.html

? 網交會人氣旺老外也迷電子商務

http://s.yingle.com/w/dz/480491.html

? 中國移動在深啟動B2B電子商務

http://s.yingle.com/w/dz/480488.html

? 互聯網地圖服務審查要求和責任制度 http://s.yingle.com/w/dz/480486.html

? 湖南廣電與淘寶投1億建公司圖謀電子商務 http://s.yingle.com/w/dz/480484.html

? IDC電子商務邁向縱深電子支付成發展利器 http://s.yingle.com/w/dz/480483.html

法律咨詢s.yingle.com

贏了網s.yingle.com

? ? 高智能保安全 http://s.yingle.com/w/dz/480481.html 東陽中小企業借力移動電子商務擴大營銷 http://s.yingle.com/w/dz/480478.html

? 電子商務發展助經濟復蘇提速

http://s.yingle.com/w/dz/480477.html

? ‘戴爾’的物流電子商務化研究

http://s.yingle.com/w/dz/480475.html

? 亞馬遜等多家電子商務網站遭遇http://s.yingle.com/w/dz/480472.html

DNS故障

? 國際電子商務平臺開通廣貨出口借上網擴容 http://s.yingle.com/w/dz/480470.html

? 深圳個人開網店辦照可自愿扶持電子商務發展 http://s.yingle.com/w/dz/480469.html

? 智能化電子商務發力國家電子商務示范城市建設 http://s.yingle.com/w/dz/480467.html

? 農業電子商務的現狀與趨勢

http://s.yingle.com/w/dz/480465.html

? 電子商務第三方支付的風險分析及控制淺談 http://s.yingle.com/w/dz/480463.html

? 電子商務對渠道管理的沖擊與挑戰 http://s.yingle.com/w/dz/480460.html

法律咨詢s.yingle.com

贏了網s.yingle.com

? 信息流、資金流、物流

http://s.yingle.com/w/dz/480458.html

? 智能化電商進軍廣州流花服裝電子商務圈 http://s.yingle.com/w/dz/480456.html

? 選擇成都看好中西部電子商務發展 http://s.yingle.com/w/dz/480454.html

? 物流和快遞是電子商務不可缺少的部分 http://s.yingle.com/w/dz/480453.html

? 多數電子商務企業CEO對政府部門的扶持力度滿意 http://s.yingle.com/w/dz/480450.html

? 電子商務就業形勢‘乍暖還寒’

http://s.yingle.com/w/dz/480448.html

? 2017中國電子商務創新發展論壇的幾點思考 http://s.yingle.com/w/dz/480446.html

? 企業競爭優勢的助推器

http://s.yingle.com/w/dz/480445.html

? 市民網上批發貨物遭遇網購騙局

http://s.yingle.com/w/dz/480442.html

? 北辰區大型批發市場建電子商務平臺 http://s.yingle.com/w/dz/480440.html

? 智能化電子商務突破服裝業困局

http://s.yingle.com/w/dz/480438.html

法律咨詢s.yingle.com

贏了網s.yingle.com

? 我國農業電子商務發展的問題與對策 http://s.yingle.com/w/dz/480436.html

? 申通稱快遞業不堪重負落后于電子商務發展速度 http://s.yingle.com/w/dz/480434.html

法律咨詢s.yingle.com