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