2021-02-03 10:42:40
【怎么制作網(wǎng)頁圖片】網(wǎng)頁設(shè)計(jì)中框架中的圖像如何控制其大小?制作網(wǎng)頁時(shí)如何在圖像中設(shè)置熱區(qū)域鏈接?下面就和小編一起來看看吧!
網(wǎng)頁設(shè)計(jì)中框架中的圖像如何控制其大小
css文件可以設(shè)置圖像的長度和圖像的浮動(dòng)等各種效果。width和height強(qiáng)制改變圖像的大小。例如:.a{background:url(tupian.jpg)width=20pxheight=20px}說明。a是類別選擇器,調(diào)用時(shí)<標(biāo)簽名class="類別名">(這里的類別是a),url是圖像的位置和名稱。width、height是強(qiáng)制變更的圖像大小。另一種方法是利用計(jì)算機(jī)的繪畫工具將圖像的大小改為目標(biāo)的大小,保存后也可以直接調(diào)用圖像。
制作網(wǎng)頁時(shí),如何在圖像中設(shè)置熱區(qū)域鏈接?
一、在DreamweaverMX中為圖片建立熱區(qū)1、啟動(dòng)DreamweaverMX(其他版本請模仿操作),打開需要建立圖片熱區(qū)域的網(wǎng)頁文件,選擇相應(yīng)的圖片時(shí),屬性面板自動(dòng)切換到圖片屬性狀態(tài)(如圖1)。2、選擇熱區(qū)類型(如橢圓),在照片上拉出熱區(qū)(參照圖1),熱區(qū)相當(dāng)于在照片上追加圖形層,像調(diào)整照片一樣,可以用鼠標(biāo)調(diào)整熱區(qū)的大小和位置。關(guān)于網(wǎng)站建設(shè)3、在鏈接右側(cè)的框架中輸入鏈接的網(wǎng)站在替代后的框架中輸入說明文字(例如天極網(wǎng))的目標(biāo)右側(cè)的下拉按鈕,在之后出現(xiàn)的下拉列表中選擇鏈接頁面的打開方式(如果需要在新窗口打開鏈接的頁面,則選擇_blank選項(xiàng))。注意:輸入在替代框中的文字,以后瀏覽網(wǎng)頁時(shí),鼠標(biāo)指向該熱區(qū)時(shí),在網(wǎng)頁上顯示文字(如圖2)。4、重復(fù)上述2、3步操作,在圖片的不同部位建立多個(gè)熱區(qū)。在FrontPage2003中為圖像建立熱區(qū)1、啟動(dòng)FrontPage2003,打開需要建立圖像熱區(qū)域的網(wǎng)頁文件。2、執(zhí)行視圖→工具欄→圖像命令,展開圖像工具欄3、選擇熱區(qū)類型(例如長方形),在圖像上拉出熱區(qū)時(shí),系統(tǒng)會(huì)自動(dòng)彈出插入超鏈接對話框4、在地址欄中輸入鏈接的網(wǎng)站點(diǎn)擊屏幕提示按鈕打開設(shè)置屏幕超鏈接提示對話框,輸入說明文字注意:這里的屏幕提示與Dreamweavermx替代功能相同。4、同樣,重復(fù)上述3、4步的操作,可以在圖像的不同部分建立多個(gè)熱區(qū)。