在DW中新建一頁(在"New Document"新文檔對話框中選"ASP VBScript"類型的文檔)(圖16),存為index.asp,并修改頁面標(biāo)題為"留言板首頁"(圖17)
點(diǎn)擊"Common"工具組里的表格圖標(biāo)(圖18)(或者按Ctrl+Alt+T),插入一個5行1列的表格(記為表格1),設(shè)置如下:
選中表格,然后在屬性面板中把它設(shè)置為居中對齊:
把光標(biāo)定位到第一行的單元格后在屬性面板中把它的高設(shè)為35:
同理把第二、四、五行單元格的高都設(shè)為20,再如法炮制,在屬性面板里把第一行和第五行的單元格設(shè)置為水平居中對齊,第二行和第行的單元格為水平居右對齊:
然后在各單元格里寫上文字,完成后如圖:
可能會有朋友找不到那個版權(quán)符號的插入方法,順便說一說。有三種方法可以插入版權(quán)符號: 1)"Insert>>HTML>>Special Characters>>Copyright" 2)在Text工具組里最右邊的下拉選項(xiàng)里:
3)在源碼狀態(tài)下輸入©
光標(biāo)定位到第三行的單元格里,插入一個一行兩列的表格(記為表格二),寬度設(shè)為100%,邊框?qū)挒?;左邊單元格的寬度設(shè)為70,垂直居頂對齊,并插入一個兩行一列的表格(記為表格三),完成后效果如圖:
在新插入的表格 的第一個單元格里在按"Ctrl+Alt+I"插入一個頭像(頭像路徑在留言板目錄下images/icon里,在網(wǎng)上找的幾個圖片稍微加工了一下),并在第二個單元格里寫上"訪客昵稱",之后設(shè)置兩個單元格的水平對齊方式均為居中:
現(xiàn)在只剩下一個很大的空白單元格了,這個就是我們用來顯示訪客留言及訪客資料的區(qū)域,在這個單元格里插入一個三行一列的表格(記為表格四),寫上文字、設(shè)置水平對齊方式、單元格高度后如圖所示:
再插入一個顯示留言內(nèi)容和回復(fù)內(nèi)容的兩行兩列的表格(記為表格五)到唯一空白的單元格里,寫上文字并設(shè)置后效果如下:
最后是給"留言"、"查看"、"管理"這幾個字分別加上鏈接(方法:選中文字后在屬性面板的Link輸入框中輸入鏈接地址)insert.asp、index.asp、login.asp
出處:閃吧
責(zé)任編輯:藍(lán)色
上一頁 Dreamweaver 的站點(diǎn)定義 [3] 下一頁 用CSS美化頁面 [5]
◎進(jìn)入論壇網(wǎng)頁制作、網(wǎng)站綜合版塊參加討論
|