免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
資訊科技 ND076DR-2論壇現已開授網上製作網頁班及Photoshop教學班以及攝影教學班及EXCEL教學班...請各同學留意及支持! 感謝各同學一值支持資訊科技 ND076DR-2論壇!!!
123
返回列表 發帖

Rank: 7Rank: 7Rank: 7

簽到天數: 1624 天

連續簽到: 1 天

[LV.Master]伴壇終老

UID
9 
帖子
2330 
主題
516 
精華
10 
積分
36103 
威望
36103  
金錢
2357  
閱讀權限
100 
性別
男 
在線時間
1649 小時 
註冊時間
2012-12-17 
最後登錄
2024-4-16 

木 金幣≥10000，即可點亮“金”屬性的勛章！ 智力≥2500，即可點亮“水”屬性勛章！ 能量≥888，即可點亮“火”屬性的勛章！ 土 總積分≥50000，即可點亮“神”屬性的圖標！

發短消息發短消息 發短消息加為好友

射手座ss射手座
31# 跳轉到 »
麥多芬發表於 2013-1-16 12:06 | 只看該作者
HTML 教學
基礎入門
什麼是HTML
段落
標題
字形字體
文字效果
本文效果
項目清單
無序號清單
有序號清單
定義目錄選單
超連結
加上連結
通訊協定
路徑設定
內部連結
其他設定
圖片
加上圖片
屬性設定
連結設定
視訊影像
表格
基本表格
屬性設定
再談屬性
三談屬性
頁框設計
基本頁框
頁框屬性
連結設定
巢狀頁框
表單設計
基本表單
選項鈕
核取方塊
下拉選單
文字區域


文字區域

 　

　　如果我們要建立一個一列以上的文字輸入欄，我們可以利用標籤<TEXTAREA>來完成。基本語法如下：

<TEXTAREA NAME="xxx" ROWS=n2 COLS=n3>...</TEXTAREA>

　　範例如下：

<FORM>
請輸入你的意見：<BR>
<TEXTAREA NAME="COMMENT" ROWS=5 COLS=30>
我的意見為：
</TEXTAREA><>
<INPUT TYPE="submit" NAME="Submit_Bottom" VALUE="送出">
<INPUT TYPE="reset" NAME="Reset_Bottom" VALUE="重設">
</FORM>

　　顯示結果如下：

請輸入你的意見：

　　標籤<TEXTAREA>中，ROWS代表要顯示的列數，而COLS則代表要顯示出的行數（字元數），在<TEXTAREA>....</TEXTAREA>區段中出現的中文字『我的意見為：』則是預先顯示的文字。


　　在表單的第一個單元中，我們有介紹過按鈕有兩個通用的屬性：

<INPUT TYPE="Submit".......>
<INPUT TYPE="Reset"..........>

　　這兩種表示法分別建立一個傳送資料，及重新設定資料的按鈕，表單已經為這兩種形式的按鈕建立的處理的程式，一般是不需要我們去操心的。還有另一種形式的按鈕，我們可以自行去建立所需要的內容，範例如下：

<FORM>
<INPUT TYPE="button" NAME="common" VALUE="自定按鈕">
</FORM>

　　顯示結果：

　　目前這個按鈕並沒有什麼做用，但你可以配合JavaScript或是VBScript來給予它新的生命，我們再重新改寫這個按鈕：

<FORM>
<INPUT TYPE="button" NAME="common" VALUE="自定按鈕" onClick='alert("歡迎光臨")'>
</FORM>

　　顯示結果：

　　目前不用去理會onClick是怎麼回事，知道有這種功能就行了，如果將來有興趣，你可以去翻閱JavaScript或是VBScript的書籍，裏面都會有很詳盡的介紹的。

TOP

Rank: 7Rank: 7Rank: 7

簽到天數: 1624 天

連續簽到: 1 天

[LV.Master]伴壇終老

UID
9 
帖子
2330 
主題
516 
精華
10 
積分
36103 
威望
36103  
金錢
2357  
閱讀權限
100 
性別
男 
在線時間
1649 小時 
註冊時間
2012-12-17 
最後登錄
2024-4-16 

