修饰网页中的文字和背景

1、1 网页网页1 1网页网页2 2 2 赵赵 琳琳 宁津县大赵中学宁津县大赵中学 3 学习目标学习目标 掌握用网页编辑软件打开网站和修改网页的基本方法掌握用网页编辑软件打开网站和修改网页的基本方法 学会对网页中的文字进行各种修饰学会对网页中的文字进行各种修饰 学会为网页设置背景学会为网页设置背景 学会使用水平线美化网页学会使用水平线美化网页 4 任务一： 打开“诗文荟萃”网站中的“诗文荟萃”网 页 方法一： 步骤：1、启动Frontpage软件，点击“文件”菜单中的“打 开网站”命令，选择桌面学生素材诗文荟萃文件夹， 点击打开。 2、点击“文件”菜单中的“打开”命令，选择桌 面学生素材诗文荟萃文

2、件夹，选择“index.htm”,点 击打开。 方法二：打开桌面学生素材诗文荟萃中，右击 “index.htm”选择“编辑”命令。 5 任务二：修饰修饰“诗文荟萃诗文荟萃”网页中的文字网页中的文字 标题“诗文荟萃”设置为楷体、24磅、加粗、居中、红色 动动手：动动手： 6 任务三：给网页配上漂亮的背景 （给诗文荟萃网页设置一个漂亮的背景）（给诗文荟萃网页设置一个漂亮的背景） 1、单击“格式”菜单中的“背景”命令，打开 网页属性对话框。 2、选中背景图片单击浏览按键，选择“学生素 材”中“背景图片”中图片。 3、在查找范围中找到桌面背景图片，选择 合适背景图 给网页配背景颜色。 方法：同上，执行

3、第2步时不选背景图片而是选 择颜色。 7 小小 博博 士士 以后我们在网页中插入图片、动画、影视 等多媒体素材时，也会出现“保存嵌入式文 件”对话框，请大家都将文件保存到网站文 件夹下的images文件夹中，这样今后发布网 站时，才不会发生链接错误 为了使因特网上的其他计算机也能顺利地 显示网页中的文字，网页中最好只使用黑体、 楷体、宋体、仿宋体、幼圆这5种标准字体 8 任务四：在网页中插入水平线任务四：在网页中插入水平线 在“诗文荟萃”中插入宽度80%、高度5像素、居中、绿色水平 线 打开“美文在线”网页（mwzx.htm）在标题下面插 入一条宽度100%、高度2像素、居中、黑色的水平线。

4、动动手动动手 方法：1、将光标移至第二行的后面，单击插入 水平线。 2、将光标移动水平线上，右击弹出“水平线属性” 对话框，设置高度、宽度、对齐方式和颜色。 3、单击保存。 9 一、在一、在“诗文荟萃诗文荟萃”网站中打开网站中打开“唐诗赏析唐诗赏析”网页（网页（tssx.htm）进行如下）进行如下 修饰修饰 1 1、将、将“唐诗赏析唐诗赏析”四个字变成隶书、四个字变成隶书、2424磅、加粗、褐紫红色、居中，第磅、加粗、褐紫红色、居中，第 二行到第四行文字为楷体、二行到第四行文字为楷体、1414磅、蓝色、加粗、居中显示，磅、蓝色、加粗、居中显示，“返回返回”二字二字 宋体、宋体、1414磅、蓝色

5、、加粗、居中显示。磅、蓝色、加粗、居中显示。 2 2、在第一行下面插入一条水平线，水平线属性自选。、在第一行下面插入一条水平线，水平线属性自选。 3 3、给网页设置背景，背景自选。、给网页设置背景，背景自选。 二、打开二、打开“美丽家园美丽家园”网站中的网站中的“美丽家园美丽家园”网页（网页（index.htm）进行）进行 如下设置：如下设置： 1 1、标题为黑体、标题为黑体、2424磅、居中、紫色，第二行到第五行文字是楷体、磅、居中、紫色，第二行到第五行文字是楷体、1414 磅、居中、加粗、褐色，第六行文字为红色、楷体、磅、居中、加粗、褐色，第六行文字为红色、楷体、1212磅、加粗、居磅、加粗、居 中，最后一行文字为楷体、居中。中，最后一行文字为楷体、居中。 2 2、将背景设置为自己喜欢的颜色或图案。、将背景设置为自己喜欢的颜色或图案。 3 3、在标题与正文之间插入一条水平线，线长占窗口宽度的、在标题与正文之间插入一条水平线，线长占窗口宽度的75%75%，线宽，线宽 为为3 3像素，紫色