第一篇：靜態網頁制作心得體會

靜態網頁制作心得體會

姓名：張繼宏

第三組

8.18 20世紀40年代科學字發明了計算機之后，人們的工作效率大大提高，但是單個計算機能夠存儲和處理的信息是非常有限的，為了便于信息的傳遞和處理，人們就把眾多的計算機連接起來。

網頁制作的心得體會----網頁制作論文摘要 通過這次個人網頁的制作，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解，對網頁制作的基礎知識也有了一定的掌握。通過把自己的網頁上傳到互聯網上，對文件的保存、上傳、下載以及修改等知識有了更牢靠的掌握。通過自己的努力完成了自己上傳到網上的第一個作品，那種成就感是無法用語言形容的。所以我覺得這次制作網頁我已經達到了自己的目的，而不是單單為了完成作業而已。這是一個完全關于自己的個人網頁，既然是介紹自己，就應該讓觀者在瀏覽了之后了解自己其人，我覺得這點我已經基本上做到了。

關鍵字 頁面設計 ASP和數據庫

1.一般來說，個人主頁的選材要小而精。如果你想制作一個包羅萬象的站點，把所有您認為精彩的東西都放在上面，那么往往會事與愿違，給人的感覺是沒有主題，沒有特色，樣樣有卻樣樣都很膚淺，因為您不可能有那么多的精力去維護它。注意：網頁的最大特點就是更新快。目前最受歡迎的個人主頁都是天天更新甚至幾小時更新一次。

2.題材最好是你自己擅長或者喜愛的內容。比如：您對詩歌感興趣，可以放置自己的詩詞；對足球感興趣，可以報道最新的球場戰況等等。這樣在制作時，才不會覺得無聊或者力不從心。

3.不要太濫或者目標太高。“太濫”是指到處可見，人人都有的題材；“目標太高”是指在這一題材上已經有非常優秀，知名度很高的站點，你要超過它是很困難的。

選定了一個好的題材，是不是可以立刻動手制作了？不，經驗告訴我們，必須要先規劃框架。這是很重要的一步！每個網站都是一項龐大的工程。好比造高樓，沒有設計圖紙，規劃好結構，盲目的建造，結果往往是倒塌；也好比寫文章，構思好提綱，才不至于邏輯混亂，虎頭蛇尾。全面仔細規劃架構好自己網站，不要急于求成。

規劃一個網站，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其當你要制作一個很大的網站(有很多頁面)的時候，特別需要把這個架構規劃好，也要考慮到以后可能的擴充性，免得做好以后又要一改再改整個網站的架構，十分累人，也十分費錢。

大綱列出來后，你還必須考慮每個頁面之間的鏈接關系。是星形，樹形，或是網形鏈接。這也是判別一個網站優劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發揮。

為了提高瀏覽效率，方便資料的尋找，本站的框架基本采用“蒲公英”式，即所有的主要鏈接都在首頁上，鏈接的層次不多，深度淺。

框架定下來了，然后開始一步一步有條理，有次序地做來，就胸有成竹得多，也為你的主頁將來發展打下良好的基礎。

下一步，你可以動手制作具體內容了，我將告訴你一些收集資料的竅門。

題材選定，框架選定，接下來就開始往主頁里面填內容。我們稱作資料收集

就個人主頁而言，很少有人有能力完全靠自己來創作所有的內容。（一些高手能夠提供自己編的軟件，文章或則音樂，是我非常佩服的！）

大部分人的方法是：從報紙，雜志，光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。

另外一個好的方法是從網絡上收集，您只要到雅虎，搜狐等搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。

如果您是英語高手，您可以到國外站點上把最新的信息，資料翻譯成中文，提供給大家，這叫“洋為中用”。

網絡上的資料呈爆炸性的增長，只要注意收集某一非常細小的題材，隨時供大家方便的查找，您的主頁就已經有做不完的活了。

到這里我們已經完成了制作主頁的準備工作。下面開始正式制作主頁。

先來介紹一下我這個網頁吧。我的網頁主要由三大部分組成：主頁、各子網頁以及各互聯網鏈接。

