導航:首頁 > 萬維百科 > 國字型網頁設計源代碼

國字型網頁設計源代碼

 發布時間：2021-01-10 08:27:42

1、急求！！！網頁設計 HTML代碼大全

HTML標記_HTML大全_HTML標記大全_超文本標記語言
網頁（WebPage）文件主要是用超文本標記語言（HyperText Markup Language，簡稱HTML）語句來寫成。您可以通過IE瀏覽器的「查看」菜單中的「源文件」看到該頁的HTML代碼。HTML語言由一系列元素(element)組成，用於組織文件的內容和指導文件的輸出格式。元素名稱不分大小寫。一個元素可以有多個屬性，屬性及其屬性值不分大小寫。屬性名＝屬性值合起來構成一個完整的屬性，一個元素可以有多個屬性，各個屬性用空格分開。元素又由標記(tag)的構成，大多數標記是成對出現的，分起始標記< >(start tag)和結尾標記</ >(end tag)，以便和頁面的內容區分開來。其寫成的文件是標準的ASCII文件，不同於一般的編程語言，故稱為腳本（Script）更准確一點。其實也很簡單，特別是在專門的HTML編輯器的幫助下，您可以迅速地學會HTML，並能很快寫出有自己特色的Homepage來。
需要說明的是：各種瀏覽器對html元素及其屬性的解釋不完全一樣，如NC與IE是有區別的。
標 簽 內 容 備 注
基 本 標 簽 所有HTML文件都有的
<html>……</html> 表示文件類型為HTML文檔
<head>……</head> 設置文檔描述及其他不在WEB網頁上顯示的信息
<body>……</body> HTML文檔的主體（頁面的實際內容）
標 題 標 簽 　
<title>……</title> 在標題欄中顯示的題目（放在<head></head>內）
擴 展 屬 性 標 簽 　
<base>
基址標簽，為解決相對編址作參考值
<META>
將HTTP命令發給CONTENT=number;url允許，描述不包含在標准HTML里的文檔信息。使用詳解

<link>
提供將現行文檔與其它文檔或實體關聯起來的信息
<ISINDEX> 指明在伺服器上提供文檔的可以檢索的索引
<style>……</style> 允許包含樣式表（CSS）信息
頁 面 屬 性 標 簽 <body>……</body>標簽的擴展屬性。使用詳解

<body bgcolor=#……> 設置背景顏色，用名字或十六進制值
<body text=#……> 設置文本文字顏色，用名字或十六進制值
<body link=#……> 設置鏈接顏色，用名字或十六進制值
<body vlink=#……> 設置已使用的鏈接的顏色，用名字或十六進制值
<body alink=#……> 設置正在被擊中鏈接的顏色，用名字或十六進制值
文 本 標 簽 　
<pre>……</pre> 創建預格式化文本
<h1>……</h1> 創建最大的標題
<h6>……</h6> 創建最小的標題
<b>……</b> 創建黑體字
<i>……</i> 創建斜體字
<tt>……</tt> 創建打字機風格的字體
<cite>……</cite> 創建一個引用，通常是斜體
<em>……</em> 加重（通常是斜體加黑體）
<strong>……</strong> 強調（通常是斜體加黑體）
<font size=value></font> 設置字體大小，從1到7
<font color=……></font> 設置字體的顏色，使用名字或十六進制值
鏈 接 　
<a href="/URL"></a> 創建一個超鏈接
<a href="mailto:EMAIL"> </a> 創建一個自動發送電子郵件的鏈接
<a name="NAME"></a> 創建一個位於文檔內部的靶位
<a href="#NAME"></a> 創建一個指向位於文檔內部靶位的鏈接
格 式 排 版 　
<p> 創建一個新的段落
<p align=……> 將段落按左、中、右對齊
<br> 插入一個回車換行符
<blockquote>……</blockquote> 從兩邊縮進文本
<dl>……</dl> 創建一個定義列表
<dt> 放在每個定義術語詞之前
<dd> 放在每個定義之前
<ol>……</ol> 創建一個標有數字的列表
<li> 放在每個數字列表項之前，並加上一個數字
<ul>……</ul> 創建一個標有圓點的列表
<li> 放在每個圓點列表項之前，並加上一個圓點
<div align=……> 一個用來排版大塊HTML段落的標簽，也用於格式化表
圖 形 元 素 　
<img src="/name"> 添加一個圖像
<img src="/name" align=value> 排列對齊一個圖像：左中右或上中下
<img src="/name" border=value> 設置圍繞一個圖像的邊框的大小
<hr> 加入一條水平線
<hr size=value> 設置水平線的大小（高度）
<hr width=value> 設置水平線的寬度（百分比或絕對像素點）
<hr noshade> 創建一個沒有陰影的水平線
表 格 　
<table>……</table> 創建一個表格
<tr>……</tr> 開始表格中的每一行
<td>……</td> 開始一行中的每一個格子
<th>……</th> 設置表格頭：一個通常使用黑體居中文字的格子

