第一篇：校內實習之Dreamweaver mx 2004網頁制作心得心得體會

校內實習之Dreamweaver mx 2004網頁制作心得

姓名：

學號：

學院：

專業：

實習內容：Dreamweaver MX下的網頁設計與制作

輔助軟件：Fireworks MX Flash

校內實習之Dreamweaver mx 2004網頁制作心得

科技是帶動國家發展的決定力量，是促進社會發展的不遏動力，隨著社會的發展，科學更是發展生產力的根本前提，當今的社會是互聯網蓬勃發展的世界，每當我們上網的時候，那一個個精美別致的網頁給人是多么流暢順利的感覺，無論是尋 找資料還是網上商城購物，都給我們帶來了方便快捷的好處，然而，我們知道，國家的發展離不開科學技術的發展，科學技術的發展離不開互聯網的發展，而互聯網的發展更離不開網頁制作的發展，而只有把它們結合起來才能更好的促進國家發展、科技發展。

此次校內實習我學習了Dreamweaver mx 2004網頁制作的有關內容，學習之后的確讓我對網頁有了更進一步的認識，讓我不再對制作網頁是那么的恐懼，Dreamweaver mx 2004在Dreamver的基礎上不但增添了一些新功能，而且能與其它軟件靈活嵌套使用，它讓我產生了許多的感想與學到了許多網頁知識：

我們知道了解網頁并不是單純的認為它僅僅只是為科技服務的，而它的存在也是給我們的生活帶來了莫大的利益和好處。當然，了解Dreamweaver mx 2004網頁首先也從幾個軟件開始：1.dreamweaver mx 2.flash mx 3.fireworks 8 我們所制作的網頁就是開始從這些軟件開始著手的，在課外的學習下，我查閱各種網頁資料，運用以上這些軟件的功能對網頁進行剖析。讓我明白所謂網頁，就是指一個可以瀏覽內容并且可以使用瀏覽器打開的內容稱之為網頁。

在剛開始接觸Dreamweaver mx 2004網頁上，覺得網頁制作是一門很無聊并且很難懂的課程，諸如里面有許多不知道的功能。如：布局表格、繪制層、制作ｃｓｓ樣式表等，這些內容迷糊了 我的視線，真是沒想到制作一個精巧別致的網頁是如此的困難，然而當自己想到每天上網看著各種各樣的網頁，幻想如果是自己制作的網頁，那么該多好，于是我下定決心努力學習網頁制作知識，目的就是希望以后能夠做出一個完美的網頁來。

Dreamweaver mx 2004提供了更多功能的可視化設計工具、應用開發環境以及代碼編輯支持，是開發人員和設計師能夠快捷的創建代碼規范的應用程序，集成度非常高，開發壞境精簡而高效，開發人員能夠運用Dreamver與它們的服務器技術構建功能更強大的網絡應用程序銜接到用戶的數據、網絡服務體系。其中Dreamver mx 2004在Dreamweaver的基礎上集成了一些新特點: 1.將“設計”和“代碼”編輯器合二為一，并在設計窗口中簡化源代碼，是用戶能構自己的需要定制自己的用戶界面。2.有豐富的CSS樣式表，它支持構筑復雜的、標準規范的站點，同時還提供了豐富的實用工具用于快速選擇和樣式屬性控制工具。3.它支持跨瀏覽器有效性檢查，當我們保存網頁時，會自動檢查當前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽器，同時自動地檢驗以確定頁面有沒有目標瀏覽器不支持的Tags或CSS結構，動態跨瀏覽器有效性檢查功能可以自動核對tags和CSS規則是否適應目前的主瀏覽器。4.它使用內置的圖形編輯程序讓開發更加節省時間，裁剪、縮放等一些輔助功能性的圖像編輯功能可以不用離開dreamver就能完成，編輯工具是內嵌的Macromedia Fireworks技術。5.它支持用戶創建實用的用戶界面，在設計模式下允許開發者可以不用固定的瀏覽器預覽數據，而利用Live Data窗口就能夠預覽實時數據。

6.支持更多功能的CSS可視化設計。