首先是主頁，采用的是index格式，是第一個顯示的頁面，其實原來第一個顯示的頁面是一個封面，但在網上用了一段時間之后我覺得有封面比較麻煩，花哨但不實用，顯得有些多余，所以我就把它給去掉了，直接顯示主頁會讓別人有一種開門見山的感覺。主頁是我花費精力和時間最多的一個頁面，尤其是在它的視覺設計上包括結構，字體，背景以及色彩方面都花了很多工夫。頁面包括自己的一幅小照片以及個人的簡要介紹，以便讓觀者對自己有一個初步的了解。網頁最上面是用藝術字編輯的文字，旁邊的welcome是插入的GIF動畫，左上角顯示日期，右上角顯示你在網頁呆的時間，下面是一排子目錄，包括一些鏈接和子頁面，點開就可以看到關于我的詳細信息。下面是一個搜索引擎，采用的是百度是原代碼。再下來是我的近況，也采用了特效。右邊有一個滾動字幕，是一首詩，采用了特效，下面是一些常用大型網站的鏈接。最下面是關于瀏覽器的說明，主頁基本上就是這些了，還有要說的就是“給我留言”是到網上去申請的免費留言板，然后鏈接上去。

子網頁中，“Spear相冊”里面全是照片，大部分照片是用數碼相機照的，有兩三張是掃描上去的；“家鄉風情”里則是圖片與文字并存，這兩個頁面也是我精心設計制作的。其他的頁面就大部分以文字為主對自己進行詳細的介紹，背景圖片是我都是我精心挑選的，多數頁面都插上了MIDI音樂作為背景，有個別頁面還使用了特效。

接下來再介紹介紹網頁的功能吧。本網頁可以說具備了多項功能：各頁面可以讓你對我有一個比較詳細的了解；強大的搜索功能令你在網絡世界中暢通無阻，網站、mp3、flash、信息快遞應有盡有；各大型網站的鏈接讓你輕松登陸以便看消息、發郵件；想聽歌嗎？“我的音樂”將讓你聽歌變得如此方便；超級留言板可以讓你暢所欲言……

相信你雖然還沒有看到我的網頁就已經對它有了一個大致的了解了吧！現在重點介紹一下我的網頁的制作過程以及其間遇到的種種困難。

開始時我選擇了Dreamweaver8作為制作軟件，看書學習了一些基礎的東西之后就著手開始了我的網頁制作，我先初步對網頁作了一些頁面規劃，然后建立了站點，用軟件中的一些基本的功能制作，首先是封面，由于Dreamweaver MX沒有插入藝術字的功能，所以封面上的藝術字是我先在Word文檔里制作好了之后用圖片的方式插入的。接著有開始設計主頁，我主要用層來設計版面，再適當配合表格，經過兩個白天和一個通宵，網頁基本的框架就出來了，但這時卻遇到了一個很令人頭疼的問題：突然所有插上去的圖片都不能顯示了！！我用盡了所有能想出來的方法，請教了很多的電腦高手都不能把這個無法解釋的問題解決，就連重新安裝DreamweaverMX也毫無作用，由于是借別人的電腦，時間緊迫，沒有等到去向老師請教，我就一氣之下把那些東西都刪光了，連Dreamweaer也不例外，當時我真的很失望，想到這兩天廢寢忘食地做的東西一下全沒了就很是接受不了，我曾經一度想放棄，不過冷靜了之后我決定從頭開始。我換了Frontpage，由于對Frontpage一無所知，也沒有相關的書籍，所以剛開始建站點和網頁的方法只能向別人請教。不過在開始制作了之后我發現Frontpage很多功能和Word相似，于是很快掌握了其許多基本的功能。接著我又熬了一個通宵，決定把前面的損失彌補過來。前面的工作也不能算完全白做，因為至少我在重新制作的時候不必話太多的時間去重新設計版面。還是按照原來的設計，只是改動了一些，大體的框架還是沒有改變。

總結 通過這次制作網頁，我學到了不少東西，而且學到了不少思考問題的方法。計算機會在以后的學習生活中充當越來越重要的角色，相信我也會學習到更多關于計算機和網絡的知識。這次制作網頁收獲確實不小！！

第二篇：靜態網頁設計與制作畢業論文

目 錄

摘 要……………………………………………………………………………………….0 第1章 緒論……………………………………………………………………………….1 1.1 INTERNET的歷史和發展…………………………………………………………….1 1.2 網頁概述................1

第2章 開發軟件簡介 6

2.1 Dreamweaver簡介 6

2.2 HTML語言的簡介 7

2.3 Flash 簡介 …………………………………………………………………… 8

2.4 Photoshop 簡介 ……………………………………………………………… 9 2.3 本章小結 14

第3章 網站需求分析 15

3.1相關術語及解釋 15

3.2個人網站的由來與發展 15

3.3我的個人網頁的設計與規劃 18

3.3.1 我的個人網頁的概貌……………………………………………………… 19

3.3.2 個人網頁的設計理念……………………………………………………… 20

3.4 本章小結 19

第4章 結論 20

致 謝 21

參考文獻 22

靜態網頁的設計與制作

摘 要

本文就網站的設計與制作，以軟件工程的方法對全過程進行了分析與研究，本文的主要工作集中在：

1.對web頁進行概述，主要是對internet的歷史和發展作了回顧，并對WEB頁的定義和特性進行闡述，并對網站設計過程中使用的工具和技術簡單的介紹.2.對網站建設中提及的術語進行簡單解釋，并對網站的由來和發展進行討論。

3.對自己設計的網站從設計理念到制作的過程進行詳細分析.4.使用Dreamweaver+Flash+photoshop 等軟件的設計方式進行解析

.5.就網站的設計與制作提出自己的觀點以及建議。

關鍵詞：網站 設計工具 設計方案 創意 風格

Static web design and production

Abstract

This website design and production, with the method of software engineering to process the analysis and research, this paper main work concentrates in:

1.The paper to web page is mainly to the Internet's history and development, and a review of the definition and characteristics of web pages is expounded, and the website design process using the tools and techniques of simple introduction.2.The website construction mentioned in terms of website, and simple explanation of the origin and development are discussed.3.For the design of your own website from design concept to making process were analyzed.4.Use Flash +Dreamweaver + photoshop software design methods are analyzed

5.Just website design and facture put forward its own views and Suggestions

第1章 緒論

隨著21世紀的到來，人們更深切地感受到計算機在生活和工作中的作用越來越重要，越來越多的職業需要具有計算機應用技能型人才。掌握計算機是職業的需要，更是事業發展的需要。網頁設計與制作是計算機能力的具體表現，本章主要介紹網頁設計的相關知識。

1.1Internet的歷史與發展

Internet最早來源于美國國防部高級研究計劃局DARPA(Defense advanced Research Projects Agency)的前身ARPA建立的ARPAnet，該網于1969年投入使用。從60年代開始，ARPA就開始向美國國內大學的計算機系和一些私人有限公司提供經費，以促進基于分組交換技術的計算機網絡的研究。1968年，ARPA為ARPAnet網絡項目立項，這個項目基于這樣一種主導思想：網絡必須能夠經受住故障 的考驗而維持正常工作，一旦發生戰爭，當網絡的某一部分因遭受攻擊而失去工作能力時，網絡的其它部分應當能夠維持正常通信。最初，ARPAnet主要用于 軍事研究目的，它有五大特點：

⑴支持資源共享；

⑵采用分布式控制技術；

⑶采用分組交換技術；

⑷使用通信控制處理機；

⑸采用分層的網絡通信協議。

第三篇：網頁制作心得體會

《文文工作室網站設計說明書》

姓名：陳家文 學號：200936627204 班級：電商092

一、網站規劃

本工作室主要用來做個人網站，主題是介紹自我，讓更多的朋友認識我，面向我的同學和朋友以及想結交我的朋友。

二、網站總體設計

本工作室只要包括我的主頁、我的簡介、我的日記、我的相冊、網站建議等五個板塊。通過我的主頁可以進入其他四個板塊，其他四個板塊也可以通過超鏈接回到我的主頁去。

三、網站設計與制作（包括網頁設計、圖形設計、動畫設計中的主要技術、方法和設計效果）

本網站的布局大多是運用CSS進行布局的，這也是老師一直強調我們的。為了增加視覺效果，個別網頁還特別添加了flash效果（我的相冊），還用到了視頻和音樂等素材（如我的主頁）。個別網頁添加了表格，這樣顯得網頁更齊整。對于美化這部分，我還特別用Photoshop對一部分圖片進行了處理，讓圖片和網頁更好地搭配。在個別網頁添加表單，可以讓瀏覽者和網站更好地互動，交流信息。

四、學習體會

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

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

首先，我們要確立網站主題。網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對于像我這樣的個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

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

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