表 格 屬 性 　
<table border=value> 設置圍繞表格的邊框的寬度
<table cellspacing=value> 設置表格格子之間空間的大小
<table cellpadding=value> 設置表格格子邊框與其內部內容之間空間的大小
<table width=value 或 %> 設置表格的寬度－用絕對像素值或文檔總寬度的百分比
<tr align=……> 設置表格格子的水平對齊（左中右）
<tr valign=……> 設置表格格子的垂直對齊（上中下）
<td colspan=value> 設置一個表格格子應跨占的列數（預設為1）
<td rowspan=value> 設置一個表格格子應跨占的行數（預設為1）
<td nowrap> 禁止表格格子內的內容自動斷行回卷
窗 框 　
<frameset>……</frameset> 放在一個窗框文檔的<body>標簽之前，也可以嵌在其他窗框文檔中
<frameset rows="value,value"> 定義一個窗框內的行數，可以使用絕對像素值或高度的百分比
<frameset cols="value,value"> 定義一個窗框內的列數，可以使用絕對像素值或寬度的百分比
<frame> 定義一個窗框內的單一窗或窗區域
<noframes>……</noframes> 定義在不支持窗框的瀏覽器中顯示什麼提示
窗 框 屬 性 　
<frame src="/URL"> 規定窗框內顯示什麼HTML文檔
<frame name="name"> 命名窗框或區域以便別的窗框可以指向它
<frame marginwidth=value> 定義窗框左右邊緣的空白大小，必須大於等於1
<frame marginheight=value> 定義窗框上下邊緣的空白大小，必須大於等於1
<frame scrolling=value> 設置窗框是否有滾動欄，其值可以是"yes","no","auto"，預設時一般為"auto"
<frame noresize> 禁止用戶調整一個窗框的大小
表 單 對於功能性的表單，一般需要運行一個CGI小程序，HTML僅僅是產生表單的表面樣子。
<form>……</form> 創建所有表單
<select multiple name="NAME" size=value>………</select> 創建一個滾動菜單，size設置在需要滾動前可以看到的表單項數目
<option> 設置每個表單項的內容
<select name="NAME">……</select> 創建一個下拉菜單
<textarea name="NAME" cols=value rows=value>……</textarea> 創建一個文本框區域，列的數目設置寬度，行的數目設置高度
<input type="checkbox" name="NAME"> 創建一個復選框，文字在標簽後面
<input type="radio" name="NAME" value="x"> 創建一個單選框，文字在標簽後面
<input type=text name="……" size=value> 創建一個單行文本輸入區域，size設置以字元計的寬度
<input type="submit" value="NAME"> 創建一個submit（提交）按鈕
<input type="image" border=0 name="NAME" src="/name.gif"> 創建一個使用圖象的submit（提交）按鈕
<input type="reset"> 創建一個reset（重置）按鈕
附 加 屬 性 　
<PRE>……</PRE> 預置格式風格標簽用來顯示字體寬度固定的文本塊，主要用來在表格格式中顯示文本
<TT>……</TT> 打字機風格用來顯示打字機字體寬度固定的文本
<SAMP>……</SAMP> 示例風格以單倍距顯示文本
<ADDRESS>……</ADDRESS> 地址風格一般用於文檔的開始或結尾處，並以斜體格式顯示文本。
<DL>……</DL> 定義列表風格用來顯示術語及其定義
　 　
顏色
#=rrggbb 16 進制 RGB 數值，或者是下列預定義色彩：
Black,Olive,Teal,Red,Blue,Maroon,Navy, Gray,Lime,Yellow,white,Silver,Fuchsia,Purple,Green,Aqua[返回本頁首部]
META標簽
描述不包含在標准HTML里的文檔信息。
<META NAME="keywords" CONTENT="yourkeyword">
<META NAME="description" CONTENT="your homepage's description">
本頁的關鍵字和描述。在頁面里加上這些定義後，一些搜索引擎就能夠讓讀者根據這些關鍵字搜索到您的主頁，了解你的主頁內容。
<META HTTP-EQUIV="refresh" CONTENT="30, URL=new.htm">
瀏覽器將在30秒後，自動轉到new.htm。您可用它製作一個封面，在若干時間後，自動帶讀者來到您的目錄頁。如果URL項沒有，瀏覽器就是刷新本頁。這就是WWW聊天室定期刷新的實現原理。
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
描述本頁使用的語言。瀏覽器根據此項，就可以選擇正確的語言編碼，而不需要讀者自己在瀏覽器里選擇。GB2312是指簡體中文，而台灣BIG5內碼的主頁則是用BIG5。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
強制性調用網上的最新版本。瀏覽器為節約時間，在本地硬碟上保存一個臨時文件。在重新調用時，便直接顯示那個臨時文件。如果您想讓讀者每次都看到最新的版本，可加上句。[返回本頁首部]
LINK
顯示本文檔和其他文檔之間的連接關系。一個最有用的應用就是外部層疊樣式表的定位。格式如下：
<LINK REL="stylesheet" href="/style.css">REL參數說明兩個文檔之間的關系，HREF說明目標文檔名。關於層疊樣式表，將在後面的課程中詳述。[返回本頁首部]
BASE
本文檔的原始地址。語法：<BASE HREF="原始地址">當讀者下載您的文檔後，由此可以知道是從哪裡下載的。[返回本頁首部]
BODY
BODY標記有一些屬性，用於定義頁面內的顯示效果。 ALINK、LINK、TEXT、VLINK—— 文字的顏色。
ALINK：當前激活的連接的文字顏色。
LINK：連接的文字顏色。
TEXT：文字的顏色。
VLINK：參觀過的文字顏色。
注意：文字的顏色要和背景色有明顯的差別，以便讀者瀏覽。
BACKGROUND、BGPROPERTIES、BGCOLOR——頁面的背景部分。
BACKGROUND：背景圖案，該圖案在頁面內平鋪。背景圖案應保持單一色調，以保證頁面文字易於閱讀。
BGPROPERTIES：設置成FIXED，則背景圖案不滾動。（只對INTERNET EXPLORER有效）
BGCOLOR：背景色。
注意：如果你的背景圖案是深色調，因之文字顏色為淡顏色，那麼由於瀏覽器調用頁面的順序是「背景色-文字-背景圖案」，那麼在背景圖案沒有顯示的情況下，你的文字在白顏色下很難閱讀，所以應該選用一個跟你的背景圖案顏色一致的背景色。
LEFTMARGIN、TOPMARGIN——頁邊空白。（只對INTERNET EXPLORER有效）
LEFTMARGIN：左邊頁邊空白。
TOPMARGIN：頂端頁邊空白。