木 金幣≥10000，即可點亮“金”屬性的勛章！ 智力≥2500，即可點亮“水”屬性勛章！ 能量≥888，即可點亮“火”屬性的勛章！ 土 總積分≥50000，即可點亮“神”屬性的圖標！

發短消息發短消息 發短消息加為好友

射手座ss射手座
32#
麥多芬發表於 2013-1-16 12:07 | 只看該作者
HTML 教學
基礎入門
什麼是HTML
段落
標題
字形字體
文字效果
本文效果
項目清單
無序號清單
有序號清單
定義目錄選單
超連結
加上連結
通訊協定
路徑設定
內部連結
其他設定
圖片
加上圖片
屬性設定
連結設定
視訊影像
表格
基本表格
屬性設定
再談屬性
三談屬性
頁框設計
基本頁框
頁框屬性
連結設定
巢狀頁框
表單設計
基本表單
選項鈕
核取方塊
下拉選單
文字區域
特殊效果
跑馬燈


跑馬燈

 　


　　跑馬燈是一種動態的文字效果，可使文字隨時間依一定的規則變化移動。利用<MARQUEE>標籤，並加上一些文字就可以了。範例如下：

<MARQUEE DIRECTION=LEFT >
這段文字跑馬燈，反覆不停地由右至左捲動
</MARQUEE><>

看到底下的捲動文字了嗎?

 這段文字跑馬燈，反覆不停地由右至左捲動


　　標記<MARQUEE>的BEHAVIOR屬性可以控制跑馬燈的捲動效果。SCROLL的效果使文字由最右方一個接一個字的出現，然後再逐一消失，它是預定的顯示方式。SLIDE效果使文字捲進來後碰到邊界後，就停下來，不再移動了。ALTERNATE效果使文字在限定的範圍內左右二邊交替移動。LOOP則可控制跑馬燈捲動的次數。範例如下：

<MARQUEE BEHAVIOR=SCROLL LOOP=3>
我只重覆3次喔!</MARQUEE><>
<MARQUEE BEHAVIOR=SLIDE>我是滑動的方式，你只能看一次喔!</MARQUEE><>
<MARQUEE BEHAVIOR=ALTERNATE>我會"倒彈"</MARQUEE><>

顯示結果：

我只重覆3次喔!

我是滑動的方式，你只能看一次喔!

我會"倒彈"

　　標記<MARQUEE>的DIRECTION屬性可以控制跑馬燈的捲動方向。LEFT代表向左捲動，RIGHT代表向右捲動。BGCOLOR屬性可以改變跑馬燈的背景顏色。文字的顏色呢?那當然是以<FONT COLOR=#rrbbgg>來設定了。範例如下：

<MARQUEE DIRECTION=LEFT>我往左跑</MARQUEE><>
<MARQUEE DIRECTION=RIGHT>我往右跑</MARQUEE><>
<MARQUEE BGCOLOR=YELLOW>我有黃色的背景</MARQUEE><>
<FONT COLOR=#ffff00><MARQUEE BGCOLOR=#0000ff>我有藍色的背景，黃色的字</MARQUEE><></FONT>

顯示結果如下：

我往左跑

我往右跑

我有黃色的背景

我有藍色的背景，黃色的字

 

　　標記<MARQUEE>的WIDTH屬性可以改變跑馬燈的寬度，而HEIGHT則可以改變高度。利用ALIGN這個屬性，我們可以控制跑馬燈文字靠上對齊(TOP)，靠中對齊(MIDDLE)，或靠下(BOTTOM)。SCROLLAMOUNT代表跑馬燈中文字每次移動的距離(單位是像素)，而SCROLLDELAY則代每次移動間相隔的時間(單位是千分之一秒)。範例如下：

<MARQUEE ALIGN=TOP BGCOLOR=#FFFF00 HEIGHT=40 WIDTH=50%>這是一段背景為黃色而且在上方的文字跑馬燈</MARQUEE><>
<MARQUEE SCROLLAMOUNT=100>我跳得很遠喔!</MARQUEE><>
<MARQUEE SCROLLDELAY=500>慢慢來，不用急!</MARQUEE><P>

顯示結果如下：

這是一段背景為黃色而且在上方的文字跑馬燈

我跳得很遠喔!

慢慢來，不用急!          

TOP

Rank: 7Rank: 7Rank: 7

簽到天數: 1624 天

