網(wǎng)店裝修中網(wǎng)頁(yè)制作技術(shù)的應(yīng)用分析

摘 要：網(wǎng)頁(yè)制作技術(shù)針對(duì)網(wǎng)店裝修的實(shí)際情況，提供裝修方法，通過店面裝飾、維護(hù)途徑來完善網(wǎng)店裝修環(huán)境，達(dá)到網(wǎng)店裝修的預(yù)想效果，是網(wǎng)店裝修的必要途徑。因此，本文通過對(duì)網(wǎng)頁(yè)制作技術(shù)進(jìn)行研究，分析其在網(wǎng)店裝修應(yīng)用中的重要性。

關(guān)鍵詞：網(wǎng)店裝修；網(wǎng)頁(yè)制作技術(shù)；效益分析

中圖分類號(hào)：TP393.092

網(wǎng)店裝修過程中，主要通過網(wǎng)頁(yè)制作三套件Flash、Fireworks和Dreamweaver來構(gòu)建點(diǎn)、線、面的裝修路徑。目前，網(wǎng)店裝修成為一項(xiàng)商務(wù)職業(yè)，融入越來越多的制作技術(shù)，以提高網(wǎng)店的美觀水平，達(dá)到受益目的。網(wǎng)頁(yè)制作技術(shù)的使用，一方面可完善電子商務(wù)交易的網(wǎng)店，促使消費(fèi)者能夠感受到網(wǎng)店本身的魅力，另一方面可顯示網(wǎng)店裝修的技術(shù)性服務(wù)。

1 簡(jiǎn)述網(wǎng)頁(yè)制作技術(shù)

網(wǎng)頁(yè)制作技術(shù)基本以三套件為主，支撐網(wǎng)店裝修的全部事物。Dreamweaver是網(wǎng)頁(yè)制作技術(shù)的基礎(chǔ)，大部分裝修工作都是通過Dreamweaver完成，Dreamweaver內(nèi)涉及大量的編碼、層、框架，可以制作動(dòng)態(tài)、靜態(tài)網(wǎng)頁(yè)，能夠?yàn)榫W(wǎng)店裝修提供多樣化的服務(wù)[1]。Fireworks主要起到圖片處理與轉(zhuǎn)化的功能，一般技術(shù)人員比較習(xí)慣使用PhotoShop，其具備的強(qiáng)大功能能夠滿足圖片處理的各項(xiàng)需求。Flash不是網(wǎng)店裝修的必需軟件，裝修時(shí)若需添加動(dòng)畫視頻才會(huì)用其來合成；反之，若裝修以圖片、文字、技術(shù)為主則不需要Flash的參與。

2 網(wǎng)頁(yè)制作技術(shù)在網(wǎng)店裝修中的應(yīng)用

2.1 網(wǎng)頁(yè)制作技術(shù)的維護(hù)應(yīng)用

網(wǎng)頁(yè)制作技術(shù)不僅可以裝修新型的網(wǎng)店，還可為原有網(wǎng)店提供有效的維護(hù)手段，發(fā)揮維護(hù)裝修的作用。維護(hù)的過程主要是根據(jù)網(wǎng)店的變動(dòng)、需求進(jìn)行更改性操作。例如：網(wǎng)店需要進(jìn)行框架裝修，必須利用網(wǎng)頁(yè)制作技術(shù)，合理分配原有網(wǎng)店的內(nèi)容，規(guī)劃完成后，提供合理的維護(hù)空間，根據(jù)網(wǎng)店基本的變動(dòng)情況，規(guī)劃實(shí)際項(xiàng)目，或者直接將網(wǎng)店的程序，利用Dreamweaver打開，在原基礎(chǔ)上進(jìn)行裝修，調(diào)用CSS樣式，實(shí)現(xiàn)網(wǎng)店維護(hù)[2]。為測(cè)試網(wǎng)店裝修維護(hù)的情況，還需準(zhǔn)備足量空間和注冊(cè)域名。如果網(wǎng)店裝修維護(hù)需要重新更換框架模板，所需模板可通過網(wǎng)絡(luò)下載，也可由程序人員自行編寫，一般選擇下載基礎(chǔ)模板來提高網(wǎng)店裝修的時(shí)效。

2.2 網(wǎng)頁(yè)制作技術(shù)的裝修應(yīng)用