2、網頁設計源代碼

HTML語法大全

<!> 跑馬燈
<marquee>...</marquee>普通卷動
<marquee behavior=slide>...</marquee>滑動
<marquee behavior=scroll>...</marquee>預設卷動
<marquee behavior=alternate>...</marquee>來回卷動
<marquee direction=down>...</marquee>向下卷動
<marquee direction=up>...</marquee>向上卷動
<marquee direction=right></marquee>向右卷動
<marquee direction=left></marquee>向左卷動
<marquee loop=2>...</marquee>卷動次數
<marquee width=180>...</marquee>設定寬度
<marquee height=30>...</marquee>設定高度
<marquee bgcolor=FF0000>...</marquee>設定背景顏色
<marquee scrollamount=30>...</marquee>設定卷動距離
<marquee scrolldelay=300>...</marquee>設定卷動時間
<!>字體效果
<h1>...</h1>標題字(最大)
<h6>...</h6>標題字(最小)
<b>...</b>粗體字
<strong>...</strong>粗體字(強調)
<i>...</i>斜體字
<em>...</em>斜體字(強調)
<dfn>...</dfn>斜體字(表示定義)
<u>...</u>底線
<ins>...</ins>底線(表示插入文字)
<strike>...</strike>橫線
<s>...</s>刪除線
<del>...</del>刪除線(表示刪除)
<kbd>...</kbd>鍵盤文字
<tt>...</tt> 打字體
<xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效)
<plaintext>...</plaintext>固定寬度字體(不執行標記符號)
<listing>...</listing> 固定寬度小字體
<font color=00ff00>...</font>字體顏色
<font size=1>...</font>最小字體
<font style =font-size:100 px>...</font>無限增大
<!>區斷標記
<hr>水平線
<hr size=9>水平線(設定大小)
<hr width=80%>水平線(設定寬度)
<hr color=ff0000>水平線(設定顏色)
<br>(換行)
<nobr>...</nobr>水域(不換行)
<p>...</p>水域(段落)
<center>...</center>置中
<!>連結格式
<base href=地址>(預設好連結路徑)
<a href=地址></a>外部連結
<a href=地址 target=_blank></a>外部連結(另開新窗口)
<a href=地址 target=_top></a>外部連結(全窗口連結)
<a href=地址 target=頁框名></a>外部連結(在指定頁框連結)
<!>貼圖/音樂
<img src=圖片地址>貼圖
<img src=圖片地址 width=180>設定圖片寬度
<img src=圖片地址 height=30>設定圖片高度
<img src=圖片地址 alt=提示文字>設定圖片提示文字
<img src=圖片地址 border=1>設定圖片邊框
<bgsound src=MID音樂文件地址>背景音樂設定
<!>表格語法
<table aling=left>...</table>表格位置,置左
<table aling=center>...</table>表格位置,置中
<table background=圖片路徑>...</table>背景圖片的URL=就是路徑網址
<table border=邊框大小>...</table>設定表格邊框大小(使用數字)
<table bgcolor=顏色碼>...</table>設定表格的背景顏色
<table borderclor=顏色碼>...</table>設定表格邊框的顏色
<table borderclordark=顏色碼>...</table>設定表格暗邊框的顏色
<table borderclorlight=顏色碼>...</table>設定表格亮邊框的顏色
<table cellpadding=參數>...</table>指定內容與網格線之間的間距(使用數字)
<table cellspacing=參數>...</table>指定網格線與網格線之間的距離(使用數字)
<table cols=參數>...</table>指定表格的欄數
<table frame=參數>...</table>設定表格外框線的顯示方式
<table width=寬度>...</table>指定表格的寬度大小(使用數字)
<table height=高度>...</table>指定表格的高度大小(使用數字)
<td colspan=參數>...</td>指定儲存格合並欄的欄數(使用數字)
<td rowspan=參數>...</td>指定儲存格合並列的列數(使用數字)
<!>分割窗口
<frameset cols="20%,*">左右分割,將左邊框架分割大小為20%右邊框架的大小瀏覽器會自動調整
<frameset rows="20%,*">上下分割,將上面框架分割大小為20%下面框架的大小瀏覽器會自動調整
<frameset cols="20%,*">分割左右兩個框架
<frameset cols="20%,*,20%">分割左中右三個框架
<分割上下兩個框架
<frameset rows="20%,*,20%">分割上中下三個框架
<! - - ... - -> 批註
<A HREF TARGET> 指定超級鏈接的分割窗口
<A HREF=#錨的名稱> 指定錨名稱的超級鏈接
<A HREF> 指定超級鏈接
<A NAME=錨的名稱> 被連結點的名稱
<ADDRESS>....</ADDRESS> 用來顯示電子郵箱地址
<B> 粗體字
<BASE TARGET> 指定超級鏈接的分割窗口
<BASEFONT SIZE> 更改預設字形大小
<BGSOUND SRC> 加入背景音樂
<BIG> 顯示大字體
<BLINK> 閃爍的文字
<BODY TEXT LINK VLINK> 設定文字顏色
<BODY> 顯示本文
<BR> 換行
<CAPTION ALIGN> 設定表格標題位置
<CAPTION>...</CAPTION> 為表格加上標題
<CENTER> 向中對齊
<CITE>...<CITE> 用於引經據典的文字
<CODE>...</CODE> 用於列出一段程序代碼
<COMMENT>...</COMMENT> 加上批註
<DD> 設定定義列表的項目解說
<DFN>...</DFN> 顯示"定義"文字
<DIR>...</DIR> 列表文字卷標
<DL>...</DL> 設定定義列表的卷標
<DT> 設定定義列表的項目
<EM> 強調之用
<FONT FACE> 任意指定所用的字形
<FONT SIZE> 設定字體大小
<FORM ACTION> 設定戶動式窗體的處理方式
<FORM METHOD> 設定戶動式窗體之資料傳送方式
<FRAME MARGINHEIGHT> 設定窗口的上下邊界
<FRAME MARGINWIDTH> 設定窗口的左右邊界
<FRAME NAME> 為分割窗口命名
<FRAME NORESIZE> 鎖住分割窗口的大小
<FRAME SCROLLING> 設定分割窗口的滾動條
<FRAME SRC> 將HTML文件加入窗口
<FRAMESET COLS> 將窗口分割成左右的子窗口
<FRAMESET ROWS> 將窗口分割成上下的子窗口
<FRAMESET>...</FRAMESET> 劃分分割窗口
<H1>~<H6> 設定文字大小
<HEAD> 標示文件信息
<HR> 加上分網格線
<HTML> 文件的開始與結束
<I> 斜體字
<IMG ALIGN> 調整圖形影像的位置
<IMG ALT> 為你的圖形影像加註
<IMG DYNSRC LOOP> 加入影片
<IMG HEIGHT WIDTH> 插入圖片並預設圖形大小
<IMG HSPACE> 插入圖片並預設圖形的左右邊界
<IMG LOWSRC> 預載圖片功能
<IMG SRC BORDER> 設定圖片邊界
<IMG SRC> 插入圖片
<IMG VSPACE> 插入圖片並預設圖形的上下邊界
<INPUT TYPE NAME value> 在窗體中加入輸入欄位
<ISINDEX> 定義查詢用窗體
<KBD>...</KBD> 表示使用者輸入文字
<LI TYPE>...</LI> 列表的項目 ( 可指定符號 )
<MARQUEE> 跑馬燈效果
<MENU>...</MENU> 條列文字卷標
<META NAME="REFRESH" CONTENT URL> 自動更新文件內容
<MULTIPLE> 可同時選擇多項的列表欄
<NOFRAME> 定義不出現分割窗口的文字
<OL>...</OL> 有序號的列表
<OPTION> 定義窗體中列表欄的項目
<P ALIGN> 設定對齊方向
<P> 分段
<PERSON>...</PERSON> 顯示人名
<PRE> 使用原有排列
<SAMP>...</SAMP> 用於引用字
<SELECT>...</SELECT> 在窗體中定義列表欄
<SMALL> 顯示小字體
<STRIKE> 文字加橫線
<STRONG> 用於加強語氣
<SUB> 下標字
<SUP> 上標字
<TABLE BORDER=n> 調整表格的寬線高度
<TABLE CELLPADDING> 調整數據域位之邊界
<TABLE CELLSPACING> 調整表格線的寬度
<TABLE HEIGHT> 調整表格的高度
<TABLE WIDTH> 調整表格的寬度
<TABLE>...</TABLE> 產生表格的卷標
<TD ALIGN> 調整表格欄位之左右對齊
<TD BGCOLOR> 設定表格欄位之背景顏色
<TD COLSPAN ROWSPAN> 表格欄位的合並
<TD NOWRAP> 設定表格欄位不換行
<TD VALIGN> 調整表格欄位之上下對齊
<TD WIDTH> 調整表格欄位寬度
<TD>...</TD> 定義表格的數據域位
<TEXTAREA NAME ROWS COLS> 窗體中加入多少列的文字輸入欄
<TEXTAREA WRAP> 決定文字輸入欄是自動否換行
<TH>...</TH> 定義表格的標頭欄位
<TITLE> 文件標題
<TR>...</TR> 定義表格美一行
<TT> 打字機字體
<U> 文字加底線
<UL TYPE>...</UL> 無序號的列表 ( 可指定符號 )
<VAR>...</VAR> 用於顯示變數
請採納。

