任務(wù)18 制作簡單個(gè)人主頁

18主頁目錄

1.任務(wù)描述

2.任務(wù)分析

3.

相關(guān)知識(shí)

4.

完成步驟2任務(wù)描述

Internet改變了人們的生活方式，也改變了整個(gè)世界。王清同學(xué)經(jīng)常上網(wǎng)，瀏覽了不少網(wǎng)站。其中很多網(wǎng)站的頁面都設(shè)計(jì)得非常精美，深深的吸引了小王同學(xué)，于是王清同學(xué)想給她實(shí)習(xí)的這家公司做一網(wǎng)站，可小王同學(xué)沒有做網(wǎng)站的基礎(chǔ)。FrontPage是優(yōu)秀的專業(yè)化網(wǎng)頁設(shè)計(jì)軟件之一，下面我們就和王清同學(xué)一起用FrontPage先做一個(gè)簡單的網(wǎng)頁。3任務(wù)分析為了完成上述任務(wù)，我們需要熟悉FrontPage2003界面，掌握在FrontPage2003中如何新建、保存網(wǎng)頁，如何在網(wǎng)頁中添加文本、圖片，如何設(shè)置網(wǎng)頁標(biāo)題、背景、視頻、音頻等內(nèi)容。4一、FrontPage2003的主要功能相關(guān)知識(shí)1．自定義瀏覽器分辨率預(yù)覽檢查2．描摹圖像3．層功能4．插入交互式按鈕5．行為的應(yīng)用6.使用網(wǎng)頁重定向7.檢查網(wǎng)頁錯(cuò)誤8.優(yōu)化HTML代碼9.規(guī)劃頁面布局5二、FrontPage2003界面簡介相關(guān)知識(shí)菜單欄工具欄文件夾列表主編輯窗口狀態(tài)欄6三、網(wǎng)頁基本元素相關(guān)知識(shí)1．文本2．圖片3．水平線4．表格5．表單6．

超鏈接7四、網(wǎng)站或網(wǎng)頁基本操作相關(guān)知識(shí)1．創(chuàng)建新的FrontPage網(wǎng)站（1）在“文件”菜單上，單擊“新建”（2）在“新建”任務(wù)窗格中，單擊“由一個(gè)網(wǎng)頁組成的網(wǎng)站”（3）在“網(wǎng)站模板”對(duì)話框中，在“常規(guī)”選項(xiàng)卡下，單擊需要的網(wǎng)站模板，并指定網(wǎng)站的位置，然后單擊“確定”按鈕8四、網(wǎng)站或網(wǎng)頁基本操作相關(guān)知識(shí)

2.新建網(wǎng)頁（1） 在“文件”菜單上，單擊“新建”。（2） 在“新建”任務(wù)窗格中，在“新建網(wǎng)頁”下，執(zhí)行下列操作之一。要從空白網(wǎng)頁創(chuàng)建網(wǎng)頁，請單擊“空白網(wǎng)頁”。要根據(jù)您創(chuàng)建的動(dòng)態(tài)Web模板創(chuàng)建網(wǎng)頁，單擊“根據(jù)現(xiàn)有網(wǎng)頁”，定位并單擊模板，然后單擊“創(chuàng)建”。要根據(jù)MicrosoftFrontPage的模板創(chuàng)建網(wǎng)頁，請單擊“其他網(wǎng)頁模板”，再單擊所需模板類型的選項(xiàng)卡，然后單擊某個(gè)模板。9四、網(wǎng)站或網(wǎng)頁基本操作相關(guān)知識(shí)

3．保存網(wǎng)頁（1）尚未保存的網(wǎng)頁（2）從當(dāng)前網(wǎng)站打開的網(wǎng)頁：單擊“保存”（3）從當(dāng)前網(wǎng)站之外的位置打開的網(wǎng)頁（4）將網(wǎng)頁保存到不同的網(wǎng)站中（5）將網(wǎng)頁保存到文件系統(tǒng)（6）在瀏覽器中預(yù)覽網(wǎng)頁之前自動(dòng)保存網(wǎng)頁10四、網(wǎng)站或網(wǎng)頁基本操作相關(guān)知識(shí)

