Frontpage网页制作ppt.ppt

《Frontpage网页制作ppt.ppt》由会员分享，可在线阅读，更多相关《Frontpage网页制作ppt.ppt（18页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、多媒体多媒体CAICAI课件制作课件制作实例教程（第实例教程（第3 3版）版）多媒体多媒体CAICAI课件制作课件制作实例教程（第实例教程（第3 3版）版）FrontPage 网页制作网页制作FRONTPAGE制作制作FRONTPAGE 的打开方法的打开方法1.1.桌面快捷按钮桌面快捷按钮2.2.开始开始-程序菜单程序菜单-Microsoft Office-Microsoft Office -Microsoft Frontpage -Microsoft FrontpageFrontPage基础知识基础知识v使用界面 上一张下一张退 出主菜单 工具栏 编辑模式按钮 编辑区 任务窗格 标题栏 菜单

2、栏 工具栏 网页标签 任务窗格 编辑区 编辑模式按钮 FrontPage基础知识基础知识v视图介绍视图介绍 设计制作网页与管理各种文件的任务不同，其工作的设计制作网页与管理各种文件的任务不同，其工作的界面也不相同。每一种工作界面就是一种视图，界面也不相同。每一种工作界面就是一种视图，FrontPage中共有中共有7种视图种视图。1“网页视图网页视图”2“文件夹文件夹”视图视图 3“导航导航”视图视图 4“超链接超链接”视图视图 上一张下一张退 出主菜单插入图片、修改图片插入图片、修改图片任务一：任务一：打开打开“桌面桌面课堂任务课堂任务任务任务1index.htm”，进行操作并保存。进行操作并

3、保存。1、在、在“唐代服饰唐代服饰”具体内容的末尾插入图片具体内容的末尾插入图片tangzhuang.jpg，宽度为，宽度为“150像素像素”高度为高度为“92像素像素”，右对齐；，右对齐；2、把这一段文字改成、把这一段文字改成“宋体宋体”，字号，字号“10磅磅”效果如图片中的效果如图片中的“样张二样张二”所示所示添加添加Flash动画动画 动画可以将事物的发展变化过程直观形象地动画可以将事物的发展变化过程直观形象地展示给学生，目前被广泛使用的动画主要有展示给学生，目前被广泛使用的动画主要有两种：一是两种：一是GIF动画，另一类是动画，另一类是Flash动画。动画。上一张下一张退 出主菜单插入

4、插入Flash动画动画任务二：任务二：打开打开“桌面桌面课堂任务课堂任务任务任务2index.htm”，在第一行有在第一行有“插入插入flash处处”插入插入flash文件文件fashion.swf，宽度为，宽度为“500像素像素”高度为高度为“80像素像素”，删除提示文字；进行以作并保存。效果如图片，删除提示文字；进行以作并保存。效果如图片中的中的“样张一样张一”所示。所示。插入插入Flash动画动画添加表格添加表格v添加表格添加表格 在网页制作中表格的用途很大，不但呈现数据信息在网页制作中表格的用途很大，不但呈现数据信息需要用到表格，而且还可以利用表格来规划网页。在表需要用到表格，而且还可

5、以利用表格来规划网页。在表格中，可以插入图片、文字、视频等信息。格中，可以插入图片、文字、视频等信息。新建网页新建网页插入表格插入表格设置表格宽度设置表格宽度合并单元格合并单元格输入文字并设置单元格对齐方式输入文字并设置单元格对齐方式上一张下一张退 出主菜单任务三：任务三：新建网页文件保存为新建网页文件保存为:桌面桌面 课堂任务课堂任务 任务任务3No2.htm3No2.htm（1 1）插入文字）插入文字“城市风光城市风光”，设置字体居中对齐，字体为隶，设置字体居中对齐，字体为隶书，字号为书，字号为1818磅；磅；(2)(2)在在“城市风光城市风光”下面插入水平线，设置水平线属性为宽度下面插入

6、水平线，设置水平线属性为宽度50%,50%,高度高度3 3像素；像素；(3)(3)在水平线下方插入一个在水平线下方插入一个4 4行行5 5列的表格，并将表格的第一行列的表格，并将表格的第一行合并，且看不到边框。合并，且看不到边框。新建网页（用表格布局页面）新建网页（用表格布局页面）美化网页的画面美化网页的画面v用图片设置网页的背景用图片设置网页的背景 在在FrontPage中，默认的网页背景颜色为中，默认的网页背景颜色为白色，但为了网页美观一般使用图片，或白色，但为了网页美观一般使用图片，或者一种颜色作为网页的背景，设置的方法者一种颜色作为网页的背景，设置的方法也很简单。也很简单。上一张下一张

7、退 出主菜单 设置网页交互设置网页交互v使用超链接设置交互使用超链接设置交互 在浏览网页时，当鼠标在一些文字或者图片上在浏览网页时，当鼠标在一些文字或者图片上移动时，指针变成小手的形状，单击则打开一移动时，指针变成小手的形状，单击则打开一个新的网页，这个网页和你单击的位置是一种个新的网页，这个网页和你单击的位置是一种链接的关系，就是超链接。网页中的超链接又链接的关系，就是超链接。网页中的超链接又可以分为：文本超链接，图像超链接，可以分为：文本超链接，图像超链接，E-mail链接，锚点链接，文件链接，空链接等。链接，锚点链接，文件链接，空链接等。上一张下一张退 出主菜单任务四：任务四：打开文件打

8、开文件“桌面桌面课堂任务课堂任务 任务任务4test.htm4test.htm”，进行以下操进行以下操作并保存，效果如图片作并保存，效果如图片“样张样张.jpgjpg”所示。所示。(1)(1)将表格左边四个单元格中的文字分别链接到对应的网页文将表格左边四个单元格中的文字分别链接到对应的网页文件；件；(2)(2)设置网页背景音乐为设置网页背景音乐为“jgzy.midjgzy.mid”，不限循环次数；不限循环次数；(3)(3)设置网页背景为粉红色；设置网页背景为粉红色；(4)(4)在右上角单元格中插入动画在右上角单元格中插入动画“zfbdc.swfzfbdc.swf”。设置网页交互（超链接的使用）

9、设置网页交互（超链接的使用）综合训练综合训练v完成一个班级宣传的网站完成一个班级宣传的网站 假如，为了更好地宣传本班，同学们能否利用FrontPage 2003来创建一个简单的“我们的班级”页面吗？我们来比一比谁的网页更生动更吸引人。课堂小结课堂小结 通通过过今今天天这这节节课课我我们们已已经经掌掌握握了了用用FrontPage FrontPage 20032003来创建了一个简单的网页的基本操作。来创建了一个简单的网页的基本操作。我们要想使自己的网页更吸引人，呈现多姿多我们要想使自己的网页更吸引人，呈现多姿多彩的画面，提高网页的点击率。同学们动动脑筋彩的画面，提高网页的点击率。同学们动动脑筋想想如何对你的网页进行修饰呢？想想如何对你的网页进行修饰呢？多媒体多媒体CAICAI课件制作课件制作实例教程（第实例教程（第3 3版）版）