0px;”>【实训范例】
启动Dreamweaver 2018，打开实训1所建立的站点“节约粮食”，然后在“文件”面板的列表上双击打开index.html文件。根据要求完成相应的操作，效果如图所示。
1．了解CSS样式的定义和应用。
2．各种超级链接的设置（文本链接、锚链接、图像热点链接、Email链接等）。
操作演示：
打开实训1拓展练习所建立的站点“端午佳节”，或者重新建立C:MyWeb站点，然后在“文件”面板的列表上双击打开index.html文件。
1．设置第1行第1列中的文本“端午佳节”格式（CSS目标规则名定为.bt），字体：华文行楷、字号：48px、颜色：#5C7967，单元格内居中对齐。
2．设置第1行第2列中的导航文本的格式（CSS目标规则名定为.dh），字体：黑体，大小16、颜色：#404040。
3．为嵌套表格中的两个栏目标题“端午节由来”、“端午习俗”和五张图片下的标题文字设置格式（CSS目标规则名定为.lm），字体大小14、行间距30。
4．为两段正文和页脚文字设置格式（CSS目标规则名定为.zw），宋体、大小12、行间距20。各正文段落前插入2个不换行的空格。
5．为导航中的“端午节由来”和“端午调研”分别创建文字链接，可在新窗口中分别打开“youlai.html”和“diaoyan.html”页面。
6．为横幅图像中的龙舟所在的区域创建热点链接，链接目标为https://baike.so.com/doc/7050776-7273682.html，要求在新窗口打开。
7．为页脚区的“联系我们”四个字创建电子邮件链接，能链接到sicp_it@126.com邮箱地址。效果如图所示。
操作演示：
原创文章，作者：速盾高防cdn，如若转载，请注明出处：https://www.sudun.com/ask/49612.html
