第04章-制作簡單圖文網(wǎng)頁

《網(wǎng)頁設(shè)計與制作基礎(chǔ)教程(第3版)》第四章制作簡單圖文網(wǎng)頁:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::學(xué)習(xí)目標(biāo)

文本和圖像是網(wǎng)頁中不可缺少的部分，對文本進行格式化可以充分體現(xiàn)頁面所要表達(dá)的重點，而在網(wǎng)頁中插入圖像的實質(zhì)則是把我們設(shè)計完成的最終效果展示給人們看。:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::本章重點在網(wǎng)頁中插入文本設(shè)置網(wǎng)頁文本的屬性在網(wǎng)頁中插入圖像在網(wǎng)頁中插入特殊符號:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::4.1在網(wǎng)頁中添加文本

文本既是網(wǎng)頁中不可缺少的內(nèi)容，也是網(wǎng)頁中最基本的對象。由于文本的存儲空間非常小，所以在一些大型網(wǎng)站中，其占有不可代替的主導(dǎo)地位。在一般網(wǎng)頁中，文本一般以普通文字、段落或各種項目符號等形式顯示。

輸入網(wǎng)頁文本

插入特殊符號插入日期與時間

插入水平線

插入滾動文字:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::4.2創(chuàng)建無序列表和有序列表

在網(wǎng)頁中，我們可以用很多方法來排列文本項目，可以將多種項目沒有順序地排列在一起，也可以給每個項目賦予編號后再進行排列。此時，沒有順序的文本排列方式稱為無序列表，賦予編號排列的文本項目則稱為有序列表。

制作無序列表制作有序列表:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::4.2.1制作無序列表

在制作網(wǎng)頁時，如果需要把各個項目美觀地排列在一起，建議用戶使用無序列表。在無序列表中各項目前面的圓點直接用制作好的圖像來替代，也可以在CSS樣式表中定義更改圓點形狀。:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::4.2.2制作有序列表

在各個項目中將賦予編號或字母表來創(chuàng)建的目錄稱為“有序列表”。在有序列表中各項目之間的順序是非常重要的。在每項之前賦予數(shù)字、羅馬數(shù)字的大小寫以及字母表的大小寫。:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::4.3設(shè)置網(wǎng)頁文本屬性

使用Dreamweaver的“屬性”檢查器可以設(shè)置網(wǎng)頁中文本的大小、顏色和字體等文本屬性，并且可以設(shè)置HTML的基本屬性，也可以設(shè)置CSS文本的擴展屬性。

設(shè)置文本基本屬性添加網(wǎng)頁文本字體:::::《計算機基礎(chǔ)與實訓(xùn)教材系列》系列叢書官方網(wǎng)站edu:::::4.4在網(wǎng)頁中插入圖像

在網(wǎng)頁中插入圖像可以起到美化頁面的作用，常用的圖像格式有JPEG和GIF兩種。在網(wǎng)頁中適當(dāng)加入圖像可以為網(wǎng)頁增色不少，但圖像文件過大會影響網(wǎng)頁的下載速度，因此圖像要用的少而精，必要時在不失真的情況下可以