第一篇：校內(nèi)實習(xí)之Dreamweaver mx 2004網(wǎng)頁制作心得心得體會

校內(nèi)實習(xí)之Dreamweaver mx 2004網(wǎng)頁制作心得

姓名：

學(xué)號：

學(xué)院：

專業(yè)：

實習(xí)內(nèi)容：Dreamweaver MX下的網(wǎng)頁設(shè)計與制作

輔助軟件：Fireworks MX Flash

校內(nèi)實習(xí)之Dreamweaver mx 2004網(wǎng)頁制作心得

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

此次校內(nèi)實習(xí)我學(xué)習(xí)了Dreamweaver mx 2004網(wǎng)頁制作的有關(guān)內(nèi)容，學(xué)習(xí)之后的確讓我對網(wǎng)頁有了更進(jìn)一步的認(rèn)識，讓我不再對制作網(wǎng)頁是那么的恐懼，Dreamweaver mx 2004在Dreamver的基礎(chǔ)上不但增添了一些新功能，而且能與其它軟件靈活嵌套使用，它讓我產(chǎn)生了許多的感想與學(xué)到了許多網(wǎng)頁知識：

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

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

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

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

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

一、查閱準(zhǔn)備資料和挑選網(wǎng)頁設(shè)計的合適工具

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

二、規(guī)劃好整個網(wǎng)站

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

三、善用圖片，增強(qiáng)藝術(shù)效果，加快主頁瀏覽速度

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

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

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

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

第二篇：校內(nèi)實習(xí)之Dreamweaver mx 2004網(wǎng)頁制作心得內(nèi)容

校內(nèi)實習(xí)計劃內(nèi)容

第一章Dreamweaver MX的新增功能

1.設(shè)計界面的新功能（改進(jìn)的工作空間布局，預(yù)定義范例頁面和代碼、改進(jìn)的層疊樣式表（CSS）支持、增強(qiáng)的Dreamweaver模板）

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

3.應(yīng)用開發(fā)方面的新功能（Gold Fusion MX支持、ASP.NET支持、PHP支持）

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

2.主菜單：如

3.插入快捷欄

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

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

在編輯窗口空白處單擊鼠標(biāo)右鍵，或選定文本內(nèi)容后單擊鼠標(biāo)右鍵，會彈出文本類型右鍵菜單。

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

步驟一：新建一個網(wǎng)頁（文件→新建），單擊插入快捷欄Common類下的圖片快捷圖標(biāo)，插入圖片。

步驟二：選擇圖片，如：

如果圖片不在當(dāng)前站點內(nèi)，會彈出如下對話框：

選擇確定即可；

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

3.表格類型右鍵菜單： 例;在內(nèi)容編輯區(qū)插入表格, 新建一個網(wǎng)頁（文件→新建），單擊插入快捷欄Common類下的表格快捷圖標(biāo)，插入表格，會彈出以下對話框：

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

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

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

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

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

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

第三章 站點

一．定義站點面板

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

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

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

遠(yuǎn)程信息：遠(yuǎn)程站點信息，設(shè)置遠(yuǎn)程服務(wù)器類型，如下所示：

測試服務(wù)器設(shè)置：

遮蓋：也叫過濾設(shè)置,如下所示：

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

它記錄了你對網(wǎng)站的設(shè)置、變動

維護(hù)設(shè)計備注默認(rèn)狀態(tài)下是勾選的，即保持設(shè)計筆錄，若不想保留筆錄，取消勾選即可。站點地圖布局：如下所示：

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

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

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

2.打開頁面

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

二．頁面屬性

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

三．在文檔中選擇元素

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

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

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

3.如果選擇的是整個標(biāo)記，可單擊文檔窗口底部標(biāo)記選擇器上的標(biāo)記 四．設(shè)計頁面時使用可視向?qū)А?.使用標(biāo)尺、網(wǎng)格與捕捉功能

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

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

3.若標(biāo)尺零點位置不在左上角，要恢復(fù)到左上角，可在窗口左上角標(biāo)尺交點處雙擊鼠標(biāo) 選擇主菜單查看|網(wǎng)格|顯示網(wǎng)格，對網(wǎng)格還可進(jìn)行顏色、間距的設(shè)置。4.設(shè)置文檔鏈接

標(biāo)記定義了文檔之間的鏈接關(guān)系。要設(shè)置文檔鏈接可按如下步驟進(jìn)行：

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

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

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

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

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

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

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

