网页制作中的表格与布局(英文版).ppt
YY****。。
亲,该文档总共16页,到这已经超出免费预览范围,如果喜欢就直接下载吧~
相关资料
网页制作中的表格与布局(英文版).ppt
Chapter5TablesandpagelayoutObjectivesTableusesBasictablestructureSpanningrowsandcolumnsDescriptiveelementsTablecellspacingTableandcelldimensionsCellcontentalignmentResponsiblelayouttablesCSSlayoutsCSSlayoutsReadingassignmentHomework4—enhanceyoursite’slayo
32-布局表格-《网页设计制作》.ppt
布局表格学习要点1.1认识布局模式1.1认识布局模式1.1.1切换到布局模式1.1.2认识布局视图1.1.3退出布局模式1.2用布局视图布局页面1.2用布局视图布局页面1.2.1创建布局表格和布局单元格1.2.2设置布局表格和单元格属性1.2.3在布局表格中添加网页元素1.2.4调整布局表格和布局单元格1.2.4调整布局表格和布局单元格1.清除布局单元格高度2.布局单元格的大小调整及布局表格的移动利用布局表格创建下面页面
31-应用表格布局-《网页设计制作》.ppt
最终效果图完成页面布局一个简单示例本章导读学习目标本章要点4.1插入表格3.1插入表格3.1.1插入表格的方法一张表格横向叫行,纵向叫列。行列交叉部分就叫做单元格。单元格中的内容和边框之间的距离叫边距。单元格和单元格之间的距离叫间距。整张表格的边缘叫做边框。3.1.2嵌套表格的创建3.1.3在表格中添加内容3.1.4应用举例——在网页中插入表格并添加网页元素最终效果图3.2表格的基本操作3.2表格的基本操作3.2.1选中操作3.2.1选中操作1.整个表格的选中2.行或列的选中3.单元格的选中3.2.2单元
DW网页布局表格布局表格.pptx
会计学4.1.1创建表格4.1.2选择表格和单元格4.1.3设置表格和单元格的属性1.设置表格和单元格的宽度与高度2.为表格和单元格设置背景颜色及背景图像课堂练习1使用表格构建“火百合”主页布局课堂练习2制作细线表格4.1.4合并与拆分单元格2.拆分单元格4.1.5添加或删除行和列4.1.6格式化表格课堂练习3制作嵌套表格课堂练习4制作圆角表格4.2使用布局表格布局网页4.2.1.模式简介及注意事项在dw中使用表格有以下3种模式:标准模式:具体内容添加和显示的模式。表格扩展模式:使用表格对页面进行布局的模
网页制作--利用表格进行页面布局教案oc.doc
网页制作——利用表格进行页面布局教学目标:【知识与技能目标】1.巩固前面所学的知识,熟悉表格的使用方式。2.合理利用表格设计网页整体的框架。【过程与方法】1.展示两组素材相同而布局不同的网页,让学生进行比较。2.通过对已有网页的分析,启发学生联想,通过讨论、总结,诱导学生创造出自己的网页结构。【情感、态度与价值观目标】1.通过启发式教学,激发学生的学习兴趣,培养学生对页面的整体规划能力、审美能力和创新能力。2.在布局网页页面活动过程中让学生体验到成功的喜悦与成就感。教学重点:学生自主的运用表格设计网页框架