做好以上三步之后，我們就要選擇合適的制作工具。盡管選擇什么樣的工具并不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網頁制作涉及的工具比較多，首先就是網頁制作工具了，在這里，我們一般都是用有“網絡三劍客”之稱的Dreamweaver、Fireworks、flash來制作網頁，對于圖片部分的處理，個人覺得Photoshop比較好用。

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

網頁做好之后，就要發布到Web服務器上，才能夠讓全世界的朋友觀看，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它。這里推薦二個有免費空間和域名的網址給大家：http://www.3v.cm/member/index.html http://5944.net

以上就是我對于網頁制作的一些個人心得，由于本人的技術還不是很成熟，還存在很多的不足（如：背景過于單調和網頁布置不合理）。選擇學習這門課是很正確的選擇，雖然在以后不會再有機會去上了，但我還是會通過各種方式繼續學習網頁設計和制作的，同時很感謝帶我入門的徐兵老師，讓我有機會去學習有關網頁的知識，謝謝！

第四篇：網頁制作心得體會

網頁制作心得體會

在制作一套網頁之前，首先必須先定位網頁的方向，及確定所制作網站的標題。標題在個人主頁中起了很重要的作用，他很大部分的決定了你整套個人主頁的定位是否正確，一個好的名字必須有概括性的、簡短的、有特色的、容易記得還要符合自己主頁的主題和風格，決不要取什么名實不符或則夸大夸大其詞的“好名字”，別人第一次上你的當下次恐怕再也不會光顧了。

選好標題后，開始采集內容，內容必須緊隨著標題，在采集內容過程中，很重要的一個“特”色，所謂特色應該是有一些自己的東西，不能跟平常中所看到的企事業單位的網頁相比，個人主頁中的特色，應該突出自己獨特的個性，把自己的興趣、愛好盡情的發揮，因為在網絡上不受限制，沒有人在你的創作內容上指手劃腳，品頭論足、你的主頁就是你在網絡上的一個小小家園，在那里你可以放上你自 己喜歡的任何東西（當然不是違法的內容、不涉及到版權的），包括你自己平時寫的一些文章，一些好聽的歌，一段幽默的文章，收集一些好的作品，把這些內容按類別進行分類設置欄目，讓人一目了然，在欄目上不要設置太多，最好不要超過十個，層次上最好少于五層，而你的拳頭欄目最好能直接從首頁到達，保證主頁用各 種瀏覽器的都能看到最好的效果。

做個人主頁我覺得不能光光用文字，必須在主頁上適當的加一些圖片，增加可看性，俗語有一句話“一圖甚千言”我想不無道理，一張好處理看的圖片不須要你多做任何解釋，就能讓人流連忘懷，浮想聯翩，總能讓人去思考，情不至竟的去了解他，當然處理不好的以及那些無關緊要的圖片最好不要放上去，讓人覺得是累贅，影響了網頁傳輸速度，圖片不關要好看，還要在保證圖片質量的情況下盡量縮小圖片的大小即字節數，在目前網絡傳輸速度不是很快的情況下，圖片的大小很大程度上影響了網頁的傳輸速度，那么如何精簡圖片的大小呢，一般來說，圖片的顏色較少的及在256色以內的最好把它處理成gif圖象格式，如果是一些彩色照片、色彩比較豐富的圖片最好把它處理成jpg圖象格式，因為gif和jpg各有各的壓縮優勢，應跟據具體的圖片來選擇壓縮比。

網頁頁面設計整體的排版設計也是不可忽略得，要使用戶在狹窄的電腦屏幕上閱讀，很重要的一個原則是合理的運用空間，讓自己的網頁疏密有致，僅僅有條，不要把一整個網頁都填的實實的，沒有一點空隙，給人一種急迫感，看一套網頁應該讓人覺得很輕松，留下必要得空白，網頁的背景并不一定非要運用白色，但選用的背景應該跟整套頁面的色調相協調，應該有特色，合理的應用色彩是非常關鍵的，據心理學家的研究“色彩最能引起人們 奇特的想象，他最能撥動感情的琴弦”比如說你做的個人主頁是屬于感情類的，那最好選用一些玫瑰色、紫色之類的比較淡雅的色彩，而不要用黑色、深藍色這類比較灰暗的色彩，黑色他是所有色彩的集合體，黑色比較深沉，他能壓抑其他色彩，在圖案設計中黑色經常用來繪紋樣、勾邊或點綴最深沉的部位，黑色不是靈丹妙藥，用時必須苦心經營，否則會時圖案“黑色太重”或顯得沉悶陰暗。

