《《网页工程师认证-网页项目训练》第七章 CSS内容排版》由会员分享,可在线阅读,更多相关《《网页工程师认证-网页项目训练》第七章 CSS内容排版(14页珍藏版)》请在金锄头文库上搜索。
1、网页工程师认证网页项目训练,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,教学要求 (1) 了解Div+CSS对页面中的内容进行排版的方法。 (2) 掌握使用Div+CSS对页面进行文字排版,图文混排等。,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,教学重难点 (1)掌握使用Div+CSS对页面进行文字排版,图片排版,图文混排。,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,复习提问 (1) a标记有那些伪类? (2) a标记的伪类分别作用是什么?,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容
2、排版,7.1 内容排版概述 7.1.1 内容排版原则 标题宜突显于背景之上; 宜居于版面中间位置,以长方形方式呈现; 段落中间字间距和行距合理美光,颜色控制在3种一下。,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.1 内容排版概述 7.1.2 内容排版定义 所谓排版,即在有限的空间里,将版面构成要素文本文字、图片图形、线条线框和颜色色块等诸多因素,根据特定内容的需要进行组合排列,并运用造型要素及形式原理,把构思与计划以视觉形式表达出来。,江西信息应用职业技术学院计算机技术系软件教研室,第七章 CSS内容排版,7.1 内容排版概述 7.1.4 内容排版分类 (1)
3、 文字排版,江西信息应用职业技术学院计算机技术系软件教研室,第七章 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) 完成一个科技网站布局。,