連續簽到: 1 天

[LV.Master]伴壇終老

UID
9 
帖子
2330 
主題
516 
精華
10 
積分
36103 
威望
36103  
金錢
2357  
閱讀權限
100 
性別
男 
在線時間
1649 小時 
註冊時間
2012-12-17 
最後登錄
2024-4-16 

木 金幣≥10000，即可點亮“金”屬性的勛章！ 智力≥2500，即可點亮“水”屬性勛章！ 能量≥888，即可點亮“火”屬性的勛章！ 土 總積分≥50000，即可點亮“神”屬性的圖標！

發短消息發短消息 發短消息加為好友

射手座ss射手座
33#
麥多芬發表於 2013-1-16 12:07 | 只看該作者
HTML 教學
基礎入門
什麼是HTML
段落
標題
字形字體
文字效果
本文效果
項目清單
無序號清單
有序號清單
定義目錄選單
超連結
加上連結
通訊協定
路徑設定
內部連結
其他設定
圖片
加上圖片
屬性設定
連結設定
視訊影像
表格
基本表格
屬性設定
再談屬性
三談屬性
頁框設計
基本頁框
頁框屬性
連結設定
巢狀頁框
表單設計
基本表單
選項鈕
核取方塊
下拉選單
文字區域
特殊效果
跑馬燈
特殊字元


特殊字元

　
　
■ 一些特殊字元
　　在HTML 標記中，你必須使用一些符號才能在網頁上顯示出特殊的字元。
HTML 原始碼 顯示結果 描述
&lt; < 小於號或顯示標記
&gt; > 大於號或顯示標記
&amp; & 可用於顯示其它特殊字元
&quot; " 引號
&reg; ® 己注冊
&copy; © 版權
&trade; ™ 商標
&ensp;   半方大的空白
&emsp;   全方大的空白
&nbsp;   不斷行的空白
　
■ ISO Latin-1 特殊字元 ：
HTML 原始碼 顯示結果 HTML 原始碼 顯示結果
&AElig; Æ &Aacute; Á
&Acirc; Â &Agrave; À
&Aring; Å &Atilde; Ã
&Auml; Ä &Ccedil; Ç
&ETH; Ð &Eacute; É
&Ecirc; Ê &Egrave; È
&Euml; Ë &Iacute; Í
&Icirc; Î &Igrave; Ì
&Iuml; Ï &Ntilde; Ñ
&Oacute; Ó &Ocirc; Ô
&Ograve; Ò &Oslash; Ø
&Otilde; Õ &Ouml; Ö
&THORN; Þ &Uacute; Ú
&Ucirc; Û &Ugrave; Ù
&Uuml; Ü &Yacute; Ý
&aelig; æ &aacute; á
&acirc; â &agrave; à
&aring; å &atilde; ã
&auml; ä &ccedil; ç
&eth; ð &eacute; é
&ecirc; ê &egrave; è
&euml; ë &iacute; í
&icirc; î &igrave; ì
&iuml; ï &ntilde; ñ
&oacute; ó &ocirc; ô
&ograve; ò &oslash; ø
&otilde; õ &ouml; ö
&szlig; ß &thorn; þ
&uacute; ú &ucirc; û
&ugrave; ù &uuml; ü
&yacute; ý &yuml; ÿ

TOP

Rank: 7Rank: 7Rank: 7

簽到天數: 1624 天

連續簽到: 1 天

[LV.Master]伴壇終老

UID
9 
帖子
2330 
主題
516 
精華
10 
積分
36103 
威望
36103  
金錢
2357  
閱讀權限
100 
性別
男 
在線時間
1649 小時 
註冊時間
2012-12-17 
最後登錄
2024-4-16 

木 金幣≥10000，即可點亮“金”屬性的勛章！ 智力≥2500，即可點亮“水”屬性勛章！ 能量≥888，即可點亮“火”屬性的勛章！ 土 總積分≥50000，即可點亮“神”屬性的圖標！

發短消息發短消息 發短消息加為好友

射手座ss射手座
34#
麥多芬發表於 2013-1-16 12:08 | 只看該作者