如果想自己的網頁更有特色一些，可適當的加一些網頁制作得技術，諸如聲音、動態網頁、java、applet等技術，當然這種技術最好不要加太多，他會影 響網頁的下載速度，另外可考慮一下你主頁的定居點速度和穩定性，不妨考慮建一兩個鏡象站點，不僅能照顧到不同地區網友對速度的要求，還能作好備份，以防萬一。等個人主頁作了差不多了，可別忘了在您的個人主頁上放一個留言板、一個計數器是必要的，前者能讓你即使的獲得參觀者意見和建議，即使的得到網友的反饋信息，你最好能做到有問必答，用行動去贏的更多的訪問者，后者能讓你知道主頁參觀者的統計數據，你可以即使調整你的設計，適應不同的瀏覽器和參觀者的要求。最后一步就是宣傳你的個人主頁，首先你先在各個搜索引擎登陸，這點你可以交給一些網上專門免費提供這類服務的站點替你做。此外你也不妨同訪問量大的一些站點作一下友情鏈接。通過他們網站來訪問你的個人主頁。擴大你網站的知名度。

第五篇：網頁制作心得體會

網頁制作與心得

這個學期選了網頁制作，感覺這門課很有意思，雖然網頁制作有點難，但是我對此還是滿感興趣的，通過這門課的學習我了解了一些網頁制作的基本知識，比如我們如何去鏈接，如何處理圖片，怎樣將信息更好更優美的展現在人們的面前，在以后我們還是能夠用這些基礎知識制作一些網頁的，但是為了更好地制作網頁，還應該在了解一些網頁制作的知識，讓我們更好地去制作出色的網頁。

對網頁制作的興趣始于大一，記得我與幾個舍友從圖書館里借來相關書籍，然后死記硬背過幾個簡單卻并不知所以然的HTML代碼情形，當時是通過記事本實現代碼到文字的轉換，以此來向舍友炫耀自己的偉大。但因那時所具備的計算機基礎知識有限，因此，興趣便夭折了。而如今，C語言等相關計算機基礎知識已經具備，老師那淵博的知識及精彩的講解，理解起來已不再打折扣。理論課，老師通過多媒體來演示網頁制作的過程及原理，遇到較復雜較難理解的過程，還要詳細地多重復幾遍，直到同學滿意為止。

每當你打開IE，令人眼花繚亂五彩繽紛的網頁便會鋪天蓋地的呈現在眼前，但你知道它們是怎么來的嗎？只要你學習了dreamweaver,flash,Fireworks

制作軟件，還要了解看懂HTML.Javascript代碼，然后會用Fireworks處理編輯一些圖象，會用css設置統一樣式﹑Javascript加特效，會用flash等，你就可以根據自己的意愿制作出豐富多彩的網頁。做網頁其實并不難，首先設計出整體柜架模板，然后生成個html靜態頁面，再對其進行修改，充分理解怎么用表格來定位，然后再用Dreamweaver，理解怎么用表格和層來定位，主要還是用表格定位，還有其它很多知識，像Fireworks和Flash都是起輔助作用的，另外根據自己的喜好或是網頁頁面的要求，附加一些適當的特效行為等，這樣應該就能完成一般的網頁制作了。連接數據庫，制作動態網頁幾乎涉及到所有的WEB網頁制作，是非常重要的；還有，像服務器的網站后臺建立與管理也是網頁制作員所必須掌握的內容。現在已是接近暑期課堂的尾聲了，網頁制作的相關神秘方法原理，都已柳暗花明。

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

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

做好主頁，并不是一件容易的事，它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西。他要你用心去收集一些圖片，資料，然后將他們組合在一起，達到一種很好的效果，然后用你的知識在去慢慢的修改，最后用上課的知識制作一個網頁。總的來說，網頁制作的路上充滿了種種艱辛與痛苦，但當你把它完成時你就會有一種很自豪的感覺，有一種說不出來的興奮，那種滿滿的成就感讓你有更大的興趣去制作另外的網頁。制作網頁是很有意義的一件事雖然充滿汗水，但感到很高興。