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

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

姓名：

學(xué)號(hào)：

學(xué)院：

專業(yè)：

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

輔助軟件：Fireworks MX Flash

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第一章Dreamweaver MX的新增功能

1.設(shè)計(jì)界面的新功能（改進(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)右鍵，會(huì)彈出文本類型右鍵菜單。

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

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

步驟二：選擇圖片，如：

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

選擇確定即可；

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

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

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

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

選擇表格：選擇整個(gè)表格；

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

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

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

第三章 站點(diǎn)

一．定義站點(diǎn)面板

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

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

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

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

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

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

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

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

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

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

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

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

2.打開頁面

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

二．頁面屬性

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

三．在文檔中選擇元素

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

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

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

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

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

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

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

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

步驟一：?jiǎn)螕舫?jí)鏈接快捷圖標(biāo)，打開如下所示對(duì)話框：

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

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

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

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

注意：布局單元不能存放在布局表格之外，用戶在創(chuàng)建頁面布局時(shí)可以在同一個(gè)布局表格中放置多個(gè)布局單元，或創(chuàng)建多個(gè)布局表格。使用多個(gè)布局表格可以將頁面布局分割成區(qū)域，當(dāng)在一個(gè)區(qū)域中編輯時(shí)，不會(huì)影響其他的區(qū)域，這一特性對(duì)于那些在布局單元中添加對(duì)象時(shí)引起布局單元尺寸增大的情況非常有效，當(dāng)布局單元增大時(shí)，他只會(huì)影響與其它單元之間的距離，因?yàn)椴季謫卧荒苤丿B，如果使用多個(gè)布局表格創(chuàng)建頁面布局，表格的長(zhǎng)寬不會(huì)因?yàn)槠渌季直砀竦母淖兌艿接绊?。I/繪制布局單元和表格

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

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

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

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

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

3.清除自動(dòng)單元高度

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

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

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

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

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

第六章 表格

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

步驟一：在文檔中定位插入點(diǎn)。

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

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

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

22.格式化表格’

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

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

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

可以合并單元格如下：

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

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

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

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

插入列：

刪除行：

刪除列：

第七章 框架

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

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

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

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

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

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

資源是建立頁面或站點(diǎn)的基本元素。

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

第九章 文本

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

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

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

2.插入特定的文本字符

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

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

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

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

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

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

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

1.插入圖像

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

選擇圖片確定后如下：

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

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

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

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

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

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

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

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

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

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

絕對(duì)路徑、相對(duì)路徑和居于根目錄的路徑

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

步驟三：選擇flash電影文件，此時(shí)將在文檔窗口中顯示一個(gè)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)建按鈕，然后在頁面中頁面中拖動(dòng)。

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

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

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

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

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

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

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

第十四章 表單

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1.插入Fireworks MX圖像

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

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

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

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

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

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

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

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

步驟二：?jiǎn)螕衾^續(xù)按鈕，在彈出的對(duì)話框中輸入切片的基本文件名；

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10市場(chǎng)營(yíng)銷

40號(hào)王明霞

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

科學(xué)是發(fā)展生產(chǎn)力的根本前提，當(dāng)今的社會(huì)是互聯(lián)網(wǎng)蓬勃發(fā)展的世界，每當(dāng)我們上網(wǎng)的時(shí)候，那一個(gè)個(gè)精美別致的網(wǎng)頁給人是多么流暢順利的感覺，無論是尋找資料還是網(wǎng)上商城購(gòu)物，都給我們帶來了方便快捷的好處，我想，科學(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)頁首先也從幾個(gè)軟件開始：

1.dreamweaver mx XX（或dreamweaver 8）。

2.flash mx XX（或flash 8）

3.fireworks 8

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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