五年级下册信息技术课件-第10课制作迷人风光网页人教新课标 共22张PPT

学习过程
动手做：制作“北京风光”网 页。
第1步：单击常用工具栏中的按钮，创建一个新网页。 第2步：插入一个10行5列的表格，宽度设为页面的90%，水平居 中对齐，浏览时不显示边框，再合并第1、2行的单元格。 第3步：把鼠标指针指向第4行单元格左侧的边框，指针变成→ 形后单击，选定第4行。按住Ctrl键，再依次选定第6、8、10行。 第4步：依次打开“表格”菜单、“属性”菜单，单击“单元格” 命令，打开“单元格属性”对话框，单击“背景颜色”选择框中的 按钮，选择一种适当的颜色，如浅黄色。选好后单击按钮，就可以 为选定的单元格填充上指定的颜色。
课堂练习
1.根据“迷人风光”网页中的要求，参照“北京风光” 网页，搜集各地的风景名胜图片，制作相关的网页，并建立 相应的超链接。
提示：可以以小组形式分别制作，然后相互交流、汇总。 2.参照下面的网页，为首页中的“传说故事”栏目制作 网页，并建立相应的超链接。
谢谢
学习过程
第5步：在表格第1行的单元格中输入标题“北京风光”并 适当设置文字的字体、字号、颜色等格式，插入修饰标题的图 片（绿叶）。再在第2行的单元格中插入一条水平线。
第6步：把插入点移到第3行第1列的单元格中，然后单击常 用工具栏中的按钮，插入一幅事先准备好的风景图片，如“北 海白塔”图片。
学习过程
创建自动缩略图时执行工具菜单中的网页选项命令出现网页选项对话框时打开自动缩略图选项卡可以根据实际需要指定缩略图的尺寸边框样式边框粗细等属性
第10课 制作迷人风光网 页
目录
CONTENTS
1 学习目标 2 学习过程 3 小拓展 4 知识窗 5 课堂练习
学习目标
学会制作艺术字标题。 掌握制作缩略图的操作方法。 能够为网页设置超链接。
第1步：在FrontPage窗口中打开含有超链接的网页。 第2步：右击含有超链接的文字或图标，弹出快捷菜单 时，单击“超链接属性”命令，打开“编辑超链接”对话框。
小拓展
第3步：在对话框下方的“可选”栏中单击“目标框架” 右侧的按钮，打开“目标框架”对话框。
小拓展
第4步：在“公用的目标区”列表框中选择“新建窗口” 选项。
第5步：依次单击按钮，关闭打开的对话框。 此后，在浏览器窗口中浏览网页时，单击网页中的超链 接，就可以打开一个新的IE窗口，窗口中会显示出所链接网 页的内容。
知识窗
自动缩略图 FrontPage的自动缩略图可以对图像进行两方面的处理：
一是通过重新取样，为图像保存一个尺寸较小的缩略图；二 是将网页中的缩略图与原图链接起来。创建自动缩略图时， 执行“工具”菜单中的“网页选项”命令，出现“网页选项” 对话框时，打开“自动缩略图”选项卡，可以根据实际需要， 指定缩略图的尺寸、边框样式、边框粗细等属性。
学习过程
第3步：插入表格。 依次打开“表格”菜单、“插入”菜单，单击其中的“表格” 命令，打开“插入表格”对话框，在页面中插入一个15行3列的表 格。合并最后两行的单元格，表格宽度设为整个页面的80%，对齐 方式为水平居中，浏览时不显示边框。
学习过程
第4步：依次打开“插入”菜单、“图片”菜单，单击其中的 “剪贴画”命令，打开“剪贴画库”对话框，从“Welb符号”类 别中选择一种合适的图形符号插入第1行第1列的单元格中。
第5步：用“复制”“粘贴”的方法，在其他相应单元格中插 入图形符号。
第6步：在表格的单元格中输入相应的地名。 第7步：左右拖动单元格之间的表格线，适当调整列宽。 第8步：在表格的第14行单元格中插入一条水平线，再把首页 文件中的版本信息复制到最后一行的单元格中。
学习过程
第9步：保存并浏览网页。 至此“迷人风光”网页就制作完成了，但只在其中列出了接 地名分类的标题，还需要为这些标题建立相应的网页，添加具体 的内容。
操作后，选定的文字会加上下画线，表示地名“北京” 及图标与“北京风光”网页已经建立了超链接。
小拓展
设置网页的打开方式 按照前面介绍的创建超链接的方法操作，被链接网页的
默认打开方式是在原来的IE窗口中打开新网页，原来的网页 被覆盖。实际应用时，通过修改网页的打开方式，可以在新 的IE窗口中打开超链接指向的网页，操作方法如下。
学习过程
制作完成“星星网上家园”网站的首页以后，就可以按照它 的结构图制作与各个栏目相关的网页了。为了使访问者能够方便 地浏览整个网站，还要为相关的网页建立一些超链接。下面先为 “迷人风光”栏目制作相关的网页。
学习过程
一、制作“迷人风光” 网页
动手做：制作“迷人风光”网 页
第1步：启动FrontPage，执行“文件”菜单中的“打开站点” 命令，打开站点“李敏的网站”。
第7步：选定插入的风景图片，单击“图片”工具栏中的“自动缩略 图”按钮，选定的图片就会缩小，变成缩略图。
学习过程
第8步：拖动缩略图上的操作点，适当调整它的大小。再在图片下方 对应的单元格中输入图片的说明文字并设置适当的格式。
第9步：仿照以上方法，插入其他单元格中的图片和文字，并制作成 缩略图。
第10步：选定第1行单元格，执行“表格”菜单中的“平均分配列宽” 命令，使表格中的每一列等宽。
学习过程
第2步：制作艺术字标题。 ①打开Word窗口，单击绘图工具栏中的按钮，在Word窗口的 页面中制作艺术字“迷人风光”。 ②选定制作好的艺术字，单击常用工具栏中的按钮，把它复 制到剪贴板中。 ③单击任务栏中的按钮，使FrontPage窗口成为当前窗口，再 单击常用工具栏中的按钮，把制作好的艺术字粘贴到编辑区中。 ④适当调整艺术字在网页中的大小和位置。
学习过程
二、制作“北京风光” 网页
有许多手段可以用来展示各地的“迷人风光”，在网页 中应用图片是简单、易行的一种。下面以制作“北京风光” 网页为例，介绍有关方法。
Hale Waihona Puke 学习过程实际制作时，为了使图片整齐、有序，也采用表格布局方式， 把图片及说明文字放在表格的单元格中。
图片文件一般都比较大，如果不加处理就放到网页上去，下 载速度会变得很慢。为此，这个网页应用了自动缩略图技术，把 图片缩成了小图。浏览时单击小图，就可以显示出原始图片。
至此，“北京风光”网页就制作完成了。 保存网页后在IE窗口中浏览网页。单击网页中的某个缩略图，图片 会以原尺寸显示。浏览完原图后，单击IE窗口工具栏中的按钮，可以返 回原网页。
学习过程
第1步：打开“迷人风光”网页，选定地名“北京”及 图标。
第2步：单击常用工具栏中的按钮，打开“创建超链接” 对话框，找到要链接到的网页文件名，如beijingfg.htm， 然后双击它。