网页设计与制作ppt课件
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
【难点】表格嵌套的设计与运用。
小结与作业
• 作业 1.完成海城宾馆迎宾楼简介页中圆角表格的 制作技巧。 2.进一步制作与完善班级主页。
图 6-5 作业1网页效果图
.
23
结束
.
24
.
14
4.在第三个表下面建立第四个 1*3 的表格, 居 中 ,宽=777，每列依次插入图片smyx-38.gi f 、s myx-39.gif 、smyx-40.gif。
.
15
table1 table2
table3
table4
图 6-4加盟赠品页表格总体布局
.
16
• 思考与动手训练 自己动手设计与制作班级主页,并要求表格
.
9
6.3.4 合并单元格
使用菜单方法可以进行合并单元格。 【要点】 合并单元格方法：修改-表格-合并单元格
.
10
6.3.5 拆分单元格
图6-2格式化表格对话框
.
11
技能训练
• 制作加盟赠品页表格。
图6-3 加盟赠品页效果图
• 学做要求
1.建立第一个 1*1的表格 ，宽=777 ，高=21，居 中，bg=smyx-2.gif。
面图
6-5
至 尊 宝 宝 幼 儿 园 阴 影 表 格 页
.
19
在HTML中设计表格时，主要用到以下表 格标记符：
（1）TABLE （2）TITLE （3）CAPTION （4）TR （5）TD和TH （6）META
.
20
小结与作业
• 小结 本次课主要讲授拷贝和粘贴表格、添加行或
列 、删除行或列 、合并单元格、 拆分单元格等 内容。 【重点】学会表格布局制作技巧，通过技能训练加 强对网页制作中表格布局 的设计能力和复杂表格 的运用能力的培养。
6.3.1 拷贝和粘贴表格
使用菜单方法可以进行移动或复制。 【要点】 1. 移动方法：剪切、粘贴 2. 复制方法：拷贝、粘贴
.
7
6.3.2 添加行或列
图6-1 表格对话框
.
8
6.3.3 删除行或列
使用菜单方法可以进行删除行或列。 【要点】 1. 删除行方法：修改-表格-删除行 2. 删除列方法：修改-表格-删除列
布局合理、文字美观、图片背景与主页内容搭 配合理。 • 展开班级讨论
自行设计的网页上传到教师机，由教师和 同学互评。相互学习，提高制作能力。
.
17
知识扩展
• 制作至尊宝宝幼儿园阴影表格页面。 【要点】 < table style=“filter:progid:DXImageTransfor m.microsoft.shadow(color=#008800,Direction =120,strength=10)”width=“475” border=“0” al ign=“center” cellpadding=“0” cellspacing=“0” bgcolcor=“e5fecc”> </table>
3.在第二个表格下面建立第三个 1*3 的表格， 宽 = 777 ，居中 。第一列高 = 121, 宽= 44， 背景=smyx-09.gif。第二列中包含一个 7*1 3 的表格，宽=100%，边框 =1，边框颜色 = #339933，间距 =1,填充=0，背景=#000000。 表格背景=#ffffff 。表格内文字格式设为样 式 , 样式属性：大小 =12 ，字体=宋体，行 高=150% , 颜色 =#660000。第三列宽 = 45, 背景= smyx-11.gif。
2.第一个表格下面建立第二个1*5的表格，宽=77 7 ，高=61 ，居中 。其中 列宽依次 ：44、13 5、460、93、45， 列图像依次：图=smyx-29. gif、图=smyx-30.gif、背景=smyx-31.gif、图 =smyx-33.gif 、图=smyx-34.gif 。
.
13
.
4
学习目标
• 以制作加盟赠品页表格为参考学习复杂表 格的制作。
• 学会在网页中运用表格来进行布局。 • 能够灵活运用所学知识制作有特殊效果的
表格网页。
知识点拨
6.3 编辑表格和单元格
6.3.1 拷贝和粘贴表格 6.3.2 添加行或列 6.3.3 删除行或列 6.3.4 合并单元格 6.3.5 拆分单元格
网页设计与制作
杨莉
• • • • • •
任务七 制作加盟赠品页表格
小知技知 学复 结识能识 习习 作扩训点 目引 业展练拨 标课
பைடு நூலகம்
复习引课
• 复习 1.设计和创建一个表格网页，内容如下：
姓名 性别 年龄 总分 李红 女 19 530 王明 男 18 370 刘佳 女 19 420
.
3
• 引课
上次课主要讲简单表格的使用情况， 本次课进一步讲解复杂表格的解决和处理， 以提高表格的制作水平。
小结与作业
• 作业 1.完成海城宾馆迎宾楼简介页中圆角表格的 制作技巧。 2.进一步制作与完善班级主页。
图 6-5 作业1网页效果图
.
23
结束
.
24
.
14
4.在第三个表下面建立第四个 1*3 的表格, 居 中 ,宽=777，每列依次插入图片smyx-38.gi f 、s myx-39.gif 、smyx-40.gif。
.
15
table1 table2
table3
table4
图 6-4加盟赠品页表格总体布局
.
16
• 思考与动手训练 自己动手设计与制作班级主页,并要求表格
.
9
6.3.4 合并单元格
使用菜单方法可以进行合并单元格。 【要点】 合并单元格方法：修改-表格-合并单元格
.
10
6.3.5 拆分单元格
图6-2格式化表格对话框
.
11
技能训练
• 制作加盟赠品页表格。
图6-3 加盟赠品页效果图
• 学做要求
1.建立第一个 1*1的表格 ，宽=777 ，高=21，居 中，bg=smyx-2.gif。
面图
6-5
至 尊 宝 宝 幼 儿 园 阴 影 表 格 页
.
19
在HTML中设计表格时，主要用到以下表 格标记符：
（1）TABLE （2）TITLE （3）CAPTION （4）TR （5）TD和TH （6）META
.
20
小结与作业
• 小结 本次课主要讲授拷贝和粘贴表格、添加行或
列 、删除行或列 、合并单元格、 拆分单元格等 内容。 【重点】学会表格布局制作技巧，通过技能训练加 强对网页制作中表格布局 的设计能力和复杂表格 的运用能力的培养。
6.3.1 拷贝和粘贴表格
使用菜单方法可以进行移动或复制。 【要点】 1. 移动方法：剪切、粘贴 2. 复制方法：拷贝、粘贴
.
7
6.3.2 添加行或列
图6-1 表格对话框
.
8
6.3.3 删除行或列
使用菜单方法可以进行删除行或列。 【要点】 1. 删除行方法：修改-表格-删除行 2. 删除列方法：修改-表格-删除列
布局合理、文字美观、图片背景与主页内容搭 配合理。 • 展开班级讨论
自行设计的网页上传到教师机，由教师和 同学互评。相互学习，提高制作能力。
.
17
知识扩展
• 制作至尊宝宝幼儿园阴影表格页面。 【要点】 < table style=“filter:progid:DXImageTransfor m.microsoft.shadow(color=#008800,Direction =120,strength=10)”width=“475” border=“0” al ign=“center” cellpadding=“0” cellspacing=“0” bgcolcor=“e5fecc”> </table>
3.在第二个表格下面建立第三个 1*3 的表格， 宽 = 777 ，居中 。第一列高 = 121, 宽= 44， 背景=smyx-09.gif。第二列中包含一个 7*1 3 的表格，宽=100%，边框 =1，边框颜色 = #339933，间距 =1,填充=0，背景=#000000。 表格背景=#ffffff 。表格内文字格式设为样 式 , 样式属性：大小 =12 ，字体=宋体，行 高=150% , 颜色 =#660000。第三列宽 = 45, 背景= smyx-11.gif。
2.第一个表格下面建立第二个1*5的表格，宽=77 7 ，高=61 ，居中 。其中 列宽依次 ：44、13 5、460、93、45， 列图像依次：图=smyx-29. gif、图=smyx-30.gif、背景=smyx-31.gif、图 =smyx-33.gif 、图=smyx-34.gif 。
.
13
.
4
学习目标
• 以制作加盟赠品页表格为参考学习复杂表 格的制作。
• 学会在网页中运用表格来进行布局。 • 能够灵活运用所学知识制作有特殊效果的
表格网页。
知识点拨
6.3 编辑表格和单元格
6.3.1 拷贝和粘贴表格 6.3.2 添加行或列 6.3.3 删除行或列 6.3.4 合并单元格 6.3.5 拆分单元格
网页设计与制作
杨莉
• • • • • •
任务七 制作加盟赠品页表格
小知技知 学复 结识能识 习习 作扩训点 目引 业展练拨 标课
பைடு நூலகம்
复习引课
• 复习 1.设计和创建一个表格网页，内容如下：
姓名 性别 年龄 总分 李红 女 19 530 王明 男 18 370 刘佳 女 19 420
.
3
• 引课
上次课主要讲简单表格的使用情况， 本次课进一步讲解复杂表格的解决和处理， 以提高表格的制作水平。