在網(wǎng)頁制作過程中,建站的站長們往往會添加圖片模塊,這是為了更符合用戶的瀏覽需求,圖文結(jié)合的內(nèi)容用戶會更喜歡看。圖片模塊不只是能放置圖片這么簡單哦,還能對它進(jìn)行其他特別的操作。下面就通過網(wǎng)頁模板對添加圖片模塊進(jìn)行一個介紹。
我們來到網(wǎng)頁制作頁面,在網(wǎng)頁模板頁面左側(cè)可以看到有四個圓形的鍵,我們點(diǎn)擊第一個模塊選項(xiàng),然后就進(jìn)入到模塊設(shè)置的界面。接下來我們在模塊設(shè)置的頂部菜單點(diǎn)擊新增模塊,點(diǎn)擊常用菜單,后點(diǎn)擊圖片選項(xiàng)。然后在設(shè)計(jì)頁面看到一個圖片模塊出來了。

鼠標(biāo)移動到圖片模塊上,可以見到上面有一系列功能鍵,我們進(jìn)行一個簡單介紹。

1.添加圖片,可以通過點(diǎn)擊加號或者點(diǎn)擊添加圖片文字進(jìn)行圖片的添加。
2.模塊特效:就是鼠標(biāo)放置在圖片上面的時候所顯示的一個動畫效果。

點(diǎn)擊后可以根據(jù)自己制作網(wǎng)頁的需求在左方模塊特效樣式列表里選擇合適的動畫效果。

3.圖片形狀:就是對圖片進(jìn)行一個形狀上的再處理。點(diǎn)擊后可以根據(jù)自己的需求選擇四種形狀中的其中一種,左下角的那種可以進(jìn)行圓角半徑設(shè)置。

4.模塊動畫:模塊動畫是指該模塊出現(xiàn)在屏幕那一刻所展現(xiàn)出來的一個動畫效果。

點(diǎn)擊模塊動畫設(shè)置后,左方出現(xiàn)一個自定義樣式的菜單,有多種模塊動畫能選擇,拖動到下方,能夠設(shè)置動畫效果的速度、延遲、觸發(fā)次數(shù)。如果對設(shè)置效果不滿意,就點(diǎn)擊自定義樣式菜單的右下角恢復(fù)默認(rèn)按鈕。

5.設(shè)置鏈接:設(shè)置鏈接的功能是點(diǎn)擊圖片后能夠跳轉(zhuǎn)到某個頁面或者達(dá)成某種操作的功能。不跳轉(zhuǎn)就是沒有任何點(diǎn)擊功能的。自定義的設(shè)置鏈接作用和文本框、按鈕的作用一樣。

設(shè)置熱區(qū):就是先點(diǎn)擊添加熱區(qū),然后在圖片中選擇某個區(qū)域進(jìn)行可點(diǎn)擊操作的設(shè)置,如下圖。而且可點(diǎn)擊區(qū)域也可以多個,選中區(qū)域后進(jìn)行設(shè)置鏈接的操作。

6.透明度:對圖片進(jìn)行透明度設(shè)置,數(shù)值越大圖片越透明。

以上內(nèi)容就是通過網(wǎng)頁制作模板對圖片模塊的一個介紹,希望大家能通過本文對圖片模塊的設(shè)置有所了解,可以更清楚網(wǎng)頁制作圖片模塊的步驟。