1. 圖片怎么制成網(wǎng)頁(yè)
1
先打開(kāi)photoshop設(shè)計(jì)好你的網(wǎng)頁(yè)背景。
2
在工具欄選擇【切片工具】,大部分人的工具欄只顯示裁剪工具,右鍵單擊裁剪工具就能看到切換工具,選擇它即可。
3
屬性欄進(jìn)行設(shè)置,先來(lái)設(shè)置樣式,有三種樣式可供選擇,正常樣式、固定長(zhǎng)寬比、固定大小。
4
正常模式下,鼠標(biāo)拖動(dòng)可以繪制一個(gè)矩形的切片,切片的大小和長(zhǎng)寬比都是任意的,直接拖動(dòng)切片也可以改變切片的位置。
5
固定長(zhǎng)寬比模式下,拖動(dòng)鼠標(biāo)可以繪制切片,切片的大小是任意的,但是切片的長(zhǎng)寬比是固定不變的。在圖像--圖像大小下,打開(kāi)圖像大小對(duì)話框,這里你可以找到圖像的寬度和高度。
6
固定大小模式下,切片的長(zhǎng)和寬都是你設(shè)定的,不會(huì)改變,選中一個(gè)切片,切片變成棕色的邊框,并出現(xiàn)了八個(gè)控制點(diǎn),拖動(dòng)控制點(diǎn)也可以改變切片的大小。
7
選擇【劃分切片】,打開(kāi)劃分切片的對(duì)話框。
8
設(shè)置將圖片切分為水平4個(gè)切片,垂直5個(gè)切片,點(diǎn)擊確定按鈕,下面第二幅圖就是我們建立這個(gè)切片。這是建立切片最快的速度了。
9
拖動(dòng)控制點(diǎn)可以改變整行或者整列的寬度和高度。
10
我們還可以對(duì)某個(gè)切片進(jìn)行進(jìn)一步的切割,右鍵單擊某個(gè)切片,然后選擇【劃分切片】,打開(kāi)劃分切片對(duì)話框,設(shè)置橫向和縱向的切片個(gè)數(shù)
11
最后,一個(gè)關(guān)鍵的設(shè)置就是,右鍵單擊某個(gè)切片,然后在打開(kāi)的右鍵菜單中選擇【編輯切片選項(xiàng)】,打開(kāi)切片選項(xiàng)對(duì)話框。
12
在這里你要設(shè)置的有切片的名稱,這個(gè)名稱也就是網(wǎng)頁(yè)圖片的名稱,默認(rèn)系統(tǒng)給出的名稱即可。設(shè)置url,也就是圖片的鏈接,在網(wǎng)頁(yè)上點(diǎn)擊圖片就能打開(kāi)這個(gè)鏈接;目標(biāo)在動(dòng)態(tài)圖片中需要設(shè)置,即加載URL時(shí)的楨,在靜態(tài)的圖片中不需要設(shè)置;信息文本也就是鼠表放在網(wǎng)頁(yè)上的圖片上的時(shí)候,出現(xiàn)在瀏覽器底部狀態(tài)欄的文字信息;Alt標(biāo)記就是鼠標(biāo)放在圖片上,自動(dòng)出現(xiàn)在圖片周圍的文字。設(shè)置好這些參數(shù)以后點(diǎn)擊確定按鈕。
13
最后就是要保存html文件了,在菜單欄上執(zhí)行:文件--存儲(chǔ)為web和設(shè)備所用格式
14
在打開(kāi)的對(duì)話框中,點(diǎn)擊【雙聯(lián)】你會(huì)看到兩個(gè)圖片,上面這個(gè)是處理前的原圖,下面這個(gè)是處理后的圖片,你可以對(duì)比兩個(gè)效果以后再保存圖片。
15
設(shè)置格式為jpg,點(diǎn)擊儲(chǔ)存按鈕。
16
設(shè)置格式為【html和圖像】,然后點(diǎn)擊保存按鈕。
17
保存后有兩個(gè)文件,一個(gè)是圖片文件夾,一個(gè)是html文件,雙擊打開(kāi)html就可以看到一個(gè)網(wǎng)頁(yè)了。
18
用dreamweaver進(jìn)行進(jìn)一步的編輯。
2. 如何把圖片生成網(wǎng)站的鏈接
<img src="tupian.jpg" heigth="90">
上面代碼的意思是在網(wǎng)頁(yè)中插入一張圖片,
該圖片是名字為tupian的jpg格式圖片,
該圖片寬80像素,而高是90像素。
-
然后你在img的左尖括號(hào)(也叫書名號(hào))的左面,
加上下面的代碼
<a href="">
然后在“heigth="90">;”的右尖括號(hào)的右面加入下面代碼
</a>
-
最好完成的代碼如下
<a href=""><img src="tupian.jpg" heigth="90"></a>
說(shuō)明
<a href="鏈接地址"></a>
這個(gè)是HTML語(yǔ)言里的超級(jí)鏈接標(biāo)記。
而href的等號(hào)后面的正是欲想鏈接的網(wǎng)絡(luò)地址。