網(wǎng)店裝修對(duì)網(wǎng)頁(yè)制作技術(shù)的應(yīng)用，主要體現(xiàn)在外觀、功能方面。外觀主要是網(wǎng)店的基本情況的最真實(shí)展現(xiàn)；功能則是利用裝飾途徑來吸引客戶進(jìn)入以達(dá)到促銷目的。本文重點(diǎn)針對(duì)網(wǎng)店裝修部分，分析網(wǎng)頁(yè)制作技術(shù)的應(yīng)用過程。

首先將需要修整的店面、背景等圖像導(dǎo)入Fireworks，通過“切片”工具，處理圖像內(nèi)容充實(shí)的部分，完成后導(dǎo)出圖像，選擇導(dǎo)出文件類型為“HTML和圖像”模式，使圖片成功轉(zhuǎn)化成網(wǎng)頁(yè)。為簡(jiǎn)便記錄，技術(shù)人員可根據(jù)裝修習(xí)慣自行命名，如“index.html”。

其次打開Dreamweaver，將index.html文件（此文件為模板）拖入編輯區(qū)，依據(jù)店鋪裝修的實(shí)際情況，復(fù)制除編制圖片外待編輯圖片的路徑，預(yù)先保存到文本文檔內(nèi)，或者復(fù)制到背景處隱藏待編輯圖片。另外，所裝修店鋪的背景包括使用圖片、文字或視頻文件，都需與源圖像參數(shù)保持一致。

然后利用Flash合成展覽圖片，并在Dreamweaver中將合成的展覽圖片加入index.html文件，保持相同尺寸，顏色、亮度等參數(shù)的設(shè)置，使其具有視頻展覽功能，并根據(jù)視頻軟件的播放效果，適當(dāng)進(jìn)行調(diào)整。再次打開Fireworks，裁剪圖片集，為提高網(wǎng)店裝修的效果，統(tǒng)一圖片背景，顏色要適合背景文件，采用淡化的色彩變動(dòng)，吸引消費(fèi)者，F(xiàn)ireworks處理完圖片后，導(dǎo)出文件包，保存為jpg格式，F(xiàn)lash合成視頻文件，存儲(chǔ)為“shipin，swf”，播放視頻文件，避免解碼失誤。

最后用Dreamweaver裝修已經(jīng)準(zhǔn)備完成的素材，以跑馬燈為例，例如：跑馬燈的文字內(nèi)容為“店慶3周年，店內(nèi)商品折扣出售，歡迎選購(gòu)！”網(wǎng)店裝修對(duì)Dreamweaver CS5的要求是必須利用style格式，部分情況下，測(cè)試裝修結(jié)果時(shí)，無法顯示Dreamweaver CS5的CSS樣式，跑馬燈的程序需要放在Dreamweaver CS5的“與”處，編程代碼為：

2.3 網(wǎng)頁(yè)制作技術(shù)的美化應(yīng)用

美化是網(wǎng)店裝修的一部分，通過網(wǎng)頁(yè)制作技術(shù)促使網(wǎng)店達(dá)到美觀標(biāo)準(zhǔn)，體現(xiàn)美化意義。網(wǎng)店美化包括亮度、飽和度、色彩的處理與搭配，基本可以通過網(wǎng)頁(yè)制作技術(shù)實(shí)現(xiàn)。例如：網(wǎng)頁(yè)制作技術(shù)根據(jù)網(wǎng)店裝修的實(shí)際情況，合理調(diào)整內(nèi)部結(jié)構(gòu)以及美觀狀態(tài)，充分設(shè)置美化色彩，構(gòu)成統(tǒng)一的色調(diào)，適當(dāng)添加美化組件，重點(diǎn)根據(jù)網(wǎng)店的商務(wù)變化，提供有利的美化途徑，修改原有網(wǎng)店的內(nèi)容，展示不同層次的美化效果，保障網(wǎng)店外觀處于優(yōu)質(zhì)美化的狀態(tài)中，利用修飾的方式逐一調(diào)整網(wǎng)店內(nèi)容，體現(xiàn)平衡狀態(tài)。

2.4 網(wǎng)頁(yè)制作技術(shù)的修整應(yīng)用

修整是網(wǎng)店裝修中的一部分，主要是對(duì)網(wǎng)店裝修的整體過程進(jìn)行修整完善。網(wǎng)頁(yè)制作技術(shù)在網(wǎng)店裝修中可多次使用的特點(diǎn)使其在網(wǎng)店修整方面應(yīng)用也非常明顯。例如：測(cè)試網(wǎng)店裝修運(yùn)行情況時(shí)，如果出現(xiàn)格式或布局上的問題，可以直接修整網(wǎng)店在Dreamweaver中的模板文件，避免二次返工。網(wǎng)頁(yè)制作技術(shù)的修整應(yīng)用可提高網(wǎng)店的質(zhì)量，展示細(xì)膩的裝修水平，體現(xiàn)高水平的技術(shù)能力。