7.它改進了CSS應用效果，增強了設計窗口讓用戶直接看到復雜CSS設置的效果，實現更多精確實用的可視化操作。8.改進了CSS面板、基于文本屬性改進的css檢查等。9.增強與MX其他軟件產品的結合能力，包括Flash、Firework及其他Macromedia Studio MX 2004設計開發工具。看到基于Dreamvery增添了這么多新功能，真的讓我迫不及待想要試一下它與Dreamvery軟件下所設計的網頁有何不同，然而當我打算做一個簡單的主頁時卻發現無從下手，這是由于自己還沒有足夠的網頁制作基礎，當然在沒有足夠理論知識的前提下要想做網頁的確是無稽之談，因此我翻看著Dreamver mx 2004的理論反復理解，查閱其他網頁制作的相關資料，參考網頁實例，這一過程讓我明白要想做好一個主頁，并不是一件容易的事，它包括個人主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、背景及其整套網頁的色調等很多東西，它們必須有效結合才能制作出一個漂亮的并屬于自己的網頁，因此，通過此次學習我認為要制作出一個滿意的網頁就必須從下面幾點入手：

一、查閱準備資料和挑選網頁設計的合適工具

俗話說：“巧婦難為無米之炊”。做主頁當然要收集、準備資料。可在網上或書本上查閱保存自己所需的網頁，作為自己設計主頁時的參考。另外，還包括搜集美化主頁可能要用到的各種材料，如背景、線條、小動畫圖標等等。平時我們可以養成上網時看到有創意、新鮮的圖像，就按鼠標右鍵存入你硬盤相應文件夾的習慣，時間一長你就有擁有了一個可觀的圖庫，等做主頁時隨手拈來或加以 修改就成你自己的東西了。

二、規劃好整個網站

主頁的設計應以醒目優先，應該令人一目了然，切勿堆砌太多不必要的細節，或使畫面過于復雜。要做到這一點，首先要在整體上規劃好自己網站的主題和內容，確定自己需要傳達給訪問用戶的主要信息，然后仔細斟酌，把自己所有要表達的意念 合情合理地組織起來；其次，是設計一個富有個性的頁面式樣，務求盡善盡美。這樣制作出來的主頁才會清晰、明了、內容充實。切記，頁面給人的第一觀感最為重 要！在網上到處瀏覽網站的人很多，如果你的主頁給人的第一印像沒有吸引力，就很難令人們深入觀賞。

三、善用圖片，增強藝術效果，加快主頁瀏覽速度

網頁的迷人之處之一，要算它上面能點綴許多漂亮的圖片。精美的圖片設計，可以使自己的網頁增輝不少，令人過目不忘。圖片的內容應有一定的實際作用，切忌虛飾浮夸，同時還要注意與文字的顏色搭配。最佳的圖像集美觀與資訊于一身。

四、善于借鑒他人主頁制作中的設計技巧

由于在網上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網頁編程源代碼。因此，如果你想知道并掌握一些優秀的主頁采用的設計技巧，不妨將其源代碼調出來仔細揣摩，并模仿著一步一步去實現。這樣的話，你就能以較短的時間掌握相應的設計技巧。

本著這樣的思路去學習制作網頁，我終于印證了這樣一個事實，凡事只要我們努力，無論是怎樣的艱難險阻，成功依然會迎面直擊。“路 漫漫其修遠兮，吾將上下而求索”學習的道路是艱苦漫長的，更何況這是關于一個科學技術的一個代名詞，經過暑假隨兩個月的學習后，漸漸覺得自己對網頁不是那么的害怕了，覺得自己會制作一個簡單網頁了，于是我繼續努力著，就這樣，網頁制作這一門課程進行的很順利，學習了 dreamweaver mx 2004，它教會我如何剖析和分解網頁，我基本認清了它的原理，摸清了應該怎樣去使用它。

第二篇：校內實習之Dreamweaver mx 2004網頁制作心得內容

校內實習計劃內容

第一章Dreamweaver MX的新增功能

1.設計界面的新功能（改進的工作空間布局，預定義范例頁面和代碼、改進的層疊樣式表（CSS）支持、增強的Dreamweaver模板）

2.代碼編寫方面的新功能（面向編碼人員的工作空間布局、編碼提示、代碼片段標簽、標記編輯器）

3.應用開發方面的新功能（Gold Fusion MX支持、ASP.NET支持、PHP支持）

第二章Dreamweaver MX的界面與右鍵菜單 一．煥然一新的界面 1.標題欄 如：

2.主菜單：如

3.插入快捷欄

該快捷欄是Dreamweaver MX中新增加的功能，它把插入菜單中的各種功能做成了快捷圖標集成在一起。

