中职 网页设计与制作（Dreamweaver CS5）02(表格基本操作)教学课件高教版.pptx

《中职 网页设计与制作（Dreamweaver CS5）02(表格基本操作)教学课件高教版.pptx》由会员分享，可在线阅读，更多相关《中职 网页设计与制作（Dreamweaver CS5）02(表格基本操作)教学课件高教版.pptx（16页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、YCF中职 网页设计与制作（Dreamweaver CS5）02(表格基本操作)教学课件 高教版网页设计与制作Dreamweaver CS5)网页设计与制作Dreamweaver CS5)表格基本操作2网页设计与制作Dreamweaver CS5)知识点 实验表格基本操作3表格在网页中的作用组织数据网页设计与制作Dreamweaver CS5)知识点 实验表格基本操作4表格在网页中的作用版面布局网页设计与制作Dreamweaver CS5)知识点 实验表格基本操作5表格在网页中的作用版面布局网页设计与制作Dreamweaver CS5)知识点 实验表格基本操作6表格在网页中的作用 组织信息 表

2、格可以使大量的信息资料有组织的排列起来，以达到查阅快捷，管理便利的目的。版面布局 表格是网页制作中最为重要的一个对象，网页是依靠表格来进行版面布局和组织各元素的。网页设计与制作Dreamweaver CS5)知识点 实验表格基本操作7表格在网页中的作用组织信息 表格直接决定了网页是否美观，内容组织是否清晰。合理的利用表格可以美化页面。网页设计与制作Dreamweaver CS5)知识点 实验表格基本操作8表格操作新建表格u“行”、“列”：指定表格的行数或列数；u“宽度”：指定表格宽度，以像素或占浏览器窗口百分比为单位；u“边框”：指定边框宽度；u“单元格边距”：指定单元格中的内容到单元格边框之

3、间的空白宽度；u“单元格间距”：指定各个单元格之间的间距。网页设计与制作Dreamweaver CS5)知识点 实验表格基本操作9表格操作u 相对宽度：百分比，设置的表格会自动调整大小。u 绝对宽度：像素，设置的表格大小不变。表格的相对宽度和绝对宽度网页设计与制作Dreamweaver CS5)知识点 实验表格基本操作10表格操作l表格Id：表格名l行、列：数值框中可修改表格的行数和列数，修改完后按【Enter】键进行确认。l宽：数值框中可修改表格宽度，并在其后的列表中选择“像素”或“百分比”作为度量单位。l填充：数值框中修改单元格内容和单元格边界之间相距的像素数。l间距：数值框中设置相邻的单

4、元格之间相距的像素数。l对齐：下拉列表中选择表格在所属对象中的位置l边框：表格外框的粗细l 类：下拉列表框中选择表格的CSS样式。表格属性网页设计与制作Dreamweaver CS5)知识点 实验表格基本操作11表格操作l 可删除表格的列宽值l 可删除行高值l 将表格宽度从浏览器窗口的百分比转换为像素l 将表格宽度从浏览器窗口像素转换为百分比表格属性网页设计与制作Dreamweaver CS5)知识点 实验表格基本操作12表格操作表格单元格属性l水平：单元格中的数据水平对齐方式l垂直：单元格中的数据水垂直对齐方式l宽：单元格的宽度l高：单元格的高度l背景颜色：单元格的背景颜色网页设计与制作Dreamweaver CS5)知识点 实验表格基本操作13实验1l新建表格l设置表格的属性网页设计与制作Dreamweaver CS5)知识点 实验表格基本操作14实验2l新建表格l设置表格的属性l单元格的合并网页设计与制作Dreamweaver CS5)知识点 实验表格基本操作15实验3网页设计与制作Dreamweaver CS5)知识点 实验表格基本操作16实验4（选做题）数据导入