任务五 布局技术表格.ppt

该【任务五 布局技术表格 】是由【小屁孩】上传分享，文档一共【21】页，该文档可以免费在线阅读，需要了解更多关于【任务五 布局技术表格 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。网页设计DreamweaverCS3项目教程2021/10/101项目三布局技术任务五布局技术之一—表格技能目标熟练运用表格掌握页面布局技术。能够通过表格的定位使页面的布局更加合理、美观。知识目标熟练掌握表格的添加与编辑。掌握表格中操作行和列的方法。掌握单元格的拆分与合并方法。掌握在表格中输入文字、图像并定位的方法。掌握嵌套表格的用法。掌握切换视图的操作方法。掌握布局表格、单元格的绘制与属性设置方法。2021/10/102项目三布局技术任务五布局技术之一———布局模式和扩展表格模式2021/10/103项目三布局技术任务五表格——构建任务工作任务利用表格搭建页面时,应先规划好页面中各元素的具体位置,通过表格将这些区域划分出来,在单元格中插入元素后,再仔细调整各单元格的大小、位置,使页面各个元素的所在位置与实际需要相符。通过该任务的实施,用户能够灵活利用表格的背景、框线等属性设置,掌握使用表格准确定位页面元素的排版技术,创建布局更加合理、美观的网页效果。2021/10/104项目三布局技术任务五表格——构建任务工作流程在站点中新建一个页面并保存。在网页中插入一张表格。合并单元格。为单元格设置背景色根据布局需要插入嵌套表格。在指定位置插入图片和文字。根据页面的布局调整图片大小。为文字设置相关属性。为表格内文字建立超链接。2021/10/105项目三布局技术任务五表格——构建任务网页预览效果2021/10/106项目三布局技术任务五表格-问题探究传统的网页设计一般会根据用户要求,考虑好主色调、图片、字体、颜色后,再用Photoshop等制图软件自由的画出来,最后切成小图,再通过表格的定位来排版这些元素,从而设计整个网页页面。一般表格边框宽度设为0,有时设置了边框反而会影响页面的显示效果。最好将表格的宽度设置为以像素为单位,这样当浏览器的窗口大小改变时,表格不会因此而改变,真正起到定位的作用。2021/10/107项目三布局技术任务五表格-问题探究表格的组成元素表格由边框、行、列、单元格组成。整张表格的边缘称为边框,水平方向的一组单元格称为行,垂直方向的一组单元格称为列,行列交叉部分就称为单元格,单元格中的内容和边框之间的距离称为边距,单元格和单元格之间的距离称为间距。如图3-1所示。行列单元格边框间距边距。图3-1表格示意图行列单元格边框间距边距2021/10/108项目三布局技术任务五表格-问题探究插入表格新建一张页面,在设计视图将插入点放在需要表格出现的位置。若文档是空白的,则插入点自动置于文档的起始处。选择“插入记录/表格”命令,或在“插入”栏的“常用”类别中单击“表格”按钮,弹出如图3-2所示的“表格”对话框。图3-2插入表格对话框2021/10/109项目三布局技术任务五表格-问题探究设置表格及单元格属性在设计视图中表格的属性设置有三种:表格整体设置、行和列设置和单元格设置。表格格式设置的优先顺序为单元格、行列、表格。设置表格属性:在表格的外框单击,就可以选中整个表格,在属性面板可以为选中表格进行属性设置。如图3-4所示。图3-4表格属性面板2021/10/1010项目三布局技术