二：方便快捷的右鍵菜單： 1.文本類型右鍵菜單：

在編輯窗口空白處單擊鼠標右鍵，或選定文本內容后單擊鼠標右鍵，會彈出文本類型右鍵菜單。

2．圖片類型右鍵菜單： 例;插入圖片：

步驟一：新建一個網頁（文件→新建），單擊插入快捷欄Common類下的圖片快捷圖標，插入圖片。

步驟二：選擇圖片，如：

如果圖片不在當前站點內，會彈出如下對話框：

選擇確定即可；

步驟三：圖片插入完成，如下所示：

3.表格類型右鍵菜單： 例;在內容編輯區插入表格, 新建一個網頁（文件→新建），單擊插入快捷欄Common類下的表格快捷圖標，插入表格，會彈出以下對話框：

設置好參數后，點擊確定，得到如下所示表格:

表格做好后，將鼠標移到表格的任一單元格內單擊右鍵，出現表格類型右鍵菜單，與文本類型右鍵菜單大同小異，僅僅比文本的右鍵菜單多了一個表格選項，如下所示：

選擇表格：選擇整個表格；

合并單元格：合并選定的單元格，注意：只能合并相鄰的單元格； 插入行或列，單擊后有選項：

增加行寬：可以合并上下兩個單元表格，如：

增加列寬：可以合并左右兩個單元格，如：

第三章 站點

一．定義站點面板

選擇主菜單命令站點→新建站點，打開定義站點面板，如下所示：

頂部選項卡中有兩種定義站點方法的標簽供選擇，普通標簽和高級標簽，使用普通方法定義本站點時有提示，如同定義本地站點向導，可按照提示定義一個本地站點，使用高級方法，首先打開定義站點面板，切換到高級標簽，如下所示：

可看出面板被分成左右兩部分，左邊的分類欄中列出了建站的各種選項類別，右邊是各類別的詳細參數設置和介紹。

遠程信息：遠程站點信息，設置遠程服務器類型，如下所示：

測試服務器設置：

遮蓋：也叫過濾設置,如下所示：

可讓自己的網站過濾特殊的文件，如果勾選復選框遮蓋具有以下擴展名的文件，添上要過濾的文件的后綴名，就會讓站點內操作不會影響到他們，比如查找替換和全站點鏈接更新等等。設計備注：如下所示：

它記錄了你對網站的設置、變動

維護設計備注默認狀態下是勾選的，即保持設計筆錄，若不想保留筆錄，取消勾選即可。站點地圖布局：如下所示：

在主頁中輸入首頁名稱（包括后綴），一切設置好后，選擇主菜單的站點→站點地圖命令可以打開站點地圖 第四章 頁面

一．頁面的基本操作 通過快捷鍵或菜單

1.新建頁面：Ctrl+N,或者單擊菜單file|new命令，彈出如下所示窗口：

2.打開頁面

通過快捷鍵或菜單：ctrl+O或者單擊菜單file|open命令，彈出open對話框，如下所示：

二．頁面屬性

在內容編輯區空白處（注意不是在表格、圖片或其他元素下）單擊右鍵，選擇右鍵菜單下的最下面的頁面屬性命令，彈出對話框如下：

三．在文檔中選擇元素

在文檔窗口的設計視圖中選擇元素是時，單擊該元素即可，如果元素不可見，在選擇之前應該使其可見

1.選擇元素：在文檔中選擇可見元素，可以單擊元素或拖動鼠標選擇元素。

2.選擇不可見元素時，應先選擇主菜單的view|visual aids|invisible Elements命令，顯示這些元素，然后在文檔窗口中單擊元素標記

3.如果選擇的是整個標記，可單擊文檔窗口底部標記選擇器上的標記 四．設計頁面時使用可視向導、1.使用標尺、網格與捕捉功能

可利用主菜單“查看”|標尺命令來顯示或隱藏標尺、復位標尺原點，以及設置標尺單位等，如下所示：

2.要設置標尺的零點，可在標尺的左上角區域單擊，然后拖到設計區中的適當位置，釋放鼠標按鈕后，該位置就會成為新標尺的原點，如下所示：

3.若標尺零點位置不在左上角，要恢復到左上角，可在窗口左上角標尺交點處雙擊鼠標 選擇主菜單查看|網格|顯示網格，對網格還可進行顏色、間距的設置。4.設置文檔鏈接

標記定義了文檔之間的鏈接關系。要設置文檔鏈接可按如下步驟進行：