步驟一：在布局視圖模式下，單擊插入快捷欄的Laylout標(biāo)簽的Draw Laylout cell按鈕，此時鼠標(biāo)指針將變?yōu)椤?”號。

步驟二：在頁面上拖動鼠標(biāo)，繪制布局單元

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

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

3.清除自動單元高度

在創(chuàng)建布局單元時，Dreamweaver mx 2004會自動為創(chuàng)建的所有單元設(shè)置一個高度，當(dāng)在單元中插入內(nèi)容時，就不再需要這些高度了。清除單元高度可執(zhí)行下列操作：

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

4.移動和調(diào)整布局單元和表格

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

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

第六章 表格

表格在網(wǎng)頁制作中起到了至關(guān)重要的作用。1.插入表格： 步驟如下：

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

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

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

在表格中添加圖片內(nèi)容，如下：

22.格式化表格’

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

對其中參數(shù)進(jìn)行設(shè)置即可。3.格式化行、列或單元格

當(dāng)選擇行、列、單元格后快捷欄如下：

可以合并單元格如下：

4.調(diào)整表格的整體尺寸、列寬與行高

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

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

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

插入列：

刪除行：

刪除列：

第七章 框架

在網(wǎng)頁中，框架主要用于分離多個HTML頁面。1． 創(chuàng)建框架

方法一：用戶自己設(shè)計框架；方法二;使用系統(tǒng)預(yù)定義的框架。步驟如下：

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

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

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

選中框架，對彈出的屬性快捷欄中各參數(shù)進(jìn)行設(shè)置即可。第八章 資源

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

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

第九章 文本

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

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

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

2.插入特定的文本字符

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

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

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

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

使用HTML樣式：執(zhí)行“窗口”-“HTMLStyle”標(biāo)簽。

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

圖像是網(wǎng)頁的重要組成部分

1.插入圖像

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

選擇圖片確定后如下：

2． 設(shè)置圖像屬性

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

對其中參數(shù)進(jìn)行設(shè)置之后即可。

2.創(chuàng)建圖像熱點：

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

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

選擇圓形工具，在圖像上拖動鼠標(biāo)，創(chuàng)建一個圓形熱點，如：

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

對屬性快捷欄中各參數(shù)進(jìn)行設(shè)置后即可。3.創(chuàng)建翻轉(zhuǎn)圖像

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

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

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

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

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

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

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

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

步驟一：在文檔設(shè)計視圖中，選擇需要創(chuàng)建鏈接的文本或圖像

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

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

4.創(chuàng)建導(dǎo)航條：

插入導(dǎo)航條：執(zhí)行”插入”-“圖像對象”-“導(dǎo)航條”命令，如下所示：

對對話框中各參數(shù)進(jìn)行設(shè)置后即可。第十二章 插入媒體對象

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

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

當(dāng)在文檔中插入flash電影時，Dreamweaver mx 2004 會將所有被使用的參數(shù)設(shè)置在object標(biāo)記和embed標(biāo)記中。

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

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

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

1.在Dreamweaver mx 2004中有兩種層格式： 使用Div 標(biāo)記定位頁面內(nèi)容 使用Span標(biāo)記定位頁面內(nèi)容

2.創(chuàng)建層和嵌套：執(zhí)行常用標(biāo)簽中的創(chuàng)建按鈕，然后在頁面中頁面中拖動。

3.顯示層標(biāo)簽，執(zhí)行“窗口”-“層”命令，即可顯示或隱藏層標(biāo)簽，如下所示：

4轉(zhuǎn)換表格和層

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

步驟二：執(zhí)行修改-轉(zhuǎn)換-表格到層命令，如下：

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

將層轉(zhuǎn)化為表格方法與上類似，如：

單擊確定按鈕即層轉(zhuǎn)化為表格：

第十四章 表單

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

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

對對話框中各參數(shù)進(jìn)行設(shè)置即可。

2.創(chuàng)建文本域：步驟一：將插入點放置在表單域中；步驟二：執(zhí)行插入-表單-文本區(qū)域命令，如下所示：

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

對其中各參數(shù)進(jìn)行合適的設(shè)置即可。

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

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

對其中各參數(shù)進(jìn)行合適的設(shè)置即可。

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

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

對其中各參數(shù)進(jìn)行合適的設(shè)置即可。

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

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

