用FrontPage 2000做樣式表
2024-09-12 15:14:31
供稿：網(wǎng)友
以其強(qiáng)大的功能正在擴(kuò)張到更多“網(wǎng)蟲(chóng)”的硬盤(pán)里，然而dreamweaver并非每個(gè)功能都那么出色。至少，在樣式表（css)設(shè)置方面就顯得太專業(yè)，讓這些英文不好的“蟲(chóng)蟲(chóng)”們大傷腦筋。經(jīng)過(guò)n次下載、安裝，到頭來(lái)我才發(fā)現(xiàn)原來(lái)最好的早已在自己的手中，那就是被我封存很久的—— 2000。下面就讓我?guī)ьI(lǐng)大家一塊來(lái)分享“傻瓜”化軟件帶來(lái)的快樂(lè)吧。
一、三種添加css的方式
在frontpage 2000里可以通過(guò)三種方式給網(wǎng)頁(yè)增加樣式表。
1. 頁(yè)面鏈接一個(gè)外部的樣式表文件，這種方法可以使多個(gè)頁(yè)面使用同一個(gè)樣式表文件，方便保持頁(yè)面的主題。步驟：?jiǎn)?dòng)frontpage 2000，然后依次點(diǎn)“文件”、“新建”、“網(wǎng)頁(yè)”，打開(kāi)frontpage 2000的新建對(duì)話框，選擇“樣式表”選項(xiàng)。在這些樣式表中有frontpage 2000自帶的很多樣式表供你參考和修改。當(dāng)然如果你對(duì)css熟悉的話，你也可以使用空白的樣式表，自己重新創(chuàng)建一個(gè)。
2. 通過(guò)在frontpage 2000中創(chuàng)建一個(gè)樣式表單，此時(shí)樣式表就是網(wǎng)頁(yè)的一部分，直接
位于html文檔的之間。這個(gè)實(shí)際上不算創(chuàng)建，只要把已經(jīng)創(chuàng)建好的樣式表直接復(fù)制下來(lái)，然后選擇網(wǎng)頁(yè)編輯器的“html”選項(xiàng)，然后粘貼到〈head〉之間就可以了。
3. 通過(guò)使用內(nèi)含樣式表元素，單獨(dú)指定樣式表。在frontpage 2000編輯一個(gè)頁(yè)面的時(shí)候，只要選中要發(fā)生變化的文字，然后點(diǎn)擊右鍵，選擇“網(wǎng)頁(yè)屬性”就可以隨時(shí)隨地進(jìn)行可視化操作了。
二、內(nèi)含式樣式表的使用
下面就以修改美化一個(gè)搜索框?yàn)槔?，給大家介紹一下內(nèi)含式樣式表的使用。
現(xiàn)在就開(kāi)始我們的美化之路。打開(kāi)frontpage 2000，然后調(diào)入這個(gè)頁(yè)面。接下來(lái)就先對(duì)輸入框進(jìn)行處理。用鼠標(biāo)左鍵選中那個(gè)最長(zhǎng)的輸入框，然后點(diǎn)擊右鍵，選擇“表單域?qū)傩浴保霈F(xiàn)文本框?qū)傩浴?br>
然后點(diǎn)擊“樣式”，接著選擇“格式”中的“邊框”按鈕，出現(xiàn)邊框與陰影對(duì)話框。
因?yàn)橐３直砀竦慕y(tǒng)一，我們?cè)凇霸O(shè)置”中選擇“自定義”，然后選擇“樣式”中的“實(shí)線”。最重要的就是應(yīng)用邊框的設(shè)置。點(diǎn)擊方框，四周出現(xiàn)的四個(gè)小按鈕分別代表著文本輸入框的四條邊框。為了和文本輸入框外面的表格統(tǒng)一，這里的寬度也選擇為“1”，然后“確定”。
接著用鼠標(biāo)左鍵選中搜索按鈕，點(diǎn)鼠標(biāo)右鍵，選擇“超鏈接屬性”就會(huì)出現(xiàn)窗口。
選擇“樣式”按鈕，再選擇“瀏覽”插入我們事先作好的搜索圖片。
仍舊用鼠標(biāo)左鍵選中那四個(gè)字，然后再點(diǎn)擊右鍵，選擇“超鏈接屬性”，彈出windows窗口。
選擇“背景”選項(xiàng)，然后選中“啟用超鏈接翻轉(zhuǎn)效果”，然后點(diǎn)“翻轉(zhuǎn)樣式”彈出新的windows窗口。
在這里我們可以一目了然地設(shè)置要實(shí)現(xiàn)的翻轉(zhuǎn)效果。為了突出“搜索幫助”四個(gè)字，我們把字體設(shè)置成12pt,這樣當(dāng)鼠標(biāo)放上去的時(shí)候，字體就會(huì)從9pt變成12pt,從而讓用戶看得更清楚。接下來(lái)我們還可以根據(jù)自己的愛(ài)好來(lái)設(shè)置喜歡的顏色以及樣式。通過(guò)內(nèi)含式樣式表的使用，我們很輕松地美化了搜索框.
