首頁(yè)?>?知識(shí)?資訊?>?網(wǎng)頁(yè)設(shè)計(jì)的整體風(fēng)格。?>?正文

網(wǎng)頁(yè)設(shè)計(jì)的整體風(fēng)格。

2012/7/6 0:00:00 · 稿源:傳誠(chéng)信
網(wǎng)頁(yè)設(shè)計(jì)的整體風(fēng)格
當(dāng)今的網(wǎng)頁(yè)設(shè)計(jì)流行宋體的9pt和10.5pt的字體,按快捷鍵“Shift+F11”打開(kāi)“CSS Style控制面板”,單擊“New Style”按鈕,彈出“New Style”對(duì)話框,復(fù)選“Redefine HTML Tag”的“Type”類(lèi)型,這時(shí)在Tag處會(huì)出現(xiàn)“body”、“br”、“cite”等選項(xiàng),選擇“body”后確認(rèn)。這樣我們就建立了一個(gè)外掛的CSS文檔,在保存對(duì)話框中保存為all后就進(jìn)入了“Style Definition for body in all.css”對(duì)話框(如圖1)。選擇“Category”中的“Type”項(xiàng),定義“Font”為“宋體”、“Size”參數(shù)為“9”,其后面的下拉框選擇“Points”、“Color”自定義為喜好顏色就可以了。當(dāng)然還可以選擇“Category”中的“Background”項(xiàng)來(lái)定義“Background”顏色和其他背景屬性。這時(shí)您會(huì)看到網(wǎng)頁(yè)設(shè)計(jì)頁(yè)面中內(nèi)容的整體變化。

網(wǎng)頁(yè)偏好風(fēng)格的改變
經(jīng)過(guò)上面的改變有時(shí)不免給您帶來(lái)一定麻煩,
網(wǎng)頁(yè)如何加快讀取速度?

在網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候,常常會(huì)遇到設(shè)計(jì)制作虛線表格的問(wèn)題,通常我們會(huì)用圖的方法,不過(guò)應(yīng)該有更好的方法,以下就是解決這個(gè)問(wèn)題的方法。

設(shè)計(jì)的方法一:做一個(gè)1X2的圖片。

半黑半白,再利用表格作成線。這種方法雖然麻煩,但在任何瀏覽器中均可瀏覽,相容性也最好。

方法二:在網(wǎng)頁(yè)設(shè)計(jì)CSS里面做設(shè)定。

如果使用DreamWeaver做網(wǎng)頁(yè)設(shè)計(jì)的話,只要在CSS面版里加一個(gè)style,選擇“redefine HTML Tag”,再在下拉選單里先“table”,在彈出的面版里,category里選擇border,在border里,將top,left,right,bottom都設(shè)成1px,顏色設(shè)成你想要的邊框的顏色。然后在style下拉框里選擇dashed。一切ok。只是所有的表格都會(huì)用虛線做邊框了。注意,這個(gè)效果在瀏覽器里才能看見(jiàn)。

方法三:直接在網(wǎng)頁(yè)設(shè)計(jì)html里設(shè)置(如果你只想讓某一個(gè)表格邊框是虛線的話)。

在表格的html里加上這個(gè):

style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"

顏色是十六位代碼,你可以自己設(shè)計(jì)。

另外,不要使用圖片做為網(wǎng)頁(yè)背景圖之用?;叵胍幌拢谀銥g覽過(guò)的知名網(wǎng)站中,有多少使用網(wǎng)頁(yè)背景圖的網(wǎng)頁(yè)設(shè)計(jì)?幾乎沒(méi)有吧?其實(shí),道理很簡(jiǎn)單,人們來(lái)到你的網(wǎng)站(尤其是商業(yè)用途網(wǎng)站),你希望他們讀你的內(nèi)容,還是欣賞漂亮的圖片?況且這種網(wǎng)頁(yè)背景圖還有一個(gè)缺點(diǎn)──減慢了網(wǎng)頁(yè)讀取速度。另外,網(wǎng)頁(yè)設(shè)計(jì)不使用圖片背景,也等于在向來(lái)訪者表示“我們以高品質(zhì)的內(nèi)容(產(chǎn)品或服務(wù))取勝,而不是花哨的設(shè)計(jì)”。如果堅(jiān)持要使用圖片背景,那么一定要使它很亮的圖片做網(wǎng)頁(yè)設(shè)計(jì)之用,以免它影響前面文字的閱讀。為此,應(yīng)該對(duì)每個(gè)網(wǎng)頁(yè)設(shè)計(jì)進(jìn)行測(cè)試。網(wǎng)頁(yè)背景圖,可以由一張小圖片重復(fù)拼合而成(也就是“平鋪”),也可以使用一張完整的大圖片做設(shè)計(jì)背景。但后者容易出現(xiàn)問(wèn)題,尤其是使用框架的時(shí)候。如果訪問(wèn)者設(shè)定的顯示分辨率,與你的網(wǎng)站設(shè)計(jì)背景圖時(shí)使用的不同,網(wǎng)頁(yè)顯示就不正確了。通常,使用更高分辨率的訪客,會(huì)看到一張以上的網(wǎng)頁(yè)背景圖,它們自動(dòng)進(jìn)行平鋪,但拼圖一般不完整。此外,這種圖片在框架中,滾動(dòng)螢?zāi)粫r(shí)會(huì)出現(xiàn)網(wǎng)頁(yè)滯留現(xiàn)象。

本文作者來(lái)自北京傳誠(chéng)信,轉(zhuǎn)載請(qǐng)注明出處:北京傳誠(chéng)信(saddlebargains.com


選擇北京網(wǎng)站建設(shè)公司-傳誠(chéng)信,優(yōu)質(zhì)服務(wù),絕對(duì)不容錯(cuò)過(guò) !
1. 優(yōu)秀的網(wǎng)絡(luò)資源,穩(wěn)定的網(wǎng)站和速度保證
(配送雙線獨(dú)立ip空間,國(guó)際A級(jí)BGP機(jī)房,99.5% 的主機(jī)在線時(shí)間)
2. 7年北京網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門(mén)
  • 最新
客戶(hù)服務(wù)
咨詢(xún)熱線

010-62199213

24小時(shí)咨詢(xún)熱線

139-1050-5354