调用外部样式表文件设置网页中超级链接标志的样式ppt课件

1、实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页实验内容1、制造网页中特大字效果；2、修正背景图片的款式；3、调用外部款式表文件，设置网页中超级链接标志的款式。实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页实验目的 1 、学会运用款式表修饰网页中的元素。 实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页实验重点 1 、定义款式表的三种方式实验难点实验

2、内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页实验难点1 、CSS属性 的意义及运用实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页实验步骤实验步骤工程一工程一 制造网页中特大字效果制造网页中特大字效果第一步：演示网页效果，查看特大第一步：演示网页效果，查看特大字效果。字效果。实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页第二步：演示制造特大字的过程第二步：演

3、示制造特大字的过程1 1、翻开、翻开dreamweaver,dreamweaver,在站点目录下新建网页，输入文在站点目录下新建网页，输入文本信息，本信息，“神奇的董永故里，美丽的湖北职院，神奇的董永故里，美丽的湖北职院， 保管保管网页为网页为1.htm1.htm。预览网页效果。预览网页效果。实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页2、定义css款式。 选择“文本-“CSS款式表- “新建，设置如下：实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样

4、式表的应用 上一页下一页单击确定，设定款式：实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页3、将设定的款式运用到文本。 选定文本，单击右键，在弹出的菜单中选择CSS款式- KK,保管网页，预览。实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页思索题：思索题： 在网页中，通常文本设置为在网页中，通常文本设置为12px或或10.5pt，该款式如何设定？该款式如何设定？实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二D

5、reamweaver中样式表的应用中样式表的应用 上一页下一页工程二工程二 修正背景图片款式修正背景图片款式第一步：查看没有设定背景图片时的网页效果。第一步：查看没有设定背景图片时的网页效果。实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页 保管网页并，预览。第二步：设定背景图片及款式。第二步：设定背景图片及款式。1、在代码视图方式下，参与背景图片代码：实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页2 、设定背景图片的款式。 选择

6、文本-CSS款式-新建：实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页设定body标志的背景款式：实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页保管并预览：实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页工程三工程三 调用外部款式表文件，设置网页中超级调用外部款式表文件，设置网页中超级链接标志的款式链接标志的款式第一步：查看没有设置超级链接标志前网

7、页效第一步：查看没有设置超级链接标志前网页效果。果。实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页第二步：定义超级链接标志第二步：定义超级链接标志A A的款式，保管为的款式，保管为1.CSS1.CSS文件。文件。第三步：调用款式表文件中设定的款式。第三步：调用款式表文件中设定的款式。1 1、选择文本、选择文本-CSS-CSS款式款式-附加款式表，设定附加款式表，设定款式款式 表文件名：表文件名：实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页保管并预览网页效果：实验难点实验内容实验目的实验重点实验步骤 实验项目十二实验项目十二Dreamweaver中样式表的应用中样式表的应用 上一页下一页实验小结实验小结 本次实验中，经过三个本次实验中，经过三个实验工程，验证了款式表定义的三实验工程，验证了款式表定义的三种方式，