网页工程师认证网页项目训练,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,教学要求 (1) 了解Div+CSS对页面中的内容进行排版的方法。 (2) 掌握使用Div+CSS对页面进行文字排版，图文混排等。,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,教学重难点 (1)掌握使用Div+CSS对页面进行文字排版，图片排版，图文混排。,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,复习提问 (1) a标记有那些伪类？ (2) a标记的伪类分别作用是什么？,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.1 内容排版概述 7.1.1 内容排版原则 标题宜突显于背景之上； 宜居于版面中间位置，以长方形方式呈现； 段落中间字间距和行距合理美光，颜色控制在3种一下。,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.1 内容排版概述 7.1.2 内容排版定义 所谓排版，即在有限的空间里，将版面构成要素文本文字、图片图形、线条线框和颜色色块等诸多因素，根据特定内容的需要进行组合排列，并运用造型要素及形式原理，把构思与计划以视觉形式表达出来。,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.1 内容排版概述 7.1.4 内容排版分类 (1) 文字排版,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.1 内容排版概述 7.1.4 内容排版分类 (2) 图文混合排版,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.1 内容排版概述 7.1.4 内容排版分类 (3) 全图排版,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.1 内容排版概述 7.1.4 内容排版分类 (4) 表格排版,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.2 公司商业网站制作,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.3 科技网站制作,江西信息应用职业技术学院计算机技术系软件教研室,本章小结,(1) 让学生了解Div+CSS对页面中的内容进行排版的方法。 (2) 让学生掌握使用Div+CSS对页面进行文字排版，图文混排等。,江西信息应用职业技术学院计算机技术系软件教研室,作业,(1) 完成一个公司商业页面制作。 (2) 完成一个科技网站布局。,