步驟一：單擊超級鏈接快捷圖標，打開如下所示對話框：

步驟二：在鏈接編輯框中，輸入鏈接資源所在的url地址

步驟三：對編輯框參數設置好之后，單擊確定按鈕，此時在文檔的HTML代碼中會自動生成相應的代碼信息。第五章 設計頁面布局

在網頁設計中，頁面布局尤為重要 1.使用布局單元和表格： 在Dreamweaver mx 2004中，選擇Insert快捷欄的Laylou標簽切換到布局視圖(Laylout View),如下所示：

用戶可在頁面中添加布局單元，這些單元能夠幫用戶設計頁面布局，當在頁面中創建布局單元時在Dreamweaver mx 2004會自動創建一個布局表格，用來放置布局單元。

注意：布局單元不能存放在布局表格之外，用戶在創建頁面布局時可以在同一個布局表格中放置多個布局單元，或創建多個布局表格。使用多個布局表格可以將頁面布局分割成區域，當在一個區域中編輯時，不會影響其他的區域，這一特性對于那些在布局單元中添加對象時引起布局單元尺寸增大的情況非常有效，當布局單元增大時，他只會影響與其它單元之間的距離，因為布局單元不能重疊，如果使用多個布局表格創建頁面布局，表格的長寬不會因為其它布局表格的改變而受到影響。I/繪制布局單元和表格

在頁面布局視圖中可以繪制布局單元和表格，在創建布局單元時，在Dreamweaver mx 2004會自動創建用來放置布局單元的布局表格。繪制布局單元步驟：

步驟一：在布局視圖模式下，單擊插入快捷欄的Laylout標簽的Draw Laylout cell按鈕，此時鼠標指針將變為“+”號。

步驟二：在頁面上拖動鼠標，繪制布局單元

繪制布局表格步驟與繪制布局單元方法類似，注意：布局表格不能相互重疊。2.為布局單元添加內容

布局視圖的布局單元中可以添加文本或媒體插件。當創建一個布局表格時，表格以灰色填充，表示該區域不能被顯示，并且不能插入內容，因此，必須在表格中創建布局單元，才能在布局單元中插入相應的文本、圖像或媒體。如下所示：

3.清除自動單元高度

在創建布局單元時，Dreamweaver mx 2004會自動為創建的所有單元設置一個高度，當在單元中插入內容時，就不再需要這些高度了。清除單元高度可執行下列操作：

在布局表格上單擊標尺上的向下箭頭，從彈出的菜單中選擇清除自動單元高度命令，如下所示：

4.移動和調整布局單元和表格

在頁面布局中，能夠移動或調整單元和表格的位置或尺寸，有利于用戶設計網頁布局，具體操作時，可以使用網格線輔助進行移動或調整 5.格式化布局單元和表格 格式化布局單元;選中布局單元，對彈出的屬性快捷欄中進行寬度、高度、背景、水平、對齊方式的設置即可。如下所示：

格式布局單元: 選中布局表格，對彈出的屬性快捷欄中參數進行設置即可，如下所示：

第六章 表格

表格在網頁制作中起到了至關重要的作用。1.插入表格： 步驟如下：

步驟一：在文檔中定位插入點。

步驟二：選擇“插入”-表格命令，此時出現

步驟三：在對話框里設置表格行數及列數，并對其余參數也進行設置，即可。在表格中添加文本內容：可直接在表中鍵入文本，也可粘貼文本。如下所示：

在表格中添加圖片內容，如下：

22.格式化表格’

選擇表格，其屬性欄如下：

對其中參數進行設置即可。3.格式化行、列或單元格

當選擇行、列、單元格后快捷欄如下：

可以合并單元格如下：

4.調整表格的整體尺寸、列寬與行高

要調整表格的整體尺寸，可在選定表格后將光標移至表格的邊或角控制點處，然后根據箭頭方向拖動鼠標，如下所示：

5.添加與刪除行、列和表格嵌套

將光標定位于某個單元格中，然后單擊選擇“修改”-“插入行或插入列”或“刪除行或列”命令如下： 插入行：

插入列：

刪除行：

刪除列：

第七章 框架

在網頁中，框架主要用于分離多個HTML頁面。1． 創建框架

方法一：用戶自己設計框架；方法二;使用系統預定義的框架。步驟如下：

步驟一：將插入點置于需要分割的框架窗口中； 步驟二：選擇“插入”-“框架”命令即可。2.選擇框架集或框架

