如何使網(wǎng)頁達到最佳的視覺效果

《如何使網(wǎng)頁達到最佳的視覺效果》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫。

1、鄭州網(wǎng)站建設(shè)公司,鄭州網(wǎng)站建設(shè)編輯網(wǎng)頁單擊對象面板中的【Inserttablet按鈕M.彈出“Table’對話框(如圖3-2-08).并作如113-2-10的設(shè)W.然后點(OK】按鈕確定.將此表格的寬度設(shè)為100%，我們得到如圖3-2-09的表格結(jié)構(gòu)。將光標(biāo)移I最上面的單元格，單擊[Common]欄中的(Insertimage]按鈕國彈出`SelectImageSource’對話lMI13-2-川.選擇所需圖片，單擊[OK]按鈕，結(jié)果如圖3-2-12.單擊此單元格空白處，在【Properties屬性)I面板中，單擊[B

2、Rl選項后的小文件夾圖標(biāo)，為此表格設(shè)定背景圖像。彈出如下對話框選擇背景圖像.單擊[OK】按鈕，為此單元格設(shè)，青膠(如圖3-2-13)。此時。第一單元格編輯結(jié)束.結(jié)垠如圖3-2-14.用E述同樣的方法將所循圖片播入第二單元格中.得到如圖3-2-15的畫面。將鼠標(biāo)在此表格外單擊.插人一個一行兩列的表格.將表格的寬度設(shè)為100'/o.并將為其設(shè)定背最圖像。如圖3-2-16,我們得到如圖3-2-17的結(jié)構(gòu).將良標(biāo)移至左邊的單元格.嵌入一個兩行一列的表格(圖3-2-18).用同樣的方法在此表格上面的單元格內(nèi)嵌資一個I行9列的表格

3、(圖3-2-19)，將此表格屬性面板中的Align項設(shè)為Right。在此表格的首單元格插入一個一行一列的表格《fl3-2-20).并對此表格進行如用3-2-21的設(shè)t.在此表格內(nèi)健入“站內(nèi)搜索“.并將文本設(shè)工為右對齊.字體設(shè)為粗體.大小設(shè)為13.字體頤色設(shè)為白色(圖3-2-22).然后單擊[InsertTextFlies]按鈕Q,彈出如圖3-2-24的對話框.單擊(Nol按鈕。這時，此表格中出現(xiàn)了一個文本框，對文本框的城性作如圖3-2-25的設(shè)，，并為文本框設(shè)一合適的文本樣式.得到如圖3-2-26的結(jié)瑯。將光標(biāo)移入右邊

4、單元格.插入圖片(圖3-2-27)。并將單元格的尺寸與圖片的尺寸設(shè)為一致，用同樣的方法插入另一圖片《圖3-2-28).將光標(biāo)移至右邊單元格.并為此單元格設(shè)定背景、尺寸.并健入“學(xué)術(shù)信息+“?！皩W(xué)術(shù)信息“設(shè)為大小13像素.粗體。腸色設(shè)為fl色(圖3-2-29).“+.設(shè)為13像泰、粗體，傾色設(shè)為#FF6600.得到如圖3-2-30的結(jié)果。用51樣的方法，討右邊單元格進行設(shè)盆，得到如圖3-2-3I結(jié)果。在畫面左i;角的單元格中嵌入一個一行兩列的表格(圖3-2-32).將右邊的單元格拆為四行。并為每個單元格設(shè)定背.和大小，使

5、四個單元格的背景組成所需的m案(圖3-2-33).注愈，這幾個單元格的背最正好組成一幅圖像，而且結(jié)合得非常緊密。這就硬求事先將陽片切翻成幾個部分，然后作為背居在農(nóng)格中拼接起來。這就要求:本文章由鄭州網(wǎng)站建設(shè)志洋咨詢http://www.wangzhanjs.com/整理發(fā)布，鄭州網(wǎng)站建設(shè)博客網(wǎng)：http://wangzhanjs1.bokee.com/鄭州網(wǎng)站建設(shè)公司,鄭州網(wǎng)站建設(shè)I.目標(biāo)單元格的寬度和高度一定與其背景圖像一致.2.表格的[Border],[CellPadding]和[CellSping]三項一定要為“

6、0一3.表格的結(jié)構(gòu)要與圖片分割的結(jié)構(gòu)相同。在最上面的單元格中健入“設(shè)計為零:設(shè)t文本大小為13像泰.白色、粗體。在下方三個單元格分別抽入一個表格.住愈插入的表格大小與目標(biāo)單元格設(shè)為一致。在策2,3單元格中分別插人文本袱，方式與上述方法相同。注愈由于.PASSWORD.后面的文本框內(nèi)文宇需要顯示為密碼，因此在城性欄中的【Type]1t設(shè)為’Password’(圖3-2-34).調(diào)核兩個文本框的左右碩離.使兩個文本拖左右對齊。將光標(biāo)移至右下角的單元格播入一個一行一列的表格，注意設(shè)此表格的大小與目標(biāo)單元格一致，井將此表格內(nèi)文

7、本設(shè)為居中對齊。單擊[Forms]欄中的[InsertButton]按鈕口，彈出一個對話樞如圖3-2-35.單擊【No]按鈕.在此一行一列的表格中抽入了一個按鈕(圖3-2-36).點選此按鈕.在屬性面板中作如圖3-2-37的設(shè)，。注戀在【Class]項中為按鈕設(shè)，合適的文本樣式。我們得到了如陽3-2-38的結(jié)果。同樣道理。插入另外兩個按鈕進行設(shè)盆.得出圖3-2-39的結(jié)果。我們肴線預(yù)覽時的結(jié)果，與我們要達到的結(jié)果還有漢別，例如任陸框的底色應(yīng)該是深灰的，這就需要我們進行局部的調(diào)整。回到RI頁的綺輯狀態(tài).點選”ID，后所跟

8、的文本IK.單擊[Split]按SIi9Q11圖3-2-43.在ii1I3-2-4i#IELIF,X-JI代碼作必要的修改(圖3-2-45).以達到繃我們改變登陸框底色的8的。用同樣的方法將“PASSWORD’后的文本框底色改為深灰，并單擊換為Design模式(圖3-2-46).按鈕.使視圖切步驟三:完成網(wǎng)a的其它部分比第一部分要