第五讲教案

2020-06-07 12:40

第五讲 表格的应用

一、教学内容:

1、表格的创建 2、表格属性的设置 3、水平线的制作

二、教学难重点

重、难点:表格的应用 ●授课具体内容

一、表格的基本应用(页面布局)

1、表格的创建 1)插入表格 2)表格参数的设置 a、表格的大小 b、表格的对齐方式 c、边框的粗细 d、合并单元格

e、消除单元格之间的空隙

填充:边框与内容的距离 间距:边框与边框的距离 f、合并单元格与拆分单元格(矛盾) 2、表格的自动扩张

3、表格在使用中的建议 1)、慎用“拆分单元格”的命令

2)、在制作复杂表格时,尽量使用表格的嵌套而不是用“拆分单元格”

3)、在网络运行时,表格的单位越小,网页的运行速度越快,因此在使用表格时,尽量使用小单元的表格。

二、水平线(或垂直线)的制作方法

1、利用Photoshop制作水平线(或垂直线)的图像,然后再加载到网页中

2、使用Dreamweaver 8.0中的水平线制作

3、利用单元格制作水平线(或垂直线),步骤如下: 水平线:

1)设置水平单元格的背景颜色(即水平线的颜色) 2)将单元格的高度设置为1px

3)进入到代码视图,将代码“ ”(空格行)删除 垂直线:

1)设置垂直单元格的背景颜色(即垂直线的颜色) 2)将单元格的宽度设置为1px

3)进入到代码视图,将代码“ ”(空格列)删除

三、设置超级链接

四、对网页进行完善

1、联系我们:

mailto:toyato79@tom.com 2、关于我们: 3、加入收藏夹:

1)选中“加入收藏夹”,打开属性面板,在链接中输入字符“#”

2)打开代码视图,将代码: 修改为:

onClick=\o.com','欢迎进入toyato网站')\加入收藏夹 4、设为首页:

1)选中“设为首页”,打开属性面板,在链接中输入字符“#”

2)打开代码视图,将代码: 修改为:

onClick=\his.setHomePage('http://www.toyato.com')\设为首页

注:表格的边框属性

实 验 报 告 (实验报告四)

实验时间:

一、实验题目:利用表格制作网页 二、实验目的与要求:

掌握表格的嵌套、合并单元格,拆分单元格、表格属性的设置,制作如下图所示的界面:

设置与我联系、加入收藏夹、设为首页的代码;设置相应项目的超级链接 三、实验步骤:


第五讲教案.doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:湖南移动公司2016年零星短途运输服务项目比选文件

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: