網頁制作動態(tài)流程簡介

1、實訓13 frontpage網頁制作1實訓目的掌握frontpage網頁制作的基本方法。掌握設置網頁超鏈接、滾動字幕、懸停按鈕等操作方法。掌握網頁瀏覽的方法。2實訓內容frontpage的啟動與關閉。制作簡單的網頁。對制作的網頁進行編輯和修飾，效果如圖11-34所示。圖11-34 效果圖3。實訓步驟（1）創(chuàng)建網頁啟動frontpage應用程序，單擊“文件”下拉菜單中“新建”命令，彈出“新建”任務窗格，選擇“新建網站”選項區(qū)的“由一個網頁組成的網站”，彈出“網站模板”對話框，選擇“常規(guī)”選項卡中的“只有一個網頁的網站”模板，如圖11-35所示。單擊“確定”。圖11-35 “網站模板”對話框（2）

2、保存網頁單擊“文件”菜單中的“另存為”命令，打開“另存為”對話框。選擇保存位置“我的文檔我的個人網站”，在“文件名”文本框中，輸入“index”，在“保存類型”下拉列表框中，選擇“網頁”選項。單擊“更改標題”按鈕，將網頁標題改為“我的個人主頁”，單擊“保存”按鈕。（3）插入滾動字幕將光標定位于網頁第一行位置。單擊“插入”菜單下的“web組件”命令，彈出“插入web組件”對話框，選擇“動態(tài)效果”中的“字幕”，單擊完成。彈出“字幕屬性”對話框，在“文本”框中輸入“歡迎光臨我的個人網站”，單擊“樣式”按鈕，彈出“修改樣式”對話框，再單擊“格式”按鈕，選擇“字體”選項。彈出“字體”對話框，設置字體為隸

3、書、加粗、36pt、紫紅色，然后按“確定”返回。單擊“預覽”視圖，可觀看字幕效果。（4）插入水平線回到“設計”視圖后，換行將鼠標指針置于第二行位置。單擊“插入”菜單下的“水平線”命令。雙擊水平線，打開“水平線屬性”對話框。設置寬度為100%，高度為5像素，水平居中對齊方式，顏色為紫色。（5）插入表格將鼠標指針置于水平線的下一行，單擊“表格”菜單中的“插入”“表格”命令，彈出“插入表格對話框。在“大小”選項組中，設置表格的行數(shù)為4，列數(shù)為3。在“布局”選項組中，設置表格的對齊方式為“居中”，邊框粗細為1，單元格間距為1，指定寬度為650像素，指定高度為500像素。單擊“確定”按鈕，一個表格便插入

4、了網頁中。選中表格第一列，單擊右鍵，彈出一快捷菜單，選擇“合并單元格”命令。在合并后的單元格中單擊右鍵，再彈出的“快捷菜單”中選擇“單元格屬性”，在彈出的“單元格屬性”對話框中作如下設置：對齊方式為居中，指定寬度為100像素，指定高度為550像素，行跨距為4，列跨距為1，背景顏色為粉色。單擊“確定”按鈕，返回網頁中。（6）設置字體格式。在剛才的單元格中輸入“我的個人主頁”（每個字后均用回車換行），然后選中這幾個字。單擊右鍵，在彈出的“快捷菜單”中選擇“字體”，彈出“字體”對話框，作如下設置：字體為華文彩云，字形加粗，大小7磅，顏色為紫紅色，設置完后，單擊“確定”按鈕。（7）編輯表格選中表格的第

5、二列，單擊右鍵，選擇“單元格屬性”命令，將指定寬度設為280像素，指定高度設為100像素，行跨距設為1，列跨距設為1，單擊“確定”。將第二列的四個單元格，利用“單元格屬性”對話框，分別設置背景顏色為：淡紫色、乳白色、淡紫色、乳白色。單擊“確定”按鈕。（8）插入懸停按鈕。在表格第二列的前三個單元格中，“插入”“web組件”的“動態(tài)效果”中的“交互式按鈕”，三個按鈕的文本分別為“自我介紹”、“給我留言”和“跟我聯(lián)系”。這三個按鈕可分別鏈接到相應的其他網頁，點擊“鏈接”框后面的“瀏覽”，選擇實現(xiàn)作好的其他網頁。選擇“字體”選項卡，將三個按鈕都作如下設置：“懸停時字體顏色”為紫紅色，“按下時字體顏色”為藍色。單擊“確定”按鈕后回到網頁中，可在“預覽”視圖中觀察效果。在第二列第四個單元格中可直接輸入“網頁尚在建設中”文字說明。（9）插入圖片選中表格的第三列，單擊右鍵，在快捷菜單中選擇“合并單元格”命令。將鼠標停留于剛合并后的單元格內，在其“單元格屬性”對話框中將指定高度設置為750像素。在此單元格內執(zhí)行“插入”“圖片”操作，從