可视化网页设计工具-DW-网页设计.pptVIP

CSS的选择符的类型标签选择符是指以网页中已有的标签类型作为名称的选择符，body是网页中的一个标签类型，div也是，span也是。因此以下选择符都是标签选择符，而它们将控制页面中所有的body、div或span;body{}div{}span{}H1Color:red;Font-size:25px；{}选择器声明属性属性值包含选择符：仅仅对某一对象中的子对象进行样式指定时，可以使用包含选择符：h1span{font-weight:bold;}h1标签下的span标签将被应用font-weight:bold的样式设置。这样做能够帮助我们避免过多的id及class的设置，直接对所需要设置的元素进行设置。标签选择符CSS的选择符的类型CSS的选择符的类型id及class选择符id选择符及class选择符均是CSS提供的由用户自定义的标签标签名称的一种选择符模式，用户可以使用id及class对页面中的HTML标签进行自定义名称，从而达到扩展HTML标签及组合HTML标签的目的。比如对于HTML中的h1标签而言，对于CSS，如果使用id选择符，那么h1id=“p1”及h1id=“p2”对于CSS来讲是两个不同的元素，从而达到扩展的目的。用户自定义的方式也有助于用户细化自身的界面结构，使用符合页面需求的名称来进行结构设计，增强代码可读性。CSS的选择符的类型id及class选择符id选择符id选择符是根据DOM文档对象模型原理所出现的选择符类型。对于一个网页而言，其中的每一个标签（或其他对象），均可以使用一个id=“”的形式对id属性进行一个名称的指派。Id我们可理解为一个标识，在网页中每个id名称只能使用一次。divid=“content”/div如本例所示，HTML中的一个div标签被我们指定了id名为content.在CSS格式中，id选择符使用＃符号进行标识，如果我们需要对id为content的标签设置样式，应当使用如下格式：＃content{font-size:14px;line-height:130%}#contentColor:red;Font-size:25px{}iD选择器声明属性属性值超级链接5.3处理基本网页元素超级链接5.创建空链接空链接是指没有目标端点的链接，利用空链接，可以激活文档中链接对应的对象或文本，从而为对象或文本添加一个行为。创建空链接的操作步骤如下：（1）选择需要创建空链接的文字或图片。（2）在“属性”面板的“链接”后的文本框内输入一个“#”号。6.创建图像地图链接图像地图指一个图像被分割为多个链接区域（或称热点），当用户单击某个链接区域时会打开链接目标。使用图像属性面板可以通过图形方式创建或编辑图像地图链接。5.3处理基本网页元素5.3.5表格在网页设计中，人们经常感到许多网页元素，如文字、图像等的位置难以控制。而在网页设计中，最好也是最具有兼容性的方法就是使用表格。表格是Web站点中经常使用的一种简洁有序信息的方式。在网页中合理地使用表格，能够快速便捷地处理批量数据，使网页不论是在版式方面，还是在文本、图像方面，都能够呈现更好的视觉效果。5.3处理基本网页元素5.3.5表格在网页设计中，人们经常感到许多网页元素，如文字、图像等的位置难以控制。而在网页设计中，最好也是最具有兼容性的方法就是使用表格。表格是Web站点中经常使用的一种简洁有序信息的方式。在网页中合理地使用表格，能够快速便捷地处理批量数据，使网页不论是在版式方面，还是在文本、图像方面，都能够呈现更好的视觉效果。5.3处理基本网页元素5.3.5表格（1）布局视图为了简化使用表格进行排版的过程，DreamweaverMX提供了布局视图。在布局视图中，用户可以使用表格作为基础结构来设计网页，避免了使用传统的方法创建基于表格的页面布局经常出现的一些难题。在布局视图中，用户可以在页面上方便地绘制布局单元格，然后将这些单元格移动到所需的位置。（2）表格和布局表格5.3处理基本网页元素编辑表格选择表格创建表格创建普通表格创建布局表格5.3.5表格5.3.5表格编辑表格设置单元格属性拆分与合并单元格删除行或列125.3处理基本网页元素5.3处理基本网页元素5.3.5表格表格的高级应用1.制作一个圆角表格在表格的参数里面增加了fieldset.../fieldset2.制作一个无名表格在参数里面增加了fieldset..../fieldset和legend.../legend3.制作一个立体表格