3、我需要一個網頁的設計代碼，HTML網頁設計，設計一個網頁，一個完整的源代碼

<html><head><title>帥哥的個人主頁</title></head><body>我是XXX，男，XX年X月X日出生，XX省XX市人，長得很帥！<br>李嘉誠理財名言：世界上並非每一件事情，都是金錢可以解決的，但是確實有很多事情需要金錢才能解決。　</body></html>

把上面的代碼用記事本存為index.html文件打開就行。
怎麼樣，這個夠簡單了吧。純手工書寫。

如需更好的，可以說明具體要求。

4、網頁的頁面中的封面型和國字型是怎樣的

如圖所示吧：

下面這種就是封面型的網頁頁面設計：

下面這種則是國字型網頁頁面設計：

最簡單的分別方法，封面型看起來就如同一本雜志，而國字型網頁則類似於國這個字一般，四四方方，一個模塊一個模塊的，就是這樣子。

5、網頁製作中，各種字體代碼，越多越好

編者按
現在的站長是越來越多了，如何推廣新網站是許多菜鳥站長們迫切需要了解的,那怎麼做網路推廣呢,有錢的主兒可以拿錢咂廣告，但個人網站怎麼樣推廣，如何宣傳網站……在本專題搜集了一些有關網站推廣和網站宣傳的文章以及google廣告申請教程和google廣告優化的資料，讓我們一起來推廣新網站，用GG廣告賺錢吧！

