利用表格布局頁面
在制作網(wǎng)頁時,表格是必不可少的,我們不僅利用表格顯示一些有規(guī)律的數(shù)據(jù),而且還經(jīng)常對表格中的單元格進行調(diào)整,在其中放入文本和圖形,達到對網(wǎng)頁進行布局的目的。
一、創(chuàng)建表格
1.使用“插入表格”工具按鈕.
首先把插入點調(diào)整到要插入表格的位置,單擊“常用”工具欄“插入表格”按鈕,拖動鼠標,直到高亮的格子的行列數(shù)與你要插入的表格相同為止。這里我們用3乘4的,也就是3行4列的。
實際上這種方法創(chuàng)建單元格只能將各單元格行高和列寬設(shè)置為一樣的,如果要在創(chuàng)建表格時就對表格進行設(shè)置,可以使用插入表格命令。
2.使用“表格”菜單:
單擊表格→插入→表格,彈出“插入表格”對話框,在此對話框可以對表格行、列數(shù),邊框粗細、寬度等進行設(shè)置。當(dāng)邊框粗細設(shè)置為0時,將隱藏表格邊框。
3.手繪表格
單擊表格→手繪表格,彈出表格工具欄,選中按鈕,用拖動鼠標的方法畫一個表格。 雙擊鼠標退出畫表格狀態(tài)。
如果畫錯了就單擊“擦除”按鈕 ,在要擦除的線條上拖動,這時線條會變紅,放開鼠標,線條就被擦除了。
表格工具欄的其他按鈕都與表格菜單的各條命令相對應(yīng),它們的使用方法也是一樣的。
二、編輯表格
創(chuàng)建好表格后,就可以在表格里輸入文本了,一般情況下直接輸入,當(dāng)達到單元格末尾時文字會自動換行的。要想在沒有達到末尾時就要換行,按SHIFT+ENTER鍵,這樣文本就強制換行了。
單元格里的文本與單元格的對齊方式有時也需要調(diào)整。我們可以用“格式”工具欄的左對齊、居中對齊、右對齊進行設(shè)置。
一草一木 | 二龍戲珠 | 三教九流 | 四項基本原則 |
| | | |
| | | |
三、設(shè)置表格屬性
四、利用表格排版
由“表格屬性”對話框可知,當(dāng)我們將“邊框粗細”設(shè)置為0時,邊框線將隱藏,利用此項功能,
我們可以利用表格來排版頁面。這樣我們就可以把圖片和文字規(guī)規(guī)矩矩的放在指定位置,而在瀏
覽時也沒有表格的痕跡。
對于較為復(fù)雜的網(wǎng)頁,我們可以采用“表格嵌套”的方法來進行排版,以此來形成一個復(fù)雜的版面。
圖像的使用 | |
在制作網(wǎng)頁時主要采用的圖形文件有兩種:動態(tài)圖像(GIF)和靜態(tài)圖像(JPEG、GIF、PNG),如果在網(wǎng)頁中使用了其它格式的圖形文件,在保存網(wǎng)頁時FRONTPAGE可以自動進行格式轉(zhuǎn)換。
一、插入圖像
注:插入圖片后需保存圖片到站點下才能正確預(yù)覽。在默認情況下,F(xiàn)rontPage認為你要插入的圖片
知識加油站:
·
事先將圖片復(fù)制到站點文件夾中,再插入圖片。
直接插入外部圖片,保存的時候注意選擇更改保存目錄如images(注意源代碼中文件路徑的變化)。
二、編輯圖像
插入媒體和組件
為了讓網(wǎng)頁充滿活力,只有靜態(tài)的圖像是不夠的,我們往往需要在網(wǎng)頁中加入背景音樂、視頻,或加入動畫等。
一、插入音頻(wav、 midi等)
·
·
在普通模式下,為了表示插入音頻的位置,F(xiàn)RONTPAGE就會使用這樣的插頭標記?,F(xiàn)在我們切換到預(yù)覽模式,音樂就自動播放了。
插頭就會變成一個播放器。播放器名字叫Active Movie,它是Internet Explorer
瀏覽器自帶的一個媒體播放插件。
二、插入視頻(avi
三、插入Flash影片(*.swf)
四、插入 Web組件
五.設(shè)置網(wǎng)頁過渡效果
超級鏈接
一、創(chuàng)建同網(wǎng)站內(nèi)的超級鏈接
二、創(chuàng)建外部超鏈接(文件、網(wǎng)站、電子郵箱)
三、創(chuàng)建同一網(wǎng)頁內(nèi)的超鏈接
四、圖片的熱點鏈接
五、設(shè)置超鏈接
活動3:
·
·
·
·
框架
框架:簡單理解,就是把一個網(wǎng)頁分成幾份,每一份填充其它網(wǎng)頁,當(dāng)瀏覽者瀏覽這個網(wǎng)頁時,它可調(diào)入其它網(wǎng)頁, 形成一個完整頁,這就是框架??蚣芙M成:邊框、滾動條、網(wǎng)頁。
注:框架網(wǎng)頁并不是真正意義上的頁面文件,其內(nèi)容是記錄該框架網(wǎng)頁包含了幾個框架及拆分方式等資料,而每一個獨立的框架才是一個真正的頁面文件。
一、創(chuàng)建框架網(wǎng)頁
逐個保存每個框架內(nèi)的新建網(wǎng)頁。
二、改變框架的布局
注:框架的大小及屬性均可通過“框架屬性”對話框來設(shè)置。
“框架屬性”對話框介紹:
·
·
·
1.調(diào)整框架的大小
三、設(shè)置目標框架
目標框架是超鏈接目標網(wǎng)頁出現(xiàn)的那個框架。例如,在左邊的目錄框架中單擊一個鏈接后,右側(cè)的框架中將出現(xiàn)一個對應(yīng)的網(wǎng)頁。所以右邊框架是左邊框架中所看到的鏈接的目標框架。
1、設(shè)置超鏈接的目標框架
步驟:選中文字或圖片——擊右鍵選“超鏈接屬性”——在對話框中選擇目標網(wǎng)頁——確定
·
在“創(chuàng)建超鏈接”窗口擊“目標框架”按鈕,彈出“目標框架”對話框,從中選擇“新建窗口”,則被鏈接的網(wǎng)頁會創(chuàng)建一個新的瀏覽器窗口,并在其中顯示。
發(fā)布網(wǎng)站和維護
一、發(fā)布站點應(yīng)具備的條件
1、與Internet相連
2、站點存放空間
要發(fā)布站點必須首先在網(wǎng)上申請一個空間,來存放你的站點,也就是將站點放到一個Web服務(wù)器上。在Internet上有很多地方提供免費的個人主頁存放空間,我們可以在網(wǎng)上搜索,然后注冊申請即可。例:http://www.e9229.cn
3、是否支持Frontpage服務(wù)器擴展程序
4、發(fā)布軟件。如:flash FXP、Cuteget。
二、測試站點
在發(fā)布站點之前,應(yīng)該檢查各個頁面之間的鏈接、網(wǎng)站的外觀和文件的路徑等,測試無誤后,可以發(fā)布網(wǎng)站了。
三、發(fā)布站點
網(wǎng)頁的發(fā)布,就是將制作好的網(wǎng)頁發(fā)布到WWW中的某臺web服務(wù)器上的過程。也就是將用戶創(chuàng)建在本地計算機上的一個站點復(fù)制到服務(wù)器上指定URL的過程。
慢到讓人無法忍受的程度,可適當(dāng)減少圖像與多媒體內(nèi)容的使用量.
制作個人教學(xué)網(wǎng)站
1.首頁制作要求:
(1)使用表格布置網(wǎng)頁;
(2)網(wǎng)頁上要有文字、圖片及背景圖片;
(3)準確創(chuàng)建網(wǎng)頁間的超鏈接;
(4)能插入一段背景音樂;
2.其他子網(wǎng)頁可以依照自己需要進行簡單編輯