让网页漂亮起来[下学期]

(共34张PPT)
第四课 让网页漂亮起来
网页制作
执教人：魏 静
学习目标:
1、知识目标：
1.让网页中的文字更生动
2.给网页穿上漂亮的衣裳
3.在网页中划分区域-插入水平线
2、能力目标： 培养学生热爱学习独立操作能力 培养学生的审美观点
3、情感目标： 培养学生相互理解、敢于操作、大胆设想的能力
网页制作
我们就以frontpage为例来制作网页
第一步：首先启动frontpage窗口
操作步骤如下：
单击开始
程序
frontpage
如图操作方式
这便是frontpage 2000窗口
这是一个只有图片和文字的小网页
一、设定文字的字体、字号、字型、使文字五颜六色
单击“格式”
如何设定里面的文字颜色为红色例如：
选定文字
字体
这时“字体”对话框出现
在颜色下拉文本框内选中红色，单击“确定”。
看字体
这便是改变字体的色彩
让我们设置一下其它的变化
找同学来演示
二、给网页穿上漂亮的衣裳
1、为网页添加背景颜色
2、用图片做网页的背景
单击菜单栏中的“格式”，打开“格式”菜单，单击“格式”菜单中的“背景”，出现“网页属性”对话框如下图所示
这时网页属性对话框出现
在背景颜色文本框内选择一种蓝颜色，然后单击“确定”。
看底色
如何用图片做网页的背景呢？
单击“格式”菜单
背景
看图
这时“选择背景图片”对话框出现，单击右下角的小铵钮又出现了“选择文本框”，在其下拉文本框内找到要插入的图片选定其图片，然后单击“确定”。
看这幅图便是刚增加的
三、在网页上划分区域——插入水平线
为了使网页条理清晰，在标题与正文之间插入一条水平线。水平线的颜色、粗细可以自由设置，所以插入水平线也可以美化网页
首先我们将刚做的网页中的表格转化为文字
第一步：将光标定位到“丰富的海洋资源”所在的单元格内。
第二步：单击菜单栏上的“表格”，打开“表格”菜单，再单击“转换”，右边弹出子菜单。
第三步：在子菜单中选择“表格到文本”命令。这样表格就没了
看到了吗表格没了
接下来我们给“人类的宝库——海洋”加水平线
单击“插入”菜单“水平线”命令如
看水平线加上了
1、设定文字的字体、字号、字型、对齐方式和字体颜色。
2、给网页配上有颜色或图像的背景
3、表格的转换以及如何插入水平线
小结：