HTML 教學
基礎入門
什麼是HTML
段落
標題
字形字體
文字效果
本文效果
項目清單
無序號清單
有序號清單
定義目錄選單
超連結
加上連結
通訊協定
路徑設定
內部連結
其他設定
圖片
加上圖片
屬性設定
連結設定
視訊影像
表格
基本表格
屬性設定
再談屬性
三談屬性
頁框設計
基本頁框
頁框屬性
連結設定
巢狀頁框
表單設計
基本表單
選項鈕
核取方塊
下拉選單
文字區域
特殊效果
跑馬燈
特殊字元
浮動頁框


IFRAME

 　

　　<Frame>這個標籤是無法和<BODY>標籤共用的，針對此一缺點，IE提出了Inline Frame的概念。IE可以讓您在<BODY>標籤中加入分割視窗(Frame)，此時的分割視窗就好像<IMG>標籤所加入的圖片一般，所以稱為Inline Frame。

　

　　看到上面的效果了嗎？您可以利用捲動軸看一下，是真的喔！現在讓我們看一下原始碼吧！
　

<IFRAME SRC="http://www.hinet.net">
請使用 Internet Explorer 否則您看不到 inline frame 的效果
</IFRAME>

　　您可以在<IFRAME>標籤加上SRC這個屬性，屬性後接上要顯示網頁名稱或是網址，如：SRC="http://www.hinet.net"。<IFRAME>...</IFRAME>組中加上的說明文字可以讓不支援此標籤組的瀏覽器也能看到相關的說明文字。


屬性 說明 範例 原始碼
ALIGN 嵌入視窗與文字的對齊方式，有Left, Right, Top, Middle, Bottom 範例 <IFRAME SRC="http://www.hinet.net" ALIGN=right>
請使用 Internet Explorer 否則您看不到 inline frame 的效果
</IFRAME>
FRAMEBORDER 設定嵌入視窗是否顯示邊框，預設值為１；設定為０則不顯示邊框 範例 <IFRAME SRC="http://www.hinet.net" frameborder=0>
請使用 Internet Explorer 否則您看不到 inline frame 的效果
</IFRAME>
HEIGHT 設定嵌入視窗的高度 範例 <IFRAME SRC="http://www.hinet.net" height=300 width=400>
請使用 Internet Explorer 否則您看不到 inline frame 的效果
</IFRAME>
WIDTH 設定嵌入視窗的寬度
MARGINHEIGHT 設定嵌入視窗顯示內容與上下邊界的距離 範例 <IFRAME SRC="http://www.hinet.net" marginheight=30 marginweight=30>
請使用 Internet Explorer 否則您看不到 inline frame 的效果
</IFRAME>
MARGINWIDTH 設定嵌入視窗顯示內容與左右邊界的距離
SCROLLING 設定嵌入視窗是否顯示捲軸，有YES, NO, AUTU(預設值)三種 範例 <IFRAME SRC="http://www.hinet.net" scrolling=no>
請使用 Internet Explorer 否則您看不到 inline frame 的效果
</IFRAME>
NAME 設定嵌入視窗的名稱，加上超連結功能時可以和 TARGET 配合使用，範例如下：

中華電信　奇摩站　蕃著藤

原始碼如下：

<a href="http://www.hinet.net" target="test">中華電信</a>　<a href="http://www.kimo.com.tw" target="test">奇摩站</a>　<a href="http://www.yam.com.tw" target="test">蕃著藤</a>

<IFRAME SRC="http://www.hinet.net" name="test">

請使用 Internet Explorer 否則您看不到 inline frame 的效果

</IFRAME>

TOP

Rank: 7Rank: 7Rank: 7

簽到天數: 1624 天

連續簽到: 1 天

[LV.Master]伴壇終老

UID
9 
帖子
2330 
主題
516 
精華
10 
積分
36103 
威望
36103  
金錢
2357  
閱讀權限
100 
性別
男 
在線時間
1649 小時 
註冊時間
2012-12-17 
最後登錄
2024-4-16 

木 金幣≥10000，即可點亮“金”屬性的勛章！ 智力≥2500，即可點亮“水”屬性勛章！ 能量≥888，即可點亮“火”屬性的勛章！ 土 總積分≥50000，即可點亮“神”屬性的圖標！

發短消息發短消息 發短消息加為好友

