学校:江苏省江都中学班级:高一(17)教师:陈忠第五章动态网页制作目录第一节第一节认识动态网页第二节第二节理解动态HTML第三节第三节应用动态HTML第四节第四节ASP脚本应用复习回顾标题JavaScriptVBScriptDOMLayersCSS动态HTML的核心技术客户端脚本语言文件目标模块层叠式样式表1、什么是客户端脚本语言5.2.1客户端脚本语言2、什么是JavaScript3、调用JavaScript文件样式是用一个指定的名字来标识和保存的一组有关字符和段落格式的有关集合frongpage中有系统自定义的样式。如:标题1,标题2,链接等,可以单击“格式/样式”进行修改或新建Css是一组自己定义的样式Css样式可以控制字体,颜色,大小,背景,网页布局,图文效果等1、什么是样式表1、什么是样式表5.2.2CSS样式表将例1中明星的标题文字字体为隶书,颜色为红色,并添加下划线HTML修改方式CSS修改方式阅读并比较代码的不同2、体验CSS样式表2、体验CSS样式表5.2.2CSS样式表将例1中你喜欢某一位明星的资料文字字体为华文行楷,颜色为蓝色嵌入式样式表特点:对具体的某个标签做样式调整。作用范围:只限于本标签插入位置:标签内插入形式:<标签名style="样式表定义语句">例3、在HTML中加入CSS样式表3、在HTML中加入CSS样式表5.2.2CSS样式表将例1中各明星的标题文字字体为隶书,颜色为红色,并添加下划线内联式样式表特点:对当前网页中相同标签做样式调整。作用范围:当前网页插入位置:与之间插入形式:样式表定义语句3、在HTML中加入CSS样式表3、在HTML中加入CSS样式表5.2.2CSS样式表"分组完成:将例1中css.htm页面分别应用样式001.css和002.css外联式样式表特点:可以让当前网站中所有页面具有相同风格。作用范围:调用样式表文件的所有页面样式表文件内容:样式表定义语句样式表文件扩展名:.css调用形式:“格式/样式表链接”例3、在HTML中加入CSS样式表3、在HTML中加入CSS样式表5.2.2CSS样式表利用江苏高中信息技术考试系统完成巩固练习注意点及要求:(1)用户名:2018+班级+学号例如:高一(17)班1号同学用户名为:201817001,学号为三位数(2)完成后请查看试卷评析,弄清错误原因,并纠正本课小结什么是CSS样式表嵌入式样式表CSS样式表的实现在HTML中加入CSS内联式样式表外联式样式表