框架集或框架都是獨立的HTML文檔，要改變框架或框架集，必須首先選中該 框架集或框架，選擇框架集或框架使用“窗口”-“其他”-“框架”命令。3.保存框架集文件或框架：

步驟一：將插入點置于需要保存的框架中 步驟二：執行“文件”-“保存”命令 4.設置框架和框架集的屬性

選中框架，對彈出的屬性快捷欄中各參數進行設置即可。第八章 資源

資源是建立頁面或站點的基本元素。

在Dreamweaver mx 2004中，資源標簽提供了兩種方法來查看站點中的資源，一是站點列表，用于顯示站點中的所有資源，二是喜歡的資源列表，用于顯示用戶已經選擇的資源

第九章 文本

1.插入文本和對象 插入日期步驟如下：

步驟一：在文檔窗口中，將插入點置于需要插入日期的位置。步驟二：執行“插入”-“日期”命令，此時對話框如下：

選擇好日期即可完成在文本中插入日期的設置，如下：

2.插入特定的文本字符

步驟一： 在文檔窗口中，將插入點置于需要插入特殊字符的位置。

步驟二：執行“插入”-“特殊字符”命令，選擇合適的字符，即可在插入點插入字符。若要插入其他字符，則執行“插入”-“特殊字符”-“其他”命令 3.創建項目列表 步驟一：在設計視圖中，將插入點置于需要設置項目的行位置。

步驟二：選擇“文本”-“列表”菜單中的Unordered list,創建項目列表 步驟三：輸入文本，在結束位置按下Enter按鈕。步驟四：創建完項目后，可連續按兩次Enter鍵

4.使用HTML樣式格式化文本

使用HTML樣式：執行“窗口”-“HTMLStyle”標簽。

應用HTML樣式：步驟一：若要設置段落樣式，將光標定位于段落中。步驟二：在“HTMLStyle”標簽中選擇段落樣式，若選擇了自動運用復選框，則可自動對相應的段落文本應用選中的樣式，若沒有選擇了自動運用復選框，則可單擊應用按鈕，應用選中的樣式。第十章 圖像

圖像是網頁的重要組成部分

1.插入圖像

步驟一：將插入點放置在需要插入圖像的位置 步驟二：執行“插入“-“圖像”命令,如下：

選擇圖片確定后如下：

2． 設置圖像屬性

步驟一：在文檔中選中圖像，然后打開屬性快捷欄，如下所示：

對其中參數進行設置之后即可。

2.創建圖像熱點：

步驟一;在文檔窗口中選擇圖片

步驟二：在屬性快捷欄的地圖編輯框中，輸入唯一的熱點集名稱，注意：如果在同一個文檔中使用多個圖像熱點集，必須確保每一個熱點集都有唯一的名稱。步驟三：若要定義圖像熱點，可執行下列操作之一：

選擇圓形工具，在圖像上拖動鼠標，創建一個圓形熱點，如：

選擇矩形工具，在圖像上拖動鼠標，創建一個矩形熱點 選擇多邊形工具，在圖像上拖動鼠標，創建一個多邊形熱點 步驟四：一旦熱點被創建，將顯示屬性熱點快捷欄：

對屬性快捷欄中各參數進行設置后即可。3.創建翻轉圖像

步驟一：在文檔窗口中，將插入點置于需要插入翻轉圖像的位置。步驟二：插入翻轉圖像，對對話中各參數進行設置即可。第十一章 鏈接和導航條 1． 鏈接路徑

絕對路徑、相對路徑和居于根目錄的路徑

創建超鏈接：例如用戶在文檔中輸入文字“主頁”，并為其創建了一個指向index.html文檔的超級鏈接，則該超級鏈接的html源代碼如下： 主頁 如果要創建一個指向文檔位置的鏈接，首先應該創建一個錨點名稱，如：a name=”to_top”，然后創建頁面的鏈接，指向該錨點名，如a herf=*to_top” 2.使用屬性和文件圖標創建鏈接文檔，使用文件夾圖標或link編輯框創建鏈接：

步驟一：在文檔窗口的設計視圖中，選擇文本或圖像

步驟二：打開屬性快捷欄，然后執行單擊鏈接編輯框右邊的文件夾按鈕，選擇鏈接文件：如下：

3.鏈接到文檔的指定位置

創建命名錨點：步驟一：在文檔設計視圖中，將插入點置于需要設置命名錨點的位置。步驟二：選擇INSERT快捷欄中常用標簽下的命名錨記，如下所示：

在編輯框中，輸入錨點名稱，單擊確定按鈕，此時在文檔中將出現一個錨點標記。鏈接命名錨點：

步驟一：在文檔設計視圖中，選擇需要創建鏈接的文本或圖像

步驟二：在屬性快捷欄的鏈接編輯框中，輸入錨點名稱和前綴，如： 在當前文檔中鏈接到錨點名稱為top的位置，可輸入“#top”

在相同文件夾的不同文檔中鏈接錨點名稱為top的位置，可輸入“filename.html#top”。注意：錨點名稱區分大小寫。

4.創建導航條：

插入導航條：執行”插入”-“圖像對象”-“導航條”命令，如下所示：

對對話框中各參數進行設置后即可。第十二章 插入媒體對象

1．在頁面中插入媒體對象：將插入點置于需要插入媒體對象的位置，然后單擊常用標簽中的適當按鈕，將常用標簽中的對象按鈕拖到文檔中需要插入媒體對象的位置

插入Flash對象：選擇Flash動畫，執行插入-媒體-Flash命令。2.插入flash電影

當在文檔中插入flash電影時，Dreamweaver mx 2004 會將所有被使用的參數設置在object標記和embed標記中。

步驟一：在文檔設計視圖中，將插入點置于需要插入flash電影的位置，步驟二：在常用標簽中單擊插入flash按鈕，如下所示：

步驟三：選擇flash電影文件，此時將在文檔窗口中顯示一個flash占位符，如下所示：

在網頁中還可插入其它各類多媒體文件。第十三章 層

1.在Dreamweaver mx 2004中有兩種層格式： 使用Div 標記定位頁面內容 使用Span標記定位頁面內容

2.創建層和嵌套：執行常用標簽中的創建按鈕，然后在頁面中頁面中拖動。

3.顯示層標簽，執行“窗口”-“層”命令，即可顯示或隱藏層標簽，如下所示：

4轉換表格和層

將表格轉化為層：步驟一：打開一個包含表格的頁面，如下所示：

步驟二：執行修改-轉換-表格到層命令，如下：

步驟三：在對話框中選擇防止層重疊，可以在轉化后的文檔中激活防止層重疊的功能 步驟四：單擊確定，表格即轉為層，如下所示：

將層轉化為表格方法與上類似，如：

單擊確定按鈕即層轉化為表格：

第十四章 表單

1.創建表單域：步驟一在文檔中將插入點放置到需要插入表單域的地方；步驟二：執行插入-表單命令，如下：

選擇插入的表單域，屬性快捷欄如下：

對對話框中各參數進行設置即可。

2.創建文本域：步驟一：將插入點放置在表單域中；步驟二：執行插入-表單-文本區域命令，如下所示：

步驟三：選中插入的文本域，其屬性欄如下：

對其中各參數進行合適的設置即可。

3.創建文件域：步驟一：將插入點放置在表單域中；步驟二：執行插入-表單-文件 域命令，如下所示：

步驟三：選中插入的文件域，其屬性欄如下：

對其中各參數進行合適的設置即可。

5.創建隱藏域：步驟一：將插入點放置在表單域中需要插入隱藏域的地方；步驟二：執行插入-表單-隱藏域命令，如下所示：

步驟三：選中插入的隱藏域，其屬性欄如下：

對其中各參數進行合適的設置即可。

6.創建復選框: 步驟一：將插入點放置在表單域中需要插入復選框的地方；步驟二：執行插入-表單-復選框命令，如下所示：

步驟三：選中插入的隱藏域，其屬性欄如下：

對其中各參數進行合適的設置即可。

第十五章Dreamweaver MX與其它軟件的配合

1.插入Fireworks MX圖像

步驟一：在Dreamweaver MX 2004文檔窗口中，將插入點放置在需要插入圖像的位置；

步驟二：執行插入-圖像命令；

步驟三：在打開的選擇圖像對話框中，選擇使用Fireworks MX編輯的圖像，然后單擊選擇按鈕，將選中的圖像插入到文檔中。2插入Fireworks MX的HTML代碼

步驟一：在Dreamweaver MX 2004文檔窗口中，將文檔保存在定義的站點中； 步驟二：將插入點放置在需要插入HTML代碼的位置；

