《第9章.利用行为和脚本制作动感特效网页.ppt》由会员分享,可在线阅读,更多相关《第9章.利用行为和脚本制作动感特效网页.ppt(21页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、Dreamweaver基础篇基础篇第第10章章 利用行为和脚本制作利用行为和脚本制作动感特效网页动感特效网页Dreamweaver基础篇基础篇 教学目标教学目标:了解了解CSSCSS基本语法基本语法 掌握掌握CSSCSS属性的设置属性的设置 掌握链接到或导出外部掌握链接到或导出外部CSSCSS样式表样式表 掌握应用掌握应用CSSCSS样式定义文本间行距样式定义文本间行距 掌握应用掌握应用CSSCSS样式制作阴影文字样式制作阴影文字 掌握掌握CSSCSS的使用技巧的使用技巧Dreamweaver基础篇基础篇学习重点:学习重点:了解了解CSSCSS基本语法基本语法 熟悉文件的基本操作熟悉文件的基本
2、操作Dreamweaver基础篇基础篇HTML标志标志属性:属性值;标志属性:属性值;标志属性:属性值;9.1 CSS基本语法基本语法Dreamweaver基础篇基础篇如设置HTML页面中的所有Hl标题字显示为红色,其代码如下:大家好!Dreamweaver基础篇基础篇9.2 设置设置CSS属性属性921 类型属性Dreamweaver基础篇基础篇922背景属性Dreamweaver基础篇基础篇923区块属性Dreamweaver基础篇基础篇924方框属性Dreamweaver基础篇基础篇925边框属性Dreamweaver基础篇基础篇926列表属性Dreamweaver基础篇基础篇927定位
3、属性Dreamweaver基础篇基础篇928扩展属性Dreamweaver基础篇基础篇9.3 链接到或导出外部链接到或导出外部CSS样式表样式表 外部外部CSS样式表是一个包含各种样样式表是一个包含各种样式化标准的外部文本文件。编辑应用于式化标准的外部文本文件。编辑应用于文档的内部和外部的样式都很容易,如文档的内部和外部的样式都很容易,如果编辑外部样式文件,所有与之相关联果编辑外部样式文件,所有与之相关联的文档都会按照样式表中的格式重新设的文档都会按照样式表中的格式重新设置。置。Dreamweaver基础篇基础篇9.3.1 创建外部样式表Dreamweaver基础篇基础篇Dreamweaver
4、基础篇基础篇Dreamweaver基础篇基础篇9.3.2 链接外部样式表 外部外部CSS样式表是一系列存储在一个单独的外部样式表是一系列存储在一个单独的外部CSS(css)文件(并非)文件(并非HTML文件)中的文件)中的CSS规则。规则。利用文档文件头部分中的链接,该文件被链接到利用文档文件头部分中的链接,该文件被链接到Web站点中的一个或多个页面。站点中的一个或多个页面。Dreamweaver基础篇基础篇9.3.3 导出样式以创建CSS样式表导出样式以创建导出样式以创建CSS样式表的具体操作步骤如下。样式表的具体操作步骤如下。1打开【CSS样式】面板,在【样式】面板中选择导出的CSS样式,
5、单击鼠标右键,在弹出的菜单中选择【导出】选项。2打开【导出样式为CSS文件】对话框,在对话框中的【文件名】文本框中输入导出样式的名称。单击【保存】按钮,将CSS样式导出为样式文件。Dreamweaver基础篇基础篇本章小结:本章小结:了解了解CSSCSS基本语法基本语法 掌握掌握CSSCSS属性的设置属性的设置 掌握链接到或导出外部掌握链接到或导出外部CSSCSS样式表样式表 掌握应用掌握应用CSSCSS样式定义文本间行距样式定义文本间行距 掌握应用掌握应用CSSCSS样式制作阴影文字样式制作阴影文字 掌握掌握CSSCSS的使用技巧的使用技巧Dreamweaver基础篇基础篇作业要求:作业要求:熟练写出熟练写出CSS样式基本代码样式基本代码会基本会基本CSS样式文件设置及修改样式文件设置及修改 CSS样式文件的导出与连接样式文件的导出与连接