用FrontPage 2000巧做樣式表

來源:互聯網
上載者:User
frontpage|樣式表   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編輯一個頁面的時候,只要選中要發生變化的文字,然後點擊右鍵,選擇"網頁屬性"就可以隨時隨地進行可視化操作了。   

  二、內含式樣式表的使用   

  下面就以修改美化一個搜尋方塊為例,給大家介紹一下內含式樣式表的使用。   

  1、開啟FrontPage 2000,然後調入這個頁面。接下來就先對輸入框進行處理。用滑鼠左鍵選中那個最長的輸入框,然後點擊右鍵,選擇"表單域屬性",出現文字框屬性。   
2、然後點擊"樣式",接著選擇"格式"中的"邊框"按鈕,出現邊框與陰影對話方塊。   

  說明:因為要保持表格的統一,我們在"設定"中選擇"自訂",然後選擇"樣式"中的"實線"。最重要的就是應用邊框的設定。點擊方框,四周出現的四個小按鈕分別代表著文本輸入框的四條邊框。為了和文本輸入框外面的表格統一,這裡的寬度也選擇為"1",然後"確定"。   

  3、接著用滑鼠左鍵選中搜尋按鈕,點滑鼠右鍵,選擇"超連結屬性"就會出現視窗。   
  4、選擇"樣式"按鈕,再選擇"瀏覽"插入我們事先作好的搜尋圖片。   

  5、仍舊用滑鼠左鍵選中那四個字,然後再點擊右鍵,選擇"超連結屬性",彈出Windows視窗。   

  6、選擇"背景"選項,然後選中"啟用超連結翻轉效果",然後點"翻轉樣式"彈出新的Windows視窗。   

  在這裡我們可以一目瞭然地設定要實現的翻轉效果。為了突出"搜尋協助"四個字,我們把字型設定成12pt,這樣當滑鼠放上去的時候,字型就會從9pt變成12pt,從而讓使用者看得更清楚。接下來我們還可以根據自己的愛好來設定喜歡的顏色以及其他樣式。通過內含式樣式表的使用,我們很輕鬆地美化了搜尋方塊。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。