射手座ss射手座
35#
麥多芬發表於 2013-1-16 12:10 | 只看該作者
HTML 教學
基礎入門
什麼是HTML
段落
標題
字形字體
文字效果
本文效果
項目清單
無序號清單
有序號清單
定義目錄選單
超連結
加上連結
通訊協定
路徑設定
內部連結
其他設定
圖片
加上圖片
屬性設定
連結設定
視訊影像
表格
基本表格
屬性設定
再談屬性
三談屬性
頁框設計
基本頁框
頁框屬性
連結設定
巢狀頁框
表單設計
基本表單
選項鈕
核取方塊
下拉選單
文字區域
特殊效果
跑馬燈
特殊字元
浮動頁框
換頁效果


換頁效果

 　

　　你可以使用一些JavaScript或是Java的程式來產生網頁切換的動態效果。但你也可以利用簡單的HTML語法來完成它，也就是利用<meta>這個標籤。

　　先看一個簡單的隨機切換效果，底下是原始檔：

<html>
<head>
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=23)">
<title>換頁效果</title>
</head>

<body>
隨機切換
</body>

</html>

　　其中"Page-Enter"指明我們利用<meta>這個標籤所產生的是切入網頁並產生切換效果；Duration是切換持續的時間，而Transition是切換效果的代號。

　　以下是一些切換效果的代號表：

代號 效果 代號 效果
0 方形向中央收縮 12 溶解效果
1 方形向四方散開 13 垂直關門效果
2 圓形向中央收縮 14 垂直開門效果
3 圓形向四方散開 15 淡入效果
4 向上方擦去 16 淡出效果
5 向下方擦去 17 往左下擦去
6 向右邊擦去 18 往左上擦去
7 向左邊擦去 19 往右下擦去
8 垂直百葉窗 20 往右上擦去
9 文平百葉窗 21 水平隨機切換
10 水平方格右滑 22 垂直隨機切換
11 垂直方格下落 23 隨機切換

TOP

Rank: 7Rank: 7Rank: 7

簽到天數: 1624 天

連續簽到: 1 天

[LV.Master]伴壇終老

UID
9 
帖子
2330 
主題
516 
精華
10 
積分
36103 
威望
36103  
金錢
2357  
閱讀權限
100 
性別
男 
在線時間
1649 小時 
註冊時間
2012-12-17 
最後登錄
2024-4-16 

木 金幣≥10000，即可點亮“金”屬性的勛章！ 智力≥2500，即可點亮“水”屬性勛章！ 能量≥888，即可點亮“火”屬性的勛章！ 土 總積分≥50000，即可點亮“神”屬性的圖標！

發短消息發短消息 發短消息加為好友

射手座ss射手座
36#
麥多芬發表於 2013-1-16 12:10 | 只看該作者
HTML 教學
基礎入門
什麼是HTML
段落
標題
字形字體
文字效果
本文效果
項目清單
無序號清單
有序號清單
定義目錄選單
超連結
加上連結
通訊協定
路徑設定
內部連結
其他設定
圖片
加上圖片
屬性設定
連結設定
視訊影像
表格
基本表格
屬性設定
再談屬性
三談屬性
頁框設計
基本頁框
頁框屬性
連結設定
巢狀頁框
表單設計
基本表單
選項鈕
核取方塊
下拉選單
文字區域
特殊效果
跑馬燈
特殊字元
浮動頁框
換頁效果
搜尋器


搜尋引擎的製作

 　

　　一般而言，各大搜尋引擎大都是利用表單製作介面，因此，我們只要在我們的網頁上設定相同的表單，將表單內容傳送到別的網站上的cgi主機上，大致上，我們都能得到正確的搜尋結果。

以奇摩站為例，底下是原始檔：

<table border="0" cellpadding="0"> 
<tr> 
<td align="middle" vAlign="top"> 
 <form action="http://search.kimo.com.tw/cgi-bin/srchfz.pl" method="get"> 
<font color="#008000"><input name="query" size="28">
<input align="bottom" border="0" 
   src="http://www.kimo.com.tw/pic/button-change.gif" type="image" value="開始查詢" ></font>
</form> 
</td> 
</tr> 
</table>

　　白色字是主要的程式碼，action標籤後面接的是搜尋引擎的網址，整個表單是利用get的方式傳送資料。
　　文字方塊的名稱query，這相當重要，必須和奇摩站中，搜尋引擎的名稱相同才行。至於圖片的來源照上面的網址寫就行了。