3 網(wǎng)頁(yè)制作技術(shù)的效益分析

據(jù)有關(guān)調(diào)查顯示，點(diǎn)擊排名比較高的網(wǎng)店內(nèi)部分布非常有秩序，更新快速，各項(xiàng)內(nèi)容搭配合理，在展示高端的設(shè)計(jì)風(fēng)格的同時(shí)可激發(fā)消費(fèi)者的購(gòu)買欲望[3]，據(jù)統(tǒng)計(jì)，優(yōu)質(zhì)的網(wǎng)店裝修可以為店鋪帶來高達(dá)30%的客流量，創(chuàng)造可觀的效益。

3.1 網(wǎng)頁(yè)制作技術(shù)提高網(wǎng)店競(jìng)爭(zhēng)力

近幾年，網(wǎng)店開設(shè)的數(shù)量直線上升，促使網(wǎng)店裝修成為熱門職業(yè)，大量技術(shù)人員參與到網(wǎng)店裝修中，利用網(wǎng)頁(yè)制作技術(shù)優(yōu)化網(wǎng)店環(huán)境，體現(xiàn)網(wǎng)店裝修的質(zhì)量，為消費(fèi)者提供到位的服務(wù)，使網(wǎng)頁(yè)制作技術(shù)在網(wǎng)店裝修中發(fā)揮重要的效益作用，達(dá)到預(yù)想的裝修效果[4]，提高網(wǎng)店自身的競(jìng)爭(zhēng)力。頁(yè)制作技術(shù)的積極應(yīng)用，更是促使網(wǎng)店在電子商務(wù)交易市場(chǎng)中，占據(jù)重要的地位，體現(xiàn)良好的競(jìng)爭(zhēng)效益。

3.2 網(wǎng)頁(yè)制作技術(shù)提升網(wǎng)店裝飾的專業(yè)水平

網(wǎng)頁(yè)制作技術(shù)中包含大量的專業(yè)因素，通過高效的技術(shù)，體現(xiàn)專業(yè)的網(wǎng)店裝修，符合現(xiàn)代商務(wù)貿(mào)易的需求。網(wǎng)頁(yè)制作技術(shù)的專業(yè)能力，促使網(wǎng)店處于優(yōu)質(zhì)的環(huán)境中，不僅完善裝修的技術(shù)能力，更重要的是展示網(wǎng)店自身的專業(yè)性，利用網(wǎng)頁(yè)制作技術(shù)，發(fā)揮專業(yè)效益，有利于網(wǎng)店更合理的運(yùn)營(yíng)與發(fā)展。

4 結(jié)束語

通過網(wǎng)頁(yè)制作技術(shù)，可以實(shí)現(xiàn)網(wǎng)店裝修的不同目的，盡量滿足店主的各項(xiàng)需求。不論是圖片處理，還是代碼編寫，都需要通過網(wǎng)頁(yè)制作技術(shù)完成，提高網(wǎng)店裝修的能力。由此可見利用網(wǎng)頁(yè)制作技術(shù)，不但可以體現(xiàn)多樣化的店鋪裝飾，而且可以吸引大量消費(fèi)者，增加網(wǎng)店的自然流量，進(jìn)而提高店鋪的市場(chǎng)競(jìng)爭(zhēng)力。

參考文獻(xiàn)：

[1]朱玉強(qiáng).Dreamweaver MX應(yīng)用小技巧[J].電腦知識(shí)與技術(shù)，2011（31）：34-36.

[2]惠艷.Dreamweaver裝修網(wǎng)店網(wǎng)頁(yè)的技巧[J].農(nóng)業(yè)網(wǎng)絡(luò)信息，2011（07）：15-17.

[3]馬向玲.用Dreamweaver制作淘寶網(wǎng)店的過程[J].教育信息化，2012（08）：23-25.

[4]李明.FrontPage與Dreamweaver在網(wǎng)頁(yè)制作中的互補(bǔ)[J].微型機(jī)與應(yīng)用，2012（10）：90-92.

作者單位：鄭州電力職業(yè)技術(shù)學(xué)院，鄭州 451450