網(wǎng)頁制作 用FrongPage設(shè)計(jì)網(wǎng)頁花樣

技術(shù)在進(jìn)步，思維在發(fā)展，網(wǎng)頁上的花樣當(dāng)然也要一天天地趕時(shí)髦了。在“滾動(dòng)字符”、“跑馬燈”已成平常的今天，網(wǎng)頁上還能變出新花樣嗎?

　　制作鼠標(biāo)指針指在上面時(shí)會(huì)變化的動(dòng)態(tài)按鈕

　　在FrontPage中通過選單命令:“insert(插入)”〉“active elements(active單元)”〉“hover botton(動(dòng)態(tài)按鈕)”，可以制作動(dòng)態(tài)效果的按鈕。但是，這種按鈕效果是基于javaapplet小程序的，它有速度慢、不能顯示提示文本、鼠標(biāo)指針不能變?yōu)槭中蔚热秉c(diǎn)。這里介紹用dreamweaver 2.0制作基于javascript的動(dòng)態(tài)按鈕的方法。

　　在制作這種按鈕效果之前，首先要為每個(gè)按鈕制作兩張不同的圖片，一張是正常情況下要顯示的圖片，另一張是鼠標(biāo)指針停留在按鈕上時(shí)要顯示的圖片。圖片命名時(shí)最好有規(guī)律，比如兩張圖片名分別是botton.gif、botton_1.gif。

　　首先在FrontPage中插入第一張圖片，并設(shè)好超級(jí)鏈接，文件保存后用dreamweaver調(diào)入(如果熟悉dreamweaver，可以不要FrontPage“幫忙”)。單擊已插入的第一張圖片選中它，點(diǎn)擊“behaviors(行為)”窗口(如果未顯示，按f8顯示它)中的+號(hào)按鈕，在選單中選“swip image(交換圖片)”打開對(duì)話框，按“browse(瀏覽)”按鈕選擇第二張圖片，最后點(diǎn)“ok”確定。這樣，一個(gè)動(dòng)態(tài)效果按鈕就做成了，簡單吧。

　　用FrontPage可視化編輯樣式表

　　你一定見過許多主頁上有這樣的鏈接，它并不像普通鏈接總是帶下劃線，當(dāng)鼠標(biāo)指上去時(shí)，鏈接文字就會(huì)變色并出現(xiàn)下劃線，這都是樣式表的功勞!

　　用FrontPage打開要編輯的html文件，使用選單命令“format(格式)”〉“stylesheet...(樣式...)”打開 “format stylesheet(樣式格式)”對(duì)話框，這里顯示了當(dāng)前文件內(nèi)聯(lián)樣式表的內(nèi)容，你可以在〈!--...--〉之間添加或修改樣式表語句。如果要添加新的樣式語句，首先要輸入標(biāo)簽(如:a:link、a:hover、a:active、a:visited，它們分別表示:正常情況下未訪問過的、鼠標(biāo)接近時(shí)、鼠標(biāo)點(diǎn)擊時(shí)、訪問過的鏈接的樣式)。然后，把光標(biāo)停在這個(gè)標(biāo)簽?zāi)┪�，點(diǎn)擊對(duì)話框左下角的“style...(樣式...)”按鈕，進(jìn)入“style (樣式)”對(duì)話框，在這里你可以根據(jù)需要設(shè)置多種樣式屬性。如果要更改某個(gè)標(biāo)簽的樣式，只要光標(biāo)停在相應(yīng)標(biāo)簽后面的一對(duì)大括號(hào)中代碼的任意位置，然后按 “style...(樣式...)”按鈕進(jìn)行修改即可。

　　例子:你希望鼠標(biāo)移動(dòng)到鏈接上時(shí)，文字背景變?yōu)辄S色，文字本身變?yōu)榧t色且無下劃線。先在〈!--...--〉之間輸入a:hover，然后把光標(biāo)停在它末尾，按“style...(樣式...)”按鈕進(jìn)入“style(樣式)”對(duì)話框，在“colors(顏色)”頁中設(shè)置“foreground color(前景顏色)”為紅色，“background color(背景顏色)”為黃色，在“text(文本)”頁中設(shè)置“decoration(修飾)”為“none(無)”，然后確定。這時(shí)， FrontPage已將代碼{background-color:rgb(0，0，128);color:rgb(255，255，255);text- decoration:none｝添加到a:hover標(biāo)簽后面，是不是比自已編容易得多? 網(wǎng)站制作

　　制作彈出式窗口

　　有許多網(wǎng)頁在打開的時(shí)候，會(huì)彈出一個(gè)較小的窗口，顯示廣告或一些最新信息。這種彈出式窗口制作很簡單，只要在網(wǎng)頁代碼的〈body〉標(biāo)簽后面插入以下類似代碼即可:

以下是引用片段：
<script language="javascript">
window.open('url','窗口名','屬性列表');
</script>

　　其中“url”是在窗口中顯示的html文檔的地址;“窗口名”可任意起一個(gè)，但不要用中文;“屬性列表”是一個(gè)用逗號(hào)分開的各個(gè)屬性值的字符串，它確定了彈出窗口的外觀與狀態(tài)。常用屬性有:

　　toolbar(是否顯示工具欄)、location(是否顯示地址欄)、directories(是否顯示常用鏈接)、status(是否顯示狀態(tài)欄)、menubar(是否顯示選單條)、scrollbars(是否使用滾動(dòng)條)、resizable(是否可改變大小)，這些屬性值等于1時(shí)表示是，等于0或不將此屬性加入列表時(shí)表示否。此外，還有width(窗口寬)、height(窗口高)、top(與屏幕上邊的距離)、left(與屏幕左邊的距離)等屬性用于對(duì)彈出窗口大小和位置的控制。