Dreamweaver教程:创建CSS样式与脚本调用

需积分: 50 0 下载量 160 浏览量 更新于2024-08-14 收藏 14MB PPT 举报
"创建调用脚本的CSS样式-Dreamweaver课件" 在这个Dreamweaver课件中,重点讲解了如何创建和应用调用脚本的CSS样式,特别是通过【ID】属性来实现精确的定位和标记。ID属性是一个在HTML中用于唯一标识元素的关键特性,它允许开发者为特定的元素赋予一个唯一的名称,以便于在CSS或JavaScript中引用。在创建CSS样式时,定义一个ID规则可以确保该规则仅适用于文档中的一个特定元素。 以教师演示的"li1"规则为例,要定义这个规则,首先在CSS中声明一个ID选择器,如下所示: ```css #li1 { /* 在这里添加你需要的样式 */ } ``` 这里的`#li1`表示ID为"li1"的HTML元素。接着,要将这个样式应用到实际的HTML元素上,可以选择对应的`<li>`标签,然后右键点击并从快捷菜单中选择“设置ID”->“li1”。这将把定义的"li1"规则绑定到选定的`<li>`标签,从而改变其样式。 课程还涵盖了网页设计的基础知识,包括在"网页设计三合一教程"中提到的几个关键点: 1. 网页设计遵循的理念:设计时需要考虑访问者的带宽,版面布局要合理,设计要有网站标志,站点内容要专注且及时更新。 2. 网站整体风格的确定:包括网站的标志、色彩、布局、交互性等方面,需要保持一致性并反映网站的价值。 3. 网页创意:创意是信息传达的新颖手段,可以通过重组现有元素来实现。 4. 网页色彩搭配:要考虑色彩的鲜明性、独特性、色度的合适性和代表性,以创造视觉吸引力。 5. 常用的网页设计工具:如Dreamweaver用于网页制作,Flash用于创建网络动画,Fireworks则用于网络图像处理。 Dreamweaver作为一款强大的网页设计工具,支持最新的Web标准,能帮助设计师快速构建动态效果丰富的网页,同时简化了网页制作过程。通过熟练掌握ID属性和CSS样式的应用,可以提升网页设计的专业性和用户体验。