4．打開網(wǎng)站或網(wǎng)頁（1）打開網(wǎng)站 在“文件”菜單上，單擊“打開網(wǎng)站”。 在“查找范圍”框中，找到并單擊要打開的網(wǎng)站。 單擊“打開”。（2）打開網(wǎng)頁 單擊“文件”菜單下的“打開”選項(xiàng)或單擊“常用”工具欄上的“打開”按鈕，即可打開“打開對(duì)文件”話框。 在“打開文件”對(duì)話框中選擇要打開的網(wǎng)頁，單擊“打開”按鈕即可。11四、網(wǎng)站或網(wǎng)頁基本操作相關(guān)知識(shí)5．預(yù)覽網(wǎng)頁（1）在“網(wǎng)頁”視圖中，在文檔窗口的底部，單擊“”即可。（2）在“文件”菜單上，指向“在瀏覽器中預(yù)覽”，然后執(zhí)行下列操作之一。若要在單個(gè)Web瀏覽器中打開您的網(wǎng)頁，請單擊所需的瀏覽器。如果選項(xiàng)包括用于同一個(gè)瀏覽器的幾個(gè)條目，瀏覽器名稱旁邊的數(shù)值將指示如果單擊此選項(xiàng)瀏覽器將以此窗口大小打開。若要在所有可用的瀏覽器中并以這些瀏覽器的默認(rèn)窗口大小打開網(wǎng)頁，請單擊“在多個(gè)瀏覽器中預(yù)覽”。12相關(guān)知識(shí)

1．網(wǎng)站視圖2．網(wǎng)頁視圖五、使用不同視圖管理網(wǎng)站13相關(guān)知識(shí)

1．字體2．段落3．項(xiàng)目符號(hào)和編號(hào)4．背景5．插入水平線6．圖片編輯六、制作與修飾網(wǎng)頁14完成步驟1．安裝Frontpage2003軟件2．設(shè)計(jì)網(wǎng)頁的格式，網(wǎng)頁中所放元素，確保圖片、網(wǎng)頁等網(wǎng)站元素都在站點(diǎn)主目錄中3．單擊“開始”/“程序”/“Frontpage2003”命令，打開Frontpage2003應(yīng)用程序4．在“文件”菜單上，單擊“新建”5．在“新建”任務(wù)窗格中，單擊“由一個(gè)網(wǎng)頁組成的網(wǎng)站”6．在“網(wǎng)站模板”對(duì)話框中，單擊“常規(guī)”選項(xiàng)卡，選擇只有一個(gè)網(wǎng)頁的網(wǎng)站模板，單擊瀏覽按鈕，指定網(wǎng)站的位置為H:\清清家園\，然后單擊“確定”按鈕制作簡單個(gè)人主頁15完成步驟7.單擊“視圖”菜單的“頁面”視圖，則打開頁面編輯窗口，系統(tǒng)默認(rèn)創(chuàng)建一個(gè)名為new_page_1.htm的網(wǎng)頁8．向網(wǎng)頁中添加內(nèi)容，在網(wǎng)頁編輯區(qū)單擊鼠標(biāo)左鍵，將光標(biāo)插入到編輯區(qū)，輸入網(wǎng)頁文字即可，如輸入“清清家園歡迎您的到來”。設(shè)置內(nèi)容格式：華文行楷，36磅，居中9．插入圖片。在“清清家園歡迎您的到來”左側(cè)插入圖片，選擇“插入”菜單下的“圖片/來自文件”命令，打開“圖片”對(duì)話框，選擇所需圖片，單擊“插入”按鈕即可10．插入水平線。在“清清家園歡迎您的到來”下方插入一水平線，寬度和顏色選擇默認(rèn)。如下圖所示制作簡單個(gè)人主頁16完成步驟制作簡單個(gè)人主頁17完成步驟11．單擊工具欄“保存”按鈕，打開另存為對(duì)話框，保存位置為H:\清清家園\，文件名為頁面1.html12．為該頁面設(shè)置標(biāo)題及背景，在編輯區(qū)單擊鼠標(biāo)右鍵，選擇快捷菜單中的頁面屬性對(duì)話框，在頁面屬性對(duì)話框的“常規(guī)”選項(xiàng)卡下的標(biāo)題文本框中輸入標(biāo)題“清清個(gè)人主頁”，單擊“格式”選項(xiàng)卡，選中“背景圖片”復(fù)選框，單擊“瀏覽”按鈕，選擇背景圖片，單擊“確定”按鈕。如下圖所示制作