第一篇：動態網頁制作心得
煙臺大學文經學院
姓名：
班級：
學號： 網 頁 制 作 課 程 心 得題目：xxxxxx xx xxxxx xxxxxxxxxx
我制作的動態網頁的主題是宣傳我的家鄉，通過網頁將家鄉的特色表現出來。通過網頁可以讓關注本網頁的人更多的了解棗莊。還對一些熱愛旅游的驢友來棗莊時可以更快的融入我們棗莊這個大家庭。
我制作的網頁內容豐富。其一，包括棗莊的新聞，最新的新
聞可以使人通過現有發生的事來了解棗莊，新聞來源是棗莊最大的新聞網“齊魯在線”，新聞真實有效。其二，有豐富的圖片，圖片可以說明問題，可以更好的反映棗莊的美景特色。圖片來自棗莊旅游局官網。其三，有動聽的音樂，收錄了中國動聽的音樂，有反映棗莊鐵道游擊隊時的歌曲。其三，有中國各代在中國出現的名人。例如：墨子，奚仲，匡衡，孟嘗君，蘭陵笑笑生等名人的個人介紹。其四，有好的視頻。是棗莊旅游宣傳片，精彩不容錯過。其五，有專屬于棗莊的貼吧，點擊鏈接到百度棗莊貼吧。其六，有文庫，里面介紹棗莊來歷，發展，棗莊人的精神。其七，包含棗莊的地圖，地圖上標注了棗莊的有名的旅游景點，例如，臺兒莊大戰紀念館、萬畝榴園、熊耳山、微山湖的景點。
動態網頁設計這門課程是一門綜合性很強而且非常實用的課程。包括.html、CSS、js、ajax、面向對象等等。這門課程讓我了解到ASP.NET是一個統一的Web開發模型，能使用盡可能少的代碼生成企業級ASP.NET網站所必需的各種服務。讓我明白了如何去創建一個網站。
…表示文檔頭部信息。…
表示一個段落。表示換行。
表示水平線。
在制作動態網頁中我學到了很多東西，懂得網頁制作的許多
技巧，很容易就能制作一個簡單的網頁。以下我羅列出我學習到的技巧。
一、我知道如何利用超鏈接，現在可以靈活的利用它，明白超鏈接的原理。比如我可以鏈接到一個郵件、網站、視頻等等。在網頁中插入并經圖片使網頁更加美觀。
二、明白了如何向空間中插入背景音樂，使網頁變的有激情。簡單了解了制作網頁中的代碼，并且可以寫一些基礎的代碼來使網頁得到想要的效果。
三、網頁中我還插入了一些視頻，并且可以讓瀏覽人很快的應用下載視頻。
四、可以向網站中插入滾動圖片，滾動字幕，插入時間，插入圖層等。
再現在這個年代，計算機的作用越來越重要了，人民生活辦
公都離不開它，然而像這門如此深奧的知識，一般人是接觸不到的。選擇了這門課我感覺很高興，接觸到一些計算機知識，了解動態網頁制作的基礎。由于老師上課的耐心教導，我的認真聽講，使我制作出這個讓我滿意的作品，我很高興很開心。說實話，對
于這門選修課我還想再上，可以讓我更深的了解計算機知識，明白計算機的深奧?？上]時間了，只能等以后自學了。
我以前總認為編程是一件很痛苦的事情，但是經過這次作
業，使我明白了編程也可以是一件很有趣的事情。想象一下：自己去構思和設計一個別人都沒做過的項目那是多么的有成就感。學習網頁設計不能心急，這不是一日之功，要想有比較高的造詣，沒有長期的練習是達不到的。
我想我已經敲開了動態網頁設計這扇大門，大門里有很多精
彩的風景需要我去瀏覽。當然也會有很多荊棘坎坷需要我去面對。相信只要有恒心，我終會摘到勝利的果實！
第二篇：動態網頁制作心得
煙臺大學文經學院
姓名：班級：學號：
網 頁 制 作 課 程 心 得
題目：xxxxxx
xx xxxxx xxxxxxxxxx 我制作的動態網頁的主題是宣傳我的家鄉，通過網頁將家鄉的特色表現出來。通過網頁可以讓關注本網頁的人更多的了解棗莊。還對一些熱愛旅游的驢友來棗莊時可以更快的融入我們棗莊這個大家庭。
我制作的網頁內容豐富。其一，包括棗莊的新聞，最新的新聞可以使人通過現有發生的事來了解棗莊，新聞來源是棗莊最大的新聞網“齊魯在線”，新聞真實有效。其二，有豐富的圖片，圖片可以說明問題，可以更好的反映棗莊的美景特色。圖片來自棗莊旅游局官網。其三，有動聽的音樂，收錄了中國動聽的音樂，有反映棗莊鐵道游擊隊時的歌曲。其三，有中國各代在中國出現的名人。例如：墨子，奚仲，匡衡，孟嘗君，蘭陵笑笑生等名人的個人介紹。其四，有好的視頻。是棗莊旅游宣傳片，精彩不容錯過。其五，有專屬于棗莊的貼吧，點擊鏈接到百度棗莊貼吧。其六，有文庫，里面介紹棗莊來歷，發展，棗莊人的精神。其七，包含棗莊的地圖，地圖上標注了棗莊的有名的旅游景點，例如，臺兒莊大戰紀念館、萬畝榴園、熊耳山、微山湖的景點。
動態網頁設計這門課程是一門綜合性很強而且非常實用的課程。包括.html、CSS、js、ajax、面向對象等等。這門課程讓我了解到ASP.NET是一個統一的Web開發模型，能使用盡可能少的代碼生成企業級ASP.NET網站所必需的各種服務。讓我明白了如何去創建一個網站。
…表示文檔頭部信息。第三篇：動態網頁制作教案
一、教學目標：
1、知識目標
（1）了解動態HTML，動態網頁的概念
（2）能夠實現簡單的動態HTML效果，能夠插入簡單的javascript代碼（3）掌握動態網頁的特性
2、能力目標
（1）培養學生的探究學習能力（2）進一步提高學生的審美能力
3、情感目標
（1）培養學生正確評價、選擇、運用信息的價值觀（2）培養學生的版權意識
（3）使學生正確認識技術的兩面性。
二、教學重點與難點 重點：
（1）動態HTML和動態網頁的概念（2）插入簡單的動態HTML特效 難點
插入javascript網頁特效
三、教學過程
（一）動態HTML的概念
1、情景創設
教師：展示做好的網頁，網頁中有許多動態HTML的效果，問：請觀察以下網頁，注意哪些地方發生了動態的變化？
學生：仔細觀察，發現有文字移動，背景顏色隨鼠標變化等特效，興趣大增。教師引導：同學們想不想學呢，這是什么技術呢？
2、動態HTML(DHTML)的 概念
教師給出概念：在脫離網絡環境下，網頁下載到瀏覽器以后仍能夠隨時變換的HTML
3、教師演示：
在FrontPage中，提供了一些動態HTML效果，教師演示操作步驟 例1：實現簡單的動態HTML效果 演示:鼠標特效
方法：格式----動態HTML 教師只演示其中一個，其他例子先讓學生自己探索。培養學生的自學能力。學生探索研究后，老師請先完成的同學出來演示，并講解難點，如鼠標懸停效果。
4、學生練習
教師講解完后，讓學生繼續鞏固動態HTML特效，做練習一 練習一：實現簡單的動態HTML效果（1）、網頁加載效果
（2）、鼠標懸停效果（提供背景圖片）（3）、單擊（4）、雙擊
5、學生成果交流與評價
問：是不是動態效果越多越好呢?培養學生審美觀。
讓學生相互評價，哪些地方加得恰到好處，哪些地方加得不大合適？
教師總結：frontpage2000自帶的動態HTML特效，實質上是在原網頁上自動增加了一些代碼，那么，除了frontpage2000自帶的動態HTML特效，還有更豐富更具個性化的特效嗎？
6、引伸：
為進一步理解動態HTML，不僅僅是ftontpage自動產生的那些，還有更加豐富更加全面各種特效，教師提供一些簡單的javascript小程序，對動態HTＭＬ作一些引伸，例2：插入簡單的javascript網頁特效 教師演示：怎樣插入“顯示當前日期”的代碼 強調難點：一定要注意插入代碼的位置。練習二：請插入以下幾個網頁特效（1）、記數器（2）、顯示當前時間（3）、跟隨鼠標的時鐘（4）、禮花背景
教師事先準備好這幾個小程序，學生分組練習，分四組，每個組只要完成其中一個特效。
7、學生作品交流與評價
教師小結：這里只是插入的最簡單的代碼，還有一些復雜的代碼在以后的章節中有要求進一步學習，javascript小程序是實現動態HTML特效的主要工具。還有css等等 注意：使用別人代碼時，要注意別人的版權信息。同學們還想更多特效，教師提供以下網址，課外資源 七色風網頁特效 網頁特效觀止 網頁特效
你知道亂用javascript特效的后果嗎？有些人專門編制了這種小程序，對網頁產生了一些破壞作用，這是非常不道德的。
同學們對于動態HTML非常感興趣，特鼓勵同學好好專研，成為javascript的編程高手。
過渡：進一步理解動態網頁的概念。動態網頁不僅局限于動態HTML 還包括采用CGI、ASP、JSP、PHP、Perl等技術動態生成的頁面
（二）、動態網頁的概念
這里所謂的動態主要強調的是人機關系，即，按照訪問者的不同需要對訪問者輸入的信息作不同的響應，并提供相應的信息。
教師展示網站，讓學生體驗良好的人機關系，這些網站主要是由asp、php等技術生成的 例3：認識幾種動態網站 http://www.tmdps.cn/platform/index.php?t=book_index_first http://www.tmdps.cn/default_login.asp數據檢索，后臺數據庫 http://blog.163.com/jswzb博客系統
通過演示，讓學生體會到本節所說的動態網頁這個“動”字的涵義，主要強調的是一種人機交流，而不是一種動畫技術。
（三）、總結：靜態網頁和動態網頁的比較 請學生討論完成以下表格： 靜態網頁 動態網頁
是否支持動態顯示效果 無法實現動態顯示效果 能實現個性化的交互功能，能否及時更新和響應 維護繁瑣，不便人機交互,信息反饋 更少的刷新、更快的響應并減輕了服務器負擔，維護簡單，交互功能強，交流方便
是否能支持數據庫 無法支持數據庫 支持數據庫，查詢修改數據方便
第四篇：動態網頁制作與感想
在Internet飛速發展的今天，互聯網成為人們快速獲取、發布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發揮著重要的作用。因此網站建設在Internet應用上的地位顯而易見，它已成為**、企事業單位信息化建設中的重要組成部分，從而倍受人們的重視。使用計算機的能力也成為當代大學生學習、生活、工作的基本要求。計算機入門不難。我們希望把計算機當成工具，而不是自己當程序員。我們只想用計算機提高設計速度和準確性，提高工作效率，減輕手工勞動的負擔，這才是我們使用計算機想要達到的目的和追求的目標。
通過這兩個月在學習實踐中的學習和老師的指導，在制作時想想使自己的網頁更加豐富多彩，在網頁中插入圖象，動畫，動態特效?？墒强傆龅竭@樣那樣的問題，例如Flash動畫到入Dreamweaver里，開始不明白后來才知道是在Dreamweaver里先插個層，這樣就可以瀏覽出效果了。還有是有時上傳到網頁上的圖片不顯示，原因是它們沒有在一個文件夾內。但在同學的幫助和自己摸索的情況下完成了這個實習的成果?？吹搅艘恍┲木W站開發出的網頁，不僅欄目內容豐富，信息量大，而且頁面圖文并茂，五彩繽紛，使得網民贊嘆不已，流連忘返。以我們的經驗，當前的軟件的功能日趨復雜，不學到一定的深度和廣度是難以在實際工作中應付自如的。因此反映出學習的還不夠，缺點疏漏。虛在加以刻苦鉆研及學習，不斷開拓視野，增強自己的實踐操作技能，為以后能做出出色的網頁而努力。常言道：“性急吃不了熱豆腐”。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。學習時首先要找準自己的位置。要把計算機看成一種工具、一種技能，而不要被書本上那些難懂的知識以及抽象的理論概念嚇倒。其次要把自己感興趣的地方當成著眼點、突破口。其三，貴在動手這一點非常重要。最后，選擇適合自己的輔助教材，堅決摒棄那些現在用不著的內容。網站設計八步驟
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯網上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網頁的素材。
三、規劃網站
一個網站設計得成功與否，很大程度上決定于設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。
四、選擇合適的制作工具
盡管選擇什么樣的工具并不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁制作涉及的工具比較多，首先就是網頁制作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和
Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟件，你可以根據需要靈活運用。制作網頁用的軟件是Dreamweaver,Fireworks,Flash軟件。Dreamweaver大大加速了網絡時代電子交易應用中的項目交付。它提供了網頁和表單的動態生成到企業級的解決方案，如電子商店，庫存管理系統和企業內部局域網的數據庫應用等功能。Fireworks是目前最流行的網頁圖象制作軟件。只要將Dreamweaver的默認圖象編輯器設為Fireworks，那么在Fireworks中制作完成網頁圖象后將其輸出就會立即在Dreamweaver中更新。Fireworks還可以安裝使用所有的Photoshop濾鏡，并且可以直接導入PSD格式圖象。更方便的是它不僅結合了Photoshop位圖功能以及CoreIDRAW矢量圖的功能，而且提供了大量的網頁圖象模板供用戶使用，例如，網頁上很流行的陰影和立體按紐等效果，只需單擊一下就可以制作完成。當然，其最方便之處是，它可以將圖象切割，圖象映射，懸停按紐，圖象翻轉等效果直接生成HTML代碼，或者嵌入到現有的網頁中，或者作為單了的網頁出現。Flash是目前最流行的矢量動畫制作軟件，與其他Wed動畫軟件相比，它具很多優點。制作的是矢量圖形。只要用少量矢量數據就可以描述一個復雜的對象，而占用的儲存空間只是位圖的幾千分之一，非常適合在網格上使用。同時，矢量圖象不會隨瀏覽器窗口大小的改變而改變畫面質量。使用插件方式工作。用戶只需安裝一次插件，以后就可以快速啟動并觀看動畫，而不比像Java那樣每次都要啟動虛擬機。Flash插件也不大，只有170KB左右，很容易下載并安裝。還提供其他一些增強功能。例如，支持位圖，聲音，漸變色和Alpha透明等。擁用了這些功能，用戶就完全可以建立一個全部由Flash制作的站點。Flash影片也是一種流式文件。這就是說，瀏覽者在觀看一個大動畫時，可以不必等到影片全部下載到本地再觀看，而是可以隨時觀看，即使后面的內容還沒有完全下載，也可以開始欣賞動畫。主圖是一個網頁的門面，它能體現出這個網頁的整體風格。
五、制作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網頁時，先把大的結構設計好，然后再逐步完善小的結構設計。所謂先簡單后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現問題時好修改。在制作網頁時要多靈活運用模板，這樣可以大大提高制作效率。
六、上傳測試
網頁制作完畢，最后要發布到Web服務器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放服務器上。網站上傳以后，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。
七、推廣宣傳
網頁做好之后，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者
第五篇：網頁制作心得
科學是發展生產力的根本前提，當今的社會是互聯網蓬勃發展的世界，每當我們上網的時候，那一個個精美別致的網頁給人是多么流暢順利的感覺，無論是尋找資料還是網上商城購物，都給我們帶來了方便快捷的好處，我想，科學技術的發展，離不開互聯網的發展，而互聯網的發展也離不開網頁制作的發展，而只有把兩者結合起來才是正確的。
首先，了解網頁并不是單純的認為他僅僅只是為人們服務的，而它的存在也是給我們帶來了利益和好處。當然，了解網頁首先也從幾個軟件開始：
1.dreamweaver mx XX（或dreamweaver 8）。
2.flash mx XX（或flash 8）
3.fireworks 8
而網頁制作就是開始從這些軟件開始著手的，今天，我終于可以學習網頁制作了，我們在杜奕老師的教導下，各位同學們也都在聆聽老師的講解和指導我們運用以上這些軟件的功能和網頁的剖析。所謂網頁，就是指一個可以瀏覽內容并且可以使用ｉｅ瀏覽器打開的內容稱之為網頁。
在剛開始接觸網頁的第一堂課上，聽說網頁制作會是一門很無聊并且很難聽懂的過程，而事實卻印證了這樣一個事實，但是只要我們努力，無論是怎樣的艱難險阻，成功依然會迎面直擊。在剛開始時我覺得dreamweaver mx XX很難理解，不管老師做怎樣的解釋，而我卻對它感到很是吃力，諸如里面有許多不知道的功能。如：布局表格、繪制層、制作ｃｓｓ樣式表等，這些內容迷糊了我的視線，真是沒想到制作一個精巧別致的網頁是如此的困難，可是心有不甘，每天上網看著那樣多的網頁，于是我才下定決心選擇了網頁制作這一門課程，目的就是希望以后能夠做出一個完美的網頁來。
“路漫漫其修遠兮，吾將上下而求索”學習的道路是艱苦漫長的，更何況這是關于一個科學技術的一個代名詞，隨后，課堂的氣氛慢慢的好轉，耐心的老師和專心的學生在課堂上都盡情的發揮各自的才能，老師也為了能教好每一位學生，而學生也不辜負老師的使命，就這樣，網頁制作這一門課程進行的很順利，學習了dreamweaver mx XX對它如何徹底的剖析和分解，我們終于認清了它的原理，摸清了應該怎樣去完全的使用它，而我們在老師的指導和訓練的結果下，終于開始做屬于自己的網頁了。
慢慢的快接近尾聲了，我們也快臨近期末了，老師給我們的任務卻是需要我們每人至少做出三個網頁來，且內存不能超過３ｍ，剛開始我以為我會對著感到很是吃力，不知道該如何是好，畢竟網頁才是剛剛起步，根基不穩，怎么能夠做出這樣的網頁呢？而我對dreamweaver mx XX它也不是很熟悉，心里真是很擔憂。
在這最后的時間里，我仔細掂量了一番，網頁制作給我的結論是：要想制作一個能夠像網上的那樣，還得需要經過長時間的刻苦努力和不斷地檢驗及實踐，否則，如果只靠老師在課堂上講的那些知識是遠遠不夠的。畢竟網頁是一個技術性的知識，不像文學那樣的純理論知識。通過這個課程的學習，我從中得到了一些對網頁知識如功能、概念的理解，原來要做出一個簡單可行的網頁并不是一件害怕的事情，而是一件努力和嘗試的事情。
網頁制作心得（2）：
做好主頁，并不是一件容易的事，它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。
一、準備資料和挑選網頁設計的合適工具
俗話說：“巧婦難為無米之炊”。做主頁當然要收集、準備資料。在網上多轉轉，看到什么漂亮的網頁，把它保存起來，作為以后自己設計主頁時的參考。
另外，還包括搜集美化主頁可能要用到的各種材料，如背景、線條、小動畫圖標等等。你可以在硬盤上建一個文件夾，下分“e-mail圖標、背景、線條、動畫”等文件夾，養成上網時看到有創意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應文件夾的習慣，時間一長你就有擁有了一個可觀的圖庫，等做主頁時隨手拈來或加以修改就成你自己的東西了。
二、規劃好整個網站
主頁的設計應以醒目優先，應該令人一目了然，切勿堆砌太多不必要的細節，或使畫面過于復雜。要做到這一點，首先要在整體上規劃好自己網站的主題和內容，確定自己需要傳達給訪問用戶的主要信息，然后仔細斟酌，把自己所有要表達的意念合情合理地組織起來；其次，是設計一個富有個性的頁面式樣，務求盡善盡美。這樣制作出來的主頁才會清晰、明了、內容充實。切記，頁面給人的第一觀感最為重要！在網上到處瀏覽網站的人很多，如果你的主頁給人的第一印像沒有吸引力，很難令他們深入觀賞，而且他們恐怕再也不會訪問你的網站了。
三、善用圖片，增強藝術效果，加快主頁瀏覽速度
網頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設計，可以使自己的網頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，切忌虛飾浮夸，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。
四、善于借鑒他人主頁制作中的設計技巧
由于在網上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網頁編程源代碼。因此，如果你想知道并掌握一些優秀的主頁采用的設計技巧，不妨將其源代碼調出來仔細揣摩，并模仿著一步一步去實現。這樣的話，你就能以較短的時間掌握相應的設計技巧。而且，在許多主頁上都留有制作者的電子郵件地址或icq號碼，如果你在制作主頁時，遇到什么疑昨天，網頁與我無緣，那是因為上天不給我們一個見面的機會！
點擊咨詢 