使用CSS样式美化和布局网页项目管理知识分析(PPT 42页)

使用CSS样式美化和布局网页项目管理知识分析(PPT 42页)目录：

1.了解CSS基本概念
2.掌握CSS样式的创建和使用方法
3.掌握CSS样式属性设置方法

 

使用CSS样式美化和布局网页项目管理知识分析(PPT 42页)简介：

使用表格布局制作“商旅管理页面”
步骤1  启动Dreamweaver CS4，新建HTML文档，将文档命名为ctmindex.html，保存在“乐途网”站点根目录下的“ch7”文件夹中。
步骤2  按照制作“乐途网”首页的方式，在ctmindex.html中插入表格，对“商旅管理”页面进行布局。
步骤3  在表格中对应位置插入相应图片或文本，并设置表格或单元格的背景颜色，完成“商旅管理”页面的制作

创建文本CSS样式：
步骤1  打开“商旅管理”子页（ctmindex.html），按下Shift+F11组合键，打开【CSS样式】面板，单击“新建CSS规则”按钮，打开【新建CSS规则】对话框。
步骤2  在【选择器类型】选项组中选择“类（可以应用于任何HTML元素）”。在【选择器名称】下拉列表框中输入类样式的名称：.black12。在【规则定义】选项组中选择“新建样式表文件”，若选择“仅限该文档”，则该样式只能应用在当前网页中。
步骤3  单击“确定”按钮，弹出【将样式表文件另存为】对话框。将CSS规则定义在mycss.css文件中，保存在站点目录下“ch7”文件夹中。
步骤4  单击“保存”按钮，弹出【.black12的CSS规则定义】对话框，设置.black12类样式的属性。在【分类】中选择【类型】，设置字体大小为“12px”，行高为“20px”，颜色为“#000”，修饰设置为无。单击“确定”按钮，完成.black12的CSS规则的定义。

..............................