dreamweaver以其強大的功能正在擴張到更多"網蟲"的硬盤里,然而dreamweaver并非每個功能都那么出色。至少,在樣式表(css)設置方面就顯得太專業,讓這些英文不好的"蟲蟲"們大傷腦筋。經過n次下載、安裝,到頭來我才發現原來最好的早已在自己的手中,那就是被我封存很久的-- frontpage2000。下面就讓我帶領大家一塊來分享"傻瓜"化軟件帶來的快樂吧。
一、三種添加css的方式
在frontpage 2000里可以通過三種方式給網頁增加樣式表。
1.頁面鏈接一個外部的樣式表文件,這種方法可以使多個頁面使用同一個樣式表文件,方便保持頁面的主題。步驟:啟動frontpage 2000,然后依次點"文件"、"新建"、"網頁",打開frontpage 2000的新建對話框,選擇"樣式表"選項。在這些樣式表中有frontpage 2000自帶的很多樣式表供你參考和修改。當然如果你對css熟悉的話,你也可以使用空白的樣式表,自己重新創建一個。
2.通過在frontpage 2000中創建一個樣式表單,此時樣式表就是網頁的一部分,直接位于html文檔的之間。這個實際上不算創建,只要把已經創建好的樣式表直接復制下來,然后選擇網頁編輯器的"html"選項,然后粘貼到〈 head 〉之間就可以了。
3.通過使用內含樣式表元素,單獨指定樣式表。在frontpage 2000編輯一個頁面的時候,只要選中要發生變化的文字,然后點擊右鍵,選擇"網頁屬性"就可以隨時隨地進行可視化操作了。
二、內含式樣式表的使用
下面就以修改美化一個搜索框為例,給大家介紹一下內含式樣式表的使用。
現在就開始我們的美化之路。打開frontpage 2000,然后調入這個頁面。接下來就先對輸入框進行處理。用鼠標左鍵選中那個最長的輸入框,然后點擊右鍵,選擇"表單域屬性",出現文本框屬性。
然后點擊"樣式",接著選擇"格式"中的"邊框"按鈕,出現邊框與陰影對話框。
因為要保持表格的統一,我們在"設置"中選擇"自定義",然后選擇"樣式"中的"實線"。最重要的就是應用邊框的設置。點擊方框,四周出現的四個小按鈕分別代表著文本輸入框的四條邊框。為了和文本輸入框外面的表格統一,這里的寬度也選擇為"1",然后"確定"。
接著用鼠標左鍵選中搜索按鈕,點鼠標右鍵,選擇"超鏈接屬性"就會出現窗口。
選擇"樣式"按鈕,再選擇"瀏覽"插入我們事先作好的搜索圖片。
仍舊用鼠標左鍵選中那四個字,然后再點擊右鍵,選擇"超鏈接屬性",彈出windows窗口。
選擇"背景"選項,然后選中"啟用超鏈接翻轉效果",然后點"翻轉樣式"彈出新的windows窗口。
在這里我們可以一目了然地設置要實現的翻轉效果。為了突出"搜索幫助"四個字,我們把字體設置成12pt,這樣當鼠標放上去的時候,字體就會從9pt變成12pt,從而讓用戶看得更清楚。接下來我們還可以根據自己的愛好來設置喜歡的顏色以及其他樣式。通過內含式樣式表的使用,我們很輕松地美化了搜索框.
新聞熱點
疑難解答