以蕃薯藤為例：

<FORM action=http://www.yam.com.tw/b5/search method=get>
<TABLE background=searchbg.gif border=0 cellPadding=4 cellSpacing=0 height=60 width=300>
<TBODY>
<TR>
<TD>
<A href="http://www.yam.com.tw/"><IMG align=absMiddle border=0 height=20 src="spacer.gif" width=135></A> 
<INPUT CHECKED name=d type=radio value=/> <IMG src="s_website.gif"> 
<INPUT name=d type=radio value=@25> <IMG src="s_fulltext.gif"><BR>
<CENTER>
<INPUT name=k size=18> 
<INPUT align=absBottom border=0 height=25 src="s_go.gif" type=image width=25> 
</CENTER>
</TD></TR></TBODY></TABLE>
</FORM>

　　蕃薯藤搜尋引擎的圖形是由六個小圖形所組成的，所以你要出現上面一般的圖形就必需將六個小圖形複製到你的目錄中才行。底下我們看一下簡化版的蕃薯藤搜尋引擎做法。

<FORM action=http://www.yam.com.tw/b5/search method=get>
<INPUT name=k size=18> 
<INPUT type=submit value="蕃薯藤搜尋">
</FORM>

　這個範例還是利用表單來傳送資料，action標籤後面接的是搜尋引擎的網址，整個表單是利用get的方式傳送資料。
　　文字方塊的名稱k，這相當重要，必須和蕃薯藤站中，搜尋引擎的名稱相同才行。這次我們利用submit這個按來提送資料。

　以NOVA為例：

如果你希望一次就能出現多個搜尋引擎供使用者選擇，那麼借助NOVA的幫助是一個不錯的決定，底下是原始碼：

<form action="http://www.nova.net.tw/cgi-bin/novasearch.pl"
method="POST" target="resource window">
<div align="center"><center><table border="1" cellspacing="1"
width="450">
<tr>
<td bgcolor="#0282FF"><a name="SH"><font
color="#FFFFFF" size="3">NOVA 搜 尋 器 V3.14</font></a></td>
</tr>
<tr>
<td bgcolor="#C8C8C8"><font color="#000000" size="3">搜
尋 引 擎：</font><font color="#000000"><select
name="service" size="1">
<option value="nova">中文： NOVA 站內資料速查 </option>
<option selected value="kimo">中文： KIMO 奇摩站搜尋 </option>
<option value="gais">中文： GAIS 網路資源搜尋 </option>
<option value="whatsite">中文： 哇塞中文搜尋 </option>
<option value="csie">中文：台灣蕃薯藤 yam </option>
<option value="hinet">中文：中華電信 HiNet </option>
<option value="seed">中文：資策會 SEEDNet 台灣商業網 </option>
<option value="phecda">中文：怪獸搜尋 </option>
<option value="yahoo">英文：YAHOO </option>
<option value="excite">英文：Excite </option>
<option value="altavista-e">英文：AltaVista </option>
<option value="infoseek">英文：infoseek </option>
<option value="lycos">英文：Lycos </option>
<option value="jyahoo">日文：YAHOO </option>
<option value="ftps-tw">檔案-台灣： FTP Search 檔案搜尋 </option>
<option value="gaisftp">檔案-台灣： GAIS 檔案搜尋 </option>
<option value="astalavista">破解-綜合：AltaVista </option>
</select> </font></td>
</tr>
<tr>
<td bgcolor="#C8C8C8"><font color="#000000" size="3">搜
尋 字 串：</font><input type="text" size="20"
maxlength="35" name="query"> <input type="submit"
value="開始"> <input type="reset" value="清除"></td>
</tr>
</table>
</center></div>
</form> 
NOVA 搜 尋 器 V3.14
搜 尋 引 擎：
搜 尋 字 串：

TOP

Rank: 7Rank: 7Rank: 7

簽到天數: 1624 天

連續簽到: 1 天

[LV.Master]伴壇終老

UID
9 
帖子
2330 
主題
516 
精華
10 
積分
36103 
威望
36103  
金錢
2357  
閱讀權限
100 
性別
男 
在線時間
1649 小時 
註冊時間
2012-12-17 
最後登錄
2024-4-16 