對其中各參數(shù)進(jìn)行合適的設(shè)置即可。

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

1.插入Fireworks MX圖像

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

步驟二：執(zhí)行插入-圖像命令；

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

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

步驟三：執(zhí)行在常用標(biāo)簽中單擊Fireworks MX HTML按鈕，打開對話框如下：

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

3.復(fù)制和粘貼Fireworks MX的HTML代碼

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

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

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

制作一個個人網(wǎng)頁：見網(wǎng)頁壓文件夾

第三篇：網(wǎng)頁制作實習(xí)心得

“網(wǎng)頁設(shè)計與制作”實習(xí)心得

現(xiàn)在，計算機(jī)和網(wǎng)絡(luò)已經(jīng)深入到了我們生活中的方方面面，也已經(jīng)成了生活中不可缺少的一部分，網(wǎng)絡(luò)成了我們獲取知識和信息的一種便捷工具，現(xiàn)在的網(wǎng)民也在不斷的增多，所以，了解和學(xué)習(xí)網(wǎng)絡(luò)知識是我們作為一名大學(xué)生迫切所需的。

通過一周的實習(xí)，在這門課上我學(xué)習(xí)到了一些關(guān)于制作網(wǎng)頁的知識，對flash也有所了解，還學(xué)會了一些基礎(chǔ)的PS技能

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

在準(zhǔn)備材料的時候我們可以用到學(xué)習(xí)的Flash知識來制作一些小的動畫和動態(tài)圖片，F(xiàn)lash 提供了功能齊全的繪圖和編輯圖形工具?？梢灾苯釉诰庉媴^(qū)里繪畫，編輯修改非常靈活，它的另一大特點是“交互性”強(qiáng)。在動畫播放時，可以用鼠標(biāo)或鍵盤對動畫的播放進(jìn)行控制，效果可以很直觀的反映出來。

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

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

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

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

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

最后就是對網(wǎng)頁的一些細(xì)節(jié)調(diào)整了，保證預(yù)覽網(wǎng)頁的整齊和沒有錯誤。

10市場營銷

40號王明霞

第四篇：網(wǎng)頁制作心得

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

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

1.dreamweaver mx XX（或dreamweaver 8）。

2.flash mx XX（或flash 8）

3.fireworks 8

而網(wǎng)頁制作就是開始從這些軟件開始著手的，今天，我終于可以學(xué)習(xí)網(wǎng)頁制作了，我們在杜奕老師的教導(dǎo)下，各位同學(xué)們也都在聆聽老師的講解和指導(dǎo)我們運用以上這些軟件的功能和網(wǎng)頁的剖析。所謂網(wǎng)頁，就是指一個可以瀏覽內(nèi)容并且可以使用ｉｅ瀏覽器打開的內(nèi)容稱之為網(wǎng)頁。

在剛開始接觸網(wǎng)頁的第一堂課上，聽說網(wǎng)頁制作會是一門很無聊并且很難聽懂的過程，而事實卻印證了這樣一個事實，但是只要我們努力，無論是怎樣的艱難險阻，成功依然會迎面直擊。在剛開始時我覺得dreamweaver mx XX很難理解，不管老師做怎樣的解釋，而我卻對它感到很是吃力，諸如里面有許多不知道的功能。如：布局表格、繪制層、制作ｃｓｓ樣式表等，這些內(nèi)容迷糊了我的視線，真是沒想到制作一個精巧別致的網(wǎng)頁是如此的困難，可是心有不甘，每天上網(wǎng)看著那樣多的網(wǎng)頁，于是我才下定決心選擇了網(wǎng)頁制作這一門課程，目的就是希望以后能夠做出一個完美的網(wǎng)頁來。

“路漫漫其修遠(yuǎn)兮，吾將上下而求索”學(xué)習(xí)的道路是艱苦漫長的，更何況這是關(guān)于一個科學(xué)技術(shù)的一個代名詞，隨后，課堂的氣氛慢慢的好轉(zhuǎn)，耐心的老師和專心的學(xué)生在課堂上都盡情的發(fā)揮各自的才能，老師也為了能教好每一位學(xué)生，而學(xué)生也不辜負(fù)老師的使命，就這樣，網(wǎng)頁制作這一門課程進(jìn)行的很順利，學(xué)習(xí)了dreamweaver mx XX對它如何徹底的剖析和分解，我們終于認(rèn)清了它的原理，摸清了應(yīng)該怎樣去完全的使用它，而我們在老師的指導(dǎo)和訓(xùn)練的結(jié)果下，終于開始做屬于自己的網(wǎng)頁了。