(一) 導航網站登陸

對於一個流量不大, 知名度不高的網站來說, 導航網站能給你帶來的流量遠遠超過搜索引擎以及其他方法.

(二) 友情連接

友情連接可以給一個網站帶來穩定的客流。另外還有助於網站在GOOGLE等搜索引擎種的排名。

談友情連接最好能連接一些流量比自己高的，有知名度的網站。再次是和自己內容互補的網站。然後再是同類網站，同類網站要保證自己網站的內容質量要有特點，並且可以吸引人，要不然不如不連同類網站。

昨天，我給電子產品價格比較網,多做友情連接，剛開始其站長覺得破壞美工，所以不願意去做。但來，經過我的分析，他就試著做了幾個。僅僅兩天，統計器證明來友情連接帶來的效果。呵呵!

網站不要但求美觀，特別試商業網站，一定要實用第一，技術美觀等次之。忽地想起一個不漂亮，但是一年發展就達到了每天40多萬流量的網站，那就是高春輝的手機之家網站。

另外我許多朋友的網站，雖然不漂亮，而且有的還很難看，但卻實實在在給他們帶來了錢。呵呵，請記住這條網站設計理念，實用第一

(三) 搜索引擎登陸排名

搜索引擎給網站帶來的流量將越來越大，登陸目前有登陸騎兵等許多軟體。不過最有效的還是手工登陸。在我對娑詩名妝特賣網的統計中，通過手工登陸到的網易，yahoo 等搜索引擎都給其帶來不少流量。其他一些門戶網站目前採取了收費登陸，你可以根據自己的情況選擇。不過我個人認為，其投入和回報不太劃算。

中文搜索引擎，目前用的最多的是百度和GOOGLE ，目前此兩個搜索引擎都有收費服務，當然也有免費登陸。 對於收費服務，根據自己的情況選擇。百度是每下點擊0.3元。google每下點擊為0.5元，其他的中國搜索聯盟也有收費排名服務。個人認為價格較高，不太劃算。

