(中职）信息技术基础第7章在互联网上发布信息教学n课件.ppt

(中职）信息技术基础第7章在互联网上发布信息PPTn课件;信息技术基础;目 录;7.1 制作网页;【任务7.1】制作“自我介绍”个人网页;任务分析;一、观看“中国青年志愿网”网站上网 二、Microsoft FrontPage 2003的窗口 三、制作“自我介绍”的个人网页 四、保存网页 五、退出Microsoft FrontPage 2003;一、观看“中国青年志愿网”网站;一、观看“中国青年志愿网”网站;二、Microsoft FrontPage 2003的窗口;2.FrontPage 2003的窗口;⒊ 几种页面视图模式;⒊ 几种页面视图模式;③拆分视图模式：拆分视图模式如图7- 4所示。编辑区被分为上下两部分，上面一部分是“代码”视图窗口，下面一部分是“设计”视图窗口。可以在两部分之间对照和编辑网页。如果对一个窗口中的内容进行了修改，另一个窗口中的内容也会有相应的改动。;⒊ 几种页面视图模式;⒈ 进入FrontPage 2003后，选择“设计”视图模式。 ⒉ 插入图片。 ⒊ 设置图片的环绕方式、布局和大小。 ⒋ 输入文字 5. 预览网页 操作步骤见书P246;“自我介绍”网页 ;四、保存网页;2.保存嵌入式文件_1;⑵在屏幕弹出的“打开”对话框中（如图7- 8所示），找到“My Webs”文件夹并选中它，单击“打开”按钮。;⑶ 回到“保存嵌入式文件”对话框后，我们看到“niu.gif”这个文件所在的文件夹已经被更改。 ⑷单击“确定”按钮。; 退出FrontPage的方法与退出其他应用软件的方法相同。 ;归纳总结;设置网页的大小 在状态栏的右边，有一排按钮。其中是指当前网页的大小，如果要改变网页的大小，可以单击这个按钮，屏幕弹出如图7- 9所示的菜单，单击需要的页面大小。 这里采用系统默认的页面大小：781×374。 ;发挥自己的想象力，制作一张图文并茂的介绍自己的网页，并把它保存在自己的文件夹中。;7.2 规划网站结构;【任务7.2】规划“班级网站”的结构;任务分析;一、创建一个空白网站 启动FrontPage 2003 新建网页 二、利用“导航”视图，规划网站的结构 1, “文件夹”视图和“导航”视图 ⒉ 创建空白主页 3.创建网站结构 4.修改网页文件名和网页标题 5.刷新“文件夹列表” 三、修改网站结构图 1. 移动网页 2. 删除网页;一、创建一个空白网站;2.新建网站_2;2.新建网站_3;二、利用“导航”视图，规划网站的结构 1.“文件夹”视图和“导航”视图;二、利用“导航”视图，规划网站的结构 ⒉ 创建空白主页;二、利用“导航”视图，规划网站的结构 ⒉ 创建空白主页;二、利用“导航”视图，规划网站的结构3.创建网站结构;二、利用“导航”视图，规划网站的结构4.修改网页文件名和网页标题;二、利用“导航”视图，规划网站的结构5.刷新“文件夹列表”;⑵在“导航”视图窗口中，把鼠标指针移到“我们的生活”矩形框中，仿照第3步的操作方法，在“我们的生活”的下一层添加一张新网页。 ⑶将新添网页的标题改为“我们的班主任”。在“文件夹列表”中，将与其相对应的文件名改为“wmdbzr.htm”（我们的班主任）（图7- 19所示）。;父页和子页;三、修改网站结构图;归纳总结;查看网站结构图 进入“导航”视图，系统默认的网站结构图是横向的。单击“导航”工具栏上的“横向/纵向”按钮，网站结构图就变成横向的。;1.自己规划一个班级网站，设计网站的结构图。 2.搜集能反映自己班级生活的图片、文档等文件保存到硬盘里，以备后用。 ;7.3 为网页添加表格、文字和图片;【任务7.3】制作“班级网站”的主页;任务分析;动手实践;一、在网页中插入表格1.打开“班级网站”，进入主页 ;一、在网页中插入表格 2.插入表格;二、在表格中输入文字、插入图片 1.在第二行第一列的单元格中输入文字 ;二、在表格中输入文字、插入图片 2.在单元格中插入图片 ;二、在表格中输入文字、插入图片 3.保存网页;二、在表格中输入文字、插入图片 4.设置图片的动态效果;二、在表格中输入文字、插入图片 4.设置图片的动态效果;二、在表格中输入文字、插入图片 4.设置图片的动态效果;更改文件夹;知识窗： 静态网页和动态网页;归纳总结;拓展知识_1;拓展知识_2;1.制作“班级网站”的主页 ⑴为你的“班级网站”的主页插入自己设计的表格。 ⑵设置表格的宽度和高度。 ⑶在表格中插入图片，整理图片。 ⑷写一段歌颂班集体的文章，输入到表格中。 ⑸保存网页。 温情提示：将图片保存到“banj