當今的網(wǎng)頁設(shè)計流行宋體的9pt和10.5pt的字體,按快捷鍵“Shift+F11”打開“CSS Style控制面板”,單擊“New Style”按鈕,彈出“New Style”對話框,復(fù)選“Redefine HTML Tag”的“Type”類型,這時在Tag處會出現(xiàn)“body”、“br”、“cite”等選項,選擇“body”后確認。這樣我們就建立了一個外掛的CSS文檔,在保存對話框中保存為all后就進入了“Style Definition for body in all.css”對話框(如圖1)。選擇“Category”中的“Type”項,定義“Font”為“宋體”、“Size”參數(shù)為“9”,其后面的下拉框選擇“Points”、“Color”自定義為喜好顏色就可以了。當然還可以選擇“Category”中的“Background”項來定義“Background”顏色和其他背景屬性。這時您會看到網(wǎng)頁設(shè)計頁面中內(nèi)容的整體變化。
網(wǎng)頁偏好風格的改變
經(jīng)過上面的改變有時不免給您帶來一定麻煩,
網(wǎng)頁如何加快讀取速度?
在網(wǎng)頁設(shè)計的時候,常常會遇到設(shè)計制作虛線表格的問題,通常我們會用圖的方法,不過應(yīng)該有更好的方法,以下就是解決這個問題的方法。
設(shè)計的方法一:做一個1X2的圖片。
半黑半白,再利用表格作成線。這種方法雖然麻煩,但在任何瀏覽器中均可瀏覽,相容性也最好。
方法二:在網(wǎng)頁設(shè)計CSS里面做設(shè)定。
如果使用DreamWeaver做網(wǎng)頁設(shè)計的話,只要在CSS面版里加一個style,選擇“redefine HTML Tag”,再在下拉選單里先“table”,在彈出的面版里,category里選擇border,在border里,將top,left,right,bottom都設(shè)成1px,顏色設(shè)成你想要的邊框的顏色。然后在style下拉框里選擇dashed。一切ok。只是所有的表格都會用虛線做邊框了。注意,這個效果在瀏覽器里才能看見。
方法三:直接在網(wǎng)頁設(shè)計html里設(shè)置(如果你只想讓某一個表格邊框是虛線的話)。
在表格的html里加上這個:
style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"
顏色是十六位代碼,你可以自己設(shè)計。
另外,不要使用圖片做為網(wǎng)頁背景圖之用。回想一下,在你瀏覽過的知名網(wǎng)站中,有多少使用網(wǎng)頁背景圖的網(wǎng)頁設(shè)計?幾乎沒有吧?其實,道理很簡單,人們來到你的網(wǎng)站(尤其是商業(yè)用途網(wǎng)站),你希望他們讀你的內(nèi)容,還是欣賞漂亮的圖片?況且這種網(wǎng)頁背景圖還有一個缺點──減慢了網(wǎng)頁讀取速度。另外,網(wǎng)頁設(shè)計不使用圖片背景,也等于在向來訪者表示“我們以高品質(zhì)的內(nèi)容(產(chǎn)品或服務(wù))取勝,而不是花哨的設(shè)計”。如果堅持要使用圖片背景,那么一定要使它很亮的圖片做網(wǎng)頁設(shè)計之用,以免它影響前面文字的閱讀。為此,應(yīng)該對每個網(wǎng)頁設(shè)計進行測試。網(wǎng)頁背景圖,可以由一張小圖片重復(fù)拼合而成(也就是“平鋪”),也可以使用一張完整的大圖片做設(shè)計背景。但后者容易出現(xiàn)問題,尤其是使用框架的時候。如果訪問者設(shè)定的顯示分辨率,與你的網(wǎng)站設(shè)計背景圖時使用的不同,網(wǎng)頁顯示就不正確了。通常,使用更高分辨率的訪客,會看到一張以上的網(wǎng)頁背景圖,它們自動進行平鋪,但拼圖一般不完整。此外,這種圖片在框架中,滾動螢?zāi)粫r會出現(xiàn)網(wǎng)頁滯留現(xiàn)象。
本文作者來自北京傳誠信,轉(zhuǎn)載請注明出處:北京傳誠信(jzztb.org.cn)