网页设计第七课.pptVIP

网页设计基础 任课教师：杨扬 邮箱：yy@yxnu.net 电话* * CSS层叠样式表 CSS 指层叠样式表 （Cascading Style Sheets），可以非常灵活地控制页面外观。 Dreamweaver中，可以定义下列类型的css样式： Class(类)样式：自定义css样式，可以将样式属性设置到页面中任何文本范围或文本块中。 Tag（标签）样式：重新定义网页中HTML标记的属性。 Advanced（高级）样式：css选择器样式，对一些特定的标记组合进行重定义，或重定义包含特定ID属性的所有标记格式。 * * CSS样式面板 点击菜单栏中的【窗口】/【CSS样式】命令，或者使用Shift+F11键打开面板。 使用【css样式】面板可以跟踪影 响当前所选页面的css规则（正在）， 和整个文档的css规则（全部）。 * * CSS样式的创建 点击【css样式面板】中的 按钮，将新建css样式: 类的命名必须是以句点开头，并且包含任何字母和数字的组合。（如：.yy1,.mystyle） * * 设置CSS样式属性 在左侧列表框中，是属性分类，右侧是具体的属性css规则属性。 【行高】：文本所在行的高度。 【粗细】：设置字体的相对粗体量。 注意：行高、字体大小 应以像素为计量单位， 以免因浏览器的不同而 影响显示效果。 CSS样式背景 【重复】：设置背景图像是否可以重复以及重复方式。 【附件】：设置背景图像时固定在原始位置还是随内容一起滚动。 比较css样式背景和 普通页面背景设置 在背景图像设置中 有何不同？ CSS样式区块 【单词间距】：设置单词的间距。 【字母间距】：设置字母和字符的间距。 【文字缩进】：指定第一行文字的缩进。 【空格】：用于确定如何处理元素的空格。“正常”收缩空格，“保留”保留所有空格，也包含制表符和回车，“不换行” 只有遇到br标签才换行。 间距、缩进可以设置负值 来显示特殊效果。 CSS样式方框/边框 控制元素在页面上的放置方式和属性。以及元素周围边框进行设置 【宽】/【高】：用于设置元素的宽度和高度 【浮动】：设置其他元素（层、表格）如何围绕元素浮动。 使用外部CSS样式 CSS样式可以应用于当前网页，也可以在整个站点网页中使用。将CSS样式做成一个外部文件，链接到其他各个页面中。 CSS样式扩展 【分页】：设置打印页面期间在样式所控制的对象前后进行分页。 【光标】：用于设置光标位于样式所控制的对象上时的样式。 【滤镜】：控制对象显示的特殊效果。 滤镜特效 【Gray滤镜】：作用是产生黑白效果； 【Invert滤镜】：作用是反色效果； 【Xray滤镜】：作用是产生X光效果； 【fliph/flipv滤镜】：作用是产生水平/垂直翻转效果； alpha滤镜 alpha滤镜作用主要是对图片的透明度进行处理 alpha(opacity=,finishopacity=,style=, startX=， startY=,FinishX,FinishY) opacity为图片的透明值，范围是0（完全透明）～100（完全不透明） finishopacity为图片透明度变换结束时的透明值，范围同上 注：该值只有在style设定时才有效 style为图片透明度变换方向。取值为1时，图片透明度按从左到右线性变化；取值为2时，图片透明度从内到外沿半径变化；取值为3时，图片透明度从内到外呈矩形变化  Wave滤镜 wave滤镜的作用是使图片产生扭曲效果 wave(add=value1,freq=value2,lightstrength=value3,phase=value4,strength=value5) 说明：value1的取值为1时，将原图片增加到处理过的图片上；为0时，则不增加 value2为视觉扭曲的波浪数 value3是波形亮度百分比，取值范围为0～100 value4为正弦波开始偏移的初始量，取值范围为0～100 value5为波形效果的强度  Shadow滤镜 shadow滤镜的作用是产生阴影效果 shadow(color=value1,direction=value2)“ 说明： value1为阴影的颜色值（RGB颜色） value2为光线照射角度，如45度。 表单设计 表单是浏览器与网站之间实现交互的工具， 由两部分组成：一是页面中看到的表单界面；二是处理表单数据的程序。（asp、jsp、php等 ）； 网页中的表单由表单域与表单对象构成，表单域是指包含各个表单对象的区域，表单对象是网页中用来进行表单交互的各个工具。 * * 表单域的创建 菜单栏中的【插入】/【表单】/【表单】指令，即可创建一个表单域。 插入栏中