Internet应用网页制作.ppt

11.1 CSS 技 术 基 础 11.1.1 什么是CSS CSS（Cascading Style Sheet，层叠样式表）技术是一种格式化网页的标准方式，它扩展了HTML的功能，使网页设计者能够以更有效的方式设置网页格式。 使用CSS技术除了可以在单独网页中应用一致的格式以外，对于大网站的格式设置和维护更具有重要意义。将CSS样式定义到样式表文件中，然后在多个网页中同时应用该样式表中的样式，就能确保多个网页具有一致的格式，并且能够随时更新（只要更改样式表文件就可以使所有网页自动更新），从而大大降低了网站的开发和维护工作量。由于CSS具有以上这些优点，它已经成为一种应用非常广泛的网页设计技术，甚至可以说，如果不懂CSS技术，那么就很难设计出专业化的网站。 11.1.2 在网页中使用CSS 在标记中直接嵌套样式信息 在STYLE标记中定义样式信息 链接外部样式表中的样式信息 11.1.3 定义CSS样式 HTML标记选择器 用户定义的类选择器 虚类选择器 11.2 使用内部样式 11.2.1 创建HTML标记样式 11.2.2 创建通用类样式 11.2.3 创建超链接样式 11.2.4 应用样式 使用“样式”列表框应用样式 使用“样式”按钮应用样式 11.3 使用外部样式 11.3.1 创建样式表文件 11.3.2 修改样式表文件中的样式 11.3.3 链接样式表文件 矢量图 矢量图形使用称为矢量的线条和曲线（包括颜色和位置信息）描述图像。 9.1.2 网页中的常用图像格式 GIF格式 GIF格式（Graphic Interchange Format，图形交换格式）采用术语上称为无损压缩的算法进行图像的压缩处理（所谓无损压缩是指在压缩过程中图像的质量不会丢失），是目前在Web上应用最广泛的图像格式之一。 JPEG格式 JPEG格式支持的颜色数几乎没有限制，因此适用于使用真彩色或平滑过渡色的照片和图片。 PNG格式 PNG格式用无损压缩来减小图片文件的大小，同时保留图片中的透明区域。此外，该格式是仅有的几种支持透明度概念的图片格式之一（透明GIF的透明度只能是100%，但PNG格式可以是0%～100%）。 9.1.3 在网页中使用图像的要点 确保文件较小 控制图像的数量和质量 合理使用动画 9.2 使 用 图 像 9.2.1 插入图像 除了文字以外，图片是网页中最常见的元素。一般的做法是插入来自其他图片文件的图片。 9.2.2 图像的属性设置 设置图片属性 常规选项 “常规”选项卡主要包括以下域。 ? 图片源 ? 类型 ? 替代表示 ? 默认超链接 外观选项 ? 布局 ? 大小 9.2.3 常用图像处理操作 旋转与翻转 设置透明色 黑白处理 冲蚀处理 图片还原 9.3 使用多媒体对象 9.3.1 使用声音和视频 声音概述 视频概述 链接声音或视频 嵌入声音或视频 9.3.2 使用Flash对象 Flash对象概述 插入Flash对象 9.4 使 用 组 件 9.4.1 横幅广告管理器 9.4.2 悬停按钮 9.4.3 滚动字幕 9.5 使 用 表 单 表单是用于实现浏览者与站点之间信息交互的一种网页对象，经常用于各种信息的搜集与反馈。 9.5.1 表单的概念 表单是用户可以在其中填写信息的表格，其作用是接收用户信息并将其提供给Web服务器进行处理，以便实现网页的交互功能。 9.5.2 创建表单 使用向导 使用模板 自定义表单 9.5.3 设置表单域属性 单行文本框 滚动文本框 复选框 单选按钮 下拉菜单 按钮 图片域 9.5.4 设置标签 第10章 网 页 的 布 局 10.1 网页布局概述 10.2 使 用 表 格 10.3 使 用 框 架 本章内容要点： ? 有关网页布局的常识； ? 表格的创建与属性控制； ? 使用表格进行网页布局； ? 框架的概念； ? 使用框架进行网页布局。 10.1 网页布局概述 10.1.1 什么是网页布局 10.1.2 布局的实用功能 ? 主次分明、重点突出 ? 导航清晰、便于浏览 ? 布局合理、逻辑性强 10.1.3 布局的审美功能 ? 统一，是指设计作品的整体性、一致性。 ? 分割，是指将页面划分为不同区域，以便妥善安排各种页面组成元素。 ? 对比，是指通过合理运用矛盾和冲突，使设计更加富有生机和活力。 10.2 使 用 表 格 表格是最常用