步驟三：執行在常用標簽中單擊Fireworks MX HTML按鈕，打開對話框如下：

在對話框中選擇需要插入的Fireworks MX HTML文件，單擊確定按鈕即可。

3.復制和粘貼Fireworks MX的HTML代碼

步驟一：在選擇HTML樣式下拉列表框中，選擇HTML編輯器；

步驟二：單擊繼續按鈕，在彈出的對話框中輸入切片的基本文件名；

步驟三：單擊繼續按鈕，在彈出的對話框中單擊“瀏覽”按鈕，選擇導出文件存放的文件夾位置即可。

制作一個個人網頁：見網頁壓文件夾

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

“網頁設計與制作”實習心得

現在，計算機和網絡已經深入到了我們生活中的方方面面，也已經成了生活中不可缺少的一部分，網絡成了我們獲取知識和信息的一種便捷工具，現在的網民也在不斷的增多，所以，了解和學習網絡知識是我們作為一名大學生迫切所需的。

通過一周的實習，在這門課上我學習到了一些關于制作網頁的知識，對flash也有所了解，還學會了一些基礎的PS技能

通過一周對這門課的實習，我對計算機有了更深層次得到了解，也有了更濃厚的興趣。尤其是對網頁制作的過程與一些技巧手法更有了另外一番了解，對網頁制作的基礎知識也有了一定的掌握。

在準備材料的時候我們可以用到學習的Flash知識來制作一些小的動畫和動態圖片，Flash 提供了功能齊全的繪圖和編輯圖形工具。可以直接在編輯區里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強。在動畫播放時，可以用鼠標或鍵盤對動畫的播放進行控制，效果可以很直觀的反映出來。

然后是對圖片的處理，用到了Photoshop等相關的圖像軟件。也對Photoshop cs4這款軟件有了一定的了解，學會了一些基本的ps方法。

接下來是開始正式制作網頁。通過Dreamweaver作為制作軟件，只需要用到軟件中的一些基本的功能：圖片插入和對齊設置；文字的格式、顏色、背景顏色的設置等就可以制作出一個簡單的網頁。

在網頁制作的時候，我覺得首先要列出大綱。列出來后，還必須考慮每個頁面之間的鏈接關系。層次不清的站點會造成瀏覽困難，影響內容的發揮。

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

下一步，就以動手制作具體內容了，題材選定，框架選定，接下來就開始往網頁里面填內容。

最后就是對網頁的一些細節調整了，保證預覽網頁的整齊和沒有錯誤。

10市場營銷

40號王明霞

第四篇：網頁制作心得

科學是發展生產力的根本前提，當今的社會是互聯網蓬勃發展的世界，每當我們上網的時候，那一個個精美別致的網頁給人是多么流暢順利的感覺，無論是尋找資料還是網上商城購物，都給我們帶來了方便快捷的好處，我想，科學技術的發展，離不開互聯網的發展，而互聯網的發展也離不開網頁制作的發展，而只有把兩者結合起來才是正確的。

首先，了解網頁并不是單純的認為他僅僅只是為人們服務的，而它的存在也是給我們帶來了利益和好處。當然，了解網頁首先也從幾個軟件開始：

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號碼，如果你在制作主頁時，遇到什么疑昨天，網頁與我無緣，那是因為上天不給我們一個見面的機會！

第五篇：網頁制作心得

網站學習心得

本學期我們教育技術專業開設了網頁設計與制作這門課，剛開始我只覺得學習做網頁既有趣卻也有難度。畢竟平時上網的時候，就看到了很多做的很好的網頁。自己也曾很好奇這些網站是如何在人們手中誕生的。隨著課程的深入，我也了解到了一些關于網頁制作的知識。并在老師的指導下，成為了一個網頁制作菜鳥。盡管目前，我的技術還不成熟，但我會在以前的課余時間繼續學習做網頁，直到成為一個優秀的網頁設計師。

隨著互聯網的發展，互聯網的應用越來越貼近生活，越來越多的人加入到了制作網頁的隊伍中來，各式各樣的網站如雨后春筍般的出現在互聯網上。但是要制作出一個優秀的網站卻并非易事。一般說來，網頁制作要能充分吸引訪問者的注意力，讓訪問者產生視覺上的愉悅感。網站設計是將策劃案中的內容、網站的主題模式，以及結合自己的認識通過藝術的手法表現出來；網頁制作通常就是網頁設計師將設計出來的設計稿，使用dreamweaver8這個軟件將其制作成網頁。簡單來說，網頁設計的目的就是產生網站。那什么是網站呢，網站就是一系列網頁的組合，將這些網頁以一定的相互關聯系統的鏈接起來，就形成了一個網站。簡單的信息如文字，圖片和表格，都可以放置到網站頁面上。而更復雜的信息如動畫，視頻，音頻需要使用一些特定的插件等放在網頁上。

