今天,我看到一篇帖子是介紹ImageReady獲取代碼的帖子.我非常感謝那位作者..能無私分享經(jīng)驗技巧...但是...說到獲取代碼工具,我覺得只有Dreamweaver才是王者.下面我手把手教大家圖片獲取代碼...先介紹一下軟件...一次下載.終身受用

首先說說我對各種軟件的一些事情..之前寫了幾篇關(guān)于軟件的教程,非常多的朋友都來一起探討,我感到非常開心..他們問我"你是不是專業(yè)的?" "你是不是什么畢業(yè)的?" "你的軟件技術(shù)怎么這么好?" 其實，我可以告訴大家,我是在開店之后才去學(xué)習(xí)這款軟件的...當(dāng)時覺得店鋪非常不好看,別說顧客了.來我自己到自己的店鋪也沒有想呆一下的感覺...我就對自己說...非要把店鋪裝修漂亮不可...然后,自己下載了PS和MD...針對性的學(xué)習(xí)...不如說那里不會,到經(jīng)驗居去找下帖子,沒的話去百度找找,只要你肯去學(xué)，做過一次.你以后都會..慢慢積累下來,仿佛就是軟件操作高手了

下面我介紹下我們所用的軟件

Adobe Photoshop CS4 這個也就是我們常說的PS軟件,是一款比較好的圖像處理軟件,它的功能非常多,劃分為圖像編輯、圖像合成、校色調(diào)色及特效制作部分。 不怕你不會,就怕你不學(xué),沒人會一步登天的...專家也是慢慢變成的

Macromedia Dremweaver MX2004 這個是一款網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器,它的優(yōu)點在于最佳的制作效率，網(wǎng)站管理和無可比擬的控制能力。我們并不是專業(yè)，也不喜歡做到專業(yè)一樣。我們只要利用它就行了

好，我們來看看如何運動這兩款軟件

首先是打開你要獲取代碼的圖片，選擇切片工具，是要把圖片切分開來，這樣可以把想填加鏈接的圖片做到,每個切片大小可以不一樣

第二步,在圖片的左上方開始,點擊左鍵拖拉,會出現(xiàn)一個虛線框

然后放開左鍵后,軟件會自動設(shè)置,左上角的數(shù)字代表這個切片的序號

然后繼續(xù)切片,第二切片要于第一個切片貼邊,要不然會樣切片1變小或切片不完整

然后按自己的要求來劃分，注意一定要把整個圖片劃分起來，即使是沒有用的

PS：你切分多少等下會得到相對應(yīng)的圖片，所以你要把你想添加鏈接的那部分要分開來

然后切分后，我們就保存為web和設(shè)置所用格式，馬上就結(jié)束PS的工作

點擊保存

記住要保存為圖象和html類型

好的，保存之后，PS可以關(guān)閉了。下面我們運用Dreamweaver

剛得到兩個文件，把images上傳到圖片空間，html的文件就用Dreamweaver來制作

注意，剛剛因為我們切片的時候是分了4份，所以得到的圖片也就是4個

好的，我們打開Dreamweaver，

Dreamweaver是網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。

我用的版本是MX 2004，比較舊了,呵呵.好的我們會看到這樣的一個模版

我先在簡單介紹一下Dreamweaver....Dreamweaver一般打開頁面后的界面包括：菜單欄、面板組、工具欄、代碼編輯區(qū)、屬性和面板組。

我們要運用好這軟件，就必須了解一些基本。連基本都不會，是很難操作起來的，首先是菜單欄一共分文件，編輯，查看，插入，修改，文本，命令，站點，窗口和幫助。我們也不需要對每個都深入研究。

文件菜單：就是包括對文件的各種操作，例如新建，保存等。

編輯菜單：對文件的一些指令，例如是拷貝，粘貼和替換等。

查看彩單：使用查看菜單可以查看文檔的相關(guān)內(nèi)容。

接下來就認識一下快捷鍵

Ctrl-B或Ctrl-I來為文字應(yīng)用黑體或斜體格式，

選中的文本應(yīng)用HTML格式：

Ctrl-0: 無格式

Ctrl-T: 段落

Ctrl-1: 標(biāo)題 1

Ctrl-2: 標(biāo)題 2

然后我們認識一下屬性板，因為等下需要用到，屬性版上可以對選種的對象來進行修改，比如說地址，鏈接，格式，字體等。還有一點，屬性板是根據(jù)當(dāng)前對象來設(shè)置的，你選擇的對象不同，它的顯示出來的屬性調(diào)整就會不同

好了，我們可以開始去做了。。縮小一下窗口,直接把HTML文件拖進去可以了，

好的，現(xiàn)在我們看到這樣的畫面，上方是我們等下需要的代碼，中間就是我們的圖片，下面是屬性設(shè)置

然后我們按照切片的位置來修改，把圖片的地址改成上傳之后的圖片地址，鏈接是超鏈接的地址，填加對應(yīng)的地址點擊圖片會打開，當(dāng)然沒有需要的部分也不用填加

圖片地址改了后。會變成這樣，是正常的，然后我們繼續(xù)去改換其他

圖片地址改完后，鏈接也填加了，下面馬上完工，拷貝代碼

到我是賣家版面，選擇裝修店鋪

到自定義版塊，點擊編輯HTML，

把剛拷貝的代碼復(fù)制下去，然后保存

這樣，我們的圖片就完成了，若有填加鏈接的圖片，點擊是可以打開的

有點人說，我不想去下載那么多個軟件。。有的人說這么麻煩。。還是算了。。我在這里跟大家說句，凡是可以讓店鋪更好的，我們都是值得去學(xué)習(xí)的，不怕你學(xué)不會，就怕你不去學(xué)。

學(xué)習(xí)是每一個人都得做的….只有多學(xué)多動..才會讓自己提升…而在淘寶上...更驗證了這一句話…淘寶開店前期是一件很煩悶的工作..我們要懂的去把工作變得有激情…在平時管理自己的店鋪同時..還要花點時間去注重個人能力升值…拓展自己的知識面,學(xué)會協(xié)調(diào)自己的時間和精力…讓自己每天都有一個完美的狀態(tài)…

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則

本文來源： 使用Dreamweaver手把手教你圖片換代碼