2012年自考“互聯網及其應用”串講筆記（29）

符合用戶的需求

有效的使用資源生成一個一致的、令人愉快的、有效的網頁外觀和感觀

在制作網頁之前，應該明確制作的目的、需要完成的任務，以及要達到的要求

網頁設計要有自己的風格，通常應伴有一定的標志

網頁的頁面不必太花哨，上面的圖片不宜太多，每一幅圖的尺寸不應太大，以免使瀏覽網頁時花費太多的時間。

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）

二、超文本鏈接

超鏈接是超文本的一個重要特征，指的是通過標記符號的作用，把并不連續(xù)的兩段文字或兩個文件聯系起來

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）表格的組成

標題：指出表格的含義

標簽：指出行、列存放內容的說明

數據：指出表格中的內容

單元：指出表格中各個獨立的區(qū)域，其中一個區(qū)域可以放置表格標題或表格數據

2）創(chuàng)建表格

caption caption -表格標題；

table /table - 定義表格；

tr - 定義表行；

th - 定義表頭；

td - 定義表元（表格的具體數據）

4. 網頁制作工具及應用

一、Microsoft 中文 Word 97

二、FrontPage Express