網(wǎng)頁制作動(dòng)態(tài)流程簡介

《網(wǎng)頁制作動(dòng)態(tài)流程簡介》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

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

2、個(gè)網(wǎng)頁的網(wǎng)站”模板，如圖11-35所示。單擊“確定”。圖11-35“網(wǎng)站模板”對話框（2）保存網(wǎng)頁單擊“文件”菜單中的“另存為”命令，打開“另存為”對話框。選擇保存位置“我的文檔我的個(gè)人網(wǎng)站”，在“文件名”文本框中，輸入“index”，在“保存類型”下拉列表框中，選擇“網(wǎng)頁”選項(xiàng)。單擊“更改標(biāo)題”按鈕，將網(wǎng)頁標(biāo)題改為“我的個(gè)人主頁”，單擊“保存”按鈕。（3）插入滾動(dòng)字幕將光標(biāo)定位于網(wǎng)頁第一行位置。單擊“插入”菜單下的“Web組件”命令，彈出“插入Web組件”對話框，選擇“動(dòng)態(tài)效果”中的“字幕”，單擊完成

3、。彈出“字幕屬性”對話框，在“文本”框中輸入“歡迎光臨我的個(gè)人網(wǎng)站”，單擊“樣式”按鈕，彈出“修改樣式”對話框，再單擊“格式”按鈕，選擇“字體”選項(xiàng)。彈出“字體”對話框，設(shè)置字體為隸書、加粗、36pt、紫紅色，然后按“確定”返回。單擊“預(yù)覽”視圖，可觀看字幕效果。（4）插入水平線回到“設(shè)計(jì)”視圖后，換行將鼠標(biāo)指針置于第二行位置。單擊“插入”菜單下的“水平線”命令。雙擊水平線，打開“水平線屬性”對話框。設(shè)置寬度為100%，高度為5像素，水平居中對齊方式，顏色為紫色。（5）插入表格將鼠標(biāo)指針置于水平線的下一行

4、，單擊“表格”菜單中的“插入”“表格”命令，彈出“插入表格對話框。在“大小”選項(xiàng)組中，設(shè)置表格的行數(shù)為4，列數(shù)為3。在“布局”選項(xiàng)組中，設(shè)置表格的對齊方式為“居中”，邊框粗細(xì)為1，單元格間距為1，指定寬度為650像素，指定高度為500像素。單擊“確定”按鈕，一個(gè)表格便插入了網(wǎng)頁中。選中表格第一列，單擊右鍵，彈出一快捷菜單，選擇“合并單元格”命令。在合并后的單元格中單擊右鍵，再彈出的“快捷菜單”中選擇“單元格屬性”，在彈出的“單元格屬性”對話框中作如下設(shè)置：對齊方式為居中，指定寬度為100像素，指定高度為5

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

6、元格，利用“單元格屬性”對話框，分別設(shè)置背景顏色為：淡紫色、乳白色、淡紫色、乳白色。單擊“確定”按鈕。（8）插入懸停按鈕。在表格第二列的前三個(gè)單元格中，“插入”“Web組件”的“動(dòng)態(tài)效果”中的“交互式按鈕”，三個(gè)按鈕的文本分別為“自我介紹”、“給我留言”和“跟我聯(lián)系”。這三個(gè)按鈕可分別鏈接到相應(yīng)的其他網(wǎng)頁，點(diǎn)擊“鏈接”框后面的“瀏覽”，選擇實(shí)現(xiàn)作好的其他網(wǎng)頁。選擇“字體”選項(xiàng)卡，將三個(gè)按鈕都作如下設(shè)置：“懸停時(shí)字體顏色”為紫紅色，“按下時(shí)字體顏色”為藍(lán)色。單擊“確定”按鈕后回到網(wǎng)頁中，可在“預(yù)覽”視圖中觀

7、察效果。在第二列第四個(gè)單元格中可直接輸入“網(wǎng)頁尚在建設(shè)中”文字說明。（9）插入圖片選中表格的第三列，單擊右鍵，在快捷菜單中選擇“合并單元格”命令。將鼠標(biāo)停留于剛合并后的單元格內(nèi)，在其“單元格屬性”對話框中將指定高度設(shè)置為750像素。在此單元格內(nèi)執(zhí)行“插入”“圖片”操作，從來自文件中選擇一幅已保存的圖片。單擊“確定”按鈕。（10）保存網(wǎng)頁，單擊“保存”按鈕，保存網(wǎng)頁。（11）測試網(wǎng)頁，單擊常用工具欄中的“預(yù)覽”按鈕，可在瀏覽器中觀看網(wǎng)頁的效果。