如果你不想給他們出錢還想盡量獲得較好的排名的話，那麼你就要根據他們的相關規律，優化一下自己的網站，做一些詳細的策略。如標題設計，標簽設計，內容排版設計等等。

(四) 網路廣告投放

網路廣告投放雖然要花錢，但是給網站帶來的流量卻是很客觀的，不過如何花最少的錢，獲得最好的效果，這就需要許多技巧了。

1. 低成本，高回報。 怎樣才能做到如此效果呢? 個人觀點是對媒體的選擇，如果想獲得知名度，那麼就出錢到那些有知名度的網站投放，如果你只是為了流量，那麼，就把這些媒體網站過濾掉吧，因為他們價格都很貴。 那麼選什麼樣子的網站作為投放媒體呢? 名氣不大，流量大的網站。目前，許多個人站點雖然名氣不是很大，但是流量特別大，在他們上面做廣告，價格一般都不貴。.net在某流量很大的軟體下載網站投放廣告。一個月才300塊，每天就可以給他帶來幾百的客流。比起那些競價排名，實惠多了。

網站之間的資源合作也是互相推廣的一種重要方法，其中最簡單的合作方式為交換鏈接。網站其他合作還有內容共享、資源互換、互為推薦等，盡管形式和操作方法各不相同，但是基本思路是一樣的，即在自己擁有一定營銷資源的情況下通過合作達到共同發展的目的。本節只介紹交換鏈接方法。

在"搜索引擎注冊"有關內容時，講到以Google為代表的第二代搜索引擎將其它網站的鏈接數量也作為決定一個網站排名的一項指標，其實，交換鏈接本身也是一項常用的網站推廣手段，被其它網站鏈接的機會越多，越有利於推廣自己的網站。尤其對於大多數中小網站來說，這種免費的推廣手段是一種常用的、而且是有一定效果的方法。

交換鏈接或稱互惠鏈接、互換鏈接、友情鏈接等，是具有一定互補優勢的網站之間的簡單合作形式，即分別在自己的網站上放置對方網站的LOGO或網站名稱，並設置對方網站的超級鏈接，使得用戶可以從合作網站中發現自己的網站，達到互相推廣的目。

交換鏈接的作用主要表現在幾個方面:獲得訪問量、增加用戶瀏覽時的印象、在搜索引擎排名中增加優勢、通過合作網站的推薦增加訪問者的可信度等。不過關於交換鏈接的效果，業內還有一些不同看法，有人認為網站可以從鏈接中獲得的訪問量非常少，也有人認為交換鏈接不僅可以獲得潛在的品牌價值，還可以獲得很多直接的訪問量。

本書的觀點認為，交換鏈接的意義實際上已經超出了是否可以直接增加訪問量這一范疇，比增加訪問量更重要之處在於業內的認知和認可，因為一般來說，互相鏈接的網站在規模上比較接近，內容上有一定的相關性或互補性，只有經過對方的認可才可能將你的網站列為合作對象。

建立交換鏈接的常見問題

在網站鏈接的問題上，我們經常會看到一些極為不同的結果，有的網站不加區分地羅列著許許多多似乎毫無關聯的網站，從化工建材到個人寫真，以及形形色色的個人主頁;也有不少網站，根本沒有相關網站的鏈接。這兩種情況都有些極端，即使對於比較正常的網站鏈接，也有一些問題需要引起注意。

(1)鏈接數量有沒有標准?

做多少個鏈接才算足夠?這往往是一些網路營銷人員比較關心的問題，不過，這個標准恐怕很難確定，主要與網站所在領域的狀況有關。一個專業性特別強的網站，內容相關或者有互補性的網站可能非常少，那麼有可能做到的交換鏈接的數量自然也比較少。反之，大眾型的網站可以選擇的鏈接對象就要廣泛得多。

一般來說，可以參考一下和自己內容和規模都差不多的網站，看看別人的情況，如果那些網站中你認為有必要做鏈接的網站都已經出現在自己的友情鏈接名單中，而且還有一些別人所沒有的，但又是有價值的合作網站，那麼就應該認為是工作很有成效了。不過，新的網站在不斷出現，交換鏈接的工作也就沒有結束的時候，你的合作者名單也會越來越長，這是好的現象。總之，沒有絕對的數量標准，合作者的質量(訪問量、相關度等)也是評價互換鏈接的重要參數。

(2)不同網站LOGO的風格及下載速度

交換鏈接有圖片和文字鏈接兩種主要方式，如果採用圖片鏈接(通常為網站的LOGO)，由於各網站的標志千差萬別，即使規格可以統一(多為88×31像素)，但是圖片的格式、色彩等與自己網站風格很難協調，影響網站的整體視覺效果。例如，有些圖標是動畫格式，有些是靜態圖片，有些畫面跳動速度很快。將大量的圖片放置在一起，往往給人眼花繚亂的感覺，而且並不是每個網站的LOGO都可以讓訪問者明白它所要表達的意思，不僅不能為被鏈接方帶來預期的訪問量，對自己的網站也產生了不良影響。

另外，首頁放置過多的圖片會影響下載速度，尤其這些圖片分別來自於不同的網站伺服器時。因此，建議不要在網站首頁放過多的圖片鏈接，具體多少適中，和網站的布局有關，5幅以下應該不算太多，但無論什麼情形，10幅以上不同風格的圖片擺在一起，一定會讓瀏覽者的眼睛感覺不舒服。

(3)回訪友情鏈接夥伴的網站

同搜索引擎注冊一樣，交換鏈接一旦完成，也具有一定的相對穩定性，不過，還是需要做不定期檢查，也就是回訪友情鏈接夥伴的網站，看對方的網站是否正常運行，自己的網站是否被取消或出現錯誤鏈接，或者，因為對方網頁改版、URL指向轉移等原因，是否會將自己的網址鏈接錯誤。因為由於交換鏈接通常出現在網站的首頁上，錯誤的或者無效的鏈接對自己網站的質量有較大的負面影響。

如果發現對方遺漏鏈接或其它情況，應該及時與對方聯系，如果某些網站因為關閉等原因無法打開，在一段時間內仍然不能恢復的時候，應考慮暫時取消那些失效的鏈接。不過，可以備份相關資料，也許對方的問題解決後會和你聯系，要求恢復友情鏈接。

同樣的道理，為了合作夥伴的利益著想，當自己的網站有什麼重大改變，或者認為不再合適作為交換鏈接時，也應該及時通知對方。

(4)不要鏈接無關的網站

也許你會收到一些不相乾的網站要求交換鏈接的信件，不要以為鏈接的網站數量越多越好，無關的鏈接對自己的網站沒有什麼正面效果，相反，大量無關的或者低水平網站的鏈接，將降低那些高質量網站對你的信任，同時，訪問者也會將你的網站視為素質低下或者不夠專業，嚴重影響網站的聲譽。

(5)無效的鏈接

誰也不喜歡自己的網站存在很多無效的鏈接，但是，實際上很多網站都不同程度地存在這種問題。即使網站內部鏈接都沒有問題，但很難保證鏈接到外部的也同樣沒有問題，因為鏈接網站也許經過改版、關閉等原因，原來的路徑已經不再有效，而對於訪問者來說，所有的問題都是網站的問題，他們並不去分析是否對方的網站已經關閉或者發生了其它問題。因此，每隔一定周期對網站鏈接進行系統性的檢查是很必要的。

此外，新網站每天都在不斷誕生，交換鏈接的任務也就沒有終了的時候，當然，在很多情況下，都是新網站主動提出合作的請求，對這些網站進行嚴格的考察，從中選擇適合自己的網站，將合作夥伴的隊伍不斷壯大和豐富，對絕大多數網站來說，都是一筆巨大的財富。

這年頭誰最「喜新厭舊」，答案就是「網民」!難道不是嗎?網站經營者們絞盡腦汁地設計精美而又具有親和力的頁面、策劃有趣而又能博採眾長的頻道、開發奇妙而又好用易用的功能同，一切都是為了喜新厭舊的網民。因為，稍不留意，網民們輕點滑鼠， 一下子就跑到了十萬八千里，十天半個月也不到你的網站上看上一眼。你說，多苦惱!先別愁，我這里有十碟小菜，備好了，讓網民嘗嘗。雖然不是大餐，口味清淡了一些，但是，你可千萬別小瞧，用好了，可以幫你招攬回頭客。

信息完整的首頁

千萬不要忽視這一點，我一定要提醒你注意。在你的主頁的首要位置，你必須告訴瀏覽者:你是誰，例如設置「關於我們」，你的網站是干什麼的。許多網站沒有注意到這一點，以至於許多瀏覽者來到網站後，由於搞不清楚這里究竟是干什麼的而輕易離開。 苗條的圖片

由於圖片下載需要時間，請務必把圖片進行壓縮減肥。除非你的網站全是漂亮的美眉寫真，否則沒人會為了看張圖片而等待兩分鍾的寶貴上網時間。如果你確實需要放置大量的圖片的話，送你兩個字:壓縮!

普通的字體

