第一篇：《網頁設計與制作》學習心得（共）

《網頁設計與制作》學習心得

說實話，短短三個星期能將《網頁設計與制作》這本書粗略的學完，簡直有點不敢相信。不過能懂得基本的框架和思路，這一點在以后的學習過程中是非常有幫助的。

其實買電腦的時候就裝上了網頁四劍客，可能稍微接觸多一點的子軟件是《Flash CS3》，但呂老師和我們談及用《Dreamweaver》制作網頁的時候，感覺有點茫然。

一開始老師并沒有詳細的介紹軟件的使用，只是強調建立的主要部分：新建站點。其中images、index兩個單詞要牢記。因為這個是以后網頁建設的主要部分。隨后布置的作業中強調了表格插入的重要性。

學習與實踐環節

第一部分：家庭作業是進行簡單的網頁制作，以書本上的百川商城為例，按照步驟，新建站點，創建名為images的文件夾及名為index的空白HTML文檔，各邊距設置為0。值得注意的是，在創建文檔前就要規劃好將文件保存的具體位置。在文檔中添加表格，首先以一行一列、800像素、變寬粗細為0、單元格邊間距為0為目標建立對象，為了顯示的效果更佳入眼，我們將表格居中對齊，再插入4行一列的表格，俗稱表格嵌套，第一行分為兩欄用于制作logo和banner，可以根據圖片的像素設置好寬和長，第二行為導航欄，第三行為頁面內容，第四行為版本信息。這些就是我們平常瀏覽網站的基本布局，將不同的內容放在網頁的不同位置，目的是使得瀏覽者能輕松準確的獲取網站所要表達的信息。做好上述準備工作，就要在表格中添加素材，可以根據常用菜單欄進行要求的填充和寫入。本作業時詳細的指導我們完成第一個網頁制作，其中涉及了表格、文字、圖片及水平的應用，對于各自的使用，老師均作了很詳細的圖文并茂的介紹，布局時要先確定網頁的分辨率及靈活度調整等。我們在這個簡單的網頁設計與制作過程中也學到了很多知識，學到了很多操作。

第二部分：學習的是主頁面設計與制作，我就不過多的談論步驟了，這個項目制作中使用了布局表格的嵌套功能，這將有利于頁面內容的布局和定位，運行網頁時整體不會出現異常情況，使頁面與當初設計的樣式相同，另外，為了使當瀏覽器大小改變時對頁面布局不產生影響，一定將表格寬度設置成固定寬度。

第三部分：講述了CSS與層與子連接的使用，這個是學習網頁制作個人認為最難的部分，但對于一個普普通通的網頁，通過給這個文件添加CSS規則，可以得到十分美觀的網頁。使用CSS樣式可以對網頁中的文本、圖像、超鏈接、表格等各種網頁元素的顯示屬性做出非常精細的設置。使用CSS設置頁面格式時，內容與表現形式是相互分開的，可以統一定制多個網頁的頁面布局和頁面元素的一致外觀，提供了便利的更新功能。子連接就是我們平常進入網站的子業部分，將子業部分與CSS相結合，能夠統一網頁風格，吸引更多的瀏覽者。第四部分主要講述表單頁面設計與制作及課外擴展，因為這部分相對而言簡單，所以不過多的介紹了。

在設計過程中肯定存在著許多的問題，但通過看書，上網查詢，請教同學等方式，不斷的學習、解決、提高，設計出的網頁不論是外觀還是內容，都在不斷的進步、改善。在自己動手，不斷實踐的過程中，網頁設計水平得到了很大的提高。就我而言，也在學習網頁中總結了如下經驗。初學者要清楚地了解網頁制作的基本流程。就是第一步做什么,下一步又該怎樣。繪畫網頁框架圖，大概是怎樣的一個過程，怎樣實現的，應該要心里有數。按流程的順序學習，不要試著先把所有做網頁用到的軟件都吃透了再開始做網頁。應該邊學邊嘗試。平時瀏覽網頁時多多留意別人的設計和效果，多收集有用的信息。這方面我們還是剛剛開始的。有必要借鑒一下。要細心和耐心。因為網頁設計很多時不是你構思好要弄成怎樣就可以很輕易地做出來，要多多思考和分析。

總體來說，通過選修課對網頁設計的了解與學習，體會有很多，有句話說得好“沒有做不到，要善于吸取別人的優點，努力的趕上。要是你覺得在他的優點這方面做的沒他好，你可以選擇怎樣的去用他的優點來為你服務，千萬不能想著孤僻自己，獨善其身或是有“個人自掃門前雪，莫管他人瓦上霜”的心理。我們要學會團隊合作的精神。這點不過我們在這方面上不能忽視，什么地方我們都用的到。

耐心、細心、思考、分析是我這次選修課程最大的收獲。

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

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

***4

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

記得最初接觸dreamweaver的時候，我很茫然。因為以前從來沒有見到過這種格式的軟件操作窗口和如此多的陌生名詞，只能用鼠標到處亂點。并且剛開始幾節課，老師并沒有給我們講關于如何去使用這個軟件的知識，基本上每幾課有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

三、靜態網頁布局

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

四、代碼

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

網頁制作學習心得體會

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

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

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

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

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

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

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

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

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

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

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

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

學習心得

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

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

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