做網頁，第一步就是建好站點。老師也曾不厭其煩的叮囑我們第一步就要建立站點，便于以后的管理。俗話說好良好的開端是成功的一半，我覺得在建立站點前，應當對站點進行規劃，以便在以后的網站建設中節省更多的時間和精力。例如可以將不同類型的素材分類到不同文件夾中，不同的鏈接等級的網頁分級創建文件夾存放等，這樣做會使站點目錄結構清晰，方便管理。還有要特別注意的細節就是，對文件的命名不能用漢字，可以使用英文或是漢語拼音代替。

正所謂：工欲善其事 必先利其器。前期的工作準備好之后，就該琢磨一下網站的內容了。網站的內容上一定要求新，求奇，求變！這誰都知道，但是這卻很難做到。想做一個內容與其它網站內容不同的網站，那是不可能的。所以我們要經常去瀏覽一些大型的門戶網站，學習一下別人在網站的布局，制作，管理等方面的長處來加以利用。

做好主頁，并不是一件容易的事，它包括主頁的選題、內容采集整理、圖片的處理、頁面的排版設置、各個網頁之間的合理鏈接、背景及網頁的色調等很多東西。一般說來，主頁要小而精，除非是大型的門戶綜合類網站，如新浪網、騰訊網等，否則不需要太大的頁面，只要能讓瀏覽者了解到網站的主題即可。所以標題就起到很好的作用。它在很大程度上決定了主頁的定位。一個好的標題必須有概括性、簡短，有特色、容易記，還要符合自己主頁的主題和風格。

還有為了讓你的網站內容豐富精彩，訪問者還會再一次來訪。我們在內容的采集方面也要下功夫。選好標題后，開始采集內容，內容必須與標題相符，在采集內容的過程中，應注重特色，所謂特色應該是有一些自己的東西。主頁中的特色，應該突出自己所做網站的個性，把自己的興趣、愛好盡情地發揮出來。主頁就是網絡上的屬于自己的一個小天地，在那里，可以放上自己喜歡的任何東西，包括你自己平時喜歡一些文章，一些好聽的歌，一些好的動畫作品等等。把這些內容按類別進行分類，設置欄目，讓人一目了然。

做好主頁不能只用文字，必須在主頁上適當地加一些圖片，增加可看性。一張處理得好的圖片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。這時候可以利用好photoshop為自己的網站設計一個能表現主題的LOGO。我可以發揮自己的創意，做出別具一格的版頭。配色能與網站背景搭配，外型設計要清爽簡潔。還有可以在主頁上設置滾動圖片，這樣的網站也更有吸引力。做這個需要代碼，可以在網上找一下。我此次做主頁曾嘗試過這樣做，可是沒有成功，我以后會繼續摸索的。

另外網頁頁面整體的排版設計也是不可忽略的。很重要的原則就是合理地運用空間，讓自己的網頁井井有條，留下必要的空白，人覺得很輕松。在制作之前，在腦中要先有網站的大體輪廓，在什么位置放圖片，放文字。不要想到哪做到哪，這樣做出來的網頁質量也不高。我剛開始的時候不會用層，做出來的網頁就有點結構混亂。后來通過學習了解到可以運用一些框架、表格和層，利用他們來合理布局，將會使網頁設計更加的順手。

網頁的背景并不一定非要用白色，選用的背景應該和整套頁面的色調相協調。但不要太過花哨，以免喧賓奪主。網站整體的顏色要保持統一，不宜太多。還有就是背景色最好選用安全色，這會讓你的網站顏色的搭配更合理、自然。

以上僅是我這學期學習網頁制作的一點心得，還有就是我平常學習過程中總結的經驗。盡管這學期的課程已經結束了，可是我覺得我們教育技術專業以后的就業方向和計算機打交道還是比較多的。所以熟練掌握網頁制作的技術會為以后工作的開展提供便利。所以我會在以后的課余時間里多利用圖書和網絡教學視頻學習網頁制作的技術。