修饰网页中的文字和背景.ppt

1网页1网页2

2修饰网页中的文字和背景赵琳宁津县大赵中学

3学习目标掌握用网页编辑软件翻开网站和修改网页的根本方法学会对网页中的文字进行各种修饰学会为网页设置背景学会使用水平线美化网页

4任务一：

翻开“诗文荟萃”网站中的“诗文荟萃”网页方法一：步骤：1、启动Frontpage软件，点击“文件”菜单中的“翻开网站”命令，选择桌面——学生素材——诗文荟萃文件夹，点击翻开。 2、点击“文件”菜单中的“翻开”命令，选择桌面——学生素材——诗文荟萃文件夹，选择“index.htm”,点击翻开。方法二：翻开桌面——学生素材——诗文荟萃中，右击“index.htm”选择“编辑”命令。

5任务二：修饰“诗文荟萃”网页中的文字

标题“诗文荟萃”设置为楷体、24磅、加粗、居中、红色动动手：第2行—10磅、蓝色、居中第3-6行—14磅、深蓝色、居中

6任务三：给网页配上漂亮的背景〔给诗文荟萃网页设置一个漂亮的背景〕1、单击“格式”菜单中的“背景”命令，翻开网页属性对话框。2、选中背景图片单击浏览按键，选择“学生素材”中“背景图片”中图片。3、在查找范围中找到桌面——背景图片，选择适宜背景图……给网页配背景颜色。方法：同上，执行第2步时不选背景图片而是选择颜色。

7小博士以后我们在网页中插入图片、动画、影视等多媒体素材时，也会出现“保存嵌入式文件”对话框，请大家都将文件保存到网站文件夹下的images文件夹中，这样今后发布网站时，才不会发生链接错误为了使因特网上的其他计算机也能顺利地显示网页中的文字，网页中最好只使用黑体、楷体、宋体、仿宋体、幼圆这5种标准字体

8任务四：在网页中插入水平线在“诗文荟萃”中插入宽度80%、高度5像素、居中、绿色水平线翻开“美文在线”网页〔mwzx.htm〕在标题下面插入一条宽度100%、高度2像素、居中、黑色的水平线。动动手方法：1、将光标移至第二行的后面，单击插入——水平线。2、将光标移动水平线上，右击弹出“水平线属性”对话框，设置高度、宽度、对齐方式和颜色。3、单击保存。

9巩固练习一、在“诗文荟萃”网站中翻开“唐诗赏析”网页〔tssx.htm〕进行如下修饰1、将“唐诗赏析”四个字变成隶书、24磅、加粗、褐紫红色、居中，第二行到第四行文字为楷体、14磅、蓝色、加粗、居中显示，“返回”二字宋体、14磅、蓝色、加粗、居中显示。2、在第一行下面插入一条水平线，水平线属性自选。3、给网页设置背景，背景自选。二、翻开“美丽家园”网站中的“美丽家园”网页〔index.htm〕进行如下设置：1、标题为黑体、24磅、居中、紫色，第二行到第五行文字是楷体、14磅、居中、加粗、褐色，第六行文字为红色、楷体、12磅、加粗、居中，最后一行文字为楷体、居中。2、将背景设置为自己喜欢的颜色或图案。3、在标题与正文之间插入一条水平线，线长占窗口宽度的75%，线宽为3像素，紫色居中。

10翻开网页修饰网页中的文字给网页配上漂亮的背景在网页中插入水平线收获