《Web应用开发》课件-05 表格_第1页
《Web应用开发》课件-05 表格_第2页
《Web应用开发》课件-05 表格_第3页
《Web应用开发》课件-05 表格_第4页
《Web应用开发》课件-05 表格_第5页
已阅读5页，还剩8页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

本章简介：在制作网页时，表格的作用不仅是列举数据，更多的是用在网页定位上。很多网页都是以表格布局的，这是因为表格在内容的组织、页面中文本和图形的位置控制方面都有很强的功能。本章主要讲解表格的操作方法和制作技巧。通过这些内容的学习，可以熟练地掌握数据表格的编辑方法及如何应用表格对页面进行合理的布局。05使用表格课堂学习目标掌握插入表格的方法掌握设置表格的方法和技巧掌握在表格内添加元素的方法掌握网页中数据表格的编辑方法5.1表格的简单操作插入表格设置表格属性在表格内添加元素课堂案例—投资理财网页5.1.1插入表格要将相关数据有序地组织在一起，必须先插入表格，然后才能有效组织数据。插入表格的具体操作步骤如下：（1）在“文档”窗口中，将插入点放到合适的位置。（2）通过以下几种方法启用“表格”对话框。选择“插入>表格”命令。单击“插入”面板中“常用”选项卡上的“表格”按钮。单击“插入”面板“布局”选项卡中的“表格”按钮

。按Ctrl+Alt+T组合键。（3）根据需要选择新建表格的大小、行列数值等，单击“确定”按钮完成新建表格的设置。5.1.2设置表格属性插入表格后，通过选择不同的表格对象，可以在“属性”面板中看到它们的各项参数，修改这些参数可以得到不同风格的表格。表格的“属性”面板，其各选项的作用如下。

表格“属性”面板5.1.3在表格内添加元素建立表格后，可以在表格中添加各种网页元素，如文本、图像、表格等。1.输入文字在单元格中输入文字，有以下几种方法。单击任意一个单元格并直接输入文本，此时单元格会随文本的输入自动扩展。粘贴来自其他文字编辑软件中复制的带有格式的文本。

2.插入其他网页元素（1）嵌套表格。将插入点放到一个单元格内并插入表格，即可实现嵌套表格。（2）插入图像。在表格中插入图像有以下几种方法。将插入点放到一个单元格中，单击“插入”面板“常用”选项卡中的“图像”按钮

。将插入点放到一个单元格中，选择“插入记录>图像”命令。将插入点放到一个单元格中，将“插入”面板中“常用”选项卡中的“图像”按钮

拖曳到单元格内。从资源管理器、站点资源管理器或桌面上直接将图像文件拖到一个需要插入图像的单元格内。5.1.4课堂案例—投资理财网页使用“表格”按钮，插入表格进行布局；使用“图像”按钮，插入图像；使用“属性”面板，设置网页的页边距。效果图5.2网页中的数据表格导入和导出表格的数据课堂案例—典藏博物馆网页5.2.1导入和导出表格的数据1．导入Excel文档中的表格数2．导入Word文档中的内容“导出表格”对话框“导入表格式数据”对话框5.2.2课堂案例—典藏博物馆网页使用“导入表格式数据”命令，导入外部表格数据；使用“属性”面板，改变表格的高度和对齐方式。效果图课堂练习—火锅餐厅网页

使用“页面属性”命令，设置页面的边距和标题；使用“表格”按钮插入表格；使用“CSS样式”命令，为单元格添加背景图像效果；使用“图像”按钮插入图像。效果图课后练习—OA办公系统网页

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论