Site hosted by Angelfire.com: Build your free website today!

HOME PAGE製作範例五十則

謝木舟(MILTON HSIEH) 精心編撰


請點選目錄中任何一項範例,即可直達所指定之範例

1. 標題字型大小
2. 設定文字對齊方式
3. 自設字型大小
4. 設定文字色彩
5. 設定基本字體變化
6. 設定文字上下標
7. 指定字體大小
8. 特殊字元
9. 設定背景圖案
10. 預設段落格式
11. 閃爍文字
12. 畫立體水平線
13. 放置圖形檔
14. 文字的超連結
15. 超連結至另一個URL
16. 超連結同一張HOME PAGE中特定的位置
17. 設定清單
18. 定義式的清單
19. 設定有編號的清單
20. 更改編號的方式
21. 指定起始的編號
22. 指定特定的編號
23. 設定有提示符號的清單
24. 更改清單的提示符號
25. 設定表格
26. 設定表格的標題
27. 設定表格標題的位置
28. 設定表格欄與列的數量
29. 設定表格的寬度
30. 設定表格的高度
31. 設定格線與內文間的距離
32. 設定內文水平對齊的方式
33. 設定合併欄位的方式
34. 設定水平頁框
35. 設定垂直頁框
36. 設定頁框大小
37. 固定頁框大小
38. 設定頁框上下邊界
39. 設定頁框左右邊界
40. 設定頁框中的捲簾
41. 互動式的HOME PAGE
42. 設定輸入框的寬度
43. 設定密碼輸入框
44. 限制輸入字串的長度
45. 設定輸入框的預設值
46. 單項選項
47. 複選選項
48. 下拉式選項
49. 下拉式選單的預選項目
50. 設定大範圍的文字輸入區的長寬和寫入鈕
附錄 顏色對照表

1. 變化標題字型大小

這是H1字型的大小

這是H2字型的大小

這是H3字型的大小

這是H4字型的大小

這是H5字型的大小
這是H6字型的大小

2. 設定文字對齊方式

向左對齊

向中對齊

另一種向中對齊

向右對齊

自行調整位置

3. 自設字型大小

這是1的字型大小
這是2的字型大小
這是3的字型大小
這是4的字型大小
這是5的字型大小
這是6的字型大小

4. 設定文字色彩

這是黑色的字
這是白色的字
這是紅色的字
這是青綠色的字
這是深藍色的字
這是粉紅色的字
這是淡藍色的字

5. 設定基本字體變化

這是粗體字
這是斜體字
這是加了底線字

6. 設定文字上下標

這是普通字這是下標字
這是普通字這是上標字

7. 指定字體大小

加大一級 加大三級 加大七級
8. 特殊字元

表示<符號
表示>符號
表示&符號
表示"符號

9. 設定背景圖案

請參考本HOME PAGE製作範例程式寫作開始之設定
10. 預設段落格式

A
   B
C

11. 閃爍文字

這一行文字會閃爍!
12. 畫立體水平線

沒有陰影
陰影5的寬度
陰影10的寬度
沒有陰影
沒有陰影5的寬度
沒有陰影10的寬度
長度10%的線
長度50%的線
長度100%的線
線向左靠齊
線向中靠齊
線向右靠齊
13. 放置圖形檔

Milton 1997.9.26 Milton攝於英國溫莎堡!
14. 文字的超連結

電子計算機
15. 超連結至另一個URL

連結到Bristol-Myers Squibb Company的網站
16. 超連結同一張HOME PAGE中特定的位置

程式寫作請參考本HOME PAGE製作範例開始之設定
17. 設定清單

必治妥施貴寶公司優良西藥產品:
CAPOTEN
MONOPRIL
TAXOL
AMIKIN
AZACTAM

18. 定義式的清單

心血管優良西藥產品:
CAPOTEN
MONOPRIL
抗癌優良西藥產品:
TAXOL
抗生素優良西藥產品:
AMIKIN
AZACTAM

19. 設定有編號的清單

必治妥施貴寶公司優良西藥產品:
  1. CAPOTEN
  2. MONOPRIL
  3. TAXOL
  4. AMIKIN
  5. AZACTAM

20. 更改編號的方式

必治妥施貴寶公司優良西藥產品:
  1. CAPOTEN
  2. MONOPRIL
  3. TAXOL
  4. AMIKIN
  5. AZACTAM

21. 指定起始的編號

必治妥施貴寶公司優良西藥產品:
  1. CAPOTEN
  2. MONOPRIL
  3. TAXOL
  4. AMIKIN
  5. AZACTAM

22. 指定特定的編號

必治妥施貴寶公司優良西藥產品:
  1. CAPOTEN
  2. MONOPRIL
  3. TAXOL
  4. AMIKIN
  5. AZACTAM

23. 設定有提示符號的清單

必治妥施貴寶公司優良西藥產品:
24. 更改清單的提示符號