木 金幣≥10000，即可點亮“金”屬性的勛章！ 智力≥2500，即可點亮“水”屬性勛章！ 能量≥888，即可點亮“火”屬性的勛章！ 土 總積分≥50000，即可點亮“神”屬性的圖標！

發短消息發短消息 發短消息加為好友

射手座ss射手座
37#
麥多芬發表於 2013-1-16 12:11 | 只看該作者
HTML 教學
基礎入門
什麼是HTML
段落
標題
字形字體
文字效果
本文效果
項目清單
無序號清單
有序號清單
定義目錄選單
超連結
加上連結
通訊協定
路徑設定
內部連結
其他設定
圖片
加上圖片
屬性設定
連結設定
視訊影像
表格
基本表格
屬性設定
再談屬性
三談屬性
頁框設計
基本頁框
頁框屬性
連結設定
巢狀頁框
表單設計
基本表單
選項鈕
核取方塊
下拉選單
文字區域
特殊效果
跑馬燈
特殊字元
浮動頁框
換頁效果
搜尋器
網頁宣傳


網頁宣傳

 　


　　在您完成了一個網站之後，除非您是要自已欣賞，大概您會希望有多一點人來觀賞您的網站。如果您忘了為它作宣傳，因該是不會有人知道你網站的存在。網站宣傳又是另 一個新的挑戰，不要以為漂亮、實用的網頁一定訪客最多，事實上有很多熱門的網站都其貌不揚，只是他們善於宣傳罷了。 


　　宣傳網站的方法很多，例如：ICQ 連鎖訊息，朋友連結，發表於新聞組，登錄留言板等等。這些都很容易，但因不關HTML的語法，所以在這裏省略了。這裏所介紹會是一些較難掌握的方法。當然是免費的，但盡可能所有方法都嘗試。 

　　登錄搜找引擎是您免費宣傳網站的最好方法。在網路上的搜尋引擎，按登錄方式分為兩類：
第一類需要你於登錄時填入詳細的資料；
第二類則只需填入電子郵件位址及網址，或只需要網址。 

　　第一類雖然填入的資料頗多但較易掌握，只要正確填寫便可以，那些搜尋引擎會記錄你所填入的資料，當被瀏覽者成功搜索時所顯示的也是那些資料，所以畫面十分整齊。 

作法： 

　　通常會先把中英文的關鍵字（Keyword）及描述（Description）先以文字檔儲存， 方便逐一登錄尋找引擎，或日後之用。填寫中文搜尋引擎的網站名稱時嘗試中英夾雜，如 ICQ Garden 國際 ICQ 交友會， 若該尋找引擎以字母排列後按筆劃，那末你可得到較前的排位。

　　第二類屬 Meta Search Engine，它會按你填入的網址立即檢查你的網頁，搜索可記錄的資料 并存到它的伺服器中，當被瀏覽者成功搜索時顯示的便是那些被自動記下的資料，通常雜亂無章，所以登錄第二種尋找引擎你需要細讀接下去的篇章。 

Title 標記： 
　　此標記夾著的標題不但會被顯示為搜索結果的， title 也是被搜索的依據，所以包括一些 Keyword 是明智的，如： 

<TITLE>音樂天堂 - Midi collection</TITLE> (較好) 
<TITLE>音樂天堂</TITLE> (次之) 
<TITLE>Software, Midi, MP3, Real Audio</TITLE> (較好) 
<TITLE>Software collection</TITLE> (次之) 


Meta 標記： 
　　Meta 標記是放在 HTML 文件的開頭部分即 <HEAD> 與 </HEAD> 之間，它的功能之一便是向尋找引擎介紹你的網頁，這一節只介紹三種 Meta 標記 description, keywords 及 robots。 

原始碼：

<HEAD> 
<TITLE>enPal Garden - Free Penfriendship Service<TITLE> 
<META name="description" content="Free international penfriendship service, bringing people together."> 
<META name="keywords" content="email pal, email friend, friendship, meet, romance, love, chat, search people"> 
</HEAD> 

你的網頁記錄於尋找引擎會顯示如下： 
PenPal Garden - Free Penfriendship Service 
Free international penfriendship service, bringing people together. 

