网页设计与制作第05章 Dreamweaver CS5高级应用.pptx

网页设计与制作;本章内容;5.1 表格;5.1.1 表格基本操作;;;;;（5）间距：间距即单元格间距是相邻的单元格之间的距离。如果将间距设为5，得到如图所示效果。 （6）对齐：确定表格相对于同一段落中其他元素（如文本或图像）的显示位置。 （7）边框：指定表格边框的宽度，以像素为单位。 （8）清除列宽和 清除行高按钮：从表格中删除所有明确指定的行高或列宽。 （9）将表格宽度在像素和百分比之间转换。 ;;10．CSS风格设置 步骤1：给“学院新闻”所在单元格设置文字大小、边框颜色等。使用类名选择器，名为news_title。在“.newstitle的CSS规则定义”面板中，“font-family”值为“宋体”，“font-size”值为24像素，“font-weight”为bold，“line-height”值为25像素。“边框”分类对话框中，在“style”属性选择实线（solid），“width”属性除左边框为6像素外，其他均为1像素，“color”为#90ABC6。 步骤2：给所用新闻列表设置字体大小风格，设置类名选择器，类名为“news_list”，将“font-size”为12像素，行高设为25像素。选中所有的新闻列表信息，选择应用newslist类。 选中整个表格，在对应的属性面板中选择“类”选择值“table_border”，在“实时视图”中查看最终效果。 ;5.1.2 表格布局;5.1.3 表格布局应用实例;;;;;5.2 超链接;5.2.1 超链接基本概念;;5.2.2 创建内部超链接;2. 文本超链接 所谓的文本超链接，是把文本作为链接载体的超链接形式。操作方法如下。 （1）在文档窗口“设计”视图中选择文字。如首页中的导航条信息“乐山概况”。 （2）在对应的属性面板中，执行下列操作之一： 单击“链接”文本框右侧的文件夹图标 ，浏览并选择一个目标文件。 使用“指向文件”图标 ，将链接目标指向“文件”面板中的网页文件，如图所示。 ;3. 图片超链接 图片超链接有两种形式，整个图像作为链接载体的图像超链接和图像局部区域作为链接载体的热点超链接。 （1）图像超链接 如果将整个图像作为链接载体，其操作方法和创建文字超链接一致，只是选中的超链接热点是图像而不是文字。 （2）图像热点超链接 图像热点也叫做图像地图或图像映射，是指在同一幅图像中定义多个区域，每个区域指定一个不同的超链接，当单击不同区域时可以跳转到指定的目标网页。创建图像热点的方法如下。以“学习中心”studycenter.html为例。;5.2.3 创建外部超链接;5.2.4 锚点超链接;5.2.5 其他类型超链接;5.2.6 超链接的CSS设置;2．伪类选择器 使用伪类选择器设置风格，能增强用户操作网页的体验，感受超链接在不同状态下的风格变化。其操作方法如下。 （1）在“新建CSS规则”面板中，选择类型为“复合内容（基于选择的内容）”，在“选择器名称”下拉菜单中，选择“伪类”。;（2）确定选择“伪类”后，在“CSS规则定义”中进行风格设置。如选择“a:hover”伪类选择器，设置属性“color”为“#F90”。浏览网页时，当鼠标指向超链接文本时得到图所示效果。 ;5.3 框架;5.3.1 框架基础;;;;5.3.2 创建框架;5.3.2 创建框架;5.3.3 设置框架集与框架;;;;5.3.4 框架实例应用;5.4 使用Div+CSS布局页面;5.4.1 Div基础;5.4.1 Div基础;5.4.2 插入Div的基本操作;;5.4.3 Div+CSS应用实例;;;5.5 表单;5.5.2 表单对象;;（7）单选按钮组 ：插入共享同一名称的单选按钮的集合。在一组选项中只能选择其中一个。 （8）列表/菜单 ：可以在列表中创建用户选项。“列表”选项在滚动列表中显示选项值，并允许用户在列表中选择多个选项。“菜单”选项在弹出式菜单中显示选项值，而且只允许用户选择一个选项。 （9）跳转菜单 ：插入可导航的列表或弹出式菜单。跳转菜单允许插入一种菜单，在这种菜单中的每个选项都链接到文档或文件。 （10）图像域 ：可以在表单中插入图像。可以使用图像域替换“提交”按钮，以生成图形化按钮。 （11）文件域 ：在文档中插入空白文本域和“浏览”按钮。文件域使用户可以浏览到其硬盘上的文件，并将这些文件作为表单数据上传到服务器。 （12）按钮 ：在表单中插入文本按钮。按钮在单击时执行任务，如提交、重置表单或调用某个函数。可以为按钮添加自定义名称或标签，或者使用预定义的“提交”或“重置”标签之一。 （13）标签 ：在文档中给表单加上标签，以label/label形式开头和结尾。 （14）字段集 ：在文本中设置文本标签。;;5.5.3