必治妥施貴寶公司優良西藥產品:
25. 設定表格

必治妥施貴寶公司優良西藥產品
產品名稱數量定價
CAPOTEN8NT$ 20,000
MONOPRIL2NT$ 4,500


必治妥施貴寶公司優良西藥產品
產品名稱數量定價
CAPOTEN8NT$ 20,000
MONOPRIL2NT$ 4,500

26. 設定表格的標題

必治妥施貴寶公司優良西藥產品
產品名稱數量定價
CAPOTEN8NT$ 20,000
MONOPRIL2NT$ 4,500

27. 設定表格標題的位置

必治妥施貴寶公司優良西藥產品
產品名稱數量定價
CAPOTEN8NT$ 20,000
MONOPRIL2NT$ 4,500

必治妥施貴寶公司優良西藥產品
產品名稱數量定價
CAPOTEN8NT$ 20,000
MONOPRIL2NT$ 4,500

28. 設定表格欄與列的數量

設定表格欄數與列數
第一列第一欄第一列第二欄第一列第三欄
第二列第一欄第二列第二欄第二列第三欄
第三列第一欄第三列第二欄第三列第三欄
第四列第一欄第四列第二欄第四列第三欄

29. 設定表格的寬度

與畫面同寬的表格
第一列第一欄第一列第二欄第一列第三欄
第二列第一欄第二列第二欄第二列第三欄
第三列第一欄第三列第二欄第三列第三欄
第四列第一欄第四列第二欄第四列第三欄

佔1/2畫面的表格
第一列第一欄第一列第二欄第一列第三欄
第二列第一欄第二列第二欄第二列第三欄
第三列第一欄第三列第二欄第三列第三欄
第四列第一欄第四列第二欄第四列第三欄

30. 設定表格的高度

與畫面同寬的表格
第一列第一欄第一列第二欄第一列第三欄
第二列第一欄第二列第二欄第二列第三欄
第三列第一欄第三列第二欄第三列第三欄
第四列第一欄第四列第二欄第四列第三欄

31. 設定格線與內文間的距離

格線與內文間的距離設定值CELLPADDING=3
第一列第一欄第一列第二欄第一列第三欄
第二列第一欄第二列第二欄第二列第三欄
第三列第一欄第三列第二欄第三列第三欄
第四列第一欄第四列第二欄第四列第三欄

格線與內文間的距離設定值CELLPADDING=10(設定值為1~10)
第一列第一欄第一列第二欄第一列第三欄
第二列第一欄第二列第二欄第二列第三欄
第三列第一欄第三列第二欄第三列第三欄
第四列第一欄第四列第二欄第四列第三欄

32. 設定內文水平對齊的方式

內文間水平對齊方式
第一列第一欄第一列第二欄第一列第三欄
第二列第一欄第二列第二欄第二列第三欄
第三列第一欄第三列第二欄第三列第三欄

33. 設定合併欄位的方式

合併欄位的方式
排班表 姓名
上午英文名
木舟MILTON HSIEH
木舟MILTON HSIEH
木舟MILTON HSIEH
下午
MILTON HSIEH
MILTON HSIEH
MILTON HSIEH
MILTON HSIEH
MILTON HSIEH

34. 設定水平頁框

檢視設定水平頁框
35. 設定垂直頁框

檢視設定垂直頁框
36. 設定頁框大小

檢視設定頁框大小
FRAME A 20%,FRAME B 30%,FRAME C 50%
37. 固定頁框大小

檢視設定固定頁框大小(不能自行調整頁框)。
FRAME A 20%,FRAME B 30%,FRAME C 50%
38. 設定頁框上下邊界

檢視設定頁框上下邊界
39. 設定頁框左右邊界

檢視設定頁框左右邊界
40. 設定頁框中的捲簾

檢視設定頁框中的捲簾
41. 互動式的HOME PAGE

姓名: 住址:

42. 設定輸入框的寬度

姓名:
住址:寬度SIZE=40

43. 設定密碼輸入框

姓名:
輸入密碼:

44. 限制輸入字串的長度

姓名:限制姓名最多只能輸入4個字

45.設定輸入框的預設值

姓名:
住址:
46. 單項選項

性別: 男性 女性
年齡: 0-10 11-20 21-30 31-40
47. 複選選項

喜歡的顏色: 紅色 橙色 黃色 綠色 藍色 靛色 紫色

48. 下拉式選項

喜歡的顏色:

49. 下拉式選單的預選項目

喜歡的顏色:

50. 設定大範圍的文字輸入區的長寬和寫入鈕

您的建議:


附錄 顏色對照表

黑色#000000
白色#FFFFFF
灰色#B0B0B0
紅色#FF0000
綠色#00FF00
藍色#0000FF
黃色#FFFF00
黃綠#80FF00
咖啡#800000
草綠#008000
粉紅#FF00FF
淺藍#00FFFF
深藍#000080
紫紅#800080
海軍藍#0000FF