2012年自考“互聯(lián)網(wǎng)及其應(yīng)用”串講筆記（29）
8. 2 Web 頁面設(shè)計
1. 網(wǎng)頁設(shè)計的原則
符合用戶的需求
有效的使用資源生成一個一致的、令人愉快的、有效的網(wǎng)頁外觀和感觀
在制作網(wǎng)頁之前，應(yīng)該明確制作的目的、需要完成的任務(wù)，以及要達到的要求
網(wǎng)頁設(shè)計要有自己的風(fēng)格，通常應(yīng)伴有一定的標志
網(wǎng)頁的頁面不必太花哨，上面的圖片不宜太多，每一幅圖的尺寸不應(yīng)太大，以免使瀏覽網(wǎng)頁時花費太多的時間。
2. 網(wǎng)頁設(shè)計的方法
可以用HTML語言所定義的標記及其屬性來直接編寫網(wǎng)頁
也可利用特制的網(wǎng)頁制作工具軟件
3. 利用標記直接制作網(wǎng)頁
一、對網(wǎng)頁進行修飾
1）定義字符風(fēng)格
物理修飾類型：直接指定了文本的具體形式
邏輯修飾類型：只是說明文本需要如何加以突出
物理修飾類型標記
<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）加入注釋
<！——注釋內(nèi)容——>
5）加入引文
<BLOCKQUOTE>
6）加入著作權(quán)標志和注冊商標符號
著作權(quán)：？
注冊商標：？
7）在網(wǎng)頁上署名
<ADDRESS>
8）文本居中
<CENTER>
或者 ALIGN=CENTER
9）改變背景
使用<BODY>
<body bgcolor=#rrggbb>（RGB色碼）
使用平鋪畫
<body background=圖形文件名>（圖形文件格式為gif和jpg）
二、超文本鏈接
超鏈接是超文本的一個重要特征，指的是通過標記符號的作用，把并不連續(xù)的兩段文字或兩個文件聯(lián)系起來
1）鏈接文件的標記
要建立連接所具備的條件
確認被鏈接的文件的名稱或URL
在文件中確定鏈接點，使用戶可以在瀏覽窗口中看到一個特殊形式表現(xiàn)的文字串
結(jié)構(gòu)：
<a href=“被鏈接點”></a>
2）同一文件鏈接
再要跳轉(zhuǎn)的地方加上要跳轉(zhuǎn)的標記
給被跳轉(zhuǎn)到的特定位置起個名字，并加上相應(yīng)的跳轉(zhuǎn)標記
同一文件的鏈接：設(shè)定錨點<a name=“定位名稱”></a>
鏈結(jié)到錨點<a href=“#定位名稱”></a>
3）不同文件鏈接
本地連接<a href=“被連接文件名”></a>
連接到另一文件的一部分<a href=“被連接文件名#定位名稱”></a>
網(wǎng)絡(luò)鏈接：<a href=“URL”></a>
4）圖片鏈接
在<A>和</A>中間在放上<IMG>
三、在網(wǎng)頁中加入圖片
格式：
<img src=“圖片名或URL”></a>
用文字代替圖片顯示：
圖形取代文字<img src=“URL”alt=n>（無法顯示圖形時用）
動畫：
<img src=“動畫文件名 ”>
四、在網(wǎng)頁中加入表格
1）表格的組成
標題：指出表格的含義
標簽：指出行、列存放內(nèi)容的說明
數(shù)據(jù)：指出表格中的內(nèi)容
單元：指出表格中各個獨立的區(qū)域，其中一個區(qū)域可以放置表格標題或表格數(shù)據(jù)
2）創(chuàng)建表格
<caption><caption> -表格標題；
<table>……</table> - 定義表格；
<tr> - 定義表行；
<th> - 定義表頭；
<td> - 定義表元（表格的具體數(shù)據(jù)）
4. 網(wǎng)頁制作工具及應(yīng)用
一、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 | 全 |
資料來源于網(wǎng)絡(luò)，僅供參考！
編輯推薦：
2012年10月自考備考專題：四大沖關(guān)利器 助你考場大捷
2012年自考《互聯(lián)網(wǎng)及其應(yīng)用》復(fù)習(xí)資料下載
- 熱門課程
- 報名咨詢
- 2012年自考“互聯(lián)網(wǎng)及其應(yīng)用”筆記
- 2012年自考“互聯(lián)網(wǎng)及其應(yīng)用”筆記
- 2012年自考“互聯(lián)網(wǎng)及其應(yīng)用”串講筆記（31）
- 2012年自考“互聯(lián)網(wǎng)及其應(yīng)用”串講筆記（31）
- 2012年自考“互聯(lián)網(wǎng)及其應(yīng)用”串講筆記（30）
- 2012年自考“互聯(lián)網(wǎng)及其應(yīng)用”串講筆記（30）
- 2012年自考“互聯(lián)網(wǎng)及其應(yīng)用”串講筆記（29）
- 2012年自考“互聯(lián)網(wǎng)及其應(yīng)用”串講筆記（29）
- 2012年自考“互聯(lián)網(wǎng)及其應(yīng)用”串講筆記（28）
- 2012年自考“互聯(lián)網(wǎng)及其應(yīng)用”串講筆記（28）
京公網(wǎng)安備 11010802044473號