|
范例:
<meta name="DESCRIPTION" content="提供域名注冊,服務器主機空間,網站設計制作建設,電子商務系統開發,軟件開發等">
<meta name="keywords" content="商家注冊電腦查詢,二手市場電子商務,boys,sex,star,today,news">
2, 制作網站時,遇到頁面有統一的頭部文件和尾部文件。一定要做成單一的top頭文件和bottom尾文件,然后再嵌套在頁面中。這樣修改方便。嵌套代碼:
1.<!--#include file=”conn.ASP”--> (推薦使用)
2.<iframe border=0 frameborder=0 framespacing=0 marginheight=0 marginwidth=0 name=news_title noResize scrolling=no src="*****.ASP" width="200" height="150" vspace="0" ></iframe>(使用時修改藍色部分即可)
3. 統一使用外掛式樣式表~!相關代碼: <link href="css.css" rel="stylesheet" type="text/css">
要注意a:link a:visited a:hover a:actived 的排列順序要和原有的一致。
重定義的最先,偽類其次,自定義最后。
為了保證不同瀏覽器上字號保持一致,字號建議用點數pt和像素px來定義,pt一般使用中文宋體的9pt和11pt,px一般使用中文宋體12px 和14.7px 這是經過優化的字號,黑體字或者宋體字加粗時,一般選用11pt和14.7px 的字號比較合適。
4.一個網頁要盡量避免用整個一張大表格
所有的內容都嵌套在這個大表格之內,因為瀏覽器在解釋頁面的元素時,是以表格為單位逐一顯示,如果一張網頁是嵌套在一個大表格之內,那么很可能造成的后果就是,當瀏覽者敲入網址,他要先面對一片空白很長時間,然后所有的網頁內容同時出現。如果必須這樣做,請使用 <tbody>標記,以便能夠使這個大表格分塊顯示。
表格的嵌套盡量控制在三層以內
5.Width 和height 的寫法也有統一的規范,一般情況下只有一列的表格,width 寫在<table> 的標簽內,只有一行的表格,height 寫在 <table> 的標簽內,多行多列的表格,width 和height 寫在第一行或者第一列的 <td> 標簽內。總之遵循一條原則:不出現多于一個的控制同一個單元格大小的height 和width, 保證任何一個width 和height 都是有效的,也就是你改動代碼中任何一個width 和height 的數值,都應該在瀏覽器中看到變化。做到這一條不容易,需要較長時間的練習和思考。
◆布局:
1、 別輕易讓文字居中和使用粗體或斜體字符。除了視感混亂之外,很多流覽器不能很好地顯示斜體字,也不能補償由于字母傾斜引起的空白變化。
2、 不要在每一頁使用風格不同的圖標。
3、 在img行加alt標記。這樣就會讓使用基于文本的流覽器的讀者除了看到 [IMAGE] 以外還能看到別的一些東西,使用圖形流覽器的讀者在圖像未能成功載入之時也會看到一些東西,而你也能讓自己的html文件相當整潔。
4、 不要讓什么東西看起來象是一個按鈕卻不起按鈕的作用。
◆網頁色彩搭配的技巧
1.用一種色彩。這里是指先選定一種色彩,然后調整透明度或者飽和度,(說得通俗些就是將 色彩變淡或則加深),產生新的色彩,用于網頁。這樣的頁面看起來色彩統一,有層次感。
2.用兩種色彩。先選定一種色彩,然后選擇它的對比色(在photoshop里按ctrl+shift+I)。我的主頁用藍色和黃色就是這樣確定的。整個頁面色彩豐富但不花稍。
3.用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。確定色彩的方法各人不同,我是在photoshop里按前景色方框,在跳出的拾色器窗中選擇"自定義",然后在"色庫"中選就可以了:)
4.用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺很"跳"。
在網頁配色中,忌諱的是:
1.不要將所有顏色都用到,盡量控制在三種色彩以內。
2.背景和前文的對比盡量要大,(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容
◆ 閃爍讓人頭痛
通過使用標識可以吸引訪問者對你的主頁特殊部分的注意,但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網站,就少用此方法。
◆ 動畫點綴
網頁上的動畫最多只用一個
“空白萬歲”
注意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網頁,即使有足夠的空間,在設計時也應該避免使用。
HTML/CSS技術:網頁美工制作規范,轉載需保留來源!
鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。