您好,欢迎来到华佗小知识。
搜索
您的当前位置:首页网页设计与制作之表格的处理

网页设计与制作之表格的处理

来源:华佗小知识
页来制作。

【实验内容】

【实验要求】

【实验目的】

[3] 掌握利用表格技术对页面进行布局的方法。

[2] 熟悉文本数据与表格数据之间的导入导出方法;

[1] 掌握在页面中创建、编辑表格、设置表格属性的方法;

实验三 网页表格的处理

通过本实验,使学生熟悉表格的基本操作和如何利用表格进行页面布局的方法。

[1] 创建一个嵌套表格,在表格中添加文字和图片,如图1“彩色天气预报表”所示;

[2] 利用表格定位与布局技术来制作一个网页,如图2“网页布局”所示,可参照给出的网

图1“彩色天气预报报表”

【实验步骤】

布局视图

2、设置最外层的表格的属性值,见其属性面板:

图2“网页布局”

“彩色天气预报报表”页面的制作

标准视图

1、 首先在制作出如下所示的表格:

【实验步骤】

设置效果如下图所示:

3、格式化嵌套表格如下图所示:

4、输入文字,并设置相应格式,最终效果如下图所示:

“网页布局”页面的制作

1、 首先,网页的布局遵循从大到小的的布局原则。所以我们在布局之前,先要确定整幅

页面需要分成几个部分。此例我们分为四个部分:

具体内容( 760 ╳ 270 )

说明部分( 760 ╳ 36 )

导航部分( 760 ╳ 44 )

标题部分( 760 ╳ 70 )

 3、 “具体内容”部分又分成三个小区,即又需要创建三个嵌套布局表格,如图:

4、在各布局表格中插入需要的布局单元格,因为所有的内容只能插入到布局单元格里。

2、 导航部分又可分为导航区和位置搜索区,故共应插入 5 个 1 ╳ 1 ,宽度 760 像素

边距、间距、边框皆为 0 的布局表格,如图:

5、着色背景,格式化布局。

6、添加相应的网页元素到表格中,最终效果如下图所示:

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- huatuo0.cn 版权所有 湘ICP备2023017654号-2

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务