模塊三：制作實(shí)務(wù)

一、如何收集網(wǎng)站上的素材

1.文字素材的收集

網(wǎng)站上有大量的文字，有時(shí)需要將其收集起來，成為電子商務(wù)網(wǎng)站制作的素材。那么如何收集呢？成熟的網(wǎng)站制作人員必會(huì)的方法有兩種：

一種是復(fù)制粘貼的方法。就像 Word 軟件使用一樣，把網(wǎng)上需要的文字選中、復(fù)制之后，再粘貼到Word文檔中。這是最簡(jiǎn)便、最常用的方法。

另一種是先編輯再復(fù)制的方法。有的網(wǎng)站為了保護(hù)自己的文字不被他人復(fù)制，采用了防復(fù)制的代碼。對(duì)這類網(wǎng)頁，只要將其調(diào)入DreamWeaver等網(wǎng)頁制作工具中進(jìn)行編輯，然后再復(fù)制即可。

2.圖片素材的收集

網(wǎng)站上有大量的圖片，有的可以直接使用，有的則需要修改后才能使用，還有的供制作時(shí)參照。如何下載網(wǎng)頁上的圖片呢？必須掌握的方法有兩種：

一種是單一圖片文件下載。將鼠標(biāo)移至網(wǎng)頁的圖片上，單擊鼠標(biāo)右鍵，選擇“圖片另存為”即可。這是最常用的方法，其最大的特點(diǎn)是便捷。

另一種是批量下載頁面上所有圖片。首先進(jìn)入IE臨時(shí)文件夾，清空該目錄中全部文件，然后打開欲下載圖片的網(wǎng)頁，該網(wǎng)頁中所有圖片均會(huì)自動(dòng)下載到IE臨時(shí)文件夾中；之后，再將所有圖片文件選中，復(fù)制到自行指定的目錄中即可。

3.動(dòng)畫素材的收集

網(wǎng)頁上的動(dòng)畫一般有兩種格式：一種是GIF格式；另一種是Flash格式。對(duì)于GIF格式的動(dòng)畫，可以直接通過單擊鼠標(biāo)右鍵另存的方法實(shí)現(xiàn)動(dòng)畫的下載。對(duì)于 Flash 格式的動(dòng)畫則不能直接下載，這與上文中批量下載頁面上所有圖片方法完全相同，即打開網(wǎng)頁時(shí)，網(wǎng)頁上所有的圖片、Flash動(dòng)畫等全部下載到了IE臨時(shí)文件夾，只需要將所有Flash文件復(fù)制到指定的文件夾中即可完成Flash文件的批量下載。

二、如何將整個(gè)頁面存成圖片

在實(shí)際學(xué)習(xí)網(wǎng)頁制作過程中，通常需要參照各類網(wǎng)頁，集思廣益，形成自己的網(wǎng)頁制作思路。對(duì)網(wǎng)上瀏覽時(shí)遇到的優(yōu)秀配色方案、精美版式，需要及時(shí)以圖片格式保存下來。但由于網(wǎng)頁長(zhǎng)度往往超過一屏，無法使用傳統(tǒng)的復(fù)制屏幕的方式保存，也不能使用一般的抓圖軟件實(shí)現(xiàn)，以下兩種方法是網(wǎng)絡(luò)公司最常用的兩大抓圖“特技”。

1.通過專用抓圖工具SnagIt實(shí)現(xiàn)

在眾多的抓圖工具中，SnagIt 不但功能強(qiáng)大，而且設(shè)計(jì)了專門針對(duì)網(wǎng)頁抓圖的功能，特別是針對(duì)超長(zhǎng)網(wǎng)頁的抓圖，極其方便。其操作步驟如下：

（1）打開目標(biāo)網(wǎng)頁，啟動(dòng)SnagIt，進(jìn)入抓圖界面，如圖1.6所示。

（2）在基本捕獲配置文件中選擇“滾動(dòng)窗口（網(wǎng)頁）”。

（3）單擊“捕獲”按鈕，位置在右下角，即右下角的大紅色按鈕。

（4）SnagIt 自動(dòng)關(guān)閉，出現(xiàn)先前打開的瀏覽器窗口；當(dāng)紅框出現(xiàn)后，在網(wǎng)頁的左上角單擊，光標(biāo)改變形狀后，將光標(biāo)下移至屏幕最底端，屏幕將自動(dòng)滾動(dòng)至網(wǎng)頁尾部，此時(shí)單擊鼠標(biāo)右鍵，結(jié)束圖像捕捉。

（5）圖像捕獲后，軟件自動(dòng)進(jìn)入SnagIt捕獲預(yù)覽窗口，單擊工具欄中“另存為”將網(wǎng)頁存儲(chǔ)到硬盤中。注意最好選擇JPG格式。

2.通過流行的遨游瀏覽器來實(shí)現(xiàn)

計(jì)算機(jī)系統(tǒng)默認(rèn)的瀏覽器是IE瀏覽器，目前火狐貍、遨游等瀏覽器以其功能強(qiáng)大、簡(jiǎn)便易用而廣泛使用在計(jì)算機(jī)上。遨游瀏覽器（華軍軟件園有最新版本供免費(fèi)下載）與其他瀏覽器相比有一項(xiàng)突出的功能，該瀏覽器能夠把網(wǎng)頁以圖片的形式保存下來，具體操作方法如下：

（1）啟動(dòng)瀏覽器，打開欲保存為圖片的網(wǎng)頁。

（2）單擊瀏覽器右側(cè)“屏幕截圖”，打開截圖功能菜單，單擊“截圖選項(xiàng)”設(shè)置，確定保存路徑、保存格式，一般保存格式為JPG格式，保存路徑可以自行設(shè)置目錄。

（3）根據(jù)需要進(jìn)行截圖，如需要將整個(gè)網(wǎng)頁保存為圖片，則單擊菜單“當(dāng)前頁面截圖”，其組合鍵為“Ctrl+F2”。