2012年自考“互聯網及其應用”串講筆記（29）
8. 2 Web 頁面設計
1. 網頁設計的原則
符合用戶的需求
有效的使用資源生成一個一致的、令人愉快的、有效的網頁外觀和感觀
在制作網頁之前，應該明確制作的目的、需要完成的任務，以及要達到的要求
網頁設計要有自己的風格，通常應伴有一定的標志
網頁的頁面不必太花哨，上面的圖片不宜太多，每一幅圖的尺寸不應太大，以免使瀏覽網頁時花費太多的時間。
2. 網頁設計的方法
可以用HTML語言所定義的標記及其屬性來直接編寫網頁
也可利用特制的網頁制作工具軟件
3. 利用標記直接制作網頁
一、對網頁進行修飾
1）定義字符風格
物理修飾類型：直接指定了文本的具體形式
邏輯修飾類型：只是說明文本需要如何加以突出
物理修飾類型標記
<big></big>：較大字體顯示；
<small></small>：較小字體顯示；
<b></b>：加粗；
<i></i>：斜體；
<u></u>：；加下劃線；
<s></s>：加文本貫穿線；
<tt></tt>：顯示打字機或電報字體；
2）改變字號
<font size=n></font>（n=1~7）
3）加入橫線
橫線<hr>；
橫線厚度<hr size=n>（n以像素為單位）；
橫線長度<hr width=n>（n以像素為單位）或橫線長度<hr width=n%>（n與頁寬相比較）；
4）加入注釋
<！——注釋內容——>
5）加入引文
<BLOCKQUOTE>
6）加入著作權標志和注冊商標符號
著作權：？
注冊商標：？
7）在網頁上署名
<ADDRESS>
8）文本居中
<CENTER>
或者 ALIGN=CENTER
9）改變背景
使用<BODY>
<body bgcolor=#rrggbb>（RGB色碼）
使用平鋪畫
<body background=圖形文件名>（圖形文件格式為gif和jpg）
二、超文本鏈接
超鏈接是超文本的一個重要特征，指的是通過標記符號的作用，把并不連續的兩段文字或兩個文件聯系起來
1）鏈接文件的標記
要建立連接所具備的條件
確認被鏈接的文件的名稱或URL
在文件中確定鏈接點，使用戶可以在瀏覽窗口中看到一個特殊形式表現的文字串
結構：
<a href=“被鏈接點”></a>
2）同一文件鏈接
再要跳轉的地方加上要跳轉的標記
給被跳轉到的特定位置起個名字，并加上相應的跳轉標記
同一文件的鏈接：設定錨點<a name=“定位名稱”></a>
鏈結到錨點<a href=“#定位名稱”></a>
3）不同文件鏈接
本地連接<a href=“被連接文件名”></a>
連接到另一文件的一部分<a href=“被連接文件名#定位名稱”></a>
網絡鏈接：<a href=“URL”></a>
4）圖片鏈接
在<A>和</A>中間在放上<IMG>
三、在網頁中加入圖片
格式：
<img src=“圖片名或URL”></a>
用文字代替圖片顯示：
圖形取代文字<img src=“URL”alt=n>（無法顯示圖形時用）
動畫：
<img src=“動畫文件名 ”>
四、在網頁中加入表格
1）表格的組成
標題：指出表格的含義
標簽：指出行、列存放內容的說明
數據：指出表格中的內容
單元：指出表格中各個獨立的區域，其中一個區域可以放置表格標題或表格數據
2）創建表格
<caption><caption> -表格標題；
<table>……</table> - 定義表格；
<tr> - 定義表行；
<th> - 定義表頭；
<td> - 定義表元（表格的具體數據）
4. 網頁制作工具及應用
一、Microsoft 中文 Word 97
二、FrontPage Express
| 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 全 |
資料來源于網絡，僅供參考！
編輯推薦：
京公網安備 11010802044473號