網頁設計的整體風格。

2018-10-30 分類：網站建設

網頁設計的整體風格
當今的網頁設計流行宋體的9pt和10.5pt的字體，按快捷鍵“Shift+F11”打開“CSS Style控制面板”，單擊“New Style”按鈕，彈出“New Style”對話框，復選“Redefine HTML Tag”的“Type”類型，這時在Tag處會出現“body”、“br”、“cite”等選項，選擇“body”后確認。這樣我們就建立了一個外掛的CSS文檔，在保存對話框中保存為all后就進入了“Style Definition for body in all.css”對話框(如圖1)。選擇“Category”中的“Type”項，定義“Font”為“宋體”、“Size”參數為“9”，其后面的下拉框選擇“Points”、“Color”自定義為喜好顏色就可以了。當然還可以選擇“Category”中的“Background”項來定義“Background”顏色和其他背景屬性。這時您會看到網頁設計頁面中內容的整體變化。
網頁偏好風格的改變
經過上面的改變有時不免給您帶來一定麻煩，
網頁如何加快讀取速度？
在網頁設計的時候，常常會遇到設計制作虛線表格的問題，通常我們會用圖的方法，不過應該有更好的方法，以下就是解決這個問題的方法。
設計的方法一：做一個1X2的圖片。
半黑半白，再利用表格作成線。這種方法雖然麻煩，但在任何瀏覽器中均可瀏覽，相容性也最好。
方法二：在網頁設計CSS里面做設定。
如果使用DreamWeaver做網頁設計的話，只要在CSS面版里加一個style，選擇“redefine HTML Tag”，再在下拉選單里先“table”，在彈出的面版里，category里選擇border，在border里，將top,left,right,bottom都設成1px，顏色設成你想要的邊框的顏色。然后在style下拉框里選擇dashed。一切ok。只是所有的表格都會用虛線做邊框了。注意，這個效果在瀏覽器里才能看見。
方法三：直接在網頁設計html里設置(如果你只想讓某一個表格邊框是虛線的話)。
在表格的html里加上這個：
style="BORDER-LEFT: #000000 1PX DASHED; BORDER-RIGHT: #000000 1PX DASHED; BORDER-TOP: #000000 1PX DASHED; BORDER-BOTTOM: #000000 1PX DASHED"

顏色是十六位代碼，你可以自己設計。

另外，不要使用圖片做為網頁背景圖之用。回想一下，在你瀏覽過的知名網站中，有多少使用網頁背景圖的網頁設計?幾乎沒有吧?其實，道理很簡單，人們來到你的網站(尤其是商業用途網站)，你希望他們讀你的內容，還是欣賞漂亮的圖片?況且這種網頁背景圖還有一個缺點──減慢了網頁讀取速度。另外，網頁設計不使用圖片背景，也等于在向來訪者表示“我們以高品質的內容(產品或服務)取勝，而不是花哨的設計”。如果堅持要使用圖片背景，那么一定要使它很亮的圖片做網頁設計之用，以免它影響前面文字的閱讀。為此，應該對每個網頁設計進行測試。網頁背景圖，可以由一張小圖片重復拼合而成(也就是“平鋪”)，也可以使用一張完整的大圖片做設計背景。但后者容易出現問題，尤其是使用框架的時候。如果訪問者設定的顯示分辨率，與你的網站設計背景圖時使用的不同，網頁顯示就不正確了。通常，使用更高分辨率的訪客，會看到一張以上的網頁背景圖，它們自動進行平鋪，但拼圖一般不完整。此外，這種圖片在框架中，滾動螢幕時會出現網頁滯留現象。

本文作者來自創新互聯，轉載請注明出處：創新互聯（m.kartarina.com）

選擇北京網站建設公司-創新互聯，優質服務，絕對不容錯過！

1. 優秀的網絡資源，穩定的網站和速度保證

（配送雙線獨立ip空間，國際A級BGP機房，99.5% 的主機在線時間）

2. 7年北京網站建設經驗，優秀的技術和設計水平，更放心

3. 全程省心服務，不必擔心自己不懂網絡，更省心。

網頁名稱：網頁設計的整體風格。
文章位置：http://m.kartarina.com/news/78549.html

成都網站建設公司_創新互聯，為您提供靜態網站、建站公司、網站營銷、全網營銷推廣、動態網站、外貿網站建設

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容