Description 
　　是該網頁的描述。你通常已預備好長及短兩種吧，這處用的是短的那種，大約 2 至 3 句， 不要超過100 個字元。 

Keywords 
　　是令你的記錄被成功搜索的關鍵字，尋找引擎只會搜索 Title 及 Keywords 中的文字，每頁具適當而不同的 Title, Description, Keywords 是應該的。 

　　關鍵字以逗號隔開，最好長至超過 255，而重要的要放在前端。於 Keywords 中的關鍵字一般不要重複多於 5 次，若次數太多的話尋找引 擎會冊除你的登錄。 

　　關鍵字可適當使用一些 2 至 3 字的詞組，如 webpage creation 比 webpage, creation 好，因為瀏覽者就算不理智地輸入一個字以搜索，你的記錄也不見 得會放在幾十萬個結果的前端，若他輸入 webpage creation 去查詢的話，你 的網頁被成功瀏覽的機會就較大，亦表示你的網頁正迎合他的興趣。 

Robots 
　　如 <META name="robots" content="NOINDEX"> 表示吩咐尋找引擎不要記錄該一 頁。不必設為 content="AUTO" 了，那是內定值。有些尋找引擎不支援 robots，有 意修改或刪除記錄，那末要使用 robots.txt 了。

TOP

Rank: 7Rank: 7Rank: 7

簽到天數: 1624 天

連續簽到: 1 天

[LV.Master]伴壇終老

UID
9 
帖子
2330 
主題
516 
精華
10 
積分
36103 
威望
36103  
金錢
2357  
閱讀權限
100 
性別
男 
在線時間
1649 小時 
註冊時間
2012-12-17 
最後登錄
2024-4-16 

木 金幣≥10000，即可點亮“金”屬性的勛章！ 智力≥2500，即可點亮“水”屬性勛章！ 能量≥888，即可點亮“火”屬性的勛章！ 土 總積分≥50000，即可點亮“神”屬性的圖標！

發短消息發短消息 發短消息加為好友

射手座ss射手座
38#
麥多芬發表於 2013-1-16 12:12 | 只看該作者
HTML 教學
基礎入門
什麼是HTML
段落
標題
字形字體
文字效果
本文效果
項目清單
無序號清單
有序號清單
定義目錄選單
超連結
加上連結
通訊協定
路徑設定
內部連結
其他設定
圖片
加上圖片
屬性設定
連結設定
視訊影像
表格
基本表格
屬性設定
再談屬性
三談屬性
頁框設計
基本頁框
頁框屬性
連結設定
巢狀頁框
表單設計
基本表單
選項鈕
核取方塊
下拉選單
文字區域
特殊效果
跑馬燈
特殊字元
浮動頁框
換頁效果
搜尋器
網頁宣傳
動態連結


動態連結(Refresh)

 　

<META http-equiv="refresh" content="秒數; URL=檔案名稱或網址">

　　動態連結標記<META>分為兩個部分，一是「http-equiv = "refresh"」，是指定動態連結至別的檔案或網址；另一是「content = "秒數 ; URL = 檔案名稱或網址"，是指實際連結的檔案。先看一下實際的範例，每 3 秒鐘會轉換另一個網頁。

　　這個標記是屬性檔頭宣告 <HEAD> 及 </HEAD> 之間的標記，就像主題標記一樣，範例的原始內容如下：

<html>
<head>
<META http-equiv="refresh" content="3;URL=r1.htm">
<title>新網頁1</title>
</head>

<body>
<h1 align="center">這是第<font color="#0000FF">一</font>個網頁</h1>
<h1 align="center">3 秒後切到第<font color="#0000FF">二</font>個網頁</h1>
</body>
</html>


　　另一個動態文件排列的標記格式為：

<meta http-equiv="Content-Type" content="text/html; charset=big5">

　　動態連結標記<META>分為兩個部分，一是「http-equiv = "content-type"」，另一是「content = "text/html; charset=big5"，其中「CHARSET = BIG5」是指中文的動態排列用 big5 碼來做。這個標記是屬性檔頭宣告 <HEAD> 及 </HEAD> 之間的標記。這個標記的主要目的在讓 HTML 的本文能自動依瀏覽器的寬度自動換列。

TOP

123
返回列表
資訊科技 ND076DR-2已經運行: