第八章 多媒体网页的设计.pptVIP

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 导入式和链接式的目的都是将一个独立的css文件引入html文件，二者的区别不大。最大的区别在于链接式使用html的标记引外部css文件，而使用导入式则是使用css的规则引入外部css文件。 * * * 重复：不重复、重复、横向重复、纵向重复 。 水平位置：左对齐、居中、右对齐 。 垂直位置：顶部、居中、底部 。 * 设置背景图像时，通常会设置背景图像所在方框的大小 * 在扩展类型中设置“光标”的视觉效果? * * 新建css规则： 1、在这个页面中首先介绍类、标签、ID、伪类这几种样式如何创建，然后介绍这几种之间的区别。 2、在页面中使用类时必须用class来引用，标签和高级创建的样式不用引用，页面会直接引用，而创建的ID选择器前面会有一个#号，这样当页面中ID对应的元素才会使用此样式。 3、伪类主要是对文本超链接进行样式设置? 注意：?在这里可能会有同学问：既然对所有的网页元素，都可以用类样式来设置，为什么还要使用ID选择器？?因此在这里要讲清楚类和ID选择器的不同用法。?ID选择器常用于DIV标签中或使用UL项目列表制作菜单等，每个页面中的ID是唯一的，因此每个ID选择器在一个页面中的应用是不会重复的。?类样式在一个页面中应用可以重复。 * 基本css选择器 标记选择器 类别选择器 ID选择器 * * * 设置CSS规则定义： “类型”分类：定义字体样式、颜色、大小等设置。?“背景”分类：定义背景颜色、背景图像的设置。?“区块”分类：定义字体间距、对齐方式等。?“方框”分类：设置方框大小以控制页面元素布局等。?“边框”分类：设置边框的样式、宽度和颜色。?“列表”分类：设置列表类型、项目符号图像等。?“定位”分类：改变选定层的大小、位置等。?“扩展”分类：设置页面的分页效果和视觉效果。?设置完类型后，单击确定按钮，可以生成对应的CSS代码 。 * 使用CSS设置方框样式 使用CSS设置鼠标形状 新建CSS样式的两种方法：?第一种在CSS样式面板中单击新建CSS规则按钮 。第二种在CSS样式面板中右击鼠标，在弹出的菜单中选择“新建”选项 。可视化操作创建内部样式 内部样式表 内部样式表 标记选择器 选中整个页面中的H1标记 HTML中的标准标记 标记选择器 css选择器 类别选择器 用户自定义，可重复使用 类别选择器 css选择器 ID选择器 与类别选择器的区别：ID选择器只能使用一次 ID也适用于JAVASCRIPT代码 id选择器 css选择器 设置CSS规则定义——类型： 类型、背景、区块、方框、边框、列表、定位、扩展。 内部样式表 设置CSS规则定义——背景： 内部样式表 设置CSS规则定义——边框： 内部样式表 网站维护 网站设计的完成，只是一个网站的初级阶段，后期还需要经过长期的扩充与更新，使网站不断地丰富与强大。针对静态网站，需要及时更新网页的内容；对于动态网站，需要及时在网站后台添加网站的内容。 网页制作复习 网页设计原则一 目录名（即文件夹名）不要用中文 要用英文或汉语拼音。 否则…… 五个字 死得很难看 会发生莫名其妙的错误！ 网页设计原则二 多用相对路径，少用绝对路径 相对路径：不完整的路径。 通常是指向当前目录的下级目录。 比如：K2\K2.htm，当前目录为K1 绝对路径：完整路径。 比如(文件绝对路径)：C:\K1\K2\K2.htm 提倡用这种绝对路径（互联网绝对路径）： /k2/k2.htm 网页设计原则三 内容最重要 美观其次 HTML基础知识 作为网页设计者 必须知道 最基本的HTML知识 否则 无法成为一个合格的网页设计者！ 标识一：html/html一个网页中必须的标识 网页标识格式 html网页内容/html 实例 HTML这是我的第一个网页!太简单,不好意思!!/HTML 用记事本编辑(不区分英文大小写) 用IE浏览器浏览 (注意:标识中只能用英文符号) 请看操作 操作总结 1、点“开始”，选择“程序”、“附件”、“记事本” 2、在记事本中用英文输入html文字/html 3、用中文输入法在标识中插入文字 4、点“文件”，选择“另存为”，文件名命名为 “index.htm”，选择文件类型为“所有文件”，点“保存” 5、用IE浏览器打开“index.htm” 注意：为什么要命名为 index.htm？ 因为这代表直接告诉浏览器是主页文件！ 注意：default.htm也可以！！ 标识二：title/titl