-
網(wǎng)站建設(shè)案例
-
聯(lián)系電話：0755-82560826 82538016 82560635郵箱：qin@198bona.com地址：深圳市福田區(qū)皇崗路5007神采苑402棟610";
營(yíng)銷網(wǎng)站建設(shè)
全網(wǎng)營(yíng)銷網(wǎng)站
高端網(wǎng)站建設(shè)
商城網(wǎng)站建設(shè)
外貿(mào)網(wǎng)站建設(shè)
小程序開(kāi)發(fā)
區(qū)塊鏈開(kāi)發(fā)
物聯(lián)網(wǎng)項(xiàng)目開(kāi)發(fā)
定制app開(kāi)發(fā)
在線教育網(wǎng)站
速成網(wǎng)站建設(shè)
服裝網(wǎng)站建設(shè)
餐飲網(wǎng)站建設(shè)
珠寶首飾網(wǎng)站
機(jī)械制造網(wǎng)站
文化旅游網(wǎng)站
家裝建材網(wǎng)站
美容化妝品網(wǎng)站
數(shù)碼產(chǎn)品網(wǎng)站
模板案例庫(kù)
-
- 網(wǎng)站推廣
-
網(wǎng)站制作資訊
- 網(wǎng)站報(bào)價(jià)
- 公司動(dòng)態(tài)
- 關(guān)注博納
- 聯(lián)系我們
在網(wǎng)頁(yè)中插入圖像的效果該頁(yè)面由LOGO圖標(biāo)、Banner廣告條、按鈕、背景和修飾圖案組成，制作并整理的圖像素材如圖所示。
單擊【頁(yè)面屬性】按鈕
。
設(shè)置背景圖像的網(wǎng)頁(yè)效果
設(shè)置單元格寬度效果
插入LOGO和Banner效果插入按鈕和修飾圖案前面博納網(wǎng)絡(luò)所分享文章中講到的一樣完成了網(wǎng)頁(yè)頁(yè)面的標(biāo)題設(shè)計(jì)，本節(jié)利用表格插入導(dǎo)航按鈕和制作圓角的修飾圖案。【操作步驟】第1步，把光標(biāo)置于第1個(gè)表格的后面，選擇【插入】|【表格】命令，插入一個(gè)表格，設(shè)置：1行2列，寬度800像素，邊框粗細(xì)、單元格間距和單元格邊距都為0，【表格】對(duì)話框設(shè)置相同。第2步，插入表格之后，在【屬性】面板中設(shè)置表格居中顯示，同時(shí)設(shè)置第1個(gè)表格也居中顯示，并設(shè)置第2個(gè)表格的第1個(gè)單元格寬度為100，效果如圖5.20所示。
第3步，在第1個(gè)單元格中插入一個(gè)8行1列的表格，設(shè)置寬度為100%，同時(shí)設(shè)置邊框粗細(xì)、單元格間距和單元格邊距都為0的表格，對(duì)話框設(shè)置如圖5.21所示。
第4步，在表格中按順序從上到下分別插入圓角圖案（border1.gif）、6個(gè)按鈕（about.jpg、services.jpg、gallery.jpg、freebies.jpg、portfolio.jpg、contact.jpg）和圓角圖案（border2.gif），插入效果如圖5.22所示。
插入第2個(gè)表格效果圖5.22 插入圖像后的效果第5步，以同樣的方式在右邊單元格中插入一個(gè)3行3列的表格，設(shè)置表格寬度為98%，并在【屬性】面板中設(shè)置居中顯示。第6步，在4個(gè)頂角的單元格中插入圓角修飾圖案，并設(shè)置單元格寬、高為圖案大小，如圖5.23所示。
插入表格和圓角圖案后的效果第7步，設(shè)置沒(méi)有插入圓角圖案的單元格背景顏色為圖案的顏色，即保持表格背景顏色的一致性，最后效果如圖5.24所示
。關(guān)于在網(wǎng)頁(yè)制作中插入圖像的實(shí)際操作案例我們今天就分享到這里，明天深圳網(wǎng)頁(yè)制作公司會(huì)繼續(xù)介紹網(wǎng)頁(yè)設(shè)計(jì)制作方面的經(jīng)驗(yàn)。博納網(wǎng)絡(luò)編輯整理。
