修飾網(wǎng)頁(yè)中的文字和背景

1、1 網(wǎng)頁(yè)網(wǎng)頁(yè)1 1網(wǎng)頁(yè)網(wǎng)頁(yè)2 2 2 趙趙 琳琳 寧津縣大趙中學(xué)寧津縣大趙中學(xué) 3 學(xué)習(xí)目標(biāo)學(xué)習(xí)目標(biāo) 掌握用網(wǎng)頁(yè)編輯軟件打開網(wǎng)站和修改網(wǎng)頁(yè)的基本方法掌握用網(wǎng)頁(yè)編輯軟件打開網(wǎng)站和修改網(wǎng)頁(yè)的基本方法 學(xué)會(huì)對(duì)網(wǎng)頁(yè)中的文字進(jìn)行各種修飾學(xué)會(huì)對(duì)網(wǎng)頁(yè)中的文字進(jìn)行各種修飾 學(xué)會(huì)為網(wǎng)頁(yè)設(shè)置背景學(xué)會(huì)為網(wǎng)頁(yè)設(shè)置背景 學(xué)會(huì)使用水平線美化網(wǎng)頁(yè)學(xué)會(huì)使用水平線美化網(wǎng)頁(yè) 4 任務(wù)一： 打開“詩(shī)文薈萃”網(wǎng)站中的“詩(shī)文薈萃”網(wǎng) 頁(yè) 方法一： 步驟：1、啟動(dòng)Frontpage軟件，點(diǎn)擊“文件”菜單中的“打 開網(wǎng)站”命令，選擇桌面學(xué)生素材詩(shī)文薈萃文件夾， 點(diǎn)擊打開。 2、點(diǎn)擊“文件”菜單中的“打開”命令，選擇桌 面學(xué)生素材詩(shī)文薈萃文

2、件夾，選擇“index.htm”,點(diǎn) 擊打開。 方法二：打開桌面學(xué)生素材詩(shī)文薈萃中，右擊 “index.htm”選擇“編輯”命令。 5 任務(wù)二：修飾修飾“詩(shī)文薈萃詩(shī)文薈萃”網(wǎng)頁(yè)中的文字網(wǎng)頁(yè)中的文字 標(biāo)題“詩(shī)文薈萃”設(shè)置為楷體、24磅、加粗、居中、紅色 動(dòng)動(dòng)手：動(dòng)動(dòng)手： 6 任務(wù)三：給網(wǎng)頁(yè)配上漂亮的背景 （給詩(shī)文薈萃網(wǎng)頁(yè)設(shè)置一個(gè)漂亮的背景）（給詩(shī)文薈萃網(wǎng)頁(yè)設(shè)置一個(gè)漂亮的背景） 1、單擊“格式”菜單中的“背景”命令，打開 網(wǎng)頁(yè)屬性對(duì)話框。 2、選中背景圖片單擊瀏覽按鍵，選擇“學(xué)生素 材”中“背景圖片”中圖片。 3、在查找范圍中找到桌面背景圖片，選擇 合適背景圖 給網(wǎng)頁(yè)配背景顏色。 方法：同上，執(zhí)行

3、第2步時(shí)不選背景圖片而是選 擇顏色。 7 小小 博博 士士 以后我們?cè)诰W(wǎng)頁(yè)中插入圖片、動(dòng)畫、影視 等多媒體素材時(shí)，也會(huì)出現(xiàn)“保存嵌入式文 件”對(duì)話框，請(qǐng)大家都將文件保存到網(wǎng)站文 件夾下的images文件夾中，這樣今后發(fā)布網(wǎng) 站時(shí)，才不會(huì)發(fā)生鏈接錯(cuò)誤 為了使因特網(wǎng)上的其他計(jì)算機(jī)也能順利地 顯示網(wǎng)頁(yè)中的文字，網(wǎng)頁(yè)中最好只使用黑體、 楷體、宋體、仿宋體、幼圓這5種標(biāo)準(zhǔn)字體 8 任務(wù)四：在網(wǎng)頁(yè)中插入水平線任務(wù)四：在網(wǎng)頁(yè)中插入水平線 在“詩(shī)文薈萃”中插入寬度80%、高度5像素、居中、綠色水平 線 打開“美文在線”網(wǎng)頁(yè)（mwzx.htm）在標(biāo)題下面插 入一條寬度100%、高度2像素、居中、黑色的水平線。

4、動(dòng)動(dòng)手動(dòng)動(dòng)手 方法：1、將光標(biāo)移至第二行的后面，單擊插入 水平線。 2、將光標(biāo)移動(dòng)水平線上，右擊彈出“水平線屬性” 對(duì)話框，設(shè)置高度、寬度、對(duì)齊方式和顏色。 3、單擊保存。 9 一、在一、在“詩(shī)文薈萃詩(shī)文薈萃”網(wǎng)站中打開網(wǎng)站中打開“唐詩(shī)賞析唐詩(shī)賞析”網(wǎng)頁(yè)（網(wǎng)頁(yè)（tssx.htm）進(jìn)行如下）進(jìn)行如下 修飾修飾 1 1、將、將“唐詩(shī)賞析唐詩(shī)賞析”四個(gè)字變成隸書、四個(gè)字變成隸書、2424磅、加粗、褐紫紅色、居中，第磅、加粗、褐紫紅色、居中，第 二行到第四行文字為楷體、二行到第四行文字為楷體、1414磅、藍(lán)色、加粗、居中顯示，磅、藍(lán)色、加粗、居中顯示，“返回返回”二字二字 宋體、宋體、1414磅、藍(lán)色

5、、加粗、居中顯示。磅、藍(lán)色、加粗、居中顯示。 2 2、在第一行下面插入一條水平線，水平線屬性自選。、在第一行下面插入一條水平線，水平線屬性自選。 3 3、給網(wǎng)頁(yè)設(shè)置背景，背景自選。、給網(wǎng)頁(yè)設(shè)置背景，背景自選。 二、打開二、打開“美麗家園美麗家園”網(wǎng)站中的網(wǎng)站中的“美麗家園美麗家園”網(wǎng)頁(yè)（網(wǎng)頁(yè)（index.htm）進(jìn)行）進(jìn)行 如下設(shè)置：如下設(shè)置： 1 1、標(biāo)題為黑體、標(biāo)題為黑體、2424磅、居中、紫色，第二行到第五行文字是楷體、磅、居中、紫色，第二行到第五行文字是楷體、1414 磅、居中、加粗、褐色，第六行文字為紅色、楷體、磅、居中、加粗、褐色，第六行文字為紅色、楷體、1212磅、加粗、居磅、加粗、居 中，最后一行文字為楷體、居中。中，最后一行文字為楷體、居中。 2 2、將背景設(shè)置為自己喜歡的顏色或圖案。、將背景設(shè)置為自己喜歡的顏色或圖案。 3 3、在標(biāo)題與正文之間插入一條水平線，線長(zhǎng)占窗口寬度的、在標(biāo)題與正文之間插入一條水平線，線長(zhǎng)占窗口寬度的75%75%，線寬，線寬 為為3 3像素，紫色