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

2018-10-30    分類: 網(wǎng)站建設(shè)

網(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”類型,這時(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)自創(chuàng)新互聯(lián),轉(zhuǎn)載請(qǐng)注明出處:創(chuàng)新互聯(lián)(www.muchs.cn


選擇北京網(wǎng)站建設(shè)公司-創(chuàng)新互聯(lián),優(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ò),更省心。

網(wǎng)頁(yè)名稱:網(wǎng)頁(yè)設(shè)計(jì)的整體風(fēng)格。
文章位置:http://www.muchs.cn/news/78549.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供靜態(tài)網(wǎng)站、建站公司、網(wǎng)站營(yíng)銷全網(wǎng)營(yíng)銷推廣、動(dòng)態(tài)網(wǎng)站外貿(mào)網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)