網頁設計規範 用FrontPage 2000做樣式表

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