慢慢的快接近尾聲了，我們也快臨近期末了，老師給我們的任務(wù)卻是需要我們每人至少做出三個網(wǎng)頁來，且內(nèi)存不能超過３ｍ，剛開始我以為我會對著感到很是吃力，不知道該如何是好，畢竟網(wǎng)頁才是剛剛起步，根基不穩(wěn)，怎么能夠做出這樣的網(wǎng)頁呢？而我對dreamweaver mx XX它也不是很熟悉，心里真是很擔(dān)憂。

在這最后的時間里，我仔細(xì)掂量了一番，網(wǎng)頁制作給我的結(jié)論是：要想制作一個能夠像網(wǎng)上的那樣，還得需要經(jīng)過長時間的刻苦努力和不斷地檢驗及實踐，否則，如果只靠老師在課堂上講的那些知識是遠(yuǎn)遠(yuǎn)不夠的。畢竟網(wǎng)頁是一個技術(shù)性的知識，不像文學(xué)那樣的純理論知識。通過這個課程的學(xué)習(xí)，我從中得到了一些對網(wǎng)頁知識如功能、概念的理解，原來要做出一個簡單可行的網(wǎng)頁并不是一件害怕的事情，而是一件努力和嘗試的事情。

網(wǎng)頁制作心得（2）：

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

一、準(zhǔn)備資料和挑選網(wǎng)頁設(shè)計的合適工具

俗話說：“巧婦難為無米之炊”。做主頁當(dāng)然要收集、準(zhǔn)備資料。在網(wǎng)上多轉(zhuǎn)轉(zhuǎn)，看到什么漂亮的網(wǎng)頁，把它保存起來，作為以后自己設(shè)計主頁時的參考。

另外，還包括搜集美化主頁可能要用到的各種材料，如背景、線條、小動畫圖標(biāo)等等。你可以在硬盤上建一個文件夾，下分“e-mail圖標(biāo)、背景、線條、動畫”等文件夾，養(yǎng)成上網(wǎng)時看到有創(chuàng)意、新鮮的圖像，就按鼠標(biāo)右鍵存入你硬盤相應(yīng)文件夾的習(xí)慣，時間一長你就有擁有了一個可觀的圖庫，等做主頁時隨手拈來或加以修改就成你自己的東西了。

二、規(guī)劃好整個網(wǎng)站

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

三、善用圖片，增強(qiáng)藝術(shù)效果，加快主頁瀏覽速度

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

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

由于在網(wǎng)上用瀏覽器瀏覽任何主頁時，都能查看到該主頁制作時所編寫的絕大部分網(wǎng)頁編程源代碼。因此，如果你想知道并掌握一些優(yōu)秀的主頁采用的設(shè)計技巧，不妨將其源代碼調(diào)出來仔細(xì)揣摩，并模仿著一步一步去實現(xiàn)。這樣的話，你就能以較短的時間掌握相應(yīng)的設(shè)計技巧。而且，在許多主頁上都留有制作者的電子郵件地址或icq號碼，如果你在制作主頁時，遇到什么疑昨天，網(wǎng)頁與我無緣，那是因為上天不給我們一個見面的機(jī)會！

第五篇：網(wǎng)頁制作心得

網(wǎng)站學(xué)習(xí)心得

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

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

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

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

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

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

做好主頁不能只用文字，必須在主頁上適當(dāng)?shù)丶右恍﹫D片，增加可看性。一張?zhí)幚淼煤玫膱D片不需要多做任何解釋，就能讓人一目了然，讓人去思考，去了解它。這時候可以利用好photoshop為自己的網(wǎng)站設(shè)計一個能表現(xiàn)主題的LOGO。我可以發(fā)揮自己的創(chuàng)意，做出別具一格的版頭。配色能與網(wǎng)站背景搭配，外型設(shè)計要清爽簡潔。還有可以在主頁上設(shè)置滾動圖片，這樣的網(wǎng)站也更有吸引力。做這個需要代碼，可以在網(wǎng)上找一下。我此次做主頁曾嘗試過這樣做，可是沒有成功，我以后會繼續(xù)摸索的。

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

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

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