互聯網上，文字傳播了大量的信息。認真處理網頁上文字內容與表現方式，是顯現網頁製作水準的第一步。使用的字體要干凈、易於辨認，稀奇古怪或龍飛鳳舞的字體如果長篇納入，反而不利讀者閱讀。如果你想用「方正行楷」字體來增強網站的表現力的話，我勸你還是不要這樣。因為如果你的網頁使用的不是多數網民的計算機上都安裝的通用字體，比如宋體、楷體、黑體等，在網民的瀏覽器上的字體就不會按照你設計的字體顯示。所以，最好使用通用標准字體。如果你一定要用藝術字的話，你只有把他們做成圖，這樣用戶機器上的字體才會與你設計的一致。另外，使用的字體大小要適中，字體太小，閱讀吃力;字體太大，字距太長，打破了一個字原有的整體感，也不利閱讀。 適當的解析度 這是網頁製作中關鍵的一環。網頁到底應該做成多大尺寸呢?目前大部分網民的解析度是800×600，但是也有少數人使用640×480的顯示器和1024×768的顯示器。所以，你應該在不同的尺寸下測試你的頁面。如果你不介意少數人要拉動滾動條才能瀏覽網頁全貌的話，你完全可以做成800 X600的尺寸，這樣使用1024以上顯示器的人也適用。如果你的網站的頁面數量很少，建議你辛苦一下，設計出不同解析度的網頁。

長短適中的網頁長度

目前，製作網頁使用最多的解析度方式為800×600，所以以2～3個窗口屏幕頁為佳。網頁過長，就延長了瀏覽器下載網頁的時間，也就增加了被瀏覽者放棄的機會。如果一個文件過長，就應該分割為若干個較短的網頁，在每個網頁中表明網頁的導航，例如"第一頁"、"第二頁"等。

簡明的導航條

導航條要做到簡單明了，並保持各頁導航條之間的一致性。你可以隨意把導航條放在頁面的上端或者底部。但是無論你怎樣做，一定不要忘了在每個頁面的底部加上一個純文本形式的導航條。無論你怎樣喜歡Flash，盡量不要使用Flash形式的導航條。因為許多讀者沒有Flash插件，這樣他們就不能瀏覽你的網站(偏偏又那麼一群網民，就是不願意下載文件，哪怕是很小的，他們都懶得理)。其實，最關鍵的是那些網站搜索引擎的蜘蛛們，還不認識Flash格式的導航條。所以，如果你的導航條使用的是Flash的話，搜索引擎就不能把你網站上的每一頁都搜索到，你就不容易被別人找到。

交互的欄目

在互聯網世界中，「交互」就意味著吸引。如果網站沒有互動的內容，那麼你趕快設計一個吧!例如聊天室、BBS、留言版。這些內容有助於將你的網民聯成一個社區，從而增強網站對他們的吸引力。

清楚的聯系方法

我在網上瀏覽的時候，經常會為了找到與的網站聯系方法而不得不把網站翻個底朝天，把自己累得筋疲力盡。所以，建議你把聯系方式放在每一頁的下端。還有一點就是，不要讓願意與你聯系的用戶填寫繁雜的表格。只要點擊你的e-mail地址就OK，這樣最好。如果你願意，最好也把你的聯系電話寫在上面，因為有的網民性子急，等不得上網收你的mail，就是想找你好好聊聊，你可以千萬要滿足他們的願望。

設立郵件列表

這是建立一個網站重要的條件之一，一定要切記。即使你不需要每天都向用戶發送新聞，你也可以充分利用郵件列表的功能向用戶傳送各種信息。例如:新產品的推出、網站重大更新等等。使用郵件列表可以拉近網站與用戶之間的距離。只要他注冊為用戶，一切盡在掌握。但是，也要把握好度，以免被別人視為垃圾郵件。

瀏覽器的兼容

這可能是最經典的老問題了。同一個頁面在IE中可能是完美絕倫，可換到Netscape中卻可能面目全非。因此，請一定注意，在不同的瀏覽器中(Netscape 和Internet Explorer)測試你的頁面。盡管現在IE擁有80%以上的使用者，我們還是應該考慮到20%那部分用戶的需求。因為只要IE和Netscape同時存在，這個問題就一定存在。

6、求最新網頁設計代碼大全！！！

http://tool.136z.com/AdCode/

7、什麼是網頁設計源代碼

1、源碼是使用html編寫的,通過IE把它翻譯為網頁,它是所有網頁的核心,但是html 並不是計算機語言,只是網頁的另一種描述.源代碼是一種語言，組織排版網頁上的元素（圖片，視頻，音樂，文字等）的一種標准語言。
2、如果您要製作網頁，您可以選用如Frontpage或Dreamwaver等工具，這些工具都是所見即所得性質的，就是說您在工具界而上製作的，就能直接在瀏覽中原樣顯示出來。但，這些工具同時還提供了源代碼視圖，也就是說，如果一些功能沒有辦法直接通過工具來實現，那你要編輯源代碼了。
3、當然，您也可以直接用記事本來編輯網頁，直接輸入代碼，然後另存為.htm或.asp或其他為後綴名的文件。您保存下來的這些文件就是網頁了，而您在記事本里編輯的那些，就是源代碼。

8、網頁源代碼，網頁設計

使用網頁設計模板和網頁特效代碼，一般這種模版都會給一定提示，例如在什麼位置去插入，然後告訴通過一個什麼函數來調用，然後只需要在DW中打開模版，根據自己需要的地方，更改文字，或者是圖片就可以了。

與國字型網頁設計源代碼相關的知識