电子商务网页设计(第三版)课件汇总全书电子教案完整版课件最全幻灯片课件电子教案幻灯片.ppt

3. CSS 的应用优先级 CSS 样式的优先级总结来说，离被设置元素越近优先级别越高，一般依据下面的规则划分优先级，即行内样式表（在HTML 元素内部） 内部样式表（位于head 标签内部） 外联样式表 浏览器缺省设置。 行内样式（在HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：head 标签中的样式声明、外部样式表中的样式声明或者浏览器中的样式声明（缺省值）。 五、CSS 样式的应用 1. 内部样式表的应用 2. 外部样式表的应用 3. 应用外部样式 第 2 节 行为特效 一、认识行为 1. 行为的概念 行为是由对象、事件和该事件触发的动作构成的。Dreamweaver CS5 内置了很多行为，使设计者不用输入复杂的代码即可在网页上实现一些很实用的交互效果，如果对JavaScript 语言有些掌握，还可以编写代码实现更加丰富的效果。 2. 对象 对象是产生行为的主体。 3. 事件 事件是由用户或浏览器针对页面元素的一种操作。 4. 动作 动作通常是由一段预先编写的JavaScript 代码组成的，用于完成某些特殊的任务。 二、添加与编辑行为 1. 打开“行为”面板 2. 添加行为 3. 编辑行为 三、表单 Form 表单用于申明表单，定义采集数据的范围，也就是form 和/form 里面包含的数据将被提交到服务器，通常形式是： form action= method= entype=/form。 表单域包含了文本框、多行文本框、密码框、隐藏域、复选框、单选框、文件上传框、下拉选择框等。 1. 文本框 文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或简短的回答。 2. 多行文本框 多行文本框也是一种让访问者自己输入内容的表单对象，只不过能让访问者填写较长的内容。 3. 密码框 密码框是一种特殊的文本域，用于输入密码，当访问者输入文字时，文字会被星号或其他符号代替，而输入的文字会被隐藏。 4. 隐藏域 隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的，当表单被提交时，隐藏域就会将信息用设置时定义的名称和值发送到服务器上。 5. 复选框 复选框允许在待选项中选中一项以上的选项，每个复选框都是一个独立的元素，都必须有一个唯一的名称。 6. 单选框 当需要访问者在单选项中选择唯一的答案时，就需要用到单选框了。 7. 文件上传框 有时候需要用户上传文件，文件上传框看上去和其他文本域差不多，只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件路径或者单击浏览按钮选择需要上传的文件。。 8. 下拉选择框 下拉选择框允许在一个有限的空间设置多种选项。 9. 表单按钮 表单按钮控制表单的运作。提交按钮用来将输入的信息提交到服务器。 六、AP Div 与表格的转换 1. 把AP Div 转换为表格 2. 把表格转换为AP Div 第 2 节 框架在网页中的应用 一、框架与框架集 1. 框架 框架（frame）是指用来分隔网页的窗格，每个框架都是浏览器中的一个区域，它可以显示与浏览器窗口中所显示内容相关的HTML 文档，是一个独立的HTML 页面。 2. 框架集 框架集（frameset）是指定义一组网页布局结构与属性的HTML 页面，其中包含了显示在页面中框架的数量、尺寸、装入框架的页面来源及其他可定义的属性相关信息。 3. 框架结构的优点 （1）使网页结构清晰，易于维护和更新。 （2）每个框架网页都具有独立滚动条，因此访问者可以独立控制各个页面。 （3）便于修改。一般情况下，每隔一段时间，网站的设计就要做一定的修改，如果是公共部分需要修改，只需修改公共页面，整个网站就同时更新。 （4）访问者的浏览器不需要为每个页面重新加载与导航相关的图形，当浏览器的滚动条滚动时，这些链接不随滚动条的滚动而上下移动，一直固定在某个窗口，便于访问者能随时跳转到另一个页面。 二、创建预定义框架集 1. 示例方式 2. 按钮方式 3. 菜单方式 4. 保存框架 三、框架和框架集基本操作 1. 选择框架和框架集 （1）在“框架”面板中选择框架和框架集 （2）在设计窗口中选择框架或框架集 2. 拆分和删除框架 3. 属性设置 （1）设置框架集属性 （2）设置框架属性 4. 识别代码