資源描述：
《淺談dreamweaver設(shè)計(jì)與制作網(wǎng)頁(yè)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。
1、第27卷第2期吉林工商學(xué)院學(xué)報(bào)V01．27．No．22011年3月ANDJOURNALOFJILn、JBUSINESSTECHNOLOGYCOLLEGEMar．201l淺談Dreamweaver設(shè)計(jì)與制作網(wǎng)頁(yè)狄加利(吉林工商學(xué)院經(jīng)貿(mào)分院，吉林長(zhǎng)春130062)【摘要】在今天的網(wǎng)絡(luò)信息時(shí)代，互聯(lián)網(wǎng)已成為了人們生活的一部分，越來(lái)越多的人關(guān)注著網(wǎng)絡(luò)信息．網(wǎng)頁(yè)作為網(wǎng)絡(luò)信息的載體，則需要更多的網(wǎng)頁(yè)設(shè)計(jì)與制作的人來(lái)構(gòu)建和維護(hù)，而學(xué)會(huì)
2、一個(gè)好的網(wǎng)頁(yè)設(shè)計(jì)與制作開(kāi)發(fā)及維護(hù)工具是成為一個(gè)真正的網(wǎng)頁(yè)設(shè)計(jì)師的關(guān)鍵，網(wǎng)頁(yè)編輯軟件Dreamweaver恰恰就為我們提供了一個(gè)良好的開(kāi)發(fā)環(huán)境。[關(guān)鍵詞】Dreamweaver；網(wǎng)頁(yè)設(shè)計(jì)；網(wǎng)頁(yè)制作；CSS；HTML[中圖分類號(hào)】TP3ll【文獻(xiàn)標(biāo)識(shí)碼】A【文章編號(hào)】1674．3288(2011)02．0100．04【收稿日期】2011-03．09[作者簡(jiǎn)介】狄加利(1975一)，男，吉林長(zhǎng)春人，吉林工商學(xué)院經(jīng)貿(mào)分院講師，研究方向：電子商務(wù)與網(wǎng)頁(yè)設(shè)計(jì)。隨著Intemet互聯(lián)網(wǎng)的快速發(fā)展，它已經(jīng)走入了企事業(yè)單位以及公司，同時(shí)也
3、走入了家庭，而網(wǎng)頁(yè)也成了企事業(yè)單位和公司的信息窗口，讓自己的信息及時(shí)呈現(xiàn)在人們的面前，從而人們也不必走出家門就可以知曉外面的世界。因此，網(wǎng)頁(yè)設(shè)計(jì)與制作、網(wǎng)站維護(hù)等技術(shù)已必不可少，也顯得越來(lái)越重要了。目前，DreamweaverCS3是一個(gè)業(yè)界領(lǐng)先的網(wǎng)頁(yè)開(kāi)發(fā)工具之一，具有很強(qiáng)的使用戶高效地設(shè)計(jì)、開(kāi)發(fā)和維護(hù)基本的標(biāo)準(zhǔn)網(wǎng)站和Web應(yīng)用程序的功能。覽的效果相同，具有直觀性、使用方便、很容易上手的優(yōu)點(diǎn)。而它的三種視圖也為不同的網(wǎng)頁(yè)設(shè)計(jì)者提供了方便。一是代碼視圖更適合專業(yè)開(kāi)發(fā)網(wǎng)頁(yè)代碼的編程人員，并且有代碼提示功能，可以更快速的編寫代
4、碼開(kāi)發(fā)網(wǎng)頁(yè)。二是顯示設(shè)計(jì)視圖專為不熟悉網(wǎng)頁(yè)HTML代碼的初學(xué)者而設(shè)計(jì)，可以無(wú)需編寫任何代碼就能快速創(chuàng)建網(wǎng)頁(yè)。三是拆分視圖更適合初學(xué)者來(lái)熟悉HTML網(wǎng)頁(yè)代碼，從而更加容易學(xué)會(huì)HTML網(wǎng)頁(yè)代碼編程，伴隨著有插入HTML代碼的菜單提示，能夠快速的完成HTML代碼的編程操作，讓初學(xué)者能夠快速成為一名專業(yè)網(wǎng)站開(kāi)發(fā)人員。第一，表格布局幾乎已經(jīng)成為一個(gè)網(wǎng)頁(yè)結(jié)構(gòu)的標(biāo)準(zhǔn)，我們隨便打開(kāi)一個(gè)網(wǎng)站，它們的網(wǎng)頁(yè)通常都有表格實(shí)現(xiàn)布局的。它能對(duì)不同的網(wǎng)頁(yè)對(duì)象加以處理和控制，而又不用擔(dān)心會(huì)受不同對(duì)象的影響，并且整個(gè)頁(yè)面也會(huì)變得美觀、大方且界面排列整齊有
5、序，能精確地定位網(wǎng)頁(yè)元素，也可對(duì)數(shù)據(jù)進(jìn)行排序，還可以將其它文檔的能也為設(shè)置各個(gè)單元格的參數(shù)變得簡(jiǎn)單，有多種表格樣式，可以任意選擇所需，就自動(dòng)生成了表格的配色方案，也可以自己定義相應(yīng)樣式，并有預(yù)覽示圖可以參考，生成有個(gè)性有創(chuàng)意的格局。像新浪、網(wǎng)易等大型網(wǎng)站信息進(jìn)行格式化的，布局顯得直觀、簡(jiǎn)潔和整齊。第二，框架布局，它將一個(gè)瀏覽器窗口劃分成幾個(gè)部分，用戶不用切換窗口就可以瀏覽到多個(gè)網(wǎng)頁(yè)內(nèi)容，加快了瀏覽速度，統(tǒng)一了頁(yè)面格局，實(shí)現(xiàn)了頁(yè)面的多態(tài)化，靈活運(yùn)用滾動(dòng)條來(lái)查看網(wǎng)頁(yè)內(nèi)容。當(dāng)前比較流行的騰訊網(wǎng)就采用了這種技術(shù)，只要進(jìn)入到QQ秀
6、商城就可以看到最典型的框架結(jié)構(gòu)效果。而有的網(wǎng)站的后臺(tái)管理平臺(tái)也常采用這種技術(shù)，因?yàn)樗囊粋€(gè)窗口可以實(shí)現(xiàn)多頁(yè)面瀏覽，便于管理操作。置不能出現(xiàn)兩種網(wǎng)頁(yè)元素的弊點(diǎn)，其最大的特點(diǎn)就是它的靈活性，不占用頁(yè)面空間，可以放在頁(yè)面的任意位置，這樣也就很輕松地來(lái)構(gòu)建頁(yè)面布局。也可將沒(méi)有重疊的層的布局轉(zhuǎn)化為表格布局，以定位網(wǎng)頁(yè)元素。還??100??萬(wàn)方數(shù)據(jù)可以和透明Flash形成頁(yè)面特殊效果，它也是一些網(wǎng)站常用的技術(shù)，如我們經(jīng)?？吹巾?yè)面的文本內(nèi)容或圖像上有魚的游動(dòng)、蝴蝶的飛舞、光的閃爍等。另外，利用層與時(shí)間軸的結(jié)合，可以制作出動(dòng)畫效果的頁(yè)面
7、，可以作為當(dāng)前最流行的網(wǎng)絡(luò)營(yíng)銷的一種手段。如在層中插入某公司圖片或視頻的產(chǎn)品宣傳廣告，讓這個(gè)廣告在頁(yè)面上進(jìn)行流動(dòng)，這種動(dòng)態(tài)效果會(huì)大大吸引人們的注意力，從而增加了商品宣傳和銷售，對(duì)加快公司的發(fā)展有著促進(jìn)作用。雖然我們?yōu)g覽者對(duì)打開(kāi)網(wǎng)站就會(huì)彈出這類廣告有著不同的意見(jiàn)，但是設(shè)計(jì)者人性化地加上關(guān)閉按鈕讓我們有選擇性地關(guān)閉，重要的是它的作用還是不容忽視的。設(shè)計(jì)，即使我們不是專業(yè)編程人員，我們想要的布局設(shè)計(jì)也會(huì)非常容易設(shè)計(jì)起來(lái)。標(biāo)簽在頁(yè)面中有浮動(dòng)的特性，需要利用CSS樣式表來(lái)定位。CSS樣式表不但可以定位網(wǎng)頁(yè)元素的位置，而且可以改變頁(yè)
8、面的排版、統(tǒng)一頁(yè)面的風(fēng)格，可以不用每一個(gè)頁(yè)面都去設(shè)置單獨(dú)的樣式，只需建立一個(gè)樣式表文件，然后再將其鏈接到其它頁(yè)面就可以實(shí)現(xiàn)統(tǒng)一的頁(yè)面風(fēng)格了。同時(shí)也可以設(shè)置不同對(duì)象的不同樣式，產(chǎn)生獨(dú)特的效果。如文本格式化、藝術(shù)字效果、頁(yè)面特效、鼠標(biāo)特效，背景漸變等。這樣不但美化了頁(yè)面，而且產(chǎn)生良好的視覺(jué)效果，吸引瀏覽者的眼球，以實(shí)現(xiàn)網(wǎng)
