第4章 节 表格和网页布局 Dreamweaver+Flash+Photoshop网页制作从入门到精通（CS6版） 课件.pptxVIP

;本章导读;4.1 添加文本;4.1.1 创建表格;表格创建完成后，即可按照在表格外添加文本、图像、背景图像和Flash影片等，向表格单元格中添加元素对象，如图所示。;1．选择整个表格;2．选择列和行;按住“Ctrl”单击要选择的单元格、行或列，可以选择几个单元格，如左图所示。如果已将其选中，则再次单击会将其从选择中删除。 如果将鼠指针定位到表格边框上，然后按住“Ctrl”键，则将高亮显示该表格的整个表格结构（即表格中的所有单元格），如右图示。;4.2.2 单元格的合并与拆分;1．单元格的合并;单击某个单元格，选择【修改】/【表格】/【拆分单元格】命令或在HTML“属性”面板中，单击“拆分单元格”按钮 ，在打开的“拆分单元格”对话框中设置拆分的列数或行数，如图4所示。;4.2.3 行和列的添加与删除;1．添加行或列;在要删除的行或列中的一个单元格内单击鼠标右键，然后在弹出的快捷才当中选择【表格】/【删除行】命令或【表格】/【删除列】命令，如图所示。;在“设计”视图中选择已插入的表格，在“属性”面板中可对表格进行宽度、边框粗细、对齐等属性进行设置，如图所示;除了能设置整个表格的属性外，还能对表格的单元格、行或列的属性进行设置。选中要设置属性的单元格、行或列，其“属性”面板如图所示。;4.2.6 调整表格、列和行的大小;1．调整表格大小;2．清除表格中所有设置的宽度和高度;4.3 使用DIV进行网页布局;4.3.1 使用可视化助理进行布局;标尺可帮助网页设计人员测量、组织和规划布局，以像素、英寸或厘米为单位来标记。选择【查看】/【标尺】/【显示】命令可以显示或隐藏标尺。;辅助线是从标尺拖动到文档上的线条，有助于准确地放置和对齐对象以及使用辅助线来测量页面元素的大小，或者模拟Web浏览器的重叠部分。从相应的标尺拖动即可创建辅助线，其操作方法是：从标尺位置拖动到文档中释放鼠标创建标尺，如图所示。;网格在“文档”窗口中显示一系列的水平线和垂直线。它对于精确地放置对象很有用。可以让经过绝对定位的网页页元素在移动时自动靠齐网格，还可以通过指定网格设置更改网格或控制靠齐行为，如图所示。;4.3.2 插入和???辑Div标签;1．插入 Div 标签;将插入点放在 Div 标签中，选择该文本，在上面键入内容或按 Delete 键可以更改 div 标签中的占位符文本。同样将插入点放在Div标签中单击“插入Div标签”按钮，可以插入嵌套Div标签，如图所示。;4.3.3 使用 AP 元素;1．插入AP Div;单击“插入AP Div”按钮 ，按住“Ctrl”键拖动可以连续绘制多个AP Div。如图所示。;嵌套的 AP Div 是其代码包含在另一个 AP Div 的标签内的 AP Div。如左图所示。 要绘制嵌套AP Div，首先需要在“首选参数”中启用嵌套。如右图所示。;4.3.4 编辑AP Div;1．选择AP Div;2．移动AP Div;3．对齐AP Div;4．调整AP Div的大小;4.3.5 设置AP Div属性;从入门到精通;本例制作的“鲜花”网页属于鲜花网站的图片展示块，它通过网站对鲜花图片的展示，使客户能足不出户就可以选购自己心仪的鲜花。 花本身是一种比较容易在网络上进行销售的产品，不存在网上和现实中具有较大的品质差异，在网上挑选更加直观和方便，而且现在大部分网上的花店都将订花、送花合并成一条龙服务，让买花的消费者越加方便。轻松点击之间，鲜花与衷心的祝福便可以准时送抵朋友。 鲜花的热潮也许不能完全决定整个电子商务成功与否，但会有越来越多的人参与到电子商务的购物方式中。;4.4.2 操作思路;从入门到精通;操作思路;从入门到精通;操作思路;从入门到精通;从入门到精通