图像表格与框架.PPT

第4章 图片、表格与框架 本章要点： ? 图片的特点与操作 ? 表格的创建、编辑和属性设置 ? 框架网页的使用 4.1 使用图片改善网页效果 4.1.1 图片格式简介 1．JPG格式 JPG是利用JPEG方法压缩的图片格式，它也是浏览器所广泛支持的一种格式。 2．GIF格式 GIF（Graphics Interchange Format）是“图形互换格式”的简称，它是专为联机图形设计的，目的是能够在不同平台上交流使用。 3．BMP格式 BMP（Bit Map）是一种与设备无关的图片文件格式，它是Windows软件推荐使用的一种位图格式。 4.1 使用图片改善网页效果 选择“插入”菜单的“图片”命令，单击“来自文件”按钮。 4.1 使用图片改善网页效果 单击“常用”工具栏的“保存”按钮 4.1 使用图片改善网页效果 从INTERNET上插入一个图片 4.1 使用图片改善网页效果 4.1 使用图片改善网页效果 4.1 使用图片改善网页效果 4.1 使用图片改善网页效果 4.1 使用图片改善网页效果 4.1 使用图片改善网页效果 4.1 使用图片改善网页效果 思考题？ 思考题？ 思考题？ 4.2 表格 4.2 创建和编辑表格 FrontPage 2003中提供了四种创建表格的方法： 1．快速创建表格单击【常用】工具栏中的【插入表格】按钮 4.2 创建和编辑表格 FrontPage 2003中提供了四种创建表格的方法： 2．菜单命令插入表格执行【表格】→【插入】→【表格】命令，打开【插入表格】对话框 4.2 创建和编辑表格 FrontPage 2003中提供了四种创建表格的方法： 3．手绘表格操作步骤如下： （1）执行【表格】→【手绘表格】命令，打开【表格】工具栏 （2）单击【表格】工具栏的【手绘表格】按钮，鼠标指针在文本编辑区变为铅笔状图标。 4.2 创建和编辑表格 FrontPage 2003中提供了四种创建表格的方法： 4．将文本转换为表格要将文本转换为表格，必须先设置文本的格式。一般用逗号分割数据项，用回车符表示段落结束 。 单元格的控制 创建好表格后，就可以在表格里输入文本了。 单元格里的文本与单元格的对齐方式 设置单元格背景色、边框颜色、背景图片 单元格的选定 合成和拆分单元格 表格的外观设置示意图 页面布局 如下图所示，就是一个采用表格布局的网页，具体制作过程，用户可以参考以上的表格编辑方法，自己独立完成。 思考题？ 4.3 创建框架网页 4.3.1创建框架 4.3 创建框架网页 4.3.1创建框架 4.3 创建框架网页 4.3.2调整框架 4.3 创建框架网页 4.3.2调整框架 思考题？ 思考题？ 小结 本章主要讲述图片在网页制作中的应用技术，包括图片的格式、编辑及映射和替代等，以及表格、框架在网页的整体及局部布局中的应用等。通过本章的学习，用户可以使用图片来丰富网页的内容，并通过FrontPage 2003对所用的图片进行编辑，还可以创建图片的映射及替代性文本等。另外，在制作网页时通常都离不开表格，有时是因为页面内容本身的需要，而在更多数情况下，是需要表格对网页作整体的编排布局。应用表格来设计页面的整体布局，通常这样的表格不是独立的，而是多个表格间的嵌套。设计页面布局的另一个重要技术，就是框架的应用。FrontPage 2003中提供了多个框架式网页的模板，通过模板可以轻松的创建各式各样的框架式网页，本章详细地介绍了框架的编辑及应用。 思考题？ 上机实战将练习用表格来布局安庆师范学院网站的首页()。通过练习读者应掌握表格的绘制、表格属性的设置和用表格来布局的方法。用表格布局网页是网页布局中最常用的方法，也是制作网页的重要部份，读者应多加练习。 把一个浏览器窗口分成几个区域，每一个部分可以显示不同的网页。 选择“文件”菜单的“新建”命令，单击“网页”按钮，选择“框架网页”选项卡 1、鼠标 2、框架属性 2、框架属性 4.3 创建框架网页 4.3 创建框架网页 4.3 创建框架网页 练习 * * 注：只支持GIF和JPG 1、插入图片 1、插入图片 1、插入图片 从“剪贴画”中插入一个图片 保存网页，把剪贴画复制到站点目录下。 2.设置图片透明 3.剪切图片 4. 给图片添加文本 5.设置特殊效果