下面我介紹下我們所用的軟件
好，我們來(lái)看看如何運(yùn)動(dòng)這兩款軟件
首先是打開(kāi)你要獲取代碼的圖片，選擇切片工具，是要把圖片切分開(kāi)來(lái)，這樣可以把想填加鏈接的圖片做到,每個(gè)切片大小可以不一樣
第二步,在圖片的左上方開(kāi)始,點(diǎn)擊左鍵拖拉,會(huì)出現(xiàn)一個(gè)虛線框
然后放開(kāi)左鍵后,軟件會(huì)自動(dòng)設(shè)置,左上角的數(shù)字代表這個(gè)切片的序號(hào)
然后繼續(xù)切片,第二切片要于第一個(gè)切片貼邊,要不然會(huì)樣切片1變小或切片不完整
PS：你切分多少等下會(huì)得到相對(duì)應(yīng)的圖片，所以你要把你想添加鏈接的那部分要分開(kāi)來(lái)
然后切分后，我們就保存為web和設(shè)置所用格式，馬上就結(jié)束PS的工作
點(diǎn)擊保存
記住要保存為圖象和html類(lèi)型
好的，保存之后，PS可以關(guān)閉了。下面我們運(yùn)用Dreamweaver
剛得到兩個(gè)文件，把images上傳到圖片空間，html的文件就用Dreamweaver來(lái)制作
注意，剛剛因?yàn)槲覀兦衅臅r(shí)候是分了4份，所以得到的圖片也就是4個(gè)
好的，我們打開(kāi)Dreamweaver，
Dreamweaver是網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。
我用的版本是MX 2004，比較舊了,呵呵.好的我們會(huì)看到這樣的一個(gè)模版
我先在簡(jiǎn)單介紹一下Dreamweaver....Dreamweaver一般打開(kāi)頁(yè)面后的界面包括：菜單欄、面板組、工具欄、代碼編輯區(qū)、屬性和面板組。
我們要運(yùn)用好這軟件，就必須了解一些基本。連基本都不會(huì)，是很難操作起來(lái)的，首先是菜單欄一共分文件，編輯，查看，插入，修改，文本，命令，站點(diǎn)，窗口和幫助。我們也不需要對(duì)每個(gè)都深入研究。
文件菜單：就是包括對(duì)文件的各種操作，例如新建，保存等。
編輯菜單：對(duì)文件的一些指令，例如是拷貝，粘貼和替換等。
查看彩單：使用查看菜單可以查看文檔的相關(guān)內(nèi)容。
接下來(lái)就認(rèn)識(shí)一下快捷鍵
Ctrl-B或Ctrl-I來(lái)為文字應(yīng)用黑體或斜體格式，
選中的文本應(yīng)用HTML格式：
Ctrl-0: 無(wú)格式
Ctrl-T: 段落
Ctrl-1: 標(biāo)題 1
Ctrl-2: 標(biāo)題 2
然后我們認(rèn)識(shí)一下屬性板，因?yàn)榈认滦枰玫?，屬性版上可以?duì)選種的對(duì)象來(lái)進(jìn)行修改，比如說(shuō)地址，鏈接，格式，字體等。還有一點(diǎn)，屬性板是根據(jù)當(dāng)前對(duì)象來(lái)設(shè)置的，你選擇的對(duì)象不同，它的顯示出來(lái)的屬性調(diào)整就會(huì)不同
好的，現(xiàn)在我們看到這樣的畫(huà)面，上方是我們等下需要的代碼，中間就是我們的圖片，下面是屬性設(shè)置
然后我們按照切片的位置來(lái)修改，把圖片的地址改成上傳之后的圖片地址，鏈接是超鏈接的地址，填加對(duì)應(yīng)的地址點(diǎn)擊圖片會(huì)打開(kāi)，當(dāng)然沒(méi)有需要的部分也不用填加
圖片地址改了后。會(huì)變成這樣，是正常的，然后我們繼續(xù)去改換其他
圖片地址改完后，鏈接也填加了，下面馬上完工，拷貝代碼
到我是賣(mài)家版面，選擇裝修店鋪
到自定義版塊，點(diǎn)擊編輯HTML，
把剛拷貝的代碼復(fù)制下去，然后保存
這樣，我們的圖片就完成了，若有填加鏈接的圖片，點(diǎn)擊是可以打開(kāi)的
聯(lián)系客服
