[网页制作电子教案系列第七章.pptVIP

教学目标 l??了解标准化网站设计理念 l?? 熟悉CSS网页布局的基本知识，能用CSS规划和布局网页 l?? 理解CSS盒模型，了解边界距、填充距和边框等属性的含义 l?? 熟练掌握Dreamweaver的“CSS样式定义”操作技能 l?? 学会在代码视图中修改简单的CSS代码 l???了解CSS的滤镜，会利用滤镜修饰文字和图片 l??熟悉文字、图片、表格和表单等主要元素的定位和修饰方 法 用模板创建网页实例 代码视图内容显示如下： body { font-family: lucida grande, lucida sans unicode, 宋体, 新宋体, arial, verdana, sans-serif; font-size:12px; line-height:150%; color: #333; background: #c1c1c1; text-align: left; } 用CSS模板创建“公司简介”页面 按“Shift+F11”，在“CSS样式”视图中，单击“新建CSS样式”按钮； 选择器类型为“高级”，选择器列表框中输入“#img-right-top”，“定位在”选择“mycss.css”。 单击“确定”按钮，在随后打开的“#img-right-top CSS样式定义”对话框中设定相关属性； 在“类型”属性中，“粗细”设定为“粗体”； 在