表格制作授课人:刘向荣 Email:ronaldoyun@163.com
任务2-表格布局讲义
任务:
绘制一个通用网站首页的表格布局。(效果演示)
通过网站,了解以下知识点:
熟练运用表格布局;
知道网页的结构元素;
制作过程:
1. 新建一网页。页面设置如下:
2. 插入表格布局网页:
A. 作为网页的页眉(banner广告)如下图,设置第一列表格设为高50,宽204;
B. 在下面再插入一个一行一列的表格(作为栏目),高50,宽770;
C. 重复A步骤的表格(作为功能栏),设置第一列表格设为高50,宽404
...
授课人:刘向荣 Email:ronaldoyun@163.com
任务2-
格布局讲义
任务:
绘制一个通用网站首页的表格布局。(效果演示)
通过网站,了解以下知识点:
熟练运用表格布局;
知道网页的结构元素;
制作过程:
1. 新建一网页。页面设置如下:
2. 插入表格布局网页:
A. 作为网页的页眉(banner广告)如下图,设置第一列表格设为高50,宽204;
B. 在下面再插入一个一行一列的表格(作为栏目),高50,宽770;
C. 重复A步骤的表格(作为功能栏),设置第一列表格设为高50,宽404
D. 在下面再插入一个一行三列的表格(作为网页主体内容),高550;
三行宽度适当调整,根据实际情况分配导航栏,主体内容。
E. 复制B步骤的表格(作为页脚);
3. 添加各部分标注文字和颜色区分;
Tip:通过代码选中表格,表格
居中。
4. 保存网页并命名为“table.html”,按F12浏览网页效果。
指导练习
实际网页的大小布局,要根据图片的大小与实际内容而调整。
PAGE
1
本文档为【表格制作】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。